diff --git a/.circleci/config.yml b/.circleci/config.yml
index c02db6aebd18d1..b8be5a472a645c 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -1,6 +1,7 @@
 version: 2.1
 orbs:
-  aws-s3: circleci/aws-s3@3.0.0
+  aws-cli: circleci/aws-cli@4.1
+  aws-s3: circleci/aws-s3@4.0
 
 parameters:
   browserstack-force:
@@ -227,7 +228,7 @@ jobs:
           name: 'Write "use client" directive'
           command: yarn rsc:build
       - run:
-          name: '`yarn rsc:build` changes detected, "use client" missing from exports'
+          name: '`yarn rsc:build` changes committed?'
           command: git add -A && git diff --exit-code --staged
       - run:
           name: Generate the documentation
@@ -344,7 +345,7 @@ jobs:
     <<: *defaults
     resource_class: 'medium+'
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -374,7 +375,7 @@ jobs:
   test_e2e:
     <<: *defaults
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -393,7 +394,7 @@ jobs:
   test_e2e_website:
     <<: *defaults
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -408,7 +409,7 @@ jobs:
   test_profile:
     <<: *defaults
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -435,7 +436,7 @@ jobs:
   test_regressions:
     <<: *defaults
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -489,7 +490,7 @@ jobs:
     <<: *defaults
     working_directory: /tmp/material-ui/test/bundling/fixtures/next-webpack4/
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -513,7 +514,7 @@ jobs:
     <<: *defaults
     working_directory: /tmp/material-ui/test/bundling/fixtures/next-webpack5/
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -537,7 +538,7 @@ jobs:
     <<: *defaults
     working_directory: /tmp/material-ui/test/bundling/fixtures/create-react-app/
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -561,7 +562,7 @@ jobs:
     <<: *defaults
     working_directory: /tmp/material-ui/test/bundling/fixtures/snowpack/
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -585,7 +586,7 @@ jobs:
     <<: *defaults
     working_directory: /tmp/material-ui/test/bundling/fixtures/vite/
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -609,7 +610,7 @@ jobs:
     <<: *defaults
     working_directory: /tmp/material-ui/test/bundling/fixtures/esbuild/
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -637,7 +638,7 @@ jobs:
     <<: *defaults
     working_directory: /tmp/material-ui/test/bundling/fixtures/gatsby/
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -687,11 +688,12 @@ jobs:
                 pattern: '^pull/.+$'
                 value: << pipeline.git.branch >>
           steps:
+            - aws-cli/setup:
+                aws_access_key_id: AWS_ACCESS_KEY_ID_ARTIFACTS
+                aws_secret_access_key: AWS_SECRET_ACCESS_KEY_ARTIFACTS
+                region: ${AWS_REGION_ARTIFACTS}
             # Upload distributables to S3
             - aws-s3/copy:
-                aws-access-key-id: AWS_ACCESS_KEY_ID_ARTIFACTS
-                aws-region: AWS_REGION_ARTIFACTS
-                aws-secret-access-key: AWS_SECRET_ACCESS_KEY_ARTIFACTS
                 from: mui-material.tgz
                 to: s3://mui-org-ci/artifacts/$CIRCLE_BRANCH/$CIRCLE_SHA1/
       - store_artifacts:
@@ -715,20 +717,18 @@ jobs:
                 pattern: '^pull/.+$'
                 value: << pipeline.git.branch >>
           steps:
+            - aws-cli/setup:
+                aws_access_key_id: AWS_ACCESS_KEY_ID_ARTIFACTS
+                aws_secret_access_key: AWS_SECRET_ACCESS_KEY_ARTIFACTS
+                region: ${AWS_REGION_ARTIFACTS}
             # persist size snapshot on S3
             - aws-s3/copy:
                 arguments: --content-type application/json
-                aws-access-key-id: AWS_ACCESS_KEY_ID_ARTIFACTS
-                aws-region: AWS_REGION_ARTIFACTS
-                aws-secret-access-key: AWS_SECRET_ACCESS_KEY_ARTIFACTS
                 from: size-snapshot.json
                 to: s3://mui-org-ci/artifacts/$CIRCLE_BRANCH/$CIRCLE_SHA1/
             # symlink size-snapshot to latest
             - aws-s3/copy:
                 arguments: --content-type application/json
-                aws-access-key-id: AWS_ACCESS_KEY_ID_ARTIFACTS
-                aws-region: AWS_REGION_ARTIFACTS
-                aws-secret-access-key: AWS_SECRET_ACCESS_KEY_ARTIFACTS
                 from: size-snapshot.json
                 to: s3://mui-org-ci/artifacts/$CIRCLE_BRANCH/latest/
       - run:
@@ -739,7 +739,7 @@ jobs:
   test_benchmark:
     <<: *defaults
     docker:
-      - image: mcr.microsoft.com/playwright:v1.36.2-focal
+      - image: mcr.microsoft.com/playwright:v1.37.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
diff --git a/.eslintrc.js b/.eslintrc.js
index 7dd94d3ec46a51..3c8f3dccaadd85 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -67,13 +67,6 @@ module.exports = {
       {
         patterns: [
           '@mui/*/*/*',
-          // Begin block: Packages with files instead of packages in the top level
-          // Importing from the top level pulls in CommonJS instead of ES modules
-          // Allowing /icons as to reduce cold-start of dev builds significantly.
-          // There's nothing to tree-shake when importing from /icons this way:
-          // '@mui/icons-material/*/',
-          '@mui/utils/*',
-          // End block
           // Macros are fine since their import path is transpiled away
           '!@mui/utils/macros',
           '@mui/utils/macros/*',
@@ -125,6 +118,7 @@ module.exports = {
 
     'material-ui/docgen-ignore-before-comment': 'error',
     'material-ui/rules-of-use-theme-variants': 'error',
+    'material-ui/no-empty-box': 'error',
 
     'react-hooks/exhaustive-deps': ['error', { additionalHooks: 'useEnhancedEffect' }],
     'react-hooks/rules-of-hooks': 'error',
@@ -217,15 +211,6 @@ module.exports = {
       rules: {
         // does not work with wildcard imports. Mistakes will throw at runtime anyway
         'import/named': 'off',
-        'no-restricted-imports': [
-          'error',
-          {
-            // Use named import from `test/utils` instead.
-            // The other files are private.
-            patterns: ['test/utils/*'],
-          },
-        ],
-
         'material-ui/disallow-active-element-as-key-event-target': 'error',
 
         // upgraded level from recommended
@@ -295,6 +280,16 @@ module.exports = {
         'no-console': 'off',
       },
     },
+    // demos - proptype generation
+    {
+      files: ['docs/data/base/components/modal/UseModal.js'],
+      rules: {
+        'consistent-return': 'off',
+        'func-names': 'off',
+        'no-else-return': 'off',
+        'prefer-template': 'off',
+      },
+    },
     {
       files: ['docs/data/**/*{.tsx,.js}'],
       excludedFiles: [
@@ -322,7 +317,7 @@ module.exports = {
           'error',
           {
             patterns: [
-              // Allow deeper imports for TypeScript types. TODO?
+              // Allow deeper imports for TypeScript types. TODO remove
               '@mui/*/*/*/*',
               // Macros are fine since they're transpiled into something else
               '!@mui/utils/macros/*.macro',
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 3158a8832f9cca..57edc7787b9695 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -25,12 +25,12 @@ jobs:
         os: [macos-latest, windows-latest, ubuntu-latest]
     steps:
       - run: echo "${{ github.actor }}"
-      - uses: actions/checkout@c85c95e3d7251135ab7dc9ce3241c5835cc595a9 # v3.5.3
+      - uses: actions/checkout@f43a0e5ff2bd294095638e18286ca9a3d1956744 # v3.6.0
         with:
           # fetch all tags which are required for `yarn release:changelog`
           fetch-depth: 0
       - name: Use Node.js 18.x
-        uses: actions/setup-node@e33196f7422957bea03ed53f6fbb155025ffc7b8 # v3.7.0
+        uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
         with:
           node-version: 18
           cache: 'yarn' # https://github.com/actions/setup-node/blob/main/docs/advanced-usage.md#caching-packages-dependencies
diff --git a/.github/workflows/codeql.yml b/.github/workflows/codeql.yml
index 208868c39ed252..9320aa74bdcd78 100644
--- a/.github/workflows/codeql.yml
+++ b/.github/workflows/codeql.yml
@@ -16,10 +16,10 @@ jobs:
       security-events: write
     steps:
       - name: Checkout repository
-        uses: actions/checkout@c85c95e3d7251135ab7dc9ce3241c5835cc595a9 # v3.5.3
+        uses: actions/checkout@f43a0e5ff2bd294095638e18286ca9a3d1956744 # v3.6.0
       # Initializes the CodeQL tools for scanning.
       - name: Initialize CodeQL
-        uses: github/codeql-action/init@0ba4244466797eb048eb91a6cd43d5c03ca8bd05 # v2.21.2
+        uses: github/codeql-action/init@6a28655e3dcb49cb0840ea372fd6d17733edd8a4 # v2.21.8
         with:
           languages: typescript
           config-file: ./.github/codeql/codeql-config.yml
@@ -30,4 +30,4 @@ jobs:
           # Details on CodeQL's query packs refer to : https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
           # queries: security-extended,security-and-quality
       - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@0ba4244466797eb048eb91a6cd43d5c03ca8bd05 # v2.21.2
+        uses: github/codeql-action/analyze@6a28655e3dcb49cb0840ea372fd6d17733edd8a4 # v2.21.8
diff --git a/.github/workflows/ensure-triage-label.yml b/.github/workflows/ensure-triage-label.yml
index 9012948368960f..c4753ccbd3ef44 100644
--- a/.github/workflows/ensure-triage-label.yml
+++ b/.github/workflows/ensure-triage-label.yml
@@ -1,4 +1,5 @@
 name: Ensure triage label is present
+
 on:
   label:
     types:
@@ -6,6 +7,9 @@ on:
   issues:
     types:
       - opened
+
+permissions: {}
+
 jobs:
   label_issues:
     runs-on: ubuntu-latest
diff --git a/.github/workflows/mark-duplicate.yml b/.github/workflows/mark-duplicate.yml
index 832b62ae598da6..eb9a7559663870 100644
--- a/.github/workflows/mark-duplicate.yml
+++ b/.github/workflows/mark-duplicate.yml
@@ -14,7 +14,7 @@ jobs:
       issues: write
     steps:
       - name: mark-duplicate
-        uses: actions-cool/issues-helper@25379ae1ea683ac484497214db131ab8f003a52b # v3.5.1
+        uses: actions-cool/issues-helper@5457ae8d7c1dc20597a753501d30183ed8043c8b # v3.5.2
         with:
           actions: 'mark-duplicate'
           token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/scorecards.yml b/.github/workflows/scorecards.yml
index 740f5645a9798e..6b823e1e92cdfe 100644
--- a/.github/workflows/scorecards.yml
+++ b/.github/workflows/scorecards.yml
@@ -22,7 +22,7 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@c85c95e3d7251135ab7dc9ce3241c5835cc595a9 # v3.5.3
+        uses: actions/checkout@f43a0e5ff2bd294095638e18286ca9a3d1956744 # v3.6.0
         with:
           persist-credentials: false
 
@@ -43,6 +43,6 @@ jobs:
 
       # Upload the results to GitHub's code scanning dashboard.
       - name: Upload to code-scanning
-        uses: github/codeql-action/upload-sarif@0ba4244466797eb048eb91a6cd43d5c03ca8bd05 # v2.21.2
+        uses: github/codeql-action/upload-sarif@6a28655e3dcb49cb0840ea372fd6d17733edd8a4 # v2.21.8
         with:
           sarif_file: results.sarif
diff --git a/.mocharc.js b/.mocharc.js
index 83a5c747ad403f..d57adb8886a831 100644
--- a/.mocharc.js
+++ b/.mocharc.js
@@ -10,7 +10,7 @@ module.exports = {
   recursive: true,
   timeout: (process.env.CIRCLECI === 'true' ? 5 : 2) * 1000, // Circle CI has low-performance CPUs.
   reporter: 'dot',
-  require: [require.resolve('./test/utils/setupBabel'), require.resolve('./test/utils/setupJSDOM')],
+  require: ['@mui-internal/test-utils/setupBabel', '@mui-internal/test-utils/setupJSDOM'],
   'watch-ignore': [
     // default
     '.git',
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0a5802f8cf6ac8..0d5719526e40c5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,487 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.14.10
+
+<!-- generated comparing v5.14.9..master -->
+
+_Sep 18, 2023_
+
+A big thanks to the 16 contributors who made this release possible. This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@5.14.10`
+
+- &#8203;<!-- 20 -->[Chip] Add cursor CSS property reset (#38984) @DiegoAndai
+
+### `@mui/utils@5.14.10`
+
+- &#8203;<!-- 05 -->[utils] Move @types/prop-types back to dependencies (#39030) @Methuselah96
+
+### `@mui/base@5.0.0-beta.16`
+
+- &#8203;<!-- 24 -->[NumberInput][base-ui] Warn when changing control mode with `useControlled` (#38757) @sai6855
+- &#8203;<!-- 23 -->[Select][base-ui] Fix Select button layout shift, add placeholder prop (#38796) @mj12albert
+- &#8203;<!-- 22 -->[useList][base-ui] Accept arbitrary external props and forward to root (#38848) @mj12albert
+- &#8203;<!-- 25 -->[Autocomplete][base-ui] Added ref to getInputProps return value (#38919) @DarhkVoyd
+
+### `@mui/joy@5.0.0-beta.7`
+
+- &#8203;<!-- 26 -->[AccordionGroup][joy-ui] Fix console warning when using custom color (#38950) @sai6855
+- &#8203;<!-- 07 -->[GlobalStyles][joy-ui] Ensure compatibility with RSC (#38955) @mateuseap
+
+### Docs
+
+- &#8203;<!-- 21 -->[docs][base] Add Tailwind CSS + plain CSS demo on the NumberInput page (#38928) @alisasanib
+- &#8203;<!-- 13 -->[docs][Dialog] Add non-modal dialog docs & demo (#38684) @mnajdova
+- &#8203;<!-- 12 -->[docs] Fix number input wrong demo @oliviertassinari
+- &#8203;<!-- 11 -->[docs] Exclude joy-ui LinearProgressCountup from visual regression (#38969) @siriwatknp
+- &#8203;<!-- 09 -->[docs][joy-ui] Revise the Overview page (#38842) @danilo-leal
+- &#8203;<!-- 08 -->[docs][material-ui][Pagination] Add `TablePagination` to the API components list (#38486) @MonstraG
+
+### Core
+
+- &#8203;<!-- 19 -->[core] Add more context about useEventCallback @oliviertassinari
+- &#8203;<!-- 18 -->[core] Allow deeper import of @mui/utils (#38806) @oliviertassinari
+- &#8203;<!-- 17 -->[core] Remove react-dom from @mui/utils peerDependencies (#38974) @michaldudak
+- &#8203;<!-- 16 -->[core] Remove react from styled-engine dependencies (#38971) @michaldudak
+- &#8203;<!-- 15 -->[core] Fix image loading bug on Safari @oliviertassinari
+- &#8203;<!-- 14 -->[core] Fix bundle size upload to S3 job (#38956) @Janpot
+- &#8203;<!-- 20 -->[core] Move eslint to peer dependencies of eslint-plugin-material-ui (#39033) @michaldudak
+- &#8203;<!-- 10 -->[docs-infra] Display markdown lists correctly in docs for props description (#38973) @ZeeshanTamboli
+- &#8203;<!-- 04 -->[website] Improve lighthouse score (#39011) @oliviertassinari
+- &#8203;<!-- 03 -->[website] Fix lighthouse issues @oliviertassinari
+- &#8203;<!-- 02 -->[website] Create the `InfoCard` component (#38987) @danilo-leal
+- &#8203;<!-- 01 -->[website] Small tweaks for performance @oliviertassinari
+- &#8203;<!-- 06 -->[zero][next] Setup nextjs plugin package (#38852) @brijeshb42
+
+All contributors of this release in alphabetical order: @alisasanib, @brijeshb42, @danilo-leal, @DarhkVoyd, @DiegoAndai, @Janpot, @mateuseap, @Methuselah96, @michaldudak, @mj12albert, @mnajdova, @MonstraG, @oliviertassinari, @sai6855, @siriwatknp, @ZeeshanTamboli
+
+## 5.14.9
+
+<!-- generated comparing v5.14.8..master -->
+
+_Sep 13, 2023_
+
+A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎉 Added the [`Drawer` component](https://mui.com/joy-ui/react-drawer/) to Joy UI (#38169) @mnajdova
+- ✨ Material UI's [`ButtonGroup` component](https://mui.com/material-ui/react-button-group/) now styles button elements within it correctly (#38520) @ZeeshanTamboli
+
+### `@mui/material@5.14.9`
+
+- &#8203;<!-- 44 -->[ButtonGroup] Determine first, last and middle buttons to support different elements with correct styling (#38520) @ZeeshanTamboli
+- &#8203;<!-- 07 -->[Modal] Fix console warning when onTransitionEnter , onTransitionExit provided (#38868) @sai6855
+- &#8203;<!-- 54 -->Revert "[Autocomplete] Type multiple values with readonly arrays." (#38827) @mnajdova
+- &#8203;<!-- 57 -->[Tabs] Scrollable tabs shouldn't crash when customizing their styles in the theme with slot callbacks (#38544) @brentertz
+- &#8203;<!-- 59 -->[AlertTitle][BreadCrumbs] Fix inheritance message in docs (#38876) @sai6855
+
+### `@mui/base@5.0.0-beta.15`
+
+- &#8203;<!-- 63 -->[useSnackbar] Align externalProps handling (#38935) @mj12albert
+- &#8203;<!-- 48 -->[useInput] Align ExternalProps naming (#38849) @mj12albert
+- &#8203;<!-- 13 -->[FocusTrap] Refactor & cleanup (#38878) @mnajdova
+- &#8203;<!-- 12 -->[FocusTrap] Fix `disableEnforceFocus` behavior (#38816) @mnajdova
+- &#8203;<!-- 06 -->[Switch] Simplify source (#38910) @oliviertassinari
+
+### `@mui/joy@5.0.0-beta.6`
+
+- &#8203;<!-- 15 -->[Drawer] Add Drawer component (#38169) @mnajdova
+- &#8203;<!-- 11 -->Reduce height of some variants (#38527) @zanivan
+- &#8203;<!-- 10 -->Refine the default theme color palette (#38416) @zanivan
+- &#8203;<!-- 34 -->[Dialog] Add `DialogActions`, `DialogTitle` and `DialogContent` (#38382) @siriwatknp
+- &#8203;<!-- 60 -->[AccordionGroup] Add missing `variant` and `color` classes (#38814) @sai6855
+
+### `@mui/lab@5.0.0-alpha.144`
+
+- &#8203;<!-- 09 -->Add TypeScript deprecations (#38833) @oliviertassinari
+- &#8203;<!-- 08 -->Fix `@mui/x-tree-view` dependency (#38822) @flaviendelangle
+
+### `@mui/system@5.14.9`
+
+- &#8203;<!-- 05 -->Remove dead code (#38884) @oliviertassinari
+- &#8203;<!-- 04 -->Remove getInitColorSchemeScript leading spaces (#38794) @oliviertassinari
+
+### `@mui/zero-vite-plugin@0.0.1-alpha.0`
+
+- &#8203;<!-- 02 -->[vite] Create a package for vite plugin (#38685) @brijeshb42
+
+### Docs
+
+- &#8203;<!-- 53 -->[docs][base-ui] Improve recommended usage guide (#38570) @oliviertassinari
+- &#8203;<!-- 52 -->[docs][base-ui] Create hooks contribution guide (#38679) @michaldudak
+- &#8203;<!-- 51 -->[docs][base-ui] Structure and style revisions for Component docs (#38826) @samuelsycamore
+- &#8203;<!-- 50 -->[docs][base-ui] Add Number Input to the all components page (#38839) @danilo-leal
+- &#8203;<!-- 49 -->[docs][base-ui] Mark Popup with the Preview tag (#38851) @michaldudak
+- &#8203;<!-- 47 -->[blog] Polish component reference name @oliviertassinari
+- &#8203;<!-- 46 -->[blog] Fix missing card (#38834) @oliviertassinari
+- &#8203;<!-- 45 -->[Button][docs][material-ui] Update the file upload demo (#38823) @danilo-leal
+- &#8203;<!-- 33 -->[docs][DialogTitle] Fix props docs doesn't mention it extends `Typography` props (#38856) @sai6855
+- &#8203;<!-- 32 -->[docs] Improve npm experience (#38906) @oliviertassinari
+- &#8203;<!-- 31 -->[docs] Fix redirection to Base UI URLs @oliviertassinari
+- &#8203;<!-- 30 -->[docs] Fix use of callouts (#38747) @oliviertassinari
+- &#8203;<!-- 29 -->[docs] Fix 301 links for SEO @oliviertassinari
+- &#8203;<!-- 28 -->[docs] Remove flag from installation page @oliviertassinari
+- &#8203;<!-- 27 -->[docs] Fix strange break line on mobile in between product name @oliviertassinari
+- &#8203;<!-- 26 -->[docs] Clearer npm package homepages (#38864) @oliviertassinari
+- &#8203;<!-- 25 -->[docs] enableColorScheme prop was removed (#38795) @oliviertassinari
+- &#8203;<!-- 24 -->[docs] Fix a11y issues in tables demos (#38829) @michaldudak
+- &#8203;<!-- 62 -->[docs][joy-ui] Refine the Messages template (#38807) @zanivan
+- &#8203;<!-- 22 -->[docs][joy-ui] Fix copy on the Tutorial page (#38907) @danilo-leal
+- &#8203;<!-- 21 -->[docs][joy-ui] Fix grammar and update Usage section in color inversion page (#38850) @ZeeshanTamboli
+- &#8203;<!-- 20 -->[docs][joy-ui] Revise the Lists page (#36324) @LadyBluenotes
+- &#8203;<!-- 19 -->[docs][joy-ui] Refine the Profile Dashboard template (#38599) @zanivan
+- &#8203;<!-- 18 -->[docs][material-ui] Revise the Paper component docs (#38841) @danilo-leal
+- &#8203;<!-- 17 -->[docs][material-ui] Revise the Typography page (#38543) @danilo-leal
+- &#8203;<!-- 16 -->[docs][material-ui] Revise and split up "Styled engine" doc (#37774) @samuelsycamore
+- &#8203;<!-- 03 -->[TextareaAutosize][docs] Fix component creation in render (#38577) @oliviertassinari
+
+### Examples
+
+- &#8203;<!-- 14 -->[examples] Add shortcut to open example in online IDE (#38572) @oliviertassinari
+- &#8203;<!-- 61 -->[examples][base-ui] Add Base UI + Vite + Tailwind CSS example in TypeScript (#37595) @dvkam
+
+### Core
+
+- &#8203;<!-- 65 -->[core] Remove package declaration from same package dependencies (#38951) @DiegoAndai
+- &#8203;<!-- 64 -->[core] Remove workspace dependencies from root package.json (#38940) @michaldudak
+- &#8203;<!-- 43 -->[core] Fix prop-types generation (#38831) @flaviendelangle
+- &#8203;<!-- 42 -->[core] Move types packages to docs' devDependencies (#38914) @michaldudak
+- &#8203;<!-- 41 -->[core] Improve DX when browsing the package on npm and GitHub @oliviertassinari
+- &#8203;<!-- 40 -->[core] TrapFocus was renamed to FocusTrap @oliviertassinari
+- &#8203;<!-- 39 -->[core] Add types extension for clarity @oliviertassinari
+- &#8203;<!-- 38 -->[core] Hoist rewriteImportPaths to parent scope @oliviertassinari
+- &#8203;<!-- 37 -->[core] Bump aws-cli orb to 4.1 (#38857) @Janpot
+- &#8203;<!-- 36 -->[core] Explicitly define package dependencies (#38859) @michaldudak
+- &#8203;<!-- 35 -->[core] Fix yarn docs:create-playground script @oliviertassinari
+- &#8203;<!-- 56 -->[docs-infra] Improve show code button affordance (#38824) @danilo-leal
+- &#8203;<!-- 55 -->[docs–infra] Fix callout container width (#38880) @oliviertassinari
+- &#8203;<!-- 23 -->[docs-infra] Catch duplicated trailing splashes in links (#38758) @oliviertassinari
+- &#8203;<!-- 01 -->[website] add Michel Engelen to the about us page (#38818) @michelengelen
+- &#8203;<!-- 58 -->[website] Add a templates & design kits section to the Material UI page (#38617) @danilo-leal
+
+All contributors of this release in alphabetical order: @brentertz, @brijeshb42, @danilo-leal, @DiegoAndai, @dvkam, @flaviendelangle, @Janpot, @LadyBluenotes, @michaldudak, @michelengelen, @mj12albert, @mnajdova, @oliviertassinari, @sai6855, @samuelsycamore, @siriwatknp, @zanivan, @ZeeshanTamboli
+
+## 5.14.8
+
+<!-- generated comparing v5.14.7..master -->
+
+_Sep 5, 2023_
+
+A big thanks to the 25 contributors who made this release possible.
+
+### `@mui/material@5.14.8`
+
+- &#8203;<!-- 53 -->ImageItemList fix incorrect (below) rendering (#38452) @omriklein
+- &#8203;<!-- 42 -->[Button] Add demo for file upload (#38786) @anle9650
+- &#8203;<!-- 12 -->[Slider] Add missing classes for `Slider` `InputLabel` `InputBase` `Radio` (#38401) @sai6855
+- &#8203;<!-- 11 -->[Select] Merge slotProps.paper with internal Paper props (#38703) @michaldudak
+- &#8203;<!-- 09 -->[Tabs] Fix `ref` type (#38717) @ZeeshanTamboli
+- &#8203;<!-- 08 -->[TabScrollButton] Extend ButtonBase types (#38719) @ZeeshanTamboli
+
+### `@mui/base@5.0.0-beta.14`
+
+- &#8203;<!-- 50 -->[Autocomplete] Type multiple values with readonly arrays. (#38253) @pcorpet
+- &#8203;<!-- 07 -->[TextField] Fix unstable height of memoized multiline TextField component (#37135) @amal-qb
+
+### `@mui/joy@5.0.0-beta.5`
+
+- &#8203;<!-- 53 -->[Accordion] Fix incorrect display of classname (#38695) @sai6855
+- &#8203;<!-- 51 -->[AspectRatio] Correct `ratio` prop description (#38743) @sai6855
+- &#8203;<!-- 43 -->[Button] Fix disablity of button (#38673) @sai6855
+- &#8203;<!-- 35 -->[design] Stray design tweaks to components (#38476) @zanivan
+- &#8203;<!-- 05 -->[Typography] Added position only when Skeleton is a direct child (#38799) @siriwatknp
+
+### `@mui/lab@5.0.0-alpha.143`
+
+- &#8203;<!-- 06 -->[TreeView] Use Tree View from MUI X in the lab (#38261) @flaviendelangle
+- &#8203;<!-- 13 -->[LoadingButton] Fix HTML rule button > div forbidden nesting (#38584) @oliviertassinari
+
+### `@mui/system@5.14.8`
+
+- &#8203;<!-- 11 -->[system] Fix the inconsistent types of the `mergeBreakpointsInOrder` function (#38749) @imevanc
+- &#8203;<!-- 10 -->[system] Fix maxWidth incorrectly resolving breakpoints with non-pixel units (#38633) @mj12albert
+- &#8203;<!-- 05 -->[typescript] Introduce \*OwnProps interfaces for components (#36798) @szalonna
+
+### Docs
+
+- &#8203;<!-- 52 -->Update changelog (#38704) @mj12albert
+- &#8203;<!-- 49 -->[docs][Autocomplete] Require referentially stable value (#38734) @michaldudak
+- &#8203;<!-- 48 -->[docs][base-ui] Add type parameter to the button in prepareForSlot demo (#38640) @michaldudak
+- &#8203;<!-- 47 -->[docs][base-ui] Fix the broken image in the Tailwind CSS guide (#38721) @michaldudak
+- &#8203;<!-- 46 -->[docs][base-ui]: Working With Tailwind Guide - revises example code to avoid import errors (#38693) @christophermorin
+- &#8203;<!-- 45 -->[docs][base] Add Tailwind CSS + plain CSS demo on the Menu page (#38618) @alisasanib
+- &#8203;<!-- 44 -->[blog] Clearer blog release title @oliviertassinari
+- &#8203;<!-- 43 -->[blog] Add a post for the Tree View migration (#38407) @flaviendelangle
+- &#8203;<!-- 34 -->[docs] Fix broken links to Next.js docs (#38764) @ruflair
+- &#8203;<!-- 33 -->[docs] Trim trailing whitespace (#38793) @oliviertassinari
+- &#8203;<!-- 32 -->[docs] Fix a typo in lab-tree-view-to-mui-x.md @mbrookes
+- &#8203;<!-- 31 -->[docs] Clean up not used Usage files (#38715) @danilo-leal
+- &#8203;<!-- 30 -->[docs] Improve theme builder exceptions (#38709) @jyash97
+- &#8203;<!-- 29 -->[docs] Polish Slider demos (#38759) @oliviertassinari
+- &#8203;<!-- 28 -->[docs] Fix Joy UI docs link regression (#38761) @oliviertassinari
+- &#8203;<!-- 27 -->[docs] Fix typo @oliviertassinari
+- &#8203;<!-- 26 -->[docs] Fix e.g. typo (#38748) @oliviertassinari
+- &#8203;<!-- 25 -->[docs] Fix Next.js pages router example redirect link (#38750) @sai6855
+- &#8203;<!-- 24 -->[docs] Fix SEO issue broken links @oliviertassinari
+- &#8203;<!-- 23 -->[docs] Improve SSR example reference (#38651) @oliviertassinari
+- &#8203;<!-- 17 -->[docs][joy-ui] Integrate a count-up feature to the Linear Progress (#38738) @anon-phantom
+- &#8203;<!-- 16 -->[docs][joy-ui] Fix Link's `overlay` prop demo (#38702) @danilo-leal
+- &#8203;<!-- 15 -->[docs][joy-ui] Polish the Stack page (#38623) @danilo-leal
+- &#8203;<!-- 14 -->[docs][material-ui] Adjust simple Slide demo (#38646) @rajgop1
+
+### Core
+
+- &#8203;<!-- 43 -->[core] Re-add nx and setup build caching (#38752) @brijeshb42
+- &#8203;<!-- 41 -->[core] Remove dead code seoTitle @oliviertassinari
+- &#8203;<!-- 40 -->[core] Use immutable refs (#38762) @oliviertassinari
+- &#8203;<!-- 39 -->[core] Rework `typescript-to-proptypes` to share the AST parsing with `parseStyles` (#38517) @flaviendelangle
+- &#8203;<!-- 38 -->[core] Fix CI @oliviertassinari
+- &#8203;<!-- 37 -->[core] Remove unnecessary `@types/webpack` package (#38720) @ZeeshanTamboli
+- &#8203;<!-- 36 -->[core] Remove duplicate prop @oliviertassinari
+
+- &#8203;<!-- 22 -->[docs-infra] Fix mobile display in CodeSandbox (#38767) @oliviertassinari
+- &#8203;<!-- 21 -->[docs-infra] Remove legacy GA (#37579) @alexfauquette
+- &#8203;<!-- 20 -->[docs-infra] Fix emotion :first-child console log (#38690) @oliviertassinari
+- &#8203;<!-- 19 -->[docs-infra] Fix leaking callout content (#38712) @danilo-leal
+- &#8203;<!-- 18 -->[docs-infra] Remove emoji from callouts (#38694) @danilo-leal
+
+- &#8203;<!-- 04 -->[website] Fix out of date discount value @oliviertassinari
+- &#8203;<!-- 03 -->[website] Fix out-of-date label on Toolpad (#38744) @bharatkashyap
+- &#8203;<!-- 02 -->[website] Fine-tune branding buttons box shadows (#38731) @danilo-leal
+- &#8203;<!-- 01 -->[website] Fix pricing table style (#38681) @alexfauquette
+
+All contributors of this release in alphabetical order: @alexfauquette, @alisasanib, @amal-qb, @anle9650, @anon-phantom, @bharatkashyap, @brijeshb42, @christophermorin, @danilo-leal, @flaviendelangle, @imevanc, @jyash97, @mbrookes, @michaldudak, @mj12albert, @oliviertassinari, @omriklein, @pcorpet, @rajgop1, @ruflair, @sai6855, @siriwatknp, @szalonna, @zanivan, @ZeeshanTamboli
+
+## 5.14.7
+
+<!-- generated comparing v5.14.6..master -->
+
+_Aug 29, 2023_
+
+A big thanks to the 11 contributors who made this release possible. This release focuses primarily on 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
+
+### `@mui/material@5.14.7`
+
+- [Autocomplete] Fix listbox opened unexpectedly when component is `disabled` (#38611) @mj12albert
+- [Select][material-ui] Fix select menu moving on scroll when disableScrollLock is true (#37773) @VishruthR
+
+### `@mui/base@5.0.0-beta.13`
+
+- [useButton][base-ui] Accept arbitrary props in getRootProps and forward them (#38475) @DiegoAndai
+
+### `@mui/zero-runtime@0.0.1-alpha.1`
+
+- [system][zero][tag] Add support for sx prop (#38535) @brijeshb42
+
+### Docs
+
+- [docs] Number Input docs fixes (#38521) @mj12albert
+- [docs] Show all the code in the usage section (#38691) @oliviertassinari
+- [docs][joy-ui] Change the customization and how-to guides docs tree (#38396) @danilo-leal
+- [docs][lab][LoadingButton] Improve `loading` prop documentation (#38625) @sai6855
+- [docs][material-ui] Format `key` prop JSDoc description in `Snackbar` component code correctly (#38603) @jaydenseric
+
+### Core
+
+- [core] Add use-client to custom icons (#38132) @mj12albert
+- [core] Remove unnecessary `@types/jsdom` (#38657) @renovate[bot]
+- [core] Improve sponsors GA labels (#38649) @oliviertassinari
+- [core] Fix ESM issues with regression tests (#37963) @Janpot
+- [core] Potential fix for intermittent ci crashes in e2e test (#38614) @Janpot
+- [docs-infra] Mark unstable components with a chip in the nav drawer (#38573) @michaldudak
+- [docs-infra] Adjust the Material You playground demo design (#38636) @danilo-leal
+- [docs-infra] Hide the SkipLink button if user prefers reduced motion (#38632) @DerTimonius
+- [website] Add tiny fixes the homepage Sponsors section (#38635) @danilo-leal
+
+All contributors of this release in alphabetical order: @brijeshb42, @danilo-leal, @DerTimonius, @DiegoAndai, @Janpot, @jaydenseric, @mj12albert, @oliviertassinari, @renovate[bot], @sai6855, @VishruthR
+
+## 5.14.6
+
+<!-- generated comparing v5.14.5..master -->
+
+_Aug 23, 2023_
+
+A big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Added the [Popup](https://mui.com/base-ui/react-popup/) component to Base UI (#37960) @michaldudak
+  It's intended to replace the Popper component, which uses the deprecated Popper JS library. The Popup is built on top of Floating UI and has a similar API to the Popper.
+- 🚀 Added the [Accordion](https://mui.com/joy-ui/react-accordion/) component to Joy UI (#38164) @siriwatknp
+- 🚀 Added InputBase and ButtonBase components to `material-next` (#38319) @DiegoAndai @mj12albert
+- 🔋 First iteration on the zero-runtime styling engine compatible with Server Components (#38378) @brijeshb42
+
+### `@mui/material@5.14.6`
+
+- [Modal] Update it to use the useModal hook (#38498) @mnajdova
+- [Select] Add `root` class to `SelectClasses` (#38424) @sai6855
+- [Skeleton] Soften the pulse animation (#38506) @oliviertassinari
+- [TextField] Fix onClick regressions handling changes (#38474) @mj12albert
+- [TextField] Fix TextField onClick test (#38597) @mj12albert
+
+### `@mui/base@5.0.0-beta.12`
+
+- [Popup] New component (#37960) @michaldudak
+
+### `@mui/joy@5.0.0-beta.3`
+
+- [Accordion] Add Joy UI Accordion components (#38164) @siriwatknp
+- [Select] Add `required` prop (#38167) @siriwatknp
+- Miscellaneous fixes (#38462) @siriwatknp
+
+### `@mui/material-next@6.0.0-alpha.98`
+
+- [ButtonBase] Add ButtonBase component (#38319) @DiegoAndai
+- [Input] Add InputBase component (#38392) @mj12albert
+
+### `@mui/zero-runtime@0.0.1-alpha.0`
+
+- Implementation of styled tag processor for linaria (#38378) @brijeshb42
+
+### Docs
+
+- [blog] Clarify tree view move @oliviertassinari
+- [docs] Improve the "Understanding MUI packages" page images (#38619) @danilo-leal
+- [docs][base-ui] Revise the structure of the Component docs (#38529) @samuelsycamore
+- [docs][base-ui] Fix Menu Hooks demo (#38479) @homerchen19
+- [docs][base-ui] Correct the MUI System quickstart example (#38496) @michaldudak
+- [docs][base-ui] Add Tailwind & plain CSS demos for Autocomplete page (#38157) @mj12albert
+- [docs][base-ui] Add Tailwind CSS + plain CSS demo on the Input page (#38302) @alisasanib
+- [docs][base-ui] Add Tailwind CSS + plain CSS demo on the Snackbar, Badge, Switch pages (#38425) @alisasanib
+- [docs][base-ui] Add Tailwind CSS + plain CSS demo on the Slider page (#38413) @alisasanib
+- [docs][base-ui] Add Tailwind CSS + plain CSS demo on the Select page (#38367) @alisasanib
+- [docs][joy-ui] Fix typo: Classname -> Class name for consistency (#38510) @alexfauquette
+- [docs][joy-ui] Revise the theme color page (#38402) @danilo-leal
+- [docs][joy-ui] Sort templates by popularity (#38490) @oliviertassinari
+- [docs][joy-ui] Fix the `fullWidth` prop description for the Input (#38545) @0xturner
+- [docs][joy-ui] Updated the List playground demo (#38499) @zanivan
+- [docs][joy-ui] Changed bgcolor of the Playground demo (#38502) @zanivan
+- [docs][material-ui] Fix key warning in SimpleDialog demo (#38580) @ZeeshanTamboli
+- [docs][material-ui] Fixed Google Fonts link for material two-tone icons in CodeSandbox and Stackblitz (#38247) @ZeeshanTamboli
+- [docs][material-ui] Fix the Drawer's `onClose` API docs (#38273) @johnmatthiggins
+- [docs][material-ui] Improve nav link tab example (#38315) @oliviertassinari
+- [docs][material-ui] Fix missing import in the styled engine guide (#38450) @codersjj
+- [docs][material-ui][Dialog] Improve screen reader announcement of Customized Dialog (#38592) @ZeeshanTamboli
+- [docs] Add 3rd party libraries integration examples for Joy Input (#38541) @siriwatknp
+- [docs] Hide translation call to action (#38449) @cristianmacedo
+- [docs] Fix codemod name in changelog of v5.14.4 (#38593) @GresilleSiffle
+- [docs] More space for theme builder (#38532) @oliviertassinari
+- [docs] Fix the math symbol of the width sx prop range @oliviertassinari
+- [docs] Fix typo on a11y section of Tabs @oliviertassinari
+- [docs] Clarify System peer dependencies @oliviertassinari
+- [docs] Fix horizontal scrollbar @oliviertassinari
+- [docs] Code style convention @oliviertassinari
+- [docs] Fix typo in Base UI @oliviertassinari
+- [docs] Update the backers page (#38505) @danilo-leal
+- [docs] Add stray design adjustments to the docs (#38501) @danilo-leal
+- [docs] Use IBM Plex Sans in Tailwind CSS demos (#38464) @mnajdova
+- [docs] Fix SEO issues reported by ahrefs (#38423) @oliviertassinari
+
+### Examples
+
+- [examples] Start to remove Gatsby (#38567) @oliviertassinari
+- [examples][joy-ui] Fix Joy UI example CLI (#38531) @oliviertassinari
+- [examples][joy-ui] Improve example when using Next Font (#38540) @mwskwong
+
+### Core
+
+- [CHANGELOG] Fix issues in highlight @oliviertassinari
+- [core] Remove redundant `@material-ui/` aliases from regression test webpack config (#38574) @ZeeshanTamboli
+- [core] Fix CI error @oliviertassinari
+- [core] Remove unnecessary Box (#38461) @oliviertassinari
+- [core] Set GitHub Action top level permission @oliviertassinari
+- [docs-infra][joy-ui] Polish the usage and CSS vars playgrounds (#38600) @danilo-leal
+- [docs-infra] Support link title (#38579) @oliviertassinari
+- [docs-infra] Fix ad layout shift (#38622) @oliviertassinari
+- [docs-infra] Add light tweaks to the ad container (#38504) @danilo-leal
+- [docs-infra] Fix anchor scroll without tabs (#38586) @oliviertassinari
+- [docs-infra] Retain velocity animation speed (#38470) @oliviertassinari
+- [docs-infra] Follow import and CSS token standard (#38508) @oliviertassinari
+- [docs-infra] Add icon to callouts (#38525) @alexfauquette
+- [docs-infra] Fix the anchor link on headings (#38528) @danilo-leal
+- [docs-infra] Cleanup code on demo code block expansion (#38522) @ZeeshanTamboli
+- [docs-infra] Improve the heading buttons positioning (#38428) @danilo-leal
+- [docs-infra] Customize the blockquote design (#38503) @danilo-leal
+- [docs-infra] Improve the alert before a negative feedback (#38500) @danilo-leal
+- [docs-infra] Fix GoogleAnalytics missing event for code copy (#38469) @alexfauquette
+- [docs-infra] Improve affordance on the code block expansion (#38421) @danilo-leal
+- [website] Fine-tune the branding theme buttons (#38588) @danilo-leal
+- [website] Improve the Base UI hero section demo (#38585) @danilo-leal
+- [website] Add stray design improvements to the Material UI page (#38590) @danilo-leal
+- [website] Fix mobile view Material UI page (#38568) @oliviertassinari
+- [website] Fix reference to the data grid @oliviertassinari
+- [website] Configure Apple Pay @oliviertassinari
+- [website] Fix template link on the homepage (#38471) @danilo-leal
+
+All contributors of this release in alphabetical order: @0xturner, @alexfauquette, @alisasanib, @brijeshb42, @codersjj, @cristianmacedo, @danilo-leal, @DiegoAndai, @GresilleSiffle, @homerchen19, @johnmatthiggins, @michaldudak, @mj12albert, @mnajdova, @mwskwong, @oliviertassinari, @sai6855, @samuelsycamore, @siriwatknp, @zanivan, @ZeeshanTamboli
+
+## 5.14.5
+
+<!-- generated comparing v5.14.4..master -->
+
+_Aug 14, 2023_
+
+A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
+
+- @mnajdova [made it easier to use third-party components in Base UI slots](https://mui.com/base-ui/getting-started/customization/#overriding-subcomponent-slots) with the introduction of the `prepareForSlot` utility (#38138)
+
+### `@mui/material@5.14.5`
+
+- &#8203;<!-- 04 -->[TextField] Fix to handle `onClick` on root element (#38072) @LukasTy
+
+### `@mui/codemod@5.14.5`
+
+- &#8203;<!-- 31 -->[codemod] Add v5.0.0/tree-view-moved-to-x codemod (#38248) @flaviendelangle
+
+### `@mui/joy@5.0.0-beta.2`
+
+- &#8203;<!-- 07 -->[Input][joy-ui] Fix the `FormHelperText` icon color (#38387) @TheNatkat
+- &#8203;<!-- 06 -->[Skeleton][joy-ui] Soften the pulse animation (#38384) @zanivan
+- &#8203;<!-- 05 -->[TabPanel][joy-ui] Add `keepMounted` prop (#38293) @decadef20
+
+### `@mui/base@5.0.0-beta.11`
+
+- &#8203;<!-- 30 -->[base-ui] Remove the legacy Extend\* types (#38184) @michaldudak
+- &#8203;<!-- 29 -->[base-ui] Add `useModal` hook (#38187) @mnajdova
+- &#8203;<!-- 28 -->[base-ui] Add `prepareForSlot` util (#38138) @mnajdova
+- &#8203;<!-- 26 -->[useButton][base-ui] Fix tabIndex not being forwarded (#38417) @DiegoAndai
+- &#8203;<!-- 25 -->[useButton][base-ui] Fix onFocusVisible not being handled (#38399) @DiegoAndai
+
+### Docs
+
+- &#8203;<!-- 32 -->[blog] Blog post for MUI X mid v6. Date Pickers, Data Grid, and Charts (#38241) @richbustos
+- &#8203;<!-- 35 -->[docs][base-ui] Update number input API docs (#38363) @mj12albert
+- &#8203;<!-- 29 -->[docs] Improve page transition speed (#38394) @oliviertassinari
+- &#8203;<!-- 28 -->[docs] Improve examples (#38398) @oliviertassinari
+- &#8203;<!-- 19 -->[docs][docs] Add `FileUpload` demo (#38420) @sai6855
+- &#8203;<!-- 18 -->[docs][joy-ui] Refine the Order Dashboard template design (#38395) @zanivan
+- &#8203;<!-- 17 -->[docs][material-ui][joy-ui] Simplify the Quickstart section on the Usage page (#38385) @danilo-leal
+- &#8203;<!-- 16 -->[docs][Menu][joy] Explain how to control the open state (#38355) @michaldudak
+- &#8203;<!-- 15 -->[docs][material] Revise the Support page (#38207) @samuelsycamore
+- &#8203;<!-- 14 -->[docs][material-ui] Remove incorrect `aria-label`s in extended variant examples of Floating Action Button (#37170) @ashleykolodziej
+- &#8203;<!-- 13 -->[docs][material-ui] Adjust slightly the installation page content (#38380) @danilo-leal
+- &#8203;<!-- 12 -->[docs][Switch] Fix the readOnly class name in docs (#38277) @michaldudak
+- &#8203;<!-- 11 -->[docs][TablePagination] Add Tailwind CSS & plain CSS introduction demo (#38286) @mnajdova
+
+### Examples
+
+- &#8203;<!-- 10 -->[examples] Add Joy UI + Vite.js + TypeScript example app (#37406) @nithins1
+
+### Core
+
+- &#8203;<!-- 30 -->[core] Consistent URL add leading / @oliviertassinari
+- &#8203;<!-- 27 -->[docs-infra] Fix rebase issue @oliviertassinari
+- &#8203;<!-- 26 -->[docs-infra] Fix typo in docs infra docs @oliviertassinari
+- &#8203;<!-- 25 -->[docs-infra] Fix nested list margin (#38456) @oliviertassinari
+- &#8203;<!-- 24 -->[docs-infra] Move the Diamond Sponsors to the TOC (#38410) @danilo-leal
+- &#8203;<!-- 22 -->[docs-infra] Move imports into page data (#38297) @alexfauquette
+- &#8203;<!-- 21 -->[docs-infra] Adjust heading styles (#38365) @danilo-leal
+- &#8203;<!-- 20 -->[docs-infra] Fix info callout border color (#38370) @danilo-leal
+- &#8203;<!-- 05 -->[website] Upgrade the homepage hero demos design (#38388) @danilo-leal
+- &#8203;<!-- 04 -->[website] Improve Base UI hero section demo (#38255) @danilo-leal
+- &#8203;<!-- 03 -->[website] Fix EmailSubscribe look (#38429) @oliviertassinari
+- &#8203;<!-- 02 -->[website] Link Discord in footer (#38369) @richbustos
+- &#8203;<!-- 01 -->[website] Clean up the `GetStartedButtons` component (#38256) @danilo-leal
+
+All contributors of this release in alphabetical order: @alexfauquette, @ashleykolodziej, @danilo-leal, @decadef20, @DiegoAndai, @flaviendelangle, @LukasTy, @michaldudak, @mj12albert, @mnajdova, @nithins1, @oliviertassinari, @richbustos, @sai6855, @samuelsycamore, @TheNatkat, @zanivan
+
 ## 5.14.4
 
 <!-- generated comparing v5.14.3..master -->
@@ -8,7 +490,7 @@ _Aug 8, 2023_
 
 A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
 
-- 🎉 Added [Number input](https://mui.com/base-ui/react-number-input) component & [useNumberInput](https://mui.com/base-ui/react-number-input#hook) hook in [Base UI](https://mui.com/base-ui/getting-started/) @mj12albert
+- 🎉 Added [Number Input](https://mui.com/base-ui/react-number-input/) component & [useNumberInput](https://mui.com/base-ui/react-number-input/#hook) hook in [Base UI](https://mui.com/base-ui/getting-started/) @mj12albert
 
 ### `@mui/material@5.14.4`
 
@@ -46,7 +528,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
   A codemod is provided to help with the migration:
 
   ```bash
-  npx @mui/codemod v5.0.0/base-use-named-imports <path>
+  npx @mui/codemod v5.0.0/base-use-named-exports <path>
   ```
 
 #### Changes
@@ -348,10 +830,10 @@ _Jul 11, 2023_
 
 A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
 
-- 💫 Material UI, Joy UI, and Base UI are compatible with [NextJS App Router](https://nextjs.org/docs/app) (#37656) @mj12albert
+- 💫 Material UI, Joy UI, and Base UI are compatible with [Next.js App Router](https://nextjs.org/docs/app) (#37656) @mj12albert
 - 📚 Added new guides for integrating with Next.js 13 App Router (#37656) @mj12albert
   - Ⓜ️ [Material UI guide](https://mui.com/material-ui/guides/next-js-app-router/)
-  - 🅙 [Joy UI guide](https://mui.com/joy-ui/guides/next-js-app-router/)
+  - 🅙 [Joy UI guide](https://mui.com/joy-ui/integrations/next-js-app-router/)
   - 🅱️ [Base UI guide](https://mui.com/base-ui/guides/next-js-app-router/)
 - 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
 
@@ -1149,7 +1631,7 @@ _Apr 11, 2023_
 
 A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
 
-- 💫 Added [theme scope](https://mui.com/material-ui/guides/styled-engine/#theme-scoping) for using multiple design systems (#36664) @siriwatknp
+- 💫 Added [theme scope](https://mui.com/material-ui/guides/theme-scoping/) for using multiple design systems (#36664) @siriwatknp
 - 🐛 bug fixes and 📚 documentation improvements.
 
 ### `@mui/system@5.12.0`
@@ -1637,7 +2119,7 @@ A big thanks to the 15 contributors who made this release possible. Here are som
 - &#8203;<!-- 20 -->[docs][joy] List slots in API documentation (#36271) @hbjORbj
 - &#8203;<!-- 19 -->[docs][joy] Build API documentations (#36008) @hbjORbj
 - &#8203;<!-- 18 -->[examples] Update Next.js examples to use built-in font (#36315) @Juneezee
-- &#8203;<!-- 17 -->[examples] Update curl link in `material-next-ts-v4-v5-migration` example README (#36321) @ZeeshanTamboli
+- &#8203;<!-- 17 -->[examples] Update curl link in `material-ui-nextjs-ts-v4-v5-migration` example README (#36321) @ZeeshanTamboli
 - &#8203;<!-- 16 -->[examples] Convert Next.js \_document class components to function components (#36109) @ossan-engineer
 
 ### Core
@@ -2895,7 +3377,7 @@ A big thanks to the 7 contributors who made this release possible. Here are some
 
 ### `@mui/base@5.0.0-alpha.101`
 
-- &#8203;<!-- 01 -->[TrapFocus] Restore the previously exported type from @mui/material (#34601) @michaldudak
+- &#8203;<!-- 01 -->[FocusTrap] Restore the previously exported type from @mui/material (#34601) @michaldudak
 
 ### `@mui/joy@5.0.0-alpha.49`
 
@@ -3011,7 +3493,7 @@ A big thanks to the 21 contributors who made this release possible. Here are som
 
 #### Breaking changes
 
-- [TrapFocus] Rename TrapFocus to FocusTrap (#34216) @kabernardes
+- [FocusTrap] Rename TrapFocus to FocusTrap (#34216) @kabernardes
 
   ```diff
   -import TrapFocus from '@mui/base/TrapFocus';
@@ -3253,7 +3735,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
 
 - [Button][base] Prevent too many ref updates (#33882) @michaldudak
 - [Select][base] Fix typo in listbox blur event handler (#34120) @ZeeshanTamboli
-- [TrapFocus] Improve tab test and simplify demo (#34008) @EthanStandel
+- [FocusTrap] Improve tab test and simplify demo (#34008) @EthanStandel
 
 ### `@mui/joy@5.0.0-alpha.43`
 
@@ -3359,7 +3841,7 @@ A big thanks to the 18 contributors who made this release possible. This release
 
 ### `@mui/base@5.0.0-alpha.93`
 
-- &#8203;<!-- 31 -->[TrapFocus] Removes invisible tabbable elements from (#33543) @EthanStandel
+- &#8203;<!-- 31 -->[FocusTrap] Removes invisible tabbable elements from (#33543) @EthanStandel
 - &#8203;<!-- 30 -->[Input][base] Pass the rows prop to the underlying textarea (#33873) @michaldudak
 - &#8203;<!-- 06 -->[SelectUnstyled] Add ability to post the select's value when submitting a form (#33697) @michaldudak
 
@@ -3717,7 +4199,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
 - [docs] Add webpack alias for legacy utils package (#33376) @jgbae
 - [docs] Improve external link icons synonyms (#33257) @davidgarciab
 - [examples] Update Base UI with Tailwind CSS to use the latest versions of the dependencies (#33401) @mnajdova
-- [examples] Add MUI base example (#33154) @siriwatknp
+- [examples] Add Base UI example (#33154) @siriwatknp
 
 ### Core
 
@@ -3736,7 +4218,7 @@ _Jul 4, 2022_
 
 A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
 
-- 🐛 Fixed an issue causing Typescript errors when building a project with Material UI v5.8.6 (@michaldudak)
+- 🐛 Fixed an issue causing TypeScript errors when building a project with Material UI v5.8.6 (@michaldudak)
 - 🐛 Fixed a few bugs in Material UI components. Thanks @henriqueholtz, @jake-collibra, @MattiasMartens and @TimoWilhelm!
 - many other 🐛 bug fixes and 📚 documentation improvements
 
@@ -3765,7 +4247,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
 
 ### `@mui/base@5.0.0-alpha.88`
 
-- [base] Remove a type incompatible with Typescript 3.5 (#33361) @michaldudak
+- [base] Remove a type incompatible with TypeScript 3.5 (#33361) @michaldudak
 - [BadgeUnstyled] Export BadgeUnstyledOwnProps interface to fix typescript compiler error (#33314) @aaronlademann-wf
 - [TablePaginationUnstyled] Accept callbacks in componentsProps (#33309) @michaldudak
 
@@ -4704,7 +5186,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
   );
   ```
 
-- &#8203;<!-- 03 -->[TrapFocus] Move docs to Base and drop the Unstyled prefix (#31954) @michaldudak
+- &#8203;<!-- 03 -->[FocusTrap] Move docs to Base and drop the Unstyled prefix (#31954) @michaldudak
 
   Removed the `Unstyled_` prefix from the Base export (it remains in the Material UI export, though).
 
@@ -5666,7 +6148,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
 
 ### Core
 
-- &#8203;<!-- 23 -->[core] Fix link to Open Collective @oliviertassinari
+- &#8203;<!-- 23 -->[core] Fix link to Open Collective @oliviertassinari
 - &#8203;<!-- 26 -->[core] Update snapshots and s3 fallback (#30134) @Janpot
 - &#8203;<!-- 24 -->[ci] Update CI bucket (#30080) @Janpot
 - &#8203;<!-- 13 -->[fix] size:snapshot for mui-material-next and mui-joy components (#30106) @Janpot
@@ -7671,7 +8153,7 @@ A big thanks to the 11 contributors who made this release possible. Here are som
 ### `@material-ui/unstyled@5.0.0-alpha.37`
 
 - &#8203;<!-- 04 -->[Slider] Improve TS definition (#26642) @mnajdova
-- &#8203;<!-- 21 -->[TrapFocus] Capture nodeToRestore via relatedTarget (#26696) @eps1lon
+- &#8203;<!-- 21 -->[FocusTrap] Capture nodeToRestore via relatedTarget (#26696) @eps1lon
 
 ### `@material-ui/icons@5.0.0-alpha.37`
 
@@ -8741,7 +9223,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
 - &#8203;<!-- 28 -->[Timeline] Migrate TimelineContent to emotion (#25781) @siriwatknp
 - &#8203;<!-- 53 -->[Timeline] Migrate TimelineItem to emotion (#25822) @vicasas
 - &#8203;<!-- 47 -->[Timeline] Migrate TimelineOppositeContent to emotion (#25816) @vicasas
-- &#8203;<!-- 54 -->[TrapFocus] Make isEnabled and getDoc optional (#25784) @m4theushw
+- &#8203;<!-- 54 -->[FocusTrap] Make isEnabled and getDoc optional (#25784) @m4theushw
 
 ### `@material-ui/styled-engine@5.0.0-alpha.31`
 
@@ -9223,7 +9705,7 @@ A big thanks to the 26 contributors who made this release possible. Here are som
 ### `@material-ui/unstyled@5.0.0-alpha.26`
 
 - &#8203;<!-- 033 -->[Portal] Migrate to unstyled (#24890) @povilass
-- &#8203;<!-- 047 -->[TrapFocus] Migrate to unstyled (#24957) @povilass
+- &#8203;<!-- 047 -->[FocusTrap] Migrate to unstyled (#24957) @povilass
 - &#8203;<!-- 060 -->[Backdrop] Migrate to unstyled (#24985) @povilass
 - &#8203;<!-- 078 -->[Modal] Migrate to emotion + unstyled (#24857) @povilass
 
@@ -9820,7 +10302,7 @@ A big thanks to the 14 contributors who made this release possible. Here are som
 - [ButtonBase] Migrate styles to emotion (#24100) @mnajdova
 - [Button] Migrate styles to emotion (#24107) @mnajdova
 - [unstyled] Add utils for generating utility classes (#24126) @mnajdova
-- [TrapFocus] Fix trap to only focus on tabbable elements (#23364) @gregnb
+- [FocusTrap] Fix trap to only focus on tabbable elements (#23364) @gregnb
 - [Link] Improve integration with Next.js (#24121) @kelvinsanchez15
 - [Select] Fix overflow showing scrollbar (#24085) @Segebre
 - [Slider] Fix circular type reference in SliderValueLabel (#24190) @eps1lon
@@ -10382,7 +10864,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
 - [theme] Add htmlFontSize to Typography interface (#23412) @fergusmcdonald
 - [Tooltip] Fix PopperProps popper modifiers not being merged properly (#23421) @dominique-mueller
 - [Tooltip] Long press select text on iOS (#23466) @hmaddisb
-- [Tooltip] Unexpected behaviour onOpen/onClose (#23482) @brorlarsnicklas
+- [Tooltip] Unexpected behavior onOpen/onClose (#23482) @brorlarsnicklas
 
 ### `@material-ui/lab@v5.0.0-alpha.16`
 
@@ -10489,7 +10971,7 @@ A big thanks to the 20 contributors who made this release possible. Here are som
 - [Avatar] Fix usage of srcset property (#23286) @matheuspiment
 - [ClickAwayListener] Fix mounting behavior in Portals in React 17 (#23315) @eps1lon
 - [core] Allow React 17 (#23311) @eps1lon
-- [Icon] Fix translation, e.g Google Translate (#23237) @cbeltrangomez84
+- [Icon] Fix translation, e.g. Google Translate (#23237) @cbeltrangomez84
 - [LinearProgress] Fix Safari's bug during composition of different paint (#23293) @montogeek
 - [Radio] Fix dot misalignment in Safari (#23239) @anasufana
 - [styled-engine] Fix tagged template syntax with multiple expressions (#23269) @eps1lon
@@ -11753,9 +12235,9 @@ Here are some highlights ✨:
 - [Tabs] Document how to make scroll icons visible (#22255) @Sorgrum
 - [TextField] Add hidden label to multi-line filled textfield (#22284) @fakeharahman
 - [Toolbar] Custom variant (#22217) @mnajdova
-- [TrapFocus] Entangle effects (#22155) @eps1lon
-- [TrapFocus] Fix compatibility issues with React 17 (#22270) @eps1lon
-- [TrapFocus] Prevent possible crash in React 17 (#22262) @eps1lon
+- [FocusTrap] Entangle effects (#22155) @eps1lon
+- [FocusTrap] Fix compatibility issues with React 17 (#22270) @eps1lon
+- [FocusTrap] Prevent possible crash in React 17 (#22262) @eps1lon
 
 ### `@material-ui/icons@v5.0.0-alpha.7`
 
@@ -11840,7 +12322,7 @@ Here are some highlights ✨:
 
   More details in [the documentation](https://mui.com/material-ui/customization/components/#adding-new-component-variants) and [RFC](#21749).
 
-- 👮 Add documentation for the [TrapFocus](https://mui.com/components/trap-focus/) component (#22062) @oliviertassinari.
+- 👮 Add documentation for the [FocusTrap](https://mui.com/base-ui/react-focus-trap/) component (#22062) @oliviertassinari.
 - ⚛️ Prepare support for React v17 (#22093, #22105, #22143, #22111) @eps1lon.
 - 🚧 We have undertaken breaking changes.
 
@@ -12017,7 +12499,7 @@ Here are some highlights ✨:
 - [CssBaseline] Add text size adjust property (#22089) @Tolsee
 - [l10n] Add Greek (el-GR) locale (#21988) @tmanolat
 - [Table] Cell small's right padding is bigger than medium (#22017) @adamlaurencik
-- [TrapFocus] Add documentation (#22062) @oliviertassinari
+- [FocusTrap] Add documentation (#22062) @oliviertassinari
 - [Typography] Add custom variants support (#22006) @mnajdova
 - [useIsFocusVisible] Remove focus-visible if focus is re-targetted (#22102) @eps1lon
 - [core] Fix various potential issues with multiple windows (#22159) @scottander
@@ -12213,7 +12695,7 @@ A big thanks to the 14 contributors who made this release possible.
 - [List] Fix secondary action position when disableGutters={true} (#21732) @kgregory
 - [TablePagination] Fix broken labelling if SelectProps provided ids (#21703) @eps1lon
 - [theme] Fix custom breakpoint in CSS Media Queries (#21759) @nkrivous
-- [TrapFocus] Fix disableAutoFocus prop (#21612) @oliviertassinari
+- [FocusTrap] Fix disableAutoFocus prop (#21612) @oliviertassinari
 
 ### `@material-ui/lab@v5.0.0-alpha.3`
 
@@ -12288,7 +12770,7 @@ A big thanks to the 16 contributors who made this release possible.
 - [MenuItem] Add types for ListItemClasses (#21654) @eps1lon
 - [Slider] Fix cannot read property 'focus' of null (#21653) @mageprincess
 - [TextField] Fix CSS isolation issue (#21665) @Codetalker777
-- [TrapFocus] Fix portal support (#21610) @mnajdova
+- [FocusTrap] Fix portal support (#21610) @mnajdova
 - [TypeScript] Fix version support (#21640) @jakubfiglak
 
 ### `@material-ui/lab@v5.0.0-alpha.2`
diff --git a/CHANGELOG.old.md b/CHANGELOG.old.md
index 08c4991f7b838d..c4600dfeaa9e10 100644
--- a/CHANGELOG.old.md
+++ b/CHANGELOG.old.md
@@ -279,7 +279,7 @@ A big thanks to the 12 contributors who made this release possible.
 
 - [styles] Add support for TypeScript 4.1 (#23692) @ldrick
 - [ClickAwayListener] Fix mounting behavior in Portals in React 17 (#23367) @eps1lon
-- [TrapFocus] Prevent possible crash in React 17 (#22263) @eps1lon
+- [FocusTrap] Prevent possible crash in React 17 (#22263) @eps1lon
 - [Tabs] Fix RTL scrollbar with Chrome 85 (#22830) @ankit
 
 ### `@material-ui/styles@v4.11.1`
@@ -542,7 +542,7 @@ A big thanks to the 21 contributors who made this release possible.
 
 ### Core
 
-- [TrapFocus] Make an unstable version public (#21201) @dmtrKovalenko
+- [FocusTrap] Make an unstable version public (#21201) @dmtrKovalenko
 - [test] Track size of `@material-ui/utils` (#21240) @eps1lon
 - [core] Batch small changes (#21156) @oliviertassinari
 - [core] Batch small changes (#21249) @oliviertassinari
@@ -729,7 +729,7 @@ Here are some highlights ✨:
 - [Tabs] Improve customizability of the scroll buttons (#20783) @netochaves
 - [TextField] Fix caret color in autofill dark theme (#20857) @CarsonF
 - [Tooltip] Fix disableTouchListener behavior (#20807) @weslenng
-- [unstable_TrapFocus] Guard against dropped memo cache (#20848) @eps1lon
+- [FocusTrap] Guard against dropped memo cache (#20848) @eps1lon
 
 ### `@material-ui/styles@v4.9.13`
 
@@ -1293,7 +1293,7 @@ Here are some highlights ✨:
 
 - [Autocomplete] Fix list of countries (#19862) @FottyM
 - [TreeView] Fix conditional nodes support (#19849) @joshwooding
-- [Treeview] Add node selection support (#18357) @joshwooding
+- [TreeView] Add node selection support (#18357) @joshwooding
 
 ### Docs
 
@@ -3443,7 +3443,7 @@ Here are some highlights ✨:
 - [Portal] Synchronously call onRendered (#15943) @Arlevoy
 - [Radio] Fix dot misalignment in IE11 (#15952) @rupert-ong
 - [theme] Return default value for spacing when no args provided (#15891) @mbrookes
-- [TrapFocus] Fix error restoring focus when activeElement is null (#15967) @ryancogswell
+- [FocusTrap] Fix error restoring focus when activeElement is null (#15967) @ryancogswell
 - [core] Export useMediaQuery & useScrollTrigger in index.js (#15958) @adeelibr
 - [core] Migrate extend ButtonBaseProps typings (#15869) @joshwooding
 
@@ -3963,7 +3963,7 @@ You will learn more about v4 in the final release blog post and our plans for th
 - [core] Use terser for minification in umd bundle (#15491) @eps1lon
 - [test] Conform components forward ref to root component (#15425) @eps1lon
 - [test] Fix a flaky test (#15445) @oliviertassinari
-- [test] Keep track of the bundle size of TrapFocus (#15453) @oliviertassinari
+- [test] Keep track of the bundle size of FocusTrap (#15453) @oliviertassinari
 
 ## 4.0.0-alpha.8
 
@@ -5540,7 +5540,7 @@ you to add them up quickly in your head without having to worry about decimals.
 
 - [docs] Fix search suggestions on dark mode (#13874) @rfbotto
 - [docs] Add accessibility section to selection-controls with demo (#13896) @wyseguyonline
-- [docs] Add support for multiple demo variants e.g JS or Hooks (#13873) @adeelibr
+- [docs] Add support for multiple demo variants e.g. JS or Hooks (#13873) @adeelibr
 - [docs] Remove the withRoot HOC (#13909) @oliviertassinari
 - [docs] Add material-ui-pickers in pickers page (#13697) @dmtrKovalenko
 - [docs] Continue #13806 and port back some fix from @system (#13917) @oliviertassinari
@@ -5571,7 +5571,7 @@ Here are some highlights ✨:
 - [Tooltip] Suppress warning if button is disabled and title is empty (#13785) @rfbotto
 - [Dialog] Warn if className in PaperProps is set (#13797) @eps1lon
 - [TextField] Fix textfield label position when empty (#13791) @Studio384
-- [Popper] Save 7 KB gzipped (for people only using it) (#13804) @oliviertassinari
+- [Popper] Save 7 kB gzipped (for people only using it) (#13804) @oliviertassinari
 - [Modal] Handle modal mount interruption (#13778) @amensouissi
 - [Select] Make value prop required in TypeScript (#13810) @t49tran
 - [Popover] Fix onEntering event propagation (#13821) @ekoeditaa
@@ -5602,7 +5602,7 @@ Here are some highlights ✨:
 - [docs] Link tags HTML vs JSX (#13775) @benbowler
 - [docs] Missing text in docs (#13798) @Skn0tt
 - [docs] Add virtualized table demo (#13786) @joshwooding
-- [docs] Add OpenCollective gold sponsors manually (#13806) @mbrookes
+- [docs] Add Open Collective gold sponsors manually (#13806) @mbrookes
 - [docs] Add example of globally disabling animations (#13805) @joshwooding
 - [docs] Fix KeyboardIcon import name (#13822) @bryantabaird
 - [docs] Force common hoist-non-react-statics version (#13818) @eps1lon
@@ -5788,7 +5788,7 @@ This new package is a significant step forward. Some of the key features:
 - Supports 4 different APIs: hooks, styled-components, higher-order components and render props.
 - Allow accessing the component's props from within the style object.
 - Replace the usage of the old React APIs with the new ones.
-- 15.0 KB gzipped.
+- 15.0 kB gzipped.
 
 Here is an example: https://codesandbox.io/s/vjzn5z4k77.
 
@@ -6156,7 +6156,7 @@ A big thanks to the 18 contributors who made this release possible!
 Here are some highlights ✨:
 
 - 💅 Update the Typography implementation to better follow the specification (#12916) @eps1lon.
-- 📝 Enable [translating the documentation into Chinese](https://translate.mui.com) @mbrookes.
+- 📝 Enable [translating the documentation into Chinese](https://crowdin.com/project/material-ui-docs) @mbrookes.
 - 📝 Fix many SEO issues of the docs.
 - And many more bug fixes 🐛 and documentation improvements.
 
@@ -9377,7 +9377,7 @@ Here are some highlights ✨:
   - We have reduced the size of the bundle by ~8 kB gzipped.
   - The propTypes runtime checks are back. You might experience new warnings.
 - We have introduced 4 breaking changes.
-- You can support me on [Patreon](https://www.patreon.com/oliviertassinari) and the community on [OpenCollective](https://opencollective.com/mui) (#9460).
+- You can support me on [Patreon](https://www.patreon.com/oliviertassinari) and the community on [Open Collective](https://opencollective.com/mui) (#9460).
   Blog posts are coming.
 - And many more bug fixes and documentation improvements.
 
@@ -9898,7 +9898,7 @@ Here are some highlights ✨:
 
 - New InputAdornment component (#8504).
 - New [Frequently asked questions](https://github.com/mui/material-ui/blob/4df547d56448cedf70977d6e2463b38eaf64d1c7/docs/src/pages/getting-started/frequently-asked-questions.md) documentation section
-- We have saved 1 KB gzip by removing our internal react-transition-group fork (#8785).
+- We have saved 1 kB gzip by removing our internal react-transition-group fork (#8785).
 - We have made one step further in order to upgrade all our development dependencies to react@16 (#8804).
 
 ### Breaking change
diff --git a/README.md b/README.md
index 0dbe9f0843a749..2fea4bc287bde6 100644
--- a/README.md
+++ b/README.md
@@ -1,24 +1,22 @@
 <!-- markdownlint-disable-next-line -->
 <p align="center">
-  <a href="https://mui.com/" rel="noopener" target="_blank"><img width="150" src="/docs/public/static/logo.svg" alt="MUI logo"></a>
+  <a href="https://mui.com/core/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="MUI Core logo"></a>
 </p>
 
 <h1 align="center">MUI Core</h1>
 
-**MUI Core** contains foundational React UI component libraries for shipping new features faster.
+**MUI Core** contains foundational React UI component libraries for shipping new features faster:
 
-- [_Material UI_](https://mui.com/material-ui/getting-started/) is a comprehensive library of components that features our implementation of Google's [Material Design](https://m2.material.io/design/introduction/) system.
+- [Material UI](https://mui.com/material-ui/) is a comprehensive library of components that features our implementation of Google's [Material Design](https://m2.material.io/design/introduction/) system.
 
-- [_Joy UI_](https://mui.com/joy-ui/getting-started/) is a beautifully designed library of React UI components.
+- [Joy UI](https://mui.com/joy-ui/getting-started/) is a library of beautifully designed React UI components built to spark joy.
 
-- [_Base UI_](https://mui.com/base-ui/getting-started/) is our library of "unstyled" components and low-level hooks. With Base, you gain complete control over your app's CSS and accessibility features.
+- [Base UI](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks. With Base UI, you gain complete control over your app's CSS and accessibility features.
 
-- [_MUI System_](https://mui.com/system/getting-started/) is a collection of CSS utilities to help you rapidly lay out custom designs.
+- [MUI System](https://mui.com/system/getting-started/) is a collection of CSS utilities to help you rapidly lay out custom designs.
 
 <div align="center">
 
-**[Stable channel v5](https://mui.com/)**
-
 [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/mui/material-ui/blob/HEAD/LICENSE)
 [![npm latest package](https://img.shields.io/npm/v/@mui/material/latest.svg)](https://www.npmjs.com/package/@mui/material)
 [![npm next package](https://img.shields.io/npm/v/@mui/material/next.svg)](https://www.npmjs.com/package/@mui/material)
@@ -28,28 +26,16 @@
 [![Follow on Twitter](https://img.shields.io/twitter/follow/MUI_hq.svg?label=follow+MUI)](https://twitter.com/MUI_hq)
 [![Renovate status](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://github.com/mui/material-ui/issues/27062)
 [![Average time to resolve an issue](https://isitmaintained.com/badge/resolution/mui/material-ui.svg)](https://isitmaintained.com/project/mui/material-ui 'Average time to resolve an issue')
-[![Open Collective backers and sponsors](https://img.shields.io/opencollective/all/mui)](https://opencollective.com/mui)
+[![Open Collective backers and sponsors](https://img.shields.io/opencollective/all/mui)](https://opencollective.com/mui)
 [![CII Best Practices](https://bestpractices.coreinfrastructure.org/projects/1320/badge)](https://bestpractices.coreinfrastructure.org/projects/1320)
 
 </div>
 
-## Installation
+## Documentation
 
 ### Material UI
 
-Material UI is available as an [npm package](https://www.npmjs.com/package/@mui/material).
-
-**npm:**
-
-```bash
-npm install @mui/material @emotion/react @emotion/styled
-```
-
-**yarn:**
-
-```bash
-yarn add @mui/material @emotion/react @emotion/styled
-```
+Visit [https://mui.com/material-ui/](https://mui.com/material-ui/) to view the full documentation.
 
 <details>
   <summary>Older versions</summary>
@@ -63,56 +49,23 @@ yarn add @mui/material @emotion/react @emotion/styled
 **Note:** `@next` only points to pre-releases.
 Use `@latest` for the latest stable release.
 
-### Base UI
-
-Base UI is available as an [npm package](https://www.npmjs.com/package/@mui/base).
+### Joy UI
 
-**npm:**
+Visit [https://mui.com/joy-ui/getting-started/](https://mui.com/joy-ui/getting-started/) to view the full documentation.
 
-```bash
-npm install @mui/base
-```
+**Note**: Joy UI is still in beta.
+We are adding new components regularly and you're welcome to contribute!
 
-**yarn:**
+### Base UI
 
-```bash
-yarn add @mui/base
-```
+Visit [https://mui.com/base-ui/](https://mui.com/base-ui/) to view the full documentation.
 
 **Note**: Base UI is still in beta.
 We are adding new components regularly and you're welcome to contribute!
 
 ### MUI System
 
-MUI System is available as an [npm package](https://www.npmjs.com/package/@mui/system).
-
-**npm:**
-
-```bash
-npm install @mui/system @emotion/react @emotion/styled
-```
-
-**yarn:**
-
-```bash
-yarn add @mui/system @emotion/react @emotion/styled
-```
-
-Or if you want to use `styled-components` as a styling engine:
-
-**npm:**
-
-```bash
-npm install @mui/material @mui/styled-engine-sc styled-components
-```
-
-**yarn:**
-
-```bash
-yarn add @mui/material @mui/styled-engine-sc styled-components
-```
-
-Visit our [`styled-engine` guide](https://mui.com/material-ui/guides/styled-engine/) for more information about how to configure `styled-components` as the style engine.
+Visit [https://mui.com/system/](https://mui.com/system/) to view the full documentation.
 
 ## Sponsors
 
@@ -121,14 +74,13 @@ Visit our [`styled-engine` guide](https://mui.com/material-ui/guides/styled-engi
 <p>
   <a href="https://octopus.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="128" width="128" src="https://i.ibb.co/w0HF0Nz/Logo-Blue-140px-rgb.png" alt="octopus" title="Repeatable, reliable deployments" loading="lazy" /></a>
   <a href="https://www.doit.com/flexsave/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="128" width="128" src="https://avatars.githubusercontent.com/u/8424863?s=256" alt="doit" title="Management Platform for Google Cloud and AWS" loading="lazy" /></a>
-  <a href="https://www.zesty.io/integrations/mui-nextjs/?utm_source=mui&utm_medium=referral&utm_campaign=sponsor" rel="noopener sponsored" target="_blank"><img height="90" width="90" src="https://brand.zesty.io/zesty-io-logo.svg" alt="zesty.io" title="The only Next.js CMS you need" loading="lazy" /></a>
 </p>
 
 Diamond Sponsors are those who have pledged \$1,500/month or more to MUI.
 
 ### Gold 🏆
 
-via [OpenCollective](https://opencollective.com/mui) or via [Patreon](https://www.patreon.com/oliviertassinari)
+via [Open Collective](https://opencollective.com/mui) or via [Patreon](https://www.patreon.com/oliviertassinari)
 
 <p>
   <a href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://avatars.githubusercontent.com/u/30204434?s=192" alt="tidelift.com" title="Enterprise-ready open-source software" loading="lazy" /></a>
@@ -147,42 +99,15 @@ Gold Sponsors are those who have pledged \$500/month or more to MUI.
 
 See the full list of [our backers](https://mui.com/material-ui/discover-more/backers/).
 
-## Getting started with Material UI
-
-Here is an example of a basic app using Material UI's `Button` component:
-
-```jsx
-import * as React from 'react';
-import Button from '@mui/material/Button';
-
-function App() {
-  return <Button variant="contained">Hello World</Button>;
-}
-```
-
-In the interactive demo below, try changing the code and see how it affects the output.
-(Hint: change `variant` to `"outlined"` and `color` to `"secondary"`.
-For more options, see the [`Button` component page](https://mui.com/material-ui/react-button/) in our docs.)
-
-[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/material-ui-u9sy1h)
-
 ## Questions
 
-For how-to questions that don't involve making changes to the code base, please use [Stack Overflow](https://stackoverflow.com/questions/tagged/material-ui) instead of GitHub issues.
-Use the "mui" tag on Stack Overflow to make it easier for the community to find your question.
+For how-to questions that don't involve making changes to the code base, please use [Stack Overflow](https://stackoverflow.com/questions/) instead of GitHub issues.
 
 ## Examples
 
-Our documentation features [a collection of example projects using Material UI](https://mui.com/material-ui/getting-started/example-projects/).
-
-## Documentation
-
-- [Material UI](https://mui.com/material-ui/getting-started/)
-- [Joy UI](https://mui.com/joy-ui/getting-started/)
-- [Base UI](https://mui.com/base-ui/getting-started/)
-- [MUI System](https://mui.com/system/getting-started/)
+Our documentation features [a collection of example projects](https://github.com/mui/material-ui/tree/master/examples).
 
-## Premium themes
+## Premium templates
 
 You can find complete templates and themes in the [MUI Store](https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=readme-store).
 
@@ -214,30 +139,42 @@ For details of supported versions and contact details for reporting security iss
 
 These great services sponsor MUI's core infrastructure:
 
+<div>
 <picture>
-  <source media="(prefers-color-scheme: dark)" srcset="/docs/public/static/readme/github-darkmode.svg">
-  <source media="(prefers-color-scheme: light)" srcset="/docs/public/static/readme/github-lightmode.svg">
-  <img alt="GitHub logo" src="/docs/public/static/readme/github-lightmode.svg" width="80" height="43">
+  <source media="(prefers-color-scheme: dark)" srcset="https://mui.com/static/readme/github-darkmode.svg">
+  <source media="(prefers-color-scheme: light)" srcset="https://mui.com/static/readme/github-lightmode.svg">
+  <img alt="GitHub logo" src="https://mui.com/static/readme/github-lightmode.svg" width="80" height="43">
 </picture>
 
 [GitHub](https://github.com/) lets us host the Git repository and coordinate contributions.
 
+</div>
+
+<div>
 <picture>
-  <source media="(prefers-color-scheme: dark)" srcset="/docs/public/static/readme/netlify-darkmode.svg">
-  <source media="(prefers-color-scheme: light)" srcset="/docs/public/static/readme/netlify-lightmode.svg">
-  <img alt="Netlify logo" src="/docs/public/static/readme/netlify-lightmode.svg" width="100" height="27" style="margin-top: 1rem;">
+  <source media="(prefers-color-scheme: dark)" srcset="https://mui.com/static/readme/netlify-darkmode.svg">
+  <source media="(prefers-color-scheme: light)" srcset="https://mui.com/static/readme/netlify-lightmode.svg">
+  <img alt="Netlify logo" src="https://mui.com/static/readme/netlify-lightmode.svg" width="100" height="27">
 </picture>
 
 [Netlify](https://www.netlify.com/) lets us distribute the documentation.
 
+</div>
+
+<div>
 <picture>
-  <source media="(prefers-color-scheme: dark)" srcset="/docs/public/static/readme/browserstack-darkmode.svg">
-  <source media="(prefers-color-scheme: light)" srcset="/docs/public/static/readme/browserstack-lightmode.svg">
-  <img alt="BrowserStack logo" src="/docs/public/static/readme/browserstack-lightmode.svg" width="140" height="25" style="margin-top: 1rem;">
+  <source media="(prefers-color-scheme: dark)" srcset="https://mui.com/static/readme/browserstack-darkmode.svg">
+  <source media="(prefers-color-scheme: light)" srcset="https://mui.com/static/readme/browserstack-lightmode.svg">
+  <img alt="BrowserStack logo" src="https://mui.com/static/readme/browserstack-lightmode.svg" width="140" height="25">
 </picture>
 
 [BrowserStack](https://www.browserstack.com/) lets us test in real browsers.
 
-<img loading="lazy" alt="CodeCov logo" src="https://avatars.githubusercontent.com/u/8226205?s=70" width="35" height="35" style="margin-top: 1rem;">
+</div>
+
+<div>
+<img loading="lazy" alt="CodeCov logo" src="https://avatars.githubusercontent.com/u/8226205?s=70" width="35" height="35">
 
 [CodeCov](https://about.codecov.io/) lets us monitor test coverage.
+
+</div>
diff --git a/apps/zero-runtime-next-app/.eslintrc.json b/apps/zero-runtime-next-app/.eslintrc.json
new file mode 100644
index 00000000000000..68004cb09cc653
--- /dev/null
+++ b/apps/zero-runtime-next-app/.eslintrc.json
@@ -0,0 +1,5 @@
+{
+  "rules": {
+    "react/react-in-jsx-scope": "off"
+  }
+}
diff --git a/examples/joy-ui-nextjs/.gitignore b/apps/zero-runtime-next-app/.gitignore
similarity index 100%
rename from examples/joy-ui-nextjs/.gitignore
rename to apps/zero-runtime-next-app/.gitignore
diff --git a/apps/zero-runtime-next-app/README.md b/apps/zero-runtime-next-app/README.md
new file mode 100644
index 00000000000000..4e9e05140aa95d
--- /dev/null
+++ b/apps/zero-runtime-next-app/README.md
@@ -0,0 +1,26 @@
+# Next App
+
+A sample vite application to test the working of zero runtime library.
+This project is not part of the workspace yet.
+
+## How to run
+
+You can either `yarn build` command to build all the packages, or you need to build, the the minimum -
+
+1. `@mui/zero-runtime`
+2. `@mui/zero-tag-processor`
+3. `@mui/zero-next-plugin`
+
+Make sure you have also run `yarn build` at least once because we also use `@mui/material` and `@mui/system` packages. On subsequent runs, you can only build the above packages using -
+
+```bash
+yarn build
+```
+
+After building, you can run the project by changing into the directory and then
+
+1. Install dependencies using `yarn install`
+2. Start the dev server using `yarn dev`
+3. Build the code using `yarn build`
+
+Optionally, before running the dev server, you can run `yarn vite optimize --force` if it logged some error during `yarn vite`.
diff --git a/apps/zero-runtime-next-app/next.config.js b/apps/zero-runtime-next-app/next.config.js
new file mode 100644
index 00000000000000..c91a53f9a87e53
--- /dev/null
+++ b/apps/zero-runtime-next-app/next.config.js
@@ -0,0 +1,38 @@
+const { createTheme } = require('@mui/material/styles');
+const withZero = require('@mui/zero-next-plugin').default;
+
+const theme = createTheme({
+  typography: {
+    fontFamilyCode: 'Menlo,Consolas,"Droid Sans Mono",monospace',
+  },
+});
+// @TODO - Make this part of the main package
+// @ts-ignore
+theme.applyDarkStyles = function applyDarkStyles(obj) {
+  return {
+    // @TODO - Use custom stylis plugin as in docs/src/createEmotionCache.ts
+    // so that we don't need to use *
+    '* :where([data-mui-color-scheme="dark"]) &': obj,
+  };
+};
+
+/** @type {import('@mui/zero-webpack-plugin').ZeroPluginOptions} */
+const zeroPluginConfig = {
+  theme,
+  cssVariablesPrefix: 'app',
+  displayName: true,
+  // sourceMap: true,
+};
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  // linaria: zeroPluginConfig,
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+  typescript: {
+    ignoreBuildErrors: true,
+  },
+};
+
+module.exports = withZero(nextConfig, zeroPluginConfig);
diff --git a/apps/zero-runtime-next-app/package.json b/apps/zero-runtime-next-app/package.json
new file mode 100644
index 00000000000000..d78f2c56c7d4ea
--- /dev/null
+++ b/apps/zero-runtime-next-app/package.json
@@ -0,0 +1,31 @@
+{
+  "name": "@app/zero-runtime-next-app",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@mui/base": "file:../../packages/mui-base/build",
+    "@mui/material": "file:../../packages/mui-material/build",
+    "@mui/utils": "file:../../packages/mui-utils/build",
+    "@mui/zero-runtime": "file:../../packages/zero-runtime/build",
+    "next": "13.4.19",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "devDependencies": {
+    "@mui/zero-tag-processor": "file:../../packages/zero-tag-processor/build",
+    "@mui/zero-next-plugin": "file:../../packages/zero-next-plugin/build",
+    "@types/node": "20.5.7",
+    "@types/react": "18.2.21",
+    "@types/react-dom": "18.2.7",
+    "typescript": "5.1.6"
+  },
+  "resolutions": {
+    "@mui/zero-tag-processor": "file:../../packages/zero-tag-processor/build"
+  }
+}
diff --git a/apps/zero-runtime-next-app/public/next.svg b/apps/zero-runtime-next-app/public/next.svg
new file mode 100644
index 00000000000000..5174b28c565c28
--- /dev/null
+++ b/apps/zero-runtime-next-app/public/next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/apps/zero-runtime-next-app/public/vercel.svg b/apps/zero-runtime-next-app/public/vercel.svg
new file mode 100644
index 00000000000000..d2f84222734f27
--- /dev/null
+++ b/apps/zero-runtime-next-app/public/vercel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>
\ No newline at end of file
diff --git a/examples/joy-ui-nextjs/src/app/favicon.ico b/apps/zero-runtime-next-app/src/app/favicon.ico
similarity index 100%
rename from examples/joy-ui-nextjs/src/app/favicon.ico
rename to apps/zero-runtime-next-app/src/app/favicon.ico
diff --git a/apps/zero-runtime-next-app/src/app/globals.css b/apps/zero-runtime-next-app/src/app/globals.css
new file mode 100644
index 00000000000000..60ab0f7768c88c
--- /dev/null
+++ b/apps/zero-runtime-next-app/src/app/globals.css
@@ -0,0 +1,102 @@
+@import '~@mui/zero-runtime/styles.css';
+
+:root {
+  --max-width: 1100px;
+  --border-radius: 12px;
+  --font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono', 'Roboto Mono',
+    'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono',
+    'Courier New', monospace;
+
+  --foreground-rgb: 0, 0, 0;
+  --background-start-rgb: 214, 219, 220;
+  --background-end-rgb: 255, 255, 255;
+
+  --primary-glow: conic-gradient(
+    from 180deg at 50% 50%,
+    #16abff33 0deg,
+    #0885ff33 55deg,
+    #54d6ff33 120deg,
+    #0071ff33 160deg,
+    transparent 360deg
+  );
+  --secondary-glow: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
+
+  --tile-start-rgb: 239, 245, 249;
+  --tile-end-rgb: 228, 232, 233;
+  --tile-border: conic-gradient(
+    #00000080,
+    #00000040,
+    #00000030,
+    #00000020,
+    #00000010,
+    #00000010,
+    #00000080
+  );
+
+  --callout-rgb: 238, 240, 241;
+  --callout-border-rgb: 172, 175, 176;
+  --card-rgb: 180, 185, 188;
+  --card-border-rgb: 131, 134, 135;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --foreground-rgb: 255, 255, 255;
+    --background-start-rgb: 0, 0, 0;
+    --background-end-rgb: 0, 0, 0;
+
+    --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
+    --secondary-glow: linear-gradient(
+      to bottom right,
+      rgba(1, 65, 255, 0),
+      rgba(1, 65, 255, 0),
+      rgba(1, 65, 255, 0.3)
+    );
+
+    --tile-start-rgb: 2, 13, 46;
+    --tile-end-rgb: 2, 5, 19;
+    --tile-border: conic-gradient(
+      #ffffff80,
+      #ffffff40,
+      #ffffff30,
+      #ffffff20,
+      #ffffff10,
+      #ffffff10,
+      #ffffff80
+    );
+
+    --callout-rgb: 20, 20, 20;
+    --callout-border-rgb: 108, 108, 108;
+    --card-rgb: 100, 100, 100;
+    --card-border-rgb: 200, 200, 200;
+  }
+}
+
+* {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+html,
+body {
+  max-width: 100vw;
+  overflow-x: hidden;
+}
+
+body {
+  color: rgb(var(--foreground-rgb));
+  background: linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb)))
+    rgb(var(--background-start-rgb));
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+@media (prefers-color-scheme: dark) {
+  html {
+    color-scheme: dark;
+  }
+}
diff --git a/apps/zero-runtime-next-app/src/app/layout.tsx b/apps/zero-runtime-next-app/src/app/layout.tsx
new file mode 100644
index 00000000000000..ab0434f3465b12
--- /dev/null
+++ b/apps/zero-runtime-next-app/src/app/layout.tsx
@@ -0,0 +1,18 @@
+import './globals.css';
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+
+const inter = Inter({ subsets: ['latin'] });
+
+export const metadata: Metadata = {
+  title: 'Create Next App',
+  description: 'Generated by create next app',
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>{children}</body>
+    </html>
+  );
+}
diff --git a/apps/zero-runtime-next-app/src/app/page.module.css b/apps/zero-runtime-next-app/src/app/page.module.css
new file mode 100644
index 00000000000000..f77d83e753ddd5
--- /dev/null
+++ b/apps/zero-runtime-next-app/src/app/page.module.css
@@ -0,0 +1,22 @@
+.logo {
+  position: relative;
+}
+
+@media (prefers-color-scheme: dark) {
+  .vercelLogo {
+    filter: invert(1);
+  }
+
+  .logo {
+    filter: invert(1) drop-shadow(0 0 0.3rem #ffffff70);
+  }
+}
+
+@keyframes rotate {
+  from {
+    transform: rotate(360deg);
+  }
+  to {
+    transform: rotate(0deg);
+  }
+}
diff --git a/apps/zero-runtime-next-app/src/app/page.tsx b/apps/zero-runtime-next-app/src/app/page.tsx
new file mode 100644
index 00000000000000..d02a3bac74e770
--- /dev/null
+++ b/apps/zero-runtime-next-app/src/app/page.tsx
@@ -0,0 +1,241 @@
+import Image from 'next/image';
+import { styled } from '@mui/zero-runtime';
+import Link from 'next/link';
+import styles from './page.module.css';
+import Grid from '../components/Grid';
+
+export const Main = styled('main')({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  padding: '6rem',
+  minHeight: '100vh',
+});
+
+const Description = styled.div(({ theme }: any) => ({
+  display: 'inherit',
+  justifyContent: 'inherit',
+  alignItems: 'inherit',
+  fontSize: '0.85rem',
+  maxWidth: 'var(--max-width)',
+  width: '100%',
+  zIndex: 2,
+  fontFamily: theme.typography.fontFamilyCode,
+  '& a': {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    gap: '0.5rem',
+  },
+  '& p': {
+    position: 'relative',
+    margin: '0',
+    padding: '1rem',
+    backgroundColor: 'rgba(var(--callout-rgb), 0.5)',
+    border: '1px solid rgba(var(--callout-border-rgb), 0.3)',
+    borderRadius: 'var(--border-radius)',
+  },
+
+  [theme.breakpoints.down(700.05)]: {
+    fontSize: '0.8rem',
+    '& a': {
+      padding: '1rem',
+    },
+    '& p': {
+      alignItems: 'center',
+      inset: '0 0 auto',
+      padding: '2rem 1rem 1.4rem',
+      borderRadius: '0',
+      border: 'none',
+      borderBottom: '1px solid rgba(var(--callout-border-rgb), 0.25)',
+      background:
+        'linear-gradient(to bottom,rgba(var(--background-start-rgb), 1),rgba(var(--callout-rgb), 0.5))',
+      backgroundClip: 'padding-box',
+      backdropFilter: 'blur(24px)',
+    },
+    '& div': {
+      alignItems: 'flex-end',
+      pointerEvents: 'none',
+      inset: 'auto 0 0',
+      padding: '2rem',
+      height: '200px',
+      background: 'linear-gradient(to bottom,transparent 0%,rgb(var(--background-end-rgb)) 40%)',
+      zIndex: 1,
+    },
+    '& p, & div': {
+      display: 'flex',
+      justifyContent: 'center',
+      position: 'fixed',
+      width: '100%',
+    },
+  },
+}));
+
+const Code = styled('code')(({ theme }: any) => ({
+  fontWeight: 700,
+  fontFamily: theme.typography.fontFamilyCode,
+}));
+
+const Card = styled('a')(({ theme }: any) => ({
+  padding: '1rem 1.2rem',
+  borderRadius: 'var(--border-radius)',
+  background: 'rgba(var(--card-rgb), 0)',
+  border: '1px solid rgba(var(--card-border-rgb), 0)',
+  transition: 'background 200ms, border 200ms',
+
+  '& span': {
+    display: 'inline-block',
+    transition: 'transform 200ms',
+  },
+
+  '& h2': {
+    fontWeight: 600,
+    marginBottom: '0.7rem',
+  },
+
+  '& p': {
+    margin: '0',
+    opacity: 0.6,
+    fontSize: '0.9rem',
+    lineHeight: 1.5,
+    maxWidth: '30ch',
+  },
+  '@media (hover: hover) and (pointer: fine)': {
+    '&:hover': {
+      background: 'rgba(var(--card-rgb), 0.1)',
+      border: '1px solid rgba(var(--card-border-rgb), 0.15)',
+    },
+    '&:hover span': {
+      transform: 'translateX(4px)',
+    },
+  },
+
+  '@media (prefers-reduced-motion)': {
+    '&:hover span': {
+      transform: 'none',
+    },
+  },
+
+  [theme.breakpoints.down(700.05)]: {
+    padding: '1rem 2.5rem',
+
+    '& h2': {
+      marginBottom: '0.5rem',
+    },
+  },
+}));
+
+const Center = styled('div')(() => ({
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  position: 'relative',
+  padding: '4rem 0',
+  '&::before': {
+    background: 'var(--secondary-glow)',
+    borderRadius: '50%',
+    width: '480px',
+    height: '360px',
+    marginLeft: '-400px',
+  },
+  '&::after': {
+    background: 'var(--primary-glow)',
+    width: '240px',
+    height: '180px',
+    zIndex: -1,
+  },
+  '&::before,&::after': {
+    content: "''",
+    left: '50%',
+    position: 'absolute',
+    filter: 'blur(45px)',
+    transform: 'translateZ(0)',
+  },
+  '@media (max-width: 700px)': {
+    padding: '8rem 0 6rem',
+    '&::before': { transform: 'none', height: '300px' },
+  },
+}));
+
+export default function Home() {
+  return (
+    <Main>
+      <Description>
+        <p>
+          Get started by editing&nbsp;
+          <Code>src/app/page.tsx</Code>
+        </p>
+        <div>
+          <a
+            href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            By{' '}
+            <Image
+              src="/vercel.svg"
+              alt="Vercel Logo"
+              className={styles.vercelLogo}
+              width={100}
+              height={24}
+              priority
+            />
+          </a>
+        </div>
+      </Description>
+
+      <Center>
+        <Image
+          className={styles.logo}
+          src="/next.svg"
+          alt="Next.js Logo"
+          width={180}
+          height={37}
+          priority
+        />
+      </Center>
+
+      <Grid>
+        <Card
+          href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <h2>
+            Docs <span>-&gt;</span>
+          </h2>
+          <p>Find in-depth information about Next.js features and API.</p>
+        </Card>
+
+        <Card
+          href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <h2>
+            Learn <span>-&gt;</span>
+          </h2>
+          <p>Learn about Next.js in an interactive course with&nbsp;quizzes!</p>
+        </Card>
+
+        <Card
+          href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <h2>
+            Templates <span>-&gt;</span>
+          </h2>
+          <p>Explore the Next.js 13 playground.</p>
+        </Card>
+
+        <Card as={Link} href="/slider" rel="noopener noreferrer">
+          <h2>
+            Checkout Slider <span>-&gt;</span>
+          </h2>
+        </Card>
+      </Grid>
+    </Main>
+  );
+}
diff --git a/apps/zero-runtime-next-app/src/app/slider/page.tsx b/apps/zero-runtime-next-app/src/app/slider/page.tsx
new file mode 100644
index 00000000000000..9b6f7b8903e14c
--- /dev/null
+++ b/apps/zero-runtime-next-app/src/app/slider/page.tsx
@@ -0,0 +1,17 @@
+import { styled } from '@mui/zero-runtime';
+import { Main as BaseMain } from '../page';
+import SliderWrapper from '../../components/SliderWrapper';
+
+const Main = styled(BaseMain)({
+  padding: '1rem',
+});
+
+export default function Slider() {
+  return (
+    <Main sx={{ padding: '2rem' }}>
+      <div style={{ width: '100%' }}>
+        <SliderWrapper />
+      </div>
+    </Main>
+  );
+}
diff --git a/apps/zero-runtime-next-app/src/components/Grid.tsx b/apps/zero-runtime-next-app/src/components/Grid.tsx
new file mode 100644
index 00000000000000..9df72c452da4c2
--- /dev/null
+++ b/apps/zero-runtime-next-app/src/components/Grid.tsx
@@ -0,0 +1,27 @@
+import { styled } from '@mui/zero-runtime';
+
+const Grid = styled('div')(({ theme }: any) => ({
+  display: 'grid',
+  gridTemplateColumns: 'repeat(4, minmax(25%, auto))',
+  maxWidth: '100%',
+  width: 'var(--max-width)',
+  [theme.breakpoints.down(700.05)]: {
+    gridTemplateColumns: '1fr',
+    marginBottom: '120px',
+    maxWidth: '320px',
+    textAlign: 'center',
+  },
+  [theme.breakpoints.between(701, 1120.05)]: {
+    gridTemplateColumns: 'repeat(2, 50%)',
+  },
+}));
+
+export const HalfWidth = styled.div({
+  marginLeft: 20,
+  width: '50%',
+  maxHeight: 100,
+  padding: 20,
+  border: '1px solid #ccc',
+});
+
+export default Grid;
diff --git a/apps/zero-runtime-next-app/src/components/Slider/ZeroSlider.jsx b/apps/zero-runtime-next-app/src/components/Slider/ZeroSlider.jsx
new file mode 100644
index 00000000000000..4006d8750cf85d
--- /dev/null
+++ b/apps/zero-runtime-next-app/src/components/Slider/ZeroSlider.jsx
@@ -0,0 +1,934 @@
+'use client';
+/* eslint-disable react/prop-types */
+import * as React from 'react';
+import clsx from 'clsx';
+import { isHostComponent, useSlotProps } from '@mui/base/utils';
+import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import { useSlider, valueToPercent } from '@mui/base/useSlider';
+import { styled } from '@mui/zero-runtime';
+// eslint-disable-next-line no-restricted-imports
+import { slotShouldForwardProp } from '@mui/material/styles/styled';
+import { capitalize } from '@mui/material/utils';
+import { sliderClasses, getSliderUtilityClass } from '@mui/material/Slider';
+// eslint-disable-next-line no-restricted-imports
+import SliderValueLabel from '@mui/material/Slider/SliderValueLabel';
+import { alpha, lighten, darken } from '../utils/colorManipulator';
+
+const shouldSpreadAdditionalProps = (Slot) => {
+  return !Slot || !isHostComponent(Slot);
+};
+
+function Identity(x) {
+  return x;
+}
+
+const SliderRoot = styled('span', {
+  name: 'MuiSlider',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const { ownerState } = props;
+
+    return [
+      styles.root,
+      styles[`color${capitalize(ownerState.color)}`],
+      ownerState.size !== 'medium' && styles[`size${capitalize(ownerState.size)}`],
+      ownerState.marked && styles.marked,
+      ownerState.orientation === 'vertical' && styles.vertical,
+      ownerState.track === 'inverted' && styles.trackInverted,
+      ownerState.track === false && styles.trackFalse,
+    ];
+  },
+})(({ theme }) => ({
+  borderRadius: '12px',
+  boxSizing: 'content-box',
+  display: 'inline-block',
+  position: 'relative',
+  cursor: 'pointer',
+  touchAction: 'none',
+  WebkitTapHighlightColor: 'transparent',
+  '@media print': {
+    printColorAdjust: 'exact',
+  },
+  [`&.${sliderClasses.disabled}`]: {
+    pointerEvents: 'none',
+    cursor: 'default',
+    color: theme.palette.grey[400],
+  },
+  [`&.${sliderClasses.dragging}`]: {
+    [`& .${sliderClasses.thumb}, & .${sliderClasses.track}`]: {
+      transition: 'none',
+    },
+  },
+  variants: [
+    {
+      props: {
+        color: 'primary',
+      },
+      style: {
+        color: theme.palette.primary.main,
+      },
+    },
+    {
+      props: {
+        color: 'secondary',
+      },
+      style: {
+        color: theme.palette.secondary.main,
+      },
+    },
+    {
+      props: {
+        orientation: 'horizontal',
+      },
+      style: {
+        height: 4,
+        width: '100%',
+        padding: '13px 0',
+        // The primary input mechanism of the device includes a pointing device of limited accuracy.
+        '@media (pointer: coarse)': {
+          // Reach 42px touch target, about ~8mm on screen.
+          padding: '20px 0',
+        },
+      },
+    },
+    {
+      props: {
+        orientation: 'horizontal',
+        size: 'small',
+      },
+      style: {
+        height: 2,
+      },
+    },
+    {
+      props: {
+        orientation: 'horizontal',
+        marked: true,
+      },
+      style: {
+        marginBottom: 20,
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+      },
+      style: {
+        height: '100%',
+        width: 4,
+        padding: '0 13px',
+        // The primary input mechanism of the device includes a pointing device of limited accuracy.
+        '@media (pointer: coarse)': {
+          // Reach 42px touch target, about ~8mm on screen.
+          padding: '0 20px',
+        },
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+        size: 'small',
+      },
+      style: {
+        width: 2,
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+        marked: true,
+      },
+      style: {
+        marginRight: 44,
+      },
+    },
+  ],
+}));
+
+export { SliderRoot };
+
+const SliderRail = styled('span', {
+  name: 'MuiSlider',
+  slot: 'Rail',
+  overridesResolver: (props, styles) => styles.rail,
+})({
+  display: 'block',
+  position: 'absolute',
+  borderRadius: 'inherit',
+  backgroundColor: 'currentColor',
+  opacity: 0.38,
+  variants: [
+    {
+      props: {
+        orientation: 'horizontal',
+      },
+      style: {
+        width: '100%',
+        height: 'inherit',
+        top: '50%',
+        transform: 'translateY(-50%)',
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+      },
+      style: {
+        height: '100%',
+        width: 'inherit',
+        left: '50%',
+        transform: 'translateX(-50%)',
+      },
+    },
+    {
+      props: {
+        track: 'inverted',
+      },
+      style: {
+        opacity: 1,
+      },
+    },
+  ],
+});
+
+export { SliderRail };
+
+const SliderTrack = styled('span', {
+  name: 'MuiSlider',
+  slot: 'Track',
+  overridesResolver: (props, styles) => styles.track,
+})(({ theme }) => {
+  const lightPrimaryColor = lighten(theme.palette.primary.main, 0.62);
+  const lightSecondaryColor = lighten(theme.palette.secondary.main, 0.62);
+  const darkPrimaryColor = darken(theme.palette.primary.main, 0.5);
+  const darkSecondaryColor = darken(theme.palette.secondary.main, 0.5);
+
+  return {
+    display: 'block',
+    position: 'absolute',
+    borderRadius: 'inherit',
+    border: '1px solid currentColor',
+    backgroundColor: 'currentColor',
+    transition: theme.transitions.create(['left', 'width', 'bottom', 'height'], {
+      duration: theme.transitions.duration.shortest,
+    }),
+    variants: [
+      {
+        props: {
+          color: 'primary',
+        },
+        style: {
+          '--slider-track-color': lightPrimaryColor,
+          ...theme.applyDarkStyles({
+            '--slider-track-color': darkPrimaryColor,
+          }),
+        },
+      },
+      {
+        props: {
+          color: 'secondary',
+        },
+        style: {
+          '--slider-track-color': lightSecondaryColor,
+          ...theme.applyDarkStyles({
+            '--slider-track-color': darkSecondaryColor,
+          }),
+        },
+      },
+      {
+        props: {
+          size: 'small',
+        },
+        style: {
+          border: 'none',
+        },
+      },
+      {
+        props: {
+          orientation: 'horizontal',
+        },
+        style: {
+          height: 'inherit',
+          top: '50%',
+          transform: 'translateY(-50%)',
+        },
+      },
+      {
+        props: {
+          orientation: 'vertical',
+        },
+        style: {
+          width: 'inherit',
+          left: '50%',
+          transform: 'translateX(-50%)',
+        },
+      },
+      {
+        props: {
+          track: false,
+        },
+        style: {
+          display: 'none',
+        },
+      },
+      {
+        props: {
+          track: 'inverted',
+          color: 'primary',
+        },
+        style: {
+          backgroundColor: theme.vars ? theme.vars.palette.Slider.primaryTrack : undefined,
+          borderColor: theme.vars ? theme.vars.palette.Slider.primaryTrack : undefined,
+        },
+      },
+      {
+        props: {
+          track: 'inverted',
+          color: 'secondary',
+        },
+        style: {
+          backgroundColor: theme.vars ? theme.vars.palette.Slider.secondaryTrack : undefined,
+          borderColor: theme.vars ? theme.vars.palette.Slider.secondaryTrack : undefined,
+        },
+      },
+    ],
+  };
+});
+
+export { SliderTrack };
+
+const SliderThumb = styled('span', {
+  name: 'MuiSlider',
+  slot: 'Thumb',
+  overridesResolver: (props, styles) => {
+    const { ownerState } = props;
+    return [
+      styles.thumb,
+      styles[`thumbColor${capitalize(ownerState.color)}`],
+      ownerState.size !== 'medium' && styles[`thumbSize${capitalize(ownerState.size)}`],
+    ];
+  },
+})(({ theme }) => ({
+  position: 'absolute',
+  width: 20,
+  height: 20,
+  boxSizing: 'border-box',
+  borderRadius: '50%',
+  outline: 0,
+  backgroundColor: 'currentColor',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  transition: theme.transitions.create(['box-shadow', 'left', 'bottom'], {
+    duration: theme.transitions.duration.shortest,
+  }),
+  '&:before': {
+    position: 'absolute',
+    content: '""',
+    borderRadius: 'inherit',
+    width: '100%',
+    height: '100%',
+    boxShadow: (theme.vars || theme).shadows[2],
+  },
+  '&::after': {
+    position: 'absolute',
+    content: '""',
+    borderRadius: '50%',
+    // 42px is the hit target
+    width: 42,
+    height: 42,
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+  },
+  [`&:hover, &.${sliderClasses.focusVisible}`]: {
+    boxShadow: `0px 0px 0px 8px var(--slider-thumb-shadow-color)`,
+    '@media (hover: none)': {
+      boxShadow: 'none',
+    },
+  },
+  [`&.${sliderClasses.active}`]: {
+    boxShadow: `0px 0px 0px 14px var(--slider-thumb-shadow-color)`,
+  },
+  [`&.${sliderClasses.disabled}`]: {
+    '&:hover': {
+      boxShadow: 'none',
+    },
+  },
+  variants: [
+    {
+      props: {
+        color: 'primary',
+      },
+      style: {
+        '--slider-thumb-shadow-color': theme.vars
+          ? `rgba(${theme.vars.palette.primary.mainChannel} / 0.16)`
+          : alpha(theme.palette.primary.main, 0.16),
+      },
+    },
+    {
+      props: {
+        color: 'secondary',
+      },
+      style: {
+        '--slider-thumb-shadow-color': theme.vars
+          ? `rgba(${theme.vars.palette.secondary.mainChannel} / 0.16)`
+          : alpha(theme.palette.secondary.main, 0.16),
+      },
+    },
+    {
+      props: {
+        size: 'small',
+      },
+      style: {
+        width: 12,
+        height: 12,
+        '&:before': {
+          boxShadow: 'none',
+        },
+      },
+    },
+    {
+      props: {
+        orientation: 'horizontal',
+      },
+      style: {
+        top: '50%',
+        transform: 'translate(-50%, -50%)',
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+      },
+      style: {
+        left: '50%',
+        transform: 'translate(-50%, 50%)',
+      },
+    },
+  ],
+}));
+
+export { SliderThumb };
+
+const StyledSliderValueLabel = styled(SliderValueLabel, {
+  name: 'MuiSlider',
+  slot: 'ValueLabel',
+  overridesResolver: (props, styles) => styles.valueLabel,
+})(({ theme }) => ({
+  zIndex: 1,
+  whiteSpace: 'nowrap',
+  ...theme.typography.body2,
+  fontWeight: 500,
+  transition: theme.transitions.create(['transform'], {
+    duration: theme.transitions.duration.shortest,
+  }),
+  position: 'absolute',
+  backgroundColor: (theme.vars || theme).palette.grey[600],
+  borderRadius: '2px',
+  color: (theme.vars || theme).palette.common.white,
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  padding: '0.25rem 0.75rem',
+  variants: [
+    {
+      props: {
+        size: 'small',
+      },
+      style: {
+        fontSize: theme.typography.pxToRem(12),
+        padding: '0.25rem 0.5rem',
+      },
+    },
+    {
+      props: {
+        orientation: 'horizontal',
+      },
+      style: {
+        top: '-10px',
+        transformOrigin: 'bottom center',
+        transform: 'translateY(-100%) scale(0)',
+        '&:before': {
+          position: 'absolute',
+          content: '""',
+          width: 8,
+          height: 8,
+          transform: 'translate(-50%, 50%) rotate(45deg)',
+          backgroundColor: 'inherit',
+          bottom: 0,
+          left: '50%',
+        },
+        [`&.${sliderClasses.valueLabelOpen}`]: {
+          transform: 'translateY(-100%) scale(1)',
+        },
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+      },
+      style: {
+        top: '50%',
+        right: '30px',
+        transform: 'translateY(-50%) scale(0)',
+        transformOrigin: 'right center',
+        '&:before': {
+          position: 'absolute',
+          content: '""',
+          width: 8,
+          height: 8,
+          transform: 'translate(-50%, -50%) rotate(45deg)',
+          backgroundColor: 'inherit',
+          right: -8,
+          top: '50%',
+        },
+        [`&.${sliderClasses.valueLabelOpen}`]: {
+          transform: 'translateY(-50%) scale(1)',
+        },
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+        size: 'small',
+      },
+      style: {
+        right: '20px',
+      },
+    },
+  ],
+}));
+
+export { StyledSliderValueLabel as SliderValueLabel };
+
+const SliderMark = styled('span', {
+  name: 'MuiSlider',
+  slot: 'Mark',
+  shouldForwardProp: (prop) => slotShouldForwardProp(prop) && prop !== 'markActive',
+  overridesResolver: (props, styles) => {
+    const { markActive } = props;
+
+    return [styles.mark, markActive && styles.markActive];
+  },
+})(({ theme }) => ({
+  position: 'absolute',
+  width: 2,
+  height: 2,
+  borderRadius: 1,
+  backgroundColor: 'currentColor',
+  variants: [
+    {
+      props: {
+        orientation: 'horizontal',
+      },
+      style: {
+        top: '50%',
+        transform: 'translate(-1px, -50%)',
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+      },
+      style: {
+        left: '50%',
+        transform: 'translate(-50%, 1px)',
+      },
+    },
+    {
+      props: {
+        markActive: true,
+      },
+      style: {
+        backgroundColor: (theme.vars || theme).palette.background.paper,
+        opacity: 0.8,
+      },
+    },
+  ],
+}));
+
+export { SliderMark };
+
+const SliderMarkLabel = styled('span', {
+  name: 'MuiSlider',
+  slot: 'MarkLabel',
+  shouldForwardProp: (prop) => slotShouldForwardProp(prop) && prop !== 'markLabelActive',
+  overridesResolver: (props, styles) => styles.markLabel,
+})(({ theme }) => ({
+  ...theme.typography.body2,
+  color: (theme.vars || theme).palette.text.secondary,
+  position: 'absolute',
+  whiteSpace: 'nowrap',
+  variants: [
+    {
+      props: {
+        orientation: 'horizontal',
+      },
+      style: {
+        top: 30,
+        transform: 'translateX(-50%)',
+        '@media (pointer: coarse)': {
+          top: 40,
+        },
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+      },
+      style: {
+        left: 36,
+        transform: 'translateY(50%)',
+        '@media (pointer: coarse)': {
+          left: 44,
+        },
+      },
+    },
+    {
+      props: {
+        markLabelActive: true,
+      },
+      style: {
+        color: (theme.vars || theme).palette.text.primary,
+      },
+    },
+  ],
+}));
+
+export { SliderMarkLabel };
+
+const useUtilityClasses = (ownerState) => {
+  const { disabled, dragging, marked, orientation, track, classes, color, size } = ownerState;
+
+  const slots = {
+    root: [
+      'root',
+      disabled && 'disabled',
+      dragging && 'dragging',
+      marked && 'marked',
+      orientation === 'vertical' && 'vertical',
+      track === 'inverted' && 'trackInverted',
+      track === false && 'trackFalse',
+      color && `color${capitalize(color)}`,
+      size && `size${capitalize(size)}`,
+    ],
+    rail: ['rail'],
+    track: ['track'],
+    mark: ['mark'],
+    markActive: ['markActive'],
+    markLabel: ['markLabel'],
+    markLabelActive: ['markLabelActive'],
+    valueLabel: ['valueLabel'],
+    thumb: [
+      'thumb',
+      disabled && 'disabled',
+      size && `thumbSize${capitalize(size)}`,
+      color && `thumbColor${capitalize(color)}`,
+    ],
+    active: ['active'],
+    disabled: ['disabled'],
+    focusVisible: ['focusVisible'],
+  };
+
+  return composeClasses(slots, getSliderUtilityClass, classes);
+};
+
+const Forward = ({ children }) => children;
+
+const Slider = React.forwardRef(function Slider(props, ref) {
+  // @TODO - Figure out how to persist this information
+  const isRtl = false; // theme.direction === 'rtl';
+
+  const {
+    'aria-label': ariaLabel,
+    'aria-valuetext': ariaValuetext,
+    'aria-labelledby': ariaLabelledby,
+    component = 'span',
+    components = {},
+    componentsProps = {},
+    color = 'primary',
+    classes: classesProp,
+    className,
+    disableSwap = false,
+    disabled = false,
+    getAriaLabel,
+    getAriaValueText,
+    marks: marksProp = false,
+    max = 100,
+    min = 0,
+    name,
+    onChange,
+    onChangeCommitted,
+    orientation = 'horizontal',
+    size = 'medium',
+    step = 1,
+    scale = Identity,
+    slotProps,
+    slots,
+    tabIndex,
+    track = 'normal',
+    value: valueProp,
+    valueLabelDisplay = 'off',
+    valueLabelFormat = Identity,
+    ...other
+  } = props;
+
+  const ownerState = {
+    ...props,
+    isRtl,
+    max,
+    min,
+    classes: classesProp,
+    disabled,
+    disableSwap,
+    orientation,
+    marks: marksProp,
+    color,
+    size,
+    step,
+    scale,
+    track,
+    valueLabelDisplay,
+    valueLabelFormat,
+  };
+
+  const {
+    axisProps,
+    getRootProps,
+    getHiddenInputProps,
+    getThumbProps,
+    open,
+    active,
+    axis,
+    focusedThumbIndex,
+    range,
+    dragging,
+    marks,
+    values,
+    trackOffset,
+    trackLeap,
+    getThumbStyle,
+  } = useSlider({ ...ownerState, rootRef: ref });
+
+  ownerState.marked = marks.length > 0 && marks.some((mark) => mark.label);
+  ownerState.dragging = dragging;
+  ownerState.focusedThumbIndex = focusedThumbIndex;
+
+  const classes = useUtilityClasses(ownerState);
+
+  // support both `slots` and `components` for backward compatibility
+  const RootSlot = slots?.root ?? components.Root ?? SliderRoot;
+  const RailSlot = slots?.rail ?? components.Rail ?? SliderRail;
+  const TrackSlot = slots?.track ?? components.Track ?? SliderTrack;
+  const ThumbSlot = slots?.thumb ?? components.Thumb ?? SliderThumb;
+  const ValueLabelSlot = slots?.valueLabel ?? components.ValueLabel ?? StyledSliderValueLabel;
+  const MarkSlot = slots?.mark ?? components.Mark ?? SliderMark;
+  const MarkLabelSlot = slots?.markLabel ?? components.MarkLabel ?? SliderMarkLabel;
+  const InputSlot = slots?.input ?? components.Input ?? 'input';
+
+  const rootSlotProps = slotProps?.root ?? componentsProps.root;
+  const railSlotProps = slotProps?.rail ?? componentsProps.rail;
+  const trackSlotProps = slotProps?.track ?? componentsProps.track;
+  const thumbSlotProps = slotProps?.thumb ?? componentsProps.thumb;
+  const valueLabelSlotProps = slotProps?.valueLabel ?? componentsProps.valueLabel;
+  const markSlotProps = slotProps?.mark ?? componentsProps.mark;
+  const markLabelSlotProps = slotProps?.markLabel ?? componentsProps.markLabel;
+  const inputSlotProps = slotProps?.input ?? componentsProps.input;
+
+  const rootProps = useSlotProps({
+    elementType: RootSlot,
+    getSlotProps: getRootProps,
+    externalSlotProps: rootSlotProps,
+    externalForwardedProps: other,
+    additionalProps: {
+      ...(shouldSpreadAdditionalProps(RootSlot) && {
+        as: component,
+      }),
+    },
+    ownerState: {
+      ...ownerState,
+      ...rootSlotProps?.ownerState,
+    },
+    className: [classes.root, className],
+  });
+
+  const railProps = useSlotProps({
+    elementType: RailSlot,
+    externalSlotProps: railSlotProps,
+    ownerState,
+    className: classes.rail,
+  });
+
+  const trackProps = useSlotProps({
+    elementType: TrackSlot,
+    externalSlotProps: trackSlotProps,
+    additionalProps: {
+      style: {
+        ...axisProps[axis].offset(trackOffset),
+        ...axisProps[axis].leap(trackLeap),
+      },
+    },
+    ownerState: {
+      ...ownerState,
+      ...trackSlotProps?.ownerState,
+    },
+    className: classes.track,
+  });
+
+  const thumbProps = useSlotProps({
+    elementType: ThumbSlot,
+    getSlotProps: getThumbProps,
+    externalSlotProps: thumbSlotProps,
+    ownerState: {
+      ...ownerState,
+      ...thumbSlotProps?.ownerState,
+    },
+    className: classes.thumb,
+  });
+
+  const valueLabelProps = useSlotProps({
+    elementType: ValueLabelSlot,
+    externalSlotProps: valueLabelSlotProps,
+    ownerState: {
+      ...ownerState,
+      ...valueLabelSlotProps?.ownerState,
+    },
+    className: classes.valueLabel,
+  });
+
+  const markProps = useSlotProps({
+    elementType: MarkSlot,
+    externalSlotProps: markSlotProps,
+    ownerState,
+    className: classes.mark,
+  });
+
+  const markLabelProps = useSlotProps({
+    elementType: MarkLabelSlot,
+    externalSlotProps: markLabelSlotProps,
+    ownerState,
+    className: classes.markLabel,
+  });
+
+  const inputSliderProps = useSlotProps({
+    elementType: InputSlot,
+    getSlotProps: getHiddenInputProps,
+    externalSlotProps: inputSlotProps,
+    ownerState,
+  });
+
+  return (
+    // eslint-disable-next-line react/jsx-filename-extension
+    <RootSlot {...rootProps}>
+      <RailSlot {...railProps} />
+      <TrackSlot {...trackProps} />
+      {marks
+        .filter((mark) => mark.value >= min && mark.value <= max)
+        .map((mark, index) => {
+          const percent = valueToPercent(mark.value, min, max);
+          const style = axisProps[axis].offset(percent);
+
+          let markActive;
+          if (track === false) {
+            markActive = values.indexOf(mark.value) !== -1;
+          } else {
+            markActive =
+              (track === 'normal' &&
+                (range
+                  ? mark.value >= values[0] && mark.value <= values[values.length - 1]
+                  : mark.value <= values[0])) ||
+              (track === 'inverted' &&
+                (range
+                  ? mark.value <= values[0] || mark.value >= values[values.length - 1]
+                  : mark.value >= values[0]));
+          }
+
+          return (
+            <React.Fragment key={index}>
+              <MarkSlot
+                data-index={index}
+                {...markProps}
+                {...(!isHostComponent(MarkSlot) && {
+                  markActive,
+                })}
+                style={{ ...style, ...markProps.style }}
+                className={clsx(markProps.className, {
+                  [classes.markActive]: markActive,
+                })}
+              />
+              {mark.label != null ? (
+                <MarkLabelSlot
+                  aria-hidden
+                  data-index={index}
+                  {...markLabelProps}
+                  {...(!isHostComponent(MarkLabelSlot) && {
+                    markLabelActive: markActive,
+                  })}
+                  style={{ ...style, ...markLabelProps.style }}
+                  className={clsx(classes.markLabel, markLabelProps.className, {
+                    [classes.markLabelActive]: markActive,
+                  })}
+                >
+                  {mark.label}
+                </MarkLabelSlot>
+              ) : null}
+            </React.Fragment>
+          );
+        })}
+      {values.map((value, index) => {
+        const percent = valueToPercent(value, min, max);
+        const style = axisProps[axis].offset(percent);
+
+        const ValueLabelComponent = valueLabelDisplay === 'off' ? Forward : ValueLabelSlot;
+
+        return (
+          /* TODO v6: Change component structure. It will help in avoiding the complicated React.cloneElement API added in SliderValueLabel component. Should be: Thumb -> Input, ValueLabel. Follow Joy UI's Slider structure. */
+          <ValueLabelComponent
+            key={index}
+            {...(!isHostComponent(ValueLabelComponent) && {
+              valueLabelFormat,
+              valueLabelDisplay,
+              value:
+                typeof valueLabelFormat === 'function'
+                  ? valueLabelFormat(scale(value), index)
+                  : valueLabelFormat,
+              index,
+              open: open === index || active === index || valueLabelDisplay === 'on',
+              disabled,
+            })}
+            {...valueLabelProps}
+          >
+            <ThumbSlot
+              data-index={index}
+              {...thumbProps}
+              className={clsx(classes.thumb, thumbProps.className, {
+                [classes.active]: active === index,
+                [classes.focusVisible]: focusedThumbIndex === index,
+              })}
+              style={{
+                ...style,
+                ...getThumbStyle(index),
+                ...thumbProps.style,
+              }}
+            >
+              <InputSlot
+                data-index={index}
+                aria-label={getAriaLabel ? getAriaLabel(index) : ariaLabel}
+                aria-valuenow={scale(value)}
+                aria-labelledby={ariaLabelledby}
+                aria-valuetext={
+                  getAriaValueText ? getAriaValueText(scale(value), index) : ariaValuetext
+                }
+                value={values[index]}
+                {...inputSliderProps}
+              />
+            </ThumbSlot>
+          </ValueLabelComponent>
+        );
+      })}
+    </RootSlot>
+  );
+});
+
+export default Slider;
diff --git a/apps/zero-runtime-next-app/src/components/SliderWrapper.tsx b/apps/zero-runtime-next-app/src/components/SliderWrapper.tsx
new file mode 100644
index 00000000000000..ec7e0d5f8fe641
--- /dev/null
+++ b/apps/zero-runtime-next-app/src/components/SliderWrapper.tsx
@@ -0,0 +1,136 @@
+'use client';
+import * as React from 'react';
+import { styled } from '@mui/zero-runtime';
+import Slider from './Slider/ZeroSlider';
+import { HalfWidth } from './Grid';
+
+const Button = styled('button', {
+  name: 'MuiButton',
+  slot: 'Root',
+})(
+  'color:red',
+  ({ theme }: any) => ({
+    fontFamily: 'sans-serif',
+    backgroundColor: [theme.palette.primary.main, 'text.primary', 'background.paper'],
+  }),
+  {
+    fontFamily: 'sans-serif',
+    // p: (props: any) => (props.isRed ? 10 : 20),
+    color: (props: any) => (props.isRed ? 'primary.main' : 'secondary.main'),
+  },
+);
+
+const ShowCaseDiv = styled('div')({
+  [`.${Button}`]: {
+    color: '#f94564',
+  },
+});
+
+export default function SliderWrapper() {
+  const [count, setCount] = React.useState(0);
+  const [value, setValue] = React.useState(50);
+  const [isColorPrimary, setIsColorPrimary] = React.useState(true);
+  const [size, setSize] = React.useState('medium');
+  const [showMarks, setShowMarks] = React.useState(true);
+  const [isTrackInverted, setIsTrackInverted] = React.useState(false);
+  const [disabled, setDisabled] = React.useState(false);
+  const [isHorizontal, setIsHorizontal] = React.useState(true);
+
+  return (
+    <React.Fragment>
+      <Button isRed={count % 2 === 1} onClick={() => setCount(count + 1)}>
+        Click Count {count}
+      </Button>
+      <ShowCaseDiv>
+        <Button>This button&apos;s text color has been overridden.</Button>
+      </ShowCaseDiv>
+      <div>
+        <div>
+          <label>
+            <input
+              type="checkbox"
+              checked={isColorPrimary}
+              onChange={() => setIsColorPrimary(!isColorPrimary)}
+            />
+            Toggle Color: {isColorPrimary ? 'Primary' : 'Secondary'}
+          </label>
+        </div>
+        <div>
+          <label>
+            <input
+              type="checkbox"
+              checked={isTrackInverted}
+              onChange={() => setIsTrackInverted(!isTrackInverted)}
+            />
+            Track type: {isTrackInverted ? 'Inverted' : 'Normal'}
+          </label>
+        </div>
+        <div>
+          <label>
+            <input
+              type="checkbox"
+              checked={isHorizontal}
+              onChange={() => setIsHorizontal(!isHorizontal)}
+            />
+            Orientation: {isHorizontal ? 'Horizontal' : 'Vertical'}
+          </label>
+        </div>
+        <div>
+          <label>
+            <input type="checkbox" checked={disabled} onChange={() => setDisabled(!disabled)} />
+            Disabled: {disabled ? 'Yes' : 'No'}
+          </label>
+        </div>
+        <div>
+          <label>
+            <input type="checkbox" checked={showMarks} onChange={() => setShowMarks(!showMarks)} />
+            Show marks: {showMarks ? 'Yes' : 'No'}
+          </label>
+        </div>
+        <div>
+          <label>
+            Change Size:
+            <select value={size} onChange={(ev) => setSize(ev.target.value)}>
+              <option value="small">Small</option>
+              <option value="medium">Medium</option>
+            </select>
+          </label>
+        </div>
+      </div>
+      <div>
+        <HalfWidth
+        // sx={({ theme }: any) => ({
+        //   color: theme.palette.primary.main,
+        //   fontSize: isRed ? 'h1.fontSize' : 'h2.fontSize',
+        //   ':hover': {
+        //     backgroundColor: ['primary.dark', 'secondary.main'],
+        //     color: {
+        //       sm: 'primary.dark',
+        //       md: 'secondary.main',
+        //     },
+        //   },
+        // })}
+        >
+          <Slider
+            aria-label="Small steps"
+            // @ts-ignore
+            defaultValue={50}
+            step={2}
+            marks={showMarks}
+            min={0}
+            max={100}
+            valueLabelDisplay="auto"
+            orientation={isHorizontal ? 'horizontal' : 'vertical'}
+            size={size as 'small' | 'medium'}
+            color={isColorPrimary ? 'primary' : 'secondary'}
+            track={isTrackInverted ? 'inverted' : 'normal'}
+            disabled={disabled}
+            value={value}
+            // @ts-ignore
+            onChange={(ev, val) => setValue(val as number)}
+          />
+        </HalfWidth>
+      </div>
+    </React.Fragment>
+  );
+}
diff --git a/apps/zero-runtime-next-app/src/components/utils/colorManipulator.js b/apps/zero-runtime-next-app/src/components/utils/colorManipulator.js
new file mode 100644
index 00000000000000..aaea25ca505c0e
--- /dev/null
+++ b/apps/zero-runtime-next-app/src/components/utils/colorManipulator.js
@@ -0,0 +1,351 @@
+/**
+ * Returns a number whose value is limited to the given range.
+ * @param {number} value The value to be clamped
+ * @param {number} min The lower boundary of the output range
+ * @param {number} max The upper boundary of the output range
+ * @returns {number} A number in the range [min, max]
+ */
+function clamp(value, min = 0, max = 1) {
+  if (process.env.NODE_ENV !== 'production') {
+    if (value < min || value > max) {
+      console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
+    }
+  }
+
+  return Math.min(Math.max(min, value), max);
+}
+
+/**
+ * Converts a color from CSS hex format to CSS rgb format.
+ * @param {string} color - Hex color, i.e. #nnn or #nnnnnn
+ * @returns {string} A CSS rgb color string
+ */
+export function hexToRgb(color) {
+  color = color.slice(1);
+
+  const re = new RegExp(`.{1,${color.length >= 6 ? 2 : 1}}`, 'g');
+  let colors = color.match(re);
+
+  if (colors && colors[0].length === 1) {
+    colors = colors.map((n) => n + n);
+  }
+
+  return colors
+    ? `rgb${colors.length === 4 ? 'a' : ''}(${colors
+        .map((n, index) => {
+          return index < 3 ? parseInt(n, 16) : Math.round((parseInt(n, 16) / 255) * 1000) / 1000;
+        })
+        .join(', ')})`
+    : '';
+}
+
+function intToHex(int) {
+  const hex = int.toString(16);
+  return hex.length === 1 ? `0${hex}` : hex;
+}
+
+/**
+ * Returns an object with the type and values of a color.
+ *
+ * Note: Does not support rgb % values.
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @returns {object} - A MUI color object: {type: string, values: number[]}
+ */
+export function decomposeColor(color) {
+  // Idempotent
+  if (color.type) {
+    return color;
+  }
+
+  if (color.charAt(0) === '#') {
+    return decomposeColor(hexToRgb(color));
+  }
+
+  const marker = color.indexOf('(');
+  const type = color.substring(0, marker);
+
+  if (['rgb', 'rgba', 'hsl', 'hsla', 'color'].indexOf(type) === -1) {
+    throw new Error(
+      'MUI: Unsupported `%s` color.\n' +
+        'The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().',
+      color,
+    );
+  }
+
+  let values = color.substring(marker + 1, color.length - 1);
+  let colorSpace;
+
+  if (type === 'color') {
+    values = values.split(' ');
+    colorSpace = values.shift();
+    if (values.length === 4 && values[3].charAt(0) === '/') {
+      values[3] = values[3].slice(1);
+    }
+    if (['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].indexOf(colorSpace) === -1) {
+      throw new Error(
+        'MUI: unsupported `%s` color space.\n' +
+          'The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.',
+        colorSpace,
+      );
+    }
+  } else {
+    values = values.split(',');
+  }
+  values = values.map((value) => parseFloat(value));
+
+  return { type, values, colorSpace };
+}
+
+/**
+ * Returns a channel created from the input color.
+ *
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @returns {string} - The channel for the color, that can be used in rgba or hsla colors
+ */
+export const colorChannel = (color) => {
+  const decomposedColor = decomposeColor(color);
+  return decomposedColor.values
+    .slice(0, 3)
+    .map((val, idx) => (decomposedColor.type.indexOf('hsl') !== -1 && idx !== 0 ? `${val}%` : val))
+    .join(' ');
+};
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const private_safeColorChannel = (color, warning) => {
+  try {
+    return colorChannel(color);
+  } catch (error) {
+    if (warning && process.env.NODE_ENV !== 'production') {
+      console.warn(warning);
+    }
+    return color;
+  }
+};
+
+/**
+ * Converts a color object with type and values to a string.
+ * @param {object} color - Decomposed color
+ * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla', 'color'
+ * @param {array} color.values - [n,n,n] or [n,n,n,n]
+ * @returns {string} A CSS color string
+ */
+export function recomposeColor(color) {
+  const { type, colorSpace } = color;
+  let { values } = color;
+
+  if (type.indexOf('rgb') !== -1) {
+    // Only convert the first 3 values to int (i.e. not alpha)
+    values = values.map((n, i) => (i < 3 ? parseInt(n, 10) : n));
+  } else if (type.indexOf('hsl') !== -1) {
+    values[1] = `${values[1]}%`;
+    values[2] = `${values[2]}%`;
+  }
+  if (type.indexOf('color') !== -1) {
+    values = `${colorSpace} ${values.join(' ')}`;
+  } else {
+    values = `${values.join(', ')}`;
+  }
+
+  return `${type}(${values})`;
+}
+
+/**
+ * Converts a color from CSS rgb format to CSS hex format.
+ * @param {string} color - RGB color, i.e. rgb(n, n, n)
+ * @returns {string} A CSS rgb color string, i.e. #nnnnnn
+ */
+export function rgbToHex(color) {
+  // Idempotent
+  if (color.indexOf('#') === 0) {
+    return color;
+  }
+
+  const { values } = decomposeColor(color);
+  return `#${values.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join('')}`;
+}
+
+/**
+ * Converts a color from hsl format to rgb format.
+ * @param {string} color - HSL color values
+ * @returns {string} rgb color values
+ */
+export function hslToRgb(color) {
+  color = decomposeColor(color);
+  const { values } = color;
+  const h = values[0];
+  const s = values[1] / 100;
+  const l = values[2] / 100;
+  const a = s * Math.min(l, 1 - l);
+  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+
+  let type = 'rgb';
+  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];
+
+  if (color.type === 'hsla') {
+    type += 'a';
+    rgb.push(values[3]);
+  }
+
+  return recomposeColor({ type, values: rgb });
+}
+/**
+ * The relative brightness of any point in a color space,
+ * normalized to 0 for darkest black and 1 for lightest white.
+ *
+ * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @returns {number} The relative brightness of the color in the range 0 - 1
+ */
+export function getLuminance(color) {
+  color = decomposeColor(color);
+
+  let rgb =
+    color.type === 'hsl' || color.type === 'hsla'
+      ? decomposeColor(hslToRgb(color)).values
+      : color.values;
+  rgb = rgb.map((val) => {
+    if (color.type !== 'color') {
+      val /= 255; // normalized
+    }
+    return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;
+  });
+
+  // Truncate at 3 digits
+  return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
+}
+
+/**
+ * Calculates the contrast ratio between two colors.
+ *
+ * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+ * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @returns {number} A contrast ratio value in the range 0 - 21.
+ */
+export function getContrastRatio(foreground, background) {
+  const lumA = getLuminance(foreground);
+  const lumB = getLuminance(background);
+  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
+}
+
+/**
+ * Sets the absolute transparency of a color.
+ * Any existing alpha values are overwritten.
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @param {number} value - value to set the alpha channel to in the range 0 - 1
+ * @returns {string} A CSS color string. Hex input values are returned as rgb
+ */
+export function alpha(color, value) {
+  color = decomposeColor(color);
+  value = clamp(value);
+
+  if (color.type === 'rgb' || color.type === 'hsl') {
+    color.type += 'a';
+  }
+  if (color.type === 'color') {
+    color.values[3] = `/${value}`;
+  } else {
+    color.values[3] = value;
+  }
+
+  return recomposeColor(color);
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function private_safeAlpha(color, value, warning) {
+  try {
+    return alpha(color, value);
+  } catch (error) {
+    if (warning && process.env.NODE_ENV !== 'production') {
+      console.warn(warning);
+    }
+    return color;
+  }
+}
+
+/**
+ * Darkens a color.
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @param {number} coefficient - multiplier in the range 0 - 1
+ * @returns {string} A CSS color string. Hex input values are returned as rgb
+ */
+export function darken(color, coefficient) {
+  color = decomposeColor(color);
+  coefficient = clamp(coefficient);
+
+  if (color.type.indexOf('hsl') !== -1) {
+    color.values[2] *= 1 - coefficient;
+  } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {
+    for (let i = 0; i < 3; i += 1) {
+      color.values[i] *= 1 - coefficient;
+    }
+  }
+  return recomposeColor(color);
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function private_safeDarken(color, coefficient, warning) {
+  try {
+    return darken(color, coefficient);
+  } catch (error) {
+    if (warning && process.env.NODE_ENV !== 'production') {
+      console.warn(warning);
+    }
+    return color;
+  }
+}
+
+/**
+ * Lightens a color.
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @param {number} coefficient - multiplier in the range 0 - 1
+ * @returns {string} A CSS color string. Hex input values are returned as rgb
+ */
+export function lighten(color, coefficient) {
+  color = decomposeColor(color);
+  coefficient = clamp(coefficient);
+
+  if (color.type.indexOf('hsl') !== -1) {
+    color.values[2] += (100 - color.values[2]) * coefficient;
+  } else if (color.type.indexOf('rgb') !== -1) {
+    for (let i = 0; i < 3; i += 1) {
+      color.values[i] += (255 - color.values[i]) * coefficient;
+    }
+  } else if (color.type.indexOf('color') !== -1) {
+    for (let i = 0; i < 3; i += 1) {
+      color.values[i] += (1 - color.values[i]) * coefficient;
+    }
+  }
+
+  return recomposeColor(color);
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function private_safeLighten(color, coefficient, warning) {
+  try {
+    return lighten(color, coefficient);
+  } catch (error) {
+    if (warning && process.env.NODE_ENV !== 'production') {
+      console.warn(warning);
+    }
+    return color;
+  }
+}
+
+/**
+ * Darken or lighten a color, depending on its luminance.
+ * Light colors are darkened, dark colors are lightened.
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @param {number} coefficient=0.15 - multiplier in the range 0 - 1
+ * @returns {string} A CSS color string. Hex input values are returned as rgb
+ */
+export function emphasize(color, coefficient = 0.15) {
+  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function private_safeEmphasize(color, coefficient, warning) {
+  try {
+    return private_safeEmphasize(color, coefficient);
+  } catch (error) {
+    if (warning && process.env.NODE_ENV !== 'production') {
+      console.warn(warning);
+    }
+    return color;
+  }
+}
diff --git a/apps/zero-runtime-next-app/tsconfig.json b/apps/zero-runtime-next-app/tsconfig.json
new file mode 100644
index 00000000000000..e59724b283f9cb
--- /dev/null
+++ b/apps/zero-runtime-next-app/tsconfig.json
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/apps/zero-runtime-next-app/yarn.lock b/apps/zero-runtime-next-app/yarn.lock
new file mode 100644
index 00000000000000..658ef912922411
--- /dev/null
+++ b/apps/zero-runtime-next-app/yarn.lock
@@ -0,0 +1,2202 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@ampproject/remapping@^2.2.0":
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.1.tgz#99e8e11851128b8702cd57c33684f1d0f260b630"
+  integrity sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.0"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.22.13":
+  version "7.22.13"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.13.tgz#e3c1c099402598483b7a8c46a721d1038803755e"
+  integrity sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==
+  dependencies:
+    "@babel/highlight" "^7.22.13"
+    chalk "^2.4.2"
+
+"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9":
+  version "7.22.9"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.9.tgz#71cdb00a1ce3a329ce4cbec3a44f9fef35669730"
+  integrity sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==
+
+"@babel/core@^7.22.17", "@babel/core@^7.22.9":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.17.tgz#2f9b0b395985967203514b24ee50f9fd0639c866"
+  integrity sha512-2EENLmhpwplDux5PSsZnSbnSkB3tZ6QTksgO25xwEL7pIDcNOMhF5v/s6RzwjMZzZzw9Ofc30gHv5ChCC8pifQ==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.22.13"
+    "@babel/generator" "^7.22.15"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-module-transforms" "^7.22.17"
+    "@babel/helpers" "^7.22.15"
+    "@babel/parser" "^7.22.16"
+    "@babel/template" "^7.22.15"
+    "@babel/traverse" "^7.22.17"
+    "@babel/types" "^7.22.17"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/generator@^7.22.15", "@babel/generator@^7.22.9":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.15.tgz#1564189c7ec94cb8f77b5e8a90c4d200d21b2339"
+  integrity sha512-Zu9oWARBqeVOW0dZOjXc3JObrzuqothQ3y/n1kUtrjCoCPLkXUwMvOo/F/TCfoHMbWIFlWwpZtkZVb9ga4U2pA==
+  dependencies:
+    "@babel/types" "^7.22.15"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jsesc "^2.5.1"
+
+"@babel/helper-annotate-as-pure@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882"
+  integrity sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz#5426b109cf3ad47b91120f8328d8ab1be8b0b956"
+  integrity sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==
+  dependencies:
+    "@babel/types" "^7.22.15"
+
+"@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.5", "@babel/helper-compilation-targets@^7.22.6":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz#0698fc44551a26cf29f18d4662d5bf545a6cfc52"
+  integrity sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==
+  dependencies:
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-validator-option" "^7.22.15"
+    browserslist "^4.21.9"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
+"@babel/helper-create-class-features-plugin@^7.22.11", "@babel/helper-create-class-features-plugin@^7.22.15", "@babel/helper-create-class-features-plugin@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz#97a61b385e57fe458496fad19f8e63b63c867de4"
+  integrity sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.22.15"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    semver "^6.3.1"
+
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz#5ee90093914ea09639b01c711db0d6775e558be1"
+  integrity sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    regexpu-core "^5.3.1"
+    semver "^6.3.1"
+
+"@babel/helper-define-polyfill-provider@^0.4.2":
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz#82c825cadeeeee7aad237618ebbe8fa1710015d7"
+  integrity sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    debug "^4.1.1"
+    lodash.debounce "^4.0.8"
+    resolve "^1.14.2"
+
+"@babel/helper-environment-visitor@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz#f06dd41b7c1f44e1f8da6c4055b41ab3a09a7e98"
+  integrity sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==
+
+"@babel/helper-function-name@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz#ede300828905bb15e582c037162f99d5183af1be"
+  integrity sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==
+  dependencies:
+    "@babel/template" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-hoist-variables@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
+  integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-member-expression-to-functions@^7.22.15", "@babel/helper-member-expression-to-functions@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.15.tgz#b95a144896f6d491ca7863576f820f3628818621"
+  integrity sha512-qLNsZbgrNh0fDQBCPocSL8guki1hcPvltGDv/NxvUoABwFq7GkKSu1nRXeJkVZc+wJvne2E0RKQz+2SQrz6eAA==
+  dependencies:
+    "@babel/types" "^7.22.15"
+
+"@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.22.15", "@babel/helper-module-imports@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz#16146307acdc40cc00c3b2c647713076464bdbf0"
+  integrity sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==
+  dependencies:
+    "@babel/types" "^7.22.15"
+
+"@babel/helper-module-transforms@^7.22.15", "@babel/helper-module-transforms@^7.22.17", "@babel/helper-module-transforms@^7.22.5", "@babel/helper-module-transforms@^7.22.9":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.22.17.tgz#7edf129097a51ccc12443adbc6320e90eab76693"
+  integrity sha512-XouDDhQESrLHTpnBtCKExJdyY4gJCdrvH2Pyv8r8kovX2U8G0dRUOT45T9XlbLtuu9CLXP15eusnkprhoPV5iQ==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-module-imports" "^7.22.15"
+    "@babel/helper-simple-access" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/helper-validator-identifier" "^7.22.15"
+
+"@babel/helper-optimise-call-expression@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e"
+  integrity sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
+  integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
+
+"@babel/helper-remap-async-to-generator@^7.22.5", "@babel/helper-remap-async-to-generator@^7.22.9":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.17.tgz#dabaa50622b3b4670bd6546fc8db23eb12d89da0"
+  integrity sha512-bxH77R5gjH3Nkde6/LuncQoLaP16THYPscurp1S8z7S9ZgezCyV3G8Hc+TZiCmY8pz4fp8CvKSgtJMW0FkLAxA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-wrap-function" "^7.22.17"
+
+"@babel/helper-replace-supers@^7.22.5", "@babel/helper-replace-supers@^7.22.9":
+  version "7.22.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.9.tgz#cbdc27d6d8d18cd22c81ae4293765a5d9afd0779"
+  integrity sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+
+"@babel/helper-simple-access@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de"
+  integrity sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz#007f15240b5751c537c40e77abb4e89eeaaa8847"
+  integrity sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-split-export-declaration@^7.22.6":
+  version "7.22.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz#322c61b7310c0997fe4c323955667f18fcefb91c"
+  integrity sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-string-parser@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
+  integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
+
+"@babel/helper-validator-identifier@^7.22.15", "@babel/helper-validator-identifier@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.15.tgz#601fa28e4cc06786c18912dca138cec73b882044"
+  integrity sha512-4E/F9IIEi8WR94324mbDUMo074YTheJmd7eZF5vITTeYchqAi6sYXRLHUVsmkdmY4QjfKTcB2jB7dVP3NaBElQ==
+
+"@babel/helper-validator-option@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz#694c30dfa1d09a6534cdfcafbe56789d36aba040"
+  integrity sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==
+
+"@babel/helper-wrap-function@^7.22.17":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.17.tgz#222ac3ff9cc8f9b617cc1e5db75c0b538e722801"
+  integrity sha512-nAhoheCMlrqU41tAojw9GpVEKDlTS8r3lzFmF0lP52LwblCPbuFSO7nGIZoIcoU5NIm1ABrna0cJExE4Ay6l2Q==
+  dependencies:
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/template" "^7.22.15"
+    "@babel/types" "^7.22.17"
+
+"@babel/helpers@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.15.tgz#f09c3df31e86e3ea0b7ff7556d85cdebd47ea6f1"
+  integrity sha512-7pAjK0aSdxOwR+CcYAqgWOGy5dcfvzsTIfFTb2odQqW47MDfv14UaJDY6eng8ylM2EaeKXdxaSWESbkmaQHTmw==
+  dependencies:
+    "@babel/template" "^7.22.15"
+    "@babel/traverse" "^7.22.15"
+    "@babel/types" "^7.22.15"
+
+"@babel/highlight@^7.22.13":
+  version "7.22.13"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.13.tgz#9cda839e5d3be9ca9e8c26b6dd69e7548f0cbf16"
+  integrity sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.22.5"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+
+"@babel/parser@^7.22.15", "@babel/parser@^7.22.16":
+  version "7.22.16"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.16.tgz#180aead7f247305cce6551bea2720934e2fa2c95"
+  integrity sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz#02dc8a03f613ed5fdc29fb2f728397c78146c962"
+  integrity sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz#2aeb91d337d4e1a1e7ce85b76a37f5301781200f"
+  integrity sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/plugin-transform-optional-chaining" "^7.22.15"
+
+"@babel/plugin-proposal-export-namespace-from@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.18.9.tgz#5f7313ab348cdb19d590145f9247540e94761203"
+  integrity sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
+"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
+  version "7.21.0-placeholder-for-preset-env.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703"
+  integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
+
+"@babel/plugin-syntax-async-generators@^7.8.4":
+  version "7.8.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
+  integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-class-properties@^7.12.13":
+  version "7.12.13"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
+  integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.12.13"
+
+"@babel/plugin-syntax-class-static-block@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz#195df89b146b4b78b3bf897fd7a257c84659d406"
+  integrity sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-dynamic-import@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
+  integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-export-namespace-from@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz#028964a9ba80dbc094c915c487ad7c4e7a66465a"
+  integrity sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.3"
+
+"@babel/plugin-syntax-import-assertions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz#07d252e2aa0bc6125567f742cd58619cb14dce98"
+  integrity sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-import-attributes@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz#ab840248d834410b829f569f5262b9e517555ecb"
+  integrity sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-import-meta@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
+  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-json-strings@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
+  integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-jsx@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz#a6b68e84fb76e759fc3b93e901876ffabbe1d918"
+  integrity sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
+  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
+  integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-numeric-separator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
+  integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-object-rest-spread@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
+  integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-catch-binding@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
+  integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-chaining@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
+  integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-private-property-in-object@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz#0dc6671ec0ea22b6e94a1114f857970cd39de1ad"
+  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-top-level-await@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
+  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-typescript@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz#aac8d383b062c5072c647a31ef990c1d0af90272"
+  integrity sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357"
+  integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/plugin-transform-arrow-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz#e5ba566d0c58a5b2ba2a8b795450641950b71958"
+  integrity sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-async-generator-functions@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.15.tgz#3b153af4a6b779f340d5b80d3f634f55820aefa3"
+  integrity sha512-jBm1Es25Y+tVoTi5rfd5t1KLmL8ogLKpXszboWOTTtGFGz2RKnQe2yn7HbZ+kb/B8N0FVSGQo874NSlOU1T4+w==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.9"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+
+"@babel/plugin-transform-async-to-generator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz#c7a85f44e46f8952f6d27fe57c2ed3cc084c3775"
+  integrity sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.5"
+
+"@babel/plugin-transform-block-scoped-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz#27978075bfaeb9fa586d3cb63a3d30c1de580024"
+  integrity sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-block-scoping@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.22.15.tgz#494eb82b87b5f8b1d8f6f28ea74078ec0a10a841"
+  integrity sha512-G1czpdJBZCtngoK1sJgloLiOHUnkb/bLZwqVZD8kXmq0ZnVfTTWUcs9OWtp0mBtYJ+4LQY1fllqBkOIPhXmFmw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-class-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz#97a56e31ad8c9dc06a0b3710ce7803d5a48cca77"
+  integrity sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-class-static-block@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz#dc8cc6e498f55692ac6b4b89e56d87cec766c974"
+  integrity sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.11"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+
+"@babel/plugin-transform-classes@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz#aaf4753aee262a232bbc95451b4bdf9599c65a0b"
+  integrity sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.9"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    globals "^11.1.0"
+
+"@babel/plugin-transform-computed-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz#cd1e994bf9f316bd1c2dafcd02063ec261bb3869"
+  integrity sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/template" "^7.22.5"
+
+"@babel/plugin-transform-destructuring@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.22.15.tgz#e7404ea5bb3387073b9754be654eecb578324694"
+  integrity sha512-HzG8sFl1ZVGTme74Nw+X01XsUTqERVQ6/RLHo3XjGRzm7XD6QTtfS3NJotVgCGy8BzkDqRjRBD8dAyJn5TuvSQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-dotall-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz#dbb4f0e45766eb544e193fb00e65a1dd3b2a4165"
+  integrity sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-duplicate-keys@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz#b6e6428d9416f5f0bba19c70d1e6e7e0b88ab285"
+  integrity sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-dynamic-import@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz#2c7722d2a5c01839eaf31518c6ff96d408e447aa"
+  integrity sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+
+"@babel/plugin-transform-exponentiation-operator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz#402432ad544a1f9a480da865fda26be653e48f6a"
+  integrity sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-export-namespace-from@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz#b3c84c8f19880b6c7440108f8929caf6056db26c"
+  integrity sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
+"@babel/plugin-transform-for-of@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz#f64b4ccc3a4f131a996388fae7680b472b306b29"
+  integrity sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-function-name@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz#935189af68b01898e0d6d99658db6b164205c143"
+  integrity sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-json-strings@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz#689a34e1eed1928a40954e37f74509f48af67835"
+  integrity sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+
+"@babel/plugin-transform-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz#e9341f4b5a167952576e23db8d435849b1dd7920"
+  integrity sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-logical-assignment-operators@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz#24c522a61688bde045b7d9bc3c2597a4d948fc9c"
+  integrity sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+
+"@babel/plugin-transform-member-expression-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz#4fcc9050eded981a468347dd374539ed3e058def"
+  integrity sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-modules-amd@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.22.5.tgz#4e045f55dcf98afd00f85691a68fc0780704f526"
+  integrity sha512-R+PTfLTcYEmb1+kK7FNkhQ1gP4KgjpSO6HfH9+f8/yfp2Nt3ggBjiVpRwmwTlfqZLafYKJACy36yDXlEmI9HjQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-modules-commonjs@^7.22.15", "@babel/plugin-transform-modules-commonjs@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.15.tgz#b11810117ed4ee7691b29bd29fd9f3f98276034f"
+  integrity sha512-jWL4eh90w0HQOTKP2MoXXUpVxilxsB2Vl4ji69rSjS3EcZ/v4sBmn+A3NpepuJzBhOaEBbR7udonlHHn5DWidg==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-simple-access" "^7.22.5"
+
+"@babel/plugin-transform-modules-systemjs@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.11.tgz#3386be5875d316493b517207e8f1931d93154bb1"
+  integrity sha512-rIqHmHoMEOhI3VkVf5jQ15l539KrwhzqcBO6wdCNWPWc/JWt9ILNYNUssbRpeq0qWns8svuw8LnMNCvWBIJ8wA==
+  dependencies:
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.22.9"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.5"
+
+"@babel/plugin-transform-modules-umd@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz#4694ae40a87b1745e3775b6a7fe96400315d4f98"
+  integrity sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-named-capturing-groups-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz#67fe18ee8ce02d57c855185e27e3dc959b2e991f"
+  integrity sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-new-target@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz#1b248acea54ce44ea06dfd37247ba089fcf9758d"
+  integrity sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-nullish-coalescing-operator@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz#debef6c8ba795f5ac67cd861a81b744c5d38d9fc"
+  integrity sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+
+"@babel/plugin-transform-numeric-separator@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz#498d77dc45a6c6db74bb829c02a01c1d719cbfbd"
+  integrity sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+
+"@babel/plugin-transform-object-rest-spread@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz#21a95db166be59b91cde48775310c0df6e1da56f"
+  integrity sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==
+  dependencies:
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-transform-parameters" "^7.22.15"
+
+"@babel/plugin-transform-object-super@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz#794a8d2fcb5d0835af722173c1a9d704f44e218c"
+  integrity sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.5"
+
+"@babel/plugin-transform-optional-catch-binding@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz#461cc4f578a127bb055527b3e77404cad38c08e0"
+  integrity sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+
+"@babel/plugin-transform-optional-chaining@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.15.tgz#d7a5996c2f7ca4ad2ad16dbb74444e5c4385b1ba"
+  integrity sha512-ngQ2tBhq5vvSJw2Q2Z9i7ealNkpDMU0rGWnHPKqRZO0tzZ5tlaoz4hDvhXioOoaE0X2vfNss1djwg0DXlfu30A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+
+"@babel/plugin-transform-parameters@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz#719ca82a01d177af358df64a514d64c2e3edb114"
+  integrity sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-private-methods@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz#21c8af791f76674420a147ae62e9935d790f8722"
+  integrity sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-private-property-in-object@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz#ad45c4fc440e9cb84c718ed0906d96cf40f9a4e1"
+  integrity sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.11"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+
+"@babel/plugin-transform-property-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz#b5ddabd73a4f7f26cd0e20f5db48290b88732766"
+  integrity sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-regenerator@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz#8ceef3bd7375c4db7652878b0241b2be5d0c3cca"
+  integrity sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    regenerator-transform "^0.15.2"
+
+"@babel/plugin-transform-reserved-words@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz#832cd35b81c287c4bcd09ce03e22199641f964fb"
+  integrity sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-runtime@^7.22.9":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.22.15.tgz#3a625c4c05a39e932d7d34f5d4895cdd0172fdc9"
+  integrity sha512-tEVLhk8NRZSmwQ0DJtxxhTrCht1HVo8VaMzYT4w6lwyKBuHsgoioAUA7/6eT2fRfc5/23fuGdlwIxXhRVgWr4g==
+  dependencies:
+    "@babel/helper-module-imports" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    babel-plugin-polyfill-corejs2 "^0.4.5"
+    babel-plugin-polyfill-corejs3 "^0.8.3"
+    babel-plugin-polyfill-regenerator "^0.5.2"
+    semver "^6.3.1"
+
+"@babel/plugin-transform-shorthand-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz#6e277654be82b5559fc4b9f58088507c24f0c624"
+  integrity sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-spread@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz#6487fd29f229c95e284ba6c98d65eafb893fea6b"
+  integrity sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+
+"@babel/plugin-transform-sticky-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz#295aba1595bfc8197abd02eae5fc288c0deb26aa"
+  integrity sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-template-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz#8f38cf291e5f7a8e60e9f733193f0bcc10909bff"
+  integrity sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-typeof-symbol@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz#5e2ba478da4b603af8673ff7c54f75a97b716b34"
+  integrity sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-typescript@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz#15adef906451d86349eb4b8764865c960eb54127"
+  integrity sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-typescript" "^7.22.5"
+
+"@babel/plugin-transform-unicode-escapes@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz#c723f380f40a2b2f57a62df24c9005834c8616d9"
+  integrity sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-property-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz#098898f74d5c1e86660dc112057b2d11227f1c81"
+  integrity sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz#ce7e7bb3ef208c4ff67e02a22816656256d7a183"
+  integrity sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-sets-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz#77788060e511b708ffc7d42fdfbc5b37c3004e91"
+  integrity sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/preset-env@^7.22.9":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.22.15.tgz#142716f8e00bc030dae5b2ac6a46fbd8b3e18ff8"
+  integrity sha512-tZFHr54GBkHk6hQuVA8w4Fmq+MSPsfvMG0vPnOYyTnJpyfMqybL8/MbNCPRT9zc2KBO2pe4tq15g6Uno4Jpoag==
+  dependencies:
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.15"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.22.15"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.22.15"
+    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-class-properties" "^7.12.13"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/plugin-syntax-import-assertions" "^7.22.5"
+    "@babel/plugin-syntax-import-attributes" "^7.22.5"
+    "@babel/plugin-syntax-import-meta" "^7.10.4"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+    "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
+    "@babel/plugin-transform-arrow-functions" "^7.22.5"
+    "@babel/plugin-transform-async-generator-functions" "^7.22.15"
+    "@babel/plugin-transform-async-to-generator" "^7.22.5"
+    "@babel/plugin-transform-block-scoped-functions" "^7.22.5"
+    "@babel/plugin-transform-block-scoping" "^7.22.15"
+    "@babel/plugin-transform-class-properties" "^7.22.5"
+    "@babel/plugin-transform-class-static-block" "^7.22.11"
+    "@babel/plugin-transform-classes" "^7.22.15"
+    "@babel/plugin-transform-computed-properties" "^7.22.5"
+    "@babel/plugin-transform-destructuring" "^7.22.15"
+    "@babel/plugin-transform-dotall-regex" "^7.22.5"
+    "@babel/plugin-transform-duplicate-keys" "^7.22.5"
+    "@babel/plugin-transform-dynamic-import" "^7.22.11"
+    "@babel/plugin-transform-exponentiation-operator" "^7.22.5"
+    "@babel/plugin-transform-export-namespace-from" "^7.22.11"
+    "@babel/plugin-transform-for-of" "^7.22.15"
+    "@babel/plugin-transform-function-name" "^7.22.5"
+    "@babel/plugin-transform-json-strings" "^7.22.11"
+    "@babel/plugin-transform-literals" "^7.22.5"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.22.11"
+    "@babel/plugin-transform-member-expression-literals" "^7.22.5"
+    "@babel/plugin-transform-modules-amd" "^7.22.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.15"
+    "@babel/plugin-transform-modules-systemjs" "^7.22.11"
+    "@babel/plugin-transform-modules-umd" "^7.22.5"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
+    "@babel/plugin-transform-new-target" "^7.22.5"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.11"
+    "@babel/plugin-transform-numeric-separator" "^7.22.11"
+    "@babel/plugin-transform-object-rest-spread" "^7.22.15"
+    "@babel/plugin-transform-object-super" "^7.22.5"
+    "@babel/plugin-transform-optional-catch-binding" "^7.22.11"
+    "@babel/plugin-transform-optional-chaining" "^7.22.15"
+    "@babel/plugin-transform-parameters" "^7.22.15"
+    "@babel/plugin-transform-private-methods" "^7.22.5"
+    "@babel/plugin-transform-private-property-in-object" "^7.22.11"
+    "@babel/plugin-transform-property-literals" "^7.22.5"
+    "@babel/plugin-transform-regenerator" "^7.22.10"
+    "@babel/plugin-transform-reserved-words" "^7.22.5"
+    "@babel/plugin-transform-shorthand-properties" "^7.22.5"
+    "@babel/plugin-transform-spread" "^7.22.5"
+    "@babel/plugin-transform-sticky-regex" "^7.22.5"
+    "@babel/plugin-transform-template-literals" "^7.22.5"
+    "@babel/plugin-transform-typeof-symbol" "^7.22.5"
+    "@babel/plugin-transform-unicode-escapes" "^7.22.10"
+    "@babel/plugin-transform-unicode-property-regex" "^7.22.5"
+    "@babel/plugin-transform-unicode-regex" "^7.22.5"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.22.5"
+    "@babel/preset-modules" "0.1.6-no-external-plugins"
+    "@babel/types" "^7.22.15"
+    babel-plugin-polyfill-corejs2 "^0.4.5"
+    babel-plugin-polyfill-corejs3 "^0.8.3"
+    babel-plugin-polyfill-regenerator "^0.5.2"
+    core-js-compat "^3.31.0"
+    semver "^6.3.1"
+
+"@babel/preset-modules@0.1.6-no-external-plugins":
+  version "0.1.6-no-external-plugins"
+  resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a"
+  integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/types" "^7.4.4"
+    esutils "^2.0.2"
+
+"@babel/preset-typescript@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.22.15.tgz#43db30516fae1d417d748105a0bc95f637239d48"
+  integrity sha512-HblhNmh6yM+cU4VwbBRpxFhxsTdfS1zsvH9W+gEjD0ARV9+8B4sNfpI6GuhePti84nuvhiwKS539jKPFHskA9A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.15"
+    "@babel/plugin-syntax-jsx" "^7.22.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.15"
+    "@babel/plugin-transform-typescript" "^7.22.15"
+
+"@babel/regjsgen@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
+  integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
+
+"@babel/runtime@^7.12.5", "@babel/runtime@^7.18.3", "@babel/runtime@^7.22.15", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.15.tgz#38f46494ccf6cf020bd4eed7124b425e83e523b8"
+  integrity sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@babel/template@^7.22.15", "@babel/template@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.15.tgz#09576efc3830f0430f4548ef971dde1350ef2f38"
+  integrity sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==
+  dependencies:
+    "@babel/code-frame" "^7.22.13"
+    "@babel/parser" "^7.22.15"
+    "@babel/types" "^7.22.15"
+
+"@babel/traverse@^7.22.15", "@babel/traverse@^7.22.17", "@babel/traverse@^7.22.8":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.17.tgz#b23c203ab3707e3be816043081b4a994fcacec44"
+  integrity sha512-xK4Uwm0JnAMvxYZxOVecss85WxTEIbTa7bnGyf/+EgCL5Zt3U7htUpEOWv9detPlamGKuRzCqw74xVglDWpPdg==
+  dependencies:
+    "@babel/code-frame" "^7.22.13"
+    "@babel/generator" "^7.22.15"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/parser" "^7.22.16"
+    "@babel/types" "^7.22.17"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
+"@babel/types@^7.22.15", "@babel/types@^7.22.17", "@babel/types@^7.22.5", "@babel/types@^7.4.4":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.17.tgz#f753352c4610ffddf9c8bc6823f9ff03e2303eee"
+  integrity sha512-YSQPHLFtQNE5xN9tHuZnzu8vPr61wVTBZdfv1meex1NBosa4iT05k/Jw06ddJugi4bk7The/oSwQGFcksmEJQg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.15"
+    to-fast-properties "^2.0.0"
+
+"@emotion/babel-plugin@^11.11.0":
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz#c2d872b6a7767a9d176d007f5b31f7d504bb5d6c"
+  integrity sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/runtime" "^7.18.3"
+    "@emotion/hash" "^0.9.1"
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/serialize" "^1.1.2"
+    babel-plugin-macros "^3.1.0"
+    convert-source-map "^1.5.0"
+    escape-string-regexp "^4.0.0"
+    find-root "^1.1.0"
+    source-map "^0.5.7"
+    stylis "4.2.0"
+
+"@emotion/cache@^11.11.0":
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.11.0.tgz#809b33ee6b1cb1a625fef7a45bc568ccd9b8f3ff"
+  integrity sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==
+  dependencies:
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/sheet" "^1.2.2"
+    "@emotion/utils" "^1.2.1"
+    "@emotion/weak-memoize" "^0.3.1"
+    stylis "4.2.0"
+
+"@emotion/css@^11.11.2":
+  version "11.11.2"
+  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-11.11.2.tgz#e5fa081d0c6e335352e1bc2b05953b61832dca5a"
+  integrity sha512-VJxe1ucoMYMS7DkiMdC2T7PWNbrEI0a39YRiyDvK2qq4lXwjRbVP/z4lpG+odCsRzadlR+1ywwrTzhdm5HNdew==
+  dependencies:
+    "@emotion/babel-plugin" "^11.11.0"
+    "@emotion/cache" "^11.11.0"
+    "@emotion/serialize" "^1.1.2"
+    "@emotion/sheet" "^1.2.2"
+    "@emotion/utils" "^1.2.1"
+
+"@emotion/hash@^0.9.1":
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.1.tgz#4ffb0055f7ef676ebc3a5a91fb621393294e2f43"
+  integrity sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==
+
+"@emotion/memoize@^0.8.1":
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.1.tgz#c1ddb040429c6d21d38cc945fe75c818cfb68e17"
+  integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
+
+"@emotion/serialize@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.2.tgz#017a6e4c9b8a803bd576ff3d52a0ea6fa5a62b51"
+  integrity sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==
+  dependencies:
+    "@emotion/hash" "^0.9.1"
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/unitless" "^0.8.1"
+    "@emotion/utils" "^1.2.1"
+    csstype "^3.0.2"
+
+"@emotion/sheet@^1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.2.tgz#d58e788ee27267a14342303e1abb3d508b6d0fec"
+  integrity sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==
+
+"@emotion/unitless@^0.8.1":
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3"
+  integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
+
+"@emotion/utils@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.2.1.tgz#bbab58465738d31ae4cb3dbb6fc00a5991f755e4"
+  integrity sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==
+
+"@emotion/weak-memoize@^0.3.1":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz#d0fce5d07b0620caa282b5131c297bb60f9d87e6"
+  integrity sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==
+
+"@floating-ui/core@^1.4.1":
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.4.1.tgz#0d633f4b76052668afb932492ac452f7ebe97f17"
+  integrity sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==
+  dependencies:
+    "@floating-ui/utils" "^0.1.1"
+
+"@floating-ui/dom@^1.5.1":
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.5.2.tgz#6812e89d1d4d4ea32f10d15c3b81feb7f9836d89"
+  integrity sha512-6ArmenS6qJEWmwzczWyhvrXRdI/rI78poBcW0h/456+onlabit+2G+QxHx5xTOX60NBJQXjsCLFbW2CmsXpUog==
+  dependencies:
+    "@floating-ui/core" "^1.4.1"
+    "@floating-ui/utils" "^0.1.1"
+
+"@floating-ui/react-dom@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.0.2.tgz#fab244d64db08e6bed7be4b5fcce65315ef44d20"
+  integrity sha512-5qhlDvjaLmAst/rKb3VdlCinwTF4EYMiVxuuc/HVUjs46W0zgtbMmAZ1UTsDrRTxRmUEzl92mOtWbeeXL26lSQ==
+  dependencies:
+    "@floating-ui/dom" "^1.5.1"
+
+"@floating-ui/utils@^0.1.1":
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.1.2.tgz#b7e9309ccce5a0a40ac482cb894f120dba2b357f"
+  integrity sha512-ou3elfqG/hZsbmF4bxeJhPHIf3G2pm0ujc39hYEZrfVqt7Vk/Zji6CXc3W0pmYM8BW1g40U+akTl9DKZhFhInQ==
+
+"@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2":
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz#7e02e6eb5df901aaedb08514203b096614024098"
+  integrity sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==
+  dependencies:
+    "@jridgewell/set-array" "^1.0.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz#c08679063f279615a3326583ba3a90d1d82cc721"
+  integrity sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==
+
+"@jridgewell/set-array@^1.0.1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
+  integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
+
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
+  version "1.4.15"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
+  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+
+"@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.19"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz#f8a3249862f91be48d3127c3cfe992f79b4b8811"
+  integrity sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@linaria/babel-preset@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@linaria/babel-preset/-/babel-preset-4.5.4.tgz#2b449cd518c9bb3b26a934ea98f5288fb9d5d675"
+  integrity sha512-AbOTqCb7XbQGAUNQkt8YxysXsek3qTEfXwj46bYLyFu/ADZ+ypmAUcmNJRJSjI0qAoS+ZFuK2dEpuwFVYeiveQ==
+  dependencies:
+    "@babel/core" "^7.22.9"
+    "@babel/generator" "^7.22.9"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.8"
+    "@babel/types" "^7.22.5"
+    "@linaria/core" "^4.5.4"
+    "@linaria/logger" "^4.5.0"
+    "@linaria/shaker" "^4.5.3"
+    "@linaria/tags" "^4.5.4"
+    "@linaria/utils" "^4.5.3"
+    cosmiconfig "^8.0.0"
+    source-map "^0.7.3"
+    stylis "^3.5.4"
+
+"@linaria/core@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@linaria/core/-/core-4.5.4.tgz#1bc989199e786da9cf21b0d26e1213687f886c96"
+  integrity sha512-vMs/5iU0stxjfbBCxobIgY+wSQx4G8ukNwrhjPVD+6bF9QrTwi5rl0mKaCMxaGMjnfsLRiiM3i+hnWLIEYLdSg==
+  dependencies:
+    "@linaria/logger" "^4.5.0"
+    "@linaria/tags" "^4.5.4"
+    "@linaria/utils" "^4.5.3"
+
+"@linaria/logger@^4.5.0":
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/@linaria/logger/-/logger-4.5.0.tgz#e5de815ffe7806822f47a559a512b98f66acea13"
+  integrity sha512-XdQLk242Cpcsc9a3Cz1ktOE5ysTo2TpxdeFQEPwMm8Z/+F/S6ZxBDdHYJL09srXWz3hkJr3oS2FPuMZNH1HIxw==
+  dependencies:
+    debug "^4.1.1"
+    picocolors "^1.0.0"
+
+"@linaria/shaker@^4.5.3":
+  version "4.5.3"
+  resolved "https://registry.yarnpkg.com/@linaria/shaker/-/shaker-4.5.3.tgz#0f6b588f61f2f3d425287a939256acbb64269a95"
+  integrity sha512-UeNw8HtY43pm+D0B+kq8BrW9GsRxm11zT7Lq3Qry8sX2mapvFqXaQ7VpTFHWEdkcbv7JOxBAMial2fu+ce/zqA==
+  dependencies:
+    "@babel/core" "^7.22.9"
+    "@babel/generator" "^7.22.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
+    "@babel/plugin-transform-runtime" "^7.22.9"
+    "@babel/plugin-transform-template-literals" "^7.22.5"
+    "@babel/preset-env" "^7.22.9"
+    "@linaria/logger" "^4.5.0"
+    "@linaria/utils" "^4.5.3"
+    babel-plugin-transform-react-remove-prop-types "^0.4.24"
+    ts-invariant "^0.10.3"
+
+"@linaria/tags@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@linaria/tags/-/tags-4.5.4.tgz#071ab024227433f783ea2d948904fc164731a912"
+  integrity sha512-HPxLB6HlJWLi6o8+8lTLegOmDnbMbuzEE+zzunaPZEGSoIIYx8HAv5VbY/sG/zNyxDElk6laiAwEVWN8h5/zxg==
+  dependencies:
+    "@babel/generator" "^7.22.9"
+    "@linaria/logger" "^4.5.0"
+    "@linaria/utils" "^4.5.3"
+
+"@linaria/utils@^4.5.3":
+  version "4.5.3"
+  resolved "https://registry.yarnpkg.com/@linaria/utils/-/utils-4.5.3.tgz#cf54f4096927ea347d01e814c1fb7aca7cf4063a"
+  integrity sha512-tSpxA3Zn0DKJ2n/YBnYAgiDY+MNvkmzAHrD8R9PKrpGaZ+wz1jQEmE1vGn1cqh8dJyWK0NzPAA8sf1cqa+RmAg==
+  dependencies:
+    "@babel/core" "^7.22.9"
+    "@babel/generator" "^7.22.9"
+    "@babel/plugin-proposal-export-namespace-from" "^7.18.9"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.8"
+    "@babel/types" "^7.22.5"
+    "@linaria/logger" "^4.5.0"
+    babel-merge "^3.0.0"
+    find-up "^5.0.0"
+    minimatch "^9.0.3"
+
+"@mui/base@5.0.0-beta.15", "@mui/base@file:../../packages/mui-base/build":
+  version "5.0.0-beta.15"
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    "@floating-ui/react-dom" "^2.0.2"
+    "@mui/types" "^7.2.4"
+    "@mui/utils" "^5.14.9"
+    "@popperjs/core" "^2.11.8"
+    clsx "^2.0.0"
+    prop-types "^15.8.1"
+
+"@mui/core-downloads-tracker@^5.14.9":
+  version "5.14.9"
+  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.9.tgz#97a4e2decce1583983b4a0cded8bcb2be1b1cb31"
+  integrity sha512-JAU/R5hM3l2zP1Q4KnioDRhq5V3vZ4mmjEZ+TwARDb2xFhg3p59McacQuzkSu0sUHJnH9aJos36+hU5sPQBcFQ==
+
+"@mui/material@file:../../packages/mui-material/build":
+  version "5.14.9"
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    "@mui/base" "5.0.0-beta.15"
+    "@mui/core-downloads-tracker" "^5.14.9"
+    "@mui/system" "^5.14.9"
+    "@mui/types" "^7.2.4"
+    "@mui/utils" "^5.14.9"
+    "@types/react-transition-group" "^4.4.6"
+    clsx "^2.0.0"
+    csstype "^3.1.2"
+    prop-types "^15.8.1"
+    react-is "^18.2.0"
+    react-transition-group "^4.4.5"
+
+"@mui/private-theming@^5.14.9":
+  version "5.14.9"
+  resolved "https://registry.yarnpkg.com/@mui/private-theming/-/private-theming-5.14.9.tgz#085041c44cc28c25f3431a293339922ec3d9b5f8"
+  integrity sha512-0PzoUFqFXTXiNchhR7K4b7kZunasPOjx6Qf7AagCmfZDNASHedA0x6evHVhnST918x/AHY9xykYNKfB0Z4xMBg==
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    "@mui/utils" "^5.14.9"
+    prop-types "^15.8.1"
+
+"@mui/styled-engine@^5.14.9":
+  version "5.14.9"
+  resolved "https://registry.yarnpkg.com/@mui/styled-engine/-/styled-engine-5.14.9.tgz#bc2121db1399bb84ea5390b40beac742b6be7023"
+  integrity sha512-LEQxLrW9oWvea33pge08+oyNeTz704jb6Nhe26xEJKojXWd34Rr327Zzx3dmo70AcS4h0b99vQjEpUzm6ASqUw==
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    "@emotion/cache" "^11.11.0"
+    csstype "^3.1.2"
+    prop-types "^15.8.1"
+    react "^18.2.0"
+
+"@mui/system@^5.14.9":
+  version "5.14.9"
+  resolved "https://registry.yarnpkg.com/@mui/system/-/system-5.14.9.tgz#90a20473a85622ddabf5a2409de1980fad98f38d"
+  integrity sha512-Z00Wj590QXk5+SIxmxayBo7SWrao+y433LKGChneJxO4QcT/caSCeEWtyeoLs1Q8ys0zOzl2kkKee6n8TaKzhQ==
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    "@mui/private-theming" "^5.14.9"
+    "@mui/styled-engine" "^5.14.9"
+    "@mui/types" "^7.2.4"
+    "@mui/utils" "^5.14.9"
+    clsx "^2.0.0"
+    csstype "^3.1.2"
+    prop-types "^15.8.1"
+
+"@mui/types@^7.2.4":
+  version "7.2.4"
+  resolved "https://registry.yarnpkg.com/@mui/types/-/types-7.2.4.tgz#b6fade19323b754c5c6de679a38f068fd50b9328"
+  integrity sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==
+
+"@mui/utils@^5.14.9":
+  version "5.14.9"
+  resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-5.14.9.tgz#eeefef88dbee687ac90e8972c63f0d41f19348a3"
+  integrity sha512-9ysB5e+RwS7ofn0n3nwAg1/3c81vBTmSvauD3EuK9LmqMzhmF//BFDaC44U4yITvB/0m1kWyDqg924Ll3VHCcg==
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    prop-types "^15.8.1"
+    react-is "^18.2.0"
+
+"@mui/utils@file:../../packages/mui-utils/build":
+  version "5.14.9"
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    prop-types "^15.8.1"
+    react-is "^18.2.0"
+
+"@mui/zero-next-plugin@file:../../packages/zero-next-plugin/build":
+  version "0.0.1-alpha.3"
+  dependencies:
+    "@babel/core" "^7.22.17"
+    "@babel/plugin-syntax-jsx" "^7.22.5"
+    "@babel/preset-typescript" "^7.22.15"
+    "@linaria/babel-preset" "^4.5.4"
+    "@mui/zero-tag-processor" "0.0.1-alpha.3"
+    file-system-cache "2.0.2"
+
+"@mui/zero-runtime@file:../../packages/zero-runtime/build":
+  version "0.0.1-alpha.3"
+  dependencies:
+    clsx "^2.0.0"
+
+"@mui/zero-tag-processor@0.0.1-alpha.3", "@mui/zero-tag-processor@file:../../packages/zero-tag-processor/build":
+  version "0.0.1-alpha.3"
+  dependencies:
+    "@babel/core" "^7.22.17"
+    "@babel/helper-module-imports" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/parser" "^7.22.16"
+    "@babel/types" "^7.22.17"
+    "@emotion/css" "^11.11.2"
+    "@linaria/tags" "^4.5.4"
+    "@linaria/utils" "^4.5.3"
+    "@mui/system" "^5.14.9"
+    lodash.get "^4.4.2"
+
+"@next/env@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/env/-/env-13.4.19.tgz#46905b4e6f62da825b040343cbc233144e9578d3"
+  integrity sha512-FsAT5x0jF2kkhNkKkukhsyYOrRqtSxrEhfliniIq0bwWbuXLgyt3Gv0Ml+b91XwjwArmuP7NxCiGd++GGKdNMQ==
+
+"@next/swc-darwin-arm64@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.19.tgz#77ad462b5ced4efdc26cb5a0053968d2c7dac1b6"
+  integrity sha512-vv1qrjXeGbuF2mOkhkdxMDtv9np7W4mcBtaDnHU+yJG+bBwa6rYsYSCI/9Xm5+TuF5SbZbrWO6G1NfTh1TMjvQ==
+
+"@next/swc-darwin-x64@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.19.tgz#aebe38713a4ce536ee5f2a291673e14b715e633a"
+  integrity sha512-jyzO6wwYhx6F+7gD8ddZfuqO4TtpJdw3wyOduR4fxTUCm3aLw7YmHGYNjS0xRSYGAkLpBkH1E0RcelyId6lNsw==
+
+"@next/swc-linux-arm64-gnu@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.19.tgz#ec54db65b587939c7b94f9a84800f003a380f5a6"
+  integrity sha512-vdlnIlaAEh6H+G6HrKZB9c2zJKnpPVKnA6LBwjwT2BTjxI7e0Hx30+FoWCgi50e+YO49p6oPOtesP9mXDRiiUg==
+
+"@next/swc-linux-arm64-musl@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.19.tgz#1f5e2c1ea6941e7d530d9f185d5d64be04279d86"
+  integrity sha512-aU0HkH2XPgxqrbNRBFb3si9Ahu/CpaR5RPmN2s9GiM9qJCiBBlZtRTiEca+DC+xRPyCThTtWYgxjWHgU7ZkyvA==
+
+"@next/swc-linux-x64-gnu@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.19.tgz#96b0882492a2f7ffcce747846d3680730f69f4d1"
+  integrity sha512-htwOEagMa/CXNykFFeAHHvMJeqZfNQEoQvHfsA4wgg5QqGNqD5soeCer4oGlCol6NGUxknrQO6VEustcv+Md+g==
+
+"@next/swc-linux-x64-musl@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.19.tgz#f276b618afa321d2f7b17c81fc83f429fb0fd9d8"
+  integrity sha512-4Gj4vvtbK1JH8ApWTT214b3GwUh9EKKQjY41hH/t+u55Knxi/0wesMzwQRhppK6Ddalhu0TEttbiJ+wRcoEj5Q==
+
+"@next/swc-win32-arm64-msvc@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.19.tgz#1599ae0d401da5ffca0947823dac577697cce577"
+  integrity sha512-bUfDevQK4NsIAHXs3/JNgnvEY+LRyneDN788W2NYiRIIzmILjba7LaQTfihuFawZDhRtkYCv3JDC3B4TwnmRJw==
+
+"@next/swc-win32-ia32-msvc@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.19.tgz#55cdd7da90818f03e4da16d976f0cb22045d16fd"
+  integrity sha512-Y5kikILFAr81LYIFaw6j/NrOtmiM4Sf3GtOc0pn50ez2GCkr+oejYuKGcwAwq3jiTKuzF6OF4iT2INPoxRycEA==
+
+"@next/swc-win32-x64-msvc@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.19.tgz#648f79c4e09279212ac90d871646ae12d80cdfce"
+  integrity sha512-YzA78jBDXMYiINdPdJJwGgPNT3YqBNNGhsthsDoWHL9p24tEJn9ViQf/ZqTbwSpX/RrkPupLfuuTH2sf73JBAw==
+
+"@popperjs/core@^2.11.8":
+  version "2.11.8"
+  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
+  integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
+
+"@swc/helpers@0.5.1":
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.1.tgz#e9031491aa3f26bfcc974a67f48bd456c8a5357a"
+  integrity sha512-sJ902EfIzn1Fa+qYmjdQqh8tPsoxyBz+8yBKC2HKUxyezKJFwPGOn7pv4WY6QuQW//ySQi5lJjA/ZT9sNWWNTg==
+  dependencies:
+    tslib "^2.4.0"
+
+"@types/node@20.5.7":
+  version "20.5.7"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.5.7.tgz#4b8ecac87fbefbc92f431d09c30e176fc0a7c377"
+  integrity sha512-dP7f3LdZIysZnmvP3ANJYTSwg+wLLl8p7RqniVlV7j+oXSXAbt9h0WIBFmJy5inWZoX9wZN6eXx+YXd9Rh3RBA==
+
+"@types/parse-json@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
+  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
+
+"@types/prop-types@*":
+  version "15.7.5"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
+  integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
+
+"@types/react-dom@18.2.7":
+  version "18.2.7"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.7.tgz#67222a08c0a6ae0a0da33c3532348277c70abb63"
+  integrity sha512-GRaAEriuT4zp9N4p1i8BDBYmEyfo+xQ3yHjJU4eiK5NDa1RmUZG+unZABUTK4/Ox/M+GaHwb6Ow8rUITrtjszA==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-transition-group@^4.4.6":
+  version "4.4.6"
+  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.6.tgz#18187bcda5281f8e10dfc48f0943e2fdf4f75e2e"
+  integrity sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react@*", "@types/react@18.2.21":
+  version "18.2.21"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.21.tgz#774c37fd01b522d0b91aed04811b58e4e0514ed9"
+  integrity sha512-neFKG/sBAwGxHgXiIxnbm3/AAVQ/cMRS93hvBpg8xYRbeQSPVABp9U2bRnPf0iI4+Ucdv3plSxKK+3CW2ENJxA==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
+"@types/scheduler@*":
+  version "0.16.3"
+  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.3.tgz#cef09e3ec9af1d63d2a6cc5b383a737e24e6dcf5"
+  integrity sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==
+
+ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+  dependencies:
+    color-convert "^1.9.0"
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+babel-merge@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/babel-merge/-/babel-merge-3.0.0.tgz#9bd368d48116dab18b8f3e8022835479d80f3b50"
+  integrity sha512-eBOBtHnzt9xvnjpYNI5HmaPp/b2vMveE5XggzqHnQeHJ8mFIBrBv6WZEVIj5jJ2uwTItkqKo9gWzEEcBxEq0yw==
+  dependencies:
+    deepmerge "^2.2.1"
+    object.omit "^3.0.0"
+
+babel-plugin-macros@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
+  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    cosmiconfig "^7.0.0"
+    resolve "^1.19.0"
+
+babel-plugin-polyfill-corejs2@^0.4.5:
+  version "0.4.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz#8097b4cb4af5b64a1d11332b6fb72ef5e64a054c"
+  integrity sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==
+  dependencies:
+    "@babel/compat-data" "^7.22.6"
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+    semver "^6.3.1"
+
+babel-plugin-polyfill-corejs3@^0.8.3:
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.3.tgz#b4f719d0ad9bb8e0c23e3e630c0c8ec6dd7a1c52"
+  integrity sha512-z41XaniZL26WLrvjy7soabMXrfPWARN25PZoriDEiLMxAp50AUW3t35BGQUMg5xK3UrpVTtagIDklxYa+MhiNA==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+    core-js-compat "^3.31.0"
+
+babel-plugin-polyfill-regenerator@^0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz#80d0f3e1098c080c8b5a65f41e9427af692dc326"
+  integrity sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+
+babel-plugin-transform-react-remove-prop-types@^0.4.24:
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz#f2edaf9b4c6a5fbe5c1d678bfb531078c1555f3a"
+  integrity sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA==
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+browserslist@^4.21.10, browserslist@^4.21.9:
+  version "4.21.10"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.10.tgz#dbbac576628c13d3b2231332cb2ec5a46e015bb0"
+  integrity sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==
+  dependencies:
+    caniuse-lite "^1.0.30001517"
+    electron-to-chromium "^1.4.477"
+    node-releases "^2.0.13"
+    update-browserslist-db "^1.0.11"
+
+busboy@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/busboy/-/busboy-1.6.0.tgz#966ea36a9502e43cdb9146962523b92f531f6893"
+  integrity sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==
+  dependencies:
+    streamsearch "^1.1.0"
+
+callsites@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
+  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
+
+caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001517:
+  version "1.0.30001534"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001534.tgz#f24a9b2a6d39630bac5c132b5dff89b39a12e7dd"
+  integrity sha512-vlPVrhsCS7XaSh2VvWluIQEzVhefrUQcEsQWSS5A5V+dM07uv1qHeQzAOTGIMy9i3e9bH15+muvI/UHojVgS/Q==
+
+chalk@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+client-only@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"
+  integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
+
+clsx@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.0.0.tgz#12658f3fd98fafe62075595a5c30e43d18f3d00b"
+  integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==
+
+color-convert@^1.9.0:
+  version "1.9.3"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+  dependencies:
+    color-name "1.1.3"
+
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
+convert-source-map@^1.5.0, convert-source-map@^1.7.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+
+core-js-compat@^3.31.0:
+  version "3.32.2"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.32.2.tgz#8047d1a8b3ac4e639f0d4f66d4431aa3b16e004c"
+  integrity sha512-+GjlguTDINOijtVRUxrQOv3kfu9rl+qPNdX2LTbJ/ZyVTuxK+ksVSAGX1nHstu4hrv1En/uPTtWgq2gI5wt4AQ==
+  dependencies:
+    browserslist "^4.21.10"
+
+cosmiconfig@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
+cosmiconfig@^8.0.0:
+  version "8.3.6"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-8.3.6.tgz#060a2b871d66dba6c8538ea1118ba1ac16f5fae3"
+  integrity sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==
+  dependencies:
+    import-fresh "^3.3.0"
+    js-yaml "^4.1.0"
+    parse-json "^5.2.0"
+    path-type "^4.0.0"
+
+csstype@^3.0.2, csstype@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b"
+  integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
+
+debug@^4.1.0, debug@^4.1.1:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
+  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
+  dependencies:
+    ms "2.1.2"
+
+deepmerge@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-2.2.1.tgz#5d3ff22a01c00f645405a2fbc17d0778a1801170"
+  integrity sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==
+
+dom-helpers@^5.0.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
+  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
+  dependencies:
+    "@babel/runtime" "^7.8.7"
+    csstype "^3.0.2"
+
+electron-to-chromium@^1.4.477:
+  version "1.4.520"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.520.tgz#c19c25a10d87bd88a9aae2b76cae9235a50c2994"
+  integrity sha512-Frfus2VpYADsrh1lB3v/ft/WVFlVzOIm+Q0p7U7VqHI6qr7NWHYKe+Wif3W50n7JAFoBsWVsoU0+qDks6WQ60g==
+
+error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
+  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
+  dependencies:
+    is-arrayish "^0.2.1"
+
+escalade@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
+  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
+
+escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
+file-system-cache@2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/file-system-cache/-/file-system-cache-2.0.2.tgz#6b51d58c5786302146fa883529e0d7f88896e948"
+  integrity sha512-lp4BHO4CWqvRyx88Tt3quZic9ZMf4cJyquYq7UI8sH42Bm2ArlBBjKQAalZOo+UfaBassb7X123Lik5qZ/tSAA==
+  dependencies:
+    fs-extra "^11.1.0"
+    ramda "^0.28.0"
+
+find-root@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
+  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+fs-extra@^11.1.0:
+  version "11.1.1"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.1.1.tgz#da69f7c39f3b002378b0954bb6ae7efdc0876e2d"
+  integrity sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+
+gensync@^1.0.0-beta.2:
+  version "1.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
+  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+
+globals@^11.1.0:
+  version "11.12.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
+  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
+
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+
+has@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
+  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+  dependencies:
+    function-bind "^1.1.1"
+
+import-fresh@^3.2.1, import-fresh@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
+  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
+
+is-core-module@^2.13.0:
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.0.tgz#bb52aa6e2cbd49a30c2ba68c42bf3435ba6072db"
+  integrity sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==
+  dependencies:
+    has "^1.0.3"
+
+is-extendable@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4"
+  integrity sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==
+  dependencies:
+    is-plain-object "^2.0.4"
+
+is-plain-object@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
+  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
+  dependencies:
+    isobject "^3.0.1"
+
+isobject@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
+  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
+
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
+
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+jsesc@^2.5.1:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
+  integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
+
+jsesc@~0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
+  integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
+
+json-parse-even-better-errors@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+json5@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+jsonfile@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+lines-and-columns@^1.1.6:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
+  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+  integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
+
+lodash.get@^4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/lodash.get/-/lodash.get-4.4.2.tgz#2d177f652fa31e939b4438d5341499dfa3825e99"
+  integrity sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==
+
+loose-envify@^1.1.0, loose-envify@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
+lru-cache@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
+  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
+  dependencies:
+    yallist "^3.0.2"
+
+minimatch@^9.0.3:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+nanoid@^3.3.4:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
+  integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
+
+next@13.4.19:
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/next/-/next-13.4.19.tgz#2326e02aeedee2c693d4f37b90e4f0ed6882b35f"
+  integrity sha512-HuPSzzAbJ1T4BD8e0bs6B9C1kWQ6gv8ykZoRWs5AQoiIuqbGHHdQO7Ljuvg05Q0Z24E2ABozHe6FxDvI6HfyAw==
+  dependencies:
+    "@next/env" "13.4.19"
+    "@swc/helpers" "0.5.1"
+    busboy "1.6.0"
+    caniuse-lite "^1.0.30001406"
+    postcss "8.4.14"
+    styled-jsx "5.1.1"
+    watchpack "2.4.0"
+    zod "3.21.4"
+  optionalDependencies:
+    "@next/swc-darwin-arm64" "13.4.19"
+    "@next/swc-darwin-x64" "13.4.19"
+    "@next/swc-linux-arm64-gnu" "13.4.19"
+    "@next/swc-linux-arm64-musl" "13.4.19"
+    "@next/swc-linux-x64-gnu" "13.4.19"
+    "@next/swc-linux-x64-musl" "13.4.19"
+    "@next/swc-win32-arm64-msvc" "13.4.19"
+    "@next/swc-win32-ia32-msvc" "13.4.19"
+    "@next/swc-win32-x64-msvc" "13.4.19"
+
+node-releases@^2.0.13:
+  version "2.0.13"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.13.tgz#d5ed1627c23e3461e819b02e57b75e4899b1c81d"
+  integrity sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==
+
+object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
+object.omit@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-3.0.0.tgz#0e3edc2fce2ba54df5577ff529f6d97bd8a522af"
+  integrity sha512-EO+BCv6LJfu+gBIF3ggLicFebFLN5zqzz/WWJlMFfkMyGth+oBkhxzDl0wx2W4GkLzuQs/FsSkXZb2IMWQqmBQ==
+  dependencies:
+    is-extendable "^1.0.0"
+
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+parse-json@^5.0.0, parse-json@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
+  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-even-better-errors "^2.3.0"
+    lines-and-columns "^1.1.6"
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
+picocolors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
+  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+
+postcss@8.4.14:
+  version "8.4.14"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf"
+  integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
+  dependencies:
+    nanoid "^3.3.4"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+prop-types@^15.6.2, prop-types@^15.8.1:
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
+ramda@^0.28.0:
+  version "0.28.0"
+  resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.28.0.tgz#acd785690100337e8b063cab3470019be427cc97"
+  integrity sha512-9QnLuG/kPVgWvMQ4aODhsBUFKOUmnbUnsSXACv+NCQZcHbeb+v8Lodp8OVxtRULN1/xOyYLLaL6npE6dMq5QTA==
+
+react-dom@18.2.0:
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
+  integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
+  dependencies:
+    loose-envify "^1.1.0"
+    scheduler "^0.23.0"
+
+react-is@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+react-is@^18.2.0:
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
+  integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
+
+react-transition-group@^4.4.5:
+  version "4.4.5"
+  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1"
+  integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    dom-helpers "^5.0.1"
+    loose-envify "^1.4.0"
+    prop-types "^15.6.2"
+
+react@18.2.0, react@^18.2.0:
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
+  integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
+  dependencies:
+    loose-envify "^1.1.0"
+
+regenerate-unicode-properties@^10.1.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz#7c3192cab6dd24e21cb4461e5ddd7dd24fa8374c"
+  integrity sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==
+  dependencies:
+    regenerate "^1.4.2"
+
+regenerate@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
+  integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
+
+regenerator-runtime@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz#5e19d68eb12d486f797e15a3c6a918f7cec5eb45"
+  integrity sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==
+
+regenerator-transform@^0.15.2:
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.2.tgz#5bbae58b522098ebdf09bca2f83838929001c7a4"
+  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
+  dependencies:
+    "@babel/runtime" "^7.8.4"
+
+regexpu-core@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.3.2.tgz#11a2b06884f3527aec3e93dbbf4a3b958a95546b"
+  integrity sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==
+  dependencies:
+    "@babel/regjsgen" "^0.8.0"
+    regenerate "^1.4.2"
+    regenerate-unicode-properties "^10.1.0"
+    regjsparser "^0.9.1"
+    unicode-match-property-ecmascript "^2.0.0"
+    unicode-match-property-value-ecmascript "^2.1.0"
+
+regjsparser@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.9.1.tgz#272d05aa10c7c1f67095b1ff0addae8442fc5709"
+  integrity sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==
+  dependencies:
+    jsesc "~0.5.0"
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+resolve@^1.14.2, resolve@^1.19.0:
+  version "1.22.4"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.4.tgz#1dc40df46554cdaf8948a486a10f6ba1e2026c34"
+  integrity sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+scheduler@^0.23.0:
+  version "0.23.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.0.tgz#ba8041afc3d30eb206a487b6b384002e4e61fdfe"
+  integrity sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==
+  dependencies:
+    loose-envify "^1.1.0"
+
+semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+source-map-js@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
+source-map@^0.5.7:
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
+
+source-map@^0.7.3:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
+streamsearch@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/streamsearch/-/streamsearch-1.1.0.tgz#404dd1e2247ca94af554e841a8ef0eaa238da764"
+  integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
+
+styled-jsx@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.1.tgz#839a1c3aaacc4e735fed0781b8619ea5d0009d1f"
+  integrity sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==
+  dependencies:
+    client-only "0.0.1"
+
+stylis@4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
+  integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
+
+stylis@^3.5.4:
+  version "3.5.4"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.4.tgz#f665f25f5e299cf3d64654ab949a57c768b73fbe"
+  integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==
+
+supports-color@^5.3.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+to-fast-properties@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
+  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
+
+ts-invariant@^0.10.3:
+  version "0.10.3"
+  resolved "https://registry.yarnpkg.com/ts-invariant/-/ts-invariant-0.10.3.tgz#3e048ff96e91459ffca01304dbc7f61c1f642f6c"
+  integrity sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==
+  dependencies:
+    tslib "^2.1.0"
+
+tslib@^2.1.0, tslib@^2.4.0:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
+  integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
+
+typescript@5.1.6:
+  version "5.1.6"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.1.6.tgz#02f8ac202b6dad2c0dd5e0913745b47a37998274"
+  integrity sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==
+
+unicode-canonical-property-names-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
+  integrity sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==
+
+unicode-match-property-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz#54fd16e0ecb167cf04cf1f756bdcc92eba7976c3"
+  integrity sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==
+  dependencies:
+    unicode-canonical-property-names-ecmascript "^2.0.0"
+    unicode-property-aliases-ecmascript "^2.0.0"
+
+unicode-match-property-value-ecmascript@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz#cb5fffdcd16a05124f5a4b0bf7c3770208acbbe0"
+  integrity sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==
+
+unicode-property-aliases-ecmascript@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
+  integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
+
+universalify@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
+  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
+
+update-browserslist-db@^1.0.11:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz#9a2a641ad2907ae7b3616506f4b977851db5b940"
+  integrity sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==
+  dependencies:
+    escalade "^3.1.1"
+    picocolors "^1.0.0"
+
+watchpack@2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
+  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
+  dependencies:
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.1.2"
+
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
+yaml@^1.10.0:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+
+zod@3.21.4:
+  version "3.21.4"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-3.21.4.tgz#10882231d992519f0a10b5dd58a38c9dabbb64db"
+  integrity sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==
diff --git a/apps/zero-runtime-vite-app/.gitignore b/apps/zero-runtime-vite-app/.gitignore
new file mode 100644
index 00000000000000..849ddff3b7ec91
--- /dev/null
+++ b/apps/zero-runtime-vite-app/.gitignore
@@ -0,0 +1 @@
+dist/
diff --git a/apps/zero-runtime-vite-app/README.md b/apps/zero-runtime-vite-app/README.md
new file mode 100644
index 00000000000000..74df961a96f6a9
--- /dev/null
+++ b/apps/zero-runtime-vite-app/README.md
@@ -0,0 +1,26 @@
+# Vite App
+
+A sample vite application to test the working of zero runtime library.
+This project is not part of the workspace yet.
+
+## How to run
+
+You can either run `yarn release:build` command to build all the packages, or you need to build, the the minimum -
+
+1. `@mui/zero-runtime`
+2. `@mui/zero-tag-processor`
+3. `@mui/zero-vite-plugin`
+
+Make sure you have also run `yarn release:build` at least once because we also use `@mui/material` and `@mui/system` packages. On subsequent runs, you can only build the above packages using -
+
+```bash
+yarn build
+```
+
+After building, you can run the project by changing into the directory and then
+
+1. Install dependencies using `yarn install`
+2. Start the dev server using `yarn dev`
+3. Build the code using `yarn build`
+
+Optionally, before running the dev server, you can run `yarn vite optimize --force` if it logged some error during `yarn vite`.
diff --git a/apps/zero-runtime-vite-app/index.html b/apps/zero-runtime-vite-app/index.html
new file mode 100644
index 00000000000000..29a2b783ed6ea0
--- /dev/null
+++ b/apps/zero-runtime-vite-app/index.html
@@ -0,0 +1,2 @@
+<div id="root"></div>
+<script type="module" src="./src/main.tsx"></script>
diff --git a/apps/zero-runtime-vite-app/package.json b/apps/zero-runtime-vite-app/package.json
new file mode 100644
index 00000000000000..3712e705359955
--- /dev/null
+++ b/apps/zero-runtime-vite-app/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "@app/zero-runtime-vite-app",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "@mui/zero-runtime": "file:../../packages/zero-runtime/build",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@mui/utils": "file:../../packages/mui-utils/build",
+    "@mui/material": "file:../../packages/mui-material/build",
+    "@mui/zero-vite-plugin": "file:../../packages/zero-vite-plugin/build",
+    "@vitejs/plugin-react": "^4.0.4",
+    "vite": "4.4.9"
+  },
+  "resolutions": {
+    "@mui/zero-tag-processor": "file:../../packages/zero-tag-processor/build"
+  }
+}
diff --git a/apps/zero-runtime-vite-app/src/App.tsx b/apps/zero-runtime-vite-app/src/App.tsx
new file mode 100644
index 00000000000000..8f1b97ed3fdf29
--- /dev/null
+++ b/apps/zero-runtime-vite-app/src/App.tsx
@@ -0,0 +1,140 @@
+import * as React from 'react';
+import { styled } from '@mui/zero-runtime';
+import Slider from './Slider/ZeroSlider';
+
+const Button = styled('button', {
+  name: 'MuiButton',
+  slot: 'Root',
+})(
+  'color:red',
+  ({ theme }: any) => ({
+    fontFamily: 'sans-serif',
+    backgroundColor: [theme.palette.primary.main, 'text.primary', 'background.paper'],
+  }),
+  {
+    fontFamily: 'sans-serif',
+    // p: (props: any) => (props.isRed ? 10 : 20),
+    color: (props: any) => (props.isRed ? 'primary.main' : 'secondary.main'),
+  },
+);
+
+const ShowCaseDiv = styled('div')({
+  [`.${Button}`]: {
+    color: '#f94564',
+  },
+});
+
+const HalfWidth = styled.div({
+  marginLeft: 20,
+  width: '50%',
+  maxHeight: 100,
+  padding: 20,
+  border: '1px solid #ccc',
+});
+
+export default function App({ isRed }: any) {
+  const [count, setCount] = React.useState(0);
+  const [value, setValue] = React.useState(50);
+  const [isColorPrimary, setIsColorPrimary] = React.useState(true);
+  const [size, setSize] = React.useState('medium');
+  const [showMarks, setShowMarks] = React.useState(true);
+  const [isTrackInverted, setIsTrackInverted] = React.useState(false);
+  const [disabled, setDisabled] = React.useState(false);
+  const [isHorizontal, setIsHorizontal] = React.useState(true);
+
+  return (
+    <div>
+      <Button isRed={count % 2 === 1} onClick={() => setCount(count + 1)}>
+        Click Count {count}
+      </Button>
+      <ShowCaseDiv>
+        <Button>This button&apos;s text color has been overridden.</Button>
+      </ShowCaseDiv>
+      <div>
+        <div>
+          <label>
+            <input
+              type="checkbox"
+              checked={isColorPrimary}
+              onChange={() => setIsColorPrimary(!isColorPrimary)}
+            />
+            Toggle Color: {isColorPrimary ? 'Primary' : 'Secondary'}
+          </label>
+        </div>
+        <div>
+          <label>
+            <input
+              type="checkbox"
+              checked={isTrackInverted}
+              onChange={() => setIsTrackInverted(!isTrackInverted)}
+            />
+            Track type: {isTrackInverted ? 'Inverted' : 'Normal'}
+          </label>
+        </div>
+        <div>
+          <label>
+            <input
+              type="checkbox"
+              checked={isHorizontal}
+              onChange={() => setIsHorizontal(!isHorizontal)}
+            />
+            Orientation: {isHorizontal ? 'Horizontal' : 'Vertical'}
+          </label>
+        </div>
+        <div>
+          <label>
+            <input type="checkbox" checked={disabled} onChange={() => setDisabled(!disabled)} />
+            Disabled: {disabled ? 'Yes' : 'No'}
+          </label>
+        </div>
+        <div>
+          <label>
+            <input type="checkbox" checked={showMarks} onChange={() => setShowMarks(!showMarks)} />
+            Show marks: {showMarks ? 'Yes' : 'No'}
+          </label>
+        </div>
+        <div>
+          <label>
+            Change Size:
+            <select value={size} onChange={(ev) => setSize(ev.target.value)}>
+              <option value="small">Small</option>
+              <option value="medium">Medium</option>
+            </select>
+          </label>
+        </div>
+      </div>
+      <div>
+        <HalfWidth
+          sx={({ theme }: any) => ({
+            color: theme.palette.primary.main,
+            fontSize: isRed ? 'h1.fontSize' : 'h2.fontSize',
+            ':hover': {
+              backgroundColor: ['primary.dark', 'secondary.main'],
+              color: {
+                sm: 'primary.dark',
+                md: 'secondary.main',
+              },
+            },
+          })}
+        >
+          <Slider
+            aria-label="Small steps"
+            defaultValue={50}
+            step={2}
+            marks={showMarks}
+            min={0}
+            max={100}
+            valueLabelDisplay="auto"
+            orientation={isHorizontal ? 'horizontal' : 'vertical'}
+            size={size as 'small' | 'medium'}
+            color={isColorPrimary ? 'primary' : 'secondary'}
+            track={isTrackInverted ? 'inverted' : 'normal'}
+            disabled={disabled}
+            value={value}
+            onChange={(ev, val) => setValue(val as number)}
+          />
+        </HalfWidth>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/zero-runtime-vite-app/src/Slider/ZeroSlider.jsx b/apps/zero-runtime-vite-app/src/Slider/ZeroSlider.jsx
new file mode 100644
index 00000000000000..ece7f162997866
--- /dev/null
+++ b/apps/zero-runtime-vite-app/src/Slider/ZeroSlider.jsx
@@ -0,0 +1,933 @@
+/* eslint-disable react/prop-types */
+import * as React from 'react';
+import clsx from 'clsx';
+import { isHostComponent, useSlotProps } from '@mui/base/utils';
+import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import { useSlider, valueToPercent } from '@mui/base/useSlider';
+import { styled } from '@mui/zero-runtime';
+// eslint-disable-next-line no-restricted-imports
+import { slotShouldForwardProp } from '@mui/material/styles/styled';
+import { capitalize } from '@mui/material/utils';
+import { sliderClasses, getSliderUtilityClass } from '@mui/material/Slider';
+// eslint-disable-next-line no-restricted-imports
+import SliderValueLabel from '@mui/material/Slider/SliderValueLabel';
+import { alpha, lighten, darken } from '../utils/colorManipulator';
+
+const shouldSpreadAdditionalProps = (Slot) => {
+  return !Slot || !isHostComponent(Slot);
+};
+
+function Identity(x) {
+  return x;
+}
+
+const SliderRoot = styled('span', {
+  name: 'MuiSlider',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const { ownerState } = props;
+
+    return [
+      styles.root,
+      styles[`color${capitalize(ownerState.color)}`],
+      ownerState.size !== 'medium' && styles[`size${capitalize(ownerState.size)}`],
+      ownerState.marked && styles.marked,
+      ownerState.orientation === 'vertical' && styles.vertical,
+      ownerState.track === 'inverted' && styles.trackInverted,
+      ownerState.track === false && styles.trackFalse,
+    ];
+  },
+})(({ theme }) => ({
+  borderRadius: '12px',
+  boxSizing: 'content-box',
+  display: 'inline-block',
+  position: 'relative',
+  cursor: 'pointer',
+  touchAction: 'none',
+  WebkitTapHighlightColor: 'transparent',
+  '@media print': {
+    printColorAdjust: 'exact',
+  },
+  [`&.${sliderClasses.disabled}`]: {
+    pointerEvents: 'none',
+    cursor: 'default',
+    color: theme.palette.grey[400],
+  },
+  [`&.${sliderClasses.dragging}`]: {
+    [`& .${sliderClasses.thumb}, & .${sliderClasses.track}`]: {
+      transition: 'none',
+    },
+  },
+  variants: [
+    {
+      props: {
+        color: 'primary',
+      },
+      style: {
+        color: theme.palette.primary.main,
+      },
+    },
+    {
+      props: {
+        color: 'secondary',
+      },
+      style: {
+        color: theme.palette.secondary.main,
+      },
+    },
+    {
+      props: {
+        orientation: 'horizontal',
+      },
+      style: {
+        height: 4,
+        width: '100%',
+        padding: '13px 0',
+        // The primary input mechanism of the device includes a pointing device of limited accuracy.
+        '@media (pointer: coarse)': {
+          // Reach 42px touch target, about ~8mm on screen.
+          padding: '20px 0',
+        },
+      },
+    },
+    {
+      props: {
+        orientation: 'horizontal',
+        size: 'small',
+      },
+      style: {
+        height: 2,
+      },
+    },
+    {
+      props: {
+        orientation: 'horizontal',
+        marked: true,
+      },
+      style: {
+        marginBottom: 20,
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+      },
+      style: {
+        height: '100%',
+        width: 4,
+        padding: '0 13px',
+        // The primary input mechanism of the device includes a pointing device of limited accuracy.
+        '@media (pointer: coarse)': {
+          // Reach 42px touch target, about ~8mm on screen.
+          padding: '0 20px',
+        },
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+        size: 'small',
+      },
+      style: {
+        width: 2,
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+        marked: true,
+      },
+      style: {
+        marginRight: 44,
+      },
+    },
+  ],
+}));
+
+export { SliderRoot };
+
+const SliderRail = styled('span', {
+  name: 'MuiSlider',
+  slot: 'Rail',
+  overridesResolver: (props, styles) => styles.rail,
+})({
+  display: 'block',
+  position: 'absolute',
+  borderRadius: 'inherit',
+  backgroundColor: 'currentColor',
+  opacity: 0.38,
+  variants: [
+    {
+      props: {
+        orientation: 'horizontal',
+      },
+      style: {
+        width: '100%',
+        height: 'inherit',
+        top: '50%',
+        transform: 'translateY(-50%)',
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+      },
+      style: {
+        height: '100%',
+        width: 'inherit',
+        left: '50%',
+        transform: 'translateX(-50%)',
+      },
+    },
+    {
+      props: {
+        track: 'inverted',
+      },
+      style: {
+        opacity: 1,
+      },
+    },
+  ],
+});
+
+export { SliderRail };
+
+const SliderTrack = styled('span', {
+  name: 'MuiSlider',
+  slot: 'Track',
+  overridesResolver: (props, styles) => styles.track,
+})(({ theme }) => {
+  const lightPrimaryColor = lighten(theme.palette.primary.main, 0.62);
+  const lightSecondaryColor = lighten(theme.palette.secondary.main, 0.62);
+  const darkPrimaryColor = darken(theme.palette.primary.main, 0.5);
+  const darkSecondaryColor = darken(theme.palette.secondary.main, 0.5);
+
+  return {
+    display: 'block',
+    position: 'absolute',
+    borderRadius: 'inherit',
+    border: '1px solid currentColor',
+    backgroundColor: 'currentColor',
+    transition: theme.transitions.create(['left', 'width', 'bottom', 'height'], {
+      duration: theme.transitions.duration.shortest,
+    }),
+    variants: [
+      {
+        props: {
+          color: 'primary',
+        },
+        style: {
+          '--slider-track-color': lightPrimaryColor,
+          ...theme.applyDarkStyles({
+            '--slider-track-color': darkPrimaryColor,
+          }),
+        },
+      },
+      {
+        props: {
+          color: 'secondary',
+        },
+        style: {
+          '--slider-track-color': lightSecondaryColor,
+          ...theme.applyDarkStyles({
+            '--slider-track-color': darkSecondaryColor,
+          }),
+        },
+      },
+      {
+        props: {
+          size: 'small',
+        },
+        style: {
+          border: 'none',
+        },
+      },
+      {
+        props: {
+          orientation: 'horizontal',
+        },
+        style: {
+          height: 'inherit',
+          top: '50%',
+          transform: 'translateY(-50%)',
+        },
+      },
+      {
+        props: {
+          orientation: 'vertical',
+        },
+        style: {
+          width: 'inherit',
+          left: '50%',
+          transform: 'translateX(-50%)',
+        },
+      },
+      {
+        props: {
+          track: false,
+        },
+        style: {
+          display: 'none',
+        },
+      },
+      {
+        props: {
+          track: 'inverted',
+          color: 'primary',
+        },
+        style: {
+          backgroundColor: theme.vars ? theme.vars.palette.Slider.primaryTrack : undefined,
+          borderColor: theme.vars ? theme.vars.palette.Slider.primaryTrack : undefined,
+        },
+      },
+      {
+        props: {
+          track: 'inverted',
+          color: 'secondary',
+        },
+        style: {
+          backgroundColor: theme.vars ? theme.vars.palette.Slider.secondaryTrack : undefined,
+          borderColor: theme.vars ? theme.vars.palette.Slider.secondaryTrack : undefined,
+        },
+      },
+    ],
+  };
+});
+
+export { SliderTrack };
+
+const SliderThumb = styled('span', {
+  name: 'MuiSlider',
+  slot: 'Thumb',
+  overridesResolver: (props, styles) => {
+    const { ownerState } = props;
+    return [
+      styles.thumb,
+      styles[`thumbColor${capitalize(ownerState.color)}`],
+      ownerState.size !== 'medium' && styles[`thumbSize${capitalize(ownerState.size)}`],
+    ];
+  },
+})(({ theme }) => ({
+  position: 'absolute',
+  width: 20,
+  height: 20,
+  boxSizing: 'border-box',
+  borderRadius: '50%',
+  outline: 0,
+  backgroundColor: 'currentColor',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  transition: theme.transitions.create(['box-shadow', 'left', 'bottom'], {
+    duration: theme.transitions.duration.shortest,
+  }),
+  '&:before': {
+    position: 'absolute',
+    content: '""',
+    borderRadius: 'inherit',
+    width: '100%',
+    height: '100%',
+    boxShadow: (theme.vars || theme).shadows[2],
+  },
+  '&::after': {
+    position: 'absolute',
+    content: '""',
+    borderRadius: '50%',
+    // 42px is the hit target
+    width: 42,
+    height: 42,
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+  },
+  [`&:hover, &.${sliderClasses.focusVisible}`]: {
+    boxShadow: `0px 0px 0px 8px var(--slider-thumb-shadow-color)`,
+    '@media (hover: none)': {
+      boxShadow: 'none',
+    },
+  },
+  [`&.${sliderClasses.active}`]: {
+    boxShadow: `0px 0px 0px 14px var(--slider-thumb-shadow-color)`,
+  },
+  [`&.${sliderClasses.disabled}`]: {
+    '&:hover': {
+      boxShadow: 'none',
+    },
+  },
+  variants: [
+    {
+      props: {
+        color: 'primary',
+      },
+      style: {
+        '--slider-thumb-shadow-color': theme.vars
+          ? `rgba(${theme.vars.palette.primary.mainChannel} / 0.16)`
+          : alpha(theme.palette.primary.main, 0.16),
+      },
+    },
+    {
+      props: {
+        color: 'secondary',
+      },
+      style: {
+        '--slider-thumb-shadow-color': theme.vars
+          ? `rgba(${theme.vars.palette.secondary.mainChannel} / 0.16)`
+          : alpha(theme.palette.secondary.main, 0.16),
+      },
+    },
+    {
+      props: {
+        size: 'small',
+      },
+      style: {
+        width: 12,
+        height: 12,
+        '&:before': {
+          boxShadow: 'none',
+        },
+      },
+    },
+    {
+      props: {
+        orientation: 'horizontal',
+      },
+      style: {
+        top: '50%',
+        transform: 'translate(-50%, -50%)',
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+      },
+      style: {
+        left: '50%',
+        transform: 'translate(-50%, 50%)',
+      },
+    },
+  ],
+}));
+
+export { SliderThumb };
+
+const StyledSliderValueLabel = styled(SliderValueLabel, {
+  name: 'MuiSlider',
+  slot: 'ValueLabel',
+  overridesResolver: (props, styles) => styles.valueLabel,
+})(({ theme }) => ({
+  zIndex: 1,
+  whiteSpace: 'nowrap',
+  ...theme.typography.body2,
+  fontWeight: 500,
+  transition: theme.transitions.create(['transform'], {
+    duration: theme.transitions.duration.shortest,
+  }),
+  position: 'absolute',
+  backgroundColor: (theme.vars || theme).palette.grey[600],
+  borderRadius: '2px',
+  color: (theme.vars || theme).palette.common.white,
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  padding: '0.25rem 0.75rem',
+  variants: [
+    {
+      props: {
+        size: 'small',
+      },
+      style: {
+        fontSize: theme.typography.pxToRem(12),
+        padding: '0.25rem 0.5rem',
+      },
+    },
+    {
+      props: {
+        orientation: 'horizontal',
+      },
+      style: {
+        top: '-10px',
+        transformOrigin: 'bottom center',
+        transform: 'translateY(-100%) scale(0)',
+        '&:before': {
+          position: 'absolute',
+          content: '""',
+          width: 8,
+          height: 8,
+          transform: 'translate(-50%, 50%) rotate(45deg)',
+          backgroundColor: 'inherit',
+          bottom: 0,
+          left: '50%',
+        },
+        [`&.${sliderClasses.valueLabelOpen}`]: {
+          transform: 'translateY(-100%) scale(1)',
+        },
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+      },
+      style: {
+        top: '50%',
+        right: '30px',
+        transform: 'translateY(-50%) scale(0)',
+        transformOrigin: 'right center',
+        '&:before': {
+          position: 'absolute',
+          content: '""',
+          width: 8,
+          height: 8,
+          transform: 'translate(-50%, -50%) rotate(45deg)',
+          backgroundColor: 'inherit',
+          right: -8,
+          top: '50%',
+        },
+        [`&.${sliderClasses.valueLabelOpen}`]: {
+          transform: 'translateY(-50%) scale(1)',
+        },
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+        size: 'small',
+      },
+      style: {
+        right: '20px',
+      },
+    },
+  ],
+}));
+
+export { StyledSliderValueLabel as SliderValueLabel };
+
+const SliderMark = styled('span', {
+  name: 'MuiSlider',
+  slot: 'Mark',
+  shouldForwardProp: (prop) => slotShouldForwardProp(prop) && prop !== 'markActive',
+  overridesResolver: (props, styles) => {
+    const { markActive } = props;
+
+    return [styles.mark, markActive && styles.markActive];
+  },
+})(({ theme }) => ({
+  position: 'absolute',
+  width: 2,
+  height: 2,
+  borderRadius: 1,
+  backgroundColor: 'currentColor',
+  variants: [
+    {
+      props: {
+        orientation: 'horizontal',
+      },
+      style: {
+        top: '50%',
+        transform: 'translate(-1px, -50%)',
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+      },
+      style: {
+        left: '50%',
+        transform: 'translate(-50%, 1px)',
+      },
+    },
+    {
+      props: {
+        markActive: true,
+      },
+      style: {
+        backgroundColor: (theme.vars || theme).palette.background.paper,
+        opacity: 0.8,
+      },
+    },
+  ],
+}));
+
+export { SliderMark };
+
+const SliderMarkLabel = styled('span', {
+  name: 'MuiSlider',
+  slot: 'MarkLabel',
+  shouldForwardProp: (prop) => slotShouldForwardProp(prop) && prop !== 'markLabelActive',
+  overridesResolver: (props, styles) => styles.markLabel,
+})(({ theme }) => ({
+  ...theme.typography.body2,
+  color: (theme.vars || theme).palette.text.secondary,
+  position: 'absolute',
+  whiteSpace: 'nowrap',
+  variants: [
+    {
+      props: {
+        orientation: 'horizontal',
+      },
+      style: {
+        top: 30,
+        transform: 'translateX(-50%)',
+        '@media (pointer: coarse)': {
+          top: 40,
+        },
+      },
+    },
+    {
+      props: {
+        orientation: 'vertical',
+      },
+      style: {
+        left: 36,
+        transform: 'translateY(50%)',
+        '@media (pointer: coarse)': {
+          left: 44,
+        },
+      },
+    },
+    {
+      props: {
+        markLabelActive: true,
+      },
+      style: {
+        color: (theme.vars || theme).palette.text.primary,
+      },
+    },
+  ],
+}));
+
+export { SliderMarkLabel };
+
+const useUtilityClasses = (ownerState) => {
+  const { disabled, dragging, marked, orientation, track, classes, color, size } = ownerState;
+
+  const slots = {
+    root: [
+      'root',
+      disabled && 'disabled',
+      dragging && 'dragging',
+      marked && 'marked',
+      orientation === 'vertical' && 'vertical',
+      track === 'inverted' && 'trackInverted',
+      track === false && 'trackFalse',
+      color && `color${capitalize(color)}`,
+      size && `size${capitalize(size)}`,
+    ],
+    rail: ['rail'],
+    track: ['track'],
+    mark: ['mark'],
+    markActive: ['markActive'],
+    markLabel: ['markLabel'],
+    markLabelActive: ['markLabelActive'],
+    valueLabel: ['valueLabel'],
+    thumb: [
+      'thumb',
+      disabled && 'disabled',
+      size && `thumbSize${capitalize(size)}`,
+      color && `thumbColor${capitalize(color)}`,
+    ],
+    active: ['active'],
+    disabled: ['disabled'],
+    focusVisible: ['focusVisible'],
+  };
+
+  return composeClasses(slots, getSliderUtilityClass, classes);
+};
+
+const Forward = ({ children }) => children;
+
+const Slider = React.forwardRef(function Slider(props, ref) {
+  // @TODO - Figure out how to persist this information
+  const isRtl = false; // theme.direction === 'rtl';
+
+  const {
+    'aria-label': ariaLabel,
+    'aria-valuetext': ariaValuetext,
+    'aria-labelledby': ariaLabelledby,
+    component = 'span',
+    components = {},
+    componentsProps = {},
+    color = 'primary',
+    classes: classesProp,
+    className,
+    disableSwap = false,
+    disabled = false,
+    getAriaLabel,
+    getAriaValueText,
+    marks: marksProp = false,
+    max = 100,
+    min = 0,
+    name,
+    onChange,
+    onChangeCommitted,
+    orientation = 'horizontal',
+    size = 'medium',
+    step = 1,
+    scale = Identity,
+    slotProps,
+    slots,
+    tabIndex,
+    track = 'normal',
+    value: valueProp,
+    valueLabelDisplay = 'off',
+    valueLabelFormat = Identity,
+    ...other
+  } = props;
+
+  const ownerState = {
+    ...props,
+    isRtl,
+    max,
+    min,
+    classes: classesProp,
+    disabled,
+    disableSwap,
+    orientation,
+    marks: marksProp,
+    color,
+    size,
+    step,
+    scale,
+    track,
+    valueLabelDisplay,
+    valueLabelFormat,
+  };
+
+  const {
+    axisProps,
+    getRootProps,
+    getHiddenInputProps,
+    getThumbProps,
+    open,
+    active,
+    axis,
+    focusedThumbIndex,
+    range,
+    dragging,
+    marks,
+    values,
+    trackOffset,
+    trackLeap,
+    getThumbStyle,
+  } = useSlider({ ...ownerState, rootRef: ref });
+
+  ownerState.marked = marks.length > 0 && marks.some((mark) => mark.label);
+  ownerState.dragging = dragging;
+  ownerState.focusedThumbIndex = focusedThumbIndex;
+
+  const classes = useUtilityClasses(ownerState);
+
+  // support both `slots` and `components` for backward compatibility
+  const RootSlot = slots?.root ?? components.Root ?? SliderRoot;
+  const RailSlot = slots?.rail ?? components.Rail ?? SliderRail;
+  const TrackSlot = slots?.track ?? components.Track ?? SliderTrack;
+  const ThumbSlot = slots?.thumb ?? components.Thumb ?? SliderThumb;
+  const ValueLabelSlot = slots?.valueLabel ?? components.ValueLabel ?? StyledSliderValueLabel;
+  const MarkSlot = slots?.mark ?? components.Mark ?? SliderMark;
+  const MarkLabelSlot = slots?.markLabel ?? components.MarkLabel ?? SliderMarkLabel;
+  const InputSlot = slots?.input ?? components.Input ?? 'input';
+
+  const rootSlotProps = slotProps?.root ?? componentsProps.root;
+  const railSlotProps = slotProps?.rail ?? componentsProps.rail;
+  const trackSlotProps = slotProps?.track ?? componentsProps.track;
+  const thumbSlotProps = slotProps?.thumb ?? componentsProps.thumb;
+  const valueLabelSlotProps = slotProps?.valueLabel ?? componentsProps.valueLabel;
+  const markSlotProps = slotProps?.mark ?? componentsProps.mark;
+  const markLabelSlotProps = slotProps?.markLabel ?? componentsProps.markLabel;
+  const inputSlotProps = slotProps?.input ?? componentsProps.input;
+
+  const rootProps = useSlotProps({
+    elementType: RootSlot,
+    getSlotProps: getRootProps,
+    externalSlotProps: rootSlotProps,
+    externalForwardedProps: other,
+    additionalProps: {
+      ...(shouldSpreadAdditionalProps(RootSlot) && {
+        as: component,
+      }),
+    },
+    ownerState: {
+      ...ownerState,
+      ...rootSlotProps?.ownerState,
+    },
+    className: [classes.root, className],
+  });
+
+  const railProps = useSlotProps({
+    elementType: RailSlot,
+    externalSlotProps: railSlotProps,
+    ownerState,
+    className: classes.rail,
+  });
+
+  const trackProps = useSlotProps({
+    elementType: TrackSlot,
+    externalSlotProps: trackSlotProps,
+    additionalProps: {
+      style: {
+        ...axisProps[axis].offset(trackOffset),
+        ...axisProps[axis].leap(trackLeap),
+      },
+    },
+    ownerState: {
+      ...ownerState,
+      ...trackSlotProps?.ownerState,
+    },
+    className: classes.track,
+  });
+
+  const thumbProps = useSlotProps({
+    elementType: ThumbSlot,
+    getSlotProps: getThumbProps,
+    externalSlotProps: thumbSlotProps,
+    ownerState: {
+      ...ownerState,
+      ...thumbSlotProps?.ownerState,
+    },
+    className: classes.thumb,
+  });
+
+  const valueLabelProps = useSlotProps({
+    elementType: ValueLabelSlot,
+    externalSlotProps: valueLabelSlotProps,
+    ownerState: {
+      ...ownerState,
+      ...valueLabelSlotProps?.ownerState,
+    },
+    className: classes.valueLabel,
+  });
+
+  const markProps = useSlotProps({
+    elementType: MarkSlot,
+    externalSlotProps: markSlotProps,
+    ownerState,
+    className: classes.mark,
+  });
+
+  const markLabelProps = useSlotProps({
+    elementType: MarkLabelSlot,
+    externalSlotProps: markLabelSlotProps,
+    ownerState,
+    className: classes.markLabel,
+  });
+
+  const inputSliderProps = useSlotProps({
+    elementType: InputSlot,
+    getSlotProps: getHiddenInputProps,
+    externalSlotProps: inputSlotProps,
+    ownerState,
+  });
+
+  return (
+    // eslint-disable-next-line react/jsx-filename-extension
+    <RootSlot {...rootProps}>
+      <RailSlot {...railProps} />
+      <TrackSlot {...trackProps} />
+      {marks
+        .filter((mark) => mark.value >= min && mark.value <= max)
+        .map((mark, index) => {
+          const percent = valueToPercent(mark.value, min, max);
+          const style = axisProps[axis].offset(percent);
+
+          let markActive;
+          if (track === false) {
+            markActive = values.indexOf(mark.value) !== -1;
+          } else {
+            markActive =
+              (track === 'normal' &&
+                (range
+                  ? mark.value >= values[0] && mark.value <= values[values.length - 1]
+                  : mark.value <= values[0])) ||
+              (track === 'inverted' &&
+                (range
+                  ? mark.value <= values[0] || mark.value >= values[values.length - 1]
+                  : mark.value >= values[0]));
+          }
+
+          return (
+            <React.Fragment key={index}>
+              <MarkSlot
+                data-index={index}
+                {...markProps}
+                {...(!isHostComponent(MarkSlot) && {
+                  markActive,
+                })}
+                style={{ ...style, ...markProps.style }}
+                className={clsx(markProps.className, {
+                  [classes.markActive]: markActive,
+                })}
+              />
+              {mark.label != null ? (
+                <MarkLabelSlot
+                  aria-hidden
+                  data-index={index}
+                  {...markLabelProps}
+                  {...(!isHostComponent(MarkLabelSlot) && {
+                    markLabelActive: markActive,
+                  })}
+                  style={{ ...style, ...markLabelProps.style }}
+                  className={clsx(classes.markLabel, markLabelProps.className, {
+                    [classes.markLabelActive]: markActive,
+                  })}
+                >
+                  {mark.label}
+                </MarkLabelSlot>
+              ) : null}
+            </React.Fragment>
+          );
+        })}
+      {values.map((value, index) => {
+        const percent = valueToPercent(value, min, max);
+        const style = axisProps[axis].offset(percent);
+
+        const ValueLabelComponent = valueLabelDisplay === 'off' ? Forward : ValueLabelSlot;
+
+        return (
+          /* TODO v6: Change component structure. It will help in avoiding the complicated React.cloneElement API added in SliderValueLabel component. Should be: Thumb -> Input, ValueLabel. Follow Joy UI's Slider structure. */
+          <ValueLabelComponent
+            key={index}
+            {...(!isHostComponent(ValueLabelComponent) && {
+              valueLabelFormat,
+              valueLabelDisplay,
+              value:
+                typeof valueLabelFormat === 'function'
+                  ? valueLabelFormat(scale(value), index)
+                  : valueLabelFormat,
+              index,
+              open: open === index || active === index || valueLabelDisplay === 'on',
+              disabled,
+            })}
+            {...valueLabelProps}
+          >
+            <ThumbSlot
+              data-index={index}
+              {...thumbProps}
+              className={clsx(classes.thumb, thumbProps.className, {
+                [classes.active]: active === index,
+                [classes.focusVisible]: focusedThumbIndex === index,
+              })}
+              style={{
+                ...style,
+                ...getThumbStyle(index),
+                ...thumbProps.style,
+              }}
+            >
+              <InputSlot
+                data-index={index}
+                aria-label={getAriaLabel ? getAriaLabel(index) : ariaLabel}
+                aria-valuenow={scale(value)}
+                aria-labelledby={ariaLabelledby}
+                aria-valuetext={
+                  getAriaValueText ? getAriaValueText(scale(value), index) : ariaValuetext
+                }
+                value={values[index]}
+                {...inputSliderProps}
+              />
+            </ThumbSlot>
+          </ValueLabelComponent>
+        );
+      })}
+    </RootSlot>
+  );
+});
+
+export default Slider;
diff --git a/apps/zero-runtime-vite-app/src/component.tsx b/apps/zero-runtime-vite-app/src/component.tsx
new file mode 100644
index 00000000000000..1da254676d8cf1
--- /dev/null
+++ b/apps/zero-runtime-vite-app/src/component.tsx
@@ -0,0 +1,9 @@
+import { styled } from '@mui/zero-runtime';
+
+export function Component() {
+  return null;
+}
+
+export const Component2 = styled('div')({
+  color: 'red',
+});
diff --git a/apps/zero-runtime-vite-app/src/main.tsx b/apps/zero-runtime-vite-app/src/main.tsx
new file mode 100644
index 00000000000000..6dad9e6b4bfd5c
--- /dev/null
+++ b/apps/zero-runtime-vite-app/src/main.tsx
@@ -0,0 +1,9 @@
+import '@mui/zero-runtime/styles.css';
+
+import * as ReactDOMClient from 'react-dom/client';
+import * as React from 'react';
+
+import App from './App';
+
+const root = ReactDOMClient.createRoot(document.getElementById('root')!);
+root.render(<App />);
diff --git a/apps/zero-runtime-vite-app/src/utils/colorManipulator.js b/apps/zero-runtime-vite-app/src/utils/colorManipulator.js
new file mode 100644
index 00000000000000..aaea25ca505c0e
--- /dev/null
+++ b/apps/zero-runtime-vite-app/src/utils/colorManipulator.js
@@ -0,0 +1,351 @@
+/**
+ * Returns a number whose value is limited to the given range.
+ * @param {number} value The value to be clamped
+ * @param {number} min The lower boundary of the output range
+ * @param {number} max The upper boundary of the output range
+ * @returns {number} A number in the range [min, max]
+ */
+function clamp(value, min = 0, max = 1) {
+  if (process.env.NODE_ENV !== 'production') {
+    if (value < min || value > max) {
+      console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
+    }
+  }
+
+  return Math.min(Math.max(min, value), max);
+}
+
+/**
+ * Converts a color from CSS hex format to CSS rgb format.
+ * @param {string} color - Hex color, i.e. #nnn or #nnnnnn
+ * @returns {string} A CSS rgb color string
+ */
+export function hexToRgb(color) {
+  color = color.slice(1);
+
+  const re = new RegExp(`.{1,${color.length >= 6 ? 2 : 1}}`, 'g');
+  let colors = color.match(re);
+
+  if (colors && colors[0].length === 1) {
+    colors = colors.map((n) => n + n);
+  }
+
+  return colors
+    ? `rgb${colors.length === 4 ? 'a' : ''}(${colors
+        .map((n, index) => {
+          return index < 3 ? parseInt(n, 16) : Math.round((parseInt(n, 16) / 255) * 1000) / 1000;
+        })
+        .join(', ')})`
+    : '';
+}
+
+function intToHex(int) {
+  const hex = int.toString(16);
+  return hex.length === 1 ? `0${hex}` : hex;
+}
+
+/**
+ * Returns an object with the type and values of a color.
+ *
+ * Note: Does not support rgb % values.
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @returns {object} - A MUI color object: {type: string, values: number[]}
+ */
+export function decomposeColor(color) {
+  // Idempotent
+  if (color.type) {
+    return color;
+  }
+
+  if (color.charAt(0) === '#') {
+    return decomposeColor(hexToRgb(color));
+  }
+
+  const marker = color.indexOf('(');
+  const type = color.substring(0, marker);
+
+  if (['rgb', 'rgba', 'hsl', 'hsla', 'color'].indexOf(type) === -1) {
+    throw new Error(
+      'MUI: Unsupported `%s` color.\n' +
+        'The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().',
+      color,
+    );
+  }
+
+  let values = color.substring(marker + 1, color.length - 1);
+  let colorSpace;
+
+  if (type === 'color') {
+    values = values.split(' ');
+    colorSpace = values.shift();
+    if (values.length === 4 && values[3].charAt(0) === '/') {
+      values[3] = values[3].slice(1);
+    }
+    if (['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].indexOf(colorSpace) === -1) {
+      throw new Error(
+        'MUI: unsupported `%s` color space.\n' +
+          'The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.',
+        colorSpace,
+      );
+    }
+  } else {
+    values = values.split(',');
+  }
+  values = values.map((value) => parseFloat(value));
+
+  return { type, values, colorSpace };
+}
+
+/**
+ * Returns a channel created from the input color.
+ *
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @returns {string} - The channel for the color, that can be used in rgba or hsla colors
+ */
+export const colorChannel = (color) => {
+  const decomposedColor = decomposeColor(color);
+  return decomposedColor.values
+    .slice(0, 3)
+    .map((val, idx) => (decomposedColor.type.indexOf('hsl') !== -1 && idx !== 0 ? `${val}%` : val))
+    .join(' ');
+};
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const private_safeColorChannel = (color, warning) => {
+  try {
+    return colorChannel(color);
+  } catch (error) {
+    if (warning && process.env.NODE_ENV !== 'production') {
+      console.warn(warning);
+    }
+    return color;
+  }
+};
+
+/**
+ * Converts a color object with type and values to a string.
+ * @param {object} color - Decomposed color
+ * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla', 'color'
+ * @param {array} color.values - [n,n,n] or [n,n,n,n]
+ * @returns {string} A CSS color string
+ */
+export function recomposeColor(color) {
+  const { type, colorSpace } = color;
+  let { values } = color;
+
+  if (type.indexOf('rgb') !== -1) {
+    // Only convert the first 3 values to int (i.e. not alpha)
+    values = values.map((n, i) => (i < 3 ? parseInt(n, 10) : n));
+  } else if (type.indexOf('hsl') !== -1) {
+    values[1] = `${values[1]}%`;
+    values[2] = `${values[2]}%`;
+  }
+  if (type.indexOf('color') !== -1) {
+    values = `${colorSpace} ${values.join(' ')}`;
+  } else {
+    values = `${values.join(', ')}`;
+  }
+
+  return `${type}(${values})`;
+}
+
+/**
+ * Converts a color from CSS rgb format to CSS hex format.
+ * @param {string} color - RGB color, i.e. rgb(n, n, n)
+ * @returns {string} A CSS rgb color string, i.e. #nnnnnn
+ */
+export function rgbToHex(color) {
+  // Idempotent
+  if (color.indexOf('#') === 0) {
+    return color;
+  }
+
+  const { values } = decomposeColor(color);
+  return `#${values.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join('')}`;
+}
+
+/**
+ * Converts a color from hsl format to rgb format.
+ * @param {string} color - HSL color values
+ * @returns {string} rgb color values
+ */
+export function hslToRgb(color) {
+  color = decomposeColor(color);
+  const { values } = color;
+  const h = values[0];
+  const s = values[1] / 100;
+  const l = values[2] / 100;
+  const a = s * Math.min(l, 1 - l);
+  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+
+  let type = 'rgb';
+  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];
+
+  if (color.type === 'hsla') {
+    type += 'a';
+    rgb.push(values[3]);
+  }
+
+  return recomposeColor({ type, values: rgb });
+}
+/**
+ * The relative brightness of any point in a color space,
+ * normalized to 0 for darkest black and 1 for lightest white.
+ *
+ * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @returns {number} The relative brightness of the color in the range 0 - 1
+ */
+export function getLuminance(color) {
+  color = decomposeColor(color);
+
+  let rgb =
+    color.type === 'hsl' || color.type === 'hsla'
+      ? decomposeColor(hslToRgb(color)).values
+      : color.values;
+  rgb = rgb.map((val) => {
+    if (color.type !== 'color') {
+      val /= 255; // normalized
+    }
+    return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;
+  });
+
+  // Truncate at 3 digits
+  return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
+}
+
+/**
+ * Calculates the contrast ratio between two colors.
+ *
+ * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+ * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @returns {number} A contrast ratio value in the range 0 - 21.
+ */
+export function getContrastRatio(foreground, background) {
+  const lumA = getLuminance(foreground);
+  const lumB = getLuminance(background);
+  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
+}
+
+/**
+ * Sets the absolute transparency of a color.
+ * Any existing alpha values are overwritten.
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @param {number} value - value to set the alpha channel to in the range 0 - 1
+ * @returns {string} A CSS color string. Hex input values are returned as rgb
+ */
+export function alpha(color, value) {
+  color = decomposeColor(color);
+  value = clamp(value);
+
+  if (color.type === 'rgb' || color.type === 'hsl') {
+    color.type += 'a';
+  }
+  if (color.type === 'color') {
+    color.values[3] = `/${value}`;
+  } else {
+    color.values[3] = value;
+  }
+
+  return recomposeColor(color);
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function private_safeAlpha(color, value, warning) {
+  try {
+    return alpha(color, value);
+  } catch (error) {
+    if (warning && process.env.NODE_ENV !== 'production') {
+      console.warn(warning);
+    }
+    return color;
+  }
+}
+
+/**
+ * Darkens a color.
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @param {number} coefficient - multiplier in the range 0 - 1
+ * @returns {string} A CSS color string. Hex input values are returned as rgb
+ */
+export function darken(color, coefficient) {
+  color = decomposeColor(color);
+  coefficient = clamp(coefficient);
+
+  if (color.type.indexOf('hsl') !== -1) {
+    color.values[2] *= 1 - coefficient;
+  } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {
+    for (let i = 0; i < 3; i += 1) {
+      color.values[i] *= 1 - coefficient;
+    }
+  }
+  return recomposeColor(color);
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function private_safeDarken(color, coefficient, warning) {
+  try {
+    return darken(color, coefficient);
+  } catch (error) {
+    if (warning && process.env.NODE_ENV !== 'production') {
+      console.warn(warning);
+    }
+    return color;
+  }
+}
+
+/**
+ * Lightens a color.
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @param {number} coefficient - multiplier in the range 0 - 1
+ * @returns {string} A CSS color string. Hex input values are returned as rgb
+ */
+export function lighten(color, coefficient) {
+  color = decomposeColor(color);
+  coefficient = clamp(coefficient);
+
+  if (color.type.indexOf('hsl') !== -1) {
+    color.values[2] += (100 - color.values[2]) * coefficient;
+  } else if (color.type.indexOf('rgb') !== -1) {
+    for (let i = 0; i < 3; i += 1) {
+      color.values[i] += (255 - color.values[i]) * coefficient;
+    }
+  } else if (color.type.indexOf('color') !== -1) {
+    for (let i = 0; i < 3; i += 1) {
+      color.values[i] += (1 - color.values[i]) * coefficient;
+    }
+  }
+
+  return recomposeColor(color);
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function private_safeLighten(color, coefficient, warning) {
+  try {
+    return lighten(color, coefficient);
+  } catch (error) {
+    if (warning && process.env.NODE_ENV !== 'production') {
+      console.warn(warning);
+    }
+    return color;
+  }
+}
+
+/**
+ * Darken or lighten a color, depending on its luminance.
+ * Light colors are darkened, dark colors are lightened.
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
+ * @param {number} coefficient=0.15 - multiplier in the range 0 - 1
+ * @returns {string} A CSS color string. Hex input values are returned as rgb
+ */
+export function emphasize(color, coefficient = 0.15) {
+  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function private_safeEmphasize(color, coefficient, warning) {
+  try {
+    return private_safeEmphasize(color, coefficient);
+  } catch (error) {
+    if (warning && process.env.NODE_ENV !== 'production') {
+      console.warn(warning);
+    }
+    return color;
+  }
+}
diff --git a/apps/zero-runtime-vite-app/tsconfig.json b/apps/zero-runtime-vite-app/tsconfig.json
new file mode 100644
index 00000000000000..1812bbe9cef999
--- /dev/null
+++ b/apps/zero-runtime-vite-app/tsconfig.json
@@ -0,0 +1,23 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src", "vite.config.ts"],
+  "compilerOptions": {
+    "composite": true,
+    "isolatedModules": true,
+    "module": "ESNext",
+    /* files are emitted by babel */
+    "noEmit": true,
+    "noUnusedLocals": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "types": ["react"],
+    "incremental": true
+  },
+  "exclude": ["node_modules"],
+  "references": [
+    { "path": "../../packages/mui-material/tsconfig.build.json" },
+    { "path": "../../packages/mui-system/tsconfig.build.json" }
+    // { "path": "../../packages/mui-utils/tsconfig.build.json" }
+  ]
+}
diff --git a/apps/zero-runtime-vite-app/vite-env.d.ts b/apps/zero-runtime-vite-app/vite-env.d.ts
new file mode 100644
index 00000000000000..11f02fe2a0061d
--- /dev/null
+++ b/apps/zero-runtime-vite-app/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/apps/zero-runtime-vite-app/vite.config.ts b/apps/zero-runtime-vite-app/vite.config.ts
new file mode 100644
index 00000000000000..4f0c09d7c5ebad
--- /dev/null
+++ b/apps/zero-runtime-vite-app/vite.config.ts
@@ -0,0 +1,28 @@
+import { defineConfig, splitVendorChunkPlugin } from 'vite';
+import reactPlugin from '@vitejs/plugin-react';
+import { zeroVitePlugin } from '@mui/zero-vite-plugin';
+import { createTheme } from '@mui/material/styles';
+
+const theme = createTheme();
+// @TODO - Make this part of the main package
+// @ts-ignore
+theme.applyDarkStyles = function applyDarkStyles(obj) {
+  return {
+    // @TODO - Use custom stylis plugin as in docs/src/createEmotionCache.ts
+    // so that we don't need to use *
+    '* :where([data-mui-color-scheme="dark"]) &': obj,
+  };
+};
+
+const varPrefix = 'app';
+
+export default defineConfig({
+  plugins: [
+    zeroVitePlugin({
+      cssVariablesPrefix: varPrefix,
+      theme,
+    }),
+    reactPlugin(),
+    splitVendorChunkPlugin(),
+  ],
+});
diff --git a/apps/zero-runtime-vite-app/yarn.lock b/apps/zero-runtime-vite-app/yarn.lock
new file mode 100644
index 00000000000000..81e6d7676a95bf
--- /dev/null
+++ b/apps/zero-runtime-vite-app/yarn.lock
@@ -0,0 +1,2203 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@ampproject/remapping@^2.2.0":
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.1.tgz#99e8e11851128b8702cd57c33684f1d0f260b630"
+  integrity sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.0"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.22.13":
+  version "7.22.13"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.13.tgz#e3c1c099402598483b7a8c46a721d1038803755e"
+  integrity sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==
+  dependencies:
+    "@babel/highlight" "^7.22.13"
+    chalk "^2.4.2"
+
+"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9":
+  version "7.22.9"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.9.tgz#71cdb00a1ce3a329ce4cbec3a44f9fef35669730"
+  integrity sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==
+
+"@babel/core@^7.22.17", "@babel/core@^7.22.9":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.17.tgz#2f9b0b395985967203514b24ee50f9fd0639c866"
+  integrity sha512-2EENLmhpwplDux5PSsZnSbnSkB3tZ6QTksgO25xwEL7pIDcNOMhF5v/s6RzwjMZzZzw9Ofc30gHv5ChCC8pifQ==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.22.13"
+    "@babel/generator" "^7.22.15"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-module-transforms" "^7.22.17"
+    "@babel/helpers" "^7.22.15"
+    "@babel/parser" "^7.22.16"
+    "@babel/template" "^7.22.15"
+    "@babel/traverse" "^7.22.17"
+    "@babel/types" "^7.22.17"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/generator@^7.22.15", "@babel/generator@^7.22.9":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.15.tgz#1564189c7ec94cb8f77b5e8a90c4d200d21b2339"
+  integrity sha512-Zu9oWARBqeVOW0dZOjXc3JObrzuqothQ3y/n1kUtrjCoCPLkXUwMvOo/F/TCfoHMbWIFlWwpZtkZVb9ga4U2pA==
+  dependencies:
+    "@babel/types" "^7.22.15"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jsesc "^2.5.1"
+
+"@babel/helper-annotate-as-pure@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882"
+  integrity sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz#5426b109cf3ad47b91120f8328d8ab1be8b0b956"
+  integrity sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==
+  dependencies:
+    "@babel/types" "^7.22.15"
+
+"@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.5", "@babel/helper-compilation-targets@^7.22.6":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz#0698fc44551a26cf29f18d4662d5bf545a6cfc52"
+  integrity sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==
+  dependencies:
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-validator-option" "^7.22.15"
+    browserslist "^4.21.9"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
+"@babel/helper-create-class-features-plugin@^7.22.11", "@babel/helper-create-class-features-plugin@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz#97a61b385e57fe458496fad19f8e63b63c867de4"
+  integrity sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.22.15"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    semver "^6.3.1"
+
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz#5ee90093914ea09639b01c711db0d6775e558be1"
+  integrity sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    regexpu-core "^5.3.1"
+    semver "^6.3.1"
+
+"@babel/helper-define-polyfill-provider@^0.4.2":
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz#82c825cadeeeee7aad237618ebbe8fa1710015d7"
+  integrity sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    debug "^4.1.1"
+    lodash.debounce "^4.0.8"
+    resolve "^1.14.2"
+
+"@babel/helper-environment-visitor@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz#f06dd41b7c1f44e1f8da6c4055b41ab3a09a7e98"
+  integrity sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==
+
+"@babel/helper-function-name@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz#ede300828905bb15e582c037162f99d5183af1be"
+  integrity sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==
+  dependencies:
+    "@babel/template" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-hoist-variables@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
+  integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-member-expression-to-functions@^7.22.15", "@babel/helper-member-expression-to-functions@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.15.tgz#b95a144896f6d491ca7863576f820f3628818621"
+  integrity sha512-qLNsZbgrNh0fDQBCPocSL8guki1hcPvltGDv/NxvUoABwFq7GkKSu1nRXeJkVZc+wJvne2E0RKQz+2SQrz6eAA==
+  dependencies:
+    "@babel/types" "^7.22.15"
+
+"@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.22.15", "@babel/helper-module-imports@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz#16146307acdc40cc00c3b2c647713076464bdbf0"
+  integrity sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==
+  dependencies:
+    "@babel/types" "^7.22.15"
+
+"@babel/helper-module-transforms@^7.22.15", "@babel/helper-module-transforms@^7.22.17", "@babel/helper-module-transforms@^7.22.5", "@babel/helper-module-transforms@^7.22.9":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.22.17.tgz#7edf129097a51ccc12443adbc6320e90eab76693"
+  integrity sha512-XouDDhQESrLHTpnBtCKExJdyY4gJCdrvH2Pyv8r8kovX2U8G0dRUOT45T9XlbLtuu9CLXP15eusnkprhoPV5iQ==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-module-imports" "^7.22.15"
+    "@babel/helper-simple-access" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/helper-validator-identifier" "^7.22.15"
+
+"@babel/helper-optimise-call-expression@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e"
+  integrity sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
+  integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
+
+"@babel/helper-remap-async-to-generator@^7.22.5", "@babel/helper-remap-async-to-generator@^7.22.9":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.17.tgz#dabaa50622b3b4670bd6546fc8db23eb12d89da0"
+  integrity sha512-bxH77R5gjH3Nkde6/LuncQoLaP16THYPscurp1S8z7S9ZgezCyV3G8Hc+TZiCmY8pz4fp8CvKSgtJMW0FkLAxA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-wrap-function" "^7.22.17"
+
+"@babel/helper-replace-supers@^7.22.5", "@babel/helper-replace-supers@^7.22.9":
+  version "7.22.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.9.tgz#cbdc27d6d8d18cd22c81ae4293765a5d9afd0779"
+  integrity sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+
+"@babel/helper-simple-access@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de"
+  integrity sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz#007f15240b5751c537c40e77abb4e89eeaaa8847"
+  integrity sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-split-export-declaration@^7.22.6":
+  version "7.22.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz#322c61b7310c0997fe4c323955667f18fcefb91c"
+  integrity sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-string-parser@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
+  integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
+
+"@babel/helper-validator-identifier@^7.22.15", "@babel/helper-validator-identifier@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.15.tgz#601fa28e4cc06786c18912dca138cec73b882044"
+  integrity sha512-4E/F9IIEi8WR94324mbDUMo074YTheJmd7eZF5vITTeYchqAi6sYXRLHUVsmkdmY4QjfKTcB2jB7dVP3NaBElQ==
+
+"@babel/helper-validator-option@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz#694c30dfa1d09a6534cdfcafbe56789d36aba040"
+  integrity sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==
+
+"@babel/helper-wrap-function@^7.22.17":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.17.tgz#222ac3ff9cc8f9b617cc1e5db75c0b538e722801"
+  integrity sha512-nAhoheCMlrqU41tAojw9GpVEKDlTS8r3lzFmF0lP52LwblCPbuFSO7nGIZoIcoU5NIm1ABrna0cJExE4Ay6l2Q==
+  dependencies:
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/template" "^7.22.15"
+    "@babel/types" "^7.22.17"
+
+"@babel/helpers@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.15.tgz#f09c3df31e86e3ea0b7ff7556d85cdebd47ea6f1"
+  integrity sha512-7pAjK0aSdxOwR+CcYAqgWOGy5dcfvzsTIfFTb2odQqW47MDfv14UaJDY6eng8ylM2EaeKXdxaSWESbkmaQHTmw==
+  dependencies:
+    "@babel/template" "^7.22.15"
+    "@babel/traverse" "^7.22.15"
+    "@babel/types" "^7.22.15"
+
+"@babel/highlight@^7.22.13":
+  version "7.22.13"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.13.tgz#9cda839e5d3be9ca9e8c26b6dd69e7548f0cbf16"
+  integrity sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.22.5"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+
+"@babel/parser@^7.22.15", "@babel/parser@^7.22.16":
+  version "7.22.16"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.16.tgz#180aead7f247305cce6551bea2720934e2fa2c95"
+  integrity sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz#02dc8a03f613ed5fdc29fb2f728397c78146c962"
+  integrity sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz#2aeb91d337d4e1a1e7ce85b76a37f5301781200f"
+  integrity sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/plugin-transform-optional-chaining" "^7.22.15"
+
+"@babel/plugin-proposal-export-namespace-from@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.18.9.tgz#5f7313ab348cdb19d590145f9247540e94761203"
+  integrity sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
+"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
+  version "7.21.0-placeholder-for-preset-env.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703"
+  integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
+
+"@babel/plugin-syntax-async-generators@^7.8.4":
+  version "7.8.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
+  integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-class-properties@^7.12.13":
+  version "7.12.13"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
+  integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.12.13"
+
+"@babel/plugin-syntax-class-static-block@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz#195df89b146b4b78b3bf897fd7a257c84659d406"
+  integrity sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-dynamic-import@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
+  integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-export-namespace-from@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz#028964a9ba80dbc094c915c487ad7c4e7a66465a"
+  integrity sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.3"
+
+"@babel/plugin-syntax-import-assertions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz#07d252e2aa0bc6125567f742cd58619cb14dce98"
+  integrity sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-import-attributes@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz#ab840248d834410b829f569f5262b9e517555ecb"
+  integrity sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-import-meta@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
+  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-json-strings@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
+  integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
+  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
+  integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-numeric-separator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
+  integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-object-rest-spread@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
+  integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-catch-binding@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
+  integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-chaining@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
+  integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-private-property-in-object@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz#0dc6671ec0ea22b6e94a1114f857970cd39de1ad"
+  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-top-level-await@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
+  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357"
+  integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/plugin-transform-arrow-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz#e5ba566d0c58a5b2ba2a8b795450641950b71958"
+  integrity sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-async-generator-functions@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.15.tgz#3b153af4a6b779f340d5b80d3f634f55820aefa3"
+  integrity sha512-jBm1Es25Y+tVoTi5rfd5t1KLmL8ogLKpXszboWOTTtGFGz2RKnQe2yn7HbZ+kb/B8N0FVSGQo874NSlOU1T4+w==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.9"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+
+"@babel/plugin-transform-async-to-generator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz#c7a85f44e46f8952f6d27fe57c2ed3cc084c3775"
+  integrity sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.5"
+
+"@babel/plugin-transform-block-scoped-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz#27978075bfaeb9fa586d3cb63a3d30c1de580024"
+  integrity sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-block-scoping@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.22.15.tgz#494eb82b87b5f8b1d8f6f28ea74078ec0a10a841"
+  integrity sha512-G1czpdJBZCtngoK1sJgloLiOHUnkb/bLZwqVZD8kXmq0ZnVfTTWUcs9OWtp0mBtYJ+4LQY1fllqBkOIPhXmFmw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-class-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz#97a56e31ad8c9dc06a0b3710ce7803d5a48cca77"
+  integrity sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-class-static-block@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz#dc8cc6e498f55692ac6b4b89e56d87cec766c974"
+  integrity sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.11"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+
+"@babel/plugin-transform-classes@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz#aaf4753aee262a232bbc95451b4bdf9599c65a0b"
+  integrity sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.9"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    globals "^11.1.0"
+
+"@babel/plugin-transform-computed-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz#cd1e994bf9f316bd1c2dafcd02063ec261bb3869"
+  integrity sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/template" "^7.22.5"
+
+"@babel/plugin-transform-destructuring@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.22.15.tgz#e7404ea5bb3387073b9754be654eecb578324694"
+  integrity sha512-HzG8sFl1ZVGTme74Nw+X01XsUTqERVQ6/RLHo3XjGRzm7XD6QTtfS3NJotVgCGy8BzkDqRjRBD8dAyJn5TuvSQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-dotall-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz#dbb4f0e45766eb544e193fb00e65a1dd3b2a4165"
+  integrity sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-duplicate-keys@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz#b6e6428d9416f5f0bba19c70d1e6e7e0b88ab285"
+  integrity sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-dynamic-import@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz#2c7722d2a5c01839eaf31518c6ff96d408e447aa"
+  integrity sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+
+"@babel/plugin-transform-exponentiation-operator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz#402432ad544a1f9a480da865fda26be653e48f6a"
+  integrity sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-export-namespace-from@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz#b3c84c8f19880b6c7440108f8929caf6056db26c"
+  integrity sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
+"@babel/plugin-transform-for-of@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz#f64b4ccc3a4f131a996388fae7680b472b306b29"
+  integrity sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-function-name@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz#935189af68b01898e0d6d99658db6b164205c143"
+  integrity sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-json-strings@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz#689a34e1eed1928a40954e37f74509f48af67835"
+  integrity sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+
+"@babel/plugin-transform-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz#e9341f4b5a167952576e23db8d435849b1dd7920"
+  integrity sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-logical-assignment-operators@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz#24c522a61688bde045b7d9bc3c2597a4d948fc9c"
+  integrity sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+
+"@babel/plugin-transform-member-expression-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz#4fcc9050eded981a468347dd374539ed3e058def"
+  integrity sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-modules-amd@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.22.5.tgz#4e045f55dcf98afd00f85691a68fc0780704f526"
+  integrity sha512-R+PTfLTcYEmb1+kK7FNkhQ1gP4KgjpSO6HfH9+f8/yfp2Nt3ggBjiVpRwmwTlfqZLafYKJACy36yDXlEmI9HjQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-modules-commonjs@^7.22.15", "@babel/plugin-transform-modules-commonjs@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.15.tgz#b11810117ed4ee7691b29bd29fd9f3f98276034f"
+  integrity sha512-jWL4eh90w0HQOTKP2MoXXUpVxilxsB2Vl4ji69rSjS3EcZ/v4sBmn+A3NpepuJzBhOaEBbR7udonlHHn5DWidg==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-simple-access" "^7.22.5"
+
+"@babel/plugin-transform-modules-systemjs@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.11.tgz#3386be5875d316493b517207e8f1931d93154bb1"
+  integrity sha512-rIqHmHoMEOhI3VkVf5jQ15l539KrwhzqcBO6wdCNWPWc/JWt9ILNYNUssbRpeq0qWns8svuw8LnMNCvWBIJ8wA==
+  dependencies:
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.22.9"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.5"
+
+"@babel/plugin-transform-modules-umd@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz#4694ae40a87b1745e3775b6a7fe96400315d4f98"
+  integrity sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-named-capturing-groups-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz#67fe18ee8ce02d57c855185e27e3dc959b2e991f"
+  integrity sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-new-target@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz#1b248acea54ce44ea06dfd37247ba089fcf9758d"
+  integrity sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-nullish-coalescing-operator@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz#debef6c8ba795f5ac67cd861a81b744c5d38d9fc"
+  integrity sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+
+"@babel/plugin-transform-numeric-separator@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz#498d77dc45a6c6db74bb829c02a01c1d719cbfbd"
+  integrity sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+
+"@babel/plugin-transform-object-rest-spread@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz#21a95db166be59b91cde48775310c0df6e1da56f"
+  integrity sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==
+  dependencies:
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-transform-parameters" "^7.22.15"
+
+"@babel/plugin-transform-object-super@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz#794a8d2fcb5d0835af722173c1a9d704f44e218c"
+  integrity sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.5"
+
+"@babel/plugin-transform-optional-catch-binding@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz#461cc4f578a127bb055527b3e77404cad38c08e0"
+  integrity sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+
+"@babel/plugin-transform-optional-chaining@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.15.tgz#d7a5996c2f7ca4ad2ad16dbb74444e5c4385b1ba"
+  integrity sha512-ngQ2tBhq5vvSJw2Q2Z9i7ealNkpDMU0rGWnHPKqRZO0tzZ5tlaoz4hDvhXioOoaE0X2vfNss1djwg0DXlfu30A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+
+"@babel/plugin-transform-parameters@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz#719ca82a01d177af358df64a514d64c2e3edb114"
+  integrity sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-private-methods@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz#21c8af791f76674420a147ae62e9935d790f8722"
+  integrity sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-private-property-in-object@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz#ad45c4fc440e9cb84c718ed0906d96cf40f9a4e1"
+  integrity sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.11"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+
+"@babel/plugin-transform-property-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz#b5ddabd73a4f7f26cd0e20f5db48290b88732766"
+  integrity sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-react-jsx-self@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz#ca2fdc11bc20d4d46de01137318b13d04e481d8e"
+  integrity sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-react-jsx-source@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz#49af1615bfdf6ed9d3e9e43e425e0b2b65d15b6c"
+  integrity sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-regenerator@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz#8ceef3bd7375c4db7652878b0241b2be5d0c3cca"
+  integrity sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    regenerator-transform "^0.15.2"
+
+"@babel/plugin-transform-reserved-words@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz#832cd35b81c287c4bcd09ce03e22199641f964fb"
+  integrity sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-runtime@^7.22.9":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.22.15.tgz#3a625c4c05a39e932d7d34f5d4895cdd0172fdc9"
+  integrity sha512-tEVLhk8NRZSmwQ0DJtxxhTrCht1HVo8VaMzYT4w6lwyKBuHsgoioAUA7/6eT2fRfc5/23fuGdlwIxXhRVgWr4g==
+  dependencies:
+    "@babel/helper-module-imports" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    babel-plugin-polyfill-corejs2 "^0.4.5"
+    babel-plugin-polyfill-corejs3 "^0.8.3"
+    babel-plugin-polyfill-regenerator "^0.5.2"
+    semver "^6.3.1"
+
+"@babel/plugin-transform-shorthand-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz#6e277654be82b5559fc4b9f58088507c24f0c624"
+  integrity sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-spread@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz#6487fd29f229c95e284ba6c98d65eafb893fea6b"
+  integrity sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+
+"@babel/plugin-transform-sticky-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz#295aba1595bfc8197abd02eae5fc288c0deb26aa"
+  integrity sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-template-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz#8f38cf291e5f7a8e60e9f733193f0bcc10909bff"
+  integrity sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-typeof-symbol@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz#5e2ba478da4b603af8673ff7c54f75a97b716b34"
+  integrity sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-escapes@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz#c723f380f40a2b2f57a62df24c9005834c8616d9"
+  integrity sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-property-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz#098898f74d5c1e86660dc112057b2d11227f1c81"
+  integrity sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz#ce7e7bb3ef208c4ff67e02a22816656256d7a183"
+  integrity sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-sets-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz#77788060e511b708ffc7d42fdfbc5b37c3004e91"
+  integrity sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/preset-env@^7.22.9":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.22.15.tgz#142716f8e00bc030dae5b2ac6a46fbd8b3e18ff8"
+  integrity sha512-tZFHr54GBkHk6hQuVA8w4Fmq+MSPsfvMG0vPnOYyTnJpyfMqybL8/MbNCPRT9zc2KBO2pe4tq15g6Uno4Jpoag==
+  dependencies:
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.15"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.22.15"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.22.15"
+    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-class-properties" "^7.12.13"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/plugin-syntax-import-assertions" "^7.22.5"
+    "@babel/plugin-syntax-import-attributes" "^7.22.5"
+    "@babel/plugin-syntax-import-meta" "^7.10.4"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+    "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
+    "@babel/plugin-transform-arrow-functions" "^7.22.5"
+    "@babel/plugin-transform-async-generator-functions" "^7.22.15"
+    "@babel/plugin-transform-async-to-generator" "^7.22.5"
+    "@babel/plugin-transform-block-scoped-functions" "^7.22.5"
+    "@babel/plugin-transform-block-scoping" "^7.22.15"
+    "@babel/plugin-transform-class-properties" "^7.22.5"
+    "@babel/plugin-transform-class-static-block" "^7.22.11"
+    "@babel/plugin-transform-classes" "^7.22.15"
+    "@babel/plugin-transform-computed-properties" "^7.22.5"
+    "@babel/plugin-transform-destructuring" "^7.22.15"
+    "@babel/plugin-transform-dotall-regex" "^7.22.5"
+    "@babel/plugin-transform-duplicate-keys" "^7.22.5"
+    "@babel/plugin-transform-dynamic-import" "^7.22.11"
+    "@babel/plugin-transform-exponentiation-operator" "^7.22.5"
+    "@babel/plugin-transform-export-namespace-from" "^7.22.11"
+    "@babel/plugin-transform-for-of" "^7.22.15"
+    "@babel/plugin-transform-function-name" "^7.22.5"
+    "@babel/plugin-transform-json-strings" "^7.22.11"
+    "@babel/plugin-transform-literals" "^7.22.5"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.22.11"
+    "@babel/plugin-transform-member-expression-literals" "^7.22.5"
+    "@babel/plugin-transform-modules-amd" "^7.22.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.15"
+    "@babel/plugin-transform-modules-systemjs" "^7.22.11"
+    "@babel/plugin-transform-modules-umd" "^7.22.5"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
+    "@babel/plugin-transform-new-target" "^7.22.5"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.11"
+    "@babel/plugin-transform-numeric-separator" "^7.22.11"
+    "@babel/plugin-transform-object-rest-spread" "^7.22.15"
+    "@babel/plugin-transform-object-super" "^7.22.5"
+    "@babel/plugin-transform-optional-catch-binding" "^7.22.11"
+    "@babel/plugin-transform-optional-chaining" "^7.22.15"
+    "@babel/plugin-transform-parameters" "^7.22.15"
+    "@babel/plugin-transform-private-methods" "^7.22.5"
+    "@babel/plugin-transform-private-property-in-object" "^7.22.11"
+    "@babel/plugin-transform-property-literals" "^7.22.5"
+    "@babel/plugin-transform-regenerator" "^7.22.10"
+    "@babel/plugin-transform-reserved-words" "^7.22.5"
+    "@babel/plugin-transform-shorthand-properties" "^7.22.5"
+    "@babel/plugin-transform-spread" "^7.22.5"
+    "@babel/plugin-transform-sticky-regex" "^7.22.5"
+    "@babel/plugin-transform-template-literals" "^7.22.5"
+    "@babel/plugin-transform-typeof-symbol" "^7.22.5"
+    "@babel/plugin-transform-unicode-escapes" "^7.22.10"
+    "@babel/plugin-transform-unicode-property-regex" "^7.22.5"
+    "@babel/plugin-transform-unicode-regex" "^7.22.5"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.22.5"
+    "@babel/preset-modules" "0.1.6-no-external-plugins"
+    "@babel/types" "^7.22.15"
+    babel-plugin-polyfill-corejs2 "^0.4.5"
+    babel-plugin-polyfill-corejs3 "^0.8.3"
+    babel-plugin-polyfill-regenerator "^0.5.2"
+    core-js-compat "^3.31.0"
+    semver "^6.3.1"
+
+"@babel/preset-modules@0.1.6-no-external-plugins":
+  version "0.1.6-no-external-plugins"
+  resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a"
+  integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/types" "^7.4.4"
+    esutils "^2.0.2"
+
+"@babel/regjsgen@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
+  integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
+
+"@babel/runtime@^7.12.5", "@babel/runtime@^7.18.3", "@babel/runtime@^7.22.15", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.15.tgz#38f46494ccf6cf020bd4eed7124b425e83e523b8"
+  integrity sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@babel/template@^7.22.15", "@babel/template@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.15.tgz#09576efc3830f0430f4548ef971dde1350ef2f38"
+  integrity sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==
+  dependencies:
+    "@babel/code-frame" "^7.22.13"
+    "@babel/parser" "^7.22.15"
+    "@babel/types" "^7.22.15"
+
+"@babel/traverse@^7.22.15", "@babel/traverse@^7.22.17", "@babel/traverse@^7.22.8":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.17.tgz#b23c203ab3707e3be816043081b4a994fcacec44"
+  integrity sha512-xK4Uwm0JnAMvxYZxOVecss85WxTEIbTa7bnGyf/+EgCL5Zt3U7htUpEOWv9detPlamGKuRzCqw74xVglDWpPdg==
+  dependencies:
+    "@babel/code-frame" "^7.22.13"
+    "@babel/generator" "^7.22.15"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/parser" "^7.22.16"
+    "@babel/types" "^7.22.17"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
+"@babel/types@^7.22.15", "@babel/types@^7.22.17", "@babel/types@^7.22.5", "@babel/types@^7.4.4":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.17.tgz#f753352c4610ffddf9c8bc6823f9ff03e2303eee"
+  integrity sha512-YSQPHLFtQNE5xN9tHuZnzu8vPr61wVTBZdfv1meex1NBosa4iT05k/Jw06ddJugi4bk7The/oSwQGFcksmEJQg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.15"
+    to-fast-properties "^2.0.0"
+
+"@emotion/babel-plugin@^11.11.0":
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz#c2d872b6a7767a9d176d007f5b31f7d504bb5d6c"
+  integrity sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/runtime" "^7.18.3"
+    "@emotion/hash" "^0.9.1"
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/serialize" "^1.1.2"
+    babel-plugin-macros "^3.1.0"
+    convert-source-map "^1.5.0"
+    escape-string-regexp "^4.0.0"
+    find-root "^1.1.0"
+    source-map "^0.5.7"
+    stylis "4.2.0"
+
+"@emotion/cache@^11.11.0":
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.11.0.tgz#809b33ee6b1cb1a625fef7a45bc568ccd9b8f3ff"
+  integrity sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==
+  dependencies:
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/sheet" "^1.2.2"
+    "@emotion/utils" "^1.2.1"
+    "@emotion/weak-memoize" "^0.3.1"
+    stylis "4.2.0"
+
+"@emotion/css@^11.11.2":
+  version "11.11.2"
+  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-11.11.2.tgz#e5fa081d0c6e335352e1bc2b05953b61832dca5a"
+  integrity sha512-VJxe1ucoMYMS7DkiMdC2T7PWNbrEI0a39YRiyDvK2qq4lXwjRbVP/z4lpG+odCsRzadlR+1ywwrTzhdm5HNdew==
+  dependencies:
+    "@emotion/babel-plugin" "^11.11.0"
+    "@emotion/cache" "^11.11.0"
+    "@emotion/serialize" "^1.1.2"
+    "@emotion/sheet" "^1.2.2"
+    "@emotion/utils" "^1.2.1"
+
+"@emotion/hash@^0.9.1":
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.1.tgz#4ffb0055f7ef676ebc3a5a91fb621393294e2f43"
+  integrity sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==
+
+"@emotion/memoize@^0.8.1":
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.1.tgz#c1ddb040429c6d21d38cc945fe75c818cfb68e17"
+  integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
+
+"@emotion/serialize@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.2.tgz#017a6e4c9b8a803bd576ff3d52a0ea6fa5a62b51"
+  integrity sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==
+  dependencies:
+    "@emotion/hash" "^0.9.1"
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/unitless" "^0.8.1"
+    "@emotion/utils" "^1.2.1"
+    csstype "^3.0.2"
+
+"@emotion/sheet@^1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.2.tgz#d58e788ee27267a14342303e1abb3d508b6d0fec"
+  integrity sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==
+
+"@emotion/unitless@^0.8.1":
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3"
+  integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
+
+"@emotion/utils@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.2.1.tgz#bbab58465738d31ae4cb3dbb6fc00a5991f755e4"
+  integrity sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==
+
+"@emotion/weak-memoize@^0.3.1":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz#d0fce5d07b0620caa282b5131c297bb60f9d87e6"
+  integrity sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==
+
+"@esbuild/android-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz#984b4f9c8d0377443cc2dfcef266d02244593622"
+  integrity sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==
+
+"@esbuild/android-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.18.20.tgz#fedb265bc3a589c84cc11f810804f234947c3682"
+  integrity sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==
+
+"@esbuild/android-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.18.20.tgz#35cf419c4cfc8babe8893d296cd990e9e9f756f2"
+  integrity sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==
+
+"@esbuild/darwin-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz#08172cbeccf95fbc383399a7f39cfbddaeb0d7c1"
+  integrity sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==
+
+"@esbuild/darwin-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz#d70d5790d8bf475556b67d0f8b7c5bdff053d85d"
+  integrity sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==
+
+"@esbuild/freebsd-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz#98755cd12707f93f210e2494d6a4b51b96977f54"
+  integrity sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==
+
+"@esbuild/freebsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz#c1eb2bff03915f87c29cece4c1a7fa1f423b066e"
+  integrity sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==
+
+"@esbuild/linux-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz#bad4238bd8f4fc25b5a021280c770ab5fc3a02a0"
+  integrity sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==
+
+"@esbuild/linux-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz#3e617c61f33508a27150ee417543c8ab5acc73b0"
+  integrity sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==
+
+"@esbuild/linux-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz#699391cccba9aee6019b7f9892eb99219f1570a7"
+  integrity sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==
+
+"@esbuild/linux-loong64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz#e6fccb7aac178dd2ffb9860465ac89d7f23b977d"
+  integrity sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==
+
+"@esbuild/linux-mips64el@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz#eeff3a937de9c2310de30622a957ad1bd9183231"
+  integrity sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==
+
+"@esbuild/linux-ppc64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz#2f7156bde20b01527993e6881435ad79ba9599fb"
+  integrity sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==
+
+"@esbuild/linux-riscv64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz#6628389f210123d8b4743045af8caa7d4ddfc7a6"
+  integrity sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==
+
+"@esbuild/linux-s390x@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz#255e81fb289b101026131858ab99fba63dcf0071"
+  integrity sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==
+
+"@esbuild/linux-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz#c7690b3417af318a9b6f96df3031a8865176d338"
+  integrity sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==
+
+"@esbuild/netbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz#30e8cd8a3dded63975e2df2438ca109601ebe0d1"
+  integrity sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==
+
+"@esbuild/openbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz#7812af31b205055874c8082ea9cf9ab0da6217ae"
+  integrity sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==
+
+"@esbuild/sunos-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz#d5c275c3b4e73c9b0ecd38d1ca62c020f887ab9d"
+  integrity sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==
+
+"@esbuild/win32-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz#73bc7f5a9f8a77805f357fab97f290d0e4820ac9"
+  integrity sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==
+
+"@esbuild/win32-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz#ec93cbf0ef1085cc12e71e0d661d20569ff42102"
+  integrity sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==
+
+"@esbuild/win32-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz#786c5f41f043b07afb1af37683d7c33668858f6d"
+  integrity sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==
+
+"@floating-ui/core@^1.4.1":
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.4.1.tgz#0d633f4b76052668afb932492ac452f7ebe97f17"
+  integrity sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==
+  dependencies:
+    "@floating-ui/utils" "^0.1.1"
+
+"@floating-ui/dom@^1.5.1":
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.5.2.tgz#6812e89d1d4d4ea32f10d15c3b81feb7f9836d89"
+  integrity sha512-6ArmenS6qJEWmwzczWyhvrXRdI/rI78poBcW0h/456+onlabit+2G+QxHx5xTOX60NBJQXjsCLFbW2CmsXpUog==
+  dependencies:
+    "@floating-ui/core" "^1.4.1"
+    "@floating-ui/utils" "^0.1.1"
+
+"@floating-ui/react-dom@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.0.2.tgz#fab244d64db08e6bed7be4b5fcce65315ef44d20"
+  integrity sha512-5qhlDvjaLmAst/rKb3VdlCinwTF4EYMiVxuuc/HVUjs46W0zgtbMmAZ1UTsDrRTxRmUEzl92mOtWbeeXL26lSQ==
+  dependencies:
+    "@floating-ui/dom" "^1.5.1"
+
+"@floating-ui/utils@^0.1.1":
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.1.2.tgz#b7e9309ccce5a0a40ac482cb894f120dba2b357f"
+  integrity sha512-ou3elfqG/hZsbmF4bxeJhPHIf3G2pm0ujc39hYEZrfVqt7Vk/Zji6CXc3W0pmYM8BW1g40U+akTl9DKZhFhInQ==
+
+"@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2":
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz#7e02e6eb5df901aaedb08514203b096614024098"
+  integrity sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==
+  dependencies:
+    "@jridgewell/set-array" "^1.0.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz#c08679063f279615a3326583ba3a90d1d82cc721"
+  integrity sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==
+
+"@jridgewell/set-array@^1.0.1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
+  integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
+
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
+  version "1.4.15"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
+  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+
+"@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.19"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz#f8a3249862f91be48d3127c3cfe992f79b4b8811"
+  integrity sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@linaria/babel-preset@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@linaria/babel-preset/-/babel-preset-4.5.4.tgz#2b449cd518c9bb3b26a934ea98f5288fb9d5d675"
+  integrity sha512-AbOTqCb7XbQGAUNQkt8YxysXsek3qTEfXwj46bYLyFu/ADZ+ypmAUcmNJRJSjI0qAoS+ZFuK2dEpuwFVYeiveQ==
+  dependencies:
+    "@babel/core" "^7.22.9"
+    "@babel/generator" "^7.22.9"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.8"
+    "@babel/types" "^7.22.5"
+    "@linaria/core" "^4.5.4"
+    "@linaria/logger" "^4.5.0"
+    "@linaria/shaker" "^4.5.3"
+    "@linaria/tags" "^4.5.4"
+    "@linaria/utils" "^4.5.3"
+    cosmiconfig "^8.0.0"
+    source-map "^0.7.3"
+    stylis "^3.5.4"
+
+"@linaria/core@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@linaria/core/-/core-4.5.4.tgz#1bc989199e786da9cf21b0d26e1213687f886c96"
+  integrity sha512-vMs/5iU0stxjfbBCxobIgY+wSQx4G8ukNwrhjPVD+6bF9QrTwi5rl0mKaCMxaGMjnfsLRiiM3i+hnWLIEYLdSg==
+  dependencies:
+    "@linaria/logger" "^4.5.0"
+    "@linaria/tags" "^4.5.4"
+    "@linaria/utils" "^4.5.3"
+
+"@linaria/logger@^4.5.0":
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/@linaria/logger/-/logger-4.5.0.tgz#e5de815ffe7806822f47a559a512b98f66acea13"
+  integrity sha512-XdQLk242Cpcsc9a3Cz1ktOE5ysTo2TpxdeFQEPwMm8Z/+F/S6ZxBDdHYJL09srXWz3hkJr3oS2FPuMZNH1HIxw==
+  dependencies:
+    debug "^4.1.1"
+    picocolors "^1.0.0"
+
+"@linaria/shaker@^4.5.3":
+  version "4.5.3"
+  resolved "https://registry.yarnpkg.com/@linaria/shaker/-/shaker-4.5.3.tgz#0f6b588f61f2f3d425287a939256acbb64269a95"
+  integrity sha512-UeNw8HtY43pm+D0B+kq8BrW9GsRxm11zT7Lq3Qry8sX2mapvFqXaQ7VpTFHWEdkcbv7JOxBAMial2fu+ce/zqA==
+  dependencies:
+    "@babel/core" "^7.22.9"
+    "@babel/generator" "^7.22.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
+    "@babel/plugin-transform-runtime" "^7.22.9"
+    "@babel/plugin-transform-template-literals" "^7.22.5"
+    "@babel/preset-env" "^7.22.9"
+    "@linaria/logger" "^4.5.0"
+    "@linaria/utils" "^4.5.3"
+    babel-plugin-transform-react-remove-prop-types "^0.4.24"
+    ts-invariant "^0.10.3"
+
+"@linaria/tags@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@linaria/tags/-/tags-4.5.4.tgz#071ab024227433f783ea2d948904fc164731a912"
+  integrity sha512-HPxLB6HlJWLi6o8+8lTLegOmDnbMbuzEE+zzunaPZEGSoIIYx8HAv5VbY/sG/zNyxDElk6laiAwEVWN8h5/zxg==
+  dependencies:
+    "@babel/generator" "^7.22.9"
+    "@linaria/logger" "^4.5.0"
+    "@linaria/utils" "^4.5.3"
+
+"@linaria/utils@^4.5.3":
+  version "4.5.3"
+  resolved "https://registry.yarnpkg.com/@linaria/utils/-/utils-4.5.3.tgz#cf54f4096927ea347d01e814c1fb7aca7cf4063a"
+  integrity sha512-tSpxA3Zn0DKJ2n/YBnYAgiDY+MNvkmzAHrD8R9PKrpGaZ+wz1jQEmE1vGn1cqh8dJyWK0NzPAA8sf1cqa+RmAg==
+  dependencies:
+    "@babel/core" "^7.22.9"
+    "@babel/generator" "^7.22.9"
+    "@babel/plugin-proposal-export-namespace-from" "^7.18.9"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.8"
+    "@babel/types" "^7.22.5"
+    "@linaria/logger" "^4.5.0"
+    babel-merge "^3.0.0"
+    find-up "^5.0.0"
+    minimatch "^9.0.3"
+
+"@linaria/vite@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@linaria/vite/-/vite-4.5.4.tgz#bbccbd3de67715a8b6759a578c086c1ab31ec8d2"
+  integrity sha512-YhaLgTAfE7xzRLJwxWjo0Ak/YOJ+kPWuOm3lrkziclsvf1bbTUHlecmvth+2KuJG8HEPReekuyDErnwIQoD6sA==
+  dependencies:
+    "@linaria/babel-preset" "^4.5.4"
+    "@linaria/logger" "^4.5.0"
+    "@linaria/utils" "^4.5.3"
+    "@rollup/pluginutils" "^4.1.0"
+
+"@mui/base@5.0.0-beta.15":
+  version "5.0.0-beta.15"
+  resolved "https://registry.yarnpkg.com/@mui/base/-/base-5.0.0-beta.15.tgz#76bebd377cc3b7fdc80924759a4100e5319ed0f9"
+  integrity sha512-Xtom3YSdi0iwYPtyVRFUEGoRwi6IHWixPwifDKaK+4PkEPtUWMU5YOIJfTsmC59ri+dFvA3oBNSiTPUGGrklZw==
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    "@floating-ui/react-dom" "^2.0.2"
+    "@mui/types" "^7.2.4"
+    "@mui/utils" "^5.14.9"
+    "@popperjs/core" "^2.11.8"
+    clsx "^2.0.0"
+    prop-types "^15.8.1"
+
+"@mui/core-downloads-tracker@^5.14.9":
+  version "5.14.9"
+  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.9.tgz#97a4e2decce1583983b4a0cded8bcb2be1b1cb31"
+  integrity sha512-JAU/R5hM3l2zP1Q4KnioDRhq5V3vZ4mmjEZ+TwARDb2xFhg3p59McacQuzkSu0sUHJnH9aJos36+hU5sPQBcFQ==
+
+"@mui/material@file:../../packages/mui-material/build":
+  version "5.14.9"
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    "@mui/base" "5.0.0-beta.15"
+    "@mui/core-downloads-tracker" "^5.14.9"
+    "@mui/system" "^5.14.9"
+    "@mui/types" "^7.2.4"
+    "@mui/utils" "^5.14.9"
+    "@types/react-transition-group" "^4.4.6"
+    clsx "^2.0.0"
+    csstype "^3.1.2"
+    prop-types "^15.8.1"
+    react-is "^18.2.0"
+    react-transition-group "^4.4.5"
+
+"@mui/private-theming@^5.14.9":
+  version "5.14.9"
+  resolved "https://registry.yarnpkg.com/@mui/private-theming/-/private-theming-5.14.9.tgz#085041c44cc28c25f3431a293339922ec3d9b5f8"
+  integrity sha512-0PzoUFqFXTXiNchhR7K4b7kZunasPOjx6Qf7AagCmfZDNASHedA0x6evHVhnST918x/AHY9xykYNKfB0Z4xMBg==
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    "@mui/utils" "^5.14.9"
+    prop-types "^15.8.1"
+
+"@mui/styled-engine@^5.14.9":
+  version "5.14.9"
+  resolved "https://registry.yarnpkg.com/@mui/styled-engine/-/styled-engine-5.14.9.tgz#bc2121db1399bb84ea5390b40beac742b6be7023"
+  integrity sha512-LEQxLrW9oWvea33pge08+oyNeTz704jb6Nhe26xEJKojXWd34Rr327Zzx3dmo70AcS4h0b99vQjEpUzm6ASqUw==
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    "@emotion/cache" "^11.11.0"
+    csstype "^3.1.2"
+    prop-types "^15.8.1"
+    react "^18.2.0"
+
+"@mui/system@^5.14.9":
+  version "5.14.9"
+  resolved "https://registry.yarnpkg.com/@mui/system/-/system-5.14.9.tgz#90a20473a85622ddabf5a2409de1980fad98f38d"
+  integrity sha512-Z00Wj590QXk5+SIxmxayBo7SWrao+y433LKGChneJxO4QcT/caSCeEWtyeoLs1Q8ys0zOzl2kkKee6n8TaKzhQ==
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    "@mui/private-theming" "^5.14.9"
+    "@mui/styled-engine" "^5.14.9"
+    "@mui/types" "^7.2.4"
+    "@mui/utils" "^5.14.9"
+    clsx "^2.0.0"
+    csstype "^3.1.2"
+    prop-types "^15.8.1"
+
+"@mui/types@^7.2.4":
+  version "7.2.4"
+  resolved "https://registry.yarnpkg.com/@mui/types/-/types-7.2.4.tgz#b6fade19323b754c5c6de679a38f068fd50b9328"
+  integrity sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==
+
+"@mui/utils@^5.14.9":
+  version "5.14.9"
+  resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-5.14.9.tgz#eeefef88dbee687ac90e8972c63f0d41f19348a3"
+  integrity sha512-9ysB5e+RwS7ofn0n3nwAg1/3c81vBTmSvauD3EuK9LmqMzhmF//BFDaC44U4yITvB/0m1kWyDqg924Ll3VHCcg==
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    prop-types "^15.8.1"
+    react-is "^18.2.0"
+
+"@mui/utils@file:../../packages/mui-utils/build":
+  version "5.14.9"
+  dependencies:
+    "@babel/runtime" "^7.22.15"
+    prop-types "^15.8.1"
+    react-is "^18.2.0"
+
+"@mui/zero-runtime@file:../../packages/zero-runtime/build":
+  version "0.0.1-alpha.3"
+  dependencies:
+    clsx "^2.0.0"
+
+"@mui/zero-tag-processor@0.0.1-alpha.3", "@mui/zero-tag-processor@file:../../packages/zero-tag-processor/build":
+  version "0.0.1-alpha.3"
+  dependencies:
+    "@babel/core" "^7.22.17"
+    "@babel/helper-module-imports" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/parser" "^7.22.16"
+    "@babel/types" "^7.22.17"
+    "@emotion/css" "^11.11.2"
+    "@linaria/tags" "^4.5.4"
+    "@linaria/utils" "^4.5.3"
+    "@mui/system" "^5.14.9"
+    lodash.get "^4.4.2"
+
+"@mui/zero-vite-plugin@file:../../packages/zero-vite-plugin/build":
+  version "0.0.1-alpha.3"
+  dependencies:
+    "@babel/core" "^7.22.17"
+    "@linaria/vite" "^4.5.4"
+    "@mui/zero-tag-processor" "0.0.1-alpha.3"
+
+"@popperjs/core@^2.11.8":
+  version "2.11.8"
+  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
+  integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
+
+"@rollup/pluginutils@^4.1.0":
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d"
+  integrity sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==
+  dependencies:
+    estree-walker "^2.0.1"
+    picomatch "^2.2.2"
+
+"@types/parse-json@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
+  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
+
+"@types/prop-types@*":
+  version "15.7.5"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
+  integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
+
+"@types/react-transition-group@^4.4.6":
+  version "4.4.6"
+  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.6.tgz#18187bcda5281f8e10dfc48f0943e2fdf4f75e2e"
+  integrity sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react@*":
+  version "18.2.21"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.21.tgz#774c37fd01b522d0b91aed04811b58e4e0514ed9"
+  integrity sha512-neFKG/sBAwGxHgXiIxnbm3/AAVQ/cMRS93hvBpg8xYRbeQSPVABp9U2bRnPf0iI4+Ucdv3plSxKK+3CW2ENJxA==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
+"@types/scheduler@*":
+  version "0.16.3"
+  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.3.tgz#cef09e3ec9af1d63d2a6cc5b383a737e24e6dcf5"
+  integrity sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==
+
+"@vitejs/plugin-react@^4.0.4":
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-react/-/plugin-react-4.0.4.tgz#31c3f779dc534e045c4b134e7cf7b150af0a7646"
+  integrity sha512-7wU921ABnNYkETiMaZy7XqpueMnpu5VxvVps13MjmCo+utBdD79sZzrApHawHtVX66cCJQQTXFcjH0y9dSUK8g==
+  dependencies:
+    "@babel/core" "^7.22.9"
+    "@babel/plugin-transform-react-jsx-self" "^7.22.5"
+    "@babel/plugin-transform-react-jsx-source" "^7.22.5"
+    react-refresh "^0.14.0"
+
+ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+  dependencies:
+    color-convert "^1.9.0"
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+babel-merge@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/babel-merge/-/babel-merge-3.0.0.tgz#9bd368d48116dab18b8f3e8022835479d80f3b50"
+  integrity sha512-eBOBtHnzt9xvnjpYNI5HmaPp/b2vMveE5XggzqHnQeHJ8mFIBrBv6WZEVIj5jJ2uwTItkqKo9gWzEEcBxEq0yw==
+  dependencies:
+    deepmerge "^2.2.1"
+    object.omit "^3.0.0"
+
+babel-plugin-macros@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
+  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    cosmiconfig "^7.0.0"
+    resolve "^1.19.0"
+
+babel-plugin-polyfill-corejs2@^0.4.5:
+  version "0.4.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz#8097b4cb4af5b64a1d11332b6fb72ef5e64a054c"
+  integrity sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==
+  dependencies:
+    "@babel/compat-data" "^7.22.6"
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+    semver "^6.3.1"
+
+babel-plugin-polyfill-corejs3@^0.8.3:
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.3.tgz#b4f719d0ad9bb8e0c23e3e630c0c8ec6dd7a1c52"
+  integrity sha512-z41XaniZL26WLrvjy7soabMXrfPWARN25PZoriDEiLMxAp50AUW3t35BGQUMg5xK3UrpVTtagIDklxYa+MhiNA==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+    core-js-compat "^3.31.0"
+
+babel-plugin-polyfill-regenerator@^0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz#80d0f3e1098c080c8b5a65f41e9427af692dc326"
+  integrity sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+
+babel-plugin-transform-react-remove-prop-types@^0.4.24:
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz#f2edaf9b4c6a5fbe5c1d678bfb531078c1555f3a"
+  integrity sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA==
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+browserslist@^4.21.10, browserslist@^4.21.9:
+  version "4.21.10"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.10.tgz#dbbac576628c13d3b2231332cb2ec5a46e015bb0"
+  integrity sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==
+  dependencies:
+    caniuse-lite "^1.0.30001517"
+    electron-to-chromium "^1.4.477"
+    node-releases "^2.0.13"
+    update-browserslist-db "^1.0.11"
+
+callsites@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
+  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
+
+caniuse-lite@^1.0.30001517:
+  version "1.0.30001534"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001534.tgz#f24a9b2a6d39630bac5c132b5dff89b39a12e7dd"
+  integrity sha512-vlPVrhsCS7XaSh2VvWluIQEzVhefrUQcEsQWSS5A5V+dM07uv1qHeQzAOTGIMy9i3e9bH15+muvI/UHojVgS/Q==
+
+chalk@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+clsx@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.0.0.tgz#12658f3fd98fafe62075595a5c30e43d18f3d00b"
+  integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==
+
+color-convert@^1.9.0:
+  version "1.9.3"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+  dependencies:
+    color-name "1.1.3"
+
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
+convert-source-map@^1.5.0, convert-source-map@^1.7.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+
+core-js-compat@^3.31.0:
+  version "3.32.2"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.32.2.tgz#8047d1a8b3ac4e639f0d4f66d4431aa3b16e004c"
+  integrity sha512-+GjlguTDINOijtVRUxrQOv3kfu9rl+qPNdX2LTbJ/ZyVTuxK+ksVSAGX1nHstu4hrv1En/uPTtWgq2gI5wt4AQ==
+  dependencies:
+    browserslist "^4.21.10"
+
+cosmiconfig@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
+cosmiconfig@^8.0.0:
+  version "8.3.6"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-8.3.6.tgz#060a2b871d66dba6c8538ea1118ba1ac16f5fae3"
+  integrity sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==
+  dependencies:
+    import-fresh "^3.3.0"
+    js-yaml "^4.1.0"
+    parse-json "^5.2.0"
+    path-type "^4.0.0"
+
+csstype@^3.0.2, csstype@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b"
+  integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
+
+debug@^4.1.0, debug@^4.1.1:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
+  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
+  dependencies:
+    ms "2.1.2"
+
+deepmerge@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-2.2.1.tgz#5d3ff22a01c00f645405a2fbc17d0778a1801170"
+  integrity sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==
+
+dom-helpers@^5.0.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
+  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
+  dependencies:
+    "@babel/runtime" "^7.8.7"
+    csstype "^3.0.2"
+
+electron-to-chromium@^1.4.477:
+  version "1.4.520"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.520.tgz#c19c25a10d87bd88a9aae2b76cae9235a50c2994"
+  integrity sha512-Frfus2VpYADsrh1lB3v/ft/WVFlVzOIm+Q0p7U7VqHI6qr7NWHYKe+Wif3W50n7JAFoBsWVsoU0+qDks6WQ60g==
+
+error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
+  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
+  dependencies:
+    is-arrayish "^0.2.1"
+
+esbuild@^0.18.10:
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.18.20.tgz#4709f5a34801b43b799ab7d6d82f7284a9b7a7a6"
+  integrity sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.18.20"
+    "@esbuild/android-arm64" "0.18.20"
+    "@esbuild/android-x64" "0.18.20"
+    "@esbuild/darwin-arm64" "0.18.20"
+    "@esbuild/darwin-x64" "0.18.20"
+    "@esbuild/freebsd-arm64" "0.18.20"
+    "@esbuild/freebsd-x64" "0.18.20"
+    "@esbuild/linux-arm" "0.18.20"
+    "@esbuild/linux-arm64" "0.18.20"
+    "@esbuild/linux-ia32" "0.18.20"
+    "@esbuild/linux-loong64" "0.18.20"
+    "@esbuild/linux-mips64el" "0.18.20"
+    "@esbuild/linux-ppc64" "0.18.20"
+    "@esbuild/linux-riscv64" "0.18.20"
+    "@esbuild/linux-s390x" "0.18.20"
+    "@esbuild/linux-x64" "0.18.20"
+    "@esbuild/netbsd-x64" "0.18.20"
+    "@esbuild/openbsd-x64" "0.18.20"
+    "@esbuild/sunos-x64" "0.18.20"
+    "@esbuild/win32-arm64" "0.18.20"
+    "@esbuild/win32-ia32" "0.18.20"
+    "@esbuild/win32-x64" "0.18.20"
+
+escalade@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
+  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
+
+escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+estree-walker@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
+find-root@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
+  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+
+gensync@^1.0.0-beta.2:
+  version "1.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+
+globals@^11.1.0:
+  version "11.12.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
+  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+
+has@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
+  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+  dependencies:
+    function-bind "^1.1.1"
+
+import-fresh@^3.2.1, import-fresh@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
+  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
+
+is-core-module@^2.13.0:
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.0.tgz#bb52aa6e2cbd49a30c2ba68c42bf3435ba6072db"
+  integrity sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==
+  dependencies:
+    has "^1.0.3"
+
+is-extendable@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4"
+  integrity sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==
+  dependencies:
+    is-plain-object "^2.0.4"
+
+is-plain-object@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
+  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
+  dependencies:
+    isobject "^3.0.1"
+
+isobject@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
+  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
+
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
+
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+jsesc@^2.5.1:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
+  integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
+
+jsesc@~0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
+  integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
+
+json-parse-even-better-errors@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+json5@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+lines-and-columns@^1.1.6:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
+  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+  integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
+
+lodash.get@^4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/lodash.get/-/lodash.get-4.4.2.tgz#2d177f652fa31e939b4438d5341499dfa3825e99"
+  integrity sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==
+
+loose-envify@^1.1.0, loose-envify@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
+lru-cache@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
+  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
+  dependencies:
+    yallist "^3.0.2"
+
+minimatch@^9.0.3:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+nanoid@^3.3.6:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
+  integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
+
+node-releases@^2.0.13:
+  version "2.0.13"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.13.tgz#d5ed1627c23e3461e819b02e57b75e4899b1c81d"
+  integrity sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==
+
+object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
+object.omit@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-3.0.0.tgz#0e3edc2fce2ba54df5577ff529f6d97bd8a522af"
+  integrity sha512-EO+BCv6LJfu+gBIF3ggLicFebFLN5zqzz/WWJlMFfkMyGth+oBkhxzDl0wx2W4GkLzuQs/FsSkXZb2IMWQqmBQ==
+  dependencies:
+    is-extendable "^1.0.0"
+
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+parse-json@^5.0.0, parse-json@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
+  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-even-better-errors "^2.3.0"
+    lines-and-columns "^1.1.6"
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
+picocolors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
+  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+
+picomatch@^2.2.2:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+postcss@^8.4.27:
+  version "8.4.29"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.29.tgz#33bc121cf3b3688d4ddef50be869b2a54185a1dd"
+  integrity sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==
+  dependencies:
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+prop-types@^15.6.2, prop-types@^15.8.1:
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
+react-dom@^18.2.0:
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
+  integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
+  dependencies:
+    loose-envify "^1.1.0"
+    scheduler "^0.23.0"
+
+react-is@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+react-is@^18.2.0:
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
+  integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
+
+react-refresh@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.14.0.tgz#4e02825378a5f227079554d4284889354e5f553e"
+  integrity sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==
+
+react-transition-group@^4.4.5:
+  version "4.4.5"
+  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1"
+  integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    dom-helpers "^5.0.1"
+    loose-envify "^1.4.0"
+    prop-types "^15.6.2"
+
+react@^18.2.0:
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
+  integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
+  dependencies:
+    loose-envify "^1.1.0"
+
+regenerate-unicode-properties@^10.1.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz#7c3192cab6dd24e21cb4461e5ddd7dd24fa8374c"
+  integrity sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==
+  dependencies:
+    regenerate "^1.4.2"
+
+regenerate@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
+  integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
+
+regenerator-runtime@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz#5e19d68eb12d486f797e15a3c6a918f7cec5eb45"
+  integrity sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==
+
+regenerator-transform@^0.15.2:
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.2.tgz#5bbae58b522098ebdf09bca2f83838929001c7a4"
+  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
+  dependencies:
+    "@babel/runtime" "^7.8.4"
+
+regexpu-core@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.3.2.tgz#11a2b06884f3527aec3e93dbbf4a3b958a95546b"
+  integrity sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==
+  dependencies:
+    "@babel/regjsgen" "^0.8.0"
+    regenerate "^1.4.2"
+    regenerate-unicode-properties "^10.1.0"
+    regjsparser "^0.9.1"
+    unicode-match-property-ecmascript "^2.0.0"
+    unicode-match-property-value-ecmascript "^2.1.0"
+
+regjsparser@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.9.1.tgz#272d05aa10c7c1f67095b1ff0addae8442fc5709"
+  integrity sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==
+  dependencies:
+    jsesc "~0.5.0"
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+resolve@^1.14.2, resolve@^1.19.0:
+  version "1.22.4"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.4.tgz#1dc40df46554cdaf8948a486a10f6ba1e2026c34"
+  integrity sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+rollup@^3.27.1:
+  version "3.29.1"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.29.1.tgz#ba53a179d46ac3cd79e162dca6ab70d93cd26f78"
+  integrity sha512-c+ebvQz0VIH4KhhCpDsI+Bik0eT8ZFEVZEYw0cGMVqIP8zc+gnwl7iXCamTw7vzv2MeuZFZfdx5JJIq+ehzDlg==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+scheduler@^0.23.0:
+  version "0.23.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.0.tgz#ba8041afc3d30eb206a487b6b384002e4e61fdfe"
+  integrity sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==
+  dependencies:
+    loose-envify "^1.1.0"
+
+semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+source-map-js@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
+source-map@^0.5.7:
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
+
+source-map@^0.7.3:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
+stylis@4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
+  integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
+
+stylis@^3.5.4:
+  version "3.5.4"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.4.tgz#f665f25f5e299cf3d64654ab949a57c768b73fbe"
+  integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==
+
+supports-color@^5.3.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+to-fast-properties@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
+  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
+
+ts-invariant@^0.10.3:
+  version "0.10.3"
+  resolved "https://registry.yarnpkg.com/ts-invariant/-/ts-invariant-0.10.3.tgz#3e048ff96e91459ffca01304dbc7f61c1f642f6c"
+  integrity sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==
+  dependencies:
+    tslib "^2.1.0"
+
+tslib@^2.1.0:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
+  integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
+
+unicode-canonical-property-names-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
+  integrity sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==
+
+unicode-match-property-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz#54fd16e0ecb167cf04cf1f756bdcc92eba7976c3"
+  integrity sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==
+  dependencies:
+    unicode-canonical-property-names-ecmascript "^2.0.0"
+    unicode-property-aliases-ecmascript "^2.0.0"
+
+unicode-match-property-value-ecmascript@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz#cb5fffdcd16a05124f5a4b0bf7c3770208acbbe0"
+  integrity sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==
+
+unicode-property-aliases-ecmascript@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
+  integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
+
+update-browserslist-db@^1.0.11:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz#9a2a641ad2907ae7b3616506f4b977851db5b940"
+  integrity sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==
+  dependencies:
+    escalade "^3.1.1"
+    picocolors "^1.0.0"
+
+vite@4.4.9:
+  version "4.4.9"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.4.9.tgz#1402423f1a2f8d66fd8d15e351127c7236d29d3d"
+  integrity sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==
+  dependencies:
+    esbuild "^0.18.10"
+    postcss "^8.4.27"
+    rollup "^3.27.1"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
+yaml@^1.10.0:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
diff --git a/babel.config.js b/babel.config.js
index 6a0a54d455f095..4b2db95b51a9b5 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -8,28 +8,31 @@ function resolveAliasPath(relativeToBabelConf) {
   return `./${resolvedPath.replace('\\', '/')}`;
 }
 
-const defaultAlias = {
-  '@mui/material': resolveAliasPath('./packages/mui-material/src'),
-  '@mui/docs': resolveAliasPath('./packages/mui-docs/src'),
-  '@mui/icons-material': resolveAliasPath('./packages/mui-icons-material/lib'),
-  '@mui/lab': resolveAliasPath('./packages/mui-lab/src'),
-  '@mui/styled-engine': resolveAliasPath('./packages/mui-styled-engine/src'),
-  '@mui/styled-engine-sc': resolveAliasPath('./packages/mui-styled-engine-sc/src'),
-  '@mui/styles': resolveAliasPath('./packages/mui-styles/src'),
-  '@mui/system': resolveAliasPath('./packages/mui-system/src'),
-  '@mui/private-theming': resolveAliasPath('./packages/mui-private-theming/src'),
-  '@mui/base': resolveAliasPath('./packages/mui-base/src'),
-  '@mui/utils': resolveAliasPath('./packages/mui-utils/src'),
-  '@mui/material-next': resolveAliasPath('./packages/mui-material-next/src'),
-  '@mui/joy': resolveAliasPath('./packages/mui-joy/src'),
-};
-
 const productionPlugins = [
   ['babel-plugin-react-remove-properties', { properties: ['data-mui-test'] }],
 ];
 
 module.exports = function getBabelConfig(api) {
-  const useESModules = api.env(['legacy', 'modern', 'stable', 'rollup']);
+  const useESModules = api.env(['regressions', 'legacy', 'modern', 'stable', 'rollup']);
+
+  const defaultAlias = {
+    '@mui/material': resolveAliasPath('./packages/mui-material/src'),
+    '@mui/docs': resolveAliasPath('./packages/mui-docs/src'),
+    '@mui/icons-material': resolveAliasPath(
+      `./packages/mui-icons-material/lib${useESModules ? '/esm' : ''}`,
+    ),
+    '@mui/lab': resolveAliasPath('./packages/mui-lab/src'),
+    '@mui/markdown': resolveAliasPath('./packages/markdown'),
+    '@mui/styled-engine': resolveAliasPath('./packages/mui-styled-engine/src'),
+    '@mui/styled-engine-sc': resolveAliasPath('./packages/mui-styled-engine-sc/src'),
+    '@mui/styles': resolveAliasPath('./packages/mui-styles/src'),
+    '@mui/system': resolveAliasPath('./packages/mui-system/src'),
+    '@mui/private-theming': resolveAliasPath('./packages/mui-private-theming/src'),
+    '@mui/base': resolveAliasPath('./packages/mui-base/src'),
+    '@mui/utils': resolveAliasPath('./packages/mui-utils/src'),
+    '@mui/material-next': resolveAliasPath('./packages/mui-material-next/src'),
+    '@mui/joy': resolveAliasPath('./packages/mui-joy/src'),
+  };
 
   const presets = [
     [
diff --git a/benchmark/browser/index.js b/benchmark/browser/index.js
index 225106d929a6af..50f9b600fd632a 100644
--- a/benchmark/browser/index.js
+++ b/benchmark/browser/index.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import * as ReactDOMClient from 'react-dom/client';
 import PropTypes from 'prop-types';
 import { logReactMetrics } from './utils';
 
@@ -7,6 +7,7 @@ import { logReactMetrics } from './utils';
 const requirePerfScenarios = require.context('./scenarios', true, /(js|ts|tsx)$/);
 
 const rootEl = document.getElementById('root');
+const root = ReactDOMClient.createRoot(rootEl);
 
 const scenarioSuitePath = window.location.search.replace('?', '');
 
@@ -35,11 +36,10 @@ Measure.propTypes = {
   children: PropTypes.node,
 };
 
-ReactDOM.render(
+root.render(
   <React.Profiler id={scenarioSuitePath} onRender={logReactMetrics}>
     <Measure>
       <Component />
     </Measure>
   </React.Profiler>,
-  rootEl,
 );
diff --git a/benchmark/package.json b/benchmark/package.json
index f639c0c1e78c2e..b3d04a28e8998f 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -11,16 +11,21 @@
     "server:system": "cd ../ && cross-env NODE_ENV=production BABEL_ENV=benchmark babel-node benchmark/server/scenarios/system.js --inspect=0.0.0.0:9229 --extensions \".tsx,.ts,.js\""
   },
   "dependencies": {
-    "@chakra-ui/system": "^2.6.0",
+    "@chakra-ui/system": "^2.6.1",
     "@emotion/react": "^11.11.1",
+    "@emotion/server": "^11.11.0",
     "@emotion/styled": "^11.11.0",
-    "@mdx-js/react": "^2.3.0",
-    "@mui/material": "^5.14.4",
-    "@mui/styles": "^5.14.4",
-    "@mui/system": "^5.14.4",
+    "@mui/material": "^5.14.10",
+    "@mui/styles": "^5.14.10",
+    "@mui/system": "^5.14.10",
     "@styled-system/css": "^5.1.5",
     "benchmark": "^2.1.4",
-    "playwright": "^1.36.2",
+    "docs": "^5.0.0",
+    "express": "^4.18.2",
+    "fs-extra": "^11.1.1",
+    "jss": "^10.10.0",
+    "playwright": "^1.37.1",
+    "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
@@ -29,8 +34,8 @@
     "redux": "^4.2.1",
     "serve-handler": "^6.1.5",
     "styled-components": "^5.3.11",
-    "theme-ui": "^0.16.0",
-    "webpack": "^5.88.2",
-    "webpack-cli": "^4.10.0"
+    "styled-system": "^5.1.5",
+    "theme-ui": "^0.16.1",
+    "webpack": "^5.88.2"
   }
 }
diff --git a/dangerfile.ts b/dangerfile.ts
index b4d75c1cd24a12..72d77fe2615db4 100644
--- a/dangerfile.ts
+++ b/dangerfile.ts
@@ -1,4 +1,3 @@
-/* eslint-disable import/order */
 // inspire by reacts dangerfile
 // danger has to be the first thing required!
 import { danger, markdown } from 'danger';
diff --git a/docs/.link-check-errors.txt b/docs/.link-check-errors.txt
index 4f82b8fd7ece91..56651fd0545f7e 100644
--- a/docs/.link-check-errors.txt
+++ b/docs/.link-check-errors.txt
@@ -1,4 +1,4 @@
 Broken links found by `yarn docs:link-check` that exist:
 
 - https://mui.com/blog/material-ui-v4-is-out/#premium-themes-store-✨
-- https://mui.com/size-snapshot
+- https://mui.com/size-snapshot/
diff --git a/docs/data/about/teamMembers.json b/docs/data/about/teamMembers.json
index fcd1526e63c50c..20c314ad768c0d 100644
--- a/docs/data/about/teamMembers.json
+++ b/docs/data/about/teamMembers.json
@@ -262,5 +262,14 @@
     "locationCountry": "ro",
     "about": "Art enthusiast 🎨 outdoor person 🌳 animal lover 🐾",
     "github": "noraleonte"
+  },
+  {
+    "name": "Michel Engelen",
+    "title": "React Community Engineer - X",
+    "location": "Zeven, Germany",
+    "locationCountry": "de",
+    "about": "Geeking out on Badminton 🏸, everything Japan 🇯🇵 and Pizza 🍕",
+    "twitter": "jsNerdic",
+    "github": "michelengelen"
   }
 ]
diff --git a/docs/data/base/all-components/all-components.md b/docs/data/base/all-components/all-components.md
index 1886c0a4942625..d8a892d14450f2 100644
--- a/docs/data/base/all-components/all-components.md
+++ b/docs/data/base/all-components/all-components.md
@@ -1,5 +1,5 @@
 # Base UI components
 
-<p class="description">Every Base UI component available so far.</p>
+<p class="description">Every Base UI component available so far, sorted alphabetically.</p>
 
-{{"component": "docs/src/modules/components/BaseUIComponents.js"}}
+{{"component": "modules/components/BaseUIComponents.js"}}
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction.tsx.preview b/docs/data/base/components/autocomplete/AutocompleteIntroduction.tsx.preview
deleted file mode 100644
index 26ce9487be4e77..00000000000000
--- a/docs/data/base/components/autocomplete/AutocompleteIntroduction.tsx.preview
+++ /dev/null
@@ -1 +0,0 @@
-<CustomAutocomplete options={top100Films} />
\ No newline at end of file
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.js b/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.js
new file mode 100644
index 00000000000000..8bd04ec94e34f4
--- /dev/null
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.js
@@ -0,0 +1,464 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { useAutocomplete } from '@mui/base/useAutocomplete';
+import { Button } from '@mui/base/Button';
+import { Input } from '@mui/base/Input';
+import { Popper } from '@mui/base/Popper';
+import { useTheme } from '@mui/system';
+import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import ClearIcon from '@mui/icons-material/Clear';
+import clsx from 'clsx';
+
+const Autocomplete = React.forwardRef(function Autocomplete(props, ref) {
+  const {
+    disableClearable = false,
+    disabled = false,
+    readOnly = false,
+    options,
+    ...other
+  } = props;
+
+  const {
+    getRootProps,
+    getInputProps,
+    getPopupIndicatorProps,
+    getClearProps,
+    getListboxProps,
+    getOptionProps,
+    dirty,
+    id,
+    popupOpen,
+    focused,
+    anchorEl,
+    setAnchorEl,
+    groupedOptions,
+  } = useAutocomplete({
+    ...props,
+    componentName: 'BaseAutocompleteIntroduction',
+  });
+
+  const hasClearIcon = !disableClearable && !disabled && dirty && !readOnly;
+
+  const rootRef = useForkRef(ref, setAnchorEl);
+
+  return (
+    <React.Fragment>
+      <div
+        {...getRootProps(other)}
+        ref={rootRef}
+        className={clsx('Autocomplete__root', focused && 'focused')}
+      >
+        <Input
+          id={id}
+          ref={setAnchorEl}
+          disabled={disabled}
+          readOnly={readOnly}
+          slotProps={{
+            root: {
+              className: 'Autocomplete__input-root',
+            },
+            input: {
+              className: 'Autocomplete__input',
+              ...getInputProps(),
+            },
+          }}
+        />
+        {hasClearIcon && (
+          <Button
+            {...getClearProps()}
+            className="Autocomplete__indicator clear-indicator"
+          >
+            <ClearIcon />
+          </Button>
+        )}
+
+        <Button
+          {...getPopupIndicatorProps()}
+          className={clsx(
+            'Autocomplete__indicator',
+            'popup-indicator',
+            popupOpen && 'popupOpen',
+          )}
+        >
+          <ArrowDropDownIcon />
+        </Button>
+      </div>
+      {anchorEl ? (
+        <Popper
+          open={popupOpen}
+          anchorEl={anchorEl}
+          slotProps={{
+            root: { className: 'Autocomplete__popper' },
+          }}
+          modifiers={[
+            { name: 'flip', enabled: false },
+            { name: 'preventOverflow', enabled: false },
+          ]}
+        >
+          <ul {...getListboxProps()} className="Autocomplete__listbox">
+            {groupedOptions.map((option, index) => {
+              const optionProps = getOptionProps({ option, index });
+
+              return (
+                <li {...optionProps} className="Autocomplete__option">
+                  {option.label}
+                </li>
+              );
+            })}
+
+            {groupedOptions.length === 0 && (
+              <li className="Autocomplete__no-options">No results</li>
+            )}
+          </ul>
+        </Popper>
+      ) : null}
+      <Styles />
+    </React.Fragment>
+  );
+});
+
+Autocomplete.propTypes = {
+  /**
+   * If `true`, the input can't be cleared.
+   * @default false
+   */
+  disableClearable: PropTypes.oneOf([false]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: PropTypes.bool,
+  /**
+   * Array of options.
+   */
+  options: PropTypes.arrayOf(
+    PropTypes.shape({
+      label: PropTypes.string.isRequired,
+      year: PropTypes.number.isRequired,
+    }),
+  ).isRequired,
+  /**
+   * If `true`, the component becomes readonly. It is also supported for multiple tags where the tag cannot be deleted.
+   * @default false
+   */
+  readOnly: PropTypes.bool,
+};
+
+export default function AutocompleteIntroduction() {
+  return <Autocomplete options={top100Films} />;
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>
+      {`
+      .Autocomplete__root {
+        font-family: IBM Plex Sans, sans-serif;
+        font-weight: 400;
+        border-radius: 8px;
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        box-shadow: 0px 4px 6px ${
+          isDarkMode ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
+        };
+        display: flex;
+        gap: 5px;
+        overflow: hidden;
+        width: 320px;
+
+        &.focused {
+          border-color: ${cyan[400]};
+          box-shadow: 0 0 0 3px ${isDarkMode ? cyan[500] : cyan[200]};
+        }
+
+        &:hover {
+          border-color: ${cyan[400]};
+        }
+
+        &:focus-visible {
+          outline: 0;
+        }
+      }
+
+      .Autocomplete__popper {
+        position: relative;
+        z-index: 1001;
+        width: 320px;
+      }
+
+      .Autocomplete__input-root {
+        background: inherit;
+        border-radius: inherit;
+        flex: 1 0 auto;
+      }
+
+      .Autocomplete__input {
+        font-size: 0.875rem;
+        font-family: inherit;
+        font-weight: 400;
+        line-height: 1.5;
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        background: inherit;
+        border: none;
+        border-radius: inherit;
+        padding: 8px 12px;
+        outline: 0;
+      }
+
+      .Autocomplete__indicator {
+        outline: 0;
+        box-shadow: none;
+        border: 0;
+        border-radius: 4px;
+        background-color: transparent;
+        align-self: center;
+        padding: 0 2px;
+        margin-right: 4px;
+
+        &:hover {
+          background-color: ${isDarkMode ? grey[700] : cyan[100]};
+          cursor: pointer;
+        }
+      }
+
+      .Autocomplete__indicator.popup-indicator > svg {
+        transform: translateY(2px);
+      }
+
+      .Autocomplete__indicator.popup-indicator.popupOpen > svg {
+        transform: translateY(2px) rotate(180deg);
+      }
+
+      .Autocomplete__indicator.clear-indicator > svg {
+        transform: translateY(2px) scale(0.9);
+      }
+
+      .Autocomplete__listbox {
+        font-family: IBM Plex Sans, sans-serif;
+        font-size: 0.875rem;
+        box-sizing: border-box;
+        padding: 6px;
+        margin: 12px 0;
+        width: 100%;
+        border-radius: 12px;
+        overflow: auto;
+        outline: 0px;
+        max-height: 300px;
+        z-index: 1;
+        position: absolute;
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        box-shadow: 0px 4px 6px ${
+          isDarkMode ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
+        };
+      }
+
+      .Autocomplete__option {
+        list-style: none;
+        padding: 8px;
+        border-radius: 8px;
+        cursor: default;
+
+        &:last-of-type {
+          border-bottom: none;
+        }
+
+        &:hover {
+          cursor: pointer;
+        }
+
+        &[aria-selected=true] {
+          background-color: ${isDarkMode ? cyan[900] : cyan[100]};
+          color: ${isDarkMode ? cyan[100] : cyan[900]};
+        }
+
+        &.Mui-focused,
+        &.Mui-focusVisible {
+          background-color: ${isDarkMode ? grey[800] : grey[100]};
+          color: ${isDarkMode ? grey[300] : grey[900]};
+        }
+
+        &.Mui-focusVisible {
+          box-shadow: 0 0 0 3px ${isDarkMode ? cyan[500] : cyan[200]};
+        }
+
+        &[aria-selected=true].Mui-focused,
+        &[aria-selected=true].Mui-focusVisible {
+          background-color: ${isDarkMode ? cyan[900] : cyan[100]};
+          color: ${isDarkMode ? cyan[100] : cyan[900]};
+        }
+      }
+
+      .Autocomplete__no-options {
+        list-style: none;
+        padding: 8px;
+        cursor: default;
+      }
+      `}
+    </style>
+  );
+}
+
+const top100Films = [
+  { label: 'The Shawshank Redemption', year: 1994 },
+  { label: 'The Godfather', year: 1972 },
+  { label: 'The Godfather: Part II', year: 1974 },
+  { label: 'The Dark Knight', year: 2008 },
+  { label: '12 Angry Men', year: 1957 },
+  { label: "Schindler's List", year: 1993 },
+  { label: 'Pulp Fiction', year: 1994 },
+  {
+    label: 'The Lord of the Rings: The Return of the King',
+    year: 2003,
+  },
+  { label: 'The Good, the Bad and the Ugly', year: 1966 },
+  { label: 'Fight Club', year: 1999 },
+  {
+    label: 'The Lord of the Rings: The Fellowship of the Ring',
+    year: 2001,
+  },
+  {
+    label: 'Star Wars: Episode V - The Empire Strikes Back',
+    year: 1980,
+  },
+  { label: 'Forrest Gump', year: 1994 },
+  { label: 'Inception', year: 2010 },
+  {
+    label: 'The Lord of the Rings: The Two Towers',
+    year: 2002,
+  },
+  { label: "One Flew Over the Cuckoo's Nest", year: 1975 },
+  { label: 'Goodfellas', year: 1990 },
+  { label: 'The Matrix', year: 1999 },
+  { label: 'Seven Samurai', year: 1954 },
+  {
+    label: 'Star Wars: Episode IV - A New Hope',
+    year: 1977,
+  },
+  { label: 'City of God', year: 2002 },
+  { label: 'Se7en', year: 1995 },
+  { label: 'The Silence of the Lambs', year: 1991 },
+  { label: "It's a Wonderful Life", year: 1946 },
+  { label: 'Life Is Beautiful', year: 1997 },
+  { label: 'The Usual Suspects', year: 1995 },
+  { label: 'Léon: The Professional', year: 1994 },
+  { label: 'Spirited Away', year: 2001 },
+  { label: 'Saving Private Ryan', year: 1998 },
+  { label: 'Once Upon a Time in the West', year: 1968 },
+  { label: 'American History X', year: 1998 },
+  { label: 'Interstellar', year: 2014 },
+  { label: 'Casablanca', year: 1942 },
+  { label: 'City Lights', year: 1931 },
+  { label: 'Psycho', year: 1960 },
+  { label: 'The Green Mile', year: 1999 },
+  { label: 'The Intouchables', year: 2011 },
+  { label: 'Modern Times', year: 1936 },
+  { label: 'Raiders of the Lost Ark', year: 1981 },
+  { label: 'Rear Window', year: 1954 },
+  { label: 'The Pianist', year: 2002 },
+  { label: 'The Departed', year: 2006 },
+  { label: 'Terminator 2: Judgment Day', year: 1991 },
+  { label: 'Back to the Future', year: 1985 },
+  { label: 'Whiplash', year: 2014 },
+  { label: 'Gladiator', year: 2000 },
+  { label: 'Memento', year: 2000 },
+  { label: 'The Prestige', year: 2006 },
+  { label: 'The Lion King', year: 1994 },
+  { label: 'Apocalypse Now', year: 1979 },
+  { label: 'Alien', year: 1979 },
+  { label: 'Sunset Boulevard', year: 1950 },
+  {
+    label: 'Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb',
+    year: 1964,
+  },
+  { label: 'The Great Dictator', year: 1940 },
+  { label: 'Cinema Paradiso', year: 1988 },
+  { label: 'The Lives of Others', year: 2006 },
+  { label: 'Grave of the Fireflies', year: 1988 },
+  { label: 'Paths of Glory', year: 1957 },
+  { label: 'Django Unchained', year: 2012 },
+  { label: 'The Shining', year: 1980 },
+  { label: 'WALL·E', year: 2008 },
+  { label: 'American Beauty', year: 1999 },
+  { label: 'The Dark Knight Rises', year: 2012 },
+  { label: 'Princess Mononoke', year: 1997 },
+  { label: 'Aliens', year: 1986 },
+  { label: 'Oldboy', year: 2003 },
+  { label: 'Once Upon a Time in America', year: 1984 },
+  { label: 'Witness for the Prosecution', year: 1957 },
+  { label: 'Das Boot', year: 1981 },
+  { label: 'Citizen Kane', year: 1941 },
+  { label: 'North by Northwest', year: 1959 },
+  { label: 'Vertigo', year: 1958 },
+  {
+    label: 'Star Wars: Episode VI - Return of the Jedi',
+    year: 1983,
+  },
+  { label: 'Reservoir Dogs', year: 1992 },
+  { label: 'Braveheart', year: 1995 },
+  { label: 'M', year: 1931 },
+  { label: 'Requiem for a Dream', year: 2000 },
+  { label: 'Amélie', year: 2001 },
+  { label: 'A Clockwork Orange', year: 1971 },
+  { label: 'Like Stars on Earth', year: 2007 },
+  { label: 'Taxi Driver', year: 1976 },
+  { label: 'Lawrence of Arabia', year: 1962 },
+  { label: 'Double Indemnity', year: 1944 },
+  {
+    label: 'Eternal Sunshine of the Spotless Mind',
+    year: 2004,
+  },
+  { label: 'Amadeus', year: 1984 },
+  { label: 'To Kill a Mockingbird', year: 1962 },
+  { label: 'Toy Story 3', year: 2010 },
+  { label: 'Logan', year: 2017 },
+  { label: 'Full Metal Jacket', year: 1987 },
+  { label: 'Dangal', year: 2016 },
+  { label: 'The Sting', year: 1973 },
+  { label: '2001: A Space Odyssey', year: 1968 },
+  { label: "Singin' in the Rain", year: 1952 },
+  { label: 'Toy Story', year: 1995 },
+  { label: 'Bicycle Thieves', year: 1948 },
+  { label: 'The Kid', year: 1921 },
+  { label: 'Inglourious Basterds', year: 2009 },
+  { label: 'Snatch', year: 2000 },
+  { label: '3 Idiots', year: 2009 },
+  { label: 'Monty Python and the Holy Grail', year: 1975 },
+];
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx b/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx
new file mode 100644
index 00000000000000..41dd0c1dc33fe5
--- /dev/null
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx
@@ -0,0 +1,438 @@
+import * as React from 'react';
+import { useAutocomplete, UseAutocompleteProps } from '@mui/base/useAutocomplete';
+import { Button } from '@mui/base/Button';
+import { Input } from '@mui/base/Input';
+import { Popper } from '@mui/base/Popper';
+import { useTheme } from '@mui/system';
+import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import ClearIcon from '@mui/icons-material/Clear';
+import clsx from 'clsx';
+
+const Autocomplete = React.forwardRef(function Autocomplete(
+  props: UseAutocompleteProps<(typeof top100Films)[number], false, false, false>,
+  ref: React.ForwardedRef<HTMLDivElement>,
+) {
+  const {
+    disableClearable = false,
+    disabled = false,
+    readOnly = false,
+    options,
+    ...other
+  } = props;
+
+  const {
+    getRootProps,
+    getInputProps,
+    getPopupIndicatorProps,
+    getClearProps,
+    getListboxProps,
+    getOptionProps,
+    dirty,
+    id,
+    popupOpen,
+    focused,
+    anchorEl,
+    setAnchorEl,
+    groupedOptions,
+  } = useAutocomplete({
+    ...props,
+    componentName: 'BaseAutocompleteIntroduction',
+  });
+
+  const hasClearIcon = !disableClearable && !disabled && dirty && !readOnly;
+
+  const rootRef = useForkRef(ref, setAnchorEl);
+
+  return (
+    <React.Fragment>
+      <div
+        {...getRootProps(other)}
+        ref={rootRef}
+        className={clsx('Autocomplete__root', focused && 'focused')}
+      >
+        <Input
+          id={id}
+          ref={setAnchorEl}
+          disabled={disabled}
+          readOnly={readOnly}
+          slotProps={{
+            root: {
+              className: 'Autocomplete__input-root',
+            },
+            input: {
+              className: 'Autocomplete__input',
+              ...getInputProps(),
+            },
+          }}
+        />
+        {hasClearIcon && (
+          <Button
+            {...getClearProps()}
+            className="Autocomplete__indicator clear-indicator"
+          >
+            <ClearIcon />
+          </Button>
+        )}
+        <Button
+          {...getPopupIndicatorProps()}
+          className={clsx(
+            'Autocomplete__indicator',
+            'popup-indicator',
+            popupOpen && 'popupOpen',
+          )}
+        >
+          <ArrowDropDownIcon />
+        </Button>
+      </div>
+      {anchorEl ? (
+        <Popper
+          open={popupOpen}
+          anchorEl={anchorEl}
+          slotProps={{
+            root: { className: 'Autocomplete__popper' },
+          }}
+          modifiers={[
+            { name: 'flip', enabled: false },
+            { name: 'preventOverflow', enabled: false },
+          ]}
+        >
+          <ul {...getListboxProps()} className="Autocomplete__listbox">
+            {(groupedOptions as typeof top100Films).map((option, index) => {
+              const optionProps = getOptionProps({ option, index });
+
+              return (
+                <li {...optionProps} className="Autocomplete__option">
+                  {option.label}
+                </li>
+              );
+            })}
+
+            {groupedOptions.length === 0 && (
+              <li className="Autocomplete__no-options">No results</li>
+            )}
+          </ul>
+        </Popper>
+      ) : null}
+      <Styles />
+    </React.Fragment>
+  );
+});
+
+export default function AutocompleteIntroduction() {
+  return <Autocomplete options={top100Films} />;
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>
+      {`
+      .Autocomplete__root {
+        font-family: IBM Plex Sans, sans-serif;
+        font-weight: 400;
+        border-radius: 8px;
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        box-shadow: 0px 4px 6px ${
+          isDarkMode ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
+        };
+        display: flex;
+        gap: 5px;
+        overflow: hidden;
+        width: 320px;
+
+        &.focused {
+          border-color: ${cyan[400]};
+          box-shadow: 0 0 0 3px ${isDarkMode ? cyan[500] : cyan[200]};
+        }
+
+        &:hover {
+          border-color: ${cyan[400]};
+        }
+
+        &:focus-visible {
+          outline: 0;
+        }
+      }
+
+      .Autocomplete__popper {
+        position: relative;
+        z-index: 1001;
+        width: 320px;
+      }
+
+      .Autocomplete__input-root {
+        background: inherit;
+        border-radius: inherit;
+        flex: 1 0 auto;
+      }
+
+      .Autocomplete__input {
+        font-size: 0.875rem;
+        font-family: inherit;
+        font-weight: 400;
+        line-height: 1.5;
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        background: inherit;
+        border: none;
+        border-radius: inherit;
+        padding: 8px 12px;
+        outline: 0;
+      }
+
+      .Autocomplete__indicator {
+        outline: 0;
+        box-shadow: none;
+        border: 0;
+        border-radius: 4px;
+        background-color: transparent;
+        align-self: center;
+        padding: 0 2px;
+        margin-right: 4px;
+
+        &:hover {
+          background-color: ${isDarkMode ? grey[700] : cyan[100]};
+          cursor: pointer;
+        }
+      }
+
+      .Autocomplete__indicator.popup-indicator > svg {
+        transform: translateY(2px);
+      }
+
+      .Autocomplete__indicator.popup-indicator.popupOpen > svg {
+        transform: translateY(2px) rotate(180deg);
+      }
+
+      .Autocomplete__indicator.clear-indicator > svg {
+        transform: translateY(2px) scale(0.9);
+      }
+
+      .Autocomplete__listbox {
+        font-family: IBM Plex Sans, sans-serif;
+        font-size: 0.875rem;
+        box-sizing: border-box;
+        padding: 6px;
+        margin: 12px 0;
+        width: 100%;
+        border-radius: 12px;
+        overflow: auto;
+        outline: 0px;
+        max-height: 300px;
+        z-index: 1;
+        position: absolute;
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        box-shadow: 0px 4px 6px ${
+          isDarkMode ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
+        };
+      }
+
+      .Autocomplete__option {
+        list-style: none;
+        padding: 8px;
+        border-radius: 8px;
+        cursor: default;
+
+        &:last-of-type {
+          border-bottom: none;
+        }
+
+        &:hover {
+          cursor: pointer;
+        }
+
+        &[aria-selected=true] {
+          background-color: ${isDarkMode ? cyan[900] : cyan[100]};
+          color: ${isDarkMode ? cyan[100] : cyan[900]};
+        }
+
+        &.Mui-focused,
+        &.Mui-focusVisible {
+          background-color: ${isDarkMode ? grey[800] : grey[100]};
+          color: ${isDarkMode ? grey[300] : grey[900]};
+        }
+
+        &.Mui-focusVisible {
+          box-shadow: 0 0 0 3px ${isDarkMode ? cyan[500] : cyan[200]};
+        }
+
+        &[aria-selected=true].Mui-focused,
+        &[aria-selected=true].Mui-focusVisible {
+          background-color: ${isDarkMode ? cyan[900] : cyan[100]};
+          color: ${isDarkMode ? cyan[100] : cyan[900]};
+        }
+      }
+
+      .Autocomplete__no-options {
+        list-style: none;
+        padding: 8px;
+        cursor: default;
+      }
+      `}
+    </style>
+  );
+}
+
+const top100Films = [
+  { label: 'The Shawshank Redemption', year: 1994 },
+  { label: 'The Godfather', year: 1972 },
+  { label: 'The Godfather: Part II', year: 1974 },
+  { label: 'The Dark Knight', year: 2008 },
+  { label: '12 Angry Men', year: 1957 },
+  { label: "Schindler's List", year: 1993 },
+  { label: 'Pulp Fiction', year: 1994 },
+  {
+    label: 'The Lord of the Rings: The Return of the King',
+    year: 2003,
+  },
+  { label: 'The Good, the Bad and the Ugly', year: 1966 },
+  { label: 'Fight Club', year: 1999 },
+  {
+    label: 'The Lord of the Rings: The Fellowship of the Ring',
+    year: 2001,
+  },
+  {
+    label: 'Star Wars: Episode V - The Empire Strikes Back',
+    year: 1980,
+  },
+  { label: 'Forrest Gump', year: 1994 },
+  { label: 'Inception', year: 2010 },
+  {
+    label: 'The Lord of the Rings: The Two Towers',
+    year: 2002,
+  },
+  { label: "One Flew Over the Cuckoo's Nest", year: 1975 },
+  { label: 'Goodfellas', year: 1990 },
+  { label: 'The Matrix', year: 1999 },
+  { label: 'Seven Samurai', year: 1954 },
+  {
+    label: 'Star Wars: Episode IV - A New Hope',
+    year: 1977,
+  },
+  { label: 'City of God', year: 2002 },
+  { label: 'Se7en', year: 1995 },
+  { label: 'The Silence of the Lambs', year: 1991 },
+  { label: "It's a Wonderful Life", year: 1946 },
+  { label: 'Life Is Beautiful', year: 1997 },
+  { label: 'The Usual Suspects', year: 1995 },
+  { label: 'Léon: The Professional', year: 1994 },
+  { label: 'Spirited Away', year: 2001 },
+  { label: 'Saving Private Ryan', year: 1998 },
+  { label: 'Once Upon a Time in the West', year: 1968 },
+  { label: 'American History X', year: 1998 },
+  { label: 'Interstellar', year: 2014 },
+  { label: 'Casablanca', year: 1942 },
+  { label: 'City Lights', year: 1931 },
+  { label: 'Psycho', year: 1960 },
+  { label: 'The Green Mile', year: 1999 },
+  { label: 'The Intouchables', year: 2011 },
+  { label: 'Modern Times', year: 1936 },
+  { label: 'Raiders of the Lost Ark', year: 1981 },
+  { label: 'Rear Window', year: 1954 },
+  { label: 'The Pianist', year: 2002 },
+  { label: 'The Departed', year: 2006 },
+  { label: 'Terminator 2: Judgment Day', year: 1991 },
+  { label: 'Back to the Future', year: 1985 },
+  { label: 'Whiplash', year: 2014 },
+  { label: 'Gladiator', year: 2000 },
+  { label: 'Memento', year: 2000 },
+  { label: 'The Prestige', year: 2006 },
+  { label: 'The Lion King', year: 1994 },
+  { label: 'Apocalypse Now', year: 1979 },
+  { label: 'Alien', year: 1979 },
+  { label: 'Sunset Boulevard', year: 1950 },
+  {
+    label: 'Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb',
+    year: 1964,
+  },
+  { label: 'The Great Dictator', year: 1940 },
+  { label: 'Cinema Paradiso', year: 1988 },
+  { label: 'The Lives of Others', year: 2006 },
+  { label: 'Grave of the Fireflies', year: 1988 },
+  { label: 'Paths of Glory', year: 1957 },
+  { label: 'Django Unchained', year: 2012 },
+  { label: 'The Shining', year: 1980 },
+  { label: 'WALL·E', year: 2008 },
+  { label: 'American Beauty', year: 1999 },
+  { label: 'The Dark Knight Rises', year: 2012 },
+  { label: 'Princess Mononoke', year: 1997 },
+  { label: 'Aliens', year: 1986 },
+  { label: 'Oldboy', year: 2003 },
+  { label: 'Once Upon a Time in America', year: 1984 },
+  { label: 'Witness for the Prosecution', year: 1957 },
+  { label: 'Das Boot', year: 1981 },
+  { label: 'Citizen Kane', year: 1941 },
+  { label: 'North by Northwest', year: 1959 },
+  { label: 'Vertigo', year: 1958 },
+  {
+    label: 'Star Wars: Episode VI - Return of the Jedi',
+    year: 1983,
+  },
+  { label: 'Reservoir Dogs', year: 1992 },
+  { label: 'Braveheart', year: 1995 },
+  { label: 'M', year: 1931 },
+  { label: 'Requiem for a Dream', year: 2000 },
+  { label: 'Amélie', year: 2001 },
+  { label: 'A Clockwork Orange', year: 1971 },
+  { label: 'Like Stars on Earth', year: 2007 },
+  { label: 'Taxi Driver', year: 1976 },
+  { label: 'Lawrence of Arabia', year: 1962 },
+  { label: 'Double Indemnity', year: 1944 },
+  {
+    label: 'Eternal Sunshine of the Spotless Mind',
+    year: 2004,
+  },
+  { label: 'Amadeus', year: 1984 },
+  { label: 'To Kill a Mockingbird', year: 1962 },
+  { label: 'Toy Story 3', year: 2010 },
+  { label: 'Logan', year: 2017 },
+  { label: 'Full Metal Jacket', year: 1987 },
+  { label: 'Dangal', year: 2016 },
+  { label: 'The Sting', year: 1973 },
+  { label: '2001: A Space Odyssey', year: 1968 },
+  { label: "Singin' in the Rain", year: 1952 },
+  { label: 'Toy Story', year: 1995 },
+  { label: 'Bicycle Thieves', year: 1948 },
+  { label: 'The Kid', year: 1921 },
+  { label: 'Inglourious Basterds', year: 2009 },
+  { label: 'Snatch', year: 2000 },
+  { label: '3 Idiots', year: 2009 },
+  { label: 'Monty Python and the Holy Grail', year: 1975 },
+];
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx.preview b/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx.preview
new file mode 100644
index 00000000000000..0991a681b06d02
--- /dev/null
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx.preview
@@ -0,0 +1 @@
+<Autocomplete options={top100Films} />
\ No newline at end of file
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction.js b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js
similarity index 91%
rename from docs/data/base/components/autocomplete/AutocompleteIntroduction.js
rename to docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js
index 9cc61cd2a937b0..47593a14592705 100644
--- a/docs/data/base/components/autocomplete/AutocompleteIntroduction.js
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js
@@ -8,7 +8,7 @@ import { unstable_useForkRef as useForkRef } from '@mui/utils';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
 import ClearIcon from '@mui/icons-material/Clear';
 
-const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, ref) {
+const Autocomplete = React.forwardRef(function Autocomplete(props, ref) {
   const {
     disableClearable = false,
     disabled = false,
@@ -48,7 +48,6 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, r
       >
         <StyledInput
           id={id}
-          ref={setAnchorEl}
           disabled={disabled}
           readOnly={readOnly}
           {...getInputProps()}
@@ -73,7 +72,10 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, r
           slots={{
             root: StyledPopper,
           }}
-          modifiers={[{ name: 'flip', enabled: false }]}
+          modifiers={[
+            { name: 'flip', enabled: false },
+            { name: 'preventOverflow', enabled: false },
+          ]}
         >
           <StyledListbox {...getListboxProps()}>
             {groupedOptions.map((option, index) => {
@@ -92,7 +94,7 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, r
   );
 });
 
-CustomAutocomplete.propTypes = {
+Autocomplete.propTypes = {
   /**
    * If `true`, the input can't be cleared.
    * @default false
@@ -111,7 +113,7 @@ CustomAutocomplete.propTypes = {
 };
 
 export default function AutocompleteIntroduction() {
-  return <CustomAutocomplete options={top100Films} />;
+  return <Autocomplete options={top100Films} />;
 }
 
 const blue = {
@@ -140,24 +142,27 @@ const StyledAutocompleteRoot = styled('div')(
   ({ theme }) => `
   font-family: IBM Plex Sans, sans-serif;
   font-weight: 400;
-  border-radius: 12px;
+  border-radius: 8px;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
-  box-shadow: 0px 2px 2px ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+  box-shadow: 0px 4px 6px ${
+    theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
+  };
   display: flex;
   gap: 5px;
   padding-right: 5px;
   overflow: hidden;
   width: 320px;
-  
+
   &.focused {
     border-color: ${blue[400]};
     box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
   }
 
   &:hover {
-    border-color: ${blue[400]};
+    background: ${theme.palette.mode === 'dark' ? grey[800] : grey[50]};
+    border-color: ${theme.palette.mode === 'dark' ? grey[600] : grey[300]};
   }
 
   &:focus-visible {
@@ -176,7 +181,7 @@ const StyledInput = styled('input')(
   background: inherit;
   border: none;
   border-radius: inherit;
-  padding: 12px 12px;
+  padding: 8px 12px;
   outline: 0;
   flex: 1 0 auto;
 `,
@@ -205,7 +210,9 @@ const StyledListbox = styled('ul')(
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-  box-shadow: 0px 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[200]};
+  box-shadow: 0px 4px 6px ${
+    theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
+  };
   `,
 );
 
@@ -249,46 +256,46 @@ const StyledOption = styled('li')(
 
 const StyledPopupIndicator = styled(Button)(
   ({ theme }) => `
-    margin-top: 5px;
-    margin-bottom: 5px;
     outline: 0;
     box-shadow: none;
     border: 0;
-    border-radius: 7px;
+    border-radius: 4px;
     background-color: transparent;
-    
+    align-self: center;
+    padding: 0 2px;
+
     &:hover {
       background-color: ${theme.palette.mode === 'dark' ? grey[700] : blue[100]};
       cursor: pointer;
     }
 
     & > svg {
-      transform: translateY(1px);
+      transform: translateY(2px);
     }
 
     &.popupOpen > svg {
-      transform: translateY(1px) rotate(180deg);
+      transform: translateY(2px) rotate(180deg);
     }
   `,
 );
 
 const StyledClearIndicator = styled(Button)(
   ({ theme }) => `
-    margin-top: 5px;
-    margin-bottom: 5px;
     outline: 0;
     box-shadow: none;
     border: 0;
-    border-radius: 7px;
+    border-radius: 4px;
     background-color: transparent;
-    
+    align-self: center;
+    padding: 0 2px;
+
     &:hover {
       background-color: ${theme.palette.mode === 'dark' ? grey[700] : blue[100]};
       cursor: pointer;
     }
 
     & > svg {
-      transform: translateY(1px);
+      transform: translateY(2px) scale(0.9);
     }
   `,
 );
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction.tsx b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx
similarity index 92%
rename from docs/data/base/components/autocomplete/AutocompleteIntroduction.tsx
rename to docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx
index 092cd6cf25e323..32447970f4c752 100644
--- a/docs/data/base/components/autocomplete/AutocompleteIntroduction.tsx
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx
@@ -7,7 +7,7 @@ import { unstable_useForkRef as useForkRef } from '@mui/utils';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
 import ClearIcon from '@mui/icons-material/Clear';
 
-const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
+const Autocomplete = React.forwardRef(function Autocomplete(
   props: UseAutocompleteProps<(typeof top100Films)[number], false, false, false>,
   ref: React.ForwardedRef<HTMLDivElement>,
 ) {
@@ -50,7 +50,6 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
       >
         <StyledInput
           id={id}
-          ref={setAnchorEl}
           disabled={disabled}
           readOnly={readOnly}
           {...getInputProps()}
@@ -74,7 +73,10 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
           slots={{
             root: StyledPopper,
           }}
-          modifiers={[{ name: 'flip', enabled: false }]}
+          modifiers={[
+            { name: 'flip', enabled: false },
+            { name: 'preventOverflow', enabled: false },
+          ]}
         >
           <StyledListbox {...getListboxProps()}>
             {(groupedOptions as typeof top100Films).map((option, index) => {
@@ -94,7 +96,7 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
 });
 
 export default function AutocompleteIntroduction() {
-  return <CustomAutocomplete options={top100Films} />;
+  return <Autocomplete options={top100Films} />;
 }
 
 const blue = {
@@ -123,24 +125,27 @@ const StyledAutocompleteRoot = styled('div')(
   ({ theme }) => `
   font-family: IBM Plex Sans, sans-serif;
   font-weight: 400;
-  border-radius: 12px;
+  border-radius: 8px;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
-  box-shadow: 0px 2px 2px ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+  box-shadow: 0px 4px 6px ${
+    theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
+  };
   display: flex;
   gap: 5px;
   padding-right: 5px;
   overflow: hidden;
   width: 320px;
-  
+
   &.focused {
     border-color: ${blue[400]};
     box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
   }
 
   &:hover {
-    border-color: ${blue[400]};
+    background: ${theme.palette.mode === 'dark' ? grey[800] : grey[50]};
+    border-color: ${theme.palette.mode === 'dark' ? grey[600] : grey[300]};
   }
 
   &:focus-visible {
@@ -159,7 +164,7 @@ const StyledInput = styled('input')(
   background: inherit;
   border: none;
   border-radius: inherit;
-  padding: 12px 12px;
+  padding: 8px 12px;
   outline: 0;
   flex: 1 0 auto;
 `,
@@ -188,7 +193,9 @@ const StyledListbox = styled('ul')(
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-  box-shadow: 0px 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[200]};
+  box-shadow: 0px 4px 6px ${
+    theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
+  };
   `,
 );
 
@@ -232,46 +239,46 @@ const StyledOption = styled('li')(
 
 const StyledPopupIndicator = styled(Button)(
   ({ theme }) => `
-    margin-top: 5px;
-    margin-bottom: 5px;
     outline: 0;
     box-shadow: none;
     border: 0;
-    border-radius: 7px;
+    border-radius: 4px;
     background-color: transparent;
-    
+    align-self: center;
+    padding: 0 2px;
+
     &:hover {
       background-color: ${theme.palette.mode === 'dark' ? grey[700] : blue[100]};
       cursor: pointer;
     }
 
     & > svg {
-      transform: translateY(1px);
+      transform: translateY(2px);
     }
 
     &.popupOpen > svg {
-      transform: translateY(1px) rotate(180deg);
+      transform: translateY(2px) rotate(180deg);
     }
   `,
 );
 
 const StyledClearIndicator = styled(Button)(
   ({ theme }) => `
-    margin-top: 5px;
-    margin-bottom: 5px;
     outline: 0;
     box-shadow: none;
     border: 0;
-    border-radius: 7px;
+    border-radius: 4px;
     background-color: transparent;
-    
+    align-self: center;
+    padding: 0 2px;
+
     &:hover {
       background-color: ${theme.palette.mode === 'dark' ? grey[700] : blue[100]};
       cursor: pointer;
     }
 
     & > svg {
-      transform: translateY(1px);
+      transform: translateY(2px) scale(0.9);
     }
   `,
 );
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx.preview b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx.preview
new file mode 100644
index 00000000000000..0991a681b06d02
--- /dev/null
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx.preview
@@ -0,0 +1 @@
+<Autocomplete options={top100Films} />
\ No newline at end of file
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.js b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.js
new file mode 100644
index 00000000000000..d80f7a1d5c54f7
--- /dev/null
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.js
@@ -0,0 +1,294 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { useAutocomplete } from '@mui/base/useAutocomplete';
+import { Button } from '@mui/base/Button';
+import { Popper } from '@mui/base/Popper';
+import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import ClearIcon from '@mui/icons-material/Clear';
+import clsx from 'clsx';
+
+const Autocomplete = React.forwardRef(function Autocomplete(props, ref) {
+  const {
+    disableClearable = false,
+    disabled = false,
+    readOnly = false,
+    options,
+    isOptionEqualToValue,
+    ...other
+  } = props;
+
+  const {
+    getRootProps,
+    getInputProps,
+    getPopupIndicatorProps,
+    getClearProps,
+    getListboxProps,
+    getOptionProps,
+    dirty,
+    id,
+    popupOpen,
+    focused,
+    anchorEl,
+    setAnchorEl,
+    groupedOptions,
+  } = useAutocomplete({
+    ...props,
+    componentName: 'BaseAutocompleteIntroduction',
+  });
+
+  const hasClearIcon = !disableClearable && !disabled && dirty && !readOnly;
+
+  const rootRef = useForkRef(ref, setAnchorEl);
+
+  return (
+    <React.Fragment>
+      <div
+        {...getRootProps(other)}
+        ref={rootRef}
+        className={clsx(
+          'flex gap-[5px] pr-[5px] overflow-hidden w-80 rounded-lg bg-white dark:bg-gray-800 border border-solid border-gray-200 dark:border-gray-700 hover:border-violet-400 dark:hover:border-violet-400 focus-visible:outline-0',
+          !focused &&
+            'shadow-[0_2px_2px_transparent] shadow-gray-50 dark:shadow-gray-900',
+          focused &&
+            'border-violet-400 dark:border-violet-400 shadow-[0_0_0_3px_transparent] shadow-violet-200 dark:shadow-violet-500',
+        )}
+      >
+        <input
+          id={id}
+          disabled={disabled}
+          readOnly={readOnly}
+          {...getInputProps()}
+          className="text-sm leading-[1.5] text-gray-900 dark:text-gray-300 bg-inherit border-0 rounded-[inherit] px-3 py-2 outline-0 grow shrink-0 basis-auto"
+        />
+        {hasClearIcon && (
+          <Button
+            {...getClearProps()}
+            className="self-center outline-0 shadow-none border-0 py-0 px-0.5 rounded-[4px] bg-transparent hover:bg-violet-100 dark:hover:bg-gray-700 hover:cursor-pointer"
+          >
+            <ClearIcon className="translate-y-[2px] scale-90" />
+          </Button>
+        )}
+
+        <Button
+          {...getPopupIndicatorProps()}
+          className="self-center outline-0 shadow-none border-0 py-0 px-0.5 rounded-[4px] bg-transparent hover:bg-violet-100 dark:hover:bg-gray-700 hover:cursor-pointer"
+        >
+          <ArrowDropDownIcon
+            className={clsx('translate-y-[2px]', popupOpen && 'rotate-180')}
+          />
+        </Button>
+      </div>
+      {anchorEl ? (
+        <Popper
+          open={popupOpen}
+          anchorEl={anchorEl}
+          slotProps={{
+            root: {
+              className: 'relative z-[1001] w-80', // z-index: 1001 is needed to override ComponentPageTabs with z-index: 1000
+            },
+          }}
+          modifiers={[
+            { name: 'flip', enabled: false },
+            { name: 'preventOverflow', enabled: false },
+          ]}
+        >
+          <ul
+            {...getListboxProps()}
+            className="text-sm box-border p-1.5 my-3 mx-0 min-w-[320px] rounded-xl overflow-auto outline-0 max-h-[300px] z-[1] bg-white dark:bg-gray-800 border border-solid border-gray-200 dark:border-gray-900 text-gray-900 dark:text-gray-200 shadow-[0_4px_30px_transparent] shadow-gray-200 dark:shadow-gray-900"
+          >
+            {groupedOptions.map((option, index) => {
+              const optionProps = getOptionProps({ option, index });
+
+              return (
+                <li
+                  {...optionProps}
+                  className="list-none p-2 rounded-lg cursor-default last-of-type:border-b-0 hover:cursor-pointer aria-selected:bg-violet-100 dark:aria-selected:bg-violet-900 aria-selected:text-violet-900 dark:aria-selected:text-violet-100 ui-focused:bg-gray-100 dark:ui-focused:bg-gray-700 ui-focus-visible:bg-gray-100 dark:ui-focus-visible:bg-gray-800 ui-focused:text-gray-900 dark:ui-focused:text-gray-300 ui-focus-visible:text-gray-900 dark:ui-focus-visible:text-gray-300 ui-focus-visible:shadow-[0_0_0_3px_transparent] ui-focus-visible:shadow-violet-200 dark:ui-focus-visible:shadow-violet-500 ui-focused:aria-selected:bg-violet-100 dark:ui-focused:aria-selected:bg-violet-900 ui-focus-visible:aria-selected:bg-violet-100 dark:ui-focus-visible:aria-selected:bg-violet-900 ui-focused:aria-selected:text-violet-900 dark:ui-focused:aria-selected:text-violet-100 ui-focus-visible:aria-selected:text-violet-900 dark:ui-focus-visible:aria-selected:text-violet-100"
+                >
+                  {option.label}
+                </li>
+              );
+            })}
+
+            {groupedOptions.length === 0 && (
+              <li className="list-none p-2 cursor-default">No results</li>
+            )}
+          </ul>
+        </Popper>
+      ) : null}
+    </React.Fragment>
+  );
+});
+
+Autocomplete.propTypes = {
+  /**
+   * If `true`, the input can't be cleared.
+   * @default false
+   */
+  disableClearable: PropTypes.oneOf([false]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: PropTypes.bool,
+  /**
+   * Used to determine if the option represents the given value.
+   * Uses strict equality by default.
+   * ⚠️ Both arguments need to be handled, an option can only match with one value.
+   *
+   * @param {Value} option The option to test.
+   * @param {Value} value The value to test against.
+   * @returns {boolean}
+   */
+  isOptionEqualToValue: PropTypes.func,
+  /**
+   * Array of options.
+   */
+  options: PropTypes.arrayOf(
+    PropTypes.shape({
+      label: PropTypes.string.isRequired,
+      year: PropTypes.number.isRequired,
+    }),
+  ).isRequired,
+  /**
+   * If `true`, the component becomes readonly. It is also supported for multiple tags where the tag cannot be deleted.
+   * @default false
+   */
+  readOnly: PropTypes.bool,
+};
+
+export default function AutocompleteIntroduction() {
+  return (
+    <Autocomplete
+      options={top100Films}
+      isOptionEqualToValue={(option, value) => option.label === value.label}
+    />
+  );
+}
+
+const top100Films = [
+  { label: 'The Shawshank Redemption', year: 1994 },
+  { label: 'The Godfather', year: 1972 },
+  { label: 'The Godfather: Part II', year: 1974 },
+  { label: 'The Dark Knight', year: 2008 },
+  { label: '12 Angry Men', year: 1957 },
+  { label: "Schindler's List", year: 1993 },
+  { label: 'Pulp Fiction', year: 1994 },
+  {
+    label: 'The Lord of the Rings: The Return of the King',
+    year: 2003,
+  },
+  { label: 'The Good, the Bad and the Ugly', year: 1966 },
+  { label: 'Fight Club', year: 1999 },
+  {
+    label: 'The Lord of the Rings: The Fellowship of the Ring',
+    year: 2001,
+  },
+  {
+    label: 'Star Wars: Episode V - The Empire Strikes Back',
+    year: 1980,
+  },
+  { label: 'Forrest Gump', year: 1994 },
+  { label: 'Inception', year: 2010 },
+  {
+    label: 'The Lord of the Rings: The Two Towers',
+    year: 2002,
+  },
+  { label: "One Flew Over the Cuckoo's Nest", year: 1975 },
+  { label: 'Goodfellas', year: 1990 },
+  { label: 'The Matrix', year: 1999 },
+  { label: 'Seven Samurai', year: 1954 },
+  {
+    label: 'Star Wars: Episode IV - A New Hope',
+    year: 1977,
+  },
+  { label: 'City of God', year: 2002 },
+  { label: 'Se7en', year: 1995 },
+  { label: 'The Silence of the Lambs', year: 1991 },
+  { label: "It's a Wonderful Life", year: 1946 },
+  { label: 'Life Is Beautiful', year: 1997 },
+  { label: 'The Usual Suspects', year: 1995 },
+  { label: 'Léon: The Professional', year: 1994 },
+  { label: 'Spirited Away', year: 2001 },
+  { label: 'Saving Private Ryan', year: 1998 },
+  { label: 'Once Upon a Time in the West', year: 1968 },
+  { label: 'American History X', year: 1998 },
+  { label: 'Interstellar', year: 2014 },
+  { label: 'Casablanca', year: 1942 },
+  { label: 'City Lights', year: 1931 },
+  { label: 'Psycho', year: 1960 },
+  { label: 'The Green Mile', year: 1999 },
+  { label: 'The Intouchables', year: 2011 },
+  { label: 'Modern Times', year: 1936 },
+  { label: 'Raiders of the Lost Ark', year: 1981 },
+  { label: 'Rear Window', year: 1954 },
+  { label: 'The Pianist', year: 2002 },
+  { label: 'The Departed', year: 2006 },
+  { label: 'Terminator 2: Judgment Day', year: 1991 },
+  { label: 'Back to the Future', year: 1985 },
+  { label: 'Whiplash', year: 2014 },
+  { label: 'Gladiator', year: 2000 },
+  { label: 'Memento', year: 2000 },
+  { label: 'The Prestige', year: 2006 },
+  { label: 'The Lion King', year: 1994 },
+  { label: 'Apocalypse Now', year: 1979 },
+  { label: 'Alien', year: 1979 },
+  { label: 'Sunset Boulevard', year: 1950 },
+  {
+    label: 'Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb',
+    year: 1964,
+  },
+  { label: 'The Great Dictator', year: 1940 },
+  { label: 'Cinema Paradiso', year: 1988 },
+  { label: 'The Lives of Others', year: 2006 },
+  { label: 'Grave of the Fireflies', year: 1988 },
+  { label: 'Paths of Glory', year: 1957 },
+  { label: 'Django Unchained', year: 2012 },
+  { label: 'The Shining', year: 1980 },
+  { label: 'WALL·E', year: 2008 },
+  { label: 'American Beauty', year: 1999 },
+  { label: 'The Dark Knight Rises', year: 2012 },
+  { label: 'Princess Mononoke', year: 1997 },
+  { label: 'Aliens', year: 1986 },
+  { label: 'Oldboy', year: 2003 },
+  { label: 'Once Upon a Time in America', year: 1984 },
+  { label: 'Witness for the Prosecution', year: 1957 },
+  { label: 'Das Boot', year: 1981 },
+  { label: 'Citizen Kane', year: 1941 },
+  { label: 'North by Northwest', year: 1959 },
+  { label: 'Vertigo', year: 1958 },
+  {
+    label: 'Star Wars: Episode VI - Return of the Jedi',
+    year: 1983,
+  },
+  { label: 'Reservoir Dogs', year: 1992 },
+  { label: 'Braveheart', year: 1995 },
+  { label: 'M', year: 1931 },
+  { label: 'Requiem for a Dream', year: 2000 },
+  { label: 'Amélie', year: 2001 },
+  { label: 'A Clockwork Orange', year: 1971 },
+  { label: 'Like Stars on Earth', year: 2007 },
+  { label: 'Taxi Driver', year: 1976 },
+  { label: 'Lawrence of Arabia', year: 1962 },
+  { label: 'Double Indemnity', year: 1944 },
+  {
+    label: 'Eternal Sunshine of the Spotless Mind',
+    year: 2004,
+  },
+  { label: 'Amadeus', year: 1984 },
+  { label: 'To Kill a Mockingbird', year: 1962 },
+  { label: 'Toy Story 3', year: 2010 },
+  { label: 'Logan', year: 2017 },
+  { label: 'Full Metal Jacket', year: 1987 },
+  { label: 'Dangal', year: 2016 },
+  { label: 'The Sting', year: 1973 },
+  { label: '2001: A Space Odyssey', year: 1968 },
+  { label: "Singin' in the Rain", year: 1952 },
+  { label: 'Toy Story', year: 1995 },
+  { label: 'Bicycle Thieves', year: 1948 },
+  { label: 'The Kid', year: 1921 },
+  { label: 'Inglourious Basterds', year: 2009 },
+  { label: 'Snatch', year: 2000 },
+  { label: '3 Idiots', year: 2009 },
+  { label: 'Monty Python and the Holy Grail', year: 1975 },
+];
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx
new file mode 100644
index 00000000000000..bb3f5d16d9cbaf
--- /dev/null
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx
@@ -0,0 +1,258 @@
+import * as React from 'react';
+import { useAutocomplete, UseAutocompleteProps } from '@mui/base/useAutocomplete';
+import { Button } from '@mui/base/Button';
+import { Popper } from '@mui/base/Popper';
+import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import ClearIcon from '@mui/icons-material/Clear';
+import clsx from 'clsx';
+
+const Autocomplete = React.forwardRef(function Autocomplete(
+  props: UseAutocompleteProps<(typeof top100Films)[number], false, false, false>,
+  ref: React.ForwardedRef<HTMLDivElement>,
+) {
+  const {
+    disableClearable = false,
+    disabled = false,
+    readOnly = false,
+    options,
+    isOptionEqualToValue,
+    ...other
+  } = props;
+
+  const {
+    getRootProps,
+    getInputProps,
+    getPopupIndicatorProps,
+    getClearProps,
+    getListboxProps,
+    getOptionProps,
+    dirty,
+    id,
+    popupOpen,
+    focused,
+    anchorEl,
+    setAnchorEl,
+    groupedOptions,
+  } = useAutocomplete({
+    ...props,
+    componentName: 'BaseAutocompleteIntroduction',
+  });
+
+  const hasClearIcon = !disableClearable && !disabled && dirty && !readOnly;
+
+  const rootRef = useForkRef(ref, setAnchorEl);
+
+  return (
+    <React.Fragment>
+      <div
+        {...getRootProps(other)}
+        ref={rootRef}
+        className={clsx(
+          'flex gap-[5px] pr-[5px] overflow-hidden w-80 rounded-lg bg-white dark:bg-gray-800 border border-solid border-gray-200 dark:border-gray-700 hover:border-violet-400 dark:hover:border-violet-400 focus-visible:outline-0',
+          !focused &&
+            'shadow-[0_2px_2px_transparent] shadow-gray-50 dark:shadow-gray-900',
+          focused &&
+            'border-violet-400 dark:border-violet-400 shadow-[0_0_0_3px_transparent] shadow-violet-200 dark:shadow-violet-500',
+        )}
+      >
+        <input
+          id={id}
+          disabled={disabled}
+          readOnly={readOnly}
+          {...getInputProps()}
+          className="text-sm leading-[1.5] text-gray-900 dark:text-gray-300 bg-inherit border-0 rounded-[inherit] px-3 py-2 outline-0 grow shrink-0 basis-auto"
+        />
+        {hasClearIcon && (
+          <Button
+            {...getClearProps()}
+            className="self-center outline-0 shadow-none border-0 py-0 px-0.5 rounded-[4px] bg-transparent hover:bg-violet-100 dark:hover:bg-gray-700 hover:cursor-pointer"
+          >
+            <ClearIcon className="translate-y-[2px] scale-90" />
+          </Button>
+        )}
+        <Button
+          {...getPopupIndicatorProps()}
+          className="self-center outline-0 shadow-none border-0 py-0 px-0.5 rounded-[4px] bg-transparent hover:bg-violet-100 dark:hover:bg-gray-700 hover:cursor-pointer"
+        >
+          <ArrowDropDownIcon
+            className={clsx('translate-y-[2px]', popupOpen && 'rotate-180')}
+          />
+        </Button>
+      </div>
+      {anchorEl ? (
+        <Popper
+          open={popupOpen}
+          anchorEl={anchorEl}
+          slotProps={{
+            root: {
+              className: 'relative z-[1001] w-80', // z-index: 1001 is needed to override ComponentPageTabs with z-index: 1000
+            },
+          }}
+          modifiers={[
+            { name: 'flip', enabled: false },
+            { name: 'preventOverflow', enabled: false },
+          ]}
+        >
+          <ul
+            {...getListboxProps()}
+            className="text-sm box-border p-1.5 my-3 mx-0 min-w-[320px] rounded-xl overflow-auto outline-0 max-h-[300px] z-[1] bg-white dark:bg-gray-800 border border-solid border-gray-200 dark:border-gray-900 text-gray-900 dark:text-gray-200 shadow-[0_4px_30px_transparent] shadow-gray-200 dark:shadow-gray-900"
+          >
+            {(groupedOptions as typeof top100Films).map((option, index) => {
+              const optionProps = getOptionProps({ option, index });
+
+              return (
+                <li
+                  {...optionProps}
+                  className="list-none p-2 rounded-lg cursor-default last-of-type:border-b-0 hover:cursor-pointer aria-selected:bg-violet-100 dark:aria-selected:bg-violet-900 aria-selected:text-violet-900 dark:aria-selected:text-violet-100 ui-focused:bg-gray-100 dark:ui-focused:bg-gray-700 ui-focus-visible:bg-gray-100 dark:ui-focus-visible:bg-gray-800 ui-focused:text-gray-900 dark:ui-focused:text-gray-300 ui-focus-visible:text-gray-900 dark:ui-focus-visible:text-gray-300 ui-focus-visible:shadow-[0_0_0_3px_transparent] ui-focus-visible:shadow-violet-200 dark:ui-focus-visible:shadow-violet-500 ui-focused:aria-selected:bg-violet-100 dark:ui-focused:aria-selected:bg-violet-900 ui-focus-visible:aria-selected:bg-violet-100 dark:ui-focus-visible:aria-selected:bg-violet-900 ui-focused:aria-selected:text-violet-900 dark:ui-focused:aria-selected:text-violet-100 ui-focus-visible:aria-selected:text-violet-900 dark:ui-focus-visible:aria-selected:text-violet-100"
+                >
+                  {option.label}
+                </li>
+              );
+            })}
+
+            {groupedOptions.length === 0 && (
+              <li className="list-none p-2 cursor-default">No results</li>
+            )}
+          </ul>
+        </Popper>
+      ) : null}
+    </React.Fragment>
+  );
+});
+
+export default function AutocompleteIntroduction() {
+  return (
+    <Autocomplete
+      options={top100Films}
+      isOptionEqualToValue={(option, value) => option.label === value.label}
+    />
+  );
+}
+
+const top100Films = [
+  { label: 'The Shawshank Redemption', year: 1994 },
+  { label: 'The Godfather', year: 1972 },
+  { label: 'The Godfather: Part II', year: 1974 },
+  { label: 'The Dark Knight', year: 2008 },
+  { label: '12 Angry Men', year: 1957 },
+  { label: "Schindler's List", year: 1993 },
+  { label: 'Pulp Fiction', year: 1994 },
+  {
+    label: 'The Lord of the Rings: The Return of the King',
+    year: 2003,
+  },
+  { label: 'The Good, the Bad and the Ugly', year: 1966 },
+  { label: 'Fight Club', year: 1999 },
+  {
+    label: 'The Lord of the Rings: The Fellowship of the Ring',
+    year: 2001,
+  },
+  {
+    label: 'Star Wars: Episode V - The Empire Strikes Back',
+    year: 1980,
+  },
+  { label: 'Forrest Gump', year: 1994 },
+  { label: 'Inception', year: 2010 },
+  {
+    label: 'The Lord of the Rings: The Two Towers',
+    year: 2002,
+  },
+  { label: "One Flew Over the Cuckoo's Nest", year: 1975 },
+  { label: 'Goodfellas', year: 1990 },
+  { label: 'The Matrix', year: 1999 },
+  { label: 'Seven Samurai', year: 1954 },
+  {
+    label: 'Star Wars: Episode IV - A New Hope',
+    year: 1977,
+  },
+  { label: 'City of God', year: 2002 },
+  { label: 'Se7en', year: 1995 },
+  { label: 'The Silence of the Lambs', year: 1991 },
+  { label: "It's a Wonderful Life", year: 1946 },
+  { label: 'Life Is Beautiful', year: 1997 },
+  { label: 'The Usual Suspects', year: 1995 },
+  { label: 'Léon: The Professional', year: 1994 },
+  { label: 'Spirited Away', year: 2001 },
+  { label: 'Saving Private Ryan', year: 1998 },
+  { label: 'Once Upon a Time in the West', year: 1968 },
+  { label: 'American History X', year: 1998 },
+  { label: 'Interstellar', year: 2014 },
+  { label: 'Casablanca', year: 1942 },
+  { label: 'City Lights', year: 1931 },
+  { label: 'Psycho', year: 1960 },
+  { label: 'The Green Mile', year: 1999 },
+  { label: 'The Intouchables', year: 2011 },
+  { label: 'Modern Times', year: 1936 },
+  { label: 'Raiders of the Lost Ark', year: 1981 },
+  { label: 'Rear Window', year: 1954 },
+  { label: 'The Pianist', year: 2002 },
+  { label: 'The Departed', year: 2006 },
+  { label: 'Terminator 2: Judgment Day', year: 1991 },
+  { label: 'Back to the Future', year: 1985 },
+  { label: 'Whiplash', year: 2014 },
+  { label: 'Gladiator', year: 2000 },
+  { label: 'Memento', year: 2000 },
+  { label: 'The Prestige', year: 2006 },
+  { label: 'The Lion King', year: 1994 },
+  { label: 'Apocalypse Now', year: 1979 },
+  { label: 'Alien', year: 1979 },
+  { label: 'Sunset Boulevard', year: 1950 },
+  {
+    label: 'Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb',
+    year: 1964,
+  },
+  { label: 'The Great Dictator', year: 1940 },
+  { label: 'Cinema Paradiso', year: 1988 },
+  { label: 'The Lives of Others', year: 2006 },
+  { label: 'Grave of the Fireflies', year: 1988 },
+  { label: 'Paths of Glory', year: 1957 },
+  { label: 'Django Unchained', year: 2012 },
+  { label: 'The Shining', year: 1980 },
+  { label: 'WALL·E', year: 2008 },
+  { label: 'American Beauty', year: 1999 },
+  { label: 'The Dark Knight Rises', year: 2012 },
+  { label: 'Princess Mononoke', year: 1997 },
+  { label: 'Aliens', year: 1986 },
+  { label: 'Oldboy', year: 2003 },
+  { label: 'Once Upon a Time in America', year: 1984 },
+  { label: 'Witness for the Prosecution', year: 1957 },
+  { label: 'Das Boot', year: 1981 },
+  { label: 'Citizen Kane', year: 1941 },
+  { label: 'North by Northwest', year: 1959 },
+  { label: 'Vertigo', year: 1958 },
+  {
+    label: 'Star Wars: Episode VI - Return of the Jedi',
+    year: 1983,
+  },
+  { label: 'Reservoir Dogs', year: 1992 },
+  { label: 'Braveheart', year: 1995 },
+  { label: 'M', year: 1931 },
+  { label: 'Requiem for a Dream', year: 2000 },
+  { label: 'Amélie', year: 2001 },
+  { label: 'A Clockwork Orange', year: 1971 },
+  { label: 'Like Stars on Earth', year: 2007 },
+  { label: 'Taxi Driver', year: 1976 },
+  { label: 'Lawrence of Arabia', year: 1962 },
+  { label: 'Double Indemnity', year: 1944 },
+  {
+    label: 'Eternal Sunshine of the Spotless Mind',
+    year: 2004,
+  },
+  { label: 'Amadeus', year: 1984 },
+  { label: 'To Kill a Mockingbird', year: 1962 },
+  { label: 'Toy Story 3', year: 2010 },
+  { label: 'Logan', year: 2017 },
+  { label: 'Full Metal Jacket', year: 1987 },
+  { label: 'Dangal', year: 2016 },
+  { label: 'The Sting', year: 1973 },
+  { label: '2001: A Space Odyssey', year: 1968 },
+  { label: "Singin' in the Rain", year: 1952 },
+  { label: 'Toy Story', year: 1995 },
+  { label: 'Bicycle Thieves', year: 1948 },
+  { label: 'The Kid', year: 1921 },
+  { label: 'Inglourious Basterds', year: 2009 },
+  { label: 'Snatch', year: 2000 },
+  { label: '3 Idiots', year: 2009 },
+  { label: 'Monty Python and the Holy Grail', year: 1975 },
+];
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx.preview b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx.preview
new file mode 100644
index 00000000000000..78a5cab783fea3
--- /dev/null
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx.preview
@@ -0,0 +1,4 @@
+<Autocomplete
+  options={top100Films}
+  isOptionEqualToValue={(option, value) => option.label === value.label}
+/>
\ No newline at end of file
diff --git a/docs/data/base/components/autocomplete/ControlledStates.js b/docs/data/base/components/autocomplete/ControlledStates.js
index 2e7fe465e35f78..e795ac73d10e07 100644
--- a/docs/data/base/components/autocomplete/ControlledStates.js
+++ b/docs/data/base/components/autocomplete/ControlledStates.js
@@ -14,6 +14,7 @@ export default function ControlledStates() {
     getListboxProps,
     getOptionProps,
     groupedOptions,
+    focused,
   } = useAutocomplete({
     id: 'controlled-state-demo',
     options,
@@ -32,7 +33,7 @@ export default function ControlledStates() {
         inputValue: <code>{inputValue ?? ' '}</code>
       </Pre>
       <StyledAutocomplete>
-        <StyledInputRoot {...getRootProps()}>
+        <StyledInputRoot {...getRootProps()} className={focused ? 'focused' : ''}>
           <StyledInput {...getInputProps()} />
         </StyledInputRoot>
         {groupedOptions.length > 0 && (
@@ -80,7 +81,7 @@ const StyledInputRoot = styled('div')(
   ({ theme }) => `
   font-family: IBM Plex Sans, sans-serif;
   font-weight: 400;
-  border-radius: 12px;
+  border-radius: 8px;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
@@ -116,7 +117,7 @@ const StyledInput = styled('input')(
   background: inherit;
   border: none;
   border-radius: inherit;
-  padding: 12px 12px;
+  padding: 8px 12px;
   outline: 0;
   flex: 1 0 auto;
 `,
diff --git a/docs/data/base/components/autocomplete/ControlledStates.tsx b/docs/data/base/components/autocomplete/ControlledStates.tsx
index 71c1915a963423..4bb540fe33578c 100644
--- a/docs/data/base/components/autocomplete/ControlledStates.tsx
+++ b/docs/data/base/components/autocomplete/ControlledStates.tsx
@@ -14,6 +14,7 @@ export default function ControlledStates() {
     getListboxProps,
     getOptionProps,
     groupedOptions,
+    focused,
   } = useAutocomplete({
     id: 'controlled-state-demo',
     options,
@@ -32,7 +33,7 @@ export default function ControlledStates() {
         inputValue: <code>{inputValue ?? ' '}</code>
       </Pre>
       <StyledAutocomplete>
-        <StyledInputRoot {...getRootProps()}>
+        <StyledInputRoot {...getRootProps()} className={focused ? 'focused' : ''}>
           <StyledInput {...getInputProps()} />
         </StyledInputRoot>
         {groupedOptions.length > 0 && (
@@ -80,7 +81,7 @@ const StyledInputRoot = styled('div')(
   ({ theme }) => `
   font-family: IBM Plex Sans, sans-serif;
   font-weight: 400;
-  border-radius: 12px;
+  border-radius: 8px;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
@@ -116,7 +117,7 @@ const StyledInput = styled('input')(
   background: inherit;
   border: none;
   border-radius: inherit;
-  padding: 12px 12px;
+  padding: 8px 12px;
   outline: 0;
   flex: 1 0 auto;
 `,
diff --git a/docs/data/base/components/autocomplete/UseAutocomplete.js b/docs/data/base/components/autocomplete/UseAutocomplete.js
index b1275d7b5410c2..47acbc2343b82a 100644
--- a/docs/data/base/components/autocomplete/UseAutocomplete.js
+++ b/docs/data/base/components/autocomplete/UseAutocomplete.js
@@ -12,6 +12,7 @@ export default function UseAutocomplete() {
     getListboxProps,
     getOptionProps,
     groupedOptions,
+    focused,
   } = useAutocomplete({
     id: 'use-autocomplete-demo',
     options: top100Films,
@@ -22,8 +23,11 @@ export default function UseAutocomplete() {
 
   return (
     <div style={{ marginBottom: 24 }}>
-      <Label {...getInputLabelProps()}>Label</Label>
-      <StyledAutocompleteRoot {...getRootProps()}>
+      <StyledLabel {...getInputLabelProps()}>Pick a movie</StyledLabel>
+      <StyledAutocompleteRoot
+        {...getRootProps()}
+        className={focused ? 'focused' : ''}
+      >
         <StyledInput {...getInputProps()} />
       </StyledAutocompleteRoot>
       {groupedOptions.length > 0 && (
@@ -61,7 +65,7 @@ const grey = {
   900: '#24292f',
 };
 
-const Label = styled('label')`
+const StyledLabel = styled('label')`
   display: block;
   font-family: sans-serif;
   font-size: 14px;
@@ -73,7 +77,7 @@ const StyledAutocompleteRoot = styled('div')(
   ({ theme }) => `
   font-family: IBM Plex Sans, sans-serif;
   font-weight: 400;
-  border-radius: 12px;
+  border-radius: 8px;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
@@ -109,7 +113,7 @@ const StyledInput = styled('input')(
   background: inherit;
   border: none;
   border-radius: inherit;
-  padding: 12px 12px;
+  padding: 8px 12px;
   outline: 0;
   flex: 1 0 auto;
 `,
@@ -122,7 +126,7 @@ const StyledListbox = styled('ul')(
   box-sizing: border-box;
   padding: 6px;
   margin: 12px 0;
-  max-width: 320px;
+  width: 320px;
   border-radius: 12px;
   overflow: auto;
   outline: 0px;
@@ -132,7 +136,9 @@ const StyledListbox = styled('ul')(
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-  box-shadow: 0px 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[200]};
+  box-shadow: 0px 4px 6px ${
+    theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
+  };
   `,
 );
 
diff --git a/docs/data/base/components/autocomplete/UseAutocomplete.tsx b/docs/data/base/components/autocomplete/UseAutocomplete.tsx
index dafb794254dda9..be8b95aa2e66db 100644
--- a/docs/data/base/components/autocomplete/UseAutocomplete.tsx
+++ b/docs/data/base/components/autocomplete/UseAutocomplete.tsx
@@ -14,6 +14,7 @@ export default function UseAutocomplete() {
     getListboxProps,
     getOptionProps,
     groupedOptions,
+    focused,
   } = useAutocomplete({
     id: 'use-autocomplete-demo',
     options: top100Films,
@@ -24,8 +25,11 @@ export default function UseAutocomplete() {
 
   return (
     <div style={{ marginBottom: 24 }}>
-      <Label {...getInputLabelProps()}>Label</Label>
-      <StyledAutocompleteRoot {...getRootProps()}>
+      <StyledLabel {...getInputLabelProps()}>Pick a movie</StyledLabel>
+      <StyledAutocompleteRoot
+        {...getRootProps()}
+        className={focused ? 'focused' : ''}
+      >
         <StyledInput {...getInputProps()} />
       </StyledAutocompleteRoot>
       {groupedOptions.length > 0 && (
@@ -63,7 +67,7 @@ const grey = {
   900: '#24292f',
 };
 
-const Label = styled('label')`
+const StyledLabel = styled('label')`
   display: block;
   font-family: sans-serif;
   font-size: 14px;
@@ -75,7 +79,7 @@ const StyledAutocompleteRoot = styled('div')(
   ({ theme }) => `
   font-family: IBM Plex Sans, sans-serif;
   font-weight: 400;
-  border-radius: 12px;
+  border-radius: 8px;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
@@ -111,7 +115,7 @@ const StyledInput = styled('input')(
   background: inherit;
   border: none;
   border-radius: inherit;
-  padding: 12px 12px;
+  padding: 8px 12px;
   outline: 0;
   flex: 1 0 auto;
 `,
@@ -124,7 +128,7 @@ const StyledListbox = styled('ul')(
   box-sizing: border-box;
   padding: 6px;
   margin: 12px 0;
-  max-width: 320px;
+  width: 320px;
   border-radius: 12px;
   overflow: auto;
   outline: 0px;
@@ -134,7 +138,9 @@ const StyledListbox = styled('ul')(
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-  box-shadow: 0px 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[200]};
+  box-shadow: 0px 4px 6px ${
+    theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
+  };
   `,
 );
 
diff --git a/docs/data/base/components/autocomplete/UseAutocomplete.tsx.preview b/docs/data/base/components/autocomplete/UseAutocomplete.tsx.preview
index 748fcdf556697f..1d31a9250a4ceb 100644
--- a/docs/data/base/components/autocomplete/UseAutocomplete.tsx.preview
+++ b/docs/data/base/components/autocomplete/UseAutocomplete.tsx.preview
@@ -1,5 +1,8 @@
-<Label {...getInputLabelProps()}>Label</Label>
-<StyledAutocompleteRoot {...getRootProps()}>
+<StyledLabel {...getInputLabelProps()}>Pick a movie</StyledLabel>
+<StyledAutocompleteRoot
+  {...getRootProps()}
+  className={focused ? 'focused' : ''}
+>
   <StyledInput {...getInputProps()} />
 </StyledAutocompleteRoot>
 {groupedOptions.length > 0 && (
diff --git a/docs/data/base/components/autocomplete/UseAutocompletePopper.js b/docs/data/base/components/autocomplete/UseAutocompletePopper.js
index fab100ee2e54e1..1953f2a977ee5c 100644
--- a/docs/data/base/components/autocomplete/UseAutocompletePopper.js
+++ b/docs/data/base/components/autocomplete/UseAutocompletePopper.js
@@ -2,15 +2,16 @@ import * as React from 'react';
 import { useAutocomplete } from '@mui/base/useAutocomplete';
 import { Popper } from '@mui/base/Popper';
 import { styled } from '@mui/system';
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import useForkRef from '@mui/utils/useForkRef';
 
-const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, ref) {
+const Autocomplete = React.forwardRef(function Autocomplete(props, ref) {
   const {
     getRootProps,
     getInputProps,
     getListboxProps,
     getOptionProps,
     groupedOptions,
+    focused,
     popupOpen,
     anchorEl,
     setAnchorEl,
@@ -20,7 +21,11 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, r
 
   return (
     <React.Fragment>
-      <StyledAutocompleteRoot {...getRootProps()} ref={rootRef}>
+      <StyledAutocompleteRoot
+        {...getRootProps()}
+        ref={rootRef}
+        className={focused ? 'focused' : ''}
+      >
         <StyledInput {...getInputProps()} />
       </StyledAutocompleteRoot>
       {anchorEl && (
@@ -31,17 +36,17 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, r
             root: StyledPopper,
           }}
         >
-          {groupedOptions.length > 0 ? (
-            <StyledListbox {...getListboxProps()}>
-              {groupedOptions.map((option, index) => (
+          <StyledListbox {...getListboxProps()}>
+            {groupedOptions.length > 0 ? (
+              groupedOptions.map((option, index) => (
                 <StyledOption {...getOptionProps({ option, index })}>
                   {option.label}
                 </StyledOption>
-              ))}
-            </StyledListbox>
-          ) : (
-            <StyledNoOptions>No results</StyledNoOptions>
-          )}
+              ))
+            ) : (
+              <StyledNoOptions>No results</StyledNoOptions>
+            )}
+          </StyledListbox>
         </Popper>
       )}
     </React.Fragment>
@@ -54,11 +59,7 @@ export default function UseAutocompletePopper() {
   const handleChange = (event, newValue) => setValue(newValue);
 
   return (
-    <CustomAutocomplete
-      options={top100Films}
-      value={value}
-      onChange={handleChange}
-    />
+    <Autocomplete options={top100Films} value={value} onChange={handleChange} />
   );
 }
 
@@ -88,7 +89,7 @@ const StyledAutocompleteRoot = styled('div')(
   ({ theme }) => `
   font-family: IBM Plex Sans, sans-serif;
   font-weight: 400;
-  border-radius: 12px;
+  border-radius: 8px;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
@@ -98,7 +99,7 @@ const StyledAutocompleteRoot = styled('div')(
   padding-right: 5px;
   overflow: hidden;
   width: 320px;
-  margin: 2rem 0 1.5rem;
+  margin: 1.5rem 0;
 
   &.focused {
     border-color: ${blue[400]};
@@ -125,7 +126,7 @@ const StyledInput = styled('input')(
   background: inherit;
   border: none;
   border-radius: inherit;
-  padding: 12px 12px;
+  padding: 8px 12px;
   outline: 0;
   flex: 1 0 auto;
 `,
diff --git a/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx b/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx
index 8ae3370be2f201..64a624887ccdf0 100644
--- a/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx
+++ b/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx
@@ -2,9 +2,9 @@ import * as React from 'react';
 import { useAutocomplete, UseAutocompleteProps } from '@mui/base/useAutocomplete';
 import { Popper } from '@mui/base/Popper';
 import { styled } from '@mui/system';
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import useForkRef from '@mui/utils/useForkRef';
 
-const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
+const Autocomplete = React.forwardRef(function Autocomplete(
   props: UseAutocompleteProps<(typeof top100Films)[number], false, false, false>,
   ref: React.ForwardedRef<HTMLDivElement>,
 ) {
@@ -14,6 +14,7 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
     getListboxProps,
     getOptionProps,
     groupedOptions,
+    focused,
     popupOpen,
     anchorEl,
     setAnchorEl,
@@ -23,7 +24,11 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
 
   return (
     <React.Fragment>
-      <StyledAutocompleteRoot {...getRootProps()} ref={rootRef}>
+      <StyledAutocompleteRoot
+        {...getRootProps()}
+        ref={rootRef}
+        className={focused ? 'focused' : ''}
+      >
         <StyledInput {...getInputProps()} />
       </StyledAutocompleteRoot>
       {anchorEl && (
@@ -34,17 +39,17 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
             root: StyledPopper,
           }}
         >
-          {groupedOptions.length > 0 ? (
-            <StyledListbox {...getListboxProps()}>
-              {(groupedOptions as typeof top100Films).map((option, index) => (
+          <StyledListbox {...getListboxProps()}>
+            {groupedOptions.length > 0 ? (
+              (groupedOptions as typeof top100Films).map((option, index) => (
                 <StyledOption {...getOptionProps({ option, index })}>
                   {option.label}
                 </StyledOption>
-              ))}
-            </StyledListbox>
-          ) : (
-            <StyledNoOptions>No results</StyledNoOptions>
-          )}
+              ))
+            ) : (
+              <StyledNoOptions>No results</StyledNoOptions>
+            )}
+          </StyledListbox>
         </Popper>
       )}
     </React.Fragment>
@@ -62,11 +67,7 @@ export default function UseAutocompletePopper() {
   ) => setValue(newValue);
 
   return (
-    <CustomAutocomplete
-      options={top100Films}
-      value={value}
-      onChange={handleChange}
-    />
+    <Autocomplete options={top100Films} value={value} onChange={handleChange} />
   );
 }
 
@@ -96,7 +97,7 @@ const StyledAutocompleteRoot = styled('div')(
   ({ theme }) => `
   font-family: IBM Plex Sans, sans-serif;
   font-weight: 400;
-  border-radius: 12px;
+  border-radius: 8px;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
@@ -106,7 +107,7 @@ const StyledAutocompleteRoot = styled('div')(
   padding-right: 5px;
   overflow: hidden;
   width: 320px;
-  margin: 2rem 0 1.5rem;
+  margin: 1.5rem 0;
 
   &.focused {
     border-color: ${blue[400]};
@@ -133,7 +134,7 @@ const StyledInput = styled('input')(
   background: inherit;
   border: none;
   border-radius: inherit;
-  padding: 12px 12px;
+  padding: 8px 12px;
   outline: 0;
   flex: 1 0 auto;
 `,
diff --git a/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx.preview b/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx.preview
index b8a32f8b8cdbd7..1d9614ad6d6287 100644
--- a/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx.preview
+++ b/docs/data/base/components/autocomplete/UseAutocompletePopper.tsx.preview
@@ -1,5 +1 @@
-<CustomAutocomplete
-  options={top100Films}
-  value={value}
-  onChange={handleChange}
-/>
\ No newline at end of file
+<Autocomplete options={top100Films} value={value} onChange={handleChange} />
\ No newline at end of file
diff --git a/docs/data/base/components/autocomplete/autocomplete.md b/docs/data/base/components/autocomplete/autocomplete.md
index 2455a92fce70f8..d0a0cb5de11e64 100644
--- a/docs/data/base/components/autocomplete/autocomplete.md
+++ b/docs/data/base/components/autocomplete/autocomplete.md
@@ -8,7 +8,7 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/
 
 # Autocomplete
 
-<p class="description">The Autocomplete component is a text input enhanced by a panel of suggested options.</p>
+<p class="description">An autocomplete component is a text input enhanced by a panel of suggested options.</p>
 
 {{"component": "modules/components/ComponentLinkHeader.js", "design": false}}
 
@@ -16,9 +16,12 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/
 
 ## Introduction
 
-The autocomplete component is an enhanced text input that shows a list of suggested options as users type and lets them select an option from the list. It implements the WAI-ARIA Combobox pattern, and is typically used to assist users in completing form inputs or search queries faster.
+An autocomplete component is an enhanced text input that shows a list of suggested options as users type, and lets them select an option from the list.
 
-{{"demo": "AutocompleteIntroduction.js", "defaultCodeOpen": false, "bg": "gradient"}}
+Base UI provides the `useAutocomplete` hook for building a custom Autocomplete.
+It implements the WAI-ARIA Combobox pattern, and is typically used to assist users in completing form inputs or search queries faster.
+
+{{"demo": "AutocompleteIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
 
 :::warning
 Material UI and Joy UI have Autocomplete components that are built using the `useAutocomplete` hook, and they include many features not yet described here.
@@ -30,51 +33,16 @@ To learn more about implementing a custom Autocomplete, you can explore the [`us
 
 :::
 
-## Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this hook as follows:
+## Hook
 
 ```jsx
 import { useAutocomplete } from '@mui/base/useAutocomplete';
-
-export default function App() {
-  const {
-    getRootProps,
-    getInputProps,
-    getListboxProps,
-    getOptionProps,
-    groupedOptions,
-  } = useAutocomplete({
-    options: [
-      { label: 'The Dark Knight', year: 2008 },
-      { label: '12 Angry Men', year: 1957 },
-      { label: "Schindler's List", year: 1993 },
-    ],
-    getOptionLabel: (option) => option.label,
-  });
-
-  return (
-    <React.Fragment>
-      <div {...getRootProps()}>
-        <input {...getInputProps()} />
-      </div>
-      {groupedOptions.length > 0 && (
-        <ul {...getListboxProps()}>
-          {groupedOptions.map((option, index) => (
-            <li {...getOptionProps({ option, index })}>{option.label}</li>
-          ))}
-        </ul>
-      )}
-    </React.Fragment>
-  );
-}
 ```
 
-## Basics
-
-The useAutocomplete hook requires a list of `options` to be displayed when the textbox receives focus. The value must be chosen from a predefined set of values.
+The `useAutocomplete` hook requires a list of `options` to be displayed when the textbox receives focus.
+The value must be chosen from a predefined set of values.
 
-The following demo shows how to create a simple combobox, apply some styling, and write the selected value to a state variable using the `onChange` prop:
+The following demo shows how to create a simple combobox, apply styles, and write the selected value to a state variable using the `onChange` prop:
 
 {{"demo": "UseAutocomplete.js"}}
 
@@ -113,7 +81,7 @@ const {
 
 ### Controlled states
 
-The useAutocomplete hook has two states that can be controlled:
+The `useAutocomplete` hook has two states that can be controlled:
 
 1. the "value" state with the `value`/`onChange` props combination. This state represents the value selected by the user, for instance when pressing <kbd class="key">Enter</kbd>.
 2. the "input value" state with the `inputValue`/`onInputChange` props combination. This state represents the value displayed in the textbox.
@@ -134,7 +102,7 @@ Learn more about controlled and uncontrolled components in the [React documentat
 
 React Portals can be used to render the listbox outside of the DOM hierarchy, making it easier to allow it to "float" above adjacent elements.
 
-Base UI provides a [`<Popper />`](/base-ui/react-popper/) component built around React's `createPortal()` for exactly this purpose, and additionally helps you manage keyboard focus as it moves in and out of the portal.
+Base UI provides a [Popper](/base-ui/react-popper/) component built around React's `createPortal()` for exactly this purpose, and additionally helps you manage keyboard focus as it moves in and out of the portal.
 
 To render the listbox in Base UI's Popper, the `ref`s must be merged as follows:
 
diff --git a/docs/data/base/components/badge/UnstyledBadge/tailwind/index.js b/docs/data/base/components/badge/UnstyledBadge/tailwind/index.js
index e3d33107e70c19..917bc867dc1b83 100644
--- a/docs/data/base/components/badge/UnstyledBadge/tailwind/index.js
+++ b/docs/data/base/components/badge/UnstyledBadge/tailwind/index.js
@@ -1,5 +1,7 @@
 import * as React from 'react';
-import { Badge } from '@mui/base/Badge';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { Badge as BaseBadge } from '@mui/base/Badge';
 import { useTheme } from '@mui/system';
 
 function useIsDarkMode() {
@@ -13,21 +15,60 @@ export default function UnstyledBadge() {
 
   return (
     <div className={isDarkMode ? 'dark' : ''}>
-      <Badge
-        slotProps={{
-          root: {
-            className:
-              'box-border m-0 p-0 text-xs list-none relative inline-block leading-none',
-          },
-          badge: {
-            className:
-              'z-auto absolute top-0 right-0 min-w-badge min-h-badge p-0 text-white font-semibold font-xs rounded-xl bg-purple-500 leading-5.5 whitespace-nowrap text-center translate-x-1/2 -translate-y-1/2 drop-shadow-lg origin-right',
-          },
-        }}
-        badgeContent={5}
-      >
+      <Badge badgeContent={5}>
         <span className="w-10 h-10 rounded-xl bg-slate-300 dark:bg-slate-400 inline-block align-middle" />
       </Badge>
     </div>
   );
 }
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const Badge = React.forwardRef((props, ref) => {
+  return (
+    <BaseBadge
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'box-border m-0 p-0 text-xs font-sans list-none relative inline-block leading-none',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        badge: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.badge,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'z-auto absolute top-0 right-0 min-w-badge min-h-badge font-sans p-0 text-white font-semibold font-xs rounded-xl bg-purple-500 leading-5.5 whitespace-nowrap text-center translate-x-1/2 -translate-y-1/2 drop-shadow-lg origin-right',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+Badge.propTypes = {
+  /**
+   * The props used for each slot inside the Badge.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    badge: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+};
diff --git a/docs/data/base/components/badge/UnstyledBadge/tailwind/index.tsx b/docs/data/base/components/badge/UnstyledBadge/tailwind/index.tsx
index e3d33107e70c19..837644d21d60d0 100644
--- a/docs/data/base/components/badge/UnstyledBadge/tailwind/index.tsx
+++ b/docs/data/base/components/badge/UnstyledBadge/tailwind/index.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { Badge } from '@mui/base/Badge';
+import clsx from 'clsx';
+import { Badge as BaseBadge, BadgeProps } from '@mui/base/Badge';
 import { useTheme } from '@mui/system';
 
 function useIsDarkMode() {
@@ -13,21 +14,50 @@ export default function UnstyledBadge() {
 
   return (
     <div className={isDarkMode ? 'dark' : ''}>
-      <Badge
-        slotProps={{
-          root: {
-            className:
-              'box-border m-0 p-0 text-xs list-none relative inline-block leading-none',
-          },
-          badge: {
-            className:
-              'z-auto absolute top-0 right-0 min-w-badge min-h-badge p-0 text-white font-semibold font-xs rounded-xl bg-purple-500 leading-5.5 whitespace-nowrap text-center translate-x-1/2 -translate-y-1/2 drop-shadow-lg origin-right',
-          },
-        }}
-        badgeContent={5}
-      >
+      <Badge badgeContent={5}>
         <span className="w-10 h-10 rounded-xl bg-slate-300 dark:bg-slate-400 inline-block align-middle" />
       </Badge>
     </div>
   );
 }
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>((props, ref) => {
+  return (
+    <BaseBadge
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'box-border m-0 p-0 text-xs font-sans list-none relative inline-block leading-none',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        badge: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.badge,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'z-auto absolute top-0 right-0 min-w-badge min-h-badge font-sans p-0 text-white font-semibold font-xs rounded-xl bg-purple-500 leading-5.5 whitespace-nowrap text-center translate-x-1/2 -translate-y-1/2 drop-shadow-lg origin-right',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
diff --git a/docs/data/base/components/badge/UnstyledBadge/tailwind/index.tsx.preview b/docs/data/base/components/badge/UnstyledBadge/tailwind/index.tsx.preview
index 07cf50c20fbad1..bd190ede6b357d 100644
--- a/docs/data/base/components/badge/UnstyledBadge/tailwind/index.tsx.preview
+++ b/docs/data/base/components/badge/UnstyledBadge/tailwind/index.tsx.preview
@@ -1,15 +1,3 @@
-<Badge
-  slotProps={{
-    root: {
-      className:
-        'box-border m-0 p-0 text-xs list-none relative inline-block leading-none',
-    },
-    badge: {
-      className:
-        'z-auto absolute top-0 right-0 min-w-badge min-h-badge p-0 text-white font-semibold font-xs rounded-xl bg-purple-500 leading-5.5 whitespace-nowrap text-center translate-x-1/2 -translate-y-1/2 drop-shadow-lg origin-right',
-    },
-  }}
-  badgeContent={5}
->
+<Badge badgeContent={5}>
   <span className="w-10 h-10 rounded-xl bg-slate-300 dark:bg-slate-400 inline-block align-middle" />
 </Badge>
\ No newline at end of file
diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.js b/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.js
new file mode 100644
index 00000000000000..901efb400391f9
--- /dev/null
+++ b/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.js
@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { Badge } from '@mui/base/Badge';
+import { useTheme } from '@mui/system';
+
+export default function UnstyledBadgeIntroduction() {
+  return (
+    <React.Fragment>
+      <Badge
+        slotProps={{
+          root: { className: 'CustomBadgeIntroduction' },
+          badge: { className: 'CustomBadgeIntroduction--badge' },
+        }}
+        badgeContent={5}
+      >
+        <span className="CustomBadgeIntroduction--content" />
+      </Badge>
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#bdbdbd',
+  700: '#424a53',
+  900: '#24292f',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+  return (
+    <style>
+      {`
+      .CustomBadgeIntroduction {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+        font-size: 14px;
+        font-variant: tabular-nums;
+        list-style: none;
+        font-family: IBM Plex Sans, sans-serif;
+        position: relative;
+        display: inline-block;
+        line-height: 1;
+      }
+
+      .CustomBadgeIntroduction--badge {
+        z-index: auto;
+        position: absolute;
+        top: 0;
+        right: 0;
+        min-width: 22px;
+        height: 22px;
+        padding: 0 6px;
+        color: #fff;
+        font-weight: 600;
+        font-size: 12px;
+        line-height: 22px;
+        white-space: nowrap;
+        text-align: center;
+        border-radius: 12px;
+        background: ${cyan[500]};
+        box-shadow: 0px 2px 24px ${isDarkMode ? grey[900] : grey[300]};
+        transform: translate(50%, -50%);
+        transform-origin: 100% 0;
+      }
+
+      .CustomBadgeIntroduction--content {
+        width: 40px;
+        height: 40px;
+        border-radius: 12px;
+        background: ${isDarkMode ? grey[700] : grey[200]};
+        display: inline-block;
+        vertical-align: middle;
+      }
+      `}
+    </style>
+  );
+}
diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.tsx b/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.tsx
new file mode 100644
index 00000000000000..901efb400391f9
--- /dev/null
+++ b/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.tsx
@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { Badge } from '@mui/base/Badge';
+import { useTheme } from '@mui/system';
+
+export default function UnstyledBadgeIntroduction() {
+  return (
+    <React.Fragment>
+      <Badge
+        slotProps={{
+          root: { className: 'CustomBadgeIntroduction' },
+          badge: { className: 'CustomBadgeIntroduction--badge' },
+        }}
+        badgeContent={5}
+      >
+        <span className="CustomBadgeIntroduction--content" />
+      </Badge>
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#bdbdbd',
+  700: '#424a53',
+  900: '#24292f',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+  return (
+    <style>
+      {`
+      .CustomBadgeIntroduction {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+        font-size: 14px;
+        font-variant: tabular-nums;
+        list-style: none;
+        font-family: IBM Plex Sans, sans-serif;
+        position: relative;
+        display: inline-block;
+        line-height: 1;
+      }
+
+      .CustomBadgeIntroduction--badge {
+        z-index: auto;
+        position: absolute;
+        top: 0;
+        right: 0;
+        min-width: 22px;
+        height: 22px;
+        padding: 0 6px;
+        color: #fff;
+        font-weight: 600;
+        font-size: 12px;
+        line-height: 22px;
+        white-space: nowrap;
+        text-align: center;
+        border-radius: 12px;
+        background: ${cyan[500]};
+        box-shadow: 0px 2px 24px ${isDarkMode ? grey[900] : grey[300]};
+        transform: translate(50%, -50%);
+        transform-origin: 100% 0;
+      }
+
+      .CustomBadgeIntroduction--content {
+        width: 40px;
+        height: 40px;
+        border-radius: 12px;
+        background: ${isDarkMode ? grey[700] : grey[200]};
+        display: inline-block;
+        vertical-align: middle;
+      }
+      `}
+    </style>
+  );
+}
diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.tsx.preview b/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.tsx.preview
new file mode 100644
index 00000000000000..4b5d65f54f525e
--- /dev/null
+++ b/docs/data/base/components/badge/UnstyledBadgeIntroduction/css/index.tsx.preview
@@ -0,0 +1,12 @@
+<React.Fragment>
+  <Badge
+    slotProps={{
+      root: { className: 'CustomBadgeIntroduction' },
+      badge: { className: 'CustomBadgeIntroduction--badge' },
+    }}
+    badgeContent={5}
+  >
+    <span className="CustomBadgeIntroduction--content" />
+  </Badge>
+  <Styles />
+</React.Fragment>
\ No newline at end of file
diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction.js b/docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.js
similarity index 100%
rename from docs/data/base/components/badge/UnstyledBadgeIntroduction.js
rename to docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.js
diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction.tsx b/docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.tsx
similarity index 100%
rename from docs/data/base/components/badge/UnstyledBadgeIntroduction.tsx
rename to docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.tsx
diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction.tsx.preview b/docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.tsx.preview
similarity index 100%
rename from docs/data/base/components/badge/UnstyledBadgeIntroduction.tsx.preview
rename to docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.tsx.preview
diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.js b/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.js
new file mode 100644
index 00000000000000..070d1e6cdba04a
--- /dev/null
+++ b/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.js
@@ -0,0 +1,74 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { Badge as BaseBadge } from '@mui/base/Badge';
+import { useTheme } from '@mui/system';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledBadgeIntroduction() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <div className={isDarkMode ? 'dark' : ''}>
+      <Badge badgeContent={5}>
+        <span className="w-10 h-10 rounded-xl bg-slate-300 dark:bg-slate-400 inline-block align-middle" />
+      </Badge>
+    </div>
+  );
+}
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const Badge = React.forwardRef((props, ref) => {
+  return (
+    <BaseBadge
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'box-border m-0 p-0 text-xs list-none relative inline-block leading-none',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        badge: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.badge,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'z-auto absolute top-0 right-0 min-w-badge min-h-badge font-sans p-0 text-white font-semibold font-xs font-sans rounded-xl bg-purple-500 leading-5.5 whitespace-nowrap text-center translate-x-1/2 -translate-y-1/2 drop-shadow-lg origin-right',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+Badge.propTypes = {
+  /**
+   * The props used for each slot inside the Badge.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    badge: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+};
diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.tsx b/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.tsx
new file mode 100644
index 00000000000000..2724498fae1d94
--- /dev/null
+++ b/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.tsx
@@ -0,0 +1,63 @@
+import * as React from 'react';
+import clsx from 'clsx';
+import { Badge as BaseBadge, BadgeProps } from '@mui/base/Badge';
+import { useTheme } from '@mui/system';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledBadgeIntroduction() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <div className={isDarkMode ? 'dark' : ''}>
+      <Badge badgeContent={5}>
+        <span className="w-10 h-10 rounded-xl bg-slate-300 dark:bg-slate-400 inline-block align-middle" />
+      </Badge>
+    </div>
+  );
+}
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>((props, ref) => {
+  return (
+    <BaseBadge
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'box-border m-0 p-0 text-xs list-none relative inline-block leading-none',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        badge: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.badge,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'z-auto absolute top-0 right-0 min-w-badge min-h-badge font-sans p-0 text-white font-semibold font-xs font-sans rounded-xl bg-purple-500 leading-5.5 whitespace-nowrap text-center translate-x-1/2 -translate-y-1/2 drop-shadow-lg origin-right',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
diff --git a/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.tsx.preview b/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.tsx.preview
new file mode 100644
index 00000000000000..bd190ede6b357d
--- /dev/null
+++ b/docs/data/base/components/badge/UnstyledBadgeIntroduction/tailwind/index.tsx.preview
@@ -0,0 +1,3 @@
+<Badge badgeContent={5}>
+  <span className="w-10 h-10 rounded-xl bg-slate-300 dark:bg-slate-400 inline-block align-middle" />
+</Badge>
\ No newline at end of file
diff --git a/docs/data/base/components/badge/badge.md b/docs/data/base/components/badge/badge.md
index 3daa904159c622..71f557d58fd79c 100644
--- a/docs/data/base/components/badge/badge.md
+++ b/docs/data/base/components/badge/badge.md
@@ -21,36 +21,19 @@ It typically sits on or near an element and indicates the status of that element
 
 The Badge component creates a badge that is applied to its child element.
 
-{{"demo": "UnstyledBadgeIntroduction.js", "defaultCodeOpen": false, "bg": "gradient"}}
+{{"demo": "UnstyledBadgeIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { Badge } from '@mui/base/Badge';
-
-export default function MyApp() {
-  return <Badge>{/* the element that the badge is attached to */}</Badge>;
-}
 ```
 
-### Basics
-
 The Badge wraps around the UI element that it's attached to.
-For instance, if the badge indicates the number of emails in an inbox, then the component will be structured like this:
-
-```jsx
-<Badge>
-  <MailIcon />
-</Badge>
-```
 
 ### Anatomy
 
-The Badge component is composed of a root `<span>` that houses the element that the badge is attached to, followed by a `<span>` slot to represent the badge itself:
+The Badge component is composed of a root `<span>` that houses the element that the Badge is attached to, followed by a `<span>` slot to represent the Badge itself:
 
 ```html
 <span class="BaseBadge-root">
@@ -79,9 +62,10 @@ The following code snippet applies a CSS class called `my-badge` to the badge sl
 <Badge slotProps={{ badge: { className: 'my-badge' } }} />
 ```
 
-#### Usage with TypeScript
+### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. This way, you can safely provide the custom root's props directly on the component:
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
+This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx
 <Badge<typeof CustomComponent> slots={{ root: CustomComponent }} customProp />
@@ -99,10 +83,10 @@ The same applies for props specific to custom primitive elements:
 import { useBadge } from '@mui/base/useBadge';
 ```
 
-The `useBadge` hook lets you apply the functionality of a badge to a fully custom component.
+The `useBadge` hook lets you apply the functionality of a Badge to a fully custom component.
 It returns props to be placed on the custom component, along with fields representing the component's internal state.
 
-Hooks _do not_ support [slot props](#slot-props), but they do support [customization props](#customization).
+Hooks _do not_ support [slot props](#custom-structure), but they do support [customization props](#customization).
 
 :::info
 Hooks give you the most room for customization, but require more work to implement.
@@ -120,27 +104,27 @@ For the sake of simplicity, demos and code snippets primarily feature components
 
 ### Badge content
 
-The `badgeContent` prop defines the content that's displayed inside the badge.
-When this content is a number, there are additional props you can use for further customization—see the [Numerical badges section](#numerical-badges) below.
+The `badgeContent` prop defines the content that's displayed inside the Badge.
+When this content is a number, there are additional props you can use for further customization—see the [Numerical Badges section](#numerical-badges) below.
 
-The following demo shows how to create and style a typical numerical badge that's attached to a generic box element:
+The following demo shows how to create and style a typical numerical Badge that's attached to a generic box element:
 
 {{"demo": "UnstyledBadge", "defaultCodeOpen": false}}
 
 ### Badge visibility
 
-You can control the visibility of a badge by using the `invisible` prop.
-Setting a badge to `invisible` does not actually hide it—instead, this prop adds the `BaseBadge-invisible` class to the badge, which you can target with styles to hide however you prefer:
+You can control the visibility of a Badge by using the `invisible` prop.
+Setting a Badge to `invisible` does not actually hide it—instead, this prop adds the `BaseBadge-invisible` class to the Badge, which you can target with styles to hide however you prefer:
 
 {{"demo": "BadgeVisibility.js"}}
 
-### Numerical badges
+### Numerical Badges
 
 The following props are useful when `badgeContent` is a number.
 
 #### The showZero prop
 
-By default, badges automatically hide when `badgeContent={0}`.
+By default, Badges automatically hide when `badgeContent={0}`.
 You can override this behavior with the `showZero` prop:
 
 {{"demo": "ShowZeroBadge.js"}}
@@ -154,7 +138,7 @@ The default is 99.
 
 ## Accessibility
 
-Screen readers may not provide users with enough information about a badge's contents.
+Screen readers may not provide users with enough information about a Badge's contents.
 To make your badge accessible, you must provide a full description with `aria-label`, as shown in the demo below:
 
 {{"demo": "AccessibleBadges.js"}}
diff --git a/docs/data/base/components/button/UnstyledButtonCustom.js b/docs/data/base/components/button/UnstyledButtonCustom.js
index 5567b32e254eb5..4f4e2399fafeaf 100644
--- a/docs/data/base/components/button/UnstyledButtonCustom.js
+++ b/docs/data/base/components/button/UnstyledButtonCustom.js
@@ -53,7 +53,7 @@ const CustomButtonRoot = styled(ButtonRoot)(
     transition: all 800ms ease;
     pointer-events: none;
   }
-  
+
   & .bg {
     stroke: var(--main-color);
     stroke-width: 1;
@@ -71,14 +71,12 @@ const CustomButtonRoot = styled(ButtonRoot)(
 
   &:hover,
   &.${buttonClasses.focusVisible} {
-    @media (hover: hover) {
-      .borderEffect {
-        stroke-dashoffset: -600;
-      }
-  
-      .bg {
-        fill: var(--hover-color);
-      }
+    .borderEffect {
+      stroke-dashoffset: -600;
+    }
+
+    .bg {
+      fill: var(--hover-color);
     }
   }
 
@@ -88,7 +86,7 @@ const CustomButtonRoot = styled(ButtonRoot)(
     outline-offset: 2px;
   }
 
-  &.${buttonClasses.active} { 
+  &.${buttonClasses.active} {
     & .bg {
       fill: var(--active-color);
       transition: fill 300ms ease-out;
diff --git a/docs/data/base/components/button/UnstyledButtonCustom.tsx b/docs/data/base/components/button/UnstyledButtonCustom.tsx
index b3bfb2c396466e..72413739662779 100644
--- a/docs/data/base/components/button/UnstyledButtonCustom.tsx
+++ b/docs/data/base/components/button/UnstyledButtonCustom.tsx
@@ -54,7 +54,7 @@ const CustomButtonRoot = styled(ButtonRoot)(
     transition: all 800ms ease;
     pointer-events: none;
   }
-  
+
   & .bg {
     stroke: var(--main-color);
     stroke-width: 1;
@@ -72,14 +72,12 @@ const CustomButtonRoot = styled(ButtonRoot)(
 
   &:hover,
   &.${buttonClasses.focusVisible} {
-    @media (hover: hover) {
-      .borderEffect {
-        stroke-dashoffset: -600;
-      }
-  
-      .bg {
-        fill: var(--hover-color);
-      }
+    .borderEffect {
+      stroke-dashoffset: -600;
+    }
+
+    .bg {
+      fill: var(--hover-color);
     }
   }
 
@@ -89,7 +87,7 @@ const CustomButtonRoot = styled(ButtonRoot)(
     outline-offset: 2px;
   }
 
-  &.${buttonClasses.active} { 
+  &.${buttonClasses.active} {
     & .bg {
       fill: var(--active-color);
       transition: fill 300ms ease-out;
diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction.js b/docs/data/base/components/button/UnstyledButtonIntroduction.js
deleted file mode 100644
index bf13578424e76b..00000000000000
--- a/docs/data/base/components/button/UnstyledButtonIntroduction.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import * as React from 'react';
-import { Button, buttonClasses } from '@mui/base/Button';
-import { styled } from '@mui/system';
-import Stack from '@mui/material/Stack';
-
-export default function UnstyledButtonIntroduction() {
-  return (
-    <Stack spacing={2} direction="row">
-      <CustomButton>Button</CustomButton>
-      <CustomButton disabled>Disabled</CustomButton>
-    </Stack>
-  );
-}
-
-const blue = {
-  500: '#007FFF',
-  600: '#0072E5',
-  700: '#0059B2',
-};
-
-const grey = {
-  100: '#eaeef2',
-  300: '#afb8c1',
-  900: '#24292f',
-};
-
-const CustomButton = styled(Button)(
-  ({ theme }) => `
-  font-family: IBM Plex Sans, sans-serif;
-  font-weight: 600;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  background-color: ${blue[500]};
-  padding: 8px 16px;
-  border-radius: 8px;
-  color: white;
-  transition: all 150ms ease;
-  cursor: pointer;
-  border: none;
-  box-shadow: 0px 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[100]};
-
-  &:hover {
-    @media (hover: hover) {
-      background-color: ${blue[600]};
-    }
-  }
-
-  &.${buttonClasses.active} {
-    background-color: ${blue[700]};
-  }
-
-  &.${buttonClasses.focusVisible} {
-    box-shadow: 0 3px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5);
-    outline: none;
-  }
-
-  &.${buttonClasses.disabled} {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-  `,
-);
diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction.tsx b/docs/data/base/components/button/UnstyledButtonIntroduction.tsx
deleted file mode 100644
index bf13578424e76b..00000000000000
--- a/docs/data/base/components/button/UnstyledButtonIntroduction.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import * as React from 'react';
-import { Button, buttonClasses } from '@mui/base/Button';
-import { styled } from '@mui/system';
-import Stack from '@mui/material/Stack';
-
-export default function UnstyledButtonIntroduction() {
-  return (
-    <Stack spacing={2} direction="row">
-      <CustomButton>Button</CustomButton>
-      <CustomButton disabled>Disabled</CustomButton>
-    </Stack>
-  );
-}
-
-const blue = {
-  500: '#007FFF',
-  600: '#0072E5',
-  700: '#0059B2',
-};
-
-const grey = {
-  100: '#eaeef2',
-  300: '#afb8c1',
-  900: '#24292f',
-};
-
-const CustomButton = styled(Button)(
-  ({ theme }) => `
-  font-family: IBM Plex Sans, sans-serif;
-  font-weight: 600;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  background-color: ${blue[500]};
-  padding: 8px 16px;
-  border-radius: 8px;
-  color: white;
-  transition: all 150ms ease;
-  cursor: pointer;
-  border: none;
-  box-shadow: 0px 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[100]};
-
-  &:hover {
-    @media (hover: hover) {
-      background-color: ${blue[600]};
-    }
-  }
-
-  &.${buttonClasses.active} {
-    background-color: ${blue[700]};
-  }
-
-  &.${buttonClasses.focusVisible} {
-    box-shadow: 0 3px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5);
-    outline: none;
-  }
-
-  &.${buttonClasses.disabled} {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-  `,
-);
diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction.tsx.preview b/docs/data/base/components/button/UnstyledButtonIntroduction.tsx.preview
deleted file mode 100644
index 702ae5216245c1..00000000000000
--- a/docs/data/base/components/button/UnstyledButtonIntroduction.tsx.preview
+++ /dev/null
@@ -1,2 +0,0 @@
-<CustomButton>Button</CustomButton>
-<CustomButton disabled>Disabled</CustomButton>
\ No newline at end of file
diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.js b/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.js
index b30badf8f1a3dd..3afdd444109f23 100644
--- a/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.js
+++ b/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.js
@@ -19,7 +19,7 @@ const CustomButton = React.forwardRef((props, ref) => {
     <Button
       ref={ref}
       className={clsx(
-        'cursor-pointer disabled:cursor-not-allowed text-sm bg-violet-500 hover:bg-violet-600 active:bg-violet-700 text-white rounded-md font-semibold px-4 py-2 border-none disabled:opacity-50',
+        'cursor-pointer disabled:cursor-not-allowed text-sm font-sans bg-violet-500 hover:bg-violet-600 active:bg-violet-700 text-white rounded-lg font-semibold px-4 py-2 border-none disabled:opacity-50',
         className,
       )}
       {...other}
diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.tsx b/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.tsx
index 335422ec2ba53b..7bc50e32c49739 100644
--- a/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.tsx
+++ b/docs/data/base/components/button/UnstyledButtonIntroduction/tailwind/index.tsx
@@ -19,7 +19,7 @@ const CustomButton = React.forwardRef<HTMLButtonElement, ButtonProps>(
       <Button
         ref={ref}
         className={clsx(
-          'cursor-pointer disabled:cursor-not-allowed text-sm bg-violet-500 hover:bg-violet-600 active:bg-violet-700 text-white rounded-md font-semibold px-4 py-2 border-none disabled:opacity-50',
+          'cursor-pointer disabled:cursor-not-allowed text-sm font-sans bg-violet-500 hover:bg-violet-600 active:bg-violet-700 text-white rounded-lg font-semibold px-4 py-2 border-none disabled:opacity-50',
           className,
         )}
         {...other}
diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js
index 0cb84f5a14539f..81c3db1e383492 100644
--- a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js
+++ b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js
@@ -34,9 +34,7 @@ const CustomButton = styled(Button)`
   border: none;
 
   &:hover {
-    @media (hover: hover) {
-      background-color: ${blue[600]};
-    }
+    background-color: ${blue[600]};
   }
 
   &.${buttonClasses.active} {
diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx
index 0cb84f5a14539f..81c3db1e383492 100644
--- a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx
+++ b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx
@@ -34,9 +34,7 @@ const CustomButton = styled(Button)`
   border: none;
 
   &:hover {
-    @media (hover: hover) {
-      background-color: ${blue[600]};
-    }
+    background-color: ${blue[600]};
   }
 
   &.${buttonClasses.active} {
diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js
index e63642bbe58ad8..29eb4906c0d8a1 100644
--- a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js
+++ b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js
@@ -36,9 +36,7 @@ const CustomButton = styled(Button)`
   border: none;
 
   &:hover:not(.${buttonClasses.disabled}) {
-    @media (hover: hover) {
-      background-color: ${blue[600]};
-    }
+    background-color: ${blue[600]};
   }
 
   &.${buttonClasses.active} {
diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx
index 27432a911c8d62..d1e1b7eff13a85 100644
--- a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx
+++ b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx
@@ -37,9 +37,7 @@ const CustomButton = styled(Button)`
   border: none;
 
   &:hover:not(.${buttonClasses.disabled}) {
-    @media (hover: hover) {
-      background-color: ${blue[600]};
-    }
+    background-color: ${blue[600]};
   }
 
   &.${buttonClasses.active} {
diff --git a/docs/data/base/components/button/UnstyledButtonsSimple/css/index.js b/docs/data/base/components/button/UnstyledButtonsSimple/css/index.js
index 1caf7cb2550212..f7cdde1f0fd0be 100644
--- a/docs/data/base/components/button/UnstyledButtonsSimple/css/index.js
+++ b/docs/data/base/components/button/UnstyledButtonsSimple/css/index.js
@@ -54,12 +54,11 @@ function Styles() {
       .CustomButton:active:not(.${buttonClasses.disabled}) {
         background-color: ${cyan[700]};
       }
-      
+
       .${buttonClasses.disabled} {
         opacity: 0.5;
         cursor: not-allowed;
-
-
+      }
       `}
     </style>
   );
diff --git a/docs/data/base/components/button/UnstyledButtonsSimple/css/index.tsx b/docs/data/base/components/button/UnstyledButtonsSimple/css/index.tsx
index 1caf7cb2550212..f7cdde1f0fd0be 100644
--- a/docs/data/base/components/button/UnstyledButtonsSimple/css/index.tsx
+++ b/docs/data/base/components/button/UnstyledButtonsSimple/css/index.tsx
@@ -54,12 +54,11 @@ function Styles() {
       .CustomButton:active:not(.${buttonClasses.disabled}) {
         background-color: ${cyan[700]};
       }
-      
+
       .${buttonClasses.disabled} {
         opacity: 0.5;
         cursor: not-allowed;
-
-
+      }
       `}
     </style>
   );
diff --git a/docs/data/base/components/button/UnstyledButtonsSimple/system/index.js b/docs/data/base/components/button/UnstyledButtonsSimple/system/index.js
index 1b1c75c64310e0..69d470d99c3198 100644
--- a/docs/data/base/components/button/UnstyledButtonsSimple/system/index.js
+++ b/docs/data/base/components/button/UnstyledButtonsSimple/system/index.js
@@ -32,9 +32,7 @@ const CustomButton = styled(Button)`
   border: none;
 
   &:hover:not(:disabled) {
-    @media (hover: hover) {
-      background-color: ${blue[600]};
-    }
+    background-color: ${blue[600]};
   }
 
   &:active:not(:disabled) {
diff --git a/docs/data/base/components/button/UnstyledButtonsSimple/system/index.tsx b/docs/data/base/components/button/UnstyledButtonsSimple/system/index.tsx
index 1b1c75c64310e0..69d470d99c3198 100644
--- a/docs/data/base/components/button/UnstyledButtonsSimple/system/index.tsx
+++ b/docs/data/base/components/button/UnstyledButtonsSimple/system/index.tsx
@@ -32,9 +32,7 @@ const CustomButton = styled(Button)`
   border: none;
 
   &:hover:not(:disabled) {
-    @media (hover: hover) {
-      background-color: ${blue[600]};
-    }
+    background-color: ${blue[600]};
   }
 
   &:active:not(:disabled) {
diff --git a/docs/data/base/components/button/UnstyledButtonsSimple/tailwind/index.js b/docs/data/base/components/button/UnstyledButtonsSimple/tailwind/index.js
index 08d8a7e4469cfb..917ebda0a7b6f9 100644
--- a/docs/data/base/components/button/UnstyledButtonsSimple/tailwind/index.js
+++ b/docs/data/base/components/button/UnstyledButtonsSimple/tailwind/index.js
@@ -21,7 +21,7 @@ const CustomButton = React.forwardRef((props, ref) => {
     <Button
       ref={ref}
       className={clsx(
-        'cursor-pointer disabled:cursor-not-allowed text-sm bg-violet-500 text-white rounded-md font-semibold px-4 py-2 border-none disabled:opacity-50',
+        'cursor-pointer disabled:cursor-not-allowed text-sm font-sans bg-violet-500 text-white rounded-lg font-semibold px-4 py-2 border-none disabled:opacity-50',
         className,
       )}
       {...other}
diff --git a/docs/data/base/components/button/UnstyledButtonsSimple/tailwind/index.tsx b/docs/data/base/components/button/UnstyledButtonsSimple/tailwind/index.tsx
index 56fb815d39b2a9..15f3ee6511736b 100644
--- a/docs/data/base/components/button/UnstyledButtonsSimple/tailwind/index.tsx
+++ b/docs/data/base/components/button/UnstyledButtonsSimple/tailwind/index.tsx
@@ -21,7 +21,7 @@ const CustomButton = React.forwardRef<HTMLButtonElement, ButtonProps>(
       <Button
         ref={ref}
         className={clsx(
-          'cursor-pointer disabled:cursor-not-allowed text-sm bg-violet-500 text-white rounded-md font-semibold px-4 py-2 border-none disabled:opacity-50',
+          'cursor-pointer disabled:cursor-not-allowed text-sm font-sans bg-violet-500 text-white rounded-lg font-semibold px-4 py-2 border-none disabled:opacity-50',
           className,
         )}
         {...other}
diff --git a/docs/data/base/components/button/UnstyledButtonsSpan.js b/docs/data/base/components/button/UnstyledButtonsSpan.js
index 933e4a5f645325..45dd963617f567 100644
--- a/docs/data/base/components/button/UnstyledButtonsSpan.js
+++ b/docs/data/base/components/button/UnstyledButtonsSpan.js
@@ -34,9 +34,7 @@ const CustomButton = styled(Button)`
   border: none;
 
   &:hover {
-    @media (hover: hover) {
-      background-color: ${blue[600]};
-    }
+    background-color: ${blue[600]};
   }
 
   &.${buttonClasses.active} {
diff --git a/docs/data/base/components/button/UnstyledButtonsSpan.tsx b/docs/data/base/components/button/UnstyledButtonsSpan.tsx
index 3053b5791037f6..28456f29f69b20 100644
--- a/docs/data/base/components/button/UnstyledButtonsSpan.tsx
+++ b/docs/data/base/components/button/UnstyledButtonsSpan.tsx
@@ -35,9 +35,7 @@ const CustomButton = styled(Button)`
   border: none;
 
   &:hover {
-    @media (hover: hover) {
-      background-color: ${blue[600]};
-    }
+    background-color: ${blue[600]};
   }
 
   &.${buttonClasses.active} {
diff --git a/docs/data/base/components/button/UnstyledButtonsSpan/tailwind/index.js b/docs/data/base/components/button/UnstyledButtonsSpan/tailwind/index.js
index 48ae57c61675e9..4af8f4712b740c 100644
--- a/docs/data/base/components/button/UnstyledButtonsSpan/tailwind/index.js
+++ b/docs/data/base/components/button/UnstyledButtonsSpan/tailwind/index.js
@@ -23,7 +23,7 @@ const CustomButton = React.forwardRef((props, ref) => {
     <Button
       ref={ref}
       className={clsx(
-        'cursor-pointer disabled:cursor-not-allowed text-sm bg-violet-500 text-white rounded-md font-semibold px-4 py-2 border-none disabled:opacity-50',
+        'cursor-pointer disabled:cursor-not-allowed text-sm font-sans bg-violet-500 text-white rounded-lg font-semibold px-4 py-2 border-none disabled:opacity-50',
         className,
       )}
       {...other}
diff --git a/docs/data/base/components/button/UnstyledButtonsSpan/tailwind/index.tsx b/docs/data/base/components/button/UnstyledButtonsSpan/tailwind/index.tsx
index a766353c4449c9..e21014a45ef581 100644
--- a/docs/data/base/components/button/UnstyledButtonsSpan/tailwind/index.tsx
+++ b/docs/data/base/components/button/UnstyledButtonsSpan/tailwind/index.tsx
@@ -23,7 +23,7 @@ const CustomButton = React.forwardRef<HTMLButtonElement, ButtonProps>(
       <Button
         ref={ref}
         className={clsx(
-          'cursor-pointer disabled:cursor-not-allowed text-sm bg-violet-500 text-white rounded-md font-semibold px-4 py-2 border-none disabled:opacity-50',
+          'cursor-pointer disabled:cursor-not-allowed text-sm font-sans bg-violet-500 text-white rounded-lg font-semibold px-4 py-2 border-none disabled:opacity-50',
           className,
         )}
         {...other}
diff --git a/docs/data/base/components/button/UseButton.js b/docs/data/base/components/button/UseButton.js
index 585b02707e307f..86fa65d66bcef7 100644
--- a/docs/data/base/components/button/UseButton.js
+++ b/docs/data/base/components/button/UseButton.js
@@ -64,9 +64,7 @@ const CustomButtonRoot = styled('button')`
   border: none;
 
   &:hover {
-    @media (hover: hover) {
-      background-color: ${blue[600]};
-    }
+    background-color: ${blue[600]};
   }
 
   &.active {
diff --git a/docs/data/base/components/button/UseButton.tsx b/docs/data/base/components/button/UseButton.tsx
index d9185c2e43f339..5a5186b11fdb42 100644
--- a/docs/data/base/components/button/UseButton.tsx
+++ b/docs/data/base/components/button/UseButton.tsx
@@ -57,9 +57,7 @@ const CustomButtonRoot = styled('button')`
   border: none;
 
   &:hover {
-    @media (hover: hover) {
-      background-color: ${blue[600]};
-    }
+    background-color: ${blue[600]};
   }
 
   &.active {
diff --git a/docs/data/base/components/button/button.md b/docs/data/base/components/button/button.md
index ded95fe3b98b7a..38412762441a86 100644
--- a/docs/data/base/components/button/button.md
+++ b/docs/data/base/components/button/button.md
@@ -23,20 +23,10 @@ The Button component replaces the native HTML `<button>` element, and offers exp
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { Button } from '@mui/base/Button';
-
-export default function MyApp() {
-  return <Button>{/* button text */}</Button>;
-}
 ```
 
-### Basics
-
 The Button behaves similar to the native HTML `<button>`, so it wraps around the text that will be displayed on its surface.
 
 The following demo shows how to create and style two basic buttons.
@@ -78,7 +68,7 @@ If a Button is customized with a non-button element (for instance, `<Button slot
 Similarly, `<Button slots={{ root: "span" }} type="reset">` will not reset its parent form.
 :::
 
-#### Usage with TypeScript
+### Usage with TypeScript
 
 In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. This way, you can safely provide the custom root's props directly on the component:
 
@@ -98,10 +88,10 @@ The same applies for props specific to custom primitive elements:
 import { useButton } from '@mui/base/useButton';
 ```
 
-The `useButton` hook lets you apply the functionality of a button to a fully custom component.
+The `useButton` hook lets you apply the functionality of a Button to a fully custom component.
 It returns props to be placed on the custom component, along with fields representing the component's internal state.
 
-Hooks _do not_ support [slot props](#slot-props), but they do support [customization props](#customization).
+Hooks _do not_ support [slot props](#custom-structure), but they do support [customization props](#customization).
 
 :::info
 Hooks give you the most room for customization, but require more work to implement.
@@ -110,7 +100,7 @@ With hooks, you can take full control over how your component is rendered, and d
 You may not need to use hooks unless you find that you're limited by the customization options of their component counterparts—for instance, if your component requires significantly different [structure](#anatomy).
 :::
 
-The following demo shows how to build the same buttons as those found in the [Basics](#basics) section above, but with the `useButton` hook:
+The following demo shows how to build the same buttons as those found in the [Component](#component) section above, but with the `useButton` hook:
 
 {{"demo": "UseButton.js", "defaultCodeOpen": true}}
 
@@ -131,7 +121,7 @@ For the sake of simplicity, demos and code snippets primarily feature components
 ### Custom elements
 
 The Button accepts a wide range of custom elements beyond HTML elements.
-You can even use SVGs, as the following demo illustrates:
+You can even use SVGs, as shown in the demo below:
 
 {{"demo": "UnstyledButtonCustom.js", "defaultCodeOpen": false}}
 
@@ -147,14 +137,14 @@ Similarly to the native HTML `<button>` element, the Button component can't rece
 This may reduce its accessibility, as screen readers won't be able to announce the existence and state of the button.
 
 The `focusableWhenDisabled` prop lets you change this behavior.
-When this prop is set, the underlying button does not set the `disabled` prop.
-Instead, `aria-disabled` is used, which makes the button focusable.
+When this prop is set, the underlying Button does not set the `disabled` prop.
+Instead, `aria-disabled` is used, which makes the Button focusable.
 
-This should be used whenever the disabled button needs to be read by screen readers.
+This should be used whenever the disabled Button needs to be read by screen readers.
 
 Base UI uses this prop internally in [menu items](/base-ui/react-menu/), making it possible to use the keyboard to navigate to disabled items (in compliance with [ARIA guidelines](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#x6-7-focusability-of-disabled-controls)).
 
-The following demo shows how the `focusableWhenDisabled` prop works—use the <kbd class="key">Tab</kbd> key to navigate within this document to see that only the second button accepts the focus:
+The following demo shows how the `focusableWhenDisabled` prop works—use the <kbd class="key">Tab</kbd> key to navigate within this document to see that only the second Button accepts the focus:
 
 {{"demo": "UnstyledButtonsDisabledFocus.js"}}
 
diff --git a/docs/data/base/components/click-away-listener/click-away-listener.md b/docs/data/base/components/click-away-listener/click-away-listener.md
index 2c33fe36a2fd4b..7d67d0a2390dbe 100644
--- a/docs/data/base/components/click-away-listener/click-away-listener.md
+++ b/docs/data/base/components/click-away-listener/click-away-listener.md
@@ -24,25 +24,11 @@ Click-Away Listener also supports the [Portal](/base-ui/react-portal/) component
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { ClickAwayListener } from '@mui/base/ClickAwayListener';
-
-export default function MyApp() {
-  return (
-    <ClickAwayListener>
-      {/* the child listening for a click outside of its container */}
-    </ClickAwayListener>
-  );
-}
 ```
 
-### Basics
-
-The following demo shows how to hide a menu dropdown when users click anywhere else on the page:
+The demo below shows how to hide a menu dropdown when users click anywhere else on the page:
 
 {{"demo": "ClickAway.js"}}
 
diff --git a/docs/data/base/components/focus-trap/focus-trap.md b/docs/data/base/components/focus-trap/focus-trap.md
index 5aec8d498be7fc..e04aa60f994042 100644
--- a/docs/data/base/components/focus-trap/focus-trap.md
+++ b/docs/data/base/components/focus-trap/focus-trap.md
@@ -19,20 +19,10 @@ Focus Trap is a utility component that's useful when implementing an overlay suc
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { FocusTrap } from '@mui/base/FocusTrap';
-
-export default function MyApp() {
-  return <FocusTrap>{/* children where the focus will be trapped */}</FocusTrap>;
-}
 ```
 
-### Basics
-
 Focus Trap wraps around the UI elements that should hold the user's focus.
 For instance, if the focus needs to stay inside of an [Menu](/base-ui/react-menu/), then the component will be structured like this:
 
@@ -67,7 +57,7 @@ By default, clicks outside of the Focus Trap component are blocked.
 
 You can disable this behavior with the `disableEnforceFocus` prop.
 
-Compare the following demo with the demo from the [Basics](#basics) section—notice how that demo prevents you from clicking outside of it, while this one allows it:
+Compare the following demo with the demo from the [Component](#component) section—notice how that demo prevents you from clicking outside of it, while this one allows it:
 
 {{"demo": "DisableEnforceFocus.js"}}
 
diff --git a/docs/data/base/components/form-control/BasicFormControl/system/index.js b/docs/data/base/components/form-control/BasicFormControl/system/index.js
index 74956e018b87b0..f2b89b5af1061b 100644
--- a/docs/data/base/components/form-control/BasicFormControl/system/index.js
+++ b/docs/data/base/components/form-control/BasicFormControl/system/index.js
@@ -16,7 +16,7 @@ export default function BasicFormControl() {
 
 const StyledInput = styled(Input)(
   ({ theme }) => `
-  
+
   .${inputClasses.input} {
     width: 320px;
     font-size: 0.875rem;
diff --git a/docs/data/base/components/form-control/BasicFormControl/system/index.tsx b/docs/data/base/components/form-control/BasicFormControl/system/index.tsx
index 3b3d38e15c2cd4..a76d389e9f983c 100644
--- a/docs/data/base/components/form-control/BasicFormControl/system/index.tsx
+++ b/docs/data/base/components/form-control/BasicFormControl/system/index.tsx
@@ -16,7 +16,7 @@ export default function BasicFormControl() {
 
 const StyledInput = styled(Input)(
   ({ theme }) => `
-  
+
   .${inputClasses.input} {
     width: 320px;
     font-size: 0.875rem;
diff --git a/docs/data/base/components/form-control/BasicFormControl/tailwind/index.js b/docs/data/base/components/form-control/BasicFormControl/tailwind/index.js
index 5f6d63c09c753b..70cc33b485a2ce 100644
--- a/docs/data/base/components/form-control/BasicFormControl/tailwind/index.js
+++ b/docs/data/base/components/form-control/BasicFormControl/tailwind/index.js
@@ -16,14 +16,14 @@ export default function BasicFormControl() {
 
   return (
     <div className={`${isDarkMode ? 'dark' : ''}`}>
-      <FormControl defaultValue="" required>
+      <FormControl defaultValue="" className="font-sans" required>
         <Label>Name</Label>
         <Input
           placeholder="Write your name here"
           slotProps={{
             input: {
               className:
-                'w-80 text-sm font-normal leading-normal text-slate-900 dark:text-slate-300 bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 px-3 py-2 rounded-lg hover:bg-slate-100 hover:dark:bg-slate-900 hover:border-slate-400 hover:dark:border-slate-700 focus:outline-0 focus:shadow-outline-purple',
+                'w-80 text-sm font-normal font-sans leading-normal text-slate-900 dark:text-slate-300 bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 px-3 py-2 rounded-lg hover:bg-slate-100 hover:dark:bg-slate-900 hover:border-slate-400 hover:dark:border-slate-700 focus:outline-0 focus:shadow-outline-purple',
             },
           }}
         />
diff --git a/docs/data/base/components/form-control/BasicFormControl/tailwind/index.tsx b/docs/data/base/components/form-control/BasicFormControl/tailwind/index.tsx
index 368359bb48554d..075842a9b4edf1 100644
--- a/docs/data/base/components/form-control/BasicFormControl/tailwind/index.tsx
+++ b/docs/data/base/components/form-control/BasicFormControl/tailwind/index.tsx
@@ -15,14 +15,14 @@ export default function BasicFormControl() {
 
   return (
     <div className={`${isDarkMode ? 'dark' : ''}`}>
-      <FormControl defaultValue="" required>
+      <FormControl defaultValue="" className="font-sans" required>
         <Label>Name</Label>
         <Input
           placeholder="Write your name here"
           slotProps={{
             input: {
               className:
-                'w-80 text-sm font-normal leading-normal text-slate-900 dark:text-slate-300 bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 px-3 py-2 rounded-lg hover:bg-slate-100 hover:dark:bg-slate-900 hover:border-slate-400 hover:dark:border-slate-700 focus:outline-0 focus:shadow-outline-purple',
+                'w-80 text-sm font-normal font-sans leading-normal text-slate-900 dark:text-slate-300 bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 px-3 py-2 rounded-lg hover:bg-slate-100 hover:dark:bg-slate-900 hover:border-slate-400 hover:dark:border-slate-700 focus:outline-0 focus:shadow-outline-purple',
             },
           }}
         />
diff --git a/docs/data/base/components/form-control/BasicFormControl/tailwind/index.tsx.preview b/docs/data/base/components/form-control/BasicFormControl/tailwind/index.tsx.preview
index 142cdb87b7852f..c2e8de0d897c7d 100644
--- a/docs/data/base/components/form-control/BasicFormControl/tailwind/index.tsx.preview
+++ b/docs/data/base/components/form-control/BasicFormControl/tailwind/index.tsx.preview
@@ -1,11 +1,11 @@
-<FormControl defaultValue="" required>
+<FormControl defaultValue="" className="font-sans" required>
   <Label>Name</Label>
   <Input
     placeholder="Write your name here"
     slotProps={{
       input: {
         className:
-          'w-80 text-sm font-normal leading-normal text-slate-900 dark:text-slate-300 bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 px-3 py-2 rounded-lg hover:bg-slate-100 hover:dark:bg-slate-900 hover:border-slate-400 hover:dark:border-slate-700 focus:outline-0 focus:shadow-outline-purple',
+          'w-80 text-sm font-normal font-sans leading-normal text-slate-900 dark:text-slate-300 bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 px-3 py-2 rounded-lg hover:bg-slate-100 hover:dark:bg-slate-900 hover:border-slate-400 hover:dark:border-slate-700 focus:outline-0 focus:shadow-outline-purple',
       },
     }}
   />
diff --git a/docs/data/base/components/form-control/FormControlFunctionChild.js b/docs/data/base/components/form-control/FormControlFunctionChild.js
index 2710be182fb482..1d15c03b3e2ff4 100644
--- a/docs/data/base/components/form-control/FormControlFunctionChild.js
+++ b/docs/data/base/components/form-control/FormControlFunctionChild.js
@@ -18,7 +18,6 @@ export default function FormControlFunctionChild() {
 
 const StyledInput = styled(Input)(
   ({ theme }) => `
-  
   display: inline-block;
 
   .${inputClasses.input} {
diff --git a/docs/data/base/components/form-control/FormControlFunctionChild.tsx b/docs/data/base/components/form-control/FormControlFunctionChild.tsx
index 0ec778fa20ae5a..2ec9f57b26b993 100644
--- a/docs/data/base/components/form-control/FormControlFunctionChild.tsx
+++ b/docs/data/base/components/form-control/FormControlFunctionChild.tsx
@@ -18,7 +18,6 @@ export default function FormControlFunctionChild() {
 
 const StyledInput = styled(Input)(
   ({ theme }) => `
-  
   display: inline-block;
 
   .${inputClasses.input} {
diff --git a/docs/data/base/components/form-control/form-control.md b/docs/data/base/components/form-control/form-control.md
index a3d0b46edada10..cd7ee94950fd2c 100644
--- a/docs/data/base/components/form-control/form-control.md
+++ b/docs/data/base/components/form-control/form-control.md
@@ -22,22 +22,10 @@ For instance, you may want to show an additional element asking the user to ente
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { FormControl } from '@mui/base/FormControl';
-
-export default function MyApp() {
-  return (
-    <FormControl>{/* <input> and/or other contents of the form */}</FormControl>
-  );
-}
 ```
 
-### Basics
-
 Form Control wraps around the elements of a form that need access to the state of an `<input>`.
 For instance, if the form's **Submit** button needs to change states after the user enters information, then the component will be structured like this:
 
@@ -53,9 +41,10 @@ Note that it also uses the `useFormControlContext` hook in order to pass props t
 
 {{"demo": "BasicFormControl"}}
 
-#### Usage with TypeScript
+### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. This way, you can safely provide the custom root's props directly on the component:
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
+This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx
 <FormControl<typeof CustomComponent> slots={{ root: CustomComponent }} customProp />
@@ -77,7 +66,7 @@ The `useFormControlContext` hook reads the context provided by Form Control.
 This hook lets you work with custom input components inside of the Form Control.
 You can also use it to read the form control's state and react to its changes in a custom component.
 
-Hooks _do not_ support [slot props](#slot-props), but they do support [customization props](#customization).
+Hooks _do not_ support [slot props](#custom-structure), but they do support [customization props](#customization).
 
 :::info
 Hooks give you the most room for customization, but require more work to implement.
@@ -113,9 +102,9 @@ For the sake of simplicity, demos and code snippets primarily feature components
 
 ### Accessing the form control state
 
-You can access the state of the form control by providing a function as a child of the Form Control.
+You can access the state of the Form Control by providing a function as a child.
 The state will be provided as a parameter to this function.
 
-The following demo shows how to access the state of the form control in an Input component nested inside of the Form Control:
+The following demo shows how to access the state of the Form Control in an Input component nested inside:
 
 {{"demo": "FormControlFunctionChild.js"}}
diff --git a/docs/data/base/components/input/UnstyledInputBasic/css/index.js b/docs/data/base/components/input/UnstyledInputBasic/css/index.js
index f115837b61c88c..a64877d635bed1 100644
--- a/docs/data/base/components/input/UnstyledInputBasic/css/index.js
+++ b/docs/data/base/components/input/UnstyledInputBasic/css/index.js
@@ -65,16 +65,16 @@ function Styles() {
         background: ${isDarkMode ? grey[900] : '#fff'};
         border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
         box-shadow: 0px 2px 2px ${isDarkMode ? grey[900] : grey[50]};
-      
+
         &:hover {
           border-color: ${cyan[400]};
         }
-      
+
         &:focus {
           border-color: ${cyan[400]};
           box-shadow: 0 0 0 3px ${isDarkMode ? cyan[500] : cyan[200]};
         }
-      
+
         &:focus-visible {
           outline: 0;
         }
diff --git a/docs/data/base/components/input/UnstyledInputBasic/css/index.tsx b/docs/data/base/components/input/UnstyledInputBasic/css/index.tsx
index f115837b61c88c..a64877d635bed1 100644
--- a/docs/data/base/components/input/UnstyledInputBasic/css/index.tsx
+++ b/docs/data/base/components/input/UnstyledInputBasic/css/index.tsx
@@ -65,16 +65,16 @@ function Styles() {
         background: ${isDarkMode ? grey[900] : '#fff'};
         border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
         box-shadow: 0px 2px 2px ${isDarkMode ? grey[900] : grey[50]};
-      
+
         &:hover {
           border-color: ${cyan[400]};
         }
-      
+
         &:focus {
           border-color: ${cyan[400]};
           box-shadow: 0 0 0 3px ${isDarkMode ? cyan[500] : cyan[200]};
         }
-      
+
         &:focus-visible {
           outline: 0;
         }
diff --git a/docs/data/base/components/input/UnstyledInputBasic/tailwind/index.js b/docs/data/base/components/input/UnstyledInputBasic/tailwind/index.js
index 8a50d3726b6912..128b9e468e4288 100644
--- a/docs/data/base/components/input/UnstyledInputBasic/tailwind/index.js
+++ b/docs/data/base/components/input/UnstyledInputBasic/tailwind/index.js
@@ -17,7 +17,7 @@ export default function UnstyledInputBasic() {
       slotProps={{
         input: {
           className:
-            'w-80 text-sm font-normal leading-5 px-3 py-2 rounded-lg shadow-md shadow-slate-100 dark:shadow-slate-900 focus:shadow-outline-purple dark:focus:shadow-outline-purple focus:shadow-lg border border-solid border-slate-300 hover:border-purple-500 dark:hover:border-purple-500 focus:border-purple-500 dark:focus:border-purple-500 dark:border-slate-600 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 focus-visible:outline-0',
+            'w-80 text-sm font-sans font-normal leading-5 px-3 py-2 rounded-lg shadow-md shadow-slate-100 dark:shadow-slate-900 focus:shadow-outline-purple dark:focus:shadow-outline-purple focus:shadow-lg border border-solid border-slate-300 hover:border-purple-500 dark:hover:border-purple-500 focus:border-purple-500 dark:focus:border-purple-500 dark:border-slate-600 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 focus-visible:outline-0',
         },
       }}
       aria-label="Demo input"
diff --git a/docs/data/base/components/input/UnstyledInputBasic/tailwind/index.tsx b/docs/data/base/components/input/UnstyledInputBasic/tailwind/index.tsx
index 8a50d3726b6912..128b9e468e4288 100644
--- a/docs/data/base/components/input/UnstyledInputBasic/tailwind/index.tsx
+++ b/docs/data/base/components/input/UnstyledInputBasic/tailwind/index.tsx
@@ -17,7 +17,7 @@ export default function UnstyledInputBasic() {
       slotProps={{
         input: {
           className:
-            'w-80 text-sm font-normal leading-5 px-3 py-2 rounded-lg shadow-md shadow-slate-100 dark:shadow-slate-900 focus:shadow-outline-purple dark:focus:shadow-outline-purple focus:shadow-lg border border-solid border-slate-300 hover:border-purple-500 dark:hover:border-purple-500 focus:border-purple-500 dark:focus:border-purple-500 dark:border-slate-600 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 focus-visible:outline-0',
+            'w-80 text-sm font-sans font-normal leading-5 px-3 py-2 rounded-lg shadow-md shadow-slate-100 dark:shadow-slate-900 focus:shadow-outline-purple dark:focus:shadow-outline-purple focus:shadow-lg border border-solid border-slate-300 hover:border-purple-500 dark:hover:border-purple-500 focus:border-purple-500 dark:focus:border-purple-500 dark:border-slate-600 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 focus-visible:outline-0',
         },
       }}
       aria-label="Demo input"
diff --git a/docs/data/base/components/input/UnstyledInputBasic/tailwind/index.tsx.preview b/docs/data/base/components/input/UnstyledInputBasic/tailwind/index.tsx.preview
index 67d1aa4e961e8c..2431f649ca2a90 100644
--- a/docs/data/base/components/input/UnstyledInputBasic/tailwind/index.tsx.preview
+++ b/docs/data/base/components/input/UnstyledInputBasic/tailwind/index.tsx.preview
@@ -3,7 +3,7 @@
   slotProps={{
     input: {
       className:
-        'w-80 text-sm font-normal leading-5 px-3 py-2 rounded-lg shadow-md shadow-slate-100 dark:shadow-slate-900 focus:shadow-outline-purple dark:focus:shadow-outline-purple focus:shadow-lg border border-solid border-slate-300 hover:border-purple-500 dark:hover:border-purple-500 focus:border-purple-500 dark:focus:border-purple-500 dark:border-slate-600 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 focus-visible:outline-0',
+        'w-80 text-sm font-sans font-normal leading-5 px-3 py-2 rounded-lg shadow-md shadow-slate-100 dark:shadow-slate-900 focus:shadow-outline-purple dark:focus:shadow-outline-purple focus:shadow-lg border border-solid border-slate-300 hover:border-purple-500 dark:hover:border-purple-500 focus:border-purple-500 dark:focus:border-purple-500 dark:border-slate-600 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 focus-visible:outline-0',
     },
   }}
   aria-label="Demo input"
diff --git a/docs/data/base/components/input/UnstyledInputIntroduction/css/index.js b/docs/data/base/components/input/UnstyledInputIntroduction/css/index.js
new file mode 100644
index 00000000000000..7db613fae34b34
--- /dev/null
+++ b/docs/data/base/components/input/UnstyledInputIntroduction/css/index.js
@@ -0,0 +1,84 @@
+import * as React from 'react';
+import { Input } from '@mui/base/Input';
+import { useTheme } from '@mui/system';
+
+export default function UnstyledInputIntroduction() {
+  return (
+    <React.Fragment>
+      <Input
+        slotProps={{ input: { className: 'CustomInputIntroduction' } }}
+        aria-label="Demo input"
+        placeholder="Type something…"
+      />
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#F3F6F9',
+  100: '#E7EBF0',
+  200: '#E0E3E7',
+  300: '#CDD2D7',
+  400: '#B2BAC2',
+  500: '#A0AAB4',
+  600: '#6F7E8C',
+  700: '#3E5060',
+  800: '#2D3843',
+  900: '#1A2027',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>
+      {`
+      .CustomInputIntroduction {
+        width: 320px;
+        font-family: IBM Plex Sans, sans-serif;
+        font-size: 0.875rem;
+        font-weight: 400;
+        line-height: 1.5;
+        padding: 8px 12px;
+        border-radius: 8px;
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        box-shadow: 0px 2px 24px ${isDarkMode ? cyan[800] : cyan[100]};
+
+        &:hover {
+          border-color: ${cyan[400]};
+        }
+
+        &:focus {
+          border-color: ${cyan[400]};
+          box-shadow: 0 0 0 3px ${isDarkMode ? cyan[600] : cyan[200]};
+        }
+        &:focus-visible {
+          outline: 0;
+        }
+      }
+      `}
+    </style>
+  );
+}
diff --git a/docs/data/base/components/input/UnstyledInputIntroduction/css/index.tsx b/docs/data/base/components/input/UnstyledInputIntroduction/css/index.tsx
new file mode 100644
index 00000000000000..7db613fae34b34
--- /dev/null
+++ b/docs/data/base/components/input/UnstyledInputIntroduction/css/index.tsx
@@ -0,0 +1,84 @@
+import * as React from 'react';
+import { Input } from '@mui/base/Input';
+import { useTheme } from '@mui/system';
+
+export default function UnstyledInputIntroduction() {
+  return (
+    <React.Fragment>
+      <Input
+        slotProps={{ input: { className: 'CustomInputIntroduction' } }}
+        aria-label="Demo input"
+        placeholder="Type something…"
+      />
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#F3F6F9',
+  100: '#E7EBF0',
+  200: '#E0E3E7',
+  300: '#CDD2D7',
+  400: '#B2BAC2',
+  500: '#A0AAB4',
+  600: '#6F7E8C',
+  700: '#3E5060',
+  800: '#2D3843',
+  900: '#1A2027',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>
+      {`
+      .CustomInputIntroduction {
+        width: 320px;
+        font-family: IBM Plex Sans, sans-serif;
+        font-size: 0.875rem;
+        font-weight: 400;
+        line-height: 1.5;
+        padding: 8px 12px;
+        border-radius: 8px;
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        box-shadow: 0px 2px 24px ${isDarkMode ? cyan[800] : cyan[100]};
+
+        &:hover {
+          border-color: ${cyan[400]};
+        }
+
+        &:focus {
+          border-color: ${cyan[400]};
+          box-shadow: 0 0 0 3px ${isDarkMode ? cyan[600] : cyan[200]};
+        }
+        &:focus-visible {
+          outline: 0;
+        }
+      }
+      `}
+    </style>
+  );
+}
diff --git a/docs/data/base/components/input/UnstyledInputIntroduction/css/index.tsx.preview b/docs/data/base/components/input/UnstyledInputIntroduction/css/index.tsx.preview
new file mode 100644
index 00000000000000..7ae3c657ead360
--- /dev/null
+++ b/docs/data/base/components/input/UnstyledInputIntroduction/css/index.tsx.preview
@@ -0,0 +1,8 @@
+<React.Fragment>
+  <Input
+    slotProps={{ input: { className: 'CustomInputIntroduction' } }}
+    aria-label="Demo input"
+    placeholder="Type something…"
+  />
+  <Styles />
+</React.Fragment>
\ No newline at end of file
diff --git a/docs/data/base/components/input/UnstyledInputIntroduction.js b/docs/data/base/components/input/UnstyledInputIntroduction/system/index.js
similarity index 100%
rename from docs/data/base/components/input/UnstyledInputIntroduction.js
rename to docs/data/base/components/input/UnstyledInputIntroduction/system/index.js
diff --git a/docs/data/base/components/input/UnstyledInputIntroduction.tsx b/docs/data/base/components/input/UnstyledInputIntroduction/system/index.tsx
similarity index 100%
rename from docs/data/base/components/input/UnstyledInputIntroduction.tsx
rename to docs/data/base/components/input/UnstyledInputIntroduction/system/index.tsx
diff --git a/docs/data/base/components/input/UnstyledInputIntroduction.tsx.preview b/docs/data/base/components/input/UnstyledInputIntroduction/system/index.tsx.preview
similarity index 100%
rename from docs/data/base/components/input/UnstyledInputIntroduction.tsx.preview
rename to docs/data/base/components/input/UnstyledInputIntroduction/system/index.tsx.preview
diff --git a/docs/data/base/components/input/UnstyledInputIntroduction/tailwind/index.js b/docs/data/base/components/input/UnstyledInputIntroduction/tailwind/index.js
new file mode 100644
index 00000000000000..863bce82d7ee99
--- /dev/null
+++ b/docs/data/base/components/input/UnstyledInputIntroduction/tailwind/index.js
@@ -0,0 +1,60 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { Input as BaseInput } from '@mui/base/Input';
+import { useTheme } from '@mui/system';
+import clsx from 'clsx';
+
+export default function UnstyledInputIntroduction() {
+  return <Input aria-label="Demo input" placeholder="Type something…" />;
+}
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const Input = React.forwardRef((props, ref) => {
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <BaseInput
+      ref={ref}
+      {...props}
+      className={clsx(isDarkMode ? 'dark' : '', props.className)}
+      slotProps={{
+        ...props.slotProps,
+        input: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.input,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'w-80 text-sm font-normal font-sans leading-5 px-3 py-2 rounded-lg shadow-md shadow-slate-100 dark:shadow-slate-900 focus:shadow-outline-purple dark:focus:shadow-outline-purple focus:shadow-lg border border-solid border-slate-300 hover:border-purple-500 dark:hover:border-purple-500 focus:border-purple-500 dark:focus:border-purple-500 dark:border-slate-600 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 focus-visible:outline-0',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+Input.propTypes = {
+  /**
+   * Class name applied to the root element.
+   */
+  className: PropTypes.string,
+  /**
+   * The props used for each slot inside the Input.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+};
diff --git a/docs/data/base/components/input/UnstyledInputIntroduction/tailwind/index.tsx b/docs/data/base/components/input/UnstyledInputIntroduction/tailwind/index.tsx
new file mode 100644
index 00000000000000..521b5e2b822c6e
--- /dev/null
+++ b/docs/data/base/components/input/UnstyledInputIntroduction/tailwind/index.tsx
@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { Input as BaseInput, InputProps } from '@mui/base/Input';
+import { useTheme } from '@mui/system';
+import clsx from 'clsx';
+
+export default function UnstyledInputIntroduction() {
+  return <Input aria-label="Demo input" placeholder="Type something…" />;
+}
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <BaseInput
+      ref={ref}
+      {...props}
+      className={clsx(isDarkMode ? 'dark' : '', props.className)}
+      slotProps={{
+        ...props.slotProps,
+        input: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.input,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'w-80 text-sm font-normal font-sans leading-5 px-3 py-2 rounded-lg shadow-md shadow-slate-100 dark:shadow-slate-900 focus:shadow-outline-purple dark:focus:shadow-outline-purple focus:shadow-lg border border-solid border-slate-300 hover:border-purple-500 dark:hover:border-purple-500 focus:border-purple-500 dark:focus:border-purple-500 dark:border-slate-600 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 focus-visible:outline-0',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
diff --git a/docs/data/base/components/input/UnstyledInputIntroduction/tailwind/index.tsx.preview b/docs/data/base/components/input/UnstyledInputIntroduction/tailwind/index.tsx.preview
new file mode 100644
index 00000000000000..12d25a9fa99b24
--- /dev/null
+++ b/docs/data/base/components/input/UnstyledInputIntroduction/tailwind/index.tsx.preview
@@ -0,0 +1 @@
+<Input aria-label="Demo input" placeholder="Type something…" />
\ No newline at end of file
diff --git a/docs/data/base/components/input/input.md b/docs/data/base/components/input/input.md
index ced936710e895c..7a150f2fa67ebc 100644
--- a/docs/data/base/components/input/input.md
+++ b/docs/data/base/components/input/input.md
@@ -20,24 +20,14 @@ An input is a UI element that accepts text data from the user.
 The Input component replaces the native HTML `<input>` tag, and offers expanded customization and accessibility features.
 It can also be transformed into a `<textarea>` as needed.
 
-{{"demo": "UnstyledInputIntroduction.js", "defaultCodeOpen": false, "bg": "gradient"}}
+{{"demo": "UnstyledInputIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { Input } from '@mui/base/Input';
-
-export default function MyApp() {
-  return <Input />;
-}
 ```
 
-### Basics
-
 Input behaves similarly to the native HTML `<input>`, except that it's nested inside of a root `<div>`—see [Anatomy](#anatomy) for details.
 
 The following demo shows how to create and style an input component, including `placeholder` text:
@@ -74,9 +64,10 @@ The following code snippet applies a CSS class called `my-input` to the input sl
 <Input slotProps={{ input: { className: 'my-input' } }} />
 ```
 
-#### Usage with TypeScript
+### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. This way, you can safely provide the custom root's props directly on the component:
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
+This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx
 <Input<typeof CustomComponent> slots={{ root: CustomComponent }} customProp />
@@ -94,10 +85,10 @@ The same applies for props specific to custom primitive elements:
 import { useInput } from '@mui/base/useInput';
 ```
 
-The `useInput` hook lets you apply the functionality of an input to a fully custom component.
+The `useInput` hook lets you apply the functionality of an Input to a fully custom component.
 It returns props to be placed on the custom component, along with fields representing the component's internal state.
 
-Hooks _do not_ support [slot props](#slot-props), but they do support [customization props](#customization).
+Hooks _do not_ support [slot props](#custom-structure), but they do support [customization props](#customization).
 
 :::info
 Hooks give you the most room for customization, but require more work to implement.
@@ -112,12 +103,17 @@ The demo below shows how to use the `useInput` hook to create a custom input com
 
 ## Customization
 
+:::info
+The following features can be used with both components and hooks.
+For the sake of simplicity, demos and code snippets primarily feature components.
+:::
+
 ### Adornments
 
-You can use the `startAdornment` and `endAdornment` props to add a prefix, suffix, or an action to an input.
+You can use the `startAdornment` and `endAdornment` props to add a prefix, suffix, or an action to an Input.
 Common use cases of adornments include:
 
-- when an input receives a specific unit of measure (like weight or currency)
+- when an Input receives a specific unit of measure (like weight or currency)
 - when an icon button toggles hiding/showing a password
 
 The following demo shows examples of both of these use cases:
diff --git a/docs/data/base/components/menu/MenuIntroduction/css/index.js b/docs/data/base/components/menu/MenuIntroduction/css/index.js
new file mode 100644
index 00000000000000..6e0530275de76e
--- /dev/null
+++ b/docs/data/base/components/menu/MenuIntroduction/css/index.js
@@ -0,0 +1,163 @@
+import * as React from 'react';
+import { Menu } from '@mui/base/Menu';
+import { MenuItem, menuItemClasses } from '@mui/base/MenuItem';
+import { MenuButton } from '@mui/base/MenuButton';
+import { Dropdown } from '@mui/base/Dropdown';
+import { useTheme } from '@mui/system';
+
+export default function MenuIntroduction() {
+  const createHandleMenuClick = (menuItem) => {
+    return () => {
+      console.log(`Clicked on ${menuItem}`);
+    };
+  };
+
+  return (
+    <Dropdown>
+      <MenuButton className="TriggerButtonIntroduction">My account</MenuButton>
+
+      <Menu
+        className="CustomMenuIntroduction"
+        slotProps={{
+          listbox: { className: 'CustomMenuIntroduction--listbox' },
+        }}
+      >
+        <MenuItem
+          className="CustomMenuIntroduction--item"
+          onClick={createHandleMenuClick('Profile')}
+        >
+          Profile
+        </MenuItem>
+        <MenuItem
+          className="CustomMenuIntroduction--item"
+          onClick={createHandleMenuClick('Language settings')}
+        >
+          Language settings
+        </MenuItem>
+        <MenuItem
+          className="CustomMenuIntroduction--item"
+          onClick={createHandleMenuClick('Log out')}
+        >
+          Log out
+        </MenuItem>
+      </Menu>
+      <Styles />
+    </Dropdown>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>{`
+    .CustomMenuIntroduction--listbox {
+      font-family: IBM Plex Sans, sans-serif;
+      font-size: 0.875rem;
+      box-sizing: border-box;
+      padding: 6px;
+      margin: 12px 0;
+      min-width: 200px;
+      border-radius: 12px;
+      overflow: auto;
+      outline: 0px;
+      background: ${isDarkMode ? grey[900] : '#fff'};
+      border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+      color: ${isDarkMode ? grey[300] : grey[900]};
+      box-shadow: 0px 4px 30px ${isDarkMode ? grey[900] : grey[200]};
+    }
+
+    .CustomMenuIntroduction--item {
+      list-style: none;
+      padding: 8px;
+      border-radius: 8px;
+      cursor: default;
+      user-select: none;
+    }
+
+    .CustomMenuIntroduction--item:last-of-type {
+      border-bottom: none;
+    }
+
+    .CustomMenuIntroduction--item.${menuItemClasses.focusVisible} {
+      outline: 3px solid ${isDarkMode ? cyan[600] : cyan[200]};
+      background-color: ${isDarkMode ? grey[800] : grey[100]};
+      color: ${isDarkMode ? grey[300] : grey[900]};
+    }
+
+    .CustomMenuIntroduction--item.${menuItemClasses.disabled} {
+      color: ${isDarkMode ? grey[700] : grey[400]};
+    }
+
+    .CustomMenuIntroduction--item:hover:not(.${menuItemClasses.disabled}) {
+      background-color: ${isDarkMode ? cyan[800] : cyan[50]};
+      color: ${isDarkMode ? grey[300] : grey[900]};
+    }
+
+    .TriggerButtonIntroduction {
+      font-family: IBM Plex Sans, sans-serif;
+      font-size: 0.875rem;
+      font-weight: 600;
+      box-sizing: border-box;
+      min-height: calc(1.5em + 22px);
+      border-radius: 12px;
+      padding: 8px 14px;
+      line-height: 1.5;
+      background: ${isDarkMode ? grey[900] : '#fff'};
+      cursor: pointer;
+      border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+      color: ${isDarkMode ? grey[300] : grey[900]};
+    
+      transition-property: all;
+      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+      transition-duration: 120ms;
+    }
+
+    .TriggerButtonIntroduction:hover {
+      background: ${isDarkMode ? grey[800] : grey[50]};
+      border-color: ${isDarkMode ? grey[600] : grey[300]};
+    }
+  
+    .TriggerButtonIntroduction:focus-visible {
+      border-color: ${cyan[400]};
+      outline: 3px solid ${isDarkMode ? cyan[500] : cyan[200]};
+    }
+
+    .CustomMenuIntroduction {
+      z-index: 1;
+    }
+    `}</style>
+  );
+}
diff --git a/docs/data/base/components/menu/MenuIntroduction/css/index.tsx b/docs/data/base/components/menu/MenuIntroduction/css/index.tsx
new file mode 100644
index 00000000000000..70ee0fda43b8c4
--- /dev/null
+++ b/docs/data/base/components/menu/MenuIntroduction/css/index.tsx
@@ -0,0 +1,163 @@
+import * as React from 'react';
+import { Menu } from '@mui/base/Menu';
+import { MenuItem, menuItemClasses } from '@mui/base/MenuItem';
+import { MenuButton } from '@mui/base/MenuButton';
+import { Dropdown } from '@mui/base/Dropdown';
+import { useTheme } from '@mui/system';
+
+export default function MenuIntroduction() {
+  const createHandleMenuClick = (menuItem: string) => {
+    return () => {
+      console.log(`Clicked on ${menuItem}`);
+    };
+  };
+
+  return (
+    <Dropdown>
+      <MenuButton className="TriggerButtonIntroduction">My account</MenuButton>
+
+      <Menu
+        className="CustomMenuIntroduction"
+        slotProps={{
+          listbox: { className: 'CustomMenuIntroduction--listbox' },
+        }}
+      >
+        <MenuItem
+          className="CustomMenuIntroduction--item"
+          onClick={createHandleMenuClick('Profile')}
+        >
+          Profile
+        </MenuItem>
+        <MenuItem
+          className="CustomMenuIntroduction--item"
+          onClick={createHandleMenuClick('Language settings')}
+        >
+          Language settings
+        </MenuItem>
+        <MenuItem
+          className="CustomMenuIntroduction--item"
+          onClick={createHandleMenuClick('Log out')}
+        >
+          Log out
+        </MenuItem>
+      </Menu>
+      <Styles />
+    </Dropdown>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>{`
+    .CustomMenuIntroduction--listbox {
+      font-family: IBM Plex Sans, sans-serif;
+      font-size: 0.875rem;
+      box-sizing: border-box;
+      padding: 6px;
+      margin: 12px 0;
+      min-width: 200px;
+      border-radius: 12px;
+      overflow: auto;
+      outline: 0px;
+      background: ${isDarkMode ? grey[900] : '#fff'};
+      border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+      color: ${isDarkMode ? grey[300] : grey[900]};
+      box-shadow: 0px 4px 30px ${isDarkMode ? grey[900] : grey[200]};
+    }
+
+    .CustomMenuIntroduction--item {
+      list-style: none;
+      padding: 8px;
+      border-radius: 8px;
+      cursor: default;
+      user-select: none;
+    }
+
+    .CustomMenuIntroduction--item:last-of-type {
+      border-bottom: none;
+    }
+
+    .CustomMenuIntroduction--item.${menuItemClasses.focusVisible} {
+      outline: 3px solid ${isDarkMode ? cyan[600] : cyan[200]};
+      background-color: ${isDarkMode ? grey[800] : grey[100]};
+      color: ${isDarkMode ? grey[300] : grey[900]};
+    }
+
+    .CustomMenuIntroduction--item.${menuItemClasses.disabled} {
+      color: ${isDarkMode ? grey[700] : grey[400]};
+    }
+
+    .CustomMenuIntroduction--item:hover:not(.${menuItemClasses.disabled}) {
+      background-color: ${isDarkMode ? cyan[800] : cyan[50]};
+      color: ${isDarkMode ? grey[300] : grey[900]};
+    }
+
+    .TriggerButtonIntroduction {
+      font-family: IBM Plex Sans, sans-serif;
+      font-size: 0.875rem;
+      font-weight: 600;
+      box-sizing: border-box;
+      min-height: calc(1.5em + 22px);
+      border-radius: 12px;
+      padding: 8px 14px;
+      line-height: 1.5;
+      background: ${isDarkMode ? grey[900] : '#fff'};
+      cursor: pointer;
+      border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+      color: ${isDarkMode ? grey[300] : grey[900]};
+    
+      transition-property: all;
+      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+      transition-duration: 120ms;
+    }
+
+    .TriggerButtonIntroduction:hover {
+      background: ${isDarkMode ? grey[800] : grey[50]};
+      border-color: ${isDarkMode ? grey[600] : grey[300]};
+    }
+  
+    .TriggerButtonIntroduction:focus-visible {
+      border-color: ${cyan[400]};
+      outline: 3px solid ${isDarkMode ? cyan[500] : cyan[200]};
+    }
+
+    .CustomMenuIntroduction {
+      z-index: 1;
+    }
+    `}</style>
+  );
+}
diff --git a/docs/data/base/components/menu/MenuIntroduction.js b/docs/data/base/components/menu/MenuIntroduction/system/index.js
similarity index 97%
rename from docs/data/base/components/menu/MenuIntroduction.js
rename to docs/data/base/components/menu/MenuIntroduction/system/index.js
index a253fc53084fc8..91550b9e6f8d93 100644
--- a/docs/data/base/components/menu/MenuIntroduction.js
+++ b/docs/data/base/components/menu/MenuIntroduction/system/index.js
@@ -19,7 +19,7 @@ export default function MenuIntroduction() {
         <StyledMenuItem onClick={createHandleMenuClick('Profile')}>
           Profile
         </StyledMenuItem>
-        <StyledMenuItem onClick={createHandleMenuClick('My account')}>
+        <StyledMenuItem onClick={createHandleMenuClick('Language settings')}>
           Language settings
         </StyledMenuItem>
         <StyledMenuItem onClick={createHandleMenuClick('Log out')}>
diff --git a/docs/data/base/components/menu/MenuIntroduction.tsx b/docs/data/base/components/menu/MenuIntroduction/system/index.tsx
similarity index 97%
rename from docs/data/base/components/menu/MenuIntroduction.tsx
rename to docs/data/base/components/menu/MenuIntroduction/system/index.tsx
index 353249d85e1371..7b56956e446509 100644
--- a/docs/data/base/components/menu/MenuIntroduction.tsx
+++ b/docs/data/base/components/menu/MenuIntroduction/system/index.tsx
@@ -19,7 +19,7 @@ export default function MenuIntroduction() {
         <StyledMenuItem onClick={createHandleMenuClick('Profile')}>
           Profile
         </StyledMenuItem>
-        <StyledMenuItem onClick={createHandleMenuClick('My account')}>
+        <StyledMenuItem onClick={createHandleMenuClick('Language settings')}>
           Language settings
         </StyledMenuItem>
         <StyledMenuItem onClick={createHandleMenuClick('Log out')}>
diff --git a/docs/data/base/components/menu/MenuIntroduction.tsx.preview b/docs/data/base/components/menu/MenuIntroduction/system/index.tsx.preview
similarity index 83%
rename from docs/data/base/components/menu/MenuIntroduction.tsx.preview
rename to docs/data/base/components/menu/MenuIntroduction/system/index.tsx.preview
index 7a4c6378fff017..a67a0b2474189b 100644
--- a/docs/data/base/components/menu/MenuIntroduction.tsx.preview
+++ b/docs/data/base/components/menu/MenuIntroduction/system/index.tsx.preview
@@ -4,7 +4,7 @@
     <StyledMenuItem onClick={createHandleMenuClick('Profile')}>
       Profile
     </StyledMenuItem>
-    <StyledMenuItem onClick={createHandleMenuClick('My account')}>
+    <StyledMenuItem onClick={createHandleMenuClick('Language settings')}>
       Language settings
     </StyledMenuItem>
     <StyledMenuItem onClick={createHandleMenuClick('Log out')}>
diff --git a/docs/data/base/components/menu/MenuIntroduction/tailwind/index.js b/docs/data/base/components/menu/MenuIntroduction/tailwind/index.js
new file mode 100644
index 00000000000000..6cb844adb3525d
--- /dev/null
+++ b/docs/data/base/components/menu/MenuIntroduction/tailwind/index.js
@@ -0,0 +1,132 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { Menu as BaseMenu } from '@mui/base/Menu';
+import { MenuButton as BaseMenuButton } from '@mui/base/MenuButton';
+import { MenuItem as BaseMenuItem } from '@mui/base/MenuItem';
+import { Dropdown } from '@mui/base/Dropdown';
+import { useTheme } from '@mui/system';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function MenuIntroduction() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  const createHandleMenuClick = (menuItem) => {
+    return () => {
+      console.log(`Clicked on ${menuItem}`);
+    };
+  };
+
+  return (
+    <div className={`${isDarkMode ? 'dark' : ''}`}>
+      <Dropdown>
+        <MenuButton>My account</MenuButton>
+        <Menu>
+          <MenuItem onClick={createHandleMenuClick('Profile')}>Profile</MenuItem>
+          <MenuItem onClick={createHandleMenuClick('Language settings')}>
+            Language settings
+          </MenuItem>
+          <MenuItem onClick={createHandleMenuClick('Log out')}>Log out</MenuItem>
+        </Menu>
+      </Dropdown>
+    </div>
+  );
+}
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const Menu = React.forwardRef((props, ref) => {
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <BaseMenu
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `${isDarkMode ? 'dark' : ''} z-10`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        listbox: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.listbox,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'text-sm box-border font-sans p-1.5 my-3 mx-0 rounded-xl overflow-auto outline-0 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 min-w-listbox shadow-md dark:shadow-slate-900',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+Menu.propTypes = {
+  /**
+   * The props used for each slot inside the Menu.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    listbox: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+};
+
+const MenuButton = React.forwardRef((props, ref) => {
+  const { className, ...other } = props;
+  return (
+    <BaseMenuButton
+      ref={ref}
+      className={clsx(
+        'cursor-pointer text-sm min-h-[calc(1.5em+22px)] font-sans box-border rounded-xl font-semibold px-3.5 py-2 leading-normal bg-white dark:bg-slate-900 border border-solid border-slate-300 dark:border-slate-700 text-slate-900 dark:text-slate-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-slate-300 dark:hover:border-slate-600 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple',
+        className,
+      )}
+      {...other}
+    />
+  );
+});
+
+MenuButton.propTypes = {
+  /**
+   * Class name applied to the root element.
+   */
+  className: PropTypes.string,
+};
+
+const MenuItem = React.forwardRef((props, ref) => {
+  const { className, ...other } = props;
+  return (
+    <BaseMenuItem
+      ref={ref}
+      className={clsx(
+        'list-none p-2 rounded-lg cursor-default select-none last-of-type:border-b-0 focus-visible:shadow-outline-purple focus-visible:outline-0 focus-visible:bg-slate-100 focus-visible:dark:bg-slate-800 focus-visible-text-slate-900 focus-visible:dark:text-slate-300 disabled:text-slate-400 disabled:dark:text-slate-700 disabled:hover:text-slate-400 disabled:hover:dark:text-slate-700 hover:bg-purple-50 hover:dark:bg-purple-950 hover:text-slate-900 hover:dark:text-slate-300',
+        className,
+      )}
+      {...other}
+    />
+  );
+});
+
+MenuItem.propTypes = {
+  className: PropTypes.string,
+};
diff --git a/docs/data/base/components/menu/MenuIntroduction/tailwind/index.tsx b/docs/data/base/components/menu/MenuIntroduction/tailwind/index.tsx
new file mode 100644
index 00000000000000..1f6b7d16cc5903
--- /dev/null
+++ b/docs/data/base/components/menu/MenuIntroduction/tailwind/index.tsx
@@ -0,0 +1,112 @@
+import * as React from 'react';
+import clsx from 'clsx';
+import { Menu as BaseMenu, MenuProps } from '@mui/base/Menu';
+import { MenuButton as BaseMenuButton, MenuButtonProps } from '@mui/base/MenuButton';
+import { MenuItem as BaseMenuItem, MenuItemProps } from '@mui/base/MenuItem';
+import { Dropdown } from '@mui/base/Dropdown';
+import { useTheme } from '@mui/system';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function MenuIntroduction() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  const createHandleMenuClick = (menuItem: string) => {
+    return () => {
+      console.log(`Clicked on ${menuItem}`);
+    };
+  };
+
+  return (
+    <div className={`${isDarkMode ? 'dark' : ''}`}>
+      <Dropdown>
+        <MenuButton>My account</MenuButton>
+        <Menu>
+          <MenuItem onClick={createHandleMenuClick('Profile')}>Profile</MenuItem>
+          <MenuItem onClick={createHandleMenuClick('Language settings')}>
+            Language settings
+          </MenuItem>
+          <MenuItem onClick={createHandleMenuClick('Log out')}>Log out</MenuItem>
+        </Menu>
+      </Dropdown>
+    </div>
+  );
+}
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const Menu = React.forwardRef<HTMLDivElement, MenuProps>((props, ref) => {
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <BaseMenu
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `${isDarkMode ? 'dark' : ''} z-10`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        listbox: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.listbox,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'text-sm box-border font-sans p-1.5 my-3 mx-0 rounded-xl overflow-auto outline-0 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 min-w-listbox shadow-md dark:shadow-slate-900',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+const MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(
+  (props, ref) => {
+    const { className, ...other } = props;
+    return (
+      <BaseMenuButton
+        ref={ref}
+        className={clsx(
+          'cursor-pointer text-sm min-h-[calc(1.5em+22px)] font-sans box-border rounded-xl font-semibold px-3.5 py-2 leading-normal bg-white dark:bg-slate-900 border border-solid border-slate-300 dark:border-slate-700 text-slate-900 dark:text-slate-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-slate-300 dark:hover:border-slate-600 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple',
+          className,
+        )}
+        {...other}
+      />
+    );
+  },
+);
+
+const MenuItem = React.forwardRef<HTMLLIElement, MenuItemProps>((props, ref) => {
+  const { className, ...other } = props;
+  return (
+    <BaseMenuItem
+      ref={ref}
+      className={clsx(
+        'list-none p-2 rounded-lg cursor-default select-none last-of-type:border-b-0 focus-visible:shadow-outline-purple focus-visible:outline-0 focus-visible:bg-slate-100 focus-visible:dark:bg-slate-800 focus-visible-text-slate-900 focus-visible:dark:text-slate-300 disabled:text-slate-400 disabled:dark:text-slate-700 disabled:hover:text-slate-400 disabled:hover:dark:text-slate-700 hover:bg-purple-50 hover:dark:bg-purple-950 hover:text-slate-900 hover:dark:text-slate-300',
+        className,
+      )}
+      {...other}
+    />
+  );
+});
diff --git a/docs/data/base/components/menu/MenuIntroduction/tailwind/index.tsx.preview b/docs/data/base/components/menu/MenuIntroduction/tailwind/index.tsx.preview
new file mode 100644
index 00000000000000..a9e2e559fff817
--- /dev/null
+++ b/docs/data/base/components/menu/MenuIntroduction/tailwind/index.tsx.preview
@@ -0,0 +1,10 @@
+<Dropdown>
+  <MenuButton>My account</MenuButton>
+  <Menu>
+    <MenuItem onClick={createHandleMenuClick('Profile')}>Profile</MenuItem>
+    <MenuItem onClick={createHandleMenuClick('Language settings')}>
+      Language settings
+    </MenuItem>
+    <MenuItem onClick={createHandleMenuClick('Log out')}>Log out</MenuItem>
+  </Menu>
+</Dropdown>
\ No newline at end of file
diff --git a/docs/data/base/components/menu/MenuSimple/css/index.js b/docs/data/base/components/menu/MenuSimple/css/index.js
index 817e9ec525430f..0c5e3c2730567f 100644
--- a/docs/data/base/components/menu/MenuSimple/css/index.js
+++ b/docs/data/base/components/menu/MenuSimple/css/index.js
@@ -140,7 +140,6 @@ function Styles() {
       cursor: pointer;
       border: 1px solid ${isDarkMode ? grey[800] : grey[200]};
       color: ${isDarkMode ? cyan[300] : cyan[400]};
-    
       transition-property: all;
       transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       transition-duration: 120ms;
@@ -150,7 +149,7 @@ function Styles() {
       background: ${isDarkMode ? grey[800] : grey[50]};
       border-color: ${isDarkMode ? grey[600] : grey[300]};
     }
-  
+
     .TriggerButton:focus-visible {
       border-color: ${cyan[400]};
       outline: 3px solid ${isDarkMode ? cyan[500] : cyan[200]};
diff --git a/docs/data/base/components/menu/MenuSimple/css/index.tsx b/docs/data/base/components/menu/MenuSimple/css/index.tsx
index 7941a093d09e0a..90749a10a77fd2 100644
--- a/docs/data/base/components/menu/MenuSimple/css/index.tsx
+++ b/docs/data/base/components/menu/MenuSimple/css/index.tsx
@@ -140,7 +140,6 @@ function Styles() {
       cursor: pointer;
       border: 1px solid ${isDarkMode ? grey[800] : grey[200]};
       color: ${isDarkMode ? cyan[300] : cyan[400]};
-    
       transition-property: all;
       transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       transition-duration: 120ms;
@@ -150,7 +149,7 @@ function Styles() {
       background: ${isDarkMode ? grey[800] : grey[50]};
       border-color: ${isDarkMode ? grey[600] : grey[300]};
     }
-  
+
     .TriggerButton:focus-visible {
       border-color: ${cyan[400]};
       outline: 3px solid ${isDarkMode ? cyan[500] : cyan[200]};
diff --git a/docs/data/base/components/menu/MenuSimple/tailwind/index.js b/docs/data/base/components/menu/MenuSimple/tailwind/index.js
index 0c9ee6cf6a7adc..f56ac73595c42f 100644
--- a/docs/data/base/components/menu/MenuSimple/tailwind/index.js
+++ b/docs/data/base/components/menu/MenuSimple/tailwind/index.js
@@ -1,7 +1,9 @@
 import * as React from 'react';
-import { Menu } from '@mui/base/Menu';
-import { MenuButton } from '@mui/base/MenuButton';
-import { MenuItem } from '@mui/base/MenuItem';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { Menu as BaseMenu } from '@mui/base/Menu';
+import { MenuButton as BaseMenuButton } from '@mui/base/MenuButton';
+import { MenuItem as BaseMenuItem } from '@mui/base/MenuItem';
 import { Dropdown } from '@mui/base/Dropdown';
 import { useTheme } from '@mui/system';
 
@@ -23,41 +25,108 @@ export default function MenuSimple() {
   return (
     <div className={`${isDarkMode ? 'dark' : ''}`}>
       <Dropdown>
-        <MenuButton className="cursor-pointer text-sm box-border rounded-lg font-semibold px-4 py-2 leading-normal bg-transparent border border-solid border-slate-300 dark:border-slate-700 text-purple-600 dark:text-purple-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-slate-400 dark:hover:border-slate-600 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple">
-          Dashboard
-        </MenuButton>
-
-        <Menu
-          slotProps={{
-            root: {
-              className: `${isDarkMode ? 'dark' : ''} z-10`,
-            },
-            listbox: {
-              className:
-                'text-sm box-border p-1.5 my-3 mx-0 rounded-xl overflow-auto outline-0 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 min-w-listbox shadow-md dark:shadow-slate-900',
-            },
-          }}
-        >
-          <MenuItem
-            className="list-none p-2 rounded-lg cursor-default select-none last-of-type:border-b-0 focus-visible:shadow-outline-purple focus-visible:outline-0 focus-visible:bg-slate-100 focus-visible:dark:bg-slate-800 focus-visible-text-slate-900 focus-visible:dark:text-slate-300 disabled:text-slate-400 disabled:dark:text-slate-700 disabled:hover:text-slate-400 disabled:hover:dark:text-slate-700 hover:bg-purple-50 hover:dark:bg-purple-950 hover:text-slate-900 hover:dark:text-slate-300"
-            onClick={createHandleMenuClick('Profile')}
-          >
-            Profile
-          </MenuItem>
-          <MenuItem
-            className="list-none p-2 rounded-lg cursor-default select-none last-of-type:border-b-0 focus-visible:shadow-outline-purple focus-visible:outline-0 focus-visible:bg-slate-100 focus-visible:dark:bg-slate-800 focus-visible-text-slate-900 focus-visible:dark:text-slate-300 disabled:text-slate-400 disabled:dark:text-slate-700 disabled:hover:text-slate-400 disabled:hover:dark:text-slate-700 hover:bg-purple-50 hover:dark:bg-purple-950 hover:text-slate-900 hover:dark:text-slate-300"
-            onClick={createHandleMenuClick('My account')}
-          >
+        <MenuButton>Dashboard</MenuButton>
+        <Menu>
+          <MenuItem onClick={createHandleMenuClick('Profile')}>Profile</MenuItem>
+          <MenuItem onClick={createHandleMenuClick('My account')}>
             My account
           </MenuItem>
-          <MenuItem
-            className="list-none p-2 rounded-lg cursor-default select-none last-of-type:border-b-0 focus-visible:shadow-outline-purple focus-visible:outline-0 focus-visible:bg-slate-100 focus-visible:dark:bg-slate-800 focus-visible-text-slate-900 focus-visible:dark:text-slate-300 disabled:text-slate-400 disabled:dark:text-slate-700 disabled:hover:text-slate-400 disabled:hover:dark:text-slate-700 hover:bg-purple-50 hover:dark:bg-purple-950 hover:text-slate-900 hover:dark:text-slate-300"
-            onClick={createHandleMenuClick('Log out')}
-          >
-            Log out
-          </MenuItem>
+          <MenuItem onClick={createHandleMenuClick('Log out')}>Log out</MenuItem>
         </Menu>
       </Dropdown>
     </div>
   );
 }
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const Menu = React.forwardRef((props, ref) => {
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <BaseMenu
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `${isDarkMode ? 'dark' : ''} z-10`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        listbox: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.listbox,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'text-sm box-border font-sans p-1.5 my-3 mx-0 rounded-xl overflow-auto outline-0 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 min-w-listbox shadow-md dark:shadow-slate-900',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+Menu.propTypes = {
+  /**
+   * The props used for each slot inside the Menu.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    listbox: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+};
+
+const MenuButton = React.forwardRef((props, ref) => {
+  const { className, ...other } = props;
+  return (
+    <BaseMenuButton
+      ref={ref}
+      className={clsx(
+        'cursor-pointer text-sm font-sans box-border rounded-lg font-semibold px-4 py-2 leading-normal bg-transparent border border-solid border-slate-300 dark:border-slate-700 text-purple-600 dark:text-purple-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-slate-400 dark:hover:border-slate-600 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple',
+        className,
+      )}
+      {...other}
+    />
+  );
+});
+
+MenuButton.propTypes = {
+  /**
+   * Class name applied to the root element.
+   */
+  className: PropTypes.string,
+};
+
+const MenuItem = React.forwardRef((props, ref) => {
+  const { className, ...other } = props;
+  return (
+    <BaseMenuItem
+      ref={ref}
+      className={clsx(
+        'list-none p-2 rounded-lg cursor-default select-none last-of-type:border-b-0 focus-visible:shadow-outline-purple focus-visible:outline-0 focus-visible:bg-slate-100 focus-visible:dark:bg-slate-800 focus-visible-text-slate-900 focus-visible:dark:text-slate-300 disabled:text-slate-400 disabled:dark:text-slate-700 disabled:hover:text-slate-400 disabled:hover:dark:text-slate-700 hover:bg-purple-50 hover:dark:bg-purple-950 hover:text-slate-900 hover:dark:text-slate-300',
+        className,
+      )}
+      {...other}
+    />
+  );
+});
+
+MenuItem.propTypes = {
+  className: PropTypes.string,
+};
diff --git a/docs/data/base/components/menu/MenuSimple/tailwind/index.tsx b/docs/data/base/components/menu/MenuSimple/tailwind/index.tsx
index f5cb86a6f4ce86..e30fb6e2b17f70 100644
--- a/docs/data/base/components/menu/MenuSimple/tailwind/index.tsx
+++ b/docs/data/base/components/menu/MenuSimple/tailwind/index.tsx
@@ -1,7 +1,8 @@
 import * as React from 'react';
-import { Menu } from '@mui/base/Menu';
-import { MenuButton } from '@mui/base/MenuButton';
-import { MenuItem } from '@mui/base/MenuItem';
+import clsx from 'clsx';
+import { Menu as BaseMenu, MenuProps } from '@mui/base/Menu';
+import { MenuButton as BaseMenuButton, MenuButtonProps } from '@mui/base/MenuButton';
+import { MenuItem as BaseMenuItem, MenuItemProps } from '@mui/base/MenuItem';
 import { Dropdown } from '@mui/base/Dropdown';
 import { useTheme } from '@mui/system';
 
@@ -23,41 +24,89 @@ export default function MenuSimple() {
   return (
     <div className={`${isDarkMode ? 'dark' : ''}`}>
       <Dropdown>
-        <MenuButton className="cursor-pointer text-sm box-border rounded-lg font-semibold px-4 py-2 leading-normal bg-transparent border border-solid border-slate-300 dark:border-slate-700 text-purple-600 dark:text-purple-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-slate-400 dark:hover:border-slate-600 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple">
-          Dashboard
-        </MenuButton>
-
-        <Menu
-          slotProps={{
-            root: {
-              className: `${isDarkMode ? 'dark' : ''} z-10`,
-            },
-            listbox: {
-              className:
-                'text-sm box-border p-1.5 my-3 mx-0 rounded-xl overflow-auto outline-0 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 min-w-listbox shadow-md dark:shadow-slate-900',
-            },
-          }}
-        >
-          <MenuItem
-            className="list-none p-2 rounded-lg cursor-default select-none last-of-type:border-b-0 focus-visible:shadow-outline-purple focus-visible:outline-0 focus-visible:bg-slate-100 focus-visible:dark:bg-slate-800 focus-visible-text-slate-900 focus-visible:dark:text-slate-300 disabled:text-slate-400 disabled:dark:text-slate-700 disabled:hover:text-slate-400 disabled:hover:dark:text-slate-700 hover:bg-purple-50 hover:dark:bg-purple-950 hover:text-slate-900 hover:dark:text-slate-300"
-            onClick={createHandleMenuClick('Profile')}
-          >
-            Profile
-          </MenuItem>
-          <MenuItem
-            className="list-none p-2 rounded-lg cursor-default select-none last-of-type:border-b-0 focus-visible:shadow-outline-purple focus-visible:outline-0 focus-visible:bg-slate-100 focus-visible:dark:bg-slate-800 focus-visible-text-slate-900 focus-visible:dark:text-slate-300 disabled:text-slate-400 disabled:dark:text-slate-700 disabled:hover:text-slate-400 disabled:hover:dark:text-slate-700 hover:bg-purple-50 hover:dark:bg-purple-950 hover:text-slate-900 hover:dark:text-slate-300"
-            onClick={createHandleMenuClick('My account')}
-          >
+        <MenuButton>Dashboard</MenuButton>
+        <Menu>
+          <MenuItem onClick={createHandleMenuClick('Profile')}>Profile</MenuItem>
+          <MenuItem onClick={createHandleMenuClick('My account')}>
             My account
           </MenuItem>
-          <MenuItem
-            className="list-none p-2 rounded-lg cursor-default select-none last-of-type:border-b-0 focus-visible:shadow-outline-purple focus-visible:outline-0 focus-visible:bg-slate-100 focus-visible:dark:bg-slate-800 focus-visible-text-slate-900 focus-visible:dark:text-slate-300 disabled:text-slate-400 disabled:dark:text-slate-700 disabled:hover:text-slate-400 disabled:hover:dark:text-slate-700 hover:bg-purple-50 hover:dark:bg-purple-950 hover:text-slate-900 hover:dark:text-slate-300"
-            onClick={createHandleMenuClick('Log out')}
-          >
-            Log out
-          </MenuItem>
+          <MenuItem onClick={createHandleMenuClick('Log out')}>Log out</MenuItem>
         </Menu>
       </Dropdown>
     </div>
   );
 }
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const Menu = React.forwardRef<HTMLDivElement, MenuProps>((props, ref) => {
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <BaseMenu
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `${isDarkMode ? 'dark' : ''} z-10`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        listbox: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.listbox,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'text-sm box-border font-sans p-1.5 my-3 mx-0 rounded-xl overflow-auto outline-0 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 min-w-listbox shadow-md dark:shadow-slate-900',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+const MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(
+  (props, ref) => {
+    const { className, ...other } = props;
+    return (
+      <BaseMenuButton
+        ref={ref}
+        className={clsx(
+          'cursor-pointer text-sm font-sans box-border rounded-lg font-semibold px-4 py-2 leading-normal bg-transparent border border-solid border-slate-300 dark:border-slate-700 text-purple-600 dark:text-purple-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-slate-400 dark:hover:border-slate-600 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple',
+          className,
+        )}
+        {...other}
+      />
+    );
+  },
+);
+
+const MenuItem = React.forwardRef<HTMLLIElement, MenuItemProps>((props, ref) => {
+  const { className, ...other } = props;
+  return (
+    <BaseMenuItem
+      ref={ref}
+      className={clsx(
+        'list-none p-2 rounded-lg cursor-default select-none last-of-type:border-b-0 focus-visible:shadow-outline-purple focus-visible:outline-0 focus-visible:bg-slate-100 focus-visible:dark:bg-slate-800 focus-visible-text-slate-900 focus-visible:dark:text-slate-300 disabled:text-slate-400 disabled:dark:text-slate-700 disabled:hover:text-slate-400 disabled:hover:dark:text-slate-700 hover:bg-purple-50 hover:dark:bg-purple-950 hover:text-slate-900 hover:dark:text-slate-300',
+        className,
+      )}
+      {...other}
+    />
+  );
+});
diff --git a/docs/data/base/components/menu/MenuSimple/tailwind/index.tsx.preview b/docs/data/base/components/menu/MenuSimple/tailwind/index.tsx.preview
new file mode 100644
index 00000000000000..f3f4842b95a98b
--- /dev/null
+++ b/docs/data/base/components/menu/MenuSimple/tailwind/index.tsx.preview
@@ -0,0 +1,10 @@
+<Dropdown>
+  <MenuButton>Dashboard</MenuButton>
+  <Menu>
+    <MenuItem onClick={createHandleMenuClick('Profile')}>Profile</MenuItem>
+    <MenuItem onClick={createHandleMenuClick('My account')}>
+      My account
+    </MenuItem>
+    <MenuItem onClick={createHandleMenuClick('Log out')}>Log out</MenuItem>
+  </Menu>
+</Dropdown>
\ No newline at end of file
diff --git a/docs/data/base/components/menu/UseMenu.js b/docs/data/base/components/menu/UseMenu.js
index d122e233b58338..2053fb5680b27c 100644
--- a/docs/data/base/components/menu/UseMenu.js
+++ b/docs/data/base/components/menu/UseMenu.js
@@ -11,14 +11,16 @@ import { useMenuButton } from '@mui/base/useMenuButton';
 const Menu = React.forwardRef(function Menu(props, ref) {
   const { children, ...other } = props;
 
-  const { contextValue, getListboxProps } = useMenu({
+  const { open, triggerElement, contextValue, getListboxProps } = useMenu({
     listboxRef: ref,
   });
 
   return (
-    <ul className="menu-root" {...other} {...getListboxProps()}>
-      <MenuProvider value={contextValue}>{children}</MenuProvider>
-    </ul>
+    <Popper open={open} anchorEl={triggerElement}>
+      <ul className="menu-root" {...other} {...getListboxProps()}>
+        <MenuProvider value={contextValue}>{children}</MenuProvider>
+      </ul>
+    </Popper>
   );
 });
 
@@ -62,8 +64,7 @@ const MenuButton = React.forwardRef(function MenuButton(props, forwardedRef) {
 });
 
 export default function UseMenu() {
-  const { contextValue: dropdownContextValue, open } = useDropdown();
-  const buttonRef = React.useRef(null);
+  const { contextValue: dropdownContextValue } = useDropdown();
 
   const createHandleMenuClick = (menuItem) => {
     return () => {
@@ -75,16 +76,14 @@ export default function UseMenu() {
     <React.Fragment>
       <GlobalStyles styles={styles} />
       <DropdownContext.Provider value={dropdownContextValue}>
-        <MenuButton ref={buttonRef}>Theme</MenuButton>
-        <Popper open={open} anchorEl={buttonRef.current}>
-          <Menu id="hooks-menu">
-            <MenuItem onClick={createHandleMenuClick('OS Default')}>
-              OS default
-            </MenuItem>
-            <MenuItem onClick={createHandleMenuClick('Light')}>Light</MenuItem>
-            <MenuItem onClick={createHandleMenuClick('Dark')}>Dark</MenuItem>
-          </Menu>
-        </Popper>
+        <MenuButton>Theme</MenuButton>
+        <Menu id="hooks-menu">
+          <MenuItem onClick={createHandleMenuClick('OS Default')}>
+            OS default
+          </MenuItem>
+          <MenuItem onClick={createHandleMenuClick('Light')}>Light</MenuItem>
+          <MenuItem onClick={createHandleMenuClick('Dark')}>Dark</MenuItem>
+        </Menu>
       </DropdownContext.Provider>
     </React.Fragment>
   );
@@ -189,16 +188,15 @@ const styles = `
     border: 1px solid ${grey[200]};
     color: ${grey[900]};
     cursor: pointer;
-  
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 120ms;
-  
+
     &:hover {
       background: ${grey[50]};
       border-color: ${grey[300]};
     }
-  
+
     &:focus-visible {
       border-color: ${blue[400]};
       outline: 3px solid ${blue[200]};
diff --git a/docs/data/base/components/menu/UseMenu.tsx b/docs/data/base/components/menu/UseMenu.tsx
index fb64161eece811..129b7b2615f71b 100644
--- a/docs/data/base/components/menu/UseMenu.tsx
+++ b/docs/data/base/components/menu/UseMenu.tsx
@@ -13,14 +13,16 @@ const Menu = React.forwardRef(function Menu(
 ) {
   const { children, ...other } = props;
 
-  const { contextValue, getListboxProps } = useMenu({
+  const { open, triggerElement, contextValue, getListboxProps } = useMenu({
     listboxRef: ref,
   });
 
   return (
-    <ul className="menu-root" {...other} {...getListboxProps()}>
-      <MenuProvider value={contextValue}>{children}</MenuProvider>
-    </ul>
+    <Popper open={open} anchorEl={triggerElement}>
+      <ul className="menu-root" {...other} {...getListboxProps()}>
+        <MenuProvider value={contextValue}>{children}</MenuProvider>
+      </ul>
+    </Popper>
   );
 });
 
@@ -61,8 +63,7 @@ const MenuButton = React.forwardRef(function MenuButton(
 });
 
 export default function UseMenu() {
-  const { contextValue: dropdownContextValue, open } = useDropdown();
-  const buttonRef = React.useRef<HTMLButtonElement>(null);
+  const { contextValue: dropdownContextValue } = useDropdown();
 
   const createHandleMenuClick = (menuItem: string) => {
     return () => {
@@ -74,16 +75,14 @@ export default function UseMenu() {
     <React.Fragment>
       <GlobalStyles styles={styles} />
       <DropdownContext.Provider value={dropdownContextValue}>
-        <MenuButton ref={buttonRef}>Theme</MenuButton>
-        <Popper open={open} anchorEl={buttonRef.current}>
-          <Menu id="hooks-menu">
-            <MenuItem onClick={createHandleMenuClick('OS Default')}>
-              OS default
-            </MenuItem>
-            <MenuItem onClick={createHandleMenuClick('Light')}>Light</MenuItem>
-            <MenuItem onClick={createHandleMenuClick('Dark')}>Dark</MenuItem>
-          </Menu>
-        </Popper>
+        <MenuButton>Theme</MenuButton>
+        <Menu id="hooks-menu">
+          <MenuItem onClick={createHandleMenuClick('OS Default')}>
+            OS default
+          </MenuItem>
+          <MenuItem onClick={createHandleMenuClick('Light')}>Light</MenuItem>
+          <MenuItem onClick={createHandleMenuClick('Dark')}>Dark</MenuItem>
+        </Menu>
       </DropdownContext.Provider>
     </React.Fragment>
   );
@@ -188,16 +187,15 @@ const styles = `
     border: 1px solid ${grey[200]};
     color: ${grey[900]};
     cursor: pointer;
-  
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 120ms;
-  
+
     &:hover {
       background: ${grey[50]};
       border-color: ${grey[300]};
     }
-  
+
     &:focus-visible {
       border-color: ${blue[400]};
       outline: 3px solid ${blue[200]};
diff --git a/docs/data/base/components/menu/UseMenu.tsx.preview b/docs/data/base/components/menu/UseMenu.tsx.preview
index 6ccf7b2086a623..7a2ef42544a44c 100644
--- a/docs/data/base/components/menu/UseMenu.tsx.preview
+++ b/docs/data/base/components/menu/UseMenu.tsx.preview
@@ -1,15 +1,13 @@
 <React.Fragment>
   <GlobalStyles styles={styles} />
   <DropdownContext.Provider value={dropdownContextValue}>
-    <MenuButton ref={buttonRef}>Theme</MenuButton>
-    <Popper open={open} anchorEl={buttonRef.current}>
-      <Menu id="hooks-menu">
-        <MenuItem onClick={createHandleMenuClick('OS Default')}>
-          OS default
-        </MenuItem>
-        <MenuItem onClick={createHandleMenuClick('Light')}>Light</MenuItem>
-        <MenuItem onClick={createHandleMenuClick('Dark')}>Dark</MenuItem>
-      </Menu>
-    </Popper>
+    <MenuButton>Theme</MenuButton>
+    <Menu id="hooks-menu">
+      <MenuItem onClick={createHandleMenuClick('OS Default')}>
+        OS default
+      </MenuItem>
+      <MenuItem onClick={createHandleMenuClick('Light')}>Light</MenuItem>
+      <MenuItem onClick={createHandleMenuClick('Dark')}>Dark</MenuItem>
+    </Menu>
   </DropdownContext.Provider>
 </React.Fragment>
\ No newline at end of file
diff --git a/docs/data/base/components/menu/menu.md b/docs/data/base/components/menu/menu.md
index 1933b93aff8c3d..ca9949389088d4 100644
--- a/docs/data/base/components/menu/menu.md
+++ b/docs/data/base/components/menu/menu.md
@@ -9,7 +9,7 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/
 
 # Menu
 
-<p class="description">The Menu components provide your users with a list of options on temporary surfaces.</p>
+<p class="description">The Dropdown Menu components provide end users with a list of options on temporary surfaces.</p>
 
 {{"component": "modules/components/ComponentLinkHeader.js", "design": false}}
 
@@ -17,70 +17,46 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/
 
 ## Introduction
 
-The Menu component gives users a list of items in a popup that they can navigate through with a mouse or keyboard.
-It renders an unordered list (`<ul>`) by default.
+The Base UI Dropdown Menu is implemented using a collection of related components:
 
-Use the Menu Item to add items to the Menu.
-These are rendered as `<li>` elements.
+- Dropdown - The outermost container that houses all Menu components.
+- Menu Button - The button that toggles the visibility of the Menu.
+- Menu - The unordered list of Menu Items.
+- Menu Item - The individual list items of the Menu.
 
-{{"demo": "MenuIntroduction.js", "defaultCodeOpen": false, "bg": "gradient"}}
+{{"demo": "MenuIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
 
 ## Components
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component collection using the following basic elements:
-
 ```jsx
-import { Menu } from '@mui/base/Menu';
+import { Dropdown } from '@mui/base/Dropdown';
 import { MenuButton } from '@mui/base/MenuButton';
+import { Menu } from '@mui/base/Menu';
 import { MenuItem } from '@mui/base/MenuItem';
-import { Dropdown } from '@mui/base/Dropdown';
-
-export default function MyApp() {
-  return (
-    <Dropdown>
-      <MenuButton>Settings</MenuButton>
-      <Menu>
-        <MenuItem>My account</MenuItem>
-        <MenuItem>Notification preferences</MenuItem>
-      </Menu>
-    <Dropdown>
-  );
-}
 ```
 
-### Basics
-
-The Menu replaces the native HTML `<ul>`, and the Menu Item corresponds to the `<li>` tag.
-
-The visibility of the menu is controlled by the Menu Button.
-
-The following demo shows how to create and style a Menu component.
+The demo below shows how to create and style a Dropdown Menu.
 Click **Dashboard** to view the menu.
-Notice that it uses the built-in [Popper](/base-ui/react-popper/) component to break out of its parent container visually:
+Note that it uses the built-in [Popper](/base-ui/react-popper/) component to visually break out of its parent container:
 
 {{"demo": "MenuSimple"}}
 
-The Dropdown should be the outermost component—all other menu-related components must be placed as its children (not necessarily as direct ones).
-If you need to control the open state of the menu or react to its changes, place an `open`/`onOpenChange` props on the Dropdown.
+The `<Dropdown />` should be the outermost component—all other Menu-related components must be placed as its children (but not necessarily as direct ones).
+If you need to control the open state of the Menu or react to its changes, place `open`/`onOpenChange` props on the `<Dropdown />`.
 
-The Dropdown should contain at most one Menu Button and one Menu.
-It will wire them together, so that pressing the button will open the menu.
-It also takes care of assigning proper accessibility attributes, so the menu can be used with assistive technologies or a keyboard.
+The `<Dropdown />` must only contain one `<MenuButton />` and one `<Menu />`.
+It will wire them together, so that pressing the Button will open the Menu.
+It also takes care of assigning proper accessibility attributes, so the Dropdown Menu can be used with assistive technologies or a keyboard.
 
-The Menu hosts Menu Items.
-They can be wrapped in arbitrary tags and components or even grouped together.
-Clicking on a menu item closes the associated menu.
+The `<Menu />` hosts `<MenuItem />` components can be wrapped in arbitrary tags and components, as well as grouped together.
+Clicking on a Menu Item closes its associated Menu.
 
 ### Anatomy
 
-- The Menu component comprises a root slot that renders an `<div>` by default and a listbox slot that is a `<li>`.
-- The Menu Item has a single root `<li>` slot.
-- The Menu Button is a native HTML `<button>`.
-- The Dropdown does not render any HTML element.
-  It only provides a context that links Menu Button and Menu.
-  Thanks to this context, developers do not have to wire these components using custom logic.
+- The `<Dropdown />` does not render any HTML element—it only provides the context that links a Menu Button to a Menu, so you don't have to.
+- The `<MenuButton />` renders a `<button>`.
+- The `<Menu />` component renders a `<div>` with a `<ul>` nested inside.
+- The `<MenuItem />` renders a `<li>`.
 
 ```html
 <button class="MuiMenuButton-root">Click me</button>
@@ -93,7 +69,7 @@ Clicking on a menu item closes the associated menu.
 
 ### Custom structure
 
-Use the `slots` prop to override the slots on any component except the Dropdown:
+Use the `slots` prop to override the slots on any component except the `<Dropdown />` (since it renders no HTML):
 
 ```jsx
 <Menu slots={{ listbox: 'ol' }} />
@@ -105,15 +81,16 @@ See [Overriding component structure](/base-ui/guides/overriding-component-struct
 :::
 
 Use the `slotProps` prop to pass custom props to internal slots.
-The following code snippet applies a CSS class called `my-listbox` to the listbox slot:
+The following code snippet applies a CSS class called `my-listbox` to the listbox slot on the Menu:
 
 ```jsx
 <Menu slotProps={{ listbox: { className: 'my-listbox' } }} />
 ```
 
-#### Usage with TypeScript
+### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. This way, you can safely provide the custom root's props directly on the component:
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
+This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx
 <Menu<typeof CustomComponent> slots={{ root: CustomComponent }} customProp />
@@ -125,38 +102,19 @@ The same applies to props specific to custom primitive elements:
 <Menu<'ol'> slots={{ root: 'ol' }} start={5} />
 ```
 
-### CSS classes
-
-Menu can set the following class:
-
-- `Mui-expanded` - set on the root slot when the Menu is open
-
-Menu Item can set the following classes:
-
-- `Mui-disabled` - set when the Menu Item has the `disabled` prop
-- `Mui-focusVisible` - set when the Menu Item is highlighted via keyboard navigation.
-  This is a polyfill for the native `:focus-visible` pseudoclass, as it's not available in older versions of Safari.
-
-On the Menu Button, these classes are available:
-
-- `Mui-active` - set when the button is pressed.
-- `Mui-disabled` - set when the button has the `disabled` prop.
-  It's equivalent to the native `:active` pseudoclass.
-- `Mui-expanded` - set when the menu associated with the given button is open.
-
 ## Hooks
 
 ```jsx
+import { useDropdown } from '@mui/base/useDropdown';
+import { useMenuButton } from '@mui/base/useMenuButton';
 import { useMenu } from '@mui/base/useMenu';
 import { useMenuItem } from '@mui/base/useMenuItem';
-import { useMenuButton } from '@mui/base/useMenuButton';
-import { useDropdown } from '@mui/base/useDropdown';
 ```
 
-The `useMenu` and `useMenuItem` hooks let you apply the functionality of the Menu to fully custom components.
+The Dropdown Menu hooks let you apply the functionality of the Dropdown Menu suite to fully custom components.
 They return props to be placed on the custom components, along with fields representing the components' internal states.
 
-Hooks _do not_ support [slot props](#slot-props), but they do support [customization props](#customization).
+Hooks _do not_ support [slot props](#custom-structure), but they do support [customization props](#customization).
 
 :::info
 Hooks give you the most room for customization but require more work to implement.
@@ -165,21 +123,26 @@ With hooks, you can take complete control over how your component is rendered an
 You may not need to use hooks unless you find that you're limited by the customization options of their component counterparts—for instance, if your component requires a significantly different [structure](#anatomy).
 :::
 
-The following demo shows how to build a menu using hooks:
+The following demo shows how to build a Dropdown Menu using hooks:
 
 {{"demo": "UseMenu.js"}}
 
-Components and their corresponding hooks work interchangeably with one another—for example, you can create a Menu component that contains menu items built with the `useMenuItem` hook.
+Components and their corresponding hooks work interchangeably with one another—for example, you can create a Menu component that contains custom menu items built with the `useMenuItem` hook.
 
 ## Customization
 
-### Wrapping MenuItems
+:::info
+The following features can be used with both components and hooks.
+For the sake of simplicity, demos and code snippets primarily feature components.
+:::
+
+### Wrapping Menu Items
 
 Menu Item components don't have to be direct children of a Menu component.
 You can wrap them in any component needed to achieve the desired appearance.
 
 In addition to Menu Item components, the Menu component can also contain non-interactive children, such as helper text.
 
-The following demo shows an example of a menu with items grouped under non-interactive headers, along with helper text that displays the **Current zoom level**:
+The following demo shows an example of a Dropdown Menu with Items grouped under non-interactive headers, along with helper text that displays the **Current zoom level**:
 
 {{"demo": "WrappedMenuItems.js"}}
diff --git a/docs/data/base/components/modal/UseModal.js b/docs/data/base/components/modal/UseModal.js
new file mode 100644
index 00000000000000..2223c591e8f59c
--- /dev/null
+++ b/docs/data/base/components/modal/UseModal.js
@@ -0,0 +1,256 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { Box, styled } from '@mui/system';
+import { Portal } from '@mui/base/Portal';
+import { FocusTrap } from '@mui/base/FocusTrap';
+import { Button } from '@mui/base/Button';
+import { unstable_useModal as useModal } from '@mui/base/unstable_useModal';
+import Fade from '@mui/material/Fade';
+
+export default function UseModal() {
+  const [open, setOpen] = React.useState(false);
+  const handleOpen = () => setOpen(true);
+  const handleClose = () => setOpen(false);
+
+  return (
+    <div>
+      <TriggerButton onClick={handleOpen}>Open modal</TriggerButton>
+      <Modal
+        aria-labelledby="transition-modal-title"
+        aria-describedby="transition-modal-description"
+        open={open}
+        onClose={handleClose}
+        closeAfterTransition
+      >
+        <Fade in={open}>
+          <Box sx={style}>
+            <h2 id="transition-modal-title">Text in a modal</h2>
+            <span id="transition-modal-description" style={{ marginTop: 16 }}>
+              Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
+            </span>
+          </Box>
+        </Fade>
+      </Modal>
+    </div>
+  );
+}
+
+const Modal = React.forwardRef(function Modal(props, forwardedRef) {
+  const {
+    children,
+    closeAfterTransition = false,
+    container,
+    disableAutoFocus = false,
+    disableEnforceFocus = false,
+    disableEscapeKeyDown = false,
+    disablePortal = false,
+    disableRestoreFocus = false,
+    disableScrollLock = false,
+    hideBackdrop = false,
+    keepMounted = false,
+    onClose,
+    open,
+    onTransitionEnter,
+    onTransitionExited,
+    ...other
+  } = props;
+
+  const propsWithDefaults = {
+    ...props,
+    closeAfterTransition,
+    disableAutoFocus,
+    disableEnforceFocus,
+    disableEscapeKeyDown,
+    disablePortal,
+    disableRestoreFocus,
+    disableScrollLock,
+    hideBackdrop,
+    keepMounted,
+  };
+
+  const {
+    getRootProps,
+    getBackdropProps,
+    getTransitionProps,
+    portalRef,
+    isTopModal,
+    exited,
+    hasTransition,
+  } = useModal({
+    ...propsWithDefaults,
+    rootRef: forwardedRef,
+  });
+
+  const classes = {
+    hidden: !open && exited,
+  };
+
+  const childProps = {};
+  if (children.props.tabIndex === undefined) {
+    childProps.tabIndex = '-1';
+  }
+
+  // It's a Transition like component
+  if (hasTransition) {
+    const { onEnter, onExited } = getTransitionProps();
+    childProps.onEnter = onEnter;
+    childProps.onExited = onExited;
+  }
+
+  const rootProps = {
+    ...other,
+    className: clsx(classes),
+    ...getRootProps(other),
+  };
+
+  const backdropProps = {
+    open,
+    ...getBackdropProps(),
+  };
+
+  if (!keepMounted && !open && (!hasTransition || exited)) {
+    return null;
+  }
+
+  return (
+    <Portal ref={portalRef} container={container} disablePortal={disablePortal}>
+      {/*
+       * Marking an element with the role presentation indicates to assistive technology
+       * that this element should be ignored; it exists to support the web application and
+       * is not meant for humans to interact with directly.
+       * https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
+       */}
+      <CustomModalRoot {...rootProps}>
+        {!hideBackdrop ? <CustomModalBackdrop {...backdropProps} /> : null}
+        <FocusTrap
+          disableEnforceFocus={disableEnforceFocus}
+          disableAutoFocus={disableAutoFocus}
+          disableRestoreFocus={disableRestoreFocus}
+          isEnabled={isTopModal}
+          open={open}
+        >
+          {React.cloneElement(children, childProps)}
+        </FocusTrap>
+      </CustomModalRoot>
+    </Portal>
+  );
+});
+
+Modal.propTypes = {
+  children: PropTypes.element.isRequired,
+  closeAfterTransition: PropTypes.bool,
+  container: PropTypes.oneOfType([
+    function (props, propName) {
+      if (props[propName] == null) {
+        return new Error("Prop '" + propName + "' is required but wasn't specified");
+      } else if (
+        typeof props[propName] !== 'object' ||
+        props[propName].nodeType !== 1
+      ) {
+        return new Error("Expected prop '" + propName + "' to be of type Element");
+      }
+    },
+    PropTypes.func,
+  ]),
+  disableAutoFocus: PropTypes.bool,
+  disableEnforceFocus: PropTypes.bool,
+  disableEscapeKeyDown: PropTypes.bool,
+  disablePortal: PropTypes.bool,
+  disableRestoreFocus: PropTypes.bool,
+  disableScrollLock: PropTypes.bool,
+  hideBackdrop: PropTypes.bool,
+  keepMounted: PropTypes.bool,
+  onClose: PropTypes.func,
+  onTransitionEnter: PropTypes.func,
+  onTransitionExited: PropTypes.func,
+  open: PropTypes.bool.isRequired,
+};
+
+const Backdrop = React.forwardRef((props, ref) => {
+  const { open, ...other } = props;
+  return (
+    <Fade in={open}>
+      <div ref={ref} {...other} />
+    </Fade>
+  );
+});
+
+Backdrop.propTypes = {
+  open: PropTypes.bool,
+};
+
+const blue = {
+  200: '#99CCF3',
+  400: '#3399FF',
+  500: '#007FFF',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+const style = (theme) => ({
+  position: 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  width: 400,
+  borderRadius: '12px',
+  padding: '16px 32px 24px 32px',
+  backgroundColor: theme.palette.mode === 'dark' ? '#0A1929' : 'white',
+  boxShadow: `0px 2px 24px ${theme.palette.mode === 'dark' ? '#000' : '#383838'}`,
+});
+
+const CustomModalRoot = styled('div')`
+  position: fixed;
+  z-index: 1300;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+
+const CustomModalBackdrop = styled(Backdrop)`
+  z-index: -1;
+  position: fixed;
+  inset: 0;
+  background-color: rgb(0 0 0 / 0.5);
+  -webkit-tap-highlight-color: transparent;
+`;
+
+const TriggerButton = styled(Button)(
+  ({ theme }) => `
+  font-family: IBM Plex Sans, sans-serif;
+  font-size: 0.875rem;
+  font-weight: 600;
+  box-sizing: border-box;
+  min-height: calc(1.5em + 22px);
+  border-radius: 12px;
+  padding: 6px 12px;
+  line-height: 1.5;
+  background: transparent;
+  border: 1px solid ${theme.palette.mode === 'dark' ? grey[800] : grey[200]};
+  color: ${theme.palette.mode === 'dark' ? grey[100] : grey[900]};
+
+  &:hover {
+    background: ${theme.palette.mode === 'dark' ? grey[800] : grey[50]};
+    border-color: ${theme.palette.mode === 'dark' ? grey[600] : grey[300]};
+  }
+
+  &:focus-visible {
+    border-color: ${blue[400]};
+    outline: 3px solid ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
+  }
+  `,
+);
diff --git a/docs/data/base/components/modal/UseModal.tsx b/docs/data/base/components/modal/UseModal.tsx
new file mode 100644
index 00000000000000..6d69e3f7b9884b
--- /dev/null
+++ b/docs/data/base/components/modal/UseModal.tsx
@@ -0,0 +1,248 @@
+'use client';
+import * as React from 'react';
+import clsx from 'clsx';
+import { Box, styled, Theme } from '@mui/system';
+import { Portal } from '@mui/base/Portal';
+import { FocusTrap } from '@mui/base/FocusTrap';
+import { Button } from '@mui/base/Button';
+import { unstable_useModal as useModal } from '@mui/base/unstable_useModal';
+import Fade from '@mui/material/Fade';
+
+export default function UseModal() {
+  const [open, setOpen] = React.useState(false);
+  const handleOpen = () => setOpen(true);
+  const handleClose = () => setOpen(false);
+
+  return (
+    <div>
+      <TriggerButton onClick={handleOpen}>Open modal</TriggerButton>
+      <Modal
+        aria-labelledby="transition-modal-title"
+        aria-describedby="transition-modal-description"
+        open={open}
+        onClose={handleClose}
+        closeAfterTransition
+      >
+        <Fade in={open}>
+          <Box sx={style}>
+            <h2 id="transition-modal-title">Text in a modal</h2>
+            <span id="transition-modal-description" style={{ marginTop: 16 }}>
+              Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
+            </span>
+          </Box>
+        </Fade>
+      </Modal>
+    </div>
+  );
+}
+
+interface ModalProps {
+  children: React.ReactElement;
+  closeAfterTransition?: boolean;
+  container?: Element | (() => Element | null) | null;
+  disableAutoFocus?: boolean;
+  disableEnforceFocus?: boolean;
+  disableEscapeKeyDown?: boolean;
+  disablePortal?: boolean;
+  disableRestoreFocus?: boolean;
+  disableScrollLock?: boolean;
+  hideBackdrop?: boolean;
+  keepMounted?: boolean;
+  onClose?: (event: {}, reason: 'backdropClick' | 'escapeKeyDown') => void;
+  onTransitionEnter?: () => void;
+  onTransitionExited?: () => void;
+  open: boolean;
+}
+
+const Modal = React.forwardRef(function Modal(
+  props: ModalProps,
+  forwardedRef: React.ForwardedRef<HTMLElement>,
+) {
+  const {
+    children,
+    closeAfterTransition = false,
+    container,
+    disableAutoFocus = false,
+    disableEnforceFocus = false,
+    disableEscapeKeyDown = false,
+    disablePortal = false,
+    disableRestoreFocus = false,
+    disableScrollLock = false,
+    hideBackdrop = false,
+    keepMounted = false,
+    onClose,
+    open,
+    onTransitionEnter,
+    onTransitionExited,
+    ...other
+  } = props;
+
+  const propsWithDefaults = {
+    ...props,
+    closeAfterTransition,
+    disableAutoFocus,
+    disableEnforceFocus,
+    disableEscapeKeyDown,
+    disablePortal,
+    disableRestoreFocus,
+    disableScrollLock,
+    hideBackdrop,
+    keepMounted,
+  };
+
+  const {
+    getRootProps,
+    getBackdropProps,
+    getTransitionProps,
+    portalRef,
+    isTopModal,
+    exited,
+    hasTransition,
+  } = useModal({
+    ...propsWithDefaults,
+    rootRef: forwardedRef,
+  });
+
+  const classes = {
+    hidden: !open && exited,
+  };
+
+  const childProps: {
+    onEnter?: () => void;
+    onExited?: () => void;
+    tabIndex?: string;
+  } = {};
+  if (children.props.tabIndex === undefined) {
+    childProps.tabIndex = '-1';
+  }
+
+  // It's a Transition like component
+  if (hasTransition) {
+    const { onEnter, onExited } = getTransitionProps();
+    childProps.onEnter = onEnter;
+    childProps.onExited = onExited;
+  }
+
+  const rootProps = {
+    ...other,
+    className: clsx(classes),
+    ...getRootProps(other),
+  };
+
+  const backdropProps = {
+    open,
+    ...getBackdropProps(),
+  };
+
+  if (!keepMounted && !open && (!hasTransition || exited)) {
+    return null;
+  }
+
+  return (
+    <Portal ref={portalRef} container={container} disablePortal={disablePortal}>
+      {/*
+       * Marking an element with the role presentation indicates to assistive technology
+       * that this element should be ignored; it exists to support the web application and
+       * is not meant for humans to interact with directly.
+       * https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
+       */}
+      <CustomModalRoot {...rootProps}>
+        {!hideBackdrop ? <CustomModalBackdrop {...backdropProps} /> : null}
+        <FocusTrap
+          disableEnforceFocus={disableEnforceFocus}
+          disableAutoFocus={disableAutoFocus}
+          disableRestoreFocus={disableRestoreFocus}
+          isEnabled={isTopModal}
+          open={open}
+        >
+          {React.cloneElement(children, childProps)}
+        </FocusTrap>
+      </CustomModalRoot>
+    </Portal>
+  );
+});
+
+const Backdrop = React.forwardRef<HTMLDivElement, { open?: boolean }>(
+  (props, ref) => {
+    const { open, ...other } = props;
+    return (
+      <Fade in={open}>
+        <div ref={ref} {...other} />
+      </Fade>
+    );
+  },
+);
+
+const blue = {
+  200: '#99CCF3',
+  400: '#3399FF',
+  500: '#007FFF',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+const style = (theme: Theme) => ({
+  position: 'absolute' as 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  width: 400,
+  borderRadius: '12px',
+  padding: '16px 32px 24px 32px',
+  backgroundColor: theme.palette.mode === 'dark' ? '#0A1929' : 'white',
+  boxShadow: `0px 2px 24px ${theme.palette.mode === 'dark' ? '#000' : '#383838'}`,
+});
+
+const CustomModalRoot = styled('div')`
+  position: fixed;
+  z-index: 1300;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+
+const CustomModalBackdrop = styled(Backdrop)`
+  z-index: -1;
+  position: fixed;
+  inset: 0;
+  background-color: rgb(0 0 0 / 0.5);
+  -webkit-tap-highlight-color: transparent;
+`;
+
+const TriggerButton = styled(Button)(
+  ({ theme }) => `
+  font-family: IBM Plex Sans, sans-serif;
+  font-size: 0.875rem;
+  font-weight: 600;
+  box-sizing: border-box;
+  min-height: calc(1.5em + 22px);
+  border-radius: 12px;
+  padding: 6px 12px;
+  line-height: 1.5;
+  background: transparent;
+  border: 1px solid ${theme.palette.mode === 'dark' ? grey[800] : grey[200]};
+  color: ${theme.palette.mode === 'dark' ? grey[100] : grey[900]};
+
+  &:hover {
+    background: ${theme.palette.mode === 'dark' ? grey[800] : grey[50]};
+    border-color: ${theme.palette.mode === 'dark' ? grey[600] : grey[300]};
+  }
+
+  &:focus-visible {
+    border-color: ${blue[400]};
+    outline: 3px solid ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
+  }
+  `,
+);
diff --git a/docs/data/base/components/modal/modal.md b/docs/data/base/components/modal/modal.md
index b8dcf76b4e8cff..7a2fbe88739b35 100644
--- a/docs/data/base/components/modal/modal.md
+++ b/docs/data/base/components/modal/modal.md
@@ -2,6 +2,7 @@
 productId: base-ui
 title: React Modal component
 components: Modal
+hooks: useModal
 githubLabel: 'component: modal'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
 ---
@@ -19,14 +20,6 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
 Modal is a utility component that renders its children in front of a backdrop.
 This lets you create an element that your users must interact with before continuing in the parent application.
 
-### Features
-
-- 🥞 Manages modal stacking when more than one is needed
-- 🪟 Creates a backdrop to disable interaction with the rest of the app
-- 🔐 Disables page scrolling while open
-- ⌨️ Manages focus correctly between the modal and its parent app
-- ♿️ Adds the appropriate ARIA roles automatically
-
 :::info
 The term "modal" is sometimes used interchangeably with "dialog," but this is incorrect.
 A dialog may be _modal_ or _nonmodal (modeless)_.
@@ -47,20 +40,10 @@ Modal is a lower-level construct that is used in the following Material UI compo
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { Modal } from '@mui/base/Modal';
-
-export default function MyApp() {
-  return <Modal>{/* the modal's content */}</Modal>;
-}
 ```
 
-### Basics
-
 The following demo shows how to create and style a basic modal.
 Click **Open modal** to see how it behaves:
 
@@ -84,12 +67,12 @@ The following demo shows how to nest one Modal within another:
 
 You can animate the open and close states of a Modal using a transition component, as long as that component fulfills the following requirements:
 
-- Is a direct child descendant of the modal
+- Is a direct child descendant of the Modal
 - Has an `in` prop—this corresponds to the open/close state
 - Calls the `onEnter` callback prop when the enter transition starts
 - Calls the `onExited` callback prop when the exit transition is completed
   :::info
-  The `onEnter` and `onExited` callbacks tell the modal to unmount the child content when closed and fully transitioned.
+  The `onEnter` and `onExited` callbacks tell the Modal to unmount the child content when closed and fully transitioned.
   :::
 
 Modal has built-in support for [react-transition-group](https://github.com/reactjs/react-transition-group):
@@ -102,12 +85,12 @@ You can also use [react-spring](https://github.com/pmndrs/react-spring) with Mod
 
 ### Performance
 
-The Modal's content is unmounted when it is not open.
-This means that it will need to be re-mounted each time it is opened.
+The Modal's content is unmounted when it's not open.
+This means that it will need to be re-mounted each time it's opened.
 
-If you are rendering expensive component trees inside your Modal, and you want to optimize for interaction responsiveness, you can change this default behavior by enabling the `keepMounted` prop.
+If you're rendering expensive component trees inside your Modal, and you want to optimize for interaction responsiveness, you can change this default behavior by enabling the `keepMounted` prop.
 
-You can also use the `keepMounted` prop if you want to make the content of the modal available to search engines (even when the modal is closed).
+You can also use the `keepMounted` prop if you want to make the content of the Modal available to search engines (even when the Modal is closed).
 
 The following demo shows how to apply this prop to keep the Modal mounted:
 
@@ -132,11 +115,11 @@ In order to display a Modal rendered on the server, you need to disable the port
 
 ### Overflow layout shift
 
-The modal disables the page scrolling while open by setting `overflow: hidden` as inline-style on the relevant scroll container, this hides the scrollbar and hence impacts the page layout.
-To compensate for this offset and avoid a layout shift, the modal also set a padding property on the scroll container (~15px under normal conditions).
+The Modal disables the page scrolling while open by setting `overflow: hidden` as inline-style on the relevant scroll container, this hides the scrollbar and hence impacts the page layout.
+To compensate for this offset and avoid a layout shift, the Modal also set a padding property on the scroll container (~15px under normal conditions).
 
 This can create a layout shift with `position: fixed` and `position: sticky` elements.
-You need to add the `.mui-fixed` class name on these elements so the modal can add a CSS padding property when the scroll is disabled.
+You need to add the `.mui-fixed` class name on these elements so the Modal can add a CSS padding property when the scroll is disabled.
 
 ```jsx
 <Box sx={{ position: 'sticky', right: 0, top: 0, left: 0 }} className="mui-fixed">
@@ -148,7 +131,36 @@ Modal moves the focus back to the body of the component if the focus tries to es
 
 This is done for accessibility purposes, but it can potentially create issues for your users.
 
-If the user needs to interact with another part of the page—for example, to interact with a chatbot window while a modal is open in the parent app—you can disable the default behavior with the `disableEnforceFocus` prop.
+If the user needs to interact with another part of the page—for example, to interact with a chatbot window while a Modal is open in the parent app—you can disable the default behavior with the `disableEnforceFocus` prop.
+
+## Hook
+
+```js
+import useModal from '@mui/base/unstable_useModal';
+```
+
+The `useModal` hook lets you apply the functionality of a Modal to a fully custom component.
+It returns props to be placed on the custom component, along with fields representing the component's internal state.
+
+Hooks _do not_ support [slot props](#custom-structure), but they do support [customization props](#customization).
+
+:::info
+Hooks give you the most room for customization, but require more work to implement.
+With hooks, you can take full control over how your component is rendered, and define all the custom props and CSS classes you need.
+
+You may not need to use hooks unless you find that you're limited by the customization options of their component counterparts—for instance, if your component requires significantly different [structure](#anatomy).
+:::
+
+The following demo shows how to build the same Modal as the one found in the [Component](#component) section above, but with the `useModal` hook:
+
+{{"demo": "UseModal.js", "defaultCodeOpen": true}}
+
+If you use a ref to store a reference to the root element, pass it to the `useModal`'s `ref` parameter, as shown in the demo above.
+It will get merged with a ref used internally in the hook.
+
+:::warning
+Do not add the `ref` parameter to the root element manually, as the correct ref is already a part of the object returned by the `getRootProps` function.
+:::
 
 ## Accessibility
 
diff --git a/docs/data/base/components/no-ssr/no-ssr.md b/docs/data/base/components/no-ssr/no-ssr.md
index 2515ac696fd17a..a844312b759c87 100644
--- a/docs/data/base/components/no-ssr/no-ssr.md
+++ b/docs/data/base/components/no-ssr/no-ssr.md
@@ -26,20 +26,10 @@ This component can be useful in a variety of situations:
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { NoSsr } from '@mui/base/NoSsr';
-
-export default function MyApp() {
-  return <NoSsr>{/* element to be rendered on the client side */}</NoSsr>;
-}
 ```
 
-### Basics
-
 At its core, the No-SSR component's purpose is to defer rendering from the server to the client, as shown in the following demo:
 
 {{"demo": "SimpleNoSsr.js"}}
diff --git a/docs/data/base/components/number-input/NumberInputAdornments.js b/docs/data/base/components/number-input/NumberInputAdornments.js
new file mode 100644
index 00000000000000..9968fb8d79420b
--- /dev/null
+++ b/docs/data/base/components/number-input/NumberInputAdornments.js
@@ -0,0 +1,185 @@
+import * as React from 'react';
+import {
+  Unstable_NumberInput as NumberInput,
+  numberInputClasses,
+} from '@mui/base/Unstable_NumberInput';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/system';
+
+const CustomNumberInput = React.forwardRef(function CustomNumberInput(props, ref) {
+  return (
+    <NumberInput
+      slots={{
+        root: StyledInputRoot,
+        input: StyledInputElement,
+        incrementButton: StyledButton,
+        decrementButton: StyledButton,
+      }}
+      slotProps={{
+        incrementButton: {
+          children: <span className="arrow">▴</span>,
+        },
+        decrementButton: {
+          children: <span className="arrow">▾</span>,
+        },
+      }}
+      {...props}
+      ref={ref}
+    />
+  );
+});
+
+export default function NumberInputAdornments() {
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        flexDirection: { xs: 'column', sm: 'row' },
+        gap: 2,
+      }}
+    >
+      <CustomNumberInput
+        startAdornment={
+          <InputAdornment>
+            <svg
+              // From Feather: https://feathericons.com/?query=dollar-sign
+              xmlns="http://www.w3.org/2000/svg"
+              height="18"
+              viewBox="0 0 24 24"
+              width="18"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2.5"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            >
+              <path d="M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" />
+            </svg>
+          </InputAdornment>
+        }
+      />
+      <CustomNumberInput endAdornment={<InputAdornment>kg</InputAdornment>} />
+    </Box>
+  );
+}
+
+const InputAdornment = styled('div')(
+  ({ theme }) => `
+  margin: 8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  grid-row: 1/3;
+  color: ${theme.palette.mode === 'dark' ? grey[500] : grey[700]};
+`,
+);
+
+const blue = {
+  100: '#DAECFF',
+  200: '#b6daff',
+  400: '#3399FF',
+  500: '#007FFF',
+  600: '#0072E5',
+  900: '#003A75',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+const StyledInputRoot = styled('div')(
+  ({ theme }) => `
+  font-family: IBM Plex Sans, sans-serif;
+  font-weight: 400;
+  border-radius: 8px;
+  color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
+  background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
+  border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+  display: grid;
+  grid-template-columns: auto 1fr auto 19px;
+  grid-template-rows: 1fr 1fr;
+  overflow: hidden;
+
+
+  &.${numberInputClasses.focused} {
+    border-color: ${blue[400]};
+    box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[600] : blue[200]};
+  }
+
+  &:hover {
+    border-color: ${blue[400]};
+  }
+
+  // firefox
+  &:focus-visible {
+    outline: 0;
+  }
+`,
+);
+
+const StyledInputElement = styled('input')`
+  font-size: 0.875rem;
+  font-family: inherit;
+  font-weight: 400;
+  line-height: 1.5;
+  grid-row: 1/3;
+  color: inherit;
+  background: inherit;
+  border: none;
+  border-radius: inherit;
+  padding: 8px 12px;
+  outline: 0;
+`;
+
+const StyledButton = styled('button')(
+  ({ theme }) => `
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  appearance: none;
+  padding: 0;
+  width: 19px;
+  height: 19px;
+  font-family: system-ui, sans-serif;
+  font-size: 0.875rem;
+  line-height: 1;
+  box-sizing: border-box;
+  background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
+  border: 0;
+  color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
+
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 120ms;
+
+  &:hover {
+    background: ${theme.palette.mode === 'dark' ? grey[800] : grey[50]};
+    border-color: ${theme.palette.mode === 'dark' ? grey[600] : grey[300]};
+    cursor: pointer;
+  }
+
+  &.${numberInputClasses.incrementButton} {
+    grid-column: 4/5;
+    grid-row: 1/2;
+  }
+
+  &.${numberInputClasses.decrementButton} {
+    grid-column: 4/5;
+    grid-row: 2/3;
+  }
+
+  & .arrow {
+    transform: translateY(-1px);
+  }
+`,
+);
diff --git a/docs/data/base/components/number-input/NumberInputAdornments.tsx b/docs/data/base/components/number-input/NumberInputAdornments.tsx
new file mode 100644
index 00000000000000..05194d9422d6de
--- /dev/null
+++ b/docs/data/base/components/number-input/NumberInputAdornments.tsx
@@ -0,0 +1,189 @@
+import * as React from 'react';
+import {
+  Unstable_NumberInput as NumberInput,
+  NumberInputProps,
+  numberInputClasses,
+} from '@mui/base/Unstable_NumberInput';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/system';
+
+const CustomNumberInput = React.forwardRef(function CustomNumberInput(
+  props: NumberInputProps,
+  ref: React.ForwardedRef<HTMLDivElement>,
+) {
+  return (
+    <NumberInput
+      slots={{
+        root: StyledInputRoot,
+        input: StyledInputElement,
+        incrementButton: StyledButton,
+        decrementButton: StyledButton,
+      }}
+      slotProps={{
+        incrementButton: {
+          children: <span className="arrow">▴</span>,
+        },
+        decrementButton: {
+          children: <span className="arrow">▾</span>,
+        },
+      }}
+      {...props}
+      ref={ref}
+    />
+  );
+});
+
+export default function NumberInputAdornments() {
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        flexDirection: { xs: 'column', sm: 'row' },
+        gap: 2,
+      }}
+    >
+      <CustomNumberInput
+        startAdornment={
+          <InputAdornment>
+            <svg
+              // From Feather: https://feathericons.com/?query=dollar-sign
+              xmlns="http://www.w3.org/2000/svg"
+              height="18"
+              viewBox="0 0 24 24"
+              width="18"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2.5"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            >
+              <path d="M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" />
+            </svg>
+          </InputAdornment>
+        }
+      />
+      <CustomNumberInput endAdornment={<InputAdornment>kg</InputAdornment>} />
+    </Box>
+  );
+}
+
+const InputAdornment = styled('div')(
+  ({ theme }) => `
+  margin: 8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  grid-row: 1/3;
+  color: ${theme.palette.mode === 'dark' ? grey[500] : grey[700]};
+`,
+);
+
+const blue = {
+  100: '#DAECFF',
+  200: '#b6daff',
+  400: '#3399FF',
+  500: '#007FFF',
+  600: '#0072E5',
+  900: '#003A75',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+const StyledInputRoot = styled('div')(
+  ({ theme }) => `
+  font-family: IBM Plex Sans, sans-serif;
+  font-weight: 400;
+  border-radius: 8px;
+  color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
+  background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
+  border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+  display: grid;
+  grid-template-columns: auto 1fr auto 19px;
+  grid-template-rows: 1fr 1fr;
+  overflow: hidden;
+
+
+  &.${numberInputClasses.focused} {
+    border-color: ${blue[400]};
+    box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[600] : blue[200]};
+  }
+
+  &:hover {
+    border-color: ${blue[400]};
+  }
+
+  // firefox
+  &:focus-visible {
+    outline: 0;
+  }
+`,
+);
+
+const StyledInputElement = styled('input')`
+  font-size: 0.875rem;
+  font-family: inherit;
+  font-weight: 400;
+  line-height: 1.5;
+  grid-row: 1/3;
+  color: inherit;
+  background: inherit;
+  border: none;
+  border-radius: inherit;
+  padding: 8px 12px;
+  outline: 0;
+`;
+
+const StyledButton = styled('button')(
+  ({ theme }) => `
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  appearance: none;
+  padding: 0;
+  width: 19px;
+  height: 19px;
+  font-family: system-ui, sans-serif;
+  font-size: 0.875rem;
+  line-height: 1;
+  box-sizing: border-box;
+  background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
+  border: 0;
+  color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
+
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 120ms;
+
+  &:hover {
+    background: ${theme.palette.mode === 'dark' ? grey[800] : grey[50]};
+    border-color: ${theme.palette.mode === 'dark' ? grey[600] : grey[300]};
+    cursor: pointer;
+  }
+
+  &.${numberInputClasses.incrementButton} {
+    grid-column: 4/5;
+    grid-row: 1/2;
+  }
+
+  &.${numberInputClasses.decrementButton} {
+    grid-column: 4/5;
+    grid-row: 2/3;
+  }
+
+  & .arrow {
+    transform: translateY(-1px);
+  }
+`,
+);
diff --git a/docs/data/base/components/number-input/NumberInputBasic/css/index.js b/docs/data/base/components/number-input/NumberInputBasic/css/index.js
index aa79a9bee7f62f..3d92189881e739 100644
--- a/docs/data/base/components/number-input/NumberInputBasic/css/index.js
+++ b/docs/data/base/components/number-input/NumberInputBasic/css/index.js
@@ -11,9 +11,15 @@ export default function NumberInputBasic() {
       <NumberInput
         slotProps={{
           root: { className: 'CustomNumberInput' },
-          input: { className: 'input' },
-          decrementButton: { className: 'btn decrement', children: '▾' },
-          incrementButton: { className: 'btn increment', children: '▴' },
+          input: { className: 'CustomNumberInput-input' },
+          decrementButton: {
+            className: 'CustomNumberInput-button CustomNumberInput-decrementButton',
+            children: '▾',
+          },
+          incrementButton: {
+            className: 'CustomNumberInput-button CustomNumberInput-incrementButton',
+            children: '▴',
+          },
         }}
         aria-label="Demo number input"
         placeholder="Type a number…"
@@ -86,7 +92,7 @@ function Styles() {
         box-shadow: 0 0 0 3px ${isDarkMode ? cyan[500] : cyan[200]};
       }
 
-      .CustomNumberInput .input {
+      .CustomNumberInput .CustomNumberInput-input {
         font-family: inherit;
         font-size: inherit;
         font-weight: inherit;
@@ -102,11 +108,11 @@ function Styles() {
         outline: 0;
       }
 
-      .CustomNumberInput .input:focus-visible {
+      .CustomNumberInput .CustomNumberInput-input:focus-visible {
         outline: 0;
       }
 
-      .CustomNumberInput .btn {
+      .CustomNumberInput .CustomNumberInput-button {
         display: flex;
         flex-flow: row nowrap;
         justify-content: center;
@@ -128,18 +134,18 @@ function Styles() {
         transition-duration: 120ms;
       }
 
-      .CustomNumberInput .btn:hover {
+      .CustomNumberInput .CustomNumberInput-button:hover {
         background: ${isDarkMode ? grey[800] : grey[50]};
         border-color: ${isDarkMode ? grey[600] : grey[300]};
         cursor: pointer;
       }
 
-      .CustomNumberInput .btn.increment {
+      .CustomNumberInput .CustomNumberInput-button.CustomNumberInput-incrementButton {
         grid-column: 2/3;
         grid-row: 1/2;
       }
 
-      .CustomNumberInput .btn.decrement {
+      .CustomNumberInput .CustomNumberInput-button.CustomNumberInput-decrementButton {
         grid-column: 2/3;
         grid-row: 2/3;
       }
diff --git a/docs/data/base/components/number-input/NumberInputBasic/css/index.tsx b/docs/data/base/components/number-input/NumberInputBasic/css/index.tsx
index aa79a9bee7f62f..3d92189881e739 100644
--- a/docs/data/base/components/number-input/NumberInputBasic/css/index.tsx
+++ b/docs/data/base/components/number-input/NumberInputBasic/css/index.tsx
@@ -11,9 +11,15 @@ export default function NumberInputBasic() {
       <NumberInput
         slotProps={{
           root: { className: 'CustomNumberInput' },
-          input: { className: 'input' },
-          decrementButton: { className: 'btn decrement', children: '▾' },
-          incrementButton: { className: 'btn increment', children: '▴' },
+          input: { className: 'CustomNumberInput-input' },
+          decrementButton: {
+            className: 'CustomNumberInput-button CustomNumberInput-decrementButton',
+            children: '▾',
+          },
+          incrementButton: {
+            className: 'CustomNumberInput-button CustomNumberInput-incrementButton',
+            children: '▴',
+          },
         }}
         aria-label="Demo number input"
         placeholder="Type a number…"
@@ -86,7 +92,7 @@ function Styles() {
         box-shadow: 0 0 0 3px ${isDarkMode ? cyan[500] : cyan[200]};
       }
 
-      .CustomNumberInput .input {
+      .CustomNumberInput .CustomNumberInput-input {
         font-family: inherit;
         font-size: inherit;
         font-weight: inherit;
@@ -102,11 +108,11 @@ function Styles() {
         outline: 0;
       }
 
-      .CustomNumberInput .input:focus-visible {
+      .CustomNumberInput .CustomNumberInput-input:focus-visible {
         outline: 0;
       }
 
-      .CustomNumberInput .btn {
+      .CustomNumberInput .CustomNumberInput-button {
         display: flex;
         flex-flow: row nowrap;
         justify-content: center;
@@ -128,18 +134,18 @@ function Styles() {
         transition-duration: 120ms;
       }
 
-      .CustomNumberInput .btn:hover {
+      .CustomNumberInput .CustomNumberInput-button:hover {
         background: ${isDarkMode ? grey[800] : grey[50]};
         border-color: ${isDarkMode ? grey[600] : grey[300]};
         cursor: pointer;
       }
 
-      .CustomNumberInput .btn.increment {
+      .CustomNumberInput .CustomNumberInput-button.CustomNumberInput-incrementButton {
         grid-column: 2/3;
         grid-row: 1/2;
       }
 
-      .CustomNumberInput .btn.decrement {
+      .CustomNumberInput .CustomNumberInput-button.CustomNumberInput-decrementButton {
         grid-column: 2/3;
         grid-row: 2/3;
       }
diff --git a/docs/data/base/components/number-input/NumberInputBasic/css/index.tsx.preview b/docs/data/base/components/number-input/NumberInputBasic/css/index.tsx.preview
deleted file mode 100644
index beb20ef0d8c30d..00000000000000
--- a/docs/data/base/components/number-input/NumberInputBasic/css/index.tsx.preview
+++ /dev/null
@@ -1,13 +0,0 @@
-<React.Fragment>
-  <NumberInput
-    slotProps={{
-      root: { className: 'CustomNumberInput' },
-      input: { className: 'input' },
-      decrementButton: { className: 'btn decrement', children: '▾' },
-      incrementButton: { className: 'btn increment', children: '▴' },
-    }}
-    aria-label="Demo number input"
-    placeholder="Type a number…"
-  />
-  <Styles />
-</React.Fragment>
\ No newline at end of file
diff --git a/docs/data/base/components/number-input/NumberInputBasic/system/index.js b/docs/data/base/components/number-input/NumberInputBasic/system/index.js
index b5920b72210369..2a708e438c961e 100644
--- a/docs/data/base/components/number-input/NumberInputBasic/system/index.js
+++ b/docs/data/base/components/number-input/NumberInputBasic/system/index.js
@@ -126,7 +126,6 @@ const StyledButton = styled('button')(
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 0;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 120ms;
@@ -141,7 +140,7 @@ const StyledButton = styled('button')(
     grid-column: 2/3;
     grid-row: 1/2;
   }
-  
+
   &.${numberInputClasses.decrementButton} {
     grid-column: 2/3;
     grid-row: 2/3;
diff --git a/docs/data/base/components/number-input/NumberInputBasic/system/index.tsx b/docs/data/base/components/number-input/NumberInputBasic/system/index.tsx
index 0c6d88aa426446..57e0b14b9cbf23 100644
--- a/docs/data/base/components/number-input/NumberInputBasic/system/index.tsx
+++ b/docs/data/base/components/number-input/NumberInputBasic/system/index.tsx
@@ -130,7 +130,6 @@ const StyledButton = styled('button')(
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 0;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 120ms;
@@ -145,7 +144,7 @@ const StyledButton = styled('button')(
     grid-column: 2/3;
     grid-row: 1/2;
   }
-  
+
   &.${numberInputClasses.decrementButton} {
     grid-column: 2/3;
     grid-row: 2/3;
diff --git a/docs/data/base/components/number-input/NumberInputBasic/tailwind/index.js b/docs/data/base/components/number-input/NumberInputBasic/tailwind/index.js
index 909720dbcc48ea..154538e99c5363 100644
--- a/docs/data/base/components/number-input/NumberInputBasic/tailwind/index.js
+++ b/docs/data/base/components/number-input/NumberInputBasic/tailwind/index.js
@@ -1,48 +1,99 @@
 import * as React from 'react';
-import { Unstable_NumberInput as NumberInput } from '@mui/base/Unstable_NumberInput';
+import PropTypes from 'prop-types';
+import { Unstable_NumberInput as BaseNumberInput } from '@mui/base/Unstable_NumberInput';
 import clsx from 'clsx';
 
-const CustomNumberInput = React.forwardRef(function CustomNumberInput(props, ref) {
+export default function NumberInputBasic() {
+  const [value, setValue] = React.useState();
   return (
     <NumberInput
+      aria-label="Demo number input"
+      placeholder="Type a number…"
+      value={value}
+      onChange={(event, val) => setValue(val)}
+    />
+  );
+}
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const NumberInput = React.forwardRef(function NumberInput(props, ref) {
+  return (
+    <BaseNumberInput
+      {...props}
+      ref={ref}
       slotProps={{
-        root: (ownerState) => ({
-          className: clsx(
-            'grid grid-cols-[1fr_19px] grid-rows-2 overflow-hidden rounded-lg text-slate-900 dark:text-slate-300 border border-solid  bg-white dark:bg-slate-900  hover:border-violet-400 dark:hover:border-violet-400 focus-visible:outline-0 ',
-            ownerState.focused
-              ? 'border-violet-400 dark:border-violet-400 shadow-lg shadow-outline-purple dark:shadow-outline-purple'
-              : 'border-slate-300 dark:border-slate-600 shadow-md shadow-slate-100 dark:shadow-slate-900',
-          ),
-        }),
-        input: {
-          className:
-            'col-start-1 col-end-2 row-start-1 row-end-3 text-sm leading-normal text-slate-900 bg-inherit border-0 rounded-[inherit] dark:text-slate-300 px-3 py-2 outline-0 focus-visible:outline-0 focus-visible:outline-none',
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'grid grid-cols-[1fr_19px] grid-rows-2 overflow-hidden font-sans rounded-lg text-slate-900 dark:text-slate-300 border border-solid  bg-white dark:bg-slate-900  hover:border-violet-400 dark:hover:border-violet-400 focus-visible:outline-0 ',
+              ownerState.focused
+                ? 'border-violet-400 dark:border-violet-400 shadow-lg shadow-outline-purple dark:shadow-outline-purple'
+                : 'border-slate-300 dark:border-slate-600 shadow-md shadow-slate-100 dark:shadow-slate-900',
+              resolvedSlotProps?.className,
+            ),
+          };
         },
-        incrementButton: {
-          children: '▴',
-          className:
-            'font-[system-ui] flex flex-row flex-nowrap justify-center items-center appearance-none p-0 w-[19px] h-[19px] text-sm box-border leading-[1.2] border-0 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 transition-all duration-[120ms] hover:cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800 border-slate-300 dark:border-slate-600 col-start-2 col-end-3 row-start-1 row-end-2',
+        input: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.input,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'col-start-1 col-end-2 row-start-1 row-end-3 text-sm font-sans leading-normal text-slate-900 bg-inherit border-0 rounded-[inherit] dark:text-slate-300 px-3 py-2 outline-0 focus-visible:outline-0 focus-visible:outline-none',
+              resolvedSlotProps?.className,
+            ),
+          };
         },
-        decrementButton: {
-          children: '▾',
-          className:
-            'font-[system-ui] flex flex-row flex-nowrap justify-center items-center appearance-none p-0 w-[19px] h-[19px] text-sm box-border leading-[1.2] border-0 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 transition-all duration-[120ms] hover:cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800 border-slate-300 dark:border-slate-600 col-start-2 col-end-3 row-start-2 row-end-3',
+        incrementButton: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.incrementButton,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            children: '▴',
+            className: clsx(
+              'font-[system-ui] flex flex-row flex-nowrap justify-center items-center appearance-none p-0 w-[19px] h-[19px] text-sm box-border leading-[1.2] border-0 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 transition-all duration-[120ms] hover:cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800 border-slate-300 dark:border-slate-600 col-start-2 col-end-3 row-start-1 row-end-2',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        decrementButton: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.decrementButton,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            children: '▾',
+            className: clsx(
+              'font-[system-ui] flex flex-row flex-nowrap justify-center items-center appearance-none p-0 w-[19px] h-[19px] text-sm box-border leading-[1.2] border-0 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 transition-all duration-[120ms] hover:cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800 border-slate-300 dark:border-slate-600 col-start-2 col-end-3 row-start-2 row-end-3',
+              resolvedSlotProps?.className,
+            ),
+          };
         },
       }}
-      {...props}
-      ref={ref}
     />
   );
 });
 
-export default function NumberInputBasic() {
-  const [value, setValue] = React.useState();
-  return (
-    <CustomNumberInput
-      aria-label="Demo number input"
-      placeholder="Type a number…"
-      value={value}
-      onChange={(event, val) => setValue(val)}
-    />
-  );
-}
+NumberInput.propTypes = {
+  /**
+   * The props used for each slot inside the NumberInput.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    decrementButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    incrementButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+};
diff --git a/docs/data/base/components/number-input/NumberInputBasic/tailwind/index.tsx b/docs/data/base/components/number-input/NumberInputBasic/tailwind/index.tsx
index 874ebe7ed63944..082b0b257505be 100644
--- a/docs/data/base/components/number-input/NumberInputBasic/tailwind/index.tsx
+++ b/docs/data/base/components/number-input/NumberInputBasic/tailwind/index.tsx
@@ -1,55 +1,93 @@
 import * as React from 'react';
 import {
-  Unstable_NumberInput as NumberInput,
+  Unstable_NumberInput as BaseNumberInput,
   NumberInputProps,
   NumberInputOwnerState,
 } from '@mui/base/Unstable_NumberInput';
 import clsx from 'clsx';
 
-const CustomNumberInput = React.forwardRef(function CustomNumberInput(
+export default function NumberInputBasic() {
+  const [value, setValue] = React.useState<number | undefined>();
+  return (
+    <NumberInput
+      aria-label="Demo number input"
+      placeholder="Type a number…"
+      value={value}
+      onChange={(event, val) => setValue(val)}
+    />
+  );
+}
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const NumberInput = React.forwardRef(function NumberInput(
   props: NumberInputProps,
   ref: React.ForwardedRef<HTMLDivElement>,
 ) {
   return (
-    <NumberInput
+    <BaseNumberInput
+      {...props}
+      ref={ref}
       slotProps={{
-        root: (ownerState: NumberInputOwnerState) => ({
-          className: clsx(
-            'grid grid-cols-[1fr_19px] grid-rows-2 overflow-hidden rounded-lg text-slate-900 dark:text-slate-300 border border-solid  bg-white dark:bg-slate-900  hover:border-violet-400 dark:hover:border-violet-400 focus-visible:outline-0 ',
-            ownerState.focused
-              ? 'border-violet-400 dark:border-violet-400 shadow-lg shadow-outline-purple dark:shadow-outline-purple'
-              : 'border-slate-300 dark:border-slate-600 shadow-md shadow-slate-100 dark:shadow-slate-900',
-          ),
-        }),
-        input: {
-          className:
-            'col-start-1 col-end-2 row-start-1 row-end-3 text-sm leading-normal text-slate-900 bg-inherit border-0 rounded-[inherit] dark:text-slate-300 px-3 py-2 outline-0 focus-visible:outline-0 focus-visible:outline-none',
+        root: (ownerState: NumberInputOwnerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'grid grid-cols-[1fr_19px] grid-rows-2 overflow-hidden font-sans rounded-lg text-slate-900 dark:text-slate-300 border border-solid  bg-white dark:bg-slate-900  hover:border-violet-400 dark:hover:border-violet-400 focus-visible:outline-0 ',
+              ownerState.focused
+                ? 'border-violet-400 dark:border-violet-400 shadow-lg shadow-outline-purple dark:shadow-outline-purple'
+                : 'border-slate-300 dark:border-slate-600 shadow-md shadow-slate-100 dark:shadow-slate-900',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        input: (ownerState: NumberInputOwnerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.input,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'col-start-1 col-end-2 row-start-1 row-end-3 text-sm font-sans leading-normal text-slate-900 bg-inherit border-0 rounded-[inherit] dark:text-slate-300 px-3 py-2 outline-0 focus-visible:outline-0 focus-visible:outline-none',
+              resolvedSlotProps?.className,
+            ),
+          };
         },
-        incrementButton: {
-          children: '▴',
-          className:
-            'font-[system-ui] flex flex-row flex-nowrap justify-center items-center appearance-none p-0 w-[19px] h-[19px] text-sm box-border leading-[1.2] border-0 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 transition-all duration-[120ms] hover:cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800 border-slate-300 dark:border-slate-600 col-start-2 col-end-3 row-start-1 row-end-2',
+        incrementButton: (ownerState: NumberInputOwnerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.incrementButton,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            children: '▴',
+            className: clsx(
+              'font-[system-ui] flex flex-row flex-nowrap justify-center items-center appearance-none p-0 w-[19px] h-[19px] text-sm box-border leading-[1.2] border-0 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 transition-all duration-[120ms] hover:cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800 border-slate-300 dark:border-slate-600 col-start-2 col-end-3 row-start-1 row-end-2',
+              resolvedSlotProps?.className,
+            ),
+          };
         },
-        decrementButton: {
-          children: '▾',
-          className:
-            'font-[system-ui] flex flex-row flex-nowrap justify-center items-center appearance-none p-0 w-[19px] h-[19px] text-sm box-border leading-[1.2] border-0 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 transition-all duration-[120ms] hover:cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800 border-slate-300 dark:border-slate-600 col-start-2 col-end-3 row-start-2 row-end-3',
+        decrementButton: (ownerState: NumberInputOwnerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.decrementButton,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            children: '▾',
+            className: clsx(
+              'font-[system-ui] flex flex-row flex-nowrap justify-center items-center appearance-none p-0 w-[19px] h-[19px] text-sm box-border leading-[1.2] border-0 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 transition-all duration-[120ms] hover:cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800 border-slate-300 dark:border-slate-600 col-start-2 col-end-3 row-start-2 row-end-3',
+              resolvedSlotProps?.className,
+            ),
+          };
         },
       }}
-      {...props}
-      ref={ref}
     />
   );
 });
-
-export default function NumberInputBasic() {
-  const [value, setValue] = React.useState<number | undefined>();
-  return (
-    <CustomNumberInput
-      aria-label="Demo number input"
-      placeholder="Type a number…"
-      value={value}
-      onChange={(event, val) => setValue(val)}
-    />
-  );
-}
diff --git a/docs/data/base/components/number-input/NumberInputBasic/tailwind/index.tsx.preview b/docs/data/base/components/number-input/NumberInputBasic/tailwind/index.tsx.preview
index a2ecd626c6645c..387ab94b94158e 100644
--- a/docs/data/base/components/number-input/NumberInputBasic/tailwind/index.tsx.preview
+++ b/docs/data/base/components/number-input/NumberInputBasic/tailwind/index.tsx.preview
@@ -1,4 +1,4 @@
-<CustomNumberInput
+<NumberInput
   aria-label="Demo number input"
   placeholder="Type a number…"
   value={value}
diff --git a/docs/data/base/components/number-input/NumberInputIntroduction/css/index.js b/docs/data/base/components/number-input/NumberInputIntroduction/css/index.js
new file mode 100644
index 00000000000000..e277fbecc169b8
--- /dev/null
+++ b/docs/data/base/components/number-input/NumberInputIntroduction/css/index.js
@@ -0,0 +1,157 @@
+import * as React from 'react';
+import {
+  Unstable_NumberInput as NumberInput,
+  numberInputClasses,
+} from '@mui/base/Unstable_NumberInput';
+import { useTheme } from '@mui/system';
+
+export default function NumberInputIntroduction() {
+  return (
+    <React.Fragment>
+      <NumberInput
+        slotProps={{
+          root: { className: 'CustomNumberInput' },
+          input: { className: 'CustomNumberInput-input' },
+          decrementButton: {
+            className: 'CustomNumberInput-button CustomNumberInput-decrementButton',
+            children: <span className="arrow">▾</span>,
+          },
+          incrementButton: {
+            className: 'CustomNumberInput-button CustomNumberInput-incrementButton',
+            children: <span className="arrow">▴</span>,
+          },
+        }}
+        aria-label="Demo number input"
+        placeholder="Type a number…"
+      />
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#F3F6F9',
+  100: '#E7EBF0',
+  200: '#E0E3E7',
+  300: '#CDD2D7',
+  400: '#B2BAC2',
+  500: '#A0AAB4',
+  600: '#6F7E8C',
+  700: '#3E5060',
+  800: '#2D3843',
+  900: '#1A2027',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>
+      {`
+      .CustomNumberInput {
+        font-family: IBM Plex Sans, sans-serif;
+        font-size: 0.875rem;
+        font-weight: 400;
+        line-height: 1.5;
+        border-radius: 8px;
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        box-shadow: 0px 2px 24px ${isDarkMode ? grey[900] : grey[100]};
+        display: grid;
+        grid-template-columns: 1fr 19px;
+        grid-template-rows: 1fr 1fr;
+        overflow: hidden;
+      }
+
+      .CustomNumberInput:hover {
+        border-color: ${cyan[400]};
+      }
+
+      .CustomNumberInput.${numberInputClasses.focused} {
+        border-color: ${cyan[400]};
+        box-shadow: 0 0 0 3px ${isDarkMode ? cyan[600] : cyan[200]};
+      }
+
+      .CustomNumberInput .CustomNumberInput-input {
+        font-family: inherit;
+        font-size: inherit;
+        font-weight: inherit;
+        line-height: inherit;
+        grid-column: 1/2;
+        grid-row: 1/3;
+        color: red;
+        background: inherit;
+        border: none;
+        border-radius: inherit;
+        padding: 8px 12px;
+        outline: 0;
+      }
+
+      .CustomNumberInput .CustomNumberInput-button:focus-visible {
+        outline: 0;
+      }
+
+      .CustomNumberInput .CustomNumberInput-button {
+        display: flex;
+        flex-flow: row nowrap;
+        justify-content: center;
+        align-items: center;
+        appearance: none;
+        padding: 0;
+        width: 19px;
+        height: 19px;
+        font-family: system-ui, sans-serif;
+        font-size: 0.875rem;
+        box-sizing: border-box;
+        line-height: 1;
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        border: 0;
+
+        transition-property: all;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 120ms;
+      }
+
+      .CustomNumberInput .CustomNumberInput-button:hover {
+        background: ${isDarkMode ? grey[800] : grey[50]};
+        border-color: ${isDarkMode ? grey[600] : grey[300]};
+        cursor: pointer;
+      }
+
+      .CustomNumberInput .CustomNumberInput-button.CustomNumberInput-incrementButton {
+        grid-column: 2/3;
+        grid-row: 1/2;
+      }
+
+      .CustomNumberInput .CustomNumberInput-button.CustomNumberInput-decrementButton {
+        grid-column: 2/3;
+        grid-row: 2/3;
+      }
+      & .arrow {
+        transform: translateY(-1px);
+      }
+      `}
+    </style>
+  );
+}
diff --git a/docs/data/base/components/number-input/NumberInputIntroduction/css/index.tsx b/docs/data/base/components/number-input/NumberInputIntroduction/css/index.tsx
new file mode 100644
index 00000000000000..e277fbecc169b8
--- /dev/null
+++ b/docs/data/base/components/number-input/NumberInputIntroduction/css/index.tsx
@@ -0,0 +1,157 @@
+import * as React from 'react';
+import {
+  Unstable_NumberInput as NumberInput,
+  numberInputClasses,
+} from '@mui/base/Unstable_NumberInput';
+import { useTheme } from '@mui/system';
+
+export default function NumberInputIntroduction() {
+  return (
+    <React.Fragment>
+      <NumberInput
+        slotProps={{
+          root: { className: 'CustomNumberInput' },
+          input: { className: 'CustomNumberInput-input' },
+          decrementButton: {
+            className: 'CustomNumberInput-button CustomNumberInput-decrementButton',
+            children: <span className="arrow">▾</span>,
+          },
+          incrementButton: {
+            className: 'CustomNumberInput-button CustomNumberInput-incrementButton',
+            children: <span className="arrow">▴</span>,
+          },
+        }}
+        aria-label="Demo number input"
+        placeholder="Type a number…"
+      />
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#F3F6F9',
+  100: '#E7EBF0',
+  200: '#E0E3E7',
+  300: '#CDD2D7',
+  400: '#B2BAC2',
+  500: '#A0AAB4',
+  600: '#6F7E8C',
+  700: '#3E5060',
+  800: '#2D3843',
+  900: '#1A2027',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>
+      {`
+      .CustomNumberInput {
+        font-family: IBM Plex Sans, sans-serif;
+        font-size: 0.875rem;
+        font-weight: 400;
+        line-height: 1.5;
+        border-radius: 8px;
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        box-shadow: 0px 2px 24px ${isDarkMode ? grey[900] : grey[100]};
+        display: grid;
+        grid-template-columns: 1fr 19px;
+        grid-template-rows: 1fr 1fr;
+        overflow: hidden;
+      }
+
+      .CustomNumberInput:hover {
+        border-color: ${cyan[400]};
+      }
+
+      .CustomNumberInput.${numberInputClasses.focused} {
+        border-color: ${cyan[400]};
+        box-shadow: 0 0 0 3px ${isDarkMode ? cyan[600] : cyan[200]};
+      }
+
+      .CustomNumberInput .CustomNumberInput-input {
+        font-family: inherit;
+        font-size: inherit;
+        font-weight: inherit;
+        line-height: inherit;
+        grid-column: 1/2;
+        grid-row: 1/3;
+        color: red;
+        background: inherit;
+        border: none;
+        border-radius: inherit;
+        padding: 8px 12px;
+        outline: 0;
+      }
+
+      .CustomNumberInput .CustomNumberInput-button:focus-visible {
+        outline: 0;
+      }
+
+      .CustomNumberInput .CustomNumberInput-button {
+        display: flex;
+        flex-flow: row nowrap;
+        justify-content: center;
+        align-items: center;
+        appearance: none;
+        padding: 0;
+        width: 19px;
+        height: 19px;
+        font-family: system-ui, sans-serif;
+        font-size: 0.875rem;
+        box-sizing: border-box;
+        line-height: 1;
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        border: 0;
+
+        transition-property: all;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 120ms;
+      }
+
+      .CustomNumberInput .CustomNumberInput-button:hover {
+        background: ${isDarkMode ? grey[800] : grey[50]};
+        border-color: ${isDarkMode ? grey[600] : grey[300]};
+        cursor: pointer;
+      }
+
+      .CustomNumberInput .CustomNumberInput-button.CustomNumberInput-incrementButton {
+        grid-column: 2/3;
+        grid-row: 1/2;
+      }
+
+      .CustomNumberInput .CustomNumberInput-button.CustomNumberInput-decrementButton {
+        grid-column: 2/3;
+        grid-row: 2/3;
+      }
+      & .arrow {
+        transform: translateY(-1px);
+      }
+      `}
+    </style>
+  );
+}
diff --git a/docs/data/base/components/number-input/NumberInputIntroduction.js b/docs/data/base/components/number-input/NumberInputIntroduction/system/index.js
similarity index 94%
rename from docs/data/base/components/number-input/NumberInputIntroduction.js
rename to docs/data/base/components/number-input/NumberInputIntroduction/system/index.js
index 54d5a32ea056ed..08b7d982256a42 100644
--- a/docs/data/base/components/number-input/NumberInputIntroduction.js
+++ b/docs/data/base/components/number-input/NumberInputIntroduction/system/index.js
@@ -16,10 +16,10 @@ const CustomNumberInput = React.forwardRef(function CustomNumberInput(props, ref
       }}
       slotProps={{
         incrementButton: {
-          children: '▴',
+          children: <span className="arrow">▴</span>,
         },
         decrementButton: {
-          children: '▾',
+          children: <span className="arrow">▾</span>,
         },
       }}
       {...props}
@@ -116,12 +116,11 @@ const StyledButton = styled('button')(
   height: 19px;
   font-family: system-ui, sans-serif;
   font-size: 0.875rem;
+  line-height: 1;
   box-sizing: border-box;
-  line-height: 1.2;
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 0;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 120ms;
@@ -136,10 +135,14 @@ const StyledButton = styled('button')(
     grid-column: 2/3;
     grid-row: 1/2;
   }
-  
+
   &.${numberInputClasses.decrementButton} {
     grid-column: 2/3;
     grid-row: 2/3;
   }
+
+  & .arrow {
+    transform: translateY(-1px);
+  }
 `,
 );
diff --git a/docs/data/base/components/number-input/NumberInputIntroduction.tsx b/docs/data/base/components/number-input/NumberInputIntroduction/system/index.tsx
similarity index 94%
rename from docs/data/base/components/number-input/NumberInputIntroduction.tsx
rename to docs/data/base/components/number-input/NumberInputIntroduction/system/index.tsx
index df41c99be9c9d0..41c83fc1a34bbe 100644
--- a/docs/data/base/components/number-input/NumberInputIntroduction.tsx
+++ b/docs/data/base/components/number-input/NumberInputIntroduction/system/index.tsx
@@ -20,10 +20,10 @@ const CustomNumberInput = React.forwardRef(function CustomNumberInput(
       }}
       slotProps={{
         incrementButton: {
-          children: '▴',
+          children: <span className="arrow">▴</span>,
         },
         decrementButton: {
-          children: '▾',
+          children: <span className="arrow">▾</span>,
         },
       }}
       {...props}
@@ -120,12 +120,11 @@ const StyledButton = styled('button')(
   height: 19px;
   font-family: system-ui, sans-serif;
   font-size: 0.875rem;
+  line-height: 1;
   box-sizing: border-box;
-  line-height: 1.2;
   background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
   border: 0;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 120ms;
@@ -140,10 +139,14 @@ const StyledButton = styled('button')(
     grid-column: 2/3;
     grid-row: 1/2;
   }
-  
+
   &.${numberInputClasses.decrementButton} {
     grid-column: 2/3;
     grid-row: 2/3;
   }
+
+  & .arrow {
+    transform: translateY(-1px);
+  }
 `,
 );
diff --git a/docs/data/base/components/number-input/NumberInputIntroduction.tsx.preview b/docs/data/base/components/number-input/NumberInputIntroduction/system/index.tsx.preview
similarity index 100%
rename from docs/data/base/components/number-input/NumberInputIntroduction.tsx.preview
rename to docs/data/base/components/number-input/NumberInputIntroduction/system/index.tsx.preview
diff --git a/docs/data/base/components/number-input/NumberInputIntroduction/tailwind/index.js b/docs/data/base/components/number-input/NumberInputIntroduction/tailwind/index.js
new file mode 100644
index 00000000000000..65dbad2750b421
--- /dev/null
+++ b/docs/data/base/components/number-input/NumberInputIntroduction/tailwind/index.js
@@ -0,0 +1,99 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { Unstable_NumberInput as BaseNumberInput } from '@mui/base/Unstable_NumberInput';
+import clsx from 'clsx';
+
+export default function NumberInputIntroduction() {
+  const [value, setValue] = React.useState();
+  return (
+    <NumberInput
+      aria-label="Demo number input"
+      placeholder="Type a number…"
+      value={value}
+      onChange={(event, val) => setValue(val)}
+    />
+  );
+}
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const NumberInput = React.forwardRef(function NumberInput(props, ref) {
+  return (
+    <BaseNumberInput
+      {...props}
+      ref={ref}
+      slotProps={{
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'grid grid-cols-[1fr_19px] grid-rows-2 overflow-hidden font-sans rounded-lg text-slate-900 dark:text-slate-300 border border-solid  bg-white dark:bg-slate-900  hover:border-violet-400 dark:hover:border-violet-400 focus-visible:outline-0 ',
+              ownerState.focused
+                ? 'border-violet-400 dark:border-violet-400 shadow-lg shadow-outline-purple dark:shadow-outline-purple'
+                : 'border-slate-300 dark:border-slate-600 shadow-md shadow-slate-100 dark:shadow-slate-900',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        input: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.input,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'col-start-1 col-end-2 row-start-1 row-end-3 text-sm font-sans leading-normal text-slate-900 bg-inherit border-0 rounded-[inherit] dark:text-slate-300 px-3 py-2 outline-0 focus-visible:outline-0 focus-visible:outline-none',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        incrementButton: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.incrementButton,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            children: '▴',
+            className: clsx(
+              'font-[system-ui] flex flex-row flex-nowrap justify-center items-center appearance-none p-0 w-[19px] h-[19px] text-sm box-border leading-[1.2] border-0 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 transition-all duration-[120ms] hover:cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800 border-slate-300 dark:border-slate-600 col-start-2 col-end-3 row-start-1 row-end-2',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        decrementButton: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.decrementButton,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            children: '▾',
+            className: clsx(
+              'font-[system-ui] flex flex-row flex-nowrap justify-center items-center appearance-none p-0 w-[19px] h-[19px] text-sm box-border leading-[1.2] border-0 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 transition-all duration-[120ms] hover:cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800 border-slate-300 dark:border-slate-600 col-start-2 col-end-3 row-start-2 row-end-3',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+NumberInput.propTypes = {
+  /**
+   * The props used for each slot inside the NumberInput.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    decrementButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    incrementButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+};
diff --git a/docs/data/base/components/number-input/NumberInputIntroduction/tailwind/index.tsx b/docs/data/base/components/number-input/NumberInputIntroduction/tailwind/index.tsx
new file mode 100644
index 00000000000000..51f54e45ff6700
--- /dev/null
+++ b/docs/data/base/components/number-input/NumberInputIntroduction/tailwind/index.tsx
@@ -0,0 +1,93 @@
+import * as React from 'react';
+import {
+  Unstable_NumberInput as BaseNumberInput,
+  NumberInputProps,
+  NumberInputOwnerState,
+} from '@mui/base/Unstable_NumberInput';
+import clsx from 'clsx';
+
+export default function NumberInputIntroduction() {
+  const [value, setValue] = React.useState<number | undefined>();
+  return (
+    <NumberInput
+      aria-label="Demo number input"
+      placeholder="Type a number…"
+      value={value}
+      onChange={(event, val) => setValue(val)}
+    />
+  );
+}
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const NumberInput = React.forwardRef(function NumberInput(
+  props: NumberInputProps,
+  ref: React.ForwardedRef<HTMLDivElement>,
+) {
+  return (
+    <BaseNumberInput
+      {...props}
+      ref={ref}
+      slotProps={{
+        root: (ownerState: NumberInputOwnerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'grid grid-cols-[1fr_19px] grid-rows-2 overflow-hidden font-sans rounded-lg text-slate-900 dark:text-slate-300 border border-solid  bg-white dark:bg-slate-900  hover:border-violet-400 dark:hover:border-violet-400 focus-visible:outline-0 ',
+              ownerState.focused
+                ? 'border-violet-400 dark:border-violet-400 shadow-lg shadow-outline-purple dark:shadow-outline-purple'
+                : 'border-slate-300 dark:border-slate-600 shadow-md shadow-slate-100 dark:shadow-slate-900',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        input: (ownerState: NumberInputOwnerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.input,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'col-start-1 col-end-2 row-start-1 row-end-3 text-sm font-sans leading-normal text-slate-900 bg-inherit border-0 rounded-[inherit] dark:text-slate-300 px-3 py-2 outline-0 focus-visible:outline-0 focus-visible:outline-none',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        incrementButton: (ownerState: NumberInputOwnerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.incrementButton,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            children: '▴',
+            className: clsx(
+              'font-[system-ui] flex flex-row flex-nowrap justify-center items-center appearance-none p-0 w-[19px] h-[19px] text-sm box-border leading-[1.2] border-0 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 transition-all duration-[120ms] hover:cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800 border-slate-300 dark:border-slate-600 col-start-2 col-end-3 row-start-1 row-end-2',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        decrementButton: (ownerState: NumberInputOwnerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.decrementButton,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            children: '▾',
+            className: clsx(
+              'font-[system-ui] flex flex-row flex-nowrap justify-center items-center appearance-none p-0 w-[19px] h-[19px] text-sm box-border leading-[1.2] border-0 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-300 transition-all duration-[120ms] hover:cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800 border-slate-300 dark:border-slate-600 col-start-2 col-end-3 row-start-2 row-end-3',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
diff --git a/docs/data/base/components/number-input/NumberInputIntroduction/tailwind/index.tsx.preview b/docs/data/base/components/number-input/NumberInputIntroduction/tailwind/index.tsx.preview
new file mode 100644
index 00000000000000..387ab94b94158e
--- /dev/null
+++ b/docs/data/base/components/number-input/NumberInputIntroduction/tailwind/index.tsx.preview
@@ -0,0 +1,6 @@
+<NumberInput
+  aria-label="Demo number input"
+  placeholder="Type a number…"
+  value={value}
+  onChange={(event, val) => setValue(val)}
+/>
\ No newline at end of file
diff --git a/docs/data/base/components/number-input/QuantityInput/system/index.js b/docs/data/base/components/number-input/QuantityInput/system/index.js
index bb48c57411a7a8..d6e947347003a6 100644
--- a/docs/data/base/components/number-input/QuantityInput/system/index.js
+++ b/docs/data/base/components/number-input/QuantityInput/system/index.js
@@ -60,7 +60,6 @@ const StyledInputRoot = styled('div')(
   font-family: IBM Plex Sans, sans-serif;
   font-weight: 400;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
-  
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
@@ -110,14 +109,12 @@ const StyledButton = styled('button')(
   border-radius: 999px;
   color: ${theme.palette.mode === 'dark' ? blue[300] : blue[600]};
   background: transparent;
-
   width: 40px;
   height: 40px;
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
-
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 120ms;
diff --git a/docs/data/base/components/number-input/QuantityInput/system/index.tsx b/docs/data/base/components/number-input/QuantityInput/system/index.tsx
index 4cd346988c5225..a9ef7fcfa7dc1b 100644
--- a/docs/data/base/components/number-input/QuantityInput/system/index.tsx
+++ b/docs/data/base/components/number-input/QuantityInput/system/index.tsx
@@ -66,7 +66,6 @@ const StyledInputRoot = styled('div')(
   font-family: IBM Plex Sans, sans-serif;
   font-weight: 400;
   color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
-  
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
@@ -116,14 +115,12 @@ const StyledButton = styled('button')(
   border-radius: 999px;
   color: ${theme.palette.mode === 'dark' ? blue[300] : blue[600]};
   background: transparent;
-
   width: 40px;
   height: 40px;
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
-
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 120ms;
diff --git a/docs/data/base/components/number-input/QuantityInput/tailwind/index.js b/docs/data/base/components/number-input/QuantityInput/tailwind/index.js
index 18c068d4aeed24..9d7d2e9e7f85b8 100644
--- a/docs/data/base/components/number-input/QuantityInput/tailwind/index.js
+++ b/docs/data/base/components/number-input/QuantityInput/tailwind/index.js
@@ -9,21 +9,21 @@ const CustomNumberInput = React.forwardRef(function CustomNumberInput(props, ref
       slotProps={{
         root: {
           className:
-            'leading-snug text-slate-900 dark:text-slate-300 flex flex-row flex-nowrap justify-center items-center',
+            'leading-snug font-sans text-slate-900 dark:text-slate-300 flex flex-row flex-nowrap justify-center items-center',
         },
         input: {
           className:
-            'leading-snug text-sm text-inherit bg-white dark:bg-slate-900 border border-solid border-slate-300 dark:border-slate-600 rounded-[4px] my-0 mx-1 py-2.5 px-3 outline-0 min-w-0 w-16 text-center focus-visible:outline-0 hover:border-purple-500 dark:hover:border-purple-500 focus:border-purple-500 dark:focus:border-purple-500 focus:shadow-outline-purple dark:focus:shadow-outline-purple focus-visible:outline-none',
+            'leading-snug font-sans text-sm text-inherit bg-white dark:bg-slate-900 border border-solid border-slate-300 dark:border-slate-600 rounded-[4px] my-0 mx-1 py-2.5 px-3 outline-0 min-w-0 w-16 text-center focus-visible:outline-0 hover:border-purple-500 dark:hover:border-purple-500 focus:border-purple-500 dark:focus:border-purple-500 focus:shadow-outline-purple dark:focus:shadow-outline-purple focus-visible:outline-none',
         },
         incrementButton: {
           children: <AddIcon />,
           className:
-            'order-1 text-sm box-border leading-normal border-0 rounded-full bg-transparent w-10 h-10 flex flex-row flex-nowrap justify-center items-center transition-all duration-[120ms] focus-visible:outline-0 hover:cursor-pointer hover:bg-purple-100 dark:hover:bg-purple-800',
+            'order-1 text-sm font-sans box-border leading-normal border-0 rounded-full bg-transparent w-10 h-10 flex flex-row flex-nowrap justify-center items-center transition-all duration-[120ms] focus-visible:outline-0 hover:cursor-pointer hover:bg-purple-100 dark:hover:bg-purple-800',
         },
         decrementButton: {
           children: <RemoveIcon />,
           className:
-            'text-sm box-border leading-normal border-0 rounded-full bg-transparent w-10 h-10 flex flex-row flex-nowrap justify-center items-center transition-all duration-[120ms] focus-visible:outline-0 hover:cursor-pointer hover:bg-purple-100 dark:hover:bg-purple-800',
+            'text-sm font-sans box-border leading-normal border-0 rounded-full bg-transparent w-10 h-10 flex flex-row flex-nowrap justify-center items-center transition-all duration-[120ms] focus-visible:outline-0 hover:cursor-pointer hover:bg-purple-100 dark:hover:bg-purple-800',
         },
       }}
       {...props}
diff --git a/docs/data/base/components/number-input/QuantityInput/tailwind/index.tsx b/docs/data/base/components/number-input/QuantityInput/tailwind/index.tsx
index fe282504c05161..3bdf3fd3f9fd24 100644
--- a/docs/data/base/components/number-input/QuantityInput/tailwind/index.tsx
+++ b/docs/data/base/components/number-input/QuantityInput/tailwind/index.tsx
@@ -15,21 +15,21 @@ const CustomNumberInput = React.forwardRef(function CustomNumberInput(
       slotProps={{
         root: {
           className:
-            'leading-snug text-slate-900 dark:text-slate-300 flex flex-row flex-nowrap justify-center items-center',
+            'leading-snug font-sans text-slate-900 dark:text-slate-300 flex flex-row flex-nowrap justify-center items-center',
         },
         input: {
           className:
-            'leading-snug text-sm text-inherit bg-white dark:bg-slate-900 border border-solid border-slate-300 dark:border-slate-600 rounded-[4px] my-0 mx-1 py-2.5 px-3 outline-0 min-w-0 w-16 text-center focus-visible:outline-0 hover:border-purple-500 dark:hover:border-purple-500 focus:border-purple-500 dark:focus:border-purple-500 focus:shadow-outline-purple dark:focus:shadow-outline-purple focus-visible:outline-none',
+            'leading-snug font-sans text-sm text-inherit bg-white dark:bg-slate-900 border border-solid border-slate-300 dark:border-slate-600 rounded-[4px] my-0 mx-1 py-2.5 px-3 outline-0 min-w-0 w-16 text-center focus-visible:outline-0 hover:border-purple-500 dark:hover:border-purple-500 focus:border-purple-500 dark:focus:border-purple-500 focus:shadow-outline-purple dark:focus:shadow-outline-purple focus-visible:outline-none',
         },
         incrementButton: {
           children: <AddIcon />,
           className:
-            'order-1 text-sm box-border leading-normal border-0 rounded-full bg-transparent w-10 h-10 flex flex-row flex-nowrap justify-center items-center transition-all duration-[120ms] focus-visible:outline-0 hover:cursor-pointer hover:bg-purple-100 dark:hover:bg-purple-800',
+            'order-1 text-sm font-sans box-border leading-normal border-0 rounded-full bg-transparent w-10 h-10 flex flex-row flex-nowrap justify-center items-center transition-all duration-[120ms] focus-visible:outline-0 hover:cursor-pointer hover:bg-purple-100 dark:hover:bg-purple-800',
         },
         decrementButton: {
           children: <RemoveIcon />,
           className:
-            'text-sm box-border leading-normal border-0 rounded-full bg-transparent w-10 h-10 flex flex-row flex-nowrap justify-center items-center transition-all duration-[120ms] focus-visible:outline-0 hover:cursor-pointer hover:bg-purple-100 dark:hover:bg-purple-800',
+            'text-sm font-sans box-border leading-normal border-0 rounded-full bg-transparent w-10 h-10 flex flex-row flex-nowrap justify-center items-center transition-all duration-[120ms] focus-visible:outline-0 hover:cursor-pointer hover:bg-purple-100 dark:hover:bg-purple-800',
         },
       }}
       {...props}
diff --git a/docs/data/base/components/number-input/UseNumberInputCompact/tailwind/index.js b/docs/data/base/components/number-input/UseNumberInputCompact/tailwind/index.js
index f748702537b6eb..84ae15110033aa 100644
--- a/docs/data/base/components/number-input/UseNumberInputCompact/tailwind/index.js
+++ b/docs/data/base/components/number-input/UseNumberInputCompact/tailwind/index.js
@@ -21,7 +21,7 @@ const CompactNumberInput = React.forwardRef(function CompactNumberInput(props, r
     <div
       {...getRootProps()}
       className={clsx(
-        'grid grid-cols-[2.5rem] grid-rows-[2rem_2rem] gap-y-px rounded-lg border border-solid overflow-auto text-slate-900 dark:text-slate-300 bg-slate-200 dark:bg-slate-800 border-slate-200 dark:border-slate-800 hover:border-violet-500 dark:hover:border-violet-500',
+        'grid grid-cols-[2.5rem] grid-rows-[2rem_2rem] gap-y-px font-sans rounded-lg border border-solid overflow-auto text-slate-900 dark:text-slate-300 bg-slate-200 dark:bg-slate-800 border-slate-200 dark:border-slate-800 hover:border-violet-500 dark:hover:border-violet-500',
         className,
       )}
     >
diff --git a/docs/data/base/components/number-input/UseNumberInputCompact/tailwind/index.tsx b/docs/data/base/components/number-input/UseNumberInputCompact/tailwind/index.tsx
index accd46f3a72079..ff2373d6132a99 100644
--- a/docs/data/base/components/number-input/UseNumberInputCompact/tailwind/index.tsx
+++ b/docs/data/base/components/number-input/UseNumberInputCompact/tailwind/index.tsx
@@ -27,7 +27,7 @@ const CompactNumberInput = React.forwardRef(function CompactNumberInput(
     <div
       {...getRootProps()}
       className={clsx(
-        'grid grid-cols-[2.5rem] grid-rows-[2rem_2rem] gap-y-px rounded-lg border border-solid overflow-auto text-slate-900 dark:text-slate-300 bg-slate-200 dark:bg-slate-800 border-slate-200 dark:border-slate-800 hover:border-violet-500 dark:hover:border-violet-500',
+        'grid grid-cols-[2.5rem] grid-rows-[2rem_2rem] gap-y-px font-sans rounded-lg border border-solid overflow-auto text-slate-900 dark:text-slate-300 bg-slate-200 dark:bg-slate-800 border-slate-200 dark:border-slate-800 hover:border-violet-500 dark:hover:border-violet-500',
         className,
       )}
     >
diff --git a/docs/data/base/components/number-input/number-input.md b/docs/data/base/components/number-input/number-input.md
index 3fd2115b77585b..08eb68c6327c17 100644
--- a/docs/data/base/components/number-input/number-input.md
+++ b/docs/data/base/components/number-input/number-input.md
@@ -17,71 +17,33 @@ githubLabel: 'component: NumberInput'
 ## Introduction
 
 A number input is a UI element that accepts numeric values from the user.
-Base UI's Number Input component is a customizable replacement for the native HTML `<input type="number">` that solves common usability issues of the native counterpart, such as:
+Base UI's Number Input component is a customizable replacement for the native HTML `<input type="number">` that solves common usability issues of its native counterpart, such as:
 
 - Inconsistencies across browsers in the appearance and behavior of the stepper buttons
 - Allowing certain non-numeric characters ('e', '+', '-', '.') and silently discarding others
 - Incompatibilities with assistive technologies and limited accessibility features
 
-See [this article](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) by the GOV.UK Design System team for a more detailed explanation.
+:::info
+See [_Why the GOV.UK Design System team changed the input type for numbers_](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) for a more detailed explanation of the limitations of `<input type="number">`.
+:::
 
-{{"demo": "NumberInputIntroduction.js", "defaultCodeOpen": false, "bg": "gradient"}}
+{{"demo": "NumberInputIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
-import NumberInput from '@mui/base/Unstable_NumberInput';
-
-export default function MyApp() {
-  return <NumberInput />;
-}
+import { Unstable_NumberInput as NumberInput } from '@mui/base/Unstable_NumberInput';
 ```
 
-### Basics
-
-The following demo shows how to create a number input component, apply some styling, and write the latest value to a state variable using the `onChange` prop:
+The following demo shows how to create a Number Input component, apply some styling, and write the latest value to a state variable using the `onChange` prop:
 
 {{"demo": "NumberInputBasic"}}
 
-The `min` and `max` props can be used to define a range of accepted values. You can pass only one of them to define an open-ended range.
-
-```tsx
-  <NumberInput min={-10} max={10} />
-
-  // Open-ended
-  <NumberInput min={0} />
-```
-
-The `step` prop can be used to defined the granularity of the change in value when incrementing or decrementing. For example, if `min={0}` and `step={2}`, valid values for the component would be 0, 2, 4… since the value can only be changed in increments of 2.
-
-```tsx
-// valid values: 0, 2, 4, 6, 8...
-<NumberInput min={0} step={2} />
-```
-
-When the input field is in focus, you can enter values that fall outside the valid range. The value will be clamped based on `min`, `max` and `step` once the input field is blurred.
-
-Holding down the <kbd>Shift</kbd> key when interacting with the stepper buttons applies a multipler (default 10x) to the value change of each step.
-
-This can be customized with the `shiftMultiplier` prop. In the following snippet, if <kbd>Shift</kbd> is held when clicking the increment button, the value will change from 0 to 5, then to 10 etc.
-
-```tsx
-<NumberInput min={0} step={1} shiftMultiplier={5} />
-```
-
-Here's another demo of a Number Input with fully customized styles:
-
-{{"demo": "QuantityInput", "defaultCodeOpen": false}}
-
 ### Anatomy
 
-The Base UI Number Input component consists of 4 slots:
+The Base UI Number Input component consists of four slots:
 
-- `root`: a outer `<div>` containing the other interior slots
+- `root`: an outer `<div>` containing the other interior slots
 - `input`: an `<input>` element
 - `incrementButton`: a `<button>` for increasing the value
 - `decrementButton`: a `<button>` for decreasing the value
@@ -94,12 +56,7 @@ The Base UI Number Input component consists of 4 slots:
 </div>
 ```
 
-### Slot props
-
-:::info
-The following props are available on all non-utility Base components.
-See [Usage](/base-ui/getting-started/usage/) for full details.
-:::
+### Custom structure
 
 Use the `slots` prop to override the root slot or any interior slots:
 
@@ -113,11 +70,16 @@ Use the `slots` prop to override the root slot or any interior slots:
 />
 ```
 
+:::info
+The `slots` prop is available on all non-utility Base components.
+See [Overriding component structure](/base-ui/guides/overriding-component-structure/) for full details.
+:::
+
 Use the `slotProps` prop to pass custom props to internal slots.
 The following code snippet:
 
-- applies a CSS class called `my-num-input` to the input slot,
-- and passes a `direction` prop to the `CustomButton` components in the increment and decrement button slots
+- applies a CSS class called `my-num-input` to the input slot
+- passes a `direction` prop to the `CustomButton` components in the increment and decrement button slots
 
 ```jsx
 <NumberInput
@@ -132,13 +94,13 @@ The following code snippet:
 ## Hook
 
 ```js
-import useNumberInput from '@mui/base/unstable_useNumberInput';
+import { unstable_useNumberInput as useNumberInput } from '@mui/base/unstable_useNumberInput';
 ```
 
-The `useNumberInput` hook lets you apply the functionality of a number input to a fully custom component.
+The `useNumberInput` hook lets you apply the functionality of a Number Input to a fully custom component.
 It returns props to be placed on the custom component, along with fields representing the component's internal state.
 
-Hooks _do not_ support [slot props](#slot-props), but they do support [customization props](#customization).
+Hooks _do not_ support [slot props](#custom-structure), but they do support [customization props](#customization).
 
 :::info
 Hooks give you the most room for customization, but require more work to implement.
@@ -155,3 +117,61 @@ Here's an example of a "compact" number input component using the hook that only
 In this demo, `onChange` is used to write the latest value of the component to a state variable.
 
 {{"demo": "UseNumberInputCompact", "defaultCodeOpen": false}}
+
+## Customization
+
+### Minimum and maximum
+
+Use the `min` and `max` props to define a range of accepted values.
+If you only define one or the other, the opposite end of the range will be open-ended.
+
+```jsx
+// accepts any value:
+<NumberInput />
+
+// only accepts values between -10 and 10:
+<NumberInput min={-10} max={10} />
+
+// only accepts values greater than 0:
+<NumberInput min={0} />
+
+```
+
+The demo below shows a Number Input with a an accepted range of 1 to 99:
+
+{{"demo": "QuantityInput", "defaultCodeOpen": false}}
+
+### Incremental steps
+
+Use the `step` prop to define the granularity of the change in value when incrementing or decrementing.
+For example, if `min={0}` and `step={2}`, valid values for the component would be 0, 2, 4, and on, since the value can only be changed in increments of 2.
+
+```jsx
+// valid values: 0, 2, 4, 6, 8...
+<NumberInput min={0} step={2} />
+```
+
+:::warning
+Support for decimal values and step sizes isn't available yet, but you can upvote [this GitHub issue](https://github.com/mui/material-ui/issues/38518) to see it arrive sooner.
+:::
+
+When the input field is in focus, you can enter values that fall outside the valid range.
+The value will be clamped based on `min`, `max` and `step` once the input field is blurred.
+
+### Shift multiplier
+
+Holding down the <kbd>Shift</kbd> key when interacting with the stepper buttons applies a multipler (default 10x) to the value change of each step.
+
+You can customize this behavior with the `shiftMultiplier` prop.
+In the following snippet, if <kbd>Shift</kbd> is held when clicking the increment button, the value will change from 0, to 5, to 10, and on.
+
+```jsx
+<NumberInput min={0} step={1} shiftMultiplier={5} />
+```
+
+### Adornments
+
+You can use the `startAdornment` and `endAdornment` props to add a prefix or suffix, respectively, to a Number Input.
+Adornments can be useful for displaying units of measure, like weight or currency, alongside values.
+
+{{"demo": "NumberInputAdornments.js", "defaultCodeOpen": false}}
diff --git a/docs/data/base/components/popper/UnstyledPopperBasic/css/index.js b/docs/data/base/components/popper/UnstyledPopperBasic/css/index.js
index 2139fc1f221472..707d9c7aa48701 100644
--- a/docs/data/base/components/popper/UnstyledPopperBasic/css/index.js
+++ b/docs/data/base/components/popper/UnstyledPopperBasic/css/index.js
@@ -66,7 +66,6 @@ function Styles() {
   const isDarkMode = useIsDarkMode();
   return (
     <style>{`
-
       .Button {
         font-family: IBM Plex Sans, sans-serif;
         font-size: 0.875rem;
@@ -79,12 +78,12 @@ function Styles() {
         cursor: pointer;
         border: 1px solid ${isDarkMode ? grey[800] : grey[200]};
         color: ${isDarkMode ? cyan[300] : cyan[400]};
-  
+
         &:hover {
           background: ${isDarkMode ? grey[900] : grey[100]};
           border-color: ${isDarkMode ? cyan[200] : cyan[400]};
         }
-  
+
         &:focus-visible {
           border-color: ${cyan[400]};
           outline: 3px solid ${isDarkMode ? cyan[500] : cyan[200]};
diff --git a/docs/data/base/components/popper/UnstyledPopperBasic/css/index.tsx b/docs/data/base/components/popper/UnstyledPopperBasic/css/index.tsx
index 63b79bf8aa832e..c3a2a6185b27f2 100644
--- a/docs/data/base/components/popper/UnstyledPopperBasic/css/index.tsx
+++ b/docs/data/base/components/popper/UnstyledPopperBasic/css/index.tsx
@@ -66,7 +66,6 @@ function Styles() {
   const isDarkMode = useIsDarkMode();
   return (
     <style>{`
-
       .Button {
         font-family: IBM Plex Sans, sans-serif;
         font-size: 0.875rem;
@@ -79,12 +78,12 @@ function Styles() {
         cursor: pointer;
         border: 1px solid ${isDarkMode ? grey[800] : grey[200]};
         color: ${isDarkMode ? cyan[300] : cyan[400]};
-  
+
         &:hover {
           background: ${isDarkMode ? grey[900] : grey[100]};
           border-color: ${isDarkMode ? cyan[200] : cyan[400]};
         }
-  
+
         &:focus-visible {
           border-color: ${cyan[400]};
           outline: 3px solid ${isDarkMode ? cyan[500] : cyan[200]};
diff --git a/docs/data/base/components/popper/UnstyledPopperBasic/system/index.js b/docs/data/base/components/popper/UnstyledPopperBasic/system/index.js
index eb394e49df05b0..3fbf1db5b3fccb 100644
--- a/docs/data/base/components/popper/UnstyledPopperBasic/system/index.js
+++ b/docs/data/base/components/popper/UnstyledPopperBasic/system/index.js
@@ -63,12 +63,12 @@ const TriggerButton = styled('button')(
     cursor: pointer;
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[800] : grey[200]};
     color: ${theme.palette.mode === 'dark' ? blue[300] : blue[500]};
-  
+
     &:hover {
       background: ${theme.palette.mode === 'dark' ? grey[900] : grey[100]};
       border-color: ${theme.palette.mode === 'dark' ? blue[200] : blue[400]};
     }
-  
+
     &:focus-visible {
       border-color: ${blue[400]};
       outline: 3px solid ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
diff --git a/docs/data/base/components/popper/UnstyledPopperBasic/system/index.tsx b/docs/data/base/components/popper/UnstyledPopperBasic/system/index.tsx
index 38799287b29ab3..37a35f36bc2d07 100644
--- a/docs/data/base/components/popper/UnstyledPopperBasic/system/index.tsx
+++ b/docs/data/base/components/popper/UnstyledPopperBasic/system/index.tsx
@@ -63,12 +63,12 @@ const TriggerButton = styled('button')(
     cursor: pointer;
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[800] : grey[200]};
     color: ${theme.palette.mode === 'dark' ? blue[300] : blue[500]};
-  
+
     &:hover {
       background: ${theme.palette.mode === 'dark' ? grey[900] : grey[100]};
       border-color: ${theme.palette.mode === 'dark' ? blue[200] : blue[400]};
     }
-  
+
     &:focus-visible {
       border-color: ${blue[400]};
       outline: 3px solid ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
diff --git a/docs/data/base/components/popper/UnstyledPopperBasic/tailwind/index.js b/docs/data/base/components/popper/UnstyledPopperBasic/tailwind/index.js
index 85054752286c87..fa5f81277296fc 100644
--- a/docs/data/base/components/popper/UnstyledPopperBasic/tailwind/index.js
+++ b/docs/data/base/components/popper/UnstyledPopperBasic/tailwind/index.js
@@ -23,7 +23,7 @@ export default function SimplePopper() {
   return (
     <div className={`${isDarkMode ? 'dark' : ''}`}>
       <button
-        className="cursor-pointer text-sm box-border rounded-lg font-semibold px-4 py-2 leading-normal bg-transparent border border-solid border-slate-300 dark:border-slate-700 text-purple-600 dark:text-purple-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-purple-300 dark:hover:border-purple-300 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple"
+        className="cursor-pointer text-sm font-sans box-border rounded-lg font-semibold px-4 py-2 leading-normal bg-transparent border border-solid border-slate-300 dark:border-slate-700 text-purple-600 dark:text-purple-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-purple-300 dark:hover:border-purple-300 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple"
         aria-describedby={id}
         type="button"
         onClick={handleClick}
@@ -36,7 +36,7 @@ export default function SimplePopper() {
         anchorEl={anchorEl}
         className={`${isDarkMode ? 'dark' : ''}`}
       >
-        <div className=" z-50 rounded-lg font-medium text-sm m-1 p-3 border border-solid border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-900 shadow-md text-purple-900 dark:text-purple-100">
+        <div className=" z-50 rounded-lg font-medium font-sans text-sm m-1 p-3 border border-solid border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-900 shadow-md text-purple-900 dark:text-purple-100">
           The content of the Popper.
         </div>
       </Popper>
diff --git a/docs/data/base/components/popper/UnstyledPopperBasic/tailwind/index.tsx b/docs/data/base/components/popper/UnstyledPopperBasic/tailwind/index.tsx
index 78b4a8da36c132..ca6d5f59c7fcd8 100644
--- a/docs/data/base/components/popper/UnstyledPopperBasic/tailwind/index.tsx
+++ b/docs/data/base/components/popper/UnstyledPopperBasic/tailwind/index.tsx
@@ -23,7 +23,7 @@ export default function SimplePopper() {
   return (
     <div className={`${isDarkMode ? 'dark' : ''}`}>
       <button
-        className="cursor-pointer text-sm box-border rounded-lg font-semibold px-4 py-2 leading-normal bg-transparent border border-solid border-slate-300 dark:border-slate-700 text-purple-600 dark:text-purple-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-purple-300 dark:hover:border-purple-300 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple"
+        className="cursor-pointer text-sm font-sans box-border rounded-lg font-semibold px-4 py-2 leading-normal bg-transparent border border-solid border-slate-300 dark:border-slate-700 text-purple-600 dark:text-purple-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-purple-300 dark:hover:border-purple-300 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple"
         aria-describedby={id}
         type="button"
         onClick={handleClick}
@@ -36,7 +36,7 @@ export default function SimplePopper() {
         anchorEl={anchorEl}
         className={`${isDarkMode ? 'dark' : ''}`}
       >
-        <div className=" z-50 rounded-lg font-medium text-sm m-1 p-3 border border-solid border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-900 shadow-md text-purple-900 dark:text-purple-100">
+        <div className=" z-50 rounded-lg font-medium font-sans text-sm m-1 p-3 border border-solid border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-900 shadow-md text-purple-900 dark:text-purple-100">
           The content of the Popper.
         </div>
       </Popper>
diff --git a/docs/data/base/components/popper/popper.md b/docs/data/base/components/popper/popper.md
index 7d49c756003474..b4b73087f550af 100644
--- a/docs/data/base/components/popper/popper.md
+++ b/docs/data/base/components/popper/popper.md
@@ -19,29 +19,29 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
 The Popper is a utility component for creating various kinds of popups.
 It relies on the third-party library ([Popper.js v2](https://popper.js.org/docs/v2/)) for positioning.
 
-## Component
+:::warning
+The Popper.js library is no longer maintained.
+It has been replaced by a new library: [Floating UI](https://floating-ui.com/).
 
-### Usage
+Base UI offers the [Popup](/base-ui/react-popup/) component based on this new library.
+It has features and an API similar to the Popper component, but is still in development and its API may change.
 
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
+Once the [Popup](/base-ui/react-popup/) is stable, we will deprecate and, later, remove our Popper component.
+:::
+
+## Component
 
 ```jsx
 import { Popper } from '@mui/base/Popper';
-
-export default function MyApp() {
-  return <Popper>{/* the popper's content */}</Popper>;
-}
 ```
 
-### Basics
-
 By default, the Popper is mounted to the DOM when its `open` prop is set to `true`, and removed from the DOM when `open` is `false`.
 
 `anchorEl` is passed as the reference object to create a new `Popper.js` instance.
 The children are placed in a [Portal](/base-ui/react-portal/) prepended to the body of the document to avoid rendering problems.
 You can disable this behavior with `disablePortal` prop.
 
-The following demo shows how to create and style a basic popper.
+The following demo shows how to create and style a basic Popper.
 Click **Toggle Popper** to see how it behaves:
 
 {{"demo": "UnstyledPopperBasic", "defaultCodeOpen": true}}
@@ -55,7 +55,7 @@ If you need this behavior, you can use the [Click-Away Listener](/base-ui/react-
 
 ### Placement
 
-The popper's default placement is `bottom`.
+The Popper's default placement is `bottom`.
 You can change it using the `placement` prop.
 Try changing this value to `top` in the interactive demo below to see how it works:
 
@@ -63,10 +63,10 @@ Try changing this value to `top` in the interactive demo below to see how it wor
 
 ### Transitions
 
-You can animate the open and close states of the popper with a render prop child and a transition component, as long as the component meets these conditions:
+You can animate the open and close states of the Popper with a render prop child and a transition component, as long as the component meets these conditions:
 
-- Is a direct child descendant of the popper
+- Is a direct child descendant of the Popper
 - Calls the `onEnter` callback prop when the enter transition starts
 - Calls the `onExited` callback prop when the exit transition is completed
 
-These two callbacks allow the popper to unmount the child content when closed and fully transitioned.
+These two callbacks allow the Popper to unmount the child content when closed and fully transitioned.
diff --git a/docs/data/base/components/popup/AnimatedPopup.js b/docs/data/base/components/popup/AnimatedPopup.js
new file mode 100644
index 00000000000000..2b5d1e98e58dfc
--- /dev/null
+++ b/docs/data/base/components/popup/AnimatedPopup.js
@@ -0,0 +1,161 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { styled } from '@mui/system';
+import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';
+
+export default function AnimatedPopup() {
+  const [anchor, setAnchor] = React.useState(null);
+  const [open, setOpen] = React.useState(false);
+
+  return (
+    <div>
+      <Button ref={setAnchor} onClick={() => setOpen((o) => !o)} type="button">
+        Toggle Popup
+      </Button>
+      <Popup anchor={anchor} open={open} withTransition>
+        {(props) => (
+          <PopAnimation {...props}>
+            <PopupBody>This is an animated popup.</PopupBody>
+          </PopAnimation>
+        )}
+      </Popup>
+    </div>
+  );
+}
+
+function Animated(props) {
+  const { requestOpen, onEnter, onExited, children, className } = props;
+
+  React.useEffect(() => {
+    if (requestOpen) {
+      onEnter();
+    }
+  }, [onEnter, requestOpen]);
+
+  const handleAnimationEnd = React.useCallback(() => {
+    if (!requestOpen) {
+      onExited();
+    }
+  }, [onExited, requestOpen]);
+
+  return (
+    <div
+      onAnimationEnd={handleAnimationEnd}
+      className={className + (requestOpen ? ' open' : ' close')}
+    >
+      {children}
+    </div>
+  );
+}
+
+Animated.propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  onEnter: PropTypes.func.isRequired,
+  onExited: PropTypes.func.isRequired,
+  requestOpen: PropTypes.bool.isRequired,
+};
+
+const PopAnimation = styled(Animated)`
+  @keyframes open-animation {
+    0% {
+      opacity: 0;
+      transform: translateY(-8px) scale(0.95);
+    }
+
+    50% {
+      opacity: 1;
+      transform: translateY(4px) scale(1.05);
+    }
+
+    100% {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+  }
+
+  @keyframes close-animation {
+    0% {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+
+    50% {
+      opacity: 1;
+      transform: translateY(4px) scale(1.05);
+    }
+
+    100% {
+      opacity: 0;
+      transform: translateY(-8px) scale(0.95);
+    }
+  }
+
+  &.open {
+    animation: open-animation 0.4s ease-in forwards;
+  }
+
+  &.close {
+    animation: close-animation 0.4s ease-in forwards;
+  }
+`;
+
+const grey = {
+  50: '#f6f8fa',
+  200: '#d0d7de',
+  500: '#6e7781',
+  700: '#424a53',
+  900: '#24292f',
+};
+
+const PopupBody = styled('div')(
+  ({ theme }) => `
+    width: max-content;
+    padding: 0.5rem 1rem;
+    margin: 8px;
+    border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+    background-color: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+    border-radius: 8px;
+    box-shadow: ${
+      theme.palette.mode === 'dark'
+        ? `0px 4px 8px rgb(0 0 0 / 0.7)`
+        : `0px 4px 8px rgb(0 0 0 / 0.1)`
+    };
+    min-height: 3rem;
+    display: flex;
+    align-items: center;
+`,
+);
+
+const blue = {
+  500: '#007FFF',
+  600: '#0072E5',
+  700: '#0059B2',
+};
+
+const Button = styled('button')`
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  background-color: ${blue[500]};
+  color: white;
+  border-radius: 8px;
+  font-weight: 600;
+  padding: 8px 16px;
+  cursor: pointer;
+  transition: all 150ms ease;
+  border: none;
+
+  &:hover {
+    background-color: ${blue[600]};
+  }
+
+  &:active {
+    background-color: ${blue[700]};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5);
+    outline: none;
+  }
+`;
diff --git a/docs/data/base/components/popup/AnimatedPopup.tsx b/docs/data/base/components/popup/AnimatedPopup.tsx
new file mode 100644
index 00000000000000..47ca2375efd3ff
--- /dev/null
+++ b/docs/data/base/components/popup/AnimatedPopup.tsx
@@ -0,0 +1,162 @@
+import * as React from 'react';
+import { styled, Theme } from '@mui/system';
+import {
+  Unstable_Popup as Popup,
+  PopupChildrenProps,
+} from '@mui/base/Unstable_Popup';
+
+export default function AnimatedPopup() {
+  const [anchor, setAnchor] = React.useState<HTMLButtonElement | null>(null);
+  const [open, setOpen] = React.useState(false);
+
+  return (
+    <div>
+      <Button ref={setAnchor} onClick={() => setOpen((o) => !o)} type="button">
+        Toggle Popup
+      </Button>
+      <Popup anchor={anchor} open={open} withTransition>
+        {(props: PopupChildrenProps) => (
+          <PopAnimation {...props}>
+            <PopupBody>This is an animated popup.</PopupBody>
+          </PopAnimation>
+        )}
+      </Popup>
+    </div>
+  );
+}
+
+function Animated(
+  props: React.PropsWithChildren<{
+    className?: string;
+    requestOpen: boolean;
+    onEnter: () => void;
+    onExited: () => void;
+  }>,
+) {
+  const { requestOpen, onEnter, onExited, children, className } = props;
+
+  React.useEffect(() => {
+    if (requestOpen) {
+      onEnter();
+    }
+  }, [onEnter, requestOpen]);
+
+  const handleAnimationEnd = React.useCallback(() => {
+    if (!requestOpen) {
+      onExited();
+    }
+  }, [onExited, requestOpen]);
+
+  return (
+    <div
+      onAnimationEnd={handleAnimationEnd}
+      className={className + (requestOpen ? ' open' : ' close')}
+    >
+      {children}
+    </div>
+  );
+}
+
+const PopAnimation = styled(Animated)`
+  @keyframes open-animation {
+    0% {
+      opacity: 0;
+      transform: translateY(-8px) scale(0.95);
+    }
+
+    50% {
+      opacity: 1;
+      transform: translateY(4px) scale(1.05);
+    }
+
+    100% {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+  }
+
+  @keyframes close-animation {
+    0% {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+
+    50% {
+      opacity: 1;
+      transform: translateY(4px) scale(1.05);
+    }
+
+    100% {
+      opacity: 0;
+      transform: translateY(-8px) scale(0.95);
+    }
+  }
+
+  &.open {
+    animation: open-animation 0.4s ease-in forwards;
+  }
+
+  &.close {
+    animation: close-animation 0.4s ease-in forwards;
+  }
+`;
+
+const grey = {
+  50: '#f6f8fa',
+  200: '#d0d7de',
+  500: '#6e7781',
+  700: '#424a53',
+  900: '#24292f',
+};
+
+const PopupBody = styled('div')(
+  ({ theme }: { theme: Theme }) => `
+    width: max-content;
+    padding: 0.5rem 1rem;
+    margin: 8px;
+    border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+    background-color: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+    border-radius: 8px;
+    box-shadow: ${
+      theme.palette.mode === 'dark'
+        ? `0px 4px 8px rgb(0 0 0 / 0.7)`
+        : `0px 4px 8px rgb(0 0 0 / 0.1)`
+    };
+    min-height: 3rem;
+    display: flex;
+    align-items: center;
+`,
+);
+
+const blue = {
+  500: '#007FFF',
+  600: '#0072E5',
+  700: '#0059B2',
+};
+
+const Button = styled('button')`
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  background-color: ${blue[500]};
+  color: white;
+  border-radius: 8px;
+  font-weight: 600;
+  padding: 8px 16px;
+  cursor: pointer;
+  transition: all 150ms ease;
+  border: none;
+
+  &:hover {
+    background-color: ${blue[600]};
+  }
+
+  &:active {
+    background-color: ${blue[700]};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5);
+    outline: none;
+  }
+`;
diff --git a/docs/data/base/components/popup/AnimatedPopup.tsx.preview b/docs/data/base/components/popup/AnimatedPopup.tsx.preview
new file mode 100644
index 00000000000000..09dab2a2825c6b
--- /dev/null
+++ b/docs/data/base/components/popup/AnimatedPopup.tsx.preview
@@ -0,0 +1,10 @@
+<Button ref={setAnchor} onClick={() => setOpen((o) => !o)} type="button">
+  Toggle Popup
+</Button>
+<Popup anchor={anchor} open={open} withTransition>
+  {(props: PopupChildrenProps) => (
+    <PopAnimation {...props}>
+      <PopupBody>This is an animated popup.</PopupBody>
+    </PopAnimation>
+  )}
+</Popup>
\ No newline at end of file
diff --git a/docs/data/base/components/popup/DisabledPortalPopup.js b/docs/data/base/components/popup/DisabledPortalPopup.js
new file mode 100644
index 00000000000000..7d846704fec8cc
--- /dev/null
+++ b/docs/data/base/components/popup/DisabledPortalPopup.js
@@ -0,0 +1,125 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';
+import { Box, styled } from '@mui/system';
+
+export default function DisabledPortalPopup() {
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        gap: '10px',
+        overflowY: 'auto',
+        position: 'relative',
+        padding: '40px',
+      }}
+    >
+      <PopupWithTrigger id="popup-with-portal" buttonLabel="With a portal" />
+      <PopupWithTrigger
+        id="popup-without-portal"
+        buttonLabel="No portal, default strategy"
+        disablePortal
+      />
+      <PopupWithTrigger
+        id="popup-without-portal-fixed"
+        buttonLabel="No portal, 'fixed' strategy"
+        disablePortal
+        strategy="fixed"
+      />
+    </Box>
+  );
+}
+
+function PopupWithTrigger(props) {
+  const { id, buttonLabel, ...other } = props;
+
+  const [anchor, setAnchor] = React.useState(null);
+
+  const handleClick = (event) => {
+    setAnchor(anchor ? null : event.currentTarget);
+  };
+
+  const open = Boolean(anchor);
+
+  return (
+    <div>
+      <Button aria-describedby={id} type="button" onClick={handleClick}>
+        {buttonLabel}
+      </Button>
+      <StyledPopup id={id} open={open} anchor={anchor} {...other}>
+        <PopupBody>{buttonLabel}</PopupBody>
+      </StyledPopup>
+    </div>
+  );
+}
+
+PopupWithTrigger.propTypes = {
+  buttonLabel: PropTypes.string.isRequired,
+  id: PropTypes.string,
+};
+
+const StyledPopup = styled(Popup)`
+  z-index: 1;
+`;
+
+const grey = {
+  50: '#f6f8fa',
+  200: '#d0d7de',
+  500: '#6e7781',
+  700: '#424a53',
+  900: '#24292f',
+};
+
+const PopupBody = styled('div')(
+  ({ theme }) => `
+  width: max-content;
+  height: 150px;
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  margin: 8px;
+  border-radius: 8px;
+  border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+  background-color: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+  box-shadow: ${
+    theme.palette.mode === 'dark'
+      ? `0px 4px 8px rgb(0 0 0 / 0.7)`
+      : `0px 4px 8px rgb(0 0 0 / 0.1)`
+  };
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-size: 0.875rem;
+`,
+);
+
+const blue = {
+  500: '#007FFF',
+  600: '#0072E5',
+  700: '#0059B2',
+};
+
+const Button = styled('button')`
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  background-color: ${blue[500]};
+  color: white;
+  border-radius: 8px;
+  font-weight: 600;
+  padding: 8px 16px;
+  cursor: pointer;
+  transition: all 150ms ease;
+  border: none;
+
+  &:hover {
+    background-color: ${blue[600]};
+  }
+
+  &:active {
+    background-color: ${blue[700]};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5);
+    outline: none;
+  }
+`;
diff --git a/docs/data/base/components/popup/DisabledPortalPopup.tsx b/docs/data/base/components/popup/DisabledPortalPopup.tsx
new file mode 100644
index 00000000000000..7b790fd1118369
--- /dev/null
+++ b/docs/data/base/components/popup/DisabledPortalPopup.tsx
@@ -0,0 +1,119 @@
+import * as React from 'react';
+import { Unstable_Popup as Popup, PopupProps } from '@mui/base/Unstable_Popup';
+import { Box, styled, Theme } from '@mui/system';
+
+export default function DisabledPortalPopup() {
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        gap: '10px',
+        overflowY: 'auto',
+        position: 'relative',
+        padding: '40px',
+      }}
+    >
+      <PopupWithTrigger id="popup-with-portal" buttonLabel="With a portal" />
+      <PopupWithTrigger
+        id="popup-without-portal"
+        buttonLabel="No portal, default strategy"
+        disablePortal
+      />
+      <PopupWithTrigger
+        id="popup-without-portal-fixed"
+        buttonLabel="No portal, 'fixed' strategy"
+        disablePortal
+        strategy="fixed"
+      />
+    </Box>
+  );
+}
+
+function PopupWithTrigger(props: PopupProps & { buttonLabel: string }) {
+  const { id, buttonLabel, ...other } = props;
+
+  const [anchor, setAnchor] = React.useState<null | HTMLElement>(null);
+
+  const handleClick = (event: React.MouseEvent<HTMLElement>) => {
+    setAnchor(anchor ? null : event.currentTarget);
+  };
+
+  const open = Boolean(anchor);
+
+  return (
+    <div>
+      <Button aria-describedby={id} type="button" onClick={handleClick}>
+        {buttonLabel}
+      </Button>
+      <StyledPopup id={id} open={open} anchor={anchor} {...other}>
+        <PopupBody>{buttonLabel}</PopupBody>
+      </StyledPopup>
+    </div>
+  );
+}
+
+const StyledPopup = styled(Popup)`
+  z-index: 1;
+`;
+
+const grey = {
+  50: '#f6f8fa',
+  200: '#d0d7de',
+  500: '#6e7781',
+  700: '#424a53',
+  900: '#24292f',
+};
+
+const PopupBody = styled('div')(
+  ({ theme }: { theme: Theme }) => `
+  width: max-content;
+  height: 150px;
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  margin: 8px;
+  border-radius: 8px;
+  border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+  background-color: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+  box-shadow: ${
+    theme.palette.mode === 'dark'
+      ? `0px 4px 8px rgb(0 0 0 / 0.7)`
+      : `0px 4px 8px rgb(0 0 0 / 0.1)`
+  };
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-size: 0.875rem;
+`,
+);
+
+const blue = {
+  500: '#007FFF',
+  600: '#0072E5',
+  700: '#0059B2',
+};
+
+const Button = styled('button')`
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  background-color: ${blue[500]};
+  color: white;
+  border-radius: 8px;
+  font-weight: 600;
+  padding: 8px 16px;
+  cursor: pointer;
+  transition: all 150ms ease;
+  border: none;
+
+  &:hover {
+    background-color: ${blue[600]};
+  }
+
+  &:active {
+    background-color: ${blue[700]};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5);
+    outline: none;
+  }
+`;
diff --git a/docs/data/base/components/popup/DisabledPortalPopup.tsx.preview b/docs/data/base/components/popup/DisabledPortalPopup.tsx.preview
new file mode 100644
index 00000000000000..e4b9bf618ec705
--- /dev/null
+++ b/docs/data/base/components/popup/DisabledPortalPopup.tsx.preview
@@ -0,0 +1,12 @@
+<PopupWithTrigger id="popup-with-portal" buttonLabel="With a portal" />
+<PopupWithTrigger
+  id="popup-without-portal"
+  buttonLabel="No portal, default strategy"
+  disablePortal
+/>
+<PopupWithTrigger
+  id="popup-without-portal-fixed"
+  buttonLabel="No portal, 'fixed' strategy"
+  disablePortal
+  strategy="fixed"
+/>
\ No newline at end of file
diff --git a/docs/data/base/components/popup/Placement.js b/docs/data/base/components/popup/Placement.js
new file mode 100644
index 00000000000000..2b0129e742fc56
--- /dev/null
+++ b/docs/data/base/components/popup/Placement.js
@@ -0,0 +1,162 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';
+import { styled, css } from '@mui/system';
+
+function Radio({ value, ...props }) {
+  return (
+    <span>
+      <input
+        type="radio"
+        id={`placement-${value}-radio`}
+        name="placement"
+        value={value}
+        style={{ margin: '0 0.375rem 0 1rem' }}
+        {...props}
+      />
+      <label htmlFor={`placement-${value}-radio`}>{value}</label>
+    </span>
+  );
+}
+
+Radio.propTypes = {
+  value: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.string),
+    PropTypes.number,
+    PropTypes.string,
+  ]),
+};
+
+function PlacementForm({ setPlacement }) {
+  return (
+    <PlacementFormBackground>
+      <div style={{ textAlign: 'center' }}>
+        <b>Placement value:</b>
+      </div>
+      <div style={{ textAlign: 'center', padding: '0.5rem 0px' }}>
+        {['top-start', 'top', 'top-end'].map((value) => (
+          <Radio
+            key={value}
+            value={value}
+            onChange={(event) => {
+              setPlacement(event.target.value);
+            }}
+          />
+        ))}
+      </div>
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'space-between',
+          padding: '0.5rem 0px',
+        }}
+      >
+        <div>
+          {['left-start', 'left', 'left-end'].map((value) => (
+            <Radio
+              key={value}
+              value={value}
+              onChange={(event) => {
+                setPlacement(event.target.value);
+              }}
+            />
+          ))}
+        </div>
+        <div>
+          {['right-start', 'right', 'right-end'].map((value) => (
+            <Radio
+              key={value}
+              value={value}
+              onChange={(event) => {
+                setPlacement(event.target.value);
+              }}
+            />
+          ))}
+        </div>
+      </div>
+      <div style={{ textAlign: 'center', padding: '0.5rem 0px' }}>
+        {['bottom-start', 'bottom', 'bottom-end'].map((value) => (
+          <Radio
+            key={value}
+            value={value}
+            defaultChecked={value === 'bottom'}
+            onChange={(event) => {
+              setPlacement(event.target.value);
+            }}
+          />
+        ))}
+      </div>
+    </PlacementFormBackground>
+  );
+}
+
+PlacementForm.propTypes = {
+  setPlacement: PropTypes.func.isRequired,
+};
+
+export default function Placement() {
+  const [anchor, setAnchor] = React.useState(null);
+  const [placement, setPlacement] = React.useState('bottom');
+  return (
+    <div style={{ width: '100%' }}>
+      <PlacementForm setPlacement={setPlacement} />
+      <div style={{ padding: '4rem 0', textAlign: 'center' }}>
+        <Anchor ref={setAnchor} aria-describedby="placement-popper">
+          Anchor
+        </Anchor>
+        <Popup
+          id="placement-popper"
+          open={Boolean(anchor)}
+          anchor={anchor}
+          placement={placement}
+          offset={4}
+        >
+          <PopupBody>The content of the Popup.</PopupBody>
+        </Popup>
+      </div>
+    </div>
+  );
+}
+
+const grey = {
+  50: '#f6f8fa',
+  200: '#d0d7de',
+  500: '#6e7781',
+  700: '#424a53',
+  900: '#24292f',
+};
+
+const PopupBody = styled('div')(
+  ({ theme }) => css`
+    padding: 0.5rem 1rem;
+    border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+    background-color: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+    border-radius: 8px;
+    box-shadow: ${theme.palette.mode === 'dark'
+      ? `0px 4px 8px rgb(0 0 0 / 0.7)`
+      : `0px 4px 8px rgb(0 0 0 / 0.1)`};
+    min-height: 3rem;
+    display: flex;
+    align-items: center;
+  `,
+);
+
+const Anchor = styled('span')(
+  ({ theme }) => css`
+    display: inline-block;
+    background-color: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+    padding: 0.5rem 1rem;
+    border-radius: 0.5rem;
+  `,
+);
+
+const PlacementFormBackground = styled('div')`
+  background-color: rgb(0 0 0 / 0.05);
+  border-radius: 8px;
+  padding: 0.5rem;
+  font-family: 'IBM Plex Sans', sans-serif;
+
+  & input {
+    font-family: inherit;
+  }
+`;
diff --git a/docs/data/base/components/popup/Placement.tsx b/docs/data/base/components/popup/Placement.tsx
new file mode 100644
index 00000000000000..5cbac364fd0439
--- /dev/null
+++ b/docs/data/base/components/popup/Placement.tsx
@@ -0,0 +1,153 @@
+import * as React from 'react';
+import { Unstable_Popup as Popup, PopupPlacement } from '@mui/base/Unstable_Popup';
+import { styled, css, Theme } from '@mui/system';
+
+function Radio({ value, ...props }: JSX.IntrinsicElements['input']) {
+  return (
+    <span>
+      <input
+        type="radio"
+        id={`placement-${value}-radio`}
+        name="placement"
+        value={value}
+        style={{ margin: '0 0.375rem 0 1rem' }}
+        {...props}
+      />
+      <label htmlFor={`placement-${value}-radio`}>{value}</label>
+    </span>
+  );
+}
+
+function PlacementForm({
+  setPlacement,
+}: {
+  setPlacement: (placement: PopupPlacement) => void;
+}) {
+  return (
+    <PlacementFormBackground>
+      <div style={{ textAlign: 'center' }}>
+        <b>Placement value:</b>
+      </div>
+      <div style={{ textAlign: 'center', padding: '0.5rem 0px' }}>
+        {['top-start', 'top', 'top-end'].map((value) => (
+          <Radio
+            key={value}
+            value={value}
+            onChange={(event) => {
+              setPlacement(event.target.value as PopupPlacement);
+            }}
+          />
+        ))}
+      </div>
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'space-between',
+          padding: '0.5rem 0px',
+        }}
+      >
+        <div>
+          {['left-start', 'left', 'left-end'].map((value) => (
+            <Radio
+              key={value}
+              value={value}
+              onChange={(event) => {
+                setPlacement(event.target.value as PopupPlacement);
+              }}
+            />
+          ))}
+        </div>
+        <div>
+          {['right-start', 'right', 'right-end'].map((value) => (
+            <Radio
+              key={value}
+              value={value}
+              onChange={(event) => {
+                setPlacement(event.target.value as PopupPlacement);
+              }}
+            />
+          ))}
+        </div>
+      </div>
+      <div style={{ textAlign: 'center', padding: '0.5rem 0px' }}>
+        {['bottom-start', 'bottom', 'bottom-end'].map((value) => (
+          <Radio
+            key={value}
+            value={value}
+            defaultChecked={value === 'bottom'}
+            onChange={(event) => {
+              setPlacement(event.target.value as PopupPlacement);
+            }}
+          />
+        ))}
+      </div>
+    </PlacementFormBackground>
+  );
+}
+
+export default function Placement() {
+  const [anchor, setAnchor] = React.useState<HTMLElement | null>(null);
+  const [placement, setPlacement] = React.useState<PopupPlacement>('bottom');
+  return (
+    <div style={{ width: '100%' }}>
+      <PlacementForm setPlacement={setPlacement} />
+      <div style={{ padding: '4rem 0', textAlign: 'center' }}>
+        <Anchor ref={setAnchor} aria-describedby="placement-popper">
+          Anchor
+        </Anchor>
+        <Popup
+          id="placement-popper"
+          open={Boolean(anchor)}
+          anchor={anchor}
+          placement={placement}
+          offset={4}
+        >
+          <PopupBody>The content of the Popup.</PopupBody>
+        </Popup>
+      </div>
+    </div>
+  );
+}
+
+const grey = {
+  50: '#f6f8fa',
+  200: '#d0d7de',
+  500: '#6e7781',
+  700: '#424a53',
+  900: '#24292f',
+};
+
+const PopupBody = styled('div')(
+  ({ theme }: { theme: Theme }) => css`
+    padding: 0.5rem 1rem;
+    border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+    background-color: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+    border-radius: 8px;
+    box-shadow: ${theme.palette.mode === 'dark'
+      ? `0px 4px 8px rgb(0 0 0 / 0.7)`
+      : `0px 4px 8px rgb(0 0 0 / 0.1)`};
+    min-height: 3rem;
+    display: flex;
+    align-items: center;
+  `,
+);
+
+const Anchor = styled('span')(
+  ({ theme }: { theme: Theme }) => css`
+    display: inline-block;
+    background-color: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+    padding: 0.5rem 1rem;
+    border-radius: 0.5rem;
+  `,
+);
+
+const PlacementFormBackground = styled('div')`
+  background-color: rgb(0 0 0 / 0.05);
+  border-radius: 8px;
+  padding: 0.5rem;
+  font-family: 'IBM Plex Sans', sans-serif;
+
+  & input {
+    font-family: inherit;
+  }
+`;
diff --git a/docs/data/base/components/popup/Placement.tsx.preview b/docs/data/base/components/popup/Placement.tsx.preview
new file mode 100644
index 00000000000000..fb9d35ee5b6bdd
--- /dev/null
+++ b/docs/data/base/components/popup/Placement.tsx.preview
@@ -0,0 +1,15 @@
+<PlacementForm setPlacement={setPlacement} />
+<div style={{ padding: '4rem 0', textAlign: 'center' }}>
+  <Anchor ref={setAnchor} aria-describedby="placement-popper">
+    Anchor
+  </Anchor>
+  <Popup
+    id="placement-popper"
+    open={Boolean(anchor)}
+    anchor={anchor}
+    placement={placement}
+    offset={4}
+  >
+    <PopupBody>The content of the Popup.</PopupBody>
+  </Popup>
+</div>
\ No newline at end of file
diff --git a/docs/data/base/components/popup/SimplePopup.js b/docs/data/base/components/popup/SimplePopup.js
new file mode 100644
index 00000000000000..3294742f70ffda
--- /dev/null
+++ b/docs/data/base/components/popup/SimplePopup.js
@@ -0,0 +1,85 @@
+import * as React from 'react';
+import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';
+import { styled } from '@mui/system';
+
+export default function SimplePopup() {
+  const [anchor, setAnchor] = React.useState(null);
+
+  const handleClick = (event) => {
+    setAnchor(anchor ? null : event.currentTarget);
+  };
+
+  const open = Boolean(anchor);
+  const id = open ? 'simple-popper' : undefined;
+
+  return (
+    <div>
+      <Button aria-describedby={id} type="button" onClick={handleClick}>
+        Toggle Popup
+      </Button>
+      <Popup id={id} open={open} anchor={anchor}>
+        <PopupBody>The content of the Popup.</PopupBody>
+      </Popup>
+    </div>
+  );
+}
+
+const grey = {
+  50: '#f6f8fa',
+  200: '#d0d7de',
+  500: '#6e7781',
+  700: '#424a53',
+  900: '#24292f',
+};
+
+const blue = {
+  500: '#007FFF',
+  600: '#0072E5',
+  700: '#0059B2',
+};
+
+const PopupBody = styled('div')(
+  ({ theme }) => `
+  width: max-content;
+  padding: 12px 16px;
+  margin: 8px;
+  border-radius: 8px;
+  border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+  background-color: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+  box-shadow: ${
+    theme.palette.mode === 'dark'
+      ? `0px 4px 8px rgb(0 0 0 / 0.7)`
+      : `0px 4px 8px rgb(0 0 0 / 0.1)`
+  };
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-size: 0.875rem;
+  z-index: 1;
+`,
+);
+
+const Button = styled('button')`
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  background-color: ${blue[500]};
+  color: white;
+  border-radius: 8px;
+  font-weight: 600;
+  padding: 8px 16px;
+  cursor: pointer;
+  transition: all 150ms ease;
+  border: none;
+
+  &:hover {
+    background-color: ${blue[600]};
+  }
+
+  &:active {
+    background-color: ${blue[700]};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5);
+    outline: none;
+  }
+`;
diff --git a/docs/data/base/components/popup/SimplePopup.tsx b/docs/data/base/components/popup/SimplePopup.tsx
new file mode 100644
index 00000000000000..495f9cbce27552
--- /dev/null
+++ b/docs/data/base/components/popup/SimplePopup.tsx
@@ -0,0 +1,85 @@
+import * as React from 'react';
+import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';
+import { styled } from '@mui/system';
+
+export default function SimplePopup() {
+  const [anchor, setAnchor] = React.useState<null | HTMLElement>(null);
+
+  const handleClick = (event: React.MouseEvent<HTMLElement>) => {
+    setAnchor(anchor ? null : event.currentTarget);
+  };
+
+  const open = Boolean(anchor);
+  const id = open ? 'simple-popper' : undefined;
+
+  return (
+    <div>
+      <Button aria-describedby={id} type="button" onClick={handleClick}>
+        Toggle Popup
+      </Button>
+      <Popup id={id} open={open} anchor={anchor}>
+        <PopupBody>The content of the Popup.</PopupBody>
+      </Popup>
+    </div>
+  );
+}
+
+const grey = {
+  50: '#f6f8fa',
+  200: '#d0d7de',
+  500: '#6e7781',
+  700: '#424a53',
+  900: '#24292f',
+};
+
+const blue = {
+  500: '#007FFF',
+  600: '#0072E5',
+  700: '#0059B2',
+};
+
+const PopupBody = styled('div')(
+  ({ theme }) => `
+  width: max-content;
+  padding: 12px 16px;
+  margin: 8px;
+  border-radius: 8px;
+  border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+  background-color: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+  box-shadow: ${
+    theme.palette.mode === 'dark'
+      ? `0px 4px 8px rgb(0 0 0 / 0.7)`
+      : `0px 4px 8px rgb(0 0 0 / 0.1)`
+  };
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-size: 0.875rem;
+  z-index: 1;
+`,
+);
+
+const Button = styled('button')`
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  background-color: ${blue[500]};
+  color: white;
+  border-radius: 8px;
+  font-weight: 600;
+  padding: 8px 16px;
+  cursor: pointer;
+  transition: all 150ms ease;
+  border: none;
+
+  &:hover {
+    background-color: ${blue[600]};
+  }
+
+  &:active {
+    background-color: ${blue[700]};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5);
+    outline: none;
+  }
+`;
diff --git a/docs/data/base/components/popup/SimplePopup.tsx.preview b/docs/data/base/components/popup/SimplePopup.tsx.preview
new file mode 100644
index 00000000000000..41aa72e20a929e
--- /dev/null
+++ b/docs/data/base/components/popup/SimplePopup.tsx.preview
@@ -0,0 +1,6 @@
+<Button aria-describedby={id} type="button" onClick={handleClick}>
+  Toggle Popup
+</Button>
+<Popup id={id} open={open} anchor={anchor}>
+  <PopupBody>The content of the Popup.</PopupBody>
+</Popup>
\ No newline at end of file
diff --git a/docs/data/base/components/popup/UnstyledPopupIntroduction/css/index.js b/docs/data/base/components/popup/UnstyledPopupIntroduction/css/index.js
new file mode 100644
index 00000000000000..d36863ed24ddae
--- /dev/null
+++ b/docs/data/base/components/popup/UnstyledPopupIntroduction/css/index.js
@@ -0,0 +1,100 @@
+import * as React from 'react';
+import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';
+import { useTheme } from '@mui/system';
+
+export default function SimplePopup() {
+  const [anchor, setAnchor] = React.useState(null);
+
+  const handleClick = (event) => {
+    setAnchor(anchor ? null : event.currentTarget);
+  };
+
+  const open = Boolean(anchor);
+  const id = open ? 'simple-popup' : undefined;
+
+  return (
+    <React.Fragment>
+      <button
+        type="button"
+        aria-describedby={id}
+        className="Button"
+        onClick={handleClick}
+      >
+        Toggle Popup
+      </button>
+      <Popup id={id} open={open} anchor={anchor}>
+        <div className="CustomPopup">The content of the Popup.</div>
+      </Popup>
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  500: '#6e7781',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+  return (
+    <style>{`
+        .Button {
+          font-family: IBM Plex Sans,sans-serif;
+          font-weight: 600;
+          font-size: 0.875rem;
+          line-height: 1.5;
+          background-color: ${cyan[500]};
+          padding: 8px 16px;
+          border-radius: 8px;
+          color: white;
+          cursor: pointer;
+          border: none;
+
+          &:hover {
+            background-color: ${cyan[600]};
+          }
+        }
+
+        .CustomPopup{
+          background-color: ${isDarkMode ? grey[900] : grey[50]};
+          border-radius: 8px;
+          border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+          box-shadow: ${
+            isDarkMode ? `0 4px 8px rgb(0 0 0 / 0.7)` : `0 4px 8px rgb(0 0 0 / 0.1)`
+          };
+          padding: 0.75rem;
+          color: ${isDarkMode ? cyan[100] : cyan[700]};
+          font-size: 0.875rem;
+          font-family: 'IBM Plex Sans', sans-serif;
+          font-weight: 500;
+          opacity: 1;
+          margin: 0.5rem 0px;
+        }
+    `}</style>
+  );
+}
diff --git a/docs/data/base/components/popup/UnstyledPopupIntroduction/css/index.tsx b/docs/data/base/components/popup/UnstyledPopupIntroduction/css/index.tsx
new file mode 100644
index 00000000000000..be870592eddfaf
--- /dev/null
+++ b/docs/data/base/components/popup/UnstyledPopupIntroduction/css/index.tsx
@@ -0,0 +1,100 @@
+import * as React from 'react';
+import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';
+import { useTheme } from '@mui/system';
+
+export default function SimplePopup() {
+  const [anchor, setAnchor] = React.useState<null | HTMLElement>(null);
+
+  const handleClick = (event: React.MouseEvent<HTMLElement>) => {
+    setAnchor(anchor ? null : event.currentTarget);
+  };
+
+  const open = Boolean(anchor);
+  const id = open ? 'simple-popup' : undefined;
+
+  return (
+    <React.Fragment>
+      <button
+        type="button"
+        aria-describedby={id}
+        className="Button"
+        onClick={handleClick}
+      >
+        Toggle Popup
+      </button>
+      <Popup id={id} open={open} anchor={anchor}>
+        <div className="CustomPopup">The content of the Popup.</div>
+      </Popup>
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  500: '#6e7781',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+  return (
+    <style>{`
+        .Button {
+          font-family: IBM Plex Sans,sans-serif;
+          font-weight: 600;
+          font-size: 0.875rem;
+          line-height: 1.5;
+          background-color: ${cyan[500]};
+          padding: 8px 16px;
+          border-radius: 8px;
+          color: white;
+          cursor: pointer;
+          border: none;
+
+          &:hover {
+            background-color: ${cyan[600]};
+          }
+        }
+
+        .CustomPopup{
+          background-color: ${isDarkMode ? grey[900] : grey[50]};
+          border-radius: 8px;
+          border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+          box-shadow: ${
+            isDarkMode ? `0 4px 8px rgb(0 0 0 / 0.7)` : `0 4px 8px rgb(0 0 0 / 0.1)`
+          };
+          padding: 0.75rem;
+          color: ${isDarkMode ? cyan[100] : cyan[700]};
+          font-size: 0.875rem;
+          font-family: 'IBM Plex Sans', sans-serif;
+          font-weight: 500;
+          opacity: 1;
+          margin: 0.5rem 0px;
+        }
+    `}</style>
+  );
+}
diff --git a/docs/data/base/components/popup/UnstyledPopupIntroduction/css/index.tsx.preview b/docs/data/base/components/popup/UnstyledPopupIntroduction/css/index.tsx.preview
new file mode 100644
index 00000000000000..0c6a95573814ea
--- /dev/null
+++ b/docs/data/base/components/popup/UnstyledPopupIntroduction/css/index.tsx.preview
@@ -0,0 +1,14 @@
+<React.Fragment>
+  <button
+    type="button"
+    aria-describedby={id}
+    className="Button"
+    onClick={handleClick}
+  >
+    Toggle Popup
+  </button>
+  <Popup id={id} open={open} anchor={anchor}>
+    <div className="CustomPopup">The content of the Popup.</div>
+  </Popup>
+  <Styles />
+</React.Fragment>
\ No newline at end of file
diff --git a/docs/data/base/components/popup/UnstyledPopupIntroduction/system/index.js b/docs/data/base/components/popup/UnstyledPopupIntroduction/system/index.js
new file mode 100644
index 00000000000000..b2234892d217c7
--- /dev/null
+++ b/docs/data/base/components/popup/UnstyledPopupIntroduction/system/index.js
@@ -0,0 +1,81 @@
+import * as React from 'react';
+import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';
+import { styled } from '@mui/system';
+
+export default function SimplePopup() {
+  const [anchor, setAnchor] = React.useState(null);
+
+  const handleClick = (event) => {
+    setAnchor(anchor ? null : event.currentTarget);
+  };
+
+  const open = Boolean(anchor);
+  const id = open ? 'simple-popup' : undefined;
+
+  return (
+    <div>
+      <Button aria-describedby={id} type="button" onClick={handleClick}>
+        Toggle Popup
+      </Button>
+      <Popup id={id} open={open} anchor={anchor}>
+        <PopupBody>The content of the Popup.</PopupBody>
+      </Popup>
+    </div>
+  );
+}
+
+const grey = {
+  50: '#f6f8fa',
+  200: '#d0d7de',
+  500: '#6e7781',
+  700: '#424a53',
+  900: '#24292f',
+};
+
+const blue = {
+  500: '#007FFF',
+  600: '#0072E5',
+  700: '#0059B2',
+};
+
+const PopupBody = styled('div')(
+  ({ theme }) => `
+  width: max-content;
+  padding: 12px 16px;
+  margin: 8px;
+  border-radius: 8px;
+  border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+  background-color: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+  box-shadow: ${
+    theme.palette.mode === 'dark'
+      ? `0px 4px 8px rgb(0 0 0 / 0.7)`
+      : `0px 4px 8px rgb(0 0 0 / 0.1)`
+  };
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  z-index: 1;
+`,
+);
+
+const Button = styled('button')`
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-weight: 600;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  background-color: ${blue[500]};
+  color: white;
+  border-radius: 8px;
+  padding: 8px 16px;
+  cursor: pointer;
+  transition: all 150ms ease;
+  border: none;
+
+  &:hover {
+    background-color: ${blue[600]};
+  }
+
+  &:active {
+    background-color: ${blue[700]};
+  }
+`;
diff --git a/docs/data/base/components/popup/UnstyledPopupIntroduction/system/index.tsx b/docs/data/base/components/popup/UnstyledPopupIntroduction/system/index.tsx
new file mode 100644
index 00000000000000..4ac80b567261c2
--- /dev/null
+++ b/docs/data/base/components/popup/UnstyledPopupIntroduction/system/index.tsx
@@ -0,0 +1,81 @@
+import * as React from 'react';
+import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';
+import { styled } from '@mui/system';
+
+export default function SimplePopup() {
+  const [anchor, setAnchor] = React.useState<null | HTMLElement>(null);
+
+  const handleClick = (event: React.MouseEvent<HTMLElement>) => {
+    setAnchor(anchor ? null : event.currentTarget);
+  };
+
+  const open = Boolean(anchor);
+  const id = open ? 'simple-popup' : undefined;
+
+  return (
+    <div>
+      <Button aria-describedby={id} type="button" onClick={handleClick}>
+        Toggle Popup
+      </Button>
+      <Popup id={id} open={open} anchor={anchor}>
+        <PopupBody>The content of the Popup.</PopupBody>
+      </Popup>
+    </div>
+  );
+}
+
+const grey = {
+  50: '#f6f8fa',
+  200: '#d0d7de',
+  500: '#6e7781',
+  700: '#424a53',
+  900: '#24292f',
+};
+
+const blue = {
+  500: '#007FFF',
+  600: '#0072E5',
+  700: '#0059B2',
+};
+
+const PopupBody = styled('div')(
+  ({ theme }) => `
+  width: max-content;
+  padding: 12px 16px;
+  margin: 8px;
+  border-radius: 8px;
+  border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+  background-color: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+  box-shadow: ${
+    theme.palette.mode === 'dark'
+      ? `0px 4px 8px rgb(0 0 0 / 0.7)`
+      : `0px 4px 8px rgb(0 0 0 / 0.1)`
+  };
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  z-index: 1;
+`,
+);
+
+const Button = styled('button')`
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-weight: 600;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  background-color: ${blue[500]};
+  color: white;
+  border-radius: 8px;
+  padding: 8px 16px;
+  cursor: pointer;
+  transition: all 150ms ease;
+  border: none;
+
+  &:hover {
+    background-color: ${blue[600]};
+  }
+
+  &:active {
+    background-color: ${blue[700]};
+  }
+`;
diff --git a/docs/data/base/components/popup/UnstyledPopupIntroduction/system/index.tsx.preview b/docs/data/base/components/popup/UnstyledPopupIntroduction/system/index.tsx.preview
new file mode 100644
index 00000000000000..41aa72e20a929e
--- /dev/null
+++ b/docs/data/base/components/popup/UnstyledPopupIntroduction/system/index.tsx.preview
@@ -0,0 +1,6 @@
+<Button aria-describedby={id} type="button" onClick={handleClick}>
+  Toggle Popup
+</Button>
+<Popup id={id} open={open} anchor={anchor}>
+  <PopupBody>The content of the Popup.</PopupBody>
+</Popup>
\ No newline at end of file
diff --git a/docs/data/base/components/popup/UnstyledPopupIntroduction/tailwind/index.js b/docs/data/base/components/popup/UnstyledPopupIntroduction/tailwind/index.js
new file mode 100644
index 00000000000000..92754badd47707
--- /dev/null
+++ b/docs/data/base/components/popup/UnstyledPopupIntroduction/tailwind/index.js
@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';
+import { useTheme } from '@mui/system';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function SimplePopup() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+  const [anchor, setAnchor] = React.useState(null);
+
+  const handleClick = (event) => {
+    setAnchor(anchor ? null : event.currentTarget);
+  };
+
+  const open = Boolean(anchor);
+  const id = open ? 'simple-popup' : undefined;
+
+  return (
+    <div className={`${isDarkMode ? 'dark' : undefined}`}>
+      <button
+        className="cursor-pointer disabled:cursor-not-allowed text-sm font-sans bg-violet-500 hover:bg-violet-600 active:bg-violet-700 text-white rounded-lg font-semibold px-4 py-2 border-none disabled:opacity-50"
+        aria-describedby={id}
+        type="button"
+        onClick={handleClick}
+      >
+        Toggle Popup
+      </button>
+      <Popup
+        id={id}
+        open={open}
+        anchor={anchor}
+        disablePortal
+        className="z-50 rounded-lg font-sans font-medium text-sm mt-2 p-3 border border-solid border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-900 shadow-md text-purple-900 dark:text-purple-100"
+      >
+        <div>The content of the Popup.</div>
+      </Popup>
+    </div>
+  );
+}
diff --git a/docs/data/base/components/popup/UnstyledPopupIntroduction/tailwind/index.tsx b/docs/data/base/components/popup/UnstyledPopupIntroduction/tailwind/index.tsx
new file mode 100644
index 00000000000000..d666d3d0f9048b
--- /dev/null
+++ b/docs/data/base/components/popup/UnstyledPopupIntroduction/tailwind/index.tsx
@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';
+import { useTheme } from '@mui/system';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function SimplePopup() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+  const [anchor, setAnchor] = React.useState<null | HTMLElement>(null);
+
+  const handleClick = (event: React.MouseEvent<HTMLElement>) => {
+    setAnchor(anchor ? null : event.currentTarget);
+  };
+
+  const open = Boolean(anchor);
+  const id = open ? 'simple-popup' : undefined;
+
+  return (
+    <div className={`${isDarkMode ? 'dark' : undefined}`}>
+      <button
+        className="cursor-pointer disabled:cursor-not-allowed text-sm font-sans bg-violet-500 hover:bg-violet-600 active:bg-violet-700 text-white rounded-lg font-semibold px-4 py-2 border-none disabled:opacity-50"
+        aria-describedby={id}
+        type="button"
+        onClick={handleClick}
+      >
+        Toggle Popup
+      </button>
+      <Popup
+        id={id}
+        open={open}
+        anchor={anchor}
+        disablePortal
+        className="z-50 rounded-lg font-sans font-medium text-sm mt-2 p-3 border border-solid border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-900 shadow-md text-purple-900 dark:text-purple-100"
+      >
+        <div>The content of the Popup.</div>
+      </Popup>
+    </div>
+  );
+}
diff --git a/docs/data/base/components/popup/popup.md b/docs/data/base/components/popup/popup.md
new file mode 100644
index 00000000000000..9b4845e0fa18db
--- /dev/null
+++ b/docs/data/base/components/popup/popup.md
@@ -0,0 +1,93 @@
+---
+productId: base-ui
+title: React Popup component
+components: Popup
+githubLabel: 'component: popup'
+waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
+---
+
+# Popup
+
+<p class="description">The Popup component is a utility that lets you display content in tooltips and popovers.</p>
+
+{{"component": "modules/components/ComponentLinkHeader.js", "design": false}}
+
+{{"component": "modules/components/ComponentPageTabs.js"}}
+
+## Introduction
+
+The Popup is a utility component for creating various kinds of popups.
+It relies on the third-party [Floating UI](https://floating-ui.com/) library for positioning.
+
+{{"demo": "UnstyledPopupIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
+
+:::info
+The Popup component, once stable, is intended to replace the [Popper](/base-ui/react-popper/) component, which will be phased out in a future release of Base UI.
+:::
+
+## Component
+
+```jsx
+import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';
+```
+
+By default, the Popup is mounted to the DOM when its `open` prop is set to `true`, and removed from the DOM when `open` is `false`.
+
+`anchor` is passed as the reference element to Floating UI's [`useFloating`](https://floating-ui.com/docs/react#positioning) hook.
+The children are placed in a [Portal](/base-ui/react-portal/) prepended to the body of the document to avoid rendering problems.
+You can disable this behavior with `disablePortal` prop.
+See how it's done in the [Disable portal](#disable-portal) section below.
+
+The following demo shows how to create and style a basic Popup.
+Click **Toggle Popup** to see how it behaves:
+
+{{"demo": "SimplePopup.js", "defaultCodeOpen": true}}
+
+:::warning
+By default, clicking outside the Popup doesn't hide it.
+If you need this behavior, you can use the [Click-Away Listener](/base-ui/react-click-away-listener/) component.
+:::
+
+## Customization
+
+### Placement
+
+The Popup's default placement is `bottom`.
+You can change it using the `placement` prop.
+Try changing this value to `top` in the interactive demo below to see how it works:
+
+{{"demo": "Placement.js", "defaultCodeOpen": false }}
+
+### Transitions
+
+You can animate the opening and closing of the Popup using CSS transitions, CSS animations, or third-party animation libraries.
+
+To enable transitions, first set the `withTransition` prop.
+This will make the Popup wait for the exit animation to finish before unmounting.
+
+Then, instead of placing the Popup contents directly as its children, wrap them in a function that receives an object with `requestOpen: boolean`, `onEnter: () => void`, and `onExited: () => void` fields.
+
+Run the open transition when `requestOpen` becomes `true` and the close transition when it changes to `false`.
+Call the `onEnter` once the entering transition is about to start.
+When the exit transition finishes, call the provided `onExited` function to let the Popup know it can be unmounted.
+
+If using CSS transitions or animations, you can use the `onTransitionEnd` or `onAnimationEnd` events, respectively, to detect when the transition is over.
+
+{{"demo": "AnimatedPopup.js"}}
+
+### Disable portal
+
+To render the Popup where it's defined in the source, without using [React portals](https://react.dev/reference/react-dom/createPortal), pass in the `disablePortal` prop.
+Note that it may cause visual clipping if a Popup is placed in a container without visible overflow.
+
+You can use fixed positioning to prevent clipping when not using portals.
+The Popup has the `strategy` prop which is responsible for determining how the position is calculated.
+When set to `"fixed"`, the fixed CSS position will be used and the Popup won't be subject to overflow hiding.
+
+{{"demo": "DisabledPortalPopup.js"}}
+
+### Floating UI middleware
+
+If you need to modify the underlying [Floating UI middleware](https://floating-ui.com/docs/middleware), you can do so via the `middleware` prop.
+By default, the Popup uses the [`offset`](https://floating-ui.com/docs/offset) (with the value provided in the `offset` prop) and [`flip`](https://floating-ui.com/docs/flip) functions.
+If you provide your own middleware array, these defaults won't be applied.
diff --git a/docs/data/base/components/portal/portal.md b/docs/data/base/components/portal/portal.md
index e669fa372121e1..0b562e5f4d1457 100644
--- a/docs/data/base/components/portal/portal.md
+++ b/docs/data/base/components/portal/portal.md
@@ -22,22 +22,10 @@ The Portal component is used internally by the [Modal](/base-ui/react-modal/) an
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { Portal } from '@mui/base/Portal';
-
-export default function MyApp() {
-  return (
-    <Portal>{/* children to be rendered outside of the current DOM node */}</Portal>
-  );
-}
 ```
 
-### Basics
-
 Normally, children of a component are rendered within that component's DOM tree.
 But sometimes it's necessary to mount a child at a different location in the DOM.
 
diff --git a/docs/data/base/components/select/UnstyledSelectBasic/tailwind/index.js b/docs/data/base/components/select/UnstyledSelectBasic/tailwind/index.js
index 5be05e72fa43d3..b3e291e2036f8c 100644
--- a/docs/data/base/components/select/UnstyledSelectBasic/tailwind/index.js
+++ b/docs/data/base/components/select/UnstyledSelectBasic/tailwind/index.js
@@ -1,12 +1,14 @@
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import { Select } from '@mui/base/Select';
 import { Option as BaseOption } from '@mui/base/Option';
 import { useTheme } from '@mui/system';
+import clsx from 'clsx';
 
 const getOptionColorClasses = ({ selected, highlighted, disabled }) => {
   let classes = '';
   if (disabled) {
-    classes += 'text-slate-400 dark:text-slate-700';
+    classes += ' text-slate-400 dark:text-slate-700';
   } else {
     if (selected) {
       classes +=
@@ -48,26 +50,87 @@ export default function UnstyledSelectBasic() {
 
   return (
     <div className={isDarkMode ? 'dark' : ''}>
-      <Select
-        slotProps={{
-          root: ({ focusVisible, open }) => ({
-            className: `text-sm box-border w-80 px-3 py-2 rounded-lg text-left bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 transition-all hover:bg-slate-50 dark:hover:bg-slate-700 outline-0 shadow shadow-slate-200 dark:shadow-slate-900 ${
-              focusVisible ? 'border-purple-400 shadow-outline-purple' : ''
-            } ${
-              open ? 'after:content-["▴"]' : 'after:content-["▾"]'
-            } after:float-right`,
-          }),
-          listbox: {
-            className: `text-sm p-1.5 my-3 w-80 rounded-xl overflow-auto outline-0 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 shadow shadow-slate-200 dark:shadow-slate-900`,
-          },
-          popper: { className: `${isDarkMode ? 'dark' : ''} z-10` },
-        }}
-        defaultValue={10}
-      >
+      <CustomSelect defaultValue={10}>
         <Option value={10}>Ten</Option>
         <Option value={20}>Twenty</Option>
         <Option value={30}>Thirty</Option>
-      </Select>
+      </CustomSelect>
     </div>
   );
 }
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const CustomSelect = React.forwardRef(function CustomSelect(props, ref) {
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <Select
+      ref={ref}
+      {...props}
+      className={clsx('CustomSelect', props.className)}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `text-sm font-sans box-border w-80 px-3 py-2 rounded-lg text-left bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 transition-all hover:bg-slate-50 dark:hover:bg-slate-700 outline-0 shadow shadow-slate-200 dark:shadow-slate-900 ${
+                ownerState.focusVisible
+                  ? 'border-purple-400 shadow-outline-purple'
+                  : ''
+              } ${
+                ownerState.open ? 'after:content-["▴"]' : 'after:content-["▾"]'
+              } after:float-right`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        listbox: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.listbox,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `text-sm font-sans p-1.5 my-3 w-80 rounded-xl overflow-auto outline-0 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 shadow shadow-slate-200 dark:shadow-slate-900`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        popper: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.popper,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `${isDarkMode ? 'dark' : ''} z-10`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+CustomSelect.propTypes = {
+  className: PropTypes.string,
+  /**
+   * The props used for each slot inside the Input.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    listbox: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    popper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+};
diff --git a/docs/data/base/components/select/UnstyledSelectBasic/tailwind/index.tsx b/docs/data/base/components/select/UnstyledSelectBasic/tailwind/index.tsx
index 532adca58f2c12..1e826a32835999 100644
--- a/docs/data/base/components/select/UnstyledSelectBasic/tailwind/index.tsx
+++ b/docs/data/base/components/select/UnstyledSelectBasic/tailwind/index.tsx
@@ -1,11 +1,12 @@
 import * as React from 'react';
-import { Select } from '@mui/base/Select';
+import { Select, SelectProps } from '@mui/base/Select';
 import {
   Option as BaseOption,
   OptionProps,
   OptionOwnerState,
 } from '@mui/base/Option';
 import { useTheme } from '@mui/system';
+import clsx from 'clsx';
 
 const getOptionColorClasses = ({
   selected,
@@ -14,7 +15,7 @@ const getOptionColorClasses = ({
 }: Partial<OptionOwnerState<number>>) => {
   let classes = '';
   if (disabled) {
-    classes += 'text-slate-400 dark:text-slate-700';
+    classes += ' text-slate-400 dark:text-slate-700';
   } else {
     if (selected) {
       classes +=
@@ -56,26 +57,78 @@ export default function UnstyledSelectBasic() {
 
   return (
     <div className={isDarkMode ? 'dark' : ''}>
-      <Select
-        slotProps={{
-          root: ({ focusVisible, open }) => ({
-            className: `text-sm box-border w-80 px-3 py-2 rounded-lg text-left bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 transition-all hover:bg-slate-50 dark:hover:bg-slate-700 outline-0 shadow shadow-slate-200 dark:shadow-slate-900 ${
-              focusVisible ? 'border-purple-400 shadow-outline-purple' : ''
-            } ${
-              open ? 'after:content-["▴"]' : 'after:content-["▾"]'
-            } after:float-right`,
-          }),
-          listbox: {
-            className: `text-sm p-1.5 my-3 w-80 rounded-xl overflow-auto outline-0 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 shadow shadow-slate-200 dark:shadow-slate-900`,
-          },
-          popper: { className: `${isDarkMode ? 'dark' : ''} z-10` },
-        }}
-        defaultValue={10}
-      >
+      <CustomSelect defaultValue={10}>
         <Option value={10}>Ten</Option>
         <Option value={20}>Twenty</Option>
         <Option value={30}>Thirty</Option>
-      </Select>
+      </CustomSelect>
     </div>
   );
 }
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const CustomSelect = React.forwardRef(function CustomSelect<
+  TValue extends {},
+  Multiple extends boolean,
+>(props: SelectProps<TValue, Multiple>, ref: React.ForwardedRef<HTMLButtonElement>) {
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <Select
+      ref={ref}
+      {...props}
+      className={clsx('CustomSelect', props.className)}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `text-sm font-sans box-border w-80 px-3 py-2 rounded-lg text-left bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 transition-all hover:bg-slate-50 dark:hover:bg-slate-700 outline-0 shadow shadow-slate-200 dark:shadow-slate-900 ${
+                ownerState.focusVisible
+                  ? 'border-purple-400 shadow-outline-purple'
+                  : ''
+              } ${
+                ownerState.open ? 'after:content-["▴"]' : 'after:content-["▾"]'
+              } after:float-right`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        listbox: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.listbox,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `text-sm font-sans p-1.5 my-3 w-80 rounded-xl overflow-auto outline-0 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 shadow shadow-slate-200 dark:shadow-slate-900`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        popper: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.popper,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `${isDarkMode ? 'dark' : ''} z-10`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
diff --git a/docs/data/base/components/select/UnstyledSelectBasic/tailwind/index.tsx.preview b/docs/data/base/components/select/UnstyledSelectBasic/tailwind/index.tsx.preview
new file mode 100644
index 00000000000000..d6695526fea9f9
--- /dev/null
+++ b/docs/data/base/components/select/UnstyledSelectBasic/tailwind/index.tsx.preview
@@ -0,0 +1,5 @@
+<CustomSelect defaultValue={10}>
+  <Option value={10}>Ten</Option>
+  <Option value={20}>Twenty</Option>
+  <Option value={30}>Thirty</Option>
+</CustomSelect>
\ No newline at end of file
diff --git a/docs/data/base/components/select/UnstyledSelectCustomRenderValue.js b/docs/data/base/components/select/UnstyledSelectCustomRenderValue.js
index 688b9da2af69e5..3a46d2d98d539b 100644
--- a/docs/data/base/components/select/UnstyledSelectCustomRenderValue.js
+++ b/docs/data/base/components/select/UnstyledSelectCustomRenderValue.js
@@ -8,7 +8,7 @@ import { styled } from '@mui/system';
 
 export default function UnstyledSelectCustomRenderValue() {
   return (
-    <CustomSelect renderValue={renderValue}>
+    <CustomSelect renderValue={renderValue} placeholder="Select an option…">
       <StyledOption value={10}>Ten</StyledOption>
       <StyledOption value={20}>Twenty</StyledOption>
       <StyledOption value={30}>Thirty</StyledOption>
@@ -42,7 +42,7 @@ CustomSelect.propTypes = {
 
 function renderValue(option) {
   if (option == null) {
-    return <span>Select an option...</span>;
+    return null;
   }
 
   return (
diff --git a/docs/data/base/components/select/UnstyledSelectCustomRenderValue.tsx b/docs/data/base/components/select/UnstyledSelectCustomRenderValue.tsx
index eefbfd7f347c3d..7724dc7d197fa4 100644
--- a/docs/data/base/components/select/UnstyledSelectCustomRenderValue.tsx
+++ b/docs/data/base/components/select/UnstyledSelectCustomRenderValue.tsx
@@ -7,7 +7,7 @@ import { styled } from '@mui/system';
 
 export default function UnstyledSelectCustomRenderValue() {
   return (
-    <CustomSelect renderValue={renderValue}>
+    <CustomSelect renderValue={renderValue} placeholder="Select an option…">
       <StyledOption value={10}>Ten</StyledOption>
       <StyledOption value={20}>Twenty</StyledOption>
       <StyledOption value={30}>Thirty</StyledOption>
@@ -28,7 +28,7 @@ function CustomSelect(props: SelectProps<number, false>) {
 
 function renderValue(option: SelectOption<number> | null) {
   if (option == null) {
-    return <span>Select an option...</span>;
+    return null;
   }
 
   return (
diff --git a/docs/data/base/components/select/UnstyledSelectCustomRenderValue.tsx.preview b/docs/data/base/components/select/UnstyledSelectCustomRenderValue.tsx.preview
index cd9bd85a491b05..f76c392d4b0ef8 100644
--- a/docs/data/base/components/select/UnstyledSelectCustomRenderValue.tsx.preview
+++ b/docs/data/base/components/select/UnstyledSelectCustomRenderValue.tsx.preview
@@ -1,4 +1,4 @@
-<CustomSelect renderValue={renderValue}>
+<CustomSelect renderValue={renderValue} placeholder="Select an option…">
   <StyledOption value={10}>Ten</StyledOption>
   <StyledOption value={20}>Twenty</StyledOption>
   <StyledOption value={30}>Thirty</StyledOption>
diff --git a/docs/data/base/components/select/UnstyledSelectForm.js b/docs/data/base/components/select/UnstyledSelectForm.js
index be8cd532748261..c55f63c882caab 100644
--- a/docs/data/base/components/select/UnstyledSelectForm.js
+++ b/docs/data/base/components/select/UnstyledSelectForm.js
@@ -15,7 +15,7 @@ export default function UnstyledSelectForm() {
           <StyledOption value={30}>Thirty</StyledOption>
         </CustomSelect>
       </Box>
-      <Box>
+      <div>
         <Label htmlFor="named-select">
           With the <code>name</code> prop
         </Label>
@@ -24,7 +24,7 @@ export default function UnstyledSelectForm() {
           <StyledOption value={20}>Twenty</StyledOption>
           <StyledOption value={30}>Thirty</StyledOption>
         </CustomSelect>
-      </Box>
+      </div>
     </div>
   );
 }
diff --git a/docs/data/base/components/select/UnstyledSelectForm.tsx b/docs/data/base/components/select/UnstyledSelectForm.tsx
index 38b2ab566b9288..d4db1eaa00a881 100644
--- a/docs/data/base/components/select/UnstyledSelectForm.tsx
+++ b/docs/data/base/components/select/UnstyledSelectForm.tsx
@@ -15,7 +15,7 @@ export default function UnstyledSelectForm() {
           <StyledOption value={30}>Thirty</StyledOption>
         </CustomSelect>
       </Box>
-      <Box>
+      <div>
         <Label htmlFor="named-select">
           With the <code>name</code> prop
         </Label>
@@ -24,7 +24,7 @@ export default function UnstyledSelectForm() {
           <StyledOption value={20}>Twenty</StyledOption>
           <StyledOption value={30}>Thirty</StyledOption>
         </CustomSelect>
-      </Box>
+      </div>
     </div>
   );
 }
diff --git a/docs/data/base/components/select/UnstyledSelectGrouping.js b/docs/data/base/components/select/UnstyledSelectGrouping.js
index 83b2532b7a93f4..0340f2d0d94f7d 100644
--- a/docs/data/base/components/select/UnstyledSelectGrouping.js
+++ b/docs/data/base/components/select/UnstyledSelectGrouping.js
@@ -8,7 +8,7 @@ import { styled } from '@mui/system';
 
 export default function UnstyledSelectGrouping() {
   return (
-    <CustomSelect>
+    <CustomSelect placeholder="Choose a character…">
       <CustomOptionGroup label="Hobbits">
         <StyledOption value="Frodo">Frodo</StyledOption>
         <StyledOption value="Sam">Sam</StyledOption>
diff --git a/docs/data/base/components/select/UnstyledSelectGrouping.tsx b/docs/data/base/components/select/UnstyledSelectGrouping.tsx
index 1e1a749f327009..8d103451bd6312 100644
--- a/docs/data/base/components/select/UnstyledSelectGrouping.tsx
+++ b/docs/data/base/components/select/UnstyledSelectGrouping.tsx
@@ -7,7 +7,7 @@ import { styled } from '@mui/system';
 
 export default function UnstyledSelectGrouping() {
   return (
-    <CustomSelect>
+    <CustomSelect placeholder="Choose a character…">
       <CustomOptionGroup label="Hobbits">
         <StyledOption value="Frodo">Frodo</StyledOption>
         <StyledOption value="Sam">Sam</StyledOption>
diff --git a/docs/data/base/components/select/UnstyledSelectGrouping.tsx.preview b/docs/data/base/components/select/UnstyledSelectGrouping.tsx.preview
index f5a1372a09834b..5118b52abee265 100644
--- a/docs/data/base/components/select/UnstyledSelectGrouping.tsx.preview
+++ b/docs/data/base/components/select/UnstyledSelectGrouping.tsx.preview
@@ -1,4 +1,4 @@
-<CustomSelect>
+<CustomSelect placeholder="Choose a character…">
   <CustomOptionGroup label="Hobbits">
     <StyledOption value="Frodo">Frodo</StyledOption>
     <StyledOption value="Sam">Sam</StyledOption>
diff --git a/docs/data/base/components/select/UnstyledSelectIntroduction/css/index.js b/docs/data/base/components/select/UnstyledSelectIntroduction/css/index.js
new file mode 100644
index 00000000000000..16f99ef827b9ae
--- /dev/null
+++ b/docs/data/base/components/select/UnstyledSelectIntroduction/css/index.js
@@ -0,0 +1,183 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { Select, selectClasses } from '@mui/base/Select';
+import { Option, optionClasses } from '@mui/base/Option';
+import { useTheme } from '@mui/system';
+import UnfoldMoreRoundedIcon from '@mui/icons-material/UnfoldMoreRounded';
+
+export default function UnstyledSelectIntroduction() {
+  return (
+    <React.Fragment>
+      <Select
+        className="CustomSelectIntroduction"
+        slots={{
+          root: Button,
+        }}
+        slotProps={{
+          listbox: { className: 'CustomSelectIntroduction-listbox' },
+          popper: { className: 'CustomSelectIntroduction-popper' },
+        }}
+        defaultValue={10}
+      >
+        <Option className="CustomSelectIntroduction-option" value={10}>
+          Documentation
+        </Option>
+        <Option className="CustomSelectIntroduction-option" value={20}>
+          Components
+        </Option>
+        <Option className="CustomSelectIntroduction-option" value={30}>
+          Features
+        </Option>
+      </Select>
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+const Button = React.forwardRef(function Button(props, ref) {
+  const { ownerState, ...other } = props;
+  return (
+    <button type="button" {...other} ref={ref}>
+      {other.children}
+      <UnfoldMoreRoundedIcon />
+    </button>
+  );
+});
+
+Button.propTypes = {
+  children: PropTypes.node,
+  ownerState: PropTypes.object.isRequired,
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>
+      {`
+      .CustomSelectIntroduction {
+        font-family: IBM Plex Sans, sans-serif;
+        font-size: 0.875rem;
+        box-sizing: border-box;
+        min-width: 320px;
+        padding: 8px 12px;
+        border-radius: 8px;
+        text-align: left;
+        line-height: 1.5;
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        position: relative;
+        box-shadow: 0px 2px 24px ${isDarkMode ? cyan[800] : cyan[100]};
+        transition-property: all;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 120ms;
+
+        &:hover {
+          background: ${isDarkMode ? grey[800] : grey[50]};
+          border-color: ${isDarkMode ? grey[600] : grey[300]};
+        }
+
+        &.${selectClasses.focusVisible} {
+          border-color: ${cyan[400]};
+          outline: 3px solid ${isDarkMode ? cyan[500] : cyan[200]};
+        }
+
+        & > svg {
+          font-size: 1rem;
+          position: absolute;
+          height: 100%;
+          top: 0;
+          right: 10px;
+        }
+      }
+      .CustomSelectIntroduction-listbox {
+        font-family: IBM Plex Sans, sans-serif;
+        font-size: 0.875rem;
+        box-sizing: border-box;
+        padding: 6px;
+        margin: 12px 0;
+        min-width: 320px;
+        border-radius: 12px;
+        overflow: auto;
+        outline: 0px;
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        box-shadow: 0px 4px 6px ${
+          isDarkMode ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
+        };
+      }
+      .CustomSelectIntroduction-popper {
+        z-index: 1;
+      }
+      .CustomSelectIntroduction-option {
+        list-style: none;
+        padding: 8px;
+        border-radius: 8px;
+        cursor: default;
+
+        &:last-of-type {
+          border-bottom: none;
+        }
+
+        &.${optionClasses.selected} {
+          background-color: ${isDarkMode ? cyan[700] : cyan[100]};
+          color: ${isDarkMode ? cyan[50] : cyan[900]};
+        }
+
+        &.${optionClasses.highlighted} {
+          background-color: ${isDarkMode ? grey[800] : grey[100]};
+          color: ${isDarkMode ? grey[300] : grey[900]};
+        }
+
+        &.${optionClasses.highlighted}.${optionClasses.selected} {
+          background-color: ${isDarkMode ? cyan[700] : cyan[100]};
+          color: ${isDarkMode ? cyan[50] : cyan[900]};
+        }
+
+        &.${optionClasses.disabled} {
+          color: ${isDarkMode ? grey[700] : grey[400]};
+        }
+
+        &:hover:not(.${optionClasses.disabled}) {
+          background-color: ${isDarkMode ? grey[800] : grey[100]};
+          color: ${isDarkMode ? grey[300] : grey[900]};
+        }
+      }
+      `}
+    </style>
+  );
+}
diff --git a/docs/data/base/components/select/UnstyledSelectIntroduction/css/index.tsx b/docs/data/base/components/select/UnstyledSelectIntroduction/css/index.tsx
new file mode 100644
index 00000000000000..f67e0106e645ab
--- /dev/null
+++ b/docs/data/base/components/select/UnstyledSelectIntroduction/css/index.tsx
@@ -0,0 +1,183 @@
+import * as React from 'react';
+import { Select, selectClasses, SelectRootSlotProps } from '@mui/base/Select';
+import { Option, optionClasses } from '@mui/base/Option';
+import { useTheme } from '@mui/system';
+import UnfoldMoreRoundedIcon from '@mui/icons-material/UnfoldMoreRounded';
+
+export default function UnstyledSelectIntroduction() {
+  return (
+    <React.Fragment>
+      <Select
+        className="CustomSelectIntroduction"
+        slots={{
+          root: Button,
+        }}
+        slotProps={{
+          listbox: { className: 'CustomSelectIntroduction-listbox' },
+          popper: { className: 'CustomSelectIntroduction-popper' },
+        }}
+        defaultValue={10}
+      >
+        <Option className="CustomSelectIntroduction-option" value={10}>
+          Documentation
+        </Option>
+        <Option className="CustomSelectIntroduction-option" value={20}>
+          Components
+        </Option>
+        <Option className="CustomSelectIntroduction-option" value={30}>
+          Features
+        </Option>
+      </Select>
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+const Button = React.forwardRef(function Button<
+  TValue extends {},
+  Multiple extends boolean,
+>(
+  props: SelectRootSlotProps<TValue, Multiple>,
+  ref: React.ForwardedRef<HTMLButtonElement>,
+) {
+  const { ownerState, ...other } = props;
+  return (
+    <button type="button" {...other} ref={ref}>
+      {other.children}
+      <UnfoldMoreRoundedIcon />
+    </button>
+  );
+});
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>
+      {`
+      .CustomSelectIntroduction {
+        font-family: IBM Plex Sans, sans-serif;
+        font-size: 0.875rem;
+        box-sizing: border-box;
+        min-width: 320px;
+        padding: 8px 12px;
+        border-radius: 8px;
+        text-align: left;
+        line-height: 1.5;
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        position: relative;
+        box-shadow: 0px 2px 24px ${isDarkMode ? cyan[800] : cyan[100]};
+        transition-property: all;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 120ms;
+
+        &:hover {
+          background: ${isDarkMode ? grey[800] : grey[50]};
+          border-color: ${isDarkMode ? grey[600] : grey[300]};
+        }
+
+        &.${selectClasses.focusVisible} {
+          border-color: ${cyan[400]};
+          outline: 3px solid ${isDarkMode ? cyan[500] : cyan[200]};
+        }
+
+        & > svg {
+          font-size: 1rem;
+          position: absolute;
+          height: 100%;
+          top: 0;
+          right: 10px;
+        }
+      }
+      .CustomSelectIntroduction-listbox {
+        font-family: IBM Plex Sans, sans-serif;
+        font-size: 0.875rem;
+        box-sizing: border-box;
+        padding: 6px;
+        margin: 12px 0;
+        min-width: 320px;
+        border-radius: 12px;
+        overflow: auto;
+        outline: 0px;
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        color: ${isDarkMode ? grey[300] : grey[900]};
+        box-shadow: 0px 4px 6px ${
+          isDarkMode ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
+        };
+      }
+      .CustomSelectIntroduction-popper {
+        z-index: 1;
+      }
+      .CustomSelectIntroduction-option {
+        list-style: none;
+        padding: 8px;
+        border-radius: 8px;
+        cursor: default;
+
+        &:last-of-type {
+          border-bottom: none;
+        }
+
+        &.${optionClasses.selected} {
+          background-color: ${isDarkMode ? cyan[700] : cyan[100]};
+          color: ${isDarkMode ? cyan[50] : cyan[900]};
+        }
+
+        &.${optionClasses.highlighted} {
+          background-color: ${isDarkMode ? grey[800] : grey[100]};
+          color: ${isDarkMode ? grey[300] : grey[900]};
+        }
+
+        &.${optionClasses.highlighted}.${optionClasses.selected} {
+          background-color: ${isDarkMode ? cyan[700] : cyan[100]};
+          color: ${isDarkMode ? cyan[50] : cyan[900]};
+        }
+
+        &.${optionClasses.disabled} {
+          color: ${isDarkMode ? grey[700] : grey[400]};
+        }
+
+        &:hover:not(.${optionClasses.disabled}) {
+          background-color: ${isDarkMode ? grey[800] : grey[100]};
+          color: ${isDarkMode ? grey[300] : grey[900]};
+        }
+      }
+      `}
+    </style>
+  );
+}
diff --git a/docs/data/base/components/select/UnstyledSelectIntroduction.js b/docs/data/base/components/select/UnstyledSelectIntroduction/system/index.js
similarity index 100%
rename from docs/data/base/components/select/UnstyledSelectIntroduction.js
rename to docs/data/base/components/select/UnstyledSelectIntroduction/system/index.js
diff --git a/docs/data/base/components/select/UnstyledSelectIntroduction.tsx b/docs/data/base/components/select/UnstyledSelectIntroduction/system/index.tsx
similarity index 100%
rename from docs/data/base/components/select/UnstyledSelectIntroduction.tsx
rename to docs/data/base/components/select/UnstyledSelectIntroduction/system/index.tsx
diff --git a/docs/data/base/components/select/UnstyledSelectIntroduction.tsx.preview b/docs/data/base/components/select/UnstyledSelectIntroduction/system/index.tsx.preview
similarity index 100%
rename from docs/data/base/components/select/UnstyledSelectIntroduction.tsx.preview
rename to docs/data/base/components/select/UnstyledSelectIntroduction/system/index.tsx.preview
diff --git a/docs/data/base/components/select/UnstyledSelectIntroduction/tailwind/index.js b/docs/data/base/components/select/UnstyledSelectIntroduction/tailwind/index.js
new file mode 100644
index 00000000000000..51a74d90004ba1
--- /dev/null
+++ b/docs/data/base/components/select/UnstyledSelectIntroduction/tailwind/index.js
@@ -0,0 +1,164 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { Select } from '@mui/base/Select';
+import { Option as BaseOption } from '@mui/base/Option';
+import { useTheme } from '@mui/system';
+import UnfoldMoreRoundedIcon from '@mui/icons-material/UnfoldMoreRounded';
+import clsx from 'clsx';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledSelectIntroduction() {
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <div className={isDarkMode ? 'dark' : ''}>
+      <CustomSelect defaultValue={10}>
+        <Option value={10}>Documentation</Option>
+        <Option value={20}>Components</Option>
+        <Option value={30}>Features</Option>
+      </CustomSelect>
+    </div>
+  );
+}
+
+const getOptionColorClasses = ({ selected, highlighted, disabled }) => {
+  let classes = '';
+  if (disabled) {
+    classes += 'text-slate-400 dark:text-slate-700';
+  } else {
+    if (selected) {
+      classes +=
+        ' bg-purple-100 dark:bg-purple-950 text-purple-950 dark:text-purple-50';
+    } else if (highlighted) {
+      classes +=
+        ' bg-slate-100 dark:bg-slate-800 text-slate-900 dark:text-slate-300';
+    }
+    classes +=
+      ' hover:dark:bg-slate-800 hover:bg-slate-100 hover:dark:text-slate-300 hover:text-slate-900';
+  }
+  return classes;
+};
+
+const Option = React.forwardRef((props, ref) => {
+  return (
+    <BaseOption
+      ref={ref}
+      {...props}
+      slotProps={{
+        root: ({ selected, highlighted, disabled }) => ({
+          className: `list-none p-2 rounded-lg cursor-default last-of-type:border-b-0 ${getOptionColorClasses(
+            { selected, highlighted, disabled },
+          )}`,
+        }),
+      }}
+    />
+  );
+});
+
+const Button = React.forwardRef(function Button(props, ref) {
+  const { ownerState, ...other } = props;
+  return (
+    <button type="button" {...other} ref={ref}>
+      {other.children}
+      <UnfoldMoreRoundedIcon />
+    </button>
+  );
+});
+
+Button.propTypes = {
+  children: PropTypes.node,
+  ownerState: PropTypes.object.isRequired,
+};
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const CustomSelect = React.forwardRef(function CustomSelect(props, ref) {
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <Select
+      ref={ref}
+      {...props}
+      slots={{
+        root: Button,
+        ...props.slots,
+      }}
+      className={clsx('CustomSelect', props.className)}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `relative text-sm font-sans box-border w-80 px-3 py-2 rounded-lg text-left bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 transition-all hover:bg-slate-50 dark:hover:bg-slate-700 outline-0 shadow-md shadow-slate-100 dark:shadow-slate-900 ${
+                ownerState.focusVisible
+                  ? 'border-purple-400 shadow-outline-purple'
+                  : ''
+              } [&>svg]:text-base	[&>svg]:absolute [&>svg]:h-full [&>svg]:top-0 [&>svg]:right-2.5`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        listbox: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.listbox,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `text-sm font-sans p-1.5 my-3 w-80 rounded-xl overflow-auto outline-0 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 shadow shadow-slate-200 dark:shadow-slate-900`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        popper: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.popper,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `${isDarkMode ? 'dark' : ''} z-10`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+CustomSelect.propTypes = {
+  className: PropTypes.string,
+  /**
+   * The props used for each slot inside the Input.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    listbox: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    popper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+  /**
+   * The components used for each slot inside the Select.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    listbox: PropTypes.elementType,
+    popper: PropTypes.func,
+    root: PropTypes.elementType,
+  }),
+};
diff --git a/docs/data/base/components/select/UnstyledSelectIntroduction/tailwind/index.tsx b/docs/data/base/components/select/UnstyledSelectIntroduction/tailwind/index.tsx
new file mode 100644
index 00000000000000..adea44669a23e6
--- /dev/null
+++ b/docs/data/base/components/select/UnstyledSelectIntroduction/tailwind/index.tsx
@@ -0,0 +1,153 @@
+import * as React from 'react';
+import { Select, SelectRootSlotProps, SelectProps } from '@mui/base/Select';
+import {
+  Option as BaseOption,
+  OptionProps,
+  OptionOwnerState,
+} from '@mui/base/Option';
+import { useTheme } from '@mui/system';
+import UnfoldMoreRoundedIcon from '@mui/icons-material/UnfoldMoreRounded';
+import clsx from 'clsx';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledSelectIntroduction() {
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <div className={isDarkMode ? 'dark' : ''}>
+      <CustomSelect defaultValue={10}>
+        <Option value={10}>Documentation</Option>
+        <Option value={20}>Components</Option>
+        <Option value={30}>Features</Option>
+      </CustomSelect>
+    </div>
+  );
+}
+
+const getOptionColorClasses = ({
+  selected,
+  highlighted,
+  disabled,
+}: Partial<OptionOwnerState<number>>) => {
+  let classes = '';
+  if (disabled) {
+    classes += 'text-slate-400 dark:text-slate-700';
+  } else {
+    if (selected) {
+      classes +=
+        ' bg-purple-100 dark:bg-purple-950 text-purple-950 dark:text-purple-50';
+    } else if (highlighted) {
+      classes +=
+        ' bg-slate-100 dark:bg-slate-800 text-slate-900 dark:text-slate-300';
+    }
+    classes +=
+      ' hover:dark:bg-slate-800 hover:bg-slate-100 hover:dark:text-slate-300 hover:text-slate-900';
+  }
+  return classes;
+};
+
+const Option = React.forwardRef<HTMLLIElement, OptionProps<number>>((props, ref) => {
+  return (
+    <BaseOption
+      ref={ref}
+      {...props}
+      slotProps={{
+        root: ({ selected, highlighted, disabled }) => ({
+          className: `list-none p-2 rounded-lg cursor-default last-of-type:border-b-0 ${getOptionColorClasses(
+            { selected, highlighted, disabled },
+          )}`,
+        }),
+      }}
+    />
+  );
+});
+
+const Button = React.forwardRef(function Button<
+  TValue extends {},
+  Multiple extends boolean,
+>(
+  props: SelectRootSlotProps<TValue, Multiple>,
+  ref: React.ForwardedRef<HTMLButtonElement>,
+) {
+  const { ownerState, ...other } = props;
+  return (
+    <button type="button" {...other} ref={ref}>
+      {other.children}
+      <UnfoldMoreRoundedIcon />
+    </button>
+  );
+});
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const CustomSelect = React.forwardRef(function CustomSelect<
+  TValue extends {},
+  Multiple extends boolean,
+>(props: SelectProps<TValue, Multiple>, ref: React.ForwardedRef<HTMLButtonElement>) {
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <Select
+      ref={ref}
+      {...props}
+      slots={{
+        root: Button,
+        ...props.slots,
+      }}
+      className={clsx('CustomSelect', props.className)}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `relative text-sm font-sans box-border w-80 px-3 py-2 rounded-lg text-left bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 transition-all hover:bg-slate-50 dark:hover:bg-slate-700 outline-0 shadow-md shadow-slate-100 dark:shadow-slate-900 ${
+                ownerState.focusVisible
+                  ? 'border-purple-400 shadow-outline-purple'
+                  : ''
+              } [&>svg]:text-base	[&>svg]:absolute [&>svg]:h-full [&>svg]:top-0 [&>svg]:right-2.5`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        listbox: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.listbox,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `text-sm font-sans p-1.5 my-3 w-80 rounded-xl overflow-auto outline-0 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 text-slate-900 dark:text-slate-300 shadow shadow-slate-200 dark:shadow-slate-900`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        popper: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.popper,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `${isDarkMode ? 'dark' : ''} z-10`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
diff --git a/docs/data/base/components/select/UnstyledSelectIntroduction/tailwind/index.tsx.preview b/docs/data/base/components/select/UnstyledSelectIntroduction/tailwind/index.tsx.preview
new file mode 100644
index 00000000000000..dba248ae30720d
--- /dev/null
+++ b/docs/data/base/components/select/UnstyledSelectIntroduction/tailwind/index.tsx.preview
@@ -0,0 +1,5 @@
+<CustomSelect defaultValue={10}>
+  <Option value={10}>Documentation</Option>
+  <Option value={20}>Components</Option>
+  <Option value={30}>Features</Option>
+</CustomSelect>
\ No newline at end of file
diff --git a/docs/data/base/components/select/UnstyledSelectObjectValuesForm.js b/docs/data/base/components/select/UnstyledSelectObjectValuesForm.js
index efc09f6ff658e2..b4c785314042fa 100644
--- a/docs/data/base/components/select/UnstyledSelectObjectValuesForm.js
+++ b/docs/data/base/components/select/UnstyledSelectObjectValuesForm.js
@@ -37,6 +37,7 @@ export default function UnstyledSelectObjectValuesForm() {
               name="character"
               id="object-value-default-button"
               aria-labelledby="object-value-default-label object-value-default-button"
+              placeholder="Choose a character…"
             >
               {characters.map((character) => (
                 <StyledOption key={character.name} value={character}>
@@ -64,6 +65,7 @@ export default function UnstyledSelectObjectValuesForm() {
               name="character"
               id="object-value-serialize-button"
               aria-labelledby="object-value-serialize-label object-value-serialize-button"
+              placeholder="Choose a character…"
             >
               {characters.map((character) => (
                 <StyledOption key={character.name} value={character}>
diff --git a/docs/data/base/components/select/UnstyledSelectObjectValuesForm.tsx b/docs/data/base/components/select/UnstyledSelectObjectValuesForm.tsx
index 520ae148c9d954..fa1249d8336fb5 100644
--- a/docs/data/base/components/select/UnstyledSelectObjectValuesForm.tsx
+++ b/docs/data/base/components/select/UnstyledSelectObjectValuesForm.tsx
@@ -36,6 +36,7 @@ export default function UnstyledSelectObjectValuesForm() {
               name="character"
               id="object-value-default-button"
               aria-labelledby="object-value-default-label object-value-default-button"
+              placeholder="Choose a character…"
             >
               {characters.map((character) => (
                 <StyledOption key={character.name} value={character}>
@@ -63,6 +64,7 @@ export default function UnstyledSelectObjectValuesForm() {
               name="character"
               id="object-value-serialize-button"
               aria-labelledby="object-value-serialize-label object-value-serialize-button"
+              placeholder="Choose a character…"
             >
               {characters.map((character) => (
                 <StyledOption key={character.name} value={character}>
diff --git a/docs/data/base/components/select/UnstyledSelectRichOptions.js b/docs/data/base/components/select/UnstyledSelectRichOptions.js
index 8ab6163f0cb8be..f173c87b95c265 100644
--- a/docs/data/base/components/select/UnstyledSelectRichOptions.js
+++ b/docs/data/base/components/select/UnstyledSelectRichOptions.js
@@ -7,14 +7,14 @@ import { Popper } from '@mui/base';
 
 export default function UnstyledSelectRichOptions() {
   return (
-    <CustomSelect>
+    <CustomSelect placeholder="Select country…">
       {countries.map((c) => (
         <StyledOption key={c.code} value={c.code} label={c.label}>
           <img
             loading="lazy"
             width="20"
-            src={`https://flagcdn.com/w20/${c.code.toLowerCase()}.png`}
             srcSet={`https://flagcdn.com/w40/${c.code.toLowerCase()}.png 2x`}
+            src={`https://flagcdn.com/w20/${c.code.toLowerCase()}.png`}
             alt={`Flag of ${c.label}`}
           />
           {c.label} ({c.code}) +{c.phone}
diff --git a/docs/data/base/components/select/UnstyledSelectRichOptions.tsx b/docs/data/base/components/select/UnstyledSelectRichOptions.tsx
index 5c9f3058715b68..cd73f9736d7309 100644
--- a/docs/data/base/components/select/UnstyledSelectRichOptions.tsx
+++ b/docs/data/base/components/select/UnstyledSelectRichOptions.tsx
@@ -6,14 +6,14 @@ import { Popper } from '@mui/base';
 
 export default function UnstyledSelectRichOptions() {
   return (
-    <CustomSelect>
+    <CustomSelect placeholder="Select country…">
       {countries.map((c) => (
         <StyledOption key={c.code} value={c.code} label={c.label}>
           <img
             loading="lazy"
             width="20"
-            src={`https://flagcdn.com/w20/${c.code.toLowerCase()}.png`}
             srcSet={`https://flagcdn.com/w40/${c.code.toLowerCase()}.png 2x`}
+            src={`https://flagcdn.com/w20/${c.code.toLowerCase()}.png`}
             alt={`Flag of ${c.label}`}
           />
           {c.label} ({c.code}) +{c.phone}
diff --git a/docs/data/base/components/select/UnstyledSelectRichOptions.tsx.preview b/docs/data/base/components/select/UnstyledSelectRichOptions.tsx.preview
index c44e049a371c8f..19c7b7cfab2da4 100644
--- a/docs/data/base/components/select/UnstyledSelectRichOptions.tsx.preview
+++ b/docs/data/base/components/select/UnstyledSelectRichOptions.tsx.preview
@@ -1,11 +1,11 @@
-<CustomSelect>
+<CustomSelect placeholder="Select country…">
   {countries.map((c) => (
     <StyledOption key={c.code} value={c.code} label={c.label}>
       <img
         loading="lazy"
         width="20"
-        src={`https://flagcdn.com/w20/${c.code.toLowerCase()}.png`}
         srcSet={`https://flagcdn.com/w40/${c.code.toLowerCase()}.png 2x`}
+        src={`https://flagcdn.com/w20/${c.code.toLowerCase()}.png`}
         alt={`Flag of ${c.label}`}
       />
       {c.label} ({c.code}) +{c.phone}
diff --git a/docs/data/base/components/select/select.md b/docs/data/base/components/select/select.md
index d662ea7e620498..bc5bc93cea020d 100644
--- a/docs/data/base/components/select/select.md
+++ b/docs/data/base/components/select/select.md
@@ -19,45 +19,23 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-sel
 
 A select is a UI element that gives users a list of options to choose from.
 
-Base UI offers components to replace the native HTML `<select>` tag: Select.
-It also includes Option for creating the options on the list, and Option Group for grouping those options.
+Base UI's Select component replaces the native HTML `<select>` tag.
+It also includes the Option component for creating the options in the list, and Option Group for grouping those options.
 
-{{"demo": "UnstyledSelectIntroduction.js", "defaultCodeOpen": false, "bg": "gradient"}}
-
-### Features
-
-- 🦍 Can be used as a controlled or uncontrolled component
-- 🧬 Accepts custom elements and non-string values for options
-- 🗃️ Options can be grouped and nested
+{{"demo": "UnstyledSelectIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
 
 ## Components
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component collection using the following basic elements:
-
 ```jsx
 import { Select } from '@mui/base/Select';
 import { Option } from '@mui/base/Option';
-
-export default function MyApp() {
-  return (
-    <Select>
-      <Option value="#F00">Red</Option>
-      <Option value="#0F0">Green</Option>
-      <Option value="#00F">Blue</Option>
-    </Select>
-  );
-}
 ```
 
-### Basics
-
-The following demo shows how to create and style a Select component.
+The following demo shows how to create and style a Select component with several Options:
 
 {{"demo": "UnstyledSelectBasic", "defaultCodeOpen": false}}
 
-#### Form submission
+### Form submission
 
 The value(s) chosen in the Select can be posted to a server using a standard HTML form.
 When the `name` prop is set, the Select will render a hidden input with the selected value.
@@ -65,11 +43,9 @@ When the `name` prop is set, the Select will render a hidden input with the sele
 {{"demo": "UnstyledSelectForm.js"}}
 
 Note how the second Select in the demo above renders a hidden input with the name provided as a prop.
+You can customize the value of this hidden input—see the [Object values](#object-values) section for details.
 
-You can customize the value of this hidden input.
-See the [Object values](#object-values) section to learn how to do it.
-
-#### TypeScript caveat
+### TypeScript caveat
 
 Select's props are generic.
 Due to TypeScript limitations, this may cause unexpected behavior when wrapping the component in `forwardRef` (or other higher-order components).
@@ -91,17 +67,15 @@ const CustomSelect = React.forwardRef(function CustomSelect<TValue>(
 
 For the sake of brevity, the rest of the demos throughout this doc will not use `forwardRef`.
 
-### Multi-select
+### Multiple selections
 
-The Select component lets your users select multiple options from the list.
-In contrast to the single-selection mode, the options popup doesn't close after an item is selected, enabling users to continue choosing more options.
+Set the `multiple` prop to let your users select multiple options from the list.
+In contrast with single-selection mode, the options popup doesn't close after an item is selected, which enables users to continue choosing more options.
 
-Set the `multiple` prop to turn on the multi-selection mode.
+Note that in multiple selection mode, the `value` prop (and `defaultValue`) is an array.
 
 {{"demo": "UnstyledSelectMultiple.js", "defaultCodeOpen": false}}
 
-Note that in the multiple selection mode, the `value` prop (and `defaultValue`) is an array.
-
 ### Controlled select
 
 Select can be used as an uncontrolled or controlled component.
@@ -116,9 +90,9 @@ Learn more about controlled and uncontrolled components in the [React documentat
 
 {{"demo": "UnstyledSelectControlled.js", "defaultCodeOpen": false}}
 
-To set the value of the controlled Select, use the `value` prop.
+Use the `value` prop to set the value of the controlled Select.
 The uncontrolled component accepts the `defaultValue` that can be used to set the initial value.
-In any case, if you wish to deselect all values, pass `null` to the respective prop.
+To deselect all values, pass `null` to the respective prop.
 
 :::warning
 This pattern is where Base UI's Select differs from the equivalent [Material UI component](/material-ui/react-select/).
@@ -139,17 +113,21 @@ You can change this behavior with the help of the `getSerializedValue` prop.
 
 ### Grouping options
 
+```jsx
+import { OptionGroup } from '@mui/base/OptionGroup';
+```
+
 Options can be grouped, similarly to how the native `<select>` element works.
 Unlike the native `<select>`, groups can be nested.
 
-The following demo shows how to group options with the Option Group component:
+The following demo shows how to group Options with the Option Group component:
 
 {{"demo": "UnstyledSelectGrouping.js", "defaultCodeOpen": false}}
 
 ### Anatomy
 
-The Select component is composed of a root `<button>` along with a `<div>` that houses a `<ul>` within a Popper.
-Option renders as an `<li>`:
+The Select component is composed of a root `<button>` along with a `<div>` that houses a `<ul>` within a [Popper](/base-ui/react-popper/).
+Option renders as an `<li>`, and Option Group renders a `<ul>` with an `<li>` that represents its label.
 
 ```html
 <button class="MuiSelect-root" type="button">Open</button>
@@ -190,9 +168,10 @@ To instead render the popup where the component is defined, override the `disabl
 <Select slotProps={{ popper: { disablePortal: true } }} />
 ```
 
-#### Usage with TypeScript
+### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. This way, you can safely provide the custom root's props directly on the component:
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
+This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx
 <Select<typeof CustomComponent> slots={{ root: CustomComponent }} customProp />
@@ -210,10 +189,10 @@ The same applies for props specific to custom primitive elements:
 import { useSelect } from '@mui/base/useSelect';
 ```
 
-The `useSelect` hook lets you apply the functionality of a select to a fully custom component.
+The `useSelect` hook lets you apply the functionality of a Select to a fully custom component.
 It returns props to be placed on the custom component, along with fields representing the component's internal state.
 
-Hooks _do not_ support [slot props](#slot-props), but they do support [customization props](#customization).
+Hooks _do not_ support [slot props](#custom-structure), but they do support [customization props](#customization).
 
 :::info
 Hooks give you the most room for customization, but require more work to implement.
@@ -224,16 +203,21 @@ You may not need to use hooks unless you find that you're limited by the customi
 
 The following example shows a select built with a hook.
 Note how this component does not include any built-in classes.
-The resulting HTML is much smaller compared to the unstyled component version, as the class names are not applied.
+The resulting HTML is much smaller compared with its prebuilt component counterpart, because the class names are not applied.
 
 {{"demo": "UseSelect.js", "defaultCodeOpen": false}}
 
 ## Customization
 
+:::info
+The following features can be used with both components and hooks.
+For the sake of simplicity, demos and code snippets primarily feature components.
+:::
+
 ### Selected value appearance
 
 You can customize the appearance of the selected value display by providing a function to the `renderValue` prop.
-The element returned by this function will be rendered inside the select's button.
+The element returned by this function will be rendered inside the Select's button.
 
 {{"demo": "UnstyledSelectCustomRenderValue.js", "defaultCodeOpen": false}}
 
diff --git a/docs/data/base/components/slider/UnstyledSliderIntroduction/css/index.js b/docs/data/base/components/slider/UnstyledSliderIntroduction/css/index.js
new file mode 100644
index 00000000000000..1590eddd47e088
--- /dev/null
+++ b/docs/data/base/components/slider/UnstyledSliderIntroduction/css/index.js
@@ -0,0 +1,131 @@
+import * as React from 'react';
+import { useTheme, alpha } from '@mui/system';
+import { Slider, sliderClasses } from '@mui/base/Slider';
+
+export default function UnstyledSliderIntroduction() {
+  return (
+    <div style={{ width: 320 }}>
+      <Slider
+        slotProps={{
+          root: { className: 'CustomSlider' },
+          rail: { className: 'CustomSlider-rail' },
+          track: { className: 'CustomSlider-track' },
+          thumb: { className: 'CustomSlider-thumb' },
+        }}
+        defaultValue={50}
+      />
+      <Slider
+        slotProps={{
+          root: { className: 'CustomSlider' },
+          rail: { className: 'CustomSlider-rail' },
+          track: { className: 'CustomSlider-track' },
+          thumb: { className: 'CustomSlider-thumb' },
+        }}
+        defaultValue={10}
+        disabled
+      />
+      <Styles />
+    </div>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+  return (
+    <style>{`
+    .CustomSlider {
+      color: ${isDarkMode ? cyan[300] : cyan[500]};
+      height: 6px;
+      width: 100%;
+      padding: 16px 0;
+      display: inline-block;
+      position: relative;
+      cursor: pointer;
+      touch-action: none;
+      -webkit-tap-highlight-color: transparent;
+    }
+
+    .CustomSlider:hover {
+      opacity: 1;
+    }
+
+    .CustomSlider.${sliderClasses.disabled} { 
+      pointer-events: none;
+      cursor: default;
+      color: ${isDarkMode ? grey[600] : grey[300]};
+      opacity: 0.5;
+    }
+
+    .CustomSlider-rail {
+      display: block;
+      position: absolute;
+      width: 100%;
+      height: 4px;
+      border-radius: 2px;
+      background-color: currentColor;
+      opacity: 0.4;
+    }
+
+    .CustomSlider-track {
+      display: block;
+      position: absolute;
+      height: 4px;
+      border-radius: 2px;
+      background-color: currentColor;
+    }
+
+    .CustomSlider-thumb {
+      position: absolute;
+      width: 16px;
+      height: 16px;
+      margin-left: -6px;
+      margin-top: -6px;
+      box-sizing: border-box;
+      border-radius: 50%;
+      outline: 0;
+      border: 3px solid currentColor;
+      background-color: #fff;
+    }
+
+    .CustomSlider-thumb:hover,&.${sliderClasses.focusVisible} {
+      box-shadow: 0 0 0 0.25rem ${alpha(isDarkMode ? cyan[300] : cyan[400], 0.15)};
+    }
+
+    .CustomSlider-thumb.${sliderClasses.active} {
+      box-shadow: 0 0 0 0.25rem ${alpha(isDarkMode ? cyan[300] : cyan[200], 0.3)};
+    }
+    `}</style>
+  );
+}
diff --git a/docs/data/base/components/slider/UnstyledSliderIntroduction/css/index.tsx b/docs/data/base/components/slider/UnstyledSliderIntroduction/css/index.tsx
new file mode 100644
index 00000000000000..1590eddd47e088
--- /dev/null
+++ b/docs/data/base/components/slider/UnstyledSliderIntroduction/css/index.tsx
@@ -0,0 +1,131 @@
+import * as React from 'react';
+import { useTheme, alpha } from '@mui/system';
+import { Slider, sliderClasses } from '@mui/base/Slider';
+
+export default function UnstyledSliderIntroduction() {
+  return (
+    <div style={{ width: 320 }}>
+      <Slider
+        slotProps={{
+          root: { className: 'CustomSlider' },
+          rail: { className: 'CustomSlider-rail' },
+          track: { className: 'CustomSlider-track' },
+          thumb: { className: 'CustomSlider-thumb' },
+        }}
+        defaultValue={50}
+      />
+      <Slider
+        slotProps={{
+          root: { className: 'CustomSlider' },
+          rail: { className: 'CustomSlider-rail' },
+          track: { className: 'CustomSlider-track' },
+          thumb: { className: 'CustomSlider-thumb' },
+        }}
+        defaultValue={10}
+        disabled
+      />
+      <Styles />
+    </div>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+  return (
+    <style>{`
+    .CustomSlider {
+      color: ${isDarkMode ? cyan[300] : cyan[500]};
+      height: 6px;
+      width: 100%;
+      padding: 16px 0;
+      display: inline-block;
+      position: relative;
+      cursor: pointer;
+      touch-action: none;
+      -webkit-tap-highlight-color: transparent;
+    }
+
+    .CustomSlider:hover {
+      opacity: 1;
+    }
+
+    .CustomSlider.${sliderClasses.disabled} { 
+      pointer-events: none;
+      cursor: default;
+      color: ${isDarkMode ? grey[600] : grey[300]};
+      opacity: 0.5;
+    }
+
+    .CustomSlider-rail {
+      display: block;
+      position: absolute;
+      width: 100%;
+      height: 4px;
+      border-radius: 2px;
+      background-color: currentColor;
+      opacity: 0.4;
+    }
+
+    .CustomSlider-track {
+      display: block;
+      position: absolute;
+      height: 4px;
+      border-radius: 2px;
+      background-color: currentColor;
+    }
+
+    .CustomSlider-thumb {
+      position: absolute;
+      width: 16px;
+      height: 16px;
+      margin-left: -6px;
+      margin-top: -6px;
+      box-sizing: border-box;
+      border-radius: 50%;
+      outline: 0;
+      border: 3px solid currentColor;
+      background-color: #fff;
+    }
+
+    .CustomSlider-thumb:hover,&.${sliderClasses.focusVisible} {
+      box-shadow: 0 0 0 0.25rem ${alpha(isDarkMode ? cyan[300] : cyan[400], 0.15)};
+    }
+
+    .CustomSlider-thumb.${sliderClasses.active} {
+      box-shadow: 0 0 0 0.25rem ${alpha(isDarkMode ? cyan[300] : cyan[200], 0.3)};
+    }
+    `}</style>
+  );
+}
diff --git a/docs/data/base/components/slider/UnstyledSliderIntroduction.js b/docs/data/base/components/slider/UnstyledSliderIntroduction/system/index.js
similarity index 100%
rename from docs/data/base/components/slider/UnstyledSliderIntroduction.js
rename to docs/data/base/components/slider/UnstyledSliderIntroduction/system/index.js
diff --git a/docs/data/base/components/slider/UnstyledSliderIntroduction.tsx b/docs/data/base/components/slider/UnstyledSliderIntroduction/system/index.tsx
similarity index 100%
rename from docs/data/base/components/slider/UnstyledSliderIntroduction.tsx
rename to docs/data/base/components/slider/UnstyledSliderIntroduction/system/index.tsx
diff --git a/docs/data/base/components/slider/UnstyledSliderIntroduction.tsx.preview b/docs/data/base/components/slider/UnstyledSliderIntroduction/system/index.tsx.preview
similarity index 100%
rename from docs/data/base/components/slider/UnstyledSliderIntroduction.tsx.preview
rename to docs/data/base/components/slider/UnstyledSliderIntroduction/system/index.tsx.preview
diff --git a/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.js b/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.js
new file mode 100644
index 00000000000000..67e91b513c0339
--- /dev/null
+++ b/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.js
@@ -0,0 +1,112 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { useTheme } from '@mui/system';
+import { Slider } from '@mui/base/Slider';
+import clsx from 'clsx';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledSliderIntroduction() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <div className={isDarkMode ? 'dark' : ''} style={{ width: 320 }}>
+      <CustomSlider defaultValue={50} />
+      <CustomSlider defaultValue={10} disabled />
+    </div>
+  );
+}
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const CustomSlider = React.forwardRef((props, ref) => {
+  return (
+    <Slider
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `h-1.5 w-full py-4 inline-block relative touch-none ${
+                ownerState.disabled
+                  ? 'opacity-50 cursor-default pointer-events-none text-slate-300 dark:text-slate-600'
+                  : 'hover:opacity-100 cursor-pointer text-purple-500 dark:text-purple-400'
+              }`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        rail: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.rail,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'block absolute w-full h-1 rounded-sm bg-current opacity-40',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        track: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.track,
+            ownerState,
+          );
+
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'block absolute h-1 rounded-sm bg-current',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        thumb: (ownerState, { active, focused }) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.thumb,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `absolute w-4 h-4 -ml-1.5 -mt-1.5 box-border rounded-full outline-0 border-3 border-solid border-current bg-white hover:shadow-outline-purple ${
+                focused || active ? 'shadow-outline-purple' : ''
+              }`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+CustomSlider.propTypes = {
+  /**
+   * The props used for each slot inside the Slider.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    mark: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    markLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    rail: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    thumb: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    track: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    valueLabel: PropTypes.oneOfType([PropTypes.any, PropTypes.func]),
+  }),
+};
diff --git a/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.tsx b/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.tsx
new file mode 100644
index 00000000000000..c0860e55e7600f
--- /dev/null
+++ b/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.tsx
@@ -0,0 +1,95 @@
+import * as React from 'react';
+import { useTheme } from '@mui/system';
+import { Slider, SliderProps } from '@mui/base/Slider';
+import clsx from 'clsx';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledSliderIntroduction() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <div className={isDarkMode ? 'dark' : ''} style={{ width: 320 }}>
+      <CustomSlider defaultValue={50} />
+      <CustomSlider defaultValue={10} disabled />
+    </div>
+  );
+}
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const CustomSlider = React.forwardRef<HTMLSpanElement, SliderProps>((props, ref) => {
+  return (
+    <Slider
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `h-1.5 w-full py-4 inline-block relative touch-none ${
+                ownerState.disabled
+                  ? 'opacity-50 cursor-default pointer-events-none text-slate-300 dark:text-slate-600'
+                  : 'hover:opacity-100 cursor-pointer text-purple-500 dark:text-purple-400'
+              }`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        rail: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.rail,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'block absolute w-full h-1 rounded-sm bg-current opacity-40',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        track: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.track,
+            ownerState,
+          );
+
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'block absolute h-1 rounded-sm bg-current',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        thumb: (ownerState, { active, focused }) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.thumb,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `absolute w-4 h-4 -ml-1.5 -mt-1.5 box-border rounded-full outline-0 border-3 border-solid border-current bg-white hover:shadow-outline-purple ${
+                focused || active ? 'shadow-outline-purple' : ''
+              }`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
diff --git a/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.tsx.preview b/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.tsx.preview
new file mode 100644
index 00000000000000..d1eb2628eafe30
--- /dev/null
+++ b/docs/data/base/components/slider/UnstyledSliderIntroduction/tailwind/index.tsx.preview
@@ -0,0 +1,2 @@
+<CustomSlider defaultValue={50} />
+<CustomSlider defaultValue={10} disabled />
\ No newline at end of file
diff --git a/docs/data/base/components/slider/slider.md b/docs/data/base/components/slider/slider.md
index 1e2f05ce78da47..de372799103529 100644
--- a/docs/data/base/components/slider/slider.md
+++ b/docs/data/base/components/slider/slider.md
@@ -22,29 +22,14 @@ The Slider component lets users make selections from a range of values along a h
 
 Sliders are ideal for interface controls that benefit from a visual representation of adjustable content, such as volume or brightness settings, or for applying image filters such as gradients or saturation.
 
-{{"demo": "UnstyledSliderIntroduction.js", "defaultCodeOpen": false, "bg": "gradient"}}
+{{"demo": "UnstyledSliderIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { Slider } from '@mui/base/Slider';
-
-export default function MyApp() {
-  return <Slider />;
-}
 ```
 
-### Basics
-
-The following demo shows how to create and style two basic sliders.
-Notice that both are set to a default value of 10 with the `defaultValue` prop, and the second slider cannot be adjusted due to the `disabled` prop:
-
-{{"demo": "UnstyledSliderBasic", "defaultCodeOpen": false}}
-
 ### Anatomy
 
 The Slider component is composed of a root `<span>` that houses several interior `<span>` elements:
@@ -118,9 +103,10 @@ The following code snippet applies a CSS class called `my-rail` to the rail slot
 <Slider slotProps={{ rail: { className: 'my-rail' } }} />
 ```
 
-#### Usage with TypeScript
+### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. This way, you can safely provide the custom root's props directly on the component:
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
+This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx
 <Slider<typeof CustomComponent> slots={{ root: CustomComponent }} customProp />
@@ -138,10 +124,10 @@ The same applies for props specific to custom primitive elements:
 import { useSlider } from '@mui/base/useSlider';
 ```
 
-The `useSlider` hook lets you apply the functionality of a slider to a fully custom component.
+The `useSlider` hook lets you apply the functionality of a Slider to a fully custom component.
 It returns props to be placed on the custom component, along with fields representing the component's internal state.
 
-Hooks _do not_ support [slot props](#slot-props), but they do support [customization props](#customization).
+Hooks _do not_ support [slot props](#custom-structure), but they do support [customization props](#customization).
 
 :::info
 Hooks give you the most room for customization, but require more work to implement.
@@ -156,16 +142,16 @@ You may not need to use hooks unless you find that you're limited by the customi
 
 Slider components can be arranged vertically as well as horizontally.
 
-When vertical, you must set `orientation="vertical"` on the `<Slider />` component so the user can navigate with the up and down arrow keys (rather than the default left-to-right behavior for horizontal sliders).
+When vertical, you must set `orientation="vertical"` on the Slider so the user can navigate with the up and down arrow keys (rather than the default left-to-right behavior for horizontal sliders).
 
 {{"demo": "VerticalSlider.js"}}
 
 ### Discrete sliders
 
-The most basic slider is _continuous_, which means it does not have pre-defined (_discrete_) values for the user to select from.
+The most basic Slider is _continuous_, which means it does not have pre-defined (_discrete_) values for the user to select from.
 This is suitable for situations in which an approximate value is good enough for the user, such as brightness or volume.
 
-But if your users need more precise options, you can create a discrete slider that snaps the thumb to pre-defined stops along the bar.
+But if your users need more precise options, you can create a discrete Slider that snaps the thumb to pre-defined stops along the bar.
 
 To generate a mark for each stop, use `marks={true}`:
 
@@ -185,13 +171,14 @@ If the user should only be able to select from the values provided with the `mar
 
 ### Range slider
 
-To let users set the start and end of a range on a slider, provide an array of values to the `value` or `defaultValue` prop:
+To let users set the start and end of a range on a Slider, provide an array of values to the `value` or `defaultValue` prop:
 
 {{"demo": "RangeSlider.js"}}
 
 ### Value label
 
-A label for the value can be rendered around the thumb by using the optional `slots` prop with the `valueLabel` slot. These are the typical use cases for showing the value label:
+A label for the value can be rendered around the thumb by using the optional `slots` prop with the `valueLabel` slot.
+These are typical use cases for showing the value label:
 
 - always
 - only when hovering over the thumb (using CSS)
diff --git a/docs/data/base/components/snackbar/UnstyledSnackbar/css/index.js b/docs/data/base/components/snackbar/UnstyledSnackbar/css/index.js
index eec5c0e0c3291a..bb36790e37b6ec 100644
--- a/docs/data/base/components/snackbar/UnstyledSnackbar/css/index.js
+++ b/docs/data/base/components/snackbar/UnstyledSnackbar/css/index.js
@@ -77,7 +77,7 @@ function Styles() {
       from {
         transform: translateX(100%);
       }
-    
+
       to {
         transform: translateX(0);
       }
diff --git a/docs/data/base/components/snackbar/UnstyledSnackbar/css/index.tsx b/docs/data/base/components/snackbar/UnstyledSnackbar/css/index.tsx
index eec5c0e0c3291a..bb36790e37b6ec 100644
--- a/docs/data/base/components/snackbar/UnstyledSnackbar/css/index.tsx
+++ b/docs/data/base/components/snackbar/UnstyledSnackbar/css/index.tsx
@@ -77,7 +77,7 @@ function Styles() {
       from {
         transform: translateX(100%);
       }
-    
+
       to {
         transform: translateX(0);
       }
diff --git a/docs/data/base/components/snackbar/UnstyledSnackbar/tailwind/index.js b/docs/data/base/components/snackbar/UnstyledSnackbar/tailwind/index.js
index 50bce5f2979a59..a73ba2a8d138b4 100644
--- a/docs/data/base/components/snackbar/UnstyledSnackbar/tailwind/index.js
+++ b/docs/data/base/components/snackbar/UnstyledSnackbar/tailwind/index.js
@@ -31,7 +31,7 @@ export default function UseSnackbar() {
   return (
     <div className={`${isDarkMode ? 'dark' : ''}`}>
       <button
-        className="cursor-pointer text-sm box-border rounded-lg font-semibold px-4 py-2 leading-normal bg-transparent border border-solid border-slate-300 dark:border-slate-700 text-purple-600 dark:text-purple-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-purple-300 dark:hover:border-purple-300 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple"
+        className="cursor-pointer font-sans text-sm box-border rounded-lg font-semibold px-4 py-2 leading-normal bg-transparent border border-solid border-slate-300 dark:border-slate-700 text-purple-600 dark:text-purple-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-purple-300 dark:hover:border-purple-300 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple"
         type="button"
         onClick={handleOpen}
       >
@@ -40,7 +40,7 @@ export default function UseSnackbar() {
       {open ? (
         <ClickAwayListener onClickAway={onClickAway}>
           <div
-            className="fixed z-50 flex right-4 bottom-4 left-auto justify-start rounded-lg font-semibold bg-slate-50 dark:bg-slate-900 p-3 animation-appear transition-transform border border-solid border-slate-200 dark:border-slate-700 min-w-snackbar max-w-snackbar shadow-md text-purple-900 dark:text-purple-100"
+            className="fixed z-50 font-sans flex right-4 bottom-4 left-auto justify-start rounded-lg font-semibold bg-slate-50 dark:bg-slate-900 p-3 animation-appear transition-transform border border-solid border-slate-200 dark:border-slate-700 min-w-snackbar max-w-snackbar shadow-md text-purple-900 dark:text-purple-100"
             {...getRootProps()}
           >
             Hello World
diff --git a/docs/data/base/components/snackbar/UnstyledSnackbar/tailwind/index.tsx b/docs/data/base/components/snackbar/UnstyledSnackbar/tailwind/index.tsx
index 50bce5f2979a59..a73ba2a8d138b4 100644
--- a/docs/data/base/components/snackbar/UnstyledSnackbar/tailwind/index.tsx
+++ b/docs/data/base/components/snackbar/UnstyledSnackbar/tailwind/index.tsx
@@ -31,7 +31,7 @@ export default function UseSnackbar() {
   return (
     <div className={`${isDarkMode ? 'dark' : ''}`}>
       <button
-        className="cursor-pointer text-sm box-border rounded-lg font-semibold px-4 py-2 leading-normal bg-transparent border border-solid border-slate-300 dark:border-slate-700 text-purple-600 dark:text-purple-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-purple-300 dark:hover:border-purple-300 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple"
+        className="cursor-pointer font-sans text-sm box-border rounded-lg font-semibold px-4 py-2 leading-normal bg-transparent border border-solid border-slate-300 dark:border-slate-700 text-purple-600 dark:text-purple-300 hover:bg-slate-50 hover:dark:bg-slate-800 hover:border-purple-300 dark:hover:border-purple-300 focus-visible:border-purple-500 focus-visible:hover:border-purple-500 focus-visible:dark:hover:border-purple-500 focus-visible:outline-0 focus-visible:shadow-outline-purple"
         type="button"
         onClick={handleOpen}
       >
@@ -40,7 +40,7 @@ export default function UseSnackbar() {
       {open ? (
         <ClickAwayListener onClickAway={onClickAway}>
           <div
-            className="fixed z-50 flex right-4 bottom-4 left-auto justify-start rounded-lg font-semibold bg-slate-50 dark:bg-slate-900 p-3 animation-appear transition-transform border border-solid border-slate-200 dark:border-slate-700 min-w-snackbar max-w-snackbar shadow-md text-purple-900 dark:text-purple-100"
+            className="fixed z-50 font-sans flex right-4 bottom-4 left-auto justify-start rounded-lg font-semibold bg-slate-50 dark:bg-slate-900 p-3 animation-appear transition-transform border border-solid border-slate-200 dark:border-slate-700 min-w-snackbar max-w-snackbar shadow-md text-purple-900 dark:text-purple-100"
             {...getRootProps()}
           >
             Hello World
diff --git a/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/css/index.js b/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/css/index.js
new file mode 100644
index 00000000000000..f78872f16b33bf
--- /dev/null
+++ b/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/css/index.js
@@ -0,0 +1,226 @@
+import * as React from 'react';
+import { Transition } from 'react-transition-group';
+import { useTheme } from '@mui/system';
+import CheckRoundedIcon from '@mui/icons-material/CheckRounded';
+import CloseIcon from '@mui/icons-material/Close';
+import { Snackbar } from '@mui/base/Snackbar';
+
+export default function UnstyledSnackbarIntroduction() {
+  const [open, setOpen] = React.useState(false);
+  const [exited, setExited] = React.useState(true);
+  const nodeRef = React.useRef(null);
+
+  const handleClose = (_, reason) => {
+    if (reason === 'clickaway') {
+      return;
+    }
+
+    setOpen(false);
+  };
+
+  const handleClick = () => {
+    setOpen(true);
+  };
+
+  const handleOnEnter = () => {
+    setExited(false);
+  };
+
+  const handleOnExited = () => {
+    setExited(true);
+  };
+
+  return (
+    <React.Fragment>
+      <button
+        className="TriggerButtonIntroduction"
+        type="button"
+        onClick={handleClick}
+      >
+        Open snackbar
+      </button>
+      <Snackbar
+        autoHideDuration={5000}
+        open={open}
+        onClose={handleClose}
+        exited={exited}
+        className="CustomSnackbarIntroduction"
+      >
+        <Transition
+          timeout={{ enter: 400, exit: 400 }}
+          in={open}
+          appear
+          unmountOnExit
+          onEnter={handleOnEnter}
+          onExited={handleOnExited}
+          nodeRef={nodeRef}
+        >
+          {(status) => (
+            <div
+              className="CustomSnackbarContentIntroduction"
+              style={{
+                transform: positioningStyles[status],
+                transition: 'transform 300ms ease',
+              }}
+              ref={nodeRef}
+            >
+              <CheckRoundedIcon
+                sx={{
+                  color: 'success.main',
+                  flexShrink: 0,
+                  width: '1.25rem',
+                  height: '1.5rem',
+                }}
+              />
+              <div className="snackbar-message">
+                <p className="snackbar-title">Notifications sent</p>
+                <p className="snackbar-description">
+                  Everything was sent to the desired address.
+                </p>
+              </div>
+              <CloseIcon onClick={handleClose} className="snackbar-close-icon" />
+            </div>
+          )}
+        </Transition>
+      </Snackbar>
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const positioningStyles = {
+  entering: 'translateX(0)',
+  entered: 'translateX(0)',
+  exiting: 'translateX(500px)',
+  exited: 'translateX(500px)',
+  unmounted: 'translateX(500px)',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>{`
+    @keyframes in-right {
+      from {
+        transform: translateX(100%);
+      }
+
+      to {
+        transform: translateX(0);
+      }
+    }
+
+    .TriggerButtonIntroduction {
+      font-family: IBM Plex Sans,sans-serif;
+      font-weight: 600;
+      font-size: 0.875rem;
+      line-height: 1.5;
+      background-color: ${cyan[500]};
+      padding: 8px 16px;
+      border-radius: 8px;
+      color: white;
+      cursor: pointer;
+      border: none;
+
+      &:hover {
+        background-color: ${cyan[600]};
+      }
+
+      &:focus-visible {
+        border-color: ${cyan[400]};
+        outline: 3px solid ${isDarkMode ? cyan[500] : cyan[200]};
+        }
+      }
+
+    .CustomSnackbarIntroduction {
+      position: fixed;
+      z-index: 5500;
+      display: flex;
+      bottom: 16px;
+      right: 16px;
+      max-width: 560px;
+      min-width: 300px;
+      }
+
+    .CustomSnackbarContentIntroduction {
+      display: flex;
+      gap: 8px;
+      overflow: hidden;
+      background-color: ${isDarkMode ? grey[900] : grey[50]};
+      border-radius: 8px;
+      border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+      box-shadow: ${
+        isDarkMode ? `0 2px 16px rgba(0,0,0, 0.5)` : `0 2px 16px ${grey[200]}`
+      };
+      padding: 0.75rem;
+      color: ${isDarkMode ? grey[50] : grey[900]};
+      font-family: IBM Plex Sans, sans-serif;
+      font-weight: 500;
+      text-align: start;
+      position: relative;
+
+      & .snackbar-message {
+        flex: 1 1 0%;
+        max-width: 100%;
+      }
+
+      & .snackbar-title {
+        margin: 0;
+        line-height: 1.5rem;
+        margin-right: 0.5rem;
+      }
+
+      & .snackbar-description {
+        margin: 0;
+        line-height: 1.5rem;
+        font-weight: 400;
+        color: ${isDarkMode ? grey[400] : grey[800]};
+      }
+
+      & .snackbar-close-icon {
+        cursor: pointer;
+        flex-shrink: 0;
+        padding: 2px;
+        border-radius: 4px;
+
+        &:hover {
+          background: ${isDarkMode ? grey[800] : grey[50]};
+        }
+      }
+    }
+    `}</style>
+  );
+}
diff --git a/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/css/index.tsx b/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/css/index.tsx
new file mode 100644
index 00000000000000..b7828d6d12f200
--- /dev/null
+++ b/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/css/index.tsx
@@ -0,0 +1,227 @@
+import * as React from 'react';
+import { Transition } from 'react-transition-group';
+import { useTheme } from '@mui/system';
+import CheckRoundedIcon from '@mui/icons-material/CheckRounded';
+import CloseIcon from '@mui/icons-material/Close';
+import { Snackbar } from '@mui/base/Snackbar';
+import { SnackbarCloseReason } from '@mui/base/useSnackbar';
+
+export default function UnstyledSnackbarIntroduction() {
+  const [open, setOpen] = React.useState(false);
+  const [exited, setExited] = React.useState(true);
+  const nodeRef = React.useRef(null);
+
+  const handleClose = (_: any, reason: SnackbarCloseReason) => {
+    if (reason === 'clickaway') {
+      return;
+    }
+
+    setOpen(false);
+  };
+
+  const handleClick = () => {
+    setOpen(true);
+  };
+
+  const handleOnEnter = () => {
+    setExited(false);
+  };
+
+  const handleOnExited = () => {
+    setExited(true);
+  };
+
+  return (
+    <React.Fragment>
+      <button
+        className="TriggerButtonIntroduction"
+        type="button"
+        onClick={handleClick}
+      >
+        Open snackbar
+      </button>
+      <Snackbar
+        autoHideDuration={5000}
+        open={open}
+        onClose={handleClose}
+        exited={exited}
+        className="CustomSnackbarIntroduction"
+      >
+        <Transition
+          timeout={{ enter: 400, exit: 400 }}
+          in={open}
+          appear
+          unmountOnExit
+          onEnter={handleOnEnter}
+          onExited={handleOnExited}
+          nodeRef={nodeRef}
+        >
+          {(status) => (
+            <div
+              className="CustomSnackbarContentIntroduction"
+              style={{
+                transform: positioningStyles[status],
+                transition: 'transform 300ms ease',
+              }}
+              ref={nodeRef}
+            >
+              <CheckRoundedIcon
+                sx={{
+                  color: 'success.main',
+                  flexShrink: 0,
+                  width: '1.25rem',
+                  height: '1.5rem',
+                }}
+              />
+              <div className="snackbar-message">
+                <p className="snackbar-title">Notifications sent</p>
+                <p className="snackbar-description">
+                  Everything was sent to the desired address.
+                </p>
+              </div>
+              <CloseIcon onClick={handleClose} className="snackbar-close-icon" />
+            </div>
+          )}
+        </Transition>
+      </Snackbar>
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const positioningStyles = {
+  entering: 'translateX(0)',
+  entered: 'translateX(0)',
+  exiting: 'translateX(500px)',
+  exited: 'translateX(500px)',
+  unmounted: 'translateX(500px)',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>{`
+    @keyframes in-right {
+      from {
+        transform: translateX(100%);
+      }
+
+      to {
+        transform: translateX(0);
+      }
+    }
+
+    .TriggerButtonIntroduction {
+      font-family: IBM Plex Sans,sans-serif;
+      font-weight: 600;
+      font-size: 0.875rem;
+      line-height: 1.5;
+      background-color: ${cyan[500]};
+      padding: 8px 16px;
+      border-radius: 8px;
+      color: white;
+      cursor: pointer;
+      border: none;
+
+      &:hover {
+        background-color: ${cyan[600]};
+      }
+
+      &:focus-visible {
+        border-color: ${cyan[400]};
+        outline: 3px solid ${isDarkMode ? cyan[500] : cyan[200]};
+        }
+      }
+
+    .CustomSnackbarIntroduction {
+      position: fixed;
+      z-index: 5500;
+      display: flex;
+      bottom: 16px;
+      right: 16px;
+      max-width: 560px;
+      min-width: 300px;
+      }
+
+    .CustomSnackbarContentIntroduction {
+      display: flex;
+      gap: 8px;
+      overflow: hidden;
+      background-color: ${isDarkMode ? grey[900] : grey[50]};
+      border-radius: 8px;
+      border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+      box-shadow: ${
+        isDarkMode ? `0 2px 16px rgba(0,0,0, 0.5)` : `0 2px 16px ${grey[200]}`
+      };
+      padding: 0.75rem;
+      color: ${isDarkMode ? grey[50] : grey[900]};
+      font-family: IBM Plex Sans, sans-serif;
+      font-weight: 500;
+      text-align: start;
+      position: relative;
+
+      & .snackbar-message {
+        flex: 1 1 0%;
+        max-width: 100%;
+      }
+
+      & .snackbar-title {
+        margin: 0;
+        line-height: 1.5rem;
+        margin-right: 0.5rem;
+      }
+
+      & .snackbar-description {
+        margin: 0;
+        line-height: 1.5rem;
+        font-weight: 400;
+        color: ${isDarkMode ? grey[400] : grey[800]};
+      }
+
+      & .snackbar-close-icon {
+        cursor: pointer;
+        flex-shrink: 0;
+        padding: 2px;
+        border-radius: 4px;
+
+        &:hover {
+          background: ${isDarkMode ? grey[800] : grey[50]};
+        }
+      }
+    }
+    `}</style>
+  );
+}
diff --git a/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction.js b/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/system/index.js
similarity index 83%
rename from docs/data/base/components/snackbar/UnstyledSnackbarIntroduction.js
rename to docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/system/index.js
index 7ae53b4f892be3..f0e571a88c2887 100644
--- a/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction.js
+++ b/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/system/index.js
@@ -98,6 +98,7 @@ const blue = {
   200: '#99CCF3',
   400: '#3399FF',
   500: '#007FFF',
+  600: '#0072E5',
   700: '#0059B2',
   800: '#004C99',
   900: '#003A75',
@@ -105,32 +106,29 @@ const blue = {
 
 const TriggerButton = styled('button')(
   ({ theme }) => `
-  font-family: IBM Plex Sans, sans-serif;
-  font-size: 0.875rem;
+font-family: IBM Plex Sans, sans-serif;
   font-weight: 600;
-  box-sizing: border-box;
-  min-height: calc(1.5em + 22px);
-  border-radius: 12px;
-  padding: 6px 12px;
+  font-size: 0.875rem;
   line-height: 1.5;
-  background: ${theme.palette.mode === 'dark' ? blue[900] : '#FFF'};
-  border: 1px solid ${theme.palette.mode === 'dark' ? blue[800] : grey[200]};
-  color: ${theme.palette.mode === 'dark' ? grey[100] : grey[900]};
-  box-shadow: ${
-    theme.palette.mode === 'dark'
-      ? '0px 2px 2px rgba(0, 0, 0, 0.2), inset 0px 4px 4px rgba(0, 0, 0, 0.1)'
-      : '0px 2px 2px rgba(205, 210, 215, 0.2), inset 0px 4px 4px rgba(205, 210, 215, 0.1)'
-  };
+  background-color: ${blue[500]};
+  padding: 8px 16px;
+  border-radius: 8px;
+  color: white;
+  transition: all 150ms ease;
+  cursor: pointer;
+  border: none;
+  box-shadow: 0px 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[100]};
 
   &:hover {
-    background: ${theme.palette.mode === 'dark' ? blue[800] : grey[50]};
-    border-color: ${theme.palette.mode === 'dark' ? blue[700] : grey[300]};
+    background-color: ${blue[600]};
   }
 
   &:focus-visible {
-    border-color: ${blue[400]};
-    outline: 3px solid ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
+    box-shadow: 0 3px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5);
+    outline: none;
   }
+
+
   `,
 );
 
diff --git a/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction.tsx b/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/system/index.tsx
similarity index 83%
rename from docs/data/base/components/snackbar/UnstyledSnackbarIntroduction.tsx
rename to docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/system/index.tsx
index 5167958590a663..285086083e0c27 100644
--- a/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction.tsx
+++ b/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/system/index.tsx
@@ -99,6 +99,7 @@ const blue = {
   200: '#99CCF3',
   400: '#3399FF',
   500: '#007FFF',
+  600: '#0072E5',
   700: '#0059B2',
   800: '#004C99',
   900: '#003A75',
@@ -106,32 +107,29 @@ const blue = {
 
 const TriggerButton = styled('button')(
   ({ theme }) => `
-  font-family: IBM Plex Sans, sans-serif;
-  font-size: 0.875rem;
+font-family: IBM Plex Sans, sans-serif;
   font-weight: 600;
-  box-sizing: border-box;
-  min-height: calc(1.5em + 22px);
-  border-radius: 12px;
-  padding: 6px 12px;
+  font-size: 0.875rem;
   line-height: 1.5;
-  background: ${theme.palette.mode === 'dark' ? blue[900] : '#FFF'};
-  border: 1px solid ${theme.palette.mode === 'dark' ? blue[800] : grey[200]};
-  color: ${theme.palette.mode === 'dark' ? grey[100] : grey[900]};
-  box-shadow: ${
-    theme.palette.mode === 'dark'
-      ? '0px 2px 2px rgba(0, 0, 0, 0.2), inset 0px 4px 4px rgba(0, 0, 0, 0.1)'
-      : '0px 2px 2px rgba(205, 210, 215, 0.2), inset 0px 4px 4px rgba(205, 210, 215, 0.1)'
-  };
+  background-color: ${blue[500]};
+  padding: 8px 16px;
+  border-radius: 8px;
+  color: white;
+  transition: all 150ms ease;
+  cursor: pointer;
+  border: none;
+  box-shadow: 0px 4px 30px ${theme.palette.mode === 'dark' ? grey[900] : grey[100]};
 
   &:hover {
-    background: ${theme.palette.mode === 'dark' ? blue[800] : grey[50]};
-    border-color: ${theme.palette.mode === 'dark' ? blue[700] : grey[300]};
+    background-color: ${blue[600]};
   }
 
   &:focus-visible {
-    border-color: ${blue[400]};
-    outline: 3px solid ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
+    box-shadow: 0 3px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5);
+    outline: none;
   }
+
+
   `,
 );
 
diff --git a/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/tailwind/index.js b/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/tailwind/index.js
new file mode 100644
index 00000000000000..4f95ac586af8be
--- /dev/null
+++ b/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/tailwind/index.js
@@ -0,0 +1,108 @@
+import * as React from 'react';
+import { Transition } from 'react-transition-group';
+import { useTheme } from '@mui/system';
+import CheckRoundedIcon from '@mui/icons-material/CheckRounded';
+import CloseIcon from '@mui/icons-material/Close';
+import { Snackbar } from '@mui/base/Snackbar';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledSnackbarIntroduction() {
+  const isDarkMode = useIsDarkMode();
+
+  const [open, setOpen] = React.useState(false);
+  const [exited, setExited] = React.useState(true);
+  const nodeRef = React.useRef(null);
+
+  const handleClose = (_, reason) => {
+    if (reason === 'clickaway') {
+      return;
+    }
+
+    setOpen(false);
+  };
+
+  const handleClick = () => {
+    setOpen(true);
+  };
+
+  const handleOnEnter = () => {
+    setExited(false);
+  };
+
+  const handleOnExited = () => {
+    setExited(true);
+  };
+
+  return (
+    <div className={`${isDarkMode ? 'dark' : ''}`}>
+      <button
+        className="cursor-pointer text-sm font-sans box-border rounded-lg font-semibold px-4 py-2 bg-violet-500 hover:bg-violet-600 active:bg-violet-700 text-white border-none leading-normal focus-visible:outline-0 focus-visible:shadow-outline-purple"
+        type="button"
+        onClick={handleClick}
+      >
+        Open snackbar
+      </button>
+      <Snackbar
+        autoHideDuration={5000}
+        open={open}
+        onClose={handleClose}
+        exited={exited}
+        className="fixed z-50 font-sans flex right-4 bottom-4 left-auto max-w-xl	min-w-xs"
+      >
+        <Transition
+          timeout={{ enter: 400, exit: 400 }}
+          in={open}
+          appear
+          unmountOnExit
+          onEnter={handleOnEnter}
+          onExited={handleOnExited}
+          nodeRef={nodeRef}
+        >
+          {(status) => (
+            <div
+              className="flex gap-4	overflow-hidden	bg-slate-50 dark:bg-slate-900 rounded-lg	border border-solid border-slate-200 dark:border-slate-700 shadow-md text-slate-900 dark:text-slate-50 p-3	text-start"
+              style={{
+                transform: positioningStyles[status],
+                transition: 'transform 300ms ease',
+              }}
+              ref={nodeRef}
+            >
+              <CheckRoundedIcon
+                sx={{
+                  color: 'success.main',
+                  flexShrink: 0,
+                  width: '1.25rem',
+                  height: '1.5rem',
+                }}
+              />
+              <div className="flex-1	max-w-full">
+                <p className="m-0 leading-normal mr-2 font-medium">
+                  Notifications sent
+                </p>
+                <p className="m-0 leading-normal font-normal	text-slate-800 dark:text-slate-400">
+                  Everything was sent to the desired address.
+                </p>
+              </div>
+              <CloseIcon
+                onClick={handleClose}
+                className="cursor-pointer	shrink-0	p-0.5	rounded hover:bg-slate-50 hover:dark:bg-slate-800"
+              />
+            </div>
+          )}
+        </Transition>
+      </Snackbar>
+    </div>
+  );
+}
+
+const positioningStyles = {
+  entering: 'translateX(0)',
+  entered: 'translateX(0)',
+  exiting: 'translateX(500px)',
+  exited: 'translateX(500px)',
+  unmounted: 'translateX(500px)',
+};
diff --git a/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/tailwind/index.tsx b/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/tailwind/index.tsx
new file mode 100644
index 00000000000000..4211c9b0777499
--- /dev/null
+++ b/docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/tailwind/index.tsx
@@ -0,0 +1,109 @@
+import * as React from 'react';
+import { Transition } from 'react-transition-group';
+import { useTheme } from '@mui/system';
+import CheckRoundedIcon from '@mui/icons-material/CheckRounded';
+import CloseIcon from '@mui/icons-material/Close';
+import { Snackbar } from '@mui/base/Snackbar';
+import { SnackbarCloseReason } from '@mui/base/useSnackbar';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledSnackbarIntroduction() {
+  const isDarkMode = useIsDarkMode();
+
+  const [open, setOpen] = React.useState(false);
+  const [exited, setExited] = React.useState(true);
+  const nodeRef = React.useRef(null);
+
+  const handleClose = (_: any, reason: SnackbarCloseReason) => {
+    if (reason === 'clickaway') {
+      return;
+    }
+
+    setOpen(false);
+  };
+
+  const handleClick = () => {
+    setOpen(true);
+  };
+
+  const handleOnEnter = () => {
+    setExited(false);
+  };
+
+  const handleOnExited = () => {
+    setExited(true);
+  };
+
+  return (
+    <div className={`${isDarkMode ? 'dark' : ''}`}>
+      <button
+        className="cursor-pointer text-sm font-sans box-border rounded-lg font-semibold px-4 py-2 bg-violet-500 hover:bg-violet-600 active:bg-violet-700 text-white border-none leading-normal focus-visible:outline-0 focus-visible:shadow-outline-purple"
+        type="button"
+        onClick={handleClick}
+      >
+        Open snackbar
+      </button>
+      <Snackbar
+        autoHideDuration={5000}
+        open={open}
+        onClose={handleClose}
+        exited={exited}
+        className="fixed z-50 font-sans flex right-4 bottom-4 left-auto max-w-xl	min-w-xs"
+      >
+        <Transition
+          timeout={{ enter: 400, exit: 400 }}
+          in={open}
+          appear
+          unmountOnExit
+          onEnter={handleOnEnter}
+          onExited={handleOnExited}
+          nodeRef={nodeRef}
+        >
+          {(status) => (
+            <div
+              className="flex gap-4	overflow-hidden	bg-slate-50 dark:bg-slate-900 rounded-lg	border border-solid border-slate-200 dark:border-slate-700 shadow-md text-slate-900 dark:text-slate-50 p-3	text-start"
+              style={{
+                transform: positioningStyles[status],
+                transition: 'transform 300ms ease',
+              }}
+              ref={nodeRef}
+            >
+              <CheckRoundedIcon
+                sx={{
+                  color: 'success.main',
+                  flexShrink: 0,
+                  width: '1.25rem',
+                  height: '1.5rem',
+                }}
+              />
+              <div className="flex-1	max-w-full">
+                <p className="m-0 leading-normal mr-2 font-medium">
+                  Notifications sent
+                </p>
+                <p className="m-0 leading-normal font-normal	text-slate-800 dark:text-slate-400">
+                  Everything was sent to the desired address.
+                </p>
+              </div>
+              <CloseIcon
+                onClick={handleClose}
+                className="cursor-pointer	shrink-0	p-0.5	rounded hover:bg-slate-50 hover:dark:bg-slate-800"
+              />
+            </div>
+          )}
+        </Transition>
+      </Snackbar>
+    </div>
+  );
+}
+
+const positioningStyles = {
+  entering: 'translateX(0)',
+  entered: 'translateX(0)',
+  exiting: 'translateX(500px)',
+  exited: 'translateX(500px)',
+  unmounted: 'translateX(500px)',
+};
diff --git a/docs/data/base/components/snackbar/snackbar.md b/docs/data/base/components/snackbar/snackbar.md
index 964fce5dab79f1..340b477c9d0b2f 100644
--- a/docs/data/base/components/snackbar/snackbar.md
+++ b/docs/data/base/components/snackbar/snackbar.md
@@ -20,31 +20,21 @@ A snackbar provides users with a brief, temporary message about app processes wi
 
 The Snackbar component is built to appear on-screen to inform users about an action that the app is taking.
 
-{{"demo": "UnstyledSnackbarIntroduction.js", "defaultCodeOpen": false, "bg": "gradient"}}
+{{"demo": "UnstyledSnackbarIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { Snackbar } from '@mui/base/Snackbar';
-
-export default function MyApp() {
-  return <Snackbar>{/* snackbar text */}</Snackbar>;
-}
 ```
 
-### Basics
-
 Snackbar doesn't impose any restrictions on its implementation—it's up to you to design it so that it doesn't interrupt the user experience, and disappears after a set amount of time without requiring the user to take action.
 
 Use the `autoHideDuration` prop to set the time (in milliseconds) that the snackbar remains on the screen.
 
 :::info
-You may want to implement Snackbar with [Click-Away Listener](/base-ui/react-click-away-listener/), so that the user can choose to dismiss the snackbar before its time is up by clicking anywhere outside of it.
-But this behavior is optional for a snackbar.
+You may want to implement Snackbar with [Click-Away Listener](/base-ui/react-click-away-listener/), so that the user can choose to dismiss the Snackbar before its time is up by clicking anywhere outside of it.
+But this behavior is optional.
 :::
 
 The following demo illustrates the basic usage of Snackbar.
@@ -62,6 +52,8 @@ The Snackbar component is composed of a single root `<div>` slot with no interio
 
 ### Custom structure
 
+Use the `slots.root` prop to override the root slot with a custom element:
+
 ```jsx
 <Snackbar slots={{ root: 'span' }} />
 ```
@@ -71,9 +63,10 @@ The `slots` prop is available on all non-utility Base components.
 See [Overriding component structure](/base-ui/guides/overriding-component-structure/) for full details.
 :::
 
-#### Usage with TypeScript
+### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic to the unstyled component. This way, you can safely provide the custom component's props directly on the component:
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic to the unstyled component.
+This way, you can safely provide the custom component's props directly on the component:
 
 ```tsx
 <Snackbar<typeof CustomComponent> slots={{ root: CustomComponent }} customProp />
@@ -91,15 +84,15 @@ The same applies for props specific to custom primitive elements:
 import { useSnackbar } from '@mui/base/useSnackbar';
 ```
 
-The `useSnackbar` hook lets you apply the functionality of a snackbar to a fully custom component.
+The `useSnackbar` hook lets you apply the functionality of a Snackbar to a fully custom component.
 
 It returns props to be placed on the custom component, along with fields representing the component's internal state.
 
-Hooks _do not_ support [slot props](#slot-props), but they do support [customization props](#customization).
+Hooks _do not_ support [slot props](#custom-structure), but they do support [customization props](#customization).
 
-If you use a [Click-Away Listener](/base-ui/react-click-away-listener/) to let the user close the snackbar by clicking outside of it, make sure to pass the `onClickAway` handler returned by this hook to the Click-Away Listener.
+If you use a [Click-Away Listener](/base-ui/react-click-away-listener/) to let the user close the Snackbar by clicking outside of it, make sure to pass the `onClickAway` handler returned by this hook to the Click-Away Listener.
 
-Pass the `open` state to the hook and use it to show and hide the snackbar.
+Pass the `open` state to the hook and use it to show and hide the Snackbar.
 
 The demo below shows how to build a fully custom component with the `useSnackbar` hook that also incorporates the Click-Away Listener component:
 
@@ -121,7 +114,7 @@ For the sake of simplicity, demos and code snippets primarily feature components
 
 ### Transitions
 
-You can animate the open and close states of the snackbar with a render prop child and a transition component, as long as the component meets these conditions:
+You can animate the open and close states of the Snackbar with a render prop child and a transition component, as long as the component meets these conditions:
 
 - Is a direct child descendant of the snackbar
 - Has an `in` prop—this corresponds to the open state
@@ -129,9 +122,9 @@ You can animate the open and close states of the snackbar with a render prop chi
 - Calls the `onEnter` callback prop when the enter transition starts—sets `exited` to false
 - Calls the `onExited` callback prop when the exit transition is completed—sets `exited` to true
 
-These two callbacks allow the snackbar to unmount the child content when closed and keep it fully transitioned.
+These two callbacks allow the Snackbar to unmount the child content when closed and keep it fully transitioned.
 This is only applicable if you are using transition components using [react-transition-group](https://github.com/reactjs/react-transition-group) library internally.
 
-The demo below shows how to create a snackbar with custom transitions:
+The demo below shows how to create a Snackbar with custom transitions:
 
 {{"demo": "TransitionComponentSnackbar.js", "defaultCodeOpen": false}}
diff --git a/docs/data/base/components/switch/UnstyledSwitchBasic/system/index.js b/docs/data/base/components/switch/UnstyledSwitchBasic/system/index.js
deleted file mode 100644
index 328a69bedd4153..00000000000000
--- a/docs/data/base/components/switch/UnstyledSwitchBasic/system/index.js
+++ /dev/null
@@ -1,119 +0,0 @@
-import * as React from 'react';
-import { styled } from '@mui/system';
-import { Switch, switchClasses } from '@mui/base/Switch';
-
-export default function UnstyledSwitches() {
-  const label = { slotProps: { input: { 'aria-label': 'Demo switch' } } };
-
-  return (
-    <div>
-      <Switch
-        slots={{
-          root: Root,
-        }}
-        {...label}
-        defaultChecked
-      />
-      <Switch
-        slots={{
-          root: Root,
-        }}
-        {...label}
-      />
-      <Switch
-        slots={{
-          root: Root,
-        }}
-        {...label}
-        defaultChecked
-        disabled
-      />
-      <Switch
-        slots={{
-          root: Root,
-        }}
-        {...label}
-        disabled
-      />
-    </div>
-  );
-}
-const blue = {
-  500: '#007FFF',
-};
-
-const grey = {
-  400: '#8c959f',
-  500: '#6e7781',
-  600: '#57606a',
-};
-
-const Root = styled('span')(
-  ({ theme }) => `
-  font-size: 0;
-  position: relative;
-  display: inline-block;
-  width: 40px;
-  height: 24px;
-  margin: 10px;
-  cursor: pointer;
-
-  &.${switchClasses.disabled} {
-    opacity: 0.4;
-    cursor: not-allowed;
-  }
-
-  & .${switchClasses.track} {
-    background: ${theme.palette.mode === 'dark' ? grey[600] : grey[400]};
-    border-radius: 16px;
-    display: block;
-    height: 100%;
-    width: 100%;
-    position: absolute;
-  }
-
-  & .${switchClasses.thumb} {
-    display: block;
-    width: 16px;
-    height: 16px;
-    top: 4px;
-    left: 4px;
-    border-radius: 16px;
-    background-color: #fff;
-    position: relative;
-    
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 120ms;
-  }
-
-  &.${switchClasses.focusVisible} .${switchClasses.thumb} {
-    background-color: ${grey[500]};
-    box-shadow: 0 0 1px 8px rgba(0, 127, 255, 0.35);
-  }
-
-  &.${switchClasses.checked} {
-    .${switchClasses.thumb} {
-      left: 20px;
-      top: 4px;
-      background-color: #fff;
-    }
-
-    .${switchClasses.track} {
-      background: ${blue[500]};
-    }
-  }
-
-  & .${switchClasses.input} {
-    cursor: inherit;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    opacity: 0;
-    z-index: 1;
-    margin: 0;
-  }
-  `,
-);
diff --git a/docs/data/base/components/switch/UnstyledSwitchBasic/system/index.tsx b/docs/data/base/components/switch/UnstyledSwitchBasic/system/index.tsx
deleted file mode 100644
index 328a69bedd4153..00000000000000
--- a/docs/data/base/components/switch/UnstyledSwitchBasic/system/index.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import * as React from 'react';
-import { styled } from '@mui/system';
-import { Switch, switchClasses } from '@mui/base/Switch';
-
-export default function UnstyledSwitches() {
-  const label = { slotProps: { input: { 'aria-label': 'Demo switch' } } };
-
-  return (
-    <div>
-      <Switch
-        slots={{
-          root: Root,
-        }}
-        {...label}
-        defaultChecked
-      />
-      <Switch
-        slots={{
-          root: Root,
-        }}
-        {...label}
-      />
-      <Switch
-        slots={{
-          root: Root,
-        }}
-        {...label}
-        defaultChecked
-        disabled
-      />
-      <Switch
-        slots={{
-          root: Root,
-        }}
-        {...label}
-        disabled
-      />
-    </div>
-  );
-}
-const blue = {
-  500: '#007FFF',
-};
-
-const grey = {
-  400: '#8c959f',
-  500: '#6e7781',
-  600: '#57606a',
-};
-
-const Root = styled('span')(
-  ({ theme }) => `
-  font-size: 0;
-  position: relative;
-  display: inline-block;
-  width: 40px;
-  height: 24px;
-  margin: 10px;
-  cursor: pointer;
-
-  &.${switchClasses.disabled} {
-    opacity: 0.4;
-    cursor: not-allowed;
-  }
-
-  & .${switchClasses.track} {
-    background: ${theme.palette.mode === 'dark' ? grey[600] : grey[400]};
-    border-radius: 16px;
-    display: block;
-    height: 100%;
-    width: 100%;
-    position: absolute;
-  }
-
-  & .${switchClasses.thumb} {
-    display: block;
-    width: 16px;
-    height: 16px;
-    top: 4px;
-    left: 4px;
-    border-radius: 16px;
-    background-color: #fff;
-    position: relative;
-    
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 120ms;
-  }
-
-  &.${switchClasses.focusVisible} .${switchClasses.thumb} {
-    background-color: ${grey[500]};
-    box-shadow: 0 0 1px 8px rgba(0, 127, 255, 0.35);
-  }
-
-  &.${switchClasses.checked} {
-    .${switchClasses.thumb} {
-      left: 20px;
-      top: 4px;
-      background-color: #fff;
-    }
-
-    .${switchClasses.track} {
-      background: ${blue[500]};
-    }
-  }
-
-  & .${switchClasses.input} {
-    cursor: inherit;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    opacity: 0;
-    z-index: 1;
-    margin: 0;
-  }
-  `,
-);
diff --git a/docs/data/base/components/switch/UnstyledSwitchBasic/tailwind/index.js b/docs/data/base/components/switch/UnstyledSwitchBasic/tailwind/index.js
deleted file mode 100644
index 1f969a84e45f2e..00000000000000
--- a/docs/data/base/components/switch/UnstyledSwitchBasic/tailwind/index.js
+++ /dev/null
@@ -1,132 +0,0 @@
-import * as React from 'react';
-import { Switch } from '@mui/base/Switch';
-import { useTheme } from '@mui/system';
-
-function useIsDarkMode() {
-  const theme = useTheme();
-  return theme.palette.mode === 'dark';
-}
-
-export default function UnstyledSwitches() {
-  const label = { 'aria-label': 'Demo switch' };
-
-  // Replace this with your app logic for determining dark modes
-  const isDarkMode = useIsDarkMode();
-
-  return (
-    <div className={isDarkMode ? 'dark' : ''}>
-      <Switch
-        slotProps={{
-          root: ({ disabled }) => ({
-            className: `relative inline-block w-10 h-6 m-2.5 ${
-              disabled ? 'cursor-not-allowed opacity-40' : 'cursor-pointer'
-            }`,
-          }),
-          input: {
-            ...label,
-            className:
-              'cursor-inherit absolute w-full h-full top-0 left-0 opacity-0 z-10 m-0',
-          },
-          track: ({ checked }) => ({
-            className: `absolute block w-full h-full rounded-2xl ${
-              checked ? 'bg-purple-500' : 'bg-slate-400 dark:bg-slate-600'
-            }`,
-          }),
-          thumb: ({ checked, focusVisible }) => ({
-            className: `block w-4 h-4 top-1 ${
-              checked ? 'left-5' : 'left-1'
-            } rounded-2xl ${
-              focusVisible
-                ? `${checked ? 'bg-white' : 'bg-slate-500'} shadow-outline-switch`
-                : 'bg-white'
-            } relative transition-all`,
-          }),
-        }}
-        defaultChecked
-      />
-      <Switch
-        slotProps={{
-          root: ({ disabled }) => ({
-            className: `relative inline-block w-10 h-6 m-2.5 ${
-              disabled ? 'cursor-not-allowed opacity-40' : 'cursor-pointer'
-            }`,
-          }),
-          input: {
-            ...label,
-            className:
-              'cursor-inherit absolute w-full h-full top-0 left-0 opacity-0 z-10 m-0',
-          },
-          track: ({ checked }) => ({
-            className: `absolute block w-full h-full rounded-2xl ${
-              checked ? 'bg-purple-500' : 'bg-slate-400 dark:bg-slate-600'
-            }`,
-          }),
-          thumb: ({ checked, focusVisible }) => ({
-            className: `block w-4 h-4 top-1 ${
-              checked ? 'left-5' : 'left-1'
-            } rounded-2xl ${
-              focusVisible
-                ? `${checked ? 'bg-white' : 'bg-slate-500'} shadow-outline-switch`
-                : 'bg-white'
-            } relative transition-all`,
-          }),
-        }}
-      />
-      <Switch
-        slotProps={{
-          root: ({ disabled }) => ({
-            className: `relative inline-block w-10 h-6 m-2.5 ${
-              disabled ? 'cursor-not-allowed opacity-40' : 'cursor-pointer'
-            }`,
-          }),
-          input: {
-            ...label,
-            className:
-              'cursor-inherit absolute w-full h-full top-0 left-0 opacity-0 z-10 m-0',
-          },
-          track: ({ checked }) => ({
-            className: `absolute block w-full h-full rounded-2xl ${
-              checked ? 'bg-purple-500' : 'bg-slate-400 dark:bg-slate-600'
-            }`,
-          }),
-          thumb: ({ checked, focusVisible }) => ({
-            className: `block w-4 h-4 top-1 ${
-              checked ? 'left-5' : 'left-1'
-            } rounded-2xl ${
-              focusVisible ? 'bg-slate-500 shadow-outline-switch' : 'bg-white'
-            } relative transition-all`,
-          }),
-        }}
-        defaultChecked
-        disabled
-      />
-      <Switch
-        slotProps={{
-          root: ({ disabled }) => ({
-            className: `relative inline-block w-10 h-6 m-2.5 ${
-              disabled ? 'cursor-not-allowed opacity-40' : 'cursor-pointer'
-            }`,
-          }),
-          input: {
-            ...label,
-            className:
-              'cursor-inherit absolute w-full h-full top-0 left-0 opacity-0 z-10 m-0',
-          },
-          track: ({ checked }) => ({
-            className: `absolute block w-full h-full rounded-2xl ${
-              checked ? 'bg-purple-500' : 'bg-slate-400 dark:bg-slate-600'
-            }`,
-          }),
-          thumb: ({ checked, focusVisible }) => ({
-            className: `block w-4 h-4 top-1 ${
-              checked ? 'left-5' : 'left-1'
-            } rounded-2xl ${
-              focusVisible ? 'bg-slate-500 shadow-outline-switch' : 'bg-white'
-            } relative transition-all`,
-          }),
-        }}
-        disabled
-      />
-    </div>
-  );
-}
diff --git a/docs/data/base/components/switch/UnstyledSwitchBasic/tailwind/index.tsx b/docs/data/base/components/switch/UnstyledSwitchBasic/tailwind/index.tsx
deleted file mode 100644
index 1f969a84e45f2e..00000000000000
--- a/docs/data/base/components/switch/UnstyledSwitchBasic/tailwind/index.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import * as React from 'react';
-import { Switch } from '@mui/base/Switch';
-import { useTheme } from '@mui/system';
-
-function useIsDarkMode() {
-  const theme = useTheme();
-  return theme.palette.mode === 'dark';
-}
-
-export default function UnstyledSwitches() {
-  const label = { 'aria-label': 'Demo switch' };
-
-  // Replace this with your app logic for determining dark modes
-  const isDarkMode = useIsDarkMode();
-
-  return (
-    <div className={isDarkMode ? 'dark' : ''}>
-      <Switch
-        slotProps={{
-          root: ({ disabled }) => ({
-            className: `relative inline-block w-10 h-6 m-2.5 ${
-              disabled ? 'cursor-not-allowed opacity-40' : 'cursor-pointer'
-            }`,
-          }),
-          input: {
-            ...label,
-            className:
-              'cursor-inherit absolute w-full h-full top-0 left-0 opacity-0 z-10 m-0',
-          },
-          track: ({ checked }) => ({
-            className: `absolute block w-full h-full rounded-2xl ${
-              checked ? 'bg-purple-500' : 'bg-slate-400 dark:bg-slate-600'
-            }`,
-          }),
-          thumb: ({ checked, focusVisible }) => ({
-            className: `block w-4 h-4 top-1 ${
-              checked ? 'left-5' : 'left-1'
-            } rounded-2xl ${
-              focusVisible
-                ? `${checked ? 'bg-white' : 'bg-slate-500'} shadow-outline-switch`
-                : 'bg-white'
-            } relative transition-all`,
-          }),
-        }}
-        defaultChecked
-      />
-      <Switch
-        slotProps={{
-          root: ({ disabled }) => ({
-            className: `relative inline-block w-10 h-6 m-2.5 ${
-              disabled ? 'cursor-not-allowed opacity-40' : 'cursor-pointer'
-            }`,
-          }),
-          input: {
-            ...label,
-            className:
-              'cursor-inherit absolute w-full h-full top-0 left-0 opacity-0 z-10 m-0',
-          },
-          track: ({ checked }) => ({
-            className: `absolute block w-full h-full rounded-2xl ${
-              checked ? 'bg-purple-500' : 'bg-slate-400 dark:bg-slate-600'
-            }`,
-          }),
-          thumb: ({ checked, focusVisible }) => ({
-            className: `block w-4 h-4 top-1 ${
-              checked ? 'left-5' : 'left-1'
-            } rounded-2xl ${
-              focusVisible
-                ? `${checked ? 'bg-white' : 'bg-slate-500'} shadow-outline-switch`
-                : 'bg-white'
-            } relative transition-all`,
-          }),
-        }}
-      />
-      <Switch
-        slotProps={{
-          root: ({ disabled }) => ({
-            className: `relative inline-block w-10 h-6 m-2.5 ${
-              disabled ? 'cursor-not-allowed opacity-40' : 'cursor-pointer'
-            }`,
-          }),
-          input: {
-            ...label,
-            className:
-              'cursor-inherit absolute w-full h-full top-0 left-0 opacity-0 z-10 m-0',
-          },
-          track: ({ checked }) => ({
-            className: `absolute block w-full h-full rounded-2xl ${
-              checked ? 'bg-purple-500' : 'bg-slate-400 dark:bg-slate-600'
-            }`,
-          }),
-          thumb: ({ checked, focusVisible }) => ({
-            className: `block w-4 h-4 top-1 ${
-              checked ? 'left-5' : 'left-1'
-            } rounded-2xl ${
-              focusVisible ? 'bg-slate-500 shadow-outline-switch' : 'bg-white'
-            } relative transition-all`,
-          }),
-        }}
-        defaultChecked
-        disabled
-      />
-      <Switch
-        slotProps={{
-          root: ({ disabled }) => ({
-            className: `relative inline-block w-10 h-6 m-2.5 ${
-              disabled ? 'cursor-not-allowed opacity-40' : 'cursor-pointer'
-            }`,
-          }),
-          input: {
-            ...label,
-            className:
-              'cursor-inherit absolute w-full h-full top-0 left-0 opacity-0 z-10 m-0',
-          },
-          track: ({ checked }) => ({
-            className: `absolute block w-full h-full rounded-2xl ${
-              checked ? 'bg-purple-500' : 'bg-slate-400 dark:bg-slate-600'
-            }`,
-          }),
-          thumb: ({ checked, focusVisible }) => ({
-            className: `block w-4 h-4 top-1 ${
-              checked ? 'left-5' : 'left-1'
-            } rounded-2xl ${
-              focusVisible ? 'bg-slate-500 shadow-outline-switch' : 'bg-white'
-            } relative transition-all`,
-          }),
-        }}
-        disabled
-      />
-    </div>
-  );
-}
diff --git a/docs/data/base/components/switch/UnstyledSwitchBasic/css/index.js b/docs/data/base/components/switch/UnstyledSwitchIntroduction/css/index.js
similarity index 56%
rename from docs/data/base/components/switch/UnstyledSwitchBasic/css/index.js
rename to docs/data/base/components/switch/UnstyledSwitchIntroduction/css/index.js
index e45021ee9efba2..bb919c7d2e33ad 100644
--- a/docs/data/base/components/switch/UnstyledSwitchBasic/css/index.js
+++ b/docs/data/base/components/switch/UnstyledSwitchIntroduction/css/index.js
@@ -2,44 +2,44 @@ import * as React from 'react';
 import { Switch, switchClasses } from '@mui/base/Switch';
 import { useTheme } from '@mui/system';
 
-export default function UnstyledSwitches() {
+export default function UnstyledSwitchIntroduction() {
   const label = { 'aria-label': 'Demo switch' };
 
   return (
     <div>
       <Switch
         slotProps={{
-          root: { className: 'CustomSwitch' },
-          input: { ...label, className: 'CustomSwitch-input' },
-          thumb: { className: 'CustomSwitch-thumb' },
-          track: { className: 'CustomSwitch-track' },
+          root: { className: 'CustomSwitchIntroduction' },
+          input: { ...label, className: 'CustomSwitchIntroduction-input' },
+          thumb: { className: 'CustomSwitchIntroduction-thumb' },
+          track: { className: 'CustomSwitchIntroduction-track' },
         }}
         defaultChecked
       />
       <Switch
         slotProps={{
-          root: { className: 'CustomSwitch' },
-          input: { ...label, className: 'CustomSwitch-input' },
-          thumb: { className: 'CustomSwitch-thumb' },
-          track: { className: 'CustomSwitch-track' },
+          root: { className: 'CustomSwitchIntroduction' },
+          input: { ...label, className: 'CustomSwitchIntroduction-input' },
+          thumb: { className: 'CustomSwitchIntroduction-thumb' },
+          track: { className: 'CustomSwitchIntroduction-track' },
         }}
       />
       <Switch
         slotProps={{
-          root: { className: 'CustomSwitch' },
-          input: { ...label, className: 'CustomSwitch-input' },
-          thumb: { className: 'CustomSwitch-thumb' },
-          track: { className: 'CustomSwitch-track' },
+          root: { className: 'CustomSwitchIntroduction' },
+          input: { ...label, className: 'CustomSwitchIntroduction-input' },
+          thumb: { className: 'CustomSwitchIntroduction-thumb' },
+          track: { className: 'CustomSwitchIntroduction-track' },
         }}
         defaultChecked
         disabled
       />
       <Switch
         slotProps={{
-          root: { className: 'CustomSwitch' },
-          input: { ...label, className: 'CustomSwitch-input' },
-          thumb: { className: 'CustomSwitch-thumb' },
-          track: { className: 'CustomSwitch-track' },
+          root: { className: 'CustomSwitchIntroduction' },
+          input: { ...label, className: 'CustomSwitchIntroduction-input' },
+          thumb: { className: 'CustomSwitchIntroduction-thumb' },
+          track: { className: 'CustomSwitchIntroduction-track' },
         }}
         disabled
       />
@@ -79,7 +79,7 @@ function Styles() {
   return (
     <style>
       {`
-      .CustomSwitch {
+      .CustomSwitchIntroduction {
         font-size: 0;
         position: relative;
         display: inline-block;
@@ -89,12 +89,12 @@ function Styles() {
         cursor: pointer;
       }
 
-      .CustomSwitch.${switchClasses.disabled} {
+      .CustomSwitchIntroduction.${switchClasses.disabled} {
         opacity: 0.4;
         cursor: not-allowed;
       }
 
-      .CustomSwitch-track {
+      .CustomSwitchIntroduction-track {
         background: ${isDarkMode ? grey[600] : grey[400]};
         border-radius: 16px;
         display: block;
@@ -103,7 +103,7 @@ function Styles() {
         position: absolute;
       }
 
-      .CustomSwitch-thumb {
+      .CustomSwitchIntroduction-thumb {
         display: block;
         width: 16px;
         height: 16px;
@@ -112,28 +112,33 @@ function Styles() {
         border-radius: 16px;
         background-color: #fff;
         position: relative;
-        
         transition-property: all;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         transition-duration: 120ms;
       }
 
-      .CustomSwitch.${switchClasses.focusVisible} .CustomSwitch-thumb {
+      .CustomSwitchIntroduction.${
+        switchClasses.focusVisible
+      } .CustomSwitchIntroduction-thumb {
         background-color: ${grey[500]};
-        box-shadow: 0 0 1px 8px rgba(13, 84, 99, 0.35);
+        box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25);
       }
 
-      .CustomSwitch.${switchClasses.checked} .CustomSwitch-thumb {
+      .CustomSwitchIntroduction.${
+        switchClasses.checked
+      } .CustomSwitchIntroduction-thumb {
         left: 20px;
         top: 4px;
         background-color: #fff;
       }
 
-      .CustomSwitch.${switchClasses.checked} .CustomSwitch-track {
+      .CustomSwitchIntroduction.${
+        switchClasses.checked
+      } .CustomSwitchIntroduction-track {
         background: ${cyan[500]};
       }
 
-      .CustomSwitch-input {
+      .CustomSwitchIntroduction-input {
         cursor: inherit;
         position: absolute;
         width: 100%;
@@ -144,7 +149,7 @@ function Styles() {
         z-index: 1;
         margin: 0;
       }
-    
+
     `}
     </style>
   );
diff --git a/docs/data/base/components/switch/UnstyledSwitchBasic/css/index.tsx b/docs/data/base/components/switch/UnstyledSwitchIntroduction/css/index.tsx
similarity index 56%
rename from docs/data/base/components/switch/UnstyledSwitchBasic/css/index.tsx
rename to docs/data/base/components/switch/UnstyledSwitchIntroduction/css/index.tsx
index e45021ee9efba2..bb919c7d2e33ad 100644
--- a/docs/data/base/components/switch/UnstyledSwitchBasic/css/index.tsx
+++ b/docs/data/base/components/switch/UnstyledSwitchIntroduction/css/index.tsx
@@ -2,44 +2,44 @@ import * as React from 'react';
 import { Switch, switchClasses } from '@mui/base/Switch';
 import { useTheme } from '@mui/system';
 
-export default function UnstyledSwitches() {
+export default function UnstyledSwitchIntroduction() {
   const label = { 'aria-label': 'Demo switch' };
 
   return (
     <div>
       <Switch
         slotProps={{
-          root: { className: 'CustomSwitch' },
-          input: { ...label, className: 'CustomSwitch-input' },
-          thumb: { className: 'CustomSwitch-thumb' },
-          track: { className: 'CustomSwitch-track' },
+          root: { className: 'CustomSwitchIntroduction' },
+          input: { ...label, className: 'CustomSwitchIntroduction-input' },
+          thumb: { className: 'CustomSwitchIntroduction-thumb' },
+          track: { className: 'CustomSwitchIntroduction-track' },
         }}
         defaultChecked
       />
       <Switch
         slotProps={{
-          root: { className: 'CustomSwitch' },
-          input: { ...label, className: 'CustomSwitch-input' },
-          thumb: { className: 'CustomSwitch-thumb' },
-          track: { className: 'CustomSwitch-track' },
+          root: { className: 'CustomSwitchIntroduction' },
+          input: { ...label, className: 'CustomSwitchIntroduction-input' },
+          thumb: { className: 'CustomSwitchIntroduction-thumb' },
+          track: { className: 'CustomSwitchIntroduction-track' },
         }}
       />
       <Switch
         slotProps={{
-          root: { className: 'CustomSwitch' },
-          input: { ...label, className: 'CustomSwitch-input' },
-          thumb: { className: 'CustomSwitch-thumb' },
-          track: { className: 'CustomSwitch-track' },
+          root: { className: 'CustomSwitchIntroduction' },
+          input: { ...label, className: 'CustomSwitchIntroduction-input' },
+          thumb: { className: 'CustomSwitchIntroduction-thumb' },
+          track: { className: 'CustomSwitchIntroduction-track' },
         }}
         defaultChecked
         disabled
       />
       <Switch
         slotProps={{
-          root: { className: 'CustomSwitch' },
-          input: { ...label, className: 'CustomSwitch-input' },
-          thumb: { className: 'CustomSwitch-thumb' },
-          track: { className: 'CustomSwitch-track' },
+          root: { className: 'CustomSwitchIntroduction' },
+          input: { ...label, className: 'CustomSwitchIntroduction-input' },
+          thumb: { className: 'CustomSwitchIntroduction-thumb' },
+          track: { className: 'CustomSwitchIntroduction-track' },
         }}
         disabled
       />
@@ -79,7 +79,7 @@ function Styles() {
   return (
     <style>
       {`
-      .CustomSwitch {
+      .CustomSwitchIntroduction {
         font-size: 0;
         position: relative;
         display: inline-block;
@@ -89,12 +89,12 @@ function Styles() {
         cursor: pointer;
       }
 
-      .CustomSwitch.${switchClasses.disabled} {
+      .CustomSwitchIntroduction.${switchClasses.disabled} {
         opacity: 0.4;
         cursor: not-allowed;
       }
 
-      .CustomSwitch-track {
+      .CustomSwitchIntroduction-track {
         background: ${isDarkMode ? grey[600] : grey[400]};
         border-radius: 16px;
         display: block;
@@ -103,7 +103,7 @@ function Styles() {
         position: absolute;
       }
 
-      .CustomSwitch-thumb {
+      .CustomSwitchIntroduction-thumb {
         display: block;
         width: 16px;
         height: 16px;
@@ -112,28 +112,33 @@ function Styles() {
         border-radius: 16px;
         background-color: #fff;
         position: relative;
-        
         transition-property: all;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         transition-duration: 120ms;
       }
 
-      .CustomSwitch.${switchClasses.focusVisible} .CustomSwitch-thumb {
+      .CustomSwitchIntroduction.${
+        switchClasses.focusVisible
+      } .CustomSwitchIntroduction-thumb {
         background-color: ${grey[500]};
-        box-shadow: 0 0 1px 8px rgba(13, 84, 99, 0.35);
+        box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25);
       }
 
-      .CustomSwitch.${switchClasses.checked} .CustomSwitch-thumb {
+      .CustomSwitchIntroduction.${
+        switchClasses.checked
+      } .CustomSwitchIntroduction-thumb {
         left: 20px;
         top: 4px;
         background-color: #fff;
       }
 
-      .CustomSwitch.${switchClasses.checked} .CustomSwitch-track {
+      .CustomSwitchIntroduction.${
+        switchClasses.checked
+      } .CustomSwitchIntroduction-track {
         background: ${cyan[500]};
       }
 
-      .CustomSwitch-input {
+      .CustomSwitchIntroduction-input {
         cursor: inherit;
         position: absolute;
         width: 100%;
@@ -144,7 +149,7 @@ function Styles() {
         z-index: 1;
         margin: 0;
       }
-    
+
     `}
     </style>
   );
diff --git a/docs/data/base/components/switch/UnstyledSwitchIntroduction.tsx b/docs/data/base/components/switch/UnstyledSwitchIntroduction/system/index.js
similarity index 99%
rename from docs/data/base/components/switch/UnstyledSwitchIntroduction.tsx
rename to docs/data/base/components/switch/UnstyledSwitchIntroduction/system/index.js
index b8e5ab6425583e..331b17a4a60c57 100644
--- a/docs/data/base/components/switch/UnstyledSwitchIntroduction.tsx
+++ b/docs/data/base/components/switch/UnstyledSwitchIntroduction/system/index.js
@@ -81,7 +81,6 @@ const Root = styled('span')(
     border-radius: 16px;
     background-color: #fff;
     position: relative;
-    
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 120ms;
diff --git a/docs/data/base/components/switch/UnstyledSwitchIntroduction.js b/docs/data/base/components/switch/UnstyledSwitchIntroduction/system/index.tsx
similarity index 99%
rename from docs/data/base/components/switch/UnstyledSwitchIntroduction.js
rename to docs/data/base/components/switch/UnstyledSwitchIntroduction/system/index.tsx
index b8e5ab6425583e..331b17a4a60c57 100644
--- a/docs/data/base/components/switch/UnstyledSwitchIntroduction.js
+++ b/docs/data/base/components/switch/UnstyledSwitchIntroduction/system/index.tsx
@@ -81,7 +81,6 @@ const Root = styled('span')(
     border-radius: 16px;
     background-color: #fff;
     position: relative;
-    
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 120ms;
diff --git a/docs/data/base/components/switch/UnstyledSwitchIntroduction/tailwind/index.js b/docs/data/base/components/switch/UnstyledSwitchIntroduction/tailwind/index.js
new file mode 100644
index 00000000000000..08ca650ee0c35d
--- /dev/null
+++ b/docs/data/base/components/switch/UnstyledSwitchIntroduction/tailwind/index.js
@@ -0,0 +1,122 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { Switch as BaseSwitch } from '@mui/base/Switch';
+import { useTheme } from '@mui/system';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledSwitchIntroduction() {
+  const label = { 'aria-label': 'Demo switch' };
+
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <div className={isDarkMode ? 'dark' : ''}>
+      <Switch slotProps={{ input: { ...label } }} defaultChecked />
+      <Switch slotProps={{ input: { ...label } }} />
+      <Switch slotProps={{ input: { ...label } }} defaultChecked disabled />
+      <Switch slotProps={{ input: { ...label } }} disabled />
+    </div>
+  );
+}
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const Switch = React.forwardRef((props, ref) => {
+  return (
+    <BaseSwitch
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `relative inline-block w-10 h-6 m-2.5 ${
+                ownerState.disabled
+                  ? 'cursor-not-allowed opacity-40'
+                  : 'cursor-pointer'
+              }`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        input: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.input,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'cursor-inherit absolute w-full h-full top-0 left-0 opacity-0 z-10 m-0',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        track: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.track,
+            ownerState,
+          );
+
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `absolute block w-full h-full rounded-2xl ${
+                ownerState.checked
+                  ? 'bg-purple-500'
+                  : 'bg-slate-400 dark:bg-slate-600'
+              }`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        thumb: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.thumb,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `block w-4 h-4 top-1 ${
+                ownerState.checked ? 'left-5' : 'left-1'
+              } rounded-2xl ${
+                ownerState.focusVisible
+                  ? `${
+                      ownerState.checked ? 'bg-white' : 'bg-slate-500'
+                    } shadow-outline-switch`
+                  : 'bg-white'
+              } relative transition-all`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+Switch.propTypes = {
+  /**
+   * The props used for each slot inside the Switch.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    thumb: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    track: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+};
diff --git a/docs/data/base/components/switch/UnstyledSwitchIntroduction/tailwind/index.tsx b/docs/data/base/components/switch/UnstyledSwitchIntroduction/tailwind/index.tsx
new file mode 100644
index 00000000000000..2580bad62e77ad
--- /dev/null
+++ b/docs/data/base/components/switch/UnstyledSwitchIntroduction/tailwind/index.tsx
@@ -0,0 +1,109 @@
+import * as React from 'react';
+import clsx from 'clsx';
+import { Switch as BaseSwitch, SwitchProps } from '@mui/base/Switch';
+import { useTheme } from '@mui/system';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledSwitchIntroduction() {
+  const label = { 'aria-label': 'Demo switch' };
+
+  // Replace this with your app logic for determining dark modes
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <div className={isDarkMode ? 'dark' : ''}>
+      <Switch slotProps={{ input: { ...label } }} defaultChecked />
+      <Switch slotProps={{ input: { ...label } }} />
+      <Switch slotProps={{ input: { ...label } }} defaultChecked disabled />
+      <Switch slotProps={{ input: { ...label } }} disabled />
+    </div>
+  );
+}
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const Switch = React.forwardRef<HTMLSpanElement, SwitchProps>((props, ref) => {
+  return (
+    <BaseSwitch
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `relative inline-block w-10 h-6 m-2.5 ${
+                ownerState.disabled
+                  ? 'cursor-not-allowed opacity-40'
+                  : 'cursor-pointer'
+              }`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        input: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.input,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'cursor-inherit absolute w-full h-full top-0 left-0 opacity-0 z-10 m-0',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        track: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.track,
+            ownerState,
+          );
+
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `absolute block w-full h-full rounded-2xl ${
+                ownerState.checked
+                  ? 'bg-purple-500'
+                  : 'bg-slate-400 dark:bg-slate-600'
+              }`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        thumb: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.thumb,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `block w-4 h-4 top-1 ${
+                ownerState.checked ? 'left-5' : 'left-1'
+              } rounded-2xl ${
+                ownerState.focusVisible
+                  ? `${
+                      ownerState.checked ? 'bg-white' : 'bg-slate-500'
+                    } shadow-outline-switch`
+                  : 'bg-white'
+              } relative transition-all`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
diff --git a/docs/data/base/components/switch/UnstyledSwitchIntroduction/tailwind/index.tsx.preview b/docs/data/base/components/switch/UnstyledSwitchIntroduction/tailwind/index.tsx.preview
new file mode 100644
index 00000000000000..61dee4da9c7c2a
--- /dev/null
+++ b/docs/data/base/components/switch/UnstyledSwitchIntroduction/tailwind/index.tsx.preview
@@ -0,0 +1,4 @@
+<Switch slotProps={{ input: { ...label } }} defaultChecked />
+<Switch slotProps={{ input: { ...label } }} />
+<Switch slotProps={{ input: { ...label } }} defaultChecked disabled />
+<Switch slotProps={{ input: { ...label } }} disabled />
\ No newline at end of file
diff --git a/docs/data/base/components/switch/UnstyledSwitches.js b/docs/data/base/components/switch/UnstyledSwitches.js
index 38edba2147b0c4..23c54478e38776 100644
--- a/docs/data/base/components/switch/UnstyledSwitches.js
+++ b/docs/data/base/components/switch/UnstyledSwitches.js
@@ -81,7 +81,6 @@ const Root = styled('span')(
     border-radius: 16px;
     background-color: #fff;
     position: relative;
-    
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 120ms;
diff --git a/docs/data/base/components/switch/UnstyledSwitches.tsx b/docs/data/base/components/switch/UnstyledSwitches.tsx
index 38edba2147b0c4..23c54478e38776 100644
--- a/docs/data/base/components/switch/UnstyledSwitches.tsx
+++ b/docs/data/base/components/switch/UnstyledSwitches.tsx
@@ -81,7 +81,6 @@ const Root = styled('span')(
     border-radius: 16px;
     background-color: #fff;
     position: relative;
-    
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 120ms;
diff --git a/docs/data/base/components/switch/switch.md b/docs/data/base/components/switch/switch.md
index 6507a69b1358cd..2f599c667e31ac 100644
--- a/docs/data/base/components/switch/switch.md
+++ b/docs/data/base/components/switch/switch.md
@@ -19,28 +19,14 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/switch/
 
 The Switch component provides users with a switch for toggling between two mutually exclusive states.
 
-{{"demo": "UnstyledSwitchIntroduction.js", "defaultCodeOpen": false, "bg": "gradient"}}
+{{"demo": "UnstyledSwitchIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { Switch } from '@mui/base/Switch';
-
-export default function MyApp() {
-  return <Switch />;
-}
 ```
 
-### Basics
-
-The following demo shows how to assign styles and props to the Switch component:
-
-{{"demo": "UnstyledSwitchBasic"}}
-
 ### Anatomy
 
 The Switch component is composed of a root `<span>` that houses three interior slots—a track, a thumb, and an input:
@@ -73,9 +59,10 @@ The following code snippet applies a CSS class called `my-thumb` to the thumb sl
 <Switch slotProps={{ thumb: { className: 'my-thumb' } }} />
 ```
 
-#### Usage with TypeScript
+### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. This way, you can safely provide the custom root's props directly on the component:
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
+This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx
 <Switch<typeof CustomComponent> slots={{ root: CustomComponent }} customProp />
@@ -93,10 +80,10 @@ The same applies for props specific to custom primitive elements:
 import { useSwitch } from '@mui/base/useSwitch';
 ```
 
-The `useSwitch` hook lets you apply the functionality of a switch to a fully custom component.
+The `useSwitch` hook lets you apply the functionality of a Switch to a fully custom component.
 It returns props to be placed on the custom component, along with fields representing the component's internal state.
 
-Hooks _do not_ support [slot props](#slot-props), but they do support [customization props](#customization).
+Hooks _do not_ support [slot props](#custom-structure), but they do support [customization props](#customization).
 
 :::info
 Hooks give you the most room for customization, but require more work to implement.
@@ -115,4 +102,4 @@ You may not need to use hooks unless you find that you're limited by the customi
 
 ## Accessibility
 
-To make the switch component accessible, you should ensure that the corresponding labels reflect the current state of the switch.
+To make the Switch component accessible, you should ensure that the corresponding labels reflect the Switch's current state.
diff --git a/docs/data/base/components/table-pagination/TableCustomized/css/index.js b/docs/data/base/components/table-pagination/TableCustomized/css/index.js
index 01d52b207f299a..994b5903883f8b 100644
--- a/docs/data/base/components/table-pagination/TableCustomized/css/index.js
+++ b/docs/data/base/components/table-pagination/TableCustomized/css/index.js
@@ -51,7 +51,7 @@ export default function TableCustomized() {
 
             {emptyRows > 0 && (
               <tr style={{ height: 34 * emptyRows }}>
-                <td colSpan={3} />
+                <td colSpan={3} aria-hidden />
               </tr>
             )}
           </tbody>
@@ -164,7 +164,7 @@ function Styles() {
       .TablePaginationDemo th {
         background-color: ${isDarkMode ? cyan[800] : cyan[50]};
       }
-      
+
       .CustomTablePagination .${classes.spacer} {
         display: none;
       }
diff --git a/docs/data/base/components/table-pagination/TableCustomized/css/index.tsx b/docs/data/base/components/table-pagination/TableCustomized/css/index.tsx
index c3f9fae825ca22..1f0889da8ea348 100644
--- a/docs/data/base/components/table-pagination/TableCustomized/css/index.tsx
+++ b/docs/data/base/components/table-pagination/TableCustomized/css/index.tsx
@@ -56,7 +56,7 @@ export default function TableCustomized() {
 
             {emptyRows > 0 && (
               <tr style={{ height: 34 * emptyRows }}>
-                <td colSpan={3} />
+                <td colSpan={3} aria-hidden />
               </tr>
             )}
           </tbody>
@@ -169,7 +169,7 @@ function Styles() {
       .TablePaginationDemo th {
         background-color: ${isDarkMode ? cyan[800] : cyan[50]};
       }
-      
+
       .CustomTablePagination .${classes.spacer} {
         display: none;
       }
diff --git a/docs/data/base/components/table-pagination/TableCustomized/system/index.js b/docs/data/base/components/table-pagination/TableCustomized/system/index.js
index 28b28ed7c35e12..4eeca35e3a1cf8 100644
--- a/docs/data/base/components/table-pagination/TableCustomized/system/index.js
+++ b/docs/data/base/components/table-pagination/TableCustomized/system/index.js
@@ -50,7 +50,7 @@ export default function TableCustomized() {
 
           {emptyRows > 0 && (
             <tr style={{ height: 34 * emptyRows }}>
-              <td colSpan={3} />
+              <td colSpan={3} aria-hidden />
             </tr>
           )}
         </tbody>
diff --git a/docs/data/base/components/table-pagination/TableCustomized/system/index.tsx b/docs/data/base/components/table-pagination/TableCustomized/system/index.tsx
index 79ab5c877c8bd7..4f68884c57548a 100644
--- a/docs/data/base/components/table-pagination/TableCustomized/system/index.tsx
+++ b/docs/data/base/components/table-pagination/TableCustomized/system/index.tsx
@@ -55,7 +55,7 @@ export default function TableCustomized() {
 
           {emptyRows > 0 && (
             <tr style={{ height: 34 * emptyRows }}>
-              <td colSpan={3} />
+              <td colSpan={3} aria-hidden />
             </tr>
           )}
         </tbody>
diff --git a/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.js b/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.js
index acae5360d88943..63c12894c85d6c 100644
--- a/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.js
+++ b/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.js
@@ -1,4 +1,6 @@
 import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
 import { useTheme } from '@mui/system';
 import { TablePagination } from '@mui/base/TablePagination';
 
@@ -33,7 +35,7 @@ export default function TableCustomized() {
       style={{ width: '500px' }}
     >
       <table
-        className="text-sm w-full border-collapse"
+        className="text-sm font-sans w-full border-collapse"
         aria-label="custom pagination table"
       >
         <thead>
@@ -80,14 +82,14 @@ export default function TableCustomized() {
               <td
                 className="border border-solid border-slate-200 dark:border-slate-800 text-left p-1.5"
                 colSpan={3}
+                aria-hidden
               />
             </tr>
           )}
         </tbody>
         <tfoot>
           <tr className="border border-solid border-slate-200 dark:border-slate-800 text-left p-1.5">
-            <TablePagination
-              className="CustomTablePagination p-1.5"
+            <CustomTablePagination
               rowsPerPageOptions={[5, 10, 25, { label: 'All', value: -1 }]}
               colSpan={3}
               count={rows.length}
@@ -96,27 +98,10 @@ export default function TableCustomized() {
               slotProps={{
                 select: {
                   'aria-label': 'rows per page',
-                  className:
-                    'p-0.5 border border-solid border-slate-200 dark:border-slate-800 rounded-3xl bg-transparent hover:bg-slate-20 hover:dark:bg-slate-800 focus:outline-0 focus:shadow-outline-purple-xs',
                 },
                 actions: {
                   showFirstButton: true,
                   showLastButton: true,
-                  className:
-                    'p-0.5 border border-solid border-slate-200 dark:border-slate-800 rounded-3xl text-center [&>button]:my-0 [&>button]:mx-2 [&>button]:border-transparent [&>button]:rounded-sm [&>button]:bg-transparent [&>button:hover]:bg-slate-50 [&>button:hover]:dark:bg-slate-800 [&>button:focus]:outline-0 [&>button:focus]:shadow-outline-purple-xs',
-                },
-                spacer: {
-                  className: 'hidden',
-                },
-                toolbar: {
-                  className:
-                    'flex flex-col items-start gap-2.5 md:flex-row md:items-center',
-                },
-                selectLabel: {
-                  className: 'm-0',
-                },
-                displayedRows: {
-                  className: 'm-0 md:ml-auto',
                 },
               }}
               onPageChange={handleChangePage}
@@ -129,6 +114,138 @@ export default function TableCustomized() {
   );
 }
 
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const CustomTablePagination = React.forwardRef((props, ref) => {
+  return (
+    <TablePagination
+      ref={ref}
+      {...props}
+      className={clsx('CustomTablePagination p-1.5', props.className)}
+      slotProps={{
+        ...props.slotProps,
+        select: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.select,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'p-0.5 border border-solid border-slate-200 dark:border-slate-800 rounded-3xl bg-transparent hover:bg-slate-20 hover:dark:bg-slate-800 focus:outline-0 focus:shadow-outline-purple-xs',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        actions: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.actions,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'p-0.5 border border-solid border-slate-200 dark:border-slate-800 rounded-3xl text-center [&>button]:my-0 [&>button]:mx-2 [&>button]:border-transparent [&>button]:rounded-sm [&>button]:bg-transparent [&>button:hover]:bg-slate-50 [&>button:hover]:dark:bg-slate-800 [&>button:focus]:outline-0 [&>button:focus]:shadow-outline-purple-xs',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        spacer: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.spacer,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx('hidden', resolvedSlotProps?.className),
+          };
+        },
+        toolbar: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.toolbar,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'flex flex-col items-start gap-2.5 md:flex-row md:items-center',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        selectLabel: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.selectLabel,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx('m-0', resolvedSlotProps?.className),
+          };
+        },
+        displayedRows: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.displayedRows,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx('m-0 md:ml-auto', resolvedSlotProps?.className),
+          };
+        },
+      }}
+    />
+  );
+});
+
+CustomTablePagination.propTypes = {
+  className: PropTypes.string,
+  /**
+   * The props used for each slot inside the TablePagination.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    actions: PropTypes.oneOfType([
+      PropTypes.func,
+      PropTypes.shape({
+        count: PropTypes.number,
+        direction: PropTypes.oneOf(['ltr', 'rtl']),
+        getItemAriaLabel: PropTypes.func,
+        onPageChange: PropTypes.func,
+        page: PropTypes.number,
+        rowsPerPage: PropTypes.number,
+        showFirstButton: PropTypes.bool,
+        showLastButton: PropTypes.bool,
+        slotProps: PropTypes.shape({
+          backButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+          firstButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+          lastButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+          nextButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+          root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+        }),
+        slots: PropTypes.shape({
+          backButton: PropTypes.elementType,
+          backPageIcon: PropTypes.elementType,
+          firstButton: PropTypes.elementType,
+          firstPageIcon: PropTypes.elementType,
+          lastButton: PropTypes.elementType,
+          lastPageIcon: PropTypes.elementType,
+          nextButton: PropTypes.elementType,
+          nextPageIcon: PropTypes.elementType,
+          root: PropTypes.elementType,
+        }),
+      }),
+    ]),
+    displayedRows: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    menuItem: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    select: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    selectLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    spacer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    toolbar: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+};
+
 function createData(name, calories, fat) {
   return { name, calories, fat };
 }
diff --git a/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.tsx b/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.tsx
index fffff48e037a5f..64cacc74fff3a7 100644
--- a/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.tsx
+++ b/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
+import clsx from 'clsx';
 import { useTheme } from '@mui/system';
-import { TablePagination } from '@mui/base/TablePagination';
+import { TablePagination, TablePaginationProps } from '@mui/base/TablePagination';
 
 function useIsDarkMode() {
   const theme = useTheme();
@@ -38,7 +39,7 @@ export default function TableCustomized() {
       style={{ width: '500px' }}
     >
       <table
-        className="text-sm w-full border-collapse"
+        className="text-sm font-sans w-full border-collapse"
         aria-label="custom pagination table"
       >
         <thead>
@@ -85,14 +86,14 @@ export default function TableCustomized() {
               <td
                 className="border border-solid border-slate-200 dark:border-slate-800 text-left p-1.5"
                 colSpan={3}
+                aria-hidden
               />
             </tr>
           )}
         </tbody>
         <tfoot>
           <tr className="border border-solid border-slate-200 dark:border-slate-800 text-left p-1.5">
-            <TablePagination
-              className="CustomTablePagination p-1.5"
+            <CustomTablePagination
               rowsPerPageOptions={[5, 10, 25, { label: 'All', value: -1 }]}
               colSpan={3}
               count={rows.length}
@@ -101,27 +102,10 @@ export default function TableCustomized() {
               slotProps={{
                 select: {
                   'aria-label': 'rows per page',
-                  className:
-                    'p-0.5 border border-solid border-slate-200 dark:border-slate-800 rounded-3xl bg-transparent hover:bg-slate-20 hover:dark:bg-slate-800 focus:outline-0 focus:shadow-outline-purple-xs',
                 },
                 actions: {
                   showFirstButton: true,
                   showLastButton: true,
-                  className:
-                    'p-0.5 border border-solid border-slate-200 dark:border-slate-800 rounded-3xl text-center [&>button]:my-0 [&>button]:mx-2 [&>button]:border-transparent [&>button]:rounded-sm [&>button]:bg-transparent [&>button:hover]:bg-slate-50 [&>button:hover]:dark:bg-slate-800 [&>button:focus]:outline-0 [&>button:focus]:shadow-outline-purple-xs',
-                },
-                spacer: {
-                  className: 'hidden',
-                },
-                toolbar: {
-                  className:
-                    'flex flex-col items-start gap-2.5 md:flex-row md:items-center',
-                },
-                selectLabel: {
-                  className: 'm-0',
-                },
-                displayedRows: {
-                  className: 'm-0 md:ml-auto',
                 },
               }}
               onPageChange={handleChangePage}
@@ -134,6 +118,94 @@ export default function TableCustomized() {
   );
 }
 
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const CustomTablePagination = React.forwardRef<
+  HTMLTableCellElement,
+  TablePaginationProps
+>((props, ref) => {
+  return (
+    <TablePagination
+      ref={ref}
+      {...props}
+      className={clsx('CustomTablePagination p-1.5', props.className)}
+      slotProps={{
+        ...props.slotProps,
+        select: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.select,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'p-0.5 border border-solid border-slate-200 dark:border-slate-800 rounded-3xl bg-transparent hover:bg-slate-20 hover:dark:bg-slate-800 focus:outline-0 focus:shadow-outline-purple-xs',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        actions: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.actions,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'p-0.5 border border-solid border-slate-200 dark:border-slate-800 rounded-3xl text-center [&>button]:my-0 [&>button]:mx-2 [&>button]:border-transparent [&>button]:rounded-sm [&>button]:bg-transparent [&>button:hover]:bg-slate-50 [&>button:hover]:dark:bg-slate-800 [&>button:focus]:outline-0 [&>button:focus]:shadow-outline-purple-xs',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        spacer: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.spacer,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx('hidden', resolvedSlotProps?.className),
+          };
+        },
+        toolbar: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.toolbar,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'flex flex-col items-start gap-2.5 md:flex-row md:items-center',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        selectLabel: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.selectLabel,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx('m-0', resolvedSlotProps?.className),
+          };
+        },
+        displayedRows: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.displayedRows,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx('m-0 md:ml-auto', resolvedSlotProps?.className),
+          };
+        },
+      }}
+    />
+  );
+});
+
 function createData(name: string, calories: number, fat: number) {
   return { name, calories, fat };
 }
diff --git a/docs/data/base/components/table-pagination/TableUnstyled.js b/docs/data/base/components/table-pagination/TableUnstyled.js
index d912e9c1e5f700..f633e5ee23abac 100644
--- a/docs/data/base/components/table-pagination/TableUnstyled.js
+++ b/docs/data/base/components/table-pagination/TableUnstyled.js
@@ -49,7 +49,7 @@ export default function TableUnstyled() {
           ))}
           {emptyRows > 0 && (
             <tr style={{ height: 41 * emptyRows }}>
-              <td colSpan={3} />
+              <td colSpan={3} aria-hidden />
             </tr>
           )}
         </tbody>
diff --git a/docs/data/base/components/table-pagination/TableUnstyled.tsx b/docs/data/base/components/table-pagination/TableUnstyled.tsx
index 0ee21b0a43fb31..7bbd97be29b9fb 100644
--- a/docs/data/base/components/table-pagination/TableUnstyled.tsx
+++ b/docs/data/base/components/table-pagination/TableUnstyled.tsx
@@ -54,7 +54,7 @@ export default function TableUnstyled() {
           ))}
           {emptyRows > 0 && (
             <tr style={{ height: 41 * emptyRows }}>
-              <td colSpan={3} />
+              <td colSpan={3} aria-hidden />
             </tr>
           )}
         </tbody>
diff --git a/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/css/index.js b/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/css/index.js
new file mode 100644
index 00000000000000..b576613dc8e31b
--- /dev/null
+++ b/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/css/index.js
@@ -0,0 +1,193 @@
+import * as React from 'react';
+import { useTheme } from '@mui/system';
+import {
+  TablePagination,
+  tablePaginationClasses as classes,
+} from '@mui/base/TablePagination';
+
+export default function UnstyledPaginationIntroduction() {
+  const [page, setPage] = React.useState(0);
+  const [rowsPerPage, setRowsPerPage] = React.useState(5);
+
+  const handleChangePage = (event, newPage) => {
+    setPage(newPage);
+  };
+
+  const handleChangeRowsPerPage = (event) => {
+    setRowsPerPage(parseInt(event.target.value, 10));
+    setPage(0);
+  };
+
+  return (
+    <React.Fragment>
+      <div className="TablePaginationIntroductionDemo">
+        <table aria-label="custom pagination table">
+          <tfoot>
+            <tr>
+              <TablePagination
+                className="CustomTablePagination"
+                rowsPerPageOptions={[5, 10, 25, { label: 'All', value: -1 }]}
+                colSpan={3}
+                count={13}
+                rowsPerPage={rowsPerPage}
+                page={page}
+                slotProps={{
+                  select: {
+                    'aria-label': 'rows per page',
+                  },
+                  actions: {
+                    showFirstButton: true,
+                    showLastButton: true,
+                  },
+                }}
+                onPageChange={handleChangePage}
+                onRowsPerPageChange={handleChangeRowsPerPage}
+              />
+            </tr>
+          </tfoot>
+        </table>
+      </div>
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#F3F6F9',
+  100: '#E7EBF0',
+  200: '#E0E3E7',
+  300: '#CDD2D7',
+  400: '#B2BAC2',
+  500: '#A0AAB4',
+  600: '#6F7E8C',
+  700: '#3E5060',
+  800: '#2D3843',
+  900: '#1A2027',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>
+      {`
+      .TablePaginationIntroductionDemo {
+        width: 500px;
+        max-width: 100%;
+      }
+
+      th {
+        background-color: ${isDarkMode ? grey[900] : '#fff'};
+      }
+
+      .TablePaginationIntroductionDemo table {
+        font-family: IBM Plex Sans, sans-serif;
+        font-size: 0.875rem;
+        width: 100%;
+        background-color: ${isDarkMode ? grey[900] : '#fff'};
+        box-shadow: 0px 2px 16px ${isDarkMode ? grey[900] : grey[200]};
+        border-radius: 12px;
+        overflow: hidden;
+        border: 1px solid ${isDarkMode ? grey[800] : grey[200]};
+      }
+
+      .TablePaginationIntroductionDemo td,
+      .TablePaginationIntroductionDemo th {
+        padding: 16px;
+      }
+
+      .TablePaginationIntroductionDemo th {
+        background-color: ${isDarkMode ? grey[900] : '#fff'};
+      }
+
+      .CustomTablePagination .${classes.spacer} {
+        display: none;
+      }
+
+      .CustomTablePagination .${classes.toolbar}  {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+
+        @media (min-width: 768px) {
+          flex-direction: row;
+          align-items: center;
+        }
+      }
+
+      .CustomTablePagination .${classes.selectLabel} {
+        margin: 0;
+      }
+
+      .CustomTablePagination .${classes.select} {
+        padding: 2px 6px;
+        border: 1px solid ${isDarkMode ? grey[800] : grey[200]};
+        border-radius: 50px;
+        background-color: transparent;
+      }
+
+      .CustomTablePagination .${classes.select}:hover {
+        background-color: ${isDarkMode ? grey[800] : grey[50]};
+      }
+
+      .CustomTablePagination .${classes.select}:focus {
+        outline: 1px solid ${isDarkMode ? cyan[400] : cyan[200]};
+      }
+
+      .CustomTablePagination .${classes.displayedRows} {
+        margin: 0;
+
+        @media (min-width: 768px) {
+          margin-left: auto;
+        }
+      }
+
+      .CustomTablePagination .${classes.actions} {
+        padding: 2px 6px;
+        border: 1px solid ${isDarkMode ? grey[800] : grey[200]};
+        border-radius: 50px;
+        text-align: center;
+      }
+
+      .CustomTablePagination .${classes.actions} > button {
+        margin: 0 8px;
+        border: transparent;
+        border-radius: 2px;
+        background-color: transparent;
+      }
+
+      .CustomTablePagination .${classes.actions} > button:hover {
+        background-color: ${isDarkMode ? grey[800] : grey[50]};
+      }
+
+      .CustomTablePagination .${classes.actions} > button:focus {
+        outline: 1px solid ${isDarkMode ? cyan[400] : cyan[200]};
+      }
+
+      .CustomTablePagination .${classes.actions} > button:disabled {
+        opacity: 0.7;
+      }
+      `}
+    </style>
+  );
+}
diff --git a/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/css/index.tsx b/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/css/index.tsx
new file mode 100644
index 00000000000000..43b582907026ed
--- /dev/null
+++ b/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/css/index.tsx
@@ -0,0 +1,198 @@
+import * as React from 'react';
+import { useTheme } from '@mui/system';
+import {
+  TablePagination,
+  tablePaginationClasses as classes,
+} from '@mui/base/TablePagination';
+
+export default function UnstyledPaginationIntroduction() {
+  const [page, setPage] = React.useState(0);
+  const [rowsPerPage, setRowsPerPage] = React.useState(5);
+
+  const handleChangePage = (
+    event: React.MouseEvent<HTMLButtonElement> | null,
+    newPage: number,
+  ) => {
+    setPage(newPage);
+  };
+
+  const handleChangeRowsPerPage = (
+    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
+  ) => {
+    setRowsPerPage(parseInt(event.target.value, 10));
+    setPage(0);
+  };
+
+  return (
+    <React.Fragment>
+      <div className="TablePaginationIntroductionDemo">
+        <table aria-label="custom pagination table">
+          <tfoot>
+            <tr>
+              <TablePagination
+                className="CustomTablePagination"
+                rowsPerPageOptions={[5, 10, 25, { label: 'All', value: -1 }]}
+                colSpan={3}
+                count={13}
+                rowsPerPage={rowsPerPage}
+                page={page}
+                slotProps={{
+                  select: {
+                    'aria-label': 'rows per page',
+                  },
+                  actions: {
+                    showFirstButton: true,
+                    showLastButton: true,
+                  },
+                }}
+                onPageChange={handleChangePage}
+                onRowsPerPageChange={handleChangeRowsPerPage}
+              />
+            </tr>
+          </tfoot>
+        </table>
+      </div>
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#F3F6F9',
+  100: '#E7EBF0',
+  200: '#E0E3E7',
+  300: '#CDD2D7',
+  400: '#B2BAC2',
+  500: '#A0AAB4',
+  600: '#6F7E8C',
+  700: '#3E5060',
+  800: '#2D3843',
+  900: '#1A2027',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <style>
+      {`
+      .TablePaginationIntroductionDemo {
+        width: 500px;
+        max-width: 100%;
+      }
+
+      th {
+        background-color: ${isDarkMode ? grey[900] : '#fff'};
+      }
+
+      .TablePaginationIntroductionDemo table {
+        font-family: IBM Plex Sans, sans-serif;
+        font-size: 0.875rem;
+        width: 100%;
+        background-color: ${isDarkMode ? grey[900] : '#fff'};
+        box-shadow: 0px 2px 16px ${isDarkMode ? grey[900] : grey[200]};
+        border-radius: 12px;
+        overflow: hidden;
+        border: 1px solid ${isDarkMode ? grey[800] : grey[200]};
+      }
+
+      .TablePaginationIntroductionDemo td,
+      .TablePaginationIntroductionDemo th {
+        padding: 16px;
+      }
+
+      .TablePaginationIntroductionDemo th {
+        background-color: ${isDarkMode ? grey[900] : '#fff'};
+      }
+
+      .CustomTablePagination .${classes.spacer} {
+        display: none;
+      }
+
+      .CustomTablePagination .${classes.toolbar}  {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+
+        @media (min-width: 768px) {
+          flex-direction: row;
+          align-items: center;
+        }
+      }
+
+      .CustomTablePagination .${classes.selectLabel} {
+        margin: 0;
+      }
+
+      .CustomTablePagination .${classes.select} {
+        padding: 2px 6px;
+        border: 1px solid ${isDarkMode ? grey[800] : grey[200]};
+        border-radius: 50px;
+        background-color: transparent;
+      }
+
+      .CustomTablePagination .${classes.select}:hover {
+        background-color: ${isDarkMode ? grey[800] : grey[50]};
+      }
+
+      .CustomTablePagination .${classes.select}:focus {
+        outline: 1px solid ${isDarkMode ? cyan[400] : cyan[200]};
+      }
+
+      .CustomTablePagination .${classes.displayedRows} {
+        margin: 0;
+
+        @media (min-width: 768px) {
+          margin-left: auto;
+        }
+      }
+
+      .CustomTablePagination .${classes.actions} {
+        padding: 2px 6px;
+        border: 1px solid ${isDarkMode ? grey[800] : grey[200]};
+        border-radius: 50px;
+        text-align: center;
+      }
+
+      .CustomTablePagination .${classes.actions} > button {
+        margin: 0 8px;
+        border: transparent;
+        border-radius: 2px;
+        background-color: transparent;
+      }
+
+      .CustomTablePagination .${classes.actions} > button:hover {
+        background-color: ${isDarkMode ? grey[800] : grey[50]};
+      }
+
+      .CustomTablePagination .${classes.actions} > button:focus {
+        outline: 1px solid ${isDarkMode ? cyan[400] : cyan[200]};
+      }
+
+      .CustomTablePagination .${classes.actions} > button:disabled {
+        opacity: 0.7;
+      }
+      `}
+    </style>
+  );
+}
diff --git a/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction.js b/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/system/index.js
similarity index 80%
rename from docs/data/base/components/table-pagination/UnstyledPaginationIntroduction.js
rename to docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/system/index.js
index 0fec14b528724f..31d6b051a738d7 100644
--- a/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction.js
+++ b/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/system/index.js
@@ -5,10 +5,6 @@ import {
   tablePaginationClasses as classes,
 } from '@mui/base/TablePagination';
 
-function createData(name, calories, fat) {
-  return { name, calories, fat };
-}
-
 export default function UnstyledPaginationIntroduction() {
   const [page, setPage] = React.useState(0);
   const [rowsPerPage, setRowsPerPage] = React.useState(5);
@@ -30,7 +26,7 @@ export default function UnstyledPaginationIntroduction() {
             <CustomTablePagination
               rowsPerPageOptions={[5, 10, 25, { label: 'All', value: -1 }]}
               colSpan={3}
-              count={rows.length}
+              count={13}
               rowsPerPage={rowsPerPage}
               page={page}
               slotProps={{
@@ -52,38 +48,22 @@ export default function UnstyledPaginationIntroduction() {
   );
 }
 
-const rows = [
-  createData('Cupcake', 305, 3.7),
-  createData('Donut', 452, 25.0),
-  createData('Eclair', 262, 16.0),
-  createData('Frozen yoghurt', 159, 6.0),
-  createData('Gingerbread', 356, 16.0),
-  createData('Honeycomb', 408, 3.2),
-  createData('Ice cream sandwich', 237, 9.0),
-  createData('Jelly Bean', 375, 0.0),
-  createData('KitKat', 518, 26.0),
-  createData('Lollipop', 392, 0.2),
-  createData('Marshmallow', 318, 0),
-  createData('Nougat', 360, 19.0),
-  createData('Oreo', 437, 18.0),
-].sort((a, b) => (a.calories < b.calories ? -1 : 1));
-
 const blue = {
   200: '#A5D8FF',
   400: '#3399FF',
 };
 
 const grey = {
-  50: '#f6f8fa',
-  100: '#eaeef2',
-  200: '#d0d7de',
-  300: '#afb8c1',
-  400: '#8c959f',
-  500: '#6e7781',
-  600: '#57606a',
-  700: '#424a53',
-  800: '#32383f',
-  900: '#24292f',
+  50: '#F3F6F9',
+  100: '#E7EBF0',
+  200: '#E0E3E7',
+  300: '#CDD2D7',
+  400: '#B2BAC2',
+  500: '#A0AAB4',
+  600: '#6F7E8C',
+  700: '#3E5060',
+  800: '#2D3843',
+  900: '#1A2027',
 };
 
 const Root = styled('div')(
@@ -104,7 +84,6 @@ const Root = styled('div')(
   td,
   th {
     padding: 16px;
-
   }
 
   th {
@@ -137,7 +116,7 @@ const CustomTablePagination = styled(TablePagination)(
   }
 
   & .${classes.select}{
-    padding: 2px 6px;
+    padding: 2px;
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[800] : grey[200]};
     border-radius: 50px;
     background-color: transparent;
@@ -175,12 +154,16 @@ const CustomTablePagination = styled(TablePagination)(
     color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
 
     &:hover {
-      background-color: ${theme.palette.mode === 'dark' ? grey[800] : grey[100]};
+      background-color: ${theme.palette.mode === 'dark' ? grey[800] : grey[50]};
     }
 
     &:focus {
       outline: 1px solid ${theme.palette.mode === 'dark' ? blue[400] : blue[200]};
     }
+
+    &:disabled {
+      opacity: 0.3;
+    }
   }
   `,
 );
diff --git a/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction.tsx b/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/system/index.tsx
similarity index 80%
rename from docs/data/base/components/table-pagination/UnstyledPaginationIntroduction.tsx
rename to docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/system/index.tsx
index a07e125ccedd9d..a26dfc9434253f 100644
--- a/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction.tsx
+++ b/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/system/index.tsx
@@ -5,10 +5,6 @@ import {
   tablePaginationClasses as classes,
 } from '@mui/base/TablePagination';
 
-function createData(name: string, calories: number, fat: number) {
-  return { name, calories, fat };
-}
-
 export default function UnstyledPaginationIntroduction() {
   const [page, setPage] = React.useState(0);
   const [rowsPerPage, setRowsPerPage] = React.useState(5);
@@ -35,7 +31,7 @@ export default function UnstyledPaginationIntroduction() {
             <CustomTablePagination
               rowsPerPageOptions={[5, 10, 25, { label: 'All', value: -1 }]}
               colSpan={3}
-              count={rows.length}
+              count={13}
               rowsPerPage={rowsPerPage}
               page={page}
               slotProps={{
@@ -57,38 +53,22 @@ export default function UnstyledPaginationIntroduction() {
   );
 }
 
-const rows = [
-  createData('Cupcake', 305, 3.7),
-  createData('Donut', 452, 25.0),
-  createData('Eclair', 262, 16.0),
-  createData('Frozen yoghurt', 159, 6.0),
-  createData('Gingerbread', 356, 16.0),
-  createData('Honeycomb', 408, 3.2),
-  createData('Ice cream sandwich', 237, 9.0),
-  createData('Jelly Bean', 375, 0.0),
-  createData('KitKat', 518, 26.0),
-  createData('Lollipop', 392, 0.2),
-  createData('Marshmallow', 318, 0),
-  createData('Nougat', 360, 19.0),
-  createData('Oreo', 437, 18.0),
-].sort((a, b) => (a.calories < b.calories ? -1 : 1));
-
 const blue = {
   200: '#A5D8FF',
   400: '#3399FF',
 };
 
 const grey = {
-  50: '#f6f8fa',
-  100: '#eaeef2',
-  200: '#d0d7de',
-  300: '#afb8c1',
-  400: '#8c959f',
-  500: '#6e7781',
-  600: '#57606a',
-  700: '#424a53',
-  800: '#32383f',
-  900: '#24292f',
+  50: '#F3F6F9',
+  100: '#E7EBF0',
+  200: '#E0E3E7',
+  300: '#CDD2D7',
+  400: '#B2BAC2',
+  500: '#A0AAB4',
+  600: '#6F7E8C',
+  700: '#3E5060',
+  800: '#2D3843',
+  900: '#1A2027',
 };
 
 const Root = styled('div')(
@@ -109,7 +89,6 @@ const Root = styled('div')(
   td,
   th {
     padding: 16px;
-
   }
 
   th {
@@ -142,7 +121,7 @@ const CustomTablePagination = styled(TablePagination)(
   }
 
   & .${classes.select}{
-    padding: 2px 6px;
+    padding: 2px;
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[800] : grey[200]};
     border-radius: 50px;
     background-color: transparent;
@@ -180,12 +159,16 @@ const CustomTablePagination = styled(TablePagination)(
     color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
 
     &:hover {
-      background-color: ${theme.palette.mode === 'dark' ? grey[800] : grey[100]};
+      background-color: ${theme.palette.mode === 'dark' ? grey[800] : grey[50]};
     }
 
     &:focus {
       outline: 1px solid ${theme.palette.mode === 'dark' ? blue[400] : blue[200]};
     }
+
+    &:disabled {
+      opacity: 0.3;
+    }
   }
   `,
 );
diff --git a/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/tailwind/index.js b/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/tailwind/index.js
new file mode 100644
index 00000000000000..51ae7bb24c1936
--- /dev/null
+++ b/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/tailwind/index.js
@@ -0,0 +1,195 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { useTheme } from '@mui/system';
+import { TablePagination } from '@mui/base/TablePagination';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledPaginationIntroduction() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  const [page, setPage] = React.useState(0);
+  const [rowsPerPage, setRowsPerPage] = React.useState(5);
+
+  const handleChangePage = (event, newPage) => {
+    setPage(newPage);
+  };
+
+  const handleChangeRowsPerPage = (event) => {
+    setRowsPerPage(parseInt(event.target.value, 10));
+    setPage(0);
+  };
+
+  return (
+    <div
+      className={isDarkMode ? 'dark' : ''}
+      style={{ width: 500, maxWidth: '100%' }}
+    >
+      <table
+        aria-label="custom pagination table"
+        className="text-sm font-sans [&>th]:p-4 [&>td]:p-4 border border-solid border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 rounded-xl shadow-md w-full"
+      >
+        <tfoot>
+          <tr>
+            <CustomTablePagination
+              rowsPerPageOptions={[5, 10, 25, { label: 'All', value: -1 }]}
+              colSpan={3}
+              count={13}
+              rowsPerPage={rowsPerPage}
+              page={page}
+              slotProps={{
+                select: {
+                  'aria-label': 'rows per page',
+                },
+                actions: {
+                  showFirstButton: true,
+                  showLastButton: true,
+                },
+              }}
+              onPageChange={handleChangePage}
+              onRowsPerPageChange={handleChangeRowsPerPage}
+            />
+          </tr>
+        </tfoot>
+      </table>
+    </div>
+  );
+}
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const CustomTablePagination = React.forwardRef((props, ref) => {
+  return (
+    <TablePagination
+      ref={ref}
+      {...props}
+      className={clsx('CustomTablePagination p-4', props.className)}
+      slotProps={{
+        ...props.slotProps,
+        select: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.select,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'py-0.5 px-1.5 border border-solid border-slate-200 dark:border-slate-800 rounded-3xl bg-transparent hover:bg-slate-20 hover:dark:bg-slate-800 focus:outline-0 focus:shadow-outline-purple-xs',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        actions: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.actions,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'p-0.5 border border-solid border-slate-200 dark:border-slate-800 rounded-3xl text-center [&>button]:my-0 [&>button]:mx-2 [&>button]:border-none [&>button]:rounded-sm [&>button]:bg-transparent [&>button:hover]:bg-slate-50 [&>button:hover]:dark:bg-slate-800 [&>button:focus]:outline-0 [&>button:focus]:shadow-outline-purple-xs',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        spacer: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.spacer,
+            ownerState,
+          );
+
+          return {
+            ...resolvedSlotProps,
+            className: clsx('hidden', resolvedSlotProps?.className),
+          };
+        },
+        toolbar: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.toolbar,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'flex flex-col items-start gap-2.5 md:flex-row md:items-center',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        selectLabel: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.selectLabel,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx('m-0', resolvedSlotProps?.className),
+          };
+        },
+        displayedRows: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.displayedRows,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx('m-0 md:ml-auto', resolvedSlotProps?.className),
+          };
+        },
+      }}
+    />
+  );
+});
+
+CustomTablePagination.propTypes = {
+  className: PropTypes.string,
+  /**
+   * The props used for each slot inside the TablePagination.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    actions: PropTypes.oneOfType([
+      PropTypes.func,
+      PropTypes.shape({
+        count: PropTypes.number,
+        direction: PropTypes.oneOf(['ltr', 'rtl']),
+        getItemAriaLabel: PropTypes.func,
+        onPageChange: PropTypes.func,
+        page: PropTypes.number,
+        rowsPerPage: PropTypes.number,
+        showFirstButton: PropTypes.bool,
+        showLastButton: PropTypes.bool,
+        slotProps: PropTypes.shape({
+          backButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+          firstButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+          lastButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+          nextButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+          root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+        }),
+        slots: PropTypes.shape({
+          backButton: PropTypes.elementType,
+          backPageIcon: PropTypes.elementType,
+          firstButton: PropTypes.elementType,
+          firstPageIcon: PropTypes.elementType,
+          lastButton: PropTypes.elementType,
+          lastPageIcon: PropTypes.elementType,
+          nextButton: PropTypes.elementType,
+          nextPageIcon: PropTypes.elementType,
+          root: PropTypes.elementType,
+        }),
+      }),
+    ]),
+    displayedRows: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    menuItem: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    select: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    selectLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    spacer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    toolbar: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+};
diff --git a/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/tailwind/index.tsx b/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/tailwind/index.tsx
new file mode 100644
index 00000000000000..777cdcb59afa64
--- /dev/null
+++ b/docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/tailwind/index.tsx
@@ -0,0 +1,155 @@
+import * as React from 'react';
+import clsx from 'clsx';
+import { useTheme } from '@mui/system';
+import { TablePagination, TablePaginationProps } from '@mui/base/TablePagination';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledPaginationIntroduction() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  const [page, setPage] = React.useState(0);
+  const [rowsPerPage, setRowsPerPage] = React.useState(5);
+
+  const handleChangePage = (
+    event: React.MouseEvent<HTMLButtonElement> | null,
+    newPage: number,
+  ) => {
+    setPage(newPage);
+  };
+
+  const handleChangeRowsPerPage = (
+    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
+  ) => {
+    setRowsPerPage(parseInt(event.target.value, 10));
+    setPage(0);
+  };
+
+  return (
+    <div
+      className={isDarkMode ? 'dark' : ''}
+      style={{ width: 500, maxWidth: '100%' }}
+    >
+      <table
+        aria-label="custom pagination table"
+        className="text-sm font-sans [&>th]:p-4 [&>td]:p-4 border border-solid border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 rounded-xl shadow-md w-full"
+      >
+        <tfoot>
+          <tr>
+            <CustomTablePagination
+              rowsPerPageOptions={[5, 10, 25, { label: 'All', value: -1 }]}
+              colSpan={3}
+              count={13}
+              rowsPerPage={rowsPerPage}
+              page={page}
+              slotProps={{
+                select: {
+                  'aria-label': 'rows per page',
+                },
+                actions: {
+                  showFirstButton: true,
+                  showLastButton: true,
+                },
+              }}
+              onPageChange={handleChangePage}
+              onRowsPerPageChange={handleChangeRowsPerPage}
+            />
+          </tr>
+        </tfoot>
+      </table>
+    </div>
+  );
+}
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const CustomTablePagination = React.forwardRef<
+  HTMLTableCellElement,
+  TablePaginationProps
+>((props, ref) => {
+  return (
+    <TablePagination
+      ref={ref}
+      {...props}
+      className={clsx('CustomTablePagination p-4', props.className)}
+      slotProps={{
+        ...props.slotProps,
+        select: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.select,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'py-0.5 px-1.5 border border-solid border-slate-200 dark:border-slate-800 rounded-3xl bg-transparent hover:bg-slate-20 hover:dark:bg-slate-800 focus:outline-0 focus:shadow-outline-purple-xs',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        actions: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.actions,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'p-0.5 border border-solid border-slate-200 dark:border-slate-800 rounded-3xl text-center [&>button]:my-0 [&>button]:mx-2 [&>button]:border-none [&>button]:rounded-sm [&>button]:bg-transparent [&>button:hover]:bg-slate-50 [&>button:hover]:dark:bg-slate-800 [&>button:focus]:outline-0 [&>button:focus]:shadow-outline-purple-xs',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        spacer: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.spacer,
+            ownerState,
+          );
+
+          return {
+            ...resolvedSlotProps,
+            className: clsx('hidden', resolvedSlotProps?.className),
+          };
+        },
+        toolbar: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.toolbar,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              'flex flex-col items-start gap-2.5 md:flex-row md:items-center',
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+        selectLabel: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.selectLabel,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx('m-0', resolvedSlotProps?.className),
+          };
+        },
+        displayedRows: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.displayedRows,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx('m-0 md:ml-auto', resolvedSlotProps?.className),
+          };
+        },
+      }}
+    />
+  );
+});
diff --git a/docs/data/base/components/table-pagination/table-pagination.md b/docs/data/base/components/table-pagination/table-pagination.md
index 9f7f93bcde8faf..ee9f262b89d876 100644
--- a/docs/data/base/components/table-pagination/table-pagination.md
+++ b/docs/data/base/components/table-pagination/table-pagination.md
@@ -21,33 +21,17 @@ It controls two properties of its parent table:
 - displayed page index
 - number of rows per page
 
-Table Pagination renders its internal elements in a `<td>` tag by default so it can be inserted into a table's `<tr>`.
-You can use the `slots.root` prop to render a different root element—for example, if you need to place the pagination controls outside of the table.
-See the [Slot props section](#slot-props) for details.
-
-{{"demo": "UnstyledPaginationIntroduction.js", "defaultCodeOpen": false, "bg": "gradient"}}
+{{"demo": "UnstyledPaginationIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { TablePagination } from '@mui/base/TablePagination';
-
-export default function MyApp() {
-  return (
-    <table>
-      <tr>
-        <TablePagination />
-      </tr>
-    </table>
-  );
-}
 ```
 
-### Basics
+Table Pagination renders its internal elements in a `<td>` tag by default so it can be inserted into a table's `<tr>`.
+You can use the `slots.root` prop to render a different root element—for example, if you need to place the pagination controls outside of the table.
+See [Custom structure](#custom-structure) for details.
 
 The following demo shows an example of customized pagination controls in a table footer that spans the entire row:
 
@@ -123,7 +107,8 @@ The following code snippet applies a CSS class called `my-spacer` to the spacer
 
 ### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. This way, you can safely provide the custom root's props directly on the component:
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
+This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx
 <TablePagination<typeof CustomComponent>
diff --git a/docs/data/base/components/tabs/UnstyledTabsCustomized/tailwind/index.js b/docs/data/base/components/tabs/UnstyledTabsCustomized/tailwind/index.js
index 0156e1df844755..bcaeac2e76b8f7 100644
--- a/docs/data/base/components/tabs/UnstyledTabsCustomized/tailwind/index.js
+++ b/docs/data/base/components/tabs/UnstyledTabsCustomized/tailwind/index.js
@@ -7,11 +7,11 @@ import { Tab } from '@mui/base/Tab';
 export default function UnstyledTabsCustomized() {
   return (
     <Tabs defaultValue={1}>
-      <TabsList className="mb-4 rounded-xl bg-purple-500 flex items-center justify-center content-between min-w-tabs-list shadow-lg">
+      <TabsList className="mb-4 rounded-xl bg-purple-500 flex font-sans items-center justify-center content-between min-w-tabs-list shadow-lg">
         <Tab
           slotProps={{
             root: ({ selected, disabled }) => ({
-              className: `${
+              className: `font-sans ${
                 selected
                   ? 'text-purple-500 bg-white'
                   : 'text-white bg-transparent focus:text-white hover:bg-purple-400'
@@ -27,7 +27,7 @@ export default function UnstyledTabsCustomized() {
         <Tab
           slotProps={{
             root: ({ selected, disabled }) => ({
-              className: `${
+              className: `font-sans ${
                 selected
                   ? 'text-purple-500 bg-white'
                   : 'text-white bg-transparent focus:text-white hover:bg-purple-400'
@@ -43,7 +43,7 @@ export default function UnstyledTabsCustomized() {
         <Tab
           slotProps={{
             root: ({ selected, disabled }) => ({
-              className: `${
+              className: `font-sans ${
                 selected
                   ? 'text-purple-500 bg-white'
                   : 'text-white bg-transparent focus:text-white hover:bg-purple-400'
@@ -57,13 +57,13 @@ export default function UnstyledTabsCustomized() {
           Three
         </Tab>
       </TabsList>
-      <TabPanel className="w-full text-sm" value={1}>
+      <TabPanel className="w-full font-sans text-sm" value={1}>
         First page
       </TabPanel>
-      <TabPanel className="w-full text-sm" value={2}>
+      <TabPanel className="w-full font-sans text-sm" value={2}>
         Second page
       </TabPanel>
-      <TabPanel className="w-full text-sm" value={3}>
+      <TabPanel className="w-full font-sans text-sm" value={3}>
         Third page
       </TabPanel>
     </Tabs>
diff --git a/docs/data/base/components/tabs/UnstyledTabsCustomized/tailwind/index.tsx b/docs/data/base/components/tabs/UnstyledTabsCustomized/tailwind/index.tsx
index 0156e1df844755..bcaeac2e76b8f7 100644
--- a/docs/data/base/components/tabs/UnstyledTabsCustomized/tailwind/index.tsx
+++ b/docs/data/base/components/tabs/UnstyledTabsCustomized/tailwind/index.tsx
@@ -7,11 +7,11 @@ import { Tab } from '@mui/base/Tab';
 export default function UnstyledTabsCustomized() {
   return (
     <Tabs defaultValue={1}>
-      <TabsList className="mb-4 rounded-xl bg-purple-500 flex items-center justify-center content-between min-w-tabs-list shadow-lg">
+      <TabsList className="mb-4 rounded-xl bg-purple-500 flex font-sans items-center justify-center content-between min-w-tabs-list shadow-lg">
         <Tab
           slotProps={{
             root: ({ selected, disabled }) => ({
-              className: `${
+              className: `font-sans ${
                 selected
                   ? 'text-purple-500 bg-white'
                   : 'text-white bg-transparent focus:text-white hover:bg-purple-400'
@@ -27,7 +27,7 @@ export default function UnstyledTabsCustomized() {
         <Tab
           slotProps={{
             root: ({ selected, disabled }) => ({
-              className: `${
+              className: `font-sans ${
                 selected
                   ? 'text-purple-500 bg-white'
                   : 'text-white bg-transparent focus:text-white hover:bg-purple-400'
@@ -43,7 +43,7 @@ export default function UnstyledTabsCustomized() {
         <Tab
           slotProps={{
             root: ({ selected, disabled }) => ({
-              className: `${
+              className: `font-sans ${
                 selected
                   ? 'text-purple-500 bg-white'
                   : 'text-white bg-transparent focus:text-white hover:bg-purple-400'
@@ -57,13 +57,13 @@ export default function UnstyledTabsCustomized() {
           Three
         </Tab>
       </TabsList>
-      <TabPanel className="w-full text-sm" value={1}>
+      <TabPanel className="w-full font-sans text-sm" value={1}>
         First page
       </TabPanel>
-      <TabPanel className="w-full text-sm" value={2}>
+      <TabPanel className="w-full font-sans text-sm" value={2}>
         Second page
       </TabPanel>
-      <TabPanel className="w-full text-sm" value={3}>
+      <TabPanel className="w-full font-sans text-sm" value={3}>
         Third page
       </TabPanel>
     </Tabs>
diff --git a/docs/data/base/components/tabs/UnstyledTabsIntroduction/css/index.js b/docs/data/base/components/tabs/UnstyledTabsIntroduction/css/index.js
new file mode 100644
index 00000000000000..f95fe3b505ec3d
--- /dev/null
+++ b/docs/data/base/components/tabs/UnstyledTabsIntroduction/css/index.js
@@ -0,0 +1,136 @@
+import * as React from 'react';
+import { useTheme } from '@mui/system';
+import { Tabs } from '@mui/base/Tabs';
+import { TabsList } from '@mui/base/TabsList';
+import { TabPanel } from '@mui/base/TabPanel';
+import { buttonClasses } from '@mui/base/Button';
+import { Tab, tabClasses } from '@mui/base/Tab';
+
+export default function UnstyledTabsIntroduction() {
+  return (
+    <React.Fragment>
+      <Tabs defaultValue={0}>
+        <TabsList className="CustomTabsListIntroduction">
+          <Tab className="CustomTabIntroduction" value={0}>
+            My account
+          </Tab>
+          <Tab className="CustomTabIntroduction" value={1}>
+            Profile
+          </Tab>
+          <Tab className="CustomTabIntroduction" value={2}>
+            Language
+          </Tab>
+        </TabsList>
+        <TabPanel className="CustomTabPanelIntroduction" value={0}>
+          My account page
+        </TabPanel>
+        <TabPanel className="CustomTabPanelIntroduction" value={1}>
+          Profile page
+        </TabPanel>
+        <TabPanel className="CustomTabPanelIntroduction" value={2}>
+          Language page
+        </TabPanel>
+      </Tabs>
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+  return (
+    <style>
+      {`
+      .CustomTabsListIntroduction {
+        min-width: 400px;
+        background-color: ${cyan[500]};
+        border-radius: 12px;
+        margin-bottom: 16px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        align-content: space-between;
+        box-shadow: 0px 4px 6px ${isDarkMode ? grey[900] : grey[200]};
+      }
+
+      .CustomTabIntroduction {
+        font-family: 'IBM Plex Sans', sans-serif;
+        color: #fff;
+        cursor: pointer;
+        font-size: 0.875rem;
+        font-weight: 600;
+        background-color: transparent;
+        width: 100%;
+        padding: 10px 12px;
+        margin: 6px;
+        border: none;
+        border-radius: 7px;
+        display: flex;
+        justify-content: center;
+      }
+
+      .CustomTabIntroduction:hover {
+        background-color: ${cyan[400]};
+      }
+
+      .CustomTabIntroduction:focus {
+        color: #fff;
+        outline: 3px solid ${cyan[200]};
+      }
+
+      .CustomTabIntroduction.${tabClasses.selected} {
+        background-color: #fff;
+        color: ${cyan[600]};
+      }
+
+      .CustomTabIntroduction.${buttonClasses.disabled} {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .CustomTabPanelIntroduction {
+        width: 100%;
+        font-family: 'IBM Plex Sans', sans-serif;
+        font-size: 0.875rem;
+        padding: 20px 12px;
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        border-radius: 12px;
+        opacity: 0.6;
+      }
+      `}
+    </style>
+  );
+}
diff --git a/docs/data/base/components/tabs/UnstyledTabsIntroduction/css/index.tsx b/docs/data/base/components/tabs/UnstyledTabsIntroduction/css/index.tsx
new file mode 100644
index 00000000000000..f95fe3b505ec3d
--- /dev/null
+++ b/docs/data/base/components/tabs/UnstyledTabsIntroduction/css/index.tsx
@@ -0,0 +1,136 @@
+import * as React from 'react';
+import { useTheme } from '@mui/system';
+import { Tabs } from '@mui/base/Tabs';
+import { TabsList } from '@mui/base/TabsList';
+import { TabPanel } from '@mui/base/TabPanel';
+import { buttonClasses } from '@mui/base/Button';
+import { Tab, tabClasses } from '@mui/base/Tab';
+
+export default function UnstyledTabsIntroduction() {
+  return (
+    <React.Fragment>
+      <Tabs defaultValue={0}>
+        <TabsList className="CustomTabsListIntroduction">
+          <Tab className="CustomTabIntroduction" value={0}>
+            My account
+          </Tab>
+          <Tab className="CustomTabIntroduction" value={1}>
+            Profile
+          </Tab>
+          <Tab className="CustomTabIntroduction" value={2}>
+            Language
+          </Tab>
+        </TabsList>
+        <TabPanel className="CustomTabPanelIntroduction" value={0}>
+          My account page
+        </TabPanel>
+        <TabPanel className="CustomTabPanelIntroduction" value={1}>
+          Profile page
+        </TabPanel>
+        <TabPanel className="CustomTabPanelIntroduction" value={2}>
+          Language page
+        </TabPanel>
+      </Tabs>
+      <Styles />
+    </React.Fragment>
+  );
+}
+
+const cyan = {
+  50: '#E9F8FC',
+  100: '#BDEBF4',
+  200: '#99D8E5',
+  300: '#66BACC',
+  400: '#1F94AD',
+  500: '#0D5463',
+  600: '#094855',
+  700: '#063C47',
+  800: '#043039',
+  900: '#022127',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+function Styles() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+  return (
+    <style>
+      {`
+      .CustomTabsListIntroduction {
+        min-width: 400px;
+        background-color: ${cyan[500]};
+        border-radius: 12px;
+        margin-bottom: 16px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        align-content: space-between;
+        box-shadow: 0px 4px 6px ${isDarkMode ? grey[900] : grey[200]};
+      }
+
+      .CustomTabIntroduction {
+        font-family: 'IBM Plex Sans', sans-serif;
+        color: #fff;
+        cursor: pointer;
+        font-size: 0.875rem;
+        font-weight: 600;
+        background-color: transparent;
+        width: 100%;
+        padding: 10px 12px;
+        margin: 6px;
+        border: none;
+        border-radius: 7px;
+        display: flex;
+        justify-content: center;
+      }
+
+      .CustomTabIntroduction:hover {
+        background-color: ${cyan[400]};
+      }
+
+      .CustomTabIntroduction:focus {
+        color: #fff;
+        outline: 3px solid ${cyan[200]};
+      }
+
+      .CustomTabIntroduction.${tabClasses.selected} {
+        background-color: #fff;
+        color: ${cyan[600]};
+      }
+
+      .CustomTabIntroduction.${buttonClasses.disabled} {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .CustomTabPanelIntroduction {
+        width: 100%;
+        font-family: 'IBM Plex Sans', sans-serif;
+        font-size: 0.875rem;
+        padding: 20px 12px;
+        background: ${isDarkMode ? grey[900] : '#fff'};
+        border: 1px solid ${isDarkMode ? grey[700] : grey[200]};
+        border-radius: 12px;
+        opacity: 0.6;
+      }
+      `}
+    </style>
+  );
+}
diff --git a/docs/data/base/components/tabs/UnstyledTabsIntroduction.tsx.preview b/docs/data/base/components/tabs/UnstyledTabsIntroduction/system/UnstyledTabsIntroduction.tsx.preview
similarity index 100%
rename from docs/data/base/components/tabs/UnstyledTabsIntroduction.tsx.preview
rename to docs/data/base/components/tabs/UnstyledTabsIntroduction/system/UnstyledTabsIntroduction.tsx.preview
diff --git a/docs/data/base/components/tabs/UnstyledTabsIntroduction.js b/docs/data/base/components/tabs/UnstyledTabsIntroduction/system/index.js
similarity index 100%
rename from docs/data/base/components/tabs/UnstyledTabsIntroduction.js
rename to docs/data/base/components/tabs/UnstyledTabsIntroduction/system/index.js
diff --git a/docs/data/base/components/tabs/UnstyledTabsIntroduction.tsx b/docs/data/base/components/tabs/UnstyledTabsIntroduction/system/index.tsx
similarity index 100%
rename from docs/data/base/components/tabs/UnstyledTabsIntroduction.tsx
rename to docs/data/base/components/tabs/UnstyledTabsIntroduction/system/index.tsx
diff --git a/docs/data/base/components/tabs/UnstyledTabsIntroduction/system/index.tsx.preview b/docs/data/base/components/tabs/UnstyledTabsIntroduction/system/index.tsx.preview
new file mode 100644
index 00000000000000..036845502e3951
--- /dev/null
+++ b/docs/data/base/components/tabs/UnstyledTabsIntroduction/system/index.tsx.preview
@@ -0,0 +1,10 @@
+<Tabs defaultValue={0}>
+  <StyledTabsList>
+    <StyledTab value={0}>My account</StyledTab>
+    <StyledTab value={1}>Profile</StyledTab>
+    <StyledTab value={2}>Language</StyledTab>
+  </StyledTabsList>
+  <StyledTabPanel value={0}>My account page</StyledTabPanel>
+  <StyledTabPanel value={1}>Profile page</StyledTabPanel>
+  <StyledTabPanel value={2}>Language page</StyledTabPanel>
+</Tabs>
\ No newline at end of file
diff --git a/docs/data/base/components/tabs/UnstyledTabsIntroduction/tailwind/index.js b/docs/data/base/components/tabs/UnstyledTabsIntroduction/tailwind/index.js
new file mode 100644
index 00000000000000..8841ad94a195bc
--- /dev/null
+++ b/docs/data/base/components/tabs/UnstyledTabsIntroduction/tailwind/index.js
@@ -0,0 +1,114 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { Tabs } from '@mui/base/Tabs';
+import { TabsList as BaseTabsList } from '@mui/base/TabsList';
+import { TabPanel as BaseTabPanel } from '@mui/base/TabPanel';
+import { Tab as BaseTab } from '@mui/base/Tab';
+import { useTheme } from '@mui/system';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledTabsIntroduction() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <div className={isDarkMode ? 'dark' : ''}>
+      <Tabs defaultValue={0}>
+        <TabsList>
+          <Tab value={0}>My account</Tab>
+          <Tab value={1}>Profile</Tab>
+          <Tab value={2}>Language</Tab>
+        </TabsList>
+        <TabPanel value={0}>My account page</TabPanel>
+        <TabPanel value={1}>Profile page</TabPanel>
+        <TabPanel value={2}>Language page</TabPanel>
+      </Tabs>
+    </div>
+  );
+}
+
+const resolveSlotProps = (fn, args) => (typeof fn === 'function' ? fn(args) : fn);
+
+const TabsList = React.forwardRef((props, ref) => {
+  const { className, ...other } = props;
+  return (
+    <BaseTabsList
+      ref={ref}
+      className={clsx(
+        'mb-4 rounded-xl bg-purple-500 flex font-sans items-center justify-center content-between min-w-tabs-list shadow-lg',
+        className,
+      )}
+      {...other}
+    />
+  );
+});
+
+TabsList.propTypes = {
+  className: PropTypes.string,
+};
+
+const Tab = React.forwardRef((props, ref) => {
+  return (
+    <BaseTab
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `font-sans ${
+                ownerState.selected
+                  ? 'text-purple-500 bg-white'
+                  : 'text-white bg-transparent focus:text-white hover:bg-purple-400'
+              } ${
+                ownerState.disabled
+                  ? 'cursor-not-allowed opacity-50'
+                  : 'cursor-pointer'
+              } text-sm leading-[1.3] font-semibold w-full py-2.5 px-3 m-1.5 border-0 rounded-md flex justify-center focus:outline-0 focus:shadow-outline-purple-light`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+Tab.propTypes = {
+  /**
+   * The props used for each slot inside the Tab.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+};
+
+const TabPanel = React.forwardRef((props, ref) => {
+  const { className, ...other } = props;
+  return (
+    <BaseTabPanel
+      ref={ref}
+      className={clsx(
+        'py-5 px-3 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 rounded-xl opacity-60 w-full font-sans text-sm',
+        className,
+      )}
+      {...other}
+    />
+  );
+});
+
+TabPanel.propTypes = {
+  className: PropTypes.string,
+};
diff --git a/docs/data/base/components/tabs/UnstyledTabsIntroduction/tailwind/index.tsx b/docs/data/base/components/tabs/UnstyledTabsIntroduction/tailwind/index.tsx
new file mode 100644
index 00000000000000..24373e7ff6d4c3
--- /dev/null
+++ b/docs/data/base/components/tabs/UnstyledTabsIntroduction/tailwind/index.tsx
@@ -0,0 +1,96 @@
+import * as React from 'react';
+import clsx from 'clsx';
+import { Tabs } from '@mui/base/Tabs';
+import { TabsList as BaseTabsList, TabsListProps } from '@mui/base/TabsList';
+import { TabPanel as BaseTabPanel, TabPanelProps } from '@mui/base/TabPanel';
+import { Tab as BaseTab, TabProps } from '@mui/base/Tab';
+import { useTheme } from '@mui/system';
+
+function useIsDarkMode() {
+  const theme = useTheme();
+  return theme.palette.mode === 'dark';
+}
+
+export default function UnstyledTabsIntroduction() {
+  // Replace this with your app logic for determining dark mode
+  const isDarkMode = useIsDarkMode();
+
+  return (
+    <div className={isDarkMode ? 'dark' : ''}>
+      <Tabs defaultValue={0}>
+        <TabsList>
+          <Tab value={0}>My account</Tab>
+          <Tab value={1}>Profile</Tab>
+          <Tab value={2}>Language</Tab>
+        </TabsList>
+        <TabPanel value={0}>My account page</TabPanel>
+        <TabPanel value={1}>Profile page</TabPanel>
+        <TabPanel value={2}>Language page</TabPanel>
+      </Tabs>
+    </div>
+  );
+}
+
+const resolveSlotProps = (fn: any, args: any) =>
+  typeof fn === 'function' ? fn(args) : fn;
+
+const TabsList = React.forwardRef<HTMLDivElement, TabsListProps>((props, ref) => {
+  const { className, ...other } = props;
+  return (
+    <BaseTabsList
+      ref={ref}
+      className={clsx(
+        'mb-4 rounded-xl bg-purple-500 flex font-sans items-center justify-center content-between min-w-tabs-list shadow-lg',
+        className,
+      )}
+      {...other}
+    />
+  );
+});
+
+const Tab = React.forwardRef<HTMLButtonElement, TabProps>((props, ref) => {
+  return (
+    <BaseTab
+      ref={ref}
+      {...props}
+      slotProps={{
+        ...props.slotProps,
+        root: (ownerState) => {
+          const resolvedSlotProps = resolveSlotProps(
+            props.slotProps?.root,
+            ownerState,
+          );
+          return {
+            ...resolvedSlotProps,
+            className: clsx(
+              `font-sans ${
+                ownerState.selected
+                  ? 'text-purple-500 bg-white'
+                  : 'text-white bg-transparent focus:text-white hover:bg-purple-400'
+              } ${
+                ownerState.disabled
+                  ? 'cursor-not-allowed opacity-50'
+                  : 'cursor-pointer'
+              } text-sm leading-[1.3] font-semibold w-full py-2.5 px-3 m-1.5 border-0 rounded-md flex justify-center focus:outline-0 focus:shadow-outline-purple-light`,
+              resolvedSlotProps?.className,
+            ),
+          };
+        },
+      }}
+    />
+  );
+});
+
+const TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>((props, ref) => {
+  const { className, ...other } = props;
+  return (
+    <BaseTabPanel
+      ref={ref}
+      className={clsx(
+        'py-5 px-3 bg-white dark:bg-slate-900 border border-solid border-slate-200 dark:border-slate-700 rounded-xl opacity-60 w-full font-sans text-sm',
+        className,
+      )}
+      {...other}
+    />
+  );
+});
diff --git a/docs/data/base/components/tabs/UnstyledTabsIntroduction/tailwind/index.tsx.preview b/docs/data/base/components/tabs/UnstyledTabsIntroduction/tailwind/index.tsx.preview
new file mode 100644
index 00000000000000..4b3b0829672faf
--- /dev/null
+++ b/docs/data/base/components/tabs/UnstyledTabsIntroduction/tailwind/index.tsx.preview
@@ -0,0 +1,10 @@
+<Tabs defaultValue={0}>
+  <TabsList>
+    <Tab value={0}>My account</Tab>
+    <Tab value={1}>Profile</Tab>
+    <Tab value={2}>Language</Tab>
+  </TabsList>
+  <TabPanel value={0}>My account page</TabPanel>
+  <TabPanel value={1}>Profile page</TabPanel>
+  <TabPanel value={2}>Language page</TabPanel>
+</Tabs>
\ No newline at end of file
diff --git a/docs/data/base/components/tabs/tabs.md b/docs/data/base/components/tabs/tabs.md
index 01bc440441e0b0..c7c4a607acb732 100644
--- a/docs/data/base/components/tabs/tabs.md
+++ b/docs/data/base/components/tabs/tabs.md
@@ -24,36 +24,17 @@ Tabs are implemented using a collection of related components:
 - `<TabPanel />` - the card that hosts the content associated with a tab.
 - `<Tabs />` - the top-level component that wraps the Tabs List and Tab Panel components so that tabs and their panels can communicate with one another.
 
-{{"demo": "UnstyledTabsIntroduction.js", "defaultCodeOpen": false, "bg": "gradient"}}
+{{"demo": "UnstyledTabsIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
 
 ## Components
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component collection using the following basic elements:
-
 ```jsx
 import { Tab } from '@mui/base/Tab';
 import { TabsList } from '@mui/base/TabsList';
 import { TabPanel } from '@mui/base/TabPanel';
 import { Tabs } from '@mui/base/Tabs';
-
-export default function MyApp() {
-  return (
-    <Tabs>
-      <TabsList>
-        <Tab>{/* tab one */}</Tab>
-        <Tab>{/* tab two */}</Tab>
-      </TabsList>
-      <TabPanel>{/* panel one */}</TabPanel>
-      <TabPanel>{/* panel two */}</TabPanel>
-    </Tabs>
-  );
-}
 ```
 
-### Basics
-
 By default, Tab components and their corresponding panels are **zero-indexed** (i.e. the first tab has a `value` of `0`, then `1`, `2`, etc.).
 Clicking on a given Tab opens the panel with the same `value`, which corresponds to the order in which each component is nested within its container.
 
@@ -111,7 +92,8 @@ When vertical, you must set `orientation="vertical"` on the `<Tabs />` component
 
 ### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. This way, you can safely provide the custom root's props directly on the component:
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
+This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx
 <Tab<typeof CustomComponent> slots={{ root: CustomComponent }} customProp />
diff --git a/docs/data/base/components/textarea-autosize/EmptyTextarea.js b/docs/data/base/components/textarea-autosize/EmptyTextarea.js
index 1b69b87b439a68..48d27659bfde96 100644
--- a/docs/data/base/components/textarea-autosize/EmptyTextarea.js
+++ b/docs/data/base/components/textarea-autosize/EmptyTextarea.js
@@ -38,16 +38,16 @@ export default function EmptyTextarea() {
     background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
     box-shadow: 0px 2px 2px ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
-  
+
     &:hover {
       border-color: ${blue[400]};
     }
-  
+
     &:focus {
       border-color: ${blue[400]};
       box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
     }
-  
+
     // firefox
     &:focus-visible {
       outline: 0;
diff --git a/docs/data/base/components/textarea-autosize/EmptyTextarea.tsx b/docs/data/base/components/textarea-autosize/EmptyTextarea.tsx
index 1b69b87b439a68..48d27659bfde96 100644
--- a/docs/data/base/components/textarea-autosize/EmptyTextarea.tsx
+++ b/docs/data/base/components/textarea-autosize/EmptyTextarea.tsx
@@ -38,16 +38,16 @@ export default function EmptyTextarea() {
     background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
     box-shadow: 0px 2px 2px ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
-  
+
     &:hover {
       border-color: ${blue[400]};
     }
-  
+
     &:focus {
       border-color: ${blue[400]};
       box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
     }
-  
+
     // firefox
     &:focus-visible {
       outline: 0;
diff --git a/docs/data/base/components/textarea-autosize/MaxHeightTextarea.js b/docs/data/base/components/textarea-autosize/MaxHeightTextarea.js
index 4a851b38eae588..01b8b5dee5199e 100644
--- a/docs/data/base/components/textarea-autosize/MaxHeightTextarea.js
+++ b/docs/data/base/components/textarea-autosize/MaxHeightTextarea.js
@@ -38,16 +38,16 @@ export default function MaxHeightTextarea() {
     background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
     box-shadow: 0px 2px 2px ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
-  
+
     &:hover {
       border-color: ${blue[400]};
     }
-  
+
     &:focus {
       border-color: ${blue[400]};
       box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
     }
-  
+
     // firefox
     &:focus-visible {
       outline: 0;
diff --git a/docs/data/base/components/textarea-autosize/MaxHeightTextarea.tsx b/docs/data/base/components/textarea-autosize/MaxHeightTextarea.tsx
index 4a851b38eae588..01b8b5dee5199e 100644
--- a/docs/data/base/components/textarea-autosize/MaxHeightTextarea.tsx
+++ b/docs/data/base/components/textarea-autosize/MaxHeightTextarea.tsx
@@ -38,16 +38,16 @@ export default function MaxHeightTextarea() {
     background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
     box-shadow: 0px 2px 2px ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
-  
+
     &:hover {
       border-color: ${blue[400]};
     }
-  
+
     &:focus {
       border-color: ${blue[400]};
       box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
     }
-  
+
     // firefox
     &:focus-visible {
       outline: 0;
diff --git a/docs/data/base/components/textarea-autosize/MinHeightTextarea.js b/docs/data/base/components/textarea-autosize/MinHeightTextarea.js
index abb9bb169098f4..1324d251d63b04 100644
--- a/docs/data/base/components/textarea-autosize/MinHeightTextarea.js
+++ b/docs/data/base/components/textarea-autosize/MinHeightTextarea.js
@@ -38,16 +38,16 @@ export default function MinHeightTextarea() {
     background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
     box-shadow: 0px 2px 2px ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
-  
+
     &:hover {
       border-color: ${blue[400]};
     }
-  
+
     &:focus {
       border-color: ${blue[400]};
       box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
     }
-  
+
     // firefox
     &:focus-visible {
       outline: 0;
diff --git a/docs/data/base/components/textarea-autosize/MinHeightTextarea.tsx b/docs/data/base/components/textarea-autosize/MinHeightTextarea.tsx
index abb9bb169098f4..1324d251d63b04 100644
--- a/docs/data/base/components/textarea-autosize/MinHeightTextarea.tsx
+++ b/docs/data/base/components/textarea-autosize/MinHeightTextarea.tsx
@@ -38,16 +38,16 @@ export default function MinHeightTextarea() {
     background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
     box-shadow: 0px 2px 2px ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
-  
+
     &:hover {
       border-color: ${blue[400]};
     }
-  
+
     &:focus {
       border-color: ${blue[400]};
       box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
     }
-  
+
     // firefox
     &:focus-visible {
       outline: 0;
diff --git a/docs/data/base/components/textarea-autosize/UnstyledTextarea/css/index.js b/docs/data/base/components/textarea-autosize/UnstyledTextarea/css/index.js
index ad68709ff1f1b2..8f6344393c8e47 100644
--- a/docs/data/base/components/textarea-autosize/UnstyledTextarea/css/index.js
+++ b/docs/data/base/components/textarea-autosize/UnstyledTextarea/css/index.js
@@ -75,10 +75,10 @@ function Styles() {
         box-shadow: 0 0 0 3px ${isDarkMode ? cyan[500] : cyan[200]};
         outline: none;
       }
-      
+
       // firefox
       .CustomTextarea:focus-visible {
-      outline: 0;
+        outline: 0;
       }
     `}
     </style>
diff --git a/docs/data/base/components/textarea-autosize/UnstyledTextarea/css/index.tsx b/docs/data/base/components/textarea-autosize/UnstyledTextarea/css/index.tsx
index ad68709ff1f1b2..8f6344393c8e47 100644
--- a/docs/data/base/components/textarea-autosize/UnstyledTextarea/css/index.tsx
+++ b/docs/data/base/components/textarea-autosize/UnstyledTextarea/css/index.tsx
@@ -75,10 +75,10 @@ function Styles() {
         box-shadow: 0 0 0 3px ${isDarkMode ? cyan[500] : cyan[200]};
         outline: none;
       }
-      
+
       // firefox
       .CustomTextarea:focus-visible {
-      outline: 0;
+        outline: 0;
       }
     `}
     </style>
diff --git a/docs/data/base/components/textarea-autosize/UnstyledTextarea/system/index.js b/docs/data/base/components/textarea-autosize/UnstyledTextarea/system/index.js
index e26d0f61e51de2..ae355fd760a508 100644
--- a/docs/data/base/components/textarea-autosize/UnstyledTextarea/system/index.js
+++ b/docs/data/base/components/textarea-autosize/UnstyledTextarea/system/index.js
@@ -38,16 +38,16 @@ export default function EmptyTextarea() {
     background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
     box-shadow: 0px 2px 2px ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
-  
+
     &:hover {
       border-color: ${blue[400]};
     }
-  
+
     &:focus {
       border-color: ${blue[400]};
       box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
     }
-  
+
     // firefox
     &:focus-visible {
       outline: 0;
diff --git a/docs/data/base/components/textarea-autosize/UnstyledTextarea/system/index.tsx b/docs/data/base/components/textarea-autosize/UnstyledTextarea/system/index.tsx
index e26d0f61e51de2..ae355fd760a508 100644
--- a/docs/data/base/components/textarea-autosize/UnstyledTextarea/system/index.tsx
+++ b/docs/data/base/components/textarea-autosize/UnstyledTextarea/system/index.tsx
@@ -38,16 +38,16 @@ export default function EmptyTextarea() {
     background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
     box-shadow: 0px 2px 2px ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
-  
+
     &:hover {
       border-color: ${blue[400]};
     }
-  
+
     &:focus {
       border-color: ${blue[400]};
       box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
     }
-  
+
     // firefox
     &:focus-visible {
       outline: 0;
diff --git a/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction.js b/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction.js
index 9623fb39502071..0b9a881ad8c095 100644
--- a/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction.js
+++ b/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction.js
@@ -1,61 +1,59 @@
 import * as React from 'react';
-import { TextareaAutosize } from '@mui/base/TextareaAutosize';
+import { TextareaAutosize as BaseTextareaAutosize } from '@mui/base/TextareaAutosize';
 import { styled } from '@mui/system';
 
 export default function UnstyledTextareaIntroduction() {
-  const blue = {
-    100: '#DAECFF',
-    200: '#b6daff',
-    400: '#3399FF',
-    500: '#007FFF',
-    600: '#0072E5',
-    900: '#003A75',
-  };
+  return <TextareaAutosize aria-label="empty textarea" placeholder="Empty" />;
+}
 
-  const grey = {
-    50: '#f6f8fa',
-    100: '#eaeef2',
-    200: '#d0d7de',
-    300: '#afb8c1',
-    400: '#8c959f',
-    500: '#6e7781',
-    600: '#57606a',
-    700: '#424a53',
-    800: '#32383f',
-    900: '#24292f',
-  };
+const blue = {
+  100: '#DAECFF',
+  200: '#b6daff',
+  400: '#3399FF',
+  500: '#007FFF',
+  600: '#0072E5',
+  900: '#003A75',
+};
 
-  const StyledTextarea = styled(TextareaAutosize)(
-    ({ theme }) => `
-    width: 320px;
-    font-family: IBM Plex Sans, sans-serif;
-    font-size: 0.875rem;
-    font-weight: 400;
-    line-height: 1.5;
-    padding: 12px;
-    border-radius: 12px 12px 0 12px;
-    color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-    background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
-    border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
-    box-shadow: 0px 2px 24px ${
-      theme.palette.mode === 'dark' ? blue[900] : blue[100]
-    };
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
 
-    &:hover {
-      border-color: ${blue[400]};
-    }
+const TextareaAutosize = styled(BaseTextareaAutosize)(
+  ({ theme }) => `
+  width: 320px;
+  font-family: IBM Plex Sans, sans-serif;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.5;
+  padding: 12px;
+  border-radius: 12px 12px 0 12px;
+  color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
+  background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
+  border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+  box-shadow: 0px 2px 24px ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
 
-    &:focus {
-      border-color: ${blue[400]};
-      box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[600] : blue[200]};
-    }
+  &:hover {
+    border-color: ${blue[400]};
+  }
 
-    // firefox
-    &:focus-visible {
-      outline: 0;
-    }
-  `,
-  );
+  &:focus {
+    border-color: ${blue[400]};
+    box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[600] : blue[200]};
+  }
 
-  return <StyledTextarea aria-label="empty textarea" placeholder="Empty" />;
-}
+  // firefox
+  &:focus-visible {
+    outline: 0;
+  }
+`,
+);
diff --git a/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction.tsx b/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction.tsx
new file mode 100644
index 00000000000000..0b9a881ad8c095
--- /dev/null
+++ b/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction.tsx
@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { TextareaAutosize as BaseTextareaAutosize } from '@mui/base/TextareaAutosize';
+import { styled } from '@mui/system';
+
+export default function UnstyledTextareaIntroduction() {
+  return <TextareaAutosize aria-label="empty textarea" placeholder="Empty" />;
+}
+
+const blue = {
+  100: '#DAECFF',
+  200: '#b6daff',
+  400: '#3399FF',
+  500: '#007FFF',
+  600: '#0072E5',
+  900: '#003A75',
+};
+
+const grey = {
+  50: '#f6f8fa',
+  100: '#eaeef2',
+  200: '#d0d7de',
+  300: '#afb8c1',
+  400: '#8c959f',
+  500: '#6e7781',
+  600: '#57606a',
+  700: '#424a53',
+  800: '#32383f',
+  900: '#24292f',
+};
+
+const TextareaAutosize = styled(BaseTextareaAutosize)(
+  ({ theme }) => `
+  width: 320px;
+  font-family: IBM Plex Sans, sans-serif;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.5;
+  padding: 12px;
+  border-radius: 12px 12px 0 12px;
+  color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
+  background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
+  border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
+  box-shadow: 0px 2px 24px ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
+
+  &:hover {
+    border-color: ${blue[400]};
+  }
+
+  &:focus {
+    border-color: ${blue[400]};
+    box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[600] : blue[200]};
+  }
+
+  // firefox
+  &:focus-visible {
+    outline: 0;
+  }
+`,
+);
diff --git a/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction.tsx.preview b/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction.tsx.preview
new file mode 100644
index 00000000000000..5ffb101881083f
--- /dev/null
+++ b/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction.tsx.preview
@@ -0,0 +1 @@
+<TextareaAutosize aria-label="empty textarea" placeholder="Empty" />
\ No newline at end of file
diff --git a/docs/data/base/components/textarea-autosize/textarea-autosize.md b/docs/data/base/components/textarea-autosize/textarea-autosize.md
index 0e281fcef26ed9..a4117b450c61bc 100644
--- a/docs/data/base/components/textarea-autosize/textarea-autosize.md
+++ b/docs/data/base/components/textarea-autosize/textarea-autosize.md
@@ -23,22 +23,11 @@ The height of the Textarea Autosize component automatically adjusts as a respons
 
 ## Component
 
-### Usage
-
-After [installation](/base-ui/getting-started/quickstart/#installation), you can start building with this component using the following basic elements:
-
 ```jsx
 import { TextareaAutosize } from '@mui/base/TextareaAutosize';
-
-export default function MyApp() {
-  return <TextareaAutosize />;
-}
 ```
 
-### Basics
-
 Textarea Autosize behaves similarly to the native HTML`<textarea>`.
-
 By default, an empty Textarea Autosize component renders as a single row, as shown in the following demo:
 
 {{"demo": "UnstyledTextarea", "defaultCodeOpen": false}}
diff --git a/docs/data/base/getting-started/customization/CreateSlot.tsx.preview b/docs/data/base/getting-started/customization/CreateSlot.tsx.preview
new file mode 100644
index 00000000000000..07d5df87210cd4
--- /dev/null
+++ b/docs/data/base/getting-started/customization/CreateSlot.tsx.preview
@@ -0,0 +1,3 @@
+<Button href="/" slots={{ root: LinkSlot }}>
+  Home
+</Button>
\ No newline at end of file
diff --git a/docs/data/base/getting-started/customization/DisabledDefaultClasses.js b/docs/data/base/getting-started/customization/DisabledDefaultClasses.js
index 13ef9d573a3d29..6925fd790fdd78 100644
--- a/docs/data/base/getting-started/customization/DisabledDefaultClasses.js
+++ b/docs/data/base/getting-started/customization/DisabledDefaultClasses.js
@@ -67,24 +67,24 @@ const Input = styled('input')`
   margin: 0;
 `;
 
-export default function DisabledDefaultClasses() {
-  const slots = { root: Root, thumb: Thumb, input: Input };
-  const switch1A11yProps = {
-    slotProps: { input: { 'aria-label': 'Switch with built-in classes' } },
-  };
-  const switch2A11yProps = {
-    slotProps: { input: { 'aria-label': 'Switch without built-in classes' } },
-  };
+const slots = { root: Root, thumb: Thumb, input: Input };
 
+export default function DisabledDefaultClasses() {
   return (
     <div>
-      {/* The built-in classes (MuiSwitch-root, Mui-checked, etc.) are enabled by default, 
+      {/* The built-in classes (MuiSwitch-root, Mui-checked, etc.) are enabled by default,
            even though they are not used */}
-      <Switch slots={slots} {...switch1A11yProps} />
+      <Switch
+        slots={slots}
+        slotProps={{ input: { 'aria-label': 'Switch with built-in classes' } }}
+      />
       <ClassNameConfigurator disableDefaultClasses>
         {/* ClassNameConfigurator removes the built-in classes,
              leaving only the one generated by Emotion */}
-        <Switch slots={slots} {...switch2A11yProps} />
+        <Switch
+          slots={slots}
+          slotProps={{ input: { 'aria-label': 'Switch without built-in classes' } }}
+        />
       </ClassNameConfigurator>
     </div>
   );
diff --git a/docs/data/base/getting-started/customization/DisabledDefaultClasses.tsx b/docs/data/base/getting-started/customization/DisabledDefaultClasses.tsx
index 20fea80409bd5c..56eb286280f14a 100644
--- a/docs/data/base/getting-started/customization/DisabledDefaultClasses.tsx
+++ b/docs/data/base/getting-started/customization/DisabledDefaultClasses.tsx
@@ -67,25 +67,24 @@ const Input = styled('input')`
   margin: 0;
 `;
 
-export default function DisabledDefaultClasses() {
-  const slots = { root: Root, thumb: Thumb, input: Input };
-  const switch1A11yProps = {
-    slotProps: { input: { 'aria-label': 'Switch with built-in classes' } },
-  };
-  const switch2A11yProps = {
-    slotProps: { input: { 'aria-label': 'Switch without built-in classes' } },
-  };
+const slots = { root: Root, thumb: Thumb, input: Input };
 
+export default function DisabledDefaultClasses() {
   return (
     <div>
-      {/* The built-in classes (MuiSwitch-root, Mui-checked, etc.) are enabled by default, 
+      {/* The built-in classes (MuiSwitch-root, Mui-checked, etc.) are enabled by default,
           even though they are not used */}
-      <Switch slots={slots} {...switch1A11yProps} />
-
+      <Switch
+        slots={slots}
+        slotProps={{ input: { 'aria-label': 'Switch with built-in classes' } }}
+      />
       <ClassNameConfigurator disableDefaultClasses>
         {/* ClassNameConfigurator removes the built-in classes,
             leaving only the one generated by Emotion */}
-        <Switch slots={slots} {...switch2A11yProps} />
+        <Switch
+          slots={slots}
+          slotProps={{ input: { 'aria-label': 'Switch without built-in classes' } }}
+        />
       </ClassNameConfigurator>
     </div>
   );
diff --git a/docs/data/base/getting-started/customization/DisabledDefaultClasses.tsx.preview b/docs/data/base/getting-started/customization/DisabledDefaultClasses.tsx.preview
index 40a7235d83ec3e..46392378cb3854 100644
--- a/docs/data/base/getting-started/customization/DisabledDefaultClasses.tsx.preview
+++ b/docs/data/base/getting-started/customization/DisabledDefaultClasses.tsx.preview
@@ -1,9 +1,14 @@
-{/* The built-in classes (MuiSwitch-root, Mui-checked, etc.) are enabled by default, 
+{/* The built-in classes (MuiSwitch-root, Mui-checked, etc.) are enabled by default,
     even though they are not used */}
-<Switch slots={slots} {...switch1A11yProps} />
-
+<Switch
+  slots={slots}
+  slotProps={{ input: { 'aria-label': 'Switch with built-in classes' } }}
+/>
 <ClassNameConfigurator disableDefaultClasses>
   {/* ClassNameConfigurator removes the built-in classes,
       leaving only the one generated by Emotion */}
-  <Switch slots={slots} {...switch2A11yProps} />
+  <Switch
+    slots={slots}
+    slotProps={{ input: { 'aria-label': 'Switch without built-in classes' } }}
+  />
 </ClassNameConfigurator>
\ No newline at end of file
diff --git a/docs/data/base/getting-started/customization/PrepareForSlot.js b/docs/data/base/getting-started/customization/PrepareForSlot.js
new file mode 100644
index 00000000000000..8eb41a69ead0b5
--- /dev/null
+++ b/docs/data/base/getting-started/customization/PrepareForSlot.js
@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { prepareForSlot } from '@mui/base/utils';
+import { Button } from '@mui/base/Button';
+import Link from 'next/link';
+
+const LinkSlot = prepareForSlot(Link);
+
+export default function PrepareForSlot() {
+  return (
+    <Button href="/" slots={{ root: LinkSlot }} prefetch={false}>
+      Home
+    </Button>
+  );
+}
diff --git a/docs/data/base/getting-started/customization/PrepareForSlot.tsx b/docs/data/base/getting-started/customization/PrepareForSlot.tsx
new file mode 100644
index 00000000000000..f3bbad2cd5cbc5
--- /dev/null
+++ b/docs/data/base/getting-started/customization/PrepareForSlot.tsx
@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { prepareForSlot } from '@mui/base/utils';
+import { Button } from '@mui/base/Button';
+import Link from 'next/link';
+
+const LinkSlot = prepareForSlot(Link);
+
+export default function PrepareForSlot() {
+  return (
+    <Button<typeof LinkSlot> href="/" slots={{ root: LinkSlot }} prefetch={false}>
+      Home
+    </Button>
+  );
+}
diff --git a/docs/data/base/getting-started/customization/PrepareForSlot.tsx.preview b/docs/data/base/getting-started/customization/PrepareForSlot.tsx.preview
new file mode 100644
index 00000000000000..a6393e1d7e710a
--- /dev/null
+++ b/docs/data/base/getting-started/customization/PrepareForSlot.tsx.preview
@@ -0,0 +1,3 @@
+<Button<typeof LinkSlot> href="/" slots={{ root: LinkSlot }} prefetch={false}>
+  Home
+</Button>
\ No newline at end of file
diff --git a/docs/data/base/getting-started/customization/SlotPropsCallback.js b/docs/data/base/getting-started/customization/SlotPropsCallback.js
index ebab7109b05c76..154dbd61e6c52c 100644
--- a/docs/data/base/getting-started/customization/SlotPropsCallback.js
+++ b/docs/data/base/getting-started/customization/SlotPropsCallback.js
@@ -18,12 +18,12 @@ const css = `
     background: #007FFF;
   }
 
-  .my-switch.focused .thumb {
+  .my-switch.focused .MuiSwitch-thumb {
     background-color: rgba(255, 255, 255, 1);
     box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25);
   }
 
-  .my-switch .thumb {
+  .my-switch .MuiSwitch-thumb {
     display: block;
     width: 14px;
     height: 14px;
@@ -35,13 +35,13 @@ const css = `
     transition: all 200ms ease;
   }
 
-  .my-switch.on .thumb {
+  .my-switch.on .MuiSwitch-thumb {
     left: 14px;
     top: 3px;
     background-color: #FFF;
   }
 
-  .my-switch .input {
+  .my-switch .MuiSwitch-input {
     cursor: inherit;
     position: absolute;
     width: 100%;
@@ -60,14 +60,11 @@ export default function SlotPropsCallback() {
         ownerState.focusVisible ? 'focused' : ''
       }`,
     }),
-    thumb: { className: 'thumb' },
-    input: { className: 'input' },
   };
 
   return (
     <div>
       <style type="text/css">{css}</style>
-
       <Switch slotProps={slotProps} />
     </div>
   );
diff --git a/docs/data/base/getting-started/customization/SlotPropsCallback.tsx b/docs/data/base/getting-started/customization/SlotPropsCallback.tsx
index ba24dd2a46fbab..6c6ff77142da37 100644
--- a/docs/data/base/getting-started/customization/SlotPropsCallback.tsx
+++ b/docs/data/base/getting-started/customization/SlotPropsCallback.tsx
@@ -18,12 +18,12 @@ const css = `
     background: #007FFF;
   }
 
-  .my-switch.focused .thumb {
+  .my-switch.focused .MuiSwitch-thumb {
     background-color: rgba(255, 255, 255, 1);
     box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25);
   }
 
-  .my-switch .thumb {
+  .my-switch .MuiSwitch-thumb {
     display: block;
     width: 14px;
     height: 14px;
@@ -35,13 +35,13 @@ const css = `
     transition: all 200ms ease;
   }
 
-  .my-switch.on .thumb {
+  .my-switch.on .MuiSwitch-thumb {
     left: 14px;
     top: 3px;
     background-color: #FFF;
   }
 
-  .my-switch .input {
+  .my-switch .MuiSwitch-input {
     cursor: inherit;
     position: absolute;
     width: 100%;
@@ -60,14 +60,11 @@ export default function SlotPropsCallback() {
         ownerState.focusVisible ? 'focused' : ''
       }`,
     }),
-    thumb: { className: 'thumb' },
-    input: { className: 'input' },
   };
 
   return (
     <div>
       <style type="text/css">{css}</style>
-
       <Switch slotProps={slotProps} />
     </div>
   );
diff --git a/docs/data/base/getting-started/customization/SlotPropsCallback.tsx.preview b/docs/data/base/getting-started/customization/SlotPropsCallback.tsx.preview
index 32ae11061209a5..024276c23c0d70 100644
--- a/docs/data/base/getting-started/customization/SlotPropsCallback.tsx.preview
+++ b/docs/data/base/getting-started/customization/SlotPropsCallback.tsx.preview
@@ -1,3 +1,2 @@
 <style type="text/css">{css}</style>
-
 <Switch slotProps={slotProps} />
\ No newline at end of file
diff --git a/docs/data/base/getting-started/customization/StylingCustomCss.js b/docs/data/base/getting-started/customization/StylingCustomCss.js
index 2d4d3f04fa20ab..457de824aefa27 100644
--- a/docs/data/base/getting-started/customization/StylingCustomCss.js
+++ b/docs/data/base/getting-started/customization/StylingCustomCss.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Switch, switchClasses } from '@mui/base/Switch';
+import { Switch as SwitchUnstyled, switchClasses } from '@mui/base/Switch';
 
 const css = `
   .my-switch {
@@ -52,7 +52,7 @@ export default function StylingCustomCss() {
   return (
     <div>
       <style type="text/css">{css}</style>
-      <Switch className="my-switch" />
+      <SwitchUnstyled className="my-switch" />
     </div>
   );
 }
diff --git a/docs/data/base/getting-started/customization/StylingCustomCss.tsx b/docs/data/base/getting-started/customization/StylingCustomCss.tsx
index 2d4d3f04fa20ab..457de824aefa27 100644
--- a/docs/data/base/getting-started/customization/StylingCustomCss.tsx
+++ b/docs/data/base/getting-started/customization/StylingCustomCss.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Switch, switchClasses } from '@mui/base/Switch';
+import { Switch as SwitchUnstyled, switchClasses } from '@mui/base/Switch';
 
 const css = `
   .my-switch {
@@ -52,7 +52,7 @@ export default function StylingCustomCss() {
   return (
     <div>
       <style type="text/css">{css}</style>
-      <Switch className="my-switch" />
+      <SwitchUnstyled className="my-switch" />
     </div>
   );
 }
diff --git a/docs/data/base/getting-started/customization/StylingCustomCss.tsx.preview b/docs/data/base/getting-started/customization/StylingCustomCss.tsx.preview
index 6d68e9a8ef19c5..52366e9f8cc441 100644
--- a/docs/data/base/getting-started/customization/StylingCustomCss.tsx.preview
+++ b/docs/data/base/getting-started/customization/StylingCustomCss.tsx.preview
@@ -1,2 +1,2 @@
 <style type="text/css">{css}</style>
-<Switch className="my-switch" />
\ No newline at end of file
+<SwitchUnstyled className="my-switch" />
\ No newline at end of file
diff --git a/docs/data/base/getting-started/customization/StylingHooks.js b/docs/data/base/getting-started/customization/StylingHooks.js
index d326888631c217..f21e8817d264b0 100644
--- a/docs/data/base/getting-started/customization/StylingHooks.js
+++ b/docs/data/base/getting-started/customization/StylingHooks.js
@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useSwitch } from '@mui/base/useSwitch';
 import { styled } from '@mui/system';
 
-const BasicSwitchRoot = styled('span')`
+const SwitchRoot = styled('span')`
   font-size: 0;
   position: relative;
   display: inline-block;
@@ -24,7 +24,7 @@ const BasicSwitchRoot = styled('span')`
   }
 `;
 
-const BasicSwitchInput = styled('input')`
+const SwitchInput = styled('input')`
   cursor: inherit;
   position: absolute;
   width: 100%;
@@ -36,7 +36,7 @@ const BasicSwitchInput = styled('input')`
   margin: 0;
 `;
 
-const BasicSwitchThumb = styled('span')`
+const SwitchThumb = styled('span')`
   display: block;
   width: 14px;
   height: 14px;
@@ -59,7 +59,7 @@ const BasicSwitchThumb = styled('span')`
   }
 `;
 
-function BasicSwitch(props) {
+function Switch(props) {
   const { getInputProps, checked, disabled, focusVisible } = useSwitch(props);
 
   const stateClasses = {
@@ -69,13 +69,13 @@ function BasicSwitch(props) {
   };
 
   return (
-    <BasicSwitchRoot className={clsx(stateClasses)}>
-      <BasicSwitchThumb className={clsx(stateClasses)} />
-      <BasicSwitchInput {...getInputProps()} aria-label="Demo switch" />
-    </BasicSwitchRoot>
+    <SwitchRoot className={clsx(stateClasses)}>
+      <SwitchThumb className={clsx(stateClasses)} />
+      <SwitchInput {...getInputProps()} aria-label={props['aria-label']} />
+    </SwitchRoot>
   );
 }
 
 export default function StylingHooks() {
-  return <BasicSwitch />;
+  return <Switch aria-label="Demo switch" />;
 }
diff --git a/docs/data/base/getting-started/customization/StylingHooks.tsx b/docs/data/base/getting-started/customization/StylingHooks.tsx
index 0330e915ce630a..d055d4dc0b5041 100644
--- a/docs/data/base/getting-started/customization/StylingHooks.tsx
+++ b/docs/data/base/getting-started/customization/StylingHooks.tsx
@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useSwitch, UseSwitchParameters } from '@mui/base/useSwitch';
 import { styled } from '@mui/system';
 
-const BasicSwitchRoot = styled('span')`
+const SwitchRoot = styled('span')`
   font-size: 0;
   position: relative;
   display: inline-block;
@@ -24,7 +24,7 @@ const BasicSwitchRoot = styled('span')`
   }
 `;
 
-const BasicSwitchInput = styled('input')`
+const SwitchInput = styled('input')`
   cursor: inherit;
   position: absolute;
   width: 100%;
@@ -36,7 +36,7 @@ const BasicSwitchInput = styled('input')`
   margin: 0;
 `;
 
-const BasicSwitchThumb = styled('span')`
+const SwitchThumb = styled('span')`
   display: block;
   width: 14px;
   height: 14px;
@@ -59,7 +59,7 @@ const BasicSwitchThumb = styled('span')`
   }
 `;
 
-function BasicSwitch(props: UseSwitchParameters) {
+function Switch(props: UseSwitchParameters & { 'aria-label'?: string }) {
   const { getInputProps, checked, disabled, focusVisible } = useSwitch(props);
 
   const stateClasses = {
@@ -69,13 +69,13 @@ function BasicSwitch(props: UseSwitchParameters) {
   };
 
   return (
-    <BasicSwitchRoot className={clsx(stateClasses)}>
-      <BasicSwitchThumb className={clsx(stateClasses)} />
-      <BasicSwitchInput {...getInputProps()} aria-label="Demo switch" />
-    </BasicSwitchRoot>
+    <SwitchRoot className={clsx(stateClasses)}>
+      <SwitchThumb className={clsx(stateClasses)} />
+      <SwitchInput {...getInputProps()} aria-label={props['aria-label']} />
+    </SwitchRoot>
   );
 }
 
 export default function StylingHooks() {
-  return <BasicSwitch />;
+  return <Switch aria-label="Demo switch" />;
 }
diff --git a/docs/data/base/getting-started/customization/StylingHooks.tsx.preview b/docs/data/base/getting-started/customization/StylingHooks.tsx.preview
index 807593910a5b0f..3854607bb08707 100644
--- a/docs/data/base/getting-started/customization/StylingHooks.tsx.preview
+++ b/docs/data/base/getting-started/customization/StylingHooks.tsx.preview
@@ -1 +1 @@
-<BasicSwitch />
\ No newline at end of file
+<Switch aria-label="Demo switch" />
\ No newline at end of file
diff --git a/docs/data/base/getting-started/customization/StylingSlots.js b/docs/data/base/getting-started/customization/StylingSlots.js
index 965302eb1e951a..c29afb6be3b1ca 100644
--- a/docs/data/base/getting-started/customization/StylingSlots.js
+++ b/docs/data/base/getting-started/customization/StylingSlots.js
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { styled } from '@mui/system';
 import { Switch, switchClasses } from '@mui/base/Switch';
 
-const Root = styled('span')`
+const SwitchRoot = styled('span')`
   font-size: 0;
   position: relative;
   display: inline-block;
@@ -23,7 +23,7 @@ const Root = styled('span')`
   }
 `;
 
-const Thumb = styled('span')`
+const SwitchThumb = styled('span')`
   display: block;
   width: 14px;
   height: 14px;
@@ -46,7 +46,7 @@ const Thumb = styled('span')`
   }
 `;
 
-const Input = styled('input')`
+const SwitchInput = styled('input')`
   cursor: inherit;
   position: absolute;
   width: 100%;
@@ -59,5 +59,7 @@ const Input = styled('input')`
 `;
 
 export default function StylingSlots() {
-  return <Switch slots={{ root: Root, thumb: Thumb, input: Input }} />;
+  return (
+    <Switch slots={{ root: SwitchRoot, thumb: SwitchThumb, input: SwitchInput }} />
+  );
 }
diff --git a/docs/data/base/getting-started/customization/StylingSlots.tsx b/docs/data/base/getting-started/customization/StylingSlots.tsx
index 965302eb1e951a..c29afb6be3b1ca 100644
--- a/docs/data/base/getting-started/customization/StylingSlots.tsx
+++ b/docs/data/base/getting-started/customization/StylingSlots.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { styled } from '@mui/system';
 import { Switch, switchClasses } from '@mui/base/Switch';
 
-const Root = styled('span')`
+const SwitchRoot = styled('span')`
   font-size: 0;
   position: relative;
   display: inline-block;
@@ -23,7 +23,7 @@ const Root = styled('span')`
   }
 `;
 
-const Thumb = styled('span')`
+const SwitchThumb = styled('span')`
   display: block;
   width: 14px;
   height: 14px;
@@ -46,7 +46,7 @@ const Thumb = styled('span')`
   }
 `;
 
-const Input = styled('input')`
+const SwitchInput = styled('input')`
   cursor: inherit;
   position: absolute;
   width: 100%;
@@ -59,5 +59,7 @@ const Input = styled('input')`
 `;
 
 export default function StylingSlots() {
-  return <Switch slots={{ root: Root, thumb: Thumb, input: Input }} />;
+  return (
+    <Switch slots={{ root: SwitchRoot, thumb: SwitchThumb, input: SwitchInput }} />
+  );
 }
diff --git a/docs/data/base/getting-started/customization/StylingSlots.tsx.preview b/docs/data/base/getting-started/customization/StylingSlots.tsx.preview
index 5ac2f5d77f0dee..4e3d5ce333cda8 100644
--- a/docs/data/base/getting-started/customization/StylingSlots.tsx.preview
+++ b/docs/data/base/getting-started/customization/StylingSlots.tsx.preview
@@ -1 +1 @@
-<Switch slots={{ root: Root, thumb: Thumb, input: Input }} />
\ No newline at end of file
+<Switch slots={{ root: SwitchRoot, thumb: SwitchThumb, input: SwitchInput }} />
\ No newline at end of file
diff --git a/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.js b/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.js
index 8926340c2bb669..b131b8b29eda17 100644
--- a/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.js
+++ b/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.js
@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Switch, switchClasses } from '@mui/base/Switch';
+import { Switch as BaseSwitch, switchClasses } from '@mui/base/Switch';
 
-const StyledSwitch = styled(Switch)`
+const Switch = styled(BaseSwitch)`
   font-size: 0;
   position: relative;
   display: inline-block;
@@ -59,5 +59,5 @@ const StyledSwitch = styled(Switch)`
 `;
 
 export default function StylingSlotsSingleComponent() {
-  return <StyledSwitch />;
+  return <Switch />;
 }
diff --git a/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.tsx b/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.tsx
index 8926340c2bb669..b131b8b29eda17 100644
--- a/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.tsx
+++ b/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { styled } from '@mui/system';
-import { Switch, switchClasses } from '@mui/base/Switch';
+import { Switch as BaseSwitch, switchClasses } from '@mui/base/Switch';
 
-const StyledSwitch = styled(Switch)`
+const Switch = styled(BaseSwitch)`
   font-size: 0;
   position: relative;
   display: inline-block;
@@ -59,5 +59,5 @@ const StyledSwitch = styled(Switch)`
 `;
 
 export default function StylingSlotsSingleComponent() {
-  return <StyledSwitch />;
+  return <Switch />;
 }
diff --git a/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.tsx.preview b/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.tsx.preview
index 2678c2bc933d80..0ff96d201086e7 100644
--- a/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.tsx.preview
+++ b/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.tsx.preview
@@ -1 +1 @@
-<StyledSwitch />
\ No newline at end of file
+<Switch />
\ No newline at end of file
diff --git a/docs/data/base/getting-started/customization/customization.md b/docs/data/base/getting-started/customization/customization.md
index ddf03248968a56..d321b8c599e41c 100644
--- a/docs/data/base/getting-started/customization/customization.md
+++ b/docs/data/base/getting-started/customization/customization.md
@@ -35,6 +35,7 @@ When working with [CSS Modules](https://github.com/css-modules/css-modules), the
 
 ```tsx
 import clsx from 'clsx';
+import { Switch as BaseSwitch, SwitchOwnerState } from '@mui/base/Switch';
 import classes from './styles.module.css';
 
 export default function Switch(props) {
@@ -50,7 +51,7 @@ export default function Switch(props) {
     input: { className: classes.input },
   };
 
-  return <Switch {...props} slotProps={slotProps} />;
+  return <BaseSwitch {...props} slotProps={slotProps} />;
 }
 ```
 
@@ -61,6 +62,8 @@ In this example we're using the [clsx](https://www.npmjs.com/package/clsx) utili
 Use [`slotProps`](#customizing-slot-props) to apply custom styles using [Tailwind CSS](https://tailwindcss.com/), as shown below:
 
 ```tsx
+import { Switch as BaseSwitch, SwitchOwnerState } from '@mui/base/Switch';
+
 export default function Switch(props) {
   const slotProps = {
     root: (ownerState: SwitchOwnerState) => ({
@@ -76,7 +79,7 @@ export default function Switch(props) {
     input: { className: 'absolute w-full h-full inset-0 opacity-0 z-10 m-0' },
   };
 
-  return <Switch {...props} slotProps={slotProps} />;
+  return <BaseSwitch {...props} slotProps={slotProps} />;
 }
 ```
 
@@ -141,6 +144,16 @@ In this case, `MyCustomThumb` component receives the `ownerState` object with th
 
 You can use this object to style your component.
 
+:::warning
+When inserting a component from a third-party library into a slot, you may encounter this warning: `"React does not recognize the ownerState prop on a DOM element."`
+This is because the custom component isn't prepared to receive the `ownerState` like a built-in library component would be.
+:::
+
+If you need to use the `ownerState` to propagate some props to a third-party component, you must create a custom wrapper for this purpose.
+But if you don't need the `ownerState` and just want to resolve the error, you can use the `prepareForSlot` utility:
+
+{{"demo": "PrepareForSlot.js", "defaultCodeOpen": true}}
+
 ### Customizing slot props
 
 Use the `slotProps` prop to customize the inner component props.
diff --git a/docs/data/base/getting-started/overview/overview-pt.md b/docs/data/base/getting-started/overview/overview-pt.md
deleted file mode 100644
index 9fdaba2f181fa8..00000000000000
--- a/docs/data/base/getting-started/overview/overview-pt.md
+++ /dev/null
@@ -1,37 +0,0 @@
-- - -
-title: Overview
-- - -
-
-# Base UI - Overview
-
-<p class="description">Base UI is a library of headless ("unstyled") React UI components and low-level hooks.</p>
-
-## Introduction
-
-Base UI is a library of unstyled React UI components. These components were extracted from [Material UI](/material-ui/getting-started/), and are now available as a standalone package. They feature the same robust engineering but without implementing Material Design.
-
-Base UI includes prebuilt components with production-ready functionality, along with low-level hooks for transferring that functionality to other components.
-
-With Base UI, you can rapidly build on top of our foundational components using any styling solution you choose—no need to override any default style engine or theme.
-
-:::info
-**Note:** as of today, Base UI is in alpha.
-
-We're adding new components and features regularly, and you're welcome to contribute!
-
-Look for the [`package: base`](https://github.com/mui/material-ui/labels/package%3A%20base) label on open issues and pull requests in the `mui/material-ui` repository on GitHub to see what other community members are working on, and feel free to submit your own.
-:::
-
-## Advantages of Base UI
-
-- **Ship faster:** Base UI gives you the foundational building blocks you need to assemble a sleek and sophisticated user interface in a fraction of the time that it would take to do it all from scratch.
-- **You own the CSS:** unlike Material UI, which uses Emotion as a default style engine, Base UI has no built-in styling solution. This means you have complete control over your app's CSS.
-- **Accessibility:** Base UI components are built with accessibility in mind. We do our best to make all components screen reader-friendly, and offer suggestions for optimizing accessibility throughout our documentation.
-
-## Base UI vs. Material UI
-
-Base UI features many of the same components as [Material UI](/material-ui/getting-started/), but without the Material Design implementation.
-
-Base UI is not packaged with any default theme or built-in style engine. This makes it a great choice if you need complete control over how your app's CSS is implemented.
-
-You could think of Base UI as the "skeletal" or "headless" version of Material UI—in fact, future versions of Material UI (starting with v6) will use these components and hooks for their foundational structure.
diff --git a/docs/data/base/getting-started/overview/overview-zh.md b/docs/data/base/getting-started/overview/overview-zh.md
deleted file mode 100644
index 9fdaba2f181fa8..00000000000000
--- a/docs/data/base/getting-started/overview/overview-zh.md
+++ /dev/null
@@ -1,37 +0,0 @@
-- - -
-title: Overview
-- - -
-
-# Base UI - Overview
-
-<p class="description">Base UI is a library of headless ("unstyled") React UI components and low-level hooks.</p>
-
-## Introduction
-
-Base UI is a library of unstyled React UI components. These components were extracted from [Material UI](/material-ui/getting-started/), and are now available as a standalone package. They feature the same robust engineering but without implementing Material Design.
-
-Base UI includes prebuilt components with production-ready functionality, along with low-level hooks for transferring that functionality to other components.
-
-With Base UI, you can rapidly build on top of our foundational components using any styling solution you choose—no need to override any default style engine or theme.
-
-:::info
-**Note:** as of today, Base UI is in alpha.
-
-We're adding new components and features regularly, and you're welcome to contribute!
-
-Look for the [`package: base`](https://github.com/mui/material-ui/labels/package%3A%20base) label on open issues and pull requests in the `mui/material-ui` repository on GitHub to see what other community members are working on, and feel free to submit your own.
-:::
-
-## Advantages of Base UI
-
-- **Ship faster:** Base UI gives you the foundational building blocks you need to assemble a sleek and sophisticated user interface in a fraction of the time that it would take to do it all from scratch.
-- **You own the CSS:** unlike Material UI, which uses Emotion as a default style engine, Base UI has no built-in styling solution. This means you have complete control over your app's CSS.
-- **Accessibility:** Base UI components are built with accessibility in mind. We do our best to make all components screen reader-friendly, and offer suggestions for optimizing accessibility throughout our documentation.
-
-## Base UI vs. Material UI
-
-Base UI features many of the same components as [Material UI](/material-ui/getting-started/), but without the Material Design implementation.
-
-Base UI is not packaged with any default theme or built-in style engine. This makes it a great choice if you need complete control over how your app's CSS is implemented.
-
-You could think of Base UI as the "skeletal" or "headless" version of Material UI—in fact, future versions of Material UI (starting with v6) will use these components and hooks for their foundational structure.
diff --git a/docs/data/base/getting-started/overview/overview.md b/docs/data/base/getting-started/overview/overview.md
index 9f10b2b5574383..c4d732356999d1 100644
--- a/docs/data/base/getting-started/overview/overview.md
+++ b/docs/data/base/getting-started/overview/overview.md
@@ -8,8 +8,8 @@ title: Overview
 
 ## Introduction
 
-Base UI is a library of unstyled React UI components and low-level hooks.
-These components were extracted from [Material UI](/material-ui/getting-started/), and are now available as a standalone package.
+Base UI is a library of unstyled React UI components and hooks.
+These components were extracted from [Material UI](/material-ui/), and are now available as a standalone package.
 They feature the same robust engineering but without implementing Material Design.
 
 Base UI includes prebuilt components with production-ready functionality, along with low-level hooks for transferring that functionality to other components.
@@ -24,7 +24,7 @@ We're adding new components and features regularly, and you're welcome to contri
 Look for the [`package: base-ui`](https://github.com/mui/material-ui/labels/package%3A%20base-ui) label on open issues and pull requests in the `mui/material-ui` repository on GitHub to see what other community members are working on, and feel free to submit your own.
 :::
 
-## Advantages of Base UI
+## Advantages of Base UI
 
 - **Ship faster:** Base UI gives you the foundational building blocks you need to assemble a sleek and sophisticated user interface in a fraction of the time that it would take to do it all from scratch.
 - **You own the CSS:** unlike Material UI, which uses Emotion as a default style engine, Base UI has no built-in styling solution.
@@ -32,7 +32,7 @@ Look for the [`package: base-ui`](https://github.com/mui/material-ui/labels/pack
 - **Accessibility:** Base UI components are built with accessibility in mind.
   We do our best to make all components screen reader-friendly, and offer suggestions for optimizing accessibility throughout our documentation.
 
-## Base UI vs. Material UI
+## Base UI vs. Material UI
 
 Base UI features many of the same components as [Material UI](/material-ui/getting-started/), but without the Material Design implementation.
 
diff --git a/docs/data/base/getting-started/quickstart/BaseButtonPlainCss.js b/docs/data/base/getting-started/quickstart/BaseButtonPlainCss.js
index 05cd2ca21960ce..b34b4e6c75f3db 100644
--- a/docs/data/base/getting-started/quickstart/BaseButtonPlainCss.js
+++ b/docs/data/base/getting-started/quickstart/BaseButtonPlainCss.js
@@ -86,7 +86,6 @@ export default function BaseButtonPlainCss() {
       <style type="text/css">{css}</style>
       <Stack spacing={2} direction="row" className="demo">
         <Button className="github-button">Create Repository</Button>
-
         <button type="button" {...getRootProps()} className="github-button">
           Create Repository
         </button>
diff --git a/docs/data/base/getting-started/quickstart/BaseButtonPlainCss.tsx b/docs/data/base/getting-started/quickstart/BaseButtonPlainCss.tsx
index 05cd2ca21960ce..b34b4e6c75f3db 100644
--- a/docs/data/base/getting-started/quickstart/BaseButtonPlainCss.tsx
+++ b/docs/data/base/getting-started/quickstart/BaseButtonPlainCss.tsx
@@ -86,7 +86,6 @@ export default function BaseButtonPlainCss() {
       <style type="text/css">{css}</style>
       <Stack spacing={2} direction="row" className="demo">
         <Button className="github-button">Create Repository</Button>
-
         <button type="button" {...getRootProps()} className="github-button">
           Create Repository
         </button>
diff --git a/docs/data/base/getting-started/quickstart/BaseButtonPlainCss.tsx.preview b/docs/data/base/getting-started/quickstart/BaseButtonPlainCss.tsx.preview
index 7235640e360d3d..57ba0be3dc5ef8 100644
--- a/docs/data/base/getting-started/quickstart/BaseButtonPlainCss.tsx.preview
+++ b/docs/data/base/getting-started/quickstart/BaseButtonPlainCss.tsx.preview
@@ -2,7 +2,6 @@
   <style type="text/css">{css}</style>
   <Stack spacing={2} direction="row" className="demo">
     <Button className="github-button">Create Repository</Button>
-
     <button type="button" {...getRootProps()} className="github-button">
       Create Repository
     </button>
diff --git a/docs/data/base/getting-started/quickstart/quickstart.md b/docs/data/base/getting-started/quickstart/quickstart.md
index 80e0665b22fbad..e3b0fa1d901846 100644
--- a/docs/data/base/getting-started/quickstart/quickstart.md
+++ b/docs/data/base/getting-started/quickstart/quickstart.md
@@ -146,22 +146,27 @@ import { styled } from '@mui/system';
 import { Button } from '@mui/base/Button';
 
 const theme = {
-  colors: {
+  palette: {
     primary: 'green',
+    text: '#fff',
   },
 };
 
 const GitHubButton = styled(Button)(
   ({ theme }) => `
-    background-color: ${theme.colors.primary /* => 'green' */};
+    background-color: ${theme.palette.primary /* => 'green' */};
+    ${/* ... the rest of the styles */}
   `,
 );
 
-render(
-  <ThemeProvider theme={theme}>
-    <GitHubButton>Create Repository</GitHubButton>
-  </ThemeProvider>,
-);
+export default function App() {
+  return (
+    <ThemeProvider theme={theme}>
+      <GitHubButton>Create Repository</GitHubButton>
+    </ThemeProvider>
+  );
+}
+
 ```
 
 Most of the demos in the Base UI docs are styled with MUI System in this way.
diff --git a/docs/data/base/getting-started/usage/usage-pt.md b/docs/data/base/getting-started/usage/usage-pt.md
index 7245c0e58b61c8..ac44d781786fe2 100644
--- a/docs/data/base/getting-started/usage/usage-pt.md
+++ b/docs/data/base/getting-started/usage/usage-pt.md
@@ -90,7 +90,7 @@ If both `componentsProps.root` and additional props have the same keys but diffe
 Base UI includes two kinds of building blocks: **components** and **hooks**.
 
 :::info
-💡 Hooks encapsulate _logic_; components provide _structure_.
+Hooks encapsulate _logic_; components provide _structure_.
 :::
 
 Many Base components are implemented with the help of hooks. (Visit the [React documentation on hooks](https://legacy.reactjs.org/docs/hooks-intro.html) to get up to speed on this concept.)
diff --git a/docs/data/base/getting-started/usage/usage-zh.md b/docs/data/base/getting-started/usage/usage-zh.md
index 7245c0e58b61c8..ac44d781786fe2 100644
--- a/docs/data/base/getting-started/usage/usage-zh.md
+++ b/docs/data/base/getting-started/usage/usage-zh.md
@@ -90,7 +90,7 @@ If both `componentsProps.root` and additional props have the same keys but diffe
 Base UI includes two kinds of building blocks: **components** and **hooks**.
 
 :::info
-💡 Hooks encapsulate _logic_; components provide _structure_.
+Hooks encapsulate _logic_; components provide _structure_.
 :::
 
 Many Base components are implemented with the help of hooks. (Visit the [React documentation on hooks](https://legacy.reactjs.org/docs/hooks-intro.html) to get up to speed on this concept.)
diff --git a/docs/data/base/getting-started/usage/usage.md b/docs/data/base/getting-started/usage/usage.md
index b7c002a062d09c..8312bbb5aba82b 100644
--- a/docs/data/base/getting-started/usage/usage.md
+++ b/docs/data/base/getting-started/usage/usage.md
@@ -80,7 +80,7 @@ If you did the same with `slots.root`, you would need to place this attribute on
 Base UI includes two kinds of building blocks: **components** and **hooks**.
 
 :::info
-💡 Hooks encapsulate _logic_; components provide _structure_.
+Hooks encapsulate _logic_; components provide _structure_.
 :::
 
 Many Base components are implemented with the help of hooks.
diff --git a/docs/data/base/guides/next-js-app-router/next-js-app-router.md b/docs/data/base/guides/next-js-app-router/next-js-app-router.md
index 060e3366eee2bc..8f31891cf9abdb 100644
--- a/docs/data/base/guides/next-js-app-router/next-js-app-router.md
+++ b/docs/data/base/guides/next-js-app-router/next-js-app-router.md
@@ -2,17 +2,17 @@
 
 <p class="description">Learn how to use Base UI with the Next.js App Router.</p>
 
-:::info
+## Example
+
 Starting fresh on a new App Router-based project?
 
-Jump right into the code with [this example: Base UI - Next.js App Router with Tailwind CSS example in TypeScript](https://github.com/mui/material-ui/tree/master/examples/base-ui-nextjs-tailwind-ts).
-:::
+Jump right into the code with [this example: Base UI - Next.js App Router with Tailwind CSS in TypeScript](https://github.com/mui/material-ui/tree/master/examples/base-ui-nextjs-tailwind-ts).
 
 ## Next.js and React Server Components
 
 The Next.js App Router implements React Server Components, [an upcoming feature for React](https://github.com/reactjs/rfcs/blob/main/text/0227-server-module-conventions.md).
 
-To support the App Router, currently all components and hooks from Base UI and other MUI libraries are exported with the `"use client"` directive.
+To support the App Router, the components and hooks from Base UI that need access to browser APIs are exported with the `"use client"` directive.
 
 :::warning
 React Server Components should not be conflated with the concept of server-side rendering (SSR).
@@ -36,7 +36,6 @@ module.exports = {
   content: [
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
     './src/components/**/*.{js,ts,jsx,tsx,mdx}'
-
     // or if not using the `src` directory:
     './app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
@@ -195,5 +194,5 @@ export default function Page() {
 }
 ```
 
-Unfortunately, **this does not work in a Server Component** since function props are [non-serializable](https://nextjs.org/docs/getting-started/react-essentials#passing-props-from-server-to-client-components-serialization).
-Instead, the Next.js team recommend moving components like these ["to the leaves"](https://nextjs.org/docs/getting-started/react-essentials#moving-client-components-to-the-leaves) to avoid this issue and improve overall performance.
+Unfortunately, **this does not work in a Server Component** since function props are [non-serializable](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#passing-props-from-server-to-client-components-serialization).
+Instead, the Next.js team recommend moving components like these ["down the tree"](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#moving-client-components-down-the-tree) to avoid this issue and improve overall performance.
diff --git a/docs/data/base/guides/working-with-tailwind-css/PlayerFinal.js b/docs/data/base/guides/working-with-tailwind-css/PlayerFinal.js
index 583193dc9c7f1b..8a5ffa22173170 100644
--- a/docs/data/base/guides/working-with-tailwind-css/PlayerFinal.js
+++ b/docs/data/base/guides/working-with-tailwind-css/PlayerFinal.js
@@ -4,7 +4,7 @@ export default function PlayerFinal() {
   return (
     <iframe
       title="codesandbox"
-      src="https://codesandbox.io/embed/github/mui/material-ui/tree/master/examples/base-ui-cra-tailwind-ts?hidenavigation=1&fontsize=14&view=preview"
+      src="https://codesandbox.io/embed/working-with-tailwind-css-dhmf8w?hidenavigation=1&fontsize=14&view=preview"
       style={{
         width: '100%',
         height: 400,
diff --git a/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css-pt.md b/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css-pt.md
index ae1ffd88ecc226..39cdb2cd74e31f 100644
--- a/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css-pt.md
+++ b/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css-pt.md
@@ -21,7 +21,7 @@ The end result of this guide is an interactive media player interface. Here's wh
 {{"demo": "PlayerFinal.js", "hideToolbar": true, "bg": true}}
 
 :::info
-💡 All credits go to the Tailwind Labs team for designing this component, found on the [Tailwind CSS website](https://tailwindcss.com/).
+All credits go to the Tailwind Labs team for designing this component, found on the [Tailwind CSS website](https://tailwindcss.com/).
 :::
 
 ## Setting up the project
diff --git a/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css-zh.md b/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css-zh.md
index 1c47d6f6d44892..dc68b799506ba1 100644
--- a/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css-zh.md
+++ b/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css-zh.md
@@ -21,7 +21,7 @@ The end result of this guide is an interactive media player interface. Here's wh
 {{"demo": "PlayerFinal.js", "hideToolbar": true, "bg": true}}
 
 :::info
-💡 All credits go to the Tailwind Labs team for designing this component, found on the [Tailwind CSS website](https://tailwindcss.com/).
+All credits go to the Tailwind Labs team for designing this component, found on the [Tailwind CSS website](https://tailwindcss.com/).
 :::
 
 ## Setting up the project
diff --git a/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md b/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md
index 1c31caf02a473a..ecf77e777d7cf2 100644
--- a/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md
+++ b/docs/data/base/guides/working-with-tailwind-css/working-with-tailwind-css.md
@@ -58,7 +58,7 @@ const Player = React.forwardRef(function Player(
       <div className="bg-white border-slate-100 dark:bg-slate-800 dark:border-slate-500 border-b rounded-t-xl p-4 pb-6 sm:p-10 sm:pb-8 lg:p-6 xl:p-10 xl:pb-8 space-y-6 sm:space-y-8 lg:space-y-6 xl:space-y-8">
         <div className="flex items-center space-x-4">
           <img
-            src="https://tailwindcss.com/_next/static/media/full-stack-radio.485d0b2c6e3aa1cacc6b50e462cd3675.png"
+            src="https://mui.com/static/base-ui/with-tailwind-css/full-stack-radio.png"
             alt=""
             width="88"
             height="88"
@@ -251,14 +251,18 @@ Copy and paste the code below into the file:
 
 ```tsx
 import * as React from 'react';
-import { Slider, SliderThumbSlotProps, SliderProps } from '@mui/base/Slider';
+import {
+  Slider as BaseSlider,
+  SliderThumbSlotProps,
+  SliderProps,
+} from '@mui/base/Slider';
 
 const Slider = React.forwardRef(function Slider(
   props: SliderProps,
   ref: React.ForwardedRef<HTMLSpanElement>,
 ) {
   return (
-    <Slider
+    <BaseSlider
       {...props}
       ref={ref}
       slotProps={{
@@ -334,7 +338,7 @@ To do this, it's not enough to just use classes for the thumb—we need also to
 +++ b/src/Slider.tsx
 @@ -1,6 +1,17 @@
  import * as React from 'react';
- import { Slider, SliderThumbSlotProps, SliderProps } from '@mui/base/Slider';
+ import { Slider as BaseSlider, SliderThumbSlotProps, SliderProps } from '@mui/base/Slider';
 
 +const Thumb = React.forwardRef(function Thumb(
 +  props: SliderThumbSlotProps,
@@ -351,11 +355,11 @@ To do this, it's not enough to just use classes for the thumb—we need also to
    props: SliderProps,
    ref: React.ForwardedRef<HTMLSpanElement>,
 @@ -8,9 +19,11 @@ const Slider = React.forwardRef(function Slider(
-   return (<Slider
+   return (<BaseSlider
      {...props}
      ref={ref}
 +    slots={{
-+      thumb,
++      thumb: Thumb,
 +    }}
      slotProps={{
        root: { className: 'w-full relative inline-block h-2 cursor-pointer' },
@@ -397,14 +401,18 @@ Create a `Button.tsx` file and copy the following code:
 
 ```tsx
 import * as React from 'react';
-import { Button, ButtonOwnerState, ButtonProps } from '@mui/base/Button';
+import {
+  Button as BaseButton,
+  ButtonOwnerState,
+  ButtonProps,
+} from '@mui/base/Button';
 
 const Button = React.forwardRef(function Button(
   props: ButtonProps,
   ref: React.ForwardedRef<HTMLButtonElement>,
 ) {
   return (
-    <Button
+    <BaseButton
       {...props}
       slotProps={{
         root: (state: ButtonOwnerState) => ({
@@ -510,4 +518,4 @@ These are the things we covered in this guide:
 We used the `component` prop to pass them into the parent component.\
 ✅ How to apply conditional styling based on the owner component's state using a callback as value for the `slotProps` prop.
 
-Get all the code used in this guide in the [Base UI with Tailwind CSS](https://github.com/mui/material-ui/tree/master/examples/base-ui-cra-tailwind-ts) example project.
+Get all the code used in this guide in the [Base UI with Tailwind CSS](https://codesandbox.io/s/working-with-tailwind-css-dhmf8w) example project.
diff --git a/docs/data/base/pages.ts b/docs/data/base/pages.ts
index 07c34afea6ba4f..885f564a1c701e 100644
--- a/docs/data/base/pages.ts
+++ b/docs/data/base/pages.ts
@@ -25,7 +25,7 @@ const pages: readonly MuiPage[] = [
           { pathname: '/base-ui/react-button', title: 'Button' },
           { pathname: '/base-ui/react-checkbox', title: 'Checkbox', planned: true },
           { pathname: '/base-ui/react-input', title: 'Input' },
-          { pathname: '/base-ui/react-number-input', title: 'Number Input' },
+          { pathname: '/base-ui/react-number-input', title: 'Number Input', unstable: true },
           { pathname: '/base-ui/react-radio-button', title: 'Radio Button', planned: true },
           { pathname: '/base-ui/react-rating', title: 'Rating', planned: true },
           { pathname: '/base-ui/react-select', title: 'Select' },
@@ -88,6 +88,7 @@ const pages: readonly MuiPage[] = [
           { pathname: '/base-ui/react-modal', title: 'Modal' },
           { pathname: '/base-ui/react-no-ssr', title: 'No-SSR' },
           { pathname: '/base-ui/react-popper', title: 'Popper' },
+          { pathname: '/base-ui/react-popup', title: 'Popup', unstable: true },
           { pathname: '/base-ui/react-portal', title: 'Portal' },
           { pathname: '/base-ui/react-textarea-autosize', title: 'Textarea Autosize' },
         ],
diff --git a/docs/data/base/pagesApi.js b/docs/data/base/pagesApi.js
index caf0be66448658..4525a33d21d667 100644
--- a/docs/data/base/pagesApi.js
+++ b/docs/data/base/pagesApi.js
@@ -34,6 +34,7 @@ module.exports = [
     title: 'OptionGroup',
   },
   { pathname: '/base-ui/react-popper/components-api/#popper', title: 'Popper' },
+  { pathname: '/base-ui/react-popup/components-api/#popup', title: 'Popup' },
   { pathname: '/base-ui/react-portal/components-api/#portal', title: 'Portal' },
   { pathname: '/base-ui/react-select/components-api/#select', title: 'Select' },
   { pathname: '/base-ui/react-slider/components-api/#slider', title: 'Slider' },
@@ -72,6 +73,7 @@ module.exports = [
     title: 'useMenuButton',
   },
   { pathname: '/base-ui/react-menu/hooks-api/#use-menu-item', title: 'useMenuItem' },
+  { pathname: '/base-ui/react-modal/hooks-api/#use-modal', title: 'useModal' },
   {
     pathname: '/base-ui/react-number-input/hooks-api/#use-number-input',
     title: 'useNumberInput',
diff --git a/docs/data/docs-infra/pages.ts b/docs/data/docs-infra/pages.ts
index 107026c40198c2..b1eddf2a6d9ecb 100644
--- a/docs/data/docs-infra/pages.ts
+++ b/docs/data/docs-infra/pages.ts
@@ -4,7 +4,10 @@ const pages: readonly MuiPage[] = [
   {
     pathname: '/experiments/docs/writing',
     title: 'Writing',
-    children: [{ pathname: '/experiments/docs/headers' }],
+    children: [
+      { pathname: '/experiments/docs/headers' },
+      { pathname: '/experiments/docs/markdown' },
+    ],
   },
   {
     pathname: '/experiments/docs/components',
diff --git a/docs/data/joy/components/accordion/AccordionBasic.js b/docs/data/joy/components/accordion/AccordionBasic.js
new file mode 100644
index 00000000000000..82d08e5d88e251
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionBasic.js
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+
+export default function AccordionBasic() {
+  return (
+    <AccordionGroup sx={{ maxWidth: 400 }}>
+      <Accordion>
+        <AccordionSummary>First accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Second accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Third accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionBasic.tsx b/docs/data/joy/components/accordion/AccordionBasic.tsx
new file mode 100644
index 00000000000000..82d08e5d88e251
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionBasic.tsx
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+
+export default function AccordionBasic() {
+  return (
+    <AccordionGroup sx={{ maxWidth: 400 }}>
+      <Accordion>
+        <AccordionSummary>First accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Second accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Third accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionControlled.js b/docs/data/joy/components/accordion/AccordionControlled.js
new file mode 100644
index 00000000000000..f081d7b5561cd8
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionControlled.js
@@ -0,0 +1,49 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+
+export default function AccordionControlled() {
+  const [index, setIndex] = React.useState(0);
+  return (
+    <AccordionGroup sx={{ maxWidth: 400 }}>
+      <Accordion
+        expanded={index === 0}
+        onChange={(event, expanded) => {
+          setIndex(expanded ? 0 : null);
+        }}
+      >
+        <AccordionSummary>First accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion
+        expanded={index === 1}
+        onChange={(event, expanded) => {
+          setIndex(expanded ? 1 : null);
+        }}
+      >
+        <AccordionSummary>Second accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion
+        expanded={index === 2}
+        onChange={(event, expanded) => {
+          setIndex(expanded ? 2 : null);
+        }}
+      >
+        <AccordionSummary>Third accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionControlled.tsx b/docs/data/joy/components/accordion/AccordionControlled.tsx
new file mode 100644
index 00000000000000..a06d724a7b2254
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionControlled.tsx
@@ -0,0 +1,49 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+
+export default function AccordionControlled() {
+  const [index, setIndex] = React.useState<number | null>(0);
+  return (
+    <AccordionGroup sx={{ maxWidth: 400 }}>
+      <Accordion
+        expanded={index === 0}
+        onChange={(event, expanded) => {
+          setIndex(expanded ? 0 : null);
+        }}
+      >
+        <AccordionSummary>First accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion
+        expanded={index === 1}
+        onChange={(event, expanded) => {
+          setIndex(expanded ? 1 : null);
+        }}
+      >
+        <AccordionSummary>Second accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion
+        expanded={index === 2}
+        onChange={(event, expanded) => {
+          setIndex(expanded ? 2 : null);
+        }}
+      >
+        <AccordionSummary>Third accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionDepthPanel.js b/docs/data/joy/components/accordion/AccordionDepthPanel.js
new file mode 100644
index 00000000000000..ede69f58d19fef
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionDepthPanel.js
@@ -0,0 +1,53 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails, {
+  accordionDetailsClasses,
+} from '@mui/joy/AccordionDetails';
+import AccordionSummary, {
+  accordionSummaryClasses,
+} from '@mui/joy/AccordionSummary';
+
+export default function AccordionDepthPanel() {
+  return (
+    <AccordionGroup
+      variant="outlined"
+      transition="0.2s"
+      sx={{
+        maxWidth: 400,
+        borderRadius: 'lg',
+        [`& .${accordionSummaryClasses.button}:hover`]: {
+          bgcolor: 'transparent',
+        },
+        [`& .${accordionDetailsClasses.content}`]: {
+          boxShadow: (theme) => `inset 0 1px ${theme.vars.palette.divider}`,
+          [`&.${accordionDetailsClasses.expanded}`]: {
+            paddingBlock: '0.75rem',
+          },
+        },
+      }}
+    >
+      <Accordion defaultExpanded>
+        <AccordionSummary>First accordion</AccordionSummary>
+        <AccordionDetails variant="soft">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Second accordion</AccordionSummary>
+        <AccordionDetails variant="soft">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Third accordion</AccordionSummary>
+        <AccordionDetails variant="soft">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionDepthPanel.tsx b/docs/data/joy/components/accordion/AccordionDepthPanel.tsx
new file mode 100644
index 00000000000000..ede69f58d19fef
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionDepthPanel.tsx
@@ -0,0 +1,53 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails, {
+  accordionDetailsClasses,
+} from '@mui/joy/AccordionDetails';
+import AccordionSummary, {
+  accordionSummaryClasses,
+} from '@mui/joy/AccordionSummary';
+
+export default function AccordionDepthPanel() {
+  return (
+    <AccordionGroup
+      variant="outlined"
+      transition="0.2s"
+      sx={{
+        maxWidth: 400,
+        borderRadius: 'lg',
+        [`& .${accordionSummaryClasses.button}:hover`]: {
+          bgcolor: 'transparent',
+        },
+        [`& .${accordionDetailsClasses.content}`]: {
+          boxShadow: (theme) => `inset 0 1px ${theme.vars.palette.divider}`,
+          [`&.${accordionDetailsClasses.expanded}`]: {
+            paddingBlock: '0.75rem',
+          },
+        },
+      }}
+    >
+      <Accordion defaultExpanded>
+        <AccordionSummary>First accordion</AccordionSummary>
+        <AccordionDetails variant="soft">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Second accordion</AccordionSummary>
+        <AccordionDetails variant="soft">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Third accordion</AccordionSummary>
+        <AccordionDetails variant="soft">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionDisabled.js b/docs/data/joy/components/accordion/AccordionDisabled.js
new file mode 100644
index 00000000000000..eefa0d65992842
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionDisabled.js
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+
+export default function AccordionDisabled() {
+  return (
+    <AccordionGroup sx={{ maxWidth: 400 }}>
+      <Accordion disabled>
+        <AccordionSummary>First accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion disabled>
+        <AccordionSummary>Second accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion expanded disabled>
+        <AccordionSummary>Third accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionDisabled.tsx b/docs/data/joy/components/accordion/AccordionDisabled.tsx
new file mode 100644
index 00000000000000..eefa0d65992842
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionDisabled.tsx
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+
+export default function AccordionDisabled() {
+  return (
+    <AccordionGroup sx={{ maxWidth: 400 }}>
+      <Accordion disabled>
+        <AccordionSummary>First accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion disabled>
+        <AccordionSummary>Second accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion expanded disabled>
+        <AccordionSummary>Third accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionFilter.js b/docs/data/joy/components/accordion/AccordionFilter.js
new file mode 100644
index 00000000000000..40e13e0b495916
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionFilter.js
@@ -0,0 +1,154 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails, {
+  accordionDetailsClasses,
+} from '@mui/joy/AccordionDetails';
+import AccordionSummary, {
+  accordionSummaryClasses,
+} from '@mui/joy/AccordionSummary';
+import Switch from '@mui/joy/Switch';
+import Stack from '@mui/joy/Stack';
+import Typography from '@mui/joy/Typography';
+import Avatar from '@mui/joy/Avatar';
+import FormControl from '@mui/joy/FormControl';
+import FormLabel from '@mui/joy/FormLabel';
+import ListItemContent from '@mui/joy/ListItemContent';
+
+import AirplanemodeActiveRoundedIcon from '@mui/icons-material/AirplanemodeActiveRounded';
+import WifiRoundedIcon from '@mui/icons-material/WifiRounded';
+import BluetoothRoundedIcon from '@mui/icons-material/BluetoothRounded';
+import TapAndPlayRoundedIcon from '@mui/icons-material/TapAndPlayRounded';
+import EditNotificationsRoundedIcon from '@mui/icons-material/EditNotificationsRounded';
+import AdUnitsRoundedIcon from '@mui/icons-material/AdUnitsRounded';
+import MessageRoundedIcon from '@mui/icons-material/MessageRounded';
+import EmailRoundedIcon from '@mui/icons-material/EmailRounded';
+import AccessibilityNewRoundedIcon from '@mui/icons-material/AccessibilityNewRounded';
+import ZoomInRoundedIcon from '@mui/icons-material/ZoomInRounded';
+import SpatialTrackingRoundedIcon from '@mui/icons-material/SpatialTrackingRounded';
+import SettingsVoiceRoundedIcon from '@mui/icons-material/SettingsVoiceRounded';
+
+export default function AccordionFilter() {
+  return (
+    <AccordionGroup
+      variant="plain"
+      transition="0.2s"
+      sx={{
+        maxWidth: 400,
+        borderRadius: 'md',
+        [`& .${accordionDetailsClasses.content}.${accordionDetailsClasses.expanded}`]:
+          {
+            paddingBlock: '1rem',
+          },
+        [`& .${accordionSummaryClasses.button}`]: {
+          paddingBlock: '1rem',
+        },
+      }}
+    >
+      <Accordion>
+        <AccordionSummary>
+          <Avatar color="primary">
+            <TapAndPlayRoundedIcon />
+          </Avatar>
+          <ListItemContent>
+            <Typography level="title-md">Connections</Typography>
+            <Typography level="body-sm">
+              Activate or deactivate your connections
+            </Typography>
+          </ListItemContent>
+        </AccordionSummary>
+        <AccordionDetails>
+          <Stack spacing={1.5}>
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <AirplanemodeActiveRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Airplane Mode</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <WifiRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Wi-Fi</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <BluetoothRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Bluetooth</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+          </Stack>
+        </AccordionDetails>
+      </Accordion>
+
+      <Accordion>
+        <AccordionSummary>
+          <Avatar color="success">
+            <EditNotificationsRoundedIcon />
+          </Avatar>
+          <ListItemContent>
+            <Typography level="title-md">Notifications</Typography>
+            <Typography level="body-sm">
+              Enable or disable your notifications
+            </Typography>
+          </ListItemContent>
+        </AccordionSummary>
+        <AccordionDetails>
+          <Stack spacing={1.5}>
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <EmailRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>E-mail</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <MessageRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Messages</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <AdUnitsRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Push</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+          </Stack>
+        </AccordionDetails>
+      </Accordion>
+
+      <Accordion>
+        <AccordionSummary>
+          <Avatar color="danger">
+            <AccessibilityNewRoundedIcon />
+          </Avatar>
+          <ListItemContent>
+            <Typography level="title-md">Accessibility</Typography>
+            <Typography level="body-sm">
+              Toggle your accessibility settings
+            </Typography>
+          </ListItemContent>
+        </AccordionSummary>
+        <AccordionDetails>
+          <Stack spacing={1.5}>
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <ZoomInRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Zoom</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <SpatialTrackingRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Audio Descriptions</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <SettingsVoiceRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Voice Control</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+          </Stack>
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionFilter.tsx b/docs/data/joy/components/accordion/AccordionFilter.tsx
new file mode 100644
index 00000000000000..40e13e0b495916
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionFilter.tsx
@@ -0,0 +1,154 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails, {
+  accordionDetailsClasses,
+} from '@mui/joy/AccordionDetails';
+import AccordionSummary, {
+  accordionSummaryClasses,
+} from '@mui/joy/AccordionSummary';
+import Switch from '@mui/joy/Switch';
+import Stack from '@mui/joy/Stack';
+import Typography from '@mui/joy/Typography';
+import Avatar from '@mui/joy/Avatar';
+import FormControl from '@mui/joy/FormControl';
+import FormLabel from '@mui/joy/FormLabel';
+import ListItemContent from '@mui/joy/ListItemContent';
+
+import AirplanemodeActiveRoundedIcon from '@mui/icons-material/AirplanemodeActiveRounded';
+import WifiRoundedIcon from '@mui/icons-material/WifiRounded';
+import BluetoothRoundedIcon from '@mui/icons-material/BluetoothRounded';
+import TapAndPlayRoundedIcon from '@mui/icons-material/TapAndPlayRounded';
+import EditNotificationsRoundedIcon from '@mui/icons-material/EditNotificationsRounded';
+import AdUnitsRoundedIcon from '@mui/icons-material/AdUnitsRounded';
+import MessageRoundedIcon from '@mui/icons-material/MessageRounded';
+import EmailRoundedIcon from '@mui/icons-material/EmailRounded';
+import AccessibilityNewRoundedIcon from '@mui/icons-material/AccessibilityNewRounded';
+import ZoomInRoundedIcon from '@mui/icons-material/ZoomInRounded';
+import SpatialTrackingRoundedIcon from '@mui/icons-material/SpatialTrackingRounded';
+import SettingsVoiceRoundedIcon from '@mui/icons-material/SettingsVoiceRounded';
+
+export default function AccordionFilter() {
+  return (
+    <AccordionGroup
+      variant="plain"
+      transition="0.2s"
+      sx={{
+        maxWidth: 400,
+        borderRadius: 'md',
+        [`& .${accordionDetailsClasses.content}.${accordionDetailsClasses.expanded}`]:
+          {
+            paddingBlock: '1rem',
+          },
+        [`& .${accordionSummaryClasses.button}`]: {
+          paddingBlock: '1rem',
+        },
+      }}
+    >
+      <Accordion>
+        <AccordionSummary>
+          <Avatar color="primary">
+            <TapAndPlayRoundedIcon />
+          </Avatar>
+          <ListItemContent>
+            <Typography level="title-md">Connections</Typography>
+            <Typography level="body-sm">
+              Activate or deactivate your connections
+            </Typography>
+          </ListItemContent>
+        </AccordionSummary>
+        <AccordionDetails>
+          <Stack spacing={1.5}>
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <AirplanemodeActiveRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Airplane Mode</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <WifiRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Wi-Fi</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <BluetoothRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Bluetooth</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+          </Stack>
+        </AccordionDetails>
+      </Accordion>
+
+      <Accordion>
+        <AccordionSummary>
+          <Avatar color="success">
+            <EditNotificationsRoundedIcon />
+          </Avatar>
+          <ListItemContent>
+            <Typography level="title-md">Notifications</Typography>
+            <Typography level="body-sm">
+              Enable or disable your notifications
+            </Typography>
+          </ListItemContent>
+        </AccordionSummary>
+        <AccordionDetails>
+          <Stack spacing={1.5}>
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <EmailRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>E-mail</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <MessageRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Messages</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <AdUnitsRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Push</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+          </Stack>
+        </AccordionDetails>
+      </Accordion>
+
+      <Accordion>
+        <AccordionSummary>
+          <Avatar color="danger">
+            <AccessibilityNewRoundedIcon />
+          </Avatar>
+          <ListItemContent>
+            <Typography level="title-md">Accessibility</Typography>
+            <Typography level="body-sm">
+              Toggle your accessibility settings
+            </Typography>
+          </ListItemContent>
+        </AccordionSummary>
+        <AccordionDetails>
+          <Stack spacing={1.5}>
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <ZoomInRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Zoom</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <SpatialTrackingRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Audio Descriptions</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+
+            <FormControl orientation="horizontal" sx={{ gap: 1 }}>
+              <SettingsVoiceRoundedIcon fontSize="xl2" sx={{ mx: 1 }} />
+              <FormLabel>Voice Control</FormLabel>
+              <Switch size="sm" />
+            </FormControl>
+          </Stack>
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionIndicator.js b/docs/data/joy/components/accordion/AccordionIndicator.js
new file mode 100644
index 00000000000000..df9abf631c5e57
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionIndicator.js
@@ -0,0 +1,46 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary, {
+  accordionSummaryClasses,
+} from '@mui/joy/AccordionSummary';
+import AddIcon from '@mui/icons-material/Add';
+
+export default function AccordionIndicator() {
+  return (
+    <AccordionGroup
+      sx={{
+        maxWidth: 400,
+        [`& .${accordionSummaryClasses.indicator}`]: {
+          transition: '0.2s',
+        },
+        [`& [aria-expanded="true"] .${accordionSummaryClasses.indicator}`]: {
+          transform: 'rotate(45deg)',
+        },
+      }}
+    >
+      <Accordion>
+        <AccordionSummary indicator={<AddIcon />}>First accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary indicator={<AddIcon />}>Second accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary indicator={<AddIcon />}>Third accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionIndicator.tsx b/docs/data/joy/components/accordion/AccordionIndicator.tsx
new file mode 100644
index 00000000000000..df9abf631c5e57
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionIndicator.tsx
@@ -0,0 +1,46 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary, {
+  accordionSummaryClasses,
+} from '@mui/joy/AccordionSummary';
+import AddIcon from '@mui/icons-material/Add';
+
+export default function AccordionIndicator() {
+  return (
+    <AccordionGroup
+      sx={{
+        maxWidth: 400,
+        [`& .${accordionSummaryClasses.indicator}`]: {
+          transition: '0.2s',
+        },
+        [`& [aria-expanded="true"] .${accordionSummaryClasses.indicator}`]: {
+          transform: 'rotate(45deg)',
+        },
+      }}
+    >
+      <Accordion>
+        <AccordionSummary indicator={<AddIcon />}>First accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary indicator={<AddIcon />}>Second accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary indicator={<AddIcon />}>Third accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionNoDivider.js b/docs/data/joy/components/accordion/AccordionNoDivider.js
new file mode 100644
index 00000000000000..31677f18bccca0
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionNoDivider.js
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+
+export default function AccordionNoDivider() {
+  return (
+    <AccordionGroup disableDivider sx={{ maxWidth: 400 }}>
+      <Accordion>
+        <AccordionSummary>First accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Second accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Third accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionNoDivider.tsx b/docs/data/joy/components/accordion/AccordionNoDivider.tsx
new file mode 100644
index 00000000000000..31677f18bccca0
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionNoDivider.tsx
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+
+export default function AccordionNoDivider() {
+  return (
+    <AccordionGroup disableDivider sx={{ maxWidth: 400 }}>
+      <Accordion>
+        <AccordionSummary>First accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Second accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Third accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionSizes.js b/docs/data/joy/components/accordion/AccordionSizes.js
new file mode 100644
index 00000000000000..e712a670948a2c
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionSizes.js
@@ -0,0 +1,49 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+import Button from '@mui/joy/Button';
+import ToggleButtonGroup from '@mui/joy/ToggleButtonGroup';
+import Stack from '@mui/joy/Stack';
+
+export default function AccordionSizes() {
+  const [size, setSize] = React.useState('md');
+  return (
+    <Stack spacing={2} sx={{ maxWidth: 400, flex: 1 }}>
+      <ToggleButtonGroup
+        size="sm"
+        buttonFlex={1}
+        value={size}
+        onChange={(event, newValue) => setSize(newValue || size)}
+      >
+        <Button value="sm">Small</Button>
+        <Button value="md">Medium</Button>
+        <Button value="lg">Large</Button>
+      </ToggleButtonGroup>
+      <AccordionGroup size={size}>
+        <Accordion>
+          <AccordionSummary>First accordion</AccordionSummary>
+          <AccordionDetails>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+            tempor incididunt ut labore et dolore magna aliqua.
+          </AccordionDetails>
+        </Accordion>
+        <Accordion>
+          <AccordionSummary>Second accordion</AccordionSummary>
+          <AccordionDetails>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+            tempor incididunt ut labore et dolore magna aliqua.
+          </AccordionDetails>
+        </Accordion>
+        <Accordion>
+          <AccordionSummary>Third accordion</AccordionSummary>
+          <AccordionDetails>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+            tempor incididunt ut labore et dolore magna aliqua.
+          </AccordionDetails>
+        </Accordion>
+      </AccordionGroup>
+    </Stack>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionSizes.tsx b/docs/data/joy/components/accordion/AccordionSizes.tsx
new file mode 100644
index 00000000000000..ac4d69bebe1b36
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionSizes.tsx
@@ -0,0 +1,49 @@
+import * as React from 'react';
+import AccordionGroup, { AccordionGroupProps } from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+import Button from '@mui/joy/Button';
+import ToggleButtonGroup from '@mui/joy/ToggleButtonGroup';
+import Stack from '@mui/joy/Stack';
+
+export default function AccordionSizes() {
+  const [size, setSize] = React.useState<AccordionGroupProps['size']>('md');
+  return (
+    <Stack spacing={2} sx={{ maxWidth: 400, flex: 1 }}>
+      <ToggleButtonGroup
+        size="sm"
+        buttonFlex={1}
+        value={size}
+        onChange={(event, newValue) => setSize(newValue || size)}
+      >
+        <Button value="sm">Small</Button>
+        <Button value="md">Medium</Button>
+        <Button value="lg">Large</Button>
+      </ToggleButtonGroup>
+      <AccordionGroup size={size}>
+        <Accordion>
+          <AccordionSummary>First accordion</AccordionSummary>
+          <AccordionDetails>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+            tempor incididunt ut labore et dolore magna aliqua.
+          </AccordionDetails>
+        </Accordion>
+        <Accordion>
+          <AccordionSummary>Second accordion</AccordionSummary>
+          <AccordionDetails>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+            tempor incididunt ut labore et dolore magna aliqua.
+          </AccordionDetails>
+        </Accordion>
+        <Accordion>
+          <AccordionSummary>Third accordion</AccordionSummary>
+          <AccordionDetails>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+            tempor incididunt ut labore et dolore magna aliqua.
+          </AccordionDetails>
+        </Accordion>
+      </AccordionGroup>
+    </Stack>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionStylingExpansion.js b/docs/data/joy/components/accordion/AccordionStylingExpansion.js
new file mode 100644
index 00000000000000..1cc7d7f01a08e5
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionStylingExpansion.js
@@ -0,0 +1,57 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion, { accordionClasses } from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+
+export default function AccordionStylingExpansion() {
+  return (
+    <AccordionGroup
+      sx={{
+        maxWidth: 400,
+        [`& .${accordionClasses.root}`]: {
+          marginTop: '0.5rem',
+          transition: '0.2s ease',
+          '& button:not([aria-expanded="true"])': {
+            transition: '0.2s ease',
+            paddingBottom: '0.625rem',
+          },
+          '& button:hover': {
+            background: 'transparent',
+          },
+        },
+        [`& .${accordionClasses.root}.${accordionClasses.expanded}`]: {
+          bgcolor: 'background.level1',
+          borderRadius: 'md',
+          borderBottom: '1px solid',
+          borderColor: 'background.level2',
+        },
+        '& [aria-expanded="true"]': {
+          boxShadow: (theme) => `inset 0 -1px 0 ${theme.vars.palette.divider}`,
+        },
+      }}
+    >
+      <Accordion>
+        <AccordionSummary>First accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Second accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Third accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionStylingExpansion.tsx b/docs/data/joy/components/accordion/AccordionStylingExpansion.tsx
new file mode 100644
index 00000000000000..1cc7d7f01a08e5
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionStylingExpansion.tsx
@@ -0,0 +1,57 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion, { accordionClasses } from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+
+export default function AccordionStylingExpansion() {
+  return (
+    <AccordionGroup
+      sx={{
+        maxWidth: 400,
+        [`& .${accordionClasses.root}`]: {
+          marginTop: '0.5rem',
+          transition: '0.2s ease',
+          '& button:not([aria-expanded="true"])': {
+            transition: '0.2s ease',
+            paddingBottom: '0.625rem',
+          },
+          '& button:hover': {
+            background: 'transparent',
+          },
+        },
+        [`& .${accordionClasses.root}.${accordionClasses.expanded}`]: {
+          bgcolor: 'background.level1',
+          borderRadius: 'md',
+          borderBottom: '1px solid',
+          borderColor: 'background.level2',
+        },
+        '& [aria-expanded="true"]': {
+          boxShadow: (theme) => `inset 0 -1px 0 ${theme.vars.palette.divider}`,
+        },
+      }}
+    >
+      <Accordion>
+        <AccordionSummary>First accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Second accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary>Third accordion</AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </AccordionDetails>
+      </Accordion>
+    </AccordionGroup>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionTransition.js b/docs/data/joy/components/accordion/AccordionTransition.js
new file mode 100644
index 00000000000000..2f5f074ed35a5d
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionTransition.js
@@ -0,0 +1,84 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+import RadioGroup from '@mui/joy/RadioGroup';
+import Radio from '@mui/joy/Radio';
+import Stack from '@mui/joy/Stack';
+import Typography from '@mui/joy/Typography';
+import HighlightedCode from 'docs/src/modules/components/HighlightedCode';
+import BrandingProvider from 'docs/src/BrandingProvider';
+
+export default function AccordionTransition() {
+  const [transition, setTransition] = React.useState('0.2s ease');
+  return (
+    <Stack alignItems="center" spacing={2} sx={{ flex: 1 }}>
+      <RadioGroup
+        orientation="horizontal"
+        value={transition}
+        onChange={(event) => {
+          setTransition(event.target.value);
+        }}
+      >
+        <Radio value="0.2s ease" label="Easing" />
+        <Radio value="mix" label="Mix" />
+      </RadioGroup>
+      <AccordionGroup
+        transition={
+          transition === 'mix'
+            ? {
+                initial: '0.3s ease-out',
+                expanded: '0.2s ease',
+              }
+            : transition
+        }
+        sx={{ maxWidth: 400 }}
+      >
+        <Accordion>
+          <AccordionSummary>📖 How to animate the panel?</AccordionSummary>
+          <AccordionDetails>
+            <Typography>
+              The AccordionGroup supports the <code>transition</code> prop to
+              customize the animation of the panel. You can provide a <b>string</b>{' '}
+              value or an <b>object</b> to fine tune the animation at the initial and
+              expanded states.
+            </Typography>
+          </AccordionDetails>
+        </Accordion>
+        <Accordion>
+          <AccordionSummary>🤔 Does it work with dynamic height?</AccordionSummary>
+          <AccordionDetails>
+            <Typography>
+              Absolutely yes! an by the way, it is <b>pure CSS</b>.
+            </Typography>
+          </AccordionDetails>
+        </Accordion>
+        <Accordion>
+          <AccordionSummary>🪄 What kind of magic this is?</AccordionSummary>
+          <AccordionDetails>
+            <Typography>
+              The panel is a <b>CSS Grid</b> which can be transitioned by the{' '}
+              <code>grid-template-rows</code> property.
+            </Typography>
+          </AccordionDetails>
+        </Accordion>
+      </AccordionGroup>
+      <Box sx={{ width: '100%' }}>
+        <BrandingProvider>
+          <HighlightedCode
+            code={`<AccordionGroup transition=${
+              transition === 'mix'
+                ? `{{
+  initial: "0.3s ease-out",
+  expanded: "0.2s ease",
+}}`
+                : `"${transition}"`
+            }>`}
+          />
+        </BrandingProvider>
+      </Box>
+    </Stack>
+  );
+}
diff --git a/docs/data/joy/components/accordion/AccordionUsage.js b/docs/data/joy/components/accordion/AccordionUsage.js
new file mode 100644
index 00000000000000..b753b3bd84ac81
--- /dev/null
+++ b/docs/data/joy/components/accordion/AccordionUsage.js
@@ -0,0 +1,143 @@
+import * as React from 'react';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo';
+
+export default function AccordionUsage() {
+  return (
+    <JoyUsageDemo
+      componentName="AccordionGroup"
+      data={[
+        {
+          propName: 'variant',
+          knob: 'radio',
+          defaultValue: 'plain',
+          options: ['plain', 'outlined', 'soft', 'solid'],
+        },
+        {
+          propName: 'color',
+          knob: 'color',
+          defaultValue: 'neutral',
+        },
+        {
+          propName: 'size',
+          knob: 'radio',
+          options: ['sm', 'md', 'lg'],
+          defaultValue: 'md',
+        },
+        {
+          propName: 'disabled',
+          knob: 'switch',
+          defaultValue: false,
+          codeBlockDisplay: false,
+        },
+        {
+          propName: 'children',
+          defaultValue: `$children`,
+        },
+      ]}
+      getCodeBlock={(code, props) =>
+        code.replace(
+          '$children',
+          `<Accordion${props.disabled ? ' disabled' : ''}${
+            props.variant === 'solid'
+              ? ` variant=${props.variant} color=${props.color}`
+              : ''
+          }>
+    <AccordionSummary${
+      props.variant === 'solid'
+        ? ` variant=${props.variant} color=${props.color}`
+        : ''
+    }>Title</AccordionSummary>
+    <AccordionDetails${
+      props.variant === 'solid'
+        ? ` variant=${props.variant} color=${props.color}`
+        : ''
+    }>Content</AccordionDetails>
+  </Accordion>`,
+        )
+      }
+      renderDemo={({ disabled, ...props }) => (
+        <AccordionGroup
+          {...props}
+          sx={{ width: 300, maxWidth: '100%', alignSelf: 'flex-start', mb: 3 }}
+        >
+          <Accordion
+            {...(props.variant === 'solid' && {
+              variant: 'solid',
+              color: props.color,
+            })}
+            disabled={disabled}
+          >
+            <AccordionSummary
+              {...(props.variant === 'solid' && {
+                variant: 'solid',
+                color: props.color,
+              })}
+            >
+              First Header
+            </AccordionSummary>
+            <AccordionDetails
+              {...(props.variant === 'solid' && {
+                variant: 'solid',
+                color: props.color,
+              })}
+            >
+              Content of the first accordion.
+            </AccordionDetails>
+          </Accordion>
+          <Accordion
+            disabled={disabled}
+            {...(props.variant === 'solid' && {
+              variant: 'solid',
+              color: props.color,
+            })}
+          >
+            <AccordionSummary
+              {...(props.variant === 'solid' && {
+                variant: 'solid',
+                color: props.color,
+              })}
+            >
+              Second Header
+            </AccordionSummary>
+            <AccordionDetails
+              {...(props.variant === 'solid' && {
+                variant: 'solid',
+                color: props.color,
+              })}
+            >
+              Content of the second accordion.
+            </AccordionDetails>
+          </Accordion>
+          <Accordion
+            disabled={disabled}
+            {...(props.variant === 'solid' && {
+              variant: 'solid',
+              color: props.color,
+            })}
+          >
+            <AccordionSummary
+              {...(props.variant === 'solid' && {
+                variant: 'solid',
+                color: props.color,
+              })}
+            >
+              Third Header
+            </AccordionSummary>
+            <AccordionDetails
+              {...(props.variant === 'solid' && {
+                variant: 'solid',
+                color: props.color,
+              })}
+            >
+              Content of the third accordion.
+            </AccordionDetails>
+          </Accordion>
+        </AccordionGroup>
+      )}
+    />
+  );
+}
diff --git a/docs/data/joy/components/accordion/accordion.md b/docs/data/joy/components/accordion/accordion.md
index 59b09033748696..a65815de554f0b 100644
--- a/docs/data/joy/components/accordion/accordion.md
+++ b/docs/data/joy/components/accordion/accordion.md
@@ -1,6 +1,7 @@
 ---
 productId: joy-ui
 title: React Accordion component
+components: Accordion, AccordionDetails, AccordionGroup, AccordionSummary
 githubLabel: 'component: accordion'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/accordion/
 ---
@@ -9,53 +10,107 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/accordion/
 
 <p class="description">Accordions let users show and hide sections of related content on a page.</p>
 
+## Introduction
+
+Joy UI provides four accordion-related components:
+
+- [`AccordionGroup`](#basic-usage): A container that groups multiple accordions. It **does not** control the state of each accordion.
+- [`Accordion`](#basic-usage): A component that contains the expansion logic and send to AccordionSummary and AccordionDetails.
+- [`AccordionSummary`](#basic-usage): A header of the accordion which contain a button that triggers the expansion.
+- [`AccordionDetails`](#basic-usage): A wrapper for the accordion details.
+
+{{"demo": "AccordionUsage.js", "hideToolbar": true, "bg": "gradient"}}
+
+## Basics
+
+```jsx
+import Accordion from '@mui/joy/Accordion';
+import AccordionDetails from '@mui/joy/AccordionDetails';
+import AccordionGroup from '@mui/joy/AccordionGroup';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+```
+
+{{"demo": "AccordionBasic.js"}}
+
+## Customization
+
+### Sizes
+
+The AccordionGroup component comes in three sizes: `sm`, `md` (default), and `lg`.
+
+{{"demo": "AccordionSizes.js"}}
+
 :::info
-💡 The Joy UI Accordion component is still in development.
-If you're in need of it, please upvote [**this GitHub issue**](https://github.com/mui/material-ui/issues/36281) to help us prioritize the next batch of new components.
+To learn how to add custom sizes to the component, check out [Themed components—Extend sizes](/joy-ui/customization/themed-components/#extend-sizes).
 :::
 
-## Integration with headless UI libraries
+### Controlled accordion
+
+Use the `expanded` prop to control the expansion state of the accordion and listen to the expansion event via `onChange` prop.
+
+{{"demo": "AccordionControlled.js"}}
+
+### Disabled
+
+Use the `disabled` prop to disable the accordion trigger.
+
+{{"demo": "AccordionDisabled.js"}}
+
+:::info
+Note: the `disabled` prop only disables the accordion trigger, not the accordion content.
+:::
+
+### Removing divider
+
+Use `disableDivider` prop on the Accordion Group component to hide the divider between accordions.
+
+{{"demo": "AccordionNoDivider.js"}}
+
+:::info
+**Good to know**: the reason that ListDivider can be used is because the accordion family reuses styles from the [List](/joy-ui/react-list/) family.
+:::
+
+### Animating the expansion
+
+Use `transition` prop to animate the expansion. The value can be a **string** if you want the transition to be the same for initial and expanded states, or an **object** if you want to customize the transition for each state.
+
+The object value can contain the following keys:
+
+- `initial`: the transition when the accordion is closed
+- `expanded`: the transition when the accordion is open
+
+{{"demo": "AccordionTransition.js", "hideToolbar": true}}
+
+### Indicator
 
-In the meantime, you can still adopt Joy UI today for building an accordion!
+Use `indicator` prop to customize the indicator of the accordion.
 
-This document shows how to construct it with existing Joy UI components combined with popular headless UI libraries.
+{{"demo": "AccordionIndicator.js"}}
 
-### Using the List component
+### Styling on expansion
 
-Joy UI's [List](/joy-ui/react-list/) components are perfect for building accordions because they stack vertically with an equal width.
+Use `sx` prop on the AccordionGroup to style all the accordions at once.
 
-- `<List />` - Wraps the accordion and sets `component="div"` to remove it from the accessibility tree.
-- `<ListItemButton />` - The accordion header that toggles the visibility of the content.
-- `<ListItem />` - The content container.
+{{"demo": "AccordionStylingExpansion.js"}}
 
-### With Radix UI
+## Common examples
 
-Use Joy UI List components as a starting point and pass Radix's Accordion to `component` prop. Radix will enhance the functionalities by preserving the styles of Joy UI components.
+### Depth panel
 
-Animation is created by targeting a CSS variable, `--radix-accordion-content-height`, provided by Radix Accordion. In this demo, it uses `@mui/system` keyframes API, same as [emotion's keyframes](https://emotion.sh/docs/keyframes), to build the animation stylesheet.
+This example shows how to customize the accordion to create lines and depth to make it looks more realistic.
 
-- [Install Radix UI's Accordion](https://www.radix-ui.com/docs/primitives/components/accordion#installation)
-- [Accordion component documentation](https://www.radix-ui.com/docs/primitives/components/accordion)
+{{"demo": "AccordionDepthPanel.js"}}
 
-<iframe src="https://codesandbox.io/embed/joy-ui-feat-radix-accordion-4n2p04?module=%2Fdemo.tsx&fontsize=14&hidenavigation=1&theme=dark&view=preview"
-     style="width:100%; height:360px; border:2; border-radius: 12px; overflow:hidden;"
-     title="Joy UI feat. Radix UI Accordion"
-     allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
-     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-   ></iframe>
+### User settings
 
-### With Headless UI
+This example shows how to customize the accordion and craft diverse compositions using additional components.
 
-Use Joy UI List components as a starting point and pass Headless UI's Accordion to `component` prop. Headless UI will enhance the functionalities by preserving the styles of Joy UI components.
+{{"demo": "AccordionFilter.js"}}
 
-Headless UI does not provide an API to create animation so you have to use other libraries or build it yourself.
+## Accessibility
 
-- [Install Headless UI](https://headlessui.com/react/disclosure#installation)
-- [Disclosure component documentation](https://headlessui.com/react/disclosure)
+The built-in accessibility of the accordion follows [WAI-ARIA Authoring Practices](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/).
 
-<iframe src="https://codesandbox.io/embed/joy-ui-feat-headless-ui-disclosure-g2mqpr?module=%2Fdemo.tsx&fontsize=14&hidenavigation=1&theme=dark&view=preview"
-     style="width:100%; height:360px; border:2; border-radius: 12px; overflow:hidden;"
-     title="Joy UI feat. Headless UI Disclosure"
-     allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
-     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-   ></iframe>
+- The accordion summary has a root slot (`div`) that can be changed, for example using `h3`, based on the hierarchy of the accordion.
+- The accordion summary contains a button with `aria-expanded` and `aria-controls` attributes.
+- The accordion details contains a div with `role="region"` and `aria-labelledby` attributes.
diff --git a/docs/data/joy/components/alert/AlertUsage.js b/docs/data/joy/components/alert/AlertUsage.js
index 4df19557f68e39..eb33a6de54663a 100644
--- a/docs/data/joy/components/alert/AlertUsage.js
+++ b/docs/data/joy/components/alert/AlertUsage.js
@@ -10,7 +10,7 @@ export default function AlertUsage() {
         {
           propName: 'variant',
           knob: 'radio',
-          defaultValue: 'outlined',
+          defaultValue: 'soft',
           options: ['plain', 'outlined', 'soft', 'solid'],
         },
         {
diff --git a/docs/data/joy/components/aspect-ratio/CarouselRatio.js b/docs/data/joy/components/aspect-ratio/CarouselRatio.js
index 6dd36bf6b53457..4cc30969b9afbc 100644
--- a/docs/data/joy/components/aspect-ratio/CarouselRatio.js
+++ b/docs/data/joy/components/aspect-ratio/CarouselRatio.js
@@ -42,8 +42,8 @@ export default function CarouselRatio() {
         <Card orientation="horizontal" size="sm" key={item.title} variant="outlined">
           <AspectRatio ratio="1" sx={{ minWidth: 60 }}>
             <img
-              src={`${item.src}?h=120&fit=crop&auto=format`}
               srcSet={`${item.src}?h=120&fit=crop&auto=format&dpr=2 2x`}
+              src={`${item.src}?h=120&fit=crop&auto=format`}
               alt={item.title}
             />
           </AspectRatio>
diff --git a/docs/data/joy/components/aspect-ratio/CarouselRatio.tsx b/docs/data/joy/components/aspect-ratio/CarouselRatio.tsx
index 6dd36bf6b53457..4cc30969b9afbc 100644
--- a/docs/data/joy/components/aspect-ratio/CarouselRatio.tsx
+++ b/docs/data/joy/components/aspect-ratio/CarouselRatio.tsx
@@ -42,8 +42,8 @@ export default function CarouselRatio() {
         <Card orientation="horizontal" size="sm" key={item.title} variant="outlined">
           <AspectRatio ratio="1" sx={{ minWidth: 60 }}>
             <img
-              src={`${item.src}?h=120&fit=crop&auto=format`}
               srcSet={`${item.src}?h=120&fit=crop&auto=format&dpr=2 2x`}
+              src={`${item.src}?h=120&fit=crop&auto=format`}
               alt={item.title}
             />
           </AspectRatio>
diff --git a/docs/data/joy/components/aspect-ratio/CarouselRatio.tsx.preview b/docs/data/joy/components/aspect-ratio/CarouselRatio.tsx.preview
index eba9b94163d2d1..db4b39465714f0 100644
--- a/docs/data/joy/components/aspect-ratio/CarouselRatio.tsx.preview
+++ b/docs/data/joy/components/aspect-ratio/CarouselRatio.tsx.preview
@@ -2,8 +2,8 @@
   <Card orientation="horizontal" size="sm" key={item.title} variant="outlined">
     <AspectRatio ratio="1" sx={{ minWidth: 60 }}>
       <img
-        src={`${item.src}?h=120&fit=crop&auto=format`}
         srcSet={`${item.src}?h=120&fit=crop&auto=format&dpr=2 2x`}
+        src={`${item.src}?h=120&fit=crop&auto=format`}
         alt={item.title}
       />
     </AspectRatio>
diff --git a/docs/data/joy/components/aspect-ratio/FlexAspectRatio.js b/docs/data/joy/components/aspect-ratio/FlexAspectRatio.js
new file mode 100644
index 00000000000000..77231380c14406
--- /dev/null
+++ b/docs/data/joy/components/aspect-ratio/FlexAspectRatio.js
@@ -0,0 +1,51 @@
+import * as React from 'react';
+import AspectRatio from '@mui/joy/AspectRatio';
+import Button from '@mui/joy/Button';
+import Card from '@mui/joy/Card';
+import CardContent from '@mui/joy/CardContent';
+import CardActions from '@mui/joy/CardActions';
+import Typography from '@mui/joy/Typography';
+import Stack from '@mui/joy/Stack';
+import FormControl from '@mui/joy/FormControl';
+import FormLabel from '@mui/joy/FormLabel';
+import Switch from '@mui/joy/Switch';
+
+export default function FlexAspectRatio() {
+  const [flex, setFlex] = React.useState(false);
+  return (
+    <Stack spacing={2} alignItems="center">
+      <FormControl orientation="horizontal">
+        <FormLabel>Flex</FormLabel>
+        <Switch checked={flex} onChange={(event) => setFlex(event.target.checked)} />
+      </FormControl>
+      <Card
+        orientation="horizontal"
+        variant="outlined"
+        sx={{ boxShadow: 'none', resize: 'horizontal', overflow: 'auto' }}
+      >
+        <AspectRatio ratio="21/9" flex={flex} sx={{ flexBasis: 200 }}>
+          <Typography level="h1" component="div">
+            21 / 9
+          </Typography>
+        </AspectRatio>
+        <CardContent>
+          <Typography level="body-xs">20 APR 2023</Typography>
+          <Typography level="title-lg" component="div">
+            Widget Title
+          </Typography>
+          <Typography level="body-lg">
+            Lorem ipsum is placeholder text commonly used in the graphic.
+          </Typography>
+          <CardActions buttonFlex="none">
+            <Button variant="outlined" color="neutral" size="sm">
+              See details
+            </Button>
+            <Button variant="solid" color="neutral" size="sm">
+              Learn more
+            </Button>
+          </CardActions>
+        </CardContent>
+      </Card>
+    </Stack>
+  );
+}
diff --git a/docs/data/joy/components/aspect-ratio/FlexAspectRatio.tsx b/docs/data/joy/components/aspect-ratio/FlexAspectRatio.tsx
new file mode 100644
index 00000000000000..77231380c14406
--- /dev/null
+++ b/docs/data/joy/components/aspect-ratio/FlexAspectRatio.tsx
@@ -0,0 +1,51 @@
+import * as React from 'react';
+import AspectRatio from '@mui/joy/AspectRatio';
+import Button from '@mui/joy/Button';
+import Card from '@mui/joy/Card';
+import CardContent from '@mui/joy/CardContent';
+import CardActions from '@mui/joy/CardActions';
+import Typography from '@mui/joy/Typography';
+import Stack from '@mui/joy/Stack';
+import FormControl from '@mui/joy/FormControl';
+import FormLabel from '@mui/joy/FormLabel';
+import Switch from '@mui/joy/Switch';
+
+export default function FlexAspectRatio() {
+  const [flex, setFlex] = React.useState(false);
+  return (
+    <Stack spacing={2} alignItems="center">
+      <FormControl orientation="horizontal">
+        <FormLabel>Flex</FormLabel>
+        <Switch checked={flex} onChange={(event) => setFlex(event.target.checked)} />
+      </FormControl>
+      <Card
+        orientation="horizontal"
+        variant="outlined"
+        sx={{ boxShadow: 'none', resize: 'horizontal', overflow: 'auto' }}
+      >
+        <AspectRatio ratio="21/9" flex={flex} sx={{ flexBasis: 200 }}>
+          <Typography level="h1" component="div">
+            21 / 9
+          </Typography>
+        </AspectRatio>
+        <CardContent>
+          <Typography level="body-xs">20 APR 2023</Typography>
+          <Typography level="title-lg" component="div">
+            Widget Title
+          </Typography>
+          <Typography level="body-lg">
+            Lorem ipsum is placeholder text commonly used in the graphic.
+          </Typography>
+          <CardActions buttonFlex="none">
+            <Button variant="outlined" color="neutral" size="sm">
+              See details
+            </Button>
+            <Button variant="solid" color="neutral" size="sm">
+              Learn more
+            </Button>
+          </CardActions>
+        </CardContent>
+      </Card>
+    </Stack>
+  );
+}
diff --git a/docs/data/joy/components/aspect-ratio/FlexRowRatio.js b/docs/data/joy/components/aspect-ratio/FlexRowRatio.js
index f49c7fedcb5fd5..7b9a3b58e00f42 100644
--- a/docs/data/joy/components/aspect-ratio/FlexRowRatio.js
+++ b/docs/data/joy/components/aspect-ratio/FlexRowRatio.js
@@ -11,7 +11,12 @@ export default function FlexRowRatio() {
   const [flexBasis, setFlexBasis] = React.useState(200);
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-      <Card variant="outlined" orientation="horizontal" sx={{ minWidth: 300 }}>
+      <Card
+        variant="outlined"
+        size="sm"
+        orientation="horizontal"
+        sx={{ gap: 2, minWidth: 300 }}
+      >
         <AspectRatio
           sx={{
             flexBasis: flexBasis ? `${flexBasis}px` : undefined,
diff --git a/docs/data/joy/components/aspect-ratio/FlexRowRatio.tsx b/docs/data/joy/components/aspect-ratio/FlexRowRatio.tsx
index f49c7fedcb5fd5..7b9a3b58e00f42 100644
--- a/docs/data/joy/components/aspect-ratio/FlexRowRatio.tsx
+++ b/docs/data/joy/components/aspect-ratio/FlexRowRatio.tsx
@@ -11,7 +11,12 @@ export default function FlexRowRatio() {
   const [flexBasis, setFlexBasis] = React.useState(200);
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-      <Card variant="outlined" orientation="horizontal" sx={{ minWidth: 300 }}>
+      <Card
+        variant="outlined"
+        size="sm"
+        orientation="horizontal"
+        sx={{ gap: 2, minWidth: 300 }}
+      >
         <AspectRatio
           sx={{
             flexBasis: flexBasis ? `${flexBasis}px` : undefined,
diff --git a/docs/data/joy/components/aspect-ratio/ListStackRatio.js b/docs/data/joy/components/aspect-ratio/ListStackRatio.js
index 040e2e7b7e424b..494726bc159c44 100644
--- a/docs/data/joy/components/aspect-ratio/ListStackRatio.js
+++ b/docs/data/joy/components/aspect-ratio/ListStackRatio.js
@@ -36,8 +36,8 @@ export default function ListStackRatio() {
               <ListItemButton sx={{ gap: 2 }}>
                 <AspectRatio sx={{ flexBasis: 120 }}>
                   <img
-                    src={`${item.src}?w=120&fit=crop&auto=format`}
                     srcSet={`${item.src}?w=120&fit=crop&auto=format&dpr=2 2x`}
+                    src={`${item.src}?w=120&fit=crop&auto=format`}
                     alt={item.title}
                   />
                 </AspectRatio>
diff --git a/docs/data/joy/components/aspect-ratio/ListStackRatio.tsx b/docs/data/joy/components/aspect-ratio/ListStackRatio.tsx
index 040e2e7b7e424b..494726bc159c44 100644
--- a/docs/data/joy/components/aspect-ratio/ListStackRatio.tsx
+++ b/docs/data/joy/components/aspect-ratio/ListStackRatio.tsx
@@ -36,8 +36,8 @@ export default function ListStackRatio() {
               <ListItemButton sx={{ gap: 2 }}>
                 <AspectRatio sx={{ flexBasis: 120 }}>
                   <img
-                    src={`${item.src}?w=120&fit=crop&auto=format`}
                     srcSet={`${item.src}?w=120&fit=crop&auto=format&dpr=2 2x`}
+                    src={`${item.src}?w=120&fit=crop&auto=format`}
                     alt={item.title}
                   />
                 </AspectRatio>
diff --git a/docs/data/joy/components/aspect-ratio/aspect-ratio.md b/docs/data/joy/components/aspect-ratio/aspect-ratio.md
index e6f36128fdc389..963cf765b433f9 100644
--- a/docs/data/joy/components/aspect-ratio/aspect-ratio.md
+++ b/docs/data/joy/components/aspect-ratio/aspect-ratio.md
@@ -46,7 +46,7 @@ Note that you lose the global variants when you add custom variants.
 
 ### Ratio
 
-Use the `ratio` prop to change the aspect ratio, following the pattern `height/width`.
+Use the `ratio` prop to change the aspect ratio, following the pattern `width/height`.
 For example, the demo below uses a ratio of `4/3`, which is a common alternative to the default `16/9`:
 
 {{"demo": "CustomRatio.js"}}
@@ -82,6 +82,10 @@ When the Aspect Ratio component is a child of a flexbox `row` container, use `fl
 
 {{"demo": "FlexRowRatio.js"}}
 
+By default, the Aspect Ratio component will retain the provided aspect ratio. If you want the Aspect Ratio component to fill the vertical space, set the `flex` prop to `true`:
+
+{{"demo": "FlexAspectRatio.js"}}
+
 ## Using with Next.js Image
 
 The Aspect Ratio component can be used with a [Next.js Image](https://nextjs.org/docs/app/building-your-application/optimizing/images) component as a child.
diff --git a/docs/data/joy/components/autocomplete/Asynchronous.js b/docs/data/joy/components/autocomplete/Asynchronous.js
index a449988fc78e95..82c987f77d8ea6 100644
--- a/docs/data/joy/components/autocomplete/Asynchronous.js
+++ b/docs/data/joy/components/autocomplete/Asynchronous.js
@@ -4,9 +4,11 @@ import FormLabel from '@mui/joy/FormLabel';
 import Autocomplete from '@mui/joy/Autocomplete';
 import CircularProgress from '@mui/joy/CircularProgress';
 
-function sleep(delay = 0) {
+function sleep(duration) {
   return new Promise((resolve) => {
-    setTimeout(resolve, delay);
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
 
diff --git a/docs/data/joy/components/autocomplete/Asynchronous.tsx b/docs/data/joy/components/autocomplete/Asynchronous.tsx
index e1379748d3c5bc..36c52369e77e78 100644
--- a/docs/data/joy/components/autocomplete/Asynchronous.tsx
+++ b/docs/data/joy/components/autocomplete/Asynchronous.tsx
@@ -4,9 +4,11 @@ import FormLabel from '@mui/joy/FormLabel';
 import Autocomplete from '@mui/joy/Autocomplete';
 import CircularProgress from '@mui/joy/CircularProgress';
 
-function sleep(delay = 0) {
-  return new Promise((resolve) => {
-    setTimeout(resolve, delay);
+function sleep(duration: number): Promise<void> {
+  return new Promise<void>((resolve) => {
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
 
diff --git a/docs/data/joy/components/autocomplete/CountrySelect.js b/docs/data/joy/components/autocomplete/CountrySelect.js
index 3d0d980b6f6b3b..4a90f3cd76af86 100644
--- a/docs/data/joy/components/autocomplete/CountrySelect.js
+++ b/docs/data/joy/components/autocomplete/CountrySelect.js
@@ -25,8 +25,8 @@ export default function CountrySelect() {
             <img
               loading="lazy"
               width="20"
-              src={`https://flagcdn.com/w20/${option.code.toLowerCase()}.png`}
               srcSet={`https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`}
+              src={`https://flagcdn.com/w20/${option.code.toLowerCase()}.png`}
               alt=""
             />
           </ListItemDecorator>
diff --git a/docs/data/joy/components/autocomplete/CountrySelect.tsx b/docs/data/joy/components/autocomplete/CountrySelect.tsx
index 3d0d980b6f6b3b..4a90f3cd76af86 100644
--- a/docs/data/joy/components/autocomplete/CountrySelect.tsx
+++ b/docs/data/joy/components/autocomplete/CountrySelect.tsx
@@ -25,8 +25,8 @@ export default function CountrySelect() {
             <img
               loading="lazy"
               width="20"
-              src={`https://flagcdn.com/w20/${option.code.toLowerCase()}.png`}
               srcSet={`https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`}
+              src={`https://flagcdn.com/w20/${option.code.toLowerCase()}.png`}
               alt=""
             />
           </ListItemDecorator>
diff --git a/docs/data/joy/components/autocomplete/FreeSoloCreateOptionDialog.js b/docs/data/joy/components/autocomplete/FreeSoloCreateOptionDialog.js
index ccc540e804c1f1..9035d29c01b11d 100644
--- a/docs/data/joy/components/autocomplete/FreeSoloCreateOptionDialog.js
+++ b/docs/data/joy/components/autocomplete/FreeSoloCreateOptionDialog.js
@@ -80,7 +80,7 @@ export default function FreeSoloCreateOptionDialog() {
           }}
           options={top100Films}
           getOptionLabel={(option) => {
-            // e.g value selected with enter, right from the input
+            // e.g. value selected with enter, right from the input
             if (typeof option === 'string') {
               return option;
             }
diff --git a/docs/data/joy/components/autocomplete/FreeSoloCreateOptionDialog.tsx b/docs/data/joy/components/autocomplete/FreeSoloCreateOptionDialog.tsx
index 0c7439a1936bdc..f0931094d3d28c 100644
--- a/docs/data/joy/components/autocomplete/FreeSoloCreateOptionDialog.tsx
+++ b/docs/data/joy/components/autocomplete/FreeSoloCreateOptionDialog.tsx
@@ -80,7 +80,7 @@ export default function FreeSoloCreateOptionDialog() {
           }}
           options={top100Films}
           getOptionLabel={(option) => {
-            // e.g value selected with enter, right from the input
+            // e.g. value selected with enter, right from the input
             if (typeof option === 'string') {
               return option;
             }
diff --git a/docs/data/joy/components/autocomplete/Playground.js b/docs/data/joy/components/autocomplete/Playground.js
index 71cd6c843bf46f..72349f25ee5964 100644
--- a/docs/data/joy/components/autocomplete/Playground.js
+++ b/docs/data/joy/components/autocomplete/Playground.js
@@ -24,7 +24,7 @@ export default function Playground() {
   });
 
   return (
-    <Box>
+    <div>
       <Box
         sx={{
           mt: 3,
@@ -277,7 +277,7 @@ export default function Playground() {
           </ListItem>
         </List>
       </Box>
-    </Box>
+    </div>
   );
 }
 
diff --git a/docs/data/joy/components/autocomplete/Virtualize.js b/docs/data/joy/components/autocomplete/Virtualize.js
index 8a90d6d736b3dd..68044789df887b 100644
--- a/docs/data/joy/components/autocomplete/Virtualize.js
+++ b/docs/data/joy/components/autocomplete/Virtualize.js
@@ -56,6 +56,7 @@ const OuterElementType = React.forwardRef((props, ref) => {
 });
 
 // Adapter for react-window
+
 const ListboxComponent = React.forwardRef(function ListboxComponent(props, ref) {
   const { children, anchorEl, open, modifiers, ...other } = props;
   const itemData = [];
diff --git a/docs/data/joy/components/autocomplete/autocomplete.md b/docs/data/joy/components/autocomplete/autocomplete.md
index 38ad1ba96c0aee..5368acaf2b8b82 100644
--- a/docs/data/joy/components/autocomplete/autocomplete.md
+++ b/docs/data/joy/components/autocomplete/autocomplete.md
@@ -173,7 +173,7 @@ You could also display a dialog when the user wants to add a new value.
 {{"demo": "FreeSoloCreateOptionDialog.js"}}
 
 :::info
-The `AutocompleteOption` uses the same styles and variables as [`ListItemButton`](/joy-ui/react-list/#actionable), so that you get the same customization experience.
+The `AutocompleteOption` uses the same styles and variables as [`ListItemButton`](/joy-ui/react-list/#interactive-list-items), so that you get the same customization experience.
 :::
 
 ### Validation
@@ -265,6 +265,12 @@ const filterOptions = (options, { inputValue }) => matchSorter(options, inputVal
 <Autocomplete filterOptions={filterOptions} />;
 ```
 
+## CSS variables playground
+
+The Autocomplete component reuses CSS variables from the Input component to give you the consistent customization experience.
+
+{{"demo": "AutocompleteVariables.js", "hideToolbar": true, "bg": "gradient"}}
+
 ## Common examples
 
 ### Hint
@@ -307,12 +313,6 @@ If you would like to prevent the default key handler behavior, you can set the e
 />
 ```
 
-## CSS Variables
-
-The Autocomplete component reuses CSS variables from the Input component to give you the consistent customization experience.
-
-{{"demo": "AutocompleteVariables.js", "hideToolbar": true}}
-
 ## Limitations
 
 ### autocomplete/autofill
diff --git a/docs/data/joy/components/avatar/avatar.md b/docs/data/joy/components/avatar/avatar.md
index 6df65dc0e89519..ff869e3294c58e 100644
--- a/docs/data/joy/components/avatar/avatar.md
+++ b/docs/data/joy/components/avatar/avatar.md
@@ -131,12 +131,12 @@ Combine the Avatar component with the [Badge](/joy-ui/react-badge/) to visually
 
 {{"demo": "BadgeAvatars.js"}}
 
-## CSS variable playground
+## CSS variables playground
 
 Play around with the CSS variables available to the Avatar component to see how the design changes.
 You can use these to customize the component with both the `sx` prop and the theme.
 
-{{"demo": "AvatarGroupVariables.js", "hideToolbar": true }}
+{{"demo": "AvatarGroupVariables.js", "hideToolbar": true, "bg": "gradient"}}
 
 ## Anatomy
 
diff --git a/docs/data/joy/components/breadcrumbs/breadcrumbs.md b/docs/data/joy/components/breadcrumbs/breadcrumbs.md
index d9c17584ac3e36..42bf40566b8e99 100644
--- a/docs/data/joy/components/breadcrumbs/breadcrumbs.md
+++ b/docs/data/joy/components/breadcrumbs/breadcrumbs.md
@@ -65,6 +65,13 @@ The demo below shows how to add an icon to the Link with `startDecorator` and ch
 
 {{"demo": "BreadcrumbsWithIcon.js"}}
 
+## CSS variables playground
+
+Play around with the CSS variables available to the Breadcrumbs component to see how the design changes.
+You can use these to customize the component with both the `sx` prop and the theme.
+
+{{"demo": "BreadcrumbsVariables.js", "hideToolbar": true, "bg": "gradient"}}
+
 ## Common examples
 
 ### Condensed Breadcrumbs
@@ -84,13 +91,6 @@ As an alternative to the behavior of the condensed demo above, consider adding a
 
 {{"demo": "BreadcrumbsWithMenu.js"}}
 
-## CSS variable playground
-
-Play around with the CSS variables available to the Breadcrumbs component to see how the design changes.
-You can use these to customize the component with both the `sx` prop and the theme.
-
-{{"demo": "BreadcrumbsVariables.js", "hideToolbar": true}}
-
 ## Accessibility
 
 (WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/)
diff --git a/docs/data/joy/components/button-group/SplitButton.js b/docs/data/joy/components/button-group/SplitButton.js
index fc1d5dbe2e0c2b..40b68f3ac669f8 100644
--- a/docs/data/joy/components/button-group/SplitButton.js
+++ b/docs/data/joy/components/button-group/SplitButton.js
@@ -38,11 +38,9 @@ export default function SplitButton() {
           aria-label="select merge strategy"
           aria-haspopup="menu"
           onMouseDown={() => {
-            // @ts-ignore
             actionRef.current = () => setOpen(!open);
           }}
           onKeyDown={() => {
-            // @ts-ignore
             actionRef.current = () => setOpen(!open);
           }}
           onClick={() => {
diff --git a/docs/data/joy/components/button/ButtonDisabled.js b/docs/data/joy/components/button/ButtonDisabled.js
index a7ca9574d455ad..d9906283713ba0 100644
--- a/docs/data/joy/components/button/ButtonDisabled.js
+++ b/docs/data/joy/components/button/ButtonDisabled.js
@@ -1,20 +1,21 @@
 import * as React from 'react';
 import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
+import Add from '@mui/icons-material/Add';
 
 export default function ButtonDisabled() {
   return (
     <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap' }}>
-      <Button disabled variant="solid">
+      <Button disabled variant="solid" startDecorator={<Add />}>
         Solid
       </Button>
-      <Button disabled variant="soft">
+      <Button disabled color="neutral" variant="soft" startDecorator={<Add />}>
         Soft
       </Button>
-      <Button disabled variant="outlined">
+      <Button disabled color="success" variant="outlined" startDecorator={<Add />}>
         Outlined
       </Button>
-      <Button disabled variant="plain">
+      <Button disabled color="danger" variant="plain" startDecorator={<Add />}>
         Plain
       </Button>
     </Box>
diff --git a/docs/data/joy/components/button/ButtonDisabled.tsx b/docs/data/joy/components/button/ButtonDisabled.tsx
index a7ca9574d455ad..d9906283713ba0 100644
--- a/docs/data/joy/components/button/ButtonDisabled.tsx
+++ b/docs/data/joy/components/button/ButtonDisabled.tsx
@@ -1,20 +1,21 @@
 import * as React from 'react';
 import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
+import Add from '@mui/icons-material/Add';
 
 export default function ButtonDisabled() {
   return (
     <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap' }}>
-      <Button disabled variant="solid">
+      <Button disabled variant="solid" startDecorator={<Add />}>
         Solid
       </Button>
-      <Button disabled variant="soft">
+      <Button disabled color="neutral" variant="soft" startDecorator={<Add />}>
         Soft
       </Button>
-      <Button disabled variant="outlined">
+      <Button disabled color="success" variant="outlined" startDecorator={<Add />}>
         Outlined
       </Button>
-      <Button disabled variant="plain">
+      <Button disabled color="danger" variant="plain" startDecorator={<Add />}>
         Plain
       </Button>
     </Box>
diff --git a/docs/data/joy/components/button/ButtonDisabled.tsx.preview b/docs/data/joy/components/button/ButtonDisabled.tsx.preview
index 581633010eb3c6..13ea946ce28f36 100644
--- a/docs/data/joy/components/button/ButtonDisabled.tsx.preview
+++ b/docs/data/joy/components/button/ButtonDisabled.tsx.preview
@@ -1,12 +1,12 @@
-<Button disabled variant="solid">
+<Button disabled variant="solid" startDecorator={<Add />}>
   Solid
 </Button>
-<Button disabled variant="soft">
+<Button disabled color="neutral" variant="soft" startDecorator={<Add />}>
   Soft
 </Button>
-<Button disabled variant="outlined">
+<Button disabled color="success" variant="outlined" startDecorator={<Add />}>
   Outlined
 </Button>
-<Button disabled variant="plain">
+<Button disabled color="danger" variant="plain" startDecorator={<Add />}>
   Plain
 </Button>
\ No newline at end of file
diff --git a/docs/data/joy/components/button/ButtonIcons.js b/docs/data/joy/components/button/ButtonIcons.js
index 92f1fad0a6e88b..9f5ae31a1952ab 100644
--- a/docs/data/joy/components/button/ButtonIcons.js
+++ b/docs/data/joy/components/button/ButtonIcons.js
@@ -3,17 +3,13 @@ import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Add from '@mui/icons-material/Add';
 import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
-import ThumbUp from '@mui/icons-material/ThumbUp';
 
 export default function ButtonIcons() {
   return (
     <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap' }}>
       <Button startDecorator={<Add />}>Add to cart</Button>
-      <Button aria-label="Like" variant="outlined" color="neutral">
-        <ThumbUp />
-      </Button>
-      <Button variant="soft" endDecorator={<KeyboardArrowRight />} color="success">
-        Checkout
+      <Button endDecorator={<KeyboardArrowRight />} color="success">
+        Go to checkout
       </Button>
     </Box>
   );
diff --git a/docs/data/joy/components/button/ButtonIcons.tsx b/docs/data/joy/components/button/ButtonIcons.tsx
index 92f1fad0a6e88b..9f5ae31a1952ab 100644
--- a/docs/data/joy/components/button/ButtonIcons.tsx
+++ b/docs/data/joy/components/button/ButtonIcons.tsx
@@ -3,17 +3,13 @@ import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Add from '@mui/icons-material/Add';
 import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
-import ThumbUp from '@mui/icons-material/ThumbUp';
 
 export default function ButtonIcons() {
   return (
     <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap' }}>
       <Button startDecorator={<Add />}>Add to cart</Button>
-      <Button aria-label="Like" variant="outlined" color="neutral">
-        <ThumbUp />
-      </Button>
-      <Button variant="soft" endDecorator={<KeyboardArrowRight />} color="success">
-        Checkout
+      <Button endDecorator={<KeyboardArrowRight />} color="success">
+        Go to checkout
       </Button>
     </Box>
   );
diff --git a/docs/data/joy/components/button/ButtonIcons.tsx.preview b/docs/data/joy/components/button/ButtonIcons.tsx.preview
index afff65cdf0dd2f..c6f6c28970d81d 100644
--- a/docs/data/joy/components/button/ButtonIcons.tsx.preview
+++ b/docs/data/joy/components/button/ButtonIcons.tsx.preview
@@ -1,7 +1,4 @@
 <Button startDecorator={<Add />}>Add to cart</Button>
-<Button aria-label="Like" variant="outlined" color="neutral">
-  <ThumbUp />
-</Button>
-<Button variant="soft" endDecorator={<KeyboardArrowRight />} color="success">
-  Checkout
+<Button endDecorator={<KeyboardArrowRight />} color="success">
+  Go to checkout
 </Button>
\ No newline at end of file
diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.js b/docs/data/joy/components/button/ButtonLoadingIndicator.js
index 218db616a29f1e..1c7ee08cf349e4 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.js
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.js
@@ -1,16 +1,13 @@
 import * as React from 'react';
 import Stack from '@mui/joy/Stack';
-import SendIcon from '@mui/icons-material/Send';
 import Button from '@mui/joy/Button';
 
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading endDecorator={<SendIcon />} variant="solid">
-        Send
-      </Button>
-      <Button loading loadingIndicator="Loading…" variant="outlined">
-        Fetch data
+      <Button loading>Default</Button>
+      <Button loading loadingIndicator="Loading…">
+        Custom
       </Button>
     </Stack>
   );
diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
index 218db616a29f1e..1c7ee08cf349e4 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
@@ -1,16 +1,13 @@
 import * as React from 'react';
 import Stack from '@mui/joy/Stack';
-import SendIcon from '@mui/icons-material/Send';
 import Button from '@mui/joy/Button';
 
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading endDecorator={<SendIcon />} variant="solid">
-        Send
-      </Button>
-      <Button loading loadingIndicator="Loading…" variant="outlined">
-        Fetch data
+      <Button loading>Default</Button>
+      <Button loading loadingIndicator="Loading…">
+        Custom
       </Button>
     </Stack>
   );
diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
index ca37d5ae89ed8c..0a6efd65cfe58c 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
@@ -1,6 +1,4 @@
-<Button loading endDecorator={<SendIcon />} variant="solid">
-  Send
-</Button>
-<Button loading loadingIndicator="Loading…" variant="outlined">
-  Fetch data
+<Button loading>Default</Button>
+<Button loading loadingIndicator="Loading…">
+  Custom
 </Button>
\ No newline at end of file
diff --git a/docs/data/joy/components/button/ButtonLoadingPosition.js b/docs/data/joy/components/button/ButtonLoadingPosition.js
index 4c851a0de942f7..581a696a66b472 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.js
+++ b/docs/data/joy/components/button/ButtonLoadingPosition.js
@@ -6,16 +6,11 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingPosition() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading loadingPosition="start" variant="outlined">
-        Fetch data
+      <Button loading loadingPosition="start">
+        Start
       </Button>
-      <Button
-        loading
-        loadingPosition="end"
-        endDecorator={<SendIcon />}
-        variant="solid"
-      >
-        Send
+      <Button loading loadingPosition="end" endDecorator={<SendIcon />}>
+        End
       </Button>
     </Stack>
   );
diff --git a/docs/data/joy/components/button/ButtonLoadingPosition.tsx b/docs/data/joy/components/button/ButtonLoadingPosition.tsx
index 4c851a0de942f7..581a696a66b472 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.tsx
+++ b/docs/data/joy/components/button/ButtonLoadingPosition.tsx
@@ -6,16 +6,11 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingPosition() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading loadingPosition="start" variant="outlined">
-        Fetch data
+      <Button loading loadingPosition="start">
+        Start
       </Button>
-      <Button
-        loading
-        loadingPosition="end"
-        endDecorator={<SendIcon />}
-        variant="solid"
-      >
-        Send
+      <Button loading loadingPosition="end" endDecorator={<SendIcon />}>
+        End
       </Button>
     </Stack>
   );
diff --git a/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview b/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview
index 711e7cf236fcf7..bfd56d5dd5007e 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview
+++ b/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview
@@ -1,11 +1,6 @@
-<Button loading loadingPosition="start" variant="outlined">
-  Fetch data
+<Button loading loadingPosition="start">
+  Start
 </Button>
-<Button
-  loading
-  loadingPosition="end"
-  endDecorator={<SendIcon />}
-  variant="solid"
->
-  Send
+<Button loading loadingPosition="end" endDecorator={<SendIcon />}>
+  End
 </Button>
\ No newline at end of file
diff --git a/docs/data/joy/components/button/ButtonUsage.js b/docs/data/joy/components/button/ButtonUsage.js
index d461f2eee03af2..bfd5ee04559c71 100644
--- a/docs/data/joy/components/button/ButtonUsage.js
+++ b/docs/data/joy/components/button/ButtonUsage.js
@@ -36,7 +36,9 @@ export default function ButtonUsage() {
       ]}
       renderDemo={(props) => (
         <Box sx={{ display: 'flex', gap: 2 }}>
-          <Button {...props}>Hello world</Button>
+          <Button startDecorator={<FavoriteBorder />} {...props}>
+            Hello world
+          </Button>
           <IconButton {...props}>
             <FavoriteBorder />
           </IconButton>
diff --git a/docs/data/joy/components/button/ButtonsSimple.js b/docs/data/joy/components/button/ButtonsSimple.js
index c5a0773bb7ad06..481a7524d6bd5b 100644
--- a/docs/data/joy/components/button/ButtonsSimple.js
+++ b/docs/data/joy/components/button/ButtonsSimple.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
 import Button from '@mui/joy/Button';
-import Box from '@mui/joy/Box';
 
 export default function ButtonsSimple() {
   return (
-    <Box>
+    <div>
       <Button>Button</Button>
       <Button disabled>Disabled</Button>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/button/IconButtonVariables.js b/docs/data/joy/components/button/IconButtonVariables.js
index 3d1568ec452a6a..5d6e7a53e9e584 100644
--- a/docs/data/joy/components/button/IconButtonVariables.js
+++ b/docs/data/joy/components/button/IconButtonVariables.js
@@ -15,7 +15,7 @@ export default function IconButtonVariables() {
       data={[
         {
           var: '--IconButton-size',
-          defaultValue: '40px',
+          defaultValue: '36px',
         },
       ]}
       renderDemo={(sx) => (
diff --git a/docs/data/joy/components/button/IconButtons.js b/docs/data/joy/components/button/IconButtons.js
index 289bba347eb90d..c9c2c292866683 100644
--- a/docs/data/joy/components/button/IconButtons.js
+++ b/docs/data/joy/components/button/IconButtons.js
@@ -1,23 +1,37 @@
 import * as React from 'react';
 import Box from '@mui/joy/Box';
 import IconButton from '@mui/joy/IconButton';
+import FormControl from '@mui/joy/FormControl';
+import FormLabel from '@mui/joy/FormLabel';
+import Stack from '@mui/joy/Stack';
+import Switch from '@mui/joy/Switch';
 import FavoriteBorder from '@mui/icons-material/FavoriteBorder';
 
 export default function IconButtons() {
+  const [disabled, setDisabled] = React.useState(false);
   return (
-    <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap', alignItems: 'center' }}>
-      <IconButton variant="solid">
-        <FavoriteBorder />
-      </IconButton>
-      <IconButton variant="soft">
-        <FavoriteBorder />
-      </IconButton>
-      <IconButton variant="outlined">
-        <FavoriteBorder />
-      </IconButton>
-      <IconButton variant="plain">
-        <FavoriteBorder />
-      </IconButton>
-    </Box>
+    <Stack spacing={3} alignItems="center">
+      <FormControl orientation="horizontal">
+        <FormLabel>Disabled</FormLabel>
+        <Switch
+          checked={disabled}
+          onChange={(event) => setDisabled(event.target.checked)}
+        />
+      </FormControl>
+      <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap', alignItems: 'center' }}>
+        <IconButton disabled={disabled} variant="solid">
+          <FavoriteBorder />
+        </IconButton>
+        <IconButton disabled={disabled} variant="soft">
+          <FavoriteBorder />
+        </IconButton>
+        <IconButton disabled={disabled} variant="outlined">
+          <FavoriteBorder />
+        </IconButton>
+        <IconButton disabled={disabled} variant="plain">
+          <FavoriteBorder />
+        </IconButton>
+      </Box>
+    </Stack>
   );
 }
diff --git a/docs/data/joy/components/button/IconButtons.tsx b/docs/data/joy/components/button/IconButtons.tsx
index 289bba347eb90d..c9c2c292866683 100644
--- a/docs/data/joy/components/button/IconButtons.tsx
+++ b/docs/data/joy/components/button/IconButtons.tsx
@@ -1,23 +1,37 @@
 import * as React from 'react';
 import Box from '@mui/joy/Box';
 import IconButton from '@mui/joy/IconButton';
+import FormControl from '@mui/joy/FormControl';
+import FormLabel from '@mui/joy/FormLabel';
+import Stack from '@mui/joy/Stack';
+import Switch from '@mui/joy/Switch';
 import FavoriteBorder from '@mui/icons-material/FavoriteBorder';
 
 export default function IconButtons() {
+  const [disabled, setDisabled] = React.useState(false);
   return (
-    <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap', alignItems: 'center' }}>
-      <IconButton variant="solid">
-        <FavoriteBorder />
-      </IconButton>
-      <IconButton variant="soft">
-        <FavoriteBorder />
-      </IconButton>
-      <IconButton variant="outlined">
-        <FavoriteBorder />
-      </IconButton>
-      <IconButton variant="plain">
-        <FavoriteBorder />
-      </IconButton>
-    </Box>
+    <Stack spacing={3} alignItems="center">
+      <FormControl orientation="horizontal">
+        <FormLabel>Disabled</FormLabel>
+        <Switch
+          checked={disabled}
+          onChange={(event) => setDisabled(event.target.checked)}
+        />
+      </FormControl>
+      <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap', alignItems: 'center' }}>
+        <IconButton disabled={disabled} variant="solid">
+          <FavoriteBorder />
+        </IconButton>
+        <IconButton disabled={disabled} variant="soft">
+          <FavoriteBorder />
+        </IconButton>
+        <IconButton disabled={disabled} variant="outlined">
+          <FavoriteBorder />
+        </IconButton>
+        <IconButton disabled={disabled} variant="plain">
+          <FavoriteBorder />
+        </IconButton>
+      </Box>
+    </Stack>
   );
 }
diff --git a/docs/data/joy/components/button/IconButtons.tsx.preview b/docs/data/joy/components/button/IconButtons.tsx.preview
deleted file mode 100644
index c647fee803de2c..00000000000000
--- a/docs/data/joy/components/button/IconButtons.tsx.preview
+++ /dev/null
@@ -1,12 +0,0 @@
-<IconButton variant="solid">
-  <FavoriteBorder />
-</IconButton>
-<IconButton variant="soft">
-  <FavoriteBorder />
-</IconButton>
-<IconButton variant="outlined">
-  <FavoriteBorder />
-</IconButton>
-<IconButton variant="plain">
-  <FavoriteBorder />
-</IconButton>
\ No newline at end of file
diff --git a/docs/data/joy/components/button/InputFileUpload.js b/docs/data/joy/components/button/InputFileUpload.js
new file mode 100644
index 00000000000000..8fa7f08b04d64a
--- /dev/null
+++ b/docs/data/joy/components/button/InputFileUpload.js
@@ -0,0 +1,48 @@
+import * as React from 'react';
+import Button from '@mui/joy/Button';
+import SvgIcon from '@mui/joy/SvgIcon';
+import { styled } from '@mui/joy';
+
+const VisuallyHiddenInput = styled('input')`
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  white-space: nowrap;
+  width: 1px;
+`;
+
+export default function InputFileUpload() {
+  return (
+    <Button
+      component="label"
+      role={undefined}
+      tabIndex={-1}
+      variant="outlined"
+      color="neutral"
+      startDecorator={
+        <SvgIcon>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            strokeWidth={1.5}
+            stroke="currentColor"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M12 16.5V9.75m0 0l3 3m-3-3l-3 3M6.75 19.5a4.5 4.5 0 01-1.41-8.775 5.25 5.25 0 0110.233-2.33 3 3 0 013.758 3.848A3.752 3.752 0 0118 19.5H6.75z"
+            />
+          </svg>
+        </SvgIcon>
+      }
+    >
+      Upload a file
+      <VisuallyHiddenInput type="file" />
+    </Button>
+  );
+}
diff --git a/docs/data/joy/components/button/InputFileUpload.tsx b/docs/data/joy/components/button/InputFileUpload.tsx
new file mode 100644
index 00000000000000..8fa7f08b04d64a
--- /dev/null
+++ b/docs/data/joy/components/button/InputFileUpload.tsx
@@ -0,0 +1,48 @@
+import * as React from 'react';
+import Button from '@mui/joy/Button';
+import SvgIcon from '@mui/joy/SvgIcon';
+import { styled } from '@mui/joy';
+
+const VisuallyHiddenInput = styled('input')`
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  white-space: nowrap;
+  width: 1px;
+`;
+
+export default function InputFileUpload() {
+  return (
+    <Button
+      component="label"
+      role={undefined}
+      tabIndex={-1}
+      variant="outlined"
+      color="neutral"
+      startDecorator={
+        <SvgIcon>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            strokeWidth={1.5}
+            stroke="currentColor"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M12 16.5V9.75m0 0l3 3m-3-3l-3 3M6.75 19.5a4.5 4.5 0 01-1.41-8.775 5.25 5.25 0 0110.233-2.33 3 3 0 013.758 3.848A3.752 3.752 0 0118 19.5H6.75z"
+            />
+          </svg>
+        </SvgIcon>
+      }
+    >
+      Upload a file
+      <VisuallyHiddenInput type="file" />
+    </Button>
+  );
+}
diff --git a/docs/data/joy/components/button/button.md b/docs/data/joy/components/button/button.md
index 313bd824f6d19f..68f90d24210ad8 100644
--- a/docs/data/joy/components/button/button.md
+++ b/docs/data/joy/components/button/button.md
@@ -100,6 +100,20 @@ It supports three values:
 
 {{"demo": "ButtonLoadingPosition.js"}}
 
+### Link Button
+
+Buttons let users take actions, but if that action is to navigate to a new page, then an anchor tag is generally preferable over a button tag.
+
+If you need the style of a button with the functionality of a link, then you can use the `component` prop to replace the default `<button>` with an `<a>`, as shown below:
+
+{{"demo": "ButtonLink.js"}}
+
+### File upload
+
+To create a file upload button, turn the button into a label using `component="label"` and then create a visually-hidden input with type `file`.
+
+{{"demo": "InputFileUpload.js"}}
+
 ## Icon Button
 
 ```jsx
@@ -110,26 +124,18 @@ Use the Icon Button component for a square button to house an icon with no text
 
 {{"demo": "IconButtons.js"}}
 
-## Link Button
-
-Buttons let users take actions, but if that action is to navigate to a new page, then an anchor tag is generally preferable over a button tag.
-
-If you need the style of a button with the functionality of a link, then you can use the `component` prop to replace the default `<button>` with an `<a>`, as shown below:
-
-{{"demo": "ButtonLink.js"}}
-
-## CSS variable playground
+## CSS variables playground
 
 Play around with the CSS variables available to the Button and Icon Button components to see how the design changes.
 You can use these to customize the components with both the `sx` prop and the theme.
 
 ### Button
 
-{{"demo": "ButtonVariables.js", "hideToolbar": true}}
+{{"demo": "ButtonVariables.js", "hideToolbar": true, "bg": "gradient"}}
 
 ### Icon Button
 
-{{"demo": "IconButtonVariables.js", "hideToolbar": true}}
+{{"demo": "IconButtonVariables.js", "hideToolbar": true, "bg": "gradient"}}
 
 ## Accessibility
 
diff --git a/docs/data/joy/components/card/BasicCard.js b/docs/data/joy/components/card/BasicCard.js
index a7ff812c6b4fbd..c4b3aee4a9f9fc 100644
--- a/docs/data/joy/components/card/BasicCard.js
+++ b/docs/data/joy/components/card/BasicCard.js
@@ -9,7 +9,7 @@ import BookmarkAdd from '@mui/icons-material/BookmarkAddOutlined';
 
 export default function BasicCard() {
   return (
-    <Card variant="outlined" sx={{ width: 320 }}>
+    <Card sx={{ width: 320 }}>
       <div>
         <Typography level="title-lg">Yosemite National Park</Typography>
         <Typography level="body-sm">April 24 to May 02, 2021</Typography>
diff --git a/docs/data/joy/components/card/BasicCard.tsx b/docs/data/joy/components/card/BasicCard.tsx
index a7ff812c6b4fbd..c4b3aee4a9f9fc 100644
--- a/docs/data/joy/components/card/BasicCard.tsx
+++ b/docs/data/joy/components/card/BasicCard.tsx
@@ -9,7 +9,7 @@ import BookmarkAdd from '@mui/icons-material/BookmarkAddOutlined';
 
 export default function BasicCard() {
   return (
-    <Card variant="outlined" sx={{ width: 320 }}>
+    <Card sx={{ width: 320 }}>
       <div>
         <Typography level="title-lg">Yosemite National Park</Typography>
         <Typography level="body-sm">April 24 to May 02, 2021</Typography>
diff --git a/docs/data/joy/components/card/CardUsage.js b/docs/data/joy/components/card/CardUsage.js
index dc8bd35863185e..e1e51637bc1a42 100644
--- a/docs/data/joy/components/card/CardUsage.js
+++ b/docs/data/joy/components/card/CardUsage.js
@@ -13,8 +13,8 @@ export default function CardUsage() {
       data={[
         {
           propName: 'variant',
-          knob: 'select',
-          defaultValue: 'plain',
+          knob: 'radio',
+          defaultValue: 'outlined',
           options: ['plain', 'outlined', 'soft', 'solid'],
         },
         {
@@ -42,9 +42,10 @@ export default function CardUsage() {
           sx={{
             m: 1,
             mb: 4,
+            maxWidth: 350,
           }}
         >
-          <AspectRatio ratio="16/9" sx={{ width: 160 }}>
+          <AspectRatio ratio="16/9">
             <img
               src="https://images.unsplash.com/photo-1527549993586-dff825b37782?auto=format&fit=crop&w=286"
               srcSet="https://images.unsplash.com/photo-1527549993586-dff825b37782?auto=format&fit=crop&w=286&dpr=2 2x"
@@ -53,11 +54,21 @@ export default function CardUsage() {
             />
           </AspectRatio>
           <CardContent>
-            <Typography fontWeight="lg" textColor="inherit">
-              Yosemite
+            <Typography level="body-xs">NATIONAL PARK</Typography>
+            <Typography
+              level="title-lg"
+              component="div"
+              sx={{ textWrap: 'balance' }}
+            >
+              Yosemite - Your Next Adventure
+            </Typography>
+            <Typography>
+              Yosemite National Park is in California’s Sierra Nevada mountains.
             </Typography>
-            <Typography level="body-sm">April 24 to May 02, 2021</Typography>
             <CardActions>
+              <Button variant="outlined" size="sm">
+                Add to list
+              </Button>
               <Button size="sm">Explore</Button>
             </CardActions>
           </CardContent>
diff --git a/docs/data/joy/components/card/CardVariables.js b/docs/data/joy/components/card/CardVariables.js
index 0092a7a16f8c5f..ceb5c13c73c526 100644
--- a/docs/data/joy/components/card/CardVariables.js
+++ b/docs/data/joy/components/card/CardVariables.js
@@ -1,237 +1,45 @@
 import * as React from 'react';
-import AspectRatio from '@mui/joy/AspectRatio';
-import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
-import Sheet from '@mui/joy/Sheet';
 import Card from '@mui/joy/Card';
 import CardActions from '@mui/joy/CardActions';
-import CardCover from '@mui/joy/CardCover';
 import CardContent from '@mui/joy/CardContent';
-import CardOverflow from '@mui/joy/CardOverflow';
-import CircularProgress from '@mui/joy/CircularProgress';
 import IconButton from '@mui/joy/IconButton';
-import Link from '@mui/joy/Link';
-import FormControl from '@mui/joy/FormControl';
-import FormLabel from '@mui/joy/FormLabel';
-import FormHelperText from '@mui/joy/FormHelperText';
-import Input from '@mui/joy/Input';
 import Typography from '@mui/joy/Typography';
 import BookmarkBorderIcon from '@mui/icons-material/BookmarkBorder';
-import BrandingProvider from 'docs/src/BrandingProvider';
-import HighlightedCode from 'docs/src/modules/components/HighlightedCode';
-
-function formatSx(sx) {
-  const lines = Object.keys(sx);
-  if (!lines.length) {
-    return '';
-  }
-  if (lines.length === 1) {
-    return ` sx={${JSON.stringify(sx)
-      .replace('{', '{ ')
-      .replace('}', ' }')
-      .replace(':', ': ')}}`;
-  }
-  return ` sx={${JSON.stringify(sx, null, 2)}}`;
-}
-
-const vars = [
-  {
-    var: '--Card-padding',
-    defaultValue: '16px',
-    type: 'number',
-  },
-  {
-    var: '--Card-radius',
-    defaultValue: '12px',
-    type: 'number',
-  },
-];
+import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo';
 
 export default function CardVariables() {
-  const [sx, setSx] = React.useState({});
   return (
-    <Box
-      sx={{
-        width: '100%',
-        display: 'grid',
-        gridTemplateColumns: { xs: '1fr', md: '1fr auto' },
-        gridTemplateRows: '1fr auto',
-        gap: 2,
-        mt: 2,
-        '& .markdown-body pre': {
-          margin: 0,
-          borderRadius: 'xs',
+    <JoyVariablesDemo
+      componentName="Card"
+      data={[
+        {
+          var: '--Card-padding',
+          defaultValue: '16px',
+          type: 'number',
+        },
+        {
+          var: '--Card-radius',
+          defaultValue: '12px',
+          type: 'number',
         },
-      }}
-    >
-      <Box
-        sx={{
-          alignSelf: 'center',
-          justifyContent: 'center',
-          mx: 'auto',
-          display: 'flex',
-          placeSelf: 'center',
-          gap: 2,
-          flexWrap: 'wrap',
-        }}
-      >
+      ]}
+      renderDemo={(sx) => (
         <Card variant="outlined" sx={{ maxWidth: 240, boxShadow: 'none', ...sx }}>
-          <CardOverflow>
-            <AspectRatio>
-              <img
-                src="https://images.unsplash.com/photo-1523404343994-489a5eefd760?auto=format&fit=crop&w=198"
-                srcSet="https://images.unsplash.com/photo-1523404343994-489a5eefd760?auto=format&fit=crop&w=198&dpr=2 2x"
-                loading="lazy"
-                alt=""
-              />
-            </AspectRatio>
-          </CardOverflow>
-          <AspectRatio
-            variant="outlined"
-            ratio="1"
-            sx={{
-              width: 48,
-              mt: -5,
-              '& > div': {
-                '--variant-borderWidth': '2px',
-                borderColor: 'background.surface',
-              },
-            }}
-          >
-            <img src="/static/images/avatar/6.jpg" loading="lazy" alt="" />
-          </AspectRatio>
           <CardContent>
-            <Typography fontWeight="lg">
-              <Link
-                href="#card-variables"
-                overlay
-                underline="none"
-                textColor="text.primary"
-              >
-                Card title
-              </Link>
-            </Typography>
-            <Typography level="body-sm">A very very long description.</Typography>
+            <Typography fontWeight="lg">Card title</Typography>
+            <Typography level="body-sm">An interesting description.</Typography>
           </CardContent>
           <CardActions buttonFlex="1">
-            <IconButton variant="outlined" color="neutral" size="sm">
-              <BookmarkBorderIcon />
-            </IconButton>
             <Button variant="solid" color="primary" size="sm">
               Buy
             </Button>
+            <IconButton variant="outlined" color="neutral" size="sm">
+              <BookmarkBorderIcon />
+            </IconButton>
           </CardActions>
         </Card>
-        <Card
-          variant="solid"
-          color="neutral"
-          invertedColors
-          sx={{ minWidth: 200, maxWidth: 240, boxShadow: 'none', ...sx }}
-        >
-          <CardCover>
-            <img
-              src="https://images.unsplash.com/photo-1523262297412-fafbd40c6aa4?auto=format&fit=crop&w=198"
-              srcSet="https://images.unsplash.com/photo-1523262297412-fafbd40c6aa4?auto=format&fit=crop&w=198&dpr=2 2x"
-              loading="lazy"
-              alt=""
-            />
-          </CardCover>
-          <CardCover
-            sx={{
-              background:
-                'linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0) 200px), linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0) 300px)',
-              backdropFilter: 'blur(4px)',
-            }}
-          />
-          <CardContent sx={{ textAlign: 'center' }}>
-            <CircularProgress
-              determinate
-              value={70}
-              sx={{
-                '--CircularProgress-size': '100px',
-                '--CircularProgress-progressThickness': '8px',
-                '--CircularProgress-trackThickness': '8px',
-                m: 'auto',
-              }}
-            >
-              <Typography>70%</Typography>
-            </CircularProgress>
-            <Typography fontWeight="lg" textColor="#fff">
-              Card title
-            </Typography>
-            <Typography level="body-sm" textColor="neutral.300">
-              Long description.
-            </Typography>
-          </CardContent>
-          <CardActions>
-            <Button variant="outlined">Get started</Button>
-          </CardActions>
-        </Card>
-      </Box>
-      <Sheet
-        variant="outlined"
-        sx={{
-          gridRow: 'span 2',
-          display: 'flex',
-          flexWrap: 'wrap',
-          gap: 2,
-          p: 2,
-          borderRadius: 'sm',
-        }}
-      >
-        <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
-          <Typography fontWeight="xl" level="body-sm" textColor="text.primary">
-            CSS variables
-          </Typography>
-          {vars.map((data) => (
-            <FormControl key={data.var}>
-              <FormLabel sx={{ '--FormLabel-fontSize': 'var(--joy-fontSize-xs)' }}>
-                {data.var}
-              </FormLabel>
-              <Input
-                size="sm"
-                variant="outlined"
-                defaultValue={
-                  Number(data.defaultValue.replace('px', '')) || undefined
-                }
-                endDecorator={<Typography level="body-xs">px</Typography>}
-                type={data.type}
-                sx={{
-                  maxWidth: 160,
-                  '& .JoyInput-root': { '--Input-paddingInline': '0.5rem' },
-                }}
-                onChange={(event) => {
-                  const { value } = event.target;
-                  setSx((prevSx) => {
-                    if (!value) {
-                      const newSx = { ...prevSx };
-                      // @ts-ignore
-                      delete newSx[data.var];
-                      return newSx;
-                    }
-                    return {
-                      ...prevSx,
-                      [data.var]: `${value}px`,
-                    };
-                  });
-                }}
-              />
-              {data.defaultValue ? (
-                <FormHelperText
-                  sx={{ '--FormHelperText-fontSize': 'var(--joy-fontSize-xs)' }}
-                >{`Default as ${data.defaultValue}`}</FormHelperText>
-              ) : null}
-            </FormControl>
-          ))}
-        </Box>
-      </Sheet>
-      <BrandingProvider mode="dark">
-        <HighlightedCode
-          code={`<Card${formatSx(sx)}>`}
-          language="jsx"
-          sx={{ display: { xs: 'none', md: 'initial' } }}
-        />
-      </BrandingProvider>
-    </Box>
+      )}
+    />
   );
 }
diff --git a/docs/data/joy/components/card/CardVariants.js b/docs/data/joy/components/card/CardVariants.js
index 7c6ff6f75257bf..bcd703f82efde8 100644
--- a/docs/data/joy/components/card/CardVariants.js
+++ b/docs/data/joy/components/card/CardVariants.js
@@ -15,16 +15,16 @@ export default function CardVariants() {
         gap: 2,
       }}
     >
-      <Card>
+      <Card variant="plain">
         <CardContent>
-          <Typography level="title-md">Plain card (default)</Typography>
+          <Typography level="title-md">Plain card</Typography>
           <Typography>Description of the card.</Typography>
         </CardContent>
       </Card>
 
       <Card variant="outlined">
         <CardContent>
-          <Typography level="title-md">Outlined card</Typography>
+          <Typography level="title-md">Outlined card (default)</Typography>
           <Typography>Description of the card.</Typography>
         </CardContent>
       </Card>
diff --git a/docs/data/joy/components/card/CardVariants.tsx b/docs/data/joy/components/card/CardVariants.tsx
index 7c6ff6f75257bf..bcd703f82efde8 100644
--- a/docs/data/joy/components/card/CardVariants.tsx
+++ b/docs/data/joy/components/card/CardVariants.tsx
@@ -15,16 +15,16 @@ export default function CardVariants() {
         gap: 2,
       }}
     >
-      <Card>
+      <Card variant="plain">
         <CardContent>
-          <Typography level="title-md">Plain card (default)</Typography>
+          <Typography level="title-md">Plain card</Typography>
           <Typography>Description of the card.</Typography>
         </CardContent>
       </Card>
 
       <Card variant="outlined">
         <CardContent>
-          <Typography level="title-md">Outlined card</Typography>
+          <Typography level="title-md">Outlined card (default)</Typography>
           <Typography>Description of the card.</Typography>
         </CardContent>
       </Card>
diff --git a/docs/data/joy/components/card/DribbbleShot.js b/docs/data/joy/components/card/DribbbleShot.js
index 183c013ecb5c2e..74469d2d3c7433 100644
--- a/docs/data/joy/components/card/DribbbleShot.js
+++ b/docs/data/joy/components/card/DribbbleShot.js
@@ -15,11 +15,11 @@ import CreateNewFolder from '@mui/icons-material/CreateNewFolder';
 export default function DribbbleShot() {
   return (
     <Card
+      variant="plain"
       sx={{
         width: 300,
         bgcolor: 'initial',
-        boxShadow: 'none',
-        '--Card-padding': '0px',
+        p: 0,
       }}
     >
       <Box sx={{ position: 'relative' }}>
@@ -46,7 +46,7 @@ export default function DribbbleShot() {
           }}
         >
           {/* The first box acts as a container that inherits style from the CardCover */}
-          <Box>
+          <div>
             <Box
               sx={{
                 p: 2,
@@ -72,14 +72,24 @@ export default function DribbbleShot() {
                   Yosemite
                 </Link>
               </Typography>
-              <IconButton size="sm" color="neutral" sx={{ ml: 'auto' }}>
+              <IconButton
+                size="sm"
+                variant="solid"
+                color="neutral"
+                sx={{ ml: 'auto', bgcolor: 'rgba(0 0 0 / 0.2)' }}
+              >
                 <CreateNewFolder />
               </IconButton>
-              <IconButton size="sm" color="neutral">
+              <IconButton
+                size="sm"
+                variant="solid"
+                color="neutral"
+                sx={{ bgcolor: 'rgba(0 0 0 / 0.2)' }}
+              >
                 <Favorite />
               </IconButton>
             </Box>
-          </Box>
+          </div>
         </CardCover>
       </Box>
       <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
diff --git a/docs/data/joy/components/card/DribbbleShot.tsx b/docs/data/joy/components/card/DribbbleShot.tsx
index 183c013ecb5c2e..74469d2d3c7433 100644
--- a/docs/data/joy/components/card/DribbbleShot.tsx
+++ b/docs/data/joy/components/card/DribbbleShot.tsx
@@ -15,11 +15,11 @@ import CreateNewFolder from '@mui/icons-material/CreateNewFolder';
 export default function DribbbleShot() {
   return (
     <Card
+      variant="plain"
       sx={{
         width: 300,
         bgcolor: 'initial',
-        boxShadow: 'none',
-        '--Card-padding': '0px',
+        p: 0,
       }}
     >
       <Box sx={{ position: 'relative' }}>
@@ -46,7 +46,7 @@ export default function DribbbleShot() {
           }}
         >
           {/* The first box acts as a container that inherits style from the CardCover */}
-          <Box>
+          <div>
             <Box
               sx={{
                 p: 2,
@@ -72,14 +72,24 @@ export default function DribbbleShot() {
                   Yosemite
                 </Link>
               </Typography>
-              <IconButton size="sm" color="neutral" sx={{ ml: 'auto' }}>
+              <IconButton
+                size="sm"
+                variant="solid"
+                color="neutral"
+                sx={{ ml: 'auto', bgcolor: 'rgba(0 0 0 / 0.2)' }}
+              >
                 <CreateNewFolder />
               </IconButton>
-              <IconButton size="sm" color="neutral">
+              <IconButton
+                size="sm"
+                variant="solid"
+                color="neutral"
+                sx={{ bgcolor: 'rgba(0 0 0 / 0.2)' }}
+              >
                 <Favorite />
               </IconButton>
             </Box>
-          </Box>
+          </div>
         </CardCover>
       </Box>
       <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
diff --git a/docs/data/joy/components/card/GradientCover.js b/docs/data/joy/components/card/GradientCover.js
index c053fe11476ebb..d901e363ad64d5 100644
--- a/docs/data/joy/components/card/GradientCover.js
+++ b/docs/data/joy/components/card/GradientCover.js
@@ -23,7 +23,7 @@ export default function GradientCover() {
         }}
       />
       <CardContent sx={{ justifyContent: 'flex-end' }}>
-        <Typography level="title-lg" textColor="#fff" mb={1}>
+        <Typography level="title-lg" textColor="#fff">
           Yosemite National Park
         </Typography>
         <Typography
diff --git a/docs/data/joy/components/card/GradientCover.tsx b/docs/data/joy/components/card/GradientCover.tsx
index c053fe11476ebb..d901e363ad64d5 100644
--- a/docs/data/joy/components/card/GradientCover.tsx
+++ b/docs/data/joy/components/card/GradientCover.tsx
@@ -23,7 +23,7 @@ export default function GradientCover() {
         }}
       />
       <CardContent sx={{ justifyContent: 'flex-end' }}>
-        <Typography level="title-lg" textColor="#fff" mb={1}>
+        <Typography level="title-lg" textColor="#fff">
           Yosemite National Park
         </Typography>
         <Typography
diff --git a/docs/data/joy/components/card/InstagramPost.js b/docs/data/joy/components/card/InstagramPost.js
index 67897411e48e69..6ae581bd1edeab 100644
--- a/docs/data/joy/components/card/InstagramPost.js
+++ b/docs/data/joy/components/card/InstagramPost.js
@@ -130,7 +130,7 @@ export default function InstagramPost() {
           2 DAYS AGO
         </Link>
       </CardContent>
-      <CardOverflow sx={{ pb: 'var(--Card-padding)', display: 'flex' }}>
+      <CardContent orientation="horizontal" sx={{ gap: 1 }}>
         <IconButton size="sm" variant="plain" color="neutral" sx={{ ml: -1 }}>
           <Face />
         </IconButton>
@@ -138,12 +138,12 @@ export default function InstagramPost() {
           variant="plain"
           size="sm"
           placeholder="Add a comment…"
-          sx={{ flexGrow: 1, mr: 1, '--Input-focusedThickness': '0px' }}
+          sx={{ flex: 1, px: 0, '--Input-focusedThickness': '0px' }}
         />
         <Link disabled underline="none" role="button">
           Post
         </Link>
-      </CardOverflow>
+      </CardContent>
     </Card>
   );
 }
diff --git a/docs/data/joy/components/card/InstagramPost.tsx b/docs/data/joy/components/card/InstagramPost.tsx
index 67897411e48e69..6ae581bd1edeab 100644
--- a/docs/data/joy/components/card/InstagramPost.tsx
+++ b/docs/data/joy/components/card/InstagramPost.tsx
@@ -130,7 +130,7 @@ export default function InstagramPost() {
           2 DAYS AGO
         </Link>
       </CardContent>
-      <CardOverflow sx={{ pb: 'var(--Card-padding)', display: 'flex' }}>
+      <CardContent orientation="horizontal" sx={{ gap: 1 }}>
         <IconButton size="sm" variant="plain" color="neutral" sx={{ ml: -1 }}>
           <Face />
         </IconButton>
@@ -138,12 +138,12 @@ export default function InstagramPost() {
           variant="plain"
           size="sm"
           placeholder="Add a comment…"
-          sx={{ flexGrow: 1, mr: 1, '--Input-focusedThickness': '0px' }}
+          sx={{ flex: 1, px: 0, '--Input-focusedThickness': '0px' }}
         />
         <Link disabled underline="none" role="button">
           Post
         </Link>
-      </CardOverflow>
+      </CardContent>
     </Card>
   );
 }
diff --git a/docs/data/joy/components/card/LicenseCard.js b/docs/data/joy/components/card/LicenseCard.js
index 768fc3e65476d1..8a04284841e7c0 100644
--- a/docs/data/joy/components/card/LicenseCard.js
+++ b/docs/data/joy/components/card/LicenseCard.js
@@ -2,6 +2,7 @@ import * as React from 'react';
 import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Card from '@mui/joy/Card';
+import CardContent from '@mui/joy/CardContent';
 import CardActions from '@mui/joy/CardActions';
 import Chip from '@mui/joy/Chip';
 import Typography from '@mui/joy/Typography';
@@ -37,13 +38,13 @@ export default function LicenseCard() {
           </Typography>
         </Typography>
       </div>
-      <div>
+      <CardContent>
         <Typography level="title-lg">Individual License</Typography>
         <Typography level="body-md">
           This license allows you to use the Symbol System Design with unlimited
           amount of personal and commercial projects.
         </Typography>
-      </div>
+      </CardContent>
       <CardActions>
         <Button variant="solid">Purchase Now</Button>
       </CardActions>
diff --git a/docs/data/joy/components/card/LicenseCard.tsx b/docs/data/joy/components/card/LicenseCard.tsx
index 768fc3e65476d1..8a04284841e7c0 100644
--- a/docs/data/joy/components/card/LicenseCard.tsx
+++ b/docs/data/joy/components/card/LicenseCard.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Card from '@mui/joy/Card';
+import CardContent from '@mui/joy/CardContent';
 import CardActions from '@mui/joy/CardActions';
 import Chip from '@mui/joy/Chip';
 import Typography from '@mui/joy/Typography';
@@ -37,13 +38,13 @@ export default function LicenseCard() {
           </Typography>
         </Typography>
       </div>
-      <div>
+      <CardContent>
         <Typography level="title-lg">Individual License</Typography>
         <Typography level="body-md">
           This license allows you to use the Symbol System Design with unlimited
           amount of personal and commercial projects.
         </Typography>
-      </div>
+      </CardContent>
       <CardActions>
         <Button variant="solid">Purchase Now</Button>
       </CardActions>
diff --git a/docs/data/joy/components/card/MultipleInteractionCard.js b/docs/data/joy/components/card/MultipleInteractionCard.js
index 768d7a305b8706..93d4107f7548bc 100644
--- a/docs/data/joy/components/card/MultipleInteractionCard.js
+++ b/docs/data/joy/components/card/MultipleInteractionCard.js
@@ -44,26 +44,16 @@ export default function MultipleInteractionCard() {
             Yosemite National Park
           </Link>
         </Typography>
-        <Typography level="body-sm" sx={{ mt: 0.5 }}>
+        <Typography level="body-sm">
           <Link href="#multiple-actions">California</Link>
         </Typography>
       </CardContent>
-      <CardOverflow variant="soft" sx={{ bgcolor: 'background.level1' }}>
+      <CardOverflow variant="soft">
         <Divider inset="context" />
         <CardContent orientation="horizontal">
-          <Typography
-            level="body-xs"
-            sx={{ fontWeight: 'md', color: 'text.secondary' }}
-          >
-            6.3k views
-          </Typography>
+          <Typography level="body-xs">6.3k views</Typography>
           <Divider orientation="vertical" />
-          <Typography
-            level="body-xs"
-            sx={{ fontWeight: 'md', color: 'text.secondary' }}
-          >
-            1 hour ago
-          </Typography>
+          <Typography level="body-xs">1 hour ago</Typography>
         </CardContent>
       </CardOverflow>
     </Card>
diff --git a/docs/data/joy/components/card/MultipleInteractionCard.tsx b/docs/data/joy/components/card/MultipleInteractionCard.tsx
index 768d7a305b8706..93d4107f7548bc 100644
--- a/docs/data/joy/components/card/MultipleInteractionCard.tsx
+++ b/docs/data/joy/components/card/MultipleInteractionCard.tsx
@@ -44,26 +44,16 @@ export default function MultipleInteractionCard() {
             Yosemite National Park
           </Link>
         </Typography>
-        <Typography level="body-sm" sx={{ mt: 0.5 }}>
+        <Typography level="body-sm">
           <Link href="#multiple-actions">California</Link>
         </Typography>
       </CardContent>
-      <CardOverflow variant="soft" sx={{ bgcolor: 'background.level1' }}>
+      <CardOverflow variant="soft">
         <Divider inset="context" />
         <CardContent orientation="horizontal">
-          <Typography
-            level="body-xs"
-            sx={{ fontWeight: 'md', color: 'text.secondary' }}
-          >
-            6.3k views
-          </Typography>
+          <Typography level="body-xs">6.3k views</Typography>
           <Divider orientation="vertical" />
-          <Typography
-            level="body-xs"
-            sx={{ fontWeight: 'md', color: 'text.secondary' }}
-          >
-            1 hour ago
-          </Typography>
+          <Typography level="body-xs">1 hour ago</Typography>
         </CardContent>
       </CardOverflow>
     </Card>
diff --git a/docs/data/joy/components/card/RowCard.js b/docs/data/joy/components/card/RowCard.js
index 2c19ee4c1ae8c5..d4440673a4db8d 100644
--- a/docs/data/joy/components/card/RowCard.js
+++ b/docs/data/joy/components/card/RowCard.js
@@ -19,7 +19,7 @@ export default function RowCard() {
         </AspectRatio>
       </CardOverflow>
       <CardContent>
-        <Typography fontWeight="md" textColor="success.plainColor" mb={0.5}>
+        <Typography fontWeight="md" textColor="success.plainColor">
           Yosemite Park
         </Typography>
         <Typography level="body-sm">California, USA</Typography>
diff --git a/docs/data/joy/components/card/RowCard.tsx b/docs/data/joy/components/card/RowCard.tsx
index 2c19ee4c1ae8c5..d4440673a4db8d 100644
--- a/docs/data/joy/components/card/RowCard.tsx
+++ b/docs/data/joy/components/card/RowCard.tsx
@@ -19,7 +19,7 @@ export default function RowCard() {
         </AspectRatio>
       </CardOverflow>
       <CardContent>
-        <Typography fontWeight="md" textColor="success.plainColor" mb={0.5}>
+        <Typography fontWeight="md" textColor="success.plainColor">
           Yosemite Park
         </Typography>
         <Typography level="body-sm">California, USA</Typography>
diff --git a/docs/data/joy/components/card/UserCard.js b/docs/data/joy/components/card/UserCard.js
index 27d4bf82ac6686..bf1818fa71e9b6 100644
--- a/docs/data/joy/components/card/UserCard.js
+++ b/docs/data/joy/components/card/UserCard.js
@@ -62,7 +62,7 @@ export default function UserCard() {
           resize: 'horizontal',
         }}
       >
-        <AspectRatio ratio="1" maxHeight={182} sx={{ minWidth: 182, flex: 1 }}>
+        <AspectRatio flex ratio="1" maxHeight={182} sx={{ minWidth: 182 }}>
           <img
             src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=286"
             srcSet="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=286&dpr=2 2x"
diff --git a/docs/data/joy/components/card/UserCard.tsx b/docs/data/joy/components/card/UserCard.tsx
index 27d4bf82ac6686..bf1818fa71e9b6 100644
--- a/docs/data/joy/components/card/UserCard.tsx
+++ b/docs/data/joy/components/card/UserCard.tsx
@@ -62,7 +62,7 @@ export default function UserCard() {
           resize: 'horizontal',
         }}
       >
-        <AspectRatio ratio="1" maxHeight={182} sx={{ minWidth: 182, flex: 1 }}>
+        <AspectRatio flex ratio="1" maxHeight={182} sx={{ minWidth: 182 }}>
           <img
             src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=286"
             srcSet="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=286&dpr=2 2x"
diff --git a/docs/data/joy/components/card/card-pt.md b/docs/data/joy/components/card/card-pt.md
index d7e949ebfad9d1..9c826afc55fbe8 100644
--- a/docs/data/joy/components/card/card-pt.md
+++ b/docs/data/joy/components/card/card-pt.md
@@ -64,7 +64,7 @@ Use a plain image or a video element inside the `CardCover` to display media. It
 To create a gradient overlay, frequently seen when a colorful image is used as background, insert an additional `CardCover` component.
 
 :::info
-💡 **Tip:** Make sure to darken the gradient overlay up to have enough contrast between the background image and the text content.
+**Tip:** Make sure to darken the gradient overlay up to have enough contrast between the background image and the text content.
 :::
 
 {{"demo": "GradientCover.js" }}
@@ -82,7 +82,7 @@ To show a horizontal card, use the `row` prop. The `CardOverflow` will adapt bas
 By default, whenever you have additional action elements such as links and buttons, they stay on top of the whole interactive area. In some cases, you might have to manually control each element's `z-index`.
 
 :::info
-💡 **Tip**: use CSS's pseudo-class [`:focus-within`](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within) to style the card when any of its children is focused.
+**Tip**: use CSS's pseudo-class [`:focus-within`](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within) to style the card when any of its children is focused.
 :::
 
 {{"demo": "MultipleInteractionCard.js" }}
@@ -102,7 +102,7 @@ Play around with all the CSS variables available in the slider component to see
 You can use those to customize the component on both the `sx` prop and the theme.
 
 :::info
-💡 **Tip**: If you want to adjust a card's padding or border-radius, it's preferable to do it using the variables below instead of using CSS properties directly. That's because the variables will also be used to calculate a proper radius for the card's children.
+**Tip**: If you want to adjust a card's padding or border-radius, it's preferable to do it using the variables below instead of using CSS properties directly. That's because the variables will also be used to calculate a proper radius for the card's children.
 :::
 
 {{"demo": "CardVariables.js" , "hideToolbar": true}}
diff --git a/docs/data/joy/components/card/card-zh.md b/docs/data/joy/components/card/card-zh.md
index d7e949ebfad9d1..9c826afc55fbe8 100644
--- a/docs/data/joy/components/card/card-zh.md
+++ b/docs/data/joy/components/card/card-zh.md
@@ -64,7 +64,7 @@ Use a plain image or a video element inside the `CardCover` to display media. It
 To create a gradient overlay, frequently seen when a colorful image is used as background, insert an additional `CardCover` component.
 
 :::info
-💡 **Tip:** Make sure to darken the gradient overlay up to have enough contrast between the background image and the text content.
+**Tip:** Make sure to darken the gradient overlay up to have enough contrast between the background image and the text content.
 :::
 
 {{"demo": "GradientCover.js" }}
@@ -82,7 +82,7 @@ To show a horizontal card, use the `row` prop. The `CardOverflow` will adapt bas
 By default, whenever you have additional action elements such as links and buttons, they stay on top of the whole interactive area. In some cases, you might have to manually control each element's `z-index`.
 
 :::info
-💡 **Tip**: use CSS's pseudo-class [`:focus-within`](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within) to style the card when any of its children is focused.
+**Tip**: use CSS's pseudo-class [`:focus-within`](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within) to style the card when any of its children is focused.
 :::
 
 {{"demo": "MultipleInteractionCard.js" }}
@@ -102,7 +102,7 @@ Play around with all the CSS variables available in the slider component to see
 You can use those to customize the component on both the `sx` prop and the theme.
 
 :::info
-💡 **Tip**: If you want to adjust a card's padding or border-radius, it's preferable to do it using the variables below instead of using CSS properties directly. That's because the variables will also be used to calculate a proper radius for the card's children.
+**Tip**: If you want to adjust a card's padding or border-radius, it's preferable to do it using the variables below instead of using CSS properties directly. That's because the variables will also be used to calculate a proper radius for the card's children.
 :::
 
 {{"demo": "CardVariables.js" , "hideToolbar": true}}
diff --git a/docs/data/joy/components/card/card.md b/docs/data/joy/components/card/card.md
index d662e0537217d5..babbc07ea25f8e 100644
--- a/docs/data/joy/components/card/card.md
+++ b/docs/data/joy/components/card/card.md
@@ -36,7 +36,7 @@ The demo below shows a typical Card that groups together Typography, Aspect Rati
 
 ### Variants
 
-The Card component supports Joy UI's four [global variants](/joy-ui/main-features/global-variants/): `plain` (default), `outlined`, `soft`, and `solid`.
+The Card component supports Joy UI's four [global variants](/joy-ui/main-features/global-variants/): `plain`, `outlined` (default), `soft`, and `solid`.
 
 {{"demo": "CardVariants.js"}}
 
@@ -158,18 +158,18 @@ Learn more about this and other best practices for accessible cards in the [Incl
 
 {{"demo": "InteractiveCard.js"}}
 
-## CSS variable playground
+## CSS variables playground
 
 Play around with the CSS variables available to the Card component to see how the design changes.
 You can use these to customize the component with both the `sx` prop and the theme.
 
+{{"demo": "CardVariables.js", "hideToolbar": true, "bg": "gradient"}}
+
 :::success
 If you need to adjust a Card's padding or border radius, it's preferable to do so using these variables rather than plain CSS properties.
 This is because the variables are also used to calculate a proper radius for the Card's children, to prevent a mismatch between their relative proportions.
 :::
 
-{{"demo": "CardVariables.js" , "hideToolbar": true}}
-
 ## Common examples
 
 ### Bio card
diff --git a/docs/data/joy/components/checkbox/ExampleChoiceChipCheckbox.js b/docs/data/joy/components/checkbox/ExampleChoiceChipCheckbox.js
index ceca95867e6a56..841e44d6145557 100644
--- a/docs/data/joy/components/checkbox/ExampleChoiceChipCheckbox.js
+++ b/docs/data/joy/components/checkbox/ExampleChoiceChipCheckbox.js
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Checkbox from '@mui/joy/Checkbox';
 import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
@@ -14,7 +13,7 @@ export default function ExampleChoiceChipCheckbox() {
       <Typography id="rank" level="body-sm" fontWeight="lg" sx={{ mb: 1.5 }}>
         Choose amenities
       </Typography>
-      <Box role="group" aria-labelledby="rank">
+      <div role="group" aria-labelledby="rank">
         <List
           orientation="horizontal"
           wrap
@@ -65,7 +64,7 @@ export default function ExampleChoiceChipCheckbox() {
             ),
           )}
         </List>
-      </Box>
+      </div>
     </Sheet>
   );
 }
diff --git a/docs/data/joy/components/checkbox/ExampleChoiceChipCheckbox.tsx b/docs/data/joy/components/checkbox/ExampleChoiceChipCheckbox.tsx
index ac5d99ceabef6a..4190d0d97685a9 100644
--- a/docs/data/joy/components/checkbox/ExampleChoiceChipCheckbox.tsx
+++ b/docs/data/joy/components/checkbox/ExampleChoiceChipCheckbox.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Checkbox from '@mui/joy/Checkbox';
 import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
@@ -14,7 +13,7 @@ export default function ExampleChoiceChipCheckbox() {
       <Typography id="rank" level="body-sm" fontWeight="lg" sx={{ mb: 1.5 }}>
         Choose amenities
       </Typography>
-      <Box role="group" aria-labelledby="rank">
+      <div role="group" aria-labelledby="rank">
         <List
           orientation="horizontal"
           wrap
@@ -64,7 +63,7 @@ export default function ExampleChoiceChipCheckbox() {
             ),
           )}
         </List>
-      </Box>
+      </div>
     </Sheet>
   );
 }
diff --git a/docs/data/joy/components/checkbox/ExampleFilterMemberCheckbox.js b/docs/data/joy/components/checkbox/ExampleFilterMemberCheckbox.js
index 7a5fff26076820..4a7d1fd1c9a7be 100644
--- a/docs/data/joy/components/checkbox/ExampleFilterMemberCheckbox.js
+++ b/docs/data/joy/components/checkbox/ExampleFilterMemberCheckbox.js
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import Avatar from '@mui/joy/Avatar';
-import Box from '@mui/joy/Box';
 import Checkbox, { checkboxClasses } from '@mui/joy/Checkbox';
 import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
@@ -37,7 +36,7 @@ export default function ExampleFilterMemberCheckbox() {
       >
         Team members
       </Typography>
-      <Box role="group" aria-labelledby="member">
+      <div role="group" aria-labelledby="member">
         <List
           sx={{
             [`& .${checkboxClasses.root}`]: {
@@ -99,7 +98,7 @@ export default function ExampleFilterMemberCheckbox() {
             />
           </ListItem>
         </List>
-      </Box>
+      </div>
     </Sheet>
   );
 }
diff --git a/docs/data/joy/components/checkbox/ExampleFilterMemberCheckbox.tsx b/docs/data/joy/components/checkbox/ExampleFilterMemberCheckbox.tsx
index 7e3ef186e25e4d..69eebcecedc9f8 100644
--- a/docs/data/joy/components/checkbox/ExampleFilterMemberCheckbox.tsx
+++ b/docs/data/joy/components/checkbox/ExampleFilterMemberCheckbox.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import Avatar from '@mui/joy/Avatar';
-import Box from '@mui/joy/Box';
 import Checkbox, { checkboxClasses } from '@mui/joy/Checkbox';
 import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
@@ -39,7 +38,7 @@ export default function ExampleFilterMemberCheckbox() {
       >
         Team members
       </Typography>
-      <Box role="group" aria-labelledby="member">
+      <div role="group" aria-labelledby="member">
         <List
           sx={{
             [`& .${checkboxClasses.root}`]: {
@@ -101,7 +100,7 @@ export default function ExampleFilterMemberCheckbox() {
             />
           </ListItem>
         </List>
-      </Box>
+      </div>
     </Sheet>
   );
 }
diff --git a/docs/data/joy/components/checkbox/ExampleFilterStatusCheckbox.js b/docs/data/joy/components/checkbox/ExampleFilterStatusCheckbox.js
index 47c5036fdc1157..891df33d12b41a 100644
--- a/docs/data/joy/components/checkbox/ExampleFilterStatusCheckbox.js
+++ b/docs/data/joy/components/checkbox/ExampleFilterStatusCheckbox.js
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Checkbox from '@mui/joy/Checkbox';
 import List from '@mui/joy/List';
@@ -28,7 +27,7 @@ export default function ExampleFilterStatusCheckbox() {
       >
         Filter status
       </Typography>
-      <Box role="group" aria-labelledby="filter-status">
+      <div role="group" aria-labelledby="filter-status">
         <List>
           <ListItem variant="soft" color="danger">
             <Checkbox
@@ -71,7 +70,7 @@ export default function ExampleFilterStatusCheckbox() {
             />
           </ListItem>
         </List>
-      </Box>
+      </div>
       <Button
         variant="outlined"
         color="neutral"
diff --git a/docs/data/joy/components/checkbox/ExampleFilterStatusCheckbox.tsx b/docs/data/joy/components/checkbox/ExampleFilterStatusCheckbox.tsx
index 47c5036fdc1157..891df33d12b41a 100644
--- a/docs/data/joy/components/checkbox/ExampleFilterStatusCheckbox.tsx
+++ b/docs/data/joy/components/checkbox/ExampleFilterStatusCheckbox.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Checkbox from '@mui/joy/Checkbox';
 import List from '@mui/joy/List';
@@ -28,7 +27,7 @@ export default function ExampleFilterStatusCheckbox() {
       >
         Filter status
       </Typography>
-      <Box role="group" aria-labelledby="filter-status">
+      <div role="group" aria-labelledby="filter-status">
         <List>
           <ListItem variant="soft" color="danger">
             <Checkbox
@@ -71,7 +70,7 @@ export default function ExampleFilterStatusCheckbox() {
             />
           </ListItem>
         </List>
-      </Box>
+      </div>
       <Button
         variant="outlined"
         color="neutral"
diff --git a/docs/data/joy/components/checkbox/GroupCheckboxes.js b/docs/data/joy/components/checkbox/GroupCheckboxes.js
index 11db485221a8a5..0ede9d46ff9a34 100644
--- a/docs/data/joy/components/checkbox/GroupCheckboxes.js
+++ b/docs/data/joy/components/checkbox/GroupCheckboxes.js
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Checkbox from '@mui/joy/Checkbox';
 import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
@@ -7,11 +6,11 @@ import Typography from '@mui/joy/Typography';
 
 export default function GroupCheckboxes() {
   return (
-    <Box>
+    <div>
       <Typography id="sandwich-group" level="body-sm" fontWeight="lg" mb={1}>
         Sandwich Dressings
       </Typography>
-      <Box role="group" aria-labelledby="sandwich-group">
+      <div role="group" aria-labelledby="sandwich-group">
         <List size="sm">
           <ListItem>
             <Checkbox label="Lettuce" defaultChecked />
@@ -23,7 +22,7 @@ export default function GroupCheckboxes() {
             <Checkbox label="Mustard" />
           </ListItem>
         </List>
-      </Box>
-    </Box>
+      </div>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/checkbox/GroupCheckboxes.tsx b/docs/data/joy/components/checkbox/GroupCheckboxes.tsx
index 11db485221a8a5..0ede9d46ff9a34 100644
--- a/docs/data/joy/components/checkbox/GroupCheckboxes.tsx
+++ b/docs/data/joy/components/checkbox/GroupCheckboxes.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Checkbox from '@mui/joy/Checkbox';
 import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
@@ -7,11 +6,11 @@ import Typography from '@mui/joy/Typography';
 
 export default function GroupCheckboxes() {
   return (
-    <Box>
+    <div>
       <Typography id="sandwich-group" level="body-sm" fontWeight="lg" mb={1}>
         Sandwich Dressings
       </Typography>
-      <Box role="group" aria-labelledby="sandwich-group">
+      <div role="group" aria-labelledby="sandwich-group">
         <List size="sm">
           <ListItem>
             <Checkbox label="Lettuce" defaultChecked />
@@ -23,7 +22,7 @@ export default function GroupCheckboxes() {
             <Checkbox label="Mustard" />
           </ListItem>
         </List>
-      </Box>
-    </Box>
+      </div>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/checkbox/GroupCheckboxes.tsx.preview b/docs/data/joy/components/checkbox/GroupCheckboxes.tsx.preview
index db702453689f61..d0c7cf646ca4c2 100644
--- a/docs/data/joy/components/checkbox/GroupCheckboxes.tsx.preview
+++ b/docs/data/joy/components/checkbox/GroupCheckboxes.tsx.preview
@@ -1,7 +1,7 @@
 <Typography id="sandwich-group" level="body-sm" fontWeight="lg" mb={1}>
   Sandwich Dressings
 </Typography>
-<Box role="group" aria-labelledby="sandwich-group">
+<div role="group" aria-labelledby="sandwich-group">
   <List size="sm">
     <ListItem>
       <Checkbox label="Lettuce" defaultChecked />
@@ -13,4 +13,4 @@
       <Checkbox label="Mustard" />
     </ListItem>
   </List>
-</Box>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/docs/data/joy/components/checkbox/IconlessCheckbox.js b/docs/data/joy/components/checkbox/IconlessCheckbox.js
index 4587e4fa3a50eb..ea73c86f682899 100644
--- a/docs/data/joy/components/checkbox/IconlessCheckbox.js
+++ b/docs/data/joy/components/checkbox/IconlessCheckbox.js
@@ -11,7 +11,7 @@ export default function IconlessCheckbox() {
       <Typography id="topping" level="body-sm" fontWeight="lg" mb={2}>
         Pizza toppings
       </Typography>
-      <Box role="group" aria-labelledby="topping">
+      <div role="group" aria-labelledby="topping">
         <List
           orientation="horizontal"
           wrap
@@ -39,7 +39,7 @@ export default function IconlessCheckbox() {
             </ListItem>
           ))}
         </List>
-      </Box>
+      </div>
     </Box>
   );
 }
diff --git a/docs/data/joy/components/checkbox/IconlessCheckbox.tsx b/docs/data/joy/components/checkbox/IconlessCheckbox.tsx
index 4587e4fa3a50eb..ea73c86f682899 100644
--- a/docs/data/joy/components/checkbox/IconlessCheckbox.tsx
+++ b/docs/data/joy/components/checkbox/IconlessCheckbox.tsx
@@ -11,7 +11,7 @@ export default function IconlessCheckbox() {
       <Typography id="topping" level="body-sm" fontWeight="lg" mb={2}>
         Pizza toppings
       </Typography>
-      <Box role="group" aria-labelledby="topping">
+      <div role="group" aria-labelledby="topping">
         <List
           orientation="horizontal"
           wrap
@@ -39,7 +39,7 @@ export default function IconlessCheckbox() {
             </ListItem>
           ))}
         </List>
-      </Box>
+      </div>
     </Box>
   );
 }
diff --git a/docs/data/joy/components/checkbox/checkbox-pt.md b/docs/data/joy/components/checkbox/checkbox-pt.md
index 911919eb61cf0f..7e6c44559e62dd 100644
--- a/docs/data/joy/components/checkbox/checkbox-pt.md
+++ b/docs/data/joy/components/checkbox/checkbox-pt.md
@@ -72,7 +72,7 @@ Technically, the checkbox component only has two states: checked or unchecked. H
 It's common to find it in tables where you have one checkbox that selects every table row. Use the `indeterminate` prop to circle around these states.
 
 :::warning
-**⚠️ Keep in mind:** When the indeterminate state is set, the value of the `checked` prop only impacts the form submitted values. It has no accessibility or UX implications.
+**Keep in mind:** When the indeterminate state is set, the value of the `checked` prop only impacts the form submitted values. It has no accessibility or UX implications.
 :::
 
 {{"demo": "IndeterminateCheckbox.js"}}
diff --git a/docs/data/joy/components/checkbox/checkbox-zh.md b/docs/data/joy/components/checkbox/checkbox-zh.md
index 911919eb61cf0f..7e6c44559e62dd 100644
--- a/docs/data/joy/components/checkbox/checkbox-zh.md
+++ b/docs/data/joy/components/checkbox/checkbox-zh.md
@@ -72,7 +72,7 @@ Technically, the checkbox component only has two states: checked or unchecked. H
 It's common to find it in tables where you have one checkbox that selects every table row. Use the `indeterminate` prop to circle around these states.
 
 :::warning
-**⚠️ Keep in mind:** When the indeterminate state is set, the value of the `checked` prop only impacts the form submitted values. It has no accessibility or UX implications.
+**Keep in mind:** When the indeterminate state is set, the value of the `checked` prop only impacts the form submitted values. It has no accessibility or UX implications.
 :::
 
 {{"demo": "IndeterminateCheckbox.js"}}
diff --git a/docs/data/joy/components/chip/BasicChip.js b/docs/data/joy/components/chip/BasicChip.js
index e5b178e922a282..05750da219529f 100644
--- a/docs/data/joy/components/chip/BasicChip.js
+++ b/docs/data/joy/components/chip/BasicChip.js
@@ -1,11 +1,10 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Chip from '@mui/joy/Chip';
 
 export default function BasicChip() {
   return (
-    <Box>
+    <div>
       <Chip>This is a chip</Chip>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/chip/BasicChip.tsx b/docs/data/joy/components/chip/BasicChip.tsx
index e5b178e922a282..05750da219529f 100644
--- a/docs/data/joy/components/chip/BasicChip.tsx
+++ b/docs/data/joy/components/chip/BasicChip.tsx
@@ -1,11 +1,10 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Chip from '@mui/joy/Chip';
 
 export default function BasicChip() {
   return (
-    <Box>
+    <div>
       <Chip>This is a chip</Chip>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/chip/CheckboxChip.js b/docs/data/joy/components/chip/CheckboxChip.js
index 41194158010ffd..0811291ab32b9c 100644
--- a/docs/data/joy/components/chip/CheckboxChip.js
+++ b/docs/data/joy/components/chip/CheckboxChip.js
@@ -10,7 +10,7 @@ export default function CheckboxChip() {
 
   return (
     <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
-      <Box>
+      <div>
         <Typography level="title-lg" id="fav-movie" mb={2}>
           Favorite Movies
         </Typography>
@@ -59,7 +59,7 @@ export default function CheckboxChip() {
             );
           })}
         </Box>
-      </Box>
+      </div>
     </Box>
   );
 }
diff --git a/docs/data/joy/components/chip/CheckboxChip.tsx b/docs/data/joy/components/chip/CheckboxChip.tsx
index 2aeb6ec19f18a8..7de3b712705fd1 100644
--- a/docs/data/joy/components/chip/CheckboxChip.tsx
+++ b/docs/data/joy/components/chip/CheckboxChip.tsx
@@ -10,7 +10,7 @@ export default function CheckboxChip() {
 
   return (
     <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
-      <Box>
+      <div>
         <Typography level="title-lg" id="fav-movie" mb={2}>
           Favorite Movies
         </Typography>
@@ -59,7 +59,7 @@ export default function CheckboxChip() {
             );
           })}
         </Box>
-      </Box>
+      </div>
     </Box>
   );
 }
diff --git a/docs/data/joy/components/chip/RadioChip.js b/docs/data/joy/components/chip/RadioChip.js
index e2d620cc9301a7..439ab943887bea 100644
--- a/docs/data/joy/components/chip/RadioChip.js
+++ b/docs/data/joy/components/chip/RadioChip.js
@@ -11,7 +11,7 @@ export default function RadioChip() {
 
   return (
     <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
-      <Box>
+      <div>
         <Typography level="title-lg" id="best-movie" mb={2}>
           Best Movie
         </Typography>
@@ -60,7 +60,7 @@ export default function RadioChip() {
             );
           })}
         </RadioGroup>
-      </Box>
+      </div>
     </Box>
   );
 }
diff --git a/docs/data/joy/components/chip/RadioChip.tsx b/docs/data/joy/components/chip/RadioChip.tsx
index e2d620cc9301a7..439ab943887bea 100644
--- a/docs/data/joy/components/chip/RadioChip.tsx
+++ b/docs/data/joy/components/chip/RadioChip.tsx
@@ -11,7 +11,7 @@ export default function RadioChip() {
 
   return (
     <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
-      <Box>
+      <div>
         <Typography level="title-lg" id="best-movie" mb={2}>
           Best Movie
         </Typography>
@@ -60,7 +60,7 @@ export default function RadioChip() {
             );
           })}
         </RadioGroup>
-      </Box>
+      </div>
     </Box>
   );
 }
diff --git a/docs/data/joy/components/chip/chip.md b/docs/data/joy/components/chip/chip.md
index 927221d9482d8c..4c97d6960da9c9 100644
--- a/docs/data/joy/components/chip/chip.md
+++ b/docs/data/joy/components/chip/chip.md
@@ -91,10 +91,10 @@ Use checkboxes when you want to enable multiple selection.
 
 {{"demo": "CheckboxChip.js"}}
 
-## CSS variables
+## CSS variables playground
 
 Play around with all the CSS variables available in the slider component to see how the design changes.
 
 You can use those to customize the component on both the `sx` prop and the theme.
 
-{{"demo": "ChipVariables.js", "hideToolbar": true}}
+{{"demo": "ChipVariables.js", "hideToolbar": true, "bg": "gradient"}}
diff --git a/docs/data/joy/components/circular-progress/CircularProgressCountUp.js b/docs/data/joy/components/circular-progress/CircularProgressCountUp.js
new file mode 100644
index 00000000000000..9c4b1e8de9616f
--- /dev/null
+++ b/docs/data/joy/components/circular-progress/CircularProgressCountUp.js
@@ -0,0 +1,69 @@
+import * as React from 'react';
+import Stack from '@mui/joy/Stack';
+import Button from '@mui/joy/Button';
+import Typography from '@mui/joy/Typography';
+import CircularProgress from '@mui/joy/CircularProgress';
+import { useCountUp } from 'use-count-up';
+
+export default function CircularProgressCountUp() {
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [buttonLabel, setButtonLabel] = React.useState('Start');
+
+  const { value: value1, reset: resetValue1 } = useCountUp({
+    isCounting: isLoading,
+    duration: 1,
+    start: 0,
+    end: 25,
+    onComplete: () => {
+      setIsLoading(false);
+      setButtonLabel('Reset');
+    },
+  });
+
+  const { value: value2, reset } = useCountUp({
+    isCounting: true,
+    duration: 1,
+    start: 0,
+    end: 75,
+  });
+
+  const handleButtonClick = () => {
+    if (isLoading) {
+      setIsLoading(false);
+      setButtonLabel('Start');
+      resetValue1();
+    } else if (buttonLabel === 'Reset') {
+      setButtonLabel('Start');
+      resetValue1();
+    } else {
+      setIsLoading(true);
+      setButtonLabel('Reset');
+    }
+  };
+
+  return (
+    <Stack direction="row" alignItems="center" flexWrap="wrap" spacing={8}>
+      <Stack spacing={2}>
+        <CircularProgress size="lg" determinate value={value1}>
+          <Typography>{value1}%</Typography>
+        </CircularProgress>
+        <Button
+          size="sm"
+          variant="outlined"
+          color="neutral"
+          onClick={handleButtonClick}
+        >
+          {buttonLabel}
+        </Button>
+      </Stack>
+      <Stack spacing={2}>
+        <CircularProgress size="lg" determinate value={value2}>
+          <Typography>{value2}%</Typography>
+        </CircularProgress>
+        <Button size="sm" variant="outlined" color="neutral" onClick={reset}>
+          Reload
+        </Button>
+      </Stack>
+    </Stack>
+  );
+}
diff --git a/docs/data/joy/components/circular-progress/CircularProgressCountUp.tsx b/docs/data/joy/components/circular-progress/CircularProgressCountUp.tsx
new file mode 100644
index 00000000000000..d6a01fc813a42f
--- /dev/null
+++ b/docs/data/joy/components/circular-progress/CircularProgressCountUp.tsx
@@ -0,0 +1,69 @@
+import * as React from 'react';
+import Stack from '@mui/joy/Stack';
+import Button from '@mui/joy/Button';
+import Typography from '@mui/joy/Typography';
+import CircularProgress from '@mui/joy/CircularProgress';
+import { useCountUp } from 'use-count-up';
+
+export default function CircularProgressCountUp() {
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [buttonLabel, setButtonLabel] = React.useState('Start');
+
+  const { value: value1, reset: resetValue1 } = useCountUp({
+    isCounting: isLoading,
+    duration: 1,
+    start: 0,
+    end: 25,
+    onComplete: () => {
+      setIsLoading(false);
+      setButtonLabel('Reset');
+    },
+  });
+
+  const { value: value2, reset } = useCountUp({
+    isCounting: true,
+    duration: 1,
+    start: 0,
+    end: 75,
+  });
+
+  const handleButtonClick = () => {
+    if (isLoading) {
+      setIsLoading(false);
+      setButtonLabel('Start');
+      resetValue1();
+    } else if (buttonLabel === 'Reset') {
+      setButtonLabel('Start');
+      resetValue1();
+    } else {
+      setIsLoading(true);
+      setButtonLabel('Reset');
+    }
+  };
+
+  return (
+    <Stack direction="row" alignItems="center" flexWrap="wrap" spacing={8}>
+      <Stack spacing={2}>
+        <CircularProgress size="lg" determinate value={value1 as number}>
+          <Typography>{value1}%</Typography>
+        </CircularProgress>
+        <Button
+          size="sm"
+          variant="outlined"
+          color="neutral"
+          onClick={handleButtonClick}
+        >
+          {buttonLabel}
+        </Button>
+      </Stack>
+      <Stack spacing={2}>
+        <CircularProgress size="lg" determinate value={value2 as number}>
+          <Typography>{value2}%</Typography>
+        </CircularProgress>
+        <Button size="sm" variant="outlined" color="neutral" onClick={reset}>
+          Reload
+        </Button>
+      </Stack>
+    </Stack>
+  );
+}
diff --git a/docs/data/joy/components/circular-progress/circular-progress.md b/docs/data/joy/components/circular-progress/circular-progress.md
index e2c8d640a77a79..a764b83defe3d6 100644
--- a/docs/data/joy/components/circular-progress/circular-progress.md
+++ b/docs/data/joy/components/circular-progress/circular-progress.md
@@ -86,12 +86,20 @@ The size of the Circular Progress is controlled by a button, an icon button, or
 
 {{"demo": "CircularProgressButton.js"}}
 
-## CSS variable playground
+## Third-party integrations
+
+### use-count-up
+
+Use the `useCountUp` hook from the [use-count-up](https://www.npmjs.com/package/use-count-up) package to create a counting animation by providing `start`, `end`, and `duration` values.
+
+{{"demo": "CircularProgressCountUp.js"}}
+
+## CSS variables playground
 
 Play around with all the CSS variables available on the component to see how the design changes.
 You can use these to customize the component with both the `sx` prop and the theme.
 
-{{"demo": "CircularProgressVariables.js", "hideToolbar": true}}
+{{"demo": "CircularProgressVariables.js", "hideToolbar": true, "bg": "gradient"}}
 
 ## Accessibility
 
diff --git a/docs/data/joy/components/css-baseline/css-baseline.md b/docs/data/joy/components/css-baseline/css-baseline.md
index a9a9faccec8f2d..722664992b5fbf 100644
--- a/docs/data/joy/components/css-baseline/css-baseline.md
+++ b/docs/data/joy/components/css-baseline/css-baseline.md
@@ -58,7 +58,7 @@ export default function MyApp() {
 ```
 
 :::warning
-⚠️ Make sure you import `ScopedCssBaseline` first to avoid box-sizing conflicts as in the above example.
+Make sure you import `ScopedCssBaseline` first to avoid box-sizing conflicts as in the above example.
 :::
 
 ## Approach
diff --git a/docs/data/joy/components/divider/DividerInCard.js b/docs/data/joy/components/divider/DividerInCard.js
index 39059faeab947a..7b3e25d8e7cb05 100644
--- a/docs/data/joy/components/divider/DividerInCard.js
+++ b/docs/data/joy/components/divider/DividerInCard.js
@@ -10,7 +10,7 @@ import ArrowForward from '@mui/icons-material/ArrowForward';
 export default function DividerInCard() {
   const [orientation, setOrientation] = React.useState('vertical');
   return (
-    <Box>
+    <div>
       <Checkbox
         label="horizontal"
         checked={orientation === 'horizontal'}
@@ -45,6 +45,6 @@ export default function DividerInCard() {
           </Button>
         </Box>
       </Card>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/divider/DividerInCard.tsx b/docs/data/joy/components/divider/DividerInCard.tsx
index 05f7558a1e4059..eea5240708f234 100644
--- a/docs/data/joy/components/divider/DividerInCard.tsx
+++ b/docs/data/joy/components/divider/DividerInCard.tsx
@@ -11,7 +11,7 @@ export default function DividerInCard() {
   const [orientation, setOrientation] =
     React.useState<CardProps['orientation']>('vertical');
   return (
-    <Box>
+    <div>
       <Checkbox
         label="horizontal"
         checked={orientation === 'horizontal'}
@@ -46,6 +46,6 @@ export default function DividerInCard() {
           </Button>
         </Box>
       </Card>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/divider/DividerInModalDialog.js b/docs/data/joy/components/divider/DividerInModalDialog.js
index faa015d6f27260..3dccf0a1e9f494 100644
--- a/docs/data/joy/components/divider/DividerInModalDialog.js
+++ b/docs/data/joy/components/divider/DividerInModalDialog.js
@@ -1,15 +1,15 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
+import CardOverflow from '@mui/joy/CardOverflow';
 import ModalDialog from '@mui/joy/ModalDialog';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
+import DialogActions from '@mui/joy/DialogActions';
 import Divider from '@mui/joy/Divider';
-import Typography from '@mui/joy/Typography';
 
 export default function DividerInModalDialog() {
   return (
     <ModalDialog
-      aria-labelledby="divider-modal-title"
-      aria-describedby="divider-modal-desc"
       sx={{
         // this custom styles is for demonstration purpose, you might not need them in your app
         position: 'static',
@@ -17,29 +17,25 @@ export default function DividerInModalDialog() {
         maxWidth: 300,
       }}
     >
-      <Typography fontSize="lg" fontWeight="lg" id="divider-modal-title">
-        Modal Title
-      </Typography>
+      <DialogTitle>Modal Title</DialogTitle>
       <Divider inset="none" />
-      <Typography level="body-sm" id="divider-modal-desc" fontSize="sm">
+      <DialogContent>
         Lorem Ipsum is simply dummy text of the printing and typesetting industry.
         Lorem Ipsum has been the industry standard dummy text ever since the 1500s
-      </Typography>
-      <Divider />
-      <Box
+      </DialogContent>
+      <CardOverflow
         sx={{
           bgcolor: 'background.level1',
-          px: 2,
-          py: 1.5,
-          m: 'calc(-1 * var(--ModalDialog-padding))',
-          mt: 0,
-          borderBottomLeftRadius: 'var(--ModalDialog-radius)',
-          borderBottomRightRadius: 'var(--ModalDialog-radius)',
-          textAlign: 'right',
         }}
       >
-        <Button size="sm">Got it!</Button>
-      </Box>
+        <Divider inset="context" />
+        <DialogActions
+          buttonFlex="none"
+          sx={{ pt: 1.5, justifyContent: 'flex-start' }}
+        >
+          <Button size="sm">Got it!</Button>
+        </DialogActions>
+      </CardOverflow>
     </ModalDialog>
   );
 }
diff --git a/docs/data/joy/components/divider/DividerInModalDialog.tsx b/docs/data/joy/components/divider/DividerInModalDialog.tsx
index faa015d6f27260..3dccf0a1e9f494 100644
--- a/docs/data/joy/components/divider/DividerInModalDialog.tsx
+++ b/docs/data/joy/components/divider/DividerInModalDialog.tsx
@@ -1,15 +1,15 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
+import CardOverflow from '@mui/joy/CardOverflow';
 import ModalDialog from '@mui/joy/ModalDialog';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
+import DialogActions from '@mui/joy/DialogActions';
 import Divider from '@mui/joy/Divider';
-import Typography from '@mui/joy/Typography';
 
 export default function DividerInModalDialog() {
   return (
     <ModalDialog
-      aria-labelledby="divider-modal-title"
-      aria-describedby="divider-modal-desc"
       sx={{
         // this custom styles is for demonstration purpose, you might not need them in your app
         position: 'static',
@@ -17,29 +17,25 @@ export default function DividerInModalDialog() {
         maxWidth: 300,
       }}
     >
-      <Typography fontSize="lg" fontWeight="lg" id="divider-modal-title">
-        Modal Title
-      </Typography>
+      <DialogTitle>Modal Title</DialogTitle>
       <Divider inset="none" />
-      <Typography level="body-sm" id="divider-modal-desc" fontSize="sm">
+      <DialogContent>
         Lorem Ipsum is simply dummy text of the printing and typesetting industry.
         Lorem Ipsum has been the industry standard dummy text ever since the 1500s
-      </Typography>
-      <Divider />
-      <Box
+      </DialogContent>
+      <CardOverflow
         sx={{
           bgcolor: 'background.level1',
-          px: 2,
-          py: 1.5,
-          m: 'calc(-1 * var(--ModalDialog-padding))',
-          mt: 0,
-          borderBottomLeftRadius: 'var(--ModalDialog-radius)',
-          borderBottomRightRadius: 'var(--ModalDialog-radius)',
-          textAlign: 'right',
         }}
       >
-        <Button size="sm">Got it!</Button>
-      </Box>
+        <Divider inset="context" />
+        <DialogActions
+          buttonFlex="none"
+          sx={{ pt: 1.5, justifyContent: 'flex-start' }}
+        >
+          <Button size="sm">Got it!</Button>
+        </DialogActions>
+      </CardOverflow>
     </ModalDialog>
   );
 }
diff --git a/docs/data/joy/components/drawer/DrawerAnchor.js b/docs/data/joy/components/drawer/DrawerAnchor.js
new file mode 100644
index 00000000000000..0523d6d4ea6ade
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerAnchor.js
@@ -0,0 +1,72 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import Drawer from '@mui/joy/Drawer';
+import ButtonGroup from '@mui/joy/ButtonGroup';
+import Button from '@mui/joy/Button';
+import List from '@mui/joy/List';
+import Divider from '@mui/joy/Divider';
+import ListItem from '@mui/joy/ListItem';
+import ListItemButton from '@mui/joy/ListItemButton';
+
+export default function DrawerAnchor() {
+  const [state, setState] = React.useState({
+    top: false,
+    left: false,
+    bottom: false,
+    right: false,
+  });
+
+  const toggleDrawer = (anchor, open) => (event) => {
+    if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {
+      return;
+    }
+
+    setState({ ...state, [anchor]: open });
+  };
+
+  const list = (anchor) => (
+    <Box
+      role="presentation"
+      onClick={toggleDrawer(anchor, false)}
+      onKeyDown={toggleDrawer(anchor, false)}
+    >
+      <List>
+        {['Inbox', 'Starred', 'Send email', 'Drafts'].map((text) => (
+          <ListItem key={text}>
+            <ListItemButton>{text}</ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+      <Divider />
+      <List>
+        {['All mail', 'Trash', 'Spam'].map((text) => (
+          <ListItem key={text}>
+            <ListItemButton>{text}</ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+    </Box>
+  );
+
+  return (
+    <React.Fragment>
+      <ButtonGroup variant="outlined">
+        {['left', 'right', 'top', 'bottom'].map((anchor) => (
+          <Button key={anchor} onClick={toggleDrawer(anchor, true)}>
+            {anchor}
+          </Button>
+        ))}
+      </ButtonGroup>
+      {['left', 'right', 'top', 'bottom'].map((anchor) => (
+        <Drawer
+          key={anchor}
+          anchor={anchor}
+          open={state[anchor]}
+          onClose={toggleDrawer(anchor, false)}
+        >
+          {list(anchor)}
+        </Drawer>
+      ))}
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerAnchor.tsx b/docs/data/joy/components/drawer/DrawerAnchor.tsx
new file mode 100644
index 00000000000000..677ad8db09533f
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerAnchor.tsx
@@ -0,0 +1,80 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import Drawer from '@mui/joy/Drawer';
+import ButtonGroup from '@mui/joy/ButtonGroup';
+import Button from '@mui/joy/Button';
+import List from '@mui/joy/List';
+import Divider from '@mui/joy/Divider';
+import ListItem from '@mui/joy/ListItem';
+import ListItemButton from '@mui/joy/ListItemButton';
+
+type Anchor = 'top' | 'left' | 'bottom' | 'right';
+
+export default function DrawerAnchor() {
+  const [state, setState] = React.useState({
+    top: false,
+    left: false,
+    bottom: false,
+    right: false,
+  });
+
+  const toggleDrawer =
+    (anchor: Anchor, open: boolean) =>
+    (event: React.KeyboardEvent | React.MouseEvent) => {
+      if (
+        event.type === 'keydown' &&
+        ((event as React.KeyboardEvent).key === 'Tab' ||
+          (event as React.KeyboardEvent).key === 'Shift')
+      ) {
+        return;
+      }
+
+      setState({ ...state, [anchor]: open });
+    };
+
+  const list = (anchor: Anchor) => (
+    <Box
+      role="presentation"
+      onClick={toggleDrawer(anchor, false)}
+      onKeyDown={toggleDrawer(anchor, false)}
+    >
+      <List>
+        {['Inbox', 'Starred', 'Send email', 'Drafts'].map((text) => (
+          <ListItem key={text}>
+            <ListItemButton>{text}</ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+      <Divider />
+      <List>
+        {['All mail', 'Trash', 'Spam'].map((text) => (
+          <ListItem key={text}>
+            <ListItemButton>{text}</ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+    </Box>
+  );
+
+  return (
+    <React.Fragment>
+      <ButtonGroup variant="outlined">
+        {(['left', 'right', 'top', 'bottom'] as const).map((anchor) => (
+          <Button key={anchor} onClick={toggleDrawer(anchor, true)}>
+            {anchor}
+          </Button>
+        ))}
+      </ButtonGroup>
+      {(['left', 'right', 'top', 'bottom'] as const).map((anchor) => (
+        <Drawer
+          key={anchor}
+          anchor={anchor}
+          open={state[anchor]}
+          onClose={toggleDrawer(anchor, false)}
+        >
+          {list(anchor)}
+        </Drawer>
+      ))}
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerBasic.js b/docs/data/joy/components/drawer/DrawerBasic.js
new file mode 100644
index 00000000000000..9c103b988a6ad7
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerBasic.js
@@ -0,0 +1,51 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import Drawer from '@mui/joy/Drawer';
+import Button from '@mui/joy/Button';
+import List from '@mui/joy/List';
+import Divider from '@mui/joy/Divider';
+import ListItem from '@mui/joy/ListItem';
+import ListItemButton from '@mui/joy/ListItemButton';
+
+export default function DrawerBasic() {
+  const [open, setOpen] = React.useState(false);
+
+  const toggleDrawer = (inOpen) => (event) => {
+    if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {
+      return;
+    }
+
+    setOpen(inOpen);
+  };
+
+  return (
+    <Box sx={{ display: 'flex' }}>
+      <Button variant="outlined" color="neutral" onClick={toggleDrawer(true)}>
+        Open drawer
+      </Button>
+      <Drawer open={open} onClose={toggleDrawer(false)}>
+        <Box
+          role="presentation"
+          onClick={toggleDrawer(false)}
+          onKeyDown={toggleDrawer(false)}
+        >
+          <List>
+            {['Inbox', 'Starred', 'Send email', 'Drafts'].map((text) => (
+              <ListItem key={text}>
+                <ListItemButton>{text}</ListItemButton>
+              </ListItem>
+            ))}
+          </List>
+          <Divider />
+          <List>
+            {['All mail', 'Trash', 'Spam'].map((text) => (
+              <ListItem key={text}>
+                <ListItemButton>{text}</ListItemButton>
+              </ListItem>
+            ))}
+          </List>
+        </Box>
+      </Drawer>
+    </Box>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerBasic.tsx b/docs/data/joy/components/drawer/DrawerBasic.tsx
new file mode 100644
index 00000000000000..6bcc4a39727756
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerBasic.tsx
@@ -0,0 +1,56 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import Drawer from '@mui/joy/Drawer';
+import Button from '@mui/joy/Button';
+import List from '@mui/joy/List';
+import Divider from '@mui/joy/Divider';
+import ListItem from '@mui/joy/ListItem';
+import ListItemButton from '@mui/joy/ListItemButton';
+
+export default function DrawerBasic() {
+  const [open, setOpen] = React.useState(false);
+
+  const toggleDrawer =
+    (inOpen: boolean) => (event: React.KeyboardEvent | React.MouseEvent) => {
+      if (
+        event.type === 'keydown' &&
+        ((event as React.KeyboardEvent).key === 'Tab' ||
+          (event as React.KeyboardEvent).key === 'Shift')
+      ) {
+        return;
+      }
+
+      setOpen(inOpen);
+    };
+
+  return (
+    <Box sx={{ display: 'flex' }}>
+      <Button variant="outlined" color="neutral" onClick={toggleDrawer(true)}>
+        Open drawer
+      </Button>
+      <Drawer open={open} onClose={toggleDrawer(false)}>
+        <Box
+          role="presentation"
+          onClick={toggleDrawer(false)}
+          onKeyDown={toggleDrawer(false)}
+        >
+          <List>
+            {['Inbox', 'Starred', 'Send email', 'Drafts'].map((text) => (
+              <ListItem key={text}>
+                <ListItemButton>{text}</ListItemButton>
+              </ListItem>
+            ))}
+          </List>
+          <Divider />
+          <List>
+            {['All mail', 'Trash', 'Spam'].map((text) => (
+              <ListItem key={text}>
+                <ListItemButton>{text}</ListItemButton>
+              </ListItem>
+            ))}
+          </List>
+        </Box>
+      </Drawer>
+    </Box>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerCloseButton.js b/docs/data/joy/components/drawer/DrawerCloseButton.js
new file mode 100644
index 00000000000000..6d10e1ae93b587
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerCloseButton.js
@@ -0,0 +1,22 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import Button from '@mui/joy/Button';
+import Drawer from '@mui/joy/Drawer';
+import DialogTitle from '@mui/joy/DialogTitle';
+import ModalClose from '@mui/joy/ModalClose';
+
+export default function DrawerCloseButton() {
+  const [open, setOpen] = React.useState(false);
+
+  return (
+    <Box sx={{ display: 'flex' }}>
+      <Button variant="outlined" color="neutral" onClick={() => setOpen(true)}>
+        Open drawer
+      </Button>
+      <Drawer open={open} onClose={() => setOpen(false)}>
+        <ModalClose />
+        <DialogTitle>Title</DialogTitle>
+      </Drawer>
+    </Box>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerCloseButton.tsx b/docs/data/joy/components/drawer/DrawerCloseButton.tsx
new file mode 100644
index 00000000000000..6d10e1ae93b587
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerCloseButton.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import Button from '@mui/joy/Button';
+import Drawer from '@mui/joy/Drawer';
+import DialogTitle from '@mui/joy/DialogTitle';
+import ModalClose from '@mui/joy/ModalClose';
+
+export default function DrawerCloseButton() {
+  const [open, setOpen] = React.useState(false);
+
+  return (
+    <Box sx={{ display: 'flex' }}>
+      <Button variant="outlined" color="neutral" onClick={() => setOpen(true)}>
+        Open drawer
+      </Button>
+      <Drawer open={open} onClose={() => setOpen(false)}>
+        <ModalClose />
+        <DialogTitle>Title</DialogTitle>
+      </Drawer>
+    </Box>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerCloseButton.tsx.preview b/docs/data/joy/components/drawer/DrawerCloseButton.tsx.preview
new file mode 100644
index 00000000000000..1ade8a1795e0b7
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerCloseButton.tsx.preview
@@ -0,0 +1,7 @@
+<Button variant="outlined" color="neutral" onClick={() => setOpen(true)}>
+  Open drawer
+</Button>
+<Drawer open={open} onClose={() => setOpen(false)}>
+  <ModalClose />
+  <DialogTitle>Title</DialogTitle>
+</Drawer>
\ No newline at end of file
diff --git a/docs/data/joy/components/drawer/DrawerFilters.js b/docs/data/joy/components/drawer/DrawerFilters.js
new file mode 100644
index 00000000000000..77ad4f04716a29
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerFilters.js
@@ -0,0 +1,272 @@
+import * as React from 'react';
+import AspectRatio from '@mui/joy/AspectRatio';
+import Box from '@mui/joy/Box';
+import Drawer from '@mui/joy/Drawer';
+import Button from '@mui/joy/Button';
+import Card from '@mui/joy/Card';
+import CardContent from '@mui/joy/CardContent';
+import Checkbox from '@mui/joy/Checkbox';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
+import ModalClose from '@mui/joy/ModalClose';
+import Divider from '@mui/joy/Divider';
+import FormControl from '@mui/joy/FormControl';
+import FormLabel from '@mui/joy/FormLabel';
+import FormHelperText from '@mui/joy/FormHelperText';
+import List from '@mui/joy/List';
+import ListItem from '@mui/joy/ListItem';
+import Stack from '@mui/joy/Stack';
+import RadioGroup from '@mui/joy/RadioGroup';
+import Radio from '@mui/joy/Radio';
+import Sheet from '@mui/joy/Sheet';
+import Switch from '@mui/joy/Switch';
+import Typography from '@mui/joy/Typography';
+import TuneIcon from '@mui/icons-material/TuneRounded';
+import HomeRoundedIcon from '@mui/icons-material/HomeRounded';
+import ApartmentRoundedIcon from '@mui/icons-material/ApartmentRounded';
+import MeetingRoomRoundedIcon from '@mui/icons-material/MeetingRoomRounded';
+import HotelRoundedIcon from '@mui/icons-material/HotelRounded';
+import Done from '@mui/icons-material/Done';
+
+export default function DrawerFilters() {
+  const [open, setOpen] = React.useState(false);
+  const [type, setType] = React.useState('Guesthouse');
+  const [amenities, setAmenities] = React.useState([0, 6]);
+
+  return (
+    <React.Fragment>
+      <Button
+        variant="outlined"
+        color="neutral"
+        startDecorator={<TuneIcon />}
+        onClick={() => setOpen(true)}
+      >
+        Change filters
+      </Button>
+      <Drawer
+        size="md"
+        variant="plain"
+        open={open}
+        onClose={() => setOpen(false)}
+        slotProps={{
+          content: {
+            sx: {
+              bgcolor: 'transparent',
+              p: { md: 3, sm: 0 },
+              boxShadow: 'none',
+            },
+          },
+        }}
+      >
+        <Sheet
+          sx={{
+            borderRadius: 'md',
+            p: 2,
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 2,
+            height: '100%',
+            overflow: 'auto',
+          }}
+        >
+          <DialogTitle>Filters</DialogTitle>
+          <ModalClose />
+          <DialogContent sx={{ gap: 2 }}>
+            <FormControl>
+              <FormLabel sx={{ typography: 'title-md' }}>Property Type</FormLabel>
+              <RadioGroup
+                value={type || ''}
+                onChange={(event) => {
+                  setType(event.target.value);
+                }}
+              >
+                <Box
+                  sx={{
+                    display: 'grid',
+                    gridTemplateColumns: 'repeat(auto-fill, minmax(140px, 1fr))',
+                    gap: 1.5,
+                  }}
+                >
+                  {[
+                    {
+                      name: 'House',
+                      icon: <HomeRoundedIcon />,
+                    },
+                    {
+                      name: 'Apartment',
+                      icon: <ApartmentRoundedIcon />,
+                    },
+                    {
+                      name: 'Guesthouse',
+                      icon: <MeetingRoomRoundedIcon />,
+                    },
+                    {
+                      name: 'Hotel',
+                      icon: <HotelRoundedIcon />,
+                    },
+                  ].map((item) => (
+                    <Card
+                      key={item.name}
+                      sx={{
+                        boxShadow: 'none',
+                        '&:hover': { bgcolor: 'background.level1' },
+                      }}
+                    >
+                      <CardContent>
+                        {item.icon}
+                        <Typography level="title-md">{item.name}</Typography>
+                      </CardContent>
+                      <Radio
+                        disableIcon
+                        overlay
+                        checked={type === item.name}
+                        variant="outlined"
+                        color="neutral"
+                        value={item.name}
+                        sx={{ mt: -2 }}
+                        slotProps={{
+                          action: {
+                            sx: {
+                              ...(type === item.name && {
+                                borderWidth: 2,
+                                borderColor:
+                                  'var(--joy-palette-primary-outlinedBorder)',
+                              }),
+                              '&:hover': {
+                                bgcolor: 'transparent',
+                              },
+                            },
+                          },
+                        }}
+                      />
+                    </Card>
+                  ))}
+                </Box>
+              </RadioGroup>
+            </FormControl>
+
+            <Typography component="div" level="title-md">
+              Amenities
+            </Typography>
+            <div role="group" aria-labelledby="rank">
+              <List
+                orientation="horizontal"
+                size="sm"
+                wrap
+                sx={{
+                  '--List-gap': '12px',
+                  '--ListItem-radius': '20px',
+                }}
+              >
+                {[
+                  'Wifi',
+                  'Washer',
+                  'Air Conditioner',
+                  'Kitchen',
+                  'Dryer',
+                  'Heating',
+                  'Dedicated Workspace',
+                ].map((item, index) => {
+                  const selected = amenities.includes(index);
+                  return (
+                    <ListItem key={item}>
+                      <AspectRatio
+                        variant={selected ? 'solid' : 'outlined'}
+                        color={selected ? 'primary' : 'neutral'}
+                        ratio={1}
+                        sx={{ width: 20, borderRadius: 20, ml: -0.5, mr: 0.75 }}
+                      >
+                        <div>{selected && <Done fontSize="md" />}</div>
+                      </AspectRatio>
+                      <Checkbox
+                        size="sm"
+                        color="neutral"
+                        disableIcon
+                        overlay
+                        label={item}
+                        variant="outlined"
+                        checked={selected}
+                        onChange={(event) =>
+                          setAmenities((prev) => {
+                            const set = new Set([...prev, index]);
+                            if (!event.target.checked) {
+                              set.delete(index);
+                            }
+
+                            return [...set];
+                          })
+                        }
+                        slotProps={{
+                          action: {
+                            sx: {
+                              '&:hover': {
+                                bgcolor: 'transparent',
+                              },
+                            },
+                          },
+                        }}
+                      />
+                    </ListItem>
+                  );
+                })}
+              </List>
+            </div>
+
+            <Typography level="title-md" sx={{ mt: 1 }}>
+              Booking Options
+            </Typography>
+            <FormControl orientation="horizontal">
+              <Box sx={{ flex: 1, pr: 1 }}>
+                <FormLabel sx={{ typography: 'title-sm' }}>Instant Book</FormLabel>
+                <FormHelperText sx={{ typography: 'body-sm' }}>
+                  Listings you can book without waiting for host approval
+                </FormHelperText>
+              </Box>
+              <Switch />
+            </FormControl>
+
+            <FormControl orientation="horizontal">
+              <Box sx={{ flex: 1, mt: 1, mr: 1 }}>
+                <FormLabel sx={{ typography: 'title-sm' }}>Self Check-in</FormLabel>
+                <FormHelperText sx={{ typography: 'body-sm' }}>
+                  Easy access to the property when you arrive
+                </FormHelperText>
+              </Box>
+              <Switch />
+            </FormControl>
+
+            <FormControl orientation="horizontal">
+              <Box sx={{ flex: 1, mt: 1, mr: 1 }}>
+                <FormLabel sx={{ typography: 'title-sm' }}>Superhost</FormLabel>
+                <FormHelperText sx={{ typography: 'body-sm' }}>
+                  Stay with top tier recognized hosts
+                </FormHelperText>
+              </Box>
+              <Switch />
+            </FormControl>
+          </DialogContent>
+
+          <Divider sx={{ mt: 'auto' }} />
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            useFlexGap
+            spacing={1}
+          >
+            <Button
+              variant="outlined"
+              color="neutral"
+              onClick={() => {
+                setType('');
+                setAmenities([]);
+              }}
+            >
+              Clear
+            </Button>
+            <Button onClick={() => setOpen(false)}>Show 165 properties</Button>
+          </Stack>
+        </Sheet>
+      </Drawer>
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerFilters.tsx b/docs/data/joy/components/drawer/DrawerFilters.tsx
new file mode 100644
index 00000000000000..e1427ccd6a4880
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerFilters.tsx
@@ -0,0 +1,273 @@
+import * as React from 'react';
+import AspectRatio from '@mui/joy/AspectRatio';
+import Box from '@mui/joy/Box';
+import Drawer from '@mui/joy/Drawer';
+import Button from '@mui/joy/Button';
+import Card from '@mui/joy/Card';
+import CardContent from '@mui/joy/CardContent';
+import Checkbox from '@mui/joy/Checkbox';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
+import ModalClose from '@mui/joy/ModalClose';
+import Divider from '@mui/joy/Divider';
+import FormControl from '@mui/joy/FormControl';
+import FormLabel from '@mui/joy/FormLabel';
+import FormHelperText from '@mui/joy/FormHelperText';
+import List from '@mui/joy/List';
+import ListItem from '@mui/joy/ListItem';
+import Stack from '@mui/joy/Stack';
+import RadioGroup from '@mui/joy/RadioGroup';
+import Radio from '@mui/joy/Radio';
+import Sheet from '@mui/joy/Sheet';
+import Switch from '@mui/joy/Switch';
+import Typography from '@mui/joy/Typography';
+import TuneIcon from '@mui/icons-material/TuneRounded';
+import HomeRoundedIcon from '@mui/icons-material/HomeRounded';
+import ApartmentRoundedIcon from '@mui/icons-material/ApartmentRounded';
+import MeetingRoomRoundedIcon from '@mui/icons-material/MeetingRoomRounded';
+import HotelRoundedIcon from '@mui/icons-material/HotelRounded';
+import Done from '@mui/icons-material/Done';
+
+export default function DrawerFilters() {
+  const [open, setOpen] = React.useState(false);
+  const [type, setType] = React.useState('Guesthouse');
+  const [amenities, setAmenities] = React.useState([0, 6]);
+
+  return (
+    <React.Fragment>
+      <Button
+        variant="outlined"
+        color="neutral"
+        startDecorator={<TuneIcon />}
+        onClick={() => setOpen(true)}
+      >
+        Change filters
+      </Button>
+      <Drawer
+        size="md"
+        variant="plain"
+        open={open}
+        onClose={() => setOpen(false)}
+        slotProps={{
+          content: {
+            sx: {
+              bgcolor: 'transparent',
+              p: { md: 3, sm: 0 },
+              boxShadow: 'none',
+            },
+          },
+        }}
+      >
+        <Sheet
+          sx={{
+            borderRadius: 'md',
+            p: 2,
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 2,
+            height: '100%',
+            overflow: 'auto',
+          }}
+        >
+          <DialogTitle>Filters</DialogTitle>
+          <ModalClose />
+
+          <DialogContent sx={{ gap: 2 }}>
+            <FormControl>
+              <FormLabel sx={{ typography: 'title-md' }}>Property Type</FormLabel>
+              <RadioGroup
+                value={type || ''}
+                onChange={(event) => {
+                  setType(event.target.value);
+                }}
+              >
+                <Box
+                  sx={{
+                    display: 'grid',
+                    gridTemplateColumns: 'repeat(auto-fill, minmax(140px, 1fr))',
+                    gap: 1.5,
+                  }}
+                >
+                  {[
+                    {
+                      name: 'House',
+                      icon: <HomeRoundedIcon />,
+                    },
+                    {
+                      name: 'Apartment',
+                      icon: <ApartmentRoundedIcon />,
+                    },
+                    {
+                      name: 'Guesthouse',
+                      icon: <MeetingRoomRoundedIcon />,
+                    },
+                    {
+                      name: 'Hotel',
+                      icon: <HotelRoundedIcon />,
+                    },
+                  ].map((item) => (
+                    <Card
+                      key={item.name}
+                      sx={{
+                        boxShadow: 'none',
+                        '&:hover': { bgcolor: 'background.level1' },
+                      }}
+                    >
+                      <CardContent>
+                        {item.icon}
+                        <Typography level="title-md">{item.name}</Typography>
+                      </CardContent>
+                      <Radio
+                        disableIcon
+                        overlay
+                        checked={type === item.name}
+                        variant="outlined"
+                        color="neutral"
+                        value={item.name}
+                        sx={{ mt: -2 }}
+                        slotProps={{
+                          action: {
+                            sx: {
+                              ...(type === item.name && {
+                                borderWidth: 2,
+                                borderColor:
+                                  'var(--joy-palette-primary-outlinedBorder)',
+                              }),
+                              '&:hover': {
+                                bgcolor: 'transparent',
+                              },
+                            },
+                          },
+                        }}
+                      />
+                    </Card>
+                  ))}
+                </Box>
+              </RadioGroup>
+            </FormControl>
+
+            <Typography component="div" level="title-md">
+              Amenities
+            </Typography>
+            <div role="group" aria-labelledby="rank">
+              <List
+                orientation="horizontal"
+                size="sm"
+                wrap
+                sx={{
+                  '--List-gap': '12px',
+                  '--ListItem-radius': '20px',
+                }}
+              >
+                {[
+                  'Wifi',
+                  'Washer',
+                  'Air Conditioner',
+                  'Kitchen',
+                  'Dryer',
+                  'Heating',
+                  'Dedicated Workspace',
+                ].map((item, index) => {
+                  const selected = amenities.includes(index);
+                  return (
+                    <ListItem key={item}>
+                      <AspectRatio
+                        variant={selected ? 'solid' : 'outlined'}
+                        color={selected ? 'primary' : 'neutral'}
+                        ratio={1}
+                        sx={{ width: 20, borderRadius: 20, ml: -0.5, mr: 0.75 }}
+                      >
+                        <div>{selected && <Done fontSize="md" />}</div>
+                      </AspectRatio>
+                      <Checkbox
+                        size="sm"
+                        color="neutral"
+                        disableIcon
+                        overlay
+                        label={item}
+                        variant="outlined"
+                        checked={selected}
+                        onChange={(event) =>
+                          setAmenities((prev) => {
+                            const set = new Set([...prev, index]);
+                            if (!event.target.checked) {
+                              set.delete(index);
+                            }
+                            // @ts-ignore
+                            return [...set];
+                          })
+                        }
+                        slotProps={{
+                          action: {
+                            sx: {
+                              '&:hover': {
+                                bgcolor: 'transparent',
+                              },
+                            },
+                          },
+                        }}
+                      />
+                    </ListItem>
+                  );
+                })}
+              </List>
+            </div>
+
+            <Typography level="title-md" sx={{ mt: 1 }}>
+              Booking Options
+            </Typography>
+            <FormControl orientation="horizontal">
+              <Box sx={{ flex: 1, pr: 1 }}>
+                <FormLabel sx={{ typography: 'title-sm' }}>Instant Book</FormLabel>
+                <FormHelperText sx={{ typography: 'body-sm' }}>
+                  Listings you can book without waiting for host approval
+                </FormHelperText>
+              </Box>
+              <Switch />
+            </FormControl>
+
+            <FormControl orientation="horizontal">
+              <Box sx={{ flex: 1, mt: 1, mr: 1 }}>
+                <FormLabel sx={{ typography: 'title-sm' }}>Self Check-in</FormLabel>
+                <FormHelperText sx={{ typography: 'body-sm' }}>
+                  Easy access to the property when you arrive
+                </FormHelperText>
+              </Box>
+              <Switch />
+            </FormControl>
+
+            <FormControl orientation="horizontal">
+              <Box sx={{ flex: 1, mt: 1, mr: 1 }}>
+                <FormLabel sx={{ typography: 'title-sm' }}>Superhost</FormLabel>
+                <FormHelperText sx={{ typography: 'body-sm' }}>
+                  Stay with top tier recognized hosts
+                </FormHelperText>
+              </Box>
+              <Switch />
+            </FormControl>
+          </DialogContent>
+
+          <Divider sx={{ mt: 'auto' }} />
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            useFlexGap
+            spacing={1}
+          >
+            <Button
+              variant="outlined"
+              color="neutral"
+              onClick={() => {
+                setType('');
+                setAmenities([]);
+              }}
+            >
+              Clear
+            </Button>
+            <Button onClick={() => setOpen(false)}>Show 165 properties</Button>
+          </Stack>
+        </Sheet>
+      </Drawer>
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerMobileNavigation.js b/docs/data/joy/components/drawer/DrawerMobileNavigation.js
new file mode 100644
index 00000000000000..711a9617796a61
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerMobileNavigation.js
@@ -0,0 +1,99 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import IconButton from '@mui/joy/IconButton';
+import Drawer from '@mui/joy/Drawer';
+import Input from '@mui/joy/Input';
+import List from '@mui/joy/List';
+import ListItemButton from '@mui/joy/ListItemButton';
+import Typography from '@mui/joy/Typography';
+import ModalClose from '@mui/joy/ModalClose';
+import Menu from '@mui/icons-material/Menu';
+import Search from '@mui/icons-material/Search';
+
+export default function DrawerMobileNavigation() {
+  const [open, setOpen] = React.useState(false);
+
+  return (
+    <React.Fragment>
+      <IconButton variant="outlined" color="neutral" onClick={() => setOpen(true)}>
+        <Menu />
+      </IconButton>
+      <Drawer open={open} onClose={() => setOpen(false)}>
+        <Box
+          sx={{
+            display: 'flex',
+            alignItems: 'center',
+            gap: 0.5,
+            ml: 'auto',
+            mt: 1,
+            mr: 1,
+          }}
+        >
+          <Typography
+            component="label"
+            htmlFor="close-icon"
+            fontSize="sm"
+            fontWeight="lg"
+            sx={{ cursor: 'pointer' }}
+          >
+            close
+          </Typography>
+          <ModalClose id="close-icon" sx={{ position: 'initial' }} />
+        </Box>
+        <List
+          size="lg"
+          component="nav"
+          sx={{
+            flex: 'none',
+            mt: 6,
+            mb: 5,
+            fontSize: 'xl',
+            '& > div': { justifyContent: 'center' },
+          }}
+        >
+          <ListItemButton sx={{ fontWeight: 'lg' }}>Home</ListItemButton>
+          <ListItemButton>About</ListItemButton>
+          <ListItemButton>Works</ListItemButton>
+          <ListItemButton>Studio</ListItemButton>
+          <ListItemButton>Contact</ListItemButton>
+        </List>
+        <Box sx={{ px: 5, textAlign: 'center' }}>
+          <Input
+            placeholder="Search"
+            variant="plain"
+            endDecorator={<Search />}
+            slotProps={{
+              input: {
+                'aria-label': 'Search anything',
+              },
+            }}
+            sx={{
+              borderRadius: 0,
+              borderBottom: '2px solid',
+              borderColor: 'neutral.outlinedBorder',
+              '&:hover': {
+                borderColor: 'neutral.outlinedHoverBorder',
+              },
+              '&::before': {
+                border: '1px solid var(--Input-focusedHighlight)',
+                transform: 'scaleX(0)',
+                left: 0,
+                right: 0,
+                bottom: '-2px',
+                top: 'unset',
+                transition: 'transform .15s cubic-bezier(0.1,0.9,0.2,1)',
+                borderRadius: 0,
+              },
+              '&:focus-within::before': {
+                transform: 'scaleX(1)',
+              },
+            }}
+          />
+          <Typography level="body-xs" sx={{ mt: 3 }}>
+            We made honest design for your business. Check out our works.
+          </Typography>
+        </Box>
+      </Drawer>
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerMobileNavigation.tsx b/docs/data/joy/components/drawer/DrawerMobileNavigation.tsx
new file mode 100644
index 00000000000000..711a9617796a61
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerMobileNavigation.tsx
@@ -0,0 +1,99 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import IconButton from '@mui/joy/IconButton';
+import Drawer from '@mui/joy/Drawer';
+import Input from '@mui/joy/Input';
+import List from '@mui/joy/List';
+import ListItemButton from '@mui/joy/ListItemButton';
+import Typography from '@mui/joy/Typography';
+import ModalClose from '@mui/joy/ModalClose';
+import Menu from '@mui/icons-material/Menu';
+import Search from '@mui/icons-material/Search';
+
+export default function DrawerMobileNavigation() {
+  const [open, setOpen] = React.useState(false);
+
+  return (
+    <React.Fragment>
+      <IconButton variant="outlined" color="neutral" onClick={() => setOpen(true)}>
+        <Menu />
+      </IconButton>
+      <Drawer open={open} onClose={() => setOpen(false)}>
+        <Box
+          sx={{
+            display: 'flex',
+            alignItems: 'center',
+            gap: 0.5,
+            ml: 'auto',
+            mt: 1,
+            mr: 1,
+          }}
+        >
+          <Typography
+            component="label"
+            htmlFor="close-icon"
+            fontSize="sm"
+            fontWeight="lg"
+            sx={{ cursor: 'pointer' }}
+          >
+            close
+          </Typography>
+          <ModalClose id="close-icon" sx={{ position: 'initial' }} />
+        </Box>
+        <List
+          size="lg"
+          component="nav"
+          sx={{
+            flex: 'none',
+            mt: 6,
+            mb: 5,
+            fontSize: 'xl',
+            '& > div': { justifyContent: 'center' },
+          }}
+        >
+          <ListItemButton sx={{ fontWeight: 'lg' }}>Home</ListItemButton>
+          <ListItemButton>About</ListItemButton>
+          <ListItemButton>Works</ListItemButton>
+          <ListItemButton>Studio</ListItemButton>
+          <ListItemButton>Contact</ListItemButton>
+        </List>
+        <Box sx={{ px: 5, textAlign: 'center' }}>
+          <Input
+            placeholder="Search"
+            variant="plain"
+            endDecorator={<Search />}
+            slotProps={{
+              input: {
+                'aria-label': 'Search anything',
+              },
+            }}
+            sx={{
+              borderRadius: 0,
+              borderBottom: '2px solid',
+              borderColor: 'neutral.outlinedBorder',
+              '&:hover': {
+                borderColor: 'neutral.outlinedHoverBorder',
+              },
+              '&::before': {
+                border: '1px solid var(--Input-focusedHighlight)',
+                transform: 'scaleX(0)',
+                left: 0,
+                right: 0,
+                bottom: '-2px',
+                top: 'unset',
+                transition: 'transform .15s cubic-bezier(0.1,0.9,0.2,1)',
+                borderRadius: 0,
+              },
+              '&:focus-within::before': {
+                transform: 'scaleX(1)',
+              },
+            }}
+          />
+          <Typography level="body-xs" sx={{ mt: 3 }}>
+            We made honest design for your business. Check out our works.
+          </Typography>
+        </Box>
+      </Drawer>
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerScrollable.js b/docs/data/joy/components/drawer/DrawerScrollable.js
new file mode 100644
index 00000000000000..3c6e018d7c27e5
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerScrollable.js
@@ -0,0 +1,55 @@
+import * as React from 'react';
+import Avatar from '@mui/joy/Avatar';
+import Box from '@mui/joy/Box';
+import Button from '@mui/joy/Button';
+import Drawer from '@mui/joy/Drawer';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
+import List from '@mui/joy/List';
+import ListItem from '@mui/joy/ListItem';
+import ListItemButton from '@mui/joy/ListItemButton';
+import Typography from '@mui/joy/Typography';
+import ModalClose from '@mui/joy/ModalClose';
+
+export default function DrawerScrollable() {
+  const [open, setOpen] = React.useState(false);
+
+  return (
+    <React.Fragment>
+      <Button variant="outlined" color="neutral" onClick={() => setOpen(true)}>
+        Open drawer
+      </Button>
+      <Drawer open={open} onClose={() => setOpen(false)}>
+        <ModalClose />
+        <DialogTitle>Title</DialogTitle>
+        <DialogContent>
+          <List>
+            {[...new Array(100)].map((_, index) => (
+              <ListItem key={index}>
+                <ListItemButton onClick={() => setOpen(false)}>
+                  Item {index}
+                </ListItemButton>
+              </ListItem>
+            ))}
+          </List>
+        </DialogContent>
+        <Box
+          sx={{
+            display: 'flex',
+            gap: 1,
+            p: 1.5,
+            pb: 2,
+            borderTop: '1px solid',
+            borderColor: 'divider',
+          }}
+        >
+          <Avatar size="lg" />
+          <div>
+            <Typography level="title-md">Username</Typography>
+            <Typography level="body-sm">joined 20 Jun 2023</Typography>
+          </div>
+        </Box>
+      </Drawer>
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerScrollable.tsx b/docs/data/joy/components/drawer/DrawerScrollable.tsx
new file mode 100644
index 00000000000000..3c6e018d7c27e5
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerScrollable.tsx
@@ -0,0 +1,55 @@
+import * as React from 'react';
+import Avatar from '@mui/joy/Avatar';
+import Box from '@mui/joy/Box';
+import Button from '@mui/joy/Button';
+import Drawer from '@mui/joy/Drawer';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
+import List from '@mui/joy/List';
+import ListItem from '@mui/joy/ListItem';
+import ListItemButton from '@mui/joy/ListItemButton';
+import Typography from '@mui/joy/Typography';
+import ModalClose from '@mui/joy/ModalClose';
+
+export default function DrawerScrollable() {
+  const [open, setOpen] = React.useState(false);
+
+  return (
+    <React.Fragment>
+      <Button variant="outlined" color="neutral" onClick={() => setOpen(true)}>
+        Open drawer
+      </Button>
+      <Drawer open={open} onClose={() => setOpen(false)}>
+        <ModalClose />
+        <DialogTitle>Title</DialogTitle>
+        <DialogContent>
+          <List>
+            {[...new Array(100)].map((_, index) => (
+              <ListItem key={index}>
+                <ListItemButton onClick={() => setOpen(false)}>
+                  Item {index}
+                </ListItemButton>
+              </ListItem>
+            ))}
+          </List>
+        </DialogContent>
+        <Box
+          sx={{
+            display: 'flex',
+            gap: 1,
+            p: 1.5,
+            pb: 2,
+            borderTop: '1px solid',
+            borderColor: 'divider',
+          }}
+        >
+          <Avatar size="lg" />
+          <div>
+            <Typography level="title-md">Username</Typography>
+            <Typography level="body-sm">joined 20 Jun 2023</Typography>
+          </div>
+        </Box>
+      </Drawer>
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerSize.js b/docs/data/joy/components/drawer/DrawerSize.js
new file mode 100644
index 00000000000000..a7afeef26c2ead
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerSize.js
@@ -0,0 +1,71 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import Drawer from '@mui/joy/Drawer';
+import ButtonGroup from '@mui/joy/ButtonGroup';
+import Button from '@mui/joy/Button';
+import List from '@mui/joy/List';
+import Divider from '@mui/joy/Divider';
+import ListItem from '@mui/joy/ListItem';
+import ListItemButton from '@mui/joy/ListItemButton';
+
+export default function DrawerSize() {
+  const [state, setState] = React.useState({
+    sm: false,
+    md: false,
+    lg: false,
+  });
+
+  const toggleDrawer = (size, open) => (event) => {
+    if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {
+      return;
+    }
+
+    setState({ ...state, [size]: open });
+  };
+
+  const list = (size) => (
+    <Box
+      role="presentation"
+      onClick={toggleDrawer(size, false)}
+      onKeyDown={toggleDrawer(size, false)}
+    >
+      <List>
+        {['Inbox', 'Starred', 'Send email', 'Drafts'].map((text) => (
+          <ListItem key={text}>
+            <ListItemButton>{text}</ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+      <Divider />
+      <List>
+        {['All mail', 'Trash', 'Spam'].map((text) => (
+          <ListItem key={text}>
+            <ListItemButton>{text}</ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+    </Box>
+  );
+
+  return (
+    <React.Fragment>
+      <ButtonGroup variant="outlined">
+        {['sm', 'md', 'lg'].map((size) => (
+          <Button key={size} onClick={toggleDrawer(size, true)}>
+            {size}
+          </Button>
+        ))}
+      </ButtonGroup>
+      {['sm', 'md', 'lg'].map((size) => (
+        <Drawer
+          key={size}
+          size={size}
+          open={state[size]}
+          onClose={toggleDrawer(size, false)}
+        >
+          {list(size)}
+        </Drawer>
+      ))}
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerSize.tsx b/docs/data/joy/components/drawer/DrawerSize.tsx
new file mode 100644
index 00000000000000..b111a0f6040471
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerSize.tsx
@@ -0,0 +1,79 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import Drawer from '@mui/joy/Drawer';
+import ButtonGroup from '@mui/joy/ButtonGroup';
+import Button from '@mui/joy/Button';
+import List from '@mui/joy/List';
+import Divider from '@mui/joy/Divider';
+import ListItem from '@mui/joy/ListItem';
+import ListItemButton from '@mui/joy/ListItemButton';
+
+type Size = 'sm' | 'md' | 'lg';
+
+export default function DrawerSize() {
+  const [state, setState] = React.useState({
+    sm: false,
+    md: false,
+    lg: false,
+  });
+
+  const toggleDrawer =
+    (size: Size, open: boolean) =>
+    (event: React.KeyboardEvent | React.MouseEvent) => {
+      if (
+        event.type === 'keydown' &&
+        ((event as React.KeyboardEvent).key === 'Tab' ||
+          (event as React.KeyboardEvent).key === 'Shift')
+      ) {
+        return;
+      }
+
+      setState({ ...state, [size]: open });
+    };
+
+  const list = (size: Size) => (
+    <Box
+      role="presentation"
+      onClick={toggleDrawer(size, false)}
+      onKeyDown={toggleDrawer(size, false)}
+    >
+      <List>
+        {['Inbox', 'Starred', 'Send email', 'Drafts'].map((text) => (
+          <ListItem key={text}>
+            <ListItemButton>{text}</ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+      <Divider />
+      <List>
+        {['All mail', 'Trash', 'Spam'].map((text) => (
+          <ListItem key={text}>
+            <ListItemButton>{text}</ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+    </Box>
+  );
+
+  return (
+    <React.Fragment>
+      <ButtonGroup variant="outlined">
+        {(['sm', 'md', 'lg'] as const).map((size) => (
+          <Button key={size} onClick={toggleDrawer(size, true)}>
+            {size}
+          </Button>
+        ))}
+      </ButtonGroup>
+      {(['sm', 'md', 'lg'] as const).map((size) => (
+        <Drawer
+          key={size}
+          size={size}
+          open={state[size]}
+          onClose={toggleDrawer(size, false)}
+        >
+          {list(size)}
+        </Drawer>
+      ))}
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerTransition.js b/docs/data/joy/components/drawer/DrawerTransition.js
new file mode 100644
index 00000000000000..5c1f113f86aebd
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerTransition.js
@@ -0,0 +1,48 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import Drawer from '@mui/joy/Drawer';
+import Button from '@mui/joy/Button';
+import List from '@mui/joy/List';
+import Divider from '@mui/joy/Divider';
+import ListItem from '@mui/joy/ListItem';
+import ListItemButton from '@mui/joy/ListItemButton';
+
+export default function DrawerTransition() {
+  const [open, setOpen] = React.useState(false);
+
+  return (
+    <React.Fragment>
+      <Button variant="outlined" color="neutral" onClick={() => setOpen(true)}>
+        Open drawer
+      </Button>
+      <Drawer
+        open={open}
+        onClose={() => setOpen(false)}
+        sx={{
+          '--Drawer-transitionDuration': open ? '0.4s' : '0.2s',
+          '--Drawer-transitionFunction': open
+            ? 'cubic-bezier(0.79,0.14,0.15,0.86)'
+            : 'cubic-bezier(0.77,0,0.18,1)',
+        }}
+      >
+        <Box role="presentation" sx={{ p: 2 }}>
+          <List>
+            {['Inbox', 'Starred', 'Send email', 'Drafts'].map((text) => (
+              <ListItem key={text}>
+                <ListItemButton>{text}</ListItemButton>
+              </ListItem>
+            ))}
+          </List>
+          <Divider />
+          <List>
+            {['All mail', 'Trash', 'Spam'].map((text) => (
+              <ListItem key={text}>
+                <ListItemButton>{text}</ListItemButton>
+              </ListItem>
+            ))}
+          </List>
+        </Box>
+      </Drawer>
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerTransition.tsx b/docs/data/joy/components/drawer/DrawerTransition.tsx
new file mode 100644
index 00000000000000..5c1f113f86aebd
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerTransition.tsx
@@ -0,0 +1,48 @@
+import * as React from 'react';
+import Box from '@mui/joy/Box';
+import Drawer from '@mui/joy/Drawer';
+import Button from '@mui/joy/Button';
+import List from '@mui/joy/List';
+import Divider from '@mui/joy/Divider';
+import ListItem from '@mui/joy/ListItem';
+import ListItemButton from '@mui/joy/ListItemButton';
+
+export default function DrawerTransition() {
+  const [open, setOpen] = React.useState(false);
+
+  return (
+    <React.Fragment>
+      <Button variant="outlined" color="neutral" onClick={() => setOpen(true)}>
+        Open drawer
+      </Button>
+      <Drawer
+        open={open}
+        onClose={() => setOpen(false)}
+        sx={{
+          '--Drawer-transitionDuration': open ? '0.4s' : '0.2s',
+          '--Drawer-transitionFunction': open
+            ? 'cubic-bezier(0.79,0.14,0.15,0.86)'
+            : 'cubic-bezier(0.77,0,0.18,1)',
+        }}
+      >
+        <Box role="presentation" sx={{ p: 2 }}>
+          <List>
+            {['Inbox', 'Starred', 'Send email', 'Drafts'].map((text) => (
+              <ListItem key={text}>
+                <ListItemButton>{text}</ListItemButton>
+              </ListItem>
+            ))}
+          </List>
+          <Divider />
+          <List>
+            {['All mail', 'Trash', 'Spam'].map((text) => (
+              <ListItem key={text}>
+                <ListItemButton>{text}</ListItemButton>
+              </ListItem>
+            ))}
+          </List>
+        </Box>
+      </Drawer>
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/joy/components/drawer/DrawerUsage.js b/docs/data/joy/components/drawer/DrawerUsage.js
new file mode 100644
index 00000000000000..36060dacf1556b
--- /dev/null
+++ b/docs/data/joy/components/drawer/DrawerUsage.js
@@ -0,0 +1,121 @@
+import * as React from 'react';
+import Button from '@mui/joy/Button';
+import Box from '@mui/joy/Box';
+import Drawer from '@mui/joy/Drawer';
+import ButtonGroup from '@mui/joy/ButtonGroup';
+import List from '@mui/joy/List';
+import Divider from '@mui/joy/Divider';
+import ListItem from '@mui/joy/ListItem';
+import ListItemButton from '@mui/joy/ListItemButton';
+import ListItemDecorator from '@mui/joy/ListItemDecorator';
+import ListItemContent from '@mui/joy/ListItemContent';
+import InboxIcon from '@mui/icons-material/MoveToInbox';
+import MailIcon from '@mui/icons-material/Mail';
+import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo';
+
+function Demo(props) {
+  const [state, setState] = React.useState({
+    top: false,
+    left: false,
+    bottom: false,
+    right: false,
+  });
+
+  const toggleDrawer = (anchor, open) => (event) => {
+    if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {
+      return;
+    }
+
+    setState({ ...state, [anchor]: open });
+  };
+
+  const list = (anchor) => (
+    <Box
+      role="presentation"
+      onClick={toggleDrawer(anchor, false)}
+      onKeyDown={toggleDrawer(anchor, false)}
+    >
+      <List>
+        {['Inbox', 'Starred', 'Send email', 'Drafts'].map((text, index) => (
+          <ListItem key={text}>
+            <ListItemButton>
+              <ListItemDecorator>
+                {index % 2 === 0 ? <InboxIcon /> : <MailIcon />}
+              </ListItemDecorator>
+              <ListItemContent>{text}</ListItemContent>
+            </ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+      <Divider />
+      <List>
+        {['All mail', 'Trash', 'Spam'].map((text, index) => (
+          <ListItem key={text}>
+            <ListItemButton>
+              <ListItemDecorator>
+                {index % 2 === 0 ? <InboxIcon /> : <MailIcon />}
+              </ListItemDecorator>
+              <ListItemContent>{text}</ListItemContent>
+            </ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+    </Box>
+  );
+
+  return (
+    <React.Fragment>
+      <ButtonGroup variant="outlined">
+        {['left', 'right', 'top', 'bottom'].map((anchor) => (
+          <Button key={anchor} onClick={toggleDrawer(anchor, true)}>
+            {anchor}
+          </Button>
+        ))}
+      </ButtonGroup>
+      {['left', 'right', 'top', 'bottom'].map((anchor) => (
+        <Drawer
+          key={anchor}
+          anchor={anchor}
+          open={state[anchor]}
+          onClose={toggleDrawer(anchor, false)}
+          invertedColors
+          {...props}
+        >
+          {list(anchor)}
+        </Drawer>
+      ))}
+    </React.Fragment>
+  );
+}
+
+export default function DrawerUsage() {
+  return (
+    <JoyUsageDemo
+      componentName="Drawer"
+      data={[
+        {
+          propName: 'variant',
+          knob: 'radio',
+          defaultValue: 'plain',
+          options: ['plain', 'outlined', 'soft', 'solid'],
+        },
+        {
+          propName: 'color',
+          knob: 'color',
+          defaultValue: 'neutral',
+        },
+        {
+          propName: 'size',
+          knob: 'radio',
+          defaultValue: 'md',
+          options: ['sm', 'md', 'lg'],
+        },
+        {
+          propName: 'invertedColors',
+          defaultValue: true,
+        },
+      ]}
+      renderDemo={(props) => <Demo {...props} />}
+    />
+  );
+}
diff --git a/docs/data/joy/components/drawer/drawer.md b/docs/data/joy/components/drawer/drawer.md
index c53487405fe824..59ef89646a1d99 100644
--- a/docs/data/joy/components/drawer/drawer.md
+++ b/docs/data/joy/components/drawer/drawer.md
@@ -1,6 +1,7 @@
 ---
 productId: joy-ui
 title: React Drawer component
+components: Drawer
 githubLabel: 'component: drawer'
 ---
 
@@ -8,19 +9,62 @@ githubLabel: 'component: drawer'
 
 <p class="description">Navigation drawers provide quick access to other destinations in your app without removing the user out of context.</p>
 
-:::info
-💡 The Joy UI Drawer component is still in development.
-If you're in need of it, please upvote [**this GitHub issue**](https://github.com/mui/material-ui/issues/36292) to help us prioritize the next batch of new components.
-:::
+## Introduction
 
-## Using the Modal component
+{{"demo": "DrawerUsage.js", "hideToolbar": true, "bg": "gradient"}}
 
-In the meantime, you can build your own Drawer using Joy UI's [Modal](/joy-ui/react-modal/) and [Sheet](/joy-ui/react-sheet/) components as a starting point.
-The demo below shows how to do it.
+## Basic
 
-<iframe src="https://codesandbox.io/embed/drawer-joy-ui-2s5f3w?module=%2FDrawer.tsx&fontsize=14&hidenavigation=1&theme=dark&view=preview"
-     style="width:100%; height:500px; border:2; border-radius: 8px; overflow:hidden;"
-     title="Drawer - Joy UI"
-     allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
-     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-   ></iframe>
+The navigation drawers can toggle open or closed. Closed by default, the drawer opens temporarily above all other content until a section is selected.
+
+The Drawer can be cancelled by clicking the overlay or pressing the Esc key.
+It closes when an item is selected, handled by controlling the `open` prop.
+
+{{"demo": "DrawerBasic.js"}}
+
+## Customization
+
+### Anchor
+
+You can use the `anchor` prop for specifying where the drawer should appear from.
+
+{{"demo": "DrawerAnchor.js"}}
+
+### Close button
+
+Use the ModalClose component to add a close button to the drawer.
+
+{{"demo": "DrawerCloseButton.js"}}
+
+### Size
+
+The `size` prop allows you to adjust the size of the drawer.
+
+{{"demo": "DrawerSize.js"}}
+
+### Transition
+
+Set these CSS variables to the `sx` prop to the transition of the drawer:
+
+- `--Drawer-transitionFunction`: the [transition function](https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function), default is `ease`.
+- `--Drawer-transitionDuration`: the [duration of the transition](https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration), default is `0.3s`.
+
+{{"demo": "DrawerTransition.js"}}
+
+### Scrollable content
+
+Use the DialogContent component to create a scrollable content inside the drawer.
+
+{{"demo": "DrawerScrollable.js"}}
+
+## Common examples
+
+### Mobile navigation
+
+{{"demo": "DrawerMobileNavigation.js"}}
+
+### Filter drawer
+
+To create an inset panel, set the background and padding of the Drawer's content slot and then create a full height wrapper using [Sheet](/joy-ui/react-sheet/) or Box component.
+
+{{"demo": "DrawerFilters.js"}}
diff --git a/docs/data/joy/components/grid/grid.md b/docs/data/joy/components/grid/grid.md
index f0fbd3bdd64140..f5fbda048b1fdb 100644
--- a/docs/data/joy/components/grid/grid.md
+++ b/docs/data/joy/components/grid/grid.md
@@ -13,7 +13,7 @@ githubLabel: 'component: Grid'
 The Grid component, based on a 12-column grid layout, creates visual consistency between layouts while allowing flexibility across a wide variety of designs.
 
 :::warning
-⚠️ The `Grid` component shouldn't be confused with a data grid; it is closer to a layout grid. For a data grid head to the [`DataGrid`](/x/react-data-grid/) component.
+The `Grid` component shouldn't be confused with a data grid; it is closer to a layout grid. For a data grid head to the [`DataGrid`](/x/react-data-grid/) component.
 :::
 
 ## Basics
@@ -71,7 +71,7 @@ Responsive values is supported by:
 - all the [other props](#system-props) of the system
 
 :::warning
-⚠️ When using a responsive `columns` prop, each grid item needs its corresponding breakpoint.
+When using a responsive `columns` prop, each grid item needs its corresponding breakpoint.
 For instance, this is not working. The grid item misses the value for `md`:
 
 ```jsx
diff --git a/docs/data/joy/components/input/InputFormProps.js b/docs/data/joy/components/input/InputFormProps.js
index 4807c1e147234a..1d76a8fe2345c5 100644
--- a/docs/data/joy/components/input/InputFormProps.js
+++ b/docs/data/joy/components/input/InputFormProps.js
@@ -8,6 +8,9 @@ export default function InputFormProps() {
     <form
       onSubmit={(event) => {
         event.preventDefault();
+        const formData = new FormData(event.currentTarget);
+        const formJson = Object.fromEntries(formData.entries());
+        alert(JSON.stringify(formJson));
       }}
     >
       <Stack spacing={1}>
diff --git a/docs/data/joy/components/input/InputFormProps.tsx b/docs/data/joy/components/input/InputFormProps.tsx
index 4807c1e147234a..2a9c94b49f5bfa 100644
--- a/docs/data/joy/components/input/InputFormProps.tsx
+++ b/docs/data/joy/components/input/InputFormProps.tsx
@@ -8,6 +8,9 @@ export default function InputFormProps() {
     <form
       onSubmit={(event) => {
         event.preventDefault();
+        const formData = new FormData(event.currentTarget);
+        const formJson = Object.fromEntries((formData as any).entries());
+        alert(JSON.stringify(formJson));
       }}
     >
       <Stack spacing={1}>
diff --git a/docs/data/joy/components/input/InputFormProps.tsx.preview b/docs/data/joy/components/input/InputFormProps.tsx.preview
index 5e51f6a0ea8ee2..5bb48724382745 100644
--- a/docs/data/joy/components/input/InputFormProps.tsx.preview
+++ b/docs/data/joy/components/input/InputFormProps.tsx.preview
@@ -1,6 +1,9 @@
 <form
   onSubmit={(event) => {
     event.preventDefault();
+    const formData = new FormData(event.currentTarget);
+    const formJson = Object.fromEntries((formData as any).entries());
+    alert(JSON.stringify(formJson));
   }}
 >
   <Stack spacing={1}>
diff --git a/docs/data/joy/components/input/InputReactImask.js b/docs/data/joy/components/input/InputReactImask.js
new file mode 100644
index 00000000000000..59e960ea74025e
--- /dev/null
+++ b/docs/data/joy/components/input/InputReactImask.js
@@ -0,0 +1,42 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { IMaskInput } from 'react-imask';
+import FormControl from '@mui/joy/FormControl';
+import FormLabel from '@mui/joy/FormLabel';
+import Input from '@mui/joy/Input';
+
+const TextMaskAdapter = React.forwardRef(function TextMaskAdapter(props, ref) {
+  const { onChange, ...other } = props;
+  return (
+    <IMaskInput
+      {...other}
+      mask="(#00) 000-0000"
+      definitions={{
+        '#': /[1-9]/,
+      }}
+      inputRef={ref}
+      onAccept={(value) => onChange({ target: { name: props.name, value } })}
+      overwrite
+    />
+  );
+});
+
+TextMaskAdapter.propTypes = {
+  name: PropTypes.string.isRequired,
+  onChange: PropTypes.func.isRequired,
+};
+
+export default function InputReactImask() {
+  const [value, setValue] = React.useState('(100) 000-0000');
+  return (
+    <FormControl>
+      <FormLabel>Label</FormLabel>
+      <Input
+        value={value}
+        onChange={(event) => setValue(event.target.value)}
+        placeholder="Placeholder"
+        slotProps={{ input: { component: TextMaskAdapter } }}
+      />
+    </FormControl>
+  );
+}
diff --git a/docs/data/joy/components/input/InputReactImask.tsx b/docs/data/joy/components/input/InputReactImask.tsx
new file mode 100644
index 00000000000000..8014e16cafe30b
--- /dev/null
+++ b/docs/data/joy/components/input/InputReactImask.tsx
@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { IMaskInput } from 'react-imask';
+import FormControl from '@mui/joy/FormControl';
+import FormLabel from '@mui/joy/FormLabel';
+import Input from '@mui/joy/Input';
+
+interface CustomProps {
+  onChange: (event: { target: { name: string; value: string } }) => void;
+  name: string;
+}
+
+const TextMaskAdapter = React.forwardRef<HTMLElement, CustomProps>(
+  function TextMaskAdapter(props, ref) {
+    const { onChange, ...other } = props;
+    return (
+      <IMaskInput
+        {...other}
+        mask="(#00) 000-0000"
+        definitions={{
+          '#': /[1-9]/,
+        }}
+        inputRef={ref}
+        onAccept={(value: any) => onChange({ target: { name: props.name, value } })}
+        overwrite
+      />
+    );
+  },
+);
+
+export default function InputReactImask() {
+  const [value, setValue] = React.useState('(100) 000-0000');
+  return (
+    <FormControl>
+      <FormLabel>Label</FormLabel>
+      <Input
+        value={value}
+        onChange={(event) => setValue(event.target.value)}
+        placeholder="Placeholder"
+        slotProps={{ input: { component: TextMaskAdapter } }}
+      />
+    </FormControl>
+  );
+}
diff --git a/docs/data/joy/components/input/InputReactImask.tsx.preview b/docs/data/joy/components/input/InputReactImask.tsx.preview
new file mode 100644
index 00000000000000..10b896e351ae5d
--- /dev/null
+++ b/docs/data/joy/components/input/InputReactImask.tsx.preview
@@ -0,0 +1,9 @@
+<FormControl>
+  <FormLabel>Label</FormLabel>
+  <Input
+    value={value}
+    onChange={(event) => setValue(event.target.value)}
+    placeholder="Placeholder"
+    slotProps={{ input: { component: TextMaskAdapter } }}
+  />
+</FormControl>
\ No newline at end of file
diff --git a/docs/data/joy/components/input/InputReactNumberFormat.js b/docs/data/joy/components/input/InputReactNumberFormat.js
new file mode 100644
index 00000000000000..58ca93f5bf70fe
--- /dev/null
+++ b/docs/data/joy/components/input/InputReactNumberFormat.js
@@ -0,0 +1,55 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { NumericFormat } from 'react-number-format';
+import FormControl from '@mui/joy/FormControl';
+import FormLabel from '@mui/joy/FormLabel';
+import Input from '@mui/joy/Input';
+
+const NumericFormatAdapter = React.forwardRef(function NumericFormatAdapter(
+  props,
+  ref,
+) {
+  const { onChange, ...other } = props;
+
+  return (
+    <NumericFormat
+      {...other}
+      getInputRef={ref}
+      onValueChange={(values) => {
+        onChange({
+          target: {
+            name: props.name,
+            value: values.value,
+          },
+        });
+      }}
+      thousandSeparator
+      valueIsNumericString
+      prefix="$"
+    />
+  );
+});
+
+NumericFormatAdapter.propTypes = {
+  name: PropTypes.string.isRequired,
+  onChange: PropTypes.func.isRequired,
+};
+
+export default function InputReactNumberFormat() {
+  const [value, setValue] = React.useState('1320');
+  return (
+    <FormControl>
+      <FormLabel>React number format</FormLabel>
+      <Input
+        value={value}
+        onChange={(event) => setValue(event.target.value)}
+        placeholder="Placeholder"
+        slotProps={{
+          input: {
+            component: NumericFormatAdapter,
+          },
+        }}
+      />
+    </FormControl>
+  );
+}
diff --git a/docs/data/joy/components/input/InputReactNumberFormat.tsx b/docs/data/joy/components/input/InputReactNumberFormat.tsx
new file mode 100644
index 00000000000000..4496f6fffae661
--- /dev/null
+++ b/docs/data/joy/components/input/InputReactNumberFormat.tsx
@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { NumericFormat, NumericFormatProps } from 'react-number-format';
+import FormControl from '@mui/joy/FormControl';
+import FormLabel from '@mui/joy/FormLabel';
+import Input from '@mui/joy/Input';
+
+interface CustomProps {
+  onChange: (event: { target: { name: string; value: string } }) => void;
+  name: string;
+}
+
+const NumericFormatAdapter = React.forwardRef<NumericFormatProps, CustomProps>(
+  function NumericFormatAdapter(props, ref) {
+    const { onChange, ...other } = props;
+
+    return (
+      <NumericFormat
+        {...other}
+        getInputRef={ref}
+        onValueChange={(values) => {
+          onChange({
+            target: {
+              name: props.name,
+              value: values.value,
+            },
+          });
+        }}
+        thousandSeparator
+        valueIsNumericString
+        prefix="$"
+      />
+    );
+  },
+);
+
+export default function InputReactNumberFormat() {
+  const [value, setValue] = React.useState('1320');
+  return (
+    <FormControl>
+      <FormLabel>React number format</FormLabel>
+      <Input
+        value={value}
+        onChange={(event) => setValue(event.target.value)}
+        placeholder="Placeholder"
+        slotProps={{
+          input: {
+            component: NumericFormatAdapter,
+          },
+        }}
+      />
+    </FormControl>
+  );
+}
diff --git a/docs/data/joy/components/input/InputReactNumberFormat.tsx.preview b/docs/data/joy/components/input/InputReactNumberFormat.tsx.preview
new file mode 100644
index 00000000000000..6fdbb5ecf84dc5
--- /dev/null
+++ b/docs/data/joy/components/input/InputReactNumberFormat.tsx.preview
@@ -0,0 +1,13 @@
+<FormControl>
+  <FormLabel>React number format</FormLabel>
+  <Input
+    value={value}
+    onChange={(event) => setValue(event.target.value)}
+    placeholder="Placeholder"
+    slotProps={{
+      input: {
+        component: NumericFormatAdapter,
+      },
+    }}
+  />
+</FormControl>
\ No newline at end of file
diff --git a/docs/data/joy/components/input/input.md b/docs/data/joy/components/input/input.md
index 8ead56c54d8313..cd2fc91805c666 100644
--- a/docs/data/joy/components/input/input.md
+++ b/docs/data/joy/components/input/input.md
@@ -56,7 +56,7 @@ Every palette included in the theme is available via the `color` prop.
 
 {{"demo": "InputColors.js"}}
 
-### Form props
+### Form submission
 
 You can add standard form attributes such as `required` and `disabled` to the Input component:
 
@@ -95,7 +95,7 @@ To trigger the focus ring programmatically, set the CSS variable `--Input-focuse
 {{"demo": "TriggerFocusInput.js"}}
 
 :::info
-💡 The focus ring still appear on focus even though you set `--Input-focused: 0`.
+The focus ring still appear on focus even though you set `--Input-focused: 0`.
 :::
 
 ### Label and helper text
@@ -133,6 +133,13 @@ These props may include HTML attributes such as `ref`, `min`, `max`, and `autoco
 
 {{"demo": "InputSlotProps.js"}}
 
+## CSS variables playground
+
+Play around with the CSS variables available to the Input component to see how the design changes.
+You can use these to customize the component with both the `sx` prop and the theme.
+
+{{"demo": "InputVariables.js", "hideToolbar": true, "bg": "gradient"}}
+
 ## Common examples
 
 ### Focus outline
@@ -159,12 +166,26 @@ To create a floating label input, a custom component (combination of `<input>` a
 
 {{"demo": "PasswordMeterInput.js"}}
 
-## CSS variable playground
+### Third-party formatting
 
-Play around with the CSS variables available to the Input component to see how the design changes.
-You can use these to customize the component with both the `sx` prop and the theme.
+The Input component can be integrated with third-party formatting libraries for more complex use cases.
+
+Create an adapter component to get the props from the Input component and map them to the third-party component APIs.
+Then use that adapter as a value to the `slotProps.input.component` property of the Joy UI Input.
+
+The demos below illustrate how to do this with two popular libraries.
+
+#### React imask
+
+[react-imask](https://github.com/uNmAnNeR/imaskjs/tree/master/packages/react-imask) provides the `IMaskInput` component for complex formatting options.
+
+{{"demo": "InputReactImask.js"}}
+
+#### React number format
+
+[react-number-format](https://github.com/s-yadav/react-number-format) provides the `NumericFormat` component for enforcing text formatting that follows a specific number or string pattern.
 
-{{"demo": "InputVariables.js", "hideToolbar": true}}
+{{"demo": "InputReactNumberFormat.js"}}
 
 ## Accessibility
 
diff --git a/docs/data/joy/components/linear-progress/LinearProgressCountUp.js b/docs/data/joy/components/linear-progress/LinearProgressCountUp.js
new file mode 100644
index 00000000000000..1820a2454047b4
--- /dev/null
+++ b/docs/data/joy/components/linear-progress/LinearProgressCountUp.js
@@ -0,0 +1,42 @@
+import * as React from 'react';
+import LinearProgress from '@mui/joy/LinearProgress';
+import Typography from '@mui/joy/Typography';
+import { useCountUp } from 'use-count-up';
+
+export default function LinearProgressCountUp() {
+  const { value } = useCountUp({
+    isCounting: true,
+    duration: 5,
+    easing: 'linear',
+    start: 0,
+    end: 75,
+    onComplete: () => ({
+      shouldRepeat: true,
+      delay: 2,
+    }),
+  });
+
+  return (
+    <LinearProgress
+      determinate
+      variant="outlined"
+      color="neutral"
+      size="sm"
+      thickness={24}
+      value={Number(value)}
+      sx={{
+        '--LinearProgress-radius': '20px',
+        '--LinearProgress-thickness': '24px',
+      }}
+    >
+      <Typography
+        level="body-xs"
+        fontWeight="xl"
+        textColor="common.white"
+        sx={{ mixBlendMode: 'difference' }}
+      >
+        LOADING… {`${Math.round(Number(value))}%`}
+      </Typography>
+    </LinearProgress>
+  );
+}
diff --git a/docs/data/joy/components/linear-progress/LinearProgressCountUp.tsx b/docs/data/joy/components/linear-progress/LinearProgressCountUp.tsx
new file mode 100644
index 00000000000000..9c94d97b7c7a5a
--- /dev/null
+++ b/docs/data/joy/components/linear-progress/LinearProgressCountUp.tsx
@@ -0,0 +1,42 @@
+import * as React from 'react';
+import LinearProgress from '@mui/joy/LinearProgress';
+import Typography from '@mui/joy/Typography';
+import { useCountUp } from 'use-count-up';
+
+export default function LinearProgressCountUp() {
+  const { value } = useCountUp({
+    isCounting: true,
+    duration: 5,
+    easing: 'linear',
+    start: 0,
+    end: 75,
+    onComplete: () => ({
+      shouldRepeat: true,
+      delay: 2,
+    }),
+  });
+
+  return (
+    <LinearProgress
+      determinate
+      variant="outlined"
+      color="neutral"
+      size="sm"
+      thickness={24}
+      value={Number(value!)}
+      sx={{
+        '--LinearProgress-radius': '20px',
+        '--LinearProgress-thickness': '24px',
+      }}
+    >
+      <Typography
+        level="body-xs"
+        fontWeight="xl"
+        textColor="common.white"
+        sx={{ mixBlendMode: 'difference' }}
+      >
+        LOADING… {`${Math.round(Number(value!))}%`}
+      </Typography>
+    </LinearProgress>
+  );
+}
diff --git a/docs/data/joy/components/linear-progress/linear-progress.md b/docs/data/joy/components/linear-progress/linear-progress.md
index 42ae936e575a51..86e866832390d9 100644
--- a/docs/data/joy/components/linear-progress/linear-progress.md
+++ b/docs/data/joy/components/linear-progress/linear-progress.md
@@ -69,13 +69,21 @@ Provides a number to `thickness` prop to control the bar's stroke width.
 
 {{"demo": "LinearProgressThickness.js"}}
 
-## CSS variables
+## 3rd-party integration
+
+### use-count-up
+
+Using the [use-count-up](https://www.npmjs.com/package/use-count-up) package, you can create a counting animation by providing `start`, `end`, and `duration` values.
+
+{{"demo": "LinearProgressCountUp.js"}}
+
+## CSS variables playground
 
 Play around with all the CSS variables available on the component to see how the design changes.
 
 You can use those to customize the component on both the `sx` prop and the theme.
 
-{{"demo": "LinearProgressVariables.js", "hideToolbar": true}}
+{{"demo": "LinearProgressVariables.js", "hideToolbar": true, "bg": "gradient"}}
 
 ## Common examples
 
diff --git a/docs/data/joy/components/link/LinkCard.js b/docs/data/joy/components/link/LinkCard.js
index c57a7b01024c91..5f9de9339a8596 100644
--- a/docs/data/joy/components/link/LinkCard.js
+++ b/docs/data/joy/components/link/LinkCard.js
@@ -1,35 +1,22 @@
 import * as React from 'react';
 import Avatar from '@mui/joy/Avatar';
-import Box from '@mui/joy/Box';
 import Card from '@mui/joy/Card';
 import Link from '@mui/joy/Link';
 import Typography from '@mui/joy/Typography';
-import CenterFocusWeak from '@mui/icons-material/CenterFocusWeak';
 
 export default function LinkCard() {
   return (
-    <Card>
-      <Box sx={{ display: 'flex', gap: 2, mb: 2 }}>
-        <Avatar size="lg" src="/static/images/avatar/1.jpg" />
-        <div>
-          {/* This could be a heading (eg. h2) depends on your use case. */}
-          <Typography component="div">
-            <Link
-              overlay
-              href="#with-card"
-              textColor="inherit"
-              underline="none"
-              fontWeight="md"
-            >
-              Joy UI
-            </Link>
-          </Typography>
-          <Typography level="body-sm">Components that spark joy!</Typography>
-        </div>
-      </Box>
-      <Typography level="body-sm" display="flex" alignItems="center" gap={0.5}>
-        Click the <CenterFocusWeak /> and <kbd>TAB</kbd> to test the focus
-      </Typography>
+    <Card variant="outlined" sx={{ display: 'flex', gap: 2 }}>
+      <Avatar size="lg" src="/static/images/avatar/1.jpg" />
+      <Link
+        overlay
+        href="#introduction"
+        underline="none"
+        sx={{ display: 'flex', flexDirection: 'column', alignItems: 'start' }}
+      >
+        <Typography level="body-md">Joy UI</Typography>
+        <Typography level="body-sm">Components that spark joy!</Typography>
+      </Link>
     </Card>
   );
 }
diff --git a/docs/data/joy/components/link/LinkCard.tsx b/docs/data/joy/components/link/LinkCard.tsx
index c57a7b01024c91..5f9de9339a8596 100644
--- a/docs/data/joy/components/link/LinkCard.tsx
+++ b/docs/data/joy/components/link/LinkCard.tsx
@@ -1,35 +1,22 @@
 import * as React from 'react';
 import Avatar from '@mui/joy/Avatar';
-import Box from '@mui/joy/Box';
 import Card from '@mui/joy/Card';
 import Link from '@mui/joy/Link';
 import Typography from '@mui/joy/Typography';
-import CenterFocusWeak from '@mui/icons-material/CenterFocusWeak';
 
 export default function LinkCard() {
   return (
-    <Card>
-      <Box sx={{ display: 'flex', gap: 2, mb: 2 }}>
-        <Avatar size="lg" src="/static/images/avatar/1.jpg" />
-        <div>
-          {/* This could be a heading (eg. h2) depends on your use case. */}
-          <Typography component="div">
-            <Link
-              overlay
-              href="#with-card"
-              textColor="inherit"
-              underline="none"
-              fontWeight="md"
-            >
-              Joy UI
-            </Link>
-          </Typography>
-          <Typography level="body-sm">Components that spark joy!</Typography>
-        </div>
-      </Box>
-      <Typography level="body-sm" display="flex" alignItems="center" gap={0.5}>
-        Click the <CenterFocusWeak /> and <kbd>TAB</kbd> to test the focus
-      </Typography>
+    <Card variant="outlined" sx={{ display: 'flex', gap: 2 }}>
+      <Avatar size="lg" src="/static/images/avatar/1.jpg" />
+      <Link
+        overlay
+        href="#introduction"
+        underline="none"
+        sx={{ display: 'flex', flexDirection: 'column', alignItems: 'start' }}
+      >
+        <Typography level="body-md">Joy UI</Typography>
+        <Typography level="body-sm">Components that spark joy!</Typography>
+      </Link>
     </Card>
   );
 }
diff --git a/docs/data/joy/components/link/LinkCard.tsx.preview b/docs/data/joy/components/link/LinkCard.tsx.preview
new file mode 100644
index 00000000000000..ae5e9a1a227473
--- /dev/null
+++ b/docs/data/joy/components/link/LinkCard.tsx.preview
@@ -0,0 +1,12 @@
+<Card variant="outlined" sx={{ display: 'flex', gap: 2 }}>
+  <Avatar size="lg" src="/static/images/avatar/1.jpg" />
+  <Link
+    overlay
+    href="#introduction"
+    underline="none"
+    sx={{ display: 'flex', flexDirection: 'column', alignItems: 'start' }}
+  >
+    <Typography level="body-md">Joy UI</Typography>
+    <Typography level="body-sm">Components that spark joy!</Typography>
+  </Link>
+</Card>
\ No newline at end of file
diff --git a/docs/data/joy/components/link/link.md b/docs/data/joy/components/link/link.md
index cf3122eb9fbd2d..4116f7bffb8989 100644
--- a/docs/data/joy/components/link/link.md
+++ b/docs/data/joy/components/link/link.md
@@ -112,9 +112,9 @@ In this situation, the Link will inherit the typographic level scale from its Ty
 
 The sections below explain how to integrate the Link component with third-party tools that have their own comparable component.
 
-### Next.js
+### Next.js Pages Router
 
-Here is an example with the [Link component](https://nextjs.org/docs/api-reference/next/link) of Next.js:
+Here is an example with the [Link component](https://nextjs.org/docs/pages/api-reference/components/link) of Next.js:
 
 ```js
 import NextLink from 'next/link';
diff --git a/docs/data/joy/components/list/DividedList.js b/docs/data/joy/components/list/DividedList.js
index 915a1dd59bcad1..2fbd5dc55076d6 100644
--- a/docs/data/joy/components/list/DividedList.js
+++ b/docs/data/joy/components/list/DividedList.js
@@ -18,7 +18,7 @@ export default function DividedList() {
       }}
     >
       {[undefined, 'gutter', 'startDecorator', 'startContent'].map((inset) => (
-        <Box key={inset || 'default'}>
+        <div key={inset || 'default'}>
           <Typography level="body-xs" mb={2}>
             <code>{inset ? `inset="${inset}"` : '(default)'}</code>
           </Typography>
@@ -43,7 +43,7 @@ export default function DividedList() {
               Boyd Burt
             </ListItem>
           </List>
-        </Box>
+        </div>
       ))}
     </Box>
   );
diff --git a/docs/data/joy/components/list/DividedList.tsx b/docs/data/joy/components/list/DividedList.tsx
index 3ca55b9b47b963..de0940859ff163 100644
--- a/docs/data/joy/components/list/DividedList.tsx
+++ b/docs/data/joy/components/list/DividedList.tsx
@@ -19,7 +19,7 @@ export default function DividedList() {
     >
       {([undefined, 'gutter', 'startDecorator', 'startContent'] as const).map(
         (inset) => (
-          <Box key={inset || 'default'}>
+          <div key={inset || 'default'}>
             <Typography level="body-xs" mb={2}>
               <code>{inset ? `inset="${inset}"` : '(default)'}</code>
             </Typography>
@@ -44,7 +44,7 @@ export default function DividedList() {
                 Boyd Burt
               </ListItem>
             </List>
-          </Box>
+          </div>
         ),
       )}
     </Box>
diff --git a/docs/data/joy/components/list/ExampleNavigationMenu.js b/docs/data/joy/components/list/ExampleNavigationMenu.js
index 79d1956374c06c..abf7d3788a9d71 100644
--- a/docs/data/joy/components/list/ExampleNavigationMenu.js
+++ b/docs/data/joy/components/list/ExampleNavigationMenu.js
@@ -106,7 +106,7 @@ const AboutMenu = React.forwardRef(({ focusNext, focusPrevious, ...props }, ref)
   const id = open ? 'about-popper' : undefined;
   return (
     <ClickAwayListener onClickAway={() => setAnchorEl(null)}>
-      <Box onMouseLeave={() => setAnchorEl(null)}>
+      <div onMouseLeave={() => setAnchorEl(null)}>
         <ListItemButton
           aria-haspopup
           aria-expanded={open ? 'true' : 'false'}
@@ -176,7 +176,7 @@ const AboutMenu = React.forwardRef(({ focusNext, focusPrevious, ...props }, ref)
             </ListItem>
           </List>
         </Popper>
-      </Box>
+      </div>
     </ClickAwayListener>
   );
 });
@@ -212,7 +212,7 @@ const AdmissionsMenu = React.forwardRef(
     const id = open ? 'admissions-popper' : undefined;
     return (
       <ClickAwayListener onClickAway={() => setAnchorEl(null)}>
-        <Box onMouseLeave={() => setAnchorEl(null)}>
+        <div onMouseLeave={() => setAnchorEl(null)}>
           <ListItemButton
             aria-haspopup
             aria-expanded={open ? 'true' : 'false'}
@@ -284,7 +284,7 @@ const AdmissionsMenu = React.forwardRef(
               </ListItem>
             </List>
           </Popper>
-        </Box>
+        </div>
       </ClickAwayListener>
     );
   },
diff --git a/docs/data/joy/components/list/ExampleNavigationMenu.tsx b/docs/data/joy/components/list/ExampleNavigationMenu.tsx
index 416e164d3dacf6..81a386557d40be 100644
--- a/docs/data/joy/components/list/ExampleNavigationMenu.tsx
+++ b/docs/data/joy/components/list/ExampleNavigationMenu.tsx
@@ -130,7 +130,7 @@ const AboutMenu = React.forwardRef(
     const id = open ? 'about-popper' : undefined;
     return (
       <ClickAwayListener onClickAway={() => setAnchorEl(null)}>
-        <Box onMouseLeave={() => setAnchorEl(null)}>
+        <div onMouseLeave={() => setAnchorEl(null)}>
           <ListItemButton
             aria-haspopup
             aria-expanded={open ? 'true' : 'false'}
@@ -200,7 +200,7 @@ const AboutMenu = React.forwardRef(
               </ListItem>
             </List>
           </Popper>
-        </Box>
+        </div>
       </ClickAwayListener>
     );
   },
@@ -247,7 +247,7 @@ const AdmissionsMenu = React.forwardRef(
     const id = open ? 'admissions-popper' : undefined;
     return (
       <ClickAwayListener onClickAway={() => setAnchorEl(null)}>
-        <Box onMouseLeave={() => setAnchorEl(null)}>
+        <div onMouseLeave={() => setAnchorEl(null)}>
           <ListItemButton
             aria-haspopup
             aria-expanded={open ? 'true' : 'false'}
@@ -319,7 +319,7 @@ const AdmissionsMenu = React.forwardRef(
               </ListItem>
             </List>
           </Popper>
-        </Box>
+        </div>
       </ClickAwayListener>
     );
   },
diff --git a/docs/data/joy/components/list/ListUsage.js b/docs/data/joy/components/list/ListUsage.js
index 67fd9b4ad454d4..442bd9b2415124 100644
--- a/docs/data/joy/components/list/ListUsage.js
+++ b/docs/data/joy/components/list/ListUsage.js
@@ -4,7 +4,8 @@ import ListItem from '@mui/joy/ListItem';
 import ListItemContent from '@mui/joy/ListItemContent';
 import ListItemDecorator from '@mui/joy/ListItemDecorator';
 import ListItemButton from '@mui/joy/ListItemButton';
-import Home from '@mui/icons-material/Home';
+import HomeRoundedIcon from '@mui/icons-material/HomeRounded';
+import ShoppingCartRoundedIcon from '@mui/icons-material/ShoppingCartRounded';
 import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
 import JoyUsageDemo, {
   prependLinesSpace,
@@ -53,12 +54,21 @@ ${prependLinesSpace(code, 3)}
           <ListItem>
             <ListItemButton {...props}>
               <ListItemDecorator>
-                <Home />
+                <HomeRoundedIcon />
               </ListItemDecorator>
               <ListItemContent>Home</ListItemContent>
               <KeyboardArrowRight />
             </ListItemButton>
           </ListItem>
+          <ListItem>
+            <ListItemButton {...props}>
+              <ListItemDecorator>
+                <ShoppingCartRoundedIcon />
+              </ListItemDecorator>
+              <ListItemContent>Orders</ListItemContent>
+              <KeyboardArrowRight />
+            </ListItemButton>
+          </ListItem>
         </List>
       )}
     />
diff --git a/docs/data/joy/components/list/NestedList.js b/docs/data/joy/components/list/NestedList.js
index dae6f614768d8f..92cf33ba16ca3f 100644
--- a/docs/data/joy/components/list/NestedList.js
+++ b/docs/data/joy/components/list/NestedList.js
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
 import ListSubheader from '@mui/joy/ListSubheader';
@@ -10,7 +9,7 @@ import Switch from '@mui/joy/Switch';
 export default function NestedList() {
   const [small, setSmall] = React.useState(false);
   return (
-    <Box>
+    <div>
       <Switch
         size="sm"
         checked={small}
@@ -51,6 +50,6 @@ export default function NestedList() {
           </List>
         </ListItem>
       </List>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/list/NestedList.tsx b/docs/data/joy/components/list/NestedList.tsx
index dae6f614768d8f..92cf33ba16ca3f 100644
--- a/docs/data/joy/components/list/NestedList.tsx
+++ b/docs/data/joy/components/list/NestedList.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
 import ListSubheader from '@mui/joy/ListSubheader';
@@ -10,7 +9,7 @@ import Switch from '@mui/joy/Switch';
 export default function NestedList() {
   const [small, setSmall] = React.useState(false);
   return (
-    <Box>
+    <div>
       <Switch
         size="sm"
         checked={small}
@@ -51,6 +50,6 @@ export default function NestedList() {
           </List>
         </ListItem>
       </List>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/list/SizesList.js b/docs/data/joy/components/list/SizesList.js
index fbe74f01634c24..40cc6ad63aca87 100644
--- a/docs/data/joy/components/list/SizesList.js
+++ b/docs/data/joy/components/list/SizesList.js
@@ -20,7 +20,7 @@ export default function SizesList() {
       }}
     >
       {['sm', 'md', 'lg'].map((size) => (
-        <Box key={size}>
+        <div key={size}>
           <Typography level="body-xs" mb={2}>
             <code>size=&quot;{size}&quot;</code>
           </Typography>
@@ -47,7 +47,7 @@ export default function SizesList() {
               <ListItemButton>Settings</ListItemButton>
             </ListItem>
           </List>
-        </Box>
+        </div>
       ))}
     </Box>
   );
diff --git a/docs/data/joy/components/list/SizesList.tsx b/docs/data/joy/components/list/SizesList.tsx
index 64009b17b9404d..e261b0249e055e 100644
--- a/docs/data/joy/components/list/SizesList.tsx
+++ b/docs/data/joy/components/list/SizesList.tsx
@@ -20,7 +20,7 @@ export default function SizesList() {
       }}
     >
       {(['sm', 'md', 'lg'] as const).map((size) => (
-        <Box key={size}>
+        <div key={size}>
           <Typography level="body-xs" mb={2}>
             <code>size=&quot;{size}&quot;</code>
           </Typography>
@@ -47,7 +47,7 @@ export default function SizesList() {
               <ListItemButton>Settings</ListItemButton>
             </ListItem>
           </List>
-        </Box>
+        </div>
       ))}
     </Box>
   );
diff --git a/docs/data/joy/components/list/list.md b/docs/data/joy/components/list/list.md
index 2cdcc82b373d56..3d641b86a6a0d2 100644
--- a/docs/data/joy/components/list/list.md
+++ b/docs/data/joy/components/list/list.md
@@ -7,108 +7,151 @@ githubLabel: 'component: list'
 
 # Lists
 
-<p class="description">Lists are continuous, vertical indexes of text or images.</p>
+<p class="description">Lists are organizational tools that enhance the readability and organization of content.</p>
 
 ## Introduction
 
-Joy UI provides four list-related components:
+Lists present information in a concise, easy-to-follow format through a continuous, vertical index of text or images.
 
-- [`List`](#basic-usage): A wrapper for list items (defaulting as `ul`).
-- [`ListItem`](#basic-usage): A common list item (default as `li`).
-- [`ListItemButton`](#actionable): An action element to be used inside a list item.
-- [`ListItemDecorator`](#decorator): A decorator of a list item, usually used to display an icon.
-- [`ListItemContent`](#ellipsis-content): A container inside a list item, used to display text content.
-- [`ListDivider`](#divider): A separator between list items.
-- [`ListSubheader`](#nested-list): A label for a nested list.
+Joy UI Lists are implemented using a collection of related components:
 
-{{"demo": "ListUsage.js", "hideToolbar": true, "bg": "gradient"}}
+- [List](#basics) - a wrapper for list items. Renders as a `<ul>` by default.
+- [List Item](#basics) - a common list item. Renders as an `<li>` by default.
+- [List Item Button](#interactive-list-items) - an action element to be used inside a list item.
+- [List Item Decorator](#decorators) - a decorator of a list item, usually used to display an icon.
+- [List Item Content](#ellipsis-content) - a container inside a list item, used to display text content.
+- [List Divider](#divider) - a separator between list items.
+- [List Subheader](#nested-list) - a label for a nested list.
 
-## Component
+{{"demo": "ListUsage.js", "hideToolbar": true, "bg": "gradient"}}
 
-After [installation](/joy-ui/getting-started/installation/), you can start building with this component using the following basic elements:
+## Basics
 
 ```jsx
 import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
-
-export default function MyApp() {
-  return (
-    <List aria-label="basic-list">
-      <ListItem>Hello, world!</ListItem>
-      <ListItem>Bye bye, world!</ListItem>
-    </List>
-  );
-}
 ```
 
-### Basic usage
+## Customization
 
-Use the `List` and `ListItem` components to create a basic, non-interactive, list.
-Make sure to use a meaningful name that describe the content of the list in the `aria-labelledby` prop.
+### Variants
 
-{{"demo": "BasicList.js"}}
+The List component supports Joy UI's four [global variants](/joy-ui/main-features/global-variants/): `solid`, `soft`, `outlined`, and `plain`.
 
 ### Sizes
 
-Use the `size` prop to control font-size and general list density.
+The List component comes in three sizes: `sm`, `md`, and `lg`.
+The size of the List determines its font size and density.
 
 {{"demo": "SizesList.js"}}
 
 :::info
-To learn how to add more sizes to the component, check out [Themed components—Extend sizes](/joy-ui/customization/themed-components/#extend-sizes).
+To learn how to add custom sizes to the component, check out [Themed components—Extend sizes](/joy-ui/customization/themed-components/#extend-sizes).
 :::
 
-### Decorator
+### Colors
 
-Use the `ListItemDecorator` component to add supporting icons or elements to the list item.
+Every palette included in the theme is available via the `color` prop.
 
-It comes with a minimum set width that you can adjust via the `--ListItemDecorator-size` CSS variable within the `List` component.
+### Decorators
+
+```jsx
+import ListItemDecorator from '@mui/joy/ListItemDecorator';
+```
+
+Use the List Item Decorator component to add supporting icons or elements to the list item.
 
 {{"demo": "DecoratedList.js"}}
 
+:::info
+The List Item Decorator comes with a minimum set width that can be adjusted using the `--list-decorator-size` CSS variable within the List component.
+:::
+
+### Horizontal list
+
+Use the `orientation="horizontal"` prop on the List component to display the List horizontally.
+
+{{"demo": "HorizontalList.js"}}
+
+:::warning
+While nested lists will not work in a horizontal direction, you can create a custom pop-up component to achieve a similar effect (see the [Navigation menu](#navigation-menu) example).
+:::
+
+### Semantic elements
+
+Use the `component` prop to control which HTML tag is rendered.
+
+```js
+<List component="ol">
+```
+
+The example below renders the List component as an HTML `<nav>` element.
+
+{{"demo": "NavList.js"}}
+
+:::info
+The List Item component is optional in this case.
+If used, it will automatically change the semantic element from the default `<li>` to `<div>`.
+:::
+
 ### Ellipsis content
 
-When dealing with long content, use the `ListItemComponent` together with `<Typography noWrap>` to show ellipsis.
+```jsx
+import ListItemContent from '@mui/joy/ListItemContent';
+```
+
+When working with longer content in a List, you can use the List Item Content component in combination with `<Typography noWrap />` to display an ellipsis when the content exceeds the available space.
+This can help to keep the List Items visually consistent and prevent text from overflowing outside of the List Item's container.
 
 {{"demo": "EllipsisList.js"}}
 
 ### Divider
 
-The `ListDivider` component comes with four `inset` patterns:
+```jsx
+import ListDivider from '@mui/joy/ListDivider';
+```
+
+The List Divider component comes with four `inset` patterns:
 
-- Default (without providing the `inset` prop): stretches from edge to edge of the list.
-- `inset="gutter"`: from the start of the decorator to the end of the content.
-- `inset="startDecorator"`: from the start of the decorator to the end of the list.
-- `inset="startContent"`: from the start of the content to the end of the list.
+- Default (no `inset` prop provided): stretches form one edge of the List to the other.
+- `inset="gutter"`: from the start of List Item Decorator to the end of the content.
+- `inset="startDecorator"`: from the start of List Item Decorator to the end of the edge of the container.
+- `inset="startContent"`: from the start of the content to the edge of the container.
 
 {{"demo": "DividedList.js"}}
 
-For horizontal list, only `inset="gutter"` works on list divider.
+If you're using a horizontal list, only `inset="gutter"` will work as the list divider.
 
 {{"demo": "HorizontalDividedList.js"}}
 
 ### Sticky item
 
-To have a sticky list item, use a `List` as a child of the `Sheet` component.
-Then, on the item you wish to stick, add the `sticky` prop.
+Use the List component as a child of the Sheet component to create "sticky" items.
+On the item you wish to stick, you can then add the `sticky` prop.
 
-The `Sheet` component automatically adjusts the `sticky` list item to have the same background so that the content does not overflow when scroll.
-It works by default on both light and dark modes.
+The Sheet component automatically adjusts the `sticky` list item to have the same background so that content does not overflow when scrolling.
 
 {{"demo": "StickyList.js"}}
 
+:::info
+By default, this works on both light and dark modes.
+:::
+
 ### Nested list
 
-Use the `nested` prop, within the `ListItem` component, to create a nested list.
-Note that layout and spacing of the nested list remain intact, as if it isn't nested.
+```jsx
+import ListSubheader from '@mui/joy/ListSubheader';
+```
 
-The nested list inherits the list `size` and a few other CSS variables, such as `--List-radius` and `--ListItem-radius` from the root `List` component to adjust the design consistently.
+You can create a nested list using the `nested` prop on a List Item.
+This enables you to add a List Subheader as well as a new List component as children of the List Item.
+The nested List will inherit its `size` as well as other CSS variables like `--List-radius` and `--ListItem-radius` from the root List component to keep the design consistent.
+The layout and spacing of the nested List will remain independent.
 
 {{"demo": "NestedList.js"}}
 
 :::info
-By default, nested lists stick to the left of the root list.
-To add spacing to the start of the nested list, use `--List-nestedInsetStart: ${value}`:
+Nested lists will stick to the left of the root list, by default. If you need to add spacing to the start of the nested list you can use `--List-nestedInsetStart: ${value}`.
 
 ```js
 <List sx={{ '--List-nestedInsetStart': '1rem' }}> {/* This is the root List */}
@@ -116,48 +159,22 @@ To add spacing to the start of the nested list, use `--List-nestedInsetStart: ${
 
 :::
 
-### Horizontal list
-
-To show a list in a horizontal direction, use the `orientation="horizontal"` prop on the `List` component.
-
-:::warning
-Nested lists don't work in the horizontal direction.
-To do that, create a custom pop-up component instead (see the [Navigation menu](#navigation-menu) example).
-:::
-
-{{"demo": "HorizontalList.js"}}
-
-### Changing the semantic element
-
-To control which HTML tag should be rendered in a given, one-off, situation, use the `component` prop.
+### Interactive list items
 
-```js
-<List component="ol">
+```jsx
+import ListItemButton from '@mui/joy/ListItemButton';
 ```
 
-#### Non-list
-
-In the example below, we're rendering a `List` as a HTML `<nav>` element.
-
-:::info
-**Tip**: The `ListItem` component is optional in this case－if used, it will change the semantic element from the default `li` to `div` automatically.
-:::
-
-{{"demo": "NavList.js"}}
-
-### Actionable
-
-To make a list item interactive, use `ListItemButton` **inside** a `ListItem`.
+To make a List Item interactive, you can use List Item Button inside a List Item.
 
 {{"demo": "ActionableList.js"}}
 
-### Secondary action
-
-To add a secondary action to the `ListItemButton`, wrap it in a `ListItem` component and then add the desired start or end action elements to it.
+To add a secondary action to the List Item Button, wrap it in a List Item component and then add the desired start or end action elements to it.
 
 {{"demo": "SecondaryList.js"}}
 
-The `ListItemButton` and the secondary action render as siblings, that way, the semantic rendered element is appropriately adjusted.
+:::info
+The List Item Button and the secondary action render as siblings so that the rendered semantic element is appropriately adjusted.
 
 ```js
 <ul>                    {/* List */}
@@ -166,24 +183,25 @@ The `ListItemButton` and the secondary action render as siblings, that way, the
     <button>            {/* IconButton */}
 ```
 
-### Selected
+:::
 
-Use the `selected` prop to signal whether a `ListItemButton` is selected or not.
-It applies `color="primary"` of the active variant to visually communicate the selected state.
+### Selected
 
-:::info
-A selected `ListItemButton` does not apply `:hover` and `:active` global variant styles.
-:::
+Use the `selected` prop on the List Item Button component to indicate whether or not an item is currently selected.
+When the item is selected, it applies `color="primary"` and a few extra styles—like font weight—to visually communicate the selected state.
 
 {{"demo": "SelectedList.js"}}
 
-## CSS variables
+:::info
+A selected List Item Button does not apply `:hover` and `:active` global variant styles.
+:::
 
-Play around with all the CSS variables available in the list component to see how the design changes.
+## CSS variables playground
 
-You can use those to customize the component on both the `sx` prop and the theme.
+Play around with the CSS variables available to the List components to see how the design changes.
+You can use these to customize the components with both the `sx` prop and the theme.
 
-{{"demo": "ListVariables.js", "hideToolbar": true}}
+{{"demo": "ListVariables.js", "hideToolbar": true, "bg": "gradient"}}
 
 ## Common examples
 
@@ -195,14 +213,14 @@ This example uses nested lists to split the settings into groups.
 
 ### Gmail navigation
 
-Inspired by Gmail's web sidenav.
+Inspired by Gmail's desktop navigation bar.
 
 {{"demo": "ExampleGmailList.js"}}
 
 ### Collapsible list
 
-Inspired by [Gatsby's documentation](https://www.gatsbyjs.com/docs) sidenav.
-This example uses the start action (a prop of `ListItem`) prop to create a collapsible button.
+Inspired by the [Gatsby documentation](https://www.gatsbyjs.com/docs) navbar.
+This example uses the `startAction` prop to create a collapsible button.
 
 {{"demo": "ExampleCollapsibleList.js"}}
 
@@ -214,3 +232,33 @@ This example uses a combination of horizontal and vertical lists to form the nav
 It also supports keyboard navigation, inspired by the [Roving UX](https://github.com/argyleink/roving-ux) technique.
 
 {{"demo": "ExampleNavigationMenu.js"}}
+
+## Accessibility
+
+To ensure that your List is accessible, here are some factors you should consider:
+
+- Use the appropriate HTML semantic element for the list (eg. `ol` or `ul`), to ensure that assistive technologies can correctly interpret the list structure.
+- Make sure to use a meaningful name that describes the content of the list in the `aria-labelledby` prop.
+- Use `role` attributes to provide additional information about the purpose of the list and its items.
+  For example, use `role="list"` for the list and `role="listitem"` for each list item.
+
+## Anatomy
+
+The List component is composed of a root `<ul>` element with one or more child `<li>` elements rendered by the List Item component.
+All components nested inside the List Item are optional.
+The [List Divider](#divider) (when present) renders an `<li>` with `role="separator"`, while the [List Subheader](#nested-list) renders a `<div>`.
+
+```html
+<ul class="MuiList-root">
+  <li class="MuiListItem-root">
+    <div class="MuiListItemButton-root" role="button">
+      <span class="MuiListItemDecorator-root">
+        <!-- Icon for List Item Decorator -->
+      </span>
+      <div class="MuiListItemContent-root">
+        <!-- List Item content -->
+      </div>
+    </div>
+  </li>
+</ul>
+```
diff --git a/docs/data/joy/components/menu/ControlledDropdown.js b/docs/data/joy/components/menu/ControlledDropdown.js
new file mode 100644
index 00000000000000..0f2cf11d370cbf
--- /dev/null
+++ b/docs/data/joy/components/menu/ControlledDropdown.js
@@ -0,0 +1,24 @@
+import * as React from 'react';
+import Dropdown from '@mui/joy/Dropdown';
+import Menu from '@mui/joy/Menu';
+import MenuButton from '@mui/joy/MenuButton';
+import MenuItem from '@mui/joy/MenuItem';
+
+export default function ControlledDropdown() {
+  const [open, setOpen] = React.useState(false);
+
+  const handleOpenChange = React.useCallback((event, isOpen) => {
+    setOpen(isOpen);
+  }, []);
+
+  return (
+    <Dropdown open={open} onOpenChange={handleOpenChange}>
+      <MenuButton>Dashboard...</MenuButton>
+      <Menu>
+        <MenuItem>Profile</MenuItem>
+        <MenuItem>My account</MenuItem>
+        <MenuItem>Logout</MenuItem>
+      </Menu>
+    </Dropdown>
+  );
+}
diff --git a/docs/data/joy/components/menu/ControlledDropdown.tsx b/docs/data/joy/components/menu/ControlledDropdown.tsx
new file mode 100644
index 00000000000000..bbf8834de87f0e
--- /dev/null
+++ b/docs/data/joy/components/menu/ControlledDropdown.tsx
@@ -0,0 +1,27 @@
+import * as React from 'react';
+import Dropdown from '@mui/joy/Dropdown';
+import Menu from '@mui/joy/Menu';
+import MenuButton from '@mui/joy/MenuButton';
+import MenuItem from '@mui/joy/MenuItem';
+
+export default function ControlledDropdown() {
+  const [open, setOpen] = React.useState(false);
+
+  const handleOpenChange = React.useCallback(
+    (event: React.SyntheticEvent | null, isOpen: boolean) => {
+      setOpen(isOpen);
+    },
+    [],
+  );
+
+  return (
+    <Dropdown open={open} onOpenChange={handleOpenChange}>
+      <MenuButton>Dashboard...</MenuButton>
+      <Menu>
+        <MenuItem>Profile</MenuItem>
+        <MenuItem>My account</MenuItem>
+        <MenuItem>Logout</MenuItem>
+      </Menu>
+    </Dropdown>
+  );
+}
diff --git a/docs/data/joy/components/menu/ControlledDropdown.tsx.preview b/docs/data/joy/components/menu/ControlledDropdown.tsx.preview
new file mode 100644
index 00000000000000..033eadd194e94f
--- /dev/null
+++ b/docs/data/joy/components/menu/ControlledDropdown.tsx.preview
@@ -0,0 +1,8 @@
+<Dropdown open={open} onOpenChange={handleOpenChange}>
+  <MenuButton>Dashboard...</MenuButton>
+  <Menu>
+    <MenuItem>Profile</MenuItem>
+    <MenuItem>My account</MenuItem>
+    <MenuItem>Logout</MenuItem>
+  </Menu>
+</Dropdown>
\ No newline at end of file
diff --git a/docs/data/joy/components/menu/menu-pt.md b/docs/data/joy/components/menu/menu-pt.md
index ea5d562d2509cf..378ef12e9f36e8 100644
--- a/docs/data/joy/components/menu/menu-pt.md
+++ b/docs/data/joy/components/menu/menu-pt.md
@@ -58,7 +58,7 @@ When specifying a size for the `Menu` component, menu items inside of it will in
 
 Use the `selected` prop to signal whether a `MenuItem` is selected or not.
 
-The menu item uses the same styles as the [`ListItemButton`](/joy-ui/react-list/#selected).
+The menu item uses the same styles as the [`ListItemButton`](/joy-ui/react-list/#interactive-list-items).
 
 {{"demo": "SelectedMenu.js"}}
 
diff --git a/docs/data/joy/components/menu/menu-zh.md b/docs/data/joy/components/menu/menu-zh.md
index ea5d562d2509cf..378ef12e9f36e8 100644
--- a/docs/data/joy/components/menu/menu-zh.md
+++ b/docs/data/joy/components/menu/menu-zh.md
@@ -58,7 +58,7 @@ When specifying a size for the `Menu` component, menu items inside of it will in
 
 Use the `selected` prop to signal whether a `MenuItem` is selected or not.
 
-The menu item uses the same styles as the [`ListItemButton`](/joy-ui/react-list/#selected).
+The menu item uses the same styles as the [`ListItemButton`](/joy-ui/react-list/#interactive-list-items).
 
 {{"demo": "SelectedMenu.js"}}
 
diff --git a/docs/data/joy/components/menu/menu.md b/docs/data/joy/components/menu/menu.md
index 076120e12ececf..c6fdcf0f6941eb 100644
--- a/docs/data/joy/components/menu/menu.md
+++ b/docs/data/joy/components/menu/menu.md
@@ -75,7 +75,7 @@ To learn how to add more sizes to the component, check out [Themed components—
 
 Use the `selected` prop to signal whether a `MenuItem` is selected or not.
 
-The menu item uses the same styles as the [`ListItemButton`](/joy-ui/react-list/#selected).
+The menu item uses the same styles as the [`ListItemButton`](/joy-ui/react-list/#interactive-list-items).
 
 {{"demo": "SelectedMenu.js"}}
 
@@ -98,6 +98,13 @@ For example, this is how you'd go for displaying the menu on the bottom-end of t
 
 {{"demo": "GroupMenu.js"}}
 
+### Controlling the open state
+
+By default, the open/close state of the menu is managed internally by the Dropdown component.
+To control it programmatically from the outside, apply the Dropdown's `open` and `onOpenChange` props as shown below:
+
+{{"demo": "ControlledDropdown.js"}}
+
 ### `MenuList` composition
 
 To get full control of the DOM structure, use the `MenuList` component.
diff --git a/docs/data/joy/components/modal/AlertDialogModal.js b/docs/data/joy/components/modal/AlertDialogModal.js
index 6e9b5da8c70aaf..d031b595754fac 100644
--- a/docs/data/joy/components/modal/AlertDialogModal.js
+++ b/docs/data/joy/components/modal/AlertDialogModal.js
@@ -1,12 +1,13 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Divider from '@mui/joy/Divider';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
+import DialogActions from '@mui/joy/DialogActions';
 import Modal from '@mui/joy/Modal';
 import ModalDialog from '@mui/joy/ModalDialog';
 import DeleteForever from '@mui/icons-material/DeleteForever';
 import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
-import Typography from '@mui/joy/Typography';
 
 export default function AlertDialogModal() {
   const [open, setOpen] = React.useState(false);
@@ -21,31 +22,23 @@ export default function AlertDialogModal() {
         Discard
       </Button>
       <Modal open={open} onClose={() => setOpen(false)}>
-        <ModalDialog
-          variant="outlined"
-          role="alertdialog"
-          aria-labelledby="alert-dialog-modal-title"
-          aria-describedby="alert-dialog-modal-description"
-        >
-          <Typography
-            id="alert-dialog-modal-title"
-            level="h2"
-            startDecorator={<WarningRoundedIcon />}
-          >
+        <ModalDialog variant="outlined" role="alertdialog">
+          <DialogTitle>
+            <WarningRoundedIcon />
             Confirmation
-          </Typography>
+          </DialogTitle>
           <Divider />
-          <Typography id="alert-dialog-modal-description" textColor="text.tertiary">
+          <DialogContent>
             Are you sure you want to discard all of your notes?
-          </Typography>
-          <Box sx={{ display: 'flex', gap: 1, justifyContent: 'flex-end', pt: 2 }}>
-            <Button variant="plain" color="neutral" onClick={() => setOpen(false)}>
-              Cancel
-            </Button>
+          </DialogContent>
+          <DialogActions>
             <Button variant="solid" color="danger" onClick={() => setOpen(false)}>
               Discard notes
             </Button>
-          </Box>
+            <Button variant="plain" color="neutral" onClick={() => setOpen(false)}>
+              Cancel
+            </Button>
+          </DialogActions>
         </ModalDialog>
       </Modal>
     </React.Fragment>
diff --git a/docs/data/joy/components/modal/AlertDialogModal.tsx b/docs/data/joy/components/modal/AlertDialogModal.tsx
index 47d7e34ba4766e..9428e390afe8ef 100644
--- a/docs/data/joy/components/modal/AlertDialogModal.tsx
+++ b/docs/data/joy/components/modal/AlertDialogModal.tsx
@@ -1,12 +1,13 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Divider from '@mui/joy/Divider';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
+import DialogActions from '@mui/joy/DialogActions';
 import Modal from '@mui/joy/Modal';
 import ModalDialog from '@mui/joy/ModalDialog';
 import DeleteForever from '@mui/icons-material/DeleteForever';
 import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
-import Typography from '@mui/joy/Typography';
 
 export default function AlertDialogModal() {
   const [open, setOpen] = React.useState<boolean>(false);
@@ -21,31 +22,23 @@ export default function AlertDialogModal() {
         Discard
       </Button>
       <Modal open={open} onClose={() => setOpen(false)}>
-        <ModalDialog
-          variant="outlined"
-          role="alertdialog"
-          aria-labelledby="alert-dialog-modal-title"
-          aria-describedby="alert-dialog-modal-description"
-        >
-          <Typography
-            id="alert-dialog-modal-title"
-            level="h2"
-            startDecorator={<WarningRoundedIcon />}
-          >
+        <ModalDialog variant="outlined" role="alertdialog">
+          <DialogTitle>
+            <WarningRoundedIcon />
             Confirmation
-          </Typography>
+          </DialogTitle>
           <Divider />
-          <Typography id="alert-dialog-modal-description" textColor="text.tertiary">
+          <DialogContent>
             Are you sure you want to discard all of your notes?
-          </Typography>
-          <Box sx={{ display: 'flex', gap: 1, justifyContent: 'flex-end', pt: 2 }}>
-            <Button variant="plain" color="neutral" onClick={() => setOpen(false)}>
-              Cancel
-            </Button>
+          </DialogContent>
+          <DialogActions>
             <Button variant="solid" color="danger" onClick={() => setOpen(false)}>
               Discard notes
             </Button>
-          </Box>
+            <Button variant="plain" color="neutral" onClick={() => setOpen(false)}>
+              Cancel
+            </Button>
+          </DialogActions>
         </ModalDialog>
       </Modal>
     </React.Fragment>
diff --git a/docs/data/joy/components/modal/BasicModal.js b/docs/data/joy/components/modal/BasicModal.js
index 407c3ef39d01e7..2d33d88416c4f5 100644
--- a/docs/data/joy/components/modal/BasicModal.js
+++ b/docs/data/joy/components/modal/BasicModal.js
@@ -28,16 +28,7 @@ export default function BasicModal() {
             boxShadow: 'lg',
           }}
         >
-          <ModalClose
-            variant="outlined"
-            sx={{
-              top: 'calc(-1/4 * var(--IconButton-size))',
-              right: 'calc(-1/4 * var(--IconButton-size))',
-              boxShadow: '0 2px 12px 0 rgba(0 0 0 / 0.2)',
-              borderRadius: '50%',
-              bgcolor: 'background.surface',
-            }}
-          />
+          <ModalClose variant="plain" sx={{ m: 1 }} />
           <Typography
             component="h2"
             id="modal-title"
diff --git a/docs/data/joy/components/modal/BasicModal.tsx b/docs/data/joy/components/modal/BasicModal.tsx
index 4f090bc85a99ed..ad0f439e214e77 100644
--- a/docs/data/joy/components/modal/BasicModal.tsx
+++ b/docs/data/joy/components/modal/BasicModal.tsx
@@ -28,16 +28,7 @@ export default function BasicModal() {
             boxShadow: 'lg',
           }}
         >
-          <ModalClose
-            variant="outlined"
-            sx={{
-              top: 'calc(-1/4 * var(--IconButton-size))',
-              right: 'calc(-1/4 * var(--IconButton-size))',
-              boxShadow: '0 2px 12px 0 rgba(0 0 0 / 0.2)',
-              borderRadius: '50%',
-              bgcolor: 'background.surface',
-            }}
-          />
+          <ModalClose variant="plain" sx={{ m: 1 }} />
           <Typography
             component="h2"
             id="modal-title"
diff --git a/docs/data/joy/components/modal/BasicModalDialog.js b/docs/data/joy/components/modal/BasicModalDialog.js
index e7f58fbf414aac..989afdb5e4fac1 100644
--- a/docs/data/joy/components/modal/BasicModalDialog.js
+++ b/docs/data/joy/components/modal/BasicModalDialog.js
@@ -5,9 +5,10 @@ import FormLabel from '@mui/joy/FormLabel';
 import Input from '@mui/joy/Input';
 import Modal from '@mui/joy/Modal';
 import ModalDialog from '@mui/joy/ModalDialog';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 import Stack from '@mui/joy/Stack';
 import Add from '@mui/icons-material/Add';
-import Typography from '@mui/joy/Typography';
 
 export default function BasicModalDialog() {
   const [open, setOpen] = React.useState(false);
@@ -22,17 +23,9 @@ export default function BasicModalDialog() {
         New project
       </Button>
       <Modal open={open} onClose={() => setOpen(false)}>
-        <ModalDialog
-          aria-labelledby="basic-modal-dialog-title"
-          aria-describedby="basic-modal-dialog-description"
-          sx={{ maxWidth: 500 }}
-        >
-          <Typography id="basic-modal-dialog-title" level="h2">
-            Create new project
-          </Typography>
-          <Typography id="basic-modal-dialog-description">
-            Fill in the information of the project.
-          </Typography>
+        <ModalDialog>
+          <DialogTitle>Create new project</DialogTitle>
+          <DialogContent>Fill in the information of the project.</DialogContent>
           <form
             onSubmit={(event) => {
               event.preventDefault();
diff --git a/docs/data/joy/components/modal/BasicModalDialog.tsx b/docs/data/joy/components/modal/BasicModalDialog.tsx
index 8f98cfb319b224..0f3d201280bfe9 100644
--- a/docs/data/joy/components/modal/BasicModalDialog.tsx
+++ b/docs/data/joy/components/modal/BasicModalDialog.tsx
@@ -5,9 +5,10 @@ import FormLabel from '@mui/joy/FormLabel';
 import Input from '@mui/joy/Input';
 import Modal from '@mui/joy/Modal';
 import ModalDialog from '@mui/joy/ModalDialog';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 import Stack from '@mui/joy/Stack';
 import Add from '@mui/icons-material/Add';
-import Typography from '@mui/joy/Typography';
 
 export default function BasicModalDialog() {
   const [open, setOpen] = React.useState<boolean>(false);
@@ -22,17 +23,9 @@ export default function BasicModalDialog() {
         New project
       </Button>
       <Modal open={open} onClose={() => setOpen(false)}>
-        <ModalDialog
-          aria-labelledby="basic-modal-dialog-title"
-          aria-describedby="basic-modal-dialog-description"
-          sx={{ maxWidth: 500 }}
-        >
-          <Typography id="basic-modal-dialog-title" level="h2">
-            Create new project
-          </Typography>
-          <Typography id="basic-modal-dialog-description">
-            Fill in the information of the project.
-          </Typography>
+        <ModalDialog>
+          <DialogTitle>Create new project</DialogTitle>
+          <DialogContent>Fill in the information of the project.</DialogContent>
           <form
             onSubmit={(event: React.FormEvent<HTMLFormElement>) => {
               event.preventDefault();
diff --git a/docs/data/joy/components/modal/DialogVerticalScroll.js b/docs/data/joy/components/modal/DialogVerticalScroll.js
index 0296f922a66cb2..318e7f92d28e86 100644
--- a/docs/data/joy/components/modal/DialogVerticalScroll.js
+++ b/docs/data/joy/components/modal/DialogVerticalScroll.js
@@ -8,7 +8,7 @@ import Switch from '@mui/joy/Switch';
 import Modal from '@mui/joy/Modal';
 import ModalDialog from '@mui/joy/ModalDialog';
 import ModalClose from '@mui/joy/ModalClose';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
 import Stack from '@mui/joy/Stack';
 
 export default function DialogVerticalScroll() {
@@ -42,11 +42,9 @@ export default function DialogVerticalScroll() {
           setLayout(undefined);
         }}
       >
-        <ModalDialog aria-labelledby="dialog-vertical-scroll-title" layout={layout}>
+        <ModalDialog layout={layout}>
           <ModalClose />
-          <Typography id="dialog-vertical-scroll-title" level="h2">
-            Vertical scroll example
-          </Typography>
+          <DialogTitle>Vertical scroll example</DialogTitle>
           <FormControl
             orientation="horizontal"
             sx={{ bgcolor: 'background.level2', p: 1, borderRadius: 'sm' }}
diff --git a/docs/data/joy/components/modal/DialogVerticalScroll.tsx b/docs/data/joy/components/modal/DialogVerticalScroll.tsx
index eeeb73f298beee..18982c36530eac 100644
--- a/docs/data/joy/components/modal/DialogVerticalScroll.tsx
+++ b/docs/data/joy/components/modal/DialogVerticalScroll.tsx
@@ -8,7 +8,7 @@ import Switch from '@mui/joy/Switch';
 import Modal from '@mui/joy/Modal';
 import ModalDialog, { ModalDialogProps } from '@mui/joy/ModalDialog';
 import ModalClose from '@mui/joy/ModalClose';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
 import Stack from '@mui/joy/Stack';
 
 export default function DialogVerticalScroll() {
@@ -44,11 +44,9 @@ export default function DialogVerticalScroll() {
           setLayout(undefined);
         }}
       >
-        <ModalDialog aria-labelledby="dialog-vertical-scroll-title" layout={layout}>
+        <ModalDialog layout={layout}>
           <ModalClose />
-          <Typography id="dialog-vertical-scroll-title" level="h2">
-            Vertical scroll example
-          </Typography>
+          <DialogTitle>Vertical scroll example</DialogTitle>
           <FormControl
             orientation="horizontal"
             sx={{ bgcolor: 'background.level2', p: 1, borderRadius: 'sm' }}
diff --git a/docs/data/joy/components/modal/FadeModalDialog.js b/docs/data/joy/components/modal/FadeModalDialog.js
index 07bd02c29f2e90..8bac4f34b7fcbb 100644
--- a/docs/data/joy/components/modal/FadeModalDialog.js
+++ b/docs/data/joy/components/modal/FadeModalDialog.js
@@ -3,7 +3,8 @@ import { Transition } from 'react-transition-group';
 import Button from '@mui/joy/Button';
 import Modal from '@mui/joy/Modal';
 import ModalDialog from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 
 export default function FadeModalDialog() {
   const [open, setOpen] = React.useState(false);
@@ -36,8 +37,6 @@ export default function FadeModalDialog() {
             }}
           >
             <ModalDialog
-              aria-labelledby="fade-modal-dialog-title"
-              aria-describedby="fade-modal-dialog-description"
               sx={{
                 opacity: 0,
                 transition: `opacity 300ms`,
@@ -47,15 +46,10 @@ export default function FadeModalDialog() {
                 }[state],
               }}
             >
-              <Typography id="fade-modal-dialog-title" level="h2">
-                Transition modal
-              </Typography>
-              <Typography
-                id="fade-modal-dialog-description"
-                textColor="text.tertiary"
-              >
+              <DialogTitle>Transition modal</DialogTitle>
+              <DialogContent>
                 Using `react-transition-group` to create a fade animation.
-              </Typography>
+              </DialogContent>
             </ModalDialog>
           </Modal>
         )}
diff --git a/docs/data/joy/components/modal/FadeModalDialog.tsx b/docs/data/joy/components/modal/FadeModalDialog.tsx
index 53441c0c058410..d51b1c1e4d0799 100644
--- a/docs/data/joy/components/modal/FadeModalDialog.tsx
+++ b/docs/data/joy/components/modal/FadeModalDialog.tsx
@@ -3,7 +3,8 @@ import { Transition } from 'react-transition-group';
 import Button from '@mui/joy/Button';
 import Modal from '@mui/joy/Modal';
 import ModalDialog from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 
 export default function FadeModalDialog() {
   const [open, setOpen] = React.useState<boolean>(false);
@@ -36,8 +37,6 @@ export default function FadeModalDialog() {
             }}
           >
             <ModalDialog
-              aria-labelledby="fade-modal-dialog-title"
-              aria-describedby="fade-modal-dialog-description"
               sx={{
                 opacity: 0,
                 transition: `opacity 300ms`,
@@ -47,15 +46,10 @@ export default function FadeModalDialog() {
                 }[state],
               }}
             >
-              <Typography id="fade-modal-dialog-title" level="h2">
-                Transition modal
-              </Typography>
-              <Typography
-                id="fade-modal-dialog-description"
-                textColor="text.tertiary"
-              >
+              <DialogTitle>Transition modal</DialogTitle>
+              <DialogContent>
                 Using `react-transition-group` to create a fade animation.
-              </Typography>
+              </DialogContent>
             </ModalDialog>
           </Modal>
         )}
diff --git a/docs/data/joy/components/modal/KeepMountedModal.js b/docs/data/joy/components/modal/KeepMountedModal.js
index 4c9b5cae185121..5b2853a70f8dd4 100644
--- a/docs/data/joy/components/modal/KeepMountedModal.js
+++ b/docs/data/joy/components/modal/KeepMountedModal.js
@@ -2,7 +2,8 @@ import * as React from 'react';
 import Button from '@mui/joy/Button';
 import Modal from '@mui/joy/Modal';
 import ModalDialog from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 
 export default function KeepMountedModal() {
   const [open, setOpen] = React.useState(false);
@@ -12,16 +13,11 @@ export default function KeepMountedModal() {
         Open modal
       </Button>
       <Modal keepMounted open={open} onClose={() => setOpen(false)}>
-        <ModalDialog
-          aria-labelledby="keep-mounted-modal-title"
-          aria-describedby="keep-mounted-modal-description"
-        >
-          <Typography id="keep-mounted-modal-title" level="h2">
-            Keep mounted modal
-          </Typography>
-          <Typography id="keep-mounted-modal-description" textColor="text.tertiary">
+        <ModalDialog>
+          <DialogTitle>Keep mounted modal</DialogTitle>
+          <DialogContent>
             This modal is still in the DOM event though it is closed.
-          </Typography>
+          </DialogContent>
         </ModalDialog>
       </Modal>
     </React.Fragment>
diff --git a/docs/data/joy/components/modal/KeepMountedModal.tsx b/docs/data/joy/components/modal/KeepMountedModal.tsx
index b17d2d2bc5af2c..4f1001e6e6067e 100644
--- a/docs/data/joy/components/modal/KeepMountedModal.tsx
+++ b/docs/data/joy/components/modal/KeepMountedModal.tsx
@@ -2,7 +2,8 @@ import * as React from 'react';
 import Button from '@mui/joy/Button';
 import Modal from '@mui/joy/Modal';
 import ModalDialog from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 
 export default function KeepMountedModal() {
   const [open, setOpen] = React.useState<boolean>(false);
@@ -12,16 +13,11 @@ export default function KeepMountedModal() {
         Open modal
       </Button>
       <Modal keepMounted open={open} onClose={() => setOpen(false)}>
-        <ModalDialog
-          aria-labelledby="keep-mounted-modal-title"
-          aria-describedby="keep-mounted-modal-description"
-        >
-          <Typography id="keep-mounted-modal-title" level="h2">
-            Keep mounted modal
-          </Typography>
-          <Typography id="keep-mounted-modal-description" textColor="text.tertiary">
+        <ModalDialog>
+          <DialogTitle>Keep mounted modal</DialogTitle>
+          <DialogContent>
             This modal is still in the DOM event though it is closed.
-          </Typography>
+          </DialogContent>
         </ModalDialog>
       </Modal>
     </React.Fragment>
diff --git a/docs/data/joy/components/modal/KeepMountedModal.tsx.preview b/docs/data/joy/components/modal/KeepMountedModal.tsx.preview
new file mode 100644
index 00000000000000..fbae930f1a6d8e
--- /dev/null
+++ b/docs/data/joy/components/modal/KeepMountedModal.tsx.preview
@@ -0,0 +1,13 @@
+<React.Fragment>
+  <Button variant="outlined" color="neutral" onClick={() => setOpen(true)}>
+    Open modal
+  </Button>
+  <Modal keepMounted open={open} onClose={() => setOpen(false)}>
+    <ModalDialog>
+      <DialogTitle>Keep mounted modal</DialogTitle>
+      <DialogContent>
+        This modal is still in the DOM event though it is closed.
+      </DialogContent>
+    </ModalDialog>
+  </Modal>
+</React.Fragment>
\ No newline at end of file
diff --git a/docs/data/joy/components/modal/LayoutModalDialog.js b/docs/data/joy/components/modal/LayoutModalDialog.js
index 8dd0a3d58c9574..ce9327adc078b4 100644
--- a/docs/data/joy/components/modal/LayoutModalDialog.js
+++ b/docs/data/joy/components/modal/LayoutModalDialog.js
@@ -4,7 +4,8 @@ import Stack from '@mui/joy/Stack';
 import Modal from '@mui/joy/Modal';
 import ModalClose from '@mui/joy/ModalClose';
 import ModalDialog from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 
 export default function LayoutModalDialog() {
   const [layout, setLayout] = React.useState(undefined);
@@ -31,19 +32,15 @@ export default function LayoutModalDialog() {
         </Button>
       </Stack>
       <Modal open={!!layout} onClose={() => setLayout(undefined)}>
-        <ModalDialog
-          aria-labelledby="layout-modal-title"
-          aria-describedby="layout-modal-description"
-          layout={layout}
-        >
+        <ModalDialog layout={layout}>
           <ModalClose />
-          <Typography id="layout-modal-title" level="h2">
-            Modal Dialog
-          </Typography>
-          <Typography id="layout-modal-description" textColor="text.tertiary">
-            This is a <code>{layout}</code> modal dialog. Press <code>esc</code> to
-            close it.
-          </Typography>
+          <DialogTitle>Modal Dialog</DialogTitle>
+          <DialogContent>
+            <div>
+              This is a <code>{layout}</code> modal dialog. Press <code>esc</code> to
+              close it.
+            </div>
+          </DialogContent>
         </ModalDialog>
       </Modal>
     </React.Fragment>
diff --git a/docs/data/joy/components/modal/LayoutModalDialog.tsx b/docs/data/joy/components/modal/LayoutModalDialog.tsx
index 39ce58c9de0c13..cbf42b28ddafca 100644
--- a/docs/data/joy/components/modal/LayoutModalDialog.tsx
+++ b/docs/data/joy/components/modal/LayoutModalDialog.tsx
@@ -4,7 +4,8 @@ import Stack from '@mui/joy/Stack';
 import Modal from '@mui/joy/Modal';
 import ModalClose from '@mui/joy/ModalClose';
 import ModalDialog, { ModalDialogProps } from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 
 export default function LayoutModalDialog() {
   const [layout, setLayout] = React.useState<ModalDialogProps['layout'] | undefined>(
@@ -33,19 +34,15 @@ export default function LayoutModalDialog() {
         </Button>
       </Stack>
       <Modal open={!!layout} onClose={() => setLayout(undefined)}>
-        <ModalDialog
-          aria-labelledby="layout-modal-title"
-          aria-describedby="layout-modal-description"
-          layout={layout}
-        >
+        <ModalDialog layout={layout}>
           <ModalClose />
-          <Typography id="layout-modal-title" level="h2">
-            Modal Dialog
-          </Typography>
-          <Typography id="layout-modal-description" textColor="text.tertiary">
-            This is a <code>{layout}</code> modal dialog. Press <code>esc</code> to
-            close it.
-          </Typography>
+          <DialogTitle>Modal Dialog</DialogTitle>
+          <DialogContent>
+            <div>
+              This is a <code>{layout}</code> modal dialog. Press <code>esc</code> to
+              close it.
+            </div>
+          </DialogContent>
         </ModalDialog>
       </Modal>
     </React.Fragment>
diff --git a/docs/data/joy/components/modal/ModalUsage.js b/docs/data/joy/components/modal/ModalUsage.js
index 7ef094c5ae9082..4f9e1a012c3429 100644
--- a/docs/data/joy/components/modal/ModalUsage.js
+++ b/docs/data/joy/components/modal/ModalUsage.js
@@ -3,7 +3,8 @@ import Button from '@mui/joy/Button';
 import Modal from '@mui/joy/Modal';
 import ModalClose from '@mui/joy/ModalClose';
 import ModalDialog from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 import JoyUsageDemo, {
   prependLinesSpace,
 } from 'docs/src/modules/components/JoyUsageDemo';
@@ -51,26 +52,13 @@ ${prependLinesSpace(code, 2)}
             Open modal
           </Button>
           <Modal open={open} onClose={() => setOpen(false)}>
-            <ModalDialog
-              {...props}
-              aria-labelledby="modal-usage-title"
-              aria-describedby="modal-usage-description"
-            >
+            <ModalDialog {...props}>
               <ModalClose />
-              <Typography
-                id="modal-usage-title"
-                level="h2"
-                color={props.variant === 'solid' ? 'inherit' : undefined}
-              >
-                Modal title
-              </Typography>
-              <Typography
-                id="modal-usage-description"
-                color={props.variant === 'solid' ? 'inherit' : undefined}
-              >
+              <DialogTitle>Modal title</DialogTitle>
+              <DialogContent>
                 A description of the dialog should give primary message or purpose of
                 the dialog.
-              </Typography>
+              </DialogContent>
             </ModalDialog>
           </Modal>
         </React.Fragment>
diff --git a/docs/data/joy/components/modal/NestedModals.js b/docs/data/joy/components/modal/NestedModals.js
index 550d74b046f1ab..70c1605bfb3c45 100644
--- a/docs/data/joy/components/modal/NestedModals.js
+++ b/docs/data/joy/components/modal/NestedModals.js
@@ -3,7 +3,8 @@ import PropTypes from 'prop-types';
 import Button from '@mui/joy/Button';
 import Modal from '@mui/joy/Modal';
 import ModalDialog from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 
 function randomBetween(min, max) {
   return Math.floor(Math.random() * (max - min + 1)) + min;
@@ -18,8 +19,6 @@ function NestedModals({ random }) {
       </Button>
       <Modal open={open} onClose={() => setOpen(false)}>
         <ModalDialog
-          aria-labelledby="nested-modal-title"
-          aria-describedby="nested-modal-description"
           layout="center"
           {...(random && {
             sx: {
@@ -28,12 +27,8 @@ function NestedModals({ random }) {
             },
           })}
         >
-          <Typography id="nested-modal-title" level="h2">
-            Infinite modals
-          </Typography>
-          <Typography id="nested-modal-description" textColor="text.tertiary">
-            Welcome to the infinite nested modals.
-          </Typography>
+          <DialogTitle>Infinite modals</DialogTitle>
+          <DialogContent>Welcome to the infinite nested modals.</DialogContent>
           <NestedModals random />
         </ModalDialog>
       </Modal>
diff --git a/docs/data/joy/components/modal/NestedModals.tsx b/docs/data/joy/components/modal/NestedModals.tsx
index e7a2c81c088bcc..fdcc9f4cfb87fa 100644
--- a/docs/data/joy/components/modal/NestedModals.tsx
+++ b/docs/data/joy/components/modal/NestedModals.tsx
@@ -2,7 +2,8 @@ import * as React from 'react';
 import Button from '@mui/joy/Button';
 import Modal from '@mui/joy/Modal';
 import ModalDialog from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 
 type NestedModalsProps = {
   random?: boolean;
@@ -21,8 +22,6 @@ function NestedModals({ random }: NestedModalsProps) {
       </Button>
       <Modal open={open} onClose={() => setOpen(false)}>
         <ModalDialog
-          aria-labelledby="nested-modal-title"
-          aria-describedby="nested-modal-description"
           layout="center"
           {...(random && {
             sx: {
@@ -31,12 +30,8 @@ function NestedModals({ random }: NestedModalsProps) {
             },
           })}
         >
-          <Typography id="nested-modal-title" level="h2">
-            Infinite modals
-          </Typography>
-          <Typography id="nested-modal-description" textColor="text.tertiary">
-            Welcome to the infinite nested modals.
-          </Typography>
+          <DialogTitle>Infinite modals</DialogTitle>
+          <DialogContent>Welcome to the infinite nested modals.</DialogContent>
           <NestedModals random />
         </ModalDialog>
       </Modal>
diff --git a/docs/data/joy/components/modal/ResponsiveModal.js b/docs/data/joy/components/modal/ResponsiveModal.js
index 8cca2ed3ede8c4..ccaa3ea2eecc34 100644
--- a/docs/data/joy/components/modal/ResponsiveModal.js
+++ b/docs/data/joy/components/modal/ResponsiveModal.js
@@ -43,7 +43,7 @@ export default function ResponsiveModal() {
               flexDirection: { xs: 'column', sm: 'row-reverse' },
             }}
           >
-            <Button variant="solid" color="neutral" onClick={() => setOpen(false)}>
+            <Button variant="solid" color="primary" onClick={() => setOpen(false)}>
               Continue
             </Button>
             <Button
diff --git a/docs/data/joy/components/modal/ResponsiveModal.tsx b/docs/data/joy/components/modal/ResponsiveModal.tsx
index 8cca2ed3ede8c4..ccaa3ea2eecc34 100644
--- a/docs/data/joy/components/modal/ResponsiveModal.tsx
+++ b/docs/data/joy/components/modal/ResponsiveModal.tsx
@@ -43,7 +43,7 @@ export default function ResponsiveModal() {
               flexDirection: { xs: 'column', sm: 'row-reverse' },
             }}
           >
-            <Button variant="solid" color="neutral" onClick={() => setOpen(false)}>
+            <Button variant="solid" color="primary" onClick={() => setOpen(false)}>
               Continue
             </Button>
             <Button
diff --git a/docs/data/joy/components/modal/SizeModalDialog.js b/docs/data/joy/components/modal/SizeModalDialog.js
index 8a07015dffe206..ff0e14e285ac9b 100644
--- a/docs/data/joy/components/modal/SizeModalDialog.js
+++ b/docs/data/joy/components/modal/SizeModalDialog.js
@@ -4,7 +4,8 @@ import Stack from '@mui/joy/Stack';
 import Modal from '@mui/joy/Modal';
 import ModalClose from '@mui/joy/ModalClose';
 import ModalDialog from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 
 export default function SizeModalDialog() {
   const [size, setSize] = React.useState(undefined);
@@ -37,18 +38,10 @@ export default function SizeModalDialog() {
         </Button>
       </Stack>
       <Modal open={!!size} onClose={() => setSize(undefined)}>
-        <ModalDialog
-          aria-labelledby="size-modal-title"
-          aria-describedby="size-modal-description"
-          size={size}
-        >
+        <ModalDialog size={size}>
           <ModalClose />
-          <Typography id="size-modal-title" level="h2">
-            Modal Dialog
-          </Typography>
-          <Typography id="size-modal-description">
-            This is a `{size}` modal dialog.
-          </Typography>
+          <DialogTitle>Modal Dialog</DialogTitle>
+          <DialogContent>This is a `{size}` modal dialog.</DialogContent>
         </ModalDialog>
       </Modal>
     </React.Fragment>
diff --git a/docs/data/joy/components/modal/SizeModalDialog.tsx b/docs/data/joy/components/modal/SizeModalDialog.tsx
index 4cabbb827fd6ef..4449f2a854911f 100644
--- a/docs/data/joy/components/modal/SizeModalDialog.tsx
+++ b/docs/data/joy/components/modal/SizeModalDialog.tsx
@@ -4,7 +4,8 @@ import Stack from '@mui/joy/Stack';
 import Modal from '@mui/joy/Modal';
 import ModalClose from '@mui/joy/ModalClose';
 import ModalDialog, { ModalDialogProps } from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 
 export default function SizeModalDialog() {
   const [size, setSize] = React.useState<ModalDialogProps['size'] | undefined>(
@@ -39,18 +40,10 @@ export default function SizeModalDialog() {
         </Button>
       </Stack>
       <Modal open={!!size} onClose={() => setSize(undefined)}>
-        <ModalDialog
-          aria-labelledby="size-modal-title"
-          aria-describedby="size-modal-description"
-          size={size}
-        >
+        <ModalDialog size={size}>
           <ModalClose />
-          <Typography id="size-modal-title" level="h2">
-            Modal Dialog
-          </Typography>
-          <Typography id="size-modal-description">
-            This is a `{size}` modal dialog.
-          </Typography>
+          <DialogTitle>Modal Dialog</DialogTitle>
+          <DialogContent>This is a `{size}` modal dialog.</DialogContent>
         </ModalDialog>
       </Modal>
     </React.Fragment>
diff --git a/docs/data/joy/components/modal/VariantModalDialog.js b/docs/data/joy/components/modal/VariantModalDialog.js
index a717d0d5b5cf4a..fb39eba4261501 100644
--- a/docs/data/joy/components/modal/VariantModalDialog.js
+++ b/docs/data/joy/components/modal/VariantModalDialog.js
@@ -4,7 +4,8 @@ import Stack from '@mui/joy/Stack';
 import Modal from '@mui/joy/Modal';
 import ModalClose from '@mui/joy/ModalClose';
 import ModalDialog from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 
 export default function VariantModalDialog() {
   const [variant, setVariant] = React.useState(undefined);
@@ -49,18 +50,10 @@ export default function VariantModalDialog() {
         </Button>
       </Stack>
       <Modal open={!!variant} onClose={() => setVariant(undefined)}>
-        <ModalDialog
-          aria-labelledby="variant-modal-title"
-          aria-describedby="variant-modal-description"
-          variant={variant}
-        >
+        <ModalDialog variant={variant}>
           <ModalClose />
-          <Typography id="variant-modal-title" level="h2" textColor="inherit">
-            Modal Dialog
-          </Typography>
-          <Typography id="variant-modal-description" textColor="inherit">
-            This is a `{variant}` modal dialog.
-          </Typography>
+          <DialogTitle>Modal Dialog</DialogTitle>
+          <DialogContent>This is a `{variant}` modal dialog.</DialogContent>
         </ModalDialog>
       </Modal>
     </React.Fragment>
diff --git a/docs/data/joy/components/modal/VariantModalDialog.tsx b/docs/data/joy/components/modal/VariantModalDialog.tsx
index f6e280ea61cf67..8a5432c5b659ac 100644
--- a/docs/data/joy/components/modal/VariantModalDialog.tsx
+++ b/docs/data/joy/components/modal/VariantModalDialog.tsx
@@ -4,7 +4,8 @@ import Stack from '@mui/joy/Stack';
 import Modal from '@mui/joy/Modal';
 import ModalClose from '@mui/joy/ModalClose';
 import ModalDialog, { ModalDialogProps } from '@mui/joy/ModalDialog';
-import Typography from '@mui/joy/Typography';
+import DialogTitle from '@mui/joy/DialogTitle';
+import DialogContent from '@mui/joy/DialogContent';
 
 export default function VariantModalDialog() {
   const [variant, setVariant] = React.useState<
@@ -51,18 +52,10 @@ export default function VariantModalDialog() {
         </Button>
       </Stack>
       <Modal open={!!variant} onClose={() => setVariant(undefined)}>
-        <ModalDialog
-          aria-labelledby="variant-modal-title"
-          aria-describedby="variant-modal-description"
-          variant={variant}
-        >
+        <ModalDialog variant={variant}>
           <ModalClose />
-          <Typography id="variant-modal-title" level="h2" textColor="inherit">
-            Modal Dialog
-          </Typography>
-          <Typography id="variant-modal-description" textColor="inherit">
-            This is a `{variant}` modal dialog.
-          </Typography>
+          <DialogTitle>Modal Dialog</DialogTitle>
+          <DialogContent>This is a `{variant}` modal dialog.</DialogContent>
         </ModalDialog>
       </Modal>
     </React.Fragment>
diff --git a/docs/data/joy/components/modal/modal.md b/docs/data/joy/components/modal/modal.md
index 2adc8439519d2e..32ea3b4f95ee39 100644
--- a/docs/data/joy/components/modal/modal.md
+++ b/docs/data/joy/components/modal/modal.md
@@ -1,7 +1,7 @@
 ---
 productId: joy-ui
 title: React Modal component
-components: Modal, ModalClose, ModalDialog, ModalOverflow
+components: Modal, ModalClose, ModalDialog, ModalOverflow, DialogTitle, DialogContent, DialogActions
 githubLabel: 'component: modal'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
 ---
diff --git a/docs/data/joy/components/radio-button/radio-button-pt.md b/docs/data/joy/components/radio-button/radio-button-pt.md
index 40af2acbec4576..c6096f1f78f0fd 100644
--- a/docs/data/joy/components/radio-button/radio-button-pt.md
+++ b/docs/data/joy/components/radio-button/radio-button-pt.md
@@ -74,7 +74,7 @@ You can also use it directly in the `RadioGroup` component as it will automatica
 {{"demo": "OverlayRadio.js"}}
 
 :::info
-💡 **Tip:** Use the CSS variable `--Radio-action-radius` to control the border radius of the clickable area.
+**Tip:** Use the CSS variable `--Radio-action-radius` to control the border radius of the clickable area.
 :::
 
 ### Icon
diff --git a/docs/data/joy/components/radio-button/radio-button-zh.md b/docs/data/joy/components/radio-button/radio-button-zh.md
index ee49ebe8fe7561..d0038bd3c43973 100644
--- a/docs/data/joy/components/radio-button/radio-button-zh.md
+++ b/docs/data/joy/components/radio-button/radio-button-zh.md
@@ -74,7 +74,7 @@ You can also use it directly in the `RadioGroup` component as it will automatica
 {{"demo": "OverlayRadio.js"}}
 
 :::info
-💡 **Tip:** Use the CSS variable `--Radio-action-radius` to control the border radius of the clickable area.
+**Tip:** Use the CSS variable `--Radio-action-radius` to control the border radius of the clickable area.
 :::
 
 ### Icon
diff --git a/docs/data/joy/components/select/ControlledOpenSelect.js b/docs/data/joy/components/select/ControlledOpenSelect.js
index 073b17dd5918a3..1fd29fc51211fe 100644
--- a/docs/data/joy/components/select/ControlledOpenSelect.js
+++ b/docs/data/joy/components/select/ControlledOpenSelect.js
@@ -25,7 +25,7 @@ export default function ControlledOpenSelect() {
           setOpen((bool) => !bool);
         }}
       >
-        Open the select
+        Toggle the select
       </Button>
       <div>
         <Select
diff --git a/docs/data/joy/components/select/ControlledOpenSelect.tsx b/docs/data/joy/components/select/ControlledOpenSelect.tsx
index defa0bbbec0ea6..841974508121c9 100644
--- a/docs/data/joy/components/select/ControlledOpenSelect.tsx
+++ b/docs/data/joy/components/select/ControlledOpenSelect.tsx
@@ -28,7 +28,7 @@ export default function ControlledOpenSelect() {
           setOpen((bool) => !bool);
         }}
       >
-        Open the select
+        Toggle the select
       </Button>
       <div>
         <Select
diff --git a/docs/data/joy/components/select/SelectFormSubmission.js b/docs/data/joy/components/select/SelectFormSubmission.js
new file mode 100644
index 00000000000000..4e86f9c92f6770
--- /dev/null
+++ b/docs/data/joy/components/select/SelectFormSubmission.js
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import Button from '@mui/joy/Button';
+import Select from '@mui/joy/Select';
+import Option from '@mui/joy/Option';
+import Stack from '@mui/joy/Stack';
+
+export default function SelectFormSubmission() {
+  return (
+    <form
+      onSubmit={(event) => {
+        event.preventDefault();
+        const formData = new FormData(event.currentTarget);
+        const formJson = Object.fromEntries(formData.entries());
+        alert(JSON.stringify(formJson));
+      }}
+    >
+      <Stack spacing={2} alignItems="flex-start">
+        <Select
+          placeholder="Select a pet"
+          name="foo"
+          required
+          sx={{ minWidth: 200 }}
+        >
+          <Option value="dog">Dog</Option>
+          <Option value="cat">Cat</Option>
+          <Option value="fish">Fish</Option>
+          <Option value="bird">Bird</Option>
+        </Select>
+        <Button type="submit">Submit</Button>
+      </Stack>
+    </form>
+  );
+}
diff --git a/docs/data/joy/components/select/SelectFormSubmission.tsx b/docs/data/joy/components/select/SelectFormSubmission.tsx
new file mode 100644
index 00000000000000..0eafde67f8a808
--- /dev/null
+++ b/docs/data/joy/components/select/SelectFormSubmission.tsx
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import Button from '@mui/joy/Button';
+import Select from '@mui/joy/Select';
+import Option from '@mui/joy/Option';
+import Stack from '@mui/joy/Stack';
+
+export default function SelectFormSubmission() {
+  return (
+    <form
+      onSubmit={(event) => {
+        event.preventDefault();
+        const formData = new FormData(event.currentTarget);
+        const formJson = Object.fromEntries((formData as any).entries());
+        alert(JSON.stringify(formJson));
+      }}
+    >
+      <Stack spacing={2} alignItems="flex-start">
+        <Select
+          placeholder="Select a pet"
+          name="foo"
+          required
+          sx={{ minWidth: 200 }}
+        >
+          <Option value="dog">Dog</Option>
+          <Option value="cat">Cat</Option>
+          <Option value="fish">Fish</Option>
+          <Option value="bird">Bird</Option>
+        </Select>
+        <Button type="submit">Submit</Button>
+      </Stack>
+    </form>
+  );
+}
diff --git a/docs/data/joy/components/select/select-pt.md b/docs/data/joy/components/select/select-pt.md
index 92b0808d789891..923b47e2243227 100644
--- a/docs/data/joy/components/select/select-pt.md
+++ b/docs/data/joy/components/select/select-pt.md
@@ -109,7 +109,7 @@ In the demo below, we're using the `ListItemDecorator` to provide space between
 {{"demo": "SelectCustomOption.js"}}
 
 :::info
-💡 **Keep in mind:** By default, the option children is used for displaying the selected value. Take a look at [selected value appearance](#selected-value-appearance) to see how to customize its appearance.
+**Keep in mind:** By default, the option children is used for displaying the selected value. Take a look at [selected value appearance](#selected-value-appearance) to see how to customize its appearance.
 :::
 
 #### Group options
@@ -119,7 +119,7 @@ To create a [listbox with grouped options](https://www.w3.org/WAI/ARIA/apg/patte
 {{"demo": "SelectGroupedOptions.js"}}
 
 :::info
-💡 **Keep in mind:** If you'd like to set a `max-height` for a long list of options, make sure to specify it to the `listbox` slot so that keyboard-based navigation works as expected.
+**Keep in mind:** If you'd like to set a `max-height` for a long list of options, make sure to specify it to the `listbox` slot so that keyboard-based navigation works as expected.
 
 ```jsx
 <Select
diff --git a/docs/data/joy/components/select/select-zh.md b/docs/data/joy/components/select/select-zh.md
index 92b0808d789891..923b47e2243227 100644
--- a/docs/data/joy/components/select/select-zh.md
+++ b/docs/data/joy/components/select/select-zh.md
@@ -109,7 +109,7 @@ In the demo below, we're using the `ListItemDecorator` to provide space between
 {{"demo": "SelectCustomOption.js"}}
 
 :::info
-💡 **Keep in mind:** By default, the option children is used for displaying the selected value. Take a look at [selected value appearance](#selected-value-appearance) to see how to customize its appearance.
+**Keep in mind:** By default, the option children is used for displaying the selected value. Take a look at [selected value appearance](#selected-value-appearance) to see how to customize its appearance.
 :::
 
 #### Group options
@@ -119,7 +119,7 @@ To create a [listbox with grouped options](https://www.w3.org/WAI/ARIA/apg/patte
 {{"demo": "SelectGroupedOptions.js"}}
 
 :::info
-💡 **Keep in mind:** If you'd like to set a `max-height` for a long list of options, make sure to specify it to the `listbox` slot so that keyboard-based navigation works as expected.
+**Keep in mind:** If you'd like to set a `max-height` for a long list of options, make sure to specify it to the `listbox` slot so that keyboard-based navigation works as expected.
 
 ```jsx
 <Select
diff --git a/docs/data/joy/components/select/select.md b/docs/data/joy/components/select/select.md
index e9d6f6799d9cdb..9007ed7ed01cdd 100644
--- a/docs/data/joy/components/select/select.md
+++ b/docs/data/joy/components/select/select.md
@@ -43,6 +43,12 @@ The `Select` component is similar to the native HTML's `<select>` and `<option>`
 
 {{"demo": "SelectBasic.js"}}
 
+### Form submission
+
+The `Select` component supports `name` and `required` props that will be used when submitting the form.
+
+{{"demo": "SelectFormSubmission.js"}}
+
 ### Variants
 
 The Select component supports the four global variants: `outlined` (default), `plain`, `soft`, and `solid`.
diff --git a/docs/data/joy/components/skeleton/AnimationSkeleton.js b/docs/data/joy/components/skeleton/AnimationSkeleton.js
index 4f9151906408b7..6c7e980c832804 100644
--- a/docs/data/joy/components/skeleton/AnimationSkeleton.js
+++ b/docs/data/joy/components/skeleton/AnimationSkeleton.js
@@ -31,7 +31,7 @@ export default function AnimationSkeleton() {
             />
           </Skeleton>
         </AspectRatio>
-        <Typography>
+        <Typography sx={{ overflow: 'hidden' }}>
           <Skeleton animation="wave">
             Lorem ipsum is placeholder text commonly used in the graphic, print, and
             publishing industries.
diff --git a/docs/data/joy/components/skeleton/AnimationSkeleton.tsx b/docs/data/joy/components/skeleton/AnimationSkeleton.tsx
index 4f9151906408b7..6c7e980c832804 100644
--- a/docs/data/joy/components/skeleton/AnimationSkeleton.tsx
+++ b/docs/data/joy/components/skeleton/AnimationSkeleton.tsx
@@ -31,7 +31,7 @@ export default function AnimationSkeleton() {
             />
           </Skeleton>
         </AspectRatio>
-        <Typography>
+        <Typography sx={{ overflow: 'hidden' }}>
           <Skeleton animation="wave">
             Lorem ipsum is placeholder text commonly used in the graphic, print, and
             publishing industries.
diff --git a/docs/data/joy/components/slider/slider.md b/docs/data/joy/components/slider/slider.md
index 4182a35688ff22..f71ab2254d3e47 100644
--- a/docs/data/joy/components/slider/slider.md
+++ b/docs/data/joy/components/slider/slider.md
@@ -75,10 +75,10 @@ You can either invert it by assigning `inverted` to the `track` prop or remove i
 
 {{"demo": "TrackFalseSlider.js"}}
 
-## CSS variables
+## CSS variables playground
 
 Play around with all the CSS variables available in the slider component to see how the design changes.
 
 You can use those to customize the component on both the `sx` prop and the theme.
 
-{{"demo": "SliderVariables.js", "hideToolbar": true}}
+{{"demo": "SliderVariables.js", "hideToolbar": true, "bg": "gradient"}}
diff --git a/docs/data/joy/components/snackbar/snackbar.md b/docs/data/joy/components/snackbar/snackbar.md
index 3e198188dc90a0..a7b8df8e5a1a0a 100644
--- a/docs/data/joy/components/snackbar/snackbar.md
+++ b/docs/data/joy/components/snackbar/snackbar.md
@@ -9,7 +9,7 @@ githubLabel: 'component: snackbar'
 <p class="description">The Snackbar, also commonly referred to as Toast, component informs users that an action has been or will be performed by the app.</p>
 
 :::info
-💡 The Joy UI Snackbar component is still in development.
+The Joy UI Snackbar component is still in development.
 If you're in need of it, please upvote [**this GitHub issue**](https://github.com/mui/material-ui/issues/36603) to help us prioritize the next batch of new components.
 :::
 
@@ -31,8 +31,8 @@ Radix will enhance the functionalities by preserving the styles of Joy UI compon
 Animation is created by targeting `data-*` attributes injected by Radix UI's `Toast.Root` component.
 In this demo, it uses `@mui/system` keyframes API, same as emotion's keyframes, to build the animation stylesheet.
 
-- [Install Radix UI's Toast](https://www.radix-ui.com/docs/primitives/components/toast#installation)
-- [Toast component documentation](https://www.radix-ui.com/docs/primitives/components/toast)
+- [Install Radix UI's Toast](https://www.radix-ui.com/primitives/docs/components/toast#installation)
+- [Toast component documentation](https://www.radix-ui.com/primitives/docs/components/toast)
 
 <iframe src="https://codesandbox.io/embed/snackbar-joy-ui-feat-radix-v8e7qw?module=%2Fdemo.tsx&fontsize=14&hidenavigation=1&theme=dark&view=preview"
      style="width:100%; height:360px; border:2; border-radius: 8px; overflow:hidden;"
diff --git a/docs/data/joy/components/stack/BasicStack.js b/docs/data/joy/components/stack/BasicStack.js
index 1bb7416cec5f29..9bb260118559c2 100644
--- a/docs/data/joy/components/stack/BasicStack.js
+++ b/docs/data/joy/components/stack/BasicStack.js
@@ -5,13 +5,14 @@ import Box from '@mui/joy/Box';
 import { styled } from '@mui/joy/styles';
 
 const Item = styled(Sheet)(({ theme }) => ({
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
   ...theme.typography['body-sm'],
-  padding: theme.spacing(1),
   textAlign: 'center',
-  borderRadius: 4,
+  fontWeight: theme.fontWeight.md,
   color: theme.vars.palette.text.secondary,
+  border: '1px solid',
+  borderColor: theme.palette.divider,
+  padding: theme.spacing(1),
+  borderRadius: theme.radius.md,
 }));
 
 export default function BasicStack() {
diff --git a/docs/data/joy/components/stack/BasicStack.tsx b/docs/data/joy/components/stack/BasicStack.tsx
index 1bb7416cec5f29..9bb260118559c2 100644
--- a/docs/data/joy/components/stack/BasicStack.tsx
+++ b/docs/data/joy/components/stack/BasicStack.tsx
@@ -5,13 +5,14 @@ import Box from '@mui/joy/Box';
 import { styled } from '@mui/joy/styles';
 
 const Item = styled(Sheet)(({ theme }) => ({
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
   ...theme.typography['body-sm'],
-  padding: theme.spacing(1),
   textAlign: 'center',
-  borderRadius: 4,
+  fontWeight: theme.fontWeight.md,
   color: theme.vars.palette.text.secondary,
+  border: '1px solid',
+  borderColor: theme.palette.divider,
+  padding: theme.spacing(1),
+  borderRadius: theme.radius.md,
 }));
 
 export default function BasicStack() {
diff --git a/docs/data/joy/components/stack/DirectionStack.js b/docs/data/joy/components/stack/DirectionStack.js
index e4db4711d8c9a3..32bc369722d1dd 100644
--- a/docs/data/joy/components/stack/DirectionStack.js
+++ b/docs/data/joy/components/stack/DirectionStack.js
@@ -4,19 +4,20 @@ import Stack from '@mui/joy/Stack';
 import { styled } from '@mui/joy/styles';
 
 const Item = styled(Sheet)(({ theme }) => ({
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
   ...theme.typography['body-sm'],
-  padding: theme.spacing(1),
   textAlign: 'center',
-  borderRadius: 4,
+  fontWeight: theme.fontWeight.md,
   color: theme.vars.palette.text.secondary,
+  border: '1px solid',
+  borderColor: theme.palette.divider,
+  padding: theme.spacing(1),
+  borderRadius: theme.radius.md,
 }));
 
 export default function DirectionStack() {
   return (
     <div>
-      <Stack direction="row" spacing={2}>
+      <Stack direction="row" spacing={1}>
         <Item>Item 1</Item>
         <Item>Item 2</Item>
         <Item>Item 3</Item>
diff --git a/docs/data/joy/components/stack/DirectionStack.tsx b/docs/data/joy/components/stack/DirectionStack.tsx
index e4db4711d8c9a3..32bc369722d1dd 100644
--- a/docs/data/joy/components/stack/DirectionStack.tsx
+++ b/docs/data/joy/components/stack/DirectionStack.tsx
@@ -4,19 +4,20 @@ import Stack from '@mui/joy/Stack';
 import { styled } from '@mui/joy/styles';
 
 const Item = styled(Sheet)(({ theme }) => ({
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
   ...theme.typography['body-sm'],
-  padding: theme.spacing(1),
   textAlign: 'center',
-  borderRadius: 4,
+  fontWeight: theme.fontWeight.md,
   color: theme.vars.palette.text.secondary,
+  border: '1px solid',
+  borderColor: theme.palette.divider,
+  padding: theme.spacing(1),
+  borderRadius: theme.radius.md,
 }));
 
 export default function DirectionStack() {
   return (
     <div>
-      <Stack direction="row" spacing={2}>
+      <Stack direction="row" spacing={1}>
         <Item>Item 1</Item>
         <Item>Item 2</Item>
         <Item>Item 3</Item>
diff --git a/docs/data/joy/components/stack/DirectionStack.tsx.preview b/docs/data/joy/components/stack/DirectionStack.tsx.preview
index 0b432fbd09105e..a4ee8ef47dbbc8 100644
--- a/docs/data/joy/components/stack/DirectionStack.tsx.preview
+++ b/docs/data/joy/components/stack/DirectionStack.tsx.preview
@@ -1,4 +1,4 @@
-<Stack direction="row" spacing={2}>
+<Stack direction="row" spacing={1}>
   <Item>Item 1</Item>
   <Item>Item 2</Item>
   <Item>Item 3</Item>
diff --git a/docs/data/joy/components/stack/DividerStack.js b/docs/data/joy/components/stack/DividerStack.js
index 3451afa7ca399f..c43b3586df70d3 100644
--- a/docs/data/joy/components/stack/DividerStack.js
+++ b/docs/data/joy/components/stack/DividerStack.js
@@ -6,13 +6,14 @@ import Box from '@mui/joy/Box';
 import { styled } from '@mui/joy/styles';
 
 const Item = styled(Sheet)(({ theme }) => ({
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
   ...theme.typography['body-sm'],
-  padding: theme.spacing(1),
   textAlign: 'center',
-  borderRadius: 4,
+  fontWeight: theme.fontWeight.md,
   color: theme.vars.palette.text.secondary,
+  border: '1px solid',
+  borderColor: theme.palette.divider,
+  padding: theme.spacing(1),
+  borderRadius: theme.radius.md,
 }));
 
 export default function DividerStack() {
diff --git a/docs/data/joy/components/stack/DividerStack.tsx b/docs/data/joy/components/stack/DividerStack.tsx
index 3451afa7ca399f..c43b3586df70d3 100644
--- a/docs/data/joy/components/stack/DividerStack.tsx
+++ b/docs/data/joy/components/stack/DividerStack.tsx
@@ -6,13 +6,14 @@ import Box from '@mui/joy/Box';
 import { styled } from '@mui/joy/styles';
 
 const Item = styled(Sheet)(({ theme }) => ({
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
   ...theme.typography['body-sm'],
-  padding: theme.spacing(1),
   textAlign: 'center',
-  borderRadius: 4,
+  fontWeight: theme.fontWeight.md,
   color: theme.vars.palette.text.secondary,
+  border: '1px solid',
+  borderColor: theme.palette.divider,
+  padding: theme.spacing(1),
+  borderRadius: theme.radius.md,
 }));
 
 export default function DividerStack() {
diff --git a/docs/data/joy/components/stack/FlexboxGapStack.js b/docs/data/joy/components/stack/FlexboxGapStack.js
index 33d144ca45a120..8a272533bfc5dd 100644
--- a/docs/data/joy/components/stack/FlexboxGapStack.js
+++ b/docs/data/joy/components/stack/FlexboxGapStack.js
@@ -5,20 +5,21 @@ import Stack from '@mui/joy/Stack';
 import { styled } from '@mui/joy/styles';
 
 const Item = styled(Sheet)(({ theme }) => ({
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
   ...theme.typography['body-sm'],
-  padding: theme.spacing(1),
   textAlign: 'center',
-  borderRadius: 4,
+  fontWeight: theme.fontWeight.md,
   color: theme.vars.palette.text.secondary,
+  border: '1px solid',
+  borderColor: theme.palette.divider,
+  padding: theme.spacing(1),
+  borderRadius: theme.radius.md,
   flexGrow: 1,
 }));
 
 export default function FlexboxGapStack() {
   return (
     <Box sx={{ width: 200 }}>
-      <Stack spacing={{ xs: 1, sm: 2 }} direction="row" useFlexGap flexWrap="wrap">
+      <Stack spacing={1} direction="row" flexWrap="wrap" useFlexGap>
         <Item>Item 1</Item>
         <Item>Item 2</Item>
         <Item>Long content</Item>
diff --git a/docs/data/joy/components/stack/FlexboxGapStack.tsx b/docs/data/joy/components/stack/FlexboxGapStack.tsx
index 33d144ca45a120..8a272533bfc5dd 100644
--- a/docs/data/joy/components/stack/FlexboxGapStack.tsx
+++ b/docs/data/joy/components/stack/FlexboxGapStack.tsx
@@ -5,20 +5,21 @@ import Stack from '@mui/joy/Stack';
 import { styled } from '@mui/joy/styles';
 
 const Item = styled(Sheet)(({ theme }) => ({
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
   ...theme.typography['body-sm'],
-  padding: theme.spacing(1),
   textAlign: 'center',
-  borderRadius: 4,
+  fontWeight: theme.fontWeight.md,
   color: theme.vars.palette.text.secondary,
+  border: '1px solid',
+  borderColor: theme.palette.divider,
+  padding: theme.spacing(1),
+  borderRadius: theme.radius.md,
   flexGrow: 1,
 }));
 
 export default function FlexboxGapStack() {
   return (
     <Box sx={{ width: 200 }}>
-      <Stack spacing={{ xs: 1, sm: 2 }} direction="row" useFlexGap flexWrap="wrap">
+      <Stack spacing={1} direction="row" flexWrap="wrap" useFlexGap>
         <Item>Item 1</Item>
         <Item>Item 2</Item>
         <Item>Long content</Item>
diff --git a/docs/data/joy/components/stack/FlexboxGapStack.tsx.preview b/docs/data/joy/components/stack/FlexboxGapStack.tsx.preview
index 3fc7882b161bce..5ef6dfa6a30719 100644
--- a/docs/data/joy/components/stack/FlexboxGapStack.tsx.preview
+++ b/docs/data/joy/components/stack/FlexboxGapStack.tsx.preview
@@ -1,4 +1,4 @@
-<Stack spacing={{ xs: 1, sm: 2 }} direction="row" useFlexGap flexWrap="wrap">
+<Stack spacing={1} direction="row" flexWrap="wrap" useFlexGap>
   <Item>Item 1</Item>
   <Item>Item 2</Item>
   <Item>Long content</Item>
diff --git a/docs/data/joy/components/stack/InteractiveStack.js b/docs/data/joy/components/stack/InteractiveStack.js
index c4b0904a9b2a82..0ec70fd492dc6c 100644
--- a/docs/data/joy/components/stack/InteractiveStack.js
+++ b/docs/data/joy/components/stack/InteractiveStack.js
@@ -11,13 +11,13 @@ import HighlightedCode from 'docs/src/modules/components/HighlightedCode';
 import BrandingProvider from 'docs/src/BrandingProvider';
 
 const Item = styled(Sheet)(({ theme }) => ({
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
   ...theme.typography['body-sm'],
-  padding: theme.spacing(1),
   textAlign: 'center',
-  borderRadius: 4,
+  fontWeight: theme.fontWeight.md,
   color: theme.vars.palette.text.secondary,
+  border: '1px solid',
+  borderColor: theme.palette.divider,
+  borderRadius: theme.radius.md,
 }));
 
 export default function InteractiveStack() {
@@ -36,13 +36,13 @@ export default function InteractiveStack() {
 `;
 
   return (
-    <Stack sx={{ flexGrow: 1 }}>
+    <Stack sx={{ flexGrow: 1, '* pre': { mb: 0 } }}>
       <Stack
         direction={direction}
         justifyContent={justifyContent}
         alignItems={alignItems}
         spacing={spacing}
-        sx={{ height: 300, pt: 2, pb: 2 }}
+        sx={{ minHeight: 200, pb: 3 }}
       >
         {[0, 1, 2].map((value) => (
           <Item
@@ -57,12 +57,25 @@ export default function InteractiveStack() {
           </Item>
         ))}
       </Stack>
-      <Sheet sx={{ p: 2, backgroundColor: 'background.level1' }}>
+      <Sheet
+        variant="outlined"
+        sx={(theme) => ({
+          p: 2,
+          borderRadius: 'md',
+          bgcolor: theme.palette.neutral[50],
+          borderColor: theme.palette.neutral[100],
+          [theme.getColorSchemeSelector('dark')]: {
+            borderColor: theme.palette.neutral[800],
+            backgroundColor: theme.palette.neutral[900],
+          },
+        })}
+      >
         <Grid container spacing={3}>
           <Grid xs={12}>
             <FormControl>
-              <FormLabel sx={{ mb: 1.5 }}>direction</FormLabel>
+              <FormLabel sx={{ mb: 0.5 }}>direction</FormLabel>
               <RadioGroup
+                size="sm"
                 orientation="horizontal"
                 name="direction"
                 aria-label="direction"
@@ -81,8 +94,9 @@ export default function InteractiveStack() {
           </Grid>
           <Grid xs={12}>
             <FormControl>
-              <FormLabel sx={{ mb: 1.5 }}>alignItems</FormLabel>
+              <FormLabel sx={{ mb: 0.5 }}>alignItems</FormLabel>
               <RadioGroup
+                size="sm"
                 orientation="horizontal"
                 name="alignItems"
                 aria-label="align items"
@@ -102,8 +116,9 @@ export default function InteractiveStack() {
           </Grid>
           <Grid xs={12}>
             <FormControl>
-              <FormLabel sx={{ mb: 1.5 }}>justifyContent</FormLabel>
+              <FormLabel sx={{ mb: 0.5 }}>justifyContent</FormLabel>
               <RadioGroup
+                size="sm"
                 orientation="horizontal"
                 name="justifyContent"
                 aria-label="justifyContent"
@@ -124,8 +139,9 @@ export default function InteractiveStack() {
           </Grid>
           <Grid xs={12}>
             <FormControl>
-              <FormLabel sx={{ mb: 1.5 }}>spacing</FormLabel>
+              <FormLabel sx={{ mb: 0.5 }}>spacing</FormLabel>
               <RadioGroup
+                size="sm"
                 orientation="horizontal"
                 name="spacing"
                 aria-label="spacing"
diff --git a/docs/data/joy/components/stack/InteractiveStack.tsx b/docs/data/joy/components/stack/InteractiveStack.tsx
index 05921a6f165f9b..17cf59c88e3c4d 100644
--- a/docs/data/joy/components/stack/InteractiveStack.tsx
+++ b/docs/data/joy/components/stack/InteractiveStack.tsx
@@ -11,13 +11,13 @@ import HighlightedCode from 'docs/src/modules/components/HighlightedCode';
 import BrandingProvider from 'docs/src/BrandingProvider';
 
 const Item = styled(Sheet)(({ theme }) => ({
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
   ...theme.typography['body-sm'],
-  padding: theme.spacing(1),
   textAlign: 'center',
-  borderRadius: 4,
+  fontWeight: theme.fontWeight.md,
   color: theme.vars.palette.text.secondary,
+  border: '1px solid',
+  borderColor: theme.palette.divider,
+  borderRadius: theme.radius.md,
 }));
 
 export default function InteractiveStack() {
@@ -36,13 +36,13 @@ export default function InteractiveStack() {
 `;
 
   return (
-    <Stack sx={{ flexGrow: 1 }}>
+    <Stack sx={{ flexGrow: 1, '* pre': { mb: 0 } }}>
       <Stack
         direction={direction}
         justifyContent={justifyContent}
         alignItems={alignItems}
         spacing={spacing}
-        sx={{ height: 300, pt: 2, pb: 2 }}
+        sx={{ minHeight: 200, pb: 3 }}
       >
         {[0, 1, 2].map((value) => (
           <Item
@@ -57,12 +57,25 @@ export default function InteractiveStack() {
           </Item>
         ))}
       </Stack>
-      <Sheet sx={{ p: 2, backgroundColor: 'background.level1' }}>
+      <Sheet
+        variant="outlined"
+        sx={(theme) => ({
+          p: 2,
+          borderRadius: 'md',
+          bgcolor: theme.palette.neutral[50],
+          borderColor: theme.palette.neutral[100],
+          [theme.getColorSchemeSelector('dark')]: {
+            borderColor: theme.palette.neutral[800],
+            backgroundColor: theme.palette.neutral[900],
+          },
+        })}
+      >
         <Grid container spacing={3}>
           <Grid xs={12}>
             <FormControl>
-              <FormLabel sx={{ mb: 1.5 }}>direction</FormLabel>
+              <FormLabel sx={{ mb: 0.5 }}>direction</FormLabel>
               <RadioGroup
+                size="sm"
                 orientation="horizontal"
                 name="direction"
                 aria-label="direction"
@@ -81,8 +94,9 @@ export default function InteractiveStack() {
           </Grid>
           <Grid xs={12}>
             <FormControl>
-              <FormLabel sx={{ mb: 1.5 }}>alignItems</FormLabel>
+              <FormLabel sx={{ mb: 0.5 }}>alignItems</FormLabel>
               <RadioGroup
+                size="sm"
                 orientation="horizontal"
                 name="alignItems"
                 aria-label="align items"
@@ -102,8 +116,9 @@ export default function InteractiveStack() {
           </Grid>
           <Grid xs={12}>
             <FormControl>
-              <FormLabel sx={{ mb: 1.5 }}>justifyContent</FormLabel>
+              <FormLabel sx={{ mb: 0.5 }}>justifyContent</FormLabel>
               <RadioGroup
+                size="sm"
                 orientation="horizontal"
                 name="justifyContent"
                 aria-label="justifyContent"
@@ -124,8 +139,9 @@ export default function InteractiveStack() {
           </Grid>
           <Grid xs={12}>
             <FormControl>
-              <FormLabel sx={{ mb: 1.5 }}>spacing</FormLabel>
+              <FormLabel sx={{ mb: 0.5 }}>spacing</FormLabel>
               <RadioGroup
+                size="sm"
                 orientation="horizontal"
                 name="spacing"
                 aria-label="spacing"
diff --git a/docs/data/joy/components/stack/ResponsiveStack.js b/docs/data/joy/components/stack/ResponsiveStack.js
index acc2bb6c6ab7e9..08683d607a8f11 100644
--- a/docs/data/joy/components/stack/ResponsiveStack.js
+++ b/docs/data/joy/components/stack/ResponsiveStack.js
@@ -4,13 +4,14 @@ import Stack from '@mui/joy/Stack';
 import { styled } from '@mui/joy/styles';
 
 const Item = styled(Sheet)(({ theme }) => ({
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
   ...theme.typography['body-sm'],
-  padding: theme.spacing(1),
   textAlign: 'center',
-  borderRadius: 4,
+  fontWeight: theme.fontWeight.md,
   color: theme.vars.palette.text.secondary,
+  border: '1px solid',
+  borderColor: theme.palette.divider,
+  padding: theme.spacing(1),
+  borderRadius: theme.radius.md,
 }));
 
 export default function ResponsiveStack() {
diff --git a/docs/data/joy/components/stack/ResponsiveStack.tsx b/docs/data/joy/components/stack/ResponsiveStack.tsx
index acc2bb6c6ab7e9..08683d607a8f11 100644
--- a/docs/data/joy/components/stack/ResponsiveStack.tsx
+++ b/docs/data/joy/components/stack/ResponsiveStack.tsx
@@ -4,13 +4,14 @@ import Stack from '@mui/joy/Stack';
 import { styled } from '@mui/joy/styles';
 
 const Item = styled(Sheet)(({ theme }) => ({
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
   ...theme.typography['body-sm'],
-  padding: theme.spacing(1),
   textAlign: 'center',
-  borderRadius: 4,
+  fontWeight: theme.fontWeight.md,
   color: theme.vars.palette.text.secondary,
+  border: '1px solid',
+  borderColor: theme.palette.divider,
+  padding: theme.spacing(1),
+  borderRadius: theme.radius.md,
 }));
 
 export default function ResponsiveStack() {
diff --git a/docs/data/joy/components/stack/ZeroWidthStack.js b/docs/data/joy/components/stack/ZeroWidthStack.js
index fe6430db37ecac..0ebb724caeb29d 100644
--- a/docs/data/joy/components/stack/ZeroWidthStack.js
+++ b/docs/data/joy/components/stack/ZeroWidthStack.js
@@ -22,6 +22,7 @@ export default function ZeroWidthStack() {
   return (
     <Box sx={{ flexGrow: 1, overflow: 'hidden', px: 3 }}>
       <Item
+        variant="outlined"
         sx={{
           my: 1,
           mx: 'auto',
@@ -34,6 +35,7 @@ export default function ZeroWidthStack() {
         </Stack>
       </Item>
       <Item
+        variant="outlined"
         sx={{
           my: 1,
           mx: 'auto',
diff --git a/docs/data/joy/components/stack/ZeroWidthStack.tsx b/docs/data/joy/components/stack/ZeroWidthStack.tsx
index fe6430db37ecac..0ebb724caeb29d 100644
--- a/docs/data/joy/components/stack/ZeroWidthStack.tsx
+++ b/docs/data/joy/components/stack/ZeroWidthStack.tsx
@@ -22,6 +22,7 @@ export default function ZeroWidthStack() {
   return (
     <Box sx={{ flexGrow: 1, overflow: 'hidden', px: 3 }}>
       <Item
+        variant="outlined"
         sx={{
           my: 1,
           mx: 'auto',
@@ -34,6 +35,7 @@ export default function ZeroWidthStack() {
         </Stack>
       </Item>
       <Item
+        variant="outlined"
         sx={{
           my: 1,
           mx: 'auto',
diff --git a/docs/data/joy/components/stack/stack.md b/docs/data/joy/components/stack/stack.md
index 3d5599ef5f355e..ea9fecbd6f4b16 100644
--- a/docs/data/joy/components/stack/stack.md
+++ b/docs/data/joy/components/stack/stack.md
@@ -15,9 +15,7 @@ githubLabel: 'component: Stack'
 
 The Stack component manages the layout of its immediate children along the vertical or horizontal axis, with optional spacing and dividers between each child.
 
-:::info
-Stack is ideal for one-dimensional layouts, while Grid is preferable when you need both vertical _and_ horizontal arrangement.
-:::
+{{"demo": "InteractiveStack.js", "hideToolbar": true}}
 
 ## Basics
 
@@ -31,41 +29,45 @@ Use the `spacing` prop to control the space between children.
 The spacing value can be any number, including decimals, or a string.
 (The prop is converted into a CSS property using the [`theme.spacing()`](/material-ui/customization/spacing/) helper.)
 
-{{"demo": "BasicStack.js", "bg": true}}
+{{"demo": "BasicStack.js"}}
 
 ### Stack vs. Grid
 
-`Stack` is concerned with one-dimensional layouts, while [Grid](/joy-ui/react-grid/) handles two-dimensional layouts. The default direction is `column` which stacks children vertically.
+Stack is ideal for one-dimensional layouts, while [Grid](/joy-ui/react-grid/) is preferable when you need both vertical _and_ horizontal arrangement.
+
+## Customization
 
-## Direction
+### Direction
 
 By default, Stack arranges items vertically in a column.
 Use the `direction` prop to position items horizontally in a row:
 
-{{"demo": "DirectionStack.js", "bg": true}}
+{{"demo": "DirectionStack.js"}}
 
-## Dividers
+### Dividers
 
 Use the `divider` prop to insert an element between each child.
 This works particularly well with the [Divider](/joy-ui/react-divider/) component, as shown below:
 
-{{"demo": "DividerStack.js", "bg": true}}
+{{"demo": "DividerStack.js"}}
 
-## Responsive values
+### Responsive values
 
 You can switch the `direction` or `spacing` values based on the active breakpoint.
 
-{{"demo": "ResponsiveStack.js", "bg": true}}
+{{"demo": "ResponsiveStack.js"}}
 
-## Flexbox gap
+### Flexbox gap
 
 To use [flexbox `gap`](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) for the spacing implementation, set the `useFlexGap` prop to true.
+It removes the [known limitations](#limitations) of the default implementation that uses a CSS nested selector.
 
-It removes the [known limitations](#limitations) of the default implementation that uses CSS nested selector. However, CSS flexbox gap is not fully supported in some browsers.
-
+:::info
+The CSS flexbox gap property is not fully supported in some browsers.
 We recommend checking the [support percentage](https://caniuse.com/?search=flex%20gap) before using it.
+:::
 
-{{"demo": "FlexboxGapStack.js", "bg": true}}
+{{"demo": "FlexboxGapStack.js"}}
 
 To set the prop to all stack instances, create a theme with default props:
 
@@ -92,13 +94,7 @@ function App() {
 }
 ```
 
-## Interactive demo
-
-Below is an interactive demo that lets you explore the visual results of the different settings:
-
-{{"demo": "InteractiveStack.js", "hideToolbar": true, "bg": true}}
-
-## System props
+### System props
 
 As a CSS utility component, Stack supports all [MUI System properties](/system/properties/).
 You can use them as props directly on the component.
@@ -146,7 +142,7 @@ In order for the item to stay within the container you need to set `min-width: 0
   <Typography noWrap>
 ```
 
-{{"demo": "ZeroWidthStack.js", "bg": true}}
+{{"demo": "ZeroWidthStack.js"}}
 
 ## Anatomy
 
diff --git a/docs/data/joy/components/switch/SwitchControl.js b/docs/data/joy/components/switch/SwitchControl.js
index 13de9b76d7a8ce..d057a7f7eb55ec 100644
--- a/docs/data/joy/components/switch/SwitchControl.js
+++ b/docs/data/joy/components/switch/SwitchControl.js
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import FormControl from '@mui/joy/FormControl';
 import FormLabel from '@mui/joy/FormLabel';
 import FormHelperText from '@mui/joy/FormHelperText';
@@ -12,10 +11,10 @@ export default function SwitchControl() {
       orientation="horizontal"
       sx={{ width: 300, justifyContent: 'space-between' }}
     >
-      <Box>
+      <div>
         <FormLabel>Show captions</FormLabel>
         <FormHelperText sx={{ mt: 0 }}>All languages available.</FormHelperText>
-      </Box>
+      </div>
       <Switch
         checked={checked}
         onChange={(event) => setChecked(event.target.checked)}
diff --git a/docs/data/joy/components/switch/SwitchControl.tsx b/docs/data/joy/components/switch/SwitchControl.tsx
index 86a8a23f4face6..b953ffea12eccb 100644
--- a/docs/data/joy/components/switch/SwitchControl.tsx
+++ b/docs/data/joy/components/switch/SwitchControl.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import FormControl from '@mui/joy/FormControl';
 import FormLabel from '@mui/joy/FormLabel';
 import FormHelperText from '@mui/joy/FormHelperText';
@@ -12,10 +11,10 @@ export default function SwitchControl() {
       orientation="horizontal"
       sx={{ width: 300, justifyContent: 'space-between' }}
     >
-      <Box>
+      <div>
         <FormLabel>Show captions</FormLabel>
         <FormHelperText sx={{ mt: 0 }}>All languages available.</FormHelperText>
-      </Box>
+      </div>
       <Switch
         checked={checked}
         onChange={(event: React.ChangeEvent<HTMLInputElement>) =>
diff --git a/docs/data/joy/components/switch/SwitchVariables.js b/docs/data/joy/components/switch/SwitchVariables.js
index e071a2a924550d..bd7d4c3fd880b2 100644
--- a/docs/data/joy/components/switch/SwitchVariables.js
+++ b/docs/data/joy/components/switch/SwitchVariables.js
@@ -10,7 +10,7 @@ export default function SwitchVariables() {
       data={[
         { var: '--Switch-gap', defaultValue: '8px' },
         [
-          'track',
+          'Track',
           [
             { var: '--Switch-trackRadius', defaultValue: '16px' },
             { var: '--Switch-trackWidth', defaultValue: '48px' },
@@ -19,7 +19,7 @@ export default function SwitchVariables() {
           { defaultOpen: true },
         ],
         [
-          'thumb',
+          'Thumb',
           [
             { var: '--Switch-thumbSize', defaultValue: '16px' },
             { var: '--Switch-thumbRadius' },
diff --git a/docs/data/joy/components/switch/switch.md b/docs/data/joy/components/switch/switch.md
index de709590f85a6d..2f4f058c6e7d40 100644
--- a/docs/data/joy/components/switch/switch.md
+++ b/docs/data/joy/components/switch/switch.md
@@ -82,34 +82,13 @@ Similarly to the above, target the thumb's children to display icons inside of i
 
 {{"demo": "ExampleThumbChild.js"}}
 
-## CSS Variables
+## CSS variables playground
 
 Play around with all the CSS variables available in the switch component to see how the design changes.
 
 You can use those to customize the component on both the `sx` prop and the theme.
 
-{{"demo": "SwitchVariables.js"}}
-
-## Accessibility
-
-Here are a few tips to make sure you have an accessible switch component:
-
-- The `Switch` will render with the `checkbox` role as opposed to `switch`.
-  This is mainly because the latter isn't widely supported yet.
-  However, if you believe your audience will support it, make sure to test with assistive technology.
-  Use the `slotProps` prop to change the role:
-
-  ```jsx
-  <Switch slotProps={{ input: { role: 'switch' } }}>
-  ```
-
-- Every form control component should have proper labels.
-  This includes radio buttons, checkboxes, and switches.
-  In most cases, this is done using the `<label>` element.
-  - If a label can't be applied, make sure to add an attribute (e.g. `aria-label`, `aria-labelledby`, `title`) to the input slot inside the `slotProps` prop.
-  ```jsx
-  <Switch value="checkedA" slotProps={{ 'aria-label': 'Switch A' }} />
-  ```
+{{"demo": "SwitchVariables.js", "hideToolbar": true, "bg": "gradient"}}
 
 ## Common examples
 
@@ -149,3 +128,24 @@ Note how we've used the `:active` pseudo-class to replicate the small thumb size
 ### Mantine
 
 {{"demo": "ExampleMantineSwitch.js"}}
+
+## Accessibility
+
+Here are a few tips to make sure you have an accessible switch component:
+
+- The `Switch` will render with the `checkbox` role as opposed to `switch`.
+  This is mainly because the latter isn't widely supported yet.
+  However, if you believe your audience will support it, make sure to test with assistive technology.
+  Use the `slotProps` prop to change the role:
+
+  ```jsx
+  <Switch slotProps={{ input: { role: 'switch' } }}>
+  ```
+
+- Every form control component should have proper labels.
+  This includes radio buttons, checkboxes, and switches.
+  In most cases, this is done using the `<label>` element.
+  - If a label can't be applied, make sure to add an attribute (e.g. `aria-label`, `aria-labelledby`, `title`) to the input slot inside the `slotProps` prop.
+  ```jsx
+  <Switch value="checkedA" slotProps={{ 'aria-label': 'Switch A' }} />
+  ```
diff --git a/docs/data/joy/components/table/TableSortAndSelection.js b/docs/data/joy/components/table/TableSortAndSelection.js
index fe5184e8430df3..2455a21333b4cf 100644
--- a/docs/data/joy/components/table/TableSortAndSelection.js
+++ b/docs/data/joy/components/table/TableSortAndSelection.js
@@ -401,7 +401,7 @@ export default function TableSortAndSelection() {
                 '--TableRow-hoverBackground': 'transparent',
               }}
             >
-              <td colSpan={6} />
+              <td colSpan={6} aria-hidden />
             </tr>
           )}
         </tbody>
diff --git a/docs/data/joy/components/table/TableSortAndSelection.tsx b/docs/data/joy/components/table/TableSortAndSelection.tsx
index af9c7ddc93376c..f063700890b412 100644
--- a/docs/data/joy/components/table/TableSortAndSelection.tsx
+++ b/docs/data/joy/components/table/TableSortAndSelection.tsx
@@ -445,7 +445,7 @@ export default function TableSortAndSelection() {
                 } as React.CSSProperties
               }
             >
-              <td colSpan={6} />
+              <td colSpan={6} aria-hidden />
             </tr>
           )}
         </tbody>
diff --git a/docs/data/joy/components/table/table.md b/docs/data/joy/components/table/table.md
index 302a9d882b7d6c..8da1cbd655c327 100644
--- a/docs/data/joy/components/table/table.md
+++ b/docs/data/joy/components/table/table.md
@@ -239,12 +239,12 @@ The header cells always truncate the text to keep the header's height predictabl
 
 {{"demo": "TableTextEllipsis.js"}}
 
-## CSS variable playground
+## CSS variables playground
 
 Play around with the CSS variables available to the Table component to see how the design changes.
 You can use these to customize the components with both the `sx` prop and the theme.
 
-{{"demo": "TableVariables.js"}}
+{{"demo": "TableVariables.js", "hideToolbar": true, "bg": "gradient"}}
 
 ## Usage with Sheet
 
diff --git a/docs/data/joy/components/tabs/tabs-pt.md b/docs/data/joy/components/tabs/tabs-pt.md
index ac11ae97a4e592..184d05f8d8aee0 100644
--- a/docs/data/joy/components/tabs/tabs-pt.md
+++ b/docs/data/joy/components/tabs/tabs-pt.md
@@ -57,7 +57,7 @@ The tabs structure follows [WAI ARIA design pattern](https://www.w3.org/WAI/ARIA
 Both `TabList` and `Tab` accept [global variant](/joy-ui/main-features/global-variants/) values, so you can mix and match to get the desired result.
 
 :::info
-ℹ️ **Note:** the `TabPanel` component is the only one that doesn't support both global variant and color props.
+**Note:** the `TabPanel` component is the only one that doesn't support both global variant and color props.
 :::
 
 {{"demo": "TabsVariants.js"}}
diff --git a/docs/data/joy/components/tabs/tabs-zh.md b/docs/data/joy/components/tabs/tabs-zh.md
index ac11ae97a4e592..184d05f8d8aee0 100644
--- a/docs/data/joy/components/tabs/tabs-zh.md
+++ b/docs/data/joy/components/tabs/tabs-zh.md
@@ -57,7 +57,7 @@ The tabs structure follows [WAI ARIA design pattern](https://www.w3.org/WAI/ARIA
 Both `TabList` and `Tab` accept [global variant](/joy-ui/main-features/global-variants/) values, so you can mix and match to get the desired result.
 
 :::info
-ℹ️ **Note:** the `TabPanel` component is the only one that doesn't support both global variant and color props.
+**Note:** the `TabPanel` component is the only one that doesn't support both global variant and color props.
 :::
 
 {{"demo": "TabsVariants.js"}}
diff --git a/docs/data/joy/components/tabs/tabs.md b/docs/data/joy/components/tabs/tabs.md
index a94331fdfa2af9..7a2f73cc8d003c 100644
--- a/docs/data/joy/components/tabs/tabs.md
+++ b/docs/data/joy/components/tabs/tabs.md
@@ -149,13 +149,13 @@ Screen readers will then properly announce the label.
 <Tabs aria-label="Meaningful label">...</Tabs>
 ```
 
-## CSS Variables
+## CSS variables playground
 
 Play around with all the CSS variables available in the slider component to see how the design changes.
 
 You can use those to customize the component on both the `sx` prop and the theme.
 
-{{"demo": "TabsVariables.js"}}
+{{"demo": "TabsVariables.js", "hideToolbar": true, "bg": "gradient"}}
 
 ## Common examples
 
diff --git a/docs/data/joy/components/textarea/textarea.md b/docs/data/joy/components/textarea/textarea.md
index aac9249f3ee506..06a8652a80dacd 100644
--- a/docs/data/joy/components/textarea/textarea.md
+++ b/docs/data/joy/components/textarea/textarea.md
@@ -87,7 +87,7 @@ To trigger the focus ring programmatically, set the CSS variable `--Textarea-foc
 {{"demo": "TriggerFocusTextarea.js"}}
 
 :::info
-💡 The focus ring still appear on focus even though you set `--Textarea-focused: 0`.
+The focus ring still appear on focus even though you set `--Textarea-focused: 0`.
 :::
 
 ### Validation
diff --git a/docs/data/joy/components/tooltip/GitHubTooltip.js b/docs/data/joy/components/tooltip/GitHubTooltip.js
index 93db9fa9be9145..90a4fb91858168 100644
--- a/docs/data/joy/components/tooltip/GitHubTooltip.js
+++ b/docs/data/joy/components/tooltip/GitHubTooltip.js
@@ -40,7 +40,7 @@ export default function GitHubTooltip() {
           </Typography>
           <Box sx={{ display: 'flex', gap: 1, width: '100%', mt: 1 }}>
             <AdjustIcon color="success" />
-            <Box>
+            <div>
               <Typography fontWeight="lg" fontSize="sm">
                 [system] grey is no more recognized as color with the sx prop
               </Typography>
@@ -54,7 +54,7 @@ export default function GitHubTooltip() {
               <Chip size="sm" color="primary" sx={{ ml: 1, fontWeight: 'lg' }}>
                 package: system
               </Chip>
-            </Box>
+            </div>
           </Box>
         </Box>
       }
diff --git a/docs/data/joy/components/tooltip/GitHubTooltip.tsx b/docs/data/joy/components/tooltip/GitHubTooltip.tsx
index 93db9fa9be9145..90a4fb91858168 100644
--- a/docs/data/joy/components/tooltip/GitHubTooltip.tsx
+++ b/docs/data/joy/components/tooltip/GitHubTooltip.tsx
@@ -40,7 +40,7 @@ export default function GitHubTooltip() {
           </Typography>
           <Box sx={{ display: 'flex', gap: 1, width: '100%', mt: 1 }}>
             <AdjustIcon color="success" />
-            <Box>
+            <div>
               <Typography fontWeight="lg" fontSize="sm">
                 [system] grey is no more recognized as color with the sx prop
               </Typography>
@@ -54,7 +54,7 @@ export default function GitHubTooltip() {
               <Chip size="sm" color="primary" sx={{ ml: 1, fontWeight: 'lg' }}>
                 package: system
               </Chip>
-            </Box>
+            </div>
           </Box>
         </Box>
       }
diff --git a/docs/data/joy/components/typography/DecoratorExamples.js b/docs/data/joy/components/typography/DecoratorExamples.js
index cb5523cd99aee8..7761b27048c3a1 100644
--- a/docs/data/joy/components/typography/DecoratorExamples.js
+++ b/docs/data/joy/components/typography/DecoratorExamples.js
@@ -56,28 +56,24 @@ export default function DecoratorExamples() {
         Simple alert using only Typography.
       </Typography>
 
-      <Typography
-        color="success"
-        startDecorator={
-          <SvgIcon fontSize="md" color="inherit">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              fill="none"
-              viewBox="0 0 24 24"
-              strokeWidth={1.5}
-              stroke="currentColor"
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                d="M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18"
-              />
-            </svg>
-          </SvgIcon>
-        }
-      >
-        +8.2%{' '}
-        <Typography level="body-xs" sx={{ alignSelf: 'last baseline', ml: 1 }}>
+      <Typography color="success">
+        <SvgIcon fontSize="md" sx={{ m: '-2px', mr: '2px' }}>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            strokeWidth={1.5}
+            stroke="currentColor"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18"
+            />
+          </svg>
+        </SvgIcon>
+        +8.2%
+        <Typography level="body-xs" sx={{ ml: 1 }}>
           Since last month
         </Typography>
       </Typography>
diff --git a/docs/data/joy/components/typography/DecoratorExamples.tsx b/docs/data/joy/components/typography/DecoratorExamples.tsx
index cb5523cd99aee8..7761b27048c3a1 100644
--- a/docs/data/joy/components/typography/DecoratorExamples.tsx
+++ b/docs/data/joy/components/typography/DecoratorExamples.tsx
@@ -56,28 +56,24 @@ export default function DecoratorExamples() {
         Simple alert using only Typography.
       </Typography>
 
-      <Typography
-        color="success"
-        startDecorator={
-          <SvgIcon fontSize="md" color="inherit">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              fill="none"
-              viewBox="0 0 24 24"
-              strokeWidth={1.5}
-              stroke="currentColor"
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                d="M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18"
-              />
-            </svg>
-          </SvgIcon>
-        }
-      >
-        +8.2%{' '}
-        <Typography level="body-xs" sx={{ alignSelf: 'last baseline', ml: 1 }}>
+      <Typography color="success">
+        <SvgIcon fontSize="md" sx={{ m: '-2px', mr: '2px' }}>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            strokeWidth={1.5}
+            stroke="currentColor"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18"
+            />
+          </svg>
+        </SvgIcon>
+        +8.2%
+        <Typography level="body-xs" sx={{ ml: 1 }}>
           Since last month
         </Typography>
       </Typography>
diff --git a/docs/data/joy/components/typography/TypographyDecorators.js b/docs/data/joy/components/typography/TypographyDecorators.js
index 09becd1a80501e..22cf82e8b01822 100644
--- a/docs/data/joy/components/typography/TypographyDecorators.js
+++ b/docs/data/joy/components/typography/TypographyDecorators.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Typography from '@mui/joy/Typography';
 import Chip from '@mui/joy/Chip';
 import InfoOutlined from '@mui/icons-material/InfoOutlined';
 
 export default function TypographyDecorators() {
   return (
-    <Box>
+    <div>
       <Typography startDecorator={<InfoOutlined />} mb={2}>
         The icon automatically adjusts to the scale
       </Typography>
@@ -21,6 +20,6 @@ export default function TypographyDecorators() {
       >
         The display also changes to flexbox
       </Typography>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/typography/TypographyDecorators.tsx b/docs/data/joy/components/typography/TypographyDecorators.tsx
index 09becd1a80501e..22cf82e8b01822 100644
--- a/docs/data/joy/components/typography/TypographyDecorators.tsx
+++ b/docs/data/joy/components/typography/TypographyDecorators.tsx
@@ -1,12 +1,11 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Typography from '@mui/joy/Typography';
 import Chip from '@mui/joy/Chip';
 import InfoOutlined from '@mui/icons-material/InfoOutlined';
 
 export default function TypographyDecorators() {
   return (
-    <Box>
+    <div>
       <Typography startDecorator={<InfoOutlined />} mb={2}>
         The icon automatically adjusts to the scale
       </Typography>
@@ -21,6 +20,6 @@ export default function TypographyDecorators() {
       >
         The display also changes to flexbox
       </Typography>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/typography/TypographyScales.js b/docs/data/joy/components/typography/TypographyScales.js
index c940c87b1fef38..657349f7bbca30 100644
--- a/docs/data/joy/components/typography/TypographyScales.js
+++ b/docs/data/joy/components/typography/TypographyScales.js
@@ -1,10 +1,9 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Typography from '@mui/joy/Typography';
 
 export default function TypographyScales() {
   return (
-    <Box>
+    <div>
       <Typography level="h1">h1</Typography>
       <Typography level="h2">h2</Typography>
       <Typography level="h3">h3</Typography>
@@ -16,6 +15,6 @@ export default function TypographyScales() {
       <Typography level="body-md">body-md</Typography>
       <Typography level="body-sm">body-sm</Typography>
       <Typography level="body-xs">body-xs</Typography>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/typography/TypographyScales.tsx b/docs/data/joy/components/typography/TypographyScales.tsx
index c940c87b1fef38..657349f7bbca30 100644
--- a/docs/data/joy/components/typography/TypographyScales.tsx
+++ b/docs/data/joy/components/typography/TypographyScales.tsx
@@ -1,10 +1,9 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Typography from '@mui/joy/Typography';
 
 export default function TypographyScales() {
   return (
-    <Box>
+    <div>
       <Typography level="h1">h1</Typography>
       <Typography level="h2">h2</Typography>
       <Typography level="h3">h3</Typography>
@@ -16,6 +15,6 @@ export default function TypographyScales() {
       <Typography level="body-md">body-md</Typography>
       <Typography level="body-sm">body-sm</Typography>
       <Typography level="body-xs">body-xs</Typography>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/joy/components/typography/TypographyUsage.js b/docs/data/joy/components/typography/TypographyUsage.js
index d254c02349f780..c3ef3f423b3e87 100644
--- a/docs/data/joy/components/typography/TypographyUsage.js
+++ b/docs/data/joy/components/typography/TypographyUsage.js
@@ -41,7 +41,8 @@ export default function TypographyUsage() {
         {
           propName: 'children',
           knob: 'input',
-          defaultValue: 'Typography',
+          defaultValue:
+            'Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.',
         },
 
         {
@@ -52,7 +53,19 @@ export default function TypographyUsage() {
       ]}
       renderDemo={(props) => (
         <Box sx={{ maxWidth: '400px' }}>
-          <Typography {...props}>{props.children}</Typography>
+          <Typography
+            {...props}
+            sx={
+              !props.noWrap && {
+                overflow: 'hidden',
+                display: '-webkit-box',
+                '-webkit-line-clamp': '3',
+                '-webkit-box-orient': 'vertical',
+              }
+            }
+          >
+            {props.children}
+          </Typography>
         </Box>
       )}
     />
diff --git a/docs/data/joy/components/typography/typography-pt.md b/docs/data/joy/components/typography/typography-pt.md
index dcb6f799a522e4..9972d419ebab96 100644
--- a/docs/data/joy/components/typography/typography-pt.md
+++ b/docs/data/joy/components/typography/typography-pt.md
@@ -34,7 +34,7 @@ As a CSS utility component, `Typography` supports every [`system`](/system/prope
 ```
 
 :::info
-💡 **Tip:** The `color` prop is an exception, though! It actually refers to the palette being used and not specifically the text color. To override that instead, use the `textColor` prop.
+**Tip:** The `color` prop is an exception, though! It actually refers to the palette being used and not specifically the text color. To override that instead, use the `textColor` prop.
 :::
 
 ### Changing the semantic element
diff --git a/docs/data/joy/components/typography/typography-zh.md b/docs/data/joy/components/typography/typography-zh.md
index dcb6f799a522e4..9972d419ebab96 100644
--- a/docs/data/joy/components/typography/typography-zh.md
+++ b/docs/data/joy/components/typography/typography-zh.md
@@ -34,7 +34,7 @@ As a CSS utility component, `Typography` supports every [`system`](/system/prope
 ```
 
 :::info
-💡 **Tip:** The `color` prop is an exception, though! It actually refers to the palette being used and not specifically the text color. To override that instead, use the `textColor` prop.
+**Tip:** The `color` prop is an exception, though! It actually refers to the palette being used and not specifically the text color. To override that instead, use the `textColor` prop.
 :::
 
 ### Changing the semantic element
diff --git a/docs/data/joy/guides/themeable-component/StatComponent.js b/docs/data/joy/customization/creating-themed-components/StatComponent.js
similarity index 100%
rename from docs/data/joy/guides/themeable-component/StatComponent.js
rename to docs/data/joy/customization/creating-themed-components/StatComponent.js
diff --git a/docs/data/joy/guides/themeable-component/StatFullTemplate.js b/docs/data/joy/customization/creating-themed-components/StatFullTemplate.js
similarity index 100%
rename from docs/data/joy/guides/themeable-component/StatFullTemplate.js
rename to docs/data/joy/customization/creating-themed-components/StatFullTemplate.js
diff --git a/docs/data/joy/guides/themeable-component/StatFullTemplate.tsx b/docs/data/joy/customization/creating-themed-components/StatFullTemplate.tsx
similarity index 100%
rename from docs/data/joy/guides/themeable-component/StatFullTemplate.tsx
rename to docs/data/joy/customization/creating-themed-components/StatFullTemplate.tsx
diff --git a/docs/data/joy/guides/themeable-component/StatFullTemplate.tsx.preview b/docs/data/joy/customization/creating-themed-components/StatFullTemplate.tsx.preview
similarity index 100%
rename from docs/data/joy/guides/themeable-component/StatFullTemplate.tsx.preview
rename to docs/data/joy/customization/creating-themed-components/StatFullTemplate.tsx.preview
diff --git a/docs/data/joy/guides/themeable-component/StatSlots.js b/docs/data/joy/customization/creating-themed-components/StatSlots.js
similarity index 100%
rename from docs/data/joy/guides/themeable-component/StatSlots.js
rename to docs/data/joy/customization/creating-themed-components/StatSlots.js
diff --git a/docs/data/joy/guides/themeable-component/themeable-component.md b/docs/data/joy/customization/creating-themed-components/creating-themed-components.md
similarity index 99%
rename from docs/data/joy/guides/themeable-component/themeable-component.md
rename to docs/data/joy/customization/creating-themed-components/creating-themed-components.md
index 3c1ff3dc817466..54abc7ca48ccc4 100644
--- a/docs/data/joy/guides/themeable-component/themeable-component.md
+++ b/docs/data/joy/customization/creating-themed-components/creating-themed-components.md
@@ -1,4 +1,4 @@
-# Themeable component
+# Creating themed components
 
 <p class="description">Create your own themeable component with Joy UI theming feature.</p>
 
diff --git a/docs/data/joy/customization/dark-mode/dark-mode-pt.md b/docs/data/joy/customization/dark-mode/dark-mode-pt.md
deleted file mode 100644
index 030974a641d946..00000000000000
--- a/docs/data/joy/customization/dark-mode/dark-mode-pt.md
+++ /dev/null
@@ -1,106 +0,0 @@
-# Applying dark mode
-
-<p class="description">A how-to-guide for applying dark mode to your application with Joy UI.</p>
-
-## The mode-toggle component
-
-In the example below, we're using a `Button` component that calls `setMode` from the `useColorSchemes()` hook to handle the mode toggling.
-
-```js
-import { useColorScheme } from '@mui/joy/styles';
-import Button from '@mui/joy/Button';
-
-function ModeToggle() {
-  const { mode, setMode } = useColorScheme();
-  return (
-    <Button
-      variant="outlined"
-      color="neutral"
-      onClick={() => setMode(mode === 'dark' ? 'light' : 'dark')}
-    >
-      {mode === 'dark' ? 'Turn light' : 'Turn dark'}
-    </Button>
-  );
-}
-```
-
-{{"demo": "ModeToggle.js"}}
-
-:::warning
-**Note:** Make sure to use `useColorScheme()` in a component that's inside `<CssVarsProvider>`, otherwise it will throw an error.
-:::
-
-## Server-side rendering
-
-### Avoid hydration mismatch
-
-Make sure to render the UI when the page is mounted on the client.
-
-This is because the `mode` will only be available to the client-side (it is `undefined` on the server). If you try to render your UI based on the server, before mounting on the client, you'll see a hydration mismatch error.
-
-```diff
- function ModeToggle() {
-   const { mode, setMode } = useColorScheme();
-   const [mounted, setMounted] = React.useState(false);
-
-+  React.useEffect(() => {
-+    setMounted(true);
-+  }, []);
-+
-+  if (!mounted) {
-+    // to avoid layout shift, render a placeholder button
-+    return <Button variant="outlined" color="neutral" sx={{ width: 120 }} />;
-+  }
-
-   return (
-     <Button
-       variant="outlined"
-       color="neutral"
-       onClick={() => setMode(mode === 'dark' ? 'light' : 'dark')}
-     >
-       {mode === 'dark' ? 'Turn light' : 'Turn dark'}
-     </Button>
-   );
- };
-```
-
-### Avoiding screen flickering
-
-To prevent [the UI of flickering](/joy-ui/main-features/perfect-dark-mode/#the-current-flickering-problem), apply `getInitColorSchemeScript()` before the main application script－it varies across frameworks:
-
-### Next.js
-
-To use the Joy UI API with a Next.js project, add the following code to the custom [`pages/_document.js`](https://nextjs.org/docs/advanced-features/custom-document) file:
-
-```jsx
-import Document, { Html, Head, Main, NextScript } from 'next/document';
-import { getInitColorSchemeScript } from '@mui/joy/styles';
-
-export default class MyDocument extends Document {
-  render() {
-    return (
-      <Html>
-        <Head>...</Head>
-        <body>
-          {getInitColorSchemeScript()}
-          <Main />
-          <NextScript />
-        </body>
-      </Html>
-    );
-  }
-}
-```
-
-### Gatsby
-
-To use the Joy UI API with a Next.js project, add the following code to the custom [`gatsby-ssr.js`](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/) file:
-
-```jsx
-import * as React from 'react';
-import { getInitColorSchemeScript } from '@mui/joy/styles';
-
-export function onRenderBody({ setPreBodyComponents }) {
-  setPreBodyComponents([getInitColorSchemeScript()]);
-}
-```
diff --git a/docs/data/joy/customization/dark-mode/dark-mode-zh.md b/docs/data/joy/customization/dark-mode/dark-mode-zh.md
deleted file mode 100644
index 030974a641d946..00000000000000
--- a/docs/data/joy/customization/dark-mode/dark-mode-zh.md
+++ /dev/null
@@ -1,106 +0,0 @@
-# Applying dark mode
-
-<p class="description">A how-to-guide for applying dark mode to your application with Joy UI.</p>
-
-## The mode-toggle component
-
-In the example below, we're using a `Button` component that calls `setMode` from the `useColorSchemes()` hook to handle the mode toggling.
-
-```js
-import { useColorScheme } from '@mui/joy/styles';
-import Button from '@mui/joy/Button';
-
-function ModeToggle() {
-  const { mode, setMode } = useColorScheme();
-  return (
-    <Button
-      variant="outlined"
-      color="neutral"
-      onClick={() => setMode(mode === 'dark' ? 'light' : 'dark')}
-    >
-      {mode === 'dark' ? 'Turn light' : 'Turn dark'}
-    </Button>
-  );
-}
-```
-
-{{"demo": "ModeToggle.js"}}
-
-:::warning
-**Note:** Make sure to use `useColorScheme()` in a component that's inside `<CssVarsProvider>`, otherwise it will throw an error.
-:::
-
-## Server-side rendering
-
-### Avoid hydration mismatch
-
-Make sure to render the UI when the page is mounted on the client.
-
-This is because the `mode` will only be available to the client-side (it is `undefined` on the server). If you try to render your UI based on the server, before mounting on the client, you'll see a hydration mismatch error.
-
-```diff
- function ModeToggle() {
-   const { mode, setMode } = useColorScheme();
-   const [mounted, setMounted] = React.useState(false);
-
-+  React.useEffect(() => {
-+    setMounted(true);
-+  }, []);
-+
-+  if (!mounted) {
-+    // to avoid layout shift, render a placeholder button
-+    return <Button variant="outlined" color="neutral" sx={{ width: 120 }} />;
-+  }
-
-   return (
-     <Button
-       variant="outlined"
-       color="neutral"
-       onClick={() => setMode(mode === 'dark' ? 'light' : 'dark')}
-     >
-       {mode === 'dark' ? 'Turn light' : 'Turn dark'}
-     </Button>
-   );
- };
-```
-
-### Avoiding screen flickering
-
-To prevent [the UI of flickering](/joy-ui/main-features/perfect-dark-mode/#the-current-flickering-problem), apply `getInitColorSchemeScript()` before the main application script－it varies across frameworks:
-
-### Next.js
-
-To use the Joy UI API with a Next.js project, add the following code to the custom [`pages/_document.js`](https://nextjs.org/docs/advanced-features/custom-document) file:
-
-```jsx
-import Document, { Html, Head, Main, NextScript } from 'next/document';
-import { getInitColorSchemeScript } from '@mui/joy/styles';
-
-export default class MyDocument extends Document {
-  render() {
-    return (
-      <Html>
-        <Head>...</Head>
-        <body>
-          {getInitColorSchemeScript()}
-          <Main />
-          <NextScript />
-        </body>
-      </Html>
-    );
-  }
-}
-```
-
-### Gatsby
-
-To use the Joy UI API with a Next.js project, add the following code to the custom [`gatsby-ssr.js`](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/) file:
-
-```jsx
-import * as React from 'react';
-import { getInitColorSchemeScript } from '@mui/joy/styles';
-
-export function onRenderBody({ setPreBodyComponents }) {
-  setPreBodyComponents([getInitColorSchemeScript()]);
-}
-```
diff --git a/docs/data/joy/customization/dark-mode/dark-mode.md b/docs/data/joy/customization/dark-mode/dark-mode.md
index 0351c015ea7958..f5f081179cd6bc 100644
--- a/docs/data/joy/customization/dark-mode/dark-mode.md
+++ b/docs/data/joy/customization/dark-mode/dark-mode.md
@@ -123,9 +123,9 @@ If you try to render your UI based on the server, before mounting on the client,
 
 To [prevent the UI from flickering](/joy-ui/main-features/dark-mode-optimization/#the-problem-flickering-on-first-load), apply `getInitColorSchemeScript()` before the main application script－it varies across frameworks:
 
-### Next.js
+### Next.js Pages Router
 
-To use the Joy UI API with a Next.js project, add the following code to the custom [`pages/_document.js`](https://nextjs.org/docs/advanced-features/custom-document) file:
+To use the Joy UI API with a Next.js project, add the following code to the custom [`pages/_document.js`](https://nextjs.org/docs/pages/building-your-application/routing/custom-document) file:
 
 ```jsx
 import Document, { Html, Head, Main, NextScript } from 'next/document';
@@ -134,7 +134,7 @@ import { getInitColorSchemeScript } from '@mui/joy/styles';
 export default class MyDocument extends Document {
   render() {
     return (
-      <Html>
+      <Html data-color-scheme="light">
         <Head>...</Head>
         <body>
           {getInitColorSchemeScript()}
@@ -146,16 +146,3 @@ export default class MyDocument extends Document {
   }
 }
 ```
-
-### Gatsby
-
-To use the Joy UI API with a Gatsby project, add the following code to the custom [`gatsby-ssr.js`](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/) file:
-
-```jsx
-import * as React from 'react';
-import { getInitColorSchemeScript } from '@mui/joy/styles';
-
-export function onRenderBody({ setPreBodyComponents }) {
-  setPreBodyComponents([getInitColorSchemeScript()]);
-}
-```
diff --git a/docs/data/joy/customization/default-theme-viewer/default-theme-viewer.md b/docs/data/joy/customization/default-theme-viewer/default-theme-viewer.md
index 73e3bff69c90d8..a40bf74898eae8 100644
--- a/docs/data/joy/customization/default-theme-viewer/default-theme-viewer.md
+++ b/docs/data/joy/customization/default-theme-viewer/default-theme-viewer.md
@@ -1,15 +1,13 @@
 # Default theme viewer
 
-<p class="description">Here's what the theme object looks like with the default values.</p>
+<p class="description">Check out how the theme object looks like with the default values.</p>
 
 :::warning
 This is a work in progress. We're still iterating on Joy UI's default theme.
 :::
 
-## Explore
-
-Explore the default theme:
+:::info
+To create your own theme, start by customizing the [theme colors](/joy-ui/customization/theme-colors/).
+:::
 
 {{"demo": "JoyDefaultTheme.js", "hideToolbar": true, "bg": "inline"}}
-
-To create your own theme, starts with customizing the [theme colors](/joy-ui/customization/theme-colors/).
diff --git a/docs/data/joy/guides/overriding-component-structure/OverridingInternalSlot.js b/docs/data/joy/customization/overriding-component-structure/OverridingInternalSlot.js
similarity index 100%
rename from docs/data/joy/guides/overriding-component-structure/OverridingInternalSlot.js
rename to docs/data/joy/customization/overriding-component-structure/OverridingInternalSlot.js
diff --git a/docs/data/joy/guides/overriding-component-structure/OverridingInternalSlot.tsx b/docs/data/joy/customization/overriding-component-structure/OverridingInternalSlot.tsx
similarity index 100%
rename from docs/data/joy/guides/overriding-component-structure/OverridingInternalSlot.tsx
rename to docs/data/joy/customization/overriding-component-structure/OverridingInternalSlot.tsx
diff --git a/docs/data/joy/guides/overriding-component-structure/OverridingInternalSlot.tsx.preview b/docs/data/joy/customization/overriding-component-structure/OverridingInternalSlot.tsx.preview
similarity index 100%
rename from docs/data/joy/guides/overriding-component-structure/OverridingInternalSlot.tsx.preview
rename to docs/data/joy/customization/overriding-component-structure/OverridingInternalSlot.tsx.preview
diff --git a/docs/data/joy/guides/overriding-component-structure/OverridingRootSlot.js b/docs/data/joy/customization/overriding-component-structure/OverridingRootSlot.js
similarity index 100%
rename from docs/data/joy/guides/overriding-component-structure/OverridingRootSlot.js
rename to docs/data/joy/customization/overriding-component-structure/OverridingRootSlot.js
diff --git a/docs/data/joy/guides/overriding-component-structure/OverridingRootSlot.tsx b/docs/data/joy/customization/overriding-component-structure/OverridingRootSlot.tsx
similarity index 100%
rename from docs/data/joy/guides/overriding-component-structure/OverridingRootSlot.tsx
rename to docs/data/joy/customization/overriding-component-structure/OverridingRootSlot.tsx
diff --git a/docs/data/joy/guides/overriding-component-structure/OverridingRootSlot.tsx.preview b/docs/data/joy/customization/overriding-component-structure/OverridingRootSlot.tsx.preview
similarity index 100%
rename from docs/data/joy/guides/overriding-component-structure/OverridingRootSlot.tsx.preview
rename to docs/data/joy/customization/overriding-component-structure/OverridingRootSlot.tsx.preview
diff --git a/docs/data/joy/guides/overriding-component-structure/overriding-component-structure.md b/docs/data/joy/customization/overriding-component-structure/overriding-component-structure.md
similarity index 100%
rename from docs/data/joy/guides/overriding-component-structure/overriding-component-structure.md
rename to docs/data/joy/customization/overriding-component-structure/overriding-component-structure.md
diff --git a/docs/data/joy/customization/theme-colors/PaletteThemeViewer.js b/docs/data/joy/customization/theme-colors/PaletteThemeViewer.js
index 14f1a83f38e797..74b6d668f61122 100644
--- a/docs/data/joy/customization/theme-colors/PaletteThemeViewer.js
+++ b/docs/data/joy/customization/theme-colors/PaletteThemeViewer.js
@@ -9,7 +9,7 @@ import Sheet from '@mui/joy/Sheet';
 import LightMode from '@mui/icons-material/LightModeOutlined';
 import DarkMode from '@mui/icons-material/DarkModeOutlined';
 import InfoOutlined from '@mui/icons-material/InfoOutlined';
-import Check from '@mui/icons-material/Check';
+import CheckCircleRoundedIcon from '@mui/icons-material/CheckCircleRounded';
 import useClipboardCopy from 'docs/src/modules/utils/useClipboardCopy';
 
 const defaultTheme = extendTheme();
@@ -37,9 +37,6 @@ const collator = new Intl.Collator(undefined, {
 });
 
 const Table = styled('table')(({ theme }) => ({
-  border: '1px solid',
-  borderColor: theme.vars.palette.divider,
-  borderRadius: theme.vars.radius.md,
   borderCollapse: 'separate',
   borderSpacing: 0,
   display: 'block',
@@ -47,7 +44,7 @@ const Table = styled('table')(({ theme }) => ({
   overflowY: 'scroll',
   th: {
     textAlign: 'left',
-    padding: '8px 6px',
+    padding: 8,
     position: 'sticky',
     top: 0,
     zIndex: 1,
@@ -102,7 +99,18 @@ export default function PaletteThemeViewer() {
   );
 
   return (
-    <Box sx={{ width: '100%', overflow: 'hidden', position: 'relative' }}>
+    <Box
+      sx={{
+        marginBottom: '-9px',
+        width: '100%',
+        overflow: 'hidden',
+        position: 'relative',
+        border: '1px solid',
+        borderColor: 'divider',
+        borderTopLeftRadius: '12px',
+        borderTopRightRadius: '12px',
+      }}
+    >
       <Sheet
         variant="solid"
         color="success"
@@ -115,13 +123,18 @@ export default function PaletteThemeViewer() {
           })`,
           transition: '0.3s',
           p: 0.5,
-          px: 0.75,
-          borderRadius: 'xs',
-          boxShadow: 'sm',
+          pl: 0.5,
+          pr: 1,
+          borderRadius: 'xl',
+          boxShadow: 'md',
           zIndex: 1,
         }}
       >
-        <Typography level="body-xs" textColor="inherit" startDecorator={<Check />}>
+        <Typography
+          level="body-xs"
+          textColor="inherit"
+          startDecorator={<CheckCircleRoundedIcon fontSize="small" />}
+        >
           Copied
         </Typography>
       </Sheet>
@@ -164,6 +177,7 @@ export default function PaletteThemeViewer() {
                     color="neutral"
                     textColor="inherit"
                     fontSize="sm"
+                    fontWeight="md"
                     textAlign="left"
                     onClick={() => copy(token)}
                     endDecorator={
diff --git a/docs/data/joy/customization/theme-colors/PaletteThemeViewer.tsx b/docs/data/joy/customization/theme-colors/PaletteThemeViewer.tsx
index fc5304e407a4d3..c33c1e9321f6a2 100644
--- a/docs/data/joy/customization/theme-colors/PaletteThemeViewer.tsx
+++ b/docs/data/joy/customization/theme-colors/PaletteThemeViewer.tsx
@@ -9,7 +9,7 @@ import Sheet from '@mui/joy/Sheet';
 import LightMode from '@mui/icons-material/LightModeOutlined';
 import DarkMode from '@mui/icons-material/DarkModeOutlined';
 import InfoOutlined from '@mui/icons-material/InfoOutlined';
-import Check from '@mui/icons-material/Check';
+import CheckCircleRoundedIcon from '@mui/icons-material/CheckCircleRounded';
 import useClipboardCopy from 'docs/src/modules/utils/useClipboardCopy';
 
 const defaultTheme = extendTheme();
@@ -37,9 +37,6 @@ const collator = new Intl.Collator(undefined, {
 });
 
 const Table = styled('table')(({ theme }) => ({
-  border: '1px solid',
-  borderColor: theme.vars.palette.divider,
-  borderRadius: theme.vars.radius.md,
   borderCollapse: 'separate',
   borderSpacing: 0,
   display: 'block',
@@ -47,7 +44,7 @@ const Table = styled('table')(({ theme }) => ({
   overflowY: 'scroll',
   th: {
     textAlign: 'left',
-    padding: '8px 6px',
+    padding: 8,
     position: 'sticky',
     top: 0,
     zIndex: 1,
@@ -101,7 +98,18 @@ export default function PaletteThemeViewer() {
     />
   );
   return (
-    <Box sx={{ width: '100%', overflow: 'hidden', position: 'relative' }}>
+    <Box
+      sx={{
+        marginBottom: '-9px',
+        width: '100%',
+        overflow: 'hidden',
+        position: 'relative',
+        border: '1px solid',
+        borderColor: 'divider',
+        borderTopLeftRadius: '12px',
+        borderTopRightRadius: '12px',
+      }}
+    >
       <Sheet
         variant="solid"
         color="success"
@@ -114,13 +122,18 @@ export default function PaletteThemeViewer() {
           })`,
           transition: '0.3s',
           p: 0.5,
-          px: 0.75,
-          borderRadius: 'xs',
-          boxShadow: 'sm',
+          pl: 0.5,
+          pr: 1,
+          borderRadius: 'xl',
+          boxShadow: 'md',
           zIndex: 1,
         }}
       >
-        <Typography level="body-xs" textColor="inherit" startDecorator={<Check />}>
+        <Typography
+          level="body-xs"
+          textColor="inherit"
+          startDecorator={<CheckCircleRoundedIcon fontSize="small" />}
+        >
           Copied
         </Typography>
       </Sheet>
@@ -163,6 +176,7 @@ export default function PaletteThemeViewer() {
                     color="neutral"
                     textColor="inherit"
                     fontSize="sm"
+                    fontWeight="md"
                     textAlign="left"
                     onClick={() => copy(token)}
                     endDecorator={
diff --git a/docs/data/joy/customization/theme-colors/theme-colors.md b/docs/data/joy/customization/theme-colors/theme-colors.md
index 05289335889c4b..9d04307832c2dc 100644
--- a/docs/data/joy/customization/theme-colors/theme-colors.md
+++ b/docs/data/joy/customization/theme-colors/theme-colors.md
@@ -2,23 +2,33 @@
 
 <p class="description">Learn about the default theme's color palette and how to customize it.</p>
 
-## Default tokens
+## Default color tokens
 
-The table below lists all the default tokens and their values in light and dark color schemes.
-Some tokens reuse values from other tokens using the [`var(--*)`](https://developer.mozilla.org/en-US/docs/Web/CSS/var) syntax.
+Joy UI's default theme includes 5 built-in semantic color palettes, with light and dark mapping, to help you build great looking UIs quickly.
 
 {{"demo": "PaletteThemeViewer.js", "bg": "inline"}}
 
+:::info
+Some tokens reuse color values from others using the [`var(--*)`](https://developer.mozilla.org/en-US/docs/Web/CSS/var) syntax.
+:::
+
+### Global variant tokens
+
+One of Joy UI's main features is the four [global variants](/joy-ui/main-features/global-variants/) that are available in every component. They use the built-in color palettes following the format of **variant type | state | CSS property**. For example:
+
+- `solidBg` refers to the solid variant's background color in its initial state.
+- `outlinedHoverBorder` refers to the outlined variant's border color in its hover state.
+
 ### Channel tokens
 
-The default tokens ending with `Channel` are automatically generated for each palette.
-These tokens are useful for creating translucent colors (`rgba`).
+The channel tokens helps creating translucent colors using (`rgba`).
+The ones ending with `Channel` are automatically generated for each palette.
 
 - `lightChannel`: is generated from the palette's `200` token.
 - `mainChannel`: is generated from the palette's `500` token.
 - `darkChannel`: is generated from the palette's `800` token.
 
-The example usage is:
+The code snippet below shows how to use them:
 
 ```js
 import Typography from '@mui/joy/Typography';
@@ -30,24 +40,11 @@ import Typography from '@mui/joy/Typography';
 >
 ```
 
-### Global variant tokens
-
-By default, Joy UI has four built-in [global variants](/joy-ui/main-features/global-variants/) tokens: `plain`, `outlined`, `soft`, and `solid`.
+## Customizations
 
-The global variant token is composed of three parts, in the format of **variant type | state | CSS property**.
+### Changing the default values
 
-For example:
-
-- `solidBg` refers to the solid variant's background color in its initial state.
-- `outlinedHoverBorder` refers to the outlined variant's border color in its hover state.
-
-There are six palettes (`primary`, `neutral`, `danger`, `info`, `success`, and `warning`) that contain the global variant tokens as listed in the [table above](#default-tokens).
-
-## Customizing the default palette
-
-For each color scheme, the default colors are grouped within the `palette` node.
-
-For example, the snippet below customizes the primary palette in dark mode:
+To change the HEX code for each color while still following the palette pattern, extend the theme by accessing them through the `palette` node on the target mode (light or dark):
 
 ```js
 import { extendTheme } from '@mui/joy/styles';
@@ -76,11 +73,12 @@ const theme = extendTheme({
 // Then, pass it to `<CssVarsProvider theme={theme}>`.
 ```
 
-## Customizing global variant tokens
+### Changing the global variant tokens
 
-We recommend using the [Button](/joy-ui/react-button/) component as a jumping-off point when customizing the global variants, because it gives you access to more of the interactive variants available than some other components.
+A good way to start changing how color looks like with the built-in variants is by using the Button component as a jumping-off point.
+For example, here's how you'd make the Joy UI Button match the colors of another system, such as [Bootstrap](https://getbootstrap.com/docs/5.2/components/buttons/#examples):
 
-As an example, let's customize Joy UI's Button so to match the style of [Bootstrap](https://getbootstrap.com/docs/5.2/components/buttons/#examples):
+{{"demo": "BootstrapVariantTokens.js"}}
 
 - Bootstrap's default buttons are comparable to Joy UI's `solid` variant.
 - Bootstrap's `secondary` variant uses a grey color, similar to Joy UI's `neutral`.
@@ -88,56 +86,17 @@ As an example, let's customize Joy UI's Button so to match the style of [Bootstr
 - Joy UI's defaults don't include anything similar to Bootstrap's `btn-dark`.
   - We can recreate it using one of the three main customization approaches.
 
-{{"demo": "BootstrapVariantTokens.js"}}
-
-:::info
-Customizing the global variant tokens affects all Joy UI components that support the `variant` prop.
-:::
+### Adding color tokens
 
-## Removing the default tokens
-
-To remove any default token, use `undefined` as a value.
-This removes it from the `theme` object and prevents the corresponding CSS variable from being generated.
-
-For example, all default global variant tokens comes with styles for the `:active` pseudo class.
-Here's how you'd remove it from the solid variant.
-
-```jsx
-// ⚠️ If the value is `undefined`, it should be `undefined` for all color schemes.
-const theme = extendTheme({
-  colorSchemes: {
-    light: {
-      palette: {
-        primary: {
-          solidActiveBg: undefined,
-        },
-      },
-    },
-    dark: {
-      palette: {
-        primary: {
-          solidActiveBg: undefined,
-        },
-      },
-    },
-  },
-});
-```
-
-{{"demo": "RemoveActiveTokens.js"}}
-
-## Adding more colors
-
-Any custom tokens that you add to theme are available for use with both the `styled` and `sx` APIs.
+To make any new color available through the `color` prop, insert them in the `colorSchemes` key of the extended theme.
+You'll also be able to access them with both the `styled` and `sx` APIs.
 
 ```js
 extendTheme({
   colorSchemes: {
     light: {
       palette: {
-        // Example of new color tokens.
-        // We recommend to limit them to 3 levels deep－in this case:
-        // `palette.gradient.primary`.
+        // `gradient` is a new color token
         gradient: {
           primary: 'linear-gradient(to top, var(--joy-palette-primary-main), #000)',
         },
@@ -150,9 +109,13 @@ extendTheme({
 <Button sx={{ background: (theme) => theme.vars.palette.gradient.primary }} />;
 ```
 
-### TypeScript
+:::success
+We recommend to limit them to 3 levels deep－in this case: `palette.gradient.primary`.
+:::
 
-When working in TypeScript, you must augment the theme's `Palette` interface to include the new tokens.
+#### TypeScript
+
+Augment the theme's `Palette` interface, when working in TypeScript, to include the new tokens.
 
 ```ts
 // You can put this to any file that's included in your tsconfig
@@ -172,13 +135,9 @@ These tradeoffs mean that adding new tokens is usually only worthwhile when you
 As an alternative, consider using [the `sx` prop](/joy-ui/customization/approaches/#sx-prop) for one-off customizations.
 :::
 
-## Adding more palettes
-
-You can add your own palettes to your app's theme to pass custom color schemes to any components that accept the `color` prop.
+### Adding new palettes
 
-:::warning
-Adding a new palette increases the HTML bundle size. The more tokens you added to the palette, the bigger the bundle size.
-:::
+To add entirely new color palettes, with any type of scale, and make them available through the `color` prop, insert them in the `colorSchemes` key of the extended theme.
 
 The snippet below adds a custom `secondary` palette to the theme.
 
@@ -261,7 +220,7 @@ Then, you will be able to use `secondary` color on Joy UI components:
 <Chip variant="soft" color="secondary">
 ```
 
-### TypeScript
+#### TypeScript
 
 When working in TypeScript, you must augment the theme's interfaces to include the new palette.
 
@@ -282,3 +241,39 @@ declare module '@mui/joy/styles' {
   }
 }
 ```
+
+:::warning
+Note that adding new palettes increases the HTML bundle size.
+:::
+
+### Removing the default tokens
+
+To remove any default token, use `undefined` as a value within the extended theme.
+This removes them from the `theme` object and prevents the corresponding CSS variable from being generated.
+
+For example, all default global variant color tokens comes with styles for the `:active` pseudo class.
+Here's how you'd remove it from the solid variant.
+
+```jsx
+// ⚠️ If the value is `undefined`, it should be `undefined` for all color schemes.
+const theme = extendTheme({
+  colorSchemes: {
+    light: {
+      palette: {
+        primary: {
+          solidActiveBg: undefined,
+        },
+      },
+    },
+    dark: {
+      palette: {
+        primary: {
+          solidActiveBg: undefined,
+        },
+      },
+    },
+  },
+});
+```
+
+{{"demo": "RemoveActiveTokens.js"}}
diff --git a/docs/data/joy/customization/theme-typography/NewTypographyLevel.js b/docs/data/joy/customization/theme-typography/NewTypographyLevel.js
index 582e3933229aab..0bb4e3cc6ce25d 100644
--- a/docs/data/joy/customization/theme-typography/NewTypographyLevel.js
+++ b/docs/data/joy/customization/theme-typography/NewTypographyLevel.js
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { CssVarsProvider, extendTheme } from '@mui/joy/styles';
-import Box from '@mui/joy/Box';
 import Typography from '@mui/joy/Typography';
 
 const customTheme = extendTheme({
@@ -19,12 +18,12 @@ const customTheme = extendTheme({
 export default function NewTypographyLevel() {
   return (
     <CssVarsProvider theme={customTheme}>
-      <Box>
+      <div>
         <Typography>
           Press <Typography level="kbd">⌘</Typography> +{' '}
           <Typography level="kbd">k</Typography> to search the documentation.
         </Typography>
-      </Box>
+      </div>
     </CssVarsProvider>
   );
 }
diff --git a/docs/data/joy/customization/theme-typography/NewTypographyLevel.tsx b/docs/data/joy/customization/theme-typography/NewTypographyLevel.tsx
index 331566b56b0116..a60cf1a968e71d 100644
--- a/docs/data/joy/customization/theme-typography/NewTypographyLevel.tsx
+++ b/docs/data/joy/customization/theme-typography/NewTypographyLevel.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { CssVarsProvider, extendTheme } from '@mui/joy/styles';
-import Box from '@mui/joy/Box';
 import Typography from '@mui/joy/Typography';
 
 declare module '@mui/joy/styles' {
@@ -25,12 +24,12 @@ const customTheme = extendTheme({
 export default function NewTypographyLevel() {
   return (
     <CssVarsProvider theme={customTheme}>
-      <Box>
+      <div>
         <Typography>
           Press <Typography level="kbd">⌘</Typography> +{' '}
           <Typography level="kbd">k</Typography> to search the documentation.
         </Typography>
-      </Box>
+      </div>
     </CssVarsProvider>
   );
 }
diff --git a/docs/data/joy/customization/theme-typography/NewTypographyLevel.tsx.preview b/docs/data/joy/customization/theme-typography/NewTypographyLevel.tsx.preview
index a3869ec60e3028..072720966e6c4b 100644
--- a/docs/data/joy/customization/theme-typography/NewTypographyLevel.tsx.preview
+++ b/docs/data/joy/customization/theme-typography/NewTypographyLevel.tsx.preview
@@ -1,8 +1,8 @@
 <CssVarsProvider theme={customTheme}>
-  <Box>
+  <div>
     <Typography>
       Press <Typography level="kbd">⌘</Typography> +{' '}
       <Typography level="kbd">k</Typography> to search the documentation.
     </Typography>
-  </Box>
+  </div>
 </CssVarsProvider>
\ No newline at end of file
diff --git a/docs/data/joy/customization/themed-components/themed-components-pt.md b/docs/data/joy/customization/themed-components/themed-components-pt.md
index e97c4a1ba7cea5..78587382f42879 100644
--- a/docs/data/joy/customization/themed-components/themed-components-pt.md
+++ b/docs/data/joy/customization/themed-components/themed-components-pt.md
@@ -123,7 +123,7 @@ extendTheme({
 If you have custom color schemes defined, this approach also works. However, note that it creates additional CSS specificity which might be cumbersome when the parent component wants to override their children styles.
 
 :::error
-🚨 **Note:** We don't recommend using the conditional operator to switch between values as it is not performant.
+**Note:** We don't recommend using the conditional operator to switch between values as it is not performant.
 
 ```js
 // 🚫 Don't do this
diff --git a/docs/data/joy/customization/themed-components/themed-components-zh.md b/docs/data/joy/customization/themed-components/themed-components-zh.md
index e97c4a1ba7cea5..78587382f42879 100644
--- a/docs/data/joy/customization/themed-components/themed-components-zh.md
+++ b/docs/data/joy/customization/themed-components/themed-components-zh.md
@@ -123,7 +123,7 @@ extendTheme({
 If you have custom color schemes defined, this approach also works. However, note that it creates additional CSS specificity which might be cumbersome when the parent component wants to override their children styles.
 
 :::error
-🚨 **Note:** We don't recommend using the conditional operator to switch between values as it is not performant.
+**Note:** We don't recommend using the conditional operator to switch between values as it is not performant.
 
 ```js
 // 🚫 Don't do this
diff --git a/docs/data/joy/customization/using-css-variables/using-css-variables-pt.md b/docs/data/joy/customization/using-css-variables/using-css-variables-pt.md
index 25c227a7967940..b512c41df3427b 100644
--- a/docs/data/joy/customization/using-css-variables/using-css-variables-pt.md
+++ b/docs/data/joy/customization/using-css-variables/using-css-variables-pt.md
@@ -55,7 +55,7 @@ const Div = styled('div')(({ theme }) => ({
 ```
 
 :::warning
-⚠️ The format of the channel tokens is using empty space as a separator, e.g. `61 131 246`, which means you have to use `/` to combine the channel token with an opacity value.
+The format of the channel tokens is using empty space as a separator, e.g. `61 131 246`, which means you have to use `/` to combine the channel token with an opacity value.
 
 ```js
 `rgba(${theme.vars.palette.primary.mainChannel} / 0.12)`, ✅ correct format
diff --git a/docs/data/joy/customization/using-css-variables/using-css-variables-zh.md b/docs/data/joy/customization/using-css-variables/using-css-variables-zh.md
index 25c227a7967940..b512c41df3427b 100644
--- a/docs/data/joy/customization/using-css-variables/using-css-variables-zh.md
+++ b/docs/data/joy/customization/using-css-variables/using-css-variables-zh.md
@@ -55,7 +55,7 @@ const Div = styled('div')(({ theme }) => ({
 ```
 
 :::warning
-⚠️ The format of the channel tokens is using empty space as a separator, e.g. `61 131 246`, which means you have to use `/` to combine the channel token with an opacity value.
+The format of the channel tokens is using empty space as a separator, e.g. `61 131 246`, which means you have to use `/` to combine the channel token with an opacity value.
 
 ```js
 `rgba(${theme.vars.palette.primary.mainChannel} / 0.12)`, ✅ correct format
diff --git a/docs/data/joy/getting-started/installation/installation.md b/docs/data/joy/getting-started/installation/installation.md
index 8cb4addd9bec89..0d5371fc8dbb2e 100644
--- a/docs/data/joy/getting-started/installation/installation.md
+++ b/docs/data/joy/getting-started/installation/installation.md
@@ -72,6 +72,6 @@ To install Inter through the Google Web Fonts CDN, add the following code inside
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
   rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Inter:wght@300;400;500;600;700&display=swap"
+  href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
 />
 ```
diff --git a/docs/data/joy/getting-started/overview/overview.md b/docs/data/joy/getting-started/overview/overview.md
index 0ad9733b242b85..75ea7a8fc142ca 100644
--- a/docs/data/joy/getting-started/overview/overview.md
+++ b/docs/data/joy/getting-started/overview/overview.md
@@ -8,11 +8,7 @@ title: Overview
 
 ## Introduction
 
-Joy UI is an open-source React component library that implements MUI's own in-house design [principles](#principles).
-
-It includes foundational pre-built components that look beautiful by default, and give you plenty of room to customize their look and feel.
-
-Use Joy UI to spark joy in the creative process of building your next app.
+Joy UI is an open-source React component library that follows a lightly opinionated design direction, for a clean and modern UI that gives you plenty of room to customize the look and feel.
 
 :::warning
 Joy UI is currently in active development, and breaking changes are to be expected.
@@ -22,44 +18,53 @@ We're adding new components and features regularly, and you're welcome to contri
 Look for the [`package: joy-ui`](https://github.com/mui/material-ui/labels/package%3A%20joy-ui) label on open issues and pull requests in the `mui/material-ui` repository on GitHub to see what other community members are working on, and feel free to submit your own.
 :::
 
-## Advantages of Joy UI
+## Why use Joy UI
+
+Maintained by MUI, **Joy UI is an alternative to Material UI** for projects that **don't adhere to Material Design** guidelines as a design system starting point.
+
+These two sister libraries feature many of the same components, with similarly designed component APIs and customization features.
+Joy UI applies the decade of lessons learned in building and maintaining Material UI, for developers looking for sleek design, next-gen DX, and extensible components.
+
+Learn more about why you should use Joy UI for your next project below.
+
+### Beautiful out of the box
+
+Joy UI follows a lightly opinionated design direction called Joy Design.
+Simple and functional, it offers a thoughtfully crafted set of defaults to ensure that your next project looks and feels great before you even begin customizing.
+
+For example, the [Order Dashboard template](/joy-ui/getting-started/templates/order-dashboard/) (pictured below) is minimally customized beyond defaults, to demonstrate how meticulously we've designed each component for consistency and cohesion across the UI:
+
+<img src="/static/joy-ui/overview/order-dashboard.png" style="width: 814px; margin-top: 4px; margin-bottom: 8px;" alt="The Order Dashboard template, inspired by Untitled UI and built by the MUI team using Joy UI with very little customizations." width="1628" height="400" />
 
-- **Ship faster:** Joy UI gives you pre-built components with a sleek and carefully designed look and feel, so you don't need design skills to ship beautiful UIs rapidly.
-- **Extensive customization options:** you can customize each and every tiny piece of Joy UI's components to match your own unique design.
-- **Accessibility in mind:** Joy UI components are built on top of [Base UI's unstyled components and low-level hooks](/base-ui/getting-started/), giving you support for many accessibility features out of the box.
-  We do our best to make all components screen reader-friendly, and also offer suggestions for optimizing accessibility throughout our documentation.
+### Highly customizable
 
-## Joy UI vs. Material UI
+You should feel inspired and empowered to change, extend, and revamp Joy UI's appearance and behavior with ease.
+Drawing from many years of experience maintaining Material UI, Joy UI applies new approaches to customization, enabling you to customize every piece of the components to match your unique design.
 
-Joy UI is intended to serve as an alternative to Material UI for designs that don't adhere to Material Design specifications.
-These two sister libraries feature many of the same components, and similarly designed component APIs, so you can quickly start building with one if you've used the other before.
+For example, the demo below shows how to customize the [List](/joy-ui/react-list/) component using built-in CSS variables to match the design of the [Gatsby documentation side nav](https://www.gatsbyjs.com/docs/):
 
-Try Joy UI if you appreciate the comprehensiveness and reliability of Material UI, but don't need all of the additional baggage that comes along with Material Design.
+{{"demo": "../../components/list/ExampleCollapsibleList.js"}}
 
-## Principles
+### Developer experience
 
-### Include only what's essential
+Joy UI draws its name from the idea that it should spark joy in the creative process of building apps.
+Providing an unrivaled developer experience is at the heart of this.
 
-Joy UI should work with the least amount of effort possible.
-We're striving for the essential only, both in the component API and design (look and feel).
+For example, observe how each element of the [Input](/joy-ui/react-input/) component automatically calculates and adjusts its own dimensions relative to the border radius, saving you from the tedium of doing it yourself:
 
-Components should have only what they need to do the job.
-What is considered essential is drawn from MUI's experience over the years developing component libraries, as well as from benchmarks of modern API and design guidelines—especially when it comes to developing web apps.
+{{"demo": "../../main-features/automatic-adjustment/InputVariables.js"}}
 
-### Make it beautiful out of the box
+### Accessibility
 
-Joy UI needs to be simple yet characteristic.
-Visual attributes such as scale, size, and density should be consistent across all of the components so they live together nicely.
+Joy UI components are built on top of [Base UI's unstyled components and low-level hooks](/base-ui/getting-started/), giving you many accessibility features out of the box.
+We strive to make all components accessible to end users who require assistive technology, and offer suggestions for optimizing accessibility throughout our documentation.
 
-We aim to spark delight with simplicity and attention to detail.
-You should feel like your UI looks great from the start.
+Joy UI's Form Control component automatically generates a unique ID that links the Input that it wraps with the Form Label and Form Helper Text components, ensuring that your app complies with this guideline:
 
-### Encourage creativity
+{{"demo": "../../components/input/InputField.js"}}
 
-Working with Joy UI shouldn't feel stiff or rigid—you should feel inspired and empowered to change, extend, and revamp Joy UI's appearance and behavior with ease.
-We want it to become your go-to starting point for building UIs.
+## Start now
 
-### Prioritize developer experience
+Get started with Joy UI today through some of these useful resources:
 
-A great developer experience is not only about the quality of the code we ship, but also about how clear the documentation is, and what learning resources are available for developers.
-We hope that every step of the experience brings you joy.
+{{"component": "modules/components/JoyStartingLinksCollection.js"}}
diff --git a/docs/data/joy/getting-started/templates/TemplateCollection.js b/docs/data/joy/getting-started/templates/TemplateCollection.js
index 60966f7d820c29..39f369b2f576dc 100644
--- a/docs/data/joy/getting-started/templates/TemplateCollection.js
+++ b/docs/data/joy/getting-started/templates/TemplateCollection.js
@@ -6,7 +6,6 @@ import Box from '@mui/joy/Box';
 import Card from '@mui/joy/Card';
 import CardContent from '@mui/joy/CardContent';
 import CardOverflow from '@mui/joy/CardOverflow';
-import Chip from '@mui/joy/Chip';
 import Link from '@mui/joy/Link';
 import List from '@mui/joy/List';
 import IconButton from '@mui/joy/IconButton';
@@ -23,88 +22,79 @@ import sourceJoyTemplates from 'docs/src/modules/joy/sourceJoyTemplates';
  * - The name of the folder will be used as the url and title
  */
 
-/**
- * @typedef {Object} Author
- * @property {string} name name of the author
- * @property {string} github github username
- */
-
-/**
- * @type {Object.<string, Author | undefined>}
- */
-const AUTHORS = {
-  team: {
-    name: 'MUI',
-    link: 'https://twitter.com/MUI_hq',
-  },
-  files: {
-    name: 'MUI',
-    link: 'https://twitter.com/MUI_hq',
-  },
-  email: {
+const authors = {
+  MUI: {
     name: 'MUI',
     link: 'https://twitter.com/MUI_hq',
   },
-  messages: {
+  SteveEberger: {
     name: 'Steve Ernstberger',
     link: 'https://twitter.com/SteveEberger',
   },
-  'sign-in-side': {
-    name: 'MUI',
-    link: 'https://twitter.com/MUI_hq',
-  },
-  'order-dashboard': {
-    name: 'MUI',
-    link: 'https://twitter.com/MUI_hq',
+};
+
+const templates = [
+  {
+    name: 'order-dashboard',
+    author: authors.MUI,
+    design: {
+      name: 'Untitled UI',
+      link: 'https://www.figma.com/community/file/1020079203222518115/%E2%9D%96-Untitled-UI-%E2%80%93-FREE-Figma-UI-kit-and-design-system',
+    },
   },
-  'profile-dashboard': {
-    name: 'MUI',
-    link: 'https://twitter.com/MUI_hq',
+  {
+    name: 'profile-dashboard',
+    author: authors.MUI,
+    design: {
+      name: 'Untitled UI',
+      link: 'https://www.figma.com/community/file/1020079203222518115/%E2%9D%96-Untitled-UI-%E2%80%93-FREE-Figma-UI-kit-and-design-system',
+    },
   },
-  'framesx-web-blocks': {
-    name: 'MUI',
-    link: 'https://twitter.com/MUI_hq',
+  {
+    name: 'messages',
+    author: authors.SteveEberger,
+    design: {
+      name: 'Untitled UI',
+      link: 'https://www.figma.com/community/file/1020079203222518115/%E2%9D%96-Untitled-UI-%E2%80%93-FREE-Figma-UI-kit-and-design-system',
+    },
   },
-  'rental-dashboard': {
-    name: 'Steve Ernstberger',
-    link: 'https://twitter.com/steveeberger',
+  {
+    name: 'sign-in-side',
+    author: authors.MUI,
   },
-};
-const DESIGNS = {
-  'order-dashboard': {
-    name: 'Untitled UI',
-    link: 'https://www.figma.com/community/file/1020079203222518115/%E2%9D%96-Untitled-UI-%E2%80%93-FREE-Figma-UI-kit-and-design-system',
+  {
+    name: 'rental-dashboard',
+    author: authors.SteveEberger,
+    design: {
+      name: 'Untitled UI',
+      link: 'https://www.figma.com/community/file/1020079203222518115/%E2%9D%96-Untitled-UI-%E2%80%93-FREE-Figma-UI-kit-and-design-system',
+    },
   },
-  'profile-dashboard': {
-    name: 'Untitled UI',
-    link: 'https://www.figma.com/community/file/1020079203222518115/%E2%9D%96-Untitled-UI-%E2%80%93-FREE-Figma-UI-kit-and-design-system',
+  {
+    name: 'team',
+    author: authors.MUI,
   },
-  'framesx-web-blocks': {
-    name: 'Frames X',
-    link: 'https://framesxfigma.buninux.com/',
+  {
+    name: 'files',
+    author: authors.MUI,
   },
-  'rental-dashboard': {
-    name: 'Untitled UI',
-    link: 'https://www.figma.com/community/file/1020079203222518115/%E2%9D%96-Untitled-UI-%E2%80%93-FREE-Figma-UI-kit-and-design-system',
+  {
+    name: 'framesx-web-blocks',
+    author: authors.MUI,
+    design: {
+      name: 'Frames X',
+      link: 'https://framesxfigma.buninux.com/',
+    },
   },
-  messages: {
-    name: 'Untitled UI',
-    link: 'https://www.figma.com/community/file/1020079203222518115/%E2%9D%96-Untitled-UI-%E2%80%93-FREE-Figma-UI-kit-and-design-system',
+  {
+    name: 'email',
+    author: authors.MUI,
   },
-};
+];
 
 export default function TemplateCollection() {
-  const newTemplates = [
-    'messages',
-    'rental-dashboard',
-    'framesx-web-blocks',
-    'profile-dashboard',
-  ]; // Stay at the top of the page with `new` badge
-  const { names: templateNames, map: templateMap } = sourceJoyTemplates();
-  const names = [
-    ...newTemplates,
-    ...templateNames.filter((name) => !newTemplates.includes(name)),
-  ];
+  const joyTemplates = sourceJoyTemplates();
+
   return (
     <List
       sx={{
@@ -115,15 +105,13 @@ export default function TemplateCollection() {
         gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))',
       }}
     >
-      {names.map((name) => {
-        const item = templateMap.get(name);
-        const author = AUTHORS[name];
-        const design = DESIGNS[name];
+      {templates.map((template) => {
+        const item = joyTemplates.map.get(template.name);
         return (
           <Card
             component="li"
             variant="outlined"
-            key={name}
+            key={template.name}
             sx={(theme) => ({
               bgcolor: 'initial',
               boxShadow: 'none',
@@ -152,15 +140,15 @@ export default function TemplateCollection() {
               >
                 <Box
                   sx={(theme) => ({
-                    background: `center/cover no-repeat url(/static/screenshots/joy-ui/getting-started/templates/${name}.jpg)`,
+                    background: `center/cover no-repeat url(/static/screenshots/joy-ui/getting-started/templates/${template.name}.jpg)`,
                     transition: '0.3s',
                     [theme.getColorSchemeSelector('dark')]: {
-                      background: `center/cover no-repeat url(/static/screenshots/joy-ui/getting-started/templates/${name}-dark.jpg)`,
+                      background: `center/cover no-repeat url(/static/screenshots/joy-ui/getting-started/templates/${template.name}-dark.jpg)`,
                     },
                   })}
                 />
                 <NextLink
-                  href={`/joy-ui/getting-started/templates/${name}/`}
+                  href={`/joy-ui/getting-started/templates/${template.name}/`}
                   passHref
                   legacyBehavior
                 >
@@ -170,7 +158,7 @@ export default function TemplateCollection() {
                     overlay
                     aria-hidden
                     data-ga-event-category="joy-template"
-                    data-ga-event-label={name}
+                    data-ga-event-label={template.name}
                     data-ga-event-action="preview-img"
                   />
                 </NextLink>
@@ -182,35 +170,13 @@ export default function TemplateCollection() {
                   component="h3"
                   fontSize="lg"
                   fontWeight="xl"
-                  endDecorator={
-                    newTemplates.includes(name) ? (
-                      <Chip
-                        size="sm"
-                        color="success"
-                        variant="outlined"
-                        sx={{
-                          ml: 1,
-                          bgcolor: 'success.softBg',
-                          borderRadius: 'xs',
-                          textTransform: 'uppercase',
-                          fontWeight: 'xl',
-                          letterSpacing: 'md',
-                          fontSize: '0.625rem',
-                          '--Chip-paddingInline': '0.2rem',
-                          '--Chip-minHeight': '1.3rem',
-                        }}
-                      >
-                        New
-                      </Chip>
-                    ) : null
-                  }
                   slotProps={{ endDecorator: { sx: { ml: 'auto' } } }}
                   sx={{ mr: 'auto' }}
                 >
-                  {startCase(name)}
+                  {startCase(template.name)}
                 </Typography>
                 <NextLink
-                  href={`/joy-ui/getting-started/templates/${name}/`}
+                  href={`/joy-ui/getting-started/templates/${template.name}/`}
                   passHref
                   legacyBehavior
                 >
@@ -221,7 +187,7 @@ export default function TemplateCollection() {
                     size="sm"
                     aria-label="See live preview"
                     data-ga-event-category="joy-template"
-                    data-ga-event-label={name}
+                    data-ga-event-label={template.name}
                     data-ga-event-action="preview"
                   >
                     <Visibility />
@@ -233,16 +199,16 @@ export default function TemplateCollection() {
                   size="sm"
                   aria-label="Code sandbox playground"
                   data-ga-event-category="joy-template"
-                  data-ga-event-label={name}
+                  data-ga-event-label={template.name}
                   data-ga-event-action="codesandbox"
                   onClick={() =>
                     codeSandbox
                       .createJoyTemplate({
                         ...item,
-                        title: `${startCase(name)} Template - Joy UI`,
+                        title: `${startCase(template.name)} Template - Joy UI`,
                         githubLocation: `${process.env.SOURCE_CODE_REPO}/blob/v${
                           process.env.LIB_VERSION
-                        }/docs/data/joy/templates/${name}/App.${
+                        }/docs/data/joy/templates/${template.name}/App.${
                           item.codeVariant === 'TS' ? 'tsx' : 'js'
                         }`,
                       })
@@ -262,19 +228,19 @@ export default function TemplateCollection() {
                   flexWrap: 'wrap',
                 }}
               >
-                {author && (
+                {template.author && (
                   <Typography level="body-sm" fontWeight="md">
                     Built by{' '}
                     <Link
-                      href={author.link}
+                      href={template.author.link}
                       target="_blank"
                       rel="noopener noreferrer"
                     >
-                      <b>{author.name}</b>
+                      <b>{template.author.name}</b>
                     </Link>
                   </Typography>
                 )}
-                {design && (
+                {template.design && (
                   <React.Fragment>
                     <Typography level="caption" fontWeight="md" sx={{ mx: 0.5 }}>
                       •
@@ -282,11 +248,11 @@ export default function TemplateCollection() {
                     <Typography level="body-sm" fontWeight="md">
                       Designed by{' '}
                       <Link
-                        href={design.link}
+                        href={template.design.link}
                         target="_blank"
                         rel="noopener noreferrer"
                       >
-                        <b>{design.name}</b>
+                        <b>{template.design.name}</b>
                       </Link>
                     </Typography>
                   </React.Fragment>
diff --git a/docs/data/joy/getting-started/templates/email/components/EmailContent.tsx b/docs/data/joy/getting-started/templates/email/components/EmailContent.tsx
index 8f2d8c62d6936c..e635a8f01458d5 100644
--- a/docs/data/joy/getting-started/templates/email/components/EmailContent.tsx
+++ b/docs/data/joy/getting-started/templates/email/components/EmailContent.tsx
@@ -81,7 +81,7 @@ export default function EmailContent() {
             flexWrap: 'wrap',
           }}
         >
-          <Box>
+          <div>
             <Typography
               component="span"
               level="body-sm"
@@ -92,8 +92,8 @@ export default function EmailContent() {
             <Chip size="sm" variant="soft" onClick={() => {}}>
               alex.jonnold@hike.com
             </Chip>
-          </Box>
-          <Box>
+          </div>
+          <div>
             <Typography
               component="span"
               level="body-sm"
@@ -104,7 +104,7 @@ export default function EmailContent() {
             <Chip size="sm" variant="soft" onClick={() => {}}>
               steve@mail.com
             </Chip>
-          </Box>
+          </div>
         </Box>
       </Box>
       <Divider />
@@ -169,9 +169,9 @@ export default function EmailContent() {
         <Card variant="outlined" orientation="horizontal">
           <CardOverflow>
             <AspectRatio ratio="1" sx={{ minWidth: 80 }}>
-              <Box>
+              <div>
                 <FolderIcon />
-              </Box>
+              </div>
             </AspectRatio>
           </CardOverflow>
           <Box sx={{ py: { xs: 1, sm: 2 }, pr: 2 }}>
diff --git a/docs/data/joy/getting-started/templates/email/components/Mails.tsx b/docs/data/joy/getting-started/templates/email/components/Mails.tsx
index 9647d9d190c65c..d2ac9ffcada730 100644
--- a/docs/data/joy/getting-started/templates/email/components/Mails.tsx
+++ b/docs/data/joy/getting-started/templates/email/components/Mails.tsx
@@ -48,8 +48,8 @@ export default function EmailList() {
               <ListItemDecorator sx={{ alignSelf: 'flex-start' }}>
                 <Avatar
                   alt=""
-                  src={item.avatar}
                   srcSet={item.avatar2x}
+                  src={item.avatar}
                   sx={{ borderRadius: 'sm' }}
                 />
               </ListItemDecorator>
@@ -66,10 +66,10 @@ export default function EmailList() {
                     {item.date}
                   </Typography>
                 </Box>
-                <Box>
+                <div>
                   <Typography sx={{ mb: 0.5 }}>{item.title}</Typography>
                   <Typography level="body-sm">{item.body}</Typography>
-                </Box>
+                </div>
               </Box>
             </ListItemButton>
           </ListItem>
diff --git a/docs/data/joy/getting-started/templates/files/App.tsx b/docs/data/joy/getting-started/templates/files/App.tsx
index 366cbb893f489e..e4177794a4d36e 100644
--- a/docs/data/joy/getting-started/templates/files/App.tsx
+++ b/docs/data/joy/getting-started/templates/files/App.tsx
@@ -354,7 +354,7 @@ export default function FilesExample() {
                           mt: 2,
                         }}
                       >
-                        <Box>
+                        <div>
                           <AvatarGroup
                             size="sm"
                             sx={{
@@ -379,7 +379,7 @@ export default function FilesExample() {
                               srcSet="https://i.pravatar.cc/48?img=9 2x"
                             />
                           </AvatarGroup>
-                        </Box>
+                        </div>
                         <Typography level="body-sm">21 October 2011, 3PM</Typography>
                       </Box>
                     </ListItemContent>
@@ -414,7 +414,7 @@ export default function FilesExample() {
                           mt: 2,
                         }}
                       >
-                        <Box>
+                        <div>
                           <AvatarGroup
                             size="sm"
                             sx={{
@@ -439,7 +439,7 @@ export default function FilesExample() {
                               srcSet="https://i.pravatar.cc/48?img=9 2x"
                             />
                           </AvatarGroup>
-                        </Box>
+                        </div>
                         <Typography level="body-sm">26 May 2010, 7PM</Typography>
                       </Box>
                     </ListItemContent>
diff --git a/docs/data/joy/getting-started/templates/framesx-web-blocks/blocks/HeroLeft02.tsx b/docs/data/joy/getting-started/templates/framesx-web-blocks/blocks/HeroLeft02.tsx
index 92c92c53e3c99b..454e1a7dfd8a6f 100644
--- a/docs/data/joy/getting-started/templates/framesx-web-blocks/blocks/HeroLeft02.tsx
+++ b/docs/data/joy/getting-started/templates/framesx-web-blocks/blocks/HeroLeft02.tsx
@@ -64,7 +64,7 @@ export default function HeroLeft02() {
           },
         })}
       >
-        <Box>
+        <div>
           <Typography
             fontSize="xl4"
             fontWeight="lg"
@@ -75,17 +75,16 @@ export default function HeroLeft02() {
           <Typography textColor="text.secondary">
             Over <b>5k</b> positive <br /> customer reviews.
           </Typography>
-        </Box>
-        <Box>
+        </div>
+        <div>
           <Typography fontSize="xl4" fontWeight="lg">
             2M
           </Typography>
           <Typography textColor="text.secondary">
             Global <br /> Transactions.
           </Typography>
-        </Box>
+        </div>
       </Box>
-
       <Typography
         level="body-xs"
         sx={{
diff --git a/docs/data/joy/getting-started/templates/framesx-web-blocks/blocks/HeroLeft07.tsx b/docs/data/joy/getting-started/templates/framesx-web-blocks/blocks/HeroLeft07.tsx
index 60fcf3c1614017..cfaabd590a55f1 100644
--- a/docs/data/joy/getting-started/templates/framesx-web-blocks/blocks/HeroLeft07.tsx
+++ b/docs/data/joy/getting-started/templates/framesx-web-blocks/blocks/HeroLeft07.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Typography from '@mui/joy/Typography';
 import Card from '@mui/joy/Card';
@@ -27,7 +26,7 @@ export default function HeroLeft07() {
         sx={{ gap: 2, my: 1, textAlign: 'left' }}
       >
         <AutoAwesomeIcon color="success" fontSize="xl3" />
-        <Box>
+        <div>
           <Typography fontSize="xl" fontWeight="lg" sx={{ mb: 1 }}>
             The new version is out.
           </Typography>
@@ -35,10 +34,9 @@ export default function HeroLeft07() {
             This is where a notification message will appear. <br />
             Enter text into this container.
           </Typography>
-        </Box>
+        </div>
       </Card>
       <Button size="lg">Download the App</Button>
-
       <Typography
         level="body-xs"
         sx={{
diff --git a/docs/data/joy/getting-started/templates/framesx-web-blocks/blocks/HeroLeft08.tsx b/docs/data/joy/getting-started/templates/framesx-web-blocks/blocks/HeroLeft08.tsx
index 524673b68b3cf6..67adc10aeb3174 100644
--- a/docs/data/joy/getting-started/templates/framesx-web-blocks/blocks/HeroLeft08.tsx
+++ b/docs/data/joy/getting-started/templates/framesx-web-blocks/blocks/HeroLeft08.tsx
@@ -58,7 +58,7 @@ export default function HeroLeft08() {
           },
         })}
       >
-        <Box>
+        <div>
           <Typography
             fontSize="xl4"
             fontWeight="lg"
@@ -69,17 +69,16 @@ export default function HeroLeft08() {
           <Typography textColor="text.secondary">
             Rated by <b>5k</b> people on trustpilot.com
           </Typography>
-        </Box>
-        <Box>
+        </div>
+        <div>
           <Typography fontSize="xl4" fontWeight="lg">
             9.5k+
           </Typography>
           <Typography textColor="text.secondary">
             Active users from the top world companies.
           </Typography>
-        </Box>
+        </div>
       </Box>
-
       <Typography
         level="body-xs"
         sx={{
diff --git a/docs/data/joy/getting-started/templates/messages/App.tsx b/docs/data/joy/getting-started/templates/messages/App.tsx
index 6344cad88db89e..c5175b673e7e70 100644
--- a/docs/data/joy/getting-started/templates/messages/App.tsx
+++ b/docs/data/joy/getting-started/templates/messages/App.tsx
@@ -1,46 +1,19 @@
 import * as React from 'react';
 import { CssVarsProvider } from '@mui/joy/styles';
-import GlobalStyles from '@mui/joy/GlobalStyles';
 import CssBaseline from '@mui/joy/CssBaseline';
 import Box from '@mui/joy/Box';
-import useScript from './useScript';
 import Sidebar from './components/Sidebar';
 import Header from './components/Header';
 import MyMessages from './components/MyMessages';
 
-const useEnhancedEffect =
-  typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-
 export default function JoyMessagesTemplate() {
-  const status = useScript(`https://unpkg.com/feather-icons`);
-
-  useEnhancedEffect(() => {
-    // Feather icon setup: https://github.com/feathericons/feather#4-replace
-    // @ts-ignore
-    if (typeof feather !== 'undefined') {
-      // @ts-ignore
-      feather.replace();
-    }
-  }, [status]);
-
   return (
     <CssVarsProvider disableTransitionOnChange>
-      <GlobalStyles
-        styles={(theme) => ({
-          '[data-feather], .feather': {
-            color: `var(--Icon-color, ${theme.vars.palette.text.icon})`,
-            margin: 'var(--Icon-margin)',
-            fontSize: `var(--Icon-fontSize, ${theme.vars.fontSize.xl})`,
-            width: '1em',
-            height: '1em',
-          },
-        })}
-      />
       <CssBaseline />
       <Box sx={{ display: 'flex', minHeight: '100dvh' }}>
-        <Header />
         <Sidebar />
-        <Box component="main" className="MainContent" flex={1}>
+        <Header />
+        <Box component="main" className="MainContent" sx={{ flex: 1 }}>
           <MyMessages />
         </Box>
       </Box>
diff --git a/docs/data/joy/getting-started/templates/messages/components/AvatarWithStatus.tsx b/docs/data/joy/getting-started/templates/messages/components/AvatarWithStatus.tsx
index 978682ffec7f47..5e95af063c1c33 100644
--- a/docs/data/joy/getting-started/templates/messages/components/AvatarWithStatus.tsx
+++ b/docs/data/joy/getting-started/templates/messages/components/AvatarWithStatus.tsx
@@ -14,10 +14,12 @@ export default function AvatarWithStatus({
     <div>
       <Badge
         color={online ? 'success' : 'neutral'}
+        variant={online ? 'solid' : 'soft'}
+        size="sm"
         anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
-        badgeInset="6px 6px"
+        badgeInset="4px 4px"
       >
-        <Avatar {...rest} />
+        <Avatar size="sm" {...rest} />
       </Badge>
     </div>
   );
diff --git a/docs/data/joy/getting-started/templates/messages/components/ChatBubble.tsx b/docs/data/joy/getting-started/templates/messages/components/ChatBubble.tsx
index 53afcfbf33a804..903c3eefa4c4e7 100644
--- a/docs/data/joy/getting-started/templates/messages/components/ChatBubble.tsx
+++ b/docs/data/joy/getting-started/templates/messages/components/ChatBubble.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import Avatar from '@mui/joy/Avatar';
 import Box from '@mui/joy/Box';
 import IconButton from '@mui/joy/IconButton';
 import Stack from '@mui/joy/Stack';
@@ -6,7 +7,7 @@ import Sheet from '@mui/joy/Sheet';
 import Typography from '@mui/joy/Typography';
 import CelebrationOutlinedIcon from '@mui/icons-material/CelebrationOutlined';
 import FavoriteBorderIcon from '@mui/icons-material/FavoriteBorder';
-import FileIcon from './FileIcon';
+import InsertDriveFileRoundedIcon from '@mui/icons-material/InsertDriveFileRounded';
 import { MessageProps } from '../types';
 
 type ChatBubbleProps = MessageProps & {
@@ -25,7 +26,7 @@ export default function ChatBubble({
   const [isLiked, setIsLiked] = React.useState<boolean>(false);
   const [isCelebrated, setIsCelebrated] = React.useState<boolean>(false);
   return (
-    <Box maxWidth="80%" minWidth={attachment ? '80%' : 'auto'}>
+    <Box sx={{ maxWidth: '60%', minWidth: 'auto' }}>
       <Stack
         direction="row"
         justifyContent="space-between"
@@ -49,7 +50,9 @@ export default function ChatBubble({
           }}
         >
           <Stack direction="row" spacing={1.5} alignItems="center">
-            <FileIcon fileType={attachment.type} />
+            <Avatar color="primary" size="lg">
+              <InsertDriveFileRoundedIcon />
+            </Avatar>
             <div>
               <Typography fontSize="sm">{attachment.fileName}</Typography>
               <Typography level="body-sm">{attachment.size}</Typography>
@@ -66,14 +69,25 @@ export default function ChatBubble({
             color={isSent ? 'primary' : 'neutral'}
             variant={isSent ? 'solid' : 'soft'}
             sx={{
-              px: 1.25,
-              py: 1.25,
+              p: 1.25,
               borderRadius: 'lg',
               borderTopRightRadius: isSent ? 0 : 'lg',
               borderTopLeftRadius: isSent ? 'lg' : 0,
+              backgroundColor: isSent
+                ? 'var(--joy-palette-primary-solidBg)'
+                : 'background.body',
             }}
           >
-            {content}
+            <Typography
+              level="body-sm"
+              sx={{
+                color: isSent
+                  ? 'var(--joy-palette-common-white)'
+                  : 'var(--joy-palette-text-primary)',
+              }}
+            >
+              {content}
+            </Typography>
           </Sheet>
           {(isHovered || isLiked || isCelebrated) && (
             <Stack
diff --git a/docs/data/joy/getting-started/templates/messages/components/ChatListItem.tsx b/docs/data/joy/getting-started/templates/messages/components/ChatListItem.tsx
index fd7ab359b1bdb3..f65704083d1b7d 100644
--- a/docs/data/joy/getting-started/templates/messages/components/ChatListItem.tsx
+++ b/docs/data/joy/getting-started/templates/messages/components/ChatListItem.tsx
@@ -41,28 +41,30 @@ export default function ChatListItem({
             flexDirection: 'column',
             alignItems: 'initial',
             gap: 1,
-            fontWeight: 'normal',
           }}
         >
           <Stack direction="row" spacing={1.5}>
             <AvatarWithStatus online={sender.online} src={sender.avatar} />
             <Box sx={{ flex: 1 }}>
-              <Typography fontSize="sm" fontWeight="lg">
-                {sender.name}
-              </Typography>
+              <Typography level="title-sm">{sender.name}</Typography>
               <Typography level="body-sm">{sender.username}</Typography>
             </Box>
-            <Box sx={{ lineHeight: 1, textAlign: 'right' }}>
+            <Box
+              sx={{
+                lineHeight: 1.5,
+                textAlign: 'right',
+              }}
+            >
+              {messages[0].unread && (
+                <CircleIcon sx={{ fontSize: 12 }} color="primary" />
+              )}
               <Typography
-                level="body-sm"
+                level="body-xs"
                 display={{ xs: 'none', md: 'block' }}
                 noWrap
               >
                 5 mins ago
               </Typography>
-              {messages[0].unread && (
-                <CircleIcon sx={{ fontSize: 10 }} color="primary" />
-              )}
             </Box>
           </Stack>
           <Typography
diff --git a/docs/data/joy/getting-started/templates/messages/components/ChatsPane.tsx b/docs/data/joy/getting-started/templates/messages/components/ChatsPane.tsx
index e25f471f5af611..abf81d7e13a167 100644
--- a/docs/data/joy/getting-started/templates/messages/components/ChatsPane.tsx
+++ b/docs/data/joy/getting-started/templates/messages/components/ChatsPane.tsx
@@ -4,6 +4,9 @@ import Sheet from '@mui/joy/Sheet';
 import Typography from '@mui/joy/Typography';
 import { Box, Chip, IconButton, Input } from '@mui/joy';
 import List from '@mui/joy/List';
+import EditNoteRoundedIcon from '@mui/icons-material/EditNoteRounded';
+import SearchRoundedIcon from '@mui/icons-material/SearchRounded';
+import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
 import ChatListItem from './ChatListItem';
 import { ChatProps } from '../types';
 import { toggleMessagesPane } from '../utils';
@@ -28,19 +31,26 @@ export default function ChatsPane({
         overflowY: 'auto',
       }}
     >
-      <Stack direction="row" spacing={1} alignItems="center" p={2} pb={1.5}>
+      <Stack
+        direction="row"
+        spacing={1}
+        alignItems="center"
+        justifyContent="space-between"
+        p={2}
+        pb={1.5}
+      >
         <Typography
           fontSize={{ xs: 'md', md: 'lg' }}
           component="h1"
           fontWeight="lg"
           endDecorator={
             <Chip
-              variant="outlined"
-              color="neutral"
-              size="sm"
+              variant="soft"
+              color="primary"
+              size="md"
               slotProps={{ root: { component: 'span' } }}
             >
-              40
+              4
             </Chip>
           }
           sx={{ mr: 'auto' }}
@@ -48,12 +58,18 @@ export default function ChatsPane({
           Messages
         </Typography>
 
-        <IconButton variant="outlined" aria-label="edit" color="neutral" size="sm">
-          <i data-feather="edit" />
+        <IconButton
+          variant="plain"
+          aria-label="edit"
+          color="neutral"
+          size="sm"
+          sx={{ display: { xs: 'none', sm: 'unset' } }}
+        >
+          <EditNoteRoundedIcon />
         </IconButton>
 
         <IconButton
-          variant="outlined"
+          variant="plain"
           aria-label="edit"
           color="neutral"
           size="sm"
@@ -62,14 +78,13 @@ export default function ChatsPane({
           }}
           sx={{ display: { sm: 'none' } }}
         >
-          <i data-feather="x" />
+          <CloseRoundedIcon />
         </IconButton>
       </Stack>
-
-      <Box px={2} pb={1.5}>
+      <Box sx={{ px: 2, pb: 1.5 }}>
         <Input
           size="sm"
-          startDecorator={<i data-feather="search" />}
+          startDecorator={<SearchRoundedIcon />}
           placeholder="Search"
           aria-label="Search"
         />
diff --git a/docs/data/joy/getting-started/templates/messages/components/ColorSchemeToggle.tsx b/docs/data/joy/getting-started/templates/messages/components/ColorSchemeToggle.tsx
index 073e9e37b0c5c7..d1b512bb8a123b 100644
--- a/docs/data/joy/getting-started/templates/messages/components/ColorSchemeToggle.tsx
+++ b/docs/data/joy/getting-started/templates/messages/components/ColorSchemeToggle.tsx
@@ -2,6 +2,9 @@ import * as React from 'react';
 import { useColorScheme } from '@mui/joy/styles';
 import IconButton, { IconButtonProps } from '@mui/joy/IconButton';
 
+import DarkModeRoundedIcon from '@mui/icons-material/DarkModeRounded';
+import LightModeIcon from '@mui/icons-material/LightMode';
+
 export default function ColorSchemeToggle({
   onClick,
   sx,
@@ -51,8 +54,8 @@ export default function ColorSchemeToggle({
         ...(Array.isArray(sx) ? sx : [sx]),
       ]}
     >
-      <i data-feather="moon" />
-      <i data-feather="sun" />
+      <DarkModeRoundedIcon />
+      <LightModeIcon />
     </IconButton>
   );
 }
diff --git a/docs/data/joy/getting-started/templates/messages/components/FileIcon.tsx b/docs/data/joy/getting-started/templates/messages/components/FileIcon.tsx
deleted file mode 100644
index 80cef5505fc8d5..00000000000000
--- a/docs/data/joy/getting-started/templates/messages/components/FileIcon.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import * as React from 'react';
-import Sheet from '@mui/joy/Sheet';
-import { Box } from '@mui/joy';
-
-type FileIconProps = {
-  fileType: string;
-};
-
-export default function FileIcon({ fileType }: FileIconProps) {
-  return (
-    <Box position="relative" ml={1}>
-      <svg
-        width="32"
-        height="40"
-        viewBox="0 0 32 40"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        display="block"
-      >
-        <path
-          d="M0.75 4C0.75 2.20508 2.20508 0.75 4 0.75H20C20.1212 0.75 20.2375 0.798159 20.3232 0.883885L31.1161 11.6768C31.2018 11.7625 31.25 11.8788 31.25 12V36C31.25 37.7949 29.7949 39.25 28 39.25H4C2.20507 39.25 0.75 37.7949 0.75 36V4Z"
-          fill="white"
-          stroke="#D0D5DD"
-          strokeWidth="1.5"
-        />
-        <path
-          d="M20 0.5V8C20 10.2091 21.7909 12 24 12H31.5"
-          stroke="#D0D5DD"
-          strokeWidth="1.5"
-        />
-      </svg>
-
-      <Sheet
-        color="danger"
-        variant="solid"
-        sx={{
-          position: 'absolute',
-          bottom: 6,
-          left: -6,
-          py: 0.25,
-          px: 0.5,
-          borderRadius: 2,
-          lineHeight: 1,
-          fontSize: 10,
-          textTransform: 'uppercase',
-          fontWeight: 'xl',
-        }}
-      >
-        {fileType}
-      </Sheet>
-    </Box>
-  );
-}
diff --git a/docs/data/joy/getting-started/templates/messages/components/Header.tsx b/docs/data/joy/getting-started/templates/messages/components/Header.tsx
index 0b20c58bdfa931..9cae700a7495f4 100644
--- a/docs/data/joy/getting-started/templates/messages/components/Header.tsx
+++ b/docs/data/joy/getting-started/templates/messages/components/Header.tsx
@@ -2,24 +2,25 @@ import * as React from 'react';
 import GlobalStyles from '@mui/joy/GlobalStyles';
 import IconButton from '@mui/joy/IconButton';
 import Sheet from '@mui/joy/Sheet';
-import MuiLogo from './MuiLogo';
-import ColorSchemeToggle from './ColorSchemeToggle';
+import MenuRoundedIcon from '@mui/icons-material/MenuRounded';
 import { toggleSidebar } from '../utils';
 
 export default function Header() {
   return (
     <Sheet
       sx={{
-        display: { xs: 'flex', lg: 'none' },
+        display: { xs: 'flex', sm: 'none' },
         alignItems: 'center',
+        justifyContent: 'space-between',
         position: 'fixed',
         top: 0,
         width: '100vw',
         height: 'var(--Header-height)',
         zIndex: 9995,
-        py: 1,
-        px: 2,
+        p: 2,
         gap: 1,
+        borderBottom: '1px solid',
+        borderColor: 'background.level1',
         boxShadow: 'sm',
       }}
     >
@@ -39,10 +40,8 @@ export default function Header() {
         color="neutral"
         size="sm"
       >
-        <i data-feather="menu" />
+        <MenuRoundedIcon />
       </IconButton>
-      <MuiLogo variant="plain" sx={{ boxShadow: 'none', mr: 'auto' }} />
-      <ColorSchemeToggle id={undefined} />
     </Sheet>
   );
 }
diff --git a/docs/data/joy/getting-started/templates/messages/components/MessageInput.tsx b/docs/data/joy/getting-started/templates/messages/components/MessageInput.tsx
index 4ce002a663d9ca..468279d9a48568 100644
--- a/docs/data/joy/getting-started/templates/messages/components/MessageInput.tsx
+++ b/docs/data/joy/getting-started/templates/messages/components/MessageInput.tsx
@@ -5,6 +5,12 @@ import FormControl from '@mui/joy/FormControl';
 import Textarea from '@mui/joy/Textarea';
 import { IconButton, Stack } from '@mui/joy';
 
+import FormatBoldRoundedIcon from '@mui/icons-material/FormatBoldRounded';
+import FormatItalicRoundedIcon from '@mui/icons-material/FormatItalicRounded';
+import StrikethroughSRoundedIcon from '@mui/icons-material/StrikethroughSRounded';
+import FormatListBulletedRoundedIcon from '@mui/icons-material/FormatListBulletedRounded';
+import SendRoundedIcon from '@mui/icons-material/SendRounded';
+
 export type MessageInputProps = {
   textAreaValue: string;
   setTextAreaValue: (value: string) => void;
@@ -34,23 +40,44 @@ export default function MessageInput({
             setTextAreaValue(e.target.value);
           }}
           value={textAreaValue}
-          minRows={2}
+          minRows={3}
           maxRows={10}
           endDecorator={
             <Stack
               direction="row"
-              spacing={1}
-              justifyContent="flex-end"
+              justifyContent="space-between"
+              alignItems="center"
               flexGrow={1}
-              minHeight={40}
+              sx={{
+                py: 1,
+                pr: 1,
+                borderTop: '1px solid',
+                borderColor: 'divider',
+              }}
             >
-              <IconButton variant="plain" color="neutral">
-                <i data-feather="smile" />
-              </IconButton>
-              <IconButton variant="plain" color="neutral">
-                <i data-feather="more-horizontal" />
-              </IconButton>
-              <Button onClick={handleClick}>Send</Button>
+              <div>
+                <IconButton size="sm" variant="plain" color="neutral">
+                  <FormatBoldRoundedIcon />
+                </IconButton>
+                <IconButton size="sm" variant="plain" color="neutral">
+                  <FormatItalicRoundedIcon />
+                </IconButton>
+                <IconButton size="sm" variant="plain" color="neutral">
+                  <StrikethroughSRoundedIcon />
+                </IconButton>
+                <IconButton size="sm" variant="plain" color="neutral">
+                  <FormatListBulletedRoundedIcon />
+                </IconButton>
+              </div>
+              <Button
+                size="sm"
+                color="primary"
+                sx={{ alignSelf: 'center', borderRadius: 'sm' }}
+                endDecorator={<SendRoundedIcon />}
+                onClick={handleClick}
+              >
+                Send
+              </Button>
             </Stack>
           }
           onKeyDown={(event) => {
@@ -58,6 +85,11 @@ export default function MessageInput({
               handleClick();
             }
           }}
+          sx={{
+            '& textarea:first-of-type': {
+              minHeight: 72,
+            },
+          }}
         />
       </FormControl>
     </Box>
diff --git a/docs/data/joy/getting-started/templates/messages/components/MessagesPane.tsx b/docs/data/joy/getting-started/templates/messages/components/MessagesPane.tsx
index e2aa3912b14682..3912a03a7dfc73 100644
--- a/docs/data/joy/getting-started/templates/messages/components/MessagesPane.tsx
+++ b/docs/data/joy/getting-started/templates/messages/components/MessagesPane.tsx
@@ -26,6 +26,7 @@ export default function MessagesPane({ chat }: MessagesPaneProps) {
         height: { xs: 'calc(100dvh - var(--Header-height))', lg: '100dvh' },
         display: 'flex',
         flexDirection: 'column',
+        backgroundColor: 'background.level1',
       }}
     >
       <MessagesPaneHeader sender={chat.sender} />
@@ -36,7 +37,7 @@ export default function MessagesPane({ chat }: MessagesPaneProps) {
           flex: 1,
           minHeight: 0,
           px: 2,
-          py: 2.5,
+          py: 3,
           overflowY: 'scroll',
           flexDirection: 'column-reverse',
         }}
diff --git a/docs/data/joy/getting-started/templates/messages/components/MessagesPaneHeader.tsx b/docs/data/joy/getting-started/templates/messages/components/MessagesPaneHeader.tsx
index bfdbc02934c93c..5f38ebdf553229 100644
--- a/docs/data/joy/getting-started/templates/messages/components/MessagesPaneHeader.tsx
+++ b/docs/data/joy/getting-started/templates/messages/components/MessagesPaneHeader.tsx
@@ -6,6 +6,9 @@ import IconButton from '@mui/joy/IconButton';
 import Stack from '@mui/joy/Stack';
 import Typography from '@mui/joy/Typography';
 import CircleIcon from '@mui/icons-material/Circle';
+import ArrowBackIosNewRoundedIcon from '@mui/icons-material/ArrowBackIosNewRounded';
+import PhoneInTalkRoundedIcon from '@mui/icons-material/PhoneInTalkRounded';
+import MoreVertRoundedIcon from '@mui/icons-material/MoreVertRounded';
 import { UserProps } from '../types';
 import { toggleMessagesPane } from '../utils';
 
@@ -21,6 +24,7 @@ export default function MessagesPaneHeader({ sender }: MessagesPaneHeaderProps)
       sx={{
         borderBottom: '1px solid',
         borderColor: 'divider',
+        backgroundColor: 'background.body',
       }}
       py={{ xs: 2, md: 2 }}
       px={{ xs: 1, md: 2 }}
@@ -35,7 +39,7 @@ export default function MessagesPaneHeader({ sender }: MessagesPaneHeaderProps)
           }}
           onClick={() => toggleMessagesPane()}
         >
-          <i data-feather="chevron-left" />
+          <ArrowBackIosNewRoundedIcon />
         </IconButton>
         <Avatar size="lg" src={sender.avatar} />
         <div>
@@ -51,7 +55,7 @@ export default function MessagesPaneHeader({ sender }: MessagesPaneHeaderProps)
                   size="sm"
                   color="neutral"
                   sx={{
-                    '--Chip-radius': '6px',
+                    borderRadius: 'sm',
                   }}
                   startDecorator={
                     <CircleIcon sx={{ fontSize: 8 }} color="success" />
@@ -71,9 +75,10 @@ export default function MessagesPaneHeader({ sender }: MessagesPaneHeaderProps)
       </Stack>
       <Stack spacing={1} direction="row" alignItems="center">
         <Button
-          startDecorator={<i data-feather="phone-call" />}
+          startDecorator={<PhoneInTalkRoundedIcon />}
           color="neutral"
           variant="outlined"
+          size="sm"
           sx={{
             display: { xs: 'none', md: 'inline-flex' },
           }}
@@ -81,6 +86,9 @@ export default function MessagesPaneHeader({ sender }: MessagesPaneHeaderProps)
           Call
         </Button>
         <Button
+          color="neutral"
+          variant="outlined"
+          size="sm"
           sx={{
             display: { xs: 'none', md: 'inline-flex' },
           }}
@@ -88,8 +96,8 @@ export default function MessagesPaneHeader({ sender }: MessagesPaneHeaderProps)
           View profile
         </Button>
 
-        <IconButton variant="plain" color="neutral">
-          <i data-feather="more-vertical" />
+        <IconButton size="sm" variant="plain" color="neutral">
+          <MoreVertRoundedIcon />
         </IconButton>
       </Stack>
     </Stack>
diff --git a/docs/data/joy/getting-started/templates/messages/components/MyMessages.tsx b/docs/data/joy/getting-started/templates/messages/components/MyMessages.tsx
index b984a8e4dbf7e5..df6be848131a47 100644
--- a/docs/data/joy/getting-started/templates/messages/components/MyMessages.tsx
+++ b/docs/data/joy/getting-started/templates/messages/components/MyMessages.tsx
@@ -13,7 +13,7 @@ export default function MyProfile() {
         flex: 1,
         width: '100%',
         mx: 'auto',
-        pt: { xs: 'var(--Header-height)', lg: 0 },
+        pt: { xs: 'var(--Header-height)', sm: 0 },
         display: 'grid',
         gridTemplateColumns: {
           xs: '1fr',
diff --git a/docs/data/joy/getting-started/templates/messages/components/Sidebar.tsx b/docs/data/joy/getting-started/templates/messages/components/Sidebar.tsx
index 7b326bdf90ebe4..b87f727c1cb7d1 100644
--- a/docs/data/joy/getting-started/templates/messages/components/Sidebar.tsx
+++ b/docs/data/joy/getting-started/templates/messages/components/Sidebar.tsx
@@ -1,23 +1,70 @@
-/* eslint-disable jsx-a11y/anchor-is-valid */
 import * as React from 'react';
 import GlobalStyles from '@mui/joy/GlobalStyles';
+import Avatar from '@mui/joy/Avatar';
 import Box from '@mui/joy/Box';
+import Button from '@mui/joy/Button';
 import Card from '@mui/joy/Card';
+import Chip from '@mui/joy/Chip';
 import Divider from '@mui/joy/Divider';
 import IconButton from '@mui/joy/IconButton';
-import Link from '@mui/joy/Link';
+import Input from '@mui/joy/Input';
 import LinearProgress from '@mui/joy/LinearProgress';
 import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
-import ListItemButton from '@mui/joy/ListItemButton';
+import ListItemButton, { listItemButtonClasses } from '@mui/joy/ListItemButton';
 import ListItemContent from '@mui/joy/ListItemContent';
-import ListItemDecorator from '@mui/joy/ListItemDecorator';
 import Typography from '@mui/joy/Typography';
 import Sheet from '@mui/joy/Sheet';
-import MuiLogo from './MuiLogo';
+import Stack from '@mui/joy/Stack';
+import SearchRoundedIcon from '@mui/icons-material/SearchRounded';
+import HomeRoundedIcon from '@mui/icons-material/HomeRounded';
+import DashboardRoundedIcon from '@mui/icons-material/DashboardRounded';
+import CollectionsBookmarkRoundedIcon from '@mui/icons-material/CollectionsBookmarkRounded';
+import AssignmentRoundedIcon from '@mui/icons-material/AssignmentRounded';
+import QuestionAnswerRoundedIcon from '@mui/icons-material/QuestionAnswerRounded';
+import GroupRoundedIcon from '@mui/icons-material/GroupRounded';
+import SupportRoundedIcon from '@mui/icons-material/SupportRounded';
+import SettingsRoundedIcon from '@mui/icons-material/SettingsRounded';
+import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
+import LogoutRoundedIcon from '@mui/icons-material/LogoutRounded';
+import BadgeRoundedIcon from '@mui/icons-material/BadgeRounded';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+
 import ColorSchemeToggle from './ColorSchemeToggle';
 import { closeSidebar } from '../utils';
 
+function Toggler({
+  defaultExpanded = false,
+  renderToggle,
+  children,
+}: {
+  defaultExpanded?: boolean;
+  children: React.ReactNode;
+  renderToggle: (params: {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+  }) => React.ReactNode;
+}) {
+  const [open, setOpen] = React.useState(defaultExpanded);
+  return (
+    <React.Fragment>
+      {renderToggle({ open, setOpen })}
+      <Box
+        sx={{
+          display: 'grid',
+          gridTemplateRows: open ? '1fr' : '0fr',
+          transition: '0.2s ease',
+          '& > *': {
+            overflow: 'hidden',
+          },
+        }}
+      >
+        {children}
+      </Box>
+    </React.Fragment>
+  );
+}
+
 export default function Sidebar() {
   return (
     <Sheet
@@ -25,18 +72,18 @@ export default function Sidebar() {
       sx={{
         position: {
           xs: 'fixed',
-          lg: 'sticky',
+          md: 'sticky',
         },
         transform: {
           xs: 'translateX(calc(100% * (var(--SideNavigation-slideIn, 0) - 1)))',
-          lg: 'none',
+          md: 'none',
         },
         transition: 'transform 0.4s, width 0.4s',
         zIndex: 10000,
         height: '100dvh',
         width: 'var(--Sidebar-width)',
         top: 0,
-        px: 1.5,
+        p: 1.5,
         py: 2,
         flexShrink: 0,
         display: 'flex',
@@ -49,9 +96,9 @@ export default function Sidebar() {
       <GlobalStyles
         styles={(theme) => ({
           ':root': {
-            '--Sidebar-width': '224px',
+            '--Sidebar-width': '220px',
             [theme.breakpoints.up('lg')]: {
-              '--Sidebar-width': '256px',
+              '--Sidebar-width': '240px',
             },
           },
         })}
@@ -65,8 +112,8 @@ export default function Sidebar() {
           left: 0,
           width: '100vw',
           height: '100vh',
-
-          opacity: 'calc(var(--SideNavigation-slideIn, 0) - 0.2)',
+          opacity: 'var(--SideNavigation-slideIn)',
+          backgroundColor: 'var(--joy-palette-background-backdrop)',
           transition: 'opacity 0.4s',
           transform: {
             xs: 'translateX(calc(100% * (var(--SideNavigation-slideIn, 0) - 1) + var(--SideNavigation-slideIn, 0) * var(--Sidebar-width, 0px)))',
@@ -76,10 +123,13 @@ export default function Sidebar() {
         onClick={() => closeSidebar()}
       />
       <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
-        <MuiLogo />
-        <Typography fontWeight="xl">MUI</Typography>
+        <IconButton variant="soft" color="primary" size="sm">
+          <BadgeRoundedIcon />
+        </IconButton>
+        <Typography level="title-lg">Profiles</Typography>
         <ColorSchemeToggle sx={{ ml: 'auto' }} />
       </Box>
+      <Input size="sm" startDecorator={<SearchRoundedIcon />} placeholder="Search" />
       <Box
         sx={{
           minHeight: 0,
@@ -87,141 +137,182 @@ export default function Sidebar() {
           flexGrow: 1,
           display: 'flex',
           flexDirection: 'column',
+          [`& .${listItemButtonClasses.root}`]: {
+            gap: 1.5,
+          },
         }}
       >
         <List
+          size="sm"
           sx={{
-            '--ListItem-radius': '8px',
-            '--List-gap': '4px',
-            '--List-nestedInsetStart': '40px',
+            gap: 1,
+            '--List-nestedInsetStart': '30px',
+            '--ListItem-radius': (theme) => theme.vars.radius.sm,
           }}
         >
           <ListItem>
             <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="home" />
-              </ListItemDecorator>
-              <ListItemContent>Home</ListItemContent>
-              <i data-feather="chevron-down" />
+              <HomeRoundedIcon />
+              <ListItemContent>
+                <Typography level="title-sm">Home</Typography>
+              </ListItemContent>
             </ListItemButton>
           </ListItem>
+
           <ListItem>
             <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="bar-chart-2" />
-              </ListItemDecorator>
-              <ListItemContent>Dashboard</ListItemContent>
-              <i data-feather="chevron-down" />
+              <DashboardRoundedIcon />
+              <ListItemContent>
+                <Typography level="title-sm">Dashboard</Typography>
+              </ListItemContent>
             </ListItemButton>
           </ListItem>
+
           <ListItem>
             <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="layers" />
-              </ListItemDecorator>
-              <ListItemContent>Projects</ListItemContent>
-              <i data-feather="chevron-down" />
+              <CollectionsBookmarkRoundedIcon />
+              <ListItemContent>
+                <Typography level="title-sm">Projects</Typography>
+              </ListItemContent>
             </ListItemButton>
           </ListItem>
-          <ListItem>
-            <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="check-square" />
-              </ListItemDecorator>
-              <ListItemContent>Tasks</ListItemContent>
-              <i data-feather="chevron-down" />
-            </ListItemButton>
+
+          <ListItem nested>
+            <Toggler
+              renderToggle={({ open, setOpen }) => (
+                <ListItemButton onClick={() => setOpen(!open)}>
+                  <AssignmentRoundedIcon />
+                  <ListItemContent>
+                    <Typography level="title-sm">Tasks</Typography>
+                  </ListItemContent>
+                  <KeyboardArrowDownIcon
+                    sx={{ transform: open ? 'rotate(180deg)' : 'none' }}
+                  />
+                </ListItemButton>
+              )}
+            >
+              <List sx={{ gap: 0.5 }}>
+                <ListItem sx={{ mt: 0.5 }}>
+                  <ListItemButton>All tasks</ListItemButton>
+                </ListItem>
+                <ListItem>
+                  <ListItemButton>Backlog</ListItemButton>
+                </ListItem>
+                <ListItem>
+                  <ListItemButton>In progress</ListItemButton>
+                </ListItem>
+                <ListItem>
+                  <ListItemButton>Done</ListItemButton>
+                </ListItem>
+              </List>
+            </Toggler>
           </ListItem>
+
           <ListItem>
-            <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="flag" />
-              </ListItemDecorator>
-              <ListItemContent>Reporting</ListItemContent>
-              <i data-feather="chevron-down" />
+            <ListItemButton selected>
+              <QuestionAnswerRoundedIcon />
+              <ListItemContent>
+                <Typography level="title-sm">Messages</Typography>
+              </ListItemContent>
+              <Chip size="sm" color="primary" variant="solid">
+                4
+              </Chip>
             </ListItemButton>
           </ListItem>
+
           <ListItem nested>
-            <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="message-square" />
-              </ListItemDecorator>
-              <ListItemContent>Messages</ListItemContent>
-              <i data-feather="chevron-up" />
-            </ListItemButton>
-            <List>
-              <ListItem>
-                <ListItemButton selected color="primary">
-                  View all
+            <Toggler
+              renderToggle={({ open, setOpen }) => (
+                <ListItemButton onClick={() => setOpen(!open)}>
+                  <GroupRoundedIcon />
+                  <ListItemContent>
+                    <Typography level="title-sm">Users</Typography>
+                  </ListItemContent>
+                  <KeyboardArrowDownIcon
+                    sx={{ transform: open ? 'rotate(180deg)' : 'none' }}
+                  />
                 </ListItemButton>
-              </ListItem>
-              <ListItem>
-                <ListItemButton>Your team</ListItemButton>
-              </ListItem>
-              <ListItem>
-                <ListItemButton>Archived</ListItemButton>
-              </ListItem>
-            </List>
+              )}
+            >
+              <List sx={{ gap: 0.5 }}>
+                <ListItem sx={{ mt: 0.5 }}>
+                  <ListItemButton
+                    role="menuitem"
+                    component="a"
+                    href="/joy-ui/getting-started/templates/profile-dashboard/"
+                  >
+                    My profile
+                  </ListItemButton>
+                </ListItem>
+                <ListItem>
+                  <ListItemButton>Create a new user</ListItemButton>
+                </ListItem>
+                <ListItem>
+                  <ListItemButton>Roles & permission</ListItemButton>
+                </ListItem>
+              </List>
+            </Toggler>
           </ListItem>
         </List>
+
         <List
+          size="sm"
           sx={{
             mt: 'auto',
             flexGrow: 0,
-            '--ListItem-radius': '8px',
+            '--ListItem-radius': (theme) => theme.vars.radius.sm,
             '--List-gap': '8px',
+            mb: 2,
           }}
         >
           <ListItem>
             <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="life-buoy" />
-              </ListItemDecorator>
-              <ListItemContent>Supports</ListItemContent>
+              <SupportRoundedIcon />
+              Support
             </ListItemButton>
           </ListItem>
           <ListItem>
             <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="settings" />
-              </ListItemDecorator>
-              <ListItemContent>Settings</ListItemContent>
+              <SettingsRoundedIcon />
+              Settings
             </ListItemButton>
           </ListItem>
         </List>
         <Card
-          variant="soft"
-          color="primary"
           invertedColors
+          variant="soft"
+          color="warning"
+          size="sm"
           sx={{ boxShadow: 'none' }}
         >
-          <Typography fontSize="sm" fontWeight="lg" mb={0.5}>
-            Used space
-          </Typography>
+          <Stack direction="row" justifyContent="space-between" alignItems="center">
+            <Typography level="title-sm">Used space</Typography>
+            <IconButton size="sm">
+              <CloseRoundedIcon />
+            </IconButton>
+          </Stack>
           <Typography level="body-xs">
             Your team has used 80% of your available space. Need more?
           </Typography>
-          <LinearProgress value={80} determinate sx={{ my: 1.5 }} />
-          <Box sx={{ display: 'flex', gap: 2 }}>
-            <Link fontSize="sm" component="button" fontWeight="lg">
-              Upgrade plan
-            </Link>
-            <Link fontSize="sm" component="button">
-              Dismiss
-            </Link>
-          </Box>
+          <LinearProgress variant="outlined" value={80} determinate sx={{ my: 1 }} />
+          <Button size="sm" variant="solid">
+            Upgrade plan
+          </Button>
         </Card>
       </Box>
       <Divider />
       <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
+        <Avatar
+          variant="outlined"
+          size="sm"
+          src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=286"
+        />
         <Box sx={{ minWidth: 0, flex: 1 }}>
-          <Typography fontSize="sm" fontWeight="lg">
-            Steve E.
-          </Typography>
-          <Typography level="body-xs">@steveEberger</Typography>
+          <Typography level="title-sm">Siriwat K.</Typography>
+          <Typography level="body-xs">siriwatk@test.com</Typography>
         </Box>
-        <IconButton variant="plain" color="neutral">
-          <i data-feather="log-out" />
+        <IconButton size="sm" variant="plain" color="neutral">
+          <LogoutRoundedIcon />
         </IconButton>
       </Box>
     </Sheet>
diff --git a/docs/data/joy/getting-started/templates/messages/data.tsx b/docs/data/joy/getting-started/templates/messages/data.tsx
index d5f3da3ea9b7b0..cb804a68abc8a3 100644
--- a/docs/data/joy/getting-started/templates/messages/data.tsx
+++ b/docs/data/joy/getting-started/templates/messages/data.tsx
@@ -2,9 +2,9 @@ import { ChatProps, UserProps } from './types';
 
 export const users: UserProps[] = [
   {
-    name: 'Abel Boyle',
-    username: '@abel',
-    avatar: '/static/images/avatar/1.jpg',
+    name: 'Steve E.',
+    username: '@steveEberger',
+    avatar: '/static/images/avatar/2.jpg',
     online: true,
   },
   {
@@ -16,7 +16,7 @@ export const users: UserProps[] = [
   {
     name: 'Phoenix Baker',
     username: '@phoenix',
-    avatar: '/static/images/avatar/2.jpg',
+    avatar: '/static/images/avatar/1.jpg',
     online: true,
   },
   {
diff --git a/docs/data/joy/getting-started/templates/order-dashboard/App.tsx b/docs/data/joy/getting-started/templates/order-dashboard/App.tsx
index 45afc87d7319fe..480cf9fa1a626f 100644
--- a/docs/data/joy/getting-started/templates/order-dashboard/App.tsx
+++ b/docs/data/joy/getting-started/templates/order-dashboard/App.tsx
@@ -1,16 +1,21 @@
 import * as React from 'react';
 import { CssVarsProvider } from '@mui/joy/styles';
-import GlobalStyles from '@mui/joy/GlobalStyles';
 import CssBaseline from '@mui/joy/CssBaseline';
 import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Breadcrumbs from '@mui/joy/Breadcrumbs';
 import Link from '@mui/joy/Link';
 import Typography from '@mui/joy/Typography';
+// icons
+import HomeRoundedIcon from '@mui/icons-material/HomeRounded';
+import ChevronRightRoundedIcon from '@mui/icons-material/ChevronRightRounded';
+import DownloadRoundedIcon from '@mui/icons-material/DownloadRounded';
+
 import useScript from './useScript';
 import FirstSidebar from './components/FirstSidebar';
 import SecondSidebar from './components/SecondSidebar';
 import OrderTable from './components/OrderTable';
+import OrderList from './components/OrderList';
 import Header from './components/Header';
 import ColorSchemeToggle from './components/ColorSchemeToggle';
 
@@ -31,17 +36,6 @@ export default function JoyOrderDashboardTemplate() {
 
   return (
     <CssVarsProvider disableTransitionOnChange>
-      <GlobalStyles
-        styles={(theme) => ({
-          '[data-feather], .feather': {
-            color: `var(--Icon-color, ${theme.vars.palette.text.icon})`,
-            margin: 'var(--Icon-margin)',
-            fontSize: `var(--Icon-fontSize, ${theme.vars.fontSize.xl})`,
-            width: '1em',
-            height: '1em',
-          },
-        })}
-      />
       <CssBaseline />
       <Box sx={{ display: 'flex', minHeight: '100dvh' }}>
         <Header />
@@ -50,14 +44,14 @@ export default function JoyOrderDashboardTemplate() {
         <Box
           component="main"
           className="MainContent"
-          sx={(theme) => ({
+          sx={{
             px: {
               xs: 2,
               md: 6,
             },
             pt: {
-              xs: `calc(${theme.spacing(2)} + var(--Header-height))`,
-              sm: `calc(${theme.spacing(2)} + var(--Header-height))`,
+              xs: 'calc(12px + var(--Header-height))',
+              sm: 'calc(12px + var(--Header-height))',
               md: 3,
             },
             pb: {
@@ -71,39 +65,33 @@ export default function JoyOrderDashboardTemplate() {
             minWidth: 0,
             height: '100dvh',
             gap: 1,
-          })}
+          }}
         >
           <Box sx={{ display: 'flex', alignItems: 'center' }}>
             <Breadcrumbs
               size="sm"
               aria-label="breadcrumbs"
-              separator={<i data-feather="chevron-right" />}
-              sx={{
-                '--Breadcrumbs-gap': '1rem',
-                '--Icon-fontSize': '16px',
-                fontWeight: 'lg',
-                color: 'neutral.400',
-                px: 0,
-              }}
+              separator={<ChevronRightRoundedIcon fontSize="sm" />}
+              sx={{ pl: 0 }}
             >
               <Link
                 underline="none"
                 color="neutral"
-                fontSize="inherit"
                 href="#some-link"
                 aria-label="Home"
               >
-                <i data-feather="home" />
+                <HomeRoundedIcon />
               </Link>
               <Link
                 underline="hover"
                 color="neutral"
-                fontSize="inherit"
                 href="#some-link"
+                fontSize={12}
+                fontWeight={500}
               >
                 Dashboard
               </Link>
-              <Typography fontSize="inherit" variant="plain" color="primary">
+              <Typography color="primary" fontWeight={500} fontSize={12}>
                 Orders
               </Typography>
             </Breadcrumbs>
@@ -114,38 +102,25 @@ export default function JoyOrderDashboardTemplate() {
           <Box
             sx={{
               display: 'flex',
-              alignItems: 'center',
               my: 1,
               gap: 1,
+              flexDirection: { xs: 'column', sm: 'row' },
+              alignItems: { xs: 'start', sm: 'center' },
               flexWrap: 'wrap',
-              '& > *': {
-                minWidth: 'clamp(0px, (500px - 100%) * 999, 100%)',
-                flexGrow: 1,
-              },
+              justifyContent: 'space-between',
             }}
           >
-            <Typography level="h1" fontSize="xl4">
-              Orders
-            </Typography>
-            <Box sx={{ flex: 999 }} />
-            <Box sx={{ display: 'flex', gap: 1, '& > *': { flexGrow: 1 } }}>
-              <Button
-                variant="outlined"
-                color="neutral"
-                startDecorator={<i data-feather="download-cloud" />}
-              >
-                Download PDF
-              </Button>
-              <Button
-                variant="outlined"
-                color="neutral"
-                startDecorator={<i data-feather="table" />}
-              >
-                Download CSV
-              </Button>
-            </Box>
+            <Typography level="h2">Orders</Typography>
+            <Button
+              color="primary"
+              startDecorator={<DownloadRoundedIcon />}
+              size="sm"
+            >
+              Download PDF
+            </Button>
           </Box>
           <OrderTable />
+          <OrderList />
         </Box>
       </Box>
     </CssVarsProvider>
diff --git a/docs/data/joy/getting-started/templates/order-dashboard/components/ColorSchemeToggle.tsx b/docs/data/joy/getting-started/templates/order-dashboard/components/ColorSchemeToggle.tsx
index bf7ced628afe5c..9c9726f32f394c 100644
--- a/docs/data/joy/getting-started/templates/order-dashboard/components/ColorSchemeToggle.tsx
+++ b/docs/data/joy/getting-started/templates/order-dashboard/components/ColorSchemeToggle.tsx
@@ -2,6 +2,9 @@ import * as React from 'react';
 import { useColorScheme } from '@mui/joy/styles';
 import IconButton, { IconButtonProps } from '@mui/joy/IconButton';
 
+import DarkModeRoundedIcon from '@mui/icons-material/DarkModeRounded';
+import LightModeIcon from '@mui/icons-material/LightMode';
+
 export default function ColorSchemeToggle({
   onClick,
   sx,
@@ -51,8 +54,8 @@ export default function ColorSchemeToggle({
         ...(Array.isArray(sx) ? sx : [sx]),
       ]}
     >
-      <i data-feather="moon" />
-      <i data-feather="sun" />
+      <DarkModeRoundedIcon />
+      <LightModeIcon />
     </IconButton>
   );
 }
diff --git a/docs/data/joy/getting-started/templates/order-dashboard/components/FirstSidebar.tsx b/docs/data/joy/getting-started/templates/order-dashboard/components/FirstSidebar.tsx
index 4b7564f2ef7d7d..20b86b46ed90b6 100644
--- a/docs/data/joy/getting-started/templates/order-dashboard/components/FirstSidebar.tsx
+++ b/docs/data/joy/getting-started/templates/order-dashboard/components/FirstSidebar.tsx
@@ -6,6 +6,13 @@ import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
 import ListItemButton from '@mui/joy/ListItemButton';
 import Sheet from '@mui/joy/Sheet';
+// icons
+import HomeRoundedIcon from '@mui/icons-material/HomeRounded';
+import DashboardRoundedIcon from '@mui/icons-material/DashboardRounded';
+import DynamicFeedRoundedIcon from '@mui/icons-material/DynamicFeedRounded';
+import SettingsRoundedIcon from '@mui/icons-material/SettingsRounded';
+import SupportRoundedIcon from '@mui/icons-material/SupportRounded';
+
 import MuiLogo from './MuiLogo';
 import { openSidebar } from '../utils';
 
@@ -13,9 +20,6 @@ export default function FirstSidebar() {
   return (
     <Sheet
       className="FirstSidebar"
-      variant="plain"
-      color="neutral"
-      invertedColors
       sx={{
         position: {
           xs: 'fixed',
@@ -30,13 +34,12 @@ export default function FirstSidebar() {
         height: '100dvh',
         width: 'var(--FirstSidebar-width)',
         top: 0,
-        p: 1.5,
-        py: 3,
+        p: 2,
         flexShrink: 0,
         display: 'flex',
         flexDirection: 'column',
         alignItems: 'center',
-        gap: 2,
+        gap: 1,
         borderRight: '1px solid',
         borderColor: 'divider',
       }}
@@ -49,40 +52,20 @@ export default function FirstSidebar() {
         }}
       />
       <MuiLogo />
-      <List sx={{ '--ListItem-radius': '8px', '--List-gap': '12px' }}>
+      <List size="sm" sx={{ '--ListItem-radius': '6px', '--List-gap': '8px' }}>
         <ListItem>
           <ListItemButton>
-            <i data-feather="home" />
-          </ListItemButton>
-        </ListItem>
-        <ListItem>
-          <ListItemButton
-            selected
-            variant="solid"
-            color="primary"
-            onClick={() => openSidebar()}
-          >
-            <i data-feather="bar-chart-2" />
+            <HomeRoundedIcon />
           </ListItemButton>
         </ListItem>
         <ListItem>
-          <ListItemButton onClick={() => openSidebar()}>
-            <i data-feather="layers" />
-          </ListItemButton>
-        </ListItem>
-        <ListItem>
-          <ListItemButton onClick={() => openSidebar()}>
-            <i data-feather="check-square" />
-          </ListItemButton>
-        </ListItem>
-        <ListItem>
-          <ListItemButton onClick={() => openSidebar()}>
-            <i data-feather="flag" />
+          <ListItemButton selected variant="soft" onClick={() => openSidebar()}>
+            <DashboardRoundedIcon />
           </ListItemButton>
         </ListItem>
         <ListItem>
           <ListItemButton onClick={() => openSidebar()}>
-            <i data-feather="users" />
+            <DynamicFeedRoundedIcon />
           </ListItemButton>
         </ListItem>
       </List>
@@ -91,22 +74,22 @@ export default function FirstSidebar() {
           mt: 'auto',
           flexGrow: 0,
           '--ListItem-radius': '8px',
-          '--List-gap': '8px',
+          '--List-gap': '4px',
         }}
       >
         <ListItem>
           <ListItemButton>
-            <i data-feather="life-buoy" />
+            <SupportRoundedIcon />
           </ListItemButton>
         </ListItem>
         <ListItem>
           <ListItemButton>
-            <i data-feather="settings" />
+            <SettingsRoundedIcon />
           </ListItemButton>
         </ListItem>
       </List>
       <Divider />
-      <Avatar variant="outlined" src="/static/images/avatar/3.jpg" />
+      <Avatar variant="outlined" size="sm" src="/static/images/avatar/3.jpg" />
     </Sheet>
   );
 }
diff --git a/docs/data/joy/getting-started/templates/order-dashboard/components/Header.tsx b/docs/data/joy/getting-started/templates/order-dashboard/components/Header.tsx
index 746e72e993fe86..d2804b1daac6b7 100644
--- a/docs/data/joy/getting-started/templates/order-dashboard/components/Header.tsx
+++ b/docs/data/joy/getting-started/templates/order-dashboard/components/Header.tsx
@@ -1,8 +1,9 @@
 import * as React from 'react';
 import GlobalStyles from '@mui/joy/GlobalStyles';
-import IconButton from '@mui/joy/IconButton';
 import Sheet from '@mui/joy/Sheet';
-import MuiLogo from './MuiLogo';
+import IconButton from '@mui/joy/IconButton';
+import MenuIcon from '@mui/icons-material/Menu';
+
 import ColorSchemeToggle from './ColorSchemeToggle';
 import { toggleSidebar } from '../utils';
 
@@ -12,14 +13,16 @@ export default function Header() {
       sx={{
         display: { xs: 'flex', md: 'none' },
         alignItems: 'center',
+        justifyContent: 'space-between',
         position: 'fixed',
         top: 0,
         width: '100vw',
         height: 'var(--Header-height)',
         zIndex: 9995,
-        py: 1,
-        px: 2,
+        p: 2,
         gap: 1,
+        borderBottom: '1px solid',
+        borderColor: 'background.level1',
         boxShadow: 'sm',
       }}
     >
@@ -39,9 +42,8 @@ export default function Header() {
         color="neutral"
         size="sm"
       >
-        <i data-feather="menu" />
+        <MenuIcon />
       </IconButton>
-      <MuiLogo variant="plain" sx={{ boxShadow: 'none', mr: 'auto' }} />
       <ColorSchemeToggle id={undefined} />
     </Sheet>
   );
diff --git a/docs/data/joy/getting-started/templates/order-dashboard/components/MuiLogo.tsx b/docs/data/joy/getting-started/templates/order-dashboard/components/MuiLogo.tsx
index fb03654416ad45..bc5deec202ba9c 100644
--- a/docs/data/joy/getting-started/templates/order-dashboard/components/MuiLogo.tsx
+++ b/docs/data/joy/getting-started/templates/order-dashboard/components/MuiLogo.tsx
@@ -10,7 +10,6 @@ export default function MuiLogo({ sx, ...props }: AspectRatioProps) {
       sx={[
         {
           width: 36,
-          borderRadius: 'sm',
         },
         ...(Array.isArray(sx) ? sx : [sx]),
       ]}
diff --git a/docs/data/joy/getting-started/templates/order-dashboard/components/OrderList.tsx b/docs/data/joy/getting-started/templates/order-dashboard/components/OrderList.tsx
new file mode 100644
index 00000000000000..0daf7b0e09d943
--- /dev/null
+++ b/docs/data/joy/getting-started/templates/order-dashboard/components/OrderList.tsx
@@ -0,0 +1,211 @@
+/* eslint-disable jsx-a11y/anchor-is-valid */
+import * as React from 'react';
+import { ColorPaletteProp } from '@mui/joy/styles';
+import Box from '@mui/joy/Box';
+import Avatar from '@mui/joy/Avatar';
+import Chip from '@mui/joy/Chip';
+import Link from '@mui/joy/Link';
+import Divider from '@mui/joy/Divider';
+import IconButton from '@mui/joy/IconButton';
+import Typography from '@mui/joy/Typography';
+import List from '@mui/joy/List';
+import ListItem from '@mui/joy/ListItem';
+import ListItemContent from '@mui/joy/ListItemContent';
+import ListItemDecorator from '@mui/joy/ListItemDecorator';
+import ListDivider from '@mui/joy/ListDivider';
+import Menu from '@mui/joy/Menu';
+import MenuButton from '@mui/joy/MenuButton';
+import MenuItem from '@mui/joy/MenuItem';
+import Dropdown from '@mui/joy/Dropdown';
+// icons
+import MoreHorizRoundedIcon from '@mui/icons-material/MoreHorizRounded';
+import CheckRoundedIcon from '@mui/icons-material/CheckRounded';
+import BlockIcon from '@mui/icons-material/Block';
+import AutorenewRoundedIcon from '@mui/icons-material/AutorenewRounded';
+import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+import KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';
+
+const listItems = [
+  {
+    id: 'INV-1234',
+    date: 'Feb 3, 2023',
+    status: 'Refunded',
+    customer: {
+      initial: 'O',
+      name: 'Olivia Ryhe',
+      email: 'olivia@email.com',
+    },
+  },
+  {
+    id: 'INV-1233',
+    date: 'Feb 3, 2023',
+    status: 'Paid',
+    customer: {
+      initial: 'S',
+      name: 'Steve Hampton',
+      email: 'steve.hamp@email.com',
+    },
+  },
+  {
+    id: 'INV-1232',
+    date: 'Feb 3, 2023',
+    status: 'Refunded',
+    customer: {
+      initial: 'C',
+      name: 'Ciaran Murray',
+      email: 'ciaran.murray@email.com',
+    },
+  },
+  {
+    id: 'INV-1231',
+    date: 'Feb 3, 2023',
+    status: 'Refunded',
+    customer: {
+      initial: 'M',
+      name: 'Maria Macdonald',
+      email: 'maria.mc@email.com',
+    },
+  },
+  {
+    id: 'INV-1230',
+    date: 'Feb 3, 2023',
+    status: 'Cancelled',
+    customer: {
+      initial: 'C',
+      name: 'Charles Fulton',
+      email: 'fulton@email.com',
+    },
+  },
+  {
+    id: 'INV-1229',
+    date: 'Feb 3, 2023',
+    status: 'Cancelled',
+    customer: {
+      initial: 'J',
+      name: 'Jay Hooper',
+      email: 'hooper@email.com',
+    },
+  },
+];
+
+function RowMenu() {
+  return (
+    <Dropdown>
+      <MenuButton
+        slots={{ root: IconButton }}
+        slotProps={{ root: { variant: 'plain', color: 'neutral', size: 'sm' } }}
+      >
+        <MoreHorizRoundedIcon />
+      </MenuButton>
+      <Menu size="sm" sx={{ minWidth: 140 }}>
+        <MenuItem>Edit</MenuItem>
+        <MenuItem>Rename</MenuItem>
+        <MenuItem>Move</MenuItem>
+        <Divider />
+        <MenuItem color="danger">Delete</MenuItem>
+      </Menu>
+    </Dropdown>
+  );
+}
+
+export default function OrderList() {
+  return (
+    <Box sx={{ display: { xs: 'block', sm: 'none' } }}>
+      {listItems.map((listItem) => (
+        <List
+          key={listItem.id}
+          size="sm"
+          sx={{
+            '--ListItem-paddingX': 0,
+          }}
+        >
+          <ListItem
+            sx={{
+              display: 'flex',
+              justifyContent: 'space-between',
+              alignItems: 'start',
+            }}
+          >
+            <ListItemContent sx={{ display: 'flex', gap: 2, alignItems: 'start' }}>
+              <ListItemDecorator>
+                <Avatar size="sm">{listItem.customer.initial}</Avatar>
+              </ListItemDecorator>
+              <div>
+                <Typography fontWeight={600} gutterBottom>
+                  {listItem.customer.name}
+                </Typography>
+                <Typography level="body-xs" gutterBottom>
+                  {listItem.customer.email}
+                </Typography>
+                <Box
+                  sx={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    gap: 0.5,
+                    mb: 1,
+                  }}
+                >
+                  <Typography level="body-xs">{listItem.date}</Typography>
+                  <Typography level="body-xs">&bull;</Typography>
+                  <Typography level="body-xs">{listItem.id}</Typography>
+                </Box>
+                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1 }}>
+                  <Link level="body-sm" component="button">
+                    Download
+                  </Link>
+                  <RowMenu />
+                </Box>
+              </div>
+            </ListItemContent>
+            <Chip
+              variant="soft"
+              size="sm"
+              startDecorator={
+                {
+                  Paid: <CheckRoundedIcon />,
+                  Refunded: <AutorenewRoundedIcon />,
+                  Cancelled: <BlockIcon />,
+                }[listItem.status]
+              }
+              color={
+                {
+                  Paid: 'success',
+                  Refunded: 'neutral',
+                  Cancelled: 'danger',
+                }[listItem.status] as ColorPaletteProp
+              }
+            >
+              {listItem.status}
+            </Chip>
+          </ListItem>
+          <ListDivider />
+        </List>
+      ))}
+      <Box
+        className="Pagination-mobile"
+        sx={{ display: { xs: 'flex', md: 'none' }, alignItems: 'center', py: 2 }}
+      >
+        <IconButton
+          aria-label="previous page"
+          variant="outlined"
+          color="neutral"
+          size="sm"
+        >
+          <KeyboardArrowLeftIcon />
+        </IconButton>
+        <Typography level="body-sm" mx="auto">
+          Page 1 of 10
+        </Typography>
+        <IconButton
+          aria-label="next page"
+          variant="outlined"
+          color="neutral"
+          size="sm"
+        >
+          <KeyboardArrowRightIcon />
+        </IconButton>
+      </Box>
+    </Box>
+  );
+}
diff --git a/docs/data/joy/getting-started/templates/order-dashboard/components/OrderTable.tsx b/docs/data/joy/getting-started/templates/order-dashboard/components/OrderTable.tsx
index f3ad0e4fd2d204..87a7147fedccf8 100644
--- a/docs/data/joy/getting-started/templates/order-dashboard/components/OrderTable.tsx
+++ b/docs/data/joy/getting-started/templates/order-dashboard/components/OrderTable.tsx
@@ -20,18 +20,31 @@ import Sheet from '@mui/joy/Sheet';
 import Checkbox from '@mui/joy/Checkbox';
 import IconButton, { iconButtonClasses } from '@mui/joy/IconButton';
 import Typography from '@mui/joy/Typography';
+import Menu from '@mui/joy/Menu';
+import MenuButton from '@mui/joy/MenuButton';
+import MenuItem from '@mui/joy/MenuItem';
+import Dropdown from '@mui/joy/Dropdown';
+// icons
+import FilterAltIcon from '@mui/icons-material/FilterAlt';
+import SearchIcon from '@mui/icons-material/Search';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import CheckRoundedIcon from '@mui/icons-material/CheckRounded';
+import BlockIcon from '@mui/icons-material/Block';
+import AutorenewRoundedIcon from '@mui/icons-material/AutorenewRounded';
+import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+import KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';
+import MoreHorizRoundedIcon from '@mui/icons-material/MoreHorizRounded';
 
 const rows = [
   {
     id: 'INV-1234',
     date: 'Feb 3, 2023',
-    status: 'Paid',
+    status: 'Refunded',
     customer: {
       initial: 'O',
       name: 'Olivia Ryhe',
       email: 'olivia@email.com',
     },
-    subscription: 'Yearly',
   },
   {
     id: 'INV-1233',
@@ -42,7 +55,96 @@ const rows = [
       name: 'Steve Hampton',
       email: 'steve.hamp@email.com',
     },
-    subscription: 'Monthly',
+  },
+  {
+    id: 'INV-1232',
+    date: 'Feb 3, 2023',
+    status: 'Refunded',
+    customer: {
+      initial: 'C',
+      name: 'Ciaran Murray',
+      email: 'ciaran.murray@email.com',
+    },
+  },
+  {
+    id: 'INV-1231',
+    date: 'Feb 3, 2023',
+    status: 'Refunded',
+    customer: {
+      initial: 'M',
+      name: 'Maria Macdonald',
+      email: 'maria.mc@email.com',
+    },
+  },
+  {
+    id: 'INV-1230',
+    date: 'Feb 3, 2023',
+    status: 'Cancelled',
+    customer: {
+      initial: 'C',
+      name: 'Charles Fulton',
+      email: 'fulton@email.com',
+    },
+  },
+  {
+    id: 'INV-1229',
+    date: 'Feb 3, 2023',
+    status: 'Cancelled',
+    customer: {
+      initial: 'J',
+      name: 'Jay Hooper',
+      email: 'hooper@email.com',
+    },
+  },
+  {
+    id: 'INV-1228',
+    date: 'Feb 3, 2023',
+    status: 'Refunded',
+    customer: {
+      initial: 'K',
+      name: 'Krystal Stevens',
+      email: 'k.stevens@email.com',
+    },
+  },
+  {
+    id: 'INV-1227',
+    date: 'Feb 3, 2023',
+    status: 'Paid',
+    customer: {
+      initial: 'S',
+      name: 'Sachin Flynn',
+      email: 's.flyn@email.com',
+    },
+  },
+  {
+    id: 'INV-1226',
+    date: 'Feb 3, 2023',
+    status: 'Cancelled',
+    customer: {
+      initial: 'B',
+      name: 'Bradley Rosales',
+      email: 'brad123@email.com',
+    },
+  },
+  {
+    id: 'INV-1234',
+    date: 'Feb 3, 2023',
+    status: 'Paid',
+    customer: {
+      initial: 'O',
+      name: 'Olivia Ryhe',
+      email: 'olivia@email.com',
+    },
+  },
+  {
+    id: 'INV-1233',
+    date: 'Feb 3, 2023',
+    status: 'Cancelled',
+    customer: {
+      initial: 'S',
+      name: 'Steve Hampton',
+      email: 'steve.hamp@email.com',
+    },
   },
   {
     id: 'INV-1232',
@@ -53,7 +155,6 @@ const rows = [
       name: 'Ciaran Murray',
       email: 'ciaran.murray@email.com',
     },
-    subscription: 'Yearly',
   },
   {
     id: 'INV-1231',
@@ -64,7 +165,6 @@ const rows = [
       name: 'Maria Macdonald',
       email: 'maria.mc@email.com',
     },
-    subscription: 'Yearly',
   },
   {
     id: 'INV-1230',
@@ -75,7 +175,6 @@ const rows = [
       name: 'Charles Fulton',
       email: 'fulton@email.com',
     },
-    subscription: 'Yearly',
   },
   {
     id: 'INV-1229',
@@ -86,7 +185,6 @@ const rows = [
       name: 'Jay Hooper',
       email: 'hooper@email.com',
     },
-    subscription: 'Yearly',
   },
   {
     id: 'INV-1228',
@@ -97,7 +195,6 @@ const rows = [
       name: 'Krystal Stevens',
       email: 'k.stevens@email.com',
     },
-    subscription: 'Monthly',
   },
   {
     id: 'INV-1227',
@@ -108,7 +205,6 @@ const rows = [
       name: 'Sachin Flynn',
       email: 's.flyn@email.com',
     },
-    subscription: 'Monthly',
   },
   {
     id: 'INV-1226',
@@ -119,7 +215,6 @@ const rows = [
       name: 'Bradley Rosales',
       email: 'brad123@email.com',
     },
-    subscription: 'Monthly',
   },
 ];
 
@@ -163,6 +258,26 @@ function stableSort<T>(array: readonly T[], comparator: (a: T, b: T) => number)
   return stabilizedThis.map((el) => el[0]);
 }
 
+function RowMenu() {
+  return (
+    <Dropdown>
+      <MenuButton
+        slots={{ root: IconButton }}
+        slotProps={{ root: { variant: 'plain', color: 'neutral', size: 'sm' } }}
+      >
+        <MoreHorizRoundedIcon />
+      </MenuButton>
+      <Menu size="sm" sx={{ minWidth: 140 }}>
+        <MenuItem>Edit</MenuItem>
+        <MenuItem>Rename</MenuItem>
+        <MenuItem>Move</MenuItem>
+        <Divider />
+        <MenuItem color="danger">Delete</MenuItem>
+      </Menu>
+    </Dropdown>
+  );
+}
+
 export default function OrderTable() {
   const [order, setOrder] = React.useState<Order>('desc');
   const [selected, setSelected] = React.useState<readonly string[]>([]);
@@ -172,7 +287,7 @@ export default function OrderTable() {
       <FormControl size="sm">
         <FormLabel>Status</FormLabel>
         <Select
-          size="md"
+          size="sm"
           placeholder="Filter by status"
           slotProps={{ button: { sx: { whiteSpace: 'nowrap' } } }}
         >
@@ -185,15 +300,24 @@ export default function OrderTable() {
 
       <FormControl size="sm">
         <FormLabel>Category</FormLabel>
-        <Select size="md" placeholder="All">
+        <Select size="sm" placeholder="All">
           <Option value="all">All</Option>
+          <Option value="refund">Refund</Option>
+          <Option value="purchase">Purchase</Option>
+          <Option value="debit">Debit</Option>
         </Select>
       </FormControl>
 
       <FormControl size="sm">
         <FormLabel>Customer</FormLabel>
-        <Select size="md" placeholder="All">
+        <Select size="sm" placeholder="All">
           <Option value="all">All</Option>
+          <Option value="olivia">Olivia Rhye</Option>
+          <Option value="steve">Steve Hampton</Option>
+          <Option value="ciaran">Ciaran Murray</Option>
+          <Option value="marina">Marina Macdonald</Option>
+          <Option value="charles">Charles Fulton</Option>
+          <Option value="jay">Jay Hoper</Option>
         </Select>
       </FormControl>
     </React.Fragment>
@@ -212,9 +336,9 @@ export default function OrderTable() {
         }}
       >
         <Input
-          size="md"
+          size="sm"
           placeholder="Search"
-          startDecorator={<i data-feather="search" />}
+          startDecorator={<SearchIcon />}
           sx={{ flexGrow: 1 }}
         />
         <IconButton
@@ -223,7 +347,7 @@ export default function OrderTable() {
           color="neutral"
           onClick={() => setOpen(true)}
         >
-          <i data-feather="filter" />
+          <FilterAltIcon />
         </IconButton>
         <Modal open={open} onClose={() => setOpen(false)}>
           <ModalDialog aria-labelledby="filter-modal" layout="fullscreen">
@@ -262,22 +386,18 @@ export default function OrderTable() {
       >
         <FormControl sx={{ flex: 1 }} size="sm">
           <FormLabel>Search for order</FormLabel>
-          <Input
-            size="md"
-            placeholder="Search"
-            startDecorator={<i data-feather="search" />}
-          />
+          <Input size="sm" placeholder="Search" startDecorator={<SearchIcon />} />
         </FormControl>
-
         {renderFilters()}
       </Box>
       <Sheet
         className="OrderTableContainer"
         variant="outlined"
         sx={{
+          display: { xs: 'none', sm: 'initial' },
           width: '100%',
-          borderRadius: 'md',
-          flex: 1,
+          borderRadius: 'sm',
+          flexShrink: 1,
           overflow: 'auto',
           minHeight: 0,
         }}
@@ -287,18 +407,18 @@ export default function OrderTable() {
           stickyHeader
           hoverRow
           sx={{
-            '--TableCell-headBackground': (theme) =>
-              theme.vars.palette.background.level1,
+            '--TableCell-headBackground': 'var(--joy-palette-background-level1)',
             '--Table-headerUnderlineThickness': '1px',
-            '--TableRow-hoverBackground': (theme) =>
-              theme.vars.palette.background.level1,
-            '--TableCell-paddingY': '12px',
+            '--TableRow-hoverBackground': 'var(--joy-palette-background-level1)',
+            '--TableCell-paddingY': '4px',
+            '--TableCell-paddingX': '8px',
           }}
         >
           <thead>
             <tr>
-              <th style={{ width: 48, textAlign: 'center', padding: 12 }}>
+              <th style={{ width: 48, textAlign: 'center', padding: '12px 6px' }}>
                 <Checkbox
+                  size="sm"
                   indeterminate={
                     selected.length > 0 && selected.length !== rows.length
                   }
@@ -316,14 +436,14 @@ export default function OrderTable() {
                   sx={{ verticalAlign: 'text-bottom' }}
                 />
               </th>
-              <th style={{ width: 140, padding: 12 }}>
+              <th style={{ width: 120, padding: '12px 6px' }}>
                 <Link
                   underline="none"
                   color="primary"
                   component="button"
                   onClick={() => setOrder(order === 'asc' ? 'desc' : 'asc')}
                   fontWeight="lg"
-                  endDecorator={<i data-feather="arrow-down" />}
+                  endDecorator={<ArrowDropDownIcon />}
                   sx={{
                     '& svg': {
                       transition: '0.2s',
@@ -335,18 +455,18 @@ export default function OrderTable() {
                   Invoice
                 </Link>
               </th>
-              <th style={{ width: 120, padding: 12 }}>Date</th>
-              <th style={{ width: 120, padding: 12 }}>Status</th>
-              <th style={{ width: 220, padding: 12 }}>Customer</th>
-              <th style={{ width: 120, padding: 12 }}>Subscription</th>
-              <th style={{ width: 160, padding: 12 }}> </th>
+              <th style={{ width: 140, padding: '12px 6px' }}>Date</th>
+              <th style={{ width: 140, padding: '12px 6px' }}>Status</th>
+              <th style={{ width: 240, padding: '12px 6px' }}>Customer</th>
+              <th style={{ width: 140, padding: '12px 6px' }}> </th>
             </tr>
           </thead>
           <tbody>
             {stableSort(rows, getComparator(order, 'id')).map((row) => (
               <tr key={row.id}>
-                <td style={{ textAlign: 'center' }}>
+                <td style={{ textAlign: 'center', width: 120 }}>
                   <Checkbox
+                    size="sm"
                     checked={selected.includes(row.id)}
                     color={selected.includes(row.id) ? 'primary' : undefined}
                     onChange={(event) => {
@@ -361,18 +481,20 @@ export default function OrderTable() {
                   />
                 </td>
                 <td>
-                  <Typography fontWeight="md">{row.id}</Typography>
+                  <Typography level="body-xs">{row.id}</Typography>
+                </td>
+                <td>
+                  <Typography level="body-xs">{row.date}</Typography>
                 </td>
-                <td>{row.date}</td>
                 <td>
                   <Chip
                     variant="soft"
                     size="sm"
                     startDecorator={
                       {
-                        Paid: <i data-feather="check" />,
-                        Refunded: <i data-feather="corner-up-left" />,
-                        Cancelled: <i data-feather="x" />,
+                        Paid: <CheckRoundedIcon />,
+                        Refunded: <AutorenewRoundedIcon />,
+                        Cancelled: <BlockIcon />,
                       }[row.status]
                     }
                     color={
@@ -390,67 +512,28 @@ export default function OrderTable() {
                   <Box sx={{ display: 'flex', gap: 2, alignItems: 'center' }}>
                     <Avatar size="sm">{row.customer.initial}</Avatar>
                     <div>
-                      <Typography
-                        fontWeight="lg"
-                        level="body-xs"
-                        textColor="text.primary"
-                        lineHeight="md"
-                      >
-                        {row.customer.name}
-                      </Typography>
-                      <Typography level="body-xs" lineHeight="md">
-                        {row.customer.email}
-                      </Typography>
+                      <Typography level="body-xs">{row.customer.name}</Typography>
+                      <Typography level="body-xs">{row.customer.email}</Typography>
                     </div>
                   </Box>
                 </td>
-                <td>{row.subscription}</td>
                 <td>
-                  <Link fontWeight="lg" component="button" color="neutral">
-                    Archive
-                  </Link>
-                  <Link
-                    fontWeight="lg"
-                    component="button"
-                    color="primary"
-                    sx={{ ml: 2 }}
-                  >
-                    Download
-                  </Link>
+                  <Box sx={{ display: 'flex', gap: 2, alignItems: 'center' }}>
+                    <Link level="body-xs" component="button">
+                      Download
+                    </Link>
+                    <RowMenu />
+                  </Box>
                 </td>
               </tr>
             ))}
           </tbody>
         </Table>
       </Sheet>
-      <Box
-        className="Pagination-mobile"
-        sx={{ display: { xs: 'flex', md: 'none' }, alignItems: 'center' }}
-      >
-        <IconButton
-          aria-label="previous page"
-          variant="outlined"
-          color="neutral"
-          size="sm"
-        >
-          <i data-feather="arrow-left" />
-        </IconButton>
-        <Typography level="body-sm" mx="auto">
-          Page 1 of 10
-        </Typography>
-        <IconButton
-          aria-label="next page"
-          variant="outlined"
-          color="neutral"
-          size="sm"
-        >
-          <i data-feather="arrow-right" />
-        </IconButton>
-      </Box>
       <Box
         className="Pagination-laptopUp"
         sx={{
-          pt: 4,
+          pt: 2,
           gap: 1,
           [`& .${iconButtonClasses.root}`]: { borderRadius: '50%' },
           display: {
@@ -461,9 +544,9 @@ export default function OrderTable() {
       >
         <Button
           size="sm"
-          variant="plain"
+          variant="outlined"
           color="neutral"
-          startDecorator={<i data-feather="arrow-left" />}
+          startDecorator={<KeyboardArrowLeftIcon />}
         >
           Previous
         </Button>
@@ -483,9 +566,9 @@ export default function OrderTable() {
 
         <Button
           size="sm"
-          variant="plain"
+          variant="outlined"
           color="neutral"
-          endDecorator={<i data-feather="arrow-right" />}
+          endDecorator={<KeyboardArrowRightIcon />}
         >
           Next
         </Button>
diff --git a/docs/data/joy/getting-started/templates/order-dashboard/components/SecondSidebar.tsx b/docs/data/joy/getting-started/templates/order-dashboard/components/SecondSidebar.tsx
index 03d63b18d1dad1..5e72e1e900c805 100644
--- a/docs/data/joy/getting-started/templates/order-dashboard/components/SecondSidebar.tsx
+++ b/docs/data/joy/getting-started/templates/order-dashboard/components/SecondSidebar.tsx
@@ -1,15 +1,23 @@
 import * as React from 'react';
 import Box from '@mui/joy/Box';
-import Chip from '@mui/joy/Chip';
+import Sheet from '@mui/joy/Sheet';
 import List from '@mui/joy/List';
 import ListSubheader from '@mui/joy/ListSubheader';
 import ListItem from '@mui/joy/ListItem';
 import ListItemContent from '@mui/joy/ListItemContent';
 import ListItemDecorator from '@mui/joy/ListItemDecorator';
 import ListItemButton from '@mui/joy/ListItemButton';
-import IconButton from '@mui/joy/IconButton';
-import Typography from '@mui/joy/Typography';
-import Sheet from '@mui/joy/Sheet';
+// icons
+import BubbleChartIcon from '@mui/icons-material/BubbleChart';
+import InsertChartIcon from '@mui/icons-material/InsertChart';
+import StarsIcon from '@mui/icons-material/Stars';
+import ShoppingCartIcon from '@mui/icons-material/ShoppingCart';
+import AccountBoxIcon from '@mui/icons-material/AccountBox';
+import PeopleRoundedIcon from '@mui/icons-material/PeopleRounded';
+import BadgeRoundedIcon from '@mui/icons-material/BadgeRounded';
+import CreditCardRoundedIcon from '@mui/icons-material/CreditCardRounded';
+import AnalyticsRoundedIcon from '@mui/icons-material/AnalyticsRounded';
+
 import { closeSidebar } from '../utils';
 
 export default function SecondSidebar() {
@@ -24,6 +32,7 @@ export default function SecondSidebar() {
           left: 0,
           width: '100vw',
           height: '100vh',
+          opacity: 'var(--SideNavigation-slideIn)',
           backgroundColor: 'var(--joy-palette-background-backdrop)',
           transition: 'opacity 0.4s',
           transform: {
@@ -35,6 +44,7 @@ export default function SecondSidebar() {
       />
       <Sheet
         className="SecondSidebar"
+        color="neutral"
         sx={{
           position: {
             xs: 'fixed',
@@ -44,34 +54,33 @@ export default function SecondSidebar() {
             xs: 'translateX(calc(100% * (var(--SideNavigation-slideIn, 0) - 1) + var(--SideNavigation-slideIn, 0) * var(--FirstSidebar-width, 0px)))',
             lg: 'none',
           },
-          borderRight: '1px solid',
-          borderColor: 'divider',
           transition: 'transform 0.4s',
           zIndex: 9999,
           height: '100dvh',
           top: 0,
           p: 2,
-          py: 3,
           flexShrink: 0,
           display: 'flex',
           flexDirection: 'column',
           gap: 2,
+          borderRight: '1px solid',
+          borderColor: 'divider',
         }}
       >
         <List
+          size="sm"
           sx={{
-            '--ListItem-radius': '8px',
-            '--ListItem-minHeight': '32px',
-            '--List-gap': '4px',
+            '--ListItem-radius': '6px',
+            '--List-gap': '6px',
           }}
         >
-          <ListSubheader role="presentation" sx={{ color: 'text.primary' }}>
+          <ListSubheader role="presentation" sx={{ fontWeight: 'lg' }}>
             Dashboard
           </ListSubheader>
           <ListItem>
             <ListItemButton onClick={() => closeSidebar()}>
               <ListItemDecorator>
-                <i data-feather="activity" />
+                <BubbleChartIcon />
               </ListItemDecorator>
               <ListItemContent>Overview</ListItemContent>
             </ListItemButton>
@@ -79,66 +88,71 @@ export default function SecondSidebar() {
           <ListItem>
             <ListItemButton onClick={() => closeSidebar()}>
               <ListItemDecorator>
-                <i data-feather="bell" />
+                <InsertChartIcon />
               </ListItemDecorator>
-              <ListItemContent>Notification</ListItemContent>
-              <Chip variant="soft" size="sm">
-                10
-              </Chip>
+              <ListItemContent>Analytics</ListItemContent>
             </ListItemButton>
           </ListItem>
           <ListItem>
-            <ListItemButton onClick={() => closeSidebar()}>
+            <ListItemButton selected>
               <ListItemDecorator>
-                <i data-feather="bar-chart" />
+                <ShoppingCartIcon />
               </ListItemDecorator>
-              <ListItemContent>Analytics</ListItemContent>
+              <ListItemContent>Orders</ListItemContent>
             </ListItemButton>
           </ListItem>
           <ListItem>
             <ListItemButton onClick={() => closeSidebar()}>
               <ListItemDecorator>
-                <i data-feather="star" />
+                <StarsIcon />
               </ListItemDecorator>
               <ListItemContent>Saved reports</ListItemContent>
             </ListItemButton>
           </ListItem>
           <ListItem>
-            <ListItemButton selected>
+            <ListItemButton onClick={() => closeSidebar()}>
               <ListItemDecorator>
-                <i data-feather="shopping-cart" />
+                <AccountBoxIcon />
               </ListItemDecorator>
-              <ListItemContent>Orders</ListItemContent>
+              <ListItemContent>User reports</ListItemContent>
             </ListItemButton>
           </ListItem>
+          <ListSubheader role="presentation" sx={{ fontWeight: 700, mt: 2 }}>
+            Workspace
+          </ListSubheader>
           <ListItem>
             <ListItemButton onClick={() => closeSidebar()}>
               <ListItemDecorator>
-                <i data-feather="user" />
+                <PeopleRoundedIcon />
               </ListItemDecorator>
-              <ListItemContent>User reports</ListItemContent>
+              <ListItemContent>Groups</ListItemContent>
+            </ListItemButton>
+          </ListItem>
+          <ListItem>
+            <ListItemButton onClick={() => closeSidebar()}>
+              <ListItemDecorator>
+                <BadgeRoundedIcon />
+              </ListItemDecorator>
+              <ListItemContent>Authentication</ListItemContent>
             </ListItemButton>
           </ListItem>
           <ListItem>
             <ListItemButton onClick={() => closeSidebar()}>
               <ListItemDecorator>
-                <i data-feather="settings" />
+                <CreditCardRoundedIcon />
               </ListItemDecorator>
-              <ListItemContent>Manage notifications</ListItemContent>
+              <ListItemContent>Billing</ListItemContent>
+            </ListItemButton>
+          </ListItem>
+          <ListItem>
+            <ListItemButton onClick={() => closeSidebar()}>
+              <ListItemDecorator>
+                <AnalyticsRoundedIcon />
+              </ListItemDecorator>
+              <ListItemContent>Analytics</ListItemContent>
             </ListItemButton>
           </ListItem>
         </List>
-        <Box sx={{ pl: 1, mt: 'auto', display: 'flex', alignItems: 'center' }}>
-          <div>
-            <Typography fontWeight="lg" level="body-sm">
-              Olivia Ryhe
-            </Typography>
-            <Typography level="body-sm">olivia@email.com</Typography>
-          </div>
-          <IconButton variant="plain" sx={{ ml: 'auto' }}>
-            <i data-feather="log-out" />
-          </IconButton>
-        </Box>
       </Sheet>
     </React.Fragment>
   );
diff --git a/docs/data/joy/getting-started/templates/profile-dashboard/App.tsx b/docs/data/joy/getting-started/templates/profile-dashboard/App.tsx
index 5fd4e480cf58c0..2f1ce23d28b844 100644
--- a/docs/data/joy/getting-started/templates/profile-dashboard/App.tsx
+++ b/docs/data/joy/getting-started/templates/profile-dashboard/App.tsx
@@ -1,58 +1,26 @@
 import * as React from 'react';
 import { CssVarsProvider } from '@mui/joy/styles';
-import GlobalStyles from '@mui/joy/GlobalStyles';
 import CssBaseline from '@mui/joy/CssBaseline';
 import Box from '@mui/joy/Box';
-import useScript from './useScript';
 import Sidebar from './components/Sidebar';
 import Header from './components/Header';
 import MyProfile from './components/MyProfile';
 
-const useEnhancedEffect =
-  typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-
 export default function JoyOrderDashboardTemplate() {
-  const status = useScript(`https://unpkg.com/feather-icons`);
-
-  useEnhancedEffect(() => {
-    // Feather icon setup: https://github.com/feathericons/feather#4-replace
-    // @ts-ignore
-    if (typeof feather !== 'undefined') {
-      // @ts-ignore
-      feather.replace();
-    }
-  }, [status]);
-
   return (
     <CssVarsProvider disableTransitionOnChange>
-      <GlobalStyles
-        styles={(theme) => ({
-          '[data-feather], .feather': {
-            color: `var(--Icon-color, ${theme.vars.palette.text.icon})`,
-            margin: 'var(--Icon-margin)',
-            fontSize: `var(--Icon-fontSize, ${theme.vars.fontSize.xl})`,
-            width: '1em',
-            height: '1em',
-          },
-        })}
-      />
       <CssBaseline />
       <Box sx={{ display: 'flex', minHeight: '100dvh' }}>
-        <Header />
         <Sidebar />
+        <Header />
         <Box
           component="main"
           className="MainContent"
-          sx={(theme) => ({
-            '--main-paddingTop': {
-              xs: `calc(${theme.spacing(2)} + var(--Header-height, 0px))`,
-              md: '32px',
-            },
-            px: {
-              xs: 2,
+          sx={{
+            pt: {
+              xs: 'calc(12px + var(--Header-height))',
               md: 3,
             },
-            pt: 'var(--main-paddingTop)',
             pb: {
               xs: 2,
               sm: 2,
@@ -65,7 +33,7 @@ export default function JoyOrderDashboardTemplate() {
             height: '100dvh',
             gap: 1,
             overflow: 'auto',
-          })}
+          }}
         >
           <MyProfile />
         </Box>
diff --git a/docs/data/joy/getting-started/templates/profile-dashboard/components/ColorSchemeToggle.tsx b/docs/data/joy/getting-started/templates/profile-dashboard/components/ColorSchemeToggle.tsx
index 073e9e37b0c5c7..d1b512bb8a123b 100644
--- a/docs/data/joy/getting-started/templates/profile-dashboard/components/ColorSchemeToggle.tsx
+++ b/docs/data/joy/getting-started/templates/profile-dashboard/components/ColorSchemeToggle.tsx
@@ -2,6 +2,9 @@ import * as React from 'react';
 import { useColorScheme } from '@mui/joy/styles';
 import IconButton, { IconButtonProps } from '@mui/joy/IconButton';
 
+import DarkModeRoundedIcon from '@mui/icons-material/DarkModeRounded';
+import LightModeIcon from '@mui/icons-material/LightMode';
+
 export default function ColorSchemeToggle({
   onClick,
   sx,
@@ -51,8 +54,8 @@ export default function ColorSchemeToggle({
         ...(Array.isArray(sx) ? sx : [sx]),
       ]}
     >
-      <i data-feather="moon" />
-      <i data-feather="sun" />
+      <DarkModeRoundedIcon />
+      <LightModeIcon />
     </IconButton>
   );
 }
diff --git a/docs/data/joy/getting-started/templates/profile-dashboard/components/CountrySelector.tsx b/docs/data/joy/getting-started/templates/profile-dashboard/components/CountrySelector.tsx
index c55a76bc6f1eb0..b2040cf7bf2455 100644
--- a/docs/data/joy/getting-started/templates/profile-dashboard/components/CountrySelector.tsx
+++ b/docs/data/joy/getting-started/templates/profile-dashboard/components/CountrySelector.tsx
@@ -15,6 +15,7 @@ export default function ContrySelector({ sx, ...props }: FormControlProps) {
     >
       <FormLabel>Country</FormLabel>
       <Autocomplete
+        size="sm"
         autoHighlight
         isOptionEqualToValue={(option, value) => option.code === value.code}
         defaultValue={{ code: 'TH', label: 'Thailand', phone: '66' }}
@@ -26,8 +27,8 @@ export default function ContrySelector({ sx, ...props }: FormControlProps) {
                 <img
                   loading="lazy"
                   width="20"
-                  src={`https://flagcdn.com/w20/${option.code.toLowerCase()}.png`}
                   srcSet={`https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`}
+                  src={`https://flagcdn.com/w20/${option.code.toLowerCase()}.png`}
                   alt=""
                 />
               </AspectRatio>
diff --git a/docs/data/joy/getting-started/templates/profile-dashboard/components/DropZone.tsx b/docs/data/joy/getting-started/templates/profile-dashboard/components/DropZone.tsx
index b08ee630ebe9c5..d04990e770b3d6 100644
--- a/docs/data/joy/getting-started/templates/profile-dashboard/components/DropZone.tsx
+++ b/docs/data/joy/getting-started/templates/profile-dashboard/components/DropZone.tsx
@@ -1,14 +1,22 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Card, { CardProps } from '@mui/joy/Card';
 import Link from '@mui/joy/Link';
 import Typography from '@mui/joy/Typography';
+import AspectRatio from '@mui/joy/AspectRatio';
 
-export default function DropZone({ sx, ...props }: CardProps) {
+import FileUploadRoundedIcon from '@mui/icons-material/FileUploadRounded';
+
+export default function DropZone({
+  icon,
+  sx,
+  ...props
+}: CardProps & {
+  icon?: React.ReactElement;
+}) {
   return (
     <Card
-      variant="outlined"
+      variant="soft"
       {...props}
       sx={[
         {
@@ -19,25 +27,24 @@ export default function DropZone({ sx, ...props }: CardProps) {
           alignItems: 'center',
           px: 3,
           flexGrow: 1,
+          boxShadow: 'none',
         },
         ...(Array.isArray(sx) ? sx : [sx]),
       ]}
     >
-      <Box sx={{ p: 1, bgcolor: 'background.level1', borderRadius: '50%' }}>
-        <Box
-          sx={{
-            width: 32,
-            height: 32,
-            borderRadius: '50%',
-            bgcolor: 'background.level2',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-          }}
-        >
-          <i data-feather="upload-cloud" />
-        </Box>
-      </Box>
+      <AspectRatio
+        ratio="1"
+        variant="solid"
+        color="primary"
+        sx={{
+          minWidth: 32,
+          borderRadius: '50%',
+          '--Icon-fontSize': '16px',
+        }}
+      >
+        <div>{icon ?? <FileUploadRoundedIcon />}</div>
+      </AspectRatio>
+
       <Typography level="body-sm" textAlign="center">
         <Link component="button" overlay>
           Click to upload
diff --git a/docs/data/joy/getting-started/templates/profile-dashboard/components/EditorToolbar.tsx b/docs/data/joy/getting-started/templates/profile-dashboard/components/EditorToolbar.tsx
index 69d9f489923f9d..bd916e6fa70b5c 100644
--- a/docs/data/joy/getting-started/templates/profile-dashboard/components/EditorToolbar.tsx
+++ b/docs/data/joy/getting-started/templates/profile-dashboard/components/EditorToolbar.tsx
@@ -5,6 +5,11 @@ import Select from '@mui/joy/Select';
 import Option from '@mui/joy/Option';
 import IconButton from '@mui/joy/IconButton';
 
+import FormatBoldRoundedIcon from '@mui/icons-material/FormatBoldRounded';
+import FormatItalicRoundedIcon from '@mui/icons-material/FormatItalicRounded';
+import StrikethroughSRoundedIcon from '@mui/icons-material/StrikethroughSRounded';
+import FormatListBulletedRoundedIcon from '@mui/icons-material/FormatListBulletedRounded';
+
 export default function EditorToolbar({ sx, ...props }: BoxProps) {
   return (
     <Box
@@ -14,23 +19,23 @@ export default function EditorToolbar({ sx, ...props }: BoxProps) {
         ...(Array.isArray(sx) ? sx : [sx]),
       ]}
     >
-      <Select defaultValue="1" sx={{ minWidth: 160 }}>
+      <Select size="sm" defaultValue="1" sx={{ minWidth: 160 }}>
         <Option value="1">Normal text</Option>
         <Option value="2" sx={{ fontFamily: 'code' }}>
           Code text
         </Option>
       </Select>
-      <IconButton variant="plain" color="neutral">
-        <i data-feather="bold" />
+      <IconButton size="sm" variant="plain" color="neutral">
+        <FormatBoldRoundedIcon />
       </IconButton>
-      <IconButton variant="plain" color="neutral">
-        <i data-feather="italic" />
+      <IconButton size="sm" variant="plain" color="neutral">
+        <FormatItalicRoundedIcon />
       </IconButton>
-      <IconButton variant="plain" color="neutral">
-        <i data-feather="link-2" />
+      <IconButton size="sm" variant="plain" color="neutral">
+        <StrikethroughSRoundedIcon />
       </IconButton>
-      <IconButton variant="plain" color="neutral">
-        <i data-feather="list" />
+      <IconButton size="sm" variant="plain" color="neutral">
+        <FormatListBulletedRoundedIcon />
       </IconButton>
     </Box>
   );
diff --git a/docs/data/joy/getting-started/templates/profile-dashboard/components/FileUpload.tsx b/docs/data/joy/getting-started/templates/profile-dashboard/components/FileUpload.tsx
index 7f50326288d249..ad9ae6f4c0a891 100644
--- a/docs/data/joy/getting-started/templates/profile-dashboard/components/FileUpload.tsx
+++ b/docs/data/joy/getting-started/templates/profile-dashboard/components/FileUpload.tsx
@@ -7,6 +7,10 @@ import IconButton from '@mui/joy/IconButton';
 import LinearProgress from '@mui/joy/LinearProgress';
 import Typography from '@mui/joy/Typography';
 
+import InsertDriveFileRoundedIcon from '@mui/icons-material/InsertDriveFileRounded';
+import CheckRoundedIcon from '@mui/icons-material/CheckRounded';
+import RemoveCircleOutlineRoundedIcon from '@mui/icons-material/RemoveCircleOutlineRounded';
+
 export default function FileUpload({
   icon,
   fileName,
@@ -29,9 +33,6 @@ export default function FileUpload({
         {
           gap: 1.5,
           alignItems: 'flex-start',
-          ...(progress >= 100 && {
-            borderColor: 'primary.500',
-          }),
         },
         ...(Array.isArray(sx) ? sx : [sx]),
       ]}
@@ -39,24 +40,30 @@ export default function FileUpload({
       <AspectRatio
         ratio="1"
         variant="soft"
-        color="primary"
+        color="neutral"
         sx={{
           minWidth: 32,
           borderRadius: '50%',
           '--Icon-fontSize': '16px',
         }}
       >
-        <div>{icon ?? <i data-feather="file" />}</div>
+        <div>{icon ?? <InsertDriveFileRoundedIcon />}</div>
       </AspectRatio>
       <CardContent>
         <Typography fontSize="sm">{fileName}</Typography>
         <Typography level="body-xs">{fileSize}</Typography>
         <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
           <LinearProgress
+            color="neutral"
             value={progress}
             determinate
-            variant="plain"
-            sx={{ bgcolor: 'neutral.softBg' }}
+            sx={[
+              {
+                ...(progress >= 100 && {
+                  color: 'var(--joy-palette-success-solidBg)',
+                }),
+              },
+            ]}
           />
           <Typography fontSize="xs">{progress}%</Typography>
         </Box>
@@ -65,7 +72,7 @@ export default function FileUpload({
         <AspectRatio
           ratio="1"
           variant="solid"
-          color="primary"
+          color="success"
           sx={{
             minWidth: 20,
             borderRadius: '50%',
@@ -73,17 +80,12 @@ export default function FileUpload({
           }}
         >
           <div>
-            <i data-feather="check" />
+            <CheckRoundedIcon />
           </div>
         </AspectRatio>
       ) : (
-        <IconButton
-          variant="plain"
-          color="neutral"
-          size="sm"
-          sx={{ mt: -1, mr: -1 }}
-        >
-          <i data-feather="trash-2" />
+        <IconButton variant="plain" color="danger" size="sm" sx={{ mt: -1, mr: -1 }}>
+          <RemoveCircleOutlineRoundedIcon />
         </IconButton>
       )}
     </Card>
diff --git a/docs/data/joy/getting-started/templates/profile-dashboard/components/Header.tsx b/docs/data/joy/getting-started/templates/profile-dashboard/components/Header.tsx
index 746e72e993fe86..e77c937ca54480 100644
--- a/docs/data/joy/getting-started/templates/profile-dashboard/components/Header.tsx
+++ b/docs/data/joy/getting-started/templates/profile-dashboard/components/Header.tsx
@@ -2,8 +2,7 @@ import * as React from 'react';
 import GlobalStyles from '@mui/joy/GlobalStyles';
 import IconButton from '@mui/joy/IconButton';
 import Sheet from '@mui/joy/Sheet';
-import MuiLogo from './MuiLogo';
-import ColorSchemeToggle from './ColorSchemeToggle';
+import MenuRoundedIcon from '@mui/icons-material/MenuRounded';
 import { toggleSidebar } from '../utils';
 
 export default function Header() {
@@ -12,14 +11,16 @@ export default function Header() {
       sx={{
         display: { xs: 'flex', md: 'none' },
         alignItems: 'center',
+        justifyContent: 'space-between',
         position: 'fixed',
         top: 0,
         width: '100vw',
         height: 'var(--Header-height)',
-        zIndex: 9995,
-        py: 1,
-        px: 2,
+        zIndex: 9998,
+        p: 2,
         gap: 1,
+        borderBottom: '1px solid',
+        borderColor: 'background.level1',
         boxShadow: 'sm',
       }}
     >
@@ -39,10 +40,8 @@ export default function Header() {
         color="neutral"
         size="sm"
       >
-        <i data-feather="menu" />
+        <MenuRoundedIcon />
       </IconButton>
-      <MuiLogo variant="plain" sx={{ boxShadow: 'none', mr: 'auto' }} />
-      <ColorSchemeToggle id={undefined} />
     </Sheet>
   );
 }
diff --git a/docs/data/joy/getting-started/templates/profile-dashboard/components/MyProfile.tsx b/docs/data/joy/getting-started/templates/profile-dashboard/components/MyProfile.tsx
index c70fe12dd8170e..d0dc35646e2b36 100644
--- a/docs/data/joy/getting-started/templates/profile-dashboard/components/MyProfile.tsx
+++ b/docs/data/joy/getting-started/templates/profile-dashboard/components/MyProfile.tsx
@@ -1,13 +1,13 @@
 import * as React from 'react';
-import Avatar from '@mui/joy/Avatar';
+import AspectRatio from '@mui/joy/AspectRatio';
 import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
-import Chip, { chipClasses } from '@mui/joy/Chip';
 import Divider from '@mui/joy/Divider';
 import FormControl from '@mui/joy/FormControl';
 import FormLabel from '@mui/joy/FormLabel';
 import FormHelperText from '@mui/joy/FormHelperText';
 import Input from '@mui/joy/Input';
+import IconButton from '@mui/joy/IconButton';
 import Textarea from '@mui/joy/Textarea';
 import Stack from '@mui/joy/Stack';
 import Select from '@mui/joy/Select';
@@ -16,6 +16,20 @@ import Typography from '@mui/joy/Typography';
 import Tabs from '@mui/joy/Tabs';
 import TabList from '@mui/joy/TabList';
 import Tab, { tabClasses } from '@mui/joy/Tab';
+import Breadcrumbs from '@mui/joy/Breadcrumbs';
+import Link from '@mui/joy/Link';
+import Card from '@mui/joy/Card';
+import CardActions from '@mui/joy/CardActions';
+import CardOverflow from '@mui/joy/CardOverflow';
+
+import HomeRoundedIcon from '@mui/icons-material/HomeRounded';
+import ChevronRightRoundedIcon from '@mui/icons-material/ChevronRightRounded';
+import EmailRoundedIcon from '@mui/icons-material/EmailRounded';
+import AccessTimeFilledRoundedIcon from '@mui/icons-material/AccessTimeFilledRounded';
+import VideocamRoundedIcon from '@mui/icons-material/VideocamRounded';
+import InsertDriveFileRoundedIcon from '@mui/icons-material/InsertDriveFileRounded';
+import EditRoundedIcon from '@mui/icons-material/EditRounded';
+
 import DropZone from './DropZone';
 import FileUpload from './FileUpload';
 import CountrySelector from './CountrySelector';
@@ -26,213 +40,350 @@ export default function MyProfile() {
     <Box
       sx={{
         flex: 1,
-        maxWidth: 1200,
         width: '100%',
-        mx: 'auto',
       }}
     >
-      <Typography level="h1" fontSize="xl2" sx={{ mb: 1 }}>
-        My profile
-      </Typography>
-      <Tabs defaultValue={0} sx={{ bgcolor: 'transparent' }}>
+      <Box
+        sx={{
+          position: 'sticky',
+          top: {
+            sm: -100,
+            md: -110,
+          },
+          bgcolor: 'background.body',
+          zIndex: 9995,
+        }}
+      >
         <Box
           sx={{
-            '--_shadow-height': '16px',
-            height: 0,
-            position: 'sticky',
-            top: 'calc(48px - var(--main-paddingTop, 0px) + var(--Header-height, 0px) - (var(--_shadow-height) / 2))',
-            zIndex: 1,
-            '&::before': {
-              content: '""',
-              display: 'block',
-              position: 'relative',
-              zIndex: 1,
-              height: 'var(--_shadow-height)',
-              background:
-                'radial-gradient(closest-side, rgba(0 0 0 / 0.12), transparent 100%)',
+            px: {
+              xs: 2,
+              md: 6,
             },
           }}
-        />
-        <TabList
-          sticky="top"
-          variant="plain"
-          sx={(theme) => ({
-            '--Chip-minHeight': '20px',
-            '--ListItem-minHeight': '48px',
-            top: 'calc(-1 * (var(--main-paddingTop, 0px) - var(--Header-height, 0px)))',
-            zIndex: 10,
-            width: '100%',
-            overflow: 'auto hidden',
-            alignSelf: 'flex-start',
-            scrollSnapType: 'inline',
-            '&::after': {
-              pointerEvents: 'none',
-              display: { xs: 'block', sm: 'none' },
-              content: '""',
-              position: 'sticky',
-              top: 0,
-              width: 40,
-              flex: 'none',
-              zIndex: 1,
-              right: 0,
-              borderBottom: '1px solid transparent',
-              background: `linear-gradient(to left, ${theme.vars.palette.background.body}, rgb(0 0 0 / 0))`,
-              backgroundClip: 'content-box',
-            },
-            '&::-webkit-scrollbar': {
-              width: 0,
-              display: 'none',
-            },
-            [`& .${tabClasses.root}`]: {
-              '--focus-outline-offset': '-2px',
-              '&:first-of-type': {
-                ml: 'calc(-1 * var(--ListItem-paddingX))',
-              },
-              scrollSnapAlign: 'start',
-              bgcolor: 'transparent',
-              flex: 'none',
-              '&:hover': {
-                bgcolor: 'transparent',
-              },
-              [`&.${tabClasses.selected}`]: {
-                color: 'primary.plainColor',
-                bgcolor: 'transparent',
-                [`& .${chipClasses.root}`]: theme.variants.solid.primary,
-              },
-            },
-          })}
         >
-          <Tab indicatorInset value={0}>
-            Account settings
-          </Tab>
-          <Tab indicatorInset value={1}>
-            Team{' '}
-            <Chip size="sm" variant="soft" color="neutral" sx={{ ml: 1 }}>
-              2
-            </Chip>
-          </Tab>
-          <Tab indicatorInset value={2}>
-            Plan
-          </Tab>
-          <Tab indicatorInset value={3}>
-            Billing{' '}
-            <Chip size="sm" variant="soft" color="neutral" sx={{ ml: 1 }}>
-              4
-            </Chip>
-          </Tab>
-          <Tab indicatorInset value={4}>
-            Notifications
-          </Tab>
-          <Tab indicatorInset value={5}>
-            Integrations
-          </Tab>
-          <Tab indicatorInset value={6}>
-            API
-          </Tab>
-        </TabList>
-        <Box
+          <Breadcrumbs
+            size="sm"
+            aria-label="breadcrumbs"
+            separator={<ChevronRightRoundedIcon fontSize="sm" />}
+            sx={{ pl: 0 }}
+          >
+            <Link
+              underline="none"
+              color="neutral"
+              href="#some-link"
+              aria-label="Home"
+            >
+              <HomeRoundedIcon />
+            </Link>
+            <Link
+              underline="hover"
+              color="neutral"
+              href="#some-link"
+              fontSize={12}
+              fontWeight={500}
+            >
+              Users
+            </Link>
+            <Typography color="primary" fontWeight={500} fontSize={12}>
+              My profile
+            </Typography>
+          </Breadcrumbs>
+          <Typography
+            level="h2"
+            sx={{
+              mt: 1,
+              mb: 2,
+            }}
+          >
+            My profile
+          </Typography>
+        </Box>
+        <Tabs
+          defaultValue={0}
           sx={{
-            pt: 3,
-            pb: 10,
-            display: 'grid',
-            gridTemplateColumns: {
-              xs: '100%',
-              sm: 'minmax(120px, 30%) 1fr',
-              lg: '280px 1fr minmax(120px, 208px)',
-            },
-            columnGap: { xs: 2, sm: 3, md: 4 },
-            rowGap: { xs: 2, sm: 2.5 },
-            '& > hr': {
-              gridColumn: '1/-1',
-            },
+            bgcolor: 'transparent',
           }}
         >
-          <FormLabel sx={{ display: { xs: 'none', sm: 'block' } }}>Name</FormLabel>
-          <Box sx={{ display: { xs: 'contents', sm: 'flex' }, gap: 2 }}>
-            <FormControl sx={{ flex: 1 }}>
-              <FormLabel sx={{ display: { sm: 'none' } }}>First name</FormLabel>
-              <Input placeholder="first name" defaultValue="Siriwat" />
-            </FormControl>
-            <FormControl sx={{ flex: 1 }}>
-              <FormLabel sx={{ display: { sm: 'none' } }}>Last name</FormLabel>
-              <Input placeholder="last name" defaultValue="K." />
-            </FormControl>
-          </Box>
-
-          <Divider role="presentation" />
-
-          <FormControl sx={{ display: { sm: 'contents' } }}>
-            <FormLabel>Email</FormLabel>
-            <Input
-              type="email"
-              startDecorator={<i data-feather="mail" />}
-              placeholder="email"
-              defaultValue="siriwatk@test.com"
-            />
-          </FormControl>
-
-          <Divider role="presentation" />
-
-          <Box>
-            <FormLabel>Your photo</FormLabel>
-            <FormHelperText>This will be displayed on your profile.</FormHelperText>
-          </Box>
-          <Box
+          <TabList
+            tabFlex={1}
+            size="sm"
             sx={{
-              display: 'flex',
-              alignItems: 'flex-start',
-              flexWrap: 'wrap',
-              gap: 2.5,
+              pl: {
+                xs: 0,
+                md: 4,
+              },
+              justifyContent: 'left',
+              [`&& .${tabClasses.root}`]: {
+                flex: 'initial',
+                bgcolor: 'transparent',
+                [`&.${tabClasses.selected}`]: {
+                  fontWeight: '600',
+                  '&::after': {
+                    height: '2px',
+                    bgcolor: 'primary.500',
+                  },
+                },
+              },
             }}
           >
-            <Avatar
-              size="lg"
-              src="/static/images/avatar/1.jpg"
-              sx={{ '--Avatar-size': '64px' }}
-            />
-            <DropZone />
-          </Box>
-
-          <Divider role="presentation" />
-
-          <FormControl sx={{ display: { sm: 'contents' } }}>
-            <FormLabel>Role</FormLabel>
-            <Input defaultValue="UI Developer" />
-          </FormControl>
-
-          <Divider role="presentation" />
-
-          <CountrySelector />
-
-          <Divider role="presentation" />
+            <Tab sx={{ borderRadius: '6px 6px 0 0' }} indicatorInset value={0}>
+              Settings
+            </Tab>
+            <Tab sx={{ borderRadius: '6px 6px 0 0' }} indicatorInset value={1}>
+              Team
+            </Tab>
+            <Tab sx={{ borderRadius: '6px 6px 0 0' }} indicatorInset value={2}>
+              Plan
+            </Tab>
+            <Tab sx={{ borderRadius: '6px 6px 0 0' }} indicatorInset value={3}>
+              Billing
+            </Tab>
+          </TabList>
+        </Tabs>
+      </Box>
 
-          <FormControl sx={{ display: { sm: 'contents' } }}>
-            <FormLabel>Timezone</FormLabel>
-            <Select startDecorator={<i data-feather="clock" />} defaultValue="1">
-              <Option value="1">
-                Indochina Time (Bangkok){' '}
-                <Typography textColor="text.tertiary" ml={0.5}>
-                  — GMT+07:00
-                </Typography>
-              </Option>
-              <Option value="2">
-                Indochina Time (Ho Chi Minh City){' '}
-                <Typography textColor="text.tertiary" ml={0.5}>
-                  — GMT+07:00
-                </Typography>
-              </Option>
-            </Select>
-          </FormControl>
+      <Stack
+        spacing={4}
+        sx={{
+          display: 'flex',
+          maxWidth: '800px',
+          mx: 'auto',
+          px: {
+            xs: 2,
+            md: 6,
+          },
+          py: {
+            xs: 2,
+            md: 3,
+          },
+        }}
+      >
+        <Card>
+          <Box sx={{ mb: 1 }}>
+            <Typography level="title-md">Personal info</Typography>
+            <Typography level="body-sm">
+              Customize how your profile information will apper to the networks.
+            </Typography>
+          </Box>
+          <Divider />
+          <Stack
+            direction="row"
+            spacing={3}
+            sx={{ display: { xs: 'none', md: 'flex' }, my: 1 }}
+          >
+            <Stack direction="column" spacing={1}>
+              <AspectRatio
+                ratio="1"
+                maxHeight={200}
+                sx={{ flex: 1, minWidth: 120, borderRadius: '100%' }}
+              >
+                <img
+                  src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=286"
+                  srcSet="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=286&dpr=2 2x"
+                  loading="lazy"
+                  alt=""
+                />
+              </AspectRatio>
+              <IconButton
+                aria-label="upload new picture"
+                size="sm"
+                variant="outlined"
+                color="neutral"
+                sx={{
+                  bgcolor: 'background.body',
+                  position: 'absolute',
+                  zIndex: 2,
+                  borderRadius: '50%',
+                  left: 100,
+                  top: 170,
+                  boxShadow: 'sm',
+                }}
+              >
+                <EditRoundedIcon />
+              </IconButton>
+            </Stack>
+            <Stack spacing={2} sx={{ flexGrow: 1 }}>
+              <Stack spacing={1}>
+                <FormLabel>Name</FormLabel>
+                <FormControl
+                  sx={{
+                    display: {
+                      sm: 'flex-column',
+                      md: 'flex-row',
+                    },
+                    gap: 2,
+                  }}
+                >
+                  <Input size="sm" placeholder="First name" />
+                  <Input size="sm" placeholder="Last name" sx={{ flexGrow: 1 }} />
+                </FormControl>
+              </Stack>
+              <Stack direction="row" spacing={2}>
+                <FormControl>
+                  <FormLabel>Role</FormLabel>
+                  <Input size="sm" defaultValue="UI Developer" />
+                </FormControl>
+                <FormControl sx={{ flexGrow: 1 }}>
+                  <FormLabel>Email</FormLabel>
+                  <Input
+                    size="sm"
+                    type="email"
+                    startDecorator={<EmailRoundedIcon />}
+                    placeholder="email"
+                    defaultValue="siriwatk@test.com"
+                    sx={{ flexGrow: 1 }}
+                  />
+                </FormControl>
+              </Stack>
+              <div>
+                <CountrySelector />
+              </div>
+              <div>
+                <FormControl sx={{ display: { sm: 'contents' } }}>
+                  <FormLabel>Timezone</FormLabel>
+                  <Select
+                    size="sm"
+                    startDecorator={<AccessTimeFilledRoundedIcon />}
+                    defaultValue="1"
+                  >
+                    <Option value="1">
+                      Indochina Time (Bangkok){' '}
+                      <Typography textColor="text.tertiary" ml={0.5}>
+                        — GMT+07:00
+                      </Typography>
+                    </Option>
+                    <Option value="2">
+                      Indochina Time (Ho Chi Minh City){' '}
+                      <Typography textColor="text.tertiary" ml={0.5}>
+                        — GMT+07:00
+                      </Typography>
+                    </Option>
+                  </Select>
+                </FormControl>
+              </div>
+            </Stack>
+          </Stack>
+          <Stack
+            direction="column"
+            spacing={2}
+            sx={{ display: { xs: 'flex', md: 'none' }, my: 1 }}
+          >
+            <Stack direction="row" spacing={2}>
+              <Stack direction="column" spacing={1}>
+                <AspectRatio
+                  ratio="1"
+                  maxHeight={108}
+                  sx={{ flex: 1, minWidth: 108, borderRadius: '100%' }}
+                >
+                  <img
+                    src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=286"
+                    srcSet="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=286&dpr=2 2x"
+                    loading="lazy"
+                    alt=""
+                  />
+                </AspectRatio>
+                <IconButton
+                  aria-label="upload new picture"
+                  size="sm"
+                  variant="outlined"
+                  color="neutral"
+                  sx={{
+                    bgcolor: 'background.body',
+                    position: 'absolute',
+                    zIndex: 2,
+                    borderRadius: '50%',
+                    left: 85,
+                    top: 180,
+                    boxShadow: 'sm',
+                  }}
+                >
+                  <EditRoundedIcon />
+                </IconButton>
+              </Stack>
+              <Stack spacing={1} sx={{ flexGrow: 1 }}>
+                <FormLabel>Name</FormLabel>
+                <FormControl
+                  sx={{
+                    display: {
+                      sm: 'flex-column',
+                      md: 'flex-row',
+                    },
+                    gap: 2,
+                  }}
+                >
+                  <Input size="sm" placeholder="First name" />
+                  <Input size="sm" placeholder="Last name" />
+                </FormControl>
+              </Stack>
+            </Stack>
 
-          <Divider role="presentation" />
+            <FormControl>
+              <FormLabel>Role</FormLabel>
+              <Input size="sm" defaultValue="UI Developer" />
+            </FormControl>
+            <FormControl sx={{ flexGrow: 1 }}>
+              <FormLabel>Email</FormLabel>
+              <Input
+                size="sm"
+                type="email"
+                startDecorator={<EmailRoundedIcon />}
+                placeholder="email"
+                defaultValue="siriwatk@test.com"
+                sx={{ flexGrow: 1 }}
+              />
+            </FormControl>
 
-          <Box>
-            <FormLabel>Bio</FormLabel>
-            <FormHelperText>Write a short introduction.</FormHelperText>
+            <div>
+              <CountrySelector />
+            </div>
+            <div>
+              <FormControl sx={{ display: { sm: 'contents' } }}>
+                <FormLabel>Timezone</FormLabel>
+                <Select
+                  size="sm"
+                  startDecorator={<AccessTimeFilledRoundedIcon />}
+                  defaultValue="1"
+                >
+                  <Option value="1">
+                    Indochina Time (Bangkok){' '}
+                    <Typography textColor="text.tertiary" ml={0.5}>
+                      — GMT+07:00
+                    </Typography>
+                  </Option>
+                  <Option value="2">
+                    Indochina Time (Ho Chi Minh City){' '}
+                    <Typography textColor="text.tertiary" ml={0.5}>
+                      — GMT+07:00
+                    </Typography>
+                  </Option>
+                </Select>
+              </FormControl>
+            </div>
+          </Stack>
+          <CardOverflow sx={{ borderTop: '1px solid', borderColor: 'divider' }}>
+            <CardActions sx={{ alignSelf: 'flex-end', pt: 2 }}>
+              <Button size="sm" variant="outlined" color="neutral">
+                Cancel
+              </Button>
+              <Button size="sm" variant="solid">
+                Save
+              </Button>
+            </CardActions>
+          </CardOverflow>
+        </Card>
+        <Card>
+          <Box sx={{ mb: 1 }}>
+            <Typography level="title-md">Bio</Typography>
+            <Typography level="body-sm">
+              Write a short introduction to be displayed on your profile
+            </Typography>
           </Box>
-          <Box>
+          <Divider />
+          <Stack spacing={2} sx={{ my: 1 }}>
             <EditorToolbar />
             <Textarea
+              size="sm"
               minRows={4}
               sx={{ mt: 1.5 }}
               defaultValue="I'm a software developer based in Bangkok, Thailand. My goal is to solve UI problems with neat CSS without using too much JavaScript."
@@ -240,55 +391,54 @@ export default function MyProfile() {
             <FormHelperText sx={{ mt: 0.75, fontSize: 'xs' }}>
               275 characters left
             </FormHelperText>
+          </Stack>
+          <CardOverflow sx={{ borderTop: '1px solid', borderColor: 'divider' }}>
+            <CardActions sx={{ alignSelf: 'flex-end', pt: 2 }}>
+              <Button size="sm" variant="outlined" color="neutral">
+                Cancel
+              </Button>
+              <Button size="sm" variant="solid">
+                Save
+              </Button>
+            </CardActions>
+          </CardOverflow>
+        </Card>
+        <Card>
+          <Box sx={{ mb: 1 }}>
+            <Typography level="title-md">Portfolio projects</Typography>
+            <Typography level="body-sm">
+              Share a few snippets of your work.
+            </Typography>
           </Box>
 
-          <Divider role="presentation" />
-
-          <Box>
-            <FormLabel>Portfolio projects</FormLabel>
-            <FormHelperText>Share a few snippets of your work.</FormHelperText>
-          </Box>
-          <Stack useFlexGap spacing={1.5}>
+          <Divider />
+          <Stack spacing={2} sx={{ my: 1 }}>
             <DropZone />
-
             <FileUpload
+              icon={<InsertDriveFileRoundedIcon />}
               fileName="Tech design requirements.pdf"
-              fileSize="200 KB"
+              fileSize="200 kB"
               progress={100}
             />
-
             <FileUpload
-              icon={<i data-feather="film" />}
+              icon={<VideocamRoundedIcon />}
               fileName="Dashboard prototype recording.mp4"
               fileSize="16 MB"
               progress={40}
             />
-
-            <FileUpload
-              icon={<i data-feather="upload-cloud" />}
-              fileName="Dashboard prototype FINAL.fig"
-              fileSize="4.2 MB"
-              progress={80}
-            />
           </Stack>
-
-          <Divider role="presentation" />
-
-          <Box
-            sx={{
-              gridColumn: '1/-1',
-              justifySelf: 'flex-end',
-              display: 'flex',
-              gap: 1,
-            }}
-          >
-            <Button variant="outlined" color="neutral" size="sm">
-              Cancel
-            </Button>
-            <Button size="sm">Save</Button>
-          </Box>
-        </Box>
-      </Tabs>
+          <CardOverflow sx={{ borderTop: '1px solid', borderColor: 'divider' }}>
+            <CardActions sx={{ alignSelf: 'flex-end', pt: 2 }}>
+              <Button size="sm" variant="outlined" color="neutral">
+                Cancel
+              </Button>
+              <Button size="sm" variant="solid">
+                Save
+              </Button>
+            </CardActions>
+          </CardOverflow>
+        </Card>
+      </Stack>
     </Box>
   );
 }
diff --git a/docs/data/joy/getting-started/templates/profile-dashboard/components/Sidebar.tsx b/docs/data/joy/getting-started/templates/profile-dashboard/components/Sidebar.tsx
index faa78e1cb2bfbf..e4e50355a08d80 100644
--- a/docs/data/joy/getting-started/templates/profile-dashboard/components/Sidebar.tsx
+++ b/docs/data/joy/getting-started/templates/profile-dashboard/components/Sidebar.tsx
@@ -1,29 +1,69 @@
-/* eslint-disable jsx-a11y/anchor-is-valid */
 import * as React from 'react';
-import { styled } from '@mui/joy/styles';
 import GlobalStyles from '@mui/joy/GlobalStyles';
 import Avatar from '@mui/joy/Avatar';
 import Box from '@mui/joy/Box';
+import Button from '@mui/joy/Button';
 import Card from '@mui/joy/Card';
+import Chip from '@mui/joy/Chip';
 import Divider from '@mui/joy/Divider';
 import IconButton from '@mui/joy/IconButton';
 import Input from '@mui/joy/Input';
-import Link from '@mui/joy/Link';
 import LinearProgress from '@mui/joy/LinearProgress';
 import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
-import ListItemButton from '@mui/joy/ListItemButton';
+import ListItemButton, { listItemButtonClasses } from '@mui/joy/ListItemButton';
 import ListItemContent from '@mui/joy/ListItemContent';
-import ListItemDecorator from '@mui/joy/ListItemDecorator';
 import Typography from '@mui/joy/Typography';
 import Sheet from '@mui/joy/Sheet';
-import MuiLogo from './MuiLogo';
+import Stack from '@mui/joy/Stack';
+import SearchRoundedIcon from '@mui/icons-material/SearchRounded';
+import HomeRoundedIcon from '@mui/icons-material/HomeRounded';
+import DashboardRoundedIcon from '@mui/icons-material/DashboardRounded';
+import CollectionsBookmarkRoundedIcon from '@mui/icons-material/CollectionsBookmarkRounded';
+import AssignmentRoundedIcon from '@mui/icons-material/AssignmentRounded';
+import QuestionAnswerRoundedIcon from '@mui/icons-material/QuestionAnswerRounded';
+import GroupRoundedIcon from '@mui/icons-material/GroupRounded';
+import SupportRoundedIcon from '@mui/icons-material/SupportRounded';
+import SettingsRoundedIcon from '@mui/icons-material/SettingsRounded';
+import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
+import LogoutRoundedIcon from '@mui/icons-material/LogoutRounded';
+import BadgeRoundedIcon from '@mui/icons-material/BadgeRounded';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+
 import ColorSchemeToggle from './ColorSchemeToggle';
 import { closeSidebar } from '../utils';
 
-const Dropdown = styled('i')(({ theme }) => ({
-  color: theme.vars.palette.text.tertiary,
-}));
+function Toggler({
+  defaultExpanded = false,
+  renderToggle,
+  children,
+}: {
+  defaultExpanded?: boolean;
+  children: React.ReactNode;
+  renderToggle: (params: {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+  }) => React.ReactNode;
+}) {
+  const [open, setOpen] = React.useState(defaultExpanded);
+  return (
+    <React.Fragment>
+      {renderToggle({ open, setOpen })}
+      <Box
+        sx={{
+          display: 'grid',
+          gridTemplateRows: open ? '1fr' : '0fr',
+          transition: '0.2s ease',
+          '& > *': {
+            overflow: 'hidden',
+          },
+        }}
+      >
+        {children}
+      </Box>
+    </React.Fragment>
+  );
+}
 
 export default function Sidebar() {
   return (
@@ -56,9 +96,9 @@ export default function Sidebar() {
       <GlobalStyles
         styles={(theme) => ({
           ':root': {
-            '--Sidebar-width': '224px',
+            '--Sidebar-width': '220px',
             [theme.breakpoints.up('lg')]: {
-              '--Sidebar-width': '256px',
+              '--Sidebar-width': '240px',
             },
           },
         })}
@@ -72,8 +112,8 @@ export default function Sidebar() {
           left: 0,
           width: '100vw',
           height: '100vh',
-
-          opacity: 'calc(var(--SideNavigation-slideIn, 0) - 0.2)',
+          opacity: 'var(--SideNavigation-slideIn)',
+          backgroundColor: 'var(--joy-palette-background-backdrop)',
           transition: 'opacity 0.4s',
           transform: {
             xs: 'translateX(calc(100% * (var(--SideNavigation-slideIn, 0) - 1) + var(--SideNavigation-slideIn, 0) * var(--Sidebar-width, 0px)))',
@@ -83,11 +123,13 @@ export default function Sidebar() {
         onClick={() => closeSidebar()}
       />
       <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
-        <MuiLogo />
-        <Typography fontWeight="xl">MUI</Typography>
+        <IconButton variant="soft" color="primary" size="sm">
+          <BadgeRoundedIcon />
+        </IconButton>
+        <Typography level="title-lg">Profiles</Typography>
         <ColorSchemeToggle sx={{ ml: 'auto' }} />
       </Box>
-      <Input startDecorator={<i data-feather="search" />} placeholder="Search" />
+      <Input size="sm" startDecorator={<SearchRoundedIcon />} placeholder="Search" />
       <Box
         sx={{
           minHeight: 0,
@@ -95,142 +137,181 @@ export default function Sidebar() {
           flexGrow: 1,
           display: 'flex',
           flexDirection: 'column',
+          [`& .${listItemButtonClasses.root}`]: {
+            gap: 1.5,
+          },
         }}
       >
         <List
+          size="sm"
           sx={{
-            '--ListItem-radius': '8px',
-            '--List-gap': '4px',
-            '--List-nestedInsetStart': '40px',
+            gap: 1,
+            '--List-nestedInsetStart': '30px',
+            '--ListItem-radius': (theme) => theme.vars.radius.sm,
           }}
         >
           <ListItem>
             <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="home" />
-              </ListItemDecorator>
-              <ListItemContent>Home</ListItemContent>
-              <Dropdown data-feather="chevron-down" />
+              <HomeRoundedIcon />
+              <ListItemContent>
+                <Typography level="title-sm">Home</Typography>
+              </ListItemContent>
             </ListItemButton>
           </ListItem>
+
           <ListItem>
             <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="bar-chart-2" />
-              </ListItemDecorator>
-              <ListItemContent>Dashboard</ListItemContent>
-              <Dropdown data-feather="chevron-down" />
+              <DashboardRoundedIcon />
+              <ListItemContent>
+                <Typography level="title-sm">Dashboard</Typography>
+              </ListItemContent>
             </ListItemButton>
           </ListItem>
+
           <ListItem>
             <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="layers" />
-              </ListItemDecorator>
-              <ListItemContent>Projects</ListItemContent>
-              <Dropdown data-feather="chevron-down" />
+              <CollectionsBookmarkRoundedIcon />
+              <ListItemContent>
+                <Typography level="title-sm">Projects</Typography>
+              </ListItemContent>
             </ListItemButton>
           </ListItem>
-          <ListItem>
-            <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="check-square" />
-              </ListItemDecorator>
-              <ListItemContent>Tasks</ListItemContent>
-              <Dropdown data-feather="chevron-down" />
-            </ListItemButton>
+
+          <ListItem nested>
+            <Toggler
+              renderToggle={({ open, setOpen }) => (
+                <ListItemButton onClick={() => setOpen(!open)}>
+                  <AssignmentRoundedIcon />
+                  <ListItemContent>
+                    <Typography level="title-sm">Tasks</Typography>
+                  </ListItemContent>
+                  <KeyboardArrowDownIcon
+                    sx={{ transform: open ? 'rotate(180deg)' : 'none' }}
+                  />
+                </ListItemButton>
+              )}
+            >
+              <List sx={{ gap: 0.5 }}>
+                <ListItem sx={{ mt: 0.5 }}>
+                  <ListItemButton>All tasks</ListItemButton>
+                </ListItem>
+                <ListItem>
+                  <ListItemButton>Backlog</ListItemButton>
+                </ListItem>
+                <ListItem>
+                  <ListItemButton>In progress</ListItemButton>
+                </ListItem>
+                <ListItem>
+                  <ListItemButton>Done</ListItemButton>
+                </ListItem>
+              </List>
+            </Toggler>
           </ListItem>
+
           <ListItem>
-            <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="flag" />
-              </ListItemDecorator>
-              <ListItemContent>Reporting</ListItemContent>
-              <Dropdown data-feather="chevron-down" />
+            <ListItemButton
+              role="menuitem"
+              component="a"
+              href="/joy-ui/getting-started/templates/messages/"
+            >
+              <QuestionAnswerRoundedIcon />
+              <ListItemContent>
+                <Typography level="title-sm">Messages</Typography>
+              </ListItemContent>
+              <Chip size="sm" color="primary" variant="solid">
+                4
+              </Chip>
             </ListItemButton>
           </ListItem>
+
           <ListItem nested>
-            <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="bar-chart-2" />
-              </ListItemDecorator>
-              <ListItemContent>Users</ListItemContent>
-              <i data-feather="chevron-up" />
-            </ListItemButton>
-            <List>
-              <ListItem>
-                <ListItemButton selected color="primary">
-                  My Profile
+            <Toggler
+              defaultExpanded
+              renderToggle={({ open, setOpen }) => (
+                <ListItemButton onClick={() => setOpen(!open)}>
+                  <GroupRoundedIcon />
+                  <ListItemContent>
+                    <Typography level="title-sm">Users</Typography>
+                  </ListItemContent>
+                  <KeyboardArrowDownIcon
+                    sx={{ transform: open ? 'rotate(180deg)' : 'none' }}
+                  />
                 </ListItemButton>
-              </ListItem>
-              <ListItem>
-                <ListItemButton>New user</ListItemButton>
-              </ListItem>
-              <ListItem>
-                <ListItemButton>Role & Permission</ListItemButton>
-              </ListItem>
-            </List>
+              )}
+            >
+              <List sx={{ gap: 0.5 }}>
+                <ListItem sx={{ mt: 0.5 }}>
+                  <ListItemButton selected>My profile</ListItemButton>
+                </ListItem>
+                <ListItem>
+                  <ListItemButton>Create a new user</ListItemButton>
+                </ListItem>
+                <ListItem>
+                  <ListItemButton>Roles & permission</ListItemButton>
+                </ListItem>
+              </List>
+            </Toggler>
           </ListItem>
         </List>
+
         <List
+          size="sm"
           sx={{
             mt: 'auto',
             flexGrow: 0,
-            '--ListItem-radius': '8px',
+            '--ListItem-radius': (theme) => theme.vars.radius.sm,
             '--List-gap': '8px',
+            mb: 2,
           }}
         >
           <ListItem>
             <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="life-buoy" />
-              </ListItemDecorator>
-              <ListItemContent>Supports</ListItemContent>
+              <SupportRoundedIcon />
+              Support
             </ListItemButton>
           </ListItem>
           <ListItem>
             <ListItemButton>
-              <ListItemDecorator>
-                <i data-feather="settings" />
-              </ListItemDecorator>
-              <ListItemContent>Settings</ListItemContent>
+              <SettingsRoundedIcon />
+              Settings
             </ListItemButton>
           </ListItem>
         </List>
         <Card
-          variant="soft"
-          color="primary"
           invertedColors
+          variant="soft"
+          color="warning"
+          size="sm"
           sx={{ boxShadow: 'none' }}
         >
-          <Typography fontSize="sm" fontWeight="lg" mb={0.5}>
-            Used space
-          </Typography>
+          <Stack direction="row" justifyContent="space-between" alignItems="center">
+            <Typography level="title-sm">Used space</Typography>
+            <IconButton size="sm">
+              <CloseRoundedIcon />
+            </IconButton>
+          </Stack>
           <Typography level="body-xs">
             Your team has used 80% of your available space. Need more?
           </Typography>
-          <LinearProgress value={80} determinate sx={{ my: 1.5 }} />
-          <Box sx={{ display: 'flex', gap: 2 }}>
-            <Link fontSize="sm" component="button" fontWeight="lg">
-              Upgrade plan
-            </Link>
-            <Link fontSize="sm" component="button">
-              Dismiss
-            </Link>
-          </Box>
+          <LinearProgress variant="outlined" value={80} determinate sx={{ my: 1 }} />
+          <Button size="sm" variant="solid">
+            Upgrade plan
+          </Button>
         </Card>
       </Box>
       <Divider />
       <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
-        <Avatar variant="outlined" src="/static/images/avatar/3.jpg" />
+        <Avatar
+          variant="outlined"
+          size="sm"
+          src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=286"
+        />
         <Box sx={{ minWidth: 0, flex: 1 }}>
-          <Typography fontSize="sm" fontWeight="lg">
-            Siriwat K.
-          </Typography>
+          <Typography level="title-sm">Siriwat K.</Typography>
           <Typography level="body-xs">siriwatk@test.com</Typography>
         </Box>
-        <IconButton variant="plain" color="neutral">
-          <i data-feather="log-out" />
+        <IconButton size="sm" variant="plain" color="neutral">
+          <LogoutRoundedIcon />
         </IconButton>
       </Box>
     </Sheet>
diff --git a/docs/data/joy/getting-started/templates/rental-dashboard/components/CountrySelector.tsx b/docs/data/joy/getting-started/templates/rental-dashboard/components/CountrySelector.tsx
index 76ae8b5083151e..788ec77f375c1a 100644
--- a/docs/data/joy/getting-started/templates/rental-dashboard/components/CountrySelector.tsx
+++ b/docs/data/joy/getting-started/templates/rental-dashboard/components/CountrySelector.tsx
@@ -25,8 +25,8 @@ export default function ContrySelector({ sx, ...props }: FormControlProps) {
                 <img
                   loading="lazy"
                   width="20"
-                  src={`https://flagcdn.com/w20/${option.code.toLowerCase()}.png`}
                   srcSet={`https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`}
+                  src={`https://flagcdn.com/w20/${option.code.toLowerCase()}.png`}
                   alt=""
                 />
               </AspectRatio>
diff --git a/docs/data/joy/getting-started/templates/rental-dashboard/components/Filters.tsx b/docs/data/joy/getting-started/templates/rental-dashboard/components/Filters.tsx
index baa0a42dc63a08..7c8d1b1c3dc451 100644
--- a/docs/data/joy/getting-started/templates/rental-dashboard/components/Filters.tsx
+++ b/docs/data/joy/getting-started/templates/rental-dashboard/components/Filters.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import FormControl from '@mui/joy/FormControl';
 import Input from '@mui/joy/Input';
@@ -8,7 +7,7 @@ import CountrySelector from './CountrySelector';
 
 export default function Filters() {
   return (
-    <Box>
+    <div>
       <Grid
         spacing={1.5}
         container
@@ -44,6 +43,6 @@ export default function Filters() {
           </Button>
         </Grid>
       </Grid>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/joy/getting-started/templates/rental-dashboard/components/Search.tsx b/docs/data/joy/getting-started/templates/rental-dashboard/components/Search.tsx
index 4955ae87554645..dc35a31c28cf07 100644
--- a/docs/data/joy/getting-started/templates/rental-dashboard/components/Search.tsx
+++ b/docs/data/joy/getting-started/templates/rental-dashboard/components/Search.tsx
@@ -15,12 +15,12 @@ export default function Search() {
           aria-label="Search"
         />
       </FormControl>
-      <Box display={{ xs: 'none', sm: 'block' }}>
+      <Box sx={{ display: { xs: 'none', sm: 'block' } }}>
         <Button variant="outlined" color="neutral">
           Clear
         </Button>
       </Box>
-      <Box display={{ xs: 'none', sm: 'block' }}>
+      <Box sx={{ display: { xs: 'none', sm: 'block' } }}>
         <Button variant="solid" color="primary">
           Search
         </Button>
diff --git a/docs/data/joy/getting-started/templates/sign-in-side/App.tsx b/docs/data/joy/getting-started/templates/sign-in-side/App.tsx
index 6348e1c013a851..77865e8a5c8522 100644
--- a/docs/data/joy/getting-started/templates/sign-in-side/App.tsx
+++ b/docs/data/joy/getting-started/templates/sign-in-side/App.tsx
@@ -5,14 +5,17 @@ import CssBaseline from '@mui/joy/CssBaseline';
 import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Checkbox from '@mui/joy/Checkbox';
+import Divider from '@mui/joy/Divider';
 import FormControl from '@mui/joy/FormControl';
 import FormLabel, { formLabelClasses } from '@mui/joy/FormLabel';
 import IconButton, { IconButtonProps } from '@mui/joy/IconButton';
 import Link from '@mui/joy/Link';
 import Input from '@mui/joy/Input';
 import Typography from '@mui/joy/Typography';
+import Stack from '@mui/joy/Stack';
 import DarkModeRoundedIcon from '@mui/icons-material/DarkModeRounded';
 import LightModeRoundedIcon from '@mui/icons-material/LightModeRounded';
+import BadgeRoundedIcon from '@mui/icons-material/BadgeRounded';
 import GoogleIcon from './GoogleIcon';
 
 interface FormElements extends HTMLFormControlsCollection {
@@ -31,13 +34,13 @@ function ColorSchemeToggle({ onClick, ...props }: IconButtonProps) {
     setMounted(true);
   }, []);
   if (!mounted) {
-    return <IconButton size="sm" variant="plain" color="neutral" disabled />;
+    return <IconButton size="sm" variant="outlined" color="neutral" disabled />;
   }
   return (
     <IconButton
       id="toggle-mode"
       size="sm"
-      variant="plain"
+      variant="outlined"
       color="neutral"
       aria-label="toggle light/dark mode"
       {...props}
@@ -55,9 +58,6 @@ function ColorSchemeToggle({ onClick, ...props }: IconButtonProps) {
   );
 }
 
-/**
- * This template uses [`Inter`](https://fonts.google.com/specimen/Inter?query=inter) font.
- */
 export default function JoySignInSideTemplate() {
   return (
     <CssVarsProvider defaultMode="dark" disableTransitionOnChange>
@@ -66,8 +66,8 @@ export default function JoySignInSideTemplate() {
         styles={{
           ':root': {
             '--Collapsed-breakpoint': '769px', // form will stretch when viewport is below `769px`
-            '--Cover-width': '40vw', // must be `vw` only
-            '--Form-maxWidth': '700px',
+            '--Cover-width': '50vw', // must be `vw` only
+            '--Form-maxWidth': '800px',
             '--Transition-duration': '0.4s', // set to `none` to disable transition
           },
         }}
@@ -82,8 +82,8 @@ export default function JoySignInSideTemplate() {
           zIndex: 1,
           display: 'flex',
           justifyContent: 'flex-end',
-          backdropFilter: 'blur(4px)',
-          backgroundColor: 'rgba(255 255 255 / 0.6)',
+          backdropFilter: 'blur(12px)',
+          backgroundColor: 'rgba(255 255 255 / 0.2)',
           [theme.getColorSchemeSelector('dark')]: {
             backgroundColor: 'rgba(19 19 24 / 0.4)',
           },
@@ -105,30 +105,22 @@ export default function JoySignInSideTemplate() {
             sx={{
               py: 3,
               display: 'flex',
-              alignItems: 'center',
+              alignItems: 'left',
               justifyContent: 'space-between',
             }}
           >
-            <Typography
-              fontWeight="lg"
-              startDecorator={
-                <Box
-                  component="span"
-                  sx={{
-                    width: 24,
-                    height: 24,
-                    background: (theme) =>
-                      `linear-gradient(45deg, ${theme.vars.palette.primary.solidBg}, ${theme.vars.palette.primary.solidBg} 30%, ${theme.vars.palette.primary.softBg})`,
-                    borderRadius: '50%',
-                    boxShadow: (theme) => theme.shadow.md,
-                    '--joy-shadowChannel': (theme) =>
-                      theme.vars.palette.primary.mainChannel,
-                  }}
-                />
-              }
+            <Box
+              sx={{
+                gap: 2,
+                display: 'flex',
+                alignItems: 'center',
+              }}
             >
-              Logo
-            </Typography>
+              <IconButton variant="soft" color="primary" size="sm">
+                <BadgeRoundedIcon />
+              </IconButton>
+              <Typography level="title-lg">Company logo</Typography>
+            </Box>
             <ColorSchemeToggle />
           </Box>
           <Box
@@ -154,58 +146,79 @@ export default function JoySignInSideTemplate() {
               },
             }}
           >
-            <div>
-              <Typography component="h1" fontSize="xl2" fontWeight="lg">
-                Sign in to your account
-              </Typography>
-              <Typography level="body-sm" sx={{ my: 1, mb: 3 }}>
-                Welcome back
-              </Typography>
-            </div>
-            <form
-              onSubmit={(event: React.FormEvent<SignInFormElement>) => {
-                event.preventDefault();
-                const formElements = event.currentTarget.elements;
-                const data = {
-                  email: formElements.email.value,
-                  password: formElements.password.value,
-                  persistent: formElements.persistent.checked,
-                };
-                alert(JSON.stringify(data, null, 2));
-              }}
-            >
-              <FormControl required>
-                <FormLabel>Email</FormLabel>
-                <Input type="email" name="email" />
-              </FormControl>
-              <FormControl required>
-                <FormLabel>Password</FormLabel>
-                <Input type="password" name="password" />
-              </FormControl>
-              <Box
-                sx={{
-                  display: 'flex',
-                  justifyContent: 'space-between',
-                  alignItems: 'center',
-                }}
+            <Stack gap={4} sx={{ mb: 2 }}>
+              <Stack gap={1}>
+                <Typography level="h3">Sign in</Typography>
+                <Typography level="body-sm">
+                  New to company?{' '}
+                  <Link href="#replace-with-a-link" level="title-sm">
+                    Sign up!
+                  </Link>
+                </Typography>
+              </Stack>
+
+              <Button
+                variant="soft"
+                color="neutral"
+                fullWidth
+                startDecorator={<GoogleIcon />}
               >
-                <Checkbox size="sm" label="Remember for 30 days" name="persistent" />
-                <Link fontSize="sm" href="#replace-with-a-link" fontWeight="lg">
-                  Forgot your password?
-                </Link>
-              </Box>
-              <Button type="submit" fullWidth>
-                Sign in
+                Continue with Google
               </Button>
-            </form>
-            <Button
-              variant="outlined"
-              color="neutral"
-              fullWidth
-              startDecorator={<GoogleIcon />}
+            </Stack>
+            <Divider
+              sx={(theme) => ({
+                [theme.getColorSchemeSelector('light')]: {
+                  color: { xs: '#FFF', md: 'text.tertiary' },
+                  '--Divider-lineColor': {
+                    xs: '#FFF',
+                    md: 'var(--joy-palette-divider)',
+                  },
+                },
+              })}
             >
-              Sign in with Google
-            </Button>
+              or
+            </Divider>
+            <Stack gap={4} sx={{ mt: 2 }}>
+              <form
+                onSubmit={(event: React.FormEvent<SignInFormElement>) => {
+                  event.preventDefault();
+                  const formElements = event.currentTarget.elements;
+                  const data = {
+                    email: formElements.email.value,
+                    password: formElements.password.value,
+                    persistent: formElements.persistent.checked,
+                  };
+                  alert(JSON.stringify(data, null, 2));
+                }}
+              >
+                <FormControl required>
+                  <FormLabel>Email</FormLabel>
+                  <Input type="email" name="email" />
+                </FormControl>
+                <FormControl required>
+                  <FormLabel>Password</FormLabel>
+                  <Input type="password" name="password" />
+                </FormControl>
+                <Stack gap={4} sx={{ mt: 2 }}>
+                  <Box
+                    sx={{
+                      display: 'flex',
+                      justifyContent: 'space-between',
+                      alignItems: 'center',
+                    }}
+                  >
+                    <Checkbox size="sm" label="Remember me" name="persistent" />
+                    <Link level="title-sm" href="#replace-with-a-link">
+                      Forgot your password?
+                    </Link>
+                  </Box>
+                  <Button type="submit" fullWidth>
+                    Sign in
+                  </Button>
+                </Stack>
+              </form>
+            </Stack>
           </Box>
           <Box component="footer" sx={{ py: 3 }}>
             <Typography level="body-xs" textAlign="center">
diff --git a/docs/data/joy/getting-started/templates/team/App.tsx b/docs/data/joy/getting-started/templates/team/App.tsx
index 63c9b934569305..7b9545cbe56ea7 100644
--- a/docs/data/joy/getting-started/templates/team/App.tsx
+++ b/docs/data/joy/getting-started/templates/team/App.tsx
@@ -458,10 +458,10 @@ export default function TeamExample() {
                     srcSet="https://i.pravatar.cc/80?img=6 2x"
                     sx={{ borderRadius: 'sm' }}
                   />
-                  <Box>
+                  <div>
                     <Typography>Andrew Smith</Typography>
                     <Typography level="body-xs">UI Designer</Typography>
-                  </Box>
+                  </div>
                 </Box>
                 <Divider component="div" sx={{ my: 2 }} />
                 <List sx={{ '--ListItemDecorator-size': '48px' }}>
diff --git a/docs/data/joy/getting-started/tutorial/tutorial-pt.md b/docs/data/joy/getting-started/tutorial/tutorial-pt.md
index a4d25e62055241..379ac5c2bf693b 100644
--- a/docs/data/joy/getting-started/tutorial/tutorial-pt.md
+++ b/docs/data/joy/getting-started/tutorial/tutorial-pt.md
@@ -11,7 +11,7 @@ In this small tutorial, you'll learn how to:
 The only **prerequesite** is [having Joy UI installed](/joy-ui/getting-started/installation/).
 
 :::warning
-⚠️ **Note:** We won't cover theming and general component customization at this moment. Learn more about [the different customization approaches](/joy-ui/customization/approaches/) later.
+**Note:** We won't cover theming and general component customization at this moment. Learn more about [the different customization approaches](/joy-ui/customization/approaches/) later.
 :::
 
 ## Building the login page
@@ -209,7 +209,7 @@ export default function App() {
 ```
 
 :::info
-💡 **Note:** With the `useColorScheme` hook, Joy UI ensures that the user selected mode (stored in localStorage by default) is in-sync across browser tabs.
+**Note:** With the `useColorScheme` hook, Joy UI ensures that the user selected mode (stored in localStorage by default) is in-sync across browser tabs.
 :::
 
 Congratulations 🎉! You've built your first good looking UI with Joy UI!
diff --git a/docs/data/joy/getting-started/tutorial/tutorial-zh.md b/docs/data/joy/getting-started/tutorial/tutorial-zh.md
index a4d25e62055241..379ac5c2bf693b 100644
--- a/docs/data/joy/getting-started/tutorial/tutorial-zh.md
+++ b/docs/data/joy/getting-started/tutorial/tutorial-zh.md
@@ -11,7 +11,7 @@ In this small tutorial, you'll learn how to:
 The only **prerequesite** is [having Joy UI installed](/joy-ui/getting-started/installation/).
 
 :::warning
-⚠️ **Note:** We won't cover theming and general component customization at this moment. Learn more about [the different customization approaches](/joy-ui/customization/approaches/) later.
+**Note:** We won't cover theming and general component customization at this moment. Learn more about [the different customization approaches](/joy-ui/customization/approaches/) later.
 :::
 
 ## Building the login page
@@ -209,7 +209,7 @@ export default function App() {
 ```
 
 :::info
-💡 **Note:** With the `useColorScheme` hook, Joy UI ensures that the user selected mode (stored in localStorage by default) is in-sync across browser tabs.
+**Note:** With the `useColorScheme` hook, Joy UI ensures that the user selected mode (stored in localStorage by default) is in-sync across browser tabs.
 :::
 
 Congratulations 🎉! You've built your first good looking UI with Joy UI!
diff --git a/docs/data/joy/getting-started/tutorial/tutorial.md b/docs/data/joy/getting-started/tutorial/tutorial.md
index 4d101ebce9c129..398f227ada1f6f 100644
--- a/docs/data/joy/getting-started/tutorial/tutorial.md
+++ b/docs/data/joy/getting-started/tutorial/tutorial.md
@@ -15,7 +15,7 @@ By the end, you should understand how to:
 
 ## Interactive demo
 
-Here's what the final product looks like—click on the **<>** icon underneath the demo to see the full source code:
+Here's what the final product looks like—click on the "Show code" button underneath the demo to see the full source code:
 
 {{"demo": "LoginFinal.js"}}
 
@@ -256,4 +256,4 @@ Learn more about [different customization approaches](/joy-ui/customization/appr
 To see some more sophisticated examples of Joy UI in action, check out our [collection of templates](/joy-ui/getting-started/templates/).
 
 Are you migrating from Material UI?
-Learn how to work with [Joy UI and Material UI together in one app](/joy-ui/guides/using-joy-ui-and-material-ui-together/).
+Learn how to work with [Joy UI and Material UI together in one app](/joy-ui/integrations/material-ui/).
diff --git a/docs/data/joy/getting-started/usage/ButtonUsage.js b/docs/data/joy/getting-started/usage/ButtonUsage.js
new file mode 100644
index 00000000000000..b63318bc718770
--- /dev/null
+++ b/docs/data/joy/getting-started/usage/ButtonUsage.js
@@ -0,0 +1,6 @@
+import * as React from 'react';
+import Button from '@mui/joy/Button';
+
+export default function ButtonUsage() {
+  return <Button variant="solid">Hello world</Button>;
+}
diff --git a/docs/data/joy/getting-started/usage/ButtonUsage.tsx b/docs/data/joy/getting-started/usage/ButtonUsage.tsx
new file mode 100644
index 00000000000000..b63318bc718770
--- /dev/null
+++ b/docs/data/joy/getting-started/usage/ButtonUsage.tsx
@@ -0,0 +1,6 @@
+import * as React from 'react';
+import Button from '@mui/joy/Button';
+
+export default function ButtonUsage() {
+  return <Button variant="solid">Hello world</Button>;
+}
diff --git a/docs/data/joy/getting-started/usage/ButtonUsage.tsx.preview b/docs/data/joy/getting-started/usage/ButtonUsage.tsx.preview
new file mode 100644
index 00000000000000..b2676a36007fa4
--- /dev/null
+++ b/docs/data/joy/getting-started/usage/ButtonUsage.tsx.preview
@@ -0,0 +1 @@
+<Button variant="solid">Hello world</Button>
\ No newline at end of file
diff --git a/docs/data/joy/getting-started/usage/Usage.js b/docs/data/joy/getting-started/usage/Usage.js
deleted file mode 100644
index 252375fa938b5d..00000000000000
--- a/docs/data/joy/getting-started/usage/Usage.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import * as React from 'react';
-
-export default function Usage() {
-  return (
-    <iframe
-      title="codesandbox"
-      src="https://codesandbox.io/embed/joy-ui-tgkzrv?hidenavigation=1&fontsize=14&view=preview"
-      style={{
-        width: '100%',
-        height: 350,
-        border: 0,
-      }}
-      sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
-    />
-  );
-}
diff --git a/docs/data/joy/getting-started/usage/usage.md b/docs/data/joy/getting-started/usage/usage.md
index 4b93c3908aa1f8..a0e5dad93cee79 100644
--- a/docs/data/joy/getting-started/usage/usage.md
+++ b/docs/data/joy/getting-started/usage/usage.md
@@ -4,21 +4,10 @@
 
 ## Quickstart
 
-The following code snippet demonstrates a simple app that uses the Joy UI [Button](/joy-ui/react-button/) component:
+After [installation](/joy-ui/getting-started/installation/), you can import any Joy UI component and start playing around.
+For example, try changing the `variant` on the [Button](/joy-ui/react-button/) to `soft` to see how the style changes:
 
-```jsx
-import * as React from 'react';
-import Button from '@mui/joy/Button';
-
-export default function MyApp() {
-  return <Button variant="solid">Hello World</Button>;
-}
-```
-
-You can play around with this code in the interactive Code Sandbox demo below.
-Try changing the `variant` on the Button to `soft` to see how the style changes:
-
-{{"demo": "Usage.js", "hideToolbar": true, "bg": true}}
+{{"demo": "ButtonUsage.js", "defaultCodeOpen": true}}
 
 ### CssVarsProvider
 
diff --git a/docs/data/joy/guides/using-icon-libraries/IconFontSizes.js b/docs/data/joy/integrations/icon-libraries/IconFontSizes.js
similarity index 100%
rename from docs/data/joy/guides/using-icon-libraries/IconFontSizes.js
rename to docs/data/joy/integrations/icon-libraries/IconFontSizes.js
diff --git a/docs/data/joy/guides/using-icon-libraries/IconFontSizes.tsx b/docs/data/joy/integrations/icon-libraries/IconFontSizes.tsx
similarity index 100%
rename from docs/data/joy/guides/using-icon-libraries/IconFontSizes.tsx
rename to docs/data/joy/integrations/icon-libraries/IconFontSizes.tsx
diff --git a/docs/data/joy/guides/using-icon-libraries/IconFontSizes.tsx.preview b/docs/data/joy/integrations/icon-libraries/IconFontSizes.tsx.preview
similarity index 100%
rename from docs/data/joy/guides/using-icon-libraries/IconFontSizes.tsx.preview
rename to docs/data/joy/integrations/icon-libraries/IconFontSizes.tsx.preview
diff --git a/docs/data/joy/guides/using-icon-libraries/JoyMaterialIcon.js b/docs/data/joy/integrations/icon-libraries/JoyMaterialIcon.js
similarity index 100%
rename from docs/data/joy/guides/using-icon-libraries/JoyMaterialIcon.js
rename to docs/data/joy/integrations/icon-libraries/JoyMaterialIcon.js
diff --git a/docs/data/joy/guides/using-icon-libraries/JoyMaterialIcon.tsx b/docs/data/joy/integrations/icon-libraries/JoyMaterialIcon.tsx
similarity index 100%
rename from docs/data/joy/guides/using-icon-libraries/JoyMaterialIcon.tsx
rename to docs/data/joy/integrations/icon-libraries/JoyMaterialIcon.tsx
diff --git a/docs/data/joy/guides/using-icon-libraries/using-icon-libraries.md b/docs/data/joy/integrations/icon-libraries/icon-libraries.md
similarity index 100%
rename from docs/data/joy/guides/using-icon-libraries/using-icon-libraries.md
rename to docs/data/joy/integrations/icon-libraries/icon-libraries.md
diff --git a/docs/data/joy/guides/using-joy-ui-and-material-ui/using-joy-ui-and-material-ui-pt.md b/docs/data/joy/integrations/material-ui/material-ui-pt.md
similarity index 96%
rename from docs/data/joy/guides/using-joy-ui-and-material-ui/using-joy-ui-and-material-ui-pt.md
rename to docs/data/joy/integrations/material-ui/material-ui-pt.md
index 639843282ec117..43c196fa9bcde8 100644
--- a/docs/data/joy/guides/using-joy-ui-and-material-ui/using-joy-ui-and-material-ui-pt.md
+++ b/docs/data/joy/integrations/material-ui/material-ui-pt.md
@@ -10,7 +10,7 @@ There are two main use cases for using them together:
 2. You've started your project with Joy UI but you find a key component you need is missing.
 
 :::warning
-**⚠️ Note:** Once Joy UI reaches component parity with Material UI, we recommend you to _choose one or the other_. Not only do they have a different design language (and therefore a different theme structure) but they would increase your bundle size as well as potentially create unnecessary complexities.
+**Note:** Once Joy UI reaches component parity with Material UI, we recommend you to _choose one or the other_. Not only do they have a different design language (and therefore a different theme structure) but they would increase your bundle size as well as potentially create unnecessary complexities.
 :::
 
 Additionally, keep these in mind when using them together:
diff --git a/docs/data/joy/guides/using-joy-ui-and-material-ui/using-joy-ui-and-material-ui-zh.md b/docs/data/joy/integrations/material-ui/material-ui-zh.md
similarity index 96%
rename from docs/data/joy/guides/using-joy-ui-and-material-ui/using-joy-ui-and-material-ui-zh.md
rename to docs/data/joy/integrations/material-ui/material-ui-zh.md
index 639843282ec117..43c196fa9bcde8 100644
--- a/docs/data/joy/guides/using-joy-ui-and-material-ui/using-joy-ui-and-material-ui-zh.md
+++ b/docs/data/joy/integrations/material-ui/material-ui-zh.md
@@ -10,7 +10,7 @@ There are two main use cases for using them together:
 2. You've started your project with Joy UI but you find a key component you need is missing.
 
 :::warning
-**⚠️ Note:** Once Joy UI reaches component parity with Material UI, we recommend you to _choose one or the other_. Not only do they have a different design language (and therefore a different theme structure) but they would increase your bundle size as well as potentially create unnecessary complexities.
+**Note:** Once Joy UI reaches component parity with Material UI, we recommend you to _choose one or the other_. Not only do they have a different design language (and therefore a different theme structure) but they would increase your bundle size as well as potentially create unnecessary complexities.
 :::
 
 Additionally, keep these in mind when using them together:
diff --git a/docs/data/joy/guides/using-joy-ui-and-material-ui/using-joy-ui-and-material-ui.md b/docs/data/joy/integrations/material-ui/material-ui.md
similarity index 100%
rename from docs/data/joy/guides/using-joy-ui-and-material-ui/using-joy-ui-and-material-ui.md
rename to docs/data/joy/integrations/material-ui/material-ui.md
diff --git a/docs/data/joy/guides/next-js-app-router/next-js-app-router.md b/docs/data/joy/integrations/next-js-app-router/next-js-app-router.md
similarity index 83%
rename from docs/data/joy/guides/next-js-app-router/next-js-app-router.md
rename to docs/data/joy/integrations/next-js-app-router/next-js-app-router.md
index 30056d61977978..975345ae5c16ee 100644
--- a/docs/data/joy/guides/next-js-app-router/next-js-app-router.md
+++ b/docs/data/joy/integrations/next-js-app-router/next-js-app-router.md
@@ -2,17 +2,17 @@
 
 <p class="description">Learn how to use Joy UI with the Next.js App Router.</p>
 
-:::info
+## Example
+
 Starting fresh on a new App Router-based project?
 
 Jump right into the code with [this example: Joy UI - Next.js App Router with TypeScript](https://github.com/mui/material-ui/tree/master/examples/joy-ui-nextjs-ts).
-:::
 
 ## Next.js and React Server Components
 
 The Next.js App Router implements React Server Components, [an upcoming feature for React](https://github.com/reactjs/rfcs/blob/main/text/0227-server-module-conventions.md).
 
-To support the App Router, currently all components and hooks from Joy UI and other MUI libraries are exported with the `"use client"` directive.
+To support the App Router, the components and hooks from Joy UI that need access to browser APIs are exported with the `"use client"` directive.
 
 :::warning
 React Server Components should not be conflated with the concept of server-side rendering (SSR).
@@ -104,40 +104,42 @@ export default function RootLayout(props) {
 }
 ```
 
-## Function props
+## Props serialization
 
-Props passed from server components—for example `page.js` or other routing files—must be [serializable](https://nextjs.org/docs/getting-started/react-essentials#passing-props-from-server-to-client-components-serialization).
+Props passed from server components-for example `page.js` or other routing files-must be [serializable](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#passing-props-from-server-to-client-components-serialization).
 
+:::success
 This works without any additional directives:
 
-```jsx
+```tsx
 // app/page.tsx
 import Sheet from '@mui/joy/Sheet';
 import Typography from '@mui/joy/Typography';
 
 export default function Page() {
   return (
-    <Sheet variant="outlined">
+    <Sheet>
       <Typography fontSize="sm">Hello World</Typography>
     </Sheet>
   );
 }
 ```
 
+:::
+
 :::error
-🚨 This code snippet _doesn't work_, because the Button's click handler is **non-serializable**:
+This _doesn't work_ because the Button's click handler is **non-serializable**:
 
 ```tsx
-// page.tsx
+// app/page.tsx
 import Button from '@mui/joy/Button';
 import Sheet from '@mui/joy/Sheet';
 
 export default function Page() {
   return (
-    <Sheet variant="outlined">
+    <Sheet>
       {/* Next.js won't render this button without 'use-client' */}
       <Button
-        variant="outlined"
         onClick={() => {
           console.log('handle click');
         }}
@@ -149,5 +151,5 @@ export default function Page() {
 }
 ```
 
-Instead, the Next.js team recommend moving components like these ["to the leaves"](https://nextjs.org/docs/getting-started/react-essentials#moving-client-components-to-the-leaves) to avoid this issue and improve overall performance.
+Instead, the Next.js team recommend moving components like these ["down the tree"](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#moving-client-components-down-the-tree) to avoid this issue and improve overall performance.
 :::
diff --git a/docs/data/joy/main-features/automatic-adjustment/InputVariables.js b/docs/data/joy/main-features/automatic-adjustment/InputVariables.js
index bfc8d9cbc4d5c9..319855bb8a7818 100644
--- a/docs/data/joy/main-features/automatic-adjustment/InputVariables.js
+++ b/docs/data/joy/main-features/automatic-adjustment/InputVariables.js
@@ -8,7 +8,7 @@ import FormLabel from '@mui/joy/FormLabel';
 
 export default function InputVariables() {
   const [radius, setRadius] = React.useState(16);
-  const [childHeight, setChildHeight] = React.useState(32);
+  const [childHeight, setChildHeight] = React.useState(28);
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
       <Input
@@ -36,7 +36,7 @@ export default function InputVariables() {
           />
         </FormControl>
         <FormControl>
-          <FormLabel>--Input-childHeight</FormLabel>
+          <FormLabel>--Input-decoratorChildHeight</FormLabel>
           <Input
             size="sm"
             type="number"
diff --git a/docs/data/joy/main-features/color-inversion/ColorInversionNavigation.js b/docs/data/joy/main-features/color-inversion/ColorInversionNavigation.js
index 7431e8865612b0..135ee4f88b092a 100644
--- a/docs/data/joy/main-features/color-inversion/ColorInversionNavigation.js
+++ b/docs/data/joy/main-features/color-inversion/ColorInversionNavigation.js
@@ -44,10 +44,10 @@ export default function ColorInversionNavigation() {
           defaultValue="1"
           size="sm"
           placeholder={
-            <Box>
+            <div>
               <Typography level="inherit">Saleshouse</Typography>
               <Typography level="body-md">general team</Typography>
-            </Box>
+            </div>
           }
           startDecorator={
             <Sheet
diff --git a/docs/data/joy/main-features/color-inversion/ColorInversionNavigation.tsx b/docs/data/joy/main-features/color-inversion/ColorInversionNavigation.tsx
index 4bd774bced9463..a12eb37f9881a6 100644
--- a/docs/data/joy/main-features/color-inversion/ColorInversionNavigation.tsx
+++ b/docs/data/joy/main-features/color-inversion/ColorInversionNavigation.tsx
@@ -44,10 +44,10 @@ export default function ColorInversionNavigation() {
           defaultValue="1"
           size="sm"
           placeholder={
-            <Box>
+            <div>
               <Typography level="inherit">Saleshouse</Typography>
               <Typography level="body-md">general team</Typography>
-            </Box>
+            </div>
           }
           startDecorator={
             <Sheet
diff --git a/docs/data/joy/main-features/color-inversion/color-inversion.md b/docs/data/joy/main-features/color-inversion/color-inversion.md
index 14ca0b1bd23df7..7e6bd76d9bb694 100644
--- a/docs/data/joy/main-features/color-inversion/color-inversion.md
+++ b/docs/data/joy/main-features/color-inversion/color-inversion.md
@@ -14,10 +14,10 @@ On the **left**, the Button's variant is `solid`, which is the highest emphasis
 This conforms to the visual appearance on the screen.
 
 On the **right**, the problem arises when the container's variant becomes `solid`.
-The Button is no longer the highest emphasis element because the it has the same background as the container.
+The Button is no longer the highest emphasis element because it has the same background as the container.
 Also, the text and the icon button don't contrast enough with the parent's background.
 
-The color inversion is implemented to solves this issue, keeping the global variants meaningful when multiple layers of global variants are composed together.
+The color inversion is implemented to solve this issue, keeping the global variants meaningful when multiple layers of global variants are composed together.
 
 ## Overview
 
@@ -54,8 +54,7 @@ Color inversion has no effect on children that have an **explicit** `color` prop
 
 ## Usage
 
-To enable color inversion, use the `invertedColors` prop on one of the two components that support it: [Sheet](/joy-ui/react-sheet/) or [Card](/joy-ui/react-card/).
-Note that this prop only works when these components have the `solid` or `soft` global variant applied.
+To enable color inversion, use the `invertedColors` prop. Note that this prop only works when the components have the `solid` or `soft` global variant applied.
 
 ```js
 <Card variant="solid" invertedColors>…</Card>
diff --git a/docs/data/joy/main-features/dark-mode-optimization/dark-mode-optimization.md b/docs/data/joy/main-features/dark-mode-optimization/dark-mode-optimization.md
index 305bc3ea6b2d87..55fd3ae03d4948 100644
--- a/docs/data/joy/main-features/dark-mode-optimization/dark-mode-optimization.md
+++ b/docs/data/joy/main-features/dark-mode-optimization/dark-mode-optimization.md
@@ -27,10 +27,10 @@ Solving this problem required us to take a novel approach to styling and theming
 
 Thanks to Joy UI's built-in support for CSS variables, your app can render all of its color schemes at build time, so that the user's preference can be injected _before_ the DOM is rendered in the browser.
 
-Joy UI provides the `getInitColorSchemeScript()` function to make this flash-free dark mode possible with React frameworks like Next.js, Remix, and Gatsby.
+Joy UI provides the `getInitColorSchemeScript()` function to make this flash-free dark mode possible with React frameworks like Next.js or Remix.
 This function must be placed before the main script so it can apply the correct stylesheet before your components are rendered.
 
-The code snippet below shows how this works with Next.js—see the [Applying dark mode](/joy-ui/customization/dark-mode/) page for more details on usage with other frameworks:
+The code snippet below shows how this works with the Next.js Pages Router:
 
 ```jsx
 import Document, { Html, Head, Main, NextScript } from 'next/document';
@@ -39,7 +39,7 @@ import { getInitColorSchemeScript } from '@mui/joy/styles';
 export default class MyDocument extends Document {
   render() {
     return (
-      <Html>
+      <Html data-color-scheme="light">
         <Head>...</Head>
         <body>
           {getInitColorSchemeScript()}
@@ -51,3 +51,5 @@ export default class MyDocument extends Document {
   }
 }
 ```
+
+See the [Applying dark mode](/joy-ui/customization/dark-mode/) page for more details on usage with other frameworks.
diff --git a/docs/data/joy/pages.ts b/docs/data/joy/pages.ts
index 4afec33f7dc8c2..93ea42e037a70a 100644
--- a/docs/data/joy/pages.ts
+++ b/docs/data/joy/pages.ts
@@ -80,7 +80,7 @@ const pages: readonly MuiPage[] = [
         pathname: '/joy-ui/components/surfaces',
         subheader: 'surfaces',
         children: [
-          { pathname: '/joy-ui/react-accordion', planned: true },
+          { pathname: '/joy-ui/react-accordion', newFeature: true },
           { pathname: '/joy-ui/react-card' },
           { pathname: '/joy-ui/react-sheet' },
         ],
@@ -90,7 +90,7 @@ const pages: readonly MuiPage[] = [
         subheader: 'navigation',
         children: [
           { pathname: '/joy-ui/react-breadcrumbs' },
-          { pathname: '/joy-ui/react-drawer', planned: true },
+          { pathname: '/joy-ui/react-drawer', newFeature: true },
           { pathname: '/joy-ui/react-link' },
           { pathname: '/joy-ui/react-menu' },
           { pathname: '/joy-ui/react-tabs' },
@@ -117,8 +117,6 @@ const pages: readonly MuiPage[] = [
     pathname: '/joy-ui/customization',
     children: [
       { pathname: '/joy-ui/customization/approaches' },
-      { pathname: '/joy-ui/customization/dark-mode' },
-      { pathname: '/joy-ui/customization/using-css-variables', title: 'Using CSS variables' },
       {
         pathname: '/joy-ui/customization/theme',
         subheader: 'Theme',
@@ -129,6 +127,22 @@ const pages: readonly MuiPage[] = [
           { pathname: '/joy-ui/customization/themed-components', title: 'Components' },
         ],
       },
+      {
+        pathname: '/joy-ui/customization/guides',
+        subheader: 'Guides',
+        children: [
+          { pathname: '/joy-ui/customization/dark-mode' },
+          { pathname: '/joy-ui/customization/using-css-variables', title: 'Using CSS variables' },
+          {
+            pathname: '/joy-ui/customization/creating-themed-components',
+            title: 'Creating themed components',
+          },
+          {
+            pathname: '/joy-ui/customization/overriding-component-structure',
+            title: 'Overriding the component structure',
+          },
+        ],
+      },
       {
         subheader: 'Tools',
         pathname: '/joy-ui/customization/tool',
@@ -140,25 +154,20 @@ const pages: readonly MuiPage[] = [
     ],
   },
   {
-    pathname: '/joy-ui/guides',
-    title: 'How-to guides',
+    pathname: '/joy-ui/integrations',
+    title: 'Integrations',
     children: [
       {
-        pathname: '/joy-ui/guides/overriding-component-structure',
-        title: 'Overriding component structure',
-      },
-      { pathname: '/joy-ui/guides/themeable-component', title: 'Themeable component' },
-      {
-        pathname: '/joy-ui/guides/using-joy-ui-and-material-ui-together',
-        title: 'Joy UI and Material UI together',
+        pathname: '/joy-ui/integrations/next-js-app-router',
+        title: 'Next.js App Router',
       },
       {
-        pathname: '/joy-ui/guides/using-icon-libraries',
-        title: 'Using icon libraries',
+        pathname: '/joy-ui/integrations/material-ui',
+        title: 'Usage with Material UI',
       },
       {
-        pathname: '/joy-ui/guides/next-js-app-router',
-        title: 'Next.js App Router',
+        pathname: '/joy-ui/integrations/icon-libraries',
+        title: 'Using other icon libraries',
       },
     ],
   },
diff --git a/docs/data/joy/pagesApi.js b/docs/data/joy/pagesApi.js
index 9a635aa2f90aaa..792274682953a3 100644
--- a/docs/data/joy/pagesApi.js
+++ b/docs/data/joy/pagesApi.js
@@ -1,4 +1,8 @@
 module.exports = [
+  { pathname: '/joy-ui/api/accordion' },
+  { pathname: '/joy-ui/api/accordion-details' },
+  { pathname: '/joy-ui/api/accordion-group' },
+  { pathname: '/joy-ui/api/accordion-summary' },
   { pathname: '/joy-ui/api/alert' },
   { pathname: '/joy-ui/api/aspect-ratio' },
   { pathname: '/joy-ui/api/autocomplete' },
@@ -20,7 +24,11 @@ module.exports = [
   { pathname: '/joy-ui/api/chip-delete' },
   { pathname: '/joy-ui/api/circular-progress' },
   { pathname: '/joy-ui/api/css-baseline' },
+  { pathname: '/joy-ui/api/dialog-actions' },
+  { pathname: '/joy-ui/api/dialog-content' },
+  { pathname: '/joy-ui/api/dialog-title' },
   { pathname: '/joy-ui/api/divider' },
+  { pathname: '/joy-ui/api/drawer' },
   { pathname: '/joy-ui/api/form-control' },
   { pathname: '/joy-ui/api/form-helper-text' },
   { pathname: '/joy-ui/api/form-label' },
diff --git a/docs/data/material/components/app-bar/DrawerAppBar.js b/docs/data/material/components/app-bar/DrawerAppBar.js
index 3957fc5e029076..6c06b633c0c595 100644
--- a/docs/data/material/components/app-bar/DrawerAppBar.js
+++ b/docs/data/material/components/app-bar/DrawerAppBar.js
@@ -76,7 +76,7 @@ function DrawerAppBar(props) {
           </Box>
         </Toolbar>
       </AppBar>
-      <Box component="nav">
+      <nav>
         <Drawer
           container={container}
           variant="temporary"
@@ -92,7 +92,7 @@ function DrawerAppBar(props) {
         >
           {drawer}
         </Drawer>
-      </Box>
+      </nav>
       <Box component="main" sx={{ p: 3 }}>
         <Toolbar />
         <Typography>
diff --git a/docs/data/material/components/app-bar/DrawerAppBar.tsx b/docs/data/material/components/app-bar/DrawerAppBar.tsx
index 6d6f9dccb24624..1051b04cbe496c 100644
--- a/docs/data/material/components/app-bar/DrawerAppBar.tsx
+++ b/docs/data/material/components/app-bar/DrawerAppBar.tsx
@@ -83,7 +83,7 @@ export default function DrawerAppBar(props: Props) {
           </Box>
         </Toolbar>
       </AppBar>
-      <Box component="nav">
+      <nav>
         <Drawer
           container={container}
           variant="temporary"
@@ -99,7 +99,7 @@ export default function DrawerAppBar(props: Props) {
         >
           {drawer}
         </Drawer>
-      </Box>
+      </nav>
       <Box component="main" sx={{ p: 3 }}>
         <Toolbar />
         <Typography>
diff --git a/docs/data/material/components/app-bar/ResponsiveAppBar.js b/docs/data/material/components/app-bar/ResponsiveAppBar.js
index c641779874aa23..8c435ab912edc5 100644
--- a/docs/data/material/components/app-bar/ResponsiveAppBar.js
+++ b/docs/data/material/components/app-bar/ResponsiveAppBar.js
@@ -44,7 +44,7 @@ function ResponsiveAppBar() {
             variant="h6"
             noWrap
             component="a"
-            href="/"
+            href="#app-bar-with-responsive-menu"
             sx={{
               mr: 2,
               display: { xs: 'none', md: 'flex' },
@@ -99,7 +99,7 @@ function ResponsiveAppBar() {
             variant="h5"
             noWrap
             component="a"
-            href="/"
+            href="#app-bar-with-responsive-menu"
             sx={{
               mr: 2,
               display: { xs: 'flex', md: 'none' },
diff --git a/docs/data/material/components/app-bar/ResponsiveAppBar.tsx b/docs/data/material/components/app-bar/ResponsiveAppBar.tsx
index 68e5e02e460587..d74900b12dee92 100644
--- a/docs/data/material/components/app-bar/ResponsiveAppBar.tsx
+++ b/docs/data/material/components/app-bar/ResponsiveAppBar.tsx
@@ -44,7 +44,7 @@ function ResponsiveAppBar() {
             variant="h6"
             noWrap
             component="a"
-            href="/"
+            href="#app-bar-with-responsive-menu"
             sx={{
               mr: 2,
               display: { xs: 'none', md: 'flex' },
@@ -99,7 +99,7 @@ function ResponsiveAppBar() {
             variant="h5"
             noWrap
             component="a"
-            href="/"
+            href="#app-bar-with-responsive-menu"
             sx={{
               mr: 2,
               display: { xs: 'flex', md: 'none' },
diff --git a/docs/data/material/components/autocomplete/Asynchronous.js b/docs/data/material/components/autocomplete/Asynchronous.js
index beb9c03846ee17..ada8153aa99fd6 100644
--- a/docs/data/material/components/autocomplete/Asynchronous.js
+++ b/docs/data/material/components/autocomplete/Asynchronous.js
@@ -3,9 +3,11 @@ import TextField from '@mui/material/TextField';
 import Autocomplete from '@mui/material/Autocomplete';
 import CircularProgress from '@mui/material/CircularProgress';
 
-function sleep(delay = 0) {
+function sleep(duration) {
   return new Promise((resolve) => {
-    setTimeout(resolve, delay);
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
 
diff --git a/docs/data/material/components/autocomplete/Asynchronous.tsx b/docs/data/material/components/autocomplete/Asynchronous.tsx
index 7fbbd7e62684cd..c2c4e4720ed519 100644
--- a/docs/data/material/components/autocomplete/Asynchronous.tsx
+++ b/docs/data/material/components/autocomplete/Asynchronous.tsx
@@ -8,9 +8,11 @@ interface Film {
   year: number;
 }
 
-function sleep(delay = 0) {
-  return new Promise((resolve) => {
-    setTimeout(resolve, delay);
+function sleep(duration: number): Promise<void> {
+  return new Promise<void>((resolve) => {
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
 
diff --git a/docs/data/material/components/autocomplete/CountrySelect.js b/docs/data/material/components/autocomplete/CountrySelect.js
index 7ee1aa5dec9240..b274edd394c33e 100644
--- a/docs/data/material/components/autocomplete/CountrySelect.js
+++ b/docs/data/material/components/autocomplete/CountrySelect.js
@@ -16,8 +16,8 @@ export default function CountrySelect() {
           <img
             loading="lazy"
             width="20"
-            src={`https://flagcdn.com/w20/${option.code.toLowerCase()}.png`}
             srcSet={`https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`}
+            src={`https://flagcdn.com/w20/${option.code.toLowerCase()}.png`}
             alt=""
           />
           {option.label} ({option.code}) +{option.phone}
diff --git a/docs/data/material/components/autocomplete/CountrySelect.tsx b/docs/data/material/components/autocomplete/CountrySelect.tsx
index 0ded6935207f79..52f628e15a9c04 100644
--- a/docs/data/material/components/autocomplete/CountrySelect.tsx
+++ b/docs/data/material/components/autocomplete/CountrySelect.tsx
@@ -16,8 +16,8 @@ export default function CountrySelect() {
           <img
             loading="lazy"
             width="20"
-            src={`https://flagcdn.com/w20/${option.code.toLowerCase()}.png`}
             srcSet={`https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`}
+            src={`https://flagcdn.com/w20/${option.code.toLowerCase()}.png`}
             alt=""
           />
           {option.label} ({option.code}) +{option.phone}
diff --git a/docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.js b/docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.js
index 26e2712743606b..47e51826760a40 100644
--- a/docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.js
+++ b/docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.js
@@ -75,7 +75,7 @@ export default function FreeSoloCreateOptionDialog() {
         id="free-solo-dialog-demo"
         options={top100Films}
         getOptionLabel={(option) => {
-          // e.g value selected with enter, right from the input
+          // e.g. value selected with enter, right from the input
           if (typeof option === 'string') {
             return option;
           }
diff --git a/docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.tsx b/docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.tsx
index cb8682ab4302bc..429d3dedc6bde3 100644
--- a/docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.tsx
+++ b/docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.tsx
@@ -75,7 +75,7 @@ export default function FreeSoloCreateOptionDialog() {
         id="free-solo-dialog-demo"
         options={top100Films}
         getOptionLabel={(option) => {
-          // e.g value selected with enter, right from the input
+          // e.g. value selected with enter, right from the input
           if (typeof option === 'string') {
             return option;
           }
diff --git a/docs/data/material/components/autocomplete/autocomplete-pt.md b/docs/data/material/components/autocomplete/autocomplete-pt.md
deleted file mode 100644
index 74fce92fd34aaf..00000000000000
--- a/docs/data/material/components/autocomplete/autocomplete-pt.md
+++ /dev/null
@@ -1,335 +0,0 @@
----
-productId: material-ui
-title: Componente React para Autocompletar
-components: TextField, Popper, Autocomplete
-githubLabel: 'component: autocomplete'
-waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/
----
-
-# Autocompletar
-
-<p class="description">O autocompletar é uma entrada de texto normal aprimorada por um painel de opções sugeridas.</p>
-
-Essa ferramenta é útil para configurar os valores de um campo de texto quando em um dos dois cenários abaixo:
-
-1. O valor para a caixa de texto deve ser escolhido a partir de um conjunto pré-definido de valores permitidos, por exemplo, um campo de localização deve conter um nome de localização válido: [caixa de combinação](#combo-box).
-2. A caixa de texto pode conter qualquer valor arbitrário, mas é mais vantajosa, porque pode sugerir possíveis valores para o usuário, por exemplo, um campo de pesquisa que pode sugerir pesquisas anteriores ou semelhantes para economizar o tempo do usuário: [free solo](#free-solo).
-
-A ideia dessa ferramenta é ser uma versão melhorada das bibliotecas "react-select" e "downshift".
-
-{{"component": "modules/components/ComponentLinkHeader.js"}}
-
-## Caixa de combinação
-
-O valor deve ser escolhido a partir de um conjunto predefinido de valores permitidos.
-
-{{"demo": "ComboBox.js"}}
-
-### Estrutura de opções
-
-Por padrão, o componente aceita as seguintes estruturas de opções:
-
-```ts
-interface AutocompleteOption {
-  label: string;
-}
-// ou
-type AutocompleteOption = string;
-```
-
-por exemplo:
-
-```js
-const options = [
-  { label: 'The Godfather', id: 1 },
-  { label: 'Pulp Fiction', id: 2 },
-];
-// ou
-const options = ['The Godfather', 'Pulp Fiction'];
-```
-
-No entanto, você pode usar estruturas diferentes fornecendo a propriedade `getOptionLabel`.
-
-### Área de exemplos
-
-Cada um dos exemplos a seguir demonstra uma funcionalidade do componente Autocomplete.
-
-{{"demo": "Playground.js"}}
-
-### Seleção de países
-
-Escolha um dos 248 países.
-
-{{"demo": "CountrySelect.js"}}
-
-### Estados controlados
-
-O componente tem dois estados que podem ser controlados:
-
-1. o estado "value" com a combinação das propriedades `value`/`onChange`. Esse estado representa o valor selecionado pelo usuário, por exemplo, quando pressionando <kbd class="key">Enter</kbd>.
-2. o estado "input value" com a combinação das propriedades `inputValue`/`onInputChange`. Esse estado representa o valor exibido na caixa de texto.
-
-:::warning
-⚠️ These two states are isolated, they should be controlled independently.
-:::
-
-{{"demo": "ControllableStates.js"}}
-
-## Free solo
-
-Set `freeSolo` to true so the textbox can contain any arbitrary value.
-
-### Campo search
-
-The prop is designed to cover the primary use case of a **search input** with suggestions, e.g. Google search or react-autowhatever.
-
-{{"demo": "FreeSolo.js"}}
-
-:::warning
-⚠️ Be careful when using the free solo mode with non-string options, as it may cause type mismatch.
-
-The value created by typing into the textbox is always a string, regardless of the type of the options.
-:::
-
-### Creatable
-
-If you intend to use this mode for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting:
-
-- `selectOnFocus` para ajudar o usuário a limpar o valor selecionado.
-- `clearOnBlur` para ajudar o usuário a digitar um novo valor.
-- `handleHomeEndKeys` para mover o foco dentro do popup com as teclas <kbd class="key">Home</kbd> e <kbd class="key">End</kbd>.
-- Adicione uma última opção para indicar a possibilidade de adição, por exemplo `Adicionar "SUA PESQUISA"`.
-
-{{"demo": "FreeSoloCreateOption.js"}}
-
-You could also display a dialog when the user wants to add a new value.
-
-{{"demo": "FreeSoloCreateOptionDialog.js"}}
-
-## Agrupamento
-
-You can group the options with the `groupBy` prop. If you do so, make sure that the options are also sorted with the same dimension that they are grouped by, otherwise, you will notice duplicate headers.
-
-{{"demo": "Grouped.js"}}
-
-## Opções desabilitadas
-
-{{"demo": "DisabledOptions.js"}}
-
-## `useAutocomplete`
-
-For advanced customization use cases, a headless `useAutocomplete()` hook is exposed. It accepts almost the same options as the Autocomplete component minus all the props related to the rendering of JSX. The Autocomplete component is built on this hook.
-
-```tsx
-import { useAutocomplete } from '@mui/base/AutocompleteUnstyled';
-```
-
-The `useAutocomplete` hook is also reexported from @mui/material for convenience and backward compatibility.
-
-```tsx
-import { createFilterOptions } from '@material-ui/core/Autocomplete';
-```
-
-- 📦 [4.5 kB gzipped](/size-snapshot/).
-
-{{"demo": "UseAutocomplete.js", "defaultCodeOpen": false}}
-
-### Hook customizado
-
-{{"demo": "CustomizedHook.js"}}
-
-Head to the [customization](#customization) section for an example with the `Autocomplete` component instead of the hook.
-
-## Requisições assíncronas
-
-The component supports two different asynchronous use-cases:
-
-- [Carregar ao abrir](#load-on-open): espera uma interação com o componente para carregar as opções.
-- [Pesquisar enquanto digita](#search-as-you-type): um novo pedido é feito para cada tecla pressionada.
-
-### Carregar ao abrir
-
-It displays a progress state as long as the network request is pending.
-
-{{"demo": "Asynchronous.js"}}
-
-### Pesquisar enquanto digita
-
-If your logic is fetching new options on each keystroke and using the current value of the textbox to filter on the server, you may want to consider throttling requests.
-
-Additionally, you will need to disable the built-in filtering of the `Autocomplete` component by overriding the `filterOptions` prop:
-
-```jsx
-<Autocomplete filterOptions={(x) => x} />
-```
-
-### Lugares com a API do Google Maps
-
-A customized UI for Google Maps Places Autocomplete. For this demo, we need to load the [Google Maps JavaScript](https://developers.google.com/maps/documentation/javascript/overview) and [Google Places](https://developers.google.com/maps/documentation/places/web-service/overview) API.
-
-{{"demo": "GoogleMaps.js"}}
-
-:::warning
-⚠️ Before you can start using the Google Maps JavaScript API and Places API, you need to get your own [API key](https://developers.google.com/maps/documentation/javascript/get-api-key).
-:::
-
-## Múltiplos valores
-
-Also known as tags, the user is allowed to enter more than one value.
-
-{{"demo": "Tags.js"}}
-
-### Opções fixas
-
-In the event that you need to lock certain tags so that they can't be removed, you can set the chips disabled.
-
-{{"demo": "FixedTags.js"}}
-
-### Caixas de seleção
-
-{{"demo": "CheckboxesTags.js"}}
-
-### Limitar tags
-
-You can use the `limitTags` prop to limit the number of displayed options when not focused.
-
-{{"demo": "LimitTags.js"}}
-
-## Tamanhos
-
-Fancy smaller inputs? Use the `size` prop.
-
-{{"demo": "Sizes.js"}}
-
-## Customização
-
-### Input customizado
-
-The `renderInput` prop allows you to customize the rendered input. The first argument of this render prop contains props that you need to forward. Pay specific attention to the `ref` and `inputProps` keys.
-
-{{"demo": "CustomInputAutocomplete.js"}}
-
-### Seletor do GitHub
-
-This demo reproduces GitHub's label picker:
-
-{{"demo": "GitHubLabel.js"}}
-
-Head to the [Customized hook](#customized-hook) section for a customization example with the `useAutocomplete` hook instead of the component.
-
-## Realce
-
-The following demo relies on [autosuggest-highlight](https://github.com/moroshko/autosuggest-highlight), a small (1 kB) utility for highlighting text in autosuggest and autocomplete components.
-
-{{"demo": "Highlights.js"}}
-
-## Filtro customizado
-
-The component exposes a factory to create a filter method that can be provided to the `filterOptions` prop. You can use it to change the default option filter behavior.
-
-```js
-import { createFilterOptions } from '@mui/material/Autocomplete';
-```
-
-### `createFilterOptions(config) => filterOptions`
-
-#### Argumentos
-
-1. `config` (_object_ [opcional]):
-
-- `config.ignoreAccents` (_bool_ [optional]): Padrão como `verdadeiro`. Remover sinais diacríticos.
-- `config.ignoreCase` (_boolean_ [optional]): Padrão como `verdadeiro`. Minúsculas em tudo.
-- `config.limit` (_number_ [opcional]): Padrão null. Limitar o número de opções sugeridas a serem exibidas. Por exemplo, se `config.limit` é `100`, somente as primeiras `100` opções correspondentes são exibidas. Isto pode ser útil se um monte corresponderem e a virtualização não estiver configurada.
-- `config.matchFrom` (_'any' | 'start'_ [opcional]): Padrão `'any'`.
-- `config.stringify` (_func_ [opcional]): Controla a forma como a opção é convertida em texto, dessa forma pode ser comparada com qualquer fragmento de texto.
-- `config.trim` (_bool_ [opcional]): Padrão `false`. Remover espaços ao fim.
-
-#### Retornos
-
-`filterOptions`: the returned filter method can be provided directly to the `filterOptions` prop of the `Autocomplete` component, or the parameter of the same name for the hook.
-
-In the following demo, the options need to start with the query prefix:
-
-```jsx
-const filterOptions = createFilterOptions({
-  matchFrom: 'start',
-  stringify: (option) => option.title,
-});
-
-<Autocomplete filterOptions={filterOptions} />;
-```
-
-{{"demo": "Filter.js", "defaultCodeOpen": false}}
-
-### Avançado
-
-For richer filtering mechanisms, like fuzzy matching, it's recommended to look at [match-sorter](https://github.com/kentcdodds/match-sorter). For instance:
-
-```jsx
-import { matchSorter } from 'match-sorter';
-
-const filterOptions = (options, { inputValue }) => matchSorter(options, inputValue);
-
-<Autocomplete filterOptions={filterOptions} />;
-```
-
-## Virtualização
-
-Search within 10,000 randomly generated options. The list is virtualized thanks to [react-window](https://github.com/bvaughn/react-window).
-
-{{"demo": "Virtualize.js"}}
-
-## Eventos
-
-If you would like to prevent the default key handler behavior, you can set the event's `defaultMuiPrevented` property to `true`:
-
-```jsx
-<Autocomplete
-  onKeyDown={(event) => {
-    if (event.key === 'Enter') {
-      // Previne o comportamento padrão do 'Enter'.
-      event.defaultMuiPrevented = true;
-      // seu código manipulador
-    }
-  }}
-/>
-```
-
-## Limitações
-
-### autocomplete/autofill
-
-Browsers have heuristics to help the user fill in form inputs. However, this can harm the UX of the component.
-
-By default, the component disables the input **autocomplete** feature (remembering what the user has typed for a given field in a previous session) with the `autoComplete="off"` attribute. Google Chrome does not currently support this attribute setting ([Issue 587466](https://bugs.chromium.org/p/chromium/issues/detail?id=587466)). A possible workaround is to remove the `id` to have the component generate a random one.
-
-In addition to remembering past entered values, the browser might also propose **autofill** suggestions (saved login, address, or payment details). In the event you want the avoid autofill, you can try the following:
-
-- Nomeie o campo sem fornecer informações para o navegador do que ele representa. `id="field1"` ao invés de `id="country"`. Se você deixar o id do vazio, o componente utiliza um id aleatório.
-- Defina `autoComplete="new-password"` (alguns navegadores irão sugerir uma senha forte para entradas com esta configuração de atributo):
-
-  ```jsx
-  <TextField
-    {...params}
-    inputProps={{
-      ...params.inputProps,
-      autoComplete: 'new-password',
-    }}
-  />
-  ```
-
-Read [the guide on MDN](https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion) for more details.
-
-### iOS VoiceOver
-
-VoiceOver on iOS Safari doesn't support the `aria-owns` attribute very well. You can work around the issue with the `disablePortal` prop.
-
-### ListboxComponent
-
-If you provide a custom `ListboxComponent` prop, you need to make sure that the intended scroll container has the `role` attribute set to `listbox`. This ensures the correct behavior of the scroll, for example when using the keyboard to navigate.
-
-## Acessibilidade
-
-(WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/)
-
-We encourage the usage of a label for the textbox. The component implements the WAI-ARIA authoring practices.
diff --git a/docs/data/material/components/autocomplete/autocomplete-zh.md b/docs/data/material/components/autocomplete/autocomplete-zh.md
index ec157afcd6cadb..c255dba12670fb 100644
--- a/docs/data/material/components/autocomplete/autocomplete-zh.md
+++ b/docs/data/material/components/autocomplete/autocomplete-zh.md
@@ -70,7 +70,7 @@ const options = ['The Godfather', 'Pulp Fiction'];
 2. “input value” 状态（state) 则包含了 `inputValue`/`onInputChange` 两种属性的组合。 这个状态展示了在文本框中显示的值。
 
 :::warning
-⚠️ These two states are isolated, they should be controlled independently.
+These two states are isolated, they should be controlled independently.
 :::
 
 {{"demo": "ControllableStates.js"}}
@@ -86,7 +86,7 @@ The prop is designed to cover the primary use case of a **search input** with su
 {{"demo": "FreeSolo.js"}}
 
 :::warning
-⚠️ Be careful when using the free solo mode with non-string options, as it may cause type mismatch.
+Be careful when using the free solo mode with non-string options, as it may cause type mismatch.
 
 The value created by typing into the textbox is always a string, regardless of the type of the options.
 :::
@@ -170,7 +170,7 @@ A customized UI for Google Maps Places Autocomplete. For this demo, we need to l
 {{"demo": "GoogleMaps.js"}}
 
 :::warning
-⚠️ Before you can start using the Google Maps JavaScript API and Places API, you need to get your own [API key](https://developers.google.com/maps/documentation/javascript/get-api-key).
+Before you can start using the Google Maps JavaScript API and Places API, you need to get your own [API key](https://developers.google.com/maps/documentation/javascript/get-api-key).
 :::
 
 ## 多个输入值
diff --git a/docs/data/material/components/autocomplete/autocomplete.md b/docs/data/material/components/autocomplete/autocomplete.md
index 9ff7e6a9447ee9..55086bdf720aec 100644
--- a/docs/data/material/components/autocomplete/autocomplete.md
+++ b/docs/data/material/components/autocomplete/autocomplete.md
@@ -81,6 +81,27 @@ Learn more about controlled and uncontrolled components in the [React documentat
 
 {{"demo": "ControllableStates.js"}}
 
+:::warning
+
+If you control the `value`, make sure it's referentially stable between renders.
+In other words, the reference to the value shouldn't change if the value itself doesn't change.
+
+```tsx
+// ⚠️ BAD
+return <Autocomplete multiple value={allValues.filter((v) => v.selected)} />;
+
+// 👍 GOOD
+const selectedValues = React.useMemo(
+  () => allValues.filter((v) => v.selected),
+  [allValues],
+);
+return <Autocomplete multiple value={selectedValues} />;
+```
+
+In the first example, `allValues.filter` is called and returns **a new array** every render.
+The fix includes memoizing the value, so it changes only when needed.
+:::
+
 ## Free solo
 
 Set `freeSolo` to true so the textbox can contain any arbitrary value.
diff --git a/docs/data/material/components/badges/badges.md b/docs/data/material/components/badges/badges.md
index 0cc72e50fca54d..68198ecd0a814b 100644
--- a/docs/data/material/components/badges/badges.md
+++ b/docs/data/material/components/badges/badges.md
@@ -72,15 +72,15 @@ You should provide a full description, for instance, with `aria-label`:
 
 {{"demo": "AccessibleBadges.js"}}
 
-## Experimental API
+## Experimental APIs
 
 ### Material You version
 
-The default Badge component follows the Material Design 2 specs.
-For the Material Design 3 ([Material You](https://m3.material.io/)) version, you can use the new experimental `@mui/material-next` package:
+The default Material UI Badge component follows the Material Design 2 specs.
+To get the Material You ([Material Design 3](https://m3.material.io/)) version, use the new experimental `@mui/material-next` package:
 
 ```js
 import Badge from '@mui/material-next/Badge';
 ```
 
-{{"demo": "BadgeMaterialYouPlayground.js", "hideToolbar": true}}
+{{"demo": "BadgeMaterialYouPlayground.js", "hideToolbar": true, "bg": "playground"}}
diff --git a/docs/data/material/components/buttons/InputFileUpload.js b/docs/data/material/components/buttons/InputFileUpload.js
new file mode 100644
index 00000000000000..27e8b252fc94da
--- /dev/null
+++ b/docs/data/material/components/buttons/InputFileUpload.js
@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import Button from '@mui/material/Button';
+import CloudUploadIcon from '@mui/icons-material/CloudUpload';
+
+const VisuallyHiddenInput = styled('input')({
+  clip: 'rect(0 0 0 0)',
+  clipPath: 'inset(50%)',
+  height: 1,
+  overflow: 'hidden',
+  position: 'absolute',
+  bottom: 0,
+  left: 0,
+  whiteSpace: 'nowrap',
+  width: 1,
+});
+
+export default function InputFileUpload() {
+  return (
+    <Button component="label" variant="contained" startIcon={<CloudUploadIcon />}>
+      Upload file
+      <VisuallyHiddenInput type="file" />
+    </Button>
+  );
+}
diff --git a/docs/data/material/components/buttons/InputFileUpload.tsx b/docs/data/material/components/buttons/InputFileUpload.tsx
new file mode 100644
index 00000000000000..27e8b252fc94da
--- /dev/null
+++ b/docs/data/material/components/buttons/InputFileUpload.tsx
@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import Button from '@mui/material/Button';
+import CloudUploadIcon from '@mui/icons-material/CloudUpload';
+
+const VisuallyHiddenInput = styled('input')({
+  clip: 'rect(0 0 0 0)',
+  clipPath: 'inset(50%)',
+  height: 1,
+  overflow: 'hidden',
+  position: 'absolute',
+  bottom: 0,
+  left: 0,
+  whiteSpace: 'nowrap',
+  width: 1,
+});
+
+export default function InputFileUpload() {
+  return (
+    <Button component="label" variant="contained" startIcon={<CloudUploadIcon />}>
+      Upload file
+      <VisuallyHiddenInput type="file" />
+    </Button>
+  );
+}
diff --git a/docs/data/material/components/buttons/InputFileUpload.tsx.preview b/docs/data/material/components/buttons/InputFileUpload.tsx.preview
new file mode 100644
index 00000000000000..9cdb1581fda0ad
--- /dev/null
+++ b/docs/data/material/components/buttons/InputFileUpload.tsx.preview
@@ -0,0 +1,4 @@
+<Button component="label" variant="contained" startIcon={<CloudUploadIcon />}>
+  Upload file
+  <VisuallyHiddenInput type="file" />
+</Button>
\ No newline at end of file
diff --git a/docs/data/material/components/buttons/LoadingButtonsTransition.js b/docs/data/material/components/buttons/LoadingButtonsTransition.js
index 883966fc010e2f..df36796768c3a1 100644
--- a/docs/data/material/components/buttons/LoadingButtonsTransition.js
+++ b/docs/data/material/components/buttons/LoadingButtonsTransition.js
@@ -13,7 +13,7 @@ export default function LoadingButtonsTransition() {
   }
 
   return (
-    <Box>
+    <div>
       <FormControlLabel
         sx={{
           display: 'block',
@@ -107,6 +107,6 @@ export default function LoadingButtonsTransition() {
           <span>Save</span>
         </LoadingButton>
       </Box>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/material/components/buttons/LoadingButtonsTransition.tsx b/docs/data/material/components/buttons/LoadingButtonsTransition.tsx
index 883966fc010e2f..df36796768c3a1 100644
--- a/docs/data/material/components/buttons/LoadingButtonsTransition.tsx
+++ b/docs/data/material/components/buttons/LoadingButtonsTransition.tsx
@@ -13,7 +13,7 @@ export default function LoadingButtonsTransition() {
   }
 
   return (
-    <Box>
+    <div>
       <FormControlLabel
         sx={{
           display: 'block',
@@ -107,6 +107,6 @@ export default function LoadingButtonsTransition() {
           <span>Save</span>
         </LoadingButton>
       </Box>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/material/components/buttons/buttons.md b/docs/data/material/components/buttons/buttons.md
index 8778a86eba2e40..4e0f80aba7a8c8 100644
--- a/docs/data/material/components/buttons/buttons.md
+++ b/docs/data/material/components/buttons/buttons.md
@@ -112,6 +112,12 @@ Use `color` prop to apply theme color palette to component.
 
 {{"demo": "IconButtonColors.js"}}
 
+## File upload
+
+To create a file upload button, turn the button into a label using `component="label"` and then create a visually-hidden input with type `file`.
+
+{{"demo": "InputFileUpload.js"}}
+
 ## Customization
 
 Here are some examples of customizing the component.
@@ -168,7 +174,7 @@ However:
 
 This has the advantage of supporting any element, for instance, a link `<a>` element.
 
-## Experimental API
+## Experimental APIs
 
 ### Loading button
 
@@ -195,11 +201,11 @@ To prevent this, ensure that the contents of the Loading Button are nested insid
 
 ### Material You version
 
-The default Button component follows the Material Design 2 specs.
-For the Material Design 3 ([Material You](https://m3.material.io/)) version, you can use the new experimental `@mui/material-next` package:
+The default Material UI Button component follows the Material Design 2 specs.
+To get the Material You ([Material Design 3](https://m3.material.io/)) version, use the new experimental `@mui/material-next` package:
 
 ```js
 import Button from '@mui/material-next/Button';
 ```
 
-{{"demo": "ButtonMaterialYouPlayground.js", "hideToolbar": true}}
+{{"demo": "ButtonMaterialYouPlayground.js", "hideToolbar": true, "bg": "playground"}}
diff --git a/docs/data/material/components/cards/cards-pt.md b/docs/data/material/components/cards/cards-pt.md
index ef67a461faa301..1d8e5f1daecf0f 100644
--- a/docs/data/material/components/cards/cards-pt.md
+++ b/docs/data/material/components/cards/cards-pt.md
@@ -45,7 +45,7 @@ Por padrão, nós usamos a combinação de um elemento `<div>` e uma _imagem de
 {{"demo": "ImgMediaCard.js", "bg": true}}
 
 :::warning
-⚠️ When `component="img"`, CardMedia relies on `object-fit` for centering the image. It's not supported by IE11.
+When `component="img"`, CardMedia relies on `object-fit` for centering the image. It's not supported by IE11.
 :::
 
 ## Ação primária
diff --git a/docs/data/material/components/cards/cards-zh.md b/docs/data/material/components/cards/cards-zh.md
index 68a123e7491edf..2dd06c3f981e9a 100644
--- a/docs/data/material/components/cards/cards-zh.md
+++ b/docs/data/material/components/cards/cards-zh.md
@@ -45,7 +45,7 @@ materialDesign: https://m2.material.io/components/cards
 {{"demo": "ImgMediaCard.js", "bg": true}}
 
 :::warning
-⚠️ When `component="img"`, CardMedia relies on `object-fit` for centering the image. It's not supported by IE11.
+When `component="img"`, CardMedia relies on `object-fit` for centering the image. It's not supported by IE11.
 :::
 
 ## 主要（Primary）操作
diff --git a/docs/data/material/components/checkboxes/checkboxes-pt.md b/docs/data/material/components/checkboxes/checkboxes-pt.md
index 4001a44256dfd2..794a8f915afd93 100644
--- a/docs/data/material/components/checkboxes/checkboxes-pt.md
+++ b/docs/data/material/components/checkboxes/checkboxes-pt.md
@@ -54,7 +54,7 @@ Uma caixa de seleção só pode ter dois estados em um formulário: marcado ou d
 {{"demo": "IndeterminateCheckbox.js"}}
 
 :::warning
-⚠️ When indeterminate is set, the value of the `checked` prop only impacts the form submitted values. It has no accessibility or UX implications.
+When indeterminate is set, the value of the `checked` prop only impacts the form submitted values. It has no accessibility or UX implications.
 :::
 
 ## Posicionamento do rótulo
diff --git a/docs/data/material/components/checkboxes/checkboxes-zh.md b/docs/data/material/components/checkboxes/checkboxes-zh.md
index 403b0503e2c22a..1b795b8a396935 100644
--- a/docs/data/material/components/checkboxes/checkboxes-zh.md
+++ b/docs/data/material/components/checkboxes/checkboxes-zh.md
@@ -54,7 +54,7 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
 {{"demo": "IndeterminateCheckbox.js"}}
 
 :::warning
-⚠️ When indeterminate is set, the value of the `checked` prop only impacts the form submitted values. It has no accessibility or UX implications.
+When indeterminate is set, the value of the `checked` prop only impacts the form submitted values. It has no accessibility or UX implications.
 :::
 
 ## 表单组
diff --git a/docs/data/material/components/chips/MultilineChips.js b/docs/data/material/components/chips/MultilineChips.js
index b6a29da3893029..34f4efa2f6ddd2 100644
--- a/docs/data/material/components/chips/MultilineChips.js
+++ b/docs/data/material/components/chips/MultilineChips.js
@@ -4,7 +4,7 @@ import Box from '@mui/material/Box';
 
 export default function MultilineChips() {
   return (
-    <Box width={100}>
+    <Box sx={{ width: 100 }}>
       <Chip
         sx={{
           height: 'auto',
diff --git a/docs/data/material/components/chips/MultilineChips.tsx b/docs/data/material/components/chips/MultilineChips.tsx
index b6a29da3893029..34f4efa2f6ddd2 100644
--- a/docs/data/material/components/chips/MultilineChips.tsx
+++ b/docs/data/material/components/chips/MultilineChips.tsx
@@ -4,7 +4,7 @@ import Box from '@mui/material/Box';
 
 export default function MultilineChips() {
   return (
-    <Box width={100}>
+    <Box sx={{ width: 100 }}>
       <Chip
         sx={{
           height: 'auto',
diff --git a/docs/data/material/components/click-away-listener/click-away-listener.md b/docs/data/material/components/click-away-listener/click-away-listener.md
index 53bf10db531401..1b4bab2a8af643 100644
--- a/docs/data/material/components/click-away-listener/click-away-listener.md
+++ b/docs/data/material/components/click-away-listener/click-away-listener.md
@@ -14,6 +14,6 @@ githubLabel: 'component: ClickAwayListener'
 :::warning
 Please refer to the [Click-Away Listener](/base-ui/react-click-away-listener/) component page in the Base UI docs for demos and details on usage.
 
-Click-Away Listener is a part of the standalone [Base UI](/base-ui/getting-started/) component library.
+Click-Away Listener is a part of the standalone [Base UI](/base-ui/) component library.
 It is currently re-exported from `@mui/material` for your convenience, but it will be removed from this package in a future major version, after `@mui/base` gets a stable release.
 :::
diff --git a/docs/data/material/components/dialogs/CookiesBanner.js b/docs/data/material/components/dialogs/CookiesBanner.js
new file mode 100644
index 00000000000000..93b32a2e461b05
--- /dev/null
+++ b/docs/data/material/components/dialogs/CookiesBanner.js
@@ -0,0 +1,108 @@
+import * as React from 'react';
+import Stack from '@mui/material/Stack';
+import TrapFocus from '@mui/material/Unstable_TrapFocus';
+import CssBaseline from '@mui/material/CssBaseline';
+import AppBar from '@mui/material/AppBar';
+import Toolbar from '@mui/material/Toolbar';
+import Container from '@mui/material/Container';
+import IconButton from '@mui/material/IconButton';
+import MenuIcon from '@mui/icons-material/Menu';
+import Paper from '@mui/material/Paper';
+import Fade from '@mui/material/Fade';
+import Button from '@mui/material/Button';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+
+export default function CookiesBanner() {
+  const [bannerOpen, setBannerOpen] = React.useState(true);
+
+  const closeBanner = () => {
+    setBannerOpen(false);
+  };
+
+  return (
+    <React.Fragment>
+      <CssBaseline />
+      <AppBar position="fixed" component="nav">
+        <Toolbar>
+          <IconButton size="large" edge="start" color="inherit" aria-label="menu">
+            <MenuIcon />
+          </IconButton>
+        </Toolbar>
+      </AppBar>
+      <Container component="main" sx={{ pt: 3 }}>
+        <Toolbar />
+        <Typography paragraph>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua. Rhoncus dolor purus non
+          enim praesent elementum facilisis leo vel. Risus at ultrices mi tempus
+          imperdiet.
+        </Typography>
+        <Typography paragraph>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua. Rhoncus dolor purus non
+          enim praesent elementum facilisis leo vel. Risus at ultrices mi tempus
+          imperdiet.
+        </Typography>
+      </Container>
+      <TrapFocus open disableAutoFocus disableEnforceFocus>
+        <Fade appear={false} in={bannerOpen}>
+          <Paper
+            role="dialog"
+            aria-modal="false"
+            aria-label="Cookie banner"
+            square
+            variant="outlined"
+            tabIndex={-1}
+            sx={{
+              position: 'fixed',
+              bottom: 0,
+              left: 0,
+              right: 0,
+              m: 0,
+              p: 2,
+              borderWidth: 0,
+              borderTopWidth: 1,
+            }}
+          >
+            <Stack
+              direction={{ xs: 'column', sm: 'row' }}
+              justifyContent="space-between"
+              gap={2}
+            >
+              <Box
+                sx={{
+                  flexShrink: 1,
+                  alignSelf: { xs: 'flex-start', sm: 'center' },
+                }}
+              >
+                <Typography fontWeight="bold">This website uses cookies</Typography>
+                <Typography variant="body2">
+                  example.com relies on cookies to improve your experience.
+                </Typography>
+              </Box>
+              <Stack
+                gap={2}
+                direction={{
+                  xs: 'row-reverse',
+                  sm: 'row',
+                }}
+                sx={{
+                  flexShrink: 0,
+                  alignSelf: { xs: 'flex-end', sm: 'center' },
+                }}
+              >
+                <Button size="small" onClick={closeBanner} variant="contained">
+                  Allow all
+                </Button>
+                <Button size="small" onClick={closeBanner}>
+                  Reject all
+                </Button>
+              </Stack>
+            </Stack>
+          </Paper>
+        </Fade>
+      </TrapFocus>
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/material/components/dialogs/CookiesBanner.tsx b/docs/data/material/components/dialogs/CookiesBanner.tsx
new file mode 100644
index 00000000000000..93b32a2e461b05
--- /dev/null
+++ b/docs/data/material/components/dialogs/CookiesBanner.tsx
@@ -0,0 +1,108 @@
+import * as React from 'react';
+import Stack from '@mui/material/Stack';
+import TrapFocus from '@mui/material/Unstable_TrapFocus';
+import CssBaseline from '@mui/material/CssBaseline';
+import AppBar from '@mui/material/AppBar';
+import Toolbar from '@mui/material/Toolbar';
+import Container from '@mui/material/Container';
+import IconButton from '@mui/material/IconButton';
+import MenuIcon from '@mui/icons-material/Menu';
+import Paper from '@mui/material/Paper';
+import Fade from '@mui/material/Fade';
+import Button from '@mui/material/Button';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+
+export default function CookiesBanner() {
+  const [bannerOpen, setBannerOpen] = React.useState(true);
+
+  const closeBanner = () => {
+    setBannerOpen(false);
+  };
+
+  return (
+    <React.Fragment>
+      <CssBaseline />
+      <AppBar position="fixed" component="nav">
+        <Toolbar>
+          <IconButton size="large" edge="start" color="inherit" aria-label="menu">
+            <MenuIcon />
+          </IconButton>
+        </Toolbar>
+      </AppBar>
+      <Container component="main" sx={{ pt: 3 }}>
+        <Toolbar />
+        <Typography paragraph>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua. Rhoncus dolor purus non
+          enim praesent elementum facilisis leo vel. Risus at ultrices mi tempus
+          imperdiet.
+        </Typography>
+        <Typography paragraph>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua. Rhoncus dolor purus non
+          enim praesent elementum facilisis leo vel. Risus at ultrices mi tempus
+          imperdiet.
+        </Typography>
+      </Container>
+      <TrapFocus open disableAutoFocus disableEnforceFocus>
+        <Fade appear={false} in={bannerOpen}>
+          <Paper
+            role="dialog"
+            aria-modal="false"
+            aria-label="Cookie banner"
+            square
+            variant="outlined"
+            tabIndex={-1}
+            sx={{
+              position: 'fixed',
+              bottom: 0,
+              left: 0,
+              right: 0,
+              m: 0,
+              p: 2,
+              borderWidth: 0,
+              borderTopWidth: 1,
+            }}
+          >
+            <Stack
+              direction={{ xs: 'column', sm: 'row' }}
+              justifyContent="space-between"
+              gap={2}
+            >
+              <Box
+                sx={{
+                  flexShrink: 1,
+                  alignSelf: { xs: 'flex-start', sm: 'center' },
+                }}
+              >
+                <Typography fontWeight="bold">This website uses cookies</Typography>
+                <Typography variant="body2">
+                  example.com relies on cookies to improve your experience.
+                </Typography>
+              </Box>
+              <Stack
+                gap={2}
+                direction={{
+                  xs: 'row-reverse',
+                  sm: 'row',
+                }}
+                sx={{
+                  flexShrink: 0,
+                  alignSelf: { xs: 'flex-end', sm: 'center' },
+                }}
+              >
+                <Button size="small" onClick={closeBanner} variant="contained">
+                  Allow all
+                </Button>
+                <Button size="small" onClick={closeBanner}>
+                  Reject all
+                </Button>
+              </Stack>
+            </Stack>
+          </Paper>
+        </Fade>
+      </TrapFocus>
+    </React.Fragment>
+  );
+}
diff --git a/docs/data/material/components/dialogs/CustomizedDialogs.js b/docs/data/material/components/dialogs/CustomizedDialogs.js
index 7a84d23aec56f3..92975712d9e426 100644
--- a/docs/data/material/components/dialogs/CustomizedDialogs.js
+++ b/docs/data/material/components/dialogs/CustomizedDialogs.js
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import Button from '@mui/material/Button';
 import { styled } from '@mui/material/styles';
 import Dialog from '@mui/material/Dialog';
@@ -19,35 +18,6 @@ const BootstrapDialog = styled(Dialog)(({ theme }) => ({
   },
 }));
 
-function BootstrapDialogTitle(props) {
-  const { children, onClose, ...other } = props;
-
-  return (
-    <DialogTitle sx={{ m: 0, p: 2 }} {...other}>
-      {children}
-      {onClose ? (
-        <IconButton
-          aria-label="close"
-          onClick={onClose}
-          sx={{
-            position: 'absolute',
-            right: 8,
-            top: 8,
-            color: (theme) => theme.palette.grey[500],
-          }}
-        >
-          <CloseIcon />
-        </IconButton>
-      ) : null}
-    </DialogTitle>
-  );
-}
-
-BootstrapDialogTitle.propTypes = {
-  children: PropTypes.node,
-  onClose: PropTypes.func.isRequired,
-};
-
 export default function CustomizedDialogs() {
   const [open, setOpen] = React.useState(false);
 
@@ -68,9 +38,21 @@ export default function CustomizedDialogs() {
         aria-labelledby="customized-dialog-title"
         open={open}
       >
-        <BootstrapDialogTitle id="customized-dialog-title" onClose={handleClose}>
+        <DialogTitle sx={{ m: 0, p: 2 }} id="customized-dialog-title">
           Modal title
-        </BootstrapDialogTitle>
+        </DialogTitle>
+        <IconButton
+          aria-label="close"
+          onClick={handleClose}
+          sx={{
+            position: 'absolute',
+            right: 8,
+            top: 8,
+            color: (theme) => theme.palette.grey[500],
+          }}
+        >
+          <CloseIcon />
+        </IconButton>
         <DialogContent dividers>
           <Typography gutterBottom>
             Cras mattis consectetur purus sit amet fermentum. Cras justo odio,
diff --git a/docs/data/material/components/dialogs/CustomizedDialogs.tsx b/docs/data/material/components/dialogs/CustomizedDialogs.tsx
index 61bd776824936a..92975712d9e426 100644
--- a/docs/data/material/components/dialogs/CustomizedDialogs.tsx
+++ b/docs/data/material/components/dialogs/CustomizedDialogs.tsx
@@ -18,36 +18,6 @@ const BootstrapDialog = styled(Dialog)(({ theme }) => ({
   },
 }));
 
-export interface DialogTitleProps {
-  id: string;
-  children?: React.ReactNode;
-  onClose: () => void;
-}
-
-function BootstrapDialogTitle(props: DialogTitleProps) {
-  const { children, onClose, ...other } = props;
-
-  return (
-    <DialogTitle sx={{ m: 0, p: 2 }} {...other}>
-      {children}
-      {onClose ? (
-        <IconButton
-          aria-label="close"
-          onClick={onClose}
-          sx={{
-            position: 'absolute',
-            right: 8,
-            top: 8,
-            color: (theme) => theme.palette.grey[500],
-          }}
-        >
-          <CloseIcon />
-        </IconButton>
-      ) : null}
-    </DialogTitle>
-  );
-}
-
 export default function CustomizedDialogs() {
   const [open, setOpen] = React.useState(false);
 
@@ -68,9 +38,21 @@ export default function CustomizedDialogs() {
         aria-labelledby="customized-dialog-title"
         open={open}
       >
-        <BootstrapDialogTitle id="customized-dialog-title" onClose={handleClose}>
+        <DialogTitle sx={{ m: 0, p: 2 }} id="customized-dialog-title">
           Modal title
-        </BootstrapDialogTitle>
+        </DialogTitle>
+        <IconButton
+          aria-label="close"
+          onClick={handleClose}
+          sx={{
+            position: 'absolute',
+            right: 8,
+            top: 8,
+            color: (theme) => theme.palette.grey[500],
+          }}
+        >
+          <CloseIcon />
+        </IconButton>
         <DialogContent dividers>
           <Typography gutterBottom>
             Cras mattis consectetur purus sit amet fermentum. Cras justo odio,
diff --git a/docs/data/material/components/dialogs/SimpleDialogDemo.js b/docs/data/material/components/dialogs/SimpleDialogDemo.js
index dd1a59ebbb9bb6..3406e1a0bf0de9 100644
--- a/docs/data/material/components/dialogs/SimpleDialogDemo.js
+++ b/docs/data/material/components/dialogs/SimpleDialogDemo.js
@@ -32,8 +32,8 @@ function SimpleDialog(props) {
       <DialogTitle>Set backup account</DialogTitle>
       <List sx={{ pt: 0 }}>
         {emails.map((email) => (
-          <ListItem disableGutters>
-            <ListItemButton onClick={() => handleListItemClick(email)} key={email}>
+          <ListItem disableGutters key={email}>
+            <ListItemButton onClick={() => handleListItemClick(email)}>
               <ListItemAvatar>
                 <Avatar sx={{ bgcolor: blue[100], color: blue[600] }}>
                   <PersonIcon />
diff --git a/docs/data/material/components/dialogs/SimpleDialogDemo.tsx b/docs/data/material/components/dialogs/SimpleDialogDemo.tsx
index 7d850e55bf6cb8..848f5662a1160e 100644
--- a/docs/data/material/components/dialogs/SimpleDialogDemo.tsx
+++ b/docs/data/material/components/dialogs/SimpleDialogDemo.tsx
@@ -37,8 +37,8 @@ function SimpleDialog(props: SimpleDialogProps) {
       <DialogTitle>Set backup account</DialogTitle>
       <List sx={{ pt: 0 }}>
         {emails.map((email) => (
-          <ListItem disableGutters>
-            <ListItemButton onClick={() => handleListItemClick(email)} key={email}>
+          <ListItem disableGutters key={email}>
+            <ListItemButton onClick={() => handleListItemClick(email)}>
               <ListItemAvatar>
                 <Avatar sx={{ bgcolor: blue[100], color: blue[600] }}>
                   <PersonIcon />
diff --git a/docs/data/material/components/dialogs/dialogs.md b/docs/data/material/components/dialogs/dialogs.md
index 914cfeb72f5f42..cbf62b794778ed 100644
--- a/docs/data/material/components/dialogs/dialogs.md
+++ b/docs/data/material/components/dialogs/dialogs.md
@@ -108,6 +108,15 @@ Touching "Cancel" in a confirmation dialog, or pressing Back, cancels the action
 
 {{"demo": "ConfirmationDialog.js"}}
 
+## Non-modal dialog
+
+Dialogs can also be non-modal, meaning they don't interrupt user interaction behind it.
+Visit [the Nielsen Norman Group article](https://www.nngroup.com/articles/modal-nonmodal-dialog/) for more in-depth guidance about modal vs. non-modal dialog usage.
+
+The demo below shows a persistent cookie banner, a common non-modal dialog use case.
+
+{{"demo": "CookiesBanner.js", "iframe": true}}
+
 ## Draggable dialog
 
 You can create a draggable dialog by using [react-draggable](https://github.com/react-grid-layout/react-draggable).
diff --git a/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.js b/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.js
index 6125821cef7431..f36dd5ac0e969e 100644
--- a/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.js
+++ b/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.js
@@ -6,15 +6,15 @@ import NavigationIcon from '@mui/icons-material/Navigation';
 export default function FloatingActionButtonExtendedSize() {
   return (
     <Box sx={{ '& > :not(style)': { m: 1 } }}>
-      <Fab variant="extended" size="small" color="primary" aria-label="add">
+      <Fab variant="extended" size="small" color="primary">
         <NavigationIcon sx={{ mr: 1 }} />
         Extended
       </Fab>
-      <Fab variant="extended" size="medium" color="primary" aria-label="add">
+      <Fab variant="extended" size="medium" color="primary">
         <NavigationIcon sx={{ mr: 1 }} />
         Extended
       </Fab>
-      <Fab variant="extended" color="primary" aria-label="add">
+      <Fab variant="extended" color="primary">
         <NavigationIcon sx={{ mr: 1 }} />
         Extended
       </Fab>
diff --git a/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx b/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx
index 6125821cef7431..f36dd5ac0e969e 100644
--- a/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx
+++ b/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx
@@ -6,15 +6,15 @@ import NavigationIcon from '@mui/icons-material/Navigation';
 export default function FloatingActionButtonExtendedSize() {
   return (
     <Box sx={{ '& > :not(style)': { m: 1 } }}>
-      <Fab variant="extended" size="small" color="primary" aria-label="add">
+      <Fab variant="extended" size="small" color="primary">
         <NavigationIcon sx={{ mr: 1 }} />
         Extended
       </Fab>
-      <Fab variant="extended" size="medium" color="primary" aria-label="add">
+      <Fab variant="extended" size="medium" color="primary">
         <NavigationIcon sx={{ mr: 1 }} />
         Extended
       </Fab>
-      <Fab variant="extended" color="primary" aria-label="add">
+      <Fab variant="extended" color="primary">
         <NavigationIcon sx={{ mr: 1 }} />
         Extended
       </Fab>
diff --git a/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx.preview b/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx.preview
index 5ef6f11854b44f..8fd7b14b9adcc8 100644
--- a/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx.preview
+++ b/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx.preview
@@ -1,12 +1,12 @@
-<Fab variant="extended" size="small" color="primary" aria-label="add">
+<Fab variant="extended" size="small" color="primary">
   <NavigationIcon sx={{ mr: 1 }} />
   Extended
 </Fab>
-<Fab variant="extended" size="medium" color="primary" aria-label="add">
+<Fab variant="extended" size="medium" color="primary">
   <NavigationIcon sx={{ mr: 1 }} />
   Extended
 </Fab>
-<Fab variant="extended" color="primary" aria-label="add">
+<Fab variant="extended" color="primary">
   <NavigationIcon sx={{ mr: 1 }} />
   Extended
 </Fab>
\ No newline at end of file
diff --git a/docs/data/material/components/grid/grid-pt.md b/docs/data/material/components/grid/grid-pt.md
index a31783c800045f..813fc6926e9903 100644
--- a/docs/data/material/components/grid/grid-pt.md
+++ b/docs/data/material/components/grid/grid-pt.md
@@ -15,7 +15,7 @@ Uma [grade](https://m2.material.io/design/layout/responsive-layout-grid.html) cr
 {{"component": "modules/components/ComponentLinkHeader.js"}}
 
 :::warning
-⚠️ The `Grid` component shouldn't be confused with a data grid; it is closer to a layout grid. For a data grid head to [the `DataGrid` component](/x/react-data-grid/).
+The `Grid` component shouldn't be confused with a data grid; it is closer to a layout grid. For a data grid head to [the `DataGrid` component](/x/react-data-grid/).
 :::
 
 ## Como funciona
@@ -79,7 +79,7 @@ Responsive values is supported by:
 - todas as outras propriedades do sistema [other props](#system-props)
 
 :::warning
-⚠️ When using a responsive `columns` prop, each grid item needs its corresponding breakpoint. For instance, this is not working. The grid item misses the value for `md`:
+When using a responsive `columns` prop, each grid item needs its corresponding breakpoint. For instance, this is not working. The grid item misses the value for `md`:
 
 ```jsx
 <Grid container columns={{ xs: 4, md: 12 }}>
diff --git a/docs/data/material/components/grid/grid-zh.md b/docs/data/material/components/grid/grid-zh.md
index ee273267ed2422..a44c5eb61a7050 100644
--- a/docs/data/material/components/grid/grid-zh.md
+++ b/docs/data/material/components/grid/grid-zh.md
@@ -14,7 +14,7 @@ materialDesign: https://m2.material.io/design/layout/understanding-layout.html
 
 {{"component": "modules/components/ComponentLinkHeader.js"}}
 
-警告，不应将`Grid`与data grid相互混淆，那是一个和布局网格相同的网格 For a data grid head to [the `DataGrid` component](/x/react-data-grid/).
+警告，不应将`Grid`与 data grid 相互混淆，那是一个和布局网格相同的网格 For a data grid head to [the `DataGrid` component](/x/react-data-grid/).
 :::
 
 ## 工作原理
@@ -26,9 +26,9 @@ materialDesign: https://m2.material.io/design/layout/understanding-layout.html
 - 每项的宽度是按百分比设置的，所以它们的大小总是相对于它们的父元素流动。
 - 子项目（items）使用内边距来保持和其他块（items）的间距。
 - 其中五个断点可供使用：xs，sm，md，lg 和 xl。
-- 给每个断点赋予的整型值都代表了当视图宽度可以满足断点约束时组件里占用了12个可用列里的几个
+- 给每个断点赋予的整型值都代表了当视图宽度可以满足断点约束时组件里占用了 12 个可用列里的几个
 
-如果你不熟悉flexbox，我们建议你参考 [CSS-Tricks flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)篇
+如果你不熟悉 flexbox，我们建议你参考 [CSS-Tricks flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)篇
 
 ## Fluid grids 流式网格
 
@@ -36,7 +36,7 @@ materialDesign: https://m2.material.io/design/layout/understanding-layout.html
 
 ### 基本栅格
 
-列宽是一个基于1-12的整型值，他们可以用于任意断点来代表组件占用了多少列
+列宽是一个基于 1-12 的整型值，他们可以用于任意断点来代表组件占用了多少列
 
 给定断点适用于其它比它更大的断点（除非重写，你会将在本页的后面看到） 举个例子，`xs={12}`会在无论他自己大小有多大的情况下将组件的宽度调整为占据整个视图宽度
 
@@ -46,13 +46,13 @@ materialDesign: https://m2.material.io/design/layout/understanding-layout.html
 
 组件可能有多个宽度定义，这会导致组件根据指定的断点大小来布局 大的断点的宽度值会覆盖小的断点的宽度值
 
-举个例子，`xs={12} sm={6}`会在视图宽度为 [的时候让组件占据视图一半的宽度（6列）](/material-ui/customization/breakpoints/#default-breakpoints) 对于较小的视图宽度，则会占据所有的12列
+举个例子，`xs={12} sm={6}`会在视图宽度为 [的时候让组件占据视图一半的宽度（6 列）](/material-ui/customization/breakpoints/#default-breakpoints) 对于较小的视图宽度，则会占据所有的 12 列
 
 {{"demo": "FullWidthGrid.js", "bg": true}}
 
 ## Spacing 间距
 
-控制子控件之间的间距，可以使用`spacing`属性 Spacing可以是包含小数和整型值还有字符串的任意大于0的数 属性值会使用[`theme.spacing()`](/material-ui/customization/spacing/)助手来转换成css属性
+控制子控件之间的间距，可以使用`spacing`属性 Spacing 可以是包含小数和整型值还有字符串的任意大于 0 的数 属性值会使用[`theme.spacing()`](/material-ui/customization/spacing/)助手来转换成 css 属性
 
 {{"demo": "SpacingGrid.js", "bg": true}}
 
@@ -78,7 +78,7 @@ Responsive values is supported by:
 - 系统中的所有[其它属性](#system-props)
 
 :::warning
-⚠️ When using a responsive `columns` prop, each grid item needs its corresponding breakpoint. For instance, this is not working. The grid item misses the value for `md`:
+When using a responsive `columns` prop, each grid item needs its corresponding breakpoint. For instance, this is not working. The grid item misses the value for `md`:
 
 ```jsx
 <Grid container columns={{ xs: 4, md: 12 }}>
diff --git a/docs/data/material/components/icons/icons-pt.md b/docs/data/material/components/icons/icons-pt.md
deleted file mode 100644
index 8b4410b59a9b9c..00000000000000
--- a/docs/data/material/components/icons/icons-pt.md
+++ /dev/null
@@ -1,323 +0,0 @@
----
-productId: material-ui
-title: Componente React para Ícones
-components: Icon, SvgIcon
-githubLabel: 'components: SvgIcon'
-materialDesign: https://m2.material.io/design/iconography/system-icons.html
----
-
-# Ícones
-
-<p class="description">Orientação e sugestões para usar ícones com o Material-UI.</p>
-
-Material-UI fornece suporte de ícones de três maneiras:
-
-1. Standardized [Material Icons](#material-svg-icons) exported as React components (SVG icons).
-1. Com o componente [SvgIcon](#svgicon), um wrapper React para ícones SVG customizados.
-1. Com o componente [Icon](#icon-font-icons), um wrapper React para ícones de fonte customizados.
-
-## Material SVG icons
-
-Google has created over 2,000 official Material icons, each in five different "themes" (see below). Para cada ícone SVG, exportamos o respectivo componente React do pacote @material-ui/icons. You can [search the full list of these icons](/material-ui/material-icons/).
-
-### Instalação
-
-To install and save in your `package.json` dependencies, run the command below using **npm**:
-
-```bash
-npm install @mui/icons-material
-```
-
-Or **yarn**:
-
-```bash
-yarn add @mui/icons-material
-```
-
-These components use the MUI `SvgIcon` component to render the SVG path for each icon, and so have a peer-dependency on `@mui/material`.
-
-If you aren't already using Material UI in your project, you can add it following the [installation guide](/material-ui/getting-started/installation/).
-
-### Uso
-
-Import icons using one of these two options:
-
-- Opção 1:
-
-  ```jsx
-  import AccessAlarmIcon from '@mui/icons-material/AccessAlarm';
-  import ThreeDRotation from '@mui/icons-material/ThreeDRotation';
-  ```
-
-- Opção 2:
-
-  ```jsx
-  import { AccessAlarm, ThreeDRotation } from '@mui/icons-material';
-  ```
-
-The safest for bundle size is Option 1, but some developers prefer Option 2. Make sure you follow the [minimizing bundle size guide](/material-ui/guides/minimizing-bundle-size/#option-two-use-a-babel-plugin) before using the second approach.
-
-Each Material icon also has a "theme": Filled (default), Outlined, Rounded, Two-tone, and Sharp. To import the icon component with a theme other than the default, append the theme name to the icon name. For example `@mui/icons-material/Delete` icon with:
-
-- Tema Filled (preenchido que é o padrão) é exportado como `@material-ui/icons/Delete`,
-- Tema Outlined (contornado) é exportado como `@material-ui/icons/DeleteOutlined`,
-- Tema Rounded (arredondado) é exportado como `@material-ui/icons/DeleteRounded`,
-- Tema Two tone (dois tons) é exportado como `@material-ui/icons/DeleteTwoTone`,
-- Tema Sharp (pontiagudo) é exportado como `@material-ui/icons/DeleteSharp`.
-
-:::info
-Note: The Material Design guidelines name the icons using "snake_case" naming (for example `delete_forever`, `add_a_photo`), while `@mui/icons-material` exports the respective icons using "PascalCase" naming (for example `DeleteForever`, `AddAPhoto`). There are three exceptions to this naming rule: `3d_rotation` exported as `ThreeDRotation`, `4k` exported as `FourK`, and `360` exported as `ThreeSixty`.
-:::
-
-{{"demo": "SvgMaterialIcons.js"}}
-
-### Testando
-
-For testing purposes, each icon exposed from `@mui/icons-material` has a `data-testid` attribute with the name of the icon. For instance:
-
-```jsx
-import DeleteIcon from '@mui/icons-material/Delete';
-```
-
-has the following attribute once mounted:
-
-```html
-<svg data-testid="DeleteIcon"></svg>
-```
-
-## SvgIcon
-
-If you need a custom SVG icon (not available in the [Material Icons](/material-ui/material-icons/)) you can use the `SvgIcon` wrapper. This component extends the native `<svg>` element:
-
-- Ele vem internamente com a acessibilidade.
-- Os elementos SVG devem ser dimensionados para uma visualização de 24x24px, de modo que o ícone resultante possa ser usado como está, ou incluído como filho para outros componentes de Material-UI que usam ícones. This can be customized with the `viewBox` attribute. To inherit the `viewBox` value from the original image, the `inheritViewBox` prop can be used.
-- Por padrão, o componente herda a cor atual. Opcionalmente, você pode aplicar uma das cores do tema usando a propriedade `color`.
-
-```jsx
-function HomeIcon(props) {
-  return (
-    <SvgIcon {...props}>
-      <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
-    </SvgIcon>
-  );
-}
-```
-
-### Cor
-
-{{"demo": "SvgIconsColor.js"}}
-
-### Tamanho
-
-{{"demo": "SvgIconsSize.js"}}
-
-### Propriedade Componente
-
-You can use the `SvgIcon` wrapper even if your icons are saved in the `.svg` format. [svgr](https://github.com/gregberge/svgr) has loaders to import SVG files and use them as React components. For example, with webpack:
-
-```jsx
-// webpack.config.js
-{
-  test: /\.svg$/,
-  use: ['@svgr/webpack'],
-}
-
-// ---
-import StarIcon from './star.svg';
-
-<SvgIcon component={StarIcon} inheritViewBox />
-```
-
-It's also possible to use it with "url-loader" or "file-loader". This is the approach used by Create React App.
-
-```jsx
-// webpack.config.js
-{
-  test: /\.svg$/,
-  use: ['@svgr/webpack', 'url-loader'],
-}
-
-// ---
-import { ReactComponent as StarIcon } from './star.svg';
-
-<SvgIcon component={StarIcon} inheritViewBox />
-```
-
-### createSvgIcon
-
-The `createSvgIcon` utility component is used to create the [Material Icons](#material-icons). It can be used to wrap an SVG path with an SvgIcon component.
-
-```jsx
-const HomeIcon = createSvgIcon(
-  <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />,
-  'Home',
-);
-```
-
-{{"demo": "CreateSvgIcon.js"}}
-
-### Fonte Awesome
-
-If you find that there are layout issues when using FontAwesomeIcon from `@fortawesome/react-fontawesome`, you can try passing the Font Awesome SVG data directly to SvgIcon.
-
-Below is a comparison of the `FontAwesomeIcon` component and a wrapped `SvgIcon` component.
-
-{{"demo": "FontAwesomeSvgIconDemo.js"}}
-
-FontAwesomeIcon's `fullWidth` prop can also be used to approximate the correct dimensions, but it isn't perfect.
-
-### Fonte Material icons
-
-#### MDI
-
-[materialdesignicons.com](https://pictogrammers.com/library/mdi/) provides over 2,000 icons. For the wanted icon, copy the SVG `path` they provide, and use it as the child of the `SvgIcon` component, or with `createSvgIcon()`.
-
-Note: [mdi-material-ui](https://github.com/TeamWertarbyte/mdi-material-ui) has already wrapped each of these SVG icons with the `SvgIcon` component, so you don't have to do it yourself.
-
-## Ícone (ícones de fonte)
-
-The `Icon` component will display an icon from any icon font that supports ligatures. As a prerequisite, you must include one, such as the [Material Icons font](https://google.github.io/material-design-icons/#icon-font-for-the-web) in your project. To use an icon simply wrap the icon name (font ligature) with the `Icon` component, for example:
-
-```jsx
-import Icon from '@mui/material/Icon';
-
-<Icon>star</Icon>;
-```
-
-By default, an Icon will inherit the current text color. Optionally, you can set the icon color using one of the theme color properties: `primary`, `secondary`, `action`, `error` & `disabled`.
-
-### Font Material Icons
-
-`Icon` will by default set the correct base class name for the Material Icons font (filled variant). All you need to do is load the font, for instance, via Google Web Fonts:
-
-```html
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/icon?family=Material+Icons"
-/>
-```
-
-{{"demo": "Icons.js"}}
-
-### Fonte customizada
-
-For other fonts, you can customize the baseline class name using the `baseClassName` prop. For instance, you can display two-tone icons with Material Design:
-
-```jsx
-import Icon from '@mui/material/Icon';
-
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Material+Icons+Two+Tone"
-  // Import the two tones MD variant                           ^^^^^^^^
-/>;
-```
-
-{{"demo": "TwoToneIcons.js"}}
-
-#### Nome da classe base global
-
-Modifying the `baseClassName` prop for each component usage is repetitive. You can change the default prop globally with the theme
-
-```js
-const theme = createTheme({
-  components: {
-    MuiIcon: {
-      defaultProps: {
-        // Replace the `material-icons` default value.
-        baseClassName: 'material-icons-two-tone',
-      },
-    },
-  },
-});
-```
-
-Then, you can use the two-tone font directly:
-
-```jsx
-<Icon>add_circle</Icon>
-```
-
-### Fonte Awesome
-
-[Font Awesome](https://fontawesome.com/icons) can be used with the `Icon` component as follows:
-
-{{"demo": "FontAwesomeIcon.js"}}
-
-Note that the Font Awesome icons weren't designed like the Material Icons (compare the two previous demos). The fa icons are cropped to use all the space available. You can adjust for this with a global override:
-
-```js
-const theme = createTheme({
-  components: {
-    MuiIcon: {
-      styleOverrides: {
-        root: {
-          // Match 24px = 3 * 2 + 1.125 * 16
-          boxSizing: 'content-box',
-          padding: 3,
-          fontSize: '1.125rem',
-        },
-      },
-    },
-  },
-});
-```
-
-{{"demo": "FontAwesomeIconSize.js"}}
-
-## Fonte vs SVG. Qual abordagem usar?
-
-Both approaches work fine, however there are some subtle differences, especially in terms of performance and rendering quality. Whenever possible SVG is preferred as it allows code splitting, supports more icons, and renders faster and better.
-
-For more details, take a look at [why GitHub migrated from font icons to SVG icons](https://github.blog/2016-02-22-delivering-octicons-with-svg/).
-
-## Acessibilidade
-
-Icons can convey all sorts of meaningful information, so it's important to ensure they are accessible where appropriate. There are two use cases you'll want to consider:
-
-- **Ícones decorativos** que são usados apenas para reforço visual ou de marca. Se eles forem removidos da página, os usuários ainda entenderiam e poderiam usar sua página.
-- **Semantic icons** are ones that you're using to convey meaning, rather than just pure decoration. Isso inclui ícones sem texto ao lado deles que são usados como controles interativos — botões, elementos de forma, toggles, etc.
-
-### Ícones decorativos
-
-If your icons are purely decorative, you're already done! The `aria-hidden=true` attribute is added so that your icons are properly accessible (invisible).
-
-### Ícones semânticos
-
-#### Ícones SVG semânticos
-
-You should include the `titleAccess` prop with a meaningful value. The `role="img"` attribute and the `<title>` element are added so that your icons are correctly accessible.
-
-In the case of focusable interactive elements, for example when used with an icon button, you can use the `aria-label` prop:
-
-```jsx
-import IconButton from '@mui/material/IconButton';
-import SvgIcon from '@mui/material/SvgIcon';
-
-// ...
-
-<IconButton aria-label="delete">
-  <SvgIcon>
-    <path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z" />
-  </SvgIcon>
-</IconButton>;
-```
-
-#### Ícones de fonte semânticos
-
-You need to provide a text alternative that is only visible to assistive technologies.
-
-```jsx
-import Box from '@mui/material/Box';
-import Icon from '@mui/material/Icon';
-import { visuallyHidden } from '@mui/utils';
-
-// ...
-
-<Icon>add_circle</Icon>
-<Box component="span" sx={visuallyHidden}>Create a user</Box>
-```
-
-#### Referência
-
-- https://www.tpgi.com/using-aria-enhance-svg-accessibility/
diff --git a/docs/data/material/components/icons/icons-zh.md b/docs/data/material/components/icons/icons-zh.md
deleted file mode 100644
index eb40fc67755a98..00000000000000
--- a/docs/data/material/components/icons/icons-zh.md
+++ /dev/null
@@ -1,323 +0,0 @@
----
-productId: material-ui
-title: React Icon（图标）组件
-components: Icon, SvgIcon
-githubLabel: 'components: SvgIcon'
-materialDesign: https://m2.material.io/design/iconography/system-icons.html
----
-
-# Icons 图标
-
-<p class="description">我们提供了一些建议和指导，能够帮助您在 MUI 中使用图标。</p>
-
-MUI通过以下三种方式来支持图标的使用：
-
-1. Standardized [Material Icons](#material-svg-icons) exported as React components (SVG icons).
-1. 或者可以将自定义的 SVG 图标通过 [SvgIcon](#svgicon) 组件来包装成一个 React 组件。
-1. 或者可以将自定义的 font 图标通过 [ Icon ](#icon-font-icons) 组件来包装成一个 React 组件。
-
-## Material SVG icons
-
-Google has created over 2,000 official Material icons, each in five different "themes" (see below). 对于每个 SVG 图标，我们从`@mui/icons-material` 包中导出相应的 React 组件。 You can [search the full list of these icons](/material-ui/material-icons/).
-
-### 安装
-
-To install and save in your `package.json` dependencies, run the command below using **npm**:
-
-```bash
-npm install @mui/icons-material
-```
-
-Or **yarn**:
-
-```bash
-yarn add @mui/icons-material
-```
-
-These components use the MUI `SvgIcon` component to render the SVG path for each icon, and so have a peer-dependency on `@mui/material`.
-
-If you aren't already using Material UI in your project, you can add it following the [installation guide](/material-ui/getting-started/installation/).
-
-### 使用
-
-Import icons using one of these two options:
-
-- 方法 1:
-
-  ```jsx
-  import AccessAlarmIcon from '@mui/icons-material/AccessAlarm';
-  import ThreeDRotation from '@mui/icons-material/ThreeDRotation';
-  ```
-
-- 方法 2:
-
-  ```jsx
-  import { AccessAlarm, ThreeDRotation } from '@mui/icons-material';
-  ```
-
-The safest for bundle size is Option 1, but some developers prefer Option 2. Make sure you follow the [minimizing bundle size guide](/material-ui/guides/minimizing-bundle-size/#option-two-use-a-babel-plugin) before using the second approach.
-
-Each Material icon also has a "theme": Filled (default), Outlined, Rounded, Two-tone, and Sharp. To import the icon component with a theme other than the default, append the theme name to the icon name. For example `@mui/icons-material/Delete` icon with:
-
-- 导出为 Filled 主题（默认值）：`@mui/icons/Delete`，
-- 导出为 Outlined 主题：`@mui/icons/DeleteOutlined`，
-- 导出为 Rounded 主题：`@mui/icons/DeleteRounded`，
-- 导出为 Twotone 主题：`@mui/icons/DeleteTwoTone`，
-- 导出为 Sharp 主题：`@mui/icons/DeleteSharp`，
-
-:::info
-Note: The Material Design guidelines name the icons using "snake_case" naming (for example `delete_forever`, `add_a_photo`), while `@mui/icons-material` exports the respective icons using "PascalCase" naming (for example `DeleteForever`, `AddAPhoto`). There are three exceptions to this naming rule: `3d_rotation` exported as `ThreeDRotation`, `4k` exported as `FourK`, and `360` exported as `ThreeSixty`.
-:::
-
-{{"demo": "SvgMaterialIcons.js"}}
-
-### 测试
-
-For testing purposes, each icon exposed from `@mui/icons-material` has a `data-testid` attribute with the name of the icon. For instance:
-
-```jsx
-import DeleteIcon from '@mui/icons-material/Delete';
-```
-
-has the following attribute once mounted:
-
-```html
-<svg data-testid="DeleteIcon"></svg>
-```
-
-## SvgIcon（Svg 图标）
-
-If you need a custom SVG icon (not available in the [Material Icons](/material-ui/material-icons/)) you can use the `SvgIcon` wrapper. This component extends the native `<svg>` element:
-
-- 它具备一些内置的无障碍设计。
-- SVG 元素应该在 24x24px 的视口中进行缩放，这样所渲染的图标就可以按原样使用，或者作为其他使用图标的 Material-UI 组件的子元素。 使用 `viewBox` 属性，您可以随意自定义。 要继承原始图像的 `viewBox` 值，可以使用 `inheritViewBox` 属性。
-- 默认情况下，此组件会继承当前的颜色。 当然，通过 `color` 这个属性，你可以让图标使用主题里的颜色。
-
-```jsx
-function HomeIcon(props) {
-  return (
-    <SvgIcon {...props}>
-      <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
-    </SvgIcon>
-  );
-}
-```
-
-### Color 颜色
-
-{{"demo": "SvgIconsColor.js"}}
-
-### Size 大小
-
-{{"demo": "SvgIconsSize.js"}}
-
-### 组件属性
-
-You can use the `SvgIcon` wrapper even if your icons are saved in the `.svg` format. [svgr](https://github.com/gregberge/svgr) has loaders to import SVG files and use them as React components. For example, with webpack:
-
-```jsx
-// webpack.config.js
-{
-  test: /\.svg$/,
-  use: ['@svgr/webpack'],
-}
-
-// ---
-import StarIcon from './star.svg';
-
-<SvgIcon component={StarIcon} inheritViewBox />
-```
-
-It's also possible to use it with "url-loader" or "file-loader". This is the approach used by Create React App.
-
-```jsx
-// webpack.config.js
-{
-  test: /\.svg$/,
-  use: ['@svgr/webpack', 'url-loader'],
-}
-
-// ---
-import { ReactComponent as StarIcon } from './star.svg';
-
-<SvgIcon component={StarIcon} inheritViewBox />
-```
-
-### createSvgIcon
-
-The `createSvgIcon` utility component is used to create the [Material Icons](#material-icons). It can be used to wrap an SVG path with an SvgIcon component.
-
-```jsx
-const HomeIcon = createSvgIcon(
-  <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />,
-  'Home',
-);
-```
-
-{{"demo": "CreateSvgIcon.js"}}
-
-### Font Awesome
-
-If you find that there are layout issues when using FontAwesomeIcon from `@fortawesome/react-fontawesome`, you can try passing the Font Awesome SVG data directly to SvgIcon.
-
-Below is a comparison of the `FontAwesomeIcon` component and a wrapped `SvgIcon` component.
-
-{{"demo": "FontAwesomeSvgIconDemo.js"}}
-
-FontAwesomeIcon's `fullWidth` prop can also be used to approximate the correct dimensions, but it isn't perfect.
-
-### 其他图标库
-
-#### MDI
-
-[materialdesignicons.com](https://pictogrammers.com/library/mdi/) provides over 2,000 icons. For the wanted icon, copy the SVG `path` they provide, and use it as the child of the `SvgIcon` component, or with `createSvgIcon()`.
-
-Note: [mdi-material-ui](https://github.com/TeamWertarbyte/mdi-material-ui) has already wrapped each of these SVG icons with the `SvgIcon` component, so you don't have to do it yourself.
-
-## Icon（字体图标）
-
-The `Icon` component will display an icon from any icon font that supports ligatures. As a prerequisite, you must include one, such as the [Material Icons font](https://google.github.io/material-design-icons/#icon-font-for-the-web) in your project. To use an icon simply wrap the icon name (font ligature) with the `Icon` component, for example:
-
-```jsx
-import Icon from '@mui/material/Icon';
-
-<Icon>star</Icon>;
-```
-
-By default, an Icon will inherit the current text color. Optionally, you can set the icon color using one of the theme color properties: `primary`, `secondary`, `action`, `error` & `disabled`.
-
-### Font Material Icons
-
-`Icon` will by default set the correct base class name for the Material Icons font (filled variant). All you need to do is load the font, for instance, via Google Web Fonts:
-
-```html
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/icon?family=Material+Icons"
-/>
-```
-
-{{"demo": "Icons.js"}}
-
-### 自定义字体
-
-For other fonts, you can customize the baseline class name using the `baseClassName` prop. For instance, you can display two-tone icons with Material Design:
-
-```jsx
-import Icon from '@mui/material/Icon';
-
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Material+Icons+Two+Tone"
-  // Import the two tones MD variant                           ^^^^^^^^
-/>;
-```
-
-{{"demo": "TwoToneIcons.js"}}
-
-#### 全局类名
-
-Modifying the `baseClassName` prop for each component usage is repetitive. You can change the default prop globally with the theme
-
-```js
-const theme = createTheme({
-  components: {
-    MuiIcon: {
-      defaultProps: {
-        // Replace the `material-icons` default value.
-        baseClassName: 'material-icons-two-tone',
-      },
-    },
-  },
-});
-```
-
-Then, you can use the two-tone font directly:
-
-```jsx
-<Icon>add_circle</Icon>
-```
-
-### Font Awesome
-
-[Font Awesome](https://fontawesome.com/icons) can be used with the `Icon` component as follows:
-
-{{"demo": "FontAwesomeIcon.js"}}
-
-Note that the Font Awesome icons weren't designed like the Material Icons (compare the two previous demos). The fa icons are cropped to use all the space available. You can adjust for this with a global override:
-
-```js
-const theme = createTheme({
-  components: {
-    MuiIcon: {
-      styleOverrides: {
-        root: {
-          // Match 24px = 3 * 2 + 1.125 * 16
-          boxSizing: 'content-box',
-          padding: 3,
-          fontSize: '1.125rem',
-        },
-      },
-    },
-  },
-});
-```
-
-{{"demo": "FontAwesomeIconSize.js"}}
-
-## Font vs SVG。 使用哪个更好呢？
-
-Both approaches work fine, however there are some subtle differences, especially in terms of performance and rendering quality. Whenever possible SVG is preferred as it allows code splitting, supports more icons, and renders faster and better.
-
-For more details, take a look at [why GitHub migrated from font icons to SVG icons](https://github.blog/2016-02-22-delivering-octicons-with-svg/).
-
-## 无障碍设计
-
-Icons can convey all sorts of meaningful information, so it's important to ensure they are accessible where appropriate. There are two use cases you'll want to consider:
-
-- **装饰性图标**仅用于增强视觉或强调品牌。 即使将它们从页面中移除，用户仍然可以理解并能够使用整个界面。
-- **语义图标**指你用来传达意义的图标，而不仅仅是纯粹的装饰。 这包含了没有文字辅助说明的图标，这些图标一般被用作在交互式控件中 — 按钮、表单元素、切换按钮等。
-
-### 装饰性图标
-
-If your icons are purely decorative, you're already done! The `aria-hidden=true` attribute is added so that your icons are properly accessible (invisible).
-
-### 语义图标
-
-#### 语义化的 SVG icons
-
-You should include the `titleAccess` prop with a meaningful value. The `role="img"` attribute and the `<title>` element are added so that your icons are correctly accessible.
-
-In the case of focusable interactive elements, for example when used with an icon button, you can use the `aria-label` prop:
-
-```jsx
-import IconButton from '@mui/material/IconButton';
-import SvgIcon from '@mui/material/SvgIcon';
-
-// ...
-
-<IconButton aria-label="delete">
-  <SvgIcon>
-    <path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z" />
-  </SvgIcon>
-</IconButton>;
-```
-
-#### 语义化的 font icons
-
-You need to provide a text alternative that is only visible to assistive technologies.
-
-```jsx
-import Box from '@mui/material/Box';
-import Icon from '@mui/material/Icon';
-import { visuallyHidden } from '@mui/utils';
-
-// ...
-
-<Icon>add_circle</Icon>
-<Box component="span" sx={visuallyHidden}>Create a user</Box>
-```
-
-#### 参考
-
-- https://www.tpgi.com/using-aria-enhance-svg-accessibility/
diff --git a/docs/data/material/components/image-list/MasonryImageList.js b/docs/data/material/components/image-list/MasonryImageList.js
index a98a12a61a908f..ac4258fa09a678 100644
--- a/docs/data/material/components/image-list/MasonryImageList.js
+++ b/docs/data/material/components/image-list/MasonryImageList.js
@@ -10,8 +10,8 @@ export default function MasonryImageList() {
         {itemData.map((item) => (
           <ImageListItem key={item.img}>
             <img
-              src={`${item.img}?w=248&fit=crop&auto=format`}
               srcSet={`${item.img}?w=248&fit=crop&auto=format&dpr=2 2x`}
+              src={`${item.img}?w=248&fit=crop&auto=format`}
               alt={item.title}
               loading="lazy"
             />
diff --git a/docs/data/material/components/image-list/MasonryImageList.tsx b/docs/data/material/components/image-list/MasonryImageList.tsx
index a98a12a61a908f..ac4258fa09a678 100644
--- a/docs/data/material/components/image-list/MasonryImageList.tsx
+++ b/docs/data/material/components/image-list/MasonryImageList.tsx
@@ -10,8 +10,8 @@ export default function MasonryImageList() {
         {itemData.map((item) => (
           <ImageListItem key={item.img}>
             <img
-              src={`${item.img}?w=248&fit=crop&auto=format`}
               srcSet={`${item.img}?w=248&fit=crop&auto=format&dpr=2 2x`}
+              src={`${item.img}?w=248&fit=crop&auto=format`}
               alt={item.title}
               loading="lazy"
             />
diff --git a/docs/data/material/components/image-list/MasonryImageList.tsx.preview b/docs/data/material/components/image-list/MasonryImageList.tsx.preview
index 15833b26f6edf2..a56d1725430767 100644
--- a/docs/data/material/components/image-list/MasonryImageList.tsx.preview
+++ b/docs/data/material/components/image-list/MasonryImageList.tsx.preview
@@ -2,8 +2,8 @@
   {itemData.map((item) => (
     <ImageListItem key={item.img}>
       <img
-        src={`${item.img}?w=248&fit=crop&auto=format`}
         srcSet={`${item.img}?w=248&fit=crop&auto=format&dpr=2 2x`}
+        src={`${item.img}?w=248&fit=crop&auto=format`}
         alt={item.title}
         loading="lazy"
       />
diff --git a/docs/data/material/components/image-list/StandardImageList.js b/docs/data/material/components/image-list/StandardImageList.js
index 7b275e751ba8e1..2f286fc6809ec9 100644
--- a/docs/data/material/components/image-list/StandardImageList.js
+++ b/docs/data/material/components/image-list/StandardImageList.js
@@ -8,8 +8,8 @@ export default function StandardImageList() {
       {itemData.map((item) => (
         <ImageListItem key={item.img}>
           <img
-            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
             srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
             alt={item.title}
             loading="lazy"
           />
diff --git a/docs/data/material/components/image-list/StandardImageList.tsx b/docs/data/material/components/image-list/StandardImageList.tsx
index 7b275e751ba8e1..2f286fc6809ec9 100644
--- a/docs/data/material/components/image-list/StandardImageList.tsx
+++ b/docs/data/material/components/image-list/StandardImageList.tsx
@@ -8,8 +8,8 @@ export default function StandardImageList() {
       {itemData.map((item) => (
         <ImageListItem key={item.img}>
           <img
-            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
             srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
             alt={item.title}
             loading="lazy"
           />
diff --git a/docs/data/material/components/image-list/StandardImageList.tsx.preview b/docs/data/material/components/image-list/StandardImageList.tsx.preview
index b5bd5036a6f7e8..613d25ded6ca18 100644
--- a/docs/data/material/components/image-list/StandardImageList.tsx.preview
+++ b/docs/data/material/components/image-list/StandardImageList.tsx.preview
@@ -2,8 +2,8 @@
   {itemData.map((item) => (
     <ImageListItem key={item.img}>
       <img
-        src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
         srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+        src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
         alt={item.title}
         loading="lazy"
       />
diff --git a/docs/data/material/components/image-list/TitlebarBelowImageList.js b/docs/data/material/components/image-list/TitlebarBelowImageList.js
index 64130c6ea7e015..4363c50690e36a 100644
--- a/docs/data/material/components/image-list/TitlebarBelowImageList.js
+++ b/docs/data/material/components/image-list/TitlebarBelowImageList.js
@@ -9,8 +9,8 @@ export default function TitlebarBelowImageList() {
       {itemData.map((item) => (
         <ImageListItem key={item.img}>
           <img
-            src={`${item.img}?w=248&fit=crop&auto=format`}
             srcSet={`${item.img}?w=248&fit=crop&auto=format&dpr=2 2x`}
+            src={`${item.img}?w=248&fit=crop&auto=format`}
             alt={item.title}
             loading="lazy"
           />
diff --git a/docs/data/material/components/image-list/TitlebarBelowImageList.tsx b/docs/data/material/components/image-list/TitlebarBelowImageList.tsx
index 64130c6ea7e015..4363c50690e36a 100644
--- a/docs/data/material/components/image-list/TitlebarBelowImageList.tsx
+++ b/docs/data/material/components/image-list/TitlebarBelowImageList.tsx
@@ -9,8 +9,8 @@ export default function TitlebarBelowImageList() {
       {itemData.map((item) => (
         <ImageListItem key={item.img}>
           <img
-            src={`${item.img}?w=248&fit=crop&auto=format`}
             srcSet={`${item.img}?w=248&fit=crop&auto=format&dpr=2 2x`}
+            src={`${item.img}?w=248&fit=crop&auto=format`}
             alt={item.title}
             loading="lazy"
           />
diff --git a/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.js b/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.js
index be826d7729a0ea..efdac65530cbe1 100644
--- a/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.js
+++ b/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.js
@@ -11,8 +11,8 @@ export default function TitlebarBelowMasonryImageList() {
         {itemData.map((item) => (
           <ImageListItem key={item.img}>
             <img
-              src={`${item.img}?w=248&fit=crop&auto=format`}
               srcSet={`${item.img}?w=248&fit=crop&auto=format&dpr=2 2x`}
+              src={`${item.img}?w=248&fit=crop&auto=format`}
               alt={item.title}
               loading="lazy"
             />
diff --git a/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx b/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx
index be826d7729a0ea..efdac65530cbe1 100644
--- a/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx
+++ b/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx
@@ -11,8 +11,8 @@ export default function TitlebarBelowMasonryImageList() {
         {itemData.map((item) => (
           <ImageListItem key={item.img}>
             <img
-              src={`${item.img}?w=248&fit=crop&auto=format`}
               srcSet={`${item.img}?w=248&fit=crop&auto=format&dpr=2 2x`}
+              src={`${item.img}?w=248&fit=crop&auto=format`}
               alt={item.title}
               loading="lazy"
             />
diff --git a/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx.preview b/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx.preview
index 451af099ba2c3b..b58e789212f8cd 100644
--- a/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx.preview
+++ b/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx.preview
@@ -2,8 +2,8 @@
   {itemData.map((item) => (
     <ImageListItem key={item.img}>
       <img
-        src={`${item.img}?w=248&fit=crop&auto=format`}
         srcSet={`${item.img}?w=248&fit=crop&auto=format&dpr=2 2x`}
+        src={`${item.img}?w=248&fit=crop&auto=format`}
         alt={item.title}
         loading="lazy"
       />
diff --git a/docs/data/material/components/image-list/TitlebarImageList.js b/docs/data/material/components/image-list/TitlebarImageList.js
index e622271e8b2853..5e312988d0f2a7 100644
--- a/docs/data/material/components/image-list/TitlebarImageList.js
+++ b/docs/data/material/components/image-list/TitlebarImageList.js
@@ -15,8 +15,8 @@ export default function TitlebarImageList() {
       {itemData.map((item) => (
         <ImageListItem key={item.img}>
           <img
-            src={`${item.img}?w=248&fit=crop&auto=format`}
             srcSet={`${item.img}?w=248&fit=crop&auto=format&dpr=2 2x`}
+            src={`${item.img}?w=248&fit=crop&auto=format`}
             alt={item.title}
             loading="lazy"
           />
diff --git a/docs/data/material/components/image-list/TitlebarImageList.tsx b/docs/data/material/components/image-list/TitlebarImageList.tsx
index e622271e8b2853..5e312988d0f2a7 100644
--- a/docs/data/material/components/image-list/TitlebarImageList.tsx
+++ b/docs/data/material/components/image-list/TitlebarImageList.tsx
@@ -15,8 +15,8 @@ export default function TitlebarImageList() {
       {itemData.map((item) => (
         <ImageListItem key={item.img}>
           <img
-            src={`${item.img}?w=248&fit=crop&auto=format`}
             srcSet={`${item.img}?w=248&fit=crop&auto=format&dpr=2 2x`}
+            src={`${item.img}?w=248&fit=crop&auto=format`}
             alt={item.title}
             loading="lazy"
           />
diff --git a/docs/data/material/components/image-list/WovenImageList.js b/docs/data/material/components/image-list/WovenImageList.js
index 0c368b6b168d22..b1e8a6bae04da7 100644
--- a/docs/data/material/components/image-list/WovenImageList.js
+++ b/docs/data/material/components/image-list/WovenImageList.js
@@ -8,8 +8,8 @@ export default function WovenImageList() {
       {itemData.map((item) => (
         <ImageListItem key={item.img}>
           <img
-            src={`${item.img}?w=161&fit=crop&auto=format`}
             srcSet={`${item.img}?w=161&fit=crop&auto=format&dpr=2 2x`}
+            src={`${item.img}?w=161&fit=crop&auto=format`}
             alt={item.title}
             loading="lazy"
           />
diff --git a/docs/data/material/components/image-list/WovenImageList.tsx b/docs/data/material/components/image-list/WovenImageList.tsx
index 0c368b6b168d22..b1e8a6bae04da7 100644
--- a/docs/data/material/components/image-list/WovenImageList.tsx
+++ b/docs/data/material/components/image-list/WovenImageList.tsx
@@ -8,8 +8,8 @@ export default function WovenImageList() {
       {itemData.map((item) => (
         <ImageListItem key={item.img}>
           <img
-            src={`${item.img}?w=161&fit=crop&auto=format`}
             srcSet={`${item.img}?w=161&fit=crop&auto=format&dpr=2 2x`}
+            src={`${item.img}?w=161&fit=crop&auto=format`}
             alt={item.title}
             loading="lazy"
           />
diff --git a/docs/data/material/components/image-list/WovenImageList.tsx.preview b/docs/data/material/components/image-list/WovenImageList.tsx.preview
index 7ff0dc7262a427..329a1d42b3511a 100644
--- a/docs/data/material/components/image-list/WovenImageList.tsx.preview
+++ b/docs/data/material/components/image-list/WovenImageList.tsx.preview
@@ -2,8 +2,8 @@
   {itemData.map((item) => (
     <ImageListItem key={item.img}>
       <img
-        src={`${item.img}?w=161&fit=crop&auto=format`}
         srcSet={`${item.img}?w=161&fit=crop&auto=format&dpr=2 2x`}
+        src={`${item.img}?w=161&fit=crop&auto=format`}
         alt={item.title}
         loading="lazy"
       />
diff --git a/docs/data/material/components/masonry/ImageMasonry.js b/docs/data/material/components/masonry/ImageMasonry.js
index 72b96e14f97535..268268ea63953b 100644
--- a/docs/data/material/components/masonry/ImageMasonry.js
+++ b/docs/data/material/components/masonry/ImageMasonry.js
@@ -22,8 +22,8 @@ export default function ImageMasonry() {
           <div key={index}>
             <Label>{index + 1}</Label>
             <img
-              src={`${item.img}?w=162&auto=format`}
               srcSet={`${item.img}?w=162&auto=format&dpr=2 2x`}
+              src={`${item.img}?w=162&auto=format`}
               alt={item.title}
               loading="lazy"
               style={{
diff --git a/docs/data/material/components/masonry/ImageMasonry.tsx b/docs/data/material/components/masonry/ImageMasonry.tsx
index 72b96e14f97535..268268ea63953b 100644
--- a/docs/data/material/components/masonry/ImageMasonry.tsx
+++ b/docs/data/material/components/masonry/ImageMasonry.tsx
@@ -22,8 +22,8 @@ export default function ImageMasonry() {
           <div key={index}>
             <Label>{index + 1}</Label>
             <img
-              src={`${item.img}?w=162&auto=format`}
               srcSet={`${item.img}?w=162&auto=format&dpr=2 2x`}
+              src={`${item.img}?w=162&auto=format`}
               alt={item.title}
               loading="lazy"
               style={{
diff --git a/docs/data/material/components/material-icons/SearchIcons.js b/docs/data/material/components/material-icons/SearchIcons.js
index f6fe0ce018d375..8bcfbc422a4270 100644
--- a/docs/data/material/components/material-icons/SearchIcons.js
+++ b/docs/data/material/components/material-icons/SearchIcons.js
@@ -132,22 +132,10 @@ const Icons = React.memo(function Icons(props) {
 
   const handleIconClick = (icon) => () => {
     if (Math.random() < 0.1) {
-      window.ga('send', {
-        hitType: 'event',
-        eventCategory: 'material-icons',
-        eventAction: 'click',
-        eventLabel: icon.name,
-      });
       window.gtag('event', 'material-icons', {
         eventAction: 'click',
         eventLabel: icon.name,
       });
-      window.ga('send', {
-        hitType: 'event',
-        eventCategory: 'material-icons-theme',
-        eventAction: 'click',
-        eventLabel: icon.theme,
-      });
       window.gtag('event', 'material-icons-theme', {
         eventAction: 'click',
         eventLabel: icon.theme,
@@ -505,12 +493,6 @@ export default function SearchIcons() {
 
             // Keep track of the no results so we can add synonyms in the future.
             if (value.length >= 4 && results.length === 0) {
-              window.ga('send', {
-                hitType: 'event',
-                eventCategory: 'material-icons',
-                eventAction: 'no-results',
-                eventLabel: value,
-              });
               window.gtag('event', 'material-icons', {
                 eventAction: 'no-results',
                 eventLabel: value,
diff --git a/docs/data/material/components/material-icons/material-icons-pt.md b/docs/data/material/components/material-icons/material-icons-pt.md
index 7aa84683f9e623..ce3156b026d3e1 100644
--- a/docs/data/material/components/material-icons/material-icons-pt.md
+++ b/docs/data/material/components/material-icons/material-icons-pt.md
@@ -15,7 +15,7 @@ O pacote npm, [@mui/icons-material](https://www.npmjs.com/package/@mui/icons-mat
 :::info
 The `@mui/icons-material` package depends on `@mui/material`, which requires Emotion packages.
 
-If you don't use Material UI in your project yet, install the icons package with `npm install @mui/icons-material @mui/material @emotion/styled @emotion/react`.  
+If you don't use Material UI in your project yet, install the icons package with `npm install @mui/icons-material @mui/material @emotion/styled @emotion/react`.
 See the [Installation](/material-ui/getting-started/installation/) page for additional docs about how to make sure everything is set up correctly.
 :::
 
diff --git a/docs/data/material/components/material-icons/material-icons-zh.md b/docs/data/material/components/material-icons/material-icons-zh.md
index ad8519706fffc8..1c6ff7930028a5 100644
--- a/docs/data/material/components/material-icons/material-icons-zh.md
+++ b/docs/data/material/components/material-icons/material-icons-zh.md
@@ -15,7 +15,7 @@ The following npm package, [@mui/icons-material](https://www.npmjs.com/package/@
 :::info
 The `@mui/icons-material` package depends on `@mui/material`, which requires Emotion packages.
 
-If you don't use Material UI in your project yet, install the icons package with `npm install @mui/icons-material @mui/material @emotion/styled @emotion/react`.  
+If you don't use Material UI in your project yet, install the icons package with `npm install @mui/icons-material @mui/material @emotion/styled @emotion/react`.
 See the [Installation](/material-ui/getting-started/installation/) page for additional docs about how to make sure everything is set up correctly.
 :::
 
diff --git a/docs/data/material/components/no-ssr/no-ssr.md b/docs/data/material/components/no-ssr/no-ssr.md
index ce9fa3aeab29f8..76aee8922c6972 100644
--- a/docs/data/material/components/no-ssr/no-ssr.md
+++ b/docs/data/material/components/no-ssr/no-ssr.md
@@ -13,6 +13,6 @@ components: NoSsr
 :::warning
 Please refer to the [No-SSR](/base-ui/react-no-ssr/) component page in the Base UI docs for demos and details on usage.
 
-No-SSR is a part of the standalone [Base UI](/base-ui/getting-started/) component library.
+No-SSR is a part of the standalone [Base UI](/base-ui/) component library.
 It is currently re-exported from `@mui/material` for your convenience, but it will be removed from this package in a future major version, after `@mui/base` gets a stable release.
 :::
diff --git a/docs/data/material/components/pagination/pagination-pt.md b/docs/data/material/components/pagination/pagination-pt.md
index 0d820ccb3b181a..28f8d98fe02c5a 100644
--- a/docs/data/material/components/pagination/pagination-pt.md
+++ b/docs/data/material/components/pagination/pagination-pt.md
@@ -72,7 +72,7 @@ Para a paginação de um conjunto grande de dados tabulares, você deve usar o c
 {{"demo": "TablePaginationDemo.js"}}
 
 :::info
-⚠️ Note that the `Pagination` page prop starts at 1 to match the requirement of including the value in the URL, while the `TablePagination` page prop starts at 0 to match the requirement of zero-based JavaScript arrays that comes with rendering a lot of tabular data.
+Note that the `Pagination` page prop starts at 1 to match the requirement of including the value in the URL, while the `TablePagination` page prop starts at 0 to match the requirement of zero-based JavaScript arrays that comes with rendering a lot of tabular data.
 :::
 
 You can learn more about this use case in the [table section](/material-ui/react-table/#custom-pagination-options) of the documentation.
diff --git a/docs/data/material/components/pagination/pagination.md b/docs/data/material/components/pagination/pagination.md
index 93d45f33c76e33..dd50567a33336b 100644
--- a/docs/data/material/components/pagination/pagination.md
+++ b/docs/data/material/components/pagination/pagination.md
@@ -1,7 +1,7 @@
 ---
 productId: material-ui
 title: React Pagination component
-components: Pagination, PaginationItem
+components: Pagination, PaginationItem, TablePagination
 githubLabel: 'component: pagination'
 ---
 
diff --git a/docs/data/material/components/paper/Elevation.js b/docs/data/material/components/paper/Elevation.js
index ba062f9a2fdf40..ab3d910b52fa2b 100644
--- a/docs/data/material/components/paper/Elevation.js
+++ b/docs/data/material/components/paper/Elevation.js
@@ -24,6 +24,7 @@ export default function Elevation() {
             <Box
               sx={{
                 p: 2,
+                borderRadius: 2,
                 bgcolor: 'background.default',
                 display: 'grid',
                 gridTemplateColumns: { md: '1fr 1fr' },
diff --git a/docs/data/material/components/paper/Elevation.tsx b/docs/data/material/components/paper/Elevation.tsx
index ba062f9a2fdf40..ab3d910b52fa2b 100644
--- a/docs/data/material/components/paper/Elevation.tsx
+++ b/docs/data/material/components/paper/Elevation.tsx
@@ -24,6 +24,7 @@ export default function Elevation() {
             <Box
               sx={{
                 p: 2,
+                borderRadius: 2,
                 bgcolor: 'background.default',
                 display: 'grid',
                 gridTemplateColumns: { md: '1fr 1fr' },
diff --git a/docs/data/material/components/paper/SquareCorners.js b/docs/data/material/components/paper/SquareCorners.js
new file mode 100644
index 00000000000000..87cc74ebb72e1d
--- /dev/null
+++ b/docs/data/material/components/paper/SquareCorners.js
@@ -0,0 +1,21 @@
+import * as React from 'react';
+import Stack from '@mui/material/Stack';
+import Paper from '@mui/material/Paper';
+import { styled } from '@mui/material/styles';
+
+const DemoPaper = styled(Paper)(({ theme }) => ({
+  width: 120,
+  height: 120,
+  padding: theme.spacing(2),
+  ...theme.typography.body2,
+  textAlign: 'center',
+}));
+
+export default function SquareCorners() {
+  return (
+    <Stack direction="row" spacing={2}>
+      <DemoPaper square={false}>rounded corners</DemoPaper>
+      <DemoPaper square>square corners</DemoPaper>
+    </Stack>
+  );
+}
diff --git a/docs/data/material/components/paper/SquareCorners.tsx b/docs/data/material/components/paper/SquareCorners.tsx
new file mode 100644
index 00000000000000..87cc74ebb72e1d
--- /dev/null
+++ b/docs/data/material/components/paper/SquareCorners.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react';
+import Stack from '@mui/material/Stack';
+import Paper from '@mui/material/Paper';
+import { styled } from '@mui/material/styles';
+
+const DemoPaper = styled(Paper)(({ theme }) => ({
+  width: 120,
+  height: 120,
+  padding: theme.spacing(2),
+  ...theme.typography.body2,
+  textAlign: 'center',
+}));
+
+export default function SquareCorners() {
+  return (
+    <Stack direction="row" spacing={2}>
+      <DemoPaper square={false}>rounded corners</DemoPaper>
+      <DemoPaper square>square corners</DemoPaper>
+    </Stack>
+  );
+}
diff --git a/docs/data/material/components/paper/SquareCorners.tsx.preview b/docs/data/material/components/paper/SquareCorners.tsx.preview
new file mode 100644
index 00000000000000..5bf5b6adf2dce1
--- /dev/null
+++ b/docs/data/material/components/paper/SquareCorners.tsx.preview
@@ -0,0 +1,2 @@
+<DemoPaper square={false}>rounded corners</DemoPaper>
+<DemoPaper square>square corners</DemoPaper>
\ No newline at end of file
diff --git a/docs/data/material/components/paper/Variants.js b/docs/data/material/components/paper/Variants.js
index 5231935c848c65..534dccc43d2737 100644
--- a/docs/data/material/components/paper/Variants.js
+++ b/docs/data/material/components/paper/Variants.js
@@ -1,21 +1,21 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
+import Stack from '@mui/material/Stack';
 import Paper from '@mui/material/Paper';
+import { styled } from '@mui/material/styles';
+
+const DemoPaper = styled(Paper)(({ theme }) => ({
+  width: 120,
+  height: 120,
+  padding: theme.spacing(2),
+  ...theme.typography.body2,
+  textAlign: 'center',
+}));
 
 export default function Variants() {
   return (
-    <Box
-      sx={{
-        display: 'flex',
-        '& > :not(style)': {
-          m: 1,
-          width: 128,
-          height: 128,
-        },
-      }}
-    >
-      <Paper variant="outlined" />
-      <Paper variant="outlined" square />
-    </Box>
+    <Stack direction="row" spacing={2}>
+      <DemoPaper variant="elevation">default variant</DemoPaper>
+      <DemoPaper variant="outlined">outlined variant</DemoPaper>
+    </Stack>
   );
 }
diff --git a/docs/data/material/components/paper/Variants.tsx b/docs/data/material/components/paper/Variants.tsx
index 5231935c848c65..534dccc43d2737 100644
--- a/docs/data/material/components/paper/Variants.tsx
+++ b/docs/data/material/components/paper/Variants.tsx
@@ -1,21 +1,21 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
+import Stack from '@mui/material/Stack';
 import Paper from '@mui/material/Paper';
+import { styled } from '@mui/material/styles';
+
+const DemoPaper = styled(Paper)(({ theme }) => ({
+  width: 120,
+  height: 120,
+  padding: theme.spacing(2),
+  ...theme.typography.body2,
+  textAlign: 'center',
+}));
 
 export default function Variants() {
   return (
-    <Box
-      sx={{
-        display: 'flex',
-        '& > :not(style)': {
-          m: 1,
-          width: 128,
-          height: 128,
-        },
-      }}
-    >
-      <Paper variant="outlined" />
-      <Paper variant="outlined" square />
-    </Box>
+    <Stack direction="row" spacing={2}>
+      <DemoPaper variant="elevation">default variant</DemoPaper>
+      <DemoPaper variant="outlined">outlined variant</DemoPaper>
+    </Stack>
   );
 }
diff --git a/docs/data/material/components/paper/Variants.tsx.preview b/docs/data/material/components/paper/Variants.tsx.preview
index f1224032a18580..fc9f6c8dcb4854 100644
--- a/docs/data/material/components/paper/Variants.tsx.preview
+++ b/docs/data/material/components/paper/Variants.tsx.preview
@@ -1,2 +1,2 @@
-<Paper variant="outlined" />
-<Paper variant="outlined" square />
\ No newline at end of file
+<DemoPaper variant="elevation">default variant</DemoPaper>
+<DemoPaper variant="outlined">outlined variant</DemoPaper>
\ No newline at end of file
diff --git a/docs/data/material/components/paper/paper.md b/docs/data/material/components/paper/paper.md
index 2c4710a14293ec..f768cc5f273c0a 100644
--- a/docs/data/material/components/paper/paper.md
+++ b/docs/data/material/components/paper/paper.md
@@ -8,28 +8,68 @@ materialDesign: https://m2.material.io/design/environment/elevation.html
 
 # Paper
 
-<p class="description">In Material Design, the physical properties of paper are translated to the screen. </p>
-
-The background of an application resembles the flat, opaque texture of a sheet of paper, and an application's behavior mimics paper's ability to be re-sized, shuffled, and bound together in multiple sheets.
+<p class="description">The Paper component is a container for displaying content on an elevated surface.</p>
 
 {{"component": "modules/components/ComponentLinkHeader.js"}}
 
-## Basic paper
+## Introduction
+
+In Material Design, surface components and shadow styles are heavily influenced by their real-world physical counterparts.
+
+Material UI implements this concept with the Paper component, a container-like surface that features the [`elevation`](#elevation) prop for pulling box-shadow values from the theme.
+
+:::success
+The Paper component is ideally suited for designs that follow [Material Design's elevation system](https://m2.material.io/design/environment/elevation.html#elevation-in-material-design), which is meant to replicate how light casts shadows in the physical world.
+
+If you just need a generic container, you may prefer to use the [Box](/material-ui/react-box/) or [Container](/material-ui/react-container/) components.
+:::
 
 {{"demo": "SimplePaper.js", "bg": true}}
 
-## Variants
+## Component
+
+```jsx
+import Paper from '@mui/material/Paper';
+```
+
+## Customization
+
+### Elevation
+
+Use the `elevation` prop to establish hierarchy through the use of shadows.
+The Paper component's default elevation level is `1`.
+The prop accepts values from `0` to `24`.
+The higher the number, the further away the Paper appears to be from its background.
+
+In dark mode, increasing the elevation also makes the background color lighter.
+This is done by applying a semi-transparent gradient with the `background-image` CSS property.
+
+:::warning
+The aforementioned dark mode behavior can lead to confusion when overriding the Paper component, because changing the `background-color` property won't affect the lighter shading.
+To override it, you must either use a new background value, or customize the values for both `background-color` and `background-image`.
+:::
+
+{{"demo": "Elevation.js", "bg": "outlined"}}
+
+### Variants
+
+Set the `variant` prop to `"outlined"` for a flat, outlined Paper with no shadows:
+
+{{"demo": "Variants.js", "bg": true}}
 
-If you need an outlined surface, use the `variant` prop.
+### Corners
 
-{{"demo": "Variants.js", "bg": "inline"}}
+The Paper component features rounded corners by default.
+Add the `square` prop for square corners:
 
-## Elevation
+{{"demo": "SquareCorners.js", "bg": true}}
 
-The elevation can be used to establish a hierarchy between other content. In practical terms, the elevation controls the size of the shadow applied to the surface. In dark mode, raising the elevation also makes the surface lighter.
+## Anatomy
 
-{{"demo": "Elevation.js", "bg": "inline"}}
+The Paper component is composed of a single root `<div>` that wraps around its contents:
 
-The change of shade in dark mode is done by applying a semi-transparent gradient to the `background-image` property.
-This can lead to confusion when overriding the styles of `Paper`, as setting just the `background-color` property will not affect the elevation-related shading.
-To ignore the shading and set the background color that is not affected by elevation in dark mode, override the `background` property (or both `background-color` and `background-image`).
+```html
+<div class="MuiPaper-root">
+  <!-- Paper contents -->
+</div>
+```
diff --git a/docs/data/material/components/portal/portal.md b/docs/data/material/components/portal/portal.md
index 6d19846dde325c..51216aa1b514d1 100644
--- a/docs/data/material/components/portal/portal.md
+++ b/docs/data/material/components/portal/portal.md
@@ -14,6 +14,6 @@ githubLabel: 'component: Portal'
 :::warning
 Please refer to the [Portal](/base-ui/react-portal/) component page in the Base UI docs for demos and details on usage.
 
-Portal is a part of the standalone [Base UI](/base-ui/getting-started/) component library.
+Portal is a part of the standalone [Base UI](/base-ui/) component library.
 It is currently re-exported from `@mui/material` for your convenience, but it will be removed from this package in a future major version, after `@mui/base` gets a stable release.
 :::
diff --git a/docs/data/material/components/selects/MultipleSelectNative.js b/docs/data/material/components/selects/MultipleSelectNative.js
index 8adf5573575384..8fbdc15dc5502d 100644
--- a/docs/data/material/components/selects/MultipleSelectNative.js
+++ b/docs/data/material/components/selects/MultipleSelectNative.js
@@ -39,7 +39,6 @@ export default function MultipleSelectNative() {
           multiple
           native
           value={personName}
-          // @ts-ignore Typings are not considering `native`
           onChange={handleChangeMultiple}
           label="Native"
           inputProps={{
diff --git a/docs/data/material/components/selects/selects-pt.md b/docs/data/material/components/selects/selects-pt.md
index 811b7c9e3ff9f4..df18797df38bc5 100644
--- a/docs/data/material/components/selects/selects-pt.md
+++ b/docs/data/material/components/selects/selects-pt.md
@@ -38,7 +38,7 @@ The Select component is implemented as a custom `<input>` element of the [InputB
 {{"demo": "SelectLabels.js"}}
 
 :::warning
-⚠ Note that when using FormControl with the outlined variant of the Select, you need to provide a label in two places: in the InputLabel component and in the `label` prop of the Select component (see the above demo).
+Note that when using FormControl with the outlined variant of the Select, you need to provide a label in two places: in the InputLabel component and in the `label` prop of the Select component (see the above demo).
 :::
 
 ### Largura automática
diff --git a/docs/data/material/components/skeleton/Facebook.js b/docs/data/material/components/skeleton/Facebook.js
index eca186ecb4465d..aa5cdd934282ab 100644
--- a/docs/data/material/components/skeleton/Facebook.js
+++ b/docs/data/material/components/skeleton/Facebook.js
@@ -18,7 +18,13 @@ function Media(props) {
       <CardHeader
         avatar={
           loading ? (
-            <Skeleton animation="wave" variant="circular" width={40} height={40} />
+            <Skeleton
+              animation="wave"
+              size="box"
+              shape="circular"
+              width={40}
+              height={40}
+            />
           ) : (
             <Avatar
               alt="Ted talk"
@@ -54,7 +60,12 @@ function Media(props) {
         }
       />
       {loading ? (
-        <Skeleton sx={{ height: 190 }} animation="wave" variant="rectangular" />
+        <Skeleton
+          sx={{ height: 190 }}
+          animation="wave"
+          size="box"
+          shape="rectangular"
+        />
       ) : (
         <CardMedia
           component="img"
diff --git a/docs/data/material/components/skeleton/Facebook.tsx b/docs/data/material/components/skeleton/Facebook.tsx
index c575410f1f8058..7f3cddd3011192 100644
--- a/docs/data/material/components/skeleton/Facebook.tsx
+++ b/docs/data/material/components/skeleton/Facebook.tsx
@@ -21,7 +21,13 @@ function Media(props: MediaProps) {
       <CardHeader
         avatar={
           loading ? (
-            <Skeleton animation="wave" variant="circular" width={40} height={40} />
+            <Skeleton
+              animation="wave"
+              size="box"
+              shape="circular"
+              width={40}
+              height={40}
+            />
           ) : (
             <Avatar
               alt="Ted talk"
@@ -57,7 +63,12 @@ function Media(props: MediaProps) {
         }
       />
       {loading ? (
-        <Skeleton sx={{ height: 190 }} animation="wave" variant="rectangular" />
+        <Skeleton
+          sx={{ height: 190 }}
+          animation="wave"
+          size="box"
+          shape="rectangular"
+        />
       ) : (
         <CardMedia
           component="img"
diff --git a/docs/data/material/components/skeleton/Shapes.js b/docs/data/material/components/skeleton/Shapes.js
new file mode 100644
index 00000000000000..814ed30a70e8d3
--- /dev/null
+++ b/docs/data/material/components/skeleton/Shapes.js
@@ -0,0 +1,13 @@
+import * as React from 'react';
+import Skeleton from '@mui/material/Skeleton';
+import Stack from '@mui/material/Stack';
+
+export default function Shapes() {
+  return (
+    <Stack spacing={1}>
+      <Skeleton shape="circular" size="box" width={40} height={40} />
+      <Skeleton shape="rectangular" size="box" width={210} height={60} />
+      <Skeleton shape="rounded" size="box" width={210} height={60} />
+    </Stack>
+  );
+}
diff --git a/docs/data/material/components/skeleton/Shapes.tsx b/docs/data/material/components/skeleton/Shapes.tsx
new file mode 100644
index 00000000000000..814ed30a70e8d3
--- /dev/null
+++ b/docs/data/material/components/skeleton/Shapes.tsx
@@ -0,0 +1,13 @@
+import * as React from 'react';
+import Skeleton from '@mui/material/Skeleton';
+import Stack from '@mui/material/Stack';
+
+export default function Shapes() {
+  return (
+    <Stack spacing={1}>
+      <Skeleton shape="circular" size="box" width={40} height={40} />
+      <Skeleton shape="rectangular" size="box" width={210} height={60} />
+      <Skeleton shape="rounded" size="box" width={210} height={60} />
+    </Stack>
+  );
+}
diff --git a/docs/data/material/components/skeleton/Shapes.tsx.preview b/docs/data/material/components/skeleton/Shapes.tsx.preview
new file mode 100644
index 00000000000000..6fa0fbe5152508
--- /dev/null
+++ b/docs/data/material/components/skeleton/Shapes.tsx.preview
@@ -0,0 +1,3 @@
+<Skeleton shape="circular" size="box" width={40} height={40} />
+<Skeleton shape="rectangular" size="box" width={210} height={60} />
+<Skeleton shape="rounded" size="box" width={210} height={60} />
\ No newline at end of file
diff --git a/docs/data/material/components/skeleton/Sizes.js b/docs/data/material/components/skeleton/Sizes.js
new file mode 100644
index 00000000000000..38fcfdc8d7439c
--- /dev/null
+++ b/docs/data/material/components/skeleton/Sizes.js
@@ -0,0 +1,14 @@
+import * as React from 'react';
+import Skeleton from '@mui/material/Skeleton';
+import Stack from '@mui/material/Stack';
+
+export default function Sizes() {
+  return (
+    <Stack spacing={1} width={210}>
+      {/* For size="text", adjust the height via font-size */}
+      <Skeleton size="text" sx={{ fontSize: '1rem' }} />
+      {/* For size="box", adjust height based on bounding box */}
+      <Skeleton size="box" height={40} />
+    </Stack>
+  );
+}
diff --git a/docs/data/material/components/skeleton/Sizes.tsx b/docs/data/material/components/skeleton/Sizes.tsx
new file mode 100644
index 00000000000000..38fcfdc8d7439c
--- /dev/null
+++ b/docs/data/material/components/skeleton/Sizes.tsx
@@ -0,0 +1,14 @@
+import * as React from 'react';
+import Skeleton from '@mui/material/Skeleton';
+import Stack from '@mui/material/Stack';
+
+export default function Sizes() {
+  return (
+    <Stack spacing={1} width={210}>
+      {/* For size="text", adjust the height via font-size */}
+      <Skeleton size="text" sx={{ fontSize: '1rem' }} />
+      {/* For size="box", adjust height based on bounding box */}
+      <Skeleton size="box" height={40} />
+    </Stack>
+  );
+}
diff --git a/docs/data/material/components/skeleton/Sizes.tsx.preview b/docs/data/material/components/skeleton/Sizes.tsx.preview
new file mode 100644
index 00000000000000..bd2e9812c47488
--- /dev/null
+++ b/docs/data/material/components/skeleton/Sizes.tsx.preview
@@ -0,0 +1,4 @@
+{/* For size="text", adjust the height via font-size */}
+<Skeleton size="text" sx={{ fontSize: '1rem' }} />
+{/* For size="box", adjust height based on bounding box */}
+<Skeleton size="box" height={40} />
\ No newline at end of file
diff --git a/docs/data/material/components/skeleton/SkeletonChildren.js b/docs/data/material/components/skeleton/SkeletonChildren.js
index dea54ea2feb889..4238e3ebd076ce 100644
--- a/docs/data/material/components/skeleton/SkeletonChildren.js
+++ b/docs/data/material/components/skeleton/SkeletonChildren.js
@@ -19,7 +19,7 @@ function SkeletonChildrenDemo(props) {
       <Box sx={{ display: 'flex', alignItems: 'center' }}>
         <Box sx={{ margin: 1 }}>
           {loading ? (
-            <Skeleton variant="circular">
+            <Skeleton size="box" shape="circular">
               <Avatar />
             </Skeleton>
           ) : (
@@ -37,7 +37,7 @@ function SkeletonChildrenDemo(props) {
         </Box>
       </Box>
       {loading ? (
-        <Skeleton variant="rectangular" width="100%">
+        <Skeleton size="box" shape="rectangular" width="100%">
           <div style={{ paddingTop: '57%' }} />
         </Skeleton>
       ) : (
diff --git a/docs/data/material/components/skeleton/SkeletonChildren.tsx b/docs/data/material/components/skeleton/SkeletonChildren.tsx
index bf27ebb7fad364..cc560617a7862b 100644
--- a/docs/data/material/components/skeleton/SkeletonChildren.tsx
+++ b/docs/data/material/components/skeleton/SkeletonChildren.tsx
@@ -18,7 +18,7 @@ function SkeletonChildrenDemo(props: { loading?: boolean }) {
       <Box sx={{ display: 'flex', alignItems: 'center' }}>
         <Box sx={{ margin: 1 }}>
           {loading ? (
-            <Skeleton variant="circular">
+            <Skeleton size="box" shape="circular">
               <Avatar />
             </Skeleton>
           ) : (
@@ -36,7 +36,7 @@ function SkeletonChildrenDemo(props: { loading?: boolean }) {
         </Box>
       </Box>
       {loading ? (
-        <Skeleton variant="rectangular" width="100%">
+        <Skeleton size="box" shape="rectangular" width="100%">
           <div style={{ paddingTop: '57%' }} />
         </Skeleton>
       ) : (
diff --git a/docs/data/material/components/skeleton/SkeletonColor.js b/docs/data/material/components/skeleton/SkeletonColor.js
index ddad47d6302af8..9342f876680276 100644
--- a/docs/data/material/components/skeleton/SkeletonColor.js
+++ b/docs/data/material/components/skeleton/SkeletonColor.js
@@ -15,7 +15,8 @@ export default function SkeletonColor() {
     >
       <Skeleton
         sx={{ bgcolor: 'grey.900' }}
-        variant="rectangular"
+        shape="rectangular"
+        size="box"
         width={210}
         height={118}
       />
diff --git a/docs/data/material/components/skeleton/SkeletonColor.tsx b/docs/data/material/components/skeleton/SkeletonColor.tsx
index ddad47d6302af8..9342f876680276 100644
--- a/docs/data/material/components/skeleton/SkeletonColor.tsx
+++ b/docs/data/material/components/skeleton/SkeletonColor.tsx
@@ -15,7 +15,8 @@ export default function SkeletonColor() {
     >
       <Skeleton
         sx={{ bgcolor: 'grey.900' }}
-        variant="rectangular"
+        shape="rectangular"
+        size="box"
         width={210}
         height={118}
       />
diff --git a/docs/data/material/components/skeleton/SkeletonColor.tsx.preview b/docs/data/material/components/skeleton/SkeletonColor.tsx.preview
index 47ff5795e47d3c..1c90e20e617b1c 100644
--- a/docs/data/material/components/skeleton/SkeletonColor.tsx.preview
+++ b/docs/data/material/components/skeleton/SkeletonColor.tsx.preview
@@ -1,6 +1,7 @@
 <Skeleton
   sx={{ bgcolor: 'grey.900' }}
-  variant="rectangular"
+  shape="rectangular"
+  size="box"
   width={210}
   height={118}
 />
\ No newline at end of file
diff --git a/docs/data/material/components/skeleton/Variants.js b/docs/data/material/components/skeleton/Variants.js
deleted file mode 100644
index c6a075daad4feb..00000000000000
--- a/docs/data/material/components/skeleton/Variants.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import * as React from 'react';
-import Skeleton from '@mui/material/Skeleton';
-import Stack from '@mui/material/Stack';
-
-export default function Variants() {
-  return (
-    <Stack spacing={1}>
-      {/* For variant="text", adjust the height via font-size */}
-      <Skeleton variant="text" sx={{ fontSize: '1rem' }} />
-      {/* For other variants, adjust the size with `width` and `height` */}
-      <Skeleton variant="circular" width={40} height={40} />
-      <Skeleton variant="rectangular" width={210} height={60} />
-      <Skeleton variant="rounded" width={210} height={60} />
-    </Stack>
-  );
-}
diff --git a/docs/data/material/components/skeleton/Variants.tsx b/docs/data/material/components/skeleton/Variants.tsx
deleted file mode 100644
index cb1bb0905d617d..00000000000000
--- a/docs/data/material/components/skeleton/Variants.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import * as React from 'react';
-import Skeleton from '@mui/material/Skeleton';
-import Stack from '@mui/material/Stack';
-
-export default function Variants() {
-  return (
-    <Stack spacing={1}>
-      {/* For variant="text", adjust the height via font-size */}
-      <Skeleton variant="text" sx={{ fontSize: '1rem' }} />
-
-      {/* For other variants, adjust the size with `width` and `height` */}
-      <Skeleton variant="circular" width={40} height={40} />
-      <Skeleton variant="rectangular" width={210} height={60} />
-      <Skeleton variant="rounded" width={210} height={60} />
-    </Stack>
-  );
-}
diff --git a/docs/data/material/components/skeleton/Variants.tsx.preview b/docs/data/material/components/skeleton/Variants.tsx.preview
deleted file mode 100644
index 8b1bb76eaa17b2..00000000000000
--- a/docs/data/material/components/skeleton/Variants.tsx.preview
+++ /dev/null
@@ -1,7 +0,0 @@
-{/* For variant="text", adjust the height via font-size */}
-<Skeleton variant="text" sx={{ fontSize: '1rem' }} />
-
-{/* For other variants, adjust the size with `width` and `height` */}
-<Skeleton variant="circular" width={40} height={40} />
-<Skeleton variant="rectangular" width={210} height={60} />
-<Skeleton variant="rounded" width={210} height={60} />
\ No newline at end of file
diff --git a/docs/data/material/components/skeleton/YouTube.js b/docs/data/material/components/skeleton/YouTube.js
index ad14816a766901..aa9a82aba7fc53 100644
--- a/docs/data/material/components/skeleton/YouTube.js
+++ b/docs/data/material/components/skeleton/YouTube.js
@@ -43,7 +43,7 @@ function Media(props) {
               src={item.src}
             />
           ) : (
-            <Skeleton variant="rectangular" width={210} height={118} />
+            <Skeleton shape="rectangular" size="box" width={210} height={118} />
           )}
 
           {item ? (
diff --git a/docs/data/material/components/skeleton/YouTube.tsx b/docs/data/material/components/skeleton/YouTube.tsx
index b0ac646c1853fd..fb3800dac24385 100644
--- a/docs/data/material/components/skeleton/YouTube.tsx
+++ b/docs/data/material/components/skeleton/YouTube.tsx
@@ -46,7 +46,7 @@ function Media(props: MediaProps) {
               src={item.src}
             />
           ) : (
-            <Skeleton variant="rectangular" width={210} height={118} />
+            <Skeleton shape="rectangular" size="box" width={210} height={118} />
           )}
           {item ? (
             <Box sx={{ pr: 2 }}>
diff --git a/docs/data/material/components/skeleton/skeleton-pt.md b/docs/data/material/components/skeleton/skeleton-pt.md
index 535dcec9ac44a4..dbd07db167c28d 100644
--- a/docs/data/material/components/skeleton/skeleton-pt.md
+++ b/docs/data/material/components/skeleton/skeleton-pt.md
@@ -22,19 +22,27 @@ O componente é projetado para ser usado **diretamente em seus componentes**. Po
   item ? (
     <img style={{ width: 210, height: 118 }} alt={item.title} src={item.src} />
   ) : (
-    <Skeleton variant="rect" width={210} height={118} />
+    <Skeleton shape="rect" width={210} height={118} />
   );
 }
 ```
 
-## Variantes
+## Formas
 
-The component supports 4 shape variants:
+O componente suporta 3 formas:
 
-- `text` (default): represents a single line of text (you can adjust the height via font size).
-- `circular`, `rectangular`, and `rounded`: come with different border radius to let you take control of the size.
+- `circular`, `rectangular`, e `rounded`: Venha com um raio de borda diferente para permitir que você assuma o controle da forma.
 
-{{"demo": "Variants.js"}}
+{{"demo": "Shapes.js"}}
+
+## Tamanhos
+
+Você pode usar os seguintes valores para especificar o tamanho do componente:
+
+- `text` (default): representa uma única linha de texto (você pode ajustar a altura por tamanho da fonte).
+- `box`: Escala o componente para o tamanho da caixa delimitadora.
+
+{{"demo": "Sizes.js"}}
 
 ## Animações
 
diff --git a/docs/data/material/components/skeleton/skeleton-zh.md b/docs/data/material/components/skeleton/skeleton-zh.md
index 4654b4dc0cfdc6..30e94804e49756 100644
--- a/docs/data/material/components/skeleton/skeleton-zh.md
+++ b/docs/data/material/components/skeleton/skeleton-zh.md
@@ -29,19 +29,27 @@ githubLabel: 'component: skeleton'
       src={item.src}
     />
   ) : (
-    <Skeleton variant="rectangular" width={210} height={118} />
+    <Skeleton shape="rectangular" width={210} height={118} />
   );
 }
 ```
 
-## 变体
+## 形状
 
-The component supports 4 shape variants:
+组件支持 3 种形状:
 
-- `text` (default): represents a single line of text (you can adjust the height via font size).
-- `circular`, `rectangular`, and `rounded`: come with different border radius to let you take control of the size.
+- `circular`, `rectangular`, 和 `rounded`: 带有不同的边界半径，让您控制形状
 
-{{"demo": "Variants.js"}}
+{{"demo": "Shapes.js"}}
+
+## 尺寸
+
+您可以使用以下值来指定组件的大小:
+
+- `text` （默认值）：表示一行文本（您可以通过字体大小调整高度）。
+- `box`: 将组件扩展到边界框的大小。
+
+{{"demo": "Sizes.js"}}
 
 ## 动画
 
@@ -73,7 +81,7 @@ The component supports 4 shape variants:
 
 ```jsx
 loading ? (
-  <Skeleton variant="circular">
+  <Skeleton shape="circular">
     <Avatar />
   </Skeleton>
 ) : (
diff --git a/docs/data/material/components/skeleton/skeleton.md b/docs/data/material/components/skeleton/skeleton.md
index da7cacad060fb6..81bd839c55039b 100644
--- a/docs/data/material/components/skeleton/skeleton.md
+++ b/docs/data/material/components/skeleton/skeleton.md
@@ -30,19 +30,27 @@ For instance:
       src={item.src}
     />
   ) : (
-    <Skeleton variant="rectangular" width={210} height={118} />
+    <Skeleton shape="rectangular" size="box" width={210} height={118} />
   );
 }
 ```
 
-## Variants
+## Shapes
 
-The component supports 4 shape variants:
+The component supports 3 shapes:
+
+- `circular`, `rectangular`, and `rounded`: come with different border radius to let you take control of the shape.
+
+{{"demo": "Shapes.js"}}
+
+## Sizes
+
+You can use the following values to specify the size of the component:
 
 - `text` (default): represents a single line of text (you can adjust the height via font size).
-- `circular`, `rectangular`, and `rounded`: come with different border radius to let you take control of the size.
+- `box`: scale the component to the size of the bounding box.
 
-{{"demo": "Variants.js"}}
+{{"demo": "Sizes.js"}}
 
 ## Animations
 
@@ -76,7 +84,7 @@ infer its width and height from them.
 
 ```jsx
 loading ? (
-  <Skeleton variant="circular">
+  <Skeleton shape="circular" size="box">
     <Avatar />
   </Skeleton>
 ) : (
diff --git a/docs/data/material/components/slider/InputSlider.js b/docs/data/material/components/slider/InputSlider.js
index fb396a1ee8440d..d2d45f5c8539cc 100644
--- a/docs/data/material/components/slider/InputSlider.js
+++ b/docs/data/material/components/slider/InputSlider.js
@@ -19,7 +19,7 @@ export default function InputSlider() {
   };
 
   const handleInputChange = (event) => {
-    setValue(event.target.value === '' ? '' : Number(event.target.value));
+    setValue(event.target.value === '' ? 0 : Number(event.target.value));
   };
 
   const handleBlur = () => {
diff --git a/docs/data/material/components/slider/InputSlider.tsx b/docs/data/material/components/slider/InputSlider.tsx
index a132563649b019..c177fd988d22bd 100644
--- a/docs/data/material/components/slider/InputSlider.tsx
+++ b/docs/data/material/components/slider/InputSlider.tsx
@@ -12,16 +12,14 @@ const Input = styled(MuiInput)`
 `;
 
 export default function InputSlider() {
-  const [value, setValue] = React.useState<number | string | Array<number | string>>(
-    30,
-  );
+  const [value, setValue] = React.useState(30);
 
   const handleSliderChange = (event: Event, newValue: number | number[]) => {
-    setValue(newValue);
+    setValue(newValue as number);
   };
 
   const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    setValue(event.target.value === '' ? '' : Number(event.target.value));
+    setValue(event.target.value === '' ? 0 : Number(event.target.value));
   };
 
   const handleBlur = () => {
diff --git a/docs/data/material/components/slider/SliderSizes.js b/docs/data/material/components/slider/SliderSizes.js
index d714dc1784e251..893ef7470a81be 100644
--- a/docs/data/material/components/slider/SliderSizes.js
+++ b/docs/data/material/components/slider/SliderSizes.js
@@ -4,7 +4,7 @@ import Slider from '@mui/material/Slider';
 
 export default function SliderSizes() {
   return (
-    <Box width={300}>
+    <Box sx={{ width: 300 }}>
       <Slider
         size="small"
         defaultValue={70}
diff --git a/docs/data/material/components/slider/SliderSizes.tsx b/docs/data/material/components/slider/SliderSizes.tsx
index d714dc1784e251..893ef7470a81be 100644
--- a/docs/data/material/components/slider/SliderSizes.tsx
+++ b/docs/data/material/components/slider/SliderSizes.tsx
@@ -4,7 +4,7 @@ import Slider from '@mui/material/Slider';
 
 export default function SliderSizes() {
   return (
-    <Box width={300}>
+    <Box sx={{ width: 300 }}>
       <Slider
         size="small"
         defaultValue={70}
diff --git a/docs/data/material/components/slider/slider.md b/docs/data/material/components/slider/slider.md
index 01b77a480824fd..e3d0e6b57e0807 100644
--- a/docs/data/material/components/slider/slider.md
+++ b/docs/data/material/components/slider/slider.md
@@ -159,15 +159,15 @@ You can solve the issue with:
 }
 ```
 
-## Experimental API
+## Experimental APIs
 
 ### Material You version
 
-The default Slider component follows the Material Design 2 specs.
-For the Material Design 3 ([Material You](https://m3.material.io/)) version, you can use the new experimental `@mui/material-next` package:
+The default Material UI Slider component follows the Material Design 2 specs.
+To get the Material You ([Material Design 3](https://m3.material.io/)) version, use the new experimental `@mui/material-next` package:
 
 ```js
 import Slider from '@mui/material-next/Slider';
 ```
 
-{{"demo": "SliderMaterialYouPlayground.js", "hideToolbar": true}}
+{{"demo": "SliderMaterialYouPlayground.js", "hideToolbar": true, "bg": "playground"}}
diff --git a/docs/data/material/components/tabs/NavTabs.js b/docs/data/material/components/tabs/NavTabs.js
index f6cf523246d78f..6a5419209c4739 100644
--- a/docs/data/material/components/tabs/NavTabs.js
+++ b/docs/data/material/components/tabs/NavTabs.js
@@ -3,12 +3,29 @@ import Box from '@mui/material/Box';
 import Tabs from '@mui/material/Tabs';
 import Tab from '@mui/material/Tab';
 
+function samePageLinkNavigation(event) {
+  if (
+    event.defaultPrevented ||
+    event.button !== 0 || // ignore everything but left-click
+    event.metaKey ||
+    event.ctrlKey ||
+    event.altKey ||
+    event.shiftKey
+  ) {
+    return false;
+  }
+  return true;
+}
+
 function LinkTab(props) {
   return (
     <Tab
       component="a"
       onClick={(event) => {
-        event.preventDefault();
+        // Routing libraries handle this, you can remove the onClick handle when using them.
+        if (samePageLinkNavigation(event)) {
+          event.preventDefault();
+        }
       }}
       {...props}
     />
@@ -19,7 +36,13 @@ export default function NavTabs() {
   const [value, setValue] = React.useState(0);
 
   const handleChange = (event, newValue) => {
-    setValue(newValue);
+    // event.type can be equal to focus with selectionFollowsFocus.
+    if (
+      event.type !== 'click' ||
+      (event.type === 'click' && samePageLinkNavigation(event))
+    ) {
+      setValue(newValue);
+    }
   };
 
   return (
diff --git a/docs/data/material/components/tabs/NavTabs.tsx b/docs/data/material/components/tabs/NavTabs.tsx
index b67b8db605f949..a5f897d587df7a 100644
--- a/docs/data/material/components/tabs/NavTabs.tsx
+++ b/docs/data/material/components/tabs/NavTabs.tsx
@@ -3,6 +3,22 @@ import Box from '@mui/material/Box';
 import Tabs from '@mui/material/Tabs';
 import Tab from '@mui/material/Tab';
 
+function samePageLinkNavigation(
+  event: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
+) {
+  if (
+    event.defaultPrevented ||
+    event.button !== 0 || // ignore everything but left-click
+    event.metaKey ||
+    event.ctrlKey ||
+    event.altKey ||
+    event.shiftKey
+  ) {
+    return false;
+  }
+  return true;
+}
+
 interface LinkTabProps {
   label?: string;
   href?: string;
@@ -13,7 +29,10 @@ function LinkTab(props: LinkTabProps) {
     <Tab
       component="a"
       onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
-        event.preventDefault();
+        // Routing libraries handle this, you can remove the onClick handle when using them.
+        if (samePageLinkNavigation(event)) {
+          event.preventDefault();
+        }
       }}
       {...props}
     />
@@ -24,7 +43,16 @@ export default function NavTabs() {
   const [value, setValue] = React.useState(0);
 
   const handleChange = (event: React.SyntheticEvent, newValue: number) => {
-    setValue(newValue);
+    // event.type can be equal to focus with selectionFollowsFocus.
+    if (
+      event.type !== 'click' ||
+      (event.type === 'click' &&
+        samePageLinkNavigation(
+          event as React.MouseEvent<HTMLAnchorElement, MouseEvent>,
+        ))
+    ) {
+      setValue(newValue);
+    }
   };
 
   return (
diff --git a/docs/data/material/components/tabs/tabs.md b/docs/data/material/components/tabs/tabs.md
index e8682474a661ef..8856b84c46ca62 100644
--- a/docs/data/material/components/tabs/tabs.md
+++ b/docs/data/material/components/tabs/tabs.md
@@ -117,6 +117,12 @@ By default, tabs use a `button` element, but you can provide your custom tag or
 
 {{"demo": "NavTabs.js"}}
 
+### Third-party routing library
+
+One frequent use case is to perform navigation on the client only, without an HTTP round-trip to the server.
+The `Tab` component provides the `component` prop to handle this use case.
+Here is a [more detailed guide](/material-ui/guides/routing/#tabs).
+
 ## Icon tabs
 
 Tab labels may be either all icons or all text.
@@ -131,12 +137,6 @@ By default, the icon is positioned at the `top` of a tab. Other supported positi
 
 {{"demo": "IconPositionTabs.js"}}
 
-## Third-party routing library
-
-One frequent use case is to perform navigation on the client only, without an HTTP round-trip to the server.
-The `Tab` component provides the `component` prop to handle this use case.
-Here is a [more detailed guide](/material-ui/guides/routing/#tabs).
-
 ## Accessibility
 
 (WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/)
@@ -152,8 +152,9 @@ extra work.
 
 ### Keyboard navigation
 
-The components implement keyboard navigation using the "manual activation" behavior. If you want to switch to the
-"selection automatically follows focus" behavior you have pass `selectionFollowsFocus` to the `Tabs` component. The WAI-ARIA authoring practices have a detailed guide on [how to decide when to make selection automatically follow focus](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#x6-4-deciding-when-to-make-selection-automatically-follow-focus).
+The components implement keyboard navigation using the "manual activation" behavior.
+If you want to switch to the "selection automatically follows focus" behavior you have to pass `selectionFollowsFocus` to the `Tabs` component.
+The WAI-ARIA authoring practices have a detailed guide on [how to decide when to make selection automatically follow focus](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#x6-4-deciding-when-to-make-selection-automatically-follow-focus).
 
 #### Demo
 
diff --git a/docs/data/material/components/text-fields/UseFormControl.js b/docs/data/material/components/text-fields/UseFormControl.js
index 99b1ec66534908..5e7535cc2ee439 100644
--- a/docs/data/material/components/text-fields/UseFormControl.js
+++ b/docs/data/material/components/text-fields/UseFormControl.js
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import FormControl, { useFormControl } from '@mui/material/FormControl';
 import OutlinedInput from '@mui/material/OutlinedInput';
-import Box from '@mui/material/Box';
 import FormHelperText from '@mui/material/FormHelperText';
 
 function MyFormHelperText() {
@@ -20,11 +19,11 @@ function MyFormHelperText() {
 
 export default function UseFormControl() {
   return (
-    <Box component="form" noValidate autoComplete="off">
+    <form noValidate autoComplete="off">
       <FormControl sx={{ width: '25ch' }}>
         <OutlinedInput placeholder="Please enter text" />
         <MyFormHelperText />
       </FormControl>
-    </Box>
+    </form>
   );
 }
diff --git a/docs/data/material/components/text-fields/UseFormControl.tsx b/docs/data/material/components/text-fields/UseFormControl.tsx
index 99b1ec66534908..5e7535cc2ee439 100644
--- a/docs/data/material/components/text-fields/UseFormControl.tsx
+++ b/docs/data/material/components/text-fields/UseFormControl.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import FormControl, { useFormControl } from '@mui/material/FormControl';
 import OutlinedInput from '@mui/material/OutlinedInput';
-import Box from '@mui/material/Box';
 import FormHelperText from '@mui/material/FormHelperText';
 
 function MyFormHelperText() {
@@ -20,11 +19,11 @@ function MyFormHelperText() {
 
 export default function UseFormControl() {
   return (
-    <Box component="form" noValidate autoComplete="off">
+    <form noValidate autoComplete="off">
       <FormControl sx={{ width: '25ch' }}>
         <OutlinedInput placeholder="Please enter text" />
         <MyFormHelperText />
       </FormControl>
-    </Box>
+    </form>
   );
 }
diff --git a/docs/data/material/components/text-fields/UseFormControl.tsx.preview b/docs/data/material/components/text-fields/UseFormControl.tsx.preview
index f9aea66bde9408..b252c35ab46c5c 100644
--- a/docs/data/material/components/text-fields/UseFormControl.tsx.preview
+++ b/docs/data/material/components/text-fields/UseFormControl.tsx.preview
@@ -1,4 +1,6 @@
-<FormControl sx={{ width: '25ch' }}>
-  <OutlinedInput placeholder="Please enter text" />
-  <MyFormHelperText />
-</FormControl>
\ No newline at end of file
+<form noValidate autoComplete="off">
+  <FormControl sx={{ width: '25ch' }}>
+    <OutlinedInput placeholder="Please enter text" />
+    <MyFormHelperText />
+  </FormControl>
+</form>
\ No newline at end of file
diff --git a/docs/data/material/components/textarea-autosize/textarea-autosize.md b/docs/data/material/components/textarea-autosize/textarea-autosize.md
index 9546880c2b1aae..e5b345c112a288 100644
--- a/docs/data/material/components/textarea-autosize/textarea-autosize.md
+++ b/docs/data/material/components/textarea-autosize/textarea-autosize.md
@@ -14,6 +14,6 @@ githubLabel: 'component: TextareaAutosize'
 :::warning
 Please refer to the [Textarea Autosize](/base-ui/react-textarea-autosize/) component page in the Base UI docs for demos and details on usage.
 
-Textarea Autosize is a part of the standalone [Base UI](/base-ui/getting-started/) component library.
+Textarea Autosize is a part of the standalone [Base UI](/base-ui/) component library.
 It is currently re-exported from `@mui/material` for your convenience, but it will be removed from this package in a future major version, after `@mui/base` gets a stable release.
 :::
diff --git a/docs/data/material/components/tooltips/tooltips-pt.md b/docs/data/material/components/tooltips/tooltips-pt.md
index cde6900b1298fb..9a0194f85935ce 100644
--- a/docs/data/material/components/tooltips/tooltips-pt.md
+++ b/docs/data/material/components/tooltips/tooltips-pt.md
@@ -110,7 +110,7 @@ Tooltips are interactive by default (to pass [WCAG 2.1 success criterion 1.4.13]
 By default disabled elements like `<button>` do not trigger user interactions so a `Tooltip` will not activate on normal events like hover. To accommodate disabled elements, add a simple wrapper element, such as a `span`.
 
 :::warning
-⚠️ In order to work with Safari, you need at least one display block or flex item below the tooltip wrapper.
+In order to work with Safari, you need at least one display block or flex item below the tooltip wrapper.
 :::
 
 {{"demo": "DisabledTooltips.js"}}
diff --git a/docs/data/material/components/tooltips/tooltips-zh.md b/docs/data/material/components/tooltips/tooltips-zh.md
index b5994a1ef92c59..56919e632eacb2 100644
--- a/docs/data/material/components/tooltips/tooltips-zh.md
+++ b/docs/data/material/components/tooltips/tooltips-zh.md
@@ -110,7 +110,7 @@ Tooltips are interactive by default (to pass [WCAG 2.1 success criterion 1.4.13]
 By default disabled elements like `<button>` do not trigger user interactions so a `Tooltip` will not activate on normal events like hover. To accommodate disabled elements, add a simple wrapper element, such as a `span`.
 
 :::warning
-⚠️ In order to work with Safari, you need at least one display block or flex item below the tooltip wrapper.
+In order to work with Safari, you need at least one display block or flex item below the tooltip wrapper.
 :::
 
 {{"demo": "DisabledTooltips.js"}}
diff --git a/docs/data/material/components/transitions/SimpleCollapse.js b/docs/data/material/components/transitions/SimpleCollapse.js
index f6bf94af24a295..8ab232a772b01d 100644
--- a/docs/data/material/components/transitions/SimpleCollapse.js
+++ b/docs/data/material/components/transitions/SimpleCollapse.js
@@ -6,18 +6,18 @@ import Collapse from '@mui/material/Collapse';
 import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
-  <Paper sx={{ m: 1 }} elevation={4}>
-    <Box component="svg" sx={{ width: 100, height: 100 }}>
+  <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
+    <svg>
       <Box
         component="polygon"
+        points="0,100 50,00, 100,100"
         sx={{
           fill: (theme) => theme.palette.common.white,
           stroke: (theme) => theme.palette.divider,
           strokeWidth: 1,
         }}
-        points="0,100 50,00, 100,100"
       />
-    </Box>
+    </svg>
   </Paper>
 );
 
diff --git a/docs/data/material/components/transitions/SimpleCollapse.tsx b/docs/data/material/components/transitions/SimpleCollapse.tsx
index b6c246cacf9608..8ab232a772b01d 100644
--- a/docs/data/material/components/transitions/SimpleCollapse.tsx
+++ b/docs/data/material/components/transitions/SimpleCollapse.tsx
@@ -4,21 +4,20 @@ import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';
 import Collapse from '@mui/material/Collapse';
 import FormControlLabel from '@mui/material/FormControlLabel';
-import { Theme } from '@mui/material/styles';
 
 const icon = (
-  <Paper sx={{ m: 1 }} elevation={4}>
-    <Box component="svg" sx={{ width: 100, height: 100 }}>
+  <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
+    <svg>
       <Box
         component="polygon"
+        points="0,100 50,00, 100,100"
         sx={{
-          fill: (theme: Theme) => theme.palette.common.white,
+          fill: (theme) => theme.palette.common.white,
           stroke: (theme) => theme.palette.divider,
           strokeWidth: 1,
         }}
-        points="0,100 50,00, 100,100"
       />
-    </Box>
+    </svg>
   </Paper>
 );
 
diff --git a/docs/data/material/components/transitions/SimpleFade.js b/docs/data/material/components/transitions/SimpleFade.js
index 9a6b966befe453..1914cfa7e7e95f 100644
--- a/docs/data/material/components/transitions/SimpleFade.js
+++ b/docs/data/material/components/transitions/SimpleFade.js
@@ -6,18 +6,18 @@ import Fade from '@mui/material/Fade';
 import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
-  <Paper sx={{ m: 1 }} elevation={4}>
-    <Box component="svg" sx={{ width: 100, height: 100 }}>
+  <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
+    <svg>
       <Box
         component="polygon"
+        points="0,100 50,00, 100,100"
         sx={{
           fill: (theme) => theme.palette.common.white,
           stroke: (theme) => theme.palette.divider,
           strokeWidth: 1,
         }}
-        points="0,100 50,00, 100,100"
       />
-    </Box>
+    </svg>
   </Paper>
 );
 
diff --git a/docs/data/material/components/transitions/SimpleFade.tsx b/docs/data/material/components/transitions/SimpleFade.tsx
index 833b84259e5b1f..1914cfa7e7e95f 100644
--- a/docs/data/material/components/transitions/SimpleFade.tsx
+++ b/docs/data/material/components/transitions/SimpleFade.tsx
@@ -4,21 +4,20 @@ import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';
 import Fade from '@mui/material/Fade';
 import FormControlLabel from '@mui/material/FormControlLabel';
-import { Theme } from '@mui/material/styles';
 
 const icon = (
-  <Paper sx={{ m: 1 }} elevation={4}>
-    <Box component="svg" sx={{ width: 100, height: 100 }}>
+  <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
+    <svg>
       <Box
         component="polygon"
+        points="0,100 50,00, 100,100"
         sx={{
-          fill: (theme: Theme) => theme.palette.common.white,
+          fill: (theme) => theme.palette.common.white,
           stroke: (theme) => theme.palette.divider,
           strokeWidth: 1,
         }}
-        points="0,100 50,00, 100,100"
       />
-    </Box>
+    </svg>
   </Paper>
 );
 
diff --git a/docs/data/material/components/transitions/SimpleGrow.js b/docs/data/material/components/transitions/SimpleGrow.js
index 526a4ad347511a..0badfb9bace765 100644
--- a/docs/data/material/components/transitions/SimpleGrow.js
+++ b/docs/data/material/components/transitions/SimpleGrow.js
@@ -6,18 +6,18 @@ import Grow from '@mui/material/Grow';
 import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
-  <Paper sx={{ m: 1 }} elevation={4}>
-    <Box component="svg" sx={{ width: 100, height: 100 }}>
+  <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
+    <svg>
       <Box
         component="polygon"
+        points="0,100 50,00, 100,100"
         sx={{
           fill: (theme) => theme.palette.common.white,
           stroke: (theme) => theme.palette.divider,
           strokeWidth: 1,
         }}
-        points="0,100 50,00, 100,100"
       />
-    </Box>
+    </svg>
   </Paper>
 );
 
diff --git a/docs/data/material/components/transitions/SimpleGrow.tsx b/docs/data/material/components/transitions/SimpleGrow.tsx
index 4629965b5f68c7..0badfb9bace765 100644
--- a/docs/data/material/components/transitions/SimpleGrow.tsx
+++ b/docs/data/material/components/transitions/SimpleGrow.tsx
@@ -4,21 +4,20 @@ import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';
 import Grow from '@mui/material/Grow';
 import FormControlLabel from '@mui/material/FormControlLabel';
-import { Theme } from '@mui/material/styles';
 
 const icon = (
-  <Paper sx={{ m: 1 }} elevation={4}>
-    <Box component="svg" sx={{ width: 100, height: 100 }}>
+  <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
+    <svg>
       <Box
         component="polygon"
+        points="0,100 50,00, 100,100"
         sx={{
-          fill: (theme: Theme) => theme.palette.common.white,
+          fill: (theme) => theme.palette.common.white,
           stroke: (theme) => theme.palette.divider,
           strokeWidth: 1,
         }}
-        points="0,100 50,00, 100,100"
       />
-    </Box>
+    </svg>
   </Paper>
 );
 
diff --git a/docs/data/material/components/transitions/SimpleSlide.js b/docs/data/material/components/transitions/SimpleSlide.js
index eeebb1168de61e..46040c795c5a58 100644
--- a/docs/data/material/components/transitions/SimpleSlide.js
+++ b/docs/data/material/components/transitions/SimpleSlide.js
@@ -6,18 +6,18 @@ import Slide from '@mui/material/Slide';
 import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
-  <Paper sx={{ m: 1 }} elevation={4}>
-    <Box component="svg" sx={{ width: 100, height: 100 }}>
+  <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
+    <svg>
       <Box
         component="polygon"
+        points="0,100 50,00, 100,100"
         sx={{
           fill: (theme) => theme.palette.common.white,
           stroke: (theme) => theme.palette.divider,
           strokeWidth: 1,
         }}
-        points="0,100 50,00, 100,100"
       />
-    </Box>
+    </svg>
   </Paper>
 );
 
@@ -29,16 +29,21 @@ export default function SimpleSlide() {
   };
 
   return (
-    <Box sx={{ height: 180 }}>
-      <Box sx={{ width: `calc(100px + 16px)` }}>
-        <FormControlLabel
-          control={<Switch checked={checked} onChange={handleChange} />}
-          label="Show"
-        />
-        <Slide direction="up" in={checked} mountOnEnter unmountOnExit>
-          {icon}
-        </Slide>
-      </Box>
+    <Box
+      sx={{
+        height: 180,
+        width: 130,
+        position: 'relative',
+        zIndex: 1,
+      }}
+    >
+      <FormControlLabel
+        control={<Switch checked={checked} onChange={handleChange} />}
+        label="Show"
+      />
+      <Slide direction="up" in={checked} mountOnEnter unmountOnExit>
+        {icon}
+      </Slide>
     </Box>
   );
 }
diff --git a/docs/data/material/components/transitions/SimpleSlide.tsx b/docs/data/material/components/transitions/SimpleSlide.tsx
index d7f5fc3a5a5443..46040c795c5a58 100644
--- a/docs/data/material/components/transitions/SimpleSlide.tsx
+++ b/docs/data/material/components/transitions/SimpleSlide.tsx
@@ -4,21 +4,20 @@ import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';
 import Slide from '@mui/material/Slide';
 import FormControlLabel from '@mui/material/FormControlLabel';
-import { Theme } from '@mui/material/styles';
 
 const icon = (
-  <Paper sx={{ m: 1 }} elevation={4}>
-    <Box component="svg" sx={{ width: 100, height: 100 }}>
+  <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
+    <svg>
       <Box
         component="polygon"
+        points="0,100 50,00, 100,100"
         sx={{
-          fill: (theme: Theme) => theme.palette.common.white,
+          fill: (theme) => theme.palette.common.white,
           stroke: (theme) => theme.palette.divider,
           strokeWidth: 1,
         }}
-        points="0,100 50,00, 100,100"
       />
-    </Box>
+    </svg>
   </Paper>
 );
 
@@ -30,16 +29,21 @@ export default function SimpleSlide() {
   };
 
   return (
-    <Box sx={{ height: 180 }}>
-      <Box sx={{ width: `calc(100px + 16px)` }}>
-        <FormControlLabel
-          control={<Switch checked={checked} onChange={handleChange} />}
-          label="Show"
-        />
-        <Slide direction="up" in={checked} mountOnEnter unmountOnExit>
-          {icon}
-        </Slide>
-      </Box>
+    <Box
+      sx={{
+        height: 180,
+        width: 130,
+        position: 'relative',
+        zIndex: 1,
+      }}
+    >
+      <FormControlLabel
+        control={<Switch checked={checked} onChange={handleChange} />}
+        label="Show"
+      />
+      <Slide direction="up" in={checked} mountOnEnter unmountOnExit>
+        {icon}
+      </Slide>
     </Box>
   );
 }
diff --git a/docs/data/material/components/transitions/SimpleSlide.tsx.preview b/docs/data/material/components/transitions/SimpleSlide.tsx.preview
index c8c3c973784632..ed74e27912e1dc 100644
--- a/docs/data/material/components/transitions/SimpleSlide.tsx.preview
+++ b/docs/data/material/components/transitions/SimpleSlide.tsx.preview
@@ -1,9 +1,7 @@
-<Box sx={{ width: `calc(100px + 16px)` }}>
-  <FormControlLabel
-    control={<Switch checked={checked} onChange={handleChange} />}
-    label="Show"
-  />
-  <Slide direction="up" in={checked} mountOnEnter unmountOnExit>
-    {icon}
-  </Slide>
-</Box>
\ No newline at end of file
+<FormControlLabel
+  control={<Switch checked={checked} onChange={handleChange} />}
+  label="Show"
+/>
+<Slide direction="up" in={checked} mountOnEnter unmountOnExit>
+  {icon}
+</Slide>
\ No newline at end of file
diff --git a/docs/data/material/components/transitions/SimpleZoom.js b/docs/data/material/components/transitions/SimpleZoom.js
index 7bc478defa4246..f27863e4131131 100644
--- a/docs/data/material/components/transitions/SimpleZoom.js
+++ b/docs/data/material/components/transitions/SimpleZoom.js
@@ -6,18 +6,18 @@ import Zoom from '@mui/material/Zoom';
 import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
-  <Paper sx={{ m: 1 }} elevation={4}>
-    <Box component="svg" sx={{ width: 100, height: 100 }}>
+  <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
+    <svg>
       <Box
         component="polygon"
+        points="0,100 50,00, 100,100"
         sx={{
           fill: (theme) => theme.palette.common.white,
           stroke: (theme) => theme.palette.divider,
           strokeWidth: 1,
         }}
-        points="0,100 50,00, 100,100"
       />
-    </Box>
+    </svg>
   </Paper>
 );
 
diff --git a/docs/data/material/components/transitions/SimpleZoom.tsx b/docs/data/material/components/transitions/SimpleZoom.tsx
index 0c2ce78c4a2656..f27863e4131131 100644
--- a/docs/data/material/components/transitions/SimpleZoom.tsx
+++ b/docs/data/material/components/transitions/SimpleZoom.tsx
@@ -4,21 +4,20 @@ import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';
 import Zoom from '@mui/material/Zoom';
 import FormControlLabel from '@mui/material/FormControlLabel';
-import { Theme } from '@mui/material/styles';
 
 const icon = (
-  <Paper sx={{ m: 1 }} elevation={4}>
-    <Box component="svg" sx={{ width: 100, height: 100 }}>
+  <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
+    <svg>
       <Box
         component="polygon"
+        points="0,100 50,00, 100,100"
         sx={{
-          fill: (theme: Theme) => theme.palette.common.white,
+          fill: (theme) => theme.palette.common.white,
           stroke: (theme) => theme.palette.divider,
           strokeWidth: 1,
         }}
-        points="0,100 50,00, 100,100"
       />
-    </Box>
+    </svg>
   </Paper>
 );
 
diff --git a/docs/data/material/components/transitions/SlideFromContainer.js b/docs/data/material/components/transitions/SlideFromContainer.js
index 818d7564f71a33..72d3b337f2ca69 100644
--- a/docs/data/material/components/transitions/SlideFromContainer.js
+++ b/docs/data/material/components/transitions/SlideFromContainer.js
@@ -7,17 +7,17 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <Box component="svg" sx={{ width: 100, height: 100 }}>
+    <svg>
       <Box
         component="polygon"
+        points="0,100 50,00, 100,100"
         sx={{
           fill: (theme) => theme.palette.common.white,
           stroke: (theme) => theme.palette.divider,
           strokeWidth: 1,
         }}
-        points="0,100 50,00, 100,100"
       />
-    </Box>
+    </svg>
   </Paper>
 );
 
@@ -32,23 +32,19 @@ export default function SlideFromContainer() {
   return (
     <Box
       sx={{
-        height: 180,
         width: 240,
-        display: 'flex',
-        padding: 2,
-        borderRadius: 1,
-        bgcolor: (theme) =>
-          theme.palette.mode === 'light' ? 'grey.100' : 'grey.900',
-        overflow: 'hidden',
+        borderRadius: 2,
+        border: '1px solid',
+        borderColor: 'divider',
+        backgroundColor: 'background.default',
       }}
-      ref={containerRef}
     >
-      <Box sx={{ width: 200 }}>
+      <Box sx={{ p: 2, height: 200, overflow: 'hidden' }} ref={containerRef}>
         <FormControlLabel
           control={<Switch checked={checked} onChange={handleChange} />}
           label="Show from target"
         />
-        <Slide direction="up" in={checked} container={containerRef.current}>
+        <Slide in={checked} container={containerRef.current}>
           {icon}
         </Slide>
       </Box>
diff --git a/docs/data/material/components/transitions/SlideFromContainer.tsx b/docs/data/material/components/transitions/SlideFromContainer.tsx
index f25d96106bff90..cd44a0b7583586 100644
--- a/docs/data/material/components/transitions/SlideFromContainer.tsx
+++ b/docs/data/material/components/transitions/SlideFromContainer.tsx
@@ -4,27 +4,26 @@ import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';
 import Slide from '@mui/material/Slide';
 import FormControlLabel from '@mui/material/FormControlLabel';
-import { Theme } from '@mui/material/styles';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>
-    <Box component="svg" sx={{ width: 100, height: 100 }}>
+    <svg>
       <Box
         component="polygon"
+        points="0,100 50,00, 100,100"
         sx={{
-          fill: (theme: Theme) => theme.palette.common.white,
+          fill: (theme) => theme.palette.common.white,
           stroke: (theme) => theme.palette.divider,
           strokeWidth: 1,
         }}
-        points="0,100 50,00, 100,100"
       />
-    </Box>
+    </svg>
   </Paper>
 );
 
 export default function SlideFromContainer() {
   const [checked, setChecked] = React.useState(false);
-  const containerRef = React.useRef(null);
+  const containerRef = React.useRef<HTMLElement>(null);
 
   const handleChange = () => {
     setChecked((prev) => !prev);
@@ -33,23 +32,19 @@ export default function SlideFromContainer() {
   return (
     <Box
       sx={{
-        height: 180,
         width: 240,
-        display: 'flex',
-        padding: 2,
-        borderRadius: 1,
-        bgcolor: (theme) =>
-          theme.palette.mode === 'light' ? 'grey.100' : 'grey.900',
-        overflow: 'hidden',
+        borderRadius: 2,
+        border: '1px solid',
+        borderColor: 'divider',
+        backgroundColor: 'background.default',
       }}
-      ref={containerRef}
     >
-      <Box sx={{ width: 200 }}>
+      <Box sx={{ p: 2, height: 200, overflow: 'hidden' }} ref={containerRef}>
         <FormControlLabel
           control={<Switch checked={checked} onChange={handleChange} />}
           label="Show from target"
         />
-        <Slide direction="up" in={checked} container={containerRef.current}>
+        <Slide in={checked} container={containerRef.current}>
           {icon}
         </Slide>
       </Box>
diff --git a/docs/data/material/components/transitions/SlideFromContainer.tsx.preview b/docs/data/material/components/transitions/SlideFromContainer.tsx.preview
index acd2ce103a481d..2daaae75f57d57 100644
--- a/docs/data/material/components/transitions/SlideFromContainer.tsx.preview
+++ b/docs/data/material/components/transitions/SlideFromContainer.tsx.preview
@@ -1,9 +1,9 @@
-<Box sx={{ width: 200 }}>
+<Box sx={{ p: 2, height: 200, overflow: 'hidden' }} ref={containerRef}>
   <FormControlLabel
     control={<Switch checked={checked} onChange={handleChange} />}
     label="Show from target"
   />
-  <Slide direction="up" in={checked} container={containerRef.current}>
+  <Slide in={checked} container={containerRef.current}>
     {icon}
   </Slide>
 </Box>
\ No newline at end of file
diff --git a/docs/data/material/components/transitions/TransitionGroupExample.js b/docs/data/material/components/transitions/TransitionGroupExample.js
index b2bb3f54885123..b3a09a88de263b 100644
--- a/docs/data/material/components/transitions/TransitionGroupExample.js
+++ b/docs/data/material/components/transitions/TransitionGroupExample.js
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Collapse from '@mui/material/Collapse';
 import IconButton from '@mui/material/IconButton';
@@ -63,17 +62,13 @@ export default function TransitionGroupExample() {
   return (
     <div>
       {addFruitButton}
-      <Box sx={{ mt: 1 }}>
-        <List>
-          <TransitionGroup>
-            {fruitsInBasket.map((item) => (
-              <Collapse key={item}>
-                {renderItem({ item, handleRemoveFruit })}
-              </Collapse>
-            ))}
-          </TransitionGroup>
-        </List>
-      </Box>
+      <List sx={{ mt: 1 }}>
+        <TransitionGroup>
+          {fruitsInBasket.map((item) => (
+            <Collapse key={item}>{renderItem({ item, handleRemoveFruit })}</Collapse>
+          ))}
+        </TransitionGroup>
+      </List>
     </div>
   );
 }
diff --git a/docs/data/material/components/transitions/TransitionGroupExample.tsx b/docs/data/material/components/transitions/TransitionGroupExample.tsx
index 1e43e2bfdba619..e7a44ad24810bf 100644
--- a/docs/data/material/components/transitions/TransitionGroupExample.tsx
+++ b/docs/data/material/components/transitions/TransitionGroupExample.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Collapse from '@mui/material/Collapse';
 import IconButton from '@mui/material/IconButton';
@@ -68,17 +67,13 @@ export default function TransitionGroupExample() {
   return (
     <div>
       {addFruitButton}
-      <Box sx={{ mt: 1 }}>
-        <List>
-          <TransitionGroup>
-            {fruitsInBasket.map((item) => (
-              <Collapse key={item}>
-                {renderItem({ item, handleRemoveFruit })}
-              </Collapse>
-            ))}
-          </TransitionGroup>
-        </List>
-      </Box>
+      <List sx={{ mt: 1 }}>
+        <TransitionGroup>
+          {fruitsInBasket.map((item) => (
+            <Collapse key={item}>{renderItem({ item, handleRemoveFruit })}</Collapse>
+          ))}
+        </TransitionGroup>
+      </List>
     </div>
   );
 }
diff --git a/docs/data/material/components/transitions/TransitionGroupExample.tsx.preview b/docs/data/material/components/transitions/TransitionGroupExample.tsx.preview
index ecc31de3c0f7b8..f1829ad7cdb1dc 100644
--- a/docs/data/material/components/transitions/TransitionGroupExample.tsx.preview
+++ b/docs/data/material/components/transitions/TransitionGroupExample.tsx.preview
@@ -1,12 +1,8 @@
 {addFruitButton}
-<Box sx={{ mt: 1 }}>
-  <List>
-    <TransitionGroup>
-      {fruitsInBasket.map((item) => (
-        <Collapse key={item}>
-          {renderItem({ item, handleRemoveFruit })}
-        </Collapse>
-      ))}
-    </TransitionGroup>
-  </List>
-</Box>
\ No newline at end of file
+<List sx={{ mt: 1 }}>
+  <TransitionGroup>
+    {fruitsInBasket.map((item) => (
+      <Collapse key={item}>{renderItem({ item, handleRemoveFruit })}</Collapse>
+    ))}
+  </TransitionGroup>
+</List>
\ No newline at end of file
diff --git a/docs/data/material/components/transitions/transitions.md b/docs/data/material/components/transitions/transitions.md
index 55819784de83f4..ddd9fea9546de5 100644
--- a/docs/data/material/components/transitions/transitions.md
+++ b/docs/data/material/components/transitions/transitions.md
@@ -54,7 +54,7 @@ Similarly, the `unmountOnExit` prop removes the component from the DOM after it
 The Slide component also accepts `container` prop, which is a reference to a DOM node.
 If this prop is set, the Slide component will slide from the edge of that DOM node.
 
-{{"demo": "SlideFromContainer.js"}}
+{{"demo": "SlideFromContainer.js", "bg": true}}
 
 ## Zoom
 
diff --git a/docs/data/material/components/tree-view/BarTreeView.js b/docs/data/material/components/tree-view/BarTreeView.js
deleted file mode 100644
index 798cb9ab3e51d4..00000000000000
--- a/docs/data/material/components/tree-view/BarTreeView.js
+++ /dev/null
@@ -1,176 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled, alpha } from '@mui/material/styles';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem, { useTreeItem } from '@mui/lab/TreeItem';
-import clsx from 'clsx';
-import Typography from '@mui/material/Typography';
-
-const CustomContentRoot = styled('div')(({ theme }) => ({
-  WebkitTapHighlightColor: 'transparent',
-  '&:hover, &.Mui-disabled, &.Mui-focused, &.Mui-selected, &.Mui-selected.Mui-focused, &.Mui-selected:hover':
-    {
-      backgroundColor: 'transparent',
-    },
-  [`& .MuiTreeItem-contentBar`]: {
-    position: 'absolute',
-    width: '100%',
-    height: 24,
-    left: 0,
-    '&:hover &': {
-      backgroundColor: theme.palette.action.hover,
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: 'transparent',
-      },
-    },
-    '&.Mui-disabled &': {
-      opacity: theme.palette.action.disabledOpacity,
-      backgroundColor: 'transparent',
-    },
-    '&.Mui-focused &': {
-      backgroundColor: theme.palette.action.focus,
-    },
-    '&.Mui-selected &': {
-      backgroundColor: alpha(
-        theme.palette.primary.main,
-        theme.palette.action.selectedOpacity,
-      ),
-    },
-    '&.Mui-selected:hover &': {
-      backgroundColor: alpha(
-        theme.palette.primary.main,
-        theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity,
-      ),
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: alpha(
-          theme.palette.primary.main,
-          theme.palette.action.selectedOpacity,
-        ),
-      },
-    },
-    '&.Mui-selected.Mui-focused &': {
-      backgroundColor: alpha(
-        theme.palette.primary.main,
-        theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity,
-      ),
-    },
-  },
-}));
-
-const CustomContent = React.forwardRef(function CustomContent(props, ref) {
-  const {
-    className,
-    classes,
-    label,
-    nodeId,
-    icon: iconProp,
-    expansionIcon,
-    displayIcon,
-  } = props;
-
-  const {
-    disabled,
-    expanded,
-    selected,
-    focused,
-    handleExpansion,
-    handleSelection,
-    preventSelection,
-  } = useTreeItem(nodeId);
-
-  const icon = iconProp || expansionIcon || displayIcon;
-
-  const handleMouseDown = (event) => {
-    preventSelection(event);
-  };
-
-  const handleClick = (event) => {
-    handleExpansion(event);
-    handleSelection(event);
-  };
-
-  return (
-    <CustomContentRoot
-      className={clsx(className, classes.root, {
-        'Mui-expanded': expanded,
-        'Mui-selected': selected,
-        'Mui-focused': focused,
-        'Mui-disabled': disabled,
-      })}
-      onClick={handleClick}
-      onMouseDown={handleMouseDown}
-      ref={ref}
-    >
-      <div className="MuiTreeItem-contentBar" />
-      <div className={classes.iconContainer}>{icon}</div>
-      <Typography component="div" className={classes.label}>
-        {label}
-      </Typography>
-    </CustomContentRoot>
-  );
-});
-
-CustomContent.propTypes = {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * className applied to the root element.
-   */
-  className: PropTypes.string,
-  /**
-   * The icon to display next to the tree node's label. Either a parent or end icon.
-   */
-  displayIcon: PropTypes.node,
-  /**
-   * The icon to display next to the tree node's label. Either an expansion or collapse icon.
-   */
-  expansionIcon: PropTypes.node,
-  /**
-   * The icon to display next to the tree node's label.
-   */
-  icon: PropTypes.node,
-  /**
-   * The tree node label.
-   */
-  label: PropTypes.node,
-  /**
-   * The id of the node.
-   */
-  nodeId: PropTypes.string.isRequired,
-};
-
-function CustomTreeItem(props) {
-  return <TreeItem ContentComponent={CustomContent} {...props} />;
-}
-
-export default function BarTreeView() {
-  return (
-    <TreeView
-      aria-label="icon expansion"
-      defaultCollapseIcon={<ExpandMoreIcon />}
-      defaultExpandIcon={<ChevronRightIcon />}
-      sx={{ height: 240, flexGrow: 1, maxWidth: 400, position: 'relative' }}
-    >
-      <CustomTreeItem nodeId="1" label="Applications">
-        <CustomTreeItem nodeId="2" label="Calendar" />
-        <CustomTreeItem nodeId="3" label="Chrome" />
-        <CustomTreeItem nodeId="4" label="Webstorm" />
-      </CustomTreeItem>
-      <CustomTreeItem nodeId="5" label="Documents">
-        <CustomTreeItem nodeId="10" label="OSS" />
-        <CustomTreeItem nodeId="6" label="MUI">
-          <CustomTreeItem nodeId="7" label="src">
-            <CustomTreeItem nodeId="8" label="index.js" />
-            <CustomTreeItem nodeId="9" label="tree-view.js" />
-          </CustomTreeItem>
-        </CustomTreeItem>
-      </CustomTreeItem>
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/BarTreeView.tsx b/docs/data/material/components/tree-view/BarTreeView.tsx
deleted file mode 100644
index 188ab5ccf851a4..00000000000000
--- a/docs/data/material/components/tree-view/BarTreeView.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import * as React from 'react';
-import { styled, alpha } from '@mui/material/styles';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem, {
-  TreeItemProps,
-  useTreeItem,
-  TreeItemContentProps,
-} from '@mui/lab/TreeItem';
-import clsx from 'clsx';
-import Typography from '@mui/material/Typography';
-
-const CustomContentRoot = styled('div')(({ theme }) => ({
-  WebkitTapHighlightColor: 'transparent',
-  '&:hover, &.Mui-disabled, &.Mui-focused, &.Mui-selected, &.Mui-selected.Mui-focused, &.Mui-selected:hover':
-    {
-      backgroundColor: 'transparent',
-    },
-  [`& .MuiTreeItem-contentBar`]: {
-    position: 'absolute',
-    width: '100%',
-    height: 24,
-    left: 0,
-    '&:hover &': {
-      backgroundColor: theme.palette.action.hover,
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: 'transparent',
-      },
-    },
-    '&.Mui-disabled &': {
-      opacity: theme.palette.action.disabledOpacity,
-      backgroundColor: 'transparent',
-    },
-    '&.Mui-focused &': {
-      backgroundColor: theme.palette.action.focus,
-    },
-    '&.Mui-selected &': {
-      backgroundColor: alpha(
-        theme.palette.primary.main,
-        theme.palette.action.selectedOpacity,
-      ),
-    },
-    '&.Mui-selected:hover &': {
-      backgroundColor: alpha(
-        theme.palette.primary.main,
-        theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity,
-      ),
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: alpha(
-          theme.palette.primary.main,
-          theme.palette.action.selectedOpacity,
-        ),
-      },
-    },
-    '&.Mui-selected.Mui-focused &': {
-      backgroundColor: alpha(
-        theme.palette.primary.main,
-        theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity,
-      ),
-    },
-  },
-}));
-
-const CustomContent = React.forwardRef(function CustomContent(
-  props: TreeItemContentProps,
-  ref,
-) {
-  const {
-    className,
-    classes,
-    label,
-    nodeId,
-    icon: iconProp,
-    expansionIcon,
-    displayIcon,
-  } = props;
-
-  const {
-    disabled,
-    expanded,
-    selected,
-    focused,
-    handleExpansion,
-    handleSelection,
-    preventSelection,
-  } = useTreeItem(nodeId);
-
-  const icon = iconProp || expansionIcon || displayIcon;
-
-  const handleMouseDown = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
-    preventSelection(event);
-  };
-
-  const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
-    handleExpansion(event);
-    handleSelection(event);
-  };
-
-  return (
-    <CustomContentRoot
-      className={clsx(className, classes.root, {
-        'Mui-expanded': expanded,
-        'Mui-selected': selected,
-        'Mui-focused': focused,
-        'Mui-disabled': disabled,
-      })}
-      onClick={handleClick}
-      onMouseDown={handleMouseDown}
-      ref={ref as React.Ref<HTMLDivElement>}
-    >
-      <div className="MuiTreeItem-contentBar" />
-      <div className={classes.iconContainer}>{icon}</div>
-      <Typography component="div" className={classes.label}>
-        {label}
-      </Typography>
-    </CustomContentRoot>
-  );
-});
-
-function CustomTreeItem(props: TreeItemProps) {
-  return <TreeItem ContentComponent={CustomContent} {...props} />;
-}
-
-export default function BarTreeView() {
-  return (
-    <TreeView
-      aria-label="icon expansion"
-      defaultCollapseIcon={<ExpandMoreIcon />}
-      defaultExpandIcon={<ChevronRightIcon />}
-      sx={{ height: 240, flexGrow: 1, maxWidth: 400, position: 'relative' }}
-    >
-      <CustomTreeItem nodeId="1" label="Applications">
-        <CustomTreeItem nodeId="2" label="Calendar" />
-        <CustomTreeItem nodeId="3" label="Chrome" />
-        <CustomTreeItem nodeId="4" label="Webstorm" />
-      </CustomTreeItem>
-      <CustomTreeItem nodeId="5" label="Documents">
-        <CustomTreeItem nodeId="10" label="OSS" />
-        <CustomTreeItem nodeId="6" label="MUI">
-          <CustomTreeItem nodeId="7" label="src">
-            <CustomTreeItem nodeId="8" label="index.js" />
-            <CustomTreeItem nodeId="9" label="tree-view.js" />
-          </CustomTreeItem>
-        </CustomTreeItem>
-      </CustomTreeItem>
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/ControlledTreeView.js b/docs/data/material/components/tree-view/ControlledTreeView.js
deleted file mode 100644
index b6f007766bc03b..00000000000000
--- a/docs/data/material/components/tree-view/ControlledTreeView.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeView from '@mui/lab/TreeView';
-import TreeItem from '@mui/lab/TreeItem';
-
-export default function ControlledTreeView() {
-  const [expanded, setExpanded] = React.useState([]);
-  const [selected, setSelected] = React.useState([]);
-
-  const handleToggle = (event, nodeIds) => {
-    setExpanded(nodeIds);
-  };
-
-  const handleSelect = (event, nodeIds) => {
-    setSelected(nodeIds);
-  };
-
-  const handleExpandClick = () => {
-    setExpanded((oldExpanded) =>
-      oldExpanded.length === 0 ? ['1', '5', '6', '7'] : [],
-    );
-  };
-
-  const handleSelectClick = () => {
-    setSelected((oldSelected) =>
-      oldSelected.length === 0 ? ['1', '2', '3', '4', '5', '6', '7', '8', '9'] : [],
-    );
-  };
-
-  return (
-    <Box sx={{ height: 270, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}>
-      <Box sx={{ mb: 1 }}>
-        <Button onClick={handleExpandClick}>
-          {expanded.length === 0 ? 'Expand all' : 'Collapse all'}
-        </Button>
-        <Button onClick={handleSelectClick}>
-          {selected.length === 0 ? 'Select all' : 'Unselect all'}
-        </Button>
-      </Box>
-      <TreeView
-        aria-label="controlled"
-        defaultCollapseIcon={<ExpandMoreIcon />}
-        defaultExpandIcon={<ChevronRightIcon />}
-        expanded={expanded}
-        selected={selected}
-        onNodeToggle={handleToggle}
-        onNodeSelect={handleSelect}
-        multiSelect
-      >
-        <TreeItem nodeId="1" label="Applications">
-          <TreeItem nodeId="2" label="Calendar" />
-          <TreeItem nodeId="3" label="Chrome" />
-          <TreeItem nodeId="4" label="Webstorm" />
-        </TreeItem>
-        <TreeItem nodeId="5" label="Documents">
-          <TreeItem nodeId="6" label="MUI">
-            <TreeItem nodeId="7" label="src">
-              <TreeItem nodeId="8" label="index.js" />
-              <TreeItem nodeId="9" label="tree-view.js" />
-            </TreeItem>
-          </TreeItem>
-        </TreeItem>
-      </TreeView>
-    </Box>
-  );
-}
diff --git a/docs/data/material/components/tree-view/ControlledTreeView.tsx b/docs/data/material/components/tree-view/ControlledTreeView.tsx
deleted file mode 100644
index bb44ba0e832d08..00000000000000
--- a/docs/data/material/components/tree-view/ControlledTreeView.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeView from '@mui/lab/TreeView';
-import TreeItem from '@mui/lab/TreeItem';
-
-export default function ControlledTreeView() {
-  const [expanded, setExpanded] = React.useState<string[]>([]);
-  const [selected, setSelected] = React.useState<string[]>([]);
-
-  const handleToggle = (event: React.SyntheticEvent, nodeIds: string[]) => {
-    setExpanded(nodeIds);
-  };
-
-  const handleSelect = (event: React.SyntheticEvent, nodeIds: string[]) => {
-    setSelected(nodeIds);
-  };
-
-  const handleExpandClick = () => {
-    setExpanded((oldExpanded) =>
-      oldExpanded.length === 0 ? ['1', '5', '6', '7'] : [],
-    );
-  };
-
-  const handleSelectClick = () => {
-    setSelected((oldSelected) =>
-      oldSelected.length === 0 ? ['1', '2', '3', '4', '5', '6', '7', '8', '9'] : [],
-    );
-  };
-
-  return (
-    <Box sx={{ height: 270, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}>
-      <Box sx={{ mb: 1 }}>
-        <Button onClick={handleExpandClick}>
-          {expanded.length === 0 ? 'Expand all' : 'Collapse all'}
-        </Button>
-        <Button onClick={handleSelectClick}>
-          {selected.length === 0 ? 'Select all' : 'Unselect all'}
-        </Button>
-      </Box>
-      <TreeView
-        aria-label="controlled"
-        defaultCollapseIcon={<ExpandMoreIcon />}
-        defaultExpandIcon={<ChevronRightIcon />}
-        expanded={expanded}
-        selected={selected}
-        onNodeToggle={handleToggle}
-        onNodeSelect={handleSelect}
-        multiSelect
-      >
-        <TreeItem nodeId="1" label="Applications">
-          <TreeItem nodeId="2" label="Calendar" />
-          <TreeItem nodeId="3" label="Chrome" />
-          <TreeItem nodeId="4" label="Webstorm" />
-        </TreeItem>
-        <TreeItem nodeId="5" label="Documents">
-          <TreeItem nodeId="6" label="MUI">
-            <TreeItem nodeId="7" label="src">
-              <TreeItem nodeId="8" label="index.js" />
-              <TreeItem nodeId="9" label="tree-view.js" />
-            </TreeItem>
-          </TreeItem>
-        </TreeItem>
-      </TreeView>
-    </Box>
-  );
-}
diff --git a/docs/data/material/components/tree-view/CustomizedTreeView.js b/docs/data/material/components/tree-view/CustomizedTreeView.js
deleted file mode 100644
index ead861b3d1fa90..00000000000000
--- a/docs/data/material/components/tree-view/CustomizedTreeView.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import SvgIcon from '@mui/material/SvgIcon';
-import { alpha, styled } from '@mui/material/styles';
-import TreeView from '@mui/lab/TreeView';
-import TreeItem, { treeItemClasses } from '@mui/lab/TreeItem';
-import Collapse from '@mui/material/Collapse';
-import { useSpring, animated } from '@react-spring/web';
-
-function MinusSquare(props) {
-  return (
-    <SvgIcon fontSize="inherit" style={{ width: 14, height: 14 }} {...props}>
-      {/* tslint:disable-next-line: max-line-length */}
-      <path d="M22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0zM17.873 11.023h-11.826q-.375 0-.669.281t-.294.682v0q0 .401.294 .682t.669.281h11.826q.375 0 .669-.281t.294-.682v0q0-.401-.294-.682t-.669-.281z" />
-    </SvgIcon>
-  );
-}
-
-function PlusSquare(props) {
-  return (
-    <SvgIcon fontSize="inherit" style={{ width: 14, height: 14 }} {...props}>
-      {/* tslint:disable-next-line: max-line-length */}
-      <path d="M22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0zM17.873 12.977h-4.923v4.896q0 .401-.281.682t-.682.281v0q-.375 0-.669-.281t-.294-.682v-4.896h-4.923q-.401 0-.682-.294t-.281-.669v0q0-.401.281-.682t.682-.281h4.923v-4.896q0-.401.294-.682t.669-.281v0q.401 0 .682.281t.281.682v4.896h4.923q.401 0 .682.281t.281.682v0q0 .375-.281.669t-.682.294z" />
-    </SvgIcon>
-  );
-}
-
-function CloseSquare(props) {
-  return (
-    <SvgIcon
-      className="close"
-      fontSize="inherit"
-      style={{ width: 14, height: 14 }}
-      {...props}
-    >
-      {/* tslint:disable-next-line: max-line-length */}
-      <path d="M17.485 17.512q-.281.281-.682.281t-.696-.268l-4.12-4.147-4.12 4.147q-.294.268-.696.268t-.682-.281-.281-.682.294-.669l4.12-4.147-4.12-4.147q-.294-.268-.294-.669t.281-.682.682-.281.696 .268l4.12 4.147 4.12-4.147q.294-.268.696-.268t.682.281 .281.669-.294.682l-4.12 4.147 4.12 4.147q.294.268 .294.669t-.281.682zM22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0z" />
-    </SvgIcon>
-  );
-}
-
-function TransitionComponent(props) {
-  const style = useSpring({
-    from: {
-      opacity: 0,
-      transform: 'translate3d(20px,0,0)',
-    },
-    to: {
-      opacity: props.in ? 1 : 0,
-      transform: `translate3d(${props.in ? 0 : 20}px,0,0)`,
-    },
-  });
-
-  return (
-    <animated.div style={style}>
-      <Collapse {...props} />
-    </animated.div>
-  );
-}
-
-TransitionComponent.propTypes = {
-  /**
-   * Show the component; triggers the enter or exit states
-   */
-  in: PropTypes.bool,
-};
-
-const StyledTreeItem = styled((props) => (
-  <TreeItem {...props} TransitionComponent={TransitionComponent} />
-))(({ theme }) => ({
-  [`& .${treeItemClasses.iconContainer}`]: {
-    '& .close': {
-      opacity: 0.3,
-    },
-  },
-  [`& .${treeItemClasses.group}`]: {
-    marginLeft: 15,
-    paddingLeft: 18,
-    borderLeft: `1px dashed ${alpha(theme.palette.text.primary, 0.4)}`,
-  },
-}));
-
-export default function CustomizedTreeView() {
-  return (
-    <TreeView
-      aria-label="customized"
-      defaultExpanded={['1']}
-      defaultCollapseIcon={<MinusSquare />}
-      defaultExpandIcon={<PlusSquare />}
-      defaultEndIcon={<CloseSquare />}
-      sx={{ height: 264, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
-    >
-      <StyledTreeItem nodeId="1" label="Main">
-        <StyledTreeItem nodeId="2" label="Hello" />
-        <StyledTreeItem nodeId="3" label="Subtree with children">
-          <StyledTreeItem nodeId="6" label="Hello" />
-          <StyledTreeItem nodeId="7" label="Sub-subtree with children">
-            <StyledTreeItem nodeId="9" label="Child 1" />
-            <StyledTreeItem nodeId="10" label="Child 2" />
-            <StyledTreeItem nodeId="11" label="Child 3" />
-          </StyledTreeItem>
-          <StyledTreeItem nodeId="8" label="Hello" />
-        </StyledTreeItem>
-        <StyledTreeItem nodeId="4" label="World" />
-        <StyledTreeItem nodeId="5" label="Something something" />
-      </StyledTreeItem>
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/CustomizedTreeView.tsx b/docs/data/material/components/tree-view/CustomizedTreeView.tsx
deleted file mode 100644
index a634ff141b8f9d..00000000000000
--- a/docs/data/material/components/tree-view/CustomizedTreeView.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import * as React from 'react';
-import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
-import { alpha, styled } from '@mui/material/styles';
-import TreeView from '@mui/lab/TreeView';
-import TreeItem, { TreeItemProps, treeItemClasses } from '@mui/lab/TreeItem';
-import Collapse from '@mui/material/Collapse';
-import { useSpring, animated } from '@react-spring/web';
-import { TransitionProps } from '@mui/material/transitions';
-
-function MinusSquare(props: SvgIconProps) {
-  return (
-    <SvgIcon fontSize="inherit" style={{ width: 14, height: 14 }} {...props}>
-      {/* tslint:disable-next-line: max-line-length */}
-      <path d="M22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0zM17.873 11.023h-11.826q-.375 0-.669.281t-.294.682v0q0 .401.294 .682t.669.281h11.826q.375 0 .669-.281t.294-.682v0q0-.401-.294-.682t-.669-.281z" />
-    </SvgIcon>
-  );
-}
-
-function PlusSquare(props: SvgIconProps) {
-  return (
-    <SvgIcon fontSize="inherit" style={{ width: 14, height: 14 }} {...props}>
-      {/* tslint:disable-next-line: max-line-length */}
-      <path d="M22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0zM17.873 12.977h-4.923v4.896q0 .401-.281.682t-.682.281v0q-.375 0-.669-.281t-.294-.682v-4.896h-4.923q-.401 0-.682-.294t-.281-.669v0q0-.401.281-.682t.682-.281h4.923v-4.896q0-.401.294-.682t.669-.281v0q.401 0 .682.281t.281.682v4.896h4.923q.401 0 .682.281t.281.682v0q0 .375-.281.669t-.682.294z" />
-    </SvgIcon>
-  );
-}
-
-function CloseSquare(props: SvgIconProps) {
-  return (
-    <SvgIcon
-      className="close"
-      fontSize="inherit"
-      style={{ width: 14, height: 14 }}
-      {...props}
-    >
-      {/* tslint:disable-next-line: max-line-length */}
-      <path d="M17.485 17.512q-.281.281-.682.281t-.696-.268l-4.12-4.147-4.12 4.147q-.294.268-.696.268t-.682-.281-.281-.682.294-.669l4.12-4.147-4.12-4.147q-.294-.268-.294-.669t.281-.682.682-.281.696 .268l4.12 4.147 4.12-4.147q.294-.268.696-.268t.682.281 .281.669-.294.682l-4.12 4.147 4.12 4.147q.294.268 .294.669t-.281.682zM22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0z" />
-    </SvgIcon>
-  );
-}
-
-function TransitionComponent(props: TransitionProps) {
-  const style = useSpring({
-    from: {
-      opacity: 0,
-      transform: 'translate3d(20px,0,0)',
-    },
-    to: {
-      opacity: props.in ? 1 : 0,
-      transform: `translate3d(${props.in ? 0 : 20}px,0,0)`,
-    },
-  });
-
-  return (
-    <animated.div style={style}>
-      <Collapse {...props} />
-    </animated.div>
-  );
-}
-
-const StyledTreeItem = styled((props: TreeItemProps) => (
-  <TreeItem {...props} TransitionComponent={TransitionComponent} />
-))(({ theme }) => ({
-  [`& .${treeItemClasses.iconContainer}`]: {
-    '& .close': {
-      opacity: 0.3,
-    },
-  },
-  [`& .${treeItemClasses.group}`]: {
-    marginLeft: 15,
-    paddingLeft: 18,
-    borderLeft: `1px dashed ${alpha(theme.palette.text.primary, 0.4)}`,
-  },
-}));
-
-export default function CustomizedTreeView() {
-  return (
-    <TreeView
-      aria-label="customized"
-      defaultExpanded={['1']}
-      defaultCollapseIcon={<MinusSquare />}
-      defaultExpandIcon={<PlusSquare />}
-      defaultEndIcon={<CloseSquare />}
-      sx={{ height: 264, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
-    >
-      <StyledTreeItem nodeId="1" label="Main">
-        <StyledTreeItem nodeId="2" label="Hello" />
-        <StyledTreeItem nodeId="3" label="Subtree with children">
-          <StyledTreeItem nodeId="6" label="Hello" />
-          <StyledTreeItem nodeId="7" label="Sub-subtree with children">
-            <StyledTreeItem nodeId="9" label="Child 1" />
-            <StyledTreeItem nodeId="10" label="Child 2" />
-            <StyledTreeItem nodeId="11" label="Child 3" />
-          </StyledTreeItem>
-          <StyledTreeItem nodeId="8" label="Hello" />
-        </StyledTreeItem>
-        <StyledTreeItem nodeId="4" label="World" />
-        <StyledTreeItem nodeId="5" label="Something something" />
-      </StyledTreeItem>
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/DisabledTreeItems.js b/docs/data/material/components/tree-view/DisabledTreeItems.js
deleted file mode 100644
index 8b68005b4f84a6..00000000000000
--- a/docs/data/material/components/tree-view/DisabledTreeItems.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem from '@mui/lab/TreeItem';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Switch from '@mui/material/Switch';
-
-export default function DisabledTreeItems() {
-  const [focusDisabledItems, setFocusDisabledItems] = React.useState(false);
-  const handleToggle = (event) => {
-    setFocusDisabledItems(event.target.checked);
-  };
-
-  return (
-    <Box sx={{ height: 270, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }} px={2}>
-      <Box sx={{ mb: 1 }}>
-        <FormControlLabel
-          control={
-            <Switch
-              checked={focusDisabledItems}
-              onChange={handleToggle}
-              name="focusDisabledItems"
-            />
-          }
-          label="Focus disabled items"
-        />
-      </Box>
-      <TreeView
-        aria-label="disabled items"
-        defaultCollapseIcon={<ExpandMoreIcon />}
-        defaultExpandIcon={<ChevronRightIcon />}
-        disabledItemsFocusable={focusDisabledItems}
-        multiSelect
-      >
-        <TreeItem nodeId="1" label="One">
-          <TreeItem nodeId="2" label="Two" />
-          <TreeItem nodeId="3" label="Three" />
-          <TreeItem nodeId="4" label="Four" />
-        </TreeItem>
-        <TreeItem nodeId="5" label="Five" disabled>
-          <TreeItem nodeId="6" label="Six" />
-        </TreeItem>
-        <TreeItem nodeId="7" label="Seven">
-          <TreeItem nodeId="8" label="Eight" />
-          <TreeItem nodeId="9" label="Nine">
-            <TreeItem nodeId="10" label="Ten">
-              <TreeItem nodeId="11" label="Eleven" />
-              <TreeItem nodeId="12" label="Twelve" />
-            </TreeItem>
-          </TreeItem>
-        </TreeItem>
-      </TreeView>
-    </Box>
-  );
-}
diff --git a/docs/data/material/components/tree-view/DisabledTreeItems.tsx b/docs/data/material/components/tree-view/DisabledTreeItems.tsx
deleted file mode 100644
index 83c26c8a8db781..00000000000000
--- a/docs/data/material/components/tree-view/DisabledTreeItems.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem from '@mui/lab/TreeItem';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Switch from '@mui/material/Switch';
-
-export default function DisabledTreeItems() {
-  const [focusDisabledItems, setFocusDisabledItems] = React.useState(false);
-  const handleToggle = (event: React.ChangeEvent<HTMLInputElement>) => {
-    setFocusDisabledItems(event.target.checked);
-  };
-
-  return (
-    <Box sx={{ height: 270, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }} px={2}>
-      <Box sx={{ mb: 1 }}>
-        <FormControlLabel
-          control={
-            <Switch
-              checked={focusDisabledItems}
-              onChange={handleToggle}
-              name="focusDisabledItems"
-            />
-          }
-          label="Focus disabled items"
-        />
-      </Box>
-      <TreeView
-        aria-label="disabled items"
-        defaultCollapseIcon={<ExpandMoreIcon />}
-        defaultExpandIcon={<ChevronRightIcon />}
-        disabledItemsFocusable={focusDisabledItems}
-        multiSelect
-      >
-        <TreeItem nodeId="1" label="One">
-          <TreeItem nodeId="2" label="Two" />
-          <TreeItem nodeId="3" label="Three" />
-          <TreeItem nodeId="4" label="Four" />
-        </TreeItem>
-        <TreeItem nodeId="5" label="Five" disabled>
-          <TreeItem nodeId="6" label="Six" />
-        </TreeItem>
-        <TreeItem nodeId="7" label="Seven">
-          <TreeItem nodeId="8" label="Eight" />
-          <TreeItem nodeId="9" label="Nine">
-            <TreeItem nodeId="10" label="Ten">
-              <TreeItem nodeId="11" label="Eleven" />
-              <TreeItem nodeId="12" label="Twelve" />
-            </TreeItem>
-          </TreeItem>
-        </TreeItem>
-      </TreeView>
-    </Box>
-  );
-}
diff --git a/docs/data/material/components/tree-view/FileSystemNavigator.js b/docs/data/material/components/tree-view/FileSystemNavigator.js
deleted file mode 100644
index 0caf59ddf00879..00000000000000
--- a/docs/data/material/components/tree-view/FileSystemNavigator.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import * as React from 'react';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem from '@mui/lab/TreeItem';
-
-export default function FileSystemNavigator() {
-  return (
-    <TreeView
-      aria-label="file system navigator"
-      defaultCollapseIcon={<ExpandMoreIcon />}
-      defaultExpandIcon={<ChevronRightIcon />}
-      sx={{ height: 240, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
-    >
-      <TreeItem nodeId="1" label="Applications">
-        <TreeItem nodeId="2" label="Calendar" />
-      </TreeItem>
-      <TreeItem nodeId="5" label="Documents">
-        <TreeItem nodeId="10" label="OSS" />
-        <TreeItem nodeId="6" label="MUI">
-          <TreeItem nodeId="8" label="index.js" />
-        </TreeItem>
-      </TreeItem>
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/FileSystemNavigator.tsx b/docs/data/material/components/tree-view/FileSystemNavigator.tsx
deleted file mode 100644
index 0caf59ddf00879..00000000000000
--- a/docs/data/material/components/tree-view/FileSystemNavigator.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import * as React from 'react';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem from '@mui/lab/TreeItem';
-
-export default function FileSystemNavigator() {
-  return (
-    <TreeView
-      aria-label="file system navigator"
-      defaultCollapseIcon={<ExpandMoreIcon />}
-      defaultExpandIcon={<ChevronRightIcon />}
-      sx={{ height: 240, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
-    >
-      <TreeItem nodeId="1" label="Applications">
-        <TreeItem nodeId="2" label="Calendar" />
-      </TreeItem>
-      <TreeItem nodeId="5" label="Documents">
-        <TreeItem nodeId="10" label="OSS" />
-        <TreeItem nodeId="6" label="MUI">
-          <TreeItem nodeId="8" label="index.js" />
-        </TreeItem>
-      </TreeItem>
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/FileSystemNavigator.tsx.preview b/docs/data/material/components/tree-view/FileSystemNavigator.tsx.preview
deleted file mode 100644
index 0c2091d2b2ef36..00000000000000
--- a/docs/data/material/components/tree-view/FileSystemNavigator.tsx.preview
+++ /dev/null
@@ -1,16 +0,0 @@
-<TreeView
-  aria-label="file system navigator"
-  defaultCollapseIcon={<ExpandMoreIcon />}
-  defaultExpandIcon={<ChevronRightIcon />}
-  sx={{ height: 240, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
->
-  <TreeItem nodeId="1" label="Applications">
-    <TreeItem nodeId="2" label="Calendar" />
-  </TreeItem>
-  <TreeItem nodeId="5" label="Documents">
-    <TreeItem nodeId="10" label="OSS" />
-    <TreeItem nodeId="6" label="MUI">
-      <TreeItem nodeId="8" label="index.js" />
-    </TreeItem>
-  </TreeItem>
-</TreeView>
\ No newline at end of file
diff --git a/docs/data/material/components/tree-view/GmailTreeView.js b/docs/data/material/components/tree-view/GmailTreeView.js
deleted file mode 100644
index c72a9f8487319b..00000000000000
--- a/docs/data/material/components/tree-view/GmailTreeView.js
+++ /dev/null
@@ -1,161 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled, useTheme } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import TreeView from '@mui/lab/TreeView';
-import TreeItem, { treeItemClasses } from '@mui/lab/TreeItem';
-import Typography from '@mui/material/Typography';
-import MailIcon from '@mui/icons-material/Mail';
-import DeleteIcon from '@mui/icons-material/Delete';
-import Label from '@mui/icons-material/Label';
-import SupervisorAccountIcon from '@mui/icons-material/SupervisorAccount';
-import InfoIcon from '@mui/icons-material/Info';
-import ForumIcon from '@mui/icons-material/Forum';
-import LocalOfferIcon from '@mui/icons-material/LocalOffer';
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import ArrowRightIcon from '@mui/icons-material/ArrowRight';
-
-const StyledTreeItemRoot = styled(TreeItem)(({ theme }) => ({
-  color: theme.palette.text.secondary,
-  [`& .${treeItemClasses.content}`]: {
-    color: theme.palette.text.secondary,
-    borderTopRightRadius: theme.spacing(2),
-    borderBottomRightRadius: theme.spacing(2),
-    paddingRight: theme.spacing(1),
-    fontWeight: theme.typography.fontWeightMedium,
-    '&.Mui-expanded': {
-      fontWeight: theme.typography.fontWeightRegular,
-    },
-    '&:hover': {
-      backgroundColor: theme.palette.action.hover,
-    },
-    '&.Mui-focused, &.Mui-selected, &.Mui-selected.Mui-focused': {
-      backgroundColor: `var(--tree-view-bg-color, ${theme.palette.action.selected})`,
-      color: 'var(--tree-view-color)',
-    },
-    [`& .${treeItemClasses.label}`]: {
-      fontWeight: 'inherit',
-      color: 'inherit',
-    },
-  },
-  [`& .${treeItemClasses.group}`]: {
-    marginLeft: 0,
-    [`& .${treeItemClasses.content}`]: {
-      paddingLeft: theme.spacing(2),
-    },
-  },
-}));
-
-function StyledTreeItem(props) {
-  const theme = useTheme();
-  const {
-    bgColor,
-    color,
-    labelIcon: LabelIcon,
-    labelInfo,
-    labelText,
-    colorForDarkMode,
-    bgColorForDarkMode,
-    ...other
-  } = props;
-
-  const styleProps = {
-    '--tree-view-color': theme.palette.mode !== 'dark' ? color : colorForDarkMode,
-    '--tree-view-bg-color':
-      theme.palette.mode !== 'dark' ? bgColor : bgColorForDarkMode,
-  };
-
-  return (
-    <StyledTreeItemRoot
-      label={
-        <Box
-          sx={{
-            display: 'flex',
-            alignItems: 'center',
-            p: 0.5,
-            pr: 0,
-          }}
-        >
-          <Box component={LabelIcon} color="inherit" sx={{ mr: 1 }} />
-          <Typography variant="body2" sx={{ fontWeight: 'inherit', flexGrow: 1 }}>
-            {labelText}
-          </Typography>
-          <Typography variant="caption" color="inherit">
-            {labelInfo}
-          </Typography>
-        </Box>
-      }
-      style={styleProps}
-      {...other}
-    />
-  );
-}
-
-StyledTreeItem.propTypes = {
-  bgColor: PropTypes.string,
-  bgColorForDarkMode: PropTypes.string,
-  color: PropTypes.string,
-  colorForDarkMode: PropTypes.string,
-  labelIcon: PropTypes.elementType.isRequired,
-  labelInfo: PropTypes.string,
-  labelText: PropTypes.string.isRequired,
-};
-
-export default function GmailTreeView() {
-  return (
-    <TreeView
-      aria-label="gmail"
-      defaultExpanded={['3']}
-      defaultCollapseIcon={<ArrowDropDownIcon />}
-      defaultExpandIcon={<ArrowRightIcon />}
-      defaultEndIcon={<div style={{ width: 24 }} />}
-      sx={{ height: 264, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
-    >
-      <StyledTreeItem nodeId="1" labelText="All Mail" labelIcon={MailIcon} />
-      <StyledTreeItem nodeId="2" labelText="Trash" labelIcon={DeleteIcon} />
-      <StyledTreeItem nodeId="3" labelText="Categories" labelIcon={Label}>
-        <StyledTreeItem
-          nodeId="5"
-          labelText="Social"
-          labelIcon={SupervisorAccountIcon}
-          labelInfo="90"
-          color="#1a73e8"
-          bgColor="#e8f0fe"
-          colorForDarkMode="#B8E7FB"
-          bgColorForDarkMode="#071318"
-        />
-        <StyledTreeItem
-          nodeId="6"
-          labelText="Updates"
-          labelIcon={InfoIcon}
-          labelInfo="2,294"
-          color="#e3742f"
-          bgColor="#fcefe3"
-          colorForDarkMode="#FFE2B7"
-          bgColorForDarkMode="#191207"
-        />
-        <StyledTreeItem
-          nodeId="7"
-          labelText="Forums"
-          labelIcon={ForumIcon}
-          labelInfo="3,566"
-          color="#a250f5"
-          bgColor="#f3e8fd"
-          colorForDarkMode="#D9B8FB"
-          bgColorForDarkMode="#100719"
-        />
-        <StyledTreeItem
-          nodeId="8"
-          labelText="Promotions"
-          labelIcon={LocalOfferIcon}
-          labelInfo="733"
-          color="#3c8039"
-          bgColor="#e6f4ea"
-          colorForDarkMode="#CCE8CD"
-          bgColorForDarkMode="#0C130D"
-        />
-      </StyledTreeItem>
-      <StyledTreeItem nodeId="4" labelText="History" labelIcon={Label} />
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/GmailTreeView.tsx b/docs/data/material/components/tree-view/GmailTreeView.tsx
deleted file mode 100644
index 4991d4bbbdfa00..00000000000000
--- a/docs/data/material/components/tree-view/GmailTreeView.tsx
+++ /dev/null
@@ -1,168 +0,0 @@
-import * as React from 'react';
-import { styled, useTheme } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import TreeView from '@mui/lab/TreeView';
-import TreeItem, { TreeItemProps, treeItemClasses } from '@mui/lab/TreeItem';
-import Typography from '@mui/material/Typography';
-import MailIcon from '@mui/icons-material/Mail';
-import DeleteIcon from '@mui/icons-material/Delete';
-import Label from '@mui/icons-material/Label';
-import SupervisorAccountIcon from '@mui/icons-material/SupervisorAccount';
-import InfoIcon from '@mui/icons-material/Info';
-import ForumIcon from '@mui/icons-material/Forum';
-import LocalOfferIcon from '@mui/icons-material/LocalOffer';
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import ArrowRightIcon from '@mui/icons-material/ArrowRight';
-import { SvgIconProps } from '@mui/material/SvgIcon';
-
-declare module 'react' {
-  interface CSSProperties {
-    '--tree-view-color'?: string;
-    '--tree-view-bg-color'?: string;
-  }
-}
-
-type StyledTreeItemProps = TreeItemProps & {
-  bgColor?: string;
-  bgColorForDarkMode?: string;
-  color?: string;
-  colorForDarkMode?: string;
-  labelIcon: React.ElementType<SvgIconProps>;
-  labelInfo?: string;
-  labelText: string;
-};
-
-const StyledTreeItemRoot = styled(TreeItem)(({ theme }) => ({
-  color: theme.palette.text.secondary,
-  [`& .${treeItemClasses.content}`]: {
-    color: theme.palette.text.secondary,
-    borderTopRightRadius: theme.spacing(2),
-    borderBottomRightRadius: theme.spacing(2),
-    paddingRight: theme.spacing(1),
-    fontWeight: theme.typography.fontWeightMedium,
-    '&.Mui-expanded': {
-      fontWeight: theme.typography.fontWeightRegular,
-    },
-    '&:hover': {
-      backgroundColor: theme.palette.action.hover,
-    },
-    '&.Mui-focused, &.Mui-selected, &.Mui-selected.Mui-focused': {
-      backgroundColor: `var(--tree-view-bg-color, ${theme.palette.action.selected})`,
-      color: 'var(--tree-view-color)',
-    },
-    [`& .${treeItemClasses.label}`]: {
-      fontWeight: 'inherit',
-      color: 'inherit',
-    },
-  },
-  [`& .${treeItemClasses.group}`]: {
-    marginLeft: 0,
-    [`& .${treeItemClasses.content}`]: {
-      paddingLeft: theme.spacing(2),
-    },
-  },
-}));
-
-function StyledTreeItem(props: StyledTreeItemProps) {
-  const theme = useTheme();
-  const {
-    bgColor,
-    color,
-    labelIcon: LabelIcon,
-    labelInfo,
-    labelText,
-    colorForDarkMode,
-    bgColorForDarkMode,
-    ...other
-  } = props;
-
-  const styleProps = {
-    '--tree-view-color': theme.palette.mode !== 'dark' ? color : colorForDarkMode,
-    '--tree-view-bg-color':
-      theme.palette.mode !== 'dark' ? bgColor : bgColorForDarkMode,
-  };
-
-  return (
-    <StyledTreeItemRoot
-      label={
-        <Box
-          sx={{
-            display: 'flex',
-            alignItems: 'center',
-            p: 0.5,
-            pr: 0,
-          }}
-        >
-          <Box component={LabelIcon} color="inherit" sx={{ mr: 1 }} />
-          <Typography variant="body2" sx={{ fontWeight: 'inherit', flexGrow: 1 }}>
-            {labelText}
-          </Typography>
-          <Typography variant="caption" color="inherit">
-            {labelInfo}
-          </Typography>
-        </Box>
-      }
-      style={styleProps}
-      {...other}
-    />
-  );
-}
-
-export default function GmailTreeView() {
-  return (
-    <TreeView
-      aria-label="gmail"
-      defaultExpanded={['3']}
-      defaultCollapseIcon={<ArrowDropDownIcon />}
-      defaultExpandIcon={<ArrowRightIcon />}
-      defaultEndIcon={<div style={{ width: 24 }} />}
-      sx={{ height: 264, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
-    >
-      <StyledTreeItem nodeId="1" labelText="All Mail" labelIcon={MailIcon} />
-      <StyledTreeItem nodeId="2" labelText="Trash" labelIcon={DeleteIcon} />
-      <StyledTreeItem nodeId="3" labelText="Categories" labelIcon={Label}>
-        <StyledTreeItem
-          nodeId="5"
-          labelText="Social"
-          labelIcon={SupervisorAccountIcon}
-          labelInfo="90"
-          color="#1a73e8"
-          bgColor="#e8f0fe"
-          colorForDarkMode="#B8E7FB"
-          bgColorForDarkMode="#071318"
-        />
-        <StyledTreeItem
-          nodeId="6"
-          labelText="Updates"
-          labelIcon={InfoIcon}
-          labelInfo="2,294"
-          color="#e3742f"
-          bgColor="#fcefe3"
-          colorForDarkMode="#FFE2B7"
-          bgColorForDarkMode="#191207"
-        />
-        <StyledTreeItem
-          nodeId="7"
-          labelText="Forums"
-          labelIcon={ForumIcon}
-          labelInfo="3,566"
-          color="#a250f5"
-          bgColor="#f3e8fd"
-          colorForDarkMode="#D9B8FB"
-          bgColorForDarkMode="#100719"
-        />
-        <StyledTreeItem
-          nodeId="8"
-          labelText="Promotions"
-          labelIcon={LocalOfferIcon}
-          labelInfo="733"
-          color="#3c8039"
-          bgColor="#e6f4ea"
-          colorForDarkMode="#CCE8CD"
-          bgColorForDarkMode="#0C130D"
-        />
-      </StyledTreeItem>
-      <StyledTreeItem nodeId="4" labelText="History" labelIcon={Label} />
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/IconExpansionTreeView.js b/docs/data/material/components/tree-view/IconExpansionTreeView.js
deleted file mode 100644
index 6fc5c733697084..00000000000000
--- a/docs/data/material/components/tree-view/IconExpansionTreeView.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem, { useTreeItem } from '@mui/lab/TreeItem';
-import clsx from 'clsx';
-import Typography from '@mui/material/Typography';
-
-const CustomContent = React.forwardRef(function CustomContent(props, ref) {
-  const {
-    classes,
-    className,
-    label,
-    nodeId,
-    icon: iconProp,
-    expansionIcon,
-    displayIcon,
-  } = props;
-
-  const {
-    disabled,
-    expanded,
-    selected,
-    focused,
-    handleExpansion,
-    handleSelection,
-    preventSelection,
-  } = useTreeItem(nodeId);
-
-  const icon = iconProp || expansionIcon || displayIcon;
-
-  const handleMouseDown = (event) => {
-    preventSelection(event);
-  };
-
-  const handleExpansionClick = (event) => {
-    handleExpansion(event);
-  };
-
-  const handleSelectionClick = (event) => {
-    handleSelection(event);
-  };
-
-  return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    <div
-      className={clsx(className, classes.root, {
-        [classes.expanded]: expanded,
-        [classes.selected]: selected,
-        [classes.focused]: focused,
-        [classes.disabled]: disabled,
-      })}
-      onMouseDown={handleMouseDown}
-      ref={ref}
-    >
-      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-      <div onClick={handleExpansionClick} className={classes.iconContainer}>
-        {icon}
-      </div>
-      <Typography
-        onClick={handleSelectionClick}
-        component="div"
-        className={classes.label}
-      >
-        {label}
-      </Typography>
-    </div>
-  );
-});
-
-CustomContent.propTypes = {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * className applied to the root element.
-   */
-  className: PropTypes.string,
-  /**
-   * The icon to display next to the tree node's label. Either a parent or end icon.
-   */
-  displayIcon: PropTypes.node,
-  /**
-   * The icon to display next to the tree node's label. Either an expansion or collapse icon.
-   */
-  expansionIcon: PropTypes.node,
-  /**
-   * The icon to display next to the tree node's label.
-   */
-  icon: PropTypes.node,
-  /**
-   * The tree node label.
-   */
-  label: PropTypes.node,
-  /**
-   * The id of the node.
-   */
-  nodeId: PropTypes.string.isRequired,
-};
-
-function CustomTreeItem(props) {
-  return <TreeItem ContentComponent={CustomContent} {...props} />;
-}
-
-export default function IconExpansionTreeView() {
-  return (
-    <TreeView
-      aria-label="icon expansion"
-      defaultCollapseIcon={<ExpandMoreIcon />}
-      defaultExpandIcon={<ChevronRightIcon />}
-      sx={{ height: 240, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
-    >
-      <CustomTreeItem nodeId="1" label="Applications">
-        <CustomTreeItem nodeId="2" label="Calendar" />
-        <CustomTreeItem nodeId="3" label="Chrome" />
-        <CustomTreeItem nodeId="4" label="Webstorm" />
-      </CustomTreeItem>
-      <CustomTreeItem nodeId="5" label="Documents">
-        <CustomTreeItem nodeId="10" label="OSS" />
-        <CustomTreeItem nodeId="6" label="MUI">
-          <CustomTreeItem nodeId="7" label="src">
-            <CustomTreeItem nodeId="8" label="index.js" />
-            <CustomTreeItem nodeId="9" label="tree-view.js" />
-          </CustomTreeItem>
-        </CustomTreeItem>
-      </CustomTreeItem>
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/IconExpansionTreeView.tsx b/docs/data/material/components/tree-view/IconExpansionTreeView.tsx
deleted file mode 100644
index f9d1964f8d4b36..00000000000000
--- a/docs/data/material/components/tree-view/IconExpansionTreeView.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import * as React from 'react';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem, {
-  TreeItemProps,
-  useTreeItem,
-  TreeItemContentProps,
-} from '@mui/lab/TreeItem';
-import clsx from 'clsx';
-import Typography from '@mui/material/Typography';
-
-const CustomContent = React.forwardRef(function CustomContent(
-  props: TreeItemContentProps,
-  ref,
-) {
-  const {
-    classes,
-    className,
-    label,
-    nodeId,
-    icon: iconProp,
-    expansionIcon,
-    displayIcon,
-  } = props;
-
-  const {
-    disabled,
-    expanded,
-    selected,
-    focused,
-    handleExpansion,
-    handleSelection,
-    preventSelection,
-  } = useTreeItem(nodeId);
-
-  const icon = iconProp || expansionIcon || displayIcon;
-
-  const handleMouseDown = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
-    preventSelection(event);
-  };
-
-  const handleExpansionClick = (
-    event: React.MouseEvent<HTMLDivElement, MouseEvent>,
-  ) => {
-    handleExpansion(event);
-  };
-
-  const handleSelectionClick = (
-    event: React.MouseEvent<HTMLDivElement, MouseEvent>,
-  ) => {
-    handleSelection(event);
-  };
-
-  return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    <div
-      className={clsx(className, classes.root, {
-        [classes.expanded]: expanded,
-        [classes.selected]: selected,
-        [classes.focused]: focused,
-        [classes.disabled]: disabled,
-      })}
-      onMouseDown={handleMouseDown}
-      ref={ref as React.Ref<HTMLDivElement>}
-    >
-      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-      <div onClick={handleExpansionClick} className={classes.iconContainer}>
-        {icon}
-      </div>
-      <Typography
-        onClick={handleSelectionClick}
-        component="div"
-        className={classes.label}
-      >
-        {label}
-      </Typography>
-    </div>
-  );
-});
-
-function CustomTreeItem(props: TreeItemProps) {
-  return <TreeItem ContentComponent={CustomContent} {...props} />;
-}
-
-export default function IconExpansionTreeView() {
-  return (
-    <TreeView
-      aria-label="icon expansion"
-      defaultCollapseIcon={<ExpandMoreIcon />}
-      defaultExpandIcon={<ChevronRightIcon />}
-      sx={{ height: 240, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
-    >
-      <CustomTreeItem nodeId="1" label="Applications">
-        <CustomTreeItem nodeId="2" label="Calendar" />
-        <CustomTreeItem nodeId="3" label="Chrome" />
-        <CustomTreeItem nodeId="4" label="Webstorm" />
-      </CustomTreeItem>
-      <CustomTreeItem nodeId="5" label="Documents">
-        <CustomTreeItem nodeId="10" label="OSS" />
-        <CustomTreeItem nodeId="6" label="MUI">
-          <CustomTreeItem nodeId="7" label="src">
-            <CustomTreeItem nodeId="8" label="index.js" />
-            <CustomTreeItem nodeId="9" label="tree-view.js" />
-          </CustomTreeItem>
-        </CustomTreeItem>
-      </CustomTreeItem>
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/MultiSelectTreeView.js b/docs/data/material/components/tree-view/MultiSelectTreeView.js
deleted file mode 100644
index ae137220e9c046..00000000000000
--- a/docs/data/material/components/tree-view/MultiSelectTreeView.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import * as React from 'react';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem from '@mui/lab/TreeItem';
-
-export default function MultiSelectTreeView() {
-  return (
-    <TreeView
-      aria-label="multi-select"
-      defaultCollapseIcon={<ExpandMoreIcon />}
-      defaultExpandIcon={<ChevronRightIcon />}
-      multiSelect
-      sx={{ height: 216, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
-    >
-      <TreeItem nodeId="1" label="Applications">
-        <TreeItem nodeId="2" label="Calendar" />
-        <TreeItem nodeId="3" label="Chrome" />
-        <TreeItem nodeId="4" label="Webstorm" />
-      </TreeItem>
-      <TreeItem nodeId="5" label="Documents">
-        <TreeItem nodeId="6" label="MUI">
-          <TreeItem nodeId="7" label="src">
-            <TreeItem nodeId="8" label="index.js" />
-            <TreeItem nodeId="9" label="tree-view.js" />
-          </TreeItem>
-        </TreeItem>
-      </TreeItem>
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/MultiSelectTreeView.tsx b/docs/data/material/components/tree-view/MultiSelectTreeView.tsx
deleted file mode 100644
index ae137220e9c046..00000000000000
--- a/docs/data/material/components/tree-view/MultiSelectTreeView.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import * as React from 'react';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem from '@mui/lab/TreeItem';
-
-export default function MultiSelectTreeView() {
-  return (
-    <TreeView
-      aria-label="multi-select"
-      defaultCollapseIcon={<ExpandMoreIcon />}
-      defaultExpandIcon={<ChevronRightIcon />}
-      multiSelect
-      sx={{ height: 216, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
-    >
-      <TreeItem nodeId="1" label="Applications">
-        <TreeItem nodeId="2" label="Calendar" />
-        <TreeItem nodeId="3" label="Chrome" />
-        <TreeItem nodeId="4" label="Webstorm" />
-      </TreeItem>
-      <TreeItem nodeId="5" label="Documents">
-        <TreeItem nodeId="6" label="MUI">
-          <TreeItem nodeId="7" label="src">
-            <TreeItem nodeId="8" label="index.js" />
-            <TreeItem nodeId="9" label="tree-view.js" />
-          </TreeItem>
-        </TreeItem>
-      </TreeItem>
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/RichObjectTreeView.js b/docs/data/material/components/tree-view/RichObjectTreeView.js
deleted file mode 100644
index d984ffd4fe6c2a..00000000000000
--- a/docs/data/material/components/tree-view/RichObjectTreeView.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import * as React from 'react';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem from '@mui/lab/TreeItem';
-
-const data = {
-  id: 'root',
-  name: 'Parent',
-  children: [
-    {
-      id: '1',
-      name: 'Child - 1',
-    },
-    {
-      id: '3',
-      name: 'Child - 3',
-      children: [
-        {
-          id: '4',
-          name: 'Child - 4',
-        },
-      ],
-    },
-  ],
-};
-
-export default function RichObjectTreeView() {
-  const renderTree = (nodes) => (
-    <TreeItem key={nodes.id} nodeId={nodes.id} label={nodes.name}>
-      {Array.isArray(nodes.children)
-        ? nodes.children.map((node) => renderTree(node))
-        : null}
-    </TreeItem>
-  );
-
-  return (
-    <TreeView
-      aria-label="rich object"
-      defaultCollapseIcon={<ExpandMoreIcon />}
-      defaultExpanded={['root']}
-      defaultExpandIcon={<ChevronRightIcon />}
-      sx={{ height: 110, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
-    >
-      {renderTree(data)}
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/RichObjectTreeView.tsx b/docs/data/material/components/tree-view/RichObjectTreeView.tsx
deleted file mode 100644
index 12e853195018e3..00000000000000
--- a/docs/data/material/components/tree-view/RichObjectTreeView.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import * as React from 'react';
-import TreeView from '@mui/lab/TreeView';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import TreeItem from '@mui/lab/TreeItem';
-
-interface RenderTree {
-  id: string;
-  name: string;
-  children?: readonly RenderTree[];
-}
-
-const data: RenderTree = {
-  id: 'root',
-  name: 'Parent',
-  children: [
-    {
-      id: '1',
-      name: 'Child - 1',
-    },
-    {
-      id: '3',
-      name: 'Child - 3',
-      children: [
-        {
-          id: '4',
-          name: 'Child - 4',
-        },
-      ],
-    },
-  ],
-};
-
-export default function RichObjectTreeView() {
-  const renderTree = (nodes: RenderTree) => (
-    <TreeItem key={nodes.id} nodeId={nodes.id} label={nodes.name}>
-      {Array.isArray(nodes.children)
-        ? nodes.children.map((node) => renderTree(node))
-        : null}
-    </TreeItem>
-  );
-
-  return (
-    <TreeView
-      aria-label="rich object"
-      defaultCollapseIcon={<ExpandMoreIcon />}
-      defaultExpanded={['root']}
-      defaultExpandIcon={<ChevronRightIcon />}
-      sx={{ height: 110, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
-    >
-      {renderTree(data)}
-    </TreeView>
-  );
-}
diff --git a/docs/data/material/components/tree-view/RichObjectTreeView.tsx.preview b/docs/data/material/components/tree-view/RichObjectTreeView.tsx.preview
deleted file mode 100644
index 16c48b7dea6a27..00000000000000
--- a/docs/data/material/components/tree-view/RichObjectTreeView.tsx.preview
+++ /dev/null
@@ -1,9 +0,0 @@
-<TreeView
-  aria-label="rich object"
-  defaultCollapseIcon={<ExpandMoreIcon />}
-  defaultExpanded={['root']}
-  defaultExpandIcon={<ChevronRightIcon />}
-  sx={{ height: 110, flexGrow: 1, maxWidth: 400, overflowY: 'auto' }}
->
-  {renderTree(data)}
-</TreeView>
\ No newline at end of file
diff --git a/docs/data/material/components/tree-view/tree-view-pt.md b/docs/data/material/components/tree-view/tree-view-pt.md
deleted file mode 100644
index af49445cdfaaae..00000000000000
--- a/docs/data/material/components/tree-view/tree-view-pt.md
+++ /dev/null
@@ -1,108 +0,0 @@
----
-productId: material-ui
-title: Tree view React component
-components: TreeView, TreeItem
-githubLabel: 'component: tree view'
-waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
-packageName: '@material-ui/lab'
----
-
-# Tree view
-
-<p class="description">Um modo de visualização em árvore apresentando uma lista hierárquica.</p>
-
-As visualizações em árvore podem ser usadas para representar um navegação no sistema de arquivos para exibir pastas e arquivos, um item representando uma pasta pode ser expandido para revelar o conteúdo da pasta, que pode ser arquivos, pastas ou ambos.
-
-{{"component": "modules/components/ComponentLinkHeader.js"}}
-
-## Modo básico de visualização em árvore
-
-{{"demo": "FileSystemNavigator.js"}}
-
-## Seleção múltipla
-
-Visualizações de árvore também suportam seleção múltipla.
-
-{{"demo": "MultiSelectTreeView.js"}}
-
-## Visualização em árvore controlada
-
-A visualização em árvore também oferece uma API para controle.
-
-{{"demo": "ControlledTreeView.js"}}
-
-## Objeto complexo
-
-Enquanto o componente `TreeView`/`TreeItem` maximiza a flexibilidade, um passo extra é necessário para lidar com um objetos complexos.
-
-Vamos considerar uma variável de dados com a seguinte estrutura, a recursão pode ser usada para lidar com este cenário.
-
-```js
-const data = {
-  id: 'root',
-  name: 'Parent',
-  children: [
-    {
-      id: '1',
-      name: 'Child - 1',
-    },
-    // …
-  ],
-};
-```
-
-{{"demo": "RichObjectTreeView.js", "defaultCodeOpen": false}}
-
-## Propriedade ContentComponent
-
-Você pode usar a propriedade `ContentComponent` e o hook `useTreeItem` para customizar ainda mais o comportamento do TreeItem.
-
-Como limitar a expansão para clicar no ícone:
-
-{{"demo": "IconExpansionTreeView.js", "defaultCodeOpen": false}}
-
-Ou aumentando a largura do indicador de estado:
-
-{{"demo": "BarTreeView.js", "defaultCodeOpen": false}}
-
-## Visualização em árvore customizada
-
-### Ícones customizados, borda e animação
-
-{{"demo": "CustomizedTreeView.js"}}
-
-### Clone do Gmail
-
-{{"demo": "GmailTreeView.js"}}
-
-## Itens desabilitados na árvore
-
-{{"demo": "DisabledTreeItems.js"}}
-
-O comportamento dos itens desabilitados da árvore depende da propriedade `disabledItemsFocusable`.
-
-Se é falsa:
-
-- As teclas de setas não focarão nos itens desabilitados e o próximo item não desabilitado será focado.
-- Digitar o primeiro caractere do rótulo de um item desabilitado não focará no item.
-- Interação do mouse ou teclado não irá expandir/recolher itens desabilitados.
-- Interação do mouse ou teclado não selecionará itens desabilitados.
-- Shift + teclas de setas irão pular itens desabilitados e o próximo item não desabilitado será selecionado.
-- Foco programático não focará itens desabilitados.
-
-Se é verdadeira:
-
-- As teclas de setas focarão em itens desabilitados.
-- Digitar o primeiro caractere do rótulo de um item desabilitado focará no item.
-- Interação do mouse ou teclado não irá expandir/recolher itens desabilitados.
-- Interação do mouse ou teclado não selecionará itens desabilitados.
-- Shift + teclas de setas não irão pular itens desabilitados, mas o item desabilitado não será selecionado.
-- Foco programático focará itens desabilitados.
-
-## Acessibilidade
-
-(WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/)
-
-O componente segue as práticas de autoria da WAI-ARIA.
-
-Para ter uma exibição em árvore acessível, você deve usar `aria-labelledby` ou `aria-label` para fazer referência ou fornecer um rótulo na TreeView, caso contrário, os leitores de tela irão anunciá-lo como "tree", tornando difícil entender o contexto de um item específico da árvore.
diff --git a/docs/data/material/components/tree-view/tree-view-zh.md b/docs/data/material/components/tree-view/tree-view-zh.md
deleted file mode 100644
index b4476986a8958e..00000000000000
--- a/docs/data/material/components/tree-view/tree-view-zh.md
+++ /dev/null
@@ -1,108 +0,0 @@
----
-productId: material-ui
-title: Tree view React component
-components: TreeView, TreeItem
-githubLabel: 'component: tree view'
-waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
-packageName: '@mui/lab'
----
-
-# Tree view
-
-<p class="description">树视图组件能够展现一个分层的列表。</p>
-
-树视图可用来展现一个显示文件夹和文件的文件系统，一个代表文件夹的项目可以展开，此时可以显示文件夹的内容，而这个内容可以是文件，也可以是文件夹，或者两者皆可。
-
-{{"component": "modules/components/ComponentLinkHeader.js"}}
-
-## 基本的树视图
-
-{{"demo": "FileSystemNavigator.js"}}
-
-## 多种选择
-
-树视图也支持多选。
-
-{{"demo": "MultiSelectTreeView.js"}}
-
-## 可控的树视图
-
-树视图也提供了一个可控制的 API。
-
-{{"demo": "ControlledTreeView.js"}}
-
-## 丰富的对象
-
-当使用 `TreeView`/`TreeItem` 组件 API 将灵活性最大化时，将需要额外的一步来处理一个丰富的对象。
-
-请参照带有以下形状的一个数据变量，您可以用递归方法来处理它。
-
-```js
-const data = {
-  id: 'root',
-  name: 'Parent',
-  children: [
-    {
-      id: '1',
-      name: 'Child - 1',
-    },
-    // …
-  ],
-};
-```
-
-{{"demo": "RichObjectTreeView.js", "defaultCodeOpen": false}}
-
-## ContentComponent 属性
-
-你可以使用 `ContentComponent` 属性和 `useTreeItem` hook 来进一步定制 TreeItem 的行为。
-
-比如限制扩展动作，只能够点击图标。
-
-{{"demo": "IconExpansionTreeView.js", "defaultCodeOpen": false}}
-
-或者增加状态指示器的宽度：
-
-{{"demo": "BarTreeView.js", "defaultCodeOpen": false}}
-
-## 自定义的树视图
-
-### 自定义的图标，边框和动画
-
-{{"demo": "CustomizedTreeView.js"}}
-
-### 仿 Gmail
-
-{{"demo": "GmailTreeView.js"}}
-
-## 禁用树项
-
-{{"demo": "DisabledTreeItems.js"}}
-
-被禁用的树项的行为取决于 `disabledItemsFocusable` 属性。
-
-如果为假（false）：
-
-- 箭头键不会聚焦已禁用的项目，下一个非禁用的项目将会被聚焦。
-- 键入所被禁用的项目标签的第一个字符是无法聚焦该项目的。
-- 鼠标或键盘交互不会展开/折叠所被禁用的项目。
-- 鼠标或键盘交互不会选择所被禁用的项目。
-- Shift + 方向键将跳过所被禁用的项目，并且会选择到下一个非禁用的项目。
-- 编程焦点将不会聚焦到已禁用的项目。
-
-如果为真（true）：
-
-- 箭头键将会聚焦到已禁用的项目。
-- 键入所被禁用的项目标签的第一个字符将聚焦到该项目。
-- 鼠标或键盘交互不会展开/折叠所被禁用的项目。
-- 鼠标或键盘交互不会选择所被禁用的项目。
-- Shift + 方向键不会跳过禁用的项目，但是已被禁用项目也不会被选中。
-- 编程焦点将会聚焦到已禁用的项目。
-
-## 无障碍设计
-
-(WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/)
-
-组件遵循了 WAI-ARIA 授权的一些标准。
-
-如果你想让树视图具有无障碍设计，那么你必须使用 `aria-labelledby` 或 `aria-label` 在树视图上引用或提供标签，否则屏幕阅读器会将其声明为“树（tree）”，从而会使人很难理解特定树项的上下文的含义。
diff --git a/docs/data/material/components/tree-view/tree-view.md b/docs/data/material/components/tree-view/tree-view.md
deleted file mode 100644
index 44200f111c06ef..00000000000000
--- a/docs/data/material/components/tree-view/tree-view.md
+++ /dev/null
@@ -1,116 +0,0 @@
----
-productId: material-ui
-title: Tree View React component
-components: TreeView, TreeItem
-githubLabel: 'component: tree view'
-waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
-packageName: '@mui/lab'
----
-
-# Tree View
-
-<p class="description">A tree view widget presents a hierarchical list.</p>
-
-Tree views can be used to represent a file system navigator displaying folders and files, an item representing a folder can be expanded to reveal the contents of the folder, which may be files, folders, or both.
-
-{{"component": "modules/components/ComponentLinkHeader.js"}}
-
-## Basic tree view
-
-{{"demo": "FileSystemNavigator.js"}}
-
-## Multi-selection
-
-Tree views also support multi-selection.
-
-{{"demo": "MultiSelectTreeView.js"}}
-
-## Controlled tree view
-
-The tree view also offers a controlled API.
-
-:::info
-
-- A component is **controlled** when it's managed by its parent using props.
-- A component is **uncontrolled** when it's managed by its own local state.
-
-Learn more about controlled and uncontrolled components in the [React documentation](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
-:::
-
-{{"demo": "ControlledTreeView.js"}}
-
-## Rich object
-
-While the `TreeView`/`TreeItem` component API maximizes flexibility, an extra step is needed to handle a rich object.
-
-Let's consider a data variable with the following shape, recursion can be used to handle it.
-
-```js
-const data = {
-  id: 'root',
-  name: 'Parent',
-  children: [
-    {
-      id: '1',
-      name: 'Child - 1',
-    },
-    // …
-  ],
-};
-```
-
-{{"demo": "RichObjectTreeView.js", "defaultCodeOpen": false}}
-
-## ContentComponent prop
-
-You can use the `ContentComponent` prop and the `useTreeItem` hook to further customize the behavior of the TreeItem.
-
-Such as limiting expansion to clicking the icon:
-
-{{"demo": "IconExpansionTreeView.js", "defaultCodeOpen": false}}
-
-Or increasing the width of the state indicator:
-
-{{"demo": "BarTreeView.js", "defaultCodeOpen": false}}
-
-## Customization
-
-### Custom icons, border and animation
-
-{{"demo": "CustomizedTreeView.js"}}
-
-### Gmail clone
-
-{{"demo": "GmailTreeView.js"}}
-
-## Disabled tree items
-
-{{"demo": "DisabledTreeItems.js"}}
-
-The behavior of disabled tree items depends on the `disabledItemsFocusable` prop.
-
-If it is false:
-
-- Arrow keys will not focus disabled items and, the next non-disabled item will be focused.
-- Typing the first character of a disabled item's label will not focus the item.
-- Mouse or keyboard interaction will not expand/collapse disabled items.
-- Mouse or keyboard interaction will not select disabled items.
-- Shift + arrow keys will skip disabled items and, the next non-disabled item will be selected.
-- Programmatic focus will not focus disabled items.
-
-If it is true:
-
-- Arrow keys will focus disabled items.
-- Typing the first character of a disabled item's label will focus the item.
-- Mouse or keyboard interaction will not expand/collapse disabled items.
-- Mouse or keyboard interaction will not select disabled items.
-- Shift + arrow keys will not skip disabled items but, the disabled item will not be selected.
-- Programmatic focus will focus disabled items.
-
-## Accessibility
-
-(WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/)
-
-The component follows the WAI-ARIA authoring practices.
-
-To have an accessible tree view you must use `aria-labelledby` or `aria-label` to reference or provide a label on the TreeView, otherwise screen readers will announce it as "tree", making it hard to understand the context of a specific tree item.
diff --git a/docs/data/material/components/typography/typography-pt.md b/docs/data/material/components/typography/typography-pt.md
deleted file mode 100644
index f1330ae17f081c..00000000000000
--- a/docs/data/material/components/typography/typography-pt.md
+++ /dev/null
@@ -1,126 +0,0 @@
----
-productId: material-ui
-title: Componente React de Tipografia
-components: Typography
-githubLabel: 'component: Typography'
-materialDesign: https://m2.material.io/design/typography/the-type-system.html
----
-
-# Typography
-
-<p class="description">Use a tipografia para apresentar seu design e conteúdo da forma mais clara e eficiente possível.</p>
-
-O uso de diferentes tamanhos e estilos de uma só vez pode estragar qualquer leiaute. Uma [escala tipográfica](https://m2.material.io/design/typography/#type-scale) tem um conjunto limitado de tipos de tamanhos que funcionam bem em conjunto com o leiaute de grade.
-
-{{"component": "modules/components/ComponentLinkHeader.js"}}
-
-## Geral
-
-A fonte _Roboto_ **não** será carregada automaticamente pelo Material-UI. Você é responsável por carregar quaisquer fontes usadas em sua aplicação. A fonte Roboto possui algumas maneiras fáceis de ser carregada. For more advanced configuration, check out [the theme customization section](/material-ui/customization/typography/).
-
-## Fonte Roboto via CDN
-
-Temos abaixo um exemplo de markup de link usado para carregar a fonte Roboto de uma CDN:
-
-```html
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
-/>
-```
-
-## Instalar via npm
-
-You can [install it](https://www.npmjs.com/package/@fontsource/roboto) by running one of the following commands in your terminal:
-
-With **npm**:
-
-`npm install @fontsource/roboto`
-
-Or **yarn**:
-
-`yarn add @fontsource/roboto`
-
-Then, you can import it in your entry-point.
-
-```js
-import '@fontsource/roboto/300.css';
-import '@fontsource/roboto/400.css';
-import '@fontsource/roboto/500.css';
-import '@fontsource/roboto/700.css';
-```
-
-For more info check out [Fontsource](https://github.com/fontsource/fontsource).
-
-Fontsource can be configured to load specific subsets, weights and styles. MUI default typography configuration only relies on 300, 400, 500, and 700 font weights.
-
-## Componente
-
-The Typography component makes it easy to apply a default set of font weights and sizes in your application.
-
-{{"demo": "Types.js"}}
-
-## Tema
-
-In some situations you might not be able to use the `Typography` component. Hopefully, you might be able to take advantage of the [`typography`](/material-ui/customization/default-theme/?expand-path=$.typography) keys of the theme.
-
-{{"demo": "TypographyTheme.js"}}
-
-## Alterando o elemento semântico
-
-The Typography component uses the `variantMapping` prop to associate a UI variant with a semantic element. It's important to realize that the style of a typography component is independent from the semantic underlying element.
-
-- Você pode alterar o elemento subjacente para uma ocasião em específico com a propriedade `component`:
-
-```jsx
-{/ * Já existe um h1 na página, não vamos duplicá-lo. */
-}
-<Typography variant="h1" component="h2">
-  h1. Heading
-</Typography>;
-```
-
-- You can change the mapping [globally using the theme](/material-ui/customization/theme-components/#default-props):
-
-```js
-const theme = createTheme({
-  components: {
-    MuiTypography: {
-      defaultProps: {
-        variantMapping: {
-          h1: 'h2',
-          h2: 'h2',
-          h3: 'h2',
-          h4: 'h2',
-          h5: 'h2',
-          h6: 'h2',
-          subtitle1: 'h2',
-          subtitle2: 'h2',
-          body1: 'span',
-          body2: 'span',
-        },
-      },
-    },
-  },
-});
-```
-
-## Adding & disabling variants
-
-In addition to using the default typography variants, you can add custom ones, or disable any you don't need. See the [Adding & disabling variants](/material-ui/customization/typography/#adding-amp-disabling-variants) example for more info.
-
-## System props
-
-As a CSS utility component, the `Typography` supports all [`system`](/system/properties/) properties. You can use them as prop directly on the component. For instance, a margin-top:
-
-```jsx
-<Typography mt={2}>
-```
-
-## Acessibilidade
-
-A few key factors to follow for an accessible typography:
-
-- **Cor**. Forneça contraste suficiente entre o texto e seu fundo, confira a [razão de contraste de cor WCAG 2.0 mínima recomendada](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html) (4.5:1).
-- **Tamanho da fonte**. Use [relative units (rem)](/material-ui/customization/typography/#font-size) to accommodate the user's settings.
-- **Hierarquia de títulos**. [Não pule](https://www.w3.org/WAI/tutorials/page-structure/headings/) níveis de título. Para resolver esse problema, você precisa [separar a semântica do estilo](#changing-the-semantic-element).
diff --git a/docs/data/material/components/typography/typography-zh.md b/docs/data/material/components/typography/typography-zh.md
deleted file mode 100644
index 3c8bcf0ebfdce5..00000000000000
--- a/docs/data/material/components/typography/typography-zh.md
+++ /dev/null
@@ -1,128 +0,0 @@
----
-productId: material-ui
-title: React Typography（文字铸排）组件
-components: Typography
-githubLabel: 'component: Typography'
-materialDesign: https://m2.material.io/design/typography/the-type-system.html
----
-
-# Typography
-
-<p class="description">使用文字铸排可以尽可能清晰、高效地展示您的设计和内容。</p>
-
-大量字阶和样式会影响任何布局的美观性。 [版式比例](https://m2.material.io/design/typography/#type-scale)是一组有限的类型大小, 与布局网格一起工作很好。
-
-{{"component": "modules/components/ComponentLinkHeader.js"}}
-
-## 概述
-
-Material-UI **不会**自动加载 _Roboto_ 字体。 你负责加载你的应用程序中使用的任何字体。 有这样几个简单的方法来加载 Roboto 字体。 For more advanced configuration, check out [the theme customization section](/material-ui/customization/typography/).
-
-## Roboto 字体 CDN
-
-以下是一个简单 link markup，可以用于从 CDN 加载 Roboto 字体：
-
-```html
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
-/>
-```
-
-## 通过 npm 安装
-
-You can [install it](https://www.npmjs.com/package/@fontsource/roboto) by running one of the following commands in your terminal:
-
-With **npm**:
-
-`npm install @fontsource/roboto`
-
-Or **yarn**:
-
-`yarn add @fontsource/roboto`
-
-Then, you can import it in your entry-point.
-
-```js
-import '@fontsource/roboto/300.css';
-import '@fontsource/roboto/400.css';
-import '@fontsource/roboto/500.css';
-import '@fontsource/roboto/700.css';
-```
-
-For more info check out [Fontsource](https://github.com/fontsource/fontsource).
-
-Fontsource can be configured to load specific subsets, weights and styles. MUI default typography configuration only relies on 300, 400, 500, and 700 font weights.
-
-## 组件
-
-The Typography component makes it easy to apply a default set of font weights and sizes in your application.
-
-{{"demo": "Types.js"}}
-
-## 主题
-
-In some situations you might not be able to use the `Typography` component. Hopefully, you might be able to take advantage of the [`typography`](/material-ui/customization/default-theme/?expand-path=$.typography) keys of the theme.
-
-{{"demo": "TypographyTheme.js"}}
-
-## 改变语义元素
-
-The Typography component uses the `variantMapping` prop to associate a UI variant with a semantic element. It's important to realize that the style of a typography component is independent from the semantic underlying element.
-
-- 使用 `component` 属性，您可以一次性改变底层元素的样式：
-
-```jsx
-{
-  /* 在此页面中已经有一个 h1 标签，我们不会再重复。 */
-}
-<Typography variant="h1" component="h2">
-  h1. 标题
-</Typography>; Heading
-</Typography>;
-```
-
-- You can change the mapping [globally using the theme](/material-ui/customization/theme-components/#default-props):
-
-```js
-const theme = createTheme({
-  components: {
-    MuiTypography: {
-      defaultProps: {
-        variantMapping: {
-          h1: 'h2',
-          h2: 'h2',
-          h3: 'h2',
-          h4: 'h2',
-          h5: 'h2',
-          h6: 'h2',
-          subtitle1: 'h2',
-          subtitle2: 'h2',
-          body1: 'span',
-          body2: 'span',
-        },
-      },
-    },
-  },
-});
-```
-
-## 添加 & 禁用变体
-
-In addition to using the default typography variants, you can add custom ones, or disable any you don't need. See the [Adding & disabling variants](/material-ui/customization/typography/#adding-amp-disabling-variants) example for more info.
-
-## 系统属性
-
-As a CSS utility component, the `Typography` supports all [`system`](/system/properties/) properties. You can use them as prop directly on the component. For instance, a margin-top:
-
-```jsx
-<Typography mt={2}>
-```
-
-## 无障碍设计
-
-A few key factors to follow for an accessible typography:
-
-- **字体颜色**。 在文本颜色和背景颜色间提供足够的对比性，请参考 [WCAG 2.0 颜色对比度](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html) 的最低标准（4.5:1）。
-- **字体大小（字阶）**。 Use [relative units (rem)](/material-ui/customization/typography/#font-size) to accommodate the user's settings.
-- **标题等级**。 请不要跳过[标题的等级](https://www.w3.org/WAI/tutorials/page-structure/headings/) 。 你需要将 [ style 从语义元素中分离开来](#changing-the-semantic-element)，这样能够解决这个问题。
diff --git a/docs/data/material/components/typography/typography.md b/docs/data/material/components/typography/typography.md
index 6bdff9ed09b916..8a6547a4d054d5 100644
--- a/docs/data/material/components/typography/typography.md
+++ b/docs/data/material/components/typography/typography.md
@@ -10,85 +10,90 @@ materialDesign: https://m2.material.io/design/typography/the-type-system.html
 
 <p class="description">Use typography to present your design and content as clearly and efficiently as possible.</p>
 
-Too many type sizes and styles at once can spoil any layout.
-A [typographic scale](https://m2.material.io/design/typography/#type-scale) has a limited set of type sizes that work well together along with the layout grid.
-
 {{"component": "modules/components/ComponentLinkHeader.js"}}
 
-## General
-
-The _Roboto_ font will **not** be automatically loaded by Material UI.
-You are responsible for loading any fonts used in your application.
-Roboto Font has a few easy ways to get started. For more advanced configuration, check out
-[the theme customization section](/material-ui/customization/typography/).
+## Roboto font
 
-## Roboto Font CDN
+Material UI uses the [Roboto](https://fonts.google.com/specimen/Roboto) font by default.
+Add it to your project via Fontsource, or with the Google Fonts CDN.
 
-Shown below is a sample link markup used to load the Roboto font from a CDN:
+<codeblock storageKey="package-manager">
 
-```html
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
-/>
+```bash npm
+npm install @fontsource/roboto
 ```
 
-## Install with npm
-
-You can [install it](https://www.npmjs.com/package/@fontsource/roboto) by running one of the following commands in your terminal:
-
-With **npm**:
-
-`npm install @fontsource/roboto`
+```bash yarn
+yarn add @fontsource/roboto
+```
 
-Or **yarn**:
+```bash pnpm
+pnpm add @fontsource/roboto
+```
 
-`yarn add @fontsource/roboto`
+</codeblock>
 
-Then, you can import it in your entry-point.
+Then you can import it in your entry point like this:
 
-```js
+```tsx
 import '@fontsource/roboto/300.css';
 import '@fontsource/roboto/400.css';
 import '@fontsource/roboto/500.css';
 import '@fontsource/roboto/700.css';
 ```
 
-For more info check out [Fontsource](https://github.com/fontsource/fontsource).
+:::info
+Fontsource can be configured to load specific subsets, weights, and styles. Material UI's default typography configuration relies only on the 300, 400, 500, and 700 font weights.
+:::
+
+### Google Web Fonts
 
-Fontsource can be configured to load specific subsets, weights and styles.
-Material UI default typography configuration only relies on 300, 400, 500, and 700 font weights.
+To install Roboto through the Google Web Fonts CDN, add the following code inside your project's <head /> tag:
+
+```html
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link
+  rel="stylesheet"
+  href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
+/>
+```
 
 ## Component
 
-The Typography component makes it easy to apply a default set of font weights and sizes in your application.
+### Usage
+
+The Typography component follows the [Material Design typographic scale](https://m2.material.io/design/typography/#type-scale) that provides a limited set of type sizes that work well together for a consistent layout.
 
 {{"demo": "Types.js"}}
 
-## Theme
+### Theme keys
 
-In some situations you might not be able to use the `Typography` component.
+In some situations you might not be able to use the Typography component.
 Hopefully, you might be able to take advantage of the [`typography`](/material-ui/customization/default-theme/?expand-path=$.typography) keys of the theme.
 
 {{"demo": "TypographyTheme.js"}}
 
-## Changing the semantic element
+## Customization
+
+### Adding & disabling variants
+
+In addition to using the default typography variants, you can add custom ones, or disable any you don't need. See the [Adding & disabling variants](/material-ui/customization/typography/#adding-amp-disabling-variants) page for more info.
+
+### Changing the semantic element
 
 The Typography component uses the `variantMapping` prop to associate a UI variant with a semantic element.
 It's important to realize that the style of a typography component is independent from the semantic underlying element.
 
-- You can change the underlying element for a one-off situation with the `component` prop:
+To change the underlying element for a one-off situation, like avoiding two `h1` elements in your page, use the `component` prop:
 
 ```jsx
-{
-  /* There is already an h1 in the page, let's not duplicate it. */
-}
 <Typography variant="h1" component="h2">
   h1. Heading
-</Typography>;
+</Typography>
 ```
 
-- You can change the mapping [globally using the theme](/material-ui/customization/typography/#adding-amp-disabling-variants):
+To change the typography element mapping globally, [use the theme](/material-ui/customization/typography/#adding-amp-disabling-variants):
 
 ```js
 const theme = createTheme({
@@ -113,14 +118,10 @@ const theme = createTheme({
 });
 ```
 
-## Adding & disabling variants
-
-In addition to using the default typography variants, you can add custom ones, or disable any you don't need. See the [Adding & disabling variants](/material-ui/customization/typography/#adding-amp-disabling-variants) example for more info.
-
-## System props
+### System props
 
-As a CSS utility component, the `Typography` supports all [`system`](/system/properties/) properties. You can use them as prop directly on the component.
-For instance, a margin-top:
+As a CSS utility component, the Typography component supports all [`system`](/system/properties/) properties. You can use them as prop directly on the component.
+For example, here's how you'd add a margin-top:
 
 ```jsx
 <Typography mt={2}>
@@ -128,8 +129,8 @@ For instance, a margin-top:
 
 ## Accessibility
 
-A few key factors to follow for an accessible typography:
+Key factors to follow for an accessible typography:
 
 - **Color**. Provide enough contrast between text and its background, check out the minimum recommended [WCAG 2.0 color contrast ratio](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html) (4.5:1).
-- **Font size**. Use [relative units (rem)](/material-ui/customization/typography/#font-size) to accommodate the user's settings.
-- **Heading hierarchy**. [Don't skip](https://www.w3.org/WAI/tutorials/page-structure/headings/) heading levels. In order to solve this problem, you need to [separate the semantics from the style](#changing-the-semantic-element).
+- **Font size**. Use [relative units (rem)](/material-ui/customization/typography/#font-size), instead of pixels, to accommodate the user's browser settings.
+- **Heading hierarchy**. Based on [the W3 guidelines](https://www.w3.org/WAI/tutorials/page-structure/headings/), don't skip heading levels. Make sure to [separate the semantics from the style](#changing-the-semantic-element).
diff --git a/docs/data/material/components/use-media-query/use-media-query-pt.md b/docs/data/material/components/use-media-query/use-media-query-pt.md
index 10dcceb5ae4b14..cdb0fdacae5fde 100644
--- a/docs/data/material/components/use-media-query/use-media-query-pt.md
+++ b/docs/data/material/components/use-media-query/use-media-query-pt.md
@@ -112,7 +112,7 @@ const theme = createTheme({
 ## Renderização do lado servidor
 
 :::warning
-⚠️ Server-side rendering and client-side media queries are fundamentally at odds.
+Server-side rendering and client-side media queries are fundamentally at odds.
 Be aware of the tradeoff. The support can only be partial.
 :::
 
@@ -141,7 +141,7 @@ import { ThemeProvider } from '@material-ui/core/styles';
 
 function handleRender(req, res) {
   const deviceType = parser(req.headers['user-agent']).device.type || 'desktop';
-  const ssrMatchMedia = query => ({
+  const ssrMatchMedia = (query) => ({
     matches: mediaQuery.match(query, {
       // O CSS estimado pelo navegador.
       width: deviceType === 'mobile' ? '0px' : '1024px',
diff --git a/docs/data/material/components/use-media-query/use-media-query-zh.md b/docs/data/material/components/use-media-query/use-media-query-zh.md
index 7cc9ccfff72423..5310ea80de4b8f 100644
--- a/docs/data/material/components/use-media-query/use-media-query-zh.md
+++ b/docs/data/material/components/use-media-query/use-media-query-zh.md
@@ -114,7 +114,7 @@ const theme = createTheme({
 ## 服务端渲染
 
 :::warning
-⚠️ Server-side rendering and client-side media queries are fundamentally at odds.
+Server-side rendering and client-side media queries are fundamentally at odds.
 Be aware of the tradeoff. The support can only be partial.
 :::
 
diff --git a/docs/data/material/customization/default-theme/DefaultTheme.js b/docs/data/material/customization/default-theme/DefaultTheme.js
index 65896c27791d1c..86df7d9295d62b 100644
--- a/docs/data/material/customization/default-theme/DefaultTheme.js
+++ b/docs/data/material/customization/default-theme/DefaultTheme.js
@@ -1,12 +1,69 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
-import { createTheme } from '@mui/material/styles';
+import Divider from '@mui/material/Divider';
+import { createTheme, styled } from '@mui/material/styles';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Switch from '@mui/material/Switch';
 import { useTranslate } from 'docs/src/modules/utils/i18n';
 import ThemeViewer, {
   useNodeIdsLazy,
 } from 'docs/src/modules/components/ThemeViewer';
+import { blue, grey } from 'docs/src/modules/brandingTheme';
+
+const StyledSwitch = styled(Switch)(({ theme }) => [
+  {
+    display: 'flex',
+    padding: 0,
+    width: 32,
+    height: 20,
+    borderRadius: 99,
+    '&:active': {
+      '& .MuiSwitch-thumb': {
+        width: 16,
+      },
+      '& .MuiSwitch-switchBase.Mui-checked': {
+        transform: 'translateX(9px)',
+      },
+    },
+    '& .MuiSwitch-switchBase': {
+      padding: 2,
+      '&.Mui-checked': {
+        transform: 'translateX(12px)',
+        color: '#FFF',
+        '& + .MuiSwitch-track': {
+          opacity: 1,
+          backgroundColor: blue[500],
+        },
+      },
+    },
+    '& .MuiSwitch-thumb': {
+      width: 16,
+      height: 16,
+      borderRadius: 99,
+      transition: theme.transitions.create(['width'], {
+        duration: 200,
+      }),
+    },
+    '& .MuiSwitch-track': {
+      borderRadius: 16 / 2,
+      opacity: 1,
+      backgroundColor: grey[400],
+      boxSizing: 'border-box',
+    },
+    [`:where(${theme.vars ? '[data-mui-color-scheme="dark"]' : '.mode-dark'}) &`]: {
+      '& .MuiSwitch-switchBase': {
+        '&.Mui-checked': {
+          '& + .MuiSwitch-track': {
+            backgroundColor: blue[500],
+          },
+        },
+      },
+      '& .MuiSwitch-track': {
+        backgroundColor: grey[700],
+      },
+    },
+  },
+]);
 
 function DefaultTheme() {
   const [checked, setChecked] = React.useState(false);
@@ -58,31 +115,52 @@ function DefaultTheme() {
 
   return (
     <Box sx={{ width: '100%' }}>
-      <FormControlLabel
-        sx={{ pb: 1 }}
-        control={
-          <Switch
-            checked={checked}
-            onChange={(event) => {
-              setChecked(event.target.checked);
-              setExpandPaths(event.target.checked ? allNodeIds : []);
-            }}
-          />
-        }
-        label={t('expandAll')}
-      />
-      <FormControlLabel
-        sx={{ pb: 1 }}
-        control={
-          <Switch
-            checked={darkTheme}
-            onChange={(event) => {
-              setDarkTheme(event.target.checked);
-            }}
-          />
-        }
-        label={t('useDarkTheme')}
-      />
+      <Box sx={{ display: 'flex', gap: 2, mb: 3 }}>
+        <FormControlLabel
+          label={t('expandAll')}
+          sx={{
+            m: 0,
+            flexDirection: 'row-reverse',
+            gap: 1,
+            '& .MuiFormControlLabel-label': {
+              fontFamily: 'IBM Plex Sans',
+              color: 'text.secondary',
+            },
+          }}
+          control={
+            <StyledSwitch
+              size="small"
+              checked={checked}
+              onChange={(event) => {
+                setChecked(event.target.checked);
+                setExpandPaths(event.target.checked ? allNodeIds : []);
+              }}
+            />
+          }
+        />
+        <Divider orientation="vertical" flexItem />
+        <FormControlLabel
+          label={t('useDarkTheme')}
+          sx={{
+            m: 0,
+            flexDirection: 'row-reverse',
+            gap: 1,
+            '& .MuiFormControlLabel-label': {
+              fontFamily: 'IBM Plex Sans',
+              color: 'text.secondary',
+            },
+          }}
+          control={
+            <StyledSwitch
+              size="small"
+              checked={darkTheme}
+              onChange={(event) => {
+                setDarkTheme(event.target.checked);
+              }}
+            />
+          }
+        />
+      </Box>
       <ThemeViewer data={data} expandPaths={expandPaths} />
     </Box>
   );
diff --git a/docs/data/material/customization/default-theme/default-theme-pt.md b/docs/data/material/customization/default-theme/default-theme-pt.md
index 306ee59e638c8d..ac2f621e8397fd 100644
--- a/docs/data/material/customization/default-theme/default-theme-pt.md
+++ b/docs/data/material/customization/default-theme/default-theme-pt.md
@@ -9,7 +9,7 @@ Explore o objeto de tema padrão:
 {{"demo": "DefaultTheme.js", "hideToolbar": true, "bg": "inline"}}
 
 :::info
-💡**Tip:**
+**Tip:**
 
 you can play with the documentation theme object in your browser console, as the `theme` variable is exposed on all the documentation pages.
 :::
diff --git a/docs/data/material/customization/default-theme/default-theme.md b/docs/data/material/customization/default-theme/default-theme.md
index 9cd0a0072de126..2af560cc3f6c07 100644
--- a/docs/data/material/customization/default-theme/default-theme.md
+++ b/docs/data/material/customization/default-theme/default-theme.md
@@ -1,12 +1,9 @@
 # Default theme viewer
 
-<p class="description">Here's what the theme object looks like with the default values.</p>
+<p class="description">Check out how the theme object looks like with the default values.</p>
 
-## Explore
-
-Explore the default theme object:
-
-{{"demo": "DefaultTheme.js", "hideToolbar": true, "bg": "inline"}}
+If you want to learn more about how the theme is assembled, take a look at [`material-ui/style/createTheme.js`](https://github.com/mui/material-ui/blob/-/packages/mui-material/src/styles/createTheme.js),
+and the related imports which `createTheme` uses.
 
 :::success
 You can play with the documentation theme object in your browser console,
@@ -14,10 +11,9 @@ as the `theme` variable is exposed on all the documentation pages.
 :::
 
 :::warning
-Please note that **the documentation site is using a custom theme**.
+Please note that **the documentation site is using a custom theme** (MUI's branding).
 :::
 
-<!-- #default-branch-switch -->
+<hr/>
 
-If you want to learn more about how the theme is assembled, take a look at [`material-ui/style/createTheme.js`](https://github.com/mui/material-ui/blob/-/packages/mui-material/src/styles/createTheme.js),
-and the related imports which `createTheme` uses.
+{{"demo": "DefaultTheme.js", "hideToolbar": true, "bg": "inline"}}
diff --git a/docs/data/material/customization/how-to-customize/how-to-customize-pt.md b/docs/data/material/customization/how-to-customize/how-to-customize-pt.md
index bd4162ad72bb4a..4ec932a7ea9c4c 100644
--- a/docs/data/material/customization/how-to-customize/how-to-customize-pt.md
+++ b/docs/data/material/customization/how-to-customize/how-to-customize-pt.md
@@ -39,7 +39,7 @@ In this case, the styles are applied with `.css-ae2u5c-MuiSlider-thumb` but you
 {{"demo": "DevTools.js"}}
 
 :::warning
-⚠️ Note that these class names can't be used as CSS selectors because they are unstable.
+Note that these class names can't be used as CSS selectors because they are unstable.
 :::
 
 ### Overriding styles with class names
@@ -96,21 +96,21 @@ CSS pseudo-classes have a high level of specificity. For consistency with native
 
 You can rely on the following [global class names](/system/styles/advanced/#class-names) generated by Material UI:
 
-| State         | Nome da classe global                |
-|:------------- |:------------------------------------ |
-| active        | `.Mui-active`                        |
-| checked       | `.Mui-checked`                       |
-| completed     | `.Mui-completed`                     |
-| disabled      | `Mui-disabled` | | error | `.`       |
-| error         | `.Mui-error`                         |
-| expanded      | `.Mui-expanded`                      |
-| focus visible | `Mui-focusVisible` | | focused | `.` |
-| focused       | `.Mui-focused`                       |
-| required      | `.Mui-required`                      |
-| selected      | `.Mui-selected`                      |
+| State         | Nome da classe global |
+| :------------ | :-------------------- | --- | ------- | --- |
+| active        | `.Mui-active`         |
+| checked       | `.Mui-checked`        |
+| completed     | `.Mui-completed`      |
+| disabled      | `Mui-disabled`        |     | error   | `.` |
+| error         | `.Mui-error`          |
+| expanded      | `.Mui-expanded`       |
+| focus visible | `Mui-focusVisible`    |     | focused | `.` |
+| focused       | `.Mui-focused`        |
+| required      | `.Mui-required`       |
+| selected      | `.Mui-selected`       |
 
 :::error
-⚠️ Never apply styles directly to state class names. This will impact all components with unclear side-effects. Always target a state class together with a component.
+Never apply styles directly to state class names. This will impact all components with unclear side-effects. Always target a state class together with a component.
 :::
 
 ```css
@@ -138,7 +138,7 @@ The `styled()` utility lets you add dynamic styles based on a component's props.
 #### Dynamic CSS
 
 :::warning
-⚠️ Note that if you are using TypeScript you will need to update the prop's types of the new component.
+Note that if you are using TypeScript you will need to update the prop's types of the new component.
 :::
 
 {{"demo": "DynamicCSS.js", "defaultCodeOpen": false}}
diff --git a/docs/data/material/customization/how-to-customize/how-to-customize-zh.md b/docs/data/material/customization/how-to-customize/how-to-customize-zh.md
index a4c266a1d380b2..ef1d3b0cb9b11c 100644
--- a/docs/data/material/customization/how-to-customize/how-to-customize-zh.md
+++ b/docs/data/material/customization/how-to-customize/how-to-customize-zh.md
@@ -39,7 +39,7 @@ In this case, the styles are applied with `.css-ae2u5c-MuiSlider-thumb` but you
 {{"demo": "DevTools.js"}}
 
 :::warning
-⚠️ Note that these class names can't be used as CSS selectors because they are unstable.
+Note that these class names can't be used as CSS selectors because they are unstable.
 :::
 
 ### Overriding styles with class names
@@ -96,8 +96,8 @@ CSS pseudo-classes have a high level of specificity. For consistency with native
 
 You can rely on the following [global class names](/system/styles/advanced/#class-names) generated by Material UI:
 
-| 状态            | 全局类名                |
-|:------------- |:------------------- |
+| 状态          | 全局类名            |
+| :------------ | :------------------ |
 | active        | `.Mui-active`       |
 | checked       | `.Mui-checked`      |
 | completed     | `.Mui-completed`    |
@@ -138,7 +138,7 @@ The `styled()` utility lets you add dynamic styles based on a component's props.
 #### Dynamic CSS
 
 :::warning
-⚠️ Note that if you are using TypeScript you will need to update the prop's types of the new component.
+Note that if you are using TypeScript you will need to update the prop's types of the new component.
 :::
 
 {{"demo": "DynamicCSS.js", "defaultCodeOpen": false}}
diff --git a/docs/data/material/customization/typography/TypographyCustomVariant.js b/docs/data/material/customization/typography/TypographyCustomVariant.js
index c975bf9df9374d..aaf673ab163645 100644
--- a/docs/data/material/customization/typography/TypographyCustomVariant.js
+++ b/docs/data/material/customization/typography/TypographyCustomVariant.js
@@ -5,7 +5,6 @@ import Typography from '@mui/material/Typography';
 
 const theme = createTheme({
   typography: {
-    // @ts-ignore
     poster: {
       fontSize: '4rem',
       color: 'indianred',
@@ -17,7 +16,6 @@ const theme = createTheme({
     MuiTypography: {
       defaultProps: {
         variantMapping: {
-          // @ts-ignore
           poster: 'h1', // map our new variant to render an <h1> by default
         },
       },
diff --git a/docs/data/material/customization/typography/typography-zh.md b/docs/data/material/customization/typography/typography-zh.md
index 07539d4cfa5b92..4997f05df562be 100644
--- a/docs/data/material/customization/typography/typography-zh.md
+++ b/docs/data/material/customization/typography/typography-zh.md
@@ -174,7 +174,7 @@ theme = responsiveFontSizes(theme);
 您可能想要更改 `<html>` 元素的默认字体大小。 例如，当您使用 [10px 简化](https://www.sitepoint.com/understanding-and-using-rem-units-in-css/) 时。
 
 :::warning
-⚠️ Changing the font size can harm accessibility ♿️. Most browsers agreed on the default size of 16px, but the user can change it. For instance, someone with an impaired vision could have set their browser's default font size to something larger.
+Changing the font size can harm accessibility ♿️. Most browsers agreed on the default size of 16px, but the user can change it. For instance, someone with an impaired vision could have set their browser's default font size to something larger.
 :::
 
 The `theme.typography.htmlFontSize` property is provided for this use case, which tells MUI what the font-size on the `<html>` element is. This is used to adjust the `rem` value so the calculated font-size always match the specification.
diff --git a/docs/data/material/discover-more/backers/backers.md b/docs/data/material/discover-more/backers/backers.md
index 2e8a8b2188ecce..c530912f940a32 100644
--- a/docs/data/material/discover-more/backers/backers.md
+++ b/docs/data/material/discover-more/backers/backers.md
@@ -9,12 +9,11 @@ The core of MUI is our crowd-funded open-source projects, licensed under the per
 ### Diamond 💎
 
 <p style="display: flex; justify-content: start; align-items: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="octopus" href="https://octopus.com/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="128" width="128" src="https://i.ibb.co/w0HF0Nz/Logo-Blue-140px-rgb.png" srcset="https://i.ibb.co/w0HF0Nz/Logo-Blue-140px-rgb.png 2x" alt="octopus" title="Repeatable, reliable deployments" loading="lazy" /></a>
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="doit" href="https://www.doit.com/flexsave/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 24px;"><img height="128" width="128" src="https://avatars.githubusercontent.com/u/8424863?s=128" srcset="https://avatars.githubusercontent.com/u/8424863?s=256 2x" alt="doit" title="Management Platform for Google Cloud and AWS" loading="lazy" /></a>
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="zesty.io" href="https://www.zesty.io/integrations/mui-nextjs/?utm_source=mui&utm_medium=referral&utm_campaign=sponsor" rel="noopener sponsored" target="_blank"><img height="90" width="90" src="https://brand.zesty.io/zesty-io-logo.svg" alt="zesty.io" title="The only Next.js CMS you need" loading="lazy" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="octopus.com" href="https://octopus.com/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="128" width="128" src="https://i.ibb.co/w0HF0Nz/Logo-Blue-140px-rgb.png" srcset="https://i.ibb.co/w0HF0Nz/Logo-Blue-140px-rgb.png 2x" alt="octopus" title="Repeatable, reliable deployments" loading="lazy" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="doit.com" href="https://www.doit.com/flexsave/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 24px;"><img height="128" width="128" src="https://avatars.githubusercontent.com/u/8424863?s=128" srcset="https://avatars.githubusercontent.com/u/8424863?s=256 2x" alt="doit" title="Management Platform for Google Cloud and AWS" loading="lazy" /></a>
 </p>
 
-_0/3 slots available_
+_1/3 slots available_
 
 Diamond Sponsors are those who have pledged \$1,500/month or more to MUI.
 Please contact us at sales@mui.com to subscribe to this tier.
@@ -22,23 +21,23 @@ Even when there are no more slots available, we accept higher bids.
 
 ### Gold 🏆
 
-via [OpenCollective](https://opencollective.com/mui) or via [Patreon](https://www.patreon.com/oliviertassinari)
+via [Open Collective](https://opencollective.com/mui) or via [the for-profit](https://www.patreon.com/oliviertassinari)
 
 <p style="display: flex; justify-content: start; align-items: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift.com" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://avatars.githubusercontent.com/u/30204434?s=96" srcset="https://avatars.githubusercontent.com/u/30204434?s=192 2x" alt="tidelift.com" title="Enterprise-ready open-source software" loading="lazy" /></a>
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="text-em-all.com" href="https://www.text-em-all.com/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://avatars.githubusercontent.com/u/1262264?s=96" srcset="https://avatars.githubusercontent.com/u/1262264?s=192 2x" alt="text-em-all.com" title="Mass Text Messaging & Automated Calling" height="96" width="96" loading="lazy"></a>
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="spotify" href="https://open.spotify.com?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://images.opencollective.com/spotify/f37ea28/logo/96.png" srcset="https://images.opencollective.com/spotify/f37ea28/logo/192.png 2x" alt="Spotify" title="Music service to access to millions of songs" loading="lazy"></a>
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="megafamous" href="https://megafamous.com/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="/static/sponsors/megafamous.png" alt="megafamous.com" title="The best place to buy Instagram followers & likes" loading="lazy" /></a>
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="dialmycalls" href="https://www.dialmycalls.com/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://images.opencollective.com/dialmycalls/f5ae9ab/avatar/96.png" srcset="https://images.opencollective.com/dialmycalls/f5ae9ab/avatar/192.png 2x" alt="dialmycalls.com" title="Send text messages, calls & emails to thousands with ease." loading="lazy" /></a>
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="goread.io" href="https://goread.io/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://images.opencollective.com/goread_io/eb6337d/logo/96.png" srcset="https://images.opencollective.com/goread_io/eb6337d/logo/192.png 2x" alt="goread.io" title="Instagram followers, likes, power likes, views, comments, saves in minutes." loading="lazy" /></a>
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="icons8.com" href="https://icons8.com?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://images.opencollective.com/icons8/7fa1641/logo/96.png" srcset="https://images.opencollective.com/icons8/7fa1641/logo/192.png 2x" alt="Icons8" title="We provide the neat icons, photos, illustrations, and music. Developers, use our API to insert all the content we have into your apps." loading="lazy"></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="tidelift.com" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://avatars.githubusercontent.com/u/30204434?s=96" srcset="https://avatars.githubusercontent.com/u/30204434?s=192 2x" alt="tidelift.com" title="Enterprise-ready open-source software" loading="lazy" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="text-em-all.com" href="https://www.text-em-all.com/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://avatars.githubusercontent.com/u/1262264?s=96" srcset="https://avatars.githubusercontent.com/u/1262264?s=192 2x" alt="text-em-all.com" title="Mass Text Messaging & Automated Calling" height="96" width="96" loading="lazy"></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="spotify.com" href="https://open.spotify.com?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://images.opencollective.com/spotify/f37ea28/logo/96.png" srcset="https://images.opencollective.com/spotify/f37ea28/logo/192.png 2x" alt="Spotify" title="Music service to access to millions of songs" loading="lazy"></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="megafamous.com" href="https://megafamous.com/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="/static/sponsors/megafamous.png" alt="megafamous.com" title="The best place to buy Instagram followers & likes" loading="lazy" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="dialmycalls.com" href="https://www.dialmycalls.com/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://images.opencollective.com/dialmycalls/f5ae9ab/avatar/96.png" srcset="https://images.opencollective.com/dialmycalls/f5ae9ab/avatar/192.png 2x" alt="dialmycalls.com" title="Send text messages, calls & emails to thousands with ease." loading="lazy" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="goread.io" href="https://goread.io/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://images.opencollective.com/goread_io/eb6337d/logo/96.png" srcset="https://images.opencollective.com/goread_io/eb6337d/logo/192.png 2x" alt="goread.io" title="Instagram followers, likes, power likes, views, comments, saves in minutes." loading="lazy" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="icons8.com" href="https://icons8.com?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://images.opencollective.com/icons8/7fa1641/logo/96.png" srcset="https://images.opencollective.com/icons8/7fa1641/logo/192.png 2x" alt="Icons8" title="We provide the neat icons, photos, illustrations, and music. Developers, use our API to insert all the content we have into your apps." loading="lazy"></a>
 </p>
 
 Gold Sponsors are those who have pledged \$500/month or more to MUI.
 
 ### Silver
 
-via [OpenCollective](https://opencollective.com/mui)
+via [Open Collective](https://opencollective.com/mui)
 
 <p style="overflow: auto;">
   <object type="image/svg+xml" data="https://opencollective.com/mui/tiers/silver-sponsor.svg?avatarHeight=70&width=600" style="border-radius: 10px;">Silver Sponsors</object>
@@ -48,7 +47,7 @@ Silver Sponsors are those who have pledged $250/month to $500/month to MUI.
 
 ### Bronze
 
-via [OpenCollective](https://opencollective.com/mui)
+via [Open Collective](https://opencollective.com/mui)
 
 <p style="overflow: auto;">
   <object type="image/svg+xml" data="https://opencollective.com/mui/tiers/bronze-sponsor.svg?avatarHeight=60&width=600" style="border-radius: 10px;">Bronze Sponsors</object>
@@ -58,7 +57,7 @@ Bronze Sponsors are those who have pledged $100/month to $250/month to MUI.
 
 ### Backers
 
-via [OpenCollective](https://opencollective.com/mui)
+via [Open Collective](https://opencollective.com/mui)
 
 <p style="overflow: auto;">
   <object type="image/svg+xml" data="https://opencollective.com/mui/tiers/backer.svg?avatarHeight=50&width=600" style="border-radius: 10px;">Backers</object>
@@ -68,13 +67,13 @@ via [OpenCollective](https://opencollective.com/mui)
 
 ### Why is Material UI a "crowd-funded open-source project"?
 
-Material UI (as well as Base UI and Joy UI) is open-source to give users great freedom in how they use the software, and to enable the community to have influence over how the project progresses to make it appropriate for a wide range of use-cases. To ensure that MUI's component libraries can stand the test of time for our users, they need to be well directed and financially sustainable.
+Material UI (as well as [Base UI](/base-ui/) and [Joy UI](/joy-ui/getting-started/)) is open-source to give users great freedom in how they use the software, and to enable the community to have influence over how the project progresses to make it appropriate for a wide range of use-cases. To ensure that MUI's component libraries can stand the test of time for our users, they need to be well directed and financially sustainable.
 
-The absolute best way to support MUI's ongoing development efforts is to become a sponsor. Crowd-sourced funding enables us to spend the most time directly working on improving MUI's products, which you and other MUI users then benefit from.
+The absolute best way to support MUI's libraries ongoing development efforts is to become a sponsor. Crowd-sourced funding enables us to spend the most time directly working on improving MUI's products, which you and other MUI users then benefit from.
 
 ### How is sponsorship money spent?
 
-Sponsorship money is used to fund software development, testing, documentation, and releases of the MUI software suite.
+Sponsorship money is used to fund open-source software development, testing, documentation, and releases of the projects.
 
 ### Is sponsorship required to use MUI's products?
 
@@ -82,12 +81,12 @@ Users are not obligated to give back to MUI, but it is in their interest to do s
 
 By significantly reducing the amount of work needed to achieve business goals and reducing running costs, MUI's libraries result in huge time and money savings for users. We encourage organizations to contribute a portion of these savings back, enabling the project to advance more rapidly and result in even greater savings for your organization.
 
-### What's the difference between Patreon and OpenCollective?
+### What's the difference between Open Collective and the for-profit?
 
-Funds received via Patreon or other forms, directly support [Olivier Tassinari](https://github.com/oliviertassinari) and the core team mission.
-The funds go to a for-profit entity that employs some of the core team members.
+Funds donated via Open Collective are managed transparently and aimed to sustain the MIT projects.
+MUI benefits from the Open Collective's fiscal sponsorship (hosted as a non-profit), in exchange for 10% of the donations.
 
-Funds donated via OpenCollective are managed transparently and aimed to sustain the MIT core of MUI. MUI benefits from the Open Collective's fiscal sponsorship (hosted as a non-profit), in exchange for 10% of the donations.
+Funds transferred to the MUI for-profit support the company's mission.
 
 ## Services
 
diff --git a/docs/data/material/discover-more/roadmap/roadmap.md b/docs/data/material/discover-more/roadmap/roadmap.md
index c76592406b4b3f..848a559fe16ff4 100644
--- a/docs/data/material/discover-more/roadmap/roadmap.md
+++ b/docs/data/material/discover-more/roadmap/roadmap.md
@@ -47,41 +47,41 @@ Here are the components we will work on being supported in the MUI ecosystem:
 - 🛠 Work in progress, will be or already released as unstable
 - ⏳ Planning to build
 
-| Name                                                                     | Product  | Status |
-| :----------------------------------------------------------------------- | :------- | :----- |
-| Advanced Layout                                                          | MUI X    | ⏳     |
-| Carousel                                                                 | MUI X    | ⏳     |
-| [Charts](https://mui.com/x/react-charts/)                                | MUI X    | 🧪     |
-| [Data Grid](/x/react-data-grid/)                                         | MUI X    | ✅     |
-| [Date Picker](/x/react-date-pickers/date-picker/)                        | MUI X    | ✅     |
-| [Time Picker](/x/react-date-pickers/time-picker/)                        | MUI X    | ✅     |
-| [Date Time Picker](/x/react-date-pickers/date-time-picker/)              | MUI X    | ✅     |
-| [Date Range Picker](/x/react-date-pickers/date-range-picker/)            | MUI X    | ✅     |
-| Time Range Picker                                                        | MUI X    | ⏳     |
-| Date Time Range Picker                                                   | MUI X    | ⏳     |
-| Dropdown                                                                 | MUI Core | ⏳     |
-| Dropzone                                                                 | MUI X    | ⏳     |
-| File Upload                                                              | MUI X    | ⏳     |
-| Gantt Chart                                                              | MUI X    | ⏳     |
-| Gauge                                                                    | MUI X    | ⏳     |
-| Image                                                                    | MUI Core | ⏳     |
-| [Masonry](/material-ui/react-masonry/)                                   | MUI Core | 🧪     |
-| Navbar                                                                   | MUI Core | ⏳     |
-| Nested Menu                                                              | MUI X    | ⏳     |
-| NProgress                                                                | MUI Core | ⏳     |
-| Numeric Input                                                            | MUI Core | ⏳     |
-| Rich Text Editor                                                         | MUI X    | ⏳     |
-| Scheduler                                                                | MUI X    | ⏳     |
-| Scrollspy                                                                | MUI Core | ⏳     |
-| Sparkline                                                                | MUI X    | ⏳     |
-| [Timeline](/material-ui/react-timeline/)                                 | MUI Core | 🧪     |
-| Tree select                                                              | MUI X    | ⏳     |
-| [Tree View](/material-ui/react-tree-view/)                               | MUI X    | 🧪     |
-| Tree View - Checkbox                                                     | MUI X    | ⏳     |
-| Tree View - Drag & Drop                                                  | MUI X    | ⏳     |
-| [Tree View - Multiselect](/material-ui/react-tree-view/#multi-selection) | MUI X    | 🧪     |
-| Tree View - Virtualization                                               | MUI X    | ⏳     |
-| Window Splitter                                                          | MUI X    | ⏳     |
+| Name                                                           | Product  | Status |
+| :------------------------------------------------------------- | :------- | :----- |
+| Advanced Layout                                                | MUI X    | ⏳     |
+| Carousel                                                       | MUI X    | ⏳     |
+| [Charts](https://mui.com/x/react-charts/)                      | MUI X    | 🧪     |
+| [Data Grid](/x/react-data-grid/)                               | MUI X    | ✅     |
+| [Date Picker](/x/react-date-pickers/date-picker/)              | MUI X    | ✅     |
+| [Time Picker](/x/react-date-pickers/time-picker/)              | MUI X    | ✅     |
+| [Date Time Picker](/x/react-date-pickers/date-time-picker/)    | MUI X    | ✅     |
+| [Date Range Picker](/x/react-date-pickers/date-range-picker/)  | MUI X    | ✅     |
+| Time Range Picker                                              | MUI X    | ⏳     |
+| Date Time Range Picker                                         | MUI X    | ⏳     |
+| Dropdown                                                       | MUI Core | ⏳     |
+| Dropzone                                                       | MUI X    | ⏳     |
+| File Upload                                                    | MUI X    | ⏳     |
+| Gantt Chart                                                    | MUI X    | ⏳     |
+| Gauge                                                          | MUI X    | ⏳     |
+| Image                                                          | MUI Core | ⏳     |
+| [Masonry](/material-ui/react-masonry/)                         | MUI Core | 🧪     |
+| Navbar                                                         | MUI Core | ⏳     |
+| Nested Menu                                                    | MUI X    | ⏳     |
+| NProgress                                                      | MUI Core | ⏳     |
+| Numeric Input                                                  | MUI Core | ⏳     |
+| Rich Text Editor                                               | MUI X    | ⏳     |
+| Scheduler                                                      | MUI X    | ⏳     |
+| Scrollspy                                                      | MUI Core | ⏳     |
+| Sparkline                                                      | MUI X    | ⏳     |
+| [Timeline](/material-ui/react-timeline/)                       | MUI Core | 🧪     |
+| Tree select                                                    | MUI X    | ⏳     |
+| [Tree View](/x/react-tree-view/)                               | MUI X    | 🧪     |
+| Tree View - Checkbox                                           | MUI X    | ⏳     |
+| Tree View - Drag & Drop                                        | MUI X    | ⏳     |
+| [Tree View - Multiselect](/x/react-tree-view/#multi-selection) | MUI X    | 🧪     |
+| Tree View - Virtualization                                     | MUI X    | ⏳     |
+| Window Splitter                                                | MUI X    | ⏳     |
 
 :::warning
 **Disclaimer**: We operate in a dynamic environment, and things are subject to change. The information provided is intended to outline the general framework direction, for informational purposes only. We may decide to add or remove new items at any time, depending on our capability to deliver while meeting our quality standards. The development, releases, and timing of any features or functionality remains at the sole discretion of MUI. The roadmap does not represent a commitment, obligation, or promise to deliver at any time.
diff --git a/docs/data/material/discover-more/showcase/showcase.md b/docs/data/material/discover-more/showcase/showcase.md
index c9057af3fc592f..0264112015e2b0 100644
--- a/docs/data/material/discover-more/showcase/showcase.md
+++ b/docs/data/material/discover-more/showcase/showcase.md
@@ -6,4 +6,4 @@ This is a curated list of some of the best apps we've seen that show off what's
 
 ---
 
-{{"component": "docs/src/modules/components/MaterialShowcase.js"}}
+{{"component": "modules/components/MaterialShowcase.js"}}
diff --git a/docs/data/material/experimental-api/classname-generator/classname-generator-pt.md b/docs/data/material/experimental-api/classname-generator/classname-generator-pt.md
index 2d52dc51f4c5eb..f8f8eefc178509 100644
--- a/docs/data/material/experimental-api/classname-generator/classname-generator-pt.md
+++ b/docs/data/material/experimental-api/classname-generator/classname-generator-pt.md
@@ -5,7 +5,7 @@
 This API is introduced in `@mui/material` (v5.0.5) as a replacement of deprecated [`createGenerateClassName`](/system/styles/api/#creategenerateclassname-options-class-name-generator).
 
 :::warning
-⚠️ **Note**: this API is at an unstable stage which might change in the future.
+**Note**: this API is at an unstable stage which might change in the future.
 :::
 
 ## Setup
diff --git a/docs/data/material/experimental-api/classname-generator/classname-generator-zh.md b/docs/data/material/experimental-api/classname-generator/classname-generator-zh.md
index ec7b43ffbcf970..bf0c58916d2202 100644
--- a/docs/data/material/experimental-api/classname-generator/classname-generator-zh.md
+++ b/docs/data/material/experimental-api/classname-generator/classname-generator-zh.md
@@ -5,7 +5,7 @@
 This API is introduced in `@mui/material` (v5.0.5) as a replacement of deprecated [`createGenerateClassName`](/system/styles/api/#creategenerateclassname-options-class-name-generator).
 
 :::warning
-⚠️ **Note**: this API is at an unstable stage which might change in the future.
+**Note**: this API is at an unstable stage which might change in the future.
 :::
 
 ## Setup
diff --git a/docs/data/material/experimental-api/classname-generator/classname-generator.md b/docs/data/material/experimental-api/classname-generator/classname-generator.md
index 9c38ff58c0ce13..69a91e2c3cb59d 100644
--- a/docs/data/material/experimental-api/classname-generator/classname-generator.md
+++ b/docs/data/material/experimental-api/classname-generator/classname-generator.md
@@ -134,7 +134,7 @@ ClassNameGenerator.configure(
 
 Then import the file in the main JavaScript source based on the framework.
 
-### Next.js
+### Next.js Pages Router
 
 Import the initializer in `/pages/_app.js`.
 
@@ -165,15 +165,3 @@ Import the initializer in `/src/index.js`.
 
  ReactDOM.render(<App />);
 ```
-
-### Gatsby
-
-Import the initializer in `gatsby-ssr.js` at the root folder.
-
-```diff
-+import './MuiClassNameSetup';
-
- export const wrapPageElement = ({ element }) => {
-   return element;
- };
-```
diff --git a/docs/data/material/experimental-api/css-theme-variables/migration.md b/docs/data/material/experimental-api/css-theme-variables/migration.md
index 4e130d8c947214..e3b3c9e8a5bb53 100644
--- a/docs/data/material/experimental-api/css-theme-variables/migration.md
+++ b/docs/data/material/experimental-api/css-theme-variables/migration.md
@@ -182,9 +182,9 @@ The `mode` is stored inside `CssVarsProvider` which handles local storage synchr
 
 The `getInitColorSchemeScript()` API prevents dark-mode flickering by returning a script that must be run before React.
 
-### Next.js
+### Next.js Pages Router
 
-Place the script before `<Main />` in your [`pages/_document.js`](https://nextjs.org/docs/advanced-features/custom-document):
+Place the script before `<Main />` in your [`pages/_document.js`](https://nextjs.org/docs/pages/building-your-application/routing/custom-document):
 
 ```jsx
 import Document, { Html, Head, Main, NextScript } from 'next/document';
@@ -193,7 +193,7 @@ import { getInitColorSchemeScript } from '@mui/material/styles';
 export default class MyDocument extends Document {
   render() {
     return (
-      <Html>
+      <Html data-color-scheme="light">
         <Head>...</Head>
         <body>
           {getInitColorSchemeScript()}
diff --git a/docs/data/material/experimental-api/css-theme-variables/overview.md b/docs/data/material/experimental-api/css-theme-variables/overview.md
index 20af073e857ccc..319b88daaf169f 100644
--- a/docs/data/material/experimental-api/css-theme-variables/overview.md
+++ b/docs/data/material/experimental-api/css-theme-variables/overview.md
@@ -27,11 +27,11 @@ With these variables, you can inject a theme into your app's stylesheet _at buil
 
 For server-side applications, there are some trade-offs to consider:
 
-|                                                      | Compare to the default method | Reason                                                                                                       |
-| :--------------------------------------------------- | :---------------------------- | :----------------------------------------------------------------------------------------------------------- |
-| HTML size                                            | Bigger                        | CSS variables are generated for both light and dark mode at build time.                                      |
-| [First Contentful Paint (FCP)](https://web.dev/fcp/) | Larger                        | Since the HTML size is generally bigger, the time to download the HTML before showing the content is longer. |
-| [Time to Interactive (TTI)](https://web.dev/tti/)    | Smaller (for dark mode)       | Stylesheets are not regenerated between light and dark mode, so it takes less time for JavaScript to run.    |
+|                                                      | Compare to the default method | Reason                                                                                                         |
+| :--------------------------------------------------- | :---------------------------- | :------------------------------------------------------------------------------------------------------------- |
+| HTML size                                            | Bigger                        | CSS variables are generated for both light and dark mode at build time.                                        |
+| [First Contentful Paint (FCP)](https://web.dev/fcp/) | Longer                        | Since the HTML size is bigger, the time to download the HTML before showing the content is a bit longer.       |
+| [Time to Interactive (TTI)](https://web.dev/tti/)    | Shorter (for dark mode)       | Stylesheets are not regenerated between light and dark mode, a lot less time is spent running JavaScript code. |
 
 :::warning
 The comparison described in the table above may not be applicable to large and complex applications since there are so many factors that can impact performance metrics.
@@ -46,6 +46,8 @@ Adopting CSS variables requires some shifts in your mental model of theming and
 **[Default approach](/material-ui/customization/dark-mode/)**: Light and dark colors are created separately.
 
 ```js
+import { createTheme } from '@mui/material/styles';
+
 const lightTheme = createTheme();
 
 const darkTheme = createTheme({
@@ -58,6 +60,8 @@ const darkTheme = createTheme({
 **CSS theme variables**: Light and dark colors are consolidated into a theme.
 
 ```js
+import { experimental_extendTheme as extendTheme } from '@mui/material/styles';
+
 // `extendTheme` is a new API
 const theme = extendTheme({
   colorSchemes: {
diff --git a/docs/data/material/experimental-api/css-theme-variables/usage/CssVarsBasic.js b/docs/data/material/experimental-api/css-theme-variables/usage/CssVarsBasic.js
new file mode 100644
index 00000000000000..cbbdc835b12d7c
--- /dev/null
+++ b/docs/data/material/experimental-api/css-theme-variables/usage/CssVarsBasic.js
@@ -0,0 +1,18 @@
+import * as React from 'react';
+import {
+  experimental_extendTheme as extendTheme,
+  Experimental_CssVarsProvider as CssVarsProvider,
+} from '@mui/material/styles';
+import Button from '@mui/material/Button';
+
+const theme = extendTheme({
+  cssVarPrefix: 'md-demo',
+});
+
+export default function CssVarsBasic() {
+  return (
+    <CssVarsProvider theme={theme}>
+      <Button variant="contained">Hello world</Button>
+    </CssVarsProvider>
+  );
+}
diff --git a/docs/data/material/experimental-api/css-theme-variables/usage/CssVarsBasic.tsx b/docs/data/material/experimental-api/css-theme-variables/usage/CssVarsBasic.tsx
new file mode 100644
index 00000000000000..cbbdc835b12d7c
--- /dev/null
+++ b/docs/data/material/experimental-api/css-theme-variables/usage/CssVarsBasic.tsx
@@ -0,0 +1,18 @@
+import * as React from 'react';
+import {
+  experimental_extendTheme as extendTheme,
+  Experimental_CssVarsProvider as CssVarsProvider,
+} from '@mui/material/styles';
+import Button from '@mui/material/Button';
+
+const theme = extendTheme({
+  cssVarPrefix: 'md-demo',
+});
+
+export default function CssVarsBasic() {
+  return (
+    <CssVarsProvider theme={theme}>
+      <Button variant="contained">Hello world</Button>
+    </CssVarsProvider>
+  );
+}
diff --git a/docs/data/material/experimental-api/css-theme-variables/usage/CssVarsBasic.tsx.preview b/docs/data/material/experimental-api/css-theme-variables/usage/CssVarsBasic.tsx.preview
new file mode 100644
index 00000000000000..511e5c2381dd78
--- /dev/null
+++ b/docs/data/material/experimental-api/css-theme-variables/usage/CssVarsBasic.tsx.preview
@@ -0,0 +1,3 @@
+<CssVarsProvider theme={theme}>
+  <Button variant="contained">Hello world</Button>
+</CssVarsProvider>
\ No newline at end of file
diff --git a/docs/data/material/experimental-api/css-theme-variables/usage.md b/docs/data/material/experimental-api/css-theme-variables/usage/usage.md
similarity index 88%
rename from docs/data/material/experimental-api/css-theme-variables/usage.md
rename to docs/data/material/experimental-api/css-theme-variables/usage/usage.md
index c7f53a2c1c6a2b..f6bd3f239a5fe5 100644
--- a/docs/data/material/experimental-api/css-theme-variables/usage.md
+++ b/docs/data/material/experimental-api/css-theme-variables/usage/usage.md
@@ -7,14 +7,6 @@
 The CSS variables API relies on a new experimental provider for the theme called `Experimental_CssVarsProvider` to inject styles into Material UI components.
 In addition to providing the theme in the inner React context, this new provider also generates CSS variables out of all tokens in the theme that are not functions, and makes them available in the context as well.
 
-```js
-import { Experimental_CssVarsProvider as CssVarsProvider } from '@mui/material/styles';
-
-function App() {
-  return <CssVarsProvider>...</CssVarsProvider>;
-}
-```
-
 Once the `App` renders on the screen, you will see the CSS theme variables in the html `:root` stylesheet.
 The variables are flattened and prefixed with `--mui` by default:
 
@@ -29,6 +21,10 @@ The variables are flattened and prefixed with `--mui` by default:
 }
 ```
 
+The following demo uses `--md-demo` as a prefix for the variables:
+
+{{"demo": "CssVarsBasic.js", "defaultCodeOpen": true}}
+
 :::info
 The `CssVarsProvider` is built on top of the [`ThemeProvider`](/material-ui/customization/theming/#themeprovider) with extra features like CSS variable generation, storage synchronization, unlimited color schemes, and more.
 :::
@@ -122,9 +118,9 @@ The structure of this object is nearly identical to the theme structure, the onl
 
 Place `getInitColorSchemeScript()` before the `<Main />` tag to prevent the dark-mode SSR flickering during the hydration phase.
 
-### Next.js
+### Next.js Pages Router
 
-Add the following code to the custom [`pages/_document.js`](https://nextjs.org/docs/advanced-features/custom-document) file:
+Add the following code to the custom [`pages/_document.js`](https://nextjs.org/docs/pages/building-your-application/routing/custom-document) file:
 
 ```jsx
 import Document, { Html, Head, Main, NextScript } from 'next/document';
@@ -133,7 +129,7 @@ import { getInitColorSchemeScript } from '@mui/material/styles';
 export default class MyDocument extends Document {
   render() {
     return (
-      <Html>
+      <Html data-color-scheme="light">
         <Head>...</Head>
         <body>
           {getInitColorSchemeScript()}
@@ -146,19 +142,6 @@ export default class MyDocument extends Document {
 }
 ```
 
-### Gatsby
-
-Add the following code to the custom [`gatsby-ssr.js`](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/) file:
-
-```jsx
-import * as React from 'react';
-import { getInitColorSchemeScript } from '@mui/material/styles';
-
-export function onRenderBody({ setPreBodyComponents }) {
-  setPreBodyComponents([getInitColorSchemeScript()]);
-}
-```
-
 ## TypeScript
 
 The theme variables type is not enabled by default. You need to import the module augmentation to enable the typings:
@@ -180,8 +163,6 @@ const StyledComponent = styled('button')(({ theme }) => ({
 
 - `defaultMode?: 'light' | 'dark' | 'system'` - Application's default mode (`light` by default)
 - `disableTransitionOnChange : boolean` - Disable CSS transitions when switching between modes
-- `enableColorScheme: boolean` - Indicate to the browser which color scheme is used (light or dark) for rendering built-in UI
-- `prefix: string` - CSS variable prefix
 - `theme: ThemeInput` - the theme provided to React's context
 - `modeStorageKey?: string` - localStorage key used to store application `mode`
 - `attribute?: string` - DOM attribute for applying color scheme
diff --git a/docs/data/material/getting-started/example-projects/example-projects.md b/docs/data/material/getting-started/example-projects/example-projects.md
index 127a28c607300f..159c3868029464 100644
--- a/docs/data/material/getting-started/example-projects/example-projects.md
+++ b/docs/data/material/getting-started/example-projects/example-projects.md
@@ -13,7 +13,7 @@ See [Start a New React Project](https://react.dev/learn/start-a-new-react-projec
 
 <!-- #default-branch-switch -->
 
-{{"component": "docs/src/modules/components/ExampleCollection.js"}}
+{{"component": "modules/components/ExampleCollection.js"}}
 
 <br />
 
diff --git a/docs/data/material/getting-started/faq/faq-pt.md b/docs/data/material/getting-started/faq/faq-pt.md
deleted file mode 100644
index b7c8145d3dce5b..00000000000000
--- a/docs/data/material/getting-started/faq/faq-pt.md
+++ /dev/null
@@ -1,413 +0,0 @@
-# Perguntas Frequentes
-
-<p class="description">Preso em um determinado problema? Confira primeiro algumas dicas nas Perguntas Frequentes.</p>
-
-If you still can't find what you're looking for, you can refer to our [support page](/material-ui/getting-started/support/).
-
-## MUI is awesome. Como posso apoiar o projeto?
-
-Existem muitas maneiras de apoiar o Material-UI:
-
-- **Espalhe a palavra**. Evangelize Material-UI [vinculando o material-ui.com](https://material-ui.com/) no seu site, todo backlink conta. Siga-nos no [Twitter](https://twitter.com/MaterialUI), curta e retuíte as notícias importantes. Ou apenas fale sobre nós com os seus amigos.
-- **Dê-nos sua opinião**. Conte-nos o que estamos fazendo bem ou onde podemos melhorar. Por favor vote (👍) nos issues do GitHub que você está mais interessado em ver resolvidos.
-- **Ajude novos usuários**. You can answer questions on [Stack Overflow](https://stackoverflow.com/questions/tagged/material-ui).
-- **Faça as alterações acontecerem**.
-  - Edite a documentação. Cada página da versão em inglês tem um link "EDIT THIS PAGE" no canto superior direito.
-  - Reporte erros ou recursos faltantes [criando uma issue](https://github.com/mui/material-ui/issues/new).
-  - Revise e comente em [pull requests](https://github.com/mui/material-ui/pulls) e [issues](https://github.com/mui/material-ui/issues) existentes.
-  - Ajude a [traduzir](https://translate.mui.com) a documentação.
-  - [Improve our documentation](https://github.com/mui/material-ui/tree/HEAD/docs), fix bugs, or add features by [submitting a pull request](https://github.com/mui/material-ui/pulls).
-- **Support us financially on [OpenCollective](https://opencollective.com/mui)**. Se você usa Material-UI em um projeto comercial e gostaria de apoiar seu desenvolvimento contínuo tornando-se um Patrocinador, ou em um projeto freelancer ou hobby e gostaria de se tornar um Apoiador, você pode se tornar através do OpenCollective. Todos os fundos doados são geridos de forma transparente e os Patrocinadores recebem reconhecimento no README e na página inicial do Material-UI.
-
-## Por que meus componentes não estão renderizando corretamente em compilações de produção?
-
-A rolagem é bloqueada assim que um modal é aberto. Isto impede a interação com o segundo plano, pois o modal deve ser o único conteúdo interativo. No entanto, removendo a barra de rolagem pode fazer com que seus **elementos fixos posicionados** se movam. Nesta situação, você pode aplicar um nome de classe global `.mui-fixed` para informar ao Material-UI para manipular esses elementos.
-
-## Por que os elementos posicionados como fixos se movem quando um modal é aberto?
-
-O efeito cascata é exclusivamente proveniente do componente `BaseButton`. Você pode desativar o efeito cascata globalmente aplicando as seguintes configurações no seu tema:
-
-```js
-import { createTheme } from '@material-ui/core';
-
-const theme = createTheme({
-  components: {
-    // Name of the component ⚛️
-    MuiButtonBase: {
-      defaultProps: {
-        // The props to apply
-        disableRipple: true, // No more ripple, on the whole application 💣!
-      },
-  },
-});
-```
-
-## Como posso desativar o efeito cascata globalmente?
-
-Material-UI usa o mesmo auxiliar de tema para criar todas as transições. Portanto, você pode desativar todas as transições substituindo o auxiliar no seu tema:
-
-```js
-import { createTheme } from '@material-ui/core';
-
-const theme = createTheme({
-  transitions: {
-    // So we have `transition: none;` everywhere
-    create: () => 'none',
-  },
-});
-```
-
-No geral, é simples livrar-se desse problema encapsulando cada aplicação Material-UI com componentes [`StylesProvider`](/styles/api/#stylesprovider), no topo de suas árvores de componentes** e usando um único gerador de nome de classe compartilhado entre eles**.
-
-Você pode ir além, desabilitando todas as transições e efeitos de animações:
-
-```js
-import { createTheme } from '@material-ui/core';
-
-const theme = createTheme({
-  components: {
-    // Name of the component ⚛️
-    MuiCssBaseline: {
-      styleOverrides: {
-        '*, *::before, *::after': {
-          transition: 'none !important',
-          animation: 'none !important',
-        },
-      },
-    },
-  },
-});
-```
-
-Observe que o uso de `CssBaseline` é necessário para que a abordagem acima funcione. Se você optar por não usá-lo, você ainda pode desabilitar transições e animações incluindo estas regras CSS:
-
-```css
-*,
-*::before,
-*::after {
-  transition: 'none !important';
-  animation: 'none !important';
-}
-```
-
-## Do I have to use Emotion to style my app?
-
-Não, não é obrigatório. But if you are using the default styled engine (`@mui/styled-engine`) the Emotion dependency comes built in, so carries no additional bundle size overhead.
-
-No entanto, talvez você esteja adicionando os componentes Material-UI para uma aplicação que já usa outra solução de estilos, ou, já esta familiarizado com uma API diferente e não quer aprender uma nova? In that case, head over to the [Style library interoperability](/material-ui/guides/interoperability/) section, where we show how simple it is to restyle MUI components with alternative style libraries.
-
-## When should I use inline-style vs. CSS?
-
-Como regra geral, use apenas o estilo em linha para propriedades de estilo dinâmicas. A alternativa de uso com CSS oferece mais vantagens, em:
-
-- auto-prefixing
-- Você esta usando `StylesProvider` para um **subconjunto** da sua árvore de componentes React.
-- Você está usando um empacotador (bundler) e está dividindo o código de uma maneira que faz com que várias instâncias do gerador de nome de classe sejam criadas.
-- keyframes
-
-## How do I use react-router?
-
-We detail the [integration with third-party routing libraries](/material-ui/guides/routing/) like react-router, Gatsby or Next.js in our guide.
-
-## Como usar react-router?
-
-Todos os componentes do Material-UI que devem renderizar algo no DOM possuem referência para o componente DOM subjacente. Isso significa que você pode obter elementos DOM lendo o ref anexado aos componentes do Material-UI:
-
-```jsx
-// uma função setter ref
-const ref = React.createRef();
-// renderizando
-<Button ref={ref} />;
-// uso
-const element = ref.current;
-```
-
-If you're not sure if the MUI component in question forwards its ref you can check the API documentation under "Props" e.g. the [Button API](/material-ui/api/button/#props) includes
-
-:::info
-The ref is forwarded to the root element.
-:::
-
-indicating that you can access the DOM element with a ref.
-
-## Como posso acessar o elemento DOM?
-
-If you are seeing a warning message in the console like the one below, you probably have several instances of `@mui/styles` initialized on the page.
-
-:::warning
-It looks like there are several instances of `@mui/styles` initialized in this application. This may cause theme propagation issues, broken class names, specificity issues, and make your application bigger without a good reason.
-:::
-
-### Possíveis razões
-
-There are several common reasons for this to happen:
-
-- prefixação automática
-- melhor depuração
-- consultas de mídia
-
-### Módulo duplicado em node_modules
-
-If you think that the issue may be in the duplication of the @mui/styles module somewhere in your dependencies, there are several ways to check this. You can use `npm ls @mui/styles`, `yarn list @mui/styles` or `find -L ./node_modules | grep /@mui/styles/package.json` commands in your application folder.
-
-If none of these commands identified the duplication, try analyzing your bundle for multiple instances of @mui/styles. You can just check your bundle source, or use a tool like [source-map-explorer](https://github.com/danvk/source-map-explorer) or [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer).
-
-If you identified that duplication is the issue that you are encountering there are several things you can try to solve it:
-
-If you are using npm you can try running `npm dedupe`. This command searches the local dependencies and tries to simplify the structure by moving common dependencies further up the tree.
-
-If you are using webpack, you can change the way it will [resolve](https://webpack.js.org/configuration/resolve/#resolve-modules) the @mui/styles module. You can overwrite the default order in which webpack will look for your dependencies and make your application node_modules more prioritized than default node module resolution order:
-
-```diff
-  resolve: {
-+   alias: {
-+     "@material-ui/styles": path.resolve(appFolder, "node_modules", "@material-ui/styles"),
-+   }
-  }
-```
-
-### Uso com Lerna
-
-One possible fix to get @mui/styles to run in a Lerna monorepo across packages is to [hoist](https://github.com/lerna/lerna/blob/HEAD/doc/hoist.md) shared dependencies to the root of your monorepo file. Try running the bootstrap option with the --hoist flag.
-
-```bash
-lerna bootstrap --hoist
-```
-
-Alternatively, you can remove @mui/styles from your package.json file and hoist it manually to your top-level package.json file.
-
-Example of a package.json file in a Lerna root folder
-
-```json
-{
-  "name": "my-monorepo",
-  "devDependencies": {
-    "lerna": "latest"
-  },
-  "dependencies": {
-    "@material-ui/styles": "^4.0.0"
-  },
-  "scripts": {
-    "bootstrap": "lerna bootstrap",
-    "clean": "lerna clean",
-    "start": "lerna run start",
-    "build": "lerna run build"
-  }
-}
-```
-
-### Executando múltiplas aplicações em uma única página
-
-If you have several applications running on one page, consider using one @mui/styles module for all of them. If you are using webpack, you can use [CommonsChunkPlugin](https://webpack.js.org/plugins/commons-chunk-plugin/) to create an explicit [vendor chunk](https://webpack.js.org/plugins/commons-chunk-plugin/#explicit-vendor-chunk), that will contain the @mui/styles module:
-
-```diff
-  module.exports = {
-    entry: {
-+     vendor: ["@material-ui/styles"],
-      app1: "./src/app.1.js",
-      app2: "./src/app.2.js",
-    },
-    plugins: [
-+     new webpack.optimize. CommonsChunkPlugin({
-+       name: "vendor",
-+       minChunks: Infinity,
-+     }),
-    ]
-  }
-```
-
-## Eu tenho várias instâncias de estilos na página
-
-If it doesn't work, in 99% of cases it's a configuration issue. A missing property, a wrong call order, or a missing component – server-side rendering is strict about configuration.
-
-The best way to find out what's wrong is to compare your project to an **already working setup**. Check out the [reference implementations](/material-ui/guides/server-rendering/#reference-implementations), bit by bit.
-
-## Minha aplicação não é renderizada corretamente no servidor
-
-The documentation site is using a custom theme. Hence, the color palette is different from the default theme that MUI ships. Please refer to [this page](/material-ui/customization/theming/) to learn about theme customization.
-
-## Por que as cores que estou vendo são diferentes das que vejo aqui?
-
-Components like the [Portal](/base-ui/api/portal/#props) or [Popper](/material-ui/api/popper/#props) require a DOM node in the `container` or `anchorEl` prop respectively. It seems convenient to simply pass a ref object in those props and let MUI access the current value. This works in a simple scenario:
-
-```jsx
-function App() {
-  const container = React.useRef(null);
-
-  return (
-    <div className="App">
-      <Portal container={container}>
-        <span>Componente filho portado</span>
-      </Portal>
-      <div ref={container} />
-    </div>
-  );
-}
-```
-
-where `Portal` would only mount the children into the container when `container.current` is available. Here is a naive implementation of Portal:
-
-```jsx
-function Portal({ children, container }) {
-  const [node, setNode] = React.useState(null);
-
-  React.useEffect(() => {
-    setNode(container.current);
-  }, [container]);
-
-  if (node === null) {
-    return null;
-  }
-  return ReactDOM.createPortal(children, node);
-}
-```
-
-With this simple heuristic `Portal` might re-render after it mounts because refs are up-to-date before any effects run. However, just because a ref is up-to-date doesn't mean it points to a defined instance. If the ref is attached to a ref forwarding component it is not clear when the DOM node will be available. In the example above, the `Portal` would run an effect once, but might not re-render because `ref.current` is still `null`. This is especially apparent for React.lazy components in Suspense. The above implementation could also not account for a change in the DOM node.
-
-This is why we require a prop with the actual DOM node so that React can take care of determining when the `Portal` should re-render:
-
-```jsx
-function App() {
-  const [container, setContainer] = React.useState(null);
-  const handleRef = React.useCallback(
-    (instance) => setContainer(instance),
-    [setContainer],
-  );
-
-  return (
-    <div className="App">
-      <Portal container={container}>
-        <span>Portaled</span>
-      </Portal>
-      <div ref={handleRef} />
-    </div>
-  );
-}
-```
-
-## Por que o componente X requer um nó DOM em uma propriedade em vez de um objeto ref?
-
-[clsx](https://github.com/lukeed/clsx) is a tiny utility for constructing `className` strings conditionally, out of an object with keys being the class strings, and values being booleans.
-
-Instead of writing:
-
-```jsx
-// let disabled = false, selected = true;
-
-return (
-  <div
-    className={`MuiButton-root ${disabled ? 'Mui-disabled' : ''} ${
-      selected ? 'Mui-selected' : ''
-    }`}
-  />
-);
-```
-
-you can do:
-
-```jsx
-import clsx from 'clsx';
-
-return (
-  <div
-    className={clsx('MuiButton-root', {
-      'Mui-disabled': disabled,
-      'Mui-selected': selected,
-    })}
-  />
-);
-```
-
-## I cannot use components as selectors in the styled() utility. What should I do?
-
-If you are getting the error: `TypeError: Cannot convert a Symbol value to a string`, take a look at the [styled()](/system/styled/#how-to-use-components-selector-api) docs page for instructions on how you can fix this.
-
-## [v4] Why aren't my components rendering correctly in production builds?
-
-The #1 reason this happens is likely due to class name conflicts once your code is in a production bundle. For MUI to work, the `className` values of all components on a page must be generated by a single instance of the [class name generator](/system/styles/advanced/#class-names).
-
-To correct this issue, all components on the page need to be initialized such that there is only ever **one class name generator** among them.
-
-You could end up accidentally using two class name generators in a variety of scenarios:
-
-- Você acidentalmente **empacota** duas versões do Material-UI. Você pode ter nesse caso, uma dependência que não esta configurando corretamente o Material-UI.
-- Você tem uma estrutura "monorepo" para seu projeto (por exemplo, lerna, yarn workspaces) e o módulo `@material-ui/styles` é uma dependência em mais de um pacote (este é mais ou menos o mesmo que o anterior).
-- Você tem várias aplicações que estão usando `@material-ui/styles` executando na mesma página (por exemplo, vários pontos de entrada no webpack são carregados na mesma página).
-
-:::info
-💡 If you are using webpack with the [SplitChunksPlugin](https://webpack.js.org/plugins/split-chunks-plugin/), try configuring the [`runtimeChunk` setting under `optimizations`](https://webpack.js.org/configuration/optimization/#optimization-runtimechunk).
-:::
-
-Overall, it's simple to recover from this problem by wrapping each MUI application with [`StylesProvider`](/system/styles/api/#stylesprovider) components at the top of their component trees **and using a single class name generator shared among them**.
-
-### O CSS funciona apenas no primeiro carregamento, em seguida, para de funcionar
-
-The CSS is only generated on the first load of the page. Then, the CSS is missing on the server for consecutive requests.
-
-#### Ação a tomar
-
-The styling solution relies on a cache, the _sheets manager_, to only inject the CSS once per component type (if you use two buttons, you only need the CSS of the button one time). You need to create **a new `sheets` instance for each request**.
-
-Example of fix:
-
-```diff
--// Crie uma instância de sheets.
--const sheets = new ServerStyleSheets();
-
-function handleRender(req, res) {
-
-+ // Crie uma instância de sheets.
-+ const sheets = new ServerStyleSheets();
-
-  //…
-
-  // Render the component to a string.
-  const html = ReactDOMServer.renderToString(
-```
-
-### React incompatibilidade de nome de classes na hidratação (React Hydrate)
-
-:::warning
-**⚠️ Warning**
-
-Prop className did not match.
-:::
-
-There is a class name mismatch between the client and the server. It might work for the first request. Another symptom is that the styling changes between initial page load and the downloading of the client scripts.
-
-#### Ação a tomar
-
-The class names value relies on the concept of [class name generator](/system/styles/advanced/#class-names). The whole page needs to be rendered with **a single generator**. This generator needs to behave identically on the server and on the client. For instance:
-
-- Você precisa fornecer um novo gerador de nome de classe para cada requisição. Mas você não deve compartilhar um `createGenerateClassName()` entre diferentes requisições:
-
-  exemplo de correção:
-
-  ```diff
-  - // Crie um novo gerador de nome de classe.
-  -const generateClassName = createGenerateClassName();
-
-  function handleRender(req, res) {
-  + // Create a new class name generator.
-  -const generateClassName = createGenerateClassName();
-
-    // Renderize o componente para uma string.
-    const html = ReactDOMServer.renderToString(
-  ```
-
-- Você precisa verificar se seu cliente e servidor estão executando o **exatamente a mesma versão** do Material-UI. É possível que uma incompatibilidade de versões menores possa causar problemas de estilo. Para verificar números de versão, execute `npm list @material-ui/core` no ambiente em que você cria sua aplicação e também em seu ambiente de implementação.
-
-  Você também pode garantir a mesma versão em diferentes ambientes, definindo uma versão específica do MUI nas dependências do seu package.json.
-
-  _exemplo de correção (package.json):_
-
-  ```diff
-    "dependencies": {
-      ...
-  -   "@mui/material": "^4.0.0",
-  +   "@mui/material": "4.0.0",
-      ...
-    },
-  ```
-
-- Você precisa ter certeza de que o servidor e o cliente compartilhem o mesmo valor de `process.env.NODE_ENV`.
diff --git a/docs/data/material/getting-started/faq/faq-zh.md b/docs/data/material/getting-started/faq/faq-zh.md
deleted file mode 100644
index 25ec24e5ee341c..00000000000000
--- a/docs/data/material/getting-started/faq/faq-zh.md
+++ /dev/null
@@ -1,419 +0,0 @@
-# 常见问题解答
-
-<p class="description">您在一个特定的问题上停滞不前吗？ 您可以先在常见 FAQ（问题解答）中检索一下常见问题。</p>
-
-If you still can't find what you're looking for, you can refer to our [support page](/material-ui/getting-started/support/).
-
-## MUI is awesome. 我该如何支持该项目？ How can I support the project?
-
-其实有很多方法可以支持 Material-UI：
-
-- **口口相传**。 Evangelize MUI by [linking to mui.com](https://mui.com/) on your website, every backlink matters. 在 [Twitter 上关注我们](https://twitter.com/MaterialUI) ，点赞并转发一些重要的新闻。 Follow us on [Twitter](https://twitter.com/MUI_hq), like and retweet the important news. 或者只是与您的朋友谈论我们。
-- **给我们反馈** 。 告诉我们一些做得好的地方或者可以改进的地方。 请给您最希望看到能够解决的问题投票（👍）。
-- **帮助新用户** 。 You can answer questions on [Stack Overflow](https://stackoverflow.com/questions/tagged/material-ui).
-- **做出一些改变吧**。
-  - 编辑文档。 每个页面右上角都有一个“编辑此页面”的链接。
-  - 通过 [创建一个问题](https://github.com/mui/material-ui/issues/new) 来报告错误或缺少的功能 。
-  - 查看和评论一些现有的 [pull requests](https://github.com/mui/material-ui/pulls) 和 [issues](https://github.com/mui/material-ui/issues)。
-  - 帮助我们 [翻译](https://translate.mui.com) 文档。
-  - [Improve our documentation](https://github.com/mui/material-ui/tree/HEAD/docs), fix bugs, or add features by [submitting a pull request](https://github.com/mui/material-ui/pulls).
-- **Support us financially on [OpenCollective](https://opencollective.com/mui)**. 如果您在商业项目中使用了 Material-UI，并希望通过成为我们的赞助商来支持我们的持续发展，或者在一个业余的或者爱好的项目中使用了，并想成为我们的一个支持者， 您都可以通过 OpenCollective 来资助我们。 If you use MUI in a commercial project and would like to support its continued development by becoming a Sponsor, or in a side or hobby project and would like to become a Backer, you can do so through OpenCollective. 筹集的所有资金都是透明管理的，赞助商在 README 和 Material-UI 主页上都会获得认可。
-
-## 为什么我的组件在生产构造中没有正确地渲染？
-
-当模态框打开的那一刹那，滚动行为就会被禁止。 这样就能够阻止用户与下层背景内容进行交互，而模态框应该是唯一的交互内容。 然而，移除滚动条会移动一些**固定位置的元素**。 在这种情况下，您可以应用全局 `.mui-fixed` 类名来告知 Material-UI 去处理这些元素。
-
-## 为什么当打开一个 Modal（模态框）时，位置固定的元素会移动？
-
-涟漪效果完全来自 `BaseButton` 组件。 您可以通过在您的主题中提供以下内容，来全局地禁用涟漪效果：
-
-```js
-import { createTheme } from '@mui/material';
-
-const theme = createTheme({
-  components: {
-    // Name of the component ⚛️
-    MuiButtonBase: {
-      defaultProps: {
-        // The props to apply
-        disableRipple: true, // No more ripple, on the whole application 💣!
-      },
-    },
-  },
-});
-```
-
-## 如何在全局禁用 ripple effect（涟漪效果）？
-
-Material-UI 使用相同的主题助手来创建其所有的过渡动画。 因此，您可以通过覆盖主题助手来禁用所有的过渡：
-
-```js
-import { createTheme } from '@mui/material';
-
-const theme = createTheme({
-  transitions: {
-    // So we have `transition: none;` everywhere
-    create: () => 'none',
-  },
-});
-```
-
-总的来说，您只需要在每个 Material-UI 应用程序的组件树顶部使用 [`StylesProvider`](/styles/api/#stylesprovider) 组件进行包装，**并在它们之间共享一个单一的类名生成器**，就可以很容易地解决这个问题。
-
-您可以更进一步地禁用所有的过渡和动画效果。
-
-```js
-import { createTheme } from '@mui/material';
-
-const theme = createTheme({
-  components: {
-    // Name of the component ⚛️
-    MuiCssBaseline: {
-      styleOverrides: {
-        '*, *::before, *::after': {
-          transition: 'none !important',
-          animation: 'none !important',
-        },
-      },
-    },
-  },
-});
-```
-
-请注意，若想使用上述方法，您必须使用 `CssBaseline` 使其奏效。 如果您选择不使用它，您仍然可以通过加入这些 CSS 规则来禁用过渡和动画：
-
-```css
-*,
-*::before,
-*::after {
-  transition: 'none !important';
-  animation: 'none !important';
-}
-```
-
-## Do I have to use Emotion to style my app?
-
-不用的，JSS 不是一个必须选择。 But if you are using the default styled engine (`@mui/styled-engine`) the Emotion dependency comes built in, so carries no additional bundle size overhead.
-
-然而，也许您正在给应用程序添加一些 Material-UI 组件，而应用程序以及使用了其他的样式解决方案，或者您已经熟悉了不同的 API，而不想学习一个新的 API？ In that case, head over to the [Style library interoperability](/material-ui/guides/interoperability/) section, where we show how simple it is to restyle MUI components with alternative style libraries.
-
-## 我是否必须使用 JSS 给我的应用程序来设置样式呢？
-
-根据经验，仅对动态样式属性使用内联样式。 CSS 的替代方案也有诸多优势，例如：
-
-- auto-prefixing
-- 对于你的 React 树控件而言，你在使用 `JssProvider` 构建一个 **subject（分支）**。
-- 您正在使用打包根据，而它拆分代码的方式导致创建了多个类名生成器的实例。
-- keyframes
-
-## 我应该何时使用内联样式与 CSS？
-
-We detail the [integration with third-party routing libraries](/material-ui/guides/routing/) like react-router, Gatsby or Next.js in our guide.
-
-## 我应该怎么使用 react-router？
-
-所有应该在 DOM 中渲染内容的 Material-UI 组件都会都将其 ref 转发给底层的 DOM 组件。 这意味着您可以通过读取附加在 Material-UI 组件上的 ref 来获取 DOM 元素。
-
-```jsx
-// 或者使用一个 ref setter 函数
-const ref = React.createRef();
-// 渲染
-<Button ref={ref} />;
-// 使用
-const element = ref.current;
-```
-
-If you're not sure if the MUI component in question forwards its ref you can check the API documentation under "Props" e.g. the [Button API](/material-ui/api/button/#props) includes
-
-:::info
-The ref is forwarded to the root element.
-:::
-
-indicating that you can access the DOM element with a ref.
-
-## 我应该怎么访问 DOM 元素？
-
-If you are seeing a warning message in the console like the one below, you probably have several instances of `@mui/styles` initialized on the page.
-
-:::warning
-It looks like there are several instances of `@mui/styles` initialized in this application. This may cause theme propagation issues, broken class names, specificity issues, and make your application bigger without a good reason.
-:::
-
-### 可能的原因
-
-There are several common reasons for this to happen:
-
-- 自动前缀
-- 更好地调试
-- 媒体查询
-
-### 在 node_modules 中重复的模块
-
-If you think that the issue may be in the duplication of the @mui/styles module somewhere in your dependencies, there are several ways to check this. You can use `npm ls @mui/styles`, `yarn list @mui/styles` or `find -L ./node_modules | grep /@mui/styles/package.json` commands in your application folder.
-
-If none of these commands identified the duplication, try analyzing your bundle for multiple instances of @mui/styles. You can just check your bundle source, or use a tool like [source-map-explorer](https://github.com/danvk/source-map-explorer) or [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer).
-
-If you identified that duplication is the issue that you are encountering there are several things you can try to solve it:
-
-If you are using npm you can try running `npm dedupe`. This command searches the local dependencies and tries to simplify the structure by moving common dependencies further up the tree.
-
-If you are using webpack, you can change the way it will [resolve](https://webpack.js.org/configuration/resolve/#resolve-modules) the @mui/styles module. You can overwrite the default order in which webpack will look for your dependencies and make your application node_modules more prioritized than default node module resolution order:
-
-```diff
-  resolve: {
-+   alias: {
-+     "@mui/styles": path.resolve(appFolder, "node_modules", "@mui/styles"),
-+   }
-  }
-```
-
-### 与 Lerna 一起使用
-
-One possible fix to get @mui/styles to run in a Lerna monorepo across packages is to [hoist](https://github.com/lerna/lerna/blob/HEAD/doc/hoist.md) shared dependencies to the root of your monorepo file. Try running the bootstrap option with the --hoist flag.
-
-```bash
-lerna bootstrap --hoist
-```
-
-Alternatively, you can remove @mui/styles from your package.json file and hoist it manually to your top-level package.json file.
-
-Example of a package.json file in a Lerna root folder
-
-```json
-{
-  "name": "my-monorepo",
-  "devDependencies": {
-    "lerna": "latest"
-  },
-  "dependencies": {
-    "@mui/styles": "^4.0.0"
-  },
-  "scripts": {
-    "bootstrap": "lerna bootstrap",
-    "clean": "lerna clean",
-    "start": "lerna run start",
-    "build": "lerna run build"
-  }
-}
-```
-
-### 在一个页面上运行多个应用程序
-
-If you have several applications running on one page, consider using one @mui/styles module for all of them. If you are using webpack, you can use [CommonsChunkPlugin](https://webpack.js.org/plugins/commons-chunk-plugin/) to create an explicit [vendor chunk](https://webpack.js.org/plugins/commons-chunk-plugin/#explicit-vendor-chunk), that will contain the @mui/styles module:
-
-```diff
-  module.exports = {
-    entry: {
-+     vendor: ["@mui/styles"],
-      app1: "./src/app.1.js",
-      app2: "./src/app.2.js",
-    },
-    plugins: [
-+     new webpack.optimize.CommonsChunkPlugin({
-+       name: "vendor",
-+       minChunks: Infinity,
-+     }),
-    ]
-  }
-```
-
-## 我的页面上有多个样式实例。
-
-If it doesn't work, in 99% of cases it's a configuration issue. A missing property, a wrong call order, or a missing component – server-side rendering is strict about configuration.
-
-The best way to find out what's wrong is to compare your project to an **already working setup**. Check out the [reference implementations](/material-ui/guides/server-rendering/#reference-implementations), bit by bit.
-
-## 我的应用没有在服务器上正确的渲染。
-
-The documentation site is using a custom theme. Hence, the color palette is different from the default theme that MUI ships. Please refer to [this page](/material-ui/customization/theming/) to learn about theme customization.
-
-## 为什么我看到的颜色和文档这里的颜色大相径庭？
-
-Components like the [Portal](/base-ui/api/portal/#props) or [Popper](/material-ui/api/popper/#props) require a DOM node in the `container` or `anchorEl` prop respectively. It seems convenient to simply pass a ref object in those props and let MUI access the current value. This works in a simple scenario:
-
-```jsx
-function App() {
-  const container = React.useRef(null);
-
-  return (
-    <div className="App">
-      <Portal container={container}>
-        <span>传送门的子组件</span>
-      </Portal>
-      <div ref={container} />
-    </div>
-  );
-}
-```
-
-where `Portal` would only mount the children into the container when `container.current` is available. Here is a naive implementation of Portal:
-
-```jsx
-function Portal({ children, container }) {
-  const [node, setNode] = React.useState(null);
-
-  React.useEffect(() => {
-    setNode(container.current);
-  }, [container]);
-
-  if (node === null) {
-    return null;
-  }
-  return ReactDOM.createPortal(children, node);
-}
-```
-
-With this simple heuristic `Portal` might re-render after it mounts because refs are up-to-date before any effects run. However, just because a ref is up-to-date doesn't mean it points to a defined instance. If the ref is attached to a ref forwarding component it is not clear when the DOM node will be available. In the example above, the `Portal` would run an effect once, but might not re-render because `ref.current` is still `null`. This is especially apparent for React.lazy components in Suspense. The above implementation could also not account for a change in the DOM node.
-
-This is why we require a prop with the actual DOM node so that React can take care of determining when the `Portal` should re-render:
-
-```jsx
-function App() {
-  const [container, setContainer] = React.useState(null);
-  const handleRef = React.useCallback(
-    (instance) => setContainer(instance),
-    [setContainer],
-  );
-
-  return (
-    <div className="App">
-      <Portal container={container}>
-        <span>传送的子组件</span>
-      </Portal>
-      <div ref={handleRef} />
-    </div>
-  );
-}
-```
-
-## 为什么组件 X 需要属性中的 DOM 节点而不是一个 ref 对象？
-
-[clsx](https://github.com/lukeed/clsx) is a tiny utility for constructing `className` strings conditionally, out of an object with keys being the class strings, and values being booleans.
-
-Instead of writing:
-
-```jsx
-// let disabled = false, selected = true;
-
-return (
-  <div
-    className={`MuiButton-root ${disabled ? 'Mui-disabled' : ''} ${
-      selected ? 'Mui-selected' : ''
-    }`}
-  />
-);
-```
-
-you can do:
-
-```jsx
-import clsx from 'clsx';
-
-return (
-  <div
-    className={clsx('MuiButton-root', {
-      'Mui-disabled': disabled,
-      'Mui-selected': selected,
-    })}
-  />
-);
-```
-
-## I cannot use components as selectors in the styled() utility. What should I do?
-
-If you are getting the error: `TypeError: Cannot convert a Symbol value to a string`, take a look at the [styled()](/system/styled/#how-to-use-components-selector-api) docs page for instructions on how you can fix this.
-
-## I cannot use components as selectors in the styled() utility. What should I do?
-
-The #1 reason this happens is likely due to class name conflicts once your code is in a production bundle. For MUI to work, the `className` values of all components on a page must be generated by a single instance of the [class name generator](/system/styles/advanced/#class-names).
-
-To correct this issue, all components on the page need to be initialized such that there is only ever **one class name generator** among them.
-
-You could end up accidentally using two class name generators in a variety of scenarios:
-
-- 比如你一不小心 **打包**了 两个版本的 Material-UI。 您没有正确设置某个和 material-ui 的同等依赖的依赖包。
-- 您的项目是 monorepo 结构（例如，lerna，yarn workspaces），并且有多个包依赖着 `@mui/styles` 模块（这与前一个包或多或少相同）。
-- 您有几个使用 `@mui/styles` 的应用程序在同一页面上运行（例如，webpack 中的几个入口点被加载在同一页面上）。
-
-:::info
-💡 If you are using webpack with the [SplitChunksPlugin](https://webpack.js.org/plugins/split-chunks-plugin/), try configuring the [`runtimeChunk` setting under `optimizations`](https://webpack.js.org/configuration/optimization/#optimization-runtimechunk).
-:::
-
-Overall, it's simple to recover from this problem by wrapping each MUI application with [`StylesProvider`](/system/styles/api/#stylesprovider) components at the top of their component trees **and using a single class name generator shared among them**.
-
-### CSS 仅在第一次加载时生效，然后就消失了
-
-The CSS is only generated on the first load of the page. Then, the CSS is missing on the server for consecutive requests.
-
-#### 要运行的操作
-
-The styling solution relies on a cache, the _sheets manager_, to only inject the CSS once per component type (if you use two buttons, you only need the CSS of the button one time). You need to create **a new `sheets` instance for each request**.
-
-Example of fix:
-
-```diff
--// Create a sheets instance.
--// 创建一个 sheets 实例
-
--const sheets = new ServerStyleSheets();
-
-function handleRender(req, res) {
-+ // 创建一个 sheets 实例。
-+ const sheets = new ServerStyleSheets();
-
-  //…
-
-  // 将组件渲染为字符串。
-
-  // Render the component to a string.
-  const html = ReactDOMServer.renderToString(
-```
-
-### React 类名渲染不匹配
-
-:::warning
-**⚠️ Warning**
-
-Prop className did not match.
-:::
-
-There is a class name mismatch between the client and the server. It might work for the first request. Another symptom is that the styling changes between initial page load and the downloading of the client scripts.
-
-#### 要运行的操作
-
-The class names value relies on the concept of [class name generator](/system/styles/advanced/#class-names). The whole page needs to be rendered with **a single generator**. This generator needs to behave identically on the server and on the client. For instance:
-
-- 您需要为每个请求提供一个新的类名生成器。 但是您不应该在不同的请求之间共享 `createGenerateClassName()`：
-
-  修复示例：
-
-  ```diff
-  -  // 创建一个新的类名生成器。
-  -const generateClassName = createGenerateClassName();
-
-  function handleRender(req, res) {
-  + // 创建一个新的类名生成器。
-  + const generateClassName = createGenerateClassName();
-
-    //…
-
-    // Render the component to a string.
-    const html = ReactDOMServer.renderToString(
-  ```
-
-- 你需要验证你的客户端和服务端运行的 Material-UI 的**版本** 是否完全相同。 即使是小小的版本的不匹配也可能导致样式问题。 若想检查版本号，您可以在搭建应用程序的环境以及部署环境中都运行 `npm list @mui/core`。
-
-  您也可以通过在 package.json 的依赖项中指定某一个特定的 MUI 版本，这样能够确保在不同环境中使用的版本是一致的。
-
-  _修复（package.json）的示例：_
-
-  ```diff
-    "dependencies": {
-      ...
-  -   "@mui/material": "^4.0.0",
-  +   "@mui/material": "4.0.0",
-      ...
-    },
-  ```
-
-- 请确保服务端和客户端之间所共享的是相同的 `process.env.NODE_ENV` 值。
diff --git a/docs/data/material/getting-started/faq/faq.md b/docs/data/material/getting-started/faq/faq.md
index 6255f590f8e8cb..e21ba214b8e8cb 100644
--- a/docs/data/material/getting-started/faq/faq.md
+++ b/docs/data/material/getting-started/faq/faq.md
@@ -14,13 +14,12 @@ There are many ways to support MUI:
 - **Help new users**. You can answer questions on
   [Stack Overflow](https://stackoverflow.com/questions/tagged/material-ui).
 - **Make changes happen**.
-  - Edit the documentation. Every page has an "EDIT THIS PAGE" link in the top right.
+  - Edit the documentation. Every page has an "Edit this page" link in the top right.
   - Report bugs or missing features by [creating an issue](https://github.com/mui/material-ui/issues/new).
   - Review and comment on existing [pull requests](https://github.com/mui/material-ui/pulls) and [issues](https://github.com/mui/material-ui/issues).
-  - Help [translate](https://translate.mui.com) the documentation.
   - [Improve our documentation](https://github.com/mui/material-ui/tree/HEAD/docs), fix bugs, or add features by [submitting a pull request](https://github.com/mui/material-ui/pulls).
-- **Support us financially on [OpenCollective](https://opencollective.com/mui)**.
-  If you use Material UI in a commercial project and would like to support its continued development by becoming a Sponsor, or in a side or hobby project and would like to become a Backer, you can do so through OpenCollective.
+- **Support us financially on [Open Collective](https://opencollective.com/mui)**.
+  If you use Material UI in a commercial project and would like to support its continued development by becoming a Sponsor, or in a side or hobby project and would like to become a Backer, you can do so through Open Collective.
   All funds donated are managed transparently, and Sponsors receive recognition in the README and on the MUI home page.
 
 ## Why do the fixed positioned elements move when a modal is opened?
@@ -122,7 +121,7 @@ The CSS alternative provides more advantages, such as:
 
 ## How do I use react-router?
 
-We detail the [integration with third-party routing libraries](/material-ui/guides/routing/) like react-router, Gatsby or Next.js in our guide.
+We detail the [integration with third-party routing libraries](/material-ui/guides/routing/) like react-router or Next.js in our guide.
 
 ## How can I access the DOM element?
 
@@ -139,15 +138,10 @@ const ref = React.createRef();
 const element = ref.current;
 ```
 
-If you're not sure if the Material UI component in question forwards its ref you
-can check the API documentation under "Props" e.g. the [Button API](/material-ui/api/button/#props)
-includes
+If you're not sure if the Material UI component in question forwards its ref you can check the API documentation under "Props".
+You should find the message below, like in the [Button API](/material-ui/api/button/#props), [Button API](/material-ui/api/button/#props)
 
-:::info
-The ref is forwarded to the root element.
-:::
-
-indicating that you can access the DOM element with a ref.
+> The ref is forwarded to the root element.
 
 ## My App doesn't render correctly on the server
 
@@ -376,8 +370,6 @@ Example of fix:
 ### [legacy] React class name hydration mismatch
 
 :::warning
-**⚠️ Warning**
-
 Prop className did not match.
 :::
 
diff --git a/docs/data/material/getting-started/installation/installation-pt.md b/docs/data/material/getting-started/installation/installation-pt.md
deleted file mode 100644
index 02b04a90fcdfb0..00000000000000
--- a/docs/data/material/getting-started/installation/installation-pt.md
+++ /dev/null
@@ -1,105 +0,0 @@
-# Instalação
-
-<p class="description">Instale Material UI! O framework UI mais popular do mundo de React.</p>
-
-O Material UI está disponível como um [pacote npm](https://www.npmjs.com/package/@mui/material)
-
-## npm
-
-Para instalar e salvar as dependências do seu `pacote.json`, execute o seguinte comando **npm** abaixo:
-
-```bash
-npm install @mui/material @emotion/react @emotion/styled
-```
-
-Ou **yarn**
-
-```bash
-yarn add @mui/material @emotion/react @emotion/styled
-```
-
-<!-- #react-peer-version -->
-
-Por favor, note que [react](https://www.npmjs.com/package/react) >= 17.0.0 and [react-dom](https://www.npmjs.com/package/react-dom) >= 17.0.0 são dependências obrigatórias.
-
-Material UI está usando a biblioteca [emotion](https://emotion.sh/docs/introduction) como o motor de estilo padrão. Se você quiser usar [`styled-components`](https://styled-components.com/), execute:
-
-```bash
-npm install @mui/material @mui/styled-engine-sc styled-components
-```
-
-```bash
-yarn add @mui/material @mui/styled-engine-sc styled-components
-```
-
-:::info
-💡 Take a look at the [Styled Engine guide](/material-ui/guides/styled-engine/) for more information about how to configure `styled-components` as the style engine.
-:::
-
-## Fonte Roboto
-
-Material UI foi projetado com a fonte [Roboto](https://fonts.google.com/specimen/Roboto) em mente. Então certifique-se de seguir [estas instruções](/material-ui/react-typography/#general). Por exemplo, usando o Google Web Fonts:
-
-```html
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
-/>
-```
-
-## Ícones de fonte
-
-To use the font `Icon` component, you must first add the [Material Icons](https://fonts.google.com/icons?icon.set=Material+Icons) font. Here are [some instructions](/material-ui/icons/#icon-font-icons) on how to do so. For instance, via Google Web Fonts:
-
-```html
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/icon?family=Material+Icons"
-/>
-```
-
-## Ícones SVG
-
-In order to use prebuilt SVG Material icons, such as those found in the [icons demos](/material-ui/icons/) you must first install the [@mui/icons-material](https://www.npmjs.com/package/@mui/icons-material) package:
-
-<!-- #default-branch-switch -->
-
-Com **npm**:
-
-```bash
-npm install @mui/icons-material
-```
-
-Com **yarn**:
-
-```bash
-yarn add @mui/icons-material
-```
-
-## CDN
-
-You can start using Material UI with minimal Front-end infrastructure, which is great for prototyping.
-
-Dois arquivos do Universal Module Definition (**UMD**) são fornecidos:
-
-- um para desenvolvimento: https://unpkg.com/@mui/material@latest/umd/material-ui.development.js
-- um para produção: https://unpkg.com/@mui/material@latest/umd/material-ui.production.min.js
-
-You can follow [this CDN example](https://github.com/mui/material-ui/tree/master/examples/material-via-cdn) to quickly get started.
-
-⚠️ Using this approach in **production** is **discouraged** though - the client has to download the entire library, regardless of which components are actually used, affecting performance and bandwidth utilization.
-
-⚠️ The UMD links are using the `latest` tag to point to the latest version of the library. This pointer is **unstable**, it shifts as we release new versions. You should consider pointing to a specific version, such as [v5.0.0](https://unpkg.com/@mui/material@5.0.0/umd/material-ui.development.js).
-
-## Recursos de design
-
-<a href="https://mui.com/store/items/figma-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-figma" style="margin-left: 8px; margin-top: 8px; display: inline-block;"><img src="/static/images/download-figma.svg" alt="figma" /></a>
-<a href="https://mui.com/store/items/adobe-xd-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-adobe-xd" style="margin-left: 32px; margin-top: 8px; display: inline-block;"><img src="/static/images/download-adobe-xd.svg" alt="adobe-xd" /></a>
-<a href="https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-sketch" style="margin-left: 32px; margin-top: 8px; display: inline-block;"><img src="/static/images/download-sketch.svg" alt="sketch" /></a>
-
-Um conjunto de componentes reutilizáveis para ferramentas de design está disponível, projetado para corresponder aos componentes React e ajudá-lo a construir ótimos produtos:
-
-- [Figma](https://mui.com/store/items/figma-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-figma): A large UI kit with over 600 handcrafted Material UI components.
-- [Adobe XD](https://mui.com/store/items/adobe-xd-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-adobe-xd): A large UI kit with over 600 handcrafted Material UI components.
-- [Sketch](https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-sketch): A large UI kit with over 600 handcrafted Material UI symbols.
-- [UXPin](https://www.uxpin.com/merge/mui-library): A large UI kit of Material UI components. The design tool renders the components in a web runtime. It uses the same React implementation as your production environment.
diff --git a/docs/data/material/getting-started/installation/installation-zh.md b/docs/data/material/getting-started/installation/installation-zh.md
deleted file mode 100644
index f67f4239f7dbf5..00000000000000
--- a/docs/data/material/getting-started/installation/installation-zh.md
+++ /dev/null
@@ -1,105 +0,0 @@
-# 安装
-
-<p class="description">Install Material UI, the world's most popular React UI framework.</p>
-
-Material UI is available as an [npm package](https://www.npmjs.com/package/@mui/material).
-
-## npm
-
-To install and save in your `package.json` dependencies, run the command below using **npm**:
-
-```bash
-npm install @mui/material @emotion/react @emotion/styled
-```
-
-Or **yarn**:
-
-```bash
-yarn add @mui/material @emotion/react @emotion/styled
-```
-
-<!-- #react-peer-version -->
-
-Please note that [react](https://www.npmjs.com/package/react) >= 17.0.0 and [react-dom](https://www.npmjs.com/package/react-dom) >= 17.0.0 are peer dependencies.
-
-Material UI is using [emotion](https://emotion.sh/docs/introduction) as a styling engine by default. If you want to use [`styled-components`](https://styled-components.com/) instead, run:
-
-```bash
-npm install @mui/material @mui/styled-engine-sc styled-components
-```
-
-```bash
-yarn add @mui/material @mui/styled-engine-sc styled-components
-```
-
-:::info
-💡 Take a look at the [Styled Engine guide](/material-ui/guides/styled-engine/) for more information about how to configure `styled-components` as the style engine.
-:::
-
-## Roboto 字体
-
-Material UI was designed with the [Roboto](https://fonts.google.com/specimen/Roboto) font in mind. So be sure to follow [these instructions](/material-ui/react-typography/#general). For instance, via Google Web Fonts:
-
-```html
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
-/>
-```
-
-## 字体图标
-
-To use the font `Icon` component, you must first add the [Material Icons](https://fonts.google.com/icons?icon.set=Material+Icons) font. Here are [some instructions](/material-ui/icons/#icon-font-icons) on how to do so. For instance, via Google Web Fonts:
-
-```html
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/icon?family=Material+Icons"
-/>
-```
-
-## SVG 图标
-
-In order to use prebuilt SVG Material icons, such as those found in the [icons demos](/material-ui/icons/) you must first install the [@mui/icons-material](https://www.npmjs.com/package/@mui/icons-material) package:
-
-<!-- #default-branch-switch -->
-
-With **npm**:
-
-```bash
-npm install @mui/icons-material
-```
-
-With **yarn**:
-
-```bash
-yarn add @mui/icons-material
-```
-
-## CDN
-
-You can start using Material UI with minimal Front-end infrastructure, which is great for prototyping.
-
-Two Universal Module Definition (**UMD**) files are provided:
-
-- 您可以在开发环境调试：https://unpkg.com/@mui/material@latest/umd/material-ui.development.js
-- 也可放心地在生产环境使用: https://unpkg.com/@mui/material@latest/umd/material-ui.production.min.js
-
-You can follow [this CDN example](https://github.com/mui/material-ui/tree/master/examples/material-via-cdn) to quickly get started.
-
-⚠️ Using this approach in **production** is **discouraged** though - the client has to download the entire library, regardless of which components are actually used, affecting performance and bandwidth utilization.
-
-⚠️ The UMD links are using the `latest` tag to point to the latest version of the library. This pointer is **unstable**, it shifts as we release new versions. You should consider pointing to a specific version, such as [v5.0.0](https://unpkg.com/@mui/material@5.0.0/umd/material-ui.development.js).
-
-## 设计资源
-
-<a href="https://mui.com/store/items/figma-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-figma" style="margin-left: 8px; margin-top: 8px; display: inline-block;"><img src="/static/images/download-figma.svg" alt="figma" /></a>
-<a href="https://mui.com/store/items/adobe-xd-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-adobe-xd" style="margin-left: 32px; margin-top: 8px; display: inline-block;"><img src="/static/images/download-adobe-xd.svg" alt="adobe-xd" /></a>
-<a href="https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-sketch" style="margin-left: 32px; margin-top: 8px; display: inline-block;"><img src="/static/images/download-sketch.svg" alt="sketch" /></a>
-
-A set of reusable components for design tools is available, designed to match the React components and to help you craft great products:
-
-- [Figma](https://mui.com/store/items/figma-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-figma): A large UI kit with over 600 handcrafted Material UI components.
-- [Adobe XD](https://mui.com/store/items/adobe-xd-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-adobe-xd): A large UI kit with over 600 handcrafted Material UI components.
-- [Sketch](https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-sketch): A large UI kit with over 600 handcrafted Material UI symbols.
-- [UXPin](https://www.uxpin.com/merge/mui-library): A large UI kit of Material UI components. The design tool renders the components in a web runtime. It uses the same React implementation as your production environment.
diff --git a/docs/data/material/getting-started/installation/installation.md b/docs/data/material/getting-started/installation/installation.md
index 91b7a9f54b1ed9..550fb84d00b692 100644
--- a/docs/data/material/getting-started/installation/installation.md
+++ b/docs/data/material/getting-started/installation/installation.md
@@ -2,14 +2,6 @@
 
 <p class="description">Install Material UI, the world's most popular React UI framework.</p>
 
-:::success
-We are currently working on supporting React Server Components in Material UI.
-
-All components and hooks are exported as [Client Components](https://nextjs.org/docs/getting-started/react-essentials#client-components) with the `"use client"` directive.
-If you're using Next.js 13.4 or later, check out the [Next.js App Router guide](/material-ui/guides/next-js-app-router/).
-
-:::
-
 ## Default installation
 
 Run one of the following commands to add Material UI to your project:
@@ -51,7 +43,13 @@ pnpm add @mui/material @mui/styled-engine-sc styled-components
 
 </codeblock>
 
-Visit the [Styled engine guide](/material-ui/guides/styled-engine/) for more information about how to configure styled-components.
+:::error
+As of late 2021, [styled-components](https://github.com/styled-components/styled-components) is **not compatible** with server-rendered Material UI projects.
+This is because `babel-plugin-styled-components` isn't able to work with the `styled()` utility inside `@mui` packages.
+See [this GitHub issue](https://github.com/mui/material-ui/issues/29742) for more details.
+
+We **strongly recommend** using Emotion for SSR projects.
+:::
 
 ## Peer dependencies
 
@@ -105,9 +103,11 @@ Fontsource can be configured to load specific subsets, weights and styles. Mater
 To install Roboto through the Google Web Fonts CDN, add the following code inside your project's <head /> tag:
 
 ```html
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
   rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+  href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
 />
 ```
 
diff --git a/docs/data/material/getting-started/learn/learn.md b/docs/data/material/getting-started/learn/learn.md
index 77b34643a4da01..d262f3d9e6d8f4 100644
--- a/docs/data/material/getting-started/learn/learn.md
+++ b/docs/data/material/getting-started/learn/learn.md
@@ -4,24 +4,14 @@
 
 ## Your first component
 
-The following code snippet demonstrates a basic Material UI app that features a `<Button>` component:
+The following demo shows a basic Material UI app that features a `<Button>` component.
+Try changing the `variant` on the [Button](/material-ui/react-button/) to `outlined` to see how the style changes:
 
-```jsx
-import * as React from 'react';
-import Button from '@mui/material/Button';
-
-function App() {
-  return <Button variant="contained">Hello World</Button>;
-}
-```
-
-In the interactive demo below, try changing the code and see how it affects the output. (Hint: change `variant` to `"outlined"` and `color` to `"secondary"`. For more options, see the [`Button` component page](/material-ui/react-button/).)
-
-{{"demo": "../usage/Usage.js", "hideToolbar": true, "bg": true}}
+{{"demo": "../usage/ButtonUsage.js", "defaultCodeOpen": true}}
 
 ## Example projects
 
-Visit the [example projects](/material-ui/getting-started/example-projects/) page to see how we recommend implementing Material UI with various React libraries and frameworks like Next.js, Gatsby, Create React App, and more.
+Visit the [example projects](/material-ui/getting-started/example-projects/) page to see how we recommend implementing Material UI with various React libraries and frameworks like Next.js, Vite, and more.
 
 ## Templates
 
diff --git a/docs/data/material/getting-started/overview/overview-pt.md b/docs/data/material/getting-started/overview/overview-pt.md
deleted file mode 100644
index e66cb29b624292..00000000000000
--- a/docs/data/material/getting-started/overview/overview-pt.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: Overview
----
-
-# Material UI - Overview
-
-<p class="description">Material UI is a library of React UI components that implements Google's Material Design.</p>
-
-## Introduction
-
-Material UI is an open-source React component library that implements Google's [Material Design](https://m2.material.io/).
-
-It includes a comprehensive collection of prebuilt components that are ready for use in production right out of the box.
-
-Material UI is beautiful by design and features a suite of customization options that make it easy to implement your own custom design system on top of our components.
-
-:::info
-Material UI v5 supports Material Design v2. Adoption of v3 is tentatively planned for Material UI v6—see [the release schedule](https://mui.com/versions/#release-schedule). You can follow [this GitHub issue](https://github.com/mui/material-ui/issues/29345) for future updates.
-:::
-
-## Advantages of Material UI
-
-- **Ship faster:** thousands of open-source [contributors](https://api7.ai/contributor-graph?chart=contributorOverTime&repo=mui-org/material-ui) have poured countless hours into these components. Focus on your core business logic instead of reinventing the wheel—we've got your UI covered.
-- **Beautiful by default:** we're meticulous about our implementation of [Material Design](https://m2.material.io/), ensuring that every Material UI component meets the highest standards of form and function, but diverge from the official spec where necessary to provide multiple great options.
-- **Customizability:** the library includes an extensive set of intuitive customizability features. [The templates](https://mui.com/store/) in our store demonstrate how far you can go with customization.
-- **Cross-team collaboration:** Material UI's intuitive developer experience reduces the barrier to entry for back-end developers and less technical designers, empowering teams to collaborate more effectively. The [design kits](https://mui.com/design-kits/) streamline your workflow and boost consistency between designers and developers.
-- **Trusted by thousands of organizations:** Material UI has the largest UI community in the React ecosystem. It's almost as old as React itself—its history stretches back to 2014—and we're in this for the long haul. You can count on community's support for years to come (e.g. [Stack Overflow](https://insights.stackoverflow.com/trends?tags=material-ui)).
-
-## Material UI vs. Base UI
-
-Material UI and [Base UI](/base-ui/getting-started/) feature many of the same UI components, but Base UI comes without any default styles or styling solutions.
-
-Material UI is _comprehensive_ in that it comes packaged with default styles, and is optimized to work with [Emotion](https://emotion.sh/) (or [styled-components](https://styled-components.com/)).
-
-Base UI, by contrast, could be considered the "skeletal" or "headless" counterpart to Material UI—in fact, Material UI v6 will use Base UI components and hooks for its foundational structure.
diff --git a/docs/data/material/getting-started/overview/overview-zh.md b/docs/data/material/getting-started/overview/overview-zh.md
deleted file mode 100644
index e66cb29b624292..00000000000000
--- a/docs/data/material/getting-started/overview/overview-zh.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: Overview
----
-
-# Material UI - Overview
-
-<p class="description">Material UI is a library of React UI components that implements Google's Material Design.</p>
-
-## Introduction
-
-Material UI is an open-source React component library that implements Google's [Material Design](https://m2.material.io/).
-
-It includes a comprehensive collection of prebuilt components that are ready for use in production right out of the box.
-
-Material UI is beautiful by design and features a suite of customization options that make it easy to implement your own custom design system on top of our components.
-
-:::info
-Material UI v5 supports Material Design v2. Adoption of v3 is tentatively planned for Material UI v6—see [the release schedule](https://mui.com/versions/#release-schedule). You can follow [this GitHub issue](https://github.com/mui/material-ui/issues/29345) for future updates.
-:::
-
-## Advantages of Material UI
-
-- **Ship faster:** thousands of open-source [contributors](https://api7.ai/contributor-graph?chart=contributorOverTime&repo=mui-org/material-ui) have poured countless hours into these components. Focus on your core business logic instead of reinventing the wheel—we've got your UI covered.
-- **Beautiful by default:** we're meticulous about our implementation of [Material Design](https://m2.material.io/), ensuring that every Material UI component meets the highest standards of form and function, but diverge from the official spec where necessary to provide multiple great options.
-- **Customizability:** the library includes an extensive set of intuitive customizability features. [The templates](https://mui.com/store/) in our store demonstrate how far you can go with customization.
-- **Cross-team collaboration:** Material UI's intuitive developer experience reduces the barrier to entry for back-end developers and less technical designers, empowering teams to collaborate more effectively. The [design kits](https://mui.com/design-kits/) streamline your workflow and boost consistency between designers and developers.
-- **Trusted by thousands of organizations:** Material UI has the largest UI community in the React ecosystem. It's almost as old as React itself—its history stretches back to 2014—and we're in this for the long haul. You can count on community's support for years to come (e.g. [Stack Overflow](https://insights.stackoverflow.com/trends?tags=material-ui)).
-
-## Material UI vs. Base UI
-
-Material UI and [Base UI](/base-ui/getting-started/) feature many of the same UI components, but Base UI comes without any default styles or styling solutions.
-
-Material UI is _comprehensive_ in that it comes packaged with default styles, and is optimized to work with [Emotion](https://emotion.sh/) (or [styled-components](https://styled-components.com/)).
-
-Base UI, by contrast, could be considered the "skeletal" or "headless" counterpart to Material UI—in fact, Material UI v6 will use Base UI components and hooks for its foundational structure.
diff --git a/docs/data/material/getting-started/overview/overview.md b/docs/data/material/getting-started/overview/overview.md
index 6cf8eff87bcbf8..25ba92f15259fc 100644
--- a/docs/data/material/getting-started/overview/overview.md
+++ b/docs/data/material/getting-started/overview/overview.md
@@ -20,7 +20,7 @@ Adoption of v3 is tentatively planned for Material UI v6—see [the release sche
 You can follow [this GitHub issue](https://github.com/mui/material-ui/issues/29345) for future updates.
 :::
 
-## Advantages of Material UI
+## Advantages of Material UI
 
 - **Ship faster:** Over 2,500 open-source [contributors](https://github.com/mui/material-ui/graphs/contributors) have poured countless hours into these components.
   Focus on your core business logic instead of reinventing the wheel—we've got your UI covered.
@@ -33,9 +33,9 @@ You can follow [this GitHub issue](https://github.com/mui/material-ui/issues/293
   It's almost as old as React itself—its history stretches back to 2014—and we're in this for the long haul.
   You can count on the community's support for years to come (e.g. [Stack Overflow](https://insights.stackoverflow.com/trends?tags=material-ui)).
 
-## Material UI vs. Base UI
+## Material UI vs. Base UI
 
-Material UI and [Base UI](/base-ui/getting-started/) feature many of the same UI components, but Base UI comes without any default styles or styling solutions.
+Material UI and [Base UI](/base-ui/) feature many of the same UI components, but Base UI comes without any default styles or styling solutions.
 
 Material UI is _comprehensive_ in that it comes packaged with default styles, and is optimized to work with [Emotion](https://emotion.sh/) (or [styled-components](https://styled-components.com/)).
 
diff --git a/docs/data/material/getting-started/support/support-pt.md b/docs/data/material/getting-started/support/support-pt.md
index 23d9a71ba0b205..b6c80f0a1e5bf8 100644
--- a/docs/data/material/getting-started/support/support-pt.md
+++ b/docs/data/material/getting-started/support/support-pt.md
@@ -13,7 +13,7 @@ For crowdsourced answers from expert MUI developers in our community. Stack Over
 [Poste uma pergunta](https://stackoverflow.com/questions/tagged/material-ui)
 
 :::info
-💡 **Tip**:
+**Tip**:
 
 If you're using an older version and use external resources (such as Stack Overflow) for help with it, you may find answers with links that direct you to content that no longer exists in the latest version of the documentation. To easily access any previous version of the docs, simply add `v[number]` at the beginning of the URL, like so: [v4.mui.com](https://v4.mui.com/).
 
diff --git a/docs/data/material/getting-started/support/support-zh.md b/docs/data/material/getting-started/support/support-zh.md
index 3bdcdda5662f12..4b5a88a255d8c1 100644
--- a/docs/data/material/getting-started/support/support-zh.md
+++ b/docs/data/material/getting-started/support/support-zh.md
@@ -13,7 +13,7 @@ For crowdsourced answers from expert MUI developers in our community. Stack Over
 [发布一个问题](https://stackoverflow.com/questions/tagged/material-ui)
 
 :::info
-💡 **Tip**:
+**Tip**:
 
 If you're using an older version and use external resources (such as Stack Overflow) for help with it, you may find answers with links that direct you to content that no longer exists in the latest version of the documentation. To easily access any previous version of the docs, simply add `v[number]` at the beginning of the URL, like so: [v4.mui.com](https://v4.mui.com/).
 
diff --git a/docs/data/material/getting-started/support/support.md b/docs/data/material/getting-started/support/support.md
index c32cd2e683d4a4..8041f121878900 100644
--- a/docs/data/material/getting-started/support/support.md
+++ b/docs/data/material/getting-started/support/support.md
@@ -1,84 +1,68 @@
 # Support
 
-<p class="description">From community help to premium critical business support, we're here to help.</p>
+<p class="description">From community guidance to critical business support, we're here to help.</p>
 
-## Community help (free)
+## Community help
 
-The community is your first stop for questions and advice about the framework. Welcome to the community!
+Welcome to the MUI community!
+Our tools are used by thousands of developers and teams all around the world, many of whom actively engage with the community through various online platforms.
+These are the best places to start asking questions and looking for answers when you need help.
 
 ### Stack Overflow
 
-For crowdsourced answers from expert Material UI developers in our community.
-Stack Overflow is also visited from time to time by the maintainers of Material UI.
-
-[Post a question](https://stackoverflow.com/questions/tagged/mui)
+[Stack Overflow](https://stackoverflow.com/) contains a wealth of information about Material UI and other MUI products, spanning many years and countless discussion threads.
+Head here to see if your problem has already been resolved by the community, or else [post a question](https://stackoverflow.com/questions/tagged/material-ui) to get help from community experts as well as MUI maintainers.
 
 :::success
-If you're using an older version and use external resources (such as Stack Overflow) for help with it, you may find answers with links that direct you to content that no longer exists in the latest version of the documentation. To easily access any previous version of the docs, simply add `v[number]` at the beginning of the URL, like so: [v4.mui.com](https://v4.mui.com/).
-
+If you're using an older version of Material UI, you may find answers on SO with links to content that no longer exists in the latest version of the documentation.
+Visit the [MUI Versions](https://mui.com/versions/) page to find the archived documentation that corresponds to your version.
 :::
 
 ### GitHub
 
-MUI uses GitHub issues as a bug and feature request tracker.
-If you think you have found a bug, or have a new feature idea, please start by making sure it hasn't already been [reported or fixed](https://github.com/mui/material-ui/issues?utf8=%E2%9C%93&q=is%3Aopen+is%3Aclosed). You can search through existing issues and pull requests to see if someone has reported one similar to yours.
+MUI uses GitHub issues to track bug reports and feature requests.
 
-- [Open an issue on MUI Core](https://github.com/mui/material-ui/issues/new/choose)
-- [Open an issue on MUI X](https://github.com/mui/mui-x/issues/new/choose)
+If you think you've found a bug in the codebase, or you have an idea for a new feature, please [search the issues on GitHub](https://github.com/mui/material-ui/issues?utf8=%E2%9C%93&q=is%3Aopen+is%3Aclosed) before opening a new one, to ensure you're not creating a duplicate.
+
+- [Open an issue on MUI Core](https://github.com/mui/material-ui/issues/new/choose): for issues related to Material UI, Base UI, Joy UI, and MUI System.
+- [Open an issue on MUI X](https://github.com/mui/mui-x/issues/new/choose): for issues related to the Data Grid, Date and Time Pickers, and Charts.
 
 #### New issue guidelines
 
-- Please follow the issue template.
-- Please begin the title with '[ComponentName]' where appropriate, and use a succinct description that helps others find similar issues.
-  - "doesn't work" ❌
-  - "[Button] Add support for <some feature>" ✅
-- Please don't group multiple topics in one issue – each should have its own issue instead.
+- Please follow one the issue templates provided on GitHub.
+- Please begin the title with "[ComponentName]" (if relevant), and use a succinct description that helps others find similar issues.
+  - ❌ _"It doesn't work"_
+  - ✅ _"[Button] Add support for {{new feature}}"_
+- Please don't group multiple topics in one issue.
 - Please don't comment "+1" on an issue. It spams the maintainers and doesn't help move the issue forward. Use GitHub reactions instead (👍).
 
-### Blog 📝
-
-Stay up to date with the development of the library by following the blog.
-
-[Read the latest posts](https://mui.com/blog/)
-
-### Resources 📖
-
-New to Material UI? It's easy to learn if you know where to start!
+### Social media
 
-[Learn Material UI](/material-ui/getting-started/learn/)
+The MUI community is active on both [Twitter](https://twitter.com/MUI_hq) and [LinkedIn](https://www.linkedin.com/company/mui/).
+These are great platforms to share what you're working on and connect with other developers.
 
-### Twitter
+Please keep in mind that we don't actively monitor direct messages on the company's social media accounts, so this is _not_ a good way to get in touch with us directly.
 
-Receive the latest news on MUI.
-
-[Follow us](https://twitter.com/MUI_hq)
-
-### Supported versions
+## Paid support
 
-Find details on the [supported versions](/versions/#supported-versions).
+MUI does _not_ offer paid support for Core libraries like Material UI.
+The section below covers support for MUI X components—see the [MUI X Support page](https://mui.com/x/introduction/support/#technical-support) for complete details.
 
-## Paid support
+### Pro and Premium plans
 
-### Pro/Premium plans
+MUI X is available through one of [three pricing plans](https://mui.com/pricing/): Community, Pro, and Premium.
 
-MUI X comes in [three plans](https://mui.com/pricing/).
-The support available under the Community plan is made possible thanks to people like you: the community.
-This is described in more detail in the section above.
-MUI X maintainers focus on solving root issues rather than offering direct support to the community at large.
+Support for the (free) Community plan is limited to the public channels outlined above—the same as what's available for MUI Core libraries.
 
-The paid plans offer developers advanced components and extra features that are challenging to find in OSS.
-To provide a similar quality of experience to the one provided by the community for MIT licensed code,
-the developers of MUI X provide support for the advanced components only.
-Technical support for MUI Core components is **not** included.
+Pro and Premium users can receive direct support from MUI X maintainers, but keep in mind that this support does _not_ extend to MUI Core libraries.
+Please make use of community support for non-MUI X components.
 
 The Premium plan provides developers with the highest priority for support tickets.
-No SLAs are provided yet; it's coming.
-
-Please visit [the MUI X Support page](https://mui.com/x/introduction/support/#technical-support) for more detailed information on technical support.
+We don't currently offer service-level agreements (SLAs), but we plan to in the future.
 
 ### Tidelift subscription
 
-MUI and the maintainers of thousands of other packages are working with Tidelift to deliver one enterprise subscription that covers all of the open-source you use.
+MUI and the maintainers of thousands of other packages work with Tidelift to deliver one enterprise subscription that covers all of the open-source you use.
 
 If you want the flexibility of open-source and the confidence of commercial-grade software, this is worth looking at.
 
@@ -87,35 +71,32 @@ The Tidelift Subscription manages your dependencies for you:
 - Get the tools you need to continuously catalog and understand the open-source software that your application depends on.
 - Your subscription helps pay the open-source community maintainers of the packages you use, to ensure they meet the standards you require.
 - Address issues proactively, with tools that scan for new security, licensing, and maintenance issues, and alert participating open-source maintainers so they can resolve them on your behalf.
-- Tidelift helps measure and improve your open-source dependencies' health – which improves your app's health – and gives a shortlist of high-impact steps your team can take to improve them even more.
+- Tidelift helps measure and improve your open-source dependencies' health—which improves your app's health—and gives a shortlist of high-impact steps your team can take to improve them even more.
 - Get commercial assurances that don't come for free with open-source packages, such as intellectual property indemnification and support under a service level agreement. You expect these guarantees from proprietary software, and you can get them when using open-source as well.
 
-The end result? All of the capabilities you expect from commercial-grade software, for the full breadth of open-source you use. That means less time grappling with esoteric open-source trivia, and more time building your own applications – and your business.
+The end result? All of the capabilities you expect from commercial-grade software, for the full breadth of open-source you use.
+That means less time grappling with esoteric open-source trivia, and more time building your own applications—and your business.
 
 <a
   data-ga-event-category="support"
   data-ga-event-action="tidelift"
   href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise">
-Get more details
+Learn more about Tidelift
 </a>
-
+and
 <a
   data-ga-event-category="support"
   data-ga-event-action="tidelift"
-  href="https://tidelift.com/subscription/request-a-demo?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise">
-Request a demo
+  href="https://tidelift.com/solutions/schedule-demo?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise">
+request a demo today.
 </a>
 
-### Custom work 🛠
+## Custom work
 
-Tweak MUI's component libraries to meet specific requirements. Give us a summary of your needs and we'll help you if we can. We might:
+If your team gets stuck and needs help getting unblocked, MUI's engineers may be available on a contract basis.
 
-- Give you an estimate of time and price if the work is straightforward
-- Suggest alternatives that might not require MUI components
-- Decline the work due to timing or relevancy
+Keep in mind that the work must be directly related to MUI's products—we don't accept general web development or React work.
 
-Note that work must be MUI-related.
-We don't accept general React development work.
-Our contracting price is $200/hour or $1,500/day.
+Our contracting price starts at $200/hour or $1,500/day.
 
-[Send us an email](mailto:custom-work@mui.com)
+[Send us an email](mailto:custom-work@mui.com) summarizing of your needs, and we'll let you know whether we can help (or else try to suggest alternatives).
diff --git a/docs/data/material/getting-started/supported-components/MaterialUIComponents.js b/docs/data/material/getting-started/supported-components/MaterialUIComponents.js
index 43e3ab9c5a988a..3c9465a407ecea 100644
--- a/docs/data/material/getting-started/supported-components/MaterialUIComponents.js
+++ b/docs/data/material/getting-started/supported-components/MaterialUIComponents.js
@@ -194,7 +194,7 @@ const components = [
     materialDesign: 'https://m2.material.io/components/tooltips',
   },
   { name: 'Transfer List', materialUI: '/material-ui/react-transfer-list/' },
-  { name: 'Tree View', materialUI: '/material-ui/react-tree-view/' },
+  { name: 'Tree View', materialUI: '/x/react-tree-view/' },
   {
     name: 'Typography',
     materialUI: '/material-ui/react-typography/',
diff --git a/docs/data/material/getting-started/templates/album/README.md b/docs/data/material/getting-started/templates/album/README.md
index c317c6b4cbfd1b..d4a88a75b4c3b5 100644
--- a/docs/data/material/getting-started/templates/album/README.md
+++ b/docs/data/material/getting-started/templates/album/README.md
@@ -12,4 +12,4 @@
 
 <!-- #default-branch-switch -->
 
-View the demo at https://mui.com/getting-started/templates/album/.
+View the demo at https://mui.com/material-ui/getting-started/templates/album/.
diff --git a/docs/data/material/getting-started/templates/blog/README.md b/docs/data/material/getting-started/templates/blog/README.md
index cca79987ba2f0e..c582b088659a33 100644
--- a/docs/data/material/getting-started/templates/blog/README.md
+++ b/docs/data/material/getting-started/templates/blog/README.md
@@ -12,4 +12,4 @@
 
 <!-- #default-branch-switch -->
 
-View the demo at https://mui.com/getting-started/templates/blog/.
+View the demo at https://mui.com/material-ui/getting-started/templates/blog/.
diff --git a/docs/data/material/getting-started/templates/checkout/README.md b/docs/data/material/getting-started/templates/checkout/README.md
index e450d9564f3bd7..9b6fb03b6cce10 100644
--- a/docs/data/material/getting-started/templates/checkout/README.md
+++ b/docs/data/material/getting-started/templates/checkout/README.md
@@ -12,4 +12,4 @@
 
 <!-- #default-branch-switch -->
 
-View the demo at https://mui.com/getting-started/templates/checkout/.
+View the demo at https://mui.com/material-ui/getting-started/templates/checkout/.
diff --git a/docs/data/material/getting-started/templates/dashboard/README.md b/docs/data/material/getting-started/templates/dashboard/README.md
index a4358e7d0fa193..4c192830b381e6 100644
--- a/docs/data/material/getting-started/templates/dashboard/README.md
+++ b/docs/data/material/getting-started/templates/dashboard/README.md
@@ -12,4 +12,4 @@
 
 <!-- #default-branch-switch -->
 
-View the demo at https://mui.com/getting-started/templates/dashboard/.
+View the demo at https://mui.com/material-ui/getting-started/templates/dashboard/.
diff --git a/docs/data/material/getting-started/templates/pricing/README.md b/docs/data/material/getting-started/templates/pricing/README.md
index 2349661a529648..f0c845cb6368a3 100644
--- a/docs/data/material/getting-started/templates/pricing/README.md
+++ b/docs/data/material/getting-started/templates/pricing/README.md
@@ -12,4 +12,4 @@
 
 <!-- #default-branch-switch -->
 
-View the demo at https://mui.com/getting-started/templates/pricing/.
+View the demo at https://mui.com/material-ui/getting-started/templates/pricing/.
diff --git a/docs/data/material/getting-started/templates/sign-in-side/README.md b/docs/data/material/getting-started/templates/sign-in-side/README.md
index 289f9e3ca75c78..67c088ce173215 100644
--- a/docs/data/material/getting-started/templates/sign-in-side/README.md
+++ b/docs/data/material/getting-started/templates/sign-in-side/README.md
@@ -12,4 +12,4 @@
 
 <!-- #default-branch-switch -->
 
-View the demo at https://mui.com/getting-started/templates/sign-in-side/.
+View the demo at https://mui.com/material-ui/getting-started/templates/sign-in-side/.
diff --git a/docs/data/material/getting-started/templates/sign-in/README.md b/docs/data/material/getting-started/templates/sign-in/README.md
index 3d20252072793c..7ad1e840c69051 100644
--- a/docs/data/material/getting-started/templates/sign-in/README.md
+++ b/docs/data/material/getting-started/templates/sign-in/README.md
@@ -12,4 +12,4 @@
 
 <!-- #default-branch-switch -->
 
-View the demo at https://mui.com/getting-started/templates/sign-in/.
+View the demo at https://mui.com/material-ui/getting-started/templates/sign-in/.
diff --git a/docs/data/material/getting-started/templates/sign-up/README.md b/docs/data/material/getting-started/templates/sign-up/README.md
index d5540ce3cf49d3..aa89e2950d0e36 100644
--- a/docs/data/material/getting-started/templates/sign-up/README.md
+++ b/docs/data/material/getting-started/templates/sign-up/README.md
@@ -12,4 +12,4 @@
 
 <!-- #default-branch-switch -->
 
-View the demo at https://mui.com/getting-started/templates/sign-up/.
+View the demo at https://mui.com/material-ui/getting-started/templates/sign-up/.
diff --git a/docs/data/material/getting-started/templates/sticky-footer/README.md b/docs/data/material/getting-started/templates/sticky-footer/README.md
index 70c4e8741292c0..47ec73373dbbff 100644
--- a/docs/data/material/getting-started/templates/sticky-footer/README.md
+++ b/docs/data/material/getting-started/templates/sticky-footer/README.md
@@ -12,4 +12,4 @@
 
 <!-- #default-branch-switch -->
 
-View the demo at https://mui.com/getting-started/templates/sticky-footer/.
+View the demo at https://mui.com/material-ui/getting-started/templates/sticky-footer/.
diff --git a/docs/data/material/getting-started/templates/templates.md b/docs/data/material/getting-started/templates/templates.md
index 607410cf8ec948..3bf7ca3536eb97 100644
--- a/docs/data/material/getting-started/templates/templates.md
+++ b/docs/data/material/getting-started/templates/templates.md
@@ -19,7 +19,7 @@ for reuse in other pages.
 For multi-part examples, a table in the README at the linked source code location describes
 the purpose of each file.
 
-{{"component": "docs/src/modules/components/MaterialFreeTemplatesCollection.js"}}
+{{"component": "modules/components/MaterialFreeTemplatesCollection.js"}}
 
 See any room for improvement?
 Please feel free to open an [issue](https://github.com/mui/material-ui/issues/new/choose) or [pull request](https://github.com/mui/material-ui/pulls) on GitHub.
diff --git a/docs/data/material/getting-started/usage/ButtonUsage.js b/docs/data/material/getting-started/usage/ButtonUsage.js
new file mode 100644
index 00000000000000..0b68f870ce6ce1
--- /dev/null
+++ b/docs/data/material/getting-started/usage/ButtonUsage.js
@@ -0,0 +1,6 @@
+import * as React from 'react';
+import Button from '@mui/material/Button';
+
+export default function ButtonUsage() {
+  return <Button variant="contained">Hello world</Button>;
+}
diff --git a/docs/data/material/getting-started/usage/ButtonUsage.tsx b/docs/data/material/getting-started/usage/ButtonUsage.tsx
new file mode 100644
index 00000000000000..0b68f870ce6ce1
--- /dev/null
+++ b/docs/data/material/getting-started/usage/ButtonUsage.tsx
@@ -0,0 +1,6 @@
+import * as React from 'react';
+import Button from '@mui/material/Button';
+
+export default function ButtonUsage() {
+  return <Button variant="contained">Hello world</Button>;
+}
diff --git a/docs/data/material/getting-started/usage/ButtonUsage.tsx.preview b/docs/data/material/getting-started/usage/ButtonUsage.tsx.preview
new file mode 100644
index 00000000000000..037426d63fa3f7
--- /dev/null
+++ b/docs/data/material/getting-started/usage/ButtonUsage.tsx.preview
@@ -0,0 +1 @@
+<Button variant="contained">Hello world</Button>
\ No newline at end of file
diff --git a/docs/data/material/getting-started/usage/Usage.js b/docs/data/material/getting-started/usage/Usage.js
deleted file mode 100644
index 8d0f199556feee..00000000000000
--- a/docs/data/material/getting-started/usage/Usage.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import * as React from 'react';
-
-export default function Usage() {
-  return (
-    <iframe
-      title="codesandbox"
-      src="https://codesandbox.io/embed/u9sy1h?hidenavigation=1&fontsize=14&view=preview"
-      style={{
-        width: '100%',
-        height: 350,
-        border: 0,
-      }}
-      sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
-    />
-  );
-}
diff --git a/docs/data/material/getting-started/usage/usage.md b/docs/data/material/getting-started/usage/usage.md
index d4e9a49cba8eda..7e17ab513a0607 100644
--- a/docs/data/material/getting-started/usage/usage.md
+++ b/docs/data/material/getting-started/usage/usage.md
@@ -4,25 +4,10 @@
 
 ## Quickstart
 
-The following code snippet demonstrates a simple app that uses the Material UI [Button](/material-ui/react-button/) component:
-
-```jsx
-import * as React from 'react';
-import Button from '@mui/material/Button';
-
-export default function MyApp() {
-  return (
-    <div>
-      <Button variant="contained">Hello World</Button>
-    </div>
-  );
-}
-```
-
-You can play around with this code in the interactive Code Sandbox demo below.
-Try changing the `variant` on the Button to `outlined` to see how the style changes:
+After [installation](/material-ui/getting-started/installation/), you can import any Material UI component and start playing around.
+For example, try changing the `variant` on the [Button](/material-ui/react-button/) to `outlined` to see how the style changes:
 
-{{"demo": "Usage.js", "hideToolbar": true, "bg": true}}
+{{"demo": "ButtonUsage.js", "defaultCodeOpen": true}}
 
 ## Globals
 
diff --git a/docs/data/material/guides/api/api.md b/docs/data/material/guides/api/api.md
index 2e2cd6ed5043ff..1dbecd25c9e6fb 100644
--- a/docs/data/material/guides/api/api.md
+++ b/docs/data/material/guides/api/api.md
@@ -2,11 +2,8 @@
 
 <p class="description">We have learned a great deal regarding how Material UI is used, and the v1 rewrite allowed us to completely rethink the component API.</p>
 
-:::info
-API design is hard because you can make it seem simple but it's actually deceptively complex, or make it actually simple but seem complex.
-:::
-
-[@sebmarkbage](https://twitter.com/sebmarkbage/status/728433349337841665)
+> API design is hard because you can make it seem simple but it's actually deceptively complex, or make it actually simple but seem complex.
+> [@sebmarkbage](https://twitter.com/sebmarkbage/status/728433349337841665)
 
 As Sebastian Markbage [pointed out](https://2014.jsconf.eu/speakers/sebastian-markbage-minimal-api-surface-area-learning-patterns-instead-of-frameworks.html), no abstraction is superior to wrong abstractions.
 We are providing low-level components to maximize composition capabilities.
diff --git a/docs/data/material/guides/composition/composition.md b/docs/data/material/guides/composition/composition.md
index 5ab0d24b7c482b..5ef22a0fbae4d9 100644
--- a/docs/data/material/guides/composition/composition.md
+++ b/docs/data/material/guides/composition/composition.md
@@ -77,7 +77,7 @@ function ListItemLink(props) {
 ```
 
 :::warning
-⚠️ However, since we are using an inline function to change the rendered component, React will remount the link every time `ListItemLink` is rendered. Not only will React update the DOM unnecessarily but the state will be lost, e.g. the ripple effect of the `ListItem` will also not work correctly.
+However, since we are using an inline function to change the rendered component, React will remount the link every time `ListItemLink` is rendered. Not only will React update the DOM unnecessarily but the state will be lost, e.g. the ripple effect of the `ListItem` will also not work correctly.
 :::
 
 The solution is simple: **avoid inline functions and pass a static component to the `component` prop** instead.
@@ -123,7 +123,7 @@ import { Link } from 'react-router-dom';
 ```
 
 :::warning
-⚠️ However, this strategy suffers from a limitation: prop name collisions.
+However, this strategy suffers from a limitation: prop name collisions.
 The component receiving the `component` prop (e.g. ListItem) might intercept the prop (e.g. to) that is destined to the leave element (e.g. Link).
 :::
 
diff --git a/docs/data/material/guides/interoperability/interoperability-pt.md b/docs/data/material/guides/interoperability/interoperability-pt.md
index fd0bb7c22e0eaf..8e4c3d07dceb77 100644
--- a/docs/data/material/guides/interoperability/interoperability-pt.md
+++ b/docs/data/material/guides/interoperability/interoperability-pt.md
@@ -290,7 +290,8 @@ export default function GlobalCssSliderDeep() {
 
 ### Alterar o motor de estilo padrão
 
-By default, MUI components come with Emotion as their style engine. If, however, you would like to use `styled-components`, you can configure your app by following the [styled engine guide](/material-ui/guides/styled-engine/#how-to-switch-to-styled-components) or starting with one of the example projects:
+By default, Material UI components come with Emotion as their style engine. 
+If, however, you would like to use styled-components, you can configure your app by following the [styled-components guide](/material-ui/guides/styled-components/) or starting with one of the example projects:
 
 <!-- #default-branch-switch -->
 
@@ -367,7 +368,7 @@ export default function StyledComponentsDeep2() {
 Você é encorajado a compartilhar o mesmo objeto de tema entre Material-UI e o resto de seu projeto.
 
 :::warning
-⚠️ If you are **already** using a custom theme with styled-components or emotion, it might not be compatible with MUI's theme specification. If it's not compatible, you need to render MUI's ThemeProvider <b>first</b>. This will ensure the theme structures are isolated. This is ideal for the progressive adoption of MUI's components in the codebase.
+If you are **already** using a custom theme with styled-components or emotion, it might not be compatible with MUI's theme specification. If it's not compatible, you need to render MUI's ThemeProvider <b>first</b>. This will ensure the theme structures are isolated. This is ideal for the progressive adoption of MUI's components in the codebase.
 :::
 
 You are encouraged to share the same theme object between MUI and the rest of your project.
@@ -857,10 +858,10 @@ There is [an ESLint plugin](https://docs.tss-react.dev/detecting-unused-classes)
 :::
 
 :::warning
-⚠️ **Keep `@emotion/styled` as a dependency of your project**. Even if you never use it explicitly, it's a peer dependency of `@mui/material`.
+**Keep `@emotion/styled` as a dependency of your project**. Even if you never use it explicitly, it's a peer dependency of `@mui/material`.
 :::
 
 :::warning
-For [Storybook](https://storybook.js.org): At the time of this writing, Storybook still uses Emotion 10 by default.  
+For [Storybook](https://storybook.js.org): At the time of this writing, Storybook still uses Emotion 10 by default.
 Material UI and TSS use Emotion 11, so you must make [some changes](https://github.com/InseeFrLab/onyxia-ui/blob/324de62248074582b227e584c53fb2e123f5325f/.storybook/main.js#L31-L32) to `.storybook/main.js` in order to use Storybook with Material UI.
 :::
diff --git a/docs/data/material/guides/interoperability/interoperability-zh.md b/docs/data/material/guides/interoperability/interoperability-zh.md
index deac2c51b2b498..0aaa8dafbb421a 100644
--- a/docs/data/material/guides/interoperability/interoperability-zh.md
+++ b/docs/data/material/guides/interoperability/interoperability-zh.md
@@ -287,7 +287,8 @@ export default function GlobalCssSliderDeep() {
 
 ### 改变默认的样式引擎
 
-By default, MUI components come with Emotion as their style engine. If, however, you would like to use `styled-components`, you can configure your app by following the [styled engine guide](/material-ui/guides/styled-engine/#how-to-switch-to-styled-components) or starting with one of the example projects:
+By default, Material UI components come with Emotion as their style engine. 
+If, however, you would like to use styled-components, you can configure your app by following the [styled-components guide](/material-ui/guides/styled-components/) or starting with one of the example projects:
 
 <!-- #default-branch-switch -->
 
@@ -364,7 +365,7 @@ export default function StyledComponentsDeep2() {
 我们鼓励你在 Material-UI 和你项目的其他部分之间共享相同的主题对象。
 
 :::warning
-⚠️ If you are **already** using a custom theme with styled-components or emotion, it might not be compatible with MUI's theme specification. If it's not compatible, you need to render MUI's ThemeProvider <b>first</b>. This will ensure the theme structures are isolated. This is ideal for the progressive adoption of MUI's components in the codebase.
+If you are **already** using a custom theme with styled-components or emotion, it might not be compatible with MUI's theme specification. If it's not compatible, you need to render MUI's ThemeProvider <b>first</b>. This will ensure the theme structures are isolated. This is ideal for the progressive adoption of MUI's components in the codebase.
 :::
 
 You are encouraged to share the same theme object between MUI and the rest of your project.
@@ -851,10 +852,10 @@ There is [an ESLint plugin](https://docs.tss-react.dev/detecting-unused-classes)
 :::
 
 :::warning
-⚠️ **Keep `@emotion/styled` as a dependency of your project**. Even if you never use it explicitly, it's a peer dependency of `@mui/material`.
+**Keep `@emotion/styled` as a dependency of your project**. Even if you never use it explicitly, it's a peer dependency of `@mui/material`.
 :::
 
 :::warning
-For [Storybook](https://storybook.js.org): At the time of this writing, Storybook still uses Emotion 10 by default.  
+For [Storybook](https://storybook.js.org): At the time of this writing, Storybook still uses Emotion 10 by default.
 Material UI and TSS use Emotion 11, so you must make [some changes](https://github.com/InseeFrLab/onyxia-ui/blob/324de62248074582b227e584c53fb2e123f5325f/.storybook/main.js#L31-L32) to `.storybook/main.js` in order to use Storybook with Material UI.
 :::
diff --git a/docs/data/material/guides/interoperability/interoperability.md b/docs/data/material/guides/interoperability/interoperability.md
index 7f5e9218eb52eb..d80e88e0312e8b 100644
--- a/docs/data/material/guides/interoperability/interoperability.md
+++ b/docs/data/material/guides/interoperability/interoperability.md
@@ -289,8 +289,8 @@ export default function GlobalCssSliderDeep() {
 
 ### Change the default styled engine
 
-By default, Material UI components come with Emotion as their style engine. If,
-however, you would like to use `styled-components`, you can configure your app by following the [styled engine guide](/material-ui/guides/styled-engine/#how-to-switch-to-styled-components) or starting with one of the example projects:
+By default, Material UI components come with Emotion as their style engine.
+If, however, you would like to use styled-components, you can configure your app by following the [styled-components guide](/material-ui/guides/styled-components/) or starting with one of the example projects:
 
 <!-- #default-branch-switch -->
 
diff --git a/docs/data/material/guides/localization/localization-pt.md b/docs/data/material/guides/localization/localization-pt.md
index 773db72e0335b0..51b53f8d80fe9e 100644
--- a/docs/data/material/guides/localization/localization-pt.md
+++ b/docs/data/material/guides/localization/localization-pt.md
@@ -31,13 +31,13 @@ const theme = createTheme(
 {{"demo": "Locales.js", "defaultCodeOpen": false}}
 
 :::warning
-⚠️ For [`DataGrid` and `DataGridPro`](/x/react-data-grid/) components, they have their own [localization](/x/react-data-grid/localization/).
+For [`DataGrid` and `DataGridPro`](/x/react-data-grid/) components, they have their own [localization](/x/react-data-grid/localization/).
 :::
 
 ### Localidades suportadas
 
 | Localidade              | Etiqueta do idioma BCP 47 | Nome da importação |
-|:----------------------- |:------------------------- |:------------------ |
+| :---------------------- | :------------------------ | :----------------- |
 | Amharic                 | am-ET                     | `amET`             |
 | Arabic (Egypt)          | ar-EG                     | `arEG`             |
 | Arabic (Sudan)          | ar-SD                     | `arSD`             |
diff --git a/docs/data/material/guides/localization/localization-zh.md b/docs/data/material/guides/localization/localization-zh.md
index 56fa87bb63d496..7a33244d3205bb 100644
--- a/docs/data/material/guides/localization/localization-zh.md
+++ b/docs/data/material/guides/localization/localization-zh.md
@@ -31,61 +31,61 @@ const theme = createTheme(
 {{"demo": "Locales.js", "defaultCodeOpen": false}}
 
 :::warning
-⚠️ For [`DataGrid` and `DataGridPro`](/x/react-data-grid/) components, they have their own [localization](/x/react-data-grid/localization/).
+For [`DataGrid` and `DataGridPro`](/x/react-data-grid/) components, they have their own [localization](/x/react-data-grid/localization/).
 :::
 
 ### 支持的地区
 
-| 地区                      | BCP 47 语言标签 | 导入名称   |
-|:----------------------- |:----------- |:------ |
-| Amharic                 | am-ET       | `amET` |
-| Arabic (Egypt)          | ar-EG       | `arEG` |
-| Arabic (Sudan)          | ar-SD       | `arSD` |
-| Armenian                | hy-AM       | `hyAM` |
-| Azerbaijani             | az-AZ       | `azAZ` |
-| Bangla                  | bn-BD       | `bnBD` |
-| Bulgarian               | bg-BG       | `bgBG` |
-| Catalan                 | ca-ES       | `caES` |
-| Chinese (Hong Kong)     | zh-HK       | `zhHK` |
-| Chinese (Simplified)    | zh-CN       | `zhCN` |
-| Chinese (Taiwan)        | zh-TW       | `zhTW` |
-| Croatian                | hr-HR       | `hrHR` |
-| Czech                   | cs-CZ       | `csCZ` |
-| Danish                  | da-DK       | `daDK` |
-| Dutch                   | nl-NL       | `nlNL` |
-| English (United States) | en-US       | `enUS` |
-| Estonian                | et-EE       | `etEE` |
-| Finnish                 | fi-FI       | `fiFI` |
-| French                  | fr-FR       | `frFR` |
-| German                  | de-DE       | `deDE` |
-| Greek                   | el-GR       | `elGR` |
-| Hebrew                  | he-IL       | `heIL` |
-| Hindi                   | hi-IN       | `hiIN` |
-| Hungarian               | hu-HU       | `huHU` |
-| Icelandic               | is-IS       | `isIS` |
-| Indonesian              | id-ID       | `idID` |
-| Italian                 | it-IT       | `itIT` |
-| Japanese                | ja-JP       | `jaJP` |
-| Khmer                   | kh-KH       | `khKH` |
-| Kazakh                  | kk-KZ       | `kkKZ` |
-| Korean                  | ko-KR       | `koKR` |
-| Macedonian              | mk-MK       | `mkMK` |
-| Norwegian (bokmål)      | nb-NO       | `nbNO` |
-| Persian                 | fa-IR       | `faIR` |
-| Polish                  | pl-PL       | `plPL` |
-| Portuguese              | pt-PT       | `ptPT` |
-| Portuguese (Brazil)     | pt-BR       | `ptBR` |
-| Romanian                | ro-RO       | `roRO` |
-| Russian                 | ru-RU       | `ruRU` |
-| Serbian                 | sr-RS       | `srRS` |
-| Sinhalese               | si-LK       | `siLK` |
-| Slovak                  | sk-SK       | `skSK` |
-| Spanish                 | es-ES       | `esES` |
-| Swedish                 | sv-SE       | `svSE` |
-| Thai                    | th-TH       | `thTH` |
-| Turkish                 | tr-TR       | `trTR` |
-| Ukrainian               | uk-UA       | `ukUA` |
-| Vietnamese              | vi-VN       | `viVN` |
+| 地区                    | BCP 47 语言标签 | 导入名称 |
+| :---------------------- | :-------------- | :------- |
+| Amharic                 | am-ET           | `amET`   |
+| Arabic (Egypt)          | ar-EG           | `arEG`   |
+| Arabic (Sudan)          | ar-SD           | `arSD`   |
+| Armenian                | hy-AM           | `hyAM`   |
+| Azerbaijani             | az-AZ           | `azAZ`   |
+| Bangla                  | bn-BD           | `bnBD`   |
+| Bulgarian               | bg-BG           | `bgBG`   |
+| Catalan                 | ca-ES           | `caES`   |
+| Chinese (Hong Kong)     | zh-HK           | `zhHK`   |
+| Chinese (Simplified)    | zh-CN           | `zhCN`   |
+| Chinese (Taiwan)        | zh-TW           | `zhTW`   |
+| Croatian                | hr-HR           | `hrHR`   |
+| Czech                   | cs-CZ           | `csCZ`   |
+| Danish                  | da-DK           | `daDK`   |
+| Dutch                   | nl-NL           | `nlNL`   |
+| English (United States) | en-US           | `enUS`   |
+| Estonian                | et-EE           | `etEE`   |
+| Finnish                 | fi-FI           | `fiFI`   |
+| French                  | fr-FR           | `frFR`   |
+| German                  | de-DE           | `deDE`   |
+| Greek                   | el-GR           | `elGR`   |
+| Hebrew                  | he-IL           | `heIL`   |
+| Hindi                   | hi-IN           | `hiIN`   |
+| Hungarian               | hu-HU           | `huHU`   |
+| Icelandic               | is-IS           | `isIS`   |
+| Indonesian              | id-ID           | `idID`   |
+| Italian                 | it-IT           | `itIT`   |
+| Japanese                | ja-JP           | `jaJP`   |
+| Khmer                   | kh-KH           | `khKH`   |
+| Kazakh                  | kk-KZ           | `kkKZ`   |
+| Korean                  | ko-KR           | `koKR`   |
+| Macedonian              | mk-MK           | `mkMK`   |
+| Norwegian (bokmål)      | nb-NO           | `nbNO`   |
+| Persian                 | fa-IR           | `faIR`   |
+| Polish                  | pl-PL           | `plPL`   |
+| Portuguese              | pt-PT           | `ptPT`   |
+| Portuguese (Brazil)     | pt-BR           | `ptBR`   |
+| Romanian                | ro-RO           | `roRO`   |
+| Russian                 | ru-RU           | `ruRU`   |
+| Serbian                 | sr-RS           | `srRS`   |
+| Sinhalese               | si-LK           | `siLK`   |
+| Slovak                  | sk-SK           | `skSK`   |
+| Spanish                 | es-ES           | `esES`   |
+| Swedish                 | sv-SE           | `svSE`   |
+| Thai                    | th-TH           | `thTH`   |
+| Turkish                 | tr-TR           | `trTR`   |
+| Ukrainian               | uk-UA           | `ukUA`   |
+| Vietnamese              | vi-VN           | `viVN`   |
 
 <!-- #default-branch-switch -->
 
diff --git a/docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size-pt.md b/docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size-pt.md
index 5e30e68f7368ff..306ecfd30497c1 100644
--- a/docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size-pt.md
+++ b/docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size-pt.md
@@ -206,7 +206,7 @@ Finalmente, você pode converter sua base de código existente com esse [codemod
 
 The package published on npm is **transpiled**, with [Babel](https://github.com/babel/babel), to take into account the [supported platforms](/material-ui/getting-started/supported-platforms/).
 
-⚠️ Para minimizar a duplicação de código nos pacotes de usuários, autores de biblioteca são **fortemente desencorajados** a importar de qualquer um dos outros pacotes. Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles. Instead, use these bundles at the bundler level with e.g [Webpack's `resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias):
+⚠️ Para minimizar a duplicação de código nos pacotes de usuários, autores de biblioteca são **fortemente desencorajados** a importar de qualquer um dos outros pacotes. Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles. Instead, use these bundles at the bundler level with e.g. [Webpack's `resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias):
 
 ```js
 {
diff --git a/docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size-zh.md b/docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size-zh.md
index 974981f086463b..5b90347af78206 100644
--- a/docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size-zh.md
+++ b/docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size-zh.md
@@ -206,7 +206,7 @@ module.exports = override(useBabelRc());
 
 The package published on npm is **transpiled**, with [Babel](https://github.com/babel/babel), to take into account the [supported platforms](/material-ui/getting-started/supported-platforms/).
 
-⚠️ 为了尽量减少用户捆绑包中的重复代码，库作者 **非常不鼓励** 从任何其他捆绑包中导入。 Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles. Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles. Instead, use these bundles at the bundler level with e.g [Webpack's `resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias):
+⚠️ 为了尽量减少用户捆绑包中的重复代码，库作者 **非常不鼓励** 从任何其他捆绑包中导入。 Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles. Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles. Instead, use these bundles at the bundler level with e.g. [Webpack's `resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias):
 
 ```js
 {
diff --git a/docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size.md b/docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size.md
index bdc3eda53d8b5e..6cb3e0c01e91b4 100644
--- a/docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size.md
+++ b/docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size.md
@@ -185,10 +185,10 @@ Modify your `package.json` commands:
 ```diff
    "scripts": {
 -    "start": "react-scripts start",
-+    "start": "react-app-rewired start",
 -    "build": "react-scripts build",
-+    "build": "react-app-rewired build",
 -    "test": "react-scripts test",
++    "start": "react-app-rewired start",
++    "build": "react-app-rewired build",
 +    "test": "react-app-rewired test",
      "eject": "react-scripts eject"
   }
@@ -209,22 +209,49 @@ It will perform the following diffs:
 
 ## Available bundles
 
-The package published on npm is **transpiled**, with [Babel](https://github.com/babel/babel), to take into account the [supported platforms](/material-ui/getting-started/supported-platforms/).
+### Default bundle
+
+The packages published on npm are **transpiled** with [Babel](https://github.com/babel/babel), optimized for performance with the [supported platforms](/material-ui/getting-started/supported-platforms/).
+
+Custom bundles are also available:
 
-⚠️ Developers are **strongly discouraged** to import from any of the other bundles directly.
-Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles.
-Instead, use these bundles at the bundler level with e.g [Webpack's `resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias):
+- [Modern bundle](#modern-bundle)
+- [Legacy bundle](#legacy-bundle)
+
+### How to use custom bundles?
+
+:::error
+You are strongly discouraged to:
+
+- Import from any of the custom bundles directly. Do not do this:
+
+  ```js
+  import { Button } from '@mui/material/legacy';
+  ```
+
+  You have no guarantee that the dependencies also use legacy or modern bundles, leading to module duplication in your JavaScript files.
+
+- Import from any of the undocumented files or folders. Do not do this:
+
+  ```js
+  import { Button } from '@mui/material/esm';
+  ```
+
+  You have no guarantee that these imports will continue to work from one version to the next.
+  :::
+
+A great way to use these bundles is to configure bundler aliases, for example with [Webpack's `resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias):
 
 ```js
 {
   resolve: {
     alias: {
-      '@mui/base': '@mui/base/legacy',
-      '@mui/lab': '@mui/lab/legacy',
       '@mui/material': '@mui/material/legacy',
       '@mui/styled-engine': '@mui/styled-engine/legacy',
       '@mui/system': '@mui/system/legacy',
+      '@mui/base': '@mui/base/legacy',
       '@mui/utils': '@mui/utils/legacy',
+      '@mui/lab': '@mui/lab/legacy',
     }
   }
 }
diff --git a/docs/data/material/guides/next-js-app-router/next-js-app-router.md b/docs/data/material/guides/next-js-app-router/next-js-app-router.md
index b1de4508c3bd26..1688d35df2197b 100644
--- a/docs/data/material/guides/next-js-app-router/next-js-app-router.md
+++ b/docs/data/material/guides/next-js-app-router/next-js-app-router.md
@@ -2,20 +2,20 @@
 
 <p class="description">Learn how to use Material UI with the Next.js App Router.</p>
 
-:::info
+## Example
+
 Starting fresh on a new App Router-based project?
 
-Jump right into the code with [this example: Material UI - Next.js App Router example in TypeScript](https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs-ts).
-:::
+Jump right into the code with [this example: Material UI - Next.js App Router in TypeScript](https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs-ts).
 
 ## Next.js and React Server Components
 
 The Next.js App Router implements React Server Components, [an upcoming feature for React](https://github.com/reactjs/rfcs/blob/main/text/0227-server-module-conventions.md).
 
-To support the App Router, currently all components and hooks from MUI libraries (Material UI, Joy UI, Base UI etc.) are exported with the `"use client"` directive.
+To support the App Router, the components and hooks from Material UI that need access to browser APIs are exported with the `"use client"` directive.
 
 :::warning
-React Server Components should not be conflated with the concept of server-side rendering (SSR).
+React Server Components is not the same concept as server-side rendering (SSR).
 So-called Client Components are still server-rendered to HTML.
 
 For more details, see [this explanation](https://github.com/reactwg/server-components/discussions/4) of Client Components and SSR from the React Working Group.
@@ -176,46 +176,42 @@ Currently, `prepend` does not work reliably with the App Router, but you can wor
  });
 ```
 
-## Function props
+## Props serialization
 
-Props passed from Server Components—for example `page.js` or other routing files—must be [serializable](https://nextjs.org/docs/getting-started/react-essentials#passing-props-from-server-to-client-components-serialization).
+Props passed from Server Components—for example `page.js` or other routing files—must be [serializable](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#passing-props-from-server-to-client-components-serialization).
 
+:::success
 This works without any additional directives:
 
-```jsx
+```tsx
 // app/page.tsx
-import Box from '@mui/material/Box';
-import Card from '@mui/material/Card';
 import Container from '@mui/material/Container';
 import Typography from '@mui/material/Typography';
 
 export default function Page() {
   return (
-    <Container maxWidth="lg">
-      <Box>
-        <Card raised>
-          <Typography variant="h2">Hello World</Typography>
-        </Card>
-      </Box>
+    <Container>
+      <Typography variant="h2">Hello World</Typography>
     </Container>
   );
 }
 ```
 
+:::
+
 :::error
-🚨 This code snippet _doesn't work_, because the Button's click handler is **non-serializable**:
+This _doesn't work_ because the Button's click handler is **non-serializable**:
 
 ```tsx
-// page.tsx
-import Button from '@mui/material/Button';
+// app/page.tsx
 import Container from '@mui/material/Container';
+import Button from '@mui/material/Button';
 
 export default function Page() {
   return (
-    <Container maxWidth="lg">
+    <Container>
       {/* Next.js won't render this button without 'use-client' */}
       <Button
-        variant="text"
         onClick={() => {
           console.log('handle click');
         }}
@@ -227,5 +223,5 @@ export default function Page() {
 }
 ```
 
-Instead, the Next.js team recommend moving components like these ["to the leaves"](https://nextjs.org/docs/getting-started/react-essentials#moving-client-components-to-the-leaves) to avoid this issue and improve overall performance.
+Instead, the Next.js team recommend moving components like these ["down the tree"](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#moving-client-components-down-the-tree) to avoid this issue and improve overall performance.
 :::
diff --git a/docs/data/material/guides/pickers-migration/pickers-migration-pt.md b/docs/data/material/guides/pickers-migration/pickers-migration-pt.md
index 6c2feab5fa5150..2fdb3248c9381e 100644
--- a/docs/data/material/guides/pickers-migration/pickers-migration-pt.md
+++ b/docs/data/material/guides/pickers-migration/pickers-migration-pt.md
@@ -3,7 +3,7 @@
 <p class="description">@material-ui/pickers foi movido para o @material-ui/lab.</p>
 
 :::warning
-**⚠️ The date picker components were rewritten**. In most places, the logic was rewritten from scratch, so it isn't possible to maintain the whole list of changes. Here's an overview of the most important concepts that were changed. If you are going to upgrade, the easiest way might be to go through each picker usage in your codebase, and rewrite them one at a time. Don't forget to run your tests after each!
+**The date picker components were rewritten**. In most places, the logic was rewritten from scratch, so it isn't possible to maintain the whole list of changes. Here's an overview of the most important concepts that were changed. If you are going to upgrade, the easiest way might be to go through each picker usage in your codebase, and rewrite them one at a time. Don't forget to run your tests after each!
 :::
 
 This guide is an overview of the core concepts that were changed from pickers v3.2.10.
diff --git a/docs/data/material/guides/pickers-migration/pickers-migration-zh.md b/docs/data/material/guides/pickers-migration/pickers-migration-zh.md
index 0e5b0410ebdd8f..86d8318503f4f0 100644
--- a/docs/data/material/guides/pickers-migration/pickers-migration-zh.md
+++ b/docs/data/material/guides/pickers-migration/pickers-migration-zh.md
@@ -3,7 +3,7 @@
 <p class="description">@mui/pickers 现在已经整合进了 @mui/lab。</p>
 
 :::warning
-**⚠️ The date picker components were rewritten**. In most places, the logic was rewritten from scratch, so it isn't possible to maintain the whole list of changes. Here's an overview of the most important concepts that were changed. If you are going to upgrade, the easiest way might be to go through each picker usage in your codebase, and rewrite them one at a time. Don't forget to run your tests after each!
+**The date picker components were rewritten**. In most places, the logic was rewritten from scratch, so it isn't possible to maintain the whole list of changes. Here's an overview of the most important concepts that were changed. If you are going to upgrade, the easiest way might be to go through each picker usage in your codebase, and rewrite them one at a time. Don't forget to run your tests after each!
 :::
 
 This guide is an overview of the core concepts that were changed from pickers v3.2.10.
diff --git a/docs/data/material/guides/right-to-left/right-to-left-pt.md b/docs/data/material/guides/right-to-left/right-to-left-pt.md
index f385c7f14fa576..da2e53a4f473f8 100644
--- a/docs/data/material/guides/right-to-left/right-to-left-pt.md
+++ b/docs/data/material/guides/right-to-left/right-to-left-pt.md
@@ -49,7 +49,9 @@ npm install stylis stylis-plugin-rtl
 ```
 
 :::warning
-**Note**: Only `emotion` is compatible with version 2 of the plugin. `styled-components` requires version 1. If you are using `styled-components` as a [styled engine](/material-ui/guides/styled-engine/), make sure to install the correct version.
+Only Emotion is compatible with version 2 of the plugin. 
+styled-components requires version 1. 
+If you're using [styled-components instead of Emotion](/material-ui/guides/styled-components/), make sure to install the correct version.
 :::
 
 In case you are using `jss` (up to v4) or with the legacy `@mui/styles` package, you need [`jss-rtl`](https://github.com/alitaheri/jss-rtl) to flip the styles.
diff --git a/docs/data/material/guides/right-to-left/right-to-left-zh.md b/docs/data/material/guides/right-to-left/right-to-left-zh.md
index 7ca5b81cf343bb..32b8346dbae9a4 100644
--- a/docs/data/material/guides/right-to-left/right-to-left-zh.md
+++ b/docs/data/material/guides/right-to-left/right-to-left-zh.md
@@ -49,7 +49,9 @@ npm install stylis stylis-plugin-rtl
 ```
 
 :::warning
-**Note**: Only `emotion` is compatible with version 2 of the plugin. `styled-components` requires version 1. If you are using `styled-components` as a [styled engine](/material-ui/guides/styled-engine/), make sure to install the correct version.
+Only Emotion is compatible with version 2 of the plugin. 
+styled-components requires version 1. 
+If you're using [styled-components instead of Emotion](/material-ui/guides/styled-components/), make sure to install the correct version.
 :::
 
 In case you are using `jss` (up to v4) or with the legacy `@mui/styles` package, you need [`jss-rtl`](https://github.com/alitaheri/jss-rtl) to flip the styles.
diff --git a/docs/data/material/guides/right-to-left/right-to-left.md b/docs/data/material/guides/right-to-left/right-to-left.md
index ea22cad2f4cecf..12ade3e18831e4 100644
--- a/docs/data/material/guides/right-to-left/right-to-left.md
+++ b/docs/data/material/guides/right-to-left/right-to-left.md
@@ -50,7 +50,9 @@ npm install stylis stylis-plugin-rtl
 ```
 
 :::warning
-Only Emotion is compatible with version 2 of the plugin. `styled-components` requires version 1. If you are using `styled-components` as a [styled engine](/material-ui/guides/styled-engine/), make sure to install the correct version.
+Only Emotion is compatible with version 2 of the plugin.
+styled-components requires version 1.
+If you're using [styled-components instead of Emotion](/material-ui/guides/styled-components/), make sure to install the correct version.
 :::
 
 In case you are using `jss` (up to v4) or with the legacy `@mui/styles` package, you need [`jss-rtl`](https://github.com/alitaheri/jss-rtl) to flip the styles.
diff --git a/docs/data/material/guides/routing/routing-pt.md b/docs/data/material/guides/routing/routing-pt.md
index 4d50a11dbb0838..57c3fd57265fd7 100644
--- a/docs/data/material/guides/routing/routing-pt.md
+++ b/docs/data/material/guides/routing/routing-pt.md
@@ -48,7 +48,7 @@ const theme = createTheme({
 {{"demo": "LinkRouterWithTheme.js", "defaultCodeOpen": false}}
 
 :::warning
-⚠️ This approach has limitations with TypeScript. The `href` prop only accepts a string. In the event you need to provide a richer structure, see the next section.
+This approach has limitations with TypeScript. The `href` prop only accepts a string. In the event you need to provide a richer structure, see the next section.
 :::
 
 ## Propriedade `component`
diff --git a/docs/data/material/guides/routing/routing-zh.md b/docs/data/material/guides/routing/routing-zh.md
index adcd891570b584..99e8a698907baa 100644
--- a/docs/data/material/guides/routing/routing-zh.md
+++ b/docs/data/material/guides/routing/routing-zh.md
@@ -14,7 +14,7 @@
 
 ## Global theme Link
 
-在实际应用中，使用原生的 `<a>` 元素是不够的， 您可以使用系统化地增强的 Link 组件来提升用户体验： MUI 主题允许配置此组件一次 例如，通过react-router：
+在实际应用中，使用原生的 `<a>` 元素是不够的， 您可以使用系统化地增强的 Link 组件来提升用户体验： MUI 主题允许配置此组件一次 例如，通过 react-router：
 
 ```tsx
 import { Link as RouterLink, LinkProps as RouterLinkProps } from 'react-router-dom';
@@ -48,7 +48,7 @@ const theme = createTheme({
 {{"demo": "LinkRouterWithTheme.js", "defaultCodeOpen": false}}
 
 :::warning
-⚠️ This approach has limitations with TypeScript. The `href` prop only accepts a string. In the event you need to provide a richer structure, see the next section.
+This approach has limitations with TypeScript. The `href` prop only accepts a string. In the event you need to provide a richer structure, see the next section.
 :::
 
 ## `component` 属性
diff --git a/docs/data/material/guides/routing/routing.md b/docs/data/material/guides/routing/routing.md
index 8d2d1fa62daa04..c7a1d7cb2430e3 100644
--- a/docs/data/material/guides/routing/routing.md
+++ b/docs/data/material/guides/routing/routing.md
@@ -65,11 +65,13 @@ In the event you need to provide a richer structure, see the next section.
 You can achieve the integration with third-party routing libraries with the `component` prop.
 You can learn more about this prop in the **[composition guide](/material-ui/guides/composition/#component-prop)**.
 
-### Link
+## react-router examples
 
 Here are a few demos with [react-router](https://github.com/remix-run/react-router).
 You can apply the same strategy with all the components: BottomNavigation, Card, etc.
 
+### Link
+
 {{"demo": "LinkRouter.js"}}
 
 ### Button
@@ -97,11 +99,11 @@ const LinkBehavior = React.forwardRef((props, ref) => (
 
 ## More examples
 
-### Next.js
+### Next.js Pages Router
 
-The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-ts) provides an adapter for the use of [Next.js's Link component](https://nextjs.org/docs/api-reference/next/link) with Material UI.
+The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-pages-router-ts) provides an adapter for the use of [Next.js's Link component](https://nextjs.org/docs/pages/api-reference/components/link) with Material UI.
 
-- The first version of the adapter is the [`NextLinkComposed`](https://github.com/mui/material-ui/blob/-/examples/material-ui-nextjs-ts/src/Link.tsx) component.
+- The first version of the adapter is the [`NextLinkComposed`](https://github.com/mui/material-ui/blob/-/examples/material-ui-nextjs-pages-router-ts/src/Link.tsx) component.
   This component is unstyled and only responsible for handling the navigation.
   The prop `href` was renamed `to` to avoid a naming conflict.
   This is similar to react-router's Link component.
@@ -145,9 +147,3 @@ The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/mater
     );
   }
   ```
-
-### Gatsby
-
-The [Link](https://www.gatsbyjs.com/docs/linking-between-pages/) component of Gatsby is built on `@reach/router`.
-You can use the same previous documentation for react-router.
-Unlike Next.js, it doesn't require you to create an adapter.
diff --git a/docs/data/material/guides/server-rendering/server-rendering-pt.md b/docs/data/material/guides/server-rendering/server-rendering-pt.md
deleted file mode 100644
index fe55e8bd382c26..00000000000000
--- a/docs/data/material/guides/server-rendering/server-rendering-pt.md
+++ /dev/null
@@ -1,215 +0,0 @@
-# Renderização no servidor
-
-<p class="description">A situação de uso mais comum para a renderização do lado do servidor, é manipular a renderização inicial quando um usuário (ou rastreador de mecanismo de pesquisa) solicita sua aplicação.</p>
-
-Quando o servidor recebe a solicitação, ele renderiza o(s) componente(s) requerido(s) em uma cadeia HTML e o envia como uma resposta ao cliente. A partir desse momento, o cliente assume as funções de renderização.
-
-## Material-UI no servidor
-
-O Material-UI foi projetado em base com garantias de renderização no servidor, mas cabe a você certificar-se de que ele será integrado corretamente. É importante fornecer a página com o CSS necessário, caso contrário a página irá renderizar somente o HTML até o CSS ser injetado pelo cliente, causando uma tremulação (FOUC). Para injetar o estilo no cliente, precisamos:
-
-1. Create a fresh, new [`emotion cache`](https://emotion.sh/docs/@emotion/cache) instance on every request.
-2. Renderize a árvore React com o coletor do lado do servidor.
-3. Capture o CSS.
-4. Passe o CSS junto ao cliente.
-
-On the client-side, the CSS will be injected a second time before removing the server-side injected CSS.
-
-## Setting up
-
-No passo a passo a seguir, vamos ver como configurar a renderização do lado do servidor.
-
-### O tema
-
-Crie um tema que será compartilhado entre o cliente e o servidor:
-
-`theme.js`
-
-```js
-import { createTheme } from '@material-ui/core/styles';
-import red from '@material-ui/core/colors/red';
-
-// Cria a instância do tema.
-const theme = createTheme({
-  palette: {
-    primary: {
-      main: '#556cd6',
-    },
-    secondary: {
-      main: '#19857b',
-    },
-    error: {
-      main: red. A400,
-    },
-  },
-});
-
-export default theme;
-```
-
-### O lado do servidor
-
-A seguir um esboço para o aspecto do que o servidor deve lidar. We are going to set up an [Express middleware](https://expressjs.com/en/guide/using-middleware.html) using [app.use](https://expressjs.com/en/api.html) to handle all requests that come into the server. If you're unfamiliar with Express or middleware, know that the `handleRender` function will be called every time the server receives a request.
-
-`server.js`
-
-```js
-import express from 'express';
-
-// Vamos preenchê-las nas seções a seguir.
-function renderFullPage(html, css) {
-  /* ... */
-}
-
-function handleRender(req, res) {
-  /* ... */
-}
-
-const app = express();
-
-// Isso é acionado toda vez que o servidor recebe uma solicitação.
-app.use(handleRender);
-
-const port = 3000;
-app.listen(port);
-```
-
-### ### Manipulando as requests
-
-A primeira coisa que nós precisamos fazer em cada request é criar um novo `emotion cache`.
-
-When rendering, we will wrap `App`, the root component, inside a [`CacheProvider`](https://emotion.sh/docs/cache-provider) and [`ThemeProvider`](/system/styles/api/#themeprovider) to make the style configuration and the `theme` available to all components in the component tree.
-
-The key step in server-side rendering is to render the initial HTML of the component **before** we send it to the client-side. Para fazer isso, usamos [ReactDOMServer.renderToString()](https://react.dev/reference/react-dom/server/renderToString).
-
-MUI is using Emotion as its default styled engine. We need to extract the styles from the Emotion instance. For this, we need to share the same cache configuration for both the client and server:
-
-`getCache.js`
-
-```js
-import createCache from '@emotion/cache';
-
-export default function getCache() {
-  const cache = createCache({ key: 'css' });
-  cache.compat = true;
-  return cache;
-}
-```
-
-With this we are creating a new Emotion cache instance and using this to extract the critical styles for the html as well.
-
-Vamos ver como isso é passado na função `renderFullPage`.
-
-```jsx
-import express from 'express';
-import * as React from 'react';
-import * as ReactDOMServer from 'react-dom/server';
-import CssBaseline from '@material-ui/core/CssBaseline';
-import { ThemeProvider } from '@material-ui/core/styles';
-import createEmotionServer from '@emotion/server/create-instance';
-import App from './App';
-import theme from './theme';
-import getCache from './getCache';
-
-function handleRender(req, res) {
-  const cache = getCache();
-  const { extractCriticalToChunks, constructStyleTagsFromChunks } =
-    createEmotionServer(cache);
-
-  // Render the component to a string.
-  app.use(handleRender);
-
-const port = 3000;
-app.listen(port);
-  const html = ReactDOMServer.renderToString(
-    <CacheProvider value={cache}>
-      <ThemeProvider theme={theme}>
-        {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
-        <CssBaseline />
-        <App />
-      </ThemeProvider>
-    </CacheProvider>,
-  );
-
-  // Grab the CSS from emotion
-  const emotionChunks = extractCriticalToChunks(html);
-  const emotionCss = constructStyleTagsFromChunks(emotionChunks);
-
-  // Send the rendered page back to the client.
-  res.send(renderFullPage(html, emotionCss));
-}
-
-const app = express();
-
-app.use('/build', express.static('build'));
-
-// This is fired every time the server-side receives a request.
-app.use(handleRender);
-
-const port = 3000;
-app.listen(port);
-```
-
-### Inject initial component HTML and CSS
-
-The final step on the server-side is to inject the initial component HTML and CSS into a template to be rendered on the client-side.
-
-```js
-function renderFullPage(html, css) {
-  return `
-    <!DOCTYPE html>
-    <html>
-      <head>
-        <title>My page</title>
-        ${css}
-        <meta name="viewport" content="initial-scale=1, width=device-width" />
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
-      </head>
-      <body>
-        <div id="root">${html}</div>
-      </body>
-    </html>
-  `;
-}
-```
-
-### The client-side
-
-The client-side is straightforward. All we need to do is use the same cache configuration as the server-side. Vamos dar uma olhada no arquivo do cliente:
-
-`client.js`
-
-```jsx
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import CssBaseline from '@material-ui/core/CssBaseline';
-import { ThemeProvider } from '@material-ui/core/styles';
-import { CacheProvider } from '@emotion/react';
-import App from './App';
-import theme from './theme';
-import getCache from './getCache';
-
-function Main() {
-  return (
-    <CacheProvider value={getCache}>
-      <ThemeProvider theme={theme}>
-        {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
-        <CssBaseline />
-        <App />
-      </ThemeProvider>
-    </CacheProvider>
-  );
-} ReactDOM.hydrate(<Main />, document.querySelector('#root'));
-```
-
-## Implementações de referência
-
-We host different reference implementations which you can find in the [GitHub repository](https://github.com/mui/material-ui) under the [`/examples`](https://github.com/mui/material-ui/tree/HEAD/examples) folder:
-
-- [A implementação de referência deste tutorial](https://github.com/mui/material-ui/tree/HEAD/examples/material-express-ssr)
-- [Gatsby](https://github.com/mui/material-ui/tree/HEAD/examples/material-gatsby)
-- [Next.js](https://github.com/mui/material-ui/tree/HEAD/examples/material-next) ([TypeScript version](https://github.com/mui/material-ui/tree/HEAD/examples/material-next-ts))
-
-## Resolução de problemas
-
-Check out the FAQ answer: [My App doesn't render correctly on the server](/material-ui/getting-started/faq/#my-app-doesnt-render-correctly-on-the-server).
diff --git a/docs/data/material/guides/server-rendering/server-rendering-zh.md b/docs/data/material/guides/server-rendering/server-rendering-zh.md
deleted file mode 100644
index 92f74a3fb9e7bc..00000000000000
--- a/docs/data/material/guides/server-rendering/server-rendering-zh.md
+++ /dev/null
@@ -1,291 +0,0 @@
-# 服务端渲染
-
-<p class="description">服务器端呈现的最常见用例是在用户（或搜索引擎爬虫）首次请求您的应用时处理初次渲染。</p>
-
-当服务器收到请求时，它会将所需的组件呈现为 HTML 字符串，然后将其作为响应发送给客户端。 从那时起，客户端将接管渲染的职责。
-
-## 在服务器端的 Material-UI
-
-MUI was designed from the ground-up with the constraint of rendering on the server, but it's up to you to make sure it's correctly integrated. 为页面提供所需的 CSS 是至关重要的，否则页面只会渲染 HTML 而等待客户端注入 CSS，从而导致浏览器样式闪烁（FOUC）。 It's important to provide the page with the required CSS, otherwise the page will render with just the HTML then wait for the CSS to be injected by the client, causing it to flicker (FOUC). 若想将样式注入客户端，我们需要：
-
-1. Create a fresh, new [`emotion cache`](https://emotion.sh/docs/@emotion/cache) instance on every request.
-2. 用服务端收集器渲染 React 树组件。
-3. 将 CSS 单独拿出。
-4. 将 CSS 传递给客户端。
-
-On the client-side, the CSS will be injected a second time before removing the server-side injected CSS.
-
-## Setting up
-
-在下面的配置中，我们将了解如何设置服务器端的渲染。
-
-### 主题
-
-创建一个在客户端和服务端之间共享的主题：
-
-`theme.js`
-
-```js
-import { createTheme } from '@mui/material/styles';
-import { red } from '@mui/material/colors';
-
-// Create a theme instance.
-const theme = createTheme({
-  palette: {
-    primary: {
-      main: '#556cd6',
-    },
-    secondary: {
-      main: '#19857b',
-    },
-    error: {
-      main: red.A400,
-    },
-  },
-});
-
-export default theme;
-import { createTheme } from '@mui/core/styles';
-import red from '@mui/core/colors/red';
-
-// 创建一个主题的实例。
-```
-
-### 服务器端
-
-下面的大纲可以大致展现一下服务器端。 We are going to set up an [Express middleware](https://expressjs.com/en/guide/using-middleware.html) using [app.use](https://expressjs.com/en/api.html) to handle all requests that come into the server. If you're unfamiliar with Express or middleware, know that the `handleRender` function will be called every time the server receives a request. If you're unfamiliar with Express or middleware, know that the `handleRender` function will be called every time the server receives a request. If you're unfamiliar with Express or middleware, know that the `handleRender` function will be called every time the server receives a request.
-
-`server.js`
-
-```js
-import express from 'express';
-
-// 我们将在章节中填写这些需要遵守的内容。
-function renderFullPage(html, css) {
-  /* ... */
-}
-
-function handleRender(req, res) {
-  /* ... */
-}
-
-const app = express();
-
-// 每当服务器端接收到一个请求时，这个功能就会被触发。
-app.use(handleRender);
-
-const port = 3000;
-app.listen(port);
-```
-
-### Handling the request
-
-The first thing that we need to do on every request is to create a new `emotion cache`.
-
-When rendering, we will wrap `App`, the root component, inside a [`CacheProvider`](https://emotion.sh/docs/cache-provider) and [`ThemeProvider`](/system/styles/api/#themeprovider) to make the style configuration and the `theme` available to all components in the component tree.
-
-The key step in server-side rendering is to render the initial HTML of the component **before** we send it to the client-side. 我们用 [ReactDOMServer.renderToString()](https://react.dev/reference/react-dom/server/renderToString) 来实现此操作。 我们用 [ReactDOMServer.renderToString()](https://react.dev/reference/react-dom/server/renderToString) 来实现此操作。
-
-MUI is using Emotion as its default styled engine. We need to extract the styles from the Emotion instance. The client-side is straightforward. All we need to do is use the same cache configuration as the server-side. 让我们来看看客户端的文件：
-
-`getCache.js`
-
-```js
-import createCache from '@emotion/cache';
-
-export default function getCache() {
-  const cache = createCache({ key: 'css' });
-  cache.compat = true;
-  return cache;
-}
-```
-
-With this we are creating a new Emotion cache instance and using this to extract the critical styles for the html as well.
-
-我们将看到在 `renderFullPage` 函数中，是如何传递这些信息的。
-
-```jsx
-import express from 'express';
-import * as React from 'react';
-import * as ReactDOMServer from 'react-dom/server';
-import CssBaseline from '@mui/material/CssBaseline';
-import { ThemeProvider } from '@mui/material/styles';
-import { CacheProvider } from '@emotion/react';
-import createEmotionServer from '@emotion/server/create-instance';
-import App from './App';
-import theme from './theme';
-import createEmotionCache from './createEmotionCache';
-
-function handleRender(req, res) {
-  const cache = createEmotionCache();
-  const { extractCriticalToChunks, constructStyleTagsFromChunks } =
-    createEmotionServer(cache);
-
-  // Render the component to a string.
-  const html = ReactDOMServer.renderToString(
-    <CacheProvider value={cache}>
-      <ThemeProvider theme={theme}>
-        {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
-        <CssBaseline />
-        <App />
-      </ThemeProvider>
-    </CacheProvider>,
-  );
-
-  // Grab the CSS from emotion
-  const emotionChunks = extractCriticalToChunks(html);
-  const emotionCss = constructStyleTagsFromChunks(emotionChunks);
-
-  // Send the rendered page back to the client.
-  res.send(renderFullPage(html, emotionCss));
-}
-
-const app = express();
-
-app.use('/build', express.static('build'));
-
-// This is fired every time the server-side receives a request.
-app.use(handleRender);
-
-const port = 3000;
-app.listen(port); import express from 'express';
-import * as React from 'react';
-import * as ReactDOMServer from 'react-dom/server';
-import CssBaseline from '@mui/core/CssBaseline';
-import { ThemeProvider } from '@mui/core/styles';
-import createEmotionServer from '@emotion/server/create-instance';
-import App from './App';
-import theme from './theme';
-import getCache from './getCache';
-
-function handleRender(req, res) {
-  const cache = getCache();
-  const { extractCriticalToChunks, constructStyleTagsFromChunks } =
-    createEmotionServer(cache);
-
-  // 将组件渲染成字符串。 */}
-        <CssBaseline />
-        <App />
-      </ThemeProvider>
-    </CacheProvider>,
-  );
-
-  // Grab the CSS from emotion
-  const emotionChunks = extractCriticalToChunks(html);
-  const emotionCss = constructStyleTagsFromChunks(emotionChunks);
-
-  // Send the rendered page back to the client.
-  res.send(renderFullPage(html, emotionCss));
-}
-
-const app = express();
-
-app.use('/build', express.static('build'));
-
-// This is fired every time the server-side receives a request.
-app.use(handleRender);
-
-const port = 3000;
-app.listen(port);
-```
-
-### Inject initial component HTML and CSS
-
-The final step on the server-side is to inject the initial component HTML and CSS into a template to be rendered on the client-side.
-
-```js
-function renderFullPage(html, css) {
-  return `
-    <!DOCTYPE html>
-    <html>
-      <head>
-        <title>My page</title>
-        ${css}
-        <meta name="viewport" content="initial-scale=1, width=device-width" />
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
-      </head>
-      <body>
-        <div id="root">${html}</div>
-      </body>
-    </html>
-  `;
-}
-```
-
-### The client-side
-
-The client-side is straightforward. All we need to do is use the same cache configuration as the server-side. Let's take a look at the client file:
-
-`client.js`
-
-```jsx
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import CssBaseline from '@mui/core/CssBaseline';
-import { ThemeProvider } from '@mui/core/styles';
-import { CacheProvider } from '@emotion/react';
-import App from './App';
-import theme from './theme';
-import getCache from './getCache';
-
-function Main() {
-  return (
-    <CacheProvider value={getCache}>
-      <ThemeProvider theme={theme}>
-        {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
-        <CssBaseline />
-        <App />
-      </ThemeProvider>
-    </CacheProvider>
-  );
-}
-
-ReactDOM.hydrate(<Main />, document.querySelector('#root'));
-  const html = ReactDOMServer.renderToString(
-    <CacheProvider value={cache}>
-      <ThemeProvider theme={theme}>
-        {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
-        <CssBaseline />
-        <App />
-      </ThemeProvider>
-    </CacheProvider>,
-  );
-
-  // Grab the CSS from emotion
-  const emotionChunks = extractCriticalToChunks(html);
-  const emotionCss = constructStyleTagsFromChunks(emotionChunks);
-
-  // Send the rendered page back to the client.
-  res.send(renderFullPage(html, emotionCss));
-}
-
-const app = express();
-
-app.use('/build', express.static('build'));
-
-// This is fired every time the server-side receives a request.
-app.use(handleRender);
-
-const port = 3000;
-app.listen(port); */}
-        <CssBaseline />
-        <App />
-      </ThemeProvider>
-    </CacheProvider>
-  );
-}
-
-ReactDOM.hydrate(<Main />, document.querySelector('#root'));
-```
-
-## 参考实现
-
-We host different reference implementations which you can find in the [GitHub repository](https://github.com/mui/material-ui) under the [`/examples`](https://github.com/mui/material-ui/tree/HEAD/examples) folder:
-
-- [本教程的参考实现](https://github.com/mui/material-ui/tree/HEAD/examples/material-express-ssr)
-- [Gatsby](https://github.com/mui/material-ui/tree/HEAD/examples/material-gatsby)
-- [Next.js](https://github.com/mui/material-ui/tree/HEAD/examples/material-next) ([TypeScript version](https://github.com/mui/material-ui/tree/HEAD/examples/material-next-ts))
-
-## 故障排除（Troubleshooting）
-
-Check out the FAQ answer: [My App doesn't render correctly on the server](/material-ui/getting-started/faq/#my-app-doesnt-render-correctly-on-the-server).
diff --git a/docs/data/material/guides/server-rendering/server-rendering.md b/docs/data/material/guides/server-rendering/server-rendering.md
index b0b1ed80c48131..f1f9e62e69760a 100644
--- a/docs/data/material/guides/server-rendering/server-rendering.md
+++ b/docs/data/material/guides/server-rendering/server-rendering.md
@@ -127,7 +127,8 @@ function handleRender(req, res) {
   const html = ReactDOMServer.renderToString(
     <CacheProvider value={cache}>
       <ThemeProvider theme={theme}>
-        {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
+        {/* CssBaseline kickstart an elegant, consistent, and simple baseline
+            to build upon. */}
         <CssBaseline />
         <App />
       </ThemeProvider>
@@ -166,7 +167,12 @@ function renderFullPage(html, css) {
         <title>My page</title>
         ${css}
         <meta name="viewport" content="initial-scale=1, width=device-width" />
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+          rel="stylesheet"
+          href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
+        />
       </head>
       <body>
         <div id="root">${html}</div>
@@ -200,7 +206,8 @@ function Main() {
   return (
     <CacheProvider value={cache}>
       <ThemeProvider theme={theme}>
-        {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
+        {/* CssBaseline kickstart an elegant, consistent, and simple baseline
+            to build upon. */}
         <CssBaseline />
         <App />
       </ThemeProvider>
@@ -213,12 +220,5 @@ ReactDOM.hydrate(<Main />, document.querySelector('#root'));
 
 ## Reference implementations
 
-We host different reference implementations which you can find in the [GitHub repository](https://github.com/mui/material-ui) under the [`/examples`](https://github.com/mui/material-ui/tree/HEAD/examples) folder:
-
-- [The reference implementation of this tutorial](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-express-ssr)
-- [Gatsby](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-gatsby)
-- [Next.js](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs) ([TypeScript version](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-ts))
-
-## Troubleshooting
-
-Check out the FAQ answer: [My App doesn't render correctly on the server](/material-ui/getting-started/faq/#my-app-doesnt-render-correctly-on-the-server).
+Here is [the reference implementation of this tutorial](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-express-ssr).
+You can more SSR implementations in the GitHub repository under the `/examples` folder, see [the other examples](/material-ui/getting-started/example-projects/).
diff --git a/docs/data/material/guides/styled-engine/styled-engine-pt.md b/docs/data/material/guides/styled-components/styled-components-pt.md
similarity index 90%
rename from docs/data/material/guides/styled-engine/styled-engine-pt.md
rename to docs/data/material/guides/styled-components/styled-components-pt.md
index bb05ed49543630..d279756df3e74a 100644
--- a/docs/data/material/guides/styled-engine/styled-engine-pt.md
+++ b/docs/data/material/guides/styled-components/styled-components-pt.md
@@ -7,7 +7,7 @@ The default style library used for generating CSS styles for Material-UI compone
 ## How to switch to styled-components
 
 :::error
-❗ **Warning**: Using `styled-components` as an engine at this moment is not working when used in a SSR projects. The reason is that the `babel-plugin-styled-components` is not picking up correctly the usages of the `styled()` utility inside the `@mui` packages. For more details, take a look at this [issue](https://github.com/mui/material-ui/issues/29742). We strongly recommend using `emotion` for SSR projects.
+**Warning**: Using `styled-components` as an engine at this moment is not working when used in a SSR projects. The reason is that the `babel-plugin-styled-components` is not picking up correctly the usages of the `styled()` utility inside the `@mui` packages. For more details, take a look at this [issue](https://github.com/mui/material-ui/issues/29742). We strongly recommend using `emotion` for SSR projects.
 :::
 
 If you already have [styled-components](https://github.com/styled-components/styled-components) installed, it's possible to use it exclusively. There are currently two packages available to choose from:
diff --git a/docs/data/material/guides/styled-engine/styled-engine-zh.md b/docs/data/material/guides/styled-components/styled-components-zh.md
similarity index 89%
rename from docs/data/material/guides/styled-engine/styled-engine-zh.md
rename to docs/data/material/guides/styled-components/styled-components-zh.md
index d1843a6ab4d4fe..6f2fdd46eeba73 100644
--- a/docs/data/material/guides/styled-engine/styled-engine-zh.md
+++ b/docs/data/material/guides/styled-components/styled-components-zh.md
@@ -7,7 +7,7 @@
 ## 如何切换到 styled-components
 
 :::error
-❗ **Warning**: Using `styled-components` as an engine at this moment is not working when used in a SSR projects. The reason is that the `babel-plugin-styled-components` is not picking up correctly the usages of the `styled()` utility inside the `@mui` packages. For more details, take a look at this [issue](https://github.com/mui/material-ui/issues/29742). We strongly recommend using `emotion` for SSR projects.
+**Warning**: Using `styled-components` as an engine at this moment is not working when used in a SSR projects. The reason is that the `babel-plugin-styled-components` is not picking up correctly the usages of the `styled()` utility inside the `@mui` packages. For more details, take a look at this [issue](https://github.com/mui/material-ui/issues/29742). We strongly recommend using `emotion` for SSR projects.
 :::
 
 If you already have [styled-components](https://github.com/styled-components/styled-components) installed, it's possible to use it exclusively. There are currently two packages available to choose from:
diff --git a/docs/data/material/guides/styled-components/styled-components.md b/docs/data/material/guides/styled-components/styled-components.md
new file mode 100644
index 00000000000000..d08a54e727b7df
--- /dev/null
+++ b/docs/data/material/guides/styled-components/styled-components.md
@@ -0,0 +1,115 @@
+# Using styled-components
+
+<p class="description">Learn how to use styled-components instead of Emotion with Material UI.</p>
+
+:::error
+As of late 2021, [styled-components](https://github.com/styled-components/styled-components) is **not compatible** with server-rendered Material UI projects.
+This is because `babel-plugin-styled-components` isn't able to work with the `styled()` utility inside `@mui` packages.
+See [this GitHub issue](https://github.com/mui/material-ui/issues/29742) for more details.
+
+We **strongly recommend** using Emotion for SSR projects.
+:::
+
+By default, Material UI uses [Emotion](https://github.com/emotion-js/emotion) to generate CSS styles.
+All components rely on the `styled()` API to inject CSS into the page.
+This API is supported by multiple popular styling libraries, which makes it possible to switch between them in Material UI.
+
+MUI provides two different packages to wrap your chosen styling solution for compatibility with Material UI:
+
+- `@mui/styled-engine`: a thin wrapper around Emotion's [`styled()`](https://emotion.sh/docs/styled) API that includes required utilities like the `<GlobalStyles />` component, the `css` and `keyframe` helpers, and more. This is the default, and you do not need to install it.
+- `@mui/styled-engine-sc`: a similar wrapper, but specifically tailored for styled-components. You must install and implement this package to use styled-components with Material UI.
+
+These two packages implement the same interface, making them interchangeable.
+
+## Bundler configuration
+
+By default, `@mui/material` has `@mui/styled-engine` as a dependency.
+To use styled-components, you need to configure your bundler to replace it with `@mui/styled-engine-sc`.
+
+### With yarn
+
+If you're using yarn, you can configure it using a package resolution:
+
+**package.json**
+
+<!-- #default-branch-switch -->
+
+```diff
+ {
+   "dependencies": {
+-    "@mui/styled-engine": "latest"
++    "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
+   },
++  "resolutions": {
++    "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
++  },
+ }
+```
+
+### With npm
+
+Because package resolutions aren't available with npm, you must update your bundler's config to add this alias.
+The example below shows how to do this with Webpack:
+
+**webpack.config.js**
+
+```diff
+ module.exports = {
+   //...
++  resolve: {
++    alias: {
++      '@mui/styled-engine': '@mui/styled-engine-sc'
++    },
++  },
+ };
+```
+
+For TypeScript, you must also update the `tsconfig.json` as shown here:
+
+**tsconfig.json**
+
+```diff
+ {
+   "compilerOptions": {
++    "paths": {
++      "@mui/styled-engine": ["./node_modules/@mui/styled-engine-sc"]
++    }
+   },
+ }
+```
+
+### Next.js
+
+**next.config.js**
+
+```diff
++const withTM = require('next-transpile-modules')([
++  '@mui/material',
++  '@mui/system',
++  '@mui/icons-material', // If @mui/icons-material is being used
++]);
+
++module.exports = withTM({
+ webpack: (config) => {
+   config.resolve.alias = {
+     ...config.resolve.alias,
++    '@mui/styled-engine': '@mui/styled-engine-sc',
+    };
+    return config;
+  }
++});
+```
+
+## Ready-to-use examples
+
+MUI provides boilerplate examples of Create React App with Material UI and styled-components in both JavaScript and TypeScript:
+
+<!-- #default-branch-switch -->
+
+- [Material UI + CRA + styled-components (JavaScript)](https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-styled-components)
+- [Material UI + CRA + styled-components (TypeScript)](https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-styled-components-ts)
+
+:::warning
+`@emotion/react`, `@emotion/styled`, and `styled-components` are optional peer dependencies of `@mui/material`, so you need to install them yourself.
+See the [Installation guide](/material-ui/getting-started/installation/) for more info.
+:::
diff --git a/docs/data/material/guides/styled-engine/styled-engine.md b/docs/data/material/guides/styled-engine/styled-engine.md
deleted file mode 100644
index 07b4a08ea92763..00000000000000
--- a/docs/data/material/guides/styled-engine/styled-engine.md
+++ /dev/null
@@ -1,206 +0,0 @@
-# `@mui/styled-engine`
-
-<p class="description">Configuring your preferred styling library.</p>
-
-The default style library used for generating CSS styles for Material UI components is [Emotion](https://github.com/emotion-js/emotion).
-All of the Material UI components rely on the `styled()` API to inject CSS into the page.
-This API is supported by multiple popular styling libraries, which makes it possible to switch between them in Material UI.
-
-## How to switch to styled-components
-
-:::error
-Using `styled-components` as an engine at this moment is not working when used in a SSR projects.
-The reason is that the `babel-plugin-styled-components` is not picking up correctly the usages of the `styled()` utility inside the `@mui` packages.
-For more details, take a look at this [issue](https://github.com/mui/material-ui/issues/29742).
-We strongly recommend using Emotion for SSR projects.
-:::
-
-If you already have [styled-components](https://github.com/styled-components/styled-components) installed, it's possible to use it exclusively.
-There are currently two packages available to choose from:
-
-- `@mui/styled-engine` - a thin wrapper around [emotion's `styled()`](https://emotion.sh/docs/styled) API, with the addition of few other required utilities, such as the `<GlobalStyles />` component, the `css` and `keyframe` helpers, etc. This is the default.
-- `@mui/styled-engine-sc` - a similar wrapper around `styled-components`.
-
-These two packages implement the same interface, which makes it possible to replace one with the other.
-By default, `@mui/material` has `@mui/styled-engine` as a dependency, but you can configure your bundler to replace it with `@mui/styled-engine-sc`.
-
-### yarn
-
-If you are using yarn, you can configure it using a package resolution:
-
-**package.json**
-
-<!-- #default-branch-switch -->
-
-```diff
- {
-   "dependencies": {
--    "@mui/styled-engine": "latest"
-+    "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
-   },
-+  "resolutions": {
-+    "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
-+  },
- }
-```
-
-### npm
-
-As package resolutions are not available in npm at this moment, you need to update you bundler's config to add this alias. Here is an example of how you can do it, if you use `webpack`:
-
-**webpack.config.js**
-
-```diff
- module.exports = {
-   //...
-+  resolve: {
-+    alias: {
-+      '@mui/styled-engine': '@mui/styled-engine-sc'
-+    },
-+  },
- };
-```
-
-If you are using TypeScript, you will need to also update the TSConfig.
-
-**tsconfig.json**
-
-```diff
- {
-   "compilerOptions": {
-+    "paths": {
-+      "@mui/styled-engine": ["./node_modules/@mui/styled-engine-sc"]
-+    }
-   },
- }
-```
-
-### Next.js
-
-**next.config.js**
-
-```diff
-+const withTM = require('next-transpile-modules')([
-+  '@mui/material',
-+  '@mui/system',
-+  '@mui/icons-material', // If @mui/icons-material is being used
-+]);
-
-+module.exports = withTM({
- webpack: (config) => {
-   config.resolve.alias = {
-     ...config.resolve.alias,
-+    '@mui/styled-engine': '@mui/styled-engine-sc',
-    };
-    return config;
-  }
-+});
-```
-
-### Ready-to-use examples
-
-If you are using create-react-app, there is a ready-to-use template in the example projects.
-You can use these `styled-component` examples as a reference:
-
-<!-- #default-branch-switch -->
-
-- [create-react-app](https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-styled-components)
-- [create-react-app with TypeScript](https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-styled-components-ts)
-- [and many others](https://github.com/mui/material-ui/tree/master/examples)
-
-:::warning
-`@emotion/react`, `@emotion/styled`, and `styled-components` are optional peer dependencies of `@mui/material`, so you need to install them yourself. See the [Installation guide](/material-ui/getting-started/installation/) for more info.
-:::
-
-This package-swap approach is identical to the replacement of React with [Preact](https://github.com/preactjs/preact). The Preact team has documented a large number of installation configurations. If you are stuck with Material UI + styled-components, don't hesitate to check out how they solve the problem, as you can likely transfer the solution.
-
-## Theme scoping
-
-:::warning
-Having more than one styling libraries could introduce unnecessary complexity to your project. You should have a very good reason to do this.
-:::
-
-Material UI, starting from [v5.12.0](https://github.com/mui/material-ui/releases/tag/v5.12.0), can coexist with other libraries that depend on emotion or styled-components. To do that, render Material UI's `ThemeProvider` as an inner provider and use the `THEME_ID` to store the theme.
-
-```js
-import { ThemeProvider, THEME_ID, createTheme } from '@mui/material/styles';
-import { AnotherThemeProvider } from 'another-ui-library';
-
-const materialTheme = createTheme(…your theme);
-
-function App() {
-  return (
-    <AnotherThemeProvider>
-      <ThemeProvider theme={{ [THEME_ID]: materialTheme }}>
-        …components from another library and Material UI
-      </ThemeProvider>
-    </AnotherThemeProvider>
-  )
-}
-```
-
-The theme of Material UI will be separated from the other library, so when you use APIs such as `styled`, `sx` prop, and `useTheme`, you will be able to access Material UI's theme like you normally would.
-
-### Minimum version
-
-[Theme scoping](https://github.com/mui/material-ui/pull/36664) has been added to Material UI v5.12.0, so be sure you're running at that version or higher.
-
-### Using with [Theme UI](https://theme-ui.com/)
-
-Render Material UI's theme provider below Theme UI's provider and assign the material theme to the `THEME_ID` property.
-
-```js
-import { ThemeUIProvider } from 'theme-ui';
-import { createTheme as materialCreateTheme, THEME_ID } from '@mui/material/styles';
-
-const themeUITheme = {
-  fonts: {
-    body: 'system-ui, sans-serif',
-    heading: '"Avenir Next", sans-serif',
-    monospace: 'Menlo, monospace',
-  },
-  colors: {
-    text: '#000',
-    background: '#fff',
-    primary: '#33e',
-  },
-};
-
-const materialTheme = materialCreateTheme();
-
-function App() {
-  return (
-    <ThemeUIProvider theme={themeUITheme}>
-      <MaterialThemeProvider theme={{ [THEME_ID]: materialTheme }}>
-        Theme UI components and Material UI components
-      </MaterialThemeProvider>
-    </ThemeUIProvider>
-  );
-}
-```
-
-### Using with Chakra UI
-
-Render Material UI's theme provider below Chakra UI's provider and assign the material theme to the `THEME_ID` property.
-
-```js
-import { ChakraProvider, extendTheme as chakraExtendTheme } from '@chakra-ui/react';
-import {
-  ThemeProvider as MaterialThemeProvider,
-  createTheme as muiCreateTheme,
-  THEME_ID,
-} from '@mui/material/styles';
-
-const chakraTheme = chakraExtendTheme();
-const materialTheme = muiCreateTheme();
-
-function App() {
-  return (
-    <ChakraProvider theme={chakraTheme} resetCSS>
-      <MaterialThemeProvider theme={{ [THEME_ID]: materialTheme }}>
-        Chakra UI components and Material UI components
-      </MaterialThemeProvider>
-    </ChakraProvider>
-  );
-}
-```
diff --git a/docs/data/material/guides/theme-scoping/theme-scoping.md b/docs/data/material/guides/theme-scoping/theme-scoping.md
new file mode 100644
index 00000000000000..4a73c7b2e0ad6b
--- /dev/null
+++ b/docs/data/material/guides/theme-scoping/theme-scoping.md
@@ -0,0 +1,95 @@
+# Theme scoping
+
+<p class="description">Learn how to use multiple styling solutions in a single Material UI app.</p>
+
+:::warning
+Having more than one styling library can introduce unnecessary complexity to your project.
+You should have a very good reason to do this.
+:::
+
+Starting with [v5.12.0](https://github.com/mui/material-ui/releases/tag/v5.12.0), Material UI can coexist with other component libraries that depend on Emotion or styled-components—this is possible thanks to _theme scoping_.
+
+To do this, you need to render Material UI's `ThemeProvider` as an inner provider and use the `THEME_ID` to store the theme, as shown below:
+
+```js
+import { ThemeProvider, THEME_ID, createTheme } from '@mui/material/styles';
+import { AnotherThemeProvider } from 'another-ui-library';
+
+const materialTheme = createTheme(/* your theme */);
+
+function App() {
+  return (
+    <AnotherThemeProvider>
+      <ThemeProvider theme={{ [THEME_ID]: materialTheme }}>
+        {/* components from another library and Material UI */}
+      </ThemeProvider>
+    </AnotherThemeProvider>
+  );
+}
+```
+
+The Material UI theme will be separated from the other library, so when you use APIs such as `styled`, the `sx` prop, and `useTheme`, you'll be able to access Material UI's theme like you normally would.
+
+## Minimum version
+
+[Theme scoping](https://github.com/mui/material-ui/pull/36664) was introduced in Material UI v5.12.0, so make sure you're running that version or higher.
+
+### Using with Theme UI
+
+Render Material UI's theme provider below Theme UI's provider and assign the Material theme to the `THEME_ID` property:
+
+```js
+import { ThemeUIProvider } from 'theme-ui';
+import { createTheme as materialCreateTheme, THEME_ID } from '@mui/material/styles';
+
+const themeUITheme = {
+  fonts: {
+    body: 'system-ui, sans-serif',
+    heading: '"Avenir Next", sans-serif',
+    monospace: 'Menlo, monospace',
+  },
+  colors: {
+    text: '#000',
+    background: '#fff',
+    primary: '#33e',
+  },
+};
+
+const materialTheme = materialCreateTheme();
+
+function App() {
+  return (
+    <ThemeUIProvider theme={themeUITheme}>
+      <MaterialThemeProvider theme={{ [THEME_ID]: materialTheme }}>
+        Theme UI components and Material UI components
+      </MaterialThemeProvider>
+    </ThemeUIProvider>
+  );
+}
+```
+
+### Using with Chakra UI
+
+Render Material UI's theme provider below Chakra UI's provider and assign the material theme to the `THEME_ID` property:
+
+```js
+import { ChakraProvider, extendTheme as chakraExtendTheme } from '@chakra-ui/react';
+import {
+  ThemeProvider as MaterialThemeProvider,
+  createTheme as muiCreateTheme,
+  THEME_ID,
+} from '@mui/material/styles';
+
+const chakraTheme = chakraExtendTheme();
+const materialTheme = muiCreateTheme();
+
+function App() {
+  return (
+    <ChakraProvider theme={chakraTheme} resetCSS>
+      <MaterialThemeProvider theme={{ [THEME_ID]: materialTheme }}>
+        Chakra UI components and Material UI components
+      </MaterialThemeProvider>
+    </ChakraProvider>
+  );
+}
+```
diff --git a/docs/data/material/guides/understand-mui-packages/understand-mui-packages-pt.md b/docs/data/material/guides/understand-mui-packages/understand-mui-packages-pt.md
deleted file mode 100644
index b5cbdac7fc5e53..00000000000000
--- a/docs/data/material/guides/understand-mui-packages/understand-mui-packages-pt.md
+++ /dev/null
@@ -1,116 +0,0 @@
-# Understanding MUI packages
-
-<p class="description">An overview of the MUI packages and the relationships between them.</p>
-
-## Overview
-
-- If you want to build a design system based on Material Design, use `@mui/material`.
-- If you want to build with components that give you complete control over your app's CSS, use `@mui/base`.
-- For CSS utilities to help in laying out custom designs with Material UI or Base UI, use `@mui/system`.
-
-### Glossary
-
-- **install** refers to running `yarn add $module` or `npm install $module`.
-- **import** refers to making a module API available in your code by adding `import ... from '$module'`.
-
-## MUI packages
-
-The following is an up-to-date list of `@mui` public packages.
-
-- `@mui/material`
-- `@mui/base`
-- `@mui/system`
-- `@mui/styled-engine`
-- `@mui/styled-engine-sc`
-- `@mui/styles`
-
-### Understanding MUI's products
-
-As a company, MUI maintains a suite of open-source and open-core React UI projects. These projects live within two product lines: MUI Core and MUI X.
-
-The following chart illustrates how MUI's packages are related to one another:
-
-<img src="/static/images/packages/mui-packages.png" style="width: 796px; margin-top: 4px; margin-bottom: 8px;" alt="The first half of the image shows @mui/material and @mui/base as component libraries, and @mui/system and styled engines as styling solutions, both under the MUI Core umbrella. The second half shows @mui/x-data-grid and @mui/x-date-pickers as components from MUI X." />
-
-In this article, we'll only cover the MUI Core packages. Visit the [MUI X Overview](/x/introduction/) for more information about our collection of advanced components.
-
-## Component libraries
-
-### Material UI
-
-Material UI is a comprehensive library of components that features our implementation of Google's Material Design.
-
-`@mui/system` is included as dependency, meaning you don't need to install or import it separately—you can import its components and functions directly from `@mui/material`.
-
-### Base UI
-
-[Base UI](/base-ui/getting-started/) is our library of "unstyled" components and hooks. With Base, you gain complete control over your app's CSS and accessibility features.
-
-The Base package includes prebuilt components with production-ready functionality, along with low-level hooks for transferring that functionality to other components.
-
-### Using them together
-
-Imagine you're working on an application that uses `@mui/material` with a custom theme, and you need to develop a new switch component that looks very different from the one found in Material Design.
-
-In this case, instead of overriding all the styles on the Material UI `Switch` component, you can use the `styled` API to customize the Base `SwitchUnstyled` component from scratch:
-
-```js
-import { styled } from '@mui/material/styles';
-import SwitchUnstyled, { switchUnstyledClasses } from '@mui/base/SwitchUnstyled';
-
-const Root = styled('span')(`
-  position: relative;
-  display: inline-block;
-  width: 32px;
-  height: 20px;
-
-  & .${switchUnstyledClasses.track} {
-    // ...css
-  }
-
-  & .${switchUnstyledClasses.thumb} {
-    // ...css
-  }
-`);
-
-export default function CustomSwitch() {
-  const label = { componentsProps: { input: { 'aria-label': 'Demo switch' } } };
-
-  return <SwitchUnstyled component={Root} {...label} />;
-}
-```
-
-## Styling
-
-### Styled engines
-
-Material UI relies on styling engines to inject CSS into your app. These engines come in two packages:
-
-- `@mui/styled-engine`
-- `@mui/styled-engine-sc`
-
-By default, Material UI uses [Emotion](https://emotion.sh/docs/styled) as its styling engine—it's included in the [installation](/material-ui/getting-started/installation/) process. If you plan to stick with Emotion, then `@mui/styled-engine` is a dependency in your app, and you don't need to install it separately.
-
-If you prefer to use [styled-components](https://styled-components.com/docs/basics#getting-started), then you need to install `@mui/styled-engine-sc` in place of the Emotion packages. See the [Styled engine guide](/material-ui/guides/styled-engine/) for more details.
-
-In either case, you won't interact much with either of these packages beyond installation—they're used internally in `@mui/system`.
-
-:::warning
-⚠ **Note:** prior to v5, Material UI used `@mui/styles` as a JSS wrapper. This package is now deprecated and will be removed in the future. Check out [the guide to migrating from v4 to v5](/material-ui/migration/migration-v4/) to learn how to upgrade to a newer solution.
-:::
-
-### MUI System
-
-MUI System is a collection of CSS utilities to help you rapidly lay out custom designs. It uses the Emotion adapter (`@mui/styled-engine`) as the default style engine to create the CSS utilities.
-
-#### Advantages of MUI System
-
-- You have full control of the `theme` object.
-- You can use `sx` prop normally as the `styled` API supports it by default.
-- You can have themeable components by using `styled` via slots and variants.
-
-:::warning
-To use MUI System, you must install either Emotion or styled-components, because the respective `styled-engine` package depends on it.
-:::
-
-<img src="/static/images/packages/mui-system.png" style="width: 796px; margin-top: 4px; margin-bottom: 8px;" alt="A diagram showing an arrow going from @mui/system to @mui/styled-engine, with a note that it is the default engine. Then, from @mui/styled-engine a solid arrow points to @emotion/react and @emotion/styled while a dashed arrow points to @mui/styled-engine-sc, which points to styled-components." />
diff --git a/docs/data/material/guides/understand-mui-packages/understand-mui-packages-zh.md b/docs/data/material/guides/understand-mui-packages/understand-mui-packages-zh.md
deleted file mode 100644
index b5cbdac7fc5e53..00000000000000
--- a/docs/data/material/guides/understand-mui-packages/understand-mui-packages-zh.md
+++ /dev/null
@@ -1,116 +0,0 @@
-# Understanding MUI packages
-
-<p class="description">An overview of the MUI packages and the relationships between them.</p>
-
-## Overview
-
-- If you want to build a design system based on Material Design, use `@mui/material`.
-- If you want to build with components that give you complete control over your app's CSS, use `@mui/base`.
-- For CSS utilities to help in laying out custom designs with Material UI or Base UI, use `@mui/system`.
-
-### Glossary
-
-- **install** refers to running `yarn add $module` or `npm install $module`.
-- **import** refers to making a module API available in your code by adding `import ... from '$module'`.
-
-## MUI packages
-
-The following is an up-to-date list of `@mui` public packages.
-
-- `@mui/material`
-- `@mui/base`
-- `@mui/system`
-- `@mui/styled-engine`
-- `@mui/styled-engine-sc`
-- `@mui/styles`
-
-### Understanding MUI's products
-
-As a company, MUI maintains a suite of open-source and open-core React UI projects. These projects live within two product lines: MUI Core and MUI X.
-
-The following chart illustrates how MUI's packages are related to one another:
-
-<img src="/static/images/packages/mui-packages.png" style="width: 796px; margin-top: 4px; margin-bottom: 8px;" alt="The first half of the image shows @mui/material and @mui/base as component libraries, and @mui/system and styled engines as styling solutions, both under the MUI Core umbrella. The second half shows @mui/x-data-grid and @mui/x-date-pickers as components from MUI X." />
-
-In this article, we'll only cover the MUI Core packages. Visit the [MUI X Overview](/x/introduction/) for more information about our collection of advanced components.
-
-## Component libraries
-
-### Material UI
-
-Material UI is a comprehensive library of components that features our implementation of Google's Material Design.
-
-`@mui/system` is included as dependency, meaning you don't need to install or import it separately—you can import its components and functions directly from `@mui/material`.
-
-### Base UI
-
-[Base UI](/base-ui/getting-started/) is our library of "unstyled" components and hooks. With Base, you gain complete control over your app's CSS and accessibility features.
-
-The Base package includes prebuilt components with production-ready functionality, along with low-level hooks for transferring that functionality to other components.
-
-### Using them together
-
-Imagine you're working on an application that uses `@mui/material` with a custom theme, and you need to develop a new switch component that looks very different from the one found in Material Design.
-
-In this case, instead of overriding all the styles on the Material UI `Switch` component, you can use the `styled` API to customize the Base `SwitchUnstyled` component from scratch:
-
-```js
-import { styled } from '@mui/material/styles';
-import SwitchUnstyled, { switchUnstyledClasses } from '@mui/base/SwitchUnstyled';
-
-const Root = styled('span')(`
-  position: relative;
-  display: inline-block;
-  width: 32px;
-  height: 20px;
-
-  & .${switchUnstyledClasses.track} {
-    // ...css
-  }
-
-  & .${switchUnstyledClasses.thumb} {
-    // ...css
-  }
-`);
-
-export default function CustomSwitch() {
-  const label = { componentsProps: { input: { 'aria-label': 'Demo switch' } } };
-
-  return <SwitchUnstyled component={Root} {...label} />;
-}
-```
-
-## Styling
-
-### Styled engines
-
-Material UI relies on styling engines to inject CSS into your app. These engines come in two packages:
-
-- `@mui/styled-engine`
-- `@mui/styled-engine-sc`
-
-By default, Material UI uses [Emotion](https://emotion.sh/docs/styled) as its styling engine—it's included in the [installation](/material-ui/getting-started/installation/) process. If you plan to stick with Emotion, then `@mui/styled-engine` is a dependency in your app, and you don't need to install it separately.
-
-If you prefer to use [styled-components](https://styled-components.com/docs/basics#getting-started), then you need to install `@mui/styled-engine-sc` in place of the Emotion packages. See the [Styled engine guide](/material-ui/guides/styled-engine/) for more details.
-
-In either case, you won't interact much with either of these packages beyond installation—they're used internally in `@mui/system`.
-
-:::warning
-⚠ **Note:** prior to v5, Material UI used `@mui/styles` as a JSS wrapper. This package is now deprecated and will be removed in the future. Check out [the guide to migrating from v4 to v5](/material-ui/migration/migration-v4/) to learn how to upgrade to a newer solution.
-:::
-
-### MUI System
-
-MUI System is a collection of CSS utilities to help you rapidly lay out custom designs. It uses the Emotion adapter (`@mui/styled-engine`) as the default style engine to create the CSS utilities.
-
-#### Advantages of MUI System
-
-- You have full control of the `theme` object.
-- You can use `sx` prop normally as the `styled` API supports it by default.
-- You can have themeable components by using `styled` via slots and variants.
-
-:::warning
-To use MUI System, you must install either Emotion or styled-components, because the respective `styled-engine` package depends on it.
-:::
-
-<img src="/static/images/packages/mui-system.png" style="width: 796px; margin-top: 4px; margin-bottom: 8px;" alt="A diagram showing an arrow going from @mui/system to @mui/styled-engine, with a note that it is the default engine. Then, from @mui/styled-engine a solid arrow points to @emotion/react and @emotion/styled while a dashed arrow points to @mui/styled-engine-sc, which points to styled-components." />
diff --git a/docs/data/material/guides/understand-mui-packages/understand-mui-packages.md b/docs/data/material/guides/understand-mui-packages/understand-mui-packages.md
index a4b10519bc1bf3..1ff4271f9acadd 100644
--- a/docs/data/material/guides/understand-mui-packages/understand-mui-packages.md
+++ b/docs/data/material/guides/understand-mui-packages/understand-mui-packages.md
@@ -22,7 +22,6 @@ The following is an up-to-date list of `@mui` public packages.
 - `@mui/system`
 - `@mui/styled-engine`
 - `@mui/styled-engine-sc`
-- `@mui/styles`
 
 ### Understanding MUI's products
 
@@ -31,7 +30,7 @@ These projects live within two product lines: MUI Core and MUI X.
 
 The following chart illustrates how MUI's packages are related to one another:
 
-<img src="/static/images/packages/mui-packages.png" style="width: 600px; margin-top: 4px; margin-bottom: 8px;" alt="The first half of the image shows @mui/material and @mui/base as component libraries, and @mui/system and styled engines as styling solutions, both under the MUI Core umbrella. The second half shows @mui/x-data-grid and @mui/x-date-pickers as components from MUI X." width="1200" height="600" />
+<img src="/static/images/packages/mui-packages.png" style="width: 814px; margin-top: 4px; margin-bottom: 8px;" alt="The first half of the image shows @mui/material and @mui/base as component libraries, and @mui/system and styled engines as styling solutions, both under the MUI Core umbrella. The second half shows @mui/x-data-grid and @mui/x-date-pickers as components from MUI X." width="1628" height="400" />
 
 In this article, we'll only cover the MUI Core packages.
 Visit the [MUI X Overview](/x/introduction/) for more information about our collection of advanced components.
@@ -46,8 +45,8 @@ Material UI is a comprehensive library of components that features our implement
 
 ### Base UI
 
-[Base UI](/base-ui/getting-started/) is our library of "unstyled" components and hooks.
-With Base, you gain complete control over your app's CSS and accessibility features.
+[Base UI](/base-ui/) is a library of unstyled React UI components and hooks.
+With Base UI, you gain complete control over your app's CSS and accessibility features.
 
 The Base package includes prebuilt components with production-ready functionality, along with low-level hooks for transferring that functionality to other components.
 
@@ -97,7 +96,7 @@ By default, Material UI uses [Emotion](https://emotion.sh/docs/styled) as its st
 If you plan to stick with Emotion, then `@mui/styled-engine` is a dependency in your app, and you don't need to install it separately.
 
 If you prefer to use [styled-components](https://styled-components.com/docs/basics#getting-started), then you need to install `@mui/styled-engine-sc` in place of the Emotion packages.
-See the [Styled engine guide](/material-ui/guides/styled-engine/) for more details.
+See the [styled-components guide](/material-ui/guides/styled-components/) for more details.
 
 In either case, you won't interact much with either of these packages beyond installation—they're used internally in `@mui/system`.
 
@@ -122,4 +121,4 @@ It uses the Emotion adapter (`@mui/styled-engine`) as the default style engine t
 To use MUI System, you must install either Emotion or styled-components, because the respective `styled-engine` package depends on it.
 :::
 
-<img src="/static/images/packages/mui-system.png" style="width: 600px; margin-top: 4px; margin-bottom: 8px;" alt="A diagram showing an arrow going from @mui/system to @mui/styled-engine, with a note that it is the default engine. Then, from @mui/styled-engine a solid arrow points to @emotion/react and @emotion/styled while a dashed arrow points to @mui/styled-engine-sc, which points to styled-components." width="1200" height="600" />
+<img src="/static/images/packages/mui-system.png" style="width: 814px; margin-top: 4px; margin-bottom: 8px;" alt="A diagram showing an arrow going from @mui/system to @mui/styled-engine, with a note that it is the default engine. Then, from @mui/styled-engine a solid arrow points to @emotion/react and @emotion/styled while a dashed arrow points to @mui/styled-engine-sc, which points to styled-components." width="1628" height="400" />
diff --git a/docs/data/material/migration/migration-grid-v2/GridsDiff.js b/docs/data/material/migration/migration-grid-v2/GridsDiff.js
index 890a6c2e0b92ed..8fd3ea0c4713d2 100644
--- a/docs/data/material/migration/migration-grid-v2/GridsDiff.js
+++ b/docs/data/material/migration/migration-grid-v2/GridsDiff.js
@@ -6,7 +6,7 @@ import Typography from '@mui/material/Typography';
 
 export default function GridsDiff() {
   return (
-    <Box>
+    <div>
       <Box
         sx={{
           pt: 3,
@@ -59,6 +59,6 @@ export default function GridsDiff() {
       <Typography variant="body2" sx={{ mt: 3, color: 'text.secondary' }}>
         The overflow represents the negative margin of the grid.
       </Typography>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/data/material/migration/migration-v4/migration-v4-pt.md b/docs/data/material/migration/migration-v4/migration-v4-pt.md
index d206dea5e743cf..1d17aefffcfbc2 100644
--- a/docs/data/material/migration/migration-v4/migration-v4-pt.md
+++ b/docs/data/material/migration/migration-v4/migration-v4-pt.md
@@ -41,7 +41,7 @@ Additionally, v5 is the only version that fully supports React 18, so you will n
 To learn more, check out [the blog post about the release of Material UI v5](https://mui.com/blog/mui-core-v5/).
 
 :::info
-💡 Create small commits as you go to ensure a smooth migration.
+Create small commits as you go to ensure a smooth migration.
 
 If you encounter any issues along the way, check the [Troubleshooting](/material-ui/migration/troubleshooting/) doc.
 
@@ -88,7 +88,7 @@ If your project includes these packages, you'll need to update them to the `late
 - `@types/react-dom`
 
 :::warning
-📝 Make sure that your application is still running without errors, and commit the changes before continuing to the next step.
+Make sure that your application is still running without errors, and commit the changes before continuing to the next step.
 :::
 
 ## Set up `ThemeProvider`
@@ -118,7 +118,7 @@ function App() {
 ```
 
 :::warning
-📝 Make sure that your application is still running without errors, and commit the changes before continuing to the next step.
+Make sure that your application is still running without errors, and commit the changes before continuing to the next step.
 :::
 
 ## Update MUI packages
@@ -198,7 +198,7 @@ Note that if your app uses server-side rendering (SSR), there is a [known bug](h
 We strongly recommend using the default setup with Emotion instead.
 
 :::warning
-📝 Make sure that your application is still running without errors, and commit the changes before continuing to the next step.
+Make sure that your application is still running without errors, and commit the changes before continuing to the next step.
 :::
 
 ### Replace all imports
@@ -292,7 +292,7 @@ If you want to run the transformers one by one, check out the [preset-safe codem
 This codemod transforms the `<TextField/>`, `<FormControl/>`, and `<Select/>` components by applying `variant="standard"` if no variant is defined—the default variant has changed from `"standard"` in v4 to `"outlined"` in v5.
 
 :::error
-❗️ You should _not_ use this codemod if you have already defined `variant: "outlined"` as the default in the theme.
+You should _not_ use this codemod if you have already defined `variant: "outlined"` as the default in the theme.
 :::
 
 ```js
@@ -322,7 +322,7 @@ For more details, check out the [variant-prop codemod README](https://github.com
 This codemod transforms the `<Link />` component by applying `underline="hover"` if there is no `underline` prop defined—the default `underline` has changed from `"hover"` in v4 to `"always"` in v5.
 
 :::error
-❗️ You should _not_ use this codemod if you have already defined `underline: "always"` as the default in the theme.
+You should _not_ use this codemod if you have already defined `underline: "always"` as the default in the theme.
 :::
 
 ```js
diff --git a/docs/data/material/migration/migration-v4/migration-v4-zh.md b/docs/data/material/migration/migration-v4/migration-v4-zh.md
index 1429b2bb18049e..adf436836fce57 100644
--- a/docs/data/material/migration/migration-v4/migration-v4-zh.md
+++ b/docs/data/material/migration/migration-v4/migration-v4-zh.md
@@ -40,7 +40,7 @@ Material UI v5与v4相比，包括许多错误修复和改进。
 想了解更多，请查看[关于Material UI v5](https://mui.com/blog/mui-core-v5/)发布的博文。
 
 :::info
-💡 在你进行的过程中创建小的提交，以确保顺利迁移。
+在你进行的过程中创建小的提交，以确保顺利迁移。
 
 如果你在途中遇到任何问题，请查看[故障排除](/material-ui/migration/troubleshooting/)文档。
 
@@ -87,7 +87,7 @@ TypeScript的最小支持版本已经从v3.2提高到v3.5。
 - `@types/react-dom`
 
 :::warning
-📝 确保你的应用程序仍在运行，没有错误，并在继续下一步之前提交修改。
+确保你的应用程序仍在运行，没有错误，并在继续下一步之前提交修改。
 :::
 
 ## 设置`ThemeProvider`
@@ -117,7 +117,7 @@ function App() {
 ```
 
 :::warning
-📝 确保你的应用程序仍在运行，没有错误，并在继续下一步之前提交修改。
+确保你的应用程序仍在运行，没有错误，并在继续下一步之前提交修改。
 :::
 
 ## 更新MUI软件包
@@ -197,7 +197,7 @@ yarn add @emotion/react @emotion/styled
 我们强烈建议使用Emotion的默认设置来代替。
 
 :::warning
-📝 确保你的应用程序仍在运行，没有错误，并在继续下一步之前提交修改。
+确保你的应用程序仍在运行，没有错误，并在继续下一步之前提交修改。
 :::
 
 ### Replace all imports
@@ -320,7 +320,7 @@ npx @mui/codemod v5.0.0/variant-prop <path>
 如果没有定义`underline`，这个codemod通过应用`underline="hover"`来转换组件`<Link />`--默认的`underline`已经从v4的` "hover "`变为v5的 `"always"`。
 
 :::error
-❗️ 如果你已经在主题中定义了underline，你就_不应该_使用这个代码模式。`"always "`作为主题中的默认值。
+如果你已经在主题中定义了underline，你就_不应该_使用这个代码模式。`"always "`作为主题中的默认值。
 :::
 
 ```js
diff --git a/docs/data/material/migration/migration-v4/migration-v4.md b/docs/data/material/migration/migration-v4/migration-v4.md
index bb62e9f7a1cb5b..b5a34eeee31209 100644
--- a/docs/data/material/migration/migration-v4/migration-v4.md
+++ b/docs/data/material/migration/migration-v4/migration-v4.md
@@ -107,7 +107,7 @@ If your project includes these packages, you'll need to update them:
 - `@types/react-dom`
 
 :::warning
-📝 Make sure that your application is still running without errors, and commit the changes before continuing to the next step.
+Make sure that your application is still running without errors, and commit the changes before continuing to the next step.
 :::
 
 ## Set up `ThemeProvider`
@@ -138,7 +138,7 @@ function App() {
 ```
 
 :::warning
-📝 Make sure that your application is still running without errors, and commit the changes before continuing to the next step.
+Make sure that your application is still running without errors, and commit the changes before continuing to the next step.
 :::
 
 ## Update MUI packages
@@ -217,7 +217,7 @@ Note that if your app uses server-side rendering (SSR), there is a [known bug](h
 We strongly recommend using the default setup with Emotion instead.
 
 :::warning
-📝 Make sure that your application is still running without errors, and commit the changes before continuing to the next step.
+Make sure that your application is still running without errors, and commit the changes before continuing to the next step.
 :::
 
 ### Replace all imports
diff --git a/docs/data/material/migration/migration-v4/v5-component-changes-pt.md b/docs/data/material/migration/migration-v4/v5-component-changes-pt.md
index 29fa5498ffdcdc..563e092fa93bf5 100644
--- a/docs/data/material/migration/migration-v4/v5-component-changes-pt.md
+++ b/docs/data/material/migration/migration-v4/v5-component-changes-pt.md
@@ -664,7 +664,7 @@ Change the default variant from `standard` to `outlined`.
 `standard` has been removed from the Material Design guidelines.
 
 :::warning
-✅ This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
+This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
 :::
 
 ```diff
@@ -864,7 +864,7 @@ The default `underline` prop is changed from `"hover"` to `"always"`.
 To recreate the behavior from v4, apply `defaultProps` in the theme.
 
 :::warning
-✅ This is handled in [link-underline-hover codemod](#link-underline-hover)—read the details before running this codemod.
+This is handled in [link-underline-hover codemod](#link-underline-hover)—read the details before running this codemod.
 :::
 
 ```js
@@ -1233,7 +1233,7 @@ Change the default variant from `standard` to `outlined`.
 If you are composing the `Select` with a form control component, you only need to update `FormControl`—the select inherits the variant from its context.
 
 :::success
-✅ This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
+This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
 :::
 
 ```diff
@@ -1628,7 +1628,7 @@ Change the default variant from `standard` to `outlined`.
 `standard` has been removed from the Material Design guidelines.
 
 :::success
-✅ This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
+This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
 :::
 
 ```diff
diff --git a/docs/data/material/migration/migration-v4/v5-component-changes-zh.md b/docs/data/material/migration/migration-v4/v5-component-changes-zh.md
index 29fa5498ffdcdc..563e092fa93bf5 100644
--- a/docs/data/material/migration/migration-v4/v5-component-changes-zh.md
+++ b/docs/data/material/migration/migration-v4/v5-component-changes-zh.md
@@ -664,7 +664,7 @@ Change the default variant from `standard` to `outlined`.
 `standard` has been removed from the Material Design guidelines.
 
 :::warning
-✅ This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
+This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
 :::
 
 ```diff
@@ -864,7 +864,7 @@ The default `underline` prop is changed from `"hover"` to `"always"`.
 To recreate the behavior from v4, apply `defaultProps` in the theme.
 
 :::warning
-✅ This is handled in [link-underline-hover codemod](#link-underline-hover)—read the details before running this codemod.
+This is handled in [link-underline-hover codemod](#link-underline-hover)—read the details before running this codemod.
 :::
 
 ```js
@@ -1233,7 +1233,7 @@ Change the default variant from `standard` to `outlined`.
 If you are composing the `Select` with a form control component, you only need to update `FormControl`—the select inherits the variant from its context.
 
 :::success
-✅ This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
+This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
 :::
 
 ```diff
@@ -1628,7 +1628,7 @@ Change the default variant from `standard` to `outlined`.
 `standard` has been removed from the Material Design guidelines.
 
 :::success
-✅ This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
+This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
 :::
 
 ```diff
diff --git a/docs/data/material/migration/migration-v4/v5-component-changes.md b/docs/data/material/migration/migration-v4/v5-component-changes.md
index b5e5a666bf56ac..1f36a8887b1298 100644
--- a/docs/data/material/migration/migration-v4/v5-component-changes.md
+++ b/docs/data/material/migration/migration-v4/v5-component-changes.md
@@ -702,8 +702,8 @@ Change the default variant from `standard` to `outlined`.
 
 `standard` has been removed from the Material Design guidelines.
 
-:::warning
-✅ This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
+:::success
+This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
 :::
 
 ```diff
@@ -829,7 +829,7 @@ Use CSS `object-fit`. For IE11 support either use a polyfill such as
 
 This component is deprecated because its functionality can be created with the [`sx`](/system/getting-started/the-sx-prop/) prop or the [`useMediaQuery`](/material-ui/react-use-media-query/) hook.
 
-:::warning
+:::success
 This is handled in the [preset-safe codemod](#preset-safe) by applying fake `Hidden` component to prevent application crash, but further fixes are required.
 :::
 
@@ -907,8 +907,8 @@ The default `underline` prop is changed from `"hover"` to `"always"`.
 
 To recreate the behavior from v4, apply `defaultProps` in the theme.
 
-:::warning
-✅ This is handled in [link-underline-hover codemod](#link-underline-hover)—read the details before running this codemod.
+:::success
+This is handled in [link-underline-hover codemod](#link-underline-hover)—read the details before running this codemod.
 :::
 
 ```js
@@ -1257,7 +1257,7 @@ You can get a reference to the underlying DOM node of our components via `ref` p
 
 The component relied on [`ReactDOM.findDOMNode`](https://react.dev/reference/react-dom/findDOMNode) which is [deprecated in `React.StrictMode`](https://react.dev/reference/react/StrictMode#warning-about-deprecated-finddomnode-usage).
 
-:::warning
+:::success
 This is handled in the [preset-safe codemod](#preset-safe) by applying fake `RootRef` component to prevent application crash, but further fixes are required.
 :::
 
@@ -1279,7 +1279,7 @@ Change the default variant from `standard` to `outlined`.
 If you are composing the `Select` with a form control component, you only need to update `FormControl`—the select inherits the variant from its context.
 
 :::success
-✅ This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
+This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
 :::
 
 ```diff
@@ -1682,7 +1682,7 @@ Change the default variant from `standard` to `outlined`.
 `standard` has been removed from the Material Design guidelines.
 
 :::success
-✅ This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
+This is handled in [variant-prop codemod](#variant-prop)—read the details before running this codemod.
 :::
 
 ```diff
diff --git a/docs/data/material/pages.ts b/docs/data/material/pages.ts
index cf8f0003a89ccf..38040df6ad46f5 100644
--- a/docs/data/material/pages.ts
+++ b/docs/data/material/pages.ts
@@ -143,7 +143,6 @@ const pages: MuiPage[] = [
           { pathname: '/material-ui/about-the-lab', title: 'About the lab 🧪' },
           { pathname: '/material-ui/react-masonry' },
           { pathname: '/material-ui/react-timeline' },
-          { pathname: '/material-ui/react-tree-view', title: 'Tree View' },
         ],
       },
     ],
@@ -186,7 +185,8 @@ const pages: MuiPage[] = [
       { pathname: '/material-ui/guides/understand-mui-packages', title: 'Understand MUI packages' },
       { pathname: '/material-ui/guides/typescript', title: 'TypeScript' },
       { pathname: '/material-ui/guides/interoperability', title: 'Style library interoperability' },
-      { pathname: '/material-ui/guides/styled-engine' },
+      { pathname: '/material-ui/guides/styled-components', title: 'Using styled-components' },
+      { pathname: '/material-ui/guides/theme-scoping' },
       { pathname: '/material-ui/guides/minimizing-bundle-size' },
       { pathname: '/material-ui/guides/composition' },
       { pathname: '/material-ui/guides/routing' },
diff --git a/docs/data/material/pagesApi.js b/docs/data/material/pagesApi.js
index 4f1c9df177f38e..7bb6fe6df78aa8 100644
--- a/docs/data/material/pagesApi.js
+++ b/docs/data/material/pagesApi.js
@@ -133,8 +133,6 @@ module.exports = [
   { pathname: '/material-ui/api/toggle-button-group' },
   { pathname: '/material-ui/api/toolbar' },
   { pathname: '/material-ui/api/tooltip' },
-  { pathname: '/material-ui/api/tree-item' },
-  { pathname: '/material-ui/api/tree-view' },
   { pathname: '/material-ui/api/typography' },
   { pathname: '/material-ui/api/zoom' },
 ];
diff --git a/docs/data/styles/advanced/advanced.md b/docs/data/styles/advanced/advanced.md
index 73f386df78f2d4..60b7946b6eef73 100644
--- a/docs/data/styles/advanced/advanced.md
+++ b/docs/data/styles/advanced/advanced.md
@@ -413,7 +413,7 @@ Refer to the plugin's page for setup and usage instructions.
 
 Refer to [this example Gatsby project](https://github.com/mui/material-ui/tree/v4.x/examples/gatsby) for an usage example.
 
-### Next.js
+### Next.js Pages Router
 
 You need to have a custom `pages/_document.js`, then copy [this logic](https://github.com/mui/material-ui/blob/v4.x/examples/nextjs/pages/_document.js#L52-L59) to inject the server-side rendered styles into the `<head>` element.
 
diff --git a/docs/data/styles/basics/basics-pt.md b/docs/data/styles/basics/basics-pt.md
index a5a95579d05723..b4d5811f2fbcdd 100644
--- a/docs/data/styles/basics/basics-pt.md
+++ b/docs/data/styles/basics/basics-pt.md
@@ -21,7 +21,7 @@ MUI's styling solution is inspired by many other styling libraries such as [styl
 - 🚀 It's [blazing fast](https://github.com/mui/material-ui/tree/master/benchmark/server#material-uistyles).
 - 🧩 É extensível através de uma API de [plugin](https://github.com/cssinjs/jss/blob/master/docs/plugins.md).
 - ⚡️Ela usa [JSS](https://github.com/cssinjs/jss) em seu núcleo – um [alto desempenho](https://github.com/cssinjs/jss/blob/master/docs/performance.md) JavaScript para o compilador CSS, que funciona em tempo de execução e no lado do servidor.
-- 📦 Less than [15 KB gzipped](https://bundlephobia.com/package/@mui/styles); and no bundle size increase if used alongside MUI.
+- 📦 Less than [15 kB gzipped](https://bundlephobia.com/package/@mui/styles); and no bundle size increase if used alongside MUI.
 
 ## Instalação
 
diff --git a/docs/data/styles/basics/basics.md b/docs/data/styles/basics/basics.md
index 1312e237730d66..b0440989f66340 100644
--- a/docs/data/styles/basics/basics.md
+++ b/docs/data/styles/basics/basics.md
@@ -27,7 +27,7 @@ Material UI's styling solution is inspired by many other styling libraries such
 - 🚀 It's [blazing fast](https://github.com/mui/material-ui/tree/master/benchmark/server#material-uistyles).
 - 🧩 It's extensible via a [plugin](https://github.com/cssinjs/jss/blob/master/docs/plugins.md) API.
 - ⚡️ It uses [JSS](https://github.com/cssinjs/jss) at its core – a [high performance](https://github.com/cssinjs/jss/blob/master/docs/performance.md) JavaScript to CSS compiler which works at runtime and server-side.
-- 📦 Less than [15 KB gzipped](https://bundlephobia.com/package/@mui/styles); and no bundle size increase if used alongside Material UI.
+- 📦 Less than [15 kB gzipped](https://bundlephobia.com/package/@mui/styles); and no bundle size increase if used alongside Material UI.
 
 ## Installation
 
@@ -36,11 +36,7 @@ To install and save in your `package.json` dependencies, run:
 <!-- #default-branch-switch -->
 
 ```bash
-// with npm
 npm install @mui/styles
-
-// with yarn
-yarn add @mui/styles
 ```
 
 ## Getting started
diff --git a/docs/data/system/components/grid/grid-pt.md b/docs/data/system/components/grid/grid-pt.md
index 9e869bed8ffb94..1b3ef86a62ac3c 100644
--- a/docs/data/system/components/grid/grid-pt.md
+++ b/docs/data/system/components/grid/grid-pt.md
@@ -26,7 +26,7 @@ The grid system is implemented with the `Grid` component:
 - It **does not** offer auto-placement children feature. It will try to fit the children one by one and if there is not enough space, the rest of the children will start on the next line and so on. If you need the auto-placement feature, we recommend to use [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout) instead.
 
 :::warning
-⚠️ The `Grid` component shouldn't be confused with a data grid; it is closer to a layout grid. For a data grid head to [the `DataGrid` component](/x/react-data-grid/).
+The `Grid` component shouldn't be confused with a data grid; it is closer to a layout grid. For a data grid head to [the `DataGrid` component](/x/react-data-grid/).
 :::
 
 ## Fluid grids
diff --git a/docs/data/system/components/grid/grid-zh.md b/docs/data/system/components/grid/grid-zh.md
index 9e869bed8ffb94..1b3ef86a62ac3c 100644
--- a/docs/data/system/components/grid/grid-zh.md
+++ b/docs/data/system/components/grid/grid-zh.md
@@ -26,7 +26,7 @@ The grid system is implemented with the `Grid` component:
 - It **does not** offer auto-placement children feature. It will try to fit the children one by one and if there is not enough space, the rest of the children will start on the next line and so on. If you need the auto-placement feature, we recommend to use [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout) instead.
 
 :::warning
-⚠️ The `Grid` component shouldn't be confused with a data grid; it is closer to a layout grid. For a data grid head to [the `DataGrid` component](/x/react-data-grid/).
+The `Grid` component shouldn't be confused with a data grid; it is closer to a layout grid. For a data grid head to [the `DataGrid` component](/x/react-data-grid/).
 :::
 
 ## Fluid grids
diff --git a/docs/data/system/experimental-api/css-theme-variables/css-theme-variables.md b/docs/data/system/experimental-api/css-theme-variables/css-theme-variables.md
index c2f65d04c5fc5c..ee5db55177a68a 100644
--- a/docs/data/system/experimental-api/css-theme-variables/css-theme-variables.md
+++ b/docs/data/system/experimental-api/css-theme-variables/css-theme-variables.md
@@ -27,11 +27,11 @@ You can checkout the [advantages](https://mui.com/material-ui/experimental-api/c
 
 For server-side applications, there are some trade-offs to consider:
 
-|                                                      | Compare to the default method | Reason                                                                                                       |
-| :--------------------------------------------------- | :---------------------------- | :----------------------------------------------------------------------------------------------------------- |
-| HTML size                                            | Bigger                        | CSS variables are generated for both light and dark mode at build time.                                      |
-| [First Contentful Paint (FCP)](https://web.dev/fcp/) | Larger                        | Since the HTML size is generally bigger, the time to download the HTML before showing the content is longer. |
-| [Time to Interactive (TTI)](https://web.dev/tti/)    | Smaller (for dark mode)       | Stylesheets are not regenerated between light and dark mode, so it takes less time for JavaScript to run.    |
+|                                                      | Compare to the default method | Reason                                                                                                         |
+| :--------------------------------------------------- | :---------------------------- | :------------------------------------------------------------------------------------------------------------- |
+| HTML size                                            | Bigger                        | CSS variables are generated for both light and dark mode at build time.                                        |
+| [First Contentful Paint (FCP)](https://web.dev/fcp/) | Longer                        | Since the HTML size is bigger, the time to download the HTML before showing the content is bit longer.         |
+| [Time to Interactive (TTI)](https://web.dev/tti/)    | Shorter (for dark mode)       | Stylesheets are not regenerated between light and dark mode, a lot less time is spent running JavaScript code. |
 
 :::warning
 The comparison described in the table above may not be applicable to large and complex applications since there are so many factors that can impact performance metrics.
@@ -209,8 +209,6 @@ See the complete usage of `createVssVarsProvider` in [Material UI](https://githu
 
 - `defaultMode?: 'light' | 'dark' | 'system'` - Application's default mode (`light` by default)
 - `disableTransitionOnChange : boolean` - Disable CSS transitions when switching between modes
-- `enableColorScheme: boolean` - Indicate to the browser which color scheme is used (light or dark) for rendering built-in UI
-- `prefix: string` - CSS variable prefix
 - `theme: ThemeInput` - the theme provided to React's context
 - `modeStorageKey?: string` - localStorage key used to store application `mode`
 - `attribute?: string` - DOM attribute for applying color scheme
diff --git a/docs/data/system/getting-started/installation/installation-pt.md b/docs/data/system/getting-started/installation/installation-pt.md
index 5f817125506f32..e2db8bdacc3a49 100644
--- a/docs/data/system/getting-started/installation/installation-pt.md
+++ b/docs/data/system/getting-started/installation/installation-pt.md
@@ -28,4 +28,6 @@ npm install @mui/system @mui/styled-engine-sc styled-components
 yarn add @mui/system @mui/styled-engine-sc styled-components
 ```
 
-Take a look at the [Styled Engine guide](/material-ui/guides/styled-engine/) for more information about how to configure `styled-components` as the style engine.
+:::warning
+Visit the [styled-components guide](/material-ui/guides/styled-components/) for more information on configuration.
+:::
diff --git a/docs/data/system/getting-started/installation/installation-zh.md b/docs/data/system/getting-started/installation/installation-zh.md
index 5f817125506f32..e2db8bdacc3a49 100644
--- a/docs/data/system/getting-started/installation/installation-zh.md
+++ b/docs/data/system/getting-started/installation/installation-zh.md
@@ -28,4 +28,6 @@ npm install @mui/system @mui/styled-engine-sc styled-components
 yarn add @mui/system @mui/styled-engine-sc styled-components
 ```
 
-Take a look at the [Styled Engine guide](/material-ui/guides/styled-engine/) for more information about how to configure `styled-components` as the style engine.
+:::warning
+Visit the [styled-components guide](/material-ui/guides/styled-components/) for more information on configuration.
+:::
diff --git a/docs/data/system/getting-started/installation/installation.md b/docs/data/system/getting-started/installation/installation.md
index cadda3305583a5..e30d095310fb62 100644
--- a/docs/data/system/getting-started/installation/installation.md
+++ b/docs/data/system/getting-started/installation/installation.md
@@ -43,12 +43,22 @@ pnpm add @mui/system @mui/styled-engine-sc styled-components
 
 </codeblock>
 
-:::warning
-Visit the [Styled engine guide](/material-ui/guides/styled-engine/) for more information about how to configure styled-components.
+:::error
+As of late 2021, [styled-components](https://github.com/styled-components/styled-components) is **not compatible** with server-rendered Material UI projects.
+This is because `babel-plugin-styled-components` isn't able to work with the `styled()` utility inside `@mui` packages.
+See [this GitHub issue](https://github.com/mui/material-ui/issues/29742) for more details.
+
+We **strongly recommend** using Emotion for SSR projects.
 :::
 
 ## Peer dependencies
 
 <!-- #react-peer-version -->
 
-[`react`](https://www.npmjs.com/package/react) >= 17.0.0 is a peer dependency.
+Please note that [react](https://www.npmjs.com/package/react) is a peer dependency too:
+
+```json
+"peerDependencies": {
+  "react": "^17.0.0 || ^18.0.0"
+},
+```
diff --git a/docs/data/system/getting-started/overview/overview-pt.md b/docs/data/system/getting-started/overview/overview-pt.md
deleted file mode 100644
index 4cc543eb172561..00000000000000
--- a/docs/data/system/getting-started/overview/overview-pt.md
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: Overview
----
-
-# MUI System - Overview
-
-<p class="description">MUI System is a collection of CSS utilities for rapidly laying out custom designs with MUI component libraries.</p>
-
-## Introduction
-
-MUI System is a set of CSS utilities to help you build custom designs more efficiently when working with MUI component libraries like [Material UI](/material-ui/getting-started/), [Joy UI](/joy-ui/getting-started/), and [Base UI](/base-ui/getting-started/).
-
-The System gives you a set of flexible, generic wrapper components like [`Box`](/system/react-box/) and [`Container`](/system/react-container/) that can be quickly customized using the `sx` prop. This prop lets you define styles directly within the components themselves, rather than creating bulky and redundant `const` definitions with styled-components. It also gives you direct access to your theme's custom design tokens to ensure consistency in one-off styles. Learn more on [the `sx` prop page](/system/getting-started/the-sx-prop/).
-
-## Advantages of MUI System
-
-- **Write less code:** in situations where styled-components would be overkill, the `sx` prop can [replace dozens of lines of code](/system/getting-started/usage/#why-use-mui-system).
-- **Write the CSS you already know:** the `sx` prop features a superset of CSS, so it's intuitive to pick up and start working with right away if you're comfortable with CSS.
-- **Avoid context-switching:** with styled-components, you frequently have to jump between the usage and the definition to find what you need. With the System, it's all in one place.
-- **Forget unnecessary custom names:** if you've ever struggled to come up with a good name for a styled-component, then you'll appreciate skipping that step entirely when using MUI System.
-
-## MUI System vs. Base UI
-
-[Base UI](/base-ui/getting-started/) is a library of "unstyled" React components, while MUI System is a set of utilities for quickly applying styles to those components (as well as other MUI component libraries like Material UI and Joy UI).
-
-Base UI is a standalone component library, whereas the System is _supplemental_ in that it's designed to be paired with Base and other MUI components, as well as third-party components. See the [Custom components page](/system/getting-started/custom-components/) for details on how to use MUI System with non-MUI components.
diff --git a/docs/data/system/getting-started/overview/overview-zh.md b/docs/data/system/getting-started/overview/overview-zh.md
deleted file mode 100644
index 4cc543eb172561..00000000000000
--- a/docs/data/system/getting-started/overview/overview-zh.md
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: Overview
----
-
-# MUI System - Overview
-
-<p class="description">MUI System is a collection of CSS utilities for rapidly laying out custom designs with MUI component libraries.</p>
-
-## Introduction
-
-MUI System is a set of CSS utilities to help you build custom designs more efficiently when working with MUI component libraries like [Material UI](/material-ui/getting-started/), [Joy UI](/joy-ui/getting-started/), and [Base UI](/base-ui/getting-started/).
-
-The System gives you a set of flexible, generic wrapper components like [`Box`](/system/react-box/) and [`Container`](/system/react-container/) that can be quickly customized using the `sx` prop. This prop lets you define styles directly within the components themselves, rather than creating bulky and redundant `const` definitions with styled-components. It also gives you direct access to your theme's custom design tokens to ensure consistency in one-off styles. Learn more on [the `sx` prop page](/system/getting-started/the-sx-prop/).
-
-## Advantages of MUI System
-
-- **Write less code:** in situations where styled-components would be overkill, the `sx` prop can [replace dozens of lines of code](/system/getting-started/usage/#why-use-mui-system).
-- **Write the CSS you already know:** the `sx` prop features a superset of CSS, so it's intuitive to pick up and start working with right away if you're comfortable with CSS.
-- **Avoid context-switching:** with styled-components, you frequently have to jump between the usage and the definition to find what you need. With the System, it's all in one place.
-- **Forget unnecessary custom names:** if you've ever struggled to come up with a good name for a styled-component, then you'll appreciate skipping that step entirely when using MUI System.
-
-## MUI System vs. Base UI
-
-[Base UI](/base-ui/getting-started/) is a library of "unstyled" React components, while MUI System is a set of utilities for quickly applying styles to those components (as well as other MUI component libraries like Material UI and Joy UI).
-
-Base UI is a standalone component library, whereas the System is _supplemental_ in that it's designed to be paired with Base and other MUI components, as well as third-party components. See the [Custom components page](/system/getting-started/custom-components/) for details on how to use MUI System with non-MUI components.
diff --git a/docs/data/system/getting-started/overview/overview.md b/docs/data/system/getting-started/overview/overview.md
index fd93e97d7f7053..e56fa97e7632ce 100644
--- a/docs/data/system/getting-started/overview/overview.md
+++ b/docs/data/system/getting-started/overview/overview.md
@@ -8,7 +8,7 @@ title: Overview
 
 ## Introduction
 
-MUI System is a set of CSS utilities to help you build custom designs more efficiently when working with MUI component libraries like [Material UI](/material-ui/getting-started/), [Joy UI](/joy-ui/getting-started/), and [Base UI](/base-ui/getting-started/).
+MUI System is a set of CSS utilities to help you build custom designs more efficiently when working with MUI component libraries like [Material UI](/material-ui/), [Joy UI](/joy-ui/getting-started/), and [Base UI](/base-ui/).
 
 The System gives you a set of flexible, generic wrapper components like [`Box`](/system/react-box/) and [`Container`](/system/react-container/) that can be quickly customized using the `sx` prop.
 This prop lets you define styles directly within the components themselves, rather than creating bulky and redundant `const` definitions with styled-components.
@@ -22,9 +22,9 @@ Learn more on [the `sx` prop page](/system/getting-started/the-sx-prop/).
 - **Avoid context-switching:** with styled-components, you frequently have to jump between the usage and the definition to find what you need. With the System, it's all in one place.
 - **Forget unnecessary custom names:** if you've ever struggled to come up with a good name for a styled-component, then you'll appreciate skipping that step entirely when using MUI System.
 
-## MUI System vs. Base UI
+## MUI System vs. Base UI
 
-[Base UI](/base-ui/getting-started/) is a library of "unstyled" React components, while MUI System is a set of utilities for quickly applying styles to those components (as well as other MUI component libraries like Material UI and Joy UI).
+[Base UI](/base-ui/) is a library of "unstyled" React components, while MUI System is a set of utilities for quickly applying styles to those components (as well as other MUI component libraries like Material UI and Joy UI).
 
 Base UI is a standalone component library, whereas MUI System is _supplemental_ in that it's designed to be paired with Base UI and other MUI components, as well as third-party components.
 See the [Custom components page](/system/getting-started/custom-components/) for details on how to use MUI System with non-MUI components.
diff --git a/docs/data/system/getting-started/the-sx-prop/the-sx-prop.md b/docs/data/system/getting-started/the-sx-prop/the-sx-prop.md
index 3eb1d4e25f4052..d29f823eb584a0 100644
--- a/docs/data/system/getting-started/the-sx-prop/the-sx-prop.md
+++ b/docs/data/system/getting-started/the-sx-prop/the-sx-prop.md
@@ -112,7 +112,7 @@ function transform(value) {
 }
 ```
 
-If the value is between [0, 1], it's converted to a percentage.
+If the value is between (0, 1], it's converted to a percentage.
 Otherwise, it is directly set on the CSS property:
 
 ```jsx
diff --git a/docs/data/system/getting-started/usage/basics-pt.md b/docs/data/system/getting-started/usage/basics-pt.md
index 5067e7943488b0..151e6408da65c5 100644
--- a/docs/data/system/getting-started/usage/basics-pt.md
+++ b/docs/data/system/getting-started/usage/basics-pt.md
@@ -40,7 +40,9 @@ npm install @mui/system @mui/styled-engine-sc styled-components
 yarn add @mui/system @mui/styled-engine-sc styled-components
 ```
 
-Take a look at the [Styled Engine guide](/material-ui/guides/styled-engine/) for more information about how to configure `styled-components` as the style engine.
+:::warning
+Visit the [styled-components guide](/material-ui/guides/styled-components/) for more information on configuration.
+:::
 
 ## Por que usar o sistema?
 
diff --git a/docs/data/system/getting-started/usage/basics-zh.md b/docs/data/system/getting-started/usage/basics-zh.md
index 34fd6f538a144b..8c2eff65e53990 100644
--- a/docs/data/system/getting-started/usage/basics-zh.md
+++ b/docs/data/system/getting-started/usage/basics-zh.md
@@ -40,7 +40,9 @@ npm install @mui/system @mui/styled-engine-sc styled-components
 yarn add @mui/system @mui/styled-engine-sc styled-components
 ```
 
-Take a look at the [Styled Engine guide](/material-ui/guides/styled-engine/) for more information about how to configure `styled-components` as the style engine.
+:::warning
+Visit the [styled-components guide](/material-ui/guides/styled-components/) for more information on configuration.
+:::
 
 ## 为什么要使用系统？
 
diff --git a/docs/data/system/sizing/sizing.md b/docs/data/system/sizing/sizing.md
index e2f68dedccc4db..89769469653d44 100644
--- a/docs/data/system/sizing/sizing.md
+++ b/docs/data/system/sizing/sizing.md
@@ -12,7 +12,7 @@ function transform(value) {
 }
 ```
 
-If the value is between [0, 1], it's converted to percent.
+If the value is between (0, 1], it's converted to percent.
 Otherwise, it is directly set on the CSS property.
 
 {{"demo": "Values.js", "defaultCodeOpen": false}}
diff --git a/docs/data/system/styled/styled-pt.md b/docs/data/system/styled/styled-pt.md
index 04904de52109b5..5d131701b31df0 100644
--- a/docs/data/system/styled/styled-pt.md
+++ b/docs/data/system/styled/styled-pt.md
@@ -4,7 +4,8 @@
 
 ## Introduction
 
-All the MUI components are styled with this `styled()` utility. This utility is built on top of the `styled()` module of [`@mui/styled-engine`](/material-ui/guides/styled-engine/) and provides additional features.
+All MUI components are styled with the `styled()` utility. 
+This utility is built on top of the `styled()` module of `@mui/styled-engine` and provides additional features.
 
 ### Importação
 
diff --git a/docs/data/system/styled/styled-zh.md b/docs/data/system/styled/styled-zh.md
index 9ca11d464c23bf..8d50510d72be83 100644
--- a/docs/data/system/styled/styled-zh.md
+++ b/docs/data/system/styled/styled-zh.md
@@ -4,7 +4,8 @@
 
 ## Introduction
 
-All the MUI components are styled with this `styled()` utility. This utility is built on top of the `styled()` module of [`@mui/styled-engine`](/material-ui/guides/styled-engine/) and provides additional features.
+All MUI components are styled with the `styled()` utility. 
+This utility is built on top of the `styled()` module of `@mui/styled-engine` and provides additional features.
 
 ### 引用路径
 
diff --git a/docs/data/system/styled/styled.md b/docs/data/system/styled/styled.md
index 3aff351312fc4e..caf36b312d82a0 100644
--- a/docs/data/system/styled/styled.md
+++ b/docs/data/system/styled/styled.md
@@ -4,8 +4,8 @@
 
 ## Introduction
 
-All the MUI components are styled with this `styled()` utility.
-This utility is built on top of the `styled()` module of [`@mui/styled-engine`](/material-ui/guides/styled-engine/) and provides additional features.
+All MUI components are styled with the `styled()` utility.
+This utility is built on top of the `styled()` module of `@mui/styled-engine`and provides additional features.
 
 ### Import path
 
diff --git a/docs/next.config.js b/docs/next.config.js
index 985c81386d6019..69338cc64e730f 100644
--- a/docs/next.config.js
+++ b/docs/next.config.js
@@ -58,6 +58,7 @@ module.exports = withDocsInfra({
             '@mui/x-date-pickers-pro',
             '@mui/x-data-grid-generator',
             '@mui/x-charts',
+            '@mui/x-tree-view',
             '@mui/x-license-pro',
           ].some((dep) => request.startsWith(dep));
 
@@ -119,7 +120,7 @@ module.exports = withDocsInfra({
             test: /\.(js|mjs|jsx)$/,
             resourceQuery: { not: [/raw/] },
             include:
-              /node_modules(\/|\\)(notistack|@mui(\/|\\)x-data-grid|@mui(\/|\\)x-data-grid-pro|@mui(\/|\\)x-license-pro|@mui(\/|\\)x-data-grid-generator|@mui(\/|\\)x-date-pickers-pro|@mui(\/|\\)x-date-pickers|@mui(\/|\\)x-charts)/,
+              /node_modules(\/|\\)(notistack|@mui(\/|\\)x-data-grid|@mui(\/|\\)x-data-grid-pro|@mui(\/|\\)x-license-pro|@mui(\/|\\)x-data-grid-generator|@mui(\/|\\)x-date-pickers-pro|@mui(\/|\\)x-date-pickers|@mui(\/|\\)x-charts|@mui(\/|\\)x-tree-view)/,
             use: {
               loader: 'babel-loader',
               options: {
diff --git a/docs/package.json b/docs/package.json
index e23b6e4fbc3735..04a4121a2de72f 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -13,57 +13,51 @@
     "export": "rimraf docs/export && next export --threads=3 -o export && yarn build-sw",
     "icons": "rimraf --glob public/static/icons/* && node ./scripts/buildIcons.js",
     "start": "next start",
-    "create-playground": "cpy --cwd=./scripts/ playground.template.tsx ../pages/playground --rename=index.tsx",
+    "create-playground": "cpy --cwd=scripts playground.template.tsx ../../pages/playground --rename=index.tsx",
     "typescript": "tsc -p tsconfig.json && tsc -p scripts/tsconfig.json",
     "typescript:transpile": "echo 'Use `yarn docs:typescript:formatted'` instead && exit 1",
     "typescript:transpile:dev": "echo 'Use `yarn docs:typescript'` instead && exit 1",
     "link-check": "node ./scripts/reportBrokenLinks.js"
   },
   "dependencies": {
-    "@babel/core": "^7.22.9",
+    "@babel/core": "^7.22.20",
     "@babel/plugin-transform-object-assign": "^7.22.5",
-    "@babel/runtime-corejs2": "^7.22.6",
-    "@docsearch/react": "^3.5.1",
+    "@babel/runtime": "^7.22.15",
+    "@babel/runtime-corejs2": "^7.22.15",
+    "@docsearch/react": "^3.5.2",
     "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.1",
     "@emotion/server": "^11.11.0",
     "@emotion/styled": "^11.11.0",
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
-    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@mui/base": "5.0.0-beta.10",
-    "@mui/docs": "^5.14.4",
-    "@mui/icons-material": "^5.14.3",
-    "@mui/joy": "5.0.0-beta.1",
-    "@mui/lab": "5.0.0-alpha.139",
+    "@mui/base": "5.0.0-beta.16",
+    "@mui/docs": "^5.14.10",
+    "@mui/icons-material": "^5.14.9",
+    "@mui/joy": "5.0.0-beta.7",
+    "@mui/lab": "5.0.0-alpha.145",
     "@mui/markdown": "^5.0.0",
-    "@mui/material": "^5.14.4",
-    "@mui/material-next": "6.0.0-alpha.96",
-    "@mui/styled-engine": "^5.13.2",
-    "@mui/styled-engine-sc": "^5.12.0",
-    "@mui/styles": "^5.14.4",
-    "@mui/system": "^5.14.4",
+    "@mui/material": "^5.14.10",
+    "@mui/material-next": "6.0.0-alpha.102",
+    "@mui/styled-engine": "^5.14.10",
+    "@mui/styled-engine-sc": "^5.14.10",
+    "@mui/styles": "^5.14.10",
+    "@mui/system": "^5.14.10",
     "@mui/types": "^7.2.4",
-    "@mui/x-charts": "^6.0.0-alpha.6",
-    "@mui/x-data-grid": "6.10.2",
-    "@mui/x-data-grid-generator": "6.10.2",
-    "@mui/x-data-grid-premium": "6.10.2",
-    "@mui/x-data-grid-pro": "6.10.2",
-    "@mui/x-date-pickers": "6.10.2",
-    "@mui/x-date-pickers-pro": "6.10.2",
+    "@mui/utils": "^5.14.10",
+    "@mui/x-charts": "^6.0.0-alpha.9",
+    "@mui/x-data-grid": "6.12.1",
+    "@mui/x-data-grid-generator": "6.12.1",
+    "@mui/x-data-grid-premium": "6.12.1",
+    "@mui/x-data-grid-pro": "6.12.1",
+    "@mui/x-date-pickers": "6.12.1",
+    "@mui/x-date-pickers-pro": "6.12.1",
     "@mui/x-license-pro": "6.10.2",
+    "@mui/x-tree-view": "6.0.0-alpha.1",
+    "@popperjs/core": "^2.11.8",
     "@react-spring/web": "^9.7.3",
-    "@trendmicro/react-interpolate": "^0.5.5",
-    "@types/autosuggest-highlight": "^3.2.0",
-    "@types/css-mediaquery": "^0.1.1",
-    "@types/json2mq": "^0.2.0",
-    "@types/markdown-to-jsx": "^7.0.1",
-    "@types/react-dom": "^18.2.7",
-    "@types/react-swipeable-views": "^0.13.2",
-    "@types/react-swipeable-views-utils": "^0.13.4",
-    "@types/react-window": "^1.8.5",
-    "@types/styled-components": "5.1.26",
-    "autoprefixer": "^10.4.14",
+    "autoprefixer": "^10.4.15",
     "autosuggest-highlight": "^3.3.4",
     "babel-plugin-module-resolver": "^5.0.0",
     "babel-plugin-optimize-clsx": "^2.6.2",
@@ -77,11 +71,9 @@
     "css-mediaquery": "^0.1.2",
     "date-fns": "^2.30.0",
     "date-fns-jalali": "^2.21.3-1",
-    "exceljs": "^4.3.0",
-    "express": "^4.18.2",
     "feed": "^4.2.2",
     "fg-loadcss": "^3.1.0",
-    "final-form": "^4.20.9",
+    "final-form": "^4.20.10",
     "flexsearch": "^0.7.31",
     "fs-extra": "^11.1.1",
     "json2mq": "^0.2.0",
@@ -90,44 +82,66 @@
     "jss-rtl": "^0.3.0",
     "lodash": "^4.17.21",
     "lz-string": "^1.5.0",
-    "markdown-to-jsx": "^7.2.1",
+    "markdown-to-jsx": "^7.3.2",
     "material-ui-popup-state": "^5.0.9",
-    "next": "13.4.12",
+    "next": "13.4.19",
     "notistack": "3.0.1",
     "nprogress": "^0.2.0",
-    "postcss": "^8.4.27",
+    "postcss": "^8.4.29",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-draggable": "^4.4.5",
     "react-final-form": "^6.5.9",
-    "react-imask": "^6.6.3",
+    "react-imask": "^7.1.3",
     "react-intersection-observer": "^9.5.2",
     "react-is": "^18.2.0",
-    "react-number-format": "^5.2.2",
-    "react-router-dom": "^6.14.2",
+    "react-number-format": "^5.3.1",
+    "react-router-dom": "^6.15.0",
     "react-runner": "^1.0.3",
     "react-simple-code-editor": "^0.13.1",
     "react-swipeable-views": "^0.14.0",
+    "react-swipeable-views-utils": "^0.14.0",
     "react-transition-group": "^4.4.5",
-    "react-virtuoso": "^4.4.2",
+    "react-virtuoso": "^4.6.0",
     "react-window": "^1.8.9",
-    "recharts": "2.7.2",
+    "recharts": "2.8.0",
     "rimraf": "^5.0.1",
     "styled-components": "^5.3.11",
-    "stylis": "^4.2.0",
+    "stylis": "4.2.0",
     "stylis-plugin-rtl": "^2.1.1",
     "stylis-plugin-rtl-sc": "npm:stylis-plugin-rtl@^1.1.0",
-    "webfontloader": "^1.6.28",
-    "webpack-bundle-analyzer": "^4.9.0"
+    "use-count-up": "^3.0.1",
+    "webpack-bundle-analyzer": "^4.9.1"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-constant-elements": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.5",
-    "@types/marked": "^5.0.1",
-    "@types/recharts": "^2.0.0",
+    "@babel/preset-typescript": "^7.22.15",
+    "@mui-internal/docs-utilities": "^1.0.0",
+    "@mui-internal/test-utils": "^1.0.0",
+    "@types/autosuggest-highlight": "^3.2.0",
+    "@types/chai": "^4.3.6",
+    "@types/css-mediaquery": "^0.1.2",
+    "@types/json2mq": "^0.2.0",
+    "@types/markdown-to-jsx": "^7.0.1",
+    "@types/node": "^18.17.18",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@types/react-swipeable-views": "^0.13.2",
+    "@types/react-swipeable-views-utils": "^0.13.4",
+    "@types/react-transition-group": "^4.4.6",
+    "@types/react-window": "^1.8.5",
+    "@types/styled-components": "5.1.27",
+    "@types/stylis": "^4.2.0",
+    "chai": "^4.3.8",
     "cross-fetch": "^4.0.0",
     "gm": "^1.25.0",
-    "tailwindcss": "^3.3.3"
+    "marked": "^5.1.2",
+    "playwright": "^1.37.1",
+    "prettier": "^2.8.8",
+    "tailwindcss": "^3.3.3",
+    "typescript-to-proptypes": "^5.0.0",
+    "yargs": "^17.7.2"
   }
 }
diff --git a/docs/pages/_app.js b/docs/pages/_app.js
index 7b5e1dc3e84095..f1c3484eeb4eb8 100644
--- a/docs/pages/_app.js
+++ b/docs/pages/_app.js
@@ -359,13 +359,6 @@ export function reportWebVitals({ id, name, label, delta, value }) {
     return;
   }
 
-  window.ga('send', 'event', {
-    eventCategory: label === 'web-vital' ? 'Web Vitals' : 'Next.js custom metric',
-    eventAction: name,
-    eventValue: Math.round(name === 'CLS' ? value * 1000 : value), // values must be integers
-    eventLabel: id, // id unique to current page load
-    nonInteraction: true, // avoids affecting bounce rate.
-  });
   window.gtag('event', name, {
     value: delta,
     metric_label: label === 'web-vital' ? 'Web Vitals' : 'Next.js custom metric',
diff --git a/docs/pages/_document.js b/docs/pages/_document.js
index 953908455743e4..9d74dc2a55b3b5 100644
--- a/docs/pages/_document.js
+++ b/docs/pages/_document.js
@@ -34,9 +34,6 @@ if (process.env.NODE_ENV === 'production') {
 const PRODUCTION_GA =
   process.env.DEPLOY_ENV === 'production' || process.env.DEPLOY_ENV === 'staging';
 
-// TODO remove https://support.google.com/analytics/answer/11986666
-const GOOGLE_ANALYTICS_ID = PRODUCTION_GA ? 'UA-106598593-2' : 'UA-106598593-3';
-
 const GOOGLE_ANALYTICS_ID_V4 = PRODUCTION_GA ? 'G-5NXDQLC2ZK' : 'G-XJ83JQEK7J';
 
 export default class MyDocument extends Document {
@@ -44,7 +41,7 @@ export default class MyDocument extends Document {
     const { canonicalAsServer, userLanguage } = this.props;
 
     return (
-      <Html lang={userLanguage}>
+      <Html lang={userLanguage} data-mui-color-scheme="light" data-joy-color-scheme="light">
         <Head>
           {/*
             manifest.json provides metadata used when your web app is added to the
@@ -149,6 +146,13 @@ export default class MyDocument extends Document {
               '.mode-dark .only-dark-mode': {
                 display: 'block',
               },
+              // TODO migrate to .only-dark-mode to .only-dark-mode-v2
+              '[data-mui-color-scheme="light"] .only-dark-mode-v2': {
+                display: 'none',
+              },
+              '[data-mui-color-scheme="dark"] .only-light-mode-v2': {
+                display: 'none',
+              },
               '.plan-pro, .plan-premium': {
                 display: 'inline-block',
                 height: '1em',
@@ -176,11 +180,6 @@ export default class MyDocument extends Document {
             // eslint-disable-next-line react/no-danger
             dangerouslySetInnerHTML={{
               __html: `
-window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
-window.ga('create','${GOOGLE_ANALYTICS_ID}',{
-  sampleRate: ${PRODUCTION_GA ? 80 : 100},
-});
-
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 window.gtag = gtag;
diff --git a/docs/pages/about.tsx b/docs/pages/about.tsx
index cdcb53ccc182cb..e79759b64383a8 100644
--- a/docs/pages/about.tsx
+++ b/docs/pages/about.tsx
@@ -1,716 +1,37 @@
 import * as React from 'react';
-import Avatar from '@mui/material/Avatar';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Container from '@mui/material/Container';
 import Divider from '@mui/material/Divider';
-import IconButton from '@mui/material/IconButton';
-import Grid from '@mui/material/Grid';
-import Paper, { PaperProps } from '@mui/material/Paper';
-import Typography from '@mui/material/Typography';
-import Tooltip from '@mui/material/Tooltip';
-import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
-import TwitterIcon from '@mui/icons-material/Twitter';
-import GitHubIcon from '@mui/icons-material/GitHub';
-import ForumRoundedIcon from '@mui/icons-material/ForumRounded';
-import PeopleRoundedIcon from '@mui/icons-material/PeopleRounded';
-import LocalAtmRoundedIcon from '@mui/icons-material/LocalAtmRounded';
-import Link from 'docs/src/modules/components/Link';
 import AppHeader from 'docs/src/layouts/AppHeader';
-import References, { CORE_CUSTOMERS } from 'docs/src/components/home/References';
-import HeroEnd from 'docs/src/components/home/HeroEnd';
 import AppFooter from 'docs/src/layouts/AppFooter';
-import MuiStatistics from 'docs/src/components/home/MuiStatistics';
-import GradientText from 'docs/src/components/typography/GradientText';
-import ROUTES from 'docs/src/route';
-import Section from 'docs/src/layouts/Section';
-import IconImage from 'docs/src/components/icon/IconImage';
+import AboutHero from 'docs/src/components/about/AboutHero';
+import OurValues from 'docs/src/components/about/OurValues';
+import Team from 'docs/src/components/about/Team';
+import HowToSupport from 'docs/src/components/about/HowToSupport';
+import AboutEnd from 'docs/src/components/about/AboutEnd';
 import Head from 'docs/src/modules/components/Head';
 import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
 import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
-import teamMembers from 'docs/data/about/teamMembers.json';
-/**
- * Import data from: https://tools-public.mui.com/prod/pages/nSwYn51
-
-curl 'https://tools-public.mui.com/prod/api/data/muicomabout/queryAbout' \
-  -H 'content-type: application/json' \
-  --data-raw '{}' \
-  --compressed
-*/
-
-interface Profile {
-  name: string;
-  /**
-   * Role, what are you working on?
-   */
-  title: string;
-  /**
-   * Country where you live in, ISO 3166-1.
-   */
-  locationCountry: string; // https://flagpedia.net/download/api
-  /**
-   * Image URL.
-   */
-  src?: string;
-  /**
-   * Lives in.
-   */
-  location?: string;
-  /**
-   * Short summary about you.
-   */
-  about?: string;
-  github?: string;
-  twitter?: string;
-}
-
-function Person(props: Profile & { sx?: PaperProps['sx'] }) {
-  return (
-    <Paper variant="outlined" sx={{ p: 2, height: '100%', ...props.sx }}>
-      <Box
-        sx={{
-          display: 'flex',
-          alignItems: 'flex-start',
-          flexWrap: 'wrap',
-          '& > div': { minWidth: 'clamp(0px, (150px - 100%) * 999 ,100%)' },
-        }}
-      >
-        <Tooltip
-          title={props.location || false}
-          placement="right-end"
-          PopperProps={{
-            popperOptions: {
-              modifiers: [
-                {
-                  name: 'offset',
-                  options: {
-                    offset: [3, 2],
-                  },
-                },
-              ],
-            },
-          }}
-        >
-          <Box sx={{ position: 'relative', display: 'inline-block' }}>
-            <Avatar
-              variant="rounded"
-              imgProps={{
-                width: '70',
-                height: '70',
-                loading: 'lazy',
-              }}
-              src={props.src}
-              alt={props.name}
-              {...(props.src?.startsWith('https://avatars.githubusercontent.com') && {
-                src: `${props.src}?s=70`,
-                srcSet: `${props.src}?s=140 2x`,
-              })}
-              sx={(theme) => ({
-                width: 70,
-                height: 70,
-                borderRadius: 1,
-                backgroundColor: 'primary.100',
-                ...theme.applyDarkStyles({
-                  backgroundColor: 'primary.900',
-                }),
-              })}
-            />
-            <Box
-              sx={{
-                position: 'absolute',
-                bottom: 0,
-                right: 0,
-                transform: 'translateX(50%)',
-                boxShadow: '0px 4px 20px rgba(61, 71, 82, 0.25)',
-                width: 24,
-                height: 24,
-                border: '2px solid #fff',
-                backgroundColor: '#fff',
-                borderRadius: 40,
-                overflow: 'hidden',
-                display: 'flex',
-                justifyContent: 'center',
-              }}
-            >
-              <img
-                loading="lazy"
-                height="20"
-                src={`https://flagcdn.com/${props.locationCountry}.svg`}
-                alt=""
-              />
-            </Box>
-          </Box>
-        </Tooltip>
-        <Box mx="auto" height={15} />
-        <Box sx={{ mt: -0.5, mr: -0.5 }}>
-          {props.github && (
-            <IconButton
-              aria-label={`${props.name} github`}
-              component="a"
-              href={`https://github.com/${props.github}`}
-              target="_blank"
-              rel="noreferrer noopener"
-            >
-              <GitHubIcon fontSize="small" sx={{ color: 'grey.500' }} />
-            </IconButton>
-          )}
-          {props.twitter && (
-            <IconButton
-              aria-label={`${props.name} twitter`}
-              component="a"
-              href={`https://twitter.com/${props.twitter}`}
-              target="_blank"
-              rel="noreferrer noopener"
-            >
-              <TwitterIcon fontSize="small" sx={{ color: 'grey.500' }} />
-            </IconButton>
-          )}
-        </Box>
-      </Box>
-      <Typography variant="body2" fontWeight="bold" sx={{ mt: 2, mb: 0.5 }}>
-        {props.name}
-      </Typography>
-      <Typography variant="body2" color="text.secondary">
-        {props.title}
-      </Typography>
-      {props.about && (
-        <Divider
-          sx={(theme) => ({
-            my: 1,
-            borderColor: 'grey.100',
-            ...theme.applyDarkStyles({
-              borderColor: 'primaryDark.400',
-            }),
-          })}
-        />
-      )}
-      {props.about && (
-        <Typography variant="body2" color="text.secondary">
-          {props.about}
-        </Typography>
-      )}
-    </Paper>
-  );
-}
-
-function Widget({
-  children,
-  title,
-  icon,
-}: {
-  children: React.ReactNode;
-  title: string;
-  icon: React.ReactElement;
-}) {
-  return (
-    <Paper
-      variant="outlined"
-      sx={(theme) => ({
-        p: 4,
-        height: '100%',
-        position: 'relative',
-        borderRadius: '12px',
-        border: '1px solid',
-        borderColor: 'grey.100',
-        background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
-
-        ...theme.applyDarkStyles({
-          bgcolor: 'primaryDark.900',
-          borderColor: 'primaryDark.700',
-          background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
-        }),
-      })}
-    >
-      <Box
-        sx={(theme) => ({
-          width: 40,
-          height: 40,
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-          borderRadius: 1,
-          border: '1px solid',
-          borderColor: 'primary.200',
-          bgcolor: 'primary.50',
-          boxShadow:
-            '0px 1px 6px 0px rgba(194, 224, 255, 1), 0px 2px 30px 0px rgba(234, 237, 241, 0.3) inset',
-          ...theme.applyDarkStyles({
-            borderColor: 'primary.400',
-            bgcolor: 'primary.900',
-            boxShadow:
-              '0px 1px 6px 0px rgba(0, 89, 178, 1), 0px 2px 30px 0px rgba(0, 0, 0, 0.25) inset',
-          }),
-        })}
-      >
-        {icon}
-      </Box>
-      <Typography
-        fontWeight="bold"
-        component="h3"
-        color="text.primary"
-        variant="body2"
-        mt={2}
-        mb={0.5}
-      >
-        {title}
-      </Typography>
-      {children}
-    </Paper>
-  );
-}
-
-const contributors = [
-  {
-    name: 'Sebastian Silbermann',
-    github: 'eps1lon',
-    title: 'MUI Core, everything Open Source',
-    location: 'Berlin, Germany',
-    locationCountry: 'de',
-    src: 'https://avatars.githubusercontent.com/u/12292047',
-    twitter: 'sebsilbermann',
-  },
-  {
-    name: 'Ryan Cogswell',
-    github: 'ryancogswell',
-    title: 'Stack Overflow top contributor',
-    location: 'Minnesota, United States',
-    locationCountry: 'us',
-    src: 'https://avatars.githubusercontent.com/u/287804',
-  },
-  {
-    name: 'Yan Lee',
-    github: 'AGDholo',
-    title: 'Chinese docs',
-    location: 'China',
-    locationCountry: 'cn',
-    src: 'https://avatars.githubusercontent.com/u/13300332',
-  },
-  {
-    name: 'Jairon Alves Lima',
-    github: 'jaironalves',
-    title: 'Brazilian Portuguese docs',
-    location: 'São Paulo, Brazil',
-    locationCountry: 'br',
-    src: 'https://avatars.githubusercontent.com/u/29267813',
-  },
-  {
-    name: 'Danica Shen',
-    github: 'DDDDDanica',
-    title: 'Chinese docs',
-    location: 'Ireland',
-    locationCountry: 'ie',
-    src: 'https://avatars.githubusercontent.com/u/12678455',
-  },
-];
-
-const emeriti = [
-  {
-    name: 'Hai Nguyen',
-    github: 'hai-cea',
-    twitter: 'haicea',
-    title: 'MUI Core, v0.x creator',
-    location: 'Dallas, US',
-    locationCountry: 'us',
-    src: 'https://avatars.githubusercontent.com/u/2007468',
-  },
-  {
-    name: 'Nathan Marks',
-    github: 'nathanmarks',
-    title: 'MUI Core, v1.x co-creator',
-    location: 'Toronto, CA',
-    locationCountry: 'ca',
-    src: 'https://avatars.githubusercontent.com/u/4420103',
-  },
-  {
-    name: 'Kevin Ross',
-    github: 'rosskevin',
-    twitter: 'rosskevin',
-    title: 'MUI Core, flow',
-    location: 'Franklin, US',
-    locationCountry: 'us',
-    src: 'https://avatars.githubusercontent.com/u/136564',
-  },
-  {
-    name: 'Sebastian Sebald',
-    github: 'sebald',
-    twitter: 'sebastiansebald',
-    title: 'MUI Core',
-    location: 'Freiburg, Germany',
-    locationCountry: 'de',
-    src: 'https://avatars.githubusercontent.com/u/985701',
-  },
-  {
-    name: 'Ken Gregory',
-    github: 'kgregory',
-    title: 'MUI Core',
-    location: 'New Jersey, US',
-    locationCountry: 'us',
-    src: 'https://avatars.githubusercontent.com/u/3155127',
-  },
-  {
-    name: 'Tom Crockett',
-    github: 'pelotom',
-    twitter: 'pelotom',
-    title: 'MUI Core',
-    location: 'Los Angeles, US',
-    locationCountry: 'us',
-    src: 'https://avatars.githubusercontent.com/u/128019',
-  },
-  {
-    name: 'Maik Marschner',
-    github: 'leMaik',
-    twitter: 'leMaikOfficial',
-    title: 'MUI Core',
-    location: 'Hannover, Germany',
-    locationCountry: 'de',
-    src: 'https://avatars.githubusercontent.com/u/5544859',
-  },
-  {
-    name: 'Oleg Slobodskoi',
-    github: 'kof',
-    twitter: 'oleg008',
-    title: 'MUI Core, JSS',
-    location: 'Berlin, Germany',
-    locationCountry: 'de',
-    src: 'https://avatars.githubusercontent.com/u/52824',
-  },
-  {
-    name: 'Dmitriy Kovalenko',
-    github: 'dmtrKovalenko',
-    twitter: 'goose_plus_plus',
-    title: 'MUI X, date pickers',
-    location: 'Kharkiv, Ukraine',
-    locationCountry: 'ua',
-    src: 'https://avatars.githubusercontent.com/u/16926049',
-  },
-  {
-    name: 'Josh Wooding',
-    github: 'joshwooding',
-    twitter: 'JoshWooding_',
-    title: 'MUI Core, J.P. Morgan',
-    location: 'London, UK',
-    locationCountry: 'gb',
-    src: 'https://avatars.githubusercontent.com/u/12938082',
-  },
-];
-
-function AboutContent() {
-  return (
-    <React.Fragment>
-      <Container>
-        <Box
-          sx={{
-            pt: 12,
-
-            minHeight: 200,
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'center',
-            alignItems: 'center',
-            maxWidth: 600,
-            mx: 'auto',
-            textAlign: 'center',
-          }}
-        >
-          <Typography variant="body2" color="primary.600" fontWeight="bold">
-            About us
-          </Typography>
-          <Typography component="h1" variant="h2" sx={{ my: 1 }}>
-            We&apos;re on a mission to make <br /> building UIs more{' '}
-            <GradientText>accessible</GradientText>
-          </Typography>
-          <Typography
-            color="text.secondary"
-            textAlign="center"
-            sx={{
-              maxWidth: { md: 500 },
-              minHeight: 48, // a hack to reduce CLS (layout shift)
-            }}
-          >
-            Our mission is to empower anyone to build UIs, faster. We&apos;re reducing the entry
-            barrier, making design skills accessible.
-          </Typography>
-        </Box>
-        <References companies={CORE_CUSTOMERS} />
-      </Container>
-      <Divider />
-      <Section bg="gradient" cozy>
-        <Grid container alignItems="center" spacing={4}>
-          <Grid item xs={12} md={6}>
-            <Typography variant="h2" sx={{ my: 1 }}>
-              Our <GradientText>ultimate</GradientText> goal
-            </Typography>
-            <Typography color="text.secondary" sx={{ mb: 1, maxWidth: 450 }}>
-              We aim high trying to design the most effective and efficient tool for building UIs,
-              for developers and designers. MUI started back in 2014, to unify React and Material
-              Design. Since then, we&apos;ve become a community of over 2M developers from every
-              corner of the world.
-            </Typography>
-            <Typography color="text.secondary" sx={{ mb: 2 }}>
-              We plan on doing all that cultivating our values:
-            </Typography>
-            {[
-              'Customer obsessed. We put our customers front & center.',
-              'Transparency. Most of our work is public.',
-              'Freedom. We work from anywhere in the world.',
-              'Autonomy. We want to create a safe, high-trust team.',
-              "Excellence. We're aiming high, and we know it.",
-            ].map((text) => (
-              <Box key={text} sx={{ display: 'flex', alignItems: 'center', mt: 1 }}>
-                <IconImage name="yes" />
-                <Typography variant="body2" color="text.primary" fontWeight={600} sx={{ ml: 1.5 }}>
-                  {text}
-                </Typography>
-              </Box>
-            ))}
-          </Grid>
-          <MuiStatistics />
-        </Grid>
-      </Section>
-      <Divider />
-      <Container sx={{ py: { xs: 4, md: 8 } }}>
-        <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-          <div>
-            <Typography variant="h2" sx={{ my: 1 }}>
-              Team
-            </Typography>
-            <Typography color="text.secondary" sx={{ mb: 2, maxWidth: 450 }}>
-              MUI is maintained by a group of invaluable core contributors, with the massive support
-              and involvement of the community.
-            </Typography>
-            <Button
-              component={Link}
-              noLinkStyle
-              href={ROUTES.careers}
-              endIcon={<KeyboardArrowRightRounded fontSize="small" />}
-              variant="contained"
-              size="large"
-              sx={{ width: { xs: '100%', sm: 'auto' } }}
-            >
-              See open roles
-            </Button>
-          </div>
-        </Box>
-        <Divider sx={{ my: { xs: 2, sm: 4 } }} />
-        <Typography
-          component="h3"
-          variant="h5"
-          color="primary"
-          fontWeight="extraBold"
-          sx={{ mb: 1 }}
-          id="company"
-        >
-          Company
-        </Typography>
-        <Typography color="text.secondary" sx={{ maxWidth: { md: 450 } }}>
-          The development of the project and its ecosystem is guided by an international team.
-        </Typography>
-        <Box sx={{ pt: 2 }}>
-          <Grid container spacing={2}>
-            {(teamMembers as Array<Profile>).map((profileJson) => {
-              const profile = {
-                src: `/static/branding/about/${profileJson.name
-                  .split(' ')
-                  .map((x) => x.toLowerCase())
-                  .join('-')}.png`,
-                ...profileJson,
-              };
-              return (
-                <Grid key={profile.name} item xs={12} sm={6} md={3}>
-                  <Person {...profile} />
-                </Grid>
-              );
-            })}
-          </Grid>
-        </Box>
-      </Container>
-      <Divider />
-      <Box data-mui-color-scheme="dark" sx={{ bgcolor: 'primaryDark.900' }}>
-        <Container sx={{ py: { xs: 4, sm: 8 } }}>
-          <Typography
-            component="h3"
-            variant="h5"
-            color="primary.400"
-            fontWeight="extraBold"
-            sx={{ mb: 1 }}
-          >
-            Community contributors
-          </Typography>
-          <Typography color="text.secondary" sx={{ maxWidth: { md: 500 } }}>
-            Some members of the community have so enriched it, that they deserve special mention.
-          </Typography>
-          <Box sx={{ pt: 2, pb: { xs: 4, sm: 8 } }}>
-            <Grid container spacing={2}>
-              {contributors.map((profile) => (
-                <Grid key={profile.name} item xs={12} sm={6} md={3}>
-                  <Person {...profile} sx={{ bgcolor: 'primaryDark.600' }} />
-                </Grid>
-              ))}
-            </Grid>
-          </Box>
-          <Typography
-            component="h3"
-            variant="h5"
-            color="warning.500"
-            fontWeight="extraBold"
-            sx={{ mb: 1 }}
-          >
-            Community emeriti
-          </Typography>
-          <Typography color="text.secondary" sx={{ maxWidth: { md: 500 } }}>
-            We honor some no-longer-active core team members who have made valuable contributions in
-            the past. They advise us from time to time.
-          </Typography>
-          <Box sx={{ pt: 2 }}>
-            <Grid container spacing={2}>
-              {emeriti.map((profile) => (
-                <Grid key={profile.name} item xs={12} sm={6} md={3}>
-                  <Person {...profile} sx={{ bgcolor: 'primaryDark.600' }} />
-                </Grid>
-              ))}
-            </Grid>
-          </Box>
-        </Container>
-      </Box>
-      <Divider />
-      <Container sx={{ py: { xs: 4, md: 12 } }}>
-        <Typography variant="h2" sx={{ mt: 1, mb: { xs: 2, sm: 4 } }}>
-          How can you support us?
-        </Typography>
-        <Grid container spacing={3}>
-          <Grid item xs={12} sm={6} md={4}>
-            <Widget
-              icon={<ForumRoundedIcon fontSize="small" color="primary" />}
-              title="Give feedback"
-            >
-              <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
-                Tell us what and where we can improve or share your happy moments with us! You can
-                also up or downvote any page on our documentation. <br />
-                <br /> And lastly, from time to time, we send our community a survey for more
-                structured feedback, you&apos;re always invited to participate to share your
-                thoughts.
-              </Typography>
-              <Button
-                component="a"
-                // @ts-expect-error
-                variant="link"
-                size="small"
-                href="https://github.com/mui/material-ui/issues?q=is%3Aissue+is%3Aopen+sort%3Areactions-%2B1-desc"
-                endIcon={<KeyboardArrowRightRounded />}
-                sx={{ ml: -1 }}
-              >
-                Leave your feedback{' '}
-              </Button>
-            </Widget>
-          </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-            <Widget
-              icon={<PeopleRoundedIcon fontSize="small" color="primary" />}
-              title="Join the community"
-            >
-              <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
-                Become a member of a huge community of developers supporting MUI. You can:
-              </Typography>
-              <Box
-                component="ul"
-                sx={{
-                  typography: 'body2',
-                  color: 'text.secondary',
-                  pl: 2,
-                  mb: 2,
-                }}
-              >
-                <li>
-                  Add new features by{' '}
-                  <Link href="https://github.com/mui/material-ui/blob/HEAD/CONTRIBUTING.md#your-first-pull-request">
-                    submitting a pull request
-                  </Link>
-                  .
-                </li>
-                <li>
-                  Fix bugs or{' '}
-                  <Link href="https://github.com/mui/material-ui/tree/HEAD/docs">
-                    improve our documentation
-                  </Link>
-                  .
-                </li>
-                <li>
-                  Help others by reviewing and commenting on existing{' '}
-                  <Link href="https://github.com/mui/material-ui/pulls">PRs</Link> and{' '}
-                  <Link href="https://github.com/mui/material-ui/issues">issues</Link>.
-                </li>
-                <li>
-                  Help <Link href="https://crowdin.com/project/material-ui-docs">translate</Link>{' '}
-                  the documentation.
-                </li>
-                <li>
-                  Answer questions on{' '}
-                  <Link href="https://stackoverflow.com/questions/tagged/material-ui">
-                    Stack Overflow
-                  </Link>
-                  .
-                </li>
-              </Box>
-              <Button
-                component="a"
-                // @ts-expect-error
-                variant="link"
-                size="small"
-                href="https://github.com/mui/material-ui"
-                endIcon={<KeyboardArrowRightRounded />}
-                sx={{ ml: -1 }}
-              >
-                See the repository
-              </Button>
-            </Widget>
-          </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-            <Widget
-              icon={<LocalAtmRoundedIcon fontSize="small" color="primary" />}
-              title="Support us financially"
-            >
-              <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
-                If you use MUI in a commercial project and would like to support its continued
-                development by becoming a Sponsor, or in a side or hobby project and would like to
-                become a Backer, you can do so through OpenCollective.
-                <br />
-                <br />
-                All funds donated are managed transparently, and Sponsors receive recognition in the
-                README and on the MUI home page.
-              </Typography>
-              <Button
-                component="a"
-                // @ts-expect-error
-                variant="link"
-                size="small"
-                href="https://opencollective.com/mui"
-                endIcon={<KeyboardArrowRightRounded />}
-                sx={{ ml: -1 }}
-              >
-                See Open Collective{' '}
-              </Button>
-            </Widget>
-          </Grid>
-        </Grid>
-      </Container>
-      <Divider />
-      <HeroEnd />
-      <Divider />
-    </React.Fragment>
-  );
-}
 
 export default function About() {
   return (
     <BrandingCssVarsProvider>
       <Head
         title="About us - MUI"
-        description="Our mission is to empower anyone to build UIs, faster. We're reducing the entry barrier, making design skills accessible."
+        description="MUI is a 100% remote globally distributed team, supported by a community of thousands
+        of developers all across the world."
       />
       <AppHeaderBanner />
       <AppHeader />
       <main id="main-content">
-        <AboutContent />
+        <AboutHero />
+        <Divider />
+        <OurValues />
+        <Divider />
+        <Team />
+        <Divider />
+        <HowToSupport />
+        <Divider />
+        <AboutEnd />
+        <Divider />
       </main>
       <AppFooter />
     </BrandingCssVarsProvider>
diff --git a/docs/pages/base-ui/api/form-control.json b/docs/pages/base-ui/api/form-control.json
index 039d5e57bbf2f7..6039ce6dd18a9d 100644
--- a/docs/pages/base-ui/api/form-control.json
+++ b/docs/pages/base-ui/api/form-control.json
@@ -22,7 +22,16 @@
     "import { FormControl } from '@mui/base/FormControl';",
     "import { FormControl } from '@mui/base';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": {
+    "classes": ["root", "disabled", "error", "filled", "focused", "required"],
+    "globalClasses": {
+      "disabled": "Mui-disabled",
+      "error": "Mui-error",
+      "focused": "Mui-focused",
+      "required": "Mui-required"
+    },
+    "name": null
+  },
   "spread": true,
   "muiName": "MuiFormControl",
   "forwardsRefTo": "HTMLDivElement",
diff --git a/docs/pages/base-ui/api/number-input.json b/docs/pages/base-ui/api/number-input.json
index 1bb6945c855368..c3d5691a4e999f 100644
--- a/docs/pages/base-ui/api/number-input.json
+++ b/docs/pages/base-ui/api/number-input.json
@@ -2,6 +2,7 @@
   "props": {
     "defaultValue": { "type": { "name": "any" } },
     "disabled": { "type": { "name": "bool" } },
+    "endAdornment": { "type": { "name": "node" } },
     "error": { "type": { "name": "bool" } },
     "id": { "type": { "name": "string" } },
     "max": { "type": { "name": "number" } },
@@ -38,6 +39,7 @@
       "default": "{}",
       "additionalInfo": { "slotsApi": true }
     },
+    "startAdornment": { "type": { "name": "node" } },
     "step": { "type": { "name": "number" } },
     "value": { "type": { "name": "any" } }
   },
@@ -74,8 +76,21 @@
     }
   ],
   "classes": {
-    "classes": ["disabled", "error", "focused", "formControl", "readOnly"],
-    "globalClasses": { "focused": "Mui-focused", "disabled": "Mui-disabled", "error": "Mui-error" }
+    "classes": [
+      "adornedEnd",
+      "adornedStart",
+      "disabled",
+      "error",
+      "focused",
+      "formControl",
+      "readOnly"
+    ],
+    "globalClasses": {
+      "focused": "Mui-focused",
+      "disabled": "Mui-disabled",
+      "readOnly": "Mui-readOnly",
+      "error": "Mui-error"
+    }
   },
   "spread": true,
   "muiName": "MuiNumberInput",
diff --git a/docs/pages/base-ui/api/popper.json b/docs/pages/base-ui/api/popper.json
index 67174fe145eac7..b7dfeb93080970 100644
--- a/docs/pages/base-ui/api/popper.json
+++ b/docs/pages/base-ui/api/popper.json
@@ -49,7 +49,7 @@
   },
   "name": "Popper",
   "imports": ["import { Popper } from '@mui/base/Popper';", "import { Popper } from '@mui/base';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": null },
   "spread": true,
   "muiName": "MuiPopper",
   "forwardsRefTo": "HTMLDivElement",
diff --git a/docs/pages/base-ui/api/popup.json b/docs/pages/base-ui/api/popup.json
new file mode 100644
index 00000000000000..44b2188b793075
--- /dev/null
+++ b/docs/pages/base-ui/api/popup.json
@@ -0,0 +1,70 @@
+{
+  "props": {
+    "anchor": {
+      "type": {
+        "name": "union",
+        "description": "HTML element<br>&#124;&nbsp;object<br>&#124;&nbsp;func"
+      }
+    },
+    "container": { "type": { "name": "union", "description": "HTML element<br>&#124;&nbsp;func" } },
+    "disablePortal": { "type": { "name": "bool" }, "default": "false" },
+    "keepMounted": { "type": { "name": "bool" }, "default": "false" },
+    "middleware": {
+      "type": {
+        "name": "arrayOf",
+        "description": "Array&lt;false<br>&#124;&nbsp;{ fn: func, name: string, options?: any }&gt;"
+      }
+    },
+    "offset": {
+      "type": {
+        "name": "union",
+        "description": "func<br>&#124;&nbsp;number<br>&#124;&nbsp;{ alignmentAxis?: number, crossAxis?: number, mainAxis?: number }"
+      },
+      "default": "0"
+    },
+    "open": { "type": { "name": "bool" }, "default": "false" },
+    "placement": {
+      "type": {
+        "name": "enum",
+        "description": "'bottom-end'<br>&#124;&nbsp;'bottom-start'<br>&#124;&nbsp;'bottom'<br>&#124;&nbsp;'left-end'<br>&#124;&nbsp;'left-start'<br>&#124;&nbsp;'left'<br>&#124;&nbsp;'right-end'<br>&#124;&nbsp;'right-start'<br>&#124;&nbsp;'right'<br>&#124;&nbsp;'top-end'<br>&#124;&nbsp;'top-start'<br>&#124;&nbsp;'top'"
+      },
+      "default": "'bottom'"
+    },
+    "slotProps": {
+      "type": { "name": "shape", "description": "{ root?: func<br>&#124;&nbsp;object }" },
+      "default": "{}"
+    },
+    "slots": {
+      "type": { "name": "shape", "description": "{ root?: elementType }" },
+      "default": "{}",
+      "additionalInfo": { "slotsApi": true }
+    },
+    "strategy": {
+      "type": { "name": "enum", "description": "'absolute'<br>&#124;&nbsp;'fixed'" },
+      "default": "'absolute'"
+    },
+    "withTransition": { "type": { "name": "bool" }, "default": "false" }
+  },
+  "name": "Popup",
+  "imports": [
+    "import { Unstable_Popup as Popup } from '@mui/base/Unstable_Popup';",
+    "import { Unstable_Popup as Popup } from '@mui/base';"
+  ],
+  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "slots": [
+    {
+      "name": "root",
+      "description": "The component that renders the root.",
+      "default": "'div'",
+      "class": ".MuiPopup-root"
+    }
+  ],
+  "classes": { "classes": ["open"], "globalClasses": { "open": "Mui-open" } },
+  "spread": true,
+  "muiName": "MuiPopup",
+  "forwardsRefTo": "HTMLDivElement",
+  "filename": "/packages/mui-base/src/Unstable_Popup/Popup.tsx",
+  "inheritance": null,
+  "demos": "<ul><li><a href=\"/base-ui/react-popup/\">Popup</a></li></ul>",
+  "cssComponent": false
+}
diff --git a/docs/pages/base-ui/api/select.json b/docs/pages/base-ui/api/select.json
index 093c34e53ed4e8..6cddf6bd2ab0d6 100644
--- a/docs/pages/base-ui/api/select.json
+++ b/docs/pages/base-ui/api/select.json
@@ -13,7 +13,9 @@
     "name": { "type": { "name": "string" } },
     "onChange": { "type": { "name": "func" } },
     "onListboxOpenChange": { "type": { "name": "func" } },
+    "placeholder": { "type": { "name": "node" } },
     "renderValue": { "type": { "name": "func" } },
+    "required": { "type": { "name": "bool" }, "default": "false" },
     "slotProps": {
       "type": {
         "name": "shape",
diff --git a/docs/pages/base-ui/api/snackbar.json b/docs/pages/base-ui/api/snackbar.json
index 98e69833abe55c..7fbded8b892229 100644
--- a/docs/pages/base-ui/api/snackbar.json
+++ b/docs/pages/base-ui/api/snackbar.json
@@ -30,7 +30,7 @@
     "import { Snackbar } from '@mui/base/Snackbar';",
     "import { Snackbar } from '@mui/base';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": null },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/base-ui/api/switch.json b/docs/pages/base-ui/api/switch.json
index b3feb13350a845..eb94e30b6a19fc 100644
--- a/docs/pages/base-ui/api/switch.json
+++ b/docs/pages/base-ui/api/switch.json
@@ -63,7 +63,8 @@
     "globalClasses": {
       "checked": "Mui-checked",
       "disabled": "Mui-disabled",
-      "focusVisible": "Mui-focusVisible"
+      "focusVisible": "Mui-focusVisible",
+      "readOnly": "Mui-readOnly"
     }
   },
   "spread": true,
diff --git a/docs/pages/base-ui/api/use-autocomplete.json b/docs/pages/base-ui/api/use-autocomplete.json
index cae225680d43be..a3318526993125 100644
--- a/docs/pages/base-ui/api/use-autocomplete.json
+++ b/docs/pages/base-ui/api/use-autocomplete.json
@@ -177,8 +177,8 @@
     },
     "getInputProps": {
       "type": {
-        "name": "() =&gt; React.InputHTMLAttributes&lt;HTMLInputElement&gt;",
-        "description": "() =&gt; React.InputHTMLAttributes&lt;HTMLInputElement&gt;"
+        "name": "() =&gt; React.InputHTMLAttributes&lt;HTMLInputElement&gt; &amp; {\n  ref: React.Ref&lt;HTMLInputElement&gt;\n}",
+        "description": "() =&gt; React.InputHTMLAttributes&lt;HTMLInputElement&gt; &amp; {\n  ref: React.Ref&lt;HTMLInputElement&gt;\n}"
       },
       "required": true
     },
diff --git a/docs/pages/base-ui/api/use-button.json b/docs/pages/base-ui/api/use-button.json
index 047942588ed30b..9831db2972165b 100644
--- a/docs/pages/base-ui/api/use-button.json
+++ b/docs/pages/base-ui/api/use-button.json
@@ -32,8 +32,8 @@
     "focusVisible": { "type": { "name": "boolean", "description": "boolean" }, "required": true },
     "getRootProps": {
       "type": {
-        "name": "&lt;TOther extends EventHandlers = {}&gt;(otherHandlers?: TOther) =&gt; UseButtonRootSlotProps&lt;TOther&gt;",
-        "description": "&lt;TOther extends EventHandlers = {}&gt;(otherHandlers?: TOther) =&gt; UseButtonRootSlotProps&lt;TOther&gt;"
+        "name": "&lt;ExternalProps extends Record&lt;string, any&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseButtonRootSlotProps&lt;ExternalProps&gt;",
+        "description": "&lt;ExternalProps extends Record&lt;string, any&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseButtonRootSlotProps&lt;ExternalProps&gt;"
       },
       "required": true
     },
diff --git a/docs/pages/base-ui/api/use-input.json b/docs/pages/base-ui/api/use-input.json
index 73dc3a06abe04b..dafebdd4c591cc 100644
--- a/docs/pages/base-ui/api/use-input.json
+++ b/docs/pages/base-ui/api/use-input.json
@@ -5,24 +5,30 @@
     "error": { "type": { "name": "boolean", "description": "boolean" } },
     "inputRef": {
       "type": {
-        "name": "React.Ref&lt;HTMLInputElement&gt;",
-        "description": "React.Ref&lt;HTMLInputElement&gt;"
+        "name": "React.Ref&lt;HTMLInputElement | HTMLTextAreaElement&gt;",
+        "description": "React.Ref&lt;HTMLInputElement | HTMLTextAreaElement&gt;"
       }
     },
     "onBlur": {
-      "type": { "name": "React.FocusEventHandler", "description": "React.FocusEventHandler" }
+      "type": {
+        "name": "React.FocusEventHandler&lt;HTMLInputElement | HTMLTextAreaElement&gt;",
+        "description": "React.FocusEventHandler&lt;HTMLInputElement | HTMLTextAreaElement&gt;"
+      }
     },
     "onChange": {
       "type": {
-        "name": "React.ChangeEventHandler&lt;HTMLInputElement&gt;",
-        "description": "React.ChangeEventHandler&lt;HTMLInputElement&gt;"
+        "name": "React.ChangeEventHandler&lt;HTMLInputElement | HTMLTextAreaElement&gt;",
+        "description": "React.ChangeEventHandler&lt;HTMLInputElement | HTMLTextAreaElement&gt;"
       }
     },
     "onClick": {
       "type": { "name": "React.MouseEventHandler", "description": "React.MouseEventHandler" }
     },
     "onFocus": {
-      "type": { "name": "React.FocusEventHandler", "description": "React.FocusEventHandler" }
+      "type": {
+        "name": "React.FocusEventHandler&lt;HTMLInputElement | HTMLTextAreaElement&gt;",
+        "description": "React.FocusEventHandler&lt;HTMLInputElement | HTMLTextAreaElement&gt;"
+      }
     },
     "required": { "type": { "name": "boolean", "description": "boolean" } },
     "value": { "type": { "name": "unknown", "description": "unknown" } }
@@ -40,22 +46,22 @@
     },
     "getInputProps": {
       "type": {
-        "name": "&lt;TOther extends Record&lt;string, any&gt; = {}&gt;(externalProps?: TOther) =&gt; UseInputInputSlotProps&lt;TOther&gt;",
-        "description": "&lt;TOther extends Record&lt;string, any&gt; = {}&gt;(externalProps?: TOther) =&gt; UseInputInputSlotProps&lt;TOther&gt;"
+        "name": "&lt;ExternalProps extends Record&lt;string, any&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseInputInputSlotProps&lt;ExternalProps&gt;",
+        "description": "&lt;ExternalProps extends Record&lt;string, any&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseInputInputSlotProps&lt;ExternalProps&gt;"
       },
       "required": true
     },
     "getRootProps": {
       "type": {
-        "name": "&lt;TOther extends Record&lt;string, any&gt; = {}&gt;(externalProps?: TOther) =&gt; UseInputRootSlotProps&lt;TOther&gt;",
-        "description": "&lt;TOther extends Record&lt;string, any&gt; = {}&gt;(externalProps?: TOther) =&gt; UseInputRootSlotProps&lt;TOther&gt;"
+        "name": "&lt;ExternalProps extends Record&lt;string, any&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseInputRootSlotProps&lt;ExternalProps&gt;",
+        "description": "&lt;ExternalProps extends Record&lt;string, any&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseInputRootSlotProps&lt;ExternalProps&gt;"
       },
       "required": true
     },
     "inputRef": {
       "type": {
-        "name": "React.RefCallback&lt;HTMLInputElement&gt; | null",
-        "description": "React.RefCallback&lt;HTMLInputElement&gt; | null"
+        "name": "React.RefCallback&lt;HTMLInputElement | HTMLTextAreaElement&gt; | null",
+        "description": "React.RefCallback&lt;HTMLInputElement | HTMLTextAreaElement&gt; | null"
       },
       "required": true
     },
diff --git a/docs/pages/base-ui/api/use-menu-button.json b/docs/pages/base-ui/api/use-menu-button.json
index 98944a32d01db8..40b321b2e743bc 100644
--- a/docs/pages/base-ui/api/use-menu-button.json
+++ b/docs/pages/base-ui/api/use-menu-button.json
@@ -16,8 +16,8 @@
     "active": { "type": { "name": "boolean", "description": "boolean" }, "required": true },
     "getRootProps": {
       "type": {
-        "name": "(otherHandlers?: EventHandlers) =&gt; UseMenuButtonRootSlotProps",
-        "description": "(otherHandlers?: EventHandlers) =&gt; UseMenuButtonRootSlotProps"
+        "name": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseMenuButtonRootSlotProps&lt;ExternalProps&gt;",
+        "description": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseMenuButtonRootSlotProps&lt;ExternalProps&gt;"
       },
       "required": true
     },
diff --git a/docs/pages/base-ui/api/use-menu-item.json b/docs/pages/base-ui/api/use-menu-item.json
index e7040ba57aec9c..26b5521fcc4c1f 100644
--- a/docs/pages/base-ui/api/use-menu-item.json
+++ b/docs/pages/base-ui/api/use-menu-item.json
@@ -19,8 +19,8 @@
     "focusVisible": { "type": { "name": "boolean", "description": "boolean" }, "required": true },
     "getRootProps": {
       "type": {
-        "name": "&lt;TOther extends EventHandlers = {}&gt;(otherHandlers?: TOther) =&gt; UseMenuItemRootSlotProps&lt;TOther&gt;",
-        "description": "&lt;TOther extends EventHandlers = {}&gt;(otherHandlers?: TOther) =&gt; UseMenuItemRootSlotProps&lt;TOther&gt;"
+        "name": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseMenuItemRootSlotProps&lt;ExternalProps&gt;",
+        "description": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseMenuItemRootSlotProps&lt;ExternalProps&gt;"
       },
       "required": true
     },
diff --git a/docs/pages/base-ui/api/use-menu.json b/docs/pages/base-ui/api/use-menu.json
index 484ca9528fe58c..af7f64df19fd60 100644
--- a/docs/pages/base-ui/api/use-menu.json
+++ b/docs/pages/base-ui/api/use-menu.json
@@ -25,8 +25,8 @@
     },
     "getListboxProps": {
       "type": {
-        "name": "&lt;TOther extends EventHandlers&gt;(otherHandlers?: TOther) =&gt; UseMenuListboxSlotProps",
-        "description": "&lt;TOther extends EventHandlers&gt;(otherHandlers?: TOther) =&gt; UseMenuListboxSlotProps"
+        "name": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseMenuListboxSlotProps",
+        "description": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseMenuListboxSlotProps"
       },
       "required": true
     },
diff --git a/docs/pages/base-ui/api/use-modal.json b/docs/pages/base-ui/api/use-modal.json
new file mode 100644
index 00000000000000..494620611cab21
--- /dev/null
+++ b/docs/pages/base-ui/api/use-modal.json
@@ -0,0 +1,101 @@
+{
+  "parameters": {
+    "children": {
+      "type": {
+        "name": "React.ReactElement | undefined | null",
+        "description": "React.ReactElement | undefined | null"
+      },
+      "required": true
+    },
+    "open": { "type": { "name": "boolean", "description": "boolean" }, "required": true },
+    "rootRef": {
+      "type": { "name": "React.Ref&lt;Element&gt;", "description": "React.Ref&lt;Element&gt;" },
+      "required": true
+    },
+    "aria-hidden": {
+      "type": {
+        "name": "React.AriaAttributes[&#39;aria-hidden&#39;]",
+        "description": "React.AriaAttributes[&#39;aria-hidden&#39;]"
+      }
+    },
+    "closeAfterTransition": {
+      "type": { "name": "boolean", "description": "boolean" },
+      "default": "false"
+    },
+    "container": {
+      "type": {
+        "name": "PortalProps[&#39;container&#39;]",
+        "description": "PortalProps[&#39;container&#39;]"
+      }
+    },
+    "disableEscapeKeyDown": {
+      "type": { "name": "boolean", "description": "boolean" },
+      "default": "false"
+    },
+    "disableScrollLock": {
+      "type": { "name": "boolean", "description": "boolean" },
+      "default": "false"
+    },
+    "onClose": {
+      "type": {
+        "name": "{\n  bivarianceHack(event: {}, reason: &#39;backdropClick&#39; | &#39;escapeKeyDown&#39;): void\n}[&#39;bivarianceHack&#39;]",
+        "description": "{\n  bivarianceHack(event: {}, reason: &#39;backdropClick&#39; | &#39;escapeKeyDown&#39;): void\n}[&#39;bivarianceHack&#39;]"
+      }
+    },
+    "onKeyDown": {
+      "type": { "name": "React.KeyboardEventHandler", "description": "React.KeyboardEventHandler" }
+    },
+    "onTransitionEnter": { "type": { "name": "() =&gt; void", "description": "() =&gt; void" } },
+    "onTransitionExited": { "type": { "name": "() =&gt; void", "description": "() =&gt; void" } }
+  },
+  "returnValue": {
+    "exited": { "type": { "name": "boolean", "description": "boolean" }, "required": true },
+    "getBackdropProps": {
+      "type": {
+        "name": "&lt;TOther extends EventHandlers = {}&gt;(externalProps?: TOther) =&gt; UseModalBackdropSlotProps&lt;TOther&gt;",
+        "description": "&lt;TOther extends EventHandlers = {}&gt;(externalProps?: TOther) =&gt; UseModalBackdropSlotProps&lt;TOther&gt;"
+      },
+      "required": true
+    },
+    "getRootProps": {
+      "type": {
+        "name": "&lt;TOther extends EventHandlers = {}&gt;(externalProps?: TOther) =&gt; UseModalRootSlotProps&lt;TOther&gt;",
+        "description": "&lt;TOther extends EventHandlers = {}&gt;(externalProps?: TOther) =&gt; UseModalRootSlotProps&lt;TOther&gt;"
+      },
+      "required": true
+    },
+    "getTransitionProps": {
+      "type": {
+        "name": "&lt;TOther extends EventHandlers = {}&gt;(externalProps?: TOther) =&gt; { onEnter: () =&gt; void; onExited: () =&gt; void }",
+        "description": "&lt;TOther extends EventHandlers = {}&gt;(externalProps?: TOther) =&gt; { onEnter: () =&gt; void; onExited: () =&gt; void }"
+      },
+      "required": true
+    },
+    "hasTransition": { "type": { "name": "boolean", "description": "boolean" }, "required": true },
+    "isTopModal": {
+      "type": { "name": "() =&gt; boolean", "description": "() =&gt; boolean" },
+      "required": true
+    },
+    "portalRef": {
+      "type": {
+        "name": "React.RefCallback&lt;Element&gt; | null",
+        "description": "React.RefCallback&lt;Element&gt; | null"
+      },
+      "required": true
+    },
+    "rootRef": {
+      "type": {
+        "name": "React.RefCallback&lt;Element&gt; | null",
+        "description": "React.RefCallback&lt;Element&gt; | null"
+      },
+      "required": true
+    }
+  },
+  "name": "useModal",
+  "filename": "/packages/mui-base/src/unstable_useModal/useModal.ts",
+  "imports": [
+    "import { unstable_useModal as useModal } from '@mui/base/unstable_useModal';",
+    "import { unstable_useModal as useModal } from '@mui/base';"
+  ],
+  "demos": "<ul><li><a href=\"/base-ui/react-modal/#hook\">Modal</a></li></ul>"
+}
diff --git a/docs/pages/base-ui/api/use-option.json b/docs/pages/base-ui/api/use-option.json
index e71313c454812e..0db56f9c19f981 100644
--- a/docs/pages/base-ui/api/use-option.json
+++ b/docs/pages/base-ui/api/use-option.json
@@ -14,8 +14,8 @@
   "returnValue": {
     "getRootProps": {
       "type": {
-        "name": "&lt;Other extends EventHandlers&gt;(otherHandlers?: Other) =&gt; UseOptionRootSlotProps&lt;Other&gt;",
-        "description": "&lt;Other extends EventHandlers&gt;(otherHandlers?: Other) =&gt; UseOptionRootSlotProps&lt;Other&gt;"
+        "name": "&lt;ExternalProps extends Record&lt;string, unknown&gt;&gt;(externalProps?: ExternalProps) =&gt; UseOptionRootSlotProps&lt;ExternalProps&gt;",
+        "description": "&lt;ExternalProps extends Record&lt;string, unknown&gt;&gt;(externalProps?: ExternalProps) =&gt; UseOptionRootSlotProps&lt;ExternalProps&gt;"
       },
       "required": true
     },
diff --git a/docs/pages/base-ui/api/use-select.json b/docs/pages/base-ui/api/use-select.json
index 9c672145b44c54..20af4c0a2f7de0 100644
--- a/docs/pages/base-ui/api/use-select.json
+++ b/docs/pages/base-ui/api/use-select.json
@@ -24,11 +24,18 @@
       },
       "default": "defaultOptionStringifier"
     },
+    "getSerializedValue": {
+      "type": {
+        "name": "(option: SelectValue&lt;SelectOption&lt;OptionValue&gt;, Multiple&gt;) =&gt; React.InputHTMLAttributes&lt;HTMLInputElement&gt;[&#39;value&#39;]",
+        "description": "(option: SelectValue&lt;SelectOption&lt;OptionValue&gt;, Multiple&gt;) =&gt; React.InputHTMLAttributes&lt;HTMLInputElement&gt;[&#39;value&#39;]"
+      }
+    },
     "listboxId": { "type": { "name": "string", "description": "string" } },
     "listboxRef": {
       "type": { "name": "React.Ref&lt;Element&gt;", "description": "React.Ref&lt;Element&gt;" }
     },
     "multiple": { "type": { "name": "Multiple", "description": "Multiple" }, "default": "false" },
+    "name": { "type": { "name": "string", "description": "string" } },
     "onChange": {
       "type": {
         "name": "(event: React.MouseEvent | React.KeyboardEvent | React.FocusEvent | null, value: SelectValue&lt;OptionValue, Multiple&gt;) =&gt; void",
@@ -51,6 +58,7 @@
         "description": "SelectOptionDefinition&lt;OptionValue&gt;[]"
       }
     },
+    "required": { "type": { "name": "boolean", "description": "boolean" } },
     "value": {
       "type": {
         "name": "SelectValue&lt;OptionValue, Multiple&gt;",
@@ -88,15 +96,22 @@
     },
     "getButtonProps": {
       "type": {
-        "name": "&lt;OtherHandlers extends EventHandlers = {}&gt;(otherHandlers?: OtherHandlers) =&gt; UseSelectButtonSlotProps&lt;OtherHandlers&gt;",
-        "description": "&lt;OtherHandlers extends EventHandlers = {}&gt;(otherHandlers?: OtherHandlers) =&gt; UseSelectButtonSlotProps&lt;OtherHandlers&gt;"
+        "name": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseSelectButtonSlotProps&lt;ExternalProps&gt;",
+        "description": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseSelectButtonSlotProps&lt;ExternalProps&gt;"
+      },
+      "required": true
+    },
+    "getHiddenInputProps": {
+      "type": {
+        "name": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseSelectHiddenInputSlotProps&lt;ExternalProps&gt;",
+        "description": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseSelectHiddenInputSlotProps&lt;ExternalProps&gt;"
       },
       "required": true
     },
     "getListboxProps": {
       "type": {
-        "name": "&lt;OtherHandlers extends EventHandlers = {}&gt;(otherHandlers?: OtherHandlers) =&gt; UseSelectListboxSlotProps&lt;OtherHandlers&gt;",
-        "description": "&lt;OtherHandlers extends EventHandlers = {}&gt;(otherHandlers?: OtherHandlers) =&gt; UseSelectListboxSlotProps&lt;OtherHandlers&gt;"
+        "name": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseSelectListboxSlotProps&lt;ExternalProps&gt;",
+        "description": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseSelectListboxSlotProps&lt;ExternalProps&gt;"
       },
       "required": true
     },
diff --git a/docs/pages/base-ui/api/use-snackbar.json b/docs/pages/base-ui/api/use-snackbar.json
index 735d65f3c87a7c..84d9eda9f5e6a4 100644
--- a/docs/pages/base-ui/api/use-snackbar.json
+++ b/docs/pages/base-ui/api/use-snackbar.json
@@ -20,8 +20,8 @@
   "returnValue": {
     "getRootProps": {
       "type": {
-        "name": "&lt;TOther extends Record&lt;string, ((event: any) =&gt; void) | undefined&gt; = {}&gt;(externalProps?: TOther) =&gt; UseSnackbarRootSlotProps&lt;TOther&gt;",
-        "description": "&lt;TOther extends Record&lt;string, ((event: any) =&gt; void) | undefined&gt; = {}&gt;(externalProps?: TOther) =&gt; UseSnackbarRootSlotProps&lt;TOther&gt;"
+        "name": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseSnackbarRootSlotProps&lt;ExternalProps&gt;",
+        "description": "&lt;ExternalProps extends Record&lt;string, unknown&gt; = {}&gt;(externalProps?: ExternalProps) =&gt; UseSnackbarRootSlotProps&lt;ExternalProps&gt;"
       },
       "required": true
     },
diff --git a/docs/pages/base-ui/react-modal/[docsTab]/index.js b/docs/pages/base-ui/react-modal/[docsTab]/index.js
index a43f3c5d52f105..ca7f56b6b4c6c4 100644
--- a/docs/pages/base-ui/react-modal/[docsTab]/index.js
+++ b/docs/pages/base-ui/react-modal/[docsTab]/index.js
@@ -4,6 +4,7 @@ import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/base/components/modal/modal.md?@mui/markdown';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
 import ModalApiJsonPageContent from '../../api/modal.json';
+import useModalApiJsonPageContent from '../../api/use-modal.json';
 
 export default function Page(props) {
   const { userLanguage, ...other } = props;
@@ -29,12 +30,19 @@ export const getStaticProps = () => {
   );
   const ModalApiDescriptions = mapApiPageTranslations(ModalApiReq);
 
+  const useModalApiReq = require.context(
+    'docs/translations/api-docs/use-modal',
+    false,
+    /use-modal.*.json$/,
+  );
+  const useModalApiDescriptions = mapApiPageTranslations(useModalApiReq);
+
   return {
     props: {
       componentsApiDescriptions: { Modal: ModalApiDescriptions },
       componentsApiPageContents: { Modal: ModalApiJsonPageContent },
-      hooksApiDescriptions: {},
-      hooksApiPageContents: {},
+      hooksApiDescriptions: { useModal: useModalApiDescriptions },
+      hooksApiPageContents: { useModal: useModalApiJsonPageContent },
     },
   };
 };
diff --git a/docs/pages/base-ui/react-popup/[docsTab]/index.js b/docs/pages/base-ui/react-popup/[docsTab]/index.js
new file mode 100644
index 00000000000000..ca1a4dd034f095
--- /dev/null
+++ b/docs/pages/base-ui/react-popup/[docsTab]/index.js
@@ -0,0 +1,40 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
+import * as pageProps from 'docs/data/base/components/popup/popup.md?@mui/markdown';
+import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
+import PopupApiJsonPageContent from '../../api/popup.json';
+
+export default function Page(props) {
+  const { userLanguage, ...other } = props;
+  return <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};
+
+export const getStaticPaths = () => {
+  return {
+    paths: [{ params: { docsTab: 'components-api' } }, { params: { docsTab: 'hooks-api' } }],
+    fallback: false, // can also be true or 'blocking'
+  };
+};
+
+export const getStaticProps = () => {
+  const PopupApiReq = require.context(
+    'docs/translations/api-docs-base/popup',
+    false,
+    /popup.*.json$/,
+  );
+  const PopupApiDescriptions = mapApiPageTranslations(PopupApiReq);
+
+  return {
+    props: {
+      componentsApiDescriptions: { Popup: PopupApiDescriptions },
+      componentsApiPageContents: { Popup: PopupApiJsonPageContent },
+      hooksApiDescriptions: {},
+      hooksApiPageContents: {},
+    },
+  };
+};
diff --git a/docs/pages/base-ui/react-popup/index.js b/docs/pages/base-ui/react-popup/index.js
new file mode 100644
index 00000000000000..28af2fb75d4437
--- /dev/null
+++ b/docs/pages/base-ui/react-popup/index.js
@@ -0,0 +1,13 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
+import * as pageProps from 'docs/data/base/components/popup/popup.md?@mui/markdown';
+
+export default function Page(props) {
+  const { userLanguage, ...other } = props;
+  return <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};
diff --git a/docs/pages/blog.tsx b/docs/pages/blog.tsx
index df57a6eeb71523..a07ce70773f838 100644
--- a/docs/pages/blog.tsx
+++ b/docs/pages/blog.tsx
@@ -126,8 +126,8 @@ function PostPreview(props: BlogPost) {
             <Avatar
               key={author}
               alt=""
-              src={`${AUTHORS[author].avatar}?s=${28}`}
               srcSet={`${AUTHORS[author].avatar}?s=${28 * 2} 2x`}
+              src={`${AUTHORS[author].avatar}?s=${28}`}
             />
           ))}
         </AvatarGroup>
@@ -264,13 +264,13 @@ export default function Blog(props: InferGetStaticPropsType<typeof getStaticProp
       <main id="main-content">
         <Box
           sx={(theme) => ({
-            background: `linear-gradient(180deg, #FFF 50%, 
+            background: `linear-gradient(180deg, #FFF 50%,
           ${(theme.vars || theme).palette.primary[50]} 100%)
         `,
             ...theme.applyDarkStyles({
               background: `linear-gradient(180deg, ${
                 (theme.vars || theme).palette.primaryDark[800]
-              } 50%, 
+              } 50%,
           ${alpha(theme.palette.primary[900], 0.2)} 100%)
           `,
             }),
@@ -472,7 +472,7 @@ export default function Blog(props: InferGetStaticPropsType<typeof getStaticProp
               </Box>
             </Box>
           </Box>
-          <Box>
+          <div>
             <Box component="ul" sx={{ p: 0, m: 0 }}>
               {displayedPosts.map((post) => (
                 <Box
@@ -504,7 +504,7 @@ export default function Blog(props: InferGetStaticPropsType<typeof getStaticProp
               }}
               sx={{ mt: 1, mb: 8 }}
             />
-          </Box>
+          </div>
         </Container>
       </main>
       <Divider />
diff --git a/docs/pages/blog/2019.md b/docs/pages/blog/2019.md
index e12b38477e5234..e1dbf8f38b5e72 100644
--- a/docs/pages/blog/2019.md
+++ b/docs/pages/blog/2019.md
@@ -59,7 +59,7 @@ Some of the key factors:
   - [Skeleton](/material-ui/react-skeleton/)
   - [Slider](/material-ui/react-slider/)
   - [TextareaAutosize](/material-ui/react-textarea-autosize/)
-  - [TreeView](/material-ui/react-tree-view/)
+  - [TreeView](/x/react-tree-view/)
 - We have fixed a significant number of [accessibility issues](https://github.com/mui/material-ui/issues?q=is%3Aissue+label%3Aaccessibility+is%3Aclosed).
 - We have introduced global class names.
 - We have migrated the whole codebase to hooks.
diff --git a/docs/pages/blog/2020-q1-update.md b/docs/pages/blog/2020-q1-update.md
index 071ce3c2bfadeb..4051d7d0bdec53 100644
--- a/docs/pages/blog/2020-q1-update.md
+++ b/docs/pages/blog/2020-q1-update.md
@@ -24,7 +24,7 @@ Here are the most significant improvements since the beginning of the year:
   If you wish to make your first contribution to open source, the component has a couple of ["good first issues"](https://github.com/mui/material-ui/labels/lab%3A%20Autocomplete) that can be taken.
   If you have TypeScript expertise, the component could [benefit from it](https://github.com/mui/material-ui/issues?q=is%3Aopen+label%3A%22lab%3A+Autocomplete%22+label%3Atypescript).
 
-- 📆 We have made a first [alpha release](https://next.material-ui-pickers.dev/demo/daterangepicker) of the date range picker. It's not ready to be used in production but you can start playing. We might release some of the new features of the date picker under the upcoming Enterprise offering.
+- 📆 We have made a first [alpha release](https://github.com/mui/material-ui-pickers/releases/tag/v4.0.0-alpha.4) of the date range picker. It's not ready to be used in production but you can start playing. We might release some of the new features of the date picker under the upcoming Enterprise offering.
 
   ![date picker](/static/blog/2020-q1-update/date-picker.png)
 
diff --git a/docs/pages/blog/2020-q2-update.md b/docs/pages/blog/2020-q2-update.md
index 347c3f30e8f9c7..a10c215893bee6 100644
--- a/docs/pages/blog/2020-q2-update.md
+++ b/docs/pages/blog/2020-q2-update.md
@@ -63,7 +63,7 @@ Here are the most significant improvements since March 2020:
 </TabContext>
 ```
 
-- 📆 On the [date picker](https://next.material-ui-pickers.dev/):
+- 📆 On the [date picker](https://mui.com/x/react-date-pickers/):
 
   - A new `renderInput` API which matches that of the autocomplete component has been added.
   - The input mask UX has been improved.
@@ -112,6 +112,6 @@ These are objectives, no guarantees:
 ### Enterprise components
 
 - ⌗ Make available a first alpha version of our advanced data grid component as part of the enterprise bundle.
-  You can already [play with an early version](https://muix-preview.netlify.app/#/grid).
+  You can already play with an early version.
 - 📆 Make available a first alpha version of the date range picker as part of the enterprise bundle.
-  You can already [play with an early version](https://next.material-ui-pickers.dev/demo/daterangepicker).
+  You can already play with an early version.
diff --git a/docs/pages/blog/2020-q3-update.md b/docs/pages/blog/2020-q3-update.md
index b17abe0e058245..621b69c597bbb4 100644
--- a/docs/pages/blog/2020-q3-update.md
+++ b/docs/pages/blog/2020-q3-update.md
@@ -19,7 +19,7 @@ Here are the most significant improvements since June 2020. This was a dense qua
 - 🧪 We have promoted 7 components from the lab to the core: Alert, Autocomplete, Pagination, Rating, Skeleton, SpeedDial, and ToggleButton.
   Thank you for all your feedback on these components.
   While we still plan a couple of breaking changes on them, we are confident that they have reached the same level of quality as the other core components.
-- 👮 We have introduced a new component in the lab, the [TrapFocus](https://mui.com/base-ui/react-focus-trap/). It manages focus for its descendants. This is useful when implementing overlays such as modal dialogs, which should not allow the focus to escape while open:
+- 👮 We have introduced a new component in the lab, the [FocusTrap](https://mui.com/base-ui/react-focus-trap/). It manages focus for its descendants. This is useful when implementing overlays such as modal dialogs, which should not allow the focus to escape while open:
 
   <video style="max-height: 416px; margin-bottom: 24px;" autoplay muted loop playsinline>
     <source src="/static/blog/2020-q3-update/trap-focus.mp4" type="video/mp4" />
diff --git a/docs/pages/blog/2020.md b/docs/pages/blog/2020.md
index c5717a205f9034..4dd0398cb346d5 100644
--- a/docs/pages/blog/2020.md
+++ b/docs/pages/blog/2020.md
@@ -48,7 +48,7 @@ We have achieved most of what we could have hoped for.
   - [DatePicker](https://v4.mui.com/components/pickers/)
   - [LoadingButton](https://mui.com/material-ui/react-button/#loading-button)
   - [Timeline](https://v4.mui.com/components/timeline/)
-  - [TrapFocus](https://mui.com/base-ui/react-focus-trap/)
+  - [FocusTrap](https://mui.com/base-ui/react-focus-trap/)
 - We have fixed most of the issues with the [Autocomplete](https://v4.mui.com/components/autocomplete/). We have received an overwhelming interest in the component. It was impressive to see.
 - We have completed the work for [strict mode](https://legacy.reactjs.org/docs/strict-mode.html) support.
 - We have increased the adoption of TypeScript in the codebase. We don't plan a dedicated migration but to write new code in TypeScript, as we go.
diff --git a/docs/pages/blog/2021-q2-update.md b/docs/pages/blog/2021-q2-update.md
index 801e179afbabe9..a05495c650d2db 100644
--- a/docs/pages/blog/2021-q2-update.md
+++ b/docs/pages/blog/2021-q2-update.md
@@ -38,7 +38,7 @@ Here are the most significant improvements since March 2021.
 - 👩‍🎤 We have rolled out the new **style engine** to all the components.
   The community provided invaluable assistance in completing this effort.
   In v5, we have standardized on the `styled()` API as the styling foundation we build on top of, and introduced the [the `sx` prop](https://mui.com/system/getting-started/the-sx-prop/) for one-off customizations.
-  The `styled()` API is loved by the community, and implemented by a number of styling libraries: styled-components, emotion, stitches, goober, etc. It allows us to support them all with [adapters](https://mui.com/material-ui/guides/styled-engine/#how-to-switch-to-styled-components).
+  The `styled()` API is loved by the community, and implemented by a number of styling libraries: styled-components, emotion, stitches, goober, etc. It allows us to support them all with [adapters](https://mui.com/material-ui/guides/styled-components/).
 
 - ⚒️ We added a [codemod CLI](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod) and 17 transformations (so far) to automatically migrate codebases from v4 to v5.
   If you're not familiar with what a codemod is, check out [Effective Refactoring with Codemods by Edd Yerburgh](https://www.youtube.com/watch?v=H9qtLutnT_g).
diff --git a/docs/pages/blog/2021-q3-update.md b/docs/pages/blog/2021-q3-update.md
index af76ba9c3e7989..dc26c442ccd0d9 100644
--- a/docs/pages/blog/2021-q3-update.md
+++ b/docs/pages/blog/2021-q3-update.md
@@ -88,10 +88,10 @@ Here are the most significant improvements since early July 2021.
   import { Portal } from '@mui/base/Portal';
   ```
 
-  - [TrapFocus](/base-ui/react-focus-trap/)
+  - [FocusTrap](/base-ui/react-focus-trap/)
 
   ```jsx
-  import { TrapFocus } from '@mui/base/TrapFocus';
+  import { FocusTrap } from '@mui/base/FocusTrap';
   ```
 
 ### MUI X
diff --git a/docs/pages/blog/2023-mui-values.js b/docs/pages/blog/2023-mui-values.js
new file mode 100644
index 00000000000000..f3ac9c68dd4704
--- /dev/null
+++ b/docs/pages/blog/2023-mui-values.js
@@ -0,0 +1,7 @@
+import * as React from 'react';
+import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
+import { docs } from './2023-mui-values.md?@mui/markdown';
+
+export default function Page() {
+  return <TopLayoutBlog docs={docs} />;
+}
diff --git a/docs/pages/blog/2023-mui-values.md b/docs/pages/blog/2023-mui-values.md
new file mode 100644
index 00000000000000..440d717cd3993c
--- /dev/null
+++ b/docs/pages/blog/2023-mui-values.md
@@ -0,0 +1,242 @@
+---
+title: Evolving MUI's core values and behaviors
+description: After significant growth, we united as a team to rediscover the values that underpin our shared sucess.
+date: 2023-09-26T00:00:00.000Z
+authors: ['mikailaread']
+card: true
+tags: ['Company']
+---
+
+## Why we chose to revise our core values
+
+MUI was founded in 2014 to grow and serve a community—from developers to designers, our core mission has always been to enable others to create incredible user experiences with unrivaled speed and ease.
+
+Along the way, we embraced certain core principles that guided our ways of working—how we think, act, and innovate have always been grounded in fulfilling the best interests of our community.
+
+In 2019, these became formalized in our first-ever company values: user obsession, excellence, transparency, freedom, and autonomy.
+
+Needless to say, we've seen significant growth since then: both for the company and its products, as well as the broader community surrounding us.
+
+That's why we wanted to take a moment to honor the values that led us to where we are today, and share how we've reshaped them to be an even more powerful force behind MUI's next phase of growth. 🚀
+
+## How we approached our values revision
+
+Company values show up in some facet of all our roles every day, whether we're evaluating different ideas, making tough decisions, or determining the biggest priorities.
+
+That's why it's so critical to ensure company values are actionable and authentic—that they are easily understood and truly shared by every MUIer.
+
+To make that happen, we decided to engage the whole company in a series of discovery and reflection exercises. 🔍
+
+This way, any changes to the company values—along with the language used to express them—would accurately reflect the values shared by our team. Here's how we did it! 👇
+
+<img alt="A collage of slides from the values discovery exercise kickoff." src="/static/blog/2023-mui-values/good-values.png" width="1200" height="840" loading="lazy" />
+
+## Stage one: discovery questions
+
+Kicking off, everyone was invited to answer 10 questions via an asynchronous survey.
+
+The purpose of this portion was to get a picture of how the existing values were being perceived and actioned throughout the company from day to day.
+It was also to give people an opportunity to express what they felt may be _missing_ and important to include for our future success.
+
+We asked people to reflect on how accurately they felt each value described our internal culture; what they felt our company cared deeply about and why; what is utterly unique about us as a team; and more. 🤔💭
+
+<img alt="A screenshot of the intro page to our discovery survey." src="/static/blog/2023-mui-values/values-survey.png" width="1200" height="1170" loading="lazy" style="margin-bottom: 16px;" />
+
+Then, using keyword and sentiment analysis, we captured clear themes in experience and common language used to describe our culture.
+I presented this back to the team via recorded video presentation, inviting reactions and further dialogue in the open of our Slack workspace.
+
+<img alt="A screenshot of a video message in our internal Slack revealing themes from the survey." src="/static/blog/2023-mui-values/themes-video.png" width="1200" height="750" loading="lazy" />
+
+## Stage two: workshop
+
+At the next stage, folks came together for a synchronous workshop.
+(This was completely voluntary, but I'm proud to say we had major representation from all different corners and levels of the company!)
+
+The purpose of this workshop was to pinpoint the _most_ critical mindsets and behaviors that we felt underpinned the company's success at scale.
+
+Broadly speaking, everyone was asked to consider:
+
+1. what mindsets and behaviors we should actively preserve and encourage as we scale—these are our superpowers and biggest differentiators. They're the stuff that makes us "us." 💚
+
+2. what mindsets and behaviors should we actively discourage, even punish—these are the biggest threats to our desired culture. They're the things we would never tolerate, maybe even at the cost of a customer. 🛑
+
+We used a shared FigJam board to brainstorm together against a timer, and repeated the process for different core questions.
+
+Once we'd generated a wonderfully full board, we took a pause to review the contributions.
+We upvoted cards that really stood out and resonated with us as individuals.
+
+Finally, we organized all of these cards into little clusters based on relatedness, and started to identify their underlying values and themes.
+
+We came up with a list of words that we felt best encapsulated each cluster. This became our values "shortlist."
+
+<img alt="description" src="/static/blog/2023-mui-values/figjam-board.png" width="1200" height="500" loading="lazy" />
+
+## Stage three: transforming the shortlist
+
+36.
+
+That's how many words surfaced in our workshop as potential values—or at least, as words to inspire the copywriting process.
+
+Narrowing down the shortlist gave us a chance to both find _and_ stress-test the strongest recurring themes. 🧪
+
+To do this, we immediately eliminated [what Patrick Lencioni calls "permission-to-play" values](https://www.youtube.com/watch?v=bNRn6FimzoU).
+These are the things as basic as showing respect, which might be _valuable_ to a great team culture and performance, but aren't exactly _exciting_ or _measurable_.
+They're simply the minimum required standard of behavior to work together.
+
+We also started striking out anything that could not clearly be expressed _as an action._
+
+It's [what Simon Sinek was talking about](https://www.youtube.com/watch?v=IQuYzXWXDqI) when he said "honesty is not a value."
+If there was not a clear and natural way to transform something into an action or provide examples of how it would be lived in our specific workplace, it was out. 🙅
+
+Success!
+
+We narrowed the list down from 36 to _just six._
+
+Now it was time to transform these six words into actionable phrases to inspire the very actions we want to see championed on a daily basis.
+
+## Stage four: pitching the 'PACT'
+
+All of the above and more influenced what's now referred to as our team "pact." (You'll see why.)
+
+But before we get there, I want to share a few examples of phrases that didn't wind up being a part of the pitch and why.
+
+Finding the right phraseology started with carefully reviewing _all_ team inputs.
+As I had a unique vantage point of all those inputs, I began to jot down phrases that effectively pulled from them _all_ and led with _action verbs._ 🕸️💪
+
+Things like "build in the open" made an appearance, but felt too limited.
+There was so much more we wanted to capture in the enduring theme of transparency, why it matters to us, and how we show it.
+
+Other phrases included "own your impact" and "maximize flexibility," but these, again, felt too limited and also generic.
+
+In short, they weren't right.
+
+Fortunately, this helped us find the ones that **\***are.**\*** 👏
+
+I presented a video presentation to our team, pitching this set of values and providing another opportunity for feedback and shaping.
+
+You can <a href="https://www.notion.so/mui-org/Values-behaviors-d3a1e1c60e2a4c0782f770cceada54bd?pvs=4#09dc19a420504a3090dc4fbe6a68a543">watch the "reveal" video for yourself here</a>! 🎬👀
+
+## Stage five: revising and finalizing
+
+Since we work asynchronously at MUI, we like to leave a good window of time for peers to properly review, digest, and offer thoughtful feedback.
+
+Since we place such a high value on quality and accuracy, we didn't want to rush this process, and so we extended our deadline for delivery.
+
+As we approached the finish line, I collaborated closely with our CEO and co-founder, Olivier. 🙋
+
+Our goal was to ensure that the final values not only reflected our team and company culture but, most importantly, that they could be integrated effectively into our company's operations and performance expectations.
+
+And we believe we've achieved just that! Here they come... 🥁
+
+## What are MUI's core values today?
+
+Our core four are:
+
+**P** — Put community first. "We never lose sight of who we're serving and why." 💙
+
+**A** — Avoid bureaucracy. "We're so not corporate—and we like it that way." 🚫
+
+**C** — Chase better. "We're driven by an unending desire to improve." 🌱
+
+**T** — Trust and deliver together. "We cultivate unity as the core of achievement." 🚀
+
+To delve deeper into the meaning of each value and what it looks like in practice, you can also check out our handbook: <a href="https://www.notion.so/mui-org/Values-behaviors-d3a1e1c60e2a4c0782f770cceada54bd?pvs=4">Values & Behaviors.</a>
+
+In it, we offer concrete examples of each core value and explicitly address tensions folks may encounter in trying to live them out.
+
+<img alt="description" src="/static/blog/2023-mui-values/notion-values-page.png" width="1200" height="1170" loading="lazy" />
+
+## What do they mean?
+
+### Put community first
+
+Put community first underscores our unwavering commitment to anchoring every decision in the best interests of the collective.
+
+By "community", we refer to both the user base that we serve and the team that propels us forward.
+
+The litmus test for any decision at MUI begins with a simple yet profound query: How does this contribute to our community's progress? We prioritize the needs and feedback of the community, and invest our efforts toward what will bring the greatest benefit to the greatest number of people.
+
+Putting community first means also that we consciously forge connections.
+We recognize that deeper mutual understanding fuels collective progress.
+By investing in relationships, we enhance collaboration, foster productive teamwork, and create a work environment that's as enjoyable as it is efficient.
+
+### Avoid bureaucracy
+
+Avoid bureaucracy is all about staying lean, open, and people-first.
+One of the core beliefs we hold at MUI is that people are the best experts on when, where, and how they will do their best work.
+
+We actively champion this principle by fostering an environment of unparalleled flexibility and autonomy, which serves as a bedrock for sustained excellence.
+
+Our dedication to shunning bureaucracy manifests in tangible ways—for instance, most of our communications and work are in the open.
+We default to transparency as much as possible.
+
+We don't over-structure, or add processes or hierarchies where they aren't needed.
+To introduce a process, we need to clearly show how it makes things 10x better than the current approach.
+
+We don't have lengthy approvals processes or a formalized chain of command; instead we collaborate as a tight-knit network where anyone can ask about and contribute to anything.
+
+### Chase "better"
+
+Chase "better" is all about consistently improving and developing in all aspects of our work as well as raising the bar for quality.
+
+It addresses our attitude to risk, feedback, and setbacks too.
+Genuine innovation demands a fearless embrace of the uncharted, even if it entails a touch of chaos.
+
+We want to create the exceptional—not the "good enough."
+So we tend to prioritize quality over speed.
+This doesn't mean we wait for things to be perfect before releasing them.
+
+On the contrary, "chase better" encourages us all to make small changes and incremental improvements again and again.
+
+It also encourages us to venture into unfamiliar territory and get out of our comfort zones in the name of growth.
+
+### Trust and deliver together
+
+Trust and deliver together is all about building trust, alignment, and shared responsibility.
+
+It reflects our commitment to following through and working as one force to solve problems and create value.
+
+In practice, this looks like: doing what we say we will; proactively communicating progress; adapting swiftly to changing circumstances and demands to guarantee success; and readily offering or seeking help when necessary.
+
+It's also about strategic collaboration, and being able to recognize and enlist one another for our unique strengths toward shared goals.
+
+"Trust and deliver together" reflects our firm belief that together, our combined efforts are stronger and more impactful than what we can achieve individually.
+
+## How do we reinforce values across the org?
+
+Articulating company values and operationalizing them are two different things.
+
+To ensure values don't become mere writing on the wall at MUI, we've purposefully woven them into internal processes and programs.
+We surface them often and stay attuned to how people are perceiving and connecting to them through different initiatives. 🌠🔦
+
+For example, before you even join MUI, you'll answer carefully chosen questions in your interviews.
+This helps us understand how well you align with our company values and how you might contribute to enhancing them and our culture. 📝
+
+On a day-to-day level, values show up everywhere.
+They're referenced in discussions and deliberations related to our work.
+We explicitly state how they directly influence our strategies and plans within our documents.
+Exemplifying core values is also a condition for promotion here and therefore a topic in performance and development conversations. 🆙
+
+As a fun way to reinforce values and show team gratitude, we've also created #Thanks-And-Praise Thursdays—a dedicated Slack channel that prompts us every Thursday to think about who we could recognize for championing core values and behaviors.
+
+Our design team even created custom illustrations and Slack emojis to make highlighting values-driven moments as simple as just a few clicks.
+(Thank you Gerda, Victor, and Danilo!) 🙏
+
+<img alt="Custom-designed illustrations for each MUI company value." src="/static/blog/2023-mui-values/values-illustrations.png" width="1200" height="500" loading="lazy" />
+
+## When might the values change again?
+
+MUI's first values were set forth by our founders during the earliest stages of the company, with the recognition that they would evolve alongside our company's growth.
+
+Those values remain foundational to the ways we work and engage.
+It's quite evident how these have been represented in new ways within the core four.
+
+But we don't expect these to last forever, either.
+
+As we continue to progress through new stages of development in the coming years, we intentionally plan to review our values and continue cultivating a values-driven culture.
+
+## Join the team
+
+Do these values resonate with you? Perhaps you'd like to be a part of shaping the future of MUI.
+
+[Visit our careers page now!](/careers/) 🏃💨
diff --git a/docs/pages/blog/2023-toolpad-beta-announcement.md b/docs/pages/blog/2023-toolpad-beta-announcement.md
index e478c526f06f68..1c1bdc849f248f 100644
--- a/docs/pages/blog/2023-toolpad-beta-announcement.md
+++ b/docs/pages/blog/2023-toolpad-beta-announcement.md
@@ -51,7 +51,7 @@ Easily create user interfaces by dragging and dropping pre-built components onto
 
 ### 2. Query builder UI
 
-A Postman-like query builder allows you to integrate any REST API quickly. A binding editor, which supports Javascript, allows you to wire query response directly to the components.
+A Postman-like query builder allows you to integrate any REST API quickly. A binding editor, which supports JavaScript, allows you to wire query response directly to the components.
 
 <a href="https://mui.com/toolpad/examples/npm-stats/">
 <img alt="Building an application on Toolpad" src="/static/blog/2023-toolpad-beta-announcement/uiquery.png"  loading="lazy" width="2400" height="1394" />
diff --git a/docs/pages/blog/april-2019-update.md b/docs/pages/blog/april-2019-update.md
index 257834e75fa449..95c6701ba1a78f 100644
--- a/docs/pages/blog/april-2019-update.md
+++ b/docs/pages/blog/april-2019-update.md
@@ -29,7 +29,7 @@ Here are the most significant improvements in April:
 
   [![Global class names](/static/blog/april-2019-update/global-class-names.png)](/system/styles/advanced/)
 
-- 📅 We have moved material-ui-pickers to our organization: [@material-ui/pickers](https://material-ui-pickers.dev/). A big thanks to **@dmtrKovalenko** for creating and owning these date/time components.
+- 📅 We have moved material-ui-pickers to our organization: [@material-ui/pickers](https://www.npmjs.com/package/@material-ui/pickers). A big thanks to **@dmtrKovalenko** for creating and owning these date/time components.
 - 🔥 We have fixed more Strict Mode warnings, getting us closer to [Concurrent React](https://legacy.reactjs.org/blog/2018/11/27/react-16-roadmap.html#react-16x-q2-2019-the-one-with-concurrent-mode) support.
 - ♿️ We have significantly improved the keyboard behavior on the Select, Menu, Button and Tooltip components. The arrow key changes feel instantaneous. The select items can be selected with the alphabetical keys. The focus visible state is better detected.
 - 💄 We have added support for responsive font sizes. You can wrap your theme with [`responsiveFontSizes()`](/material-ui/customization/typography/#responsive-font-sizes):
diff --git a/docs/pages/blog/callback-support-in-style-overrides.md b/docs/pages/blog/callback-support-in-style-overrides.md
index b7e25bc17cd95d..72304620b71c41 100644
--- a/docs/pages/blog/callback-support-in-style-overrides.md
+++ b/docs/pages/blog/callback-support-in-style-overrides.md
@@ -68,7 +68,7 @@ import { ThemeProvider, createTheme } from '@mui/material/styles';
 
 The callback is type-safe.
 
-- `ownerState`: `ComponentProps` interface, eg. `ButtonProps`, `ChipProps`, etc.
+- `ownerState`: `ComponentProps` interface, e.g. `ButtonProps`, `ChipProps`, etc.
 - `theme`: `Theme` interface from `@mui/material/styles`.
 
 ```tsx
diff --git a/docs/pages/blog/discord-announcement.md b/docs/pages/blog/discord-announcement.md
index f3a27be477eff6..53117397e026ba 100644
--- a/docs/pages/blog/discord-announcement.md
+++ b/docs/pages/blog/discord-announcement.md
@@ -7,7 +7,7 @@ tags: ['News']
 card: true
 ---
 
-<a href="https://mui.com/r/discord"><img src="/static/blog/2023-discord-announcement/discord.png" width="1280" height="640" style="margin-bottom: 16px;" alt="Discord banner with link" /></a>
+<a href="https://mui.com/r/discord/"><img src="/static/blog/discord-announcement/discord.png" width="1280" height="640" style="margin-bottom: 16px;" alt="Discord banner with link" /></a>
 
 This year, one of our highest priorities has been to create a central hub for the MUI community.
 Up until now, our community has been scattered across discussions and interactions on [Twitter](https://twitter.com/MUI_hq), [LinkedIn](https://linkedin.com/company/mui), [GitHub](https://github.com/mui), and [Stack Overflow](https://stackoverflow.com/questions/tagged/material-ui).
@@ -22,7 +22,7 @@ There are a plethora of reasons why you should join, but here are the three bigg
 
 1. **Real-time communication with our community**:
    As mentioned above, our communication with the community has often been slow and _scattered_ across too many different platforms.
-   Developers are frequently unsure whether to open an issue on Github, tweet at us, or send us an email when they have a question or want to share feedback.
+   Developers are frequently unsure whether to open an issue on GitHub, tweet at us, or send us an email when they have a question or want to share feedback.
 
    _Discord provides real-time chat capabilities_, allowing you to communicate and collaborate with us and other developers, instantly.
 
diff --git a/docs/pages/blog/first-look-at-joy.md b/docs/pages/blog/first-look-at-joy.md
index ef411fd839550a..bc5a205248ddf6 100644
--- a/docs/pages/blog/first-look-at-joy.md
+++ b/docs/pages/blog/first-look-at-joy.md
@@ -22,7 +22,7 @@ Material UI is MUI's React implementation of Google's Material Design.
 
 Over time Material UI has established itself as the go-to library for quickly breathing life into products, mostly thanks to its design, customizability, and documentation.
 However, the components do come by default with the 2018 Google look and feel that is no longer as popular as it once was.
-And as we've confirmed with [our latest developer survey](/blog/2021-developer-survey-results/#what-are-your-most-important-criteria-for-choosing-a-ui-library/), design quality is one of the most important elements that developers consider when choosing a UI library.
+And as we've confirmed with [our latest developer survey](/blog/2021-developer-survey-results/#what-are-your-most-important-criteria-for-choosing-a-ui-library), design quality is one of the most important elements that developers consider when choosing a UI library.
 
 ## Why not just build a new Material UI theme?
 
@@ -36,7 +36,7 @@ Material UI and Joy UI still share many of the same conventions and features.
 We've done this not only to decrease the learning curve for adopting Joy UI, but also because we believe that the conventions we've established represent the ideal developer experience for working with design systems.
 
 :::info
-💡 Any new DX feature introduced in Joy UI will eventually be reproduced in Material UI, and vice versa.
+Any new DX feature introduced in Joy UI will eventually be reproduced in Material UI, and vice versa.
 :::
 
 ## What new features does Joy UI offer?
@@ -103,7 +103,7 @@ import { getInitColorSchemeScript } from '@mui/joy/styles';
 export default class MyDocument extends Document {
   render() {
     return (
-      <Html>
+      <Html data-color-scheme="light">
         <Head>...</Head>
         <body>
           {getInitColorSchemeScript()}
@@ -130,8 +130,8 @@ It should be ready for more mature experimentation and testing in the second hal
 Meanwhile, we've developed a couple of templates that showcase what Joy UI looks like out of the box, so you can explore it further.
 Follow the templates' CodeSandbox or live demo links to experiment with Joy UI for yourself.
 
-:::info
-👉 They are also available in the docs [Templates page](/joy-ui/getting-started/templates/).
+:::success
+They are also available in the docs [Templates page](/joy-ui/getting-started/templates/).
 :::
 
 ### Email
diff --git a/docs/pages/blog/july-2019-update.md b/docs/pages/blog/july-2019-update.md
index 270714c86838aa..cfea7d84fd0fe3 100644
--- a/docs/pages/blog/july-2019-update.md
+++ b/docs/pages/blog/july-2019-update.md
@@ -8,7 +8,7 @@ tags: ['Company']
 
 Here are the most significant improvements in July:
 
-- 🌳 We have introduced a new [Tree View component](/material-ui/react-tree-view/) in the lab. Big thanks to Josh for it.
+- 🌳 We have introduced a new [Tree View component](/x/react-tree-view/) in the lab. Big thanks to Josh for it.
 
   ![Tree View](/static/blog/july-2019-update/tree-view.gif)
 
diff --git a/docs/pages/blog/lab-date-pickers-to-mui-x.md b/docs/pages/blog/lab-date-pickers-to-mui-x.md
index 8086f57588e4f4..fd437b0d4a6783 100644
--- a/docs/pages/blog/lab-date-pickers-to-mui-x.md
+++ b/docs/pages/blog/lab-date-pickers-to-mui-x.md
@@ -1,28 +1,28 @@
 ---
-title: Date and time pickers are moving to MUI X
-description: Migrate to the new package to start building with our powerful date and time pickers, now part of MUI X. Previously released MIT components will stay MIT.
+title: Date and Time Pickers are moving to MUI X
+description: Migrate to the new package to start building with our powerful Date and Time Pickers, now part of MUI X. Previously released MIT components will stay MIT.
 date: 2022-04-03T00:00:00.000Z
 authors: ['flaviendelangle']
 tags: ['MUI X', 'News']
-card: true
+card: false
 ---
 
-After more than 18 months in the lab, the date and time picker components have found a new home as part of MUI X.
+After more than 18 months in the lab, the Date and Time Picker components have found a new home as part of MUI X.
 This means we'll be dedicating even more time and effort to these complex components, to better meet the needs of both you and your users.
 
 ## TL;DR
 
-- The date pickers are one step closer to a stable release.
+- The Date and Time Pickers are one step closer to a stable release.
 - **No surprise licenses changes**. We are staying true to [our promises](https://mui-org.notion.site/Stewardship-542a2226043d4f4a96dfb429d16cf5bd). What's MIT stays MIT, and we're going forward with our [plan announced over a year ago](https://v5-0-6.mui.com/components/date-range-picker/) to move the date range picker to the commercial license.
 - Follow the [migration steps](/x/migration/migration-pickers-lab/)
 
-## What are date and time pickers?
+## What are Date and Time Pickers?
 
-Date and time pickers are interface controls that enable the user to select a date (or time) from a menu.
+Date and Time Pickers are interface controls that enable the user to select a date (or time) from a menu.
 
-<img src="/static/blog/lab-date-pickers-to-mui-x/date-time-picker.png" style="width: 796px; margin-top: 16px;" alt="Date and time picker component" />
+<img src="/static/blog/lab-date-pickers-to-mui-x/date-time-picker.png" style="width: 796px; margin-top: 16px;" alt="Date and Time Picker component" />
 
-<p class="blog-description">Date and time pickers using the default Material UI design</p>
+<p class="blog-description">Date and Time Pickers using the default Material UI design</p>
 
 Common design patterns include text inputs, dropdown lists, calendars, timelines, and scrolling pickers on mobile devices.
 
@@ -39,17 +39,17 @@ MUI X components are available under two licenses:
 - MUI X is MIT licensed, so free to use.
 - MUI X Pro includes the most advanced features, and is commercially licensed.
 
-## Why have the date and time pickers been moved to MUI X?
+## Why have the Date and Time Pickers been moved to MUI X?
 
-Date and time picker UI elements appear simple enough on the surface, but they are surprisingly complicated to engineer.
+Date and Time Picker UI elements appear simple enough on the surface, but they are surprisingly complicated to engineer.
 
-When the picker components were ready to leave the lab, we had a choice to make: would they live in the MUI Core library, or should they become a part of MUI X?
+When the Date and Time Picker components were ready to leave the lab, we had a choice to make: would they live in the MUI Core library, or should they become a part of MUI X?
 
 Given the complex nature of these components, we decided that they would benefit most from the dedicated attention that they would receive from the X team.
 
 And by offering an even more advanced component package through our commercial license, we can continue to grow our team to better serve your needs.
 
-The date and time picker components are now available in two packages:
+The Date and Time Picker components are now available in two packages:
 
 - `@mui/x-date-pickers` has a [MIT license](https://unpkg.com/browse/@mui/x-date-pickers/LICENSE), it contains all the open-source components
 - `@mui/x-date-pickers-pro` has a [commercial license](https://unpkg.com/browse/@mui/x-date-pickers-pro/LICENSE), it contains all the MIT and commercially licensed components
@@ -58,7 +58,7 @@ The date and time picker components are now available in two packages:
 
 The date range components can only be used with a commercial license.
 
-All other date and time picker components are available in `mui/x-date-pickers` and will remain MIT licensed and free forever.
+All other Date and Time Picker components are available in `mui/x-date-pickers` and will remain MIT licensed and free forever.
 
 ## How do I purchase a commercial license?
 
@@ -87,11 +87,11 @@ We have prepared a codemod to help you migrate your codebase from `@mui/lab` to
 npx @mui/codemod v5.0.0/date-pickers-moved-to-x <path>
 ```
 
-## Where is the date and time picker documentation?
+## Where is the Date and Time Picker documentation?
 
 You can find the documentation for the picker components in the [MUI X docs](/x/react-date-pickers/getting-started/).
 
-## What's next for the date and time pickers?
+## What's next for the Date and Time Pickers?
 
 For now, `@mui/x-date-pickers` and `@mui/x-date-pickers-pro` are in alpha.
 Our next goal is to work on the stability and API consistency of these components to prepare a stable release.
diff --git a/docs/pages/blog/lab-tree-view-to-mui-x.js b/docs/pages/blog/lab-tree-view-to-mui-x.js
new file mode 100644
index 00000000000000..a2caf6fad2b240
--- /dev/null
+++ b/docs/pages/blog/lab-tree-view-to-mui-x.js
@@ -0,0 +1,7 @@
+import * as React from 'react';
+import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
+import { docs } from './lab-tree-view-to-mui-x.md?@mui/markdown';
+
+export default function Page() {
+  return <TopLayoutBlog docs={docs} />;
+}
diff --git a/docs/pages/blog/lab-tree-view-to-mui-x.md b/docs/pages/blog/lab-tree-view-to-mui-x.md
new file mode 100644
index 00000000000000..fcc03326a3bfdd
--- /dev/null
+++ b/docs/pages/blog/lab-tree-view-to-mui-x.md
@@ -0,0 +1,90 @@
+---
+title: The Tree View is moving to MUI X
+description: Migrate to the new package to start building with our powerful Tree View, now part of MUI X. Previously released MIT components will stay MIT.
+date: 2023-08-21T00:00:00.000Z
+authors: ['flaviendelangle']
+tags: ['MUI X', 'News']
+card: false
+---
+
+After more than 4 years in the lab, the [Tree View](https://mui.com/x/react-tree-view/) components have found a new home as part of MUI X.
+This means we'll be dedicating even more time and effort to these complex components, to better meet the needs of both you and your users.
+
+## TL;DR
+
+- The Tree View is one step closer to a stable release.
+- **No surprise licenses changes**. We are staying true to [our promises](https://mui-org.notion.site/Stewardship-542a2226043d4f4a96dfb429d16cf5bd).
+  What's MIT stays MIT.
+  Therefore, all the existing features and future features of the Tree View will remain MIT and free to use.
+- Follow the [migration steps](/x/migration/migration-tree-view-lab/).
+
+## What is the Tree View?
+
+The Tree View is a component to represent hierarchical data presented as nodes in a tree-like format.
+
+The component allows to select one or multiple nodes.
+
+<video preload="metadata" style="margin-bottom: 16px;" autoplay muted loop>
+  <source src="/static/blog/lab-tree-view-to-mui-x/treeview.mov" type="video/mp4">
+</video>
+
+## What is MUI X?
+
+[MUI X](/x/) is a collection of advanced components built for complex use cases.
+
+As opposed to the MUI Core library, which leans on the open-source community for support, MUI X components require several full-time developers dedicated to engineering and ongoing maintenance.
+
+MUI X components are available under three licenses:
+
+- **MIT license**, which is free to use and includes all the current (and more to come) Tree View features.
+- **MUI X Pro**, a commercial license that offers features for handling large datasets and will include the most advanced features for Tree View, like virtualization.
+- **MUI X Premium**, which is also commercial and includes, in addition to the Pro features, tooling for data analysis.
+
+## Why did the Tree View move to MUI X?
+
+Once a component is ready to leave the lab, it can either go to MUI X or MUI Core libraries.
+
+Given the complex nature of the Tree View, it was a clear choice to group it with the other advanced components in MUI X.
+
+Moreover, new advanced features such as virtualization and drag and drop are already on the roadmap.
+
+The Tree View components are now available in the `@mui/x-tree-view` package which is [MIT licensed](https://unpkg.com/browse/@mui/x-tree-view/LICENSE) and includes all the current (free forever) features.
+
+## How do I migrate?
+
+Follow the [migration steps](/x/migration/migration-tree-view-lab/) by updating the package name and change from a default export to a named export:
+
+```diff
+-import TreeView from '@mui/lab/TreeView';
+-import TreeItem from '@mui/lab/TreeItem';
++import { TreeView } from '@mui/x-tree-view/TreeView';
++import { TreeItem } from '@mui/x-tree-view/TreeItem';
+```
+
+or
+
+```diff
+-import { TreeView, TreeItem } from '@mui/lab';
++import { TreeView, TreeItem } from '@mui/x-tree-view';
+```
+
+We have prepared a codemod to help you migrate your codebase from `@mui/lab` to `@mui/x-tree-view`:
+
+```bash
+npx @mui/codemod v5.0.0/tree-view-moved-to-x <path>
+```
+
+## Where is the Tree View documentation?
+
+You can find the documentation for the Tree View component in the [MUI X docs](/x/react-tree-view/).
+
+## What's next for the Tree View?
+
+For now, `@mui/x-tree-view` is in alpha.
+Our next goal is to work on the stability and API consistency of its components to prepare a stable release in the next few months.
+
+Please feel free to try out the component and provide any feedback you may have.
+
+We also have a dedicated channel in our [Discord Server](https://mui.com/r/discord/) for you to provide any feedback or concerns you have with Tree View.
+
+Happy building!
diff --git a/docs/pages/blog/material-ui-v1-is-out.md b/docs/pages/blog/material-ui-v1-is-out.md
index 48cd1556fad20c..796bf85562bfba 100644
--- a/docs/pages/blog/material-ui-v1-is-out.md
+++ b/docs/pages/blog/material-ui-v1-is-out.md
@@ -121,7 +121,7 @@ I'm so excited at the idea we are making it stable, but rest assured, it's just
 
 Material UI is an MIT-licensed open source project. It's an independent project with ongoing development helped by the support of these awesome [backers](/material-ui/discover-more/backers/). If you'd like to join them, please consider:
 
-- [Become a backer or sponsor on OpenCollective](https://opencollective.com/mui).
+- [Become a backer or sponsor on Open Collective](https://opencollective.com/mui).
 - [Become a backer or sponsor on Patreon](https://www.patreon.com/oliviertassinari).
 
 ![Our gold sponsors](https://cdn-images-1.medium.com/max/2000/1*fx_BaOxYY0ZJo3n9iXI1Jg.png)<p class="blog-description">Our gold sponsors</p>
diff --git a/docs/pages/blog/mui-core-v5.md b/docs/pages/blog/mui-core-v5.md
index 6636bee0dbe37c..27676c0da833e7 100644
--- a/docs/pages/blog/mui-core-v5.md
+++ b/docs/pages/blog/mui-core-v5.md
@@ -1,5 +1,5 @@
 ---
-title: Introducing MUI Core v5.0
+title: Introducing MUI Core v5
 description: After over 400 days of development and over 40 canary releases, we are excited to introduce MUI Core v5.0.0!
 date: 2021-09-16T00:00:00.000Z
 authors:
@@ -126,7 +126,7 @@ After [exploring](https://github.com/mui/material-ui/issues/22342) many differen
    - If you are using a different styling library, feel free to contribute a wrapper. For instance, there is [one attempt with goober](https://github.com/mui/material-ui/pull/27776), a library obsessing on bundle size (3kB gzipped).
 
    This allows developers to swap between different style engines. For example, styled-components users no longer need to bundle Emotion **and** styled-component, nor do they need to configure the server-side rendering for each.
-   How does the [swap work](https://mui.com/material-ui/guides/styled-engine/#how-to-switch-to-styled-components)? The same way it does from React to Preact.
+   How does the [swap work](https://mui.com/material-ui/guides/styled-components/)? The same way it does from React to Preact.
 
 3. For the last couple of months, we have been [sponsoring](https://opencollective.com/emotion) Emotion with a $100/month grant. We are now increasing this amount to $1,000/month. It's in our best interest to help ensure the library keeps pushing the envelope, leading the state of the art in a competitive space.
 
diff --git a/docs/pages/blog/mui-next-js-app-router.md b/docs/pages/blog/mui-next-js-app-router.md
index ffad12d2f67d45..6478e0ae4b8f52 100644
--- a/docs/pages/blog/mui-next-js-app-router.md
+++ b/docs/pages/blog/mui-next-js-app-router.md
@@ -26,8 +26,8 @@ See [this explanation of Client Components and SSR](https://github.com/reactwg/s
 Additionally, we've created guides to walk you through setting up an app using the Next.js App Router with each of the Core libraries:
 
 - [Material UI setup](https://mui.com/material-ui/guides/next-js-app-router/)
+- [Joy UI setup](https://mui.com/joy-ui/integrations/next-js-app-router/)
 - [Base UI setup](https://mui.com/base-ui/guides/next-js-app-router/)
-- [Joy UI setup](https://mui.com/joy-ui/guides/next-js-app-router/)
 
 <img alt="Screenshot of the Material UI documentation" src="/static/blog/mui-next-js-app-router/docs.png" loading="lazy" width="2400" height="1394" style="margin-bottom:24px;" />
 
diff --git a/docs/pages/blog/mui-x-mid-v6-features.js b/docs/pages/blog/mui-x-mid-v6-features.js
new file mode 100644
index 00000000000000..a3699209869d3b
--- /dev/null
+++ b/docs/pages/blog/mui-x-mid-v6-features.js
@@ -0,0 +1,7 @@
+import * as React from 'react';
+import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
+import { docs } from './mui-x-mid-v6-features.md?@mui/markdown';
+
+export default function Page() {
+  return <TopLayoutBlog docs={docs} />;
+}
diff --git a/docs/pages/blog/mui-x-mid-v6-features.md b/docs/pages/blog/mui-x-mid-v6-features.md
new file mode 100644
index 00000000000000..4c2d919ed9dbc7
--- /dev/null
+++ b/docs/pages/blog/mui-x-mid-v6-features.md
@@ -0,0 +1,143 @@
+---
+title: MUI X v6.11.0. A roundup of all new features
+description: Support for time zones, Charts in alpha, Data Grid filtering, and more.
+date: 2023-08-14T00:00:00.000Z
+authors: ['richbustos', 'josefreitas']
+card: false
+tags: ['MUI X', 'News']
+---
+
+<a href="https://github.com/mui/mui-x/releases/tag/v6.11.0">
+  <img src="/static/blog/mui-x-mid-v6-features/intro.png" alt="open release page" width="1384" height="346" style="margin-bottom: 16px;" />
+</a>
+
+Since the first v6 stable release, we've continuously rolled out new major features.
+Now that we've reached [MUI X v6.11.0](https://github.com/mui/mui-x/releases/tag/v6.11.0), it's time to delve into the most recent additions to MUI X v6, and why you should get the latest version now.
+
+## Table of contents
+
+- [Date Pickers](#date-pickers)
+  - [Support for time zones](#support-for-time-zones)
+  - [Digital clock](#digital-clock)
+- [Data Grid](#data-grid)
+  - [Filter on column headers](#filter-on-column-headers) [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')
+  - [Copy and paste](#copy-and-paste) [<span class="plan-premium"></span>](/x/introduction/licensing/#premium-plan 'premium plan')
+- [Charts - alpha version](#charts-alpha-version)
+- [Tree View is moving to MUI X](#tree-view-is-moving-to-mui-x)
+- [Feedback](#feedback)
+
+## Date Pickers
+
+### Support for time zones
+
+No more hassle displaying dates in the time zones of your choice. 🌎
+
+You can effortlessly display and select dates and times in different time zones, without worrying about conversion logic or maintaining consistency with your backend.
+
+<video preload="metadata" style="margin-bottom: 16px;" autoplay muted loop>
+  <source src="/static/blog/mui-x-mid-v6-features/timezone.mp4" type="video/mp4">
+</video>
+
+Set the `timezone` prop to define which time zone the Date, Time, or DateTime should be displayed in.
+
+```tsx
+<TimePicker
+  value={value}
+  onChange={setValue}
+  timezone="Pacific/Honolulu" // Can be in any timezone of your choice
+  label={'Rendered in "Pacific/Honolulu"'}
+/>
+```
+
+Check the [full instructions](https://mui.com/x/react-date-pickers/timezone/) for more information on using this feature in your application.
+
+### Digital clock
+
+The digital clock is an alternative to the Time Pickers' [analog clock](https://mui.com/x/react-date-pickers/time-clock/).
+The original proposal was mainly focused on mobile devices, whereas the new interface is designed for a desktop experience for better time precision.
+This new addition makes our Date Pickers even more versatile and user-friendly than before.
+It's available as the default variant for desktops on both the [Time Picker](https://mui.com/x/react-date-pickers/time-picker/) and the [Date Time Picker](https://mui.com/x/react-date-pickers/date-time-picker/).
+
+<video preload="metadata" style="margin-bottom: 16px;" autoplay muted loop>
+  <source src="/static/blog/mui-x-mid-v6-features/digital_clock.mov" type="video/mp4">
+</video>
+
+Check out all the possibilities in the [Date Pickers—Digital clock documentation](https://mui.com/x/react-date-pickers/digital-clock/), and let us know your thoughts!
+
+## Data Grid
+
+### Filter on column headers [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')
+
+Filtering on column headers gives users the ability to quickly filter data without any additional menu.
+Use the the `unstable_headerFilters` prop to activate this feature.
+
+The new filter fields are displayed below the headers, and are synchronized with the filter panel.
+If you prefer more simplicity, you can disable the default filter panel using the `disableColumnFilter` prop, and set filters to use only the default operator.
+
+<video preload="metadata" style="margin-bottom: 16px;" autoplay muted loop playsinline>
+  <source src="/static/blog/mui-x-mid-v6-features/header_filter.mp4" type="video/mp4">
+</video>
+
+For more details on how to use and customize the filters, check out its [documentation page](https://mui.com/x/react-data-grid/filtering/header-filters/).
+
+### Copy and paste [<span class="plan-premium"></span>](/x/introduction/licensing/#premium-plan 'premium plan')
+
+After setting the `experimentalFeatures={{ clipboardPaste: true }}` prop, you can copy and paste data directly to and from your Data Grid.
+
+This new feature is extremely versatile, and you can exchange data from other fields, other grids, and even directly to and from the spreadsheet tool of your choice.
+
+<video preload="metadata" style="margin-bottom: 16px;" autoplay muted loop playsinline>
+  <source src="/static/blog/mui-x-mid-v6-features/copy_paste.mov" type="video/mp4">
+</video>
+
+This feature is integrated with the editing API, so pasted data can be persisted using the `processRowUpdate` prop to update your data source through your usual editing validation process.
+The callbacks `clipboardPasteStart` and `clipboardPasteEnd` are fired during the clipboard paste operation, which can be useful for extra customizations around the event.
+
+For more details on how to use clipboard copy and paste, check out the [Data Grid—Clipboard documentation](https://mui.com/x/react-data-grid/clipboard/).
+
+## Charts - alpha version
+
+We are delighted to announce the upcoming expansion of MUI X: a brand-new suite of components for building and customizing charts.
+
+With MUI X Charts, you can choose from a wide range of chart types, including line charts, bar charts, pie charts, area charts, scatter plots, and more.
+Each chart type is thoughtfully crafted with attention to detail, ensuring that the visual representations are not only aesthetically pleasing, but also highly effective in conveying complex data.
+
+And it ships with gorgeous palettes that were specially crafted by our designers!
+
+Check out the video below, highlighting some of our Charts:
+
+<video preload="metadata" style="margin-bottom: 16px;" autoplay muted loop playsinline>
+  <source src="/static/blog/mui-x-mid-v6-features/charts_final_v1.mov" type="video/mp4">
+</video>
+
+As we progress toward the stable version, we're committed to enhancing the overall experience for developers and users, so your feedback is fundamental!
+
+We will also steadily expand our portfolio with new chart types such as [Heat map](https://mui.com/x/react-charts/heat-map/), [Funnel](https://mui.com/x/react-charts/funnel/), [Gantt](https://mui.com/x/react-charts/gantt/), and more.
+If there's a specific chart visualization you'd like us to prioritize, we encourage you to upvote the respective [issue on GitHub](https://github.com/mui/mui-x/issues?q=is%3Aissue+is%3Aopen+label%3A%22component%3A+charts%22+label%3A%22waiting+for+%F0%9F%91%8D%22).
+Your input can directly influence our development schedule, so don't hesitate to let us know what matters most to you!
+
+[Get started with charts now!](https://mui.com/x/react-charts/)
+
+## Tree View is moving to MUI X
+
+Tree View is being migrated from the [lab](https://mui.com/material-ui/about-the-lab/) to MUI X, it will soon have a first Alpha release!
+
+The Tree View is a component that represents hierarchical in a tree-like format.
+Think of a file system navigator displaying folders and files or a navigation list.
+
+<video preload="metadata" style="margin-bottom: 16px;" autoplay muted loop playsinline>
+  <source src="/static/blog/mui-x-mid-v6-features/treeview.mov" type="video/mp4">
+</video>
+
+Keep on the look out on our next blog for the Tree View migration.
+
+We decided to migrate this component to MUI X as there are still many features that would be great to build (e.g. checkbox, drag & drop, virtualization) and it's usually not a significant component of a design system.
+Head to [MUI Core vs. MUI X](https://mui-org.notion.site/X-FAQ-c33e9a7eabba4da1ad7f8c04f99044cc) if you would like to learn more about this decision.
+
+## Feedback
+
+We are always happy to get feedback, so if you'd like to share your pain points and use cases, please leave your contact info with us through [this Google Form](https://forms.gle/vsBv6CLPz9h57xg8A).
+As usual, you're welcome to request new features, report bugs and join the discussion in MUI X [GitHub repository](https://github.com/mui/mui-x/issues).
+If you haven't yet, join our growing community in the recently launched [MUI Discord server](https://mui.com/r/discord/).
+
+Cheers!
diff --git a/docs/pages/blog/mui-x-v5.md b/docs/pages/blog/mui-x-v5.md
index ef3a455e5033e3..636ba21c026746 100644
--- a/docs/pages/blog/mui-x-v5.md
+++ b/docs/pages/blog/mui-x-v5.md
@@ -1,5 +1,5 @@
 ---
-title: Introducing MUI X v5.0
+title: Introducing MUI X v5
 description: We are excited to introduce MUI X v5.0.0!
 date: 2021-11-22T00:00:00.000Z
 authors:
diff --git a/docs/pages/blog/mui-x-v6.md b/docs/pages/blog/mui-x-v6.md
index 1f5ad21276d58c..9348275f3d9f74 100644
--- a/docs/pages/blog/mui-x-v6.md
+++ b/docs/pages/blog/mui-x-v6.md
@@ -1,5 +1,5 @@
 ---
-title: Introducing MUI X v6.0.0
+title: Introducing MUI X v6
 description: Introducing the new major version of the advanced components.
 date: 2023-03-06T00:00:00.000Z
 authors: ['josefreitas']
@@ -16,17 +16,17 @@ tags: ['MUI X', 'News']
 - [Data Grid - feature highlights ✨](#data-grid-features-highlights-✨)
   - [ApiRef moved to the MIT (Community) version](#apiref-moved-to-the-mit-community-version)
   - [Improved column menu](#improved-column-menu)
-  - [Row pinning is now stable](#row-pinning-is-now-stable) [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan)
-  - [Aggregation is now stable](#aggregation-is-now-stable) [<span class="plan-premium"></span>](/x/introduction/licensing/#premium-plan)
-  - [Cell selection](#cell-selection) [<span class="plan-premium"></span>](/x/introduction/licensing/#premium-plan)
-  - [Use web workers to export data to excel files](#use-web-workers-to-export-data-to-excel-files) [<span class="plan-premium"></span>](/x/introduction/licensing/#premium-plan)
+  - [Row pinning is now stable](#row-pinning-is-now-stable) [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')
+  - [Aggregation is now stable](#aggregation-is-now-stable) <a title="Premium plan" href="/x/introduction/licensing/#premium-plan"><span class="plan-premim"></span></a>
+  - [Cell selection](#cell-selection) <a title="Premium plan" href="/x/introduction/licensing/#premium-plan"><span class="plan-premim"></span></a>
+  - [Use web workers to export data to excel files](#use-web-workers-to-export-data-to-excel-files) <a title="Premium plan" href="/x/introduction/licensing/#premium-plan"><span class="plan-premim"></span></a>
 - [Date and Time Pickers - feature highlights ✨](#date-and-time-pickers-features-highlights-✨)
   - [Fields: the new default \<input\> for pickers](#fields-the-new-default-input-gt-for-pickers)
   - [Improved layout customization](#improved-layout-customization)
   - [Overhaul in the documentation](#overhaul-in-the-documentation)
   - [Removed clock view on desktop Time Pickers](#removed-clock-view-on-desktop-time-pickers)
-  - [Shortcuts for picking specific dates in a calendar](#shortcuts-for-picking-specific-dates-in-a-calendar) [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan)
-  - [Edit date ranges with drag and drop](#edit-date-ranges-with-drag-and-drop) [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan)
+  - [Shortcuts for picking specific dates in a calendar](#shortcuts-for-picking-specific-dates-in-a-calendar) [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')
+  - [Edit date ranges with drag and drop](#edit-date-ranges-with-drag-and-drop) [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')
 - [Installation and migration](#installation-and-migration)
 - [What's next](#whats-next)
 - [Decoupling versions from MUI Core](#decoupling-versions-from-mui-core)
@@ -76,7 +76,7 @@ We've redesigned this sub-component to make it as extensible as possible.
 
 This improvement is part of an overarching effort throughout the life cycle of v6 to refactor all Data Grid panels.
 
-### Row pinning is now stable [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan)
+### Row pinning is now stable [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')
 
 [Row pinning](/x/react-data-grid/row-pinning/) was previously released in a minor v5 version under the `experimentalFeatures={{ rowPinning: true }}` flag.
 The API is now stable, thanks to the community for trying it out and reporting bugs.
@@ -85,7 +85,7 @@ The API is now stable, thanks to the community for trying it out and reporting b
 <img src="/static/blog/mui-x-v6/row-pinning.png" style="width: 655px" loading="lazy" alt="Column menu custom action" width="1310" height="828" />
 </a>
 
-### Aggregation is now stable [<span class="plan-premium"></span>](/x/introduction/licensing/#premium-plan)
+### Aggregation is now stable <a title="Premium plan" href="/x/introduction/licensing/#premium-plan"><span class="plan-premim"></span></a>
 
 [Aggregation](/x/react-data-grid/aggregation/) was previously released in a minor v5 version under the `experimentalFeatures={{ aggregation: true }}` flag.
 The API is now stable, thanks to the community for trying it out and reporting bugs.
@@ -96,7 +96,7 @@ The API is now stable, thanks to the community for trying it out and reporting b
 
 <p class="blog-description">The footer of the second column is a sum all its cells.</p>
 
-### Cell selection [<span class="plan-premium"></span>](/x/introduction/licensing/#premium-plan)
+### Cell selection <a title="Premium plan" href="/x/introduction/licensing/#premium-plan"><span class="plan-premim"></span></a>
 
 [Cell selection](/x/react-data-grid/cell-selection/) is a powerful and flexible way to select data in the Data Grid.
 It allows end-users to select a cell or group of cells like in an Excel sheet.
@@ -116,7 +116,7 @@ The API is unstable in this first release but you can enable it with:
 <DataGridPremium unstable_cellSelection />
 ```
 
-### Use web workers to export data to excel files [<span class="plan-premium"></span>](/x/introduction/licensing/#premium-plan)
+### Use web workers to export data to excel files <a title="Premium plan" href="/x/introduction/licensing/#premium-plan"><span class="plan-premim"></span></a>
 
 By default, the Excel file export is generated in the main thread. This can freeze the UI when exporting large datasets.
 
@@ -214,7 +214,7 @@ Many end-users complained, and we completely agree, the [clock view](/x/react-da
 
 You can still use the Clock if you like to, but [a replacement UI](https://github.com/mui/mui-x/issues/4483) for the time picker is coming shortly after this release.
 
-### Shortcuts for picking specific dates in a calendar [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan)
+### Shortcuts for picking specific dates in a calendar [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')
 
 You can now [add quick and customizable shortcuts](/x/react-date-pickers/shortcuts/) for your end-users.
 While shortcuts are an MIT licensed, it's particularly useful for date range pickers.
@@ -226,7 +226,7 @@ You can display them on the left, right, bottom, or top.
 
 <p class="blog-description">A demo of a Pro plan date range picker with shortcuts on the left.</p>
 
-### Edit date ranges with drag and drop [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan)
+### Edit date ranges with drag and drop [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')
 
 [Editing a date range](/x/react-date-pickers/date-range-calendar/) is even easier now with the new drag-and-drop interaction.
 End-users can more easily change the start and end dates.
diff --git a/docs/pages/careers.tsx b/docs/pages/careers.tsx
index 0b5a04f54f10c2..3af136634824f4 100644
--- a/docs/pages/careers.tsx
+++ b/docs/pages/careers.tsx
@@ -1,26 +1,27 @@
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
-import Container from '@mui/material/Container';
 import Divider from '@mui/material/Divider';
 import Grid from '@mui/material/Grid';
 import Stack from '@mui/material/Stack';
 import Paper from '@mui/material/Paper';
 import Button from '@mui/material/Button';
+import Badge from '@mui/material/Badge';
 import Typography from '@mui/material/Typography';
 import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
 import KeyboardArrowDownRounded from '@mui/icons-material/KeyboardArrowDownRounded';
 import MuiAccordion from '@mui/material/Accordion';
 import MuiAccordionSummary from '@mui/material/AccordionSummary';
 import MuiAccordionDetail from '@mui/material/AccordionDetails';
+import OurValues from 'docs/src/components/about/OurValues';
 import Link from 'docs/src/modules/components/Link';
 import AppHeader from 'docs/src/layouts/AppHeader';
 import AppFooter from 'docs/src/layouts/AppFooter';
-import MuiStatistics from 'docs/src/components/home/MuiStatistics';
 import GradientText from 'docs/src/components/typography/GradientText';
 import IconImage from 'docs/src/components/icon/IconImage';
 import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
 import Section from 'docs/src/layouts/Section';
+import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
 import Head from 'docs/src/modules/components/Head';
 import ROUTES from 'docs/src/route';
 import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
@@ -44,20 +45,10 @@ function Role(props: RoleProps) {
         }}
       >
         <span>
-          <Typography
-            component="span"
-            variant="body1"
-            color="text.primary"
-            fontWeight={700}
-            sx={{ display: 'block', mb: 0.5 }}
-          >
+          <Typography variant="body1" color="text.primary" fontWeight="semiBold" gutterBottom>
             {props.title}
           </Typography>
-          <Typography
-            component="span"
-            color="text.secondary"
-            sx={{ display: 'block', mb: 1, maxWidth: 700 }}
-          >
+          <Typography component="p" color="text.secondary" sx={{ maxWidth: 700 }}>
             {props.description}
           </Typography>
         </span>
@@ -80,7 +71,7 @@ function Role(props: RoleProps) {
       <Typography variant="body1" color="text.primary" fontWeight={700} sx={{ my: 1 }}>
         {props.title}
       </Typography>
-      <Typography color="text.secondary" sx={{ mb: 1, maxWidth: 700 }}>
+      <Typography color="text.secondary" sx={{ maxWidth: 700 }}>
         {props.description}
       </Typography>
     </div>
@@ -92,7 +83,7 @@ const Accordion = styled(MuiAccordion)(({ theme }) => ({
   transition: theme.transitions.create('box-shadow'),
   borderRadius: theme.shape.borderRadius,
   '&:hover': {
-    boxShadow: '1px 1px 20px 0 rgb(90 105 120 / 20%)',
+    boxShadow: '0 4px 8px 0 rgb(90 105 120 / 20%)',
   },
   '&:not(:last-of-type)': {
     marginBottom: theme.spacing(2),
@@ -280,108 +271,45 @@ function CareersContent() {
   return (
     <React.Fragment>
       {/* Hero */}
-      <Container>
-        <Box
-          sx={{
-            height: '30vh',
-            minHeight: 300,
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'center',
-            alignItems: 'center',
-            maxWidth: 600,
-            mx: 'auto',
-            textAlign: 'center',
-          }}
-        >
-          <Typography variant="body2" color="primary.600" fontWeight="bold">
-            Careers
-          </Typography>
-          <Typography component="h1" variant="h2" sx={{ my: 1 }}>
-            Build the <GradientText>next generation</GradientText> of tools for UI development
-          </Typography>
-          <Typography
-            color="text.secondary"
-            textAlign="center"
-            sx={{
-              maxWidth: { md: 500 },
-              minHeight: 48, // a hack to reduce CLS (layout shift)
-            }}
-          >
-            Our mission is to enable developers at every level of ability
-            <br /> to build great UIs, faster.
-          </Typography>
-        </Box>
-      </Container>
-      {/* Our ultimate goal */}
+      <Section cozy>
+        <SectionHeadline
+          alwaysCenter
+          overline="Join us"
+          title={
+            <Typography variant="h2" sx={{ maxWidth: 600, mx: 'auto' }}>
+              Build <GradientText>the next generation</GradientText>
+              <br /> of tools for UI development
+            </Typography>
+          }
+          description="Together, we are enabling developers & designers to bring stunning UIs to life with unrivalled speed and ease."
+        />
+      </Section>
       <Divider />
-      <Box
-        sx={(theme) => ({
-          bgcolor: 'grey.50',
-          ...theme.applyDarkStyles({
-            bgcolor: 'primaryDark.900',
-          }),
-        })}
-      >
-        <Section bg="gradient" cozy>
-          <Grid container alignItems="center" spacing={4}>
-            <Grid item xs={12} md={6}>
-              <Typography variant="h2" sx={{ my: 1 }}>
-                Our <GradientText>ultimate</GradientText> goal
-              </Typography>
-              <Typography color="text.secondary" sx={{ mb: 1, maxWidth: 450 }}>
-                We aim high trying to design the most effective and efficient tool for building UIs,
-                for developers and designers. MUI started back in 2014, to unify React and Material
-                Design. Since then, we&apos;ve become a community of over 2M developers from every
-                corner of the world.
-              </Typography>
-              <Typography color="text.secondary" sx={{ mb: 2 }}>
-                We plan on doing all that cultivating our values:
-              </Typography>
-              {[
-                'Customer obsessed. We put our customers front & center.',
-                "Excellence. We're aiming high, and we know it.",
-                'Transparency. Most of our work is public.',
-                'Freedom. We work from anywhere in the world.',
-                'Autonomy. We want to create a safe, high-trust team.',
-              ].map((text) => (
-                <Box key={text} sx={{ display: 'flex', alignItems: 'center', mt: 1 }}>
-                  <IconImage name="yes" />
-                  <Typography variant="body2" color="text.primary" fontWeight={600} sx={{ ml: 1 }}>
-                    {text}
-                  </Typography>
-                </Box>
-              ))}
-            </Grid>
-            <MuiStatistics />
-          </Grid>
-        </Section>
-      </Box>
+      <OurValues />
       <Divider />
       {/* Perks & benefits */}
-      <Section bg="transparent" cozy>
-        <Grid container alignItems="center" spacing={{ xs: 2, sm: 4 }}>
-          <Grid item xs={12} md={6} sx={{ pr: { sm: 0, md: 4 } }}>
-            <Typography variant="h2" sx={{ my: 1 }} id="perks-amp-benefits">
-              {'Perks & benefits'}
-            </Typography>
-            <Typography color="text.secondary" sx={{ mb: 2 }}>
-              To help you go above and beyond with us, we provide:
-            </Typography>
+      <Section bg="gradient" cozy>
+        <Grid container spacing={5} alignItems="center">
+          <Grid item md={6}>
+            <SectionHeadline
+              overline="Working at MUI"
+              title={<Typography variant="h2">Perks & benefits</Typography>}
+              description="To help you go above and beyond with us, we provide:"
+            />
             {[
-              ['Remote work:', 'Our entire company is distributed.'],
+              ['100% remote work:', 'Our entire company is globally distributed.'],
               [
                 'Retreats:',
-                'We meet up every eight months for a week of working and having fun together!',
+                'We meet up every 8 months for a week of working & having fun together!',
               ],
               [
                 'Equipment:',
-                'We will provide the hardware of your choice (initial grant of $2,500 USD).',
+                'We provide the hardware of your choice (initial grant of $2,500 USD).',
               ],
               ['Time off:', 'We provide 33 days of paid time off globally.'],
             ].map((textArray) => (
               <Box key={textArray[0]} sx={{ display: 'flex', alignItems: 'center', mt: 1 }}>
-                <IconImage name="yes" />
+                <IconImage name="pricing/yes" />
                 <Typography variant="body2" color="text.primary" sx={{ ml: 1 }}>
                   <span style={{ fontWeight: 600 }}>{`${textArray[0]}  `}</span>
                   {textArray[1]}
@@ -389,60 +317,85 @@ function CareersContent() {
               </Box>
             ))}
           </Grid>
-          <Grid item xs={12} sm={12} md={6}>
-            <Paper
-              component={Link}
-              href={ROUTES.blog}
-              noLinkStyle
-              variant="outlined"
-              sx={{ p: 2, width: { xs: '100%', sm: '50%' } }}
-            >
-              <Typography variant="body2" fontWeight="bold" sx={{ mb: 0.5 }}>
-                Blog
-              </Typography>
-              <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
-                Check behind the scenes and news from the company.
-              </Typography>
-              <Typography
-                sx={(theme) => ({
-                  color: 'primary.600',
-                  ...theme.applyDarkStyles({
-                    color: 'primary.400',
-                  }),
-                })}
-                variant="body2"
-                fontWeight="bold"
+          <Grid item xs={12} md={6} container>
+            <Box sx={{ display: 'flex', flexDirection: { xs: 'column', sm: 'row' }, gap: 2 }}>
+              <Paper
+                component={Link}
+                href={ROUTES.handbook}
+                noLinkStyle
+                variant="outlined"
+                sx={{ p: 2, width: '100%' }}
               >
-                Learn more{' '}
-                <KeyboardArrowRightRounded fontSize="small" sx={{ verticalAlign: 'middle' }} />
-              </Typography>
-            </Paper>
+                <Typography variant="body2" fontWeight="bold" sx={{ mb: 0.5 }}>
+                  Handbook
+                </Typography>
+                <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
+                  Learn everything about how MUI as a company is run.
+                </Typography>
+                <Typography
+                  sx={(theme) => ({
+                    color: 'primary.600',
+                    ...theme.applyDarkStyles({
+                      color: 'primary.400',
+                    }),
+                  })}
+                  variant="body2"
+                  fontWeight="bold"
+                >
+                  Learn more{' '}
+                  <KeyboardArrowRightRounded fontSize="small" sx={{ verticalAlign: 'middle' }} />
+                </Typography>
+              </Paper>
+              <Paper
+                component={Link}
+                href={ROUTES.blog}
+                noLinkStyle
+                variant="outlined"
+                sx={{ p: 2, width: '100%' }}
+              >
+                <Typography variant="body2" fontWeight="bold" sx={{ mb: 0.5 }}>
+                  Blog
+                </Typography>
+                <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
+                  Check behind the scenes and news from the company.
+                </Typography>
+                <Typography
+                  sx={(theme) => ({
+                    color: 'primary.600',
+                    ...theme.applyDarkStyles({
+                      color: 'primary.400',
+                    }),
+                  })}
+                  variant="body2"
+                  fontWeight="bold"
+                >
+                  Learn more{' '}
+                  <KeyboardArrowRightRounded fontSize="small" sx={{ verticalAlign: 'middle' }} />
+                </Typography>
+              </Paper>
+            </Box>
           </Grid>
         </Grid>
       </Section>
-      {/* Open roles */}
       <Divider />
-      <Container sx={{ py: { xs: 4, md: 8 } }}>
-        <div>
-          <Typography variant="h2" sx={{ my: 1 }} id="open-roles">
-            {`Open roles (${openRolesData.reduce((acc, item) => acc + item.roles.length, 0)})`}
-          </Typography>
-          <Typography color="text.secondary" sx={{ mb: 2, maxWidth: 500 }}>
-            The company is bootstrapped (so far). It was incorporated in mid-2019 and is growing
-            fast (x2 YoY). We doubled the team in 2020 (6), accelerated in 2021 (15), kept a similar
-            pace in 2022 (25), and we plan to double it in 2023 (50). We&apos;re looking for help to
-            grow in the following areas:
-          </Typography>
-        </div>
-        <Divider
-          sx={(theme) => ({
-            my: { xs: 2, sm: 4 },
-            borderColor: 'grey.100',
-            ...theme.applyDarkStyles({
-              borderColor: 'primaryDark.600',
-            }),
-          })}
+      {/* Open roles */}
+      <Section cozy>
+        <SectionHeadline
+          title={
+            <Typography variant="h2" id="open-roles" gutterBottom>
+              Open roles
+              <Badge
+                badgeContent={openRolesData.reduce((acc, item) => acc + item.roles.length, 0)}
+                color="success"
+                showZero
+                sx={{ ml: 3 }}
+              />
+            </Typography>
+          }
+          description="The company is bootstrapped (so far). It was incorporated in mid-2019 and is growing fast (x2 YoY). We doubled the team in 2020 (6), accelerated in 2021 (15), kept a similar pace in 2022 (25), and we plan to double it in 2023 (50). We're looking for help to
+          grow in the following areas:"
         />
+        <Divider sx={{ my: { xs: 2, sm: 4 } }} />
         <Stack
           spacing={2}
           divider={
@@ -480,39 +433,31 @@ function CareersContent() {
             );
           })}
         </Stack>
-      </Container>
-      {/* Next roles */}
+      </Section>
       <Divider />
-      {nextRolesData.length > 0 ? (
+      {/* Next roles */}
+      {nextRolesData.length > 0 && (
         <Box data-mui-color-scheme="dark" sx={{ bgcolor: 'primaryDark.900' }}>
-          <Container sx={{ py: { xs: 4, md: 8 } }}>
-            <Box
-              sx={{
-                display: 'flex',
-                justifyContent: 'space-between',
-                alignItems: 'center',
-              }}
-            >
-              <div>
-                <Typography variant="h2" sx={{ my: 1 }} id="next-roles">
+          <Section bg="transparent">
+            <SectionHeadline
+              title={
+                <Typography variant="h2" id="next-roles" gutterBottom>
                   Next roles
                 </Typography>
-                <Typography color="text.secondary" sx={{ mb: 2, maxWidth: 450 }}>
+              }
+              description={
+                <React.Fragment>
                   We hire in batches, we collect applications a few months before we actively aim to
-                  fill the roles. If none of these roles fit with what you are looking for, you can
-                  apply to the{' '}
+                  fill the roles. If none of them fit with what you are looking for, apply to the{' '}
                   <Link href="https://jobs.ashbyhq.com/MUI/4715d81f-d00f-42d4-a0d0-221f40f73e19/application?utm_source=ZNRrPGBkqO">
                     Dream job
                   </Link>{' '}
                   role.
-                </Typography>
-              </div>
-            </Box>
-            <Divider sx={{ my: { xs: 2, sm: 4 }, borderColor: 'primaryDark.600' }} />
-            <Stack
-              spacing={2}
-              divider={<Divider sx={{ my: { xs: 1, sm: 2 }, borderColor: 'primaryDark.600' }} />}
-            >
+                </React.Fragment>
+              }
+            />
+            <Divider sx={{ my: { xs: 2, sm: 4 } }} />
+            <Stack spacing={2} divider={<Divider sx={{ my: { xs: 1, sm: 2 } }} />}>
               {nextRolesData.map((category) => {
                 const roles = category.roles;
                 return (
@@ -536,9 +481,9 @@ function CareersContent() {
                 );
               })}
             </Stack>
-          </Container>
+          </Section>
         </Box>
-      ) : null}
+      )}
       <Divider />
       {/* Frequently asked questions */}
       <Section bg="transparent">
@@ -557,10 +502,9 @@ function CareersContent() {
               sx={(theme) => ({
                 p: 2,
                 borderStyle: 'dashed',
-                borderColor: 'grey.300',
+                borderColor: 'divider',
                 bgcolor: 'white',
                 ...theme.applyDarkStyles({
-                  borderColor: 'primaryDark.600',
                   bgcolor: 'primaryDark.800',
                 }),
               })}
@@ -570,11 +514,11 @@ function CareersContent() {
                   Got any questions unanswered or need more help?
                 </Typography>
               </Box>
-              <Typography variant="body2" color="text.primary" sx={{ my: 1, textAlign: 'left' }}>
+              <Typography variant="body2" color="text.secondary" sx={{ my: 1, textAlign: 'left' }}>
                 We&apos;re to help you with any other question you have about our hiring process.
               </Typography>
               <Link href="mailto:job@mui.com" variant="body2">
-                Contact us <KeyboardArrowRightRounded fontSize="small" sx={{ mt: '1px' }} />
+                Contact us <KeyboardArrowRightRounded fontSize="small" />
               </Link>
             </Paper>
           </Grid>
diff --git a/docs/pages/experiments/base/listbox.tsx b/docs/pages/experiments/base/listbox.tsx
index acdb62766465c4..fbdfc67412e677 100644
--- a/docs/pages/experiments/base/listbox.tsx
+++ b/docs/pages/experiments/base/listbox.tsx
@@ -27,7 +27,7 @@ const styles = `
   .list:focus-visible {
     outline: none;
   }
-  
+
   .item {
     width: 50px;
     height: 50px;
diff --git a/docs/pages/experiments/base/popup.tsx b/docs/pages/experiments/base/popup.tsx
new file mode 100644
index 00000000000000..c5b4651e9b676f
--- /dev/null
+++ b/docs/pages/experiments/base/popup.tsx
@@ -0,0 +1,150 @@
+import * as React from 'react';
+import { Unstable_Popup as BasePopup, PopupProps } from '@mui/base/Unstable_Popup';
+import Button from '@mui/joy/Button';
+import { CssVarsProvider } from '@mui/joy/styles';
+import { styled } from '@mui/system';
+import Fade from '@mui/material/Fade';
+
+const StyledPopup = styled(BasePopup)`
+  width: max-content;
+`;
+
+const PopupBody = styled('div')`
+  padding: 16px;
+  background-color: white;
+  box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.05), 0 3px 2px -2px rgb(0 0 0 / 0.1);
+  border-radius: 4px;
+  font-family: var(--joy-fontFamily-body);
+  font-size: var(--joy-fontSize-sm);
+  z-index: 1;
+`;
+
+const Section = styled('div')`
+  padding: 8px;
+  width: 150px;
+`;
+
+function Animated(
+  props: React.PropsWithChildren<{
+    className?: string;
+    requestOpen: boolean;
+    onExited: () => void;
+    onEnter: () => void;
+  }>,
+) {
+  const { requestOpen, onEnter, onExited, children, className } = props;
+
+  const handleAnimationEnd = React.useCallback(() => {
+    if (!requestOpen) {
+      onExited();
+    }
+  }, [onExited, requestOpen]);
+
+  React.useEffect(() => {
+    if (requestOpen) {
+      onEnter();
+    }
+  }, [onEnter, requestOpen]);
+
+  return (
+    <div
+      onAnimationEnd={handleAnimationEnd}
+      className={className + (requestOpen ? ' open' : ' close')}
+    >
+      {children}
+    </div>
+  );
+}
+
+const PopAnimation = styled(Animated)`
+  @keyframes open-animation {
+    0% {
+      opacity: 0;
+      transform: translateY(-8px) scale(0.95);
+    }
+
+    50% {
+      opacity: 1;
+      transform: translateY(4px) scale(1.05);
+    }
+
+    100% {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+  }
+
+  @keyframes close-animation {
+    0% {
+      opacity: 1;
+      transform: scale(1) rotate(0deg);
+      filter: blur(0);
+    }
+
+    100% {
+      opacity: 0;
+      transform: scale(1.2) rotate(4deg);
+      filter: blur(3px);
+    }
+  }
+
+  &.open {
+    animation: open-animation 0.2s ease-out forwards;
+  }
+
+  &.close {
+    animation: close-animation 0.4s ease-out forwards;
+  }
+`;
+
+function PopupWithTrigger(props: PopupProps & { label: string }) {
+  const [anchor, setAnchor] = React.useState<HTMLButtonElement | null>(null);
+  const [open, setOpen] = React.useState(false);
+
+  const { label, children, ...other } = props;
+
+  return (
+    <Section>
+      <Button ref={setAnchor} onClick={() => setOpen((o) => !o)} fullWidth>
+        {open ? 'Close' : 'Open'} {label}
+      </Button>
+      <StyledPopup anchor={anchor} open={open} {...other}>
+        {children ?? <PopupBody>This is a {label} popup</PopupBody>}
+      </StyledPopup>
+    </Section>
+  );
+}
+
+const Container = styled('div')`
+  display: flex;
+  flex-wrap: wrap;
+`;
+
+export default function PopupPlayground() {
+  return (
+    <CssVarsProvider>
+      <Container>
+        <PopupWithTrigger label="default" />
+        <PopupWithTrigger label="placed to the right" placement="right" />
+        <PopupWithTrigger label="always mounted" keepMounted />
+        <PopupWithTrigger label="non-portaled" disablePortal />
+        <PopupWithTrigger label="with offset" offset={20} />
+        <PopupWithTrigger label="with Material UI transition" withTransition>
+          {({ requestOpen, onExited, onEnter }) => (
+            <Fade in={requestOpen} onExited={onExited} onEnter={onEnter} timeout={250}>
+              <PopupBody>This is an animated popup</PopupBody>
+            </Fade>
+          )}
+        </PopupWithTrigger>
+
+        <PopupWithTrigger label="with custom transition" withTransition>
+          {({ requestOpen: open, onExited, onEnter }) => (
+            <PopAnimation requestOpen={open} onExited={onExited} onEnter={onEnter}>
+              <PopupBody>This is an animated popup</PopupBody>
+            </PopAnimation>
+          )}
+        </PopupWithTrigger>
+      </Container>
+    </CssVarsProvider>
+  );
+}
diff --git a/docs/pages/experiments/blog/blog.md b/docs/pages/experiments/blog/blog.md
index 7d7497d9610a8d..09c041c7df713e 100644
--- a/docs/pages/experiments/blog/blog.md
+++ b/docs/pages/experiments/blog/blog.md
@@ -3,7 +3,7 @@ title: Blog post title
 description: Our internationally distributed startup gathered on a remote island to get to know each other better. Here's what happened!
 date: 2022-07-28T00:00:00.000Z
 authors: ['samuelsycamore']
-card: true
+card: false
 tags: ['Company']
 ---
 
diff --git a/docs/pages/experiments/docs/callouts.md b/docs/pages/experiments/docs/callouts.md
index a5fe5610d3a49b..855527c89b6fb4 100644
--- a/docs/pages/experiments/docs/callouts.md
+++ b/docs/pages/experiments/docs/callouts.md
@@ -7,14 +7,21 @@
 :::info
 This is an info callout.
 It says, "Here's a bit of extra insight to help you understand this feature."
-Add some **bold text** and a [link](#link).
+
+- emphasised: **bold text**
+- some code `<div/>`
+- a [link](#link).
+
 :::
 
 ```markup
 :::info
 This is an info callout.
 It says, "Here's a bit of extra insight to help you understand this feature."
-Add some **bold text** and a [link](#link).
+
+- emphasised: **bold text**
+- some code `<div/>`
+- a [link](#link).
 :::
 ```
 
@@ -23,14 +30,21 @@ Add some **bold text** and a [link](#link).
 :::success
 This is a success callout.
 It says, "Here's an actionable suggestion to help you succeed."
-Add some **bold text** and a [link](#link).
+
+- emphasised: **bold text**
+- some code `<div/>`
+- a [link](#link).
+
 :::
 
 ```markup
 :::success
 This is a success callout.
 It says, "Here's an actionable suggestion to help you succeed."
-Add some **bold text** and a [link](#link).
+
+- emphasised: **bold text**
+- some code `<div/>`
+- a [link](#link).
 :::
 ```
 
@@ -39,14 +53,21 @@ Add some **bold text** and a [link](#link).
 :::warning
 This is a warning callout.
 It says, "Be careful! Keep this detail in mind to avoid potential issues."
-Add some **bold text** and a [link](#link).
+
+- emphasised: **bold text**
+- some code `<div/>`
+- a [link](#link).
+
 :::
 
 ```markup
 :::warning
 This is a warning callout.
 It says, "Be careful! Keep this detail in mind to avoid potential issues."
-Add some **bold text** and a [link](#link).
+
+- emphasised: **bold text**
+- some code `<div/>`
+- a [link](#link).
 :::
 ```
 
@@ -55,13 +76,61 @@ Add some **bold text** and a [link](#link).
 :::error
 This is an error callout.
 It says, "You will fail if you don't heed this dire warning."
-Add some **bold text** and a [link](#link).
+
+- emphasised: **bold text**
+- some code `<div/>`
+- a [link](#link).
+
 :::
 
 ```markup
 :::error
 This is an error callout.
 It says, "You will fail if you don't heed this dire warning."
-Add some **bold text** and a [link](#link).
+
+- emphasised: **bold text**
+- some code `<div/>`
+- a [link](#link).
 :::
 ```
+
+## Empty
+
+Should not be used, here just to ensure forgetting the token is not a big deal.
+
+:::
+This is a callout.
+It says, "You will fail if you don't heed this dire warning."
+
+- emphasised: **bold text**
+- some code `<div/>`
+- a [link](#link).
+
+:::
+
+```markup
+:::
+This is a callout.
+It says, "You will fail if you don't heed this dire warning."
+
+- emphasised: **bold text**
+- some code `<div/>`
+- a [link](#link).
+:::
+```
+
+## With code
+
+:::info
+This is a callout.
+
+```jsx
+import * as React from 'react';
+import Stack from '@mui/material/Stack';
+
+export default function BasicAlerts() {
+  return <Stack sx={{ width: '100%' }} spacing={2} />;
+}
+```
+
+:::
diff --git a/docs/pages/experiments/docs/headers.md b/docs/pages/experiments/docs/headers.md
index 08eff893430935..e6c82e7712e4ff 100644
--- a/docs/pages/experiments/docs/headers.md
+++ b/docs/pages/experiments/docs/headers.md
@@ -1,4 +1,4 @@
-# Header styles
+# Headers
 
 <p class="description">Headers.</p>
 
@@ -14,4 +14,6 @@ Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots
 
 It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
 
-## Header with Pro plan [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan)
+## Header with Pro plan [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')
+
+## Header with Premium plan [<span class="plan-premium"></span>](/x/introduction/licensing/#premium-plan 'premium plan')
diff --git a/docs/pages/material-ui/react-tree-view.js b/docs/pages/experiments/docs/markdown.js
similarity index 64%
rename from docs/pages/material-ui/react-tree-view.js
rename to docs/pages/experiments/docs/markdown.js
index 8885df153e6035..ec4775d7f5a6d4 100644
--- a/docs/pages/material-ui/react-tree-view.js
+++ b/docs/pages/experiments/docs/markdown.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/components/tree-view/tree-view.md?@mui/markdown';
+import * as pageProps from './markdown.md?@mui/markdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/experiments/docs/markdown.md b/docs/pages/experiments/docs/markdown.md
new file mode 100644
index 00000000000000..45fc94d660c6be
--- /dev/null
+++ b/docs/pages/experiments/docs/markdown.md
@@ -0,0 +1,36 @@
+# Markdown
+
+<p class="description">Markdown.</p>
+
+## Nested lists
+
+- First item
+  - First item
+  - Second item
+- Second item
+  - First item
+  - Second item
+
+## Tight lists
+
+https://spec.commonmark.org/0.30/#tight
+
+- First item
+- Second item
+- Third item
+
+## Loose lists
+
+https://spec.commonmark.org/0.30/#loose
+
+- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id semper risus in hendrerit gravida rutrum quisque non tellus.
+
+- Rhoncus dolor purus non enim praesent. Turpis egestas sed tempus urna et pharetra pharetra massa.
+
+- Leo vel orci porta non pulvinar neque. Faucibus interdum posuere lorem ipsum dolor sit amet consectetur.
+
+## Link
+
+https://spec.commonmark.org/0.30/#links
+
+- Link [with a title](#link 'Stay on the same page').
diff --git a/docs/pages/experiments/joy/style-guide.tsx b/docs/pages/experiments/joy/style-guide.tsx
index 81617dc1b3bbff..b52d1ff4efc97e 100644
--- a/docs/pages/experiments/joy/style-guide.tsx
+++ b/docs/pages/experiments/joy/style-guide.tsx
@@ -70,7 +70,7 @@ function ColorToken({ name, value }: { name: string; value: string }) {
     }
   }, []);
   return (
-    <Box>
+    <div>
       <Box
         ref={ref}
         sx={{
@@ -84,7 +84,7 @@ function ColorToken({ name, value }: { name: string; value: string }) {
       />
       <Typography level="body-xs">{name}</Typography>
       <Typography level="body-xs">{color}</Typography>
-    </Box>
+    </div>
   );
 }
 
@@ -102,7 +102,7 @@ function PaletteTokens() {
           Palette ({colorScheme})
         </Typography>
       )}
-      <Box>
+      <div>
         {Object.entries(palette).map(([key, nestedObj]) => {
           if (typeof nestedObj === 'string' && mounted) {
             return <ColorToken key={key} name={key} value={nestedObj} />;
@@ -135,7 +135,7 @@ function PaletteTokens() {
             </details>
           );
         })}
-      </Box>
+      </div>
     </React.Fragment>
   );
 }
@@ -185,16 +185,16 @@ export default function JoyStyleGuide() {
           <Box sx={{ minWidth: 300 }}>
             <TypographyScale />
           </Box>
-          <Box>
+          <div>
             <Typography level="title-md" sx={{ mb: 1 }}>
               UI Patterns
             </Typography>
             <Box sx={{ display: 'flex', gap: 2 }}>
               <Box sx={{ width: 48, height: 48, bgcolor: 'background.level2' }} />
-              <Box>
+              <div>
                 <Typography>List item title</Typography>
                 <Typography level="body-sm">Secondary text.</Typography>
-              </Box>
+              </div>
             </Box>
             <hr />
             <Box sx={{ display: 'flex', gap: 2, minWidth: 300 }}>
@@ -214,7 +214,7 @@ export default function JoyStyleGuide() {
                 <Typography level="body-xs">metadata</Typography>
               </Box>
             </Box>
-          </Box>
+          </div>
         </Box>
       </Container>
     </CssVarsProvider>
diff --git a/docs/pages/joy-ui/api/accordion-details.js b/docs/pages/joy-ui/api/accordion-details.js
new file mode 100644
index 00000000000000..be64ab46426276
--- /dev/null
+++ b/docs/pages/joy-ui/api/accordion-details.js
@@ -0,0 +1,23 @@
+import * as React from 'react';
+import ApiPage from 'docs/src/modules/components/ApiPage';
+import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
+import jsonPageContent from './accordion-details.json';
+
+export default function Page(props) {
+  const { descriptions, pageContent } = props;
+  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
+}
+
+Page.getInitialProps = () => {
+  const req = require.context(
+    'docs/translations/api-docs-joy/accordion-details',
+    false,
+    /accordion-details.*.json$/,
+  );
+  const descriptions = mapApiPageTranslations(req);
+
+  return {
+    descriptions,
+    pageContent: jsonPageContent,
+  };
+};
diff --git a/docs/pages/joy-ui/api/accordion-details.json b/docs/pages/joy-ui/api/accordion-details.json
new file mode 100644
index 00000000000000..821505f726a111
--- /dev/null
+++ b/docs/pages/joy-ui/api/accordion-details.json
@@ -0,0 +1,70 @@
+{
+  "props": {
+    "children": { "type": { "name": "node" } },
+    "color": {
+      "type": {
+        "name": "enum",
+        "description": "'danger'<br>&#124;&nbsp;'neutral'<br>&#124;&nbsp;'primary'<br>&#124;&nbsp;'success'<br>&#124;&nbsp;'warning'"
+      },
+      "default": "'neutral'",
+      "additionalInfo": { "joy-color": true }
+    },
+    "component": { "type": { "name": "elementType" } },
+    "slotProps": {
+      "type": {
+        "name": "shape",
+        "description": "{ content?: func<br>&#124;&nbsp;object, root?: func<br>&#124;&nbsp;object }"
+      },
+      "default": "{}"
+    },
+    "slots": {
+      "type": { "name": "shape", "description": "{ content?: elementType, root?: elementType }" },
+      "default": "{}",
+      "additionalInfo": { "slotsApi": true }
+    },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    },
+    "variant": {
+      "type": {
+        "name": "enum",
+        "description": "'outlined'<br>&#124;&nbsp;'plain'<br>&#124;&nbsp;'soft'<br>&#124;&nbsp;'solid'"
+      },
+      "default": "'plain'",
+      "additionalInfo": { "joy-variant": true }
+    }
+  },
+  "name": "AccordionDetails",
+  "imports": [
+    "import AccordionDetails from '@mui/joy/AccordionDetails';",
+    "import { AccordionDetails } from '@mui/joy';"
+  ],
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiAccordionDetails" },
+  "slots": [
+    {
+      "name": "root",
+      "description": "The component that renders the root.",
+      "default": "'div'",
+      "class": ".MuiAccordionDetails-root"
+    },
+    {
+      "name": "content",
+      "description": "The component that renders the content.",
+      "default": "'div'",
+      "class": ".MuiAccordionDetails-content"
+    }
+  ],
+  "classes": { "classes": ["expanded"], "globalClasses": { "expanded": "Mui-expanded" } },
+  "spread": true,
+  "themeDefaultProps": true,
+  "muiName": "JoyAccordionDetails",
+  "forwardsRefTo": "HTMLDivElement",
+  "filename": "/packages/mui-joy/src/AccordionDetails/AccordionDetails.tsx",
+  "inheritance": null,
+  "demos": "<ul><li><a href=\"/joy-ui/react-accordion/\">Accordion</a></li></ul>",
+  "cssComponent": false
+}
diff --git a/docs/pages/joy-ui/api/accordion-group.js b/docs/pages/joy-ui/api/accordion-group.js
new file mode 100644
index 00000000000000..703a209e15fe94
--- /dev/null
+++ b/docs/pages/joy-ui/api/accordion-group.js
@@ -0,0 +1,23 @@
+import * as React from 'react';
+import ApiPage from 'docs/src/modules/components/ApiPage';
+import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
+import jsonPageContent from './accordion-group.json';
+
+export default function Page(props) {
+  const { descriptions, pageContent } = props;
+  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
+}
+
+Page.getInitialProps = () => {
+  const req = require.context(
+    'docs/translations/api-docs-joy/accordion-group',
+    false,
+    /accordion-group.*.json$/,
+  );
+  const descriptions = mapApiPageTranslations(req);
+
+  return {
+    descriptions,
+    pageContent: jsonPageContent,
+  };
+};
diff --git a/docs/pages/joy-ui/api/accordion-group.json b/docs/pages/joy-ui/api/accordion-group.json
new file mode 100644
index 00000000000000..da61d4e5823c9d
--- /dev/null
+++ b/docs/pages/joy-ui/api/accordion-group.json
@@ -0,0 +1,94 @@
+{
+  "props": {
+    "children": { "type": { "name": "node" } },
+    "color": {
+      "type": {
+        "name": "union",
+        "description": "'danger'<br>&#124;&nbsp;'neutral'<br>&#124;&nbsp;'primary'<br>&#124;&nbsp;'success'<br>&#124;&nbsp;'warning'<br>&#124;&nbsp;string"
+      },
+      "default": "'neutral'",
+      "additionalInfo": { "joy-color": true }
+    },
+    "component": { "type": { "name": "elementType" } },
+    "disableDivider": { "type": { "name": "bool" }, "default": "false" },
+    "size": {
+      "type": {
+        "name": "union",
+        "description": "'sm'<br>&#124;&nbsp;'md'<br>&#124;&nbsp;'lg'<br>&#124;&nbsp;string"
+      },
+      "default": "'md'",
+      "additionalInfo": { "joy-size": true }
+    },
+    "slotProps": {
+      "type": { "name": "shape", "description": "{ root?: func<br>&#124;&nbsp;object }" },
+      "default": "{}"
+    },
+    "slots": {
+      "type": { "name": "shape", "description": "{ root?: elementType }" },
+      "default": "{}",
+      "additionalInfo": { "slotsApi": true }
+    },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    },
+    "transition": {
+      "type": {
+        "name": "union",
+        "description": "{ expanded: string, initial: string }<br>&#124;&nbsp;string"
+      },
+      "default": "'0.2s ease'"
+    },
+    "variant": {
+      "type": {
+        "name": "union",
+        "description": "'outlined'<br>&#124;&nbsp;'plain'<br>&#124;&nbsp;'soft'<br>&#124;&nbsp;'solid'<br>&#124;&nbsp;string"
+      },
+      "default": "'plain'",
+      "additionalInfo": { "joy-variant": true }
+    }
+  },
+  "name": "AccordionGroup",
+  "imports": [
+    "import AccordionGroup from '@mui/joy/AccordionGroup';",
+    "import { AccordionGroup } from '@mui/joy';"
+  ],
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiAccordionGroup" },
+  "slots": [
+    {
+      "name": "root",
+      "description": "The component that renders the root.",
+      "default": "'div'",
+      "class": ".MuiAccordionGroup-root"
+    }
+  ],
+  "classes": {
+    "classes": [
+      "colorContext",
+      "colorDanger",
+      "colorNeutral",
+      "colorPrimary",
+      "colorSuccess",
+      "colorWarning",
+      "sizeLg",
+      "sizeMd",
+      "sizeSm",
+      "variantOutlined",
+      "variantPlain",
+      "variantSoft",
+      "variantSolid"
+    ],
+    "globalClasses": {}
+  },
+  "spread": true,
+  "themeDefaultProps": true,
+  "muiName": "JoyAccordionGroup",
+  "forwardsRefTo": "HTMLDivElement",
+  "filename": "/packages/mui-joy/src/AccordionGroup/AccordionGroup.tsx",
+  "inheritance": null,
+  "demos": "<ul><li><a href=\"/joy-ui/react-accordion/\">Accordion</a></li></ul>",
+  "cssComponent": false
+}
diff --git a/docs/pages/joy-ui/api/accordion-summary.js b/docs/pages/joy-ui/api/accordion-summary.js
new file mode 100644
index 00000000000000..66d258e963ac61
--- /dev/null
+++ b/docs/pages/joy-ui/api/accordion-summary.js
@@ -0,0 +1,23 @@
+import * as React from 'react';
+import ApiPage from 'docs/src/modules/components/ApiPage';
+import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
+import jsonPageContent from './accordion-summary.json';
+
+export default function Page(props) {
+  const { descriptions, pageContent } = props;
+  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
+}
+
+Page.getInitialProps = () => {
+  const req = require.context(
+    'docs/translations/api-docs-joy/accordion-summary',
+    false,
+    /accordion-summary.*.json$/,
+  );
+  const descriptions = mapApiPageTranslations(req);
+
+  return {
+    descriptions,
+    pageContent: jsonPageContent,
+  };
+};
diff --git a/docs/pages/joy-ui/api/accordion-summary.json b/docs/pages/joy-ui/api/accordion-summary.json
new file mode 100644
index 00000000000000..651ee6d0a96587
--- /dev/null
+++ b/docs/pages/joy-ui/api/accordion-summary.json
@@ -0,0 +1,83 @@
+{
+  "props": {
+    "children": { "type": { "name": "node" } },
+    "color": {
+      "type": {
+        "name": "enum",
+        "description": "'danger'<br>&#124;&nbsp;'neutral'<br>&#124;&nbsp;'primary'<br>&#124;&nbsp;'success'<br>&#124;&nbsp;'warning'"
+      },
+      "default": "'neutral'",
+      "additionalInfo": { "joy-color": true }
+    },
+    "component": { "type": { "name": "elementType" } },
+    "indicator": { "type": { "name": "node" }, "default": "<KeyboardArrowDown />" },
+    "slotProps": {
+      "type": {
+        "name": "shape",
+        "description": "{ button?: func<br>&#124;&nbsp;object, indicator?: func<br>&#124;&nbsp;object, root?: func<br>&#124;&nbsp;object }"
+      },
+      "default": "{}"
+    },
+    "slots": {
+      "type": {
+        "name": "shape",
+        "description": "{ button?: elementType, indicator?: elementType, root?: elementType }"
+      },
+      "default": "{}",
+      "additionalInfo": { "slotsApi": true }
+    },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    },
+    "variant": {
+      "type": {
+        "name": "enum",
+        "description": "'outlined'<br>&#124;&nbsp;'plain'<br>&#124;&nbsp;'soft'<br>&#124;&nbsp;'solid'"
+      },
+      "default": "'plain'",
+      "additionalInfo": { "joy-variant": true }
+    }
+  },
+  "name": "AccordionSummary",
+  "imports": [
+    "import AccordionSummary from '@mui/joy/AccordionSummary';",
+    "import { AccordionSummary } from '@mui/joy';"
+  ],
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiAccordionSummary" },
+  "slots": [
+    {
+      "name": "root",
+      "description": "The component that renders the root.",
+      "default": "'div'",
+      "class": ".MuiAccordionSummary-root"
+    },
+    {
+      "name": "button",
+      "description": "The component that renders the button.",
+      "default": "'button'",
+      "class": ".MuiAccordionSummary-button"
+    },
+    {
+      "name": "indicator",
+      "description": "The component that renders the indicator.",
+      "default": "'span'",
+      "class": ".MuiAccordionSummary-indicator"
+    }
+  ],
+  "classes": {
+    "classes": ["disabled", "expanded"],
+    "globalClasses": { "disabled": "Mui-disabled", "expanded": "Mui-expanded" }
+  },
+  "spread": true,
+  "themeDefaultProps": true,
+  "muiName": "JoyAccordionSummary",
+  "forwardsRefTo": "HTMLDivElement",
+  "filename": "/packages/mui-joy/src/AccordionSummary/AccordionSummary.tsx",
+  "inheritance": null,
+  "demos": "<ul><li><a href=\"/joy-ui/react-accordion/\">Accordion</a></li></ul>",
+  "cssComponent": false
+}
diff --git a/docs/pages/material-ui/api/tree-view.js b/docs/pages/joy-ui/api/accordion.js
similarity index 74%
rename from docs/pages/material-ui/api/tree-view.js
rename to docs/pages/joy-ui/api/accordion.js
index 079bf4c37b3e53..328b015d547d10 100644
--- a/docs/pages/material-ui/api/tree-view.js
+++ b/docs/pages/joy-ui/api/accordion.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import ApiPage from 'docs/src/modules/components/ApiPage';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
-import jsonPageContent from './tree-view.json';
+import jsonPageContent from './accordion.json';
 
 export default function Page(props) {
   const { descriptions, pageContent } = props;
@@ -9,7 +9,11 @@ export default function Page(props) {
 }
 
 Page.getInitialProps = () => {
-  const req = require.context('docs/translations/api-docs/tree-view', false, /tree-view.*.json$/);
+  const req = require.context(
+    'docs/translations/api-docs-joy/accordion',
+    false,
+    /accordion.*.json$/,
+  );
   const descriptions = mapApiPageTranslations(req);
 
   return {
diff --git a/docs/pages/joy-ui/api/accordion.json b/docs/pages/joy-ui/api/accordion.json
new file mode 100644
index 00000000000000..1e60556a90bb20
--- /dev/null
+++ b/docs/pages/joy-ui/api/accordion.json
@@ -0,0 +1,75 @@
+{
+  "props": {
+    "accordionId": { "type": { "name": "string" } },
+    "children": { "type": { "name": "node" } },
+    "color": {
+      "type": {
+        "name": "enum",
+        "description": "'danger'<br>&#124;&nbsp;'neutral'<br>&#124;&nbsp;'primary'<br>&#124;&nbsp;'success'<br>&#124;&nbsp;'warning'"
+      },
+      "default": "'neutral'",
+      "additionalInfo": { "joy-color": true }
+    },
+    "component": { "type": { "name": "elementType" } },
+    "defaultExpanded": { "type": { "name": "bool" }, "default": "false" },
+    "disabled": { "type": { "name": "bool" }, "default": "false" },
+    "expanded": { "type": { "name": "bool" } },
+    "onChange": {
+      "type": { "name": "func" },
+      "signature": {
+        "type": "function(event: React.SyntheticEvent, expanded: boolean) => void",
+        "describedArgs": ["event", "expanded"]
+      }
+    },
+    "slotProps": {
+      "type": { "name": "shape", "description": "{ root?: func<br>&#124;&nbsp;object }" },
+      "default": "{}"
+    },
+    "slots": {
+      "type": { "name": "shape", "description": "{ root?: elementType }" },
+      "default": "{}",
+      "additionalInfo": { "slotsApi": true }
+    },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    },
+    "variant": {
+      "type": {
+        "name": "enum",
+        "description": "'outlined'<br>&#124;&nbsp;'plain'<br>&#124;&nbsp;'soft'<br>&#124;&nbsp;'solid'"
+      },
+      "default": "'plain'",
+      "additionalInfo": { "joy-variant": true }
+    }
+  },
+  "name": "Accordion",
+  "imports": [
+    "import Accordion from '@mui/joy/Accordion';",
+    "import { Accordion } from '@mui/joy';"
+  ],
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiAccordion" },
+  "slots": [
+    {
+      "name": "root",
+      "description": "The component that renders the root.",
+      "default": "'div'",
+      "class": ".MuiAccordion-root"
+    }
+  ],
+  "classes": {
+    "classes": ["disabled", "expanded"],
+    "globalClasses": { "expanded": "Mui-expanded", "disabled": "Mui-disabled" }
+  },
+  "spread": true,
+  "themeDefaultProps": true,
+  "muiName": "JoyAccordion",
+  "forwardsRefTo": "HTMLDivElement",
+  "filename": "/packages/mui-joy/src/Accordion/Accordion.tsx",
+  "inheritance": null,
+  "demos": "<ul><li><a href=\"/joy-ui/react-accordion/\">Accordion</a></li></ul>",
+  "cssComponent": false
+}
diff --git a/docs/pages/joy-ui/api/alert.json b/docs/pages/joy-ui/api/alert.json
index 44b41d0180ae48..95451d45c2f00a 100644
--- a/docs/pages/joy-ui/api/alert.json
+++ b/docs/pages/joy-ui/api/alert.json
@@ -48,13 +48,13 @@
         "name": "union",
         "description": "'outlined'<br>&#124;&nbsp;'plain'<br>&#124;&nbsp;'soft'<br>&#124;&nbsp;'solid'<br>&#124;&nbsp;string"
       },
-      "default": "'outlined'",
+      "default": "'soft'",
       "additionalInfo": { "joy-variant": true }
     }
   },
   "name": "Alert",
   "imports": ["import Alert from '@mui/joy/Alert';", "import { Alert } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiAlert" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/aspect-ratio.json b/docs/pages/joy-ui/api/aspect-ratio.json
index 328f51c5447405..d7156fcb05f1d0 100644
--- a/docs/pages/joy-ui/api/aspect-ratio.json
+++ b/docs/pages/joy-ui/api/aspect-ratio.json
@@ -10,6 +10,7 @@
       "additionalInfo": { "joy-color": true }
     },
     "component": { "type": { "name": "elementType" } },
+    "flex": { "type": { "name": "bool" }, "default": "false" },
     "maxHeight": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } },
     "minHeight": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } },
     "objectFit": {
@@ -56,7 +57,7 @@
     "import AspectRatio from '@mui/joy/AspectRatio';",
     "import { AspectRatio } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiAspectRatio" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/autocomplete-listbox.json b/docs/pages/joy-ui/api/autocomplete-listbox.json
index ede9a1cfe500ad..c109f9caeabd70 100644
--- a/docs/pages/joy-ui/api/autocomplete-listbox.json
+++ b/docs/pages/joy-ui/api/autocomplete-listbox.json
@@ -44,7 +44,7 @@
     "import AutocompleteListbox from '@mui/joy/AutocompleteListbox';",
     "import { AutocompleteListbox } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiAutocompleteListbox" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/autocomplete-option.json b/docs/pages/joy-ui/api/autocomplete-option.json
index 4de2ba1f566b28..5b103b4329f814 100644
--- a/docs/pages/joy-ui/api/autocomplete-option.json
+++ b/docs/pages/joy-ui/api/autocomplete-option.json
@@ -39,7 +39,7 @@
     "import AutocompleteOption from '@mui/joy/AutocompleteOption';",
     "import { AutocompleteOption } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiAutocompleteOption" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/autocomplete.json b/docs/pages/joy-ui/api/autocomplete.json
index 464c95f2f165f5..696fcc29528290 100644
--- a/docs/pages/joy-ui/api/autocomplete.json
+++ b/docs/pages/joy-ui/api/autocomplete.json
@@ -182,7 +182,7 @@
     "import Autocomplete from '@mui/joy/Autocomplete';",
     "import { Autocomplete } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiAutocomplete" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/avatar-group.json b/docs/pages/joy-ui/api/avatar-group.json
index 1de8a73a1ce915..ac74c9e076e549 100644
--- a/docs/pages/joy-ui/api/avatar-group.json
+++ b/docs/pages/joy-ui/api/avatar-group.json
@@ -48,7 +48,7 @@
     "import AvatarGroup from '@mui/joy/AvatarGroup';",
     "import { AvatarGroup } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiAvatarGroup" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/avatar.json b/docs/pages/joy-ui/api/avatar.json
index df786fe2bfd88b..d5b11642ca2129 100644
--- a/docs/pages/joy-ui/api/avatar.json
+++ b/docs/pages/joy-ui/api/avatar.json
@@ -54,7 +54,7 @@
   },
   "name": "Avatar",
   "imports": ["import Avatar from '@mui/joy/Avatar';", "import { Avatar } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiAvatar" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/badge.json b/docs/pages/joy-ui/api/badge.json
index 824b7df9b42218..9d4d84c9b8afc4 100644
--- a/docs/pages/joy-ui/api/badge.json
+++ b/docs/pages/joy-ui/api/badge.json
@@ -63,7 +63,7 @@
   },
   "name": "Badge",
   "imports": ["import Badge from '@mui/joy/Badge';", "import { Badge } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiBadge" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/breadcrumbs.json b/docs/pages/joy-ui/api/breadcrumbs.json
index 63d537c87e4465..2f2bdf60ffffe6 100644
--- a/docs/pages/joy-ui/api/breadcrumbs.json
+++ b/docs/pages/joy-ui/api/breadcrumbs.json
@@ -39,7 +39,7 @@
     "import Breadcrumbs from '@mui/joy/Breadcrumbs';",
     "import { Breadcrumbs } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiBreadcrumbs" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/button-group.json b/docs/pages/joy-ui/api/button-group.json
index 3c4df0acaf906c..6162e6f4c81a92 100644
--- a/docs/pages/joy-ui/api/button-group.json
+++ b/docs/pages/joy-ui/api/button-group.json
@@ -61,7 +61,7 @@
     "import ButtonGroup from '@mui/joy/ButtonGroup';",
     "import { ButtonGroup } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiButtonGroup" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/button.json b/docs/pages/joy-ui/api/button.json
index 0baf3f5e5a6ed0..0f5a178a82b022 100644
--- a/docs/pages/joy-ui/api/button.json
+++ b/docs/pages/joy-ui/api/button.json
@@ -69,7 +69,7 @@
   },
   "name": "Button",
   "imports": ["import Button from '@mui/joy/Button';", "import { Button } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiButton" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/card-actions.json b/docs/pages/joy-ui/api/card-actions.json
index 65d9630f59ae1c..52dd88be3f4729 100644
--- a/docs/pages/joy-ui/api/card-actions.json
+++ b/docs/pages/joy-ui/api/card-actions.json
@@ -32,7 +32,7 @@
     "import CardActions from '@mui/joy/CardActions';",
     "import { CardActions } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiCardActions" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/card-content.json b/docs/pages/joy-ui/api/card-content.json
index 72a3870606efb6..8d4fbef1099a9f 100644
--- a/docs/pages/joy-ui/api/card-content.json
+++ b/docs/pages/joy-ui/api/card-content.json
@@ -28,7 +28,7 @@
     "import CardContent from '@mui/joy/CardContent';",
     "import { CardContent } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiCardContent" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/card-cover.json b/docs/pages/joy-ui/api/card-cover.json
index 0e06450b4e61fd..aa2a99c84efed0 100644
--- a/docs/pages/joy-ui/api/card-cover.json
+++ b/docs/pages/joy-ui/api/card-cover.json
@@ -24,7 +24,7 @@
     "import CardCover from '@mui/joy/CardCover';",
     "import { CardCover } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiCardCover" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/card-overflow.json b/docs/pages/joy-ui/api/card-overflow.json
index 52507243186442..3101377343b1c2 100644
--- a/docs/pages/joy-ui/api/card-overflow.json
+++ b/docs/pages/joy-ui/api/card-overflow.json
@@ -40,7 +40,7 @@
     "import CardOverflow from '@mui/joy/CardOverflow';",
     "import { CardOverflow } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiCardOverflow" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/card.json b/docs/pages/joy-ui/api/card.json
index 04236604732873..e9fb4bd31addfa 100644
--- a/docs/pages/joy-ui/api/card.json
+++ b/docs/pages/joy-ui/api/card.json
@@ -44,13 +44,13 @@
         "name": "union",
         "description": "'outlined'<br>&#124;&nbsp;'plain'<br>&#124;&nbsp;'soft'<br>&#124;&nbsp;'solid'<br>&#124;&nbsp;string"
       },
-      "default": "'plain'",
+      "default": "'outlined'",
       "additionalInfo": { "joy-variant": true }
     }
   },
   "name": "Card",
   "imports": ["import Card from '@mui/joy/Card';", "import { Card } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiCard" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/checkbox.json b/docs/pages/joy-ui/api/checkbox.json
index f92a60698c58d2..d68b0b44787c9a 100644
--- a/docs/pages/joy-ui/api/checkbox.json
+++ b/docs/pages/joy-ui/api/checkbox.json
@@ -74,7 +74,7 @@
   },
   "name": "Checkbox",
   "imports": ["import Checkbox from '@mui/joy/Checkbox';", "import { Checkbox } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiCheckbox" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/chip-delete.json b/docs/pages/joy-ui/api/chip-delete.json
index 21601049e8a9c3..6b73c5abb80607 100644
--- a/docs/pages/joy-ui/api/chip-delete.json
+++ b/docs/pages/joy-ui/api/chip-delete.json
@@ -42,7 +42,7 @@
     "import ChipDelete from '@mui/joy/ChipDelete';",
     "import { ChipDelete } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiChipDelete" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/chip.json b/docs/pages/joy-ui/api/chip.json
index b3cf9ef38de382..d95d1dbb64b6ea 100644
--- a/docs/pages/joy-ui/api/chip.json
+++ b/docs/pages/joy-ui/api/chip.json
@@ -55,7 +55,7 @@
   },
   "name": "Chip",
   "imports": ["import Chip from '@mui/joy/Chip';", "import { Chip } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiChip" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/circular-progress.json b/docs/pages/joy-ui/api/circular-progress.json
index abafbdd2a8e891..7e7e5352b3007f 100644
--- a/docs/pages/joy-ui/api/circular-progress.json
+++ b/docs/pages/joy-ui/api/circular-progress.json
@@ -56,7 +56,7 @@
     "import CircularProgress from '@mui/joy/CircularProgress';",
     "import { CircularProgress } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiCircularProgress" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/dialog-actions.js b/docs/pages/joy-ui/api/dialog-actions.js
new file mode 100644
index 00000000000000..f52d8867d4ab9f
--- /dev/null
+++ b/docs/pages/joy-ui/api/dialog-actions.js
@@ -0,0 +1,23 @@
+import * as React from 'react';
+import ApiPage from 'docs/src/modules/components/ApiPage';
+import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
+import jsonPageContent from './dialog-actions.json';
+
+export default function Page(props) {
+  const { descriptions, pageContent } = props;
+  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
+}
+
+Page.getInitialProps = () => {
+  const req = require.context(
+    'docs/translations/api-docs-joy/dialog-actions',
+    false,
+    /dialog-actions.*.json$/,
+  );
+  const descriptions = mapApiPageTranslations(req);
+
+  return {
+    descriptions,
+    pageContent: jsonPageContent,
+  };
+};
diff --git a/docs/pages/joy-ui/api/dialog-actions.json b/docs/pages/joy-ui/api/dialog-actions.json
new file mode 100644
index 00000000000000..2979085b6e5dc1
--- /dev/null
+++ b/docs/pages/joy-ui/api/dialog-actions.json
@@ -0,0 +1,52 @@
+{
+  "props": {
+    "buttonFlex": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } },
+    "children": { "type": { "name": "node" } },
+    "component": { "type": { "name": "elementType" } },
+    "orientation": {
+      "type": {
+        "name": "enum",
+        "description": "'horizontal-reverse'<br>&#124;&nbsp;'horizontal'<br>&#124;&nbsp;'vertical'"
+      },
+      "default": "'horizontal-reverse'"
+    },
+    "slotProps": {
+      "type": { "name": "shape", "description": "{ root?: func<br>&#124;&nbsp;object }" },
+      "default": "{}"
+    },
+    "slots": {
+      "type": { "name": "shape", "description": "{ root?: elementType }" },
+      "default": "{}",
+      "additionalInfo": { "slotsApi": true }
+    },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    }
+  },
+  "name": "DialogActions",
+  "imports": [
+    "import DialogActions from '@mui/joy/DialogActions';",
+    "import { DialogActions } from '@mui/joy';"
+  ],
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiDialogActions" },
+  "slots": [
+    {
+      "name": "root",
+      "description": "The component that renders the root.",
+      "default": "'div'",
+      "class": ".MuiDialogActions-root"
+    }
+  ],
+  "spread": true,
+  "themeDefaultProps": true,
+  "muiName": "JoyDialogActions",
+  "forwardsRefTo": "HTMLDivElement",
+  "filename": "/packages/mui-joy/src/DialogActions/DialogActions.tsx",
+  "inheritance": null,
+  "demos": "<ul><li><a href=\"/joy-ui/react-modal/\">Modal</a></li></ul>",
+  "cssComponent": false
+}
diff --git a/docs/pages/joy-ui/api/dialog-content.js b/docs/pages/joy-ui/api/dialog-content.js
new file mode 100644
index 00000000000000..fd6ee6f24cdb4e
--- /dev/null
+++ b/docs/pages/joy-ui/api/dialog-content.js
@@ -0,0 +1,23 @@
+import * as React from 'react';
+import ApiPage from 'docs/src/modules/components/ApiPage';
+import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
+import jsonPageContent from './dialog-content.json';
+
+export default function Page(props) {
+  const { descriptions, pageContent } = props;
+  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
+}
+
+Page.getInitialProps = () => {
+  const req = require.context(
+    'docs/translations/api-docs-joy/dialog-content',
+    false,
+    /dialog-content.*.json$/,
+  );
+  const descriptions = mapApiPageTranslations(req);
+
+  return {
+    descriptions,
+    pageContent: jsonPageContent,
+  };
+};
diff --git a/docs/pages/joy-ui/api/dialog-content.json b/docs/pages/joy-ui/api/dialog-content.json
new file mode 100644
index 00000000000000..219d2b6cec26c3
--- /dev/null
+++ b/docs/pages/joy-ui/api/dialog-content.json
@@ -0,0 +1,48 @@
+{
+  "props": {
+    "children": { "type": { "name": "node" } },
+    "component": { "type": { "name": "elementType" } },
+    "orientation": {
+      "type": { "name": "enum", "description": "'horizontal'<br>&#124;&nbsp;'vertical'" },
+      "default": "'vertical'"
+    },
+    "slotProps": {
+      "type": { "name": "shape", "description": "{ root?: func<br>&#124;&nbsp;object }" },
+      "default": "{}"
+    },
+    "slots": {
+      "type": { "name": "shape", "description": "{ root?: elementType }" },
+      "default": "{}",
+      "additionalInfo": { "slotsApi": true }
+    },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    }
+  },
+  "name": "DialogContent",
+  "imports": [
+    "import DialogContent from '@mui/joy/DialogContent';",
+    "import { DialogContent } from '@mui/joy';"
+  ],
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiDialogContent" },
+  "slots": [
+    {
+      "name": "root",
+      "description": "The component that renders the root.",
+      "default": "'div'",
+      "class": ".MuiDialogContent-root"
+    }
+  ],
+  "spread": true,
+  "themeDefaultProps": true,
+  "muiName": "JoyDialogContent",
+  "forwardsRefTo": "HTMLDivElement",
+  "filename": "/packages/mui-joy/src/DialogContent/DialogContent.tsx",
+  "inheritance": null,
+  "demos": "<ul><li><a href=\"/joy-ui/react-modal/\">Modal</a></li></ul>",
+  "cssComponent": false
+}
diff --git a/docs/pages/joy-ui/api/dialog-title.js b/docs/pages/joy-ui/api/dialog-title.js
new file mode 100644
index 00000000000000..7ad832c7f61815
--- /dev/null
+++ b/docs/pages/joy-ui/api/dialog-title.js
@@ -0,0 +1,23 @@
+import * as React from 'react';
+import ApiPage from 'docs/src/modules/components/ApiPage';
+import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
+import jsonPageContent from './dialog-title.json';
+
+export default function Page(props) {
+  const { descriptions, pageContent } = props;
+  return <ApiPage descriptions={descriptions} pageContent={pageContent} />;
+}
+
+Page.getInitialProps = () => {
+  const req = require.context(
+    'docs/translations/api-docs-joy/dialog-title',
+    false,
+    /dialog-title.*.json$/,
+  );
+  const descriptions = mapApiPageTranslations(req);
+
+  return {
+    descriptions,
+    pageContent: jsonPageContent,
+  };
+};
diff --git a/docs/pages/joy-ui/api/dialog-title.json b/docs/pages/joy-ui/api/dialog-title.json
new file mode 100644
index 00000000000000..32030833a7e35a
--- /dev/null
+++ b/docs/pages/joy-ui/api/dialog-title.json
@@ -0,0 +1,91 @@
+{
+  "props": {
+    "children": { "type": { "name": "node" } },
+    "color": {
+      "type": {
+        "name": "enum",
+        "description": "'danger'<br>&#124;&nbsp;'neutral'<br>&#124;&nbsp;'primary'<br>&#124;&nbsp;'success'<br>&#124;&nbsp;'warning'"
+      },
+      "additionalInfo": { "joy-color": true }
+    },
+    "component": { "type": { "name": "elementType" } },
+    "level": {
+      "type": {
+        "name": "enum",
+        "description": "'body-lg'<br>&#124;&nbsp;'body-md'<br>&#124;&nbsp;'body-sm'<br>&#124;&nbsp;'body-xs'<br>&#124;&nbsp;'h1'<br>&#124;&nbsp;'h2'<br>&#124;&nbsp;'h3'<br>&#124;&nbsp;'h4'<br>&#124;&nbsp;'inherit'<br>&#124;&nbsp;'title-lg'<br>&#124;&nbsp;'title-md'<br>&#124;&nbsp;'title-sm'"
+      },
+      "default": "{ sm: 'title-md', md: 'title-lg', lg: 'h4' }"
+    },
+    "slotProps": {
+      "type": { "name": "shape", "description": "{ root?: func<br>&#124;&nbsp;object }" },
+      "default": "{}"
+    },
+    "slots": {
+      "type": { "name": "shape", "description": "{ root?: elementType }" },
+      "default": "{}",
+      "additionalInfo": { "slotsApi": true }
+    },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    },
+    "variant": {
+      "type": {
+        "name": "enum",
+        "description": "'outlined'<br>&#124;&nbsp;'plain'<br>&#124;&nbsp;'soft'<br>&#124;&nbsp;'solid'"
+      },
+      "additionalInfo": { "joy-variant": true }
+    }
+  },
+  "name": "DialogTitle",
+  "imports": [
+    "import DialogTitle from '@mui/joy/DialogTitle';",
+    "import { DialogTitle } from '@mui/joy';"
+  ],
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiDialogTitle" },
+  "slots": [
+    {
+      "name": "root",
+      "description": "The component that renders the root.",
+      "default": "'div'",
+      "class": ".MuiDialogTitle-root"
+    }
+  ],
+  "classes": {
+    "classes": [
+      "body-lg",
+      "body-md",
+      "body-sm",
+      "body-xs",
+      "colorContext",
+      "colorDanger",
+      "colorNeutral",
+      "colorPrimary",
+      "colorSuccess",
+      "colorWarning",
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "title-lg",
+      "title-md",
+      "title-sm",
+      "variantOutlined",
+      "variantPlain",
+      "variantSoft",
+      "variantSolid"
+    ],
+    "globalClasses": {}
+  },
+  "spread": true,
+  "themeDefaultProps": true,
+  "muiName": "JoyDialogTitle",
+  "forwardsRefTo": "HTMLDivElement",
+  "filename": "/packages/mui-joy/src/DialogTitle/DialogTitle.tsx",
+  "inheritance": null,
+  "demos": "<ul><li><a href=\"/joy-ui/react-modal/\">Modal</a></li></ul>",
+  "cssComponent": false
+}
diff --git a/docs/pages/joy-ui/api/divider.json b/docs/pages/joy-ui/api/divider.json
index d32ee6a2f7b220..d5877e3b7e67dd 100644
--- a/docs/pages/joy-ui/api/divider.json
+++ b/docs/pages/joy-ui/api/divider.json
@@ -31,7 +31,7 @@
   },
   "name": "Divider",
   "imports": ["import Divider from '@mui/joy/Divider';", "import { Divider } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiDivider" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/material-ui/api/tree-item.js b/docs/pages/joy-ui/api/drawer.js
similarity index 77%
rename from docs/pages/material-ui/api/tree-item.js
rename to docs/pages/joy-ui/api/drawer.js
index 938a0e13404ecc..6b3204d9cb678d 100644
--- a/docs/pages/material-ui/api/tree-item.js
+++ b/docs/pages/joy-ui/api/drawer.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import ApiPage from 'docs/src/modules/components/ApiPage';
 import mapApiPageTranslations from 'docs/src/modules/utils/mapApiPageTranslations';
-import jsonPageContent from './tree-item.json';
+import jsonPageContent from './drawer.json';
 
 export default function Page(props) {
   const { descriptions, pageContent } = props;
@@ -9,7 +9,7 @@ export default function Page(props) {
 }
 
 Page.getInitialProps = () => {
-  const req = require.context('docs/translations/api-docs/tree-item', false, /tree-item.*.json$/);
+  const req = require.context('docs/translations/api-docs-joy/drawer', false, /drawer.*.json$/);
   const descriptions = mapApiPageTranslations(req);
 
   return {
diff --git a/docs/pages/joy-ui/api/drawer.json b/docs/pages/joy-ui/api/drawer.json
new file mode 100644
index 00000000000000..a65854716887fd
--- /dev/null
+++ b/docs/pages/joy-ui/api/drawer.json
@@ -0,0 +1,115 @@
+{
+  "props": {
+    "open": { "type": { "name": "bool" }, "required": true },
+    "anchor": {
+      "type": {
+        "name": "enum",
+        "description": "'bottom'<br>&#124;&nbsp;'left'<br>&#124;&nbsp;'right'<br>&#124;&nbsp;'top'"
+      },
+      "default": "'left'"
+    },
+    "color": {
+      "type": {
+        "name": "enum",
+        "description": "'danger'<br>&#124;&nbsp;'neutral'<br>&#124;&nbsp;'primary'<br>&#124;&nbsp;'success'<br>&#124;&nbsp;'warning'"
+      },
+      "default": "'neutral'",
+      "additionalInfo": { "joy-color": true }
+    },
+    "component": { "type": { "name": "elementType" } },
+    "container": { "type": { "name": "union", "description": "HTML element<br>&#124;&nbsp;func" } },
+    "disableAutoFocus": { "type": { "name": "bool" }, "default": "false" },
+    "disableEnforceFocus": { "type": { "name": "bool" }, "default": "false" },
+    "disableEscapeKeyDown": { "type": { "name": "bool" }, "default": "false" },
+    "disablePortal": { "type": { "name": "bool" }, "default": "false" },
+    "disableRestoreFocus": { "type": { "name": "bool" }, "default": "false" },
+    "disableScrollLock": { "type": { "name": "bool" }, "default": "false" },
+    "hideBackdrop": { "type": { "name": "bool" }, "default": "false" },
+    "invertedColors": { "type": { "name": "bool" }, "default": "false" },
+    "onClose": {
+      "type": { "name": "func" },
+      "signature": {
+        "type": "function(event: object, reason: string) => void",
+        "describedArgs": ["event", "reason"]
+      }
+    },
+    "size": {
+      "type": { "name": "enum", "description": "'sm'<br>&#124;&nbsp;'md'<br>&#124;&nbsp;'lg'" },
+      "default": "'md'",
+      "additionalInfo": { "joy-size": true }
+    },
+    "slotProps": {
+      "type": {
+        "name": "shape",
+        "description": "{ backdrop?: func<br>&#124;&nbsp;object, content?: func<br>&#124;&nbsp;object, root?: func<br>&#124;&nbsp;object }"
+      },
+      "default": "{}"
+    },
+    "slots": {
+      "type": {
+        "name": "shape",
+        "description": "{ backdrop?: elementType, content?: elementType, root?: elementType }"
+      },
+      "default": "{}",
+      "additionalInfo": { "slotsApi": true }
+    },
+    "variant": {
+      "type": {
+        "name": "enum",
+        "description": "'outlined'<br>&#124;&nbsp;'plain'<br>&#124;&nbsp;'soft'<br>&#124;&nbsp;'solid'"
+      },
+      "default": "'plain'",
+      "additionalInfo": { "joy-variant": true }
+    }
+  },
+  "name": "Drawer",
+  "imports": ["import Drawer from '@mui/joy/Drawer';", "import { Drawer } from '@mui/joy';"],
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiDrawer" },
+  "slots": [
+    {
+      "name": "root",
+      "description": "The component that renders the root.",
+      "default": "'div'",
+      "class": ".MuiDrawer-root"
+    },
+    {
+      "name": "backdrop",
+      "description": "The component that renders the backdrop.",
+      "default": "'div'",
+      "class": ".MuiDrawer-backdrop"
+    },
+    {
+      "name": "content",
+      "description": "The component that renders the content of the drawer.",
+      "default": "'div'",
+      "class": ".MuiDrawer-content"
+    }
+  ],
+  "classes": {
+    "classes": [
+      "colorContext",
+      "colorDanger",
+      "colorNeutral",
+      "colorPrimary",
+      "colorSuccess",
+      "colorWarning",
+      "hidden",
+      "sizeLg",
+      "sizeMd",
+      "sizeSm",
+      "variantOutlined",
+      "variantPlain",
+      "variantSoft",
+      "variantSolid"
+    ],
+    "globalClasses": {}
+  },
+  "spread": true,
+  "themeDefaultProps": false,
+  "muiName": "JoyDrawer",
+  "forwardsRefTo": "HTMLDivElement",
+  "filename": "/packages/mui-joy/src/Drawer/Drawer.tsx",
+  "inheritance": null,
+  "demos": "<ul><li><a href=\"/joy-ui/react-drawer/\">Drawer</a></li></ul>",
+  "cssComponent": false
+}
diff --git a/docs/pages/joy-ui/api/form-control.json b/docs/pages/joy-ui/api/form-control.json
index 3dcaee992ccdc9..442c4757b8c476 100644
--- a/docs/pages/joy-ui/api/form-control.json
+++ b/docs/pages/joy-ui/api/form-control.json
@@ -46,7 +46,7 @@
     "import FormControl from '@mui/joy/FormControl';",
     "import { FormControl } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiFormControl" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/form-helper-text.json b/docs/pages/joy-ui/api/form-helper-text.json
index fa9df24e8479a7..c29fd02ae1c5d2 100644
--- a/docs/pages/joy-ui/api/form-helper-text.json
+++ b/docs/pages/joy-ui/api/form-helper-text.json
@@ -24,7 +24,7 @@
     "import FormHelperText from '@mui/joy/FormHelperText';",
     "import { FormHelperText } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiFormHelperText" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/form-label.json b/docs/pages/joy-ui/api/form-label.json
index ee6b76b4725ca2..3c65869896b930 100644
--- a/docs/pages/joy-ui/api/form-label.json
+++ b/docs/pages/joy-ui/api/form-label.json
@@ -28,7 +28,7 @@
     "import FormLabel from '@mui/joy/FormLabel';",
     "import { FormLabel } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root", "asterisk"], "globalClasses": {}, "name": "MuiFormLabel" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/icon-button.json b/docs/pages/joy-ui/api/icon-button.json
index ccb5c5d38f5b56..7e938464261723 100644
--- a/docs/pages/joy-ui/api/icon-button.json
+++ b/docs/pages/joy-ui/api/icon-button.json
@@ -55,7 +55,7 @@
     "import IconButton from '@mui/joy/IconButton';",
     "import { IconButton } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiIconButton" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/input.json b/docs/pages/joy-ui/api/input.json
index d49b42783d68e0..8a3aaded5f195d 100644
--- a/docs/pages/joy-ui/api/input.json
+++ b/docs/pages/joy-ui/api/input.json
@@ -36,7 +36,7 @@
   },
   "name": "Input",
   "imports": ["import Input from '@mui/joy/Input';", "import { Input } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiInput" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/linear-progress.json b/docs/pages/joy-ui/api/linear-progress.json
index a049b8b574e015..441e94dd0af88d 100644
--- a/docs/pages/joy-ui/api/linear-progress.json
+++ b/docs/pages/joy-ui/api/linear-progress.json
@@ -50,7 +50,7 @@
     "import LinearProgress from '@mui/joy/LinearProgress';",
     "import { LinearProgress } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiLinearProgress" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/link.json b/docs/pages/joy-ui/api/link.json
index 93efd852550521..ba5bce3f7eece0 100644
--- a/docs/pages/joy-ui/api/link.json
+++ b/docs/pages/joy-ui/api/link.json
@@ -62,7 +62,7 @@
   },
   "name": "Link",
   "imports": ["import Link from '@mui/joy/Link';", "import { Link } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiLink" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/list-divider.json b/docs/pages/joy-ui/api/list-divider.json
index e22a56d9f0b94d..b6baf6dd1877d3 100644
--- a/docs/pages/joy-ui/api/list-divider.json
+++ b/docs/pages/joy-ui/api/list-divider.json
@@ -35,7 +35,7 @@
     "import ListDivider from '@mui/joy/ListDivider';",
     "import { ListDivider } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiListDivider" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/list-item-button.json b/docs/pages/joy-ui/api/list-item-button.json
index 7abe2cda968db6..88108c69a213d6 100644
--- a/docs/pages/joy-ui/api/list-item-button.json
+++ b/docs/pages/joy-ui/api/list-item-button.json
@@ -54,7 +54,7 @@
     "import ListItemButton from '@mui/joy/ListItemButton';",
     "import { ListItemButton } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiListItemButton" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/list-item-content.json b/docs/pages/joy-ui/api/list-item-content.json
index 502ce0c4a5444c..1c3453e70fb4e4 100644
--- a/docs/pages/joy-ui/api/list-item-content.json
+++ b/docs/pages/joy-ui/api/list-item-content.json
@@ -24,7 +24,7 @@
     "import ListItemContent from '@mui/joy/ListItemContent';",
     "import { ListItemContent } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiListItemContent" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/list-item-decorator.json b/docs/pages/joy-ui/api/list-item-decorator.json
index dbe761b2f9a803..0b4b295e0e54e9 100644
--- a/docs/pages/joy-ui/api/list-item-decorator.json
+++ b/docs/pages/joy-ui/api/list-item-decorator.json
@@ -24,7 +24,7 @@
     "import ListItemDecorator from '@mui/joy/ListItemDecorator';",
     "import { ListItemDecorator } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiListItemDecorator" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/list-item.json b/docs/pages/joy-ui/api/list-item.json
index 39b9e431966af0..63e21667fe7461 100644
--- a/docs/pages/joy-ui/api/list-item.json
+++ b/docs/pages/joy-ui/api/list-item.json
@@ -47,7 +47,7 @@
   },
   "name": "ListItem",
   "imports": ["import ListItem from '@mui/joy/ListItem';", "import { ListItem } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiListItem" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/list-subheader.json b/docs/pages/joy-ui/api/list-subheader.json
index e832f64b889c85..522df85cffcec2 100644
--- a/docs/pages/joy-ui/api/list-subheader.json
+++ b/docs/pages/joy-ui/api/list-subheader.json
@@ -39,7 +39,7 @@
     "import ListSubheader from '@mui/joy/ListSubheader';",
     "import { ListSubheader } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiListSubheader" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/list.json b/docs/pages/joy-ui/api/list.json
index d77a3de9cf668e..c84c6cd95a7560 100644
--- a/docs/pages/joy-ui/api/list.json
+++ b/docs/pages/joy-ui/api/list.json
@@ -50,7 +50,7 @@
   },
   "name": "List",
   "imports": ["import List from '@mui/joy/List';", "import { List } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiList" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/menu-button.json b/docs/pages/joy-ui/api/menu-button.json
index 29d2aeb5a73d7f..31cb92d5bfdc53 100644
--- a/docs/pages/joy-ui/api/menu-button.json
+++ b/docs/pages/joy-ui/api/menu-button.json
@@ -66,7 +66,7 @@
     "import MenuButton from '@mui/joy/MenuButton';",
     "import { MenuButton } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiMenuButton" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/menu-item.json b/docs/pages/joy-ui/api/menu-item.json
index 1344a200823b37..9e448bd20e04a3 100644
--- a/docs/pages/joy-ui/api/menu-item.json
+++ b/docs/pages/joy-ui/api/menu-item.json
@@ -34,7 +34,7 @@
   },
   "name": "MenuItem",
   "imports": ["import MenuItem from '@mui/joy/MenuItem';", "import { MenuItem } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiMenuItem" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/menu-list.json b/docs/pages/joy-ui/api/menu-list.json
index edb929a30e4030..4fd48c012ad9ce 100644
--- a/docs/pages/joy-ui/api/menu-list.json
+++ b/docs/pages/joy-ui/api/menu-list.json
@@ -46,7 +46,7 @@
   },
   "name": "MenuList",
   "imports": ["import MenuList from '@mui/joy/MenuList';", "import { MenuList } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiMenuList" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/menu.json b/docs/pages/joy-ui/api/menu.json
index 32ace542c2348c..29cf5e8462ad44 100644
--- a/docs/pages/joy-ui/api/menu.json
+++ b/docs/pages/joy-ui/api/menu.json
@@ -57,7 +57,7 @@
   },
   "name": "Menu",
   "imports": ["import Menu from '@mui/joy/Menu';", "import { Menu } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiMenu" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/modal-close.json b/docs/pages/joy-ui/api/modal-close.json
index a94d772a5879d8..7db46aa1ea721d 100644
--- a/docs/pages/joy-ui/api/modal-close.json
+++ b/docs/pages/joy-ui/api/modal-close.json
@@ -47,7 +47,7 @@
     "import ModalClose from '@mui/joy/ModalClose';",
     "import { ModalClose } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiModalClose" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/modal-dialog.json b/docs/pages/joy-ui/api/modal-dialog.json
index 99b33dd9488df2..754b4db5d9cf29 100644
--- a/docs/pages/joy-ui/api/modal-dialog.json
+++ b/docs/pages/joy-ui/api/modal-dialog.json
@@ -10,6 +10,7 @@
       "additionalInfo": { "joy-color": true }
     },
     "component": { "type": { "name": "elementType" } },
+    "invertedColors": { "type": { "name": "bool" }, "default": "false" },
     "layout": {
       "type": {
         "name": "union",
@@ -17,6 +18,12 @@
       },
       "default": "'center'"
     },
+    "maxWidth": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } },
+    "minWidth": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } },
+    "orientation": {
+      "type": { "name": "enum", "description": "'horizontal'<br>&#124;&nbsp;'vertical'" },
+      "default": "'vertical'"
+    },
     "size": {
       "type": {
         "name": "union",
@@ -55,7 +62,7 @@
     "import ModalDialog from '@mui/joy/ModalDialog';",
     "import { ModalDialog } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiModalDialog" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/modal-overflow.json b/docs/pages/joy-ui/api/modal-overflow.json
index c8c363b60b7ad1..07d4eb57971ad0 100644
--- a/docs/pages/joy-ui/api/modal-overflow.json
+++ b/docs/pages/joy-ui/api/modal-overflow.json
@@ -13,7 +13,7 @@
     "import ModalOverflow from '@mui/joy/ModalOverflow';",
     "import { ModalOverflow } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiModalOverflow" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/modal.json b/docs/pages/joy-ui/api/modal.json
index 3af26e05426d39..dd9f011204cad4 100644
--- a/docs/pages/joy-ui/api/modal.json
+++ b/docs/pages/joy-ui/api/modal.json
@@ -41,7 +41,7 @@
   },
   "name": "Modal",
   "imports": ["import Modal from '@mui/joy/Modal';", "import { Modal } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiModal" },
   "slots": [
     {
       "name": "root",
@@ -56,6 +56,7 @@
       "class": ".MuiModal-backdrop"
     }
   ],
+  "classes": { "classes": ["hidden"], "globalClasses": {} },
   "spread": true,
   "themeDefaultProps": false,
   "muiName": "JoyModal",
diff --git a/docs/pages/joy-ui/api/option.json b/docs/pages/joy-ui/api/option.json
index ef0c125367738b..32e3da37979b4f 100644
--- a/docs/pages/joy-ui/api/option.json
+++ b/docs/pages/joy-ui/api/option.json
@@ -40,7 +40,7 @@
   },
   "name": "Option",
   "imports": ["import Option from '@mui/joy/Option';", "import { Option } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiOption" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/radio-group.json b/docs/pages/joy-ui/api/radio-group.json
index 659cf9f4495c0b..f73f38f23f3fc0 100644
--- a/docs/pages/joy-ui/api/radio-group.json
+++ b/docs/pages/joy-ui/api/radio-group.json
@@ -64,7 +64,7 @@
     "import RadioGroup from '@mui/joy/RadioGroup';",
     "import { RadioGroup } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiRadioGroup" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/radio.json b/docs/pages/joy-ui/api/radio.json
index 87e668e54f9ad9..da3b386c8a1145 100644
--- a/docs/pages/joy-ui/api/radio.json
+++ b/docs/pages/joy-ui/api/radio.json
@@ -70,7 +70,7 @@
   },
   "name": "Radio",
   "imports": ["import Radio from '@mui/joy/Radio';", "import { Radio } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiRadio" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/scoped-css-baseline.json b/docs/pages/joy-ui/api/scoped-css-baseline.json
index f294f875b4f750..30cfa4d603bb69 100644
--- a/docs/pages/joy-ui/api/scoped-css-baseline.json
+++ b/docs/pages/joy-ui/api/scoped-css-baseline.json
@@ -25,7 +25,7 @@
     "import ScopedCssBaseline from '@mui/joy/ScopedCssBaseline';",
     "import { ScopedCssBaseline } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiScopedCssBaseline" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/select.json b/docs/pages/joy-ui/api/select.json
index 96faa69f628b8d..af8f6611339328 100644
--- a/docs/pages/joy-ui/api/select.json
+++ b/docs/pages/joy-ui/api/select.json
@@ -29,6 +29,7 @@
     "onListboxOpenChange": { "type": { "name": "func" } },
     "placeholder": { "type": { "name": "node" } },
     "renderValue": { "type": { "name": "func" } },
+    "required": { "type": { "name": "bool" } },
     "size": {
       "type": {
         "name": "union",
@@ -62,7 +63,7 @@
   },
   "name": "Select",
   "imports": ["import Select from '@mui/joy/Select';", "import { Select } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiSelect" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/sheet.json b/docs/pages/joy-ui/api/sheet.json
index c8fb63d4588c7f..0866747c68888d 100644
--- a/docs/pages/joy-ui/api/sheet.json
+++ b/docs/pages/joy-ui/api/sheet.json
@@ -38,7 +38,7 @@
   },
   "name": "Sheet",
   "imports": ["import Sheet from '@mui/joy/Sheet';", "import { Sheet } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiSheet" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/skeleton.json b/docs/pages/joy-ui/api/skeleton.json
index a340fd9dd14800..4dd6e9e999e964 100644
--- a/docs/pages/joy-ui/api/skeleton.json
+++ b/docs/pages/joy-ui/api/skeleton.json
@@ -57,7 +57,7 @@
   },
   "name": "Skeleton",
   "imports": ["import Skeleton from '@mui/joy/Skeleton';", "import { Skeleton } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiSkeleton" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/stack.json b/docs/pages/joy-ui/api/stack.json
index d36ee5c55aba64..155ccca21d7f2e 100644
--- a/docs/pages/joy-ui/api/stack.json
+++ b/docs/pages/joy-ui/api/stack.json
@@ -26,7 +26,7 @@
   },
   "name": "Stack",
   "imports": ["import Stack from '@mui/joy/Stack';", "import { Stack } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiStack" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/svg-icon.json b/docs/pages/joy-ui/api/svg-icon.json
index 7073709dcaa9fa..8377d42ad0f4ea 100644
--- a/docs/pages/joy-ui/api/svg-icon.json
+++ b/docs/pages/joy-ui/api/svg-icon.json
@@ -47,7 +47,7 @@
   },
   "name": "SvgIcon",
   "imports": ["import SvgIcon from '@mui/joy/SvgIcon';", "import { SvgIcon } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiSvgIcon" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/switch.json b/docs/pages/joy-ui/api/switch.json
index 408677077f097d..0a56e48d00d137 100644
--- a/docs/pages/joy-ui/api/switch.json
+++ b/docs/pages/joy-ui/api/switch.json
@@ -64,7 +64,7 @@
   },
   "name": "Switch",
   "imports": ["import Switch from '@mui/joy/Switch';", "import { Switch } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiSwitch" },
   "slots": [
     {
       "name": "root",
@@ -130,7 +130,8 @@
     "globalClasses": {
       "checked": "Mui-checked",
       "disabled": "Mui-disabled",
-      "focusVisible": "Mui-focusVisible"
+      "focusVisible": "Mui-focusVisible",
+      "readOnly": "Mui-readOnly"
     }
   },
   "spread": true,
diff --git a/docs/pages/joy-ui/api/tab-list.json b/docs/pages/joy-ui/api/tab-list.json
index 98dcca48a415f1..cb9394fcce6b3f 100644
--- a/docs/pages/joy-ui/api/tab-list.json
+++ b/docs/pages/joy-ui/api/tab-list.json
@@ -54,7 +54,7 @@
   },
   "name": "TabList",
   "imports": ["import TabList from '@mui/joy/TabList';", "import { TabList } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiTabList" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/tab-panel.json b/docs/pages/joy-ui/api/tab-panel.json
index 81c3dcbfda31ca..86ae37ebd1f640 100644
--- a/docs/pages/joy-ui/api/tab-panel.json
+++ b/docs/pages/joy-ui/api/tab-panel.json
@@ -10,6 +10,7 @@
       "additionalInfo": { "joy-color": true }
     },
     "component": { "type": { "name": "elementType" } },
+    "keepMounted": { "type": { "name": "bool" }, "default": "false" },
     "size": {
       "type": {
         "name": "union",
@@ -48,7 +49,7 @@
   },
   "name": "TabPanel",
   "imports": ["import TabPanel from '@mui/joy/TabPanel';", "import { TabPanel } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiTabPanel" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/tab.json b/docs/pages/joy-ui/api/tab.json
index 7010f4c08ac655..43cf0eca137669 100644
--- a/docs/pages/joy-ui/api/tab.json
+++ b/docs/pages/joy-ui/api/tab.json
@@ -17,7 +17,7 @@
     "component": { "type": { "name": "elementType" } },
     "disabled": { "type": { "name": "bool" }, "default": "false" },
     "disableIndicator": { "type": { "name": "bool" }, "default": "false" },
-    "indicatorInset": { "type": { "name": "bool" } },
+    "indicatorInset": { "type": { "name": "bool" }, "default": "false" },
     "indicatorPlacement": {
       "type": {
         "name": "enum",
@@ -58,7 +58,7 @@
   },
   "name": "Tab",
   "imports": ["import Tab from '@mui/joy/Tab';", "import { Tab } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiTab" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/table.json b/docs/pages/joy-ui/api/table.json
index 1cda2b45d62cd4..0b312d8b64b1ad 100644
--- a/docs/pages/joy-ui/api/table.json
+++ b/docs/pages/joy-ui/api/table.json
@@ -62,7 +62,7 @@
   },
   "name": "Table",
   "imports": ["import Table from '@mui/joy/Table';", "import { Table } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiTable" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/tabs.json b/docs/pages/joy-ui/api/tabs.json
index 7c3eb803f4ab78..4914667b6e73aa 100644
--- a/docs/pages/joy-ui/api/tabs.json
+++ b/docs/pages/joy-ui/api/tabs.json
@@ -57,7 +57,7 @@
   },
   "name": "Tabs",
   "imports": ["import Tabs from '@mui/joy/Tabs';", "import { Tabs } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiTabs" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/textarea.json b/docs/pages/joy-ui/api/textarea.json
index 2db66e1e70dff2..e68dbeabd7e33f 100644
--- a/docs/pages/joy-ui/api/textarea.json
+++ b/docs/pages/joy-ui/api/textarea.json
@@ -36,7 +36,7 @@
   },
   "name": "Textarea",
   "imports": ["import Textarea from '@mui/joy/Textarea';", "import { Textarea } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiTextarea" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/toggle-button-group.json b/docs/pages/joy-ui/api/toggle-button-group.json
index d24567f0d466b4..cebd2be60e6825 100644
--- a/docs/pages/joy-ui/api/toggle-button-group.json
+++ b/docs/pages/joy-ui/api/toggle-button-group.json
@@ -68,7 +68,7 @@
     "import ToggleButtonGroup from '@mui/joy/ToggleButtonGroup';",
     "import { ToggleButtonGroup } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiToggleButtonGroup" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/tooltip.json b/docs/pages/joy-ui/api/tooltip.json
index 6b894a72f262f3..2d6ce7973bed64 100644
--- a/docs/pages/joy-ui/api/tooltip.json
+++ b/docs/pages/joy-ui/api/tooltip.json
@@ -93,7 +93,7 @@
   },
   "name": "Tooltip",
   "imports": ["import Tooltip from '@mui/joy/Tooltip';", "import { Tooltip } from '@mui/joy';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiTooltip" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/api/typography.json b/docs/pages/joy-ui/api/typography.json
index 909cf3a156a487..f06bcaec8c405f 100644
--- a/docs/pages/joy-ui/api/typography.json
+++ b/docs/pages/joy-ui/api/typography.json
@@ -60,7 +60,7 @@
     "import Typography from '@mui/joy/Typography';",
     "import { Typography } from '@mui/joy';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiTypography" },
   "slots": [
     {
       "name": "root",
diff --git a/docs/pages/joy-ui/guides/using-joy-ui-and-material-ui-together.js b/docs/pages/joy-ui/customization/creating-themed-components.js
similarity index 58%
rename from docs/pages/joy-ui/guides/using-joy-ui-and-material-ui-together.js
rename to docs/pages/joy-ui/customization/creating-themed-components.js
index a3161c38a08430..1f5816738dccc9 100644
--- a/docs/pages/joy-ui/guides/using-joy-ui-and-material-ui-together.js
+++ b/docs/pages/joy-ui/customization/creating-themed-components.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/guides/using-joy-ui-and-material-ui/using-joy-ui-and-material-ui.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/creating-themed-components/creating-themed-components.md?@mui/markdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/customization/default-theme-viewer.js b/docs/pages/joy-ui/customization/default-theme-viewer.js
index f9d7d1f31db2ec..363dcad36672f4 100644
--- a/docs/pages/joy-ui/customization/default-theme-viewer.js
+++ b/docs/pages/joy-ui/customization/default-theme-viewer.js
@@ -3,5 +3,5 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import * as pageProps from 'docs/data/joy/customization/default-theme-viewer/default-theme-viewer.md?@mui/markdown';
 
 export default function Page() {
-  return <MarkdownDocs {...pageProps} />;
+  return <MarkdownDocs {...pageProps} disableToc />;
 }
diff --git a/docs/pages/joy-ui/guides/overriding-component-structure.js b/docs/pages/joy-ui/customization/overriding-component-structure.js
similarity index 56%
rename from docs/pages/joy-ui/guides/overriding-component-structure.js
rename to docs/pages/joy-ui/customization/overriding-component-structure.js
index 58a7bb4196fd28..257f527563c19c 100644
--- a/docs/pages/joy-ui/guides/overriding-component-structure.js
+++ b/docs/pages/joy-ui/customization/overriding-component-structure.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/guides/overriding-component-structure/overriding-component-structure.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/customization/overriding-component-structure/overriding-component-structure.md?@mui/markdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/customization/theme-builder.js b/docs/pages/joy-ui/customization/theme-builder.js
index 95372b2234ac9b..6ee8a9097a3018 100644
--- a/docs/pages/joy-ui/customization/theme-builder.js
+++ b/docs/pages/joy-ui/customization/theme-builder.js
@@ -3,5 +3,5 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import * as pageProps from 'docs/data/joy/customization/theme-builder/theme-builder.md?@mui/markdown';
 
 export default function Page() {
-  return <MarkdownDocs {...pageProps} disableCssVarsProvider />;
+  return <MarkdownDocs {...pageProps} disableCssVarsProvider disableToc />;
 }
diff --git a/docs/pages/joy-ui/guides/next-js-app-router.js b/docs/pages/joy-ui/integrations/icon-libraries.js
similarity index 62%
rename from docs/pages/joy-ui/guides/next-js-app-router.js
rename to docs/pages/joy-ui/integrations/icon-libraries.js
index de1b58b7aaf873..4d88d02da88a11 100644
--- a/docs/pages/joy-ui/guides/next-js-app-router.js
+++ b/docs/pages/joy-ui/integrations/icon-libraries.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/guides/next-js-app-router/next-js-app-router.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/integrations/icon-libraries/icon-libraries.md?@mui/markdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/guides/styled-engine.js b/docs/pages/joy-ui/integrations/material-ui.js
similarity index 63%
rename from docs/pages/material-ui/guides/styled-engine.js
rename to docs/pages/joy-ui/integrations/material-ui.js
index 8039ae54850404..65bda95851667f 100644
--- a/docs/pages/material-ui/guides/styled-engine.js
+++ b/docs/pages/joy-ui/integrations/material-ui.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/material/guides/styled-engine/styled-engine.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/integrations/material-ui/material-ui.md?@mui/markdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/guides/using-icon-libraries.js b/docs/pages/joy-ui/integrations/next-js-app-router.js
similarity index 61%
rename from docs/pages/joy-ui/guides/using-icon-libraries.js
rename to docs/pages/joy-ui/integrations/next-js-app-router.js
index 79e1b51ed03195..0bc5766da2aa32 100644
--- a/docs/pages/joy-ui/guides/using-icon-libraries.js
+++ b/docs/pages/joy-ui/integrations/next-js-app-router.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/guides/using-icon-libraries/using-icon-libraries.md?@mui/markdown';
+import * as pageProps from 'docs/data/joy/integrations/next-js-app-router/next-js-app-router.md?@mui/markdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/joy-ui/react-button-group.js b/docs/pages/joy-ui/react-button-group.js
index e4d73990e8f47a..30a928e38ff2bc 100644
--- a/docs/pages/joy-ui/react-button-group.js
+++ b/docs/pages/joy-ui/react-button-group.js
@@ -1,7 +1,12 @@
 import * as React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/joy/components/button-group/button-group.md?@mui/markdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};
diff --git a/docs/pages/joy-ui/react-button.js b/docs/pages/joy-ui/react-button.js
index cbe93e9ddb6631..a06a27671459a0 100644
--- a/docs/pages/joy-ui/react-button.js
+++ b/docs/pages/joy-ui/react-button.js
@@ -1,7 +1,12 @@
 import * as React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/joy/components/button/button.md?@mui/markdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};
diff --git a/docs/pages/material-ui.tsx b/docs/pages/material-ui.tsx
index 256114ddf3db3e..d3bce5c593ed1c 100644
--- a/docs/pages/material-ui.tsx
+++ b/docs/pages/material-ui.tsx
@@ -7,6 +7,8 @@ import MaterialHero from 'docs/src/components/productMaterial/MaterialHero';
 import MaterialComponents from 'docs/src/components/productMaterial/MaterialComponents';
 import MaterialTheming from 'docs/src/components/productMaterial/MaterialTheming';
 import MaterialStyling from 'docs/src/components/productMaterial/MaterialStyling';
+import MaterialTemplates from 'docs/src/components/productMaterial/MaterialTemplates';
+import MaterialDesignKits from 'docs/src/components/productMaterial/MaterialDesignKits';
 import CoreHeroEnd from 'docs/src/components/productCore/CoreHeroEnd';
 import References, { CORE_CUSTOMERS } from 'docs/src/components/home/References';
 import AppFooter from 'docs/src/layouts/AppFooter';
@@ -32,6 +34,10 @@ export default function Core() {
         <Divider />
         <MaterialStyling />
         <Divider />
+        <MaterialTemplates />
+        <Divider />
+        <MaterialDesignKits />
+        <Divider />
         <CoreHeroEnd />
         <Divider />
       </main>
diff --git a/docs/pages/material-ui/api/alert-title.json b/docs/pages/material-ui/api/alert-title.json
index a7071d735ff76f..22ea73dca5e39c 100644
--- a/docs/pages/material-ui/api/alert-title.json
+++ b/docs/pages/material-ui/api/alert-title.json
@@ -21,7 +21,7 @@
   "muiName": "MuiAlertTitle",
   "forwardsRefTo": "HTMLDivElement",
   "filename": "/packages/mui-material/src/AlertTitle/AlertTitle.js",
-  "inheritance": null,
+  "inheritance": { "component": "Typography", "pathname": "/material-ui/api/typography/" },
   "demos": "<ul><li><a href=\"/material-ui/react-alert/\">Alert</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/material-ui/api/breadcrumbs.json b/docs/pages/material-ui/api/breadcrumbs.json
index a7753b832ae3e9..8aad9e7ab4d1fc 100644
--- a/docs/pages/material-ui/api/breadcrumbs.json
+++ b/docs/pages/material-ui/api/breadcrumbs.json
@@ -45,7 +45,7 @@
   "muiName": "MuiBreadcrumbs",
   "forwardsRefTo": "HTMLElement",
   "filename": "/packages/mui-material/src/Breadcrumbs/Breadcrumbs.js",
-  "inheritance": null,
+  "inheritance": { "component": "Typography", "pathname": "/material-ui/api/typography/" },
   "demos": "<ul><li><a href=\"/material-ui/react-breadcrumbs/\">Breadcrumbs</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/material-ui/api/button-group.json b/docs/pages/material-ui/api/button-group.json
index ef1eb072c05e1b..a89d57e49e857b 100644
--- a/docs/pages/material-ui/api/button-group.json
+++ b/docs/pages/material-ui/api/button-group.json
@@ -54,6 +54,7 @@
       "text",
       "disableElevation",
       "disabled",
+      "firstButton",
       "fullWidth",
       "vertical",
       "grouped",
@@ -73,7 +74,9 @@
       "groupedContainedHorizontal",
       "groupedContainedVertical",
       "groupedContainedPrimary",
-      "groupedContainedSecondary"
+      "groupedContainedSecondary",
+      "lastButton",
+      "middleButton"
     ],
     "globalClasses": { "disabled": "Mui-disabled" },
     "name": "MuiButtonGroup"
diff --git a/docs/pages/material-ui/api/dialog-title.json b/docs/pages/material-ui/api/dialog-title.json
index a0c6de947a4891..6da22ae284f314 100644
--- a/docs/pages/material-ui/api/dialog-title.json
+++ b/docs/pages/material-ui/api/dialog-title.json
@@ -21,7 +21,7 @@
   "muiName": "MuiDialogTitle",
   "forwardsRefTo": "HTMLHeadingElement",
   "filename": "/packages/mui-material/src/DialogTitle/DialogTitle.js",
-  "inheritance": null,
+  "inheritance": { "component": "Typography", "pathname": "/material-ui/api/typography/" },
   "demos": "<ul><li><a href=\"/material-ui/react-dialog/\">Dialog</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/material-ui/api/drawer.json b/docs/pages/material-ui/api/drawer.json
index 00aed4591e7ecc..7162a3c471d660 100644
--- a/docs/pages/material-ui/api/drawer.json
+++ b/docs/pages/material-ui/api/drawer.json
@@ -14,7 +14,10 @@
     "ModalProps": { "type": { "name": "object" }, "default": "{}" },
     "onClose": {
       "type": { "name": "func" },
-      "signature": { "type": "function(event: object) => void", "describedArgs": ["event"] }
+      "signature": {
+        "type": "function(event: object, reason: string) => void",
+        "describedArgs": ["event", "reason"]
+      }
     },
     "open": { "type": { "name": "bool" }, "default": "false" },
     "PaperProps": { "type": { "name": "object" }, "default": "{}" },
diff --git a/docs/pages/material-ui/api/modal.json b/docs/pages/material-ui/api/modal.json
index 69cba59a219a50..b8b5521c467b9c 100644
--- a/docs/pages/material-ui/api/modal.json
+++ b/docs/pages/material-ui/api/modal.json
@@ -71,7 +71,21 @@
   },
   "name": "Modal",
   "imports": ["import Modal from '@mui/material/Modal';", "import { Modal } from '@mui/material';"],
-  "styles": { "classes": ["root", "hidden", "backdrop"], "globalClasses": {}, "name": "MuiModal" },
+  "styles": { "classes": [], "globalClasses": {}, "name": "MuiModal" },
+  "slots": [
+    {
+      "name": "root",
+      "description": "The component that renders the root.",
+      "default": "'div'",
+      "class": ".MuiModal-root"
+    },
+    {
+      "name": "backdrop",
+      "description": "The component that renders the backdrop.",
+      "class": ".MuiModal-backdrop"
+    }
+  ],
+  "classes": { "classes": ["hidden"], "globalClasses": {} },
   "spread": true,
   "themeDefaultProps": false,
   "muiName": "MuiModal",
diff --git a/docs/pages/material-ui/api/popover.json b/docs/pages/material-ui/api/popover.json
index d6c36c9b43f190..a151570ffd432e 100644
--- a/docs/pages/material-ui/api/popover.json
+++ b/docs/pages/material-ui/api/popover.json
@@ -23,6 +23,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
     "container": { "type": { "name": "union", "description": "HTML element<br>&#124;&nbsp;func" } },
+    "disableScrollLock": { "type": { "name": "bool" }, "default": "false" },
     "elevation": { "type": { "name": "custom", "description": "integer" }, "default": "8" },
     "marginThreshold": { "type": { "name": "number" }, "default": "16" },
     "onClose": { "type": { "name": "func" } },
diff --git a/docs/pages/material-ui/api/radio.json b/docs/pages/material-ui/api/radio.json
index c6cc33f43ae4b1..877319f68f74fc 100644
--- a/docs/pages/material-ui/api/radio.json
+++ b/docs/pages/material-ui/api/radio.json
@@ -44,7 +44,7 @@
   "name": "Radio",
   "imports": ["import Radio from '@mui/material/Radio';", "import { Radio } from '@mui/material';"],
   "styles": {
-    "classes": ["root", "checked", "disabled", "colorPrimary", "colorSecondary"],
+    "classes": ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"],
     "globalClasses": { "checked": "Mui-checked", "disabled": "Mui-disabled" },
     "name": "MuiRadio"
   },
diff --git a/docs/pages/material-ui/api/select.json b/docs/pages/material-ui/api/select.json
index d13a2a3b243156..e00fb66cccd576 100644
--- a/docs/pages/material-ui/api/select.json
+++ b/docs/pages/material-ui/api/select.json
@@ -63,6 +63,7 @@
   ],
   "styles": {
     "classes": [
+      "root",
       "select",
       "multiple",
       "filled",
diff --git a/docs/pages/material-ui/api/skeleton.json b/docs/pages/material-ui/api/skeleton.json
index 0204b0370994ae..ff6da79c3fdf12 100644
--- a/docs/pages/material-ui/api/skeleton.json
+++ b/docs/pages/material-ui/api/skeleton.json
@@ -11,6 +11,13 @@
     "classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
     "component": { "type": { "name": "elementType" } },
     "height": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } },
+    "shape": {
+      "type": {
+        "name": "enum",
+        "description": "'circular'<br>&#124;&nbsp;'rectangular'<br>&#124;&nbsp;'rounded'"
+      }
+    },
+    "size": { "type": { "name": "enum", "description": "'text'<br>&#124;&nbsp;'box'" } },
     "sx": {
       "type": {
         "name": "union",
@@ -23,7 +30,9 @@
         "name": "union",
         "description": "'circular'<br>&#124;&nbsp;'rectangular'<br>&#124;&nbsp;'rounded'<br>&#124;&nbsp;'text'<br>&#124;&nbsp;string"
       },
-      "default": "'text'"
+      "default": "'text'",
+      "deprecated": true,
+      "deprecationInfo": "Use <code>shape</code> prop to set the shape of the skeleton and <code>size</code> prop to set the scale adaptation."
     },
     "width": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } }
   },
@@ -36,6 +45,7 @@
     "classes": [
       "root",
       "text",
+      "box",
       "rectangular",
       "rounded",
       "circular",
diff --git a/docs/pages/material-ui/api/swipeable-drawer.json b/docs/pages/material-ui/api/swipeable-drawer.json
index 90960f1b2a7c72..b1bea2958f2ef1 100644
--- a/docs/pages/material-ui/api/swipeable-drawer.json
+++ b/docs/pages/material-ui/api/swipeable-drawer.json
@@ -3,15 +3,21 @@
     "onClose": {
       "type": { "name": "func" },
       "required": true,
-      "signature": { "type": "function(event: object) => void", "describedArgs": ["event"] }
+      "signature": {
+        "type": "function(event: React.SyntheticEvent<{}>) => void",
+        "describedArgs": ["event"]
+      }
     },
     "onOpen": {
       "type": { "name": "func" },
       "required": true,
-      "signature": { "type": "function(event: object) => void", "describedArgs": ["event"] }
+      "signature": {
+        "type": "function(event: React.SyntheticEvent<{}>) => void",
+        "describedArgs": ["event"]
+      }
     },
     "allowSwipeInChildren": {
-      "type": { "name": "union", "description": "bool<br>&#124;&nbsp;func" },
+      "type": { "name": "union", "description": "func<br>&#124;&nbsp;bool" },
       "default": "false"
     },
     "children": { "type": { "name": "node" } },
@@ -39,7 +45,24 @@
     "import SwipeableDrawer from '@mui/material/SwipeableDrawer';",
     "import { SwipeableDrawer } from '@mui/material';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": {
+    "classes": [
+      "root",
+      "docked",
+      "paper",
+      "paperAnchorLeft",
+      "paperAnchorRight",
+      "paperAnchorTop",
+      "paperAnchorBottom",
+      "paperAnchorDockedLeft",
+      "paperAnchorDockedTop",
+      "paperAnchorDockedRight",
+      "paperAnchorDockedBottom",
+      "modal"
+    ],
+    "globalClasses": {},
+    "name": "MuiSwipeableDrawer"
+  },
   "spread": true,
   "themeDefaultProps": false,
   "muiName": "MuiSwipeableDrawer",
diff --git a/docs/pages/material-ui/api/table-pagination.json b/docs/pages/material-ui/api/table-pagination.json
index f47303035ad4d5..0fe0e042df85bb 100644
--- a/docs/pages/material-ui/api/table-pagination.json
+++ b/docs/pages/material-ui/api/table-pagination.json
@@ -79,6 +79,6 @@
   "forwardsRefTo": "HTMLTableCellElement",
   "filename": "/packages/mui-material/src/TablePagination/TablePagination.js",
   "inheritance": { "component": "TableCell", "pathname": "/material-ui/api/table-cell/" },
-  "demos": "<ul><li><a href=\"/material-ui/react-table/\">Table</a></li></ul>",
+  "demos": "<ul><li><a href=\"/material-ui/react-pagination/\">Pagination</a></li>\n<li><a href=\"/material-ui/react-table/\">Table</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/material-ui/api/tree-item.json b/docs/pages/material-ui/api/tree-item.json
deleted file mode 100644
index 0f2f44e92b7eac..00000000000000
--- a/docs/pages/material-ui/api/tree-item.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "props": {
-    "nodeId": { "type": { "name": "string" }, "required": true },
-    "children": { "type": { "name": "node" } },
-    "classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
-    "collapseIcon": { "type": { "name": "node" } },
-    "ContentComponent": {
-      "type": { "name": "custom", "description": "element type" },
-      "default": "TreeItemContent"
-    },
-    "ContentProps": { "type": { "name": "object" } },
-    "disabled": { "type": { "name": "bool" }, "default": "false" },
-    "endIcon": { "type": { "name": "node" } },
-    "expandIcon": { "type": { "name": "node" } },
-    "icon": { "type": { "name": "node" } },
-    "label": { "type": { "name": "node" } },
-    "onFocus": { "type": { "name": "custom", "description": "unsupportedProp" } },
-    "sx": {
-      "type": {
-        "name": "union",
-        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
-      },
-      "additionalInfo": { "sx": true }
-    },
-    "TransitionComponent": { "type": { "name": "elementType" }, "default": "Collapse" },
-    "TransitionProps": { "type": { "name": "object" } }
-  },
-  "name": "TreeItem",
-  "imports": ["import TreeItem from '@mui/lab/TreeItem';", "import { TreeItem } from '@mui/lab';"],
-  "styles": {
-    "classes": [
-      "root",
-      "group",
-      "content",
-      "expanded",
-      "selected",
-      "focused",
-      "disabled",
-      "iconContainer",
-      "label"
-    ],
-    "globalClasses": {
-      "expanded": "Mui-expanded",
-      "selected": "Mui-selected",
-      "focused": "Mui-focused",
-      "disabled": "Mui-disabled"
-    },
-    "name": "MuiTreeItem"
-  },
-  "spread": true,
-  "themeDefaultProps": true,
-  "muiName": "MuiTreeItem",
-  "forwardsRefTo": "HTMLLIElement",
-  "filename": "/packages/mui-lab/src/TreeItem/TreeItem.js",
-  "inheritance": null,
-  "demos": "<ul><li><a href=\"/material-ui/react-tree-view/\">Tree View</a></li></ul>",
-  "cssComponent": false
-}
diff --git a/docs/pages/material-ui/api/tree-view.json b/docs/pages/material-ui/api/tree-view.json
deleted file mode 100644
index 5336f9fa99af75..00000000000000
--- a/docs/pages/material-ui/api/tree-view.json
+++ /dev/null
@@ -1,65 +0,0 @@
-{
-  "props": {
-    "children": { "type": { "name": "node" } },
-    "classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
-    "defaultCollapseIcon": { "type": { "name": "node" } },
-    "defaultEndIcon": { "type": { "name": "node" } },
-    "defaultExpanded": {
-      "type": { "name": "arrayOf", "description": "Array&lt;string&gt;" },
-      "default": "[]"
-    },
-    "defaultExpandIcon": { "type": { "name": "node" } },
-    "defaultParentIcon": { "type": { "name": "node" } },
-    "defaultSelected": {
-      "type": { "name": "union", "description": "Array&lt;string&gt;<br>&#124;&nbsp;string" },
-      "default": "[]"
-    },
-    "disabledItemsFocusable": { "type": { "name": "bool" }, "default": "false" },
-    "disableSelection": { "type": { "name": "bool" }, "default": "false" },
-    "expanded": { "type": { "name": "arrayOf", "description": "Array&lt;string&gt;" } },
-    "id": { "type": { "name": "string" } },
-    "multiSelect": { "type": { "name": "bool" }, "default": "false" },
-    "onNodeFocus": {
-      "type": { "name": "func" },
-      "signature": {
-        "type": "function(event: React.SyntheticEvent, value: string) => void",
-        "describedArgs": ["event", "value"]
-      }
-    },
-    "onNodeSelect": {
-      "type": { "name": "func" },
-      "signature": {
-        "type": "function(event: React.SyntheticEvent, nodeIds: Array<string> | string) => void",
-        "describedArgs": ["event", "nodeIds"]
-      }
-    },
-    "onNodeToggle": {
-      "type": { "name": "func" },
-      "signature": {
-        "type": "function(event: React.SyntheticEvent, nodeIds: array) => void",
-        "describedArgs": ["event", "nodeIds"]
-      }
-    },
-    "selected": {
-      "type": { "name": "union", "description": "Array&lt;string&gt;<br>&#124;&nbsp;string" }
-    },
-    "sx": {
-      "type": {
-        "name": "union",
-        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
-      },
-      "additionalInfo": { "sx": true }
-    }
-  },
-  "name": "TreeView",
-  "imports": ["import TreeView from '@mui/lab/TreeView';", "import { TreeView } from '@mui/lab';"],
-  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiTreeView" },
-  "spread": true,
-  "themeDefaultProps": true,
-  "muiName": "MuiTreeView",
-  "forwardsRefTo": "HTMLUListElement",
-  "filename": "/packages/mui-lab/src/TreeView/TreeView.js",
-  "inheritance": null,
-  "demos": "<ul><li><a href=\"/material-ui/react-tree-view/\">Tree View</a></li></ul>",
-  "cssComponent": false
-}
diff --git a/docs/pages/material-ui/customization/default-theme.js b/docs/pages/material-ui/customization/default-theme.js
index 12eb3b936ed344..de6a628f17fe7c 100644
--- a/docs/pages/material-ui/customization/default-theme.js
+++ b/docs/pages/material-ui/customization/default-theme.js
@@ -3,5 +3,5 @@ import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import * as pageProps from 'docs/data/material/customization/default-theme/default-theme.md?@mui/markdown';
 
 export default function Page() {
-  return <MarkdownDocs {...pageProps} />;
+  return <MarkdownDocs {...pageProps} disableToc />;
 }
diff --git a/docs/pages/material-ui/experimental-api/css-theme-variables/usage.js b/docs/pages/material-ui/experimental-api/css-theme-variables/usage.js
index 182c27e2d146bd..50811f2f187adf 100644
--- a/docs/pages/material-ui/experimental-api/css-theme-variables/usage.js
+++ b/docs/pages/material-ui/experimental-api/css-theme-variables/usage.js
@@ -4,7 +4,7 @@ import {
   demos,
   docs,
   demoComponents,
-} from 'docs/data/material/experimental-api/css-theme-variables/usage.md?@mui/markdown';
+} from 'docs/data/material/experimental-api/css-theme-variables/usage/usage.md?@mui/markdown';
 
 export default function Page() {
   return <MarkdownDocs demos={demos} docs={docs} demoComponents={demoComponents} />;
diff --git a/docs/pages/material-ui/guides/styled-components.js b/docs/pages/material-ui/guides/styled-components.js
new file mode 100644
index 00000000000000..67960b77dda448
--- /dev/null
+++ b/docs/pages/material-ui/guides/styled-components.js
@@ -0,0 +1,7 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import * as pageProps from 'docs/data/material/guides/styled-components/styled-components.md?@mui/markdown';
+
+export default function Page() {
+  return <MarkdownDocs {...pageProps} />;
+}
diff --git a/docs/pages/joy-ui/guides/themeable-component.js b/docs/pages/material-ui/guides/theme-scoping.js
similarity index 62%
rename from docs/pages/joy-ui/guides/themeable-component.js
rename to docs/pages/material-ui/guides/theme-scoping.js
index 33f459f0388267..91706bcfa7fe66 100644
--- a/docs/pages/joy-ui/guides/themeable-component.js
+++ b/docs/pages/material-ui/guides/theme-scoping.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docs/data/joy/guides/themeable-component/themeable-component.md?@mui/markdown';
+import * as pageProps from 'docs/data/material/guides/theme-scoping/theme-scoping.md?@mui/markdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
diff --git a/docs/pages/material-ui/react-button-group.js b/docs/pages/material-ui/react-button-group.js
index 83eb01be091c67..cf9f01e173b02a 100644
--- a/docs/pages/material-ui/react-button-group.js
+++ b/docs/pages/material-ui/react-button-group.js
@@ -1,7 +1,12 @@
 import * as React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/button-group/button-group.md?@mui/markdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};
diff --git a/docs/pages/material-ui/react-button.js b/docs/pages/material-ui/react-button.js
index df11313451e8b3..411efdc50dde0e 100644
--- a/docs/pages/material-ui/react-button.js
+++ b/docs/pages/material-ui/react-button.js
@@ -1,7 +1,12 @@
 import * as React from 'react';
-import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/buttons/buttons.md?@mui/markdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};
diff --git a/docs/pages/pricing.tsx b/docs/pages/pricing.tsx
index be89bc44516160..328008c63e5dd3 100644
--- a/docs/pages/pricing.tsx
+++ b/docs/pages/pricing.tsx
@@ -37,7 +37,6 @@ export default function Pricing() {
             <PricingTable />
           </Container>
         </LicensingModelProvider>
-        <Divider />
         <PricingWhatToExpect />
         <Divider />
         <PricingFAQ />
diff --git a/docs/pages/system/api/grid.json b/docs/pages/system/api/grid.json
index 8cfe11e2e58ec4..1df76627e570e3 100644
--- a/docs/pages/system/api/grid.json
+++ b/docs/pages/system/api/grid.json
@@ -65,7 +65,19 @@
     "import Grid from '@mui/system/Unstable_Grid';",
     "import { Unstable_Grid as Grid } from '@mui/system';"
   ],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": {
+    "classes": [
+      "root",
+      "container",
+      "direction-xs-column",
+      "direction-xs-column-reverse",
+      "direction-xs-row-reverse",
+      "wrap-xs-nowrap",
+      "wrap-xs-wrap-reverse"
+    ],
+    "globalClasses": {},
+    "name": "MuiGrid"
+  },
   "spread": true,
   "themeDefaultProps": true,
   "muiName": "MuiGrid",
diff --git a/docs/pages/system/api/stack.json b/docs/pages/system/api/stack.json
index 2692f40ce192e4..b5712edda3809f 100644
--- a/docs/pages/system/api/stack.json
+++ b/docs/pages/system/api/stack.json
@@ -26,7 +26,7 @@
   },
   "name": "Stack",
   "imports": ["import Stack from '@mui/system/Stack';", "import { Stack } from '@mui/system';"],
-  "styles": { "classes": [], "globalClasses": {}, "name": null },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiStack" },
   "spread": true,
   "themeDefaultProps": true,
   "muiName": "MuiStack",
diff --git a/docs/public/_redirects b/docs/public/_redirects
index 903fe03715474b..9b45e8509f1fc6 100644
--- a/docs/public/_redirects
+++ b/docs/public/_redirects
@@ -488,6 +488,12 @@ https://v4.material-ui.com/* https://v4.mui.com/:splat 301!
 /base-ui/react-components/ /base-ui/all-components/ 301
 /system/getting-started/overview/ /system/getting-started/ 301
 /blog/introducing-mui-base/ /blog/introducing-base-ui/ 301
+/joy-ui/guides/themeable-component/ /joy-ui/customization/creating-themed-components/ 301
+/joy-ui/guides/overriding-component-structure/ /joy-ui/customization/overriding-component-structure/ 301
+/material-ui/react-tree-view/ /x/react-tree-view/ 301
+/material-ui/api/tree-view/ /x/api/tree-view/tree-view/ 301
+/material-ui/api/tree-item/ /x/api/tree-view/tree-item/ 301
+/material-ui/guides/styled-engine/ /material-ui/guides/styled-components/ 301
 
 # Proxies
 
@@ -497,6 +503,7 @@ https://v4.material-ui.com/* https://v4.mui.com/:splat 301!
 /r/store-* https://mui-store.netlify.app/r/store-:splat 200
 /legal/* https://mui-store.netlify.app/legal/:splat 200
 /r/legal-* https://mui-store.netlify.app/r/legal-:splat 200
+/.well-known/apple-developer-merchantid-domain-association https://store-wp.mui.com/.well-known/apple-developer-merchantid-domain-association 200
 
 ## MUI X
 ## Unlike the store that expect to be hosted under a subfolder,
diff --git a/docs/public/static/base-ui/react-components/number-input-dark.png b/docs/public/static/base-ui/react-components/number-input-dark.png
new file mode 100644
index 00000000000000..2ab77b7b787087
Binary files /dev/null and b/docs/public/static/base-ui/react-components/number-input-dark.png differ
diff --git a/docs/public/static/base-ui/react-components/number-input-light.png b/docs/public/static/base-ui/react-components/number-input-light.png
new file mode 100644
index 00000000000000..c87554f80f7d85
Binary files /dev/null and b/docs/public/static/base-ui/react-components/number-input-light.png differ
diff --git a/docs/public/static/base-ui/with-tailwind-css/full-stack-radio.png b/docs/public/static/base-ui/with-tailwind-css/full-stack-radio.png
new file mode 100644
index 00000000000000..68901c77e149c2
Binary files /dev/null and b/docs/public/static/base-ui/with-tailwind-css/full-stack-radio.png differ
diff --git a/docs/public/static/blog/2023-discord-announcement/card.png b/docs/public/static/blog/2023-discord-announcement/card.png
deleted file mode 100644
index 63c97d0cf810e9..00000000000000
Binary files a/docs/public/static/blog/2023-discord-announcement/card.png and /dev/null differ
diff --git a/docs/public/static/blog/2023-mui-values/card.png b/docs/public/static/blog/2023-mui-values/card.png
new file mode 100644
index 00000000000000..ec53edc9673498
Binary files /dev/null and b/docs/public/static/blog/2023-mui-values/card.png differ
diff --git a/docs/public/static/blog/2023-mui-values/email.png b/docs/public/static/blog/2023-mui-values/email.png
new file mode 100644
index 00000000000000..7a3bef201ee213
Binary files /dev/null and b/docs/public/static/blog/2023-mui-values/email.png differ
diff --git a/docs/public/static/blog/2023-mui-values/figjam-board.png b/docs/public/static/blog/2023-mui-values/figjam-board.png
new file mode 100644
index 00000000000000..2da3e3ccf5d6b6
Binary files /dev/null and b/docs/public/static/blog/2023-mui-values/figjam-board.png differ
diff --git a/docs/public/static/blog/2023-mui-values/good-values.png b/docs/public/static/blog/2023-mui-values/good-values.png
new file mode 100644
index 00000000000000..8a56f266dd7a14
Binary files /dev/null and b/docs/public/static/blog/2023-mui-values/good-values.png differ
diff --git a/docs/public/static/blog/2023-mui-values/notion-values-page.png b/docs/public/static/blog/2023-mui-values/notion-values-page.png
new file mode 100644
index 00000000000000..3cbe2ad08b1c34
Binary files /dev/null and b/docs/public/static/blog/2023-mui-values/notion-values-page.png differ
diff --git a/docs/public/static/blog/2023-mui-values/thanks-and-praise.png b/docs/public/static/blog/2023-mui-values/thanks-and-praise.png
new file mode 100644
index 00000000000000..88f079cb16f141
Binary files /dev/null and b/docs/public/static/blog/2023-mui-values/thanks-and-praise.png differ
diff --git a/docs/public/static/blog/2023-mui-values/themes-video.png b/docs/public/static/blog/2023-mui-values/themes-video.png
new file mode 100644
index 00000000000000..fb8bdfd88f34a3
Binary files /dev/null and b/docs/public/static/blog/2023-mui-values/themes-video.png differ
diff --git a/docs/public/static/blog/2023-mui-values/values-illustrations.png b/docs/public/static/blog/2023-mui-values/values-illustrations.png
new file mode 100644
index 00000000000000..3b5528711e6fd4
Binary files /dev/null and b/docs/public/static/blog/2023-mui-values/values-illustrations.png differ
diff --git a/docs/public/static/blog/2023-mui-values/values-survey.png b/docs/public/static/blog/2023-mui-values/values-survey.png
new file mode 100644
index 00000000000000..98c1cefab36abe
Binary files /dev/null and b/docs/public/static/blog/2023-mui-values/values-survey.png differ
diff --git a/docs/public/static/blog/discord-announcement/card.png b/docs/public/static/blog/discord-announcement/card.png
new file mode 100644
index 00000000000000..bb36a43a9e2dfd
Binary files /dev/null and b/docs/public/static/blog/discord-announcement/card.png differ
diff --git a/docs/public/static/blog/2023-discord-announcement/discord.png b/docs/public/static/blog/discord-announcement/discord.png
similarity index 100%
rename from docs/public/static/blog/2023-discord-announcement/discord.png
rename to docs/public/static/blog/discord-announcement/discord.png
diff --git a/docs/public/static/blog/lab-tree-view-to-mui-x/treeview.mov b/docs/public/static/blog/lab-tree-view-to-mui-x/treeview.mov
new file mode 100644
index 00000000000000..f4864004471edf
Binary files /dev/null and b/docs/public/static/blog/lab-tree-view-to-mui-x/treeview.mov differ
diff --git a/docs/public/static/blog/mui-x-mid-v6-features/charts_final_v1.mov b/docs/public/static/blog/mui-x-mid-v6-features/charts_final_v1.mov
new file mode 100644
index 00000000000000..6556076f7acae0
Binary files /dev/null and b/docs/public/static/blog/mui-x-mid-v6-features/charts_final_v1.mov differ
diff --git a/docs/public/static/blog/mui-x-mid-v6-features/copy_paste.mov b/docs/public/static/blog/mui-x-mid-v6-features/copy_paste.mov
new file mode 100644
index 00000000000000..4921539b2551ad
Binary files /dev/null and b/docs/public/static/blog/mui-x-mid-v6-features/copy_paste.mov differ
diff --git a/docs/public/static/blog/mui-x-mid-v6-features/digital_clock.mov b/docs/public/static/blog/mui-x-mid-v6-features/digital_clock.mov
new file mode 100644
index 00000000000000..569ec8e25701cf
Binary files /dev/null and b/docs/public/static/blog/mui-x-mid-v6-features/digital_clock.mov differ
diff --git a/docs/public/static/blog/mui-x-mid-v6-features/header_filter.mp4 b/docs/public/static/blog/mui-x-mid-v6-features/header_filter.mp4
new file mode 100644
index 00000000000000..0445c238650e27
Binary files /dev/null and b/docs/public/static/blog/mui-x-mid-v6-features/header_filter.mp4 differ
diff --git a/docs/public/static/blog/mui-x-mid-v6-features/intro.png b/docs/public/static/blog/mui-x-mid-v6-features/intro.png
new file mode 100644
index 00000000000000..830ff08bc8f0aa
Binary files /dev/null and b/docs/public/static/blog/mui-x-mid-v6-features/intro.png differ
diff --git a/docs/public/static/blog/mui-x-mid-v6-features/timepicker.mp4 b/docs/public/static/blog/mui-x-mid-v6-features/timepicker.mp4
new file mode 100644
index 00000000000000..ccfce2b9b0ff1a
Binary files /dev/null and b/docs/public/static/blog/mui-x-mid-v6-features/timepicker.mp4 differ
diff --git a/docs/public/static/blog/mui-x-mid-v6-features/timezone.mp4 b/docs/public/static/blog/mui-x-mid-v6-features/timezone.mp4
new file mode 100644
index 00000000000000..066b3d97c7e5e9
Binary files /dev/null and b/docs/public/static/blog/mui-x-mid-v6-features/timezone.mp4 differ
diff --git a/docs/public/static/blog/mui-x-mid-v6-features/treeview.mov b/docs/public/static/blog/mui-x-mid-v6-features/treeview.mov
new file mode 100644
index 00000000000000..f4864004471edf
Binary files /dev/null and b/docs/public/static/blog/mui-x-mid-v6-features/treeview.mov differ
diff --git a/docs/public/static/branding/about/group-photo/group-photo.jpg b/docs/public/static/branding/about/group-photo/group-photo.jpg
new file mode 100644
index 00000000000000..2d9aaa544a58c6
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/group-photo.jpg differ
diff --git a/docs/public/static/branding/about/group-photo/group-photo.png b/docs/public/static/branding/about/group-photo/group-photo.png
new file mode 100644
index 00000000000000..a516c7900d9312
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/group-photo.png differ
diff --git a/docs/public/static/branding/about/group-photo/outdoor-focus-group.png b/docs/public/static/branding/about/group-photo/outdoor-focus-group.png
new file mode 100644
index 00000000000000..f88f881524aeb3
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/outdoor-focus-group.png differ
diff --git a/docs/public/static/branding/about/group-photo/portugal-sight-seeing.png b/docs/public/static/branding/about/group-photo/portugal-sight-seeing.png
new file mode 100644
index 00000000000000..47303a569ae941
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/portugal-sight-seeing.png differ
diff --git a/docs/public/static/branding/about/group-photo/scuba-gear.png b/docs/public/static/branding/about/group-photo/scuba-gear.png
new file mode 100644
index 00000000000000..634d8c5887881c
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/scuba-gear.png differ
diff --git a/docs/public/static/branding/about/group-photo/skiers.jpg b/docs/public/static/branding/about/group-photo/skiers.jpg
new file mode 100644
index 00000000000000..b47c9846c447c2
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/skiers.jpg differ
diff --git a/docs/public/static/branding/about/group-photo/skiers.png b/docs/public/static/branding/about/group-photo/skiers.png
new file mode 100644
index 00000000000000..d1441fd9a6a7c6
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/skiers.png differ
diff --git a/docs/public/static/branding/about/group-photo/snow-tea.png b/docs/public/static/branding/about/group-photo/snow-tea.png
new file mode 100644
index 00000000000000..194e79fa673505
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/snow-tea.png differ
diff --git a/docs/public/static/branding/about/group-photo/team-dinner.png b/docs/public/static/branding/about/group-photo/team-dinner.png
new file mode 100644
index 00000000000000..5e4e669425ad5f
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/team-dinner.png differ
diff --git a/docs/public/static/branding/about/group-photo/teide-group.jpg b/docs/public/static/branding/about/group-photo/teide-group.jpg
new file mode 100644
index 00000000000000..959aa192a083f5
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/teide-group.jpg differ
diff --git a/docs/public/static/branding/about/group-photo/teide-group.png b/docs/public/static/branding/about/group-photo/teide-group.png
new file mode 100644
index 00000000000000..e16a0c1a16e5e4
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/teide-group.png differ
diff --git a/docs/public/static/branding/about/group-photo/working-table-portugal.png b/docs/public/static/branding/about/group-photo/working-table-portugal.png
new file mode 100644
index 00000000000000..2e7747a8958a82
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/working-table-portugal.png differ
diff --git a/docs/public/static/branding/about/group-photo/working-table-tenerife.png b/docs/public/static/branding/about/group-photo/working-table-tenerife.png
new file mode 100644
index 00000000000000..eaac20aace7060
Binary files /dev/null and b/docs/public/static/branding/about/group-photo/working-table-tenerife.png differ
diff --git a/docs/public/static/branding/about/illustrations/better-dark.svg b/docs/public/static/branding/about/illustrations/better-dark.svg
new file mode 100644
index 00000000000000..ff3b4b8508114a
--- /dev/null
+++ b/docs/public/static/branding/about/illustrations/better-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="89" height="89" fill="none"><path fill="#0059B3" fill-opacity=".3" d="m82.486 51.65 4.355-1.005.525-5.66-5.69-2.484a37.494 37.494 0 0 0-.37-4.063l1.424-.968 3.7-2.511-1.556-5.467-6.182-.26a36.441 36.441 0 0 0-1.83-3.662l.975-1.41 2.542-3.678-3.426-4.536-5.88 1.998c-.072-.073-.14-.146-.214-.219a37.685 37.685 0 0 0-2.798-2.53c.162-.672.302-1.259.402-1.68l1.042-4.348-4.833-2.992-4.744 3.973a36.304 36.304 0 0 0-3.82-1.476l-.228-1.698-.6-4.43L49.694 1.5l-2.997 5.436a37.662 37.662 0 0 0-4.077.003l-.836-1.516-2.16-3.915-5.586 1.044-.83 6.133c-1.3.422-2.574.916-3.817 1.48l-1.312-1.098-3.427-2.87-4.834 2.992c.33 1.37 1.001 4.179 1.445 6.032a37.645 37.645 0 0 0-2.762 2.503c-.083.083-.162.168-.244.25l-1.641-.557-4.233-1.44-3.425 4.537 3.52 5.092a36.578 36.578 0 0 0-1.824 3.665l-1.71.071-4.468.188-1.555 5.467 5.13 3.482a37.481 37.481 0 0 0-.364 4.063l-1.589.693L2 45.023l.525 5.66 6.034 1.393c.3 1.335.674 2.648 1.118 3.936l-1.216 1.206-3.174 3.147 2.534 5.088 6.134-.882a36.8 36.8 0 0 0 2.47 3.25l-.706 1.58-1.823 4.082 4.201 3.83 5.402-3.04a36.549 36.549 0 0 0 3.475 2.156c-.035.685-.066 1.283-.086 1.711l-.225 4.465 5.3 2.053 3.937-4.782c1.319.32 2.66.567 4.018.741l.542 1.639 1.403 4.244h5.684l1.947-5.89a36.947 36.947 0 0 0 4.017-.744l1.09 1.325 2.842 3.452 5.3-2.053-.312-6.184a36.712 36.712 0 0 0 3.472-2.16c.6.339 1.124.633 1.5.844l3.897 2.193 4.2-3.83a20737.6 20737.6 0 0 1-2.53-5.668 37.065 37.065 0 0 0 2.465-3.253l1.703.244 4.425.636 2.533-5.088-4.395-4.358a36.35 36.35 0 0 0 1.114-3.937l1.672-.387-.001.008Z"/><path fill="#004C99" d="M49.796 41.43c.596-1.22 1.939 1.93 2.636 3.094.698 1.166 1.101 2.566.82 3.896-.282 1.33-1.566 3.423-2.71 2.688-2.15-1.378-1.545-8.044-.748-9.679l.002.001Z"/><path stroke="#39F" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".3" stroke-width="2.56" d="m52.718 67.406 2.934 1.6.806-3.243 3.158 1.093.261-3.332 3.295.56-.288-3.328 3.342.014-.83-3.237 3.299-.535-1.352-3.057 3.166-1.073-1.84-2.79 2.943-1.583-2.274-2.448 2.643-2.044-2.643-2.044 2.274-2.447-2.943-1.582 1.84-2.79-3.166-1.073 1.352-3.057-3.299-.535.83-3.237-3.342.014.288-3.33-3.295.561-.261-3.331-3.158 1.093L55.652 19l-2.934 1.6-1.332-3.064-2.628 2.065-1.822-2.802-2.252 2.467L42.43 16.8l-1.822 2.802-2.627-2.065-1.333 3.064-2.934-1.6-.806 3.244-3.158-1.093-.26 3.331-3.295-.56.288 3.329-3.343-.014.83 3.237-3.299.535 1.352 3.057-3.165 1.072 1.839 2.79-2.943 1.584 2.275 2.447-2.643 2.044 2.643 2.045-2.275 2.447 2.943 1.582-1.84 2.79 3.165 1.073"/><path fill="url(#a)" d="M30.846 48.487c-.388 1.82-1.506 12.119-2.064 14.578-.223 1.248-.626 2.055-1.166 3.189a2.328 2.328 0 0 0 .865 2.985c1.325.835 3.193 1.919 4.736 2.46 1.605.561 3.846.882 5.429 1.051 1.133.121 2.166-.582 2.587-1.641 1.655-4.16 2.742-4.755 3.801-6.492 2.11-3.46 6.27-6.528 9.202-9.094 1.347-1.179 2.414-2.797 3.38-4.274.858-1.31 1.766-2.587 2.673-3.861.737-1.037 1.52-1.909.324-2.962-1.318-1.163-2.72-.356-3.903.592-.758.607-1.706 2.212-2.485 2.976-1.728 1.695-3.473 2.15-4.388-.112-.393-.972-.374-4.24.004-5.748 1.212-4.366 3.384-7.94 4.518-12.04.34-1.23.634-2.77-.255-3.89-.395-.5-1.118-.773-1.727-.553-.627.225-.975.874-1.183 1.492-.868 2.58-2.441 4.762-3.903 7.262l-.022.038c-1.099 1.879-2.396 4.096-4.786 2.784-.553-.303-1.166-.598-1.787-.492-1.425.244-1.832 2.142-3.215 2.381-.664.114-1.135-.358-1.837-.085-1.179.458-1.031 1.743-1.812 2.488-.288.274-.685.219-.972.45-.407.33-.734 1.058-.925 1.534-.632 1.578-.737 3.334-1.09 4.984Z"/><path stroke="#39F" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.072" d="M82.486 51.646c0 .002.001.003.003.003l2.933-.677a2.015 2.015 0 0 0 1.554-1.777l.22-2.368a2.56 2.56 0 0 0-1.525-2.582l-2.522-1.101c-.901-.393-1.49-1.269-1.567-2.249a37.987 37.987 0 0 0-.078-.863c-.1-.977.318-1.944 1.13-2.497l.096-.065 2.168-1.472a2.56 2.56 0 0 0 1.025-2.819l-.543-1.907a2.56 2.56 0 0 0-2.355-1.857l-2.728-.115c-.982-.041-1.846-.645-2.274-1.529a36.424 36.424 0 0 0-.391-.784c-.45-.876-.413-1.933.147-2.744l.058-.083 1.49-2.156a2.56 2.56 0 0 0-.063-2.998l-1.195-1.583a2.56 2.56 0 0 0-2.868-.881l-3.839 1.304a.488.488 0 0 1-.503-.12v0a37.674 37.674 0 0 0-1.575-1.488c-.734-.654-1.076-1.65-.848-2.606l.027-.117.611-2.549a2.56 2.56 0 0 0-1.142-2.773L66.246 7.15a2.56 2.56 0 0 0-2.993.214l-2.091 1.752c-.754.631-1.8.767-2.713.402a36.1 36.1 0 0 0-.818-.316c-.923-.344-1.606-1.15-1.738-2.126l-.013-.1-.351-2.597a2.56 2.56 0 0 0-2.067-2.174l-1.95-.364A2.559 2.559 0 0 0 48.8 3.12l-1.329 2.41c-.474.86-1.398 1.365-2.38 1.353a35.866 35.866 0 0 0-.865.001c-.983.013-1.909-.492-2.383-1.353l-.06-.108-1.266-2.295a2.56 2.56 0 0 0-2.712-1.28l-1.95.364a2.56 2.56 0 0 0-2.066 2.174l-.366 2.705c-.132.974-.813 1.78-1.734 2.124-.274.102-.547.208-.818.317-.913.367-1.96.231-2.715-.4l-.078-.065-2.009-1.683a2.56 2.56 0 0 0-2.991-.214L21.39 8.214c-.94.582-1.4 1.7-1.142 2.775l.64 2.673c.228.954-.113 1.949-.844 2.602-.527.47-1.042.956-1.545 1.46v0a.56.56 0 0 1-.576.138l-1.31-.445-2.48-.844a2.56 2.56 0 0 0-2.867.881l-1.196 1.584a2.56 2.56 0 0 0-.063 2.998l1.553 2.245c.56.81.599 1.865.15 2.741-.133.26-.263.52-.39.783-.428.887-1.294 1.492-2.278 1.533l-.1.004-2.62.11A2.56 2.56 0 0 0 3.97 31.31l-.543 1.908a2.56 2.56 0 0 0 1.024 2.818l2.273 1.542c.812.551 1.23 1.517 1.131 2.492-.029.288-.055.576-.077.864-.077.981-.665 1.858-1.567 2.252l-.113.05-2.401 1.047a2.56 2.56 0 0 0-1.525 2.583l.183 1.976a2.56 2.56 0 0 0 1.973 2.257l2.662.615c.96.221 1.7.975 1.957 1.925.077.282.157.563.24.842.28.943.048 1.971-.65 2.663l-.075.074-1.86 1.844a2.56 2.56 0 0 0-.489 2.96l.884 1.775a2.561 2.561 0 0 0 2.657 1.392l2.714-.39c.971-.139 1.93.294 2.515 1.082.172.232.347.462.525.69.605.778.762 1.823.36 2.722l-.048.108-1.069 2.392a2.56 2.56 0 0 0 .613 2.936l1.467 1.337a2.56 2.56 0 0 0 2.98.34l2.384-1.343c.859-.482 1.914-.423 2.744.106.246.156.493.31.741.46.842.507 1.362 1.424 1.314 2.406l-.005.105-.132 2.617a2.56 2.56 0 0 0 1.632 2.516l1.85.717a2.56 2.56 0 0 0 2.901-.76l1.741-2.115c.624-.758 1.625-1.084 2.588-.895.284.056.57.109.855.158.972.167 1.792.835 2.102 1.77l.035.108.822 2.487a2.56 2.56 0 0 0 2.43 1.757h1.984a2.56 2.56 0 0 0 2.431-1.757l.861-2.604c.31-.934 1.128-1.6 2.098-1.769.286-.05.571-.102.856-.158.964-.19 1.965.136 2.59.894.023.03.047.057.069.085l1.666 2.023a2.56 2.56 0 0 0 2.9.76l1.851-.716a2.559 2.559 0 0 0 1.632-2.515l-.138-2.733c-.05-.981.47-1.897 1.31-2.405.249-.15.495-.304.74-.46.832-.531 1.888-.59 2.748-.107l.093.052 2.284 1.285a2.56 2.56 0 0 0 2.98-.339l1.466-1.336a2.56 2.56 0 0 0 .613-2.936l-1.12-2.51c-.401-.898-.246-1.941.358-2.718.178-.23.353-.46.525-.693.584-.79 1.544-1.223 2.516-1.083l.113.016 2.593.373a2.56 2.56 0 0 0 2.656-1.393l.885-1.776a2.559 2.559 0 0 0-.49-2.958l-1.94-1.925c-.698-.692-.93-1.719-.651-2.66.187-.632.358-1.27.51-1.913a.817.817 0 0 1 .609-.61l1.173-.271c.002 0 .003.001.003.003v0Z"/><defs><linearGradient id="a" x1="63.778" x2="21.729" y1="36.074" y2="42.266" gradientUnits="userSpaceOnUse"><stop stop-color="#007FFF"/><stop offset="1" stop-color="#39F"/></linearGradient></defs></svg>
diff --git a/docs/public/static/branding/about/illustrations/better-light.svg b/docs/public/static/branding/about/illustrations/better-light.svg
new file mode 100644
index 00000000000000..ebb328d791569b
--- /dev/null
+++ b/docs/public/static/branding/about/illustrations/better-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="89" height="89" fill="none"><path fill="#E7F2FE" fill-opacity=".5" d="m82.486 51.65 4.355-1.005.525-5.66-5.69-2.484a37.494 37.494 0 0 0-.37-4.063l1.424-.968 3.7-2.511-1.556-5.467-6.182-.26a36.441 36.441 0 0 0-1.83-3.662l.975-1.41 2.542-3.678-3.426-4.536-5.88 1.998c-.072-.073-.14-.146-.214-.219a37.685 37.685 0 0 0-2.798-2.53c.162-.672.302-1.259.402-1.68l1.042-4.348-4.833-2.992-4.744 3.973a36.304 36.304 0 0 0-3.82-1.476l-.228-1.698-.6-4.43L49.694 1.5l-2.997 5.436a37.662 37.662 0 0 0-4.077.003l-.836-1.516-2.16-3.915-5.586 1.044-.83 6.133c-1.3.422-2.574.916-3.817 1.48l-1.312-1.098-3.427-2.87-4.834 2.992c.33 1.37 1.001 4.179 1.445 6.032a37.645 37.645 0 0 0-2.762 2.503c-.083.083-.162.168-.244.25l-1.641-.557-4.233-1.44-3.425 4.537 3.52 5.092a36.578 36.578 0 0 0-1.824 3.665l-1.71.071-4.468.188-1.555 5.467 5.13 3.482a37.481 37.481 0 0 0-.364 4.063l-1.589.693L2 45.023l.525 5.66 6.034 1.393c.3 1.335.674 2.648 1.118 3.936l-1.216 1.206-3.174 3.147 2.534 5.088 6.134-.882a36.8 36.8 0 0 0 2.47 3.25l-.706 1.58-1.823 4.082 4.201 3.83 5.402-3.04a36.549 36.549 0 0 0 3.475 2.156c-.035.685-.066 1.283-.086 1.711l-.225 4.465 5.3 2.053 3.937-4.782c1.319.32 2.66.567 4.018.741l.542 1.639 1.403 4.244h5.684l1.947-5.89a36.947 36.947 0 0 0 4.017-.744l1.09 1.325 2.842 3.452 5.3-2.053-.312-6.184a36.712 36.712 0 0 0 3.472-2.16c.6.339 1.124.633 1.5.844l3.897 2.193 4.2-3.83a20737.6 20737.6 0 0 1-2.53-5.668 37.065 37.065 0 0 0 2.465-3.253l1.703.244 4.425.636 2.533-5.088-4.395-4.358a36.35 36.35 0 0 0 1.114-3.937l1.672-.387-.001.008Z"/><path fill="#004C99" d="M49.796 41.43c.596-1.22 1.939 1.93 2.636 3.094.698 1.166 1.101 2.566.82 3.896-.282 1.33-1.566 3.423-2.71 2.688-2.15-1.378-1.545-8.044-.748-9.679l.002.001Z"/><path stroke="#C2E0FF" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".5" stroke-width="2.56" d="m52.718 67.406 2.934 1.6.806-3.243 3.158 1.093.261-3.332 3.295.56-.288-3.328 3.342.014-.83-3.237 3.299-.535-1.352-3.057 3.166-1.073-1.84-2.79 2.943-1.583-2.274-2.448 2.643-2.044-2.643-2.044 2.274-2.447-2.943-1.582 1.84-2.79-3.166-1.073 1.352-3.057-3.299-.535.83-3.237-3.342.014.288-3.33-3.295.561-.261-3.331-3.158 1.093L55.652 19l-2.934 1.6-1.332-3.064-2.628 2.065-1.822-2.802-2.252 2.467L42.43 16.8l-1.822 2.802-2.627-2.065-1.333 3.064-2.934-1.6-.806 3.244-3.158-1.093-.26 3.331-3.295-.56.288 3.329-3.343-.014.83 3.237-3.299.535 1.352 3.057-3.165 1.072 1.839 2.79-2.943 1.584 2.275 2.447-2.643 2.044 2.643 2.045-2.275 2.447 2.943 1.582-1.84 2.79 3.165 1.073"/><path fill="url(#a)" d="M30.846 48.487c-.388 1.82-1.506 12.119-2.064 14.578-.223 1.248-.626 2.055-1.166 3.189a2.328 2.328 0 0 0 .865 2.985c1.325.835 3.193 1.919 4.736 2.46 1.605.561 3.846.882 5.429 1.051 1.133.121 2.166-.582 2.587-1.641 1.655-4.16 2.742-4.755 3.801-6.492 2.11-3.46 6.27-6.528 9.202-9.094 1.347-1.179 2.414-2.797 3.38-4.274.858-1.31 1.766-2.587 2.673-3.861.737-1.037 1.52-1.909.324-2.962-1.318-1.163-2.72-.356-3.903.592-.758.607-1.706 2.212-2.485 2.976-1.728 1.695-3.473 2.15-4.388-.112-.393-.972-.374-4.24.004-5.748 1.212-4.366 3.384-7.94 4.518-12.04.34-1.23.634-2.77-.255-3.89-.395-.5-1.118-.773-1.727-.553-.627.225-.975.874-1.183 1.492-.868 2.58-2.441 4.762-3.903 7.262l-.022.038c-1.099 1.879-2.396 4.096-4.786 2.784-.553-.303-1.166-.598-1.787-.492-1.425.244-1.832 2.142-3.215 2.381-.664.114-1.135-.358-1.837-.085-1.179.458-1.031 1.743-1.812 2.488-.288.274-.685.219-.972.45-.407.33-.734 1.058-.925 1.534-.632 1.578-.737 3.334-1.09 4.984Z"/><path stroke="#8DCEFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.072" d="M82.486 51.646c0 .002.001.003.003.003l2.933-.677a2.015 2.015 0 0 0 1.554-1.777l.22-2.368a2.56 2.56 0 0 0-1.525-2.582l-2.522-1.101c-.901-.393-1.49-1.269-1.567-2.249a37.987 37.987 0 0 0-.078-.863c-.1-.977.318-1.944 1.13-2.497l.096-.065 2.168-1.472a2.56 2.56 0 0 0 1.025-2.819l-.543-1.907a2.56 2.56 0 0 0-2.355-1.857l-2.728-.115c-.982-.041-1.846-.645-2.274-1.529a36.424 36.424 0 0 0-.391-.784c-.45-.876-.413-1.933.147-2.744l.058-.083 1.49-2.156a2.56 2.56 0 0 0-.063-2.998l-1.195-1.583a2.56 2.56 0 0 0-2.868-.881l-3.839 1.304a.488.488 0 0 1-.503-.12v0a37.674 37.674 0 0 0-1.575-1.488c-.734-.654-1.076-1.65-.848-2.606l.027-.117.611-2.549a2.56 2.56 0 0 0-1.142-2.773L66.246 7.15a2.56 2.56 0 0 0-2.993.214l-2.091 1.752c-.754.631-1.8.767-2.713.402a36.1 36.1 0 0 0-.818-.316c-.923-.344-1.606-1.15-1.738-2.126l-.013-.1-.351-2.597a2.56 2.56 0 0 0-2.067-2.174l-1.95-.364A2.559 2.559 0 0 0 48.8 3.12l-1.329 2.41c-.474.86-1.398 1.365-2.38 1.353a35.866 35.866 0 0 0-.865.001c-.983.013-1.909-.492-2.383-1.353l-.06-.108-1.266-2.295a2.56 2.56 0 0 0-2.712-1.28l-1.95.364a2.56 2.56 0 0 0-2.066 2.174l-.366 2.705c-.132.974-.813 1.78-1.734 2.124-.274.102-.547.208-.818.317-.913.367-1.96.231-2.715-.4l-.078-.065-2.009-1.683a2.56 2.56 0 0 0-2.991-.214L21.39 8.214c-.94.582-1.4 1.7-1.142 2.775l.64 2.673c.228.954-.113 1.949-.844 2.602-.527.47-1.042.956-1.545 1.46v0a.56.56 0 0 1-.576.138l-1.31-.445-2.48-.844a2.56 2.56 0 0 0-2.867.881l-1.196 1.584a2.56 2.56 0 0 0-.063 2.998l1.553 2.245c.56.81.599 1.865.15 2.741-.133.26-.263.52-.39.783-.428.887-1.294 1.492-2.278 1.533l-.1.004-2.62.11A2.56 2.56 0 0 0 3.97 31.31l-.543 1.908a2.56 2.56 0 0 0 1.024 2.818l2.273 1.542c.812.551 1.23 1.517 1.131 2.492-.029.288-.055.576-.077.864-.077.981-.665 1.858-1.567 2.252l-.113.05-2.401 1.047a2.56 2.56 0 0 0-1.525 2.583l.183 1.976a2.56 2.56 0 0 0 1.973 2.257l2.662.615c.96.221 1.7.975 1.957 1.925.077.282.157.563.24.842.28.943.048 1.971-.65 2.663l-.075.074-1.86 1.844a2.56 2.56 0 0 0-.489 2.96l.884 1.775a2.561 2.561 0 0 0 2.657 1.392l2.714-.39c.971-.139 1.93.294 2.515 1.082.172.232.347.462.525.69.605.778.762 1.823.36 2.722l-.048.108-1.069 2.392a2.56 2.56 0 0 0 .613 2.936l1.467 1.337a2.56 2.56 0 0 0 2.98.34l2.384-1.343c.859-.482 1.914-.423 2.744.106.246.156.493.31.741.46.842.507 1.362 1.424 1.314 2.406l-.005.105-.132 2.617a2.56 2.56 0 0 0 1.632 2.516l1.85.717a2.56 2.56 0 0 0 2.901-.76l1.741-2.115c.624-.758 1.625-1.084 2.588-.895.284.056.57.109.855.158.972.167 1.792.835 2.102 1.77l.035.108.822 2.487a2.56 2.56 0 0 0 2.43 1.757h1.984a2.56 2.56 0 0 0 2.431-1.757l.861-2.604c.31-.934 1.128-1.6 2.098-1.769.286-.05.571-.102.856-.158.964-.19 1.965.136 2.59.894.023.03.047.057.069.085l1.666 2.023a2.56 2.56 0 0 0 2.9.76l1.851-.716a2.559 2.559 0 0 0 1.632-2.515l-.138-2.733c-.05-.981.47-1.897 1.31-2.405.249-.15.495-.304.74-.46.832-.531 1.888-.59 2.748-.107l.093.052 2.284 1.285a2.56 2.56 0 0 0 2.98-.339l1.466-1.336a2.56 2.56 0 0 0 .613-2.936l-1.12-2.51c-.401-.898-.246-1.941.358-2.718.178-.23.353-.46.525-.693.584-.79 1.544-1.223 2.516-1.083l.113.016 2.593.373a2.56 2.56 0 0 0 2.656-1.393l.885-1.776a2.559 2.559 0 0 0-.49-2.958l-1.94-1.925c-.698-.692-.93-1.719-.651-2.66.187-.632.358-1.27.51-1.913a.817.817 0 0 1 .609-.61l1.173-.271c.002 0 .003.001.003.003v0Z"/><defs><linearGradient id="a" x1="63.778" x2="21.729" y1="36.074" y2="42.266" gradientUnits="userSpaceOnUse"><stop stop-color="#007FFF"/><stop offset="1" stop-color="#39F"/></linearGradient></defs></svg>
diff --git a/docs/public/static/branding/about/illustrations/bureaucracy-dark.svg b/docs/public/static/branding/about/illustrations/bureaucracy-dark.svg
new file mode 100644
index 00000000000000..6ab8a241602561
--- /dev/null
+++ b/docs/public/static/branding/about/illustrations/bureaucracy-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="81" height="94" fill="none"><path fill="#0059B3" fill-opacity=".3" d="M38.306 79.3c20.052 0 36.307-16.254 36.307-36.306 0-20.051-16.255-36.306-36.307-36.306C18.255 6.688 2 22.943 2 42.994c0 20.052 16.255 36.307 36.306 36.307Z"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M26.67 36.725c-.693 1.764-4.79 3.312-7.817 2.122-3.028-1.189-4.42-3.19-3.728-4.954.693-1.764 3.074-2.283 6.102-1.095 3.028 1.19 4.977 5.11 4.284 6.875"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M27.632 35.198c-.927 1.654-5.195 2.629-8.033 1.039-2.839-1.59-3.945-3.763-3.019-5.417.927-1.653 3.357-1.843 6.195-.253 2.839 1.59 4.235 5.74 3.309 7.393"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M28.792 33.817c-1.143 1.512-5.504 1.896-8.1-.065-2.595-1.961-3.395-4.265-2.252-5.776 1.143-1.512 3.576-1.37 6.172.593 2.595 1.962 3.414 6.264 2.27 7.775"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M30.132 32.607c-1.338 1.343-5.712 1.13-8.015-1.166-2.305-2.298-2.784-4.687-1.445-6.03 1.337-1.342 3.73-.87 6.034 1.428 2.304 2.297 2.529 6.669 1.191 8.011"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M31.622 31.59c-1.509 1.148-5.812.342-7.782-2.248-1.97-2.59-2.12-5.022-.61-6.169 1.508-1.148 3.813-.353 5.782 2.236 1.97 2.59 1.599 6.952.09 8.1"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M33.237 30.786c-1.652.931-5.805-.453-7.404-3.286-1.598-2.834-1.415-5.264.235-6.195s3.826.168 5.424 3.002c1.599 2.834.637 7.105-1.014 8.036"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M34.947 30.21c-1.762.698-5.689-1.24-6.887-4.265-1.198-3.024-.686-5.407 1.076-6.105 1.762-.698 3.767.688 4.965 3.713 1.197 3.024-.337 7.125-2.1 7.823"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M36.718 29.872c-1.841.451-5.467-2.003-6.242-5.162-.775-3.16.056-5.451 1.897-5.903 1.842-.451 3.639 1.195 4.413 4.354.775 3.16-1.303 7.014-3.144 7.465"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M38.52 29.777c-1.884.197-5.143-2.728-5.48-5.964-.338-3.235.797-5.392 2.683-5.59 1.885-.196 3.442 1.68 3.78 4.916.336 3.235-2.247 6.77-4.133 6.967"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M40.318 29.93c-1.894-.062-4.724-3.404-4.618-6.656.106-3.252 1.525-5.233 3.42-5.172 1.894.062 3.18 2.133 3.075 5.385-.106 3.252-3.148 6.401-5.043 6.339"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M42.078 30.326c-1.868-.32-4.216-4.015-3.668-7.223.548-3.207 2.224-4.977 4.093-4.658 1.868.32 2.86 2.546 2.313 5.752-.548 3.208-3.99 5.913-5.858 5.595"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M43.769 30.957c-1.807-.57-3.63-4.552-2.651-7.653.98-3.102 2.88-4.628 4.688-4.057 1.807.57 2.488 2.911 1.508 6.014-.98 3.102-4.758 5.314-6.565 4.744"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M45.356 31.813c-1.713-.811-2.977-5.004-1.584-7.943 1.393-2.94 3.484-4.193 5.197-3.38 1.712.811 2.068 3.222.675 6.163-1.393 2.94-5.437 4.617-7.15 3.806"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M46.813 32.876c-1.587-1.037-2.268-5.362-.488-8.085 1.78-2.722 4.023-3.678 5.61-2.641 1.586 1.037 1.61 3.475-.17 6.198-1.78 2.722-6.015 3.833-7.602 2.797"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M48.112 34.13c-1.43-1.244-1.517-5.622.618-8.077 2.134-2.456 4.486-3.098 5.916-1.854 1.43 1.243 1.122 3.66-1.013 6.116-2.135 2.455-6.482 2.979-7.911 1.735"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M49.227 35.547c-1.248-1.426-.736-5.775 1.712-7.917 2.45-2.142 4.866-2.458 6.114-1.03 1.248 1.426.613 3.78-1.835 5.921-2.45 2.142-6.827 2.069-8.074.643"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M50.14 37.103c-1.042-1.583.057-5.822 2.774-7.61 2.718-1.789 5.155-1.772 6.197-.19 1.042 1.584.092 3.829-2.624 5.617-2.719 1.788-7.046 1.12-8.088-.463"/><path stroke="#39F" stroke-miterlimit="10" stroke-opacity=".4" stroke-width="1.414" d="M50.833 38.77c-.817-1.71.848-5.76 3.783-7.162 2.937-1.402 5.35-1.054 6.165.656.817 1.71-.43 3.806-3.365 5.208-2.936 1.401-7.131.15-7.948-1.56"/><path stroke="#39F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.829" d="M38.307 6.688V2C60.947 2 79.3 20.354 79.3 42.993c0 22.64-18.354 40.993-40.993 40.993v8.012"/><path stroke="#39F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.829" d="M38.306 79.3c20.052 0 36.307-16.254 36.307-36.306 0-20.051-16.255-36.306-36.307-36.306C18.255 6.688 2 22.943 2 42.994c0 20.052 16.255 36.307 36.306 36.307Z"/><path fill="url(#a)" fill-rule="evenodd" d="M19.233 40.547c-.644-.34-1.634.014-1.643.898l.002.002c-.01.928.116 1.795.349 2.707.185.723.595 1.83.952 2.79v.001l.263.715c-.514-.771-1.795-3.564-2.04-4.773-.086-.42-.165-.923-.249-1.454-.158-1-.332-2.103-.594-2.953-.566-1.837-2.535-1.663-2.29.458.04.35.076.736.113 1.142.092 1.005.194 2.125.408 3.066.393 1.733.836 3.178 1.124 4.117.075.245.14.456.19.629-.273-.33-1.221-2.318-1.715-4.672-.154-.736-.3-1.504-.44-2.25-.368-1.943-.704-3.724-1.092-4.334-1.247-1.962-2.557-.188-2.248 2.127.144 1.08.453 2.718.79 4.499l.19 1.017c.262 1.392.806 2.887 1.133 3.785.135.37.233.639.258.757-.248-.314-1.097-1.903-1.544-3.205-.354-1.033-.549-2.155-.717-3.122-.186-1.07-.339-1.951-.638-2.307-.818-.974-1.402-.336-1.616.895-.157.903-.124 2.727.165 3.867.487 1.918 1.038 3.757 2.032 5.864.854 1.81 1.782 3.592 2.749 5.115-.678-.21-1.385-.637-2.055-1.552-1.177-1.611-2.856-2.62-3.444-1.483-.345.667.483 2.636 1.354 3.854a11.397 11.397 0 0 0 3.66 3.32c1.046.598 1.75.869 2.543 1.174.764.294 1.612.62 2.932 1.304.094.05.19.101.289.151.977.517 1.994 1.225 2.8 1.826.87.882 1.515 1.976 1.916 3.217.076.236.159.738.245 1.45a30.963 30.963 0 0 0 10.632 3.525c-1.375-5.878-2.613-10.987-3.101-12.33a31.712 31.712 0 0 1-.554-1.714c-.587-1.946-1.174-3.893-3.476-6.625-1.057-1.254-1.763-1.68-2.359-2.037-.703-.424-1.252-.754-2.042-2.247-.226-.427-.433-.807-.622-1.154-.68-1.25-1.134-2.083-1.448-3.212a17.868 17.868 0 0 1-.092-.353c-.207-.81-.57-2.23-1.07-2.495Z" clip-rule="evenodd"/><path fill="url(#b)" fill-rule="evenodd" d="M58.687 37.643c.699-.248 1.708.217 1.649 1.071-.1 1.454-1.643 6.5-1.643 6.5.79-2.552 2.296-6.824 3.357-9.278.735-1.702 2.782-1.29 2.36.727-.39 1.864-.845 3.53-1.312 5.235-.29 1.06-.585 2.136-.87 3.284.63-1.509 1.202-3.374 1.741-5.132.74-2.41 1.416-4.618 2.1-5.433 1.458-1.738 2.525.249 1.97 2.432-.31 1.219-.847 2.98-1.402 4.793-.23.754-.463 1.517-.684 2.253.065.041.132.09.2.146l.01-.03c.923-2.803 1.95-5.924 2.5-6.42 1.614-1.454 1.883 1.189 1.213 3.785-.15.585-.299 1.172-.447 1.761-.756 3-1.52 6.033-2.682 8.88a8.842 8.842 0 0 1-.868 1.617l.348-.259c1.005-.752 1.89-1.414 2.65-1.023.538.276.69.91.71.993.436 1.939-3.213 4.47-6.005 5.524-1.135.43-3.018.95-5.53.786-1.412 1.302-2.199 3.308-2.584 5.192-.102.497-.333 2.164-.634 4.434a30.988 30.988 0 0 1-13.68 4.587c2.224-6.103 4.375-12.177 4.725-13.774.849-3.877 1.464-5.04 2.22-6.466.18-.34.368-.696.569-1.107 1.026-2.095 2.356-3.068 3.642-4.01 1.345-.985 2.643-1.935 3.497-4.097.756-1.912 1.234-3.173 1.786-5.154.173-.62.456-1.59 1.094-1.817Z" clip-rule="evenodd"/><path stroke="#39F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.829" d="M19.578 92h37.456"/><defs><linearGradient id="a" x1="35.953" x2="3.646" y1="43.982" y2="48.666" gradientUnits="userSpaceOnUse"><stop stop-color="#007FFF"/><stop offset="1" stop-color="#39F"/></linearGradient><linearGradient id="b" x1="41.154" x2="72.562" y1="46.995" y2="49.158" gradientUnits="userSpaceOnUse"><stop stop-color="#005BB8"/><stop offset="1" stop-color="#0072E6"/></linearGradient></defs></svg>
diff --git a/docs/public/static/branding/about/illustrations/bureaucracy-light.svg b/docs/public/static/branding/about/illustrations/bureaucracy-light.svg
new file mode 100644
index 00000000000000..3658d933271e2d
--- /dev/null
+++ b/docs/public/static/branding/about/illustrations/bureaucracy-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="81" height="94" fill="none"><path fill="#E7F2FE" fill-opacity=".5" d="M38.306 79.3c20.052 0 36.307-16.254 36.307-36.306 0-20.051-16.255-36.306-36.306-36.306C18.255 6.688 2 22.943 2 42.994c0 20.052 16.255 36.307 36.306 36.307Z"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M26.67 36.725c-.693 1.764-4.79 3.312-7.817 2.123-3.028-1.19-4.42-3.19-3.728-4.954.693-1.765 3.074-2.284 6.102-1.096 3.028 1.19 4.977 5.11 4.284 6.875"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M27.632 35.198c-.927 1.654-5.195 2.629-8.033 1.039-2.839-1.59-3.945-3.763-3.019-5.416.927-1.654 3.357-1.844 6.195-.254 2.839 1.59 4.235 5.74 3.309 7.393"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M28.793 33.817c-1.144 1.512-5.505 1.896-8.1-.065-2.596-1.961-3.396-4.265-2.253-5.776 1.143-1.512 3.576-1.37 6.172.593 2.595 1.962 3.414 6.264 2.271 7.775"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M30.132 32.608c-1.338 1.342-5.712 1.129-8.015-1.167-2.305-2.298-2.784-4.687-1.445-6.03 1.337-1.342 3.73-.87 6.034 1.428 2.304 2.297 2.529 6.669 1.191 8.011"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M31.622 31.59c-1.509 1.148-5.812.342-7.782-2.248-1.97-2.59-2.12-5.022-.61-6.169 1.508-1.148 3.813-.353 5.782 2.236 1.97 2.59 1.599 6.952.09 8.1"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M33.237 30.786c-1.652.931-5.805-.454-7.404-3.286-1.598-2.834-1.415-5.264.235-6.195s3.826.168 5.424 3.002c1.599 2.834.637 7.105-1.014 8.036"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M34.946 30.21c-1.762.698-5.688-1.24-6.887-4.265-1.198-3.024-.686-5.407 1.076-6.105 1.762-.698 3.767.688 4.965 3.713 1.197 3.024-.337 7.125-2.1 7.823"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M36.718 29.872c-1.841.451-5.467-2.003-6.242-5.162-.775-3.16.056-5.451 1.897-5.903 1.842-.451 3.639 1.195 4.413 4.354.775 3.16-1.303 7.014-3.144 7.465"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M38.52 29.777c-1.884.197-5.143-2.728-5.48-5.964-.338-3.235.797-5.392 2.683-5.59 1.885-.196 3.442 1.68 3.78 4.916.336 3.236-2.247 6.77-4.133 6.967"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M40.318 29.93c-1.894-.062-4.724-3.404-4.618-6.655.106-3.253 1.525-5.234 3.42-5.173 1.894.062 3.18 2.133 3.075 5.385-.106 3.252-3.148 6.401-5.043 6.339"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M42.078 30.326c-1.868-.32-4.216-4.015-3.668-7.222.548-3.208 2.224-4.978 4.093-4.659 1.868.32 2.86 2.546 2.313 5.752-.548 3.208-3.99 5.913-5.858 5.595"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M43.768 30.957c-1.807-.57-3.63-4.552-2.651-7.653.98-3.102 2.88-4.628 4.688-4.057 1.807.57 2.488 2.911 1.508 6.014-.98 3.102-4.758 5.314-6.565 4.744"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M45.356 31.813c-1.713-.81-2.977-5.004-1.584-7.943 1.393-2.94 3.484-4.193 5.197-3.38 1.712.811 2.068 3.222.675 6.163-1.393 2.94-5.437 4.617-7.15 3.806"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M46.813 32.876c-1.587-1.037-2.268-5.362-.488-8.084 1.78-2.723 4.023-3.68 5.61-2.642 1.586 1.037 1.61 3.475-.17 6.198-1.78 2.722-6.015 3.833-7.602 2.797"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M48.112 34.13c-1.43-1.244-1.517-5.622.618-8.077 2.134-2.456 4.486-3.098 5.916-1.854 1.43 1.243 1.122 3.66-1.013 6.116-2.135 2.455-6.482 2.979-7.911 1.735"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M49.228 35.547c-1.248-1.426-.736-5.775 1.712-7.917 2.45-2.142 4.866-2.458 6.114-1.03 1.248 1.426.613 3.78-1.835 5.921-2.45 2.142-6.827 2.07-8.075.643"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M50.14 37.103c-1.042-1.583.057-5.822 2.774-7.61 2.718-1.789 5.155-1.772 6.197-.19 1.043 1.584.092 3.829-2.624 5.617-2.719 1.788-7.046 1.12-8.088-.463"/><path stroke="#C2E0FF" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="1.414" d="M50.832 38.77c-.817-1.71.848-5.76 3.783-7.162 2.936-1.402 5.35-1.054 6.165.656.817 1.71-.43 3.806-3.365 5.208-2.936 1.401-7.131.15-7.948-1.56"/><path stroke="#8DCEFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.829" d="M38.307 6.688V2C60.947 2 79.3 20.354 79.3 42.993c0 22.64-18.354 40.993-40.993 40.993v8.012"/><path stroke="#8DCEFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.829" d="M38.306 79.3c20.052 0 36.307-16.254 36.307-36.306 0-20.051-16.255-36.306-36.306-36.306C18.255 6.688 2 22.943 2 42.994c0 20.052 16.255 36.307 36.306 36.307Z"/><path fill="url(#a)" fill-rule="evenodd" d="M19.228 40.547c-.644-.34-1.634.014-1.643.898l.002.002c-.01.928.116 1.795.349 2.707.185.723.595 1.83.952 2.79v.001l.263.715c-.514-.771-1.795-3.564-2.04-4.773-.086-.42-.165-.923-.249-1.454-.158-1-.332-2.103-.594-2.953-.566-1.837-2.535-1.663-2.29.458.04.35.076.736.113 1.142.092 1.005.195 2.125.408 3.066.393 1.733.836 3.178 1.124 4.117.075.245.14.456.19.629-.273-.33-1.221-2.318-1.715-4.672-.154-.736-.3-1.504-.44-2.25-.368-1.943-.704-3.724-1.092-4.334-1.247-1.962-2.557-.188-2.248 2.127.144 1.08.453 2.718.79 4.499l.19 1.017c.262 1.392.806 2.887 1.133 3.785.135.37.233.639.259.757-.25-.314-1.098-1.903-1.544-3.205-.355-1.033-.55-2.155-.718-3.122-.186-1.07-.339-1.951-.638-2.307-.818-.974-1.401-.336-1.616.895-.157.903-.124 2.727.165 3.867.487 1.918 1.038 3.757 2.032 5.864.855 1.81 1.782 3.592 2.749 5.115-.678-.21-1.385-.637-2.055-1.552-1.177-1.611-2.856-2.62-3.444-1.483-.345.667.484 2.636 1.355 3.854a11.397 11.397 0 0 0 3.658 3.32c1.047.598 1.75.869 2.544 1.174a25.793 25.793 0 0 1 3.221 1.455c.977.518 1.994 1.225 2.8 1.826.87.882 1.516 1.976 1.916 3.217.077.236.159.738.245 1.448a30.964 30.964 0 0 0 10.632 3.527c-1.375-5.878-2.613-10.987-3.1-12.33a31.712 31.712 0 0 1-.555-1.714c-.587-1.946-1.174-3.893-3.476-6.625-1.057-1.254-1.763-1.68-2.359-2.037-.703-.424-1.251-.754-2.042-2.247-.226-.427-.433-.807-.622-1.154-.68-1.25-1.134-2.083-1.448-3.212a17.868 17.868 0 0 1-.092-.353c-.207-.81-.57-2.23-1.07-2.495Z" clip-rule="evenodd"/><path fill="url(#b)" fill-rule="evenodd" d="M58.684 37.643c.699-.248 1.708.217 1.649 1.071-.1 1.454-1.643 6.5-1.643 6.5.79-2.552 2.296-6.824 3.357-9.278.735-1.702 2.783-1.29 2.36.727-.389 1.864-.845 3.53-1.312 5.235-.29 1.06-.585 2.136-.87 3.284.63-1.509 1.202-3.374 1.742-5.132.738-2.41 1.415-4.618 2.1-5.433 1.457-1.738 2.524.249 1.97 2.432-.31 1.219-.848 2.98-1.402 4.793-.23.754-.464 1.516-.684 2.253.064.041.132.09.2.146l.01-.03c.922-2.803 1.95-5.924 2.5-6.42 1.613-1.454 1.882 1.189 1.212 3.785-.15.585-.298 1.172-.447 1.761-.755 3-1.52 6.033-2.682 8.88a8.84 8.84 0 0 1-.868 1.617l.348-.259c1.006-.752 1.89-1.414 2.65-1.023.538.276.69.91.71.993.437 1.939-3.213 4.47-6.005 5.524-1.135.43-3.017.95-5.53.786-1.412 1.302-2.199 3.308-2.584 5.192-.102.497-.333 2.165-.634 4.435a30.986 30.986 0 0 1-13.68 4.587c2.224-6.104 4.375-12.178 4.725-13.775.849-3.877 1.464-5.04 2.22-6.466.18-.34.368-.696.569-1.107 1.026-2.095 2.356-3.068 3.642-4.01 1.346-.985 2.643-1.935 3.497-4.097.756-1.912 1.234-3.173 1.786-5.153.173-.62.456-1.592 1.094-1.818Z" clip-rule="evenodd"/><path stroke="#8DCEFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.829" d="M19.578 92h37.456"/><defs><linearGradient id="a" x1="35.948" x2="3.641" y1="43.982" y2="48.666" gradientUnits="userSpaceOnUse"><stop stop-color="#007FFF"/><stop offset="1" stop-color="#39F"/></linearGradient><linearGradient id="b" x1="41.151" x2="72.559" y1="46.995" y2="49.158" gradientUnits="userSpaceOnUse"><stop stop-color="#004C99"/><stop offset="1" stop-color="#0072E6"/></linearGradient></defs></svg>
diff --git a/docs/public/static/branding/about/illustrations/community-dark.svg b/docs/public/static/branding/about/illustrations/community-dark.svg
new file mode 100644
index 00000000000000..beba4ba00ef5ac
--- /dev/null
+++ b/docs/public/static/branding/about/illustrations/community-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="92" height="84" fill="none"><path fill="#0059B3" fill-opacity=".3" d="M55.466 2H36.985C17.663 2 2 17.663 2 36.985S16.37 71.97 36.985 71.97h4.088C43.23 75.32 49.999 82 64.847 82c-5.834-4.763-6.757-8.215-6.626-10.137 19.588 0 32.23-16.483 32.23-34.877 0-19.322-15.663-34.985-34.985-34.985V2Z"/><path stroke="#39F" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".3" stroke-width="2.793" d="M14.684 47.016c3.954 9.665 13.451 16.476 24.541 16.476h16.476c13.382 0 22.375-9.917 23.826-22.802M18.93 19.935c4.863-5.782 12.15-9.457 20.295-9.457h14.003c6.56 0 12.564 2.384 17.192 6.332"/><path fill="url(#a)" fill-rule="evenodd" d="M61.625 50.672c.029-.024.058-.051.086-.08.643-.614.706-1.167.528-1.938 0 0 2.547.461 2.701-1.421a.35.35 0 0 0 0-.065 2.026 2.026 0 0 0-.174-.876c-.232-.529-2.32-2.986-2.529-3.19-3.27-3.399-7.576-6.1-7.576-6.1 1.195-.053 2.27-.363 3.468-.708l.067-.019c1.464-.421 2.849-1.328 3.533-2.689L48.95 28.664s-.589-.376-1.504-.422c-2.562-.133-4.806.599-7.104 1.348-1.518.495-3.06.997-4.733 1.264-1.823.29-2.576.045-4.245-.498l-.232-.076L11.3 25.751c-1.078-.246-2.18.3-2.585 1.33-.568 1.442-1.305 3.52-1.595 5.23-.263 1.551-.339 3.638-.356 5.135-.013 1.108.791 2.041 1.882 2.233l17.649 3.104c.615.316 1.582 1.017 2.485 1.67.652.471 1.27.918 1.697 1.179 1.181.72 2.335 1.483 3.49 2.247 1.832 1.214 3.664 2.426 5.601 3.46 1.737.928 3.662 1.237 5.595 1.547 1.582.255 3.17.51 4.666 1.105 1.363.542 2.338.505 2.95.18.183-.097.334-.221.452-.363.596-.61.674-1.356.674-1.356s1.113.34 1.753.518c.081.023.165.05.253.076.588.183 1.32.41 2.062-.134.231-.143.42-.336.55-.56.22-.288.435-.663.646-1.143 1.276.182 1.957-.094 2.456-.537Z" clip-rule="evenodd"/><path fill="url(#b)" d="M68.214 43.245c.972-1.265 3.004-3.672 2.688-5.236l13.142-5.767c.957-.42 1.517-1.426 1.328-2.453-.226-1.229-.57-2.86-.989-4.052-.395-1.125-1.149-2.513-1.782-3.587-.59-1-1.848-1.345-2.894-.84L64.98 28.408c-2.77 1.009-4.881-.575-7.792-1.05-2.91-.474-6.001-.773-8.717.373a9.357 9.357 0 0 0-1.025.51c-1.966 1.13-3.526 2.915-5.021 4.651l-2.87 3.334c-.136.158-.277.328-.31.534-.059.37.248.69.555.902a4.377 4.377 0 0 0 3.732.571c1.07-.332 1.967-1.066 2.784-1.832a27.941 27.941 0 0 0 2.408-2.558c1.7.931 3.464 1.997 5.212 3.16 3.286 2.186 7.801 6.07 10.452 8.661 1.537-.252 2.675-.923 3.826-2.419Z"/><path fill="url(#c)" d="M48.541 51.372c-.125-.441-.465-.767-1.01-.968-1.005-.372-1.758-.17-2.458.322.351-.753.394-1.598.067-2.22-.333-.632-1.002-.94-1.835-.847-.732.082-1.505.467-2.26 1.006a2.501 2.501 0 0 0 .159-1.736 1.657 1.657 0 0 0-.783-1.034c-.559-.32-1.334-.358-2.24-.109-.53.146-1.281.475-2.05.951.353-.687.358-1.366-.003-2-.36-.63-.948-.986-1.701-1.023-1.338-.069-3.08.909-4.05 2.27-.461.648-.607 1.357-.409 1.995.19.616.685 1.11 1.356 1.358.352.129.656.19.939.19.468 0 .88-.167 1.356-.458-.186.29-.34.596-.449.912-.262.762-.128 1.572.357 2.167.468.572 1.199.883 2.05.883.157 0 .316-.01.479-.032.428-.055.903-.186 1.493-.558-.11.373-.101.752.032 1.104.28.738 1.077 1.253 2.183 1.414.124.017.245.027.363.027.729 0 1.383-.322 1.983-.8-.065.365-.001.658.075.852.278.715 1.087 1.223 2.013 1.265.09.004.175.006.26.006.937 0 1.577-.28 2.556-1.536l.048-.063c.71-.909 1.78-2.282 1.48-3.337v-.001Z"/><path stroke="#39F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.793" d="M55.466 2H36.985C17.663 2 2 17.663 2 36.985S16.37 71.97 36.985 71.97h4.088C43.23 75.32 49.999 82 64.847 82c-5.834-4.763-6.757-8.215-6.626-10.137 19.588 0 32.23-16.483 32.23-34.877 0-19.322-15.663-34.985-34.985-34.985V2Z"/><defs><linearGradient id="a" x1="6.764" x2="65.509" y1="32.244" y2="48.363" gradientUnits="userSpaceOnUse"><stop stop-color="#005BB8"/><stop offset="1" stop-color="#0072E6"/></linearGradient><linearGradient id="b" x1="89.096" x2="38.249" y1="26.027" y2="44.957" gradientUnits="userSpaceOnUse"><stop stop-color="#007FFF"/><stop offset="1" stop-color="#39F"/></linearGradient><linearGradient id="c" x1="49.977" x2="28.576" y1="46.505" y2="52.937" gradientUnits="userSpaceOnUse"><stop stop-color="#007FFF"/><stop offset="1" stop-color="#39F"/></linearGradient></defs></svg>
diff --git a/docs/public/static/branding/about/illustrations/community-light.svg b/docs/public/static/branding/about/illustrations/community-light.svg
new file mode 100644
index 00000000000000..b9274520db9fdf
--- /dev/null
+++ b/docs/public/static/branding/about/illustrations/community-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="92" height="84" fill="none"><path fill="#E7F2FE" fill-opacity=".5" d="M55.466 2H36.985C17.663 2 2 17.663 2 36.985S16.37 71.97 36.985 71.97h4.088C43.23 75.32 49.999 82 64.847 82c-5.834-4.763-6.757-8.215-6.626-10.137 19.588 0 32.23-16.483 32.23-34.877 0-19.322-15.663-34.985-34.985-34.985V2Z"/><path stroke="#C2E0FF" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".5" stroke-width="2.793" d="M14.684 47.016c3.954 9.665 13.451 16.476 24.541 16.476h16.476c13.382 0 22.375-9.917 23.826-22.802M18.93 19.935c4.863-5.782 12.15-9.457 20.295-9.457h14.003c6.56 0 12.564 2.384 17.192 6.332"/><path fill="url(#a)" fill-rule="evenodd" d="M61.627 50.67a1.49 1.49 0 0 0 .082-.075c.645-.616.709-1.17.53-1.941 0 0 2.547.461 2.702-1.421a.348.348 0 0 0-.002-.066 2.026 2.026 0 0 0-.173-.875c-.232-.529-2.32-2.986-2.529-3.19-3.27-3.399-7.576-6.1-7.576-6.1 1.195-.053 2.27-.363 3.468-.708l.067-.019c1.464-.421 2.849-1.328 3.533-2.689L48.95 28.664s-.589-.376-1.504-.422c-2.562-.133-4.806.599-7.104 1.348-1.518.495-3.06.997-4.733 1.264-1.823.29-2.576.045-4.245-.498l-.232-.076L11.3 25.751c-1.078-.246-2.18.3-2.585 1.33-.568 1.442-1.305 3.52-1.595 5.23-.263 1.551-.339 3.638-.356 5.135-.013 1.108.791 2.041 1.882 2.233l17.649 3.104c.615.316 1.582 1.017 2.485 1.67.652.471 1.27.918 1.697 1.179 1.181.72 2.335 1.483 3.49 2.247 1.832 1.214 3.664 2.426 5.601 3.46 1.737.928 3.662 1.237 5.595 1.547 1.582.255 3.17.51 4.666 1.105 1.363.542 2.338.505 2.95.18.183-.097.333-.22.452-.362.596-.61.674-1.357.674-1.357s1.114.34 1.753.518c.081.023.165.05.253.076.588.183 1.32.41 2.062-.134.231-.143.42-.336.55-.559.219-.289.435-.663.646-1.144 1.278.182 1.959-.094 2.458-.538Z" clip-rule="evenodd"/><path fill="url(#b)" d="M68.214 43.245c.972-1.265 3.004-3.672 2.688-5.236l13.142-5.767c.957-.42 1.517-1.426 1.328-2.453-.226-1.229-.57-2.86-.989-4.052-.395-1.125-1.149-2.513-1.782-3.587-.59-1-1.848-1.345-2.894-.84L64.98 28.408c-2.77 1.009-4.881-.575-7.792-1.05-2.91-.474-6.001-.773-8.717.373a9.357 9.357 0 0 0-1.025.51c-1.966 1.13-3.526 2.915-5.021 4.651l-2.87 3.334c-.136.159-.277.328-.31.534-.059.37.248.69.555.902a4.377 4.377 0 0 0 3.732.571c1.07-.332 1.967-1.065 2.784-1.832a27.941 27.941 0 0 0 2.408-2.558c1.7.931 3.464 1.997 5.212 3.16 3.286 2.186 7.801 6.07 10.452 8.661 1.537-.252 2.675-.923 3.826-2.419Z"/><path fill="url(#c)" d="M48.541 51.372c-.125-.441-.465-.767-1.01-.968-1.005-.372-1.758-.17-2.458.322.351-.753.394-1.598.067-2.22-.333-.632-1.002-.94-1.835-.847-.732.082-1.505.467-2.26 1.006a2.501 2.501 0 0 0 .159-1.736 1.657 1.657 0 0 0-.783-1.034c-.559-.32-1.334-.358-2.24-.109-.53.146-1.281.475-2.05.951.353-.687.358-1.366-.003-2-.36-.63-.948-.986-1.701-1.023-1.338-.069-3.08.909-4.05 2.27-.461.648-.607 1.357-.409 1.995.19.616.685 1.11 1.356 1.358.352.129.656.19.939.19.468 0 .88-.167 1.356-.458-.186.29-.34.596-.449.912-.262.762-.128 1.572.357 2.167.468.572 1.199.883 2.05.883.157 0 .316-.01.479-.032.428-.055.903-.186 1.493-.558-.11.373-.101.752.032 1.104.28.738 1.077 1.253 2.183 1.414.124.017.245.027.363.027.729 0 1.383-.322 1.983-.8-.065.365-.001.658.075.852.278.715 1.087 1.223 2.013 1.265.09.004.175.006.26.006.937 0 1.577-.28 2.556-1.536l.048-.063c.71-.909 1.78-2.282 1.48-3.337v-.001Z"/><path stroke="#8DCEFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.793" d="M55.466 2H36.985C17.663 2 2 17.663 2 36.985S16.37 71.97 36.985 71.97h4.088C43.23 75.32 49.999 82 64.847 82c-5.834-4.763-6.757-8.215-6.626-10.137 19.588 0 32.23-16.483 32.23-34.877 0-19.322-15.663-34.985-34.985-34.985V2Z"/><defs><linearGradient id="a" x1="6.764" x2="65.509" y1="32.244" y2="48.363" gradientUnits="userSpaceOnUse"><stop stop-color="#004C99"/><stop offset="1" stop-color="#0072E6"/></linearGradient><linearGradient id="b" x1="89.096" x2="38.249" y1="26.027" y2="44.957" gradientUnits="userSpaceOnUse"><stop stop-color="#007FFF"/><stop offset="1" stop-color="#39F"/></linearGradient><linearGradient id="c" x1="49.977" x2="28.576" y1="46.505" y2="52.937" gradientUnits="userSpaceOnUse"><stop stop-color="#007FFF"/><stop offset="1" stop-color="#39F"/></linearGradient></defs></svg>
diff --git a/docs/public/static/branding/about/illustrations/team-globe-distribution-dark.png b/docs/public/static/branding/about/illustrations/team-globe-distribution-dark.png
new file mode 100644
index 00000000000000..8b59dc339963b1
Binary files /dev/null and b/docs/public/static/branding/about/illustrations/team-globe-distribution-dark.png differ
diff --git a/docs/public/static/branding/about/illustrations/team-globe-distribution-light.png b/docs/public/static/branding/about/illustrations/team-globe-distribution-light.png
new file mode 100644
index 00000000000000..57efc00531a072
Binary files /dev/null and b/docs/public/static/branding/about/illustrations/team-globe-distribution-light.png differ
diff --git a/docs/public/static/branding/about/illustrations/trust-dark.svg b/docs/public/static/branding/about/illustrations/trust-dark.svg
new file mode 100644
index 00000000000000..893b09521d0b8a
--- /dev/null
+++ b/docs/public/static/branding/about/illustrations/trust-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="75" height="92" fill="none"><path stroke="#39F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.521" d="m38.332 71.682-4.174 11.42c-.599 1.638-2.818 1.876-3.75.401l-2.744-4.343a2.101 2.101 0 0 0-2.41-.88l-4.873 1.542c-1.668.528-3.212-1.094-2.604-2.734l3.171-8.553M38.12 70.426l3.008 13.356c.383 1.702 2.553 2.222 3.667.88l3.28-3.955a2.101 2.101 0 0 1 2.505-.564l4.65 2.165c1.582.737 3.32-.665 2.936-2.367l-3.13-13.875"/><path fill="#0059B3" fill-opacity=".3" d="M72.865 37.365c0 1.461-3.37 3.175-3.578 4.621-.207 1.446 2.542 4.038 2.132 5.44-.411 1.402-4.128 2.098-4.736 3.429-.607 1.33 1.303 4.593.513 5.82-.79 1.23-4.55.848-5.507 1.953-.958 1.106-.046 4.772-1.15 5.73-1.105.958-4.606-.467-5.836.322-1.228.79-1.387 4.568-2.716 5.173-1.33.61-4.289-1.746-5.688-1.336-1.402.413-2.62 3.993-4.066 4.2-1.446.208-3.624-2.883-5.083-2.883-1.46 0-3.625 2.977-5.084 2.883-1.457-.094-2.663-3.787-4.065-4.2-1.401-.41-4.36 1.945-5.688 1.336-1.33-.605-1.49-4.384-2.716-5.173-1.23-.79-4.733.635-5.838-.322-1.102-.958-.19-4.624-1.148-5.73-.956-1.105-4.719-.723-5.509-1.953-.788-1.227 1.119-4.49.513-5.82-.607-1.33-4.324-2.026-4.735-3.428-.412-1.403 2.339-3.995 2.13-5.44-.207-1.446-3.577-3.16-3.577-4.622 0-1.461 3.37-3.177 3.578-4.621.208-1.448-2.543-4.04-2.13-5.443.41-1.401 4.126-2.095 4.734-3.425.605-1.327-1.302-4.592-.513-5.82.79-1.23 4.553-.851 5.51-1.955.957-1.105.045-4.773 1.147-5.73 1.104-.957 4.607.467 5.838-.322 1.23-.79 1.387-4.568 2.716-5.175C23.643 4.269 26.6 6.62 28 6.209c1.402-.41 2.608-4.104 4.064-4.199 1.46-.093 3.625 2.884 5.085 2.884S40.787 1.8 42.233 2.01c1.446.208 2.664 3.787 4.066 4.199 1.4.41 4.357-1.94 5.688-1.335 1.33.607 1.488 4.386 2.716 5.175 1.23.789 4.731-.635 5.836.322 1.104.956.193 4.624 1.15 5.73.957 1.104 4.717.725 5.507 1.955.79 1.228-1.117 4.493-.513 5.82.608 1.33 4.325 2.024 4.736 3.425.41 1.404-2.339 3.996-2.132 5.443.208 1.445 3.578 3.162 3.578 4.621Z"/><path stroke="#39F" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".3" stroke-width="2.801" d="M15.347 47.864c-.745-1.543.647-3.871.258-5.581-.376-1.657-2.649-3.149-2.649-4.919 0-1.77 2.273-3.262 2.65-4.918.388-1.71-1.004-4.039-.259-5.582.756-1.568 3.452-1.927 4.528-3.274 1.08-1.353.835-4.06 2.189-5.142 1.347-1.075 3.929-.237 5.498-.993 1.544-.745 2.492-3.294 4.202-3.682 1.657-.377 3.614 1.499 5.384 1.499 1.77 0 3.727-1.876 5.384-1.5 1.711.39 2.66 2.938 4.203 3.683 1.569.756 4.15-.082 5.499.994 1.354 1.08 1.107 3.788 2.188 5.14 1.076 1.349 3.771 1.707 4.529 3.275.743 1.543-.649 3.871-.26 5.582.377 1.656 2.65 3.148 2.65 4.918s-2.273 3.262-2.65 4.919c-.389 1.71 1.003 4.038.26 5.58-.758 1.57-3.453 1.928-4.53 3.275"/><path fill="url(#a)" d="M27.775 35.33s2.321 6.637 3.021 9.443c1.78 7.137 6.915 9.028 8.158 11.55.977 1.981 1.96 3.72 3.319 5.998.456.766 1.35 1.158 2.21.923.933-.255 2.126-.634 2.974-1.09.778-.42 1.66-1.116 2.362-1.723.77-.666.865-1.798.296-2.644-1.077-1.601-1.75-2.766-2.285-4.1-1.231-3.07-.587-3.49.228-5.592.815-2.102.79-5.716 1.022-6.947.52-2.75 1.86-4.169.514-4.859-1.082-.554-2.59.898-3.083 2.577-.894 3.05-1.135 6.66-2.066-.353-.36-2.715-1.41-9.851-1.717-12.573-.106-.948-.684-1.614-1.46-1.512-.946.124-1.324.964-1.25 1.916.195 2.48.324 8.93.43 11.105.014.294-.23.55-.338.068-.556-2.472-2.077-10.967-2.605-13.736-.22-1.15-1.218-1.751-2.089-1.253-.582.333-.878 1.037-.772 1.72.396 2.56 2.021 13.674 2.021 13.674.156.792-.247.746-.415.212l-.03-.075s-2.854-8.384-3.438-10.554c-.242-.9-.815-1.688-1.692-1.441-.875.247-1.08 1.175-.866 2.082.613 2.588 2.608 9.953 3.17 12.209.24.966.06 1.03-.24.405-.348-.726-2.634-5.454-3.011-6.32-.357-.819-1.028-1.55-1.86-1.229-.834.322-.83 1.284-.508 2.118Z"/><path fill="url(#b)" d="M47.578 32.178s-3.28 7.982-4.058 10.767h-.002c-1.981 7.087-3.481 7.191-6.073 11.382-.171.298-.349.6-.533.903l-.005.008-.003.006c-1.205 1.979-2.699 4.062-4.495 6.225-.665.801-1.392 1.651-2.17 2.536a1.986 1.986 0 0 1-2.227.553c-1.327-.528-3.373-1.427-4.685-2.415-1.092-.821-2.284-2.162-3.129-3.19-.666-.813-.557-1.984.185-2.727.997-.998 1.841-1.904 2.485-2.68.678-.815 1.335-1.56 1.85-2.334 1.833-2.754.549-7.99.354-10.235-.194-2.246.075-4.644.707-5.726 1.966-3.361-.686-5.275 1.373-5.613 1.718-.283 2.125 3.254 1.822 5.647l.007-.003c-.603 4.745.699 2.77 1.434-.787.555-2.682 1.85-8.007 2.391-10.692.188-.935.82-1.547 1.585-1.38.932.206 1.236 1.076 1.08 2.018-.408 2.454-1.145 6.983-1.467 9.556-.044.349.234.53.37-.04.654-2.768 2.181-8.246 2.826-11.014.26-1.114 1.299-1.675 2.175-1.168.585.34.867 1.033.737 1.697-.483 2.484-1.901 11.092-1.901 11.092-.195.938.254.899.458.268 0 0 1.97-6.51 2.558-8.775.244-.938.844-1.769 1.784-1.532.94.236 1.173 1.195.959 2.14-.612 2.7-1.512 8.148-2.088 10.85-.247 1.159-.181 1.293.17.56.41-.853 2.782-5.996 3.185-6.852.38-.808 1.07-1.52 1.894-1.176.824.345.793 1.306.447 2.13Z"/><path stroke="#39F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.521" d="M72.865 37.365c0 1.461-3.37 3.175-3.578 4.621-.207 1.446 2.542 4.038 2.132 5.44-.411 1.402-4.128 2.098-4.736 3.429-.607 1.33 1.303 4.593.513 5.82-.79 1.23-4.55.848-5.507 1.953-.958 1.106-.046 4.772-1.15 5.73-1.105.958-4.606-.467-5.836.322-1.228.79-1.387 4.568-2.716 5.173-1.33.61-4.289-1.746-5.688-1.336-1.402.413-2.62 3.993-4.066 4.2-1.446.208-3.624-2.883-5.083-2.883-1.46 0-3.625 2.977-5.084 2.883-1.457-.094-2.663-3.787-4.065-4.2-1.401-.41-4.36 1.945-5.688 1.336-1.33-.605-1.49-4.384-2.716-5.173-1.23-.79-4.733.635-5.838-.322-1.102-.958-.19-4.624-1.148-5.73-.956-1.105-4.719-.723-5.509-1.953-.788-1.227 1.119-4.49.513-5.82-.607-1.33-4.324-2.026-4.735-3.428-.412-1.403 2.339-3.995 2.13-5.44-.207-1.446-3.577-3.16-3.577-4.622 0-1.461 3.37-3.177 3.578-4.621.208-1.448-2.543-4.04-2.13-5.443.41-1.401 4.126-2.095 4.734-3.425.605-1.327-1.302-4.592-.513-5.82.79-1.23 4.553-.851 5.51-1.955.957-1.105.045-4.773 1.147-5.73 1.104-.957 4.607.467 5.838-.322 1.23-.79 1.387-4.568 2.716-5.175C23.643 4.269 26.6 6.62 28 6.209c1.402-.41 2.608-4.104 4.064-4.199 1.46-.093 3.625 2.884 5.085 2.884S40.787 1.8 42.233 2.01c1.446.208 2.664 3.787 4.066 4.199 1.4.41 4.357-1.94 5.688-1.335 1.33.607 1.488 4.386 2.716 5.175 1.23.789 4.731-.635 5.836.322 1.104.956.193 4.624 1.15 5.73.957 1.104 4.717.725 5.507 1.955.79 1.228-1.117 4.493-.513 5.82.608 1.33 4.325 2.024 4.736 3.425.41 1.404-2.339 3.996-2.132 5.443.208 1.445 3.578 3.162 3.578 4.621Z"/><defs><linearGradient id="a" x1="27.574" x2="52.981" y1="31.762" y2="33.726" gradientUnits="userSpaceOnUse"><stop stop-color="#005BB8"/><stop offset="1" stop-color="#0072E6"/></linearGradient><linearGradient id="b" x1="49.932" x2="14.728" y1="31.227" y2="35.937" gradientUnits="userSpaceOnUse"><stop stop-color="#007FFF"/><stop offset="1" stop-color="#39F"/></linearGradient></defs></svg>
diff --git a/docs/public/static/branding/about/illustrations/trust-light.svg b/docs/public/static/branding/about/illustrations/trust-light.svg
new file mode 100644
index 00000000000000..45464f8c9851d3
--- /dev/null
+++ b/docs/public/static/branding/about/illustrations/trust-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="75" height="92" fill="none"><path stroke="#8DCEFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.521" d="m38.916 71.682-4.175 11.42c-.599 1.638-2.818 1.876-3.75.401l-2.744-4.343a2.1 2.1 0 0 0-2.41-.88l-4.873 1.542c-1.668.528-3.212-1.094-2.604-2.734l3.171-8.553M38.703 70.426l3.008 13.356c.383 1.702 2.553 2.222 3.667.88l3.28-3.955a2.101 2.101 0 0 1 2.505-.564l4.65 2.165c1.582.737 3.32-.665 2.936-2.367l-3.13-13.875"/><path fill="#E7F2FE" fill-opacity=".5" d="M73.433 37.365c0 1.461-3.37 3.175-3.578 4.621-.207 1.446 2.542 4.038 2.131 5.44-.41 1.402-4.127 2.098-4.736 3.429-.607 1.33 1.303 4.593.513 5.82-.79 1.23-4.55.848-5.507 1.953-.958 1.106-.046 4.772-1.15 5.73-1.104.958-4.605-.467-5.836.322-1.228.79-1.386 4.568-2.715 5.173-1.331.61-4.29-1.746-5.689-1.336-1.402.413-2.62 3.993-4.065 4.2-1.447.208-3.625-2.883-5.084-2.883-1.459 0-3.625 2.977-5.084 2.883-1.456-.094-2.662-3.787-4.065-4.2-1.4-.41-4.36 1.945-5.688 1.336-1.33-.605-1.49-4.384-2.716-5.173-1.23-.79-4.732.635-5.837-.322-1.102-.958-.191-4.624-1.149-5.73-.956-1.105-4.718-.723-5.508-1.953-.788-1.227 1.118-4.49.512-5.82-.607-1.33-4.324-2.026-4.734-3.428-.412-1.403 2.338-3.995 2.13-5.44C5.37 40.54 2 38.826 2 37.364c0-1.461 3.37-3.177 3.578-4.621.208-1.448-2.542-4.04-2.13-5.443.41-1.401 4.126-2.095 4.734-3.425.605-1.327-1.301-4.592-.512-5.82.79-1.23 4.553-.851 5.508-1.955.959-1.105.047-4.773 1.149-5.73 1.104-.957 4.606.467 5.837-.322 1.23-.79 1.387-4.568 2.716-5.175 1.33-.605 4.287 1.746 5.689 1.335 1.402-.41 2.608-4.104 4.064-4.199 1.46-.093 3.624 2.884 5.084 2.884 1.46 0 3.637-3.093 5.084-2.884 1.445.208 2.663 3.787 4.065 4.199 1.4.41 4.358-1.94 5.689-1.335 1.329.607 1.487 4.386 2.715 5.175 1.23.789 4.732-.635 5.836.322 1.104.956.193 4.624 1.15 5.73.957 1.104 4.717.725 5.507 1.955.79 1.228-1.117 4.493-.513 5.82.609 1.33 4.325 2.024 4.736 3.425.41 1.404-2.338 3.996-2.131 5.443.208 1.445 3.578 3.162 3.578 4.621Z"/><path stroke="#C2E0FF" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".5" stroke-width="2.801" d="M15.914 47.864c-.744-1.543.647-3.871.259-5.581-.376-1.657-2.65-3.149-2.65-4.919 0-1.77 2.274-3.262 2.65-4.918.389-1.71-1.003-4.039-.259-5.582.757-1.568 3.452-1.927 4.528-3.274 1.081-1.353.835-4.06 2.19-5.142 1.346-1.075 3.928-.237 5.498-.993 1.543-.745 2.492-3.294 4.202-3.682 1.656-.377 3.614 1.499 5.384 1.499 1.77 0 3.727-1.876 5.383-1.5 1.712.39 2.66 2.938 4.204 3.683 1.568.756 4.15-.082 5.498.994 1.354 1.08 1.107 3.788 2.188 5.14 1.076 1.349 3.772 1.707 4.529 3.275.744 1.543-.648 3.871-.26 5.582.378 1.656 2.65 3.148 2.65 4.918s-2.272 3.262-2.65 4.919c-.388 1.71 1.004 4.038.26 5.58-.758 1.57-3.453 1.928-4.529 3.275"/><path fill="url(#a)" d="M28.342 35.33s2.322 6.637 3.021 9.443c1.78 7.137 6.915 9.028 8.159 11.55.977 1.981 1.96 3.72 3.318 5.998.456.766 1.35 1.158 2.21.923.933-.255 2.126-.634 2.974-1.09.778-.42 1.66-1.116 2.362-1.723.771-.666.865-1.798.296-2.644-1.076-1.601-1.75-2.766-2.285-4.1-1.23-3.07-.587-3.49.228-5.592.816-2.102.79-5.716 1.023-6.947.518-2.75 1.859-4.169.513-4.859-1.082-.554-2.59.898-3.083 2.577-.894 3.05-1.135 6.66-2.065-.353-.36-2.715-1.411-9.851-1.718-12.573-.106-.948-.684-1.614-1.46-1.512-.946.124-1.324.964-1.25 1.916.195 2.48.324 8.93.43 11.105.014.294-.23.55-.338.068-.556-2.472-2.077-10.967-2.605-13.736-.22-1.15-1.218-1.751-2.088-1.253-.582.333-.879 1.037-.773 1.72.397 2.56 2.022 13.674 2.022 13.674.155.792-.247.746-.415.212l-.03-.075s-2.855-8.384-3.44-10.554c-.24-.9-.813-1.688-1.69-1.441-.876.247-1.08 1.175-.866 2.082.612 2.588 2.607 9.953 3.17 12.209.24.966.06 1.03-.24.405-.349-.726-2.635-5.454-3.012-6.32-.356-.819-1.027-1.55-1.86-1.229-.834.322-.83 1.284-.508 2.118Z"/><path fill="url(#b)" d="M48.146 32.178s-3.28 7.982-4.058 10.767h-.002c-1.982 7.087-3.482 7.191-6.073 11.382-.172.298-.35.6-.534.903l-.004.008-.003.006c-1.205 1.979-2.7 4.062-4.495 6.225-.666.801-1.393 1.651-2.17 2.536a1.986 1.986 0 0 1-2.227.553c-1.328-.528-3.373-1.427-4.686-2.415-1.091-.821-2.284-2.162-3.128-3.19-.666-.813-.558-1.984.184-2.727.998-.998 1.842-1.904 2.486-2.68.677-.815 1.335-1.56 1.85-2.334 1.833-2.754.548-7.99.354-10.235-.195-2.246.074-4.644.707-5.726 1.965-3.361-.686-5.275 1.373-5.613 1.717-.283 2.125 3.254 1.821 5.647l.008-.003c-.603 4.745.698 2.77 1.434-.787.554-2.682 1.85-8.007 2.39-10.692.189-.935.821-1.547 1.586-1.38.932.206 1.235 1.076 1.079 2.018-.408 2.454-1.144 6.983-1.467 9.556-.044.349.234.53.37-.04.654-2.768 2.182-8.246 2.827-11.014.26-1.114 1.298-1.675 2.174-1.168.586.34.867 1.033.738 1.697-.483 2.484-1.902 11.092-1.902 11.092-.195.938.255.899.458.268 0 0 1.97-6.51 2.558-8.775.244-.938.844-1.769 1.784-1.532.94.236 1.174 1.195.96 2.14-.613 2.7-1.512 8.148-2.09 10.85-.246 1.159-.18 1.293.172.56.41-.853 2.782-5.996 3.184-6.852.38-.808 1.07-1.52 1.894-1.176.824.345.793 1.306.448 2.13Z"/><path stroke="#8DCEFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.521" d="M73.433 37.365c0 1.461-3.37 3.175-3.578 4.621-.207 1.446 2.542 4.038 2.131 5.44-.41 1.402-4.127 2.098-4.736 3.429-.607 1.33 1.303 4.593.513 5.82-.79 1.23-4.55.848-5.507 1.953-.958 1.106-.046 4.772-1.15 5.73-1.104.958-4.605-.467-5.836.322-1.228.79-1.386 4.568-2.715 5.173-1.331.61-4.29-1.746-5.689-1.336-1.402.413-2.62 3.993-4.065 4.2-1.447.208-3.625-2.883-5.084-2.883-1.459 0-3.625 2.977-5.084 2.883-1.456-.094-2.662-3.787-4.065-4.2-1.4-.41-4.36 1.945-5.688 1.336-1.33-.605-1.49-4.384-2.716-5.173-1.23-.79-4.732.635-5.837-.322-1.102-.958-.191-4.624-1.149-5.73-.956-1.105-4.718-.723-5.508-1.953-.788-1.227 1.118-4.49.512-5.82-.607-1.33-4.324-2.026-4.734-3.428-.412-1.403 2.338-3.995 2.13-5.44C5.37 40.54 2 38.826 2 37.364c0-1.461 3.37-3.177 3.578-4.621.208-1.448-2.542-4.04-2.13-5.443.41-1.401 4.126-2.095 4.734-3.425.605-1.327-1.301-4.592-.512-5.82.79-1.23 4.553-.851 5.508-1.955.959-1.105.047-4.773 1.149-5.73 1.104-.957 4.606.467 5.837-.322 1.23-.79 1.387-4.568 2.716-5.175 1.33-.605 4.287 1.746 5.689 1.335 1.402-.41 2.608-4.104 4.064-4.199 1.46-.093 3.624 2.884 5.084 2.884 1.46 0 3.637-3.093 5.084-2.884 1.445.208 2.663 3.787 4.065 4.199 1.4.41 4.358-1.94 5.689-1.335 1.329.607 1.487 4.386 2.715 5.175 1.23.789 4.732-.635 5.836.322 1.104.956.193 4.624 1.15 5.73.957 1.104 4.717.725 5.507 1.955.79 1.228-1.117 4.493-.513 5.82.609 1.33 4.325 2.024 4.736 3.425.41 1.404-2.338 3.996-2.131 5.443.208 1.445 3.578 3.162 3.578 4.621Z"/><defs><linearGradient id="a" x1="28.142" x2="53.548" y1="31.762" y2="33.726" gradientUnits="userSpaceOnUse"><stop stop-color="#004C99"/><stop offset="1" stop-color="#0072E6"/></linearGradient><linearGradient id="b" x1="50.499" x2="15.296" y1="31.227" y2="35.937" gradientUnits="userSpaceOnUse"><stop stop-color="#007FFF"/><stop offset="1" stop-color="#39F"/></linearGradient></defs></svg>
diff --git a/docs/public/static/branding/about/michel-engelen.png b/docs/public/static/branding/about/michel-engelen.png
new file mode 100644
index 00000000000000..360b5a61015e11
Binary files /dev/null and b/docs/public/static/branding/about/michel-engelen.png differ
diff --git a/docs/public/static/branding/companies/nasa-light.svg b/docs/public/static/branding/companies/nasa-light.svg
deleted file mode 100644
index e2f7c84bbf9c88..00000000000000
--- a/docs/public/static/branding/companies/nasa-light.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg width="45" height="37" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M20.917 36.825c10.17 0 18.413-8.244 18.413-18.413C39.33 8.245 31.086 0 20.917 0S2.505 8.244 2.505 18.413c0 10.168 8.243 18.412 18.412 18.412z" fill="#0B3D91"/>
-  <path d="M19.83 3.743a.206.206 0 100-.413.206.206 0 000 .413zM21.95 4.018a.206.206 0 100-.412.206.206 0 000 .412zM24.73 7.761a.206.206 0 100-.413.206.206 0 000 .413zM9.482 27.027a.206.206 0 100-.413.206.206 0 000 .413zM10.018 28.678a.206.206 0 100-.413.206.206 0 000 .413zM7.459 27.223a.155.155 0 100-.31.155.155 0 000 .31zM15.854 30.467a.155.155 0 100-.31.155.155 0 000 .31zM29.02 27.732a.155.155 0 100-.31.155.155 0 000 .31zM32.845 23.576a.155.155 0 100-.31.155.155 0 000 .31zM14.092 8.917a.155.155 0 100-.31.155.155 0 000 .31zM18.302 5.824a.155.155 0 100-.31.155.155 0 000 .31zM17.846 5.521a.155.155 0 100-.31.155.155 0 000 .31zM17.432 5.218a.155.155 0 100-.309.155.155 0 000 .31zM14.752 9.715a.155.155 0 100-.309.155.155 0 000 .31zM20.955 1.668a.155.155 0 100-.31.155.155 0 000 .31zM21.974 6.127a.155.155 0 100-.31.155.155 0 000 .31zM20.367 5.256a.155.155 0 100-.31.155.155 0 000 .31zM17.615 6.44a.155.155 0 100-.31.155.155 0 000 .31zM29.752 31.816a.155.155 0 100-.31.155.155 0 000 .31zM9.22 28.021a.155.155 0 100-.31.155.155 0 000 .31zM19.982 30.016a.155.155 0 100-.31.155.155 0 000 .31zM12.423 27.898a.155.155 0 100-.31.155.155 0 000 .31zM13.762 30.082a.155.155 0 100-.31.155.155 0 000 .31zM23.614 28.706a.155.155 0 100-.31.155.155 0 000 .31zM29.046 25.64a.155.155 0 100-.31.155.155 0 000 .31zM33.165 27.522a.155.155 0 100-.31.155.155 0 000 .31zM34.569 28.42a.155.155 0 100-.31.155.155 0 000 .31zM34.8 25.97a.155.155 0 100-.309.155.155 0 000 .31zM14.322 22.503a.155.155 0 100-.31.155.155 0 000 .31zM14.381 26.105a.206.206 0 100-.413.206.206 0 000 .413zM15.62 28.72a.206.206 0 100-.413.206.206 0 000 .413zM30.454 25.995a.206.206 0 100-.413.206.206 0 000 .413zM35.793 25.692a.206.206 0 100-.413.206.206 0 000 .413zM33.15 24.564a.206.206 0 100-.413.206.206 0 000 .413zM30.454 24.674a.206.206 0 100-.413.206.206 0 000 .413zM24.89 3.407l.513-.05-.512-.028a.228.228 0 00-.196-.19l-.049-.51-.029.515a.226.226 0 00-.175.194l-.525.048.528.028c.02.089.091.158.181.174l.048.527.028-.526a.23.23 0 00.188-.182zM16.227 9.122l.514-.05-.513-.028a.227.227 0 00-.195-.19l-.05-.51-.028.514a.226.226 0 00-.176.195l-.525.048.529.028c.02.089.09.158.18.174l.048.527.029-.526a.228.228 0 00.187-.182zM35.417 24.23l.514-.049-.513-.028a.227.227 0 00-.195-.19l-.05-.51-.028.514a.227.227 0 00-.175.195l-.525.047.528.029c.02.088.091.158.181.174l.048.527.028-.526a.229.229 0 00.187-.182zM14.493 32.13l.513-.049-.512-.029a.228.228 0 00-.196-.189l-.049-.51-.029.514a.226.226 0 00-.175.195l-.525.047.528.029c.02.088.091.158.181.174l.048.527.028-.526a.229.229 0 00.188-.183zM33.786 28.277l.514-.05-.513-.028a.227.227 0 00-.195-.19l-.05-.51-.028.514a.227.227 0 00-.175.195l-.525.047.528.029c.02.088.091.158.181.174l.048.527.028-.526a.228.228 0 00.187-.182z" fill="#fff"/>
-  <path d="M25.284 14.002c-2.14.832-4.229 1.574-5.99 2.126C15.712 17.248 5.916 20.284 0 24.109l.495.193c3.606-2.037 5.95-2.677 8.202-3.385 2.45-.77 10.368-2.624 13.954-3.633a60.63 60.63 0 004.133-1.33 36.946 36.946 0 00-1.5-1.952zm2.615 3.605c-.518.35-.952.63-1.256.805-1.762 1.018-10.35 6.88-12.303 8.23-1.954 1.348-7.376 6.467-8.972 7.953l-.055.605c5.146-4.623 6.761-5.764 8.807-7.32 2.532-1.927 7.77-5.49 9.55-6.633a309.538 309.538 0 004.614-3.015 44.08 44.08 0 00-.385-.626zm8.046-8.497c-2.508 1.47-6.46 3.243-10.293 4.748a32.472 32.472 0 011.486 1.966c3.014-1.11 6.321-2.6 8.945-4.403-1.25 1.184-5.383 4.273-7.902 5.994.13.212.255.423.377.634 3.817-2.555 6.386-4.435 7.883-5.692C38.505 10.623 43.21 6.742 45 1.54c-3.138 3.99-6.848 6.275-9.055 7.569z" fill="#FC3D21"/>
-  <path d="M18.548 22.971c-.406-.51-.967-1.195-1.389-1.726a32.091 32.091 0 01-1.563-2.142l-.467.117c.577.9 1.218 1.8 1.916 2.678.51.642.974 1.16 1.211 1.48.049.066.144.21.273.402l.45-.306a9.18 9.18 0 01-.43-.503zm2.963 2.69c-.333-.315-1.142-.843-1.984-1.633l-.561.387c.543.766 1.284 1.707 1.864 1.981.873.414 1.108-.33.681-.735zm4.415-11.463C21.113 8.14 15.233 4.813 12.698 6.827c-1.97 1.564-1.16 6.135 1.553 10.938l.417-.143c-2.74-4.678-3.489-9.027-1.632-10.502 2.334-1.854 7.968 1.486 12.641 7.369a34.861 34.861 0 012.538 3.63c2.758 4.564 3.604 8.692 1.699 10.377-.583.515-2.365.717-4.699-.333-.032.04.02.151.06.178 2.015.81 3.945 1.12 4.92.345 2.34-1.86.542-8.43-4.27-14.488zM5.285 14.917h3.082l2.587 4.39V15.88c0-.385-.488-.887-.66-.963h2.133c-.131.034-.55.544-.55.963v5.037c0 .31.446.736.66.901H9.564l-2.628-4.41v3.468c0 .344.337.674.688.956h-2.27c.323-.138.632-.571.66-.915.028-.344 0-4.782 0-4.975 0-.42-.406-.764-.73-1.025z" fill="#fff"/>
-  <path d="M33.481 21.818h4.101c-.227-.055-.482-.323-.62-.681-.137-.358-2.311-6.22-2.311-6.22h-1.56c-.441.318-.915.654-1.421 1.008l-.005.038c-.068.413-1.288 4.832-1.363 5.05-.103.303-.633.64-.846.819h2.209c-.22-.248-.4-.489-.358-.764.041-.275.165-.825.165-.825h2.284c.104.275.18.522.22.756.049.283-.24.599-.495.82zm-1.803-2.456l.771-2.518 1.018 2.518H31.68zm-.347-4.194l.34-.251h-.598c.06.055.158.142.258.251zM15.647 21.068c.041-.275.165-.825.165-.825h2.285c.103.275.18.522.22.756.048.283-.24.599-.495.82h3.61l.225-.152a1.375 1.375 0 01-.354-.53c-.137-.358-2.312-6.22-2.312-6.22h-3.578c.172.158.668.585.592 1.046-.067.413-1.288 4.832-1.362 5.05-.104.303-.633.64-.847.819h2.21c-.221-.248-.4-.489-.359-.764zm1.142-4.224l1.019 2.518h-1.79l.771-2.518zM28.119 18.343c-.674.448-1.384.917-2.133 1.406.336.163.604.367.63.631.047.497-.95.736-1.852.633a2.226 2.226 0 01-.526-.13l-.568.364c-.195.125-.431.28-.702.458v.712c.18-.351.57-.665.874-.681.131-.007.585.413 2.457.31.908-.05 2.662-1.019 2.635-2.134-.017-.658-.36-1.172-.815-1.57zm-5.151 1.72v.727l.489-.326a3.616 3.616 0 01-.489-.4zm4.51-2.176a6.262 6.262 0 00-.52-.273c-.88-.413-1.802-.489-1.995-1.046-.135-.393.248-.757 1.184-.743.936.014 1.803.571 2.037.77V14.82c-.07.07-.371.415-.647.358-.53-.11-1.431-.254-2.464-.248-1.183.007-2.201.922-2.236 2.078-.048 1.617 1.246 2.058 1.975 2.312.075.026.161.054.254.084.7-.455 1.253-.805 1.577-.992.217-.125.502-.305.836-.525z" fill="#fff"/>
-</svg>
\ No newline at end of file
diff --git a/docs/public/static/branding/companies/nasa-dark.svg b/docs/public/static/branding/companies/nasa.svg
similarity index 100%
rename from docs/public/static/branding/companies/nasa-dark.svg
rename to docs/public/static/branding/companies/nasa.svg
diff --git a/docs/public/static/branding/companies/netflix-light.svg b/docs/public/static/branding/companies/netflix-light.svg
deleted file mode 100644
index 400c3d74d6434d..00000000000000
--- a/docs/public/static/branding/companies/netflix-light.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="80" height="52" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path fill="none" d="M0 0h80v52H0z"/>
-  <g clip-path="url(#clip0)">
-    <path d="M11 35.227c-1.203.211-2.428.275-3.695.443L3.441 24.353v11.803c-1.203.127-2.3.296-3.441.465V15h3.21L7.6 27.267V15H11v20.227zm6.651-12.31c1.31 0 3.315-.063 4.518-.063v3.378c-1.499 0-3.251 0-4.518.064v5.025c1.985-.127 3.97-.296 5.975-.36v3.252l-9.353.74V15h9.353v3.378h-5.975v4.54zm18.538-4.539h-3.505v15.54c-1.14 0-2.28 0-3.378.042V18.378h-3.505V15H36.19v3.378zm5.49 4.308h4.623v3.378h-4.624v7.664h-3.315V15h9.438v3.378h-6.123v4.308zm11.612 8.086c1.921.042 3.864.19 5.743.296v3.335c-3.02-.19-6.038-.38-9.121-.443V15h3.378v15.772zm8.593 3.864c1.077.063 2.217.127 3.315.253V15h-3.315v19.636zM80 15l-4.286 10.282L80 36.62c-1.267-.168-2.534-.4-3.8-.612l-2.429-6.25-2.47 5.744c-1.225-.212-2.407-.275-3.631-.444l4.35-9.902L68.091 15h3.631l2.217 5.68L76.305 15H80z" fill="#D81F26"/>
-  </g>
-  <defs>
-    <clipPath id="clip0">
-      <path fill="#fff" transform="translate(0 15)" d="M0 0h80v21.62H0z"/>
-    </clipPath>
-  </defs>
-</svg>
\ No newline at end of file
diff --git a/docs/public/static/branding/companies/netflix-dark.svg b/docs/public/static/branding/companies/netflix.svg
similarity index 100%
rename from docs/public/static/branding/companies/netflix-dark.svg
rename to docs/public/static/branding/companies/netflix.svg
diff --git a/docs/public/static/branding/companies/salesforce-light.svg b/docs/public/static/branding/companies/salesforce-light.svg
deleted file mode 100644
index e2738cf286f860..00000000000000
--- a/docs/public/static/branding/companies/salesforce-light.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="50" height="52" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="9" width="50" height="35">
-    <path d="M0 9h50v34.926H0V9Z" fill="#fff"/>
-  </mask>
-  <g mask="url(#a)" fill-rule="evenodd" clip-rule="evenodd">
-    <path d="M20.761 12.823c1.614-1.68 3.86-2.72 6.342-2.72 3.309 0 6.176 1.838 7.72 4.577a10.66 10.66 0 0 1 4.357-.928c5.956 0 10.79 4.87 10.79 10.882 0 6.01-4.834 10.882-10.79 10.882-.728 0-1.437-.073-2.132-.211-1.351 2.408-3.934 4.044-6.875 4.044a7.85 7.85 0 0 1-3.456-.794c-1.37 3.217-4.559 5.478-8.272 5.478a8.984 8.984 0 0 1-8.438-5.883c-.564.12-1.14.18-1.717.18-4.614 0-8.345-3.788-8.345-8.438a8.48 8.48 0 0 1 4.173-7.316 9.67 9.67 0 0 1-.8-3.86c0-5.369 4.357-9.707 9.724-9.707a9.681 9.681 0 0 1 7.72 3.824" fill="#00A1E0"/>
-    <path d="M7.232 27.161c-.032.082.01.1.02.114.095.068.19.117.286.173.51.27.992.349 1.496.349 1.026 0 1.664-.546 1.664-1.425v-.017c0-.813-.72-1.108-1.394-1.32l-.088-.028c-.509-.166-.948-.31-.948-.644v-.017c0-.287.257-.498.654-.498.441 0 .967.147 1.303.333 0 0 .1.064.136-.032l.21-.563c.02-.053-.015-.094-.05-.115a2.905 2.905 0 0 0-1.47-.395h-.103c-.94 0-1.595.568-1.595 1.38v.018c0 .857.724 1.136 1.4 1.33l.11.033c.492.151.918.283.918.629v.017c0 .318-.277.555-.722.555-.173 0-.724-.003-1.322-.38-.072-.043-.113-.073-.169-.107-.03-.018-.103-.05-.135.046l-.202.563v.001Zm15.017-.001c-.031.082.011.099.022.113.093.069.19.118.285.173.51.27.992.35 1.496.35 1.026 0 1.664-.547 1.664-1.425v-.018c0-.812-.719-1.108-1.394-1.32l-.088-.028c-.509-.165-.948-.309-.948-.643v-.017c0-.287.257-.498.654-.498.441 0 .965.146 1.303.332 0 0 .1.065.137-.032.019-.052.19-.51.207-.562.02-.054-.014-.095-.05-.116a2.905 2.905 0 0 0-1.47-.395h-.102c-.94 0-1.596.569-1.596 1.381v.018c0 .856.724 1.136 1.4 1.329l.11.033c.494.152.918.284.918.63v.016c0 .318-.277.555-.722.555-.173 0-.726-.002-1.322-.38-.072-.042-.114-.071-.169-.106-.019-.012-.105-.046-.135.046l-.202.562.002.002Zm10.255-1.722c0 .496-.092.888-.273 1.165-.181.274-.455.408-.835.408-.38 0-.653-.133-.831-.406-.18-.276-.27-.669-.27-1.165 0-.497.091-.886.27-1.16.178-.272.449-.403.83-.403.383 0 .655.132.835.403.183.274.274.663.274 1.16v-.002Zm.857-.92a2.07 2.07 0 0 0-.39-.744 1.866 1.866 0 0 0-.658-.5 2.156 2.156 0 0 0-.919-.184c-.35 0-.656.062-.919.184a1.89 1.89 0 0 0-.658.5c-.174.21-.305.46-.39.745a3.245 3.245 0 0 0-.126.92c0 .33.043.639.126.922.084.284.215.534.39.744.175.21.397.377.658.496.263.12.572.18.92.18.346 0 .655-.06.916-.18.261-.119.484-.286.658-.496.175-.21.306-.46.39-.744.084-.284.126-.592.126-.921 0-.328-.042-.638-.126-.921h.002Zm7.039 2.354c-.029-.084-.11-.052-.11-.052a1.966 1.966 0 0 1-.399.114 3.053 3.053 0 0 1-.468.033c-.414 0-.745-.123-.98-.367-.237-.245-.37-.638-.368-1.171.001-.486.119-.85.33-1.129.207-.276.527-.42.95-.42.353 0 .623.042.906.13 0 0 .067.03.1-.059.074-.207.13-.356.21-.584.023-.066-.033-.093-.053-.101a3.338 3.338 0 0 0-.572-.144 4.314 4.314 0 0 0-.643-.044c-.36 0-.68.062-.954.184a1.974 1.974 0 0 0-1.107 1.245 2.96 2.96 0 0 0-.14.922c0 .71.192 1.285.57 1.706.38.423.949.636 1.692.636.439 0 .89-.088 1.213-.217 0 0 .062-.03.035-.101l-.212-.581Zm1.498-1.912c.041-.276.117-.506.236-.684.178-.272.448-.42.829-.42.38 0 .632.149.812.42.12.18.172.417.192.684h-2.078.01Zm2.886-.607a1.814 1.814 0 0 0-.37-.678c-.188-.2-.37-.342-.552-.42a2.114 2.114 0 0 0-.831-.168c-.362 0-.691.061-.958.186a1.91 1.91 0 0 0-.667.51 2.094 2.094 0 0 0-.393.753 3.256 3.256 0 0 0-.128.924c0 .335.045.646.132.927a1.9 1.9 0 0 0 .42.737c.192.208.436.37.73.484.293.113.648.171 1.054.17.838-.003 1.28-.19 1.46-.29.032-.019.062-.05.024-.14l-.19-.53c-.028-.08-.109-.051-.109-.051-.207.078-.501.217-1.19.215-.451 0-.784-.133-.993-.342-.214-.213-.32-.524-.337-.965l2.905.002s.076 0 .084-.075c.003-.03.1-.596-.087-1.248h-.003Zm-26.102.607c.04-.276.116-.506.235-.684.178-.272.448-.42.829-.42.38 0 .632.149.812.42.12.18.172.417.192.684h-2.078.01Zm2.886-.607a1.814 1.814 0 0 0-.372-.678c-.187-.2-.37-.342-.551-.42a2.114 2.114 0 0 0-.831-.168 2.28 2.28 0 0 0-.958.186 1.91 1.91 0 0 0-.667.51 2.1 2.1 0 0 0-.393.753 3.264 3.264 0 0 0-.127.924c0 .335.044.646.131.927.088.283.23.531.42.737.19.208.435.37.73.484.291.113.645.171 1.053.17.838-.003 1.279-.19 1.46-.29.031-.019.062-.05.023-.14l-.189-.53c-.029-.08-.11-.051-.11-.051-.207.078-.501.217-1.19.215-.449 0-.783-.133-.993-.342-.213-.213-.32-.524-.336-.965l2.904.002s.076 0 .084-.075c.004-.03.1-.596-.086-1.248h-.002Zm-9.155 2.5a.566.566 0 0 1-.167-.172.694.694 0 0 1-.087-.377c0-.253.084-.437.26-.56-.003 0 .25-.217.841-.21.264.005.526.027.787.067v1.318s-.367.08-.783.104c-.59.036-.851-.17-.85-.169Zm1.155-2.04a6.475 6.475 0 0 0-.453-.013c-.248 0-.489.03-.713.091-.226.062-.43.156-.605.282-.175.125-.319.288-.42.478a1.397 1.397 0 0 0-.156.669c0 .257.045.48.133.662.087.18.217.336.379.454.161.117.36.204.59.255.228.052.485.078.768.078.298 0 .594-.025.88-.073.245-.042.488-.09.73-.142.097-.022.205-.051.205-.051.071-.018.066-.095.066-.095l-.002-2.647c0-.581-.155-1.013-.461-1.28-.305-.266-.752-.4-1.331-.4-.217 0-.568.03-.778.071 0 0-.632.123-.893.327 0 0-.057.036-.026.116l.206.551c.025.072.095.047.095.047s.022-.009.048-.024c.556-.303 1.262-.294 1.262-.294.313 0 .556.064.717.188.159.121.24.305.24.69v.123a10.119 10.119 0 0 0-.479-.056l-.002-.007Zm23.345-1.495a.077.077 0 0 0 0-.061.08.08 0 0 0-.043-.043 2.559 2.559 0 0 0-.486-.083c-.364-.022-.566.039-.748.12-.18.082-.379.212-.489.363v-.353c0-.049-.035-.088-.083-.088h-.743c-.048 0-.083.04-.083.088v4.32a.089.089 0 0 0 .088.088h.76a.088.088 0 0 0 .089-.088v-2.17c0-.29.032-.579.096-.76.062-.18.148-.324.253-.427a.88.88 0 0 1 .359-.215c.126-.036.258-.055.39-.055.151 0 .317.04.317.04.056.005.087-.029.106-.08.05-.132.192-.529.219-.608" fill="#FFFFFE"/>
-    <path d="M29.806 21.325a2.252 2.252 0 0 0-.68-.099c-.525 0-.939.148-1.23.441-.288.29-.484.733-.582 1.315l-.035.197h-.659s-.08-.004-.097.084l-.108.603c-.008.058.017.094.095.093h.64l-.65 3.63c-.05.292-.11.532-.174.714-.063.18-.125.315-.202.413a.537.537 0 0 1-.265.205c-.1.033-.215.049-.342.049-.07 0-.163-.012-.232-.026-.069-.013-.105-.029-.156-.05 0 0-.076-.03-.105.046-.024.062-.195.531-.215.59-.02.057.008.102.044.115.086.03.15.05.265.078.162.038.298.04.425.04.267 0 .51-.038.712-.11.203-.074.38-.201.536-.374.169-.187.275-.382.377-.649.1-.264.186-.592.254-.974l.654-3.697h.955s.08.003.097-.084l.108-.603c.008-.058-.017-.094-.095-.093h-.927c.005-.021.047-.348.154-.654a.84.84 0 0 1 .203-.31.6.6 0 0 1 .243-.15c.1-.032.206-.047.31-.046.088 0 .174.01.24.024.089.02.124.03.148.037.094.028.107 0 .125-.045l.222-.61c.023-.065-.033-.092-.053-.1ZM16.85 27.596c0 .049-.035.088-.083.088h-.77c-.048 0-.082-.04-.082-.088v-6.189c0-.048.034-.087.083-.087h.769c.048 0 .083.039.083.087v6.19" fill="#FFFFFE"/>
-  </g>
-</svg>
\ No newline at end of file
diff --git a/docs/public/static/branding/companies/salesforce-dark.svg b/docs/public/static/branding/companies/salesforce.svg
similarity index 100%
rename from docs/public/static/branding/companies/salesforce-dark.svg
rename to docs/public/static/branding/companies/salesforce.svg
diff --git a/docs/public/static/branding/companies/samsung-light.svg b/docs/public/static/branding/companies/samsung-light.svg
deleted file mode 100644
index ef13739bb1f35a..00000000000000
--- a/docs/public/static/branding/companies/samsung-light.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="88" height="52" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M87.288 20.905c1.19 6.819-17.373 15.748-41.465 19.944C21.734 45.044 1.242 42.916.054 36.093c-1.188-6.818 17.38-15.746 41.469-19.94 24.09-4.199 44.579-2.068 45.765 4.752Z" fill="#034EA2"/>
-  <path d="m64.615 31.026-.123-7.09h2.235v8.937h-3.214l-2.231-7.333h-.049l.125 7.333h-2.223v-8.936h3.355l2.076 7.09h.049ZM23.976 24.774l-1.236 8.193H20.3l1.674-9.03h4.017l1.668 9.03h-2.43l-1.202-8.193h-.05ZM34.507 30.84l1.116-6.904h3.683l.195 9.03h-2.257l-.06-8.118h-.046l-1.51 8.119h-2.29l-1.512-8.119h-.049l-.055 8.119h-2.263l.2-9.03h3.686l1.113 6.903h.05ZM16.499 30.42c.088.217.061.5.02.669-.076.3-.28.607-.88.607-.566 0-.91-.326-.91-.82v-.874h-2.422l-.002.699c0 2.013 1.585 2.621 3.284 2.621 1.634 0 2.979-.558 3.192-2.063.11-.78.027-1.291-.01-1.484-.38-1.89-3.808-2.456-4.063-3.512a1.186 1.186 0 0 1-.009-.476c.063-.287.26-.605.825-.605.527 0 .84.327.84.82v.557h2.25v-.633c0-1.968-1.765-2.275-3.043-2.275-1.607 0-2.92.53-3.16 2a3.17 3.17 0 0 0 .02 1.22c.396 1.844 3.602 2.378 4.068 3.548ZM45.863 30.403c.088.217.06.491.02.66-.075.3-.277.602-.873.602-.557 0-.899-.325-.899-.809l-.001-.867h-2.398l-.004.69c0 1.993 1.571 2.594 3.252 2.594 1.616 0 2.948-.55 3.16-2.041.11-.775.032-1.279-.008-1.468-.38-1.872-3.771-2.432-4.024-3.479-.043-.18-.03-.37-.01-.468.066-.29.26-.599.819-.599.523 0 .828.318.828.809v.552h2.235v-.628c0-1.946-1.75-2.251-3.018-2.251-1.589 0-2.89.523-3.125 1.984-.065.4-.072.754.022 1.206.388 1.825 3.563 2.356 4.024 3.513ZM53.447 31.616c.626 0 .821-.433.864-.655.018-.098.024-.228.022-.345v-6.683h2.284v6.477c.005.166-.011.508-.02.592-.16 1.686-1.493 2.234-3.152 2.234-1.661 0-2.995-.547-3.154-2.234a8.605 8.605 0 0 1-.02-.592v-6.477h2.282v6.681c0 .117.004.25.022.345.05.222.24.657.872.657ZM72.285 31.52c.654 0 .883-.413.925-.653.016-.103.022-.23.02-.343v-1.31h-.927v-1.319h3.203v2.425c-.002.17-.005.294-.032.596-.15 1.643-1.576 2.23-3.176 2.23-1.603 0-3.026-.587-3.18-2.23a7.966 7.966 0 0 1-.032-.596l.002-3.802c0-.16.02-.444.038-.596.2-1.688 1.569-2.231 3.172-2.231 1.602 0 3.004.54 3.17 2.231.03.287.02.596.02.596v.302h-2.276v-.506a2.255 2.255 0 0 0-.03-.343c-.037-.2-.21-.659-.9-.659-.66 0-.85.433-.9.66-.026.118-.037.279-.037.425v4.13c-.002.114.005.24.023.344.037.236.264.65.918.65Z" fill="#fff"/>
-</svg>
\ No newline at end of file
diff --git a/docs/public/static/branding/companies/samsung-dark.svg b/docs/public/static/branding/companies/samsung.svg
similarity index 99%
rename from docs/public/static/branding/companies/samsung-dark.svg
rename to docs/public/static/branding/companies/samsung.svg
index ef13739bb1f35a..7a373423e0e920 100644
--- a/docs/public/static/branding/companies/samsung-dark.svg
+++ b/docs/public/static/branding/companies/samsung.svg
@@ -1,4 +1,4 @@
 <svg width="88" height="52" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M87.288 20.905c1.19 6.819-17.373 15.748-41.465 19.944C21.734 45.044 1.242 42.916.054 36.093c-1.188-6.818 17.38-15.746 41.469-19.94 24.09-4.199 44.579-2.068 45.765 4.752Z" fill="#034EA2"/>
   <path d="m64.615 31.026-.123-7.09h2.235v8.937h-3.214l-2.231-7.333h-.049l.125 7.333h-2.223v-8.936h3.355l2.076 7.09h.049ZM23.976 24.774l-1.236 8.193H20.3l1.674-9.03h4.017l1.668 9.03h-2.43l-1.202-8.193h-.05ZM34.507 30.84l1.116-6.904h3.683l.195 9.03h-2.257l-.06-8.118h-.046l-1.51 8.119h-2.29l-1.512-8.119h-.049l-.055 8.119h-2.263l.2-9.03h3.686l1.113 6.903h.05ZM16.499 30.42c.088.217.061.5.02.669-.076.3-.28.607-.88.607-.566 0-.91-.326-.91-.82v-.874h-2.422l-.002.699c0 2.013 1.585 2.621 3.284 2.621 1.634 0 2.979-.558 3.192-2.063.11-.78.027-1.291-.01-1.484-.38-1.89-3.808-2.456-4.063-3.512a1.186 1.186 0 0 1-.009-.476c.063-.287.26-.605.825-.605.527 0 .84.327.84.82v.557h2.25v-.633c0-1.968-1.765-2.275-3.043-2.275-1.607 0-2.92.53-3.16 2a3.17 3.17 0 0 0 .02 1.22c.396 1.844 3.602 2.378 4.068 3.548ZM45.863 30.403c.088.217.06.491.02.66-.075.3-.277.602-.873.602-.557 0-.899-.325-.899-.809l-.001-.867h-2.398l-.004.69c0 1.993 1.571 2.594 3.252 2.594 1.616 0 2.948-.55 3.16-2.041.11-.775.032-1.279-.008-1.468-.38-1.872-3.771-2.432-4.024-3.479-.043-.18-.03-.37-.01-.468.066-.29.26-.599.819-.599.523 0 .828.318.828.809v.552h2.235v-.628c0-1.946-1.75-2.251-3.018-2.251-1.589 0-2.89.523-3.125 1.984-.065.4-.072.754.022 1.206.388 1.825 3.563 2.356 4.024 3.513ZM53.447 31.616c.626 0 .821-.433.864-.655.018-.098.024-.228.022-.345v-6.683h2.284v6.477c.005.166-.011.508-.02.592-.16 1.686-1.493 2.234-3.152 2.234-1.661 0-2.995-.547-3.154-2.234a8.605 8.605 0 0 1-.02-.592v-6.477h2.282v6.681c0 .117.004.25.022.345.05.222.24.657.872.657ZM72.285 31.52c.654 0 .883-.413.925-.653.016-.103.022-.23.02-.343v-1.31h-.927v-1.319h3.203v2.425c-.002.17-.005.294-.032.596-.15 1.643-1.576 2.23-3.176 2.23-1.603 0-3.026-.587-3.18-2.23a7.966 7.966 0 0 1-.032-.596l.002-3.802c0-.16.02-.444.038-.596.2-1.688 1.569-2.231 3.172-2.231 1.602 0 3.004.54 3.17 2.231.03.287.02.596.02.596v.302h-2.276v-.506a2.255 2.255 0 0 0-.03-.343c-.037-.2-.21-.659-.9-.659-.66 0-.85.433-.9.66-.026.118-.037.279-.037.425v4.13c-.002.114.005.24.023.344.037.236.264.65.918.65Z" fill="#fff"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/docs/public/static/branding/companies/siemens-light.svg b/docs/public/static/branding/companies/siemens-light.svg
deleted file mode 100644
index 81322130f31f7d..00000000000000
--- a/docs/public/static/branding/companies/siemens-light.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="105" height="52" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M100.06 18.173v2.915c-1.51-.57-2.854-.858-4.03-.858-.697 0-1.252.129-1.67.378-.417.252-.63.561-.63.927 0 .486.471.919 1.42 1.306l2.74 1.333c2.216 1.056 3.315 2.459 3.315 4.22 0 1.465-.583 2.633-1.76 3.498-1.168.873-2.74 1.305-4.697 1.305-.904 0-1.715-.038-2.435-.12-.72-.078-1.549-.237-2.467-.465v-3.05c1.684.57 3.218.858 4.599.858 1.647 0 2.467-.477 2.467-1.44 0-.48-.336-.867-1.018-1.17l-3.043-1.298c-1.123-.507-1.958-1.122-2.504-1.852-.538-.735-.81-1.578-.81-2.542 0-1.349.567-2.435 1.69-3.26 1.131-.82 2.632-1.231 4.5-1.231.606 0 1.305.054 2.08.153.78.105 1.53.234 2.253.393zM13.861 18.173v2.915c-1.51-.57-2.852-.858-4.028-.858-.7 0-1.252.129-1.67.378-.417.252-.63.561-.63.927 0 .486.478.919 1.426 1.306l2.74 1.333c2.207 1.056 3.309 2.459 3.309 4.22 0 1.465-.585 2.633-1.753 3.498-1.177.873-2.74 1.305-4.704 1.305a21.85 21.85 0 01-2.437-.12c-.72-.078-1.54-.237-2.465-.465v-3.05c1.69.57 3.224.858 4.596.858 1.648 0 2.467-.477 2.467-1.44 0-.48-.333-.867-1.009-1.17L6.66 26.511c-1.131-.507-1.966-1.122-2.504-1.852-.546-.735-.813-1.578-.813-2.542 0-1.349.564-2.435 1.693-3.26 1.123-.82 2.626-1.231 4.493-1.231.613 0 1.304.054 2.087.153.774.105 1.525.234 2.245.393zM17.002 17.9h4.463v15.024h-4.463V17.9zM35.843 17.9v2.777h-6.63v3.332h5.75v2.503h-5.75v3.497h6.766v2.915H24.917V17.9h10.926zM56.679 17.9v15.024h-4.167v-9.91L48.19 33.063h-2.572l-4.158-10.047v9.909h-3.013V17.9h5.448l3.719 9.197 3.89-9.197h5.176zM71.052 17.9v2.777h-6.596v3.332h5.752v2.503h-5.751v3.497h6.73v2.915H60.125V17.9h10.927zM86.712 17.9v15.024h-4.734l-5.312-9.636v9.636h-3.012V17.9h4.872l5.175 9.47V17.9h3.011z" fill="#009A9A"/>
-</svg>
diff --git a/docs/public/static/branding/companies/siemens-dark.svg b/docs/public/static/branding/companies/siemens.svg
similarity index 100%
rename from docs/public/static/branding/companies/siemens-dark.svg
rename to docs/public/static/branding/companies/siemens.svg
diff --git a/docs/public/static/branding/companies/twitter-light.svg b/docs/public/static/branding/companies/twitter-light.svg
deleted file mode 100644
index 3fb727fc738d31..00000000000000
--- a/docs/public/static/branding/companies/twitter-light.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="31" height="52" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M27.617 20.224c.019.27.019.542.019.816 0 8.34-6.35 17.96-17.96 17.96v-.005A17.87 17.87 0 0 1 0 36.165a12.675 12.675 0 0 0 9.342-2.616 6.32 6.32 0 0 1-5.897-4.383 6.292 6.292 0 0 0 2.85-.11A6.313 6.313 0 0 1 1.23 22.87v-.08c.878.489 1.86.76 2.865.79a6.32 6.32 0 0 1-1.954-8.428 17.915 17.915 0 0 0 13.01 6.594 6.32 6.32 0 0 1 10.757-5.757 12.668 12.668 0 0 0 4.008-1.533 6.336 6.336 0 0 1-2.775 3.492 12.555 12.555 0 0 0 3.625-.994 12.824 12.824 0 0 1-3.15 3.27Z" fill="#1D9BF0"/>
-</svg>
\ No newline at end of file
diff --git a/docs/public/static/branding/companies/twitter-dark.svg b/docs/public/static/branding/companies/twitter.svg
similarity index 100%
rename from docs/public/static/branding/companies/twitter-dark.svg
rename to docs/public/static/branding/companies/twitter.svg
diff --git a/docs/public/static/branding/design-kits/adobexd-logo.svg b/docs/public/static/branding/design-kits/adobexd-logo.svg
new file mode 100644
index 00000000000000..787b8fe968e9c0
--- /dev/null
+++ b/docs/public/static/branding/design-kits/adobexd-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none"><path fill="#470137" d="M70.833 4.998H19.167C11.343 4.998 5 11.341 5 19.165v49.667c0 7.824 6.343 14.167 14.167 14.167h51.666C78.657 82.999 85 76.656 85 68.832V19.165c0-7.824-6.343-14.167-14.167-14.167Z"/><path fill="#FF61F6" d="m47.05 25.513-9.983 16.476 10.68 17.495a.55.55 0 0 1 .053.403c-.036.126-.16.046-.375.081h-7.62c-.538 0-.913-.019-1.128-.377-.716-1.395-1.432-2.781-2.147-4.159a148.606 148.606 0 0 0-2.28-4.213 245.39 245.39 0 0 1-2.389-4.347h-.053a166.196 166.196 0 0 1-2.227 4.294c-.77 1.431-1.53 2.853-2.281 4.266a189.386 189.386 0 0 1-2.308 4.213c-.143.322-.394.355-.751.355h-7.352c-.143 0-.224.057-.242-.087a.54.54 0 0 1 .08-.375l10.358-17.013-10.09-17.066c-.107-.142-.124-.258-.053-.349a.391.391 0 0 1 .322-.134h7.567c.165-.009.33.019.483.08a.972.972 0 0 1 .322.296 59.982 59.982 0 0 0 2.147 4.293 229.903 229.903 0 0 0 2.388 4.24 60.013 60.013 0 0 1 2.227 4.24h.054c.715-1.467 1.44-2.898 2.173-4.294.733-1.395 1.484-2.8 2.254-4.213a194.36 194.36 0 0 0 2.227-4.212.826.826 0 0 1 .215-.35.779.779 0 0 1 .43-.08h7.03a.307.307 0 0 1 .268.537ZM62.445 60.664a16.629 16.629 0 0 1-7.165-1.503 11.391 11.391 0 0 1-5.017-4.535c-1.217-2.02-1.825-4.552-1.825-7.594-.02-2.463.61-4.888 1.825-7.03a13.395 13.395 0 0 1 5.313-5.152c2.325-1.288 5.133-1.932 8.425-1.932.179 0 .411.009.698.027.286.018.626.045 1.02.08V22.453c0-.25.107-.376.322-.376h6.762a.283.283 0 0 1 .322.322v31.717c0 .61.026 1.271.08 1.986.054.716.099 1.36.134 1.932a.555.555 0 0 1-.322.537 26.618 26.618 0 0 1-5.42 1.61c-1.7.313-3.424.475-5.152.483Zm3.274-6.655V39.358a5.323 5.323 0 0 0-.886-.161 10.725 10.725 0 0 0-1.1-.054 8.287 8.287 0 0 0-3.757.859 7.337 7.337 0 0 0-2.817 2.468c-.734 1.074-1.1 2.487-1.1 4.24a9.464 9.464 0 0 0 .563 3.435 6.528 6.528 0 0 0 1.503 2.361 5.722 5.722 0 0 0 2.254 1.342 8.833 8.833 0 0 0 2.764.43c.5 0 .965-.019 1.395-.054.4-.03.796-.102 1.18-.215Z"/></svg>
diff --git a/docs/public/static/branding/design-kits/figma-logo.svg b/docs/public/static/branding/design-kits/figma-logo.svg
new file mode 100644
index 00000000000000..ccc5936a9b40b0
--- /dev/null
+++ b/docs/public/static/branding/design-kits/figma-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none"><path fill="#1ABCFE" d="M44.67 45c0-7.364 5.97-13.334 13.333-13.334 7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.334-13.333 13.334-7.364 0-13.333-5.97-13.333-13.334Z"/><path fill="#0ACF83" d="M18 71.666c0-7.363 5.97-13.333 13.333-13.333h13.333v13.333C44.666 79.03 38.696 85 31.333 85S18 79.03 18 71.666Z"/><path fill="#FF7262" d="M44.67 5v26.666h13.333c7.364 0 13.333-5.969 13.333-13.333C71.336 10.97 65.366 5 58.003 5H44.67Z"/><path fill="#F24E1E" d="M18 18.333c0 7.364 5.97 13.334 13.333 13.334h13.333V5H31.333C23.97 5 18 10.97 18 18.333Z"/><path fill="#A259FF" d="M18 45c0 7.363 5.97 13.333 13.333 13.333h13.333V31.666H31.333C23.97 31.666 18 37.636 18 44.999Z"/></svg>
diff --git a/docs/public/static/branding/design-kits/sketch-logo.svg b/docs/public/static/branding/design-kits/sketch-logo.svg
new file mode 100644
index 00000000000000..788faf98d28928
--- /dev/null
+++ b/docs/public/static/branding/design-kits/sketch-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none"><path fill="#FDB300" d="M22.454 11.383 45 9l22.546 2.383L85 34.816l-40 46.58-40-46.58 17.454-23.431Z"/><path fill="#EA6C00" d="M21.202 34.816 45 81.395 5 34.814h16.202ZM68.797 34.815 45 81.395l40-46.58H68.797Z"/><path fill="#FDAD00" d="M21.202 34.816h47.596L45 81.395l-23.798-46.58Z"/><path fill="#FDD231" d="m45 9-22.546 2.383-1.252 23.433L45 9ZM45 9l22.546 2.383 1.251 23.432L45 9Z"/><path fill="#FDAD00" d="M85 34.815 67.546 11.384l1.251 23.431H85ZM5 34.815l17.454-23.431-1.252 23.431H5Z"/><path fill="#FEEEB7" d="M45 9 21.202 34.816h47.596L45 9Z"/></svg>
diff --git a/docs/public/static/branding/store-templates/template-1dark.jpg b/docs/public/static/branding/store-templates/template-1dark.jpg
index 49206855cf90a3..52d19ff7e05c78 100644
Binary files a/docs/public/static/branding/store-templates/template-1dark.jpg and b/docs/public/static/branding/store-templates/template-1dark.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-1light.jpg b/docs/public/static/branding/store-templates/template-1light.jpg
index 7f55ff0d845d3d..1306cee0092ba1 100644
Binary files a/docs/public/static/branding/store-templates/template-1light.jpg and b/docs/public/static/branding/store-templates/template-1light.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-2dark.jpg b/docs/public/static/branding/store-templates/template-2dark.jpg
index beb19356893c65..460dbbbcb44c73 100644
Binary files a/docs/public/static/branding/store-templates/template-2dark.jpg and b/docs/public/static/branding/store-templates/template-2dark.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-2light.jpg b/docs/public/static/branding/store-templates/template-2light.jpg
index 4589f78d5d91a0..b89630ac0baf05 100644
Binary files a/docs/public/static/branding/store-templates/template-2light.jpg and b/docs/public/static/branding/store-templates/template-2light.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-3dark.jpg b/docs/public/static/branding/store-templates/template-3dark.jpg
index 9172b2687de5fe..6f03facdf65e94 100644
Binary files a/docs/public/static/branding/store-templates/template-3dark.jpg and b/docs/public/static/branding/store-templates/template-3dark.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-3light.jpg b/docs/public/static/branding/store-templates/template-3light.jpg
index cb6a658365a354..94b530684e6b20 100644
Binary files a/docs/public/static/branding/store-templates/template-3light.jpg and b/docs/public/static/branding/store-templates/template-3light.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-4dark.jpg b/docs/public/static/branding/store-templates/template-4dark.jpg
index cfdd3a954d438d..64b53598560b3f 100644
Binary files a/docs/public/static/branding/store-templates/template-4dark.jpg and b/docs/public/static/branding/store-templates/template-4dark.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-4light.jpg b/docs/public/static/branding/store-templates/template-4light.jpg
index 41c8d005af98e5..1e793d0e144844 100644
Binary files a/docs/public/static/branding/store-templates/template-4light.jpg and b/docs/public/static/branding/store-templates/template-4light.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-5dark.jpg b/docs/public/static/branding/store-templates/template-5dark.jpg
index ca7f0dc06b3172..af3eef59fcf54a 100644
Binary files a/docs/public/static/branding/store-templates/template-5dark.jpg and b/docs/public/static/branding/store-templates/template-5dark.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-5light.jpg b/docs/public/static/branding/store-templates/template-5light.jpg
index 47e42e96b01b1e..8d411a3d25dc5e 100644
Binary files a/docs/public/static/branding/store-templates/template-5light.jpg and b/docs/public/static/branding/store-templates/template-5light.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-6dark.jpg b/docs/public/static/branding/store-templates/template-6dark.jpg
index 13fa321ead502d..cc4d257a674cc4 100644
Binary files a/docs/public/static/branding/store-templates/template-6dark.jpg and b/docs/public/static/branding/store-templates/template-6dark.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-6light.jpg b/docs/public/static/branding/store-templates/template-6light.jpg
index 4c7476264cb0bb..9e442a51ad003e 100644
Binary files a/docs/public/static/branding/store-templates/template-6light.jpg and b/docs/public/static/branding/store-templates/template-6light.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-bazar-dark.jpg b/docs/public/static/branding/store-templates/template-bazar-dark.jpg
index 1b640ff84caa44..c4fe5819aca543 100644
Binary files a/docs/public/static/branding/store-templates/template-bazar-dark.jpg and b/docs/public/static/branding/store-templates/template-bazar-dark.jpg differ
diff --git a/docs/public/static/branding/store-templates/template-bazar-light.jpg b/docs/public/static/branding/store-templates/template-bazar-light.jpg
index 1b640ff84caa44..c4fe5819aca543 100644
Binary files a/docs/public/static/branding/store-templates/template-bazar-light.jpg and b/docs/public/static/branding/store-templates/template-bazar-light.jpg differ
diff --git a/docs/public/static/images/cards/birds-of-tokyo.jpg b/docs/public/static/images/cards/birds-of-tokyo.jpg
new file mode 100644
index 00000000000000..2ed2ce50048eb1
Binary files /dev/null and b/docs/public/static/images/cards/birds-of-tokyo.jpg differ
diff --git a/docs/public/static/images/examples/cra.svg b/docs/public/static/images/examples/cra.svg
index 7e8fa5c39d2311..f446f416deeff5 100644
--- a/docs/public/static/images/examples/cra.svg
+++ b/docs/public/static/images/examples/cra.svg
@@ -1,3 +1 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M32.8123 18.8224C32.8123 17.2428 30.9524 15.8413 28.0932 14.9847C28.7808 12.081 28.4809 9.76787 27.1108 8.98593C26.7753 8.79973 26.3969 8.70488 26.0132 8.71087C24.7362 8.71087 23.1212 9.60284 21.4905 11.1471C19.8612 9.61463 18.2514 8.7279 16.9757 8.7279C16.5863 8.71931 16.2017 8.81567 15.8624 9.00688C14.5002 9.79145 14.2173 12.0901 14.8958 14.9795C12.0496 15.8309 10.1989 17.2219 10.1936 18.7936C10.1897 20.368 12.0575 21.7747 14.9167 22.6287C14.2291 25.5364 14.5264 27.8455 15.8991 28.6275C16.2317 28.8148 16.6116 28.9091 16.994 28.9025C18.2737 28.9025 19.8887 28.0106 21.518 26.4663C23.1461 27.9988 24.7571 28.8868 26.0342 28.8868C26.4232 28.8934 26.807 28.7964 27.1475 28.6065C28.5097 27.8233 28.7913 25.5246 28.1141 22.6444C30.959 21.7825 32.8097 20.3915 32.8123 18.8224ZM22.5436 11.6644C24.4205 9.98268 25.5941 9.80193 26.0106 9.80193C26.2042 9.7955 26.396 9.84119 26.566 9.93421C27.2222 10.3088 27.4828 11.6278 27.2745 13.375C27.2222 13.8203 27.1449 14.2644 27.0453 14.7018C26.0953 14.4812 25.1319 14.3228 24.1612 14.2277C23.5829 13.4167 22.9515 12.6448 22.2712 11.9172C22.3589 11.8295 22.4506 11.747 22.5436 11.6644ZM16.8591 20.1217C17.036 20.4649 17.2259 20.8094 17.4223 21.1565C17.6214 21.5022 17.8284 21.852 18.0563 22.199C17.4528 22.1128 16.8532 22.0009 16.2593 21.8637C16.419 21.2822 16.6234 20.7085 16.8565 20.1217H16.8591ZM16.2226 15.7549C16.8028 15.62 17.4106 15.5074 18.0406 15.4209C17.8113 15.7601 17.6149 16.1085 17.4079 16.4727C17.2023 16.8368 17.0202 17.1603 16.8434 17.51C16.6163 16.9323 16.4093 16.3469 16.2226 15.7549ZM17.4171 18.8133C17.7079 18.2016 18.0196 17.6004 18.3549 17.0123C18.6968 16.4163 19.0622 15.8335 19.4486 15.2664C20.8145 15.1621 22.1864 15.1634 23.5521 15.2703C23.932 15.8269 24.2961 16.4177 24.6393 17.0031C24.9837 17.5873 25.3007 18.199 25.5849 18.7975C25.0028 20.0315 24.324 21.2175 23.5548 22.3444C22.19 22.4505 20.8173 22.4492 19.4525 22.3405C19.0661 21.7773 18.702 21.201 18.3615 20.6103C18.0273 20.0237 17.7154 19.4247 17.4263 18.8146H17.4171V18.8133ZM24.9523 15.4275C25.5758 15.5139 26.1796 15.6265 26.7493 15.7601C26.5738 16.3456 26.3721 16.9232 26.1442 17.4917C25.7746 16.7898 25.3801 16.1013 24.9615 15.4275H24.9523ZM25.5849 21.1421C25.7814 20.795 25.97 20.4479 26.1494 20.1021C26.3787 20.6993 26.6079 21.2861 26.769 21.8598C26.1678 21.9987 25.5627 22.1087 24.9523 22.1912C25.175 21.852 25.3871 21.5022 25.5941 21.1421H25.5849ZM21.4958 12.6952C21.9084 13.1353 22.3144 13.6121 22.7099 14.1242C22.3105 14.1072 21.911 14.098 21.5115 14.0967C21.1055 14.0967 20.6916 14.0967 20.2895 14.1242C20.6693 13.6291 21.0714 13.1524 21.4945 12.6966L21.4958 12.6952ZM16.4099 9.94338C16.5839 9.85146 16.7791 9.80717 16.9757 9.81502C17.389 9.83262 17.7943 9.93517 18.1663 10.1163C19.0062 10.5121 19.7795 11.0362 20.4584 11.6697L20.7282 11.9159C20.0543 12.638 19.4286 13.4037 18.8552 14.208C17.8795 14.3037 16.9115 14.4621 15.9554 14.6822C15.8544 14.2533 15.7779 13.8191 15.7262 13.3816C15.4878 11.65 15.7628 10.3298 16.4073 9.95255L16.4099 9.94338ZM15.1957 21.5704C14.7661 21.4394 14.3417 21.2848 13.9252 21.1119C12.2985 20.4243 11.2886 19.5402 11.2886 18.7857C11.2886 18.0313 12.3024 17.1538 13.9291 16.4766C14.3365 16.3076 14.753 16.1596 15.1761 16.0313C15.4616 16.9822 15.8126 17.9121 16.2213 18.8159C15.8202 19.7109 15.4776 20.631 15.1957 21.5704ZM20.4702 25.9503C18.592 27.6307 17.4184 27.8102 16.9993 27.8102C16.8055 27.8165 16.6136 27.7703 16.4439 27.6766C15.789 27.302 15.5271 25.9843 15.7366 24.2371C15.789 23.7917 15.865 23.349 15.9645 22.9116C16.9155 23.1303 17.8781 23.2875 18.8487 23.3831C19.4263 24.1952 20.0576 24.9679 20.7387 25.6949L20.4715 25.9503H20.4702ZM21.518 24.9155C21.0905 24.4584 20.6841 23.982 20.2999 23.4879C20.7007 23.5049 21.1015 23.5141 21.5023 23.5141C21.9084 23.5141 22.3236 23.5141 22.7244 23.4892C22.3275 23.9987 21.9254 24.4755 21.5167 24.9155H21.518ZM26.6052 27.6674C26.4314 27.7629 26.2351 27.81 26.0368 27.8036C25.6177 27.8036 24.431 27.6203 22.5606 25.945L22.2908 25.6988C22.964 24.9784 23.5875 24.2109 24.1599 23.4067C25.1372 23.3134 26.1072 23.1554 27.0637 22.9338C27.1645 23.3792 27.2444 23.814 27.2929 24.2345C27.5195 25.9634 27.2562 27.2836 26.6026 27.6582L26.6052 27.6674ZM29.0807 21.1447C28.6723 21.3125 28.2562 21.4611 27.8338 21.59C27.5462 20.6393 27.1962 19.7087 26.786 18.8041C27.1894 17.9108 27.5326 16.9913 27.8155 16.0535C28.2477 16.1845 28.6695 16.3364 29.086 16.512C30.7114 17.1983 31.7226 18.0824 31.7213 18.8368C31.7186 19.5913 30.7075 20.4597 29.0794 21.1368L29.0807 21.1447ZM21.4958 20.9115C21.7722 20.9118 22.0459 20.8576 22.3014 20.7521C22.5569 20.6465 22.7891 20.4917 22.9847 20.2964C23.1803 20.1012 23.3356 19.8693 23.4416 19.614C23.5476 19.3587 23.6023 19.0851 23.6026 18.8087C23.6028 18.5323 23.5486 18.2585 23.4431 18.003C23.3376 17.7476 23.1827 17.5154 22.9875 17.3198C22.7922 17.1241 22.5603 16.9689 22.305 16.8629C22.0498 16.7568 21.7761 16.7021 21.4997 16.7019C20.9415 16.7014 20.4059 16.9226 20.0108 17.317C19.6157 17.7113 19.3934 18.2465 19.3929 18.8047C19.3924 19.363 19.6137 19.8986 20.008 20.2937C20.4024 20.6888 20.9375 20.911 21.4958 20.9115ZM7.50727 6.12012V31.4933H35.5V6.12012H7.50727ZM34.4063 30.4022H8.60356V7.21379H34.4063V30.4022ZM14.9167 22.6287C14.2278 25.5364 14.5251 27.8455 15.8964 28.6275C16.2304 28.8148 16.609 28.9091 16.9914 28.9025C18.2711 28.9025 19.886 28.0106 21.5167 26.4663C23.1435 27.9988 24.7545 28.8868 26.0316 28.8868C26.4219 28.8934 26.8056 28.7964 27.1449 28.6065C28.5071 27.8233 28.7887 25.5246 28.1115 22.6444C30.9564 21.7917 32.8071 20.402 32.8097 18.8316C32.8123 17.2598 30.9498 15.8505 28.0905 14.9939C28.7782 12.0901 28.4782 9.77704 27.1082 8.9951C26.7727 8.8089 26.3942 8.71405 26.0106 8.72004C24.7336 8.72004 23.1199 9.61201 21.4892 11.1562C19.8585 9.6238 18.2488 8.73707 16.9731 8.73707C16.5837 8.72841 16.1991 8.82478 15.8598 9.01605C14.4976 9.80062 14.2147 12.0993 14.8931 14.9887C12.047 15.84 10.1976 17.231 10.1923 18.8028C10.1884 20.3771 12.0562 21.7707 14.9167 22.6287ZM20.4663 25.9516C18.588 27.632 17.4145 27.8115 16.994 27.8115C16.8003 27.8178 16.6084 27.7716 16.4387 27.6779C15.7838 27.3033 15.5218 25.9856 15.7314 24.2384C15.7838 23.7931 15.8611 23.3504 15.9606 22.9129C16.9102 23.1316 17.8729 23.2888 18.8448 23.3844C19.4211 24.1965 20.0537 24.9692 20.7335 25.6962L20.4663 25.9516ZM26.1508 17.4917C25.9676 17.1433 25.7781 16.7983 25.5823 16.4569C25.3832 16.1112 25.1697 15.7693 24.9588 15.4288C25.5823 15.5152 26.1848 15.6265 26.7559 15.7601C26.5882 16.3273 26.3865 16.9062 26.1534 17.4917H26.1508ZM26.7742 21.848C26.1743 21.9869 25.5692 22.0982 24.9588 22.1807C25.3885 21.5036 25.7879 20.8054 26.156 20.0916C26.3891 20.6705 26.5935 21.2612 26.769 21.8598L26.7742 21.848ZM25.5797 18.7871C24.9976 20.0211 24.3187 21.2071 23.5495 22.334C22.1847 22.4401 20.8121 22.4387 19.4473 22.33C18.6766 21.2104 17.996 20.0314 17.4119 18.8041C17.7026 18.1911 18.0144 17.5899 18.3497 17.0005C18.6902 16.4046 19.057 15.823 19.4433 15.2559C20.8093 15.1516 22.1812 15.1529 23.5469 15.2598C23.9267 15.8152 24.2909 16.4072 24.634 16.9926C24.9785 17.5768 25.2981 18.2003 25.5823 18.7988L25.5797 18.7871ZM18.0563 22.199C17.4525 22.1126 16.8513 22.0026 16.2579 21.8651C16.4282 21.3018 16.6325 20.719 16.8657 20.1335C17.0438 20.4767 17.235 20.8212 17.4328 21.1682C17.6293 21.514 17.8258 21.8533 18.0563 22.199ZM17.4171 16.4661C17.2167 16.8106 17.0281 17.1538 16.8513 17.5035C16.6184 16.9297 16.4086 16.3455 16.2226 15.7549C16.8028 15.62 17.4106 15.5074 18.0406 15.4209C17.8271 15.7615 17.6227 16.1112 17.4171 16.4661ZM21.5167 24.9169C21.1041 24.4768 20.6968 24 20.2986 23.4892C20.6981 23.5062 21.0989 23.5154 21.4997 23.5154C21.9057 23.5154 22.3209 23.5154 22.723 23.4905C22.3419 23.983 21.9398 24.4597 21.5167 24.9169ZM26.6026 27.6687C26.4288 27.7642 26.2324 27.8113 26.0342 27.8049C25.615 27.8049 24.4284 27.6216 22.558 25.9463L22.2882 25.7001C22.9614 24.9797 23.5849 24.2122 24.1573 23.408C25.1346 23.3146 26.1046 23.1566 27.0611 22.9351C27.1619 23.3805 27.2418 23.8153 27.2903 24.2358C27.5195 25.9647 27.2562 27.2836 26.6026 27.6582V27.6687ZM27.8142 16.0509C28.2451 16.1832 28.6682 16.3364 29.0834 16.5093C30.7088 17.1983 31.7213 18.0811 31.7186 18.8355C31.716 19.59 30.7075 20.478 29.0794 21.1538C28.6865 21.3149 28.2713 21.4629 27.8312 21.5965C27.5435 20.6463 27.1935 19.7161 26.7834 18.8119C27.1868 17.9121 27.5313 16.9874 27.8142 16.0431V16.0509ZM22.5397 11.6736C24.4179 9.99315 25.5915 9.8124 26.008 9.8124C26.2016 9.80611 26.3934 9.85179 26.5633 9.94469C27.2182 10.3193 27.4802 11.6369 27.2706 13.3842C27.2182 13.8308 27.1423 14.2748 27.0427 14.7123C26.0923 14.4915 25.1284 14.3332 24.1573 14.2382C23.5794 13.4267 22.9485 12.6545 22.2685 11.9264C22.355 11.8321 22.448 11.747 22.541 11.6644L22.5397 11.6736ZM21.4958 12.6966C21.9084 13.1366 22.3144 13.6121 22.7099 14.1242C22.3105 14.1072 21.911 14.098 21.5115 14.0967C21.1055 14.0967 20.6916 14.0967 20.2895 14.1242C20.6693 13.6291 21.0714 13.1537 21.4945 12.6979L21.4958 12.6966ZM16.4099 9.94469C16.5839 9.85277 16.7791 9.80717 16.9757 9.81502C17.389 9.83262 17.7943 9.93648 18.1663 10.1176C19.0062 10.5134 19.7795 11.0375 20.4584 11.671L20.7282 11.9159C20.0543 12.638 19.4286 13.4037 18.8552 14.208C17.8795 14.3037 16.9115 14.4635 15.9554 14.6835C15.8544 14.2546 15.7779 13.8204 15.7262 13.3829C15.4878 11.6513 15.7628 10.3311 16.4073 9.95386L16.4099 9.94469ZM13.9291 16.4766C14.3365 16.3076 14.753 16.1596 15.1761 16.0313C15.4616 16.9822 15.8126 17.9121 16.2213 18.8159C15.8192 19.7091 15.4747 20.6299 15.1918 21.5677C14.7609 21.4368 14.3378 21.2848 13.9213 21.1093C12.2932 20.423 11.2847 19.5389 11.2847 18.7857C11.2847 18.0313 12.3024 17.1551 13.9278 16.4779L13.9291 16.4766ZM21.4958 16.7071C21.0791 16.7063 20.6716 16.8292 20.3247 17.0601C19.9779 17.291 19.7073 17.6195 19.5473 18.0042C19.3872 18.3889 19.3449 18.8125 19.4256 19.2212C19.5063 19.63 19.7065 20.0057 20.0007 20.3007C20.295 20.5957 20.6701 20.7967 21.0787 20.8785C21.4873 20.9602 21.9109 20.9189 22.296 20.7598C22.6811 20.6007 23.0104 20.331 23.2421 19.9847C23.4739 19.6385 23.5977 19.2312 23.598 18.8146C23.6002 18.5371 23.5475 18.2619 23.4429 18.0049C23.3382 17.7478 23.1837 17.5141 22.9883 17.3171C22.7929 17.12 22.5604 16.9637 22.3042 16.857C22.048 16.7503 21.7733 16.6953 21.4958 16.6953V16.7084V16.7071ZM21.4958 16.7071C21.0791 16.7063 20.6716 16.8292 20.3247 17.0601C19.9779 17.291 19.7073 17.6195 19.5473 18.0042C19.3872 18.3889 19.3449 18.8125 19.4256 19.2212C19.5063 19.63 19.7065 20.0057 20.0007 20.3007C20.295 20.5957 20.6701 20.7967 21.0787 20.8785C21.4873 20.9602 21.9109 20.9189 22.296 20.7598C22.6811 20.6007 23.0104 20.331 23.2421 19.9847C23.4739 19.6385 23.5977 19.2312 23.598 18.8146C23.6002 18.5371 23.5475 18.2619 23.4429 18.0049C23.3382 17.7478 23.1837 17.5141 22.9883 17.3171C22.7929 17.12 22.5604 16.9637 22.3042 16.857C22.048 16.7503 21.7733 16.6953 21.4958 16.6953V16.7084V16.7071ZM21.4958 16.7071C21.0791 16.7063 20.6716 16.8292 20.3247 17.0601C19.9779 17.291 19.7073 17.6195 19.5473 18.0042C19.3872 18.3889 19.3449 18.8125 19.4256 19.2212C19.5063 19.63 19.7065 20.0057 20.0007 20.3007C20.295 20.5957 20.6701 20.7967 21.0787 20.8785C21.4873 20.9602 21.9109 20.9189 22.296 20.7598C22.6811 20.6007 23.0104 20.331 23.2421 19.9847C23.4739 19.6385 23.5977 19.2312 23.598 18.8146C23.6002 18.5371 23.5475 18.2619 23.4429 18.0049C23.3382 17.7478 23.1837 17.5141 22.9883 17.3171C22.7929 17.12 22.5604 16.9637 22.3042 16.857C22.048 16.7503 21.7733 16.6953 21.4958 16.6953V16.7084V16.7071ZM32.8123 18.8263C32.8123 17.2467 30.9524 15.8453 28.0932 14.99C28.7808 12.0849 28.4809 9.77311 27.1108 8.99117C26.7753 8.80497 26.3969 8.71012 26.0132 8.71611C24.7362 8.71611 23.1212 9.60677 21.4905 11.1523C19.8612 9.61987 18.2514 8.73183 16.9757 8.73183C16.5862 8.72363 16.2016 8.82045 15.8624 9.01212C14.5002 9.79538 14.2173 12.0941 14.8958 14.9847C12.0496 15.8361 10.1989 17.2258 10.1936 18.7988C10.1897 20.3719 12.0575 21.7799 14.9167 22.6339C14.2291 25.5403 14.5264 27.8508 15.8991 28.6327C16.2317 28.8187 16.6116 28.9143 16.994 28.9078C18.2737 28.9078 19.8887 28.0158 21.518 26.4716C23.1461 28.004 24.7571 28.8907 26.0342 28.8907C26.4232 28.8986 26.807 28.8017 27.1475 28.6118C28.5097 27.8272 28.7913 25.5285 28.1141 22.6496C30.959 21.7825 32.8097 20.3929 32.8123 18.8224V18.8263ZM22.5436 11.6658C24.4205 9.98399 25.5941 9.80324 26.0106 9.80324C26.2043 9.79734 26.3961 9.84348 26.566 9.93683C27.2222 10.3101 27.4828 11.6291 27.2745 13.3763C27.2222 13.8217 27.1449 14.2657 27.0453 14.7045C26.0953 14.4834 25.1319 14.3246 24.1612 14.229C23.5829 13.418 22.9515 12.6461 22.2712 11.9185C22.3589 11.8308 22.4506 11.7483 22.5436 11.6658ZM16.8591 20.1217C17.036 20.4662 17.2259 20.8094 17.4223 21.1565C17.6214 21.5022 17.8284 21.852 18.0563 22.199C17.4528 22.1128 16.8532 22.0009 16.2593 21.8637C16.419 21.2822 16.6234 20.7085 16.8565 20.1217H16.8591ZM16.2226 15.7549C16.8028 15.62 17.4106 15.5087 18.0406 15.4209C17.8113 15.7601 17.6149 16.1085 17.4079 16.4727C17.2023 16.8381 17.0202 17.1603 16.8434 17.51C16.6163 16.9323 16.4093 16.3469 16.2226 15.7549ZM17.4171 18.8146C17.7079 18.2016 18.0196 17.6004 18.3549 17.0123C18.6968 16.4163 19.0622 15.8335 19.4486 15.2664C20.8145 15.1621 22.1864 15.1634 23.5521 15.2703C23.932 15.8269 24.2961 16.4177 24.6393 17.0031C24.9837 17.5873 25.3007 18.199 25.5849 18.7975C25.0028 20.0315 24.324 21.2175 23.5548 22.3444C22.19 22.4492 20.8173 22.4505 19.4525 22.3405C19.0661 21.7786 18.702 21.201 18.3615 20.6103C18.0273 20.0237 17.7154 19.4247 17.4263 18.8146H17.4171ZM24.9523 15.4275C25.5758 15.5152 26.1796 15.6265 26.7493 15.7601C26.5738 16.3456 26.3721 16.9232 26.1442 17.4917C25.7746 16.7898 25.3801 16.1013 24.9615 15.4275H24.9523ZM25.5849 21.1421C25.7814 20.795 25.97 20.4479 26.1494 20.1021C26.3787 20.6993 26.6079 21.2861 26.769 21.8598C26.1678 21.9987 25.5627 22.1087 24.9523 22.1912C25.175 21.852 25.3871 21.5022 25.5941 21.1421H25.5849ZM21.4958 12.6952C21.9084 13.1353 22.3144 13.6121 22.7099 14.1242C22.3105 14.1072 21.911 14.098 21.5115 14.0967C21.1055 14.0967 20.6916 14.0967 20.2895 14.1242C20.6693 13.6291 21.0714 13.1524 21.4945 12.6966L21.4958 12.6952ZM16.4099 9.94338C16.5839 9.85146 16.7791 9.80717 16.9757 9.81502C17.389 9.83262 17.7943 9.93517 18.1663 10.1163C19.0062 10.5121 19.7795 11.0362 20.4584 11.6697L20.7282 11.9159C20.0543 12.638 19.4286 13.4037 18.8552 14.208C17.8795 14.3037 16.9115 14.4621 15.9554 14.6822C15.8544 14.2533 15.7779 13.8191 15.7262 13.3816C15.4878 11.65 15.7628 10.3298 16.4073 9.95255L16.4099 9.94338ZM15.1957 21.5704C14.7661 21.4394 14.3417 21.2848 13.9252 21.1119C12.2985 20.4243 11.2886 19.5402 11.2886 18.7857C11.2886 18.0313 12.3024 17.1538 13.9291 16.4766C14.3365 16.3076 14.753 16.1596 15.1761 16.0313C15.4616 16.9822 15.8126 17.9121 16.2213 18.8159C15.8202 19.7109 15.4776 20.631 15.1957 21.5704ZM20.4702 25.9503C18.592 27.6307 17.4184 27.8102 16.9993 27.8102C16.8055 27.8165 16.6136 27.7703 16.4439 27.6766C15.789 27.302 15.5271 25.9843 15.7366 24.2371C15.789 23.7917 15.865 23.349 15.9645 22.9116C16.9155 23.1303 17.8781 23.2875 18.8487 23.3831C19.4263 24.1952 20.0576 24.9679 20.7387 25.6949L20.4715 25.9503H20.4702ZM21.518 24.9155C21.0905 24.4584 20.6841 23.982 20.2999 23.4879C20.7007 23.5049 21.1015 23.5141 21.5023 23.5141C21.9084 23.5141 22.3236 23.5141 22.7244 23.4892C22.3275 23.9987 21.9254 24.4755 21.5167 24.9155H21.518ZM26.6052 27.6674C26.4314 27.7629 26.2351 27.81 26.0368 27.8036C25.6177 27.8036 24.431 27.6203 22.5606 25.945L22.2908 25.6988C22.964 24.9784 23.5875 24.2109 24.1599 23.4067C25.1372 23.3134 26.1072 23.1554 27.0637 22.9338C27.1645 23.3792 27.2444 23.814 27.2929 24.2345C27.5195 25.9634 27.2562 27.2836 26.6026 27.6582L26.6052 27.6674ZM29.0807 21.1447C28.6723 21.3125 28.2562 21.4611 27.8338 21.59C27.5462 20.6393 27.1962 19.7087 26.786 18.8041C27.1894 17.9108 27.5326 16.9913 27.8155 16.0535C28.2477 16.1845 28.6695 16.3364 29.086 16.512C30.7114 17.1983 31.7226 18.0824 31.7213 18.8368C31.7186 19.5913 30.7075 20.4597 29.0794 21.1368L29.0807 21.1447ZM21.4958 20.9115C21.7722 20.9118 22.0459 20.8576 22.3014 20.7521C22.5569 20.6465 22.7891 20.4917 22.9847 20.2964C23.1803 20.1012 23.3356 19.8693 23.4416 19.614C23.5476 19.3587 23.6023 19.0851 23.6026 18.8087C23.6028 18.5323 23.5486 18.2585 23.4431 18.003C23.3376 17.7476 23.1827 17.5154 22.9875 17.3198C22.7922 17.1241 22.5603 16.9689 22.305 16.8629C22.0498 16.7568 21.7761 16.7021 21.4997 16.7019C20.9415 16.7014 20.4059 16.9226 20.0108 17.317C19.6157 17.7113 19.3934 18.2465 19.3929 18.8047C19.3924 19.363 19.6137 19.8986 20.008 20.2937C20.4024 20.6888 20.9375 20.911 21.4958 20.9115ZM5.60022 33.4108V8.02717L4.5 9.1287V34.5045H32.4888L33.5851 33.4108H5.60022Z" fill="#09D3AC"/>
-</svg>
+<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.81 18.82c0-1.58-1.86-2.98-4.72-3.84.7-2.9.4-5.21-.98-6a2.2 2.2 0 0 0-1.1-.27c-1.27 0-2.89.9-4.52 2.44-1.63-1.54-3.24-2.42-4.51-2.42-.4-.01-.78.09-1.12.28-1.36.78-1.64 3.08-.96 5.97-2.85.85-4.7 2.24-4.7 3.81-.01 1.58 1.86 2.98 4.72 3.84-.7 2.9-.4 5.22.98 6 .33.18.71.28 1.1.27 1.27 0 2.89-.89 4.52-2.43 1.63 1.53 3.24 2.42 4.51 2.42.4 0 .78-.1 1.12-.28 1.36-.79 1.64-3.09.96-5.97 2.85-.86 4.7-2.25 4.7-3.82Zm-10.27-7.16c1.88-1.68 3.05-1.86 3.47-1.86.2 0 .39.04.56.13.65.38.91 1.7.7 3.45-.05.44-.13.88-.22 1.32-.95-.22-1.92-.38-2.89-.47a22.57 22.57 0 0 0-1.89-2.31l.27-.26Zm-5.68 8.46a30.31 30.31 0 0 0 1.2 2.08c-.6-.09-1.2-.2-1.8-.34.16-.58.36-1.15.6-1.74Zm-.64-4.37c.58-.13 1.2-.24 1.82-.33a25.24 25.24 0 0 0-1.2 2.09c-.22-.58-.43-1.16-.62-1.76Zm1.2 3.06a27.3 27.3 0 0 1 2.03-3.54c1.36-.1 2.74-.1 4.1 0a30.07 30.07 0 0 1 2.03 3.53 25.86 25.86 0 0 1-2.03 3.54c-1.36.11-2.73.1-4.1 0a26.08 26.08 0 0 1-2.02-3.53h-.01Zm7.53-3.38c.63.08 1.23.2 1.8.33-.18.59-.38 1.16-.6 1.73-.38-.7-.77-1.39-1.19-2.06Zm.63 5.71c.2-.34.39-.7.57-1.04.23.6.46 1.19.62 1.76-.6.14-1.2.25-1.82.33.23-.34.44-.69.64-1.05ZM21.5 12.7c.4.44.81.91 1.21 1.42l-1.2-.02c-.4 0-.82 0-1.22.02.38-.5.78-.97 1.2-1.42ZM16.4 9.94c.17-.09.37-.13.57-.12.4.01.81.12 1.19.3.84.4 1.6.92 2.29 1.55l.27.25c-.68.72-1.3 1.48-1.87 2.29-.98.1-1.95.25-2.9.47-.1-.43-.18-.86-.23-1.3-.24-1.73.03-3.05.68-3.43ZM15.2 21.57c-.43-.13-.86-.29-1.27-.46-1.63-.69-2.64-1.57-2.64-2.32 0-.76 1.01-1.64 2.64-2.31.4-.17.82-.32 1.25-.45.28.95.63 1.88 1.04 2.79-.4.9-.74 1.81-1.02 2.75Zm5.27 4.38c-1.88 1.68-3.05 1.86-3.47 1.86-.2 0-.39-.04-.56-.13-.65-.38-.91-1.7-.7-3.44.05-.45.13-.9.22-1.33.96.22 1.92.38 2.89.47.58.82 1.2 1.59 1.89 2.31l-.27.26Zm1.05-1.03c-.43-.46-.84-.94-1.22-1.43l1.2.02c.4 0 .82 0 1.22-.02-.4.5-.8.99-1.2 1.43Zm5.09 2.75c-.18.1-.37.14-.57.13-.42 0-1.6-.18-3.48-1.86l-.27-.24c.67-.72 1.3-1.49 1.87-2.3.98-.09 1.95-.24 2.9-.47.1.45.18.88.23 1.3.23 1.73-.03 3.05-.69 3.43Zm2.47-6.53c-.4.17-.82.32-1.25.45-.28-.95-.63-1.88-1.04-2.79.4-.89.74-1.8 1.03-2.75.43.13.85.29 1.27.46 1.62.69 2.63 1.57 2.63 2.33 0 .75-1.01 1.62-2.64 2.3Zm-7.58-.23a2.1 2.1 0 1 0 0-4.2 2.1 2.1 0 0 0 0 4.2ZM7.5 6.12v25.37h28V6.12h-28ZM34.4 30.4H8.6V7.21h25.8v23.2Zm-19.48-7.77c-.7 2.9-.4 5.22.98 6 .33.18.7.28 1.1.27 1.27 0 2.89-.89 4.52-2.43 1.62 1.53 3.23 2.42 4.51 2.42.4 0 .78-.1 1.11-.28 1.37-.79 1.65-3.09.97-5.97 2.85-.85 4.7-2.24 4.7-3.8 0-1.58-1.86-2.99-4.72-3.85.69-2.9.39-5.21-.98-6a2.2 2.2 0 0 0-1.1-.27c-1.28 0-2.89.9-4.52 2.44-1.63-1.54-3.24-2.42-4.52-2.42-.39-.01-.77.08-1.11.28-1.36.78-1.65 3.08-.97 5.97-2.84.85-4.7 2.24-4.7 3.81 0 1.58 1.87 2.97 4.73 3.83Zm5.55 3.32c-1.88 1.68-3.06 1.86-3.48 1.86-.19 0-.38-.04-.55-.13-.66-.38-.92-1.7-.7-3.44.04-.45.12-.89.22-1.33.95.22 1.91.38 2.88.47.58.82 1.21 1.59 1.9 2.32l-.27.25Zm5.68-8.46c-.18-.35-.37-.7-.57-1.03l-.62-1.03c.62.09 1.22.2 1.8.33a20.1 20.1 0 0 1-.6 1.73Zm.62 4.36c-.6.14-1.2.25-1.81.33.43-.68.83-1.37 1.2-2.09.23.58.43 1.17.6 1.77l.01-.01Zm-1.19-3.06a25.87 25.87 0 0 1-2.03 3.54c-1.37.11-2.74.1-4.1 0a25.68 25.68 0 0 1-2.04-3.53 27.3 27.3 0 0 1 2.03-3.54c1.37-.1 2.74-.1 4.1 0a29.67 29.67 0 0 1 2.04 3.54v-.01Zm-7.52 3.4c-.6-.08-1.2-.19-1.8-.32.17-.57.37-1.15.6-1.74a30.04 30.04 0 0 0 1.2 2.07Zm-.64-5.72c-.2.34-.4.68-.57 1.03-.23-.57-.44-1.15-.63-1.75.58-.13 1.2-.24 1.82-.33a35 35 0 0 0-.62 1.05Zm4.1 8.45c-.42-.44-.82-.92-1.22-1.43l1.2.03c.4 0 .82 0 1.22-.03-.38.5-.78.97-1.2 1.43Zm5.08 2.75c-.17.1-.37.14-.57.13-.42 0-1.6-.18-3.47-1.85l-.27-.25c.67-.72 1.3-1.49 1.87-2.3.97-.09 1.94-.24 2.9-.46.1.44.18.88.23 1.3.23 1.72-.03 3.04-.69 3.42Zm1.21-11.62c.44.13.86.29 1.27.46 1.63.69 2.64 1.57 2.64 2.33 0 .75-1.01 1.64-2.64 2.31-.4.16-.8.31-1.25.45-.29-.95-.64-1.88-1.05-2.79.4-.9.75-1.82 1.03-2.77v.01Zm-5.27-4.38c1.88-1.68 3.05-1.86 3.47-1.86.2 0 .38.04.55.13.66.38.92 1.7.71 3.44-.05.45-.13.9-.23 1.33-.95-.22-1.91-.38-2.88-.47-.58-.81-1.21-1.59-1.9-2.31l.28-.27v.01ZM21.5 12.7c.4.44.81.91 1.21 1.42l-1.2-.02c-.4 0-.82 0-1.22.02.38-.5.78-.97 1.2-1.42ZM16.4 9.94c.17-.09.37-.13.57-.12.4.01.81.12 1.19.3.84.4 1.6.92 2.29 1.55l.27.25c-.68.72-1.3 1.48-1.87 2.29-.98.1-1.95.25-2.9.47-.1-.43-.18-.86-.23-1.3-.24-1.73.03-3.05.68-3.43Zm-2.48 6.54c.4-.17.82-.32 1.25-.45.28.95.63 1.88 1.04 2.79-.4.89-.75 1.81-1.03 2.75a13 13 0 0 1-1.27-.46c-1.63-.69-2.64-1.57-2.64-2.32 0-.76 1.02-1.63 2.65-2.31Zm7.57.23a2.1 2.1 0 1 0 1.49.6 2.1 2.1 0 0 0-1.5-.61Zm0 0a2.1 2.1 0 1 0 1.49.6 2.1 2.1 0 0 0-1.5-.61Zm0 0a2.1 2.1 0 1 0 1.49.6 2.1 2.1 0 0 0-1.5-.61Zm11.31 2.12c0-1.58-1.86-2.98-4.72-3.84.7-2.9.4-5.22-.98-6a2.2 2.2 0 0 0-1.1-.27c-1.27 0-2.89.89-4.52 2.43-1.63-1.53-3.24-2.42-4.51-2.42-.4 0-.78.09-1.12.28-1.36.79-1.64 3.08-.96 5.97-2.85.86-4.7 2.25-4.7 3.82-.01 1.57 1.86 2.98 4.72 3.83-.7 2.91-.4 5.22.98 6 .33.19.71.28 1.1.28 1.27 0 2.89-.9 4.52-2.44 1.63 1.53 3.24 2.42 4.51 2.42.4 0 .78-.09 1.12-.28 1.36-.78 1.64-3.08.96-5.96 2.85-.87 4.7-2.26 4.7-3.83Zm-10.27-7.16c1.88-1.69 3.05-1.87 3.47-1.87.2 0 .39.04.56.14.65.37.91 1.69.7 3.44-.05.44-.13.89-.22 1.32-.95-.22-1.92-.38-2.89-.47a22.57 22.57 0 0 0-1.89-2.31l.27-.25Zm-5.68 8.45a29.13 29.13 0 0 0 1.2 2.08c-.6-.09-1.2-.2-1.8-.34.16-.58.36-1.15.6-1.74Zm-.64-4.37a20.6 20.6 0 0 1 1.82-.33c-.23.34-.43.69-.63 1.05-.2.37-.39.69-.57 1.04-.22-.58-.43-1.16-.62-1.76Zm1.2 3.06a27 27 0 0 1 2.03-3.54c1.36-.1 2.74-.1 4.1 0a30.07 30.07 0 0 1 2.03 3.53 25.86 25.86 0 0 1-2.03 3.54c-1.36.1-2.73.11-4.1 0a25.75 25.75 0 0 1-2.02-3.53h-.01Zm7.53-3.38c.63.09 1.23.2 1.8.33-.18.59-.38 1.16-.6 1.73-.38-.7-.77-1.39-1.19-2.06Zm.63 5.71c.2-.34.39-.7.57-1.04.23.6.46 1.19.62 1.76-.6.14-1.2.25-1.82.33.23-.34.44-.69.64-1.05ZM21.5 12.7c.4.44.81.91 1.21 1.42l-1.2-.02c-.4 0-.82 0-1.22.02.38-.5.78-.97 1.2-1.42ZM16.4 9.94c.17-.09.37-.13.57-.12.4.01.81.12 1.19.3.84.4 1.6.92 2.29 1.55l.27.25c-.68.72-1.3 1.48-1.87 2.29-.98.1-1.95.25-2.9.47-.1-.43-.18-.86-.23-1.3-.24-1.73.03-3.05.68-3.43ZM15.2 21.57c-.43-.13-.86-.29-1.27-.46-1.63-.69-2.64-1.57-2.64-2.32 0-.76 1.01-1.64 2.64-2.31.4-.17.82-.32 1.25-.45.28.95.63 1.88 1.04 2.79-.4.9-.74 1.81-1.02 2.75Zm5.27 4.38c-1.88 1.68-3.05 1.86-3.47 1.86-.2 0-.39-.04-.56-.13-.65-.38-.91-1.7-.7-3.44.05-.45.13-.9.22-1.33.96.22 1.92.38 2.89.47.58.82 1.2 1.59 1.89 2.31l-.27.26Zm1.05-1.03c-.43-.46-.84-.94-1.22-1.43l1.2.02c.4 0 .82 0 1.22-.02-.4.5-.8.99-1.2 1.43Zm5.09 2.75c-.18.1-.37.14-.57.13-.42 0-1.6-.18-3.48-1.86l-.27-.24c.67-.72 1.3-1.49 1.87-2.3.98-.09 1.95-.24 2.9-.47.1.45.18.88.23 1.3.23 1.73-.03 3.05-.69 3.43Zm2.47-6.53c-.4.17-.82.32-1.25.45-.28-.95-.63-1.88-1.04-2.79.4-.89.74-1.8 1.03-2.75.43.13.85.29 1.27.46 1.62.69 2.63 1.57 2.63 2.33 0 .75-1.01 1.62-2.64 2.3Zm-7.58-.23a2.1 2.1 0 1 0 0-4.2 2.1 2.1 0 0 0 0 4.2ZM5.6 33.41V8.03l-1.1 1.1V34.5h27.99l1.1-1.09H5.6Z" fill="#09D3AC"/></svg>
\ No newline at end of file
diff --git a/docs/public/static/images/examples/next.svg b/docs/public/static/images/examples/next.svg
index 4c49a0245fa940..c42692efd2f1a8 100644
--- a/docs/public/static/images/examples/next.svg
+++ b/docs/public/static/images/examples/next.svg
@@ -1,15 +1 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40Z" fill="black"/>
-<path d="M33.224 35.0044L15.3649 12H12V27.9933H14.6919V15.4186L31.1109 36.6322C31.8518 36.1364 32.5576 35.5922 33.224 35.0044Z" fill="url(#paint0_linear_1518_18180)"/>
-<path d="M28.2223 12H25.5557V28H28.2223V12Z" fill="url(#paint1_linear_1518_18180)"/>
-<defs>
-<linearGradient id="paint0_linear_1518_18180" x1="24.2222" y1="25.8889" x2="32.1111" y2="35.6667" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_1518_18180" x1="26.889" y1="12" x2="26.8443" y2="23.75" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 40a20 20 0 1 0 0-40 20 20 0 0 0 0 40Z" fill="#000"/><path d="M33.22 35 15.36 12H12v16h2.7V15.41L31.1 36.63c.74-.5 1.45-1.04 2.11-1.63Z" fill="url(#a)"/><path d="M28.22 12h-2.66v16h2.66V12Z" fill="url(#b)"/><defs><linearGradient id="a" x1="24.22" y1="25.89" x2="32.11" y2="35.67" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="26.89" y1="12" x2="26.84" y2="23.75" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/docs/public/static/images/examples/preact.svg b/docs/public/static/images/examples/preact.svg
index dbe8c8cf34f35d..638b4e3a22903b 100644
--- a/docs/public/static/images/examples/preact.svg
+++ b/docs/public/static/images/examples/preact.svg
@@ -1,7 +1 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.7617 1.52441L35.7617 10.7621V29.2376L19.7617 38.4753L3.76172 29.2376V10.7621L19.7617 1.52441Z" fill="white"/>
-<path d="M4.04743 10.9271L19.7617 1.85433L35.476 10.9271V29.0727L19.7617 38.1454L4.04743 29.0727V10.9271Z" stroke="black" stroke-opacity="0.5" stroke-width="0.57143"/>
-<path d="M8.61357 28.7093C10.454 31.0649 16.9364 29.0755 23.0925 24.2659C29.2485 19.4562 32.747 13.6475 30.9066 11.2919C29.0662 8.9362 22.5837 10.9256 16.4277 15.7353C10.2716 20.545 6.77316 26.3536 8.61357 28.7093Z" stroke="#673AB8" stroke-width="1.44339" stroke-dasharray="34.67 5.65"/>
-<path d="M30.9085 28.7097C32.7489 26.3541 29.2504 20.5454 23.0944 15.7358C16.9383 10.9261 10.4559 8.93672 8.61553 11.2923C6.77509 13.648 10.2736 19.4567 16.4296 24.2663C22.5856 29.076 29.068 31.0654 30.9085 28.7097Z" stroke="#673AB8" stroke-width="1.44339" stroke-dasharray="35.08 5.25"/>
-<path d="M19.7642 22.4539C21.1194 22.4539 22.218 21.3553 22.218 20.0001C22.218 18.645 21.1194 17.5464 19.7642 17.5464C18.4091 17.5464 17.3105 18.645 17.3105 20.0001C17.3105 21.3553 18.4091 22.4539 19.7642 22.4539Z" fill="#673AB8"/>
-</svg>
+<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m19.762 1.524 16 9.238v18.476l-16 9.237-16-9.237V10.762l16-9.238Z" fill="#fff"/><path d="m4.047 10.927 15.715-9.073 15.714 9.073v18.146l-15.714 9.072-15.715-9.072V10.927Z" stroke="#000" stroke-opacity=".5" stroke-width=".571"/><path d="M8.614 28.71c1.84 2.355 8.322.366 14.479-4.444 6.155-4.81 9.654-10.618 7.814-12.974-1.84-2.356-8.323-.366-14.48 4.443-6.155 4.81-9.654 10.619-7.813 12.974Z" stroke="#673AB8" stroke-width="1.443" stroke-dasharray="34.67 5.65"/><path d="M30.909 28.71c1.84-2.356-1.659-8.165-7.815-12.974-6.156-4.81-12.638-6.8-14.478-4.444-1.84 2.356 1.658 8.165 7.814 12.974 6.156 4.81 12.638 6.8 14.479 4.444Z" stroke="#673AB8" stroke-width="1.443" stroke-dasharray="35.08 5.25"/><path d="M19.764 22.454a2.454 2.454 0 1 0 0-4.908 2.454 2.454 0 0 0 0 4.908Z" fill="#673AB8"/></svg>
\ No newline at end of file
diff --git a/docs/public/static/images/examples/remix.svg b/docs/public/static/images/examples/remix.svg
index f9dc7067a39b6a..6b1b2e551fa94b 100644
--- a/docs/public/static/images/examples/remix.svg
+++ b/docs/public/static/images/examples/remix.svg
@@ -1,4 +1 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40Z" fill="black"/>
-<path d="M29.7808 26.3623C29.9953 29.1139 29.9953 30.4036 29.9953 31.8111H23.6302C23.6302 31.504 23.6353 31.2241 23.6403 30.9392C23.6584 30.0552 23.6765 29.133 23.5326 27.2714C23.3433 24.545 22.1693 23.9389 20.0117 23.9389H10V18.9793H20.3138C23.0402 18.9793 24.4045 18.1507 24.4045 15.9538C24.4045 14.0238 23.0402 12.8528 20.3138 12.8528H10V8H21.4505C27.6222 8 30.69 10.9157 30.69 15.5722C30.69 19.0558 28.5314 21.3272 25.6157 21.7057C28.0773 22.1981 29.5161 23.5986 29.7808 26.3623Z" fill="white"/>
-</svg>
+<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 40a20 20 0 1 0 0-40 20 20 0 0 0 0 40Z" fill="#000"/><path d="M29.78 26.36c.22 2.75.22 4.04.22 5.45h-6.37l.01-.87c.02-.88.04-1.8-.1-3.67-.2-2.72-1.37-3.33-3.53-3.33H10v-4.96h10.31c2.73 0 4.1-.83 4.1-3.03 0-1.93-1.37-3.1-4.1-3.1H10V8h11.45c6.17 0 9.24 2.92 9.24 7.57 0 3.49-2.16 5.76-5.07 6.14 2.46.49 3.9 1.89 4.16 4.65Z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/docs/public/static/images/examples/tailwindcss.svg b/docs/public/static/images/examples/tailwindcss.svg
index e479a885912afa..6009cb67cb8233 100644
--- a/docs/public/static/images/examples/tailwindcss.svg
+++ b/docs/public/static/images/examples/tailwindcss.svg
@@ -1,3 +1 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M25.5 12C19.5 12 15.75 15 14.25 21C16.5 18 19.125 16.875 22.125 17.625C23.8367 18.0525 25.06 19.295 26.4142 20.6691C28.62 22.9083 31.1733 25.5 36.75 25.5C42.75 25.5 46.5 22.5 48 16.5C45.75 19.5 43.125 20.625 40.125 19.875C38.4133 19.4475 37.19 18.205 35.8358 16.8308C33.63 14.5917 31.0767 12 25.5 12ZM14.25 25.5C8.25 25.5 4.5 28.4999 3 34.4999C5.25 31.4999 7.875 30.3749 10.875 31.1249C12.5867 31.5533 13.81 32.7949 15.1642 34.1691C17.37 36.4083 19.9233 38.9999 25.5 38.9999C31.5 38.9999 35.25 35.9999 36.75 29.9999C34.5 32.9999 31.875 34.1249 28.875 33.3749C27.1633 32.9474 25.94 31.7049 24.5858 30.3308C22.38 28.0916 19.8267 25.5 14.25 25.5Z" fill="#38BDF8"/>
-</svg>
+<svg width="50" height="50" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.5 12c-6 0-9.75 3-11.25 9 2.25-3 4.88-4.13 7.88-3.38 1.7.43 2.93 1.68 4.28 3.05 2.21 2.24 4.76 4.83 10.34 4.83 6 0 9.75-3 11.25-9-2.25 3-4.88 4.13-7.88 3.38-1.7-.43-2.93-1.68-4.28-3.05C33.63 14.6 31.08 12 25.5 12ZM14.25 25.5c-6 0-9.75 3-11.25 9 2.25-3 4.88-4.13 7.88-3.38 1.7.43 2.93 1.67 4.28 3.05C17.37 36.4 19.92 39 25.5 39c6 0 9.75-3 11.25-9-2.25 3-4.88 4.12-7.88 3.37-1.7-.42-2.93-1.67-4.28-3.04-2.21-2.24-4.76-4.83-10.34-4.83Z" fill="#38BDF8"/></svg>
\ No newline at end of file
diff --git a/docs/public/static/images/examples/vite.svg b/docs/public/static/images/examples/vite.svg
index f050e25086544f..37ab6b40e86ee8 100644
--- a/docs/public/static/images/examples/vite.svg
+++ b/docs/public/static/images/examples/vite.svg
@@ -1,15 +1 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M35.8025 8.41363L20.5776 36.0435C20.5073 36.1729 20.4035 36.2809 20.2771 36.3565C20.1507 36.432 20.0064 36.4721 19.8592 36.4727C19.7119 36.4732 19.5673 36.4342 19.4403 36.3597C19.3134 36.2851 19.2088 36.1779 19.1375 36.0491L3.61079 8.41507C3.26317 7.79748 3.78382 7.04827 4.47484 7.1729L19.7163 9.93829C19.8133 9.95602 19.9128 9.95602 20.0098 9.93829L34.9329 7.17711C35.621 7.04971 36.1444 7.79327 35.8025 8.41363Z" fill="url(#paint0_linear_1518_18246)"/>
-<path d="M26.9751 3.54784L15.7078 5.78836C15.6171 5.80697 15.5351 5.85516 15.4747 5.92528C15.4144 5.9954 15.3789 6.0837 15.374 6.17609L14.6817 18.0544C14.6772 18.1191 14.6877 18.1839 14.7126 18.2436C14.7375 18.3035 14.7761 18.3566 14.8252 18.3989C14.8743 18.4412 14.9326 18.4713 14.9954 18.487C15.0583 18.5027 15.1239 18.5034 15.1872 18.4892L18.3235 17.754C18.617 17.6848 18.8829 17.9479 18.822 18.247L17.8901 22.8789C17.8751 22.9496 17.8786 23.0229 17.9004 23.0917C17.9224 23.1606 17.9618 23.2225 18.0149 23.2714C18.068 23.3203 18.1329 23.3546 18.2034 23.3708C18.2737 23.3869 18.3472 23.3845 18.4163 23.3636L20.3535 22.7681C20.4227 22.7473 20.496 22.7448 20.5665 22.761C20.6368 22.7772 20.7017 22.8114 20.7549 22.8603C20.8081 22.9092 20.8475 22.9712 20.8693 23.04C20.8913 23.1089 20.8948 23.1822 20.8796 23.2528L19.398 30.5297C19.3053 30.9839 19.902 31.2317 20.15 30.8426L20.3161 30.5808L29.4967 11.9865C29.6504 11.675 29.386 11.3205 29.0494 11.3869L25.8204 12.0184C25.7503 12.0315 25.6779 12.0264 25.6104 12.0035C25.5428 11.9807 25.4822 11.941 25.4345 11.888C25.3866 11.835 25.3533 11.7707 25.3374 11.7012C25.3216 11.6317 25.3238 11.5592 25.3439 11.4907L27.4515 4.07548C27.4717 4.00691 27.4741 3.93435 27.4582 3.86467C27.4423 3.79499 27.4087 3.73052 27.3607 3.67756C27.3128 3.62461 27.252 3.58484 27.1843 3.56213C27.1165 3.53942 27.044 3.53455 26.9738 3.54784H26.9751Z" fill="url(#paint1_linear_1518_18246)"/>
-<defs>
-<linearGradient id="paint0_linear_1518_18246" x1="3.23138" y1="6.18563" x2="22.5445" y2="32.03" gradientUnits="userSpaceOnUse">
-<stop stop-color="#41D1FF"/>
-<stop offset="1" stop-color="#BD34FE"/>
-</linearGradient>
-<linearGradient id="paint1_linear_1518_18246" x1="18.84" y1="4.1558" x2="22.367" y2="28.0039" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFEA83"/>
-<stop offset="0.083" stop-color="#FFDD35"/>
-<stop offset="1" stop-color="#FFA800"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M35.8 8.41 20.58 36.04a.82.82 0 0 1-1.44 0L3.6 8.43c-.35-.62.17-1.37.86-1.25l15.25 2.77c.1.02.2.02.29 0l14.92-2.76c.7-.13 1.21.61.87 1.23Z" fill="url(#a)"/><path d="M26.98 3.55 15.7 5.79a.42.42 0 0 0-.34.39l-.69 11.87a.42.42 0 0 0 .5.44l3.14-.74c.3-.07.56.2.5.5l-.93 4.63a.42.42 0 0 0 .31.5c.07 0 .15 0 .22-.02l1.93-.6a.42.42 0 0 1 .53.5l-1.48 7.27c-.1.45.5.7.75.31l.17-.26 9.18-18.6c.15-.3-.11-.66-.45-.6l-3.23.64a.42.42 0 0 1-.48-.53l2.11-7.41a.42.42 0 0 0-.48-.53Z" fill="url(#b)"/><defs><linearGradient id="a" x1="3.23" y1="6.19" x2="22.54" y2="32.03" gradientUnits="userSpaceOnUse"><stop stop-color="#41D1FF"/><stop offset="1" stop-color="#BD34FE"/></linearGradient><linearGradient id="b" x1="18.84" y1="4.16" x2="22.37" y2="28" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEA83"/><stop offset=".08" stop-color="#FFDD35"/><stop offset="1" stop-color="#FFA800"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/docs/public/static/images/packages/mui-packages.png b/docs/public/static/images/packages/mui-packages.png
index 17b3825017f994..86e549189acccd 100644
Binary files a/docs/public/static/images/packages/mui-packages.png and b/docs/public/static/images/packages/mui-packages.png differ
diff --git a/docs/public/static/images/packages/mui-system.png b/docs/public/static/images/packages/mui-system.png
index 3719d3788199d4..d27e7bf2445946 100644
Binary files a/docs/public/static/images/packages/mui-system.png and b/docs/public/static/images/packages/mui-system.png differ
diff --git a/docs/public/static/joy-ui/overview/order-dashboard.png b/docs/public/static/joy-ui/overview/order-dashboard.png
new file mode 100644
index 00000000000000..753e1629dced4b
Binary files /dev/null and b/docs/public/static/joy-ui/overview/order-dashboard.png differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/email-dark.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/email-dark.jpg
index ac3fc00035e90c..5ea3d4f2045e49 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/email-dark.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/email-dark.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/email.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/email.jpg
index 12f2e5feec25b7..fcacfd68d3ca33 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/email.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/email.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/files-dark.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/files-dark.jpg
index 9518b97cd1317a..1fde3c4eccde5d 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/files-dark.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/files-dark.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/files.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/files.jpg
index b6004ee1e1b2c1..e49cc5591503a8 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/files.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/files.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/framesx-web-blocks-dark.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/framesx-web-blocks-dark.jpg
index 5b0778c645d20f..c0f95401408477 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/framesx-web-blocks-dark.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/framesx-web-blocks-dark.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/framesx-web-blocks.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/framesx-web-blocks.jpg
index 8ba7e489ae5423..5a6eba9397e6a8 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/framesx-web-blocks.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/framesx-web-blocks.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/messages-dark.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/messages-dark.jpg
index 1b02be5ec38766..c93c04a0e1810e 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/messages-dark.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/messages-dark.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/messages.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/messages.jpg
index 4424555cc12067..15a318f7009c4a 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/messages.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/messages.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/order-dashboard-dark.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/order-dashboard-dark.jpg
index 897bae0bb2289b..7ee55d135f7a39 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/order-dashboard-dark.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/order-dashboard-dark.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/order-dashboard.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/order-dashboard.jpg
index 52fd740db46973..b415d287a70e68 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/order-dashboard.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/order-dashboard.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/profile-dashboard-dark.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/profile-dashboard-dark.jpg
index 49cf54bdc2ef2a..21b7aa215a9e2b 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/profile-dashboard-dark.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/profile-dashboard-dark.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/profile-dashboard.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/profile-dashboard.jpg
index 799144f8956859..16e35ff0042c29 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/profile-dashboard.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/profile-dashboard.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/rental-dashboard-dark.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/rental-dashboard-dark.jpg
index f21f51353163a0..90ea71583bc2ac 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/rental-dashboard-dark.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/rental-dashboard-dark.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/rental-dashboard.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/rental-dashboard.jpg
index 789b86b380ac19..d464c6e26cedbe 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/rental-dashboard.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/rental-dashboard.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/sign-in-side-dark.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/sign-in-side-dark.jpg
index a795922b70f436..a80ee365734390 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/sign-in-side-dark.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/sign-in-side-dark.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/sign-in-side.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/sign-in-side.jpg
index 1593f64c19a5cf..2425b95b48b768 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/sign-in-side.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/sign-in-side.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/team-dark.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/team-dark.jpg
index 5648a6a97278ed..b935cc98f382eb 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/team-dark.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/team-dark.jpg differ
diff --git a/docs/public/static/screenshots/joy-ui/getting-started/templates/team.jpg b/docs/public/static/screenshots/joy-ui/getting-started/templates/team.jpg
index 1fd111188d45d2..91ba11ece0dca7 100644
Binary files a/docs/public/static/screenshots/joy-ui/getting-started/templates/team.jpg and b/docs/public/static/screenshots/joy-ui/getting-started/templates/team.jpg differ
diff --git a/docs/scripts/formattedTSDemos.js b/docs/scripts/formattedTSDemos.js
index 72d0bc39f5b905..8e4aecaa1bf47b 100644
--- a/docs/scripts/formattedTSDemos.js
+++ b/docs/scripts/formattedTSDemos.js
@@ -15,12 +15,16 @@ const path = require('path');
 const fse = require('fs-extra');
 const babel = require('@babel/core');
 const prettier = require('prettier');
-const typescriptToProptypes = require('typescript-to-proptypes');
+const { getPropTypesFromFile, injectPropTypesInFile } = require('typescript-to-proptypes');
+const {
+  createTypeScriptProjectBuilder,
+} = require('@mui-internal/api-docs-builder/utils/createTypeScriptProject');
+const {
+  CORE_TYPESCRIPT_PROJECTS,
+} = require('@mui-internal/api-docs-builder/utils/coreTypeScriptProjects');
 const yargs = require('yargs');
 const { fixBabelGeneratorIssues, fixLineEndings } = require('@mui-internal/docs-utilities');
 
-const tsConfig = typescriptToProptypes.loadConfig(path.resolve(__dirname, '../tsconfig.json'));
-
 const babelConfig = {
   presets: ['@babel/preset-typescript'],
   plugins: [],
@@ -75,7 +79,7 @@ const TranspileResult = {
   Failed: 1,
 };
 
-async function transpileFile(tsxPath, program) {
+async function transpileFile(tsxPath, project) {
   const jsPath = tsxPath.replace(/\.tsx?$/, '.js');
   try {
     const source = await fse.readFile(tsxPath, 'utf8');
@@ -96,24 +100,28 @@ async function transpileFile(tsxPath, program) {
       throw new Error('TypeScript demo contains prop-types, please remove them');
     }
 
-    const propTypesAST = typescriptToProptypes.parseFromProgram(tsxPath, program, {
+    console.log(tsxPath);
+
+    const propTypesAST = getPropTypesFromFile({
+      project,
+      filePath: tsxPath,
       shouldResolveObject: ({ name }) => {
-        if (name === 'classes' || name === 'ownerState') {
+        if (name === 'classes' || name === 'ownerState' || name === 'popper') {
           return false;
         }
 
         return undefined;
       },
     });
-    const codeWithPropTypes = typescriptToProptypes.inject(propTypesAST, code);
-
+    const codeWithPropTypes = injectPropTypesInFile({ components: propTypesAST, target: code });
     const prettierConfig = prettier.resolveConfig.sync(jsPath, {
       config: path.join(workspaceRoot, 'prettier.config.js'),
     });
     const prettierFormat = (jsSource) =>
       prettier.format(jsSource, { ...prettierConfig, filepath: jsPath });
 
-    const prettified = prettierFormat(codeWithPropTypes);
+    const codeWithoutTsIgnoreComments = codeWithPropTypes.replace(/^\s*\/\/ @ts-ignore.*$/gm, '');
+    const prettified = prettierFormat(codeWithoutTsIgnoreComments);
     const formatted = fixBabelGeneratorIssues(prettified);
     const correctedLineEndings = fixLineEndings(source, formatted);
 
@@ -146,15 +154,20 @@ async function main(argv) {
   const tsxFiles = [
     ...(await getFiles(path.join(workspaceRoot, 'docs/src/pages'))), // old structure
     ...(await getFiles(path.join(workspaceRoot, 'docs/data'))), // new structure
-  ].filter((fileName) => {
-    return filePattern.test(fileName);
-  });
+  ].filter((fileName) => filePattern.test(fileName));
 
-  const program = typescriptToProptypes.createTSProgram(tsxFiles, tsConfig);
+  const buildProject = createTypeScriptProjectBuilder(CORE_TYPESCRIPT_PROJECTS);
+  const project = buildProject('docs', { files: tsxFiles });
 
   let successful = 0;
   let failed = 0;
-  (await Promise.all(tsxFiles.map((file) => transpileFile(file, program)))).forEach((result) => {
+  (
+    await Promise.all(
+      tsxFiles.map((file) => {
+        return transpileFile(file, project);
+      }),
+    )
+  ).forEach((result) => {
     switch (result) {
       case TranspileResult.Success: {
         successful += 1;
@@ -189,7 +202,7 @@ async function main(argv) {
 
   tsxFiles.forEach((filePath) => {
     fse.watchFile(filePath, { interval: 500 }, async () => {
-      if ((await transpileFile(filePath, program, true)) === 0) {
+      if ((await transpileFile(filePath, project, true)) === 0) {
         console.log('Success - %s', filePath);
       }
     });
diff --git a/docs/scripts/reportBrokenLinks.js b/docs/scripts/reportBrokenLinks.js
index 809f6b525e5824..4b291750815399 100644
--- a/docs/scripts/reportBrokenLinks.js
+++ b/docs/scripts/reportBrokenLinks.js
@@ -6,7 +6,7 @@ const { marked } = require('marked');
 const { LANGUAGES_IGNORE_PAGES } = require('../config');
 
 // Use renderer to extract all links into a markdown document
-const getPageLinks = (markdown) => {
+function getPageLinks(markdown) {
   const hrefs = [];
 
   const renderer = new marked.Renderer();
@@ -17,10 +17,10 @@ const getPageLinks = (markdown) => {
   };
   marked(markdown, { mangle: false, headerIds: false, renderer });
   return hrefs;
-};
+}
 
 // List all .js files in a folder
-const getJsFilesInFolder = (folderPath) => {
+function getJsFilesInFolder(folderPath) {
   const files = fse.readdirSync(folderPath, { withFileTypes: true });
   return files.reduce((acc, file) => {
     if (file.isDirectory()) {
@@ -32,7 +32,7 @@ const getJsFilesInFolder = (folderPath) => {
     }
     return acc;
   }, []);
-};
+}
 
 // Returns url assuming it's "./docs/pages/x/..." becomes  "mui.com/x/..."
 const jsFilePathToUrl = (jsFilePath) => {
@@ -41,10 +41,10 @@ const jsFilePathToUrl = (jsFilePath) => {
 
   const root = folder.slice(jsFilePath.indexOf('/pages') + '/pages'.length);
   const suffix = path.extname(file);
-  let page = `/${file.slice(0, file.length - suffix.length)}`;
+  let page = `/${file.slice(0, file.length - suffix.length)}/`;
 
-  if (page === '/index') {
-    page = '';
+  if (page === '/index/') {
+    page = '/';
   }
 
   return `${root}${page}`;
@@ -146,18 +146,16 @@ const parseDocFolder = (folderPath, availableLinks = {}, usedLinks = {}) => {
   mdFiles.forEach(({ fileName, url }) => {
     const { hashes, links } = getLinksAndAnchors(fileName);
 
-    links
-      .map((link) => (link[link.length - 1] === '/' ? link.slice(0, link.length - 1) : link))
-      .forEach((link) => {
-        if (usedLinks[link] === undefined) {
-          usedLinks[link] = [fileName];
-        } else {
-          usedLinks[link].push(fileName);
-        }
-      });
+    links.forEach((link) => {
+      if (usedLinks[link] === undefined) {
+        usedLinks[link] = [fileName];
+      } else {
+        usedLinks[link].push(fileName);
+      }
+    });
 
     hashes.forEach((hash) => {
-      availableLinks[`${url}/#${hash}`] = true;
+      availableLinks[`${url}#${hash}`] = true;
     });
   });
 };
diff --git a/docs/src/MuiPage.ts b/docs/src/MuiPage.ts
index 59b87721c5ba27..fdaa4a820a9d5b 100644
--- a/docs/src/MuiPage.ts
+++ b/docs/src/MuiPage.ts
@@ -49,6 +49,10 @@ export interface MuiPage {
    * @default false
    */
   planned?: boolean;
+  /**
+   * Indicates if the component/hook is not stable yet.
+   */
+  unstable?: boolean;
 }
 
 export interface OrderedMuiPage extends MuiPage {
diff --git a/docs/src/components/about/AboutEnd.tsx b/docs/src/components/about/AboutEnd.tsx
new file mode 100644
index 00000000000000..77757e62292bcd
--- /dev/null
+++ b/docs/src/components/about/AboutEnd.tsx
@@ -0,0 +1,63 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
+import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
+import Link from 'docs/src/modules/components/Link';
+import GradientText from 'docs/src/components/typography/GradientText';
+import ROUTES from 'docs/src/route';
+import Section from 'docs/src/layouts/Section';
+import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
+
+export default function AboutEnd() {
+  return (
+    <Section bg="gradient" sx={{ p: { sm: 8 } }}>
+      <Box
+        sx={{
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center',
+          position: 'relative',
+        }}
+      >
+        <SectionHeadline
+          alwaysCenter
+          overline="Join us"
+          title={
+            <Typography variant="h2" sx={{ maxWidth: 600, mx: 'auto' }}>
+              <GradientText>Build the next generation</GradientText>
+              <br /> of tools for UI development
+            </Typography>
+          }
+          description="Together, we are enabling developers & designers to bring stunning UIs to life with unrivalled speed and ease."
+        />
+        <Button
+          component={Link}
+          noLinkStyle
+          href={ROUTES.careers}
+          endIcon={<KeyboardArrowRightRounded fontSize="small" />}
+          variant="contained"
+          sx={{ width: { xs: '100%', sm: 'fit-content' } }}
+        >
+          View careers
+        </Button>
+      </Box>
+      <Box
+        component="img"
+        src="/static/branding/about/illustrations/team-globe-distribution-light.png"
+        alt="A map illustration with pins loosely positioned where team members from MUI are located."
+        loading="lazy"
+        width="1100"
+        height="690"
+        sx={(theme) => ({
+          mt: -8,
+          display: { xs: 'none', sm: 'block' },
+          width: { sm: '100%' },
+          ...theme.applyDarkStyles({
+            content: 'url(/static/branding/about/illustrations/team-globe-distribution-dark.png)',
+          }),
+        })}
+      />
+    </Section>
+  );
+}
diff --git a/docs/src/components/about/AboutHero.tsx b/docs/src/components/about/AboutHero.tsx
new file mode 100644
index 00000000000000..d5ff899ceb7eea
--- /dev/null
+++ b/docs/src/components/about/AboutHero.tsx
@@ -0,0 +1,167 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import { styled, keyframes } from '@mui/material/styles';
+import Section from 'docs/src/layouts/Section';
+import GradientText from 'docs/src/components/typography/GradientText';
+import TeamStatistics from 'docs/src/components/about/TeamStatistics';
+import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
+
+const teamPhotos = [
+  {
+    img: '/static/branding/about/group-photo/teide-group.jpg',
+    title:
+      'A group photo of the MUI crew posing near the base of Mount Teide at the start of the hike.',
+  },
+  {
+    img: '/static/branding/about/group-photo/skiers.jpg',
+    title: 'MUI team members standing lined-up in the snow with their skigear.',
+  },
+  {
+    img: '/static/branding/about/group-photo/group-photo.jpg',
+    title: 'Photo of the MUI team in front of the pool at our accommodations in Tenerife',
+  },
+  {
+    img: '/static/branding/about/group-photo/team-dinner.png',
+    title: 'Members of the MUI team sitting around a large wooden dining table.',
+  },
+  {
+    img: '/static/branding/about/group-photo/working-table-tenerife.png',
+    title: 'The Toolpad team working together on a heads-down moment in Tenerife.',
+  },
+  {
+    img: '/static/branding/about/group-photo/scuba-gear.png',
+    title:
+      'MUI team members and their diving instructors pose in scuba gear before a successful scuba diving lesson.',
+  },
+  {
+    img: '/static/branding/about/group-photo/outdoor-focus-group.png',
+    title:
+      'An impromptu focus group gathered next to the pool with laptops to discuss cross-team marketing strategies.',
+  },
+  {
+    img: '/static/branding/about/group-photo/working-table-portugal.png',
+    title: 'MUI team members working together on a heads-down moment in Portugal.',
+  },
+  {
+    img: '/static/branding/about/group-photo/snow-tea.png',
+    title: 'The team shares a cup of tea up in the mountains of Chamonix, France.',
+  },
+  {
+    img: '/static/branding/about/group-photo/portugal-sight-seeing.png',
+    title: 'MUI team selfie while sightseeing in Lisbon, Portugal.',
+  },
+];
+
+const ImageContainer = styled('div')(() => ({
+  display: 'flex',
+  gap: 16,
+  justifyContent: 'center',
+}));
+
+const Image = styled('img')(({ theme }) => ({
+  width: 400,
+  height: 300,
+  boxSizing: 'content-box',
+  objectFit: 'cover',
+  borderRadius: theme.shape.borderRadius,
+  border: '1px solid',
+  borderColor: (theme.vars || theme).palette.divider,
+  boxShadow: `0px 2px 8px ${(theme.vars || theme).palette.grey[200]}`,
+  transition: 'all 100ms ease',
+  ...theme.applyDarkStyles({
+    borderColor: (theme.vars || theme).palette.primaryDark[600],
+    boxShadow: `0px 2px 8px ${(theme.vars || theme).palette.common.black}`,
+  }),
+}));
+
+const scroll = keyframes`
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-100%)
+  }
+`;
+
+function PhotoGallery() {
+  return (
+    <Box
+      sx={(theme) => ({
+        borderRadius: 1,
+        overflow: 'hidden',
+        position: 'relative',
+        minWidth: '100%',
+        display: 'flex',
+        gap: 2,
+        my: 5,
+        '& > div': {
+          animation: `${scroll} 120s linear infinite`,
+        },
+        '&::before, &::after': {
+          background: `linear-gradient(to right, #FFF 0%, rgba(255, 255, 255, 0) 100%)`,
+          content: "''",
+          height: '100%',
+          position: 'absolute',
+          width: 200,
+          zIndex: 1,
+          pointerEvents: 'none',
+        },
+        '&::before': {
+          right: { xs: -64, sm: -20 },
+          top: 0,
+          transform: 'rotateZ(180deg)',
+        },
+        '&::after': {
+          left: { xs: -64, sm: -20 },
+          top: 0,
+        },
+        ...theme.applyDarkStyles({
+          '&::before, &::after': {
+            background: `linear-gradient(to right, ${
+              (theme.vars || theme).palette.primaryDark[900]
+            } 0%, rgba(0, 0, 0, 0) 100%)`,
+          },
+        }),
+      })}
+    >
+      <ImageContainer>
+        {teamPhotos.map((item, index) => (
+          <Image
+            key={index}
+            src={item.img}
+            alt={item.title}
+            loading={index > 2 ? 'lazy' : undefined}
+            fetchPriority={index > 2 ? undefined : 'high'}
+          />
+        ))}
+      </ImageContainer>
+      <ImageContainer aria-hidden="true">
+        {/* aria-hidden is used here because this element is a copy from the above, meaning we want to hide it from screen readers. */}
+        {teamPhotos.map((item, index) => (
+          <Image key={index} src={item.img} alt={item.title} loading="lazy" />
+        ))}
+      </ImageContainer>
+    </Box>
+  );
+}
+
+export default function AboutHero() {
+  return (
+    <Section cozy bg="gradient">
+      <SectionHeadline
+        alwaysCenter
+        overline="About us"
+        title={
+          <Typography variant="h2" sx={{ maxWidth: 600, mx: 'auto' }}>
+            We&apos;re on a mission to make <br />{' '}
+            <GradientText>building better UIs effortless</GradientText>
+          </Typography>
+        }
+        description="Together, we are enabling developers & designers to bring stunning UIs to life with unrivalled speed and ease."
+      />
+      <PhotoGallery />
+      <TeamStatistics />
+    </Section>
+  );
+}
diff --git a/docs/src/components/about/HowToSupport.tsx b/docs/src/components/about/HowToSupport.tsx
new file mode 100644
index 00000000000000..e3346a64a40177
--- /dev/null
+++ b/docs/src/components/about/HowToSupport.tsx
@@ -0,0 +1,190 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Grid from '@mui/material/Grid';
+import Paper from '@mui/material/Paper';
+import Typography from '@mui/material/Typography';
+import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
+import ForumRoundedIcon from '@mui/icons-material/ForumRounded';
+import PeopleRoundedIcon from '@mui/icons-material/PeopleRounded';
+import LocalAtmRoundedIcon from '@mui/icons-material/LocalAtmRounded';
+import GradientText from 'docs/src/components/typography/GradientText';
+import Link from 'docs/src/modules/components/Link';
+import Section from 'docs/src/layouts/Section';
+import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
+import { GlowingIconContainer } from 'docs/src/components/action/InfoCard';
+
+function Widget({
+  children,
+  title,
+  icon,
+}: {
+  children: React.ReactNode;
+  title: string;
+  icon: React.ReactElement;
+}) {
+  return (
+    <Paper
+      variant="outlined"
+      sx={(theme) => ({
+        p: 4,
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        borderRadius: '12px',
+        border: '1px solid',
+        borderColor: 'grey.100',
+        background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
+        ...theme.applyDarkStyles({
+          bgcolor: 'primaryDark.900',
+          borderColor: 'primaryDark.700',
+          background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
+        }),
+      })}
+    >
+      <GlowingIconContainer icon={icon} />
+      <Typography
+        fontWeight="bold"
+        component="h3"
+        color="text.primary"
+        variant="body2"
+        mt={2}
+        mb={0.5}
+      >
+        {title}
+      </Typography>
+      {children}
+    </Paper>
+  );
+}
+
+export default function HowToSupport() {
+  return (
+    <Section cozy>
+      <SectionHeadline
+        overline="Support us"
+        title={
+          <Typography variant="h2" sx={{ maxWidth: 600, mb: 4 }}>
+            Learn how to support
+            <br /> <GradientText>MUI&apos;s growth</GradientText>
+          </Typography>
+        }
+        description=""
+      />
+      <Grid container spacing={3}>
+        <Grid item xs={12} sm={6} md={4}>
+          <Widget
+            icon={<ForumRoundedIcon fontSize="small" color="primary" />}
+            title="Give feedback"
+          >
+            <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
+              Tell us what and where we can improve or share your happy moments with us! You can
+              also up or downvote any page on our documentation. <br />
+              <br /> And lastly, from time to time, we send our community a survey for more
+              structured feedback, you&apos;re always invited to participate to share your thoughts.
+            </Typography>
+            <Button
+              component="a"
+              // @ts-expect-error
+              variant="link"
+              size="small"
+              href="https://github.com/mui/material-ui/issues?q=is%3Aissue+is%3Aopen+sort%3Areactions-%2B1-desc"
+              endIcon={<KeyboardArrowRightRounded />}
+              sx={{ ml: -1, mt: 'auto', width: 'fit-content' }}
+            >
+              Leave your feedback{' '}
+            </Button>
+          </Widget>
+        </Grid>
+        <Grid item xs={12} sm={6} md={4}>
+          <Widget
+            icon={<PeopleRoundedIcon fontSize="small" color="primary" />}
+            title="Join the community"
+          >
+            <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
+              Become a member of a huge community of developers supporting MUI. You can:
+            </Typography>
+            <Box
+              component="ul"
+              sx={{
+                typography: 'body2',
+                color: 'text.secondary',
+                pl: 2,
+                mb: 2,
+              }}
+            >
+              <li>
+                Add new features by{' '}
+                <Link href="https://github.com/mui/material-ui/blob/HEAD/CONTRIBUTING.md#your-first-pull-request">
+                  submitting a pull request
+                </Link>
+                .
+              </li>
+              <li>
+                Fix bugs or{' '}
+                <Link href="https://github.com/mui/material-ui/tree/HEAD/docs">
+                  improve our documentation
+                </Link>
+                .
+              </li>
+              <li>
+                Help others by reviewing and commenting on existing{' '}
+                <Link href="https://github.com/mui/material-ui/pulls">PRs</Link> and{' '}
+                <Link href="https://github.com/mui/material-ui/issues">issues</Link>.
+              </li>
+              <li>
+                Help <Link href="https://crowdin.com/project/material-ui-docs">translate</Link> the
+                documentation.
+              </li>
+              <li>
+                Answer questions on{' '}
+                <Link href="https://stackoverflow.com/questions/tagged/material-ui">
+                  Stack Overflow
+                </Link>
+                .
+              </li>
+            </Box>
+            <Button
+              component="a"
+              // @ts-expect-error
+              variant="link"
+              size="small"
+              href="https://github.com/mui/material-ui"
+              endIcon={<KeyboardArrowRightRounded />}
+              sx={{ ml: -1, mt: 'auto', width: 'fit-content' }}
+            >
+              See the repository
+            </Button>
+          </Widget>
+        </Grid>
+        <Grid item xs={12} sm={6} md={4}>
+          <Widget
+            icon={<LocalAtmRoundedIcon fontSize="small" color="primary" />}
+            title="Support us financially"
+          >
+            <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
+              If you use MUI in a commercial project and would like to support its continued
+              development by becoming a Sponsor, or in a side or hobby project and would like to
+              become a Backer, you can do so through {'Open Collective'}.
+              <br />
+              <br />
+              All funds donated are managed transparently, and Sponsors receive recognition in the
+              README and on the MUI home page.
+            </Typography>
+            <Button
+              component="a"
+              // @ts-expect-error
+              variant="link"
+              size="small"
+              href="https://opencollective.com/mui"
+              endIcon={<KeyboardArrowRightRounded />}
+              sx={{ ml: -1, mt: 'auto', width: 'fit-content' }}
+            >
+              {'See Open Collective'}
+            </Button>
+          </Widget>
+        </Grid>
+      </Grid>
+    </Section>
+  );
+}
diff --git a/docs/src/components/about/OurValues.tsx b/docs/src/components/about/OurValues.tsx
new file mode 100644
index 00000000000000..40b58370b82d19
--- /dev/null
+++ b/docs/src/components/about/OurValues.tsx
@@ -0,0 +1,140 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Grid from '@mui/material/Grid';
+import Paper from '@mui/material/Paper';
+import Typography from '@mui/material/Typography';
+import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
+import Link from 'docs/src/modules/components/Link';
+import GradientText from 'docs/src/components/typography/GradientText';
+import ROUTES from 'docs/src/route';
+import Section from 'docs/src/layouts/Section';
+import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
+
+const values = [
+  {
+    title: 'Put community first 💙',
+    description: 'We never lose sight of who we’re serving and why.',
+    lightIcon: 'url(/static/branding/about/illustrations/community-light.svg)',
+    darkIcon: 'url(/static/branding/about/illustrations/community-dark.svg)',
+    width: 92,
+    height: 84,
+  },
+  {
+    title: 'Avoid bureaucracy 🚫',
+    description: 'We’re so not corporate — and we like it that way.',
+    lightIcon: 'url(/static/branding/about/illustrations/bureaucracy-light.svg)',
+    darkIcon: 'url(/static/branding/about/illustrations/bureaucracy-dark.svg)',
+    width: 81,
+    height: 94,
+  },
+  {
+    title: 'Chase “better” 🌱',
+    description: 'We’re driven by an unending desire to improve.',
+    lightIcon: 'url(/static/branding/about/illustrations/better-light.svg)',
+    darkIcon: 'url(/static/branding/about/illustrations/better-dark.svg)',
+    width: 89,
+    height: 89,
+  },
+  {
+    title: 'Trust and deliver together 🚀',
+    description: 'We choose to cultivate unity as the core of achievement.',
+    lightIcon: 'url(/static/branding/about/illustrations/trust-light.svg)',
+    darkIcon: 'url(/static/branding/about/illustrations/trust-dark.svg)',
+    width: 75,
+    height: 92,
+  },
+];
+
+export default function OurValues() {
+  return (
+    <Section cozy>
+      <Box
+        sx={{
+          display: 'flex',
+          flexDirection: 'column',
+        }}
+      >
+        <SectionHeadline
+          overline="Our values"
+          title={
+            <Typography variant="h2">
+              The MUI <GradientText>team pact</GradientText>
+            </Typography>
+          }
+          description="They explain the behaviors and mindsets we actively encourage, discourage, and why. They serve as a guide toward better decision-making, results, and experiences at work."
+        />
+        <Button
+          component={Link}
+          noLinkStyle
+          href={ROUTES.handbook}
+          endIcon={<KeyboardArrowRightRounded fontSize="small" />}
+          variant="contained"
+          sx={{ width: { xs: '100%', sm: 'fit-content' } }}
+        >
+          View our handbook
+        </Button>
+      </Box>
+      <Grid container spacing={3} sx={{ mt: { xs: 1, sm: 2 } }}>
+        {values.map(({ title, description, darkIcon, lightIcon, height, width }) => (
+          <Grid key={title} item xs={12} md={3}>
+            <Paper
+              variant="outlined"
+              sx={(theme) => ({
+                p: 4,
+                height: '100%',
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'space-between',
+                gap: 1.5,
+                background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
+                ...theme.applyDarkStyles({
+                  bgcolor: 'primaryDark.900',
+                  background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
+                  borderColor: 'primaryDark.700',
+                }),
+              })}
+            >
+              <Box
+                sx={(theme) => ({
+                  background: `${lightIcon}`,
+                  ...theme.applyDarkStyles({
+                    background: `${darkIcon}`,
+                  }),
+                })}
+                width={width}
+                height={height}
+              />
+              <Box sx={{ flexGrow: 1 }}>
+                <Typography
+                  fontWeight="bold"
+                  component="h3"
+                  variant="body2"
+                  sx={(theme) => ({
+                    mb: 0.5,
+                    color: (theme.vars || theme).palette.text.primary,
+                    '&::first-letter': {
+                      mr: 0.1,
+                      fontSize: theme.typography.pxToRem(16),
+                      color: (theme.vars || theme).palette.primary.main,
+                    },
+                    ...theme.applyDarkStyles({
+                      '&::first-letter': {
+                        color: (theme.vars || theme).palette.primary[400],
+                      },
+                    }),
+                  })}
+                >
+                  {title}
+                </Typography>
+                <Typography variant="body2" color="text.secondary">
+                  {description}
+                </Typography>
+              </Box>
+            </Paper>
+          </Grid>
+        ))}
+      </Grid>
+    </Section>
+  );
+}
diff --git a/docs/src/components/about/Team.tsx b/docs/src/components/about/Team.tsx
new file mode 100644
index 00000000000000..a361923e50d58b
--- /dev/null
+++ b/docs/src/components/about/Team.tsx
@@ -0,0 +1,395 @@
+import * as React from 'react';
+import Avatar from '@mui/material/Avatar';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Container from '@mui/material/Container';
+import Divider from '@mui/material/Divider';
+import IconButton from '@mui/material/IconButton';
+import Grid from '@mui/material/Grid';
+import Paper, { PaperProps } from '@mui/material/Paper';
+import Typography from '@mui/material/Typography';
+import Tooltip from '@mui/material/Tooltip';
+import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
+import TwitterIcon from '@mui/icons-material/Twitter';
+import GitHubIcon from '@mui/icons-material/GitHub';
+import Link from 'docs/src/modules/components/Link';
+import ROUTES from 'docs/src/route';
+import Section from 'docs/src/layouts/Section';
+import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
+import GradientText from 'docs/src/components/typography/GradientText';
+import teamMembers from 'docs/data/about/teamMembers.json';
+
+interface Profile {
+  name: string;
+  /**
+   * Role, what are you working on?
+   */
+  title: string;
+  /**
+   * Country where you live in, ISO 3166-1.
+   */
+  locationCountry: string; // https://flagpedia.net/download/api
+  /**
+   * Image URL.
+   */
+  src?: string;
+  /**
+   * Lives in.
+   */
+  location?: string;
+  /**
+   * Short summary about you.
+   */
+  about?: string;
+  github?: string;
+  twitter?: string;
+}
+
+function Person(props: Profile & { sx?: PaperProps['sx'] }) {
+  return (
+    <Paper variant="outlined" sx={{ p: 2, height: '100%', ...props.sx }}>
+      <Box
+        sx={{
+          display: 'flex',
+          alignItems: 'flex-start',
+          flexWrap: 'wrap',
+          '& > div': { minWidth: 'clamp(0px, (150px - 100%) * 999 ,100%)' },
+        }}
+      >
+        <Tooltip
+          title={props.location || false}
+          placement="right-end"
+          describeChild
+          PopperProps={{
+            popperOptions: {
+              modifiers: [
+                {
+                  name: 'offset',
+                  options: {
+                    offset: [3, 2],
+                  },
+                },
+              ],
+            },
+          }}
+        >
+          <Box sx={{ position: 'relative', display: 'inline-block' }}>
+            <Avatar
+              variant="rounded"
+              imgProps={{
+                width: '70',
+                height: '70',
+                loading: 'lazy',
+              }}
+              src={props.src}
+              alt={props.name}
+              {...(props.src?.startsWith('https://avatars.githubusercontent.com') && {
+                src: `${props.src}?s=70`,
+                srcSet: `${props.src}?s=140 2x`,
+              })}
+              sx={(theme) => ({
+                width: 70,
+                height: 70,
+                borderRadius: 1,
+                border: '1px solid',
+                borderColor: 'grey.100',
+                backgroundColor: 'primary.50',
+                ...theme.applyDarkStyles({
+                  backgroundColor: 'primary.900',
+                  borderColor: 'primaryDark.500',
+                }),
+              })}
+            />
+            <Box
+              sx={(theme) => ({
+                width: 24,
+                height: 24,
+                display: 'flex',
+                justifyContent: 'center',
+                position: 'absolute',
+                bottom: 0,
+                right: 0,
+                backgroundColor: '#FFF',
+                borderRadius: 40,
+                border: '2px solid',
+                borderColor: 'primary.50',
+                boxShadow: '0px 2px 8px rgba(0, 0, 0, 0.15)',
+                transform: 'translateX(50%)',
+                overflow: 'hidden',
+                ...theme.applyDarkStyles({
+                  borderColor: 'primary.200',
+                }),
+              })}
+            >
+              <img
+                loading="lazy"
+                height="20"
+                width="40"
+                src={`https://flagcdn.com/${props.locationCountry}.svg`}
+                alt=""
+              />
+            </Box>
+          </Box>
+        </Tooltip>
+        <Box sx={{ mt: -0.5, mr: -0.5, ml: 'auto' }}>
+          {props.github && (
+            <IconButton
+              aria-label={`${props.name} github`}
+              component="a"
+              href={`https://github.com/${props.github}`}
+              target="_blank"
+              rel="noreferrer noopener"
+            >
+              <GitHubIcon fontSize="small" sx={{ color: 'grey.500' }} />
+            </IconButton>
+          )}
+          {props.twitter && (
+            <IconButton
+              aria-label={`${props.name} twitter`}
+              component="a"
+              href={`https://twitter.com/${props.twitter}`}
+              target="_blank"
+              rel="noreferrer noopener"
+            >
+              <TwitterIcon fontSize="small" sx={{ color: 'grey.500' }} />
+            </IconButton>
+          )}
+        </Box>
+      </Box>
+      <Typography variant="body2" fontWeight="bold" sx={{ mt: 2, mb: 0.5 }}>
+        {props.name}
+      </Typography>
+      <Typography variant="body2" color="text.secondary">
+        {props.title}
+      </Typography>
+      {props.about && <Divider sx={{ my: 1.5 }} />}
+      {props.about && (
+        <Typography variant="body2" color="grey.600">
+          {props.about}
+        </Typography>
+      )}
+    </Paper>
+  );
+}
+
+const contributors = [
+  {
+    name: 'Sebastian Silbermann',
+    github: 'eps1lon',
+    title: 'MUI Core, everything Open Source',
+    location: 'Berlin, Germany',
+    locationCountry: 'de',
+    src: 'https://avatars.githubusercontent.com/u/12292047',
+    twitter: 'sebsilbermann',
+  },
+  {
+    name: 'Ryan Cogswell',
+    github: 'ryancogswell',
+    title: 'Stack Overflow top contributor',
+    location: 'Minnesota, United States',
+    locationCountry: 'us',
+    src: 'https://avatars.githubusercontent.com/u/287804',
+  },
+  {
+    name: 'Yan Lee',
+    github: 'AGDholo',
+    title: 'Chinese docs',
+    location: 'China',
+    locationCountry: 'cn',
+    src: 'https://avatars.githubusercontent.com/u/13300332',
+  },
+  {
+    name: 'Jairon Alves Lima',
+    github: 'jaironalves',
+    title: 'Brazilian Portuguese docs',
+    location: 'São Paulo, Brazil',
+    locationCountry: 'br',
+    src: 'https://avatars.githubusercontent.com/u/29267813',
+  },
+  {
+    name: 'Danica Shen',
+    github: 'DDDDDanica',
+    title: 'Chinese docs',
+    location: 'Ireland',
+    locationCountry: 'ie',
+    src: 'https://avatars.githubusercontent.com/u/12678455',
+  },
+];
+
+const emeriti = [
+  {
+    name: 'Hai Nguyen',
+    github: 'hai-cea',
+    twitter: 'haicea',
+    title: 'MUI Core, v0.x creator',
+    location: 'Dallas, US',
+    locationCountry: 'us',
+    src: 'https://avatars.githubusercontent.com/u/2007468',
+  },
+  {
+    name: 'Nathan Marks',
+    github: 'nathanmarks',
+    title: 'MUI Core, v1.x co-creator',
+    location: 'Toronto, CA',
+    locationCountry: 'ca',
+    src: 'https://avatars.githubusercontent.com/u/4420103',
+  },
+  {
+    name: 'Kevin Ross',
+    github: 'rosskevin',
+    twitter: 'rosskevin',
+    title: 'MUI Core, flow',
+    location: 'Franklin, US',
+    locationCountry: 'us',
+    src: 'https://avatars.githubusercontent.com/u/136564',
+  },
+  {
+    name: 'Sebastian Sebald',
+    github: 'sebald',
+    twitter: 'sebastiansebald',
+    title: 'MUI Core',
+    location: 'Freiburg, Germany',
+    locationCountry: 'de',
+    src: 'https://avatars.githubusercontent.com/u/985701',
+  },
+  {
+    name: 'Ken Gregory',
+    github: 'kgregory',
+    title: 'MUI Core',
+    location: 'New Jersey, US',
+    locationCountry: 'us',
+    src: 'https://avatars.githubusercontent.com/u/3155127',
+  },
+  {
+    name: 'Tom Crockett',
+    github: 'pelotom',
+    twitter: 'pelotom',
+    title: 'MUI Core',
+    location: 'Los Angeles, US',
+    locationCountry: 'us',
+    src: 'https://avatars.githubusercontent.com/u/128019',
+  },
+  {
+    name: 'Maik Marschner',
+    github: 'leMaik',
+    twitter: 'leMaikOfficial',
+    title: 'MUI Core',
+    location: 'Hannover, Germany',
+    locationCountry: 'de',
+    src: 'https://avatars.githubusercontent.com/u/5544859',
+  },
+  {
+    name: 'Oleg Slobodskoi',
+    github: 'kof',
+    twitter: 'oleg008',
+    title: 'MUI Core, JSS',
+    location: 'Berlin, Germany',
+    locationCountry: 'de',
+    src: 'https://avatars.githubusercontent.com/u/52824',
+  },
+  {
+    name: 'Dmitriy Kovalenko',
+    github: 'dmtrKovalenko',
+    twitter: 'goose_plus_plus',
+    title: 'MUI X, date pickers',
+    location: 'Kharkiv, Ukraine',
+    locationCountry: 'ua',
+    src: 'https://avatars.githubusercontent.com/u/16926049',
+  },
+  {
+    name: 'Josh Wooding',
+    github: 'joshwooding',
+    twitter: 'JoshWooding_',
+    title: 'MUI Core, J.P. Morgan',
+    location: 'London, UK',
+    locationCountry: 'gb',
+    src: 'https://avatars.githubusercontent.com/u/12938082',
+  },
+];
+
+export default function Team() {
+  return (
+    <React.Fragment>
+      <Section cozy>
+        <Box
+          sx={{
+            my: 4,
+            display: 'flex',
+            flexDirection: 'column',
+          }}
+        >
+          <SectionHeadline
+            overline="Team"
+            title={
+              <Typography variant="h2" id="muiers">
+                Meet the <GradientText>MUIers</GradientText>
+              </Typography>
+            }
+            description="Contributing from all corners of the world, MUI is a global, fully-remote team & community."
+          />
+          <Button
+            component={Link}
+            noLinkStyle
+            href={ROUTES.careers}
+            endIcon={<KeyboardArrowRightRounded fontSize="small" />}
+            variant="contained"
+            sx={{ width: { xs: '100%', sm: 'fit-content' } }}
+          >
+            View careers
+          </Button>
+        </Box>
+        <Grid container spacing={2}>
+          {(teamMembers as Array<Profile>).map((profileJson) => {
+            const profile = {
+              src: `/static/branding/about/${profileJson.name
+                .split(' ')
+                .map((x) => x.toLowerCase())
+                .join('-')}.png`,
+              ...profileJson,
+            };
+            return (
+              <Grid key={profile.name} item xs={12} sm={6} md={3}>
+                <Person {...profile} />
+              </Grid>
+            );
+          })}
+        </Grid>
+      </Section>
+      <Divider />
+      {/* Community contributors */}
+      <Box data-mui-color-scheme="dark" sx={{ bgcolor: 'primaryDark.900' }}>
+        <Container sx={{ py: { xs: 4, sm: 8 } }}>
+          <Typography component="h3" variant="h4" color="primary.200" fontWeight="semiBold">
+            Community contributors
+          </Typography>
+          <Typography color="text.secondary" sx={{ maxWidth: { md: 500 } }}>
+            Special members of the community deserve a shout-out for their ever-lasting impact on
+            MUI&apos;s products.
+          </Typography>
+          <Grid container spacing={2} mt={2}>
+            {contributors.map((profile) => (
+              <Grid key={profile.name} item xs={12} sm={6} md={3}>
+                <Person {...profile} sx={{ bgcolor: 'primaryDark.600' }} />
+              </Grid>
+            ))}
+          </Grid>
+          <Divider sx={{ my: { xs: 2, sm: 6 } }} />
+          <Typography component="h3" variant="h4" color="warning.300" fontWeight="semiBold">
+            Community emeriti
+          </Typography>
+          <Typography color="text.secondary" sx={{ maxWidth: { md: 500 } }}>
+            We honor some no-longer-active core team members who have made valuable contributions in
+            the past. They advise us from time to time.
+          </Typography>
+          <Grid container spacing={2} mt={2}>
+            {emeriti.map((profile) => (
+              <Grid key={profile.name} item xs={12} sm={6} md={3}>
+                <Person {...profile} sx={{ bgcolor: 'primaryDark.600' }} />
+              </Grid>
+            ))}
+          </Grid>
+        </Container>
+      </Box>
+    </React.Fragment>
+  );
+}
diff --git a/docs/src/components/about/TeamStatistics.tsx b/docs/src/components/about/TeamStatistics.tsx
new file mode 100644
index 00000000000000..a05ccc95f87984
--- /dev/null
+++ b/docs/src/components/about/TeamStatistics.tsx
@@ -0,0 +1,37 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+
+const data = [
+  { number: '2014', metadata: 'The starting year' },
+  { number: '100%', metadata: 'Remote global team' },
+  { number: '20+', metadata: 'Countries represented' },
+];
+
+export default function TeamStatistics() {
+  return (
+    <Box sx={{ display: 'flex', justifyContent: 'center', gap: 2 }}>
+      {data.map((item) => (
+        <Box key={item.number} sx={{ height: '100%', width: { xs: '100%', sm: 200 } }}>
+          <Typography
+            component="p"
+            variant="h4"
+            fontWeight="bold"
+            sx={(theme) => ({
+              textAlign: { xs: 'left', sm: 'center' },
+              color: 'primary.main',
+              ...theme.applyDarkStyles({
+                color: 'primary.200',
+              }),
+            })}
+          >
+            {item.number}
+          </Typography>
+          <Typography color="text.secondary" sx={{ textAlign: { xs: 'left', sm: 'center' } }}>
+            {item.metadata}
+          </Typography>
+        </Box>
+      ))}
+    </Box>
+  );
+}
diff --git a/docs/src/components/action/InfoCard.tsx b/docs/src/components/action/InfoCard.tsx
new file mode 100644
index 00000000000000..dfe90ba4ef635a
--- /dev/null
+++ b/docs/src/components/action/InfoCard.tsx
@@ -0,0 +1,80 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Paper from '@mui/material/Paper';
+import Typography from '@mui/material/Typography';
+import Link from 'docs/src/modules/components/Link';
+
+interface GlowingIconContainerProps {
+  icon: React.ReactNode;
+}
+
+export function GlowingIconContainer({ icon }: GlowingIconContainerProps) {
+  return (
+    <Box
+      sx={(theme) => ({
+        width: 40,
+        height: 40,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderRadius: 1,
+        border: '1px solid',
+        borderColor: 'primary.200',
+        bgcolor: 'primary.50',
+        boxShadow:
+          '0px 1px 6px 0px rgba(194, 224, 255, 1), 0px 2px 30px 0px rgba(234, 237, 241, 0.3) inset',
+        ...theme.applyDarkStyles({
+          borderColor: 'primary.400',
+          bgcolor: 'primary.900',
+          boxShadow:
+            '0px 1px 6px 0px rgba(0, 89, 178, 1), 0px 2px 30px 0px rgba(0, 0, 0, 0.25) inset',
+        }),
+      })}
+    >
+      {icon}
+    </Box>
+  );
+}
+
+interface InfoCardProps {
+  icon: React.ReactNode;
+  title: string;
+  description: string;
+  link?: string;
+}
+
+export default function InfoCard({ icon, title, description, link }: InfoCardProps) {
+  return (
+    <Paper
+      component={link ? Link : 'div'}
+      href={link}
+      noLinkStyle={Boolean(link)}
+      variant="outlined"
+      sx={(theme) => ({
+        p: 3.5,
+        height: '100%',
+        background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
+        ...theme.applyDarkStyles({
+          bgcolor: 'primaryDark.900',
+          background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
+          borderColor: 'primaryDark.700',
+        }),
+      })}
+    >
+      <GlowingIconContainer icon={icon} />
+      <Typography
+        fontWeight="bold"
+        component="h3"
+        color="text.primary"
+        variant="body2"
+        mt={2}
+        mb={0.5}
+      >
+        {title}
+      </Typography>
+      <Typography variant="body2" color="text.secondary">
+        {description}
+      </Typography>
+    </Paper>
+  );
+}
diff --git a/docs/src/components/action/Item.tsx b/docs/src/components/action/Item.tsx
index bcc0e133fd4c86..456bc66864795b 100644
--- a/docs/src/components/action/Item.tsx
+++ b/docs/src/components/action/Item.tsx
@@ -3,15 +3,20 @@ import { useTheme } from '@mui/material/styles';
 import Box, { BoxProps } from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 
-export function Group({ desktopColumns = 1, ...props }: { desktopColumns?: number } & BoxProps) {
+export function Group({
+  desktopColumns = 1,
+  rowLayout = false,
+  ...props
+}: { desktopColumns?: number; rowLayout?: boolean } & BoxProps) {
   const theme = useTheme();
   return (
     <Box
       {...props}
       sx={{
-        maxWidth: { md: 500 },
+        maxWidth: rowLayout ? 'none' : { md: 500 },
         overflow: 'auto',
-        display: 'grid',
+        display: { xs: 'grid', sm: rowLayout ? 'flex' : 'grid' },
+        justifyContent: { xs: 'start', sm: rowLayout ? 'center' : null },
         gap: 1,
         gridTemplateColumns: `repeat(${desktopColumns}, 1fr)`,
         '@media (prefers-reduced-motion: no-preference)': {
@@ -96,7 +101,7 @@ export default function Item({
           color="text.primary"
           variant="body2"
           fontWeight="bold"
-          sx={{ display: 'block' }}
+          sx={{ display: 'block', mr: 2 }}
         >
           {title}
         </Typography>
diff --git a/docs/src/components/action/More.tsx b/docs/src/components/action/More.tsx
index 3d24ed81d519bd..66e88912337f49 100644
--- a/docs/src/components/action/More.tsx
+++ b/docs/src/components/action/More.tsx
@@ -1,8 +1,9 @@
 import * as React from 'react';
+import { alpha } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import ButtonBase, { ButtonBaseProps } from '@mui/material/ButtonBase';
 import Typography from '@mui/material/Typography';
-import AddCircleOutlineRounded from '@mui/icons-material/AddCircleOutlineRounded';
+import AddCircleRoundedIcon from '@mui/icons-material/AddCircleRounded';
 import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
 
 export default (function More(props: ButtonBaseProps) {
@@ -28,7 +29,7 @@ export default (function More(props: ButtonBaseProps) {
         }
       }}
       sx={[
-        {
+        (theme) => ({
           p: 2,
           display: 'flex',
           alignItems: 'center',
@@ -40,33 +41,43 @@ export default (function More(props: ButtonBaseProps) {
           transitionProperty: 'all',
           transitionDuration: '150ms',
           borderColor: 'grey.200',
+          '& * svg': { transition: '0.2s' },
           '&:hover, &:focus': {
             borderColor: 'primary.main',
-            bgcolor: 'primary.50',
+            bgcolor: alpha(theme.palette.primary[100], 0.4),
+            '* .chevron': { transform: 'translateX(2px)' },
             '@media (hover: none)': {
               bgcolor: 'transparent',
             },
           },
-        },
-        (theme) =>
-          theme.applyDarkStyles({
+          ...theme.applyDarkStyles({
             borderColor: 'primaryDark.600',
             '&:hover, &:focus': {
-              bgcolor: 'primaryDark.700',
+              bgcolor: alpha(theme.palette.primary[900], 0.4),
             },
           }),
+        }),
         ...(Array.isArray(props.sx) ? props.sx : [props.sx]),
       ]}
     >
       <Box component="span" sx={{ mr: 1, px: '3px', lineHeight: 0 }}>
-        <AddCircleOutlineRounded color="primary" fontSize="small" />
+        <AddCircleRoundedIcon color="primary" fontSize="small" />
       </Box>
-      <Typography component="span" color="primary.main" variant="body2" fontWeight="bold">
+      <Typography
+        component="span"
+        color="primary.main"
+        variant="body2"
+        fontWeight="bold"
+        sx={{
+          width: '100%',
+        }}
+      >
         Much more{' '}
         <KeyboardArrowRightRounded
+          className="chevron"
           color="primary"
           fontSize="small"
-          sx={{ verticalAlign: 'middle' }}
+          sx={{ verticalAlign: 'middle', ml: 'auto' }}
         />
       </Typography>
     </ButtonBase>
diff --git a/docs/src/components/action/NpmCopyButton.tsx b/docs/src/components/action/NpmCopyButton.tsx
index fdb22f163d60e8..761a099f86c1db 100644
--- a/docs/src/components/action/NpmCopyButton.tsx
+++ b/docs/src/components/action/NpmCopyButton.tsx
@@ -1,22 +1,20 @@
+/* eslint-disable react/prop-types */
 import * as React from 'react';
 import copy from 'clipboard-copy';
-import { Button as ButtonUnstyled, ButtonProps } from '@mui/base/Button';
 import { SxProps } from '@mui/system';
 import { styled, Theme } from '@mui/material/styles';
 import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded';
 import CheckRounded from '@mui/icons-material/CheckRounded';
 
-const Button = styled(ButtonUnstyled)(({ theme }) => ({
+const Button = styled('button')(({ theme }) => ({
   boxSizing: 'border-box',
-  position: 'relative',
   minWidth: 64,
   margin: 0,
   marginTop: 16,
   cursor: 'copy',
   padding: 0,
-  width: 'max-content',
   display: 'inline-flex',
-  alignItems: 'center',
+  alignItems: 'flex-start',
   justifyContent: 'center',
   verticalAlign: 'middle',
   gap: 8,
@@ -24,45 +22,45 @@ const Button = styled(ButtonUnstyled)(({ theme }) => ({
   border: 0,
   boxShadow: 'none',
   backgroundColor: 'transparent',
-  color: (theme.vars || theme).palette.grey[600],
   fontFamily: theme.typography.fontFamilyCode,
   fontSize: theme.typography.pxToRem(12),
   textDecoration: 'none',
   textTransform: 'initial',
   lineHeight: 1.5,
   letterSpacing: 0,
-  transition: theme.transitions.create(['background-color', 'color'], {
+  transition: theme.transitions.create('color', {
     easing: theme.transitions.easing.sharp,
     duration: theme.transitions.duration.shortest,
   }),
   WebkitTapHighlightColor: 'transparent',
   WebkitFontSmoothing: 'subpixel-antialiased',
+  color: (theme.vars || theme).palette.grey[600],
+  '&:hover, &:focus-visible': {
+    color: (theme.vars || theme).palette.primary.main,
+    '@media (hover: none)': {
+      color: (theme.vars || theme).palette.grey[600],
+    },
+  },
   '& svg': {
     display: 'inline-block',
-    position: 'absolute',
-    right: -20,
+    position: 'relative',
+    right: 3,
     top: 1,
     opacity: 0,
-    color: (theme.vars || theme).palette.primary.main,
     transition: theme.transitions.create('opacity', {
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.shortest,
     }),
   },
-  '&:hover, & .Mui-focusVisible': {
-    color: (theme.vars || theme).palette.primary.main,
-    '& svg': {
-      opacity: 1,
-    },
+  '&:focus, &:hover svg': {
+    opacity: 1,
   },
 }));
 
-export default function NpmCopyButton({
-  installation,
-  onClick,
-  sx,
-  ...props
-}: ButtonProps & { installation: string; sx?: SxProps<Theme> }) {
+export default function NpmCopyButton(
+  props: React.HTMLAttributes<HTMLButtonElement> & { installation: string; sx?: SxProps<Theme> },
+) {
+  const { installation, onClick, sx, ...other } = props;
   const [copied, setCopied] = React.useState(false);
   const handleCopy = () => {
     setCopied(true);
@@ -76,14 +74,13 @@ export default function NpmCopyButton({
         handleCopy();
         onClick?.(event);
       }}
-      {...props}
+      {...other}
     >
-      <strong>$</strong>
-      {installation}
+      $ {installation}
       {copied ? (
-        <CheckRounded color="primary" sx={{ fontSize: 15 }} />
+        <CheckRounded color="inherit" sx={{ fontSize: 15 }} />
       ) : (
-        <ContentCopyRounded color="primary" sx={{ fontSize: 15 }} />
+        <ContentCopyRounded color="inherit" sx={{ fontSize: 15 }} />
       )}
     </Button>
   );
diff --git a/docs/src/components/banner/TableOfContentsBanner.tsx b/docs/src/components/banner/TableOfContentsBanner.tsx
index 0be8950f7e92c1..f68238559dce87 100644
--- a/docs/src/components/banner/TableOfContentsBanner.tsx
+++ b/docs/src/components/banner/TableOfContentsBanner.tsx
@@ -15,9 +15,10 @@ export default function TableOfContentsBanner() {
           mb: 2,
           mx: 0.5,
           p: 1,
+          pl: '10px',
           display: 'flex',
           alignItems: 'center',
-          gap: 1.5,
+          gap: '10px',
           backgroundColor: alpha(theme.palette.grey[50], 0.4),
           border: '1px solid',
           borderColor: (theme.vars || theme).palette.divider,
diff --git a/docs/src/components/footer/EmailSubscribe.tsx b/docs/src/components/footer/EmailSubscribe.tsx
index 3d4ae4d2467c55..7550e467eb7115 100644
--- a/docs/src/components/footer/EmailSubscribe.tsx
+++ b/docs/src/components/footer/EmailSubscribe.tsx
@@ -119,35 +119,43 @@ export default function EmailSubscribe({ sx }: { sx?: SxProps<Theme> }) {
               borderRadius: 1,
               border: '1px solid',
               bgcolor: '#fff',
-              boxShadow: '0 1px 2px 0 rgba(0 0 0 / 0.1)',
-              borderColor: 'grey.300',
+              boxShadow: `inset 0 1px 2px ${
+                (theme.vars || theme).palette.grey[50]
+              }, 0 1px 0.5px ${alpha(theme.palette.grey[100], 0.6)}`,
+              borderColor: 'grey.200',
               typography: 'body2',
               '&:hover': {
-                borderColor: 'grey.400',
-                boxShadow: '0 1px 2px 0 rgba(0 0 0 / 0.2)',
+                borderColor: 'grey.300',
+                boxShadow: `inset 0 1px 2px ${(theme.vars || theme).palette.grey[50]}, 0 1px 2px ${
+                  (theme.vars || theme).palette.grey[100]
+                }`,
               },
               [`&.${inputBaseClasses.focused}`]: {
                 boxShadow: `0 0 0 3px ${(theme.vars || theme).palette.primary[200]}`,
-                borderColor: 'primary.500',
+                borderColor: 'primary.300',
               },
               [`& .${inputBaseClasses.input}`]: {
-                borderRadius: `calc(${theme.spacing(1)} - 1px)`,
-                py: '11px',
-                px: 1,
+                borderRadius: `calc(${theme.shape.borderRadius}px - 1px)`,
+                py: 1,
+                px: 1.5,
               },
             }),
             (theme) =>
               theme.applyDarkStyles({
                 bgcolor: 'primaryDark.900',
-                boxShadow: '0 1px 2px 0 rgba(0 0 0 / 1)',
+                boxShadow: `inset 0 1px 1px ${
+                  (theme.vars || theme).palette.primaryDark[900]
+                }, 0 1px 0.5px ${(theme.vars || theme).palette.common.black}`,
                 borderColor: 'primaryDark.500',
                 '&:hover': {
-                  borderColor: 'primaryDark.300',
-                  boxShadow: '0 1px 2px 0 rgba(0 0 0 / 1)',
+                  borderColor: 'primaryDark.400',
+                  boxShadow: `inset 0 1px 1px ${
+                    (theme.vars || theme).palette.primaryDark[900]
+                  }, 0 1px 2px ${(theme.vars || theme).palette.common.black}`,
                 },
                 [`&.${inputBaseClasses.focused}`]: {
-                  boxShadow: `0 0 0 3px ${(theme.vars || theme).palette.primaryDark[500]}`,
-                  borderColor: 'primaryDark.300',
+                  boxShadow: `0 0 0 3px ${(theme.vars || theme).palette.primary[800]}`,
+                  borderColor: 'primary.600',
                 },
               }),
           ]}
@@ -161,16 +169,25 @@ export default function EmailSubscribe({ sx }: { sx?: SxProps<Theme> }) {
               color: 'primary.600',
               py: 1,
               px: 1.5,
+              border: '1px solid',
+              borderColor: 'primary.100',
+              boxShadow: `inset 0 1px 2px ${
+                (theme.vars || theme).palette.grey[50]
+              }, 0 1px 0.5px ${alpha(theme.palette.grey[100], 0.6)}`,
               '&:hover': {
                 bgcolor: alpha(theme.palette.primary[100], 1),
               },
             }),
             (theme) =>
               theme.applyDarkStyles({
-                bgcolor: 'primaryDark.500',
+                bgcolor: alpha(theme.palette.primary[800], 0.3),
                 color: 'primaryDark.100',
+                borderColor: 'primary.800',
+                boxShadow: `inset 0 1px 1px ${
+                  (theme.vars || theme).palette.primary[900]
+                }, 0 1px 0.5px ${(theme.vars || theme).palette.common.black}`,
                 '&:hover': {
-                  bgcolor: 'primaryDark.600',
+                  bgcolor: 'primary.800',
                 },
               }),
           ]}
diff --git a/docs/src/components/header/HeaderNavDropdown.tsx b/docs/src/components/header/HeaderNavDropdown.tsx
index e4d5da78c15a59..1e21620d95a852 100644
--- a/docs/src/components/header/HeaderNavDropdown.tsx
+++ b/docs/src/components/header/HeaderNavDropdown.tsx
@@ -113,7 +113,7 @@ const DOCS = [
     name: 'MUI Toolpad',
     description: 'Low-code admin builder.',
     href: ROUTES.toolpadDocs,
-    chip: 'Alpha',
+    chip: 'Beta',
   },
 ];
 
diff --git a/docs/src/components/header/ThemeModeToggle.tsx b/docs/src/components/header/ThemeModeToggle.tsx
index ce03dfc1d7db37..ff22e076ae3797 100644
--- a/docs/src/components/header/ThemeModeToggle.tsx
+++ b/docs/src/components/header/ThemeModeToggle.tsx
@@ -4,6 +4,8 @@ import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import DarkModeOutlined from '@mui/icons-material/DarkModeOutlined';
 import LightModeOutlined from '@mui/icons-material/LightModeOutlined';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { useChangeTheme } from 'docs/src/modules/components/ThemeContext';
 
 function CssVarsModeToggle(props: { onChange: (checked: boolean) => void }) {
   const [mounted, setMounted] = React.useState(false);
@@ -34,29 +36,55 @@ function CssVarsModeToggle(props: { onChange: (checked: boolean) => void }) {
   );
 }
 
-export default function ThemeModeToggle(props: {
-  checked: boolean;
-  onChange: (checked: boolean) => void;
-}) {
+export default function ThemeModeToggle() {
   const theme = useTheme();
+  const changeTheme = useChangeTheme();
+  const [mode, setMode] = React.useState<string | null>(null);
+  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
+
+  React.useEffect(() => {
+    let initialMode = 'system';
+    try {
+      initialMode = localStorage.getItem('mui-mode') || initialMode;
+    } catch (error) {
+      // do nothing
+    }
+    setMode(initialMode);
+  }, []);
+
+  const handleChangeThemeMode = (checked: boolean) => {
+    const paletteMode = checked ? 'dark' : 'light';
+    setMode(paletteMode);
+
+    try {
+      localStorage.setItem('mui-mode', paletteMode); // syncing with homepage, can be removed once all pages are migrated to CSS variables
+    } catch (error) {
+      // do nothing
+    }
+    changeTheme({ paletteMode });
+  };
+
+  if (mode === null) {
+    return <IconButton color="primary" disableTouchRipple />;
+  }
+
   if (theme.vars) {
     // Temporarily renders conditionally because `useColorScheme` could not be used in the pages that haven't migrated to CSS theme variables.
-    return <CssVarsModeToggle {...props} />;
+    return <CssVarsModeToggle onChange={handleChangeThemeMode} />;
   }
+
+  const checked = mode === 'system' ? prefersDarkMode : mode === 'dark';
+
   return (
-    <Tooltip title={props.checked ? 'Turn on the light' : 'Turn off the light'}>
+    <Tooltip title={checked ? 'Turn on the light' : 'Turn off the light'}>
       <IconButton
         color="primary"
         disableTouchRipple
         onClick={() => {
-          props.onChange(!props.checked);
+          handleChangeThemeMode(!checked);
         }}
       >
-        {props.checked ? (
-          <LightModeOutlined fontSize="small" />
-        ) : (
-          <DarkModeOutlined fontSize="small" />
-        )}
+        {checked ? <LightModeOutlined fontSize="small" /> : <DarkModeOutlined fontSize="small" />}
       </IconButton>
     </Tooltip>
   );
diff --git a/docs/src/components/home/CompaniesGrid.tsx b/docs/src/components/home/CompaniesGrid.tsx
index a708cfd1269849..e5ef0f15b9482f 100644
--- a/docs/src/components/home/CompaniesGrid.tsx
+++ b/docs/src/components/home/CompaniesGrid.tsx
@@ -4,32 +4,40 @@ import IconImage, { IconImageProps } from 'docs/src/components/icon/IconImage';
 
 export const CORE_CUSTOMERS: Array<IconImageProps> = [
   {
-    name: 'spotify',
+    alt: 'Spotify logo',
+    name: 'companies/spotify',
     width: 100,
     height: 52,
   },
   {
-    name: 'amazon',
+    alt: 'Amazon logo',
+    name: 'companies/amazon',
     width: 80,
     height: 52,
   },
   {
-    name: 'nasa',
+    alt: 'Nasa logo',
+    name: 'companies/nasa',
+    mode: '',
     width: 52,
     height: 42,
   },
   {
-    name: 'netflix',
+    alt: 'Netflix logo',
+    name: 'companies/netflix',
+    mode: '',
     width: 80,
     height: 52,
   },
   {
-    name: 'unity',
+    alt: 'Unity logo',
+    name: 'companies/unity',
     width: 69,
     height: 52,
   },
   {
-    name: 'shutterstock',
+    alt: 'Shutterstock logo',
+    name: 'companies/shutterstock',
     width: 100,
     height: 52,
   },
@@ -37,7 +45,8 @@ export const CORE_CUSTOMERS: Array<IconImageProps> = [
 
 export const ADVANCED_CUSTOMERS: Array<IconImageProps> = [
   {
-    name: 'southwest',
+    alt: 'Southwest logo',
+    name: 'companies/southwest',
     width: 130,
     height: 54,
     style: {
@@ -45,7 +54,8 @@ export const ADVANCED_CUSTOMERS: Array<IconImageProps> = [
     },
   },
   {
-    name: 'boeing',
+    alt: 'Boeing logo',
+    name: 'companies/boeing',
     width: 160,
     height: 86,
     style: {
@@ -53,7 +63,8 @@ export const ADVANCED_CUSTOMERS: Array<IconImageProps> = [
     },
   },
   {
-    name: 'apple',
+    alt: 'Apple logo',
+    name: 'companies/apple',
     width: 29,
     height: 52,
     style: {
@@ -61,7 +72,9 @@ export const ADVANCED_CUSTOMERS: Array<IconImageProps> = [
     },
   },
   {
-    name: 'siemens',
+    alt: 'Siemens logo',
+    name: 'companies/siemens',
+    mode: '',
     width: 119,
     height: 59,
     style: {
@@ -69,7 +82,8 @@ export const ADVANCED_CUSTOMERS: Array<IconImageProps> = [
     },
   },
   {
-    name: 'volvo',
+    alt: 'Volvo logo',
+    name: 'companies/volvo',
     width: 128,
     height: 52,
     style: {
@@ -77,7 +91,8 @@ export const ADVANCED_CUSTOMERS: Array<IconImageProps> = [
     },
   },
   {
-    name: 'deloitte',
+    alt: 'Deloitte logo',
+    name: 'companies/deloitte',
     width: 97,
     height: 52,
     style: {
@@ -88,32 +103,41 @@ export const ADVANCED_CUSTOMERS: Array<IconImageProps> = [
 
 export const DESIGNKITS_CUSTOMERS: Array<IconImageProps> = [
   {
-    name: 'spotify',
+    alt: 'Spotify logo',
+    name: 'companies/spotify',
     width: 100,
     height: 52,
   },
   {
-    name: 'amazon',
+    alt: 'Amazon logo',
+    name: 'companies/amazon',
     width: 80,
     height: 52,
   },
   {
-    name: 'apple',
+    alt: 'Apple logo',
+    name: 'companies/apple',
     width: 29,
     height: 52,
   },
   {
-    name: 'netflix',
+    alt: 'Netflix logo',
+    name: 'companies/netflix',
+    mode: '',
     width: 80,
     height: 52,
   },
   {
-    name: 'twitter',
+    alt: 'Twitter logo',
+    name: 'companies/twitter',
+    mode: '',
     width: 31,
     height: 52,
   },
   {
-    name: 'salesforce',
+    alt: 'Salesforce logo',
+    name: 'companies/salesforce',
+    mode: '',
     width: 50,
     height: 52,
   },
@@ -121,33 +145,39 @@ export const DESIGNKITS_CUSTOMERS: Array<IconImageProps> = [
 
 export const TEMPLATES_CUSTOMERS: Array<IconImageProps> = [
   {
-    name: 'ebay',
+    alt: 'Ebay logo',
+    name: 'companies/ebay',
     width: 73,
     height: 52,
   },
   {
-    name: 'amazon',
+    alt: 'Amazon logo',
+    name: 'companies/amazon',
     width: 80,
     height: 52,
   },
   {
-    name: 'samsung',
+    alt: 'Samsung logo',
+    name: 'companies/samsung',
+    mode: '',
     width: 88,
     height: 52,
   },
   {
-    name: 'patreon',
+    alt: 'Patreon logo',
+    name: 'companies/patreon',
     width: 103,
     height: 52,
   },
   {
-    name: 'atandt',
     alt: 'AT&T logo',
+    name: 'companies/atandt',
     width: 71,
     height: 52,
   },
   {
-    name: 'verizon',
+    alt: 'Verizon logo',
+    name: 'companies/verizon',
     width: 91,
     height: 52,
   },
@@ -170,7 +200,7 @@ export default function CompaniesGrid({ data }: { data: Array<IconImageProps> })
             objectFit: 'contain',
           }}
         >
-          <IconImage alt={imgProps.alt || `${imgProps.name} logo`} {...imgProps} />
+          <IconImage alt={imgProps.alt} loading="eager" {...imgProps} />
         </Grid>
       ))}
     </Grid>
diff --git a/docs/src/components/home/CoreShowcase.tsx b/docs/src/components/home/CoreShowcase.tsx
index ae8c227f297aa1..99221c0dd9b4be 100644
--- a/docs/src/components/home/CoreShowcase.tsx
+++ b/docs/src/components/home/CoreShowcase.tsx
@@ -177,7 +177,7 @@ export default function CoreShowcase() {
         </React.Fragment>
       }
       code={
-        <Box data-mui-color-scheme="dark">
+        <div data-mui-color-scheme="dark">
           <Box
             sx={{
               p: { xs: 2, sm: 1 },
@@ -256,7 +256,7 @@ export default function CoreShowcase() {
               <StylingInfo appeared={customized} sx={{ mb: -2, mx: -2 }} />
             </Box>
           </Box>
-        </Box>
+        </div>
       }
     />
   );
diff --git a/docs/src/components/home/DesignKits.tsx b/docs/src/components/home/DesignKits.tsx
index 41f9044240bc71..e1e51ea089bc7e 100644
--- a/docs/src/components/home/DesignKits.tsx
+++ b/docs/src/components/home/DesignKits.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { styled, alpha } from '@mui/material/styles';
-import Avatar, { AvatarProps } from '@mui/material/Avatar';
+import { AvatarProps } from '@mui/material/Avatar';
 import Box, { BoxProps } from '@mui/material/Box';
 import Slide from 'docs/src/components/animation/Slide';
 import FadeDelay from 'docs/src/components/animation/FadeDelay';
@@ -43,21 +43,29 @@ const Anchor = styled('a')(({ theme }) => [
     transitionProperty: 'all',
     transitionDuration: '150ms',
     borderRadius: '50%',
+    border: '1px solid',
+    borderColor: (theme.vars || theme).palette.grey[200],
+    boxShadow: `0px 2px 12px ${alpha(theme.palette.primary[200], 0.3)}`,
     '&:hover, &:focus': {
-      boxShadow: '0 6px 20px 0 rgba(0,0,0,0.2)',
+      borderColor: (theme.vars || theme).palette.primary[300],
+      boxShadow: `0px 4px 20px ${alpha(theme.palette.primary[400], 0.3)}`,
     },
-  },
+  } as const,
   theme.applyDarkStyles({
+    borderColor: (theme.vars || theme).palette.primary[900],
+    boxShadow: `0px 2px 12px ${alpha(theme.palette.primaryDark[800], 0.5)}`,
     '&:hover, &:focus': {
-      boxShadow: `0 6px 20px 0 ${alpha(theme.palette.primaryDark[100], 0.5)}`,
+      borderColor: (theme.vars || theme).palette.primary[700],
+      boxShadow: `0 2px 20px 0 ${alpha(theme.palette.primary[800], 0.5)}`,
     },
   }),
 ]);
 
 const DesignToolLink = React.forwardRef<
   HTMLAnchorElement,
-  React.PropsWithChildren<{ brand: 'figma' | 'sketch' | 'xd' }>
->(function DesignToolLink({ brand, ...props }, ref) {
+  React.PropsWithChildren<{ brand: 'figma' | 'sketch' | 'adobexd' }>
+>(function DesignToolLink(props, ref) {
+  const { brand, ...other } = props;
   return (
     <Anchor
       ref={ref}
@@ -68,37 +76,45 @@ const DesignToolLink = React.forwardRef<
             'https://mui.com/store/items/figma-react/?utm_source=marketing&utm_medium=referral&utm_campaign=home-products',
           sketch:
             'https://mui.com/store/items/sketch-react/?utm_source=marketing&utm_medium=referral&utm_campaign=home-products',
-          xd: 'https://mui.com/store/items/adobe-xd-react/?utm_source=marketing&utm_medium=referral&utm_campaign=home-products',
+          adobexd:
+            'https://mui.com/store/items/adobe-xd-react/?utm_source=marketing&utm_medium=referral&utm_campaign=home-products',
         }[brand]
       }
       target="_blank"
-      {...props}
-    >
-      {props.children}
-    </Anchor>
+      {...other}
+    />
   );
 });
 
 const DesignToolLogo = React.forwardRef<
   HTMLImageElement,
-  { brand: 'figma' | 'sketch' | 'xd' } & AvatarProps
+  { brand: 'figma' | 'sketch' | 'adobexd' } & AvatarProps
 >(function DesignToolLogo({ brand, ...props }, ref) {
   return (
-    <Avatar
+    <Box
       ref={ref}
-      src={`/static/branding/design-kits/designkits-${brand}.png`}
-      alt=""
       {...props}
       sx={[
         (theme) => ({
-          boxShadow: `0px 3.57436px 44.6795px ${'rgba(90, 105, 120, 0.36)'}`,
+          display: 'flex',
+          backgroundColor: '#FFF',
+          p: 2,
+          borderRadius: '50%',
           ...theme.applyDarkStyles({
-            boxShadow: `0px 3.57436px 44.6795px ${(theme.vars || theme).palette.primaryDark[900]}`,
+            backgroundColor: alpha(theme.palette.primary[900], 0.5),
           }),
         }),
         ...(Array.isArray(props.sx) ? props.sx : [props.sx]),
       ]}
-    />
+    >
+      <img
+        src={`/static/branding/design-kits/${brand}-logo.svg`}
+        alt=""
+        loading="lazy"
+        width="60"
+        height="60"
+      />
+    </Box>
   );
 });
 
@@ -184,7 +200,7 @@ export function DesignKitImagesSet2({
 }
 
 export function DesignKitTools({ disableLink, ...props }: { disableLink?: boolean } & BoxProps) {
-  function renderTool(brand: 'figma' | 'sketch' | 'xd') {
+  function renderTool(brand: 'figma' | 'sketch' | 'adobexd') {
     if (disableLink) {
       return <DesignToolLogo brand={brand} />;
     }
@@ -216,7 +232,7 @@ export function DesignKitTools({ disableLink, ...props }: { disableLink?: boolea
     >
       <FadeDelay delay={200}>{renderTool('figma')}</FadeDelay>
       <FadeDelay delay={400}>{renderTool('sketch')}</FadeDelay>
-      <FadeDelay delay={600}>{renderTool('xd')}</FadeDelay>
+      <FadeDelay delay={600}>{renderTool('adobexd')}</FadeDelay>
     </Box>
   );
 }
diff --git a/docs/src/components/home/DiamondSponsors.tsx b/docs/src/components/home/DiamondSponsors.tsx
index 8955826225ff75..0418658b2341c0 100644
--- a/docs/src/components/home/DiamondSponsors.tsx
+++ b/docs/src/components/home/DiamondSponsors.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { useInView } from 'react-intersection-observer';
-import Box from '@mui/material/Box';
 import Grid from '@mui/material/Grid';
 import Paper from '@mui/material/Paper';
 import IconButton from '@mui/material/IconButton';
@@ -22,12 +21,6 @@ const DIAMONDs = [
     description: 'Management platform for Google Cloud and AWS.',
     href: 'https://www.doit.com/flexsave/?utm_source=MUI&utm_medium=referral&utm_content=homepage',
   },
-  {
-    src: 'https://brand.zesty.io/zesty-io-logo.svg',
-    name: 'Zesty.io',
-    description: 'The only Next.js CMS you need.',
-    href: 'https://www.zesty.io/integrations/mui-nextjs/?utm_source=mui&utm_medium=referral&utm_campaign=sponsor',
-  },
 ];
 
 export default function DiamondSponsors() {
@@ -39,14 +32,14 @@ export default function DiamondSponsors() {
   const maxNumberOfDiamondSponsors = 3;
   const spotIsAvailable = maxNumberOfDiamondSponsors > DIAMONDs.length;
   return (
-    <Box ref={ref}>
+    <div ref={ref}>
       <Typography
         component="h3"
         variant="h6"
         fontWeight="bold"
         sx={(theme) => ({
           mt: 4,
-          mb: 2,
+          mb: 1.5,
           background: `linear-gradient(90deg, ${(theme.vars || theme).palette.primary[400]} 50%, ${
             (theme.vars || theme).palette.primary[700]
           } 100%)`,
@@ -88,6 +81,7 @@ export default function DiamondSponsors() {
                 sx={(theme) => ({
                   mr: 2,
                   border: '1px solid',
+                  borderColor: 'grey.300',
                   ...theme.applyDarkStyles({
                     borderColor: 'primaryDark.400',
                   }),
@@ -111,6 +105,6 @@ export default function DiamondSponsors() {
           </Grid>
         )}
       </Grid>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/src/components/home/GetStartedButtons.tsx b/docs/src/components/home/GetStartedButtons.tsx
index 34f0c8b838cfa3..35b4b0bf5d0ecf 100644
--- a/docs/src/components/home/GetStartedButtons.tsx
+++ b/docs/src/components/home/GetStartedButtons.tsx
@@ -107,7 +107,7 @@ export default function GetStartedButtons(props: GetStartedButtonsProps) {
           </Button>
         ) : null}
       </Box>
-      {altInstallation ? <NpmCopyButton installation={altInstallation} sx={{ mt: 2 }} /> : null}
+      {altInstallation && <NpmCopyButton installation={altInstallation} sx={{ mt: 2 }} />}
     </React.Fragment>
   );
 }
diff --git a/docs/src/components/home/GoldSponsors.tsx b/docs/src/components/home/GoldSponsors.tsx
index 0f65857ee15f50..65622d3133b361 100644
--- a/docs/src/components/home/GoldSponsors.tsx
+++ b/docs/src/components/home/GoldSponsors.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { useInView } from 'react-intersection-observer';
-import Box from '@mui/material/Box';
 import Paper from '@mui/material/Paper';
 import IconButton from '@mui/material/IconButton';
 import Typography from '@mui/material/Typography';
@@ -68,19 +67,26 @@ export default function GoldSponsors() {
     rootMargin: '500px',
   });
   return (
-    <Box ref={ref}>
+    <div ref={ref}>
       <Typography
         component="h3"
         variant="h6"
         fontWeight="bold"
         sx={(theme) => ({
           mt: 4,
-          mb: 2,
-          background: `linear-gradient(90deg, ${(theme.vars || theme).palette.warning[400]} 50%, ${
+          mb: 1.5,
+          background: `linear-gradient(90deg, ${(theme.vars || theme).palette.warning[500]} 50%, ${
             (theme.vars || theme).palette.warning[700]
           } 100%)`,
           WebkitBackgroundClip: 'text',
           WebkitTextFillColor: 'transparent',
+          ...theme.applyDarkStyles({
+            background: `linear-gradient(90deg, ${
+              (theme.vars || theme).palette.warning[400]
+            } 50%, ${(theme.vars || theme).palette.warning[700]} 100%)`,
+            WebkitBackgroundClip: 'text',
+            WebkitTextFillColor: 'transparent',
+          }),
         })}
       >
         Gold
@@ -138,6 +144,6 @@ export default function GoldSponsors() {
           </Paper>
         </Grid>
       </Grid>
-    </Box>
+    </div>
   );
 }
diff --git a/docs/src/components/home/Hero.tsx b/docs/src/components/home/Hero.tsx
index a466acce57e03f..d3b1c0e57d8dc8 100644
--- a/docs/src/components/home/Hero.tsx
+++ b/docs/src/components/home/Hero.tsx
@@ -34,31 +34,27 @@ const TaskCard = dynamic(() => import('../showcase/TaskCard'), {
 });
 const PlayerCard = dynamic(() => import('../showcase/PlayerCard'), {
   ssr: false,
-  loading: createLoading({ width: 360, height: 146 }),
+  loading: createLoading({ width: 400, height: 240 }),
 });
 const ThemeToggleButton = dynamic(() => import('../showcase/ThemeToggleButton'), {
   ssr: false,
   loading: createLoading({ width: 360, height: 48 }),
 });
-const ThemeSwitch = dynamic(() => import('../showcase/ThemeSwitch'), {
-  ssr: false,
-  loading: createLoading({ width: 108, height: 20 }),
-});
 const ThemeChip = dynamic(() => import('../showcase/ThemeChip'), {
   ssr: false,
-  loading: createLoading({ width: 212, height: 32 }),
+  loading: createLoading({ width: 400, height: 24 }),
 });
 const ThemeTimeline = dynamic(() => import('../showcase/ThemeTimeline'), {
   ssr: false,
-  loading: createLoading({ width: 360, height: 180 }),
+  loading: createLoading({ width: 400, height: 180 }),
 });
 const FolderTable = dynamic(() => import('../showcase/FolderTable'), {
   ssr: false,
-  loading: createLoading({ width: 360, height: 212 }),
+  loading: createLoading({ width: 360, height: 210 }),
 });
 const ThemeDatePicker = dynamic(() => import('../showcase/ThemeDatePicker'), {
   ssr: false,
-  loading: createLoading({ width: { md: 360, xl: 400 }, height: 260 }),
+  loading: createLoading({ width: 360, height: 260 }),
 });
 const ThemeTabs = dynamic(() => import('../showcase/ThemeTabs'), {
   ssr: false,
@@ -66,23 +62,19 @@ const ThemeTabs = dynamic(() => import('../showcase/ThemeTabs'), {
 });
 const ThemeSlider = dynamic(() => import('../showcase/ThemeSlider'), {
   ssr: false,
-  loading: createLoading({ width: { md: 124, xl: 164 }, height: 214 }),
-});
-const ViewToggleButton = dynamic(() => import('../showcase/ViewToggleButton'), {
-  ssr: false,
-  loading: createLoading({ width: 196, height: 40 }),
+  loading: createLoading({ width: 400, height: 104 }),
 });
 const ThemeButton = dynamic(() => import('../showcase/ThemeButton'), {
   ssr: false,
-  loading: createLoading({ width: 196, height: 154 }),
+  loading: createLoading({ width: 360, height: 38 }),
 });
 const ThemeAccordion = dynamic(() => import('../showcase/ThemeAccordion'), {
   ssr: false,
-  loading: createLoading({ width: { md: 360, xl: 400 }, height: 171 }),
+  loading: createLoading({ width: { md: 360, xl: 400 }, height: 231 }),
 });
 const NotificationCard = dynamic(() => import('../showcase/NotificationCard'), {
   ssr: false,
-  loading: createLoading({ width: { md: 360, xl: 400 }, height: 146 }),
+  loading: createLoading({ width: { md: 360, xl: 400 }, height: 103 }),
 });
 
 export default function Hero() {
@@ -127,34 +119,23 @@ export default function Hero() {
       right={
         <React.Fragment>
           {isMdUp && (
-            <Stack spacing={4} sx={{ '& > .MuiPaper-root': { maxWidth: 'none' } }}>
+            <Stack spacing={3} sx={{ '& > .MuiPaper-root': { maxWidth: 'none' } }}>
               <TaskCard />
-              <PlayerCard />
               <ThemeToggleButton />
-              <Box sx={{ display: 'flex', justifyContent: 'space-around', alignItems: 'center' }}>
-                <ThemeSwitch />
-                <Box sx={{ width: 40 }} />
-                <ThemeChip />
-              </Box>
-              <ThemeTimeline />
+              <ThemeDatePicker />
+              <ThemeButton />
               <FolderTable />
             </Stack>
           )}
           {isMdUp && (
-            <Stack spacing={4} sx={{ ml: 4, '& > .MuiPaper-root': { maxWidth: 'none' } }}>
-              <ThemeDatePicker />
+            <Stack spacing={3} sx={{ ml: 3, '& > .MuiPaper-root': { maxWidth: 'none' } }}>
+              <NotificationCard />
+              <ThemeChip />
+              <ThemeTimeline />
+              <ThemeSlider />
               <ThemeTabs />
-              <Box sx={{ display: 'flex' }}>
-                <Box sx={{ flexGrow: 1 }}>
-                  <ThemeSlider />
-                </Box>
-                <Stack spacing={2} sx={{ ml: 4 }}>
-                  <ViewToggleButton />
-                  <ThemeButton />
-                </Stack>
-              </Box>
+              <PlayerCard />
               <ThemeAccordion />
-              <NotificationCard />
             </Stack>
           )}
         </React.Fragment>
diff --git a/docs/src/components/home/MaterialDesignComponents.tsx b/docs/src/components/home/MaterialDesignComponents.tsx
index cdd15d86cfbfcf..887837348a87d3 100644
--- a/docs/src/components/home/MaterialDesignComponents.tsx
+++ b/docs/src/components/home/MaterialDesignComponents.tsx
@@ -226,18 +226,12 @@ export function buildTheme(): ThemeOptions {
           disableElevation: true,
         },
         styleOverrides: {
-          text: ({ theme }) =>
-            theme.applyDarkStyles({
-              color: 'rgba(255 255 255 / 0.72)',
-              '&:hover': {
-                color: '#fff',
-              },
-            }),
           root: {
             borderRadius: '99px',
             fontWeight: 500,
             fontSize: '0.875rem',
             lineHeight: 24 / 16,
+            textTransform: 'none',
           },
           sizeSmall: ({ theme }) => ({
             padding: theme.spacing(0.5, 1),
@@ -249,11 +243,25 @@ export function buildTheme(): ThemeOptions {
             padding: theme.spacing(1, 2),
             fontSize: '1rem',
           }),
+          text: ({ theme }) => ({
+            color: (theme.vars || theme).palette.primary[600],
+            ...theme.applyDarkStyles({
+              color: (theme.vars || theme).palette.primary[300],
+            }),
+          }),
           contained: ({ theme }) => ({
             color: (theme.vars || theme).palette.primaryDark[50],
-            backgroundColor: (theme.vars || theme).palette.primaryDark[600],
+            backgroundColor: (theme.vars || theme).palette.primary[600],
             ...theme.applyDarkStyles({
-              backgroundColor: (theme.vars || theme).palette.primaryDark[400],
+              backgroundColor: (theme.vars || theme).palette.primary[600],
+            }),
+          }),
+          outlined: ({ theme }) => ({
+            borderColor: (theme.vars || theme).palette.primary[300],
+            ...theme.applyDarkStyles({
+              color: (theme.vars || theme).palette.primary[300],
+              backgroundColor: alpha(theme.palette.primary[900], 0.1),
+              borderColor: alpha(theme.palette.primary[300], 0.5),
             }),
           }),
           iconSizeSmall: {
@@ -280,7 +288,7 @@ export function buildTheme(): ThemeOptions {
         styleOverrides: {
           root: ({ theme }) => [
             {
-              padding: theme.spacing(2),
+              padding: theme.spacing(1.5),
               '& .MuiAlert-icon': {
                 color: (theme.vars || theme).palette.primaryDark[800],
               },
@@ -292,28 +300,28 @@ export function buildTheme(): ThemeOptions {
             }),
           ],
           filled: ({ theme }) => ({
-            color: (theme.vars || theme).palette.primaryDark[50],
-            backgroundColor: (theme.vars || theme).palette.primaryDark[700],
+            color: (theme.vars || theme).palette.primary[50],
+            backgroundColor: (theme.vars || theme).palette.primary[600],
             '& .MuiAlert-icon': {
-              color: (theme.vars || theme).palette.primary[50],
+              color: '#fff',
             },
             ...theme.applyDarkStyles({
-              backgroundColor: (theme.vars || theme).palette.primaryDark[500],
+              backgroundColor: (theme.vars || theme).palette.primary[600],
             }),
           }),
           outlined: ({ theme }) => [
             {
               color: (theme.vars || theme).palette.primaryDark[700],
-              backgroundColor: alpha(theme.palette.primaryDark[50], 0.5),
-              borderColor: (theme.vars || theme).palette.primaryDark[300],
+              backgroundColor: '#fff',
+              borderColor: (theme.vars || theme).palette.primary[100],
               '& .MuiAlert-icon': {
-                color: (theme.vars || theme).palette.primaryDark[800],
+                color: (theme.vars || theme).palette.primary[500],
               },
             },
             theme.applyDarkStyles({
               color: (theme.vars || theme).palette.primaryDark[50],
-              backgroundColor: alpha(theme.palette.primaryDark[700], 0.5),
-              borderColor: (theme.vars || theme).palette.primaryDark[500],
+              backgroundColor: 'transparent',
+              borderColor: (theme.vars || theme).palette.primaryDark[600],
               '& .MuiAlert-icon': {
                 color: (theme.vars || theme).palette.primaryDark[100],
               },
@@ -325,18 +333,18 @@ export function buildTheme(): ThemeOptions {
           },
           standardInfo: ({ theme }) => [
             {
-              backgroundColor: (theme.vars || theme).palette.primaryDark[50],
-              color: (theme.vars || theme).palette.primaryDark[700],
+              backgroundColor: (theme.vars || theme).palette.primary[50],
+              color: (theme.vars || theme).palette.primary[600],
               border: '1px solid',
-              borderColor: (theme.vars || theme).palette.primaryDark[100],
+              borderColor: alpha(theme.palette.primaryDark[100], 0.5),
               '& .MuiAlert-icon': {
-                color: (theme.vars || theme).palette.primaryDark[700],
+                color: (theme.vars || theme).palette.primary[500],
               },
             },
             theme.applyDarkStyles({
-              backgroundColor: (theme.vars || theme).palette.primaryDark[900],
+              backgroundColor: alpha(theme.palette.primaryDark[900], 0.5),
               color: (theme.vars || theme).palette.primaryDark[50],
-              borderColor: alpha(theme.palette.primaryDark[500], 0.5),
+              borderColor: alpha(theme.palette.primaryDark[500], 0.2),
               '& .MuiAlert-icon': {
                 color: (theme.vars || theme).palette.primaryDark[50],
               },
@@ -359,23 +367,31 @@ export function buildTheme(): ThemeOptions {
                 color: (theme.vars || theme).palette.grey[800],
               },
               '& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {
-                borderColor: (theme.vars || theme).palette.primaryDark[800],
+                background: 'transparent',
+                borderColor: (theme.vars || theme).palette.primary[400],
               },
-              '& .MuiOutlinedInput-input': {
-                backgroundColor: '#fff',
-                borderRadius: theme.spacing(1),
-                borderColor: (theme.vars || theme).palette.grey[300],
+              '& .MuiOutlinedInput-root': {
+                backgroundColor: 'transparent',
+                borderColor: (theme.vars || theme).palette.grey[50],
               },
-              '& .MuiInputBase-input': {
+              '& .MuiInputBase-root': {
                 fontWeight: 700,
+                '&:before': {
+                  borderColor: (theme.vars || theme).palette.grey[300],
+                },
               },
               '& .MuiFilledInput-root': {
                 backgroundColor: '#fff',
+                border: '1px solid',
+                borderColor: (theme.vars || theme).palette.grey[100],
+                '&:before': {
+                  borderColor: (theme.vars || theme).palette.grey[300],
+                },
                 '&:after': {
-                  borderColor: (theme.vars || theme).palette.primaryDark[800],
+                  borderColor: (theme.vars || theme).palette.primary[400],
                 },
                 '&:hover': {
-                  backgroundColor: '#fff',
+                  borderColor: (theme.vars || theme).palette.grey[200],
                 },
               },
               '& .MuiInputLabel-filled.Mui-focused': {
@@ -383,7 +399,7 @@ export function buildTheme(): ThemeOptions {
               },
               '& .MuiInput-root.Mui-focused': {
                 '&:after': {
-                  borderColor: (theme.vars || theme).palette.primaryDark[800],
+                  borderColor: (theme.vars || theme).palette.primary[400],
                 },
               },
               '& .MuiInputLabel-root.Mui-focused': {
@@ -391,23 +407,29 @@ export function buildTheme(): ThemeOptions {
               },
             },
             theme.applyDarkStyles({
+              '& .MuiInputBase-root': {
+                '&:before': {
+                  borderColor: (theme.vars || theme).palette.primaryDark[500],
+                },
+              },
               '& .MuiInputLabel-outlined.Mui-focused': {
-                color: (theme.vars || theme).palette.grey[500],
+                color: (theme.vars || theme).palette.primary[300],
               },
               '& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {
-                borderColor: (theme.vars || theme).palette.primary[500],
+                borderColor: (theme.vars || theme).palette.primary[300],
               },
               '& .MuiOutlinedInput-input': {
-                backgroundColor: (theme.vars || theme).palette.primaryDark[700],
-                borderColor: (theme.vars || theme).palette.primaryDark[400],
+                backgroundColor: 'transparent',
               },
               '& .MuiFilledInput-root': {
-                backgroundColor: (theme.vars || theme).palette.primaryDark[600],
+                borderColor: (theme.vars || theme).palette.primaryDark[800],
+                backgroundColor: alpha(theme.palette.primaryDark[800], 0.5),
                 '&:after': {
-                  borderColor: (theme.vars || theme).palette.primary[500],
+                  borderColor: (theme.vars || theme).palette.primary[300],
                 },
                 '&:hover': {
-                  backgroundColor: (theme.vars || theme).palette.primaryDark[500],
+                  backgroundColor: alpha(theme.palette.primaryDark[700], 0.8),
+                  borderColor: (theme.vars || theme).palette.primaryDark[500],
                 },
               },
               '& .MuiInputLabel-filled.Mui-focused': {
@@ -415,7 +437,7 @@ export function buildTheme(): ThemeOptions {
               },
               '& .MuiInput-root.Mui-focused': {
                 '&:after': {
-                  borderColor: (theme.vars || theme).palette.primaryDark[500],
+                  borderColor: (theme.vars || theme).palette.primaryDark[800],
                 },
               },
               '& .MuiInputLabel-root.Mui-focused': {
@@ -427,16 +449,26 @@ export function buildTheme(): ThemeOptions {
       },
       MuiTooltip: themedComponents.components?.MuiTooltip,
       MuiPaper: themedComponents.components?.MuiPaper,
-      MuiTableCell: {
+      MuiTableHead: {
         styleOverrides: {
           root: ({ theme }) => ({
+            padding: 10,
+            backgroundColor: alpha(theme.palette.grey[50], 0.5),
             borderColor: (theme.vars || theme).palette.divider,
             ...theme.applyDarkStyles({
-              borderColor: (theme.vars || theme).palette.primaryDark[400],
+              backgroundColor: alpha(theme.palette.primaryDark[600], 0.5),
             }),
           }),
         },
       },
+      MuiTableCell: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            padding: 10,
+            borderColor: (theme.vars || theme).palette.divider,
+          }),
+        },
+      },
       MuiPopover: {
         styleOverrides: {
           paper: ({ theme }) => ({
diff --git a/docs/src/components/home/MuiStatistics.tsx b/docs/src/components/home/MuiStatistics.tsx
index f96b100a59bedc..2bb6fcc1eee1ed 100644
--- a/docs/src/components/home/MuiStatistics.tsx
+++ b/docs/src/components/home/MuiStatistics.tsx
@@ -18,9 +18,8 @@ export default function MuiStatistics() {
           <Box
             sx={(theme) => ({
               height: '100%',
-              p: 0.5,
               pl: 2,
-              borderLeft: '2px solid',
+              borderLeft: '1px solid',
               borderColor: 'primary.100',
               ...theme.applyDarkStyles({
                 borderColor: 'primaryDark.600',
@@ -40,16 +39,7 @@ export default function MuiStatistics() {
             >
               {item.title}
             </Typography>
-            <Typography
-              sx={(theme) => ({
-                color: 'grey.800',
-                ...theme.applyDarkStyles({
-                  color: 'grey.300',
-                }),
-              })}
-            >
-              {item.metadata}
-            </Typography>
+            <Typography color="text.secondary">{item.metadata}</Typography>
           </Box>
         </Grid>
       ))}
diff --git a/docs/src/components/home/ProductSuite.tsx b/docs/src/components/home/ProductSuite.tsx
index 8104e9bb8f68d0..b2dd0046d0b3a7 100644
--- a/docs/src/components/home/ProductSuite.tsx
+++ b/docs/src/components/home/ProductSuite.tsx
@@ -50,7 +50,7 @@ function ProductSuite() {
     <Section bg="gradient" ref={ref}>
       <Grid container spacing={2}>
         <Grid item md={6}>
-          <Box maxWidth={500}>
+          <Box sx={{ maxWidth: 500 }}>
             <SectionHeadline
               overline="Products"
               title={
diff --git a/docs/src/components/home/ProductsSwitcher.tsx b/docs/src/components/home/ProductsSwitcher.tsx
index 21712cb4591e96..a92fcbba30beac 100644
--- a/docs/src/components/home/ProductsSwitcher.tsx
+++ b/docs/src/components/home/ProductsSwitcher.tsx
@@ -38,7 +38,7 @@ function ProductItem({
         gap: 2.5,
       }}
     >
-      <Box component="span">{icon}</Box>
+      <span>{icon}</span>
       <span>
         <Typography
           component="span"
@@ -74,7 +74,10 @@ function ProductItem({
             event.stopPropagation();
           }}
         >
-          <span>Learn more</span> <Box sx={visuallyHidden}>{label}</Box>
+          <span>Learn more</span>{' '}
+          <Box component="span" sx={visuallyHidden}>
+            {label}
+          </Box>
           <KeyboardArrowRightRounded fontSize="small" sx={{ mt: '1px', ml: '2px' }} />
         </Link>
       </span>
@@ -82,15 +85,12 @@ function ProductItem({
   );
 }
 
-function ProductsSwitcher({
-  inView = false,
-  productIndex,
-  setProductIndex,
-}: {
+export default function ProductsSwitcher(props: {
   inView?: boolean;
   productIndex: number;
   setProductIndex: React.Dispatch<React.SetStateAction<number>>;
 }) {
+  const { inView = false, productIndex, setProductIndex } = props;
   const isBelowMd = useMediaQuery((theme: Theme) => theme.breakpoints.down('md'));
   const productElements = [
     <ProductItem
@@ -104,7 +104,7 @@ function ProductsSwitcher({
       label="by going to the Advanced components page"
       icon={<IconImage name="product-advanced" />}
       name={
-        <Box component="span" display="inline-flex" alignItems="center">
+        <Box component="span" sx={{ display: 'inline-flex', alignItems: 'center' }}>
           MUI X
         </Box>
       }
@@ -176,5 +176,3 @@ function ProductsSwitcher({
     </React.Fragment>
   );
 }
-
-export default ProductsSwitcher;
diff --git a/docs/src/components/home/References.tsx b/docs/src/components/home/References.tsx
index 290c13e6c61824..7446089a031e53 100644
--- a/docs/src/components/home/References.tsx
+++ b/docs/src/components/home/References.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import dynamic from 'next/dynamic';
-import { useInView } from 'react-intersection-observer';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import Section from 'docs/src/layouts/Section';
@@ -15,7 +14,7 @@ export { CORE_CUSTOMERS, ADVANCED_CUSTOMERS, DESIGNKITS_CUSTOMERS, TEMPLATES_CUS
 
 const CompaniesGrid = dynamic(() => import('./CompaniesGrid'));
 
-function References({
+export default function References({
   companies,
 }: {
   companies:
@@ -24,14 +23,10 @@ function References({
     | typeof DESIGNKITS_CUSTOMERS
     | typeof TEMPLATES_CUSTOMERS;
 }) {
-  const { ref, inView } = useInView({
-    triggerOnce: true,
-    threshold: 0,
-  });
   return (
-    <Section ref={ref}>
+    <Section>
       <Box sx={{ minHeight: { xs: 236, sm: 144, md: 52 } }}>
-        {inView && <CompaniesGrid data={companies} />}
+        <CompaniesGrid data={companies} />
       </Box>
       <Typography
         textAlign="center"
@@ -50,5 +45,3 @@ function References({
     </Section>
   );
 }
-
-export default References;
diff --git a/docs/src/components/home/SponsorCard.tsx b/docs/src/components/home/SponsorCard.tsx
index 7072c4fc7e8023..a3c43dbe5ab9a3 100644
--- a/docs/src/components/home/SponsorCard.tsx
+++ b/docs/src/components/home/SponsorCard.tsx
@@ -32,6 +32,9 @@ export default function SponsorCard({
     <Paper
       component={Link}
       noLinkStyle
+      data-ga-event-category="sponsor"
+      data-ga-event-action="homepage"
+      data-ga-event-label={new URL(item.href).hostname}
       href={item.href}
       target="_blank"
       rel="sponsored noopener"
diff --git a/docs/src/components/home/StoreTemplatesBanner.tsx b/docs/src/components/home/StoreTemplatesBanner.tsx
index 757c64d72be9a1..b71858367e3545 100644
--- a/docs/src/components/home/StoreTemplatesBanner.tsx
+++ b/docs/src/components/home/StoreTemplatesBanner.tsx
@@ -28,6 +28,7 @@ const Image = styled('img')(({ theme }) => ({
   borderColor: (theme.vars || theme).palette.grey[400],
   borderRadius: (theme.vars || theme).shape.borderRadius,
   objectFit: 'cover',
+  objectPosition: 'top',
   boxShadow: '0px 4px 20px rgba(61, 71, 82, 0.25)',
   ...theme.applyDarkStyles({
     borderColor: (theme.vars || theme).palette.grey[800],
@@ -50,7 +51,7 @@ const linkMapping = {
   minimal: 'https://mui.com/store/items/minimal-dashboard/',
   theFront: 'https://mui.com/store/items/the-front-landing-page/',
   miro: 'https://mui.com/store/items/mira-pro-react-material-admin-dashboard/',
-  flexy: 'https://mui.com/store/items/flexy-react-admin-dashboard/',
+  devias: 'https://mui.com/store/items/devias-kit-pro/',
   berry: 'https://mui.com/store/items/berry-react-material-admin/',
   webbee: 'https://mui.com/store/items/webbee-landing-page/',
 };
@@ -108,6 +109,7 @@ const StoreTemplateImage = React.forwardRef<
         Object.keys(linkMapping).indexOf(brand) + 1
       }light.jpg`}
       alt=""
+      loading="lazy"
       sx={(theme) =>
         theme.applyDarkStyles({
           content: `url(/static/branding/store-templates/template-${
diff --git a/docs/src/components/home/UserFeedbacks.tsx b/docs/src/components/home/UserFeedbacks.tsx
index 3ebb6db5e75cc6..d0440eef182acc 100644
--- a/docs/src/components/home/UserFeedbacks.tsx
+++ b/docs/src/components/home/UserFeedbacks.tsx
@@ -26,8 +26,8 @@ function Feedback({
       </Typography>
       <Box sx={{ display: 'flex' }}>
         <Avatar
-          src={profile.avatarSrc}
           srcSet={profile.avatarSrcSet}
+          src={profile.avatarSrc}
           alt={`Picture of ${profile.name}`}
           imgProps={{ loading: 'lazy' }}
           sx={{
@@ -128,7 +128,7 @@ export default function UserFeedbacks() {
           onClick={() => setSlideIndex((i) => i + 1)}
           sx={{ mr: 'auto' }}
         />
-        <Box alignSelf="center">
+        <Box sx={{ alignSelf: 'center' }}>
           {TESTIMONIALS.map((item, index) => (
             <ButtonBase
               key={index}
diff --git a/docs/src/components/home/ValueProposition.tsx b/docs/src/components/home/ValueProposition.tsx
index 2170753f040312..3a4beba121c0af 100644
--- a/docs/src/components/home/ValueProposition.tsx
+++ b/docs/src/components/home/ValueProposition.tsx
@@ -1,6 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
-import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Grid';
 import InvertColorsRoundedIcon from '@mui/icons-material/InvertColorsRounded';
@@ -10,6 +8,7 @@ import AccessibilityNewRounded from '@mui/icons-material/AccessibilityNewRounded
 import GradientText from 'docs/src/components/typography/GradientText';
 import Section from 'docs/src/layouts/Section';
 import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
+import InfoCard from 'docs/src/components/action/InfoCard';
 
 const content = [
   {
@@ -53,60 +52,7 @@ function ValueProposition() {
       <Grid container spacing={3}>
         {content.map(({ icon, title, description }) => (
           <Grid key={title} item xs={12} sm={3}>
-            <Paper
-              variant="outlined"
-              sx={(theme) => ({
-                p: 3,
-                height: '100%',
-                position: 'relative',
-                borderRadius: 1,
-                border: '1px solid',
-                borderColor: (theme.vars || theme).palette.grey[100],
-                background: (theme.vars || theme).palette.gradients.linearSubtle,
-                ...theme.applyDarkStyles({
-                  bgcolor: (theme.vars || theme).palette.primaryDark[900],
-                  borderColor: (theme.vars || theme).palette.primaryDark[700],
-                  background: (theme.vars || theme).palette.gradients.linearSubtle,
-                }),
-              })}
-            >
-              <Box
-                sx={(theme) => ({
-                  width: 40,
-                  height: 40,
-                  display: 'flex',
-                  justifyContent: 'center',
-                  alignItems: 'center',
-                  borderRadius: 1,
-                  border: '1px solid',
-                  borderColor: (theme.vars || theme).palette.primary[200],
-                  bgcolor: (theme.vars || theme).palette.primary[50],
-                  boxShadow:
-                    '0px 1px 6px 0px rgba(194, 224, 255, 1), 0px 2px 30px 0px rgba(234, 237, 241, 0.3) inset',
-                  ...theme.applyDarkStyles({
-                    borderColor: (theme.vars || theme).palette.primary[400],
-                    bgcolor: (theme.vars || theme).palette.primary[900],
-                    boxShadow:
-                      '0px 1px 6px 0px rgba(0, 89, 178, 1), 0px 2px 30px 0px rgba(0, 0, 0, 0.25) inset',
-                  }),
-                })}
-              >
-                {icon}
-              </Box>
-              <Typography
-                fontWeight="bold"
-                component="h3"
-                variant="body2"
-                color="text.primary"
-                gutterBottom
-                mt={2}
-              >
-                {title}
-              </Typography>
-              <Typography variant="body2" color="text.secondary">
-                {description}
-              </Typography>
-            </Paper>
+            <InfoCard title={title} icon={icon} description={description} />
           </Grid>
         ))}
       </Grid>
diff --git a/docs/src/components/home/XGridGlobalStyles.tsx b/docs/src/components/home/XGridGlobalStyles.tsx
index 5bad2522a45f08..ea356d2003fe71 100644
--- a/docs/src/components/home/XGridGlobalStyles.tsx
+++ b/docs/src/components/home/XGridGlobalStyles.tsx
@@ -125,7 +125,7 @@ export default function XGridGlobalStyles({
                 },
               },
               '& .MuiCheckbox-root': {
-                color: (theme.vars || theme).palette.primary[400],
+                color: (theme.vars || theme).palette.primary[300],
               },
               '& .MuiIconButton-root:not(.Mui-disabled)': {
                 color: (theme.vars || theme).palette.primary[300],
@@ -151,9 +151,9 @@ export default function XGridGlobalStyles({
                 '& .MuiIconButton-root': {
                   '&:not([disabled])': {
                     color: (theme.vars || theme).palette.primaryDark[100],
-                    borderColor: (theme.vars || theme).palette.primaryDark[300],
+                    borderColor: (theme.vars || theme).palette.primaryDark[400],
                   },
-                  borderColor: (theme.vars || theme).palette.primaryDark[500],
+                  borderColor: (theme.vars || theme).palette.primaryDark[600],
                 },
               },
             },
diff --git a/docs/src/components/icon/IconImage.tsx b/docs/src/components/icon/IconImage.tsx
index 01862609e166f7..91b1ad61aab373 100644
--- a/docs/src/components/icon/IconImage.tsx
+++ b/docs/src/components/icon/IconImage.tsx
@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { useTheme, styled, Theme } from '@mui/material/styles';
-import { SxProps } from '@mui/system';
 import Box from '@mui/material/Box';
-import Tooltip from '@mui/material/Tooltip';
+import { SxProps } from '@mui/system';
 
 export type IconImageProps = {
   name:
@@ -11,35 +10,34 @@ export type IconImageProps = {
     | 'product-toolpad'
     | 'product-templates'
     | 'product-designkits'
-    | 'x-plan-pro'
-    | 'x-plan-premium'
-    | 'x-plan-community'
-    | 'yes'
-    | 'no'
-    | 'time'
-    | 'spotify'
-    | 'amazon'
-    | 'nasa'
-    | 'netflix'
-    | 'unity'
-    | 'shutterstock'
-    | 'southwest'
-    | 'boeing'
-    | 'siemens'
-    | 'deloitte'
-    | 'apple'
-    | 'twitter'
-    | 'salesforce'
-    | 'verizon'
-    | 'atandt'
-    | 'patreon'
-    | 'ebay'
-    | 'samsung'
-    | 'volvo';
+    | 'pricing/x-plan-pro'
+    | 'pricing/x-plan-premium'
+    | 'pricing/x-plan-community'
+    | 'pricing/yes'
+    | 'pricing/no'
+    | 'pricing/time'
+    | 'companies/spotify'
+    | 'companies/amazon'
+    | 'companies/nasa'
+    | 'companies/netflix'
+    | 'companies/unity'
+    | 'companies/shutterstock'
+    | 'companies/southwest'
+    | 'companies/boeing'
+    | 'companies/siemens'
+    | 'companies/deloitte'
+    | 'companies/apple'
+    | 'companies/twitter'
+    | 'companies/salesforce'
+    | 'companies/verizon'
+    | 'companies/atandt'
+    | 'companies/patreon'
+    | 'companies/ebay'
+    | 'companies/samsung'
+    | 'companies/volvo';
   height?: number;
-  ref?: React.Ref<HTMLImageElement>;
+  mode?: '' | 'light' | 'dark';
   sx?: SxProps<Theme>;
-  title?: string;
   width?: number;
 } & Omit<JSX.IntrinsicElements['img'], 'ref'>;
 
@@ -48,67 +46,67 @@ const Img = styled('img')({ display: 'inline-block', verticalAlign: 'bottom' });
 let neverHydrated = true;
 
 export default function IconImage(props: IconImageProps) {
-  const { height: heightProp, name, title, width: widthProp, ...other } = props;
+  const { height: heightProp, name, width: widthProp, mode: modeProp, ...other } = props;
   const theme = useTheme();
-  const [mounted, setMounted] = React.useState(false);
+  const [firstRender, setFirstRender] = React.useState(true);
   React.useEffect(() => {
-    neverHydrated = false;
-    setMounted(true);
+    if (neverHydrated) {
+      setFirstRender(false);
+      neverHydrated = false;
+    }
   }, []);
   let defaultWidth;
   let defaultHeight;
-  let category = '';
-  let mode = `-${theme.palette.mode}`;
+  const mode = modeProp ?? (theme.palette.mode as any);
 
   if (name.startsWith('product-')) {
     defaultWidth = 36;
     defaultHeight = 36;
-  } else if (name.startsWith('x-plan-')) {
-    category = 'pricing/';
-    mode = '';
+  } else if (name.startsWith('pricing/x-plan-')) {
     defaultWidth = 13;
     defaultHeight = 15;
-  } else if (['yes', 'no', 'time'].indexOf(name) !== -1) {
-    category = 'pricing/';
+  } else if (['pricing/yes', 'pricing/no', 'pricing/time'].indexOf(name) !== -1) {
     defaultWidth = 18;
     defaultHeight = 18;
-  } else if (
-    [
-      'spotify',
-      'amazon',
-      'nasa',
-      'netflix',
-      'unity',
-      'shutterstock',
-      'southwest',
-      'boeing',
-      'siemens',
-      'deloitte',
-      'apple',
-      'twitter',
-      'salesforce',
-      'volvo',
-      'verizon',
-      'atandt',
-      'patreon',
-      'ebay',
-      'samsung',
-    ].indexOf(name) !== -1
-  ) {
-    category = 'companies/';
   }
 
   const width = widthProp ?? defaultWidth;
   const height = heightProp ?? defaultHeight;
 
-  if (!mounted && neverHydrated && !!theme.vars && mode !== '') {
+  // First time render with a theme depend image
+  if (firstRender && neverHydrated && mode !== '') {
+    if (other.loading === 'eager') {
+      return (
+        <React.Fragment>
+          <Img
+            className="only-light-mode-v2"
+            src={`/static/branding/${name}-light.svg`}
+            alt=""
+            width={width}
+            height={height}
+            {...other}
+            loading="lazy"
+          />
+          <Img
+            className="only-dark-mode-v2"
+            src={`/static/branding/${name}-dark.svg`}
+            alt=""
+            width={width}
+            height={height}
+            {...other}
+            loading="lazy"
+          />
+        </React.Fragment>
+      );
+    }
+
     // Prevent hydration mismatch between the light and dark mode image source.
     return <Box component="span" sx={{ width, height, display: 'inline-block' }} />;
   }
 
-  const child = (
+  return (
     <Img
-      src={`/static/branding/${category}${name}${mode}.svg`}
+      src={`/static/branding/${name}${mode ? `-${mode}` : ''}.svg`}
       alt=""
       loading="lazy"
       width={width}
@@ -116,10 +114,4 @@ export default function IconImage(props: IconImageProps) {
       {...other}
     />
   );
-
-  if (title) {
-    return <Tooltip title={title}>{child}</Tooltip>;
-  }
-
-  return child;
 }
diff --git a/docs/src/components/pricing/EarlyBird.tsx b/docs/src/components/pricing/EarlyBird.tsx
index 4add94aa8715fb..db70c5fc5e9381 100644
--- a/docs/src/components/pricing/EarlyBird.tsx
+++ b/docs/src/components/pricing/EarlyBird.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
 import Container from '@mui/material/Container';
 import Typography from '@mui/material/Typography';
 import Stack from '@mui/material/Stack';
@@ -46,7 +45,7 @@ export default function EarlyBird() {
           }),
         })}
       >
-        <Box>
+        <div>
           <Typography fontWeight="bold" sx={{ mb: 0.5 }}>
             🐦&nbsp;&nbsp;Early bird special!
           </Typography>
@@ -55,7 +54,7 @@ export default function EarlyBird() {
             added opportunity to influence its development. The early bird special is available for
             a limited time, so don&apos;t miss this opportunity!
           </Typography>
-        </Box>
+        </div>
         <Button
           component={Link}
           noLinkStyle
diff --git a/docs/src/components/pricing/HeroPricing.tsx b/docs/src/components/pricing/HeroPricing.tsx
index b5e558347ae75f..a11c8bba54403e 100644
--- a/docs/src/components/pricing/HeroPricing.tsx
+++ b/docs/src/components/pricing/HeroPricing.tsx
@@ -9,7 +9,7 @@ export default function HeroPricing() {
     <Container>
       <Box
         sx={{
-          height: '30vh',
+          height: '34vh',
           display: 'flex',
           flexDirection: 'column',
           justifyContent: 'center',
@@ -19,8 +19,8 @@ export default function HeroPricing() {
         <Typography component="h1" variant="body2" color="primary.main" fontWeight="bold">
           Pricing
         </Typography>
-        <Typography variant="h2" sx={{ my: 1 }}>
-          Start using <GradientText>MUI</GradientText> for free!
+        <Typography variant="h2" textAlign="center" sx={{ my: 1 }}>
+          Start using MUI&apos;s products <GradientText>for free!</GradientText>
         </Typography>
         <Typography color="text.secondary" textAlign="center" sx={{ maxWidth: 500 }}>
           Switch to a commercial plan to access advanced
diff --git a/docs/src/components/pricing/PricingTable.tsx b/docs/src/components/pricing/PricingTable.tsx
index 3fe9cea4b44a20..cba5f64e9286a8 100644
--- a/docs/src/components/pricing/PricingTable.tsx
+++ b/docs/src/components/pricing/PricingTable.tsx
@@ -19,17 +19,17 @@ import { useLicensingModel } from 'docs/src/components/pricing/LicensingModelCon
 
 const planInfo = {
   community: {
-    iconName: 'x-plan-community',
+    iconName: 'pricing/x-plan-community',
     title: 'Community',
     description: 'Get started with the industry-standard React UI library, MIT-licensed.',
   },
   pro: {
-    iconName: 'x-plan-pro',
+    iconName: 'pricing/x-plan-pro',
     title: 'Pro',
     description: 'Best for professional developers building enterprise or data-rich applications.',
   },
   premium: {
-    iconName: 'x-plan-premium',
+    iconName: 'pricing/x-plan-premium',
     title: 'Premium',
     description:
       'The most advanced features for data-rich applications, as well as the highest priority for support.',
@@ -57,7 +57,7 @@ export function PlanName({
         fontWeight="bold"
         sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', pr: 0.5 }}
       >
-        <IconImage name={iconName} sx={{ mr: 1 }} /> {title}
+        <IconImage name={iconName} mode="" loading="eager" sx={{ mr: 1 }} /> {title}
       </Typography>
       {!disableDescription && (
         <Typography
@@ -244,13 +244,11 @@ function ColumnHead({
   label,
   metadata,
   tooltip,
-  nested = false,
   href,
 }: {
   label: React.ReactNode;
   metadata?: string;
   tooltip?: string;
-  nested?: boolean;
   href?: string;
 }) {
   const text = (
@@ -284,7 +282,17 @@ function ColumnHead({
     </Typography>
   );
   return (
-    <Box sx={{ pl: nested ? 2.5 : 1, pr: 1, alignSelf: 'center', justifySelf: 'flex-start' }}>
+    <Box
+      sx={{
+        px: 1,
+        alignSelf: 'center',
+        justifySelf: 'flex-start',
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+      }}
+    >
       {tooltip ? (
         <Tooltip title={tooltip} placement="right" describeChild>
           {text}
@@ -428,160 +436,125 @@ const rowHeaders: Record<string, React.ReactNode> = {
   ),
   // Advanced
   'data-grid/column-groups': (
-    <ColumnHead label="Column groups" nested href="/x/react-data-grid/column-groups/" />
+    <ColumnHead label="Column groups" href="/x/react-data-grid/column-groups/" />
   ),
   'data-grid/column-spanning': (
-    <ColumnHead label="Column spanning" nested href="/x/react-data-grid/column-spanning/" />
+    <ColumnHead label="Column spanning" href="/x/react-data-grid/column-spanning/" />
   ),
   'data-grid/column-resizing': (
-    <ColumnHead
-      label="Column resizing"
-      nested
-      href="/x/react-data-grid/column-dimensions/#resizing"
-    />
+    <ColumnHead label="Column resizing" href="/x/react-data-grid/column-dimensions/#resizing" />
   ),
   'data-grid/column-reorder': (
-    <ColumnHead label="Column reorder" nested href="/x/react-data-grid/column-ordering/" />
+    <ColumnHead label="Column reorder" href="/x/react-data-grid/column-ordering/" />
   ),
   'data-grid/column-pinning': (
-    <ColumnHead label="Column pinning" nested href="/x/react-data-grid/column-pinning/" />
+    <ColumnHead label="Column pinning" href="/x/react-data-grid/column-pinning/" />
   ),
   'data-grid/column-sorting': (
-    <ColumnHead label="Column sorting" nested href="/x/react-data-grid/sorting/" />
+    <ColumnHead label="Column sorting" href="/x/react-data-grid/sorting/" />
   ),
   'data-grid/multi-column-sorting': (
-    <ColumnHead
-      label="Multi-column sorting"
-      nested
-      href="/x/react-data-grid/sorting/#multi-sorting"
-    />
-  ),
-  'data-grid/row-height': (
-    <ColumnHead label="Row height" nested href="/x/react-data-grid/row-height/" />
+    <ColumnHead label="Multi-column sorting" href="/x/react-data-grid/sorting/#multi-sorting" />
   ),
+  'data-grid/row-height': <ColumnHead label="Row height" href="/x/react-data-grid/row-height/" />,
   'data-grid/row-spanning': (
-    <ColumnHead label="Row spanning" nested href="/x/react-data-grid/row-spanning/" />
+    <ColumnHead label="Row spanning" href="/x/react-data-grid/row-spanning/" />
   ),
   'data-grid/row-reordering': (
-    <ColumnHead label="Row reordering" nested href="/x/react-data-grid/row-ordering/" />
+    <ColumnHead label="Row reordering" href="/x/react-data-grid/row-ordering/" />
   ),
   'data-grid/row-pinning': (
-    <ColumnHead label="Row pinning" nested href="/x/react-data-grid/row-pinning/" />
+    <ColumnHead label="Row pinning" href="/x/react-data-grid/row-pinning/" />
   ),
   'data-grid/row-selection': (
-    <ColumnHead label="Row selection" nested href="/x/react-data-grid/row-selection/" />
+    <ColumnHead label="Row selection" href="/x/react-data-grid/row-selection/" />
   ),
   'data-grid/row-multiselection': (
     <ColumnHead
       label="Multi-row selection"
-      nested
       href="/x/react-data-grid/row-selection/#multiple-row-selection"
     />
   ),
   'data-grid/row-cell-selection': (
-    <ColumnHead
-      label="Cell selection (and Range)"
-      nested
-      href="/x/react-data-grid/cell-selection/"
-    />
+    <ColumnHead label="Cell selection (and Range)" href="/x/react-data-grid/cell-selection/" />
   ),
   'data-grid/filter-column': (
-    <ColumnHead label="Column filters" nested href="/x/react-data-grid/filtering/" />
+    <ColumnHead label="Column filters" href="/x/react-data-grid/filtering/" />
   ),
   'data-grid/filter-quick': (
-    <ColumnHead label="Quick filter" nested href="/x/react-data-grid/filtering/quick-filter/" />
+    <ColumnHead label="Quick filter" href="/x/react-data-grid/filtering/quick-filter/" />
   ),
   'data-grid/header-filters': (
-    <ColumnHead label="Header filters" nested href="/x/react-data-grid/filtering/header-filters/" />
+    <ColumnHead label="Header filters" href="/x/react-data-grid/filtering/header-filters/" />
   ),
   'data-grid/filter-multicolumn': (
-    <ColumnHead
-      label="Multi-column filtering"
-      nested
-      href="/x/react-data-grid/filtering/multi-filters/"
-    />
-  ),
-  'data-grid/pagination': (
-    <ColumnHead label="Pagination" nested href="/x/react-data-grid/pagination/" />
+    <ColumnHead label="Multi-column filtering" href="/x/react-data-grid/filtering/multi-filters/" />
   ),
+  'data-grid/pagination': <ColumnHead label="Pagination" href="/x/react-data-grid/pagination/" />,
   'data-grid/pagination-large': (
     <ColumnHead
       label="Pagination > 100 rows per page"
-      nested
       href="/x/react-data-grid/pagination/#size-of-the-page"
     />
   ),
   'data-grid/edit-row': (
-    <ColumnHead label="Row editing" nested href="/x/react-data-grid/editing/#row-editing" />
+    <ColumnHead label="Row editing" href="/x/react-data-grid/editing/#row-editing" />
   ),
   'data-grid/edit-cell': (
-    <ColumnHead label="Cell editing" nested href="/x/react-data-grid/editing/#cell-editing" />
+    <ColumnHead label="Cell editing" href="/x/react-data-grid/editing/#cell-editing" />
   ),
   'data-grid/file-csv': (
-    <ColumnHead label="CSV export" nested href="/x/react-data-grid/export/#csv-export" />
+    <ColumnHead label="CSV export" href="/x/react-data-grid/export/#csv-export" />
   ),
   'data-grid/file-print': (
-    <ColumnHead label="Print" nested href="/x/react-data-grid/export/#print-export" />
+    <ColumnHead label="Print" href="/x/react-data-grid/export/#print-export" />
   ),
   'data-grid/file-clipboard-copy': (
-    <ColumnHead label="Clipboard copy" nested href="/x/react-data-grid/clipboard/#clipboard-copy" />
+    <ColumnHead label="Clipboard copy" href="/x/react-data-grid/clipboard/#clipboard-copy" />
   ),
   'data-grid/file-clipboard-paste': (
-    <ColumnHead
-      label="Clipboard paste"
-      nested
-      href="/x/react-data-grid/clipboard/#clipboard-paste"
-    />
+    <ColumnHead label="Clipboard paste" href="/x/react-data-grid/clipboard/#clipboard-paste" />
   ),
   'data-grid/file-excel': (
-    <ColumnHead label="Excel export" nested href="/x/react-data-grid/export/#excel-export" />
+    <ColumnHead label="Excel export" href="/x/react-data-grid/export/#excel-export" />
   ),
   'data-grid/customizable-components': (
-    <ColumnHead label="Customizable components" nested href="/x/react-data-grid/components/" />
+    <ColumnHead label="Customizable components" href="/x/react-data-grid/components/" />
   ),
   'data-grid/virtualize-column': (
     <ColumnHead
       label="Column virtualization"
-      nested
       href="/x/react-data-grid/virtualization/#column-virtualization"
     />
   ),
   'data-grid/virtualize-row': (
     <ColumnHead
       label="Row virtualization > 100 rows"
-      nested
       href="/x/react-data-grid/virtualization/#row-virtualization"
     />
   ),
-  'data-grid/tree-data': (
-    <ColumnHead label="Tree data" nested href="/x/react-data-grid/tree-data/" />
-  ),
+  'data-grid/tree-data': <ColumnHead label="Tree data" href="/x/react-data-grid/tree-data/" />,
   'data-grid/master-detail': (
-    <ColumnHead label="Master detail" nested href="/x/react-data-grid/master-detail/" />
+    <ColumnHead label="Master detail" href="/x/react-data-grid/master-detail/" />
   ),
   'data-grid/grouping': (
-    <ColumnHead
-      label="Row grouping"
-      nested
-      href="https://mui.com/x/react-data-grid/row-grouping/"
-    />
+    <ColumnHead label="Row grouping" href="https://mui.com/x/react-data-grid/row-grouping/" />
   ),
   'data-grid/aggregation': (
-    <ColumnHead label="Aggregation" nested href="/x/react-data-grid/aggregation/" />
+    <ColumnHead label="Aggregation" href="/x/react-data-grid/aggregation/" />
   ),
-  'data-grid/pivoting': <ColumnHead label="Pivoting" nested href="/x/react-data-grid/pivoting/" />,
+  'data-grid/pivoting': <ColumnHead label="Pivoting" href="/x/react-data-grid/pivoting/" />,
   'data-grid/accessibility': (
-    <ColumnHead label="Accessibility" nested href="/x/react-data-grid/accessibility/" />
+    <ColumnHead label="Accessibility" href="/x/react-data-grid/accessibility/" />
   ),
   'data-grid/keyboard-nav': (
     <ColumnHead
       label="Keyboard navigation"
-      nested
       href="/x/react-data-grid/accessibility/#keyboard-navigation"
     />
   ),
   'data-grid/localization': (
-    <ColumnHead label="Localization" nested href="/x/react-data-grid/localization/" />
+    <ColumnHead label="Localization" href="/x/react-data-grid/localization/" />
   ),
   'date-picker/simple': <ColumnHead label="Date Picker" />,
   'date-picker/range': <ColumnHead label="Date Range Picker" />,
@@ -660,9 +633,9 @@ const rowHeaders: Record<string, React.ReactNode> = {
   ),
 };
 
-const yes = <IconImage name="yes" title="Included" />;
-const pending = <IconImage name="time" title="Work in progress" />;
-const no = <IconImage name="no" title="Not included" />;
+const yes = <IconImage name="pricing/yes" title="Included" />;
+const pending = <IconImage name="pricing/time" title="Work in progress" />;
+const no = <IconImage name="pricing/no" title="Not included" />;
 
 const communityData: Record<string, React.ReactNode> = {
   // MUI Core
@@ -873,12 +846,14 @@ function RowCategory(props: BoxProps) {
       {...props}
       sx={[
         (theme) => ({
-          typography: 'caption',
-          display: 'block',
-          fontWeight: 500,
-          py: 1,
-          ml: 1,
+          py: 1.5,
           pl: 1.5,
+          display: 'block',
+          textTransform: 'uppercase',
+          letterSpacing: '.08rem',
+          fontWeight: theme.typography.fontWeightBold,
+          fontSize: theme.typography.pxToRem(11),
+          color: 'text.secondary',
           borderBottom: '1px solid',
           bgcolor: 'grey.50',
           borderColor: 'grey.200',
@@ -973,7 +948,6 @@ function StickyHead({
 }
 
 const divider = <Divider />;
-const nestedDivider = <Divider sx={{ ml: 1 }} />;
 
 function renderMasterRow(key: string, gridSx: object, plans: Array<any>) {
   return (
@@ -981,7 +955,7 @@ function renderMasterRow(key: string, gridSx: object, plans: Array<any>) {
       sx={[
         gridSx,
         (theme) => ({
-          '&:hover': {
+          '&:hover > div': {
             bgcolor: alpha(theme.palette.grey[50], 0.4),
             '@media (hover: none)': {
               bgcolor: 'initial',
@@ -1084,6 +1058,14 @@ export default function PricingTable({
       columnHeaderHidden ? '0px' : '240px'
     }, 1fr))`,
   };
+  const nestedGridSx = {
+    ...gridSx,
+    // Hack to keep nested grid aligned with others
+    ml: '-14px',
+    '&>div:first-of-type': {
+      ml: '14px',
+    },
+  };
 
   const unfoldMore = (
     <UnfoldMoreRounded
@@ -1093,6 +1075,7 @@ export default function PricingTable({
   );
 
   const renderRow = (key: string) => renderMasterRow(key, gridSx, plans);
+  const renderNestedRow = (key: string) => renderMasterRow(key, nestedGridSx, plans);
 
   return (
     <Box ref={tableRef} {...props} sx={{ pt: 8, pb: 8, ...props.sx }}>
@@ -1118,10 +1101,10 @@ export default function PricingTable({
             </Button>
           </Box>
           <ColumnHeadHighlight>
-            <Box>
+            <div>
               <PlanName plan="pro" />
               <PlanPrice plan="pro" />
-            </Box>
+            </div>
             <PricingTableBuyPro />
           </ColumnHeadHighlight>
           <Box sx={{ display: 'flex', flexDirection: 'column', p: 2, pt: 1.5 }}>
@@ -1201,106 +1184,106 @@ export default function PricingTable({
           Data Grid
         </Button>
       </Box>
-      <Collapse in={dataGridCollapsed} timeout={700} sx={{ position: 'relative' }}>
-        <Box
-          sx={(theme) => ({
-            position: 'absolute',
-            width: '2px',
-            left: 10,
-            top: 0,
-            bottom: 0,
-            bgcolor: 'grey.100',
-            ...theme.applyDarkStyles({
-              bgcolor: 'primaryDark.700',
-            }),
-          })}
-        />
+      <Collapse
+        in={dataGridCollapsed}
+        timeout={700}
+        sx={(theme) => ({
+          position: 'relative',
+          ml: 1.5,
+          borderLeftWidth: '2px',
+          borderLeftStyle: 'solid',
+          borderColor: 'grey.100',
+          ...theme.applyDarkStyles({
+            borderColor: 'primaryDark.700',
+          }),
+        })}
+      >
         <RowCategory>Column features</RowCategory>
-        {renderRow('data-grid/column-groups')}
-        {nestedDivider}
-        {renderRow('data-grid/column-spanning')}
-        {nestedDivider}
-        {renderRow('data-grid/column-resizing')}
-        {nestedDivider}
-        {renderRow('data-grid/column-reorder')}
-        {nestedDivider}
-        {renderRow('data-grid/column-pinning')}
-        {nestedDivider}
+        {renderNestedRow('data-grid/column-groups')}
+        {divider}
+        {renderNestedRow('data-grid/column-spanning')}
+        {divider}
+        {renderNestedRow('data-grid/column-resizing')}
+        {divider}
+        {renderNestedRow('data-grid/column-reorder')}
+        {divider}
+        {renderNestedRow('data-grid/column-pinning')}
+        {divider}
         <RowCategory>Row features</RowCategory>
-        {renderRow('data-grid/row-height')}
-        {nestedDivider}
-        {renderRow('data-grid/row-spanning')}
-        {nestedDivider}
-        {renderRow('data-grid/row-reordering')}
-        {nestedDivider}
-        {renderRow('data-grid/row-pinning')}
-        {nestedDivider}
+        {renderNestedRow('data-grid/row-height')}
+        {divider}
+        {renderNestedRow('data-grid/row-spanning')}
+        {divider}
+        {renderNestedRow('data-grid/row-reordering')}
+        {divider}
+        {renderNestedRow('data-grid/row-pinning')}
+        {divider}
         <RowCategory>Selection features</RowCategory>
-        {renderRow('data-grid/row-selection')}
-        {nestedDivider}
-        {renderRow('data-grid/row-multiselection')}
-        {nestedDivider}
-        {renderRow('data-grid/row-cell-selection')}
-        {nestedDivider}
+        {renderNestedRow('data-grid/row-selection')}
+        {divider}
+        {renderNestedRow('data-grid/row-multiselection')}
+        {divider}
+        {renderNestedRow('data-grid/row-cell-selection')}
+        {divider}
         <RowCategory>Filtering features</RowCategory>
-        {renderRow('data-grid/filter-column')}
-        {nestedDivider}
-        {renderRow('data-grid/filter-quick')}
-        {nestedDivider}
-        {renderRow('data-grid/header-filters')}
-        {nestedDivider}
-        {renderRow('data-grid/filter-multicolumn')}
-        {nestedDivider}
+        {renderNestedRow('data-grid/filter-column')}
+        {divider}
+        {renderNestedRow('data-grid/filter-quick')}
+        {divider}
+        {renderNestedRow('data-grid/header-filters')}
+        {divider}
+        {renderNestedRow('data-grid/filter-multicolumn')}
+        {divider}
         <RowCategory>Sorting</RowCategory>
-        {renderRow('data-grid/column-sorting')}
-        {nestedDivider}
-        {renderRow('data-grid/multi-column-sorting')}
-        {nestedDivider}
+        {renderNestedRow('data-grid/column-sorting')}
+        {divider}
+        {renderNestedRow('data-grid/multi-column-sorting')}
+        {divider}
         <RowCategory>Pagination features</RowCategory>
-        {renderRow('data-grid/pagination')}
-        {nestedDivider}
-        {renderRow('data-grid/pagination-large')}
-        {nestedDivider}
+        {renderNestedRow('data-grid/pagination')}
+        {divider}
+        {renderNestedRow('data-grid/pagination-large')}
+        {divider}
         <RowCategory>Editing features</RowCategory>
-        {renderRow('data-grid/edit-row')}
-        {nestedDivider}
-        {renderRow('data-grid/edit-cell')}
-        {nestedDivider}
+        {renderNestedRow('data-grid/edit-row')}
+        {divider}
+        {renderNestedRow('data-grid/edit-cell')}
+        {divider}
         <RowCategory>Import & export</RowCategory>
-        {renderRow('data-grid/file-csv')}
-        {nestedDivider}
-        {renderRow('data-grid/file-print')}
-        {nestedDivider}
-        {renderRow('data-grid/file-clipboard-copy')}
-        {nestedDivider}
-        {renderRow('data-grid/file-clipboard-paste')}
-        {nestedDivider}
-        {renderRow('data-grid/file-excel')}
-        {nestedDivider}
+        {renderNestedRow('data-grid/file-csv')}
+        {divider}
+        {renderNestedRow('data-grid/file-print')}
+        {divider}
+        {renderNestedRow('data-grid/file-clipboard-copy')}
+        {divider}
+        {renderNestedRow('data-grid/file-clipboard-paste')}
+        {divider}
+        {renderNestedRow('data-grid/file-excel')}
+        {divider}
         <RowCategory>Rendering features</RowCategory>
-        {renderRow('data-grid/customizable-components')}
-        {nestedDivider}
-        {renderRow('data-grid/virtualize-column')}
-        {nestedDivider}
-        {renderRow('data-grid/virtualize-row')}
-        {nestedDivider}
+        {renderNestedRow('data-grid/customizable-components')}
+        {divider}
+        {renderNestedRow('data-grid/virtualize-column')}
+        {divider}
+        {renderNestedRow('data-grid/virtualize-row')}
+        {divider}
         <RowCategory>Group & pivot</RowCategory>
-        {renderRow('data-grid/tree-data')}
-        {nestedDivider}
-        {renderRow('data-grid/master-detail')}
-        {nestedDivider}
-        {renderRow('data-grid/grouping')}
-        {nestedDivider}
-        {renderRow('data-grid/aggregation')}
-        {nestedDivider}
-        {renderRow('data-grid/pivoting')}
-        {nestedDivider}
+        {renderNestedRow('data-grid/tree-data')}
+        {divider}
+        {renderNestedRow('data-grid/master-detail')}
+        {divider}
+        {renderNestedRow('data-grid/grouping')}
+        {divider}
+        {renderNestedRow('data-grid/aggregation')}
+        {divider}
+        {renderNestedRow('data-grid/pivoting')}
+        {divider}
         <RowCategory>Miscellaneous</RowCategory>
-        {renderRow('data-grid/accessibility')}
-        {nestedDivider}
-        {renderRow('data-grid/keyboard-nav')}
-        {nestedDivider}
-        {renderRow('data-grid/localization')}
+        {renderNestedRow('data-grid/accessibility')}
+        {divider}
+        {renderNestedRow('data-grid/keyboard-nav')}
+        {divider}
+        {renderNestedRow('data-grid/localization')}
       </Collapse>
       {divider}
       {renderRow('date-picker/simple')}
diff --git a/docs/src/components/pricing/PricingWhatToExpect.tsx b/docs/src/components/pricing/PricingWhatToExpect.tsx
index f8d4810d925e1e..25534c1cf64a84 100644
--- a/docs/src/components/pricing/PricingWhatToExpect.tsx
+++ b/docs/src/components/pricing/PricingWhatToExpect.tsx
@@ -83,7 +83,7 @@ export default function PricingWhatToExpect() {
             when you renew:
             <ul>
               <li>before the support expires: 50% discount</li>
-              <li>up to 60 days after the support has expired: 25% discount</li>
+              <li>up to 60 days after the support has expired: 35% discount</li>
               <li>more than 60 days after the support has expired: 15% discount</li>
             </ul>
           </Typography>
diff --git a/docs/src/components/productBaseUI/BaseUIHero.tsx b/docs/src/components/productBaseUI/BaseUIHero.tsx
index 1ca67b2e25f77e..71eb65e11592f1 100644
--- a/docs/src/components/productBaseUI/BaseUIHero.tsx
+++ b/docs/src/components/productBaseUI/BaseUIHero.tsx
@@ -55,7 +55,7 @@ export default function BaseUIHero() {
               }),
             })}
           >
-            <IconImage width={28} height={28} name="product-core" />{' '}
+            <IconImage width={28} height={28} loading="eager" name="product-core" />{' '}
             <Link href={ROUTES.productCore}>MUI Core</Link>{' '}
             <Typography component="span" variant="inherit" sx={{ color: 'divider' }}>
               /
diff --git a/docs/src/components/productBaseUI/BaseUISummary.tsx b/docs/src/components/productBaseUI/BaseUISummary.tsx
index 0d7c45f983da4d..1388eab935f0f9 100644
--- a/docs/src/components/productBaseUI/BaseUISummary.tsx
+++ b/docs/src/components/productBaseUI/BaseUISummary.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import Container from '@mui/material/Container';
-import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Grid';
 import StyleRoundedIcon from '@mui/icons-material/StyleRounded';
@@ -9,7 +8,7 @@ import AccessibilityNewRounded from '@mui/icons-material/AccessibilityNewRounded
 import PhishingRoundedIcon from '@mui/icons-material/PhishingRounded';
 import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
 import GradientText from 'docs/src/components/typography/GradientText';
-import Link from 'docs/src/modules/components/Link';
+import InfoCard from 'docs/src/components/action/InfoCard';
 
 const content = [
   {
@@ -52,59 +51,7 @@ export default function BaseUISummary() {
         <Grid container spacing={3}>
           {content.map(({ icon, title, description, link }) => (
             <Grid key={title} item xs={12} md={4}>
-              <Paper
-                component={Link}
-                href={link}
-                noLinkStyle
-                variant="outlined"
-                sx={(theme) => ({
-                  p: 4,
-                  height: '100%',
-                  background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
-                  ...theme.applyDarkStyles({
-                    bgcolor: 'primaryDark.900',
-                    background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
-                    borderColor: 'primaryDark.700',
-                  }),
-                })}
-              >
-                <Box
-                  sx={(theme) => ({
-                    width: 40,
-                    height: 40,
-                    display: 'flex',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    borderRadius: 1,
-                    border: '1px solid',
-                    borderColor: 'primary.200',
-                    bgcolor: 'primary.50',
-                    boxShadow:
-                      '0px 1px 6px 0px rgba(194, 224, 255, 1), 0px 2px 30px 0px rgba(234, 237, 241, 0.3) inset',
-                    ...theme.applyDarkStyles({
-                      borderColor: 'primary.400',
-                      bgcolor: 'primary.900',
-                      boxShadow:
-                        '0px 1px 6px 0px rgba(0, 89, 178, 1), 0px 2px 30px 0px rgba(0, 0, 0, 0.25) inset',
-                    }),
-                  })}
-                >
-                  {icon}
-                </Box>
-                <Typography
-                  fontWeight="bold"
-                  component="h3"
-                  color="text.primary"
-                  variant="body2"
-                  mt={2}
-                  mb={0.5}
-                >
-                  {title}
-                </Typography>
-                <Typography variant="body2" color="text.secondary">
-                  {description}
-                </Typography>
-              </Paper>
+              <InfoCard link={link} title={title} icon={icon} description={description} />
             </Grid>
           ))}
         </Grid>
diff --git a/docs/src/components/productBaseUI/BaseUIThemesDemo.tsx b/docs/src/components/productBaseUI/BaseUIThemesDemo.tsx
index dd4a5fabeeea3d..1de1bb4a9a5099 100644
--- a/docs/src/components/productBaseUI/BaseUIThemesDemo.tsx
+++ b/docs/src/components/productBaseUI/BaseUIThemesDemo.tsx
@@ -8,7 +8,7 @@ import { Dropdown } from '@mui/base/Dropdown';
 import { Menu } from '@mui/base/Menu';
 import { MenuItem, menuItemClasses } from '@mui/base/MenuItem';
 import { MenuButton } from '@mui/base/MenuButton';
-import { Modal } from '@mui/base/Modal';
+import { Modal, modalClasses } from '@mui/base/Modal';
 import { Option } from '@mui/base/Option';
 import { Popper } from '@mui/base/Popper';
 import { Select } from '@mui/base/Select';
@@ -79,9 +79,18 @@ const StyledParagraph = styled('p')({
   color: 'text.primary',
 });
 
+const StyledSwitchLabel = styled('label')({
+  margin: 0,
+  fontSize: 14,
+  fontWeight: 600,
+  color: 'text.primary',
+});
+
 const StyledTabsList = styled('div')({
   display: 'flex',
   borderBottom: 'var(--border-width) solid var(--border-color)',
+  background: 'var(--TabsList-background)',
+  padding: '4px',
 });
 
 const StyledTab = styled('button')({
@@ -91,11 +100,12 @@ const StyledTab = styled('button')({
   justifyContent: 'center',
   gap: 6,
   position: 'relative',
-  minHeight: 42,
   flex: 1,
-  padding: '0.75rem',
-  background: 'var(--Tab-background)',
+  maxHeight: 42,
+  padding: '0.75rem 0.875rem',
+  background: 'transparent',
   border: 'none',
+  borderRadius: 'var(--Tab-radius)',
   fontSize: 14,
   fontWeight: 600,
   color: 'var(--muidocs-palette-text-secondary)',
@@ -104,6 +114,11 @@ const StyledTab = styled('button')({
     background: 'var(--Tab-hoverBackground)',
   },
 
+  '&:focus-visible': {
+    outline: '3px solid var(--muidocs-palette-primary-300)',
+    outlineOffset: -4,
+  },
+
   '&.Mui-selected': {
     color: 'var(--color-primary)',
 
@@ -113,7 +128,7 @@ const StyledTab = styled('button')({
       height: 'max(2px, var(--border-width, 0px))',
       left: 2,
       right: 2,
-      bottom: 'calc(-1 * min(2px, var(--border-width, 0px)))',
+      bottom: 'var(--Tab-activeSelector)',
       position: 'absolute',
       backgroundColor: 'var(--color-primary)',
     },
@@ -141,12 +156,19 @@ const StyledSelectButton = styled('button')({
   '&:hover': {
     backgroundColor: 'var(--Tab-hoverBackground)',
   },
+
+  '&:focus-visible': {
+    outline: '3px solid var(--muidocs-palette-primary-300)',
+  },
+
   '& svg:last-child': {
     marginLeft: 'auto',
   },
+
   '& svg:first-child': {
     marginRight: 'var(--Select-spacing)',
   },
+
   '&:not(:empty)': {
     fontWeight: 500,
   },
@@ -173,6 +195,10 @@ const StyledModalButton = styled('button')({
     backgroundColor: 'var(--muidocs-palette-primary-100)',
   },
 
+  '&:focus-visible': {
+    outline: '3px solid var(--muidocs-palette-primary-300)',
+  },
+
   '[data-mui-color-scheme="dark"] &': {
     borderColor: 'var(--muidocs-palette-primary-700)',
     backgroundColor: 'var(--muidocs-palette-primary-900)',
@@ -205,13 +231,17 @@ const StyledSnackbarButton = styled('button')({
     backgroundColor: 'var(--muidocs-palette-grey-200)',
   },
 
+  '&:focus-visible': {
+    outline: '3px solid var(--muidocs-palette-primary-300)',
+  },
+
   '[data-mui-color-scheme="dark"] &': {
-    borderColor: 'var(--muidocs-palette-grey-700)',
+    borderColor: 'var(--muidocs-palette-grey-800)',
     backgroundColor: 'var(--muidocs-palette-grey-900)',
-    color: 'var(--muidocs-palette-grey-200)',
+    color: 'var(--muidocs-palette-primary-100)',
     boxShadow: 'var(--formControl-shadow), inset 0px 4px 4px rgba(205, 210, 215, 0.05)',
     '&:hover': {
-      backgroundColor: 'var(--muidocs-palette-grey-800)',
+      backgroundColor: 'var(--muidocs-palette-primaryDark-700)',
     },
   },
 });
@@ -223,27 +253,32 @@ const StyledViewCode = styled(Link)({
   width: '100%',
   padding: '12px 16px',
   cursor: 'pointer',
-  backgroundColor: 'var(--muidocs-palette-primaryDark-700)',
-  border: 'none',
+  backgroundColor: 'var(--muidocs-palette-primaryDark-800)',
+  border: '1px solid',
+  borderColor: 'var(--muidocs-palette-grey-800)',
   borderRadius: 'var(--border-radius)',
-  boxShadow: '0px 2px 2px rgba(205, 210, 215, 0.2), inset 0px 4px 4px rgba(205, 210, 215, 0.2)',
+  boxShadow: 'var(--formControl-shadow), inset 0px 4px 4px rgba(205, 210, 215, 0.3)',
   fontFamily: 'var(--muidocs-font-family)',
   fontSize: '0.875rem',
   fontWeight: 600,
-  color: 'var(--muidocs-palette-primary-200)',
+  color: 'var(--muidocs-palette-grey-200)',
   lineHeight: 21 / 14,
 
   '&:hover': {
-    backgroundColor: 'var(--muidocs-palette-primaryDark-800)',
-    color: 'var(--muidocs-palette-primary-100)',
+    backgroundColor: 'var(--muidocs-palette-primaryDark-600)',
+    color: 'var(--muidocs-palette-primary-50)',
+  },
+
+  '&:focus-visible': {
+    outline: '3px solid var(--muidocs-palette-primary-300)',
   },
 
   '[data-mui-color-scheme="dark"] &': {
-    color: 'var(--muidocs-palette-primary-200)',
-    boxShadow: '0px 2px 2px rgba(205, 210, 215, 0.2), inset 0px 4px 4px rgba(205, 210, 215, 0.08)',
+    color: 'var(--muidocs-palette-primary-100)',
+    boxShadow: 'var(--formControl-shadow), inset 0px 4px 4px rgba(205, 210, 215, 0.05)',
     '&:hover': {
-      color: 'var(--muidocs-palette-primary-100)',
-      backgroundColor: 'var(--muidocs-palette-primaryDark-800)',
+      color: 'var(--muidocs-palette-primary-50)',
+      backgroundColor: 'var(--muidocs-palette-primaryDark-700)',
     },
   },
 });
@@ -453,7 +488,7 @@ const StyledSwitch = styled('span')(`
   }
 
   & .${switchClasses.track} {
-    background: var(--Switch-background, var(--muidocs-palette-grey-400));
+    background: var(--Switch-background, var(--muidocs-palette-grey-300));
     border-radius: max(2px, var(--border-radius) * 4);
     display: block;
     height: 100%;
@@ -470,15 +505,14 @@ const StyledSwitch = styled('span')(`
     border-radius: max(2px, var(--border-radius));
     background-color: #fff;
     position: relative;
-    
     transition-property: left;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 120ms;
   }
 
-  &.${switchClasses.focusVisible} .${switchClasses.thumb} {
-    background-color: var(--muidocs-palette-grey-500);
-    box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25);
+  &.${switchClasses.focusVisible} {
+    border-radius: max(2px, var(--border-radius) * 4);
+    outline: 3px solid var(--muidocs-palette-primary-300);
   }
 
   &.${switchClasses.checked} {
@@ -520,9 +554,10 @@ const StyledModal = styled(Modal)`
   display: flex;
   align-items: center;
   justify-content: center;
-  transition-property: visibility;
-  transition-delay: ${({ open }) => (open ? '0s' : '400ms')};
-  visibility: ${({ open }) => (open ? 'visible' : 'hidden')};
+
+  &.${modalClasses.hidden} {
+    visibility: hidden;
+  }
 `;
 
 const StyledBackdrop = styled(Backdrop)`
@@ -535,7 +570,33 @@ const StyledBackdrop = styled(Backdrop)`
   transition: opacity 0.3s ease;
 `;
 
-const Dialog = styled('div')({
+const AnimatedElement = React.forwardRef(function AnimatedElement(
+  props: {
+    in?: boolean;
+    onEnter?: () => void;
+    onExited?: () => void;
+    children: React.ReactNode;
+  },
+  ref: React.ForwardedRef<HTMLDivElement>,
+) {
+  const { in: inProp, onEnter = () => {}, onExited = () => {}, ...other } = props;
+
+  React.useEffect(() => {
+    if (inProp) {
+      onEnter();
+    }
+  }, [inProp, onEnter]);
+
+  const handleTransitionEnd = React.useCallback(() => {
+    if (!inProp) {
+      onExited();
+    }
+  }, [inProp, onExited]);
+
+  return <div onTransitionEnd={handleTransitionEnd} data-open={inProp} {...other} ref={ref} />;
+});
+
+const Dialog = styled(AnimatedElement)({
   backgroundColor: 'var(--muidocs-palette-background-paper)',
   borderRadius: 'min(var(--border-radius) * 2, 32px)',
   border: 'var(--border-width) solid',
@@ -564,7 +625,6 @@ const StyledBadge = styled(Badge)(
   font-family: IBM Plex Sans, sans-serif;
   position: relative;
   display: inline-block;
-  
 
   & .${badgeClasses.badge} {
     --_scale: 1.5em;
@@ -585,11 +645,6 @@ const StyledBadge = styled(Badge)(
     outline: 3px solid ${
       theme.palette.mode === 'dark' ? 'var(--muidocs-palette-primaryDark-900)' : '#FFF'
     };
-    box-shadow: 0px 2px 24px ${
-      theme.palette.mode === 'dark'
-        ? 'var(--muidocs-palette-primary-900)'
-        : 'var(--muidocs-palette-primary-100)'
-    };
     transform: translate(50%, -50%);
     transform-origin: 100% 0;
   }
@@ -611,21 +666,13 @@ const StyledMenuItem = styled(MenuItem)(
     border-bottom: none;
   }
 
+
   &.${menuItemClasses.focusVisible} {
-    outline: 3px solid ${
-      theme.palette.mode === 'dark'
-        ? 'var(--muidocs-palette-primary-600)'
-        : 'var(--muidocs-palette-primary-200)'
-    };
+    outline: 3px solid var(--muidocs-palette-primary-300);
     background-color: ${
       theme.palette.mode === 'dark'
         ? 'var(--muidocs-palette-grey-800)'
-        : 'var(--muidocs-palette-grey-100)'
-    };
-    color: ${
-      theme.palette.mode === 'dark'
-        ? 'var(--muidocs-palette-grey-300)'
-        : 'var(--muidocs-palette-grey-900)'
+        : 'var(--muidocs-palette-grey-50)'
     };
   }
 
@@ -666,6 +713,11 @@ const StyledMenuButton = styled(MenuButton)({
   cursor: 'pointer',
   border: 'none',
   background: 'transparent',
+  borderRadius: 'var(--avatar-radius)',
+
+  '&:focus-visible': {
+    outline: '3px solid var(--muidocs-palette-primary-300)',
+  },
 });
 
 const snackbarInRight = keyframes`
@@ -817,7 +869,7 @@ export default function BaseUIThemesDemo() {
                 <Box
                   component="img"
                   alt="Michał Dudak, the leading engineer for Base UI."
-                  src="/static/branding/about/michal.png"
+                  src="/static/branding/about/michał-dudak.png"
                   sx={{
                     display: 'inline-block',
                     verticalAlign: 'middle',
@@ -854,8 +906,10 @@ export default function BaseUIThemesDemo() {
             borderBottom: 'var(--border-width) solid var(--border-color)',
           }}
         >
-          <StyledLabel>Select a component</StyledLabel>
+          <StyledLabel htmlFor="base-ui-select">Select a component</StyledLabel>
           <Select
+            id="base-ui-select"
+            name="base-ui-select"
             defaultValue={10}
             slots={{
               root: StyledSelectButton,
@@ -946,7 +1000,7 @@ export default function BaseUIThemesDemo() {
           }}
         >
           <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
-            <StyledParagraph id="make-it-your-own">Make it your own</StyledParagraph>
+            <StyledSwitchLabel id="make-it-your-own">Make it your own</StyledSwitchLabel>
             <Switch
               slots={{
                 root: StyledSwitch,
@@ -958,7 +1012,7 @@ export default function BaseUIThemesDemo() {
             />
           </Box>
           <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
-            <StyledParagraph id="use-every-component">Use every component</StyledParagraph>
+            <StyledSwitchLabel id="use-every-component">Use every component</StyledSwitchLabel>
             <Switch
               slots={{
                 root: StyledSwitch,
@@ -988,10 +1042,11 @@ export default function BaseUIThemesDemo() {
             aria-describedby="unstyled-modal-description"
             open={openModal}
             onClose={handleCloseModal}
+            closeAfterTransition
             slots={{ backdrop: StyledBackdrop }}
             keepMounted
           >
-            <Dialog data-open={openModal}>
+            <Dialog in={openModal}>
               <Box
                 component="h2"
                 id="unstyled-modal-title"
@@ -1015,10 +1070,10 @@ export default function BaseUIThemesDemo() {
           </StyledSnackbarButton>
           <StyledSnackbar open={openSnackbar} autoHideDuration={5000} onClose={handleCloseSnackbar}>
             <CheckCircleRoundedIcon fontSize="small" />
-            <Box>
+            <div>
               <div data-title>This is a Base UI snackbar.</div>
               <div data-description>Free to design as you want it.</div>
-            </Box>
+            </div>
           </StyledSnackbar>
         </Box>
         {/* Button "View all components" component */}
diff --git a/docs/src/components/productBaseUI/heroVariables.ts b/docs/src/components/productBaseUI/heroVariables.ts
index e7258e02074122..d64349645338b1 100644
--- a/docs/src/components/productBaseUI/heroVariables.ts
+++ b/docs/src/components/productBaseUI/heroVariables.ts
@@ -8,7 +8,9 @@ const sleek = {
   '--avatar-radius': '99px',
   // components
   '--Panel-shadow': '0 4px 40px 0 rgba(62, 80, 96, 0.15)',
+  '--Tab-radius': '12px',
   '--Tab-hoverBackground': 'var(--muidocs-palette-grey-50)',
+  '--Tab-activeSelector': 'calc(-5 * min(2px, var(--border-width, 0px)))',
   '--Select-radius': '12px',
   '--Select-spacing': '12px',
   '--Input-border': 'var(--muidocs-palette-primary-400)',
@@ -43,8 +45,10 @@ const retro = {
   '--avatar-radius': '2px',
   // components
   '--Panel-shadow': '-8px 8px 0 0 var(--muidocs-palette-grey-800)',
-  '--Tab-background': 'var(--muidocs-palette-primary-50)',
+  '--Tab-radius': '0',
+  '--TabsList-background': 'var(--muidocs-palette-primary-50)',
   '--Tab-hoverBackground': 'var(--muidocs-palette-grey-100)',
+  '--Tab-activeSelector': 'calc(-5 * min(2px, var(--border-width, 0px)))',
   '--Select-radius': '0px',
   '--Select-spacing': '12px',
   '--Select-background': 'var(--muidocs-palette-grey-50)',
@@ -62,8 +66,8 @@ const retro = {
     '--formControl-shadow': '0px 2px 2px rgb(0 0 0 / 80%)',
     // dark components
     '--Panel-shadow': '-8px 8px 0 0 var(--muidocs-palette-primaryDark-700)',
-    '--Tab-background': 'var(--muidocs-palette-grey-800)',
-    '--Tab-hoverBackground': 'var(--muidocs-palette-grey-700)',
+    '--TabsList-background': 'var(--muidocs-palette-primaryDark-700)',
+    '--Tab-hoverBackground': 'var(--muidocs-palette-primaryDark-600)',
     '--Select-background': 'var(--muidocs-palette-grey-900)',
     '--Option-selectedBackground': 'var(--muidocs-palette-grey-800)',
     '--Option-hoverBackground': 'var(--muidocs-palette-grey-900)',
@@ -84,10 +88,12 @@ const playful = {
   '--avatar-radius': '999px',
   // components
   '--Panel-shadow': '0 4px 40px 0 rgba(51, 153, 255, 0.2)',
+  '--Tab-radius': '999px',
+  '--Tab-activeSelector': 'calc(-3 * min(2px, var(--border-width, 0px)))',
   '--Select-spacing': '12px',
   '--Select-ringColor': 'var(--muidocs-palette-grey-400)',
   '--Option-selectedBackground': 'var(--muidocs-palette-primary-50)',
-  '--Tab-background': 'var(--muidocs-palette-primary-50)',
+  '--TabsList-background': 'var(--muidocs-palette-primary-50)',
   '--Tab-hoverBackground': 'var(--muidocs-palette-primary-100)',
   '--Input-border': 'var(--muidocs-palette-primary-400)',
   '--Input-focus-border': '0 0 0 3px var(--muidocs-palette-primary-200)',
@@ -102,7 +108,7 @@ const playful = {
     '--border-color': 'var(--muidocs-palette-primary-700)',
     '--formControl-shadow': '0px 2px 2px rgb(0 0 0 / 80%)',
     // dark components
-    '--Tab-background': 'var(--muidocs-palette-primary-900)',
+    '--TabsList-background': 'var(--muidocs-palette-primary-900)',
     '--Tab-hoverBackground': 'var(--muidocs-palette-primary-800)',
     '--Select-ringColor': 'var(--muidocs-palette-grey-700)',
     '--Option-selectedBackground': 'var(--muidocs-palette-primary-900)',
diff --git a/docs/src/components/productCore/CoreHero.tsx b/docs/src/components/productCore/CoreHero.tsx
index 569ea94e531e1f..d370dd80f81a12 100644
--- a/docs/src/components/productCore/CoreHero.tsx
+++ b/docs/src/components/productCore/CoreHero.tsx
@@ -33,7 +33,7 @@ export default function CoreHero() {
             }),
           })}
         >
-          <IconImage width={28} height={28} name="product-core" /> MUI Core
+          <IconImage loading="eager" width={28} height={28} name="product-core" /> MUI Core
         </Typography>
         <Typography component="h1" variant="h2" sx={{ textAlign: 'center' }} gutterBottom>
           Ready to use components
diff --git a/docs/src/components/productCore/CoreHeroEnd.tsx b/docs/src/components/productCore/CoreHeroEnd.tsx
index d76dbf6342fa8f..21c1ae09fd2a2d 100644
--- a/docs/src/components/productCore/CoreHeroEnd.tsx
+++ b/docs/src/components/productCore/CoreHeroEnd.tsx
@@ -19,7 +19,7 @@ export default function CoreHeroEnd() {
       data-mui-color-scheme="dark"
       sx={{
         background: (theme) =>
-          `linear-gradient(180deg, ${(theme.vars || theme).palette.primaryDark[800]} 50%, 
+          `linear-gradient(180deg, ${(theme.vars || theme).palette.primaryDark[800]} 50%,
         ${alpha(theme.palette.primary[800], 0.2)} 100%), ${
             (theme.vars || theme).palette.primaryDark[800]
           }`,
@@ -38,7 +38,7 @@ export default function CoreHeroEnd() {
               description="The core components were crafted by many hands, all over the world. Join us today to get help when you need it, and lend a hand when you can."
             />
             <Button
-              aria-label="Go to documentation"
+              aria-label="Learn more"
               component={Link}
               href={ROUTES.communityHelp}
               noLinkStyle
@@ -47,7 +47,7 @@ export default function CoreHeroEnd() {
               endIcon={<KeyboardArrowRightRounded />}
               sx={{ width: { xs: '100%', sm: 'auto' } }}
             >
-              Learn more
+              Join our community
             </Button>
           </Box>
         </Grid>
diff --git a/docs/src/components/productCore/CoreProducts.tsx b/docs/src/components/productCore/CoreProducts.tsx
index 9df73570a2d0a1..46b551a737e937 100644
--- a/docs/src/components/productCore/CoreProducts.tsx
+++ b/docs/src/components/productCore/CoreProducts.tsx
@@ -27,7 +27,7 @@ const content = [
     // logo:
     title: 'Base UI',
     description:
-      'A library of unstyled components with production-ready functionality, along with low-level hooks.',
+      'A library of unstyled React UI components and hooks. With Base UI, you gain complete control over your app\'s CSS and accessibility features.',
     link: '/base-ui/',
   },
   {
@@ -59,13 +59,11 @@ export default function CoreProducts() {
                   theme.palette.primary[50],
                   0.3,
                 )} 40%, ${alpha(theme.palette.grey[50], 0.2)} 100%)`,
-
                 '&:hover': {
                   borderColor: 'primary.500',
                   boxShadow:
                     '0px 1px 6px 0px rgba(194, 224, 255, 1), 0px 2px 30px 0px rgba(234, 237, 241, 0.3) inset',
                 },
-
                 ...theme.applyDarkStyles({
                   bgcolor: 'primaryDark.900',
                   borderColor: 'primaryDark.700',
@@ -73,7 +71,6 @@ export default function CoreProducts() {
                     theme.palette.primary[900],
                     0.1,
                   )} 40%, ${alpha(theme.palette.primaryDark[800], 0.2)} 100%)`,
-
                   '&:hover': {
                     boxShadow: '0px 1px 6px #0059B3, inset 0px 2px 30px rgba(0, 0, 0, 0.1)',
                   },
@@ -105,7 +102,7 @@ export default function CoreProducts() {
               </Box> */}
               <Typography
                 fontWeight="bold"
-                component="h3"
+                component="h2"
                 color="text.primary"
                 variant="body1"
                 // mt={2}
diff --git a/docs/src/components/productDesignKit/DesignKitDemo.tsx b/docs/src/components/productDesignKit/DesignKitDemo.tsx
index 0cc47d4d01b2e0..687f7153acb5a8 100644
--- a/docs/src/components/productDesignKit/DesignKitDemo.tsx
+++ b/docs/src/components/productDesignKit/DesignKitDemo.tsx
@@ -42,15 +42,15 @@ export default function TemplateDemo() {
     <Section bg="gradient" cozy>
       <Grid container spacing={2} alignItems="center">
         <Grid item md={6} sx={{ minWidth: 0 }}>
-          <Box maxWidth={500}>
+          <Box sx={{ maxWidth: 500 }}>
             <SectionHeadline
-              overline="Features"
+              overline="Design kits"
               title={
                 <Typography variant="h2">
                   Upgrade your <GradientText>design workflow</GradientText>
                 </Typography>
               }
-              description="The Design kits contain many of the Material UI components with states, variations, colors, typography, and icons. We frequently update it to sync with the most up-to-date Material UI release."
+              description="The Design kits contain many of the Material UI components with states, variations, colors, typography, and icons. We frequently update it to sync with the most up-to-date release."
             />
           </Box>
           <Group desktopColumns={2} sx={{ mt: 4 }}>
diff --git a/docs/src/components/productDesignKit/DesignKitHero.tsx b/docs/src/components/productDesignKit/DesignKitHero.tsx
index cbb801f79cf5af..8651c294cca2cf 100644
--- a/docs/src/components/productDesignKit/DesignKitHero.tsx
+++ b/docs/src/components/productDesignKit/DesignKitHero.tsx
@@ -34,7 +34,7 @@ export default function TemplateHero() {
               }),
             })}
           >
-            <IconImage width={28} height={28} name="product-designkits" /> Design kits
+            <IconImage width={28} height={28} loading="eager" name="product-designkits" /> Design kits
           </Typography>
           <Typography variant="h1" sx={{ my: 2, maxWidth: 500 }}>
             Material UI
diff --git a/docs/src/components/productDesignKit/DesignKitValues.tsx b/docs/src/components/productDesignKit/DesignKitValues.tsx
index 3b18d41bac872b..06cb9895752d30 100644
--- a/docs/src/components/productDesignKit/DesignKitValues.tsx
+++ b/docs/src/components/productDesignKit/DesignKitValues.tsx
@@ -1,6 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
-import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Grid';
 import Palette from '@mui/icons-material/Palette';
@@ -8,6 +6,7 @@ import LibraryBooks from '@mui/icons-material/LibraryBooks';
 import CodeRounded from '@mui/icons-material/CodeRounded';
 import GradientText from 'docs/src/components/typography/GradientText';
 import Section from 'docs/src/layouts/Section';
+import InfoCard from 'docs/src/components/action/InfoCard';
 
 const content = [
   {
@@ -43,61 +42,7 @@ function DesignKitValues() {
       <Grid container spacing={3}>
         {content.map(({ icon, title, description }) => (
           <Grid key={title} item xs={12} sm={6} md={4}>
-            <Paper
-              variant="outlined"
-              sx={(theme) => ({
-                p: 3,
-                height: '100%',
-                position: 'relative',
-                borderRadius: '12px',
-                border: '1px solid',
-                borderColor: 'grey.100',
-                background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
-
-                ...theme.applyDarkStyles({
-                  bgcolor: 'primaryDark.900',
-                  borderColor: 'primaryDark.700',
-                  background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
-                }),
-              })}
-            >
-              <Box
-                sx={(theme) => ({
-                  width: 40,
-                  height: 40,
-                  display: 'flex',
-                  justifyContent: 'center',
-                  alignItems: 'center',
-                  borderRadius: 1,
-                  border: '1px solid',
-                  borderColor: 'primary.200',
-                  bgcolor: 'primary.50',
-                  boxShadow:
-                    '0px 1px 6px 0px rgba(194, 224, 255, 1), 0px 2px 30px 0px rgba(234, 237, 241, 0.3) inset',
-                  ...theme.applyDarkStyles({
-                    borderColor: 'primary.400',
-                    bgcolor: 'primary.900',
-                    boxShadow:
-                      '0px 1px 6px 0px rgba(0, 89, 178, 1), 0px 2px 30px 0px rgba(0, 0, 0, 0.25) inset',
-                  }),
-                })}
-              >
-                {icon}
-              </Box>
-              <Typography
-                fontWeight="bold"
-                component="h3"
-                color="text.primary"
-                variant="body2"
-                mt={2}
-                mb={0.5}
-              >
-                {title}
-              </Typography>
-              <Typography variant="body2" color="text.secondary" mb={2}>
-                {description}
-              </Typography>
-            </Paper>
+            <InfoCard title={title} icon={icon} description={description} />
           </Grid>
         ))}
       </Grid>
diff --git a/docs/src/components/productMaterial/MaterialComponents.tsx b/docs/src/components/productMaterial/MaterialComponents.tsx
index c7d19955ed1b1a..b651e77e429d3e 100644
--- a/docs/src/components/productMaterial/MaterialComponents.tsx
+++ b/docs/src/components/productMaterial/MaterialComponents.tsx
@@ -61,24 +61,20 @@ const StyledButton = styled(Button)(({ theme }) => ({
 
 const CODES = {
   Button: `
-<div>
   <Button variant="text" startIcon={<ShoppingCartRounded />}>
-    Add to Cart
-  </Button>
-  <Button variant="contained" startIcon={<ShoppingCartRounded />}>
-    Add to Cart
-  </Button>
-  <Button variant="outlined" startIcon={<ShoppingCartRounded />}>
-    Add to Cart
-  </Button>
-</div>
+  Add item
+</Button>
+<Button variant="contained" startIcon={<ShoppingCartRounded />}>
+  Add item
+</Button>
+<Button variant="outlined" startIcon={<ShoppingCartRounded />}>
+  Add item
+</Button>
 `,
   'Text field': `
-<div>
   <TextField variant="standard" label="Username" />
-  <TextField variant="outlined" label="Email" type="email" />
-  <TextField variant="filled" label="Password" type="password" />
-</div>
+<TextField variant="outlined" label="Email" type="email" />
+<TextField variant="filled" label="Password" type="password" />
 `,
   Table: `
 <TableContainer
@@ -106,33 +102,29 @@ const CODES = {
 </TableContainer>
 `,
   Alert: `
-<div>
   <Alert variant="standard" color="info">
-    Check out this alert!
-  </Alert>
-  <Alert variant="outlined" color="info">
-    Check out this alert!
-  </Alert>
-  <Alert variant="filled" color="info">
-    Check out this alert!
-  </Alert>
-</div>
+  This is an alert!
+</Alert>
+<Alert variant="outlined" color="info">
+  This is an alert!
+</Alert>
+<Alert variant="filled" color="info">
+  This is an alert!
+</Alert>
 `,
   Tooltip: `
-<div>
   <Tooltip title="This is a tooltip" arrow placement="top">
-    <Typography>Top</Typography>
-  </Tooltip>
-  <Tooltip title="This is a tooltip" arrow placement="right">
-    <Typography>Right</Typography>
-  </Tooltip>
-  <Tooltip title="This is a tooltip" arrow placement="left">
-    <Typography>Left</Typography>
-  </Tooltip>
-  <Tooltip title="This is a tooltip" arrow placement="bottom">
-    <Typography>Bottom</Typography>
-  </Tooltip>
-</div>
+  <Typography>Top</Typography>
+</Tooltip>
+<Tooltip title="This is a tooltip" arrow placement="right">
+  <Typography>Right</Typography>
+</Tooltip>
+<Tooltip title="This is a tooltip" arrow placement="left">
+  <Typography>Left</Typography>
+</Tooltip>
+<Tooltip title="This is a tooltip" arrow placement="bottom">
+  <Typography>Bottom</Typography>
+</Tooltip>
 `,
 };
 
@@ -150,7 +142,7 @@ export default function MaterialComponents() {
     <Section bg="gradient">
       <Grid container spacing={2}>
         <Grid item md={6} sx={{ minWidth: 0 }}>
-          <Box maxWidth={500}>
+          <Box sx={{ maxWidth: 500 }}>
             <SectionHeadline
               overline="Component library"
               title={
@@ -187,22 +179,21 @@ export default function MaterialComponents() {
                     }}
                   >
                     <Button variant="text" startIcon={<ShoppingCartRounded />}>
-                      Add to Cart
+                      Add item
                     </Button>
                     <Button variant="contained" startIcon={<ShoppingCartRounded />}>
-                      Add to Cart
+                      Add item
                     </Button>
                     <Button variant="outlined" startIcon={<ShoppingCartRounded />}>
-                      Add to Cart
+                      Add item
                     </Button>
                   </Box>
                 )}
                 {demo === 'Text field' && (
                   <Stack
-                    alignItems="center"
                     justifyContent="center"
                     spacing={2}
-                    sx={{ height: '100%', py: 2 }}
+                    sx={{ p: 2, width: '50%', margin: 'auto' }}
                   >
                     <TextField variant="standard" label="Username" />
                     <TextField variant="outlined" label="Email" type="email" />
@@ -257,17 +248,17 @@ export default function MaterialComponents() {
                       justifyContent: 'center',
                       alignItems: 'center',
                       flexWrap: 'wrap',
-                      gap: 1,
+                      gap: 2,
                     }}
                   >
                     <Alert variant="standard" color="info">
-                      Check out this alert!
+                      This is an alert!
                     </Alert>
                     <Alert variant="outlined" color="info">
-                      Check out this alert!
+                      This is an alert!
                     </Alert>
                     <Alert variant="filled" color="info">
-                      Check out this alert!
+                      This is an alert!
                     </Alert>
                   </Box>
                 )}
diff --git a/docs/src/components/productMaterial/MaterialDesignKits.tsx b/docs/src/components/productMaterial/MaterialDesignKits.tsx
new file mode 100644
index 00000000000000..69ed2f271d47d3
--- /dev/null
+++ b/docs/src/components/productMaterial/MaterialDesignKits.tsx
@@ -0,0 +1,247 @@
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Grid from '@mui/material/Grid';
+import Fade from '@mui/material/Fade';
+import Typography from '@mui/material/Typography';
+import LaunchRounded from '@mui/icons-material/LaunchRounded';
+import TextFieldsRounded from '@mui/icons-material/TextFieldsRounded';
+import WidgetsRounded from '@mui/icons-material/WidgetsRounded';
+import ToggleOnRounded from '@mui/icons-material/ToggleOnRounded';
+import Section from 'docs/src/layouts/Section';
+import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
+import GradientText from 'docs/src/components/typography/GradientText';
+import Item, { Group } from 'docs/src/components/action/Item';
+import Highlighter from 'docs/src/components/action/Highlighter';
+import More from 'docs/src/components/action/More';
+import Frame from 'docs/src/components/action/Frame';
+import Link from 'docs/src/modules/components/Link';
+
+const DEMOS = ['Components', 'Branding', 'Iconography'];
+
+const Image = styled('img')(({ theme }) => ({
+  filter: 'drop-shadow(-2px 4px 4px rgba(61, 71, 82, 0.1))',
+  transition: '0.4s',
+  display: 'block',
+  height: 'auto',
+  borderRadius: '10px',
+  ...theme.applyDarkStyles({
+    filter: 'drop-shadow(-2px 4px 4px rgba(0, 0, 0, 0.3))',
+  }),
+}));
+
+export default function MaterialDesignKits() {
+  const [demo, setDemo] = React.useState(DEMOS[0]);
+  const icons = {
+    [DEMOS[0]]: <ToggleOnRounded fontSize="small" />,
+    [DEMOS[1]]: <TextFieldsRounded fontSize="small" />,
+    [DEMOS[2]]: <WidgetsRounded fontSize="small" />,
+  };
+  return (
+    <Section cozy>
+      <Grid container spacing={2} alignItems="center">
+        <Grid item md={6} sx={{ minWidth: 0 }}>
+          <Box sx={{ maxWidth: 500 }}>
+            <SectionHeadline
+              overline="Design kits"
+              title={
+                <Typography variant="h2">
+                  Enhance your <GradientText>design workflow</GradientText>
+                </Typography>
+              }
+              description="The Design kits contain many of the Material UI components with states, variations, colors, typography, and icons. We frequently update it to sync with the most up-to-date release."
+            />
+          </Box>
+          <Group desktopColumns={2} sx={{ mt: 4 }}>
+            {DEMOS.map((name) => (
+              <Highlighter key={name} selected={name === demo} onClick={() => setDemo(name)}>
+                <Item
+                  icon={React.cloneElement(icons[name], name === demo ? { color: 'primary' } : {})}
+                  title={name}
+                />
+              </Highlighter>
+            ))}
+            <More
+              component={Link}
+              href="https://mui.com/store/?utm_source=marketing&utm_medium=referral&utm_campaign=design-cta3#design"
+              noLinkStyle
+            />
+          </Group>
+        </Grid>
+        <Grid item xs={12} md={6}>
+          <Frame>
+            <Frame.Demo
+              sx={{
+                overflow: 'hidden',
+                height: { xs: 240, sm: 390 },
+                perspective: '1000px',
+              }}
+            >
+              <Fade in={demo === 'Components'} timeout={500}>
+                <Box
+                  sx={[
+                    {
+                      width: '100%',
+                      height: '100%',
+                      '& img': {
+                        position: 'absolute',
+                        left: '50%',
+                        width: { xs: 240, sm: 300 },
+                        '&:nth-of-type(1)': {
+                          top: 120,
+                          transform: 'translate(-70%)',
+                        },
+                        '&:nth-of-type(2)': {
+                          top: 80,
+                          transform: 'translate(-50%)',
+                        },
+                        '&:nth-of-type(3)': {
+                          top: 40,
+                          transform: 'translate(-30%)',
+                        },
+                      },
+                      '&:hover': {
+                        '& img': {
+                          filter: 'drop-shadow(-16px 12px 20px rgba(61, 71, 82, 0.2))',
+                          '&:nth-of-type(1)': {
+                            top: 0,
+                            transform: 'scale(0.8) translate(-108%) rotateY(30deg)',
+                          },
+                          '&:nth-of-type(2)': {
+                            top: 40,
+                            transform: 'scale(0.8) translate(-54%) rotateY(30deg)',
+                          },
+                          '&:nth-of-type(3)': {
+                            top: 40,
+                            transform: 'scale(0.8) translate(-0%) rotateY(30deg)',
+                          },
+                        },
+                      },
+                    },
+                    (theme) =>
+                      theme.applyDarkStyles({
+                        '&:hover': {
+                          '& img': {
+                            filter: 'drop-shadow(-16px 12px 20px rgba(0, 0, 0, 0.4))',
+                          },
+                        },
+                      }),
+                  ]}
+                >
+                  <Image
+                    src={`/static/branding/design-kits/Button-light.jpeg`}
+                    alt=""
+                    loading="lazy"
+                    sx={(theme) =>
+                      theme.applyDarkStyles({
+                        content: `url(/static/branding/design-kits/Button-dark.jpeg)`,
+                      })
+                    }
+                  />
+                  <Image
+                    src={`/static/branding/design-kits/Alert-light.jpeg`}
+                    alt=""
+                    loading="lazy"
+                    sx={(theme) =>
+                      theme.applyDarkStyles({
+                        content: `url(/static/branding/design-kits/Alert-dark.jpeg)`,
+                      })
+                    }
+                  />
+                  <Image
+                    src={`/static/branding/design-kits/Slider-light.jpeg`}
+                    alt=""
+                    loading="lazy"
+                    sx={(theme) =>
+                      theme.applyDarkStyles({
+                        content: `url(/static/branding/design-kits/Slider-dark.jpeg)`,
+                      })
+                    }
+                  />
+                </Box>
+              </Fade>
+              <Fade in={demo === 'Branding'} timeout={500}>
+                <Image
+                  src={`/static/branding/design-kits/Colors-light.jpeg`}
+                  alt=""
+                  loading="lazy"
+                  width="300"
+                  sx={(theme) => ({
+                    width: { sm: 400 },
+                    position: 'absolute',
+                    left: '50%',
+                    top: '50%',
+                    transform: 'translate(-50%, -50%)',
+                    ...theme.applyDarkStyles({
+                      content: `url(/static/branding/design-kits/Colors-dark.jpeg)`,
+                    }),
+                  })}
+                />
+              </Fade>
+              <Fade in={demo === 'Iconography'} timeout={500}>
+                <Image
+                  src={`/static/branding/design-kits/Icons-light.jpeg`}
+                  alt=""
+                  loading="lazy"
+                  width="300"
+                  sx={(theme) => ({
+                    width: { sm: 500 },
+                    position: 'absolute',
+                    left: '50%',
+                    top: 60,
+                    transform: 'translate(-40%)',
+                    ...theme.applyDarkStyles({
+                      content: `url(/static/branding/design-kits/Icons-dark.jpeg)`,
+                    }),
+                  })}
+                />
+              </Fade>
+            </Frame.Demo>
+            <Frame.Info
+              data-mui-color-scheme="dark"
+              sx={{
+                display: 'flex',
+                alignItems: { xs: 'start', sm: 'center' },
+                flexDirection: { xs: 'column', sm: 'row' },
+                minWidth: 0,
+                gap: { xs: 3, sm: 0 },
+              }}
+            >
+              <Box
+                sx={{
+                  display: 'flex',
+                  flexDirection: { xs: 'column', sm: 'row' },
+                  alignItems: { xs: 'start', sm: 'center' },
+                  gap: 1,
+                }}
+              >
+                <Typography variant="body2" fontWeight="semiBold">
+                  Available for all design softwares:
+                </Typography>
+                <Box sx={{ display: 'flex', gap: 1, '& >img': { width: 26, height: 26 } }}>
+                  <img src="/static/branding/design-kits/figma-logo.svg" alt="" loading="lazy" />
+                  <img src="/static/branding/design-kits/sketch-logo.svg" alt="" loading="lazy" />
+                  <img src="/static/branding/design-kits/adobexd-logo.svg" alt="" loading="lazy" />
+                </Box>
+              </Box>
+              <Button
+                component={Link}
+                variant="outlined"
+                href="https://mui.com/store/?utm_source=marketing&utm_medium=referral&utm_campaign=design-cta2#design"
+                endIcon={<LaunchRounded sx={{ '&&': { fontSize: 16 } }} />}
+                sx={{
+                  ml: { xs: 0, sm: 'auto' },
+                  color: 'primary.300',
+                  width: { xs: '100%', sm: 'fit-content' },
+                }}
+              >
+                Buy now
+              </Button>
+            </Frame.Info>
+          </Frame>
+        </Grid>
+      </Grid>
+    </Section>
+  );
+}
diff --git a/docs/src/components/productMaterial/MaterialHero.tsx b/docs/src/components/productMaterial/MaterialHero.tsx
index f9a6d6dccf1576..b0360b0fcd3d7c 100644
--- a/docs/src/components/productMaterial/MaterialHero.tsx
+++ b/docs/src/components/productMaterial/MaterialHero.tsx
@@ -7,6 +7,7 @@ import Alert from '@mui/material/Alert';
 import Avatar from '@mui/material/Avatar';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
+import Checkbox from '@mui/material/Checkbox';
 import Card from '@mui/material/Card';
 import CardHeader from '@mui/material/CardHeader';
 import CardMedia from '@mui/material/CardMedia';
@@ -32,6 +33,7 @@ import CheckCircleRounded from '@mui/icons-material/CheckCircleRounded';
 import CakeRounded from '@mui/icons-material/CakeRounded';
 import CelebrationRounded from '@mui/icons-material/CelebrationRounded';
 import AttractionsRounded from '@mui/icons-material/AttractionsRounded';
+import NotificationsIcon from '@mui/icons-material/Notifications';
 import DownloadIcon from '@mui/icons-material/Download';
 import LocalFireDepartment from '@mui/icons-material/LocalFireDepartment';
 import AcUnitRounded from '@mui/icons-material/AcUnitRounded';
@@ -47,7 +49,6 @@ import Switch from '@mui/material/Switch';
 import FormatAlignLeftIcon from '@mui/icons-material/FormatAlignLeft';
 import FormatAlignCenterIcon from '@mui/icons-material/FormatAlignCenter';
 import FormatAlignRightIcon from '@mui/icons-material/FormatAlignRight';
-import FormatAlignJustifyIcon from '@mui/icons-material/FormatAlignJustify';
 import ToggleButton from '@mui/material/ToggleButton';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import Badge from '@mui/material/Badge';
@@ -62,30 +63,39 @@ import { getDesignTokens } from 'docs/src/modules/brandingTheme';
 import Link from 'docs/src/modules/components/Link';
 import ROUTES from 'docs/src/route';
 
+function Checkboxes() {
+  const label = { inputProps: { 'aria-label': 'Checkbox demo' } };
+  return (
+    <React.Fragment>
+      <Checkbox {...label} defaultChecked />
+      <Checkbox {...label} />
+    </React.Fragment>
+  );
+}
+
 function ToggleButtons() {
   const [alignment, setAlignment] = React.useState('left');
   return (
-    <ToggleButtonGroup
-      value={alignment}
-      exclusive
-      onChange={(event, newAlignment) => {
-        setAlignment(newAlignment);
-      }}
-      aria-label="text alignment"
-    >
-      <ToggleButton value="left" aria-label="left aligned" size="small">
-        <FormatAlignLeftIcon fontSize="small" />
-      </ToggleButton>
-      <ToggleButton value="center" aria-label="centered" size="small">
-        <FormatAlignCenterIcon fontSize="small" />
-      </ToggleButton>
-      <ToggleButton value="right" aria-label="right aligned" size="small">
-        <FormatAlignRightIcon fontSize="small" />
-      </ToggleButton>
-      <ToggleButton value="justify" aria-label="justified" size="small" disabled>
-        <FormatAlignJustifyIcon fontSize="small" />
-      </ToggleButton>
-    </ToggleButtonGroup>
+    <Paper elevation={0} variant="outlined" sx={{ p: 2 }}>
+      <ToggleButtonGroup
+        value={alignment}
+        exclusive
+        onChange={(event, newAlignment) => {
+          setAlignment(newAlignment);
+        }}
+        aria-label="text alignment"
+      >
+        <ToggleButton value="left" aria-label="left aligned" size="small">
+          <FormatAlignLeftIcon fontSize="small" />
+        </ToggleButton>
+        <ToggleButton value="center" aria-label="centered" size="small">
+          <FormatAlignCenterIcon fontSize="small" />
+        </ToggleButton>
+        <ToggleButton value="right" aria-label="right aligned" size="small" disabled>
+          <FormatAlignRightIcon fontSize="small" />
+        </ToggleButton>
+      </ToggleButtonGroup>
+    </Paper>
   );
 }
 function TabsDemo() {
@@ -125,7 +135,7 @@ function BadgeVisibilityDemo() {
     >
       <div>
         <Badge color="primary" badgeContent={count}>
-          <DownloadIcon fontSize="small" />
+          <NotificationsIcon fontSize="small" />
         </Badge>
         <ButtonGroup>
           <Button
@@ -159,6 +169,7 @@ function SwitchToggleDemo() {
     >
       <Switch {...label} defaultChecked />
       <Switch {...label} />
+      <Checkboxes />
       <ToggleButtons />
     </Box>
   );
@@ -226,7 +237,7 @@ export default function MaterialHero() {
               }),
             })}
           >
-            <IconImage width={28} height={28} name="product-core" />{' '}
+            <IconImage loading="eager" width={28} height={28} name="product-core" />{' '}
             <Link href={ROUTES.productCore}>MUI Core</Link>{' '}
             <Typography component="span" variant="inherit" sx={{ color: 'divider' }}>
               /
@@ -331,9 +342,8 @@ export default function MaterialHero() {
                   </AccordionSummary>
                 </Accordion>
               </div>
-              {/* <DatePickerDemo /> */}
               <Alert variant="filled" color="info" icon={<CheckCircleRounded fontSize="small" />}>
-                Check out this library!
+                Check Material UI out now!
               </Alert>
               <SwitchToggleDemo />
               <TabsDemo />
@@ -386,7 +396,7 @@ export default function MaterialHero() {
               </Paper>
             </Stack>
             <Stack spacing={4} sx={{ ml: 4, '& > .MuiPaper-root': { maxWidth: 'none' } }}>
-              <Box sx={{ display: 'flex', justifyContent: 'space-between', gap: 2 }}>
+              <Box sx={{ display: 'flex', gap: 2, '& button': { textWrap: 'nowrap' } }}>
                 <Button variant="contained" startIcon={<DownloadIcon fontSize="small" />} fullWidth>
                   Install library
                 </Button>
diff --git a/docs/src/components/productMaterial/MaterialStyling.tsx b/docs/src/components/productMaterial/MaterialStyling.tsx
index 874ad0e2be83b3..47ae8ae3cc1c36 100644
--- a/docs/src/components/productMaterial/MaterialStyling.tsx
+++ b/docs/src/components/productMaterial/MaterialStyling.tsx
@@ -19,8 +19,9 @@ const code = `
 <Card
   variant="outlined"
   sx={{
-    display: 'flex',
     p: 1,
+    boxShadow: '0 1px 3px rgba(0, 127, 255, 0.1)',
+    display: 'flex',
     flexDirection: {
       xs: 'column', // mobile
       sm: 'row', // tablet and up
@@ -41,35 +42,40 @@ const code = `
     }}
   />
   <Box sx={{ alignSelf: 'center', ml: 2 }}>
-    <Typography variant="body2" color="text.secondary">
+    <Typography variant="body2" color="text.secondary" fontWeight="medium">
       123 Main St, Phoenix, AZ
     </Typography>
-    <Typography component="div" fontWeight="bold">
+    <Typography fontWeight="bold" noWrap>
       $280k - $310k
     </Typography>
     <Box
-      sx={{
-        ml: -1,
-        mt: 0.75,
-        px: 1,
-        py: 0.5,
-        borderRadius: 1,
-        display: 'flex',
+      sx={(theme) => ({
+        mt: 1,
+        py: 0.4,
+        pl: 0.5,
+        pr: 1,
         typography: 'caption',
-        bgcolor: (theme) =>
-          theme.palette.mode === 'dark' ? 'primary.900' : 'primary.50',
-        color: (theme) =>
-          theme.palette.mode === 'dark' ? '#fff' : 'primary.700',
-      }}
+        borderRadius: 10,
+        display: 'flex',
+        bgcolor: 'primary.50',
+        border: '1px solid',
+        borderColor: 'primary.100',
+        color: 'primary.700',
+        ...theme.applyDarkStyles({
+          bgcolor: 'primaryDark.700',
+          color: 'primary.200',
+          borderColor: 'primary.900',
+        }),
+      })}
     >
       <InfoRounded sx={{ fontSize: 16, mr: 0.5, mt: '1px' }} />
-      Confidence score of 85%
+      Confidence score: 85%
     </Box>
   </Box>
 </Card>`;
 
-const startLine = [32, 25, 5];
-const endLine = [44, 30, 8];
+const startLine = [34, 25, 6];
+const endLine = [48, 30, 8];
 const scrollTo = [540, 320, 0];
 
 export const useResizeHandle = (
@@ -165,7 +171,7 @@ export default function MaterialStyling() {
     <Section>
       <Grid container spacing={2}>
         <Grid item md={6} sx={{ minWidth: 0 }}>
-          <Box maxWidth={500}>
+          <Box sx={{ maxWidth: 500 }}>
             <SectionHeadline
               overline="Styling"
               title={
@@ -215,8 +221,8 @@ export default function MaterialStyling() {
                   justifyContent: 'center',
                   alignItems: 'center',
                   position: 'relative',
-                  p: 5,
-                  pr: 3,
+                  p: { xs: 2, sm: 5 },
+                  pr: { xs: 2, sm: 3 },
                   minHeight: index === 2 ? 280 : 'initial',
                   backgroundColor: 'transparent',
                 }}
@@ -254,12 +260,12 @@ export default function MaterialStyling() {
                       sx={(theme) => ({
                         pointerEvents: 'none',
                         width: '1px',
-                        bgcolor: 'grey.400',
+                        bgcolor: 'grey.200',
                         position: 'absolute',
-                        left: 345,
+                        left: 375,
                         height: '100%',
                         ...theme.applyDarkStyles({
-                          bgcolor: 'primaryDark.500',
+                          bgcolor: 'primaryDark.600',
                         }),
                       })}
                     >
@@ -268,13 +274,17 @@ export default function MaterialStyling() {
                           position: 'absolute',
                           bottom: 5,
                           typography: 'caption',
+                          fontFamily: 'code',
                           left: -30,
                           color: 'text.secondary',
                           borderRadius: '4px',
-                          bgcolor: 'grey.200',
+                          bgcolor: 'grey.50',
+                          border: '1px solid',
+                          borderColor: 'grey.200',
                           px: 0.5,
                           ...theme.applyDarkStyles({
-                            bgcolor: 'grey.800',
+                            bgcolor: 'primaryDark.700',
+                            borderColor: 'primaryDark.600',
                           }),
                         })}
                       >
@@ -285,13 +295,17 @@ export default function MaterialStyling() {
                           position: 'absolute',
                           bottom: 5,
                           typography: 'caption',
+                          fontFamily: 'code',
                           left: 7,
                           color: 'text.secondary',
                           borderRadius: '4px',
-                          bgcolor: 'grey.200',
+                          bgcolor: 'grey.50',
+                          border: '1px solid',
+                          borderColor: 'grey.200',
                           px: 0.5,
                           ...theme.applyDarkStyles({
-                            bgcolor: 'grey.800',
+                            bgcolor: 'primaryDark.700',
+                            borderColor: 'primaryDark.600',
                           }),
                         })}
                       >
diff --git a/docs/src/components/productMaterial/MaterialTemplates.tsx b/docs/src/components/productMaterial/MaterialTemplates.tsx
new file mode 100644
index 00000000000000..17f5cc3cd3fa0c
--- /dev/null
+++ b/docs/src/components/productMaterial/MaterialTemplates.tsx
@@ -0,0 +1,310 @@
+import * as React from 'react';
+import SwipeableViews from 'react-swipeable-views';
+import { alpha } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import ButtonBase, { ButtonBaseProps } from '@mui/material/ButtonBase';
+import Typography from '@mui/material/Typography';
+import LaunchRounded from '@mui/icons-material/LaunchRounded';
+import DashboardRounded from '@mui/icons-material/DashboardRounded';
+import Layers from '@mui/icons-material/Layers';
+import ShoppingBag from '@mui/icons-material/ShoppingBag';
+import KeyboardArrowLeftRounded from '@mui/icons-material/KeyboardArrowLeftRounded';
+import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
+import Section from 'docs/src/layouts/Section';
+import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
+import GradientText from 'docs/src/components/typography/GradientText';
+import Item, { Group } from 'docs/src/components/action/Item';
+import Highlighter from 'docs/src/components/action/Highlighter';
+import Frame from 'docs/src/components/action/Frame';
+import Link from 'docs/src/modules/components/Link';
+import More from 'docs/src/components/action/More';
+
+export const DEMOS = ['Dashboard', 'Landing Pages', 'E-commerce'];
+
+export const icons = {
+  [DEMOS[0]]: <DashboardRounded fontSize="small" />,
+  [DEMOS[1]]: <Layers fontSize="small" />,
+  [DEMOS[2]]: <ShoppingBag fontSize="small" />,
+};
+
+export const TEMPLATES = {
+  [DEMOS[0]]: [
+    {
+      name: 'Devias Kit Pro - Client & Admin Dashboard',
+      src: {
+        light: '/static/branding/store-templates/template-4light.jpg',
+        dark: '/static/branding/store-templates/template-4dark.jpg',
+      },
+      href: 'https://mui.com/store/items/devias-kit-pro/',
+    },
+    {
+      name: 'Minimal - Client & Admin Dashboard',
+      src: {
+        light: '/static/branding/store-templates/template-1light.jpg',
+        dark: '/static/branding/store-templates/template-1dark.jpg',
+      },
+      href: 'https://mui.com/store/items/minimal-dashboard/',
+    },
+    {
+      name: 'Berry - React Material Admin Dashboard Template',
+      src: {
+        light: '/static/branding/store-templates/template-5light.jpg',
+        dark: '/static/branding/store-templates/template-5dark.jpg',
+      },
+      href: 'https://mui.com/store/items/berry-react-material-admin/',
+    },
+    {
+      name: 'Mira Pro - React Material Admin Dashboard',
+      src: {
+        light: '/static/branding/store-templates/template-3light.jpg',
+        dark: '/static/branding/store-templates/template-3dark.jpg',
+      },
+      href: 'https://mui.com/store/items/mira-pro-react-material-admin-dashboard/',
+    },
+  ],
+  [DEMOS[1]]: [
+    {
+      name: 'theFront - Multipurpose Template + UI Kit',
+      src: {
+        light: '/static/branding/store-templates/template-2light.jpg',
+        dark: '/static/branding/store-templates/template-2dark.jpg',
+      },
+      href: 'https://mui.com/store/items/the-front-landing-page/',
+    },
+    {
+      name: 'Webbee - Multipurpose landing page UI Kit',
+      src: {
+        light: '/static/branding/store-templates/template-6light.jpg',
+        dark: '/static/branding/store-templates/template-6dark.jpg',
+      },
+      href: 'https://mui.com/store/items/webbee-landing-page/',
+    },
+  ],
+  [DEMOS[2]]: [
+    {
+      name: 'Bazar Pro - Multipurpose React Ecommerce Template',
+      src: {
+        light: '/static/branding/store-templates/template-bazar-light.jpg',
+        dark: '/static/branding/store-templates/template-bazar-dark.jpg',
+      },
+      href: 'https://mui.com/store/items/bazar-pro-react-ecommerce-template/',
+    },
+  ],
+};
+
+function ActionArea(props: ButtonBaseProps) {
+  return (
+    <ButtonBase
+      {...props}
+      sx={[
+        (theme) => ({
+          width: { xs: 70, sm: 100 },
+          height: { xs: 70, sm: 100 },
+          position: 'absolute',
+          top: 'calc(50% - 50px)',
+          p: 1.5,
+          color: '#FFF',
+          borderRadius: '50%',
+          transition: '0.2s',
+          backdropFilter: 'blur(4px)',
+          bgcolor: alpha(theme.palette.primary[500], 0.5),
+          '& > svg': { transition: '0.2s' },
+          '&.Mui-disabled': {
+            opacity: 0,
+          },
+          '&:hover, &:focus': {
+            '& > svg': { fontSize: 28 },
+          },
+        }),
+        ...(Array.isArray(props.sx) ? props.sx : [props.sx]),
+      ]}
+    />
+  );
+}
+
+export default function MaterialTemplates() {
+  const [demo, setDemo] = React.useState(DEMOS[0]);
+  const [templateIndex, setTemplateIndex] = React.useState(1);
+  const templates = TEMPLATES[demo];
+
+  return (
+    <Section bg="gradient" cozy>
+      <Box sx={{ maxWidth: 550, m: 'auto' }}>
+        <SectionHeadline
+          alwaysCenter
+          overline="Templates"
+          title={
+            <Typography variant="h2">
+              The right template for your
+              <br /> <GradientText>specific use case</GradientText>
+            </Typography>
+          }
+          description="A collection of 4.5 average rating templates, for multiple use cases, all powered by Material UI components and carefully curated by MUI's team."
+        />
+      </Box>
+      <Group rowLayout desktopColumns={2} sx={{ mt: 3 }}>
+        {DEMOS.map((name) => (
+          <Highlighter
+            key={name}
+            selected={name === demo}
+            onClick={() => {
+              setDemo(name);
+              setTemplateIndex(0);
+            }}
+          >
+            <Item
+              icon={React.cloneElement(icons[name], name === demo ? { color: 'primary' } : {})}
+              title={name}
+            />
+          </Highlighter>
+        ))}
+        <More
+          component={Link}
+          href="https://mui.com/store/?utm_source=marketing&utm_medium=referral&utm_campaign=material-templates-cta2#populars"
+          noLinkStyle
+        />
+      </Group>
+      <Frame sx={{ mt: 3 }}>
+        <Frame.Demo sx={{ minHeight: { xs: 240, sm: 320 }, height: { xs: 260, sm: 400, md: 500 } }}>
+          <Box
+            sx={{
+              overflow: 'hidden',
+              position: 'absolute',
+              left: 0,
+              right: 0,
+              top: '50%',
+              py: 2,
+              transform: 'translate(0px, -50%)',
+              '& > div': { px: '12%', overflow: 'unset !important' },
+              '& .react-swipeable-view-container > div': {
+                overflow: 'unset !important',
+              },
+            }}
+          >
+            <SwipeableViews
+              springConfig={{
+                duration: '0.6s',
+                delay: '0s',
+                easeFunction: 'cubic-bezier(0.15, 0.3, 0.25, 1)',
+              }}
+              index={templateIndex}
+              resistance
+              enableMouseEvents
+              onChangeIndex={(index) => setTemplateIndex(index)}
+            >
+              {templates.map((item, index) => (
+                <Box
+                  key={item.name}
+                  sx={(theme) => ({
+                    overflow: 'auto',
+                    borderRadius: 1,
+                    height: { xs: 220, sm: 320, md: 450 },
+                    backgroundImage: `url(${item.src.light})`,
+                    backgroundSize: 'cover',
+                    backgroundRepeat: 'no-repeat',
+                    border: '1px solid',
+                    borderColor: templateIndex === index ? 'primary.100' : 'divider',
+                    boxShadow: `0px 2px 12px ${alpha(theme.palette.primary[200], 0.3)}`,
+                    transition: '0.6s cubic-bezier(0.15, 0.3, 0.25, 1)',
+                    transform: templateIndex !== index ? 'scale(0.92)' : 'scale(1)',
+                    ...theme.applyDarkStyles({
+                      backgroundImage: `url(${item.src.dark})`,
+                      borderColor: templateIndex === index ? 'primary.800' : 'divider',
+                      boxShadow: `0px 2px 12px ${alpha(theme.palette.primary[900], 0.5)}`,
+                    }),
+                  })}
+                >
+                  <Link
+                    href={`${item.href}?utm_source=marketing&utm_medium=referral&utm_campaign=templates-cta2`}
+                    noLinkStyle
+                    target="_blank"
+                    sx={[
+                      (theme) => ({
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        flexDirection: 'column',
+                        gap: 1,
+                        transition: '0.2s',
+                        position: 'absolute',
+                        width: '100%',
+                        height: '100%',
+                        opacity: 0,
+                        top: 0,
+                        left: 0,
+                        bgcolor: alpha(theme.palette.primary[50], 0.6),
+                        backdropFilter: 'blur(4px)',
+                        textDecoration: 'none',
+                        '&:hover, &:focus': {
+                          opacity: 1,
+                        },
+                        ...theme.applyDarkStyles({
+                          bgcolor: alpha(theme.palette.primaryDark[900], 0.6),
+                        }),
+                      }),
+                    ]}
+                  >
+                    <Typography
+                      component="p"
+                      variant="h6"
+                      fontWeight="bold"
+                      textAlign="center"
+                      sx={[
+                        (theme) => ({
+                          color: 'text.primary',
+                          ...theme.applyDarkStyles({
+                            color: '#FFF',
+                          }),
+                        }),
+                      ]}
+                    >
+                      {templates[templateIndex].name}
+                    </Typography>
+                    <Box
+                      sx={[
+                        (theme) => ({
+                          display: 'flex',
+                          alignItems: 'center',
+                          gap: 0.5,
+                          color: 'primary.500',
+                          ...theme.applyDarkStyles({
+                            color: 'primary.100',
+                          }),
+                        }),
+                      ]}
+                    >
+                      <Typography fontWeight="bold">Buy now</Typography>
+                      <LaunchRounded fontSize="small" />
+                    </Box>
+                  </Link>
+                </Box>
+              ))}
+            </SwipeableViews>
+            {templates.length > 1 && (
+              <React.Fragment>
+                <ActionArea
+                  aria-label="Previous template"
+                  disabled={templateIndex === 0}
+                  onClick={() => setTemplateIndex((current) => Math.max(0, current - 1))}
+                  sx={{ left: 0, transform: 'translate(-50%)', justifyContent: 'flex-end' }}
+                >
+                  <KeyboardArrowLeftRounded />
+                </ActionArea>
+                <ActionArea
+                  aria-label="Next template"
+                  disabled={templateIndex === templates.length - 1}
+                  onClick={() =>
+                    setTemplateIndex((current) => Math.min(templates.length - 1, current + 1))
+                  }
+                  sx={{ right: 0, transform: 'translate(50%)', justifyContent: 'flex-start' }}
+                >
+                  <KeyboardArrowRightRounded />
+                </ActionArea>
+              </React.Fragment>
+            )}
+          </Box>
+        </Frame.Demo>
+      </Frame>
+    </Section>
+  );
+}
diff --git a/docs/src/components/productMaterial/MaterialTheming.tsx b/docs/src/components/productMaterial/MaterialTheming.tsx
index 35f3678414ad64..b33284d41154dc 100644
--- a/docs/src/components/productMaterial/MaterialTheming.tsx
+++ b/docs/src/components/productMaterial/MaterialTheming.tsx
@@ -19,53 +19,49 @@ const code = `
 <Card
   variant="outlined"
   sx={{
-    p: 1,
+    p: 2,
+    width: { xs: '100%', sm: 'auto' },
     display: 'flex',
     flexDirection: { xs: 'column', sm: 'row' },
+    alignItems: 'center',
+    gap: 2,
   }}
 >
   <CardMedia
     component="img"
-    width="124"
-    height="124"
-    alt="Beside Myself album cover"
-    src="/static/images/cards/basement-beside-myself.jpeg"
+    width="100"
+    height="100"
+    alt="Birds of Tokyo album cover"
+    src="/static/images/cards/birds-of-tokyo.jpg"
     sx={{
-      borderRadius: 0.5,
-      width: 'clamp(124px, (304px - 100%) * 999 , 100%)',
+      width: { xs: '100%', sm: 100 },
+      borderRadius: 0.6,
     }}
   />
-  <Box sx={{ alignSelf: 'center', px: { xs: 0, sm: 2 } }}>
-    <Typography
-      variant="body1"
-      color="text.primary"
-      fontWeight={600}
-      sx={{
-        textAlign: { xs: 'center', sm: 'start' },
-        mt: { xs: 1.5, sm: 0 },
-      }}
-    >
-      Ultraviolet
-    </Typography>
-    <Typography
-      component="div"
-      variant="caption"
-      color="text.secondary"
-      fontWeight={500}
-      sx={{ textAlign: { xm: 'center', sm: 'start' } }}
-    >
-      Basement • Beside Myself
-    </Typography>
-    <Stack
-      direction="row"
-      spacing={1}
-      sx={{
-        mt: 2,
-        justifyContent: { xs: 'space-between', sm: 'flex-start' },
-      }}
-    >
-      <IconButton aria-label="fast rewind" disabled>
-        <FastRewindRounded />
+  <Stack direction="column" spacing={2} alignItems="center">
+    <Stack direction="column" spacing={0.2} alignItems="center">
+      <Typography color="text.primary" fontWeight="medium" fontSize={15}>
+        If This Ship Sinks (I Give In)
+      </Typography>
+      <Typography
+        component="div"
+        variant="caption"
+        color="text.secondary"
+        fontWeight="regular"
+      >
+        Birds Of Tokyo
+      </Typography>
+    </Stack>
+    <Stack direction="row" alignItems="center" spacing={1.5}>
+      <IconButton 
+        disabled 
+        aria-label="shuffle" 
+        size="small" 
+        sx={{ flexGrow: 0 }}>
+        <ShuffleRoundedIcon fontSize="small" />
+      </IconButton>
+      <IconButton aria-label="fast rewind" disabled size="small">
+        <FastRewindRounded fontSize="small" />
       </IconButton>
       <IconButton
         aria-label={paused ? 'play' : 'pause'}
@@ -74,11 +70,14 @@ const code = `
       >
         {paused ? <PlayArrowRounded /> : <PauseRounded />}
       </IconButton>
-      <IconButton aria-label="fast forward" disabled>
-        <FastForwardRounded />
+      <IconButton aria-label="fast forward" disabled size="small">
+        <FastForwardRounded fontSize="small" />
+      </IconButton>
+      <IconButton aria-label="loop" disabled size="small">
+        <LoopRoundedIcon fontSize="small" />
       </IconButton>
     </Stack>
-  </Box>
+  </Stack>
 </Card>`;
 
 export default function MaterialTheming() {
@@ -87,7 +86,7 @@ export default function MaterialTheming() {
     <Section>
       <Grid container spacing={2}>
         <Grid item md={6} sx={{ minWidth: 0 }}>
-          <Box maxWidth={500}>
+          <Box sx={{ maxWidth: 500 }}>
             <SectionHeadline
               overline="Theming"
               title={
@@ -119,8 +118,7 @@ export default function MaterialTheming() {
           <Frame sx={{ height: '100%' }}>
             <Frame.Demo
               sx={{
-                py: 2,
-                px: 2,
+                p: 2,
                 flexGrow: 1,
                 display: 'flex',
                 justifyContent: 'center',
@@ -129,7 +127,7 @@ export default function MaterialTheming() {
               }}
             >
               {customized ? (
-                <PlayerCard />
+                <PlayerCard extraStyles />
               ) : (
                 <CssVarsProvider>
                   <PlayerCard disableTheming />
diff --git a/docs/src/components/productTemplate/TemplateDemo.tsx b/docs/src/components/productTemplate/TemplateDemo.tsx
index 44d6735a90819a..228267cfa491a9 100644
--- a/docs/src/components/productTemplate/TemplateDemo.tsx
+++ b/docs/src/components/productTemplate/TemplateDemo.tsx
@@ -6,9 +6,6 @@ import ButtonBase, { ButtonBaseProps } from '@mui/material/ButtonBase';
 import Grid from '@mui/material/Grid';
 import Typography from '@mui/material/Typography';
 import LaunchRounded from '@mui/icons-material/LaunchRounded';
-import DashboardRounded from '@mui/icons-material/DashboardRounded';
-import Layers from '@mui/icons-material/Layers';
-import ShoppingBag from '@mui/icons-material/ShoppingBag';
 import KeyboardArrowLeftRounded from '@mui/icons-material/KeyboardArrowLeftRounded';
 import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
 import Section from 'docs/src/layouts/Section';
@@ -19,8 +16,7 @@ import Highlighter from 'docs/src/components/action/Highlighter';
 import Frame from 'docs/src/components/action/Frame';
 import Link from 'docs/src/modules/components/Link';
 import More from 'docs/src/components/action/More';
-
-const DEMOS = ['Dashboard', 'Landing Pages', 'E-commerce'];
+import { DEMOS, icons, TEMPLATES } from 'docs/src/components/productMaterial/MaterialTemplates';
 
 function ActionArea(props: ButtonBaseProps) {
   return (
@@ -58,92 +54,22 @@ function ActionArea(props: ButtonBaseProps) {
 export default function TemplateDemo() {
   const [demo, setDemo] = React.useState(DEMOS[0]);
   const [templateIndex, setTemplateIndex] = React.useState(0);
-  const icons = {
-    [DEMOS[0]]: <DashboardRounded fontSize="small" />,
-    [DEMOS[1]]: <Layers fontSize="small" />,
-    [DEMOS[2]]: <ShoppingBag fontSize="small" />,
-  };
-
-  const TEMPLATES = {
-    [DEMOS[0]]: [
-      {
-        name: 'Devias Kit Pro - Client & Admin Dashboard',
-        src: {
-          light: '/static/branding/store-templates/template-4light.jpg',
-          dark: '/static/branding/store-templates/template-4dark.jpg',
-        },
-        href: 'https://mui.com/store/items/devias-kit-pro/',
-      },
-      {
-        name: 'Minimal - Client & Admin Dashboard',
-        src: {
-          light: '/static/branding/store-templates/template-1light.jpg',
-          dark: '/static/branding/store-templates/template-1dark.jpg',
-        },
-        href: 'https://mui.com/store/items/minimal-dashboard/',
-      },
-      {
-        name: 'Berry - React Material Admin Dashboard Template',
-        src: {
-          light: '/static/branding/store-templates/template-5light.jpg',
-          dark: '/static/branding/store-templates/template-5dark.jpg',
-        },
-        href: 'https://mui.com/store/items/berry-react-material-admin/',
-      },
-      {
-        name: 'Mira Pro - React Material Admin Dashboard',
-        src: {
-          light: '/static/branding/store-templates/template-3light.jpg',
-          dark: '/static/branding/store-templates/template-3dark.jpg',
-        },
-        href: 'https://mui.com/store/items/mira-pro-react-material-admin-dashboard/',
-      },
-    ],
-    [DEMOS[1]]: [
-      {
-        name: 'theFront - Multipurpose Template + UI Kit',
-        src: {
-          light: '/static/branding/store-templates/template-2light.jpg',
-          dark: '/static/branding/store-templates/template-2dark.jpg',
-        },
-        href: 'https://mui.com/store/items/the-front-landing-page/',
-      },
-      {
-        name: 'Webbee - Multipurpose landing page UI Kit',
-        src: {
-          light: '/static/branding/store-templates/template-6light.jpg',
-          dark: '/static/branding/store-templates/template-6dark.jpg',
-        },
-        href: 'https://mui.com/store/items/webbee-landing-page/',
-      },
-    ],
-    [DEMOS[2]]: [
-      {
-        name: 'Bazar Pro - Multipurpose React Ecommerce Template',
-        src: {
-          light: '/static/branding/store-templates/template-bazar-light.jpg',
-          dark: '/static/branding/store-templates/template-bazar-dark.jpg',
-        },
-        href: 'https://mui.com/store/items/bazar-pro-react-ecommerce-template/',
-      },
-    ],
-  };
-
   const templates = TEMPLATES[demo];
 
   return (
     <Section bg="gradient">
       <Grid container spacing={2} alignItems="center">
         <Grid item md={6} sx={{ minWidth: 0 }}>
-          <Box maxWidth={500}>
+          <Box sx={{ maxWidth: 500 }}>
             <SectionHeadline
-              overline="Use cases"
+              overline="Templates"
               title={
                 <Typography variant="h2">
-                  The right template for your <GradientText>specific need</GradientText>
+                  The right template for your <GradientText>specific use case</GradientText>
                 </Typography>
               }
-              description="A growing list of templates for multiple use-cases, all powered by Material UI components and carefully curated by MUI's team."
+              description="A collection of 4.5 average rating templates, for multiple use cases, all powered by Material UI components and carefully curated by MUI's team.
+              "
             />
           </Box>
           <Group desktopColumns={2} sx={{ mt: 4 }}>
diff --git a/docs/src/components/productTemplate/TemplateHero.tsx b/docs/src/components/productTemplate/TemplateHero.tsx
index 2cd600b2c3b53f..036acd556e6bc0 100644
--- a/docs/src/components/productTemplate/TemplateHero.tsx
+++ b/docs/src/components/productTemplate/TemplateHero.tsx
@@ -32,7 +32,7 @@ export default function TemplateHero() {
               }),
             })}
           >
-            <IconImage width={28} height={28} name="product-templates" /> Templates
+            <IconImage width={28} height={28} loading="eager" name="product-templates" /> Templates
           </Typography>
           <Typography variant="h1" sx={{ my: 2, maxWidth: 500 }}>
             <GradientText>Fully built</GradientText> Material&nbsp;UI templates
diff --git a/docs/src/components/productX/XComponents.tsx b/docs/src/components/productX/XComponents.tsx
index 1ed0dfef69b12e..3c0d7ec0e906dc 100644
--- a/docs/src/components/productX/XComponents.tsx
+++ b/docs/src/components/productX/XComponents.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 import Box from '@mui/material/Box';
 import Fade from '@mui/material/Fade';
 import Grid from '@mui/material/Grid';
+import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
 import TableChartRounded from '@mui/icons-material/TableChartRounded';
 import DateRangeRounded from '@mui/icons-material/DateRangeRounded';
@@ -22,7 +23,7 @@ import More from 'docs/src/components/action/More';
 import ROUTES from 'docs/src/route';
 import IconImage from 'docs/src/components/icon/IconImage';
 
-const DEMOS = ['Data Grid', 'Date Range Picker', 'Charts', 'Tree View', 'Sparkline'];
+const DEMOS = ['Data Grid', 'Date and Time Pickers', 'Charts', 'Tree View', 'Sparkline'];
 const WIP = DEMOS.slice(4);
 
 function PrefetchImages() {
@@ -73,7 +74,7 @@ export default function XComponents() {
     <Section bg="gradient">
       <Grid container spacing={2}>
         <Grid item md={6} sx={{ minWidth: 0 }}>
-          <Box maxWidth={500}>
+          <Box sx={{ maxWidth: 500 }}>
             <SectionHeadline
               overline="React component library"
               title={
@@ -89,11 +90,13 @@ export default function XComponents() {
               <Highlighter key={name} selected={name === demo} onClick={() => setDemo(name)}>
                 <Item icon={React.cloneElement(icons[name])} title={name} />
                 {WIP.includes(name) && (
-                  <IconImage name="time" title="Work in progress" sx={{ ml: 'auto', mr: 2 }} />
+                  <Tooltip title="Work in progress">
+                    <IconImage name="pricing/time" sx={{ ml: 'auto', mr: 2 }} />
+                  </Tooltip>
                 )}
               </Highlighter>
             ))}
-            <More href={ROUTES.roadmap} />
+            <More href={ROUTES.xDocs} />
           </Group>
         </Grid>
         <Grid item xs={12} md={6} sx={{ position: 'relative' }}>
diff --git a/docs/src/components/productX/XDataGrid.tsx b/docs/src/components/productX/XDataGrid.tsx
index e603e5e9cd583e..00c22f9f32d6a4 100644
--- a/docs/src/components/productX/XDataGrid.tsx
+++ b/docs/src/components/productX/XDataGrid.tsx
@@ -121,7 +121,7 @@ export default function XDataGrid() {
     <Section>
       <Grid container spacing={2}>
         <Grid item md={6} sx={{ minWidth: 0 }}>
-          <Box maxWidth={500}>
+          <Box sx={{ maxWidth: 500 }}>
             <SectionHeadline
               overline="Data Grid"
               title={
@@ -130,7 +130,7 @@ export default function XDataGrid() {
                   been seen before
                 </Typography>
               }
-              description="The MUI Data Grid is a data table powerhouse. It is packed with exclusive features that will enrich the experience of dealing with and maintaining lots of data."
+              description="The MUI X Data Grid is a data table powerhouse. It is packed with exclusive features that will enrich the experience of dealing with and maintaining lots of data."
             />
           </Box>
           <Group desktopColumns={2} sx={{ mt: 4 }}>
diff --git a/docs/src/components/productX/XDateRangeDemo.tsx b/docs/src/components/productX/XDateRangeDemo.tsx
index c8c6587c07e4ec..831933d353c7b3 100644
--- a/docs/src/components/productX/XDateRangeDemo.tsx
+++ b/docs/src/components/productX/XDateRangeDemo.tsx
@@ -49,9 +49,8 @@ function CustomRangeShortcuts(props: PickersShortcutsProps<DateRange<Date>>) {
       <List
         sx={{
           display: 'flex',
-          py: 1.5,
-          px: 1.5,
-          gap: 1.5,
+          p: 1.5,
+          gap: 1,
           '& .MuiListItem-root': {
             p: 0,
             width: 'fit-content',
@@ -138,12 +137,21 @@ export default function XDateRangeDemo() {
                 height: 28,
                 fontWeight: 400,
               },
+              '& .MuiDateRangePickerDay-day.Mui-selected': {
+                fontWeight: 600,
+              },
+              '& .MuiDateRangePickerDay-day:not(.Mui-selected)': {
+                borderColor: 'primary.300',
+              },
             },
             (theme) =>
               theme.applyDarkStyles({
                 '& > div': {
                   bgcolor: 'primaryDark.900',
                 },
+                '& .MuiDateRangePickerDay-day.Mui-selected': {
+                  color: '#FFF',
+                },
               }),
           ]}
         >
diff --git a/docs/src/components/productX/XGridFullDemo.tsx b/docs/src/components/productX/XGridFullDemo.tsx
index c356bae596553d..f2e500ea7b3188 100644
--- a/docs/src/components/productX/XGridFullDemo.tsx
+++ b/docs/src/components/productX/XGridFullDemo.tsx
@@ -1,4 +1,6 @@
 import * as React from 'react';
+import { red, green, yellow, blue } from '@mui/material/colors';
+import { alpha } from '@mui/material/styles';
 import { DataGridPro, GridToolbar, GridPaginationModel } from '@mui/x-data-grid-pro';
 import { useDemoData } from '@mui/x-data-grid-generator';
 import FormControl from '@mui/material/FormControl';
@@ -183,6 +185,26 @@ export default function XGridFullDemo() {
                 '& .MuiDataGrid-cell': {
                   bgcolor: 'grey.50',
                 },
+                '& .MuiChip-root.Rejected': {
+                  color: red[800],
+                  backgroundColor: red[50],
+                  borderColor: red[100],
+                },
+                '& .MuiChip-root.Filled': {
+                  color: green[800],
+                  backgroundColor: green[50],
+                  borderColor: green[100],
+                },
+                '& .MuiChip-root.Open': {
+                  color: blue[800],
+                  backgroundColor: blue[50],
+                  borderColor: blue[100],
+                },
+                '& .MuiChip-root.PartiallyFilled': {
+                  color: 'text.secondary',
+                  backgroundColor: yellow[50],
+                  borderColor: yellow[600],
+                },
                 '& .MuiDataGrid-footerContainer': {
                   minHeight: 48,
                   borderTop: '1px solid',
@@ -209,6 +231,26 @@ export default function XGridFullDemo() {
                   '& .MuiDataGrid-footerContainer': {
                     borderColor: 'primaryDark.600',
                   },
+                  '& .MuiChip-root.Rejected': {
+                    color: red[200],
+                    backgroundColor: alpha(red[900], 0.2),
+                    borderColor: alpha(red[700], 0.5),
+                  },
+                  '& .MuiChip-root.Filled': {
+                    color: green[200],
+                    backgroundColor: alpha(green[900], 0.2),
+                    borderColor: alpha(green[700], 0.5),
+                  },
+                  '& .MuiChip-root.Open': {
+                    color: blue[200],
+                    backgroundColor: alpha(blue[900], 0.2),
+                    borderColor: alpha(blue[700], 0.5),
+                  },
+                  '& .MuiChip-root.PartiallyFilled': {
+                    color: yellow[200],
+                    backgroundColor: alpha(yellow[900], 0.2),
+                    borderColor: alpha(yellow[700], 0.2),
+                  },
                 },
               }),
           ]}
diff --git a/docs/src/components/productX/XHero.tsx b/docs/src/components/productX/XHero.tsx
index dcaecbf0f57f09..5319cc4c5a9ea2 100644
--- a/docs/src/components/productX/XHero.tsx
+++ b/docs/src/components/productX/XHero.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { red } from '@mui/material/colors';
+import { red, green, yellow, blue } from '@mui/material/colors';
 import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
 import Paper from '@mui/material/Paper';
@@ -104,7 +104,7 @@ export default function XHero() {
               }),
             })}
           >
-            <IconImage width={28} height={28} name="product-advanced" /> MUI X
+            <IconImage width={28} height={28} loading="eager" name="product-advanced" /> MUI X
           </Typography>
           <Typography variant="h1" sx={{ my: 2, maxWidth: 500 }}>
             Performant
@@ -207,10 +207,25 @@ export default function XHero() {
                         px: 0.5,
                       },
                     },
-                    '& .MuiDataGrid-cell[data-field="status"][data-value="Rejected"]': {
-                      '& .MuiChip-root': {
-                        color: red[500],
-                      },
+                    '& .MuiChip-root.Rejected': {
+                      color: red[800],
+                      backgroundColor: red[50],
+                      borderColor: red[100],
+                    },
+                    '& .MuiChip-root.Filled': {
+                      color: green[800],
+                      backgroundColor: green[50],
+                      borderColor: green[100],
+                    },
+                    '& .MuiChip-root.Open': {
+                      color: blue[800],
+                      backgroundColor: blue[50],
+                      borderColor: blue[100],
+                    },
+                    '& .MuiChip-root.PartiallyFilled': {
+                      color: 'text.secondary',
+                      backgroundColor: yellow[50],
+                      borderColor: yellow[600],
                     },
                     '& .grouping-column-header': {
                       pl: 6,
@@ -226,10 +241,25 @@ export default function XHero() {
                       '& .MuiDataGrid-cell': {
                         borderColor: alpha(theme.palette.primaryDark[600], 0.5),
                       },
-                      '& .MuiDataGrid-cell[data-field="status"][data-value="Rejected"]': {
-                        '& .MuiChip-root': {
-                          color: red[300],
-                        },
+                      '& .MuiChip-root.Rejected': {
+                        color: red[200],
+                        backgroundColor: alpha(red[900], 0.2),
+                        borderColor: alpha(red[700], 0.5),
+                      },
+                      '& .MuiChip-root.Filled': {
+                        color: green[200],
+                        backgroundColor: alpha(green[900], 0.2),
+                        borderColor: alpha(green[700], 0.5),
+                      },
+                      '& .MuiChip-root.Open': {
+                        color: blue[200],
+                        backgroundColor: alpha(blue[900], 0.2),
+                        borderColor: alpha(blue[700], 0.5),
+                      },
+                      '& .MuiChip-root.PartiallyFilled': {
+                        color: yellow[200],
+                        backgroundColor: alpha(yellow[900], 0.2),
+                        borderColor: alpha(yellow[700], 0.2),
                       },
                     },
                   }),
@@ -274,9 +304,9 @@ export default function XHero() {
                 flexGrow: 1,
               })}
             >
-              <Box sx={{ p: 2 }}>
-                <Typography fontWeight={500}>Cool Project</Typography>
-              </Box>
+              <Typography fontWeight={500} p={2}>
+                Cool UI project
+              </Typography>
               <Divider />
               <FolderTreeView />
             </Paper>
@@ -305,6 +335,9 @@ export default function XHero() {
                   '& [role="row"]': {
                     margin: { xs: '4px 0', xl: '6px 0' },
                   },
+                  '& .MuiPickersArrowSwitcher-root': {
+                    padding: 1,
+                  },
                   '& .MuiDateRangePickerDay-root': {
                     lineHeight: 0,
                     margin: 0,
@@ -314,6 +347,12 @@ export default function XHero() {
                     height: { xs: 28, xl: 32 },
                     fontWeight: 400,
                   },
+                  '& .MuiDateRangePickerDay-day.Mui-selected': {
+                    fontWeight: 600,
+                  },
+                  '& .MuiDateRangePickerDay-day:not(.Mui-selected)': {
+                    borderColor: 'primary.300',
+                  },
                 },
                 (theme) =>
                   theme.applyDarkStyles({
@@ -322,6 +361,9 @@ export default function XHero() {
                     '& > div': {
                       backgroundColor: 'primaryDark.800',
                     },
+                    '& .MuiDateRangePickerDay-day.Mui-selected': {
+                      color: '#FFF',
+                    },
                   }),
               ]}
             >
diff --git a/docs/src/components/productX/XRoadmap.tsx b/docs/src/components/productX/XRoadmap.tsx
index 59123b164f1ce5..120fcaeec5b806 100644
--- a/docs/src/components/productX/XRoadmap.tsx
+++ b/docs/src/components/productX/XRoadmap.tsx
@@ -12,6 +12,7 @@ import ShowChartRounded from '@mui/icons-material/ShowChartRounded';
 import BarChartRounded from '@mui/icons-material/BarChartRounded';
 import FileUploadRounded from '@mui/icons-material/FileUploadRounded';
 import PendingActionsRounded from '@mui/icons-material/PendingActions';
+import InsertDriveFileOutlined from '@mui/icons-material/InsertDriveFileOutlined';
 import SpeedRounded from '@mui/icons-material/SpeedRounded';
 import { alpha } from '@mui/material/styles';
 import ROUTES from 'docs/src/route';
@@ -35,7 +36,7 @@ export default function XRoadmap() {
               content: '""',
               display: 'block',
               position: 'absolute',
-              width: 2,
+              width: 1.5,
               bgcolor: 'primaryDark.500',
               top: 24,
               bottom: 10,
@@ -51,26 +52,17 @@ export default function XRoadmap() {
   const bullet = (
     <Box
       sx={{
-        ml: 1,
+        ml: 1.3,
         mr: -2,
         display: 'flex',
         alignItems: 'center',
         '&:before': {
           content: '""',
           display: 'block',
-          height: 2,
+          height: 1.5,
           width: 15,
           bgcolor: 'primaryDark.500',
         },
-        '&:after': {
-          content: '""',
-          width: 6,
-          height: 6,
-          bgcolor: 'warning.500',
-          borderRadius: '50%',
-          display: 'block',
-          marginRight: 1.5,
-        },
       }}
     />
   );
@@ -87,7 +79,7 @@ export default function XRoadmap() {
           }`,
       }}
     >
-      <Box>
+      <div>
         <Grid container spacing={2} alignItems="center" justifyContent="space-between">
           <Grid item xs={12} md={5}>
             <Box maxWidth={500} sx={{ mb: { xs: 2, sm: 0 } }}>
@@ -98,7 +90,7 @@ export default function XRoadmap() {
               />
               <Button
                 component={Link}
-                href={ROUTES.roadmap}
+                href={ROUTES.xRoadmap}
                 noLinkStyle
                 size="large"
                 variant="contained"
@@ -140,7 +132,11 @@ export default function XRoadmap() {
                     <TableChartRounded fontSize="small" />
                     <b>Data Grid</b>
                     <DateRangeRounded fontSize="small" />
-                    <b>Date Picker</b>
+                    <b>Date and Time Pickers</b>
+                    <BarChartRounded fontSize="small" />
+                    <b>Charts</b>
+                    <AccountTreeRounded fontSize="small" />
+                    <b>Tree View</b>
                   </React.Fragment>,
                 )}
               </Paper>
@@ -164,16 +160,33 @@ export default function XRoadmap() {
                     </Box>
                     <b>Data Grid</b>
                     {bullet}
-                    <b>Charts integration</b>
-                    {bullet}
                     <b>Pivoting</b>
                     {bullet}
+                    <b>Charts integration</b>
+                    {bullet}
                     <Link href={ROUTES.dataGridFeaturesComparison} sx={{ color: 'primary.300' }}>
                       And more!
                     </Link>
                   </React.Fragment>,
                   true,
                 )}
+                {renderList(
+                  <React.Fragment>
+                    <Box
+                      sx={{
+                        lineHeight: 0,
+                      }}
+                    >
+                      <AccountTreeRounded fontSize="small" />
+                    </Box>
+                    <b>Tree View</b>
+                    {bullet}
+                    <b>Virtualization</b>
+                    {bullet}
+                    <b>Drag and Drop</b>
+                  </React.Fragment>,
+                  true,
+                )}
               </Paper>
             </Grid>
             <Grid item xs={12} sm={4} lg="auto">
@@ -188,10 +201,8 @@ export default function XRoadmap() {
                   <React.Fragment>
                     <ShowChartRounded fontSize="small" />
                     <b>Sparkline</b>
-                    <BarChartRounded fontSize="small" />
-                    <b>Charts</b>
-                    <AccountTreeRounded fontSize="small" />
-                    <b>Tree View</b>
+                    <InsertDriveFileOutlined fontSize="small" />
+                    <b>Rich Text Editor</b>
                     <FileUploadRounded fontSize="small" />
                     <b>Upload</b>
                     <PendingActionsRounded fontSize="small" />
@@ -204,7 +215,7 @@ export default function XRoadmap() {
             </Grid>
           </Grid>
         </Grid>
-      </Box>
+      </div>
     </Section>
   );
 }
diff --git a/docs/src/components/productX/XTheming.tsx b/docs/src/components/productX/XTheming.tsx
index e86ef181a8c59e..f714d1ea7d1c09 100644
--- a/docs/src/components/productX/XTheming.tsx
+++ b/docs/src/components/productX/XTheming.tsx
@@ -97,7 +97,7 @@ export default function XTheming() {
     <Section bg="gradient">
       <Grid container spacing={2}>
         <Grid item md={6} sx={{ minWidth: 0 }}>
-          <Box maxWidth={500}>
+          <Box sx={{ maxWidth: 500 }}>
             <SectionHeadline
               overline="Theming"
               title={
diff --git a/docs/src/components/productX/XTreeViewDemo.tsx b/docs/src/components/productX/XTreeViewDemo.tsx
index 156c899b3e736a..26f2d86d4923fa 100644
--- a/docs/src/components/productX/XTreeViewDemo.tsx
+++ b/docs/src/components/productX/XTreeViewDemo.tsx
@@ -4,11 +4,14 @@ import { styled, alpha } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Paper from '@mui/material/Paper';
 import Chip from '@mui/material/Chip';
-import TreeView from '@mui/lab/TreeView';
-import MuiTreeItem, { useTreeItem, TreeItemProps, TreeItemContentProps } from '@mui/lab/TreeItem';
+import { TreeView } from '@mui/x-tree-view/TreeView';
+import {
+  TreeItem as MuiTreeItem,
+  useTreeItem,
+  TreeItemProps,
+  TreeItemContentProps,
+} from '@mui/x-tree-view/TreeItem';
 import Typography from '@mui/material/Typography';
-import AddBoxOutlined from '@mui/icons-material/AddBoxOutlined';
-import IndeterminateCheckBoxOutlined from '@mui/icons-material/IndeterminateCheckBoxOutlined';
 import FolderRounded from '@mui/icons-material/FolderRounded';
 import FolderOpenRounded from '@mui/icons-material/FolderOpenRounded';
 import PhotoOutlined from '@mui/icons-material/PhotoOutlined';
@@ -45,16 +48,16 @@ const CustomContent = React.forwardRef(function CustomContent(
 
   const icon = iconProp || expansionIcon || displayIcon;
 
-  const handleMouseDown = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+  const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {
     preventSelection(event);
   };
 
-  const handleExpansionClick = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+  const handleExpansionClick = (event: React.MouseEvent<HTMLDivElement>) => {
     handleExpansion(event);
     handleSelection(event);
   };
 
-  const handleSelectionClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
+  const handleSelectionClick = (event: React.MouseEvent<HTMLDivElement>) => {
     handleSelection(event);
   };
 
@@ -152,19 +155,14 @@ const StyledTreeItem = styled(MuiTreeItem)(({ theme }) => [
     },
     '& .MuiTreeItem-root': {
       position: 'relative',
-      '&:last-of-type': {
-        '&:before': {
-          height: 30 / 2,
-        },
-      },
       '&:before': {
         content: '""',
         display: 'block',
         position: 'absolute',
-        left: -18,
+        left: -14,
         height: '100%',
-        width: 2,
-        backgroundColor: (theme.vars || theme).palette.grey[200],
+        width: 1.5,
+        backgroundColor: (theme.vars || theme).palette.grey[100],
       },
     },
     '& .MuiTreeItem-content': {
@@ -173,25 +171,12 @@ const StyledTreeItem = styled(MuiTreeItem)(({ theme }) => [
     '& .MuiTreeItem-group': {
       marginLeft: 0,
       paddingLeft: theme.spacing(3),
-      '& .MuiTreeItem-content': {
-        '&:before': {
-          content: '""',
-          position: 'absolute',
-          display: 'block',
-          width: 24,
-          height: 2,
-          backgroundColor: (theme.vars || theme).palette.grey[200],
-          top: '50%',
-          left: 6,
-          transform: 'translate(-100%, -50%)',
-        },
-      },
     },
   },
   theme.applyDarkStyles({
     '& .MuiTreeItem-root': {
       '&:before': {
-        backgroundColor: (theme.vars || theme).palette.primaryDark[500],
+        backgroundColor: (theme.vars || theme).palette.primaryDark[700],
       },
     },
     '& .MuiTreeItem-group': {
@@ -204,13 +189,14 @@ const StyledTreeItem = styled(MuiTreeItem)(({ theme }) => [
   }),
 ]);
 
-function TreeItem(
+const TreeItem = React.forwardRef(function TreeItem(
   props: TreeItemProps & {
     ContentProps?: { lastNestedChild?: boolean };
   },
+  ref: React.Ref<HTMLLIElement>,
 ) {
-  return <StyledTreeItem ContentComponent={CustomContent} {...props} />;
-}
+  return <StyledTreeItem ContentComponent={CustomContent} {...props} ref={ref} />;
+});
 
 export default function XDateRangeDemo() {
   return (
@@ -230,8 +216,6 @@ export default function XDateRangeDemo() {
           <TreeView
             aria-label="file system navigator"
             defaultExpanded={['2', '2.3', '3']}
-            defaultCollapseIcon={<IndeterminateCheckBoxOutlined fontSize="small" />}
-            defaultExpandIcon={<AddBoxOutlined fontSize="small" />}
             sx={{ height: { xs: 260, sm: 300 }, overflowY: 'auto', p: 1 }}
           >
             <TreeItem nodeId="1" label="Drive">
@@ -255,12 +239,12 @@ export default function XDateRangeDemo() {
               <TreeItem nodeId="1.2" label="Photos">
                 <TreeItem
                   nodeId="1.2.1"
-                  label="Family.jpeg"
+                  label="family.jpeg"
                   ContentProps={{ lastNestedChild: true }}
                 />
                 <TreeItem
                   nodeId="1.2.2"
-                  label="My Dog.png"
+                  label="my_dogpng"
                   ContentProps={{ lastNestedChild: true }}
                 />
               </TreeItem>
@@ -268,15 +252,15 @@ export default function XDateRangeDemo() {
             <TreeItem nodeId="2" label="Favorite">
               <TreeItem
                 nodeId="2.1"
-                label="MUI Retreat Picture.jpg"
+                label="MUI_retreat_photo.jpg"
                 ContentProps={{ lastNestedChild: true }}
               />
               <TreeItem
                 nodeId="2.2"
-                label="v5 launch video.mkv"
+                label="v6_secrets.mkv"
                 ContentProps={{ lastNestedChild: true }}
               />
-              <TreeItem nodeId="2.3" label="images">
+              <TreeItem nodeId="2.3" label="Other pictures">
                 <TreeItem
                   nodeId="2.3.1"
                   label="my_avatar.jpg"
@@ -302,15 +286,15 @@ export default function XDateRangeDemo() {
           </Typography>
           <Chip
             variant="outlined"
-            label="Labs"
-            color="primary"
+            label="Alpha"
+            color="warning"
             size="small"
             sx={(theme) => ({
               pb: 0.2,
               fontWeight: theme.typography.fontWeightSemiBold,
-              color: (theme.vars || theme).palette.primary[300],
-              borderColor: alpha(theme.palette.primary[300], 0.3),
-              background: alpha(theme.palette.primary[800], 0.3),
+              color: (theme.vars || theme).palette.warning[300],
+              borderColor: alpha(theme.palette.warning[300], 0.3),
+              background: alpha(theme.palette.warning[800], 0.3),
             })}
           />
         </Box>
@@ -319,7 +303,7 @@ export default function XDateRangeDemo() {
         </Typography>
         <Button
           variant="outlined"
-          href="/material-ui/react-tree-view"
+          href="/x/react-tree-view"
           component="a"
           sx={{ mt: { xs: 2, sm: 0 }, color: 'primary.300' }}
         >
diff --git a/docs/src/components/showcase/FolderTable.tsx b/docs/src/components/showcase/FolderTable.tsx
index beede650c1fc0d..2cb428525d0558 100644
--- a/docs/src/components/showcase/FolderTable.tsx
+++ b/docs/src/components/showcase/FolderTable.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
 import TableCell, { tableCellClasses } from '@mui/material/TableCell';
@@ -13,9 +14,9 @@ import { visuallyHidden } from '@mui/utils';
 import Folder from '@mui/icons-material/Folder';
 
 const data = [
-  { name: 'Fonts', size: 125600 },
-  { name: 'Libs', size: 134000000 },
-  { name: 'Source', size: 200000000 },
+  { name: 'Typography', size: 125600 },
+  { name: 'Pictures & videos', size: 134000000 },
+  { name: 'Source files', size: 200000000 },
   { name: 'Dependencies', size: 44000000 },
 ];
 
@@ -61,7 +62,7 @@ function stableSort<T>(array: readonly T[], comparator: (a: T, b: T) => number)
 function formatSize(size: number) {
   const kb = size / 1000;
   if (kb < 1000) {
-    return `${kb.toFixed(1)} KB`;
+    return `${kb.toFixed(1)} kB`;
   }
   return `${(kb / 1000).toFixed(0)} MB`;
 }
@@ -78,7 +79,7 @@ export default function BasicTable() {
     handleRequestSort(event, property);
   };
   const headCells = [
-    { id: 'name', label: 'Folder Name', TableCellProps: {} },
+    { id: 'name', label: 'Name', TableCellProps: {} },
     { id: 'size', label: 'Size', TableCellProps: { align: 'right' } },
   ] as const;
   return (
@@ -97,9 +98,10 @@ export default function BasicTable() {
         },
         (theme) =>
           theme.applyDarkStyles({
-            bgcolor: 'primaryDark.800',
+            bgcolor: 'primaryDark.900',
+            borderColor: 'primaryDark.700',
             [`& .${tableCellClasses.root}`]: {
-              borderColor: 'primaryDark.500',
+              borderColor: 'primaryDark.700',
             },
           }),
       ]}
@@ -117,7 +119,7 @@ export default function BasicTable() {
                   active={orderBy === headCell.id}
                   direction={orderBy === headCell.id ? order : 'asc'}
                   onClick={createSortHandler(headCell.id)}
-                  sx={{ fontSize: '0.75rem' }}
+                  sx={{ fontSize: '0.75rem', color: 'text.secondary' }}
                 >
                   {headCell.label}
                   {orderBy === headCell.id ? (
@@ -134,22 +136,27 @@ export default function BasicTable() {
           {stableSort(data, getComparator(order, orderBy)).map((row) => (
             <TableRow key={row.name} sx={{ '&:last-child td, &:last-child th': { border: 0 } }}>
               <TableCell component="th" scope="row">
-                <Box sx={{ display: 'flex', alignItems: 'center' }}>
-                  <Folder
-                    sx={(theme: Theme) => ({
-                      mr: 1,
-                      color: 'grey.300',
-                      ...theme.applyDarkStyles({
-                        color: 'primary.700',
-                      }),
-                    })}
-                    fontSize="small"
-                  />{' '}
-                  {row.name}
+                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+                  <Folder fontSize="small" sx={{ color: 'primary.400' }} />
+                  <Typography fontSize={13} fontWeight={500} color="text.primary">
+                    {row.name}
+                  </Typography>
                 </Box>
               </TableCell>
-              <TableCell align="right" sx={{ color: 'success.main' }}>
-                {formatSize(row.size)}
+              <TableCell align="right">
+                <Typography
+                  fontSize={13}
+                  fontWeight={600}
+                  sx={(theme: Theme) => ({
+                    mr: 1,
+                    color: 'success.700',
+                    ...theme.applyDarkStyles({
+                      color: 'success.500',
+                    }),
+                  })}
+                >
+                  {formatSize(row.size)}
+                </Typography>
               </TableCell>
             </TableRow>
           ))}
diff --git a/docs/src/components/showcase/FolderTreeView.tsx b/docs/src/components/showcase/FolderTreeView.tsx
index 04c52d7e8e1664..f9ed02d3cfa603 100644
--- a/docs/src/components/showcase/FolderTreeView.tsx
+++ b/docs/src/components/showcase/FolderTreeView.tsx
@@ -1,9 +1,16 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
 import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
-import TreeView from '@mui/lab/TreeView';
-import TreeItem, { useTreeItem, TreeItemProps, TreeItemContentProps } from '@mui/lab/TreeItem';
+import { TreeView } from '@mui/x-tree-view/TreeView';
+import {
+  TreeItem,
+  useTreeItem,
+  TreeItemProps,
+  TreeItemContentProps,
+} from '@mui/x-tree-view/TreeItem';
 import Typography from '@mui/material/Typography';
 import KeyboardArrowDownRounded from '@mui/icons-material/KeyboardArrowDownRounded';
 import KeyboardArrowUpRounded from '@mui/icons-material/KeyboardArrowUpRounded';
@@ -36,11 +43,11 @@ const CustomContent = React.forwardRef(function CustomContent(
 
   const icon = iconProp || expansionIcon || displayIcon;
 
-  const handleMouseDown = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+  const handleMouseDown = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
     preventSelection(event);
   };
 
-  const handleExpansionClick = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+  const handleExpansionClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
     handleExpansion(event);
   };
 
@@ -49,16 +56,18 @@ const CustomContent = React.forwardRef(function CustomContent(
   };
 
   return (
-    /* @ts-ignore -- Key event is handled by the TreeView */
-    <Box
+    <div
       className={clsx(className, classes.root, {
         [classes.expanded]: expanded,
         [classes.selected]: selected,
         [classes.focused]: focused,
         [classes.disabled]: disabled,
       })}
+      // @ts-ignore
       onClick={handleExpansionClick}
+      // @ts-ignore
       onMouseDown={handleMouseDown}
+      // @ts-ignore
       ref={ref as React.Ref<HTMLButtonElement>}
     >
       {lastNestedChild ? (
@@ -95,7 +104,7 @@ const CustomContent = React.forwardRef(function CustomContent(
         {label}
       </Typography>
       {icon}
-    </Box>
+    </div>
   );
 });
 
@@ -115,37 +124,19 @@ const StyledTreeItem = styled(TreeItem)(({ theme }) => [
     },
     '& .MuiTreeItem-root': {
       position: 'relative',
-      '&:last-of-type': {
-        '&:before': {
-          height: 34 / 2,
-        },
-      },
       '&:before': {
         content: '""',
         display: 'block',
         position: 'absolute',
-        left: -18,
+        left: -14,
         height: '100%',
-        width: 2,
+        width: 1.5,
         backgroundColor: (theme.vars || theme).palette.grey[200],
       },
     },
     '& .MuiTreeItem-group': {
       marginLeft: 0,
       paddingLeft: theme.spacing(3),
-      '& .MuiTreeItem-content': {
-        '&:before': {
-          content: '""',
-          position: 'absolute',
-          display: 'block',
-          width: 24,
-          height: 2,
-          backgroundColor: (theme.vars || theme).palette.grey[200],
-          top: '50%',
-          left: 6,
-          transform: 'translate(-100%, -50%)',
-        },
-      },
     },
   },
   theme.applyDarkStyles({
@@ -164,13 +155,14 @@ const StyledTreeItem = styled(TreeItem)(({ theme }) => [
   }),
 ]);
 
-function CustomTreeItem(
+const CustomTreeItem = React.forwardRef(function CustomTreeItem(
   props: TreeItemProps & {
     ContentProps?: { lastNestedChild?: boolean };
   },
+  ref: React.Ref<HTMLLIElement>,
 ) {
-  return <StyledTreeItem ContentComponent={CustomContent} {...props} />;
-}
+  return <StyledTreeItem ContentComponent={CustomContent} {...props} ref={ref} />;
+});
 
 export default function FolderTreeView() {
   return (
@@ -183,25 +175,34 @@ export default function FolderTreeView() {
       sx={{ p: 1, overflowY: 'auto' }}
     >
       <CustomTreeItem nodeId="1" label="src">
-        <CustomTreeItem nodeId="2" label="data">
+        <CustomTreeItem nodeId="2" label="components">
+          <CustomTreeItem nodeId="3" label="Button.tsx" ContentProps={{ lastNestedChild: true }} />
+          <CustomTreeItem nodeId="4" label="Drawer.tsx" ContentProps={{ lastNestedChild: true }} />
+          <CustomTreeItem nodeId="5" label="Navbar.tsx" ContentProps={{ lastNestedChild: true }} />
           <CustomTreeItem
-            nodeId="3"
-            label="read-and-write.js"
-            ContentProps={{ lastNestedChild: true }}
-          />
-          <CustomTreeItem
-            nodeId="4"
-            label="authentication-api.js"
+            nodeId="6"
+            label="TreeView.tsx"
             ContentProps={{ lastNestedChild: true }}
           />
         </CustomTreeItem>
-        <CustomTreeItem nodeId="5" label="work">
+        <CustomTreeItem nodeId="7" label="blocks">
           <CustomTreeItem
-            nodeId="6"
-            label="job-mapping.js"
+            nodeId="8"
+            label="SignUpPage.tsx"
             ContentProps={{ lastNestedChild: true }}
           />
-          <CustomTreeItem nodeId="7" label="articles.js" ContentProps={{ lastNestedChild: true }} />
+          <CustomTreeItem nodeId="9" label="PricingTable.tsx">
+            <CustomTreeItem
+              nodeId="10"
+              label="PaymentOptions.tsx"
+              ContentProps={{ lastNestedChild: true }}
+            />
+            <CustomTreeItem
+              nodeId="11"
+              label="EarlyBirdDiscount.tsx"
+              ContentProps={{ lastNestedChild: true }}
+            />
+          </CustomTreeItem>
         </CustomTreeItem>
       </CustomTreeItem>
     </TreeView>
diff --git a/docs/src/components/showcase/NotificationCard.tsx b/docs/src/components/showcase/NotificationCard.tsx
index 1806c4590a1067..00d3404c9b424d 100644
--- a/docs/src/components/showcase/NotificationCard.tsx
+++ b/docs/src/components/showcase/NotificationCard.tsx
@@ -13,38 +13,42 @@ export default function NotificationCard() {
         variant="outlined"
         sx={(theme) => ({
           display: 'flex',
-          p: 1.5,
+          p: 2,
+          gap: 2,
           maxWidth: 283,
           ...theme.applyDarkStyles({
-            bgcolor: 'primaryDark.800',
+            bgcolor: 'primaryDark.900',
+            borderColor: 'primaryDark.700',
           }),
         })}
       >
         <Avatar
           imgProps={{ 'aria-labelledby': 'demo-notification-card-messenger-name' }}
           src="/static/images/avatar/3-sm.jpeg"
-          variant="rounded"
           sx={{ width: 40, height: 40 }}
         />
-        <Box sx={{ ml: 1, flexBasis: 180, flexGrow: 1, minWidth: '0px' }}>
+        <Box sx={{ flexGrow: 1 }}>
           <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>
             <Typography
               id="demo-notification-card-messenger-name"
-              color="text.secondary"
-              variant="caption"
-              sx={{ fontWeight: 500 }}
+              color="primary.400"
+              fontWeight={500}
+              fontSize={12}
+              gutterBottom
             >
-              Angela Erickson
+              From: Angela Erickson
             </Typography>
             <Typography color="text.secondary" variant="caption">
-              12:50
+              09:41
             </Typography>
           </Box>
-          <Box sx={{ display: 'flex', mt: 0.5 }}>
+          <Box sx={{ display: 'flex' }}>
             <Box sx={{ flexGrow: 1, minWidth: '0px' }}>
-              <Typography component="div">Great news</Typography>
-              <Typography variant="caption" color="text.secondary" noWrap sx={{ fontWeight: 500 }}>
-                Hey! Check this out, just a few minutes ago...
+              <Typography fontWeight={600} fontSize={14} gutterBottom>
+                Incredible discoveries!
+              </Typography>
+              <Typography fontSize={14} color="text.secondary" noWrap>
+                Just found out Material UI & Joy UI and wow...
               </Typography>
             </Box>
             <Chip
diff --git a/docs/src/components/showcase/PlayerCard.tsx b/docs/src/components/showcase/PlayerCard.tsx
index be393249720d7a..ca083738054e91 100644
--- a/docs/src/components/showcase/PlayerCard.tsx
+++ b/docs/src/components/showcase/PlayerCard.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
 import Card from '@mui/material/Card';
 import CardMedia from '@mui/material/CardMedia';
@@ -10,8 +9,16 @@ import FastForwardRounded from '@mui/icons-material/FastForwardRounded';
 import FastRewindRounded from '@mui/icons-material/FastRewindRounded';
 import PlayArrowRounded from '@mui/icons-material/PlayArrowRounded';
 import PauseRounded from '@mui/icons-material/PauseRounded';
+import ShuffleRoundedIcon from '@mui/icons-material/ShuffleRounded';
+import LoopRoundedIcon from '@mui/icons-material/LoopRounded';
 
-export default function PlayerCard({ disableTheming }: { disableTheming?: boolean }) {
+export default function PlayerCard({
+  disableTheming,
+  extraStyles,
+}: {
+  disableTheming?: boolean;
+  extraStyles?: boolean;
+}) {
   const [paused, setPaused] = React.useState(true);
   return (
     <Fade in timeout={700}>
@@ -19,76 +26,102 @@ export default function PlayerCard({ disableTheming }: { disableTheming?: boolea
         variant="outlined"
         sx={[
           {
-            p: 1,
+            width: { xs: '100%', sm: 'auto' },
+            p: 2,
             display: 'flex',
             flexDirection: { xs: 'column', sm: 'row' },
+            alignItems: 'center',
+            borderColor: extraStyles ? 'primary.200' : 'grey.200',
+            gap: 2,
+            boxShadow: extraStyles ? '0 2px 4px rgba(0, 127, 255, 0.15)' : 'none',
             ...(!disableTheming && {
               [`& .${iconButtonClasses.root}`]: {
                 border: '1px solid',
-                borderColor: 'grey.200',
+                bgcolor: 'primary.50',
+                color: 'primary.500',
+                borderColor: 'primary.200',
+                '&:hover': {
+                  bgcolor: 'primary.100',
+                },
+              },
+              [`& .${iconButtonClasses.disabled}`]: {
+                height: 'fit-content',
+                bgcolor: 'transparent',
+                border: '1px solid',
+                borderColor: 'grey.100',
+                color: 'grey.300',
               },
             }),
           },
           !disableTheming &&
             ((theme) =>
               theme.applyDarkStyles({
-                bgcolor: 'primaryDark.800',
+                bgcolor: 'primaryDark.900',
+                borderColor: extraStyles ? 'primary.800' : 'primaryDark.700',
                 [`& .${iconButtonClasses.root}`]: {
-                  borderColor: 'primaryDark.500',
+                  bgcolor: 'primary.900',
+                  color: 'primary.200',
+                  borderColor: 'primary.600',
+                  '&:hover': {
+                    bgcolor: 'primary.800',
+                  },
+                },
+                [`& .${iconButtonClasses.disabled}`]: {
+                  bgcolor: 'transparent',
+                  border: '1px solid',
+                  borderColor: 'primaryDark.600',
+                  color: 'primaryDark.400',
                 },
               })),
         ]}
       >
         <CardMedia
           component="img"
-          width="124"
-          height="124"
-          alt="Beside Myself album cover"
-          src="/static/images/cards/basement-beside-myself.jpeg"
+          width="100"
+          height="100"
+          alt="Birds of Tokyo album cover"
+          src="/static/images/cards/birds-of-tokyo.jpg"
           sx={{
-            borderRadius: 0.5,
-            width: 'clamp(124px, (304px - 100%) * 999 , 100%)',
+            width: { xs: '100%', sm: 100 },
+            borderRadius: 0.6,
           }}
         />
-        <Box sx={{ alignSelf: 'center', px: { xs: 0, sm: 2 } }}>
-          <Typography
-            variant="body1"
-            color="text.primary"
-            fontWeight={600}
-            sx={{ textAlign: { xs: 'center', sm: 'start' }, mt: { xs: 1.5, sm: 0 } }}
-          >
-            Ultraviolet
-          </Typography>
-          <Typography
-            component="div"
-            variant="caption"
-            color="text.secondary"
-            fontWeight={500}
-            sx={{ textAlign: { xm: 'center', sm: 'start' } }}
-          >
-            Basement • Beside Myself
-          </Typography>
-          <Stack
-            direction="row"
-            spacing={1}
-            sx={{ mt: 2, justifyContent: { xs: 'space-between', sm: 'flex-start' } }}
-          >
+        <Stack direction="column" spacing={2} alignItems="center">
+          <Stack direction="column" spacing={0.2} alignItems="center">
+            <Typography color="text.primary" fontWeight="medium" fontSize={15}>
+              If This Ship Sinks (I Give In)
+            </Typography>
+            <Typography
+              component="div"
+              variant="caption"
+              color="text.secondary"
+              fontWeight="regular"
+            >
+              Birds Of Tokyo
+            </Typography>
+          </Stack>
+          <Stack direction="row" alignItems="center" spacing={1.5}>
+            <IconButton aria-label="shuffle" disabled size="small" sx={{ flexGrow: 0 }}>
+              <ShuffleRoundedIcon fontSize="small" />
+            </IconButton>
             <IconButton aria-label="fast rewind" disabled size="small">
               <FastRewindRounded fontSize="small" />
             </IconButton>
             <IconButton
               aria-label={paused ? 'play' : 'pause'}
-              size="small"
               sx={{ mx: 1 }}
               onClick={() => setPaused((val) => !val)}
             >
-              {paused ? <PlayArrowRounded fontSize="small" /> : <PauseRounded fontSize="small" />}
+              {paused ? <PlayArrowRounded /> : <PauseRounded />}
             </IconButton>
             <IconButton aria-label="fast forward" disabled size="small">
               <FastForwardRounded fontSize="small" />
             </IconButton>
+            <IconButton aria-label="loop" disabled size="small">
+              <LoopRoundedIcon fontSize="small" />
+            </IconButton>
           </Stack>
-        </Box>
+        </Stack>
       </Card>
     </Fade>
   );
diff --git a/docs/src/components/showcase/RealEstateCard.tsx b/docs/src/components/showcase/RealEstateCard.tsx
index a74ed3b40269f6..7f89952d59da2e 100644
--- a/docs/src/components/showcase/RealEstateCard.tsx
+++ b/docs/src/components/showcase/RealEstateCard.tsx
@@ -14,11 +14,12 @@ export default function RealEstateCard({ sx, ...props }: CardProps) {
         (theme) => ({
           display: 'flex',
           flexWrap: 'wrap',
-          bgcolor: '#fff',
-          p: 1,
+          p: 2,
           zIndex: 1,
+          boxShadow: '0 2px 4px rgba(0, 127, 255, 0.1)',
           ...theme.applyDarkStyles({
-            bgcolor: 'primaryDark.800',
+            bgcolor: 'primaryDark.900',
+            boxShadow: '0 2px 4px rgba(0, 0, 0, 0.8)',
           }),
         }),
         ...(Array.isArray(sx) ? sx : [sx]),
@@ -35,31 +36,35 @@ export default function RealEstateCard({ sx, ...props }: CardProps) {
           width: 'clamp(100px, (304px - 100%) * 999 , 100%)',
         }}
       />
-      <Box width="clamp(15px, (304px - 100%) * 999 , 100%)" height={15} />
+      <Box sx={{ width: 'clamp(15px, (304px - 100%) * 999 , 100%)', height: 15 }} />
       <Box sx={{ alignSelf: 'center' }}>
-        <Typography variant="body2" color="text.secondary" noWrap>
+        <Typography variant="caption" color="text.secondary" fontWeight="medium">
           123 Main St, Phoenix, AZ
         </Typography>
-        <Typography component="div" fontWeight="bold" noWrap>
+        <Typography fontWeight="bold" noWrap>
           $280k - $310k
         </Typography>
         <Box
           sx={(theme) => ({
-            mt: 0.75,
-            px: 1,
-            py: 0.5,
+            mt: 1,
+            py: 0.4,
+            pl: 0.5,
+            pr: 1,
             typography: 'caption',
-            borderRadius: 1,
+            borderRadius: 10,
             display: 'flex',
             bgcolor: 'primary.50',
+            border: '1px solid',
+            borderColor: 'primary.100',
             color: 'primary.700',
             ...theme.applyDarkStyles({
-              bgcolor: 'primary.900',
+              bgcolor: 'primaryDark.700',
               color: 'primary.200',
+              borderColor: 'primary.900',
             }),
           })}
         >
-          <InfoRounded sx={{ fontSize: 16, mr: 0.5, mt: '1px' }} /> Confidence score of 85%
+          <InfoRounded sx={{ fontSize: 16, mr: 0.5, mt: '1px' }} /> Confidence score: 85%
         </Box>
       </Box>
     </Card>
diff --git a/docs/src/components/showcase/TaskCard.tsx b/docs/src/components/showcase/TaskCard.tsx
index 44c487b58d3141..adb871e8f5ee90 100644
--- a/docs/src/components/showcase/TaskCard.tsx
+++ b/docs/src/components/showcase/TaskCard.tsx
@@ -19,62 +19,41 @@ export default function TaskCard() {
           minHeight: 280,
           display: 'flex',
           flexDirection: 'column',
-          p: 2.5,
-          color: '#fff',
+          p: 3,
           background: `linear-gradient(to right bottom, ${
             (theme.vars || theme).palette.primary[500]
-          }, ${(theme.vars || theme).palette.primary[700]} 120%)`,
+          }, ${(theme.vars || theme).palette.primary[600]} 120%)`,
           boxShadow: '0px 20px 25px rgba(0, 0, 0, 0.1), 0px 10px 10px rgba(0, 0, 0, 0.04)',
         })}
       >
-        <Box sx={{ display: 'flex', alignItems: 'center' }}>
+        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.8 }}>
           <ScheduleRounded fontSize="inherit" />
-          <Typography
-            color="rgba(255, 255, 255, 0.7)"
-            variant="caption"
-            fontWeight={500}
-            sx={{ ml: 0.5, mt: '1px' }}
-          >
+          <Typography variant="caption" fontWeight={600}>
             March 25th
           </Typography>
         </Box>
         <Box sx={{ my: 'auto' }}>
-          <Box
-            sx={{
-              width: 28,
-              height: 28,
-              bgcolor: '#fff',
-              borderRadius: 0.75,
-              p: '2px',
-            }}
-          >
-            <CodeRounded color="primary" />
-          </Box>
-          <Typography
-            variant="h6"
-            component="div"
-            sx={{ mt: 1.5, fontWeight: 500, lineHeight: 1.2 }}
-          >
-            Check the docs for getting every component API
+          <CodeRounded color="white" />
+          <Typography fontSize={18} component="div" fontWeight={600} sx={{ lineHeight: 1.4 }}>
+            Customize every button and chip instance primary color
           </Typography>
         </Box>
-        <Box sx={{ display: 'flex' }}>
+        <Box sx={{ display: 'flex', gap: 1, py: 1 }}>
           <Avatar
             imgProps={{ 'aria-labelledby': 'demo-task-card-assignee-name' }}
             src="/static/images/avatar/1-sm.jpeg"
-            variant="rounded"
-            sx={{ border: '1px solid #fff' }}
+            sx={{ border: '2px solid #FFF' }}
           />
-          <Box sx={{ ml: 1 }}>
-            <Typography variant="body2" color="primary.200" fontWeight={500}>
+          <div>
+            <Typography color="primary.200" fontWeight={600} fontSize={12}>
               Assigned to
             </Typography>
-            <Typography id="demo-task-card-assignee-name" fontWeight={500}>
+            <Typography id="demo-task-card-assignee-name" variant="body2" fontWeight={600}>
               Michael Scott
             </Typography>
-          </Box>
+          </div>
         </Box>
-        <Box sx={{ display: 'flex', alignItems: 'center', mb: -0.5, mt: 0.5 }}>
+        <Box sx={{ display: 'flex', alignItems: 'center' }}>
           <LinearProgress
             aria-label="Progress"
             variant="determinate"
@@ -82,15 +61,15 @@ export default function TaskCard() {
             sx={{
               flexGrow: 1,
               borderRadius: 10,
-              backgroundColor: 'rgba(255,255,255,0.12)',
+              backgroundColor: 'primary.400',
               [`& .${linearProgressClasses.bar}`]: {
                 borderRadius: 10,
                 backgroundColor: '#fff',
               },
             }}
           />
-          <Typography color="#00C8FF" variant="body2" sx={{ ml: 2 }}>
-            <b>60%</b>
+          <Typography color="primary.50" variant="body2" fontWeight={700} sx={{ ml: 2 }}>
+            60%
           </Typography>
         </Box>
       </Card>
diff --git a/docs/src/components/showcase/ThemeAccordion.tsx b/docs/src/components/showcase/ThemeAccordion.tsx
index 16b62918f5ef26..d4e45118823fe2 100644
--- a/docs/src/components/showcase/ThemeAccordion.tsx
+++ b/docs/src/components/showcase/ThemeAccordion.tsx
@@ -6,9 +6,16 @@ import Box from '@mui/material/Box';
 import Fade from '@mui/material/Fade';
 import Typography from '@mui/material/Typography';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import FontDownloadRoundedIcon from '@mui/icons-material/FontDownloadRounded';
 import Folder from '@mui/icons-material/Folder';
 
 export default function ThemeAccordion() {
+  const [expanded, setExpanded] = React.useState<string | false>('panel1');
+
+  const handleChange = (panel: string) => (event: React.SyntheticEvent, newExpanded: boolean) => {
+    setExpanded(newExpanded ? panel : false);
+  };
+
   return (
     <Fade in timeout={700}>
       <Box
@@ -47,7 +54,8 @@ export default function ThemeAccordion() {
           (theme) =>
             theme.applyDarkStyles({
               [`& .${accordionClasses.root}`]: {
-                bgcolor: 'primaryDark.800',
+                bgcolor: 'primaryDark.900',
+                borderColor: 'primaryDark.700',
               },
               [`& .${accordionSummaryClasses.root}`]: {
                 [`& .${accordionSummaryClasses.content}`]: {
@@ -59,30 +67,38 @@ export default function ThemeAccordion() {
             }),
         ]}
       >
-        <Accordion variant="outlined">
+        <Accordion
+          variant="outlined"
+          expanded={expanded === 'panel1'}
+          onChange={handleChange('panel1')}
+        >
           <AccordionSummary
-            expandIcon={<ExpandMoreIcon />}
+            expandIcon={<ExpandMoreIcon sx={{ color: 'primary.400' }} />}
             aria-controls="panel1a-content"
             id="panel1a-header"
           >
             <Box sx={{ display: 'flex' }}>
-              <Folder fontSize="small" />
+              <FontDownloadRoundedIcon fontSize="small" />
               <div>
-                <Typography>Fonts</Typography>
+                <Typography fontWeight={500}>Typography</Typography>
                 <Typography variant="body2" color="text.secondary">
-                  Typefaces used in this branding project.
+                  Fonts used in this website revamp project.
                 </Typography>
               </div>
             </Box>
           </AccordionSummary>
           <AccordionDetails>
             <Typography variant="body2" color="text.secondary">
-              Tag line headings (h1, h2) use General Sans, whereas the rest of the elements use IBM
+              Tag line headings (h1, h2) use General Sans, whereas the rest of the website use IBM
               Plex Sans.
             </Typography>
           </AccordionDetails>
         </Accordion>
-        <Accordion variant="outlined">
+        <Accordion
+          variant="outlined"
+          expanded={expanded === 'panel2'}
+          onChange={handleChange('panel2')}
+        >
           <AccordionSummary
             disabled
             expandIcon={<ExpandMoreIcon />}
diff --git a/docs/src/components/showcase/ThemeButton.tsx b/docs/src/components/showcase/ThemeButton.tsx
index af3f413498ca8a..2ffc9adcb0179c 100644
--- a/docs/src/components/showcase/ThemeButton.tsx
+++ b/docs/src/components/showcase/ThemeButton.tsx
@@ -1,15 +1,16 @@
 import * as React from 'react';
 import Button from '@mui/material/Button';
+import Stack from '@mui/material/Stack';
 
 export default function ThemeButton() {
   return (
-    <React.Fragment>
-      <Button size="medium" variant="contained" sx={{ flexGrow: 1 }}>
-        Buy now
+    <Stack direction="row" spacing={2}>
+      <Button variant="contained" sx={{ flexGrow: 1 }}>
+        Install everything
       </Button>
-      <Button size="medium" variant="outlined" sx={{ flexGrow: 1 }}>
-        Buy now
+      <Button variant="outlined" sx={{ flexGrow: 1 }}>
+        Learn about it
       </Button>
-    </React.Fragment>
+    </Stack>
   );
 }
diff --git a/docs/src/components/showcase/ThemeChip.tsx b/docs/src/components/showcase/ThemeChip.tsx
index 3bf9a2702fa182..38dc20035e5b81 100644
--- a/docs/src/components/showcase/ThemeChip.tsx
+++ b/docs/src/components/showcase/ThemeChip.tsx
@@ -6,35 +6,41 @@ export default function ThemeChip() {
   return (
     <Stack
       direction="row"
-      spacing={2}
+      spacing={1}
       sx={[
         {
           [`& .${chipClasses.root}`]: {
+            border: '1px solid',
             [`&.${chipClasses.filled}`]: {
+              borderColor: 'grey.200',
               color: 'grey.800',
-              bgcolor: 'grey.200',
+              bgcolor: 'grey.50',
               [`&.${chipClasses.colorPrimary}`]: {
-                bgcolor: 'primary.100',
-                color: 'primary.500',
+                borderColor: 'primary.200',
+                bgcolor: 'primary.50',
+                color: 'primary.600',
+              },
+              [`&.${chipClasses.colorSuccess}`]: {
+                borderColor: 'success.200',
+                bgcolor: 'success.50',
+                color: 'success.800',
+              },
+              [`&.${chipClasses.colorWarning}`]: {
+                borderColor: 'warning.300',
+                bgcolor: 'warning.50',
+                color: 'warning.700',
+              },
+              [`&.${chipClasses.colorError}`]: {
+                borderColor: 'error.200',
+                bgcolor: 'error.50',
+                color: 'error.800',
               },
             },
             [`& .${chipClasses.label}`]: {
               marginBottom: '1px',
               fontSize: '0.875rem',
               lineHeight: 1.5,
-              fontWeight: 700,
-            },
-            [`& .${chipClasses.deleteIcon}`]: {
-              color: 'grey.500',
-              '&:hover': {
-                color: 'grey.700',
-              },
-            },
-            [`& .${chipClasses.deleteIconColorPrimary}`]: {
-              color: 'primary.500',
-              '&:hover': {
-                color: 'primary.700',
-              },
+              fontWeight: 600,
             },
           },
         },
@@ -42,20 +48,39 @@ export default function ThemeChip() {
           theme.applyDarkStyles({
             [`& .${chipClasses.root}`]: {
               [`&.${chipClasses.filled}`]: {
-                color: '#fff',
-                bgcolor: 'grey.700',
-              },
-              [`& .${chipClasses.deleteIcon}`]: {
-                '&:hover': {
-                  color: 'grey.400',
+                color: '#FFF',
+                bgcolor: 'primaryDark.700',
+                borderColor: 'primaryDark.500',
+                [`&.${chipClasses.colorPrimary}`]: {
+                  borderColor: 'primary.700',
+                  bgcolor: 'primary.900',
+                  color: 'primary.100',
+                },
+                [`&.${chipClasses.colorSuccess}`]: {
+                  borderColor: 'success.700',
+                  bgcolor: 'success.900',
+                  color: 'success.200',
+                },
+                [`&.${chipClasses.colorWarning}`]: {
+                  borderColor: 'warning.700',
+                  bgcolor: 'warning.900',
+                  color: 'warning.200',
+                },
+                [`&.${chipClasses.colorError}`]: {
+                  borderColor: 'error.800',
+                  bgcolor: 'error.900',
+                  color: 'error.100',
                 },
               },
             },
           }),
       ]}
     >
-      <Chip label="React" color="primary" onDelete={() => {}} />
-      <Chip label="JavaScript" onDelete={() => {}} />
+      <Chip label="MUI" color="primary" size="small" />
+      <Chip label="React" color="warning" size="small" />
+      <Chip label="CSS" color="success" size="small" />
+      <Chip label="TypeScript" color="error" size="small" />
+      <Chip label="JavaScript" size="small" />
     </Stack>
   );
 }
diff --git a/docs/src/components/showcase/ThemeDatePicker.tsx b/docs/src/components/showcase/ThemeDatePicker.tsx
index 97ecc62dc69105..92ac93693d6092 100644
--- a/docs/src/components/showcase/ThemeDatePicker.tsx
+++ b/docs/src/components/showcase/ThemeDatePicker.tsx
@@ -30,13 +30,17 @@ export default function ThemeDatePicker() {
               '& .MuiPickerStaticWrapper-content': {
                 bgcolor: 'initial',
               },
+              '& .MuiYearCalendar-root': {
+                width: '100%',
+              },
               '& .MuiDateCalendar-root': {
                 width: '100%',
                 '& .MuiPickersCalendarHeader-root': {
+                  margin: '12px 0',
                   paddingLeft: '18px',
                 },
                 '& .MuiTypography-caption': {
-                  color: 'grey.700',
+                  color: 'grey.500',
                   height: 24,
                 },
                 '[role="presentation"]': {
@@ -45,10 +49,18 @@ export default function ThemeDatePicker() {
                   },
                 },
                 '& .MuiPickersSlideTransition-root': {
-                  minHeight: 180,
+                  minHeight: 165,
                 },
                 '& .MuiPickersYear-yearButton': {
+                  flexBasis: '20%',
                   fontSize: '0.875rem',
+                  height: 'auto',
+                  width: 'auto',
+                  padding: '8px 12px',
+                  '&.Mui-selected': {
+                    color: '#fff',
+                    bgcolor: 'primary.main',
+                  },
                 },
                 '& [role="row"]': {
                   justifyContent: 'space-around',
@@ -78,7 +90,7 @@ export default function ThemeDatePicker() {
             (theme) =>
               theme.applyDarkStyles({
                 '& > div': {
-                  borderColor: 'primaryDark.500',
+                  borderColor: 'primaryDark.700',
                 },
                 [`& .${iconButtonClasses.root}`]: {
                   color: 'primary.300',
@@ -87,11 +99,8 @@ export default function ThemeDatePicker() {
                   bgcolor: 'primaryDark.800',
                 },
                 '& .MuiDateCalendar-root': {
-                  '& .MuiTypography-caption': {
-                    color: 'grey.600',
-                  },
                   '& .MuiPickersDay-root': {
-                    color: 'primary.200',
+                    color: 'primary.100',
                   },
                 },
               }),
diff --git a/docs/src/components/showcase/ThemeSlider.tsx b/docs/src/components/showcase/ThemeSlider.tsx
index 38b193a61ecea7..1049254658a389 100644
--- a/docs/src/components/showcase/ThemeSlider.tsx
+++ b/docs/src/components/showcase/ThemeSlider.tsx
@@ -18,92 +18,90 @@ export default function ThemeSlider() {
           border: '1px solid',
           borderColor: 'grey.200',
           borderRadius: 1,
-          p: 2,
+          px: 3,
+          py: 4,
           ...theme.applyDarkStyles({
-            bgcolor: 'primaryDark.800',
-            borderColor: 'primaryDark.500',
+            bgcolor: 'primaryDark.900',
+            borderColor: 'primaryDark.700',
           }),
         })}
       >
-        <Box
-          sx={{
-            display: 'inline-block',
-            height: 180,
-            padding: '0.75rem 0',
-            borderRadius: 4,
-          }}
-        >
-          <Slider
-            getAriaLabel={() => 'Temperature'}
-            orientation="vertical"
-            getAriaValueText={valuetext}
-            defaultValue={[25, 50]}
-            marks={[{ value: 0 }, { value: 25 }, { value: 50 }, { value: 75 }, { value: 100 }]}
-            valueLabelFormat={valuetext}
-            valueLabelDisplay="on"
-            sx={[
-              {
-                color: 'primary.500',
-                [`& .${sliderClasses.rail}`]: {
-                  opacity: 1,
-                  bgcolor: 'grey.200',
+        <Slider
+          getAriaLabel={() => 'Temperature'}
+          getAriaValueText={valuetext}
+          defaultValue={[25, 50]}
+          valueLabelFormat={valuetext}
+          valueLabelDisplay="on"
+          marks={[
+            { value: 0, label: '0ºC' },
+            { value: 10 },
+            { value: 20, label: '20ºC' },
+            { value: 30 },
+            { value: 40 },
+            { value: 50, label: '50ºC' },
+            { value: 60 },
+            { value: 70 },
+            { value: 80, label: '80ºC' },
+            { value: 90 },
+            { value: 100, label: '100ºC' },
+          ]}
+          sx={[
+            {
+              display: 'inline-block',
+              width: '100%',
+              color: 'primary.500',
+              height: 6,
+              margin: 0,
+              pt: 2,
+              pb: 2,
+              [`& .${sliderClasses.rail}`]: {
+                opacity: 1,
+                bgcolor: 'grey.200',
+              },
+              [`& .${sliderClasses.track}`]: {
+                border: 'none',
+              },
+              [`& .${sliderClasses.mark}`]: {
+                color: 'transparent',
+              },
+              [`& .${sliderClasses.markLabel}`]: {
+                color: 'grey.900',
+                fontSize: '0.75rem',
+                fontWeight: 600,
+              },
+              [`& .${sliderClasses.thumb}`]: {
+                width: 12,
+                height: 12,
+                '&:before': {
+                  boxShadow: 'none',
                 },
-                [`& .${sliderClasses.track}`]: {
-                  border: 'none',
+              },
+              [`& .${sliderClasses.valueLabel}`]: {
+                backgroundColor: 'transparent',
+                color: 'primary.600',
+                fontWeight: 700,
+                padding: 0,
+                [`& .${sliderClasses.valueLabelOpen}`]: {
+                  transform: 'none',
+                  top: 'initial',
                 },
-                [`& .${sliderClasses.mark}`]: {
-                  color: 'grey.500',
+              },
+            },
+            (theme) =>
+              theme.applyDarkStyles({
+                color: 'primary.400',
+                [`& .${sliderClasses.rail}`]: {
+                  bgcolor: 'primaryDark.600',
                 },
-                [`& .${sliderClasses.thumb}`]: {
-                  width: 8,
-                  height: 8,
-                  '&:before': {
-                    boxShadow: 'none',
-                  },
+                [`& .${sliderClasses.markLabel}`]: {
+                  color: 'grey.600',
                 },
-                [`&.${sliderClasses.vertical}`]: {
-                  [`& .${sliderClasses.mark}[data-index="0"]`]: {
-                    bottom: '2px !important',
-                    bgcolor: 'grey.500',
-                  },
-                  [`& .${sliderClasses.mark}[data-index="4"]`]: {
-                    bottom: 'unset !important',
-                    bgcolor: 'grey.500',
-                  },
-                  [`& .${sliderClasses.valueLabel}`]: {
-                    backgroundColor: 'transparent',
-                    color: 'grey.500',
-                    fontWeight: 700,
-                    padding: 0,
-                    left: '2rem',
-                    top: '14px',
-                    [`& .${sliderClasses.valueLabelOpen}`]: {
-                      transform: 'none',
-                      top: 'initial',
-                    },
-                  },
+                [`& .${sliderClasses.valueLabel}`]: {
+                  color: 'primary.200',
                 },
-              },
-              (theme) =>
-                theme.applyDarkStyles({
-                  [`& .${sliderClasses.rail}`]: {
-                    bgcolor: 'primaryDark.600',
-                  },
-                  [`&.${sliderClasses.vertical}`]: {
-                    [`& .${sliderClasses.mark}[data-index="0"]`]: {
-                      bgcolor: 'primary.400',
-                    },
-                    [`& .${sliderClasses.mark}[data-index="4"]`]: {
-                      bgcolor: 'primary.400',
-                    },
-                    [`& .${sliderClasses.valueLabel}`]: {
-                      color: 'grey.50',
-                    },
-                  },
-                }),
-            ]}
-          />
-        </Box>
+              }),
+          ]}
+        />
       </Box>
     </Fade>
   );
diff --git a/docs/src/components/showcase/ThemeTabs.tsx b/docs/src/components/showcase/ThemeTabs.tsx
index 5ff3c70d268705..33d62999615a6b 100644
--- a/docs/src/components/showcase/ThemeTabs.tsx
+++ b/docs/src/components/showcase/ThemeTabs.tsx
@@ -19,8 +19,9 @@ export default function ThemeTabs() {
         variant="fullWidth"
         sx={[
           {
-            bgcolor: 'primary.500',
-            borderRadius: '10px',
+            background:
+              'linear-gradient(180deg, var(--muidocs-palette-primary-500) 0%, var(--muidocs-palette-primary-600) 100%)',
+            borderRadius: 1,
             boxShadow: '0px 20px 25px rgba(0, 0, 0, 0.1), 0px 10px 10px rgba(0, 0, 0, 0.04)',
             [`& .${tabsClasses.indicator}`]: {
               backgroundColor: 'transparent',
@@ -38,7 +39,6 @@ export default function ThemeTabs() {
               minHeight: 48,
               margin: 0,
               color: 'primary.100',
-              fontSize: '1rem',
               '&:hover': {
                 backgroundColor: 'transparent',
               },
@@ -49,16 +49,15 @@ export default function ThemeTabs() {
           },
           (theme) =>
             theme.applyDarkStyles({
-              bgcolor: 'primary.700',
               [`& .${tabClasses.root}`]: {
                 color: 'primary.200',
               },
             }),
         ]}
       >
-        <Tab label="Yesterday" />
-        <Tab label="Today" />
-        <Tab label="Tomorrow" />
+        <Tab label="Material UI" />
+        <Tab label="Base UI" />
+        <Tab label="Joy UI" />
       </Tabs>
     </Fade>
   );
diff --git a/docs/src/components/showcase/ThemeTimeline.tsx b/docs/src/components/showcase/ThemeTimeline.tsx
index 5286c4fe3a5731..db6473bd1fd3e5 100644
--- a/docs/src/components/showcase/ThemeTimeline.tsx
+++ b/docs/src/components/showcase/ThemeTimeline.tsx
@@ -9,7 +9,6 @@ import TimelineSeparator from '@mui/lab/TimelineSeparator';
 import TimelineConnector, { timelineConnectorClasses } from '@mui/lab/TimelineConnector';
 import TimelineContent, { timelineContentClasses } from '@mui/lab/TimelineContent';
 import TimelineDot, { timelineDotClasses } from '@mui/lab/TimelineDot';
-import InfoOutlined from '@mui/icons-material/InfoOutlined';
 
 export default function BasicTimeline() {
   return (
@@ -18,46 +17,41 @@ export default function BasicTimeline() {
         variant="outlined"
         sx={(theme) => ({
           p: 2,
+          pb: 1,
           display: 'flex',
           alignItems: 'flex-start',
           ...theme.applyDarkStyles({
-            bgcolor: 'primaryDark.800',
+            bgcolor: 'primaryDark.900',
+            borderColor: 'primaryDark.700',
           }),
         })}
       >
         <Box
           sx={(theme) => ({
-            p: 0.5,
-            borderRadius: 0.5,
-            minWidth: 28,
-            typography: 'body2',
+            height: 24,
+            width: 24,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
             textAlign: 'center',
+            fontSize: '0.75rem',
+            fontWeight: 700,
+            borderRadius: 0.3,
             bgcolor: 'primary.50',
-            color: 'primary.main',
+            color: 'primary.600',
             ...theme.applyDarkStyles({
-              bgcolor: 'primary.700',
-              color: '#fff',
+              bgcolor: 'primary.900',
+              color: 'primary.50',
             }),
           })}
         >
           1
         </Box>
         <Box sx={{ ml: 2, flex: 1 }}>
-          <Box sx={{ display: 'flex' }}>
-            <Typography
-              variant="body2"
-              sx={(theme) => ({
-                mb: 1,
-                color: 'text.secondary',
-                ...theme.applyDarkStyles({
-                  color: 'grey.400',
-                }),
-              })}
-            >
-              Use the sx prop to add these properties:
-            </Typography>
-            <InfoOutlined fontSize="small" sx={{ ml: 'auto', color: 'grey.500' }} />
-          </Box>
+          <Typography variant="body2" color="text.primary" gutterBottom>
+            Install one of our production-ready libraries to get your next app started inevitably
+            successful:
+          </Typography>
           <Timeline
             sx={[
               {
@@ -65,7 +59,7 @@ export default function BasicTimeline() {
                 py: 0,
                 my: 0,
                 [`& .${timelineItemClasses.root}`]: {
-                  minHeight: 36,
+                  minHeight: 24,
                   '&:before': {
                     display: 'none',
                   },
@@ -79,8 +73,8 @@ export default function BasicTimeline() {
                   bgcolor: 'primary.500',
                 },
                 [`& .${timelineConnectorClasses.root}`]: {
-                  margin: '-15px 0',
-                  bgcolor: 'primary.50',
+                  margin: '-8px 0',
+                  bgcolor: 'primary.100',
                 },
                 [`& .${timelineContentClasses.root}`]: {
                   fontSize: '0.875rem',
@@ -90,7 +84,7 @@ export default function BasicTimeline() {
               (theme) =>
                 theme.applyDarkStyles({
                   [`& .${timelineConnectorClasses.root}`]: {
-                    bgcolor: 'primaryDark.700',
+                    bgcolor: 'primary.900',
                   },
                   [`& .${timelineContentClasses.root}`]: {
                     color: 'grey.100',
@@ -103,20 +97,20 @@ export default function BasicTimeline() {
                 <TimelineDot />
                 <TimelineConnector />
               </TimelineSeparator>
-              <TimelineContent>Margin Top</TimelineContent>
+              <TimelineContent>Material UI</TimelineContent>
             </TimelineItem>
             <TimelineItem>
               <TimelineSeparator>
                 <TimelineDot />
                 <TimelineConnector />
               </TimelineSeparator>
-              <TimelineContent>Padding Bottom</TimelineContent>
+              <TimelineContent>Base UI</TimelineContent>
             </TimelineItem>
             <TimelineItem>
               <TimelineSeparator>
                 <TimelineDot />
               </TimelineSeparator>
-              <TimelineContent>Flexbox</TimelineContent>
+              <TimelineContent>Joy UI</TimelineContent>
             </TimelineItem>
           </Timeline>
         </Box>
diff --git a/docs/src/components/showcase/ThemeToggleButton.tsx b/docs/src/components/showcase/ThemeToggleButton.tsx
index aabb60e8bd10ca..dbeb1be2d6a599 100644
--- a/docs/src/components/showcase/ThemeToggleButton.tsx
+++ b/docs/src/components/showcase/ThemeToggleButton.tsx
@@ -4,11 +4,12 @@ import ToggleButton from '@mui/material/ToggleButton';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 
 export default function ThemeToggleButton() {
-  const [lang, setLang] = React.useState('javascript');
+  const [lang, setLang] = React.useState('joy');
   return (
     <Fade in timeout={700}>
       <ToggleButtonGroup
         fullWidth
+        // size="small"
         color="primary"
         value={lang}
         exclusive
@@ -19,33 +20,32 @@ export default function ThemeToggleButton() {
             bgcolor: '#fff',
             '& .MuiToggleButton-root': {
               textTransform: 'none',
-              fontWeight: 700,
+              fontWeight: 600,
               color: 'grey.700',
               borderColor: 'grey.200',
               '&.Mui-selected': {
-                borderColor: 'primary.500',
-                color: 'primary.500',
-                bgcolor: 'primaryDark.50',
+                color: 'primary.600',
+                bgcolor: 'primary.100',
               },
             },
           },
           (theme) =>
             theme.applyDarkStyles({
-              bgcolor: 'primaryDark.800',
+              bgcolor: 'primaryDark.900',
               '& .MuiToggleButton-root': {
-                color: 'grey.300',
-                borderColor: 'primaryDark.500',
+                color: 'grey.400',
+                borderColor: 'primaryDark.700',
                 '&.Mui-selected': {
-                  color: '#fff',
-                  bgcolor: 'primary.800',
+                  color: 'primary.100',
+                  bgcolor: 'primary.900',
                 },
               },
             }),
         ]}
       >
-        <ToggleButton value="javascript">React</ToggleButton>
-        <ToggleButton value="html">TypeScript</ToggleButton>
-        <ToggleButton value="css">CSS</ToggleButton>
+        <ToggleButton value="joy">Joy UI</ToggleButton>
+        <ToggleButton value="material">Material UI</ToggleButton>
+        <ToggleButton value="base">Base UI</ToggleButton>
       </ToggleButtonGroup>
     </Fade>
   );
diff --git a/docs/src/components/typography/SectionHeadline.tsx b/docs/src/components/typography/SectionHeadline.tsx
index 15e12590b67681..0e7dec6656d30a 100644
--- a/docs/src/components/typography/SectionHeadline.tsx
+++ b/docs/src/components/typography/SectionHeadline.tsx
@@ -4,7 +4,7 @@ import Typography from '@mui/material/Typography';
 interface SectionHeadlineProps {
   description?: React.ReactNode;
   id?: string;
-  overline: React.ReactNode;
+  overline?: React.ReactNode;
   title: string | React.ReactElement;
   alwaysCenter?: boolean;
   /**
@@ -17,24 +17,23 @@ export default function SectionHeadline(props: SectionHeadlineProps) {
   const { description, id, overline, title, alwaysCenter = false, inverted = false } = props;
   return (
     <React.Fragment>
-      <Typography
-        id={id}
-        component="h2"
-        fontWeight="bold"
-        variant="body2"
-        sx={(theme) => ({
-          mb: 1,
-          color: 'primary.600',
-          ...theme.applyDarkStyles({
-            color: 'primary.300',
-          }),
-          ...(alwaysCenter && {
-            textAlign: 'center',
-          }),
-        })}
-      >
-        {overline}
-      </Typography>
+      {overline && (
+        <Typography
+          id={id}
+          component="h2"
+          variant="body2"
+          fontWeight="bold"
+          color="primary.main"
+          sx={{
+            mb: 1,
+            ...(alwaysCenter && {
+              textAlign: 'center',
+            }),
+          }}
+        >
+          {overline}
+        </Typography>
+      )}
       {typeof title === 'string' ? (
         <Typography
           variant="h2"
diff --git a/docs/src/icons/DiscordIcon.tsx b/docs/src/icons/DiscordIcon.tsx
new file mode 100644
index 00000000000000..8e3bd36d0cc7c7
--- /dev/null
+++ b/docs/src/icons/DiscordIcon.tsx
@@ -0,0 +1,10 @@
+import * as React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function SvgDiscord(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props}>
+      <path d="M20.32 4.37a19.8 19.8 0 0 0-4.89-1.52.07.07 0 0 0-.08.04c-.2.38-.44.87-.6 1.25a18.27 18.27 0 0 0-5.5 0c-.16-.4-.4-.87-.6-1.25a.08.08 0 0 0-.09-.04 19.74 19.74 0 0 0-4.88 1.52.07.07 0 0 0-.04.03A20.26 20.26 0 0 0 .1 18.06a.08.08 0 0 0 .03.05 19.9 19.9 0 0 0 6 3.03.08.08 0 0 0 .08-.02c.46-.63.87-1.3 1.22-2a.08.08 0 0 0-.04-.1 13.1 13.1 0 0 1-1.87-.9.08.08 0 0 1 0-.12l.36-.3a.07.07 0 0 1 .08 0 14.2 14.2 0 0 0 12.06 0 .07.07 0 0 1 .08 0l.37.3a.08.08 0 0 1 0 .12 12.3 12.3 0 0 1-1.88.9.08.08 0 0 0-.04.1c.36.7.78 1.36 1.23 2a.08.08 0 0 0 .08.02c1.96-.6 3.95-1.52 6-3.03a.08.08 0 0 0 .04-.05c.5-5.18-.84-9.68-3.55-13.66a.06.06 0 0 0-.03-.03zM8.02 15.33c-1.18 0-2.16-1.08-2.16-2.42 0-1.33.96-2.42 2.16-2.42 1.21 0 2.18 1.1 2.16 2.42 0 1.34-.96 2.42-2.16 2.42zm7.97 0c-1.18 0-2.15-1.08-2.15-2.42 0-1.33.95-2.42 2.15-2.42 1.22 0 2.18 1.1 2.16 2.42 0 1.34-.94 2.42-2.16 2.42Z" />
+    </SvgIcon>
+  );
+}
diff --git a/docs/src/icons/SvgStackOverflow.tsx b/docs/src/icons/SvgStackOverflow.tsx
index af1a80eeea5ed8..92f0cc39d6f008 100644
--- a/docs/src/icons/SvgStackOverflow.tsx
+++ b/docs/src/icons/SvgStackOverflow.tsx
@@ -1,19 +1,10 @@
 import * as React from 'react';
-import RootSvg, { RootSvgProps } from 'docs/src/icons/RootSvg';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
 
-function SvgComponent(props: RootSvgProps) {
+export default function SvgStackOverflow(props: SvgIconProps) {
   return (
-    <RootSvg
-      viewBox="0 0 24 24"
-      xmlns="http://www.w3.org/2000/svg"
-      fill="currentColor"
-      width="20"
-      height="20"
-      {...props}
-    >
-      <path d="M18.986 21.865v-6.404h2.134V24H1.844v-8.539h2.13v6.404h15.012zM6.111 19.731H16.85v-2.137H6.111v2.137zm.259-4.852l10.48 2.189.451-2.07-10.478-2.187-.453 2.068zm1.359-5.056l9.705 4.53.903-1.95-9.706-4.53-.902 1.936v.014zm2.715-4.785l8.217 6.855 1.359-1.62-8.216-6.853-1.35 1.617-.01.001zM15.751 0l-1.746 1.294 6.405 8.604 1.746-1.294L15.749 0h.002z" />
-    </RootSvg>
+    <SvgIcon {...props}>
+      <path d="M19.04 20.04v-5.87h1.99V22H3v-7.83h2v5.87h14.05-.01ZM6.98 18.09h10.05v-1.96H6.99v1.96Zm.25-4.45 9.8 2 .42-1.89-9.8-2.02-.41 1.9-.01.01ZM8.5 9l9.07 4.15.84-1.78L9.34 7.2 8.5 9V9Zm2.53-4.38 7.69 6.28 1.27-1.49-7.69-6.28-1.26 1.49ZM16.01 0l-1.64 1.2 6 7.87L22 7.88 16 0Z" />
+    </SvgIcon>
   );
 }
-
-export default SvgComponent;
diff --git a/docs/src/layouts/AppFooter.tsx b/docs/src/layouts/AppFooter.tsx
index 61ad1be3c2fb52..e38e3156cb56a9 100644
--- a/docs/src/layouts/AppFooter.tsx
+++ b/docs/src/layouts/AppFooter.tsx
@@ -14,6 +14,7 @@ import { alpha } from '@mui/material/styles';
 import SvgMuiLogotype from 'docs/src/icons/SvgMuiLogotype';
 import EmailSubscribe from 'docs/src/components/footer/EmailSubscribe';
 import ROUTES from 'docs/src/route';
+import DiscordIcon from 'docs/src/icons/DiscordIcon';
 import Link from 'docs/src/modules/components/Link';
 import SvgStackOverflow from 'docs/src/icons/SvgStackOverflow';
 
@@ -28,7 +29,7 @@ export default function AppFooter(props: AppFooterProps) {
     <Container component="footer">
       <Box
         sx={{
-          py: 8,
+          py: { xs: 4, sm: 8 },
           display: 'grid',
           gridAutoColumns: '1fr',
           alignItems: 'flex-start',
@@ -94,7 +95,7 @@ export default function AppFooter(props: AppFooterProps) {
             <Link href={ROUTES.store}>Store</Link>
             <Link href={ROUTES.blog}>Blog</Link>
             <Link href={ROUTES.showcase}>Showcase</Link>
-            <Link href={ROUTES.roadmap}>Roadmap</Link>
+            <Link href={ROUTES.xRoadmap}>Roadmap</Link>
           </Box>
           <Box sx={{ display: 'flex', flexDirection: 'column' }}>
             <Typography fontWeight="bold" variant="body2" sx={{ mb: 0.5 }}>
@@ -215,6 +216,16 @@ export default function AppFooter(props: AppFooterProps) {
             >
               <YouTubeIcon fontSize="small" />
             </IconButton>
+            <IconButton
+              target="_blank"
+              rel="noopener noreferrer"
+              href="https://mui.com/r/discord/"
+              aria-label="Discord"
+              title="Discord"
+              size="small"
+            >
+              <DiscordIcon fontSize="small" />
+            </IconButton>
             {stackOverflowUrl ? (
               <IconButton
                 target="_blank"
diff --git a/docs/src/layouts/AppHeader.tsx b/docs/src/layouts/AppHeader.tsx
index 9f52f8e0d1289d..8aba9bb331058d 100644
--- a/docs/src/layouts/AppHeader.tsx
+++ b/docs/src/layouts/AppHeader.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { styled, alpha } from '@mui/material/styles';
-import useMediaQuery from '@mui/material/useMediaQuery';
 import GlobalStyles from '@mui/material/GlobalStyles';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
@@ -12,7 +11,6 @@ import SvgMuiLogomark from 'docs/src/icons/SvgMuiLogomark';
 import HeaderNavBar from 'docs/src/components/header/HeaderNavBar';
 import HeaderNavDropdown from 'docs/src/components/header/HeaderNavDropdown';
 import ThemeModeToggle from 'docs/src/components/header/ThemeModeToggle';
-import { useChangeTheme } from 'docs/src/modules/components/ThemeContext';
 import Link from 'docs/src/modules/components/Link';
 import { DeferredAppSearch } from 'docs/src/modules/components/AppFrame';
 import { useTranslate } from 'docs/src/modules/utils/i18n';
@@ -26,7 +24,7 @@ const Header = styled('header')(({ theme }) => [
     backdropFilter: 'blur(8px)',
     boxShadow: `inset 0px -1px 1px ${(theme.vars || theme).palette.grey[100]}`,
     backgroundColor: 'rgba(255,255,255,0.8)',
-  },
+  } as const,
   theme.applyDarkStyles({
     boxShadow: `inset 0px -1px 1px ${(theme.vars || theme).palette.primaryDark[700]}`,
     backgroundColor: alpha(theme.palette.primaryDark[900], 0.7),
@@ -41,34 +39,9 @@ interface AppHeaderProps {
 
 export default function AppHeader(props: AppHeaderProps) {
   const { gitHubRepository = 'https://github.com/mui' } = props;
-  const changeTheme = useChangeTheme();
-  const [mode, setMode] = React.useState<string | null>(null);
-  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
 
   const t = useTranslate();
 
-  React.useEffect(() => {
-    let initialMode = 'system';
-    try {
-      initialMode = localStorage.getItem('mui-mode') || initialMode;
-    } catch (error) {
-      // do nothing
-    }
-    setMode(initialMode);
-  }, []);
-
-  const handleChangeThemeMode = (checked: boolean) => {
-    const paletteMode = checked ? 'dark' : 'light';
-    setMode(paletteMode);
-
-    try {
-      localStorage.setItem('mui-mode', paletteMode); // syncing with homepage, can be removed once all pages are migrated to CSS variables
-    } catch (error) {
-      // do nothing
-    }
-    changeTheme({ paletteMode });
-  };
-
   return (
     <Header>
       <GlobalStyles
@@ -101,12 +74,7 @@ export default function AppHeader(props: AppHeaderProps) {
               <GitHubIcon fontSize="small" />
             </IconButton>
           </Tooltip>
-          {mode !== null ? (
-            <ThemeModeToggle
-              checked={mode === 'system' ? prefersDarkMode : mode === 'dark'}
-              onChange={handleChangeThemeMode}
-            />
-          ) : null}
+          <ThemeModeToggle />
         </Stack>
         <Box sx={{ display: { md: 'none' }, ml: 1 }}>
           <HeaderNavDropdown />
diff --git a/docs/src/modules/brandingTheme.ts b/docs/src/modules/brandingTheme.ts
index bb80175dfc528b..cf71e165bd13cf 100644
--- a/docs/src/modules/brandingTheme.ts
+++ b/docs/src/modules/brandingTheme.ts
@@ -424,6 +424,35 @@ export const getDesignTokens = (mode: 'light' | 'dark') =>
 export function getThemedComponents(): ThemeOptions {
   return {
     components: {
+      MuiAlert: {
+        styleOverrides: {
+          root: {
+            padding: '12px 16px',
+          },
+          standardWarning: ({ theme }) => [
+            {
+              backgroundColor: alpha(theme.palette.warning[50], 0.5),
+              color: (theme.vars || theme).palette.grey[900],
+              border: '1px solid',
+              borderColor: alpha(theme.palette.warning[600], 0.3),
+              '& .MuiAlert-icon': {
+                color: (theme.vars || theme).palette.warning[700],
+              },
+            },
+            theme.applyDarkStyles({
+              backgroundColor: alpha(theme.palette.warning[700], 0.2),
+              color: (theme.vars || theme).palette.warning[50],
+              '& .MuiAlert-icon': {
+                color: (theme.vars || theme).palette.warning[200],
+              },
+            }),
+          ],
+          icon: {
+            paddingTop: 12,
+            paddingBottom: 0,
+          },
+        },
+      },
       MuiButtonBase: {
         defaultProps: {
           disableTouchRipple: true,
@@ -436,20 +465,37 @@ export function getThemedComponents(): ThemeOptions {
         styleOverrides: {
           root: ({ theme, ownerState }) => ({
             ...(ownerState.size === 'large' && {
-              padding: theme.spacing('12px', '12px', '12px', '14px'),
               ...theme.typography.body1,
               lineHeight: 21 / 16,
-              fontWeight: 700,
+              fontWeight: theme.typography.fontWeightBold,
+              padding: theme.spacing('12px', '12px', '12px', '14px'),
+              minHeight: 0,
+              '& > span': { transition: '0.2s', marginLeft: 4 },
+              '&:hover > span': { transform: 'translateX(2px)' },
+            }),
+            ...(ownerState.size === 'medium' && {
+              padding: theme.spacing('8px', '12px'),
+              '& > span': { transition: '0.2s', marginLeft: 4 },
+              '&:hover > span': { transform: 'translateX(2px)' },
+            }),
+            ...(ownerState.size === 'small' && {
+              padding: theme.spacing(0.5, 1),
+              fontFamily: theme.typography.fontFamily,
+              fontSize: defaultTheme.typography.pxToRem(13),
+              fontWeight: theme.typography.fontWeightSemiBold,
+              borderRadius: 8,
+              '& > span': { transition: '0.2s', marginLeft: 4 },
+              '&:hover > span': { transform: 'translateX(2px)' },
             }),
             ...(ownerState.variant === 'outlined' &&
               ownerState.color === 'secondary' && {
                 color: (theme.vars || theme).palette.text.secondary,
                 backgroundColor: alpha(theme.palette.primaryDark[50], 0.3),
                 borderColor: (theme.vars || theme).palette.primaryDark[100],
-                boxShadow: `0px 2px 2px ${alpha(
-                  theme.palette.primaryDark[100],
-                  0.2,
-                )}, inset 0px 4px 4px ${alpha(theme.palette.primaryDark[100], 0.2)}`,
+                boxShadow: `0px 2px 1px ${alpha(
+                  theme.palette.grey[200],
+                  0.3,
+                )}, inset 0px 2px 3px ${alpha(theme.palette.primaryDark[100], 0.2)}`,
                 '&:hover': {
                   background: (theme.vars || theme).palette.primaryDark[50],
                 },
@@ -457,7 +503,10 @@ export function getThemedComponents(): ThemeOptions {
                   color: (theme.vars || theme).palette.primaryDark[100],
                   borderColor: (theme.vars || theme).palette.primaryDark[600],
                   backgroundColor: (theme.vars || theme).palette.primaryDark[700],
-                  boxShadow: '0px 2px 2px #0B0D0E, inset 0px 4px 4px rgba(20, 25, 31, 0.3)',
+                  boxShadow: `0px 2px 1px ${theme.palette.common.black}, inset 0px 2px 3px ${alpha(
+                    theme.palette.primaryDark[500],
+                    0.3,
+                  )}`,
                   '&:hover': {
                     backgroundColor: (theme.vars || theme).palette.primaryDark[600],
                   },
@@ -468,10 +517,10 @@ export function getThemedComponents(): ThemeOptions {
                 color: (theme.vars || theme).palette.primary[500],
                 backgroundColor: alpha(theme.palette.primary[50], 0.3),
                 borderColor: (theme.vars || theme).palette.primary[100],
-                boxShadow: `0px 2px 2px ${alpha(
+                boxShadow: `0px 1px 1px ${alpha(
                   theme.palette.primary[100],
-                  0.2,
-                )}, inset 0px 4px 4px ${alpha(theme.palette.primary[100], 0.1)}`,
+                  0.5,
+                )}, inset 0px 4px 2px ${alpha(theme.palette.primary[100], 0.1)}`,
                 '&:hover': {
                   background: (theme.vars || theme).palette.primary[50],
                   borderColor: (theme.vars || theme).palette.primary[300],
@@ -479,7 +528,7 @@ export function getThemedComponents(): ThemeOptions {
                 ...theme.applyDarkStyles({
                   color: (theme.vars || theme).palette.primary[200],
                   borderColor: (theme.vars || theme).palette.primary[900],
-                  backgroundColor: alpha(theme.palette.primary[900], 0.4),
+                  backgroundColor: alpha(theme.palette.primary[900], 0.2),
                   boxShadow: '0px 2px 2px #0B0D0E, inset 0px 4px 4px rgba(20, 25, 31, 0.3)',
                   '&:hover': {
                     backgroundColor: (theme.vars || theme).palette.primary[900],
@@ -487,38 +536,39 @@ export function getThemedComponents(): ThemeOptions {
                   },
                 }),
               }),
-            ...(ownerState.size === 'small' && {
-              padding: theme.spacing(0.5, 1),
-              fontFamily: theme.typography.fontFamily,
-              fontSize: '0.75rem',
-              fontWeight: 600,
-              borderRadius: '6px',
-            }),
             ...(ownerState.variant === 'contained' &&
               ownerState.color === 'primary' && {
                 color: '#FFF',
-                background: `linear-gradient(180deg, ${
-                  (theme.vars || theme).palette.primary[500]
-                } 0%, ${(theme.vars || theme).palette.primary[600]} 100%)`,
-                border: '1px solid',
-                borderColor: (theme.vars || theme).palette.primary[400],
-                boxShadow: `0px 2px 4px ${alpha(
-                  theme.palette.primary[700],
-                  0.2,
-                )}, inset 0px 4px 8px ${alpha(theme.palette.primary[200], 0.4)}`,
-                textShadow: `0px 1px 1px ${alpha(theme.palette.grey[900], 0.3)}`,
+                backgroundImage: `linear-gradient(180deg, ${alpha(
+                  theme.palette.primary[300],
+                  0.5,
+                )} 0%, ${alpha(theme.palette.primary[600], 0.5)} 100%)`,
+                boxShadow: `0px 1px 2px ${alpha(
+                  theme.palette.primary[900],
+                  0.1,
+                )}, inset 0px 0px 0px 1px ${
+                  theme.palette.primary[600]
+                }, inset 0px 0px 0px 2px rgba(255, 255, 255, 0.2), 0px 2px 1px ${alpha(
+                  theme.palette.primary[200],
+                  0.3,
+                )} `,
                 '&:hover': {
-                  background: `linear-gradient(180deg, ${
-                    (theme.vars || theme).palette.primary[500]
-                  } 0%, ${(theme.vars || theme).palette.primary[400]} 100%)`,
-                  boxShadow:
-                    '0px 0px 8px rgba(0, 127, 255, 0.2), inset 0px 4px 8px rgba(102, 178, 255, 0.4)',
+                  backgroundColor: (theme.vars || theme).palette.primary[600],
                 },
+                textShadow: `0px 1px 1px ${alpha(theme.palette.grey[900], 0.3)}`,
                 ...theme.applyDarkStyles({
-                  boxShadow: `0px 2px 4px ${alpha(
-                    theme.palette.common.black,
-                    0.8,
-                  )}, inset 0px 4px 8px ${alpha(theme.palette.primary[200], 0.4)}`,
+                  backgroundImage: `linear-gradient(180deg, ${alpha(
+                    theme.palette.primary[400],
+                    0.2,
+                  )} 0%, ${alpha(theme.palette.primary[700], 0.8)} 100%)`,
+                  boxShadow: `0px 1px 2px ${alpha(
+                    theme.palette.primary[900],
+                    0.1,
+                  )}, inset 0px 0px 0px 1px ${
+                    theme.palette.primary[600]
+                  }, inset 0px 0px 0px 2px rgba(255, 255, 255, 0.1), 0px 2px 1px ${
+                    theme.palette.common.black
+                  } `,
                 }),
               }),
           }),
@@ -617,7 +667,7 @@ export function getThemedComponents(): ThemeOptions {
                     color: (theme.vars || theme).palette.primary.main,
                   },
                 },
-              },
+              } as const,
               theme.applyDarkStyles({
                 color: (theme.vars || theme).palette.grey[500],
                 borderColor: (theme.vars || theme).palette.primaryDark[600],
@@ -640,16 +690,19 @@ export function getThemedComponents(): ThemeOptions {
             // @ts-ignore internal repo module augmentation issue
             props: { variant: 'link' },
             style: ({ theme }) => ({
+              marginBottom: 1,
               fontSize: theme.typography.pxToRem(14),
-              fontWeight: 700,
+              fontWeight: theme.typography.fontWeightBold,
               color: (theme.vars || theme).palette.primary[600],
+              '&:hover': {
+                backgroundColor: (theme.vars || theme).palette.primary[50],
+              },
               ...theme.applyDarkStyles({
                 color: (theme.vars || theme).palette.primary[300],
+                '&:hover': {
+                  backgroundColor: alpha(theme.palette.primary[800], 0.3),
+                },
               }),
-              mb: 1,
-              '& svg': {
-                ml: -0.5,
-              },
             }),
           },
         ],
@@ -666,6 +719,9 @@ export function getThemedComponents(): ThemeOptions {
                 borderColor: (theme.vars || theme).palette.grey[200],
                 color: (theme.vars || theme).palette.primary[500],
                 borderRadius: theme.shape.borderRadius,
+                boxShadow: `inset 0 1px 2px ${
+                  (theme.vars || theme).palette.grey[50]
+                }, 0 1px 0.5px ${alpha(theme.palette.grey[100], 0.6)}`,
                 '&:hover': {
                   borderColor: (theme.vars || theme).palette.grey[300],
                   background: (theme.vars || theme).palette.grey[50],
@@ -674,6 +730,9 @@ export function getThemedComponents(): ThemeOptions {
               theme.applyDarkStyles({
                 borderColor: (theme.vars || theme).palette.primaryDark[700],
                 color: (theme.vars || theme).palette.primary[300],
+                boxShadow: `inset 0 1px 1px ${
+                  (theme.vars || theme).palette.primaryDark[900]
+                }, 0 1px 0.5px ${(theme.vars || theme).palette.common.black}`,
                 '&:hover': {
                   borderColor: (theme.vars || theme).palette.primaryDark[600],
                   background: alpha(theme.palette.primaryDark[700], 0.4),
@@ -901,7 +960,7 @@ export function getThemedComponents(): ThemeOptions {
                   backgroundColor: (theme.vars || theme).palette.primary[100],
                 },
               },
-            },
+            } as const,
             theme.applyDarkStyles({
               color: theme.palette.grey[300],
               '&:hover': {
@@ -943,19 +1002,25 @@ export function getThemedComponents(): ThemeOptions {
               '&[href]': {
                 textDecorationLine: 'none',
               },
+              transition: theme.transitions.create(['border', 'box-shadow'], {
+                duration: theme.transitions.duration.shortest,
+              }),
               ...(ownerState.variant === 'outlined' && {
                 display: 'block',
                 borderColor: (theme.vars || theme).palette.grey[100],
                 '&[href]': {
                   textDecorationLine: 'none',
+                  boxShadow: `inset 0 1px 2px ${
+                    (theme.vars || theme).palette.grey[50]
+                  }, 0 1px 0.5px ${alpha(theme.palette.grey[100], 0.6)}`,
                   '&:hover': {
-                    borderColor: (theme.vars || theme).palette.primary[300],
+                    borderColor: (theme.vars || theme).palette.primary[200],
                     boxShadow: `0px 4px 16px ${(theme.vars || theme).palette.grey[200]}`,
                   },
                 },
                 ':is(a&), :is(button&)': {
                   '&:hover': {
-                    borderColor: (theme.vars || theme).palette.primary[300],
+                    borderColor: (theme.vars || theme).palette.primary[200],
                     boxShadow: `0px 4px 16px ${(theme.vars || theme).palette.grey[200]}`,
                   },
                 },
@@ -968,7 +1033,11 @@ export function getThemedComponents(): ThemeOptions {
                 backgroundColor: alpha(theme.palette.primaryDark[700], 0.5),
                 '&[href]': {
                   textDecorationLine: 'none',
+                  boxShadow: `inset 0 1px 1px ${
+                    (theme.vars || theme).palette.primaryDark[900]
+                  }, 0 1px 0.5px ${(theme.vars || theme).palette.common.black}`,
                   '&:hover': {
+                    borderColor: (theme.vars || theme).palette.primary[700],
                     boxShadow: `0px 4px 24px ${(theme.vars || theme).palette.common.black}`,
                   },
                 },
@@ -1023,7 +1092,7 @@ export function getThemedComponents(): ThemeOptions {
                 borderColor: `${(theme.vars || theme).palette.primary[500]} !important`,
                 backgroundColor: (theme.vars || theme).palette.primary[50],
               },
-            },
+            } as const,
             theme.applyDarkStyles({
               color: theme.palette.grey[300],
               borderColor: theme.palette.primaryDark[500],
@@ -1101,7 +1170,7 @@ export function getThemedComponents(): ThemeOptions {
                   backgroundColor: (theme.vars || theme).palette.primary[100],
                 },
               },
-            },
+            } as const,
             theme.applyDarkStyles({
               color: theme.palette.grey[300],
               borderColor: theme.palette.primaryDark[500],
diff --git a/docs/src/modules/components/Ad.js b/docs/src/modules/components/Ad.js
index aaaea2fe566be4..301bebdb460be9 100644
--- a/docs/src/modules/components/Ad.js
+++ b/docs/src/modules/components/Ad.js
@@ -88,12 +88,7 @@ class AdErrorBoundary extends React.Component {
     // send explicit `'null'`
     const eventLabel = String(this.props.eventLabel);
     // TODO: Use proper error monitoring service (e.g. Sentry) instead
-    window.ga('send', {
-      hitType: 'event',
-      eventCategory: 'ad',
-      eventAction: 'crash',
-      eventLabel,
-    });
+
     window.gtag('event', 'ad', {
       eventAction: 'crash',
       eventLabel,
@@ -111,6 +106,10 @@ class AdErrorBoundary extends React.Component {
   }
 }
 
+export const AD_MARGIN_TOP = 3;
+export const AD_MARGIN_BOTTOM = 3;
+export const AD_HEIGHT = 126;
+
 export default function Ad() {
   const [adblock, setAdblock] = React.useState(null);
   const [carbonOut, setCarbonOut] = React.useState(null);
@@ -195,12 +194,6 @@ export default function Ad() {
     }
 
     const delay = setTimeout(() => {
-      window.ga('send', {
-        hitType: 'event',
-        eventCategory: 'ad',
-        eventAction: 'display',
-        eventLabel,
-      });
       window.gtag('event', 'ad', {
         eventAction: 'display',
         eventLabel,
@@ -218,18 +211,18 @@ export default function Ad() {
       sx={{
         position: 'relative',
         display: 'block',
-        mt: 4,
-        mb: 3,
+        mt: AD_MARGIN_TOP,
+        mb: AD_MARGIN_BOTTOM,
         ...(adShape === 'image' && {
-          minHeight: 126,
+          minHeight: AD_HEIGHT,
         }),
         ...(adShape === 'inline' && {
-          minHeight: 126,
+          minHeight: AD_HEIGHT,
           display: 'flex',
           alignItems: 'flex-end',
         }),
         ...(adShape === 'inline2' && {
-          minHeight: 126,
+          minHeight: AD_HEIGHT,
           display: 'flex',
           alignItems: 'flex-end',
         }),
diff --git a/docs/src/modules/components/ApiPage.js b/docs/src/modules/components/ApiPage.js
index 867d707a1b474b..5ed107c795cfc2 100644
--- a/docs/src/modules/components/ApiPage.js
+++ b/docs/src/modules/components/ApiPage.js
@@ -127,7 +127,7 @@ export default function ApiPage(props) {
     : '/material-ui/customization/theme-components/#theme-style-overrides';
   let slotGuideLink = '';
   if (isJoyComponent) {
-    slotGuideLink = '/joy-ui/guides/overriding-component-structure/';
+    slotGuideLink = '/joy-ui/customization/overriding-component-structure/';
   } else if (isBaseComponent) {
     slotGuideLink = '/base-ui/guides/overriding-component-structure/';
   }
diff --git a/docs/src/modules/components/ApiPage/ApiItem.tsx b/docs/src/modules/components/ApiPage/ApiItem.tsx
index 61003489ae032a..78ddcecc4c613b 100644
--- a/docs/src/modules/components/ApiPage/ApiItem.tsx
+++ b/docs/src/modules/components/ApiPage/ApiItem.tsx
@@ -196,7 +196,7 @@ export type ApiItemProps = {
   children: React.ReactNode;
 };
 
-function ApiItem(props: ApiItemProps) {
+export default function ApiItem(props: ApiItemProps) {
   const { title, description, note, children, type, id, ...other } = props;
   const descriptionRef = React.useRef<HTMLSpanElement>(null);
   const [isOverflow, setIsOverflow] = React.useState(false);
@@ -221,26 +221,16 @@ function ApiItem(props: ApiItemProps) {
   return (
     <Root ownerState={{ type }} {...other}>
       <div id={id} className="MuiApi-item-header">
-        <a
-          className="MuiApi-item-link-visual"
-          href={`#${id}`}
-          onClick={() => {
-            navigator.clipboard.writeText(
-              `${window.location.origin}${window.location.pathname}#${id}`,
-            );
-          }}
-        >
+        <a className="MuiApi-item-link-visual" href={`#${id}`}>
           <svg>
             <use xlinkHref="#anchor-link-icon" />
           </svg>
         </a>
-
         <span
           className="MuiApi-item-title" // This className is used by Algolia
         >
           {title}
         </span>
-
         <span
           className={`MuiApi-item-description${
             isExtended ? ' MuiApi-item-description-extended' : ''
@@ -278,5 +268,3 @@ ApiItem.propTypes = {
   note: PropTypes.string,
   title: PropTypes.string.isRequired,
 };
-
-export default ApiItem;
diff --git a/docs/src/modules/components/ApiPage/SlotsList.tsx b/docs/src/modules/components/ApiPage/SlotsList.tsx
index f14a08f240c9eb..b75bb068f7924d 100644
--- a/docs/src/modules/components/ApiPage/SlotsList.tsx
+++ b/docs/src/modules/components/ApiPage/SlotsList.tsx
@@ -38,8 +38,8 @@ export default function SlotsList(props: SlotsListProps) {
       {componentSlots.map(({ class: className, name, default: defaultValue }) => {
         return (
           <StyledApiItem
-            id={`${hashPrefix}slots-${className}`}
-            key={className}
+            id={`${hashPrefix}slots-${name}`}
+            key={name}
             description=""
             title={name}
             note=""
@@ -52,9 +52,12 @@ export default function SlotsList(props: SlotsListProps) {
                 }}
               />
             )}
-            <p className="slot-default-element">
-              <span>{t('api-docs.default')}:</span> <code className="Api-code">{defaultValue}</code>
-            </p>
+            {defaultValue && (
+              <p className="slot-default-element">
+                <span>{t('api-docs.default')}:</span>{' '}
+                <code className="Api-code">{defaultValue}</code>
+              </p>
+            )}
             {className && (
               <p className="slot-classname">
                 <span>{t('api-docs.globalClass')}:</span>{' '}
diff --git a/docs/src/modules/components/AppLayoutDocs.js b/docs/src/modules/components/AppLayoutDocs.js
index f435feae4ecabd..a669bfae76168d 100644
--- a/docs/src/modules/components/AppLayoutDocs.js
+++ b/docs/src/modules/components/AppLayoutDocs.js
@@ -14,6 +14,7 @@ import AppTableOfContents from 'docs/src/modules/components/AppTableOfContents';
 import AdManager from 'docs/src/modules/components/AdManager';
 import AppLayoutDocsFooter from 'docs/src/modules/components/AppLayoutDocsFooter';
 import BackToTop from 'docs/src/modules/components/BackToTop';
+import { AD_MARGIN_TOP, AD_HEIGHT, AD_MARGIN_BOTTOM } from 'docs/src/modules/components/Ad';
 
 const TOC_WIDTH = 242;
 
@@ -58,25 +59,26 @@ const StyledAppContainer = styled(AppContainer, {
           maxWidth: '105ch',
         }),
     ...(!disableAd && {
-      ...(!hasTabs && {
-        // Sync with material-ui/docs/src/modules/components/Ad.js container
-        '&& .description': {
-          paddingBottom: `calc(${theme.spacing(4)} + 126px)`,
-          marginBottom: theme.spacing(3),
-        },
-        '&& .description.ad': {
-          paddingBottom: 0,
-          marginBottom: 0,
-        },
-      }),
-      ...(hasTabs && {
-        '&& .component-tabs .MuiTabs-root': {
-          marginBottom: `calc(${theme.spacing(4)} + 126px + 40px)`,
-        },
-        '&& .component-tabs.ad .MuiTabs-root': {
-          marginBottom: 0,
-        },
-      }),
+      ...(hasTabs
+        ? {
+            '&& .component-tabs .MuiTabs-root': {
+              // 40px matches MarkdownElement h2 margin-top.
+              marginBottom: `calc(${theme.spacing(AD_MARGIN_TOP)} + ${AD_HEIGHT}px + 40px)`,
+            },
+            '&& .component-tabs.ad .MuiTabs-root': {
+              marginBottom: 0,
+            },
+          }
+        : {
+            '&& .description': {
+              paddingBottom: `calc(${theme.spacing(AD_MARGIN_TOP)} + ${AD_HEIGHT}px)`,
+              marginBottom: theme.spacing(AD_MARGIN_BOTTOM),
+            },
+            '&& .description.ad': {
+              paddingBottom: 0,
+              marginBottom: 0,
+            },
+          }),
     }),
     [theme.breakpoints.up('lg')]: {
       paddingLeft: '60px',
diff --git a/docs/src/modules/components/AppLayoutDocsFooter.js b/docs/src/modules/components/AppLayoutDocsFooter.js
index e5ee2759e25995..7ea0fb57e47532 100644
--- a/docs/src/modules/components/AppLayoutDocsFooter.js
+++ b/docs/src/modules/components/AppLayoutDocsFooter.js
@@ -7,15 +7,17 @@ import TextField from '@mui/material/TextField';
 import Box from '@mui/material/Box';
 import Collapse from '@mui/material/Collapse';
 import Button from '@mui/material/Button';
+import Alert from '@mui/material/Alert';
 import Divider from '@mui/material/Divider';
 import Grid from '@mui/material/Grid';
 import Typography from '@mui/material/Typography';
 import Tooltip from '@mui/material/Tooltip';
 import IconButton from '@mui/material/IconButton';
-import ThumbUpIcon from '@mui/icons-material/ThumbUpAlt';
-import ThumbDownIcon from '@mui/icons-material/ThumbDownAlt';
+import ThumbUpAltRoundedIcon from '@mui/icons-material/ThumbUpAltRounded';
+import ThumbDownAltRoundedIcon from '@mui/icons-material/ThumbDownAltRounded';
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
 import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
+import PanToolRoundedIcon from '@mui/icons-material/PanToolRounded';
 import Snackbar from '@mui/material/Snackbar';
 import { getCookie, pageToTitleI18n } from 'docs/src/modules/utils/helpers';
 import PageContext from 'docs/src/modules/components/PageContext';
@@ -413,19 +415,33 @@ export default function AppLayoutDocsFooter(props) {
                   component="div"
                   id="feedback-message"
                   variant="body2"
-                  sx={{ mx: 2 }}
+                  sx={{ mx: 1 }}
                 >
                   {t('feedbackMessage')}
                 </Typography>
                 <div>
                   <Tooltip title={t('feedbackYes')}>
-                    <IconButton onClick={handleClickThumb(1)} aria-pressed={rating === 1}>
-                      <ThumbUpIcon fontSize="small" color={rating === 1 ? 'primary' : undefined} />
+                    <IconButton
+                      onClick={handleClickThumb(1)}
+                      aria-pressed={rating === 1}
+                      sx={{ borderRadius: 1 }}
+                    >
+                      <ThumbUpAltRoundedIcon
+                        fontSize="small"
+                        color={rating === 1 ? 'primary' : undefined}
+                      />
                     </IconButton>
                   </Tooltip>
                   <Tooltip title={t('feedbackNo')}>
-                    <IconButton onClick={handleClickThumb(0)} aria-pressed={rating === 0}>
-                      <ThumbDownIcon fontSize="small" color={rating === 0 ? 'error' : undefined} />
+                    <IconButton
+                      onClick={handleClickThumb(0)}
+                      aria-pressed={rating === 0}
+                      sx={{ borderRadius: 1 }}
+                    >
+                      <ThumbDownAltRoundedIcon
+                        fontSize="small"
+                        color={rating === 0 ? 'error' : undefined}
+                      />
                     </IconButton>
                   </Tooltip>
                 </div>
@@ -490,25 +506,31 @@ export default function AppLayoutDocsFooter(props) {
                   ref: inputRef,
                 }}
               />
+              {rating !== 1 && (
+                <Alert
+                  severity="warning"
+                  color="warning"
+                  icon={<PanToolRoundedIcon fontSize="small" />}
+                  sx={{ my: 1.5 }}
+                >
+                  <Typography id="feedback-description" color="text.secondary">
+                    {t('feedbackMessageToGitHub.usecases')}{' '}
+                    <Link
+                      href={`${process.env.SOURCE_CODE_REPO}/issues/new?template=${process.env.GITHUB_TEMPLATE_DOCS_FEEDBACK}&page-url=${window.location.href}`}
+                      target="_blank"
+                    >
+                      {t('feedbackMessageToGitHub.callToAction.link')}
+                    </Link>{' '}
+                    {t('feedbackMessageToGitHub.reasonWhy')}
+                  </Typography>
+                </Alert>
+              )}
               <DialogActions>
                 <Button type="reset">{t('cancel')}</Button>
                 <Button type="submit" variant="contained">
                   {t('submit')}
                 </Button>
               </DialogActions>
-              {rating !== 1 && (
-                <Typography id="feedback-description" color="text.secondary">
-                  {t('feedbackMessageToGitHub.usecases')}
-                  <br />
-                  {t('feedbackMessageToGitHub.callToAction.text')}
-                  <Link
-                    href={`${process.env.SOURCE_CODE_REPO}/issues/new?template=${process.env.GITHUB_TEMPLATE_DOCS_FEEDBACK}&page-url=${window.location.href}`}
-                    target="_blank"
-                  >
-                    {t('feedbackMessageToGitHub.callToAction.link')}
-                  </Link>
-                </Typography>
-              )}
             </Box>
           </form>
         </Collapse>
diff --git a/docs/src/modules/components/AppNavDrawer.js b/docs/src/modules/components/AppNavDrawer.js
index caae5b877d8eed..f6293d896c864a 100644
--- a/docs/src/modules/components/AppNavDrawer.js
+++ b/docs/src/modules/components/AppNavDrawer.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import NextLink from 'next/link';
 import Button from '@mui/material/Button';
 import Divider from '@mui/material/Divider';
-import { styled } from '@mui/material/styles';
+import { styled, ThemeProvider } from '@mui/material/styles';
 import List from '@mui/material/List';
 import Drawer from '@mui/material/Drawer';
 import Menu from '@mui/material/Menu';
@@ -16,13 +16,32 @@ import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
 import ArrowDropDownRoundedIcon from '@mui/icons-material/ArrowDropDownRounded';
 import DoneRounded from '@mui/icons-material/DoneRounded';
 import SvgMuiLogomark from 'docs/src/icons/SvgMuiLogomark';
-import DiamondSponsors from 'docs/src/modules/components/DiamondSponsors';
 import AppNavDrawerItem from 'docs/src/modules/components/AppNavDrawerItem';
 import { pageToTitleI18n } from 'docs/src/modules/utils/helpers';
 import PageContext from 'docs/src/modules/components/PageContext';
 import { useTranslate } from 'docs/src/modules/utils/i18n';
 import MuiProductSelector from 'docs/src/modules/components/MuiProductSelector';
 
+// TODO: Collapse should expose an API to customize the duration based on the height.
+function transitionTheme(theme) {
+  return {
+    ...theme,
+    transitions: {
+      ...theme.transitions,
+      getAutoHeightDuration: (height) => {
+        if (!height) {
+          return 0;
+        }
+
+        const constant = height / 80;
+
+        // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10
+        return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);
+      },
+    },
+  };
+}
+
 const savedScrollTop = {};
 
 function ProductDrawerButton(props) {
@@ -148,19 +167,7 @@ function PersistScroll(props) {
     };
   }, [enabled, slot]);
 
-  return (
-    <Box
-      sx={{
-        height: '100%',
-        display: 'flex',
-        flexDirection: 'column',
-        justifyContent: 'space-between',
-      }}
-      ref={rootRef}
-    >
-      {children}
-    </Box>
-  );
+  return <div ref={rootRef}>{children}</div>;
 }
 
 PersistScroll.propTypes = {
@@ -194,6 +201,8 @@ const AppNavPaperComponent = styled('div')(() => {
   return {
     width: 'var(--MuiDocs-navDrawer-width)',
     boxShadow: 'none',
+    border: '0 !important', // TODO add a Paper slot
+    overflowY: 'unset !important', // TODO add a Paper slot
     boxSizing: 'border-box', // TODO have CssBaseline in the Next.js layout
   };
 });
@@ -250,6 +259,7 @@ function reduceChildRoutes(context) {
         legacy={page.legacy}
         newFeature={page.newFeature}
         planned={page.planned}
+        unstable={page.unstable}
         plan={page.plan}
         icon={page.icon}
         subheader={subheader}
@@ -282,6 +292,7 @@ function reduceChildRoutes(context) {
         legacy={page.legacy}
         newFeature={page.newFeature}
         planned={page.planned}
+        unstable={page.unstable}
         plan={page.plan}
         icon={page.icon}
         subheader={Boolean(page.subheader)}
@@ -304,6 +315,7 @@ export default function AppNavDrawer(props) {
   const [anchorEl, setAnchorEl] = React.useState(null);
   const t = useTranslate();
   const mobile = useMediaQuery((theme) => theme.breakpoints.down('lg'));
+  const swipeableDrawer = disablePermanent || mobile;
 
   const drawer = React.useMemo(() => {
     const navItems = renderNavItems({ onClose, pages, activePageParents, depth: 0, t });
@@ -394,15 +406,12 @@ export default function AppNavDrawer(props) {
               component="a"
               onClick={onClose}
               aria-label={t('goToHome')}
-              sx={(theme) => ({
+              sx={{
                 pr: '12px',
                 mr: '4px',
                 borderRight: '1px solid',
-                borderColor: (theme.vars || theme).palette.divider,
-                ...theme.applyDarkStyles({
-                  borderColor: (theme.vars || theme).palette.divider,
-                }),
-              })}
+                borderColor: 'divider',
+              }}
             >
               <SvgMuiLogomark width={30} />
             </Box>
@@ -414,11 +423,27 @@ export default function AppNavDrawer(props) {
           />
         </ToolbarDiv>
         <Divider />
-        <Box sx={{ pt: 0.5, pb: 5, overflowY: 'auto', flexGrow: 1 }}>{navItems}</Box>
-        <DiamondSponsors />
+        <Box
+          sx={{
+            pt: 0.5,
+            pb: 5,
+            overflowY: 'auto',
+            flexGrow: 1,
+            ...(swipeableDrawer
+              ? {}
+              : {
+                  borderRight: '1px solid',
+                  borderColor: 'divider',
+                }),
+          }}
+        >
+          <PersistScroll slot="side" enabled>
+            {navItems}
+          </PersistScroll>
+        </Box>
       </React.Fragment>
     );
-  }, [onClose, pages, activePageParents, t, productIdentifier, anchorEl]);
+  }, [onClose, pages, activePageParents, t, productIdentifier, anchorEl, swipeableDrawer]);
 
   if (process.env.NODE_ENV !== 'production') {
     if (!productIdentifier) {
@@ -430,41 +455,37 @@ export default function AppNavDrawer(props) {
   }
 
   return (
-    <nav className={className} aria-label={t('mainNavigation')}>
-      {disablePermanent || mobile ? (
-        <SwipeableDrawer
-          disableBackdropTransition={!iOS}
-          variant="temporary"
-          open={mobileOpen}
-          onOpen={onOpen}
-          onClose={onClose}
-          ModalProps={{
-            keepMounted: true,
-          }}
-          PaperProps={{
-            className: 'algolia-drawer',
-            component: AppNavPaperComponent,
-          }}
-        >
-          <PersistScroll slot="swipeable" enabled={mobileOpen}>
+    <ThemeProvider theme={transitionTheme}>
+      <nav className={className} aria-label={t('mainNavigation')}>
+        {swipeableDrawer ? (
+          <SwipeableDrawer
+            disableBackdropTransition={!iOS}
+            variant="temporary"
+            open={mobileOpen}
+            onOpen={onOpen}
+            onClose={onClose}
+            ModalProps={{
+              keepMounted: true,
+            }}
+            PaperProps={{
+              component: AppNavPaperComponent,
+            }}
+          >
             {drawer}
-          </PersistScroll>
-        </SwipeableDrawer>
-      ) : null}
-      {disablePermanent || mobile ? null : (
-        <StyledDrawer
-          variant="permanent"
-          PaperProps={{
-            component: AppNavPaperComponent,
-          }}
-          open
-        >
-          <PersistScroll slot="side" enabled>
+          </SwipeableDrawer>
+        ) : (
+          <StyledDrawer
+            variant="permanent"
+            PaperProps={{
+              component: AppNavPaperComponent,
+            }}
+            open
+          >
             {drawer}
-          </PersistScroll>
-        </StyledDrawer>
-      )}
-    </nav>
+          </StyledDrawer>
+        )}
+      </nav>
+    </ThemeProvider>
   );
 }
 
diff --git a/docs/src/modules/components/AppNavDrawerItem.js b/docs/src/modules/components/AppNavDrawerItem.js
index 7dc1a20a456dde..7c8d2f3ad7f32d 100644
--- a/docs/src/modules/components/AppNavDrawerItem.js
+++ b/docs/src/modules/components/AppNavDrawerItem.js
@@ -5,7 +5,7 @@ import { alpha, styled } from '@mui/material/styles';
 import Collapse from '@mui/material/Collapse';
 import Box from '@mui/material/Box';
 import Chip from '@mui/material/Chip';
-import { shouldHandleLinkClick } from 'docs/src/modules/components/MarkdownLinks';
+import { samePageLinkNavigation } from 'docs/src/modules/components/MarkdownLinks';
 import Link from 'docs/src/modules/components/Link';
 import standardNavIcons from './AppNavIcons';
 
@@ -260,6 +260,7 @@ export default function AppNavDrawerItem(props) {
     legacy,
     newFeature,
     planned,
+    unstable,
     linkProps,
     onClick,
     initiallyExpanded = false,
@@ -273,7 +274,7 @@ export default function AppNavDrawerItem(props) {
   const [open, setOpen] = React.useState(initiallyExpanded);
   const handleClick = (event) => {
     // Ignore the action if opening the link in a new tab
-    if (shouldHandleLinkClick(event)) {
+    if (samePageLinkNavigation(event)) {
       return;
     }
 
@@ -328,9 +329,10 @@ export default function AppNavDrawerItem(props) {
         {legacy && <Chip label="Legacy" sx={sxChip('warning')} />}
         {newFeature && <Chip label="New" sx={sxChip('success')} />}
         {planned && <Chip label="Planned" sx={sxChip('grey')} />}
+        {unstable && <Chip label="Preview" sx={sxChip('primary')} />}
       </Item>
       {expandable ? (
-        <Collapse in={open} timeout={250} unmountOnExit>
+        <Collapse in={open} timeout="auto" unmountOnExit>
           {children}
         </Collapse>
       ) : (
@@ -356,4 +358,5 @@ AppNavDrawerItem.propTypes = {
   subheader: PropTypes.bool.isRequired,
   title: PropTypes.string.isRequired,
   topLevel: PropTypes.bool,
+  unstable: PropTypes.bool,
 };
diff --git a/docs/src/modules/components/AppSearch.js b/docs/src/modules/components/AppSearch.js
index a3e3f43af197b8..25243d2056006d 100644
--- a/docs/src/modules/components/AppSearch.js
+++ b/docs/src/modules/components/AppSearch.js
@@ -47,6 +47,10 @@ const SearchButton = styled('button')(({ theme }) => [
     cursor: 'pointer',
     transitionProperty: 'all',
     transitionDuration: '150ms',
+    boxShadow: `inset 0 1px 1px ${(theme.vars || theme).palette.grey[100]}, 0 1px 0.5px ${alpha(
+      theme.palette.grey[100],
+      0.6,
+    )}`,
     '&:hover': {
       background: (theme.vars || theme).palette.grey[100],
       borderColor: (theme.vars || theme).palette.grey[300],
@@ -55,6 +59,9 @@ const SearchButton = styled('button')(({ theme }) => [
   theme.applyDarkStyles({
     backgroundColor: alpha(theme.palette.primaryDark[700], 0.4),
     borderColor: (theme.vars || theme).palette.primaryDark[700],
+    boxShadow: `inset 0 1px 1px ${(theme.vars || theme).palette.primaryDark[900]}, 0 1px 0.5px ${
+      (theme.vars || theme).palette.common.black
+    }`,
     '&:hover': {
       background: (theme.vars || theme).palette.primaryDark[700],
       borderColor: (theme.vars || theme).palette.primaryDark[600],
@@ -325,7 +332,7 @@ export default function AppSearch(props) {
           })}
         />
         <SearchLabel id="app-search-label">{search}</SearchLabel>
-        <Shortcut>
+        <Shortcut aria-hidden="true">
           {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
           {macOS ? '⌘' : 'Ctrl+'}K
         </Shortcut>
diff --git a/docs/src/modules/components/AppTableOfContents.js b/docs/src/modules/components/AppTableOfContents.js
index 782e209912f957..a50a7edc7f3f77 100644
--- a/docs/src/modules/components/AppTableOfContents.js
+++ b/docs/src/modules/components/AppTableOfContents.js
@@ -7,9 +7,10 @@ import Typography from '@mui/material/Typography';
 import NoSsr from '@mui/material/NoSsr';
 import Link from 'docs/src/modules/components/Link';
 import { useTranslate } from 'docs/src/modules/utils/i18n';
-import { shouldHandleLinkClick } from 'docs/src/modules/components/MarkdownLinks';
+import { samePageLinkNavigation } from 'docs/src/modules/components/MarkdownLinks';
 import TableOfContentsBanner from 'docs/src/components/banner/TableOfContentsBanner';
 import featureToggle from 'docs/src/featureToggle';
+import DiamondSponsors from 'docs/src/modules/components/DiamondSponsors';
 
 const Nav = styled('nav')(({ theme }) => ({
   top: 'var(--MuiDocs-header-height)',
@@ -197,7 +198,7 @@ export default function AppTableOfContents(props) {
 
   const handleClick = (hash) => (event) => {
     // Ignore click for new tab/new window behavior
-    if (shouldHandleLinkClick(event)) {
+    if (samePageLinkNavigation(event)) {
       return;
     }
 
@@ -350,6 +351,7 @@ export default function AppTableOfContents(props) {
           </NavList>
         </React.Fragment>
       ) : null}
+      <DiamondSponsors />
     </Nav>
   );
 }
diff --git a/docs/src/modules/components/BaseUIComponents.js b/docs/src/modules/components/BaseUIComponents.js
index 370d805f45ae7c..6b0679bb64fc8e 100644
--- a/docs/src/modules/components/BaseUIComponents.js
+++ b/docs/src/modules/components/BaseUIComponents.js
@@ -68,6 +68,12 @@ function components() {
       srcDark: '/static/base-ui/react-components/no-ssr-dark.png',
       href: '/base-ui/react-no-ssr/',
     },
+    {
+      title: 'Number Input',
+      srcLight: '/static/base-ui/react-components/number-input-light.png',
+      srcDark: '/static/base-ui/react-components/number-input-dark.png',
+      href: '/base-ui/react-number-input/',
+    },
     {
       title: 'Popper',
       srcLight: '/static/base-ui/react-components/popper-light.png',
diff --git a/docs/src/modules/components/CodeCopyButton.tsx b/docs/src/modules/components/CodeCopyButton.tsx
index 0e148930db7b9e..98885ff1a6bf35 100644
--- a/docs/src/modules/components/CodeCopyButton.tsx
+++ b/docs/src/modules/components/CodeCopyButton.tsx
@@ -20,8 +20,8 @@ export default function CodeCopyButton(props: CodeCopyButtonProps) {
       aria-label="Copy the code"
       type="button"
       className="MuiCode-copy"
-      onClick={async (event) => {
-        event.stopPropagation();
+      onClick={async () => {
+        // event.stopPropagation();
         await copy(code);
       }}
     >
diff --git a/docs/src/modules/components/ComponentPageTabs.js b/docs/src/modules/components/ComponentPageTabs.js
index 8faff8f260c39c..1d61b09b846ae9 100644
--- a/docs/src/modules/components/ComponentPageTabs.js
+++ b/docs/src/modules/components/ComponentPageTabs.js
@@ -54,7 +54,7 @@ export default function ComponentPageTabs(props) {
         sx={{
           position: 'sticky',
           top: 65, // to be positioned below the app bar
-          mt: 3,
+          mt: 1,
           pt: 1,
           mx: {
             xs: -2,
diff --git a/docs/src/modules/components/ComponentsApiContent.js b/docs/src/modules/components/ComponentsApiContent.js
index 36de6d8d88a8c6..5b9afc2cbe6492 100644
--- a/docs/src/modules/components/ComponentsApiContent.js
+++ b/docs/src/modules/components/ComponentsApiContent.js
@@ -105,7 +105,7 @@ export default function ComponentsApiContent(props) {
       : '/material-ui/customization/theme-components/#theme-style-overrides';
     let slotGuideLink = '';
     if (isJoyComponent) {
-      slotGuideLink = '/joy-ui/guides/overriding-component-structure/';
+      slotGuideLink = '/joy-ui/customization/overriding-component-structure/';
     } else if (isBaseComponent) {
       slotGuideLink = '/base-ui/guides/overriding-component-structure/';
     }
diff --git a/docs/src/modules/components/Demo.js b/docs/src/modules/components/Demo.js
index 5c452730126744..d54ca1890bdd7c 100644
--- a/docs/src/modules/components/Demo.js
+++ b/docs/src/modules/components/Demo.js
@@ -221,13 +221,19 @@ const DemoRootMaterial = styled('div', {
     borderLeftWidth: 0,
     borderRightWidth: 0,
   }),
+  /* Similar to the outlined one but without padding. Ideal for playground demos. */
+  ...(bg === 'playground' && {
+    backgroundColor: (theme.vars || theme).palette.background.paper,
+    border: `1px solid ${(theme.vars || theme).palette.divider}`,
+    overflow: 'auto',
+  }),
   /* Prepare the background to display an inner elevation. */
   ...(bg === true && {
     padding: theme.spacing(3),
     backgroundColor: (theme.vars || theme).palette.grey[50],
     border: `1px solid ${(theme.vars || theme).palette.divider}`,
     ...theme.applyDarkStyles({
-      backgroundColor: alpha(theme.palette.primaryDark[700], 0.5),
+      backgroundColor: alpha(theme.palette.primaryDark[700], 0.3),
     }),
   }),
   /* Mostly meant for introduction demos. */
@@ -313,7 +319,7 @@ const DemoRootJoy = joyStyled('div', {
     overflow: 'auto',
     backgroundColor: alpha(blue[50], 0.5),
     border: `1px solid`,
-    borderColor: `rgba(${theme.vars.palette.neutral.mainChannel} / 0.1)`,
+    borderColor: grey[100],
     backgroundImage: `radial-gradient(at 51% 52%, ${alpha(blue[50], 0.5)} 0px, transparent 50%),
       radial-gradient(at 80% 0%, #FFFFFF 0px, transparent 20%),
       radial-gradient(at 0% 95%, ${alpha(blue[100], 0.3)}, transparent 40%),
@@ -321,7 +327,7 @@ const DemoRootJoy = joyStyled('div', {
       radial-gradient(at 93% 85%, ${alpha(blue[100], 0.2)} 0px, transparent 50%);`,
     ...theme.applyDarkStyles({
       backgroundColor: alpha(blue[900], 0.1),
-      borderColor: `rgba(${theme.vars.palette.neutral.mainChannel} / 0.1)`,
+      borderColor: alpha(grey[700], 0.3),
       backgroundImage: `radial-gradient(at 51% 52%, ${alpha(
         blueDark[700],
         0.5,
@@ -412,11 +418,6 @@ export default function Demo(props) {
 
   const hasNonSystemDemos = demo.rawTailwind || demo.rawTailwindTS || demo.rawCSS || demo.rawCSSTs;
 
-  const [demoHovered, setDemoHovered] = React.useState(false);
-  const handleDemoHover = (event) => {
-    setDemoHovered(event.type === 'mouseenter');
-  };
-
   const demoName = getDemoName(demoData.githubLocation);
   const demoSandboxedStyle = React.useMemo(
     () => ({
@@ -513,13 +514,7 @@ export default function Demo(props) {
   return (
     <Root>
       <AnchorLink id={demoName} />
-      <DemoRoot
-        hideToolbar={demoOptions.hideToolbar}
-        bg={demoOptions.bg}
-        id={demoId}
-        onMouseEnter={handleDemoHover}
-        onMouseLeave={handleDemoHover}
-      >
+      <DemoRoot hideToolbar={demoOptions.hideToolbar} bg={demoOptions.bg} id={demoId}>
         <Wrapper {...(demoData.productId === 'joy-ui' && { mode })}>
           <InitialFocus
             aria-label={t('initialFocusLabel')}
@@ -558,7 +553,6 @@ export default function Demo(props) {
                   hasNonSystemDemos={hasNonSystemDemos}
                   demo={demo}
                   demoData={demoData}
-                  demoHovered={demoHovered}
                   demoId={demoId}
                   demoName={demoName}
                   demoOptions={demoOptions}
diff --git a/docs/src/modules/components/DemoEditor.tsx b/docs/src/modules/components/DemoEditor.tsx
index 766becb31bbcce..fb658c44ac5460 100644
--- a/docs/src/modules/components/DemoEditor.tsx
+++ b/docs/src/modules/components/DemoEditor.tsx
@@ -81,8 +81,8 @@ export default function DemoEditor(props: DemoEditorProps) {
   const { language, value, onChange, copyButtonProps, children, id, ...other } = props;
   const t = useTranslate();
   const contextTheme = useTheme();
-  const wrapperRef = React.useRef<HTMLElement | null>(null);
-  const enterRef = React.useRef<HTMLElement | null>(null);
+  const wrapperRef = React.useRef<HTMLElement>(null);
+  const enterRef = React.useRef<HTMLElement>(null);
   const handlers = useCodeCopy();
 
   React.useEffect(() => {
diff --git a/docs/src/modules/components/DemoErrorBoundary.js b/docs/src/modules/components/DemoErrorBoundary.js
index bc79d35ae813fb..5817e494b47509 100644
--- a/docs/src/modules/components/DemoErrorBoundary.js
+++ b/docs/src/modules/components/DemoErrorBoundary.js
@@ -9,7 +9,7 @@ import Button from '@mui/material/Button';
  * with node 8 + IE11 support i.e. not using URL (URLSearchParams.set replaced with Map.set)
  */
 function newGitHubIssueUrl(options) {
-  const url = `https://github.com/${options.user}/${options.repo}/issues/new`;
+  const url = `${process.env.SOURCE_CODE_REPO}/issues/new`;
 
   const query = Object.keys(options)
     .map((type) => {
@@ -38,23 +38,23 @@ export default class DemoErrorBoundary extends React.Component {
       const title = `[docs] Demo ${name} crashes`;
       const searchQuery = encodeURIComponent(`is:issue ${title}`);
       const issueLink = newGitHubIssueUrl({
-        user: 'mui',
-        repo: 'material-ui',
         title,
         body: `
 <!-- Please make sure you have fulfilled the following items before submitting -->
 <!-- Checked checkbox should look like this: [x] -->
-- [ ] I have [searched for similar issues](https://github.com/mui/material-ui/issues?q=${searchQuery}) in this repository and believe that this is not a duplicate.
+- [ ] I have [searched for similar issues](${
+          process.env.SOURCE_CODE_REPO
+        }/issues?q=${searchQuery}) in this repository and believe that this is not a duplicate.
 
-## Steps to Reproduce
+## Steps to reproduce
 1. Visit ${window.location.href}
 2. ??
 3. demo *${name}* crashes
 
-## Your Environment
+## Your environment
 | Tech         | Version |
 |--------------|---------|
-| MUI  | v${process.env.LIB_VERSION}  |
+| Version  | v${process.env.LIB_VERSION}  |
 | Netlify deploy | ${process.env.NETLIFY_DEPLOY_URL} |
 | Browser      | ${
           typeof window !== 'undefined' && window.navigator
@@ -71,15 +71,15 @@ export default class DemoErrorBoundary extends React.Component {
             This demo had a runtime error!
           </Typography>
           <Typography>
-            We would appreciate it if you{' '}
+            {'We would appreciate it if you '}
             <Link href={issueLink} rel="noreferrer" target="_blank">
               report this error
-            </Link>{' '}
-            directly in our issue tracker. You will be provided with a prefilled description that
-            includes valuable information about this error.
+            </Link>
+            {` directly in our issue tracker with the steps you took to trigger it.
+The "report this error" link prefills the issue description with valuable information.`}
           </Typography>
           <pre style={{ whiteSpace: 'pre-wrap' }}>{error.toString()}</pre>
-          <Button color="secondary" onClick={onResetDemoClick} variant="text">
+          <Button onClick={onResetDemoClick} variant="text">
             {t('resetDemo')}
           </Button>
         </div>
diff --git a/docs/src/modules/components/DemoSandbox.js b/docs/src/modules/components/DemoSandbox.js
index a5305fb8e95476..b3ad8bb8187e95 100644
--- a/docs/src/modules/components/DemoSandbox.js
+++ b/docs/src/modules/components/DemoSandbox.js
@@ -9,6 +9,7 @@ import createCache from '@emotion/cache';
 import { CacheProvider } from '@emotion/react';
 import { StyleSheetManager } from 'styled-components';
 import { jssPreset, StylesProvider } from '@mui/styles';
+import { CssVarsProvider, extendTheme } from '@mui/joy/styles';
 import { useTheme, styled, createTheme, ThemeProvider } from '@mui/material/styles';
 import rtl from 'jss-rtl';
 import DemoErrorBoundary from 'docs/src/modules/components/DemoErrorBoundary';
@@ -16,8 +17,12 @@ import { useTranslate } from 'docs/src/modules/utils/i18n';
 import { getDesignTokens } from 'docs/src/modules/brandingTheme';
 import { highDensity } from 'docs/src/modules/components/ThemeContext';
 
+const iframeDefaultJoyTheme = extendTheme({
+  cssVarPrefix: 'demo-iframe',
+});
+
 function FramedDemo(props) {
-  const { children, document } = props;
+  const { children, document, productId } = props;
 
   const theme = useTheme();
   React.useEffect(() => {
@@ -47,6 +52,16 @@ function FramedDemo(props) {
 
   const getWindow = React.useCallback(() => document.defaultView, [document]);
 
+  const Wrapper = productId === 'joy-ui' ? CssVarsProvider : React.Fragment;
+  const wrapperProps =
+    productId === 'joy-ui'
+      ? {
+          documentNode: document,
+          colorSchemeNode: document.documentElement,
+          theme: iframeDefaultJoyTheme,
+        }
+      : {};
+
   return (
     <StylesProvider jss={jss} sheetsManager={sheetsManager}>
       <StyleSheetManager
@@ -54,9 +69,11 @@ function FramedDemo(props) {
         stylisPlugins={theme.direction === 'rtl' ? [rtlPluginSc] : []}
       >
         <CacheProvider value={cache}>
-          {React.cloneElement(children, {
-            window: getWindow,
-          })}
+          <Wrapper {...wrapperProps}>
+            {React.cloneElement(children, {
+              window: getWindow,
+            })}
+          </Wrapper>
         </CacheProvider>
       </StyleSheetManager>
     </StylesProvider>
@@ -65,6 +82,7 @@ function FramedDemo(props) {
 FramedDemo.propTypes = {
   children: PropTypes.node,
   document: PropTypes.object.isRequired,
+  productId: PropTypes.string,
 };
 
 const Iframe = styled('iframe')(({ theme }) => ({
@@ -72,11 +90,11 @@ const Iframe = styled('iframe')(({ theme }) => ({
   flexGrow: 1,
   height: 400,
   border: 0,
-  boxShadow: (theme.vars || theme).shadows[1],
+  boxShadow: (theme.vars || theme)?.shadows?.[1],
 }));
 
 function DemoIframe(props) {
-  const { children, name, ...other } = props;
+  const { children, name, productId, ...other } = props;
   /**
    * @type {import('react').Ref<HTMLIFrameElement>}
    */
@@ -106,7 +124,9 @@ function DemoIframe(props) {
       <Iframe onLoad={onLoad} ref={frameRef} title={`${name} demo`} {...other} />
       {iframeLoaded !== false
         ? ReactDOM.createPortal(
-            <FramedDemo document={document}>{children}</FramedDemo>,
+            <FramedDemo document={document} productId={productId}>
+              {children}
+            </FramedDemo>,
             document.body,
           )
         : null}
@@ -117,6 +137,7 @@ function DemoIframe(props) {
 DemoIframe.propTypes = {
   children: PropTypes.node.isRequired,
   name: PropTypes.string.isRequired,
+  productId: PropTypes.string,
 };
 
 // Use the default Material UI theme for the demos
@@ -170,7 +191,7 @@ function DemoSandbox(props) {
     ...other
   } = props;
   const Sandbox = iframe ? DemoIframe : React.Fragment;
-  const sandboxProps = iframe ? { name, ...other } : {};
+  const sandboxProps = iframe ? { name, productId, ...other } : {};
 
   const t = useTranslate();
 
diff --git a/docs/src/modules/components/DemoToolbar.js b/docs/src/modules/components/DemoToolbar.js
index 2fab90d1fd0713..4e8953c803ed9b 100644
--- a/docs/src/modules/components/DemoToolbar.js
+++ b/docs/src/modules/components/DemoToolbar.js
@@ -5,15 +5,12 @@ import { useTheme, styled, alpha } from '@mui/material/styles';
 import IconButton from '@mui/material/IconButton';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import CheckIcon from '@mui/icons-material/Check';
-import useMediaQuery from '@mui/material/useMediaQuery';
 import Fade from '@mui/material/Fade';
 import MDButton from '@mui/material/Button';
 import Box from '@mui/material/Box';
 import MDToggleButton, { toggleButtonClasses } from '@mui/material/ToggleButton';
 import MDToggleButtonGroup, { toggleButtonGroupClasses } from '@mui/material/ToggleButtonGroup';
-import CodeRoundedIcon from '@mui/icons-material/CodeRounded';
 import SvgIcon from '@mui/material/SvgIcon';
-import ContentCopyRoundedIcon from '@mui/icons-material/ContentCopyRounded';
 import Snackbar from '@mui/material/Snackbar';
 import Menu from '@mui/material/Menu';
 import MDMenuItem, { menuItemClasses } from '@mui/material/MenuItem';
@@ -22,8 +19,8 @@ import Tooltip from '@mui/material/Tooltip';
 import Divider from '@mui/material/Divider';
 import RefreshRoundedIcon from '@mui/icons-material/RefreshRounded';
 import ResetFocusIcon from '@mui/icons-material/CenterFocusWeak';
+import ContentCopyRoundedIcon from '@mui/icons-material/ContentCopyRounded';
 import { useRouter } from 'next/router';
-import { getCookie } from 'docs/src/modules/utils/helpers';
 import { CODE_VARIANTS, CODE_STYLING } from 'docs/src/modules/constants';
 import { useSetCodeVariant } from 'docs/src/modules/utils/codeVariant';
 import { useSetCodeStyling, useCodeStyling } from 'docs/src/modules/utils/codeStylingSolution';
@@ -66,24 +63,6 @@ function DemoTooltip(props) {
   );
 }
 
-function ToggleCodeTooltip(props) {
-  const { showSourceHint, ...other } = props;
-  const atLeastSmallViewport = useMediaQuery((theme) => theme.breakpoints.up('sm'));
-  const [open, setOpen] = React.useState(false);
-
-  return (
-    <DemoTooltip
-      {...other}
-      onClose={() => setOpen(false)}
-      onOpen={() => setOpen(true)}
-      open={showSourceHint && atLeastSmallViewport ? true : open}
-    />
-  );
-}
-ToggleCodeTooltip.propTypes = {
-  showSourceHint: PropTypes.bool,
-};
-
 const alwaysTrue = () => true;
 
 const ToggleButtonGroup = styled(MDToggleButtonGroup)(({ theme }) => [
@@ -106,39 +85,44 @@ const ToggleButtonGroup = styled(MDToggleButtonGroup)(({ theme }) => [
 
 const Button = styled(MDButton)(({ theme }) => ({
   height: 24,
+  padding: '5px 8px 6px 8px', // the one-off 5px is for visually centering the text on the button's container
   flexShrink: 0,
   borderRadius: 999,
-  border: 'none',
-  paddingLeft: theme.spacing(1),
-  paddingRight: theme.spacing(0.5),
+  border: '1px solid',
+  borderColor: alpha(theme.palette.primary[100], 0.6),
   fontSize: theme.typography.pxToRem(13),
   fontWeight: theme.typography.fontWeightMedium,
   color: theme.palette.primary.main,
-  '& svg': {
-    fill: theme.palette.primary.main,
+  '& .MuiSvgIcon-root': {
+    color: theme.palette.primary.main,
   },
-  [`:hover`]: {
-    backgroundColor: theme.vars
-      ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))`
-      : alpha(
-          theme.palette.primary.main,
-          theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity,
-        ),
+  '&:hover': {
+    backgroundColor: theme.palette.primary[50],
+    borderColor: theme.palette.primary[200],
+    // Reset on touch devices, it doesn't add specificity
     '@media (hover: none)': {
-      backgroundColor: theme.vars
-        ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})`
-        : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
+      backgroundColor: 'transparent',
     },
   },
   ...theme.applyDarkStyles({
-    color: theme.palette.primaryDark[200],
-    '& svg': {
-      fill: theme.palette.primaryDark[200],
+    color: theme.palette.primary[300],
+    borderColor: alpha(theme.palette.primary[300], 0.2),
+    '& .MuiSvgIcon-root': {
+      color: theme.palette.primary[300],
+    },
+    '&:hover': {
+      borderColor: alpha(theme.palette.primary[300], 0.5),
+      backgroundColor: alpha(theme.palette.primary[500], 0.2),
+      // Reset on touch devices, it doesn't add specificity
+      '@media (hover: none)': {
+        backgroundColor: 'transparent',
+      },
     },
   }),
 }));
 
 const MenuItem = styled(MDMenuItem)(({ theme }) => ({
+  padding: theme.spacing(1),
   [`& .${menuItemClasses.selected}`]: {
     backgroundColor: theme.palette.primary[50],
   },
@@ -148,8 +132,8 @@ const ToggleButton = styled(MDToggleButton)(({ theme }) => [
   theme.unstable_sx({
     padding: theme.spacing(0, 1, 0.1, 1),
     fontSize: theme.typography.pxToRem(13),
-    borderRadius: 99,
     borderColor: 'grey.200',
+    borderRadius: '999px',
     '&.Mui-disabled': {
       opacity: 0.5,
     },
@@ -305,7 +289,6 @@ export default function DemoToolbar(props) {
     demo,
     demoData,
     demoId,
-    demoHovered,
     demoName,
     demoOptions,
     demoSourceId,
@@ -373,22 +356,10 @@ export default function DemoToolbar(props) {
     }
   };
 
-  const [sourceHintSeen, setSourceHintSeen] = React.useState(false);
-  React.useEffect(() => {
-    setSourceHintSeen(getCookie('sourceHintSeen'));
-  }, []);
-  const handleCodeOpenClick = () => {
-    document.cookie = `sourceHintSeen=true;path=/;max-age=31536000`;
-    onCodeOpenChange();
-    setSourceHintSeen(true);
-  };
-
   const handleResetFocusClick = () => {
     initialFocusRef.current.focusVisible();
   };
 
-  const showSourceHint = demoHovered && !sourceHintSeen;
-
   let showCodeLabel;
   if (codeOpen) {
     showCodeLabel = showPreview ? t('hideFullSource') : t('hideSource');
@@ -521,6 +492,7 @@ export default function DemoToolbar(props) {
             aria-expanded={stylingMenuOpen ? 'true' : undefined}
             onClick={handleStylingButtonClick}
             {...getControlProps(0)}
+            sx={{ pr: 0.5 }}
           >
             {codeStylingLabels[styleSolution]}
             <ExpandMoreIcon />
@@ -544,8 +516,9 @@ export default function DemoToolbar(props) {
                 data-ga-event-action="source-js"
                 data-ga-event-label={demo.gaLabel}
                 {...getControlProps(1)}
+                // eslint-disable-next-line material-ui/no-hardcoded-labels
               >
-                {t('JS')}
+                JS
               </ToggleButton>
               <ToggleButton
                 value={CODE_VARIANTS.TS}
@@ -555,32 +528,25 @@ export default function DemoToolbar(props) {
                 data-ga-event-action="source-ts"
                 data-ga-event-label={demo.gaLabel}
                 {...getControlProps(2)}
+                // eslint-disable-next-line material-ui/no-hardcoded-labels
               >
-                {t('TS')}
+                TS
               </ToggleButton>
             </ToggleButtonGroup>
           </Box>
         </Fade>
         <Box sx={{ ml: 'auto' }}>
-          <ToggleCodeTooltip
-            showSourceHint={showSourceHint}
-            PopperProps={{ disablePortal: true }}
-            title={showCodeLabel}
-            placement="bottom"
+          <Button
+            aria-controls={openDemoSource ? demoSourceId : null}
+            data-ga-event-category="demo"
+            data-ga-event-label={demo.gaLabel}
+            data-ga-event-action="expand"
+            onClick={onCodeOpenChange}
+            {...getControlProps(3)}
+            sx={{ mr: 0.5 }}
           >
-            <IconButton
-              aria-controls={openDemoSource ? demoSourceId : null}
-              data-ga-event-category="demo"
-              data-ga-event-label={demo.gaLabel}
-              data-ga-event-action="expand"
-              onClick={handleCodeOpenClick}
-              color="default"
-              {...getControlProps(3)}
-              sx={{ borderRadius: 1 }}
-            >
-              <CodeRoundedIcon />
-            </IconButton>
-          </ToggleCodeTooltip>
+            {showCodeLabel}
+          </Button>
           {demoOptions.hideEditButton ? null : (
             <React.Fragment>
               <DemoTooltip title={t('codesandbox')} placement="bottom">
@@ -681,7 +647,7 @@ export default function DemoToolbar(props) {
         >
           {codeStylingLabels[CODE_STYLING.SYSTEM]}
           {styleSolution === CODE_STYLING.SYSTEM && (
-            <CheckIcon sx={{ fontSize: '0.85rem', ml: 2 }} />
+            <CheckIcon sx={{ fontSize: '0.85rem', ml: 'auto' }} />
           )}
         </MenuItem>
         <MenuItem
@@ -694,7 +660,7 @@ export default function DemoToolbar(props) {
         >
           {codeStylingLabels[CODE_STYLING.TAILWIND]}
           {styleSolution === CODE_STYLING.TAILWIND && (
-            <CheckIcon sx={{ fontSize: '0.85rem', ml: 2 }} />
+            <CheckIcon sx={{ fontSize: '0.85rem', ml: 'auto' }} />
           )}
         </MenuItem>
         <MenuItem
@@ -706,7 +672,9 @@ export default function DemoToolbar(props) {
           onClick={() => handleStylingSolutionChange(CODE_STYLING.CSS)}
         >
           {codeStylingLabels[CODE_STYLING.CSS]}
-          {styleSolution === CODE_STYLING.CSS && <CheckIcon sx={{ fontSize: '0.85rem', ml: 2 }} />}
+          {styleSolution === CODE_STYLING.CSS && (
+            <CheckIcon sx={{ fontSize: '0.85rem', ml: 'auto' }} />
+          )}
         </MenuItem>
       </Menu>
       <Menu
@@ -760,6 +728,7 @@ export default function DemoToolbar(props) {
         message={snackbarMessage}
       />
     </React.Fragment>
+    /* eslint-enable material-ui/no-hardcoded-labels */
   );
 }
 
@@ -768,7 +737,6 @@ DemoToolbar.propTypes = {
   codeVariant: PropTypes.string.isRequired,
   demo: PropTypes.object.isRequired,
   demoData: PropTypes.object.isRequired,
-  demoHovered: PropTypes.bool.isRequired,
   demoId: PropTypes.string,
   demoName: PropTypes.string.isRequired,
   demoOptions: PropTypes.object.isRequired,
diff --git a/docs/src/modules/components/DiamondSponsors.js b/docs/src/modules/components/DiamondSponsors.js
index 627a95d66666ea..eb7f6e61a303cc 100644
--- a/docs/src/modules/components/DiamondSponsors.js
+++ b/docs/src/modules/components/DiamondSponsors.js
@@ -1,196 +1,146 @@
 import * as React from 'react';
+import { alpha } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
 import Button from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
 import DiamondOutlinedIcon from '@mui/icons-material/DiamondOutlined';
-import Divider from '@mui/material/Divider';
 import { useTranslate } from 'docs/src/modules/utils/i18n';
-// import Link from 'docs/src/modules/components/Link';
-
-const Root = styled('div')(() => ({
-  position: 'relative',
-  width: '100%',
-  '& img': {
-    display: 'inline-block',
-  },
-}));
+import Link from 'docs/src/modules/components/Link';
 
 export default function DiamondSponsors() {
   const t = useTranslate();
 
   return (
-    <Root>
-      <Box
-        sx={[
-          {
-            position: 'absolute',
-            pointerEvents: 'none',
-            top: -40,
-            height: 40,
-            left: 0,
-            right: 20,
-            background: `linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%)`,
+    <Stack
+      spacing={0.5}
+      direction="column"
+      sx={{
+        mt: 1.5,
+        pt: 1.5,
+        borderTop: '1px solid',
+        borderColor: 'divider',
+      }}
+    >
+      <Button
+        component="a"
+        href="/material-ui/discover-more/backers/"
+        target="_blank"
+        rel="noopener nofollow"
+        size="small"
+        startIcon={<DiamondOutlinedIcon fontSize="small" />}
+        sx={(theme) => ({
+          width: 'fit-content',
+          fontSize: theme.typography.pxToRem(12.5),
+          fontWeight: theme.typography.fontWeightSemiBold,
+          color: (theme.vars || theme).palette.primary[600],
+          '& svg': {
+            width: 14,
+            height: 14,
           },
-          (theme) =>
-            theme.applyDarkStyles({
-              background: `linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, ${
-                (theme.vars || theme).palette.primaryDark[900]
-              } 100%)`,
-            }),
-        ]}
-      />
-      <Box
+          ...theme.applyDarkStyles({
+            color: (theme.vars || theme).palette.primary[300],
+          }),
+        })}
+      >
+        {t('diamondSponsors')}
+      </Button>
+      <Stack
+        spacing={1}
         sx={[
           (theme) => ({
-            display: 'flex',
-            flexDirection: 'column',
-            gap: 0.5,
-            padding: theme.spacing(1.5, 2, 2, 2),
-            background: '#FFF',
-            borderTop: '1px solid',
-            borderColor: (theme.vars || theme).palette.grey[100],
+            '& a': {
+              width: '100%',
+              height: 45,
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              border: '1px solid',
+              borderColor: 'divider',
+              borderRadius: '12px',
+              boxSizing: 'border-box', // TODO have CssBaseline in the Next.js layout
+              transition: theme.transitions.create(['color', 'border-color']),
+              boxShadow: `inset 0 1px 2px ${
+                (theme.vars || theme).palette.grey[50]
+              }, 0 1px 0.5px ${alpha(theme.palette.grey[100], 0.6)}`,
+              '&:hover': {
+                backgroundColor: 'grey.50',
+              },
+              '& img': {
+                display: 'inline-block',
+              },
+            },
           }),
           (theme) =>
             theme.applyDarkStyles({
-              background: (theme.vars || theme).palette.primaryDark[900],
-              borderColor: (theme.vars || theme).palette.primaryDark[700],
-            }),
-        ]}
-      >
-        <Button
-          component="a"
-          href="/material-ui/discover-more/backers/"
-          target="_blank"
-          rel="noopener nofollow"
-          size="small"
-          startIcon={<DiamondOutlinedIcon fontSize="small" />}
-          sx={(theme) => ({
-            width: 'fit-content',
-            fontSize: theme.typography.pxToRem(12.5),
-            fontWeight: theme.typography.fontWeightSemiBold,
-            color: (theme.vars || theme).palette.primary[600],
-            '& svg': {
-              width: 14,
-              height: 14,
-            },
-            ...theme.applyDarkStyles({
-              color: (theme.vars || theme).palette.primary[300],
-            }),
-          })}
-        >
-          {t('diamondSponsors')}
-        </Button>
-        <Stack
-          divider={<Divider sx={{ m: '0 12px' }} />}
-          sx={[
-            (theme) => ({
               '& a': {
-                width: '100%',
-                height: { xs: 40, sm: 45 },
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                borderRadius: '12px',
-                boxSizing: 'border-box', // TODO have CssBaseline in the Next.js layout
-                transition: theme.transitions.create(['color', 'border-color']),
+                boxShadow: `inset 0 1px 1px ${
+                  (theme.vars || theme).palette.primaryDark[900]
+                }, 0 1px 0.5px ${(theme.vars || theme).palette.common.black}`,
                 '&:hover': {
-                  backgroundColor: 'grey.50',
+                  backgroundColor: (theme.vars || theme).palette.primaryDark[800],
+                  borderColor: (theme.vars || theme).palette.primaryDark[600],
                 },
               },
             }),
-            (theme) =>
+        ]}
+      >
+        <a
+          data-ga-event-category="sponsor"
+          data-ga-event-action="docs-premium"
+          data-ga-event-label="octopus.com"
+          href="https://octopus.com/?utm_source=materialui&utm_medium=referral"
+          rel="noopener noreferrer sponsored"
+          target="_blank"
+        >
+          <Box
+            component="img"
+            height="25px"
+            width="116px"
+            src="/static/sponsors/octopus-light.svg"
+            alt="octopus"
+            title="Repeatable, reliable deployments"
+            loading="lazy"
+            sx={(theme) =>
               theme.applyDarkStyles({
-                '& a': {
-                  borderColor: 'divider',
-                  '&:hover': {
-                    backgroundColor: theme.palette.primaryDark[700],
-                  },
-                },
-              }),
-          ]}
+                content: `url(/static/sponsors/octopus-dark.svg)`,
+              })
+            }
+          />
+        </a>
+        <a
+          data-ga-event-category="sponsor"
+          data-ga-event-action="docs-premium"
+          data-ga-event-label="doit.com"
+          href="https://www.doit.com/flexsave/?utm_source=materialui&utm_medium=referral"
+          rel="noopener noreferrer sponsored"
+          target="_blank"
         >
-          <a
-            data-ga-event-category="sponsor"
-            data-ga-event-action="drawer"
-            data-ga-event-label="octopus"
-            href="https://octopus.com/?utm_source=materialui&utm_medium=referral"
-            rel="noopener noreferrer sponsored"
-            target="_blank"
-          >
-            <Box
-              component="img"
-              height="25px"
-              width="116px"
-              src="/static/sponsors/octopus-light.svg"
-              alt="octopus"
-              title="Repeatable, reliable deployments"
-              loading="lazy"
-              sx={(theme) =>
-                theme.applyDarkStyles({
-                  content: `url(/static/sponsors/octopus-dark.svg)`,
-                })
-              }
-            />
-          </a>
-          <a
-            data-ga-event-category="sponsor"
-            data-ga-event-action="drawer"
-            data-ga-event-label="doit"
-            href="https://www.doit.com/flexsave/?utm_source=materialui&utm_medium=referral"
-            rel="noopener noreferrer sponsored"
-            target="_blank"
-          >
-            <Box
-              component="img"
-              height="28px"
-              width="68px"
-              src="/static/sponsors/doit-light.svg"
-              alt="doit"
-              title="Management Platform for Google Cloud and AWS"
-              loading="lazy"
-              sx={(theme) =>
-                theme.applyDarkStyles({
-                  content: `url(/static/sponsors/doit-dark.svg)`,
-                })
-              }
-            />
-          </a>
-          <a
-            data-ga-event-category="sponsor"
-            data-ga-event-action="drawer"
-            data-ga-event-label="zesty.io"
-            href="https://www.zesty.io/integrations/mui-nextjs/?utm_source=mui&utm_medium=referral&utm_campaign=sponsor"
-            rel="noopener noreferrer sponsored"
-            target="_blank"
-          >
-            <Box
-              component="img"
-              height="20px"
-              width="77px"
-              src="https://brand.zesty.io/zesty-io-logo-horizontal.svg"
-              alt="zesty.io"
-              title="The only Next.js CMS you need"
-              loading="lazy"
-              sx={(theme) =>
-                theme.applyDarkStyles({
-                  content: `url(https://brand.zesty.io/zesty-io-logo-horizontal-light-color.svg)`,
-                })
-              }
-            />
-          </a>
-          {/*
+          <Box
+            component="img"
+            height="28px"
+            width="68px"
+            src="/static/sponsors/doit-light.svg"
+            alt="doit"
+            title="Management Platform for Google Cloud and AWS"
+            loading="lazy"
+            sx={(theme) =>
+              theme.applyDarkStyles({
+                content: `url(/static/sponsors/doit-dark.svg)`,
+              })
+            }
+          />
+        </a>
         <Link
           aria-label={t('diamondSponsors')}
           rel="noopener noreferrer"
           href="/material-ui/discover-more/backers/#diamond"
+          fontSize={14}
+          color="text.secondary"
           // eslint-disable-next-line material-ui/no-hardcoded-labels
         >
           +1
         </Link>
-        */}
-        </Stack>
-      </Box>
-    </Root>
+      </Stack>
+    </Stack>
   );
 }
diff --git a/docs/src/modules/components/ExampleCollection.js b/docs/src/modules/components/ExampleCollection.js
index e8f4c46655115e..a2cc817fbe6de4 100644
--- a/docs/src/modules/components/ExampleCollection.js
+++ b/docs/src/modules/components/ExampleCollection.js
@@ -10,7 +10,7 @@ import FilterDramaIcon from '@mui/icons-material/FilterDrama';
 
 const examples = [
   {
-    name: 'Next.js',
+    name: 'Next.js App Router',
     label: 'View JS example',
     tsLabel: 'View TS example',
     link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs',
@@ -18,12 +18,21 @@ const examples = [
     src: '/static/images/examples/next.svg',
   },
   {
-    name: 'Create React App',
+    name: 'Vite.js',
     label: 'View JS example',
     tsLabel: 'View TS example',
-    link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-cra',
-    tsLink: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-ts',
-    src: '/static/images/examples/cra.svg',
+    link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-vite',
+    tsLink: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-vite-ts',
+    src: '/static/images/examples/vite.svg',
+  },
+  {
+    name: 'Next.js Pages Router',
+    label: 'View JS example',
+    tsLabel: 'View TS example',
+    link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs-pages-router',
+    tsLink:
+      'https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs-pages-router-ts',
+    src: '/static/images/examples/next.svg',
   },
   {
     name: 'Remix',
@@ -38,12 +47,12 @@ const examples = [
     src: '/static/images/examples/tailwindcss.svg',
   },
   {
-    name: 'Vite.js',
+    name: 'Create React App',
     label: 'View JS example',
     tsLabel: 'View TS example',
-    link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-vite',
-    tsLink: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-vite-ts',
-    src: '/static/images/examples/vite.svg',
+    link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-cra',
+    tsLink: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-ts',
+    src: '/static/images/examples/cra.svg',
   },
   {
     name: 'styled-components',
@@ -54,12 +63,6 @@ const examples = [
       'https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-styled-components-ts',
     src: '/static/images/examples/styled.png',
   },
-  {
-    name: 'Gatsby',
-    label: 'View JS example',
-    link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-gatsby',
-    src: '/static/images/examples/gatsby.svg',
-  },
   {
     name: 'Preact',
     label: 'View JS example',
@@ -78,13 +81,19 @@ const examples = [
     link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-express-ssr',
     src: '/static/images/examples/express.png',
   },
+  {
+    name: 'Gatsby',
+    label: 'View JS example',
+    link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-gatsby',
+    src: '/static/images/examples/gatsby.svg',
+  },
 ];
 
 export default function ExampleCollection() {
   return (
     <Grid container spacing={2}>
       {examples.map((example) => (
-        <Grid key={example.name} item xs={12} sm={6}>
+        <Grid key={example.name} xs={12} sm={6}>
           <Card
             sx={[
               {
@@ -128,12 +137,15 @@ export default function ExampleCollection() {
                   flexWrap: 'wrap',
                   alignItems: 'baseline',
                 }}
+                data-ga-event-category="material-ui-example"
+                data-ga-event-label={example.name}
+                data-ga-event-action="click"
               >
                 <Link
                   href={example.link}
                   variant="body2"
                   sx={{
-                    fontWeight: 500,
+                    fontWeight: 'medium',
                     display: 'flex',
                     alignItems: 'center',
                     mt: 0.5,
@@ -158,7 +170,7 @@ export default function ExampleCollection() {
                       href={example.tsLink}
                       variant="body2"
                       sx={{
-                        fontWeight: 500,
+                        fontWeight: 'medium',
                         display: 'flex',
                         alignItems: 'center',
                       }}
diff --git a/docs/src/modules/components/GoogleAnalytics.js b/docs/src/modules/components/GoogleAnalytics.js
index 9eb34272d53062..fb4c511f87c2d6 100644
--- a/docs/src/modules/components/GoogleAnalytics.js
+++ b/docs/src/modules/components/GoogleAnalytics.js
@@ -2,7 +2,6 @@ import * as React from 'react';
 import { useTheme } from '@mui/material/styles';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useRouter } from 'next/router';
-import loadScript from 'docs/src/modules/utils/loadScript';
 import { useNoSsrCodeVariant } from 'docs/src/modules/utils/codeVariant';
 import { useNoSsrCodeStyling } from 'docs/src/modules/utils/codeStylingSolution';
 import { useUserLanguage } from 'docs/src/modules/utils/i18n';
@@ -30,12 +29,6 @@ function handleClick(event) {
         return;
       }
 
-      window.ga('send', {
-        hitType: 'event',
-        eventCategory: category,
-        eventAction: element.getAttribute('data-ga-event-action'),
-        eventLabel: element.getAttribute('data-ga-event-label'),
-      });
       window.gtag('event', category, {
         eventAction: element.getAttribute('data-ga-event-action'),
         eventLabel: element.getAttribute('data-ga-event-label'),
@@ -56,14 +49,11 @@ let boundDataGaListener = false;
  */
 function GoogleAnalytics() {
   React.useEffect(() => {
-    loadScript('https://www.google-analytics.com/analytics.js', document.querySelector('head'));
-
     if (!boundDataGaListener) {
       boundDataGaListener = true;
       document.addEventListener('click', handleClick);
     }
   }, []);
-
   const router = useRouter();
   const timeout = React.useRef();
 
@@ -73,8 +63,6 @@ function GoogleAnalytics() {
     clearTimeout(timeout.current);
     timeout.current = setTimeout(() => {
       const { canonicalAsServer } = pathnameToLanguage(window.location.pathname);
-      window.ga('set', { page: canonicalAsServer });
-      window.ga('send', { hitType: 'pageview' });
 
       // https://developers.google.com/analytics/devguides/collection/ga4/views?client_type=gtag
       window.gtag('event', 'page_view', {
@@ -88,7 +76,6 @@ function GoogleAnalytics() {
 
   const codeVariant = useNoSsrCodeVariant();
   React.useEffect(() => {
-    window.ga('set', 'dimension1', codeVariant);
     window.gtag('set', 'user_properties', {
       codeVariant,
     });
@@ -96,7 +83,6 @@ function GoogleAnalytics() {
 
   const userLanguage = useUserLanguage();
   React.useEffect(() => {
-    window.ga('set', 'dimension2', userLanguage);
     window.gtag('set', 'user_properties', {
       userLanguage,
     });
@@ -109,7 +95,6 @@ function GoogleAnalytics() {
      */
     function trackDevicePixelRation() {
       const devicePixelRatio = Math.round(window.devicePixelRatio * 10) / 10;
-      window.ga('set', 'dimension3', devicePixelRatio);
       window.gtag('set', 'user_properties', {
         devicePixelRatio,
       });
@@ -135,14 +120,12 @@ function GoogleAnalytics() {
   const colorScheme = theme.palette.mode;
 
   React.useEffect(() => {
-    window.ga('set', 'dimension4', colorSchemeOS);
     window.gtag('set', 'user_properties', {
       colorSchemeOS,
     });
   }, [colorSchemeOS]);
 
   React.useEffect(() => {
-    window.ga('set', 'dimension5', colorScheme);
     window.gtag('set', 'user_properties', {
       colorScheme,
     });
diff --git a/docs/src/modules/components/HighlightedCode.test.js b/docs/src/modules/components/HighlightedCode.test.js
index 737a50cb584195..8129c9ee38def0 100644
--- a/docs/src/modules/components/HighlightedCode.test.js
+++ b/docs/src/modules/components/HighlightedCode.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import { getDesignTokens } from 'docs/src/modules/brandingTheme';
 import HighlightedCode from 'docs/src/modules/components/HighlightedCode';
diff --git a/docs/src/modules/components/HighlightedCodeWithTabs.tsx b/docs/src/modules/components/HighlightedCodeWithTabs.tsx
index 6caaa932e96d5a..41cbf6cb6cd67d 100644
--- a/docs/src/modules/components/HighlightedCodeWithTabs.tsx
+++ b/docs/src/modules/components/HighlightedCodeWithTabs.tsx
@@ -44,7 +44,7 @@ const StyledTab = styled(Tab)<{ ownerState: { mounted: boolean } }>(({ theme, ow
     cursor: 'pointer',
     borderRadius: '8px',
     position: 'relative',
-    '&:not(:first-child)': {
+    '&:not(:first-of-type)': {
       marginLeft: 0.5,
     },
     ...(ownerState.mounted && {
diff --git a/docs/src/modules/components/JoyStartingLinksCollection.js b/docs/src/modules/components/JoyStartingLinksCollection.js
new file mode 100644
index 00000000000000..040863db1b5a76
--- /dev/null
+++ b/docs/src/modules/components/JoyStartingLinksCollection.js
@@ -0,0 +1,39 @@
+import * as React from 'react';
+import Grid from '@mui/material/Unstable_Grid2';
+import InstallDesktopRoundedIcon from '@mui/icons-material/InstallDesktopRounded';
+import WebRoundedIcon from '@mui/icons-material/WebRounded';
+import DrawRoundedIcon from '@mui/icons-material/DrawRounded';
+import InfoCard from 'docs/src/components/action/InfoCard';
+
+const content = [
+  {
+    title: 'Installation',
+    description: 'Add Joy UI to your project with a few commands.',
+    link: '/joy-ui/getting-started/installation/',
+    icon: <InstallDesktopRoundedIcon color="primary" />,
+  },
+  {
+    title: 'Usage',
+    description: 'Learn the basics of working with Joy UI components.',
+    link: '/joy-ui/getting-started/usage/',
+    icon: <DrawRoundedIcon color="primary" />,
+  },
+  {
+    title: 'Templates',
+    description: 'Get started with our selection of free application templates.',
+    link: '/joy-ui/getting-started/templates/',
+    icon: <WebRoundedIcon color="primary" />,
+  },
+];
+
+export default function JoyStartingLinksCollection() {
+  return (
+    <Grid container spacing={2}>
+      {content.map(({ icon, title, description, link }) => (
+        <Grid key={title} xs={12} sm={4}>
+          <InfoCard link={link} title={title} icon={icon} description={description} />
+        </Grid>
+      ))}
+    </Grid>
+  );
+}
diff --git a/docs/src/modules/components/JoyThemeBuilder.tsx b/docs/src/modules/components/JoyThemeBuilder.tsx
index 2f99dac59d4f18..51da85ac1ac359 100644
--- a/docs/src/modules/components/JoyThemeBuilder.tsx
+++ b/docs/src/modules/components/JoyThemeBuilder.tsx
@@ -349,13 +349,14 @@ const theme = extendTheme(${JSON.stringify(
     (k, v) => (v === undefined ? '__undefined' : v),
     2,
   ).replace(/"__undefined"/g, 'undefined')})
-  
+
 export default theme;`;
 
 function getPaletteFormProps(colorSchemes: any, colorMode: string, node: string) {
   // @ts-ignore
   const themeDefaultValue = defaultTheme.colorSchemes[colorMode].palette[node];
-  const value = colorSchemes[colorMode][node];
+  const value = colorSchemes[colorMode][node] || {};
+
   const mergedValue = { ...themeDefaultValue, ...value };
   return {
     themeDefaultValue,
@@ -719,6 +720,7 @@ function PaletteImport({
 function ColorTokenCreator({ onChange }: { onChange: (name: string, value: string) => void }) {
   const [open, setOpen] = React.useState(false);
   const nameRef = React.useRef<HTMLInputElement | null>(null);
+  const colorRef = React.useRef<HTMLInputElement | null>(null);
   const [name, setName] = React.useState('');
   const [color, setColor] = React.useState('');
   if (!open) {
@@ -739,6 +741,9 @@ function ColorTokenCreator({ onChange }: { onChange: (name: string, value: strin
       </Button>
     );
   }
+
+  const isValidToken = name.trim() && color.trim();
+
   return (
     <Sheet
       variant="soft"
@@ -763,28 +768,41 @@ function ColorTokenCreator({ onChange }: { onChange: (name: string, value: strin
         onChange={(event) => setName(event.target.value)}
       />{' '}
       <b>:</b>{' '}
-      <Input
+      <ColorInput
         size="sm"
         placeholder="A valid CSS color"
         value={color}
-        onChange={(event) => setColor(event.target.value)}
+        onEmptyColor={() => {
+          setColor('');
+        }}
         onKeyDown={(event) => {
           if (event.key === 'Enter' && name && color) {
             onChange(name, color);
             setOpen(false);
           }
         }}
+        onValidColor={(newColor) => {
+          setColor(newColor);
+        }}
+        slotProps={{
+          input: { ref: colorRef },
+        }}
         sx={{ flexGrow: 1 }}
       />
       <IconButton
         variant="solid"
-        color="neutral"
+        color={isValidToken ? 'primary' : 'neutral'}
         size="sm"
         onClick={() => {
-          if (!name) {
+          const trimmedName = name.trim();
+          const trimmedColor = color.trim();
+
+          if (!trimmedName) {
             nameRef.current?.focus();
+          } else if (!trimmedColor) {
+            colorRef.current?.focus();
           } else {
-            onChange(name, color);
+            onChange(trimmedName, trimmedColor);
             setColor('');
             setName('');
             setOpen(false);
@@ -1582,7 +1600,7 @@ export default function JoyThemeBuilder() {
                     }}
                     onRemove={(token) => {
                       setter((prev) => {
-                        const newPalette = prev.background;
+                        const newPalette = prev.background || {};
                         delete newPalette[token];
                         return { ...prev, background: newPalette };
                       });
@@ -1606,7 +1624,7 @@ export default function JoyThemeBuilder() {
                     }}
                     onRemove={(token) => {
                       setter((prev) => {
-                        const newPalette = prev.common;
+                        const newPalette = prev.common || {};
                         delete newPalette[token];
                         return { ...prev, common: newPalette };
                       });
@@ -1630,7 +1648,7 @@ export default function JoyThemeBuilder() {
                     }}
                     onRemove={(token) => {
                       setter((prev) => {
-                        const newPalette = prev.text;
+                        const newPalette = prev.text || {};
                         delete newPalette[token];
                         return { ...prev, text: newPalette };
                       });
@@ -1686,7 +1704,7 @@ export default function JoyThemeBuilder() {
                     }}
                     onRemove={(token) => {
                       setter((prev) => {
-                        const newPalette = prev[colorProp];
+                        const newPalette = prev[colorProp] || {};
                         delete newPalette[token];
                         return { ...prev, [colorProp]: newPalette };
                       });
@@ -1707,7 +1725,7 @@ export default function JoyThemeBuilder() {
                     }}
                     onRemove={(token) => {
                       setter((prev) => {
-                        const newPalette = prev[colorProp];
+                        const newPalette = prev[colorProp] || {};
                         delete newPalette[token];
                         return { ...prev, [colorProp]: newPalette };
                       });
diff --git a/docs/src/modules/components/JoyUsageDemo.tsx b/docs/src/modules/components/JoyUsageDemo.tsx
index 4222dd65da2ec7..dcc1eadb069406 100644
--- a/docs/src/modules/components/JoyUsageDemo.tsx
+++ b/docs/src/modules/components/JoyUsageDemo.tsx
@@ -3,6 +3,7 @@ import Check from '@mui/icons-material/Check';
 import CheckRounded from '@mui/icons-material/CheckRounded';
 import ReplayRoundedIcon from '@mui/icons-material/ReplayRounded';
 import Box from '@mui/joy/Box';
+import Divider from '@mui/joy/Divider';
 import Chip from '@mui/joy/Chip';
 import FormControl from '@mui/joy/FormControl';
 import FormLabel, { formLabelClasses } from '@mui/joy/FormLabel';
@@ -202,7 +203,19 @@ export default function JoyUsageDemo<T extends { [k: string]: any } = {}>({
         },
       }}
     >
-      <Box sx={{ display: 'flex', flexDirection: 'column', flexGrow: 999, minWidth: 0, p: 3 }}>
+      <Box
+        sx={(theme) => ({
+          display: 'flex',
+          flexDirection: 'column',
+          flexGrow: 999,
+          minWidth: 0,
+          p: 3,
+          bgcolor: '#FFF',
+          [theme.getColorSchemeSelector('dark')]: {
+            backgroundColor: theme.palette.neutral[900],
+          },
+        })}
+      >
         <Box
           sx={{
             flexGrow: 1,
@@ -229,31 +242,36 @@ export default function JoyUsageDemo<T extends { [k: string]: any } = {}>({
         </BrandingProvider>
       </Box>
       <Sheet
-        sx={{
+        sx={(theme) => ({
           flexShrink: 0,
           gap: 2,
-          p: 3,
           borderLeft: '1px solid',
-          borderColor: (theme) => `rgba(${theme.vars.palette.neutral.mainChannel} / 0.1)`,
-          background: (theme) => `rgba(${theme.vars.palette.primary.mainChannel} / 0.02)`,
+          borderColor: `rgba(${theme.vars.palette.neutral.mainChannel} / 0.1)`,
+          background: `rgba(${theme.vars.palette.primary.mainChannel} / 0.02)`,
           backdropFilter: 'blur(8px)',
           minWidth: '280px',
-        }}
+        })}
       >
         <Box
           sx={{
-            mb: 2,
+            px: 3,
+            py: 2,
             display: 'flex',
             justifyContent: 'space-between',
             alignItems: 'center',
           }}
         >
-          <Typography id="usage-props" component="h3" fontWeight="lg" sx={{ scrollMarginTop: 160 }}>
+          <Typography
+            id="usage-props"
+            component="h3"
+            fontWeight="lg"
+            sx={{ scrollMarginTop: 160, fontFamily: 'General Sans' }}
+          >
             Playground
           </Typography>
           <IconButton
             aria-label="Reset all"
-            variant="soft"
+            variant="outlined"
             color="primary"
             size="sm"
             onClick={() => setProps(initialProps as T)}
@@ -265,11 +283,13 @@ export default function JoyUsageDemo<T extends { [k: string]: any } = {}>({
             <ReplayRoundedIcon />
           </IconButton>
         </Box>
+        <Divider sx={{ opacity: 0.5 }} />
         <Box
           sx={{
+            p: 3,
             display: 'flex',
             flexDirection: 'column',
-            gap: 2.5,
+            gap: 3,
             [`& .${formLabelClasses.root}`]: {
               fontWeight: 'lg',
             },
@@ -334,7 +354,7 @@ export default function JoyUsageDemo<T extends { [k: string]: any } = {}>({
                           [propName]: value,
                         }));
                       }}
-                      sx={{ flexWrap: 'wrap', gap: 1 }}
+                      sx={{ flexWrap: 'wrap', gap: 1, '--unstable_RadioGroup-margin': 0 }}
                     >
                       {options.map((value: string, index: number) => {
                         const checked = String(resolvedValue) === value;
@@ -429,7 +449,7 @@ export default function JoyUsageDemo<T extends { [k: string]: any } = {}>({
                           [propName || 'color']: event.target.value,
                         }))
                       }
-                      sx={{ flexWrap: 'wrap', gap: 1.5 }}
+                      sx={{ flexWrap: 'wrap', gap: 1.5, '--unstable_RadioGroup-margin': 0 }}
                     >
                       {(['primary', 'neutral', 'danger', 'success', 'warning'] as const).map(
                         (value) => {
@@ -440,8 +460,8 @@ export default function JoyUsageDemo<T extends { [k: string]: any } = {}>({
                               variant="solid"
                               color={value}
                               sx={{
-                                width: 28,
-                                height: 28,
+                                width: 26,
+                                height: 26,
                                 borderRadius: 'xl',
                                 textTransform: 'capitalize',
                               }}
@@ -635,7 +655,7 @@ export default function JoyUsageDemo<T extends { [k: string]: any } = {}>({
                           {resolvedValue}
                         </Box>
                         {/* void */}
-                        <Box />
+                        <div />
                         <Box sx={{ gridColumn: '-1 / -2', gridRow: '1' }} />
                         <Box sx={{ gridRow: '-1 / -2', gridColumn: '1' }} />
                         {/* void */}
diff --git a/docs/src/modules/components/JoyVariablesDemo.tsx b/docs/src/modules/components/JoyVariablesDemo.tsx
index 918efc2538ce1d..4b439864e6b030 100644
--- a/docs/src/modules/components/JoyVariablesDemo.tsx
+++ b/docs/src/modules/components/JoyVariablesDemo.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react';
 import Box from '@mui/joy/Box';
+import Divider from '@mui/joy/Divider';
 import Link from '@mui/joy/Link';
 import List from '@mui/joy/List';
-import ListDivider from '@mui/joy/ListDivider';
 import IconButton from '@mui/joy/IconButton';
 import Typography from '@mui/joy/Typography';
 import Sheet from '@mui/joy/Sheet';
@@ -48,8 +48,7 @@ function SlotVariables({ slot, data, renderField, defaultOpen = false }: SlotVar
         aria-controls={`section-${slot}`}
         component="button"
         underline="none"
-        fontSize="xs"
-        textTransform="uppercase"
+        fontSize="sm"
         fontWeight="lg"
         endDecorator={
           <KeyboardArrowDown
@@ -57,7 +56,11 @@ function SlotVariables({ slot, data, renderField, defaultOpen = false }: SlotVar
           />
         }
         onClick={() => setOpen(!open)}
-        sx={{ justifyContent: 'space-between', color: open ? 'text.primary' : 'text.tertiary' }}
+        sx={{
+          pb: 1,
+          justifyContent: 'space-between',
+          color: open ? 'text.primary' : 'text.tertiary',
+        }}
       >
         {slot}
       </Link>
@@ -69,9 +72,9 @@ function SlotVariables({ slot, data, renderField, defaultOpen = false }: SlotVar
           id={`section-${slot}`}
           sx={{
             display: 'flex',
+            flexDirection: 'column',
             flexWrap: 'wrap',
-            gap: 2,
-            '& > *': { flex: 1 },
+            gap: 1,
           }}
         >
           {data.map((item) => renderField(item))}
@@ -93,28 +96,36 @@ export default function JoyVariablesDemo(props: {
   return (
     <Box
       sx={{
-        m: 0,
-        mt: 2,
         flexGrow: 1,
-        maxWidth: 'calc(100% + 24px)',
+        maxWidth: '100%',
         display: 'flex',
-        flexDirection: { xs: 'column', sm: 'row' },
-        flexWrap: 'wrap',
-        gap: 2,
+        flexDirection: { xs: 'column', md: 'row' },
         '& .markdown-body pre': {
           margin: 0,
-          borderRadius: 'sm',
+          borderRadius: 'md',
         },
       }}
     >
-      <Box sx={{ display: 'flex', flexDirection: 'column', flexGrow: 999 }}>
+      <Box
+        sx={(theme) => ({
+          display: 'flex',
+          flexDirection: 'column',
+          flexGrow: 999,
+          minWidth: 0,
+          p: 3,
+          gap: 3,
+          bgcolor: '#FFF',
+          [theme.getColorSchemeSelector('dark')]: {
+            backgroundColor: theme.palette.neutral[900],
+          },
+        })}
+      >
         <Box
           sx={{
             flexGrow: 1,
             m: 'auto',
             display: 'flex',
             alignItems: 'center',
-            p: 2,
           }}
         >
           {props.renderDemo(sx)}
@@ -127,29 +138,39 @@ export default function JoyVariablesDemo(props: {
                 : `<${componentName} ${formatSx(sx)}${childrenAccepted ? '>' : '/>'}`
             }
             language="jsx"
-            sx={{ display: { xs: 'none', md: 'initial' } }}
+            sx={{ display: { xs: 'none', md: 'block' } }}
           />
         </BrandingProvider>
       </Box>
       <Sheet
-        variant="outlined"
-        sx={{
-          minWidth: 0,
-          flexBasis: 240,
-          flexGrow: 1,
-          borderRadius: 'sm',
-          boxShadow: 'sm',
-        }}
+        sx={(theme) => ({
+          flexShrink: 0,
+          gap: 2,
+          borderLeft: '1px solid',
+          borderColor: `rgba(${theme.vars.palette.neutral.mainChannel} / 0.1)`,
+          background: `rgba(${theme.vars.palette.primary.mainChannel} / 0.02)`,
+          backdropFilter: 'blur(8px)',
+          minWidth: '280px',
+        })}
       >
-        <List component="div" sx={{ '--List-padding': '1rem', '--ListDivider-gap': '0px' }}>
+        <List component="div">
           <Box
-            sx={{ mb: 2, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}
+            sx={{
+              px: 3,
+              pt: 1,
+              pb: 2,
+              display: 'flex',
+              justifyContent: 'space-between',
+              alignItems: 'center',
+            }}
           >
-            <Typography fontWeight="lg">CSS Variables</Typography>
+            <Typography fontWeight="lg" sx={{ fontFamily: 'General Sans' }}>
+              CSS variables
+            </Typography>
             <IconButton
               aria-label="Reset all"
               variant="outlined"
-              color="neutral"
+              color="primary"
               size="sm"
               onClick={() => setSx({})}
               sx={{
@@ -160,11 +181,13 @@ export default function JoyVariablesDemo(props: {
               <ReplayRoundedIcon />
             </IconButton>
           </Box>
+          <Divider sx={{ opacity: 0.5 }} />
           <Box
             sx={{
+              p: 3,
               display: 'flex',
               flexDirection: 'column',
-              gap: 2,
+              gap: 1,
             }}
           >
             {data.map((dataItem) => {
@@ -173,7 +196,11 @@ export default function JoyVariablesDemo(props: {
                 const resolvedInputAttributes = item.inputAttributes || {};
                 return (
                   <FormControl key={item.var}>
-                    <FormLabel>{item.var}</FormLabel>
+                    <FormLabel
+                      sx={{ fontFamily: 'Menlo, Consolas', '--FormLabel-fontSize': '0.75rem' }}
+                    >
+                      {item.var}
+                    </FormLabel>
                     <Input
                       size="sm"
                       variant="outlined"
@@ -183,28 +210,27 @@ export default function JoyVariablesDemo(props: {
                       }}
                       endDecorator={
                         <React.Fragment>
-                          {typeof resolvedValue === 'string' ? (
+                          {typeof resolvedValue === 'string' && (
                             <Typography level="body-xs" mr={0.5}>
                               px
                             </Typography>
-                          ) : null}
-                          {sx[item.var] && sx[item.var] !== item.defaultValue ? (
-                            <IconButton
-                              tabIndex={-1}
-                              variant="plain"
-                              color="neutral"
-                              size="sm"
-                              onClick={() =>
-                                setSx((prevSx) => {
-                                  const newSx = { ...prevSx };
-                                  delete newSx[item.var];
-                                  return newSx;
-                                })
-                              }
-                            >
-                              <ReplayRoundedIcon fontSize="sm" />
-                            </IconButton>
-                          ) : null}
+                          )}
+                          <IconButton
+                            tabIndex={-1}
+                            variant="plain"
+                            color="neutral"
+                            size="sm"
+                            disabled={!sx[item.var] && sx[item.var] !== item.defaultValue}
+                            onClick={() =>
+                              setSx((prevSx) => {
+                                const newSx = { ...prevSx };
+                                delete newSx[item.var];
+                                return newSx;
+                              })
+                            }
+                          >
+                            <ReplayRoundedIcon fontSize="sm" />
+                          </IconButton>
                         </React.Fragment>
                       }
                       type="number"
@@ -240,14 +266,15 @@ export default function JoyVariablesDemo(props: {
                         [`& .${inputClasses.endDecorator}`]: { alignItems: 'center' },
                       }}
                     />
-                    <FormHelperText>{item.helperText}</FormHelperText>
+                    <FormHelperText sx={{ mb: 1, '--FormHelperText-fontSize': '0.75rem' }}>
+                      {item.helperText}
+                    </FormHelperText>
                   </FormControl>
                 );
               }
               if (Array.isArray(dataItem)) {
                 const [slot, slotData, options] = dataItem;
                 return [
-                  <ListDivider key="divider" />,
                   <SlotVariables
                     key="variables"
                     slot={slot}
diff --git a/docs/src/modules/components/Link.tsx b/docs/src/modules/components/Link.tsx
index 2cd31b1e5befe8..e2784218dbe619 100644
--- a/docs/src/modules/components/Link.tsx
+++ b/docs/src/modules/components/Link.tsx
@@ -11,8 +11,8 @@ import { LANGUAGES_IGNORE_PAGES } from 'docs/config';
  * File to keep in sync with:
  *
  * - /docs/src/modules/components/Link.tsx
- * - /examples/material-ui-nextjs/src/Link.js
- * - /examples/material-ui-nextjs-ts/src/Link.tsx
+ * - /examples/material-ui-nextjs-pages-router/src/Link.js
+ * - /examples/material-ui-nextjs-pages-router-ts/src/Link.tsx
  */
 
 // Add support for the sx prop for consistency with the other branches.
@@ -66,8 +66,8 @@ export type LinkProps = {
 } & Omit<NextLinkComposedProps, 'to' | 'linkAs' | 'href'> &
   Omit<MuiLinkProps, 'href'>;
 
-// A styled version of the Next.js Link component:
-// https://nextjs.org/docs/api-reference/next/link
+// A styled version of the Next.js Pages Router Link component:
+// https://nextjs.org/docs/pages/api-reference/components/link
 const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {
   const {
     activeClassName = 'active',
diff --git a/docs/src/modules/components/MarkdownDocs.js b/docs/src/modules/components/MarkdownDocs.js
index 4b615d3d2ed5b3..285f5634485137 100644
--- a/docs/src/modules/components/MarkdownDocs.js
+++ b/docs/src/modules/components/MarkdownDocs.js
@@ -43,9 +43,7 @@ export default function MarkdownDocs(props) {
   } = props;
 
   const userLanguage = useUserLanguage();
-
   const localizedDoc = docs[userLanguage] || docs.en;
-  const { description, location, rendered, title, toc } = localizedDoc;
 
   const isJoy = canonicalAs.startsWith('/joy-ui/') && !disableCssVarsProvider;
   const CssVarsProvider = isJoy ? JoyCssVarsProvider : React.Fragment;
@@ -56,12 +54,12 @@ export default function MarkdownDocs(props) {
 
   return (
     <AppLayoutDocs
-      description={description}
+      description={localizedDoc.description}
       disableAd={disableAd}
       disableToc={disableToc}
-      location={location}
-      title={title}
-      toc={toc}
+      location={localizedDoc.location}
+      title={localizedDoc.title}
+      toc={localizedDoc.toc}
     >
       {disableAd ? null : (
         <BrandingProvider>
@@ -72,14 +70,13 @@ export default function MarkdownDocs(props) {
       )}
       <CssVarsProvider>
         {isJoy && <JoyModeObserver mode={theme.palette.mode} />}
-        {rendered.map((renderedMarkdownOrDemo, index) => (
+        {localizedDoc.rendered.map((renderedMarkdownOrDemo, index) => (
           <RichMarkdownElement
             key={`demos-section-${index}`}
             demoComponents={demoComponents}
             demos={demos}
             disableAd={disableAd}
             localizedDoc={localizedDoc}
-            location={location}
             renderedMarkdownOrDemo={renderedMarkdownOrDemo}
             srcComponents={srcComponents}
             theme={theme}
diff --git a/docs/src/modules/components/MarkdownDocsV2.js b/docs/src/modules/components/MarkdownDocsV2.js
index 6c5814accb66db..a6073d25d266bc 100644
--- a/docs/src/modules/components/MarkdownDocsV2.js
+++ b/docs/src/modules/components/MarkdownDocsV2.js
@@ -81,8 +81,7 @@ export default function MarkdownDocsV2(props) {
 
   const localizedDoc = docs[userLanguage] || docs.en;
   // Generate the TOC based on the tab
-  const { description, location, rendered, title, toc, headers } = localizedDoc;
-  const demosToc = toc.filter((item) => item.text !== 'API');
+  const demosToc = localizedDoc.toc.filter((item) => item.text !== 'API');
 
   function createHookTocEntry(hookName, sectionName) {
     return {
@@ -196,8 +195,8 @@ export default function MarkdownDocsV2(props) {
   let done = false;
 
   // process the elements before the tabs component
-  while (i < rendered.length && !done) {
-    const renderedMarkdownOrDemo = rendered[i];
+  while (i < localizedDoc.rendered.length && !done) {
+    const renderedMarkdownOrDemo = localizedDoc.rendered[i];
     if (renderedMarkdownOrDemo.component && renderedMarkdownOrDemo.component.indexOf('Tabs') >= 0) {
       done = true;
     }
@@ -209,7 +208,6 @@ export default function MarkdownDocsV2(props) {
         demos={demos}
         disableAd={disableAd}
         localizedDoc={localizedDoc}
-        location={location}
         renderedMarkdownOrDemo={renderedMarkdownOrDemo}
         srcComponents={srcComponents}
         theme={theme}
@@ -230,7 +228,7 @@ export default function MarkdownDocsV2(props) {
     activeToc = componentsApiToc;
   }
 
-  const hasTabs = rendered.some((renderedMarkdownOrDemo) => {
+  const hasTabs = localizedDoc.rendered.some((renderedMarkdownOrDemo) => {
     if (
       typeof renderedMarkdownOrDemo === 'object' &&
       renderedMarkdownOrDemo.component &&
@@ -243,18 +241,20 @@ export default function MarkdownDocsV2(props) {
 
   return (
     <AppLayoutDocs
-      description={description}
+      description={localizedDoc.description}
       disableAd={disableAd}
       disableToc={disableToc}
-      location={location}
-      title={title}
-      disableLayout
+      location={localizedDoc.location}
+      title={localizedDoc.title}
       toc={activeToc}
+      disableLayout
       hasTabs={hasTabs}
     >
       <div
         style={{
-          '--MuiDocs-header-height': `${AppFrameHeight + TabsHeight}px`,
+          '--MuiDocs-header-height': hasTabs
+            ? `${AppFrameHeight + TabsHeight}px`
+            : `${AppFrameHeight}px`,
         }}
       >
         {disableAd ? null : (
@@ -268,9 +268,12 @@ export default function MarkdownDocsV2(props) {
           {isJoy && <JoyModeObserver mode={theme.palette.mode} />}
           {commonElements}
           {activeTab === '' &&
-            rendered
+            localizedDoc.rendered
               // for the "hook only" edge case, e.g. Base UI autocomplete
-              .slice(i, rendered.length - (headers.components.length > 0 ? 1 : 0))
+              .slice(
+                i,
+                localizedDoc.rendered.length - (localizedDoc.headers.components.length > 0 ? 1 : 0),
+              )
               .map((renderedMarkdownOrDemo, index) => (
                 <RichMarkdownElement
                   key={`demos-section-${index}`}
@@ -279,7 +282,6 @@ export default function MarkdownDocsV2(props) {
                   demos={demos}
                   disableAd={disableAd}
                   localizedDoc={localizedDoc}
-                  location={location}
                   renderedMarkdownOrDemo={renderedMarkdownOrDemo}
                   srcComponents={srcComponents}
                   theme={theme}
diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js
index 002956b9ee393d..b1145e82649258 100644
--- a/docs/src/modules/components/MarkdownElement.js
+++ b/docs/src/modules/components/MarkdownElement.js
@@ -107,18 +107,23 @@ const Root = styled('div')(
       color: `var(--muidocs-palette-grey-900, ${lightTheme.palette.grey[900]})`,
       margin: '20px 0 8px',
     },
-    '& p, & ul, & ol': {
+    '& p': {
       marginTop: 0,
       marginBottom: 16,
       color: `var(--muidocs-palette-grey-900, ${lightTheme.palette.grey[900]})`,
     },
-    '& ul': {
+    '& ul, & ol': {
       paddingLeft: 30,
+      marginTop: 0,
+      marginBottom: 16,
+      '& ul, & ol': {
+        marginBottom: 6,
+      },
     },
     '& h1, & h2, & h3, & h4': {
-      position: 'relative',
-      // Reserve space for the end of the line action button
-      paddingRight: 26 * 2 + 10,
+      display: 'flex',
+      alignItems: 'center',
+      gap: 6,
       '& code': {
         fontSize: 'inherit',
         lineHeight: 'inherit',
@@ -127,28 +132,29 @@ const Root = styled('div')(
       },
       '& .anchor-link': {
         // To prevent the link to get the focus.
-        display: 'none',
+        display: 'inline-flex',
+        visibility: 'hidden',
       },
       '& a:not(.anchor-link):hover': {
         color: 'currentColor',
-        borderBottom: '1px solid currentColor',
+        border: 'none',
+        boxShadow: '0 1px 0 0 currentColor',
         textDecoration: 'none',
       },
-      '&:hover .anchor-link, & .comment-link': {
-        position: 'absolute',
+      '& .anchor-link, & .comment-link': {
+        cursor: 'pointer',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexShrink: 0,
         textAlign: 'center',
-        marginLeft: 8,
-        marginTop: 5,
+        marginLeft: 4,
         height: 26,
         width: 26,
-        lineHeight: '21px',
         backgroundColor: `var(--muidocs-palette-primary-50, ${lightTheme.palette.primary[50]})`,
         border: '1px solid',
         borderColor: `var(--muidocs-palette-divider, ${lightTheme.palette.divider})`,
         borderRadius: 8,
         color: `var(--muidocs-palette-text-secondary, ${lightTheme.palette.text.secondary})`,
-        cursor: 'pointer',
-        display: 'inline-block',
         '&:hover': {
           backgroundColor: alpha(lightTheme.palette.primary[100], 0.4),
           borderColor: `var(--muidocs-palette-primary-100, ${lightTheme.palette.primary[100]})`,
@@ -161,20 +167,18 @@ const Root = styled('div')(
           pointerEvents: 'none',
         },
       },
+      '&:hover .anchor-link': {
+        visibility: 'visible',
+      },
       '& .comment-link': {
         display: 'none', // So we can have the comment button opt-in.
-        top: 0,
-        right: 0,
+        marginLeft: 'auto',
         transition: theme.transitions.create('opacity', {
           duration: theme.transitions.duration.shortest,
         }),
         '& svg': {
-          opacity: 0.6,
-          marginBottom: 1,
           verticalAlign: 'middle',
-        },
-        '&:hover': {
-          '&>svg': { opacity: 1 },
+          fill: 'currentColor',
         },
       },
     },
@@ -243,33 +247,70 @@ const Root = styled('div')(
       paddingBottom: 12,
     },
     '& blockquote': {
-      borderRadius: `var(--muidocs-shape-borderRadius, ${
-        theme.shape?.borderRadius ?? lightTheme.shape.borderRadius
-      }px)`,
-      border: '1px solid',
-      borderLeft: '8px solid',
-      borderColor: `var(--muidocs-palette-warning-300, ${lightTheme.palette.warning[300]})`,
-      backgroundColor: `var(--muidocs-palette-warning-50, ${lightTheme.palette.warning[50]})`,
-      padding: '10px 20px',
-      margin: '20px 0',
+      position: 'relative',
+      padding: '0 16px',
+      margin: 0,
+      borderLeft: '1.5px solid',
+      borderColor: `var(--muidocs-palette-grey-200, ${lightTheme.palette.grey[200]})`,
       '& p': {
-        marginTop: 10,
-        color: `var(--muidocs-palette-primaryDark-800, ${lightTheme.palette.primaryDark[800]})`,
+        fontStyle: 'italic',
+        fontSize: theme.typography.pxToRem(13),
+        fontFamily: lightTheme.typography.fontFamilyCode,
+        fontWeight: lightTheme.typography.fontWeightMedium,
+        textIndent: 20,
+      },
+      ':before': {
+        position: 'absolute',
+        content: 'open-quote',
+        color: `var(--muidocs-palette-grey-300, ${lightTheme.palette.grey[300]})`,
+        fontSize: '2.5rem',
+        top: 8,
+        marginLeft: -6,
+        lineHeight: 0.5,
       },
     },
     '& .MuiCallout-root': {
+      display: 'flex',
+      gap: 12,
       padding: '16px',
       margin: '16px 0',
       border: '1px solid',
+      color: `var(--muidocs-palette-text-secondary, ${lightTheme.palette.text.secondary})`,
+      borderColor: `var(--muidocs-palette-grey-100, ${lightTheme.palette.grey[100]})`,
       borderRadius: `var(--muidocs-shape-borderRadius, ${
         theme.shape?.borderRadius ?? lightTheme.shape.borderRadius
       }px)`,
+      '& .MuiCallout-content': {
+        minWidth: 0, // Allows content to shrink. Useful when callout contains code block
+        flexGrow: 1,
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 6,
+        '&>p, ul': {
+          marginBottom: 0,
+        },
+        '& .MuiCode-root': {
+          '&>pre': {
+            margin: 0,
+            marginTop: 4,
+          },
+        },
+        '&>ul': {
+          paddingLeft: 22,
+        },
+      },
+      '&>svg': {
+        marginTop: 2,
+        width: 20,
+        height: 20,
+        flexShrink: 0,
+      },
       '& > ul, & > p': {
         '&:last-child': {
           margin: 0,
         },
       },
-      '& > p, & ul, li': {
+      '& ul, li, p': {
         color: 'inherit',
       },
       '&.MuiCallout-error': {
@@ -279,6 +320,9 @@ const Root = styled('div')(
         '& strong': {
           color: `var(--muidocs-palette-error-800, ${lightTheme.palette.error[800]})`,
         },
+        '&>svg': {
+          fill: `var(--muidocs-palette-error-500, ${lightTheme.palette.error[600]})`,
+        },
         '& a': {
           color: `var(--muidocs-palette-error-800, ${lightTheme.palette.error[800]})`,
           textDecorationColor: alpha(lightTheme.palette.error.main, 0.4),
@@ -290,18 +334,24 @@ const Root = styled('div')(
       '&.MuiCallout-info': {
         color: `var(--muidocs-palette-primary-900, ${lightTheme.palette.primary[900]})`,
         backgroundColor: `var(--muidocs-palette-grey-50, ${lightTheme.palette.grey[50]})`,
-        borderColor: `var(--muidocs-palette-grey-200, ${lightTheme.palette.grey[200]})`,
+        borderColor: `var(--muidocs-palette-grey-100, ${lightTheme.palette.grey[100]})`,
         '& strong': {
           color: `var(--muidocs-palette-primary-800, ${lightTheme.palette.primary[800]})`,
         },
+        '&>svg': {
+          fill: `var(--muidocs-palette-grey-600, ${lightTheme.palette.grey[600]})`,
+        },
       },
       '&.MuiCallout-success': {
         color: `var(--muidocs-palette-success-900, ${lightTheme.palette.success[900]})`,
         backgroundColor: `var(--muidocs-palette-success-50, ${lightTheme.palette.success[50]})`,
-        borderColor: `var(--muidocs-palette-success-200, ${lightTheme.palette.success[200]})`,
+        borderColor: `var(--muidocs-palette-success-100, ${lightTheme.palette.success[100]})`,
         '& strong': {
           color: `var(--muidocs-palette-success-900, ${lightTheme.palette.success[900]})`,
         },
+        '&>svg': {
+          fill: `var(--muidocs-palette-success-600, ${lightTheme.palette.success[600]})`,
+        },
         '& a': {
           color: `var(--muidocs-palette-success-900, ${lightTheme.palette.success[900]})`,
           textDecorationColor: alpha(lightTheme.palette.success.main, 0.4),
@@ -313,10 +363,13 @@ const Root = styled('div')(
       '&.MuiCallout-warning': {
         color: `var(--muidocs-palette-grey-900, ${lightTheme.palette.grey[900]})`,
         backgroundColor: alpha(lightTheme.palette.warning[50], 0.5),
-        borderColor: alpha(lightTheme.palette.warning[600], 0.3),
+        borderColor: `var(--muidocs-palette-warning-200, ${lightTheme.palette.warning[200]})`,
         '& strong': {
           color: `var(--muidocs-palette-warning-800, ${lightTheme.palette.warning[800]})`,
         },
+        '&>svg': {
+          fill: `var(--muidocs-palette-warning-600, ${lightTheme.palette.warning[600]})`,
+        },
         '& a': {
           color: `var(--muidocs-palette-warning-800, ${lightTheme.palette.warning[800]})`,
           textDecorationColor: alpha(lightTheme.palette.warning.main, 0.4),
@@ -403,9 +456,8 @@ const Root = styled('div')(
       fontWeight: 500,
       borderRadius: 6,
       border: 'none',
-      backgroundColor: 'transparent',
+      backgroundColor: '#0F1924', // using the code block one-off background color (defined in line 23)
       color: '#FFF',
-      opacity: 0.6,
       transition: theme.transitions.create(['background', 'borderColor', 'display'], {
         duration: theme.transitions.duration.shortest,
       }),
@@ -418,12 +470,15 @@ const Root = styled('div')(
         flexShrink: 0,
         fontSize: '18px',
         margin: 'auto',
+        opacity: 0.6,
       },
       '& .MuiCode-copied-icon': {
         display: 'none',
       },
       '&:hover, &:focus': {
-        opacity: 1,
+        '& svg': {
+          opacity: 1,
+        },
         backgroundColor: lightTheme.palette.primaryDark[500],
         '& .MuiCode-copyKeypress': {
           display: 'block',
@@ -548,19 +603,22 @@ const Root = styled('div')(
         borderColor: `var(--muidocs-palette-divider, ${darkTheme.palette.divider})`,
       },
       '& blockquote': {
-        borderColor: `var(--muidocs-palette-warning-500, ${darkTheme.palette.warning[500]})`,
-        backgroundColor: alpha(darkTheme.palette.warning[900], 0.2),
-        '& p': {
-          color: `var(--muidocs-palette-grey-50, ${darkTheme.palette.grey[50]})`,
+        borderColor: `var(--muidocs-palette-primaryDark-700, ${darkTheme.palette.primaryDark[700]})`,
+        ':before': {
+          color: `var(--muidocs-palette-primaryDark-500, ${darkTheme.palette.primaryDark[500]})`,
         },
       },
       '& .MuiCallout-root': {
+        borderColor: `var(--muidocs-palette-primaryDark-700, ${darkTheme.palette.primaryDark[700]})`,
         '&.MuiCallout-error': {
           color: `var(--muidocs-palette-error-50, ${darkTheme.palette.error[50]})`,
-          backgroundColor: alpha(darkTheme.palette.error[700], 0.25),
+          backgroundColor: alpha(darkTheme.palette.error[700], 0.2),
           borderColor: alpha(lightTheme.palette.error[600], 0.3),
           '& strong': {
-            color: `var(--muidocs-palette-error-100, ${darkTheme.palette.error[100]})`,
+            color: `var(--muidocs-palette-error-300, ${darkTheme.palette.error[300]})`,
+          },
+          '&>svg': {
+            fill: `var(--muidocs-palette-error-500, ${darkTheme.palette.error[500]})`,
           },
           '& a': {
             color: `var(--muidocs-palette-error-200, ${darkTheme.palette.error[200]})`,
@@ -573,25 +631,34 @@ const Root = styled('div')(
           '& strong': {
             color: `var(--muidocs-palette-primary-200, ${darkTheme.palette.primary[200]})`,
           },
+          '&>svg': {
+            fill: `var(--muidocs-palette-grey-400, ${darkTheme.palette.grey[400]})`,
+          },
         },
         '&.MuiCallout-success': {
           color: `var(--muidocs-palette-success-50, ${darkTheme.palette.success[50]})`,
-          backgroundColor: alpha(darkTheme.palette.success[700], 0.2),
+          backgroundColor: alpha(darkTheme.palette.success[700], 0.15),
           borderColor: alpha(lightTheme.palette.success[600], 0.3),
           '& strong': {
             color: `var(--muidocs-palette-success-200, ${darkTheme.palette.success[200]})`,
           },
+          '&>svg': {
+            fill: `var(--muidocs-palette-success-500, ${darkTheme.palette.success[500]})`,
+          },
           '& a': {
             color: `var(--muidocs-palette-success-100, ${darkTheme.palette.success[100]})`,
           },
         },
         '&.MuiCallout-warning': {
           color: `var(--muidocs-palette-warning-50, ${darkTheme.palette.warning[50]})`,
-          backgroundColor: alpha(darkTheme.palette.warning[700], 0.2),
+          backgroundColor: alpha(darkTheme.palette.warning[700], 0.15),
           borderColor: alpha(darkTheme.palette.warning[600], 0.3),
           '& strong': {
             color: `var(--muidocs-palette-warning-200, ${darkTheme.palette.warning[200]})`,
           },
+          '&>svg': {
+            fill: `var(--muidocs-palette-warning-400, ${darkTheme.palette.warning[400]})`,
+          },
           '& a': {
             color: `var(--muidocs-palette-warning-100, ${darkTheme.palette.warning[100]})`,
           },
diff --git a/docs/src/modules/components/MarkdownLinks.js b/docs/src/modules/components/MarkdownLinks.js
index 7137ce911d8fea..415089c7b94570 100644
--- a/docs/src/modules/components/MarkdownLinks.js
+++ b/docs/src/modules/components/MarkdownLinks.js
@@ -2,7 +2,7 @@ import * as React from 'react';
 import Router from 'next/router';
 import { pathnameToLanguage } from 'docs/src/modules/utils/helpers';
 
-export function shouldHandleLinkClick(event) {
+export function samePageLinkNavigation(event) {
   if (
     event.defaultPrevented ||
     event.button !== 0 || // ignore everything but left-click
@@ -37,7 +37,7 @@ function handleClick(event) {
   }
 
   // Ignore click meant for native link handling, e.g. open in new tab
-  if (shouldHandleLinkClick(event)) {
+  if (samePageLinkNavigation(event)) {
     return;
   }
 
diff --git a/docs/src/modules/components/MaterialFreeTemplatesCollection.js b/docs/src/modules/components/MaterialFreeTemplatesCollection.js
index 5bf45835f41739..e2797dea86ce4a 100644
--- a/docs/src/modules/components/MaterialFreeTemplatesCollection.js
+++ b/docs/src/modules/components/MaterialFreeTemplatesCollection.js
@@ -127,7 +127,7 @@ function Templates() {
               })}
             />
             <CardContent sx={{ flexGrow: 1, p: 0 }}>
-              <Typography component="h2" variant="h6" fontWeight={600} gutterBottom>
+              <Typography component="h2" fontWeight={600} gutterBottom>
                 {layout.title}
               </Typography>
               <Typography component="p" variant="body2" color="text.secondary">
@@ -135,7 +135,7 @@ function Templates() {
               </Typography>
             </CardContent>
             <CardActions sx={{ p: 0, ml: -1 }}>
-              <Button component="a" href={layout.source} size="small">
+              <Button component="a" href={layout.source}>
                 {t('sourceCode')}
               </Button>
             </CardActions>
diff --git a/docs/src/modules/components/MaterialShowcase.js b/docs/src/modules/components/MaterialShowcase.js
index 162d2b99de3911..1433bda1a5ce94 100644
--- a/docs/src/modules/components/MaterialShowcase.js
+++ b/docs/src/modules/components/MaterialShowcase.js
@@ -529,7 +529,7 @@ export default function Showcase() {
                   }),
                 })}
               >
-                <Box component="a" href={app.link} rel="noopener nofollow" target="_blank">
+                <a href={app.link} rel="noopener nofollow noreferrer" target="_blank">
                   <CardMedia
                     component="img"
                     loading="lazy"
@@ -550,7 +550,7 @@ export default function Showcase() {
                       }),
                     })}
                   />
-                </Box>
+                </a>
                 <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5 }}>
                   <Typography
                     component="h2"
diff --git a/docs/src/modules/components/MaterialYouUsageDemo.tsx b/docs/src/modules/components/MaterialYouUsageDemo.tsx
index 4cf46145b0477f..6f42e405dfcc02 100644
--- a/docs/src/modules/components/MaterialYouUsageDemo.tsx
+++ b/docs/src/modules/components/MaterialYouUsageDemo.tsx
@@ -1,7 +1,8 @@
 import * as React from 'react';
-import { useTheme as md2UseTheme } from '@mui/material/styles';
+import { useTheme as md2UseTheme, alpha } from '@mui/material/styles';
 import ReplayRoundedIcon from '@mui/icons-material/ReplayRounded';
 import Box from '@mui/material/Box';
+import Divider from '@mui/material/Divider';
 import FormControl from '@mui/material/FormControl';
 import FormLabel, { formLabelClasses } from '@mui/material/FormLabel';
 import IconButton from '@mui/material/IconButton';
@@ -208,7 +209,9 @@ export default function MaterialYouUsageDemo<T extends { [k: string]: any } = {}
         },
       }}
     >
-      <Box sx={{ display: 'flex', flexDirection: 'column', flexGrow: 999, minWidth: 0, p: 3 }}>
+      <Box
+        sx={{ display: 'flex', flexDirection: 'column', flexGrow: 999, minWidth: 0, p: 3, gap: 3 }}
+      >
         <Box
           sx={{
             flexGrow: 1,
@@ -238,26 +241,34 @@ export default function MaterialYouUsageDemo<T extends { [k: string]: any } = {}
         </BrandingProvider>
       </Box>
       <Box
-        sx={{
+        sx={(theme) => ({
           flexShrink: 0,
           gap: 2,
-          p: 3,
-          mt: 1,
           borderLeft: '1px solid',
-          borderColor: 'divider',
-          backdropFilter: 'blur(8px)',
-          minWidth: '280px',
-        }}
+          borderColor: theme.palette.grey[200],
+          background: alpha(theme.palette.grey[50], 0.5),
+          minWidth: '250px',
+          [`:where(${theme.vars ? '[data-mui-color-scheme="dark"]' : '.mode-dark'}) &`]: {
+            borderColor: alpha(theme.palette.grey[900], 0.8),
+            backgroundColor: alpha(theme.palette.grey[900], 0.3),
+          },
+        })}
       >
         <Box
           sx={{
-            mb: 2,
+            px: 3,
+            py: 2,
             display: 'flex',
             justifyContent: 'space-between',
             alignItems: 'center',
           }}
         >
-          <Typography id="usage-props" component="h3" fontWeight="lg" sx={{ scrollMarginTop: 160 }}>
+          <Typography
+            id="usage-props"
+            component="h3"
+            fontWeight="600"
+            sx={{ scrollMarginTop: 160, fontFamily: 'General Sans' }}
+          >
             Playground
           </Typography>
           <IconButton
@@ -271,11 +282,13 @@ export default function MaterialYouUsageDemo<T extends { [k: string]: any } = {}
             <ReplayRoundedIcon />
           </IconButton>
         </Box>
+        <Divider sx={{ opacity: 0.5 }} />
         <Box
           sx={{
+            p: 3,
             display: 'flex',
             flexDirection: 'column',
-            gap: 2.5,
+            gap: 2,
             [`& .${formLabelClasses.root}`]: {
               fontWeight: 'lg',
             },
@@ -291,11 +304,25 @@ export default function MaterialYouUsageDemo<T extends { [k: string]: any } = {}
                 <FormControl
                   key={propName}
                   size="small"
-                  // orientation="horizontal"
-                  sx={{ justifyContent: 'space-between' }}
+                  sx={{
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                  }}
                 >
-                  <FormLabel sx={{ textTransform: 'capitalize' }}>{propName}</FormLabel>
+                  <FormLabel
+                    sx={{
+                      textTransform: 'capitalize',
+                      fontWeight: 'medium',
+                      fontSize: '0.875rem',
+                      color: 'text.secondary',
+                    }}
+                  >
+                    {propName}
+                  </FormLabel>
                   <Switch
+                    size="small"
                     checked={Boolean(resolvedValue)}
                     onChange={(event) => {
                       setProps((latestProps) => ({
@@ -304,11 +331,6 @@ export default function MaterialYouUsageDemo<T extends { [k: string]: any } = {}
                       }));
                       onChange?.(event);
                     }}
-                    sx={{
-                      fontSize: 'xs',
-                      color: 'text.secondary',
-                      textTransform: 'capitalize',
-                    }}
                   />
                 </FormControl>
               );
@@ -316,7 +338,16 @@ export default function MaterialYouUsageDemo<T extends { [k: string]: any } = {}
             if (knob === 'select') {
               return (
                 <FormControl key={propName} size="small">
-                  <FormLabel sx={{ textTransform: 'capitalize' }}>{propName}</FormLabel>
+                  <FormLabel
+                    sx={{
+                      textTransform: 'capitalize',
+                      fontWeight: 'medium',
+                      fontSize: '0.875rem',
+                      mb: 0.5,
+                    }}
+                  >
+                    {propName}
+                  </FormLabel>
                   <Select
                     placeholder="Select a variant..."
                     value={(resolvedValue || 'none') as string}
diff --git a/docs/src/modules/components/PropertiesTable.js b/docs/src/modules/components/PropertiesTable.js
index ba8652fd910814..b3dad89a43810f 100644
--- a/docs/src/modules/components/PropertiesTable.js
+++ b/docs/src/modules/components/PropertiesTable.js
@@ -117,6 +117,25 @@ export const getPropsToC = ({
   ],
 });
 
+function PropDescription({ description }) {
+  const isUlPresent = description.includes('<ul>');
+
+  const ComponentToRender = isUlPresent ? 'div' : 'p';
+
+  return (
+    <ComponentToRender
+      className="prop-list-description" // This className is used by Algolia
+      dangerouslySetInnerHTML={{
+        __html: description,
+      }}
+    />
+  );
+}
+
+PropDescription.propTypes = {
+  description: PropTypes.string.isRequired,
+};
+
 export default function PropertiesTable(props) {
   const {
     properties,
@@ -150,12 +169,7 @@ export default function PropertiesTable(props) {
               type="props"
             >
               {propDescription?.description && (
-                <p
-                  className="prop-list-description" // This className is used by Algolia
-                  dangerouslySetInnerHTML={{
-                    __html: propDescription?.description,
-                  }}
-                />
+                <PropDescription description={propDescription?.description} />
               )}
               {propDescription?.requiresRef && (
                 <Alert
@@ -181,7 +195,6 @@ export default function PropertiesTable(props) {
                   />
                 </Alert>
               )}
-
               {Object.keys(additionalPropsInfoText)
                 .filter((key) => propData.additionalInfo?.[key])
                 .map((key) => (
diff --git a/docs/src/modules/components/RichMarkdownElement.js b/docs/src/modules/components/RichMarkdownElement.js
index cd12171c0bbf3e..9415ffa29ee75f 100644
--- a/docs/src/modules/components/RichMarkdownElement.js
+++ b/docs/src/modules/components/RichMarkdownElement.js
@@ -19,7 +19,6 @@ export default function RichMarkdownElement(props) {
     demos = {},
     disableAd,
     localizedDoc,
-    location,
     renderedMarkdownOrDemo,
     srcComponents,
     theme,
@@ -99,7 +98,7 @@ export default function RichMarkdownElement(props) {
     );
   }
 
-  const splitLocationBySlash = location.split('/');
+  const splitLocationBySlash = localizedDoc.location.split('/');
   splitLocationBySlash.pop();
   const fileNameWithLocation = `${splitLocationBySlash.join('/')}/${name}`;
 
@@ -139,7 +138,6 @@ RichMarkdownElement.propTypes = {
   demos: PropTypes.any,
   disableAd: PropTypes.bool,
   localizedDoc: PropTypes.any,
-  location: PropTypes.string,
   renderedMarkdownOrDemo: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.shape({ component: PropTypes.any, demo: PropTypes.any }),
diff --git a/docs/src/modules/components/SkipLink.tsx b/docs/src/modules/components/SkipLink.tsx
index 8fa820cde387f5..cafdd56f84409d 100644
--- a/docs/src/modules/components/SkipLink.tsx
+++ b/docs/src/modules/components/SkipLink.tsx
@@ -32,10 +32,10 @@ const StyledLink = styled(MuiLink)(({ theme }) => ({
     }),
   },
   '@media (prefers-reduced-motion: reduce)': {
-    top: theme.spacing(2),
     transition: theme.transitions.create('opacity'),
     opacity: 0,
     '&:focus': {
+      top: theme.spacing(2),
       opacity: 1,
       transition: theme.transitions.create('opacity'),
     },
diff --git a/docs/src/modules/components/ThemeViewer.tsx b/docs/src/modules/components/ThemeViewer.tsx
index b59784e1e39db8..0c7bcd9b035a3a 100644
--- a/docs/src/modules/components/ThemeViewer.tsx
+++ b/docs/src/modules/components/ThemeViewer.tsx
@@ -4,9 +4,10 @@ import { styled } from '@mui/system';
 import Box from '@mui/material/Box';
 import ExpandIcon from '@mui/icons-material/ExpandMore';
 import CollapseIcon from '@mui/icons-material/ChevronRight';
-import TreeView from '@mui/lab/TreeView';
-import MuiTreeItem, { treeItemClasses } from '@mui/lab/TreeItem';
+import { TreeView } from '@mui/x-tree-view/TreeView';
+import { TreeItem as MuiTreeItem, treeItemClasses } from '@mui/x-tree-view/TreeItem';
 import { lighten } from '@mui/material/styles';
+import { blue, blueDark } from 'docs/src/modules/brandingTheme';
 
 function getType(value: any) {
   if (Array.isArray(value)) {
@@ -99,12 +100,18 @@ function ObjectEntryLabel(props: { objectKey: string; objectValue: any }) {
 
 const TreeItem = styled(MuiTreeItem)({
   [`&:focus > .${treeItemClasses.content}`]: {
-    backgroundColor: lighten('#333', 0.08),
-    outline: `2px dashed ${lighten('#333', 0.3)}`,
+    backgroundColor: lighten(blue[900], 0.05),
+    outline: `2px dashed ${lighten(blue[900], 0.3)}`,
   },
   [`& .${treeItemClasses.content}`]: {
+    padding: 4,
+    borderRadius: '12px',
     '&:hover': {
-      backgroundColor: lighten('#333', 0.08),
+      backgroundColor: lighten(blueDark[900], 0.1),
+    },
+    [`& .${treeItemClasses.label}`]: {
+      fontFamily: 'Menlo, Consolas',
+      fontSize: '0.825rem',
     },
   },
 });
@@ -189,13 +196,20 @@ export default function ThemeViewer({
 
   return (
     <TreeView
-      sx={{ bgcolor: '#333', color: '#fff', borderRadius: 1, p: 1 }}
       key={key}
       defaultCollapseIcon={<ExpandIcon />}
       defaultEndIcon={<div style={{ width: 24 }} />}
       defaultExpanded={defaultExpanded}
       defaultExpandIcon={<CollapseIcon />}
       {...other}
+      sx={{
+        color: '#FFF',
+        p: 1.5,
+        bgcolor: '#0F1924', // one-off code container color
+        borderRadius: 3,
+        border: '1px solid',
+        borderColor: blueDark[700],
+      }}
     >
       {Object.keys(data).map((objectKey) => {
         return (
diff --git a/docs/src/modules/components/TopLayoutBlog.js b/docs/src/modules/components/TopLayoutBlog.js
index 30101956eaaaf2..4a5075ee4137d0 100644
--- a/docs/src/modules/components/TopLayoutBlog.js
+++ b/docs/src/modules/components/TopLayoutBlog.js
@@ -242,12 +242,12 @@ const Root = styled('div')(
     }),
 );
 
-function TopLayoutBlog(props) {
+export default function TopLayoutBlog(props) {
   const { className, docs } = props;
   const { description, rendered, title, headers } = docs.en;
   const finalTitle = title || headers.title;
   const router = useRouter();
-  const slug = router.pathname.replace(/\/blog\//, '');
+  const slug = router.pathname.replace(/(.*)\/(.*)/, '$2');
   const { canonicalAsServer } = pathnameToLanguage(router.asPath);
   const card =
     headers.card === 'true'
@@ -331,6 +331,11 @@ function TopLayoutBlog(props) {
           </Link>
           {headers.title ? (
             <React.Fragment>
+              {/*
+                Depending on the timezone, the display date can change from one day to another.
+                e.g. Sunday vs. Monday
+                TODO: Move the date formating to the server.
+              */}
               <time dateTime={headers.date} className={classes.time}>
                 {new Intl.DateTimeFormat('en', {
                   weekday: 'long',
@@ -392,5 +397,3 @@ TopLayoutBlog.propTypes = {
 if (process.env.NODE_ENV !== 'production') {
   TopLayoutBlog.propTypes = exactProp(TopLayoutBlog.propTypes);
 }
-
-export default TopLayoutBlog;
diff --git a/docs/src/modules/components/ad.styles.js b/docs/src/modules/components/ad.styles.js
index 0d34937dac7b88..1bfcf8e4e97736 100644
--- a/docs/src/modules/components/ad.styles.js
+++ b/docs/src/modules/components/ad.styles.js
@@ -5,7 +5,8 @@ const adBodyImageStyles = (theme) => ({
   root: {
     display: 'block',
     overflow: 'hidden',
-    border: `1px solid ${alpha(theme.palette.action.active, 0.12)}`,
+    border: '1px dashed',
+    borderColor: theme.palette.divider,
     padding: '12px 12px 12px calc(12px + 130px)',
     borderRadius: theme.shape.borderRadius,
   },
diff --git a/docs/src/modules/sandbox/CodeSandbox.test.js b/docs/src/modules/sandbox/CodeSandbox.test.js
index 9f3d44f828af56..816b3f2a6cb0b8 100644
--- a/docs/src/modules/sandbox/CodeSandbox.test.js
+++ b/docs/src/modules/sandbox/CodeSandbox.test.js
@@ -48,10 +48,13 @@ describe('CodeSandbox', () => {
 <html lang="en">
   <head>
     <title>BasicButtons Material Demo</title>
+    <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
     <!-- Icons to support Material Design -->
     <link
@@ -135,10 +138,13 @@ ReactDOM.createRoot(document.querySelector("#root")).render(
 <html lang="en">
   <head>
     <title>BasicButtons Material Demo</title>
+    <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
     <!-- Icons to support Material Design -->
     <link
@@ -239,4 +245,23 @@ ReactDOM.createRoot(document.querySelector("#root")!).render(
       '<script src="https://cdn.tailwindcss.com"></script>',
     );
   });
+
+  it('should generate the correct stylesheet font link in index.html for Material Two Tones icons', () => {
+    const raw = `import * as React from 'react';
+    import Icon from '@mui/material/Icon';
+
+    export default function TwoToneIcons() {
+      return <Icon baseClassName="material-icons-two-tone">add_circle</Icon>;
+    }
+    `;
+
+    const result = CodeSandbox.createReactApp({
+      raw,
+      codeVariant: 'JS',
+    });
+
+    expect(result.files['public/index.html'].content).to.contain(
+      'https://fonts.googleapis.com/icon?family=Material+Icons+Two+Tone',
+    );
+  });
 });
diff --git a/docs/src/modules/sandbox/CreateReactApp.ts b/docs/src/modules/sandbox/CreateReactApp.ts
index 8975ff610990e3..345345f0caa01b 100644
--- a/docs/src/modules/sandbox/CreateReactApp.ts
+++ b/docs/src/modules/sandbox/CreateReactApp.ts
@@ -4,24 +4,31 @@ export const getHtml = ({
   title,
   language,
   codeStyling,
+  raw,
 }: {
   title: string;
   language: string;
   codeStyling?: 'Tailwind' | 'MUI System';
+  raw?: string;
 }) => {
   return `<!DOCTYPE html>
 <html lang="${language}">
   <head>
     <title>${title}</title>
+    <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
     <!-- Icons to support Material Design -->
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      href="https://fonts.googleapis.com/icon?family=Material+Icons${
+        raw?.includes('material-icons-two-tone') ? '+Two+Tone' : ''
+      }"
     />${
       codeStyling === 'Tailwind'
         ? `
@@ -31,6 +38,12 @@ export const getHtml = ({
       tailwind.config = {
         theme: {
           extend: {
+            animation: {
+              appear: 'in-right 200ms',
+            },
+            border: {
+              3: '3px',
+            },
             boxShadow: {
               'outline-purple': '0 0 0 4px rgba(192, 132, 252, 0.25)',
               'outline-purple-light': '0 0 0 4px rgba(245, 208, 254, 0.25)',
@@ -40,23 +53,14 @@ export const getHtml = ({
             cursor: {
               inherit: 'inherit',
             },
-            border: {
-              3: '3px',
-            },
             keyframes: {
               'in-right': {
                 from: { transform: 'translateX(100%)' },
                 to: { transform: 'translateX(0)' },
               },
             },
-            animation: {
-              appear: 'in-right 200ms',
-            },
-            minWidth: {
-              badge: '22px',
-              listbox: '200px',
-              snackbar: '300px',
-              'tabs-list': '400px',
+            lineHeight: {
+              '5.5': '1.375rem',
             },
             maxWidth: {
               snackbar: '560px',
@@ -64,11 +68,14 @@ export const getHtml = ({
             minHeight: {
               badge: '22px',
             },
-            lineHeight: {
-              '5.5': '1.375rem',
-            }
-          }
-        }
+            minWidth: {
+              badge: '22px',
+              listbox: '200px',
+              snackbar: '300px',
+              'tabs-list': '400px',
+            },
+          },
+        },
       }
     </script>`
         : ''
diff --git a/docs/src/modules/sandbox/Dependencies.ts b/docs/src/modules/sandbox/Dependencies.ts
index cfb952c223256f..c4c618a7f3f081 100644
--- a/docs/src/modules/sandbox/Dependencies.ts
+++ b/docs/src/modules/sandbox/Dependencies.ts
@@ -128,7 +128,7 @@ export default function SandboxDependencies(
         deps[name] = versions[name] ? versions[name] : 'latest';
       }
 
-      // e.g date-fns
+      // e.g. date-fns
       const dateAdapterMatch = fullName.match(
         /^@mui\/(lab|x-date-pickers)\/(?<adapterName>Adapter.*)/,
       ) as RegExpMatchArrayWithGroups<{ adapterName: string }>;
diff --git a/docs/src/modules/sandbox/StackBlitz.test.js b/docs/src/modules/sandbox/StackBlitz.test.js
index f6b276a1efff15..7fa696e080d879 100644
--- a/docs/src/modules/sandbox/StackBlitz.test.js
+++ b/docs/src/modules/sandbox/StackBlitz.test.js
@@ -35,10 +35,13 @@ describe('StackBlitz', () => {
 <html lang="en">
   <head>
     <title>BasicButtons Material Demo</title>
+    <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
     <!-- Icons to support Material Design -->
     <link
@@ -108,10 +111,13 @@ ReactDOM.createRoot(document.querySelector("#root")).render(
 <html lang="en">
   <head>
     <title>BasicButtons Material Demo</title>
+    <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
     <!-- Icons to support Material Design -->
     <link
@@ -206,4 +212,23 @@ ReactDOM.createRoot(document.querySelector("#root")!).render(
       '<script src="https://cdn.tailwindcss.com"></script>',
     );
   });
+
+  it('should generate the correct stylesheet font link in index.html for Material Two Tones icons', () => {
+    const raw = `import * as React from 'react';
+    import Icon from '@mui/material/Icon';
+
+    export default function TwoToneIcons() {
+      return <Icon baseClassName="material-icons-two-tone">add_circle</Icon>;
+    }
+    `;
+
+    const result = StackBlitz.createReactApp({
+      raw,
+      codeVariant: 'JS',
+    });
+
+    expect(result.files['index.html']).to.contain(
+      'https://fonts.googleapis.com/icon?family=Material+Icons+Two+Tone',
+    );
+  });
 });
diff --git a/docs/src/modules/utils/helpers.ts b/docs/src/modules/utils/helpers.ts
index d8c774cfa664f1..d15cd5695a0c5c 100644
--- a/docs/src/modules/utils/helpers.ts
+++ b/docs/src/modules/utils/helpers.ts
@@ -100,7 +100,14 @@ export function pathnameToLanguage(pathname: string): {
   // Remove hash as it's never sent to the server
   // https://github.com/vercel/next.js/issues/25202
   const canonicalAsServer = canonicalAs.replace(/#(.*)$/, '');
-  const canonicalPathname = canonicalAsServer.replace(/^\/api/, '/api-docs').replace(/\/$/, '');
+
+  let canonicalPathname = canonicalAsServer.replace(/^\/api/, '/api-docs');
+
+  // Remove trailing slash as Next.js doesn't expect it here
+  // https://nextjs.org/docs/pages/api-reference/functions/use-router#router-object
+  if (canonicalPathname !== '/') {
+    canonicalPathname = canonicalPathname.replace(/\/$/, '');
+  }
 
   return {
     userLanguage,
diff --git a/docs/src/pages/premium-themes/onepirate/modules/form/FormButton.tsx b/docs/src/pages/premium-themes/onepirate/modules/form/FormButton.tsx
index 66856dfa3f51a1..b403f8846ebab5 100644
--- a/docs/src/pages/premium-themes/onepirate/modules/form/FormButton.tsx
+++ b/docs/src/pages/premium-themes/onepirate/modules/form/FormButton.tsx
@@ -17,7 +17,7 @@ function FormButton<C extends React.ElementType>(
       disabled={!mounted || !!disabled}
       type="submit"
       variant="contained"
-      {...others}
+      {...(others as ButtonProps<C, { component?: C }>)}
     />
   );
 }
diff --git a/docs/src/pages/production-error/ErrorDecoder.js b/docs/src/pages/production-error/ErrorDecoder.js
index e8f59535a8a0df..8231ebe61074dc 100644
--- a/docs/src/pages/production-error/ErrorDecoder.js
+++ b/docs/src/pages/production-error/ErrorDecoder.js
@@ -3,7 +3,7 @@ import { useRouter } from 'next/router';
 import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 import { styled } from '@mui/material/styles';
-import { renderInline as renderInlineMarkdown } from '@mui/markdown';
+import { renderMarkdown } from '@mui/markdown';
 import MarkdownElement from 'docs/src/modules/components/MarkdownElement';
 
 const ErrorMessageSection = styled('div')({
@@ -86,7 +86,7 @@ export default function ErrorDecoder() {
       return div.innerHTML;
     });
 
-    return renderInlineMarkdown(readableMessage);
+    return renderMarkdown(readableMessage);
   }, [args, code, data.errorCodes]);
 
   if (data.state === 'loading') {
diff --git a/docs/src/route.ts b/docs/src/route.ts
index 3298d28c4eea04..9f9c973f61e193 100644
--- a/docs/src/route.ts
+++ b/docs/src/route.ts
@@ -26,7 +26,7 @@ const ROUTES = {
   communityHelp: '/material-ui/getting-started/support/#community-help-free',
   blog: '/blog/',
   showcase: '/material-ui/discover-more/showcase/',
-  roadmap: 'https://github.com/mui/mui-x/projects/1',
+  xRoadmap: 'https://github.com/mui/mui-x/projects/1',
   vision: '/material-ui/discover-more/vision/',
   support: '/material-ui/getting-started/support/#professional-support-premium',
   privacyPolicy: 'https://mui.com/legal/privacy/',
@@ -34,6 +34,7 @@ const ROUTES = {
   store: 'https://mui.com/store/',
   advancedComponents: '/x/introduction/',
   toolpadDocs: '/toolpad/getting-started/overview/',
+  xDocs: '/x/introduction',
   dataGridSpace: '/x/react-data-grid/getting-started/',
   dataGridDocs: '/x/react-data-grid/getting-started/',
   dataGridFeatures: '/x/react-data-grid/#features',
diff --git a/docs/tailwind.config.js b/docs/tailwind.config.js
index 44baa508006bbe..539b27b3a14f54 100644
--- a/docs/tailwind.config.js
+++ b/docs/tailwind.config.js
@@ -2,9 +2,11 @@
 // eslint-disable-next-line import/no-import-module-exports
 import plugin from 'tailwindcss/plugin';
 
+const defaultTheme = require('tailwindcss/defaultTheme');
+
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  darkMode: ['class', '[data-mui-color-scheme="dark"]'],
+  darkMode: ['class'],
   content: [
     './data/**/*.{js,ts,jsx,tsx,mdx}',
     './pages/**/*.{js,ts,jsx,tsx,mdx}',
@@ -12,6 +14,12 @@ module.exports = {
   ],
   theme: {
     extend: {
+      animation: {
+        appear: 'in-right 200ms',
+      },
+      border: {
+        3: '3px',
+      },
       boxShadow: {
         'outline-purple': '0 0 0 4px rgba(192, 132, 252, 0.25)',
         'outline-purple-light': '0 0 0 4px rgba(245, 208, 254, 0.25)',
@@ -21,8 +29,8 @@ module.exports = {
       cursor: {
         inherit: 'inherit',
       },
-      border: {
-        3: '3px',
+      fontFamily: {
+        sans: ['IBM Plex Sans', ...defaultTheme.fontFamily.sans],
       },
       keyframes: {
         'in-right': {
@@ -30,14 +38,8 @@ module.exports = {
           to: { transform: 'translateX(0)' },
         },
       },
-      animation: {
-        appear: 'in-right 200ms',
-      },
-      minWidth: {
-        badge: '22px',
-        listbox: '200px',
-        snackbar: '300px',
-        'tabs-list': '400px',
+      lineHeight: {
+        5.5: '1.375rem',
       },
       maxWidth: {
         snackbar: '560px',
@@ -45,8 +47,11 @@ module.exports = {
       minHeight: {
         badge: '22px',
       },
-      lineHeight: {
-        5.5: '1.375rem',
+      minWidth: {
+        badge: '22px',
+        listbox: '200px',
+        snackbar: '300px',
+        'tabs-list': '400px',
       },
     },
   },
diff --git a/docs/translations/api-docs-base/form-control/form-control.json b/docs/translations/api-docs-base/form-control/form-control.json
index be9ded015df78a..ecd0ec685dfb6f 100644
--- a/docs/translations/api-docs-base/form-control/form-control.json
+++ b/docs/translations/api-docs-base/form-control/form-control.json
@@ -17,5 +17,32 @@
     },
     "value": { "description": "The value of the form element." }
   },
-  "classDescriptions": {}
+  "classDescriptions": {
+    "root": { "description": "Class applied to the root element." },
+    "disabled": {
+      "description": "State class applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>disabled={true}</code>"
+    },
+    "error": {
+      "description": "State class applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>error={true}</code>"
+    },
+    "filled": {
+      "description": "State class applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "the inner input has value"
+    },
+    "focused": {
+      "description": "State class applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "the inner input is focused"
+    },
+    "required": {
+      "description": "State class applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>required={true}</code>"
+    }
+  }
 }
diff --git a/docs/translations/api-docs-base/number-input/number-input.json b/docs/translations/api-docs-base/number-input/number-input.json
index 321d31af64704a..cc0f0e31c56329 100644
--- a/docs/translations/api-docs-base/number-input/number-input.json
+++ b/docs/translations/api-docs-base/number-input/number-input.json
@@ -7,6 +7,7 @@
     "disabled": {
       "description": "If <code>true</code>, the component is disabled. The prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
     },
+    "endAdornment": { "description": "Trailing adornment for this input." },
     "error": {
       "description": "If <code>true</code>, the <code>input</code> will indicate an error by setting the <code>aria-invalid</code> attribute on the input and the <code>Mui-error</code> class on the root element."
     },
@@ -37,6 +38,7 @@
     "slots": {
       "description": "The components used for each slot inside the InputBase. Either a string to use a HTML element or a component."
     },
+    "startAdornment": { "description": "Leading adornment for this input." },
     "step": { "description": "The amount that the value changes on each increment or decrement." },
     "value": { "description": "The current value. Use when the component is controlled." }
   },
@@ -47,6 +49,16 @@
       "nodeName": "the root element",
       "conditions": "the component is a descendant of <code>FormControl</code>"
     },
+    "adornedStart": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>startAdornment</code> is provided"
+    },
+    "adornedEnd": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>endAdornment</code> is provided"
+    },
     "focused": {
       "description": "Class name applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the root element",
diff --git a/docs/translations/api-docs-base/popper/popper.json b/docs/translations/api-docs-base/popper/popper.json
index 692fd39ca0bd09..c6992d55ad4cb2 100644
--- a/docs/translations/api-docs-base/popper/popper.json
+++ b/docs/translations/api-docs-base/popper/popper.json
@@ -32,5 +32,5 @@
       "description": "Help supporting a react-transition-group/Transition component."
     }
   },
-  "classDescriptions": {}
+  "classDescriptions": { "root": { "description": "Class name applied to the root element." } }
 }
diff --git a/docs/translations/api-docs-base/popup/popup.json b/docs/translations/api-docs-base/popup/popup.json
new file mode 100644
index 00000000000000..36079b09923ef9
--- /dev/null
+++ b/docs/translations/api-docs-base/popup/popup.json
@@ -0,0 +1,44 @@
+{
+  "componentDescription": "",
+  "propDescriptions": {
+    "anchor": {
+      "description": "An HTML element, <a href=\"https://floating-ui.com/docs/virtual-elements\">virtual element</a>, or a function that returns either. It&#39;s used to set the position of the popup."
+    },
+    "container": {
+      "description": "An HTML element or function that returns one. The container will have the portal children appended to it. By default, it uses the body of the top-level document object, so it&#39;s <code>document.body</code> in these cases."
+    },
+    "disablePortal": {
+      "description": "If <code>true</code>, the popup will be rendered where it is defined, without the use of portals."
+    },
+    "keepMounted": {
+      "description": "If <code>true</code>, the popup will exist in the DOM even if it&#39;s closed. Its visibility will be controlled by the <code>display</code> CSS property.<br>Otherwise, a closed popup will be removed from the DOM."
+    },
+    "middleware": {
+      "description": "Collection of Floating UI middleware to use when positioning the popup. If not provided, the <a href=\"https://floating-ui.com/docs/offset\"><code>offset</code></a> and <a href=\"https://floating-ui.com/docs/flip\"><code>flip</code></a> functions will be used."
+    },
+    "offset": {
+      "description": "Distance between a popup and the trigger element. This prop is ignored when custom <code>middleware</code> is provided."
+    },
+    "open": { "description": "If <code>true</code>, the popup is visible." },
+    "placement": {
+      "description": "Determines where to place the popup relative to the trigger element."
+    },
+    "slotProps": { "description": "The props used for each slot inside the Popup." },
+    "slots": {
+      "description": "The components used for each slot inside the Popup. Either a string to use a HTML element or a component."
+    },
+    "strategy": { "description": "The type of CSS position property to use (absolute or fixed)." },
+    "withTransition": {
+      "description": "If <code>true</code>, the popup will not disappear immediately when it needs to be closed but wait until the exit transition has finished. In such a case, a function form of <code>children</code> must be used and <code>onExited</code> callback function must be called when the transition or animation finish."
+    }
+  },
+  "classDescriptions": {
+    "root": { "description": "Class name applied to the root element." },
+    "open": {
+      "description": "Class name applied to {{nodeName}} when {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "the popup is open"
+    }
+  },
+  "slotDescriptions": { "root": "The component that renders the root." }
+}
diff --git a/docs/translations/api-docs-base/select/select.json b/docs/translations/api-docs-base/select/select.json
index b8b0aa0abbc8a8..3fb87260c9dfa9 100644
--- a/docs/translations/api-docs-base/select/select.json
+++ b/docs/translations/api-docs-base/select/select.json
@@ -32,9 +32,13 @@
     "onListboxOpenChange": {
       "description": "Callback fired when the component requests to be opened. Use in controlled mode (see listboxOpen)."
     },
+    "placeholder": { "description": "Text to show when there is no selected value." },
     "renderValue": {
       "description": "Function that customizes the rendering of the selected value."
     },
+    "required": {
+      "description": "If <code>true</code>, the Select cannot be empty when submitting form."
+    },
     "slotProps": { "description": "The props used for each slot inside the Input." },
     "slots": {
       "description": "The components used for each slot inside the Select. Either a string to use a HTML element or a component."
diff --git a/docs/translations/api-docs-base/slider/slider.json b/docs/translations/api-docs-base/slider/slider.json
index 43168293706ae4..50e9b4e7a1c6ee 100644
--- a/docs/translations/api-docs-base/slider/slider.json
+++ b/docs/translations/api-docs-base/slider/slider.json
@@ -65,7 +65,7 @@
     },
     "tabIndex": { "description": "Tab index attribute of the hidden <code>input</code> element." },
     "track": {
-      "description": "The track presentation:<br>- <code>normal</code> the track will render a bar representing the slider value. - <code>inverted</code> the track will render a bar representing the remaining slider value. - <code>false</code> the track will render without a bar."
+      "description": "<p>The track presentation:</p>\n<ul>\n<li><code>normal</code> the track will render a bar representing the slider value.</li>\n<li><code>inverted</code> the track will render a bar representing the remaining slider value.</li>\n<li><code>false</code> the track will render without a bar.</li>\n</ul>\n"
     },
     "value": {
       "description": "The value of the slider. For ranged sliders, provide an array with two values."
diff --git a/docs/translations/api-docs-joy/accordion-details/accordion-details.json b/docs/translations/api-docs-joy/accordion-details/accordion-details.json
new file mode 100644
index 00000000000000..7e8a60b027e7e4
--- /dev/null
+++ b/docs/translations/api-docs-joy/accordion-details/accordion-details.json
@@ -0,0 +1,38 @@
+{
+  "componentDescription": "⚠️ AccordionDetails must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.",
+  "propDescriptions": {
+    "children": {
+      "description": "Used to render icon or text elements inside the AccordionDetails if <code>src</code> is not set. This can be an element, or just a string."
+    },
+    "color": {
+      "description": "The color of the component. It supports those theme colors that make sense for this component."
+    },
+    "component": {
+      "description": "The component used for the root node. Either a string to use a HTML element or a component."
+    },
+    "slotProps": { "description": "The props used for each slot inside." },
+    "slots": { "description": "The components used for each slot inside." },
+    "sx": {
+      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
+    },
+    "variant": {
+      "description": "The <a href=\"https://mui.com/joy-ui/main-features/global-variants/\">global variant</a> to use."
+    }
+  },
+  "classDescriptions": {
+    "root": { "description": "Class name applied to the root element." },
+    "content": {
+      "description": "Class name applied to {{nodeName}}.",
+      "nodeName": "the content element"
+    },
+    "expanded": {
+      "description": "Class name applied to {{nodeName}} when {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "expanded"
+    }
+  },
+  "slotDescriptions": {
+    "root": "The component that renders the root.",
+    "content": "The component that renders the content."
+  }
+}
diff --git a/docs/translations/api-docs-joy/accordion-group/accordion-group.json b/docs/translations/api-docs-joy/accordion-group/accordion-group.json
new file mode 100644
index 00000000000000..d630c9495a0800
--- /dev/null
+++ b/docs/translations/api-docs-joy/accordion-group/accordion-group.json
@@ -0,0 +1,96 @@
+{
+  "componentDescription": "⚠️ AccordionGroup must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.",
+  "propDescriptions": {
+    "children": {
+      "description": "Used to render icon or text elements inside the AccordionGroup if <code>src</code> is not set. This can be an element, or just a string."
+    },
+    "color": {
+      "description": "The color of the component. It supports those theme colors that make sense for this component."
+    },
+    "component": {
+      "description": "The component used for the root node. Either a string to use a HTML element or a component."
+    },
+    "disableDivider": {
+      "description": "If <code>true</code>, the divider between accordions will be hidden."
+    },
+    "size": { "description": "The size of the component (affect other nested list* components)." },
+    "slotProps": { "description": "The props used for each slot inside." },
+    "slots": { "description": "The components used for each slot inside." },
+    "sx": {
+      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
+    },
+    "transition": { "description": "The CSS transition for the Accordion details." },
+    "variant": {
+      "description": "The <a href=\"https://mui.com/joy-ui/main-features/global-variants/\">global variant</a> to use."
+    }
+  },
+  "classDescriptions": {
+    "root": { "description": "Class name applied to the root element." },
+    "colorPrimary": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"primary\"</code>"
+    },
+    "colorNeutral": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"neutral\"</code>"
+    },
+    "colorDanger": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"danger\"</code>"
+    },
+    "colorSuccess": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"success\"</code>"
+    },
+    "colorWarning": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"warning\"</code>"
+    },
+    "colorContext": {
+      "description": "Class name applied to {{nodeName}} when {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "color inversion is triggered"
+    },
+    "variantPlain": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"plain\"</code>"
+    },
+    "variantOutlined": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"outlined\"</code>"
+    },
+    "variantSoft": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"soft\"</code>"
+    },
+    "variantSolid": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"solid\"</code>"
+    },
+    "sizeSm": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"sm\"</code>"
+    },
+    "sizeMd": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"md\"</code>"
+    },
+    "sizeLg": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"lg\"</code>"
+    }
+  },
+  "slotDescriptions": { "root": "The component that renders the root." }
+}
diff --git a/docs/translations/api-docs-joy/accordion-summary/accordion-summary.json b/docs/translations/api-docs-joy/accordion-summary/accordion-summary.json
new file mode 100644
index 00000000000000..16a3471c79be0e
--- /dev/null
+++ b/docs/translations/api-docs-joy/accordion-summary/accordion-summary.json
@@ -0,0 +1,41 @@
+{
+  "componentDescription": "⚠️ AccordionSummary must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.",
+  "propDescriptions": {
+    "children": {
+      "description": "Used to render icon or text elements inside the AccordionSummary if <code>src</code> is not set. This can be an element, or just a string."
+    },
+    "color": {
+      "description": "The color of the component. It supports those theme colors that make sense for this component."
+    },
+    "component": {
+      "description": "The component used for the root node. Either a string to use a HTML element or a component."
+    },
+    "indicator": { "description": "The indicator element to display." },
+    "slotProps": { "description": "The props used for each slot inside." },
+    "slots": { "description": "The components used for each slot inside." },
+    "sx": {
+      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
+    },
+    "variant": {
+      "description": "The <a href=\"https://mui.com/joy-ui/main-features/global-variants/\">global variant</a> to use."
+    }
+  },
+  "classDescriptions": {
+    "root": { "description": "Class name applied to the root element." },
+    "button": {
+      "description": "Class name applied to {{nodeName}}.",
+      "nodeName": "the button element"
+    },
+    "indicator": {
+      "description": "Class name applied to {{nodeName}}.",
+      "nodeName": "the indicator element"
+    },
+    "disabled": { "description": "Class name applied when the accordion is disabled." },
+    "expanded": { "description": "Class name applied when the accordion is expanded." }
+  },
+  "slotDescriptions": {
+    "root": "The component that renders the root.",
+    "button": "The component that renders the button.",
+    "indicator": "The component that renders the indicator."
+  }
+}
diff --git a/docs/translations/api-docs-joy/accordion/accordion.json b/docs/translations/api-docs-joy/accordion/accordion.json
new file mode 100644
index 00000000000000..dbd97469a5dcf7
--- /dev/null
+++ b/docs/translations/api-docs-joy/accordion/accordion.json
@@ -0,0 +1,51 @@
+{
+  "componentDescription": "⚠️ Accordion must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.",
+  "propDescriptions": {
+    "accordionId": {
+      "description": "The id to be used in the AccordionDetails which is controlled by the AccordionSummary. If not provided, the id is autogenerated."
+    },
+    "children": {
+      "description": "Used to render icon or text elements inside the Accordion if <code>src</code> is not set. This can be an element, or just a string."
+    },
+    "color": {
+      "description": "The color of the component. It supports those theme colors that make sense for this component."
+    },
+    "component": {
+      "description": "The component used for the root node. Either a string to use a HTML element or a component."
+    },
+    "defaultExpanded": { "description": "If <code>true</code>, expands the accordion by default." },
+    "disabled": { "description": "If <code>true</code>, the component is disabled." },
+    "expanded": {
+      "description": "If <code>true</code>, expands the accordion, otherwise collapse it. Setting this prop enables control over the accordion."
+    },
+    "onChange": {
+      "description": "Callback fired when the expand/collapse state is changed.",
+      "typeDescriptions": {
+        "event": "The event source of the callback. <strong>Warning</strong>: This is a generic event not a change event.",
+        "expanded": "The <code>expanded</code> state of the accordion."
+      }
+    },
+    "slotProps": { "description": "The props used for each slot inside." },
+    "slots": { "description": "The components used for each slot inside." },
+    "sx": {
+      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
+    },
+    "variant": {
+      "description": "The <a href=\"https://mui.com/joy-ui/main-features/global-variants/\">global variant</a> to use."
+    }
+  },
+  "classDescriptions": {
+    "root": { "description": "Class name applied to the root element." },
+    "expanded": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>expanded</code> is true"
+    },
+    "disabled": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>disabled</code> is true"
+    }
+  },
+  "slotDescriptions": { "root": "The component that renders the root." }
+}
diff --git a/docs/translations/api-docs-joy/aspect-ratio/aspect-ratio.json b/docs/translations/api-docs-joy/aspect-ratio/aspect-ratio.json
index 72d1490f7454be..7bbb6b7fe8f4b6 100644
--- a/docs/translations/api-docs-joy/aspect-ratio/aspect-ratio.json
+++ b/docs/translations/api-docs-joy/aspect-ratio/aspect-ratio.json
@@ -10,6 +10,9 @@
     "component": {
       "description": "The component used for the root node. Either a string to use a HTML element or a component."
     },
+    "flex": {
+      "description": "By default, the AspectRatio will maintain the aspect ratio of its content. Set this prop to <code>true</code> when the container is a flex row and you want the AspectRatio to fill the height of its container."
+    },
     "maxHeight": {
       "description": "The maximum calculated height of the element (not the CSS height)."
     },
diff --git a/docs/translations/api-docs-joy/autocomplete-listbox/autocomplete-listbox.json b/docs/translations/api-docs-joy/autocomplete-listbox/autocomplete-listbox.json
index ccfe29967de631..ec1f66b551c24a 100644
--- a/docs/translations/api-docs-joy/autocomplete-listbox/autocomplete-listbox.json
+++ b/docs/translations/api-docs-joy/autocomplete-listbox/autocomplete-listbox.json
@@ -20,28 +20,44 @@
   "classDescriptions": {
     "root": { "description": "Class name applied to the root element." },
     "sizeSm": {
-      "description": "Classname applied to the root element if <code>size=&quot;sm&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"sm\"</code>"
     },
     "sizeMd": {
-      "description": "Classname applied to the root element if <code>size=&quot;md&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"md\"</code>"
     },
     "sizeLg": {
-      "description": "Classname applied to the root element if <code>size=&quot;lg&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"lg\"</code>"
     },
     "colorPrimary": {
-      "description": "Classname applied to the root element if <code>color=&quot;primary&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"primary\"</code>"
     },
     "colorNeutral": {
-      "description": "Classname applied to the root element if <code>color=&quot;neutral&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"neutral\"</code>"
     },
     "colorDanger": {
-      "description": "Classname applied to the root element if <code>color=&quot;danger&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"danger\"</code>"
     },
     "colorSuccess": {
-      "description": "Classname applied to the root element if <code>color=&quot;success&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"success\"</code>"
     },
     "colorWarning": {
-      "description": "Classname applied to the root element if <code>color=&quot;warning&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"warning\"</code>"
     },
     "colorContext": {
       "description": "Class name applied to {{nodeName}} when {{conditions}}.",
@@ -49,16 +65,24 @@
       "conditions": "color inversion is triggered"
     },
     "variantPlain": {
-      "description": "Classname applied to the root element if <code>variant=&quot;plain&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"plain\"</code>"
     },
     "variantOutlined": {
-      "description": "Classname applied to the root element if <code>variant=&quot;outlined&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"outlined\"</code>"
     },
     "variantSoft": {
-      "description": "Classname applied to the root element if <code>variant=&quot;soft&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"soft\"</code>"
     },
     "variantSolid": {
-      "description": "Classname applied to the root element if <code>variant=&quot;solid&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"solid\"</code>"
     }
   },
   "slotDescriptions": { "root": "The component that renders the root." }
diff --git a/docs/translations/api-docs-joy/chip-delete/chip-delete.json b/docs/translations/api-docs-joy/chip-delete/chip-delete.json
index f1303a7956cf6b..f473b1415b7c3a 100644
--- a/docs/translations/api-docs-joy/chip-delete/chip-delete.json
+++ b/docs/translations/api-docs-joy/chip-delete/chip-delete.json
@@ -12,7 +12,7 @@
       "description": "If <code>true</code>, the component is disabled. If <code>undefined</code>, the value inherits from the parent chip via a React context."
     },
     "onDelete": {
-      "description": "Callback fired when the component is not disabled and either: - <code>Backspace</code>, <code>Enter</code> or <code>Delete</code> is pressed. - The component is clicked."
+      "description": "<p>Callback fired when the component is not disabled and either:</p>\n<ul>\n<li><code>Backspace</code>, <code>Enter</code> or <code>Delete</code> is pressed.</li>\n<li>The component is clicked.</li>\n</ul>\n"
     },
     "slotProps": { "description": "The props used for each slot inside." },
     "slots": { "description": "The components used for each slot inside." },
diff --git a/docs/translations/api-docs-joy/dialog-actions/dialog-actions.json b/docs/translations/api-docs-joy/dialog-actions/dialog-actions.json
new file mode 100644
index 00000000000000..100cf8d3bc8d6f
--- /dev/null
+++ b/docs/translations/api-docs-joy/dialog-actions/dialog-actions.json
@@ -0,0 +1,20 @@
+{
+  "componentDescription": "",
+  "propDescriptions": {
+    "buttonFlex": { "description": "The CSS <code>flex</code> for the Button and its wrapper." },
+    "children": {
+      "description": "Used to render icon or text elements inside the DialogActions if <code>src</code> is not set. This can be an element, or just a string."
+    },
+    "component": {
+      "description": "The component used for the root node. Either a string to use a HTML element or a component."
+    },
+    "orientation": { "description": "The component orientation." },
+    "slotProps": { "description": "The props used for each slot inside." },
+    "slots": { "description": "The components used for each slot inside." },
+    "sx": {
+      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
+    }
+  },
+  "classDescriptions": { "root": { "description": "Class name applied to the root element." } },
+  "slotDescriptions": { "root": "The component that renders the root." }
+}
diff --git a/docs/translations/api-docs-joy/dialog-content/dialog-content.json b/docs/translations/api-docs-joy/dialog-content/dialog-content.json
new file mode 100644
index 00000000000000..625b95457901e5
--- /dev/null
+++ b/docs/translations/api-docs-joy/dialog-content/dialog-content.json
@@ -0,0 +1,19 @@
+{
+  "componentDescription": "⚠️ DialogContent must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.",
+  "propDescriptions": {
+    "children": {
+      "description": "Used to render icon or text elements inside the CardContent if <code>src</code> is not set. This can be an element, or just a string."
+    },
+    "component": {
+      "description": "The component used for the root node. Either a string to use a HTML element or a component."
+    },
+    "orientation": { "description": "The component orientation." },
+    "slotProps": { "description": "The props used for each slot inside." },
+    "slots": { "description": "The components used for each slot inside." },
+    "sx": {
+      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
+    }
+  },
+  "classDescriptions": { "root": { "description": "Class name applied to the root element." } },
+  "slotDescriptions": { "root": "The component that renders the root." }
+}
diff --git a/docs/translations/api-docs-joy/dialog-title/dialog-title.json b/docs/translations/api-docs-joy/dialog-title/dialog-title.json
new file mode 100644
index 00000000000000..dd54dcc4f238d9
--- /dev/null
+++ b/docs/translations/api-docs-joy/dialog-title/dialog-title.json
@@ -0,0 +1,132 @@
+{
+  "componentDescription": "⚠️ DialogTitle must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.",
+  "propDescriptions": {
+    "children": {
+      "description": "Used to render icon or text elements inside the DialogTitle if <code>src</code> is not set. This can be an element, or just a string."
+    },
+    "color": {
+      "description": "The color of the component. It supports those theme colors that make sense for this component."
+    },
+    "component": {
+      "description": "The component used for the root node. Either a string to use a HTML element or a component."
+    },
+    "level": { "description": "Applies the theme typography styles." },
+    "slotProps": { "description": "The props used for each slot inside." },
+    "slots": { "description": "The components used for each slot inside." },
+    "sx": {
+      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
+    },
+    "variant": {
+      "description": "The <a href=\"https://mui.com/joy-ui/main-features/global-variants/\">global variant</a> to use."
+    }
+  },
+  "classDescriptions": {
+    "root": { "description": "Class name applied to the root element." },
+    "h1": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>level=\"h1\"</code>"
+    },
+    "h2": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>level=\"h2\"</code>"
+    },
+    "h3": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>level=\"h3\"</code>"
+    },
+    "h4": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>level=\"h4\"</code>"
+    },
+    "title-lg": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>level=\"title-lg\"</code>"
+    },
+    "title-md": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>level=\"title-md\"</code>"
+    },
+    "title-sm": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>level=\"title-sm\"</code>"
+    },
+    "body-lg": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>level=\"body-lg\"</code>"
+    },
+    "body-md": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>level=\"body-md\"</code>"
+    },
+    "body-sm": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>level=\"body-sm\"</code>"
+    },
+    "body-xs": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>level=\"body-xs\"</code>"
+    },
+    "colorPrimary": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"primary\"</code>"
+    },
+    "colorNeutral": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"neutral\"</code>"
+    },
+    "colorDanger": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"danger\"</code>"
+    },
+    "colorSuccess": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"success\"</code>"
+    },
+    "colorWarning": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"warning\"</code>"
+    },
+    "colorContext": {
+      "description": "Class name applied to {{nodeName}} when {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "color inversion is triggered"
+    },
+    "variantPlain": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"plain\"</code>"
+    },
+    "variantOutlined": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"outlined\"</code>"
+    },
+    "variantSoft": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"soft\"</code>"
+    },
+    "variantSolid": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"solid\"</code>"
+    }
+  },
+  "slotDescriptions": { "root": "The component that renders the root." }
+}
diff --git a/docs/translations/api-docs-joy/drawer-content/drawer-content.json b/docs/translations/api-docs-joy/drawer-content/drawer-content.json
new file mode 100644
index 00000000000000..cb483760fe1411
--- /dev/null
+++ b/docs/translations/api-docs-joy/drawer-content/drawer-content.json
@@ -0,0 +1,90 @@
+{
+  "componentDescription": "",
+  "propDescriptions": {
+    "children": { "description": "The content of the component." },
+    "color": {
+      "description": "The color of the component. It supports those theme colors that make sense for this component."
+    },
+    "component": {
+      "description": "The component used for the root node. Either a string to use a HTML element or a component."
+    },
+    "size": { "description": "The size of the component." },
+    "slotProps": { "description": "The props used for each slot inside." },
+    "slots": { "description": "The components used for each slot inside." },
+    "sx": {
+      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
+    },
+    "variant": {
+      "description": "The <a href=\"https://mui.com/joy-ui/main-features/global-variants/\">global variant</a> to use."
+    }
+  },
+  "classDescriptions": {
+    "root": { "description": "Class name applied to the root element." },
+    "colorPrimary": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"primary\"</code>"
+    },
+    "colorNeutral": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"neutral\"</code>"
+    },
+    "colorDanger": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"danger\"</code>"
+    },
+    "colorSuccess": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"success\"</code>"
+    },
+    "colorWarning": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"warning\"</code>"
+    },
+    "colorContext": {
+      "description": "Class name applied to {{nodeName}} when {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "color inversion is triggered"
+    },
+    "variantPlain": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"plain\"</code>"
+    },
+    "variantOutlined": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"outlined\"</code>"
+    },
+    "variantSoft": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"soft\"</code>"
+    },
+    "variantSolid": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"solid\"</code>"
+    },
+    "sizeSm": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"sm\"</code>"
+    },
+    "sizeMd": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"md\"</code>"
+    },
+    "sizeLg": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"lg\"</code>"
+    }
+  },
+  "slotDescriptions": { "root": "The component that renders the root." }
+}
diff --git a/docs/translations/api-docs-joy/drawer/drawer.json b/docs/translations/api-docs-joy/drawer/drawer.json
new file mode 100644
index 00000000000000..ce8f718ab285fb
--- /dev/null
+++ b/docs/translations/api-docs-joy/drawer/drawer.json
@@ -0,0 +1,135 @@
+{
+  "componentDescription": "The navigation drawers (or \"sidebars\") provide ergonomic access to destinations in a site or app functionality such as switching accounts.",
+  "propDescriptions": {
+    "anchor": { "description": "Side from which the drawer will appear." },
+    "color": {
+      "description": "The color of the component. It supports those theme colors that make sense for this component."
+    },
+    "component": {
+      "description": "The component used for the root node. Either a string to use a HTML element or a component."
+    },
+    "container": {
+      "description": "An HTML element or function that returns one. The <code>container</code> will have the portal children appended to it.<br>By default, it uses the body of the top-level document object, so it&#39;s simply <code>document.body</code> most of the time."
+    },
+    "disableAutoFocus": {
+      "description": "If <code>true</code>, the modal will not automatically shift focus to itself when it opens, and replace it to the last focused element when it closes. This also works correctly with any modal children that have the <code>disableAutoFocus</code> prop.<br>Generally this should never be set to <code>true</code> as it makes the modal less accessible to assistive technologies, like screen readers."
+    },
+    "disableEnforceFocus": {
+      "description": "If <code>true</code>, the modal will not prevent focus from leaving the modal while open.<br>Generally this should never be set to <code>true</code> as it makes the modal less accessible to assistive technologies, like screen readers."
+    },
+    "disableEscapeKeyDown": {
+      "description": "If <code>true</code>, hitting escape will not fire the <code>onClose</code> callback."
+    },
+    "disablePortal": {
+      "description": "The <code>children</code> will be under the DOM hierarchy of the parent component."
+    },
+    "disableRestoreFocus": {
+      "description": "If <code>true</code>, the modal will not restore focus to previously focused element once modal is hidden or unmounted."
+    },
+    "disableScrollLock": { "description": "Disable the scroll lock behavior." },
+    "hideBackdrop": { "description": "If <code>true</code>, the backdrop is not rendered." },
+    "invertedColors": {
+      "description": "If <code>true</code>, the children with an implicit color prop invert their colors to match the component&#39;s variant and color."
+    },
+    "onClose": {
+      "description": "Callback fired when the component requests to be closed. The <code>reason</code> parameter can optionally be used to control the response to <code>onClose</code>.",
+      "typeDescriptions": {
+        "event": "The event source of the callback.",
+        "reason": "Can be: <code>&quot;escapeKeyDown&quot;</code>, <code>&quot;backdropClick&quot;</code>, <code>&quot;closeClick&quot;</code>."
+      }
+    },
+    "open": { "description": "If <code>true</code>, the component is shown." },
+    "size": { "description": "The size of the component." },
+    "slotProps": { "description": "The props used for each slot inside." },
+    "slots": { "description": "The components used for each slot inside." },
+    "variant": {
+      "description": "The <a href=\"https://mui.com/joy-ui/main-features/global-variants/\">global variant</a> to use."
+    }
+  },
+  "classDescriptions": {
+    "root": { "description": "Class name applied to the root element." },
+    "hidden": {
+      "description": "Class name applied to {{nodeName}} when {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "open is false"
+    },
+    "backdrop": {
+      "description": "Class name applied to {{nodeName}}.",
+      "nodeName": "the backdrop element"
+    },
+    "content": {
+      "description": "Class name applied to {{nodeName}}.",
+      "nodeName": "the content element"
+    },
+    "colorPrimary": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"primary\"</code>"
+    },
+    "colorNeutral": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"neutral\"</code>"
+    },
+    "colorDanger": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"danger\"</code>"
+    },
+    "colorSuccess": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"success\"</code>"
+    },
+    "colorWarning": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"warning\"</code>"
+    },
+    "colorContext": {
+      "description": "Class name applied to {{nodeName}} when {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "color inversion is triggered"
+    },
+    "variantPlain": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"plain\"</code>"
+    },
+    "variantOutlined": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"outlined\"</code>"
+    },
+    "variantSoft": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"soft\"</code>"
+    },
+    "variantSolid": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"solid\"</code>"
+    },
+    "sizeSm": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"sm\"</code>"
+    },
+    "sizeMd": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"md\"</code>"
+    },
+    "sizeLg": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"lg\"</code>"
+    }
+  },
+  "slotDescriptions": {
+    "root": "The component that renders the root.",
+    "backdrop": "The component that renders the backdrop.",
+    "content": "The component that renders the content of the drawer."
+  }
+}
diff --git a/docs/translations/api-docs-joy/input/input.json b/docs/translations/api-docs-joy/input/input.json
index 0e6f5cf273e59a..c51024434afe3d 100644
--- a/docs/translations/api-docs-joy/input/input.json
+++ b/docs/translations/api-docs-joy/input/input.json
@@ -10,7 +10,7 @@
       "description": "If <code>true</code>, the <code>input</code> will indicate an error. The prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
     },
     "fullWidth": {
-      "description": "If <code>true</code>, the button will take up the full width of its container."
+      "description": "If <code>true</code>, the input will take up the full width of its container."
     },
     "size": { "description": "The size of the component." },
     "startDecorator": { "description": "Leading adornment for this input." },
diff --git a/docs/translations/api-docs-joy/list/list.json b/docs/translations/api-docs-joy/list/list.json
index 2969d64b1bf5a7..1ea2a5c6b4283f 100644
--- a/docs/translations/api-docs-joy/list/list.json
+++ b/docs/translations/api-docs-joy/list/list.json
@@ -23,36 +23,56 @@
     }
   },
   "classDescriptions": {
-    "root": { "description": "Classname applied to the root element." },
+    "root": { "description": "Class name applied to the root element." },
     "nesting": {
-      "description": "Classname applied to the root element if wrapped with nested context."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "wrapped with nested context"
     },
     "scoped": {
-      "description": "Classname applied to the root element if <code>scoped</code> is true."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>scoped</code> is true"
     },
     "sizeSm": {
-      "description": "Classname applied to the root element if <code>size=&quot;sm&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"sm\"</code>"
     },
     "sizeMd": {
-      "description": "Classname applied to the root element if <code>size=&quot;md&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"md\"</code>"
     },
     "sizeLg": {
-      "description": "Classname applied to the root element if <code>size=&quot;lg&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"lg\"</code>"
     },
     "colorPrimary": {
-      "description": "Classname applied to the root element if <code>color=&quot;primary&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"primary\"</code>"
     },
     "colorNeutral": {
-      "description": "Classname applied to the root element if <code>color=&quot;neutral&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"neutral\"</code>"
     },
     "colorDanger": {
-      "description": "Classname applied to the root element if <code>color=&quot;danger&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"danger\"</code>"
     },
     "colorSuccess": {
-      "description": "Classname applied to the root element if <code>color=&quot;success&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"success\"</code>"
     },
     "colorWarning": {
-      "description": "Classname applied to the root element if <code>color=&quot;warning&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"warning\"</code>"
     },
     "colorContext": {
       "description": "Class name applied to {{nodeName}} when {{conditions}}.",
@@ -60,16 +80,24 @@
       "conditions": "color inversion is triggered"
     },
     "variantPlain": {
-      "description": "Classname applied to the root element if <code>variant=&quot;plain&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"plain\"</code>"
     },
     "variantOutlined": {
-      "description": "Classname applied to the root element if <code>variant=&quot;outlined&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"outlined\"</code>"
     },
     "variantSoft": {
-      "description": "Classname applied to the root element if <code>variant=&quot;soft&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"soft\"</code>"
     },
     "variantSolid": {
-      "description": "Classname applied to the root element if <code>variant=&quot;solid&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"solid\"</code>"
     },
     "horizontal": {
       "description": "Class name applied to {{nodeName}} if {{conditions}}.",
diff --git a/docs/translations/api-docs-joy/menu-list/menu-list.json b/docs/translations/api-docs-joy/menu-list/menu-list.json
index 00babbbe67ca2f..6e035ff0cd4c8c 100644
--- a/docs/translations/api-docs-joy/menu-list/menu-list.json
+++ b/docs/translations/api-docs-joy/menu-list/menu-list.json
@@ -43,19 +43,29 @@
       "conditions": "<code>size=\"lg\"</code>"
     },
     "colorPrimary": {
-      "description": "Classname applied to the root element if <code>color=&quot;primary&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"primary\"</code>"
     },
     "colorNeutral": {
-      "description": "Classname applied to the root element if <code>color=&quot;neutral&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"neutral\"</code>"
     },
     "colorDanger": {
-      "description": "Classname applied to the root element if <code>color=&quot;danger&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"danger\"</code>"
     },
     "colorSuccess": {
-      "description": "Classname applied to the root element if <code>color=&quot;success&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"success\"</code>"
     },
     "colorWarning": {
-      "description": "Classname applied to the root element if <code>color=&quot;warning&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"warning\"</code>"
     },
     "colorContext": {
       "description": "Class name applied to {{nodeName}} when {{conditions}}.",
@@ -63,16 +73,24 @@
       "conditions": "color inversion is triggered"
     },
     "variantPlain": {
-      "description": "Classname applied to the root element if <code>variant=&quot;plain&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"plain\"</code>"
     },
     "variantOutlined": {
-      "description": "Classname applied to the root element if <code>variant=&quot;outlined&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"outlined\"</code>"
     },
     "variantSoft": {
-      "description": "Classname applied to the root element if <code>variant=&quot;soft&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"soft\"</code>"
     },
     "variantSolid": {
-      "description": "Classname applied to the root element if <code>variant=&quot;solid&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"solid\"</code>"
     }
   },
   "slotDescriptions": { "root": "The component that renders the root." }
diff --git a/docs/translations/api-docs-joy/menu/menu.json b/docs/translations/api-docs-joy/menu/menu.json
index b04ee5b83d52be..b763c0ebdb71f7 100644
--- a/docs/translations/api-docs-joy/menu/menu.json
+++ b/docs/translations/api-docs-joy/menu/menu.json
@@ -40,23 +40,40 @@
     }
   },
   "classDescriptions": {
-    "root": { "description": "Classname applied to the root element." },
-    "listbox": { "description": "Classname applied to the listbox element." },
-    "expanded": { "description": "Classname applied to the root element when the menu open." },
+    "root": { "description": "Class name applied to the root element." },
+    "listbox": {
+      "description": "Class name applied to {{nodeName}}.",
+      "nodeName": "the listbox element"
+    },
+    "expanded": {
+      "description": "Class name applied to {{nodeName}} when {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "the menu open"
+    },
     "colorPrimary": {
-      "description": "Classname applied to the root element if <code>color=&quot;primary&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"primary\"</code>"
     },
     "colorNeutral": {
-      "description": "Classname applied to the root element if <code>color=&quot;neutral&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"neutral\"</code>"
     },
     "colorDanger": {
-      "description": "Classname applied to the root element if <code>color=&quot;danger&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"danger\"</code>"
     },
     "colorSuccess": {
-      "description": "Classname applied to the root element if <code>color=&quot;success&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"success\"</code>"
     },
     "colorWarning": {
-      "description": "Classname applied to the root element if <code>color=&quot;warning&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"warning\"</code>"
     },
     "colorContext": {
       "description": "Class name applied to {{nodeName}} when {{conditions}}.",
@@ -64,25 +81,39 @@
       "conditions": "color inversion is triggered"
     },
     "variantPlain": {
-      "description": "Classname applied to the root element if <code>variant=&quot;plain&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"plain\"</code>"
     },
     "variantOutlined": {
-      "description": "Classname applied to the root element if <code>variant=&quot;outlined&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"outlined\"</code>"
     },
     "variantSoft": {
-      "description": "Classname applied to the root element if <code>variant=&quot;soft&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"soft\"</code>"
     },
     "variantSolid": {
-      "description": "Classname applied to the root element if <code>variant=&quot;solid&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"solid\"</code>"
     },
     "sizeSm": {
-      "description": "Classname applied to the root element if <code>size=&quot;sm&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"sm\"</code>"
     },
     "sizeMd": {
-      "description": "Classname applied to the root element if <code>size=&quot;md&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"md\"</code>"
     },
     "sizeLg": {
-      "description": "Classname applied to the root element if <code>size=&quot;lg&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"lg\"</code>"
     }
   },
   "slotDescriptions": { "root": "The component that renders the root." }
diff --git a/docs/translations/api-docs-joy/modal-dialog/modal-dialog.json b/docs/translations/api-docs-joy/modal-dialog/modal-dialog.json
index a3c3beb1aae31f..2e30e1c09d8899 100644
--- a/docs/translations/api-docs-joy/modal-dialog/modal-dialog.json
+++ b/docs/translations/api-docs-joy/modal-dialog/modal-dialog.json
@@ -8,7 +8,13 @@
     "component": {
       "description": "The component used for the root node. Either a string to use a HTML element or a component."
     },
+    "invertedColors": {
+      "description": "If <code>true</code>, the children with an implicit color prop invert their colors to match the component&#39;s variant and color."
+    },
     "layout": { "description": "The layout of the dialog" },
+    "maxWidth": { "description": "The maximum width of the component." },
+    "minWidth": { "description": "The minimum width of the component." },
+    "orientation": { "description": "The component orientation." },
     "size": { "description": "The size of the component." },
     "slotProps": { "description": "The props used for each slot inside." },
     "slots": { "description": "The components used for each slot inside." },
diff --git a/docs/translations/api-docs-joy/modal/modal.json b/docs/translations/api-docs-joy/modal/modal.json
index d17eee52f6ae89..380f77c803b1bd 100644
--- a/docs/translations/api-docs-joy/modal/modal.json
+++ b/docs/translations/api-docs-joy/modal/modal.json
@@ -44,6 +44,11 @@
   },
   "classDescriptions": {
     "root": { "description": "Class name applied to the root element." },
+    "hidden": {
+      "description": "Class name applied to {{nodeName}} when {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "open is false"
+    },
     "backdrop": {
       "description": "Class name applied to {{nodeName}}.",
       "nodeName": "the backdrop element"
diff --git a/docs/translations/api-docs-joy/select/select.json b/docs/translations/api-docs-joy/select/select.json
index 93b7e7139efa22..e3f5399432fec2 100644
--- a/docs/translations/api-docs-joy/select/select.json
+++ b/docs/translations/api-docs-joy/select/select.json
@@ -43,6 +43,9 @@
     "renderValue": {
       "description": "Function that customizes the rendering of the selected value."
     },
+    "required": {
+      "description": "If <code>true</code>, the Select cannot be empty when submitting form."
+    },
     "size": { "description": "The size of the component." },
     "slots": { "description": "The components used for each slot inside." },
     "startDecorator": { "description": "Leading adornment for the select." },
diff --git a/docs/translations/api-docs-joy/slider/slider.json b/docs/translations/api-docs-joy/slider/slider.json
index e08b39d0a13a4b..f075cdcaee20b5 100644
--- a/docs/translations/api-docs-joy/slider/slider.json
+++ b/docs/translations/api-docs-joy/slider/slider.json
@@ -73,13 +73,13 @@
     },
     "tabIndex": { "description": "Tab index attribute of the hidden <code>input</code> element." },
     "track": {
-      "description": "The track presentation:<br>- <code>normal</code> the track will render a bar representing the slider value. - <code>inverted</code> the track will render a bar representing the remaining slider value. - <code>false</code> the track will render without a bar."
+      "description": "<p>The track presentation:</p>\n<ul>\n<li><code>normal</code> the track will render a bar representing the slider value.</li>\n<li><code>inverted</code> the track will render a bar representing the remaining slider value.</li>\n<li><code>false</code> the track will render without a bar.</li>\n</ul>\n"
     },
     "value": {
       "description": "The value of the slider. For ranged sliders, provide an array with two values."
     },
     "valueLabelDisplay": {
-      "description": "Controls when the value label is displayed:<br>- <code>auto</code> the value label will display when the thumb is hovered or focused. - <code>on</code> will display persistently. - <code>off</code> will never display."
+      "description": "<p>Controls when the value label is displayed:</p>\n<ul>\n<li><code>auto</code> the value label will display when the thumb is hovered or focused.</li>\n<li><code>on</code> will display persistently.</li>\n<li><code>off</code> will never display.</li>\n</ul>\n"
     },
     "valueLabelFormat": {
       "description": "The format function the value label&#39;s value.<br>When a function is provided, it should have the following signature:<br>- {number} value The value label&#39;s value to format - {number} index The value label&#39;s index to format"
diff --git a/docs/translations/api-docs-joy/tab-list/tab-list.json b/docs/translations/api-docs-joy/tab-list/tab-list.json
index 51200b3d9fa6cc..6e8920759b7c38 100644
--- a/docs/translations/api-docs-joy/tab-list/tab-list.json
+++ b/docs/translations/api-docs-joy/tab-list/tab-list.json
@@ -29,19 +29,29 @@
   "classDescriptions": {
     "root": { "description": "Class name applied to the root element." },
     "colorPrimary": {
-      "description": "Classname applied to the root element if <code>color=&quot;primary&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"primary\"</code>"
     },
     "colorNeutral": {
-      "description": "Classname applied to the root element if <code>color=&quot;neutral&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"neutral\"</code>"
     },
     "colorDanger": {
-      "description": "Classname applied to the root element if <code>color=&quot;danger&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"danger\"</code>"
     },
     "colorSuccess": {
-      "description": "Classname applied to the root element if <code>color=&quot;success&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"success\"</code>"
     },
     "colorWarning": {
-      "description": "Classname applied to the root element if <code>color=&quot;warning&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"warning\"</code>"
     },
     "colorContext": {
       "description": "Class name applied to {{nodeName}} when {{conditions}}.",
@@ -49,25 +59,39 @@
       "conditions": "color inversion is triggered"
     },
     "variantPlain": {
-      "description": "Classname applied to the root element if <code>variant=&quot;plain&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"plain\"</code>"
     },
     "variantOutlined": {
-      "description": "Classname applied to the root element if <code>variant=&quot;outlined&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"outlined\"</code>"
     },
     "variantSoft": {
-      "description": "Classname applied to the root element if <code>variant=&quot;soft&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"soft\"</code>"
     },
     "variantSolid": {
-      "description": "Classname applied to the root element if <code>variant=&quot;solid&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"solid\"</code>"
     },
     "sizeSm": {
-      "description": "Classname applied to the root element if <code>size=&quot;sm&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"sm\"</code>"
     },
     "sizeMd": {
-      "description": "Classname applied to the root element if <code>size=&quot;md&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"md\"</code>"
     },
     "sizeLg": {
-      "description": "Classname applied to the root element if <code>size=&quot;lg&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"lg\"</code>"
     }
   },
   "slotDescriptions": { "root": "The component that renders the root." }
diff --git a/docs/translations/api-docs-joy/tab-panel/tab-panel.json b/docs/translations/api-docs-joy/tab-panel/tab-panel.json
index 28a028235f34a0..470d4da87d1102 100644
--- a/docs/translations/api-docs-joy/tab-panel/tab-panel.json
+++ b/docs/translations/api-docs-joy/tab-panel/tab-panel.json
@@ -8,6 +8,7 @@
     "component": {
       "description": "The component used for the root node. Either a string to use a HTML element or a component."
     },
+    "keepMounted": { "description": "Always keep the children in the DOM." },
     "size": { "description": "The size of the component." },
     "slotProps": { "description": "The props used for each slot inside." },
     "slots": { "description": "The components used for each slot inside." },
@@ -22,16 +23,26 @@
     }
   },
   "classDescriptions": {
-    "root": { "description": "Classname applied to the root element." },
-    "hidden": { "description": "Classname applied to the root element if the tab is not active." },
+    "root": { "description": "Class name applied to the root element." },
+    "hidden": {
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "the tab is not active"
+    },
     "sizeSm": {
-      "description": "Classname applied to the root element if <code>size=&quot;sm&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"sm\"</code>"
     },
     "sizeMd": {
-      "description": "Classname applied to the root element if <code>size=&quot;md&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"md\"</code>"
     },
     "sizeLg": {
-      "description": "Classname applied to the root element if <code>size=&quot;lg&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"lg\"</code>"
     },
     "horizontal": {
       "description": "Class name applied to {{nodeName}} if {{conditions}}.",
@@ -44,19 +55,29 @@
       "conditions": "<code>orientation=\"vertical\"</code>"
     },
     "colorPrimary": {
-      "description": "Classname applied to the root element if <code>color=&quot;primary&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"primary\"</code>"
     },
     "colorNeutral": {
-      "description": "Classname applied to the root element if <code>color=&quot;neutral&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"neutral\"</code>"
     },
     "colorDanger": {
-      "description": "Classname applied to the root element if <code>color=&quot;danger&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"danger\"</code>"
     },
     "colorSuccess": {
-      "description": "Classname applied to the root element if <code>color=&quot;success&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"success\"</code>"
     },
     "colorWarning": {
-      "description": "Classname applied to the root element if <code>color=&quot;warning&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"warning\"</code>"
     },
     "colorContext": {
       "description": "Class name applied to {{nodeName}} when {{conditions}}.",
@@ -64,16 +85,24 @@
       "conditions": "color inversion is triggered"
     },
     "variantPlain": {
-      "description": "Classname applied to the root element if <code>variant=&quot;plain&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"plain\"</code>"
     },
     "variantOutlined": {
-      "description": "Classname applied to the root element if <code>variant=&quot;outlined&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"outlined\"</code>"
     },
     "variantSoft": {
-      "description": "Classname applied to the root element if <code>variant=&quot;soft&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"soft\"</code>"
     },
     "variantSolid": {
-      "description": "Classname applied to the root element if <code>variant=&quot;solid&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"solid\"</code>"
     }
   },
   "slotDescriptions": { "root": "The component that renders the root." }
diff --git a/docs/translations/api-docs-joy/tab/tab.json b/docs/translations/api-docs-joy/tab/tab.json
index 2d1455dc168517..ce60b210d20842 100644
--- a/docs/translations/api-docs-joy/tab/tab.json
+++ b/docs/translations/api-docs-joy/tab/tab.json
@@ -35,34 +35,56 @@
     }
   },
   "classDescriptions": {
-    "root": { "description": "Classname applied to the root element." },
+    "root": { "description": "Class name applied to the root element." },
     "disabled": {
-      "description": "Classname applied to the root element if <code>disabled={true}</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>disabled={true}</code>"
     },
     "focusVisible": {
-      "description": "Classname applied to the root element when its focus is visible."
+      "description": "Class name applied to {{nodeName}} when {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "its focus is visible"
+    },
+    "selected": {
+      "description": "Class name applied to {{nodeName}} when {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "it is selected"
     },
-    "selected": { "description": "Classname applied to the root element when it is selected." },
     "horizontal": {
-      "description": "Classname applied to the root element if <code>orientation=&quot;horizontal&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>orientation=\"horizontal\"</code>"
     },
     "vertical": {
-      "description": "Classname applied to the root element if <code>orientation=&quot;vertical&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>orientation=\"vertical\"</code>"
     },
     "colorPrimary": {
-      "description": "Classname applied to the root element if <code>color=&quot;primary&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"primary\"</code>"
     },
     "colorNeutral": {
-      "description": "Classname applied to the root element if <code>color=&quot;neutral&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"neutral\"</code>"
     },
     "colorDanger": {
-      "description": "Classname applied to the root element if <code>color=&quot;danger&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"danger\"</code>"
     },
     "colorSuccess": {
-      "description": "Classname applied to the root element if <code>color=&quot;success&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"success\"</code>"
     },
     "colorWarning": {
-      "description": "Classname applied to the root element if <code>color=&quot;warning&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"warning\"</code>"
     },
     "colorContext": {
       "description": "Class name applied to {{nodeName}} when {{conditions}}.",
@@ -70,16 +92,24 @@
       "conditions": "color inversion is triggered"
     },
     "variantPlain": {
-      "description": "Classname applied to the root element if <code>variant=&quot;plain&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"plain\"</code>"
     },
     "variantOutlined": {
-      "description": "Classname applied to the root element if <code>variant=&quot;outlined&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"outlined\"</code>"
     },
     "variantSoft": {
-      "description": "Classname applied to the root element if <code>variant=&quot;soft&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"soft\"</code>"
     },
     "variantSolid": {
-      "description": "Classname applied to the root element if <code>variant=&quot;solid&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"solid\"</code>"
     }
   },
   "slotDescriptions": { "root": "The component that renders the root." }
diff --git a/docs/translations/api-docs-joy/tabs/tabs.json b/docs/translations/api-docs-joy/tabs/tabs.json
index 76727116c5169a..2af69e0c1f37f8 100644
--- a/docs/translations/api-docs-joy/tabs/tabs.json
+++ b/docs/translations/api-docs-joy/tabs/tabs.json
@@ -31,27 +31,41 @@
     }
   },
   "classDescriptions": {
-    "root": { "description": "Classname applied to the root element." },
+    "root": { "description": "Class name applied to the root element." },
     "horizontal": {
-      "description": "Classname applied to the root element if <code>orientation=&quot;horizontal&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>orientation=\"horizontal\"</code>"
     },
     "vertical": {
-      "description": "Classname applied to the root element if <code>orientation=&quot;vertical&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>orientation=\"vertical\"</code>"
     },
     "colorPrimary": {
-      "description": "Classname applied to the root element if <code>color=&quot;primary&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"primary\"</code>"
     },
     "colorNeutral": {
-      "description": "Classname applied to the root element if <code>color=&quot;neutral&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"neutral\"</code>"
     },
     "colorDanger": {
-      "description": "Classname applied to the root element if <code>color=&quot;danger&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"danger\"</code>"
     },
     "colorSuccess": {
-      "description": "Classname applied to the root element if <code>color=&quot;success&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"success\"</code>"
     },
     "colorWarning": {
-      "description": "Classname applied to the root element if <code>color=&quot;warning&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"warning\"</code>"
     },
     "colorContext": {
       "description": "Class name applied to {{nodeName}} when {{conditions}}.",
@@ -59,25 +73,39 @@
       "conditions": "color inversion is triggered"
     },
     "variantPlain": {
-      "description": "Classname applied to the root element if <code>variant=&quot;plain&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"plain\"</code>"
     },
     "variantOutlined": {
-      "description": "Classname applied to the root element if <code>variant=&quot;outlined&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"outlined\"</code>"
     },
     "variantSoft": {
-      "description": "Classname applied to the root element if <code>variant=&quot;soft&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"soft\"</code>"
     },
     "variantSolid": {
-      "description": "Classname applied to the root element if <code>variant=&quot;solid&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"solid\"</code>"
     },
     "sizeSm": {
-      "description": "Classname applied to the root element if <code>size=&quot;sm&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"sm\"</code>"
     },
     "sizeMd": {
-      "description": "Classname applied to the root element if <code>size=&quot;md&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"md\"</code>"
     },
     "sizeLg": {
-      "description": "Classname applied to the root element if <code>size=&quot;lg&quot;</code>."
+      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"lg\"</code>"
     }
   },
   "slotDescriptions": { "root": "The component that renders the root." }
diff --git a/docs/translations/api-docs/autocomplete/autocomplete.json b/docs/translations/api-docs/autocomplete/autocomplete.json
index 8e902a73bb5d6f..b34ba880001cfb 100644
--- a/docs/translations/api-docs/autocomplete/autocomplete.json
+++ b/docs/translations/api-docs/autocomplete/autocomplete.json
@@ -11,7 +11,7 @@
       "description": "If <code>true</code>, the selected option becomes the value of the input when the Autocomplete loses focus unless the user chooses a different option or changes the character string in the input.<br>When using <code>freeSolo</code> mode, the typed value will be the input value if the Autocomplete loses focus without highlighting an option."
     },
     "blurOnSelect": {
-      "description": "Control if the input should be blurred when an option is selected:<br>- <code>false</code> the input is not blurred. - <code>true</code> the input is always blurred. - <code>touch</code> the input is blurred after a touch event. - <code>mouse</code> the input is blurred after a mouse event."
+      "description": "<p>Control if the input should be blurred when an option is selected:</p>\n<ul>\n<li><code>false</code> the input is not blurred.</li>\n<li><code>true</code> the input is always blurred.</li>\n<li><code>touch</code> the input is blurred after a touch event.</li>\n<li><code>mouse</code> the input is blurred after a mouse event.</li>\n</ul>\n"
     },
     "ChipProps": {
       "description": "Props applied to the <a href=\"/material-ui/api/chip/\"><code>Chip</code></a> element."
diff --git a/docs/translations/api-docs/button-group/button-group.json b/docs/translations/api-docs/button-group/button-group.json
index 4f813acc0ba716..d2479a7bb3dee2 100644
--- a/docs/translations/api-docs/button-group/button-group.json
+++ b/docs/translations/api-docs/button-group/button-group.json
@@ -56,6 +56,10 @@
       "nodeName": "the child elements",
       "conditions": "<code>disabled={true}</code>"
     },
+    "firstButton": {
+      "description": "Styles applied to {{nodeName}}.",
+      "nodeName": "the first button in the button group"
+    },
     "fullWidth": {
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the root element",
@@ -151,6 +155,14 @@
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the children",
       "conditions": "<code>variant=\"contained\"</code> and <code>color=\"secondary\"</code>"
+    },
+    "lastButton": {
+      "description": "Styles applied to {{nodeName}}.",
+      "nodeName": "the last button in the button group"
+    },
+    "middleButton": {
+      "description": "Styles applied to {{nodeName}}.",
+      "nodeName": "buttons in the middle of the button group"
     }
   }
 }
diff --git a/docs/translations/api-docs/circular-progress/circular-progress-pt.json b/docs/translations/api-docs/circular-progress/circular-progress-pt.json
index 8fb837cdcd4302..d1071e225ef3b6 100644
--- a/docs/translations/api-docs/circular-progress/circular-progress-pt.json
+++ b/docs/translations/api-docs/circular-progress/circular-progress-pt.json
@@ -4,7 +4,7 @@
     "classes": "Sobrescreve ou extende os estilos aplicados para o componente. Veja a <a href=\"#css\">API CSS</a> abaixo para maiores detalhes.",
     "color": "The color of the component. It supports both default and custom theme colors, which can be added as shown in the <a href=\"https://mui.com/material-ui/customization/palette/#adding-new-colors\">palette customization guide</a>.",
     "disableShrink": "If <code>true</code>, the shrink animation is disabled. This only works if variant is <code>indeterminate</code>.",
-    "size": "The size of the circle. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit, e.g &#39;3rem&#39;.",
+    "size": "The size of the circle. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit, e.g. &#39;3rem&#39;.",
     "sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the <a href=\"/system/getting-started/the-sx-prop/\">`sx` page</a> for more details.",
     "thickness": "The thickness of the circle.",
     "value": "The value of the progress indicator for the determinate variant. Value between 0 and 100.",
diff --git a/docs/translations/api-docs/circular-progress/circular-progress-zh.json b/docs/translations/api-docs/circular-progress/circular-progress-zh.json
index aed68973841ecd..2b1f8128fdbfc5 100644
--- a/docs/translations/api-docs/circular-progress/circular-progress-zh.json
+++ b/docs/translations/api-docs/circular-progress/circular-progress-zh.json
@@ -4,7 +4,7 @@
     "classes": "Override or extend the styles applied to the component. See <a href=\"#css\">CSS API</a> below for more details.",
     "color": "The color of the component. It supports both default and custom theme colors, which can be added as shown in the <a href=\"https://mui.com/material-ui/customization/palette/#adding-new-colors\">palette customization guide</a>.",
     "disableShrink": "If <code>true</code>, the shrink animation is disabled. This only works if variant is <code>indeterminate</code>.",
-    "size": "The size of the circle. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit, e.g &#39;3rem&#39;.",
+    "size": "The size of the circle. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit, e.g. &#39;3rem&#39;.",
     "sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the <a href=\"/system/getting-started/the-sx-prop/\">`sx` page</a> for more details.",
     "thickness": "The thickness of the circle.",
     "value": "The value of the progress indicator for the determinate variant. Value between 0 and 100.",
diff --git a/docs/translations/api-docs/circular-progress/circular-progress.json b/docs/translations/api-docs/circular-progress/circular-progress.json
index 534bd39fa8a3ca..e587a33ff03b54 100644
--- a/docs/translations/api-docs/circular-progress/circular-progress.json
+++ b/docs/translations/api-docs/circular-progress/circular-progress.json
@@ -9,7 +9,7 @@
       "description": "If <code>true</code>, the shrink animation is disabled. This only works if variant is <code>indeterminate</code>."
     },
     "size": {
-      "description": "The size of the component. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit, e.g &#39;3rem&#39;."
+      "description": "The size of the component. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit, e.g. &#39;3rem&#39;."
     },
     "sx": {
       "description": "The system prop that allows defining system overrides as well as additional CSS styles."
diff --git a/docs/translations/api-docs/drawer/drawer.json b/docs/translations/api-docs/drawer/drawer.json
index 5235859de7d79a..a8804ca7cfc3be 100644
--- a/docs/translations/api-docs/drawer/drawer.json
+++ b/docs/translations/api-docs/drawer/drawer.json
@@ -10,8 +10,11 @@
       "description": "Props applied to the <a href=\"/material-ui/api/modal/\"><code>Modal</code></a> element."
     },
     "onClose": {
-      "description": "Callback fired when the component requests to be closed.",
-      "typeDescriptions": { "event": "The event source of the callback." }
+      "description": "Callback fired when the component requests to be closed. The <code>reason</code> parameter can optionally be used to control the response to <code>onClose</code>.",
+      "typeDescriptions": {
+        "event": "The event source of the callback.",
+        "reason": "Can be: <code>&quot;escapeKeyDown&quot;</code>, <code>&quot;backdropClick&quot;</code>."
+      }
     },
     "open": { "description": "If <code>true</code>, the component is shown." },
     "PaperProps": {
diff --git a/docs/translations/api-docs/grid/grid.json b/docs/translations/api-docs/grid/grid.json
index f21afcb04d5d7d..684505103bf3a0 100644
--- a/docs/translations/api-docs/grid/grid.json
+++ b/docs/translations/api-docs/grid/grid.json
@@ -55,5 +55,37 @@
       "description": "If a number, it sets the margin-left equals to the number of columns the grid item uses. If &#39;auto&#39;, the grid item push itself to the right-end of the container. The value is applied for the <code>xs</code> breakpoint and wider screens if not overridden."
     }
   },
-  "classDescriptions": {}
+  "classDescriptions": {
+    "root": { "description": "Styles applied to the root element." },
+    "container": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>container={true}</code>"
+    },
+    "direction-xs-column": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>direction=\"column\"</code>"
+    },
+    "direction-xs-column-reverse": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>direction=\"column-reverse\"</code>"
+    },
+    "direction-xs-row-reverse": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>direction=\"row-reverse\"</code>"
+    },
+    "wrap-xs-nowrap": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>wrap=\"nowrap\"</code>"
+    },
+    "wrap-xs-wrap-reverse": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>wrap=\"reverse\"</code>"
+    }
+  }
 }
diff --git a/docs/translations/api-docs/loading-button/loading-button.json b/docs/translations/api-docs/loading-button/loading-button.json
index 3f4e7bdfe39261..1f3b85e4ae5847 100644
--- a/docs/translations/api-docs/loading-button/loading-button.json
+++ b/docs/translations/api-docs/loading-button/loading-button.json
@@ -4,7 +4,9 @@
     "children": { "description": "The content of the component." },
     "classes": { "description": "Override or extend the styles applied to the component." },
     "disabled": { "description": "If <code>true</code>, the component is disabled." },
-    "loading": { "description": "If <code>true</code>, the loading indicator is shown." },
+    "loading": {
+      "description": "If <code>true</code>, the loading indicator is shown and the button becomes disabled."
+    },
     "loadingIndicator": {
       "description": "Element placed before the children if the button is in loading state. The node should contain an element with <code>role=&quot;progressbar&quot;</code> with an accessible name. By default we render a <code>CircularProgress</code> that is labelled by the button itself."
     },
diff --git a/docs/translations/api-docs/modal/modal.json b/docs/translations/api-docs/modal/modal.json
index bdb5210b1c5fda..4cc4f17facdde5 100644
--- a/docs/translations/api-docs/modal/modal.json
+++ b/docs/translations/api-docs/modal/modal.json
@@ -74,5 +74,9 @@
       "description": "Class name applied to {{nodeName}}.",
       "nodeName": "the backdrop element"
     }
+  },
+  "slotDescriptions": {
+    "root": "The component that renders the root.",
+    "backdrop": "The component that renders the backdrop."
   }
 }
diff --git a/docs/translations/api-docs/popover/popover.json b/docs/translations/api-docs/popover/popover.json
index bfa27376575c7c..9b4e2582257946 100644
--- a/docs/translations/api-docs/popover/popover.json
+++ b/docs/translations/api-docs/popover/popover.json
@@ -21,9 +21,10 @@
     "container": {
       "description": "An HTML element, component instance, or function that returns either. The <code>container</code> will passed to the Modal component.<br>By default, it uses the body of the anchorEl&#39;s top-level document object, so it&#39;s simply <code>document.body</code> most of the time."
     },
+    "disableScrollLock": { "description": "Disable the scroll lock behavior." },
     "elevation": { "description": "The elevation of the popover." },
     "marginThreshold": {
-      "description": "Specifies how close to the edge of the window the popover can appear."
+      "description": "Specifies how close to the edge of the window the popover can appear. If null, the popover will not be constrained by the window."
     },
     "onClose": {
       "description": "Callback fired when the component requests to be closed. The <code>reason</code> parameter can optionally be used to control the response to <code>onClose</code>."
diff --git a/docs/translations/api-docs/radio/radio.json b/docs/translations/api-docs/radio/radio.json
index 665544d31ffb21..ea4e514bb7ae6b 100644
--- a/docs/translations/api-docs/radio/radio.json
+++ b/docs/translations/api-docs/radio/radio.json
@@ -54,6 +54,11 @@
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the root element",
       "conditions": "<code>color=\"secondary\"</code>"
+    },
+    "sizeSmall": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"small\"</code>"
     }
   }
 }
diff --git a/docs/translations/api-docs/select/select.json b/docs/translations/api-docs/select/select.json
index 1e4253a7b39f2f..3aa70871ef1418 100644
--- a/docs/translations/api-docs/select/select.json
+++ b/docs/translations/api-docs/select/select.json
@@ -74,6 +74,7 @@
     "variant": { "description": "The variant to use." }
   },
   "classDescriptions": {
+    "root": { "description": "Styles applied to the root element." },
     "select": {
       "description": "Styles applied to {{nodeName}}.",
       "nodeName": "the select component <code>select</code> class"
diff --git a/docs/translations/api-docs/skeleton/skeleton.json b/docs/translations/api-docs/skeleton/skeleton.json
index 7eeb123f3b37f6..f143b853e7f211 100644
--- a/docs/translations/api-docs/skeleton/skeleton.json
+++ b/docs/translations/api-docs/skeleton/skeleton.json
@@ -12,6 +12,10 @@
     "height": {
       "description": "Height of the skeleton. Useful when you don&#39;t want to adapt the skeleton to a text element but for instance a card."
     },
+    "shape": { "description": "The shape of the skeleton." },
+    "size": {
+      "description": "Determines whether the skeleton should scale to the element&#39;s text or bounding box."
+    },
     "sx": {
       "description": "The system prop that allows defining system overrides as well as additional CSS styles."
     },
@@ -25,22 +29,27 @@
     "text": {
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the root element",
-      "conditions": "<code>variant=\"text\"</code>"
+      "conditions": "<code>size=\"text\"</code> or <code>variant=\"text\"</code>"
+    },
+    "box": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>size=\"box\"</code>"
     },
     "rectangular": {
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the root element",
-      "conditions": "<code>variant=\"rectangular\"</code>"
+      "conditions": "<code>shape=\"rectangular\"</code> or <code>variant=\"rectangular\"</code>"
     },
     "rounded": {
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the root element",
-      "conditions": "<code>variant=\"rounded\"</code>"
+      "conditions": "<code>shape=\"rounded\"</code> or <code>variant=\"rounded\"</code>"
     },
     "circular": {
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the root element",
-      "conditions": "<code>variant=\"circular\"</code>"
+      "conditions": "<code>shape=\"circular\"</code> or <code>variant=\"circular\"</code>"
     },
     "pulse": {
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
diff --git a/docs/translations/api-docs/slider/slider.json b/docs/translations/api-docs/slider/slider.json
index 0464f5fbe8da39..8d10e7d189691a 100644
--- a/docs/translations/api-docs/slider/slider.json
+++ b/docs/translations/api-docs/slider/slider.json
@@ -76,13 +76,13 @@
     },
     "tabIndex": { "description": "Tab index attribute of the hidden <code>input</code> element." },
     "track": {
-      "description": "The track presentation:<br>- <code>normal</code> the track will render a bar representing the slider value. - <code>inverted</code> the track will render a bar representing the remaining slider value. - <code>false</code> the track will render without a bar."
+      "description": "<p>The track presentation:</p>\n<ul>\n<li><code>normal</code> the track will render a bar representing the slider value.</li>\n<li><code>inverted</code> the track will render a bar representing the remaining slider value.</li>\n<li><code>false</code> the track will render without a bar.</li>\n</ul>\n"
     },
     "value": {
       "description": "The value of the slider. For ranged sliders, provide an array with two values."
     },
     "valueLabelDisplay": {
-      "description": "Controls when the value label is displayed:<br>- <code>auto</code> the value label will display when the thumb is hovered or focused. - <code>on</code> will display persistently. - <code>off</code> will never display."
+      "description": "<p>Controls when the value label is displayed:</p>\n<ul>\n<li><code>auto</code> the value label will display when the thumb is hovered or focused.</li>\n<li><code>on</code> will display persistently.</li>\n<li><code>off</code> will never display.</li>\n</ul>\n"
     },
     "valueLabelFormat": {
       "description": "The format function the value label&#39;s value.<br>When a function is provided, it should have the following signature:<br>- {number} value The value label&#39;s value to format - {number} index The value label&#39;s index to format"
diff --git a/docs/translations/api-docs/snackbar/snackbar.json b/docs/translations/api-docs/snackbar/snackbar.json
index c0c31938d08ef0..212de0a5c7e8c1 100644
--- a/docs/translations/api-docs/snackbar/snackbar.json
+++ b/docs/translations/api-docs/snackbar/snackbar.json
@@ -22,7 +22,7 @@
       "description": "If <code>true</code>, the <code>autoHideDuration</code> timer will expire even if the window is not focused."
     },
     "key": {
-      "description": "When displaying multiple consecutive Snackbars from a parent rendering a single &lt;Snackbar/&gt;, add the key prop to ensure independent treatment of each message. e.g. &lt;Snackbar key={message} /&gt;, otherwise, the message may update-in-place and features such as autoHideDuration may be canceled."
+      "description": "When displaying multiple consecutive snackbars using a single parent-rendered <code>&lt;Snackbar/&gt;</code>, add the <code>key</code> prop to ensure independent treatment of each message. For instance, use <code>&lt;Snackbar key={message} /&gt;</code>. Otherwise, messages might update in place, and features like <code>autoHideDuration</code> could be affected."
     },
     "message": { "description": "The message to display." },
     "onClose": {
diff --git a/docs/translations/api-docs/stack/stack.json b/docs/translations/api-docs/stack/stack.json
index 897bd49fcc2e91..7984ca543b5f82 100644
--- a/docs/translations/api-docs/stack/stack.json
+++ b/docs/translations/api-docs/stack/stack.json
@@ -17,5 +17,5 @@
       "description": "If <code>true</code>, the CSS flexbox <code>gap</code> is used instead of applying <code>margin</code> to children.<br>While CSS <code>gap</code> removes the <a href=\"https://mui.com/joy-ui/react-stack/#limitations\">known limitations</a>, it is not fully supported in some browsers. We recommend checking <a href=\"https://caniuse.com/?search=flex%20gap\">https://caniuse.com/?search=flex%20gap</a> before using this flag.<br>To enable this flag globally, follow the theme&#39;s default props configuration."
     }
   },
-  "classDescriptions": {}
+  "classDescriptions": { "root": { "description": "Styles applied to the root element." } }
 }
diff --git a/docs/translations/api-docs/swipeable-drawer/swipeable-drawer.json b/docs/translations/api-docs/swipeable-drawer/swipeable-drawer.json
index 4af424f071d346..843536573cf981 100644
--- a/docs/translations/api-docs/swipeable-drawer/swipeable-drawer.json
+++ b/docs/translations/api-docs/swipeable-drawer/swipeable-drawer.json
@@ -39,5 +39,57 @@
       "description": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object."
     }
   },
-  "classDescriptions": {}
+  "classDescriptions": {
+    "root": { "description": "Styles applied to the root element." },
+    "docked": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>variant=\"permanent or persistent\"</code>"
+    },
+    "paper": {
+      "description": "Styles applied to {{nodeName}}.",
+      "nodeName": "the Paper component"
+    },
+    "paperAnchorLeft": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the Paper component",
+      "conditions": "<code>anchor=\"left\"</code>"
+    },
+    "paperAnchorRight": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the Paper component",
+      "conditions": "<code>anchor=\"right\"</code>"
+    },
+    "paperAnchorTop": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the Paper component",
+      "conditions": "<code>anchor=\"top\"</code>"
+    },
+    "paperAnchorBottom": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the Paper component",
+      "conditions": "<code>anchor=\"bottom\"</code>"
+    },
+    "paperAnchorDockedLeft": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the Paper component",
+      "conditions": "<code>anchor=\"left\"</code> and <code>variant</code> is not &quot;temporary&quot;"
+    },
+    "paperAnchorDockedTop": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the Paper component",
+      "conditions": "<code>anchor=\"top\"</code> and <code>variant</code> is not &quot;temporary&quot;"
+    },
+    "paperAnchorDockedRight": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the Paper component",
+      "conditions": "<code>anchor=\"right\"</code> and <code>variant</code> is not &quot;temporary&quot;"
+    },
+    "paperAnchorDockedBottom": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the Paper component",
+      "conditions": "<code>anchor=\"bottom\"</code> and <code>variant</code> is not &quot;temporary&quot;"
+    },
+    "modal": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the Modal component" }
+  }
 }
diff --git a/docs/translations/api-docs/tabs/tabs.json b/docs/translations/api-docs/tabs/tabs.json
index e6ba78974b8483..b7e5a7ad418bb0 100644
--- a/docs/translations/api-docs/tabs/tabs.json
+++ b/docs/translations/api-docs/tabs/tabs.json
@@ -30,7 +30,7 @@
     "orientation": { "description": "The component orientation (layout flow direction)." },
     "ScrollButtonComponent": { "description": "The component used to render the scroll buttons." },
     "scrollButtons": {
-      "description": "Determine behavior of scroll buttons when tabs are set to scroll:<br>- <code>auto</code> will only present them when not all the items are visible. - <code>true</code> will always present them. - <code>false</code> will never present them.<br>By default the scroll buttons are hidden on mobile. This behavior can be disabled with <code>allowScrollButtonsMobile</code>."
+      "description": "<p>Determine behavior of scroll buttons when tabs are set to scroll:</p>\n<ul>\n<li><code>auto</code> will only present them when not all the items are visible.</li>\n<li><code>true</code> will always present them.</li>\n<li><code>false</code> will never present them.</li>\n</ul>\n<p>By default the scroll buttons are hidden on mobile.\nThis behavior can be disabled with <code>allowScrollButtonsMobile</code>.</p>\n"
     },
     "selectionFollowsFocus": {
       "description": "If <code>true</code> the selected tab changes on focus. Otherwise it only changes on activation."
@@ -51,7 +51,7 @@
       "description": "The value of the currently selected <code>Tab</code>. If you don&#39;t want any selected <code>Tab</code>, you can set this prop to <code>false</code>."
     },
     "variant": {
-      "description": "Determines additional display behavior of the tabs:<br> - <code>scrollable</code> will invoke scrolling properties and allow for horizontally  scrolling (or swiping) of the tab bar.  -<code>fullWidth</code> will make the tabs grow to use all the available space,  which should be used for small views, like on mobile.  - <code>standard</code> will render the default state."
+      "description": "<p>Determines additional display behavior of the tabs:</p>\n<ul>\n<li><code>scrollable</code> will invoke scrolling properties and allow for horizontally\n scrolling (or swiping) of the tab bar.</li>\n<li><code>fullWidth</code> will make the tabs grow to use all the available space,\n which should be used for small views, like on mobile.</li>\n<li><code>standard</code> will render the default state.</li>\n</ul>\n"
     },
     "visibleScrollbar": {
       "description": "If <code>true</code>, the scrollbar is visible. It can be useful when displaying a long vertical list of tabs."
diff --git a/docs/translations/api-docs/tree-item/tree-item-pt.json b/docs/translations/api-docs/tree-item/tree-item-pt.json
deleted file mode 100644
index 79723327db8dfb..00000000000000
--- a/docs/translations/api-docs/tree-item/tree-item-pt.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-  "componentDescription": "",
-  "propDescriptions": {
-    "children": "O conteúdo do componente.",
-    "classes": "Sobrescreve ou extende os estilos aplicados para o componente. Veja a <a href=\"#css\">API CSS</a> abaixo para maiores detalhes.",
-    "collapseIcon": "The icon used to collapse the node.",
-    "ContentComponent": "The component used for the content node.⚠️ <a href=\"/material-ui/guides/composition/#caveat-with-refs\">Needs to be able to hold a ref</a>.",
-    "ContentProps": "Props applied to ContentComponent",
-    "disabled": "If <code>true</code>, the node is disabled.",
-    "endIcon": "The icon displayed next to a end node.",
-    "expandIcon": "The icon used to expand the node.",
-    "icon": "The icon to display next to the tree node&#39;s label.",
-    "label": "The tree node label.",
-    "nodeId": "The id of the node.",
-    "onFocus": "This prop isn&#39;t supported. Use the <code>onNodeFocus</code> callback on the tree if you need to monitor a node&#39;s focus.",
-    "sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the <a href=\"/system/getting-started/the-sx-prop/\">`sx` page</a> for more details.",
-    "TransitionComponent": "The component used for the transition. <a href=\"/material-ui/transitions/#transitioncomponent-prop\">Follow this guide</a> to learn more about the requirements for this component.",
-    "TransitionProps": "Props applied to the transition element. By default, the element is based on this <a href=\"http://reactcommunity.org/react-transition-group/transition/\"><code>Transition</code></a> component."
-  },
-  "classDescriptions": {
-    "root": {
-      "description": "Estilos aplicados ao elemento raiz."
-    },
-    "group": {
-      "description": "Estilos aplicados a {{nodeName}}.",
-      "nodeName": "the transition component"
-    },
-    "content": {
-      "description": "Estilos aplicados a {{nodeName}}.",
-      "nodeName": "the content element"
-    },
-    "expanded": {
-      "description": "Pseudo-class applied to {{nodeName}} when {{conditions}}.",
-      "nodeName": "the content element",
-      "conditions": "expanded"
-    },
-    "selected": {
-      "description": "Pseudo-class applied to {{nodeName}} when {{conditions}}.",
-      "nodeName": "the content element",
-      "conditions": "selected"
-    },
-    "focused": {
-      "description": "Pseudo-class applied to {{nodeName}} when {{conditions}}.",
-      "nodeName": "the content element",
-      "conditions": "focused"
-    },
-    "disabled": {
-      "description": "Pseudo-class applied to {{nodeName}} when {{conditions}}.",
-      "nodeName": "the element",
-      "conditions": "disabled"
-    },
-    "iconContainer": {
-      "description": "Estilos aplicados a {{nodeName}}.",
-      "nodeName": "the tree node icon"
-    },
-    "label": {
-      "description": "Estilos aplicados a {{nodeName}}.",
-      "nodeName": "the label element"
-    }
-  }
-}
diff --git a/docs/translations/api-docs/tree-item/tree-item-zh.json b/docs/translations/api-docs/tree-item/tree-item-zh.json
deleted file mode 100644
index 597760a3bfb742..00000000000000
--- a/docs/translations/api-docs/tree-item/tree-item-zh.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-  "componentDescription": "",
-  "propDescriptions": {
-    "children": "The content of the component.",
-    "classes": "Override or extend the styles applied to the component. See <a href=\"#css\">CSS API</a> below for more details.",
-    "collapseIcon": "The icon used to collapse the node.",
-    "ContentComponent": "The component used for the content node.⚠️ <a href=\"/material-ui/guides/composition/#caveat-with-refs\">Needs to be able to hold a ref</a>.",
-    "ContentProps": "Props applied to ContentComponent",
-    "disabled": "If <code>true</code>, the node is disabled.",
-    "endIcon": "The icon displayed next to a end node.",
-    "expandIcon": "The icon used to expand the node.",
-    "icon": "The icon to display next to the tree node&#39;s label.",
-    "label": "The tree node label.",
-    "nodeId": "The id of the node.",
-    "onFocus": "This prop isn&#39;t supported. Use the <code>onNodeFocus</code> callback on the tree if you need to monitor a node&#39;s focus.",
-    "sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the <a href=\"/system/getting-started/the-sx-prop/\">`sx` page</a> for more details.",
-    "TransitionComponent": "The component used for the transition. <a href=\"/material-ui/transitions/#transitioncomponent-prop\">Follow this guide</a> to learn more about the requirements for this component.",
-    "TransitionProps": "Props applied to the transition element. By default, the element is based on this <a href=\"http://reactcommunity.org/react-transition-group/transition/\"><code>Transition</code></a> component."
-  },
-  "classDescriptions": {
-    "root": {
-      "description": "Styles applied to the root element."
-    },
-    "group": {
-      "description": "Styles applied to {{nodeName}}.",
-      "nodeName": "the transition component"
-    },
-    "content": {
-      "description": "Styles applied to {{nodeName}}.",
-      "nodeName": "the content element"
-    },
-    "expanded": {
-      "description": "Pseudo-class applied to {{nodeName}} when {{conditions}}.",
-      "nodeName": "the content element",
-      "conditions": "expanded"
-    },
-    "selected": {
-      "description": "Pseudo-class applied to {{nodeName}} when {{conditions}}.",
-      "nodeName": "the content element",
-      "conditions": "selected"
-    },
-    "focused": {
-      "description": "Pseudo-class applied to {{nodeName}} when {{conditions}}.",
-      "nodeName": "the content element",
-      "conditions": "focused"
-    },
-    "disabled": {
-      "description": "Pseudo-class applied to {{nodeName}} when {{conditions}}.",
-      "nodeName": "the element",
-      "conditions": "disabled"
-    },
-    "iconContainer": {
-      "description": "Styles applied to {{nodeName}}.",
-      "nodeName": "the tree node icon"
-    },
-    "label": {
-      "description": "Styles applied to {{nodeName}}.",
-      "nodeName": "the label element"
-    }
-  }
-}
diff --git a/docs/translations/api-docs/tree-item/tree-item.json b/docs/translations/api-docs/tree-item/tree-item.json
deleted file mode 100644
index 163aaa848f1dbe..00000000000000
--- a/docs/translations/api-docs/tree-item/tree-item.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "componentDescription": "",
-  "propDescriptions": {
-    "children": { "description": "The content of the component." },
-    "classes": { "description": "Override or extend the styles applied to the component." },
-    "collapseIcon": { "description": "The icon used to collapse the node." },
-    "ContentComponent": {
-      "description": "The component used for the content node.",
-      "requiresRef": true
-    },
-    "ContentProps": { "description": "Props applied to ContentComponent" },
-    "disabled": { "description": "If <code>true</code>, the node is disabled." },
-    "endIcon": { "description": "The icon displayed next to a end node." },
-    "expandIcon": { "description": "The icon used to expand the node." },
-    "icon": { "description": "The icon to display next to the tree node&#39;s label." },
-    "label": { "description": "The tree node label." },
-    "nodeId": { "description": "The id of the node." },
-    "onFocus": {
-      "description": "This prop isn&#39;t supported. Use the <code>onNodeFocus</code> callback on the tree if you need to monitor a node&#39;s focus."
-    },
-    "sx": {
-      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
-    },
-    "TransitionComponent": {
-      "description": "The component used for the transition. <a href=\"/material-ui/transitions/#transitioncomponent-prop\">Follow this guide</a> to learn more about the requirements for this component."
-    },
-    "TransitionProps": {
-      "description": "Props applied to the transition element. By default, the element is based on this <a href=\"http://reactcommunity.org/react-transition-group/transition/\"><code>Transition</code></a> component."
-    }
-  },
-  "classDescriptions": {
-    "root": { "description": "Styles applied to the root element." },
-    "group": {
-      "description": "Styles applied to {{nodeName}}.",
-      "nodeName": "the transition component"
-    },
-    "content": {
-      "description": "Styles applied to {{nodeName}}.",
-      "nodeName": "the content element"
-    },
-    "expanded": {
-      "description": "State class applied to {{nodeName}} when {{conditions}}.",
-      "nodeName": "the content element",
-      "conditions": "expanded"
-    },
-    "selected": {
-      "description": "State class applied to {{nodeName}} when {{conditions}}.",
-      "nodeName": "the content element",
-      "conditions": "selected"
-    },
-    "focused": {
-      "description": "State class applied to {{nodeName}} when {{conditions}}.",
-      "nodeName": "the content element",
-      "conditions": "focused"
-    },
-    "disabled": {
-      "description": "State class applied to {{nodeName}} when {{conditions}}.",
-      "nodeName": "the element",
-      "conditions": "disabled"
-    },
-    "iconContainer": {
-      "description": "Styles applied to {{nodeName}}.",
-      "nodeName": "the tree node icon"
-    },
-    "label": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the label element" }
-  }
-}
diff --git a/docs/translations/api-docs/tree-view/tree-view-pt.json b/docs/translations/api-docs/tree-view/tree-view-pt.json
deleted file mode 100644
index 9b46510858d462..00000000000000
--- a/docs/translations/api-docs/tree-view/tree-view-pt.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "componentDescription": "",
-  "propDescriptions": {
-    "children": "O conteúdo do componente.",
-    "classes": "Sobrescreve ou extende os estilos aplicados para o componente. Veja a <a href=\"#css\">API CSS</a> abaixo para maiores detalhes.",
-    "defaultCollapseIcon": "O ícone padrão usado para recolher o nó.",
-    "defaultEndIcon": "O ícone padrão mostrado perto do fim do nó. Isso é aplicado para todas os nós de árvores e pode ser substituído pelo ThreeItem <code>icon</code>.",
-    "defaultExpanded": "Expanded node ids. (Uncontrolled)",
-    "defaultExpandIcon": "The default icon used to expand the node.",
-    "defaultParentIcon": "The default icon displayed next to a parent node. This is applied to all parent nodes and can be overridden by the TreeItem <code>icon</code> prop.",
-    "defaultSelected": "Selected node ids. (Uncontrolled) When <code>multiSelect</code> is true this takes an array of strings; when false (default) a string.",
-    "disabledItemsFocusable": "If <code>true</code>, will allow focus on disabled items.",
-    "disableSelection": "If <code>true</code> selection is disabled.",
-    "expanded": "Expanded node ids. (Controlled)",
-    "id": "This prop is used to help implement the accessibility logic. If you don&#39;t provide this prop. It falls back to a randomly generated id.",
-    "multiSelect": "If true <code>ctrl</code> and <code>shift</code> will trigger multiselect.",
-    "onNodeFocus": "Callback fired when tree items are focused.<br><br><strong>Signature:</strong><br><code>function(event: object, value: string) =&gt; void</code><br><em>event:</em> The event source of the callback <strong>Warning</strong>: This is a generic event not a focus event.<br><em>value:</em> of the focused node.",
-    "onNodeSelect": "Callback fired when tree items are selected/unselected.<br><br><strong>Signature:</strong><br><code>function(event: object, value: array | string) =&gt; void</code><br><em>event:</em> The event source of the callback<br><em>value:</em> of the selected nodes. When <code>multiSelect</code> is true this is an array of strings; when false (default) a string.",
-    "onNodeToggle": "Callback fired when tree items are expanded/collapsed.<br><br><strong>Signature:</strong><br><code>function(event: object, nodeIds: array) =&gt; void</code><br><em>event:</em> The event source of the callback.<br><em>nodeIds:</em> The ids of the expanded nodes.",
-    "selected": "Selected node ids. (Controlled) When <code>multiSelect</code> is true this takes an array of strings; when false (default) a string.",
-    "sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the <a href=\"/system/getting-started/the-sx-prop/\">`sx` page</a> for more details."
-  },
-  "classDescriptions": {
-    "root": {
-      "description": "Estilos aplicados ao elemento raiz."
-    }
-  }
-}
diff --git a/docs/translations/api-docs/tree-view/tree-view-zh.json b/docs/translations/api-docs/tree-view/tree-view-zh.json
deleted file mode 100644
index a155e338aa5557..00000000000000
--- a/docs/translations/api-docs/tree-view/tree-view-zh.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "componentDescription": "",
-  "propDescriptions": {
-    "children": "The content of the component.",
-    "classes": "Override or extend the styles applied to the component. See <a href=\"#css\">CSS API</a> below for more details.",
-    "defaultCollapseIcon": "The default icon used to collapse the node.",
-    "defaultEndIcon": "The default icon displayed next to a end node. This is applied to all tree nodes and can be overridden by the TreeItem <code>icon</code> prop.",
-    "defaultExpanded": "Expanded node ids. (Uncontrolled)",
-    "defaultExpandIcon": "The default icon used to expand the node.",
-    "defaultParentIcon": "The default icon displayed next to a parent node. This is applied to all parent nodes and can be overridden by the TreeItem <code>icon</code> prop.",
-    "defaultSelected": "Selected node ids. (Uncontrolled) When <code>multiSelect</code> is true this takes an array of strings; when false (default) a string.",
-    "disabledItemsFocusable": "If <code>true</code>, will allow focus on disabled items.",
-    "disableSelection": "If <code>true</code> selection is disabled.",
-    "expanded": "Expanded node ids. (Controlled)",
-    "id": "This prop is used to help implement the accessibility logic. If you don&#39;t provide this prop. It falls back to a randomly generated id.",
-    "multiSelect": "If true <code>ctrl</code> and <code>shift</code> will trigger multiselect.",
-    "onNodeFocus": "Callback fired when tree items are focused.<br><br><strong>Signature:</strong><br><code>function(event: object, value: string) =&gt; void</code><br><em>event:</em> The event source of the callback <strong>Warning</strong>: This is a generic event not a focus event.<br><em>value:</em> of the focused node.",
-    "onNodeSelect": "Callback fired when tree items are selected/unselected.<br><br><strong>Signature:</strong><br><code>function(event: object, value: array | string) =&gt; void</code><br><em>event:</em> The event source of the callback<br><em>value:</em> of the selected nodes. When <code>multiSelect</code> is true this is an array of strings; when false (default) a string.",
-    "onNodeToggle": "Callback fired when tree items are expanded/collapsed.<br><br><strong>Signature:</strong><br><code>function(event: object, nodeIds: array) =&gt; void</code><br><em>event:</em> The event source of the callback.<br><em>nodeIds:</em> The ids of the expanded nodes.",
-    "selected": "Selected node ids. (Controlled) When <code>multiSelect</code> is true this takes an array of strings; when false (default) a string.",
-    "sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the <a href=\"/system/getting-started/the-sx-prop/\">`sx` page</a> for more details."
-  },
-  "classDescriptions": {
-    "root": {
-      "description": "Styles applied to the root element."
-    }
-  }
-}
diff --git a/docs/translations/api-docs/tree-view/tree-view.json b/docs/translations/api-docs/tree-view/tree-view.json
deleted file mode 100644
index 9c7372518f97aa..00000000000000
--- a/docs/translations/api-docs/tree-view/tree-view.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "componentDescription": "",
-  "propDescriptions": {
-    "children": { "description": "The content of the component." },
-    "classes": { "description": "Override or extend the styles applied to the component." },
-    "defaultCollapseIcon": { "description": "The default icon used to collapse the node." },
-    "defaultEndIcon": {
-      "description": "The default icon displayed next to a end node. This is applied to all tree nodes and can be overridden by the TreeItem <code>icon</code> prop."
-    },
-    "defaultExpanded": { "description": "Expanded node ids. (Uncontrolled)" },
-    "defaultExpandIcon": { "description": "The default icon used to expand the node." },
-    "defaultParentIcon": {
-      "description": "The default icon displayed next to a parent node. This is applied to all parent nodes and can be overridden by the TreeItem <code>icon</code> prop."
-    },
-    "defaultSelected": {
-      "description": "Selected node ids. (Uncontrolled) When <code>multiSelect</code> is true this takes an array of strings; when false (default) a string."
-    },
-    "disabledItemsFocusable": {
-      "description": "If <code>true</code>, will allow focus on disabled items."
-    },
-    "disableSelection": { "description": "If <code>true</code> selection is disabled." },
-    "expanded": { "description": "Expanded node ids. (Controlled)" },
-    "id": {
-      "description": "This prop is used to help implement the accessibility logic. If you don&#39;t provide this prop. It falls back to a randomly generated id."
-    },
-    "multiSelect": {
-      "description": "If true <code>ctrl</code> and <code>shift</code> will trigger multiselect."
-    },
-    "onNodeFocus": {
-      "description": "Callback fired when tree items are focused.",
-      "typeDescriptions": {
-        "event": "The event source of the callback <strong>Warning</strong>: This is a generic event not a focus event.",
-        "value": "of the focused node."
-      }
-    },
-    "onNodeSelect": {
-      "description": "Callback fired when tree items are selected/unselected.",
-      "typeDescriptions": {
-        "event": "The event source of the callback",
-        "nodeIds": "Ids of the selected nodes. When <code>multiSelect</code> is true this is an array of strings; when false (default) a string."
-      }
-    },
-    "onNodeToggle": {
-      "description": "Callback fired when tree items are expanded/collapsed.",
-      "typeDescriptions": {
-        "event": "The event source of the callback.",
-        "nodeIds": "The ids of the expanded nodes."
-      }
-    },
-    "selected": {
-      "description": "Selected node ids. (Controlled) When <code>multiSelect</code> is true this takes an array of strings; when false (default) a string."
-    },
-    "sx": {
-      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
-    }
-  },
-  "classDescriptions": { "root": { "description": "Styles applied to the root element." } }
-}
diff --git a/docs/translations/api-docs/use-autocomplete/use-autocomplete.json b/docs/translations/api-docs/use-autocomplete/use-autocomplete.json
index 09862263d70940..44618f567f7034 100644
--- a/docs/translations/api-docs/use-autocomplete/use-autocomplete.json
+++ b/docs/translations/api-docs/use-autocomplete/use-autocomplete.json
@@ -2,19 +2,19 @@
   "hookDescription": "",
   "parametersDescriptions": {
     "autoComplete": {
-      "description": "If <code>true</code>, the portion of the selected suggestion that has not been typed by the user,\nknown as the completion string, appears inline after the input cursor in the textbox.\nThe inline completion string is visually highlighted and has a selected state."
+      "description": "If <code>true</code>, the portion of the selected suggestion that has not been typed by the user, known as the completion string, appears inline after the input cursor in the textbox. The inline completion string is visually highlighted and has a selected state."
     },
     "autoHighlight": {
       "description": "If <code>true</code>, the first option is automatically highlighted."
     },
     "autoSelect": {
-      "description": "If <code>true</code>, the selected option becomes the value of the input\nwhen the Autocomplete loses focus unless the user chooses\na different option or changes the character string in the input.\n\nWhen using <code>freeSolo</code> mode, the typed value will be the input value\nif the Autocomplete loses focus without highlighting an option."
+      "description": "If <code>true</code>, the selected option becomes the value of the input when the Autocomplete loses focus unless the user chooses a different option or changes the character string in the input.<br>When using <code>freeSolo</code> mode, the typed value will be the input value if the Autocomplete loses focus without highlighting an option."
     },
     "blurOnSelect": {
-      "description": "Control if the input should be blurred when an option is selected:\n\n- <code>false</code> the input is not blurred.\n- <code>true</code> the input is always blurred.\n- <code>touch</code> the input is blurred after a touch event.\n- <code>mouse</code> the input is blurred after a mouse event."
+      "description": "<p>Control if the input should be blurred when an option is selected:</p>\n<ul>\n<li><code>false</code> the input is not blurred.</li>\n<li><code>true</code> the input is always blurred.</li>\n<li><code>touch</code> the input is blurred after a touch event.</li>\n<li><code>mouse</code> the input is blurred after a mouse event.</li>\n</ul>\n"
     },
     "clearOnBlur": {
-      "description": "If <code>true</code>, the input&#39;s text is cleared on blur if no value is selected.\n\nSet to <code>true</code> if you want to help the user enter a new value.\nSet to <code>false</code> if you want to help the user resume their search."
+      "description": "If <code>true</code>, the input&#39;s text is cleared on blur if no value is selected.<br>Set to <code>true</code> if you want to help the user enter a new value. Set to <code>false</code> if you want to help the user resume their search."
     },
     "clearOnEscape": {
       "description": "If <code>true</code>, clear all values when the user presses escape and the popup is closed."
@@ -49,35 +49,35 @@
       "description": "Used to determine the disabled state for a given option."
     },
     "getOptionLabel": {
-      "description": "Used to determine the string value for a given option.\nIt&#39;s used to fill the input (and the list box options if <code>renderOption</code> is not provided).\n\nIf used in free solo mode, it must accept both the type of the options and a string."
+      "description": "Used to determine the string value for a given option. It&#39;s used to fill the input (and the list box options if <code>renderOption</code> is not provided).<br>If used in free solo mode, it must accept both the type of the options and a string."
     },
     "groupBy": {
-      "description": "If provided, the options will be grouped under the returned string.\nThe groupBy value is also used as the text for group headings when <code>renderGroup</code> is not provided."
+      "description": "If provided, the options will be grouped under the returned string. The groupBy value is also used as the text for group headings when <code>renderGroup</code> is not provided."
     },
     "handleHomeEndKeys": {
-      "description": "If <code>true</code>, the component handles the &quot;Home&quot; and &quot;End&quot; keys when the popup is open.\nIt should move focus to the first option and last option, respectively."
+      "description": "If <code>true</code>, the component handles the &quot;Home&quot; and &quot;End&quot; keys when the popup is open. It should move focus to the first option and last option, respectively."
     },
     "id": {
-      "description": "This prop is used to help implement the accessibility logic.\nIf you don&#39;t provide an id it will fall back to a randomly generated one."
+      "description": "This prop is used to help implement the accessibility logic. If you don&#39;t provide an id it will fall back to a randomly generated one."
     },
     "includeInputInList": {
       "description": "If <code>true</code>, the highlight can move to the input."
     },
     "inputValue": { "description": "The input value." },
     "isOptionEqualToValue": {
-      "description": "Used to determine if the option represents the given value.\nUses strict equality by default.\n⚠️ Both arguments need to be handled, an option can only match with one value."
+      "description": "Used to determine if the option represents the given value. Uses strict equality by default. ⚠️ Both arguments need to be handled, an option can only match with one value."
     },
     "multiple": {
       "description": "If <code>true</code>, <code>value</code> must be an array and the menu will support multiple selections."
     },
     "onChange": { "description": "Callback fired when the value changes." },
     "onClose": {
-      "description": "Callback fired when the popup requests to be closed.\nUse in controlled mode (see open)."
+      "description": "Callback fired when the popup requests to be closed. Use in controlled mode (see open)."
     },
     "onHighlightChange": { "description": "Callback fired when the highlight option changes." },
     "onInputChange": { "description": "Callback fired when the input value changes." },
     "onOpen": {
-      "description": "Callback fired when the popup requests to be opened.\nUse in controlled mode (see open)."
+      "description": "Callback fired when the popup requests to be opened. Use in controlled mode (see open)."
     },
     "open": { "description": "If <code>true</code>, the component is shown." },
     "openOnFocus": { "description": "If <code>true</code>, the popup will open on input focus." },
@@ -86,10 +86,10 @@
       "description": "If <code>true</code>, the component becomes readonly. It is also supported for multiple tags where the tag cannot be deleted."
     },
     "selectOnFocus": {
-      "description": "If <code>true</code>, the input&#39;s text is selected on focus.\nIt helps the user clear the selected value."
+      "description": "If <code>true</code>, the input&#39;s text is selected on focus. It helps the user clear the selected value."
     },
     "value": {
-      "description": "The value of the autocomplete.\n\nThe value must have reference equality with the option in order to be selected.\nYou can customize the equality behavior with the <code>isOptionEqualToValue</code> prop."
+      "description": "The value of the autocomplete.<br>The value must have reference equality with the option in order to be selected. You can customize the equality behavior with the <code>isOptionEqualToValue</code> prop."
     }
   },
   "returnValueDescriptions": {
diff --git a/docs/translations/api-docs/use-dropdown/use-dropdown.json b/docs/translations/api-docs/use-dropdown/use-dropdown.json
index 70cdec6f3f749b..5ee4ef4ebaf1c1 100644
--- a/docs/translations/api-docs/use-dropdown/use-dropdown.json
+++ b/docs/translations/api-docs/use-dropdown/use-dropdown.json
@@ -6,7 +6,7 @@
       "description": "Callback fired when the component requests to be opened or closed."
     },
     "open": {
-      "description": "Allows to control whether the dropdown is open.\nThis is a controlled counterpart of <code>defaultOpen</code>."
+      "description": "Allows to control whether the dropdown is open. This is a controlled counterpart of <code>defaultOpen</code>."
     }
   },
   "returnValueDescriptions": {
diff --git a/docs/translations/api-docs/use-input/use-input.json b/docs/translations/api-docs/use-input/use-input.json
index 51a0a01fca6613..f2af733d55fb7e 100644
--- a/docs/translations/api-docs/use-input/use-input.json
+++ b/docs/translations/api-docs/use-input/use-input.json
@@ -5,13 +5,13 @@
       "description": "The default value. Use when the component is not controlled."
     },
     "disabled": {
-      "description": "If <code>true</code>, the component is disabled.\nThe prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
+      "description": "If <code>true</code>, the component is disabled. The prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
     },
     "error": {
-      "description": "If <code>true</code>, the <code>input</code> will indicate an error by setting the <code>aria-invalid</code> attribute.\nThe prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
+      "description": "If <code>true</code>, the <code>input</code> will indicate an error by setting the <code>aria-invalid</code> attribute. The prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
     },
     "required": {
-      "description": "If <code>true</code>, the <code>input</code> element is required.\nThe prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
+      "description": "If <code>true</code>, the <code>input</code> element is required. The prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
     }
   },
   "returnValueDescriptions": {
diff --git a/docs/translations/api-docs/use-menu/use-menu.json b/docs/translations/api-docs/use-menu/use-menu.json
index 7535bbf30b1d61..0a31fb7cb077c7 100644
--- a/docs/translations/api-docs/use-menu/use-menu.json
+++ b/docs/translations/api-docs/use-menu/use-menu.json
@@ -8,7 +8,7 @@
   "returnValueDescriptions": {
     "contextValue": { "description": "The value to be passed into the MenuProvider." },
     "dispatch": {
-      "description": "Action dispatcher for the menu component.\nAllows to programmatically control the menu."
+      "description": "Action dispatcher for the menu component. Allows to programmatically control the menu."
     },
     "getListboxProps": { "description": "Resolver for the listbox slot&#39;s props." },
     "highlightedValue": { "description": "The highlighted option in the menu listbox." },
diff --git a/docs/translations/api-docs/use-modal/use-modal.json b/docs/translations/api-docs/use-modal/use-modal.json
new file mode 100644
index 00000000000000..b40404bc574128
--- /dev/null
+++ b/docs/translations/api-docs/use-modal/use-modal.json
@@ -0,0 +1,36 @@
+{
+  "hookDescription": "",
+  "parametersDescriptions": {
+    "children": { "description": "A single child content element." },
+    "closeAfterTransition": {
+      "description": "When set to true the Modal waits until a nested Transition is completed before closing."
+    },
+    "container": {
+      "description": "An HTML element or function that returns one. The <code>container</code> will have the portal children appended to it.<br>By default, it uses the body of the top-level document object, so it&#39;s simply <code>document.body</code> most of the time."
+    },
+    "disableEscapeKeyDown": {
+      "description": "If <code>true</code>, hitting escape will not fire the <code>onClose</code> callback."
+    },
+    "disableScrollLock": { "description": "Disable the scroll lock behavior." },
+    "onClose": {
+      "description": "Callback fired when the component requests to be closed. The <code>reason</code> parameter can optionally be used to control the response to <code>onClose</code>."
+    },
+    "onTransitionEnter": { "description": "A function called when a transition enters." },
+    "onTransitionExited": { "description": "A function called when a transition has exited." },
+    "open": { "description": "If <code>true</code>, the component is shown." }
+  },
+  "returnValueDescriptions": {
+    "exited": {
+      "description": "If <code>true</code>, the exiting transition finished (to be used for unmounting the component)."
+    },
+    "getBackdropProps": { "description": "Resolver for the backdrop slot&#39;s props." },
+    "getRootProps": { "description": "Resolver for the root slot&#39;s props." },
+    "getTransitionProps": { "description": "Resolver for the transition related props." },
+    "hasTransition": {
+      "description": "If <code>true</code>, the component&#39;s child is transition component."
+    },
+    "isTopModal": { "description": "If <code>true</code>, the modal is the top most one." },
+    "portalRef": { "description": "A ref to the component&#39;s portal DOM element." },
+    "rootRef": { "description": "A ref to the component&#39;s root DOM element." }
+  }
+}
diff --git a/docs/translations/api-docs/use-number-input/use-number-input.json b/docs/translations/api-docs/use-number-input/use-number-input.json
index 575cb5d734d751..9e2fe0cd48f645 100644
--- a/docs/translations/api-docs/use-number-input/use-number-input.json
+++ b/docs/translations/api-docs/use-number-input/use-number-input.json
@@ -5,29 +5,29 @@
       "description": "The default value. Use when the component is not controlled."
     },
     "disabled": {
-      "description": "If <code>true</code>, the component is disabled.\nThe prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
+      "description": "If <code>true</code>, the component is disabled. The prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
     },
     "error": {
-      "description": "If <code>true</code>, the <code>input</code> will indicate an error by setting the <code>aria-invalid</code> attribute.\nThe prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
+      "description": "If <code>true</code>, the <code>input</code> will indicate an error by setting the <code>aria-invalid</code> attribute. The prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
     },
     "inputId": { "description": "The <code>id</code> attribute of the input element." },
     "inputRef": { "description": "The ref of the input element." },
     "max": { "description": "The maximum value." },
     "min": { "description": "The minimum value." },
     "onChange": {
-      "description": "Callback fired after the value is clamped and changes - when the <code>input</code> is blurred or when\nthe stepper buttons are triggered.\nCalled with <code>undefined</code> when the value is unset."
+      "description": "Callback fired after the value is clamped and changes - when the <code>input</code> is blurred or when the stepper buttons are triggered. Called with <code>undefined</code> when the value is unset."
     },
     "onInputChange": {
-      "description": "Callback fired when the <code>input</code> value changes after each keypress, before clamping is applied.\nNote that <code>event.target.value</code> may contain values that fall outside of <code>min</code> and <code>max</code> or\nare otherwise &quot;invalid&quot;."
+      "description": "Callback fired when the <code>input</code> value changes after each keypress, before clamping is applied. Note that <code>event.target.value</code> may contain values that fall outside of <code>min</code> and <code>max</code> or are otherwise &quot;invalid&quot;."
     },
     "readOnly": {
-      "description": "If <code>true</code>, the <code>input</code> element becomes read-only. The stepper buttons remain active,\nwith the addition that they are now keyboard focusable."
+      "description": "If <code>true</code>, the <code>input</code> element becomes read-only. The stepper buttons remain active, with the addition that they are now keyboard focusable."
     },
     "required": {
-      "description": "If <code>true</code>, the <code>input</code> element is required.\nThe prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
+      "description": "If <code>true</code>, the <code>input</code> element is required. The prop defaults to the value (<code>false</code>) inherited from the parent FormControl component."
     },
     "shiftMultiplier": {
-      "description": "Multiplier applied to <code>step</code> if the shift key is held while incrementing\nor decrementing the value. Defaults to <code>10</code>."
+      "description": "Multiplier applied to <code>step</code> if the shift key is held while incrementing or decrementing the value. Defaults to <code>10</code>."
     },
     "step": { "description": "The amount that the value changes on each increment or decrement." },
     "value": { "description": "The current value. Use when the component is controlled." }
@@ -53,10 +53,10 @@
       "description": "The dirty <code>value</code> of the <code>input</code> element when it is in focus."
     },
     "isDecrementDisabled": {
-      "description": "If <code>true</code>, the decrement button will be disabled.\ne.g. when the <code>value</code> is already at <code>min</code>"
+      "description": "If <code>true</code>, the decrement button will be disabled. e.g. when the <code>value</code> is already at <code>min</code>"
     },
     "isIncrementDisabled": {
-      "description": "If <code>true</code>, the increment button will be disabled.\ne.g. when the <code>value</code> is already at <code>max</code>"
+      "description": "If <code>true</code>, the increment button will be disabled. e.g. when the <code>value</code> is already at <code>max</code>"
     },
     "required": {
       "description": "If <code>true</code>, the <code>input</code> will indicate that it&#39;s required."
diff --git a/docs/translations/api-docs/use-option/use-option.json b/docs/translations/api-docs/use-option/use-option.json
index e3eb65c6e43006..07b5b62753ad2c 100644
--- a/docs/translations/api-docs/use-option/use-option.json
+++ b/docs/translations/api-docs/use-option/use-option.json
@@ -1 +1,10 @@
-{ "hookDescription": "", "parametersDescriptions": {}, "returnValueDescriptions": {} }
+{
+  "hookDescription": "",
+  "parametersDescriptions": {},
+  "returnValueDescriptions": {
+    "getRootProps": { "description": "Resolver for the root slot&#39;s props." },
+    "highlighted": { "description": "If <code>true</code>, the option is highlighted." },
+    "rootRef": { "description": "Ref to the root slot DOM node." },
+    "selected": { "description": "If <code>true</code>, the option is selected." }
+  }
+}
diff --git a/docs/translations/api-docs/use-select/use-select.json b/docs/translations/api-docs/use-select/use-select.json
index f24592c7c0fe1b..e083d00f9f7b16 100644
--- a/docs/translations/api-docs/use-select/use-select.json
+++ b/docs/translations/api-docs/use-select/use-select.json
@@ -2,7 +2,7 @@
   "hookDescription": "",
   "parametersDescriptions": {
     "areOptionsEqual": {
-      "description": "A function used to determine if two options&#39; values are equal.\nBy default, reference equality is used.\n\nThere is a performance impact when using the <code>areOptionsEqual</code> prop (proportional to the number of options).\nTherefore, it&#39;s recommented to use the default reference equality comparison whenever possible."
+      "description": "A function used to determine if two options&#39; values are equal. By default, reference equality is used.<br>There is a performance impact when using the <code>areOptionsEqual</code> prop (proportional to the number of options). Therefore, it&#39;s recommented to use the default reference equality comparison whenever possible."
     },
     "buttonRef": { "description": "The ref of the trigger button element." },
     "defaultOpen": { "description": "If <code>true</code>, the select will be open by default." },
@@ -11,24 +11,33 @@
     },
     "disabled": { "description": "If <code>true</code>, the select is disabled." },
     "getOptionAsString": {
-      "description": "A function used to convert the option label to a string.\nThis is useful when labels are elements and need to be converted to plain text\nto enable keyboard navigation with character keys."
+      "description": "A function used to convert the option label to a string. This is useful when labels are elements and need to be converted to plain text to enable keyboard navigation with character keys."
+    },
+    "getSerializedValue": {
+      "description": "A function to convert the currently selected value to a string. Used to set a value of a hidden input associated with the select, so that the selected value can be posted with a form."
     },
     "listboxId": { "description": "The <code>id</code> attribute of the listbox element." },
     "listboxRef": { "description": "The ref of the listbox element." },
     "multiple": {
-      "description": "If <code>true</code>, the end user can select multiple values.\nThis affects the type of the <code>value</code>, <code>defaultValue</code>, and <code>onChange</code> props."
+      "description": "If <code>true</code>, the end user can select multiple values. This affects the type of the <code>value</code>, <code>defaultValue</code>, and <code>onChange</code> props."
+    },
+    "name": {
+      "description": "The <code>name</code> attribute of the hidden input element. This is useful when the select is embedded in a form and you want to access the selected value in the form data."
     },
     "onChange": { "description": "Callback fired when an option is selected." },
     "onHighlightChange": { "description": "Callback fired when an option is highlighted." },
     "onOpenChange": { "description": "Callback fired when the listbox is opened or closed." },
     "open": {
-      "description": "Controls the open state of the select&#39;s listbox.\nThis is the controlled equivalent of the <code>defaultOpen</code> prop."
+      "description": "Controls the open state of the select&#39;s listbox. This is the controlled equivalent of the <code>defaultOpen</code> prop."
     },
     "options": {
-      "description": "An alternative way to specify the options.\nIf this parameter is set, options defined as JSX children are ignored."
+      "description": "An alternative way to specify the options. If this parameter is set, options defined as JSX children are ignored."
+    },
+    "required": {
+      "description": "If <code>true</code>, the select embedded in a form must have a selected value. Otherwise, the form submission will fail."
     },
     "value": {
-      "description": "The selected value.\nSet to <code>null</code> to deselect all options."
+      "description": "The selected value. Set to <code>null</code> to deselect all options."
     }
   },
   "returnValueDescriptions": {
@@ -44,9 +53,10 @@
     },
     "disabled": { "description": "If <code>true</code>, the select is disabled." },
     "dispatch": {
-      "description": "Action dispatcher for the select component.\nAllows to programmatically control the select."
+      "description": "Action dispatcher for the select component. Allows to programmatically control the select."
     },
     "getButtonProps": { "description": "Resolver for the button slot&#39;s props." },
+    "getHiddenInputProps": { "description": "Resolver for the hidden input slot&#39;s props." },
     "getListboxProps": { "description": "Resolver for the listbox slot&#39;s props." },
     "getOptionMetadata": {
       "description": "A function that returns the metadata of an option with a given value."
diff --git a/docs/translations/api-docs/use-slider/use-slider.json b/docs/translations/api-docs/use-slider/use-slider.json
index e314af091b3782..56c403349933c5 100644
--- a/docs/translations/api-docs/use-slider/use-slider.json
+++ b/docs/translations/api-docs/use-slider/use-slider.json
@@ -15,13 +15,13 @@
       "description": "If <code>true</code> the Slider will be rendered right-to-left (with the lowest value on the right-hand side)."
     },
     "marks": {
-      "description": "Marks indicate predetermined values to which the user can move the slider.\nIf <code>true</code> the marks are spaced according the value of the <code>step</code> prop.\nIf an array, it should contain objects with <code>value</code> and an optional <code>label</code> keys."
+      "description": "Marks indicate predetermined values to which the user can move the slider. If <code>true</code> the marks are spaced according the value of the <code>step</code> prop. If an array, it should contain objects with <code>value</code> and an optional <code>label</code> keys."
     },
     "max": {
-      "description": "The maximum allowed value of the slider.\nShould not be equal to min."
+      "description": "The maximum allowed value of the slider. Should not be equal to min."
     },
     "min": {
-      "description": "The minimum allowed value of the slider.\nShould not be equal to max."
+      "description": "The minimum allowed value of the slider. Should not be equal to max."
     },
     "name": { "description": "Name attribute of the hidden <code>input</code> element." },
     "onChange": {
@@ -34,11 +34,11 @@
     "rootRef": { "description": "The ref attached to the root of the Slider." },
     "scale": { "description": "A transformation function, to change the scale of the slider." },
     "step": {
-      "description": "The granularity with which the slider can step through values. (A &quot;discrete&quot; slider.)\nThe <code>min</code> prop serves as the origin for the valid values.\nWe recommend (max - min) to be evenly divisible by the step.\n\nWhen step is <code>null</code>, the thumb can only be slid onto marks provided with the <code>marks</code> prop."
+      "description": "The granularity with which the slider can step through values. (A &quot;discrete&quot; slider.) The <code>min</code> prop serves as the origin for the valid values. We recommend (max - min) to be evenly divisible by the step.<br>When step is <code>null</code>, the thumb can only be slid onto marks provided with the <code>marks</code> prop."
     },
     "tabIndex": { "description": "Tab index attribute of the hidden <code>input</code> element." },
     "value": {
-      "description": "The value of the slider.\nFor ranged sliders, provide an array with two values."
+      "description": "The value of the slider. For ranged sliders, provide an array with two values."
     }
   },
   "returnValueDescriptions": {
diff --git a/docs/translations/api-docs/use-snackbar/use-snackbar.json b/docs/translations/api-docs/use-snackbar/use-snackbar.json
index 61d3adfd84bd9a..eb9ec5d42cd26b 100644
--- a/docs/translations/api-docs/use-snackbar/use-snackbar.json
+++ b/docs/translations/api-docs/use-snackbar/use-snackbar.json
@@ -2,17 +2,17 @@
   "hookDescription": "The basic building block for creating custom snackbar.",
   "parametersDescriptions": {
     "autoHideDuration": {
-      "description": "The number of milliseconds to wait before automatically calling the\n<code>onClose</code> function. <code>onClose</code> should then set the state of the <code>open</code>\nprop to hide the Snackbar. This behavior is disabled by default with\nthe <code>null</code> value."
+      "description": "The number of milliseconds to wait before automatically calling the <code>onClose</code> function. <code>onClose</code> should then set the state of the <code>open</code> prop to hide the Snackbar. This behavior is disabled by default with the <code>null</code> value."
     },
     "disableWindowBlurListener": {
       "description": "If <code>true</code>, the <code>autoHideDuration</code> timer will expire even if the window is not focused."
     },
     "onClose": {
-      "description": "Callback fired when the component requests to be closed.\nTypically <code>onClose</code> is used to set state in the parent component,\nwhich is used to control the <code>Snackbar</code> <code>open</code> prop.\nThe <code>reason</code> parameter can optionally be used to control the response to <code>onClose</code>,\nfor example ignoring <code>clickaway</code>."
+      "description": "Callback fired when the component requests to be closed. Typically <code>onClose</code> is used to set state in the parent component, which is used to control the <code>Snackbar</code> <code>open</code> prop. The <code>reason</code> parameter can optionally be used to control the response to <code>onClose</code>, for example ignoring <code>clickaway</code>."
     },
     "open": { "description": "If <code>true</code>, the component is shown." },
     "resumeHideDuration": {
-      "description": "The number of milliseconds to wait before dismissing after user interaction.\nIf <code>autoHideDuration</code> prop isn&#39;t specified, it does nothing.\nIf <code>autoHideDuration</code> prop is specified but <code>resumeHideDuration</code> isn&#39;t,\nwe default to <code>autoHideDuration / 2</code> ms."
+      "description": "The number of milliseconds to wait before dismissing after user interaction. If <code>autoHideDuration</code> prop isn&#39;t specified, it does nothing. If <code>autoHideDuration</code> prop is specified but <code>resumeHideDuration</code> isn&#39;t, we default to <code>autoHideDuration / 2</code> ms."
     }
   },
   "returnValueDescriptions": {
diff --git a/docs/translations/api-docs/use-tab/use-tab.json b/docs/translations/api-docs/use-tab/use-tab.json
index c4c07f87d95a04..2325bf001697e5 100644
--- a/docs/translations/api-docs/use-tab/use-tab.json
+++ b/docs/translations/api-docs/use-tab/use-tab.json
@@ -3,13 +3,13 @@
   "parametersDescriptions": {
     "disabled": { "description": "If <code>true</code>, the tab will be disabled." },
     "id": {
-      "description": "The id of the tab.\nIf not provided, it will be automatically generated."
+      "description": "The id of the tab. If not provided, it will be automatically generated."
     },
     "onChange": { "description": "If <code>true</code>, the tab will be disabled." },
     "onClick": { "description": "Callback fired when the tab is clicked." },
     "rootRef": { "description": "Ref to the root slot&#39;s DOM element." },
     "value": {
-      "description": "The value of the tab.\nIt&#39;s used to associate the tab with a tab panel(s) with the same value.\nIf the value is not provided, it falls back to the position index."
+      "description": "The value of the tab. It&#39;s used to associate the tab with a tab panel(s) with the same value. If the value is not provided, it falls back to the position index."
     }
   },
   "returnValueDescriptions": {
@@ -17,7 +17,7 @@
       "description": "If <code>true</code>, the tab is active (as in <code>:active</code> pseudo-class; in other words, pressed)."
     },
     "focusVisible": {
-      "description": "If <code>true</code>, the tab has visible focus.\nThis is a workaround for browsers that do not support this feature natively."
+      "description": "If <code>true</code>, the tab has visible focus. This is a workaround for browsers that do not support this feature natively."
     },
     "getRootProps": { "description": "Resolver for the root slot&#39;s props." },
     "highlighted": { "description": "If <code>true</code>, the tab is highlighted." },
@@ -25,10 +25,10 @@
     "rootRef": { "description": "Ref to the root slot&#39;s DOM element." },
     "selected": { "description": "If <code>true</code>, the tab is selected." },
     "setFocusVisible": {
-      "description": "Sets the focus-visible state of the tab.\nThis is a workaround for browsers that do not support this feature natively."
+      "description": "Sets the focus-visible state of the tab. This is a workaround for browsers that do not support this feature natively."
     },
     "totalTabsCount": {
-      "description": "Total number of tabs in the nearest parent TabsList.\nThis can be used to determine if the tab is the last one to style it accordingly."
+      "description": "Total number of tabs in the nearest parent TabsList. This can be used to determine if the tab is the last one to style it accordingly."
     }
   }
 }
diff --git a/docs/translations/api-docs/use-tabs-list/use-tabs-list.json b/docs/translations/api-docs/use-tabs-list/use-tabs-list.json
index 9048a2a96d1775..3b0f1a3a1986b7 100644
--- a/docs/translations/api-docs/use-tabs-list/use-tabs-list.json
+++ b/docs/translations/api-docs/use-tabs-list/use-tabs-list.json
@@ -6,7 +6,7 @@
       "description": "The value to be passed to the TabListProvider above all the tabs."
     },
     "dispatch": {
-      "description": "Action dispatcher for the tabs list component.\nAllows to programmatically control the tabs list."
+      "description": "Action dispatcher for the tabs list component. Allows to programmatically control the tabs list."
     },
     "getRootProps": { "description": "Resolver for the root slot&#39;s props." },
     "highlightedValue": { "description": "The value of the currently highlighted tab." },
diff --git a/docs/translations/api-docs/use-tabs/use-tabs.json b/docs/translations/api-docs/use-tabs/use-tabs.json
index 3d61ad1b743702..6ff631febc0f3c 100644
--- a/docs/translations/api-docs/use-tabs/use-tabs.json
+++ b/docs/translations/api-docs/use-tabs/use-tabs.json
@@ -8,10 +8,10 @@
     "onChange": { "description": "Callback invoked when new value is being set." },
     "orientation": { "description": "The component orientation (layout flow direction)." },
     "selectionFollowsFocus": {
-      "description": "If <code>true</code> the selected tab changes on focus. Otherwise it only\nchanges on activation."
+      "description": "If <code>true</code> the selected tab changes on focus. Otherwise it only changes on activation."
     },
     "value": {
-      "description": "The value of the currently selected <code>Tab</code>.\nIf you don&#39;t want any selected <code>Tab</code>, you can set this prop to <code>false</code>."
+      "description": "The value of the currently selected <code>Tab</code>. If you don&#39;t want any selected <code>Tab</code>, you can set this prop to <code>false</code>."
     }
   },
   "returnValueDescriptions": {
diff --git a/docs/translations/translations-pt.json b/docs/translations/translations-pt.json
index ae08b12f066018..7d64828fc07d26 100644
--- a/docs/translations/translations-pt.json
+++ b/docs/translations/translations-pt.json
@@ -296,7 +296,6 @@
     "/material-ui/about-the-lab": "About the lab 🧪",
     "/material-ui/react-masonry": "Masonry",
     "/material-ui/react-timeline": "Timeline",
-    "/material-ui/react-tree-view": "Tree view",
     "/material-ui/customization": "Customization",
     "/material-ui/customization/theme": "Theme",
     "/material-ui/customization/theming": "Theming",
@@ -316,7 +315,7 @@
     "/material-ui/guides/understand-mui-packages": "Understand MUI packages",
     "/material-ui/guides/typescript": "TypeScript",
     "/material-ui/guides/interoperability": "Style library interoperability",
-    "/material-ui/guides/styled-engine": "Styled engine",
+    "/material-ui/guides/styled-components": "Styled components",
     "/material-ui/guides/minimizing-bundle-size": "Minimizing bundle size",
     "/material-ui/guides/composition": "Composition",
     "/material-ui/guides/routing": "Routing",
diff --git a/docs/translations/translations-zh.json b/docs/translations/translations-zh.json
index c30b0201a8f6ca..0df8a8cf518bd2 100644
--- a/docs/translations/translations-zh.json
+++ b/docs/translations/translations-zh.json
@@ -296,7 +296,6 @@
     "/material-ui/about-the-lab": "关于实验室 🧪",
     "/material-ui/react-masonry": "Masonry",
     "/material-ui/react-timeline": "Timeline",
-    "/material-ui/react-tree-view": "Tree view",
     "/material-ui/customization": "Customization",
     "/material-ui/customization/theme": "Theme",
     "/material-ui/customization/theming": "Theming",
@@ -316,7 +315,7 @@
     "/material-ui/guides/understand-mui-packages": "Understand MUI packages",
     "/material-ui/guides/typescript": "TypeScript",
     "/material-ui/guides/interoperability": "Style library interoperability",
-    "/material-ui/guides/styled-engine": "Styled engine",
+    "/material-ui/guides/styled-components": "Styled components",
     "/material-ui/guides/minimizing-bundle-size": "Minimizing bundle size",
     "/material-ui/guides/composition": "Composition",
     "/material-ui/guides/routing": "Routing",
diff --git a/docs/translations/translations.json b/docs/translations/translations.json
index 4823d23f5ec172..9ece0cfcf5727e 100644
--- a/docs/translations/translations.json
+++ b/docs/translations/translations.json
@@ -84,7 +84,7 @@
   "demoStylingSelectSystem": "MUI System",
   "demoStylingSelectTailwind": "Tailwind CSS",
   "demoStylingSelectCSS": "Plain CSS",
-  "diamondSponsors": "Learn about Diamond Sponsors",
+  "diamondSponsors": "Diamond Sponsors",
   "editorHint": "Press <kbd>Enter</kbd> to start editing",
   "editPage": "Edit this page",
   "emojiLove": "Love",
@@ -97,10 +97,10 @@
   "feedbackMessageUp": "What did you like about this page? (optional)",
   "feedbackSectionSpecific": "How can we improve the <strong>{{sectionName}}</strong> section? (optional)",
   "feedbackMessageToGitHub": {
-    "usecases": "Is something broken? Do you need a reply to a problem you've encountered?",
+    "usecases": "If something is broken or if you need a reply to a problem you've encountered, please",
+    "reasonWhy": "Otherwise, the team won't be able to answer back or ask for more information.",
     "callToAction": {
-      "text": "Please ",
-      "link": "open an issue."
+      "link": "open an issue instead."
     }
   },
   "feedbackNo": "No",
@@ -112,8 +112,8 @@
   "getStarted": "Get Started",
   "githubLabel": "Feedback",
   "headTitle": "MUI: A popular React UI framework",
-  "hideFullSource": "Hide the full source",
-  "hideSource": "Hide the source",
+  "hideFullSource": "Collapse code",
+  "hideSource": "Hide code",
   "homeQuickWord": "A quick word from our sponsors:",
   "increaseSpacing": "increase spacing",
   "initialFocusLabel": "A generic container that is programmatically focused to test keyboard navigation of our components.",
@@ -154,9 +154,9 @@
     "system": "System",
     "language": "Language"
   },
-  "showFullSource": "Show the full source",
+  "showFullSource": "Expand code",
   "showJSSource": "Show JavaScript source",
-  "showSource": "Show the source",
+  "showSource": "Show code",
   "showTSSource": "Show TypeScript source",
   "signInDescr": "A simple sign-in page using text fields, buttons, checkboxes, links, and more.",
   "signInSideDescr": "A simple sign-in page with a two-column layout using text fields, buttons, and more.",
@@ -264,6 +264,7 @@
     "/base-ui/react-modal": "Modal",
     "/base-ui/react-no-ssr": "No-SSR",
     "/base-ui/react-popper": "Popper",
+    "/base-ui/react-popup": "Popup",
     "/base-ui/react-portal": "Portal",
     "/base-ui/react-textarea-autosize": "Textarea Autosize",
     "/base-ui/react-badge/components-api/#badge": "Badge",
@@ -282,6 +283,7 @@
     "/base-ui/react-select/components-api/#option": "Option",
     "/base-ui/react-select/components-api/#option-group": "OptionGroup",
     "/base-ui/react-popper/components-api/#popper": "Popper",
+    "/base-ui/react-popup/components-api/#popup": "Popup",
     "/base-ui/react-portal/components-api/#portal": "Portal",
     "/base-ui/react-select/components-api/#select": "Select",
     "/base-ui/react-slider/components-api/#slider": "Slider",
@@ -302,6 +304,7 @@
     "/base-ui/react-menu/hooks-api/#use-menu": "useMenu",
     "/base-ui/react-menu/hooks-api/#use-menu-button": "useMenuButton",
     "/base-ui/react-menu/hooks-api/#use-menu-item": "useMenuItem",
+    "/base-ui/react-modal/hooks-api/#use-modal": "useModal",
     "/base-ui/react-number-input/hooks-api/#use-number-input": "useNumberInput",
     "/base-ui/react-select/hooks-api/#use-option": "useOption",
     "/base-ui/react-select/hooks-api/#use-select": "useSelect",
@@ -394,7 +397,6 @@
     "/material-ui/about-the-lab": "About the lab 🧪",
     "/material-ui/react-masonry": "Masonry",
     "/material-ui/react-timeline": "Timeline",
-    "/material-ui/react-tree-view": "Tree View",
     "/material-ui/customization": "Customization",
     "/material-ui/customization/theme": "Theme",
     "/material-ui/customization/theming": "Theming",
@@ -415,7 +417,8 @@
     "/material-ui/guides/understand-mui-packages": "Understand MUI packages",
     "/material-ui/guides/typescript": "TypeScript",
     "/material-ui/guides/interoperability": "Style library interoperability",
-    "/material-ui/guides/styled-engine": "Styled engine",
+    "/material-ui/guides/styled-components": "Using styled-components",
+    "/material-ui/guides/theme-scoping": "Theme scoping",
     "/material-ui/guides/minimizing-bundle-size": "Minimizing bundle size",
     "/material-ui/guides/composition": "Composition",
     "/material-ui/guides/routing": "Routing",
@@ -507,22 +510,23 @@
     "/joy-ui/react-css-baseline": "CSS Baseline",
     "/joy-ui/customization": "Customization",
     "/joy-ui/customization/approaches": "Approaches",
-    "/joy-ui/customization/dark-mode": "Dark mode",
-    "/joy-ui/customization/using-css-variables": "Using CSS variables",
     "Theme": "Theme",
     "/joy-ui/customization/theme-colors": "Colors",
     "/joy-ui/customization/theme-shadow": "Shadow",
     "/joy-ui/customization/theme-typography": "Typography",
     "/joy-ui/customization/themed-components": "Components",
+    "Guides": "Guides",
+    "/joy-ui/customization/dark-mode": "Dark mode",
+    "/joy-ui/customization/using-css-variables": "Using CSS variables",
+    "/joy-ui/customization/creating-themed-components": "Creating themed components",
+    "/joy-ui/customization/overriding-component-structure": "Overriding the component structure",
     "Tools": "Tools",
     "/joy-ui/customization/default-theme-viewer": "Default theme viewer",
     "/joy-ui/customization/theme-builder": "Theme builder",
-    "/joy-ui/guides": "How-to guides",
-    "/joy-ui/guides/overriding-component-structure": "Overriding component structure",
-    "/joy-ui/guides/themeable-component": "Themeable component",
-    "/joy-ui/guides/using-joy-ui-and-material-ui-together": "Joy UI and Material UI together",
-    "/joy-ui/guides/using-icon-libraries": "Using icon libraries",
-    "/joy-ui/guides/next-js-app-router": "Next.js App Router",
+    "/joy-ui/integrations": "Integrations",
+    "/joy-ui/integrations/next-js-app-router": "Next.js App Router",
+    "/joy-ui/integrations/material-ui": "Usage with Material UI",
+    "/joy-ui/integrations/icon-libraries": "Using other icon libraries",
     "/joy-ui/migration": "Migration",
     "/joy-ui/migration/migrating-default-theme": "Migrating the default theme"
   }
diff --git a/examples/base-ui-cra-ts/README.md b/examples/base-ui-cra-ts/README.md
index 1e8f134436f826..d8e73bef37736e 100644
--- a/examples/base-ui-cra-ts/README.md
+++ b/examples/base-ui-cra-ts/README.md
@@ -1,6 +1,6 @@
 # Base UI - Create React App example in TypeScript
 
-[Base UI](https://mui.com/base-ui/getting-started/) is a library of unstyled React UI components which includes prebuilt components with production-ready functionality, along with low-level hooks for transferring that functionality to other components.
+[Base UI](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks.
 
 [Create React App](https://create-react-app.dev/) is a framework for quickly creating a new React project without the need to configure complex build tools or development environments.
 
diff --git a/examples/base-ui-cra-ts/package.json b/examples/base-ui-cra-ts/package.json
index d62f1eb7e90948..427498085b9f0c 100644
--- a/examples/base-ui-cra-ts/package.json
+++ b/examples/base-ui-cra-ts/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "base-cra-ts",
+  "name": "base-ui-cra-ts",
   "version": "5.0.0",
   "private": true,
   "dependencies": {
diff --git a/examples/base-ui-cra-ts/public/index.html b/examples/base-ui-cra-ts/public/index.html
index fabce6a43e96b1..1c442bd33b0dd2 100644
--- a/examples/base-ui-cra-ts/public/index.html
+++ b/examples/base-ui-cra-ts/public/index.html
@@ -4,35 +4,10 @@
     <meta charset="utf-8" />
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="initial-scale=1, width=device-width" />
-    <meta name="theme-color" content="#000000" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
+    <title>CRA + Base UI + TS</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/examples/base-ui-cra-ts/public/logo192.png b/examples/base-ui-cra-ts/public/logo192.png
deleted file mode 100644
index fc44b0a3796c0e..00000000000000
Binary files a/examples/base-ui-cra-ts/public/logo192.png and /dev/null differ
diff --git a/examples/base-ui-cra-ts/public/logo512.png b/examples/base-ui-cra-ts/public/logo512.png
deleted file mode 100644
index a4e47a6545bc15..00000000000000
Binary files a/examples/base-ui-cra-ts/public/logo512.png and /dev/null differ
diff --git a/examples/base-ui-cra-ts/public/manifest.json b/examples/base-ui-cra-ts/public/manifest.json
deleted file mode 100644
index 080d6c77ac21bb..00000000000000
--- a/examples/base-ui-cra-ts/public/manifest.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/examples/base-ui-cra-ts/public/robots.txt b/examples/base-ui-cra-ts/public/robots.txt
deleted file mode 100644
index e9e57dc4d41b9b..00000000000000
--- a/examples/base-ui-cra-ts/public/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:
diff --git a/examples/base-ui-cra-ts/src/App.tsx b/examples/base-ui-cra-ts/src/App.tsx
index e9baac65989f58..e9c3576e76b3db 100644
--- a/examples/base-ui-cra-ts/src/App.tsx
+++ b/examples/base-ui-cra-ts/src/App.tsx
@@ -6,7 +6,7 @@ export default function App() {
     <div className="box">
       <h1>Base UI + Create React App scaffold (TypeScript)</h1>
       <div className="item">
-        <a href="https://mui.com/base-ui/getting-started/overview/">Base UI</a> is a library of
+        <a href="https://mui.com/base-ui/">Base UI</a> is a library of
         unstyled React UI components which includes prebuilt components with production-ready
         functionality, along with low-level hooks for transferring that functionality to other
         components.
diff --git a/examples/base-ui-cra/README.md b/examples/base-ui-cra/README.md
index 1843f23fb047b7..070caa8cd46b1b 100644
--- a/examples/base-ui-cra/README.md
+++ b/examples/base-ui-cra/README.md
@@ -1,6 +1,6 @@
 # Base UI - Create React App example in JavaScript
 
-[Base UI](https://mui.com/base/getting-started/overview/) is a library of unstyled React UI components which includes prebuilt components with production-ready functionality, along with low-level hooks for transferring that functionality to other components.
+[Base UI](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks.
 
 [Create React App](https://create-react-app.dev/) is a framework for quickly creating a new React project without the need to configure complex build tools or development environments.
 
diff --git a/examples/base-ui-cra/package.json b/examples/base-ui-cra/package.json
index 5ab64614e1f41a..b7367974062f6c 100644
--- a/examples/base-ui-cra/package.json
+++ b/examples/base-ui-cra/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "base-cra",
+  "name": "base-ui-cra",
   "version": "5.0.0",
   "private": true,
   "dependencies": {
diff --git a/examples/base-ui-cra/public/index.html b/examples/base-ui-cra/public/index.html
index 6a9f8c26bb7b9c..4a367e18ba52d2 100644
--- a/examples/base-ui-cra/public/index.html
+++ b/examples/base-ui-cra/public/index.html
@@ -4,37 +4,11 @@
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
     <meta name="description" content="Web site created using create-react-app" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
+    <title>CRA + Base UI</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/examples/base-ui-cra/public/logo192.png b/examples/base-ui-cra/public/logo192.png
deleted file mode 100644
index fc44b0a3796c0e..00000000000000
Binary files a/examples/base-ui-cra/public/logo192.png and /dev/null differ
diff --git a/examples/base-ui-cra/public/logo512.png b/examples/base-ui-cra/public/logo512.png
deleted file mode 100644
index a4e47a6545bc15..00000000000000
Binary files a/examples/base-ui-cra/public/logo512.png and /dev/null differ
diff --git a/examples/base-ui-cra/public/manifest.json b/examples/base-ui-cra/public/manifest.json
deleted file mode 100644
index 080d6c77ac21bb..00000000000000
--- a/examples/base-ui-cra/public/manifest.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/examples/base-ui-cra/public/robots.txt b/examples/base-ui-cra/public/robots.txt
deleted file mode 100644
index e9e57dc4d41b9b..00000000000000
--- a/examples/base-ui-cra/public/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:
diff --git a/examples/base-ui-cra/src/App.js b/examples/base-ui-cra/src/App.js
index 3268c0289f0784..ac2c5fbb40c00c 100644
--- a/examples/base-ui-cra/src/App.js
+++ b/examples/base-ui-cra/src/App.js
@@ -6,10 +6,8 @@ export default function App() {
     <div className="box">
       <h1>Base UI + Create React App scaffold (JavaScript)</h1>
       <div className="item">
-        <a href="https://mui.com/base-ui/getting-started/overview/">Base UI</a> is a library of
-        unstyled React UI components which includes prebuilt components with production-ready
-        functionality, along with low-level hooks for transferring that functionality to other
-        components.
+        <a href="https://mui.com/base-ui/">Base UI</a> is a library of
+        unstyled React UI components and hooks.
       </div>
       <div className="item">
         <a href="https://create-react-app.dev/">Create React App</a> is a framework for quickly
diff --git a/examples/base-ui-nextjs-tailwind-ts/README.md b/examples/base-ui-nextjs-tailwind-ts/README.md
index 495ceff4d1e40d..d874cc6012cbed 100644
--- a/examples/base-ui-nextjs-tailwind-ts/README.md
+++ b/examples/base-ui-nextjs-tailwind-ts/README.md
@@ -13,31 +13,24 @@ curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip
 cd base-ui-nextjs-tailwind-ts
 ```
 
-Install dependencies and run:
+Install it and run:
 
 ```bash
-# npm
 npm install
 npm run dev
-
-# yarn
-yarn
-yarn dev
-
-# pnpm
-pnpm install
-pnpm dev
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+or
+
+<!-- #default-branch-switch -->
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/base-ui-nextjs-tailwind-ts)
 
-This example uses [`next/font/google`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts#google-fonts) to automatically optimize and load Inter, a custom Google Font.
+[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/base-ui-nextjs-tailwind-ts)
 
 ## Learn more
 
 To learn more about this example:
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Next.js documentation](https://nextjs.org/docs) - learn about Next.js features and API.
 - [Customizing Base UI](https://mui.com/base-ui/getting-started/customization/) - strategies for styling and customizing Base UI.
diff --git a/examples/base-ui-nextjs-tailwind-ts/package.json b/examples/base-ui-nextjs-tailwind-ts/package.json
index 52ba5b9ddd5337..20b315432bc1fc 100644
--- a/examples/base-ui-nextjs-tailwind-ts/package.json
+++ b/examples/base-ui-nextjs-tailwind-ts/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "base-next-app-router-tailwind-ts",
+  "name": "base-ui-nextjs-tailwind-ts",
   "version": "5.0.0",
   "private": true,
   "scripts": {
@@ -12,9 +12,9 @@
   "dependencies": {
     "@mui/base": "latest",
     "clsx": "latest",
-    "next": "13.x",
-    "react": "18.x",
-    "react-dom": "18.x"
+    "next": "latest",
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@types/node": "latest",
@@ -24,6 +24,7 @@
     "eslint": "latest",
     "eslint-config-next": "latest",
     "postcss": "latest",
+    "postcss-nesting": "latest",
     "tailwindcss": "latest",
     "typescript": "latest"
   }
diff --git a/examples/base-ui-nextjs-tailwind-ts/postcss.config.js b/examples/base-ui-nextjs-tailwind-ts/postcss.config.js
index 12a703d900da81..44fd4d67d3c9d1 100644
--- a/examples/base-ui-nextjs-tailwind-ts/postcss.config.js
+++ b/examples/base-ui-nextjs-tailwind-ts/postcss.config.js
@@ -1,5 +1,6 @@
 module.exports = {
   plugins: {
+    'tailwindcss/nesting': 'postcss-nesting',
     tailwindcss: {},
     autoprefixer: {},
   },
diff --git a/examples/base-ui-nextjs-tailwind-ts/src/app/components.tsx b/examples/base-ui-nextjs-tailwind-ts/src/app/components.tsx
index a8751131922a31..86c63cae795749 100644
--- a/examples/base-ui-nextjs-tailwind-ts/src/app/components.tsx
+++ b/examples/base-ui-nextjs-tailwind-ts/src/app/components.tsx
@@ -34,7 +34,7 @@ const SelectButton = React.forwardRef(function SelectButton<
 
 // the components exported from this file have function props which are non-serializable
 // therefore they are additionally wrapped with 'use client' here
-// https://nextjs.org/docs/getting-started/react-essentials#passing-props-from-server-to-client-components-serialization
+// https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#passing-props-from-server-to-client-components-serialization
 
 export function SelectOption(props: OptionProps<string>) {
   const {
diff --git a/examples/base-ui-nextjs-tailwind-ts/src/app/layout.tsx b/examples/base-ui-nextjs-tailwind-ts/src/app/layout.tsx
index 5315adf5e2dd39..798fd9d1f8bde9 100644
--- a/examples/base-ui-nextjs-tailwind-ts/src/app/layout.tsx
+++ b/examples/base-ui-nextjs-tailwind-ts/src/app/layout.tsx
@@ -2,7 +2,11 @@ import * as React from 'react';
 import { IBM_Plex_Sans } from 'next/font/google';
 import './globals.css';
 
-const font = IBM_Plex_Sans({ weight: ['400', '500', '700'], subsets: ['latin'] });
+const font = IBM_Plex_Sans({
+  weight: ['400', '500', '700'],
+  subsets: ['latin'],
+  display: 'swap',
+});
 
 export const metadata = {
   title: 'Create Next App',
diff --git a/examples/base-ui-vite-tailwind-ts/.gitignore b/examples/base-ui-vite-tailwind-ts/.gitignore
new file mode 100644
index 00000000000000..a547bf36d8d11a
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/examples/base-ui-vite-tailwind-ts/README.md b/examples/base-ui-vite-tailwind-ts/README.md
new file mode 100644
index 00000000000000..65d8efe3feb3ff
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/README.md
@@ -0,0 +1,31 @@
+# Base UI - Vite.js example with Tailwind CSS in TypeScript
+
+[Base UI](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks.
+
+[Vite](https://vitejs.dev/) is a build tool that aims to provide a faster and leaner development experience for modern web projects, consisting of a dev server and a build command
+
+[Tailwind CSS](https://tailwindcss.com/) is a utility-first CSS framework that provides low-level CSS classes that can be composed to build custom UI designs.
+
+## How to use
+
+Download the example [or clone the repo](https://github.com/mui/material-ui):
+
+```bash
+curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/base-ui-vite-tailwind-ts
+cd base-ui-vite-tailwind-ts
+```
+
+Install it and run:
+
+```bash
+npm install
+npm start
+```
+
+or:
+
+<!-- #default-branch-switch -->
+
+[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/base-ui-vite-tailwind-ts)
+
+[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/base-ui-vite-tailwind-ts)
diff --git a/examples/base-ui-vite-tailwind-ts/index.html b/examples/base-ui-vite-tailwind-ts/index.html
new file mode 100644
index 00000000000000..e0d1c840806ee7
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/examples/base-ui-vite-tailwind-ts/package.json b/examples/base-ui-vite-tailwind-ts/package.json
new file mode 100644
index 00000000000000..030161a63f0991
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/package.json
@@ -0,0 +1,44 @@
+{
+  "name": "base-ui-vite-tailwind-ts",
+  "private": true,
+  "version": "5.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@mui/base": "latest",
+    "react": "latest",
+    "react-dom": "latest"
+  },
+  "devDependencies": {
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
+    "@typescript-eslint/eslint-plugin": "latest",
+    "@typescript-eslint/parser": "latest",
+    "@vitejs/plugin-react": "latest",
+    "autoprefixer": "latest",
+    "eslint": "latest",
+    "eslint-plugin-react-hooks": "latest",
+    "eslint-plugin-react-refresh": "latest",
+    "postcss": "latest",
+    "tailwindcss": "latest",
+    "typescript": "latest",
+    "vite": "latest"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}
diff --git a/examples/base-ui-vite-tailwind-ts/postcss.config.js b/examples/base-ui-vite-tailwind-ts/postcss.config.js
new file mode 100644
index 00000000000000..2aa7205d4b402a
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/examples/base-ui-vite-tailwind-ts/public/vite.svg b/examples/base-ui-vite-tailwind-ts/public/vite.svg
new file mode 100644
index 00000000000000..e7b8dfb1b2a60b
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/examples/base-ui-vite-tailwind-ts/src/App.tsx b/examples/base-ui-vite-tailwind-ts/src/App.tsx
new file mode 100644
index 00000000000000..d6824d2ec394fe
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/src/App.tsx
@@ -0,0 +1,40 @@
+import * as React from 'react';
+
+export default function App() {
+  return (
+    <div className="p-8">
+      <h1 className="text-3xl font-semibold mb-4">
+        Base UI + Vite.js + Tailwind CSS in TypeScript
+      </h1>
+      <ul>
+        <li className="card">
+          <a href="https://mui.com/base-ui/" className="link">
+            Base UI
+          </a>{' '}
+          is a library of unstyled React UI components and hooks.
+        </li>
+        <li className="card">
+          <a href="https://vitejs.dev/" className="link">
+            Vite
+          </a>{' '}
+          is a build tool that aims to provide a faster and leaner development experience for modern
+          web projects, consisting of a dev server and a build command.
+        </li>
+        <li className="card">
+          <a href="https://tailwindcss.com/" className="link">
+            Tailwind CSS
+          </a>{' '}
+          is a utility-first CSS framework that provides low-level CSS classes that can be composed
+          to build custom UI designs.
+        </li>
+      </ul>
+      <span>
+        Created with 💙 by{' '}
+        <a href="https://mui.com" className="link">
+          MUI
+        </a>
+        .
+      </span>
+    </div>
+  );
+}
diff --git a/examples/base-ui-vite-tailwind-ts/src/assets/logo.svg b/examples/base-ui-vite-tailwind-ts/src/assets/logo.svg
new file mode 100644
index 00000000000000..9dfc1c058cebbe
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/src/assets/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>
\ No newline at end of file
diff --git a/examples/base-ui-vite-tailwind-ts/src/index.css b/examples/base-ui-vite-tailwind-ts/src/index.css
new file mode 100644
index 00000000000000..b5c61c956711f9
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/src/index.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/examples/base-ui-vite-tailwind-ts/src/main.tsx b/examples/base-ui-vite-tailwind-ts/src/main.tsx
new file mode 100644
index 00000000000000..3a5958a5b6bffa
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/src/main.tsx
@@ -0,0 +1,10 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import App from './App.tsx';
+import './index.css';
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);
diff --git a/examples/base-ui-vite-tailwind-ts/src/vite-env.d.ts b/examples/base-ui-vite-tailwind-ts/src/vite-env.d.ts
new file mode 100644
index 00000000000000..11f02fe2a0061d
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/examples/base-ui-vite-tailwind-ts/tailwind.config.js b/examples/base-ui-vite-tailwind-ts/tailwind.config.js
new file mode 100644
index 00000000000000..d21f1cdae70ca5
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
diff --git a/examples/base-ui-vite-tailwind-ts/tsconfig.json b/examples/base-ui-vite-tailwind-ts/tsconfig.json
new file mode 100644
index 00000000000000..a7fc6fbf23de2a
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/examples/base-ui-vite-tailwind-ts/tsconfig.node.json b/examples/base-ui-vite-tailwind-ts/tsconfig.node.json
new file mode 100644
index 00000000000000..42872c59f5b01c
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/tsconfig.node.json
@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/examples/base-ui-vite-tailwind-ts/vite.config.ts b/examples/base-ui-vite-tailwind-ts/vite.config.ts
new file mode 100644
index 00000000000000..627a3196243d37
--- /dev/null
+++ b/examples/base-ui-vite-tailwind-ts/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+});
diff --git a/examples/base-ui-vite-tailwind/README.md b/examples/base-ui-vite-tailwind/README.md
index 650dab277bc1f1..04a40095b7b28b 100644
--- a/examples/base-ui-vite-tailwind/README.md
+++ b/examples/base-ui-vite-tailwind/README.md
@@ -1,6 +1,6 @@
 # Base UI - Vite.js example with Tailwind CSS
 
-[Base UI](https://mui.com/base/getting-started/overview/) is a library of unstyled React UI components which includes prebuilt components with production-ready functionality, along with low-level hooks for transferring that functionality to other components.
+[Base UI](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks.
 
 [Vite](https://vitejs.dev/) is a build tool that aims to provide a faster and leaner development experience for modern web projects, consisting of a dev server and a build command
 
@@ -11,26 +11,21 @@
 Download the example [or clone the repo](https://github.com/mui/material-ui):
 
 ```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/base-vite-tailwind
+curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/base-ui-vite-tailwind
 cd base-ui-vite-tailwind
 ```
 
-Install dependencies:
+Install it and run:
 
 ```bash
-yarn
+npm install
+npm start
 ```
 
-Start the dev server:
+or:
 
-```bash
-yarn start
-```
-
-[Build](https://vitejs.dev/guide/build.html) a production bundle:
+<!-- #default-branch-switch -->
 
-```bash
-yarn build
-```
+[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/base-ui-vite-tailwind)
 
-PS: Don't forget to [optimize](https://tailwindcss.com/docs/optimizing-for-production) Tailwind CSS for production!
+[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/base-ui-vite-tailwind)
diff --git a/examples/base-ui-vite-tailwind/index.html b/examples/base-ui-vite-tailwind/index.html
index 79c470191164e9..b3ced30b34a083 100644
--- a/examples/base-ui-vite-tailwind/index.html
+++ b/examples/base-ui-vite-tailwind/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
+    <meta charset="utf-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <meta name="viewport" content="initial-scale=1, width=device-width" />
+    <title>Vite + Base UI + Tailwind CSS</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/examples/base-ui-vite-tailwind/package.json b/examples/base-ui-vite-tailwind/package.json
index bee98bd3c3b2bb..eae01e51904be7 100644
--- a/examples/base-ui-vite-tailwind/package.json
+++ b/examples/base-ui-vite-tailwind/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "base-vite-tailwind",
+  "name": "base-ui-vite-tailwind",
   "private": true,
   "version": "5.0.0",
   "type": "module",
diff --git a/examples/base-ui-vite-tailwind/src/App.jsx b/examples/base-ui-vite-tailwind/src/App.jsx
index 17f7c0cc415ed2..3540056055ea91 100644
--- a/examples/base-ui-vite-tailwind/src/App.jsx
+++ b/examples/base-ui-vite-tailwind/src/App.jsx
@@ -1,20 +1,16 @@
 import * as React from 'react';
 
-function App() {
+export default function App() {
   return (
     <div className="p-8">
       <h1 className="text-3xl font-semibold mb-4">Base UI + Vite.js + Tailwind CSS</h1>
-
       <ul>
         <li className="card">
-          <a href="https://mui.com/base/getting-started/overview/" className="link">
+          <a href="https://mui.com/base-ui/" className="link">
             Base UI
           </a>{' '}
-          is a library of unstyled React UI components which includes prebuilt components with
-          production-ready functionality, along with low-level hooks for transferring that
-          functionality to other components.
+          is a library of unstyled React UI components and hooks.
         </li>
-
         <li className="card">
           <a href="https://vitejs.dev/" className="link">
             Vite
@@ -22,7 +18,6 @@ function App() {
           is a build tool that aims to provide a faster and leaner development experience for modern
           web projects, consisting of a dev server and a build command.
         </li>
-
         <li className="card">
           <a href="https://tailwindcss.com/" className="link">
             Tailwind CSS
@@ -31,7 +26,6 @@ function App() {
           to build custom UI designs.
         </li>
       </ul>
-
       <span>
         Created with 💙 by{' '}
         <a href="https://mui.com" className="link">
@@ -42,5 +36,3 @@ function App() {
     </div>
   );
 }
-
-export default App;
diff --git a/examples/joy-ui-cra-ts/README.md b/examples/joy-ui-cra-ts/README.md
index a097c4f64ad643..9ba47d544a98c0 100644
--- a/examples/joy-ui-cra-ts/README.md
+++ b/examples/joy-ui-cra-ts/README.md
@@ -27,3 +27,10 @@ or:
 [![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/joy-ui-cra-ts)
 
 [![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/joy-ui-cra-ts)
+
+## What's next?
+
+<!-- #default-branch-switch -->
+
+You now have a working example project.
+You can head back to the documentation and continue by browsing the [templates](https://mui.com/joy-ui/getting-started/templates/) section.
diff --git a/examples/joy-ui-cra-ts/package.json b/examples/joy-ui-cra-ts/package.json
index 32c4c4fa1aa380..f49142ca1fb58c 100644
--- a/examples/joy-ui-cra-ts/package.json
+++ b/examples/joy-ui-cra-ts/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "joy-cra-ts",
+  "name": "joy-ui-cra-ts",
   "version": "5.0.0",
   "private": true,
   "dependencies": {
diff --git a/examples/joy-ui-cra-ts/public/index.html b/examples/joy-ui-cra-ts/public/index.html
index 75d69f331c441c..84a86e0fe30bf6 100644
--- a/examples/joy-ui-cra-ts/public/index.html
+++ b/examples/joy-ui-cra-ts/public/index.html
@@ -4,40 +4,17 @@
     <meta charset="utf-8" />
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="initial-scale=1, width=device-width" />
-    <meta name="theme-color" content="#000000" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>My page</title>
-    <!-- Fonts to support Material Design -->
+    <title>CRA + Joy UI + TS</title>
+    <!-- Fonts to support Joy Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
     />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/examples/joy-ui-nextjs-ts/.gitignore b/examples/joy-ui-nextjs-ts/.gitignore
new file mode 100644
index 00000000000000..8f322f0d8f4957
--- /dev/null
+++ b/examples/joy-ui-nextjs-ts/.gitignore
@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/examples/joy-ui-nextjs/README.md b/examples/joy-ui-nextjs-ts/README.md
similarity index 53%
rename from examples/joy-ui-nextjs/README.md
rename to examples/joy-ui-nextjs-ts/README.md
index ef33aa21ce6721..bdc58b0416c06b 100644
--- a/examples/joy-ui-nextjs/README.md
+++ b/examples/joy-ui-nextjs-ts/README.md
@@ -2,7 +2,7 @@
 
 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
-## Getting Started
+## How to use
 
 Download the example [or clone the repo](https://github.com/mui/material-ui):
 
@@ -13,31 +13,33 @@ curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip
 cd joy-ui-nextjs-ts
 ```
 
-Install dependencies and run:
+Install it and run:
 
 ```bash
-# npm
 npm install
 npm run dev
-
-# yarn
-yarn
-yarn dev
-
-# pnpm
-pnpm install
-pnpm dev
 ```
 
 Open [http://localhost:3000](http://localhost:3000) with your web browser to see the result.
 
-You can start editing the page by modifying `src/app/page.tsx`. The page auto-updates as you edit the file.
+or:
+
+<!-- #default-branch-switch -->
+
+[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/joy-ui-nextjs-ts)
 
-This example uses [`next/font/google`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts#google-fonts) to automatically optimize and load Public Sans, a custom Google Font.
+[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/joy-ui-nextjs-ts)
 
 ## Learn more
 
 To learn more about this example:
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Next.js documentation](https://nextjs.org/docs) - learn about Next.js features and API.
 - [Customizing Joy UI](https://mui.com/joy-ui/customization/approaches/) - approaches to customizing Joy UI.
+
+## What's next?
+
+<!-- #default-branch-switch -->
+
+You now have a working example project.
+You can head back to the documentation and continue by browsing the [templates](https://mui.com/joy-ui/getting-started/templates/) section.
diff --git a/examples/joy-ui-nextjs/next.config.js b/examples/joy-ui-nextjs-ts/next.config.js
similarity index 100%
rename from examples/joy-ui-nextjs/next.config.js
rename to examples/joy-ui-nextjs-ts/next.config.js
diff --git a/examples/joy-ui-nextjs/package.json b/examples/joy-ui-nextjs-ts/package.json
similarity index 82%
rename from examples/joy-ui-nextjs/package.json
rename to examples/joy-ui-nextjs-ts/package.json
index f787f03882be40..621590dbe42d43 100644
--- a/examples/joy-ui-nextjs/package.json
+++ b/examples/joy-ui-nextjs-ts/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "joy-next-app-router-ts",
-  "version": "0.1.0",
+  "name": "joy-ui-nextjs-ts",
+  "version": "5.0.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -14,9 +14,9 @@
     "@emotion/react": "latest",
     "@emotion/styled": "latest",
     "@mui/joy": "latest",
-    "next": "13.x",
-    "react": "18.x",
-    "react-dom": "18.x"
+    "next": "latest",
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@types/node": "latest",
diff --git a/examples/joy-ui-nextjs/public/.gitkeep b/examples/joy-ui-nextjs-ts/public/.gitkeep
similarity index 100%
rename from examples/joy-ui-nextjs/public/.gitkeep
rename to examples/joy-ui-nextjs-ts/public/.gitkeep
diff --git a/examples/joy-ui-nextjs-ts/src/app/favicon.ico b/examples/joy-ui-nextjs-ts/src/app/favicon.ico
new file mode 100644
index 00000000000000..718d6fea4835ec
Binary files /dev/null and b/examples/joy-ui-nextjs-ts/src/app/favicon.ico differ
diff --git a/examples/joy-ui-nextjs/src/app/layout.tsx b/examples/joy-ui-nextjs-ts/src/app/layout.tsx
similarity index 100%
rename from examples/joy-ui-nextjs/src/app/layout.tsx
rename to examples/joy-ui-nextjs-ts/src/app/layout.tsx
diff --git a/examples/joy-ui-nextjs/src/app/page.tsx b/examples/joy-ui-nextjs-ts/src/app/page.tsx
similarity index 100%
rename from examples/joy-ui-nextjs/src/app/page.tsx
rename to examples/joy-ui-nextjs-ts/src/app/page.tsx
diff --git a/examples/joy-ui-nextjs/src/app/sign-up/page.tsx b/examples/joy-ui-nextjs-ts/src/app/sign-up/page.tsx
similarity index 100%
rename from examples/joy-ui-nextjs/src/app/sign-up/page.tsx
rename to examples/joy-ui-nextjs-ts/src/app/sign-up/page.tsx
diff --git a/examples/joy-ui-nextjs/src/components/ThemeRegistry/EmotionCache.tsx b/examples/joy-ui-nextjs-ts/src/components/ThemeRegistry/EmotionCache.tsx
similarity index 99%
rename from examples/joy-ui-nextjs/src/components/ThemeRegistry/EmotionCache.tsx
rename to examples/joy-ui-nextjs-ts/src/components/ThemeRegistry/EmotionCache.tsx
index 871d3c98ebb21e..aca708502f2bcc 100644
--- a/examples/joy-ui-nextjs/src/components/ThemeRegistry/EmotionCache.tsx
+++ b/examples/joy-ui-nextjs-ts/src/components/ThemeRegistry/EmotionCache.tsx
@@ -1,5 +1,4 @@
 'use client';
-
 import * as React from 'react';
 import createCache from '@emotion/cache';
 import { useServerInsertedHTML } from 'next/navigation';
diff --git a/examples/joy-ui-nextjs/src/components/ThemeRegistry/ThemeRegistry.tsx b/examples/joy-ui-nextjs-ts/src/components/ThemeRegistry/ThemeRegistry.tsx
similarity index 100%
rename from examples/joy-ui-nextjs/src/components/ThemeRegistry/ThemeRegistry.tsx
rename to examples/joy-ui-nextjs-ts/src/components/ThemeRegistry/ThemeRegistry.tsx
diff --git a/examples/joy-ui-nextjs-ts/src/components/ThemeRegistry/theme.ts b/examples/joy-ui-nextjs-ts/src/components/ThemeRegistry/theme.ts
new file mode 100644
index 00000000000000..0290615dce326f
--- /dev/null
+++ b/examples/joy-ui-nextjs-ts/src/components/ThemeRegistry/theme.ts
@@ -0,0 +1,47 @@
+import { extendTheme } from '@mui/joy/styles';
+import { Inter, Source_Code_Pro } from 'next/font/google';
+
+const inter = Inter({
+  subsets: ['latin'],
+  adjustFontFallback: false, // prevent NextJS from adding its own fallback font
+  fallback: ['var(--joy-fontFamily-fallback)'], // use Joy UI's fallback font
+  display: 'swap',
+});
+
+const sourceCodePro = Source_Code_Pro({
+  subsets: ['latin'],
+  adjustFontFallback: false, // prevent NextJS from adding its own fallback font
+  fallback: [
+    // the default theme's fallback for monospace fonts
+    'ui-monospace',
+    'SFMono-Regular',
+    'Menlo',
+    'Monaco',
+    'Consolas',
+    'Liberation Mono',
+    'Courier New',
+    'monospace',
+  ],
+  display: 'swap',
+});
+
+const theme = extendTheme({
+  fontFamily: {
+    body: inter.style.fontFamily,
+    display: inter.style.fontFamily,
+    code: sourceCodePro.style.fontFamily,
+  },
+  components: {
+    JoyButton: {
+      styleOverrides: {
+        root: ({ ownerState }) => ({
+          ...(ownerState.color === 'primary' && {
+            backgroundColor: '#4338ca',
+          }),
+        }),
+      },
+    },
+  },
+});
+
+export default theme;
diff --git a/examples/joy-ui-nextjs/tsconfig.json b/examples/joy-ui-nextjs-ts/tsconfig.json
similarity index 100%
rename from examples/joy-ui-nextjs/tsconfig.json
rename to examples/joy-ui-nextjs-ts/tsconfig.json
diff --git a/examples/joy-ui-nextjs/src/components/ThemeRegistry/theme.js b/examples/joy-ui-nextjs/src/components/ThemeRegistry/theme.js
deleted file mode 100644
index 8dd36fef01d811..00000000000000
--- a/examples/joy-ui-nextjs/src/components/ThemeRegistry/theme.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Public_Sans } from 'next/font/google';
-import { extendTheme } from '@mui/joy/styles';
-
-const publicSans = Public_Sans({
-  subsets: ['latin'],
-  display: 'swap',
-});
-
-const theme = extendTheme({
-  fontFamily: {
-    body: publicSans.style.fontFamily,
-  },
-  components: {
-    JoyButton: {
-      styleOverrides: {
-        root: ({ ownerState }) => ({
-          ...(ownerState.color === 'primary' && {
-            backgroundColor: '#4338ca',
-          }),
-        }),
-      },
-    },
-  },
-});
-
-export default theme;
diff --git a/examples/joy-ui-vite-ts/README.md b/examples/joy-ui-vite-ts/README.md
index 848007e62b543d..a46bd11cb85a16 100644
--- a/examples/joy-ui-vite-ts/README.md
+++ b/examples/joy-ui-vite-ts/README.md
@@ -16,21 +16,14 @@ cd joy-ui-vite-ts
 Install it and run:
 
 ```bash
-# npm
 npm install
 npm run dev
-
-# yarn
-yarn
-yarn dev
-
-# pnpm
-pnpm install
-pnpm dev
 ```
 
 or:
 
+<!-- #default-branch-switch -->
+
 [![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/joy-ui-vite-ts)
 
 [![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/joy-ui-vite-ts)
@@ -39,3 +32,10 @@ or:
 
 This example uses [Vite.js](https://github.com/vitejs/vite).
 It includes `@mui/joy` and it's peer dependencies.
+
+## What's next?
+
+<!-- #default-branch-switch -->
+
+You now have a working example project.
+You can head back to the documentation and continue by browsing the [templates](https://mui.com/joy-ui/getting-started/templates/) section.
diff --git a/examples/joy-ui-vite-ts/index.html b/examples/joy-ui-vite-ts/index.html
index 8009e9ca49d323..0396aa17470c55 100644
--- a/examples/joy-ui-vite-ts/index.html
+++ b/examples/joy-ui-vite-ts/index.html
@@ -1,10 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
+    <meta charset="utf-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Joy + Vite + React + TS</title>
+    <meta name="viewport" content="initial-scale=1, width=device-width" />
+    <title>Vite + Joy UI + TS</title>
+    <!-- Fonts to support Joy Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
+    />
   </head>
   <body>
     <div id="root"></div>
diff --git a/examples/joy-ui-vite-ts/package.json b/examples/joy-ui-vite-ts/package.json
index 02aacea6537f5f..a48b10f9b57a6d 100644
--- a/examples/joy-ui-vite-ts/package.json
+++ b/examples/joy-ui-vite-ts/package.json
@@ -1,7 +1,7 @@
 {
   "name": "joy-ui-vite-ts",
   "private": true,
-  "version": "0.0.0",
+  "version": "5.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/examples/material-ui-cra-styled-components-ts/README.md b/examples/material-ui-cra-styled-components-ts/README.md
index 7aa41a7215cbe0..98d6ee90f430d2 100644
--- a/examples/material-ui-cra-styled-components-ts/README.md
+++ b/examples/material-ui-cra-styled-components-ts/README.md
@@ -40,7 +40,7 @@ npm start
 
 Note that CodeSandbox is not supporting react-app-rewired, yet you can [still see the code](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/material-ui-cra-styled-components-ts).
 
-The following link leverages this demo: https://mui.com/guides/interoperability/#change-the-default-styled-engine with Parcel's alias feature within the `package.json`
+The following link leverages this demo: https://mui.com/guides/interoperability/#change-the-default-styled-engine with Parcel's alias feature within the `package.json`.
 
 [![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/styled-components-interoperability-w9z9d)
 
diff --git a/examples/material-ui-cra-styled-components-ts/package.json b/examples/material-ui-cra-styled-components-ts/package.json
index 6023c79aca25dd..f459b0451edc9a 100644
--- a/examples/material-ui-cra-styled-components-ts/package.json
+++ b/examples/material-ui-cra-styled-components-ts/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-cra-styled-components-ts",
+  "name": "material-ui-cra-styled-components-ts",
   "version": "5.0.0",
   "private": true,
   "dependencies": {
diff --git a/examples/material-ui-cra-styled-components-ts/public/index.html b/examples/material-ui-cra-styled-components-ts/public/index.html
index 6b638043d3858f..9d4dc8ad602919 100644
--- a/examples/material-ui-cra-styled-components-ts/public/index.html
+++ b/examples/material-ui-cra-styled-components-ts/public/index.html
@@ -4,42 +4,17 @@
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using create-react-app" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
+    <title>CRA + Material UI + TS + Styled components</title>
     <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/examples/material-ui-cra-styled-components-ts/src/ProTip.tsx b/examples/material-ui-cra-styled-components-ts/src/ProTip.tsx
index 0894a06eb94bde..75e89824a97653 100644
--- a/examples/material-ui-cra-styled-components-ts/src/ProTip.tsx
+++ b/examples/material-ui-cra-styled-components-ts/src/ProTip.tsx
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-cra-styled-components-ts/src/index.tsx b/examples/material-ui-cra-styled-components-ts/src/index.tsx
index c95009af6b8b09..26a4e6b9dda593 100644
--- a/examples/material-ui-cra-styled-components-ts/src/index.tsx
+++ b/examples/material-ui-cra-styled-components-ts/src/index.tsx
@@ -1,13 +1,14 @@
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import * as ReactDOMClient from 'react-dom/client';
 import CssBaseline from '@mui/material/CssBaseline';
 import App from './App';
 
-ReactDOM.render(
+const root = ReactDOMClient.createRoot(document.getElementById('root')!);
+
+root.render(
   <React.Fragment>
     {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
     <CssBaseline />
     <App />
   </React.Fragment>,
-  document.getElementById('root'),
 );
diff --git a/examples/material-ui-cra-styled-components/README.md b/examples/material-ui-cra-styled-components/README.md
index 22552e5a594466..667d4a31bb3651 100644
--- a/examples/material-ui-cra-styled-components/README.md
+++ b/examples/material-ui-cra-styled-components/README.md
@@ -24,13 +24,13 @@ npm start
 
 Note that CodeSandbox is not supporting react-app-rewired, yet you can [still see the code](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/material-ui-cra-styled-components).
 
-The following link leverages this demo: https://mui.com/guides/interoperability/#change-the-default-styled-engine with Parcel's alias feature within the `package.json`
+The following link leverages this demo: https://mui.com/guides/interoperability/#change-the-default-styled-engine with Parcel's alias feature within the `package.json`.
 
 [![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/styled-components-interoperability-w9z9d)
 
 ## The idea behind the example
 
-This example demonstrates how you can setup Material UI with [Create React App](https://github.com/facebookincubator/create-react-app), using [styled-components](https://styled-components.com/) as a style engine for your application.
+This example demonstrates how to set up Material UI with [Create React App](https://github.com/facebookincubator/create-react-app), using [styled-components](https://styled-components.com/) as a style engine for your application.
 
 ## What's next?
 
diff --git a/examples/material-ui-cra-styled-components/package.json b/examples/material-ui-cra-styled-components/package.json
index da93c595cafece..2851457439f64a 100644
--- a/examples/material-ui-cra-styled-components/package.json
+++ b/examples/material-ui-cra-styled-components/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-cra-styled-components",
+  "name": "material-ui-cra-styled-components",
   "version": "5.0.0",
   "private": true,
   "dependencies": {
diff --git a/examples/material-ui-cra-styled-components/public/index.html b/examples/material-ui-cra-styled-components/public/index.html
index 6b638043d3858f..bdd122419d768a 100644
--- a/examples/material-ui-cra-styled-components/public/index.html
+++ b/examples/material-ui-cra-styled-components/public/index.html
@@ -4,42 +4,18 @@
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
     <meta name="description" content="Web site created using create-react-app" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
+    <title>CRA + Material UI + Styled components</title>
     <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/examples/material-ui-cra-styled-components/src/ProTip.js b/examples/material-ui-cra-styled-components/src/ProTip.js
index 09d7e4ae4ae35b..726025eff9a680 100644
--- a/examples/material-ui-cra-styled-components/src/ProTip.js
+++ b/examples/material-ui-cra-styled-components/src/ProTip.js
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-cra-styled-components/src/index.js b/examples/material-ui-cra-styled-components/src/index.js
index 094f2c72d0d2b0..f2ec9a8a408d1a 100644
--- a/examples/material-ui-cra-styled-components/src/index.js
+++ b/examples/material-ui-cra-styled-components/src/index.js
@@ -1,16 +1,17 @@
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import * as ReactDOMClient from 'react-dom/client';
 import CssBaseline from '@mui/material/CssBaseline';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
 
-ReactDOM.render(
+const root = ReactDOMClient.createRoot(document.getElementById('root'));
+
+root.render(
   <React.Fragment>
     {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
     <CssBaseline />
     <App />
   </React.Fragment>,
-  document.getElementById('root'),
 );
 
 // If you want your app to work offline and load faster, you can change
diff --git a/examples/material-ui-cra-tailwind-ts/README.md b/examples/material-ui-cra-tailwind-ts/README.md
index f8901da11df801..b3fcd127ce6687 100644
--- a/examples/material-ui-cra-tailwind-ts/README.md
+++ b/examples/material-ui-cra-tailwind-ts/README.md
@@ -22,10 +22,6 @@ or:
 
 <!-- #default-branch-switch -->
 
-[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/material-ui-cra-tailwind-ts)
-
-<!-- #default-branch-switch -->
-
 [![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-cra-tailwind-ts)
 
 ## The idea behind the example
diff --git a/examples/material-ui-cra-tailwind-ts/package.json b/examples/material-ui-cra-tailwind-ts/package.json
index dd415239f16cfa..7e5501badd283f 100644
--- a/examples/material-ui-cra-tailwind-ts/package.json
+++ b/examples/material-ui-cra-tailwind-ts/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-cra-tailwind-ts",
+  "name": "material-ui-cra-tailwind-ts",
   "version": "5.0.0",
   "private": true,
   "dependencies": {
diff --git a/examples/material-ui-cra-tailwind-ts/public/index.html b/examples/material-ui-cra-tailwind-ts/public/index.html
index 6a9f8c26bb7b9c..d383dfb43297db 100644
--- a/examples/material-ui-cra-tailwind-ts/public/index.html
+++ b/examples/material-ui-cra-tailwind-ts/public/index.html
@@ -4,37 +4,17 @@
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using create-react-app" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
+    <title>CRA + Material UI + TS + Tailwind CSS</title>
+    <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
+    />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/examples/material-ui-cra-tailwind-ts/src/ProTip.tsx b/examples/material-ui-cra-tailwind-ts/src/ProTip.tsx
index 0894a06eb94bde..75e89824a97653 100644
--- a/examples/material-ui-cra-tailwind-ts/src/ProTip.tsx
+++ b/examples/material-ui-cra-tailwind-ts/src/ProTip.tsx
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-cra-ts/README.md b/examples/material-ui-cra-ts/README.md
index 7c2fd589bc403e..f9e09dd63ef914 100644
--- a/examples/material-ui-cra-ts/README.md
+++ b/examples/material-ui-cra-ts/README.md
@@ -24,8 +24,6 @@ or:
 
 [![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/material-ui-cra-ts)
 
-<!-- #default-branch-switch -->
-
 [![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-cra-ts)
 
 ## The idea behind the example
diff --git a/examples/material-ui-cra-ts/package.json b/examples/material-ui-cra-ts/package.json
index 71d6809a0d7035..943a2266ee3186 100644
--- a/examples/material-ui-cra-ts/package.json
+++ b/examples/material-ui-cra-ts/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-cra-ts",
+  "name": "material-ui-cra-ts",
   "version": "5.0.0",
   "private": true,
   "dependencies": {
diff --git a/examples/material-ui-cra-ts/public/index.html b/examples/material-ui-cra-ts/public/index.html
index 75d69f331c441c..a7282d19f27870 100644
--- a/examples/material-ui-cra-ts/public/index.html
+++ b/examples/material-ui-cra-ts/public/index.html
@@ -4,40 +4,17 @@
     <meta charset="utf-8" />
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="initial-scale=1, width=device-width" />
-    <meta name="theme-color" content="#000000" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>My page</title>
+    <title>CRA + Material UI + TS</title>
     <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/examples/material-ui-cra-ts/src/ProTip.tsx b/examples/material-ui-cra-ts/src/ProTip.tsx
index 0894a06eb94bde..75e89824a97653 100644
--- a/examples/material-ui-cra-ts/src/ProTip.tsx
+++ b/examples/material-ui-cra-ts/src/ProTip.tsx
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-cra/README.md b/examples/material-ui-cra/README.md
index 87e0a14bf31155..e10d3a8b3a0dc1 100644
--- a/examples/material-ui-cra/README.md
+++ b/examples/material-ui-cra/README.md
@@ -24,8 +24,6 @@ or:
 
 [![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/material-ui-cra)
 
-<!-- #default-branch-switch -->
-
 [![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-cra)
 
 ## The idea behind the example
diff --git a/examples/material-ui-cra/package.json b/examples/material-ui-cra/package.json
index 6c9e3497a3da79..b7490d21c0d880 100644
--- a/examples/material-ui-cra/package.json
+++ b/examples/material-ui-cra/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-cra",
+  "name": "material-ui-cra",
   "version": "5.0.0",
   "private": true,
   "scripts": {
diff --git a/examples/material-ui-cra/public/index.html b/examples/material-ui-cra/public/index.html
index 75d69f331c441c..a35d6abd16c0f8 100644
--- a/examples/material-ui-cra/public/index.html
+++ b/examples/material-ui-cra/public/index.html
@@ -4,40 +4,17 @@
     <meta charset="utf-8" />
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="initial-scale=1, width=device-width" />
-    <meta name="theme-color" content="#000000" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>My page</title>
+    <title>CRA + Material UI</title>
     <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/examples/material-ui-cra/src/ProTip.js b/examples/material-ui-cra/src/ProTip.js
index 09d7e4ae4ae35b..726025eff9a680 100644
--- a/examples/material-ui-cra/src/ProTip.js
+++ b/examples/material-ui-cra/src/ProTip.js
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-express-ssr/ProTip.js b/examples/material-ui-express-ssr/ProTip.js
index 09d7e4ae4ae35b..726025eff9a680 100644
--- a/examples/material-ui-express-ssr/ProTip.js
+++ b/examples/material-ui-express-ssr/ProTip.js
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-express-ssr/README.md b/examples/material-ui-express-ssr/README.md
index 4c7bbcf8ff1d8b..7dcdcb85998dc6 100644
--- a/examples/material-ui-express-ssr/README.md
+++ b/examples/material-ui-express-ssr/README.md
@@ -18,6 +18,14 @@ npm install
 npm run start
 ```
 
+or:
+
+<!-- #default-branch-switch -->
+
+[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-express-ssr)
+
+[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/material-ui-express-ssr)
+
 ## The idea behind the example
 
 This is the reference implementation of the [Server Rendering tutorial](https://mui.com/material-ui/guides/server-rendering/).
diff --git a/examples/material-ui-express-ssr/client.js b/examples/material-ui-express-ssr/client.js
index 85226caaea013e..37174456bb43fd 100644
--- a/examples/material-ui-express-ssr/client.js
+++ b/examples/material-ui-express-ssr/client.js
@@ -21,4 +21,4 @@ function Main() {
   );
 }
 
-ReactDOM.hydrate(<Main />, document.querySelector('#root'));
+ReactDOM.hydrateRoot(document.querySelector('#root'), <Main />);
diff --git a/examples/material-ui-express-ssr/package.json b/examples/material-ui-express-ssr/package.json
index b3c736f83cdc89..5abdc1aad2d831 100644
--- a/examples/material-ui-express-ssr/package.json
+++ b/examples/material-ui-express-ssr/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-express-ssr",
+  "name": "material-ui-express-ssr",
   "version": "5.0.0",
   "private": true,
   "browserslist": [
diff --git a/examples/material-ui-express-ssr/server.js b/examples/material-ui-express-ssr/server.js
index 38bbe5c92eb7ef..01b9b78858a7f2 100644
--- a/examples/material-ui-express-ssr/server.js
+++ b/examples/material-ui-express-ssr/server.js
@@ -16,7 +16,12 @@ function renderFullPage(html, css) {
       <head>
         <title>My page</title>
         <meta name="viewport" content="initial-scale=1, width=device-width" />
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+          rel="stylesheet"
+          href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
+        />
         <meta name="emotion-insertion-point" content="" />
         ${css}
       </head>
diff --git a/examples/material-ui-gatsby/package.json b/examples/material-ui-gatsby/package.json
index 86c01140bf8ab5..54dee2718a5aff 100644
--- a/examples/material-ui-gatsby/package.json
+++ b/examples/material-ui-gatsby/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-gatsby",
+  "name": "material-ui-gatsby",
   "version": "5.0.0",
   "private": true,
   "browserslist": [
diff --git a/examples/material-ui-gatsby/src/components/ProTip.js b/examples/material-ui-gatsby/src/components/ProTip.js
index 09d7e4ae4ae35b..726025eff9a680 100644
--- a/examples/material-ui-gatsby/src/components/ProTip.js
+++ b/examples/material-ui-gatsby/src/components/ProTip.js
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-nextjs-pages-router-ts/README.md b/examples/material-ui-nextjs-pages-router-ts/README.md
index 2101e71b53d01a..1171328c19a9ef 100644
--- a/examples/material-ui-nextjs-pages-router-ts/README.md
+++ b/examples/material-ui-nextjs-pages-router-ts/README.md
@@ -37,8 +37,8 @@ It includes `@mui/material` and its peer dependencies, including [Emotion](https
 
 ## The link component
 
-The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-pages-router-ts) provides an adapter for the use of [Next.js's Link component](https://nextjs.org/docs/api-reference/next/link) with MUI.
-More information [in the documentation](https://mui.com/material-ui/guides/routing/#next-js).
+The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-pages-router-ts) provides an adapter for the use of [Next.js's Link component](https://nextjs.org/docs/pages/api-reference/components/link) with Material UI.
+More information [in the documentation](https://mui.com/material-ui/guides/routing/#next-js-pages-router).
 
 ## What's next?
 
diff --git a/examples/material-ui-nextjs-pages-router-ts/package.json b/examples/material-ui-nextjs-pages-router-ts/package.json
index 347f22c596f4d3..827f6381a31a27 100644
--- a/examples/material-ui-nextjs-pages-router-ts/package.json
+++ b/examples/material-ui-nextjs-pages-router-ts/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-next-ts",
+  "name": "material-ui-nextjs-pages-router-ts",
   "version": "5.0.0",
   "private": true,
   "scripts": {
diff --git a/examples/material-ui-nextjs-pages-router-ts/pages/about.tsx b/examples/material-ui-nextjs-pages-router-ts/pages/about.tsx
index ebeb0791c740d6..92240f741b800c 100644
--- a/examples/material-ui-nextjs-pages-router-ts/pages/about.tsx
+++ b/examples/material-ui-nextjs-pages-router-ts/pages/about.tsx
@@ -22,7 +22,7 @@ export default function About() {
         <Typography variant="h4" component="h1" gutterBottom>
           Material UI - Next.js example in TypeScript
         </Typography>
-        <Box maxWidth="sm">
+        <Box sx={{ maxWidth: 'sm' }}>
           <Button variant="contained" component={Link} noLinkStyle href="/">
             Go to the home page
           </Button>
diff --git a/examples/material-ui-nextjs-pages-router-ts/src/Link.tsx b/examples/material-ui-nextjs-pages-router-ts/src/Link.tsx
index 7e69664bdc64a2..b1bae7492a447e 100644
--- a/examples/material-ui-nextjs-pages-router-ts/src/Link.tsx
+++ b/examples/material-ui-nextjs-pages-router-ts/src/Link.tsx
@@ -57,7 +57,7 @@ export type LinkProps = {
   Omit<MuiLinkProps, 'href'>;
 
 // A styled version of the Next.js Link component:
-// https://nextjs.org/docs/api-reference/next/link
+// https://nextjs.org/docs/pages/api-reference/components/link
 const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {
   const {
     activeClassName = 'active',
diff --git a/examples/material-ui-nextjs-pages-router-ts/src/ProTip.tsx b/examples/material-ui-nextjs-pages-router-ts/src/ProTip.tsx
index 0894a06eb94bde..75e89824a97653 100644
--- a/examples/material-ui-nextjs-pages-router-ts/src/ProTip.tsx
+++ b/examples/material-ui-nextjs-pages-router-ts/src/ProTip.tsx
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-nextjs-pages-router/README.md b/examples/material-ui-nextjs-pages-router/README.md
index 51f4fa6a9eeb99..b1ed6ab52e4f10 100644
--- a/examples/material-ui-nextjs-pages-router/README.md
+++ b/examples/material-ui-nextjs-pages-router/README.md
@@ -38,8 +38,8 @@ If you prefer, you can [use styled-components instead](https://mui.com/material-
 
 ## The Link component
 
-The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-pages-router) provides an adapter for the use of [Next.js's Link component](https://nextjs.org/docs/api-reference/next/link) with MUI.
-More information [in the documentation](https://mui.com/material-ui/guides/routing/#next-js).
+The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-pages-router) provides an adapter for the use of [Next.js's Link component](https://nextjs.org/docs/pages/api-reference/components/link) with Material UI.
+More information [in the documentation](https://mui.com/material-ui/guides/routing/#next-js-pages-router).
 
 ## What's next?
 
diff --git a/examples/material-ui-nextjs-pages-router/package.json b/examples/material-ui-nextjs-pages-router/package.json
index 025032f06627fc..2431cd2a716bdc 100644
--- a/examples/material-ui-nextjs-pages-router/package.json
+++ b/examples/material-ui-nextjs-pages-router/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-next",
+  "name": "material-ui-nextjs-pages-router",
   "version": "5.0.0",
   "private": true,
   "scripts": {
diff --git a/examples/material-ui-nextjs-pages-router/src/Link.js b/examples/material-ui-nextjs-pages-router/src/Link.js
index 0d0eba9cdb0eef..bea600669a4fa1 100644
--- a/examples/material-ui-nextjs-pages-router/src/Link.js
+++ b/examples/material-ui-nextjs-pages-router/src/Link.js
@@ -53,7 +53,7 @@ NextLinkComposed.propTypes = {
 };
 
 // A styled version of the Next.js Link component:
-// https://nextjs.org/docs/api-reference/next/link
+// https://nextjs.org/docs/pages/api-reference/components/link
 const Link = React.forwardRef(function Link(props, ref) {
   const {
     activeClassName = 'active',
diff --git a/examples/material-ui-nextjs-pages-router/src/ProTip.js b/examples/material-ui-nextjs-pages-router/src/ProTip.js
index 09d7e4ae4ae35b..726025eff9a680 100644
--- a/examples/material-ui-nextjs-pages-router/src/ProTip.js
+++ b/examples/material-ui-nextjs-pages-router/src/ProTip.js
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-nextjs-ts-v4-v5-migration/README.md b/examples/material-ui-nextjs-ts-v4-v5-migration/README.md
index 632b1c5c0acdc8..48b2a10202b51e 100644
--- a/examples/material-ui-nextjs-ts-v4-v5-migration/README.md
+++ b/examples/material-ui-nextjs-ts-v4-v5-migration/README.md
@@ -22,9 +22,9 @@ or:
 
 <!-- #default-branch-switch -->
 
-[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-next-ts-v4-v5-migration)
+[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-nextjs-ts-v4-v5-migration)
 
-[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/material-next-ts-v4-v5-migration)
+[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/material-ui-nextjs-ts-v4-v5-migration)
 
 ## The idea behind the example
 
@@ -37,6 +37,6 @@ It demonstrates what results after handling v5's breaking changes to the [theme]
 
 ## The Link component
 
-Next.js has [a custom Link component](https://nextjs.org/docs/api-reference/next/link).
+Next.js Pages Router has [a custom Link component](https://nextjs.org/docs/pages/api-reference/components/link).
 The example folder provides adapters for usage with Material UI.
-You can find more information [in the documentation](https://mui.com/material-ui/guides/routing/#next-js).
+You can find more information [in the documentation](https://mui.com/material-ui/guides/routing/#next-js-pages-router).
diff --git a/examples/material-ui-nextjs-ts-v4-v5-migration/package.json b/examples/material-ui-nextjs-ts-v4-v5-migration/package.json
index 352c353116aa8d..eb9a60dee6f688 100644
--- a/examples/material-ui-nextjs-ts-v4-v5-migration/package.json
+++ b/examples/material-ui-nextjs-ts-v4-v5-migration/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-next-ts-v4-v5-migration",
+  "name": "material-ui-nextjs-ts-v4-v5-migration",
   "version": "5.0.0",
   "private": true,
   "scripts": {
@@ -19,14 +19,14 @@
     "@mui/styles": "latest",
     "autoprefixer": "latest",
     "clean-css": "latest",
-    "next": "^12.0.0",
+    "next": "latest",
     "postcss": "latest",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@types/node": "latest",
-    "@types/react": "^17.0.0",
+    "@types/react": "latest",
     "eslint": "latest",
     "eslint-config-next": "latest",
     "typescript": "latest"
diff --git a/examples/material-ui-nextjs-ts-v4-v5-migration/pages/about.tsx b/examples/material-ui-nextjs-ts-v4-v5-migration/pages/about.tsx
index 82fed281f7e49f..99db7ddfc6620c 100644
--- a/examples/material-ui-nextjs-ts-v4-v5-migration/pages/about.tsx
+++ b/examples/material-ui-nextjs-ts-v4-v5-migration/pages/about.tsx
@@ -27,7 +27,7 @@ export default function About() {
         <Typography variant="h4" component="h1" gutterBottom>
           Material UI - Next.js example in TypeScript with legacy @mui/styles
         </Typography>
-        <Box maxWidth="sm">
+        <Box sx={{ maxWidth: 'sm' }}>
           <Button variant="contained" component={Link} noLinkStyle href="/">
             Go to the home page
           </Button>
diff --git a/examples/material-ui-nextjs-ts-v4-v5-migration/src/Link.tsx b/examples/material-ui-nextjs-ts-v4-v5-migration/src/Link.tsx
index 6d23c00442e4e9..9783ebda346c9c 100644
--- a/examples/material-ui-nextjs-ts-v4-v5-migration/src/Link.tsx
+++ b/examples/material-ui-nextjs-ts-v4-v5-migration/src/Link.tsx
@@ -46,7 +46,7 @@ export type LinkProps = {
   Omit<MuiLinkProps, 'href'>;
 
 // A styled version of the Next.js Link component:
-// https://nextjs.org/docs/api-reference/next/link
+// https://nextjs.org/docs/pages/api-reference/components/link
 const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {
   const {
     activeClassName = 'active',
diff --git a/examples/material-ui-nextjs-ts-v4-v5-migration/src/ProTip.tsx b/examples/material-ui-nextjs-ts-v4-v5-migration/src/ProTip.tsx
index deb68a29734505..7e2f3e7cc9f583 100644
--- a/examples/material-ui-nextjs-ts-v4-v5-migration/src/ProTip.tsx
+++ b/examples/material-ui-nextjs-ts-v4-v5-migration/src/ProTip.tsx
@@ -25,8 +25,9 @@ export default function ProTip() {
   return (
     <Typography className={classes.typography} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link> in the
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-nextjs-ts/README.md b/examples/material-ui-nextjs-ts/README.md
index a42cf21ea37965..a0f9e85dc8e076 100644
--- a/examples/material-ui-nextjs-ts/README.md
+++ b/examples/material-ui-nextjs-ts/README.md
@@ -13,31 +13,33 @@ curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip
 cd material-ui-nextjs-ts
 ```
 
-Install dependencies and run:
+Install it and run:
 
 ```bash
-# npm
 npm install
 npm run dev
-
-# yarn
-yarn
-yarn dev
-
-# pnpm
-pnpm install
-pnpm dev
 ```
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
-You can start editing the page by modifying `src/app/page.tsx`. The page auto-updates as you edit the file.
+or:
+
+<!-- #default-branch-switch -->
+
+[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-nextjs-ts)
 
-This example uses [`next/font/google`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts#google-fonts) to automatically optimize and load Roboto, a custom Google Font.
+[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/material-ui-nextjs-ts)
 
 ## Learn more
 
 To learn more about this example:
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Next.js documentation](https://nextjs.org/docs) - learn about Next.js features and API.
 - [Customizing Material UI](https://mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
+
+## What's next?
+
+<!-- #default-branch-switch -->
+
+You now have a working example project.
+You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs-ts/package.json b/examples/material-ui-nextjs-ts/package.json
index f6cd3f9696c4d1..a0b6b356c4bc4b 100644
--- a/examples/material-ui-nextjs-ts/package.json
+++ b/examples/material-ui-nextjs-ts/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-next-app-router-ts",
+  "name": "material-ui-nextjs-ts",
   "version": "5.0.0",
   "private": true,
   "scripts": {
@@ -15,9 +15,9 @@
     "@emotion/styled": "latest",
     "@mui/icons-material": "latest",
     "@mui/material": "latest",
-    "next": "13.x",
-    "react": "18.x",
-    "react-dom": "18.x"
+    "next": "latest",
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@types/node": "latest",
diff --git a/examples/material-ui-nextjs-ts/src/app/page.tsx b/examples/material-ui-nextjs-ts/src/app/page.tsx
index 9c6d50b14b8e3f..a42c62e22364e7 100644
--- a/examples/material-ui-nextjs-ts/src/app/page.tsx
+++ b/examples/material-ui-nextjs-ts/src/app/page.tsx
@@ -11,17 +11,12 @@ import MediaCard from '@/components/MediaCard';
 
 export default function HomePage() {
   return (
-    <Box
-      sx={{
-        display: 'flex',
-      }}
-    >
-      <Box>
+    <Box sx={{ display: 'flex' }}>
+      <div>
         <Alert severity="info" sx={{ mt: 2, mb: 5 }}>
           <AlertTitle>Hello 👋</AlertTitle>
           This app uses the Next.js App Router and Material UI v5.
         </Alert>
-
         <Grid container rowSpacing={3} columnSpacing={3}>
           <Grid xs={6}>
             <MediaCard
@@ -48,8 +43,7 @@ export default function HomePage() {
             />
           </Grid>
         </Grid>
-      </Box>
-
+      </div>
       <Drawer
         sx={{
           width: 320,
diff --git a/examples/material-ui-nextjs-ts/src/components/ThemeRegistry/EmotionCache.tsx b/examples/material-ui-nextjs-ts/src/components/ThemeRegistry/EmotionCache.tsx
index 871d3c98ebb21e..aca708502f2bcc 100644
--- a/examples/material-ui-nextjs-ts/src/components/ThemeRegistry/EmotionCache.tsx
+++ b/examples/material-ui-nextjs-ts/src/components/ThemeRegistry/EmotionCache.tsx
@@ -1,5 +1,4 @@
 'use client';
-
 import * as React from 'react';
 import createCache from '@emotion/cache';
 import { useServerInsertedHTML } from 'next/navigation';
diff --git a/examples/material-ui-nextjs-ts/src/components/ThemeRegistry/ThemeRegistry.tsx b/examples/material-ui-nextjs-ts/src/components/ThemeRegistry/ThemeRegistry.tsx
index ea47d771cdc7b7..6418593aca7c9b 100644
--- a/examples/material-ui-nextjs-ts/src/components/ThemeRegistry/ThemeRegistry.tsx
+++ b/examples/material-ui-nextjs-ts/src/components/ThemeRegistry/ThemeRegistry.tsx
@@ -1,5 +1,4 @@
 'use client';
-
 import * as React from 'react';
 import { ThemeProvider } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
diff --git a/examples/material-ui-nextjs/README.md b/examples/material-ui-nextjs/README.md
index e30545f25fa1f4..f2684b1883538d 100644
--- a/examples/material-ui-nextjs/README.md
+++ b/examples/material-ui-nextjs/README.md
@@ -13,31 +13,33 @@ curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip
 cd material-ui-nextjs
 ```
 
-Install dependencies and run:
+Install it and run:
 
 ```bash
-# npm
 npm install
 npm run dev
-
-# yarn
-yarn
-yarn dev
-
-# pnpm
-pnpm install
-pnpm dev
 ```
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
-You can start editing the page by modifying `src/app/page.js`. The page auto-updates as you edit the file.
+or:
+
+<!-- #default-branch-switch -->
+
+[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-nextjs)
 
-This example uses [`next/font/google`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts#google-fonts) to automatically optimize and load Roboto, a custom Google Font.
+[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/material-ui-nextjs)
 
 ## Learn more
 
 To learn more about this example:
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Next.js documentation](https://nextjs.org/docs) - learn about Next.js features and API.
 - [Customizing Material UI](https://mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
+
+## What's next?
+
+<!-- #default-branch-switch -->
+
+You now have a working example project.
+You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs/package.json b/examples/material-ui-nextjs/package.json
index 69eaf7e0ef17a4..1f856819542ca7 100644
--- a/examples/material-ui-nextjs/package.json
+++ b/examples/material-ui-nextjs/package.json
@@ -16,8 +16,8 @@
     "@mui/material": "latest",
     "eslint": "latest",
     "eslint-config-next": "latest",
-    "next": "13.x",
-    "react": "18.x",
-    "react-dom": "18.x"
+    "next": "latest",
+    "react": "latest",
+    "react-dom": "latest"
   }
 }
diff --git a/examples/material-ui-nextjs/src/app/page.js b/examples/material-ui-nextjs/src/app/page.js
index 9c6d50b14b8e3f..a42c62e22364e7 100644
--- a/examples/material-ui-nextjs/src/app/page.js
+++ b/examples/material-ui-nextjs/src/app/page.js
@@ -11,17 +11,12 @@ import MediaCard from '@/components/MediaCard';
 
 export default function HomePage() {
   return (
-    <Box
-      sx={{
-        display: 'flex',
-      }}
-    >
-      <Box>
+    <Box sx={{ display: 'flex' }}>
+      <div>
         <Alert severity="info" sx={{ mt: 2, mb: 5 }}>
           <AlertTitle>Hello 👋</AlertTitle>
           This app uses the Next.js App Router and Material UI v5.
         </Alert>
-
         <Grid container rowSpacing={3} columnSpacing={3}>
           <Grid xs={6}>
             <MediaCard
@@ -48,8 +43,7 @@ export default function HomePage() {
             />
           </Grid>
         </Grid>
-      </Box>
-
+      </div>
       <Drawer
         sx={{
           width: 320,
diff --git a/examples/material-ui-nextjs/src/components/ThemeRegistry/EmotionCache.js b/examples/material-ui-nextjs/src/components/ThemeRegistry/EmotionCache.js
index 2fee1507b08534..d0b6345563106c 100644
--- a/examples/material-ui-nextjs/src/components/ThemeRegistry/EmotionCache.js
+++ b/examples/material-ui-nextjs/src/components/ThemeRegistry/EmotionCache.js
@@ -1,5 +1,4 @@
 'use client';
-
 import * as React from 'react';
 import createCache from '@emotion/cache';
 import { useServerInsertedHTML } from 'next/navigation';
diff --git a/examples/material-ui-nextjs/src/components/ThemeRegistry/ThemeRegistry.js b/examples/material-ui-nextjs/src/components/ThemeRegistry/ThemeRegistry.js
index 0a090f77035f1a..421e3516b78108 100644
--- a/examples/material-ui-nextjs/src/components/ThemeRegistry/ThemeRegistry.js
+++ b/examples/material-ui-nextjs/src/components/ThemeRegistry/ThemeRegistry.js
@@ -1,5 +1,4 @@
 'use client';
-
 import * as React from 'react';
 import { ThemeProvider } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
diff --git a/examples/material-ui-preact/README.md b/examples/material-ui-preact/README.md
index c1e73b44d488e0..fbd43cfbc958e8 100644
--- a/examples/material-ui-preact/README.md
+++ b/examples/material-ui-preact/README.md
@@ -20,9 +20,9 @@ npm run start
 
 ## The idea behind the example
 
-The project uses Material UI with [Preact](https://github.com/developit/preact), which is a lightweight (3 kb) alternative to React with the same modern API.
+The project uses Material UI with [Preact](https://github.com/developit/preact), which is a lightweight (3 kB) alternative to React with the same modern API.
 
-This example uses CRA with `react-app-rewired` for adding webpack aliases for preact.
+This example uses CRA with `react-app-rewired` for adding Webpack aliases for Preact.
 
 It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v5.
 
diff --git a/examples/material-ui-preact/package.json b/examples/material-ui-preact/package.json
index 8d7acbff286d3c..47394d072c47b6 100644
--- a/examples/material-ui-preact/package.json
+++ b/examples/material-ui-preact/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-preact",
+  "name": "material-ui-preact",
   "version": "5.0.0",
   "private": true,
   "dependencies": {
diff --git a/examples/material-ui-preact/public/index.html b/examples/material-ui-preact/public/index.html
index 6b638043d3858f..c55eefa20ff2c1 100644
--- a/examples/material-ui-preact/public/index.html
+++ b/examples/material-ui-preact/public/index.html
@@ -4,42 +4,17 @@
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using create-react-app" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
+    <title>Preact + Material UI</title>
     <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/examples/material-ui-preact/public/robots.txt b/examples/material-ui-preact/public/robots.txt
deleted file mode 100644
index e9e57dc4d41b9b..00000000000000
--- a/examples/material-ui-preact/public/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:
diff --git a/examples/material-ui-preact/src/ProTip.js b/examples/material-ui-preact/src/ProTip.js
index 09d7e4ae4ae35b..726025eff9a680 100644
--- a/examples/material-ui-preact/src/ProTip.js
+++ b/examples/material-ui-preact/src/ProTip.js
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-preact/src/index.js b/examples/material-ui-preact/src/index.js
index 2725deba39850e..f479c894bfb169 100644
--- a/examples/material-ui-preact/src/index.js
+++ b/examples/material-ui-preact/src/index.js
@@ -1,10 +1,11 @@
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import * as ReactDOMClient from 'react-dom/client';
 import App from './App';
 
-ReactDOM.render(
+const root = ReactDOMClient.createRoot(document.getElementById('root'));
+
+root.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root'),
 );
diff --git a/examples/material-ui-remix-ts/app/entry.client.tsx b/examples/material-ui-remix-ts/app/entry.client.tsx
index c4f5e782989dc2..69e61993f3dd7e 100644
--- a/examples/material-ui-remix-ts/app/entry.client.tsx
+++ b/examples/material-ui-remix-ts/app/entry.client.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom/client';
-import { RemixBrowser } from 'remix';
+import { RemixBrowser } from '@remix-run/react';
 import { CacheProvider } from '@emotion/react';
 import { ThemeProvider } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
diff --git a/examples/material-ui-remix-ts/app/entry.server.tsx b/examples/material-ui-remix-ts/app/entry.server.tsx
index 1833c046efe816..103db6718c9be5 100644
--- a/examples/material-ui-remix-ts/app/entry.server.tsx
+++ b/examples/material-ui-remix-ts/app/entry.server.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as ReactDOMServer from 'react-dom/server';
-import { RemixServer } from 'remix';
-import type { EntryContext } from 'remix';
+import { RemixServer } from '@remix-run/react';
+import type { EntryContext } from '@remix-run/node';
 import createEmotionCache from './src/createEmotionCache';
 import theme from './src/theme';
 import CssBaseline from '@mui/material/CssBaseline';
diff --git a/examples/material-ui-remix-ts/app/root.tsx b/examples/material-ui-remix-ts/app/root.tsx
index dcd0315fca6a26..65ded904f31239 100644
--- a/examples/material-ui-remix-ts/app/root.tsx
+++ b/examples/material-ui-remix-ts/app/root.tsx
@@ -1,5 +1,13 @@
 import * as React from 'react';
-import { Links, LiveReload, Meta, Outlet, Scripts, ScrollRestoration, useCatch } from 'remix';
+import {
+  Links,
+  LiveReload,
+  Meta,
+  Outlet,
+  Scripts,
+  ScrollRestoration,
+  useCatch,
+} from '@remix-run/react';
 import { withEmotionCache } from '@emotion/react';
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/material';
 import theme from './src/theme';
@@ -39,9 +47,11 @@ const Document = withEmotionCache(({ children, title }: DocumentProps, emotionCa
         {title ? <title>{title}</title> : null}
         <Meta />
         <Links />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
         <link
           rel="stylesheet"
-          href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+          href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
         />
         <meta name="emotion-insertion-point" content="emotion-insertion-point" />
       </head>
diff --git a/examples/material-ui-remix-ts/app/routes/about.tsx b/examples/material-ui-remix-ts/app/routes/about.tsx
index f87130cf24141f..c503515d45a885 100644
--- a/examples/material-ui-remix-ts/app/routes/about.tsx
+++ b/examples/material-ui-remix-ts/app/routes/about.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Link } from 'remix';
+import { Link } from '@remix-run/react';
 import Typography from '@mui/material/Typography';
 import Button from '@mui/material/Button';
 
diff --git a/examples/material-ui-remix-ts/app/routes/index.tsx b/examples/material-ui-remix-ts/app/routes/index.tsx
index fafd810ff2abd1..17a56b6e2b5c5d 100644
--- a/examples/material-ui-remix-ts/app/routes/index.tsx
+++ b/examples/material-ui-remix-ts/app/routes/index.tsx
@@ -1,7 +1,8 @@
 import * as React from 'react';
-import type { MetaFunction } from 'remix';
-import { Link } from 'remix';
+import type { MetaFunction } from '@remix-run/node';
+import { Link as RemixLink } from '@remix-run/react';
 import Typography from '@mui/material/Typography';
+import Link from '@mui/material/Link';
 
 // https://remix.run/api/conventions#meta
 export const meta: MetaFunction = () => {
@@ -18,7 +19,7 @@ export default function Index() {
       <Typography variant="h4" component="h1" gutterBottom>
         Material UI Remix in TypeScript example
       </Typography>
-      <Link to="/about" color="secondary">
+      <Link to="/about" color="secondary" component={RemixLink}>
         Go to the about page
       </Link>
     </React.Fragment>
diff --git a/examples/material-ui-remix-ts/app/src/ProTip.tsx b/examples/material-ui-remix-ts/app/src/ProTip.tsx
index 0894a06eb94bde..75e89824a97653 100644
--- a/examples/material-ui-remix-ts/app/src/ProTip.tsx
+++ b/examples/material-ui-remix-ts/app/src/ProTip.tsx
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-remix-ts/package.json b/examples/material-ui-remix-ts/package.json
index d5c5eaf3ebb833..c5b00d4e28cef5 100644
--- a/examples/material-ui-remix-ts/package.json
+++ b/examples/material-ui-remix-ts/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-remix-ts",
+  "name": "material-ui-remix-ts",
   "version": "5.0.0",
   "private": true,
   "scripts": {
@@ -19,8 +19,7 @@
     "@remix-run/serve": "latest",
     "@remix-run/server-runtime": "latest",
     "react": "latest",
-    "react-dom": "latest",
-    "remix": "latest"
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@remix-run/dev": "latest",
diff --git a/examples/material-ui-via-cdn/README.md b/examples/material-ui-via-cdn/README.md
index d3899c2809da1b..2e8ca40c86df03 100644
--- a/examples/material-ui-via-cdn/README.md
+++ b/examples/material-ui-via-cdn/README.md
@@ -23,7 +23,7 @@ The client has to download the entire library, regardless of which components ar
 
 <!-- #default-branch-switch -->
 
-[The live preview.](https://combinatronics.com/mui/material-ui/master/examples/material-ui-via-cdn/index.html)
+[The live preview.](https://rawcdn.githack.com/mui/material-ui/master/examples/material-ui-via-cdn/index.html)
 
 ## UMD releases
 
diff --git a/examples/material-ui-via-cdn/index.html b/examples/material-ui-via-cdn/index.html
index 553571bdba6e3c..edb8dbd4103412 100644
--- a/examples/material-ui-via-cdn/index.html
+++ b/examples/material-ui-via-cdn/index.html
@@ -14,13 +14,15 @@
       crossorigin="anonymous"
     ></script>
     <script
-      src="https://unpkg.com/babel-standalone@latest/babel.min.js"
+      src="https://unpkg.com/@babel/standalone@latest/babel.min.js"
       crossorigin="anonymous"
     ></script>
     <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
     <!-- Icons to support Material Design -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
@@ -66,10 +68,10 @@
       function ProTip() {
         return (
           <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
-            <LightBulbIcon sx={{ mr: 1, verticalAlign: 'top' }} />
-            Pro tip: See more{' '}
-            <Link href="https://mui.com/getting-started/templates/">templates</Link> in the MUI
-            documentation.
+            <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
+            {'Pro tip: See more '}
+            <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+            {' in the Material UI documentation.'}
           </Typography>
         );
       }
diff --git a/examples/material-ui-via-cdn/package.json b/examples/material-ui-via-cdn/package.json
index 02a6cf3031888b..3dc560540732a7 100644
--- a/examples/material-ui-via-cdn/package.json
+++ b/examples/material-ui-via-cdn/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-via-cdn",
+  "name": "material-ui-via-cdn",
   "version": "5.0.0",
   "private": true,
   "dependencies": {},
diff --git a/examples/material-ui-vite-ts/README.md b/examples/material-ui-vite-ts/README.md
index d6693a65da694c..feb2b85a793930 100644
--- a/examples/material-ui-vite-ts/README.md
+++ b/examples/material-ui-vite-ts/README.md
@@ -1,4 +1,4 @@
-# Material UI - Vite.js in Typescript example
+# Material UI - Vite.js in TypeScript example
 
 ## How to use
 
@@ -29,11 +29,11 @@ or:
 ## The idea behind the example
 
 This example uses [Vite.js](https://github.com/vitejs/vite).
-It includes `@mui/material` with `@mui/icons-material` and their peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v5.
+It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v5.
 
 ## What's next?
 
 <!-- #default-branch-switch -->
 
 You now have a working example project.
-You can head back to the documentation, continuing browsing it from the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-vite-ts/index.html b/examples/material-ui-vite-ts/index.html
index 244404991c84f1..c85f316c172fc2 100644
--- a/examples/material-ui-vite-ts/index.html
+++ b/examples/material-ui-vite-ts/index.html
@@ -1,15 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
+    <meta charset="utf-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="initial-scale=1, width=device-width" />
+    <!-- Fonts to support Material Design -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS + Material UI</title>
+    <title>Vite + Material UI + TS</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/examples/material-ui-vite-ts/package.json b/examples/material-ui-vite-ts/package.json
index 2cb8e68f1abde9..f8b6eefe8053d1 100644
--- a/examples/material-ui-vite-ts/package.json
+++ b/examples/material-ui-vite-ts/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-vite-ts",
+  "name": "material-ui-vite-ts",
   "private": true,
   "version": "5.0.0",
   "type": "module",
diff --git a/examples/material-ui-vite-ts/src/ProTip.tsx b/examples/material-ui-vite-ts/src/ProTip.tsx
index 0894a06eb94bde..75e89824a97653 100644
--- a/examples/material-ui-vite-ts/src/ProTip.tsx
+++ b/examples/material-ui-vite-ts/src/ProTip.tsx
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/examples/material-ui-vite/index.html b/examples/material-ui-vite/index.html
index 47df4b895a86f1..0be1d1c59d7c89 100644
--- a/examples/material-ui-vite/index.html
+++ b/examples/material-ui-vite/index.html
@@ -1,13 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta charset="utf-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="initial-scale=1, width=device-width" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
     />
-    <title>Vite App with Material UI</title>
+    <title>Vite + Material UI + TS</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/examples/material-ui-vite/package.json b/examples/material-ui-vite/package.json
index d9fc42dbf0bc59..71c02e87add914 100644
--- a/examples/material-ui-vite/package.json
+++ b/examples/material-ui-vite/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "material-vite",
+  "name": "material-ui-vite",
   "version": "5.0.0",
   "private": true,
   "scripts": {
diff --git a/examples/material-ui-vite/public/vite.svg b/examples/material-ui-vite/public/vite.svg
new file mode 100644
index 00000000000000..e7b8dfb1b2a60b
--- /dev/null
+++ b/examples/material-ui-vite/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/examples/material-ui-vite/src/ProTip.jsx b/examples/material-ui-vite/src/ProTip.jsx
index 09d7e4ae4ae35b..726025eff9a680 100644
--- a/examples/material-ui-vite/src/ProTip.jsx
+++ b/examples/material-ui-vite/src/ProTip.jsx
@@ -15,8 +15,9 @@ export default function ProTip() {
   return (
     <Typography sx={{ mt: 6, mb: 3 }} color="text.secondary">
       <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      Pro tip: See more <Link href="https://mui.com/getting-started/templates/">templates</Link> in
-      the MUI documentation.
+      {'Pro tip: See more '}
+      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
+      {' in the Material UI documentation.'}
     </Typography>
   );
 }
diff --git a/nx.json b/nx.json
new file mode 100644
index 00000000000000..bcba7dd2f0b563
--- /dev/null
+++ b/nx.json
@@ -0,0 +1,12 @@
+{
+  "$schema": "./node_modules/nx/schemas/nx-schema.json",
+  "extends": "nx/presets/npm.json",
+  "tasksRunnerOptions": {
+    "default": {
+      "runner": "nx/tasks-runners/default",
+      "options": {
+        "cacheableOperations": ["build"]
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
index a852f9cbc5ff34..66f583f10f888b 100644
--- a/package.json
+++ b/package.json
@@ -1,14 +1,15 @@
 {
   "name": "@mui/monorepo",
-  "version": "5.14.4",
+  "version": "5.14.10",
   "private": true,
   "scripts": {
     "proptypes": "cross-env BABEL_ENV=development babel-node --extensions \".tsx,.ts,.js\" ./scripts/generateProptypes.ts",
     "deduplicate": "node scripts/deduplicate.mjs",
     "benchmark:browser": "yarn workspace benchmark browser",
-    "build:codesandbox": "lerna run --parallel --scope \"@mui/*\" build",
+    "build": "lerna run --parallel --scope \"@mui/*\" build",
+    "build:codesandbox": "NODE_OPTIONS=\"–max_old_space_size=4096\" lerna run --concurrency 8 --scope \"@mui/*\" build",
     "release:version": "lerna version --no-changelog --no-push --no-git-tag-version --force-publish=@mui/core-downloads-tracker",
-    "release:build": "lerna run --parallel --scope \"@mui/*\" build",
+    "release:build": "lerna run --parallel --scope \"@mui/*\" build --skip-nx-cache",
     "release:changelog": "node scripts/releaseChangelog.mjs",
     "release:publish": "lerna publish from-package --dist-tag latest --contents build",
     "release:publish:dry-run": "lerna publish from-package --dist-tag latest --contents build --registry=\"http://localhost:4873/\"",
@@ -47,9 +48,9 @@
     "start": "yarn && yarn docs:dev",
     "t": "node test/cli.js",
     "test": "yarn eslint && yarn typescript && yarn test:coverage",
-    "test:coverage": "cross-env NODE_ENV=test BABEL_ENV=coverage nyc --reporter=text mocha 'packages/**/*.test.{js,ts,tsx}' 'docs/**/*.test.{js,ts,tsx}' 'test/utils/**/*.test.{js,ts,tsx}'",
-    "test:coverage:ci": "cross-env NODE_ENV=test BABEL_ENV=coverage nyc --reporter=lcov mocha 'packages/**/*.test.{js,ts,tsx}' 'docs/**/*.test.{js,ts,tsx}' 'test/utils/**/*.test.{js,ts,tsx}'",
-    "test:coverage:html": "cross-env NODE_ENV=test BABEL_ENV=coverage nyc --reporter=html mocha 'packages/**/*.test.{js,ts,tsx}' 'docs/**/*.test.{js,ts,tsx}' 'test/utils/**/*.test.{js,ts,tsx}'",
+    "test:coverage": "cross-env NODE_ENV=test BABEL_ENV=coverage nyc --reporter=text mocha 'packages/**/*.test.{js,ts,tsx}' 'docs/**/*.test.{js,ts,tsx}'",
+    "test:coverage:ci": "cross-env NODE_ENV=test BABEL_ENV=coverage nyc --reporter=lcov mocha 'packages/**/*.test.{js,ts,tsx}' 'docs/**/*.test.{js,ts,tsx}'",
+    "test:coverage:html": "cross-env NODE_ENV=test BABEL_ENV=coverage nyc --reporter=html mocha 'packages/**/*.test.{js,ts,tsx}' 'docs/**/*.test.{js,ts,tsx}'",
     "test:e2e": "cross-env NODE_ENV=production yarn test:e2e:build && concurrently --success first --kill-others \"yarn test:e2e:run\" \"yarn test:e2e:server\"",
     "test:e2e:build": "webpack --config test/e2e/webpack.config.js",
     "test:e2e:dev": "concurrently \"yarn test:e2e:build --watch\" \"yarn test:e2e:server\"",
@@ -65,98 +66,76 @@
     "test:regressions:run": "mocha --config test/regressions/.mocharc.js --delay 'test/regressions/**/*.test.js'",
     "test:regressions:server": "serve test/regressions -p 5001",
     "test:umd": "node packages/mui-material/test/umd/run.js",
-    "test:unit": "cross-env NODE_ENV=test mocha 'packages/**/*.test.{js,ts,tsx}' 'docs/**/*.test.{js,ts,tsx}' 'test/utils/**/*.test.{js,ts,tsx}'",
+    "test:unit": "cross-env NODE_ENV=test mocha 'packages/**/*.test.{js,ts,tsx}' 'docs/**/*.test.{js,ts,tsx}'",
     "test:argos": "node ./scripts/pushArgos.mjs",
     "typescript": "lerna run --no-bail --parallel typescript",
-    "typescript:ci": "lerna run --concurrency 7 --no-bail --no-sort typescript",
+    "typescript:ci": "lerna run --concurrency 5 --no-bail --no-sort typescript",
     "validate-declarations": "ts-node --esm scripts/validateTypescriptDeclarations.mts",
     "generate-codeowners": "node scripts/generateCodeowners.mjs"
   },
   "devDependencies": {
     "@argos-ci/core": "^0.9.0",
-    "@babel/cli": "^7.22.9",
-    "@babel/core": "^7.22.9",
-    "@babel/node": "^7.22.6",
+    "@babel/cli": "^7.22.15",
+    "@babel/core": "^7.22.20",
+    "@babel/node": "^7.22.19",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@babel/plugin-proposal-private-methods": "^7.18.6",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/plugin-transform-object-assign": "^7.22.5",
     "@babel/plugin-transform-react-constant-elements": "^7.22.5",
-    "@babel/plugin-transform-runtime": "^7.22.9",
-    "@babel/preset-env": "^7.22.9",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/register": "^7.22.5",
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@googleapis/sheets": "^5.0.1",
+    "@babel/plugin-transform-runtime": "^7.22.15",
+    "@babel/preset-env": "^7.22.20",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/register": "^7.22.15",
+    "@googleapis/sheets": "^5.0.4",
     "@mnajdova/enzyme-adapter-react-18": "^0.2.0",
     "@octokit/rest": "^20.0.1",
-    "@playwright/test": "1.36.2",
-    "@rollup/plugin-replace": "^5.0.2",
-    "@slack/bolt": "^3.13.2",
-    "@testing-library/dom": "^9.3.1",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/chai": "^4.3.5",
-    "@types/chai-dom": "^1.11.0",
+    "@playwright/test": "1.37.1",
+    "@slack/bolt": "^3.13.3",
+    "@slack/web-api": "^6.9.0",
     "@types/enzyme": "^3.10.13",
-    "@types/format-util": "^1.0.2",
-    "@types/fs-extra": "^11.0.1",
-    "@types/jsdom": "^21.1.1",
-    "@types/lodash": "^4.14.196",
+    "@types/fs-extra": "^11.0.2",
+    "@types/lodash": "^4.14.198",
     "@types/mocha": "^10.0.1",
-    "@types/node": "^18.17.1",
+    "@types/node": "^18.17.18",
     "@types/prettier": "^2.7.3",
-    "@types/react": "^18.2.17",
-    "@types/react-is": "^18.2.1",
-    "@types/react-test-renderer": "^18.0.0",
-    "@types/sinon": "^10.0.15",
-    "@types/stylis": "^4.2.0",
-    "@types/webpack": "^5.28.1",
+    "@types/react": "^18.2.21",
     "@types/yargs": "^17.0.24",
-    "@typescript-eslint/eslint-plugin": "^6.2.1",
-    "@typescript-eslint/parser": "^6.2.1",
+    "@typescript-eslint/eslint-plugin": "^6.6.0",
+    "@typescript-eslint/parser": "^6.6.0",
     "babel-loader": "^9.1.3",
     "babel-plugin-istanbul": "^6.1.1",
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-module-resolver": "^5.0.0",
     "babel-plugin-optimize-clsx": "^2.6.2",
     "babel-plugin-react-remove-properties": "^0.3.0",
-    "babel-plugin-tester": "^11.0.4",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "chai": "^4.3.7",
-    "chai-dom": "^1.11.0",
     "chalk": "^5.3.0",
     "compression-webpack-plugin": "^10.0.0",
-    "concurrently": "^8.2.0",
-    "confusing-browser-globals": "^1.0.11",
-    "core-js": "^2.6.11",
+    "concurrently": "^8.2.1",
     "cpy-cli": "^5.0.0",
     "cross-env": "^7.0.3",
-    "danger": "^11.2.7",
-    "dom-accessibility-api": "^0.6.1",
+    "danger": "^11.2.8",
     "dtslint": "^4.2.1",
     "enzyme": "^3.11.0",
-    "eslint": "^8.46.0",
+    "eslint": "^8.48.0",
     "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-prettier": "^8.9.0",
-    "eslint-import-resolver-webpack": "^0.13.2",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-import-resolver-webpack": "^0.13.7",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-filenames": "^1.3.2",
-    "eslint-plugin-import": "^2.28.0",
+    "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-mocha": "^10.1.0",
-    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "fast-glob": "^3.3.1",
-    "format-util": "^1.0.5",
     "fs-extra": "^11.1.1",
     "globby": "^13.2.2",
     "google-auth-library": "^9.0.0",
-    "html-webpack-plugin": "^5.5.3",
-    "jsdom": "^22.1.0",
     "karma": "^6.4.2",
     "karma-browserstack-launcher": "~1.6.0",
     "karma-chrome-launcher": "^3.2.0",
@@ -165,70 +144,52 @@
     "karma-mocha": "^2.0.1",
     "karma-sourcemap-loader": "^0.4.0",
     "karma-webpack": "^5.0.0",
-    "lerna": "^7.1.4",
+    "lerna": "^7.3.0",
     "lodash": "^4.17.21",
-    "markdownlint-cli2": "^0.8.1",
+    "markdownlint-cli2": "^0.9.2",
     "mocha": "^10.2.0",
+    "nx": "^16.8.1",
     "nyc": "^15.1.0",
-    "piscina": "^4.0.0",
+    "piscina": "^4.1.0",
     "postcss-styled-syntax": "^0.4.0",
     "prettier": "^2.8.8",
     "pretty-quick": "^3.1.3",
     "process": "^0.11.10",
-    "prop-types": "^15.8.1",
     "raw-loader": "4.0.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.14.2",
-    "react-test-renderer": "^18.2.0",
-    "remark": "^13.0.0",
     "rimraf": "^5.0.1",
-    "rollup": "^3.27.0",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-node-globals": "^1.4.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "serve": "^14.2.0",
-    "sinon": "^15.2.0",
-    "stylelint": "^15.10.2",
-    "stylelint-config-standard": "^33.0.0",
+    "serve": "^14.2.1",
+    "stylelint": "^15.10.3",
+    "stylelint-config-standard": "^34.0.0",
     "stylelint-processor-styled-components": "^1.10.0",
-    "stylis": "^4.2.0",
-    "stylis-plugin-rtl": "^2.1.1",
-    "stylis-plugin-rtl-sc": "npm:stylis-plugin-rtl@^1.1.0",
     "terser-webpack-plugin": "^5.3.9",
-    "thenify": "3.3.1",
     "ts-node": "^10.9.1",
     "tslint": "5.14.0",
-    "typescript": "^4.9.5",
-    "unist-util-visit": "^2.0.3",
-    "util": "^0.12.5",
+    "typescript": "^5.1.6",
     "webpack": "^5.88.2",
-    "webpack-bundle-analyzer": "^4.9.0",
-    "webpack-cli": "^4.10.0",
+    "webpack-bundle-analyzer": "^4.9.1",
+    "webpack-cli": "^5.1.4",
     "yargs": "^17.7.2",
     "yarn-deduplicate": "^6.0.2"
   },
   "resolutions": {
-    "**/@babel/core": "^7.22.9",
-    "**/@babel/code-frame": "^7.22.5",
+    "**/@babel/core": "^7.22.20",
+    "**/@babel/code-frame": "^7.22.13",
     "**/@babel/plugin-proposal-class-properties": "^7.18.6",
     "**/@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "**/@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
     "**/@babel/plugin-proposal-numeric-separator": "^7.18.6",
     "**/@babel/plugin-proposal-optional-chaining": "^7.21.0",
     "**/@babel/plugin-transform-destructuring": "npm:@minh.nguyen/plugin-transform-destructuring@^7.5.2",
-    "**/@babel/plugin-transform-runtime": "^7.22.9",
-    "**/@babel/preset-env": "^7.22.9",
-    "**/@babel/preset-react": "^7.22.5",
-    "**/@babel/preset-typescript": "^7.22.5",
-    "**/@babel/runtime": "^7.22.6",
-    "**/@definitelytyped/header-parser": "^0.0.163",
-    "**/@definitelytyped/typescript-versions": "^0.0.163",
-    "**/@definitelytyped/utils": "^0.0.163",
-    "**/@types/node": "^18.17.1",
-    "**/@types/react": "^18.2.17",
+    "**/@babel/plugin-transform-runtime": "^7.22.15",
+    "**/@babel/preset-env": "^7.22.20",
+    "**/@babel/preset-react": "^7.22.15",
+    "**/@babel/preset-typescript": "^7.22.15",
+    "**/@babel/runtime": "^7.22.15",
+    "**/@definitelytyped/header-parser": "^0.0.178",
+    "**/@definitelytyped/typescript-versions": "^0.0.178",
+    "**/@definitelytyped/utils": "^0.0.178",
+    "**/@types/node": "^18.17.18",
+    "**/@types/react": "^18.2.21",
     "**/cross-fetch": "^4.0.0"
   },
   "nyc": {
diff --git a/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts b/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts
index bdacad4cfe08bc..59b348d8d09192 100644
--- a/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts
+++ b/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts
@@ -10,7 +10,7 @@ import remarkVisit from 'unist-util-visit';
 import { Link } from 'mdast';
 import { defaultHandlers, parse as docgenParse, ReactDocgenApi } from 'react-docgen';
 import { unstable_generateUtilityClass as generateUtilityClass } from '@mui/utils';
-import { renderInline as renderMarkdownInline } from '@mui/markdown';
+import { renderMarkdown } from '@mui/markdown';
 import { LANGUAGES } from 'docs/config';
 import { ComponentInfo, writePrettifiedFile } from '../buildApiUtils';
 import muiDefaultPropsHandler from '../utils/defaultPropsHandler';
@@ -333,19 +333,19 @@ function extractClassConditions(descriptions: any) {
 
       if (conditions && conditions[6]) {
         classConditions[className] = {
-          description: renderMarkdownInline(
+          description: renderMarkdown(
             description.replace(stylesRegex, '$1{{nodeName}}$5{{conditions}}.'),
           ),
-          nodeName: renderMarkdownInline(conditions[3]),
-          conditions: renderMarkdownInline(conditions[6].replace(/`(.*?)`/g, '<code>$1</code>')),
+          nodeName: renderMarkdown(conditions[3]),
+          conditions: renderMarkdown(conditions[6].replace(/`(.*?)`/g, '<code>$1</code>')),
         };
       } else if (conditions && conditions[3] && conditions[3] !== 'the root element') {
         classConditions[className] = {
-          description: renderMarkdownInline(description.replace(stylesRegex, '$1{{nodeName}}$5.')),
-          nodeName: renderMarkdownInline(conditions[3]),
+          description: renderMarkdown(description.replace(stylesRegex, '$1{{nodeName}}$5.')),
+          nodeName: renderMarkdown(conditions[3]),
         };
       } else {
-        classConditions[className] = { description: renderMarkdownInline(description) };
+        classConditions[className] = { description: renderMarkdown(description) };
       }
     }
   });
@@ -517,13 +517,13 @@ const attachTranslations = (reactApi: ReactApi) => {
 
       const typeDescriptions: { [t: string]: string } = {};
       (signatureArgs || []).concat(signatureReturn || []).forEach(({ name, description }) => {
-        typeDescriptions[name] = renderMarkdownInline(description);
+        typeDescriptions[name] = renderMarkdown(description);
       });
 
       translations.propDescriptions[propName] = {
-        description: renderMarkdownInline(jsDocText),
+        description: renderMarkdown(jsDocText),
         requiresRef: requiresRef || undefined,
-        deprecated: renderMarkdownInline(deprecated) || undefined,
+        deprecated: renderMarkdown(deprecated) || undefined,
         typeDescriptions: Object.keys(typeDescriptions).length > 0 ? typeDescriptions : undefined,
       };
     }
@@ -631,8 +631,7 @@ const attachPropsTable = (reactApi: ReactApi) => {
           // undefined values are not serialized => saving some bytes
           required: requiredProp || undefined,
           deprecated: !!deprecation || undefined,
-          deprecationInfo:
-            renderMarkdownInline(deprecation?.groups?.info || '').trim() || undefined,
+          deprecationInfo: renderMarkdown(deprecation?.groups?.info || '').trim() || undefined,
           signature,
           additionalInfo:
             Object.keys(additionalPropsInfo).length === 0 ? undefined : additionalPropsInfo,
diff --git a/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts b/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts
index fcdce26439932e..84b6758daae330 100644
--- a/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts
+++ b/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts
@@ -8,7 +8,7 @@ import traverse from '@babel/traverse';
 import { defaultHandlers, parse as docgenParse, ReactDocgenApi } from 'react-docgen';
 import kebabCase from 'lodash/kebabCase';
 import upperFirst from 'lodash/upperFirst';
-import { renderInline as renderMarkdownInline } from '@mui/markdown';
+import { renderMarkdown } from '@mui/markdown';
 import { LANGUAGES } from 'docs/config';
 import { toGitHubPath, computeApiDescription } from './ComponentApiBuilder';
 import {
@@ -328,8 +328,7 @@ const attachTable = (
           // undefined values are not serialized => saving some bytes
           required: requiredProp || undefined,
           deprecated: !!deprecation || undefined,
-          deprecationInfo:
-            renderMarkdownInline(deprecation?.groups?.info || '').trim() || undefined,
+          deprecationInfo: renderMarkdown(deprecation?.groups?.info || '').trim() || undefined,
         },
       };
     })
@@ -351,7 +350,7 @@ const attachTable = (
 };
 
 const generateTranslationDescription = (description: string) => {
-  return renderMarkdownInline(description.replace(/\n@default.*$/, ''));
+  return renderMarkdown(description.replace(/\n@default.*$/, ''));
 };
 
 const attachTranslations = (reactApi: ReactApi) => {
@@ -369,7 +368,7 @@ const attachTranslations = (reactApi: ReactApi) => {
       const deprecation = (description || '').match(/@deprecated(\s+(?<info>.*))?/);
       if (deprecation !== null) {
         translations.parametersDescriptions[propName].deprecated =
-          renderMarkdownInline(deprecation?.groups?.info || '').trim() || undefined;
+          renderMarkdown(deprecation?.groups?.info || '').trim() || undefined;
       }
     }
   });
@@ -382,7 +381,7 @@ const attachTranslations = (reactApi: ReactApi) => {
       const deprecation = (description || '').match(/@deprecated(\s+(?<info>.*))?/);
       if (deprecation !== null) {
         translations.parametersDescriptions[propName].deprecated =
-          renderMarkdownInline(deprecation?.groups?.info || '').trim() || undefined;
+          renderMarkdown(deprecation?.groups?.info || '').trim() || undefined;
       }
     }
   });
diff --git a/packages/api-docs-builder/buildApi.ts b/packages/api-docs-builder/buildApi.ts
index 4b2bab7882ed38..7b7fec7b6584a2 100644
--- a/packages/api-docs-builder/buildApi.ts
+++ b/packages/api-docs-builder/buildApi.ts
@@ -19,7 +19,8 @@ import {
 } from './buildApiUtils';
 import generateComponentApi, { ReactApi } from './ApiBuilders/ComponentApiBuilder';
 import generateHookApi from './ApiBuilders/HookApiBuilder';
-import { createTypeScriptProject, TypeScriptProject } from './utils/createTypeScriptProject';
+import { createTypeScriptProjectBuilder } from './utils/createTypeScriptProject';
+import { CORE_TYPESCRIPT_PROJECTS, CoreTypeScriptProjects } from './utils/coreTypeScriptProjects';
 
 const apiDocsTranslationsDirectory = path.resolve('docs', 'translations', 'api-docs');
 
@@ -112,7 +113,7 @@ interface Settings {
   /**
    * Component directories to be used to generate API
    */
-  getProjects: () => TypeScriptProject[];
+  typeScriptProjects: CoreTypeScriptProjects[];
   getApiPages: () => Array<{ pathname: string }>;
   getComponentInfo: (filename: string) => ComponentInfo;
   getHookInfo?: (filename: string) => HookInfo;
@@ -123,18 +124,7 @@ const SETTINGS: Settings[] = [
     output: {
       apiManifestPath: path.join(process.cwd(), 'docs/data/material/pagesApi.js'),
     },
-    getProjects: () => [
-      createTypeScriptProject({
-        name: 'material',
-        rootPath: path.join(process.cwd(), 'packages/mui-material'),
-        entryPointPath: 'src/index.d.ts',
-      }),
-      createTypeScriptProject({
-        name: 'lab',
-        rootPath: path.join(process.cwd(), 'packages/mui-lab'),
-        entryPointPath: 'src/index.d.ts',
-      }),
-    ],
+    typeScriptProjects: ['material', 'lab'],
     getApiPages: () => findApiPages('docs/pages/material-ui/api'),
     getComponentInfo: getMaterialComponentInfo,
   },
@@ -142,13 +132,7 @@ const SETTINGS: Settings[] = [
     output: {
       apiManifestPath: path.join(process.cwd(), 'docs/data/base/pagesApi.js'),
     },
-    getProjects: () => [
-      createTypeScriptProject({
-        name: 'base',
-        rootPath: path.join(process.cwd(), 'packages/mui-base'),
-        entryPointPath: 'src/index.d.ts',
-      }),
-    ],
+    typeScriptProjects: ['base'],
     getApiPages: () => findApiPages('docs/pages/base-ui/api'),
     getComponentInfo: getBaseComponentInfo,
     getHookInfo: getBaseHookInfo,
@@ -157,13 +141,7 @@ const SETTINGS: Settings[] = [
     output: {
       apiManifestPath: path.join(process.cwd(), 'docs/data/joy/pagesApi.js'),
     },
-    getProjects: () => [
-      createTypeScriptProject({
-        name: 'joy',
-        rootPath: path.join(process.cwd(), 'packages/mui-joy'),
-        entryPointPath: 'src/index.ts',
-      }),
-    ],
+    typeScriptProjects: ['joy'],
     getApiPages: () => findApiPages('docs/pages/joy-ui/api'),
     getComponentInfo: getJoyComponentInfo,
   },
@@ -171,13 +149,7 @@ const SETTINGS: Settings[] = [
     output: {
       apiManifestPath: path.join(process.cwd(), 'docs/data/system/pagesApi.js'),
     },
-    getProjects: () => [
-      createTypeScriptProject({
-        name: 'system',
-        rootPath: path.join(process.cwd(), 'packages/mui-system'),
-        entryPointPath: 'src/index.d.ts',
-      }),
-    ],
+    typeScriptProjects: ['system'],
     getApiPages: () => findApiPages('docs/pages/system/api'),
     getComponentInfo: getSystemComponentInfo,
   },
@@ -187,13 +159,12 @@ type CommandOptions = { grep?: string };
 
 async function run(argv: yargs.ArgumentsCamelCase<CommandOptions>) {
   const grep = argv.grep == null ? null : new RegExp(argv.grep);
+  const buildTypeScriptProject = createTypeScriptProjectBuilder(CORE_TYPESCRIPT_PROJECTS);
+
   let allBuilds: Array<PromiseSettledResult<ReactApi | null>> = [];
   await SETTINGS.reduce(async (resolvedPromise, setting) => {
     await resolvedPromise;
-    /**
-     * @type {string[]}
-     */
-    const projects = setting.getProjects();
+    const projects = setting.typeScriptProjects.map((project) => buildTypeScriptProject(project));
     const apiPagesManifestPath = setting.output.apiManifestPath;
 
     const manifestDir = apiPagesManifestPath.match(/(.*)\/[^/]+\./)?.[1];
@@ -211,8 +182,9 @@ async function run(argv: yargs.ArgumentsCamelCase<CommandOptions>) {
             (component.filename.includes('mui-joy') &&
               // Box's demo isn't ready
               // Container's demo isn't ready
+              // GlobalStyles's demo isn't ready
               // Grid has problem with react-docgen
-              component.filename.match(/(Box|Container|ColorInversion|Grid)/)) ||
+              component.filename.match(/(Box|Container|ColorInversion|Grid|GlobalStyles)/)) ||
             (component.filename.includes('mui-system') && component.filename.match(/GlobalStyles/))
           ) {
             return false;
diff --git a/packages/api-docs-builder/package.json b/packages/api-docs-builder/package.json
index 94ad846d3898ff..12a07655431909 100644
--- a/packages/api-docs-builder/package.json
+++ b/packages/api-docs-builder/package.json
@@ -7,22 +7,36 @@
     "typescript": "tsc -p tsconfig.json"
   },
   "dependencies": {
-    "@babel/core": "^7.22.9",
+    "@babel/core": "^7.22.20",
+    "@babel/preset-typescript": "^7.22.15",
+    "@babel/traverse": "^7.22.20",
     "@mui-internal/docs-utilities": "^1.0.0",
     "@mui/markdown": "^5.0.0",
+    "@mui/utils": "^5.14.10",
     "ast-types": "^0.14.2",
+    "docs": "^5.0.0",
     "doctrine": "^3.0.0",
+    "fast-glob": "^3.3.1",
+    "fs-extra": "^11.1.1",
     "lodash": "^4.17.21",
+    "prettier": "^2.8.8",
     "react-docgen": "^5.4.3",
-    "recast": "^0.23.3",
-    "typescript-to-proptypes": "^5.0.0",
+    "recast": "^0.23.4",
+    "remark": "^13.0.0",
+    "unist-util-visit": "^2.0.3",
     "yargs": "^17.7.2"
   },
   "devDependencies": {
+    "@types/babel__core": "^7.20.2",
+    "@types/babel__traverse": "^7.20.2",
+    "@types/chai": "^4.3.6",
+    "@types/doctrine": "^0.0.6",
+    "@types/mdast": "4.0.0",
     "@types/mocha": "^10.0.1",
-    "@types/node": "^18.17.1",
-    "chai": "^4.3.7",
+    "@types/node": "^18.17.18",
+    "@types/sinon": "^10.0.16",
+    "chai": "^4.3.8",
     "sinon": "^15.2.0",
-    "typescript": "^4.9.5"
+    "typescript": "^5.1.6"
   }
 }
diff --git a/packages/api-docs-builder/utils/coreTypeScriptProjects.ts b/packages/api-docs-builder/utils/coreTypeScriptProjects.ts
new file mode 100644
index 00000000000000..575f3d9fa2665b
--- /dev/null
+++ b/packages/api-docs-builder/utils/coreTypeScriptProjects.ts
@@ -0,0 +1,45 @@
+import path from 'path';
+import { CreateTypeScriptProjectOptions } from './createTypeScriptProject';
+
+export type CoreTypeScriptProjects =
+  | 'material'
+  | 'lab'
+  | 'base'
+  | 'joy'
+  | 'system'
+  | 'material-next'
+  | 'docs';
+
+export const CORE_TYPESCRIPT_PROJECTS: Record<
+  CoreTypeScriptProjects,
+  Omit<CreateTypeScriptProjectOptions, 'name'>
+> = {
+  material: {
+    rootPath: path.join(process.cwd(), 'packages/mui-material'),
+    entryPointPath: 'src/index.d.ts',
+  },
+  lab: {
+    rootPath: path.join(process.cwd(), 'packages/mui-lab'),
+    entryPointPath: 'src/index.d.ts',
+  },
+  base: {
+    rootPath: path.join(process.cwd(), 'packages/mui-base'),
+    entryPointPath: 'src/index.d.ts',
+  },
+  joy: {
+    rootPath: path.join(process.cwd(), 'packages/mui-joy'),
+    entryPointPath: 'src/index.ts',
+  },
+  system: {
+    rootPath: path.join(process.cwd(), 'packages/mui-system'),
+    entryPointPath: 'src/index.d.ts',
+  },
+  'material-next': {
+    rootPath: path.join(process.cwd(), 'packages/mui-material-next'),
+    entryPointPath: 'src/index.ts',
+  },
+  docs: {
+    rootPath: path.join(process.cwd(), 'docs'),
+    tsConfigPath: 'tsconfig.json',
+  },
+};
diff --git a/packages/api-docs-builder/utils/createTypeScriptProject.ts b/packages/api-docs-builder/utils/createTypeScriptProject.ts
index f6c19d309cdd54..6a0cc4b54ce209 100644
--- a/packages/api-docs-builder/utils/createTypeScriptProject.ts
+++ b/packages/api-docs-builder/utils/createTypeScriptProject.ts
@@ -10,7 +10,7 @@ export interface TypeScriptProject {
   checker: ts.TypeChecker;
 }
 
-interface CreateTypeScriptProjectOptions {
+export interface CreateTypeScriptProjectOptions {
   name: string;
   rootPath: string;
   /**
@@ -21,9 +21,15 @@ interface CreateTypeScriptProjectOptions {
   tsConfigPath?: string;
   /**
    * File used as root of the package.
+   * This property is used to gather the exports of the project.
    * The path must be relative to the root path.
    */
-  entryPointPath: string;
+  entryPointPath?: string;
+  /**
+   * Files to include in the project.
+   * By default, it will use the files defined in the tsconfig.
+   */
+  files?: string[];
 }
 
 export const createTypeScriptProject = (
@@ -33,11 +39,11 @@ export const createTypeScriptProject = (
     name,
     rootPath,
     tsConfigPath: inputTsConfigPath = 'tsconfig.build.json',
-    entryPointPath: inputEntryPointPath = 'src/index.ts',
+    entryPointPath: inputEntryPointPath,
+    files,
   } = options;
 
   const tsConfigPath = path.join(rootPath, inputTsConfigPath);
-  const entryPointPath = path.join(rootPath, inputEntryPointPath);
 
   const tsConfigFile = ts.readConfigFile(tsConfigPath, (filePath) =>
     fs.readFileSync(filePath).toString(),
@@ -47,6 +53,13 @@ export const createTypeScriptProject = (
     throw tsConfigFile.error;
   }
 
+  // The build config does not parse the `.d.ts` files, but we sometimes need them to get the exports.
+  if (tsConfigFile.config.exclude) {
+    tsConfigFile.config.exclude = tsConfigFile.config.exclude.filter(
+      (pattern: string) => pattern !== 'src/**/*.d.ts',
+    );
+  }
+
   const tsConfigFileContent = ts.parseJsonConfigFileContent(
     tsConfigFile.config,
     ts.sys,
@@ -58,18 +71,25 @@ export const createTypeScriptProject = (
   }
 
   const program = ts.createProgram({
-    rootNames: [entryPointPath],
+    rootNames: files ?? tsConfigFileContent.fileNames,
     options: tsConfigFileContent.options,
   });
 
   const checker = program.getTypeChecker();
-  const sourceFile = program.getSourceFile(entryPointPath);
 
-  const exports = Object.fromEntries(
-    checker.getExportsOfModule(checker.getSymbolAtLocation(sourceFile!)!).map((symbol) => {
-      return [symbol.name, symbol];
-    }),
-  );
+  let exports: TypeScriptProject['exports'];
+  if (inputEntryPointPath) {
+    const entryPointPath = path.join(rootPath, inputEntryPointPath);
+    const sourceFile = program.getSourceFile(entryPointPath);
+
+    exports = Object.fromEntries(
+      checker.getExportsOfModule(checker.getSymbolAtLocation(sourceFile!)!).map((symbol) => {
+        return [symbol.name, symbol];
+      }),
+    );
+  } else {
+    exports = {};
+  }
 
   return {
     name,
@@ -79,3 +99,28 @@ export const createTypeScriptProject = (
     checker,
   };
 };
+
+export const createTypeScriptProjectBuilder = <P extends string>(
+  projectsConfig: Record<P, Omit<CreateTypeScriptProjectOptions, 'name'>>,
+) => {
+  const projects = new Map<P, TypeScriptProject>();
+
+  return (projectName: P, options: { files?: string[] } = {}) => {
+    const cachedProject = projects.get(projectName);
+    if (cachedProject != null) {
+      return cachedProject;
+    }
+
+    // eslint-disable-next-line no-console
+    console.log(`Building new TS project: ${projectName}`);
+
+    const project = createTypeScriptProject({
+      name: projectName,
+      ...projectsConfig[projectName],
+      ...options,
+    });
+
+    projects.set(projectName, project);
+    return project;
+  };
+};
diff --git a/packages/api-docs-builder/utils/generatePropDescription.ts b/packages/api-docs-builder/utils/generatePropDescription.ts
index 57f1584097bad0..5110ac3680d1c2 100644
--- a/packages/api-docs-builder/utils/generatePropDescription.ts
+++ b/packages/api-docs-builder/utils/generatePropDescription.ts
@@ -93,11 +93,7 @@ export default function generatePropDescription(
     }
   }
 
-  // Two new lines result in a newline in the table.
-  // All other new lines must be eliminated to prevent markdown mayhem.
-  const jsDocText = escapeCell(annotation.description)
-    .replace(/(\r?\n){2}/g, '<br>')
-    .replace(/\r?\n/g, ' ');
+  const jsDocText = escapeCell(annotation.description);
 
   // Split up the parsed tags into 'arguments' and 'returns' parsed objects. If there's no
   // 'returns' parsed object (i.e., one with title being 'returns'), make one of type 'void'.
diff --git a/packages/api-docs-builder/utils/getPropsFromComponentNode.ts b/packages/api-docs-builder/utils/getPropsFromComponentNode.ts
new file mode 100644
index 00000000000000..0c04dcd987c2f7
--- /dev/null
+++ b/packages/api-docs-builder/utils/getPropsFromComponentNode.ts
@@ -0,0 +1,358 @@
+import * as ts from 'typescript';
+import { TypeScriptProject } from './createTypeScriptProject';
+
+export interface ParsedProp {
+  /**
+   * If `true`, some signatures do not contain this property.
+   * e.g: `id` in `{ id: number, value: string } | { value: string }`
+   */
+  onlyUsedInSomeSignatures: boolean;
+  signatures: { symbol: ts.Symbol; componentType: ts.Type }[];
+}
+
+export interface ParsedComponent {
+  name: string;
+  location: ts.Node;
+  type: ts.Type;
+  sourceFile: ts.SourceFile | undefined;
+  props: Record<string, ParsedProp>;
+}
+
+function isTypeJSXElementLike(type: ts.Type, project: TypeScriptProject): boolean {
+  const symbol = type.symbol ?? type.aliasSymbol;
+  if (symbol) {
+    const name = project.checker.getFullyQualifiedName(symbol);
+    return (
+      // Remove once global JSX namespace is no longer used by React
+      name === 'global.JSX.Element' ||
+      name === 'React.JSX.Element' ||
+      name === 'React.ReactElement' ||
+      name === 'React.ReactNode'
+    );
+  }
+
+  if (type.isUnion()) {
+    return type.types.every(
+      // eslint-disable-next-line no-bitwise
+      (subType) => subType.flags & ts.TypeFlags.Null || isTypeJSXElementLike(subType, project),
+    );
+  }
+
+  return false;
+}
+
+function isStyledFunction(node: ts.VariableDeclaration): boolean {
+  return (
+    !!node.initializer &&
+    ts.isCallExpression(node.initializer) &&
+    ts.isCallExpression(node.initializer.expression) &&
+    ts.isIdentifier(node.initializer.expression.expression) &&
+    node.initializer.expression.expression.escapedText === 'styled'
+  );
+}
+
+function getJSXLikeReturnValueFromFunction(type: ts.Type, project: TypeScriptProject) {
+  return type
+    .getCallSignatures()
+    .filter((signature) => isTypeJSXElementLike(signature.getReturnType(), project));
+}
+
+function parsePropsType({
+  name,
+  type,
+  shouldInclude = () => true,
+  location,
+  sourceFile,
+}: {
+  name: string;
+  type: ts.Type;
+  location: ts.Node;
+  shouldInclude?: (data: { name: string; depth: number }) => boolean;
+  sourceFile: ts.SourceFile | undefined;
+}): ParsedComponent {
+  const parsedProps: Record<string, ParsedProp> = {};
+
+  type
+    .getProperties()
+    .filter((property) => shouldInclude({ name: property.getName(), depth: 1 }))
+    .forEach((property) => {
+      parsedProps[property.getName()] = {
+        signatures: [
+          {
+            symbol: property,
+            componentType: type,
+          },
+        ],
+        onlyUsedInSomeSignatures: false,
+      };
+    });
+
+  return {
+    name,
+    location,
+    type,
+    sourceFile,
+    props: parsedProps,
+  };
+}
+
+function parseFunctionComponent({
+  node,
+  shouldInclude,
+  project,
+}: {
+  node: ts.VariableDeclaration | ts.FunctionDeclaration;
+  shouldInclude?: (data: { name: string; depth: number }) => boolean;
+  project: TypeScriptProject;
+}): ParsedComponent | null {
+  if (!node.name) {
+    return null;
+  }
+
+  const symbol = project.checker.getSymbolAtLocation(node.name);
+  if (!symbol) {
+    return null;
+  }
+  const componentName = node.name.getText();
+
+  // Discriminate render functions to components
+  if (componentName[0].toUpperCase() !== componentName[0]) {
+    return null;
+  }
+
+  const signatures = getJSXLikeReturnValueFromFunction(
+    project.checker.getTypeOfSymbolAtLocation(symbol, symbol.valueDeclaration!),
+    project,
+  );
+  if (signatures.length === 0) {
+    return null;
+  }
+
+  const parsedComponents = signatures.map((signature) =>
+    parsePropsType({
+      shouldInclude,
+      name: componentName,
+      type: project.checker.getTypeOfSymbolAtLocation(
+        signature.parameters[0],
+        signature.parameters[0].valueDeclaration!,
+      ),
+      location: signature.parameters[0].valueDeclaration!,
+      sourceFile: node.getSourceFile(),
+    }),
+  );
+
+  const squashedProps: Record<string, ParsedProp> = {};
+  parsedComponents.forEach((parsedComponent) => {
+    Object.keys(parsedComponent.props).forEach((propName) => {
+      if (!squashedProps[propName]) {
+        squashedProps[propName] = parsedComponent.props[propName];
+      } else {
+        squashedProps[propName].signatures = [
+          ...squashedProps[propName].signatures,
+          ...parsedComponent.props[propName].signatures,
+        ];
+      }
+    });
+  });
+
+  const squashedParsedComponent: ParsedComponent = {
+    ...parsedComponents[0],
+    props: squashedProps,
+  };
+
+  Object.keys(squashedParsedComponent.props).forEach((propName) => {
+    squashedParsedComponent.props[propName].onlyUsedInSomeSignatures =
+      squashedParsedComponent.props[propName].signatures.length < signatures.length;
+  });
+
+  return squashedParsedComponent;
+}
+
+export interface GetPropsFromComponentDeclarationOptions {
+  project: TypeScriptProject;
+  node: ts.Node;
+  /**
+   * Called before a PropType is added to a component/object
+   * @returns true to include the prop, false to skip it
+   */
+  shouldInclude?: (data: { name: string; depth: number }) => boolean;
+  /**
+   * Control if const declarations should be checked
+   * @default false
+   * @example declare const Component: React.JSXElementConstructor<Props>;
+   */
+  checkDeclarations?: boolean;
+}
+
+function getPropsFromVariableDeclaration({
+  node,
+  project,
+  checkDeclarations,
+  shouldInclude,
+}: { node: ts.VariableDeclaration } & Pick<
+  GetPropsFromComponentDeclarationOptions,
+  'project' | 'checkDeclarations' | 'shouldInclude'
+>) {
+  const type = project.checker.getTypeAtLocation(node.name);
+  if (!node.initializer) {
+    if (
+      checkDeclarations &&
+      type.aliasSymbol &&
+      type.aliasTypeArguments &&
+      project.checker.getFullyQualifiedName(type.aliasSymbol) === 'React.JSXElementConstructor'
+    ) {
+      const propsType = type.aliasTypeArguments[0];
+      if (propsType === undefined) {
+        throw new TypeError(
+          'Unable to find symbol for `props`. This is a bug in typescript-to-proptypes.',
+        );
+      }
+      return parsePropsType({
+        name: node.name.getText(),
+        type: propsType,
+        location: node.name,
+        shouldInclude,
+        sourceFile: node.getSourceFile(),
+      });
+    }
+
+    if (checkDeclarations) {
+      return parseFunctionComponent({
+        node,
+        shouldInclude,
+        project,
+      });
+    }
+
+    return null;
+  }
+
+  if (
+    (ts.isArrowFunction(node.initializer) || ts.isFunctionExpression(node.initializer)) &&
+    node.initializer.parameters.length === 1
+  ) {
+    return parseFunctionComponent({
+      node,
+      shouldInclude,
+      project,
+    });
+  }
+  //  x = React.memo((props:type) { return <div/> })
+  //  x = React.forwardRef((props:type) { return <div/> })
+  if (ts.isCallExpression(node.initializer) && node.initializer.arguments.length > 0) {
+    const potentialComponent = node.initializer.arguments[0];
+    if (
+      (ts.isArrowFunction(potentialComponent) || ts.isFunctionExpression(potentialComponent)) &&
+      potentialComponent.parameters.length > 0 &&
+      getJSXLikeReturnValueFromFunction(
+        project.checker.getTypeAtLocation(potentialComponent),
+        project,
+      ).length > 0
+    ) {
+      const propsSymbol = project.checker.getSymbolAtLocation(
+        potentialComponent.parameters[0].name,
+      );
+      if (propsSymbol) {
+        return parsePropsType({
+          name: node.name.getText(),
+          type: project.checker.getTypeOfSymbolAtLocation(
+            propsSymbol,
+            propsSymbol.valueDeclaration!,
+          ),
+          location: propsSymbol.valueDeclaration!,
+          shouldInclude,
+          sourceFile: node.getSourceFile(),
+        });
+      }
+    }
+  }
+
+  // handle component factories: x = createComponent()
+  if (
+    checkDeclarations &&
+    node.initializer &&
+    !isStyledFunction(node) &&
+    getJSXLikeReturnValueFromFunction(type, project).length > 0
+  ) {
+    return parseFunctionComponent({
+      node,
+      shouldInclude,
+      project,
+    });
+  }
+
+  return null;
+}
+
+export function getPropsFromComponentNode({
+  node,
+  shouldInclude,
+  project,
+  checkDeclarations,
+}: GetPropsFromComponentDeclarationOptions): ParsedComponent | null {
+  let parsedComponent: ParsedComponent | null = null;
+  // function x(props: type) { return <div/> }
+  if (
+    ts.isFunctionDeclaration(node) &&
+    node.name &&
+    node.parameters.length === 1 &&
+    getJSXLikeReturnValueFromFunction(project.checker.getTypeAtLocation(node.name), project)
+      .length > 0
+  ) {
+    parsedComponent = parseFunctionComponent({ node, shouldInclude, project });
+  } else if (ts.isVariableDeclaration(node)) {
+    parsedComponent = getPropsFromVariableDeclaration({
+      node,
+      project,
+      checkDeclarations,
+      shouldInclude,
+    });
+  } else if (ts.isVariableStatement(node)) {
+    // const x = ...
+    ts.forEachChild(node.declarationList, (variableNode) => {
+      if (parsedComponent != null) {
+        return;
+      }
+
+      // x = (props: type) => { return <div/> }
+      // x = function(props: type) { return <div/> }
+      // x = function y(props: type) { return <div/> }
+      // x = react.memo((props:type) { return <div/> })
+      if (ts.isVariableDeclaration(variableNode) && variableNode.name) {
+        parsedComponent = getPropsFromVariableDeclaration({
+          node: variableNode,
+          project,
+          checkDeclarations,
+          shouldInclude,
+        });
+      }
+
+      if (
+        ts.isClassDeclaration(variableNode) &&
+        variableNode.name &&
+        variableNode.heritageClauses &&
+        variableNode.heritageClauses.length === 1
+      ) {
+        const heritage = variableNode.heritageClauses[0];
+        if (heritage.types.length !== 1) {
+          return;
+        }
+
+        const arg = heritage.types[0];
+        if (!arg.typeArguments) {
+          return;
+        }
+
+        parsedComponent = parsePropsType({
+          shouldInclude,
+          name: variableNode.name.getText(),
+          location: arg.typeArguments[0],
+          type: project.checker.getTypeAtLocation(arg.typeArguments[0]),
+          sourceFile: node.getSourceFile(),
+        });
+      }
+    });
+  }
+
+  return parsedComponent;
+}
diff --git a/packages/api-docs-builder/utils/getPropsFromComponentSymbol.ts b/packages/api-docs-builder/utils/getPropsFromComponentSymbol.ts
deleted file mode 100644
index 42db486478166c..00000000000000
--- a/packages/api-docs-builder/utils/getPropsFromComponentSymbol.ts
+++ /dev/null
@@ -1,239 +0,0 @@
-import * as ts from 'typescript';
-import { TypeScriptProject } from './createTypeScriptProject';
-import resolveExportSpecifier from './resolveExportSpecifier';
-
-export interface ParsedProp {
-  types: ts.Type[];
-}
-
-function isTypeJSXElementLike(type: ts.Type, project: TypeScriptProject): boolean {
-  if (type.isUnion()) {
-    return type.types.every(
-      // eslint-disable-next-line no-bitwise
-      (subType) => subType.flags & ts.TypeFlags.Null || isTypeJSXElementLike(subType, project),
-    );
-  }
-  if (type.symbol) {
-    const name = project.checker.getFullyQualifiedName(type.symbol);
-    return (
-      // Remove once global JSX namespace is no longer used by React
-      name === 'global.JSX.Element' || name === 'React.JSX.Element' || name === 'React.ReactElement'
-    );
-  }
-
-  return false;
-}
-
-function parsePropsSymbol({
-  symbol,
-  location,
-  shouldInclude = () => true,
-  project,
-}: {
-  symbol: ts.Symbol | undefined;
-  location: ts.Node;
-  shouldInclude: (data: { name: string; depth: number }) => boolean;
-  project: TypeScriptProject;
-}): Record<string, ParsedProp> {
-  const type =
-    symbol === undefined
-      ? project.checker.getTypeAtLocation(location)
-      : project.checker.getTypeOfSymbolAtLocation(symbol, location);
-
-  const parsedProps: Record<string, ParsedProp> = {};
-
-  type
-    .getProperties()
-    .filter((property) => shouldInclude({ name: property.getName(), depth: 1 }))
-    .forEach((property) => {
-      parsedProps[property.getName()] = {
-        types: [project.checker.getTypeAtLocation(property.declarations?.[0]!)],
-      };
-    });
-
-  return parsedProps;
-}
-
-function parseFunctionComponent({
-  declaration,
-  shouldInclude,
-  project,
-}: {
-  declaration: ts.VariableDeclaration | ts.FunctionDeclaration;
-  shouldInclude: (data: { name: string; depth: number }) => boolean;
-  project: TypeScriptProject;
-}) {
-  if (!declaration.name) {
-    return null;
-  }
-
-  const symbol = project.checker.getSymbolAtLocation(declaration.name);
-  if (!symbol) {
-    return null;
-  }
-  const componentName = declaration.name.getText();
-
-  // Discriminate render functions to components
-  if (componentName[0].toUpperCase() !== componentName[0]) {
-    return null;
-  }
-
-  const type = project.checker.getTypeOfSymbolAtLocation(symbol, symbol.valueDeclaration!);
-
-  // squash props
-  // { variant: 'a', href: string } & { variant: 'b' }
-  // to
-  // { variant: 'a' | 'b', href?: string }
-
-  const squashedProps: Record<string, ParsedProp> = {};
-
-  type.getCallSignatures().forEach((signature) => {
-    if (!isTypeJSXElementLike(signature.getReturnType(), project)) {
-      return;
-    }
-
-    const signatureProps = parsePropsSymbol({
-      symbol: signature.parameters[0],
-      location: signature.parameters[0].valueDeclaration!,
-      shouldInclude,
-      project,
-    });
-
-    Object.keys(signatureProps).forEach((propName) => {
-      if (!squashedProps[propName]) {
-        squashedProps[propName] = signatureProps[propName];
-      } else {
-        squashedProps[propName] = {
-          ...squashedProps[propName],
-          types: [...squashedProps[propName].types, ...signatureProps[propName].types],
-        };
-      }
-    });
-  });
-
-  return squashedProps;
-}
-
-interface GetPropsFromComponentDeclarationOptions {
-  project: TypeScriptProject;
-  symbol: ts.Symbol;
-  /**
-   * Called before a PropType is added to a component/object
-   * @returns true to include the prop, false to skip it
-   */
-  shouldInclude: (data: { name: string; depth: number }) => boolean;
-}
-export default function getPropsFromComponentSymbol({
-  symbol: inSymbol,
-  shouldInclude,
-  project,
-}: GetPropsFromComponentDeclarationOptions) {
-  const localeSymbol = resolveExportSpecifier(inSymbol, project);
-  const declaration = localeSymbol.valueDeclaration!;
-
-  // function x(props: type) { return <div/> }
-  if (
-    ts.isFunctionDeclaration(declaration) &&
-    declaration.name &&
-    declaration.parameters.length === 1 &&
-    project.checker
-      .getTypeAtLocation(declaration.name)
-      .getCallSignatures()
-      .some((signature) => isTypeJSXElementLike(signature.getReturnType(), project))
-  ) {
-    return parseFunctionComponent({ declaration, shouldInclude, project });
-  }
-
-  // x = (props: type) => { return <div/> }
-  // x = function(props: type) { return <div/> }
-  // x = function y(props: type) { return <div/> }
-  // x = react.memo((props:type) { return <div/> })
-  if (ts.isVariableDeclaration(declaration) && declaration.name) {
-    const type = project.checker.getTypeAtLocation(declaration.name);
-    if (!declaration.initializer) {
-      if (
-        type.aliasSymbol &&
-        type.aliasTypeArguments &&
-        project.checker.getFullyQualifiedName(type.aliasSymbol) === 'React.JSXElementConstructor'
-      ) {
-        const propsSymbol = type.aliasTypeArguments[0].getSymbol();
-        if (propsSymbol === undefined) {
-          throw new TypeError(
-            'Unable to find symbol for `props`. This is a bug in typescript-to-proptypes.',
-          );
-        }
-        return parsePropsSymbol({
-          symbol: propsSymbol,
-          location: declaration.name,
-          shouldInclude,
-          project,
-        });
-      }
-
-      return parseFunctionComponent({ declaration, shouldInclude, project });
-    }
-    if (
-      (ts.isArrowFunction(declaration.initializer) ||
-        ts.isFunctionExpression(declaration.initializer)) &&
-      declaration.initializer.parameters.length === 1
-    ) {
-      return parseFunctionComponent({ declaration, shouldInclude, project });
-    }
-    //  x = react.memo((props:type) { return <div/> })
-    if (
-      ts.isCallExpression(declaration.initializer) &&
-      declaration.initializer.arguments.length > 0
-    ) {
-      const arg = declaration.initializer.arguments[0];
-      if ((ts.isArrowFunction(arg) || ts.isFunctionExpression(arg)) && arg.parameters.length > 0) {
-        const symbol = project.checker.getSymbolAtLocation(arg.parameters[0].name);
-        if (symbol) {
-          return parsePropsSymbol({
-            symbol,
-            location: symbol.valueDeclaration!,
-            shouldInclude,
-            project,
-          });
-        }
-      }
-
-      return null;
-    }
-    // handle component factories: x = createComponent()
-    if (
-      type
-        .getCallSignatures()
-        .some((signature) => isTypeJSXElementLike(signature.getReturnType(), project))
-    ) {
-      return parseFunctionComponent({ declaration, shouldInclude, project });
-    }
-
-    return null;
-  }
-
-  if (
-    ts.isClassDeclaration(declaration) &&
-    declaration.name &&
-    declaration.heritageClauses &&
-    declaration.heritageClauses.length === 1
-  ) {
-    const heritage = declaration.heritageClauses[0];
-    if (heritage.types.length !== 1) {
-      return null;
-    }
-
-    const arg = heritage.types[0];
-    if (!arg.typeArguments) {
-      return null;
-    }
-
-    return parsePropsSymbol({
-      symbol: undefined,
-      location: arg.typeArguments[0],
-      shouldInclude,
-      project,
-    });
-  }
-
-  return null;
-}
diff --git a/packages/api-docs-builder/utils/parseSlotsAndClasses.ts b/packages/api-docs-builder/utils/parseSlotsAndClasses.ts
index e242a5c994a71e..bbde3a594e1eb4 100644
--- a/packages/api-docs-builder/utils/parseSlotsAndClasses.ts
+++ b/packages/api-docs-builder/utils/parseSlotsAndClasses.ts
@@ -3,6 +3,8 @@ import { getSymbolDescription, getSymbolJSDocTags } from '../buildApiUtils';
 import { TypeScriptProject } from './createTypeScriptProject';
 import { Classes } from './parseStyles';
 
+// If GLOBAL_STATE_CLASSES is changed, GlobalStateSlot in
+// \packages\mui-utils\src\generateUtilityClass\generateUtilityClass.ts must be updated accordingly.
 const GLOBAL_STATE_CLASSES: string[] = [
   'active',
   'checked',
@@ -10,8 +12,10 @@ const GLOBAL_STATE_CLASSES: string[] = [
   'disabled',
   'error',
   'expanded',
-  'focusVisible',
   'focused',
+  'focusVisible',
+  'open',
+  'readOnly',
   'required',
   'selected',
 ];
diff --git a/packages/api-docs-builder/utils/parseStyles.ts b/packages/api-docs-builder/utils/parseStyles.ts
index d9a9a0594e7ebe..ccc155095d6208 100644
--- a/packages/api-docs-builder/utils/parseStyles.ts
+++ b/packages/api-docs-builder/utils/parseStyles.ts
@@ -1,7 +1,8 @@
 import * as ts from 'typescript';
 import { getSymbolDescription } from '../buildApiUtils';
 import { TypeScriptProject } from './createTypeScriptProject';
-import getPropsFromComponentSymbol from './getPropsFromComponentSymbol';
+import { getPropsFromComponentNode } from './getPropsFromComponentNode';
+import resolveExportSpecifier from './resolveExportSpecifier';
 
 export interface Classes {
   classes: string[];
@@ -31,6 +32,40 @@ function removeUndefinedFromType(type: ts.Type) {
   return type;
 }
 
+/**
+ * Gets class names and descriptions from the {ComponentName}Classes interface.
+ */
+function extractClasses(project: TypeScriptProject, componentName: string): Styles {
+  const result: Styles = {
+    classes: [],
+    descriptions: {},
+    globalClasses: {},
+    name: null,
+  };
+
+  const classesInterfaceName = `${componentName}Classes`;
+  if (!project.exports[classesInterfaceName]) {
+    return EMPTY_STYLES;
+  }
+
+  const classesType = project.checker.getDeclaredTypeOfSymbol(
+    project.exports[classesInterfaceName],
+  );
+
+  const classesTypeDeclaration = classesType?.symbol?.declarations?.[0];
+  if (classesTypeDeclaration && ts.isInterfaceDeclaration(classesTypeDeclaration)) {
+    const classesProperties = classesType.getProperties();
+    classesProperties.forEach((symbol) => {
+      result.classes.push(symbol.name);
+      result.descriptions[symbol.name] = getSymbolDescription(symbol, project);
+    });
+
+    return result;
+  }
+
+  return EMPTY_STYLES;
+}
+
 export default function parseStyles({
   project,
   componentName,
@@ -44,18 +79,24 @@ export default function parseStyles({
     throw new Error(`No exported component for the componentName "${componentName}"`);
   }
 
-  const classesProp = getPropsFromComponentSymbol({
-    symbol: exportedSymbol,
+  const localeSymbol = resolveExportSpecifier(exportedSymbol, project);
+  const declaration = localeSymbol.valueDeclaration!;
+
+  const classesProp = getPropsFromComponentNode({
+    node: declaration,
     project,
     shouldInclude: ({ name }) => name === 'classes',
-  })?.classes;
+    checkDeclarations: true,
+  })?.props.classes;
   if (classesProp == null) {
-    return EMPTY_STYLES;
+    // We could not infer the type of the classes prop, so we try to extract them from the {ComponentName}Classes interface
+    return extractClasses(project, componentName);
   }
 
   const classes: Record<string, string> = {};
-  classesProp.types.forEach((propType) => {
-    removeUndefinedFromType(propType)
+  classesProp.signatures.forEach((propType) => {
+    const type = project.checker.getTypeAtLocation(propType.symbol.declarations?.[0]!);
+    removeUndefinedFromType(type)
       ?.getProperties()
       .forEach((property) => {
         classes[property.escapedName.toString()] = getSymbolDescription(property, project);
diff --git a/packages/eslint-plugin-material-ui/package.json b/packages/eslint-plugin-material-ui/package.json
index 82321aa14755d0..3b137eb5c24c3d 100644
--- a/packages/eslint-plugin-material-ui/package.json
+++ b/packages/eslint-plugin-material-ui/package.json
@@ -8,8 +8,12 @@
     "emoji-regex": "^10.2.1"
   },
   "devDependencies": {
-    "@types/eslint": "^8.44.1",
-    "@typescript-eslint/parser": "^6.2.1"
+    "@types/eslint": "^8.44.2",
+    "@typescript-eslint/parser": "^6.6.0",
+    "eslint": "^8.47.0"
+  },
+  "peerDependencies": {
+    "eslint": "^8.47.0"
   },
   "scripts": {
     "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/eslint-plugin-material-ui/**/*.test.js'"
diff --git a/packages/eslint-plugin-material-ui/src/index.js b/packages/eslint-plugin-material-ui/src/index.js
index 84df2236832c0a..c6bd0400f8e624 100644
--- a/packages/eslint-plugin-material-ui/src/index.js
+++ b/packages/eslint-plugin-material-ui/src/index.js
@@ -5,4 +5,5 @@ module.exports.rules = {
   'mui-name-matches-component-name': require('./rules/mui-name-matches-component-name'),
   'no-hardcoded-labels': require('./rules/no-hardcoded-labels'),
   'rules-of-use-theme-variants': require('./rules/rules-of-use-theme-variants'),
+  'no-empty-box': require('./rules/no-empty-box'),
 };
diff --git a/packages/eslint-plugin-material-ui/src/rules/disallow-active-elements-as-key-event-target.test.js b/packages/eslint-plugin-material-ui/src/rules/disallow-active-elements-as-key-event-target.test.js
index eb3e7a8ddead5d..785736f28d1aad 100644
--- a/packages/eslint-plugin-material-ui/src/rules/disallow-active-elements-as-key-event-target.test.js
+++ b/packages/eslint-plugin-material-ui/src/rules/disallow-active-elements-as-key-event-target.test.js
@@ -7,13 +7,13 @@ const ruleTester = new eslint.RuleTester({
 });
 ruleTester.run('disallow-active-element-as-key-event-target', rule, {
   valid: [
-    "import { fireEvent } from 'test/utils';\nfireEvent.keyDown(getByRole('button'), { key: ' ' })",
-    "import { fireEvent } from 'test/utils';\nfireEvent.keyDown(document.body, { key: 'Esc' })",
-    "import { fireEvent } from 'test/utils';\nfireEvent.keyUp(document.body, { key: 'Tab' })",
+    "import { fireEvent } from '@mui-internal/test-utils';\nfireEvent.keyDown(getByRole('button'), { key: ' ' })",
+    "import { fireEvent } from '@mui-internal/test-utils';\nfireEvent.keyDown(document.body, { key: 'Esc' })",
+    "import { fireEvent } from '@mui-internal/test-utils';\nfireEvent.keyUp(document.body, { key: 'Tab' })",
   ],
   invalid: [
     {
-      code: "import { fireEvent } from 'test/utils';\nfireEvent.keyUp(document.activeElement, { key: 'LeftArrow' })",
+      code: "import { fireEvent } from '@mui-internal/test-utils';\nfireEvent.keyUp(document.activeElement, { key: 'LeftArrow' })",
       errors: [
         {
           message:
@@ -23,7 +23,7 @@ ruleTester.run('disallow-active-element-as-key-event-target', rule, {
       ],
     },
     {
-      code: "import { fireEvent } from 'test/utils';\nfireEvent.keyDown(document.activeElement, { key: 'DownArrow' })",
+      code: "import { fireEvent } from '@mui-internal/test-utils';\nfireEvent.keyDown(document.activeElement, { key: 'DownArrow' })",
       errors: [
         {
           message:
@@ -54,7 +54,7 @@ ruleTester.run('disallow-active-element-as-key-event-target', rule, {
     },
     {
       // test non-null assertion operator
-      code: "import { fireEvent } from 'test/utils';\nfireEvent.keyUp(document.activeElement!, { key: 'LeftArrow' })",
+      code: "import { fireEvent } from '@mui-internal/test-utils';\nfireEvent.keyUp(document.activeElement!, { key: 'LeftArrow' })",
       errors: [
         {
           message:
diff --git a/packages/eslint-plugin-material-ui/src/rules/no-empty-box.js b/packages/eslint-plugin-material-ui/src/rules/no-empty-box.js
new file mode 100644
index 00000000000000..59fb8066c45d85
--- /dev/null
+++ b/packages/eslint-plugin-material-ui/src/rules/no-empty-box.js
@@ -0,0 +1,58 @@
+/**
+ * @type {import('eslint').Rule.RuleModule}
+ */
+const rule = {
+  meta: {
+    docs: {
+      description: 'Disallow use of <Box /> that should be a DOM host element.',
+    },
+    messages: {
+      emptyBox: 'Empty <Box /> is not allowed, use host DOM element instead: <{{component}}>.',
+    },
+    // fixable: 'code', TODO
+    type: 'suggestion',
+    schema: [],
+  },
+  create(context) {
+    return {
+      JSXOpeningElement(node) {
+        if (node.name.name !== 'Box') {
+          return;
+        }
+
+        let component = 'div';
+        let validUse = false;
+
+        node.attributes.forEach((decl) => {
+          // We can't know, let's say it's ok.
+          if (decl.type === 'JSXSpreadAttribute') {
+            validUse = true;
+            return;
+          }
+
+          const name = decl.name.name;
+
+          if (name === 'component') {
+            component = decl.value.value;
+            return;
+          }
+
+          validUse = true;
+        });
+
+        if (!validUse) {
+          context.report({
+            node,
+            messageId: 'emptyBox',
+            data: { component },
+            // fix: (fixer) => {
+            //   return fixer.replaceTextRange(node.name.range, component);
+            // },
+          });
+        }
+      },
+    };
+  },
+};
+
+module.exports = rule;
diff --git a/packages/eslint-plugin-material-ui/src/rules/no-empty-box.test.js b/packages/eslint-plugin-material-ui/src/rules/no-empty-box.test.js
new file mode 100644
index 00000000000000..983efdef4e874b
--- /dev/null
+++ b/packages/eslint-plugin-material-ui/src/rules/no-empty-box.test.js
@@ -0,0 +1,39 @@
+const eslint = require('eslint');
+const rule = require('./no-empty-box');
+
+const ruleTester = new eslint.RuleTester({
+  parser: require.resolve('@typescript-eslint/parser'),
+  parserOptions: {
+    ecmaFeatures: { jsx: true },
+  },
+});
+
+ruleTester.run('no-empty-box', rule, {
+  valid: ['<Box sx={{ width: 1 }}>Foo</Box>', '<Box sx={{ width: 1 }} />', '<Box {...props} />'],
+  invalid: [
+    {
+      code: '<Box>Foo</Box>',
+      errors: [
+        {
+          messageId: 'emptyBox',
+          type: 'JSXOpeningElement',
+          data: {
+            component: 'div',
+          },
+        },
+      ],
+    },
+    {
+      code: '<Box component="span">Foo</Box>',
+      errors: [
+        {
+          messageId: 'emptyBox',
+          type: 'JSXOpeningElement',
+          data: {
+            component: 'span',
+          },
+        },
+      ],
+    },
+  ],
+});
diff --git a/packages/eslint-plugin-material-ui/src/rules/no-hardcoded-labels.test.js b/packages/eslint-plugin-material-ui/src/rules/no-hardcoded-labels.test.js
index 157371052986b0..c0ae50a8855f0f 100644
--- a/packages/eslint-plugin-material-ui/src/rules/no-hardcoded-labels.test.js
+++ b/packages/eslint-plugin-material-ui/src/rules/no-hardcoded-labels.test.js
@@ -7,6 +7,7 @@ const ruleTester = new eslint.RuleTester({
     ecmaFeatures: { jsx: true },
   },
 });
+
 ruleTester.run('no-hardcoded-labels', rule, {
   valid: [
     '<button>{42}</button>',
diff --git a/packages/feedback/package.json b/packages/feedback/package.json
index e26815b7f80e66..6f01ca4cd3e130 100644
--- a/packages/feedback/package.json
+++ b/packages/feedback/package.json
@@ -25,6 +25,6 @@
     "claudia": "^5.14.1"
   },
   "optionalDependencies": {
-    "aws-sdk": "^2.1425.0"
+    "aws-sdk": "^2.1450.0"
   }
 }
diff --git a/packages/markdown/index.d.ts b/packages/markdown/index.d.ts
index 7f8047214d32e8..a5f9e850f5fe43 100644
--- a/packages/markdown/index.d.ts
+++ b/packages/markdown/index.d.ts
@@ -16,4 +16,4 @@ export function getHeaders(markdown: string): Record<string, string | string[]>;
 
 export function getTitle(markdown: string): string;
 
-export function renderInline(markdown: string): string;
+export function renderMarkdown(markdown: string): string;
diff --git a/packages/markdown/index.js b/packages/markdown/index.js
index af4f8ce269fea1..35b45995fa51c4 100644
--- a/packages/markdown/index.js
+++ b/packages/markdown/index.js
@@ -1,3 +1,3 @@
-const { createRender, getHeaders, getTitle, renderInline } = require('./parseMarkdown');
+const { createRender, getHeaders, getTitle, renderMarkdown } = require('./parseMarkdown');
 
-module.exports = { createRender, getHeaders, getTitle, renderInline };
+module.exports = { createRender, getHeaders, getTitle, renderMarkdown };
diff --git a/packages/markdown/loader.js b/packages/markdown/loader.js
index be88a3033e63a7..99da3ae6403e1c 100644
--- a/packages/markdown/loader.js
+++ b/packages/markdown/loader.js
@@ -1,6 +1,6 @@
 const { promises: fs, readdirSync } = require('fs');
 const path = require('path');
-const { prepareMarkdown } = require('./parseMarkdown');
+const prepareMarkdown = require('./prepareMarkdown');
 const extractImports = require('./extractImports');
 
 const notEnglishMarkdownRegExp = /-([a-z]{2})\.md$/;
@@ -372,9 +372,7 @@ module.exports = async function demoLoader() {
   );
 
   componentNames.forEach((componentName) => {
-    const moduleID = path
-      .join(this.rootContext, 'src', componentName.replace(/^docs\/src/, ''))
-      .replace(/\\/g, '/');
+    const moduleID = path.join(this.rootContext, 'src', componentName).replace(/\\/g, '/');
 
     components[moduleID] = componentName;
     componentModuleIDs.add(moduleID);
diff --git a/packages/markdown/package.json b/packages/markdown/package.json
index fe04b84c548f90..24cd42011094ee 100644
--- a/packages/markdown/package.json
+++ b/packages/markdown/package.json
@@ -10,8 +10,13 @@
     "./prism": "./prism.js"
   },
   "dependencies": {
+    "@babel/runtime": "^7.22.15",
     "lodash": "^4.17.21",
     "marked": "^5.1.2",
     "prismjs": "^1.29.0"
+  },
+  "devDependencies": {
+    "@types/chai": "^4.3.6",
+    "chai": "^4.3.8"
   }
 }
diff --git a/packages/markdown/parseMarkdown.js b/packages/markdown/parseMarkdown.js
index 3eb3af506cd98b..dd58a4aca927ba 100644
--- a/packages/markdown/parseMarkdown.js
+++ b/packages/markdown/parseMarkdown.js
@@ -1,5 +1,4 @@
 const { marked } = require('marked');
-const kebabCase = require('lodash/kebabCase');
 const textToHash = require('./textToHash');
 const prism = require('./prism');
 
@@ -56,6 +55,18 @@ function escape(html, encode) {
 function checkUrlHealth(href, linkText, context) {
   const url = new URL(href, 'https://mui.com/');
 
+  if (/\/{2,}$/.test(url.pathname)) {
+    throw new Error(
+      [
+        'docs-infra: Duplicated trailing slashes. The following link:',
+        `[${linkText}](${href}) in ${context.location} has duplicated trailing slashes, please only add one.`,
+        '',
+        'See https://ahrefs.com/blog/trailing-slash/ for more details.',
+        '',
+      ].join('\n'),
+    );
+  }
+
   // External links to MUI, ignore
   if (url.host !== 'mui.com') {
     return;
@@ -223,13 +234,24 @@ function getCodeblock(content) {
 /**
  * @param {string} markdown
  */
-function renderInline(markdown) {
-  return marked.parseInline(markdown, markedOptions);
+function renderMarkdown(markdown) {
+  // Check if the markdown contains an inline list. Unordered lists are block elements and cannot be parsed inline.
+  if (/[-*+] `([A-Za-z]+)`/g.test(markdown)) {
+    return marked.parse(markdown, markedOptions);
+  }
+  // Two new lines result in a newline in the table.
+  // All other new lines must be eliminated to prevent markdown mayhem.
+  return marked
+    .parseInline(markdown, markedOptions)
+    .replace(/(\r?\n){2}/g, '<br>')
+    .replace(/\r?\n/g, ' ');
 }
 
 // Help rank mui.com on component searches first.
 const noSEOadvantage = [
   'https://m2.material.io/',
+  'https://m3.material.io/',
+  'https://material.io/',
   'https://getbootstrap.com/',
   'https://icons.getbootstrap.com/',
   'https://pictogrammers.com/',
@@ -238,6 +260,9 @@ const noSEOadvantage = [
   'https://heroicons.com/',
   'https://react-icons.github.io/',
   'https://fontawesome.com/',
+  'https://www.radix-ui.com/',
+  'https://react-spectrum.adobe.com/',
+  'https://headlessui.com/',
 ];
 
 /**
@@ -336,6 +361,10 @@ function createRender(context) {
     renderer.link = (href, linkTitle, linkText) => {
       let more = '';
 
+      if (linkTitle) {
+        more += ` title="${linkTitle}"`;
+      }
+
       if (noSEOadvantage.some((domain) => href.indexOf(domain) !== -1)) {
         more = ' target="_blank" rel="noopener nofollow"';
       }
@@ -414,10 +443,20 @@ function createRender(context) {
             }
             return undefined;
           },
+
           renderer(token) {
-            return `<aside class="MuiCallout-root MuiCallout-${token.severity}">${this.parser.parse(
-              token.tokens,
-            )}\n</aside>`;
+            return `<aside class="MuiCallout-root MuiCallout-${token.severity}">
+            ${
+              ['info', 'success', 'warning', 'error'].includes(token.severity)
+                ? [
+                    '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ContentCopyRoundedIcon">',
+                    `<use class="MuiCode-copied-icon" xlink:href="#${token.severity}-icon" />`,
+                    '</svg>',
+                  ].join('\n')
+                : ''
+            }
+            <div class="MuiCallout-content">
+            ${this.parser.parse(token.tokens)}\n</div></aside>`;
           },
         },
       ],
@@ -429,206 +468,6 @@ function createRender(context) {
   return render;
 }
 
-const BaseUIReexportedComponents = ['ClickAwayListener', 'NoSsr', 'Portal', 'TextareaAutosize'];
-
-/**
- * @param {string} productId
- * @example 'material'
- * @param {string} componentPkg
- * @example 'mui-base'
- * @param {string} component
- * @example 'Button'
- * @returns {string}
- */
-function resolveComponentApiUrl(productId, componentPkg, component) {
-  if (!productId) {
-    return `/api/${kebabCase(component)}/`;
-  }
-  if (productId === 'x-date-pickers') {
-    return `/x/api/date-pickers/${kebabCase(component)}/`;
-  }
-  if (productId === 'x-charts') {
-    return `/x/api/charts/${kebabCase(component)}/`;
-  }
-  if (productId === 'x-tree-view') {
-    return `/x/api/tree-view/${kebabCase(component)}/`;
-  }
-  if (componentPkg === 'mui-base' || BaseUIReexportedComponents.indexOf(component) >= 0) {
-    return `/base-ui/react-${kebabCase(component)}/components-api/#${kebabCase(component)}`;
-  }
-  return `/${productId}/api/${kebabCase(component)}/`;
-}
-
-/**
- * @param {object} config
- * @param {Array<{ markdown: string, filename: string, userLanguage: string }>} config.translations - Mapping of locale to its markdown
- * @param {string} config.fileRelativeContext - posix filename relative to repository root directory
- * @param {object} config.options - provided to the webpack loader
- */
-function prepareMarkdown(config) {
-  const { fileRelativeContext, translations, componentPackageMapping = {}, options } = config;
-
-  const demos = {};
-  /**
-   * @type {Record<string, { rendered: Array<string | { component: string } | { demo:string }> }>}
-   */
-  const docs = {};
-  const headingHashes = {};
-
-  translations
-    // Process the English markdown before the other locales.
-    // English ToC anchor links are used in all languages
-    .sort((a) => (a.userLanguage === 'en' ? -1 : 1))
-    .forEach((translation) => {
-      const { filename, markdown, userLanguage } = translation;
-      const headers = getHeaders(markdown);
-      const location = headers.filename || `/${fileRelativeContext}/${filename}`;
-      const title = headers.title || getTitle(markdown);
-      const description = headers.description || getDescription(markdown);
-
-      if (title == null || title === '') {
-        throw new Error(`docs-infra: Missing title in the page: ${location}\n`);
-      }
-
-      if (title.length > 70) {
-        throw new Error(
-          [
-            `docs-infra: The title "${title}" is too long (${title.length} characters).`,
-            'It needs to have fewer than 70 characters—ideally less than 60. For more details, see:',
-            'https://developers.google.com/search/docs/advanced/appearance/title-link',
-            '',
-          ].join('\n'),
-        );
-      }
-
-      if (description == null || description === '') {
-        throw new Error(`docs-infra: Missing description in the page: ${location}\n`);
-      }
-
-      if (description.length > 170) {
-        throw new Error(
-          [
-            `docs-infra: The description "${description}" is too long (${description.length} characters).`,
-            'It needs to have fewer than 170 characters—ideally less than 160. For more details, see:',
-            'https://ahrefs.com/blog/meta-description/#4-be-concise',
-            '',
-          ].join('\n'),
-        );
-      }
-
-      const contents = getContents(markdown);
-
-      if (headers.unstyled) {
-        contents.push(`
-## Unstyled
-
-:::success
-[Base UI](/base-ui/getting-started/) provides a headless ("unstyled") version of this [${title}](${headers.unstyled}). Try it if you need more flexibility in customization and a smaller bundle size.
-:::
-        `);
-      }
-
-      if (headers.components.length > 0) {
-        contents.push(`
-## API
-
-See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.
-
-${headers.components
-  .map((component) => {
-    const componentPkgMap = componentPackageMapping[headers.productId];
-    const componentPkg = componentPkgMap ? componentPkgMap[component] : null;
-    return `- [\`<${component} />\`](${resolveComponentApiUrl(
-      headers.productId,
-      componentPkg,
-      component,
-    )})`;
-  })
-  .join('\n')}
-${headers.hooks
-  .map((hook) => {
-    const componentPkgMap = componentPackageMapping[headers.productId];
-    const componentPkg = componentPkgMap ? componentPkgMap[hook] : null;
-    return `- [\`${hook}\`](${resolveComponentApiUrl(headers.productId, componentPkg, hook)})`;
-  })
-  .join('\n')}
-  `);
-      }
-
-      const toc = [];
-      const render = createRender({
-        headingHashes,
-        toc,
-        userLanguage,
-        location,
-        options,
-      });
-
-      const rendered = contents.map((content) => {
-        if (/^"(demo|component)": "(.*)"/.test(content)) {
-          try {
-            return JSON.parse(`{${content}}`);
-          } catch (err) {
-            console.error('JSON.parse fails with: ', `{${content}}`);
-            console.error(err);
-            return null;
-          }
-        }
-
-        const codeblock = getCodeblock(content);
-
-        if (codeblock) {
-          return codeblock;
-        }
-
-        return render(content);
-      });
-
-      // fragment link symbol
-      rendered.unshift(
-        `<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
-      <symbol id="comment-link-icon" viewBox="0 0 24 24">
-      <path d="M5.025 14H6.95c.183 0 .35-.029.5-.087a1.24 1.24 0 0 0 .425-.288L13.65 7.9a.622.622 0 0 0 .2-.45.622.622 0 0 0-.2-.45l-2.3-2.3a.622.622 0 0 0-.45-.2.622.622 0 0 0-.45.2l-5.725 5.775a1.24 1.24 0 0 0-.287.425 1.37 1.37 0 0 0-.088.5v1.925c0 .184.067.342.2.475a.65.65 0 0 0 .475.2Zm5.325 0h5.725c.367 0 .68-.129.938-.387.258-.258.387-.57.387-.938 0-.366-.13-.679-.387-.937a1.277 1.277 0 0 0-.938-.388H13L10.35 14Zm-5.5 4.4-2.4 2.4c-.417.417-.896.509-1.437.275C.47 20.842.2 20.434.2 19.85V3.55c0-.733.258-1.358.775-1.875A2.554 2.554 0 0 1 2.85.9h16.3c.733 0 1.358.259 1.875.775.517.517.775 1.142.775 1.875v12.2c0 .734-.258 1.359-.775 1.875a2.554 2.554 0 0 1-1.875.775H4.85Z"/>
-      </symbol>
-      </svg>`,
-      );
-
-      rendered.unshift(
-        `<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
-        <symbol id="anchor-link-icon" viewBox="0 0 12 6">
-          <path d="M8.9176 0.083252H7.1676C6.84677 0.083252 6.58427 0.345752 6.58427 0.666585C6.58427 0.987419 6.84677 1.24992 7.1676 1.24992H8.9176C9.8801 1.24992 10.6676 2.03742 10.6676 2.99992C10.6676 3.96242 9.8801 4.74992 8.9176 4.74992H7.1676C6.84677 4.74992 6.58427 5.01242 6.58427 5.33325C6.58427 5.65409 6.84677 5.91659 7.1676 5.91659H8.9176C10.5276 5.91659 11.8343 4.60992 11.8343 2.99992C11.8343 1.38992 10.5276 0.083252 8.9176 0.083252ZM3.6676 2.99992C3.6676 3.32075 3.9301 3.58325 4.25094 3.58325H7.75094C8.07177 3.58325 8.33427 3.32075 8.33427 2.99992C8.33427 2.67909 8.07177 2.41659 7.75094 2.41659H4.25094C3.9301 2.41659 3.6676 2.67909 3.6676 2.99992ZM4.83427 4.74992H3.08427C2.12177 4.74992 1.33427 3.96242 1.33427 2.99992C1.33427 2.03742 2.12177 1.24992 3.08427 1.24992H4.83427C5.1551 1.24992 5.4176 0.987419 5.4176 0.666585C5.4176 0.345752 5.1551 0.083252 4.83427 0.083252H3.08427C1.47427 0.083252 0.167603 1.38992 0.167603 2.99992C0.167603 4.60992 1.47427 5.91659 3.08427 5.91659H4.83427C5.1551 5.91659 5.4176 5.65409 5.4176 5.33325C5.4176 5.01242 5.1551 4.74992 4.83427 4.74992Z" />
-        </symbol>
-    </svg>`,
-      );
-
-      rendered.unshift(
-        `<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
-      <symbol id="copy-icon" viewBox="0 0 24 24">
-      <path d="M15 20H5V7c0-.55-.45-1-1-1s-1 .45-1 1v13c0 1.1.9 2 2 2h10c.55 0 1-.45 1-1s-.45-1-1-1zm5-4V4c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2zm-2 0H9V4h9v12z" />
-      +</symbol>
-      </svg>`,
-      );
-
-      rendered.unshift(`
-      <svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
-      <symbol id="copied-icon" viewBox="0 0 24 24">
-        <path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.24 11.28L9.69 11.2c-.38-.39-.38-1.01 0-1.4.39-.39 1.02-.39 1.41 0l1.36 1.37 4.42-4.46c.39-.39 1.02-.39 1.41 0 .38.39.38 1.01 0 1.4l-5.13 5.17c-.37.4-1.01.4-1.4 0zM3 6c-.55 0-1 .45-1 1v13c0 1.1.9 2 2 2h13c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1-.45-1-1V7c0-.55-.45-1-1-1z" />
-      </symbol>
-      </svg>`);
-
-      docs[userLanguage] = {
-        description,
-        location,
-        rendered,
-        toc,
-        title,
-        headers,
-      };
-    });
-
-  return { demos, docs };
-}
-
 module.exports = {
   createRender,
   getContents,
@@ -636,6 +475,5 @@ module.exports = {
   getCodeblock,
   getHeaders,
   getTitle,
-  prepareMarkdown,
-  renderInline,
+  renderMarkdown,
 };
diff --git a/packages/markdown/parseMarkdown.test.js b/packages/markdown/parseMarkdown.test.js
index 35beaba4bfdde9..53bf142babe0d0 100644
--- a/packages/markdown/parseMarkdown.test.js
+++ b/packages/markdown/parseMarkdown.test.js
@@ -4,18 +4,11 @@ import {
   getDescription,
   getTitle,
   getHeaders,
-  prepareMarkdown,
   getCodeblock,
+  renderMarkdown,
 } from './parseMarkdown';
 
 describe('parseMarkdown', () => {
-  const defaultParams = {
-    fileRelativeContext: 'test/bar',
-    options: {
-      env: {},
-    },
-  };
-
   describe('getTitle', () => {
     it('remove backticks', () => {
       expect(
@@ -200,369 +193,6 @@ authors:
     });
   });
 
-  describe('prepareMarkdown', () => {
-    it('returns the table of contents with html and emojis preserved and <a> tags stripped', () => {
-      const markdown = `
-# Support
-
-<p class="description">Foo</p>
-
-## Community help (free)
-### GitHub <img src="/static/images/logos/github.svg" width="24" height="24" alt="GitHub logo" loading="lazy" />
-### Unofficial 👍
-### Warning ⚠️
-### Header with Pro plan [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan)
-### Header with \`code\`
-`;
-
-      const {
-        docs: {
-          en: { toc },
-        },
-      } = prepareMarkdown({
-        ...defaultParams,
-        translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
-      });
-
-      expect(toc).to.have.deep.ordered.members([
-        {
-          children: [
-            {
-              hash: 'github',
-              level: 3,
-              text: 'GitHub <img src="/static/images/logos/github.svg" width="24" height="24" alt="GitHub logo" loading="lazy" />',
-            },
-            { hash: 'unofficial', level: 3, text: 'Unofficial 👍' },
-            { hash: 'warning', level: 3, text: 'Warning ⚠️' },
-            {
-              hash: 'header-with-pro-plan',
-              level: 3,
-              text: 'Header with Pro plan <span class="plan-pro"></span>',
-            },
-            {
-              hash: 'header-with-code',
-              level: 3,
-              text: 'Header with code',
-            },
-          ],
-          hash: 'community-help-free',
-          level: 2,
-          text: 'Community help (free)',
-        },
-      ]);
-    });
-
-    it('enables word-break for function signatures', () => {
-      const markdown = `
-# Theming
-
-<p class="description">Foo</p>
-
-## API
-### responsiveFontSizes(theme, options) => theme
-### createTheme(options, ...args) => theme
-`;
-
-      const {
-        docs: {
-          en: { toc },
-        },
-      } = prepareMarkdown({
-        ...defaultParams,
-        translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
-      });
-
-      expect(toc).to.have.deep.ordered.members([
-        {
-          children: [
-            {
-              hash: 'responsivefontsizes-theme-options-theme',
-              level: 3,
-              text: 'responsiveFontSizes(&#8203;theme, options) =&gt; theme',
-            },
-            {
-              hash: 'createtheme-options-args-theme',
-              level: 3,
-              text: 'createTheme(&#8203;options, ...args) =&gt; theme',
-            },
-          ],
-          hash: 'api',
-          level: 2,
-          text: 'API',
-        },
-      ]);
-    });
-
-    it('use english hash for different locales', () => {
-      const markdownEn = `
-# Localization
-
-<p class="description">Foo</p>
-
-## Locales
-### Example
-### Use same hash
-`;
-
-      const markdownPt = `
-# Localização
-
-<p class="description">Foo</p>
-
-## Idiomas
-### Exemplo
-### Usar o mesmo hash
-`;
-
-      const markdownZh = `
-# 所在位置
-
-<p class="description">Foo</p>
-
-## 语言环境
-### 例
-### 使用相同的哈希
-`;
-      const {
-        docs: {
-          en: { toc: tocEn },
-          pt: { toc: tocPt },
-          zh: { toc: tocZh },
-        },
-      } = prepareMarkdown({
-        pageFilename: '/same-hash-test',
-        translations: [
-          { filename: 'localization.md', markdown: markdownEn, userLanguage: 'en' },
-          { filename: 'localization-pt.md', markdown: markdownPt, userLanguage: 'pt' },
-          { filename: 'localization-zh.md', markdown: markdownZh, userLanguage: 'zh' },
-        ],
-      });
-
-      expect(tocZh).to.have.deep.ordered.members([
-        {
-          children: [
-            {
-              hash: 'example',
-              level: 3,
-              text: '例',
-            },
-            {
-              hash: 'use-same-hash',
-              level: 3,
-              text: '使用相同的哈希',
-            },
-          ],
-          hash: 'locales',
-          level: 2,
-          text: '语言环境',
-        },
-      ]);
-
-      expect(tocPt).to.have.deep.ordered.members([
-        {
-          children: [
-            {
-              hash: 'example',
-              level: 3,
-              text: 'Exemplo',
-            },
-            {
-              hash: 'use-same-hash',
-              level: 3,
-              text: 'Usar o mesmo hash',
-            },
-          ],
-          hash: 'locales',
-          level: 2,
-          text: 'Idiomas',
-        },
-      ]);
-
-      expect(tocEn).to.have.deep.ordered.members([
-        {
-          children: [
-            {
-              hash: 'example',
-              level: 3,
-              text: 'Example',
-            },
-            {
-              hash: 'use-same-hash',
-              level: 3,
-              text: 'Use same hash',
-            },
-          ],
-          hash: 'locales',
-          level: 2,
-          text: 'Locales',
-        },
-      ]);
-    });
-
-    it('use translated hash for translations are not synced', () => {
-      const markdownEn = `
-# Localization
-
-<p class="description">Foo</p>
-
-## Locales
-### Example
-### Use same hash
-`;
-
-      const markdownPt = `
-# Localização
-
-<p class="description">Foo</p>
-
-## Idiomas
-### Exemplo
-### Usar o mesmo hash
-### Usar traduzido
-`;
-
-      const {
-        docs: {
-          en: { toc: tocEn },
-          pt: { toc: tocPt },
-        },
-      } = prepareMarkdown({
-        pageFilename: '/same-hash-test',
-        translations: [
-          { filename: 'localization.md', markdown: markdownEn, userLanguage: 'en' },
-          { filename: 'localization-pt.md', markdown: markdownPt, userLanguage: 'pt' },
-        ],
-      });
-
-      expect(tocPt).to.have.deep.ordered.members([
-        {
-          children: [
-            {
-              hash: 'example',
-              level: 3,
-              text: 'Exemplo',
-            },
-            {
-              hash: 'use-same-hash',
-              level: 3,
-              text: 'Usar o mesmo hash',
-            },
-            {
-              hash: 'usar-traduzido',
-              level: 3,
-              text: 'Usar traduzido',
-            },
-          ],
-          hash: 'locales',
-          level: 2,
-          text: 'Idiomas',
-        },
-      ]);
-
-      expect(tocEn).to.have.deep.ordered.members([
-        {
-          children: [
-            {
-              hash: 'example',
-              level: 3,
-              text: 'Example',
-            },
-            {
-              hash: 'use-same-hash',
-              level: 3,
-              text: 'Use same hash',
-            },
-          ],
-          hash: 'locales',
-          level: 2,
-          text: 'Locales',
-        },
-      ]);
-    });
-
-    it('should report missing trailing splashes', () => {
-      const markdown = `
-# Localization
-
-<p class="description">Foo</p>
-
-[bar](/bar/)
-[foo](/foo)
-`;
-
-      expect(() => {
-        prepareMarkdown({
-          ...defaultParams,
-          translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
-        });
-      }).to.throw(`docs-infra: Missing trailing slash. The following link:
-[foo](/foo) in /test/bar/index.md is missing a trailing slash, please add it.
-
-See https://ahrefs.com/blog/trailing-slash/ for more details.
-`);
-    });
-
-    it('should report missing leading splashes', () => {
-      const markdown = `
-# Localization
-
-<p class="description">Foo</p>
-
-[bar](/bar/)
-[foo](foo/)
-`;
-
-      expect(() => {
-        prepareMarkdown({
-          ...defaultParams,
-          translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
-        });
-      }).to.throw(`docs-infra: Missing leading slash. The following link:
-[foo](foo/) in /test/bar/index.md is missing a leading slash, please add it.
-`);
-    });
-
-    it('should report title too long', () => {
-      const markdown = `
-# Foooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
-
-<p class="description">Foo</p>
-
-`;
-
-      expect(() => {
-        prepareMarkdown({
-          ...defaultParams,
-          translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
-        });
-      }).to
-        .throw(`docs-infra: The title "Foooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo" is too long (117 characters).
-It needs to have fewer than 70 characters—ideally less than 60. For more details, see:
-https://developers.google.com/search/docs/advanced/appearance/title-link
-`);
-    });
-
-    it('should report description too long', () => {
-      const markdown = `
-# Foo
-
-<p class="description">Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo</p>
-
-`;
-
-      expect(() => {
-        prepareMarkdown({
-          ...defaultParams,
-          translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
-        });
-      }).to
-        .throw(`docs-infra: The description "Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo" is too long (188 characters).
-It needs to have fewer than 170 characters—ideally less than 160. For more details, see:
-https://ahrefs.com/blog/meta-description/#4-be-concise
-`);
-    });
-  });
-
   describe('getCodeblock', () => {
     it('should return undefined if no codeblock found', () => {
       const codeblock = getCodeblock('## Tabs');
@@ -612,30 +242,38 @@ https://ahrefs.com/blog/meta-description/#4-be-concise
     });
   });
 
-  it('should not accept sh', () => {
-    const markdown = `
-# Foo
-
-<p class="description">Fo</p>
-
-\`\`\`sh
-npm install @mui/material
-\`\`\`
-
-`;
-
-    expect(() => {
-      prepareMarkdown({
-        ...defaultParams,
-        translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
-      });
-    }).to.throw(`docs-infra: Unsupported language: "sh" in:
-
-\`\`\`sh
-npm install @mui/material
-\`\`\`
+  describe('renderMarkdown', () => {
+    it('should render markdown lists correctly', () => {
+      expect(
+        renderMarkdown(
+          [
+            'The track presentation:',
+            '- `normal` the track will render a bar representing the slider value.',
+            '- `inverted` the track will render a bar representing the remaining slider value.',
+            '- `false` the track will render without a bar.',
+          ].join('\n'),
+        ),
+      ).to.equal(
+        [
+          '<p>The track presentation:</p>',
+          '<ul>',
+          '<li><code>normal</code> the track will render a bar representing the slider value.</li>',
+          '<li><code>inverted</code> the track will render a bar representing the remaining slider value.</li>',
+          '<li><code>false</code> the track will render without a bar.</li>',
+          '</ul>',
+          '',
+        ].join('\n'),
+      );
+    });
 
-Use "bash" instead.
-`);
+    it('should render inline descriptions correctly', () => {
+      expect(
+        renderMarkdown(
+          'Allows to control whether the dropdown is open. This is a controlled counterpart of `defaultOpen`.',
+        ),
+      ).to.equal(
+        'Allows to control whether the dropdown is open. This is a controlled counterpart of <code>defaultOpen</code>.',
+      );
+    });
   });
 });
diff --git a/packages/markdown/prepareMarkdown.js b/packages/markdown/prepareMarkdown.js
new file mode 100644
index 00000000000000..8af10d4a47c5f8
--- /dev/null
+++ b/packages/markdown/prepareMarkdown.js
@@ -0,0 +1,259 @@
+const fs = require('fs');
+const path = require('path');
+const kebabCase = require('lodash/kebabCase');
+const {
+  createRender,
+  getContents,
+  getDescription,
+  getCodeblock,
+  getHeaders,
+  getTitle,
+} = require('./parseMarkdown');
+
+const BaseUIReexportedComponents = ['ClickAwayListener', 'NoSsr', 'Portal', 'TextareaAutosize'];
+
+/**
+ * @param {string} productId
+ * @example 'material'
+ * @param {string} componentPkg
+ * @example 'mui-base'
+ * @param {string} component
+ * @example 'Button'
+ * @returns {string}
+ */
+function resolveComponentApiUrl(productId, componentPkg, component) {
+  if (!productId) {
+    return `/api/${kebabCase(component)}/`;
+  }
+  if (productId === 'x-date-pickers') {
+    return `/x/api/date-pickers/${kebabCase(component)}/`;
+  }
+  if (productId === 'x-charts') {
+    return `/x/api/charts/${kebabCase(component)}/`;
+  }
+  if (productId === 'x-tree-view') {
+    return `/x/api/tree-view/${kebabCase(component)}/`;
+  }
+  if (componentPkg === 'mui-base' || BaseUIReexportedComponents.indexOf(component) >= 0) {
+    return `/base-ui/react-${kebabCase(component)}/components-api/#${kebabCase(component)}`;
+  }
+  return `/${productId}/api/${kebabCase(component)}/`;
+}
+
+/**
+ * @param {object} config
+ * @param {Array<{ markdown: string, filename: string, userLanguage: string }>} config.translations - Mapping of locale to its markdown
+ * @param {string} config.fileRelativeContext - posix filename relative to repository root directory
+ * @param {object} config.options - provided to the webpack loader
+ */
+function prepareMarkdown(config) {
+  const { fileRelativeContext, translations, componentPackageMapping = {}, options } = config;
+
+  const demos = {};
+  /**
+   * @type {Record<string, { rendered: Array<string | { component: string } | { demo:string }> }>}
+   */
+  const docs = {};
+  const headingHashes = {};
+
+  translations
+    // Process the English markdown before the other locales.
+    // English ToC anchor links are used in all languages
+    .sort((a) => (a.userLanguage === 'en' ? -1 : 1))
+    .forEach((translation) => {
+      const { filename, markdown, userLanguage } = translation;
+      const headers = getHeaders(markdown);
+      const location = headers.filename || `/${fileRelativeContext}/${filename}`;
+      const title = headers.title || getTitle(markdown);
+      const description = headers.description || getDescription(markdown);
+
+      if (title == null || title === '') {
+        throw new Error(`docs-infra: Missing title in the page: ${location}\n`);
+      }
+
+      if (title.length > 70) {
+        throw new Error(
+          [
+            `docs-infra: The title "${title}" is too long (${title.length} characters).`,
+            'It needs to have fewer than 70 characters—ideally less than 60. For more details, see:',
+            'https://developers.google.com/search/docs/advanced/appearance/title-link',
+            '',
+          ].join('\n'),
+        );
+      }
+
+      if (description == null || description === '') {
+        throw new Error(`docs-infra: Missing description in the page: ${location}\n`);
+      }
+
+      if (description.length > 170) {
+        throw new Error(
+          [
+            `docs-infra: The description "${description}" is too long (${description.length} characters).`,
+            'It needs to have fewer than 170 characters—ideally less than 160. For more details, see:',
+            'https://ahrefs.com/blog/meta-description/#4-be-concise',
+            '',
+          ].join('\n'),
+        );
+      }
+
+      const contents = getContents(markdown);
+
+      if (headers.unstyled) {
+        contents.push(`
+## Unstyled
+
+:::success
+[Base UI](/base-ui/) provides a headless ("unstyled") version of this [${title}](${headers.unstyled}). Try it if you need more flexibility in customization and a smaller bundle size.
+:::
+        `);
+      }
+
+      if (headers.components.length > 0) {
+        contents.push(`
+## API
+
+See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.
+
+${headers.components
+  .map((component) => {
+    const componentPkgMap = componentPackageMapping[headers.productId];
+    const componentPkg = componentPkgMap ? componentPkgMap[component] : null;
+    return `- [\`<${component} />\`](${resolveComponentApiUrl(
+      headers.productId,
+      componentPkg,
+      component,
+    )})`;
+  })
+  .join('\n')}
+${headers.hooks
+  .map((hook) => {
+    const componentPkgMap = componentPackageMapping[headers.productId];
+    const componentPkg = componentPkgMap ? componentPkgMap[hook] : null;
+    return `- [\`${hook}\`](${resolveComponentApiUrl(headers.productId, componentPkg, hook)})`;
+  })
+  .join('\n')}
+  `);
+      }
+
+      const toc = [];
+      const render = createRender({
+        headingHashes,
+        toc,
+        userLanguage,
+        location,
+        options,
+      });
+
+      const rendered = contents.map((content) => {
+        if (/^"(demo|component)": "(.*)"/.test(content)) {
+          try {
+            return JSON.parse(`{${content}}`);
+          } catch (err) {
+            console.error('JSON.parse fails with: ', `{${content}}`);
+            console.error(err);
+            return null;
+          }
+        }
+
+        const codeblock = getCodeblock(content);
+
+        if (codeblock) {
+          return codeblock;
+        }
+
+        return render(content);
+      });
+
+      // fragment link symbol
+      rendered.unshift(
+        `<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
+      <symbol id="comment-link-icon" viewBox="0 0 24 24">
+      <path d="M5.025 14H6.95c.183 0 .35-.029.5-.087a1.24 1.24 0 0 0 .425-.288L13.65 7.9a.622.622 0 0 0 .2-.45.622.622 0 0 0-.2-.45l-2.3-2.3a.622.622 0 0 0-.45-.2.622.622 0 0 0-.45.2l-5.725 5.775a1.24 1.24 0 0 0-.287.425 1.37 1.37 0 0 0-.088.5v1.925c0 .184.067.342.2.475a.65.65 0 0 0 .475.2Zm5.325 0h5.725c.367 0 .68-.129.938-.387.258-.258.387-.57.387-.938 0-.366-.13-.679-.387-.937a1.277 1.277 0 0 0-.938-.388H13L10.35 14Zm-5.5 4.4-2.4 2.4c-.417.417-.896.509-1.437.275C.47 20.842.2 20.434.2 19.85V3.55c0-.733.258-1.358.775-1.875A2.554 2.554 0 0 1 2.85.9h16.3c.733 0 1.358.259 1.875.775.517.517.775 1.142.775 1.875v12.2c0 .734-.258 1.359-.775 1.875a2.554 2.554 0 0 1-1.875.775H4.85Z"/>
+      </symbol>
+      </svg>`,
+      );
+
+      rendered.unshift(
+        `<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
+        <symbol id="anchor-link-icon" viewBox="0 0 12 6">
+          <path d="M8.9176 0.083252H7.1676C6.84677 0.083252 6.58427 0.345752 6.58427 0.666585C6.58427 0.987419 6.84677 1.24992 7.1676 1.24992H8.9176C9.8801 1.24992 10.6676 2.03742 10.6676 2.99992C10.6676 3.96242 9.8801 4.74992 8.9176 4.74992H7.1676C6.84677 4.74992 6.58427 5.01242 6.58427 5.33325C6.58427 5.65409 6.84677 5.91659 7.1676 5.91659H8.9176C10.5276 5.91659 11.8343 4.60992 11.8343 2.99992C11.8343 1.38992 10.5276 0.083252 8.9176 0.083252ZM3.6676 2.99992C3.6676 3.32075 3.9301 3.58325 4.25094 3.58325H7.75094C8.07177 3.58325 8.33427 3.32075 8.33427 2.99992C8.33427 2.67909 8.07177 2.41659 7.75094 2.41659H4.25094C3.9301 2.41659 3.6676 2.67909 3.6676 2.99992ZM4.83427 4.74992H3.08427C2.12177 4.74992 1.33427 3.96242 1.33427 2.99992C1.33427 2.03742 2.12177 1.24992 3.08427 1.24992H4.83427C5.1551 1.24992 5.4176 0.987419 5.4176 0.666585C5.4176 0.345752 5.1551 0.083252 4.83427 0.083252H3.08427C1.47427 0.083252 0.167603 1.38992 0.167603 2.99992C0.167603 4.60992 1.47427 5.91659 3.08427 5.91659H4.83427C5.1551 5.91659 5.4176 5.65409 5.4176 5.33325C5.4176 5.01242 5.1551 4.74992 4.83427 4.74992Z" />
+        </symbol>
+    </svg>`,
+      );
+
+      rendered.unshift(
+        `<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
+      <symbol id="copy-icon" viewBox="0 0 24 24">
+      <path d="M15 20H5V7c0-.55-.45-1-1-1s-1 .45-1 1v13c0 1.1.9 2 2 2h10c.55 0 1-.45 1-1s-.45-1-1-1zm5-4V4c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2zm-2 0H9V4h9v12z" />
+      +</symbol>
+      </svg>`,
+      );
+
+      rendered.unshift(`
+      <svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
+      <symbol id="copied-icon" viewBox="0 0 24 24">
+        <path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.24 11.28L9.69 11.2c-.38-.39-.38-1.01 0-1.4.39-.39 1.02-.39 1.41 0l1.36 1.37 4.42-4.46c.39-.39 1.02-.39 1.41 0 .38.39.38 1.01 0 1.4l-5.13 5.17c-.37.4-1.01.4-1.4 0zM3 6c-.55 0-1 .45-1 1v13c0 1.1.9 2 2 2h13c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1-.45-1-1V7c0-.55-.45-1-1-1z" />
+      </symbol>
+      </svg>`);
+
+      // icons for callout (info, success, warning, error)
+
+      rendered.unshift(
+        `<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
+      <symbol id="info-icon" viewBox="0 0 20 20">
+      <path d="M9.996 14c.21 0 .39-.072.535-.216a.72.72 0 0 0 .219-.534v-3.5a.728.728 0 0 0-.214-.534.72.72 0 0 0-.532-.216.734.734 0 0 0-.535.216.72.72 0 0 0-.219.534v3.5c0 .213.071.39.214.534a.72.72 0 0 0 .532.216Zm0-6.5c.21 0 .39-.071.535-.214a.714.714 0 0 0 .219-.532.736.736 0 0 0-.214-.535.714.714 0 0 0-.532-.219.736.736 0 0 0-.535.214.714.714 0 0 0-.219.532c0 .21.071.39.214.535.143.146.32.219.532.219Zm.01 10.5a7.81 7.81 0 0 1-3.11-.625 8.065 8.065 0 0 1-2.552-1.719 8.066 8.066 0 0 1-1.719-2.551A7.818 7.818 0 0 1 2 9.99c0-1.104.208-2.14.625-3.105a8.066 8.066 0 0 1 4.27-4.26A7.818 7.818 0 0 1 10.009 2a7.75 7.75 0 0 1 3.106.625 8.083 8.083 0 0 1 4.26 4.265A7.77 7.77 0 0 1 18 9.994a7.81 7.81 0 0 1-.625 3.11 8.066 8.066 0 0 1-1.719 2.552 8.083 8.083 0 0 1-2.546 1.719 7.77 7.77 0 0 1-3.104.625Z"/>
+      </symbol>
+      </svg>`,
+      );
+      rendered.unshift(
+        `<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
+      <symbol id="success-icon" viewBox="0 0 20 20">
+      <path d="m8.938 10.875-1.25-1.23a.718.718 0 0 0-.521-.228.718.718 0 0 0-.521.229.73.73 0 0 0 0 1.062l1.77 1.771c.153.153.327.23.521.23a.718.718 0 0 0 .521-.23l3.896-3.896a.73.73 0 0 0 0-1.062.718.718 0 0 0-.52-.23.718.718 0 0 0-.521.23l-3.376 3.354ZM10 18a7.796 7.796 0 0 1-3.104-.625 8.065 8.065 0 0 1-2.552-1.719 8.064 8.064 0 0 1-1.719-2.552A7.797 7.797 0 0 1 2 10c0-1.111.208-2.15.625-3.115a8.064 8.064 0 0 1 4.27-4.26A7.797 7.797 0 0 1 10 2c1.111 0 2.15.208 3.115.625a8.096 8.096 0 0 1 4.26 4.26C17.792 7.851 18 8.89 18 10a7.797 7.797 0 0 1-.625 3.104 8.066 8.066 0 0 1-4.26 4.271A7.774 7.774 0 0 1 10 18Z"/>
+      </symbol>
+      </svg>`,
+      );
+      rendered.unshift(
+        `<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
+      <symbol id="warning-icon" viewBox="0 0 20 20">
+      <path d="M2.33 17a.735.735 0 0 1-.665-.375.631.631 0 0 1-.094-.375.898.898 0 0 1 .115-.396L9.353 3.062a.621.621 0 0 1 .281-.27.85.85 0 0 1 .729 0 .622.622 0 0 1 .281.27l7.667 12.792c.07.125.108.257.114.396a.63.63 0 0 1-.093.375.842.842 0 0 1-.271.27.728.728 0 0 1-.394.105H2.33Zm7.664-2.5c.211 0 .39-.072.536-.214a.714.714 0 0 0 .218-.532.736.736 0 0 0-.214-.535.714.714 0 0 0-.531-.22.736.736 0 0 0-.536.215.714.714 0 0 0-.219.531c0 .212.072.39.215.536.143.146.32.219.531.219Zm0-2.5c.211 0 .39-.072.536-.216a.72.72 0 0 0 .218-.534v-2.5a.728.728 0 0 0-.214-.534.72.72 0 0 0-.531-.216.734.734 0 0 0-.536.216.72.72 0 0 0-.219.534v2.5c0 .212.072.39.215.534a.72.72 0 0 0 .531.216Z"/>
+      </symbol>
+      </svg>`,
+      );
+      rendered.unshift(
+        `<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
+      <symbol id="error-icon" viewBox="0 0 20 20">
+      <path fill-rule="evenodd" d="M2 7.4v5.2a2 2 0 0 0 .586 1.414l3.4 3.4A2 2 0 0 0 7.4 18h5.2a2 2 0 0 0 1.414-.586l3.4-3.4A2 2 0 0 0 18 12.6V7.4a2 2 0 0 0-.586-1.414l-3.4-3.4A2 2 0 0 0 12.6 2H7.4a2 2 0 0 0-1.414.586l-3.4 3.4A2 2 0 0 0 2 7.4Zm11.03-.43a.75.75 0 0 1 0 1.06L11.06 10l1.97 1.97a.75.75 0 1 1-1.06 1.06L10 11.06l-1.97 1.97a.75.75 0 0 1-1.06-1.06L8.94 10 6.97 8.03a.75.75 0 0 1 1.06-1.06L10 8.94l1.97-1.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
+      </symbol>
+      </svg>`,
+      );
+      docs[userLanguage] = {
+        description,
+        location,
+        rendered,
+        toc,
+        title,
+        headers,
+      };
+    });
+
+  if (docs.en.headers.card === 'true') {
+    const slug = docs.en.location.replace(/(.*)\/(.*)\.md/, '$2');
+    const exists = fs.existsSync(
+      path.resolve(__dirname, `../../docs/public/static/blog/${slug}/card.png`),
+    );
+
+    if (!exists) {
+      throw new Error(
+        [
+          `MUI: the card image for the blog post "${slug}" is missing.`,
+          `Add a docs/public/static/blog/${slug}/card.png file and then restart Next.js or else remove card: true from the headers.`,
+        ].join('\n'),
+      );
+    }
+  }
+
+  return { demos, docs };
+}
+
+module.exports = prepareMarkdown;
diff --git a/packages/markdown/prepareMarkdown.test.js b/packages/markdown/prepareMarkdown.test.js
new file mode 100644
index 00000000000000..0acb80e3d798c5
--- /dev/null
+++ b/packages/markdown/prepareMarkdown.test.js
@@ -0,0 +1,417 @@
+import { expect } from 'chai';
+import prepareMarkdown from './prepareMarkdown';
+
+describe('prepareMarkdown', () => {
+  const defaultParams = {
+    fileRelativeContext: 'test/bar',
+    options: {
+      env: {},
+    },
+  };
+
+  it('returns the table of contents with html and emojis preserved and <a> tags stripped', () => {
+    const markdown = `
+# Support
+
+<p class="description">Foo</p>
+
+## Community help (free)
+### GitHub <img src="/static/images/logos/github.svg" width="24" height="24" alt="GitHub logo" loading="lazy" />
+### Unofficial 👍
+### Warning ⚠️
+### Header with Pro plan <a title="Pro plan" href="/x/introduction/licensing/#plan-pro"><span class="plan-pro"></span></a>
+### Header with \`code\`
+`;
+
+    const {
+      docs: {
+        en: { toc },
+      },
+    } = prepareMarkdown({
+      ...defaultParams,
+      translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
+    });
+
+    expect(toc).to.have.deep.ordered.members([
+      {
+        children: [
+          {
+            hash: 'github',
+            level: 3,
+            text: 'GitHub <img src="/static/images/logos/github.svg" width="24" height="24" alt="GitHub logo" loading="lazy" />',
+          },
+          { hash: 'unofficial', level: 3, text: 'Unofficial 👍' },
+          { hash: 'warning', level: 3, text: 'Warning ⚠️' },
+          {
+            hash: 'header-with-pro-plan',
+            level: 3,
+            text: 'Header with Pro plan <span class="plan-pro"></span>',
+          },
+          {
+            hash: 'header-with-code',
+            level: 3,
+            text: 'Header with code',
+          },
+        ],
+        hash: 'community-help-free',
+        level: 2,
+        text: 'Community help (free)',
+      },
+    ]);
+  });
+
+  it('enables word-break for function signatures', () => {
+    const markdown = `
+# Theming
+
+<p class="description">Foo</p>
+
+## API
+### responsiveFontSizes(theme, options) => theme
+### createTheme(options, ...args) => theme
+`;
+
+    const {
+      docs: {
+        en: { toc },
+      },
+    } = prepareMarkdown({
+      ...defaultParams,
+      translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
+    });
+
+    expect(toc).to.have.deep.ordered.members([
+      {
+        children: [
+          {
+            hash: 'responsivefontsizes-theme-options-theme',
+            level: 3,
+            text: 'responsiveFontSizes(&#8203;theme, options) =&gt; theme',
+          },
+          {
+            hash: 'createtheme-options-args-theme',
+            level: 3,
+            text: 'createTheme(&#8203;options, ...args) =&gt; theme',
+          },
+        ],
+        hash: 'api',
+        level: 2,
+        text: 'API',
+      },
+    ]);
+  });
+
+  it('use english hash for different locales', () => {
+    const markdownEn = `
+# Localization
+
+<p class="description">Foo</p>
+
+## Locales
+### Example
+### Use same hash
+`;
+
+    const markdownPt = `
+# Localização
+
+<p class="description">Foo</p>
+
+## Idiomas
+### Exemplo
+### Usar o mesmo hash
+`;
+
+    const markdownZh = `
+# 所在位置
+
+<p class="description">Foo</p>
+
+## 语言环境
+### 例
+### 使用相同的哈希
+`;
+    const {
+      docs: {
+        en: { toc: tocEn },
+        pt: { toc: tocPt },
+        zh: { toc: tocZh },
+      },
+    } = prepareMarkdown({
+      pageFilename: '/same-hash-test',
+      translations: [
+        { filename: 'localization.md', markdown: markdownEn, userLanguage: 'en' },
+        { filename: 'localization-pt.md', markdown: markdownPt, userLanguage: 'pt' },
+        { filename: 'localization-zh.md', markdown: markdownZh, userLanguage: 'zh' },
+      ],
+    });
+
+    expect(tocZh).to.have.deep.ordered.members([
+      {
+        children: [
+          {
+            hash: 'example',
+            level: 3,
+            text: '例',
+          },
+          {
+            hash: 'use-same-hash',
+            level: 3,
+            text: '使用相同的哈希',
+          },
+        ],
+        hash: 'locales',
+        level: 2,
+        text: '语言环境',
+      },
+    ]);
+
+    expect(tocPt).to.have.deep.ordered.members([
+      {
+        children: [
+          {
+            hash: 'example',
+            level: 3,
+            text: 'Exemplo',
+          },
+          {
+            hash: 'use-same-hash',
+            level: 3,
+            text: 'Usar o mesmo hash',
+          },
+        ],
+        hash: 'locales',
+        level: 2,
+        text: 'Idiomas',
+      },
+    ]);
+
+    expect(tocEn).to.have.deep.ordered.members([
+      {
+        children: [
+          {
+            hash: 'example',
+            level: 3,
+            text: 'Example',
+          },
+          {
+            hash: 'use-same-hash',
+            level: 3,
+            text: 'Use same hash',
+          },
+        ],
+        hash: 'locales',
+        level: 2,
+        text: 'Locales',
+      },
+    ]);
+  });
+
+  it('use translated hash for translations are not synced', () => {
+    const markdownEn = `
+# Localization
+
+<p class="description">Foo</p>
+
+## Locales
+### Example
+### Use same hash
+`;
+
+    const markdownPt = `
+# Localização
+
+<p class="description">Foo</p>
+
+## Idiomas
+### Exemplo
+### Usar o mesmo hash
+### Usar traduzido
+`;
+
+    const {
+      docs: {
+        en: { toc: tocEn },
+        pt: { toc: tocPt },
+      },
+    } = prepareMarkdown({
+      pageFilename: '/same-hash-test',
+      translations: [
+        { filename: 'localization.md', markdown: markdownEn, userLanguage: 'en' },
+        { filename: 'localization-pt.md', markdown: markdownPt, userLanguage: 'pt' },
+      ],
+    });
+
+    expect(tocPt).to.have.deep.ordered.members([
+      {
+        children: [
+          {
+            hash: 'example',
+            level: 3,
+            text: 'Exemplo',
+          },
+          {
+            hash: 'use-same-hash',
+            level: 3,
+            text: 'Usar o mesmo hash',
+          },
+          {
+            hash: 'usar-traduzido',
+            level: 3,
+            text: 'Usar traduzido',
+          },
+        ],
+        hash: 'locales',
+        level: 2,
+        text: 'Idiomas',
+      },
+    ]);
+
+    expect(tocEn).to.have.deep.ordered.members([
+      {
+        children: [
+          {
+            hash: 'example',
+            level: 3,
+            text: 'Example',
+          },
+          {
+            hash: 'use-same-hash',
+            level: 3,
+            text: 'Use same hash',
+          },
+        ],
+        hash: 'locales',
+        level: 2,
+        text: 'Locales',
+      },
+    ]);
+  });
+
+  it('should report missing trailing splashes', () => {
+    const markdown = `
+# Localization
+
+<p class="description">Foo</p>
+
+[bar](/bar/)
+[foo](/foo)
+`;
+
+    expect(() => {
+      prepareMarkdown({
+        ...defaultParams,
+        translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
+      });
+    }).to.throw(`docs-infra: Missing trailing slash. The following link:
+[foo](/foo) in /test/bar/index.md is missing a trailing slash, please add it.
+
+See https://ahrefs.com/blog/trailing-slash/ for more details.
+`);
+  });
+
+  it('should report missing leading splashes', () => {
+    const markdown = `
+# Localization
+
+<p class="description">Foo</p>
+
+[bar](/bar/)
+[foo](foo/)
+`;
+
+    expect(() => {
+      prepareMarkdown({
+        ...defaultParams,
+        translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
+      });
+    }).to.throw(`docs-infra: Missing leading slash. The following link:
+[foo](foo/) in /test/bar/index.md is missing a leading slash, please add it.
+`);
+  });
+
+  it('should report title too long', () => {
+    const markdown = `
+# Foooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
+
+<p class="description">Foo</p>
+
+`;
+
+    expect(() => {
+      prepareMarkdown({
+        ...defaultParams,
+        translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
+      });
+    }).to
+      .throw(`docs-infra: The title "Foooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo" is too long (117 characters).
+It needs to have fewer than 70 characters—ideally less than 60. For more details, see:
+https://developers.google.com/search/docs/advanced/appearance/title-link
+`);
+  });
+
+  it('should report description too long', () => {
+    const markdown = `
+# Foo
+
+<p class="description">Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo</p>
+
+`;
+
+    expect(() => {
+      prepareMarkdown({
+        ...defaultParams,
+        translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
+      });
+    }).to
+      .throw(`docs-infra: The description "Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo" is too long (188 characters).
+It needs to have fewer than 170 characters—ideally less than 160. For more details, see:
+https://ahrefs.com/blog/meta-description/#4-be-concise
+`);
+  });
+
+  it('should not accept sh', () => {
+    const markdown = `
+# Foo
+
+<p class="description">Fo</p>
+
+\`\`\`sh
+npm install @mui/material
+\`\`\`
+
+`;
+
+    expect(() => {
+      prepareMarkdown({
+        ...defaultParams,
+        translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
+      });
+    }).to.throw(`docs-infra: Unsupported language: "sh" in:
+
+\`\`\`sh
+npm install @mui/material
+\`\`\`
+
+Use "bash" instead.
+`);
+  });
+
+  it('should report duplicated trailing splashes', () => {
+    const markdown = `
+# Localization
+
+<p class="description">Foo</p>
+
+[foo](/foo/)
+[bar](/bar//#foo)
+`;
+
+    expect(() => {
+      prepareMarkdown({
+        ...defaultParams,
+        translations: [{ filename: 'index.md', markdown, userLanguage: 'en' }],
+      });
+    }).to.throw(`docs-infra: Duplicated trailing slashes.`);
+  });
+});
diff --git a/packages/mui-base/CONTRIBUTING.md b/packages/mui-base/CONTRIBUTING.md
new file mode 100644
index 00000000000000..b1f78a0c01f710
--- /dev/null
+++ b/packages/mui-base/CONTRIBUTING.md
@@ -0,0 +1,188 @@
+# Contributing
+
+## Creating a new hook
+
+### File structure
+
+When creating a new hook, follow the file structure found in other hooks' directories:
+
+Taking the imaginary `useAwesomeControl` as an example:
+
+- 📂 `useAwesomeControl`
+  - 📄 `index.ts` - aggregates the public exports from all the other files in the directory
+  - 📄 `useAwesomeControl.test.tsx` - unit tests
+  - 📄 `useAwesomeControl.spec.tsx` - (optional) type tests
+  - 📄 `useAwesomeControl.ts` - the implementation of the hook
+  - 📄 `useAwesomeControl.types.ts` - type definitions
+
+### Implementation
+
+Most Base UI hooks have a similar structure:
+
+1. [Parameters destructuring](#parameters-destructuring)
+2. Hook-specific logic
+3. [Event handler factory functions](#event-handler-factory-functions)
+4. [Slot props resolvers](#slot-props-resolvers)
+
+#### Parameters destructuring
+
+The parameters type must be called `[HookName]Parameters`.
+There are docs generation scripts that require this pattern.
+
+```ts
+function useAwesomeControl(parameters: UseAwesomeControlParameters) {
+  const { disabled, readOnly } = parameters;
+
+  // the rest of the hook's logic...
+}
+```
+
+#### Event handler factory functions
+
+We don't define event handlers directly as functions because they must be able to access and call other handlers provided by developers in slot props resolvers.
+
+In other words, instead of defining the `handleClick(event: React.MouseEvent) => void` function, we define the `createHandleClick(otherHandlers: EventHandlers) => (event: React.MouseEvent) => void`. The `otherHandlers` parameter contains external handlers provided by developers.
+
+By convention, we call them `createHandle[EventName]`.
+
+If we allow a developer to skip running our logic for a given handler, we check the `event.defaultMuiPrevented` field. It's an equivalent of the native `defaultPrevented` that works just for Base UI code:
+
+```tsx
+const createHandleKeyDown = (otherHandlers: EventHandlers) => (event: React.KeyboardEvent & MuiCancellableEvent) => {
+  // Run the external handler first.
+  // It can potentially set the defaultMuiPrevented field.
+  otherHandlers.onKeyDown?.(event);
+
+  // If the field is set, do not execute the usual handler logic.
+  if (event.defaultMuiPrevented) {
+    return;
+  }
+
+  // handler-specific logic...
+```
+
+#### Slot props resolvers
+
+These are functions called `get[SlotName]Props` that accept additional (optional) props and return props to be placed on slots of a component.
+Many components have just one slot (that we call "root"), but more complex components can have more.
+
+The order of merging props for the resulting object is important so that users can override the build-in props when necessary:
+
+1. built-in props
+2. external props
+3. ref
+4. event handlers
+
+Refs and event handlers can be placed in any order.
+They just have to be after external props.
+
+Example:
+
+```tsx
+const getRootProps = <OtherHandlers extends EventHandlers>(
+  otherHandlers: OtherHandlers = {} as OtherHandlers,
+): UseAwesomeControlRootSlotProps<OtherHandlers> => {
+  return {
+    id,
+    disabled,
+    role: 'button' as const,
+    ...otherHandlers, // if `id`, `disabled`, or `role` is provided here, they will override the default values set by us.
+    ref: handleListboxRef, // refs mustn't be overridden, so they come after `...otherHandlers`
+    onMouseDown: createHandleMouseDown(otherHandlers), // here we execute the event handler factory supplying it with external props
+  };
+};
+```
+
+It's common that a hook uses other hooks and combines their `get*Props` with its own.
+To handle these cases, we have the `combineHooksSlotProps` utility.
+It creates a function that merges two other slot resolver functions:
+
+```tsx
+const createHandleClick = (otherHandlers: EventHandlers) => (event: React.KeyboardEvent) => {
+  /* ... */
+}
+
+const { getRootProps as getListRootProps } = useList(/* ... */);
+const getOwnRootEventHandlers = (otherHandlers: EventHandlers = {}) => ({
+  onClick: createHandleClick(otherHandlers),
+});
+
+const getRootProps = <TOther extends EventHandlers>(
+    otherHandlers: TOther = {} as TOther,
+  ): UseAwesomeControlRootSlotProps => {
+    const getCombinedRootProps = combineHooksSlotProps(getOwnRootEventHandlers, getListRootProps);
+    return {
+      ...getCombinedRootProps(otherHandlers),
+      role: 'combobox'
+    }
+  }
+
+```
+
+#### Ref handling
+
+When a hook needs to access the DOM node it operates on, it should create a ref and return it in the `get*Props` function.
+However, since the user of the hook may already have a ref to the element, we accept the refs in parameters and merge them with our refs using the `useForkRef` function, so the callers of the hook don't have to do it.
+
+Since hooks can operate on many elements (when dealing with multiple slots), we call refs in input parameters `[slotName]Ref`.
+
+Example:
+
+```ts
+
+interface AwesomeControlHookParameters {
+  rootRef?: React.Ref<Element>;
+  // ...
+}
+
+const useAwesomeControlHook = (parameters: AwesomeControlHookParameters) {
+  const { rootRef: externalRef } = parameters;
+  const innerRef = React.useRef<HTMLDivElement | null>(null);
+
+  const handleRef = useForkRef(externalRef, innerRef);
+
+  return {
+    // parameters omitted for the sake of brevity
+    getRootProps: () => {
+      ref: handleRef
+    },
+    rootRef: handleRef
+  }
+}
+```
+
+Note that the merged ref (`handleRef`) is not only returned as a part of root props but also as a field of the hook's return object.
+This is helpful in situations where the ref needs to be merged with yet another ref.
+
+### Types
+
+Defining proper types can tremendously help developers use the hooks.
+The following types are required for each hook:
+
+- [HookName]Parameters - input parameters
+- [HookName]ReturnValue - the shape of the object returned by the hook
+- [HookName][SlotName]SlotProps - return values of slot props resolvers
+
+The parameters and return value types are usually straightforward.
+The definition of slot props, however, is more complex as it must take into consideration the object passed as an argument to the props resolver function:
+
+```ts
+export interface UseMenuReturnValue {
+  getListboxProps: <TOther extends EventHandlers>(
+    otherHandlers?: TOther,
+  ) => UseMenuListboxSlotProps;
+  // ...
+}
+
+interface UseMenuListboxSlotEventHandlers {
+  onBlur: React.FocusEventHandler;
+  onKeyDown: React.KeyboardEventHandler;
+}
+
+export type UseMenuListboxSlotProps<TOther = {}> = UseListRootSlotProps<
+  Omit<TOther, keyof UseMenuListboxSlotEventHandlers> & UseMenuListboxSlotEventHandlers
+> & {
+  ref: React.RefCallback<Element> | null;
+  role: React.AriaRole;
+};
+```
diff --git a/packages/mui-base/README.md b/packages/mui-base/README.md
index c21095a94f0490..5c85f93baa5a56 100644
--- a/packages/mui-base/README.md
+++ b/packages/mui-base/README.md
@@ -1,21 +1,55 @@
-# @mui/base
+<!-- markdownlint-disable-next-line -->
+<p align="center">
+  <a href="https://mui.com/base-ui/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="Base UI logo"></a>
+</p>
 
-This package hosts unstyled React components and hooks that can be used for creating custom design systems.
+<h1 align="center">Base UI</h1>
+
+Base UI is a library of unstyled React UI components and hooks. With Base UI, you gain complete control over your app's CSS and accessibility features.
 
 ## Installation
 
 Install the package in your project directory with:
 
 ```bash
-// with npm
 npm install @mui/base
-
-// with yarn
-yarn add @mui/base
 ```
 
 ## Documentation
 
 <!-- #default-branch-switch -->
 
-[The documentation](https://mui.com/base-ui/getting-started/)
+Visit [https://mui.com/base-ui/](https://mui.com/base-ui/) to view the full documentation.
+
+## Questions
+
+For how-to questions that don't involve making changes to the code base, please use [Stack Overflow](https://stackoverflow.com/questions/tagged/base-ui) instead of GitHub issues.
+Use the "base-ui" tag on Stack Overflow to make it easier for the community to find your question.
+
+## Examples
+
+Our documentation features [a collection of example projects using Base UI](https://github.com/mui/material-ui/tree/master/examples).
+
+## Contributing
+
+Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
+
+Contributing to Base UI is about more than just issues and pull requests!
+There are many other ways to [support MUI](https://mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
+
+## Changelog
+
+The [changelog](https://github.com/mui/material-ui/releases) is regularly updated to reflect what's changed in each new release.
+
+## Roadmap
+
+Future plans and high-priority features and enhancements can be found in our [roadmap](https://mui.com/material-ui/discover-more/roadmap/).
+
+## License
+
+This project is licensed under the terms of the
+[MIT license](/LICENSE).
+
+## Security
+
+For details of supported versions and contact details for reporting security issues, please refer to the [security policy](https://github.com/mui/material-ui/security/policy).
diff --git a/packages/mui-base/package.json b/packages/mui-base/package.json
index a213f0b7c55019..e0fe85e6682ce7 100644
--- a/packages/mui-base/package.json
+++ b/packages/mui-base/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/base",
-  "version": "5.0.0-beta.10",
+  "version": "5.0.0-beta.16",
   "private": false,
   "author": "MUI Team",
   "description": "A library of headless ('unstyled') React UI components and low-level hooks.",
@@ -21,7 +21,7 @@
   "bugs": {
     "url": "https://github.com/mui/material-ui/issues"
   },
-  "homepage": "https://mui.com/base-ui/getting-started/",
+  "homepage": "https://mui.com/base-ui/",
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/mui"
@@ -40,6 +40,32 @@
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json",
     "typescript:module-augmentation": "node scripts/testModuleAugmentation.js"
   },
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@floating-ui/react-dom": "^2.0.2",
+    "@mui/types": "^7.2.4",
+    "@mui/utils": "^5.14.10",
+    "@popperjs/core": "^2.11.8",
+    "clsx": "^2.0.0",
+    "prop-types": "^15.8.1"
+  },
+  "devDependencies": {
+    "@mui/material": "^5.14.10",
+    "@mui-internal/test-utils": "^1.0.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/chai": "^4.3.6",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "18.2.21",
+    "@types/react-dom": "18.2.7",
+    "@types/sinon": "^10.0.16",
+    "chai": "^4.3.8",
+    "fast-glob": "^3.3.1",
+    "lodash": "^4.17.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sinon": "^15.2.0"
+  },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
@@ -50,16 +76,6 @@
       "optional": true
     }
   },
-  "dependencies": {
-    "@babel/runtime": "^7.22.6",
-    "@emotion/is-prop-valid": "^1.2.1",
-    "@mui/types": "^7.2.4",
-    "@mui/utils": "^5.14.4",
-    "@popperjs/core": "^2.11.8",
-    "clsx": "^2.0.0",
-    "prop-types": "^15.8.1",
-    "react-is": "^18.2.0"
-  },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
diff --git a/packages/mui-base/src/Badge/Badge.test.tsx b/packages/mui-base/src/Badge/Badge.test.tsx
index e49cf7c4e487ca..06a2ab6eeba209 100644
--- a/packages/mui-base/src/Badge/Badge.test.tsx
+++ b/packages/mui-base/src/Badge/Badge.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, createMount, describeConformanceUnstyled } from 'test/utils';
+import { createRenderer, createMount, describeConformanceUnstyled } from '@mui-internal/test-utils';
 import { Badge, badgeClasses as classes } from '@mui/base/Badge';
 
 describe('<Badge />', () => {
diff --git a/packages/mui-base/src/Badge/Badge.types.ts b/packages/mui-base/src/Badge/Badge.types.ts
index 3784e2e3892692..e4feb756c41c05 100644
--- a/packages/mui-base/src/Badge/Badge.types.ts
+++ b/packages/mui-base/src/Badge/Badge.types.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { OverrideProps, OverridableTypeMap, OverridableComponent, Simplify } from '@mui/types';
+import { OverrideProps, Simplify } from '@mui/types';
 import { SlotComponentProps } from '../utils';
 
 export interface BadgeRootSlotPropsOverrides {}
@@ -75,23 +75,9 @@ export interface BadgeTypeMap<
   defaultComponent: RootComponentType;
 }
 
-/**
- * Utility to create component types that inherit props from Badge.
- */
-export interface ExtendBadgeTypeMap<TypeMap extends OverridableTypeMap> {
-  props: TypeMap['props'] & BadgeTypeMap['props'];
-  defaultComponent: TypeMap['defaultComponent'];
-}
-
-export type ExtendBadge<TypeMap extends OverridableTypeMap> = OverridableComponent<
-  ExtendBadgeTypeMap<TypeMap>
->;
-
 export type BadgeProps<
   RootComponentType extends React.ElementType = BadgeTypeMap['defaultComponent'],
-> = OverrideProps<BadgeTypeMap<{}, RootComponentType>, RootComponentType> & {
-  component?: RootComponentType;
-};
+> = OverrideProps<BadgeTypeMap<{}, RootComponentType>, RootComponentType>;
 
 export type BadgeRootSlotProps = {
   children?: React.ReactNode;
diff --git a/packages/mui-base/src/Button/Button.test.tsx b/packages/mui-base/src/Button/Button.test.tsx
index 38877a7f18c83b..cfd65c73aae6e9 100644
--- a/packages/mui-base/src/Button/Button.test.tsx
+++ b/packages/mui-base/src/Button/Button.test.tsx
@@ -5,7 +5,7 @@ import {
   createRenderer,
   describeConformanceUnstyled,
   fireEvent,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { Button, buttonClasses } from '@mui/base/Button';
diff --git a/packages/mui-base/src/ClickAwayListener/ClickAwayListener.test.js b/packages/mui-base/src/ClickAwayListener/ClickAwayListener.test.js
index a72f3d0da0cc76..a0032961f41db8 100644
--- a/packages/mui-base/src/ClickAwayListener/ClickAwayListener.test.js
+++ b/packages/mui-base/src/ClickAwayListener/ClickAwayListener.test.js
@@ -2,7 +2,13 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { act, createRenderer, fireEvent, fireDiscreteEvent, screen } from 'test/utils';
+import {
+  act,
+  createRenderer,
+  fireEvent,
+  fireDiscreteEvent,
+  screen,
+} from '@mui-internal/test-utils';
 import { Portal } from '@mui/base/Portal';
 import { ClickAwayListener } from '@mui/base/ClickAwayListener';
 
diff --git a/packages/mui-base/src/Dropdown/Dropdown.test.tsx b/packages/mui-base/src/Dropdown/Dropdown.test.tsx
index 1144a2290b1f46..7ce8d6d1f50102 100644
--- a/packages/mui-base/src/Dropdown/Dropdown.test.tsx
+++ b/packages/mui-base/src/Dropdown/Dropdown.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { act, createRenderer } from 'test/utils';
+import { act, createRenderer } from '@mui-internal/test-utils';
 import { Dropdown } from '@mui/base/Dropdown';
 import { DropdownContext } from '@mui/base/useDropdown';
 import { MenuButton } from '@mui/base/MenuButton';
diff --git a/packages/mui-base/src/FocusTrap/FocusTrap.test.tsx b/packages/mui-base/src/FocusTrap/FocusTrap.test.tsx
index 54d37b3cf80f25..b7ef8a3e020440 100644
--- a/packages/mui-base/src/FocusTrap/FocusTrap.test.tsx
+++ b/packages/mui-base/src/FocusTrap/FocusTrap.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { expect } from 'chai';
-import { act, createRenderer, screen } from 'test/utils';
+import { act, createRenderer, screen } from '@mui-internal/test-utils';
 import { FocusTrap } from '@mui/base/FocusTrap';
 import { Portal } from '@mui/base/Portal';
 
diff --git a/packages/mui-base/src/FocusTrap/FocusTrap.tsx b/packages/mui-base/src/FocusTrap/FocusTrap.tsx
index 28dbd5c42c460b..5031afd9fc5783 100644
--- a/packages/mui-base/src/FocusTrap/FocusTrap.tsx
+++ b/packages/mui-base/src/FocusTrap/FocusTrap.tsx
@@ -220,8 +220,27 @@ function FocusTrap(props: FocusTrapProps): JSX.Element {
 
     const doc = ownerDocument(rootRef.current);
 
-    const contain = (nativeEvent: FocusEvent | null) => {
-      const { current: rootElement } = rootRef;
+    const loopFocus = (nativeEvent: KeyboardEvent) => {
+      lastKeydown.current = nativeEvent;
+
+      if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== 'Tab') {
+        return;
+      }
+
+      // Make sure the next tab starts from the right place.
+      // doc.activeElement refers to the origin.
+      if (doc.activeElement === rootRef.current && nativeEvent.shiftKey) {
+        // We need to ignore the next contain as
+        // it will try to move the focus back to the rootRef element.
+        ignoreNextEnforceFocus.current = true;
+        if (sentinelEnd.current) {
+          sentinelEnd.current.focus();
+        }
+      }
+    };
+
+    const contain = () => {
+      const rootElement = rootRef.current;
 
       // Cleanup functions are executed lazily in React 17.
       // Contain can be called between the component being unmounted and its cleanup function being run.
@@ -229,76 +248,64 @@ function FocusTrap(props: FocusTrapProps): JSX.Element {
         return;
       }
 
-      if (
-        !doc.hasFocus() ||
-        disableEnforceFocus ||
-        !isEnabled() ||
-        ignoreNextEnforceFocus.current
-      ) {
+      if (!doc.hasFocus() || !isEnabled() || ignoreNextEnforceFocus.current) {
         ignoreNextEnforceFocus.current = false;
         return;
       }
 
-      if (!rootElement.contains(doc.activeElement)) {
-        // if the focus event is not coming from inside the children's react tree, reset the refs
-        if (
-          (nativeEvent && reactFocusEventTarget.current !== nativeEvent.target) ||
-          doc.activeElement !== reactFocusEventTarget.current
-        ) {
-          reactFocusEventTarget.current = null;
-        } else if (reactFocusEventTarget.current !== null) {
-          return;
-        }
-
-        if (!activated.current) {
-          return;
-        }
-
-        let tabbable: string[] | HTMLElement[] = [];
-        if (
-          doc.activeElement === sentinelStart.current ||
-          doc.activeElement === sentinelEnd.current
-        ) {
-          tabbable = getTabbable(rootRef.current as HTMLElement);
-        }
-
-        if (tabbable.length > 0) {
-          const isShiftTab = Boolean(
-            lastKeydown.current?.shiftKey && lastKeydown.current?.key === 'Tab',
-          );
-
-          const focusNext = tabbable[0];
-          const focusPrevious = tabbable[tabbable.length - 1];
+      // The focus is already inside
+      if (rootElement.contains(doc.activeElement)) {
+        return;
+      }
 
-          if (typeof focusNext !== 'string' && typeof focusPrevious !== 'string') {
-            if (isShiftTab) {
-              focusPrevious.focus();
-            } else {
-              focusNext.focus();
-            }
-          }
-        } else {
-          rootElement.focus();
-        }
+      // The disableEnforceFocus is set and the focus is outside of the focus trap (and sentinel nodes)
+      if (
+        disableEnforceFocus &&
+        doc.activeElement !== sentinelStart.current &&
+        doc.activeElement !== sentinelEnd.current
+      ) {
+        return;
       }
-    };
 
-    const loopFocus = (nativeEvent: KeyboardEvent) => {
-      lastKeydown.current = nativeEvent;
+      // if the focus event is not coming from inside the children's react tree, reset the refs
+      if (doc.activeElement !== reactFocusEventTarget.current) {
+        reactFocusEventTarget.current = null;
+      } else if (reactFocusEventTarget.current !== null) {
+        return;
+      }
 
-      if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== 'Tab') {
+      if (!activated.current) {
         return;
       }
 
-      // Make sure the next tab starts from the right place.
-      // doc.activeElement refers to the origin.
-      if (doc.activeElement === rootRef.current && nativeEvent.shiftKey) {
-        // We need to ignore the next contain as
-        // it will try to move the focus back to the rootRef element.
-        ignoreNextEnforceFocus.current = true;
-        if (sentinelEnd.current) {
-          sentinelEnd.current.focus();
+      let tabbable: string[] | HTMLElement[] = [];
+      if (
+        doc.activeElement === sentinelStart.current ||
+        doc.activeElement === sentinelEnd.current
+      ) {
+        tabbable = getTabbable(rootRef.current as HTMLElement);
+      }
+
+      // one of the sentinel nodes was focused, so move the focus
+      // to the first/last tabbable element inside the focus trap
+      if (tabbable.length > 0) {
+        const isShiftTab = Boolean(
+          lastKeydown.current?.shiftKey && lastKeydown.current?.key === 'Tab',
+        );
+
+        const focusNext = tabbable[0];
+        const focusPrevious = tabbable[tabbable.length - 1];
+
+        if (typeof focusNext !== 'string' && typeof focusPrevious !== 'string') {
+          if (isShiftTab) {
+            focusPrevious.focus();
+          } else {
+            focusNext.focus();
+          }
         }
+        // no tabbable elements in the trap focus or the focus was outside of the focus trap
+      } else {
+        rootElement.focus();
       }
     };
 
@@ -313,7 +320,7 @@ function FocusTrap(props: FocusTrapProps): JSX.Element {
     // https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule.
     const interval = setInterval(() => {
       if (doc.activeElement && doc.activeElement.tagName === 'BODY') {
-        contain(null);
+        contain();
       }
     }, 50);
 
diff --git a/packages/mui-base/src/FormControl/FormControl.test.tsx b/packages/mui-base/src/FormControl/FormControl.test.tsx
index e977ed3605f244..77e28098291c80 100644
--- a/packages/mui-base/src/FormControl/FormControl.test.tsx
+++ b/packages/mui-base/src/FormControl/FormControl.test.tsx
@@ -1,7 +1,12 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createMount, createRenderer, describeConformanceUnstyled, fireEvent } from 'test/utils';
+import {
+  createMount,
+  createRenderer,
+  describeConformanceUnstyled,
+  fireEvent,
+} from '@mui-internal/test-utils';
 import { FormControl, formControlClasses, useFormControlContext } from '@mui/base/FormControl';
 
 describe('<FormControl />', () => {
diff --git a/packages/mui-base/src/FormControl/FormControl.tsx b/packages/mui-base/src/FormControl/FormControl.tsx
index f5959d15700ab1..1ee347e07059a1 100644
--- a/packages/mui-base/src/FormControl/FormControl.tsx
+++ b/packages/mui-base/src/FormControl/FormControl.tsx
@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_useControlled as useControlled } from '@mui/utils';
+import useControlled from '@mui/utils/useControlled';
 import { PolymorphicComponent } from '../utils/PolymorphicComponent';
 import { FormControlContext } from './FormControlContext';
 import { getFormControlUtilityClass } from './formControlClasses';
diff --git a/packages/mui-base/src/Input/Input.test.tsx b/packages/mui-base/src/Input/Input.test.tsx
index 59f8458827d73e..d287be11ac25cd 100644
--- a/packages/mui-base/src/Input/Input.test.tsx
+++ b/packages/mui-base/src/Input/Input.test.tsx
@@ -5,7 +5,7 @@ import {
   describeConformanceUnstyled,
   fireEvent,
   screen,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { Input, inputClasses } from '@mui/base/Input';
diff --git a/packages/mui-base/src/Menu/Menu.test.tsx b/packages/mui-base/src/Menu/Menu.test.tsx
index 7d2d637910bd1b..25f520d1569a2a 100644
--- a/packages/mui-base/src/Menu/Menu.test.tsx
+++ b/packages/mui-base/src/Menu/Menu.test.tsx
@@ -7,7 +7,7 @@ import {
   describeConformanceUnstyled,
   fireEvent,
   act,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { Menu, menuClasses } from '@mui/base/Menu';
 import { MenuItem } from '@mui/base/MenuItem';
 import { DropdownContext, DropdownContextValue } from '@mui/base/useDropdown';
diff --git a/packages/mui-base/src/MenuButton/MenuButton.test.tsx b/packages/mui-base/src/MenuButton/MenuButton.test.tsx
index 49ec949c233d06..44e359d2087448 100644
--- a/packages/mui-base/src/MenuButton/MenuButton.test.tsx
+++ b/packages/mui-base/src/MenuButton/MenuButton.test.tsx
@@ -7,7 +7,7 @@ import {
   createRenderer,
   describeConformanceUnstyled,
   fireEvent,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { MenuButton, menuButtonClasses } from '@mui/base/MenuButton';
 import { DropdownContext, DropdownContextValue, DropdownActionTypes } from '@mui/base/useDropdown';
 
diff --git a/packages/mui-base/src/MenuItem/MenuItem.test.tsx b/packages/mui-base/src/MenuItem/MenuItem.test.tsx
index e9f4f8953c6882..de5ca5bf01cec8 100644
--- a/packages/mui-base/src/MenuItem/MenuItem.test.tsx
+++ b/packages/mui-base/src/MenuItem/MenuItem.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createMount, createRenderer, describeConformanceUnstyled } from 'test/utils';
+import { createMount, createRenderer, describeConformanceUnstyled } from '@mui-internal/test-utils';
 import { MenuItem, menuItemClasses } from '@mui/base/MenuItem';
 import { MenuProvider } from '@mui/base/useMenu';
 
diff --git a/packages/mui-base/src/Modal/Modal.test.tsx b/packages/mui-base/src/Modal/Modal.test.tsx
index 35061f632f30cc..701fca622fd470 100644
--- a/packages/mui-base/src/Modal/Modal.test.tsx
+++ b/packages/mui-base/src/Modal/Modal.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createMount, createRenderer, describeConformanceUnstyled } from 'test/utils';
+import { createMount, createRenderer, describeConformanceUnstyled } from '@mui-internal/test-utils';
 import { Modal, modalClasses as classes, ModalRootSlotProps } from '@mui/base/Modal';
 
 describe('<Modal />', () => {
diff --git a/packages/mui-base/src/Modal/Modal.tsx b/packages/mui-base/src/Modal/Modal.tsx
index b15fb838d9daa5..074e0e83cf5c5a 100644
--- a/packages/mui-base/src/Modal/Modal.tsx
+++ b/packages/mui-base/src/Modal/Modal.tsx
@@ -1,23 +1,16 @@
 'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import {
-  elementAcceptingRef,
-  HTMLElementType,
-  unstable_ownerDocument as ownerDocument,
-  unstable_useForkRef as useForkRef,
-  unstable_createChainedFunction as createChainedFunction,
-  unstable_useEventCallback as useEventCallback,
-} from '@mui/utils';
+import { elementAcceptingRef, HTMLElementType } from '@mui/utils';
+import { EventHandlers, useSlotProps } from '../utils';
+import { useClassNamesOverride } from '../utils/ClassNameConfigurator';
 import { PolymorphicComponent } from '../utils/PolymorphicComponent';
-import { ModalOwnerState, ModalOwnProps, ModalProps, ModalTypeMap } from './Modal.types';
+import { ModalOwnerState, ModalProps, ModalTypeMap } from './Modal.types';
 import { unstable_composeClasses as composeClasses } from '../composeClasses';
 import { Portal } from '../Portal';
-import { ModalManager, ariaHidden } from './ModalManager';
+import { unstable_useModal as useModal } from '../unstable_useModal';
 import { FocusTrap } from '../FocusTrap';
 import { getModalUtilityClass } from './modalClasses';
-import { useSlotProps } from '../utils';
-import { useClassNamesOverride } from '../utils/ClassNameConfigurator';
 
 const useUtilityClasses = (ownerState: ModalOwnerState) => {
   const { open, exited } = ownerState;
@@ -30,18 +23,6 @@ const useUtilityClasses = (ownerState: ModalOwnerState) => {
   return composeClasses(slots, useClassNamesOverride(getModalUtilityClass));
 };
 
-function getContainer(container: ModalOwnProps['container']) {
-  return typeof container === 'function' ? container() : container;
-}
-
-function getHasTransition(children: ModalOwnProps['children']) {
-  return children ? children.props.hasOwnProperty('in') : false;
-}
-
-// A modal manager used to track and manage the state of open Modals.
-// Modals don't open on the server so this won't conflict with concurrent requests.
-const defaultManager = new ModalManager();
-
 /**
  * Modal is a lower-level construct that is leveraged by the following components:
  *
@@ -65,7 +46,7 @@ const defaultManager = new ModalManager();
  */
 const Modal = React.forwardRef(function Modal<RootComponentType extends React.ElementType>(
   props: ModalProps<RootComponentType>,
-  forwardedRef: React.ForwardedRef<Element>,
+  forwardedRef: React.ForwardedRef<HTMLElement>,
 ) {
   const {
     children,
@@ -79,8 +60,6 @@ const Modal = React.forwardRef(function Modal<RootComponentType extends React.El
     disableScrollLock = false,
     hideBackdrop = false,
     keepMounted = false,
-    // private
-    manager: managerProp = defaultManager,
     onBackdropClick,
     onClose,
     onKeyDown,
@@ -91,83 +70,8 @@ const Modal = React.forwardRef(function Modal<RootComponentType extends React.El
     slots = {},
     ...other
   } = props;
-  // TODO: `modal`` must change its type in this file to match the type of methods
-  // provided by `ModalManager`
-  const manager = managerProp as any;
-  const [exited, setExited] = React.useState(!open);
-  const modal = React.useRef<{
-    modalRef?: typeof modalRef.current;
-    mountNode?: typeof mountNodeRef.current;
-  }>({});
-  const mountNodeRef = React.useRef<Node | null>(null);
-  const modalRef = React.useRef<Element>(null);
-  const handleRef = useForkRef(modalRef, forwardedRef);
-  const hasTransition = getHasTransition(children);
-
-  const ariaHiddenProp = props['aria-hidden'] ?? true;
-
-  const getDoc = () => ownerDocument(mountNodeRef.current);
-  const getModal = () => {
-    modal.current.modalRef = modalRef.current;
-    modal.current.mountNode = mountNodeRef.current;
-    return modal.current;
-  };
-
-  const handleMounted = () => {
-    manager.mount(getModal(), { disableScrollLock });
-
-    // Fix a bug on Chrome where the scroll isn't initially 0.
-    if (modalRef.current) {
-      modalRef.current.scrollTop = 0;
-    }
-  };
-
-  const handleOpen = useEventCallback(() => {
-    const resolvedContainer = getContainer(container) || getDoc().body;
-
-    manager.add(getModal(), resolvedContainer);
-
-    // The element was already mounted.
-    if (modalRef.current) {
-      handleMounted();
-    }
-  });
-
-  const isTopModal = React.useCallback(() => manager.isTopModal(getModal()), [manager]);
-
-  const handlePortalRef = useEventCallback((node: Node) => {
-    mountNodeRef.current = node;
-
-    if (!node || !modalRef.current) {
-      return;
-    }
-
-    if (open && isTopModal()) {
-      handleMounted();
-    } else {
-      ariaHidden(modalRef.current, ariaHiddenProp);
-    }
-  });
-
-  const handleClose = React.useCallback(() => {
-    manager.remove(getModal(), ariaHiddenProp);
-  }, [manager, ariaHiddenProp]);
-
-  React.useEffect(() => {
-    return () => {
-      handleClose();
-    };
-  }, [handleClose]);
 
-  React.useEffect(() => {
-    if (open) {
-      handleOpen();
-    } else if (!hasTransition || !closeAfterTransition) {
-      handleClose();
-    }
-  }, [open, handleClose, hasTransition, closeAfterTransition, handleOpen]);
-
-  const ownerState: ModalOwnerState = {
+  const propsWithDefaults: Omit<ModalOwnerState, 'exited' | 'hasTransition'> = {
     ...props,
     closeAfterTransition,
     disableAutoFocus,
@@ -176,71 +80,30 @@ const Modal = React.forwardRef(function Modal<RootComponentType extends React.El
     disablePortal,
     disableRestoreFocus,
     disableScrollLock,
-    exited,
     hideBackdrop,
     keepMounted,
   };
 
-  const classes = useUtilityClasses(ownerState);
-
-  const handleEnter = () => {
-    setExited(false);
-
-    if (onTransitionEnter) {
-      onTransitionEnter();
-    }
-  };
-
-  const handleExited = () => {
-    setExited(true);
-
-    if (onTransitionExited) {
-      onTransitionExited();
-    }
-
-    if (closeAfterTransition) {
-      handleClose();
-    }
-  };
-
-  const handleBackdropClick = (event: React.MouseEvent<HTMLDivElement>) => {
-    if (event.target !== event.currentTarget) {
-      return;
-    }
-
-    if (onBackdropClick) {
-      onBackdropClick(event);
-    }
+  const {
+    getRootProps,
+    getBackdropProps,
+    getTransitionProps,
+    portalRef,
+    isTopModal,
+    exited,
+    hasTransition,
+  } = useModal({
+    ...propsWithDefaults,
+    rootRef: forwardedRef,
+  });
 
-    if (onClose) {
-      onClose(event, 'backdropClick');
-    }
+  const ownerState = {
+    ...propsWithDefaults,
+    exited,
+    hasTransition,
   };
 
-  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-
-    // The handler doesn't take event.defaultPrevented into account:
-    //
-    // event.preventDefault() is meant to stop default behaviors like
-    // clicking a checkbox to check it, hitting a button to submit a form,
-    // and hitting left arrow to move the cursor in a text input etc.
-    // Only special HTML elements have these default behaviors.
-    if (event.key !== 'Escape' || !isTopModal()) {
-      return;
-    }
-
-    if (!disableEscapeKeyDown) {
-      // Swallow the event, in case someone is listening for the escape key on the body.
-      event.stopPropagation();
-
-      if (onClose) {
-        onClose(event, 'escapeKeyDown');
-      }
-    }
-  };
+  const classes = useUtilityClasses(ownerState);
 
   const childProps: {
     onEnter?: () => void;
@@ -253,8 +116,9 @@ const Modal = React.forwardRef(function Modal<RootComponentType extends React.El
 
   // It's a Transition like component
   if (hasTransition) {
-    childProps.onEnter = createChainedFunction(handleEnter, children.props.onEnter);
-    childProps.onExited = createChainedFunction(handleExited, children.props.onExited);
+    const { onEnter, onExited } = getTransitionProps();
+    childProps.onEnter = onEnter;
+    childProps.onExited = onExited;
   }
 
   const Root = slots.root ?? 'div';
@@ -262,11 +126,7 @@ const Modal = React.forwardRef(function Modal<RootComponentType extends React.El
     elementType: Root,
     externalSlotProps: slotProps.root,
     externalForwardedProps: other,
-    additionalProps: {
-      ref: handleRef,
-      role: 'presentation',
-      onKeyDown: handleKeyDown,
-    },
+    getSlotProps: getRootProps,
     className: classes.root,
     ownerState,
   });
@@ -275,10 +135,18 @@ const Modal = React.forwardRef(function Modal<RootComponentType extends React.El
   const backdropProps = useSlotProps({
     elementType: BackdropComponent,
     externalSlotProps: slotProps.backdrop,
-    additionalProps: {
-      'aria-hidden': true,
-      onClick: handleBackdropClick,
-      open,
+    getSlotProps: (otherHandlers: EventHandlers) => {
+      return getBackdropProps({
+        ...otherHandlers,
+        onClick: (e: React.MouseEvent) => {
+          if (onBackdropClick) {
+            onBackdropClick(e);
+          }
+          if (otherHandlers?.onClick) {
+            otherHandlers.onClick(e);
+          }
+        },
+      });
     },
     className: classes.backdrop,
     ownerState,
@@ -289,12 +157,7 @@ const Modal = React.forwardRef(function Modal<RootComponentType extends React.El
   }
 
   return (
-    <Portal
-      // @ts-expect-error TODO: include ref to Base UI Portal props
-      ref={handlePortalRef}
-      container={container}
-      disablePortal={disablePortal}
-    >
+    <Portal ref={portalRef} container={container} disablePortal={disablePortal}>
       {/*
        * Marking an element with the role presentation indicates to assistive technology
        * that this element should be ignored; it exists to support the web application and
diff --git a/packages/mui-base/src/Modal/Modal.types.ts b/packages/mui-base/src/Modal/Modal.types.ts
index cb258ae8a60df9..57ed4cca880c9a 100644
--- a/packages/mui-base/src/Modal/Modal.types.ts
+++ b/packages/mui-base/src/Modal/Modal.types.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { OverridableComponent, OverridableTypeMap, Simplify } from '@mui/types';
+import { Simplify } from '@mui/types';
 import { PortalProps } from '../Portal';
 import { PolymorphicProps, SlotComponentProps } from '../utils';
 
@@ -138,18 +138,6 @@ export interface ModalTypeMap<
   defaultComponent: RootComponentType;
 }
 
-/**
- * Utility to create component types that inherit props from Modal.
- */
-export interface ExtendModalTypeMap<TypeMap extends OverridableTypeMap> {
-  props: TypeMap['props'] & ModalTypeMap['props'];
-  defaultComponent: TypeMap['defaultComponent'];
-}
-
-export type ExtendModal<TypeMap extends OverridableTypeMap> = OverridableComponent<
-  ExtendModalTypeMap<TypeMap>
->;
-
 export type ModalProps<
   RootComponentType extends React.ElementType = ModalTypeMap['defaultComponent'],
 > = PolymorphicProps<ModalTypeMap<{}, RootComponentType>, RootComponentType>;
diff --git a/packages/mui-base/src/Modal/index.ts b/packages/mui-base/src/Modal/index.ts
index fd8d286a78f3f7..37908e8173f35b 100644
--- a/packages/mui-base/src/Modal/index.ts
+++ b/packages/mui-base/src/Modal/index.ts
@@ -1,5 +1,4 @@
 'use client';
 export { Modal } from './Modal';
 export * from './Modal.types';
-export * from './ModalManager';
 export * from './modalClasses';
diff --git a/packages/mui-base/src/NoSsr/NoSsr.test.tsx b/packages/mui-base/src/NoSsr/NoSsr.test.tsx
index e0ccc25f82ec6e..16a1a6e3cdf9f1 100644
--- a/packages/mui-base/src/NoSsr/NoSsr.test.tsx
+++ b/packages/mui-base/src/NoSsr/NoSsr.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { NoSsr } from '@mui/base/NoSsr';
 
 describe('<NoSsr />', () => {
diff --git a/packages/mui-base/src/Option/Option.test.tsx b/packages/mui-base/src/Option/Option.test.tsx
index 9a9d294939919c..d34b4b7040ef9f 100644
--- a/packages/mui-base/src/Option/Option.test.tsx
+++ b/packages/mui-base/src/Option/Option.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createMount, createRenderer, describeConformanceUnstyled } from 'test/utils';
+import { createMount, createRenderer, describeConformanceUnstyled } from '@mui-internal/test-utils';
 import { Option, optionClasses } from '@mui/base/Option';
 import { SelectProvider } from '../useSelect/SelectProvider';
 
diff --git a/packages/mui-base/src/OptionGroup/OptionGroup.test.tsx b/packages/mui-base/src/OptionGroup/OptionGroup.test.tsx
index 320687241f5242..6e8e5f20ee190c 100644
--- a/packages/mui-base/src/OptionGroup/OptionGroup.test.tsx
+++ b/packages/mui-base/src/OptionGroup/OptionGroup.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createMount, createRenderer, describeConformanceUnstyled } from 'test/utils';
+import { createMount, createRenderer, describeConformanceUnstyled } from '@mui-internal/test-utils';
 import { OptionGroup, optionGroupClasses } from '@mui/base/OptionGroup';
 
 describe('<OptionGroup />', () => {
diff --git a/packages/mui-base/src/Popper/Popper.test.tsx b/packages/mui-base/src/Popper/Popper.test.tsx
index 194972e0a63c4f..404c4bbc822131 100644
--- a/packages/mui-base/src/Popper/Popper.test.tsx
+++ b/packages/mui-base/src/Popper/Popper.test.tsx
@@ -1,6 +1,11 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, createMount, describeConformanceUnstyled, screen } from 'test/utils';
+import {
+  createRenderer,
+  createMount,
+  describeConformanceUnstyled,
+  screen,
+} from '@mui-internal/test-utils';
 import { Popper, popperClasses } from '@mui/base/Popper';
 
 describe('<Popper />', () => {
diff --git a/packages/mui-base/src/Popper/Popper.tsx b/packages/mui-base/src/Popper/Popper.tsx
index 7ae7898921b13a..b7a44861a4fcf6 100644
--- a/packages/mui-base/src/Popper/Popper.tsx
+++ b/packages/mui-base/src/Popper/Popper.tsx
@@ -96,7 +96,7 @@ const PopperTooltip = React.forwardRef(function PopperTooltip<
     ...other
   } = props;
 
-  const tooltipRef = React.useRef<HTMLElement | null>(null);
+  const tooltipRef = React.useRef<HTMLElement>(null);
   const ownRef = useForkRef(tooltipRef, forwardedRef);
 
   const popperRef = React.useRef<Instance | null>(null);
diff --git a/packages/mui-base/src/Portal/Portal.test.tsx b/packages/mui-base/src/Portal/Portal.test.tsx
index 382af766bfae9c..2d0091ac5539fb 100644
--- a/packages/mui-base/src/Portal/Portal.test.tsx
+++ b/packages/mui-base/src/Portal/Portal.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { Portal, PortalProps } from '@mui/base/Portal';
 
 describe('<Portal />', () => {
diff --git a/packages/mui-base/src/Select/Select.test.tsx b/packages/mui-base/src/Select/Select.test.tsx
index 1213d9ca41246e..145bfe0ae4e002 100644
--- a/packages/mui-base/src/Select/Select.test.tsx
+++ b/packages/mui-base/src/Select/Select.test.tsx
@@ -9,7 +9,7 @@ import {
   userEvent,
   act,
   screen,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { Select, SelectListboxSlotProps, selectClasses } from '@mui/base/Select';
 import { useOption, SelectOption } from '@mui/base/useOption';
 import { Option, OptionProps, optionClasses } from '@mui/base/Option';
@@ -20,7 +20,7 @@ describe('<Select />', () => {
   const { render } = createRenderer();
 
   const componentToTest = (
-    <Select defaultListboxOpen slotProps={{ popper: { disablePortal: true } }}>
+    <Select defaultListboxOpen defaultValue={1} slotProps={{ popper: { disablePortal: true } }}>
       <OptionGroup label="Group">
         <Option value={1}>1</Option>
       </OptionGroup>
@@ -523,7 +523,7 @@ describe('<Select />', () => {
         const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
           event.preventDefault();
           const formData = new FormData(event.currentTarget);
-          expect(formData.get('test-select')).to.equal('2,3');
+          expect(formData.get('test-select')).to.equal('[2,3]');
         };
 
         const { getByText } = render(
@@ -801,6 +801,19 @@ describe('<Select />', () => {
     });
   });
 
+  describe('prop: placeholder', () => {
+    it('renders when no value is selected ', () => {
+      const { getByRole } = render(
+        <Select placeholder="Placeholder text">
+          <Option value={1}>One</Option>
+          <Option value={2}>Two</Option>
+        </Select>,
+      );
+
+      expect(getByRole('combobox')).to.have.text('Placeholder text');
+    });
+  });
+
   describe('prop: renderValue', () => {
     it('renders the selected value using the renderValue prop', () => {
       const { getByRole } = render(
@@ -824,6 +837,20 @@ describe('<Select />', () => {
       expect(getByRole('combobox')).to.have.text('One');
     });
 
+    it('renders a zero-width space when there is no selected value nor placeholder and renderValue is not provided', () => {
+      const { getByRole } = render(
+        <Select>
+          <Option value={1}>One</Option>
+          <Option value={2}>Two</Option>
+        </Select>,
+      );
+
+      const select = getByRole('combobox');
+      const zws = select.querySelector('.notranslate');
+
+      expect(zws).not.to.equal(null);
+    });
+
     it('renders the selected values (multiple) using the renderValue prop', () => {
       const { getByRole } = render(
         <Select
@@ -1058,7 +1085,7 @@ describe('<Select />', () => {
     });
 
     it('does not steal focus from other elements on page when it is open on mount', () => {
-      const { getByRole } = render(
+      const { getAllByRole } = render(
         <div>
           <input autoFocus />
           <Select defaultListboxOpen>
@@ -1068,7 +1095,7 @@ describe('<Select />', () => {
         </div>,
       );
 
-      const input = getByRole('textbox');
+      const input = getAllByRole('textbox')[0];
       expect(document.activeElement).to.equal(input);
     });
 
diff --git a/packages/mui-base/src/Select/Select.tsx b/packages/mui-base/src/Select/Select.tsx
index 9954dad3063441..9eb8efc904dd6b 100644
--- a/packages/mui-base/src/Select/Select.tsx
+++ b/packages/mui-base/src/Select/Select.tsx
@@ -27,40 +27,7 @@ function defaultRenderValue<OptionValue>(
     return <React.Fragment>{selectedOptions.map((o) => o.label).join(', ')}</React.Fragment>;
   }
 
-  return selectedOptions?.label ?? '';
-}
-
-function defaultFormValueProvider<OptionValue>(
-  selectedOption: SelectOption<OptionValue> | SelectOption<OptionValue>[] | null,
-) {
-  if (Array.isArray(selectedOption)) {
-    if (selectedOption.length === 0) {
-      return '';
-    }
-
-    if (
-      selectedOption.every(
-        (o) =>
-          typeof o.value === 'string' ||
-          typeof o.value === 'number' ||
-          typeof o.value === 'boolean',
-      )
-    ) {
-      return selectedOption.map((o) => String(o.value));
-    }
-
-    return JSON.stringify(selectedOption.map((o) => o.value));
-  }
-
-  if (selectedOption?.value == null) {
-    return '';
-  }
-
-  if (typeof selectedOption.value === 'string' || typeof selectedOption.value === 'number') {
-    return selectedOption.value;
-  }
-
-  return JSON.stringify(selectedOption.value);
+  return selectedOptions?.label ?? null;
 }
 
 function useUtilityClasses<OptionValue extends {}, Multiple extends boolean>(
@@ -109,15 +76,17 @@ const Select = React.forwardRef(function Select<
     defaultValue,
     defaultListboxOpen = false,
     disabled: disabledProp,
-    getSerializedValue = defaultFormValueProvider,
+    getSerializedValue,
     listboxId,
     listboxOpen: listboxOpenProp,
     multiple = false as Multiple,
     name,
+    required = false,
     onChange,
     onListboxOpenChange,
     getOptionAsString = defaultOptionStringifier,
     renderValue: renderValueProp,
+    placeholder,
     slotProps = {},
     slots = {},
     value: valueProp,
@@ -128,7 +97,7 @@ const Select = React.forwardRef(function Select<
     renderValueProp ?? defaultRenderValue;
 
   const [buttonDefined, setButtonDefined] = React.useState(false);
-  const buttonRef = React.useRef<HTMLElement | null>(null);
+  const buttonRef = React.useRef<HTMLElement>(null);
   const listboxRef = React.useRef<HTMLElement>(null);
 
   const Button = slots.root ?? 'button';
@@ -154,10 +123,14 @@ const Select = React.forwardRef(function Select<
     disabled,
     getButtonProps,
     getListboxProps,
+    getHiddenInputProps,
     getOptionMetadata,
     value,
     open,
   } = useSelect({
+    name,
+    required,
+    getSerializedValue,
     areOptionsEqual,
     buttonRef: handleButtonRef,
     defaultOpen: defaultListboxOpen,
@@ -237,7 +210,13 @@ const Select = React.forwardRef(function Select<
 
   return (
     <React.Fragment>
-      <Button {...buttonProps}>{renderValue(selectedOptionsMetadata)}</Button>
+      <Button {...buttonProps}>
+        {renderValue(selectedOptionsMetadata) ?? placeholder ?? (
+          // fall back to a zero-width space to prevent layout shift
+          // from https://github.com/mui/material-ui/pull/24563
+          <span className="notranslate">&#8203;</span>
+        )}
+      </Button>
       {buttonDefined && (
         <PopperComponent {...popperProps}>
           <ListboxRoot {...listboxProps}>
@@ -246,9 +225,7 @@ const Select = React.forwardRef(function Select<
         </PopperComponent>
       )}
 
-      {name && (
-        <input type="hidden" name={name} value={getSerializedValue(selectedOptionsMetadata)} />
-      )}
+      <input {...getHiddenInputProps()} />
     </React.Fragment>
   );
 }) as SelectType;
@@ -337,10 +314,19 @@ Select.propTypes /* remove-proptypes */ = {
    * Use in controlled mode (see listboxOpen).
    */
   onListboxOpenChange: PropTypes.func,
+  /**
+   * Text to show when there is no selected value.
+   */
+  placeholder: PropTypes.node,
   /**
    * Function that customizes the rendering of the selected value.
    */
   renderValue: PropTypes.func,
+  /**
+   * If `true`, the Select cannot be empty when submitting form.
+   * @default false
+   */
+  required: PropTypes.bool,
   /**
    * The props used for each slot inside the Input.
    * @default {}
diff --git a/packages/mui-base/src/Select/Select.types.ts b/packages/mui-base/src/Select/Select.types.ts
index 33d71962596bf3..f2d2be2c5cb93b 100644
--- a/packages/mui-base/src/Select/Select.types.ts
+++ b/packages/mui-base/src/Select/Select.types.ts
@@ -92,6 +92,10 @@ export interface SelectOwnProps<OptionValue extends {}, Multiple extends boolean
    * Function that customizes the rendering of the selected value.
    */
   renderValue?: (option: SelectValue<SelectOption<OptionValue>, Multiple>) => React.ReactNode;
+  /**
+   * Text to show when there is no selected value.
+   */
+  placeholder?: React.ReactNode;
   /**
    * The props used for each slot inside the Input.
    * @default {}
@@ -113,6 +117,11 @@ export interface SelectOwnProps<OptionValue extends {}, Multiple extends boolean
       SelectOwnerState<OptionValue, Multiple>
     >;
   };
+  /**
+   * If `true`, the Select cannot be empty when submitting form.
+   * @default false
+   */
+  required?: boolean;
   /**
    * The components used for each slot inside the Select.
    * Either a string to use a HTML element or a component.
diff --git a/packages/mui-base/src/Slider/Slider.test.tsx b/packages/mui-base/src/Slider/Slider.test.tsx
index 787b7ddd2e1b85..8905a763709add 100644
--- a/packages/mui-base/src/Slider/Slider.test.tsx
+++ b/packages/mui-base/src/Slider/Slider.test.tsx
@@ -8,7 +8,7 @@ import {
   describeConformanceUnstyled,
   fireEvent,
   screen,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import {
   Slider,
   sliderClasses as classes,
diff --git a/packages/mui-base/src/Slider/Slider.types.ts b/packages/mui-base/src/Slider/Slider.types.ts
index 48eb79e0f117ee..e434b2311e32e8 100644
--- a/packages/mui-base/src/Slider/Slider.types.ts
+++ b/packages/mui-base/src/Slider/Slider.types.ts
@@ -1,4 +1,4 @@
-import { OverridableComponent, OverridableTypeMap, Simplify } from '@mui/types';
+import { Simplify } from '@mui/types';
 import * as React from 'react';
 import { PolymorphicProps, SlotComponentProps, SlotComponentPropsWithSlotState } from '../utils';
 import {
@@ -169,18 +169,6 @@ export interface SliderTypeMap<
   defaultComponent: RootComponentType;
 }
 
-/**
- * Utility to create component types that inherit props from Slider.
- */
-export interface ExtendSliderTypeMap<TypeMap extends OverridableTypeMap> {
-  props: TypeMap['props'] & Omit<SliderTypeMap['props'], 'isRtl'>;
-  defaultComponent: TypeMap['defaultComponent'];
-}
-
-export type ExtendSlider<TypeMap extends OverridableTypeMap> = OverridableComponent<
-  ExtendSliderTypeMap<TypeMap>
->;
-
 export type SliderProps<
   RootComponentType extends React.ElementType = SliderTypeMap['defaultComponent'],
 > = PolymorphicProps<SliderTypeMap<{}, RootComponentType>, RootComponentType>;
diff --git a/packages/mui-base/src/Snackbar/Snackbar.test.tsx b/packages/mui-base/src/Snackbar/Snackbar.test.tsx
index 11f1a5431e74e2..0f4fe6824ffbf2 100644
--- a/packages/mui-base/src/Snackbar/Snackbar.test.tsx
+++ b/packages/mui-base/src/Snackbar/Snackbar.test.tsx
@@ -7,7 +7,7 @@ import {
   createMount,
   describeConformanceUnstyled,
   fireEvent,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { Snackbar, snackbarClasses as classes } from '@mui/base/Snackbar';
 
 describe('<Snackbar />', () => {
diff --git a/packages/mui-base/src/Switch/Switch.test.tsx b/packages/mui-base/src/Switch/Switch.test.tsx
index 65b603e83a347d..6861f25b3b779d 100644
--- a/packages/mui-base/src/Switch/Switch.test.tsx
+++ b/packages/mui-base/src/Switch/Switch.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createMount, createRenderer, describeConformanceUnstyled } from 'test/utils';
+import { createMount, createRenderer, describeConformanceUnstyled } from '@mui-internal/test-utils';
 import { expect } from 'chai';
 import { Switch, SwitchOwnerState, switchClasses } from '@mui/base/Switch';
 
diff --git a/packages/mui-base/src/Switch/Switch.tsx b/packages/mui-base/src/Switch/Switch.tsx
index 5d44faa9f82382..79546bfabbdbf9 100644
--- a/packages/mui-base/src/Switch/Switch.tsx
+++ b/packages/mui-base/src/Switch/Switch.tsx
@@ -66,18 +66,7 @@ const Switch = React.forwardRef(function Switch<RootComponentType extends React.
     ...other
   } = props;
 
-  const useSwitchProps = {
-    checked: checkedProp,
-    defaultChecked,
-    disabled: disabledProp,
-    onBlur,
-    onChange,
-    onFocus,
-    onFocusVisible,
-    readOnly: readOnlyProp,
-  };
-
-  const { getInputProps, checked, disabled, focusVisible, readOnly } = useSwitch(useSwitchProps);
+  const { getInputProps, checked, disabled, focusVisible, readOnly } = useSwitch(props);
 
   const ownerState: SwitchOwnerState = {
     ...props,
diff --git a/packages/mui-base/src/Tab/Tab.test.tsx b/packages/mui-base/src/Tab/Tab.test.tsx
index 056cbf45483e74..9f03a094bb4c24 100644
--- a/packages/mui-base/src/Tab/Tab.test.tsx
+++ b/packages/mui-base/src/Tab/Tab.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createMount, createRenderer, describeConformanceUnstyled } from 'test/utils';
+import { createMount, createRenderer, describeConformanceUnstyled } from '@mui-internal/test-utils';
 import { Tab, tabClasses } from '@mui/base/Tab';
 import { TabsListProvider, TabsListProviderValue } from '../useTabsList';
 import { TabsContext } from '../Tabs';
diff --git a/packages/mui-base/src/TabPanel/TabPanel.test.tsx b/packages/mui-base/src/TabPanel/TabPanel.test.tsx
index 453984c6c60334..5be5722b97017d 100644
--- a/packages/mui-base/src/TabPanel/TabPanel.test.tsx
+++ b/packages/mui-base/src/TabPanel/TabPanel.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createMount, createRenderer, describeConformanceUnstyled } from 'test/utils';
+import { createMount, createRenderer, describeConformanceUnstyled } from '@mui-internal/test-utils';
 import { TabPanel, tabPanelClasses } from '@mui/base/TabPanel';
 import { TabsProvider, TabsProviderValue } from '../useTabs';
 
diff --git a/packages/mui-base/src/TablePagination/TablePagination.test.tsx b/packages/mui-base/src/TablePagination/TablePagination.test.tsx
index fb55ab9d930756..813898a236b710 100644
--- a/packages/mui-base/src/TablePagination/TablePagination.test.tsx
+++ b/packages/mui-base/src/TablePagination/TablePagination.test.tsx
@@ -2,7 +2,12 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import PropTypes from 'prop-types';
-import { describeConformanceUnstyled, fireEvent, createRenderer, createMount } from 'test/utils';
+import {
+  describeConformanceUnstyled,
+  fireEvent,
+  createRenderer,
+  createMount,
+} from '@mui-internal/test-utils';
 import TableFooter from '@mui/material/TableFooter';
 import TableRow from '@mui/material/TableRow';
 import {
diff --git a/packages/mui-base/src/Tabs/Tabs.test.tsx b/packages/mui-base/src/Tabs/Tabs.test.tsx
index 564a59877784c8..8096e1404054d5 100644
--- a/packages/mui-base/src/Tabs/Tabs.test.tsx
+++ b/packages/mui-base/src/Tabs/Tabs.test.tsx
@@ -8,7 +8,7 @@ import {
   fireEvent,
   screen,
   createMount,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { Tab } from '@mui/base/Tab';
 import { Tabs, tabsClasses as classes, TabsProps } from '@mui/base/Tabs';
 import { TabsList } from '@mui/base/TabsList';
diff --git a/packages/mui-base/src/TabsList/TabsList.test.tsx b/packages/mui-base/src/TabsList/TabsList.test.tsx
index 2294d482656af6..0c547161abe083 100644
--- a/packages/mui-base/src/TabsList/TabsList.test.tsx
+++ b/packages/mui-base/src/TabsList/TabsList.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createMount, createRenderer, describeConformanceUnstyled } from 'test/utils';
+import { createMount, createRenderer, describeConformanceUnstyled } from '@mui-internal/test-utils';
 import { TabsContext } from '@mui/base/Tabs';
 import { TabsList, tabsListClasses } from '@mui/base/TabsList';
 
diff --git a/packages/mui-base/src/TextareaAutosize/TextareaAutosize.test.tsx b/packages/mui-base/src/TextareaAutosize/TextareaAutosize.test.tsx
index 1740aa8eb6b37b..76db8c8d003cd9 100644
--- a/packages/mui-base/src/TextareaAutosize/TextareaAutosize.test.tsx
+++ b/packages/mui-base/src/TextareaAutosize/TextareaAutosize.test.tsx
@@ -4,17 +4,42 @@ import sinon, { spy, stub } from 'sinon';
 import {
   describeConformanceUnstyled,
   act,
+  screen,
+  waitFor,
   createMount,
   createRenderer,
   fireEvent,
   strictModeDoubleLoggingSuppressed,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { TextareaAutosize } from '@mui/base/TextareaAutosize';
 
 function getStyleValue(value: string) {
   return parseInt(value, 10) || 0;
 }
 
+// TODO: merge into a shared test helpers.
+// MUI X already have one under mui-x/test/utils/helperFn.ts
+function sleep(duration: number): Promise<void> {
+  return new Promise<void>((resolve) => {
+    setTimeout(() => {
+      resolve();
+    }, duration);
+  });
+}
+
+async function raf() {
+  return new Promise<void>((resolve) => {
+    // Chrome and Safari have a bug where calling rAF once returns the current
+    // frame instead of the next frame, so we need to call a double rAF here.
+    // See crbug.com/675795 for more.
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        resolve();
+      });
+    });
+  });
+}
+
 describe('<TextareaAutosize />', () => {
   const { clock, render } = createRenderer();
   const mount = createMount();
@@ -36,6 +61,109 @@ describe('<TextareaAutosize />', () => {
     ],
   }));
 
+  // For https://github.com/mui/material-ui/pull/33238
+  it('should not crash when unmounting with Suspense', async () => {
+    const LazyRoute = React.lazy(() => {
+      // Force react to show fallback suspense
+      return new Promise<any>((resolve) => {
+        setTimeout(() => {
+          resolve({
+            default: () => <div>LazyRoute</div>,
+          });
+        }, 0);
+      });
+    });
+
+    function App() {
+      const [toggle, setToggle] = React.useState(false);
+
+      return (
+        <React.Suspense fallback={null}>
+          <button onClick={() => setToggle((r) => !r)}>Toggle</button>
+          {toggle ? <LazyRoute /> : <TextareaAutosize />}
+        </React.Suspense>
+      );
+    }
+
+    render(<App />);
+    const button = screen.getByRole('button');
+    fireEvent.click(button);
+    await waitFor(() => {
+      expect(screen.queryByText('LazyRoute')).not.to.equal(null);
+    });
+  });
+
+  // For https://github.com/mui/material-ui/pull/33253
+  it('should update height without an infinite rendering loop', async () => {
+    function App() {
+      const [value, setValue] = React.useState('Controlled');
+
+      const handleChange = (event: React.ChangeEvent<any>) => {
+        setValue(event.target.value);
+      };
+
+      return <TextareaAutosize value={value} onChange={handleChange} />;
+    }
+    const { container } = render(<App />);
+    const input = container.querySelector<HTMLTextAreaElement>('textarea')!;
+    act(() => {
+      input.focus();
+    });
+    const activeElement = document.activeElement!;
+    // set the value of the input to be 1 larger than its content width
+    fireEvent.change(activeElement, {
+      target: { value: 'Controlled\n' },
+    });
+    await sleep(0);
+    fireEvent.change(activeElement, {
+      target: { value: 'Controlled\n\n' },
+    });
+  });
+
+  // For https://github.com/mui/material-ui/pull/37135
+  it('should update height without delay', async function test() {
+    if (/jsdom/.test(window.navigator.userAgent)) {
+      // It depends on ResizeObserver
+      this.skip();
+    }
+
+    function App() {
+      const ref = React.useRef<HTMLTextAreaElement>(null);
+      return (
+        <div>
+          <button
+            onClick={() => {
+              ref.current!.style.width = '250px';
+            }}
+          >
+            change
+          </button>
+          <div>
+            <TextareaAutosize
+              ref={ref}
+              style={{
+                width: 150,
+                padding: 0,
+                fontSize: 14,
+                lineHeight: '15px',
+                border: '1px solid',
+              }}
+              defaultValue="qdzqzd qzd qzd qzd qz dqz"
+            />
+          </div>
+        </div>
+      );
+    }
+    const { container } = render(<App />);
+    const input = container.querySelector<HTMLTextAreaElement>('textarea')!;
+    const button = screen.getByRole('button');
+    expect(parseInt(input.style.height, 10)).to.be.within(30, 32);
+    fireEvent.click(button);
+    await raf();
+    await raf();
+    expect(parseInt(input.style.height, 10)).to.be.within(15, 17);
+  });
+
   describe('layout', () => {
     const getComputedStyleStub = new Map<Element, Partial<CSSStyleDeclaration>>();
     function setLayout(
diff --git a/packages/mui-base/src/TextareaAutosize/TextareaAutosize.tsx b/packages/mui-base/src/TextareaAutosize/TextareaAutosize.tsx
index 0d73e4ed0bd107..9f582765f6e932 100644
--- a/packages/mui-base/src/TextareaAutosize/TextareaAutosize.tsx
+++ b/packages/mui-base/src/TextareaAutosize/TextareaAutosize.tsx
@@ -163,60 +163,66 @@ const TextareaAutosize = React.forwardRef(function TextareaAutosize(
       return;
     }
 
-    setState((prevState) => {
-      return updateState(prevState, newState);
-    });
+    setState((prevState) => updateState(prevState, newState));
   }, [getUpdatedState]);
 
-  const syncHeightWithFlushSync = () => {
-    const newState = getUpdatedState();
+  useEnhancedEffect(() => {
+    const syncHeightWithFlushSync = () => {
+      const newState = getUpdatedState();
 
-    if (isEmpty(newState)) {
-      return;
-    }
+      if (isEmpty(newState)) {
+        return;
+      }
 
-    // In React 18, state updates in a ResizeObserver's callback are happening after the paint which causes flickering
-    // when doing some visual updates in it. Using flushSync ensures that the dom will be painted after the states updates happen
-    // Related issue - https://github.com/facebook/react/issues/24331
-    ReactDOM.flushSync(() => {
-      setState((prevState) => {
-        return updateState(prevState, newState);
+      // In React 18, state updates in a ResizeObserver's callback are happening after
+      // the paint, this leads to an infinite rendering.
+      //
+      // Using flushSync ensures that the states is updated before the next pain.
+      // Related issue - https://github.com/facebook/react/issues/24331
+      ReactDOM.flushSync(() => {
+        setState((prevState) => updateState(prevState, newState));
       });
-    });
-  };
+    };
 
-  React.useEffect(() => {
-    const handleResize = debounce(() => {
+    const handleResize = () => {
       renders.current = 0;
-
-      // If the TextareaAutosize component is replaced by Suspense with a fallback, the last
-      // ResizeObserver's handler that runs because of the change in the layout is trying to
-      // access a dom node that is no longer there (as the fallback component is being shown instead).
-      // See https://github.com/mui/material-ui/issues/32640
-      if (inputRef.current) {
-        syncHeightWithFlushSync();
-      }
-    });
-    let resizeObserver: ResizeObserver;
-
+      syncHeightWithFlushSync();
+    };
+    // Workaround a "ResizeObserver loop completed with undelivered notifications" error
+    // in test.
+    // Note that we might need to use this logic in production per https://github.com/WICG/resize-observer/issues/38
+    // Also see https://github.com/mui/mui-x/issues/8733
+    let rAF: any;
+    const rAFHandleResize = () => {
+      cancelAnimationFrame(rAF);
+      rAF = requestAnimationFrame(() => {
+        handleResize();
+      });
+    };
+    const debounceHandleResize = debounce(handleResize);
     const input = inputRef.current!;
     const containerWindow = ownerWindow(input);
 
-    containerWindow.addEventListener('resize', handleResize);
+    containerWindow.addEventListener('resize', debounceHandleResize);
+
+    let resizeObserver: ResizeObserver;
 
     if (typeof ResizeObserver !== 'undefined') {
-      resizeObserver = new ResizeObserver(handleResize);
+      resizeObserver = new ResizeObserver(
+        process.env.NODE_ENV === 'test' ? rAFHandleResize : handleResize,
+      );
       resizeObserver.observe(input);
     }
 
     return () => {
-      handleResize.clear();
-      containerWindow.removeEventListener('resize', handleResize);
+      debounceHandleResize.clear();
+      cancelAnimationFrame(rAF);
+      containerWindow.removeEventListener('resize', debounceHandleResize);
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
     };
-  });
+  }, [getUpdatedState]);
 
   useEnhancedEffect(() => {
     syncHeight();
diff --git a/packages/mui-base/src/Unstable_NumberInput/NumberInput.test.tsx b/packages/mui-base/src/Unstable_NumberInput/NumberInput.test.tsx
index d5b18aa48c9ef3..2137df1b057c9d 100644
--- a/packages/mui-base/src/Unstable_NumberInput/NumberInput.test.tsx
+++ b/packages/mui-base/src/Unstable_NumberInput/NumberInput.test.tsx
@@ -8,7 +8,7 @@ import {
   createRenderer,
   describeConformanceUnstyled,
   fireEvent,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import {
   Unstable_NumberInput as NumberInput,
   numberInputClasses,
@@ -428,4 +428,22 @@ describe('<NumberInput />', () => {
       expect(document.activeElement).to.equal(document.body);
     });
   });
+
+  describe('prop: startAdornment, prop: endAdornment', () => {
+    it('should render adornment before input', () => {
+      const { getByTestId } = render(
+        <NumberInput startAdornment={<span data-testid="adornment">$</span>} />,
+      );
+
+      expect(getByTestId('adornment')).not.to.equal(null);
+    });
+
+    it('should render adornment after input', () => {
+      const { getByTestId } = render(
+        <NumberInput endAdornment={<span data-testid="adornment">$</span>} />,
+      );
+
+      expect(getByTestId('adornment')).not.to.equal(null);
+    });
+  });
 });
diff --git a/packages/mui-base/src/Unstable_NumberInput/NumberInput.tsx b/packages/mui-base/src/Unstable_NumberInput/NumberInput.tsx
index ec9740361d2027..9dc712214a31c4 100644
--- a/packages/mui-base/src/Unstable_NumberInput/NumberInput.tsx
+++ b/packages/mui-base/src/Unstable_NumberInput/NumberInput.tsx
@@ -26,6 +26,8 @@ const useUtilityClasses = (ownerState: NumberInputOwnerState) => {
     formControlContext,
     isIncrementDisabled,
     isDecrementDisabled,
+    startAdornment,
+    endAdornment,
   } = ownerState;
 
   const slots = {
@@ -36,6 +38,8 @@ const useUtilityClasses = (ownerState: NumberInputOwnerState) => {
       focused && 'focused',
       readOnly && 'readOnly',
       Boolean(formControlContext) && 'formControl',
+      Boolean(startAdornment) && 'adornedStart',
+      Boolean(endAdornment) && 'adornedEnd',
     ],
     input: ['input', disabled && 'disabled', readOnly && 'readOnly'],
     incrementButton: ['incrementButton', isIncrementDisabled && 'disabled'],
@@ -63,6 +67,7 @@ const NumberInput = React.forwardRef(function NumberInput(
     className,
     defaultValue,
     disabled,
+    endAdornment,
     error,
     id,
     max,
@@ -75,6 +80,7 @@ const NumberInput = React.forwardRef(function NumberInput(
     required,
     readOnly = false,
     shiftMultiplier,
+    startAdornment,
     step,
     value,
     slotProps = {},
@@ -175,7 +181,9 @@ const NumberInput = React.forwardRef(function NumberInput(
     <Root {...rootProps}>
       <DecrementButton {...decrementButtonProps} />
       <IncrementButton {...incrementButtonProps} />
+      {startAdornment}
       <Input {...inputProps} />
+      {endAdornment}
     </Root>
   );
 }) as OverridableComponent<NumberInputTypeMap>;
@@ -202,6 +210,10 @@ NumberInput.propTypes /* remove-proptypes */ = {
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
   disabled: PropTypes.bool,
+  /**
+   * Trailing adornment for this input.
+   */
+  endAdornment: PropTypes.node,
   /**
    * If `true`, the `input` will indicate an error by setting the `aria-invalid` attribute on the input and the `Mui-error` class on the root element.
    */
@@ -284,6 +296,10 @@ NumberInput.propTypes /* remove-proptypes */ = {
     input: PropTypes.elementType,
     root: PropTypes.elementType,
   }),
+  /**
+   * Leading adornment for this input.
+   */
+  startAdornment: PropTypes.node,
   /**
    * The amount that the value changes on each increment or decrement.
    */
diff --git a/packages/mui-base/src/Unstable_NumberInput/NumberInput.types.ts b/packages/mui-base/src/Unstable_NumberInput/NumberInput.types.ts
index 16406b02e37f51..aff1a68188cba9 100644
--- a/packages/mui-base/src/Unstable_NumberInput/NumberInput.types.ts
+++ b/packages/mui-base/src/Unstable_NumberInput/NumberInput.types.ts
@@ -13,6 +13,10 @@ export interface NumberInputInputSlotPropsOverrides {}
 export interface NumberInputStepperButtonSlotPropsOverrides {}
 
 export type NumberInputOwnProps = Omit<UseNumberInputParameters, 'error'> & {
+  /**
+   * Trailing adornment for this input.
+   */
+  endAdornment?: React.ReactNode;
   /**
    * If `true`, the `input` will indicate an error by setting the `aria-invalid` attribute on the input and the `Mui-error` class on the root element.
    */
@@ -45,6 +49,10 @@ export type NumberInputOwnProps = Omit<UseNumberInputParameters, 'error'> & {
    * @default {}
    */
   slots?: NumberInputSlots;
+  /**
+   * Leading adornment for this input.
+   */
+  startAdornment?: React.ReactNode;
 };
 
 export interface NumberInputSlots {
diff --git a/packages/mui-base/src/Unstable_NumberInput/numberInputClasses.ts b/packages/mui-base/src/Unstable_NumberInput/numberInputClasses.ts
index 14643ec2bd0bab..369b6724f37351 100644
--- a/packages/mui-base/src/Unstable_NumberInput/numberInputClasses.ts
+++ b/packages/mui-base/src/Unstable_NumberInput/numberInputClasses.ts
@@ -7,9 +7,9 @@ export interface NumberInputClasses {
   /** Class name applied to the root element if the component is a descendant of `FormControl`. */
   formControl: string;
   /** Class name applied to the root element if `startAdornment` is provided. */
-  // TODO:  adornedStart: string;
+  adornedStart: string;
   /** Class name applied to the root element if `endAdornment` is provided. */
-  // TODO: adornedEnd: string;
+  adornedEnd: string;
   /** Class name applied to the root element if the component is focused. */
   focused: string;
   /** Class name applied to the root element if `disabled={true}`. */
@@ -42,6 +42,6 @@ export const numberInputClasses: NumberInputClasses = generateUtilityClasses('Mu
   'input',
   'incrementButton',
   'decrementButton',
-  // 'adornedStart',
-  // 'adornedEnd',
+  'adornedStart',
+  'adornedEnd',
 ]);
diff --git a/packages/mui-base/src/Unstable_Popup/Popup.test.tsx b/packages/mui-base/src/Unstable_Popup/Popup.test.tsx
new file mode 100644
index 00000000000000..a0d7d3b4b7598d
--- /dev/null
+++ b/packages/mui-base/src/Unstable_Popup/Popup.test.tsx
@@ -0,0 +1,362 @@
+import * as React from 'react';
+import { expect } from 'chai';
+import {
+  act,
+  createRenderer,
+  createMount,
+  describeConformanceUnstyled,
+  screen,
+  fireEvent,
+} from '@mui-internal/test-utils';
+import {
+  Unstable_Popup as Popup,
+  popupClasses,
+  PopupProps,
+  PopupChildrenProps,
+} from '@mui/base/Unstable_Popup';
+
+type FakeTransitionProps = Omit<PopupChildrenProps, 'placement'> & {
+  children: React.ReactNode;
+};
+
+const TRANSITION_DURATION = 100;
+
+function FakeTransition(props: FakeTransitionProps) {
+  const { children: transitionChildren, requestOpen, onExited, onEnter } = props;
+
+  React.useEffect(() => {
+    let timeoutId: NodeJS.Timeout | null = null;
+    if (requestOpen) {
+      onEnter();
+    } else {
+      timeoutId = setTimeout(() => {
+        act(() => onExited());
+      }, TRANSITION_DURATION);
+    }
+
+    return () => {
+      if (timeoutId !== null) {
+        onExited();
+        clearTimeout(timeoutId);
+        timeoutId = null;
+      }
+    };
+  }, [requestOpen, onExited, onEnter]);
+
+  return <div>{transitionChildren}</div>;
+}
+
+describe('<Popup />', () => {
+  const { clock, render } = createRenderer();
+  const mount = createMount();
+
+  // https://floating-ui.com/docs/react#testing
+  async function waitForPosition() {
+    if (/jsdom/.test(window.navigator.userAgent)) {
+      // This is only needed for JSDOM and causes issues in real browsers
+      await act(() => async () => {});
+    }
+  }
+
+  const defaultProps: PopupProps = {
+    anchor: () => document.createElement('div'),
+    children: <span>Hello World</span>,
+    open: true,
+  };
+
+  describeConformanceUnstyled(<Popup {...defaultProps} />, () => ({
+    inheritComponent: 'div',
+    render: async (...renderArgs) => {
+      const result = render(...renderArgs);
+      await waitForPosition();
+
+      return result;
+    },
+    mount,
+    refInstanceof: window.HTMLDivElement,
+    skip: [
+      // https://github.com/facebook/react/issues/11565
+      'reactTestRenderer',
+      'componentProp',
+    ],
+    slots: {
+      root: {
+        expectedClassName: popupClasses.root,
+      },
+    },
+  }));
+
+  describe('prop: placement', () => {
+    it('should have top placement', async () => {
+      render(
+        <Popup {...defaultProps} placement="top">
+          {({ placement }: PopupChildrenProps) => {
+            return <span data-testid="renderSpy" data-placement={placement} />;
+          }}
+        </Popup>,
+      );
+
+      await waitForPosition();
+
+      expect(screen.getByTestId('renderSpy')).to.have.attribute('data-placement', 'top');
+    });
+
+    it('should respect the RTL setting', async function test() {
+      if (/jsdom/.test(window.navigator.userAgent)) {
+        this.skip();
+      }
+
+      function RtlTest() {
+        const [anchor, setAnchor] = React.useState<HTMLDivElement | null>(null);
+        const [isRtl, setIsRtl] = React.useState(false);
+
+        const handleClick = () => {
+          setIsRtl((rtl) => !rtl);
+        };
+
+        return (
+          <div dir={isRtl ? 'rtl' : undefined}>
+            <div
+              tabIndex={0}
+              role="button"
+              ref={setAnchor}
+              style={{ width: '200px' }}
+              onClick={handleClick}
+            >
+              Anchor
+            </div>
+            <Popup anchor={anchor} open placement="top-start" disablePortal>
+              <div style={{ width: '50px', overflow: 'hidden' }}>Popup</div>
+            </Popup>
+          </div>
+        );
+      }
+
+      render(<RtlTest />);
+      await waitForPosition();
+
+      await new Promise((resolve) => {
+        requestAnimationFrame(resolve);
+      });
+
+      const anchor = screen.getByRole('button')!;
+      const popup = screen.getByRole('tooltip')!;
+
+      expect(popup.getBoundingClientRect().left).to.equal(anchor.getBoundingClientRect().left);
+      expect(popup.getBoundingClientRect().right).not.to.equal(
+        anchor.getBoundingClientRect().right,
+      );
+
+      act(() => {
+        anchor.click();
+      });
+
+      await waitForPosition();
+      expect(popup.getBoundingClientRect().right).to.equal(popup.getBoundingClientRect().right);
+      expect(popup.getBoundingClientRect().left).not.to.equal(anchor.getBoundingClientRect().left);
+    });
+
+    it('should flip placement when edge is reached', async function test() {
+      // JSDOM has no layout engine so PopperJS doesn't know that it should flip the placement.
+      if (/jsdom/.test(window.navigator.userAgent)) {
+        this.skip();
+      }
+
+      function FlipTest() {
+        const [anchor, setAnchor] = React.useState<HTMLButtonElement | null>(null);
+        const containerRef = React.useRef<HTMLDivElement>(null);
+
+        const handleClick = () => {
+          containerRef.current!.scrollTop = 30;
+        };
+
+        return (
+          <div
+            style={{ height: '100px', overflow: 'scroll', position: 'relative' }}
+            ref={containerRef}
+          >
+            <div style={{ height: '100px', padding: '20px' }}>
+              <button type="button" ref={setAnchor} onClick={handleClick}>
+                Scroll
+              </button>
+              <Popup anchor={anchor} open placement="top" disablePortal>
+                {({ placement }: PopupChildrenProps) => <span>{placement}</span>}
+              </Popup>
+            </div>
+          </div>
+        );
+      }
+
+      render(<FlipTest />);
+      expect(screen.getByRole('tooltip')).to.have.text('top');
+
+      act(() => screen.getByRole('button').click());
+
+      // wait for the scroll event to trigger the update
+      await new Promise((resolve) => {
+        requestAnimationFrame(resolve);
+      });
+
+      expect(screen.getByRole('tooltip')).to.have.text('bottom');
+    });
+  });
+
+  describe('prop: open', () => {
+    it('should open without any issues', async () => {
+      const { queryByRole, getByRole, setProps } = render(<Popup {...defaultProps} open={false} />);
+
+      await waitForPosition();
+      expect(queryByRole('tooltip')).to.equal(null);
+
+      setProps({ open: true });
+      await waitForPosition();
+      expect(getByRole('tooltip')).to.have.text('Hello World');
+    });
+
+    it('should close without any issues', async () => {
+      const { queryByRole, getByRole, setProps } = render(<Popup {...defaultProps} />);
+
+      await waitForPosition();
+      expect(getByRole('tooltip')).to.have.text('Hello World');
+
+      setProps({ open: false });
+      await waitForPosition();
+      expect(queryByRole('tooltip')).to.equal(null);
+    });
+  });
+
+  describe('prop: keepMounted', () => {
+    it('should keep the children mounted in the DOM', async () => {
+      render(<Popup {...defaultProps} keepMounted open={false} />);
+      await waitForPosition();
+
+      const tooltip = document.querySelector('[role="tooltip"]') as HTMLElement;
+      expect(tooltip).to.have.text('Hello World');
+      expect(tooltip.style.display).to.equal('none');
+    });
+  });
+
+  describe('prop: withTransition', () => {
+    clock.withFakeTimers();
+
+    it('should work', async () => {
+      const { queryByRole, getByRole, setProps } = render(
+        <Popup {...defaultProps} withTransition>
+          {({ requestOpen, onExited, onEnter }: PopupChildrenProps) => (
+            <FakeTransition requestOpen={requestOpen} onExited={onExited} onEnter={onEnter}>
+              <span>Hello World</span>
+            </FakeTransition>
+          )}
+        </Popup>,
+      );
+
+      await waitForPosition();
+      expect(getByRole('tooltip')).to.have.text('Hello World');
+
+      setProps({ open: false });
+      await waitForPosition();
+      clock.tick(TRANSITION_DURATION);
+
+      expect(queryByRole('tooltip')).to.equal(null);
+    });
+
+    // Test case for https://github.com/mui/material-ui/issues/15180
+    it('should remove the transition children in the DOM when closed whilst transition status is entering', async () => {
+      class OpenClose extends React.Component {
+        state = {
+          open: false,
+        };
+
+        handleClick = () => {
+          this.setState({ open: true }, () => {
+            this.setState({ open: false });
+          });
+        };
+
+        render() {
+          return (
+            <div>
+              <button type="button" onClick={this.handleClick}>
+                Toggle Tooltip
+              </button>
+              <Popup {...defaultProps} open={this.state.open} withTransition>
+                {({ requestOpen, onExited, onEnter }: PopupChildrenProps) => (
+                  <FakeTransition requestOpen={requestOpen} onExited={onExited} onEnter={onEnter}>
+                    <p>Hello World</p>
+                  </FakeTransition>
+                )}
+              </Popup>
+            </div>
+          );
+        }
+      }
+
+      const { getByRole } = render(<OpenClose />);
+      await waitForPosition();
+      expect(document.querySelector('p')).to.equal(null);
+
+      fireEvent.click(getByRole('button'));
+      await waitForPosition();
+      expect(document.querySelector('p')).to.equal(null);
+    });
+  });
+
+  describe('prop: disablePortal', () => {
+    it('when enabled, should render the popup where is is defined', async () => {
+      const { getByRole, getByTestId } = render(
+        <div data-testid="parent">
+          <Popup {...defaultProps} disablePortal />
+        </div>,
+      );
+
+      await waitForPosition();
+
+      const tooltip = getByRole('tooltip');
+      const parent = getByTestId('parent');
+
+      // renders
+      expect(tooltip.parentNode).to.equal(parent);
+    });
+
+    it('by default, should render the popup in a portal appended to the body element', async () => {
+      const { getByRole } = render(
+        <div data-testid="parent">
+          <Popup {...defaultProps} />
+        </div>,
+      );
+
+      await waitForPosition();
+
+      const tooltip = getByRole('tooltip');
+      expect(tooltip.parentNode).to.equal(document.body);
+    });
+  });
+
+  describe('display', () => {
+    clock.withFakeTimers();
+
+    it('should keep display:none when not toggled and transition/keepMounted/disablePortal props are set', async () => {
+      const { getByRole, setProps } = render(
+        <Popup {...defaultProps} open={false} keepMounted withTransition disablePortal>
+          {({ requestOpen, onExited, onEnter }: PopupChildrenProps) => (
+            <FakeTransition requestOpen={requestOpen} onExited={onExited} onEnter={onEnter}>
+              <span>Hello World</span>
+            </FakeTransition>
+          )}
+        </Popup>,
+      );
+
+      await waitForPosition();
+      expect(getByRole('tooltip', { hidden: true }).style.display).to.equal('none');
+
+      setProps({ open: true });
+      await waitForPosition();
+      clock.tick(TRANSITION_DURATION);
+
+      setProps({ open: false });
+      await waitForPosition();
+      clock.tick(TRANSITION_DURATION);
+      expect(getByRole('tooltip', { hidden: true }).style.display).to.equal('none');
+    });
+  });
+});
diff --git a/packages/mui-base/src/Unstable_Popup/Popup.tsx b/packages/mui-base/src/Unstable_Popup/Popup.tsx
new file mode 100644
index 00000000000000..8d84211085dab6
--- /dev/null
+++ b/packages/mui-base/src/Unstable_Popup/Popup.tsx
@@ -0,0 +1,294 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { autoUpdate, flip, offset, useFloating, VirtualElement } from '@floating-ui/react-dom';
+import {
+  HTMLElementType,
+  unstable_useEnhancedEffect as useEnhancedEffect,
+  unstable_useForkRef as useForkRef,
+} from '@mui/utils';
+import { unstable_composeClasses as composeClasses } from '../composeClasses';
+import { Portal } from '../Portal';
+import { useSlotProps } from '../utils';
+import { useClassNamesOverride } from '../utils/ClassNameConfigurator';
+import { getPopupUtilityClass } from './popupClasses';
+import { PopupChildrenProps, PopupOwnerState, PopupProps } from './Popup.types';
+
+function useUtilityClasses(ownerState: PopupOwnerState) {
+  const { open } = ownerState;
+
+  const slots = {
+    root: ['root', open && 'open'],
+  };
+
+  return composeClasses(slots, useClassNamesOverride(getPopupUtilityClass));
+}
+
+function resolveAnchor(
+  anchor:
+    | VirtualElement
+    | (() => VirtualElement)
+    | HTMLElement
+    | (() => HTMLElement)
+    | null
+    | undefined,
+): HTMLElement | VirtualElement | null | undefined {
+  return typeof anchor === 'function' ? anchor() : anchor;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Popup](https://mui.com/base-ui/react-popup/)
+ *
+ * API:
+ *
+ * - [Popup API](https://mui.com/base-ui/react-popup/components-api/#popup)
+ */
+const Popup = React.forwardRef(function Popup<RootComponentType extends React.ElementType>(
+  props: PopupProps<RootComponentType>,
+  forwardedRef: React.ForwardedRef<Element>,
+) {
+  const {
+    anchor: anchorProp,
+    children,
+    container,
+    disablePortal = false,
+    keepMounted = false,
+    middleware,
+    offset: offsetProp = 0,
+    open = false,
+    placement = 'bottom',
+    slotProps = {},
+    slots = {},
+    strategy = 'absolute',
+    withTransition = false,
+    ...other
+  } = props;
+
+  const {
+    refs,
+    elements,
+    floatingStyles,
+    update,
+    placement: finalPlacement,
+  } = useFloating({
+    elements: {
+      reference: resolveAnchor(anchorProp),
+    },
+    open,
+    middleware: middleware ?? [offset(offsetProp ?? 0), flip()],
+    placement,
+    strategy,
+    whileElementsMounted: !keepMounted ? autoUpdate : undefined,
+  });
+
+  const handleRef = useForkRef(refs.setFloating, forwardedRef);
+  const [exited, setExited] = React.useState(true);
+
+  const handleEntering = () => {
+    setExited(false);
+  };
+
+  const handleExited = () => {
+    setExited(true);
+  };
+
+  useEnhancedEffect(() => {
+    if (keepMounted && open && elements.reference && elements.floating) {
+      const cleanup = autoUpdate(elements.reference, elements.floating, update);
+      return cleanup;
+    }
+
+    return undefined;
+  }, [keepMounted, open, elements, update]);
+
+  const ownerState: PopupOwnerState = {
+    ...props,
+    disablePortal,
+    keepMounted,
+    offset,
+    open,
+    placement,
+    finalPlacement,
+    strategy,
+    withTransition,
+  };
+
+  const display = !open && keepMounted && (!withTransition || exited) ? 'none' : undefined;
+
+  const classes = useUtilityClasses(ownerState);
+
+  const Root = slots?.root ?? 'div';
+  const rootProps = useSlotProps({
+    elementType: Root,
+    externalSlotProps: slotProps.root,
+    externalForwardedProps: other,
+    ownerState,
+    className: classes.root,
+    additionalProps: {
+      ref: handleRef,
+      role: 'tooltip',
+      style: { ...floatingStyles, display },
+    },
+  });
+
+  const shouldRender = open || keepMounted || (withTransition && !exited);
+
+  if (!shouldRender) {
+    return null;
+  }
+
+  const childProps: PopupChildrenProps = {
+    placement: finalPlacement,
+    requestOpen: open,
+    onExited: handleExited,
+    onEnter: handleEntering,
+  };
+
+  return (
+    <Portal disablePortal={disablePortal} container={container}>
+      <Root {...rootProps}>{typeof children === 'function' ? children(childProps) : children}</Root>
+    </Portal>
+  );
+});
+
+Popup.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * An HTML element, [virtual element](https://floating-ui.com/docs/virtual-elements),
+   * or a function that returns either.
+   * It's used to set the position of the popup.
+   */
+  anchor: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([
+    HTMLElementType,
+    PropTypes.object,
+    PropTypes.func,
+  ]),
+  /**
+   * @ignore
+   */
+  children: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([
+    PropTypes.node,
+    PropTypes.func,
+  ]),
+  /**
+   * An HTML element or function that returns one. The container will have the portal children appended to it.
+   * By default, it uses the body of the top-level document object, so it's `document.body` in these cases.
+   */
+  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([
+    HTMLElementType,
+    PropTypes.func,
+  ]),
+  /**
+   * If `true`, the popup will be rendered where it is defined, without the use of portals.
+   * @default false
+   */
+  disablePortal: PropTypes.bool,
+  /**
+   * If `true`, the popup will exist in the DOM even if it's closed.
+   * Its visibility will be controlled by the `display` CSS property.
+   *
+   * Otherwise, a closed popup will be removed from the DOM.
+   *
+   * @default false
+   */
+  keepMounted: PropTypes.bool,
+  /**
+   * Collection of Floating UI middleware to use when positioning the popup.
+   * If not provided, the [`offset`](https://floating-ui.com/docs/offset)
+   * and [`flip`](https://floating-ui.com/docs/flip) functions will be used.
+   *
+   * @see https://floating-ui.com/docs/computePosition#middleware
+   */
+  middleware: PropTypes.arrayOf(
+    PropTypes.oneOfType([
+      PropTypes.oneOf([false]),
+      PropTypes.shape({
+        fn: PropTypes.func.isRequired,
+        name: PropTypes.string.isRequired,
+        options: PropTypes.any,
+      }),
+    ]),
+  ),
+  /**
+   * Distance between a popup and the trigger element.
+   * This prop is ignored when custom `middleware` is provided.
+   *
+   * @default 0
+   * @see https://floating-ui.com/docs/offset
+   */
+  offset: PropTypes.oneOfType([
+    PropTypes.func,
+    PropTypes.number,
+    PropTypes.shape({
+      alignmentAxis: PropTypes.number,
+      crossAxis: PropTypes.number,
+      mainAxis: PropTypes.number,
+    }),
+  ]),
+  /**
+   * If `true`, the popup is visible.
+   *
+   * @default false
+   */
+  open: PropTypes.bool,
+  /**
+   * Determines where to place the popup relative to the trigger element.
+   *
+   * @default 'bottom'
+   * @see https://floating-ui.com/docs/computePosition#placement
+   */
+  placement: PropTypes.oneOf([
+    'bottom-end',
+    'bottom-start',
+    'bottom',
+    'left-end',
+    'left-start',
+    'left',
+    'right-end',
+    'right-start',
+    'right',
+    'top-end',
+    'top-start',
+    'top',
+  ]),
+  /**
+   * The props used for each slot inside the Popup.
+   *
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+  /**
+   * The components used for each slot inside the Popup.
+   * Either a string to use a HTML element or a component.
+   *
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    root: PropTypes.elementType,
+  }),
+  /**
+   * The type of CSS position property to use (absolute or fixed).
+   *
+   * @default 'absolute'
+   * @see https://floating-ui.com/docs/computePosition#strategy
+   */
+  strategy: PropTypes.oneOf(['absolute', 'fixed']),
+  /**
+   * If `true`, the popup will not disappear immediately when it needs to be closed
+   * but wait until the exit transition has finished.
+   * In such a case, a function form of `children` must be used and `onExited`
+   * callback function must be called when the transition or animation finish.
+   *
+   * @default false
+   */
+  withTransition: PropTypes.bool,
+} as any;
+
+export { Popup };
diff --git a/packages/mui-base/src/Unstable_Popup/Popup.types.ts b/packages/mui-base/src/Unstable_Popup/Popup.types.ts
new file mode 100644
index 00000000000000..78e755feda5672
--- /dev/null
+++ b/packages/mui-base/src/Unstable_Popup/Popup.types.ts
@@ -0,0 +1,153 @@
+import {
+  Middleware as PopupMiddleware,
+  OffsetOptions as PopupOffsetOptions,
+  Placement as PopupPlacement,
+  Strategy as PopupStrategy,
+  VirtualElement as PopupVirtualElement,
+} from '@floating-ui/react-dom';
+import { PortalProps } from '../Portal';
+import { PolymorphicProps, SlotComponentProps } from '../utils';
+
+export type {
+  PopupPlacement,
+  PopupStrategy,
+  PopupOffsetOptions,
+  PopupMiddleware,
+  PopupVirtualElement,
+};
+
+export interface PopupRootSlotPropsOverrides {}
+
+export interface PopupOwnProps {
+  /**
+   * An HTML element, [virtual element](https://floating-ui.com/docs/virtual-elements),
+   * or a function that returns either.
+   * It's used to set the position of the popup.
+   */
+  anchor?:
+    | PopupVirtualElement
+    | HTMLElement
+    | (() => HTMLElement)
+    | (() => PopupVirtualElement)
+    | null;
+  children?: React.ReactNode | ((props: PopupChildrenProps) => React.ReactNode);
+  /**
+   * An HTML element or function that returns one. The container will have the portal children appended to it.
+    By default, it uses the body of the top-level document object, so it's `document.body` in these cases.
+   */
+  container?: PortalProps['container'];
+  /**
+   * If `true`, the popup will be rendered where it is defined, without the use of portals.
+   * @default false
+   */
+  disablePortal?: boolean;
+  /**
+   * If `true`, the popup will exist in the DOM even if it's closed.
+   * Its visibility will be controlled by the `display` CSS property.
+   *
+   * Otherwise, a closed popup will be removed from the DOM.
+   *
+   * @default false
+   */
+  keepMounted?: boolean;
+  /**
+   * Collection of Floating UI middleware to use when positioning the popup.
+   * If not provided, the [`offset`](https://floating-ui.com/docs/offset)
+   * and [`flip`](https://floating-ui.com/docs/flip) functions will be used.
+   *
+   * @see https://floating-ui.com/docs/computePosition#middleware
+   */
+  middleware?: Array<PopupMiddleware | null | undefined | false>;
+  /**
+   * Distance between a popup and the trigger element.
+   * This prop is ignored when custom `middleware` is provided.
+   *
+   * @default 0
+   * @see https://floating-ui.com/docs/offset
+   */
+  offset?: PopupOffsetOptions;
+  /**
+   * If `true`, the popup is visible.
+   *
+   * @default false
+   */
+  open?: boolean;
+  /**
+   * Determines where to place the popup relative to the trigger element.
+   *
+   * @default 'bottom'
+   * @see https://floating-ui.com/docs/computePosition#placement
+   */
+  placement?: PopupPlacement;
+  /**
+   * The components used for each slot inside the Popup.
+   * Either a string to use a HTML element or a component.
+   *
+   * @default {}
+   */
+  slots?: {
+    root?: React.ElementType;
+  };
+  /**
+   * The props used for each slot inside the Popup.
+   *
+   * @default {}
+   */
+  slotProps?: {
+    root?: SlotComponentProps<'div', PopupRootSlotPropsOverrides, PopupProps>;
+  };
+  /**
+   * The type of CSS position property to use (absolute or fixed).
+   *
+   * @default 'absolute'
+   * @see https://floating-ui.com/docs/computePosition#strategy
+   */
+  strategy?: PopupStrategy;
+  /**
+   * If `true`, the popup will not disappear immediately when it needs to be closed
+   * but wait until the exit transition has finished.
+   * In such a case, a function form of `children` must be used and `onExited`
+   * callback function must be called when the transition or animation finish.
+   *
+   * @default false
+   */
+  withTransition?: boolean;
+}
+
+export interface PopupSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+}
+
+export interface PopupChildrenProps {
+  placement: PopupPlacement;
+  requestOpen: boolean;
+  onExited: () => void;
+  onEnter: () => void;
+}
+
+export interface PopupTypeMap<
+  AdditionalProps = {},
+  RootComponentType extends React.ElementType = 'div',
+> {
+  props: PopupOwnProps & AdditionalProps;
+  defaultComponent: RootComponentType;
+}
+
+export type PopupProps<
+  RootComponentType extends React.ElementType = PopupTypeMap['defaultComponent'],
+> = PolymorphicProps<PopupTypeMap<{}, RootComponentType>, RootComponentType>;
+
+export interface PopupOwnerState extends PopupOwnProps {
+  disablePortal: boolean;
+  open: boolean;
+  keepMounted: boolean;
+  offset: PopupOffsetOptions;
+  placement: PopupPlacement;
+  finalPlacement: PopupPlacement;
+  strategy: PopupStrategy;
+  withTransition: boolean;
+}
diff --git a/packages/mui-base/src/Unstable_Popup/index.ts b/packages/mui-base/src/Unstable_Popup/index.ts
new file mode 100644
index 00000000000000..d352f36e412402
--- /dev/null
+++ b/packages/mui-base/src/Unstable_Popup/index.ts
@@ -0,0 +1,4 @@
+'use client';
+export { Popup as Unstable_Popup } from './Popup';
+export * from './Popup.types';
+export * from './popupClasses';
diff --git a/packages/mui-base/src/Unstable_Popup/popupClasses.ts b/packages/mui-base/src/Unstable_Popup/popupClasses.ts
new file mode 100644
index 00000000000000..89c2d99df5c2da
--- /dev/null
+++ b/packages/mui-base/src/Unstable_Popup/popupClasses.ts
@@ -0,0 +1,17 @@
+import { generateUtilityClass } from '../generateUtilityClass';
+import { generateUtilityClasses } from '../generateUtilityClasses';
+
+export interface PopupClasses {
+  /** Class name applied to the root element. */
+  root: string;
+  /** Class name applied to the root element when the popup is open. */
+  open: string;
+}
+
+export type PopupClassKey = keyof PopupClasses;
+
+export function getPopupUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiPopup', slot);
+}
+
+export const popupClasses: PopupClasses = generateUtilityClasses('MuiPopup', ['root', 'open']);
diff --git a/packages/mui-base/src/index.d.ts b/packages/mui-base/src/index.d.ts
index 8859fc91e7ddc3..da5d6d5375be1a 100644
--- a/packages/mui-base/src/index.d.ts
+++ b/packages/mui-base/src/index.d.ts
@@ -16,6 +16,7 @@ export * from './Unstable_NumberInput';
 export * from './OptionGroup';
 export * from './Option';
 export * from './Popper';
+export * from './Unstable_Popup';
 export * from './Portal';
 export * from './Select';
 export * from './Slider';
@@ -45,3 +46,4 @@ export * from './useTab';
 export * from './useTabPanel';
 export * from './useTabs';
 export * from './useTabsList';
+export * from './unstable_useModal';
diff --git a/packages/mui-base/src/index.js b/packages/mui-base/src/index.js
index 0c2c84d36ea41a..36c4f8b5a3624c 100644
--- a/packages/mui-base/src/index.js
+++ b/packages/mui-base/src/index.js
@@ -17,6 +17,7 @@ export * from './Unstable_NumberInput';
 export * from './OptionGroup';
 export * from './Option';
 export { Popper } from './Popper';
+export * from './Unstable_Popup';
 export { Portal } from './Portal';
 export * from './Select';
 export * from './Slider';
@@ -47,3 +48,4 @@ export * from './useTab';
 export * from './useTabPanel';
 export * from './useTabs';
 export * from './useTabsList';
+export * from './unstable_useModal';
diff --git a/packages/mui-base/src/Modal/ModalManager.test.ts b/packages/mui-base/src/unstable_useModal/ModalManager.test.ts
similarity index 100%
rename from packages/mui-base/src/Modal/ModalManager.test.ts
rename to packages/mui-base/src/unstable_useModal/ModalManager.test.ts
diff --git a/packages/mui-base/src/Modal/ModalManager.ts b/packages/mui-base/src/unstable_useModal/ModalManager.ts
similarity index 99%
rename from packages/mui-base/src/Modal/ModalManager.ts
rename to packages/mui-base/src/unstable_useModal/ModalManager.ts
index 22afddf19a91bf..81470c4864f831 100644
--- a/packages/mui-base/src/Modal/ModalManager.ts
+++ b/packages/mui-base/src/unstable_useModal/ModalManager.ts
@@ -127,7 +127,7 @@ function handleContainer(containerInfo: Container, props: ManagedModalProps) {
     if (container.parentNode instanceof DocumentFragment) {
       scrollContainer = ownerDocument(container).body;
     } else {
-      // Improve Gatsby support
+      // Support html overflow-y: auto for scroll stability between pages
       // https://css-tricks.com/snippets/css/force-vertical-scrollbar/
       const parent = container.parentElement;
       const containerWindow = ownerWindow(container);
diff --git a/packages/mui-base/src/unstable_useModal/index.ts b/packages/mui-base/src/unstable_useModal/index.ts
new file mode 100644
index 00000000000000..cdfed6b550e5de
--- /dev/null
+++ b/packages/mui-base/src/unstable_useModal/index.ts
@@ -0,0 +1,4 @@
+'use client';
+export { useModal as unstable_useModal } from './useModal';
+export * from './useModal.types';
+export * from './ModalManager';
diff --git a/packages/mui-base/src/unstable_useModal/useModal.ts b/packages/mui-base/src/unstable_useModal/useModal.ts
new file mode 100644
index 00000000000000..c7043630cf0cc6
--- /dev/null
+++ b/packages/mui-base/src/unstable_useModal/useModal.ts
@@ -0,0 +1,236 @@
+'use client';
+import * as React from 'react';
+import {
+  unstable_ownerDocument as ownerDocument,
+  unstable_useForkRef as useForkRef,
+  unstable_useEventCallback as useEventCallback,
+  unstable_createChainedFunction as createChainedFunction,
+} from '@mui/utils';
+import { EventHandlers, extractEventHandlers } from '../utils';
+import { ModalManager, ariaHidden } from './ModalManager';
+import {
+  UseModalParameters,
+  UseModalReturnValue,
+  UseModalRootSlotProps,
+  UseModalBackdropSlotProps,
+} from './useModal.types';
+
+function getContainer(container: UseModalParameters['container']) {
+  return typeof container === 'function' ? container() : container;
+}
+
+function getHasTransition(children: UseModalParameters['children']) {
+  return children ? children.props.hasOwnProperty('in') : false;
+}
+
+// A modal manager used to track and manage the state of open Modals.
+// Modals don't open on the server so this won't conflict with concurrent requests.
+const defaultManager = new ModalManager();
+/**
+ *
+ * Demos:
+ *
+ * - [Modal](https://mui.com/base-ui/react-modal/#hook)
+ *
+ * API:
+ *
+ * - [useModal API](https://mui.com/base-ui/react-modal/hooks-api/#use-modal)
+ */
+export function useModal(parameters: UseModalParameters): UseModalReturnValue {
+  const {
+    container,
+    disableEscapeKeyDown = false,
+    disableScrollLock = false,
+    // @ts-ignore internal logic - Base UI supports the manager as a prop too
+    manager = defaultManager,
+    closeAfterTransition = false,
+    onTransitionEnter,
+    onTransitionExited,
+    children,
+    onClose,
+    open,
+    rootRef,
+  } = parameters;
+
+  // @ts-ignore internal logic
+  const modal = React.useRef<{ modalRef: HTMLDivElement; mount: HTMLElement }>({});
+  const mountNodeRef = React.useRef<null | HTMLElement>(null);
+  const modalRef = React.useRef<null | HTMLDivElement>(null);
+  const handleRef = useForkRef(modalRef, rootRef);
+  const [exited, setExited] = React.useState(!open);
+  const hasTransition = getHasTransition(children);
+
+  let ariaHiddenProp = true;
+  if (parameters['aria-hidden'] === 'false' || parameters['aria-hidden'] === false) {
+    ariaHiddenProp = false;
+  }
+
+  const getDoc = () => ownerDocument(mountNodeRef.current);
+  const getModal = () => {
+    modal.current.modalRef = modalRef.current as HTMLDivElement;
+    modal.current.mount = mountNodeRef.current as HTMLElement;
+    return modal.current;
+  };
+
+  const handleMounted = () => {
+    manager.mount(getModal(), { disableScrollLock });
+
+    // Fix a bug on Chrome where the scroll isn't initially 0.
+    if (modalRef.current) {
+      modalRef.current.scrollTop = 0;
+    }
+  };
+
+  const handleOpen = useEventCallback(() => {
+    const resolvedContainer = getContainer(container) || getDoc().body;
+
+    manager.add(getModal(), resolvedContainer);
+
+    // The element was already mounted.
+    if (modalRef.current) {
+      handleMounted();
+    }
+  });
+
+  const isTopModal = React.useCallback(() => manager.isTopModal(getModal()), [manager]);
+
+  const handlePortalRef = useEventCallback((node: HTMLElement) => {
+    mountNodeRef.current = node;
+
+    if (!node) {
+      return;
+    }
+
+    if (open && isTopModal()) {
+      handleMounted();
+    } else if (modalRef.current) {
+      ariaHidden(modalRef.current, ariaHiddenProp);
+    }
+  });
+
+  const handleClose = React.useCallback(() => {
+    manager.remove(getModal(), ariaHiddenProp);
+  }, [ariaHiddenProp, manager]);
+
+  React.useEffect(() => {
+    return () => {
+      handleClose();
+    };
+  }, [handleClose]);
+
+  React.useEffect(() => {
+    if (open) {
+      handleOpen();
+    } else if (!hasTransition || !closeAfterTransition) {
+      handleClose();
+    }
+  }, [open, handleClose, hasTransition, closeAfterTransition, handleOpen]);
+
+  const createHandleKeyDown = (otherHandlers: EventHandlers) => (event: React.KeyboardEvent) => {
+    otherHandlers.onKeyDown?.(event);
+
+    // The handler doesn't take event.defaultPrevented into account:
+    //
+    // event.preventDefault() is meant to stop default behaviors like
+    // clicking a checkbox to check it, hitting a button to submit a form,
+    // and hitting left arrow to move the cursor in a text input etc.
+    // Only special HTML elements have these default behaviors.
+    if (event.key !== 'Escape' || !isTopModal()) {
+      return;
+    }
+
+    if (!disableEscapeKeyDown) {
+      // Swallow the event, in case someone is listening for the escape key on the body.
+      event.stopPropagation();
+
+      if (onClose) {
+        onClose(event, 'escapeKeyDown');
+      }
+    }
+  };
+
+  const createHandleBackdropClick = (otherHandlers: EventHandlers) => (event: React.MouseEvent) => {
+    otherHandlers.onClick?.(event);
+
+    if (event.target !== event.currentTarget) {
+      return;
+    }
+
+    if (onClose) {
+      onClose(event, 'backdropClick');
+    }
+  };
+
+  const getRootProps = <TOther extends EventHandlers = {}>(
+    otherHandlers: TOther = {} as TOther,
+  ): UseModalRootSlotProps<TOther> => {
+    const propsEventHandlers = extractEventHandlers(parameters) as Partial<UseModalParameters>;
+
+    // The custom event handlers shouldn't be spread on the root element
+    delete propsEventHandlers.onTransitionEnter;
+    delete propsEventHandlers.onTransitionExited;
+
+    const externalEventHandlers = {
+      ...propsEventHandlers,
+      ...otherHandlers,
+    };
+
+    return {
+      role: 'presentation',
+      ...externalEventHandlers,
+      onKeyDown: createHandleKeyDown(externalEventHandlers),
+      ref: handleRef,
+    };
+  };
+
+  const getBackdropProps = <TOther extends EventHandlers = {}>(
+    otherHandlers: TOther = {} as TOther,
+  ): UseModalBackdropSlotProps<TOther> => {
+    const externalEventHandlers = otherHandlers;
+
+    return {
+      'aria-hidden': true,
+      ...externalEventHandlers,
+      onClick: createHandleBackdropClick(externalEventHandlers),
+      open,
+    };
+  };
+
+  const getTransitionProps = () => {
+    const handleEnter = () => {
+      setExited(false);
+
+      if (onTransitionEnter) {
+        onTransitionEnter();
+      }
+    };
+
+    const handleExited = () => {
+      setExited(true);
+
+      if (onTransitionExited) {
+        onTransitionExited();
+      }
+
+      if (closeAfterTransition) {
+        handleClose();
+      }
+    };
+
+    return {
+      onEnter: createChainedFunction(handleEnter, children?.props.onEnter),
+      onExited: createChainedFunction(handleExited, children?.props.onExited),
+    };
+  };
+
+  return {
+    getRootProps,
+    getBackdropProps,
+    getTransitionProps,
+    rootRef: handleRef,
+    portalRef: handlePortalRef,
+    isTopModal,
+    exited,
+    hasTransition,
+  };
+}
diff --git a/packages/mui-base/src/unstable_useModal/useModal.types.ts b/packages/mui-base/src/unstable_useModal/useModal.types.ts
new file mode 100644
index 00000000000000..84103e6757ab87
--- /dev/null
+++ b/packages/mui-base/src/unstable_useModal/useModal.types.ts
@@ -0,0 +1,120 @@
+import { PortalProps } from '../Portal';
+import { EventHandlers } from '../utils';
+
+export interface UseModalRootSlotOwnProps {
+  role: React.AriaRole;
+  onKeyDown: React.KeyboardEventHandler;
+  ref: React.RefCallback<Element> | null;
+}
+
+export interface UseModalBackdropSlotOwnProps {
+  'aria-hidden': React.AriaAttributes['aria-hidden'];
+  onClick: React.MouseEventHandler;
+  open?: boolean;
+}
+
+export type UseModalBackdropSlotProps<TOther = {}> = TOther & UseModalBackdropSlotOwnProps;
+
+export type UseModalRootSlotProps<TOther = {}> = TOther & UseModalRootSlotOwnProps;
+
+export type UseModalParameters = {
+  'aria-hidden'?: React.AriaAttributes['aria-hidden'];
+  /**
+   * A single child content element.
+   */
+  children: React.ReactElement | undefined | null;
+  /**
+   * When set to true the Modal waits until a nested Transition is completed before closing.
+   * @default false
+   */
+  closeAfterTransition?: boolean;
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container?: PortalProps['container'];
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown?: boolean;
+  /**
+   * Disable the scroll lock behavior.
+   * @default false
+   */
+  disableScrollLock?: boolean;
+  /**
+   * Callback fired when the component requests to be closed.
+   * The `reason` parameter can optionally be used to control the response to `onClose`.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
+   */
+  onClose?: {
+    bivarianceHack(event: {}, reason: 'backdropClick' | 'escapeKeyDown'): void;
+  }['bivarianceHack'];
+  onKeyDown?: React.KeyboardEventHandler;
+  /**
+   * A function called when a transition enters.
+   */
+  onTransitionEnter?: () => void;
+  /**
+   * A function called when a transition has exited.
+   */
+  onTransitionExited?: () => void;
+  /**
+   * If `true`, the component is shown.
+   */
+  open: boolean;
+  rootRef: React.Ref<Element>;
+};
+
+export interface UseModalReturnValue {
+  /**
+   * Resolver for the root slot's props.
+   * @param externalProps props for the root slot
+   * @returns props that should be spread on the root slot
+   */
+  getRootProps: <TOther extends EventHandlers = {}>(
+    externalProps?: TOther,
+  ) => UseModalRootSlotProps<TOther>;
+  /**
+   * Resolver for the backdrop slot's props.
+   * @param externalProps props for the backdrop slot
+   * @returns props that should be spread on the backdrop slot
+   */
+  getBackdropProps: <TOther extends EventHandlers = {}>(
+    externalProps?: TOther,
+  ) => UseModalBackdropSlotProps<TOther>;
+  /**
+   * Resolver for the transition related props.
+   * @param externalProps props for the transition element
+   * @returns props that should be spread on the transition element
+   */
+  getTransitionProps: <TOther extends EventHandlers = {}>(
+    externalProps?: TOther,
+  ) => { onEnter: () => void; onExited: () => void };
+  /**
+   * A ref to the component's root DOM element.
+   */
+  rootRef: React.RefCallback<Element> | null;
+  /**
+   * A ref to the component's portal DOM element.
+   */
+  portalRef: React.RefCallback<Element> | null;
+  /**
+   * If `true`, the modal is the top most one.
+   */
+  isTopModal: () => boolean;
+  /**
+   * If `true`, the exiting transition finished (to be used for unmounting the component).
+   */
+  exited: boolean;
+  /**
+   * If `true`, the component's child is transition component.
+   */
+  hasTransition: boolean;
+}
diff --git a/packages/mui-base/src/unstable_useNumberInput/useNumberInput.test.tsx b/packages/mui-base/src/unstable_useNumberInput/useNumberInput.test.tsx
index 08c8603dc16c5a..3163a2878f98ba 100644
--- a/packages/mui-base/src/unstable_useNumberInput/useNumberInput.test.tsx
+++ b/packages/mui-base/src/unstable_useNumberInput/useNumberInput.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import userEvent from '@testing-library/user-event';
-import { createRenderer, screen } from 'test/utils';
+import { createRenderer, screen } from '@mui-internal/test-utils';
 import {
   unstable_useNumberInput as useNumberInput,
   UseNumberInputParameters,
@@ -270,4 +270,42 @@ describe('useNumberInput', () => {
       expect(handleChange.args[0][1]).to.equal(undefined);
     });
   });
+
+  describe('warnings', () => {
+    it('should warn when switching from uncontrolled to controlled', () => {
+      const handleChange = spy();
+      function NumberInput({ value }: { value?: number }) {
+        const { getInputProps } = useNumberInput({
+          onChange: handleChange,
+          value,
+        });
+
+        return <input {...getInputProps()} />;
+      }
+      const { setProps } = render(<NumberInput />);
+      expect(() => {
+        setProps({ value: 5 });
+      }).to.toErrorDev(
+        'MUI: A component is changing the uncontrolled value state of NumberInput to be controlled',
+      );
+    });
+
+    it('should warn when switching from controlled to uncontrolled', () => {
+      const handleChange = spy();
+      function NumberInput({ value }: { value?: number }) {
+        const { getInputProps } = useNumberInput({
+          onChange: handleChange,
+          value,
+        });
+
+        return <input {...getInputProps()} />;
+      }
+      const { setProps } = render(<NumberInput value={5} />);
+      expect(() => {
+        setProps({ value: undefined });
+      }).to.toErrorDev(
+        'MUI: A component is changing the controlled value state of NumberInput to be uncontrolled',
+      );
+    });
+  });
 });
diff --git a/packages/mui-base/src/unstable_useNumberInput/useNumberInput.ts b/packages/mui-base/src/unstable_useNumberInput/useNumberInput.ts
index dd2646f83025e2..8314a22113433f 100644
--- a/packages/mui-base/src/unstable_useNumberInput/useNumberInput.ts
+++ b/packages/mui-base/src/unstable_useNumberInput/useNumberInput.ts
@@ -1,7 +1,11 @@
 'use client';
 import * as React from 'react';
 import MuiError from '@mui/utils/macros/MuiError.macro';
-import { unstable_useForkRef as useForkRef, unstable_useId as useId } from '@mui/utils';
+import {
+  unstable_useForkRef as useForkRef,
+  unstable_useId as useId,
+  unstable_useControlled as useControlled,
+} from '@mui/utils';
 import { FormControlState, useFormControlContext } from '../FormControl';
 import {
   UseNumberInputParameters,
@@ -81,7 +85,12 @@ export function useNumberInput(parameters: UseNumberInputParameters): UseNumberI
   const [focused, setFocused] = React.useState(false);
 
   // the "final" value
-  const [value, setValue] = React.useState(valueProp ?? defaultValueProp);
+  const [value, setValue] = useControlled({
+    controlled: valueProp,
+    default: defaultValueProp,
+    name: 'NumberInput',
+  });
+
   // the (potentially) dirty or invalid input value
   const [dirtyValue, setDirtyValue] = React.useState<string | undefined>(
     value ? String(value) : undefined,
diff --git a/packages/mui-base/src/useAutocomplete/useAutocomplete.d.ts b/packages/mui-base/src/useAutocomplete/useAutocomplete.d.ts
index a045d5e84ba799..5ea53004bb6eff 100644
--- a/packages/mui-base/src/useAutocomplete/useAutocomplete.d.ts
+++ b/packages/mui-base/src/useAutocomplete/useAutocomplete.d.ts
@@ -369,7 +369,9 @@ export interface UseAutocompleteReturnValue<
    * Resolver for the input element's props.
    * @returns props that should be spread on the input element
    */
-  getInputProps: () => React.InputHTMLAttributes<HTMLInputElement>;
+  getInputProps: () => React.InputHTMLAttributes<HTMLInputElement> & {
+    ref: React.Ref<HTMLInputElement>;
+  };
   /**
    * Resolver for the input label element's props.
    * @returns props that should be spread on the input label element
diff --git a/packages/mui-base/src/useAutocomplete/useAutocomplete.js b/packages/mui-base/src/useAutocomplete/useAutocomplete.js
index 9977d86c2e443b..f81827e684d00f 100644
--- a/packages/mui-base/src/useAutocomplete/useAutocomplete.js
+++ b/packages/mui-base/src/useAutocomplete/useAutocomplete.js
@@ -1049,7 +1049,7 @@ export function useAutocomplete(props) {
   };
 
   const handleInputMouseDown = (event) => {
-    if (inputValue === '' || !open) {
+    if (!disabledProp && (inputValue === '' || !open)) {
       handlePopupIndicator(event);
     }
   };
diff --git a/packages/mui-base/src/useAutocomplete/useAutocomplete.test.js b/packages/mui-base/src/useAutocomplete/useAutocomplete.test.js
index 5ae4fc1a476188..0386731e59eeb8 100644
--- a/packages/mui-base/src/useAutocomplete/useAutocomplete.test.js
+++ b/packages/mui-base/src/useAutocomplete/useAutocomplete.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, screen, ErrorBoundary, act, fireEvent } from 'test/utils';
+import { createRenderer, screen, ErrorBoundary, act, fireEvent } from '@mui-internal/test-utils';
 import { spy } from 'sinon';
 import { useAutocomplete, createFilterOptions } from '@mui/base/useAutocomplete';
 
diff --git a/packages/mui-base/src/useButton/useButton.test.tsx b/packages/mui-base/src/useButton/useButton.test.tsx
index 07f7ccd069e238..860114c3eba9fb 100644
--- a/packages/mui-base/src/useButton/useButton.test.tsx
+++ b/packages/mui-base/src/useButton/useButton.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, fireEvent } from 'test/utils';
+import { act, createRenderer, fireEvent } from '@mui-internal/test-utils';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { useButton } from '@mui/base/useButton';
@@ -169,6 +169,87 @@ describe('useButton', () => {
         expect(handleClickInternal.callCount).to.equal(1);
         expect(handleClickExternal.callCount).to.equal(0);
       });
+
+      it('handles onFocusVisible and does not include it in the root props', () => {
+        interface WithFocusVisibleHandler {
+          onFocusVisible: React.FocusEventHandler;
+        }
+
+        function TestComponent(props: WithFocusVisibleHandler) {
+          const ref = React.useRef(null);
+          const { getRootProps } = useButton({ ...props, rootRef: ref });
+
+          // @ts-expect-error onFocusVisible is removed from props
+          expect(getRootProps().onFocusVisible).to.equal(undefined);
+
+          return <button {...getRootProps()} />;
+        }
+
+        const handleFocusVisible = spy();
+
+        const { getByRole } = render(<TestComponent onFocusVisible={handleFocusVisible} />);
+
+        act(() => {
+          getByRole('button').focus();
+        });
+
+        expect(handleFocusVisible.callCount).to.equal(1);
+      });
+    });
+  });
+
+  describe('tabIndex', () => {
+    it('does not return tabIndex in getRootProps when host component is BUTTON', () => {
+      function TestComponent() {
+        const ref = React.useRef(null);
+        const { getRootProps } = useButton({ rootRef: ref });
+
+        expect(getRootProps().tabIndex).to.equal(undefined);
+
+        return <button {...getRootProps()} />;
+      }
+
+      const { getByRole } = render(<TestComponent />);
+      expect(getByRole('button')).to.have.property('tabIndex', 0);
+    });
+
+    it('returns tabIndex in getRootProps when host component is not BUTTON', () => {
+      function TestComponent() {
+        const ref = React.useRef(null);
+        const { getRootProps } = useButton({ rootRef: ref });
+
+        expect(getRootProps().tabIndex).to.equal(ref.current ? 0 : undefined);
+
+        return <span {...getRootProps()} />;
+      }
+
+      const { getByRole } = render(<TestComponent />);
+      expect(getByRole('button')).to.have.property('tabIndex', 0);
+    });
+
+    it('returns tabIndex in getRootProps if it is explicitly provided', () => {
+      const customTabIndex = 3;
+      function TestComponent() {
+        const ref = React.useRef(null);
+        const { getRootProps } = useButton({ rootRef: ref, tabIndex: customTabIndex });
+        return <button {...getRootProps()} />;
+      }
+
+      const { getByRole } = render(<TestComponent />);
+      expect(getByRole('button')).to.have.property('tabIndex', customTabIndex);
+    });
+  });
+
+  describe('arbitrary props', () => {
+    it('are passed to the host component', () => {
+      const buttonTestId = 'button-test-id';
+      function TestComponent() {
+        const { getRootProps } = useButton({});
+        return <button {...getRootProps({ 'data-testid': buttonTestId })} />;
+      }
+
+      const { getByRole } = render(<TestComponent />);
+      expect(getByRole('button')).to.have.attribute('data-testid', buttonTestId);
     });
   });
 });
diff --git a/packages/mui-base/src/useButton/useButton.ts b/packages/mui-base/src/useButton/useButton.ts
index 255676a3e6dddf..7c82671e099c47 100644
--- a/packages/mui-base/src/useButton/useButton.ts
+++ b/packages/mui-base/src/useButton/useButton.ts
@@ -187,6 +187,10 @@ export function useButton(parameters: UseButtonParameters = {}): UseButtonReturn
 
   const buttonProps: AdditionalButtonProps = {};
 
+  if (tabIndex !== undefined) {
+    buttonProps.tabIndex = tabIndex;
+  }
+
   if (hostElementName === 'BUTTON') {
     buttonProps.type = type ?? 'button';
     if (focusableWhenDisabled) {
@@ -205,23 +209,19 @@ export function useButton(parameters: UseButtonParameters = {}): UseButtonReturn
     }
   }
 
-  const getRootProps = <TOther extends EventHandlers = {}>(
-    otherHandlers: TOther = {} as TOther,
-  ): UseButtonRootSlotProps<TOther> => {
-    const propsEventHandlers = extractEventHandlers(parameters) as Partial<UseButtonParameters>;
+  const getRootProps = <ExternalProps extends Record<string, any> = {}>(
+    externalProps: ExternalProps = {} as ExternalProps,
+  ): UseButtonRootSlotProps<ExternalProps> => {
     const externalEventHandlers = {
-      ...propsEventHandlers,
-      ...otherHandlers,
+      ...extractEventHandlers(parameters),
+      ...extractEventHandlers(externalProps),
     };
 
-    // onFocusVisible can be present on the props, but since it's not a valid React event handler,
-    // it must not be forwarded to the inner component.
-    delete externalEventHandlers.onFocusVisible;
-
-    return {
+    const props = {
       type,
       ...externalEventHandlers,
       ...buttonProps,
+      ...externalProps,
       onBlur: createHandleBlur(externalEventHandlers),
       onClick: createHandleClick(externalEventHandlers),
       onFocus: createHandleFocus(externalEventHandlers),
@@ -231,6 +231,13 @@ export function useButton(parameters: UseButtonParameters = {}): UseButtonReturn
       onMouseLeave: createHandleMouseLeave(externalEventHandlers),
       ref: handleRef,
     };
+
+    // onFocusVisible can be present on the props or parameters,
+    // but it's not a valid React event handler so it must not be forwarded to the inner component.
+    // If present, it will be handled by the focus handler.
+    delete props.onFocusVisible;
+
+    return props;
   };
 
   return {
diff --git a/packages/mui-base/src/useButton/useButton.types.ts b/packages/mui-base/src/useButton/useButton.types.ts
index bfa2b7243c9ff3..3fd9a91df6e74c 100644
--- a/packages/mui-base/src/useButton/useButton.types.ts
+++ b/packages/mui-base/src/useButton/useButton.types.ts
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { EventHandlers } from '../utils/types';
 import { MuiCancellableEventHandler } from '../utils/MuiCancellableEvent';
 
 export interface UseButtonParameters {
@@ -40,17 +39,17 @@ export interface UseButtonRootSlotOwnProps {
   ref: React.RefCallback<Element> | null;
 }
 
-export type UseButtonRootSlotProps<TOther = {}> = TOther & UseButtonRootSlotOwnProps;
+export type UseButtonRootSlotProps<ExternalProps = {}> = ExternalProps & UseButtonRootSlotOwnProps;
 
 export interface UseButtonReturnValue {
   /**
    * Resolver for the root slot's props.
-   * @param otherHandlers event handlers for the root slot
+   * @param externalProps additional props for the root slot
    * @returns props that should be spread on the root slot
    */
-  getRootProps: <TOther extends EventHandlers = {}>(
-    otherHandlers?: TOther,
-  ) => UseButtonRootSlotProps<TOther>;
+  getRootProps: <ExternalProps extends Record<string, any> = {}>(
+    externalProps?: ExternalProps,
+  ) => UseButtonRootSlotProps<ExternalProps>;
   /**
    * If `true`, the component is being focused using keyboard.
    */
diff --git a/packages/mui-base/src/useInput/useInput.test.tsx b/packages/mui-base/src/useInput/useInput.test.tsx
index bcd8fe25cde4e8..8f6622c2b36949 100644
--- a/packages/mui-base/src/useInput/useInput.test.tsx
+++ b/packages/mui-base/src/useInput/useInput.test.tsx
@@ -1,7 +1,9 @@
 import * as React from 'react';
-import { createRenderer } from 'test/utils';
+import { act, createRenderer } from '@mui-internal/test-utils';
 import { expect } from 'chai';
+import { spy } from 'sinon';
 import { useInput } from './useInput';
+import { UseInputParameters } from './useInput.types';
 
 describe('useInput', () => {
   const { render } = createRenderer();
@@ -20,4 +22,49 @@ describe('useInput', () => {
       expect(inputRef.current).to.deep.equal(getByRole('textbox'));
     });
   });
+
+  describe('prop: disabled', () => {
+    it('should reset the focused state if getting disabled', () => {
+      const handleBlur = spy();
+      const handleFocus = spy();
+
+      function Input(props: UseInputParameters) {
+        const { getInputProps } = useInput(props);
+
+        return <input {...getInputProps()} />;
+      }
+      const { getByRole, setProps } = render(<Input onBlur={handleBlur} onFocus={handleFocus} />);
+
+      act(() => {
+        getByRole('textbox').focus();
+      });
+      expect(handleFocus.callCount).to.equal(1);
+
+      setProps({ disabled: true });
+
+      expect(handleBlur.callCount).to.equal(1);
+      // check if focus not initiated again
+      expect(handleFocus.callCount).to.equal(1);
+    });
+  });
+
+  describe('external props', () => {
+    it('prop getter functions should forward arbitrary props to the corresponding slot', () => {
+      const rootRef = React.createRef<HTMLDivElement>();
+
+      function Input() {
+        const { getRootProps, getInputProps } = useInput();
+        return (
+          <div {...getRootProps({ 'data-testid': 'test-root-slot', ref: rootRef })}>
+            <input {...getInputProps({ 'data-testid': 'test-input-slot' })} />
+          </div>
+        );
+      }
+      const { getByRole } = render(<Input />);
+
+      expect(rootRef.current).to.have.attribute('data-testid', 'test-root-slot');
+
+      expect(getByRole('textbox')).to.have.attribute('data-testid', 'test-input-slot');
+    });
+  });
 });
diff --git a/packages/mui-base/src/useInput/useInput.ts b/packages/mui-base/src/useInput/useInput.ts
index 4bdca90201fdeb..48efe21930092f 100644
--- a/packages/mui-base/src/useInput/useInput.ts
+++ b/packages/mui-base/src/useInput/useInput.ts
@@ -20,7 +20,7 @@ import {
  *
  * - [useInput API](https://mui.com/base-ui/react-input/hooks-api/#use-input)
  */
-export function useInput(parameters: UseInputParameters): UseInputReturnValue {
+export function useInput(parameters: UseInputParameters = {}): UseInputReturnValue {
   const {
     defaultValue: defaultValueProp,
     disabled: disabledProp = false,
@@ -164,9 +164,9 @@ export function useInput(parameters: UseInputParameters): UseInputReturnValue {
       otherHandlers.onClick?.(event);
     };
 
-  const getRootProps = <TOther extends Record<string, any> = {}>(
-    externalProps: TOther = {} as TOther,
-  ): UseInputRootSlotProps<TOther> => {
+  const getRootProps = <ExternalProps extends Record<string, any> = {}>(
+    externalProps: ExternalProps = {} as ExternalProps,
+  ): UseInputRootSlotProps<ExternalProps> => {
     // onBlur, onChange and onFocus are forwarded to the input slot.
     const propsEventHandlers = extractEventHandlers(parameters, ['onBlur', 'onChange', 'onFocus']);
     const externalEventHandlers = { ...propsEventHandlers, ...extractEventHandlers(externalProps) };
@@ -178,9 +178,9 @@ export function useInput(parameters: UseInputParameters): UseInputReturnValue {
     };
   };
 
-  const getInputProps = <TOther extends Record<string, any> = {}>(
-    externalProps: TOther = {} as TOther,
-  ): UseInputInputSlotProps<TOther> => {
+  const getInputProps = <ExternalProps extends Record<string, any> = {}>(
+    externalProps: ExternalProps = {} as ExternalProps,
+  ): UseInputInputSlotProps<ExternalProps> => {
     const propsEventHandlers: Record<string, React.EventHandler<any> | undefined> = {
       onBlur,
       onChange,
@@ -190,7 +190,6 @@ export function useInput(parameters: UseInputParameters): UseInputReturnValue {
     const externalEventHandlers = { ...propsEventHandlers, ...extractEventHandlers(externalProps) };
 
     const mergedEventHandlers = {
-      ...externalProps,
       ...externalEventHandlers,
       onBlur: handleBlur(externalEventHandlers),
       onChange: handleChange(externalEventHandlers),
@@ -201,10 +200,12 @@ export function useInput(parameters: UseInputParameters): UseInputReturnValue {
       ...mergedEventHandlers,
       'aria-invalid': error || undefined,
       defaultValue: defaultValue as string | number | readonly string[] | undefined,
-      ref: handleInputRef,
       value: value as string | number | readonly string[] | undefined,
       required,
       disabled,
+      ...externalProps,
+      ref: handleInputRef,
+      ...mergedEventHandlers,
     };
   };
 
diff --git a/packages/mui-base/src/useInput/useInput.types.ts b/packages/mui-base/src/useInput/useInput.types.ts
index f654c31dbb98fa..99ada2624e86a6 100644
--- a/packages/mui-base/src/useInput/useInput.types.ts
+++ b/packages/mui-base/src/useInput/useInput.types.ts
@@ -16,11 +16,11 @@ export interface UseInputParameters {
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
   error?: boolean;
-  onBlur?: React.FocusEventHandler;
+  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
   onClick?: React.MouseEventHandler;
-  onChange?: React.ChangeEventHandler<HTMLInputElement>;
-  onFocus?: React.FocusEventHandler;
-  inputRef?: React.Ref<HTMLInputElement>;
+  onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
   /**
    * If `true`, the `input` element is required.
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
@@ -33,8 +33,8 @@ export interface UseInputRootSlotOwnProps {
   onClick: React.MouseEventHandler | undefined;
 }
 
-export type UseInputRootSlotProps<TOther = {}> = Omit<
-  TOther,
+export type UseInputRootSlotProps<ExternalProps = {}> = Omit<
+  ExternalProps,
   keyof UseInputRootSlotOwnProps | 'onBlur' | 'onChange' | 'onFocus'
 > &
   UseInputRootSlotOwnProps;
@@ -42,16 +42,19 @@ export type UseInputRootSlotProps<TOther = {}> = Omit<
 export interface UseInputInputSlotOwnProps {
   'aria-invalid': React.AriaAttributes['aria-invalid'];
   defaultValue: string | number | readonly string[] | undefined;
-  ref: React.RefCallback<HTMLInputElement> | null;
+  ref: React.RefCallback<HTMLInputElement | HTMLTextAreaElement> | null;
   value: string | number | readonly string[] | undefined;
-  onBlur: React.FocusEventHandler;
-  onChange: React.ChangeEventHandler<HTMLInputElement>;
-  onFocus: React.FocusEventHandler;
+  onBlur: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  onFocus: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
   required: boolean;
   disabled: boolean;
 }
 
-export type UseInputInputSlotProps<TOther = {}> = Omit<TOther, keyof UseInputInputSlotOwnProps> &
+export type UseInputInputSlotProps<ExternalProps = {}> = Omit<
+  ExternalProps,
+  keyof UseInputInputSlotOwnProps
+> &
   UseInputInputSlotOwnProps;
 
 export interface UseInputReturnValue {
@@ -76,18 +79,18 @@ export interface UseInputReturnValue {
    * @param externalProps props for the input slot
    * @returns props that should be spread on the input slot
    */
-  getInputProps: <TOther extends Record<string, any> = {}>(
-    externalProps?: TOther,
-  ) => UseInputInputSlotProps<TOther>;
+  getInputProps: <ExternalProps extends Record<string, any> = {}>(
+    externalProps?: ExternalProps,
+  ) => UseInputInputSlotProps<ExternalProps>;
   /**
    * Resolver for the root slot's props.
    * @param externalProps props for the root slot
    * @returns props that should be spread on the root slot
    */
-  getRootProps: <TOther extends Record<string, any> = {}>(
-    externalProps?: TOther,
-  ) => UseInputRootSlotProps<TOther>;
-  inputRef: React.RefCallback<HTMLInputElement> | null;
+  getRootProps: <ExternalProps extends Record<string, any> = {}>(
+    externalProps?: ExternalProps,
+  ) => UseInputRootSlotProps<ExternalProps>;
+  inputRef: React.RefCallback<HTMLInputElement | HTMLTextAreaElement> | null;
   /**
    * If `true`, the `input` will indicate that it's required.
    */
diff --git a/packages/mui-base/src/useList/useList.test.tsx b/packages/mui-base/src/useList/useList.test.tsx
index 02b12be6f39bb6..7e8ffa6f1ce2fb 100644
--- a/packages/mui-base/src/useList/useList.test.tsx
+++ b/packages/mui-base/src/useList/useList.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { SinonSpy, spy } from 'sinon';
-import { createRenderer, createEvent, fireEvent } from 'test/utils';
+import { createRenderer, createEvent, fireEvent } from '@mui-internal/test-utils';
 import { useList } from './useList';
 
 describe('useList', () => {
@@ -85,4 +85,31 @@ describe('useList', () => {
       }),
     );
   });
+
+  describe('external props', () => {
+    it('should pass arbitrary props to the root slot', () => {
+      const handleClick = spy();
+
+      function Listbox() {
+        const { getRootProps } = useList({
+          items: [],
+          getItemId: () => undefined,
+        });
+        return (
+          <div
+            role="listbox"
+            {...getRootProps({ 'data-testid': 'test-listbox', onClick: handleClick })}
+          />
+        );
+      }
+
+      const { getByRole } = render(<Listbox />);
+
+      const listbox = getByRole('listbox');
+      expect(listbox).to.have.attribute('data-testid', 'test-listbox');
+
+      fireEvent.click(listbox);
+      expect(handleClick.callCount).to.equal(1);
+    });
+  });
 });
diff --git a/packages/mui-base/src/useList/useList.ts b/packages/mui-base/src/useList/useList.ts
index 8451d1bb4b8023..fca8c10f364291 100644
--- a/packages/mui-base/src/useList/useList.ts
+++ b/packages/mui-base/src/useList/useList.ts
@@ -20,10 +20,11 @@ import {
   StateComparers,
 } from '../utils/useControllableReducer.types';
 import { areArraysEqual } from '../utils/areArraysEqual';
-import { EventHandlers } from '../utils/types';
 import { useLatest } from '../utils/useLatest';
 import { useTextNavigation } from '../utils/useTextNavigation';
 import { MuiCancellableEvent } from '../utils/MuiCancellableEvent';
+import { extractEventHandlers } from '../utils/extractEventHandlers';
+import { EventHandlers } from '../utils/types';
 
 const EMPTY_OBJECT = {};
 const NOOP = () => {};
@@ -276,9 +277,9 @@ function useList<
   }, [highlightedValue, notifyHighlightChanged]);
 
   const createHandleKeyDown =
-    (other: Record<string, React.EventHandler<any>>) =>
+    (externalHandlers: EventHandlers) =>
     (event: React.KeyboardEvent<HTMLElement> & MuiCancellableEvent) => {
-      other.onKeyDown?.(event);
+      externalHandlers.onKeyDown?.(event);
 
       if (event.defaultMuiPrevented) {
         return;
@@ -314,9 +315,9 @@ function useList<
     };
 
   const createHandleBlur =
-    (other: Record<string, React.EventHandler<any>>) =>
+    (externalHandlers: EventHandlers) =>
     (event: React.FocusEvent<HTMLElement> & MuiCancellableEvent) => {
-      other.onBlur?.(event);
+      externalHandlers.onBlur?.(event);
 
       if (event.defaultMuiPrevented) {
         return;
@@ -333,19 +334,21 @@ function useList<
       });
     };
 
-  const getRootProps = <TOther extends EventHandlers = {}>(
-    otherHandlers: TOther = {} as TOther,
-  ): UseListRootSlotProps<TOther> => {
+  const getRootProps = <ExternalProps extends Record<string, any> = {}>(
+    externalProps: ExternalProps = {} as ExternalProps,
+  ): UseListRootSlotProps<ExternalProps> => {
+    const externalEventHandlers = extractEventHandlers(externalProps);
     return {
-      ...otherHandlers,
+      ...externalProps,
       'aria-activedescendant':
         focusManagement === 'activeDescendant' && highlightedValue != null
           ? getItemId!(highlightedValue)
           : undefined,
-      onBlur: createHandleBlur(otherHandlers),
-      onKeyDown: createHandleKeyDown(otherHandlers),
       tabIndex: focusManagement === 'DOM' ? -1 : 0,
       ref: handleRef,
+      ...externalEventHandlers,
+      onBlur: createHandleBlur(externalEventHandlers),
+      onKeyDown: createHandleKeyDown(externalEventHandlers),
     };
   };
 
diff --git a/packages/mui-base/src/useList/useList.types.ts b/packages/mui-base/src/useList/useList.types.ts
index 83285651a3119a..b6df0f4058ead2 100644
--- a/packages/mui-base/src/useList/useList.types.ts
+++ b/packages/mui-base/src/useList/useList.types.ts
@@ -6,7 +6,6 @@ import {
   ControllableReducerAction,
   StateChangeCallback,
 } from '../utils/useControllableReducer.types';
-import { EventHandlers } from '../utils';
 import type { ListContextValue } from './ListContext';
 import { MuiCancellableEventHandler } from '../utils/MuiCancellableEvent';
 
@@ -106,6 +105,7 @@ export interface UseListParameters<
   /**
    * The focus management strategy used by the list.
    * Controls the attributes used to set focus on the list items.
+   * @default 'activeDescendant'
    */
   focusManagement?: FocusManagementType;
   /**
@@ -248,7 +248,7 @@ interface UseListRootSlotOwnProps {
   ref: React.RefCallback<Element> | null;
 }
 
-export type UseListRootSlotProps<TOther = {}> = TOther & UseListRootSlotOwnProps;
+export type UseListRootSlotProps<ExternalProps = {}> = ExternalProps & UseListRootSlotOwnProps;
 
 export interface UseListReturnValue<
   ItemValue,
@@ -257,9 +257,14 @@ export interface UseListReturnValue<
 > {
   contextValue: ListContextValue<ItemValue>;
   dispatch: (action: CustomAction | ListAction<ItemValue>) => void;
-  getRootProps: <TOther extends EventHandlers = {}>(
-    otherHandlers?: TOther,
-  ) => UseListRootSlotProps<TOther>;
+  /**
+   * Resolver for the root slot's props.
+   * @param externalProps additional props for the root slot
+   * @returns props that should be spread on the root slot
+   */
+  getRootProps: <ExternalProps extends Record<string, unknown> = {}>(
+    externalProps?: ExternalProps,
+  ) => UseListRootSlotProps<ExternalProps>;
   rootRef: React.RefCallback<Element> | null;
   state: State;
 }
diff --git a/packages/mui-base/src/useList/useListItem.ts b/packages/mui-base/src/useList/useListItem.ts
index 03412478a40570..c3564637802ce4 100644
--- a/packages/mui-base/src/useList/useListItem.ts
+++ b/packages/mui-base/src/useList/useListItem.ts
@@ -4,8 +4,9 @@ import {
   unstable_useForkRef as useForkRef,
   unstable_useEnhancedEffect as useEnhancedEffect,
 } from '@mui/utils';
-import { EventHandlers } from '../utils/types';
 import { useForcedRerendering } from '../utils/useForcedRerendering';
+import { extractEventHandlers } from '../utils/extractEventHandlers';
+import { EventHandlers } from '../utils/types';
 import { UseListItemParameters, UseListItemReturnValue } from './useListItem.types';
 import { ListActionTypes } from './listActions.types';
 import { ListContext } from './ListContext';
@@ -65,8 +66,8 @@ export function useListItem<ItemValue>(
   }, [registerSelectionChangeHandler, rerender, selected, item]);
 
   const createHandleClick = React.useCallback(
-    (other: Record<string, React.EventHandler<any>>) => (event: React.MouseEvent) => {
-      other.onClick?.(event);
+    (externalHandlers: EventHandlers) => (event: React.MouseEvent) => {
+      externalHandlers.onClick?.(event);
       if (event.defaultPrevented) {
         return;
       }
@@ -81,8 +82,8 @@ export function useListItem<ItemValue>(
   );
 
   const createHandlePointerOver = React.useCallback(
-    (other: Record<string, React.EventHandler<any>>) => (event: React.PointerEvent) => {
-      other.onMouseOver?.(event);
+    (externalHandlers: EventHandlers) => (event: React.PointerEvent) => {
+      externalHandlers.onMouseOver?.(event);
       if (event.defaultPrevented) {
         return;
       }
@@ -101,15 +102,20 @@ export function useListItem<ItemValue>(
     tabIndex = highlighted ? 0 : -1;
   }
 
-  const getRootProps = <TOther extends EventHandlers = {}>(
-    otherHandlers: TOther = {} as TOther,
-  ) => ({
-    ...otherHandlers,
-    onClick: createHandleClick(otherHandlers),
-    onPointerOver: handlePointerOverEvents ? createHandlePointerOver(otherHandlers) : undefined,
-    ref: handleRef,
-    tabIndex,
-  });
+  const getRootProps = <ExternalProps extends Record<string, any>>(
+    externalProps: ExternalProps = {} as ExternalProps,
+  ) => {
+    const externalEventHandlers = extractEventHandlers(externalProps);
+    return {
+      ...externalProps,
+      onClick: createHandleClick(externalEventHandlers),
+      onPointerOver: handlePointerOverEvents
+        ? createHandlePointerOver(externalEventHandlers)
+        : undefined,
+      ref: handleRef,
+      tabIndex,
+    };
+  };
 
   return {
     getRootProps,
diff --git a/packages/mui-base/src/useList/useListItem.types.ts b/packages/mui-base/src/useList/useListItem.types.ts
index b2e9fe8bc756df..94599d0aa4cc1e 100644
--- a/packages/mui-base/src/useList/useListItem.types.ts
+++ b/packages/mui-base/src/useList/useListItem.types.ts
@@ -1,5 +1,3 @@
-import { EventHandlers } from '../utils';
-
 export interface UseListItemParameters<ItemValue> {
   /**
    * If `true`, the list item will dispatch the `itemHover` action on pointer over.
@@ -27,17 +25,18 @@ interface UseListItemRootSlotOwnProps {
   tabIndex?: number;
 }
 
-export type UseListItemRootSlotProps<TOther = {}> = TOther & UseListItemRootSlotOwnProps;
+export type UseListItemRootSlotProps<ExternalProps = {}> = ExternalProps &
+  UseListItemRootSlotOwnProps;
 
 export interface UseListItemReturnValue {
   /**
    * Resolver for the root slot's props.
-   * @param otherHandlers event handlers for the root slot
+   * @param externalProps additional props to be forwarded to the root slot
    * @returns props that should be spread on the root slot
    */
-  getRootProps: <TOther extends EventHandlers = {}>(
-    otherHandlers?: TOther,
-  ) => UseListItemRootSlotProps<TOther>;
+  getRootProps: <ExternalProps extends Record<string, unknown> = {}>(
+    externalProps?: ExternalProps,
+  ) => UseListItemRootSlotProps<ExternalProps>;
   /**
    * If `true`, the current item is highlighted.
    */
diff --git a/packages/mui-base/src/useMenu/useMenu.test.js b/packages/mui-base/src/useMenu/useMenu.test.js
new file mode 100644
index 00000000000000..d3973de7d06f3f
--- /dev/null
+++ b/packages/mui-base/src/useMenu/useMenu.test.js
@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { expect } from 'chai';
+import { spy } from 'sinon';
+import { createRenderer, screen, fireEvent } from '@mui-internal/test-utils';
+import { MenuItem } from '../MenuItem';
+import { useMenu } from './useMenu';
+
+describe('useMenu', () => {
+  const { render } = createRenderer();
+  describe('getListboxProps', () => {
+    it('returns props for root slot', () => {
+      function TestMenu() {
+        const listboxRef = React.createRef();
+        const { getListboxProps } = useMenu({ listboxRef });
+        return <div {...getListboxProps()} />;
+      }
+
+      function Test() {
+        return (
+          <TestMenu>
+            <MenuItem />
+          </TestMenu>
+        );
+      }
+
+      const { getByRole } = render(<Test />);
+
+      const menu = getByRole('menu');
+      expect(menu).not.to.equal(null);
+    });
+
+    it('forwards external props including event handlers', () => {
+      const handleClick = spy();
+
+      function TestMenu() {
+        const listboxRef = React.createRef();
+        const { getListboxProps } = useMenu({ listboxRef });
+        return (
+          <div {...getListboxProps({ 'data-testid': 'test-listbox', onClick: handleClick })} />
+        );
+      }
+
+      function Test() {
+        return (
+          <TestMenu>
+            <MenuItem />
+          </TestMenu>
+        );
+      }
+
+      render(<Test />);
+
+      const listbox = screen.getByTestId('test-listbox');
+      expect(listbox).not.to.equal(null);
+
+      fireEvent.click(listbox);
+      expect(handleClick.callCount).to.equal(1);
+    });
+  });
+});
diff --git a/packages/mui-base/src/useMenu/useMenu.ts b/packages/mui-base/src/useMenu/useMenu.ts
index dbed403af6df12..5ac3dab7c11aba 100644
--- a/packages/mui-base/src/useMenu/useMenu.ts
+++ b/packages/mui-base/src/useMenu/useMenu.ts
@@ -11,10 +11,11 @@ import { DropdownContext, DropdownContextValue } from '../useDropdown/DropdownCo
 import { useList } from '../useList';
 import { MenuItemMetadata } from '../useMenuItem';
 import { DropdownActionTypes } from '../useDropdown';
-import { EventHandlers } from '../utils';
+import { EventHandlers } from '../utils/types';
 import { useCompoundParent } from '../utils/useCompound';
 import { MuiCancellableEvent } from '../utils/MuiCancellableEvent';
 import { combineHooksSlotProps } from '../utils/combineHooksSlotProps';
+import { extractEventHandlers } from '../utils/extractEventHandlers';
 
 const FALLBACK_MENU_CONTEXT: DropdownContextValue = {
   dispatch: () => {},
@@ -38,7 +39,7 @@ const FALLBACK_MENU_CONTEXT: DropdownContextValue = {
 export function useMenu(parameters: UseMenuParameters = {}): UseMenuReturnValue {
   const { listboxRef: listboxRefProp, onItemsChange, id: idParam } = parameters;
 
-  const rootRef = React.useRef<HTMLElement | null>(null);
+  const rootRef = React.useRef<HTMLElement>(null);
   const handleRef = useForkRef(rootRef, listboxRefProp);
 
   const listboxId = useId(idParam) ?? '';
@@ -154,12 +155,15 @@ export function useMenu(parameters: UseMenuParameters = {}): UseMenuReturnValue
     onKeyDown: createHandleKeyDown(otherHandlers),
   });
 
-  const getListboxProps = <TOther extends EventHandlers>(
-    otherHandlers: TOther = {} as TOther,
+  const getListboxProps = <ExternalProps extends Record<string, unknown>>(
+    externalProps: ExternalProps = {} as ExternalProps,
   ): UseMenuListboxSlotProps => {
     const getCombinedRootProps = combineHooksSlotProps(getOwnListboxHandlers, getListRootProps);
+    const externalEventHandlers = extractEventHandlers(externalProps);
     return {
-      ...getCombinedRootProps(otherHandlers),
+      ...externalProps,
+      ...externalEventHandlers,
+      ...getCombinedRootProps(externalEventHandlers),
       id: listboxId,
       role: 'menu',
     };
diff --git a/packages/mui-base/src/useMenu/useMenu.types.ts b/packages/mui-base/src/useMenu/useMenu.types.ts
index ed4e6ddddb6476..58d5f10857f17f 100644
--- a/packages/mui-base/src/useMenu/useMenu.types.ts
+++ b/packages/mui-base/src/useMenu/useMenu.types.ts
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { ListAction, ListState, UseListRootSlotProps } from '../useList';
 import { MenuItemMetadata } from '../useMenuItem';
-import { EventHandlers } from '../utils/types';
 import { MenuProviderValue } from './MenuProvider';
 
 export interface UseMenuParameters {
@@ -31,11 +30,11 @@ export interface UseMenuReturnValue {
   dispatch: (action: ListAction<string>) => void;
   /**
    * Resolver for the listbox slot's props.
-   * @param otherHandlers event handlers for the listbox component
+   * @param externalProps additional props for the listbox component
    * @returns props that should be spread on the listbox component
    */
-  getListboxProps: <TOther extends EventHandlers>(
-    otherHandlers?: TOther,
+  getListboxProps: <ExternalProps extends Record<string, unknown> = {}>(
+    externalProps?: ExternalProps,
   ) => UseMenuListboxSlotProps;
   /**
    * The highlighted option in the menu listbox.
@@ -64,8 +63,8 @@ interface UseMenuListboxSlotEventHandlers {
   onKeyDown: React.KeyboardEventHandler;
 }
 
-export type UseMenuListboxSlotProps<TOther = {}> = UseListRootSlotProps<
-  Omit<TOther, keyof UseMenuListboxSlotEventHandlers> & UseMenuListboxSlotEventHandlers
+export type UseMenuListboxSlotProps<ExternalProps = {}> = UseListRootSlotProps<
+  Omit<ExternalProps, keyof UseMenuListboxSlotEventHandlers> & UseMenuListboxSlotEventHandlers
 > & {
   ref: React.RefCallback<Element> | null;
   role: React.AriaRole;
diff --git a/packages/mui-base/src/useMenuButton/useMenuButton.test.tsx b/packages/mui-base/src/useMenuButton/useMenuButton.test.tsx
new file mode 100644
index 00000000000000..d14beef942ad9a
--- /dev/null
+++ b/packages/mui-base/src/useMenuButton/useMenuButton.test.tsx
@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { expect } from 'chai';
+import { spy } from 'sinon';
+import { createRenderer, screen, fireEvent } from '@mui-internal/test-utils';
+import { DropdownContext, DropdownContextValue } from '@mui/base/useDropdown';
+import { useMenuButton } from './useMenuButton';
+
+const testContext: DropdownContextValue = {
+  dispatch: () => {},
+  popupId: 'menu-popup',
+  registerPopup: () => {},
+  registerTrigger: () => {},
+  state: { open: true },
+  triggerElement: null,
+};
+
+describe('useMenuButton', () => {
+  const { render } = createRenderer();
+  describe('getRootProps', () => {
+    it('returns props for root slot', () => {
+      function TestMenuButton() {
+        const { getRootProps } = useMenuButton();
+        return <div {...getRootProps()} />;
+      }
+
+      function Test() {
+        return (
+          <DropdownContext.Provider value={testContext}>
+            <TestMenuButton />
+          </DropdownContext.Provider>
+        );
+      }
+
+      const { getByRole } = render(<Test />);
+
+      const button = getByRole('button');
+      expect(button).not.to.equal(null);
+    });
+
+    it('forwards external props including event handlers', () => {
+      const handleClick = spy();
+
+      function TestMenuButton() {
+        const { getRootProps } = useMenuButton();
+        return (
+          <div {...getRootProps({ 'data-testid': 'test-menu-button', onClick: handleClick })} />
+        );
+      }
+
+      function Test() {
+        return (
+          <DropdownContext.Provider value={testContext}>
+            <TestMenuButton />
+          </DropdownContext.Provider>
+        );
+      }
+
+      render(<Test />);
+
+      const button = screen.getByTestId('test-menu-button');
+      expect(button).not.to.equal(null);
+
+      fireEvent.click(button);
+      expect(handleClick.callCount).to.equal(1);
+    });
+  });
+});
diff --git a/packages/mui-base/src/useMenuButton/useMenuButton.ts b/packages/mui-base/src/useMenuButton/useMenuButton.ts
index 57fed4fb6e79c6..696dfea4f05699 100644
--- a/packages/mui-base/src/useMenuButton/useMenuButton.ts
+++ b/packages/mui-base/src/useMenuButton/useMenuButton.ts
@@ -8,6 +8,7 @@ import { useButton } from '../useButton/useButton';
 import { EventHandlers } from '../utils/types';
 import { MuiCancellableEvent } from '../utils/MuiCancellableEvent';
 import { combineHooksSlotProps } from '../utils/combineHooksSlotProps';
+import { extractEventHandlers } from '../utils';
 
 /**
  *
@@ -75,14 +76,19 @@ export function useMenuButton(parameters: UseMenuButtonParameters = {}): UseMenu
     onKeyDown: createHandleKeyDown(otherHandlers),
   });
 
-  const getRootProps = (otherHandlers: EventHandlers = {}) => {
+  const getRootProps = <ExternalProps extends Record<string, unknown> = {}>(
+    externalProps: ExternalProps = {} as ExternalProps,
+  ) => {
+    const externalEventHandlers = extractEventHandlers(externalProps);
     const getCombinedProps = combineHooksSlotProps(getButtonRootProps, getOwnRootProps);
 
     return {
-      ...getCombinedProps(otherHandlers),
       'aria-haspopup': 'menu' as const,
       'aria-expanded': state.open,
       'aria-controls': popupId,
+      ...externalProps,
+      ...externalEventHandlers,
+      ...getCombinedProps(externalEventHandlers),
       ref: handleRef,
     };
   };
diff --git a/packages/mui-base/src/useMenuButton/useMenuButton.types.ts b/packages/mui-base/src/useMenuButton/useMenuButton.types.ts
index 6549b290740d92..3ae91422c41851 100644
--- a/packages/mui-base/src/useMenuButton/useMenuButton.types.ts
+++ b/packages/mui-base/src/useMenuButton/useMenuButton.types.ts
@@ -1,5 +1,3 @@
-import { EventHandlers } from '../utils';
-
 export interface UseMenuButtonParameters {
   /**
    * If `true`, the component is disabled.
@@ -17,7 +15,9 @@ export interface UseMenuButtonParameters {
   rootRef?: React.Ref<HTMLElement>;
 }
 
-interface UseMenuButtonRootSlotProps {
+type UseMenuButtonRootSlotProps<ExternalProps = {}> = ExternalProps & UseMenuButtonRootSlotOwnProps;
+
+interface UseMenuButtonRootSlotOwnProps {
   'aria-haspopup': 'menu';
   'aria-expanded': boolean;
   'aria-controls': string;
@@ -38,8 +38,12 @@ export interface UseMenuButtonReturnValue {
   active: boolean;
   /**
    * Resolver for the root slot's props.
+   * @param externalProps props for the root slot
+   * @returns props that should be spread on the root slot
    */
-  getRootProps: (otherHandlers?: EventHandlers) => UseMenuButtonRootSlotProps;
+  getRootProps: <ExternalProps extends Record<string, unknown> = {}>(
+    externalProps?: ExternalProps,
+  ) => UseMenuButtonRootSlotProps<ExternalProps>;
   /*
    * If `true`, the menu is open.
    */
diff --git a/packages/mui-base/src/useMenuItem/useMenuItem.test.tsx b/packages/mui-base/src/useMenuItem/useMenuItem.test.tsx
new file mode 100644
index 00000000000000..a599bfb52ae110
--- /dev/null
+++ b/packages/mui-base/src/useMenuItem/useMenuItem.test.tsx
@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { expect } from 'chai';
+import { spy } from 'sinon';
+import { createRenderer, screen, fireEvent } from '@mui-internal/test-utils';
+import { Menu } from '../Menu';
+import { useMenuItem } from './useMenuItem';
+
+describe('useMenuItem', () => {
+  const { render } = createRenderer();
+  describe('getRootProps', () => {
+    it('returns props for root slot', () => {
+      function TestMenuItem() {
+        const rootRef = React.createRef<HTMLElement>();
+        const { getRootProps } = useMenuItem({ rootRef });
+        return <div {...getRootProps()} />;
+      }
+
+      function Test() {
+        return (
+          <Menu>
+            <TestMenuItem />
+          </Menu>
+        );
+      }
+
+      const { getByRole } = render(<Test />);
+
+      const menuItem = getByRole('menuitem');
+      expect(menuItem).not.to.equal(null);
+    });
+
+    it('forwards external props including event handlers', () => {
+      const handleClick = spy();
+
+      function TestMenuItem() {
+        const rootRef = React.createRef<HTMLElement>();
+        const { getRootProps } = useMenuItem({ rootRef, id: 'test-menu-item-1' });
+        return <div {...getRootProps({ 'data-testid': 'test-menu-item', onClick: handleClick })} />;
+      }
+
+      function Test() {
+        return (
+          <Menu>
+            <TestMenuItem />
+          </Menu>
+        );
+      }
+
+      render(<Test />);
+
+      const menuItem = screen.getByTestId('test-menu-item');
+      expect(menuItem).not.to.equal(null);
+
+      fireEvent.click(menuItem);
+      expect(handleClick.callCount).to.equal(1);
+    });
+  });
+});
diff --git a/packages/mui-base/src/useMenuItem/useMenuItem.ts b/packages/mui-base/src/useMenuItem/useMenuItem.ts
index 06d3f447cc4863..7d68dec84fe020 100644
--- a/packages/mui-base/src/useMenuItem/useMenuItem.ts
+++ b/packages/mui-base/src/useMenuItem/useMenuItem.ts
@@ -15,6 +15,7 @@ import { combineHooksSlotProps } from '../utils/combineHooksSlotProps';
 import { useCompoundItem } from '../utils/useCompoundItem';
 import { MuiCancellableEvent } from '../utils/MuiCancellableEvent';
 import { EventHandlers } from '../utils/types';
+import { extractEventHandlers } from '../utils/extractEventHandlers';
 
 function idGenerator(existingKeys: Set<string>) {
   return `menu-item-${existingKeys.size}`;
@@ -88,20 +89,25 @@ export function useMenuItem(params: UseMenuItemParameters): UseMenuItemReturnVal
       });
     };
 
-  const getOwnHandlers = <TOther extends EventHandlers>(otherHandlers: TOther = {} as TOther) => ({
+  const getOwnHandlers = <ExternalProps extends EventHandlers>(
+    otherHandlers: ExternalProps = {} as ExternalProps,
+  ) => ({
     ...otherHandlers,
     onClick: createHandleClick(otherHandlers),
   });
 
-  function getRootProps<TOther extends EventHandlers = {}>(
-    otherHandlers: TOther = {} as TOther,
-  ): UseMenuItemRootSlotProps<TOther> {
+  function getRootProps<ExternalProps extends Record<string, unknown> = {}>(
+    externalProps: ExternalProps = {} as ExternalProps,
+  ): UseMenuItemRootSlotProps<ExternalProps> {
+    const externalEventHandlers = extractEventHandlers(externalProps);
     const getCombinedRootProps = combineHooksSlotProps(
       getOwnHandlers,
       combineHooksSlotProps(getButtonProps, getListRootProps),
     );
     return {
-      ...getCombinedRootProps(otherHandlers),
+      ...externalProps,
+      ...externalEventHandlers,
+      ...getCombinedRootProps(externalEventHandlers),
       ref: handleRef,
       role: 'menuitem',
     };
diff --git a/packages/mui-base/src/useMenuItem/useMenuItem.types.ts b/packages/mui-base/src/useMenuItem/useMenuItem.types.ts
index 3fc8766e8119fc..6219182cf6b278 100644
--- a/packages/mui-base/src/useMenuItem/useMenuItem.types.ts
+++ b/packages/mui-base/src/useMenuItem/useMenuItem.types.ts
@@ -1,4 +1,3 @@
-import { EventHandlers } from '../utils/types';
 import { UseButtonRootSlotProps } from '../useButton';
 import { MuiCancellableEventHandler } from '../utils/MuiCancellableEvent';
 
@@ -14,9 +13,9 @@ export interface MenuItemMetadata {
   ref: React.RefObject<HTMLElement>;
 }
 
-export type UseMenuItemRootSlotProps<TOther = {}> = TOther &
+export type UseMenuItemRootSlotProps<ExternalProps = {}> = ExternalProps &
   UseMenuItemRootSlotOwnProps &
-  UseButtonRootSlotProps<TOther> & {
+  UseButtonRootSlotProps<ExternalProps> & {
     onClick: MuiCancellableEventHandler<React.MouseEvent>;
   };
 
@@ -31,12 +30,12 @@ export interface UseMenuItemParameters {
 export interface UseMenuItemReturnValue {
   /**
    * Resolver for the root slot's props.
-   * @param otherHandlers event handlers for the root slot
+   * @param externalProps event handlers for the root slot
    * @returns props that should be spread on the root slot
    */
-  getRootProps: <TOther extends EventHandlers = {}>(
-    otherHandlers?: TOther,
-  ) => UseMenuItemRootSlotProps<TOther>;
+  getRootProps: <ExternalProps extends Record<string, unknown> = {}>(
+    externalProps?: ExternalProps,
+  ) => UseMenuItemRootSlotProps<ExternalProps>;
   /**
    * If `true`, the component is disabled.
    */
diff --git a/packages/mui-base/src/useOption/useOption.ts b/packages/mui-base/src/useOption/useOption.ts
index 556e82506e3344..87f9f02865ff88 100644
--- a/packages/mui-base/src/useOption/useOption.ts
+++ b/packages/mui-base/src/useOption/useOption.ts
@@ -2,7 +2,7 @@
 import * as React from 'react';
 import { unstable_useForkRef as useForkRef, unstable_useId as useId } from '@mui/utils';
 import { SelectOption, UseOptionParameters, UseOptionReturnValue } from './useOption.types';
-import { EventHandlers } from '../utils';
+import { extractEventHandlers } from '../utils/extractEventHandlers';
 import { useListItem } from '../useList';
 import { useCompoundItem } from '../utils/useCompoundItem';
 
@@ -48,14 +48,19 @@ export function useOption<Value>(params: UseOptionParameters<Value>): UseOptionR
   const handleRef = useForkRef(optionRefParam, optionRef, listItemRefHandler)!;
 
   return {
-    getRootProps: <Other extends EventHandlers = {}>(otherHandlers: Other = {} as Other) => ({
-      ...otherHandlers,
-      ...getListItemProps(otherHandlers),
-      id,
-      ref: handleRef,
-      role: 'option',
-      'aria-selected': selected,
-    }),
+    getRootProps: <ExternalProps extends Record<string, unknown> = {}>(
+      externalProps: ExternalProps = {} as ExternalProps,
+    ) => {
+      const externalEventHandlers = extractEventHandlers(externalProps);
+      return {
+        ...externalProps,
+        ...getListItemProps(externalEventHandlers),
+        id,
+        ref: handleRef,
+        role: 'option',
+        'aria-selected': selected,
+      };
+    },
     highlighted,
     index,
     selected,
diff --git a/packages/mui-base/src/useOption/useOption.types.ts b/packages/mui-base/src/useOption/useOption.types.ts
index 7693a3c9fa40ef..32225dc0035728 100644
--- a/packages/mui-base/src/useOption/useOption.types.ts
+++ b/packages/mui-base/src/useOption/useOption.types.ts
@@ -1,5 +1,4 @@
 import { UseListItemRootSlotProps } from '../useList';
-import { EventHandlers } from '../utils';
 
 export interface SelectOption<Value> {
   value: Value;
@@ -18,16 +17,30 @@ export interface UseOptionParameters<Value> {
 }
 
 export interface UseOptionReturnValue {
+  /**
+   * If `true`, the option is selected.
+   */
   selected: boolean;
+  /**
+   * If `true`, the option is highlighted.
+   */
   highlighted: boolean;
   index: number;
-  getRootProps: <Other extends EventHandlers>(
-    otherHandlers?: Other,
-  ) => UseOptionRootSlotProps<Other>;
+  /**
+   * Resolver for the root slot's props.
+   * @param externalProps props for the root slot
+   * @returns props that should be spread on the root slot
+   */
+  getRootProps: <ExternalProps extends Record<string, unknown>>(
+    externalProps?: ExternalProps,
+  ) => UseOptionRootSlotProps<ExternalProps>;
+  /**
+   * Ref to the root slot DOM node.
+   */
   rootRef: React.RefCallback<Element> | null;
 }
 
-export type UseOptionRootSlotProps<Other extends EventHandlers = {}> =
-  UseListItemRootSlotProps<Other> & {
+export type UseOptionRootSlotProps<ExternalProps extends Record<string, unknown> = {}> =
+  UseListItemRootSlotProps<ExternalProps> & {
     ref?: React.RefCallback<Element> | null;
-  } & Other;
+  } & ExternalProps;
diff --git a/packages/mui-base/src/useSelect/useSelect.test.tsx b/packages/mui-base/src/useSelect/useSelect.test.tsx
index bffe251348303f..424bda3cdd1a1f 100644
--- a/packages/mui-base/src/useSelect/useSelect.test.tsx
+++ b/packages/mui-base/src/useSelect/useSelect.test.tsx
@@ -1,4 +1,5 @@
 import { expect } from 'chai';
+import sinon from 'sinon';
 import { renderHook } from '@testing-library/react';
 import { useSelect } from './useSelect';
 
@@ -20,4 +21,91 @@ describe('useSelect', () => {
       expect(result.current.getOptionMetadata('c')?.disabled).to.equal(true);
     });
   });
+
+  describe('getHiddenInputProps', () => {
+    it('returns props for hidden input', () => {
+      const options = [
+        { value: 'a', label: 'A' },
+        { value: 'b', label: 'B' },
+        { value: 'c', label: 'C', disabled: true },
+      ];
+
+      const { result } = renderHook(() =>
+        useSelect({ options, defaultValue: 'b', name: 'foo', required: true }),
+      );
+
+      sinon.assert.match(result.current.getHiddenInputProps(), {
+        name: 'foo',
+        tabIndex: -1,
+        'aria-hidden': true,
+        required: true,
+        value: 'b',
+        style: {
+          clip: 'rect(1px, 1px, 1px, 1px)',
+          clipPath: 'inset(50%)',
+          height: '1px',
+          width: '1px',
+          margin: '-1px',
+          overflow: 'hidden',
+          padding: 0,
+          position: 'absolute',
+          left: '50%',
+          bottom: 0,
+        },
+      });
+    });
+
+    it('[multiple] returns correct value for the hidden input', () => {
+      const options = [
+        { value: 'a', label: 'A' },
+        { value: 'b', label: 'B' },
+        { value: 'c', label: 'C', disabled: true },
+      ];
+
+      const { result } = renderHook(() =>
+        useSelect({
+          multiple: true,
+          options,
+          defaultValue: ['a', 'b'],
+          name: 'foo',
+          required: true,
+        }),
+      );
+
+      sinon.assert.match(result.current.getHiddenInputProps(), {
+        name: 'foo',
+        tabIndex: -1,
+        'aria-hidden': true,
+        required: true,
+        value: JSON.stringify(['a', 'b']),
+      });
+    });
+
+    it('[multiple with object value] returns correct value for the hidden input', () => {
+      const options = [
+        { value: { name: 'a' }, label: 'A' },
+        { value: { name: 'b' }, label: 'B' },
+        { value: { name: 'c' }, label: 'C', disabled: true },
+      ];
+
+      const { result } = renderHook(() =>
+        useSelect<{ name: string }, true>({
+          multiple: true,
+          options,
+          areOptionsEqual: (a, b) => a.name === b.name,
+          defaultValue: [{ name: 'a' }, { name: 'b' }],
+          name: 'foo',
+          required: true,
+        }),
+      );
+
+      sinon.assert.match(result.current.getHiddenInputProps(), {
+        name: 'foo',
+        tabIndex: -1,
+        'aria-hidden': true,
+        required: true,
+        value: JSON.stringify([{ name: 'a' }, { name: 'b' }]),
+      });
+    });
+  });
 });
diff --git a/packages/mui-base/src/useSelect/useSelect.ts b/packages/mui-base/src/useSelect/useSelect.ts
index a70de738aa4a39..265b70099168fb 100644
--- a/packages/mui-base/src/useSelect/useSelect.ts
+++ b/packages/mui-base/src/useSelect/useSelect.ts
@@ -13,6 +13,7 @@ import {
   SelectInternalState,
   SelectValue,
   UseSelectButtonSlotProps,
+  UseSelectHiddenInputSlotProps,
   UseSelectListboxSlotProps,
   UseSelectParameters,
   UseSelectReturnValue,
@@ -22,11 +23,50 @@ import { EventHandlers } from '../utils/types';
 import { defaultOptionStringifier } from './defaultOptionStringifier';
 import { SelectProviderValue } from './SelectProvider';
 import { useCompoundParent } from '../utils/useCompound';
+import { extractEventHandlers } from '../utils/extractEventHandlers';
 import { SelectOption } from '../useOption/useOption.types';
 import { selectReducer } from './selectReducer';
 import { combineHooksSlotProps } from '../utils/combineHooksSlotProps';
 import { MuiCancellableEvent } from '../utils/MuiCancellableEvent';
 
+// visually hidden style based on https://webaim.org/techniques/css/invisiblecontent/
+const visuallyHiddenStyle: React.CSSProperties = {
+  clip: 'rect(1px, 1px, 1px, 1px)',
+  clipPath: 'inset(50%)',
+  height: '1px',
+  width: '1px',
+  margin: '-1px',
+  overflow: 'hidden',
+  padding: 0,
+  position: 'absolute',
+  left: '50%',
+  bottom: 0, // to display the native browser validation error at the bottom of the Select.
+};
+
+const noop = () => {};
+
+function defaultFormValueProvider<OptionValue>(
+  selectedOption: SelectOption<OptionValue> | SelectOption<OptionValue>[] | null,
+) {
+  if (Array.isArray(selectedOption)) {
+    if (selectedOption.length === 0) {
+      return '';
+    }
+
+    return JSON.stringify(selectedOption.map((o) => o.value));
+  }
+
+  if (selectedOption?.value == null) {
+    return '';
+  }
+
+  if (typeof selectedOption.value === 'string' || typeof selectedOption.value === 'number') {
+    return selectedOption.value;
+  }
+
+  return JSON.stringify(selectedOption.value);
+}
+
 function preventDefault(event: React.SyntheticEvent) {
   event.preventDefault();
 }
@@ -53,19 +93,22 @@ function useSelect<OptionValue, Multiple extends boolean = false>(
     listboxId: listboxIdProp,
     listboxRef: listboxRefProp,
     multiple = false as Multiple,
+    name,
+    required,
     onChange,
     onHighlightChange,
     onOpenChange,
     open: openProp,
     options: optionsParam,
     getOptionAsString = defaultOptionStringifier,
+    getSerializedValue = defaultFormValueProvider,
     value: valueProp,
   } = props;
 
   const buttonRef = React.useRef<HTMLElement>(null);
   const handleButtonRef = useForkRef(buttonRefProp, buttonRef);
 
-  const listboxRef = React.useRef<HTMLElement | null>(null);
+  const listboxRef = React.useRef<HTMLElement>(null);
   const listboxId = useId(listboxIdProp);
 
   let defaultValue: OptionValue[] | undefined;
@@ -257,9 +300,8 @@ function useSelect<OptionValue, Multiple extends boolean = false>(
   } = useList(useListParameters);
 
   const createHandleButtonMouseDown =
-    (otherHandlers?: Record<string, React.EventHandler<any>>) =>
-    (event: React.MouseEvent & MuiCancellableEvent) => {
-      otherHandlers?.onMouseDown?.(event);
+    (externalEventHandlers?: EventHandlers) => (event: React.MouseEvent & MuiCancellableEvent) => {
+      externalEventHandlers?.onMouseDown?.(event);
       if (!event.defaultMuiPrevented) {
         const action: ButtonClickAction = {
           type: SelectActionTypes.buttonClick,
@@ -294,8 +336,8 @@ function useSelect<OptionValue, Multiple extends boolean = false>(
     [getOptionByValue],
   );
 
-  const getSelectTriggerProps = <TOther extends EventHandlers>(
-    otherHandlers: TOther = {} as TOther,
+  const getSelectTriggerProps = <OtherHandlers extends EventHandlers>(
+    otherHandlers: OtherHandlers = {} as OtherHandlers,
   ) => {
     return {
       ...otherHandlers,
@@ -307,19 +349,23 @@ function useSelect<OptionValue, Multiple extends boolean = false>(
     };
   };
 
-  const getButtonProps = <TOther extends EventHandlers>(
-    otherHandlers: TOther = {} as TOther,
-  ): UseSelectButtonSlotProps<TOther> => {
+  const getButtonProps = <ExternalProps extends Record<string, unknown>>(
+    externalProps: ExternalProps = {} as ExternalProps,
+  ): UseSelectButtonSlotProps<ExternalProps> => {
+    const externalEventHandlers = extractEventHandlers(externalProps);
     const listboxAndButtonProps = combineHooksSlotProps(getButtonRootProps, getListboxRootProps);
     const combinedProps = combineHooksSlotProps(listboxAndButtonProps, getSelectTriggerProps);
-    return combinedProps(otherHandlers);
+    return {
+      ...externalProps,
+      ...combinedProps(externalEventHandlers),
+    };
   };
 
-  const getListboxProps = <TOther extends EventHandlers>(
-    otherHandlers: TOther = {} as TOther,
-  ): UseSelectListboxSlotProps<TOther> => {
+  const getListboxProps = <ExternalProps extends Record<string, unknown>>(
+    externalProps: ExternalProps = {} as ExternalProps,
+  ): UseSelectListboxSlotProps<ExternalProps> => {
     return {
-      ...otherHandlers,
+      ...externalProps,
       id: listboxId,
       role: 'listbox' as const,
       'aria-multiselectable': multiple ? 'true' : undefined,
@@ -352,6 +398,31 @@ function useSelect<OptionValue, Multiple extends boolean = false>(
     >;
   }
 
+  let selectedOptionsMetadata: SelectValue<SelectOption<OptionValue>, Multiple>;
+  if (multiple) {
+    selectedOptionsMetadata = (selectValue as OptionValue[])
+      .map((v) => getOptionMetadata(v))
+      .filter((o) => o !== undefined) as SelectValue<SelectOption<OptionValue>, Multiple>;
+  } else {
+    selectedOptionsMetadata = (getOptionMetadata(selectValue as OptionValue) ??
+      null) as SelectValue<SelectOption<OptionValue>, Multiple>;
+  }
+
+  const getHiddenInputProps = <ExternalProps extends Record<string, unknown>>(
+    externalProps: ExternalProps = {} as ExternalProps,
+  ): UseSelectHiddenInputSlotProps<ExternalProps> => {
+    return {
+      name,
+      tabIndex: -1,
+      'aria-hidden': true,
+      required: required ? true : undefined,
+      value: getSerializedValue(selectedOptionsMetadata),
+      onChange: noop,
+      style: visuallyHiddenStyle,
+      ...externalProps,
+    };
+  };
+
   return {
     buttonActive,
     buttonFocusVisible,
@@ -360,6 +431,7 @@ function useSelect<OptionValue, Multiple extends boolean = false>(
     disabled,
     dispatch,
     getButtonProps,
+    getHiddenInputProps,
     getListboxProps,
     getOptionMetadata,
     listboxRef: mergedListRootRef,
diff --git a/packages/mui-base/src/useSelect/useSelect.types.ts b/packages/mui-base/src/useSelect/useSelect.types.ts
index 28bfae9b04069a..33c7653608ae7f 100644
--- a/packages/mui-base/src/useSelect/useSelect.types.ts
+++ b/packages/mui-base/src/useSelect/useSelect.types.ts
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { ListAction, ListState, UseListRootSlotProps } from '../useList';
 import { SelectOption } from '../useOption/useOption.types';
-import { EventHandlers } from '../utils/types';
 import { SelectProviderValue } from './SelectProvider';
 import { MuiCancellableEventHandler } from '../utils/MuiCancellableEvent';
 
@@ -61,6 +60,16 @@ export interface UseSelectParameters<OptionValue, Multiple extends boolean = fal
    * @default false
    */
   multiple?: Multiple;
+  /**
+   * The `name` attribute of the hidden input element.
+   * This is useful when the select is embedded in a form and you want to access the selected value in the form data.
+   */
+  name?: string;
+  /**
+   * If `true`, the select embedded in a form must have a selected value.
+   * Otherwise, the form submission will fail.
+   */
+  required?: boolean;
   /**
    * Callback fired when an option is selected.
    */
@@ -93,6 +102,14 @@ export interface UseSelectParameters<OptionValue, Multiple extends boolean = fal
    * If this parameter is set, options defined as JSX children are ignored.
    */
   options?: SelectOptionDefinition<OptionValue>[];
+  /**
+   * A function to convert the currently selected value to a string.
+   * Used to set a value of a hidden input associated with the select,
+   * so that the selected value can be posted with a form.
+   */
+  getSerializedValue?: (
+    option: SelectValue<SelectOption<OptionValue>, Multiple>,
+  ) => React.InputHTMLAttributes<HTMLInputElement>['value'];
   /**
    * A function used to convert the option label to a string.
    * This is useful when labels are elements and need to be converted to plain text
@@ -122,6 +139,9 @@ export type UseSelectButtonSlotProps<TOther = {}> = UseListRootSlotProps<
     ref: React.RefCallback<Element> | null;
   };
 
+export type UseSelectHiddenInputSlotProps<TOther = {}> =
+  React.InputHTMLAttributes<HTMLInputElement> & TOther;
+
 interface UseSelectListboxSlotEventHandlers {
   onMouseDown: React.MouseEventHandler;
 }
@@ -161,20 +181,28 @@ export interface UseSelectReturnValue<Value, Multiple> {
   dispatch: (action: ListAction<Value> | SelectAction) => void;
   /**
    * Resolver for the button slot's props.
-   * @param otherHandlers event handlers for the button slot
+   * @param externalProps event handlers for the button slot
    * @returns props that should be spread on the button slot
    */
-  getButtonProps: <OtherHandlers extends EventHandlers = {}>(
-    otherHandlers?: OtherHandlers,
-  ) => UseSelectButtonSlotProps<OtherHandlers>;
+  getButtonProps: <ExternalProps extends Record<string, unknown> = {}>(
+    externalProps?: ExternalProps,
+  ) => UseSelectButtonSlotProps<ExternalProps>;
+  /**
+   * Resolver for the hidden input slot's props.
+   * @param externalProps event handlers for the hidden input slot
+   * @returns HTML input attributes that should be spread on the hidden input slot
+   */
+  getHiddenInputProps: <ExternalProps extends Record<string, unknown> = {}>(
+    externalProps?: ExternalProps,
+  ) => UseSelectHiddenInputSlotProps<ExternalProps>;
   /**
    * Resolver for the listbox slot's props.
-   * @param otherHandlers event handlers for the listbox slot
+   * @param externalProps event handlers for the listbox slot
    * @returns props that should be spread on the listbox slot
    */
-  getListboxProps: <OtherHandlers extends EventHandlers = {}>(
-    otherHandlers?: OtherHandlers,
-  ) => UseSelectListboxSlotProps<OtherHandlers>;
+  getListboxProps: <ExternalProps extends Record<string, unknown> = {}>(
+    externalProps?: ExternalProps,
+  ) => UseSelectListboxSlotProps<ExternalProps>;
   /**
    * A function that returns the metadata of an option with a given value.
    *
diff --git a/packages/mui-base/src/useSnackbar/useSnackbar.test.tsx b/packages/mui-base/src/useSnackbar/useSnackbar.test.tsx
new file mode 100644
index 00000000000000..6ee48a71e0e017
--- /dev/null
+++ b/packages/mui-base/src/useSnackbar/useSnackbar.test.tsx
@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { expect } from 'chai';
+import { spy } from 'sinon';
+import { fireEvent, createRenderer } from '@mui-internal/test-utils';
+import { useSnackbar, UseSnackbarParameters } from '@mui/base/useSnackbar';
+
+describe('useSnackbar', () => {
+  const { render } = createRenderer();
+
+  const invokeUseSnackbar = (props: UseSnackbarParameters) => {
+    const ref = React.createRef<ReturnType<typeof useSnackbar>>();
+    function TestComponent() {
+      const snackbarDefinition = useSnackbar(props);
+      React.useImperativeHandle(ref, () => snackbarDefinition, [snackbarDefinition]);
+      return null;
+    }
+
+    render(<TestComponent />);
+
+    return ref.current!;
+  };
+
+  describe('getRootProps', () => {
+    it('returns props for the root slot', () => {
+      const props: UseSnackbarParameters = {};
+
+      const { getRootProps } = invokeUseSnackbar(props);
+
+      const rootProps = getRootProps();
+
+      expect(rootProps.role).to.equal('presentation');
+    });
+
+    it('forwards external props including event handlers', () => {
+      const handleClickSpy = spy();
+
+      function Snackbar() {
+        const { getRootProps } = useSnackbar();
+
+        return <div {...getRootProps({ onClick: handleClickSpy, random: 'arbitraryValue' })} />;
+      }
+      const { getByRole } = render(<Snackbar />);
+
+      const snackbar = getByRole('presentation');
+
+      expect(snackbar).to.have.attribute('random', 'arbitraryValue');
+
+      fireEvent.click(snackbar);
+
+      expect(handleClickSpy.callCount).to.equal(1);
+    });
+  });
+});
diff --git a/packages/mui-base/src/useSnackbar/useSnackbar.ts b/packages/mui-base/src/useSnackbar/useSnackbar.ts
index 949367f083966b..e8237f9d5e12d4 100644
--- a/packages/mui-base/src/useSnackbar/useSnackbar.ts
+++ b/packages/mui-base/src/useSnackbar/useSnackbar.ts
@@ -7,6 +7,7 @@ import {
   UseSnackbarReturnValue,
 } from './useSnackbar.types';
 import { extractEventHandlers } from '../utils/extractEventHandlers';
+import { EventHandlers } from '../utils/types';
 
 /**
  * The basic building block for creating custom snackbar.
@@ -19,7 +20,7 @@ import { extractEventHandlers } from '../utils/extractEventHandlers';
  *
  * - [useSnackbar API](https://mui.com/base-ui/react-snackbar/hooks-api/#use-snackbar)
  */
-export function useSnackbar(parameters: UseSnackbarParameters): UseSnackbarReturnValue {
+export function useSnackbar(parameters: UseSnackbarParameters = {}): UseSnackbarReturnValue {
   const {
     autoHideDuration = null,
     disableWindowBlurListener = false,
@@ -99,32 +100,28 @@ export function useSnackbar(parameters: UseSnackbarParameters): UseSnackbarRetur
   }, [autoHideDuration, resumeHideDuration, setAutoHideTimer]);
 
   const createHandleBlur =
-    (otherHandlers: Record<string, React.EventHandler<any> | undefined>) =>
-    (event: React.FocusEvent<HTMLDivElement, Element>) => {
+    (otherHandlers: EventHandlers) => (event: React.FocusEvent<HTMLDivElement, Element>) => {
       const onBlurCallback = otherHandlers.onBlur;
       onBlurCallback?.(event);
       handleResume();
     };
 
   const createHandleFocus =
-    (otherHandlers: Record<string, React.EventHandler<any> | undefined>) =>
-    (event: React.FocusEvent<HTMLDivElement, Element>) => {
+    (otherHandlers: EventHandlers) => (event: React.FocusEvent<HTMLDivElement, Element>) => {
       const onFocusCallback = otherHandlers.onFocus;
       onFocusCallback?.(event);
       handlePause();
     };
 
   const createMouseEnter =
-    (otherHandlers: Record<string, React.EventHandler<any> | undefined>) =>
-    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
+    (otherHandlers: EventHandlers) => (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
       const onMouseEnterCallback = otherHandlers.onMouseEnter;
       onMouseEnterCallback?.(event);
       handlePause();
     };
 
   const createMouseLeave =
-    (otherHandlers: Record<string, React.EventHandler<any> | undefined>) =>
-    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
+    (otherHandlers: EventHandlers) => (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
       const onMouseLeaveCallback = otherHandlers.onMouseLeave;
       onMouseLeaveCallback?.(event);
       handleResume();
@@ -145,21 +142,19 @@ export function useSnackbar(parameters: UseSnackbarParameters): UseSnackbarRetur
     return undefined;
   }, [disableWindowBlurListener, handleResume, open]);
 
-  const getRootProps: UseSnackbarReturnValue['getRootProps'] = <
-    TOther extends Parameters<UseSnackbarReturnValue['getRootProps']>[0],
-  >(
-    otherHandlers: TOther = {} as TOther,
+  const getRootProps = <ExternalProps extends Record<string, unknown> = {}>(
+    externalProps: ExternalProps = {} as ExternalProps,
   ) => {
-    const propsEventHandlers = extractEventHandlers(parameters) as Partial<UseSnackbarParameters>;
     const externalEventHandlers = {
-      ...propsEventHandlers,
-      ...otherHandlers,
+      ...extractEventHandlers(parameters),
+      ...extractEventHandlers(externalProps),
     };
 
     return {
       // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
       // See https://github.com/mui/material-ui/issues/29080
       role: 'presentation',
+      ...externalProps,
       ...externalEventHandlers,
       onBlur: createHandleBlur(externalEventHandlers),
       onFocus: createHandleFocus(externalEventHandlers),
diff --git a/packages/mui-base/src/useSnackbar/useSnackbar.types.ts b/packages/mui-base/src/useSnackbar/useSnackbar.types.ts
index 037af18b22bf08..845fb51760bbfe 100644
--- a/packages/mui-base/src/useSnackbar/useSnackbar.types.ts
+++ b/packages/mui-base/src/useSnackbar/useSnackbar.types.ts
@@ -38,7 +38,8 @@ export interface UseSnackbarParameters {
   resumeHideDuration?: number;
 }
 
-export type UseSnackbarRootSlotProps<TOther = {}> = TOther & UseSnackbarRootSlotOwnProps;
+export type UseSnackbarRootSlotProps<ExternalProps = {}> = ExternalProps &
+  UseSnackbarRootSlotOwnProps;
 
 export interface UseSnackbarRootSlotOwnProps {
   onBlur: React.FocusEventHandler;
@@ -55,9 +56,9 @@ export interface UseSnackbarReturnValue {
    * @param externalProps props for the root slot
    * @returns props that should be spread on the root slot
    */
-  getRootProps: <TOther extends Record<string, ((event: any) => void) | undefined> = {}>(
-    externalProps?: TOther,
-  ) => UseSnackbarRootSlotProps<TOther>;
+  getRootProps: <ExternalProps extends Record<string, unknown> = {}>(
+    externalProps?: ExternalProps,
+  ) => UseSnackbarRootSlotProps<ExternalProps>;
   /**
    * Callback fired when a "click away" event is detected.
    */
diff --git a/packages/mui-base/src/useSwitch/useSwitch.test.tsx b/packages/mui-base/src/useSwitch/useSwitch.test.tsx
index 194f05069afabe..0414f65ba3d0c2 100644
--- a/packages/mui-base/src/useSwitch/useSwitch.test.tsx
+++ b/packages/mui-base/src/useSwitch/useSwitch.test.tsx
@@ -8,7 +8,7 @@ import {
   programmaticFocusTriggersFocusVisible,
   screen,
   simulatePointerDevice,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { useSwitch, UseSwitchParameters } from '@mui/base/useSwitch';
 
 describe('useSwitch', () => {
diff --git a/packages/mui-base/src/utils/ClassNameConfigurator.test.tsx b/packages/mui-base/src/utils/ClassNameConfigurator.test.tsx
index 27a38e3a1611d5..85d6db68f7d791 100644
--- a/packages/mui-base/src/utils/ClassNameConfigurator.test.tsx
+++ b/packages/mui-base/src/utils/ClassNameConfigurator.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { expect } from 'chai';
 import { Switch, switchClasses } from '@mui/base/Switch';
 import { ClassNameConfigurator } from '@mui/base/utils/ClassNameConfigurator';
diff --git a/packages/mui-base/src/utils/index.ts b/packages/mui-base/src/utils/index.ts
index add02d21d957d7..574814884c595b 100644
--- a/packages/mui-base/src/utils/index.ts
+++ b/packages/mui-base/src/utils/index.ts
@@ -7,5 +7,6 @@ export { isHostComponent } from './isHostComponent';
 export { resolveComponentProps } from './resolveComponentProps';
 export { useSlotProps } from './useSlotProps';
 export { mergeSlotProps } from './mergeSlotProps';
+export { prepareForSlot } from './prepareForSlot';
 export * from './PolymorphicComponent';
 export * from './types';
diff --git a/packages/mui-base/src/utils/prepareForSlot.spec.tsx b/packages/mui-base/src/utils/prepareForSlot.spec.tsx
new file mode 100644
index 00000000000000..06da36af5fa7a1
--- /dev/null
+++ b/packages/mui-base/src/utils/prepareForSlot.spec.tsx
@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { prepareForSlot } from './prepareForSlot';
+
+interface Props {
+  a: string;
+  b?: number;
+}
+
+const Component = React.forwardRef<HTMLDivElement, Props>(function Component(props, ref) {
+  const { a, b, ...other } = props;
+  return <div {...other} />;
+});
+
+const SlotComponent = prepareForSlot(Component);
+
+function MissingRequiredProps() {
+  // @ts-expect-error missing required props
+  return <SlotComponent />;
+}
+
+function ThrowsOnInvalidProps() {
+  // @ts-expect-error throws on invalid prop
+  return <SlotComponent a={false} />;
+}
+
+function WorkAsExpected() {
+  return <SlotComponent a="a" b={2} />;
+}
diff --git a/packages/mui-base/src/utils/prepareForSlot.test.tsx b/packages/mui-base/src/utils/prepareForSlot.test.tsx
new file mode 100644
index 00000000000000..7b26144b2e6e79
--- /dev/null
+++ b/packages/mui-base/src/utils/prepareForSlot.test.tsx
@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { expect } from 'chai';
+import { createRenderer } from '@mui-internal/test-utils';
+import { Button } from '@mui/base/Button';
+import { prepareForSlot } from './prepareForSlot';
+
+describe('prepareForSlot', () => {
+  const { render } = createRenderer();
+  it('should not warn about ownerState', () => {
+    const ThirdPartyComponent = React.forwardRef<HTMLButtonElement>((props, ref) => {
+      // @ts-ignore just double checking that it is not defined
+      expect(props.ownerState).to.equal(undefined);
+      return <button {...props} ref={ref} />;
+    });
+
+    expect(() =>
+      render(<Button slots={{ root: prepareForSlot(ThirdPartyComponent) }} />),
+    ).not.toErrorDev();
+  });
+});
diff --git a/packages/mui-base/src/utils/prepareForSlot.tsx b/packages/mui-base/src/utils/prepareForSlot.tsx
new file mode 100644
index 00000000000000..1a040d8cc061b3
--- /dev/null
+++ b/packages/mui-base/src/utils/prepareForSlot.tsx
@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+export function prepareForSlot<ComponentType extends React.ElementType>(Component: ComponentType) {
+  type Props = React.ComponentProps<ComponentType>;
+
+  return React.forwardRef<HTMLElement, Props>(function Slot(props, ref) {
+    const { ownerState, ...other } = props;
+    return React.createElement<Props>(Component, {
+      ...(other as Props),
+      ref,
+    });
+  });
+}
diff --git a/packages/mui-base/src/utils/useCompound.test.tsx b/packages/mui-base/src/utils/useCompound.test.tsx
index a7214fda0efc54..8a0361fa7e7d42 100644
--- a/packages/mui-base/src/utils/useCompound.test.tsx
+++ b/packages/mui-base/src/utils/useCompound.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { render } from 'test/utils';
+import { render } from '@mui-internal/test-utils';
 import { CompoundComponentContext, useCompoundParent } from './useCompound';
 import { useCompoundItem } from './useCompoundItem';
 
diff --git a/packages/mui-base/src/utils/useControllableReducer.test.tsx b/packages/mui-base/src/utils/useControllableReducer.test.tsx
index 87b4b1204b7a29..e6a77bd08eaacb 100644
--- a/packages/mui-base/src/utils/useControllableReducer.test.tsx
+++ b/packages/mui-base/src/utils/useControllableReducer.test.tsx
@@ -1,7 +1,7 @@
 import { expect } from 'chai';
 import * as React from 'react';
 import { spy } from 'sinon';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { useControllableReducer } from './useControllableReducer';
 import { ControllableReducerParameters } from './useControllableReducer.types';
 
diff --git a/packages/mui-base/src/utils/useSlotProps.test.tsx b/packages/mui-base/src/utils/useSlotProps.test.tsx
index 600ba65a066e50..367aeba5ee67cb 100644
--- a/packages/mui-base/src/utils/useSlotProps.test.tsx
+++ b/packages/mui-base/src/utils/useSlotProps.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { EventHandlers } from '@mui/base';
 import { useSlotProps, UseSlotPropsParameters, UseSlotPropsResult } from './useSlotProps';
 
diff --git a/packages/mui-base/test/typescript/moduleAugmentation/selectComponentsProps.tsconfig.json b/packages/mui-base/test/typescript/moduleAugmentation/selectComponentsProps.tsconfig.json
index 58957ac24c247f..005e3f17bcb6e0 100644
--- a/packages/mui-base/test/typescript/moduleAugmentation/selectComponentsProps.tsconfig.json
+++ b/packages/mui-base/test/typescript/moduleAugmentation/selectComponentsProps.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["selectComponentsProps.spec.tsx"]
 }
diff --git a/packages/mui-base/test/typescript/moduleAugmentation/sliderComponentsProps.tsconfig.json b/packages/mui-base/test/typescript/moduleAugmentation/sliderComponentsProps.tsconfig.json
index 6e5da6ffd868e1..f01948524b4e0c 100644
--- a/packages/mui-base/test/typescript/moduleAugmentation/sliderComponentsProps.tsconfig.json
+++ b/packages/mui-base/test/typescript/moduleAugmentation/sliderComponentsProps.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["sliderComponentsProps.spec.tsx"]
 }
diff --git a/packages/mui-base/tsconfig.build.json b/packages/mui-base/tsconfig.build.json
index a45de38c5d2fd4..7696cbeba02fc7 100644
--- a/packages/mui-base/tsconfig.build.json
+++ b/packages/mui-base/tsconfig.build.json
@@ -1,7 +1,7 @@
 {
   // This config is for emitting declarations (.d.ts) only
   // Actual .ts source files are transpiled via babel
-  "extends": "./tsconfig",
+  "extends": "./tsconfig.json",
   "compilerOptions": {
     "composite": true,
     "declaration": true,
@@ -11,5 +11,6 @@
     "rootDir": "./src"
   },
   "include": ["src/**/*.ts*"],
-  "exclude": ["src/**/*.spec.ts*", "src/**/*.test.ts*"]
+  "exclude": ["src/**/*.spec.ts*", "src/**/*.test.ts*"],
+  "references": [{ "path": "../mui-utils/tsconfig.build.json" }]
 }
diff --git a/packages/mui-base/tsconfig.json b/packages/mui-base/tsconfig.json
index 57220954971e1e..ee756997748e1c 100644
--- a/packages/mui-base/tsconfig.json
+++ b/packages/mui-base/tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../tsconfig",
+  "extends": "../../tsconfig.json",
   "include": ["src/**/*", "test/**/*"]
 }
diff --git a/packages/mui-codemod/README.md b/packages/mui-codemod/README.md
index 5c0432978edf3f..b9f00044d96993 100644
--- a/packages/mui-codemod/README.md
+++ b/packages/mui-codemod/README.md
@@ -266,12 +266,20 @@ The associated breaking change was done in [#34997](https://github.com/mui/mater
 
 #### `date-pickers-moved-to-x`
 
-Rename the imports of date and time pickers from `@mui/lab` to `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
+Rename the imports of Date and Time Pickers from `@mui/lab` to `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
 
 ```bash
 npx @mui/codemod v5.0.0/date-pickers-moved-to-x <path>
 ```
 
+#### `tree-view-moved-to-x`
+
+Rename the imports of Tree View from `@mui/lab` to `@mui/x-tree-view`.
+
+```bash
+npx @mui/codemod v5.0.0/tree-view-moved-to-x <path>
+```
+
 #### 🚀 `preset-safe`
 
 A combination of all important transformers for migrating v4 to v5. ⚠️ This codemod should be run only once.
diff --git a/packages/mui-codemod/package.json b/packages/mui-codemod/package.json
index 1ead4a5cecacf2..915a03c8857075 100644
--- a/packages/mui-codemod/package.json
+++ b/packages/mui-codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/codemod",
-  "version": "5.14.4",
+  "version": "5.14.9",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",
@@ -30,15 +30,17 @@
     "url": "https://opencollective.com/mui"
   },
   "dependencies": {
-    "@babel/core": "^7.22.9",
-    "@babel/runtime": "^7.22.6",
-    "@babel/traverse": "^7.22.8",
+    "@babel/core": "^7.22.20",
+    "@babel/runtime": "^7.22.15",
+    "@babel/traverse": "^7.22.20",
     "jscodeshift": "^0.13.1",
     "jscodeshift-add-imports": "^1.0.10",
     "yargs": "^17.7.2"
   },
   "devDependencies": {
-    "@types/jscodeshift": "0.11.5"
+    "@types/chai": "^4.3.6",
+    "@types/jscodeshift": "0.11.5",
+    "chai": "^4.3.8"
   },
   "sideEffects": false,
   "publishConfig": {
diff --git a/packages/mui-codemod/src/v5.0.0/theme-spacing.test/large-actual.js b/packages/mui-codemod/src/v5.0.0/theme-spacing.test/large-actual.js
index 88de3b245d668f..04b760ec9ff1a2 100644
--- a/packages/mui-codemod/src/v5.0.0/theme-spacing.test/large-actual.js
+++ b/packages/mui-codemod/src/v5.0.0/theme-spacing.test/large-actual.js
@@ -159,7 +159,7 @@ function DocSearchHit(props) {
 
   function displayTag(pathname) {
     // does not need to show product label for MUI X because they are grouped by the product name in the search
-    // ie. Data Grid, Date Picker
+    // i.e. Data Grid, Date Picker
     if (!pathname.match(/^\/(material-ui|joy-ui|base)\//)) {
       return null;
     }
diff --git a/packages/mui-codemod/src/v5.0.0/theme-spacing.test/large-expected.js b/packages/mui-codemod/src/v5.0.0/theme-spacing.test/large-expected.js
index 53909746bf8b63..4bb39853b13ef7 100644
--- a/packages/mui-codemod/src/v5.0.0/theme-spacing.test/large-expected.js
+++ b/packages/mui-codemod/src/v5.0.0/theme-spacing.test/large-expected.js
@@ -159,7 +159,7 @@ function DocSearchHit(props) {
 
   function displayTag(pathname) {
     // does not need to show product label for MUI X because they are grouped by the product name in the search
-    // ie. Data Grid, Date Picker
+    // i.e. Data Grid, Date Picker
     if (!pathname.match(/^\/(material-ui|joy-ui|base)\//)) {
       return null;
     }
diff --git a/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.js b/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.js
new file mode 100644
index 00000000000000..2d8f666e00ab31
--- /dev/null
+++ b/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.js
@@ -0,0 +1,115 @@
+const exports = {
+  TreeView: {
+    default: 'TreeView',
+    named: [
+      'treeViewClasses',
+      'TreeViewClasses',
+      'TreeViewClassKey',
+      'getTreeViewUtilityClass',
+      'TreeViewPropsBase',
+      'TreeViewProps',
+      'SingleSelectTreeViewProps',
+      'MultiSelectTreeViewProps',
+    ],
+  },
+  TreeItem: {
+    default: 'TreeItem',
+    named: [
+      'useTreeItem',
+      'treeItemClasses',
+      'TreeItemClasses',
+      'TreeItemClassKey',
+      'getTreeItemUtilityClass',
+      'TreeItemProps',
+      'TreeItemContentProps',
+    ],
+  },
+};
+
+const buildLookup = () => {
+  return Object.fromEntries(
+    Object.entries(exports).flatMap(([entryPoint, entryPointData]) =>
+      [entryPointData.default, ...entryPointData.named].map((exportName) => [
+        exportName,
+        { entryPoint },
+      ]),
+    ),
+  );
+};
+
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+export default function transformer(fileInfo, api, options) {
+  const j = api.jscodeshift;
+  const printOptions = options.printOptions || { quote: 'single' };
+
+  const lookup = buildLookup();
+
+  const root = j(fileInfo.source);
+
+  root
+    .find(j.ImportDeclaration)
+    .forEach((path) => {
+      const importSource = path.node.source.value;
+      const subPackageImportMatch = importSource.match(/@mui\/lab\/(.*)/);
+      if (subPackageImportMatch !== null) {
+        const subModule = subPackageImportMatch[1];
+
+        if (subModule.startsWith('internal')) {
+          console.warn('Imports from `@mui/lab/internal` are not supported');
+          return;
+        }
+
+        if (exports[subModule]) {
+          /**
+           * @type {import('jscodeshift').ASTPath}
+           */
+          const sourcePath = path.get('source');
+          const targetPackage = '@mui/x-tree-view';
+          const targetImportPath = `${targetPackage}/${subModule}`;
+          sourcePath.replace(j.stringLiteral(targetImportPath));
+
+          const importDeclaration = path.value;
+          importDeclaration.specifiers = importDeclaration.specifiers.map((specifier) => {
+            if (specifier.type === 'ImportDefaultSpecifier') {
+              const localName = specifier.local.name;
+              return j.importSpecifier(j.identifier(subModule), j.identifier(localName));
+            }
+            return specifier;
+          });
+        }
+      } else if (importSource === '@mui/lab') {
+        // Sieve import specifiers into /core and /lab
+        const xImportSpecifiers = [];
+        const labImportSpecifiers = [];
+        path.node.specifiers.forEach((specifier) => {
+          if (specifier.type === 'ImportSpecifier') {
+            const lookupValue = lookup[specifier.imported.name];
+            if (lookupValue) {
+              xImportSpecifiers.push(specifier);
+            } else {
+              labImportSpecifiers.push(specifier);
+            }
+          } else {
+            // `import Lab from '@material-ui/lab'`
+            // `import * as Lab from '@material-ui/lab'`
+            // These imports would require scope analysis.
+            console.warn(`Can't handle ${specifier.type}`);
+          }
+        });
+
+        if (xImportSpecifiers.length > 0) {
+          const targetPackage = '@mui/x-tree-view';
+          path.replace(
+            j.importDeclaration(xImportSpecifiers, j.stringLiteral(targetPackage)),
+            j.importDeclaration(labImportSpecifiers, j.stringLiteral('@mui/lab')),
+          );
+        }
+      }
+    })
+    .toSource(printOptions);
+
+  return root.toSource(printOptions);
+}
diff --git a/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test.js b/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test.js
new file mode 100644
index 00000000000000..e0d8d7bf705ca9
--- /dev/null
+++ b/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test.js
@@ -0,0 +1,71 @@
+import path from 'path';
+import { expect } from 'chai';
+import jscodeshift from 'jscodeshift';
+import transform from './tree-view-moved-to-x';
+import readFile from '../util/readFile';
+
+function read(fileName) {
+  return readFile(path.join(__dirname, fileName));
+}
+
+describe('@mui/codemod', () => {
+  describe('v5.0.0', () => {
+    describe('tree-view-moved-to-x', () => {
+      it('transforms exports as needed (lab sub module)', () => {
+        const actual = transform(
+          {
+            source: read('./tree-view-moved-to-x.test/actual-sub-module.js'),
+            path: require.resolve('./tree-view-moved-to-x.test/actual-sub-module.js'),
+          },
+          { jscodeshift },
+          {},
+        );
+
+        const expected = read('./tree-view-moved-to-x.test/expected-sub-module.js');
+        expect(actual).to.equal(expected, 'The transformed version should be correct');
+      });
+
+      it('should be idempotent (lab sub module)', () => {
+        const actual = transform(
+          {
+            source: read('./tree-view-moved-to-x.test/expected-sub-module.js'),
+            path: require.resolve('./tree-view-moved-to-x.test/expected-sub-module.js'),
+          },
+          { jscodeshift },
+          {},
+        );
+
+        const expected = read('./tree-view-moved-to-x.test/expected-sub-module.js');
+        expect(actual).to.equal(expected, 'The transformed version should be correct');
+      });
+
+      it('transforms exports as needed (lab root)', () => {
+        const actual = transform(
+          {
+            source: read('./tree-view-moved-to-x.test/actual-root.js'),
+            path: require.resolve('./tree-view-moved-to-x.test/actual-root.js'),
+          },
+          { jscodeshift },
+          {},
+        );
+
+        const expected = read('./tree-view-moved-to-x.test/expected-root.js');
+        expect(actual).to.equal(expected, 'The transformed version should be correct');
+      });
+
+      it('should be idempotent (lab root)', () => {
+        const actual = transform(
+          {
+            source: read('./tree-view-moved-to-x.test/expected-root.js'),
+            path: require.resolve('./tree-view-moved-to-x.test/expected-root.js'),
+          },
+          { jscodeshift },
+          {},
+        );
+
+        const expected = read('./tree-view-moved-to-x.test/expected-root.js');
+        expect(actual).to.equal(expected, 'The transformed version should be correct');
+      });
+    });
+  });
+});
diff --git a/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test/actual-root.js b/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test/actual-root.js
new file mode 100644
index 00000000000000..3ce1f684cedd54
--- /dev/null
+++ b/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test/actual-root.js
@@ -0,0 +1,21 @@
+import {
+  TreeView,
+  treeViewClasses,
+  TreeViewClasses,
+  TreeViewClassKey,
+  getTreeViewUtilityClass,
+  TreeViewPropsBase,
+  TreeViewProps,
+  SingleSelectTreeViewProps,
+  MultiSelectTreeViewProps,
+  TreeItem,
+  useTreeItem,
+  treeItemClasses,
+  TreeItemClasses,
+  TreeItemClassKey,
+  getTreeItemUtilityClass,
+  TreeItemProps,
+  TreeItemContentProps,
+  treeViewClasses as classes,
+  Timeline,
+} from '@mui/lab'
diff --git a/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test/actual-sub-module.js b/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test/actual-sub-module.js
new file mode 100644
index 00000000000000..b1b4cc963fc975
--- /dev/null
+++ b/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test/actual-sub-module.js
@@ -0,0 +1,22 @@
+import TreeView, {
+  treeViewClasses,
+  TreeViewClasses,
+  TreeViewClassKey,
+  getTreeViewUtilityClass,
+  TreeViewPropsBase,
+  TreeViewProps,
+  SingleSelectTreeViewProps,
+  MultiSelectTreeViewProps,
+  treeViewClasses as classes,
+} from '@mui/lab/TreeView';
+import TreeItem, {
+  useTreeItem,
+  treeItemClasses,
+  TreeItemClasses,
+  TreeItemClassKey,
+  getTreeItemUtilityClass,
+  TreeItemProps,
+  TreeItemContentProps,
+} from '@mui/lab/TreeItem';
+import AliasTreeV from '@mui/lab/TreeItem'
+import Timeline from '@mui/lab/Timeline';
diff --git a/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test/expected-root.js b/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test/expected-root.js
new file mode 100644
index 00000000000000..41ee46d970a864
--- /dev/null
+++ b/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test/expected-root.js
@@ -0,0 +1,22 @@
+import {
+  TreeView,
+  treeViewClasses,
+  TreeViewClasses,
+  TreeViewClassKey,
+  getTreeViewUtilityClass,
+  TreeViewPropsBase,
+  TreeViewProps,
+  SingleSelectTreeViewProps,
+  MultiSelectTreeViewProps,
+  TreeItem,
+  useTreeItem,
+  treeItemClasses,
+  TreeItemClasses,
+  TreeItemClassKey,
+  getTreeItemUtilityClass,
+  TreeItemProps,
+  TreeItemContentProps,
+  treeViewClasses as classes,
+} from '@mui/x-tree-view';
+
+import { Timeline } from '@mui/lab';
diff --git a/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test/expected-sub-module.js b/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test/expected-sub-module.js
new file mode 100644
index 00000000000000..8b98ab3daf542d
--- /dev/null
+++ b/packages/mui-codemod/src/v5.0.0/tree-view-moved-to-x.test/expected-sub-module.js
@@ -0,0 +1,24 @@
+import {
+  TreeView,
+  treeViewClasses,
+  TreeViewClasses,
+  TreeViewClassKey,
+  getTreeViewUtilityClass,
+  TreeViewPropsBase,
+  TreeViewProps,
+  SingleSelectTreeViewProps,
+  MultiSelectTreeViewProps,
+  treeViewClasses as classes,
+} from '@mui/x-tree-view/TreeView';
+import {
+  TreeItem,
+  useTreeItem,
+  treeItemClasses,
+  TreeItemClasses,
+  TreeItemClassKey,
+  getTreeItemUtilityClass,
+  TreeItemProps,
+  TreeItemContentProps,
+} from '@mui/x-tree-view/TreeItem';
+import { TreeItem as AliasTreeV } from '@mui/x-tree-view/TreeItem';
+import Timeline from '@mui/lab/Timeline';
diff --git a/packages/mui-core-downloads-tracker/package.json b/packages/mui-core-downloads-tracker/package.json
index 9101951337b750..5748505c1d7bf7 100644
--- a/packages/mui-core-downloads-tracker/package.json
+++ b/packages/mui-core-downloads-tracker/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/core-downloads-tracker",
-  "version": "5.14.4",
+  "version": "5.14.10",
   "private": false,
   "author": "MUI Team",
   "description": "Internal package to track number of downloads of our design system libraries",
diff --git a/packages/mui-docs/README.md b/packages/mui-docs/README.md
index cee3e1c8409148..8bdba568db4dc6 100644
--- a/packages/mui-docs/README.md
+++ b/packages/mui-docs/README.md
@@ -7,22 +7,14 @@ This package hosts the documentation building blocks.
 Install the package in your project directory with:
 
 ```bash
-// with npm
 npm install @mui/docs
-
-// with yarn
-yarn add @mui/docs
 ```
 
 The docs has a peer dependency on the core components.
 If you are not already using MUI in your project, you can add it with:
 
 ```bash
-// with npm
 npm install @mui/material
-
-// with yarn
-yarn add @mui/material
 ```
 
 ## Documentation
diff --git a/packages/mui-docs/package.json b/packages/mui-docs/package.json
index d1413889dc1c6f..e7fd13bd425735 100644
--- a/packages/mui-docs/package.json
+++ b/packages/mui-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "5.14.4",
+  "version": "5.14.10",
   "private": false,
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
@@ -33,6 +33,17 @@
     "release": "yarn build && npm publish build",
     "test": "exit 0"
   },
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@mui/base": "5.0.0-beta.16",
+    "@mui/utils": "^5.14.10",
+    "nprogress": "^0.2.0",
+    "prop-types": "^15.8.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.21",
+    "react": "^18.2.0"
+  },
   "peerDependencies": {
     "@mui/material": "^5.0.0",
     "@types/react": "^17.0.0 || ^18.0.0",
@@ -43,11 +54,6 @@
       "optional": true
     }
   },
-  "dependencies": {
-    "@babel/runtime": "^7.22.6",
-    "@mui/utils": "^5.14.4",
-    "nprogress": "^0.2.0"
-  },
   "publishConfig": {
     "access": "public"
   },
diff --git a/packages/mui-envinfo/package.json b/packages/mui-envinfo/package.json
index cdba3e5b5e4638..96b86a6db44154 100644
--- a/packages/mui-envinfo/package.json
+++ b/packages/mui-envinfo/package.json
@@ -1,28 +1,33 @@
 {
   "name": "@mui/envinfo",
+  "version": "2.0.9",
   "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "license": "MIT",
+  "author": "MUI Team",
   "description": "Logs infos about the environment relevant to @mui/*",
-  "version": "2.0.9",
   "bin": "./envinfo.js",
-  "dependencies": {
-    "envinfo": "^7.10.0"
-  },
-  "author": "MUI Team",
-  "bugs": {
-    "url": "https://github.com/mui/material-ui/issues"
-  },
-  "homepage": "https://github.com/mui/material-ui/tree/HEAD/packages/mui-envinfo",
   "repository": {
     "type": "git",
     "url": "https://github.com/mui/material-ui",
     "directory": "packages/mui-envinfo"
   },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/mui/material-ui/issues"
+  },
+  "homepage": "https://github.com/mui/material-ui/tree/HEAD/packages/mui-envinfo",
   "files": [],
   "scripts": {
     "build": "node scripts/build"
+  },
+  "dependencies": {
+    "envinfo": "^7.10.0"
+  },
+  "devDependencies": {
+    "@types/chai": "^4.3.6",
+    "chai": "^4.3.8",
+    "fs-extra": "^11.1.1"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }
diff --git a/packages/mui-icons-material/README.md b/packages/mui-icons-material/README.md
index 9ef3d78006be1b..21988a3f87dbe6 100644
--- a/packages/mui-icons-material/README.md
+++ b/packages/mui-icons-material/README.md
@@ -9,11 +9,7 @@ Install the package in your project directory with:
 <!-- #default-branch-switch -->
 
 ```bash
-// with npm
 npm install @mui/icons-material
-
-// with yarn
-yarn add @mui/icons-material
 ```
 
 <!-- #default-branch-switch -->
@@ -23,19 +19,15 @@ These components use the Material UI's [SvgIcon](https://mui.com/material-ui/api
 If you are not already using Material UI in your project, you can add it with:
 
 ```bash
-// with npm
 npm install @mui/material
-
-// with yarn
-yarn add @mui/material
 ```
 
 ## Documentation
 
 <!-- #default-branch-switch -->
 
-- [The documentation](https://mui.com/material-ui/icons/#svgicon)
-- [The icons search](https://mui.com/material-ui/material-icons/)
+- [The SvgIcon documentation](https://mui.com/material-ui/icons/#svgicon)
+- [The Material Design icons search](https://mui.com/material-ui/material-icons/)
 
 ## Contributing
 
@@ -47,4 +39,4 @@ To synchronize with Material Icons, do the following:
 1. Inside this workspace run `yarn src:download`
 2. Inside this workspace run `yarn src:icons`
 3. Inside the root run `yarn docs:mdicons:synonyms`
-4. If the number of icons changed significantly, edit the icons/icons.md and material-icons/material-icons.md under docs/data/material/components and update the numbers.
+4. If the number of icons changes significantly, edit the icons/icons.md and material-icons/material-icons.md under docs/data/material/components and update the numbers.
diff --git a/packages/mui-icons-material/builder.mjs b/packages/mui-icons-material/builder.mjs
index d9b389575db4c4..536c23339a9bfa 100755
--- a/packages/mui-icons-material/builder.mjs
+++ b/packages/mui-icons-material/builder.mjs
@@ -1,6 +1,6 @@
+import path from 'path';
 import fse from 'fs-extra';
 import yargs from 'yargs';
-import path from 'path';
 import { rimrafSync } from 'rimraf';
 import Mustache from 'mustache';
 import globAsync from 'fast-glob';
@@ -114,7 +114,7 @@ export function cleanPaths({ svgPath, data }) {
         },
       },
       { name: 'removeUnusedNS' },
-      { name: 'cleanupIDs' },
+      { name: 'cleanupIds' },
       { name: 'cleanupNumericValues' },
       { name: 'cleanupListOfValues' },
       { name: 'moveElemsAttrsToGroup' },
@@ -138,7 +138,6 @@ export function cleanPaths({ svgPath, data }) {
     plugins: [
       {
         name: 'svgAsReactFragment',
-        type: 'visitor',
         fn: () => {
           return {
             root: {
@@ -154,14 +153,15 @@ export function cleanPaths({ svgPath, data }) {
                 if (svg.children.length > 1) {
                   childrenAsArray = true;
                   svg.children.forEach((svgChild, index) => {
-                    svgChild.addAttr({ name: 'key', value: index });
+                    svgChild.attributes.key = index;
                     // Original name will be restored later
                     // We just need a mechanism to convert the resulting
                     // svg string into an array of JSX elements
-                    svgChild.renameElem(`SVGChild:${svgChild.name}`);
+                    svgChild.name = `SVGChild:${svgChild.name}`;
                   });
                 }
-                root.spliceContent(0, svg.children.length, svg.children);
+
+                root.children = svg.children;
               },
             },
           };
diff --git a/packages/mui-icons-material/custom/Apple.js b/packages/mui-icons-material/custom/Apple.js
index ae374a06462111..3252e7016342aa 100644
--- a/packages/mui-icons-material/custom/Apple.js
+++ b/packages/mui-icons-material/custom/Apple.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/custom/Facebook.js b/packages/mui-icons-material/custom/Facebook.js
index 8891f8b38e09aa..4809b996d8e952 100644
--- a/packages/mui-icons-material/custom/Facebook.js
+++ b/packages/mui-icons-material/custom/Facebook.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/custom/GitHub.js b/packages/mui-icons-material/custom/GitHub.js
index 749addbe46e10d..5b33f710f04580 100644
--- a/packages/mui-icons-material/custom/GitHub.js
+++ b/packages/mui-icons-material/custom/GitHub.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/custom/Google.js b/packages/mui-icons-material/custom/Google.js
index 9e83d9aecf5664..ba9cea92fb48eb 100644
--- a/packages/mui-icons-material/custom/Google.js
+++ b/packages/mui-icons-material/custom/Google.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/custom/Instagram.js b/packages/mui-icons-material/custom/Instagram.js
index 8df0e4930a5e99..a23d4375776b51 100644
--- a/packages/mui-icons-material/custom/Instagram.js
+++ b/packages/mui-icons-material/custom/Instagram.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/custom/LinkedIn.js b/packages/mui-icons-material/custom/LinkedIn.js
index dd12253e139b74..8593fe3f537422 100644
--- a/packages/mui-icons-material/custom/LinkedIn.js
+++ b/packages/mui-icons-material/custom/LinkedIn.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/custom/Microsoft.js b/packages/mui-icons-material/custom/Microsoft.js
index 951d3c4618fbd6..3818fde26592b3 100644
--- a/packages/mui-icons-material/custom/Microsoft.js
+++ b/packages/mui-icons-material/custom/Microsoft.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/custom/Pinterest.js b/packages/mui-icons-material/custom/Pinterest.js
index cd3c2c5b8e57f5..a076f894ffc984 100644
--- a/packages/mui-icons-material/custom/Pinterest.js
+++ b/packages/mui-icons-material/custom/Pinterest.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/custom/Reddit.js b/packages/mui-icons-material/custom/Reddit.js
index 9eabe3dd0b2739..c55315f4f4274d 100644
--- a/packages/mui-icons-material/custom/Reddit.js
+++ b/packages/mui-icons-material/custom/Reddit.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/custom/Telegram.js b/packages/mui-icons-material/custom/Telegram.js
index 7128aa35728778..d4b62a0dedb0cb 100644
--- a/packages/mui-icons-material/custom/Telegram.js
+++ b/packages/mui-icons-material/custom/Telegram.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/custom/Twitter.js b/packages/mui-icons-material/custom/Twitter.js
index 53b91073c596ad..596daaca093c0b 100644
--- a/packages/mui-icons-material/custom/Twitter.js
+++ b/packages/mui-icons-material/custom/Twitter.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/custom/WhatsApp.js b/packages/mui-icons-material/custom/WhatsApp.js
index 23f161b1aa71d0..71e5eeb96bd22f 100644
--- a/packages/mui-icons-material/custom/WhatsApp.js
+++ b/packages/mui-icons-material/custom/WhatsApp.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/custom/YouTube.js b/packages/mui-icons-material/custom/YouTube.js
index 0bae17a6f63ead..0bb742c127a7e9 100644
--- a/packages/mui-icons-material/custom/YouTube.js
+++ b/packages/mui-icons-material/custom/YouTube.js
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 
diff --git a/packages/mui-icons-material/lib/Apple.js b/packages/mui-icons-material/lib/Apple.js
index b5d9c5b7caeec9..cf230fba545304 100644
--- a/packages/mui-icons-material/lib/Apple.js
+++ b/packages/mui-icons-material/lib/Apple.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/Facebook.js b/packages/mui-icons-material/lib/Facebook.js
index 599170cd74c25a..34eb108cea3511 100644
--- a/packages/mui-icons-material/lib/Facebook.js
+++ b/packages/mui-icons-material/lib/Facebook.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/GitHub.js b/packages/mui-icons-material/lib/GitHub.js
index 1be27b5d1e5dba..7a374f03b7594d 100644
--- a/packages/mui-icons-material/lib/GitHub.js
+++ b/packages/mui-icons-material/lib/GitHub.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/Google.js b/packages/mui-icons-material/lib/Google.js
index 78c019d824f817..cac16455e737ef 100644
--- a/packages/mui-icons-material/lib/Google.js
+++ b/packages/mui-icons-material/lib/Google.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/Instagram.js b/packages/mui-icons-material/lib/Instagram.js
index 1125c4ce7f6089..c9951d0c250884 100644
--- a/packages/mui-icons-material/lib/Instagram.js
+++ b/packages/mui-icons-material/lib/Instagram.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/LinkedIn.js b/packages/mui-icons-material/lib/LinkedIn.js
index e34c61e70866e3..0a8f91deb5f3c3 100644
--- a/packages/mui-icons-material/lib/LinkedIn.js
+++ b/packages/mui-icons-material/lib/LinkedIn.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/Microsoft.js b/packages/mui-icons-material/lib/Microsoft.js
index 1663b525a7651d..0e5e3f02140e99 100644
--- a/packages/mui-icons-material/lib/Microsoft.js
+++ b/packages/mui-icons-material/lib/Microsoft.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/Pinterest.js b/packages/mui-icons-material/lib/Pinterest.js
index 3617cd9cd42d20..a46074b8bcb5d4 100644
--- a/packages/mui-icons-material/lib/Pinterest.js
+++ b/packages/mui-icons-material/lib/Pinterest.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/Reddit.js b/packages/mui-icons-material/lib/Reddit.js
index 5da013195f28a4..7219861a08b8bc 100644
--- a/packages/mui-icons-material/lib/Reddit.js
+++ b/packages/mui-icons-material/lib/Reddit.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/Telegram.js b/packages/mui-icons-material/lib/Telegram.js
index cfbd2998ee5fe8..cde87e8d8ce556 100644
--- a/packages/mui-icons-material/lib/Telegram.js
+++ b/packages/mui-icons-material/lib/Telegram.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/Twitter.js b/packages/mui-icons-material/lib/Twitter.js
index 8ce0db97026d94..ca2aa4134a215a 100644
--- a/packages/mui-icons-material/lib/Twitter.js
+++ b/packages/mui-icons-material/lib/Twitter.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/WhatsApp.js b/packages/mui-icons-material/lib/WhatsApp.js
index fdd90beba1c649..01ea298c3bdaf3 100644
--- a/packages/mui-icons-material/lib/WhatsApp.js
+++ b/packages/mui-icons-material/lib/WhatsApp.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/YouTube.js b/packages/mui-icons-material/lib/YouTube.js
index 64ec4db2a1897a..453a840c406384 100644
--- a/packages/mui-icons-material/lib/YouTube.js
+++ b/packages/mui-icons-material/lib/YouTube.js
@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
diff --git a/packages/mui-icons-material/lib/esm/Apple.js b/packages/mui-icons-material/lib/esm/Apple.js
index 5bc675d452add9..d1d9c4f28b6301 100644
--- a/packages/mui-icons-material/lib/esm/Apple.js
+++ b/packages/mui-icons-material/lib/esm/Apple.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/Facebook.js b/packages/mui-icons-material/lib/esm/Facebook.js
index 22f2c9c4afe7b0..35d04e9093c46b 100644
--- a/packages/mui-icons-material/lib/esm/Facebook.js
+++ b/packages/mui-icons-material/lib/esm/Facebook.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/GitHub.js b/packages/mui-icons-material/lib/esm/GitHub.js
index aea7aee74c207f..d5909ba316f79e 100644
--- a/packages/mui-icons-material/lib/esm/GitHub.js
+++ b/packages/mui-icons-material/lib/esm/GitHub.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/Google.js b/packages/mui-icons-material/lib/esm/Google.js
index a99f5b079816af..c8eba9abac2b27 100644
--- a/packages/mui-icons-material/lib/esm/Google.js
+++ b/packages/mui-icons-material/lib/esm/Google.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/Instagram.js b/packages/mui-icons-material/lib/esm/Instagram.js
index 7137a55ec7edae..5c742cf5ce4c0e 100644
--- a/packages/mui-icons-material/lib/esm/Instagram.js
+++ b/packages/mui-icons-material/lib/esm/Instagram.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/LinkedIn.js b/packages/mui-icons-material/lib/esm/LinkedIn.js
index ea5cbac4377a1e..f7fdf9f6e223a5 100644
--- a/packages/mui-icons-material/lib/esm/LinkedIn.js
+++ b/packages/mui-icons-material/lib/esm/LinkedIn.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/Microsoft.js b/packages/mui-icons-material/lib/esm/Microsoft.js
index 6df0b9e01d47e8..0122e5586877e2 100644
--- a/packages/mui-icons-material/lib/esm/Microsoft.js
+++ b/packages/mui-icons-material/lib/esm/Microsoft.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/Pinterest.js b/packages/mui-icons-material/lib/esm/Pinterest.js
index eba127001ca101..bd8ed49aa92a04 100644
--- a/packages/mui-icons-material/lib/esm/Pinterest.js
+++ b/packages/mui-icons-material/lib/esm/Pinterest.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/Reddit.js b/packages/mui-icons-material/lib/esm/Reddit.js
index 91051fdb54a253..d28d22118cd4be 100644
--- a/packages/mui-icons-material/lib/esm/Reddit.js
+++ b/packages/mui-icons-material/lib/esm/Reddit.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/Telegram.js b/packages/mui-icons-material/lib/esm/Telegram.js
index 3efadebb883561..62708f090fe3fe 100644
--- a/packages/mui-icons-material/lib/esm/Telegram.js
+++ b/packages/mui-icons-material/lib/esm/Telegram.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/Twitter.js b/packages/mui-icons-material/lib/esm/Twitter.js
index 8d322d15e7831a..dc3288b1f09b1c 100644
--- a/packages/mui-icons-material/lib/esm/Twitter.js
+++ b/packages/mui-icons-material/lib/esm/Twitter.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/WhatsApp.js b/packages/mui-icons-material/lib/esm/WhatsApp.js
index 808c34762fabc2..da3e3510e87ded 100644
--- a/packages/mui-icons-material/lib/esm/WhatsApp.js
+++ b/packages/mui-icons-material/lib/esm/WhatsApp.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/YouTube.js b/packages/mui-icons-material/lib/esm/YouTube.js
index 5bfc0d790bcb01..db5a6c66ac3b45 100644
--- a/packages/mui-icons-material/lib/esm/YouTube.js
+++ b/packages/mui-icons-material/lib/esm/YouTube.js
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import createSvgIcon from './utils/createSvgIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
diff --git a/packages/mui-icons-material/lib/esm/index.js b/packages/mui-icons-material/lib/esm/index.js
index 11bc8b4bded2e2..2ae8a143ec7c92 100644
--- a/packages/mui-icons-material/lib/esm/index.js
+++ b/packages/mui-icons-material/lib/esm/index.js
@@ -1,4 +1,3 @@
-'use client';
 export { default as Abc } from './Abc';
 export { default as AbcOutlined } from './AbcOutlined';
 export { default as AbcRounded } from './AbcRounded';
@@ -10608,4 +10607,4 @@ export { default as ZoomOutMapTwoTone } from './ZoomOutMapTwoTone';
 export { default as ZoomOutOutlined } from './ZoomOutOutlined';
 export { default as ZoomOutRounded } from './ZoomOutRounded';
 export { default as ZoomOutSharp } from './ZoomOutSharp';
-export { default as ZoomOutTwoTone } from './ZoomOutTwoTone';
+export { default as ZoomOutTwoTone } from './ZoomOutTwoTone';
\ No newline at end of file
diff --git a/packages/mui-icons-material/lib/index.js b/packages/mui-icons-material/lib/index.js
index 16fc8454345715..37de914e9d6a16 100644
--- a/packages/mui-icons-material/lib/index.js
+++ b/packages/mui-icons-material/lib/index.js
@@ -1,74829 +1,74276 @@
-'use strict';
-'use client';
+"use strict";
 
-var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');
-Object.defineProperty(exports, '__esModule', {
-  value: true,
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-Object.defineProperty(exports, 'Abc', {
+Object.defineProperty(exports, "Abc", {
   enumerable: true,
   get: function () {
     return _Abc.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AbcOutlined', {
+Object.defineProperty(exports, "AbcOutlined", {
   enumerable: true,
   get: function () {
     return _AbcOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AbcRounded', {
+Object.defineProperty(exports, "AbcRounded", {
   enumerable: true,
   get: function () {
     return _AbcRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AbcSharp', {
+Object.defineProperty(exports, "AbcSharp", {
   enumerable: true,
   get: function () {
     return _AbcSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AbcTwoTone', {
+Object.defineProperty(exports, "AbcTwoTone", {
   enumerable: true,
   get: function () {
     return _AbcTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AcUnit', {
+Object.defineProperty(exports, "AcUnit", {
   enumerable: true,
   get: function () {
     return _AcUnit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AcUnitOutlined', {
+Object.defineProperty(exports, "AcUnitOutlined", {
   enumerable: true,
   get: function () {
     return _AcUnitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AcUnitRounded', {
+Object.defineProperty(exports, "AcUnitRounded", {
   enumerable: true,
   get: function () {
     return _AcUnitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AcUnitSharp', {
+Object.defineProperty(exports, "AcUnitSharp", {
   enumerable: true,
   get: function () {
     return _AcUnitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AcUnitTwoTone', {
+Object.defineProperty(exports, "AcUnitTwoTone", {
   enumerable: true,
   get: function () {
     return _AcUnitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessAlarm', {
+Object.defineProperty(exports, "AccessAlarm", {
   enumerable: true,
   get: function () {
     return _AccessAlarm.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessAlarmOutlined', {
+Object.defineProperty(exports, "AccessAlarmOutlined", {
   enumerable: true,
   get: function () {
     return _AccessAlarmOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessAlarmRounded', {
+Object.defineProperty(exports, "AccessAlarmRounded", {
   enumerable: true,
   get: function () {
     return _AccessAlarmRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessAlarmSharp', {
+Object.defineProperty(exports, "AccessAlarmSharp", {
   enumerable: true,
   get: function () {
     return _AccessAlarmSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessAlarmTwoTone', {
+Object.defineProperty(exports, "AccessAlarmTwoTone", {
   enumerable: true,
   get: function () {
     return _AccessAlarmTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessAlarms', {
+Object.defineProperty(exports, "AccessAlarms", {
   enumerable: true,
   get: function () {
     return _AccessAlarms.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessAlarmsOutlined', {
+Object.defineProperty(exports, "AccessAlarmsOutlined", {
   enumerable: true,
   get: function () {
     return _AccessAlarmsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessAlarmsRounded', {
+Object.defineProperty(exports, "AccessAlarmsRounded", {
   enumerable: true,
   get: function () {
     return _AccessAlarmsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessAlarmsSharp', {
+Object.defineProperty(exports, "AccessAlarmsSharp", {
   enumerable: true,
   get: function () {
     return _AccessAlarmsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessAlarmsTwoTone', {
+Object.defineProperty(exports, "AccessAlarmsTwoTone", {
   enumerable: true,
   get: function () {
     return _AccessAlarmsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessTime', {
+Object.defineProperty(exports, "AccessTime", {
   enumerable: true,
   get: function () {
     return _AccessTime.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessTimeFilled', {
+Object.defineProperty(exports, "AccessTimeFilled", {
   enumerable: true,
   get: function () {
     return _AccessTimeFilled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessTimeFilledOutlined', {
+Object.defineProperty(exports, "AccessTimeFilledOutlined", {
   enumerable: true,
   get: function () {
     return _AccessTimeFilledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessTimeFilledRounded', {
+Object.defineProperty(exports, "AccessTimeFilledRounded", {
   enumerable: true,
   get: function () {
     return _AccessTimeFilledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessTimeFilledSharp', {
+Object.defineProperty(exports, "AccessTimeFilledSharp", {
   enumerable: true,
   get: function () {
     return _AccessTimeFilledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessTimeFilledTwoTone', {
+Object.defineProperty(exports, "AccessTimeFilledTwoTone", {
   enumerable: true,
   get: function () {
     return _AccessTimeFilledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessTimeOutlined', {
+Object.defineProperty(exports, "AccessTimeOutlined", {
   enumerable: true,
   get: function () {
     return _AccessTimeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessTimeRounded', {
+Object.defineProperty(exports, "AccessTimeRounded", {
   enumerable: true,
   get: function () {
     return _AccessTimeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessTimeSharp', {
+Object.defineProperty(exports, "AccessTimeSharp", {
   enumerable: true,
   get: function () {
     return _AccessTimeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessTimeTwoTone', {
+Object.defineProperty(exports, "AccessTimeTwoTone", {
   enumerable: true,
   get: function () {
     return _AccessTimeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Accessibility', {
+Object.defineProperty(exports, "Accessibility", {
   enumerable: true,
   get: function () {
     return _Accessibility.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibilityNew', {
+Object.defineProperty(exports, "AccessibilityNew", {
   enumerable: true,
   get: function () {
     return _AccessibilityNew.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibilityNewOutlined', {
+Object.defineProperty(exports, "AccessibilityNewOutlined", {
   enumerable: true,
   get: function () {
     return _AccessibilityNewOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibilityNewRounded', {
+Object.defineProperty(exports, "AccessibilityNewRounded", {
   enumerable: true,
   get: function () {
     return _AccessibilityNewRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibilityNewSharp', {
+Object.defineProperty(exports, "AccessibilityNewSharp", {
   enumerable: true,
   get: function () {
     return _AccessibilityNewSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibilityNewTwoTone', {
+Object.defineProperty(exports, "AccessibilityNewTwoTone", {
   enumerable: true,
   get: function () {
     return _AccessibilityNewTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibilityOutlined', {
+Object.defineProperty(exports, "AccessibilityOutlined", {
   enumerable: true,
   get: function () {
     return _AccessibilityOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibilityRounded', {
+Object.defineProperty(exports, "AccessibilityRounded", {
   enumerable: true,
   get: function () {
     return _AccessibilityRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibilitySharp', {
+Object.defineProperty(exports, "AccessibilitySharp", {
   enumerable: true,
   get: function () {
     return _AccessibilitySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibilityTwoTone', {
+Object.defineProperty(exports, "AccessibilityTwoTone", {
   enumerable: true,
   get: function () {
     return _AccessibilityTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Accessible', {
+Object.defineProperty(exports, "Accessible", {
   enumerable: true,
   get: function () {
     return _Accessible.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibleForward', {
+Object.defineProperty(exports, "AccessibleForward", {
   enumerable: true,
   get: function () {
     return _AccessibleForward.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibleForwardOutlined', {
+Object.defineProperty(exports, "AccessibleForwardOutlined", {
   enumerable: true,
   get: function () {
     return _AccessibleForwardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibleForwardRounded', {
+Object.defineProperty(exports, "AccessibleForwardRounded", {
   enumerable: true,
   get: function () {
     return _AccessibleForwardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibleForwardSharp', {
+Object.defineProperty(exports, "AccessibleForwardSharp", {
   enumerable: true,
   get: function () {
     return _AccessibleForwardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibleForwardTwoTone', {
+Object.defineProperty(exports, "AccessibleForwardTwoTone", {
   enumerable: true,
   get: function () {
     return _AccessibleForwardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibleOutlined', {
+Object.defineProperty(exports, "AccessibleOutlined", {
   enumerable: true,
   get: function () {
     return _AccessibleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibleRounded', {
+Object.defineProperty(exports, "AccessibleRounded", {
   enumerable: true,
   get: function () {
     return _AccessibleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibleSharp', {
+Object.defineProperty(exports, "AccessibleSharp", {
   enumerable: true,
   get: function () {
     return _AccessibleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccessibleTwoTone', {
+Object.defineProperty(exports, "AccessibleTwoTone", {
   enumerable: true,
   get: function () {
     return _AccessibleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBalance', {
+Object.defineProperty(exports, "AccountBalance", {
   enumerable: true,
   get: function () {
     return _AccountBalance.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBalanceOutlined', {
+Object.defineProperty(exports, "AccountBalanceOutlined", {
   enumerable: true,
   get: function () {
     return _AccountBalanceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBalanceRounded', {
+Object.defineProperty(exports, "AccountBalanceRounded", {
   enumerable: true,
   get: function () {
     return _AccountBalanceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBalanceSharp', {
+Object.defineProperty(exports, "AccountBalanceSharp", {
   enumerable: true,
   get: function () {
     return _AccountBalanceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBalanceTwoTone', {
+Object.defineProperty(exports, "AccountBalanceTwoTone", {
   enumerable: true,
   get: function () {
     return _AccountBalanceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBalanceWallet', {
+Object.defineProperty(exports, "AccountBalanceWallet", {
   enumerable: true,
   get: function () {
     return _AccountBalanceWallet.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBalanceWalletOutlined', {
+Object.defineProperty(exports, "AccountBalanceWalletOutlined", {
   enumerable: true,
   get: function () {
     return _AccountBalanceWalletOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBalanceWalletRounded', {
+Object.defineProperty(exports, "AccountBalanceWalletRounded", {
   enumerable: true,
   get: function () {
     return _AccountBalanceWalletRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBalanceWalletSharp', {
+Object.defineProperty(exports, "AccountBalanceWalletSharp", {
   enumerable: true,
   get: function () {
     return _AccountBalanceWalletSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBalanceWalletTwoTone', {
+Object.defineProperty(exports, "AccountBalanceWalletTwoTone", {
   enumerable: true,
   get: function () {
     return _AccountBalanceWalletTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBox', {
+Object.defineProperty(exports, "AccountBox", {
   enumerable: true,
   get: function () {
     return _AccountBox.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBoxOutlined', {
+Object.defineProperty(exports, "AccountBoxOutlined", {
   enumerable: true,
   get: function () {
     return _AccountBoxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBoxRounded', {
+Object.defineProperty(exports, "AccountBoxRounded", {
   enumerable: true,
   get: function () {
     return _AccountBoxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBoxSharp', {
+Object.defineProperty(exports, "AccountBoxSharp", {
   enumerable: true,
   get: function () {
     return _AccountBoxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountBoxTwoTone', {
+Object.defineProperty(exports, "AccountBoxTwoTone", {
   enumerable: true,
   get: function () {
     return _AccountBoxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountCircle', {
+Object.defineProperty(exports, "AccountCircle", {
   enumerable: true,
   get: function () {
     return _AccountCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountCircleOutlined', {
+Object.defineProperty(exports, "AccountCircleOutlined", {
   enumerable: true,
   get: function () {
     return _AccountCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountCircleRounded', {
+Object.defineProperty(exports, "AccountCircleRounded", {
   enumerable: true,
   get: function () {
     return _AccountCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountCircleSharp', {
+Object.defineProperty(exports, "AccountCircleSharp", {
   enumerable: true,
   get: function () {
     return _AccountCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountCircleTwoTone', {
+Object.defineProperty(exports, "AccountCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _AccountCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountTree', {
+Object.defineProperty(exports, "AccountTree", {
   enumerable: true,
   get: function () {
     return _AccountTree.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountTreeOutlined', {
+Object.defineProperty(exports, "AccountTreeOutlined", {
   enumerable: true,
   get: function () {
     return _AccountTreeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountTreeRounded', {
+Object.defineProperty(exports, "AccountTreeRounded", {
   enumerable: true,
   get: function () {
     return _AccountTreeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountTreeSharp', {
+Object.defineProperty(exports, "AccountTreeSharp", {
   enumerable: true,
   get: function () {
     return _AccountTreeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AccountTreeTwoTone', {
+Object.defineProperty(exports, "AccountTreeTwoTone", {
   enumerable: true,
   get: function () {
     return _AccountTreeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdUnits', {
+Object.defineProperty(exports, "AdUnits", {
   enumerable: true,
   get: function () {
     return _AdUnits.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdUnitsOutlined', {
+Object.defineProperty(exports, "AdUnitsOutlined", {
   enumerable: true,
   get: function () {
     return _AdUnitsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdUnitsRounded', {
+Object.defineProperty(exports, "AdUnitsRounded", {
   enumerable: true,
   get: function () {
     return _AdUnitsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdUnitsSharp', {
+Object.defineProperty(exports, "AdUnitsSharp", {
   enumerable: true,
   get: function () {
     return _AdUnitsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdUnitsTwoTone', {
+Object.defineProperty(exports, "AdUnitsTwoTone", {
   enumerable: true,
   get: function () {
     return _AdUnitsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Adb', {
+Object.defineProperty(exports, "Adb", {
   enumerable: true,
   get: function () {
     return _Adb.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdbOutlined', {
+Object.defineProperty(exports, "AdbOutlined", {
   enumerable: true,
   get: function () {
     return _AdbOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdbRounded', {
+Object.defineProperty(exports, "AdbRounded", {
   enumerable: true,
   get: function () {
     return _AdbRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdbSharp', {
+Object.defineProperty(exports, "AdbSharp", {
   enumerable: true,
   get: function () {
     return _AdbSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdbTwoTone', {
+Object.defineProperty(exports, "AdbTwoTone", {
   enumerable: true,
   get: function () {
     return _AdbTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Add', {
+Object.defineProperty(exports, "Add", {
   enumerable: true,
   get: function () {
     return _Add.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAPhoto', {
+Object.defineProperty(exports, "AddAPhoto", {
   enumerable: true,
   get: function () {
     return _AddAPhoto.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAPhotoOutlined', {
+Object.defineProperty(exports, "AddAPhotoOutlined", {
   enumerable: true,
   get: function () {
     return _AddAPhotoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAPhotoRounded', {
+Object.defineProperty(exports, "AddAPhotoRounded", {
   enumerable: true,
   get: function () {
     return _AddAPhotoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAPhotoSharp', {
+Object.defineProperty(exports, "AddAPhotoSharp", {
   enumerable: true,
   get: function () {
     return _AddAPhotoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAPhotoTwoTone', {
+Object.defineProperty(exports, "AddAPhotoTwoTone", {
   enumerable: true,
   get: function () {
     return _AddAPhotoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAlarm', {
+Object.defineProperty(exports, "AddAlarm", {
   enumerable: true,
   get: function () {
     return _AddAlarm.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAlarmOutlined', {
+Object.defineProperty(exports, "AddAlarmOutlined", {
   enumerable: true,
   get: function () {
     return _AddAlarmOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAlarmRounded', {
+Object.defineProperty(exports, "AddAlarmRounded", {
   enumerable: true,
   get: function () {
     return _AddAlarmRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAlarmSharp', {
+Object.defineProperty(exports, "AddAlarmSharp", {
   enumerable: true,
   get: function () {
     return _AddAlarmSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAlarmTwoTone', {
+Object.defineProperty(exports, "AddAlarmTwoTone", {
   enumerable: true,
   get: function () {
     return _AddAlarmTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAlert', {
+Object.defineProperty(exports, "AddAlert", {
   enumerable: true,
   get: function () {
     return _AddAlert.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAlertOutlined', {
+Object.defineProperty(exports, "AddAlertOutlined", {
   enumerable: true,
   get: function () {
     return _AddAlertOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAlertRounded', {
+Object.defineProperty(exports, "AddAlertRounded", {
   enumerable: true,
   get: function () {
     return _AddAlertRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAlertSharp', {
+Object.defineProperty(exports, "AddAlertSharp", {
   enumerable: true,
   get: function () {
     return _AddAlertSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddAlertTwoTone', {
+Object.defineProperty(exports, "AddAlertTwoTone", {
   enumerable: true,
   get: function () {
     return _AddAlertTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddBox', {
+Object.defineProperty(exports, "AddBox", {
   enumerable: true,
   get: function () {
     return _AddBox.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddBoxOutlined', {
+Object.defineProperty(exports, "AddBoxOutlined", {
   enumerable: true,
   get: function () {
     return _AddBoxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddBoxRounded', {
+Object.defineProperty(exports, "AddBoxRounded", {
   enumerable: true,
   get: function () {
     return _AddBoxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddBoxSharp', {
+Object.defineProperty(exports, "AddBoxSharp", {
   enumerable: true,
   get: function () {
     return _AddBoxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddBoxTwoTone', {
+Object.defineProperty(exports, "AddBoxTwoTone", {
   enumerable: true,
   get: function () {
     return _AddBoxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddBusiness', {
+Object.defineProperty(exports, "AddBusiness", {
   enumerable: true,
   get: function () {
     return _AddBusiness.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddBusinessOutlined', {
+Object.defineProperty(exports, "AddBusinessOutlined", {
   enumerable: true,
   get: function () {
     return _AddBusinessOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddBusinessRounded', {
+Object.defineProperty(exports, "AddBusinessRounded", {
   enumerable: true,
   get: function () {
     return _AddBusinessRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddBusinessSharp', {
+Object.defineProperty(exports, "AddBusinessSharp", {
   enumerable: true,
   get: function () {
     return _AddBusinessSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddBusinessTwoTone', {
+Object.defineProperty(exports, "AddBusinessTwoTone", {
   enumerable: true,
   get: function () {
     return _AddBusinessTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCard', {
+Object.defineProperty(exports, "AddCard", {
   enumerable: true,
   get: function () {
     return _AddCard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCardOutlined', {
+Object.defineProperty(exports, "AddCardOutlined", {
   enumerable: true,
   get: function () {
     return _AddCardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCardRounded', {
+Object.defineProperty(exports, "AddCardRounded", {
   enumerable: true,
   get: function () {
     return _AddCardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCardSharp', {
+Object.defineProperty(exports, "AddCardSharp", {
   enumerable: true,
   get: function () {
     return _AddCardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCardTwoTone', {
+Object.defineProperty(exports, "AddCardTwoTone", {
   enumerable: true,
   get: function () {
     return _AddCardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCircle', {
+Object.defineProperty(exports, "AddCircle", {
   enumerable: true,
   get: function () {
     return _AddCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCircleOutline', {
+Object.defineProperty(exports, "AddCircleOutline", {
   enumerable: true,
   get: function () {
     return _AddCircleOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCircleOutlineOutlined', {
+Object.defineProperty(exports, "AddCircleOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _AddCircleOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCircleOutlineRounded', {
+Object.defineProperty(exports, "AddCircleOutlineRounded", {
   enumerable: true,
   get: function () {
     return _AddCircleOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCircleOutlineSharp', {
+Object.defineProperty(exports, "AddCircleOutlineSharp", {
   enumerable: true,
   get: function () {
     return _AddCircleOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCircleOutlineTwoTone', {
+Object.defineProperty(exports, "AddCircleOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _AddCircleOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCircleOutlined', {
+Object.defineProperty(exports, "AddCircleOutlined", {
   enumerable: true,
   get: function () {
     return _AddCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCircleRounded', {
+Object.defineProperty(exports, "AddCircleRounded", {
   enumerable: true,
   get: function () {
     return _AddCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCircleSharp', {
+Object.defineProperty(exports, "AddCircleSharp", {
   enumerable: true,
   get: function () {
     return _AddCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCircleTwoTone', {
+Object.defineProperty(exports, "AddCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _AddCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddComment', {
+Object.defineProperty(exports, "AddComment", {
   enumerable: true,
   get: function () {
     return _AddComment.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCommentOutlined', {
+Object.defineProperty(exports, "AddCommentOutlined", {
   enumerable: true,
   get: function () {
     return _AddCommentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCommentRounded', {
+Object.defineProperty(exports, "AddCommentRounded", {
   enumerable: true,
   get: function () {
     return _AddCommentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCommentSharp', {
+Object.defineProperty(exports, "AddCommentSharp", {
   enumerable: true,
   get: function () {
     return _AddCommentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddCommentTwoTone', {
+Object.defineProperty(exports, "AddCommentTwoTone", {
   enumerable: true,
   get: function () {
     return _AddCommentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddHome', {
+Object.defineProperty(exports, "AddHome", {
   enumerable: true,
   get: function () {
     return _AddHome.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddHomeOutlined', {
+Object.defineProperty(exports, "AddHomeOutlined", {
   enumerable: true,
   get: function () {
     return _AddHomeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddHomeRounded', {
+Object.defineProperty(exports, "AddHomeRounded", {
   enumerable: true,
   get: function () {
     return _AddHomeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddHomeSharp', {
+Object.defineProperty(exports, "AddHomeSharp", {
   enumerable: true,
   get: function () {
     return _AddHomeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddHomeTwoTone', {
+Object.defineProperty(exports, "AddHomeTwoTone", {
   enumerable: true,
   get: function () {
     return _AddHomeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddHomeWork', {
+Object.defineProperty(exports, "AddHomeWork", {
   enumerable: true,
   get: function () {
     return _AddHomeWork.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddHomeWorkOutlined', {
+Object.defineProperty(exports, "AddHomeWorkOutlined", {
   enumerable: true,
   get: function () {
     return _AddHomeWorkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddHomeWorkRounded', {
+Object.defineProperty(exports, "AddHomeWorkRounded", {
   enumerable: true,
   get: function () {
     return _AddHomeWorkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddHomeWorkSharp', {
+Object.defineProperty(exports, "AddHomeWorkSharp", {
   enumerable: true,
   get: function () {
     return _AddHomeWorkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddHomeWorkTwoTone', {
+Object.defineProperty(exports, "AddHomeWorkTwoTone", {
   enumerable: true,
   get: function () {
     return _AddHomeWorkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddIcCall', {
+Object.defineProperty(exports, "AddIcCall", {
   enumerable: true,
   get: function () {
     return _AddIcCall.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddIcCallOutlined', {
+Object.defineProperty(exports, "AddIcCallOutlined", {
   enumerable: true,
   get: function () {
     return _AddIcCallOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddIcCallRounded', {
+Object.defineProperty(exports, "AddIcCallRounded", {
   enumerable: true,
   get: function () {
     return _AddIcCallRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddIcCallSharp', {
+Object.defineProperty(exports, "AddIcCallSharp", {
   enumerable: true,
   get: function () {
     return _AddIcCallSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddIcCallTwoTone', {
+Object.defineProperty(exports, "AddIcCallTwoTone", {
   enumerable: true,
   get: function () {
     return _AddIcCallTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLink', {
+Object.defineProperty(exports, "AddLink", {
   enumerable: true,
   get: function () {
     return _AddLink.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLinkOutlined', {
+Object.defineProperty(exports, "AddLinkOutlined", {
   enumerable: true,
   get: function () {
     return _AddLinkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLinkRounded', {
+Object.defineProperty(exports, "AddLinkRounded", {
   enumerable: true,
   get: function () {
     return _AddLinkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLinkSharp', {
+Object.defineProperty(exports, "AddLinkSharp", {
   enumerable: true,
   get: function () {
     return _AddLinkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLinkTwoTone', {
+Object.defineProperty(exports, "AddLinkTwoTone", {
   enumerable: true,
   get: function () {
     return _AddLinkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLocation', {
+Object.defineProperty(exports, "AddLocation", {
   enumerable: true,
   get: function () {
     return _AddLocation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLocationAlt', {
+Object.defineProperty(exports, "AddLocationAlt", {
   enumerable: true,
   get: function () {
     return _AddLocationAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLocationAltOutlined', {
+Object.defineProperty(exports, "AddLocationAltOutlined", {
   enumerable: true,
   get: function () {
     return _AddLocationAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLocationAltRounded', {
+Object.defineProperty(exports, "AddLocationAltRounded", {
   enumerable: true,
   get: function () {
     return _AddLocationAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLocationAltSharp', {
+Object.defineProperty(exports, "AddLocationAltSharp", {
   enumerable: true,
   get: function () {
     return _AddLocationAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLocationAltTwoTone', {
+Object.defineProperty(exports, "AddLocationAltTwoTone", {
   enumerable: true,
   get: function () {
     return _AddLocationAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLocationOutlined', {
+Object.defineProperty(exports, "AddLocationOutlined", {
   enumerable: true,
   get: function () {
     return _AddLocationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLocationRounded', {
+Object.defineProperty(exports, "AddLocationRounded", {
   enumerable: true,
   get: function () {
     return _AddLocationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLocationSharp', {
+Object.defineProperty(exports, "AddLocationSharp", {
   enumerable: true,
   get: function () {
     return _AddLocationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddLocationTwoTone', {
+Object.defineProperty(exports, "AddLocationTwoTone", {
   enumerable: true,
   get: function () {
     return _AddLocationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddModerator', {
+Object.defineProperty(exports, "AddModerator", {
   enumerable: true,
   get: function () {
     return _AddModerator.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddModeratorOutlined', {
+Object.defineProperty(exports, "AddModeratorOutlined", {
   enumerable: true,
   get: function () {
     return _AddModeratorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddModeratorRounded', {
+Object.defineProperty(exports, "AddModeratorRounded", {
   enumerable: true,
   get: function () {
     return _AddModeratorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddModeratorSharp', {
+Object.defineProperty(exports, "AddModeratorSharp", {
   enumerable: true,
   get: function () {
     return _AddModeratorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddModeratorTwoTone', {
+Object.defineProperty(exports, "AddModeratorTwoTone", {
   enumerable: true,
   get: function () {
     return _AddModeratorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddOutlined', {
+Object.defineProperty(exports, "AddOutlined", {
   enumerable: true,
   get: function () {
     return _AddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddPhotoAlternate', {
+Object.defineProperty(exports, "AddPhotoAlternate", {
   enumerable: true,
   get: function () {
     return _AddPhotoAlternate.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddPhotoAlternateOutlined', {
+Object.defineProperty(exports, "AddPhotoAlternateOutlined", {
   enumerable: true,
   get: function () {
     return _AddPhotoAlternateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddPhotoAlternateRounded', {
+Object.defineProperty(exports, "AddPhotoAlternateRounded", {
   enumerable: true,
   get: function () {
     return _AddPhotoAlternateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddPhotoAlternateSharp', {
+Object.defineProperty(exports, "AddPhotoAlternateSharp", {
   enumerable: true,
   get: function () {
     return _AddPhotoAlternateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddPhotoAlternateTwoTone', {
+Object.defineProperty(exports, "AddPhotoAlternateTwoTone", {
   enumerable: true,
   get: function () {
     return _AddPhotoAlternateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddReaction', {
+Object.defineProperty(exports, "AddReaction", {
   enumerable: true,
   get: function () {
     return _AddReaction.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddReactionOutlined', {
+Object.defineProperty(exports, "AddReactionOutlined", {
   enumerable: true,
   get: function () {
     return _AddReactionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddReactionRounded', {
+Object.defineProperty(exports, "AddReactionRounded", {
   enumerable: true,
   get: function () {
     return _AddReactionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddReactionSharp', {
+Object.defineProperty(exports, "AddReactionSharp", {
   enumerable: true,
   get: function () {
     return _AddReactionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddReactionTwoTone', {
+Object.defineProperty(exports, "AddReactionTwoTone", {
   enumerable: true,
   get: function () {
     return _AddReactionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddRoad', {
+Object.defineProperty(exports, "AddRoad", {
   enumerable: true,
   get: function () {
     return _AddRoad.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddRoadOutlined', {
+Object.defineProperty(exports, "AddRoadOutlined", {
   enumerable: true,
   get: function () {
     return _AddRoadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddRoadRounded', {
+Object.defineProperty(exports, "AddRoadRounded", {
   enumerable: true,
   get: function () {
     return _AddRoadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddRoadSharp', {
+Object.defineProperty(exports, "AddRoadSharp", {
   enumerable: true,
   get: function () {
     return _AddRoadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddRoadTwoTone', {
+Object.defineProperty(exports, "AddRoadTwoTone", {
   enumerable: true,
   get: function () {
     return _AddRoadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddRounded', {
+Object.defineProperty(exports, "AddRounded", {
   enumerable: true,
   get: function () {
     return _AddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddSharp', {
+Object.defineProperty(exports, "AddSharp", {
   enumerable: true,
   get: function () {
     return _AddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddShoppingCart', {
+Object.defineProperty(exports, "AddShoppingCart", {
   enumerable: true,
   get: function () {
     return _AddShoppingCart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddShoppingCartOutlined', {
+Object.defineProperty(exports, "AddShoppingCartOutlined", {
   enumerable: true,
   get: function () {
     return _AddShoppingCartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddShoppingCartRounded', {
+Object.defineProperty(exports, "AddShoppingCartRounded", {
   enumerable: true,
   get: function () {
     return _AddShoppingCartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddShoppingCartSharp', {
+Object.defineProperty(exports, "AddShoppingCartSharp", {
   enumerable: true,
   get: function () {
     return _AddShoppingCartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddShoppingCartTwoTone', {
+Object.defineProperty(exports, "AddShoppingCartTwoTone", {
   enumerable: true,
   get: function () {
     return _AddShoppingCartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddTask', {
+Object.defineProperty(exports, "AddTask", {
   enumerable: true,
   get: function () {
     return _AddTask.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddTaskOutlined', {
+Object.defineProperty(exports, "AddTaskOutlined", {
   enumerable: true,
   get: function () {
     return _AddTaskOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddTaskRounded', {
+Object.defineProperty(exports, "AddTaskRounded", {
   enumerable: true,
   get: function () {
     return _AddTaskRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddTaskSharp', {
+Object.defineProperty(exports, "AddTaskSharp", {
   enumerable: true,
   get: function () {
     return _AddTaskSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddTaskTwoTone', {
+Object.defineProperty(exports, "AddTaskTwoTone", {
   enumerable: true,
   get: function () {
     return _AddTaskTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToDrive', {
+Object.defineProperty(exports, "AddToDrive", {
   enumerable: true,
   get: function () {
     return _AddToDrive.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToDriveOutlined', {
+Object.defineProperty(exports, "AddToDriveOutlined", {
   enumerable: true,
   get: function () {
     return _AddToDriveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToDriveRounded', {
+Object.defineProperty(exports, "AddToDriveRounded", {
   enumerable: true,
   get: function () {
     return _AddToDriveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToDriveSharp', {
+Object.defineProperty(exports, "AddToDriveSharp", {
   enumerable: true,
   get: function () {
     return _AddToDriveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToDriveTwoTone', {
+Object.defineProperty(exports, "AddToDriveTwoTone", {
   enumerable: true,
   get: function () {
     return _AddToDriveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToHomeScreen', {
+Object.defineProperty(exports, "AddToHomeScreen", {
   enumerable: true,
   get: function () {
     return _AddToHomeScreen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToHomeScreenOutlined', {
+Object.defineProperty(exports, "AddToHomeScreenOutlined", {
   enumerable: true,
   get: function () {
     return _AddToHomeScreenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToHomeScreenRounded', {
+Object.defineProperty(exports, "AddToHomeScreenRounded", {
   enumerable: true,
   get: function () {
     return _AddToHomeScreenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToHomeScreenSharp', {
+Object.defineProperty(exports, "AddToHomeScreenSharp", {
   enumerable: true,
   get: function () {
     return _AddToHomeScreenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToHomeScreenTwoTone', {
+Object.defineProperty(exports, "AddToHomeScreenTwoTone", {
   enumerable: true,
   get: function () {
     return _AddToHomeScreenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToPhotos', {
+Object.defineProperty(exports, "AddToPhotos", {
   enumerable: true,
   get: function () {
     return _AddToPhotos.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToPhotosOutlined', {
+Object.defineProperty(exports, "AddToPhotosOutlined", {
   enumerable: true,
   get: function () {
     return _AddToPhotosOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToPhotosRounded', {
+Object.defineProperty(exports, "AddToPhotosRounded", {
   enumerable: true,
   get: function () {
     return _AddToPhotosRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToPhotosSharp', {
+Object.defineProperty(exports, "AddToPhotosSharp", {
   enumerable: true,
   get: function () {
     return _AddToPhotosSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToPhotosTwoTone', {
+Object.defineProperty(exports, "AddToPhotosTwoTone", {
   enumerable: true,
   get: function () {
     return _AddToPhotosTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToQueue', {
+Object.defineProperty(exports, "AddToQueue", {
   enumerable: true,
   get: function () {
     return _AddToQueue.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToQueueOutlined', {
+Object.defineProperty(exports, "AddToQueueOutlined", {
   enumerable: true,
   get: function () {
     return _AddToQueueOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToQueueRounded', {
+Object.defineProperty(exports, "AddToQueueRounded", {
   enumerable: true,
   get: function () {
     return _AddToQueueRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToQueueSharp', {
+Object.defineProperty(exports, "AddToQueueSharp", {
   enumerable: true,
   get: function () {
     return _AddToQueueSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddToQueueTwoTone', {
+Object.defineProperty(exports, "AddToQueueTwoTone", {
   enumerable: true,
   get: function () {
     return _AddToQueueTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddTwoTone', {
+Object.defineProperty(exports, "AddTwoTone", {
   enumerable: true,
   get: function () {
     return _AddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Addchart', {
+Object.defineProperty(exports, "Addchart", {
   enumerable: true,
   get: function () {
     return _Addchart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddchartOutlined', {
+Object.defineProperty(exports, "AddchartOutlined", {
   enumerable: true,
   get: function () {
     return _AddchartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddchartRounded', {
+Object.defineProperty(exports, "AddchartRounded", {
   enumerable: true,
   get: function () {
     return _AddchartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddchartSharp', {
+Object.defineProperty(exports, "AddchartSharp", {
   enumerable: true,
   get: function () {
     return _AddchartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AddchartTwoTone', {
+Object.defineProperty(exports, "AddchartTwoTone", {
   enumerable: true,
   get: function () {
     return _AddchartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdfScanner', {
+Object.defineProperty(exports, "AdfScanner", {
   enumerable: true,
   get: function () {
     return _AdfScanner.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdfScannerOutlined', {
+Object.defineProperty(exports, "AdfScannerOutlined", {
   enumerable: true,
   get: function () {
     return _AdfScannerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdfScannerRounded', {
+Object.defineProperty(exports, "AdfScannerRounded", {
   enumerable: true,
   get: function () {
     return _AdfScannerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdfScannerSharp', {
+Object.defineProperty(exports, "AdfScannerSharp", {
   enumerable: true,
   get: function () {
     return _AdfScannerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdfScannerTwoTone', {
+Object.defineProperty(exports, "AdfScannerTwoTone", {
   enumerable: true,
   get: function () {
     return _AdfScannerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Adjust', {
+Object.defineProperty(exports, "Adjust", {
   enumerable: true,
   get: function () {
     return _Adjust.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdjustOutlined', {
+Object.defineProperty(exports, "AdjustOutlined", {
   enumerable: true,
   get: function () {
     return _AdjustOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdjustRounded', {
+Object.defineProperty(exports, "AdjustRounded", {
   enumerable: true,
   get: function () {
     return _AdjustRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdjustSharp', {
+Object.defineProperty(exports, "AdjustSharp", {
   enumerable: true,
   get: function () {
     return _AdjustSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdjustTwoTone', {
+Object.defineProperty(exports, "AdjustTwoTone", {
   enumerable: true,
   get: function () {
     return _AdjustTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdminPanelSettings', {
+Object.defineProperty(exports, "AdminPanelSettings", {
   enumerable: true,
   get: function () {
     return _AdminPanelSettings.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdminPanelSettingsOutlined', {
+Object.defineProperty(exports, "AdminPanelSettingsOutlined", {
   enumerable: true,
   get: function () {
     return _AdminPanelSettingsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdminPanelSettingsRounded', {
+Object.defineProperty(exports, "AdminPanelSettingsRounded", {
   enumerable: true,
   get: function () {
     return _AdminPanelSettingsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdminPanelSettingsSharp', {
+Object.defineProperty(exports, "AdminPanelSettingsSharp", {
   enumerable: true,
   get: function () {
     return _AdminPanelSettingsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdminPanelSettingsTwoTone', {
+Object.defineProperty(exports, "AdminPanelSettingsTwoTone", {
   enumerable: true,
   get: function () {
     return _AdminPanelSettingsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdsClick', {
+Object.defineProperty(exports, "AdsClick", {
   enumerable: true,
   get: function () {
     return _AdsClick.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdsClickOutlined', {
+Object.defineProperty(exports, "AdsClickOutlined", {
   enumerable: true,
   get: function () {
     return _AdsClickOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdsClickRounded', {
+Object.defineProperty(exports, "AdsClickRounded", {
   enumerable: true,
   get: function () {
     return _AdsClickRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdsClickSharp', {
+Object.defineProperty(exports, "AdsClickSharp", {
   enumerable: true,
   get: function () {
     return _AdsClickSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AdsClickTwoTone', {
+Object.defineProperty(exports, "AdsClickTwoTone", {
   enumerable: true,
   get: function () {
     return _AdsClickTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Agriculture', {
+Object.defineProperty(exports, "Agriculture", {
   enumerable: true,
   get: function () {
     return _Agriculture.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AgricultureOutlined', {
+Object.defineProperty(exports, "AgricultureOutlined", {
   enumerable: true,
   get: function () {
     return _AgricultureOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AgricultureRounded', {
+Object.defineProperty(exports, "AgricultureRounded", {
   enumerable: true,
   get: function () {
     return _AgricultureRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AgricultureSharp', {
+Object.defineProperty(exports, "AgricultureSharp", {
   enumerable: true,
   get: function () {
     return _AgricultureSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AgricultureTwoTone', {
+Object.defineProperty(exports, "AgricultureTwoTone", {
   enumerable: true,
   get: function () {
     return _AgricultureTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Air', {
+Object.defineProperty(exports, "Air", {
   enumerable: true,
   get: function () {
     return _Air.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirOutlined', {
+Object.defineProperty(exports, "AirOutlined", {
   enumerable: true,
   get: function () {
     return _AirOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirRounded', {
+Object.defineProperty(exports, "AirRounded", {
   enumerable: true,
   get: function () {
     return _AirRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirSharp', {
+Object.defineProperty(exports, "AirSharp", {
   enumerable: true,
   get: function () {
     return _AirSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirTwoTone', {
+Object.defineProperty(exports, "AirTwoTone", {
   enumerable: true,
   get: function () {
     return _AirTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatFlat', {
+Object.defineProperty(exports, "AirlineSeatFlat", {
   enumerable: true,
   get: function () {
     return _AirlineSeatFlat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatFlatAngled', {
+Object.defineProperty(exports, "AirlineSeatFlatAngled", {
   enumerable: true,
   get: function () {
     return _AirlineSeatFlatAngled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatFlatAngledOutlined', {
+Object.defineProperty(exports, "AirlineSeatFlatAngledOutlined", {
   enumerable: true,
   get: function () {
     return _AirlineSeatFlatAngledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatFlatAngledRounded', {
+Object.defineProperty(exports, "AirlineSeatFlatAngledRounded", {
   enumerable: true,
   get: function () {
     return _AirlineSeatFlatAngledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatFlatAngledSharp', {
+Object.defineProperty(exports, "AirlineSeatFlatAngledSharp", {
   enumerable: true,
   get: function () {
     return _AirlineSeatFlatAngledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatFlatAngledTwoTone', {
+Object.defineProperty(exports, "AirlineSeatFlatAngledTwoTone", {
   enumerable: true,
   get: function () {
     return _AirlineSeatFlatAngledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatFlatOutlined', {
+Object.defineProperty(exports, "AirlineSeatFlatOutlined", {
   enumerable: true,
   get: function () {
     return _AirlineSeatFlatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatFlatRounded', {
+Object.defineProperty(exports, "AirlineSeatFlatRounded", {
   enumerable: true,
   get: function () {
     return _AirlineSeatFlatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatFlatSharp', {
+Object.defineProperty(exports, "AirlineSeatFlatSharp", {
   enumerable: true,
   get: function () {
     return _AirlineSeatFlatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatFlatTwoTone', {
+Object.defineProperty(exports, "AirlineSeatFlatTwoTone", {
   enumerable: true,
   get: function () {
     return _AirlineSeatFlatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatIndividualSuite', {
+Object.defineProperty(exports, "AirlineSeatIndividualSuite", {
   enumerable: true,
   get: function () {
     return _AirlineSeatIndividualSuite.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatIndividualSuiteOutlined', {
+Object.defineProperty(exports, "AirlineSeatIndividualSuiteOutlined", {
   enumerable: true,
   get: function () {
     return _AirlineSeatIndividualSuiteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatIndividualSuiteRounded', {
+Object.defineProperty(exports, "AirlineSeatIndividualSuiteRounded", {
   enumerable: true,
   get: function () {
     return _AirlineSeatIndividualSuiteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatIndividualSuiteSharp', {
+Object.defineProperty(exports, "AirlineSeatIndividualSuiteSharp", {
   enumerable: true,
   get: function () {
     return _AirlineSeatIndividualSuiteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatIndividualSuiteTwoTone', {
+Object.defineProperty(exports, "AirlineSeatIndividualSuiteTwoTone", {
   enumerable: true,
   get: function () {
     return _AirlineSeatIndividualSuiteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomExtra', {
+Object.defineProperty(exports, "AirlineSeatLegroomExtra", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomExtra.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomExtraOutlined', {
+Object.defineProperty(exports, "AirlineSeatLegroomExtraOutlined", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomExtraOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomExtraRounded', {
+Object.defineProperty(exports, "AirlineSeatLegroomExtraRounded", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomExtraRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomExtraSharp', {
+Object.defineProperty(exports, "AirlineSeatLegroomExtraSharp", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomExtraSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomExtraTwoTone', {
+Object.defineProperty(exports, "AirlineSeatLegroomExtraTwoTone", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomExtraTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomNormal', {
+Object.defineProperty(exports, "AirlineSeatLegroomNormal", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomNormal.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomNormalOutlined', {
+Object.defineProperty(exports, "AirlineSeatLegroomNormalOutlined", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomNormalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomNormalRounded', {
+Object.defineProperty(exports, "AirlineSeatLegroomNormalRounded", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomNormalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomNormalSharp', {
+Object.defineProperty(exports, "AirlineSeatLegroomNormalSharp", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomNormalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomNormalTwoTone', {
+Object.defineProperty(exports, "AirlineSeatLegroomNormalTwoTone", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomNormalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomReduced', {
+Object.defineProperty(exports, "AirlineSeatLegroomReduced", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomReduced.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomReducedOutlined', {
+Object.defineProperty(exports, "AirlineSeatLegroomReducedOutlined", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomReducedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomReducedRounded', {
+Object.defineProperty(exports, "AirlineSeatLegroomReducedRounded", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomReducedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomReducedSharp', {
+Object.defineProperty(exports, "AirlineSeatLegroomReducedSharp", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomReducedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatLegroomReducedTwoTone', {
+Object.defineProperty(exports, "AirlineSeatLegroomReducedTwoTone", {
   enumerable: true,
   get: function () {
     return _AirlineSeatLegroomReducedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatReclineExtra', {
+Object.defineProperty(exports, "AirlineSeatReclineExtra", {
   enumerable: true,
   get: function () {
     return _AirlineSeatReclineExtra.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatReclineExtraOutlined', {
+Object.defineProperty(exports, "AirlineSeatReclineExtraOutlined", {
   enumerable: true,
   get: function () {
     return _AirlineSeatReclineExtraOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatReclineExtraRounded', {
+Object.defineProperty(exports, "AirlineSeatReclineExtraRounded", {
   enumerable: true,
   get: function () {
     return _AirlineSeatReclineExtraRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatReclineExtraSharp', {
+Object.defineProperty(exports, "AirlineSeatReclineExtraSharp", {
   enumerable: true,
   get: function () {
     return _AirlineSeatReclineExtraSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatReclineExtraTwoTone', {
+Object.defineProperty(exports, "AirlineSeatReclineExtraTwoTone", {
   enumerable: true,
   get: function () {
     return _AirlineSeatReclineExtraTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatReclineNormal', {
+Object.defineProperty(exports, "AirlineSeatReclineNormal", {
   enumerable: true,
   get: function () {
     return _AirlineSeatReclineNormal.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatReclineNormalOutlined', {
+Object.defineProperty(exports, "AirlineSeatReclineNormalOutlined", {
   enumerable: true,
   get: function () {
     return _AirlineSeatReclineNormalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatReclineNormalRounded', {
+Object.defineProperty(exports, "AirlineSeatReclineNormalRounded", {
   enumerable: true,
   get: function () {
     return _AirlineSeatReclineNormalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatReclineNormalSharp', {
+Object.defineProperty(exports, "AirlineSeatReclineNormalSharp", {
   enumerable: true,
   get: function () {
     return _AirlineSeatReclineNormalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineSeatReclineNormalTwoTone', {
+Object.defineProperty(exports, "AirlineSeatReclineNormalTwoTone", {
   enumerable: true,
   get: function () {
     return _AirlineSeatReclineNormalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineStops', {
+Object.defineProperty(exports, "AirlineStops", {
   enumerable: true,
   get: function () {
     return _AirlineStops.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineStopsOutlined', {
+Object.defineProperty(exports, "AirlineStopsOutlined", {
   enumerable: true,
   get: function () {
     return _AirlineStopsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineStopsRounded', {
+Object.defineProperty(exports, "AirlineStopsRounded", {
   enumerable: true,
   get: function () {
     return _AirlineStopsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineStopsSharp', {
+Object.defineProperty(exports, "AirlineStopsSharp", {
   enumerable: true,
   get: function () {
     return _AirlineStopsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlineStopsTwoTone', {
+Object.defineProperty(exports, "AirlineStopsTwoTone", {
   enumerable: true,
   get: function () {
     return _AirlineStopsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Airlines', {
+Object.defineProperty(exports, "Airlines", {
   enumerable: true,
   get: function () {
     return _Airlines.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlinesOutlined', {
+Object.defineProperty(exports, "AirlinesOutlined", {
   enumerable: true,
   get: function () {
     return _AirlinesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlinesRounded', {
+Object.defineProperty(exports, "AirlinesRounded", {
   enumerable: true,
   get: function () {
     return _AirlinesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlinesSharp', {
+Object.defineProperty(exports, "AirlinesSharp", {
   enumerable: true,
   get: function () {
     return _AirlinesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirlinesTwoTone', {
+Object.defineProperty(exports, "AirlinesTwoTone", {
   enumerable: true,
   get: function () {
     return _AirlinesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplaneTicket', {
+Object.defineProperty(exports, "AirplaneTicket", {
   enumerable: true,
   get: function () {
     return _AirplaneTicket.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplaneTicketOutlined', {
+Object.defineProperty(exports, "AirplaneTicketOutlined", {
   enumerable: true,
   get: function () {
     return _AirplaneTicketOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplaneTicketRounded', {
+Object.defineProperty(exports, "AirplaneTicketRounded", {
   enumerable: true,
   get: function () {
     return _AirplaneTicketRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplaneTicketSharp', {
+Object.defineProperty(exports, "AirplaneTicketSharp", {
   enumerable: true,
   get: function () {
     return _AirplaneTicketSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplaneTicketTwoTone', {
+Object.defineProperty(exports, "AirplaneTicketTwoTone", {
   enumerable: true,
   get: function () {
     return _AirplaneTicketTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplanemodeActive', {
+Object.defineProperty(exports, "AirplanemodeActive", {
   enumerable: true,
   get: function () {
     return _AirplanemodeActive.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplanemodeActiveOutlined', {
+Object.defineProperty(exports, "AirplanemodeActiveOutlined", {
   enumerable: true,
   get: function () {
     return _AirplanemodeActiveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplanemodeActiveRounded', {
+Object.defineProperty(exports, "AirplanemodeActiveRounded", {
   enumerable: true,
   get: function () {
     return _AirplanemodeActiveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplanemodeActiveSharp', {
+Object.defineProperty(exports, "AirplanemodeActiveSharp", {
   enumerable: true,
   get: function () {
     return _AirplanemodeActiveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplanemodeActiveTwoTone', {
+Object.defineProperty(exports, "AirplanemodeActiveTwoTone", {
   enumerable: true,
   get: function () {
     return _AirplanemodeActiveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplanemodeInactive', {
+Object.defineProperty(exports, "AirplanemodeInactive", {
   enumerable: true,
   get: function () {
     return _AirplanemodeInactive.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplanemodeInactiveOutlined', {
+Object.defineProperty(exports, "AirplanemodeInactiveOutlined", {
   enumerable: true,
   get: function () {
     return _AirplanemodeInactiveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplanemodeInactiveRounded', {
+Object.defineProperty(exports, "AirplanemodeInactiveRounded", {
   enumerable: true,
   get: function () {
     return _AirplanemodeInactiveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplanemodeInactiveSharp', {
+Object.defineProperty(exports, "AirplanemodeInactiveSharp", {
   enumerable: true,
   get: function () {
     return _AirplanemodeInactiveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplanemodeInactiveTwoTone', {
+Object.defineProperty(exports, "AirplanemodeInactiveTwoTone", {
   enumerable: true,
   get: function () {
     return _AirplanemodeInactiveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Airplay', {
+Object.defineProperty(exports, "Airplay", {
   enumerable: true,
   get: function () {
     return _Airplay.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplayOutlined', {
+Object.defineProperty(exports, "AirplayOutlined", {
   enumerable: true,
   get: function () {
     return _AirplayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplayRounded', {
+Object.defineProperty(exports, "AirplayRounded", {
   enumerable: true,
   get: function () {
     return _AirplayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplaySharp', {
+Object.defineProperty(exports, "AirplaySharp", {
   enumerable: true,
   get: function () {
     return _AirplaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirplayTwoTone', {
+Object.defineProperty(exports, "AirplayTwoTone", {
   enumerable: true,
   get: function () {
     return _AirplayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirportShuttle', {
+Object.defineProperty(exports, "AirportShuttle", {
   enumerable: true,
   get: function () {
     return _AirportShuttle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirportShuttleOutlined', {
+Object.defineProperty(exports, "AirportShuttleOutlined", {
   enumerable: true,
   get: function () {
     return _AirportShuttleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirportShuttleRounded', {
+Object.defineProperty(exports, "AirportShuttleRounded", {
   enumerable: true,
   get: function () {
     return _AirportShuttleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirportShuttleSharp', {
+Object.defineProperty(exports, "AirportShuttleSharp", {
   enumerable: true,
   get: function () {
     return _AirportShuttleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AirportShuttleTwoTone', {
+Object.defineProperty(exports, "AirportShuttleTwoTone", {
   enumerable: true,
   get: function () {
     return _AirportShuttleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Alarm', {
+Object.defineProperty(exports, "Alarm", {
   enumerable: true,
   get: function () {
     return _Alarm.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmAdd', {
+Object.defineProperty(exports, "AlarmAdd", {
   enumerable: true,
   get: function () {
     return _AlarmAdd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmAddOutlined', {
+Object.defineProperty(exports, "AlarmAddOutlined", {
   enumerable: true,
   get: function () {
     return _AlarmAddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmAddRounded', {
+Object.defineProperty(exports, "AlarmAddRounded", {
   enumerable: true,
   get: function () {
     return _AlarmAddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmAddSharp', {
+Object.defineProperty(exports, "AlarmAddSharp", {
   enumerable: true,
   get: function () {
     return _AlarmAddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmAddTwoTone', {
+Object.defineProperty(exports, "AlarmAddTwoTone", {
   enumerable: true,
   get: function () {
     return _AlarmAddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmOff', {
+Object.defineProperty(exports, "AlarmOff", {
   enumerable: true,
   get: function () {
     return _AlarmOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmOffOutlined', {
+Object.defineProperty(exports, "AlarmOffOutlined", {
   enumerable: true,
   get: function () {
     return _AlarmOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmOffRounded', {
+Object.defineProperty(exports, "AlarmOffRounded", {
   enumerable: true,
   get: function () {
     return _AlarmOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmOffSharp', {
+Object.defineProperty(exports, "AlarmOffSharp", {
   enumerable: true,
   get: function () {
     return _AlarmOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmOffTwoTone', {
+Object.defineProperty(exports, "AlarmOffTwoTone", {
   enumerable: true,
   get: function () {
     return _AlarmOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmOn', {
+Object.defineProperty(exports, "AlarmOn", {
   enumerable: true,
   get: function () {
     return _AlarmOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmOnOutlined', {
+Object.defineProperty(exports, "AlarmOnOutlined", {
   enumerable: true,
   get: function () {
     return _AlarmOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmOnRounded', {
+Object.defineProperty(exports, "AlarmOnRounded", {
   enumerable: true,
   get: function () {
     return _AlarmOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmOnSharp', {
+Object.defineProperty(exports, "AlarmOnSharp", {
   enumerable: true,
   get: function () {
     return _AlarmOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmOnTwoTone', {
+Object.defineProperty(exports, "AlarmOnTwoTone", {
   enumerable: true,
   get: function () {
     return _AlarmOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmOutlined', {
+Object.defineProperty(exports, "AlarmOutlined", {
   enumerable: true,
   get: function () {
     return _AlarmOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmRounded', {
+Object.defineProperty(exports, "AlarmRounded", {
   enumerable: true,
   get: function () {
     return _AlarmRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmSharp', {
+Object.defineProperty(exports, "AlarmSharp", {
   enumerable: true,
   get: function () {
     return _AlarmSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlarmTwoTone', {
+Object.defineProperty(exports, "AlarmTwoTone", {
   enumerable: true,
   get: function () {
     return _AlarmTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Album', {
+Object.defineProperty(exports, "Album", {
   enumerable: true,
   get: function () {
     return _Album.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlbumOutlined', {
+Object.defineProperty(exports, "AlbumOutlined", {
   enumerable: true,
   get: function () {
     return _AlbumOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlbumRounded', {
+Object.defineProperty(exports, "AlbumRounded", {
   enumerable: true,
   get: function () {
     return _AlbumRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlbumSharp', {
+Object.defineProperty(exports, "AlbumSharp", {
   enumerable: true,
   get: function () {
     return _AlbumSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlbumTwoTone', {
+Object.defineProperty(exports, "AlbumTwoTone", {
   enumerable: true,
   get: function () {
     return _AlbumTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalCenter', {
+Object.defineProperty(exports, "AlignHorizontalCenter", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalCenter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalCenterOutlined', {
+Object.defineProperty(exports, "AlignHorizontalCenterOutlined", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalCenterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalCenterRounded', {
+Object.defineProperty(exports, "AlignHorizontalCenterRounded", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalCenterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalCenterSharp', {
+Object.defineProperty(exports, "AlignHorizontalCenterSharp", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalCenterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalCenterTwoTone', {
+Object.defineProperty(exports, "AlignHorizontalCenterTwoTone", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalCenterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalLeft', {
+Object.defineProperty(exports, "AlignHorizontalLeft", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalLeftOutlined', {
+Object.defineProperty(exports, "AlignHorizontalLeftOutlined", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalLeftRounded', {
+Object.defineProperty(exports, "AlignHorizontalLeftRounded", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalLeftSharp', {
+Object.defineProperty(exports, "AlignHorizontalLeftSharp", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalLeftTwoTone', {
+Object.defineProperty(exports, "AlignHorizontalLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalRight', {
+Object.defineProperty(exports, "AlignHorizontalRight", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalRightOutlined', {
+Object.defineProperty(exports, "AlignHorizontalRightOutlined", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalRightRounded', {
+Object.defineProperty(exports, "AlignHorizontalRightRounded", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalRightSharp', {
+Object.defineProperty(exports, "AlignHorizontalRightSharp", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignHorizontalRightTwoTone', {
+Object.defineProperty(exports, "AlignHorizontalRightTwoTone", {
   enumerable: true,
   get: function () {
     return _AlignHorizontalRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalBottom', {
+Object.defineProperty(exports, "AlignVerticalBottom", {
   enumerable: true,
   get: function () {
     return _AlignVerticalBottom.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalBottomOutlined', {
+Object.defineProperty(exports, "AlignVerticalBottomOutlined", {
   enumerable: true,
   get: function () {
     return _AlignVerticalBottomOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalBottomRounded', {
+Object.defineProperty(exports, "AlignVerticalBottomRounded", {
   enumerable: true,
   get: function () {
     return _AlignVerticalBottomRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalBottomSharp', {
+Object.defineProperty(exports, "AlignVerticalBottomSharp", {
   enumerable: true,
   get: function () {
     return _AlignVerticalBottomSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalBottomTwoTone', {
+Object.defineProperty(exports, "AlignVerticalBottomTwoTone", {
   enumerable: true,
   get: function () {
     return _AlignVerticalBottomTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalCenter', {
+Object.defineProperty(exports, "AlignVerticalCenter", {
   enumerable: true,
   get: function () {
     return _AlignVerticalCenter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalCenterOutlined', {
+Object.defineProperty(exports, "AlignVerticalCenterOutlined", {
   enumerable: true,
   get: function () {
     return _AlignVerticalCenterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalCenterRounded', {
+Object.defineProperty(exports, "AlignVerticalCenterRounded", {
   enumerable: true,
   get: function () {
     return _AlignVerticalCenterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalCenterSharp', {
+Object.defineProperty(exports, "AlignVerticalCenterSharp", {
   enumerable: true,
   get: function () {
     return _AlignVerticalCenterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalCenterTwoTone', {
+Object.defineProperty(exports, "AlignVerticalCenterTwoTone", {
   enumerable: true,
   get: function () {
     return _AlignVerticalCenterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalTop', {
+Object.defineProperty(exports, "AlignVerticalTop", {
   enumerable: true,
   get: function () {
     return _AlignVerticalTop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalTopOutlined', {
+Object.defineProperty(exports, "AlignVerticalTopOutlined", {
   enumerable: true,
   get: function () {
     return _AlignVerticalTopOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalTopRounded', {
+Object.defineProperty(exports, "AlignVerticalTopRounded", {
   enumerable: true,
   get: function () {
     return _AlignVerticalTopRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalTopSharp', {
+Object.defineProperty(exports, "AlignVerticalTopSharp", {
   enumerable: true,
   get: function () {
     return _AlignVerticalTopSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlignVerticalTopTwoTone', {
+Object.defineProperty(exports, "AlignVerticalTopTwoTone", {
   enumerable: true,
   get: function () {
     return _AlignVerticalTopTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllInbox', {
+Object.defineProperty(exports, "AllInbox", {
   enumerable: true,
   get: function () {
     return _AllInbox.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllInboxOutlined', {
+Object.defineProperty(exports, "AllInboxOutlined", {
   enumerable: true,
   get: function () {
     return _AllInboxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllInboxRounded', {
+Object.defineProperty(exports, "AllInboxRounded", {
   enumerable: true,
   get: function () {
     return _AllInboxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllInboxSharp', {
+Object.defineProperty(exports, "AllInboxSharp", {
   enumerable: true,
   get: function () {
     return _AllInboxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllInboxTwoTone', {
+Object.defineProperty(exports, "AllInboxTwoTone", {
   enumerable: true,
   get: function () {
     return _AllInboxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllInclusive', {
+Object.defineProperty(exports, "AllInclusive", {
   enumerable: true,
   get: function () {
     return _AllInclusive.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllInclusiveOutlined', {
+Object.defineProperty(exports, "AllInclusiveOutlined", {
   enumerable: true,
   get: function () {
     return _AllInclusiveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllInclusiveRounded', {
+Object.defineProperty(exports, "AllInclusiveRounded", {
   enumerable: true,
   get: function () {
     return _AllInclusiveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllInclusiveSharp', {
+Object.defineProperty(exports, "AllInclusiveSharp", {
   enumerable: true,
   get: function () {
     return _AllInclusiveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllInclusiveTwoTone', {
+Object.defineProperty(exports, "AllInclusiveTwoTone", {
   enumerable: true,
   get: function () {
     return _AllInclusiveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllOut', {
+Object.defineProperty(exports, "AllOut", {
   enumerable: true,
   get: function () {
     return _AllOut.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllOutOutlined', {
+Object.defineProperty(exports, "AllOutOutlined", {
   enumerable: true,
   get: function () {
     return _AllOutOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllOutRounded', {
+Object.defineProperty(exports, "AllOutRounded", {
   enumerable: true,
   get: function () {
     return _AllOutRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllOutSharp', {
+Object.defineProperty(exports, "AllOutSharp", {
   enumerable: true,
   get: function () {
     return _AllOutSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AllOutTwoTone', {
+Object.defineProperty(exports, "AllOutTwoTone", {
   enumerable: true,
   get: function () {
     return _AllOutTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AltRoute', {
+Object.defineProperty(exports, "AltRoute", {
   enumerable: true,
   get: function () {
     return _AltRoute.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AltRouteOutlined', {
+Object.defineProperty(exports, "AltRouteOutlined", {
   enumerable: true,
   get: function () {
     return _AltRouteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AltRouteRounded', {
+Object.defineProperty(exports, "AltRouteRounded", {
   enumerable: true,
   get: function () {
     return _AltRouteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AltRouteSharp', {
+Object.defineProperty(exports, "AltRouteSharp", {
   enumerable: true,
   get: function () {
     return _AltRouteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AltRouteTwoTone', {
+Object.defineProperty(exports, "AltRouteTwoTone", {
   enumerable: true,
   get: function () {
     return _AltRouteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlternateEmail', {
+Object.defineProperty(exports, "AlternateEmail", {
   enumerable: true,
   get: function () {
     return _AlternateEmail.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlternateEmailOutlined', {
+Object.defineProperty(exports, "AlternateEmailOutlined", {
   enumerable: true,
   get: function () {
     return _AlternateEmailOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlternateEmailRounded', {
+Object.defineProperty(exports, "AlternateEmailRounded", {
   enumerable: true,
   get: function () {
     return _AlternateEmailRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlternateEmailSharp', {
+Object.defineProperty(exports, "AlternateEmailSharp", {
   enumerable: true,
   get: function () {
     return _AlternateEmailSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AlternateEmailTwoTone', {
+Object.defineProperty(exports, "AlternateEmailTwoTone", {
   enumerable: true,
   get: function () {
     return _AlternateEmailTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Analytics', {
+Object.defineProperty(exports, "Analytics", {
   enumerable: true,
   get: function () {
     return _Analytics.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnalyticsOutlined', {
+Object.defineProperty(exports, "AnalyticsOutlined", {
   enumerable: true,
   get: function () {
     return _AnalyticsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnalyticsRounded', {
+Object.defineProperty(exports, "AnalyticsRounded", {
   enumerable: true,
   get: function () {
     return _AnalyticsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnalyticsSharp', {
+Object.defineProperty(exports, "AnalyticsSharp", {
   enumerable: true,
   get: function () {
     return _AnalyticsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnalyticsTwoTone', {
+Object.defineProperty(exports, "AnalyticsTwoTone", {
   enumerable: true,
   get: function () {
     return _AnalyticsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Anchor', {
+Object.defineProperty(exports, "Anchor", {
   enumerable: true,
   get: function () {
     return _Anchor.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnchorOutlined', {
+Object.defineProperty(exports, "AnchorOutlined", {
   enumerable: true,
   get: function () {
     return _AnchorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnchorRounded', {
+Object.defineProperty(exports, "AnchorRounded", {
   enumerable: true,
   get: function () {
     return _AnchorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnchorSharp', {
+Object.defineProperty(exports, "AnchorSharp", {
   enumerable: true,
   get: function () {
     return _AnchorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnchorTwoTone', {
+Object.defineProperty(exports, "AnchorTwoTone", {
   enumerable: true,
   get: function () {
     return _AnchorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Android', {
+Object.defineProperty(exports, "Android", {
   enumerable: true,
   get: function () {
     return _Android.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AndroidOutlined', {
+Object.defineProperty(exports, "AndroidOutlined", {
   enumerable: true,
   get: function () {
     return _AndroidOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AndroidRounded', {
+Object.defineProperty(exports, "AndroidRounded", {
   enumerable: true,
   get: function () {
     return _AndroidRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AndroidSharp', {
+Object.defineProperty(exports, "AndroidSharp", {
   enumerable: true,
   get: function () {
     return _AndroidSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AndroidTwoTone', {
+Object.defineProperty(exports, "AndroidTwoTone", {
   enumerable: true,
   get: function () {
     return _AndroidTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Animation', {
+Object.defineProperty(exports, "Animation", {
   enumerable: true,
   get: function () {
     return _Animation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnimationOutlined', {
+Object.defineProperty(exports, "AnimationOutlined", {
   enumerable: true,
   get: function () {
     return _AnimationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnimationRounded', {
+Object.defineProperty(exports, "AnimationRounded", {
   enumerable: true,
   get: function () {
     return _AnimationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnimationSharp', {
+Object.defineProperty(exports, "AnimationSharp", {
   enumerable: true,
   get: function () {
     return _AnimationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnimationTwoTone', {
+Object.defineProperty(exports, "AnimationTwoTone", {
   enumerable: true,
   get: function () {
     return _AnimationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Announcement', {
+Object.defineProperty(exports, "Announcement", {
   enumerable: true,
   get: function () {
     return _Announcement.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnnouncementOutlined', {
+Object.defineProperty(exports, "AnnouncementOutlined", {
   enumerable: true,
   get: function () {
     return _AnnouncementOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnnouncementRounded', {
+Object.defineProperty(exports, "AnnouncementRounded", {
   enumerable: true,
   get: function () {
     return _AnnouncementRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnnouncementSharp', {
+Object.defineProperty(exports, "AnnouncementSharp", {
   enumerable: true,
   get: function () {
     return _AnnouncementSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AnnouncementTwoTone', {
+Object.defineProperty(exports, "AnnouncementTwoTone", {
   enumerable: true,
   get: function () {
     return _AnnouncementTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Aod', {
+Object.defineProperty(exports, "Aod", {
   enumerable: true,
   get: function () {
     return _Aod.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AodOutlined', {
+Object.defineProperty(exports, "AodOutlined", {
   enumerable: true,
   get: function () {
     return _AodOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AodRounded', {
+Object.defineProperty(exports, "AodRounded", {
   enumerable: true,
   get: function () {
     return _AodRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AodSharp', {
+Object.defineProperty(exports, "AodSharp", {
   enumerable: true,
   get: function () {
     return _AodSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AodTwoTone', {
+Object.defineProperty(exports, "AodTwoTone", {
   enumerable: true,
   get: function () {
     return _AodTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Apartment', {
+Object.defineProperty(exports, "Apartment", {
   enumerable: true,
   get: function () {
     return _Apartment.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ApartmentOutlined', {
+Object.defineProperty(exports, "ApartmentOutlined", {
   enumerable: true,
   get: function () {
     return _ApartmentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ApartmentRounded', {
+Object.defineProperty(exports, "ApartmentRounded", {
   enumerable: true,
   get: function () {
     return _ApartmentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ApartmentSharp', {
+Object.defineProperty(exports, "ApartmentSharp", {
   enumerable: true,
   get: function () {
     return _ApartmentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ApartmentTwoTone', {
+Object.defineProperty(exports, "ApartmentTwoTone", {
   enumerable: true,
   get: function () {
     return _ApartmentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Api', {
+Object.defineProperty(exports, "Api", {
   enumerable: true,
   get: function () {
     return _Api.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ApiOutlined', {
+Object.defineProperty(exports, "ApiOutlined", {
   enumerable: true,
   get: function () {
     return _ApiOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ApiRounded', {
+Object.defineProperty(exports, "ApiRounded", {
   enumerable: true,
   get: function () {
     return _ApiRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ApiSharp', {
+Object.defineProperty(exports, "ApiSharp", {
   enumerable: true,
   get: function () {
     return _ApiSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ApiTwoTone', {
+Object.defineProperty(exports, "ApiTwoTone", {
   enumerable: true,
   get: function () {
     return _ApiTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppBlocking', {
+Object.defineProperty(exports, "AppBlocking", {
   enumerable: true,
   get: function () {
     return _AppBlocking.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppBlockingOutlined', {
+Object.defineProperty(exports, "AppBlockingOutlined", {
   enumerable: true,
   get: function () {
     return _AppBlockingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppBlockingRounded', {
+Object.defineProperty(exports, "AppBlockingRounded", {
   enumerable: true,
   get: function () {
     return _AppBlockingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppBlockingSharp', {
+Object.defineProperty(exports, "AppBlockingSharp", {
   enumerable: true,
   get: function () {
     return _AppBlockingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppBlockingTwoTone', {
+Object.defineProperty(exports, "AppBlockingTwoTone", {
   enumerable: true,
   get: function () {
     return _AppBlockingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppRegistration', {
+Object.defineProperty(exports, "AppRegistration", {
   enumerable: true,
   get: function () {
     return _AppRegistration.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppRegistrationOutlined', {
+Object.defineProperty(exports, "AppRegistrationOutlined", {
   enumerable: true,
   get: function () {
     return _AppRegistrationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppRegistrationRounded', {
+Object.defineProperty(exports, "AppRegistrationRounded", {
   enumerable: true,
   get: function () {
     return _AppRegistrationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppRegistrationSharp', {
+Object.defineProperty(exports, "AppRegistrationSharp", {
   enumerable: true,
   get: function () {
     return _AppRegistrationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppRegistrationTwoTone', {
+Object.defineProperty(exports, "AppRegistrationTwoTone", {
   enumerable: true,
   get: function () {
     return _AppRegistrationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppSettingsAlt', {
+Object.defineProperty(exports, "AppSettingsAlt", {
   enumerable: true,
   get: function () {
     return _AppSettingsAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppSettingsAltOutlined', {
+Object.defineProperty(exports, "AppSettingsAltOutlined", {
   enumerable: true,
   get: function () {
     return _AppSettingsAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppSettingsAltRounded', {
+Object.defineProperty(exports, "AppSettingsAltRounded", {
   enumerable: true,
   get: function () {
     return _AppSettingsAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppSettingsAltSharp', {
+Object.defineProperty(exports, "AppSettingsAltSharp", {
   enumerable: true,
   get: function () {
     return _AppSettingsAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppSettingsAltTwoTone', {
+Object.defineProperty(exports, "AppSettingsAltTwoTone", {
   enumerable: true,
   get: function () {
     return _AppSettingsAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppShortcut', {
+Object.defineProperty(exports, "AppShortcut", {
   enumerable: true,
   get: function () {
     return _AppShortcut.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppShortcutOutlined', {
+Object.defineProperty(exports, "AppShortcutOutlined", {
   enumerable: true,
   get: function () {
     return _AppShortcutOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppShortcutRounded', {
+Object.defineProperty(exports, "AppShortcutRounded", {
   enumerable: true,
   get: function () {
     return _AppShortcutRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppShortcutSharp', {
+Object.defineProperty(exports, "AppShortcutSharp", {
   enumerable: true,
   get: function () {
     return _AppShortcutSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppShortcutTwoTone', {
+Object.defineProperty(exports, "AppShortcutTwoTone", {
   enumerable: true,
   get: function () {
     return _AppShortcutTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Apple', {
+Object.defineProperty(exports, "Apple", {
   enumerable: true,
   get: function () {
     return _Apple.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Approval', {
+Object.defineProperty(exports, "Approval", {
   enumerable: true,
   get: function () {
     return _Approval.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ApprovalOutlined', {
+Object.defineProperty(exports, "ApprovalOutlined", {
   enumerable: true,
   get: function () {
     return _ApprovalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ApprovalRounded', {
+Object.defineProperty(exports, "ApprovalRounded", {
   enumerable: true,
   get: function () {
     return _ApprovalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ApprovalSharp', {
+Object.defineProperty(exports, "ApprovalSharp", {
   enumerable: true,
   get: function () {
     return _ApprovalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ApprovalTwoTone', {
+Object.defineProperty(exports, "ApprovalTwoTone", {
   enumerable: true,
   get: function () {
     return _ApprovalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Apps', {
+Object.defineProperty(exports, "Apps", {
   enumerable: true,
   get: function () {
     return _Apps.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppsOutage', {
+Object.defineProperty(exports, "AppsOutage", {
   enumerable: true,
   get: function () {
     return _AppsOutage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppsOutageOutlined', {
+Object.defineProperty(exports, "AppsOutageOutlined", {
   enumerable: true,
   get: function () {
     return _AppsOutageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppsOutageRounded', {
+Object.defineProperty(exports, "AppsOutageRounded", {
   enumerable: true,
   get: function () {
     return _AppsOutageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppsOutageSharp', {
+Object.defineProperty(exports, "AppsOutageSharp", {
   enumerable: true,
   get: function () {
     return _AppsOutageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppsOutageTwoTone', {
+Object.defineProperty(exports, "AppsOutageTwoTone", {
   enumerable: true,
   get: function () {
     return _AppsOutageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppsOutlined', {
+Object.defineProperty(exports, "AppsOutlined", {
   enumerable: true,
   get: function () {
     return _AppsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppsRounded', {
+Object.defineProperty(exports, "AppsRounded", {
   enumerable: true,
   get: function () {
     return _AppsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppsSharp', {
+Object.defineProperty(exports, "AppsSharp", {
   enumerable: true,
   get: function () {
     return _AppsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AppsTwoTone', {
+Object.defineProperty(exports, "AppsTwoTone", {
   enumerable: true,
   get: function () {
     return _AppsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Architecture', {
+Object.defineProperty(exports, "Architecture", {
   enumerable: true,
   get: function () {
     return _Architecture.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArchitectureOutlined', {
+Object.defineProperty(exports, "ArchitectureOutlined", {
   enumerable: true,
   get: function () {
     return _ArchitectureOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArchitectureRounded', {
+Object.defineProperty(exports, "ArchitectureRounded", {
   enumerable: true,
   get: function () {
     return _ArchitectureRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArchitectureSharp', {
+Object.defineProperty(exports, "ArchitectureSharp", {
   enumerable: true,
   get: function () {
     return _ArchitectureSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArchitectureTwoTone', {
+Object.defineProperty(exports, "ArchitectureTwoTone", {
   enumerable: true,
   get: function () {
     return _ArchitectureTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Archive', {
+Object.defineProperty(exports, "Archive", {
   enumerable: true,
   get: function () {
     return _Archive.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArchiveOutlined', {
+Object.defineProperty(exports, "ArchiveOutlined", {
   enumerable: true,
   get: function () {
     return _ArchiveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArchiveRounded', {
+Object.defineProperty(exports, "ArchiveRounded", {
   enumerable: true,
   get: function () {
     return _ArchiveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArchiveSharp', {
+Object.defineProperty(exports, "ArchiveSharp", {
   enumerable: true,
   get: function () {
     return _ArchiveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArchiveTwoTone', {
+Object.defineProperty(exports, "ArchiveTwoTone", {
   enumerable: true,
   get: function () {
     return _ArchiveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBack', {
+Object.defineProperty(exports, "ArrowBack", {
   enumerable: true,
   get: function () {
     return _ArrowBack.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackIos', {
+Object.defineProperty(exports, "ArrowBackIos", {
   enumerable: true,
   get: function () {
     return _ArrowBackIos.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackIosNew', {
+Object.defineProperty(exports, "ArrowBackIosNew", {
   enumerable: true,
   get: function () {
     return _ArrowBackIosNew.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackIosNewOutlined', {
+Object.defineProperty(exports, "ArrowBackIosNewOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowBackIosNewOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackIosNewRounded', {
+Object.defineProperty(exports, "ArrowBackIosNewRounded", {
   enumerable: true,
   get: function () {
     return _ArrowBackIosNewRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackIosNewSharp', {
+Object.defineProperty(exports, "ArrowBackIosNewSharp", {
   enumerable: true,
   get: function () {
     return _ArrowBackIosNewSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackIosNewTwoTone', {
+Object.defineProperty(exports, "ArrowBackIosNewTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowBackIosNewTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackIosOutlined', {
+Object.defineProperty(exports, "ArrowBackIosOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowBackIosOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackIosRounded', {
+Object.defineProperty(exports, "ArrowBackIosRounded", {
   enumerable: true,
   get: function () {
     return _ArrowBackIosRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackIosSharp', {
+Object.defineProperty(exports, "ArrowBackIosSharp", {
   enumerable: true,
   get: function () {
     return _ArrowBackIosSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackIosTwoTone', {
+Object.defineProperty(exports, "ArrowBackIosTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowBackIosTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackOutlined', {
+Object.defineProperty(exports, "ArrowBackOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowBackOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackRounded', {
+Object.defineProperty(exports, "ArrowBackRounded", {
   enumerable: true,
   get: function () {
     return _ArrowBackRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackSharp', {
+Object.defineProperty(exports, "ArrowBackSharp", {
   enumerable: true,
   get: function () {
     return _ArrowBackSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowBackTwoTone', {
+Object.defineProperty(exports, "ArrowBackTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowBackTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleDown', {
+Object.defineProperty(exports, "ArrowCircleDown", {
   enumerable: true,
   get: function () {
     return _ArrowCircleDown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleDownOutlined', {
+Object.defineProperty(exports, "ArrowCircleDownOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowCircleDownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleDownRounded', {
+Object.defineProperty(exports, "ArrowCircleDownRounded", {
   enumerable: true,
   get: function () {
     return _ArrowCircleDownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleDownSharp', {
+Object.defineProperty(exports, "ArrowCircleDownSharp", {
   enumerable: true,
   get: function () {
     return _ArrowCircleDownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleDownTwoTone', {
+Object.defineProperty(exports, "ArrowCircleDownTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowCircleDownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleLeft', {
+Object.defineProperty(exports, "ArrowCircleLeft", {
   enumerable: true,
   get: function () {
     return _ArrowCircleLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleLeftOutlined', {
+Object.defineProperty(exports, "ArrowCircleLeftOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowCircleLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleLeftRounded', {
+Object.defineProperty(exports, "ArrowCircleLeftRounded", {
   enumerable: true,
   get: function () {
     return _ArrowCircleLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleLeftSharp', {
+Object.defineProperty(exports, "ArrowCircleLeftSharp", {
   enumerable: true,
   get: function () {
     return _ArrowCircleLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleLeftTwoTone', {
+Object.defineProperty(exports, "ArrowCircleLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowCircleLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleRight', {
+Object.defineProperty(exports, "ArrowCircleRight", {
   enumerable: true,
   get: function () {
     return _ArrowCircleRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleRightOutlined', {
+Object.defineProperty(exports, "ArrowCircleRightOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowCircleRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleRightRounded', {
+Object.defineProperty(exports, "ArrowCircleRightRounded", {
   enumerable: true,
   get: function () {
     return _ArrowCircleRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleRightSharp', {
+Object.defineProperty(exports, "ArrowCircleRightSharp", {
   enumerable: true,
   get: function () {
     return _ArrowCircleRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleRightTwoTone', {
+Object.defineProperty(exports, "ArrowCircleRightTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowCircleRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleUp', {
+Object.defineProperty(exports, "ArrowCircleUp", {
   enumerable: true,
   get: function () {
     return _ArrowCircleUp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleUpOutlined', {
+Object.defineProperty(exports, "ArrowCircleUpOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowCircleUpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleUpRounded', {
+Object.defineProperty(exports, "ArrowCircleUpRounded", {
   enumerable: true,
   get: function () {
     return _ArrowCircleUpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleUpSharp', {
+Object.defineProperty(exports, "ArrowCircleUpSharp", {
   enumerable: true,
   get: function () {
     return _ArrowCircleUpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowCircleUpTwoTone', {
+Object.defineProperty(exports, "ArrowCircleUpTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowCircleUpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDownward', {
+Object.defineProperty(exports, "ArrowDownward", {
   enumerable: true,
   get: function () {
     return _ArrowDownward.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDownwardOutlined', {
+Object.defineProperty(exports, "ArrowDownwardOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowDownwardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDownwardRounded', {
+Object.defineProperty(exports, "ArrowDownwardRounded", {
   enumerable: true,
   get: function () {
     return _ArrowDownwardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDownwardSharp', {
+Object.defineProperty(exports, "ArrowDownwardSharp", {
   enumerable: true,
   get: function () {
     return _ArrowDownwardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDownwardTwoTone', {
+Object.defineProperty(exports, "ArrowDownwardTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowDownwardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropDown', {
+Object.defineProperty(exports, "ArrowDropDown", {
   enumerable: true,
   get: function () {
     return _ArrowDropDown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropDownCircle', {
+Object.defineProperty(exports, "ArrowDropDownCircle", {
   enumerable: true,
   get: function () {
     return _ArrowDropDownCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropDownCircleOutlined', {
+Object.defineProperty(exports, "ArrowDropDownCircleOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowDropDownCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropDownCircleRounded', {
+Object.defineProperty(exports, "ArrowDropDownCircleRounded", {
   enumerable: true,
   get: function () {
     return _ArrowDropDownCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropDownCircleSharp', {
+Object.defineProperty(exports, "ArrowDropDownCircleSharp", {
   enumerable: true,
   get: function () {
     return _ArrowDropDownCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropDownCircleTwoTone', {
+Object.defineProperty(exports, "ArrowDropDownCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowDropDownCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropDownOutlined', {
+Object.defineProperty(exports, "ArrowDropDownOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowDropDownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropDownRounded', {
+Object.defineProperty(exports, "ArrowDropDownRounded", {
   enumerable: true,
   get: function () {
     return _ArrowDropDownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropDownSharp', {
+Object.defineProperty(exports, "ArrowDropDownSharp", {
   enumerable: true,
   get: function () {
     return _ArrowDropDownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropDownTwoTone', {
+Object.defineProperty(exports, "ArrowDropDownTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowDropDownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropUp', {
+Object.defineProperty(exports, "ArrowDropUp", {
   enumerable: true,
   get: function () {
     return _ArrowDropUp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropUpOutlined', {
+Object.defineProperty(exports, "ArrowDropUpOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowDropUpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropUpRounded', {
+Object.defineProperty(exports, "ArrowDropUpRounded", {
   enumerable: true,
   get: function () {
     return _ArrowDropUpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropUpSharp', {
+Object.defineProperty(exports, "ArrowDropUpSharp", {
   enumerable: true,
   get: function () {
     return _ArrowDropUpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowDropUpTwoTone', {
+Object.defineProperty(exports, "ArrowDropUpTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowDropUpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowForward', {
+Object.defineProperty(exports, "ArrowForward", {
   enumerable: true,
   get: function () {
     return _ArrowForward.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowForwardIos', {
+Object.defineProperty(exports, "ArrowForwardIos", {
   enumerable: true,
   get: function () {
     return _ArrowForwardIos.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowForwardIosOutlined', {
+Object.defineProperty(exports, "ArrowForwardIosOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowForwardIosOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowForwardIosRounded', {
+Object.defineProperty(exports, "ArrowForwardIosRounded", {
   enumerable: true,
   get: function () {
     return _ArrowForwardIosRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowForwardIosSharp', {
+Object.defineProperty(exports, "ArrowForwardIosSharp", {
   enumerable: true,
   get: function () {
     return _ArrowForwardIosSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowForwardIosTwoTone', {
+Object.defineProperty(exports, "ArrowForwardIosTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowForwardIosTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowForwardOutlined', {
+Object.defineProperty(exports, "ArrowForwardOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowForwardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowForwardRounded', {
+Object.defineProperty(exports, "ArrowForwardRounded", {
   enumerable: true,
   get: function () {
     return _ArrowForwardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowForwardSharp', {
+Object.defineProperty(exports, "ArrowForwardSharp", {
   enumerable: true,
   get: function () {
     return _ArrowForwardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowForwardTwoTone', {
+Object.defineProperty(exports, "ArrowForwardTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowForwardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowLeft', {
+Object.defineProperty(exports, "ArrowLeft", {
   enumerable: true,
   get: function () {
     return _ArrowLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowLeftOutlined', {
+Object.defineProperty(exports, "ArrowLeftOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowLeftRounded', {
+Object.defineProperty(exports, "ArrowLeftRounded", {
   enumerable: true,
   get: function () {
     return _ArrowLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowLeftSharp', {
+Object.defineProperty(exports, "ArrowLeftSharp", {
   enumerable: true,
   get: function () {
     return _ArrowLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowLeftTwoTone', {
+Object.defineProperty(exports, "ArrowLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowOutward', {
+Object.defineProperty(exports, "ArrowOutward", {
   enumerable: true,
   get: function () {
     return _ArrowOutward.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowOutwardOutlined', {
+Object.defineProperty(exports, "ArrowOutwardOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowOutwardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowOutwardRounded', {
+Object.defineProperty(exports, "ArrowOutwardRounded", {
   enumerable: true,
   get: function () {
     return _ArrowOutwardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowOutwardSharp', {
+Object.defineProperty(exports, "ArrowOutwardSharp", {
   enumerable: true,
   get: function () {
     return _ArrowOutwardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowOutwardTwoTone', {
+Object.defineProperty(exports, "ArrowOutwardTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowOutwardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowRight', {
+Object.defineProperty(exports, "ArrowRight", {
   enumerable: true,
   get: function () {
     return _ArrowRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowRightAlt', {
+Object.defineProperty(exports, "ArrowRightAlt", {
   enumerable: true,
   get: function () {
     return _ArrowRightAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowRightAltOutlined', {
+Object.defineProperty(exports, "ArrowRightAltOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowRightAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowRightAltRounded', {
+Object.defineProperty(exports, "ArrowRightAltRounded", {
   enumerable: true,
   get: function () {
     return _ArrowRightAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowRightAltSharp', {
+Object.defineProperty(exports, "ArrowRightAltSharp", {
   enumerable: true,
   get: function () {
     return _ArrowRightAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowRightAltTwoTone', {
+Object.defineProperty(exports, "ArrowRightAltTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowRightAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowRightOutlined', {
+Object.defineProperty(exports, "ArrowRightOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowRightRounded', {
+Object.defineProperty(exports, "ArrowRightRounded", {
   enumerable: true,
   get: function () {
     return _ArrowRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowRightSharp', {
+Object.defineProperty(exports, "ArrowRightSharp", {
   enumerable: true,
   get: function () {
     return _ArrowRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowRightTwoTone', {
+Object.defineProperty(exports, "ArrowRightTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowUpward', {
+Object.defineProperty(exports, "ArrowUpward", {
   enumerable: true,
   get: function () {
     return _ArrowUpward.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowUpwardOutlined', {
+Object.defineProperty(exports, "ArrowUpwardOutlined", {
   enumerable: true,
   get: function () {
     return _ArrowUpwardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowUpwardRounded', {
+Object.defineProperty(exports, "ArrowUpwardRounded", {
   enumerable: true,
   get: function () {
     return _ArrowUpwardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowUpwardSharp', {
+Object.defineProperty(exports, "ArrowUpwardSharp", {
   enumerable: true,
   get: function () {
     return _ArrowUpwardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArrowUpwardTwoTone', {
+Object.defineProperty(exports, "ArrowUpwardTwoTone", {
   enumerable: true,
   get: function () {
     return _ArrowUpwardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArtTrack', {
+Object.defineProperty(exports, "ArtTrack", {
   enumerable: true,
   get: function () {
     return _ArtTrack.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArtTrackOutlined', {
+Object.defineProperty(exports, "ArtTrackOutlined", {
   enumerable: true,
   get: function () {
     return _ArtTrackOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArtTrackRounded', {
+Object.defineProperty(exports, "ArtTrackRounded", {
   enumerable: true,
   get: function () {
     return _ArtTrackRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArtTrackSharp', {
+Object.defineProperty(exports, "ArtTrackSharp", {
   enumerable: true,
   get: function () {
     return _ArtTrackSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArtTrackTwoTone', {
+Object.defineProperty(exports, "ArtTrackTwoTone", {
   enumerable: true,
   get: function () {
     return _ArtTrackTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Article', {
+Object.defineProperty(exports, "Article", {
   enumerable: true,
   get: function () {
     return _Article.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArticleOutlined', {
+Object.defineProperty(exports, "ArticleOutlined", {
   enumerable: true,
   get: function () {
     return _ArticleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArticleRounded', {
+Object.defineProperty(exports, "ArticleRounded", {
   enumerable: true,
   get: function () {
     return _ArticleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArticleSharp', {
+Object.defineProperty(exports, "ArticleSharp", {
   enumerable: true,
   get: function () {
     return _ArticleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ArticleTwoTone', {
+Object.defineProperty(exports, "ArticleTwoTone", {
   enumerable: true,
   get: function () {
     return _ArticleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AspectRatio', {
+Object.defineProperty(exports, "AspectRatio", {
   enumerable: true,
   get: function () {
     return _AspectRatio.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AspectRatioOutlined', {
+Object.defineProperty(exports, "AspectRatioOutlined", {
   enumerable: true,
   get: function () {
     return _AspectRatioOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AspectRatioRounded', {
+Object.defineProperty(exports, "AspectRatioRounded", {
   enumerable: true,
   get: function () {
     return _AspectRatioRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AspectRatioSharp', {
+Object.defineProperty(exports, "AspectRatioSharp", {
   enumerable: true,
   get: function () {
     return _AspectRatioSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AspectRatioTwoTone', {
+Object.defineProperty(exports, "AspectRatioTwoTone", {
   enumerable: true,
   get: function () {
     return _AspectRatioTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Assessment', {
+Object.defineProperty(exports, "Assessment", {
   enumerable: true,
   get: function () {
     return _Assessment.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssessmentOutlined', {
+Object.defineProperty(exports, "AssessmentOutlined", {
   enumerable: true,
   get: function () {
     return _AssessmentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssessmentRounded', {
+Object.defineProperty(exports, "AssessmentRounded", {
   enumerable: true,
   get: function () {
     return _AssessmentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssessmentSharp', {
+Object.defineProperty(exports, "AssessmentSharp", {
   enumerable: true,
   get: function () {
     return _AssessmentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssessmentTwoTone', {
+Object.defineProperty(exports, "AssessmentTwoTone", {
   enumerable: true,
   get: function () {
     return _AssessmentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Assignment', {
+Object.defineProperty(exports, "Assignment", {
   enumerable: true,
   get: function () {
     return _Assignment.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentInd', {
+Object.defineProperty(exports, "AssignmentInd", {
   enumerable: true,
   get: function () {
     return _AssignmentInd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentIndOutlined', {
+Object.defineProperty(exports, "AssignmentIndOutlined", {
   enumerable: true,
   get: function () {
     return _AssignmentIndOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentIndRounded', {
+Object.defineProperty(exports, "AssignmentIndRounded", {
   enumerable: true,
   get: function () {
     return _AssignmentIndRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentIndSharp', {
+Object.defineProperty(exports, "AssignmentIndSharp", {
   enumerable: true,
   get: function () {
     return _AssignmentIndSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentIndTwoTone', {
+Object.defineProperty(exports, "AssignmentIndTwoTone", {
   enumerable: true,
   get: function () {
     return _AssignmentIndTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentLate', {
+Object.defineProperty(exports, "AssignmentLate", {
   enumerable: true,
   get: function () {
     return _AssignmentLate.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentLateOutlined', {
+Object.defineProperty(exports, "AssignmentLateOutlined", {
   enumerable: true,
   get: function () {
     return _AssignmentLateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentLateRounded', {
+Object.defineProperty(exports, "AssignmentLateRounded", {
   enumerable: true,
   get: function () {
     return _AssignmentLateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentLateSharp', {
+Object.defineProperty(exports, "AssignmentLateSharp", {
   enumerable: true,
   get: function () {
     return _AssignmentLateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentLateTwoTone', {
+Object.defineProperty(exports, "AssignmentLateTwoTone", {
   enumerable: true,
   get: function () {
     return _AssignmentLateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentOutlined', {
+Object.defineProperty(exports, "AssignmentOutlined", {
   enumerable: true,
   get: function () {
     return _AssignmentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentReturn', {
+Object.defineProperty(exports, "AssignmentReturn", {
   enumerable: true,
   get: function () {
     return _AssignmentReturn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentReturnOutlined', {
+Object.defineProperty(exports, "AssignmentReturnOutlined", {
   enumerable: true,
   get: function () {
     return _AssignmentReturnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentReturnRounded', {
+Object.defineProperty(exports, "AssignmentReturnRounded", {
   enumerable: true,
   get: function () {
     return _AssignmentReturnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentReturnSharp', {
+Object.defineProperty(exports, "AssignmentReturnSharp", {
   enumerable: true,
   get: function () {
     return _AssignmentReturnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentReturnTwoTone', {
+Object.defineProperty(exports, "AssignmentReturnTwoTone", {
   enumerable: true,
   get: function () {
     return _AssignmentReturnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentReturned', {
+Object.defineProperty(exports, "AssignmentReturned", {
   enumerable: true,
   get: function () {
     return _AssignmentReturned.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentReturnedOutlined', {
+Object.defineProperty(exports, "AssignmentReturnedOutlined", {
   enumerable: true,
   get: function () {
     return _AssignmentReturnedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentReturnedRounded', {
+Object.defineProperty(exports, "AssignmentReturnedRounded", {
   enumerable: true,
   get: function () {
     return _AssignmentReturnedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentReturnedSharp', {
+Object.defineProperty(exports, "AssignmentReturnedSharp", {
   enumerable: true,
   get: function () {
     return _AssignmentReturnedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentReturnedTwoTone', {
+Object.defineProperty(exports, "AssignmentReturnedTwoTone", {
   enumerable: true,
   get: function () {
     return _AssignmentReturnedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentRounded', {
+Object.defineProperty(exports, "AssignmentRounded", {
   enumerable: true,
   get: function () {
     return _AssignmentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentSharp', {
+Object.defineProperty(exports, "AssignmentSharp", {
   enumerable: true,
   get: function () {
     return _AssignmentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentTurnedIn', {
+Object.defineProperty(exports, "AssignmentTurnedIn", {
   enumerable: true,
   get: function () {
     return _AssignmentTurnedIn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentTurnedInOutlined', {
+Object.defineProperty(exports, "AssignmentTurnedInOutlined", {
   enumerable: true,
   get: function () {
     return _AssignmentTurnedInOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentTurnedInRounded', {
+Object.defineProperty(exports, "AssignmentTurnedInRounded", {
   enumerable: true,
   get: function () {
     return _AssignmentTurnedInRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentTurnedInSharp', {
+Object.defineProperty(exports, "AssignmentTurnedInSharp", {
   enumerable: true,
   get: function () {
     return _AssignmentTurnedInSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentTurnedInTwoTone', {
+Object.defineProperty(exports, "AssignmentTurnedInTwoTone", {
   enumerable: true,
   get: function () {
     return _AssignmentTurnedInTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssignmentTwoTone', {
+Object.defineProperty(exports, "AssignmentTwoTone", {
   enumerable: true,
   get: function () {
     return _AssignmentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistWalker', {
+Object.defineProperty(exports, "AssistWalker", {
   enumerable: true,
   get: function () {
     return _AssistWalker.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistWalkerOutlined', {
+Object.defineProperty(exports, "AssistWalkerOutlined", {
   enumerable: true,
   get: function () {
     return _AssistWalkerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistWalkerRounded', {
+Object.defineProperty(exports, "AssistWalkerRounded", {
   enumerable: true,
   get: function () {
     return _AssistWalkerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistWalkerSharp', {
+Object.defineProperty(exports, "AssistWalkerSharp", {
   enumerable: true,
   get: function () {
     return _AssistWalkerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistWalkerTwoTone', {
+Object.defineProperty(exports, "AssistWalkerTwoTone", {
   enumerable: true,
   get: function () {
     return _AssistWalkerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Assistant', {
+Object.defineProperty(exports, "Assistant", {
   enumerable: true,
   get: function () {
     return _Assistant.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantDirection', {
+Object.defineProperty(exports, "AssistantDirection", {
   enumerable: true,
   get: function () {
     return _AssistantDirection.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantDirectionOutlined', {
+Object.defineProperty(exports, "AssistantDirectionOutlined", {
   enumerable: true,
   get: function () {
     return _AssistantDirectionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantDirectionRounded', {
+Object.defineProperty(exports, "AssistantDirectionRounded", {
   enumerable: true,
   get: function () {
     return _AssistantDirectionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantDirectionSharp', {
+Object.defineProperty(exports, "AssistantDirectionSharp", {
   enumerable: true,
   get: function () {
     return _AssistantDirectionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantDirectionTwoTone', {
+Object.defineProperty(exports, "AssistantDirectionTwoTone", {
   enumerable: true,
   get: function () {
     return _AssistantDirectionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantOutlined', {
+Object.defineProperty(exports, "AssistantOutlined", {
   enumerable: true,
   get: function () {
     return _AssistantOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantPhoto', {
+Object.defineProperty(exports, "AssistantPhoto", {
   enumerable: true,
   get: function () {
     return _AssistantPhoto.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantPhotoOutlined', {
+Object.defineProperty(exports, "AssistantPhotoOutlined", {
   enumerable: true,
   get: function () {
     return _AssistantPhotoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantPhotoRounded', {
+Object.defineProperty(exports, "AssistantPhotoRounded", {
   enumerable: true,
   get: function () {
     return _AssistantPhotoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantPhotoSharp', {
+Object.defineProperty(exports, "AssistantPhotoSharp", {
   enumerable: true,
   get: function () {
     return _AssistantPhotoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantPhotoTwoTone', {
+Object.defineProperty(exports, "AssistantPhotoTwoTone", {
   enumerable: true,
   get: function () {
     return _AssistantPhotoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantRounded', {
+Object.defineProperty(exports, "AssistantRounded", {
   enumerable: true,
   get: function () {
     return _AssistantRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantSharp', {
+Object.defineProperty(exports, "AssistantSharp", {
   enumerable: true,
   get: function () {
     return _AssistantSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssistantTwoTone', {
+Object.defineProperty(exports, "AssistantTwoTone", {
   enumerable: true,
   get: function () {
     return _AssistantTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssuredWorkload', {
+Object.defineProperty(exports, "AssuredWorkload", {
   enumerable: true,
   get: function () {
     return _AssuredWorkload.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssuredWorkloadOutlined', {
+Object.defineProperty(exports, "AssuredWorkloadOutlined", {
   enumerable: true,
   get: function () {
     return _AssuredWorkloadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssuredWorkloadRounded', {
+Object.defineProperty(exports, "AssuredWorkloadRounded", {
   enumerable: true,
   get: function () {
     return _AssuredWorkloadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssuredWorkloadSharp', {
+Object.defineProperty(exports, "AssuredWorkloadSharp", {
   enumerable: true,
   get: function () {
     return _AssuredWorkloadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AssuredWorkloadTwoTone', {
+Object.defineProperty(exports, "AssuredWorkloadTwoTone", {
   enumerable: true,
   get: function () {
     return _AssuredWorkloadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Atm', {
+Object.defineProperty(exports, "Atm", {
   enumerable: true,
   get: function () {
     return _Atm.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AtmOutlined', {
+Object.defineProperty(exports, "AtmOutlined", {
   enumerable: true,
   get: function () {
     return _AtmOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AtmRounded', {
+Object.defineProperty(exports, "AtmRounded", {
   enumerable: true,
   get: function () {
     return _AtmRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AtmSharp', {
+Object.defineProperty(exports, "AtmSharp", {
   enumerable: true,
   get: function () {
     return _AtmSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AtmTwoTone', {
+Object.defineProperty(exports, "AtmTwoTone", {
   enumerable: true,
   get: function () {
     return _AtmTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachEmail', {
+Object.defineProperty(exports, "AttachEmail", {
   enumerable: true,
   get: function () {
     return _AttachEmail.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachEmailOutlined', {
+Object.defineProperty(exports, "AttachEmailOutlined", {
   enumerable: true,
   get: function () {
     return _AttachEmailOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachEmailRounded', {
+Object.defineProperty(exports, "AttachEmailRounded", {
   enumerable: true,
   get: function () {
     return _AttachEmailRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachEmailSharp', {
+Object.defineProperty(exports, "AttachEmailSharp", {
   enumerable: true,
   get: function () {
     return _AttachEmailSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachEmailTwoTone', {
+Object.defineProperty(exports, "AttachEmailTwoTone", {
   enumerable: true,
   get: function () {
     return _AttachEmailTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachFile', {
+Object.defineProperty(exports, "AttachFile", {
   enumerable: true,
   get: function () {
     return _AttachFile.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachFileOutlined', {
+Object.defineProperty(exports, "AttachFileOutlined", {
   enumerable: true,
   get: function () {
     return _AttachFileOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachFileRounded', {
+Object.defineProperty(exports, "AttachFileRounded", {
   enumerable: true,
   get: function () {
     return _AttachFileRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachFileSharp', {
+Object.defineProperty(exports, "AttachFileSharp", {
   enumerable: true,
   get: function () {
     return _AttachFileSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachFileTwoTone', {
+Object.defineProperty(exports, "AttachFileTwoTone", {
   enumerable: true,
   get: function () {
     return _AttachFileTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachMoney', {
+Object.defineProperty(exports, "AttachMoney", {
   enumerable: true,
   get: function () {
     return _AttachMoney.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachMoneyOutlined', {
+Object.defineProperty(exports, "AttachMoneyOutlined", {
   enumerable: true,
   get: function () {
     return _AttachMoneyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachMoneyRounded', {
+Object.defineProperty(exports, "AttachMoneyRounded", {
   enumerable: true,
   get: function () {
     return _AttachMoneyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachMoneySharp', {
+Object.defineProperty(exports, "AttachMoneySharp", {
   enumerable: true,
   get: function () {
     return _AttachMoneySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachMoneyTwoTone', {
+Object.defineProperty(exports, "AttachMoneyTwoTone", {
   enumerable: true,
   get: function () {
     return _AttachMoneyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Attachment', {
+Object.defineProperty(exports, "Attachment", {
   enumerable: true,
   get: function () {
     return _Attachment.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachmentOutlined', {
+Object.defineProperty(exports, "AttachmentOutlined", {
   enumerable: true,
   get: function () {
     return _AttachmentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachmentRounded', {
+Object.defineProperty(exports, "AttachmentRounded", {
   enumerable: true,
   get: function () {
     return _AttachmentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachmentSharp', {
+Object.defineProperty(exports, "AttachmentSharp", {
   enumerable: true,
   get: function () {
     return _AttachmentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttachmentTwoTone', {
+Object.defineProperty(exports, "AttachmentTwoTone", {
   enumerable: true,
   get: function () {
     return _AttachmentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Attractions', {
+Object.defineProperty(exports, "Attractions", {
   enumerable: true,
   get: function () {
     return _Attractions.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttractionsOutlined', {
+Object.defineProperty(exports, "AttractionsOutlined", {
   enumerable: true,
   get: function () {
     return _AttractionsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttractionsRounded', {
+Object.defineProperty(exports, "AttractionsRounded", {
   enumerable: true,
   get: function () {
     return _AttractionsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttractionsSharp', {
+Object.defineProperty(exports, "AttractionsSharp", {
   enumerable: true,
   get: function () {
     return _AttractionsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttractionsTwoTone', {
+Object.defineProperty(exports, "AttractionsTwoTone", {
   enumerable: true,
   get: function () {
     return _AttractionsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Attribution', {
+Object.defineProperty(exports, "Attribution", {
   enumerable: true,
   get: function () {
     return _Attribution.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttributionOutlined', {
+Object.defineProperty(exports, "AttributionOutlined", {
   enumerable: true,
   get: function () {
     return _AttributionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttributionRounded', {
+Object.defineProperty(exports, "AttributionRounded", {
   enumerable: true,
   get: function () {
     return _AttributionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttributionSharp', {
+Object.defineProperty(exports, "AttributionSharp", {
   enumerable: true,
   get: function () {
     return _AttributionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AttributionTwoTone', {
+Object.defineProperty(exports, "AttributionTwoTone", {
   enumerable: true,
   get: function () {
     return _AttributionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AudioFile', {
+Object.defineProperty(exports, "AudioFile", {
   enumerable: true,
   get: function () {
     return _AudioFile.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AudioFileOutlined', {
+Object.defineProperty(exports, "AudioFileOutlined", {
   enumerable: true,
   get: function () {
     return _AudioFileOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AudioFileRounded', {
+Object.defineProperty(exports, "AudioFileRounded", {
   enumerable: true,
   get: function () {
     return _AudioFileRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AudioFileSharp', {
+Object.defineProperty(exports, "AudioFileSharp", {
   enumerable: true,
   get: function () {
     return _AudioFileSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AudioFileTwoTone', {
+Object.defineProperty(exports, "AudioFileTwoTone", {
   enumerable: true,
   get: function () {
     return _AudioFileTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Audiotrack', {
+Object.defineProperty(exports, "Audiotrack", {
   enumerable: true,
   get: function () {
     return _Audiotrack.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AudiotrackOutlined', {
+Object.defineProperty(exports, "AudiotrackOutlined", {
   enumerable: true,
   get: function () {
     return _AudiotrackOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AudiotrackRounded', {
+Object.defineProperty(exports, "AudiotrackRounded", {
   enumerable: true,
   get: function () {
     return _AudiotrackRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AudiotrackSharp', {
+Object.defineProperty(exports, "AudiotrackSharp", {
   enumerable: true,
   get: function () {
     return _AudiotrackSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AudiotrackTwoTone', {
+Object.defineProperty(exports, "AudiotrackTwoTone", {
   enumerable: true,
   get: function () {
     return _AudiotrackTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesome', {
+Object.defineProperty(exports, "AutoAwesome", {
   enumerable: true,
   get: function () {
     return _AutoAwesome.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeMosaic', {
+Object.defineProperty(exports, "AutoAwesomeMosaic", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeMosaic.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeMosaicOutlined', {
+Object.defineProperty(exports, "AutoAwesomeMosaicOutlined", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeMosaicOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeMosaicRounded', {
+Object.defineProperty(exports, "AutoAwesomeMosaicRounded", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeMosaicRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeMosaicSharp', {
+Object.defineProperty(exports, "AutoAwesomeMosaicSharp", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeMosaicSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeMosaicTwoTone', {
+Object.defineProperty(exports, "AutoAwesomeMosaicTwoTone", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeMosaicTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeMotion', {
+Object.defineProperty(exports, "AutoAwesomeMotion", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeMotion.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeMotionOutlined', {
+Object.defineProperty(exports, "AutoAwesomeMotionOutlined", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeMotionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeMotionRounded', {
+Object.defineProperty(exports, "AutoAwesomeMotionRounded", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeMotionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeMotionSharp', {
+Object.defineProperty(exports, "AutoAwesomeMotionSharp", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeMotionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeMotionTwoTone', {
+Object.defineProperty(exports, "AutoAwesomeMotionTwoTone", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeMotionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeOutlined', {
+Object.defineProperty(exports, "AutoAwesomeOutlined", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeRounded', {
+Object.defineProperty(exports, "AutoAwesomeRounded", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeSharp', {
+Object.defineProperty(exports, "AutoAwesomeSharp", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoAwesomeTwoTone', {
+Object.defineProperty(exports, "AutoAwesomeTwoTone", {
   enumerable: true,
   get: function () {
     return _AutoAwesomeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoDelete', {
+Object.defineProperty(exports, "AutoDelete", {
   enumerable: true,
   get: function () {
     return _AutoDelete.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoDeleteOutlined', {
+Object.defineProperty(exports, "AutoDeleteOutlined", {
   enumerable: true,
   get: function () {
     return _AutoDeleteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoDeleteRounded', {
+Object.defineProperty(exports, "AutoDeleteRounded", {
   enumerable: true,
   get: function () {
     return _AutoDeleteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoDeleteSharp', {
+Object.defineProperty(exports, "AutoDeleteSharp", {
   enumerable: true,
   get: function () {
     return _AutoDeleteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoDeleteTwoTone', {
+Object.defineProperty(exports, "AutoDeleteTwoTone", {
   enumerable: true,
   get: function () {
     return _AutoDeleteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixHigh', {
+Object.defineProperty(exports, "AutoFixHigh", {
   enumerable: true,
   get: function () {
     return _AutoFixHigh.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixHighOutlined', {
+Object.defineProperty(exports, "AutoFixHighOutlined", {
   enumerable: true,
   get: function () {
     return _AutoFixHighOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixHighRounded', {
+Object.defineProperty(exports, "AutoFixHighRounded", {
   enumerable: true,
   get: function () {
     return _AutoFixHighRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixHighSharp', {
+Object.defineProperty(exports, "AutoFixHighSharp", {
   enumerable: true,
   get: function () {
     return _AutoFixHighSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixHighTwoTone', {
+Object.defineProperty(exports, "AutoFixHighTwoTone", {
   enumerable: true,
   get: function () {
     return _AutoFixHighTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixNormal', {
+Object.defineProperty(exports, "AutoFixNormal", {
   enumerable: true,
   get: function () {
     return _AutoFixNormal.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixNormalOutlined', {
+Object.defineProperty(exports, "AutoFixNormalOutlined", {
   enumerable: true,
   get: function () {
     return _AutoFixNormalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixNormalRounded', {
+Object.defineProperty(exports, "AutoFixNormalRounded", {
   enumerable: true,
   get: function () {
     return _AutoFixNormalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixNormalSharp', {
+Object.defineProperty(exports, "AutoFixNormalSharp", {
   enumerable: true,
   get: function () {
     return _AutoFixNormalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixNormalTwoTone', {
+Object.defineProperty(exports, "AutoFixNormalTwoTone", {
   enumerable: true,
   get: function () {
     return _AutoFixNormalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixOff', {
+Object.defineProperty(exports, "AutoFixOff", {
   enumerable: true,
   get: function () {
     return _AutoFixOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixOffOutlined', {
+Object.defineProperty(exports, "AutoFixOffOutlined", {
   enumerable: true,
   get: function () {
     return _AutoFixOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixOffRounded', {
+Object.defineProperty(exports, "AutoFixOffRounded", {
   enumerable: true,
   get: function () {
     return _AutoFixOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixOffSharp', {
+Object.defineProperty(exports, "AutoFixOffSharp", {
   enumerable: true,
   get: function () {
     return _AutoFixOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoFixOffTwoTone', {
+Object.defineProperty(exports, "AutoFixOffTwoTone", {
   enumerable: true,
   get: function () {
     return _AutoFixOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoGraph', {
+Object.defineProperty(exports, "AutoGraph", {
   enumerable: true,
   get: function () {
     return _AutoGraph.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoGraphOutlined', {
+Object.defineProperty(exports, "AutoGraphOutlined", {
   enumerable: true,
   get: function () {
     return _AutoGraphOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoGraphRounded', {
+Object.defineProperty(exports, "AutoGraphRounded", {
   enumerable: true,
   get: function () {
     return _AutoGraphRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoGraphSharp', {
+Object.defineProperty(exports, "AutoGraphSharp", {
   enumerable: true,
   get: function () {
     return _AutoGraphSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoGraphTwoTone', {
+Object.defineProperty(exports, "AutoGraphTwoTone", {
   enumerable: true,
   get: function () {
     return _AutoGraphTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoMode', {
+Object.defineProperty(exports, "AutoMode", {
   enumerable: true,
   get: function () {
     return _AutoMode.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoModeOutlined', {
+Object.defineProperty(exports, "AutoModeOutlined", {
   enumerable: true,
   get: function () {
     return _AutoModeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoModeRounded', {
+Object.defineProperty(exports, "AutoModeRounded", {
   enumerable: true,
   get: function () {
     return _AutoModeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoModeSharp', {
+Object.defineProperty(exports, "AutoModeSharp", {
   enumerable: true,
   get: function () {
     return _AutoModeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoModeTwoTone', {
+Object.defineProperty(exports, "AutoModeTwoTone", {
   enumerable: true,
   get: function () {
     return _AutoModeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoStories', {
+Object.defineProperty(exports, "AutoStories", {
   enumerable: true,
   get: function () {
     return _AutoStories.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoStoriesOutlined', {
+Object.defineProperty(exports, "AutoStoriesOutlined", {
   enumerable: true,
   get: function () {
     return _AutoStoriesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoStoriesRounded', {
+Object.defineProperty(exports, "AutoStoriesRounded", {
   enumerable: true,
   get: function () {
     return _AutoStoriesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoStoriesSharp', {
+Object.defineProperty(exports, "AutoStoriesSharp", {
   enumerable: true,
   get: function () {
     return _AutoStoriesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutoStoriesTwoTone', {
+Object.defineProperty(exports, "AutoStoriesTwoTone", {
   enumerable: true,
   get: function () {
     return _AutoStoriesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutofpsSelect', {
+Object.defineProperty(exports, "AutofpsSelect", {
   enumerable: true,
   get: function () {
     return _AutofpsSelect.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutofpsSelectOutlined', {
+Object.defineProperty(exports, "AutofpsSelectOutlined", {
   enumerable: true,
   get: function () {
     return _AutofpsSelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutofpsSelectRounded', {
+Object.defineProperty(exports, "AutofpsSelectRounded", {
   enumerable: true,
   get: function () {
     return _AutofpsSelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutofpsSelectSharp', {
+Object.defineProperty(exports, "AutofpsSelectSharp", {
   enumerable: true,
   get: function () {
     return _AutofpsSelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutofpsSelectTwoTone', {
+Object.defineProperty(exports, "AutofpsSelectTwoTone", {
   enumerable: true,
   get: function () {
     return _AutofpsSelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Autorenew', {
+Object.defineProperty(exports, "Autorenew", {
   enumerable: true,
   get: function () {
     return _Autorenew.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutorenewOutlined', {
+Object.defineProperty(exports, "AutorenewOutlined", {
   enumerable: true,
   get: function () {
     return _AutorenewOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutorenewRounded', {
+Object.defineProperty(exports, "AutorenewRounded", {
   enumerable: true,
   get: function () {
     return _AutorenewRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutorenewSharp', {
+Object.defineProperty(exports, "AutorenewSharp", {
   enumerable: true,
   get: function () {
     return _AutorenewSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AutorenewTwoTone', {
+Object.defineProperty(exports, "AutorenewTwoTone", {
   enumerable: true,
   get: function () {
     return _AutorenewTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AvTimer', {
+Object.defineProperty(exports, "AvTimer", {
   enumerable: true,
   get: function () {
     return _AvTimer.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AvTimerOutlined', {
+Object.defineProperty(exports, "AvTimerOutlined", {
   enumerable: true,
   get: function () {
     return _AvTimerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AvTimerRounded', {
+Object.defineProperty(exports, "AvTimerRounded", {
   enumerable: true,
   get: function () {
     return _AvTimerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AvTimerSharp', {
+Object.defineProperty(exports, "AvTimerSharp", {
   enumerable: true,
   get: function () {
     return _AvTimerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'AvTimerTwoTone', {
+Object.defineProperty(exports, "AvTimerTwoTone", {
   enumerable: true,
   get: function () {
     return _AvTimerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BabyChangingStation', {
+Object.defineProperty(exports, "BabyChangingStation", {
   enumerable: true,
   get: function () {
     return _BabyChangingStation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BabyChangingStationOutlined', {
+Object.defineProperty(exports, "BabyChangingStationOutlined", {
   enumerable: true,
   get: function () {
     return _BabyChangingStationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BabyChangingStationRounded', {
+Object.defineProperty(exports, "BabyChangingStationRounded", {
   enumerable: true,
   get: function () {
     return _BabyChangingStationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BabyChangingStationSharp', {
+Object.defineProperty(exports, "BabyChangingStationSharp", {
   enumerable: true,
   get: function () {
     return _BabyChangingStationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BabyChangingStationTwoTone', {
+Object.defineProperty(exports, "BabyChangingStationTwoTone", {
   enumerable: true,
   get: function () {
     return _BabyChangingStationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackHand', {
+Object.defineProperty(exports, "BackHand", {
   enumerable: true,
   get: function () {
     return _BackHand.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackHandOutlined', {
+Object.defineProperty(exports, "BackHandOutlined", {
   enumerable: true,
   get: function () {
     return _BackHandOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackHandRounded', {
+Object.defineProperty(exports, "BackHandRounded", {
   enumerable: true,
   get: function () {
     return _BackHandRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackHandSharp', {
+Object.defineProperty(exports, "BackHandSharp", {
   enumerable: true,
   get: function () {
     return _BackHandSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackHandTwoTone', {
+Object.defineProperty(exports, "BackHandTwoTone", {
   enumerable: true,
   get: function () {
     return _BackHandTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Backpack', {
+Object.defineProperty(exports, "Backpack", {
   enumerable: true,
   get: function () {
     return _Backpack.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackpackOutlined', {
+Object.defineProperty(exports, "BackpackOutlined", {
   enumerable: true,
   get: function () {
     return _BackpackOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackpackRounded', {
+Object.defineProperty(exports, "BackpackRounded", {
   enumerable: true,
   get: function () {
     return _BackpackRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackpackSharp', {
+Object.defineProperty(exports, "BackpackSharp", {
   enumerable: true,
   get: function () {
     return _BackpackSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackpackTwoTone', {
+Object.defineProperty(exports, "BackpackTwoTone", {
   enumerable: true,
   get: function () {
     return _BackpackTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Backspace', {
+Object.defineProperty(exports, "Backspace", {
   enumerable: true,
   get: function () {
     return _Backspace.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackspaceOutlined', {
+Object.defineProperty(exports, "BackspaceOutlined", {
   enumerable: true,
   get: function () {
     return _BackspaceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackspaceRounded', {
+Object.defineProperty(exports, "BackspaceRounded", {
   enumerable: true,
   get: function () {
     return _BackspaceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackspaceSharp', {
+Object.defineProperty(exports, "BackspaceSharp", {
   enumerable: true,
   get: function () {
     return _BackspaceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackspaceTwoTone', {
+Object.defineProperty(exports, "BackspaceTwoTone", {
   enumerable: true,
   get: function () {
     return _BackspaceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Backup', {
+Object.defineProperty(exports, "Backup", {
   enumerable: true,
   get: function () {
     return _Backup.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackupOutlined', {
+Object.defineProperty(exports, "BackupOutlined", {
   enumerable: true,
   get: function () {
     return _BackupOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackupRounded', {
+Object.defineProperty(exports, "BackupRounded", {
   enumerable: true,
   get: function () {
     return _BackupRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackupSharp', {
+Object.defineProperty(exports, "BackupSharp", {
   enumerable: true,
   get: function () {
     return _BackupSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackupTable', {
+Object.defineProperty(exports, "BackupTable", {
   enumerable: true,
   get: function () {
     return _BackupTable.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackupTableOutlined', {
+Object.defineProperty(exports, "BackupTableOutlined", {
   enumerable: true,
   get: function () {
     return _BackupTableOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackupTableRounded', {
+Object.defineProperty(exports, "BackupTableRounded", {
   enumerable: true,
   get: function () {
     return _BackupTableRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackupTableSharp', {
+Object.defineProperty(exports, "BackupTableSharp", {
   enumerable: true,
   get: function () {
     return _BackupTableSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackupTableTwoTone', {
+Object.defineProperty(exports, "BackupTableTwoTone", {
   enumerable: true,
   get: function () {
     return _BackupTableTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BackupTwoTone', {
+Object.defineProperty(exports, "BackupTwoTone", {
   enumerable: true,
   get: function () {
     return _BackupTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Badge', {
+Object.defineProperty(exports, "Badge", {
   enumerable: true,
   get: function () {
     return _Badge.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BadgeOutlined', {
+Object.defineProperty(exports, "BadgeOutlined", {
   enumerable: true,
   get: function () {
     return _BadgeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BadgeRounded', {
+Object.defineProperty(exports, "BadgeRounded", {
   enumerable: true,
   get: function () {
     return _BadgeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BadgeSharp', {
+Object.defineProperty(exports, "BadgeSharp", {
   enumerable: true,
   get: function () {
     return _BadgeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BadgeTwoTone', {
+Object.defineProperty(exports, "BadgeTwoTone", {
   enumerable: true,
   get: function () {
     return _BadgeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BakeryDining', {
+Object.defineProperty(exports, "BakeryDining", {
   enumerable: true,
   get: function () {
     return _BakeryDining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BakeryDiningOutlined', {
+Object.defineProperty(exports, "BakeryDiningOutlined", {
   enumerable: true,
   get: function () {
     return _BakeryDiningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BakeryDiningRounded', {
+Object.defineProperty(exports, "BakeryDiningRounded", {
   enumerable: true,
   get: function () {
     return _BakeryDiningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BakeryDiningSharp', {
+Object.defineProperty(exports, "BakeryDiningSharp", {
   enumerable: true,
   get: function () {
     return _BakeryDiningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BakeryDiningTwoTone', {
+Object.defineProperty(exports, "BakeryDiningTwoTone", {
   enumerable: true,
   get: function () {
     return _BakeryDiningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Balance', {
+Object.defineProperty(exports, "Balance", {
   enumerable: true,
   get: function () {
     return _Balance.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BalanceOutlined', {
+Object.defineProperty(exports, "BalanceOutlined", {
   enumerable: true,
   get: function () {
     return _BalanceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BalanceRounded', {
+Object.defineProperty(exports, "BalanceRounded", {
   enumerable: true,
   get: function () {
     return _BalanceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BalanceSharp', {
+Object.defineProperty(exports, "BalanceSharp", {
   enumerable: true,
   get: function () {
     return _BalanceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BalanceTwoTone', {
+Object.defineProperty(exports, "BalanceTwoTone", {
   enumerable: true,
   get: function () {
     return _BalanceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Balcony', {
+Object.defineProperty(exports, "Balcony", {
   enumerable: true,
   get: function () {
     return _Balcony.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BalconyOutlined', {
+Object.defineProperty(exports, "BalconyOutlined", {
   enumerable: true,
   get: function () {
     return _BalconyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BalconyRounded', {
+Object.defineProperty(exports, "BalconyRounded", {
   enumerable: true,
   get: function () {
     return _BalconyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BalconySharp', {
+Object.defineProperty(exports, "BalconySharp", {
   enumerable: true,
   get: function () {
     return _BalconySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BalconyTwoTone', {
+Object.defineProperty(exports, "BalconyTwoTone", {
   enumerable: true,
   get: function () {
     return _BalconyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Ballot', {
+Object.defineProperty(exports, "Ballot", {
   enumerable: true,
   get: function () {
     return _Ballot.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BallotOutlined', {
+Object.defineProperty(exports, "BallotOutlined", {
   enumerable: true,
   get: function () {
     return _BallotOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BallotRounded', {
+Object.defineProperty(exports, "BallotRounded", {
   enumerable: true,
   get: function () {
     return _BallotRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BallotSharp', {
+Object.defineProperty(exports, "BallotSharp", {
   enumerable: true,
   get: function () {
     return _BallotSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BallotTwoTone', {
+Object.defineProperty(exports, "BallotTwoTone", {
   enumerable: true,
   get: function () {
     return _BallotTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BarChart', {
+Object.defineProperty(exports, "BarChart", {
   enumerable: true,
   get: function () {
     return _BarChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BarChartOutlined', {
+Object.defineProperty(exports, "BarChartOutlined", {
   enumerable: true,
   get: function () {
     return _BarChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BarChartRounded', {
+Object.defineProperty(exports, "BarChartRounded", {
   enumerable: true,
   get: function () {
     return _BarChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BarChartSharp', {
+Object.defineProperty(exports, "BarChartSharp", {
   enumerable: true,
   get: function () {
     return _BarChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BarChartTwoTone', {
+Object.defineProperty(exports, "BarChartTwoTone", {
   enumerable: true,
   get: function () {
     return _BarChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatchPrediction', {
+Object.defineProperty(exports, "BatchPrediction", {
   enumerable: true,
   get: function () {
     return _BatchPrediction.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatchPredictionOutlined', {
+Object.defineProperty(exports, "BatchPredictionOutlined", {
   enumerable: true,
   get: function () {
     return _BatchPredictionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatchPredictionRounded', {
+Object.defineProperty(exports, "BatchPredictionRounded", {
   enumerable: true,
   get: function () {
     return _BatchPredictionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatchPredictionSharp', {
+Object.defineProperty(exports, "BatchPredictionSharp", {
   enumerable: true,
   get: function () {
     return _BatchPredictionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatchPredictionTwoTone', {
+Object.defineProperty(exports, "BatchPredictionTwoTone", {
   enumerable: true,
   get: function () {
     return _BatchPredictionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Bathroom', {
+Object.defineProperty(exports, "Bathroom", {
   enumerable: true,
   get: function () {
     return _Bathroom.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BathroomOutlined', {
+Object.defineProperty(exports, "BathroomOutlined", {
   enumerable: true,
   get: function () {
     return _BathroomOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BathroomRounded', {
+Object.defineProperty(exports, "BathroomRounded", {
   enumerable: true,
   get: function () {
     return _BathroomRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BathroomSharp', {
+Object.defineProperty(exports, "BathroomSharp", {
   enumerable: true,
   get: function () {
     return _BathroomSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BathroomTwoTone', {
+Object.defineProperty(exports, "BathroomTwoTone", {
   enumerable: true,
   get: function () {
     return _BathroomTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Bathtub', {
+Object.defineProperty(exports, "Bathtub", {
   enumerable: true,
   get: function () {
     return _Bathtub.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BathtubOutlined', {
+Object.defineProperty(exports, "BathtubOutlined", {
   enumerable: true,
   get: function () {
     return _BathtubOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BathtubRounded', {
+Object.defineProperty(exports, "BathtubRounded", {
   enumerable: true,
   get: function () {
     return _BathtubRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BathtubSharp', {
+Object.defineProperty(exports, "BathtubSharp", {
   enumerable: true,
   get: function () {
     return _BathtubSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BathtubTwoTone', {
+Object.defineProperty(exports, "BathtubTwoTone", {
   enumerable: true,
   get: function () {
     return _BathtubTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery0Bar', {
+Object.defineProperty(exports, "Battery0Bar", {
   enumerable: true,
   get: function () {
     return _Battery0Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery0BarOutlined', {
+Object.defineProperty(exports, "Battery0BarOutlined", {
   enumerable: true,
   get: function () {
     return _Battery0BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery0BarRounded', {
+Object.defineProperty(exports, "Battery0BarRounded", {
   enumerable: true,
   get: function () {
     return _Battery0BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery0BarSharp', {
+Object.defineProperty(exports, "Battery0BarSharp", {
   enumerable: true,
   get: function () {
     return _Battery0BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery0BarTwoTone', {
+Object.defineProperty(exports, "Battery0BarTwoTone", {
   enumerable: true,
   get: function () {
     return _Battery0BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery1Bar', {
+Object.defineProperty(exports, "Battery1Bar", {
   enumerable: true,
   get: function () {
     return _Battery1Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery1BarOutlined', {
+Object.defineProperty(exports, "Battery1BarOutlined", {
   enumerable: true,
   get: function () {
     return _Battery1BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery1BarRounded', {
+Object.defineProperty(exports, "Battery1BarRounded", {
   enumerable: true,
   get: function () {
     return _Battery1BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery1BarSharp', {
+Object.defineProperty(exports, "Battery1BarSharp", {
   enumerable: true,
   get: function () {
     return _Battery1BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery1BarTwoTone', {
+Object.defineProperty(exports, "Battery1BarTwoTone", {
   enumerable: true,
   get: function () {
     return _Battery1BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery20', {
+Object.defineProperty(exports, "Battery20", {
   enumerable: true,
   get: function () {
     return _Battery.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery20Outlined', {
+Object.defineProperty(exports, "Battery20Outlined", {
   enumerable: true,
   get: function () {
     return _Battery20Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery20Rounded', {
+Object.defineProperty(exports, "Battery20Rounded", {
   enumerable: true,
   get: function () {
     return _Battery20Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery20Sharp', {
+Object.defineProperty(exports, "Battery20Sharp", {
   enumerable: true,
   get: function () {
     return _Battery20Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery20TwoTone', {
+Object.defineProperty(exports, "Battery20TwoTone", {
   enumerable: true,
   get: function () {
     return _Battery20TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery2Bar', {
+Object.defineProperty(exports, "Battery2Bar", {
   enumerable: true,
   get: function () {
     return _Battery2Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery2BarOutlined', {
+Object.defineProperty(exports, "Battery2BarOutlined", {
   enumerable: true,
   get: function () {
     return _Battery2BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery2BarRounded', {
+Object.defineProperty(exports, "Battery2BarRounded", {
   enumerable: true,
   get: function () {
     return _Battery2BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery2BarSharp', {
+Object.defineProperty(exports, "Battery2BarSharp", {
   enumerable: true,
   get: function () {
     return _Battery2BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery2BarTwoTone', {
+Object.defineProperty(exports, "Battery2BarTwoTone", {
   enumerable: true,
   get: function () {
     return _Battery2BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery30', {
+Object.defineProperty(exports, "Battery30", {
   enumerable: true,
   get: function () {
     return _Battery2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery30Outlined', {
+Object.defineProperty(exports, "Battery30Outlined", {
   enumerable: true,
   get: function () {
     return _Battery30Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery30Rounded', {
+Object.defineProperty(exports, "Battery30Rounded", {
   enumerable: true,
   get: function () {
     return _Battery30Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery30Sharp', {
+Object.defineProperty(exports, "Battery30Sharp", {
   enumerable: true,
   get: function () {
     return _Battery30Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery30TwoTone', {
+Object.defineProperty(exports, "Battery30TwoTone", {
   enumerable: true,
   get: function () {
     return _Battery30TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery3Bar', {
+Object.defineProperty(exports, "Battery3Bar", {
   enumerable: true,
   get: function () {
     return _Battery3Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery3BarOutlined', {
+Object.defineProperty(exports, "Battery3BarOutlined", {
   enumerable: true,
   get: function () {
     return _Battery3BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery3BarRounded', {
+Object.defineProperty(exports, "Battery3BarRounded", {
   enumerable: true,
   get: function () {
     return _Battery3BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery3BarSharp', {
+Object.defineProperty(exports, "Battery3BarSharp", {
   enumerable: true,
   get: function () {
     return _Battery3BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery3BarTwoTone', {
+Object.defineProperty(exports, "Battery3BarTwoTone", {
   enumerable: true,
   get: function () {
     return _Battery3BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery4Bar', {
+Object.defineProperty(exports, "Battery4Bar", {
   enumerable: true,
   get: function () {
     return _Battery4Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery4BarOutlined', {
+Object.defineProperty(exports, "Battery4BarOutlined", {
   enumerable: true,
   get: function () {
     return _Battery4BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery4BarRounded', {
+Object.defineProperty(exports, "Battery4BarRounded", {
   enumerable: true,
   get: function () {
     return _Battery4BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery4BarSharp', {
+Object.defineProperty(exports, "Battery4BarSharp", {
   enumerable: true,
   get: function () {
     return _Battery4BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery4BarTwoTone', {
+Object.defineProperty(exports, "Battery4BarTwoTone", {
   enumerable: true,
   get: function () {
     return _Battery4BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery50', {
+Object.defineProperty(exports, "Battery50", {
   enumerable: true,
   get: function () {
     return _Battery3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery50Outlined', {
+Object.defineProperty(exports, "Battery50Outlined", {
   enumerable: true,
   get: function () {
     return _Battery50Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery50Rounded', {
+Object.defineProperty(exports, "Battery50Rounded", {
   enumerable: true,
   get: function () {
     return _Battery50Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery50Sharp', {
+Object.defineProperty(exports, "Battery50Sharp", {
   enumerable: true,
   get: function () {
     return _Battery50Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery50TwoTone', {
+Object.defineProperty(exports, "Battery50TwoTone", {
   enumerable: true,
   get: function () {
     return _Battery50TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery5Bar', {
+Object.defineProperty(exports, "Battery5Bar", {
   enumerable: true,
   get: function () {
     return _Battery5Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery5BarOutlined', {
+Object.defineProperty(exports, "Battery5BarOutlined", {
   enumerable: true,
   get: function () {
     return _Battery5BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery5BarRounded', {
+Object.defineProperty(exports, "Battery5BarRounded", {
   enumerable: true,
   get: function () {
     return _Battery5BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery5BarSharp', {
+Object.defineProperty(exports, "Battery5BarSharp", {
   enumerable: true,
   get: function () {
     return _Battery5BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery5BarTwoTone', {
+Object.defineProperty(exports, "Battery5BarTwoTone", {
   enumerable: true,
   get: function () {
     return _Battery5BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery60', {
+Object.defineProperty(exports, "Battery60", {
   enumerable: true,
   get: function () {
     return _Battery4.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery60Outlined', {
+Object.defineProperty(exports, "Battery60Outlined", {
   enumerable: true,
   get: function () {
     return _Battery60Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery60Rounded', {
+Object.defineProperty(exports, "Battery60Rounded", {
   enumerable: true,
   get: function () {
     return _Battery60Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery60Sharp', {
+Object.defineProperty(exports, "Battery60Sharp", {
   enumerable: true,
   get: function () {
     return _Battery60Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery60TwoTone', {
+Object.defineProperty(exports, "Battery60TwoTone", {
   enumerable: true,
   get: function () {
     return _Battery60TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery6Bar', {
+Object.defineProperty(exports, "Battery6Bar", {
   enumerable: true,
   get: function () {
     return _Battery6Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery6BarOutlined', {
+Object.defineProperty(exports, "Battery6BarOutlined", {
   enumerable: true,
   get: function () {
     return _Battery6BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery6BarRounded', {
+Object.defineProperty(exports, "Battery6BarRounded", {
   enumerable: true,
   get: function () {
     return _Battery6BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery6BarSharp', {
+Object.defineProperty(exports, "Battery6BarSharp", {
   enumerable: true,
   get: function () {
     return _Battery6BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery6BarTwoTone', {
+Object.defineProperty(exports, "Battery6BarTwoTone", {
   enumerable: true,
   get: function () {
     return _Battery6BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery80', {
+Object.defineProperty(exports, "Battery80", {
   enumerable: true,
   get: function () {
     return _Battery5.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery80Outlined', {
+Object.defineProperty(exports, "Battery80Outlined", {
   enumerable: true,
   get: function () {
     return _Battery80Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery80Rounded', {
+Object.defineProperty(exports, "Battery80Rounded", {
   enumerable: true,
   get: function () {
     return _Battery80Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery80Sharp', {
+Object.defineProperty(exports, "Battery80Sharp", {
   enumerable: true,
   get: function () {
     return _Battery80Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery80TwoTone', {
+Object.defineProperty(exports, "Battery80TwoTone", {
   enumerable: true,
   get: function () {
     return _Battery80TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery90', {
+Object.defineProperty(exports, "Battery90", {
   enumerable: true,
   get: function () {
     return _Battery6.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery90Outlined', {
+Object.defineProperty(exports, "Battery90Outlined", {
   enumerable: true,
   get: function () {
     return _Battery90Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery90Rounded', {
+Object.defineProperty(exports, "Battery90Rounded", {
   enumerable: true,
   get: function () {
     return _Battery90Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery90Sharp', {
+Object.defineProperty(exports, "Battery90Sharp", {
   enumerable: true,
   get: function () {
     return _Battery90Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Battery90TwoTone', {
+Object.defineProperty(exports, "Battery90TwoTone", {
   enumerable: true,
   get: function () {
     return _Battery90TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryAlert', {
+Object.defineProperty(exports, "BatteryAlert", {
   enumerable: true,
   get: function () {
     return _BatteryAlert.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryAlertOutlined', {
+Object.defineProperty(exports, "BatteryAlertOutlined", {
   enumerable: true,
   get: function () {
     return _BatteryAlertOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryAlertRounded', {
+Object.defineProperty(exports, "BatteryAlertRounded", {
   enumerable: true,
   get: function () {
     return _BatteryAlertRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryAlertSharp', {
+Object.defineProperty(exports, "BatteryAlertSharp", {
   enumerable: true,
   get: function () {
     return _BatteryAlertSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryAlertTwoTone', {
+Object.defineProperty(exports, "BatteryAlertTwoTone", {
   enumerable: true,
   get: function () {
     return _BatteryAlertTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging20', {
+Object.defineProperty(exports, "BatteryCharging20", {
   enumerable: true,
   get: function () {
     return _BatteryCharging.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging20Outlined', {
+Object.defineProperty(exports, "BatteryCharging20Outlined", {
   enumerable: true,
   get: function () {
     return _BatteryCharging20Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging20Rounded', {
+Object.defineProperty(exports, "BatteryCharging20Rounded", {
   enumerable: true,
   get: function () {
     return _BatteryCharging20Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging20Sharp', {
+Object.defineProperty(exports, "BatteryCharging20Sharp", {
   enumerable: true,
   get: function () {
     return _BatteryCharging20Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging20TwoTone', {
+Object.defineProperty(exports, "BatteryCharging20TwoTone", {
   enumerable: true,
   get: function () {
     return _BatteryCharging20TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging30', {
+Object.defineProperty(exports, "BatteryCharging30", {
   enumerable: true,
   get: function () {
     return _BatteryCharging2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging30Outlined', {
+Object.defineProperty(exports, "BatteryCharging30Outlined", {
   enumerable: true,
   get: function () {
     return _BatteryCharging30Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging30Rounded', {
+Object.defineProperty(exports, "BatteryCharging30Rounded", {
   enumerable: true,
   get: function () {
     return _BatteryCharging30Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging30Sharp', {
+Object.defineProperty(exports, "BatteryCharging30Sharp", {
   enumerable: true,
   get: function () {
     return _BatteryCharging30Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging30TwoTone', {
+Object.defineProperty(exports, "BatteryCharging30TwoTone", {
   enumerable: true,
   get: function () {
     return _BatteryCharging30TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging50', {
+Object.defineProperty(exports, "BatteryCharging50", {
   enumerable: true,
   get: function () {
     return _BatteryCharging3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging50Outlined', {
+Object.defineProperty(exports, "BatteryCharging50Outlined", {
   enumerable: true,
   get: function () {
     return _BatteryCharging50Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging50Rounded', {
+Object.defineProperty(exports, "BatteryCharging50Rounded", {
   enumerable: true,
   get: function () {
     return _BatteryCharging50Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging50Sharp', {
+Object.defineProperty(exports, "BatteryCharging50Sharp", {
   enumerable: true,
   get: function () {
     return _BatteryCharging50Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging50TwoTone', {
+Object.defineProperty(exports, "BatteryCharging50TwoTone", {
   enumerable: true,
   get: function () {
     return _BatteryCharging50TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging60', {
+Object.defineProperty(exports, "BatteryCharging60", {
   enumerable: true,
   get: function () {
     return _BatteryCharging4.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging60Outlined', {
+Object.defineProperty(exports, "BatteryCharging60Outlined", {
   enumerable: true,
   get: function () {
     return _BatteryCharging60Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging60Rounded', {
+Object.defineProperty(exports, "BatteryCharging60Rounded", {
   enumerable: true,
   get: function () {
     return _BatteryCharging60Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging60Sharp', {
+Object.defineProperty(exports, "BatteryCharging60Sharp", {
   enumerable: true,
   get: function () {
     return _BatteryCharging60Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging60TwoTone', {
+Object.defineProperty(exports, "BatteryCharging60TwoTone", {
   enumerable: true,
   get: function () {
     return _BatteryCharging60TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging80', {
+Object.defineProperty(exports, "BatteryCharging80", {
   enumerable: true,
   get: function () {
     return _BatteryCharging5.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging80Outlined', {
+Object.defineProperty(exports, "BatteryCharging80Outlined", {
   enumerable: true,
   get: function () {
     return _BatteryCharging80Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging80Rounded', {
+Object.defineProperty(exports, "BatteryCharging80Rounded", {
   enumerable: true,
   get: function () {
     return _BatteryCharging80Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging80Sharp', {
+Object.defineProperty(exports, "BatteryCharging80Sharp", {
   enumerable: true,
   get: function () {
     return _BatteryCharging80Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging80TwoTone', {
+Object.defineProperty(exports, "BatteryCharging80TwoTone", {
   enumerable: true,
   get: function () {
     return _BatteryCharging80TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging90', {
+Object.defineProperty(exports, "BatteryCharging90", {
   enumerable: true,
   get: function () {
     return _BatteryCharging6.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging90Outlined', {
+Object.defineProperty(exports, "BatteryCharging90Outlined", {
   enumerable: true,
   get: function () {
     return _BatteryCharging90Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging90Rounded', {
+Object.defineProperty(exports, "BatteryCharging90Rounded", {
   enumerable: true,
   get: function () {
     return _BatteryCharging90Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging90Sharp', {
+Object.defineProperty(exports, "BatteryCharging90Sharp", {
   enumerable: true,
   get: function () {
     return _BatteryCharging90Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryCharging90TwoTone', {
+Object.defineProperty(exports, "BatteryCharging90TwoTone", {
   enumerable: true,
   get: function () {
     return _BatteryCharging90TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryChargingFull', {
+Object.defineProperty(exports, "BatteryChargingFull", {
   enumerable: true,
   get: function () {
     return _BatteryChargingFull.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryChargingFullOutlined', {
+Object.defineProperty(exports, "BatteryChargingFullOutlined", {
   enumerable: true,
   get: function () {
     return _BatteryChargingFullOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryChargingFullRounded', {
+Object.defineProperty(exports, "BatteryChargingFullRounded", {
   enumerable: true,
   get: function () {
     return _BatteryChargingFullRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryChargingFullSharp', {
+Object.defineProperty(exports, "BatteryChargingFullSharp", {
   enumerable: true,
   get: function () {
     return _BatteryChargingFullSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryChargingFullTwoTone', {
+Object.defineProperty(exports, "BatteryChargingFullTwoTone", {
   enumerable: true,
   get: function () {
     return _BatteryChargingFullTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryFull', {
+Object.defineProperty(exports, "BatteryFull", {
   enumerable: true,
   get: function () {
     return _BatteryFull.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryFullOutlined', {
+Object.defineProperty(exports, "BatteryFullOutlined", {
   enumerable: true,
   get: function () {
     return _BatteryFullOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryFullRounded', {
+Object.defineProperty(exports, "BatteryFullRounded", {
   enumerable: true,
   get: function () {
     return _BatteryFullRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryFullSharp', {
+Object.defineProperty(exports, "BatteryFullSharp", {
   enumerable: true,
   get: function () {
     return _BatteryFullSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryFullTwoTone', {
+Object.defineProperty(exports, "BatteryFullTwoTone", {
   enumerable: true,
   get: function () {
     return _BatteryFullTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatterySaver', {
+Object.defineProperty(exports, "BatterySaver", {
   enumerable: true,
   get: function () {
     return _BatterySaver.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatterySaverOutlined', {
+Object.defineProperty(exports, "BatterySaverOutlined", {
   enumerable: true,
   get: function () {
     return _BatterySaverOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatterySaverRounded', {
+Object.defineProperty(exports, "BatterySaverRounded", {
   enumerable: true,
   get: function () {
     return _BatterySaverRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatterySaverSharp', {
+Object.defineProperty(exports, "BatterySaverSharp", {
   enumerable: true,
   get: function () {
     return _BatterySaverSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatterySaverTwoTone', {
+Object.defineProperty(exports, "BatterySaverTwoTone", {
   enumerable: true,
   get: function () {
     return _BatterySaverTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryStd', {
+Object.defineProperty(exports, "BatteryStd", {
   enumerable: true,
   get: function () {
     return _BatteryStd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryStdOutlined', {
+Object.defineProperty(exports, "BatteryStdOutlined", {
   enumerable: true,
   get: function () {
     return _BatteryStdOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryStdRounded', {
+Object.defineProperty(exports, "BatteryStdRounded", {
   enumerable: true,
   get: function () {
     return _BatteryStdRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryStdSharp', {
+Object.defineProperty(exports, "BatteryStdSharp", {
   enumerable: true,
   get: function () {
     return _BatteryStdSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryStdTwoTone', {
+Object.defineProperty(exports, "BatteryStdTwoTone", {
   enumerable: true,
   get: function () {
     return _BatteryStdTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryUnknown', {
+Object.defineProperty(exports, "BatteryUnknown", {
   enumerable: true,
   get: function () {
     return _BatteryUnknown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryUnknownOutlined', {
+Object.defineProperty(exports, "BatteryUnknownOutlined", {
   enumerable: true,
   get: function () {
     return _BatteryUnknownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryUnknownRounded', {
+Object.defineProperty(exports, "BatteryUnknownRounded", {
   enumerable: true,
   get: function () {
     return _BatteryUnknownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryUnknownSharp', {
+Object.defineProperty(exports, "BatteryUnknownSharp", {
   enumerable: true,
   get: function () {
     return _BatteryUnknownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BatteryUnknownTwoTone', {
+Object.defineProperty(exports, "BatteryUnknownTwoTone", {
   enumerable: true,
   get: function () {
     return _BatteryUnknownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BeachAccess', {
+Object.defineProperty(exports, "BeachAccess", {
   enumerable: true,
   get: function () {
     return _BeachAccess.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BeachAccessOutlined', {
+Object.defineProperty(exports, "BeachAccessOutlined", {
   enumerable: true,
   get: function () {
     return _BeachAccessOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BeachAccessRounded', {
+Object.defineProperty(exports, "BeachAccessRounded", {
   enumerable: true,
   get: function () {
     return _BeachAccessRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BeachAccessSharp', {
+Object.defineProperty(exports, "BeachAccessSharp", {
   enumerable: true,
   get: function () {
     return _BeachAccessSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BeachAccessTwoTone', {
+Object.defineProperty(exports, "BeachAccessTwoTone", {
   enumerable: true,
   get: function () {
     return _BeachAccessTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Bed', {
+Object.defineProperty(exports, "Bed", {
   enumerable: true,
   get: function () {
     return _Bed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedOutlined', {
+Object.defineProperty(exports, "BedOutlined", {
   enumerable: true,
   get: function () {
     return _BedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedRounded', {
+Object.defineProperty(exports, "BedRounded", {
   enumerable: true,
   get: function () {
     return _BedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedSharp', {
+Object.defineProperty(exports, "BedSharp", {
   enumerable: true,
   get: function () {
     return _BedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedTwoTone', {
+Object.defineProperty(exports, "BedTwoTone", {
   enumerable: true,
   get: function () {
     return _BedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomBaby', {
+Object.defineProperty(exports, "BedroomBaby", {
   enumerable: true,
   get: function () {
     return _BedroomBaby.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomBabyOutlined', {
+Object.defineProperty(exports, "BedroomBabyOutlined", {
   enumerable: true,
   get: function () {
     return _BedroomBabyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomBabyRounded', {
+Object.defineProperty(exports, "BedroomBabyRounded", {
   enumerable: true,
   get: function () {
     return _BedroomBabyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomBabySharp', {
+Object.defineProperty(exports, "BedroomBabySharp", {
   enumerable: true,
   get: function () {
     return _BedroomBabySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomBabyTwoTone', {
+Object.defineProperty(exports, "BedroomBabyTwoTone", {
   enumerable: true,
   get: function () {
     return _BedroomBabyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomChild', {
+Object.defineProperty(exports, "BedroomChild", {
   enumerable: true,
   get: function () {
     return _BedroomChild.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomChildOutlined', {
+Object.defineProperty(exports, "BedroomChildOutlined", {
   enumerable: true,
   get: function () {
     return _BedroomChildOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomChildRounded', {
+Object.defineProperty(exports, "BedroomChildRounded", {
   enumerable: true,
   get: function () {
     return _BedroomChildRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomChildSharp', {
+Object.defineProperty(exports, "BedroomChildSharp", {
   enumerable: true,
   get: function () {
     return _BedroomChildSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomChildTwoTone', {
+Object.defineProperty(exports, "BedroomChildTwoTone", {
   enumerable: true,
   get: function () {
     return _BedroomChildTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomParent', {
+Object.defineProperty(exports, "BedroomParent", {
   enumerable: true,
   get: function () {
     return _BedroomParent.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomParentOutlined', {
+Object.defineProperty(exports, "BedroomParentOutlined", {
   enumerable: true,
   get: function () {
     return _BedroomParentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomParentRounded', {
+Object.defineProperty(exports, "BedroomParentRounded", {
   enumerable: true,
   get: function () {
     return _BedroomParentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomParentSharp', {
+Object.defineProperty(exports, "BedroomParentSharp", {
   enumerable: true,
   get: function () {
     return _BedroomParentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedroomParentTwoTone', {
+Object.defineProperty(exports, "BedroomParentTwoTone", {
   enumerable: true,
   get: function () {
     return _BedroomParentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Bedtime', {
+Object.defineProperty(exports, "Bedtime", {
   enumerable: true,
   get: function () {
     return _Bedtime.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedtimeOff', {
+Object.defineProperty(exports, "BedtimeOff", {
   enumerable: true,
   get: function () {
     return _BedtimeOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedtimeOffOutlined', {
+Object.defineProperty(exports, "BedtimeOffOutlined", {
   enumerable: true,
   get: function () {
     return _BedtimeOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedtimeOffRounded', {
+Object.defineProperty(exports, "BedtimeOffRounded", {
   enumerable: true,
   get: function () {
     return _BedtimeOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedtimeOffSharp', {
+Object.defineProperty(exports, "BedtimeOffSharp", {
   enumerable: true,
   get: function () {
     return _BedtimeOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedtimeOffTwoTone', {
+Object.defineProperty(exports, "BedtimeOffTwoTone", {
   enumerable: true,
   get: function () {
     return _BedtimeOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedtimeOutlined', {
+Object.defineProperty(exports, "BedtimeOutlined", {
   enumerable: true,
   get: function () {
     return _BedtimeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedtimeRounded', {
+Object.defineProperty(exports, "BedtimeRounded", {
   enumerable: true,
   get: function () {
     return _BedtimeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedtimeSharp', {
+Object.defineProperty(exports, "BedtimeSharp", {
   enumerable: true,
   get: function () {
     return _BedtimeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BedtimeTwoTone', {
+Object.defineProperty(exports, "BedtimeTwoTone", {
   enumerable: true,
   get: function () {
     return _BedtimeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Beenhere', {
+Object.defineProperty(exports, "Beenhere", {
   enumerable: true,
   get: function () {
     return _Beenhere.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BeenhereOutlined', {
+Object.defineProperty(exports, "BeenhereOutlined", {
   enumerable: true,
   get: function () {
     return _BeenhereOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BeenhereRounded', {
+Object.defineProperty(exports, "BeenhereRounded", {
   enumerable: true,
   get: function () {
     return _BeenhereRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BeenhereSharp', {
+Object.defineProperty(exports, "BeenhereSharp", {
   enumerable: true,
   get: function () {
     return _BeenhereSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BeenhereTwoTone', {
+Object.defineProperty(exports, "BeenhereTwoTone", {
   enumerable: true,
   get: function () {
     return _BeenhereTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Bento', {
+Object.defineProperty(exports, "Bento", {
   enumerable: true,
   get: function () {
     return _Bento.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BentoOutlined', {
+Object.defineProperty(exports, "BentoOutlined", {
   enumerable: true,
   get: function () {
     return _BentoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BentoRounded', {
+Object.defineProperty(exports, "BentoRounded", {
   enumerable: true,
   get: function () {
     return _BentoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BentoSharp', {
+Object.defineProperty(exports, "BentoSharp", {
   enumerable: true,
   get: function () {
     return _BentoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BentoTwoTone', {
+Object.defineProperty(exports, "BentoTwoTone", {
   enumerable: true,
   get: function () {
     return _BentoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BikeScooter', {
+Object.defineProperty(exports, "BikeScooter", {
   enumerable: true,
   get: function () {
     return _BikeScooter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BikeScooterOutlined', {
+Object.defineProperty(exports, "BikeScooterOutlined", {
   enumerable: true,
   get: function () {
     return _BikeScooterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BikeScooterRounded', {
+Object.defineProperty(exports, "BikeScooterRounded", {
   enumerable: true,
   get: function () {
     return _BikeScooterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BikeScooterSharp', {
+Object.defineProperty(exports, "BikeScooterSharp", {
   enumerable: true,
   get: function () {
     return _BikeScooterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BikeScooterTwoTone', {
+Object.defineProperty(exports, "BikeScooterTwoTone", {
   enumerable: true,
   get: function () {
     return _BikeScooterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Biotech', {
+Object.defineProperty(exports, "Biotech", {
   enumerable: true,
   get: function () {
     return _Biotech.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BiotechOutlined', {
+Object.defineProperty(exports, "BiotechOutlined", {
   enumerable: true,
   get: function () {
     return _BiotechOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BiotechRounded', {
+Object.defineProperty(exports, "BiotechRounded", {
   enumerable: true,
   get: function () {
     return _BiotechRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BiotechSharp', {
+Object.defineProperty(exports, "BiotechSharp", {
   enumerable: true,
   get: function () {
     return _BiotechSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BiotechTwoTone', {
+Object.defineProperty(exports, "BiotechTwoTone", {
   enumerable: true,
   get: function () {
     return _BiotechTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Blender', {
+Object.defineProperty(exports, "Blender", {
   enumerable: true,
   get: function () {
     return _Blender.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlenderOutlined', {
+Object.defineProperty(exports, "BlenderOutlined", {
   enumerable: true,
   get: function () {
     return _BlenderOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlenderRounded', {
+Object.defineProperty(exports, "BlenderRounded", {
   enumerable: true,
   get: function () {
     return _BlenderRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlenderSharp', {
+Object.defineProperty(exports, "BlenderSharp", {
   enumerable: true,
   get: function () {
     return _BlenderSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlenderTwoTone', {
+Object.defineProperty(exports, "BlenderTwoTone", {
   enumerable: true,
   get: function () {
     return _BlenderTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Blind', {
+Object.defineProperty(exports, "Blind", {
   enumerable: true,
   get: function () {
     return _Blind.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindOutlined', {
+Object.defineProperty(exports, "BlindOutlined", {
   enumerable: true,
   get: function () {
     return _BlindOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindRounded', {
+Object.defineProperty(exports, "BlindRounded", {
   enumerable: true,
   get: function () {
     return _BlindRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindSharp', {
+Object.defineProperty(exports, "BlindSharp", {
   enumerable: true,
   get: function () {
     return _BlindSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindTwoTone', {
+Object.defineProperty(exports, "BlindTwoTone", {
   enumerable: true,
   get: function () {
     return _BlindTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Blinds', {
+Object.defineProperty(exports, "Blinds", {
   enumerable: true,
   get: function () {
     return _Blinds.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindsClosed', {
+Object.defineProperty(exports, "BlindsClosed", {
   enumerable: true,
   get: function () {
     return _BlindsClosed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindsClosedOutlined', {
+Object.defineProperty(exports, "BlindsClosedOutlined", {
   enumerable: true,
   get: function () {
     return _BlindsClosedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindsClosedRounded', {
+Object.defineProperty(exports, "BlindsClosedRounded", {
   enumerable: true,
   get: function () {
     return _BlindsClosedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindsClosedSharp', {
+Object.defineProperty(exports, "BlindsClosedSharp", {
   enumerable: true,
   get: function () {
     return _BlindsClosedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindsClosedTwoTone', {
+Object.defineProperty(exports, "BlindsClosedTwoTone", {
   enumerable: true,
   get: function () {
     return _BlindsClosedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindsOutlined', {
+Object.defineProperty(exports, "BlindsOutlined", {
   enumerable: true,
   get: function () {
     return _BlindsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindsRounded', {
+Object.defineProperty(exports, "BlindsRounded", {
   enumerable: true,
   get: function () {
     return _BlindsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindsSharp', {
+Object.defineProperty(exports, "BlindsSharp", {
   enumerable: true,
   get: function () {
     return _BlindsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlindsTwoTone', {
+Object.defineProperty(exports, "BlindsTwoTone", {
   enumerable: true,
   get: function () {
     return _BlindsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Block', {
+Object.defineProperty(exports, "Block", {
   enumerable: true,
   get: function () {
     return _Block.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlockOutlined', {
+Object.defineProperty(exports, "BlockOutlined", {
   enumerable: true,
   get: function () {
     return _BlockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlockRounded', {
+Object.defineProperty(exports, "BlockRounded", {
   enumerable: true,
   get: function () {
     return _BlockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlockSharp', {
+Object.defineProperty(exports, "BlockSharp", {
   enumerable: true,
   get: function () {
     return _BlockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlockTwoTone', {
+Object.defineProperty(exports, "BlockTwoTone", {
   enumerable: true,
   get: function () {
     return _BlockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Bloodtype', {
+Object.defineProperty(exports, "Bloodtype", {
   enumerable: true,
   get: function () {
     return _Bloodtype.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BloodtypeOutlined', {
+Object.defineProperty(exports, "BloodtypeOutlined", {
   enumerable: true,
   get: function () {
     return _BloodtypeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BloodtypeRounded', {
+Object.defineProperty(exports, "BloodtypeRounded", {
   enumerable: true,
   get: function () {
     return _BloodtypeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BloodtypeSharp', {
+Object.defineProperty(exports, "BloodtypeSharp", {
   enumerable: true,
   get: function () {
     return _BloodtypeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BloodtypeTwoTone', {
+Object.defineProperty(exports, "BloodtypeTwoTone", {
   enumerable: true,
   get: function () {
     return _BloodtypeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Bluetooth', {
+Object.defineProperty(exports, "Bluetooth", {
   enumerable: true,
   get: function () {
     return _Bluetooth.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothAudio', {
+Object.defineProperty(exports, "BluetoothAudio", {
   enumerable: true,
   get: function () {
     return _BluetoothAudio.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothAudioOutlined', {
+Object.defineProperty(exports, "BluetoothAudioOutlined", {
   enumerable: true,
   get: function () {
     return _BluetoothAudioOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothAudioRounded', {
+Object.defineProperty(exports, "BluetoothAudioRounded", {
   enumerable: true,
   get: function () {
     return _BluetoothAudioRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothAudioSharp', {
+Object.defineProperty(exports, "BluetoothAudioSharp", {
   enumerable: true,
   get: function () {
     return _BluetoothAudioSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothAudioTwoTone', {
+Object.defineProperty(exports, "BluetoothAudioTwoTone", {
   enumerable: true,
   get: function () {
     return _BluetoothAudioTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothConnected', {
+Object.defineProperty(exports, "BluetoothConnected", {
   enumerable: true,
   get: function () {
     return _BluetoothConnected.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothConnectedOutlined', {
+Object.defineProperty(exports, "BluetoothConnectedOutlined", {
   enumerable: true,
   get: function () {
     return _BluetoothConnectedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothConnectedRounded', {
+Object.defineProperty(exports, "BluetoothConnectedRounded", {
   enumerable: true,
   get: function () {
     return _BluetoothConnectedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothConnectedSharp', {
+Object.defineProperty(exports, "BluetoothConnectedSharp", {
   enumerable: true,
   get: function () {
     return _BluetoothConnectedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothConnectedTwoTone', {
+Object.defineProperty(exports, "BluetoothConnectedTwoTone", {
   enumerable: true,
   get: function () {
     return _BluetoothConnectedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothDisabled', {
+Object.defineProperty(exports, "BluetoothDisabled", {
   enumerable: true,
   get: function () {
     return _BluetoothDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothDisabledOutlined', {
+Object.defineProperty(exports, "BluetoothDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _BluetoothDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothDisabledRounded', {
+Object.defineProperty(exports, "BluetoothDisabledRounded", {
   enumerable: true,
   get: function () {
     return _BluetoothDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothDisabledSharp', {
+Object.defineProperty(exports, "BluetoothDisabledSharp", {
   enumerable: true,
   get: function () {
     return _BluetoothDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothDisabledTwoTone', {
+Object.defineProperty(exports, "BluetoothDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _BluetoothDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothDrive', {
+Object.defineProperty(exports, "BluetoothDrive", {
   enumerable: true,
   get: function () {
     return _BluetoothDrive.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothDriveOutlined', {
+Object.defineProperty(exports, "BluetoothDriveOutlined", {
   enumerable: true,
   get: function () {
     return _BluetoothDriveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothDriveRounded', {
+Object.defineProperty(exports, "BluetoothDriveRounded", {
   enumerable: true,
   get: function () {
     return _BluetoothDriveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothDriveSharp', {
+Object.defineProperty(exports, "BluetoothDriveSharp", {
   enumerable: true,
   get: function () {
     return _BluetoothDriveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothDriveTwoTone', {
+Object.defineProperty(exports, "BluetoothDriveTwoTone", {
   enumerable: true,
   get: function () {
     return _BluetoothDriveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothOutlined', {
+Object.defineProperty(exports, "BluetoothOutlined", {
   enumerable: true,
   get: function () {
     return _BluetoothOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothRounded', {
+Object.defineProperty(exports, "BluetoothRounded", {
   enumerable: true,
   get: function () {
     return _BluetoothRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothSearching', {
+Object.defineProperty(exports, "BluetoothSearching", {
   enumerable: true,
   get: function () {
     return _BluetoothSearching.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothSearchingOutlined', {
+Object.defineProperty(exports, "BluetoothSearchingOutlined", {
   enumerable: true,
   get: function () {
     return _BluetoothSearchingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothSearchingRounded', {
+Object.defineProperty(exports, "BluetoothSearchingRounded", {
   enumerable: true,
   get: function () {
     return _BluetoothSearchingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothSearchingSharp', {
+Object.defineProperty(exports, "BluetoothSearchingSharp", {
   enumerable: true,
   get: function () {
     return _BluetoothSearchingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothSearchingTwoTone', {
+Object.defineProperty(exports, "BluetoothSearchingTwoTone", {
   enumerable: true,
   get: function () {
     return _BluetoothSearchingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothSharp', {
+Object.defineProperty(exports, "BluetoothSharp", {
   enumerable: true,
   get: function () {
     return _BluetoothSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BluetoothTwoTone', {
+Object.defineProperty(exports, "BluetoothTwoTone", {
   enumerable: true,
   get: function () {
     return _BluetoothTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurCircular', {
+Object.defineProperty(exports, "BlurCircular", {
   enumerable: true,
   get: function () {
     return _BlurCircular.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurCircularOutlined', {
+Object.defineProperty(exports, "BlurCircularOutlined", {
   enumerable: true,
   get: function () {
     return _BlurCircularOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurCircularRounded', {
+Object.defineProperty(exports, "BlurCircularRounded", {
   enumerable: true,
   get: function () {
     return _BlurCircularRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurCircularSharp', {
+Object.defineProperty(exports, "BlurCircularSharp", {
   enumerable: true,
   get: function () {
     return _BlurCircularSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurCircularTwoTone', {
+Object.defineProperty(exports, "BlurCircularTwoTone", {
   enumerable: true,
   get: function () {
     return _BlurCircularTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurLinear', {
+Object.defineProperty(exports, "BlurLinear", {
   enumerable: true,
   get: function () {
     return _BlurLinear.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurLinearOutlined', {
+Object.defineProperty(exports, "BlurLinearOutlined", {
   enumerable: true,
   get: function () {
     return _BlurLinearOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurLinearRounded', {
+Object.defineProperty(exports, "BlurLinearRounded", {
   enumerable: true,
   get: function () {
     return _BlurLinearRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurLinearSharp', {
+Object.defineProperty(exports, "BlurLinearSharp", {
   enumerable: true,
   get: function () {
     return _BlurLinearSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurLinearTwoTone', {
+Object.defineProperty(exports, "BlurLinearTwoTone", {
   enumerable: true,
   get: function () {
     return _BlurLinearTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurOff', {
+Object.defineProperty(exports, "BlurOff", {
   enumerable: true,
   get: function () {
     return _BlurOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurOffOutlined', {
+Object.defineProperty(exports, "BlurOffOutlined", {
   enumerable: true,
   get: function () {
     return _BlurOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurOffRounded', {
+Object.defineProperty(exports, "BlurOffRounded", {
   enumerable: true,
   get: function () {
     return _BlurOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurOffSharp', {
+Object.defineProperty(exports, "BlurOffSharp", {
   enumerable: true,
   get: function () {
     return _BlurOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurOffTwoTone', {
+Object.defineProperty(exports, "BlurOffTwoTone", {
   enumerable: true,
   get: function () {
     return _BlurOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurOn', {
+Object.defineProperty(exports, "BlurOn", {
   enumerable: true,
   get: function () {
     return _BlurOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurOnOutlined', {
+Object.defineProperty(exports, "BlurOnOutlined", {
   enumerable: true,
   get: function () {
     return _BlurOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurOnRounded', {
+Object.defineProperty(exports, "BlurOnRounded", {
   enumerable: true,
   get: function () {
     return _BlurOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurOnSharp', {
+Object.defineProperty(exports, "BlurOnSharp", {
   enumerable: true,
   get: function () {
     return _BlurOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BlurOnTwoTone', {
+Object.defineProperty(exports, "BlurOnTwoTone", {
   enumerable: true,
   get: function () {
     return _BlurOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Bolt', {
+Object.defineProperty(exports, "Bolt", {
   enumerable: true,
   get: function () {
     return _Bolt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BoltOutlined', {
+Object.defineProperty(exports, "BoltOutlined", {
   enumerable: true,
   get: function () {
     return _BoltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BoltRounded', {
+Object.defineProperty(exports, "BoltRounded", {
   enumerable: true,
   get: function () {
     return _BoltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BoltSharp', {
+Object.defineProperty(exports, "BoltSharp", {
   enumerable: true,
   get: function () {
     return _BoltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BoltTwoTone', {
+Object.defineProperty(exports, "BoltTwoTone", {
   enumerable: true,
   get: function () {
     return _BoltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Book', {
+Object.defineProperty(exports, "Book", {
   enumerable: true,
   get: function () {
     return _Book.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookOnline', {
+Object.defineProperty(exports, "BookOnline", {
   enumerable: true,
   get: function () {
     return _BookOnline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookOnlineOutlined', {
+Object.defineProperty(exports, "BookOnlineOutlined", {
   enumerable: true,
   get: function () {
     return _BookOnlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookOnlineRounded', {
+Object.defineProperty(exports, "BookOnlineRounded", {
   enumerable: true,
   get: function () {
     return _BookOnlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookOnlineSharp', {
+Object.defineProperty(exports, "BookOnlineSharp", {
   enumerable: true,
   get: function () {
     return _BookOnlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookOnlineTwoTone', {
+Object.defineProperty(exports, "BookOnlineTwoTone", {
   enumerable: true,
   get: function () {
     return _BookOnlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookOutlined', {
+Object.defineProperty(exports, "BookOutlined", {
   enumerable: true,
   get: function () {
     return _BookOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookRounded', {
+Object.defineProperty(exports, "BookRounded", {
   enumerable: true,
   get: function () {
     return _BookRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookSharp', {
+Object.defineProperty(exports, "BookSharp", {
   enumerable: true,
   get: function () {
     return _BookSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookTwoTone', {
+Object.defineProperty(exports, "BookTwoTone", {
   enumerable: true,
   get: function () {
     return _BookTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Bookmark', {
+Object.defineProperty(exports, "Bookmark", {
   enumerable: true,
   get: function () {
     return _Bookmark.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkAdd', {
+Object.defineProperty(exports, "BookmarkAdd", {
   enumerable: true,
   get: function () {
     return _BookmarkAdd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkAddOutlined', {
+Object.defineProperty(exports, "BookmarkAddOutlined", {
   enumerable: true,
   get: function () {
     return _BookmarkAddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkAddRounded', {
+Object.defineProperty(exports, "BookmarkAddRounded", {
   enumerable: true,
   get: function () {
     return _BookmarkAddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkAddSharp', {
+Object.defineProperty(exports, "BookmarkAddSharp", {
   enumerable: true,
   get: function () {
     return _BookmarkAddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkAddTwoTone', {
+Object.defineProperty(exports, "BookmarkAddTwoTone", {
   enumerable: true,
   get: function () {
     return _BookmarkAddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkAdded', {
+Object.defineProperty(exports, "BookmarkAdded", {
   enumerable: true,
   get: function () {
     return _BookmarkAdded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkAddedOutlined', {
+Object.defineProperty(exports, "BookmarkAddedOutlined", {
   enumerable: true,
   get: function () {
     return _BookmarkAddedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkAddedRounded', {
+Object.defineProperty(exports, "BookmarkAddedRounded", {
   enumerable: true,
   get: function () {
     return _BookmarkAddedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkAddedSharp', {
+Object.defineProperty(exports, "BookmarkAddedSharp", {
   enumerable: true,
   get: function () {
     return _BookmarkAddedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkAddedTwoTone', {
+Object.defineProperty(exports, "BookmarkAddedTwoTone", {
   enumerable: true,
   get: function () {
     return _BookmarkAddedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkBorder', {
+Object.defineProperty(exports, "BookmarkBorder", {
   enumerable: true,
   get: function () {
     return _BookmarkBorder.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkBorderOutlined', {
+Object.defineProperty(exports, "BookmarkBorderOutlined", {
   enumerable: true,
   get: function () {
     return _BookmarkBorderOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkBorderRounded', {
+Object.defineProperty(exports, "BookmarkBorderRounded", {
   enumerable: true,
   get: function () {
     return _BookmarkBorderRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkBorderSharp', {
+Object.defineProperty(exports, "BookmarkBorderSharp", {
   enumerable: true,
   get: function () {
     return _BookmarkBorderSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkBorderTwoTone', {
+Object.defineProperty(exports, "BookmarkBorderTwoTone", {
   enumerable: true,
   get: function () {
     return _BookmarkBorderTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkOutlined', {
+Object.defineProperty(exports, "BookmarkOutlined", {
   enumerable: true,
   get: function () {
     return _BookmarkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkRemove', {
+Object.defineProperty(exports, "BookmarkRemove", {
   enumerable: true,
   get: function () {
     return _BookmarkRemove.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkRemoveOutlined', {
+Object.defineProperty(exports, "BookmarkRemoveOutlined", {
   enumerable: true,
   get: function () {
     return _BookmarkRemoveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkRemoveRounded', {
+Object.defineProperty(exports, "BookmarkRemoveRounded", {
   enumerable: true,
   get: function () {
     return _BookmarkRemoveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkRemoveSharp', {
+Object.defineProperty(exports, "BookmarkRemoveSharp", {
   enumerable: true,
   get: function () {
     return _BookmarkRemoveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkRemoveTwoTone', {
+Object.defineProperty(exports, "BookmarkRemoveTwoTone", {
   enumerable: true,
   get: function () {
     return _BookmarkRemoveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkRounded', {
+Object.defineProperty(exports, "BookmarkRounded", {
   enumerable: true,
   get: function () {
     return _BookmarkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkSharp', {
+Object.defineProperty(exports, "BookmarkSharp", {
   enumerable: true,
   get: function () {
     return _BookmarkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarkTwoTone', {
+Object.defineProperty(exports, "BookmarkTwoTone", {
   enumerable: true,
   get: function () {
     return _BookmarkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Bookmarks', {
+Object.defineProperty(exports, "Bookmarks", {
   enumerable: true,
   get: function () {
     return _Bookmarks.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarksOutlined', {
+Object.defineProperty(exports, "BookmarksOutlined", {
   enumerable: true,
   get: function () {
     return _BookmarksOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarksRounded', {
+Object.defineProperty(exports, "BookmarksRounded", {
   enumerable: true,
   get: function () {
     return _BookmarksRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarksSharp', {
+Object.defineProperty(exports, "BookmarksSharp", {
   enumerable: true,
   get: function () {
     return _BookmarksSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BookmarksTwoTone', {
+Object.defineProperty(exports, "BookmarksTwoTone", {
   enumerable: true,
   get: function () {
     return _BookmarksTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderAll', {
+Object.defineProperty(exports, "BorderAll", {
   enumerable: true,
   get: function () {
     return _BorderAll.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderAllOutlined', {
+Object.defineProperty(exports, "BorderAllOutlined", {
   enumerable: true,
   get: function () {
     return _BorderAllOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderAllRounded', {
+Object.defineProperty(exports, "BorderAllRounded", {
   enumerable: true,
   get: function () {
     return _BorderAllRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderAllSharp', {
+Object.defineProperty(exports, "BorderAllSharp", {
   enumerable: true,
   get: function () {
     return _BorderAllSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderAllTwoTone', {
+Object.defineProperty(exports, "BorderAllTwoTone", {
   enumerable: true,
   get: function () {
     return _BorderAllTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderBottom', {
+Object.defineProperty(exports, "BorderBottom", {
   enumerable: true,
   get: function () {
     return _BorderBottom.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderBottomOutlined', {
+Object.defineProperty(exports, "BorderBottomOutlined", {
   enumerable: true,
   get: function () {
     return _BorderBottomOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderBottomRounded', {
+Object.defineProperty(exports, "BorderBottomRounded", {
   enumerable: true,
   get: function () {
     return _BorderBottomRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderBottomSharp', {
+Object.defineProperty(exports, "BorderBottomSharp", {
   enumerable: true,
   get: function () {
     return _BorderBottomSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderBottomTwoTone', {
+Object.defineProperty(exports, "BorderBottomTwoTone", {
   enumerable: true,
   get: function () {
     return _BorderBottomTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderClear', {
+Object.defineProperty(exports, "BorderClear", {
   enumerable: true,
   get: function () {
     return _BorderClear.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderClearOutlined', {
+Object.defineProperty(exports, "BorderClearOutlined", {
   enumerable: true,
   get: function () {
     return _BorderClearOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderClearRounded', {
+Object.defineProperty(exports, "BorderClearRounded", {
   enumerable: true,
   get: function () {
     return _BorderClearRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderClearSharp', {
+Object.defineProperty(exports, "BorderClearSharp", {
   enumerable: true,
   get: function () {
     return _BorderClearSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderClearTwoTone', {
+Object.defineProperty(exports, "BorderClearTwoTone", {
   enumerable: true,
   get: function () {
     return _BorderClearTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderColor', {
+Object.defineProperty(exports, "BorderColor", {
   enumerable: true,
   get: function () {
     return _BorderColor.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderColorOutlined', {
+Object.defineProperty(exports, "BorderColorOutlined", {
   enumerable: true,
   get: function () {
     return _BorderColorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderColorRounded', {
+Object.defineProperty(exports, "BorderColorRounded", {
   enumerable: true,
   get: function () {
     return _BorderColorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderColorSharp', {
+Object.defineProperty(exports, "BorderColorSharp", {
   enumerable: true,
   get: function () {
     return _BorderColorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderColorTwoTone', {
+Object.defineProperty(exports, "BorderColorTwoTone", {
   enumerable: true,
   get: function () {
     return _BorderColorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderHorizontal', {
+Object.defineProperty(exports, "BorderHorizontal", {
   enumerable: true,
   get: function () {
     return _BorderHorizontal.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderHorizontalOutlined', {
+Object.defineProperty(exports, "BorderHorizontalOutlined", {
   enumerable: true,
   get: function () {
     return _BorderHorizontalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderHorizontalRounded', {
+Object.defineProperty(exports, "BorderHorizontalRounded", {
   enumerable: true,
   get: function () {
     return _BorderHorizontalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderHorizontalSharp', {
+Object.defineProperty(exports, "BorderHorizontalSharp", {
   enumerable: true,
   get: function () {
     return _BorderHorizontalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderHorizontalTwoTone', {
+Object.defineProperty(exports, "BorderHorizontalTwoTone", {
   enumerable: true,
   get: function () {
     return _BorderHorizontalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderInner', {
+Object.defineProperty(exports, "BorderInner", {
   enumerable: true,
   get: function () {
     return _BorderInner.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderInnerOutlined', {
+Object.defineProperty(exports, "BorderInnerOutlined", {
   enumerable: true,
   get: function () {
     return _BorderInnerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderInnerRounded', {
+Object.defineProperty(exports, "BorderInnerRounded", {
   enumerable: true,
   get: function () {
     return _BorderInnerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderInnerSharp', {
+Object.defineProperty(exports, "BorderInnerSharp", {
   enumerable: true,
   get: function () {
     return _BorderInnerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderInnerTwoTone', {
+Object.defineProperty(exports, "BorderInnerTwoTone", {
   enumerable: true,
   get: function () {
     return _BorderInnerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderLeft', {
+Object.defineProperty(exports, "BorderLeft", {
   enumerable: true,
   get: function () {
     return _BorderLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderLeftOutlined', {
+Object.defineProperty(exports, "BorderLeftOutlined", {
   enumerable: true,
   get: function () {
     return _BorderLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderLeftRounded', {
+Object.defineProperty(exports, "BorderLeftRounded", {
   enumerable: true,
   get: function () {
     return _BorderLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderLeftSharp', {
+Object.defineProperty(exports, "BorderLeftSharp", {
   enumerable: true,
   get: function () {
     return _BorderLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderLeftTwoTone', {
+Object.defineProperty(exports, "BorderLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _BorderLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderOuter', {
+Object.defineProperty(exports, "BorderOuter", {
   enumerable: true,
   get: function () {
     return _BorderOuter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderOuterOutlined', {
+Object.defineProperty(exports, "BorderOuterOutlined", {
   enumerable: true,
   get: function () {
     return _BorderOuterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderOuterRounded', {
+Object.defineProperty(exports, "BorderOuterRounded", {
   enumerable: true,
   get: function () {
     return _BorderOuterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderOuterSharp', {
+Object.defineProperty(exports, "BorderOuterSharp", {
   enumerable: true,
   get: function () {
     return _BorderOuterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderOuterTwoTone', {
+Object.defineProperty(exports, "BorderOuterTwoTone", {
   enumerable: true,
   get: function () {
     return _BorderOuterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderRight', {
+Object.defineProperty(exports, "BorderRight", {
   enumerable: true,
   get: function () {
     return _BorderRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderRightOutlined', {
+Object.defineProperty(exports, "BorderRightOutlined", {
   enumerable: true,
   get: function () {
     return _BorderRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderRightRounded', {
+Object.defineProperty(exports, "BorderRightRounded", {
   enumerable: true,
   get: function () {
     return _BorderRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderRightSharp', {
+Object.defineProperty(exports, "BorderRightSharp", {
   enumerable: true,
   get: function () {
     return _BorderRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderRightTwoTone', {
+Object.defineProperty(exports, "BorderRightTwoTone", {
   enumerable: true,
   get: function () {
     return _BorderRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderStyle', {
+Object.defineProperty(exports, "BorderStyle", {
   enumerable: true,
   get: function () {
     return _BorderStyle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderStyleOutlined', {
+Object.defineProperty(exports, "BorderStyleOutlined", {
   enumerable: true,
   get: function () {
     return _BorderStyleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderStyleRounded', {
+Object.defineProperty(exports, "BorderStyleRounded", {
   enumerable: true,
   get: function () {
     return _BorderStyleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderStyleSharp', {
+Object.defineProperty(exports, "BorderStyleSharp", {
   enumerable: true,
   get: function () {
     return _BorderStyleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderStyleTwoTone', {
+Object.defineProperty(exports, "BorderStyleTwoTone", {
   enumerable: true,
   get: function () {
     return _BorderStyleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderTop', {
+Object.defineProperty(exports, "BorderTop", {
   enumerable: true,
   get: function () {
     return _BorderTop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderTopOutlined', {
+Object.defineProperty(exports, "BorderTopOutlined", {
   enumerable: true,
   get: function () {
     return _BorderTopOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderTopRounded', {
+Object.defineProperty(exports, "BorderTopRounded", {
   enumerable: true,
   get: function () {
     return _BorderTopRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderTopSharp', {
+Object.defineProperty(exports, "BorderTopSharp", {
   enumerable: true,
   get: function () {
     return _BorderTopSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderTopTwoTone', {
+Object.defineProperty(exports, "BorderTopTwoTone", {
   enumerable: true,
   get: function () {
     return _BorderTopTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderVertical', {
+Object.defineProperty(exports, "BorderVertical", {
   enumerable: true,
   get: function () {
     return _BorderVertical.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderVerticalOutlined', {
+Object.defineProperty(exports, "BorderVerticalOutlined", {
   enumerable: true,
   get: function () {
     return _BorderVerticalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderVerticalRounded', {
+Object.defineProperty(exports, "BorderVerticalRounded", {
   enumerable: true,
   get: function () {
     return _BorderVerticalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderVerticalSharp', {
+Object.defineProperty(exports, "BorderVerticalSharp", {
   enumerable: true,
   get: function () {
     return _BorderVerticalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BorderVerticalTwoTone', {
+Object.defineProperty(exports, "BorderVerticalTwoTone", {
   enumerable: true,
   get: function () {
     return _BorderVerticalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Boy', {
+Object.defineProperty(exports, "Boy", {
   enumerable: true,
   get: function () {
     return _Boy.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BoyOutlined', {
+Object.defineProperty(exports, "BoyOutlined", {
   enumerable: true,
   get: function () {
     return _BoyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BoyRounded', {
+Object.defineProperty(exports, "BoyRounded", {
   enumerable: true,
   get: function () {
     return _BoyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BoySharp', {
+Object.defineProperty(exports, "BoySharp", {
   enumerable: true,
   get: function () {
     return _BoySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BoyTwoTone', {
+Object.defineProperty(exports, "BoyTwoTone", {
   enumerable: true,
   get: function () {
     return _BoyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrandingWatermark', {
+Object.defineProperty(exports, "BrandingWatermark", {
   enumerable: true,
   get: function () {
     return _BrandingWatermark.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrandingWatermarkOutlined', {
+Object.defineProperty(exports, "BrandingWatermarkOutlined", {
   enumerable: true,
   get: function () {
     return _BrandingWatermarkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrandingWatermarkRounded', {
+Object.defineProperty(exports, "BrandingWatermarkRounded", {
   enumerable: true,
   get: function () {
     return _BrandingWatermarkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrandingWatermarkSharp', {
+Object.defineProperty(exports, "BrandingWatermarkSharp", {
   enumerable: true,
   get: function () {
     return _BrandingWatermarkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrandingWatermarkTwoTone', {
+Object.defineProperty(exports, "BrandingWatermarkTwoTone", {
   enumerable: true,
   get: function () {
     return _BrandingWatermarkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BreakfastDining', {
+Object.defineProperty(exports, "BreakfastDining", {
   enumerable: true,
   get: function () {
     return _BreakfastDining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BreakfastDiningOutlined', {
+Object.defineProperty(exports, "BreakfastDiningOutlined", {
   enumerable: true,
   get: function () {
     return _BreakfastDiningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BreakfastDiningRounded', {
+Object.defineProperty(exports, "BreakfastDiningRounded", {
   enumerable: true,
   get: function () {
     return _BreakfastDiningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BreakfastDiningSharp', {
+Object.defineProperty(exports, "BreakfastDiningSharp", {
   enumerable: true,
   get: function () {
     return _BreakfastDiningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BreakfastDiningTwoTone', {
+Object.defineProperty(exports, "BreakfastDiningTwoTone", {
   enumerable: true,
   get: function () {
     return _BreakfastDiningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness1', {
+Object.defineProperty(exports, "Brightness1", {
   enumerable: true,
   get: function () {
     return _Brightness.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness1Outlined', {
+Object.defineProperty(exports, "Brightness1Outlined", {
   enumerable: true,
   get: function () {
     return _Brightness1Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness1Rounded', {
+Object.defineProperty(exports, "Brightness1Rounded", {
   enumerable: true,
   get: function () {
     return _Brightness1Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness1Sharp', {
+Object.defineProperty(exports, "Brightness1Sharp", {
   enumerable: true,
   get: function () {
     return _Brightness1Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness1TwoTone', {
+Object.defineProperty(exports, "Brightness1TwoTone", {
   enumerable: true,
   get: function () {
     return _Brightness1TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness2', {
+Object.defineProperty(exports, "Brightness2", {
   enumerable: true,
   get: function () {
     return _Brightness2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness2Outlined', {
+Object.defineProperty(exports, "Brightness2Outlined", {
   enumerable: true,
   get: function () {
     return _Brightness2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness2Rounded', {
+Object.defineProperty(exports, "Brightness2Rounded", {
   enumerable: true,
   get: function () {
     return _Brightness2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness2Sharp', {
+Object.defineProperty(exports, "Brightness2Sharp", {
   enumerable: true,
   get: function () {
     return _Brightness2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness2TwoTone', {
+Object.defineProperty(exports, "Brightness2TwoTone", {
   enumerable: true,
   get: function () {
     return _Brightness2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness3', {
+Object.defineProperty(exports, "Brightness3", {
   enumerable: true,
   get: function () {
     return _Brightness3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness3Outlined', {
+Object.defineProperty(exports, "Brightness3Outlined", {
   enumerable: true,
   get: function () {
     return _Brightness3Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness3Rounded', {
+Object.defineProperty(exports, "Brightness3Rounded", {
   enumerable: true,
   get: function () {
     return _Brightness3Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness3Sharp', {
+Object.defineProperty(exports, "Brightness3Sharp", {
   enumerable: true,
   get: function () {
     return _Brightness3Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness3TwoTone', {
+Object.defineProperty(exports, "Brightness3TwoTone", {
   enumerable: true,
   get: function () {
     return _Brightness3TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness4', {
+Object.defineProperty(exports, "Brightness4", {
   enumerable: true,
   get: function () {
     return _Brightness4.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness4Outlined', {
+Object.defineProperty(exports, "Brightness4Outlined", {
   enumerable: true,
   get: function () {
     return _Brightness4Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness4Rounded', {
+Object.defineProperty(exports, "Brightness4Rounded", {
   enumerable: true,
   get: function () {
     return _Brightness4Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness4Sharp', {
+Object.defineProperty(exports, "Brightness4Sharp", {
   enumerable: true,
   get: function () {
     return _Brightness4Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness4TwoTone', {
+Object.defineProperty(exports, "Brightness4TwoTone", {
   enumerable: true,
   get: function () {
     return _Brightness4TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness5', {
+Object.defineProperty(exports, "Brightness5", {
   enumerable: true,
   get: function () {
     return _Brightness5.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness5Outlined', {
+Object.defineProperty(exports, "Brightness5Outlined", {
   enumerable: true,
   get: function () {
     return _Brightness5Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness5Rounded', {
+Object.defineProperty(exports, "Brightness5Rounded", {
   enumerable: true,
   get: function () {
     return _Brightness5Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness5Sharp', {
+Object.defineProperty(exports, "Brightness5Sharp", {
   enumerable: true,
   get: function () {
     return _Brightness5Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness5TwoTone', {
+Object.defineProperty(exports, "Brightness5TwoTone", {
   enumerable: true,
   get: function () {
     return _Brightness5TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness6', {
+Object.defineProperty(exports, "Brightness6", {
   enumerable: true,
   get: function () {
     return _Brightness6.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness6Outlined', {
+Object.defineProperty(exports, "Brightness6Outlined", {
   enumerable: true,
   get: function () {
     return _Brightness6Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness6Rounded', {
+Object.defineProperty(exports, "Brightness6Rounded", {
   enumerable: true,
   get: function () {
     return _Brightness6Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness6Sharp', {
+Object.defineProperty(exports, "Brightness6Sharp", {
   enumerable: true,
   get: function () {
     return _Brightness6Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness6TwoTone', {
+Object.defineProperty(exports, "Brightness6TwoTone", {
   enumerable: true,
   get: function () {
     return _Brightness6TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness7', {
+Object.defineProperty(exports, "Brightness7", {
   enumerable: true,
   get: function () {
     return _Brightness7.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness7Outlined', {
+Object.defineProperty(exports, "Brightness7Outlined", {
   enumerable: true,
   get: function () {
     return _Brightness7Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness7Rounded', {
+Object.defineProperty(exports, "Brightness7Rounded", {
   enumerable: true,
   get: function () {
     return _Brightness7Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness7Sharp', {
+Object.defineProperty(exports, "Brightness7Sharp", {
   enumerable: true,
   get: function () {
     return _Brightness7Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brightness7TwoTone', {
+Object.defineProperty(exports, "Brightness7TwoTone", {
   enumerable: true,
   get: function () {
     return _Brightness7TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessAuto', {
+Object.defineProperty(exports, "BrightnessAuto", {
   enumerable: true,
   get: function () {
     return _BrightnessAuto.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessAutoOutlined', {
+Object.defineProperty(exports, "BrightnessAutoOutlined", {
   enumerable: true,
   get: function () {
     return _BrightnessAutoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessAutoRounded', {
+Object.defineProperty(exports, "BrightnessAutoRounded", {
   enumerable: true,
   get: function () {
     return _BrightnessAutoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessAutoSharp', {
+Object.defineProperty(exports, "BrightnessAutoSharp", {
   enumerable: true,
   get: function () {
     return _BrightnessAutoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessAutoTwoTone', {
+Object.defineProperty(exports, "BrightnessAutoTwoTone", {
   enumerable: true,
   get: function () {
     return _BrightnessAutoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessHigh', {
+Object.defineProperty(exports, "BrightnessHigh", {
   enumerable: true,
   get: function () {
     return _BrightnessHigh.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessHighOutlined', {
+Object.defineProperty(exports, "BrightnessHighOutlined", {
   enumerable: true,
   get: function () {
     return _BrightnessHighOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessHighRounded', {
+Object.defineProperty(exports, "BrightnessHighRounded", {
   enumerable: true,
   get: function () {
     return _BrightnessHighRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessHighSharp', {
+Object.defineProperty(exports, "BrightnessHighSharp", {
   enumerable: true,
   get: function () {
     return _BrightnessHighSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessHighTwoTone', {
+Object.defineProperty(exports, "BrightnessHighTwoTone", {
   enumerable: true,
   get: function () {
     return _BrightnessHighTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessLow', {
+Object.defineProperty(exports, "BrightnessLow", {
   enumerable: true,
   get: function () {
     return _BrightnessLow.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessLowOutlined', {
+Object.defineProperty(exports, "BrightnessLowOutlined", {
   enumerable: true,
   get: function () {
     return _BrightnessLowOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessLowRounded', {
+Object.defineProperty(exports, "BrightnessLowRounded", {
   enumerable: true,
   get: function () {
     return _BrightnessLowRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessLowSharp', {
+Object.defineProperty(exports, "BrightnessLowSharp", {
   enumerable: true,
   get: function () {
     return _BrightnessLowSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessLowTwoTone', {
+Object.defineProperty(exports, "BrightnessLowTwoTone", {
   enumerable: true,
   get: function () {
     return _BrightnessLowTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessMedium', {
+Object.defineProperty(exports, "BrightnessMedium", {
   enumerable: true,
   get: function () {
     return _BrightnessMedium.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessMediumOutlined', {
+Object.defineProperty(exports, "BrightnessMediumOutlined", {
   enumerable: true,
   get: function () {
     return _BrightnessMediumOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessMediumRounded', {
+Object.defineProperty(exports, "BrightnessMediumRounded", {
   enumerable: true,
   get: function () {
     return _BrightnessMediumRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessMediumSharp', {
+Object.defineProperty(exports, "BrightnessMediumSharp", {
   enumerable: true,
   get: function () {
     return _BrightnessMediumSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrightnessMediumTwoTone', {
+Object.defineProperty(exports, "BrightnessMediumTwoTone", {
   enumerable: true,
   get: function () {
     return _BrightnessMediumTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BroadcastOnHome', {
+Object.defineProperty(exports, "BroadcastOnHome", {
   enumerable: true,
   get: function () {
     return _BroadcastOnHome.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BroadcastOnHomeOutlined', {
+Object.defineProperty(exports, "BroadcastOnHomeOutlined", {
   enumerable: true,
   get: function () {
     return _BroadcastOnHomeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BroadcastOnHomeRounded', {
+Object.defineProperty(exports, "BroadcastOnHomeRounded", {
   enumerable: true,
   get: function () {
     return _BroadcastOnHomeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BroadcastOnHomeSharp', {
+Object.defineProperty(exports, "BroadcastOnHomeSharp", {
   enumerable: true,
   get: function () {
     return _BroadcastOnHomeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BroadcastOnHomeTwoTone', {
+Object.defineProperty(exports, "BroadcastOnHomeTwoTone", {
   enumerable: true,
   get: function () {
     return _BroadcastOnHomeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BroadcastOnPersonal', {
+Object.defineProperty(exports, "BroadcastOnPersonal", {
   enumerable: true,
   get: function () {
     return _BroadcastOnPersonal.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BroadcastOnPersonalOutlined', {
+Object.defineProperty(exports, "BroadcastOnPersonalOutlined", {
   enumerable: true,
   get: function () {
     return _BroadcastOnPersonalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BroadcastOnPersonalRounded', {
+Object.defineProperty(exports, "BroadcastOnPersonalRounded", {
   enumerable: true,
   get: function () {
     return _BroadcastOnPersonalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BroadcastOnPersonalSharp', {
+Object.defineProperty(exports, "BroadcastOnPersonalSharp", {
   enumerable: true,
   get: function () {
     return _BroadcastOnPersonalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BroadcastOnPersonalTwoTone', {
+Object.defineProperty(exports, "BroadcastOnPersonalTwoTone", {
   enumerable: true,
   get: function () {
     return _BroadcastOnPersonalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrokenImage', {
+Object.defineProperty(exports, "BrokenImage", {
   enumerable: true,
   get: function () {
     return _BrokenImage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrokenImageOutlined', {
+Object.defineProperty(exports, "BrokenImageOutlined", {
   enumerable: true,
   get: function () {
     return _BrokenImageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrokenImageRounded', {
+Object.defineProperty(exports, "BrokenImageRounded", {
   enumerable: true,
   get: function () {
     return _BrokenImageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrokenImageSharp', {
+Object.defineProperty(exports, "BrokenImageSharp", {
   enumerable: true,
   get: function () {
     return _BrokenImageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrokenImageTwoTone', {
+Object.defineProperty(exports, "BrokenImageTwoTone", {
   enumerable: true,
   get: function () {
     return _BrokenImageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowseGallery', {
+Object.defineProperty(exports, "BrowseGallery", {
   enumerable: true,
   get: function () {
     return _BrowseGallery.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowseGalleryOutlined', {
+Object.defineProperty(exports, "BrowseGalleryOutlined", {
   enumerable: true,
   get: function () {
     return _BrowseGalleryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowseGalleryRounded', {
+Object.defineProperty(exports, "BrowseGalleryRounded", {
   enumerable: true,
   get: function () {
     return _BrowseGalleryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowseGallerySharp', {
+Object.defineProperty(exports, "BrowseGallerySharp", {
   enumerable: true,
   get: function () {
     return _BrowseGallerySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowseGalleryTwoTone', {
+Object.defineProperty(exports, "BrowseGalleryTwoTone", {
   enumerable: true,
   get: function () {
     return _BrowseGalleryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowserNotSupported', {
+Object.defineProperty(exports, "BrowserNotSupported", {
   enumerable: true,
   get: function () {
     return _BrowserNotSupported.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowserNotSupportedOutlined', {
+Object.defineProperty(exports, "BrowserNotSupportedOutlined", {
   enumerable: true,
   get: function () {
     return _BrowserNotSupportedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowserNotSupportedRounded', {
+Object.defineProperty(exports, "BrowserNotSupportedRounded", {
   enumerable: true,
   get: function () {
     return _BrowserNotSupportedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowserNotSupportedSharp', {
+Object.defineProperty(exports, "BrowserNotSupportedSharp", {
   enumerable: true,
   get: function () {
     return _BrowserNotSupportedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowserNotSupportedTwoTone', {
+Object.defineProperty(exports, "BrowserNotSupportedTwoTone", {
   enumerable: true,
   get: function () {
     return _BrowserNotSupportedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowserUpdated', {
+Object.defineProperty(exports, "BrowserUpdated", {
   enumerable: true,
   get: function () {
     return _BrowserUpdated.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowserUpdatedOutlined', {
+Object.defineProperty(exports, "BrowserUpdatedOutlined", {
   enumerable: true,
   get: function () {
     return _BrowserUpdatedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowserUpdatedRounded', {
+Object.defineProperty(exports, "BrowserUpdatedRounded", {
   enumerable: true,
   get: function () {
     return _BrowserUpdatedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowserUpdatedSharp', {
+Object.defineProperty(exports, "BrowserUpdatedSharp", {
   enumerable: true,
   get: function () {
     return _BrowserUpdatedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrowserUpdatedTwoTone', {
+Object.defineProperty(exports, "BrowserUpdatedTwoTone", {
   enumerable: true,
   get: function () {
     return _BrowserUpdatedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrunchDining', {
+Object.defineProperty(exports, "BrunchDining", {
   enumerable: true,
   get: function () {
     return _BrunchDining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrunchDiningOutlined', {
+Object.defineProperty(exports, "BrunchDiningOutlined", {
   enumerable: true,
   get: function () {
     return _BrunchDiningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrunchDiningRounded', {
+Object.defineProperty(exports, "BrunchDiningRounded", {
   enumerable: true,
   get: function () {
     return _BrunchDiningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrunchDiningSharp', {
+Object.defineProperty(exports, "BrunchDiningSharp", {
   enumerable: true,
   get: function () {
     return _BrunchDiningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrunchDiningTwoTone', {
+Object.defineProperty(exports, "BrunchDiningTwoTone", {
   enumerable: true,
   get: function () {
     return _BrunchDiningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Brush', {
+Object.defineProperty(exports, "Brush", {
   enumerable: true,
   get: function () {
     return _Brush.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrushOutlined', {
+Object.defineProperty(exports, "BrushOutlined", {
   enumerable: true,
   get: function () {
     return _BrushOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrushRounded', {
+Object.defineProperty(exports, "BrushRounded", {
   enumerable: true,
   get: function () {
     return _BrushRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrushSharp', {
+Object.defineProperty(exports, "BrushSharp", {
   enumerable: true,
   get: function () {
     return _BrushSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BrushTwoTone', {
+Object.defineProperty(exports, "BrushTwoTone", {
   enumerable: true,
   get: function () {
     return _BrushTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BubbleChart', {
+Object.defineProperty(exports, "BubbleChart", {
   enumerable: true,
   get: function () {
     return _BubbleChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BubbleChartOutlined', {
+Object.defineProperty(exports, "BubbleChartOutlined", {
   enumerable: true,
   get: function () {
     return _BubbleChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BubbleChartRounded', {
+Object.defineProperty(exports, "BubbleChartRounded", {
   enumerable: true,
   get: function () {
     return _BubbleChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BubbleChartSharp', {
+Object.defineProperty(exports, "BubbleChartSharp", {
   enumerable: true,
   get: function () {
     return _BubbleChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BubbleChartTwoTone', {
+Object.defineProperty(exports, "BubbleChartTwoTone", {
   enumerable: true,
   get: function () {
     return _BubbleChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BugReport', {
+Object.defineProperty(exports, "BugReport", {
   enumerable: true,
   get: function () {
     return _BugReport.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BugReportOutlined', {
+Object.defineProperty(exports, "BugReportOutlined", {
   enumerable: true,
   get: function () {
     return _BugReportOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BugReportRounded', {
+Object.defineProperty(exports, "BugReportRounded", {
   enumerable: true,
   get: function () {
     return _BugReportRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BugReportSharp', {
+Object.defineProperty(exports, "BugReportSharp", {
   enumerable: true,
   get: function () {
     return _BugReportSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BugReportTwoTone', {
+Object.defineProperty(exports, "BugReportTwoTone", {
   enumerable: true,
   get: function () {
     return _BugReportTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Build', {
+Object.defineProperty(exports, "Build", {
   enumerable: true,
   get: function () {
     return _Build.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BuildCircle', {
+Object.defineProperty(exports, "BuildCircle", {
   enumerable: true,
   get: function () {
     return _BuildCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BuildCircleOutlined', {
+Object.defineProperty(exports, "BuildCircleOutlined", {
   enumerable: true,
   get: function () {
     return _BuildCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BuildCircleRounded', {
+Object.defineProperty(exports, "BuildCircleRounded", {
   enumerable: true,
   get: function () {
     return _BuildCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BuildCircleSharp', {
+Object.defineProperty(exports, "BuildCircleSharp", {
   enumerable: true,
   get: function () {
     return _BuildCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BuildCircleTwoTone', {
+Object.defineProperty(exports, "BuildCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _BuildCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BuildOutlined', {
+Object.defineProperty(exports, "BuildOutlined", {
   enumerable: true,
   get: function () {
     return _BuildOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BuildRounded', {
+Object.defineProperty(exports, "BuildRounded", {
   enumerable: true,
   get: function () {
     return _BuildRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BuildSharp', {
+Object.defineProperty(exports, "BuildSharp", {
   enumerable: true,
   get: function () {
     return _BuildSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BuildTwoTone', {
+Object.defineProperty(exports, "BuildTwoTone", {
   enumerable: true,
   get: function () {
     return _BuildTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Bungalow', {
+Object.defineProperty(exports, "Bungalow", {
   enumerable: true,
   get: function () {
     return _Bungalow.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BungalowOutlined', {
+Object.defineProperty(exports, "BungalowOutlined", {
   enumerable: true,
   get: function () {
     return _BungalowOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BungalowRounded', {
+Object.defineProperty(exports, "BungalowRounded", {
   enumerable: true,
   get: function () {
     return _BungalowRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BungalowSharp', {
+Object.defineProperty(exports, "BungalowSharp", {
   enumerable: true,
   get: function () {
     return _BungalowSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BungalowTwoTone', {
+Object.defineProperty(exports, "BungalowTwoTone", {
   enumerable: true,
   get: function () {
     return _BungalowTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BurstMode', {
+Object.defineProperty(exports, "BurstMode", {
   enumerable: true,
   get: function () {
     return _BurstMode.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BurstModeOutlined', {
+Object.defineProperty(exports, "BurstModeOutlined", {
   enumerable: true,
   get: function () {
     return _BurstModeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BurstModeRounded', {
+Object.defineProperty(exports, "BurstModeRounded", {
   enumerable: true,
   get: function () {
     return _BurstModeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BurstModeSharp', {
+Object.defineProperty(exports, "BurstModeSharp", {
   enumerable: true,
   get: function () {
     return _BurstModeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BurstModeTwoTone', {
+Object.defineProperty(exports, "BurstModeTwoTone", {
   enumerable: true,
   get: function () {
     return _BurstModeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusAlert', {
+Object.defineProperty(exports, "BusAlert", {
   enumerable: true,
   get: function () {
     return _BusAlert.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusAlertOutlined', {
+Object.defineProperty(exports, "BusAlertOutlined", {
   enumerable: true,
   get: function () {
     return _BusAlertOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusAlertRounded', {
+Object.defineProperty(exports, "BusAlertRounded", {
   enumerable: true,
   get: function () {
     return _BusAlertRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusAlertSharp', {
+Object.defineProperty(exports, "BusAlertSharp", {
   enumerable: true,
   get: function () {
     return _BusAlertSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusAlertTwoTone', {
+Object.defineProperty(exports, "BusAlertTwoTone", {
   enumerable: true,
   get: function () {
     return _BusAlertTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Business', {
+Object.defineProperty(exports, "Business", {
   enumerable: true,
   get: function () {
     return _Business.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusinessCenter', {
+Object.defineProperty(exports, "BusinessCenter", {
   enumerable: true,
   get: function () {
     return _BusinessCenter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusinessCenterOutlined', {
+Object.defineProperty(exports, "BusinessCenterOutlined", {
   enumerable: true,
   get: function () {
     return _BusinessCenterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusinessCenterRounded', {
+Object.defineProperty(exports, "BusinessCenterRounded", {
   enumerable: true,
   get: function () {
     return _BusinessCenterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusinessCenterSharp', {
+Object.defineProperty(exports, "BusinessCenterSharp", {
   enumerable: true,
   get: function () {
     return _BusinessCenterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusinessCenterTwoTone', {
+Object.defineProperty(exports, "BusinessCenterTwoTone", {
   enumerable: true,
   get: function () {
     return _BusinessCenterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusinessOutlined', {
+Object.defineProperty(exports, "BusinessOutlined", {
   enumerable: true,
   get: function () {
     return _BusinessOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusinessRounded', {
+Object.defineProperty(exports, "BusinessRounded", {
   enumerable: true,
   get: function () {
     return _BusinessRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusinessSharp', {
+Object.defineProperty(exports, "BusinessSharp", {
   enumerable: true,
   get: function () {
     return _BusinessSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'BusinessTwoTone', {
+Object.defineProperty(exports, "BusinessTwoTone", {
   enumerable: true,
   get: function () {
     return _BusinessTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Cabin', {
+Object.defineProperty(exports, "Cabin", {
   enumerable: true,
   get: function () {
     return _Cabin.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CabinOutlined', {
+Object.defineProperty(exports, "CabinOutlined", {
   enumerable: true,
   get: function () {
     return _CabinOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CabinRounded', {
+Object.defineProperty(exports, "CabinRounded", {
   enumerable: true,
   get: function () {
     return _CabinRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CabinSharp', {
+Object.defineProperty(exports, "CabinSharp", {
   enumerable: true,
   get: function () {
     return _CabinSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CabinTwoTone', {
+Object.defineProperty(exports, "CabinTwoTone", {
   enumerable: true,
   get: function () {
     return _CabinTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Cable', {
+Object.defineProperty(exports, "Cable", {
   enumerable: true,
   get: function () {
     return _Cable.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CableOutlined', {
+Object.defineProperty(exports, "CableOutlined", {
   enumerable: true,
   get: function () {
     return _CableOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CableRounded', {
+Object.defineProperty(exports, "CableRounded", {
   enumerable: true,
   get: function () {
     return _CableRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CableSharp', {
+Object.defineProperty(exports, "CableSharp", {
   enumerable: true,
   get: function () {
     return _CableSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CableTwoTone', {
+Object.defineProperty(exports, "CableTwoTone", {
   enumerable: true,
   get: function () {
     return _CableTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Cached', {
+Object.defineProperty(exports, "Cached", {
   enumerable: true,
   get: function () {
     return _Cached.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CachedOutlined', {
+Object.defineProperty(exports, "CachedOutlined", {
   enumerable: true,
   get: function () {
     return _CachedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CachedRounded', {
+Object.defineProperty(exports, "CachedRounded", {
   enumerable: true,
   get: function () {
     return _CachedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CachedSharp', {
+Object.defineProperty(exports, "CachedSharp", {
   enumerable: true,
   get: function () {
     return _CachedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CachedTwoTone', {
+Object.defineProperty(exports, "CachedTwoTone", {
   enumerable: true,
   get: function () {
     return _CachedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Cake', {
+Object.defineProperty(exports, "Cake", {
   enumerable: true,
   get: function () {
     return _Cake.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CakeOutlined', {
+Object.defineProperty(exports, "CakeOutlined", {
   enumerable: true,
   get: function () {
     return _CakeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CakeRounded', {
+Object.defineProperty(exports, "CakeRounded", {
   enumerable: true,
   get: function () {
     return _CakeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CakeSharp', {
+Object.defineProperty(exports, "CakeSharp", {
   enumerable: true,
   get: function () {
     return _CakeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CakeTwoTone', {
+Object.defineProperty(exports, "CakeTwoTone", {
   enumerable: true,
   get: function () {
     return _CakeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Calculate', {
+Object.defineProperty(exports, "Calculate", {
   enumerable: true,
   get: function () {
     return _Calculate.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalculateOutlined', {
+Object.defineProperty(exports, "CalculateOutlined", {
   enumerable: true,
   get: function () {
     return _CalculateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalculateRounded', {
+Object.defineProperty(exports, "CalculateRounded", {
   enumerable: true,
   get: function () {
     return _CalculateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalculateSharp', {
+Object.defineProperty(exports, "CalculateSharp", {
   enumerable: true,
   get: function () {
     return _CalculateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalculateTwoTone', {
+Object.defineProperty(exports, "CalculateTwoTone", {
   enumerable: true,
   get: function () {
     return _CalculateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarMonth', {
+Object.defineProperty(exports, "CalendarMonth", {
   enumerable: true,
   get: function () {
     return _CalendarMonth.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarMonthOutlined', {
+Object.defineProperty(exports, "CalendarMonthOutlined", {
   enumerable: true,
   get: function () {
     return _CalendarMonthOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarMonthRounded', {
+Object.defineProperty(exports, "CalendarMonthRounded", {
   enumerable: true,
   get: function () {
     return _CalendarMonthRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarMonthSharp', {
+Object.defineProperty(exports, "CalendarMonthSharp", {
   enumerable: true,
   get: function () {
     return _CalendarMonthSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarMonthTwoTone', {
+Object.defineProperty(exports, "CalendarMonthTwoTone", {
   enumerable: true,
   get: function () {
     return _CalendarMonthTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarToday', {
+Object.defineProperty(exports, "CalendarToday", {
   enumerable: true,
   get: function () {
     return _CalendarToday.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarTodayOutlined', {
+Object.defineProperty(exports, "CalendarTodayOutlined", {
   enumerable: true,
   get: function () {
     return _CalendarTodayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarTodayRounded', {
+Object.defineProperty(exports, "CalendarTodayRounded", {
   enumerable: true,
   get: function () {
     return _CalendarTodayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarTodaySharp', {
+Object.defineProperty(exports, "CalendarTodaySharp", {
   enumerable: true,
   get: function () {
     return _CalendarTodaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarTodayTwoTone', {
+Object.defineProperty(exports, "CalendarTodayTwoTone", {
   enumerable: true,
   get: function () {
     return _CalendarTodayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewDay', {
+Object.defineProperty(exports, "CalendarViewDay", {
   enumerable: true,
   get: function () {
     return _CalendarViewDay.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewDayOutlined', {
+Object.defineProperty(exports, "CalendarViewDayOutlined", {
   enumerable: true,
   get: function () {
     return _CalendarViewDayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewDayRounded', {
+Object.defineProperty(exports, "CalendarViewDayRounded", {
   enumerable: true,
   get: function () {
     return _CalendarViewDayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewDaySharp', {
+Object.defineProperty(exports, "CalendarViewDaySharp", {
   enumerable: true,
   get: function () {
     return _CalendarViewDaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewDayTwoTone', {
+Object.defineProperty(exports, "CalendarViewDayTwoTone", {
   enumerable: true,
   get: function () {
     return _CalendarViewDayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewMonth', {
+Object.defineProperty(exports, "CalendarViewMonth", {
   enumerable: true,
   get: function () {
     return _CalendarViewMonth.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewMonthOutlined', {
+Object.defineProperty(exports, "CalendarViewMonthOutlined", {
   enumerable: true,
   get: function () {
     return _CalendarViewMonthOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewMonthRounded', {
+Object.defineProperty(exports, "CalendarViewMonthRounded", {
   enumerable: true,
   get: function () {
     return _CalendarViewMonthRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewMonthSharp', {
+Object.defineProperty(exports, "CalendarViewMonthSharp", {
   enumerable: true,
   get: function () {
     return _CalendarViewMonthSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewMonthTwoTone', {
+Object.defineProperty(exports, "CalendarViewMonthTwoTone", {
   enumerable: true,
   get: function () {
     return _CalendarViewMonthTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewWeek', {
+Object.defineProperty(exports, "CalendarViewWeek", {
   enumerable: true,
   get: function () {
     return _CalendarViewWeek.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewWeekOutlined', {
+Object.defineProperty(exports, "CalendarViewWeekOutlined", {
   enumerable: true,
   get: function () {
     return _CalendarViewWeekOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewWeekRounded', {
+Object.defineProperty(exports, "CalendarViewWeekRounded", {
   enumerable: true,
   get: function () {
     return _CalendarViewWeekRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewWeekSharp', {
+Object.defineProperty(exports, "CalendarViewWeekSharp", {
   enumerable: true,
   get: function () {
     return _CalendarViewWeekSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CalendarViewWeekTwoTone', {
+Object.defineProperty(exports, "CalendarViewWeekTwoTone", {
   enumerable: true,
   get: function () {
     return _CalendarViewWeekTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Call', {
+Object.defineProperty(exports, "Call", {
   enumerable: true,
   get: function () {
     return _Call.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallEnd', {
+Object.defineProperty(exports, "CallEnd", {
   enumerable: true,
   get: function () {
     return _CallEnd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallEndOutlined', {
+Object.defineProperty(exports, "CallEndOutlined", {
   enumerable: true,
   get: function () {
     return _CallEndOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallEndRounded', {
+Object.defineProperty(exports, "CallEndRounded", {
   enumerable: true,
   get: function () {
     return _CallEndRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallEndSharp', {
+Object.defineProperty(exports, "CallEndSharp", {
   enumerable: true,
   get: function () {
     return _CallEndSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallEndTwoTone', {
+Object.defineProperty(exports, "CallEndTwoTone", {
   enumerable: true,
   get: function () {
     return _CallEndTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMade', {
+Object.defineProperty(exports, "CallMade", {
   enumerable: true,
   get: function () {
     return _CallMade.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMadeOutlined', {
+Object.defineProperty(exports, "CallMadeOutlined", {
   enumerable: true,
   get: function () {
     return _CallMadeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMadeRounded', {
+Object.defineProperty(exports, "CallMadeRounded", {
   enumerable: true,
   get: function () {
     return _CallMadeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMadeSharp', {
+Object.defineProperty(exports, "CallMadeSharp", {
   enumerable: true,
   get: function () {
     return _CallMadeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMadeTwoTone', {
+Object.defineProperty(exports, "CallMadeTwoTone", {
   enumerable: true,
   get: function () {
     return _CallMadeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMerge', {
+Object.defineProperty(exports, "CallMerge", {
   enumerable: true,
   get: function () {
     return _CallMerge.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMergeOutlined', {
+Object.defineProperty(exports, "CallMergeOutlined", {
   enumerable: true,
   get: function () {
     return _CallMergeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMergeRounded', {
+Object.defineProperty(exports, "CallMergeRounded", {
   enumerable: true,
   get: function () {
     return _CallMergeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMergeSharp', {
+Object.defineProperty(exports, "CallMergeSharp", {
   enumerable: true,
   get: function () {
     return _CallMergeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMergeTwoTone', {
+Object.defineProperty(exports, "CallMergeTwoTone", {
   enumerable: true,
   get: function () {
     return _CallMergeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMissed', {
+Object.defineProperty(exports, "CallMissed", {
   enumerable: true,
   get: function () {
     return _CallMissed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMissedOutgoing', {
+Object.defineProperty(exports, "CallMissedOutgoing", {
   enumerable: true,
   get: function () {
     return _CallMissedOutgoing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMissedOutgoingOutlined', {
+Object.defineProperty(exports, "CallMissedOutgoingOutlined", {
   enumerable: true,
   get: function () {
     return _CallMissedOutgoingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMissedOutgoingRounded', {
+Object.defineProperty(exports, "CallMissedOutgoingRounded", {
   enumerable: true,
   get: function () {
     return _CallMissedOutgoingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMissedOutgoingSharp', {
+Object.defineProperty(exports, "CallMissedOutgoingSharp", {
   enumerable: true,
   get: function () {
     return _CallMissedOutgoingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMissedOutgoingTwoTone', {
+Object.defineProperty(exports, "CallMissedOutgoingTwoTone", {
   enumerable: true,
   get: function () {
     return _CallMissedOutgoingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMissedOutlined', {
+Object.defineProperty(exports, "CallMissedOutlined", {
   enumerable: true,
   get: function () {
     return _CallMissedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMissedRounded', {
+Object.defineProperty(exports, "CallMissedRounded", {
   enumerable: true,
   get: function () {
     return _CallMissedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMissedSharp', {
+Object.defineProperty(exports, "CallMissedSharp", {
   enumerable: true,
   get: function () {
     return _CallMissedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallMissedTwoTone', {
+Object.defineProperty(exports, "CallMissedTwoTone", {
   enumerable: true,
   get: function () {
     return _CallMissedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallOutlined', {
+Object.defineProperty(exports, "CallOutlined", {
   enumerable: true,
   get: function () {
     return _CallOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallReceived', {
+Object.defineProperty(exports, "CallReceived", {
   enumerable: true,
   get: function () {
     return _CallReceived.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallReceivedOutlined', {
+Object.defineProperty(exports, "CallReceivedOutlined", {
   enumerable: true,
   get: function () {
     return _CallReceivedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallReceivedRounded', {
+Object.defineProperty(exports, "CallReceivedRounded", {
   enumerable: true,
   get: function () {
     return _CallReceivedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallReceivedSharp', {
+Object.defineProperty(exports, "CallReceivedSharp", {
   enumerable: true,
   get: function () {
     return _CallReceivedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallReceivedTwoTone', {
+Object.defineProperty(exports, "CallReceivedTwoTone", {
   enumerable: true,
   get: function () {
     return _CallReceivedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallRounded', {
+Object.defineProperty(exports, "CallRounded", {
   enumerable: true,
   get: function () {
     return _CallRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallSharp', {
+Object.defineProperty(exports, "CallSharp", {
   enumerable: true,
   get: function () {
     return _CallSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallSplit', {
+Object.defineProperty(exports, "CallSplit", {
   enumerable: true,
   get: function () {
     return _CallSplit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallSplitOutlined', {
+Object.defineProperty(exports, "CallSplitOutlined", {
   enumerable: true,
   get: function () {
     return _CallSplitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallSplitRounded', {
+Object.defineProperty(exports, "CallSplitRounded", {
   enumerable: true,
   get: function () {
     return _CallSplitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallSplitSharp', {
+Object.defineProperty(exports, "CallSplitSharp", {
   enumerable: true,
   get: function () {
     return _CallSplitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallSplitTwoTone', {
+Object.defineProperty(exports, "CallSplitTwoTone", {
   enumerable: true,
   get: function () {
     return _CallSplitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallToAction', {
+Object.defineProperty(exports, "CallToAction", {
   enumerable: true,
   get: function () {
     return _CallToAction.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallToActionOutlined', {
+Object.defineProperty(exports, "CallToActionOutlined", {
   enumerable: true,
   get: function () {
     return _CallToActionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallToActionRounded', {
+Object.defineProperty(exports, "CallToActionRounded", {
   enumerable: true,
   get: function () {
     return _CallToActionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallToActionSharp', {
+Object.defineProperty(exports, "CallToActionSharp", {
   enumerable: true,
   get: function () {
     return _CallToActionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallToActionTwoTone', {
+Object.defineProperty(exports, "CallToActionTwoTone", {
   enumerable: true,
   get: function () {
     return _CallToActionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CallTwoTone', {
+Object.defineProperty(exports, "CallTwoTone", {
   enumerable: true,
   get: function () {
     return _CallTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Camera', {
+Object.defineProperty(exports, "Camera", {
   enumerable: true,
   get: function () {
     return _Camera.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraAlt', {
+Object.defineProperty(exports, "CameraAlt", {
   enumerable: true,
   get: function () {
     return _CameraAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraAltOutlined', {
+Object.defineProperty(exports, "CameraAltOutlined", {
   enumerable: true,
   get: function () {
     return _CameraAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraAltRounded', {
+Object.defineProperty(exports, "CameraAltRounded", {
   enumerable: true,
   get: function () {
     return _CameraAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraAltSharp', {
+Object.defineProperty(exports, "CameraAltSharp", {
   enumerable: true,
   get: function () {
     return _CameraAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraAltTwoTone', {
+Object.defineProperty(exports, "CameraAltTwoTone", {
   enumerable: true,
   get: function () {
     return _CameraAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraEnhance', {
+Object.defineProperty(exports, "CameraEnhance", {
   enumerable: true,
   get: function () {
     return _CameraEnhance.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraEnhanceOutlined', {
+Object.defineProperty(exports, "CameraEnhanceOutlined", {
   enumerable: true,
   get: function () {
     return _CameraEnhanceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraEnhanceRounded', {
+Object.defineProperty(exports, "CameraEnhanceRounded", {
   enumerable: true,
   get: function () {
     return _CameraEnhanceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraEnhanceSharp', {
+Object.defineProperty(exports, "CameraEnhanceSharp", {
   enumerable: true,
   get: function () {
     return _CameraEnhanceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraEnhanceTwoTone', {
+Object.defineProperty(exports, "CameraEnhanceTwoTone", {
   enumerable: true,
   get: function () {
     return _CameraEnhanceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraFront', {
+Object.defineProperty(exports, "CameraFront", {
   enumerable: true,
   get: function () {
     return _CameraFront.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraFrontOutlined', {
+Object.defineProperty(exports, "CameraFrontOutlined", {
   enumerable: true,
   get: function () {
     return _CameraFrontOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraFrontRounded', {
+Object.defineProperty(exports, "CameraFrontRounded", {
   enumerable: true,
   get: function () {
     return _CameraFrontRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraFrontSharp', {
+Object.defineProperty(exports, "CameraFrontSharp", {
   enumerable: true,
   get: function () {
     return _CameraFrontSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraFrontTwoTone', {
+Object.defineProperty(exports, "CameraFrontTwoTone", {
   enumerable: true,
   get: function () {
     return _CameraFrontTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraIndoor', {
+Object.defineProperty(exports, "CameraIndoor", {
   enumerable: true,
   get: function () {
     return _CameraIndoor.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraIndoorOutlined', {
+Object.defineProperty(exports, "CameraIndoorOutlined", {
   enumerable: true,
   get: function () {
     return _CameraIndoorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraIndoorRounded', {
+Object.defineProperty(exports, "CameraIndoorRounded", {
   enumerable: true,
   get: function () {
     return _CameraIndoorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraIndoorSharp', {
+Object.defineProperty(exports, "CameraIndoorSharp", {
   enumerable: true,
   get: function () {
     return _CameraIndoorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraIndoorTwoTone', {
+Object.defineProperty(exports, "CameraIndoorTwoTone", {
   enumerable: true,
   get: function () {
     return _CameraIndoorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraOutdoor', {
+Object.defineProperty(exports, "CameraOutdoor", {
   enumerable: true,
   get: function () {
     return _CameraOutdoor.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraOutdoorOutlined', {
+Object.defineProperty(exports, "CameraOutdoorOutlined", {
   enumerable: true,
   get: function () {
     return _CameraOutdoorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraOutdoorRounded', {
+Object.defineProperty(exports, "CameraOutdoorRounded", {
   enumerable: true,
   get: function () {
     return _CameraOutdoorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraOutdoorSharp', {
+Object.defineProperty(exports, "CameraOutdoorSharp", {
   enumerable: true,
   get: function () {
     return _CameraOutdoorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraOutdoorTwoTone', {
+Object.defineProperty(exports, "CameraOutdoorTwoTone", {
   enumerable: true,
   get: function () {
     return _CameraOutdoorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraOutlined', {
+Object.defineProperty(exports, "CameraOutlined", {
   enumerable: true,
   get: function () {
     return _CameraOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraRear', {
+Object.defineProperty(exports, "CameraRear", {
   enumerable: true,
   get: function () {
     return _CameraRear.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraRearOutlined', {
+Object.defineProperty(exports, "CameraRearOutlined", {
   enumerable: true,
   get: function () {
     return _CameraRearOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraRearRounded', {
+Object.defineProperty(exports, "CameraRearRounded", {
   enumerable: true,
   get: function () {
     return _CameraRearRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraRearSharp', {
+Object.defineProperty(exports, "CameraRearSharp", {
   enumerable: true,
   get: function () {
     return _CameraRearSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraRearTwoTone', {
+Object.defineProperty(exports, "CameraRearTwoTone", {
   enumerable: true,
   get: function () {
     return _CameraRearTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraRoll', {
+Object.defineProperty(exports, "CameraRoll", {
   enumerable: true,
   get: function () {
     return _CameraRoll.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraRollOutlined', {
+Object.defineProperty(exports, "CameraRollOutlined", {
   enumerable: true,
   get: function () {
     return _CameraRollOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraRollRounded', {
+Object.defineProperty(exports, "CameraRollRounded", {
   enumerable: true,
   get: function () {
     return _CameraRollRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraRollSharp', {
+Object.defineProperty(exports, "CameraRollSharp", {
   enumerable: true,
   get: function () {
     return _CameraRollSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraRollTwoTone', {
+Object.defineProperty(exports, "CameraRollTwoTone", {
   enumerable: true,
   get: function () {
     return _CameraRollTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraRounded', {
+Object.defineProperty(exports, "CameraRounded", {
   enumerable: true,
   get: function () {
     return _CameraRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraSharp', {
+Object.defineProperty(exports, "CameraSharp", {
   enumerable: true,
   get: function () {
     return _CameraSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraTwoTone', {
+Object.defineProperty(exports, "CameraTwoTone", {
   enumerable: true,
   get: function () {
     return _CameraTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Cameraswitch', {
+Object.defineProperty(exports, "Cameraswitch", {
   enumerable: true,
   get: function () {
     return _Cameraswitch.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraswitchOutlined', {
+Object.defineProperty(exports, "CameraswitchOutlined", {
   enumerable: true,
   get: function () {
     return _CameraswitchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraswitchRounded', {
+Object.defineProperty(exports, "CameraswitchRounded", {
   enumerable: true,
   get: function () {
     return _CameraswitchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraswitchSharp', {
+Object.defineProperty(exports, "CameraswitchSharp", {
   enumerable: true,
   get: function () {
     return _CameraswitchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CameraswitchTwoTone', {
+Object.defineProperty(exports, "CameraswitchTwoTone", {
   enumerable: true,
   get: function () {
     return _CameraswitchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Campaign', {
+Object.defineProperty(exports, "Campaign", {
   enumerable: true,
   get: function () {
     return _Campaign.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CampaignOutlined', {
+Object.defineProperty(exports, "CampaignOutlined", {
   enumerable: true,
   get: function () {
     return _CampaignOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CampaignRounded', {
+Object.defineProperty(exports, "CampaignRounded", {
   enumerable: true,
   get: function () {
     return _CampaignRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CampaignSharp', {
+Object.defineProperty(exports, "CampaignSharp", {
   enumerable: true,
   get: function () {
     return _CampaignSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CampaignTwoTone', {
+Object.defineProperty(exports, "CampaignTwoTone", {
   enumerable: true,
   get: function () {
     return _CampaignTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Cancel', {
+Object.defineProperty(exports, "Cancel", {
   enumerable: true,
   get: function () {
     return _Cancel.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelOutlined', {
+Object.defineProperty(exports, "CancelOutlined", {
   enumerable: true,
   get: function () {
     return _CancelOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelPresentation', {
+Object.defineProperty(exports, "CancelPresentation", {
   enumerable: true,
   get: function () {
     return _CancelPresentation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelPresentationOutlined', {
+Object.defineProperty(exports, "CancelPresentationOutlined", {
   enumerable: true,
   get: function () {
     return _CancelPresentationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelPresentationRounded', {
+Object.defineProperty(exports, "CancelPresentationRounded", {
   enumerable: true,
   get: function () {
     return _CancelPresentationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelPresentationSharp', {
+Object.defineProperty(exports, "CancelPresentationSharp", {
   enumerable: true,
   get: function () {
     return _CancelPresentationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelPresentationTwoTone', {
+Object.defineProperty(exports, "CancelPresentationTwoTone", {
   enumerable: true,
   get: function () {
     return _CancelPresentationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelRounded', {
+Object.defineProperty(exports, "CancelRounded", {
   enumerable: true,
   get: function () {
     return _CancelRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelScheduleSend', {
+Object.defineProperty(exports, "CancelScheduleSend", {
   enumerable: true,
   get: function () {
     return _CancelScheduleSend.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelScheduleSendOutlined', {
+Object.defineProperty(exports, "CancelScheduleSendOutlined", {
   enumerable: true,
   get: function () {
     return _CancelScheduleSendOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelScheduleSendRounded', {
+Object.defineProperty(exports, "CancelScheduleSendRounded", {
   enumerable: true,
   get: function () {
     return _CancelScheduleSendRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelScheduleSendSharp', {
+Object.defineProperty(exports, "CancelScheduleSendSharp", {
   enumerable: true,
   get: function () {
     return _CancelScheduleSendSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelScheduleSendTwoTone', {
+Object.defineProperty(exports, "CancelScheduleSendTwoTone", {
   enumerable: true,
   get: function () {
     return _CancelScheduleSendTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelSharp', {
+Object.defineProperty(exports, "CancelSharp", {
   enumerable: true,
   get: function () {
     return _CancelSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CancelTwoTone', {
+Object.defineProperty(exports, "CancelTwoTone", {
   enumerable: true,
   get: function () {
     return _CancelTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CandlestickChart', {
+Object.defineProperty(exports, "CandlestickChart", {
   enumerable: true,
   get: function () {
     return _CandlestickChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CandlestickChartOutlined', {
+Object.defineProperty(exports, "CandlestickChartOutlined", {
   enumerable: true,
   get: function () {
     return _CandlestickChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CandlestickChartRounded', {
+Object.defineProperty(exports, "CandlestickChartRounded", {
   enumerable: true,
   get: function () {
     return _CandlestickChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CandlestickChartSharp', {
+Object.defineProperty(exports, "CandlestickChartSharp", {
   enumerable: true,
   get: function () {
     return _CandlestickChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CandlestickChartTwoTone', {
+Object.defineProperty(exports, "CandlestickChartTwoTone", {
   enumerable: true,
   get: function () {
     return _CandlestickChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarCrash', {
+Object.defineProperty(exports, "CarCrash", {
   enumerable: true,
   get: function () {
     return _CarCrash.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarCrashOutlined', {
+Object.defineProperty(exports, "CarCrashOutlined", {
   enumerable: true,
   get: function () {
     return _CarCrashOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarCrashRounded', {
+Object.defineProperty(exports, "CarCrashRounded", {
   enumerable: true,
   get: function () {
     return _CarCrashRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarCrashSharp', {
+Object.defineProperty(exports, "CarCrashSharp", {
   enumerable: true,
   get: function () {
     return _CarCrashSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarCrashTwoTone', {
+Object.defineProperty(exports, "CarCrashTwoTone", {
   enumerable: true,
   get: function () {
     return _CarCrashTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarRental', {
+Object.defineProperty(exports, "CarRental", {
   enumerable: true,
   get: function () {
     return _CarRental.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarRentalOutlined', {
+Object.defineProperty(exports, "CarRentalOutlined", {
   enumerable: true,
   get: function () {
     return _CarRentalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarRentalRounded', {
+Object.defineProperty(exports, "CarRentalRounded", {
   enumerable: true,
   get: function () {
     return _CarRentalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarRentalSharp', {
+Object.defineProperty(exports, "CarRentalSharp", {
   enumerable: true,
   get: function () {
     return _CarRentalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarRentalTwoTone', {
+Object.defineProperty(exports, "CarRentalTwoTone", {
   enumerable: true,
   get: function () {
     return _CarRentalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarRepair', {
+Object.defineProperty(exports, "CarRepair", {
   enumerable: true,
   get: function () {
     return _CarRepair.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarRepairOutlined', {
+Object.defineProperty(exports, "CarRepairOutlined", {
   enumerable: true,
   get: function () {
     return _CarRepairOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarRepairRounded', {
+Object.defineProperty(exports, "CarRepairRounded", {
   enumerable: true,
   get: function () {
     return _CarRepairRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarRepairSharp', {
+Object.defineProperty(exports, "CarRepairSharp", {
   enumerable: true,
   get: function () {
     return _CarRepairSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarRepairTwoTone', {
+Object.defineProperty(exports, "CarRepairTwoTone", {
   enumerable: true,
   get: function () {
     return _CarRepairTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardGiftcard', {
+Object.defineProperty(exports, "CardGiftcard", {
   enumerable: true,
   get: function () {
     return _CardGiftcard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardGiftcardOutlined', {
+Object.defineProperty(exports, "CardGiftcardOutlined", {
   enumerable: true,
   get: function () {
     return _CardGiftcardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardGiftcardRounded', {
+Object.defineProperty(exports, "CardGiftcardRounded", {
   enumerable: true,
   get: function () {
     return _CardGiftcardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardGiftcardSharp', {
+Object.defineProperty(exports, "CardGiftcardSharp", {
   enumerable: true,
   get: function () {
     return _CardGiftcardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardGiftcardTwoTone', {
+Object.defineProperty(exports, "CardGiftcardTwoTone", {
   enumerable: true,
   get: function () {
     return _CardGiftcardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardMembership', {
+Object.defineProperty(exports, "CardMembership", {
   enumerable: true,
   get: function () {
     return _CardMembership.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardMembershipOutlined', {
+Object.defineProperty(exports, "CardMembershipOutlined", {
   enumerable: true,
   get: function () {
     return _CardMembershipOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardMembershipRounded', {
+Object.defineProperty(exports, "CardMembershipRounded", {
   enumerable: true,
   get: function () {
     return _CardMembershipRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardMembershipSharp', {
+Object.defineProperty(exports, "CardMembershipSharp", {
   enumerable: true,
   get: function () {
     return _CardMembershipSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardMembershipTwoTone', {
+Object.defineProperty(exports, "CardMembershipTwoTone", {
   enumerable: true,
   get: function () {
     return _CardMembershipTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardTravel', {
+Object.defineProperty(exports, "CardTravel", {
   enumerable: true,
   get: function () {
     return _CardTravel.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardTravelOutlined', {
+Object.defineProperty(exports, "CardTravelOutlined", {
   enumerable: true,
   get: function () {
     return _CardTravelOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardTravelRounded', {
+Object.defineProperty(exports, "CardTravelRounded", {
   enumerable: true,
   get: function () {
     return _CardTravelRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardTravelSharp', {
+Object.defineProperty(exports, "CardTravelSharp", {
   enumerable: true,
   get: function () {
     return _CardTravelSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CardTravelTwoTone', {
+Object.defineProperty(exports, "CardTravelTwoTone", {
   enumerable: true,
   get: function () {
     return _CardTravelTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Carpenter', {
+Object.defineProperty(exports, "Carpenter", {
   enumerable: true,
   get: function () {
     return _Carpenter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarpenterOutlined', {
+Object.defineProperty(exports, "CarpenterOutlined", {
   enumerable: true,
   get: function () {
     return _CarpenterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarpenterRounded', {
+Object.defineProperty(exports, "CarpenterRounded", {
   enumerable: true,
   get: function () {
     return _CarpenterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarpenterSharp', {
+Object.defineProperty(exports, "CarpenterSharp", {
   enumerable: true,
   get: function () {
     return _CarpenterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CarpenterTwoTone', {
+Object.defineProperty(exports, "CarpenterTwoTone", {
   enumerable: true,
   get: function () {
     return _CarpenterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Cases', {
+Object.defineProperty(exports, "Cases", {
   enumerable: true,
   get: function () {
     return _Cases.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CasesOutlined', {
+Object.defineProperty(exports, "CasesOutlined", {
   enumerable: true,
   get: function () {
     return _CasesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CasesRounded', {
+Object.defineProperty(exports, "CasesRounded", {
   enumerable: true,
   get: function () {
     return _CasesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CasesSharp', {
+Object.defineProperty(exports, "CasesSharp", {
   enumerable: true,
   get: function () {
     return _CasesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CasesTwoTone', {
+Object.defineProperty(exports, "CasesTwoTone", {
   enumerable: true,
   get: function () {
     return _CasesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Casino', {
+Object.defineProperty(exports, "Casino", {
   enumerable: true,
   get: function () {
     return _Casino.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CasinoOutlined', {
+Object.defineProperty(exports, "CasinoOutlined", {
   enumerable: true,
   get: function () {
     return _CasinoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CasinoRounded', {
+Object.defineProperty(exports, "CasinoRounded", {
   enumerable: true,
   get: function () {
     return _CasinoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CasinoSharp', {
+Object.defineProperty(exports, "CasinoSharp", {
   enumerable: true,
   get: function () {
     return _CasinoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CasinoTwoTone', {
+Object.defineProperty(exports, "CasinoTwoTone", {
   enumerable: true,
   get: function () {
     return _CasinoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Cast', {
+Object.defineProperty(exports, "Cast", {
   enumerable: true,
   get: function () {
     return _Cast.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastConnected', {
+Object.defineProperty(exports, "CastConnected", {
   enumerable: true,
   get: function () {
     return _CastConnected.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastConnectedOutlined', {
+Object.defineProperty(exports, "CastConnectedOutlined", {
   enumerable: true,
   get: function () {
     return _CastConnectedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastConnectedRounded', {
+Object.defineProperty(exports, "CastConnectedRounded", {
   enumerable: true,
   get: function () {
     return _CastConnectedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastConnectedSharp', {
+Object.defineProperty(exports, "CastConnectedSharp", {
   enumerable: true,
   get: function () {
     return _CastConnectedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastConnectedTwoTone', {
+Object.defineProperty(exports, "CastConnectedTwoTone", {
   enumerable: true,
   get: function () {
     return _CastConnectedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastForEducation', {
+Object.defineProperty(exports, "CastForEducation", {
   enumerable: true,
   get: function () {
     return _CastForEducation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastForEducationOutlined', {
+Object.defineProperty(exports, "CastForEducationOutlined", {
   enumerable: true,
   get: function () {
     return _CastForEducationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastForEducationRounded', {
+Object.defineProperty(exports, "CastForEducationRounded", {
   enumerable: true,
   get: function () {
     return _CastForEducationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastForEducationSharp', {
+Object.defineProperty(exports, "CastForEducationSharp", {
   enumerable: true,
   get: function () {
     return _CastForEducationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastForEducationTwoTone', {
+Object.defineProperty(exports, "CastForEducationTwoTone", {
   enumerable: true,
   get: function () {
     return _CastForEducationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastOutlined', {
+Object.defineProperty(exports, "CastOutlined", {
   enumerable: true,
   get: function () {
     return _CastOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastRounded', {
+Object.defineProperty(exports, "CastRounded", {
   enumerable: true,
   get: function () {
     return _CastRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastSharp', {
+Object.defineProperty(exports, "CastSharp", {
   enumerable: true,
   get: function () {
     return _CastSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastTwoTone', {
+Object.defineProperty(exports, "CastTwoTone", {
   enumerable: true,
   get: function () {
     return _CastTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Castle', {
+Object.defineProperty(exports, "Castle", {
   enumerable: true,
   get: function () {
     return _Castle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastleOutlined', {
+Object.defineProperty(exports, "CastleOutlined", {
   enumerable: true,
   get: function () {
     return _CastleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastleRounded', {
+Object.defineProperty(exports, "CastleRounded", {
   enumerable: true,
   get: function () {
     return _CastleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastleSharp', {
+Object.defineProperty(exports, "CastleSharp", {
   enumerable: true,
   get: function () {
     return _CastleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CastleTwoTone', {
+Object.defineProperty(exports, "CastleTwoTone", {
   enumerable: true,
   get: function () {
     return _CastleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CatchingPokemon', {
+Object.defineProperty(exports, "CatchingPokemon", {
   enumerable: true,
   get: function () {
     return _CatchingPokemon.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CatchingPokemonOutlined', {
+Object.defineProperty(exports, "CatchingPokemonOutlined", {
   enumerable: true,
   get: function () {
     return _CatchingPokemonOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CatchingPokemonRounded', {
+Object.defineProperty(exports, "CatchingPokemonRounded", {
   enumerable: true,
   get: function () {
     return _CatchingPokemonRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CatchingPokemonSharp', {
+Object.defineProperty(exports, "CatchingPokemonSharp", {
   enumerable: true,
   get: function () {
     return _CatchingPokemonSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CatchingPokemonTwoTone', {
+Object.defineProperty(exports, "CatchingPokemonTwoTone", {
   enumerable: true,
   get: function () {
     return _CatchingPokemonTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Category', {
+Object.defineProperty(exports, "Category", {
   enumerable: true,
   get: function () {
     return _Category.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CategoryOutlined', {
+Object.defineProperty(exports, "CategoryOutlined", {
   enumerable: true,
   get: function () {
     return _CategoryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CategoryRounded', {
+Object.defineProperty(exports, "CategoryRounded", {
   enumerable: true,
   get: function () {
     return _CategoryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CategorySharp', {
+Object.defineProperty(exports, "CategorySharp", {
   enumerable: true,
   get: function () {
     return _CategorySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CategoryTwoTone', {
+Object.defineProperty(exports, "CategoryTwoTone", {
   enumerable: true,
   get: function () {
     return _CategoryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Celebration', {
+Object.defineProperty(exports, "Celebration", {
   enumerable: true,
   get: function () {
     return _Celebration.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CelebrationOutlined', {
+Object.defineProperty(exports, "CelebrationOutlined", {
   enumerable: true,
   get: function () {
     return _CelebrationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CelebrationRounded', {
+Object.defineProperty(exports, "CelebrationRounded", {
   enumerable: true,
   get: function () {
     return _CelebrationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CelebrationSharp', {
+Object.defineProperty(exports, "CelebrationSharp", {
   enumerable: true,
   get: function () {
     return _CelebrationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CelebrationTwoTone', {
+Object.defineProperty(exports, "CelebrationTwoTone", {
   enumerable: true,
   get: function () {
     return _CelebrationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CellTower', {
+Object.defineProperty(exports, "CellTower", {
   enumerable: true,
   get: function () {
     return _CellTower.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CellTowerOutlined', {
+Object.defineProperty(exports, "CellTowerOutlined", {
   enumerable: true,
   get: function () {
     return _CellTowerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CellTowerRounded', {
+Object.defineProperty(exports, "CellTowerRounded", {
   enumerable: true,
   get: function () {
     return _CellTowerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CellTowerSharp', {
+Object.defineProperty(exports, "CellTowerSharp", {
   enumerable: true,
   get: function () {
     return _CellTowerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CellTowerTwoTone', {
+Object.defineProperty(exports, "CellTowerTwoTone", {
   enumerable: true,
   get: function () {
     return _CellTowerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CellWifi', {
+Object.defineProperty(exports, "CellWifi", {
   enumerable: true,
   get: function () {
     return _CellWifi.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CellWifiOutlined', {
+Object.defineProperty(exports, "CellWifiOutlined", {
   enumerable: true,
   get: function () {
     return _CellWifiOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CellWifiRounded', {
+Object.defineProperty(exports, "CellWifiRounded", {
   enumerable: true,
   get: function () {
     return _CellWifiRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CellWifiSharp', {
+Object.defineProperty(exports, "CellWifiSharp", {
   enumerable: true,
   get: function () {
     return _CellWifiSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CellWifiTwoTone', {
+Object.defineProperty(exports, "CellWifiTwoTone", {
   enumerable: true,
   get: function () {
     return _CellWifiTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CenterFocusStrong', {
+Object.defineProperty(exports, "CenterFocusStrong", {
   enumerable: true,
   get: function () {
     return _CenterFocusStrong.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CenterFocusStrongOutlined', {
+Object.defineProperty(exports, "CenterFocusStrongOutlined", {
   enumerable: true,
   get: function () {
     return _CenterFocusStrongOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CenterFocusStrongRounded', {
+Object.defineProperty(exports, "CenterFocusStrongRounded", {
   enumerable: true,
   get: function () {
     return _CenterFocusStrongRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CenterFocusStrongSharp', {
+Object.defineProperty(exports, "CenterFocusStrongSharp", {
   enumerable: true,
   get: function () {
     return _CenterFocusStrongSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CenterFocusStrongTwoTone', {
+Object.defineProperty(exports, "CenterFocusStrongTwoTone", {
   enumerable: true,
   get: function () {
     return _CenterFocusStrongTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CenterFocusWeak', {
+Object.defineProperty(exports, "CenterFocusWeak", {
   enumerable: true,
   get: function () {
     return _CenterFocusWeak.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CenterFocusWeakOutlined', {
+Object.defineProperty(exports, "CenterFocusWeakOutlined", {
   enumerable: true,
   get: function () {
     return _CenterFocusWeakOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CenterFocusWeakRounded', {
+Object.defineProperty(exports, "CenterFocusWeakRounded", {
   enumerable: true,
   get: function () {
     return _CenterFocusWeakRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CenterFocusWeakSharp', {
+Object.defineProperty(exports, "CenterFocusWeakSharp", {
   enumerable: true,
   get: function () {
     return _CenterFocusWeakSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CenterFocusWeakTwoTone', {
+Object.defineProperty(exports, "CenterFocusWeakTwoTone", {
   enumerable: true,
   get: function () {
     return _CenterFocusWeakTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Chair', {
+Object.defineProperty(exports, "Chair", {
   enumerable: true,
   get: function () {
     return _Chair.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChairAlt', {
+Object.defineProperty(exports, "ChairAlt", {
   enumerable: true,
   get: function () {
     return _ChairAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChairAltOutlined', {
+Object.defineProperty(exports, "ChairAltOutlined", {
   enumerable: true,
   get: function () {
     return _ChairAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChairAltRounded', {
+Object.defineProperty(exports, "ChairAltRounded", {
   enumerable: true,
   get: function () {
     return _ChairAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChairAltSharp', {
+Object.defineProperty(exports, "ChairAltSharp", {
   enumerable: true,
   get: function () {
     return _ChairAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChairAltTwoTone', {
+Object.defineProperty(exports, "ChairAltTwoTone", {
   enumerable: true,
   get: function () {
     return _ChairAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChairOutlined', {
+Object.defineProperty(exports, "ChairOutlined", {
   enumerable: true,
   get: function () {
     return _ChairOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChairRounded', {
+Object.defineProperty(exports, "ChairRounded", {
   enumerable: true,
   get: function () {
     return _ChairRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChairSharp', {
+Object.defineProperty(exports, "ChairSharp", {
   enumerable: true,
   get: function () {
     return _ChairSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChairTwoTone', {
+Object.defineProperty(exports, "ChairTwoTone", {
   enumerable: true,
   get: function () {
     return _ChairTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Chalet', {
+Object.defineProperty(exports, "Chalet", {
   enumerable: true,
   get: function () {
     return _Chalet.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChaletOutlined', {
+Object.defineProperty(exports, "ChaletOutlined", {
   enumerable: true,
   get: function () {
     return _ChaletOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChaletRounded', {
+Object.defineProperty(exports, "ChaletRounded", {
   enumerable: true,
   get: function () {
     return _ChaletRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChaletSharp', {
+Object.defineProperty(exports, "ChaletSharp", {
   enumerable: true,
   get: function () {
     return _ChaletSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChaletTwoTone', {
+Object.defineProperty(exports, "ChaletTwoTone", {
   enumerable: true,
   get: function () {
     return _ChaletTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChangeCircle', {
+Object.defineProperty(exports, "ChangeCircle", {
   enumerable: true,
   get: function () {
     return _ChangeCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChangeCircleOutlined', {
+Object.defineProperty(exports, "ChangeCircleOutlined", {
   enumerable: true,
   get: function () {
     return _ChangeCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChangeCircleRounded', {
+Object.defineProperty(exports, "ChangeCircleRounded", {
   enumerable: true,
   get: function () {
     return _ChangeCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChangeCircleSharp', {
+Object.defineProperty(exports, "ChangeCircleSharp", {
   enumerable: true,
   get: function () {
     return _ChangeCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChangeCircleTwoTone', {
+Object.defineProperty(exports, "ChangeCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _ChangeCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChangeHistory', {
+Object.defineProperty(exports, "ChangeHistory", {
   enumerable: true,
   get: function () {
     return _ChangeHistory.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChangeHistoryOutlined', {
+Object.defineProperty(exports, "ChangeHistoryOutlined", {
   enumerable: true,
   get: function () {
     return _ChangeHistoryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChangeHistoryRounded', {
+Object.defineProperty(exports, "ChangeHistoryRounded", {
   enumerable: true,
   get: function () {
     return _ChangeHistoryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChangeHistorySharp', {
+Object.defineProperty(exports, "ChangeHistorySharp", {
   enumerable: true,
   get: function () {
     return _ChangeHistorySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChangeHistoryTwoTone', {
+Object.defineProperty(exports, "ChangeHistoryTwoTone", {
   enumerable: true,
   get: function () {
     return _ChangeHistoryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChargingStation', {
+Object.defineProperty(exports, "ChargingStation", {
   enumerable: true,
   get: function () {
     return _ChargingStation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChargingStationOutlined', {
+Object.defineProperty(exports, "ChargingStationOutlined", {
   enumerable: true,
   get: function () {
     return _ChargingStationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChargingStationRounded', {
+Object.defineProperty(exports, "ChargingStationRounded", {
   enumerable: true,
   get: function () {
     return _ChargingStationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChargingStationSharp', {
+Object.defineProperty(exports, "ChargingStationSharp", {
   enumerable: true,
   get: function () {
     return _ChargingStationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChargingStationTwoTone', {
+Object.defineProperty(exports, "ChargingStationTwoTone", {
   enumerable: true,
   get: function () {
     return _ChargingStationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Chat', {
+Object.defineProperty(exports, "Chat", {
   enumerable: true,
   get: function () {
     return _Chat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatBubble', {
+Object.defineProperty(exports, "ChatBubble", {
   enumerable: true,
   get: function () {
     return _ChatBubble.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatBubbleOutline', {
+Object.defineProperty(exports, "ChatBubbleOutline", {
   enumerable: true,
   get: function () {
     return _ChatBubbleOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatBubbleOutlineOutlined', {
+Object.defineProperty(exports, "ChatBubbleOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _ChatBubbleOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatBubbleOutlineRounded', {
+Object.defineProperty(exports, "ChatBubbleOutlineRounded", {
   enumerable: true,
   get: function () {
     return _ChatBubbleOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatBubbleOutlineSharp', {
+Object.defineProperty(exports, "ChatBubbleOutlineSharp", {
   enumerable: true,
   get: function () {
     return _ChatBubbleOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatBubbleOutlineTwoTone', {
+Object.defineProperty(exports, "ChatBubbleOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _ChatBubbleOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatBubbleOutlined', {
+Object.defineProperty(exports, "ChatBubbleOutlined", {
   enumerable: true,
   get: function () {
     return _ChatBubbleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatBubbleRounded', {
+Object.defineProperty(exports, "ChatBubbleRounded", {
   enumerable: true,
   get: function () {
     return _ChatBubbleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatBubbleSharp', {
+Object.defineProperty(exports, "ChatBubbleSharp", {
   enumerable: true,
   get: function () {
     return _ChatBubbleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatBubbleTwoTone', {
+Object.defineProperty(exports, "ChatBubbleTwoTone", {
   enumerable: true,
   get: function () {
     return _ChatBubbleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatOutlined', {
+Object.defineProperty(exports, "ChatOutlined", {
   enumerable: true,
   get: function () {
     return _ChatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatRounded', {
+Object.defineProperty(exports, "ChatRounded", {
   enumerable: true,
   get: function () {
     return _ChatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatSharp', {
+Object.defineProperty(exports, "ChatSharp", {
   enumerable: true,
   get: function () {
     return _ChatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChatTwoTone', {
+Object.defineProperty(exports, "ChatTwoTone", {
   enumerable: true,
   get: function () {
     return _ChatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Check', {
+Object.defineProperty(exports, "Check", {
   enumerable: true,
   get: function () {
     return _Check.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckBox', {
+Object.defineProperty(exports, "CheckBox", {
   enumerable: true,
   get: function () {
     return _CheckBox.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckBoxOutlineBlank', {
+Object.defineProperty(exports, "CheckBoxOutlineBlank", {
   enumerable: true,
   get: function () {
     return _CheckBoxOutlineBlank.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckBoxOutlineBlankOutlined', {
+Object.defineProperty(exports, "CheckBoxOutlineBlankOutlined", {
   enumerable: true,
   get: function () {
     return _CheckBoxOutlineBlankOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckBoxOutlineBlankRounded', {
+Object.defineProperty(exports, "CheckBoxOutlineBlankRounded", {
   enumerable: true,
   get: function () {
     return _CheckBoxOutlineBlankRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckBoxOutlineBlankSharp', {
+Object.defineProperty(exports, "CheckBoxOutlineBlankSharp", {
   enumerable: true,
   get: function () {
     return _CheckBoxOutlineBlankSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckBoxOutlineBlankTwoTone', {
+Object.defineProperty(exports, "CheckBoxOutlineBlankTwoTone", {
   enumerable: true,
   get: function () {
     return _CheckBoxOutlineBlankTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckBoxOutlined', {
+Object.defineProperty(exports, "CheckBoxOutlined", {
   enumerable: true,
   get: function () {
     return _CheckBoxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckBoxRounded', {
+Object.defineProperty(exports, "CheckBoxRounded", {
   enumerable: true,
   get: function () {
     return _CheckBoxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckBoxSharp', {
+Object.defineProperty(exports, "CheckBoxSharp", {
   enumerable: true,
   get: function () {
     return _CheckBoxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckBoxTwoTone', {
+Object.defineProperty(exports, "CheckBoxTwoTone", {
   enumerable: true,
   get: function () {
     return _CheckBoxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckCircle', {
+Object.defineProperty(exports, "CheckCircle", {
   enumerable: true,
   get: function () {
     return _CheckCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckCircleOutline', {
+Object.defineProperty(exports, "CheckCircleOutline", {
   enumerable: true,
   get: function () {
     return _CheckCircleOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckCircleOutlineOutlined', {
+Object.defineProperty(exports, "CheckCircleOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _CheckCircleOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckCircleOutlineRounded', {
+Object.defineProperty(exports, "CheckCircleOutlineRounded", {
   enumerable: true,
   get: function () {
     return _CheckCircleOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckCircleOutlineSharp', {
+Object.defineProperty(exports, "CheckCircleOutlineSharp", {
   enumerable: true,
   get: function () {
     return _CheckCircleOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckCircleOutlineTwoTone', {
+Object.defineProperty(exports, "CheckCircleOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _CheckCircleOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckCircleOutlined', {
+Object.defineProperty(exports, "CheckCircleOutlined", {
   enumerable: true,
   get: function () {
     return _CheckCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckCircleRounded', {
+Object.defineProperty(exports, "CheckCircleRounded", {
   enumerable: true,
   get: function () {
     return _CheckCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckCircleSharp', {
+Object.defineProperty(exports, "CheckCircleSharp", {
   enumerable: true,
   get: function () {
     return _CheckCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckCircleTwoTone', {
+Object.defineProperty(exports, "CheckCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _CheckCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckOutlined', {
+Object.defineProperty(exports, "CheckOutlined", {
   enumerable: true,
   get: function () {
     return _CheckOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckRounded', {
+Object.defineProperty(exports, "CheckRounded", {
   enumerable: true,
   get: function () {
     return _CheckRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckSharp', {
+Object.defineProperty(exports, "CheckSharp", {
   enumerable: true,
   get: function () {
     return _CheckSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckTwoTone', {
+Object.defineProperty(exports, "CheckTwoTone", {
   enumerable: true,
   get: function () {
     return _CheckTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Checklist', {
+Object.defineProperty(exports, "Checklist", {
   enumerable: true,
   get: function () {
     return _Checklist.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChecklistOutlined', {
+Object.defineProperty(exports, "ChecklistOutlined", {
   enumerable: true,
   get: function () {
     return _ChecklistOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChecklistRounded', {
+Object.defineProperty(exports, "ChecklistRounded", {
   enumerable: true,
   get: function () {
     return _ChecklistRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChecklistRtl', {
+Object.defineProperty(exports, "ChecklistRtl", {
   enumerable: true,
   get: function () {
     return _ChecklistRtl.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChecklistRtlOutlined', {
+Object.defineProperty(exports, "ChecklistRtlOutlined", {
   enumerable: true,
   get: function () {
     return _ChecklistRtlOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChecklistRtlRounded', {
+Object.defineProperty(exports, "ChecklistRtlRounded", {
   enumerable: true,
   get: function () {
     return _ChecklistRtlRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChecklistRtlSharp', {
+Object.defineProperty(exports, "ChecklistRtlSharp", {
   enumerable: true,
   get: function () {
     return _ChecklistRtlSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChecklistRtlTwoTone', {
+Object.defineProperty(exports, "ChecklistRtlTwoTone", {
   enumerable: true,
   get: function () {
     return _ChecklistRtlTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChecklistSharp', {
+Object.defineProperty(exports, "ChecklistSharp", {
   enumerable: true,
   get: function () {
     return _ChecklistSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChecklistTwoTone', {
+Object.defineProperty(exports, "ChecklistTwoTone", {
   enumerable: true,
   get: function () {
     return _ChecklistTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Checkroom', {
+Object.defineProperty(exports, "Checkroom", {
   enumerable: true,
   get: function () {
     return _Checkroom.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckroomOutlined', {
+Object.defineProperty(exports, "CheckroomOutlined", {
   enumerable: true,
   get: function () {
     return _CheckroomOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckroomRounded', {
+Object.defineProperty(exports, "CheckroomRounded", {
   enumerable: true,
   get: function () {
     return _CheckroomRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckroomSharp', {
+Object.defineProperty(exports, "CheckroomSharp", {
   enumerable: true,
   get: function () {
     return _CheckroomSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CheckroomTwoTone', {
+Object.defineProperty(exports, "CheckroomTwoTone", {
   enumerable: true,
   get: function () {
     return _CheckroomTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChevronLeft', {
+Object.defineProperty(exports, "ChevronLeft", {
   enumerable: true,
   get: function () {
     return _ChevronLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChevronLeftOutlined', {
+Object.defineProperty(exports, "ChevronLeftOutlined", {
   enumerable: true,
   get: function () {
     return _ChevronLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChevronLeftRounded', {
+Object.defineProperty(exports, "ChevronLeftRounded", {
   enumerable: true,
   get: function () {
     return _ChevronLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChevronLeftSharp', {
+Object.defineProperty(exports, "ChevronLeftSharp", {
   enumerable: true,
   get: function () {
     return _ChevronLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChevronLeftTwoTone', {
+Object.defineProperty(exports, "ChevronLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _ChevronLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChevronRight', {
+Object.defineProperty(exports, "ChevronRight", {
   enumerable: true,
   get: function () {
     return _ChevronRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChevronRightOutlined', {
+Object.defineProperty(exports, "ChevronRightOutlined", {
   enumerable: true,
   get: function () {
     return _ChevronRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChevronRightRounded', {
+Object.defineProperty(exports, "ChevronRightRounded", {
   enumerable: true,
   get: function () {
     return _ChevronRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChevronRightSharp', {
+Object.defineProperty(exports, "ChevronRightSharp", {
   enumerable: true,
   get: function () {
     return _ChevronRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChevronRightTwoTone', {
+Object.defineProperty(exports, "ChevronRightTwoTone", {
   enumerable: true,
   get: function () {
     return _ChevronRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChildCare', {
+Object.defineProperty(exports, "ChildCare", {
   enumerable: true,
   get: function () {
     return _ChildCare.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChildCareOutlined', {
+Object.defineProperty(exports, "ChildCareOutlined", {
   enumerable: true,
   get: function () {
     return _ChildCareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChildCareRounded', {
+Object.defineProperty(exports, "ChildCareRounded", {
   enumerable: true,
   get: function () {
     return _ChildCareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChildCareSharp', {
+Object.defineProperty(exports, "ChildCareSharp", {
   enumerable: true,
   get: function () {
     return _ChildCareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChildCareTwoTone', {
+Object.defineProperty(exports, "ChildCareTwoTone", {
   enumerable: true,
   get: function () {
     return _ChildCareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChildFriendly', {
+Object.defineProperty(exports, "ChildFriendly", {
   enumerable: true,
   get: function () {
     return _ChildFriendly.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChildFriendlyOutlined', {
+Object.defineProperty(exports, "ChildFriendlyOutlined", {
   enumerable: true,
   get: function () {
     return _ChildFriendlyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChildFriendlyRounded', {
+Object.defineProperty(exports, "ChildFriendlyRounded", {
   enumerable: true,
   get: function () {
     return _ChildFriendlyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChildFriendlySharp', {
+Object.defineProperty(exports, "ChildFriendlySharp", {
   enumerable: true,
   get: function () {
     return _ChildFriendlySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChildFriendlyTwoTone', {
+Object.defineProperty(exports, "ChildFriendlyTwoTone", {
   enumerable: true,
   get: function () {
     return _ChildFriendlyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChromeReaderMode', {
+Object.defineProperty(exports, "ChromeReaderMode", {
   enumerable: true,
   get: function () {
     return _ChromeReaderMode.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChromeReaderModeOutlined', {
+Object.defineProperty(exports, "ChromeReaderModeOutlined", {
   enumerable: true,
   get: function () {
     return _ChromeReaderModeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChromeReaderModeRounded', {
+Object.defineProperty(exports, "ChromeReaderModeRounded", {
   enumerable: true,
   get: function () {
     return _ChromeReaderModeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChromeReaderModeSharp', {
+Object.defineProperty(exports, "ChromeReaderModeSharp", {
   enumerable: true,
   get: function () {
     return _ChromeReaderModeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChromeReaderModeTwoTone', {
+Object.defineProperty(exports, "ChromeReaderModeTwoTone", {
   enumerable: true,
   get: function () {
     return _ChromeReaderModeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Church', {
+Object.defineProperty(exports, "Church", {
   enumerable: true,
   get: function () {
     return _Church.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChurchOutlined', {
+Object.defineProperty(exports, "ChurchOutlined", {
   enumerable: true,
   get: function () {
     return _ChurchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChurchRounded', {
+Object.defineProperty(exports, "ChurchRounded", {
   enumerable: true,
   get: function () {
     return _ChurchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChurchSharp', {
+Object.defineProperty(exports, "ChurchSharp", {
   enumerable: true,
   get: function () {
     return _ChurchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ChurchTwoTone', {
+Object.defineProperty(exports, "ChurchTwoTone", {
   enumerable: true,
   get: function () {
     return _ChurchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Circle', {
+Object.defineProperty(exports, "Circle", {
   enumerable: true,
   get: function () {
     return _Circle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CircleNotifications', {
+Object.defineProperty(exports, "CircleNotifications", {
   enumerable: true,
   get: function () {
     return _CircleNotifications.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CircleNotificationsOutlined', {
+Object.defineProperty(exports, "CircleNotificationsOutlined", {
   enumerable: true,
   get: function () {
     return _CircleNotificationsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CircleNotificationsRounded', {
+Object.defineProperty(exports, "CircleNotificationsRounded", {
   enumerable: true,
   get: function () {
     return _CircleNotificationsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CircleNotificationsSharp', {
+Object.defineProperty(exports, "CircleNotificationsSharp", {
   enumerable: true,
   get: function () {
     return _CircleNotificationsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CircleNotificationsTwoTone', {
+Object.defineProperty(exports, "CircleNotificationsTwoTone", {
   enumerable: true,
   get: function () {
     return _CircleNotificationsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CircleOutlined', {
+Object.defineProperty(exports, "CircleOutlined", {
   enumerable: true,
   get: function () {
     return _CircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CircleRounded', {
+Object.defineProperty(exports, "CircleRounded", {
   enumerable: true,
   get: function () {
     return _CircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CircleSharp', {
+Object.defineProperty(exports, "CircleSharp", {
   enumerable: true,
   get: function () {
     return _CircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CircleTwoTone', {
+Object.defineProperty(exports, "CircleTwoTone", {
   enumerable: true,
   get: function () {
     return _CircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Class', {
+Object.defineProperty(exports, "Class", {
   enumerable: true,
   get: function () {
     return _Class.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClassOutlined', {
+Object.defineProperty(exports, "ClassOutlined", {
   enumerable: true,
   get: function () {
     return _ClassOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClassRounded', {
+Object.defineProperty(exports, "ClassRounded", {
   enumerable: true,
   get: function () {
     return _ClassRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClassSharp', {
+Object.defineProperty(exports, "ClassSharp", {
   enumerable: true,
   get: function () {
     return _ClassSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClassTwoTone', {
+Object.defineProperty(exports, "ClassTwoTone", {
   enumerable: true,
   get: function () {
     return _ClassTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CleanHands', {
+Object.defineProperty(exports, "CleanHands", {
   enumerable: true,
   get: function () {
     return _CleanHands.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CleanHandsOutlined', {
+Object.defineProperty(exports, "CleanHandsOutlined", {
   enumerable: true,
   get: function () {
     return _CleanHandsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CleanHandsRounded', {
+Object.defineProperty(exports, "CleanHandsRounded", {
   enumerable: true,
   get: function () {
     return _CleanHandsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CleanHandsSharp', {
+Object.defineProperty(exports, "CleanHandsSharp", {
   enumerable: true,
   get: function () {
     return _CleanHandsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CleanHandsTwoTone', {
+Object.defineProperty(exports, "CleanHandsTwoTone", {
   enumerable: true,
   get: function () {
     return _CleanHandsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CleaningServices', {
+Object.defineProperty(exports, "CleaningServices", {
   enumerable: true,
   get: function () {
     return _CleaningServices.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CleaningServicesOutlined', {
+Object.defineProperty(exports, "CleaningServicesOutlined", {
   enumerable: true,
   get: function () {
     return _CleaningServicesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CleaningServicesRounded', {
+Object.defineProperty(exports, "CleaningServicesRounded", {
   enumerable: true,
   get: function () {
     return _CleaningServicesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CleaningServicesSharp', {
+Object.defineProperty(exports, "CleaningServicesSharp", {
   enumerable: true,
   get: function () {
     return _CleaningServicesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CleaningServicesTwoTone', {
+Object.defineProperty(exports, "CleaningServicesTwoTone", {
   enumerable: true,
   get: function () {
     return _CleaningServicesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Clear', {
+Object.defineProperty(exports, "Clear", {
   enumerable: true,
   get: function () {
     return _Clear.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClearAll', {
+Object.defineProperty(exports, "ClearAll", {
   enumerable: true,
   get: function () {
     return _ClearAll.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClearAllOutlined', {
+Object.defineProperty(exports, "ClearAllOutlined", {
   enumerable: true,
   get: function () {
     return _ClearAllOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClearAllRounded', {
+Object.defineProperty(exports, "ClearAllRounded", {
   enumerable: true,
   get: function () {
     return _ClearAllRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClearAllSharp', {
+Object.defineProperty(exports, "ClearAllSharp", {
   enumerable: true,
   get: function () {
     return _ClearAllSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClearAllTwoTone', {
+Object.defineProperty(exports, "ClearAllTwoTone", {
   enumerable: true,
   get: function () {
     return _ClearAllTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClearOutlined', {
+Object.defineProperty(exports, "ClearOutlined", {
   enumerable: true,
   get: function () {
     return _ClearOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClearRounded', {
+Object.defineProperty(exports, "ClearRounded", {
   enumerable: true,
   get: function () {
     return _ClearRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClearSharp', {
+Object.defineProperty(exports, "ClearSharp", {
   enumerable: true,
   get: function () {
     return _ClearSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClearTwoTone', {
+Object.defineProperty(exports, "ClearTwoTone", {
   enumerable: true,
   get: function () {
     return _ClearTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Close', {
+Object.defineProperty(exports, "Close", {
   enumerable: true,
   get: function () {
     return _Close.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloseFullscreen', {
+Object.defineProperty(exports, "CloseFullscreen", {
   enumerable: true,
   get: function () {
     return _CloseFullscreen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloseFullscreenOutlined', {
+Object.defineProperty(exports, "CloseFullscreenOutlined", {
   enumerable: true,
   get: function () {
     return _CloseFullscreenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloseFullscreenRounded', {
+Object.defineProperty(exports, "CloseFullscreenRounded", {
   enumerable: true,
   get: function () {
     return _CloseFullscreenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloseFullscreenSharp', {
+Object.defineProperty(exports, "CloseFullscreenSharp", {
   enumerable: true,
   get: function () {
     return _CloseFullscreenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloseFullscreenTwoTone', {
+Object.defineProperty(exports, "CloseFullscreenTwoTone", {
   enumerable: true,
   get: function () {
     return _CloseFullscreenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloseOutlined', {
+Object.defineProperty(exports, "CloseOutlined", {
   enumerable: true,
   get: function () {
     return _CloseOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloseRounded', {
+Object.defineProperty(exports, "CloseRounded", {
   enumerable: true,
   get: function () {
     return _CloseRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloseSharp', {
+Object.defineProperty(exports, "CloseSharp", {
   enumerable: true,
   get: function () {
     return _CloseSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloseTwoTone', {
+Object.defineProperty(exports, "CloseTwoTone", {
   enumerable: true,
   get: function () {
     return _CloseTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaption', {
+Object.defineProperty(exports, "ClosedCaption", {
   enumerable: true,
   get: function () {
     return _ClosedCaption.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionDisabled', {
+Object.defineProperty(exports, "ClosedCaptionDisabled", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionDisabledOutlined', {
+Object.defineProperty(exports, "ClosedCaptionDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionDisabledRounded', {
+Object.defineProperty(exports, "ClosedCaptionDisabledRounded", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionDisabledSharp', {
+Object.defineProperty(exports, "ClosedCaptionDisabledSharp", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionDisabledTwoTone', {
+Object.defineProperty(exports, "ClosedCaptionDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionOff', {
+Object.defineProperty(exports, "ClosedCaptionOff", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionOffOutlined', {
+Object.defineProperty(exports, "ClosedCaptionOffOutlined", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionOffRounded', {
+Object.defineProperty(exports, "ClosedCaptionOffRounded", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionOffSharp', {
+Object.defineProperty(exports, "ClosedCaptionOffSharp", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionOffTwoTone', {
+Object.defineProperty(exports, "ClosedCaptionOffTwoTone", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionOutlined', {
+Object.defineProperty(exports, "ClosedCaptionOutlined", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionRounded', {
+Object.defineProperty(exports, "ClosedCaptionRounded", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionSharp', {
+Object.defineProperty(exports, "ClosedCaptionSharp", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ClosedCaptionTwoTone', {
+Object.defineProperty(exports, "ClosedCaptionTwoTone", {
   enumerable: true,
   get: function () {
     return _ClosedCaptionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Cloud', {
+Object.defineProperty(exports, "Cloud", {
   enumerable: true,
   get: function () {
     return _Cloud.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudCircle', {
+Object.defineProperty(exports, "CloudCircle", {
   enumerable: true,
   get: function () {
     return _CloudCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudCircleOutlined', {
+Object.defineProperty(exports, "CloudCircleOutlined", {
   enumerable: true,
   get: function () {
     return _CloudCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudCircleRounded', {
+Object.defineProperty(exports, "CloudCircleRounded", {
   enumerable: true,
   get: function () {
     return _CloudCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudCircleSharp', {
+Object.defineProperty(exports, "CloudCircleSharp", {
   enumerable: true,
   get: function () {
     return _CloudCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudCircleTwoTone', {
+Object.defineProperty(exports, "CloudCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _CloudCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudDone', {
+Object.defineProperty(exports, "CloudDone", {
   enumerable: true,
   get: function () {
     return _CloudDone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudDoneOutlined', {
+Object.defineProperty(exports, "CloudDoneOutlined", {
   enumerable: true,
   get: function () {
     return _CloudDoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudDoneRounded', {
+Object.defineProperty(exports, "CloudDoneRounded", {
   enumerable: true,
   get: function () {
     return _CloudDoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudDoneSharp', {
+Object.defineProperty(exports, "CloudDoneSharp", {
   enumerable: true,
   get: function () {
     return _CloudDoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudDoneTwoTone', {
+Object.defineProperty(exports, "CloudDoneTwoTone", {
   enumerable: true,
   get: function () {
     return _CloudDoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudDownload', {
+Object.defineProperty(exports, "CloudDownload", {
   enumerable: true,
   get: function () {
     return _CloudDownload.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudDownloadOutlined', {
+Object.defineProperty(exports, "CloudDownloadOutlined", {
   enumerable: true,
   get: function () {
     return _CloudDownloadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudDownloadRounded', {
+Object.defineProperty(exports, "CloudDownloadRounded", {
   enumerable: true,
   get: function () {
     return _CloudDownloadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudDownloadSharp', {
+Object.defineProperty(exports, "CloudDownloadSharp", {
   enumerable: true,
   get: function () {
     return _CloudDownloadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudDownloadTwoTone', {
+Object.defineProperty(exports, "CloudDownloadTwoTone", {
   enumerable: true,
   get: function () {
     return _CloudDownloadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudOff', {
+Object.defineProperty(exports, "CloudOff", {
   enumerable: true,
   get: function () {
     return _CloudOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudOffOutlined', {
+Object.defineProperty(exports, "CloudOffOutlined", {
   enumerable: true,
   get: function () {
     return _CloudOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudOffRounded', {
+Object.defineProperty(exports, "CloudOffRounded", {
   enumerable: true,
   get: function () {
     return _CloudOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudOffSharp', {
+Object.defineProperty(exports, "CloudOffSharp", {
   enumerable: true,
   get: function () {
     return _CloudOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudOffTwoTone', {
+Object.defineProperty(exports, "CloudOffTwoTone", {
   enumerable: true,
   get: function () {
     return _CloudOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudOutlined', {
+Object.defineProperty(exports, "CloudOutlined", {
   enumerable: true,
   get: function () {
     return _CloudOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudQueue', {
+Object.defineProperty(exports, "CloudQueue", {
   enumerable: true,
   get: function () {
     return _CloudQueue.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudQueueOutlined', {
+Object.defineProperty(exports, "CloudQueueOutlined", {
   enumerable: true,
   get: function () {
     return _CloudQueueOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudQueueRounded', {
+Object.defineProperty(exports, "CloudQueueRounded", {
   enumerable: true,
   get: function () {
     return _CloudQueueRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudQueueSharp', {
+Object.defineProperty(exports, "CloudQueueSharp", {
   enumerable: true,
   get: function () {
     return _CloudQueueSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudQueueTwoTone', {
+Object.defineProperty(exports, "CloudQueueTwoTone", {
   enumerable: true,
   get: function () {
     return _CloudQueueTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudRounded', {
+Object.defineProperty(exports, "CloudRounded", {
   enumerable: true,
   get: function () {
     return _CloudRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudSharp', {
+Object.defineProperty(exports, "CloudSharp", {
   enumerable: true,
   get: function () {
     return _CloudSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudSync', {
+Object.defineProperty(exports, "CloudSync", {
   enumerable: true,
   get: function () {
     return _CloudSync.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudSyncOutlined', {
+Object.defineProperty(exports, "CloudSyncOutlined", {
   enumerable: true,
   get: function () {
     return _CloudSyncOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudSyncRounded', {
+Object.defineProperty(exports, "CloudSyncRounded", {
   enumerable: true,
   get: function () {
     return _CloudSyncRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudSyncSharp', {
+Object.defineProperty(exports, "CloudSyncSharp", {
   enumerable: true,
   get: function () {
     return _CloudSyncSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudSyncTwoTone', {
+Object.defineProperty(exports, "CloudSyncTwoTone", {
   enumerable: true,
   get: function () {
     return _CloudSyncTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudTwoTone', {
+Object.defineProperty(exports, "CloudTwoTone", {
   enumerable: true,
   get: function () {
     return _CloudTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudUpload', {
+Object.defineProperty(exports, "CloudUpload", {
   enumerable: true,
   get: function () {
     return _CloudUpload.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudUploadOutlined', {
+Object.defineProperty(exports, "CloudUploadOutlined", {
   enumerable: true,
   get: function () {
     return _CloudUploadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudUploadRounded', {
+Object.defineProperty(exports, "CloudUploadRounded", {
   enumerable: true,
   get: function () {
     return _CloudUploadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudUploadSharp', {
+Object.defineProperty(exports, "CloudUploadSharp", {
   enumerable: true,
   get: function () {
     return _CloudUploadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CloudUploadTwoTone', {
+Object.defineProperty(exports, "CloudUploadTwoTone", {
   enumerable: true,
   get: function () {
     return _CloudUploadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Co2', {
+Object.defineProperty(exports, "Co2", {
   enumerable: true,
   get: function () {
     return _Co.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Co2Outlined', {
+Object.defineProperty(exports, "Co2Outlined", {
   enumerable: true,
   get: function () {
     return _Co2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Co2Rounded', {
+Object.defineProperty(exports, "Co2Rounded", {
   enumerable: true,
   get: function () {
     return _Co2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Co2Sharp', {
+Object.defineProperty(exports, "Co2Sharp", {
   enumerable: true,
   get: function () {
     return _Co2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Co2TwoTone', {
+Object.defineProperty(exports, "Co2TwoTone", {
   enumerable: true,
   get: function () {
     return _Co2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoPresent', {
+Object.defineProperty(exports, "CoPresent", {
   enumerable: true,
   get: function () {
     return _CoPresent.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoPresentOutlined', {
+Object.defineProperty(exports, "CoPresentOutlined", {
   enumerable: true,
   get: function () {
     return _CoPresentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoPresentRounded', {
+Object.defineProperty(exports, "CoPresentRounded", {
   enumerable: true,
   get: function () {
     return _CoPresentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoPresentSharp', {
+Object.defineProperty(exports, "CoPresentSharp", {
   enumerable: true,
   get: function () {
     return _CoPresentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoPresentTwoTone', {
+Object.defineProperty(exports, "CoPresentTwoTone", {
   enumerable: true,
   get: function () {
     return _CoPresentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Code', {
+Object.defineProperty(exports, "Code", {
   enumerable: true,
   get: function () {
     return _Code.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CodeOff', {
+Object.defineProperty(exports, "CodeOff", {
   enumerable: true,
   get: function () {
     return _CodeOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CodeOffOutlined', {
+Object.defineProperty(exports, "CodeOffOutlined", {
   enumerable: true,
   get: function () {
     return _CodeOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CodeOffRounded', {
+Object.defineProperty(exports, "CodeOffRounded", {
   enumerable: true,
   get: function () {
     return _CodeOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CodeOffSharp', {
+Object.defineProperty(exports, "CodeOffSharp", {
   enumerable: true,
   get: function () {
     return _CodeOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CodeOffTwoTone', {
+Object.defineProperty(exports, "CodeOffTwoTone", {
   enumerable: true,
   get: function () {
     return _CodeOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CodeOutlined', {
+Object.defineProperty(exports, "CodeOutlined", {
   enumerable: true,
   get: function () {
     return _CodeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CodeRounded', {
+Object.defineProperty(exports, "CodeRounded", {
   enumerable: true,
   get: function () {
     return _CodeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CodeSharp', {
+Object.defineProperty(exports, "CodeSharp", {
   enumerable: true,
   get: function () {
     return _CodeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CodeTwoTone', {
+Object.defineProperty(exports, "CodeTwoTone", {
   enumerable: true,
   get: function () {
     return _CodeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Coffee', {
+Object.defineProperty(exports, "Coffee", {
   enumerable: true,
   get: function () {
     return _Coffee.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoffeeMaker', {
+Object.defineProperty(exports, "CoffeeMaker", {
   enumerable: true,
   get: function () {
     return _CoffeeMaker.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoffeeMakerOutlined', {
+Object.defineProperty(exports, "CoffeeMakerOutlined", {
   enumerable: true,
   get: function () {
     return _CoffeeMakerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoffeeMakerRounded', {
+Object.defineProperty(exports, "CoffeeMakerRounded", {
   enumerable: true,
   get: function () {
     return _CoffeeMakerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoffeeMakerSharp', {
+Object.defineProperty(exports, "CoffeeMakerSharp", {
   enumerable: true,
   get: function () {
     return _CoffeeMakerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoffeeMakerTwoTone', {
+Object.defineProperty(exports, "CoffeeMakerTwoTone", {
   enumerable: true,
   get: function () {
     return _CoffeeMakerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoffeeOutlined', {
+Object.defineProperty(exports, "CoffeeOutlined", {
   enumerable: true,
   get: function () {
     return _CoffeeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoffeeRounded', {
+Object.defineProperty(exports, "CoffeeRounded", {
   enumerable: true,
   get: function () {
     return _CoffeeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoffeeSharp', {
+Object.defineProperty(exports, "CoffeeSharp", {
   enumerable: true,
   get: function () {
     return _CoffeeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoffeeTwoTone', {
+Object.defineProperty(exports, "CoffeeTwoTone", {
   enumerable: true,
   get: function () {
     return _CoffeeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Collections', {
+Object.defineProperty(exports, "Collections", {
   enumerable: true,
   get: function () {
     return _Collections.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CollectionsBookmark', {
+Object.defineProperty(exports, "CollectionsBookmark", {
   enumerable: true,
   get: function () {
     return _CollectionsBookmark.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CollectionsBookmarkOutlined', {
+Object.defineProperty(exports, "CollectionsBookmarkOutlined", {
   enumerable: true,
   get: function () {
     return _CollectionsBookmarkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CollectionsBookmarkRounded', {
+Object.defineProperty(exports, "CollectionsBookmarkRounded", {
   enumerable: true,
   get: function () {
     return _CollectionsBookmarkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CollectionsBookmarkSharp', {
+Object.defineProperty(exports, "CollectionsBookmarkSharp", {
   enumerable: true,
   get: function () {
     return _CollectionsBookmarkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CollectionsBookmarkTwoTone', {
+Object.defineProperty(exports, "CollectionsBookmarkTwoTone", {
   enumerable: true,
   get: function () {
     return _CollectionsBookmarkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CollectionsOutlined', {
+Object.defineProperty(exports, "CollectionsOutlined", {
   enumerable: true,
   get: function () {
     return _CollectionsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CollectionsRounded', {
+Object.defineProperty(exports, "CollectionsRounded", {
   enumerable: true,
   get: function () {
     return _CollectionsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CollectionsSharp', {
+Object.defineProperty(exports, "CollectionsSharp", {
   enumerable: true,
   get: function () {
     return _CollectionsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CollectionsTwoTone', {
+Object.defineProperty(exports, "CollectionsTwoTone", {
   enumerable: true,
   get: function () {
     return _CollectionsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ColorLens', {
+Object.defineProperty(exports, "ColorLens", {
   enumerable: true,
   get: function () {
     return _ColorLens.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ColorLensOutlined', {
+Object.defineProperty(exports, "ColorLensOutlined", {
   enumerable: true,
   get: function () {
     return _ColorLensOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ColorLensRounded', {
+Object.defineProperty(exports, "ColorLensRounded", {
   enumerable: true,
   get: function () {
     return _ColorLensRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ColorLensSharp', {
+Object.defineProperty(exports, "ColorLensSharp", {
   enumerable: true,
   get: function () {
     return _ColorLensSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ColorLensTwoTone', {
+Object.defineProperty(exports, "ColorLensTwoTone", {
   enumerable: true,
   get: function () {
     return _ColorLensTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Colorize', {
+Object.defineProperty(exports, "Colorize", {
   enumerable: true,
   get: function () {
     return _Colorize.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ColorizeOutlined', {
+Object.defineProperty(exports, "ColorizeOutlined", {
   enumerable: true,
   get: function () {
     return _ColorizeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ColorizeRounded', {
+Object.defineProperty(exports, "ColorizeRounded", {
   enumerable: true,
   get: function () {
     return _ColorizeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ColorizeSharp', {
+Object.defineProperty(exports, "ColorizeSharp", {
   enumerable: true,
   get: function () {
     return _ColorizeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ColorizeTwoTone', {
+Object.defineProperty(exports, "ColorizeTwoTone", {
   enumerable: true,
   get: function () {
     return _ColorizeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Comment', {
+Object.defineProperty(exports, "Comment", {
   enumerable: true,
   get: function () {
     return _Comment.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentBank', {
+Object.defineProperty(exports, "CommentBank", {
   enumerable: true,
   get: function () {
     return _CommentBank.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentBankOutlined', {
+Object.defineProperty(exports, "CommentBankOutlined", {
   enumerable: true,
   get: function () {
     return _CommentBankOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentBankRounded', {
+Object.defineProperty(exports, "CommentBankRounded", {
   enumerable: true,
   get: function () {
     return _CommentBankRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentBankSharp', {
+Object.defineProperty(exports, "CommentBankSharp", {
   enumerable: true,
   get: function () {
     return _CommentBankSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentBankTwoTone', {
+Object.defineProperty(exports, "CommentBankTwoTone", {
   enumerable: true,
   get: function () {
     return _CommentBankTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentOutlined', {
+Object.defineProperty(exports, "CommentOutlined", {
   enumerable: true,
   get: function () {
     return _CommentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentRounded', {
+Object.defineProperty(exports, "CommentRounded", {
   enumerable: true,
   get: function () {
     return _CommentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentSharp', {
+Object.defineProperty(exports, "CommentSharp", {
   enumerable: true,
   get: function () {
     return _CommentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentTwoTone', {
+Object.defineProperty(exports, "CommentTwoTone", {
   enumerable: true,
   get: function () {
     return _CommentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentsDisabled', {
+Object.defineProperty(exports, "CommentsDisabled", {
   enumerable: true,
   get: function () {
     return _CommentsDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentsDisabledOutlined', {
+Object.defineProperty(exports, "CommentsDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _CommentsDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentsDisabledRounded', {
+Object.defineProperty(exports, "CommentsDisabledRounded", {
   enumerable: true,
   get: function () {
     return _CommentsDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentsDisabledSharp', {
+Object.defineProperty(exports, "CommentsDisabledSharp", {
   enumerable: true,
   get: function () {
     return _CommentsDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommentsDisabledTwoTone', {
+Object.defineProperty(exports, "CommentsDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _CommentsDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Commit', {
+Object.defineProperty(exports, "Commit", {
   enumerable: true,
   get: function () {
     return _Commit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommitOutlined', {
+Object.defineProperty(exports, "CommitOutlined", {
   enumerable: true,
   get: function () {
     return _CommitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommitRounded', {
+Object.defineProperty(exports, "CommitRounded", {
   enumerable: true,
   get: function () {
     return _CommitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommitSharp', {
+Object.defineProperty(exports, "CommitSharp", {
   enumerable: true,
   get: function () {
     return _CommitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommitTwoTone', {
+Object.defineProperty(exports, "CommitTwoTone", {
   enumerable: true,
   get: function () {
     return _CommitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Commute', {
+Object.defineProperty(exports, "Commute", {
   enumerable: true,
   get: function () {
     return _Commute.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommuteOutlined', {
+Object.defineProperty(exports, "CommuteOutlined", {
   enumerable: true,
   get: function () {
     return _CommuteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommuteRounded', {
+Object.defineProperty(exports, "CommuteRounded", {
   enumerable: true,
   get: function () {
     return _CommuteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommuteSharp', {
+Object.defineProperty(exports, "CommuteSharp", {
   enumerable: true,
   get: function () {
     return _CommuteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CommuteTwoTone', {
+Object.defineProperty(exports, "CommuteTwoTone", {
   enumerable: true,
   get: function () {
     return _CommuteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Compare', {
+Object.defineProperty(exports, "Compare", {
   enumerable: true,
   get: function () {
     return _Compare.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompareArrows', {
+Object.defineProperty(exports, "CompareArrows", {
   enumerable: true,
   get: function () {
     return _CompareArrows.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompareArrowsOutlined', {
+Object.defineProperty(exports, "CompareArrowsOutlined", {
   enumerable: true,
   get: function () {
     return _CompareArrowsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompareArrowsRounded', {
+Object.defineProperty(exports, "CompareArrowsRounded", {
   enumerable: true,
   get: function () {
     return _CompareArrowsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompareArrowsSharp', {
+Object.defineProperty(exports, "CompareArrowsSharp", {
   enumerable: true,
   get: function () {
     return _CompareArrowsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompareArrowsTwoTone', {
+Object.defineProperty(exports, "CompareArrowsTwoTone", {
   enumerable: true,
   get: function () {
     return _CompareArrowsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompareOutlined', {
+Object.defineProperty(exports, "CompareOutlined", {
   enumerable: true,
   get: function () {
     return _CompareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompareRounded', {
+Object.defineProperty(exports, "CompareRounded", {
   enumerable: true,
   get: function () {
     return _CompareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompareSharp', {
+Object.defineProperty(exports, "CompareSharp", {
   enumerable: true,
   get: function () {
     return _CompareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompareTwoTone', {
+Object.defineProperty(exports, "CompareTwoTone", {
   enumerable: true,
   get: function () {
     return _CompareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompassCalibration', {
+Object.defineProperty(exports, "CompassCalibration", {
   enumerable: true,
   get: function () {
     return _CompassCalibration.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompassCalibrationOutlined', {
+Object.defineProperty(exports, "CompassCalibrationOutlined", {
   enumerable: true,
   get: function () {
     return _CompassCalibrationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompassCalibrationRounded', {
+Object.defineProperty(exports, "CompassCalibrationRounded", {
   enumerable: true,
   get: function () {
     return _CompassCalibrationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompassCalibrationSharp', {
+Object.defineProperty(exports, "CompassCalibrationSharp", {
   enumerable: true,
   get: function () {
     return _CompassCalibrationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompassCalibrationTwoTone', {
+Object.defineProperty(exports, "CompassCalibrationTwoTone", {
   enumerable: true,
   get: function () {
     return _CompassCalibrationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Compress', {
+Object.defineProperty(exports, "Compress", {
   enumerable: true,
   get: function () {
     return _Compress.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompressOutlined', {
+Object.defineProperty(exports, "CompressOutlined", {
   enumerable: true,
   get: function () {
     return _CompressOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompressRounded', {
+Object.defineProperty(exports, "CompressRounded", {
   enumerable: true,
   get: function () {
     return _CompressRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompressSharp', {
+Object.defineProperty(exports, "CompressSharp", {
   enumerable: true,
   get: function () {
     return _CompressSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CompressTwoTone', {
+Object.defineProperty(exports, "CompressTwoTone", {
   enumerable: true,
   get: function () {
     return _CompressTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Computer', {
+Object.defineProperty(exports, "Computer", {
   enumerable: true,
   get: function () {
     return _Computer.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ComputerOutlined', {
+Object.defineProperty(exports, "ComputerOutlined", {
   enumerable: true,
   get: function () {
     return _ComputerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ComputerRounded', {
+Object.defineProperty(exports, "ComputerRounded", {
   enumerable: true,
   get: function () {
     return _ComputerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ComputerSharp', {
+Object.defineProperty(exports, "ComputerSharp", {
   enumerable: true,
   get: function () {
     return _ComputerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ComputerTwoTone', {
+Object.defineProperty(exports, "ComputerTwoTone", {
   enumerable: true,
   get: function () {
     return _ComputerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConfirmationNumber', {
+Object.defineProperty(exports, "ConfirmationNumber", {
   enumerable: true,
   get: function () {
     return _ConfirmationNumber.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConfirmationNumberOutlined', {
+Object.defineProperty(exports, "ConfirmationNumberOutlined", {
   enumerable: true,
   get: function () {
     return _ConfirmationNumberOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConfirmationNumberRounded', {
+Object.defineProperty(exports, "ConfirmationNumberRounded", {
   enumerable: true,
   get: function () {
     return _ConfirmationNumberRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConfirmationNumberSharp', {
+Object.defineProperty(exports, "ConfirmationNumberSharp", {
   enumerable: true,
   get: function () {
     return _ConfirmationNumberSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConfirmationNumberTwoTone', {
+Object.defineProperty(exports, "ConfirmationNumberTwoTone", {
   enumerable: true,
   get: function () {
     return _ConfirmationNumberTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectWithoutContact', {
+Object.defineProperty(exports, "ConnectWithoutContact", {
   enumerable: true,
   get: function () {
     return _ConnectWithoutContact.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectWithoutContactOutlined', {
+Object.defineProperty(exports, "ConnectWithoutContactOutlined", {
   enumerable: true,
   get: function () {
     return _ConnectWithoutContactOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectWithoutContactRounded', {
+Object.defineProperty(exports, "ConnectWithoutContactRounded", {
   enumerable: true,
   get: function () {
     return _ConnectWithoutContactRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectWithoutContactSharp', {
+Object.defineProperty(exports, "ConnectWithoutContactSharp", {
   enumerable: true,
   get: function () {
     return _ConnectWithoutContactSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectWithoutContactTwoTone', {
+Object.defineProperty(exports, "ConnectWithoutContactTwoTone", {
   enumerable: true,
   get: function () {
     return _ConnectWithoutContactTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectedTv', {
+Object.defineProperty(exports, "ConnectedTv", {
   enumerable: true,
   get: function () {
     return _ConnectedTv.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectedTvOutlined', {
+Object.defineProperty(exports, "ConnectedTvOutlined", {
   enumerable: true,
   get: function () {
     return _ConnectedTvOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectedTvRounded', {
+Object.defineProperty(exports, "ConnectedTvRounded", {
   enumerable: true,
   get: function () {
     return _ConnectedTvRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectedTvSharp', {
+Object.defineProperty(exports, "ConnectedTvSharp", {
   enumerable: true,
   get: function () {
     return _ConnectedTvSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectedTvTwoTone', {
+Object.defineProperty(exports, "ConnectedTvTwoTone", {
   enumerable: true,
   get: function () {
     return _ConnectedTvTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectingAirports', {
+Object.defineProperty(exports, "ConnectingAirports", {
   enumerable: true,
   get: function () {
     return _ConnectingAirports.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectingAirportsOutlined', {
+Object.defineProperty(exports, "ConnectingAirportsOutlined", {
   enumerable: true,
   get: function () {
     return _ConnectingAirportsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectingAirportsRounded', {
+Object.defineProperty(exports, "ConnectingAirportsRounded", {
   enumerable: true,
   get: function () {
     return _ConnectingAirportsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectingAirportsSharp', {
+Object.defineProperty(exports, "ConnectingAirportsSharp", {
   enumerable: true,
   get: function () {
     return _ConnectingAirportsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConnectingAirportsTwoTone', {
+Object.defineProperty(exports, "ConnectingAirportsTwoTone", {
   enumerable: true,
   get: function () {
     return _ConnectingAirportsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Construction', {
+Object.defineProperty(exports, "Construction", {
   enumerable: true,
   get: function () {
     return _Construction.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConstructionOutlined', {
+Object.defineProperty(exports, "ConstructionOutlined", {
   enumerable: true,
   get: function () {
     return _ConstructionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConstructionRounded', {
+Object.defineProperty(exports, "ConstructionRounded", {
   enumerable: true,
   get: function () {
     return _ConstructionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConstructionSharp', {
+Object.defineProperty(exports, "ConstructionSharp", {
   enumerable: true,
   get: function () {
     return _ConstructionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ConstructionTwoTone', {
+Object.defineProperty(exports, "ConstructionTwoTone", {
   enumerable: true,
   get: function () {
     return _ConstructionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactEmergency', {
+Object.defineProperty(exports, "ContactEmergency", {
   enumerable: true,
   get: function () {
     return _ContactEmergency.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactEmergencyOutlined', {
+Object.defineProperty(exports, "ContactEmergencyOutlined", {
   enumerable: true,
   get: function () {
     return _ContactEmergencyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactEmergencyRounded', {
+Object.defineProperty(exports, "ContactEmergencyRounded", {
   enumerable: true,
   get: function () {
     return _ContactEmergencyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactEmergencySharp', {
+Object.defineProperty(exports, "ContactEmergencySharp", {
   enumerable: true,
   get: function () {
     return _ContactEmergencySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactEmergencyTwoTone', {
+Object.defineProperty(exports, "ContactEmergencyTwoTone", {
   enumerable: true,
   get: function () {
     return _ContactEmergencyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactMail', {
+Object.defineProperty(exports, "ContactMail", {
   enumerable: true,
   get: function () {
     return _ContactMail.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactMailOutlined', {
+Object.defineProperty(exports, "ContactMailOutlined", {
   enumerable: true,
   get: function () {
     return _ContactMailOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactMailRounded', {
+Object.defineProperty(exports, "ContactMailRounded", {
   enumerable: true,
   get: function () {
     return _ContactMailRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactMailSharp', {
+Object.defineProperty(exports, "ContactMailSharp", {
   enumerable: true,
   get: function () {
     return _ContactMailSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactMailTwoTone', {
+Object.defineProperty(exports, "ContactMailTwoTone", {
   enumerable: true,
   get: function () {
     return _ContactMailTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactPage', {
+Object.defineProperty(exports, "ContactPage", {
   enumerable: true,
   get: function () {
     return _ContactPage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactPageOutlined', {
+Object.defineProperty(exports, "ContactPageOutlined", {
   enumerable: true,
   get: function () {
     return _ContactPageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactPageRounded', {
+Object.defineProperty(exports, "ContactPageRounded", {
   enumerable: true,
   get: function () {
     return _ContactPageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactPageSharp', {
+Object.defineProperty(exports, "ContactPageSharp", {
   enumerable: true,
   get: function () {
     return _ContactPageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactPageTwoTone', {
+Object.defineProperty(exports, "ContactPageTwoTone", {
   enumerable: true,
   get: function () {
     return _ContactPageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactPhone', {
+Object.defineProperty(exports, "ContactPhone", {
   enumerable: true,
   get: function () {
     return _ContactPhone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactPhoneOutlined', {
+Object.defineProperty(exports, "ContactPhoneOutlined", {
   enumerable: true,
   get: function () {
     return _ContactPhoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactPhoneRounded', {
+Object.defineProperty(exports, "ContactPhoneRounded", {
   enumerable: true,
   get: function () {
     return _ContactPhoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactPhoneSharp', {
+Object.defineProperty(exports, "ContactPhoneSharp", {
   enumerable: true,
   get: function () {
     return _ContactPhoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactPhoneTwoTone', {
+Object.defineProperty(exports, "ContactPhoneTwoTone", {
   enumerable: true,
   get: function () {
     return _ContactPhoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactSupport', {
+Object.defineProperty(exports, "ContactSupport", {
   enumerable: true,
   get: function () {
     return _ContactSupport.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactSupportOutlined', {
+Object.defineProperty(exports, "ContactSupportOutlined", {
   enumerable: true,
   get: function () {
     return _ContactSupportOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactSupportRounded', {
+Object.defineProperty(exports, "ContactSupportRounded", {
   enumerable: true,
   get: function () {
     return _ContactSupportRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactSupportSharp', {
+Object.defineProperty(exports, "ContactSupportSharp", {
   enumerable: true,
   get: function () {
     return _ContactSupportSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactSupportTwoTone', {
+Object.defineProperty(exports, "ContactSupportTwoTone", {
   enumerable: true,
   get: function () {
     return _ContactSupportTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Contactless', {
+Object.defineProperty(exports, "Contactless", {
   enumerable: true,
   get: function () {
     return _Contactless.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactlessOutlined', {
+Object.defineProperty(exports, "ContactlessOutlined", {
   enumerable: true,
   get: function () {
     return _ContactlessOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactlessRounded', {
+Object.defineProperty(exports, "ContactlessRounded", {
   enumerable: true,
   get: function () {
     return _ContactlessRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactlessSharp', {
+Object.defineProperty(exports, "ContactlessSharp", {
   enumerable: true,
   get: function () {
     return _ContactlessSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactlessTwoTone', {
+Object.defineProperty(exports, "ContactlessTwoTone", {
   enumerable: true,
   get: function () {
     return _ContactlessTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Contacts', {
+Object.defineProperty(exports, "Contacts", {
   enumerable: true,
   get: function () {
     return _Contacts.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactsOutlined', {
+Object.defineProperty(exports, "ContactsOutlined", {
   enumerable: true,
   get: function () {
     return _ContactsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactsRounded', {
+Object.defineProperty(exports, "ContactsRounded", {
   enumerable: true,
   get: function () {
     return _ContactsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactsSharp', {
+Object.defineProperty(exports, "ContactsSharp", {
   enumerable: true,
   get: function () {
     return _ContactsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContactsTwoTone', {
+Object.defineProperty(exports, "ContactsTwoTone", {
   enumerable: true,
   get: function () {
     return _ContactsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentCopy', {
+Object.defineProperty(exports, "ContentCopy", {
   enumerable: true,
   get: function () {
     return _ContentCopy.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentCopyOutlined', {
+Object.defineProperty(exports, "ContentCopyOutlined", {
   enumerable: true,
   get: function () {
     return _ContentCopyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentCopyRounded', {
+Object.defineProperty(exports, "ContentCopyRounded", {
   enumerable: true,
   get: function () {
     return _ContentCopyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentCopySharp', {
+Object.defineProperty(exports, "ContentCopySharp", {
   enumerable: true,
   get: function () {
     return _ContentCopySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentCopyTwoTone', {
+Object.defineProperty(exports, "ContentCopyTwoTone", {
   enumerable: true,
   get: function () {
     return _ContentCopyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentCut', {
+Object.defineProperty(exports, "ContentCut", {
   enumerable: true,
   get: function () {
     return _ContentCut.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentCutOutlined', {
+Object.defineProperty(exports, "ContentCutOutlined", {
   enumerable: true,
   get: function () {
     return _ContentCutOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentCutRounded', {
+Object.defineProperty(exports, "ContentCutRounded", {
   enumerable: true,
   get: function () {
     return _ContentCutRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentCutSharp', {
+Object.defineProperty(exports, "ContentCutSharp", {
   enumerable: true,
   get: function () {
     return _ContentCutSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentCutTwoTone', {
+Object.defineProperty(exports, "ContentCutTwoTone", {
   enumerable: true,
   get: function () {
     return _ContentCutTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPaste', {
+Object.defineProperty(exports, "ContentPaste", {
   enumerable: true,
   get: function () {
     return _ContentPaste.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteGo', {
+Object.defineProperty(exports, "ContentPasteGo", {
   enumerable: true,
   get: function () {
     return _ContentPasteGo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteGoOutlined', {
+Object.defineProperty(exports, "ContentPasteGoOutlined", {
   enumerable: true,
   get: function () {
     return _ContentPasteGoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteGoRounded', {
+Object.defineProperty(exports, "ContentPasteGoRounded", {
   enumerable: true,
   get: function () {
     return _ContentPasteGoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteGoSharp', {
+Object.defineProperty(exports, "ContentPasteGoSharp", {
   enumerable: true,
   get: function () {
     return _ContentPasteGoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteGoTwoTone', {
+Object.defineProperty(exports, "ContentPasteGoTwoTone", {
   enumerable: true,
   get: function () {
     return _ContentPasteGoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteOff', {
+Object.defineProperty(exports, "ContentPasteOff", {
   enumerable: true,
   get: function () {
     return _ContentPasteOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteOffOutlined', {
+Object.defineProperty(exports, "ContentPasteOffOutlined", {
   enumerable: true,
   get: function () {
     return _ContentPasteOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteOffRounded', {
+Object.defineProperty(exports, "ContentPasteOffRounded", {
   enumerable: true,
   get: function () {
     return _ContentPasteOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteOffSharp', {
+Object.defineProperty(exports, "ContentPasteOffSharp", {
   enumerable: true,
   get: function () {
     return _ContentPasteOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteOffTwoTone', {
+Object.defineProperty(exports, "ContentPasteOffTwoTone", {
   enumerable: true,
   get: function () {
     return _ContentPasteOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteOutlined', {
+Object.defineProperty(exports, "ContentPasteOutlined", {
   enumerable: true,
   get: function () {
     return _ContentPasteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteRounded', {
+Object.defineProperty(exports, "ContentPasteRounded", {
   enumerable: true,
   get: function () {
     return _ContentPasteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteSearch', {
+Object.defineProperty(exports, "ContentPasteSearch", {
   enumerable: true,
   get: function () {
     return _ContentPasteSearch.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteSearchOutlined', {
+Object.defineProperty(exports, "ContentPasteSearchOutlined", {
   enumerable: true,
   get: function () {
     return _ContentPasteSearchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteSearchRounded', {
+Object.defineProperty(exports, "ContentPasteSearchRounded", {
   enumerable: true,
   get: function () {
     return _ContentPasteSearchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteSearchSharp', {
+Object.defineProperty(exports, "ContentPasteSearchSharp", {
   enumerable: true,
   get: function () {
     return _ContentPasteSearchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteSearchTwoTone', {
+Object.defineProperty(exports, "ContentPasteSearchTwoTone", {
   enumerable: true,
   get: function () {
     return _ContentPasteSearchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteSharp', {
+Object.defineProperty(exports, "ContentPasteSharp", {
   enumerable: true,
   get: function () {
     return _ContentPasteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContentPasteTwoTone', {
+Object.defineProperty(exports, "ContentPasteTwoTone", {
   enumerable: true,
   get: function () {
     return _ContentPasteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Contrast', {
+Object.defineProperty(exports, "Contrast", {
   enumerable: true,
   get: function () {
     return _Contrast.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContrastOutlined', {
+Object.defineProperty(exports, "ContrastOutlined", {
   enumerable: true,
   get: function () {
     return _ContrastOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContrastRounded', {
+Object.defineProperty(exports, "ContrastRounded", {
   enumerable: true,
   get: function () {
     return _ContrastRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContrastSharp', {
+Object.defineProperty(exports, "ContrastSharp", {
   enumerable: true,
   get: function () {
     return _ContrastSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ContrastTwoTone', {
+Object.defineProperty(exports, "ContrastTwoTone", {
   enumerable: true,
   get: function () {
     return _ContrastTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlCamera', {
+Object.defineProperty(exports, "ControlCamera", {
   enumerable: true,
   get: function () {
     return _ControlCamera.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlCameraOutlined', {
+Object.defineProperty(exports, "ControlCameraOutlined", {
   enumerable: true,
   get: function () {
     return _ControlCameraOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlCameraRounded', {
+Object.defineProperty(exports, "ControlCameraRounded", {
   enumerable: true,
   get: function () {
     return _ControlCameraRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlCameraSharp', {
+Object.defineProperty(exports, "ControlCameraSharp", {
   enumerable: true,
   get: function () {
     return _ControlCameraSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlCameraTwoTone', {
+Object.defineProperty(exports, "ControlCameraTwoTone", {
   enumerable: true,
   get: function () {
     return _ControlCameraTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlPoint', {
+Object.defineProperty(exports, "ControlPoint", {
   enumerable: true,
   get: function () {
     return _ControlPoint.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlPointDuplicate', {
+Object.defineProperty(exports, "ControlPointDuplicate", {
   enumerable: true,
   get: function () {
     return _ControlPointDuplicate.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlPointDuplicateOutlined', {
+Object.defineProperty(exports, "ControlPointDuplicateOutlined", {
   enumerable: true,
   get: function () {
     return _ControlPointDuplicateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlPointDuplicateRounded', {
+Object.defineProperty(exports, "ControlPointDuplicateRounded", {
   enumerable: true,
   get: function () {
     return _ControlPointDuplicateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlPointDuplicateSharp', {
+Object.defineProperty(exports, "ControlPointDuplicateSharp", {
   enumerable: true,
   get: function () {
     return _ControlPointDuplicateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlPointDuplicateTwoTone', {
+Object.defineProperty(exports, "ControlPointDuplicateTwoTone", {
   enumerable: true,
   get: function () {
     return _ControlPointDuplicateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlPointOutlined', {
+Object.defineProperty(exports, "ControlPointOutlined", {
   enumerable: true,
   get: function () {
     return _ControlPointOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlPointRounded', {
+Object.defineProperty(exports, "ControlPointRounded", {
   enumerable: true,
   get: function () {
     return _ControlPointRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlPointSharp', {
+Object.defineProperty(exports, "ControlPointSharp", {
   enumerable: true,
   get: function () {
     return _ControlPointSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ControlPointTwoTone', {
+Object.defineProperty(exports, "ControlPointTwoTone", {
   enumerable: true,
   get: function () {
     return _ControlPointTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Cookie', {
+Object.defineProperty(exports, "Cookie", {
   enumerable: true,
   get: function () {
     return _Cookie.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CookieOutlined', {
+Object.defineProperty(exports, "CookieOutlined", {
   enumerable: true,
   get: function () {
     return _CookieOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CookieRounded', {
+Object.defineProperty(exports, "CookieRounded", {
   enumerable: true,
   get: function () {
     return _CookieRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CookieSharp', {
+Object.defineProperty(exports, "CookieSharp", {
   enumerable: true,
   get: function () {
     return _CookieSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CookieTwoTone', {
+Object.defineProperty(exports, "CookieTwoTone", {
   enumerable: true,
   get: function () {
     return _CookieTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CopyAll', {
+Object.defineProperty(exports, "CopyAll", {
   enumerable: true,
   get: function () {
     return _CopyAll.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CopyAllOutlined', {
+Object.defineProperty(exports, "CopyAllOutlined", {
   enumerable: true,
   get: function () {
     return _CopyAllOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CopyAllRounded', {
+Object.defineProperty(exports, "CopyAllRounded", {
   enumerable: true,
   get: function () {
     return _CopyAllRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CopyAllSharp', {
+Object.defineProperty(exports, "CopyAllSharp", {
   enumerable: true,
   get: function () {
     return _CopyAllSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CopyAllTwoTone', {
+Object.defineProperty(exports, "CopyAllTwoTone", {
   enumerable: true,
   get: function () {
     return _CopyAllTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Copyright', {
+Object.defineProperty(exports, "Copyright", {
   enumerable: true,
   get: function () {
     return _Copyright.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CopyrightOutlined', {
+Object.defineProperty(exports, "CopyrightOutlined", {
   enumerable: true,
   get: function () {
     return _CopyrightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CopyrightRounded', {
+Object.defineProperty(exports, "CopyrightRounded", {
   enumerable: true,
   get: function () {
     return _CopyrightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CopyrightSharp', {
+Object.defineProperty(exports, "CopyrightSharp", {
   enumerable: true,
   get: function () {
     return _CopyrightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CopyrightTwoTone', {
+Object.defineProperty(exports, "CopyrightTwoTone", {
   enumerable: true,
   get: function () {
     return _CopyrightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Coronavirus', {
+Object.defineProperty(exports, "Coronavirus", {
   enumerable: true,
   get: function () {
     return _Coronavirus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoronavirusOutlined', {
+Object.defineProperty(exports, "CoronavirusOutlined", {
   enumerable: true,
   get: function () {
     return _CoronavirusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoronavirusRounded', {
+Object.defineProperty(exports, "CoronavirusRounded", {
   enumerable: true,
   get: function () {
     return _CoronavirusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoronavirusSharp', {
+Object.defineProperty(exports, "CoronavirusSharp", {
   enumerable: true,
   get: function () {
     return _CoronavirusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CoronavirusTwoTone', {
+Object.defineProperty(exports, "CoronavirusTwoTone", {
   enumerable: true,
   get: function () {
     return _CoronavirusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CorporateFare', {
+Object.defineProperty(exports, "CorporateFare", {
   enumerable: true,
   get: function () {
     return _CorporateFare.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CorporateFareOutlined', {
+Object.defineProperty(exports, "CorporateFareOutlined", {
   enumerable: true,
   get: function () {
     return _CorporateFareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CorporateFareRounded', {
+Object.defineProperty(exports, "CorporateFareRounded", {
   enumerable: true,
   get: function () {
     return _CorporateFareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CorporateFareSharp', {
+Object.defineProperty(exports, "CorporateFareSharp", {
   enumerable: true,
   get: function () {
     return _CorporateFareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CorporateFareTwoTone', {
+Object.defineProperty(exports, "CorporateFareTwoTone", {
   enumerable: true,
   get: function () {
     return _CorporateFareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Cottage', {
+Object.defineProperty(exports, "Cottage", {
   enumerable: true,
   get: function () {
     return _Cottage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CottageOutlined', {
+Object.defineProperty(exports, "CottageOutlined", {
   enumerable: true,
   get: function () {
     return _CottageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CottageRounded', {
+Object.defineProperty(exports, "CottageRounded", {
   enumerable: true,
   get: function () {
     return _CottageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CottageSharp', {
+Object.defineProperty(exports, "CottageSharp", {
   enumerable: true,
   get: function () {
     return _CottageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CottageTwoTone', {
+Object.defineProperty(exports, "CottageTwoTone", {
   enumerable: true,
   get: function () {
     return _CottageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Countertops', {
+Object.defineProperty(exports, "Countertops", {
   enumerable: true,
   get: function () {
     return _Countertops.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CountertopsOutlined', {
+Object.defineProperty(exports, "CountertopsOutlined", {
   enumerable: true,
   get: function () {
     return _CountertopsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CountertopsRounded', {
+Object.defineProperty(exports, "CountertopsRounded", {
   enumerable: true,
   get: function () {
     return _CountertopsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CountertopsSharp', {
+Object.defineProperty(exports, "CountertopsSharp", {
   enumerable: true,
   get: function () {
     return _CountertopsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CountertopsTwoTone', {
+Object.defineProperty(exports, "CountertopsTwoTone", {
   enumerable: true,
   get: function () {
     return _CountertopsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Create', {
+Object.defineProperty(exports, "Create", {
   enumerable: true,
   get: function () {
     return _Create.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreateNewFolder', {
+Object.defineProperty(exports, "CreateNewFolder", {
   enumerable: true,
   get: function () {
     return _CreateNewFolder.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreateNewFolderOutlined', {
+Object.defineProperty(exports, "CreateNewFolderOutlined", {
   enumerable: true,
   get: function () {
     return _CreateNewFolderOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreateNewFolderRounded', {
+Object.defineProperty(exports, "CreateNewFolderRounded", {
   enumerable: true,
   get: function () {
     return _CreateNewFolderRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreateNewFolderSharp', {
+Object.defineProperty(exports, "CreateNewFolderSharp", {
   enumerable: true,
   get: function () {
     return _CreateNewFolderSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreateNewFolderTwoTone', {
+Object.defineProperty(exports, "CreateNewFolderTwoTone", {
   enumerable: true,
   get: function () {
     return _CreateNewFolderTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreateOutlined', {
+Object.defineProperty(exports, "CreateOutlined", {
   enumerable: true,
   get: function () {
     return _CreateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreateRounded', {
+Object.defineProperty(exports, "CreateRounded", {
   enumerable: true,
   get: function () {
     return _CreateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreateSharp', {
+Object.defineProperty(exports, "CreateSharp", {
   enumerable: true,
   get: function () {
     return _CreateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreateTwoTone', {
+Object.defineProperty(exports, "CreateTwoTone", {
   enumerable: true,
   get: function () {
     return _CreateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditCard', {
+Object.defineProperty(exports, "CreditCard", {
   enumerable: true,
   get: function () {
     return _CreditCard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditCardOff', {
+Object.defineProperty(exports, "CreditCardOff", {
   enumerable: true,
   get: function () {
     return _CreditCardOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditCardOffOutlined', {
+Object.defineProperty(exports, "CreditCardOffOutlined", {
   enumerable: true,
   get: function () {
     return _CreditCardOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditCardOffRounded', {
+Object.defineProperty(exports, "CreditCardOffRounded", {
   enumerable: true,
   get: function () {
     return _CreditCardOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditCardOffSharp', {
+Object.defineProperty(exports, "CreditCardOffSharp", {
   enumerable: true,
   get: function () {
     return _CreditCardOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditCardOffTwoTone', {
+Object.defineProperty(exports, "CreditCardOffTwoTone", {
   enumerable: true,
   get: function () {
     return _CreditCardOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditCardOutlined', {
+Object.defineProperty(exports, "CreditCardOutlined", {
   enumerable: true,
   get: function () {
     return _CreditCardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditCardRounded', {
+Object.defineProperty(exports, "CreditCardRounded", {
   enumerable: true,
   get: function () {
     return _CreditCardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditCardSharp', {
+Object.defineProperty(exports, "CreditCardSharp", {
   enumerable: true,
   get: function () {
     return _CreditCardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditCardTwoTone', {
+Object.defineProperty(exports, "CreditCardTwoTone", {
   enumerable: true,
   get: function () {
     return _CreditCardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditScore', {
+Object.defineProperty(exports, "CreditScore", {
   enumerable: true,
   get: function () {
     return _CreditScore.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditScoreOutlined', {
+Object.defineProperty(exports, "CreditScoreOutlined", {
   enumerable: true,
   get: function () {
     return _CreditScoreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditScoreRounded', {
+Object.defineProperty(exports, "CreditScoreRounded", {
   enumerable: true,
   get: function () {
     return _CreditScoreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditScoreSharp', {
+Object.defineProperty(exports, "CreditScoreSharp", {
   enumerable: true,
   get: function () {
     return _CreditScoreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CreditScoreTwoTone', {
+Object.defineProperty(exports, "CreditScoreTwoTone", {
   enumerable: true,
   get: function () {
     return _CreditScoreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crib', {
+Object.defineProperty(exports, "Crib", {
   enumerable: true,
   get: function () {
     return _Crib.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CribOutlined', {
+Object.defineProperty(exports, "CribOutlined", {
   enumerable: true,
   get: function () {
     return _CribOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CribRounded', {
+Object.defineProperty(exports, "CribRounded", {
   enumerable: true,
   get: function () {
     return _CribRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CribSharp', {
+Object.defineProperty(exports, "CribSharp", {
   enumerable: true,
   get: function () {
     return _CribSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CribTwoTone', {
+Object.defineProperty(exports, "CribTwoTone", {
   enumerable: true,
   get: function () {
     return _CribTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CrisisAlert', {
+Object.defineProperty(exports, "CrisisAlert", {
   enumerable: true,
   get: function () {
     return _CrisisAlert.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CrisisAlertOutlined', {
+Object.defineProperty(exports, "CrisisAlertOutlined", {
   enumerable: true,
   get: function () {
     return _CrisisAlertOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CrisisAlertRounded', {
+Object.defineProperty(exports, "CrisisAlertRounded", {
   enumerable: true,
   get: function () {
     return _CrisisAlertRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CrisisAlertSharp', {
+Object.defineProperty(exports, "CrisisAlertSharp", {
   enumerable: true,
   get: function () {
     return _CrisisAlertSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CrisisAlertTwoTone', {
+Object.defineProperty(exports, "CrisisAlertTwoTone", {
   enumerable: true,
   get: function () {
     return _CrisisAlertTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop', {
+Object.defineProperty(exports, "Crop", {
   enumerable: true,
   get: function () {
     return _Crop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop169', {
+Object.defineProperty(exports, "Crop169", {
   enumerable: true,
   get: function () {
     return _Crop2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop169Outlined', {
+Object.defineProperty(exports, "Crop169Outlined", {
   enumerable: true,
   get: function () {
     return _Crop169Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop169Rounded', {
+Object.defineProperty(exports, "Crop169Rounded", {
   enumerable: true,
   get: function () {
     return _Crop169Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop169Sharp', {
+Object.defineProperty(exports, "Crop169Sharp", {
   enumerable: true,
   get: function () {
     return _Crop169Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop169TwoTone', {
+Object.defineProperty(exports, "Crop169TwoTone", {
   enumerable: true,
   get: function () {
     return _Crop169TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop32', {
+Object.defineProperty(exports, "Crop32", {
   enumerable: true,
   get: function () {
     return _Crop3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop32Outlined', {
+Object.defineProperty(exports, "Crop32Outlined", {
   enumerable: true,
   get: function () {
     return _Crop32Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop32Rounded', {
+Object.defineProperty(exports, "Crop32Rounded", {
   enumerable: true,
   get: function () {
     return _Crop32Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop32Sharp', {
+Object.defineProperty(exports, "Crop32Sharp", {
   enumerable: true,
   get: function () {
     return _Crop32Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop32TwoTone', {
+Object.defineProperty(exports, "Crop32TwoTone", {
   enumerable: true,
   get: function () {
     return _Crop32TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop54', {
+Object.defineProperty(exports, "Crop54", {
   enumerable: true,
   get: function () {
     return _Crop4.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop54Outlined', {
+Object.defineProperty(exports, "Crop54Outlined", {
   enumerable: true,
   get: function () {
     return _Crop54Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop54Rounded', {
+Object.defineProperty(exports, "Crop54Rounded", {
   enumerable: true,
   get: function () {
     return _Crop54Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop54Sharp', {
+Object.defineProperty(exports, "Crop54Sharp", {
   enumerable: true,
   get: function () {
     return _Crop54Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop54TwoTone', {
+Object.defineProperty(exports, "Crop54TwoTone", {
   enumerable: true,
   get: function () {
     return _Crop54TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop75', {
+Object.defineProperty(exports, "Crop75", {
   enumerable: true,
   get: function () {
     return _Crop5.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop75Outlined', {
+Object.defineProperty(exports, "Crop75Outlined", {
   enumerable: true,
   get: function () {
     return _Crop75Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop75Rounded', {
+Object.defineProperty(exports, "Crop75Rounded", {
   enumerable: true,
   get: function () {
     return _Crop75Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop75Sharp', {
+Object.defineProperty(exports, "Crop75Sharp", {
   enumerable: true,
   get: function () {
     return _Crop75Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Crop75TwoTone', {
+Object.defineProperty(exports, "Crop75TwoTone", {
   enumerable: true,
   get: function () {
     return _Crop75TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropDin', {
+Object.defineProperty(exports, "CropDin", {
   enumerable: true,
   get: function () {
     return _CropDin.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropDinOutlined', {
+Object.defineProperty(exports, "CropDinOutlined", {
   enumerable: true,
   get: function () {
     return _CropDinOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropDinRounded', {
+Object.defineProperty(exports, "CropDinRounded", {
   enumerable: true,
   get: function () {
     return _CropDinRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropDinSharp', {
+Object.defineProperty(exports, "CropDinSharp", {
   enumerable: true,
   get: function () {
     return _CropDinSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropDinTwoTone', {
+Object.defineProperty(exports, "CropDinTwoTone", {
   enumerable: true,
   get: function () {
     return _CropDinTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropFree', {
+Object.defineProperty(exports, "CropFree", {
   enumerable: true,
   get: function () {
     return _CropFree.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropFreeOutlined', {
+Object.defineProperty(exports, "CropFreeOutlined", {
   enumerable: true,
   get: function () {
     return _CropFreeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropFreeRounded', {
+Object.defineProperty(exports, "CropFreeRounded", {
   enumerable: true,
   get: function () {
     return _CropFreeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropFreeSharp', {
+Object.defineProperty(exports, "CropFreeSharp", {
   enumerable: true,
   get: function () {
     return _CropFreeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropFreeTwoTone', {
+Object.defineProperty(exports, "CropFreeTwoTone", {
   enumerable: true,
   get: function () {
     return _CropFreeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropLandscape', {
+Object.defineProperty(exports, "CropLandscape", {
   enumerable: true,
   get: function () {
     return _CropLandscape.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropLandscapeOutlined', {
+Object.defineProperty(exports, "CropLandscapeOutlined", {
   enumerable: true,
   get: function () {
     return _CropLandscapeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropLandscapeRounded', {
+Object.defineProperty(exports, "CropLandscapeRounded", {
   enumerable: true,
   get: function () {
     return _CropLandscapeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropLandscapeSharp', {
+Object.defineProperty(exports, "CropLandscapeSharp", {
   enumerable: true,
   get: function () {
     return _CropLandscapeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropLandscapeTwoTone', {
+Object.defineProperty(exports, "CropLandscapeTwoTone", {
   enumerable: true,
   get: function () {
     return _CropLandscapeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropOriginal', {
+Object.defineProperty(exports, "CropOriginal", {
   enumerable: true,
   get: function () {
     return _CropOriginal.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropOriginalOutlined', {
+Object.defineProperty(exports, "CropOriginalOutlined", {
   enumerable: true,
   get: function () {
     return _CropOriginalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropOriginalRounded', {
+Object.defineProperty(exports, "CropOriginalRounded", {
   enumerable: true,
   get: function () {
     return _CropOriginalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropOriginalSharp', {
+Object.defineProperty(exports, "CropOriginalSharp", {
   enumerable: true,
   get: function () {
     return _CropOriginalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropOriginalTwoTone', {
+Object.defineProperty(exports, "CropOriginalTwoTone", {
   enumerable: true,
   get: function () {
     return _CropOriginalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropOutlined', {
+Object.defineProperty(exports, "CropOutlined", {
   enumerable: true,
   get: function () {
     return _CropOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropPortrait', {
+Object.defineProperty(exports, "CropPortrait", {
   enumerable: true,
   get: function () {
     return _CropPortrait.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropPortraitOutlined', {
+Object.defineProperty(exports, "CropPortraitOutlined", {
   enumerable: true,
   get: function () {
     return _CropPortraitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropPortraitRounded', {
+Object.defineProperty(exports, "CropPortraitRounded", {
   enumerable: true,
   get: function () {
     return _CropPortraitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropPortraitSharp', {
+Object.defineProperty(exports, "CropPortraitSharp", {
   enumerable: true,
   get: function () {
     return _CropPortraitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropPortraitTwoTone', {
+Object.defineProperty(exports, "CropPortraitTwoTone", {
   enumerable: true,
   get: function () {
     return _CropPortraitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropRotate', {
+Object.defineProperty(exports, "CropRotate", {
   enumerable: true,
   get: function () {
     return _CropRotate.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropRotateOutlined', {
+Object.defineProperty(exports, "CropRotateOutlined", {
   enumerable: true,
   get: function () {
     return _CropRotateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropRotateRounded', {
+Object.defineProperty(exports, "CropRotateRounded", {
   enumerable: true,
   get: function () {
     return _CropRotateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropRotateSharp', {
+Object.defineProperty(exports, "CropRotateSharp", {
   enumerable: true,
   get: function () {
     return _CropRotateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropRotateTwoTone', {
+Object.defineProperty(exports, "CropRotateTwoTone", {
   enumerable: true,
   get: function () {
     return _CropRotateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropRounded', {
+Object.defineProperty(exports, "CropRounded", {
   enumerable: true,
   get: function () {
     return _CropRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropSharp', {
+Object.defineProperty(exports, "CropSharp", {
   enumerable: true,
   get: function () {
     return _CropSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropSquare', {
+Object.defineProperty(exports, "CropSquare", {
   enumerable: true,
   get: function () {
     return _CropSquare.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropSquareOutlined', {
+Object.defineProperty(exports, "CropSquareOutlined", {
   enumerable: true,
   get: function () {
     return _CropSquareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropSquareRounded', {
+Object.defineProperty(exports, "CropSquareRounded", {
   enumerable: true,
   get: function () {
     return _CropSquareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropSquareSharp', {
+Object.defineProperty(exports, "CropSquareSharp", {
   enumerable: true,
   get: function () {
     return _CropSquareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropSquareTwoTone', {
+Object.defineProperty(exports, "CropSquareTwoTone", {
   enumerable: true,
   get: function () {
     return _CropSquareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CropTwoTone', {
+Object.defineProperty(exports, "CropTwoTone", {
   enumerable: true,
   get: function () {
     return _CropTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Css', {
+Object.defineProperty(exports, "Css", {
   enumerable: true,
   get: function () {
     return _Css.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CssOutlined', {
+Object.defineProperty(exports, "CssOutlined", {
   enumerable: true,
   get: function () {
     return _CssOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CssRounded', {
+Object.defineProperty(exports, "CssRounded", {
   enumerable: true,
   get: function () {
     return _CssRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CssSharp', {
+Object.defineProperty(exports, "CssSharp", {
   enumerable: true,
   get: function () {
     return _CssSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CssTwoTone', {
+Object.defineProperty(exports, "CssTwoTone", {
   enumerable: true,
   get: function () {
     return _CssTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyBitcoin', {
+Object.defineProperty(exports, "CurrencyBitcoin", {
   enumerable: true,
   get: function () {
     return _CurrencyBitcoin.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyBitcoinOutlined', {
+Object.defineProperty(exports, "CurrencyBitcoinOutlined", {
   enumerable: true,
   get: function () {
     return _CurrencyBitcoinOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyBitcoinRounded', {
+Object.defineProperty(exports, "CurrencyBitcoinRounded", {
   enumerable: true,
   get: function () {
     return _CurrencyBitcoinRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyBitcoinSharp', {
+Object.defineProperty(exports, "CurrencyBitcoinSharp", {
   enumerable: true,
   get: function () {
     return _CurrencyBitcoinSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyBitcoinTwoTone', {
+Object.defineProperty(exports, "CurrencyBitcoinTwoTone", {
   enumerable: true,
   get: function () {
     return _CurrencyBitcoinTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyExchange', {
+Object.defineProperty(exports, "CurrencyExchange", {
   enumerable: true,
   get: function () {
     return _CurrencyExchange.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyExchangeOutlined', {
+Object.defineProperty(exports, "CurrencyExchangeOutlined", {
   enumerable: true,
   get: function () {
     return _CurrencyExchangeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyExchangeRounded', {
+Object.defineProperty(exports, "CurrencyExchangeRounded", {
   enumerable: true,
   get: function () {
     return _CurrencyExchangeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyExchangeSharp', {
+Object.defineProperty(exports, "CurrencyExchangeSharp", {
   enumerable: true,
   get: function () {
     return _CurrencyExchangeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyExchangeTwoTone', {
+Object.defineProperty(exports, "CurrencyExchangeTwoTone", {
   enumerable: true,
   get: function () {
     return _CurrencyExchangeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyFranc', {
+Object.defineProperty(exports, "CurrencyFranc", {
   enumerable: true,
   get: function () {
     return _CurrencyFranc.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyFrancOutlined', {
+Object.defineProperty(exports, "CurrencyFrancOutlined", {
   enumerable: true,
   get: function () {
     return _CurrencyFrancOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyFrancRounded', {
+Object.defineProperty(exports, "CurrencyFrancRounded", {
   enumerable: true,
   get: function () {
     return _CurrencyFrancRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyFrancSharp', {
+Object.defineProperty(exports, "CurrencyFrancSharp", {
   enumerable: true,
   get: function () {
     return _CurrencyFrancSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyFrancTwoTone', {
+Object.defineProperty(exports, "CurrencyFrancTwoTone", {
   enumerable: true,
   get: function () {
     return _CurrencyFrancTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyLira', {
+Object.defineProperty(exports, "CurrencyLira", {
   enumerable: true,
   get: function () {
     return _CurrencyLira.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyLiraOutlined', {
+Object.defineProperty(exports, "CurrencyLiraOutlined", {
   enumerable: true,
   get: function () {
     return _CurrencyLiraOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyLiraRounded', {
+Object.defineProperty(exports, "CurrencyLiraRounded", {
   enumerable: true,
   get: function () {
     return _CurrencyLiraRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyLiraSharp', {
+Object.defineProperty(exports, "CurrencyLiraSharp", {
   enumerable: true,
   get: function () {
     return _CurrencyLiraSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyLiraTwoTone', {
+Object.defineProperty(exports, "CurrencyLiraTwoTone", {
   enumerable: true,
   get: function () {
     return _CurrencyLiraTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyPound', {
+Object.defineProperty(exports, "CurrencyPound", {
   enumerable: true,
   get: function () {
     return _CurrencyPound.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyPoundOutlined', {
+Object.defineProperty(exports, "CurrencyPoundOutlined", {
   enumerable: true,
   get: function () {
     return _CurrencyPoundOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyPoundRounded', {
+Object.defineProperty(exports, "CurrencyPoundRounded", {
   enumerable: true,
   get: function () {
     return _CurrencyPoundRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyPoundSharp', {
+Object.defineProperty(exports, "CurrencyPoundSharp", {
   enumerable: true,
   get: function () {
     return _CurrencyPoundSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyPoundTwoTone', {
+Object.defineProperty(exports, "CurrencyPoundTwoTone", {
   enumerable: true,
   get: function () {
     return _CurrencyPoundTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyRuble', {
+Object.defineProperty(exports, "CurrencyRuble", {
   enumerable: true,
   get: function () {
     return _CurrencyRuble.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyRubleOutlined', {
+Object.defineProperty(exports, "CurrencyRubleOutlined", {
   enumerable: true,
   get: function () {
     return _CurrencyRubleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyRubleRounded', {
+Object.defineProperty(exports, "CurrencyRubleRounded", {
   enumerable: true,
   get: function () {
     return _CurrencyRubleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyRubleSharp', {
+Object.defineProperty(exports, "CurrencyRubleSharp", {
   enumerable: true,
   get: function () {
     return _CurrencyRubleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyRubleTwoTone', {
+Object.defineProperty(exports, "CurrencyRubleTwoTone", {
   enumerable: true,
   get: function () {
     return _CurrencyRubleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyRupee', {
+Object.defineProperty(exports, "CurrencyRupee", {
   enumerable: true,
   get: function () {
     return _CurrencyRupee.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyRupeeOutlined', {
+Object.defineProperty(exports, "CurrencyRupeeOutlined", {
   enumerable: true,
   get: function () {
     return _CurrencyRupeeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyRupeeRounded', {
+Object.defineProperty(exports, "CurrencyRupeeRounded", {
   enumerable: true,
   get: function () {
     return _CurrencyRupeeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyRupeeSharp', {
+Object.defineProperty(exports, "CurrencyRupeeSharp", {
   enumerable: true,
   get: function () {
     return _CurrencyRupeeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyRupeeTwoTone', {
+Object.defineProperty(exports, "CurrencyRupeeTwoTone", {
   enumerable: true,
   get: function () {
     return _CurrencyRupeeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyYen', {
+Object.defineProperty(exports, "CurrencyYen", {
   enumerable: true,
   get: function () {
     return _CurrencyYen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyYenOutlined', {
+Object.defineProperty(exports, "CurrencyYenOutlined", {
   enumerable: true,
   get: function () {
     return _CurrencyYenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyYenRounded', {
+Object.defineProperty(exports, "CurrencyYenRounded", {
   enumerable: true,
   get: function () {
     return _CurrencyYenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyYenSharp', {
+Object.defineProperty(exports, "CurrencyYenSharp", {
   enumerable: true,
   get: function () {
     return _CurrencyYenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyYenTwoTone', {
+Object.defineProperty(exports, "CurrencyYenTwoTone", {
   enumerable: true,
   get: function () {
     return _CurrencyYenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyYuan', {
+Object.defineProperty(exports, "CurrencyYuan", {
   enumerable: true,
   get: function () {
     return _CurrencyYuan.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyYuanOutlined', {
+Object.defineProperty(exports, "CurrencyYuanOutlined", {
   enumerable: true,
   get: function () {
     return _CurrencyYuanOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyYuanRounded', {
+Object.defineProperty(exports, "CurrencyYuanRounded", {
   enumerable: true,
   get: function () {
     return _CurrencyYuanRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyYuanSharp', {
+Object.defineProperty(exports, "CurrencyYuanSharp", {
   enumerable: true,
   get: function () {
     return _CurrencyYuanSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurrencyYuanTwoTone', {
+Object.defineProperty(exports, "CurrencyYuanTwoTone", {
   enumerable: true,
   get: function () {
     return _CurrencyYuanTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Curtains', {
+Object.defineProperty(exports, "Curtains", {
   enumerable: true,
   get: function () {
     return _Curtains.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurtainsClosed', {
+Object.defineProperty(exports, "CurtainsClosed", {
   enumerable: true,
   get: function () {
     return _CurtainsClosed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurtainsClosedOutlined', {
+Object.defineProperty(exports, "CurtainsClosedOutlined", {
   enumerable: true,
   get: function () {
     return _CurtainsClosedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurtainsClosedRounded', {
+Object.defineProperty(exports, "CurtainsClosedRounded", {
   enumerable: true,
   get: function () {
     return _CurtainsClosedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurtainsClosedSharp', {
+Object.defineProperty(exports, "CurtainsClosedSharp", {
   enumerable: true,
   get: function () {
     return _CurtainsClosedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurtainsClosedTwoTone', {
+Object.defineProperty(exports, "CurtainsClosedTwoTone", {
   enumerable: true,
   get: function () {
     return _CurtainsClosedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurtainsOutlined', {
+Object.defineProperty(exports, "CurtainsOutlined", {
   enumerable: true,
   get: function () {
     return _CurtainsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurtainsRounded', {
+Object.defineProperty(exports, "CurtainsRounded", {
   enumerable: true,
   get: function () {
     return _CurtainsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurtainsSharp', {
+Object.defineProperty(exports, "CurtainsSharp", {
   enumerable: true,
   get: function () {
     return _CurtainsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CurtainsTwoTone', {
+Object.defineProperty(exports, "CurtainsTwoTone", {
   enumerable: true,
   get: function () {
     return _CurtainsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Cyclone', {
+Object.defineProperty(exports, "Cyclone", {
   enumerable: true,
   get: function () {
     return _Cyclone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CycloneOutlined', {
+Object.defineProperty(exports, "CycloneOutlined", {
   enumerable: true,
   get: function () {
     return _CycloneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CycloneRounded', {
+Object.defineProperty(exports, "CycloneRounded", {
   enumerable: true,
   get: function () {
     return _CycloneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CycloneSharp', {
+Object.defineProperty(exports, "CycloneSharp", {
   enumerable: true,
   get: function () {
     return _CycloneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'CycloneTwoTone', {
+Object.defineProperty(exports, "CycloneTwoTone", {
   enumerable: true,
   get: function () {
     return _CycloneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Dangerous', {
+Object.defineProperty(exports, "Dangerous", {
   enumerable: true,
   get: function () {
     return _Dangerous.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DangerousOutlined', {
+Object.defineProperty(exports, "DangerousOutlined", {
   enumerable: true,
   get: function () {
     return _DangerousOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DangerousRounded', {
+Object.defineProperty(exports, "DangerousRounded", {
   enumerable: true,
   get: function () {
     return _DangerousRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DangerousSharp', {
+Object.defineProperty(exports, "DangerousSharp", {
   enumerable: true,
   get: function () {
     return _DangerousSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DangerousTwoTone', {
+Object.defineProperty(exports, "DangerousTwoTone", {
   enumerable: true,
   get: function () {
     return _DangerousTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DarkMode', {
+Object.defineProperty(exports, "DarkMode", {
   enumerable: true,
   get: function () {
     return _DarkMode.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DarkModeOutlined', {
+Object.defineProperty(exports, "DarkModeOutlined", {
   enumerable: true,
   get: function () {
     return _DarkModeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DarkModeRounded', {
+Object.defineProperty(exports, "DarkModeRounded", {
   enumerable: true,
   get: function () {
     return _DarkModeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DarkModeSharp', {
+Object.defineProperty(exports, "DarkModeSharp", {
   enumerable: true,
   get: function () {
     return _DarkModeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DarkModeTwoTone', {
+Object.defineProperty(exports, "DarkModeTwoTone", {
   enumerable: true,
   get: function () {
     return _DarkModeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Dashboard', {
+Object.defineProperty(exports, "Dashboard", {
   enumerable: true,
   get: function () {
     return _Dashboard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DashboardCustomize', {
+Object.defineProperty(exports, "DashboardCustomize", {
   enumerable: true,
   get: function () {
     return _DashboardCustomize.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DashboardCustomizeOutlined', {
+Object.defineProperty(exports, "DashboardCustomizeOutlined", {
   enumerable: true,
   get: function () {
     return _DashboardCustomizeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DashboardCustomizeRounded', {
+Object.defineProperty(exports, "DashboardCustomizeRounded", {
   enumerable: true,
   get: function () {
     return _DashboardCustomizeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DashboardCustomizeSharp', {
+Object.defineProperty(exports, "DashboardCustomizeSharp", {
   enumerable: true,
   get: function () {
     return _DashboardCustomizeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DashboardCustomizeTwoTone', {
+Object.defineProperty(exports, "DashboardCustomizeTwoTone", {
   enumerable: true,
   get: function () {
     return _DashboardCustomizeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DashboardOutlined', {
+Object.defineProperty(exports, "DashboardOutlined", {
   enumerable: true,
   get: function () {
     return _DashboardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DashboardRounded', {
+Object.defineProperty(exports, "DashboardRounded", {
   enumerable: true,
   get: function () {
     return _DashboardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DashboardSharp', {
+Object.defineProperty(exports, "DashboardSharp", {
   enumerable: true,
   get: function () {
     return _DashboardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DashboardTwoTone', {
+Object.defineProperty(exports, "DashboardTwoTone", {
   enumerable: true,
   get: function () {
     return _DashboardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataArray', {
+Object.defineProperty(exports, "DataArray", {
   enumerable: true,
   get: function () {
     return _DataArray.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataArrayOutlined', {
+Object.defineProperty(exports, "DataArrayOutlined", {
   enumerable: true,
   get: function () {
     return _DataArrayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataArrayRounded', {
+Object.defineProperty(exports, "DataArrayRounded", {
   enumerable: true,
   get: function () {
     return _DataArrayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataArraySharp', {
+Object.defineProperty(exports, "DataArraySharp", {
   enumerable: true,
   get: function () {
     return _DataArraySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataArrayTwoTone', {
+Object.defineProperty(exports, "DataArrayTwoTone", {
   enumerable: true,
   get: function () {
     return _DataArrayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataObject', {
+Object.defineProperty(exports, "DataObject", {
   enumerable: true,
   get: function () {
     return _DataObject.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataObjectOutlined', {
+Object.defineProperty(exports, "DataObjectOutlined", {
   enumerable: true,
   get: function () {
     return _DataObjectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataObjectRounded', {
+Object.defineProperty(exports, "DataObjectRounded", {
   enumerable: true,
   get: function () {
     return _DataObjectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataObjectSharp', {
+Object.defineProperty(exports, "DataObjectSharp", {
   enumerable: true,
   get: function () {
     return _DataObjectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataObjectTwoTone', {
+Object.defineProperty(exports, "DataObjectTwoTone", {
   enumerable: true,
   get: function () {
     return _DataObjectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataSaverOff', {
+Object.defineProperty(exports, "DataSaverOff", {
   enumerable: true,
   get: function () {
     return _DataSaverOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataSaverOffOutlined', {
+Object.defineProperty(exports, "DataSaverOffOutlined", {
   enumerable: true,
   get: function () {
     return _DataSaverOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataSaverOffRounded', {
+Object.defineProperty(exports, "DataSaverOffRounded", {
   enumerable: true,
   get: function () {
     return _DataSaverOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataSaverOffSharp', {
+Object.defineProperty(exports, "DataSaverOffSharp", {
   enumerable: true,
   get: function () {
     return _DataSaverOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataSaverOffTwoTone', {
+Object.defineProperty(exports, "DataSaverOffTwoTone", {
   enumerable: true,
   get: function () {
     return _DataSaverOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataSaverOn', {
+Object.defineProperty(exports, "DataSaverOn", {
   enumerable: true,
   get: function () {
     return _DataSaverOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataSaverOnOutlined', {
+Object.defineProperty(exports, "DataSaverOnOutlined", {
   enumerable: true,
   get: function () {
     return _DataSaverOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataSaverOnRounded', {
+Object.defineProperty(exports, "DataSaverOnRounded", {
   enumerable: true,
   get: function () {
     return _DataSaverOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataSaverOnSharp', {
+Object.defineProperty(exports, "DataSaverOnSharp", {
   enumerable: true,
   get: function () {
     return _DataSaverOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataSaverOnTwoTone', {
+Object.defineProperty(exports, "DataSaverOnTwoTone", {
   enumerable: true,
   get: function () {
     return _DataSaverOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataThresholding', {
+Object.defineProperty(exports, "DataThresholding", {
   enumerable: true,
   get: function () {
     return _DataThresholding.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataThresholdingOutlined', {
+Object.defineProperty(exports, "DataThresholdingOutlined", {
   enumerable: true,
   get: function () {
     return _DataThresholdingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataThresholdingRounded', {
+Object.defineProperty(exports, "DataThresholdingRounded", {
   enumerable: true,
   get: function () {
     return _DataThresholdingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataThresholdingSharp', {
+Object.defineProperty(exports, "DataThresholdingSharp", {
   enumerable: true,
   get: function () {
     return _DataThresholdingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataThresholdingTwoTone', {
+Object.defineProperty(exports, "DataThresholdingTwoTone", {
   enumerable: true,
   get: function () {
     return _DataThresholdingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataUsage', {
+Object.defineProperty(exports, "DataUsage", {
   enumerable: true,
   get: function () {
     return _DataUsage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataUsageOutlined', {
+Object.defineProperty(exports, "DataUsageOutlined", {
   enumerable: true,
   get: function () {
     return _DataUsageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataUsageRounded', {
+Object.defineProperty(exports, "DataUsageRounded", {
   enumerable: true,
   get: function () {
     return _DataUsageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataUsageSharp', {
+Object.defineProperty(exports, "DataUsageSharp", {
   enumerable: true,
   get: function () {
     return _DataUsageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DataUsageTwoTone', {
+Object.defineProperty(exports, "DataUsageTwoTone", {
   enumerable: true,
   get: function () {
     return _DataUsageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Dataset', {
+Object.defineProperty(exports, "Dataset", {
   enumerable: true,
   get: function () {
     return _Dataset.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DatasetLinked', {
+Object.defineProperty(exports, "DatasetLinked", {
   enumerable: true,
   get: function () {
     return _DatasetLinked.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DatasetLinkedOutlined', {
+Object.defineProperty(exports, "DatasetLinkedOutlined", {
   enumerable: true,
   get: function () {
     return _DatasetLinkedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DatasetLinkedRounded', {
+Object.defineProperty(exports, "DatasetLinkedRounded", {
   enumerable: true,
   get: function () {
     return _DatasetLinkedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DatasetLinkedSharp', {
+Object.defineProperty(exports, "DatasetLinkedSharp", {
   enumerable: true,
   get: function () {
     return _DatasetLinkedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DatasetLinkedTwoTone', {
+Object.defineProperty(exports, "DatasetLinkedTwoTone", {
   enumerable: true,
   get: function () {
     return _DatasetLinkedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DatasetOutlined', {
+Object.defineProperty(exports, "DatasetOutlined", {
   enumerable: true,
   get: function () {
     return _DatasetOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DatasetRounded', {
+Object.defineProperty(exports, "DatasetRounded", {
   enumerable: true,
   get: function () {
     return _DatasetRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DatasetSharp', {
+Object.defineProperty(exports, "DatasetSharp", {
   enumerable: true,
   get: function () {
     return _DatasetSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DatasetTwoTone', {
+Object.defineProperty(exports, "DatasetTwoTone", {
   enumerable: true,
   get: function () {
     return _DatasetTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DateRange', {
+Object.defineProperty(exports, "DateRange", {
   enumerable: true,
   get: function () {
     return _DateRange.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DateRangeOutlined', {
+Object.defineProperty(exports, "DateRangeOutlined", {
   enumerable: true,
   get: function () {
     return _DateRangeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DateRangeRounded', {
+Object.defineProperty(exports, "DateRangeRounded", {
   enumerable: true,
   get: function () {
     return _DateRangeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DateRangeSharp', {
+Object.defineProperty(exports, "DateRangeSharp", {
   enumerable: true,
   get: function () {
     return _DateRangeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DateRangeTwoTone', {
+Object.defineProperty(exports, "DateRangeTwoTone", {
   enumerable: true,
   get: function () {
     return _DateRangeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Deblur', {
+Object.defineProperty(exports, "Deblur", {
   enumerable: true,
   get: function () {
     return _Deblur.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeblurOutlined', {
+Object.defineProperty(exports, "DeblurOutlined", {
   enumerable: true,
   get: function () {
     return _DeblurOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeblurRounded', {
+Object.defineProperty(exports, "DeblurRounded", {
   enumerable: true,
   get: function () {
     return _DeblurRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeblurSharp', {
+Object.defineProperty(exports, "DeblurSharp", {
   enumerable: true,
   get: function () {
     return _DeblurSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeblurTwoTone', {
+Object.defineProperty(exports, "DeblurTwoTone", {
   enumerable: true,
   get: function () {
     return _DeblurTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Deck', {
+Object.defineProperty(exports, "Deck", {
   enumerable: true,
   get: function () {
     return _Deck.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeckOutlined', {
+Object.defineProperty(exports, "DeckOutlined", {
   enumerable: true,
   get: function () {
     return _DeckOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeckRounded', {
+Object.defineProperty(exports, "DeckRounded", {
   enumerable: true,
   get: function () {
     return _DeckRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeckSharp', {
+Object.defineProperty(exports, "DeckSharp", {
   enumerable: true,
   get: function () {
     return _DeckSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeckTwoTone', {
+Object.defineProperty(exports, "DeckTwoTone", {
   enumerable: true,
   get: function () {
     return _DeckTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Dehaze', {
+Object.defineProperty(exports, "Dehaze", {
   enumerable: true,
   get: function () {
     return _Dehaze.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DehazeOutlined', {
+Object.defineProperty(exports, "DehazeOutlined", {
   enumerable: true,
   get: function () {
     return _DehazeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DehazeRounded', {
+Object.defineProperty(exports, "DehazeRounded", {
   enumerable: true,
   get: function () {
     return _DehazeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DehazeSharp', {
+Object.defineProperty(exports, "DehazeSharp", {
   enumerable: true,
   get: function () {
     return _DehazeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DehazeTwoTone', {
+Object.defineProperty(exports, "DehazeTwoTone", {
   enumerable: true,
   get: function () {
     return _DehazeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Delete', {
+Object.defineProperty(exports, "Delete", {
   enumerable: true,
   get: function () {
     return _Delete.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteForever', {
+Object.defineProperty(exports, "DeleteForever", {
   enumerable: true,
   get: function () {
     return _DeleteForever.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteForeverOutlined', {
+Object.defineProperty(exports, "DeleteForeverOutlined", {
   enumerable: true,
   get: function () {
     return _DeleteForeverOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteForeverRounded', {
+Object.defineProperty(exports, "DeleteForeverRounded", {
   enumerable: true,
   get: function () {
     return _DeleteForeverRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteForeverSharp', {
+Object.defineProperty(exports, "DeleteForeverSharp", {
   enumerable: true,
   get: function () {
     return _DeleteForeverSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteForeverTwoTone', {
+Object.defineProperty(exports, "DeleteForeverTwoTone", {
   enumerable: true,
   get: function () {
     return _DeleteForeverTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteOutline', {
+Object.defineProperty(exports, "DeleteOutline", {
   enumerable: true,
   get: function () {
     return _DeleteOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteOutlineOutlined', {
+Object.defineProperty(exports, "DeleteOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _DeleteOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteOutlineRounded', {
+Object.defineProperty(exports, "DeleteOutlineRounded", {
   enumerable: true,
   get: function () {
     return _DeleteOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteOutlineSharp', {
+Object.defineProperty(exports, "DeleteOutlineSharp", {
   enumerable: true,
   get: function () {
     return _DeleteOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteOutlineTwoTone', {
+Object.defineProperty(exports, "DeleteOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _DeleteOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteOutlined', {
+Object.defineProperty(exports, "DeleteOutlined", {
   enumerable: true,
   get: function () {
     return _DeleteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteRounded', {
+Object.defineProperty(exports, "DeleteRounded", {
   enumerable: true,
   get: function () {
     return _DeleteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteSharp', {
+Object.defineProperty(exports, "DeleteSharp", {
   enumerable: true,
   get: function () {
     return _DeleteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteSweep', {
+Object.defineProperty(exports, "DeleteSweep", {
   enumerable: true,
   get: function () {
     return _DeleteSweep.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteSweepOutlined', {
+Object.defineProperty(exports, "DeleteSweepOutlined", {
   enumerable: true,
   get: function () {
     return _DeleteSweepOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteSweepRounded', {
+Object.defineProperty(exports, "DeleteSweepRounded", {
   enumerable: true,
   get: function () {
     return _DeleteSweepRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteSweepSharp', {
+Object.defineProperty(exports, "DeleteSweepSharp", {
   enumerable: true,
   get: function () {
     return _DeleteSweepSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteSweepTwoTone', {
+Object.defineProperty(exports, "DeleteSweepTwoTone", {
   enumerable: true,
   get: function () {
     return _DeleteSweepTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeleteTwoTone', {
+Object.defineProperty(exports, "DeleteTwoTone", {
   enumerable: true,
   get: function () {
     return _DeleteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeliveryDining', {
+Object.defineProperty(exports, "DeliveryDining", {
   enumerable: true,
   get: function () {
     return _DeliveryDining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeliveryDiningOutlined', {
+Object.defineProperty(exports, "DeliveryDiningOutlined", {
   enumerable: true,
   get: function () {
     return _DeliveryDiningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeliveryDiningRounded', {
+Object.defineProperty(exports, "DeliveryDiningRounded", {
   enumerable: true,
   get: function () {
     return _DeliveryDiningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeliveryDiningSharp', {
+Object.defineProperty(exports, "DeliveryDiningSharp", {
   enumerable: true,
   get: function () {
     return _DeliveryDiningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeliveryDiningTwoTone', {
+Object.defineProperty(exports, "DeliveryDiningTwoTone", {
   enumerable: true,
   get: function () {
     return _DeliveryDiningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensityLarge', {
+Object.defineProperty(exports, "DensityLarge", {
   enumerable: true,
   get: function () {
     return _DensityLarge.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensityLargeOutlined', {
+Object.defineProperty(exports, "DensityLargeOutlined", {
   enumerable: true,
   get: function () {
     return _DensityLargeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensityLargeRounded', {
+Object.defineProperty(exports, "DensityLargeRounded", {
   enumerable: true,
   get: function () {
     return _DensityLargeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensityLargeSharp', {
+Object.defineProperty(exports, "DensityLargeSharp", {
   enumerable: true,
   get: function () {
     return _DensityLargeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensityLargeTwoTone', {
+Object.defineProperty(exports, "DensityLargeTwoTone", {
   enumerable: true,
   get: function () {
     return _DensityLargeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensityMedium', {
+Object.defineProperty(exports, "DensityMedium", {
   enumerable: true,
   get: function () {
     return _DensityMedium.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensityMediumOutlined', {
+Object.defineProperty(exports, "DensityMediumOutlined", {
   enumerable: true,
   get: function () {
     return _DensityMediumOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensityMediumRounded', {
+Object.defineProperty(exports, "DensityMediumRounded", {
   enumerable: true,
   get: function () {
     return _DensityMediumRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensityMediumSharp', {
+Object.defineProperty(exports, "DensityMediumSharp", {
   enumerable: true,
   get: function () {
     return _DensityMediumSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensityMediumTwoTone', {
+Object.defineProperty(exports, "DensityMediumTwoTone", {
   enumerable: true,
   get: function () {
     return _DensityMediumTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensitySmall', {
+Object.defineProperty(exports, "DensitySmall", {
   enumerable: true,
   get: function () {
     return _DensitySmall.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensitySmallOutlined', {
+Object.defineProperty(exports, "DensitySmallOutlined", {
   enumerable: true,
   get: function () {
     return _DensitySmallOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensitySmallRounded', {
+Object.defineProperty(exports, "DensitySmallRounded", {
   enumerable: true,
   get: function () {
     return _DensitySmallRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensitySmallSharp', {
+Object.defineProperty(exports, "DensitySmallSharp", {
   enumerable: true,
   get: function () {
     return _DensitySmallSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DensitySmallTwoTone', {
+Object.defineProperty(exports, "DensitySmallTwoTone", {
   enumerable: true,
   get: function () {
     return _DensitySmallTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DepartureBoard', {
+Object.defineProperty(exports, "DepartureBoard", {
   enumerable: true,
   get: function () {
     return _DepartureBoard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DepartureBoardOutlined', {
+Object.defineProperty(exports, "DepartureBoardOutlined", {
   enumerable: true,
   get: function () {
     return _DepartureBoardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DepartureBoardRounded', {
+Object.defineProperty(exports, "DepartureBoardRounded", {
   enumerable: true,
   get: function () {
     return _DepartureBoardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DepartureBoardSharp', {
+Object.defineProperty(exports, "DepartureBoardSharp", {
   enumerable: true,
   get: function () {
     return _DepartureBoardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DepartureBoardTwoTone', {
+Object.defineProperty(exports, "DepartureBoardTwoTone", {
   enumerable: true,
   get: function () {
     return _DepartureBoardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Description', {
+Object.defineProperty(exports, "Description", {
   enumerable: true,
   get: function () {
     return _Description.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DescriptionOutlined', {
+Object.defineProperty(exports, "DescriptionOutlined", {
   enumerable: true,
   get: function () {
     return _DescriptionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DescriptionRounded', {
+Object.defineProperty(exports, "DescriptionRounded", {
   enumerable: true,
   get: function () {
     return _DescriptionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DescriptionSharp', {
+Object.defineProperty(exports, "DescriptionSharp", {
   enumerable: true,
   get: function () {
     return _DescriptionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DescriptionTwoTone', {
+Object.defineProperty(exports, "DescriptionTwoTone", {
   enumerable: true,
   get: function () {
     return _DescriptionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Deselect', {
+Object.defineProperty(exports, "Deselect", {
   enumerable: true,
   get: function () {
     return _Deselect.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeselectOutlined', {
+Object.defineProperty(exports, "DeselectOutlined", {
   enumerable: true,
   get: function () {
     return _DeselectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeselectRounded', {
+Object.defineProperty(exports, "DeselectRounded", {
   enumerable: true,
   get: function () {
     return _DeselectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeselectSharp', {
+Object.defineProperty(exports, "DeselectSharp", {
   enumerable: true,
   get: function () {
     return _DeselectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeselectTwoTone', {
+Object.defineProperty(exports, "DeselectTwoTone", {
   enumerable: true,
   get: function () {
     return _DeselectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesignServices', {
+Object.defineProperty(exports, "DesignServices", {
   enumerable: true,
   get: function () {
     return _DesignServices.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesignServicesOutlined', {
+Object.defineProperty(exports, "DesignServicesOutlined", {
   enumerable: true,
   get: function () {
     return _DesignServicesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesignServicesRounded', {
+Object.defineProperty(exports, "DesignServicesRounded", {
   enumerable: true,
   get: function () {
     return _DesignServicesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesignServicesSharp', {
+Object.defineProperty(exports, "DesignServicesSharp", {
   enumerable: true,
   get: function () {
     return _DesignServicesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesignServicesTwoTone', {
+Object.defineProperty(exports, "DesignServicesTwoTone", {
   enumerable: true,
   get: function () {
     return _DesignServicesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Desk', {
+Object.defineProperty(exports, "Desk", {
   enumerable: true,
   get: function () {
     return _Desk.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeskOutlined', {
+Object.defineProperty(exports, "DeskOutlined", {
   enumerable: true,
   get: function () {
     return _DeskOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeskRounded', {
+Object.defineProperty(exports, "DeskRounded", {
   enumerable: true,
   get: function () {
     return _DeskRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeskSharp', {
+Object.defineProperty(exports, "DeskSharp", {
   enumerable: true,
   get: function () {
     return _DeskSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeskTwoTone', {
+Object.defineProperty(exports, "DeskTwoTone", {
   enumerable: true,
   get: function () {
     return _DeskTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopAccessDisabled', {
+Object.defineProperty(exports, "DesktopAccessDisabled", {
   enumerable: true,
   get: function () {
     return _DesktopAccessDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopAccessDisabledOutlined', {
+Object.defineProperty(exports, "DesktopAccessDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _DesktopAccessDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopAccessDisabledRounded', {
+Object.defineProperty(exports, "DesktopAccessDisabledRounded", {
   enumerable: true,
   get: function () {
     return _DesktopAccessDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopAccessDisabledSharp', {
+Object.defineProperty(exports, "DesktopAccessDisabledSharp", {
   enumerable: true,
   get: function () {
     return _DesktopAccessDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopAccessDisabledTwoTone', {
+Object.defineProperty(exports, "DesktopAccessDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _DesktopAccessDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopMac', {
+Object.defineProperty(exports, "DesktopMac", {
   enumerable: true,
   get: function () {
     return _DesktopMac.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopMacOutlined', {
+Object.defineProperty(exports, "DesktopMacOutlined", {
   enumerable: true,
   get: function () {
     return _DesktopMacOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopMacRounded', {
+Object.defineProperty(exports, "DesktopMacRounded", {
   enumerable: true,
   get: function () {
     return _DesktopMacRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopMacSharp', {
+Object.defineProperty(exports, "DesktopMacSharp", {
   enumerable: true,
   get: function () {
     return _DesktopMacSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopMacTwoTone', {
+Object.defineProperty(exports, "DesktopMacTwoTone", {
   enumerable: true,
   get: function () {
     return _DesktopMacTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopWindows', {
+Object.defineProperty(exports, "DesktopWindows", {
   enumerable: true,
   get: function () {
     return _DesktopWindows.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopWindowsOutlined', {
+Object.defineProperty(exports, "DesktopWindowsOutlined", {
   enumerable: true,
   get: function () {
     return _DesktopWindowsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopWindowsRounded', {
+Object.defineProperty(exports, "DesktopWindowsRounded", {
   enumerable: true,
   get: function () {
     return _DesktopWindowsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopWindowsSharp', {
+Object.defineProperty(exports, "DesktopWindowsSharp", {
   enumerable: true,
   get: function () {
     return _DesktopWindowsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DesktopWindowsTwoTone', {
+Object.defineProperty(exports, "DesktopWindowsTwoTone", {
   enumerable: true,
   get: function () {
     return _DesktopWindowsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Details', {
+Object.defineProperty(exports, "Details", {
   enumerable: true,
   get: function () {
     return _Details.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DetailsOutlined', {
+Object.defineProperty(exports, "DetailsOutlined", {
   enumerable: true,
   get: function () {
     return _DetailsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DetailsRounded', {
+Object.defineProperty(exports, "DetailsRounded", {
   enumerable: true,
   get: function () {
     return _DetailsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DetailsSharp', {
+Object.defineProperty(exports, "DetailsSharp", {
   enumerable: true,
   get: function () {
     return _DetailsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DetailsTwoTone', {
+Object.defineProperty(exports, "DetailsTwoTone", {
   enumerable: true,
   get: function () {
     return _DetailsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperBoard', {
+Object.defineProperty(exports, "DeveloperBoard", {
   enumerable: true,
   get: function () {
     return _DeveloperBoard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperBoardOff', {
+Object.defineProperty(exports, "DeveloperBoardOff", {
   enumerable: true,
   get: function () {
     return _DeveloperBoardOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperBoardOffOutlined', {
+Object.defineProperty(exports, "DeveloperBoardOffOutlined", {
   enumerable: true,
   get: function () {
     return _DeveloperBoardOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperBoardOffRounded', {
+Object.defineProperty(exports, "DeveloperBoardOffRounded", {
   enumerable: true,
   get: function () {
     return _DeveloperBoardOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperBoardOffSharp', {
+Object.defineProperty(exports, "DeveloperBoardOffSharp", {
   enumerable: true,
   get: function () {
     return _DeveloperBoardOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperBoardOffTwoTone', {
+Object.defineProperty(exports, "DeveloperBoardOffTwoTone", {
   enumerable: true,
   get: function () {
     return _DeveloperBoardOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperBoardOutlined', {
+Object.defineProperty(exports, "DeveloperBoardOutlined", {
   enumerable: true,
   get: function () {
     return _DeveloperBoardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperBoardRounded', {
+Object.defineProperty(exports, "DeveloperBoardRounded", {
   enumerable: true,
   get: function () {
     return _DeveloperBoardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperBoardSharp', {
+Object.defineProperty(exports, "DeveloperBoardSharp", {
   enumerable: true,
   get: function () {
     return _DeveloperBoardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperBoardTwoTone', {
+Object.defineProperty(exports, "DeveloperBoardTwoTone", {
   enumerable: true,
   get: function () {
     return _DeveloperBoardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperMode', {
+Object.defineProperty(exports, "DeveloperMode", {
   enumerable: true,
   get: function () {
     return _DeveloperMode.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperModeOutlined', {
+Object.defineProperty(exports, "DeveloperModeOutlined", {
   enumerable: true,
   get: function () {
     return _DeveloperModeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperModeRounded', {
+Object.defineProperty(exports, "DeveloperModeRounded", {
   enumerable: true,
   get: function () {
     return _DeveloperModeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperModeSharp', {
+Object.defineProperty(exports, "DeveloperModeSharp", {
   enumerable: true,
   get: function () {
     return _DeveloperModeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeveloperModeTwoTone', {
+Object.defineProperty(exports, "DeveloperModeTwoTone", {
   enumerable: true,
   get: function () {
     return _DeveloperModeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceHub', {
+Object.defineProperty(exports, "DeviceHub", {
   enumerable: true,
   get: function () {
     return _DeviceHub.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceHubOutlined', {
+Object.defineProperty(exports, "DeviceHubOutlined", {
   enumerable: true,
   get: function () {
     return _DeviceHubOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceHubRounded', {
+Object.defineProperty(exports, "DeviceHubRounded", {
   enumerable: true,
   get: function () {
     return _DeviceHubRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceHubSharp', {
+Object.defineProperty(exports, "DeviceHubSharp", {
   enumerable: true,
   get: function () {
     return _DeviceHubSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceHubTwoTone', {
+Object.defineProperty(exports, "DeviceHubTwoTone", {
   enumerable: true,
   get: function () {
     return _DeviceHubTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceThermostat', {
+Object.defineProperty(exports, "DeviceThermostat", {
   enumerable: true,
   get: function () {
     return _DeviceThermostat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceThermostatOutlined', {
+Object.defineProperty(exports, "DeviceThermostatOutlined", {
   enumerable: true,
   get: function () {
     return _DeviceThermostatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceThermostatRounded', {
+Object.defineProperty(exports, "DeviceThermostatRounded", {
   enumerable: true,
   get: function () {
     return _DeviceThermostatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceThermostatSharp', {
+Object.defineProperty(exports, "DeviceThermostatSharp", {
   enumerable: true,
   get: function () {
     return _DeviceThermostatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceThermostatTwoTone', {
+Object.defineProperty(exports, "DeviceThermostatTwoTone", {
   enumerable: true,
   get: function () {
     return _DeviceThermostatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceUnknown', {
+Object.defineProperty(exports, "DeviceUnknown", {
   enumerable: true,
   get: function () {
     return _DeviceUnknown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceUnknownOutlined', {
+Object.defineProperty(exports, "DeviceUnknownOutlined", {
   enumerable: true,
   get: function () {
     return _DeviceUnknownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceUnknownRounded', {
+Object.defineProperty(exports, "DeviceUnknownRounded", {
   enumerable: true,
   get: function () {
     return _DeviceUnknownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceUnknownSharp', {
+Object.defineProperty(exports, "DeviceUnknownSharp", {
   enumerable: true,
   get: function () {
     return _DeviceUnknownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DeviceUnknownTwoTone', {
+Object.defineProperty(exports, "DeviceUnknownTwoTone", {
   enumerable: true,
   get: function () {
     return _DeviceUnknownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Devices', {
+Object.defineProperty(exports, "Devices", {
   enumerable: true,
   get: function () {
     return _Devices.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesFold', {
+Object.defineProperty(exports, "DevicesFold", {
   enumerable: true,
   get: function () {
     return _DevicesFold.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesFoldOutlined', {
+Object.defineProperty(exports, "DevicesFoldOutlined", {
   enumerable: true,
   get: function () {
     return _DevicesFoldOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesFoldRounded', {
+Object.defineProperty(exports, "DevicesFoldRounded", {
   enumerable: true,
   get: function () {
     return _DevicesFoldRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesFoldSharp', {
+Object.defineProperty(exports, "DevicesFoldSharp", {
   enumerable: true,
   get: function () {
     return _DevicesFoldSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesFoldTwoTone', {
+Object.defineProperty(exports, "DevicesFoldTwoTone", {
   enumerable: true,
   get: function () {
     return _DevicesFoldTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesOther', {
+Object.defineProperty(exports, "DevicesOther", {
   enumerable: true,
   get: function () {
     return _DevicesOther.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesOtherOutlined', {
+Object.defineProperty(exports, "DevicesOtherOutlined", {
   enumerable: true,
   get: function () {
     return _DevicesOtherOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesOtherRounded', {
+Object.defineProperty(exports, "DevicesOtherRounded", {
   enumerable: true,
   get: function () {
     return _DevicesOtherRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesOtherSharp', {
+Object.defineProperty(exports, "DevicesOtherSharp", {
   enumerable: true,
   get: function () {
     return _DevicesOtherSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesOtherTwoTone', {
+Object.defineProperty(exports, "DevicesOtherTwoTone", {
   enumerable: true,
   get: function () {
     return _DevicesOtherTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesOutlined', {
+Object.defineProperty(exports, "DevicesOutlined", {
   enumerable: true,
   get: function () {
     return _DevicesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesRounded', {
+Object.defineProperty(exports, "DevicesRounded", {
   enumerable: true,
   get: function () {
     return _DevicesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesSharp', {
+Object.defineProperty(exports, "DevicesSharp", {
   enumerable: true,
   get: function () {
     return _DevicesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DevicesTwoTone', {
+Object.defineProperty(exports, "DevicesTwoTone", {
   enumerable: true,
   get: function () {
     return _DevicesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DialerSip', {
+Object.defineProperty(exports, "DialerSip", {
   enumerable: true,
   get: function () {
     return _DialerSip.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DialerSipOutlined', {
+Object.defineProperty(exports, "DialerSipOutlined", {
   enumerable: true,
   get: function () {
     return _DialerSipOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DialerSipRounded', {
+Object.defineProperty(exports, "DialerSipRounded", {
   enumerable: true,
   get: function () {
     return _DialerSipRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DialerSipSharp', {
+Object.defineProperty(exports, "DialerSipSharp", {
   enumerable: true,
   get: function () {
     return _DialerSipSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DialerSipTwoTone', {
+Object.defineProperty(exports, "DialerSipTwoTone", {
   enumerable: true,
   get: function () {
     return _DialerSipTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Dialpad', {
+Object.defineProperty(exports, "Dialpad", {
   enumerable: true,
   get: function () {
     return _Dialpad.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DialpadOutlined', {
+Object.defineProperty(exports, "DialpadOutlined", {
   enumerable: true,
   get: function () {
     return _DialpadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DialpadRounded', {
+Object.defineProperty(exports, "DialpadRounded", {
   enumerable: true,
   get: function () {
     return _DialpadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DialpadSharp', {
+Object.defineProperty(exports, "DialpadSharp", {
   enumerable: true,
   get: function () {
     return _DialpadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DialpadTwoTone', {
+Object.defineProperty(exports, "DialpadTwoTone", {
   enumerable: true,
   get: function () {
     return _DialpadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diamond', {
+Object.defineProperty(exports, "Diamond", {
   enumerable: true,
   get: function () {
     return _Diamond.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiamondOutlined', {
+Object.defineProperty(exports, "DiamondOutlined", {
   enumerable: true,
   get: function () {
     return _DiamondOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiamondRounded', {
+Object.defineProperty(exports, "DiamondRounded", {
   enumerable: true,
   get: function () {
     return _DiamondRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiamondSharp', {
+Object.defineProperty(exports, "DiamondSharp", {
   enumerable: true,
   get: function () {
     return _DiamondSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiamondTwoTone', {
+Object.defineProperty(exports, "DiamondTwoTone", {
   enumerable: true,
   get: function () {
     return _DiamondTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Difference', {
+Object.defineProperty(exports, "Difference", {
   enumerable: true,
   get: function () {
     return _Difference.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DifferenceOutlined', {
+Object.defineProperty(exports, "DifferenceOutlined", {
   enumerable: true,
   get: function () {
     return _DifferenceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DifferenceRounded', {
+Object.defineProperty(exports, "DifferenceRounded", {
   enumerable: true,
   get: function () {
     return _DifferenceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DifferenceSharp', {
+Object.defineProperty(exports, "DifferenceSharp", {
   enumerable: true,
   get: function () {
     return _DifferenceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DifferenceTwoTone', {
+Object.defineProperty(exports, "DifferenceTwoTone", {
   enumerable: true,
   get: function () {
     return _DifferenceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Dining', {
+Object.defineProperty(exports, "Dining", {
   enumerable: true,
   get: function () {
     return _Dining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiningOutlined', {
+Object.defineProperty(exports, "DiningOutlined", {
   enumerable: true,
   get: function () {
     return _DiningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiningRounded', {
+Object.defineProperty(exports, "DiningRounded", {
   enumerable: true,
   get: function () {
     return _DiningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiningSharp', {
+Object.defineProperty(exports, "DiningSharp", {
   enumerable: true,
   get: function () {
     return _DiningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiningTwoTone', {
+Object.defineProperty(exports, "DiningTwoTone", {
   enumerable: true,
   get: function () {
     return _DiningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DinnerDining', {
+Object.defineProperty(exports, "DinnerDining", {
   enumerable: true,
   get: function () {
     return _DinnerDining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DinnerDiningOutlined', {
+Object.defineProperty(exports, "DinnerDiningOutlined", {
   enumerable: true,
   get: function () {
     return _DinnerDiningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DinnerDiningRounded', {
+Object.defineProperty(exports, "DinnerDiningRounded", {
   enumerable: true,
   get: function () {
     return _DinnerDiningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DinnerDiningSharp', {
+Object.defineProperty(exports, "DinnerDiningSharp", {
   enumerable: true,
   get: function () {
     return _DinnerDiningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DinnerDiningTwoTone', {
+Object.defineProperty(exports, "DinnerDiningTwoTone", {
   enumerable: true,
   get: function () {
     return _DinnerDiningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Directions', {
+Object.defineProperty(exports, "Directions", {
   enumerable: true,
   get: function () {
     return _Directions.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBike', {
+Object.defineProperty(exports, "DirectionsBike", {
   enumerable: true,
   get: function () {
     return _DirectionsBike.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBikeOutlined', {
+Object.defineProperty(exports, "DirectionsBikeOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsBikeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBikeRounded', {
+Object.defineProperty(exports, "DirectionsBikeRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsBikeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBikeSharp', {
+Object.defineProperty(exports, "DirectionsBikeSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsBikeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBikeTwoTone', {
+Object.defineProperty(exports, "DirectionsBikeTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsBikeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBoat', {
+Object.defineProperty(exports, "DirectionsBoat", {
   enumerable: true,
   get: function () {
     return _DirectionsBoat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBoatFilled', {
+Object.defineProperty(exports, "DirectionsBoatFilled", {
   enumerable: true,
   get: function () {
     return _DirectionsBoatFilled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBoatFilledOutlined', {
+Object.defineProperty(exports, "DirectionsBoatFilledOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsBoatFilledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBoatFilledRounded', {
+Object.defineProperty(exports, "DirectionsBoatFilledRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsBoatFilledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBoatFilledSharp', {
+Object.defineProperty(exports, "DirectionsBoatFilledSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsBoatFilledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBoatFilledTwoTone', {
+Object.defineProperty(exports, "DirectionsBoatFilledTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsBoatFilledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBoatOutlined', {
+Object.defineProperty(exports, "DirectionsBoatOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsBoatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBoatRounded', {
+Object.defineProperty(exports, "DirectionsBoatRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsBoatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBoatSharp', {
+Object.defineProperty(exports, "DirectionsBoatSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsBoatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBoatTwoTone', {
+Object.defineProperty(exports, "DirectionsBoatTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsBoatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBus', {
+Object.defineProperty(exports, "DirectionsBus", {
   enumerable: true,
   get: function () {
     return _DirectionsBus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBusFilled', {
+Object.defineProperty(exports, "DirectionsBusFilled", {
   enumerable: true,
   get: function () {
     return _DirectionsBusFilled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBusFilledOutlined', {
+Object.defineProperty(exports, "DirectionsBusFilledOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsBusFilledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBusFilledRounded', {
+Object.defineProperty(exports, "DirectionsBusFilledRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsBusFilledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBusFilledSharp', {
+Object.defineProperty(exports, "DirectionsBusFilledSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsBusFilledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBusFilledTwoTone', {
+Object.defineProperty(exports, "DirectionsBusFilledTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsBusFilledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBusOutlined', {
+Object.defineProperty(exports, "DirectionsBusOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsBusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBusRounded', {
+Object.defineProperty(exports, "DirectionsBusRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsBusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBusSharp', {
+Object.defineProperty(exports, "DirectionsBusSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsBusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsBusTwoTone', {
+Object.defineProperty(exports, "DirectionsBusTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsBusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsCar', {
+Object.defineProperty(exports, "DirectionsCar", {
   enumerable: true,
   get: function () {
     return _DirectionsCar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsCarFilled', {
+Object.defineProperty(exports, "DirectionsCarFilled", {
   enumerable: true,
   get: function () {
     return _DirectionsCarFilled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsCarFilledOutlined', {
+Object.defineProperty(exports, "DirectionsCarFilledOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsCarFilledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsCarFilledRounded', {
+Object.defineProperty(exports, "DirectionsCarFilledRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsCarFilledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsCarFilledSharp', {
+Object.defineProperty(exports, "DirectionsCarFilledSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsCarFilledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsCarFilledTwoTone', {
+Object.defineProperty(exports, "DirectionsCarFilledTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsCarFilledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsCarOutlined', {
+Object.defineProperty(exports, "DirectionsCarOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsCarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsCarRounded', {
+Object.defineProperty(exports, "DirectionsCarRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsCarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsCarSharp', {
+Object.defineProperty(exports, "DirectionsCarSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsCarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsCarTwoTone', {
+Object.defineProperty(exports, "DirectionsCarTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsCarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsOff', {
+Object.defineProperty(exports, "DirectionsOff", {
   enumerable: true,
   get: function () {
     return _DirectionsOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsOffOutlined', {
+Object.defineProperty(exports, "DirectionsOffOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsOffRounded', {
+Object.defineProperty(exports, "DirectionsOffRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsOffSharp', {
+Object.defineProperty(exports, "DirectionsOffSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsOffTwoTone', {
+Object.defineProperty(exports, "DirectionsOffTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsOutlined', {
+Object.defineProperty(exports, "DirectionsOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRailway', {
+Object.defineProperty(exports, "DirectionsRailway", {
   enumerable: true,
   get: function () {
     return _DirectionsRailway.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRailwayFilled', {
+Object.defineProperty(exports, "DirectionsRailwayFilled", {
   enumerable: true,
   get: function () {
     return _DirectionsRailwayFilled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRailwayFilledOutlined', {
+Object.defineProperty(exports, "DirectionsRailwayFilledOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsRailwayFilledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRailwayFilledRounded', {
+Object.defineProperty(exports, "DirectionsRailwayFilledRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsRailwayFilledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRailwayFilledSharp', {
+Object.defineProperty(exports, "DirectionsRailwayFilledSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsRailwayFilledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRailwayFilledTwoTone', {
+Object.defineProperty(exports, "DirectionsRailwayFilledTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsRailwayFilledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRailwayOutlined', {
+Object.defineProperty(exports, "DirectionsRailwayOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsRailwayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRailwayRounded', {
+Object.defineProperty(exports, "DirectionsRailwayRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsRailwayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRailwaySharp', {
+Object.defineProperty(exports, "DirectionsRailwaySharp", {
   enumerable: true,
   get: function () {
     return _DirectionsRailwaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRailwayTwoTone', {
+Object.defineProperty(exports, "DirectionsRailwayTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsRailwayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRounded', {
+Object.defineProperty(exports, "DirectionsRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRun', {
+Object.defineProperty(exports, "DirectionsRun", {
   enumerable: true,
   get: function () {
     return _DirectionsRun.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRunOutlined', {
+Object.defineProperty(exports, "DirectionsRunOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsRunOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRunRounded', {
+Object.defineProperty(exports, "DirectionsRunRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsRunRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRunSharp', {
+Object.defineProperty(exports, "DirectionsRunSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsRunSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsRunTwoTone', {
+Object.defineProperty(exports, "DirectionsRunTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsRunTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsSharp', {
+Object.defineProperty(exports, "DirectionsSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsSubway', {
+Object.defineProperty(exports, "DirectionsSubway", {
   enumerable: true,
   get: function () {
     return _DirectionsSubway.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsSubwayFilled', {
+Object.defineProperty(exports, "DirectionsSubwayFilled", {
   enumerable: true,
   get: function () {
     return _DirectionsSubwayFilled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsSubwayFilledOutlined', {
+Object.defineProperty(exports, "DirectionsSubwayFilledOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsSubwayFilledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsSubwayFilledRounded', {
+Object.defineProperty(exports, "DirectionsSubwayFilledRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsSubwayFilledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsSubwayFilledSharp', {
+Object.defineProperty(exports, "DirectionsSubwayFilledSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsSubwayFilledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsSubwayFilledTwoTone', {
+Object.defineProperty(exports, "DirectionsSubwayFilledTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsSubwayFilledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsSubwayOutlined', {
+Object.defineProperty(exports, "DirectionsSubwayOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsSubwayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsSubwayRounded', {
+Object.defineProperty(exports, "DirectionsSubwayRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsSubwayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsSubwaySharp', {
+Object.defineProperty(exports, "DirectionsSubwaySharp", {
   enumerable: true,
   get: function () {
     return _DirectionsSubwaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsSubwayTwoTone', {
+Object.defineProperty(exports, "DirectionsSubwayTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsSubwayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsTransit', {
+Object.defineProperty(exports, "DirectionsTransit", {
   enumerable: true,
   get: function () {
     return _DirectionsTransit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsTransitFilled', {
+Object.defineProperty(exports, "DirectionsTransitFilled", {
   enumerable: true,
   get: function () {
     return _DirectionsTransitFilled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsTransitFilledOutlined', {
+Object.defineProperty(exports, "DirectionsTransitFilledOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsTransitFilledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsTransitFilledRounded', {
+Object.defineProperty(exports, "DirectionsTransitFilledRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsTransitFilledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsTransitFilledSharp', {
+Object.defineProperty(exports, "DirectionsTransitFilledSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsTransitFilledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsTransitFilledTwoTone', {
+Object.defineProperty(exports, "DirectionsTransitFilledTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsTransitFilledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsTransitOutlined', {
+Object.defineProperty(exports, "DirectionsTransitOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsTransitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsTransitRounded', {
+Object.defineProperty(exports, "DirectionsTransitRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsTransitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsTransitSharp', {
+Object.defineProperty(exports, "DirectionsTransitSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsTransitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsTransitTwoTone', {
+Object.defineProperty(exports, "DirectionsTransitTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsTransitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsTwoTone', {
+Object.defineProperty(exports, "DirectionsTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsWalk', {
+Object.defineProperty(exports, "DirectionsWalk", {
   enumerable: true,
   get: function () {
     return _DirectionsWalk.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsWalkOutlined', {
+Object.defineProperty(exports, "DirectionsWalkOutlined", {
   enumerable: true,
   get: function () {
     return _DirectionsWalkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsWalkRounded', {
+Object.defineProperty(exports, "DirectionsWalkRounded", {
   enumerable: true,
   get: function () {
     return _DirectionsWalkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsWalkSharp', {
+Object.defineProperty(exports, "DirectionsWalkSharp", {
   enumerable: true,
   get: function () {
     return _DirectionsWalkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirectionsWalkTwoTone', {
+Object.defineProperty(exports, "DirectionsWalkTwoTone", {
   enumerable: true,
   get: function () {
     return _DirectionsWalkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirtyLens', {
+Object.defineProperty(exports, "DirtyLens", {
   enumerable: true,
   get: function () {
     return _DirtyLens.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirtyLensOutlined', {
+Object.defineProperty(exports, "DirtyLensOutlined", {
   enumerable: true,
   get: function () {
     return _DirtyLensOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirtyLensRounded', {
+Object.defineProperty(exports, "DirtyLensRounded", {
   enumerable: true,
   get: function () {
     return _DirtyLensRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirtyLensSharp', {
+Object.defineProperty(exports, "DirtyLensSharp", {
   enumerable: true,
   get: function () {
     return _DirtyLensSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DirtyLensTwoTone', {
+Object.defineProperty(exports, "DirtyLensTwoTone", {
   enumerable: true,
   get: function () {
     return _DirtyLensTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DisabledByDefault', {
+Object.defineProperty(exports, "DisabledByDefault", {
   enumerable: true,
   get: function () {
     return _DisabledByDefault.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DisabledByDefaultOutlined', {
+Object.defineProperty(exports, "DisabledByDefaultOutlined", {
   enumerable: true,
   get: function () {
     return _DisabledByDefaultOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DisabledByDefaultRounded', {
+Object.defineProperty(exports, "DisabledByDefaultRounded", {
   enumerable: true,
   get: function () {
     return _DisabledByDefaultRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DisabledByDefaultSharp', {
+Object.defineProperty(exports, "DisabledByDefaultSharp", {
   enumerable: true,
   get: function () {
     return _DisabledByDefaultSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DisabledByDefaultTwoTone', {
+Object.defineProperty(exports, "DisabledByDefaultTwoTone", {
   enumerable: true,
   get: function () {
     return _DisabledByDefaultTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiscFull', {
+Object.defineProperty(exports, "DiscFull", {
   enumerable: true,
   get: function () {
     return _DiscFull.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiscFullOutlined', {
+Object.defineProperty(exports, "DiscFullOutlined", {
   enumerable: true,
   get: function () {
     return _DiscFullOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiscFullRounded', {
+Object.defineProperty(exports, "DiscFullRounded", {
   enumerable: true,
   get: function () {
     return _DiscFullRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiscFullSharp', {
+Object.defineProperty(exports, "DiscFullSharp", {
   enumerable: true,
   get: function () {
     return _DiscFullSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiscFullTwoTone', {
+Object.defineProperty(exports, "DiscFullTwoTone", {
   enumerable: true,
   get: function () {
     return _DiscFullTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Discount', {
+Object.defineProperty(exports, "Discount", {
   enumerable: true,
   get: function () {
     return _Discount.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiscountOutlined', {
+Object.defineProperty(exports, "DiscountOutlined", {
   enumerable: true,
   get: function () {
     return _DiscountOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiscountRounded', {
+Object.defineProperty(exports, "DiscountRounded", {
   enumerable: true,
   get: function () {
     return _DiscountRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiscountSharp', {
+Object.defineProperty(exports, "DiscountSharp", {
   enumerable: true,
   get: function () {
     return _DiscountSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DiscountTwoTone', {
+Object.defineProperty(exports, "DiscountTwoTone", {
   enumerable: true,
   get: function () {
     return _DiscountTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DisplaySettings', {
+Object.defineProperty(exports, "DisplaySettings", {
   enumerable: true,
   get: function () {
     return _DisplaySettings.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DisplaySettingsOutlined', {
+Object.defineProperty(exports, "DisplaySettingsOutlined", {
   enumerable: true,
   get: function () {
     return _DisplaySettingsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DisplaySettingsRounded', {
+Object.defineProperty(exports, "DisplaySettingsRounded", {
   enumerable: true,
   get: function () {
     return _DisplaySettingsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DisplaySettingsSharp', {
+Object.defineProperty(exports, "DisplaySettingsSharp", {
   enumerable: true,
   get: function () {
     return _DisplaySettingsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DisplaySettingsTwoTone', {
+Object.defineProperty(exports, "DisplaySettingsTwoTone", {
   enumerable: true,
   get: function () {
     return _DisplaySettingsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity1', {
+Object.defineProperty(exports, "Diversity1", {
   enumerable: true,
   get: function () {
     return _Diversity.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity1Outlined', {
+Object.defineProperty(exports, "Diversity1Outlined", {
   enumerable: true,
   get: function () {
     return _Diversity1Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity1Rounded', {
+Object.defineProperty(exports, "Diversity1Rounded", {
   enumerable: true,
   get: function () {
     return _Diversity1Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity1Sharp', {
+Object.defineProperty(exports, "Diversity1Sharp", {
   enumerable: true,
   get: function () {
     return _Diversity1Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity1TwoTone', {
+Object.defineProperty(exports, "Diversity1TwoTone", {
   enumerable: true,
   get: function () {
     return _Diversity1TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity2', {
+Object.defineProperty(exports, "Diversity2", {
   enumerable: true,
   get: function () {
     return _Diversity2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity2Outlined', {
+Object.defineProperty(exports, "Diversity2Outlined", {
   enumerable: true,
   get: function () {
     return _Diversity2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity2Rounded', {
+Object.defineProperty(exports, "Diversity2Rounded", {
   enumerable: true,
   get: function () {
     return _Diversity2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity2Sharp', {
+Object.defineProperty(exports, "Diversity2Sharp", {
   enumerable: true,
   get: function () {
     return _Diversity2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity2TwoTone', {
+Object.defineProperty(exports, "Diversity2TwoTone", {
   enumerable: true,
   get: function () {
     return _Diversity2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity3', {
+Object.defineProperty(exports, "Diversity3", {
   enumerable: true,
   get: function () {
     return _Diversity3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity3Outlined', {
+Object.defineProperty(exports, "Diversity3Outlined", {
   enumerable: true,
   get: function () {
     return _Diversity3Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity3Rounded', {
+Object.defineProperty(exports, "Diversity3Rounded", {
   enumerable: true,
   get: function () {
     return _Diversity3Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity3Sharp', {
+Object.defineProperty(exports, "Diversity3Sharp", {
   enumerable: true,
   get: function () {
     return _Diversity3Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Diversity3TwoTone', {
+Object.defineProperty(exports, "Diversity3TwoTone", {
   enumerable: true,
   get: function () {
     return _Diversity3TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Dns', {
+Object.defineProperty(exports, "Dns", {
   enumerable: true,
   get: function () {
     return _Dns.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DnsOutlined', {
+Object.defineProperty(exports, "DnsOutlined", {
   enumerable: true,
   get: function () {
     return _DnsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DnsRounded', {
+Object.defineProperty(exports, "DnsRounded", {
   enumerable: true,
   get: function () {
     return _DnsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DnsSharp', {
+Object.defineProperty(exports, "DnsSharp", {
   enumerable: true,
   get: function () {
     return _DnsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DnsTwoTone', {
+Object.defineProperty(exports, "DnsTwoTone", {
   enumerable: true,
   get: function () {
     return _DnsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturb', {
+Object.defineProperty(exports, "DoDisturb", {
   enumerable: true,
   get: function () {
     return _DoDisturb.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbAlt', {
+Object.defineProperty(exports, "DoDisturbAlt", {
   enumerable: true,
   get: function () {
     return _DoDisturbAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbAltOutlined', {
+Object.defineProperty(exports, "DoDisturbAltOutlined", {
   enumerable: true,
   get: function () {
     return _DoDisturbAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbAltRounded', {
+Object.defineProperty(exports, "DoDisturbAltRounded", {
   enumerable: true,
   get: function () {
     return _DoDisturbAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbAltSharp', {
+Object.defineProperty(exports, "DoDisturbAltSharp", {
   enumerable: true,
   get: function () {
     return _DoDisturbAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbAltTwoTone', {
+Object.defineProperty(exports, "DoDisturbAltTwoTone", {
   enumerable: true,
   get: function () {
     return _DoDisturbAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbOff', {
+Object.defineProperty(exports, "DoDisturbOff", {
   enumerable: true,
   get: function () {
     return _DoDisturbOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbOffOutlined', {
+Object.defineProperty(exports, "DoDisturbOffOutlined", {
   enumerable: true,
   get: function () {
     return _DoDisturbOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbOffRounded', {
+Object.defineProperty(exports, "DoDisturbOffRounded", {
   enumerable: true,
   get: function () {
     return _DoDisturbOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbOffSharp', {
+Object.defineProperty(exports, "DoDisturbOffSharp", {
   enumerable: true,
   get: function () {
     return _DoDisturbOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbOffTwoTone', {
+Object.defineProperty(exports, "DoDisturbOffTwoTone", {
   enumerable: true,
   get: function () {
     return _DoDisturbOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbOn', {
+Object.defineProperty(exports, "DoDisturbOn", {
   enumerable: true,
   get: function () {
     return _DoDisturbOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbOnOutlined', {
+Object.defineProperty(exports, "DoDisturbOnOutlined", {
   enumerable: true,
   get: function () {
     return _DoDisturbOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbOnRounded', {
+Object.defineProperty(exports, "DoDisturbOnRounded", {
   enumerable: true,
   get: function () {
     return _DoDisturbOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbOnSharp', {
+Object.defineProperty(exports, "DoDisturbOnSharp", {
   enumerable: true,
   get: function () {
     return _DoDisturbOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbOnTwoTone', {
+Object.defineProperty(exports, "DoDisturbOnTwoTone", {
   enumerable: true,
   get: function () {
     return _DoDisturbOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbOutlined', {
+Object.defineProperty(exports, "DoDisturbOutlined", {
   enumerable: true,
   get: function () {
     return _DoDisturbOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbRounded', {
+Object.defineProperty(exports, "DoDisturbRounded", {
   enumerable: true,
   get: function () {
     return _DoDisturbRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbSharp', {
+Object.defineProperty(exports, "DoDisturbSharp", {
   enumerable: true,
   get: function () {
     return _DoDisturbSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoDisturbTwoTone', {
+Object.defineProperty(exports, "DoDisturbTwoTone", {
   enumerable: true,
   get: function () {
     return _DoDisturbTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturb', {
+Object.defineProperty(exports, "DoNotDisturb", {
   enumerable: true,
   get: function () {
     return _DoNotDisturb.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbAlt', {
+Object.defineProperty(exports, "DoNotDisturbAlt", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbAltOutlined', {
+Object.defineProperty(exports, "DoNotDisturbAltOutlined", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbAltRounded', {
+Object.defineProperty(exports, "DoNotDisturbAltRounded", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbAltSharp', {
+Object.defineProperty(exports, "DoNotDisturbAltSharp", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbAltTwoTone', {
+Object.defineProperty(exports, "DoNotDisturbAltTwoTone", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOff', {
+Object.defineProperty(exports, "DoNotDisturbOff", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOffOutlined', {
+Object.defineProperty(exports, "DoNotDisturbOffOutlined", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOffRounded', {
+Object.defineProperty(exports, "DoNotDisturbOffRounded", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOffSharp', {
+Object.defineProperty(exports, "DoNotDisturbOffSharp", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOffTwoTone', {
+Object.defineProperty(exports, "DoNotDisturbOffTwoTone", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOn', {
+Object.defineProperty(exports, "DoNotDisturbOn", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOnOutlined', {
+Object.defineProperty(exports, "DoNotDisturbOnOutlined", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOnRounded', {
+Object.defineProperty(exports, "DoNotDisturbOnRounded", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOnSharp', {
+Object.defineProperty(exports, "DoNotDisturbOnSharp", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOnTotalSilence', {
+Object.defineProperty(exports, "DoNotDisturbOnTotalSilence", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOnTotalSilence.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOnTotalSilenceOutlined', {
+Object.defineProperty(exports, "DoNotDisturbOnTotalSilenceOutlined", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOnTotalSilenceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOnTotalSilenceRounded', {
+Object.defineProperty(exports, "DoNotDisturbOnTotalSilenceRounded", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOnTotalSilenceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOnTotalSilenceSharp', {
+Object.defineProperty(exports, "DoNotDisturbOnTotalSilenceSharp", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOnTotalSilenceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOnTotalSilenceTwoTone', {
+Object.defineProperty(exports, "DoNotDisturbOnTotalSilenceTwoTone", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOnTotalSilenceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOnTwoTone', {
+Object.defineProperty(exports, "DoNotDisturbOnTwoTone", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbOutlined', {
+Object.defineProperty(exports, "DoNotDisturbOutlined", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbRounded', {
+Object.defineProperty(exports, "DoNotDisturbRounded", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbSharp', {
+Object.defineProperty(exports, "DoNotDisturbSharp", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotDisturbTwoTone', {
+Object.defineProperty(exports, "DoNotDisturbTwoTone", {
   enumerable: true,
   get: function () {
     return _DoNotDisturbTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotStep', {
+Object.defineProperty(exports, "DoNotStep", {
   enumerable: true,
   get: function () {
     return _DoNotStep.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotStepOutlined', {
+Object.defineProperty(exports, "DoNotStepOutlined", {
   enumerable: true,
   get: function () {
     return _DoNotStepOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotStepRounded', {
+Object.defineProperty(exports, "DoNotStepRounded", {
   enumerable: true,
   get: function () {
     return _DoNotStepRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotStepSharp', {
+Object.defineProperty(exports, "DoNotStepSharp", {
   enumerable: true,
   get: function () {
     return _DoNotStepSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotStepTwoTone', {
+Object.defineProperty(exports, "DoNotStepTwoTone", {
   enumerable: true,
   get: function () {
     return _DoNotStepTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotTouch', {
+Object.defineProperty(exports, "DoNotTouch", {
   enumerable: true,
   get: function () {
     return _DoNotTouch.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotTouchOutlined', {
+Object.defineProperty(exports, "DoNotTouchOutlined", {
   enumerable: true,
   get: function () {
     return _DoNotTouchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotTouchRounded', {
+Object.defineProperty(exports, "DoNotTouchRounded", {
   enumerable: true,
   get: function () {
     return _DoNotTouchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotTouchSharp', {
+Object.defineProperty(exports, "DoNotTouchSharp", {
   enumerable: true,
   get: function () {
     return _DoNotTouchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoNotTouchTwoTone', {
+Object.defineProperty(exports, "DoNotTouchTwoTone", {
   enumerable: true,
   get: function () {
     return _DoNotTouchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Dock', {
+Object.defineProperty(exports, "Dock", {
   enumerable: true,
   get: function () {
     return _Dock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DockOutlined', {
+Object.defineProperty(exports, "DockOutlined", {
   enumerable: true,
   get: function () {
     return _DockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DockRounded', {
+Object.defineProperty(exports, "DockRounded", {
   enumerable: true,
   get: function () {
     return _DockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DockSharp', {
+Object.defineProperty(exports, "DockSharp", {
   enumerable: true,
   get: function () {
     return _DockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DockTwoTone', {
+Object.defineProperty(exports, "DockTwoTone", {
   enumerable: true,
   get: function () {
     return _DockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DocumentScanner', {
+Object.defineProperty(exports, "DocumentScanner", {
   enumerable: true,
   get: function () {
     return _DocumentScanner.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DocumentScannerOutlined', {
+Object.defineProperty(exports, "DocumentScannerOutlined", {
   enumerable: true,
   get: function () {
     return _DocumentScannerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DocumentScannerRounded', {
+Object.defineProperty(exports, "DocumentScannerRounded", {
   enumerable: true,
   get: function () {
     return _DocumentScannerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DocumentScannerSharp', {
+Object.defineProperty(exports, "DocumentScannerSharp", {
   enumerable: true,
   get: function () {
     return _DocumentScannerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DocumentScannerTwoTone', {
+Object.defineProperty(exports, "DocumentScannerTwoTone", {
   enumerable: true,
   get: function () {
     return _DocumentScannerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Domain', {
+Object.defineProperty(exports, "Domain", {
   enumerable: true,
   get: function () {
     return _Domain.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainAdd', {
+Object.defineProperty(exports, "DomainAdd", {
   enumerable: true,
   get: function () {
     return _DomainAdd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainAddOutlined', {
+Object.defineProperty(exports, "DomainAddOutlined", {
   enumerable: true,
   get: function () {
     return _DomainAddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainAddRounded', {
+Object.defineProperty(exports, "DomainAddRounded", {
   enumerable: true,
   get: function () {
     return _DomainAddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainAddSharp', {
+Object.defineProperty(exports, "DomainAddSharp", {
   enumerable: true,
   get: function () {
     return _DomainAddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainAddTwoTone', {
+Object.defineProperty(exports, "DomainAddTwoTone", {
   enumerable: true,
   get: function () {
     return _DomainAddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainDisabled', {
+Object.defineProperty(exports, "DomainDisabled", {
   enumerable: true,
   get: function () {
     return _DomainDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainDisabledOutlined', {
+Object.defineProperty(exports, "DomainDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _DomainDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainDisabledRounded', {
+Object.defineProperty(exports, "DomainDisabledRounded", {
   enumerable: true,
   get: function () {
     return _DomainDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainDisabledSharp', {
+Object.defineProperty(exports, "DomainDisabledSharp", {
   enumerable: true,
   get: function () {
     return _DomainDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainDisabledTwoTone', {
+Object.defineProperty(exports, "DomainDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _DomainDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainOutlined', {
+Object.defineProperty(exports, "DomainOutlined", {
   enumerable: true,
   get: function () {
     return _DomainOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainRounded', {
+Object.defineProperty(exports, "DomainRounded", {
   enumerable: true,
   get: function () {
     return _DomainRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainSharp', {
+Object.defineProperty(exports, "DomainSharp", {
   enumerable: true,
   get: function () {
     return _DomainSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainTwoTone', {
+Object.defineProperty(exports, "DomainTwoTone", {
   enumerable: true,
   get: function () {
     return _DomainTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainVerification', {
+Object.defineProperty(exports, "DomainVerification", {
   enumerable: true,
   get: function () {
     return _DomainVerification.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainVerificationOutlined', {
+Object.defineProperty(exports, "DomainVerificationOutlined", {
   enumerable: true,
   get: function () {
     return _DomainVerificationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainVerificationRounded', {
+Object.defineProperty(exports, "DomainVerificationRounded", {
   enumerable: true,
   get: function () {
     return _DomainVerificationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainVerificationSharp', {
+Object.defineProperty(exports, "DomainVerificationSharp", {
   enumerable: true,
   get: function () {
     return _DomainVerificationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DomainVerificationTwoTone', {
+Object.defineProperty(exports, "DomainVerificationTwoTone", {
   enumerable: true,
   get: function () {
     return _DomainVerificationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Done', {
+Object.defineProperty(exports, "Done", {
   enumerable: true,
   get: function () {
     return _Done.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneAll', {
+Object.defineProperty(exports, "DoneAll", {
   enumerable: true,
   get: function () {
     return _DoneAll.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneAllOutlined', {
+Object.defineProperty(exports, "DoneAllOutlined", {
   enumerable: true,
   get: function () {
     return _DoneAllOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneAllRounded', {
+Object.defineProperty(exports, "DoneAllRounded", {
   enumerable: true,
   get: function () {
     return _DoneAllRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneAllSharp', {
+Object.defineProperty(exports, "DoneAllSharp", {
   enumerable: true,
   get: function () {
     return _DoneAllSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneAllTwoTone', {
+Object.defineProperty(exports, "DoneAllTwoTone", {
   enumerable: true,
   get: function () {
     return _DoneAllTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneOutline', {
+Object.defineProperty(exports, "DoneOutline", {
   enumerable: true,
   get: function () {
     return _DoneOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneOutlineOutlined', {
+Object.defineProperty(exports, "DoneOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _DoneOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneOutlineRounded', {
+Object.defineProperty(exports, "DoneOutlineRounded", {
   enumerable: true,
   get: function () {
     return _DoneOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneOutlineSharp', {
+Object.defineProperty(exports, "DoneOutlineSharp", {
   enumerable: true,
   get: function () {
     return _DoneOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneOutlineTwoTone', {
+Object.defineProperty(exports, "DoneOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _DoneOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneOutlined', {
+Object.defineProperty(exports, "DoneOutlined", {
   enumerable: true,
   get: function () {
     return _DoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneRounded', {
+Object.defineProperty(exports, "DoneRounded", {
   enumerable: true,
   get: function () {
     return _DoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneSharp', {
+Object.defineProperty(exports, "DoneSharp", {
   enumerable: true,
   get: function () {
     return _DoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoneTwoTone', {
+Object.defineProperty(exports, "DoneTwoTone", {
   enumerable: true,
   get: function () {
     return _DoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DonutLarge', {
+Object.defineProperty(exports, "DonutLarge", {
   enumerable: true,
   get: function () {
     return _DonutLarge.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DonutLargeOutlined', {
+Object.defineProperty(exports, "DonutLargeOutlined", {
   enumerable: true,
   get: function () {
     return _DonutLargeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DonutLargeRounded', {
+Object.defineProperty(exports, "DonutLargeRounded", {
   enumerable: true,
   get: function () {
     return _DonutLargeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DonutLargeSharp', {
+Object.defineProperty(exports, "DonutLargeSharp", {
   enumerable: true,
   get: function () {
     return _DonutLargeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DonutLargeTwoTone', {
+Object.defineProperty(exports, "DonutLargeTwoTone", {
   enumerable: true,
   get: function () {
     return _DonutLargeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DonutSmall', {
+Object.defineProperty(exports, "DonutSmall", {
   enumerable: true,
   get: function () {
     return _DonutSmall.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DonutSmallOutlined', {
+Object.defineProperty(exports, "DonutSmallOutlined", {
   enumerable: true,
   get: function () {
     return _DonutSmallOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DonutSmallRounded', {
+Object.defineProperty(exports, "DonutSmallRounded", {
   enumerable: true,
   get: function () {
     return _DonutSmallRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DonutSmallSharp', {
+Object.defineProperty(exports, "DonutSmallSharp", {
   enumerable: true,
   get: function () {
     return _DonutSmallSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DonutSmallTwoTone', {
+Object.defineProperty(exports, "DonutSmallTwoTone", {
   enumerable: true,
   get: function () {
     return _DonutSmallTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorBack', {
+Object.defineProperty(exports, "DoorBack", {
   enumerable: true,
   get: function () {
     return _DoorBack.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorBackOutlined', {
+Object.defineProperty(exports, "DoorBackOutlined", {
   enumerable: true,
   get: function () {
     return _DoorBackOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorBackRounded', {
+Object.defineProperty(exports, "DoorBackRounded", {
   enumerable: true,
   get: function () {
     return _DoorBackRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorBackSharp', {
+Object.defineProperty(exports, "DoorBackSharp", {
   enumerable: true,
   get: function () {
     return _DoorBackSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorBackTwoTone', {
+Object.defineProperty(exports, "DoorBackTwoTone", {
   enumerable: true,
   get: function () {
     return _DoorBackTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorFront', {
+Object.defineProperty(exports, "DoorFront", {
   enumerable: true,
   get: function () {
     return _DoorFront.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorFrontOutlined', {
+Object.defineProperty(exports, "DoorFrontOutlined", {
   enumerable: true,
   get: function () {
     return _DoorFrontOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorFrontRounded', {
+Object.defineProperty(exports, "DoorFrontRounded", {
   enumerable: true,
   get: function () {
     return _DoorFrontRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorFrontSharp', {
+Object.defineProperty(exports, "DoorFrontSharp", {
   enumerable: true,
   get: function () {
     return _DoorFrontSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorFrontTwoTone', {
+Object.defineProperty(exports, "DoorFrontTwoTone", {
   enumerable: true,
   get: function () {
     return _DoorFrontTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorSliding', {
+Object.defineProperty(exports, "DoorSliding", {
   enumerable: true,
   get: function () {
     return _DoorSliding.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorSlidingOutlined', {
+Object.defineProperty(exports, "DoorSlidingOutlined", {
   enumerable: true,
   get: function () {
     return _DoorSlidingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorSlidingRounded', {
+Object.defineProperty(exports, "DoorSlidingRounded", {
   enumerable: true,
   get: function () {
     return _DoorSlidingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorSlidingSharp', {
+Object.defineProperty(exports, "DoorSlidingSharp", {
   enumerable: true,
   get: function () {
     return _DoorSlidingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorSlidingTwoTone', {
+Object.defineProperty(exports, "DoorSlidingTwoTone", {
   enumerable: true,
   get: function () {
     return _DoorSlidingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Doorbell', {
+Object.defineProperty(exports, "Doorbell", {
   enumerable: true,
   get: function () {
     return _Doorbell.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorbellOutlined', {
+Object.defineProperty(exports, "DoorbellOutlined", {
   enumerable: true,
   get: function () {
     return _DoorbellOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorbellRounded', {
+Object.defineProperty(exports, "DoorbellRounded", {
   enumerable: true,
   get: function () {
     return _DoorbellRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorbellSharp', {
+Object.defineProperty(exports, "DoorbellSharp", {
   enumerable: true,
   get: function () {
     return _DoorbellSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoorbellTwoTone', {
+Object.defineProperty(exports, "DoorbellTwoTone", {
   enumerable: true,
   get: function () {
     return _DoorbellTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoubleArrow', {
+Object.defineProperty(exports, "DoubleArrow", {
   enumerable: true,
   get: function () {
     return _DoubleArrow.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoubleArrowOutlined', {
+Object.defineProperty(exports, "DoubleArrowOutlined", {
   enumerable: true,
   get: function () {
     return _DoubleArrowOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoubleArrowRounded', {
+Object.defineProperty(exports, "DoubleArrowRounded", {
   enumerable: true,
   get: function () {
     return _DoubleArrowRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoubleArrowSharp', {
+Object.defineProperty(exports, "DoubleArrowSharp", {
   enumerable: true,
   get: function () {
     return _DoubleArrowSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DoubleArrowTwoTone', {
+Object.defineProperty(exports, "DoubleArrowTwoTone", {
   enumerable: true,
   get: function () {
     return _DoubleArrowTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownhillSkiing', {
+Object.defineProperty(exports, "DownhillSkiing", {
   enumerable: true,
   get: function () {
     return _DownhillSkiing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownhillSkiingOutlined', {
+Object.defineProperty(exports, "DownhillSkiingOutlined", {
   enumerable: true,
   get: function () {
     return _DownhillSkiingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownhillSkiingRounded', {
+Object.defineProperty(exports, "DownhillSkiingRounded", {
   enumerable: true,
   get: function () {
     return _DownhillSkiingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownhillSkiingSharp', {
+Object.defineProperty(exports, "DownhillSkiingSharp", {
   enumerable: true,
   get: function () {
     return _DownhillSkiingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownhillSkiingTwoTone', {
+Object.defineProperty(exports, "DownhillSkiingTwoTone", {
   enumerable: true,
   get: function () {
     return _DownhillSkiingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Download', {
+Object.defineProperty(exports, "Download", {
   enumerable: true,
   get: function () {
     return _Download.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadDone', {
+Object.defineProperty(exports, "DownloadDone", {
   enumerable: true,
   get: function () {
     return _DownloadDone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadDoneOutlined', {
+Object.defineProperty(exports, "DownloadDoneOutlined", {
   enumerable: true,
   get: function () {
     return _DownloadDoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadDoneRounded', {
+Object.defineProperty(exports, "DownloadDoneRounded", {
   enumerable: true,
   get: function () {
     return _DownloadDoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadDoneSharp', {
+Object.defineProperty(exports, "DownloadDoneSharp", {
   enumerable: true,
   get: function () {
     return _DownloadDoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadDoneTwoTone', {
+Object.defineProperty(exports, "DownloadDoneTwoTone", {
   enumerable: true,
   get: function () {
     return _DownloadDoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadForOffline', {
+Object.defineProperty(exports, "DownloadForOffline", {
   enumerable: true,
   get: function () {
     return _DownloadForOffline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadForOfflineOutlined', {
+Object.defineProperty(exports, "DownloadForOfflineOutlined", {
   enumerable: true,
   get: function () {
     return _DownloadForOfflineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadForOfflineRounded', {
+Object.defineProperty(exports, "DownloadForOfflineRounded", {
   enumerable: true,
   get: function () {
     return _DownloadForOfflineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadForOfflineSharp', {
+Object.defineProperty(exports, "DownloadForOfflineSharp", {
   enumerable: true,
   get: function () {
     return _DownloadForOfflineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadForOfflineTwoTone', {
+Object.defineProperty(exports, "DownloadForOfflineTwoTone", {
   enumerable: true,
   get: function () {
     return _DownloadForOfflineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadOutlined', {
+Object.defineProperty(exports, "DownloadOutlined", {
   enumerable: true,
   get: function () {
     return _DownloadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadRounded', {
+Object.defineProperty(exports, "DownloadRounded", {
   enumerable: true,
   get: function () {
     return _DownloadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadSharp', {
+Object.defineProperty(exports, "DownloadSharp", {
   enumerable: true,
   get: function () {
     return _DownloadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadTwoTone', {
+Object.defineProperty(exports, "DownloadTwoTone", {
   enumerable: true,
   get: function () {
     return _DownloadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Downloading', {
+Object.defineProperty(exports, "Downloading", {
   enumerable: true,
   get: function () {
     return _Downloading.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadingOutlined', {
+Object.defineProperty(exports, "DownloadingOutlined", {
   enumerable: true,
   get: function () {
     return _DownloadingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadingRounded', {
+Object.defineProperty(exports, "DownloadingRounded", {
   enumerable: true,
   get: function () {
     return _DownloadingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadingSharp', {
+Object.defineProperty(exports, "DownloadingSharp", {
   enumerable: true,
   get: function () {
     return _DownloadingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DownloadingTwoTone', {
+Object.defineProperty(exports, "DownloadingTwoTone", {
   enumerable: true,
   get: function () {
     return _DownloadingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Drafts', {
+Object.defineProperty(exports, "Drafts", {
   enumerable: true,
   get: function () {
     return _Drafts.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DraftsOutlined', {
+Object.defineProperty(exports, "DraftsOutlined", {
   enumerable: true,
   get: function () {
     return _DraftsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DraftsRounded', {
+Object.defineProperty(exports, "DraftsRounded", {
   enumerable: true,
   get: function () {
     return _DraftsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DraftsSharp', {
+Object.defineProperty(exports, "DraftsSharp", {
   enumerable: true,
   get: function () {
     return _DraftsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DraftsTwoTone', {
+Object.defineProperty(exports, "DraftsTwoTone", {
   enumerable: true,
   get: function () {
     return _DraftsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DragHandle', {
+Object.defineProperty(exports, "DragHandle", {
   enumerable: true,
   get: function () {
     return _DragHandle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DragHandleOutlined', {
+Object.defineProperty(exports, "DragHandleOutlined", {
   enumerable: true,
   get: function () {
     return _DragHandleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DragHandleRounded', {
+Object.defineProperty(exports, "DragHandleRounded", {
   enumerable: true,
   get: function () {
     return _DragHandleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DragHandleSharp', {
+Object.defineProperty(exports, "DragHandleSharp", {
   enumerable: true,
   get: function () {
     return _DragHandleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DragHandleTwoTone', {
+Object.defineProperty(exports, "DragHandleTwoTone", {
   enumerable: true,
   get: function () {
     return _DragHandleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DragIndicator', {
+Object.defineProperty(exports, "DragIndicator", {
   enumerable: true,
   get: function () {
     return _DragIndicator.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DragIndicatorOutlined', {
+Object.defineProperty(exports, "DragIndicatorOutlined", {
   enumerable: true,
   get: function () {
     return _DragIndicatorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DragIndicatorRounded', {
+Object.defineProperty(exports, "DragIndicatorRounded", {
   enumerable: true,
   get: function () {
     return _DragIndicatorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DragIndicatorSharp', {
+Object.defineProperty(exports, "DragIndicatorSharp", {
   enumerable: true,
   get: function () {
     return _DragIndicatorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DragIndicatorTwoTone', {
+Object.defineProperty(exports, "DragIndicatorTwoTone", {
   enumerable: true,
   get: function () {
     return _DragIndicatorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Draw', {
+Object.defineProperty(exports, "Draw", {
   enumerable: true,
   get: function () {
     return _Draw.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DrawOutlined', {
+Object.defineProperty(exports, "DrawOutlined", {
   enumerable: true,
   get: function () {
     return _DrawOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DrawRounded', {
+Object.defineProperty(exports, "DrawRounded", {
   enumerable: true,
   get: function () {
     return _DrawRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DrawSharp', {
+Object.defineProperty(exports, "DrawSharp", {
   enumerable: true,
   get: function () {
     return _DrawSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DrawTwoTone', {
+Object.defineProperty(exports, "DrawTwoTone", {
   enumerable: true,
   get: function () {
     return _DrawTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveEta', {
+Object.defineProperty(exports, "DriveEta", {
   enumerable: true,
   get: function () {
     return _DriveEta.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveEtaOutlined', {
+Object.defineProperty(exports, "DriveEtaOutlined", {
   enumerable: true,
   get: function () {
     return _DriveEtaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveEtaRounded', {
+Object.defineProperty(exports, "DriveEtaRounded", {
   enumerable: true,
   get: function () {
     return _DriveEtaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveEtaSharp', {
+Object.defineProperty(exports, "DriveEtaSharp", {
   enumerable: true,
   get: function () {
     return _DriveEtaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveEtaTwoTone', {
+Object.defineProperty(exports, "DriveEtaTwoTone", {
   enumerable: true,
   get: function () {
     return _DriveEtaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFileMove', {
+Object.defineProperty(exports, "DriveFileMove", {
   enumerable: true,
   get: function () {
     return _DriveFileMove.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFileMoveOutlined', {
+Object.defineProperty(exports, "DriveFileMoveOutlined", {
   enumerable: true,
   get: function () {
     return _DriveFileMoveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFileMoveRounded', {
+Object.defineProperty(exports, "DriveFileMoveRounded", {
   enumerable: true,
   get: function () {
     return _DriveFileMoveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFileMoveSharp', {
+Object.defineProperty(exports, "DriveFileMoveSharp", {
   enumerable: true,
   get: function () {
     return _DriveFileMoveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFileMoveTwoTone', {
+Object.defineProperty(exports, "DriveFileMoveTwoTone", {
   enumerable: true,
   get: function () {
     return _DriveFileMoveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFileRenameOutline', {
+Object.defineProperty(exports, "DriveFileRenameOutline", {
   enumerable: true,
   get: function () {
     return _DriveFileRenameOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFileRenameOutlineOutlined', {
+Object.defineProperty(exports, "DriveFileRenameOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _DriveFileRenameOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFileRenameOutlineRounded', {
+Object.defineProperty(exports, "DriveFileRenameOutlineRounded", {
   enumerable: true,
   get: function () {
     return _DriveFileRenameOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFileRenameOutlineSharp', {
+Object.defineProperty(exports, "DriveFileRenameOutlineSharp", {
   enumerable: true,
   get: function () {
     return _DriveFileRenameOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFileRenameOutlineTwoTone', {
+Object.defineProperty(exports, "DriveFileRenameOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _DriveFileRenameOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFolderUpload', {
+Object.defineProperty(exports, "DriveFolderUpload", {
   enumerable: true,
   get: function () {
     return _DriveFolderUpload.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFolderUploadOutlined', {
+Object.defineProperty(exports, "DriveFolderUploadOutlined", {
   enumerable: true,
   get: function () {
     return _DriveFolderUploadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFolderUploadRounded', {
+Object.defineProperty(exports, "DriveFolderUploadRounded", {
   enumerable: true,
   get: function () {
     return _DriveFolderUploadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFolderUploadSharp', {
+Object.defineProperty(exports, "DriveFolderUploadSharp", {
   enumerable: true,
   get: function () {
     return _DriveFolderUploadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DriveFolderUploadTwoTone', {
+Object.defineProperty(exports, "DriveFolderUploadTwoTone", {
   enumerable: true,
   get: function () {
     return _DriveFolderUploadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Dry', {
+Object.defineProperty(exports, "Dry", {
   enumerable: true,
   get: function () {
     return _Dry.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DryCleaning', {
+Object.defineProperty(exports, "DryCleaning", {
   enumerable: true,
   get: function () {
     return _DryCleaning.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DryCleaningOutlined', {
+Object.defineProperty(exports, "DryCleaningOutlined", {
   enumerable: true,
   get: function () {
     return _DryCleaningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DryCleaningRounded', {
+Object.defineProperty(exports, "DryCleaningRounded", {
   enumerable: true,
   get: function () {
     return _DryCleaningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DryCleaningSharp', {
+Object.defineProperty(exports, "DryCleaningSharp", {
   enumerable: true,
   get: function () {
     return _DryCleaningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DryCleaningTwoTone', {
+Object.defineProperty(exports, "DryCleaningTwoTone", {
   enumerable: true,
   get: function () {
     return _DryCleaningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DryOutlined', {
+Object.defineProperty(exports, "DryOutlined", {
   enumerable: true,
   get: function () {
     return _DryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DryRounded', {
+Object.defineProperty(exports, "DryRounded", {
   enumerable: true,
   get: function () {
     return _DryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DrySharp', {
+Object.defineProperty(exports, "DrySharp", {
   enumerable: true,
   get: function () {
     return _DrySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DryTwoTone', {
+Object.defineProperty(exports, "DryTwoTone", {
   enumerable: true,
   get: function () {
     return _DryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Duo', {
+Object.defineProperty(exports, "Duo", {
   enumerable: true,
   get: function () {
     return _Duo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DuoOutlined', {
+Object.defineProperty(exports, "DuoOutlined", {
   enumerable: true,
   get: function () {
     return _DuoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DuoRounded', {
+Object.defineProperty(exports, "DuoRounded", {
   enumerable: true,
   get: function () {
     return _DuoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DuoSharp', {
+Object.defineProperty(exports, "DuoSharp", {
   enumerable: true,
   get: function () {
     return _DuoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DuoTwoTone', {
+Object.defineProperty(exports, "DuoTwoTone", {
   enumerable: true,
   get: function () {
     return _DuoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Dvr', {
+Object.defineProperty(exports, "Dvr", {
   enumerable: true,
   get: function () {
     return _Dvr.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DvrOutlined', {
+Object.defineProperty(exports, "DvrOutlined", {
   enumerable: true,
   get: function () {
     return _DvrOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DvrRounded', {
+Object.defineProperty(exports, "DvrRounded", {
   enumerable: true,
   get: function () {
     return _DvrRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DvrSharp', {
+Object.defineProperty(exports, "DvrSharp", {
   enumerable: true,
   get: function () {
     return _DvrSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DvrTwoTone', {
+Object.defineProperty(exports, "DvrTwoTone", {
   enumerable: true,
   get: function () {
     return _DvrTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DynamicFeed', {
+Object.defineProperty(exports, "DynamicFeed", {
   enumerable: true,
   get: function () {
     return _DynamicFeed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DynamicFeedOutlined', {
+Object.defineProperty(exports, "DynamicFeedOutlined", {
   enumerable: true,
   get: function () {
     return _DynamicFeedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DynamicFeedRounded', {
+Object.defineProperty(exports, "DynamicFeedRounded", {
   enumerable: true,
   get: function () {
     return _DynamicFeedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DynamicFeedSharp', {
+Object.defineProperty(exports, "DynamicFeedSharp", {
   enumerable: true,
   get: function () {
     return _DynamicFeedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DynamicFeedTwoTone', {
+Object.defineProperty(exports, "DynamicFeedTwoTone", {
   enumerable: true,
   get: function () {
     return _DynamicFeedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DynamicForm', {
+Object.defineProperty(exports, "DynamicForm", {
   enumerable: true,
   get: function () {
     return _DynamicForm.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DynamicFormOutlined', {
+Object.defineProperty(exports, "DynamicFormOutlined", {
   enumerable: true,
   get: function () {
     return _DynamicFormOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DynamicFormRounded', {
+Object.defineProperty(exports, "DynamicFormRounded", {
   enumerable: true,
   get: function () {
     return _DynamicFormRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DynamicFormSharp', {
+Object.defineProperty(exports, "DynamicFormSharp", {
   enumerable: true,
   get: function () {
     return _DynamicFormSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'DynamicFormTwoTone', {
+Object.defineProperty(exports, "DynamicFormTwoTone", {
   enumerable: true,
   get: function () {
     return _DynamicFormTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EMobiledata', {
+Object.defineProperty(exports, "EMobiledata", {
   enumerable: true,
   get: function () {
     return _EMobiledata.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EMobiledataOutlined', {
+Object.defineProperty(exports, "EMobiledataOutlined", {
   enumerable: true,
   get: function () {
     return _EMobiledataOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EMobiledataRounded', {
+Object.defineProperty(exports, "EMobiledataRounded", {
   enumerable: true,
   get: function () {
     return _EMobiledataRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EMobiledataSharp', {
+Object.defineProperty(exports, "EMobiledataSharp", {
   enumerable: true,
   get: function () {
     return _EMobiledataSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EMobiledataTwoTone', {
+Object.defineProperty(exports, "EMobiledataTwoTone", {
   enumerable: true,
   get: function () {
     return _EMobiledataTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Earbuds', {
+Object.defineProperty(exports, "Earbuds", {
   enumerable: true,
   get: function () {
     return _Earbuds.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EarbudsBattery', {
+Object.defineProperty(exports, "EarbudsBattery", {
   enumerable: true,
   get: function () {
     return _EarbudsBattery.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EarbudsBatteryOutlined', {
+Object.defineProperty(exports, "EarbudsBatteryOutlined", {
   enumerable: true,
   get: function () {
     return _EarbudsBatteryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EarbudsBatteryRounded', {
+Object.defineProperty(exports, "EarbudsBatteryRounded", {
   enumerable: true,
   get: function () {
     return _EarbudsBatteryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EarbudsBatterySharp', {
+Object.defineProperty(exports, "EarbudsBatterySharp", {
   enumerable: true,
   get: function () {
     return _EarbudsBatterySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EarbudsBatteryTwoTone', {
+Object.defineProperty(exports, "EarbudsBatteryTwoTone", {
   enumerable: true,
   get: function () {
     return _EarbudsBatteryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EarbudsOutlined', {
+Object.defineProperty(exports, "EarbudsOutlined", {
   enumerable: true,
   get: function () {
     return _EarbudsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EarbudsRounded', {
+Object.defineProperty(exports, "EarbudsRounded", {
   enumerable: true,
   get: function () {
     return _EarbudsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EarbudsSharp', {
+Object.defineProperty(exports, "EarbudsSharp", {
   enumerable: true,
   get: function () {
     return _EarbudsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EarbudsTwoTone', {
+Object.defineProperty(exports, "EarbudsTwoTone", {
   enumerable: true,
   get: function () {
     return _EarbudsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'East', {
+Object.defineProperty(exports, "East", {
   enumerable: true,
   get: function () {
     return _East.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EastOutlined', {
+Object.defineProperty(exports, "EastOutlined", {
   enumerable: true,
   get: function () {
     return _EastOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EastRounded', {
+Object.defineProperty(exports, "EastRounded", {
   enumerable: true,
   get: function () {
     return _EastRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EastSharp', {
+Object.defineProperty(exports, "EastSharp", {
   enumerable: true,
   get: function () {
     return _EastSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EastTwoTone', {
+Object.defineProperty(exports, "EastTwoTone", {
   enumerable: true,
   get: function () {
     return _EastTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EdgesensorHigh', {
+Object.defineProperty(exports, "EdgesensorHigh", {
   enumerable: true,
   get: function () {
     return _EdgesensorHigh.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EdgesensorHighOutlined', {
+Object.defineProperty(exports, "EdgesensorHighOutlined", {
   enumerable: true,
   get: function () {
     return _EdgesensorHighOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EdgesensorHighRounded', {
+Object.defineProperty(exports, "EdgesensorHighRounded", {
   enumerable: true,
   get: function () {
     return _EdgesensorHighRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EdgesensorHighSharp', {
+Object.defineProperty(exports, "EdgesensorHighSharp", {
   enumerable: true,
   get: function () {
     return _EdgesensorHighSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EdgesensorHighTwoTone', {
+Object.defineProperty(exports, "EdgesensorHighTwoTone", {
   enumerable: true,
   get: function () {
     return _EdgesensorHighTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EdgesensorLow', {
+Object.defineProperty(exports, "EdgesensorLow", {
   enumerable: true,
   get: function () {
     return _EdgesensorLow.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EdgesensorLowOutlined', {
+Object.defineProperty(exports, "EdgesensorLowOutlined", {
   enumerable: true,
   get: function () {
     return _EdgesensorLowOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EdgesensorLowRounded', {
+Object.defineProperty(exports, "EdgesensorLowRounded", {
   enumerable: true,
   get: function () {
     return _EdgesensorLowRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EdgesensorLowSharp', {
+Object.defineProperty(exports, "EdgesensorLowSharp", {
   enumerable: true,
   get: function () {
     return _EdgesensorLowSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EdgesensorLowTwoTone', {
+Object.defineProperty(exports, "EdgesensorLowTwoTone", {
   enumerable: true,
   get: function () {
     return _EdgesensorLowTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Edit', {
+Object.defineProperty(exports, "Edit", {
   enumerable: true,
   get: function () {
     return _Edit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditAttributes', {
+Object.defineProperty(exports, "EditAttributes", {
   enumerable: true,
   get: function () {
     return _EditAttributes.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditAttributesOutlined', {
+Object.defineProperty(exports, "EditAttributesOutlined", {
   enumerable: true,
   get: function () {
     return _EditAttributesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditAttributesRounded', {
+Object.defineProperty(exports, "EditAttributesRounded", {
   enumerable: true,
   get: function () {
     return _EditAttributesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditAttributesSharp', {
+Object.defineProperty(exports, "EditAttributesSharp", {
   enumerable: true,
   get: function () {
     return _EditAttributesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditAttributesTwoTone', {
+Object.defineProperty(exports, "EditAttributesTwoTone", {
   enumerable: true,
   get: function () {
     return _EditAttributesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditCalendar', {
+Object.defineProperty(exports, "EditCalendar", {
   enumerable: true,
   get: function () {
     return _EditCalendar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditCalendarOutlined', {
+Object.defineProperty(exports, "EditCalendarOutlined", {
   enumerable: true,
   get: function () {
     return _EditCalendarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditCalendarRounded', {
+Object.defineProperty(exports, "EditCalendarRounded", {
   enumerable: true,
   get: function () {
     return _EditCalendarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditCalendarSharp', {
+Object.defineProperty(exports, "EditCalendarSharp", {
   enumerable: true,
   get: function () {
     return _EditCalendarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditCalendarTwoTone', {
+Object.defineProperty(exports, "EditCalendarTwoTone", {
   enumerable: true,
   get: function () {
     return _EditCalendarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditLocation', {
+Object.defineProperty(exports, "EditLocation", {
   enumerable: true,
   get: function () {
     return _EditLocation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditLocationAlt', {
+Object.defineProperty(exports, "EditLocationAlt", {
   enumerable: true,
   get: function () {
     return _EditLocationAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditLocationAltOutlined', {
+Object.defineProperty(exports, "EditLocationAltOutlined", {
   enumerable: true,
   get: function () {
     return _EditLocationAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditLocationAltRounded', {
+Object.defineProperty(exports, "EditLocationAltRounded", {
   enumerable: true,
   get: function () {
     return _EditLocationAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditLocationAltSharp', {
+Object.defineProperty(exports, "EditLocationAltSharp", {
   enumerable: true,
   get: function () {
     return _EditLocationAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditLocationAltTwoTone', {
+Object.defineProperty(exports, "EditLocationAltTwoTone", {
   enumerable: true,
   get: function () {
     return _EditLocationAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditLocationOutlined', {
+Object.defineProperty(exports, "EditLocationOutlined", {
   enumerable: true,
   get: function () {
     return _EditLocationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditLocationRounded', {
+Object.defineProperty(exports, "EditLocationRounded", {
   enumerable: true,
   get: function () {
     return _EditLocationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditLocationSharp', {
+Object.defineProperty(exports, "EditLocationSharp", {
   enumerable: true,
   get: function () {
     return _EditLocationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditLocationTwoTone', {
+Object.defineProperty(exports, "EditLocationTwoTone", {
   enumerable: true,
   get: function () {
     return _EditLocationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditNote', {
+Object.defineProperty(exports, "EditNote", {
   enumerable: true,
   get: function () {
     return _EditNote.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditNoteOutlined', {
+Object.defineProperty(exports, "EditNoteOutlined", {
   enumerable: true,
   get: function () {
     return _EditNoteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditNoteRounded', {
+Object.defineProperty(exports, "EditNoteRounded", {
   enumerable: true,
   get: function () {
     return _EditNoteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditNoteSharp', {
+Object.defineProperty(exports, "EditNoteSharp", {
   enumerable: true,
   get: function () {
     return _EditNoteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditNoteTwoTone', {
+Object.defineProperty(exports, "EditNoteTwoTone", {
   enumerable: true,
   get: function () {
     return _EditNoteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditNotifications', {
+Object.defineProperty(exports, "EditNotifications", {
   enumerable: true,
   get: function () {
     return _EditNotifications.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditNotificationsOutlined', {
+Object.defineProperty(exports, "EditNotificationsOutlined", {
   enumerable: true,
   get: function () {
     return _EditNotificationsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditNotificationsRounded', {
+Object.defineProperty(exports, "EditNotificationsRounded", {
   enumerable: true,
   get: function () {
     return _EditNotificationsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditNotificationsSharp', {
+Object.defineProperty(exports, "EditNotificationsSharp", {
   enumerable: true,
   get: function () {
     return _EditNotificationsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditNotificationsTwoTone', {
+Object.defineProperty(exports, "EditNotificationsTwoTone", {
   enumerable: true,
   get: function () {
     return _EditNotificationsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditOff', {
+Object.defineProperty(exports, "EditOff", {
   enumerable: true,
   get: function () {
     return _EditOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditOffOutlined', {
+Object.defineProperty(exports, "EditOffOutlined", {
   enumerable: true,
   get: function () {
     return _EditOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditOffRounded', {
+Object.defineProperty(exports, "EditOffRounded", {
   enumerable: true,
   get: function () {
     return _EditOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditOffSharp', {
+Object.defineProperty(exports, "EditOffSharp", {
   enumerable: true,
   get: function () {
     return _EditOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditOffTwoTone', {
+Object.defineProperty(exports, "EditOffTwoTone", {
   enumerable: true,
   get: function () {
     return _EditOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditOutlined', {
+Object.defineProperty(exports, "EditOutlined", {
   enumerable: true,
   get: function () {
     return _EditOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditRoad', {
+Object.defineProperty(exports, "EditRoad", {
   enumerable: true,
   get: function () {
     return _EditRoad.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditRoadOutlined', {
+Object.defineProperty(exports, "EditRoadOutlined", {
   enumerable: true,
   get: function () {
     return _EditRoadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditRoadRounded', {
+Object.defineProperty(exports, "EditRoadRounded", {
   enumerable: true,
   get: function () {
     return _EditRoadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditRoadSharp', {
+Object.defineProperty(exports, "EditRoadSharp", {
   enumerable: true,
   get: function () {
     return _EditRoadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditRoadTwoTone', {
+Object.defineProperty(exports, "EditRoadTwoTone", {
   enumerable: true,
   get: function () {
     return _EditRoadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditRounded', {
+Object.defineProperty(exports, "EditRounded", {
   enumerable: true,
   get: function () {
     return _EditRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditSharp', {
+Object.defineProperty(exports, "EditSharp", {
   enumerable: true,
   get: function () {
     return _EditSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EditTwoTone', {
+Object.defineProperty(exports, "EditTwoTone", {
   enumerable: true,
   get: function () {
     return _EditTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Egg', {
+Object.defineProperty(exports, "Egg", {
   enumerable: true,
   get: function () {
     return _Egg.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EggAlt', {
+Object.defineProperty(exports, "EggAlt", {
   enumerable: true,
   get: function () {
     return _EggAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EggAltOutlined', {
+Object.defineProperty(exports, "EggAltOutlined", {
   enumerable: true,
   get: function () {
     return _EggAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EggAltRounded', {
+Object.defineProperty(exports, "EggAltRounded", {
   enumerable: true,
   get: function () {
     return _EggAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EggAltSharp', {
+Object.defineProperty(exports, "EggAltSharp", {
   enumerable: true,
   get: function () {
     return _EggAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EggAltTwoTone', {
+Object.defineProperty(exports, "EggAltTwoTone", {
   enumerable: true,
   get: function () {
     return _EggAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EggOutlined', {
+Object.defineProperty(exports, "EggOutlined", {
   enumerable: true,
   get: function () {
     return _EggOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EggRounded', {
+Object.defineProperty(exports, "EggRounded", {
   enumerable: true,
   get: function () {
     return _EggRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EggSharp', {
+Object.defineProperty(exports, "EggSharp", {
   enumerable: true,
   get: function () {
     return _EggSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EggTwoTone', {
+Object.defineProperty(exports, "EggTwoTone", {
   enumerable: true,
   get: function () {
     return _EggTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightK', {
+Object.defineProperty(exports, "EightK", {
   enumerable: true,
   get: function () {
     return _EightK.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightKOutlined', {
+Object.defineProperty(exports, "EightKOutlined", {
   enumerable: true,
   get: function () {
     return _EightKOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightKPlus', {
+Object.defineProperty(exports, "EightKPlus", {
   enumerable: true,
   get: function () {
     return _EightKPlus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightKPlusOutlined', {
+Object.defineProperty(exports, "EightKPlusOutlined", {
   enumerable: true,
   get: function () {
     return _EightKPlusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightKPlusRounded', {
+Object.defineProperty(exports, "EightKPlusRounded", {
   enumerable: true,
   get: function () {
     return _EightKPlusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightKPlusSharp', {
+Object.defineProperty(exports, "EightKPlusSharp", {
   enumerable: true,
   get: function () {
     return _EightKPlusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightKPlusTwoTone', {
+Object.defineProperty(exports, "EightKPlusTwoTone", {
   enumerable: true,
   get: function () {
     return _EightKPlusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightKRounded', {
+Object.defineProperty(exports, "EightKRounded", {
   enumerable: true,
   get: function () {
     return _EightKRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightKSharp', {
+Object.defineProperty(exports, "EightKSharp", {
   enumerable: true,
   get: function () {
     return _EightKSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightKTwoTone', {
+Object.defineProperty(exports, "EightKTwoTone", {
   enumerable: true,
   get: function () {
     return _EightKTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightMp', {
+Object.defineProperty(exports, "EightMp", {
   enumerable: true,
   get: function () {
     return _EightMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightMpOutlined', {
+Object.defineProperty(exports, "EightMpOutlined", {
   enumerable: true,
   get: function () {
     return _EightMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightMpRounded', {
+Object.defineProperty(exports, "EightMpRounded", {
   enumerable: true,
   get: function () {
     return _EightMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightMpSharp', {
+Object.defineProperty(exports, "EightMpSharp", {
   enumerable: true,
   get: function () {
     return _EightMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightMpTwoTone', {
+Object.defineProperty(exports, "EightMpTwoTone", {
   enumerable: true,
   get: function () {
     return _EightMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EighteenMp', {
+Object.defineProperty(exports, "EighteenMp", {
   enumerable: true,
   get: function () {
     return _EighteenMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EighteenMpOutlined', {
+Object.defineProperty(exports, "EighteenMpOutlined", {
   enumerable: true,
   get: function () {
     return _EighteenMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EighteenMpRounded', {
+Object.defineProperty(exports, "EighteenMpRounded", {
   enumerable: true,
   get: function () {
     return _EighteenMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EighteenMpSharp', {
+Object.defineProperty(exports, "EighteenMpSharp", {
   enumerable: true,
   get: function () {
     return _EighteenMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EighteenMpTwoTone', {
+Object.defineProperty(exports, "EighteenMpTwoTone", {
   enumerable: true,
   get: function () {
     return _EighteenMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EighteenUpRating', {
+Object.defineProperty(exports, "EighteenUpRating", {
   enumerable: true,
   get: function () {
     return _EighteenUpRating.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EighteenUpRatingOutlined', {
+Object.defineProperty(exports, "EighteenUpRatingOutlined", {
   enumerable: true,
   get: function () {
     return _EighteenUpRatingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EighteenUpRatingRounded', {
+Object.defineProperty(exports, "EighteenUpRatingRounded", {
   enumerable: true,
   get: function () {
     return _EighteenUpRatingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EighteenUpRatingSharp', {
+Object.defineProperty(exports, "EighteenUpRatingSharp", {
   enumerable: true,
   get: function () {
     return _EighteenUpRatingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EighteenUpRatingTwoTone', {
+Object.defineProperty(exports, "EighteenUpRatingTwoTone", {
   enumerable: true,
   get: function () {
     return _EighteenUpRatingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightteenMp', {
+Object.defineProperty(exports, "EightteenMp", {
   enumerable: true,
   get: function () {
     return _EightteenMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightteenMpOutlined', {
+Object.defineProperty(exports, "EightteenMpOutlined", {
   enumerable: true,
   get: function () {
     return _EightteenMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightteenMpRounded', {
+Object.defineProperty(exports, "EightteenMpRounded", {
   enumerable: true,
   get: function () {
     return _EightteenMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightteenMpSharp', {
+Object.defineProperty(exports, "EightteenMpSharp", {
   enumerable: true,
   get: function () {
     return _EightteenMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EightteenMpTwoTone', {
+Object.defineProperty(exports, "EightteenMpTwoTone", {
   enumerable: true,
   get: function () {
     return _EightteenMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Eject', {
+Object.defineProperty(exports, "Eject", {
   enumerable: true,
   get: function () {
     return _Eject.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EjectOutlined', {
+Object.defineProperty(exports, "EjectOutlined", {
   enumerable: true,
   get: function () {
     return _EjectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EjectRounded', {
+Object.defineProperty(exports, "EjectRounded", {
   enumerable: true,
   get: function () {
     return _EjectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EjectSharp', {
+Object.defineProperty(exports, "EjectSharp", {
   enumerable: true,
   get: function () {
     return _EjectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EjectTwoTone', {
+Object.defineProperty(exports, "EjectTwoTone", {
   enumerable: true,
   get: function () {
     return _EjectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Elderly', {
+Object.defineProperty(exports, "Elderly", {
   enumerable: true,
   get: function () {
     return _Elderly.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElderlyOutlined', {
+Object.defineProperty(exports, "ElderlyOutlined", {
   enumerable: true,
   get: function () {
     return _ElderlyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElderlyRounded', {
+Object.defineProperty(exports, "ElderlyRounded", {
   enumerable: true,
   get: function () {
     return _ElderlyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElderlySharp', {
+Object.defineProperty(exports, "ElderlySharp", {
   enumerable: true,
   get: function () {
     return _ElderlySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElderlyTwoTone', {
+Object.defineProperty(exports, "ElderlyTwoTone", {
   enumerable: true,
   get: function () {
     return _ElderlyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElderlyWoman', {
+Object.defineProperty(exports, "ElderlyWoman", {
   enumerable: true,
   get: function () {
     return _ElderlyWoman.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElderlyWomanOutlined', {
+Object.defineProperty(exports, "ElderlyWomanOutlined", {
   enumerable: true,
   get: function () {
     return _ElderlyWomanOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElderlyWomanRounded', {
+Object.defineProperty(exports, "ElderlyWomanRounded", {
   enumerable: true,
   get: function () {
     return _ElderlyWomanRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElderlyWomanSharp', {
+Object.defineProperty(exports, "ElderlyWomanSharp", {
   enumerable: true,
   get: function () {
     return _ElderlyWomanSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElderlyWomanTwoTone', {
+Object.defineProperty(exports, "ElderlyWomanTwoTone", {
   enumerable: true,
   get: function () {
     return _ElderlyWomanTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricBike', {
+Object.defineProperty(exports, "ElectricBike", {
   enumerable: true,
   get: function () {
     return _ElectricBike.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricBikeOutlined', {
+Object.defineProperty(exports, "ElectricBikeOutlined", {
   enumerable: true,
   get: function () {
     return _ElectricBikeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricBikeRounded', {
+Object.defineProperty(exports, "ElectricBikeRounded", {
   enumerable: true,
   get: function () {
     return _ElectricBikeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricBikeSharp', {
+Object.defineProperty(exports, "ElectricBikeSharp", {
   enumerable: true,
   get: function () {
     return _ElectricBikeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricBikeTwoTone', {
+Object.defineProperty(exports, "ElectricBikeTwoTone", {
   enumerable: true,
   get: function () {
     return _ElectricBikeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricBolt', {
+Object.defineProperty(exports, "ElectricBolt", {
   enumerable: true,
   get: function () {
     return _ElectricBolt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricBoltOutlined', {
+Object.defineProperty(exports, "ElectricBoltOutlined", {
   enumerable: true,
   get: function () {
     return _ElectricBoltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricBoltRounded', {
+Object.defineProperty(exports, "ElectricBoltRounded", {
   enumerable: true,
   get: function () {
     return _ElectricBoltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricBoltSharp', {
+Object.defineProperty(exports, "ElectricBoltSharp", {
   enumerable: true,
   get: function () {
     return _ElectricBoltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricBoltTwoTone', {
+Object.defineProperty(exports, "ElectricBoltTwoTone", {
   enumerable: true,
   get: function () {
     return _ElectricBoltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricCar', {
+Object.defineProperty(exports, "ElectricCar", {
   enumerable: true,
   get: function () {
     return _ElectricCar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricCarOutlined', {
+Object.defineProperty(exports, "ElectricCarOutlined", {
   enumerable: true,
   get: function () {
     return _ElectricCarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricCarRounded', {
+Object.defineProperty(exports, "ElectricCarRounded", {
   enumerable: true,
   get: function () {
     return _ElectricCarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricCarSharp', {
+Object.defineProperty(exports, "ElectricCarSharp", {
   enumerable: true,
   get: function () {
     return _ElectricCarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricCarTwoTone', {
+Object.defineProperty(exports, "ElectricCarTwoTone", {
   enumerable: true,
   get: function () {
     return _ElectricCarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricMeter', {
+Object.defineProperty(exports, "ElectricMeter", {
   enumerable: true,
   get: function () {
     return _ElectricMeter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricMeterOutlined', {
+Object.defineProperty(exports, "ElectricMeterOutlined", {
   enumerable: true,
   get: function () {
     return _ElectricMeterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricMeterRounded', {
+Object.defineProperty(exports, "ElectricMeterRounded", {
   enumerable: true,
   get: function () {
     return _ElectricMeterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricMeterSharp', {
+Object.defineProperty(exports, "ElectricMeterSharp", {
   enumerable: true,
   get: function () {
     return _ElectricMeterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricMeterTwoTone', {
+Object.defineProperty(exports, "ElectricMeterTwoTone", {
   enumerable: true,
   get: function () {
     return _ElectricMeterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricMoped', {
+Object.defineProperty(exports, "ElectricMoped", {
   enumerable: true,
   get: function () {
     return _ElectricMoped.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricMopedOutlined', {
+Object.defineProperty(exports, "ElectricMopedOutlined", {
   enumerable: true,
   get: function () {
     return _ElectricMopedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricMopedRounded', {
+Object.defineProperty(exports, "ElectricMopedRounded", {
   enumerable: true,
   get: function () {
     return _ElectricMopedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricMopedSharp', {
+Object.defineProperty(exports, "ElectricMopedSharp", {
   enumerable: true,
   get: function () {
     return _ElectricMopedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricMopedTwoTone', {
+Object.defineProperty(exports, "ElectricMopedTwoTone", {
   enumerable: true,
   get: function () {
     return _ElectricMopedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricRickshaw', {
+Object.defineProperty(exports, "ElectricRickshaw", {
   enumerable: true,
   get: function () {
     return _ElectricRickshaw.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricRickshawOutlined', {
+Object.defineProperty(exports, "ElectricRickshawOutlined", {
   enumerable: true,
   get: function () {
     return _ElectricRickshawOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricRickshawRounded', {
+Object.defineProperty(exports, "ElectricRickshawRounded", {
   enumerable: true,
   get: function () {
     return _ElectricRickshawRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricRickshawSharp', {
+Object.defineProperty(exports, "ElectricRickshawSharp", {
   enumerable: true,
   get: function () {
     return _ElectricRickshawSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricRickshawTwoTone', {
+Object.defineProperty(exports, "ElectricRickshawTwoTone", {
   enumerable: true,
   get: function () {
     return _ElectricRickshawTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricScooter', {
+Object.defineProperty(exports, "ElectricScooter", {
   enumerable: true,
   get: function () {
     return _ElectricScooter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricScooterOutlined', {
+Object.defineProperty(exports, "ElectricScooterOutlined", {
   enumerable: true,
   get: function () {
     return _ElectricScooterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricScooterRounded', {
+Object.defineProperty(exports, "ElectricScooterRounded", {
   enumerable: true,
   get: function () {
     return _ElectricScooterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricScooterSharp', {
+Object.defineProperty(exports, "ElectricScooterSharp", {
   enumerable: true,
   get: function () {
     return _ElectricScooterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricScooterTwoTone', {
+Object.defineProperty(exports, "ElectricScooterTwoTone", {
   enumerable: true,
   get: function () {
     return _ElectricScooterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricalServices', {
+Object.defineProperty(exports, "ElectricalServices", {
   enumerable: true,
   get: function () {
     return _ElectricalServices.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricalServicesOutlined', {
+Object.defineProperty(exports, "ElectricalServicesOutlined", {
   enumerable: true,
   get: function () {
     return _ElectricalServicesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricalServicesRounded', {
+Object.defineProperty(exports, "ElectricalServicesRounded", {
   enumerable: true,
   get: function () {
     return _ElectricalServicesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricalServicesSharp', {
+Object.defineProperty(exports, "ElectricalServicesSharp", {
   enumerable: true,
   get: function () {
     return _ElectricalServicesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElectricalServicesTwoTone', {
+Object.defineProperty(exports, "ElectricalServicesTwoTone", {
   enumerable: true,
   get: function () {
     return _ElectricalServicesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Elevator', {
+Object.defineProperty(exports, "Elevator", {
   enumerable: true,
   get: function () {
     return _Elevator.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElevatorOutlined', {
+Object.defineProperty(exports, "ElevatorOutlined", {
   enumerable: true,
   get: function () {
     return _ElevatorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElevatorRounded', {
+Object.defineProperty(exports, "ElevatorRounded", {
   enumerable: true,
   get: function () {
     return _ElevatorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElevatorSharp', {
+Object.defineProperty(exports, "ElevatorSharp", {
   enumerable: true,
   get: function () {
     return _ElevatorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElevatorTwoTone', {
+Object.defineProperty(exports, "ElevatorTwoTone", {
   enumerable: true,
   get: function () {
     return _ElevatorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElevenMp', {
+Object.defineProperty(exports, "ElevenMp", {
   enumerable: true,
   get: function () {
     return _ElevenMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElevenMpOutlined', {
+Object.defineProperty(exports, "ElevenMpOutlined", {
   enumerable: true,
   get: function () {
     return _ElevenMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElevenMpRounded', {
+Object.defineProperty(exports, "ElevenMpRounded", {
   enumerable: true,
   get: function () {
     return _ElevenMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElevenMpSharp', {
+Object.defineProperty(exports, "ElevenMpSharp", {
   enumerable: true,
   get: function () {
     return _ElevenMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ElevenMpTwoTone', {
+Object.defineProperty(exports, "ElevenMpTwoTone", {
   enumerable: true,
   get: function () {
     return _ElevenMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Email', {
+Object.defineProperty(exports, "Email", {
   enumerable: true,
   get: function () {
     return _Email.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmailOutlined', {
+Object.defineProperty(exports, "EmailOutlined", {
   enumerable: true,
   get: function () {
     return _EmailOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmailRounded', {
+Object.defineProperty(exports, "EmailRounded", {
   enumerable: true,
   get: function () {
     return _EmailRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmailSharp', {
+Object.defineProperty(exports, "EmailSharp", {
   enumerable: true,
   get: function () {
     return _EmailSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmailTwoTone', {
+Object.defineProperty(exports, "EmailTwoTone", {
   enumerable: true,
   get: function () {
     return _EmailTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmergencyRecording', {
+Object.defineProperty(exports, "EmergencyRecording", {
   enumerable: true,
   get: function () {
     return _EmergencyRecording.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmergencyRecordingOutlined', {
+Object.defineProperty(exports, "EmergencyRecordingOutlined", {
   enumerable: true,
   get: function () {
     return _EmergencyRecordingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmergencyRecordingRounded', {
+Object.defineProperty(exports, "EmergencyRecordingRounded", {
   enumerable: true,
   get: function () {
     return _EmergencyRecordingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmergencyRecordingSharp', {
+Object.defineProperty(exports, "EmergencyRecordingSharp", {
   enumerable: true,
   get: function () {
     return _EmergencyRecordingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmergencyRecordingTwoTone', {
+Object.defineProperty(exports, "EmergencyRecordingTwoTone", {
   enumerable: true,
   get: function () {
     return _EmergencyRecordingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmergencyShare', {
+Object.defineProperty(exports, "EmergencyShare", {
   enumerable: true,
   get: function () {
     return _EmergencyShare.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmergencyShareOutlined', {
+Object.defineProperty(exports, "EmergencyShareOutlined", {
   enumerable: true,
   get: function () {
     return _EmergencyShareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmergencyShareRounded', {
+Object.defineProperty(exports, "EmergencyShareRounded", {
   enumerable: true,
   get: function () {
     return _EmergencyShareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmergencyShareSharp', {
+Object.defineProperty(exports, "EmergencyShareSharp", {
   enumerable: true,
   get: function () {
     return _EmergencyShareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmergencyShareTwoTone', {
+Object.defineProperty(exports, "EmergencyShareTwoTone", {
   enumerable: true,
   get: function () {
     return _EmergencyShareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiEmotions', {
+Object.defineProperty(exports, "EmojiEmotions", {
   enumerable: true,
   get: function () {
     return _EmojiEmotions.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiEmotionsOutlined', {
+Object.defineProperty(exports, "EmojiEmotionsOutlined", {
   enumerable: true,
   get: function () {
     return _EmojiEmotionsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiEmotionsRounded', {
+Object.defineProperty(exports, "EmojiEmotionsRounded", {
   enumerable: true,
   get: function () {
     return _EmojiEmotionsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiEmotionsSharp', {
+Object.defineProperty(exports, "EmojiEmotionsSharp", {
   enumerable: true,
   get: function () {
     return _EmojiEmotionsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiEmotionsTwoTone', {
+Object.defineProperty(exports, "EmojiEmotionsTwoTone", {
   enumerable: true,
   get: function () {
     return _EmojiEmotionsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiEvents', {
+Object.defineProperty(exports, "EmojiEvents", {
   enumerable: true,
   get: function () {
     return _EmojiEvents.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiEventsOutlined', {
+Object.defineProperty(exports, "EmojiEventsOutlined", {
   enumerable: true,
   get: function () {
     return _EmojiEventsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiEventsRounded', {
+Object.defineProperty(exports, "EmojiEventsRounded", {
   enumerable: true,
   get: function () {
     return _EmojiEventsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiEventsSharp', {
+Object.defineProperty(exports, "EmojiEventsSharp", {
   enumerable: true,
   get: function () {
     return _EmojiEventsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiEventsTwoTone', {
+Object.defineProperty(exports, "EmojiEventsTwoTone", {
   enumerable: true,
   get: function () {
     return _EmojiEventsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiFlags', {
+Object.defineProperty(exports, "EmojiFlags", {
   enumerable: true,
   get: function () {
     return _EmojiFlags.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiFlagsOutlined', {
+Object.defineProperty(exports, "EmojiFlagsOutlined", {
   enumerable: true,
   get: function () {
     return _EmojiFlagsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiFlagsRounded', {
+Object.defineProperty(exports, "EmojiFlagsRounded", {
   enumerable: true,
   get: function () {
     return _EmojiFlagsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiFlagsSharp', {
+Object.defineProperty(exports, "EmojiFlagsSharp", {
   enumerable: true,
   get: function () {
     return _EmojiFlagsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiFlagsTwoTone', {
+Object.defineProperty(exports, "EmojiFlagsTwoTone", {
   enumerable: true,
   get: function () {
     return _EmojiFlagsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiFoodBeverage', {
+Object.defineProperty(exports, "EmojiFoodBeverage", {
   enumerable: true,
   get: function () {
     return _EmojiFoodBeverage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiFoodBeverageOutlined', {
+Object.defineProperty(exports, "EmojiFoodBeverageOutlined", {
   enumerable: true,
   get: function () {
     return _EmojiFoodBeverageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiFoodBeverageRounded', {
+Object.defineProperty(exports, "EmojiFoodBeverageRounded", {
   enumerable: true,
   get: function () {
     return _EmojiFoodBeverageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiFoodBeverageSharp', {
+Object.defineProperty(exports, "EmojiFoodBeverageSharp", {
   enumerable: true,
   get: function () {
     return _EmojiFoodBeverageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiFoodBeverageTwoTone', {
+Object.defineProperty(exports, "EmojiFoodBeverageTwoTone", {
   enumerable: true,
   get: function () {
     return _EmojiFoodBeverageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiNature', {
+Object.defineProperty(exports, "EmojiNature", {
   enumerable: true,
   get: function () {
     return _EmojiNature.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiNatureOutlined', {
+Object.defineProperty(exports, "EmojiNatureOutlined", {
   enumerable: true,
   get: function () {
     return _EmojiNatureOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiNatureRounded', {
+Object.defineProperty(exports, "EmojiNatureRounded", {
   enumerable: true,
   get: function () {
     return _EmojiNatureRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiNatureSharp', {
+Object.defineProperty(exports, "EmojiNatureSharp", {
   enumerable: true,
   get: function () {
     return _EmojiNatureSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiNatureTwoTone', {
+Object.defineProperty(exports, "EmojiNatureTwoTone", {
   enumerable: true,
   get: function () {
     return _EmojiNatureTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiObjects', {
+Object.defineProperty(exports, "EmojiObjects", {
   enumerable: true,
   get: function () {
     return _EmojiObjects.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiObjectsOutlined', {
+Object.defineProperty(exports, "EmojiObjectsOutlined", {
   enumerable: true,
   get: function () {
     return _EmojiObjectsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiObjectsRounded', {
+Object.defineProperty(exports, "EmojiObjectsRounded", {
   enumerable: true,
   get: function () {
     return _EmojiObjectsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiObjectsSharp', {
+Object.defineProperty(exports, "EmojiObjectsSharp", {
   enumerable: true,
   get: function () {
     return _EmojiObjectsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiObjectsTwoTone', {
+Object.defineProperty(exports, "EmojiObjectsTwoTone", {
   enumerable: true,
   get: function () {
     return _EmojiObjectsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiPeople', {
+Object.defineProperty(exports, "EmojiPeople", {
   enumerable: true,
   get: function () {
     return _EmojiPeople.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiPeopleOutlined', {
+Object.defineProperty(exports, "EmojiPeopleOutlined", {
   enumerable: true,
   get: function () {
     return _EmojiPeopleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiPeopleRounded', {
+Object.defineProperty(exports, "EmojiPeopleRounded", {
   enumerable: true,
   get: function () {
     return _EmojiPeopleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiPeopleSharp', {
+Object.defineProperty(exports, "EmojiPeopleSharp", {
   enumerable: true,
   get: function () {
     return _EmojiPeopleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiPeopleTwoTone', {
+Object.defineProperty(exports, "EmojiPeopleTwoTone", {
   enumerable: true,
   get: function () {
     return _EmojiPeopleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiSymbols', {
+Object.defineProperty(exports, "EmojiSymbols", {
   enumerable: true,
   get: function () {
     return _EmojiSymbols.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiSymbolsOutlined', {
+Object.defineProperty(exports, "EmojiSymbolsOutlined", {
   enumerable: true,
   get: function () {
     return _EmojiSymbolsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiSymbolsRounded', {
+Object.defineProperty(exports, "EmojiSymbolsRounded", {
   enumerable: true,
   get: function () {
     return _EmojiSymbolsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiSymbolsSharp', {
+Object.defineProperty(exports, "EmojiSymbolsSharp", {
   enumerable: true,
   get: function () {
     return _EmojiSymbolsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiSymbolsTwoTone', {
+Object.defineProperty(exports, "EmojiSymbolsTwoTone", {
   enumerable: true,
   get: function () {
     return _EmojiSymbolsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiTransportation', {
+Object.defineProperty(exports, "EmojiTransportation", {
   enumerable: true,
   get: function () {
     return _EmojiTransportation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiTransportationOutlined', {
+Object.defineProperty(exports, "EmojiTransportationOutlined", {
   enumerable: true,
   get: function () {
     return _EmojiTransportationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiTransportationRounded', {
+Object.defineProperty(exports, "EmojiTransportationRounded", {
   enumerable: true,
   get: function () {
     return _EmojiTransportationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiTransportationSharp', {
+Object.defineProperty(exports, "EmojiTransportationSharp", {
   enumerable: true,
   get: function () {
     return _EmojiTransportationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EmojiTransportationTwoTone', {
+Object.defineProperty(exports, "EmojiTransportationTwoTone", {
   enumerable: true,
   get: function () {
     return _EmojiTransportationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EnergySavingsLeaf', {
+Object.defineProperty(exports, "EnergySavingsLeaf", {
   enumerable: true,
   get: function () {
     return _EnergySavingsLeaf.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EnergySavingsLeafOutlined', {
+Object.defineProperty(exports, "EnergySavingsLeafOutlined", {
   enumerable: true,
   get: function () {
     return _EnergySavingsLeafOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EnergySavingsLeafRounded', {
+Object.defineProperty(exports, "EnergySavingsLeafRounded", {
   enumerable: true,
   get: function () {
     return _EnergySavingsLeafRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EnergySavingsLeafSharp', {
+Object.defineProperty(exports, "EnergySavingsLeafSharp", {
   enumerable: true,
   get: function () {
     return _EnergySavingsLeafSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EnergySavingsLeafTwoTone', {
+Object.defineProperty(exports, "EnergySavingsLeafTwoTone", {
   enumerable: true,
   get: function () {
     return _EnergySavingsLeafTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Engineering', {
+Object.defineProperty(exports, "Engineering", {
   enumerable: true,
   get: function () {
     return _Engineering.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EngineeringOutlined', {
+Object.defineProperty(exports, "EngineeringOutlined", {
   enumerable: true,
   get: function () {
     return _EngineeringOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EngineeringRounded', {
+Object.defineProperty(exports, "EngineeringRounded", {
   enumerable: true,
   get: function () {
     return _EngineeringRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EngineeringSharp', {
+Object.defineProperty(exports, "EngineeringSharp", {
   enumerable: true,
   get: function () {
     return _EngineeringSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EngineeringTwoTone', {
+Object.defineProperty(exports, "EngineeringTwoTone", {
   enumerable: true,
   get: function () {
     return _EngineeringTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EnhancedEncryption', {
+Object.defineProperty(exports, "EnhancedEncryption", {
   enumerable: true,
   get: function () {
     return _EnhancedEncryption.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EnhancedEncryptionOutlined', {
+Object.defineProperty(exports, "EnhancedEncryptionOutlined", {
   enumerable: true,
   get: function () {
     return _EnhancedEncryptionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EnhancedEncryptionRounded', {
+Object.defineProperty(exports, "EnhancedEncryptionRounded", {
   enumerable: true,
   get: function () {
     return _EnhancedEncryptionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EnhancedEncryptionSharp', {
+Object.defineProperty(exports, "EnhancedEncryptionSharp", {
   enumerable: true,
   get: function () {
     return _EnhancedEncryptionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EnhancedEncryptionTwoTone', {
+Object.defineProperty(exports, "EnhancedEncryptionTwoTone", {
   enumerable: true,
   get: function () {
     return _EnhancedEncryptionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Equalizer', {
+Object.defineProperty(exports, "Equalizer", {
   enumerable: true,
   get: function () {
     return _Equalizer.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EqualizerOutlined', {
+Object.defineProperty(exports, "EqualizerOutlined", {
   enumerable: true,
   get: function () {
     return _EqualizerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EqualizerRounded', {
+Object.defineProperty(exports, "EqualizerRounded", {
   enumerable: true,
   get: function () {
     return _EqualizerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EqualizerSharp', {
+Object.defineProperty(exports, "EqualizerSharp", {
   enumerable: true,
   get: function () {
     return _EqualizerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EqualizerTwoTone', {
+Object.defineProperty(exports, "EqualizerTwoTone", {
   enumerable: true,
   get: function () {
     return _EqualizerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Error', {
+Object.defineProperty(exports, "Error", {
   enumerable: true,
   get: function () {
     return _Error.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ErrorOutline', {
+Object.defineProperty(exports, "ErrorOutline", {
   enumerable: true,
   get: function () {
     return _ErrorOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ErrorOutlineOutlined', {
+Object.defineProperty(exports, "ErrorOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _ErrorOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ErrorOutlineRounded', {
+Object.defineProperty(exports, "ErrorOutlineRounded", {
   enumerable: true,
   get: function () {
     return _ErrorOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ErrorOutlineSharp', {
+Object.defineProperty(exports, "ErrorOutlineSharp", {
   enumerable: true,
   get: function () {
     return _ErrorOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ErrorOutlineTwoTone', {
+Object.defineProperty(exports, "ErrorOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _ErrorOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ErrorOutlined', {
+Object.defineProperty(exports, "ErrorOutlined", {
   enumerable: true,
   get: function () {
     return _ErrorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ErrorRounded', {
+Object.defineProperty(exports, "ErrorRounded", {
   enumerable: true,
   get: function () {
     return _ErrorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ErrorSharp', {
+Object.defineProperty(exports, "ErrorSharp", {
   enumerable: true,
   get: function () {
     return _ErrorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ErrorTwoTone', {
+Object.defineProperty(exports, "ErrorTwoTone", {
   enumerable: true,
   get: function () {
     return _ErrorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Escalator', {
+Object.defineProperty(exports, "Escalator", {
   enumerable: true,
   get: function () {
     return _Escalator.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EscalatorOutlined', {
+Object.defineProperty(exports, "EscalatorOutlined", {
   enumerable: true,
   get: function () {
     return _EscalatorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EscalatorRounded', {
+Object.defineProperty(exports, "EscalatorRounded", {
   enumerable: true,
   get: function () {
     return _EscalatorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EscalatorSharp', {
+Object.defineProperty(exports, "EscalatorSharp", {
   enumerable: true,
   get: function () {
     return _EscalatorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EscalatorTwoTone', {
+Object.defineProperty(exports, "EscalatorTwoTone", {
   enumerable: true,
   get: function () {
     return _EscalatorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EscalatorWarning', {
+Object.defineProperty(exports, "EscalatorWarning", {
   enumerable: true,
   get: function () {
     return _EscalatorWarning.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EscalatorWarningOutlined', {
+Object.defineProperty(exports, "EscalatorWarningOutlined", {
   enumerable: true,
   get: function () {
     return _EscalatorWarningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EscalatorWarningRounded', {
+Object.defineProperty(exports, "EscalatorWarningRounded", {
   enumerable: true,
   get: function () {
     return _EscalatorWarningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EscalatorWarningSharp', {
+Object.defineProperty(exports, "EscalatorWarningSharp", {
   enumerable: true,
   get: function () {
     return _EscalatorWarningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EscalatorWarningTwoTone', {
+Object.defineProperty(exports, "EscalatorWarningTwoTone", {
   enumerable: true,
   get: function () {
     return _EscalatorWarningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Euro', {
+Object.defineProperty(exports, "Euro", {
   enumerable: true,
   get: function () {
     return _Euro.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EuroOutlined', {
+Object.defineProperty(exports, "EuroOutlined", {
   enumerable: true,
   get: function () {
     return _EuroOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EuroRounded', {
+Object.defineProperty(exports, "EuroRounded", {
   enumerable: true,
   get: function () {
     return _EuroRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EuroSharp', {
+Object.defineProperty(exports, "EuroSharp", {
   enumerable: true,
   get: function () {
     return _EuroSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EuroSymbol', {
+Object.defineProperty(exports, "EuroSymbol", {
   enumerable: true,
   get: function () {
     return _EuroSymbol.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EuroSymbolOutlined', {
+Object.defineProperty(exports, "EuroSymbolOutlined", {
   enumerable: true,
   get: function () {
     return _EuroSymbolOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EuroSymbolRounded', {
+Object.defineProperty(exports, "EuroSymbolRounded", {
   enumerable: true,
   get: function () {
     return _EuroSymbolRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EuroSymbolSharp', {
+Object.defineProperty(exports, "EuroSymbolSharp", {
   enumerable: true,
   get: function () {
     return _EuroSymbolSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EuroSymbolTwoTone', {
+Object.defineProperty(exports, "EuroSymbolTwoTone", {
   enumerable: true,
   get: function () {
     return _EuroSymbolTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EuroTwoTone', {
+Object.defineProperty(exports, "EuroTwoTone", {
   enumerable: true,
   get: function () {
     return _EuroTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EvStation', {
+Object.defineProperty(exports, "EvStation", {
   enumerable: true,
   get: function () {
     return _EvStation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EvStationOutlined', {
+Object.defineProperty(exports, "EvStationOutlined", {
   enumerable: true,
   get: function () {
     return _EvStationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EvStationRounded', {
+Object.defineProperty(exports, "EvStationRounded", {
   enumerable: true,
   get: function () {
     return _EvStationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EvStationSharp', {
+Object.defineProperty(exports, "EvStationSharp", {
   enumerable: true,
   get: function () {
     return _EvStationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EvStationTwoTone', {
+Object.defineProperty(exports, "EvStationTwoTone", {
   enumerable: true,
   get: function () {
     return _EvStationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Event', {
+Object.defineProperty(exports, "Event", {
   enumerable: true,
   get: function () {
     return _Event.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventAvailable', {
+Object.defineProperty(exports, "EventAvailable", {
   enumerable: true,
   get: function () {
     return _EventAvailable.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventAvailableOutlined', {
+Object.defineProperty(exports, "EventAvailableOutlined", {
   enumerable: true,
   get: function () {
     return _EventAvailableOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventAvailableRounded', {
+Object.defineProperty(exports, "EventAvailableRounded", {
   enumerable: true,
   get: function () {
     return _EventAvailableRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventAvailableSharp', {
+Object.defineProperty(exports, "EventAvailableSharp", {
   enumerable: true,
   get: function () {
     return _EventAvailableSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventAvailableTwoTone', {
+Object.defineProperty(exports, "EventAvailableTwoTone", {
   enumerable: true,
   get: function () {
     return _EventAvailableTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventBusy', {
+Object.defineProperty(exports, "EventBusy", {
   enumerable: true,
   get: function () {
     return _EventBusy.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventBusyOutlined', {
+Object.defineProperty(exports, "EventBusyOutlined", {
   enumerable: true,
   get: function () {
     return _EventBusyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventBusyRounded', {
+Object.defineProperty(exports, "EventBusyRounded", {
   enumerable: true,
   get: function () {
     return _EventBusyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventBusySharp', {
+Object.defineProperty(exports, "EventBusySharp", {
   enumerable: true,
   get: function () {
     return _EventBusySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventBusyTwoTone', {
+Object.defineProperty(exports, "EventBusyTwoTone", {
   enumerable: true,
   get: function () {
     return _EventBusyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventNote', {
+Object.defineProperty(exports, "EventNote", {
   enumerable: true,
   get: function () {
     return _EventNote.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventNoteOutlined', {
+Object.defineProperty(exports, "EventNoteOutlined", {
   enumerable: true,
   get: function () {
     return _EventNoteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventNoteRounded', {
+Object.defineProperty(exports, "EventNoteRounded", {
   enumerable: true,
   get: function () {
     return _EventNoteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventNoteSharp', {
+Object.defineProperty(exports, "EventNoteSharp", {
   enumerable: true,
   get: function () {
     return _EventNoteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventNoteTwoTone', {
+Object.defineProperty(exports, "EventNoteTwoTone", {
   enumerable: true,
   get: function () {
     return _EventNoteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventOutlined', {
+Object.defineProperty(exports, "EventOutlined", {
   enumerable: true,
   get: function () {
     return _EventOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventRepeat', {
+Object.defineProperty(exports, "EventRepeat", {
   enumerable: true,
   get: function () {
     return _EventRepeat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventRepeatOutlined', {
+Object.defineProperty(exports, "EventRepeatOutlined", {
   enumerable: true,
   get: function () {
     return _EventRepeatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventRepeatRounded', {
+Object.defineProperty(exports, "EventRepeatRounded", {
   enumerable: true,
   get: function () {
     return _EventRepeatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventRepeatSharp', {
+Object.defineProperty(exports, "EventRepeatSharp", {
   enumerable: true,
   get: function () {
     return _EventRepeatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventRepeatTwoTone', {
+Object.defineProperty(exports, "EventRepeatTwoTone", {
   enumerable: true,
   get: function () {
     return _EventRepeatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventRounded', {
+Object.defineProperty(exports, "EventRounded", {
   enumerable: true,
   get: function () {
     return _EventRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventSeat', {
+Object.defineProperty(exports, "EventSeat", {
   enumerable: true,
   get: function () {
     return _EventSeat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventSeatOutlined', {
+Object.defineProperty(exports, "EventSeatOutlined", {
   enumerable: true,
   get: function () {
     return _EventSeatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventSeatRounded', {
+Object.defineProperty(exports, "EventSeatRounded", {
   enumerable: true,
   get: function () {
     return _EventSeatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventSeatSharp', {
+Object.defineProperty(exports, "EventSeatSharp", {
   enumerable: true,
   get: function () {
     return _EventSeatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventSeatTwoTone', {
+Object.defineProperty(exports, "EventSeatTwoTone", {
   enumerable: true,
   get: function () {
     return _EventSeatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventSharp', {
+Object.defineProperty(exports, "EventSharp", {
   enumerable: true,
   get: function () {
     return _EventSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'EventTwoTone', {
+Object.defineProperty(exports, "EventTwoTone", {
   enumerable: true,
   get: function () {
     return _EventTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExitToApp', {
+Object.defineProperty(exports, "ExitToApp", {
   enumerable: true,
   get: function () {
     return _ExitToApp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExitToAppOutlined', {
+Object.defineProperty(exports, "ExitToAppOutlined", {
   enumerable: true,
   get: function () {
     return _ExitToAppOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExitToAppRounded', {
+Object.defineProperty(exports, "ExitToAppRounded", {
   enumerable: true,
   get: function () {
     return _ExitToAppRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExitToAppSharp', {
+Object.defineProperty(exports, "ExitToAppSharp", {
   enumerable: true,
   get: function () {
     return _ExitToAppSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExitToAppTwoTone', {
+Object.defineProperty(exports, "ExitToAppTwoTone", {
   enumerable: true,
   get: function () {
     return _ExitToAppTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Expand', {
+Object.defineProperty(exports, "Expand", {
   enumerable: true,
   get: function () {
     return _Expand.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandCircleDown', {
+Object.defineProperty(exports, "ExpandCircleDown", {
   enumerable: true,
   get: function () {
     return _ExpandCircleDown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandCircleDownOutlined', {
+Object.defineProperty(exports, "ExpandCircleDownOutlined", {
   enumerable: true,
   get: function () {
     return _ExpandCircleDownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandCircleDownRounded', {
+Object.defineProperty(exports, "ExpandCircleDownRounded", {
   enumerable: true,
   get: function () {
     return _ExpandCircleDownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandCircleDownSharp', {
+Object.defineProperty(exports, "ExpandCircleDownSharp", {
   enumerable: true,
   get: function () {
     return _ExpandCircleDownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandCircleDownTwoTone', {
+Object.defineProperty(exports, "ExpandCircleDownTwoTone", {
   enumerable: true,
   get: function () {
     return _ExpandCircleDownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandLess', {
+Object.defineProperty(exports, "ExpandLess", {
   enumerable: true,
   get: function () {
     return _ExpandLess.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandLessOutlined', {
+Object.defineProperty(exports, "ExpandLessOutlined", {
   enumerable: true,
   get: function () {
     return _ExpandLessOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandLessRounded', {
+Object.defineProperty(exports, "ExpandLessRounded", {
   enumerable: true,
   get: function () {
     return _ExpandLessRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandLessSharp', {
+Object.defineProperty(exports, "ExpandLessSharp", {
   enumerable: true,
   get: function () {
     return _ExpandLessSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandLessTwoTone', {
+Object.defineProperty(exports, "ExpandLessTwoTone", {
   enumerable: true,
   get: function () {
     return _ExpandLessTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandMore', {
+Object.defineProperty(exports, "ExpandMore", {
   enumerable: true,
   get: function () {
     return _ExpandMore.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandMoreOutlined', {
+Object.defineProperty(exports, "ExpandMoreOutlined", {
   enumerable: true,
   get: function () {
     return _ExpandMoreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandMoreRounded', {
+Object.defineProperty(exports, "ExpandMoreRounded", {
   enumerable: true,
   get: function () {
     return _ExpandMoreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandMoreSharp', {
+Object.defineProperty(exports, "ExpandMoreSharp", {
   enumerable: true,
   get: function () {
     return _ExpandMoreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandMoreTwoTone', {
+Object.defineProperty(exports, "ExpandMoreTwoTone", {
   enumerable: true,
   get: function () {
     return _ExpandMoreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandOutlined', {
+Object.defineProperty(exports, "ExpandOutlined", {
   enumerable: true,
   get: function () {
     return _ExpandOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandRounded', {
+Object.defineProperty(exports, "ExpandRounded", {
   enumerable: true,
   get: function () {
     return _ExpandRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandSharp', {
+Object.defineProperty(exports, "ExpandSharp", {
   enumerable: true,
   get: function () {
     return _ExpandSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExpandTwoTone', {
+Object.defineProperty(exports, "ExpandTwoTone", {
   enumerable: true,
   get: function () {
     return _ExpandTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Explicit', {
+Object.defineProperty(exports, "Explicit", {
   enumerable: true,
   get: function () {
     return _Explicit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExplicitOutlined', {
+Object.defineProperty(exports, "ExplicitOutlined", {
   enumerable: true,
   get: function () {
     return _ExplicitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExplicitRounded', {
+Object.defineProperty(exports, "ExplicitRounded", {
   enumerable: true,
   get: function () {
     return _ExplicitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExplicitSharp', {
+Object.defineProperty(exports, "ExplicitSharp", {
   enumerable: true,
   get: function () {
     return _ExplicitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExplicitTwoTone', {
+Object.defineProperty(exports, "ExplicitTwoTone", {
   enumerable: true,
   get: function () {
     return _ExplicitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Explore', {
+Object.defineProperty(exports, "Explore", {
   enumerable: true,
   get: function () {
     return _Explore.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExploreOff', {
+Object.defineProperty(exports, "ExploreOff", {
   enumerable: true,
   get: function () {
     return _ExploreOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExploreOffOutlined', {
+Object.defineProperty(exports, "ExploreOffOutlined", {
   enumerable: true,
   get: function () {
     return _ExploreOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExploreOffRounded', {
+Object.defineProperty(exports, "ExploreOffRounded", {
   enumerable: true,
   get: function () {
     return _ExploreOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExploreOffSharp', {
+Object.defineProperty(exports, "ExploreOffSharp", {
   enumerable: true,
   get: function () {
     return _ExploreOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExploreOffTwoTone', {
+Object.defineProperty(exports, "ExploreOffTwoTone", {
   enumerable: true,
   get: function () {
     return _ExploreOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExploreOutlined', {
+Object.defineProperty(exports, "ExploreOutlined", {
   enumerable: true,
   get: function () {
     return _ExploreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExploreRounded', {
+Object.defineProperty(exports, "ExploreRounded", {
   enumerable: true,
   get: function () {
     return _ExploreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExploreSharp', {
+Object.defineProperty(exports, "ExploreSharp", {
   enumerable: true,
   get: function () {
     return _ExploreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExploreTwoTone', {
+Object.defineProperty(exports, "ExploreTwoTone", {
   enumerable: true,
   get: function () {
     return _ExploreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Exposure', {
+Object.defineProperty(exports, "Exposure", {
   enumerable: true,
   get: function () {
     return _Exposure.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExposureOutlined', {
+Object.defineProperty(exports, "ExposureOutlined", {
   enumerable: true,
   get: function () {
     return _ExposureOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExposureRounded', {
+Object.defineProperty(exports, "ExposureRounded", {
   enumerable: true,
   get: function () {
     return _ExposureRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExposureSharp', {
+Object.defineProperty(exports, "ExposureSharp", {
   enumerable: true,
   get: function () {
     return _ExposureSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExposureTwoTone', {
+Object.defineProperty(exports, "ExposureTwoTone", {
   enumerable: true,
   get: function () {
     return _ExposureTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Extension', {
+Object.defineProperty(exports, "Extension", {
   enumerable: true,
   get: function () {
     return _Extension.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExtensionOff', {
+Object.defineProperty(exports, "ExtensionOff", {
   enumerable: true,
   get: function () {
     return _ExtensionOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExtensionOffOutlined', {
+Object.defineProperty(exports, "ExtensionOffOutlined", {
   enumerable: true,
   get: function () {
     return _ExtensionOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExtensionOffRounded', {
+Object.defineProperty(exports, "ExtensionOffRounded", {
   enumerable: true,
   get: function () {
     return _ExtensionOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExtensionOffSharp', {
+Object.defineProperty(exports, "ExtensionOffSharp", {
   enumerable: true,
   get: function () {
     return _ExtensionOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExtensionOffTwoTone', {
+Object.defineProperty(exports, "ExtensionOffTwoTone", {
   enumerable: true,
   get: function () {
     return _ExtensionOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExtensionOutlined', {
+Object.defineProperty(exports, "ExtensionOutlined", {
   enumerable: true,
   get: function () {
     return _ExtensionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExtensionRounded', {
+Object.defineProperty(exports, "ExtensionRounded", {
   enumerable: true,
   get: function () {
     return _ExtensionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExtensionSharp', {
+Object.defineProperty(exports, "ExtensionSharp", {
   enumerable: true,
   get: function () {
     return _ExtensionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ExtensionTwoTone', {
+Object.defineProperty(exports, "ExtensionTwoTone", {
   enumerable: true,
   get: function () {
     return _ExtensionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face', {
+Object.defineProperty(exports, "Face", {
   enumerable: true,
   get: function () {
     return _Face.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face2', {
+Object.defineProperty(exports, "Face2", {
   enumerable: true,
   get: function () {
     return _Face2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face2Outlined', {
+Object.defineProperty(exports, "Face2Outlined", {
   enumerable: true,
   get: function () {
     return _Face2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face2Rounded', {
+Object.defineProperty(exports, "Face2Rounded", {
   enumerable: true,
   get: function () {
     return _Face2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face2Sharp', {
+Object.defineProperty(exports, "Face2Sharp", {
   enumerable: true,
   get: function () {
     return _Face2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face2TwoTone', {
+Object.defineProperty(exports, "Face2TwoTone", {
   enumerable: true,
   get: function () {
     return _Face2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face3', {
+Object.defineProperty(exports, "Face3", {
   enumerable: true,
   get: function () {
     return _Face3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face3Outlined', {
+Object.defineProperty(exports, "Face3Outlined", {
   enumerable: true,
   get: function () {
     return _Face3Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face3Rounded', {
+Object.defineProperty(exports, "Face3Rounded", {
   enumerable: true,
   get: function () {
     return _Face3Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face3Sharp', {
+Object.defineProperty(exports, "Face3Sharp", {
   enumerable: true,
   get: function () {
     return _Face3Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face3TwoTone', {
+Object.defineProperty(exports, "Face3TwoTone", {
   enumerable: true,
   get: function () {
     return _Face3TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face4', {
+Object.defineProperty(exports, "Face4", {
   enumerable: true,
   get: function () {
     return _Face4.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face4Outlined', {
+Object.defineProperty(exports, "Face4Outlined", {
   enumerable: true,
   get: function () {
     return _Face4Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face4Rounded', {
+Object.defineProperty(exports, "Face4Rounded", {
   enumerable: true,
   get: function () {
     return _Face4Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face4Sharp', {
+Object.defineProperty(exports, "Face4Sharp", {
   enumerable: true,
   get: function () {
     return _Face4Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face4TwoTone', {
+Object.defineProperty(exports, "Face4TwoTone", {
   enumerable: true,
   get: function () {
     return _Face4TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face5', {
+Object.defineProperty(exports, "Face5", {
   enumerable: true,
   get: function () {
     return _Face5.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face5Outlined', {
+Object.defineProperty(exports, "Face5Outlined", {
   enumerable: true,
   get: function () {
     return _Face5Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face5Rounded', {
+Object.defineProperty(exports, "Face5Rounded", {
   enumerable: true,
   get: function () {
     return _Face5Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face5Sharp', {
+Object.defineProperty(exports, "Face5Sharp", {
   enumerable: true,
   get: function () {
     return _Face5Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face5TwoTone', {
+Object.defineProperty(exports, "Face5TwoTone", {
   enumerable: true,
   get: function () {
     return _Face5TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face6', {
+Object.defineProperty(exports, "Face6", {
   enumerable: true,
   get: function () {
     return _Face6.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face6Outlined', {
+Object.defineProperty(exports, "Face6Outlined", {
   enumerable: true,
   get: function () {
     return _Face6Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face6Rounded', {
+Object.defineProperty(exports, "Face6Rounded", {
   enumerable: true,
   get: function () {
     return _Face6Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face6Sharp', {
+Object.defineProperty(exports, "Face6Sharp", {
   enumerable: true,
   get: function () {
     return _Face6Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Face6TwoTone', {
+Object.defineProperty(exports, "Face6TwoTone", {
   enumerable: true,
   get: function () {
     return _Face6TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceOutlined', {
+Object.defineProperty(exports, "FaceOutlined", {
   enumerable: true,
   get: function () {
     return _FaceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceRetouchingNatural', {
+Object.defineProperty(exports, "FaceRetouchingNatural", {
   enumerable: true,
   get: function () {
     return _FaceRetouchingNatural.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceRetouchingNaturalOutlined', {
+Object.defineProperty(exports, "FaceRetouchingNaturalOutlined", {
   enumerable: true,
   get: function () {
     return _FaceRetouchingNaturalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceRetouchingNaturalRounded', {
+Object.defineProperty(exports, "FaceRetouchingNaturalRounded", {
   enumerable: true,
   get: function () {
     return _FaceRetouchingNaturalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceRetouchingNaturalSharp', {
+Object.defineProperty(exports, "FaceRetouchingNaturalSharp", {
   enumerable: true,
   get: function () {
     return _FaceRetouchingNaturalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceRetouchingNaturalTwoTone', {
+Object.defineProperty(exports, "FaceRetouchingNaturalTwoTone", {
   enumerable: true,
   get: function () {
     return _FaceRetouchingNaturalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceRetouchingOff', {
+Object.defineProperty(exports, "FaceRetouchingOff", {
   enumerable: true,
   get: function () {
     return _FaceRetouchingOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceRetouchingOffOutlined', {
+Object.defineProperty(exports, "FaceRetouchingOffOutlined", {
   enumerable: true,
   get: function () {
     return _FaceRetouchingOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceRetouchingOffRounded', {
+Object.defineProperty(exports, "FaceRetouchingOffRounded", {
   enumerable: true,
   get: function () {
     return _FaceRetouchingOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceRetouchingOffSharp', {
+Object.defineProperty(exports, "FaceRetouchingOffSharp", {
   enumerable: true,
   get: function () {
     return _FaceRetouchingOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceRetouchingOffTwoTone', {
+Object.defineProperty(exports, "FaceRetouchingOffTwoTone", {
   enumerable: true,
   get: function () {
     return _FaceRetouchingOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceRounded', {
+Object.defineProperty(exports, "FaceRounded", {
   enumerable: true,
   get: function () {
     return _FaceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceSharp', {
+Object.defineProperty(exports, "FaceSharp", {
   enumerable: true,
   get: function () {
     return _FaceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaceTwoTone', {
+Object.defineProperty(exports, "FaceTwoTone", {
   enumerable: true,
   get: function () {
     return _FaceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Facebook', {
+Object.defineProperty(exports, "Facebook", {
   enumerable: true,
   get: function () {
     return _Facebook.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FacebookOutlined', {
+Object.defineProperty(exports, "FacebookOutlined", {
   enumerable: true,
   get: function () {
     return _FacebookOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FacebookRounded', {
+Object.defineProperty(exports, "FacebookRounded", {
   enumerable: true,
   get: function () {
     return _FacebookRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FacebookSharp', {
+Object.defineProperty(exports, "FacebookSharp", {
   enumerable: true,
   get: function () {
     return _FacebookSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FacebookTwoTone', {
+Object.defineProperty(exports, "FacebookTwoTone", {
   enumerable: true,
   get: function () {
     return _FacebookTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FactCheck', {
+Object.defineProperty(exports, "FactCheck", {
   enumerable: true,
   get: function () {
     return _FactCheck.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FactCheckOutlined', {
+Object.defineProperty(exports, "FactCheckOutlined", {
   enumerable: true,
   get: function () {
     return _FactCheckOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FactCheckRounded', {
+Object.defineProperty(exports, "FactCheckRounded", {
   enumerable: true,
   get: function () {
     return _FactCheckRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FactCheckSharp', {
+Object.defineProperty(exports, "FactCheckSharp", {
   enumerable: true,
   get: function () {
     return _FactCheckSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FactCheckTwoTone', {
+Object.defineProperty(exports, "FactCheckTwoTone", {
   enumerable: true,
   get: function () {
     return _FactCheckTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Factory', {
+Object.defineProperty(exports, "Factory", {
   enumerable: true,
   get: function () {
     return _Factory.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FactoryOutlined', {
+Object.defineProperty(exports, "FactoryOutlined", {
   enumerable: true,
   get: function () {
     return _FactoryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FactoryRounded', {
+Object.defineProperty(exports, "FactoryRounded", {
   enumerable: true,
   get: function () {
     return _FactoryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FactorySharp', {
+Object.defineProperty(exports, "FactorySharp", {
   enumerable: true,
   get: function () {
     return _FactorySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FactoryTwoTone', {
+Object.defineProperty(exports, "FactoryTwoTone", {
   enumerable: true,
   get: function () {
     return _FactoryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FamilyRestroom', {
+Object.defineProperty(exports, "FamilyRestroom", {
   enumerable: true,
   get: function () {
     return _FamilyRestroom.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FamilyRestroomOutlined', {
+Object.defineProperty(exports, "FamilyRestroomOutlined", {
   enumerable: true,
   get: function () {
     return _FamilyRestroomOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FamilyRestroomRounded', {
+Object.defineProperty(exports, "FamilyRestroomRounded", {
   enumerable: true,
   get: function () {
     return _FamilyRestroomRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FamilyRestroomSharp', {
+Object.defineProperty(exports, "FamilyRestroomSharp", {
   enumerable: true,
   get: function () {
     return _FamilyRestroomSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FamilyRestroomTwoTone', {
+Object.defineProperty(exports, "FamilyRestroomTwoTone", {
   enumerable: true,
   get: function () {
     return _FamilyRestroomTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastForward', {
+Object.defineProperty(exports, "FastForward", {
   enumerable: true,
   get: function () {
     return _FastForward.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastForwardOutlined', {
+Object.defineProperty(exports, "FastForwardOutlined", {
   enumerable: true,
   get: function () {
     return _FastForwardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastForwardRounded', {
+Object.defineProperty(exports, "FastForwardRounded", {
   enumerable: true,
   get: function () {
     return _FastForwardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastForwardSharp', {
+Object.defineProperty(exports, "FastForwardSharp", {
   enumerable: true,
   get: function () {
     return _FastForwardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastForwardTwoTone', {
+Object.defineProperty(exports, "FastForwardTwoTone", {
   enumerable: true,
   get: function () {
     return _FastForwardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastRewind', {
+Object.defineProperty(exports, "FastRewind", {
   enumerable: true,
   get: function () {
     return _FastRewind.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastRewindOutlined', {
+Object.defineProperty(exports, "FastRewindOutlined", {
   enumerable: true,
   get: function () {
     return _FastRewindOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastRewindRounded', {
+Object.defineProperty(exports, "FastRewindRounded", {
   enumerable: true,
   get: function () {
     return _FastRewindRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastRewindSharp', {
+Object.defineProperty(exports, "FastRewindSharp", {
   enumerable: true,
   get: function () {
     return _FastRewindSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastRewindTwoTone', {
+Object.defineProperty(exports, "FastRewindTwoTone", {
   enumerable: true,
   get: function () {
     return _FastRewindTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Fastfood', {
+Object.defineProperty(exports, "Fastfood", {
   enumerable: true,
   get: function () {
     return _Fastfood.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastfoodOutlined', {
+Object.defineProperty(exports, "FastfoodOutlined", {
   enumerable: true,
   get: function () {
     return _FastfoodOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastfoodRounded', {
+Object.defineProperty(exports, "FastfoodRounded", {
   enumerable: true,
   get: function () {
     return _FastfoodRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastfoodSharp', {
+Object.defineProperty(exports, "FastfoodSharp", {
   enumerable: true,
   get: function () {
     return _FastfoodSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FastfoodTwoTone', {
+Object.defineProperty(exports, "FastfoodTwoTone", {
   enumerable: true,
   get: function () {
     return _FastfoodTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Favorite', {
+Object.defineProperty(exports, "Favorite", {
   enumerable: true,
   get: function () {
     return _Favorite.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FavoriteBorder', {
+Object.defineProperty(exports, "FavoriteBorder", {
   enumerable: true,
   get: function () {
     return _FavoriteBorder.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FavoriteBorderOutlined', {
+Object.defineProperty(exports, "FavoriteBorderOutlined", {
   enumerable: true,
   get: function () {
     return _FavoriteBorderOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FavoriteBorderRounded', {
+Object.defineProperty(exports, "FavoriteBorderRounded", {
   enumerable: true,
   get: function () {
     return _FavoriteBorderRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FavoriteBorderSharp', {
+Object.defineProperty(exports, "FavoriteBorderSharp", {
   enumerable: true,
   get: function () {
     return _FavoriteBorderSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FavoriteBorderTwoTone', {
+Object.defineProperty(exports, "FavoriteBorderTwoTone", {
   enumerable: true,
   get: function () {
     return _FavoriteBorderTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FavoriteOutlined', {
+Object.defineProperty(exports, "FavoriteOutlined", {
   enumerable: true,
   get: function () {
     return _FavoriteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FavoriteRounded', {
+Object.defineProperty(exports, "FavoriteRounded", {
   enumerable: true,
   get: function () {
     return _FavoriteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FavoriteSharp', {
+Object.defineProperty(exports, "FavoriteSharp", {
   enumerable: true,
   get: function () {
     return _FavoriteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FavoriteTwoTone', {
+Object.defineProperty(exports, "FavoriteTwoTone", {
   enumerable: true,
   get: function () {
     return _FavoriteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Fax', {
+Object.defineProperty(exports, "Fax", {
   enumerable: true,
   get: function () {
     return _Fax.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaxOutlined', {
+Object.defineProperty(exports, "FaxOutlined", {
   enumerable: true,
   get: function () {
     return _FaxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaxRounded', {
+Object.defineProperty(exports, "FaxRounded", {
   enumerable: true,
   get: function () {
     return _FaxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaxSharp', {
+Object.defineProperty(exports, "FaxSharp", {
   enumerable: true,
   get: function () {
     return _FaxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FaxTwoTone', {
+Object.defineProperty(exports, "FaxTwoTone", {
   enumerable: true,
   get: function () {
     return _FaxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeaturedPlayList', {
+Object.defineProperty(exports, "FeaturedPlayList", {
   enumerable: true,
   get: function () {
     return _FeaturedPlayList.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeaturedPlayListOutlined', {
+Object.defineProperty(exports, "FeaturedPlayListOutlined", {
   enumerable: true,
   get: function () {
     return _FeaturedPlayListOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeaturedPlayListRounded', {
+Object.defineProperty(exports, "FeaturedPlayListRounded", {
   enumerable: true,
   get: function () {
     return _FeaturedPlayListRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeaturedPlayListSharp', {
+Object.defineProperty(exports, "FeaturedPlayListSharp", {
   enumerable: true,
   get: function () {
     return _FeaturedPlayListSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeaturedPlayListTwoTone', {
+Object.defineProperty(exports, "FeaturedPlayListTwoTone", {
   enumerable: true,
   get: function () {
     return _FeaturedPlayListTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeaturedVideo', {
+Object.defineProperty(exports, "FeaturedVideo", {
   enumerable: true,
   get: function () {
     return _FeaturedVideo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeaturedVideoOutlined', {
+Object.defineProperty(exports, "FeaturedVideoOutlined", {
   enumerable: true,
   get: function () {
     return _FeaturedVideoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeaturedVideoRounded', {
+Object.defineProperty(exports, "FeaturedVideoRounded", {
   enumerable: true,
   get: function () {
     return _FeaturedVideoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeaturedVideoSharp', {
+Object.defineProperty(exports, "FeaturedVideoSharp", {
   enumerable: true,
   get: function () {
     return _FeaturedVideoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeaturedVideoTwoTone', {
+Object.defineProperty(exports, "FeaturedVideoTwoTone", {
   enumerable: true,
   get: function () {
     return _FeaturedVideoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Feed', {
+Object.defineProperty(exports, "Feed", {
   enumerable: true,
   get: function () {
     return _Feed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeedOutlined', {
+Object.defineProperty(exports, "FeedOutlined", {
   enumerable: true,
   get: function () {
     return _FeedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeedRounded', {
+Object.defineProperty(exports, "FeedRounded", {
   enumerable: true,
   get: function () {
     return _FeedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeedSharp', {
+Object.defineProperty(exports, "FeedSharp", {
   enumerable: true,
   get: function () {
     return _FeedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeedTwoTone', {
+Object.defineProperty(exports, "FeedTwoTone", {
   enumerable: true,
   get: function () {
     return _FeedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Feedback', {
+Object.defineProperty(exports, "Feedback", {
   enumerable: true,
   get: function () {
     return _Feedback.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeedbackOutlined', {
+Object.defineProperty(exports, "FeedbackOutlined", {
   enumerable: true,
   get: function () {
     return _FeedbackOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeedbackRounded', {
+Object.defineProperty(exports, "FeedbackRounded", {
   enumerable: true,
   get: function () {
     return _FeedbackRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeedbackSharp', {
+Object.defineProperty(exports, "FeedbackSharp", {
   enumerable: true,
   get: function () {
     return _FeedbackSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FeedbackTwoTone', {
+Object.defineProperty(exports, "FeedbackTwoTone", {
   enumerable: true,
   get: function () {
     return _FeedbackTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Female', {
+Object.defineProperty(exports, "Female", {
   enumerable: true,
   get: function () {
     return _Female.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FemaleOutlined', {
+Object.defineProperty(exports, "FemaleOutlined", {
   enumerable: true,
   get: function () {
     return _FemaleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FemaleRounded', {
+Object.defineProperty(exports, "FemaleRounded", {
   enumerable: true,
   get: function () {
     return _FemaleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FemaleSharp', {
+Object.defineProperty(exports, "FemaleSharp", {
   enumerable: true,
   get: function () {
     return _FemaleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FemaleTwoTone', {
+Object.defineProperty(exports, "FemaleTwoTone", {
   enumerable: true,
   get: function () {
     return _FemaleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Fence', {
+Object.defineProperty(exports, "Fence", {
   enumerable: true,
   get: function () {
     return _Fence.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FenceOutlined', {
+Object.defineProperty(exports, "FenceOutlined", {
   enumerable: true,
   get: function () {
     return _FenceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FenceRounded', {
+Object.defineProperty(exports, "FenceRounded", {
   enumerable: true,
   get: function () {
     return _FenceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FenceSharp', {
+Object.defineProperty(exports, "FenceSharp", {
   enumerable: true,
   get: function () {
     return _FenceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FenceTwoTone', {
+Object.defineProperty(exports, "FenceTwoTone", {
   enumerable: true,
   get: function () {
     return _FenceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Festival', {
+Object.defineProperty(exports, "Festival", {
   enumerable: true,
   get: function () {
     return _Festival.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FestivalOutlined', {
+Object.defineProperty(exports, "FestivalOutlined", {
   enumerable: true,
   get: function () {
     return _FestivalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FestivalRounded', {
+Object.defineProperty(exports, "FestivalRounded", {
   enumerable: true,
   get: function () {
     return _FestivalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FestivalSharp', {
+Object.defineProperty(exports, "FestivalSharp", {
   enumerable: true,
   get: function () {
     return _FestivalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FestivalTwoTone', {
+Object.defineProperty(exports, "FestivalTwoTone", {
   enumerable: true,
   get: function () {
     return _FestivalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberDvr', {
+Object.defineProperty(exports, "FiberDvr", {
   enumerable: true,
   get: function () {
     return _FiberDvr.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberDvrOutlined', {
+Object.defineProperty(exports, "FiberDvrOutlined", {
   enumerable: true,
   get: function () {
     return _FiberDvrOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberDvrRounded', {
+Object.defineProperty(exports, "FiberDvrRounded", {
   enumerable: true,
   get: function () {
     return _FiberDvrRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberDvrSharp', {
+Object.defineProperty(exports, "FiberDvrSharp", {
   enumerable: true,
   get: function () {
     return _FiberDvrSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberDvrTwoTone', {
+Object.defineProperty(exports, "FiberDvrTwoTone", {
   enumerable: true,
   get: function () {
     return _FiberDvrTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberManualRecord', {
+Object.defineProperty(exports, "FiberManualRecord", {
   enumerable: true,
   get: function () {
     return _FiberManualRecord.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberManualRecordOutlined', {
+Object.defineProperty(exports, "FiberManualRecordOutlined", {
   enumerable: true,
   get: function () {
     return _FiberManualRecordOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberManualRecordRounded', {
+Object.defineProperty(exports, "FiberManualRecordRounded", {
   enumerable: true,
   get: function () {
     return _FiberManualRecordRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberManualRecordSharp', {
+Object.defineProperty(exports, "FiberManualRecordSharp", {
   enumerable: true,
   get: function () {
     return _FiberManualRecordSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberManualRecordTwoTone', {
+Object.defineProperty(exports, "FiberManualRecordTwoTone", {
   enumerable: true,
   get: function () {
     return _FiberManualRecordTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberNew', {
+Object.defineProperty(exports, "FiberNew", {
   enumerable: true,
   get: function () {
     return _FiberNew.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberNewOutlined', {
+Object.defineProperty(exports, "FiberNewOutlined", {
   enumerable: true,
   get: function () {
     return _FiberNewOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberNewRounded', {
+Object.defineProperty(exports, "FiberNewRounded", {
   enumerable: true,
   get: function () {
     return _FiberNewRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberNewSharp', {
+Object.defineProperty(exports, "FiberNewSharp", {
   enumerable: true,
   get: function () {
     return _FiberNewSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberNewTwoTone', {
+Object.defineProperty(exports, "FiberNewTwoTone", {
   enumerable: true,
   get: function () {
     return _FiberNewTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberPin', {
+Object.defineProperty(exports, "FiberPin", {
   enumerable: true,
   get: function () {
     return _FiberPin.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberPinOutlined', {
+Object.defineProperty(exports, "FiberPinOutlined", {
   enumerable: true,
   get: function () {
     return _FiberPinOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberPinRounded', {
+Object.defineProperty(exports, "FiberPinRounded", {
   enumerable: true,
   get: function () {
     return _FiberPinRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberPinSharp', {
+Object.defineProperty(exports, "FiberPinSharp", {
   enumerable: true,
   get: function () {
     return _FiberPinSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberPinTwoTone', {
+Object.defineProperty(exports, "FiberPinTwoTone", {
   enumerable: true,
   get: function () {
     return _FiberPinTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberSmartRecord', {
+Object.defineProperty(exports, "FiberSmartRecord", {
   enumerable: true,
   get: function () {
     return _FiberSmartRecord.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberSmartRecordOutlined', {
+Object.defineProperty(exports, "FiberSmartRecordOutlined", {
   enumerable: true,
   get: function () {
     return _FiberSmartRecordOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberSmartRecordRounded', {
+Object.defineProperty(exports, "FiberSmartRecordRounded", {
   enumerable: true,
   get: function () {
     return _FiberSmartRecordRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberSmartRecordSharp', {
+Object.defineProperty(exports, "FiberSmartRecordSharp", {
   enumerable: true,
   get: function () {
     return _FiberSmartRecordSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiberSmartRecordTwoTone', {
+Object.defineProperty(exports, "FiberSmartRecordTwoTone", {
   enumerable: true,
   get: function () {
     return _FiberSmartRecordTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FifteenMp', {
+Object.defineProperty(exports, "FifteenMp", {
   enumerable: true,
   get: function () {
     return _FifteenMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FifteenMpOutlined', {
+Object.defineProperty(exports, "FifteenMpOutlined", {
   enumerable: true,
   get: function () {
     return _FifteenMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FifteenMpRounded', {
+Object.defineProperty(exports, "FifteenMpRounded", {
   enumerable: true,
   get: function () {
     return _FifteenMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FifteenMpSharp', {
+Object.defineProperty(exports, "FifteenMpSharp", {
   enumerable: true,
   get: function () {
     return _FifteenMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FifteenMpTwoTone', {
+Object.defineProperty(exports, "FifteenMpTwoTone", {
   enumerable: true,
   get: function () {
     return _FifteenMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileCopy', {
+Object.defineProperty(exports, "FileCopy", {
   enumerable: true,
   get: function () {
     return _FileCopy.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileCopyOutlined', {
+Object.defineProperty(exports, "FileCopyOutlined", {
   enumerable: true,
   get: function () {
     return _FileCopyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileCopyRounded', {
+Object.defineProperty(exports, "FileCopyRounded", {
   enumerable: true,
   get: function () {
     return _FileCopyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileCopySharp', {
+Object.defineProperty(exports, "FileCopySharp", {
   enumerable: true,
   get: function () {
     return _FileCopySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileCopyTwoTone', {
+Object.defineProperty(exports, "FileCopyTwoTone", {
   enumerable: true,
   get: function () {
     return _FileCopyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownload', {
+Object.defineProperty(exports, "FileDownload", {
   enumerable: true,
   get: function () {
     return _FileDownload.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadDone', {
+Object.defineProperty(exports, "FileDownloadDone", {
   enumerable: true,
   get: function () {
     return _FileDownloadDone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadDoneOutlined', {
+Object.defineProperty(exports, "FileDownloadDoneOutlined", {
   enumerable: true,
   get: function () {
     return _FileDownloadDoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadDoneRounded', {
+Object.defineProperty(exports, "FileDownloadDoneRounded", {
   enumerable: true,
   get: function () {
     return _FileDownloadDoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadDoneSharp', {
+Object.defineProperty(exports, "FileDownloadDoneSharp", {
   enumerable: true,
   get: function () {
     return _FileDownloadDoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadDoneTwoTone', {
+Object.defineProperty(exports, "FileDownloadDoneTwoTone", {
   enumerable: true,
   get: function () {
     return _FileDownloadDoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadOff', {
+Object.defineProperty(exports, "FileDownloadOff", {
   enumerable: true,
   get: function () {
     return _FileDownloadOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadOffOutlined', {
+Object.defineProperty(exports, "FileDownloadOffOutlined", {
   enumerable: true,
   get: function () {
     return _FileDownloadOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadOffRounded', {
+Object.defineProperty(exports, "FileDownloadOffRounded", {
   enumerable: true,
   get: function () {
     return _FileDownloadOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadOffSharp', {
+Object.defineProperty(exports, "FileDownloadOffSharp", {
   enumerable: true,
   get: function () {
     return _FileDownloadOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadOffTwoTone', {
+Object.defineProperty(exports, "FileDownloadOffTwoTone", {
   enumerable: true,
   get: function () {
     return _FileDownloadOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadOutlined', {
+Object.defineProperty(exports, "FileDownloadOutlined", {
   enumerable: true,
   get: function () {
     return _FileDownloadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadRounded', {
+Object.defineProperty(exports, "FileDownloadRounded", {
   enumerable: true,
   get: function () {
     return _FileDownloadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadSharp', {
+Object.defineProperty(exports, "FileDownloadSharp", {
   enumerable: true,
   get: function () {
     return _FileDownloadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileDownloadTwoTone', {
+Object.defineProperty(exports, "FileDownloadTwoTone", {
   enumerable: true,
   get: function () {
     return _FileDownloadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileOpen', {
+Object.defineProperty(exports, "FileOpen", {
   enumerable: true,
   get: function () {
     return _FileOpen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileOpenOutlined', {
+Object.defineProperty(exports, "FileOpenOutlined", {
   enumerable: true,
   get: function () {
     return _FileOpenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileOpenRounded', {
+Object.defineProperty(exports, "FileOpenRounded", {
   enumerable: true,
   get: function () {
     return _FileOpenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileOpenSharp', {
+Object.defineProperty(exports, "FileOpenSharp", {
   enumerable: true,
   get: function () {
     return _FileOpenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileOpenTwoTone', {
+Object.defineProperty(exports, "FileOpenTwoTone", {
   enumerable: true,
   get: function () {
     return _FileOpenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilePresent', {
+Object.defineProperty(exports, "FilePresent", {
   enumerable: true,
   get: function () {
     return _FilePresent.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilePresentOutlined', {
+Object.defineProperty(exports, "FilePresentOutlined", {
   enumerable: true,
   get: function () {
     return _FilePresentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilePresentRounded', {
+Object.defineProperty(exports, "FilePresentRounded", {
   enumerable: true,
   get: function () {
     return _FilePresentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilePresentSharp', {
+Object.defineProperty(exports, "FilePresentSharp", {
   enumerable: true,
   get: function () {
     return _FilePresentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilePresentTwoTone', {
+Object.defineProperty(exports, "FilePresentTwoTone", {
   enumerable: true,
   get: function () {
     return _FilePresentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileUpload', {
+Object.defineProperty(exports, "FileUpload", {
   enumerable: true,
   get: function () {
     return _FileUpload.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileUploadOutlined', {
+Object.defineProperty(exports, "FileUploadOutlined", {
   enumerable: true,
   get: function () {
     return _FileUploadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileUploadRounded', {
+Object.defineProperty(exports, "FileUploadRounded", {
   enumerable: true,
   get: function () {
     return _FileUploadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileUploadSharp', {
+Object.defineProperty(exports, "FileUploadSharp", {
   enumerable: true,
   get: function () {
     return _FileUploadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FileUploadTwoTone', {
+Object.defineProperty(exports, "FileUploadTwoTone", {
   enumerable: true,
   get: function () {
     return _FileUploadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter', {
+Object.defineProperty(exports, "Filter", {
   enumerable: true,
   get: function () {
     return _Filter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter1', {
+Object.defineProperty(exports, "Filter1", {
   enumerable: true,
   get: function () {
     return _Filter2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter1Outlined', {
+Object.defineProperty(exports, "Filter1Outlined", {
   enumerable: true,
   get: function () {
     return _Filter1Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter1Rounded', {
+Object.defineProperty(exports, "Filter1Rounded", {
   enumerable: true,
   get: function () {
     return _Filter1Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter1Sharp', {
+Object.defineProperty(exports, "Filter1Sharp", {
   enumerable: true,
   get: function () {
     return _Filter1Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter1TwoTone', {
+Object.defineProperty(exports, "Filter1TwoTone", {
   enumerable: true,
   get: function () {
     return _Filter1TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter2', {
+Object.defineProperty(exports, "Filter2", {
   enumerable: true,
   get: function () {
     return _Filter3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter2Outlined', {
+Object.defineProperty(exports, "Filter2Outlined", {
   enumerable: true,
   get: function () {
     return _Filter2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter2Rounded', {
+Object.defineProperty(exports, "Filter2Rounded", {
   enumerable: true,
   get: function () {
     return _Filter2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter2Sharp', {
+Object.defineProperty(exports, "Filter2Sharp", {
   enumerable: true,
   get: function () {
     return _Filter2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter2TwoTone', {
+Object.defineProperty(exports, "Filter2TwoTone", {
   enumerable: true,
   get: function () {
     return _Filter2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter3', {
+Object.defineProperty(exports, "Filter3", {
   enumerable: true,
   get: function () {
     return _Filter4.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter3Outlined', {
+Object.defineProperty(exports, "Filter3Outlined", {
   enumerable: true,
   get: function () {
     return _Filter3Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter3Rounded', {
+Object.defineProperty(exports, "Filter3Rounded", {
   enumerable: true,
   get: function () {
     return _Filter3Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter3Sharp', {
+Object.defineProperty(exports, "Filter3Sharp", {
   enumerable: true,
   get: function () {
     return _Filter3Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter3TwoTone', {
+Object.defineProperty(exports, "Filter3TwoTone", {
   enumerable: true,
   get: function () {
     return _Filter3TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter4', {
+Object.defineProperty(exports, "Filter4", {
   enumerable: true,
   get: function () {
     return _Filter5.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter4Outlined', {
+Object.defineProperty(exports, "Filter4Outlined", {
   enumerable: true,
   get: function () {
     return _Filter4Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter4Rounded', {
+Object.defineProperty(exports, "Filter4Rounded", {
   enumerable: true,
   get: function () {
     return _Filter4Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter4Sharp', {
+Object.defineProperty(exports, "Filter4Sharp", {
   enumerable: true,
   get: function () {
     return _Filter4Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter4TwoTone', {
+Object.defineProperty(exports, "Filter4TwoTone", {
   enumerable: true,
   get: function () {
     return _Filter4TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter5', {
+Object.defineProperty(exports, "Filter5", {
   enumerable: true,
   get: function () {
     return _Filter6.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter5Outlined', {
+Object.defineProperty(exports, "Filter5Outlined", {
   enumerable: true,
   get: function () {
     return _Filter5Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter5Rounded', {
+Object.defineProperty(exports, "Filter5Rounded", {
   enumerable: true,
   get: function () {
     return _Filter5Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter5Sharp', {
+Object.defineProperty(exports, "Filter5Sharp", {
   enumerable: true,
   get: function () {
     return _Filter5Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter5TwoTone', {
+Object.defineProperty(exports, "Filter5TwoTone", {
   enumerable: true,
   get: function () {
     return _Filter5TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter6', {
+Object.defineProperty(exports, "Filter6", {
   enumerable: true,
   get: function () {
     return _Filter7.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter6Outlined', {
+Object.defineProperty(exports, "Filter6Outlined", {
   enumerable: true,
   get: function () {
     return _Filter6Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter6Rounded', {
+Object.defineProperty(exports, "Filter6Rounded", {
   enumerable: true,
   get: function () {
     return _Filter6Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter6Sharp', {
+Object.defineProperty(exports, "Filter6Sharp", {
   enumerable: true,
   get: function () {
     return _Filter6Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter6TwoTone', {
+Object.defineProperty(exports, "Filter6TwoTone", {
   enumerable: true,
   get: function () {
     return _Filter6TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter7', {
+Object.defineProperty(exports, "Filter7", {
   enumerable: true,
   get: function () {
     return _Filter8.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter7Outlined', {
+Object.defineProperty(exports, "Filter7Outlined", {
   enumerable: true,
   get: function () {
     return _Filter7Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter7Rounded', {
+Object.defineProperty(exports, "Filter7Rounded", {
   enumerable: true,
   get: function () {
     return _Filter7Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter7Sharp', {
+Object.defineProperty(exports, "Filter7Sharp", {
   enumerable: true,
   get: function () {
     return _Filter7Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter7TwoTone', {
+Object.defineProperty(exports, "Filter7TwoTone", {
   enumerable: true,
   get: function () {
     return _Filter7TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter8', {
+Object.defineProperty(exports, "Filter8", {
   enumerable: true,
   get: function () {
     return _Filter9.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter8Outlined', {
+Object.defineProperty(exports, "Filter8Outlined", {
   enumerable: true,
   get: function () {
     return _Filter8Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter8Rounded', {
+Object.defineProperty(exports, "Filter8Rounded", {
   enumerable: true,
   get: function () {
     return _Filter8Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter8Sharp', {
+Object.defineProperty(exports, "Filter8Sharp", {
   enumerable: true,
   get: function () {
     return _Filter8Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter8TwoTone', {
+Object.defineProperty(exports, "Filter8TwoTone", {
   enumerable: true,
   get: function () {
     return _Filter8TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter9', {
+Object.defineProperty(exports, "Filter9", {
   enumerable: true,
   get: function () {
     return _Filter10.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter9Outlined', {
+Object.defineProperty(exports, "Filter9Outlined", {
   enumerable: true,
   get: function () {
     return _Filter9Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter9Plus', {
+Object.defineProperty(exports, "Filter9Plus", {
   enumerable: true,
   get: function () {
     return _Filter9Plus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter9PlusOutlined', {
+Object.defineProperty(exports, "Filter9PlusOutlined", {
   enumerable: true,
   get: function () {
     return _Filter9PlusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter9PlusRounded', {
+Object.defineProperty(exports, "Filter9PlusRounded", {
   enumerable: true,
   get: function () {
     return _Filter9PlusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter9PlusSharp', {
+Object.defineProperty(exports, "Filter9PlusSharp", {
   enumerable: true,
   get: function () {
     return _Filter9PlusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter9PlusTwoTone', {
+Object.defineProperty(exports, "Filter9PlusTwoTone", {
   enumerable: true,
   get: function () {
     return _Filter9PlusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter9Rounded', {
+Object.defineProperty(exports, "Filter9Rounded", {
   enumerable: true,
   get: function () {
     return _Filter9Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter9Sharp', {
+Object.defineProperty(exports, "Filter9Sharp", {
   enumerable: true,
   get: function () {
     return _Filter9Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Filter9TwoTone', {
+Object.defineProperty(exports, "Filter9TwoTone", {
   enumerable: true,
   get: function () {
     return _Filter9TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterAlt', {
+Object.defineProperty(exports, "FilterAlt", {
   enumerable: true,
   get: function () {
     return _FilterAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterAltOff', {
+Object.defineProperty(exports, "FilterAltOff", {
   enumerable: true,
   get: function () {
     return _FilterAltOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterAltOffOutlined', {
+Object.defineProperty(exports, "FilterAltOffOutlined", {
   enumerable: true,
   get: function () {
     return _FilterAltOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterAltOffRounded', {
+Object.defineProperty(exports, "FilterAltOffRounded", {
   enumerable: true,
   get: function () {
     return _FilterAltOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterAltOffSharp', {
+Object.defineProperty(exports, "FilterAltOffSharp", {
   enumerable: true,
   get: function () {
     return _FilterAltOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterAltOffTwoTone', {
+Object.defineProperty(exports, "FilterAltOffTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterAltOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterAltOutlined', {
+Object.defineProperty(exports, "FilterAltOutlined", {
   enumerable: true,
   get: function () {
     return _FilterAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterAltRounded', {
+Object.defineProperty(exports, "FilterAltRounded", {
   enumerable: true,
   get: function () {
     return _FilterAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterAltSharp', {
+Object.defineProperty(exports, "FilterAltSharp", {
   enumerable: true,
   get: function () {
     return _FilterAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterAltTwoTone', {
+Object.defineProperty(exports, "FilterAltTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterBAndW', {
+Object.defineProperty(exports, "FilterBAndW", {
   enumerable: true,
   get: function () {
     return _FilterBAndW.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterBAndWOutlined', {
+Object.defineProperty(exports, "FilterBAndWOutlined", {
   enumerable: true,
   get: function () {
     return _FilterBAndWOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterBAndWRounded', {
+Object.defineProperty(exports, "FilterBAndWRounded", {
   enumerable: true,
   get: function () {
     return _FilterBAndWRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterBAndWSharp', {
+Object.defineProperty(exports, "FilterBAndWSharp", {
   enumerable: true,
   get: function () {
     return _FilterBAndWSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterBAndWTwoTone', {
+Object.defineProperty(exports, "FilterBAndWTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterBAndWTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterCenterFocus', {
+Object.defineProperty(exports, "FilterCenterFocus", {
   enumerable: true,
   get: function () {
     return _FilterCenterFocus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterCenterFocusOutlined', {
+Object.defineProperty(exports, "FilterCenterFocusOutlined", {
   enumerable: true,
   get: function () {
     return _FilterCenterFocusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterCenterFocusRounded', {
+Object.defineProperty(exports, "FilterCenterFocusRounded", {
   enumerable: true,
   get: function () {
     return _FilterCenterFocusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterCenterFocusSharp', {
+Object.defineProperty(exports, "FilterCenterFocusSharp", {
   enumerable: true,
   get: function () {
     return _FilterCenterFocusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterCenterFocusTwoTone', {
+Object.defineProperty(exports, "FilterCenterFocusTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterCenterFocusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterDrama', {
+Object.defineProperty(exports, "FilterDrama", {
   enumerable: true,
   get: function () {
     return _FilterDrama.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterDramaOutlined', {
+Object.defineProperty(exports, "FilterDramaOutlined", {
   enumerable: true,
   get: function () {
     return _FilterDramaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterDramaRounded', {
+Object.defineProperty(exports, "FilterDramaRounded", {
   enumerable: true,
   get: function () {
     return _FilterDramaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterDramaSharp', {
+Object.defineProperty(exports, "FilterDramaSharp", {
   enumerable: true,
   get: function () {
     return _FilterDramaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterDramaTwoTone', {
+Object.defineProperty(exports, "FilterDramaTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterDramaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterFrames', {
+Object.defineProperty(exports, "FilterFrames", {
   enumerable: true,
   get: function () {
     return _FilterFrames.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterFramesOutlined', {
+Object.defineProperty(exports, "FilterFramesOutlined", {
   enumerable: true,
   get: function () {
     return _FilterFramesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterFramesRounded', {
+Object.defineProperty(exports, "FilterFramesRounded", {
   enumerable: true,
   get: function () {
     return _FilterFramesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterFramesSharp', {
+Object.defineProperty(exports, "FilterFramesSharp", {
   enumerable: true,
   get: function () {
     return _FilterFramesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterFramesTwoTone', {
+Object.defineProperty(exports, "FilterFramesTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterFramesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterHdr', {
+Object.defineProperty(exports, "FilterHdr", {
   enumerable: true,
   get: function () {
     return _FilterHdr.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterHdrOutlined', {
+Object.defineProperty(exports, "FilterHdrOutlined", {
   enumerable: true,
   get: function () {
     return _FilterHdrOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterHdrRounded', {
+Object.defineProperty(exports, "FilterHdrRounded", {
   enumerable: true,
   get: function () {
     return _FilterHdrRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterHdrSharp', {
+Object.defineProperty(exports, "FilterHdrSharp", {
   enumerable: true,
   get: function () {
     return _FilterHdrSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterHdrTwoTone', {
+Object.defineProperty(exports, "FilterHdrTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterHdrTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterList', {
+Object.defineProperty(exports, "FilterList", {
   enumerable: true,
   get: function () {
     return _FilterList.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterListOff', {
+Object.defineProperty(exports, "FilterListOff", {
   enumerable: true,
   get: function () {
     return _FilterListOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterListOffOutlined', {
+Object.defineProperty(exports, "FilterListOffOutlined", {
   enumerable: true,
   get: function () {
     return _FilterListOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterListOffRounded', {
+Object.defineProperty(exports, "FilterListOffRounded", {
   enumerable: true,
   get: function () {
     return _FilterListOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterListOffSharp', {
+Object.defineProperty(exports, "FilterListOffSharp", {
   enumerable: true,
   get: function () {
     return _FilterListOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterListOffTwoTone', {
+Object.defineProperty(exports, "FilterListOffTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterListOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterListOutlined', {
+Object.defineProperty(exports, "FilterListOutlined", {
   enumerable: true,
   get: function () {
     return _FilterListOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterListRounded', {
+Object.defineProperty(exports, "FilterListRounded", {
   enumerable: true,
   get: function () {
     return _FilterListRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterListSharp', {
+Object.defineProperty(exports, "FilterListSharp", {
   enumerable: true,
   get: function () {
     return _FilterListSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterListTwoTone', {
+Object.defineProperty(exports, "FilterListTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterListTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterNone', {
+Object.defineProperty(exports, "FilterNone", {
   enumerable: true,
   get: function () {
     return _FilterNone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterNoneOutlined', {
+Object.defineProperty(exports, "FilterNoneOutlined", {
   enumerable: true,
   get: function () {
     return _FilterNoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterNoneRounded', {
+Object.defineProperty(exports, "FilterNoneRounded", {
   enumerable: true,
   get: function () {
     return _FilterNoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterNoneSharp', {
+Object.defineProperty(exports, "FilterNoneSharp", {
   enumerable: true,
   get: function () {
     return _FilterNoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterNoneTwoTone', {
+Object.defineProperty(exports, "FilterNoneTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterNoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterOutlined', {
+Object.defineProperty(exports, "FilterOutlined", {
   enumerable: true,
   get: function () {
     return _FilterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterRounded', {
+Object.defineProperty(exports, "FilterRounded", {
   enumerable: true,
   get: function () {
     return _FilterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterSharp', {
+Object.defineProperty(exports, "FilterSharp", {
   enumerable: true,
   get: function () {
     return _FilterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterTiltShift', {
+Object.defineProperty(exports, "FilterTiltShift", {
   enumerable: true,
   get: function () {
     return _FilterTiltShift.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterTiltShiftOutlined', {
+Object.defineProperty(exports, "FilterTiltShiftOutlined", {
   enumerable: true,
   get: function () {
     return _FilterTiltShiftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterTiltShiftRounded', {
+Object.defineProperty(exports, "FilterTiltShiftRounded", {
   enumerable: true,
   get: function () {
     return _FilterTiltShiftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterTiltShiftSharp', {
+Object.defineProperty(exports, "FilterTiltShiftSharp", {
   enumerable: true,
   get: function () {
     return _FilterTiltShiftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterTiltShiftTwoTone', {
+Object.defineProperty(exports, "FilterTiltShiftTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterTiltShiftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterTwoTone', {
+Object.defineProperty(exports, "FilterTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterVintage', {
+Object.defineProperty(exports, "FilterVintage", {
   enumerable: true,
   get: function () {
     return _FilterVintage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterVintageOutlined', {
+Object.defineProperty(exports, "FilterVintageOutlined", {
   enumerable: true,
   get: function () {
     return _FilterVintageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterVintageRounded', {
+Object.defineProperty(exports, "FilterVintageRounded", {
   enumerable: true,
   get: function () {
     return _FilterVintageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterVintageSharp', {
+Object.defineProperty(exports, "FilterVintageSharp", {
   enumerable: true,
   get: function () {
     return _FilterVintageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FilterVintageTwoTone', {
+Object.defineProperty(exports, "FilterVintageTwoTone", {
   enumerable: true,
   get: function () {
     return _FilterVintageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FindInPage', {
+Object.defineProperty(exports, "FindInPage", {
   enumerable: true,
   get: function () {
     return _FindInPage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FindInPageOutlined', {
+Object.defineProperty(exports, "FindInPageOutlined", {
   enumerable: true,
   get: function () {
     return _FindInPageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FindInPageRounded', {
+Object.defineProperty(exports, "FindInPageRounded", {
   enumerable: true,
   get: function () {
     return _FindInPageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FindInPageSharp', {
+Object.defineProperty(exports, "FindInPageSharp", {
   enumerable: true,
   get: function () {
     return _FindInPageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FindInPageTwoTone', {
+Object.defineProperty(exports, "FindInPageTwoTone", {
   enumerable: true,
   get: function () {
     return _FindInPageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FindReplace', {
+Object.defineProperty(exports, "FindReplace", {
   enumerable: true,
   get: function () {
     return _FindReplace.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FindReplaceOutlined', {
+Object.defineProperty(exports, "FindReplaceOutlined", {
   enumerable: true,
   get: function () {
     return _FindReplaceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FindReplaceRounded', {
+Object.defineProperty(exports, "FindReplaceRounded", {
   enumerable: true,
   get: function () {
     return _FindReplaceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FindReplaceSharp', {
+Object.defineProperty(exports, "FindReplaceSharp", {
   enumerable: true,
   get: function () {
     return _FindReplaceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FindReplaceTwoTone', {
+Object.defineProperty(exports, "FindReplaceTwoTone", {
   enumerable: true,
   get: function () {
     return _FindReplaceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Fingerprint', {
+Object.defineProperty(exports, "Fingerprint", {
   enumerable: true,
   get: function () {
     return _Fingerprint.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FingerprintOutlined', {
+Object.defineProperty(exports, "FingerprintOutlined", {
   enumerable: true,
   get: function () {
     return _FingerprintOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FingerprintRounded', {
+Object.defineProperty(exports, "FingerprintRounded", {
   enumerable: true,
   get: function () {
     return _FingerprintRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FingerprintSharp', {
+Object.defineProperty(exports, "FingerprintSharp", {
   enumerable: true,
   get: function () {
     return _FingerprintSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FingerprintTwoTone', {
+Object.defineProperty(exports, "FingerprintTwoTone", {
   enumerable: true,
   get: function () {
     return _FingerprintTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireExtinguisher', {
+Object.defineProperty(exports, "FireExtinguisher", {
   enumerable: true,
   get: function () {
     return _FireExtinguisher.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireExtinguisherOutlined', {
+Object.defineProperty(exports, "FireExtinguisherOutlined", {
   enumerable: true,
   get: function () {
     return _FireExtinguisherOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireExtinguisherRounded', {
+Object.defineProperty(exports, "FireExtinguisherRounded", {
   enumerable: true,
   get: function () {
     return _FireExtinguisherRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireExtinguisherSharp', {
+Object.defineProperty(exports, "FireExtinguisherSharp", {
   enumerable: true,
   get: function () {
     return _FireExtinguisherSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireExtinguisherTwoTone', {
+Object.defineProperty(exports, "FireExtinguisherTwoTone", {
   enumerable: true,
   get: function () {
     return _FireExtinguisherTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireHydrantAlt', {
+Object.defineProperty(exports, "FireHydrantAlt", {
   enumerable: true,
   get: function () {
     return _FireHydrantAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireHydrantAltOutlined', {
+Object.defineProperty(exports, "FireHydrantAltOutlined", {
   enumerable: true,
   get: function () {
     return _FireHydrantAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireHydrantAltRounded', {
+Object.defineProperty(exports, "FireHydrantAltRounded", {
   enumerable: true,
   get: function () {
     return _FireHydrantAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireHydrantAltSharp', {
+Object.defineProperty(exports, "FireHydrantAltSharp", {
   enumerable: true,
   get: function () {
     return _FireHydrantAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireHydrantAltTwoTone', {
+Object.defineProperty(exports, "FireHydrantAltTwoTone", {
   enumerable: true,
   get: function () {
     return _FireHydrantAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireTruck', {
+Object.defineProperty(exports, "FireTruck", {
   enumerable: true,
   get: function () {
     return _FireTruck.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireTruckOutlined', {
+Object.defineProperty(exports, "FireTruckOutlined", {
   enumerable: true,
   get: function () {
     return _FireTruckOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireTruckRounded', {
+Object.defineProperty(exports, "FireTruckRounded", {
   enumerable: true,
   get: function () {
     return _FireTruckRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireTruckSharp', {
+Object.defineProperty(exports, "FireTruckSharp", {
   enumerable: true,
   get: function () {
     return _FireTruckSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireTruckTwoTone', {
+Object.defineProperty(exports, "FireTruckTwoTone", {
   enumerable: true,
   get: function () {
     return _FireTruckTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Fireplace', {
+Object.defineProperty(exports, "Fireplace", {
   enumerable: true,
   get: function () {
     return _Fireplace.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireplaceOutlined', {
+Object.defineProperty(exports, "FireplaceOutlined", {
   enumerable: true,
   get: function () {
     return _FireplaceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireplaceRounded', {
+Object.defineProperty(exports, "FireplaceRounded", {
   enumerable: true,
   get: function () {
     return _FireplaceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireplaceSharp', {
+Object.defineProperty(exports, "FireplaceSharp", {
   enumerable: true,
   get: function () {
     return _FireplaceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FireplaceTwoTone', {
+Object.defineProperty(exports, "FireplaceTwoTone", {
   enumerable: true,
   get: function () {
     return _FireplaceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FirstPage', {
+Object.defineProperty(exports, "FirstPage", {
   enumerable: true,
   get: function () {
     return _FirstPage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FirstPageOutlined', {
+Object.defineProperty(exports, "FirstPageOutlined", {
   enumerable: true,
   get: function () {
     return _FirstPageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FirstPageRounded', {
+Object.defineProperty(exports, "FirstPageRounded", {
   enumerable: true,
   get: function () {
     return _FirstPageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FirstPageSharp', {
+Object.defineProperty(exports, "FirstPageSharp", {
   enumerable: true,
   get: function () {
     return _FirstPageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FirstPageTwoTone', {
+Object.defineProperty(exports, "FirstPageTwoTone", {
   enumerable: true,
   get: function () {
     return _FirstPageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitScreen', {
+Object.defineProperty(exports, "FitScreen", {
   enumerable: true,
   get: function () {
     return _FitScreen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitScreenOutlined', {
+Object.defineProperty(exports, "FitScreenOutlined", {
   enumerable: true,
   get: function () {
     return _FitScreenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitScreenRounded', {
+Object.defineProperty(exports, "FitScreenRounded", {
   enumerable: true,
   get: function () {
     return _FitScreenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitScreenSharp', {
+Object.defineProperty(exports, "FitScreenSharp", {
   enumerable: true,
   get: function () {
     return _FitScreenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitScreenTwoTone', {
+Object.defineProperty(exports, "FitScreenTwoTone", {
   enumerable: true,
   get: function () {
     return _FitScreenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Fitbit', {
+Object.defineProperty(exports, "Fitbit", {
   enumerable: true,
   get: function () {
     return _Fitbit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitbitOutlined', {
+Object.defineProperty(exports, "FitbitOutlined", {
   enumerable: true,
   get: function () {
     return _FitbitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitbitRounded', {
+Object.defineProperty(exports, "FitbitRounded", {
   enumerable: true,
   get: function () {
     return _FitbitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitbitSharp', {
+Object.defineProperty(exports, "FitbitSharp", {
   enumerable: true,
   get: function () {
     return _FitbitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitbitTwoTone', {
+Object.defineProperty(exports, "FitbitTwoTone", {
   enumerable: true,
   get: function () {
     return _FitbitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitnessCenter', {
+Object.defineProperty(exports, "FitnessCenter", {
   enumerable: true,
   get: function () {
     return _FitnessCenter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitnessCenterOutlined', {
+Object.defineProperty(exports, "FitnessCenterOutlined", {
   enumerable: true,
   get: function () {
     return _FitnessCenterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitnessCenterRounded', {
+Object.defineProperty(exports, "FitnessCenterRounded", {
   enumerable: true,
   get: function () {
     return _FitnessCenterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitnessCenterSharp', {
+Object.defineProperty(exports, "FitnessCenterSharp", {
   enumerable: true,
   get: function () {
     return _FitnessCenterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FitnessCenterTwoTone', {
+Object.defineProperty(exports, "FitnessCenterTwoTone", {
   enumerable: true,
   get: function () {
     return _FitnessCenterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveG', {
+Object.defineProperty(exports, "FiveG", {
   enumerable: true,
   get: function () {
     return _FiveG.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveGOutlined', {
+Object.defineProperty(exports, "FiveGOutlined", {
   enumerable: true,
   get: function () {
     return _FiveGOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveGRounded', {
+Object.defineProperty(exports, "FiveGRounded", {
   enumerable: true,
   get: function () {
     return _FiveGRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveGSharp', {
+Object.defineProperty(exports, "FiveGSharp", {
   enumerable: true,
   get: function () {
     return _FiveGSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveGTwoTone', {
+Object.defineProperty(exports, "FiveGTwoTone", {
   enumerable: true,
   get: function () {
     return _FiveGTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveK', {
+Object.defineProperty(exports, "FiveK", {
   enumerable: true,
   get: function () {
     return _FiveK.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveKOutlined', {
+Object.defineProperty(exports, "FiveKOutlined", {
   enumerable: true,
   get: function () {
     return _FiveKOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveKPlus', {
+Object.defineProperty(exports, "FiveKPlus", {
   enumerable: true,
   get: function () {
     return _FiveKPlus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveKPlusOutlined', {
+Object.defineProperty(exports, "FiveKPlusOutlined", {
   enumerable: true,
   get: function () {
     return _FiveKPlusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveKPlusRounded', {
+Object.defineProperty(exports, "FiveKPlusRounded", {
   enumerable: true,
   get: function () {
     return _FiveKPlusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveKPlusSharp', {
+Object.defineProperty(exports, "FiveKPlusSharp", {
   enumerable: true,
   get: function () {
     return _FiveKPlusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveKPlusTwoTone', {
+Object.defineProperty(exports, "FiveKPlusTwoTone", {
   enumerable: true,
   get: function () {
     return _FiveKPlusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveKRounded', {
+Object.defineProperty(exports, "FiveKRounded", {
   enumerable: true,
   get: function () {
     return _FiveKRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveKSharp', {
+Object.defineProperty(exports, "FiveKSharp", {
   enumerable: true,
   get: function () {
     return _FiveKSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveKTwoTone', {
+Object.defineProperty(exports, "FiveKTwoTone", {
   enumerable: true,
   get: function () {
     return _FiveKTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveMp', {
+Object.defineProperty(exports, "FiveMp", {
   enumerable: true,
   get: function () {
     return _FiveMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveMpOutlined', {
+Object.defineProperty(exports, "FiveMpOutlined", {
   enumerable: true,
   get: function () {
     return _FiveMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveMpRounded', {
+Object.defineProperty(exports, "FiveMpRounded", {
   enumerable: true,
   get: function () {
     return _FiveMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveMpSharp', {
+Object.defineProperty(exports, "FiveMpSharp", {
   enumerable: true,
   get: function () {
     return _FiveMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FiveMpTwoTone', {
+Object.defineProperty(exports, "FiveMpTwoTone", {
   enumerable: true,
   get: function () {
     return _FiveMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FivteenMp', {
+Object.defineProperty(exports, "FivteenMp", {
   enumerable: true,
   get: function () {
     return _FivteenMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FivteenMpOutlined', {
+Object.defineProperty(exports, "FivteenMpOutlined", {
   enumerable: true,
   get: function () {
     return _FivteenMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FivteenMpRounded', {
+Object.defineProperty(exports, "FivteenMpRounded", {
   enumerable: true,
   get: function () {
     return _FivteenMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FivteenMpSharp', {
+Object.defineProperty(exports, "FivteenMpSharp", {
   enumerable: true,
   get: function () {
     return _FivteenMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FivteenMpTwoTone', {
+Object.defineProperty(exports, "FivteenMpTwoTone", {
   enumerable: true,
   get: function () {
     return _FivteenMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Flag', {
+Object.defineProperty(exports, "Flag", {
   enumerable: true,
   get: function () {
     return _Flag.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlagCircle', {
+Object.defineProperty(exports, "FlagCircle", {
   enumerable: true,
   get: function () {
     return _FlagCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlagCircleOutlined', {
+Object.defineProperty(exports, "FlagCircleOutlined", {
   enumerable: true,
   get: function () {
     return _FlagCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlagCircleRounded', {
+Object.defineProperty(exports, "FlagCircleRounded", {
   enumerable: true,
   get: function () {
     return _FlagCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlagCircleSharp', {
+Object.defineProperty(exports, "FlagCircleSharp", {
   enumerable: true,
   get: function () {
     return _FlagCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlagCircleTwoTone', {
+Object.defineProperty(exports, "FlagCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _FlagCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlagOutlined', {
+Object.defineProperty(exports, "FlagOutlined", {
   enumerable: true,
   get: function () {
     return _FlagOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlagRounded', {
+Object.defineProperty(exports, "FlagRounded", {
   enumerable: true,
   get: function () {
     return _FlagRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlagSharp', {
+Object.defineProperty(exports, "FlagSharp", {
   enumerable: true,
   get: function () {
     return _FlagSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlagTwoTone', {
+Object.defineProperty(exports, "FlagTwoTone", {
   enumerable: true,
   get: function () {
     return _FlagTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Flaky', {
+Object.defineProperty(exports, "Flaky", {
   enumerable: true,
   get: function () {
     return _Flaky.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlakyOutlined', {
+Object.defineProperty(exports, "FlakyOutlined", {
   enumerable: true,
   get: function () {
     return _FlakyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlakyRounded', {
+Object.defineProperty(exports, "FlakyRounded", {
   enumerable: true,
   get: function () {
     return _FlakyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlakySharp', {
+Object.defineProperty(exports, "FlakySharp", {
   enumerable: true,
   get: function () {
     return _FlakySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlakyTwoTone', {
+Object.defineProperty(exports, "FlakyTwoTone", {
   enumerable: true,
   get: function () {
     return _FlakyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Flare', {
+Object.defineProperty(exports, "Flare", {
   enumerable: true,
   get: function () {
     return _Flare.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlareOutlined', {
+Object.defineProperty(exports, "FlareOutlined", {
   enumerable: true,
   get: function () {
     return _FlareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlareRounded', {
+Object.defineProperty(exports, "FlareRounded", {
   enumerable: true,
   get: function () {
     return _FlareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlareSharp', {
+Object.defineProperty(exports, "FlareSharp", {
   enumerable: true,
   get: function () {
     return _FlareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlareTwoTone', {
+Object.defineProperty(exports, "FlareTwoTone", {
   enumerable: true,
   get: function () {
     return _FlareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashAuto', {
+Object.defineProperty(exports, "FlashAuto", {
   enumerable: true,
   get: function () {
     return _FlashAuto.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashAutoOutlined', {
+Object.defineProperty(exports, "FlashAutoOutlined", {
   enumerable: true,
   get: function () {
     return _FlashAutoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashAutoRounded', {
+Object.defineProperty(exports, "FlashAutoRounded", {
   enumerable: true,
   get: function () {
     return _FlashAutoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashAutoSharp', {
+Object.defineProperty(exports, "FlashAutoSharp", {
   enumerable: true,
   get: function () {
     return _FlashAutoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashAutoTwoTone', {
+Object.defineProperty(exports, "FlashAutoTwoTone", {
   enumerable: true,
   get: function () {
     return _FlashAutoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashOff', {
+Object.defineProperty(exports, "FlashOff", {
   enumerable: true,
   get: function () {
     return _FlashOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashOffOutlined', {
+Object.defineProperty(exports, "FlashOffOutlined", {
   enumerable: true,
   get: function () {
     return _FlashOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashOffRounded', {
+Object.defineProperty(exports, "FlashOffRounded", {
   enumerable: true,
   get: function () {
     return _FlashOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashOffSharp', {
+Object.defineProperty(exports, "FlashOffSharp", {
   enumerable: true,
   get: function () {
     return _FlashOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashOffTwoTone', {
+Object.defineProperty(exports, "FlashOffTwoTone", {
   enumerable: true,
   get: function () {
     return _FlashOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashOn', {
+Object.defineProperty(exports, "FlashOn", {
   enumerable: true,
   get: function () {
     return _FlashOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashOnOutlined', {
+Object.defineProperty(exports, "FlashOnOutlined", {
   enumerable: true,
   get: function () {
     return _FlashOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashOnRounded', {
+Object.defineProperty(exports, "FlashOnRounded", {
   enumerable: true,
   get: function () {
     return _FlashOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashOnSharp', {
+Object.defineProperty(exports, "FlashOnSharp", {
   enumerable: true,
   get: function () {
     return _FlashOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashOnTwoTone', {
+Object.defineProperty(exports, "FlashOnTwoTone", {
   enumerable: true,
   get: function () {
     return _FlashOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashlightOff', {
+Object.defineProperty(exports, "FlashlightOff", {
   enumerable: true,
   get: function () {
     return _FlashlightOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashlightOffOutlined', {
+Object.defineProperty(exports, "FlashlightOffOutlined", {
   enumerable: true,
   get: function () {
     return _FlashlightOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashlightOffRounded', {
+Object.defineProperty(exports, "FlashlightOffRounded", {
   enumerable: true,
   get: function () {
     return _FlashlightOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashlightOffSharp', {
+Object.defineProperty(exports, "FlashlightOffSharp", {
   enumerable: true,
   get: function () {
     return _FlashlightOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashlightOffTwoTone', {
+Object.defineProperty(exports, "FlashlightOffTwoTone", {
   enumerable: true,
   get: function () {
     return _FlashlightOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashlightOn', {
+Object.defineProperty(exports, "FlashlightOn", {
   enumerable: true,
   get: function () {
     return _FlashlightOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashlightOnOutlined', {
+Object.defineProperty(exports, "FlashlightOnOutlined", {
   enumerable: true,
   get: function () {
     return _FlashlightOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashlightOnRounded', {
+Object.defineProperty(exports, "FlashlightOnRounded", {
   enumerable: true,
   get: function () {
     return _FlashlightOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashlightOnSharp', {
+Object.defineProperty(exports, "FlashlightOnSharp", {
   enumerable: true,
   get: function () {
     return _FlashlightOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlashlightOnTwoTone', {
+Object.defineProperty(exports, "FlashlightOnTwoTone", {
   enumerable: true,
   get: function () {
     return _FlashlightOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Flatware', {
+Object.defineProperty(exports, "Flatware", {
   enumerable: true,
   get: function () {
     return _Flatware.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlatwareOutlined', {
+Object.defineProperty(exports, "FlatwareOutlined", {
   enumerable: true,
   get: function () {
     return _FlatwareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlatwareRounded', {
+Object.defineProperty(exports, "FlatwareRounded", {
   enumerable: true,
   get: function () {
     return _FlatwareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlatwareSharp', {
+Object.defineProperty(exports, "FlatwareSharp", {
   enumerable: true,
   get: function () {
     return _FlatwareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlatwareTwoTone', {
+Object.defineProperty(exports, "FlatwareTwoTone", {
   enumerable: true,
   get: function () {
     return _FlatwareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Flight', {
+Object.defineProperty(exports, "Flight", {
   enumerable: true,
   get: function () {
     return _Flight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightClass', {
+Object.defineProperty(exports, "FlightClass", {
   enumerable: true,
   get: function () {
     return _FlightClass.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightClassOutlined', {
+Object.defineProperty(exports, "FlightClassOutlined", {
   enumerable: true,
   get: function () {
     return _FlightClassOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightClassRounded', {
+Object.defineProperty(exports, "FlightClassRounded", {
   enumerable: true,
   get: function () {
     return _FlightClassRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightClassSharp', {
+Object.defineProperty(exports, "FlightClassSharp", {
   enumerable: true,
   get: function () {
     return _FlightClassSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightClassTwoTone', {
+Object.defineProperty(exports, "FlightClassTwoTone", {
   enumerable: true,
   get: function () {
     return _FlightClassTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightLand', {
+Object.defineProperty(exports, "FlightLand", {
   enumerable: true,
   get: function () {
     return _FlightLand.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightLandOutlined', {
+Object.defineProperty(exports, "FlightLandOutlined", {
   enumerable: true,
   get: function () {
     return _FlightLandOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightLandRounded', {
+Object.defineProperty(exports, "FlightLandRounded", {
   enumerable: true,
   get: function () {
     return _FlightLandRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightLandSharp', {
+Object.defineProperty(exports, "FlightLandSharp", {
   enumerable: true,
   get: function () {
     return _FlightLandSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightLandTwoTone', {
+Object.defineProperty(exports, "FlightLandTwoTone", {
   enumerable: true,
   get: function () {
     return _FlightLandTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightOutlined', {
+Object.defineProperty(exports, "FlightOutlined", {
   enumerable: true,
   get: function () {
     return _FlightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightRounded', {
+Object.defineProperty(exports, "FlightRounded", {
   enumerable: true,
   get: function () {
     return _FlightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightSharp', {
+Object.defineProperty(exports, "FlightSharp", {
   enumerable: true,
   get: function () {
     return _FlightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightTakeoff', {
+Object.defineProperty(exports, "FlightTakeoff", {
   enumerable: true,
   get: function () {
     return _FlightTakeoff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightTakeoffOutlined', {
+Object.defineProperty(exports, "FlightTakeoffOutlined", {
   enumerable: true,
   get: function () {
     return _FlightTakeoffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightTakeoffRounded', {
+Object.defineProperty(exports, "FlightTakeoffRounded", {
   enumerable: true,
   get: function () {
     return _FlightTakeoffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightTakeoffSharp', {
+Object.defineProperty(exports, "FlightTakeoffSharp", {
   enumerable: true,
   get: function () {
     return _FlightTakeoffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightTakeoffTwoTone', {
+Object.defineProperty(exports, "FlightTakeoffTwoTone", {
   enumerable: true,
   get: function () {
     return _FlightTakeoffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlightTwoTone', {
+Object.defineProperty(exports, "FlightTwoTone", {
   enumerable: true,
   get: function () {
     return _FlightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Flip', {
+Object.defineProperty(exports, "Flip", {
   enumerable: true,
   get: function () {
     return _Flip.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipCameraAndroid', {
+Object.defineProperty(exports, "FlipCameraAndroid", {
   enumerable: true,
   get: function () {
     return _FlipCameraAndroid.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipCameraAndroidOutlined', {
+Object.defineProperty(exports, "FlipCameraAndroidOutlined", {
   enumerable: true,
   get: function () {
     return _FlipCameraAndroidOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipCameraAndroidRounded', {
+Object.defineProperty(exports, "FlipCameraAndroidRounded", {
   enumerable: true,
   get: function () {
     return _FlipCameraAndroidRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipCameraAndroidSharp', {
+Object.defineProperty(exports, "FlipCameraAndroidSharp", {
   enumerable: true,
   get: function () {
     return _FlipCameraAndroidSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipCameraAndroidTwoTone', {
+Object.defineProperty(exports, "FlipCameraAndroidTwoTone", {
   enumerable: true,
   get: function () {
     return _FlipCameraAndroidTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipCameraIos', {
+Object.defineProperty(exports, "FlipCameraIos", {
   enumerable: true,
   get: function () {
     return _FlipCameraIos.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipCameraIosOutlined', {
+Object.defineProperty(exports, "FlipCameraIosOutlined", {
   enumerable: true,
   get: function () {
     return _FlipCameraIosOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipCameraIosRounded', {
+Object.defineProperty(exports, "FlipCameraIosRounded", {
   enumerable: true,
   get: function () {
     return _FlipCameraIosRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipCameraIosSharp', {
+Object.defineProperty(exports, "FlipCameraIosSharp", {
   enumerable: true,
   get: function () {
     return _FlipCameraIosSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipCameraIosTwoTone', {
+Object.defineProperty(exports, "FlipCameraIosTwoTone", {
   enumerable: true,
   get: function () {
     return _FlipCameraIosTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipOutlined', {
+Object.defineProperty(exports, "FlipOutlined", {
   enumerable: true,
   get: function () {
     return _FlipOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipRounded', {
+Object.defineProperty(exports, "FlipRounded", {
   enumerable: true,
   get: function () {
     return _FlipRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipSharp', {
+Object.defineProperty(exports, "FlipSharp", {
   enumerable: true,
   get: function () {
     return _FlipSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipToBack', {
+Object.defineProperty(exports, "FlipToBack", {
   enumerable: true,
   get: function () {
     return _FlipToBack.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipToBackOutlined', {
+Object.defineProperty(exports, "FlipToBackOutlined", {
   enumerable: true,
   get: function () {
     return _FlipToBackOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipToBackRounded', {
+Object.defineProperty(exports, "FlipToBackRounded", {
   enumerable: true,
   get: function () {
     return _FlipToBackRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipToBackSharp', {
+Object.defineProperty(exports, "FlipToBackSharp", {
   enumerable: true,
   get: function () {
     return _FlipToBackSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipToBackTwoTone', {
+Object.defineProperty(exports, "FlipToBackTwoTone", {
   enumerable: true,
   get: function () {
     return _FlipToBackTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipToFront', {
+Object.defineProperty(exports, "FlipToFront", {
   enumerable: true,
   get: function () {
     return _FlipToFront.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipToFrontOutlined', {
+Object.defineProperty(exports, "FlipToFrontOutlined", {
   enumerable: true,
   get: function () {
     return _FlipToFrontOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipToFrontRounded', {
+Object.defineProperty(exports, "FlipToFrontRounded", {
   enumerable: true,
   get: function () {
     return _FlipToFrontRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipToFrontSharp', {
+Object.defineProperty(exports, "FlipToFrontSharp", {
   enumerable: true,
   get: function () {
     return _FlipToFrontSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipToFrontTwoTone', {
+Object.defineProperty(exports, "FlipToFrontTwoTone", {
   enumerable: true,
   get: function () {
     return _FlipToFrontTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlipTwoTone', {
+Object.defineProperty(exports, "FlipTwoTone", {
   enumerable: true,
   get: function () {
     return _FlipTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Flood', {
+Object.defineProperty(exports, "Flood", {
   enumerable: true,
   get: function () {
     return _Flood.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FloodOutlined', {
+Object.defineProperty(exports, "FloodOutlined", {
   enumerable: true,
   get: function () {
     return _FloodOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FloodRounded', {
+Object.defineProperty(exports, "FloodRounded", {
   enumerable: true,
   get: function () {
     return _FloodRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FloodSharp', {
+Object.defineProperty(exports, "FloodSharp", {
   enumerable: true,
   get: function () {
     return _FloodSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FloodTwoTone', {
+Object.defineProperty(exports, "FloodTwoTone", {
   enumerable: true,
   get: function () {
     return _FloodTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Fluorescent', {
+Object.defineProperty(exports, "Fluorescent", {
   enumerable: true,
   get: function () {
     return _Fluorescent.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FluorescentOutlined', {
+Object.defineProperty(exports, "FluorescentOutlined", {
   enumerable: true,
   get: function () {
     return _FluorescentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FluorescentRounded', {
+Object.defineProperty(exports, "FluorescentRounded", {
   enumerable: true,
   get: function () {
     return _FluorescentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FluorescentSharp', {
+Object.defineProperty(exports, "FluorescentSharp", {
   enumerable: true,
   get: function () {
     return _FluorescentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FluorescentTwoTone', {
+Object.defineProperty(exports, "FluorescentTwoTone", {
   enumerable: true,
   get: function () {
     return _FluorescentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlutterDash', {
+Object.defineProperty(exports, "FlutterDash", {
   enumerable: true,
   get: function () {
     return _FlutterDash.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlutterDashOutlined', {
+Object.defineProperty(exports, "FlutterDashOutlined", {
   enumerable: true,
   get: function () {
     return _FlutterDashOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlutterDashRounded', {
+Object.defineProperty(exports, "FlutterDashRounded", {
   enumerable: true,
   get: function () {
     return _FlutterDashRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlutterDashSharp', {
+Object.defineProperty(exports, "FlutterDashSharp", {
   enumerable: true,
   get: function () {
     return _FlutterDashSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FlutterDashTwoTone', {
+Object.defineProperty(exports, "FlutterDashTwoTone", {
   enumerable: true,
   get: function () {
     return _FlutterDashTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FmdBad', {
+Object.defineProperty(exports, "FmdBad", {
   enumerable: true,
   get: function () {
     return _FmdBad.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FmdBadOutlined', {
+Object.defineProperty(exports, "FmdBadOutlined", {
   enumerable: true,
   get: function () {
     return _FmdBadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FmdBadRounded', {
+Object.defineProperty(exports, "FmdBadRounded", {
   enumerable: true,
   get: function () {
     return _FmdBadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FmdBadSharp', {
+Object.defineProperty(exports, "FmdBadSharp", {
   enumerable: true,
   get: function () {
     return _FmdBadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FmdBadTwoTone', {
+Object.defineProperty(exports, "FmdBadTwoTone", {
   enumerable: true,
   get: function () {
     return _FmdBadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FmdGood', {
+Object.defineProperty(exports, "FmdGood", {
   enumerable: true,
   get: function () {
     return _FmdGood.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FmdGoodOutlined', {
+Object.defineProperty(exports, "FmdGoodOutlined", {
   enumerable: true,
   get: function () {
     return _FmdGoodOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FmdGoodRounded', {
+Object.defineProperty(exports, "FmdGoodRounded", {
   enumerable: true,
   get: function () {
     return _FmdGoodRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FmdGoodSharp', {
+Object.defineProperty(exports, "FmdGoodSharp", {
   enumerable: true,
   get: function () {
     return _FmdGoodSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FmdGoodTwoTone', {
+Object.defineProperty(exports, "FmdGoodTwoTone", {
   enumerable: true,
   get: function () {
     return _FmdGoodTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Folder', {
+Object.defineProperty(exports, "Folder", {
   enumerable: true,
   get: function () {
     return _Folder.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderCopy', {
+Object.defineProperty(exports, "FolderCopy", {
   enumerable: true,
   get: function () {
     return _FolderCopy.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderCopyOutlined', {
+Object.defineProperty(exports, "FolderCopyOutlined", {
   enumerable: true,
   get: function () {
     return _FolderCopyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderCopyRounded', {
+Object.defineProperty(exports, "FolderCopyRounded", {
   enumerable: true,
   get: function () {
     return _FolderCopyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderCopySharp', {
+Object.defineProperty(exports, "FolderCopySharp", {
   enumerable: true,
   get: function () {
     return _FolderCopySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderCopyTwoTone', {
+Object.defineProperty(exports, "FolderCopyTwoTone", {
   enumerable: true,
   get: function () {
     return _FolderCopyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderDelete', {
+Object.defineProperty(exports, "FolderDelete", {
   enumerable: true,
   get: function () {
     return _FolderDelete.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderDeleteOutlined', {
+Object.defineProperty(exports, "FolderDeleteOutlined", {
   enumerable: true,
   get: function () {
     return _FolderDeleteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderDeleteRounded', {
+Object.defineProperty(exports, "FolderDeleteRounded", {
   enumerable: true,
   get: function () {
     return _FolderDeleteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderDeleteSharp', {
+Object.defineProperty(exports, "FolderDeleteSharp", {
   enumerable: true,
   get: function () {
     return _FolderDeleteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderDeleteTwoTone', {
+Object.defineProperty(exports, "FolderDeleteTwoTone", {
   enumerable: true,
   get: function () {
     return _FolderDeleteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderOff', {
+Object.defineProperty(exports, "FolderOff", {
   enumerable: true,
   get: function () {
     return _FolderOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderOffOutlined', {
+Object.defineProperty(exports, "FolderOffOutlined", {
   enumerable: true,
   get: function () {
     return _FolderOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderOffRounded', {
+Object.defineProperty(exports, "FolderOffRounded", {
   enumerable: true,
   get: function () {
     return _FolderOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderOffSharp', {
+Object.defineProperty(exports, "FolderOffSharp", {
   enumerable: true,
   get: function () {
     return _FolderOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderOffTwoTone', {
+Object.defineProperty(exports, "FolderOffTwoTone", {
   enumerable: true,
   get: function () {
     return _FolderOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderOpen', {
+Object.defineProperty(exports, "FolderOpen", {
   enumerable: true,
   get: function () {
     return _FolderOpen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderOpenOutlined', {
+Object.defineProperty(exports, "FolderOpenOutlined", {
   enumerable: true,
   get: function () {
     return _FolderOpenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderOpenRounded', {
+Object.defineProperty(exports, "FolderOpenRounded", {
   enumerable: true,
   get: function () {
     return _FolderOpenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderOpenSharp', {
+Object.defineProperty(exports, "FolderOpenSharp", {
   enumerable: true,
   get: function () {
     return _FolderOpenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderOpenTwoTone', {
+Object.defineProperty(exports, "FolderOpenTwoTone", {
   enumerable: true,
   get: function () {
     return _FolderOpenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderOutlined', {
+Object.defineProperty(exports, "FolderOutlined", {
   enumerable: true,
   get: function () {
     return _FolderOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderRounded', {
+Object.defineProperty(exports, "FolderRounded", {
   enumerable: true,
   get: function () {
     return _FolderRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderShared', {
+Object.defineProperty(exports, "FolderShared", {
   enumerable: true,
   get: function () {
     return _FolderShared.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderSharedOutlined', {
+Object.defineProperty(exports, "FolderSharedOutlined", {
   enumerable: true,
   get: function () {
     return _FolderSharedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderSharedRounded', {
+Object.defineProperty(exports, "FolderSharedRounded", {
   enumerable: true,
   get: function () {
     return _FolderSharedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderSharedSharp', {
+Object.defineProperty(exports, "FolderSharedSharp", {
   enumerable: true,
   get: function () {
     return _FolderSharedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderSharedTwoTone', {
+Object.defineProperty(exports, "FolderSharedTwoTone", {
   enumerable: true,
   get: function () {
     return _FolderSharedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderSharp', {
+Object.defineProperty(exports, "FolderSharp", {
   enumerable: true,
   get: function () {
     return _FolderSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderSpecial', {
+Object.defineProperty(exports, "FolderSpecial", {
   enumerable: true,
   get: function () {
     return _FolderSpecial.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderSpecialOutlined', {
+Object.defineProperty(exports, "FolderSpecialOutlined", {
   enumerable: true,
   get: function () {
     return _FolderSpecialOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderSpecialRounded', {
+Object.defineProperty(exports, "FolderSpecialRounded", {
   enumerable: true,
   get: function () {
     return _FolderSpecialRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderSpecialSharp', {
+Object.defineProperty(exports, "FolderSpecialSharp", {
   enumerable: true,
   get: function () {
     return _FolderSpecialSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderSpecialTwoTone', {
+Object.defineProperty(exports, "FolderSpecialTwoTone", {
   enumerable: true,
   get: function () {
     return _FolderSpecialTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderTwoTone', {
+Object.defineProperty(exports, "FolderTwoTone", {
   enumerable: true,
   get: function () {
     return _FolderTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderZip', {
+Object.defineProperty(exports, "FolderZip", {
   enumerable: true,
   get: function () {
     return _FolderZip.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderZipOutlined', {
+Object.defineProperty(exports, "FolderZipOutlined", {
   enumerable: true,
   get: function () {
     return _FolderZipOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderZipRounded', {
+Object.defineProperty(exports, "FolderZipRounded", {
   enumerable: true,
   get: function () {
     return _FolderZipRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderZipSharp', {
+Object.defineProperty(exports, "FolderZipSharp", {
   enumerable: true,
   get: function () {
     return _FolderZipSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FolderZipTwoTone', {
+Object.defineProperty(exports, "FolderZipTwoTone", {
   enumerable: true,
   get: function () {
     return _FolderZipTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FollowTheSigns', {
+Object.defineProperty(exports, "FollowTheSigns", {
   enumerable: true,
   get: function () {
     return _FollowTheSigns.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FollowTheSignsOutlined', {
+Object.defineProperty(exports, "FollowTheSignsOutlined", {
   enumerable: true,
   get: function () {
     return _FollowTheSignsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FollowTheSignsRounded', {
+Object.defineProperty(exports, "FollowTheSignsRounded", {
   enumerable: true,
   get: function () {
     return _FollowTheSignsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FollowTheSignsSharp', {
+Object.defineProperty(exports, "FollowTheSignsSharp", {
   enumerable: true,
   get: function () {
     return _FollowTheSignsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FollowTheSignsTwoTone', {
+Object.defineProperty(exports, "FollowTheSignsTwoTone", {
   enumerable: true,
   get: function () {
     return _FollowTheSignsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FontDownload', {
+Object.defineProperty(exports, "FontDownload", {
   enumerable: true,
   get: function () {
     return _FontDownload.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FontDownloadOff', {
+Object.defineProperty(exports, "FontDownloadOff", {
   enumerable: true,
   get: function () {
     return _FontDownloadOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FontDownloadOffOutlined', {
+Object.defineProperty(exports, "FontDownloadOffOutlined", {
   enumerable: true,
   get: function () {
     return _FontDownloadOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FontDownloadOffRounded', {
+Object.defineProperty(exports, "FontDownloadOffRounded", {
   enumerable: true,
   get: function () {
     return _FontDownloadOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FontDownloadOffSharp', {
+Object.defineProperty(exports, "FontDownloadOffSharp", {
   enumerable: true,
   get: function () {
     return _FontDownloadOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FontDownloadOffTwoTone', {
+Object.defineProperty(exports, "FontDownloadOffTwoTone", {
   enumerable: true,
   get: function () {
     return _FontDownloadOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FontDownloadOutlined', {
+Object.defineProperty(exports, "FontDownloadOutlined", {
   enumerable: true,
   get: function () {
     return _FontDownloadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FontDownloadRounded', {
+Object.defineProperty(exports, "FontDownloadRounded", {
   enumerable: true,
   get: function () {
     return _FontDownloadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FontDownloadSharp', {
+Object.defineProperty(exports, "FontDownloadSharp", {
   enumerable: true,
   get: function () {
     return _FontDownloadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FontDownloadTwoTone', {
+Object.defineProperty(exports, "FontDownloadTwoTone", {
   enumerable: true,
   get: function () {
     return _FontDownloadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FoodBank', {
+Object.defineProperty(exports, "FoodBank", {
   enumerable: true,
   get: function () {
     return _FoodBank.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FoodBankOutlined', {
+Object.defineProperty(exports, "FoodBankOutlined", {
   enumerable: true,
   get: function () {
     return _FoodBankOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FoodBankRounded', {
+Object.defineProperty(exports, "FoodBankRounded", {
   enumerable: true,
   get: function () {
     return _FoodBankRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FoodBankSharp', {
+Object.defineProperty(exports, "FoodBankSharp", {
   enumerable: true,
   get: function () {
     return _FoodBankSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FoodBankTwoTone', {
+Object.defineProperty(exports, "FoodBankTwoTone", {
   enumerable: true,
   get: function () {
     return _FoodBankTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forest', {
+Object.defineProperty(exports, "Forest", {
   enumerable: true,
   get: function () {
     return _Forest.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForestOutlined', {
+Object.defineProperty(exports, "ForestOutlined", {
   enumerable: true,
   get: function () {
     return _ForestOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForestRounded', {
+Object.defineProperty(exports, "ForestRounded", {
   enumerable: true,
   get: function () {
     return _ForestRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForestSharp', {
+Object.defineProperty(exports, "ForestSharp", {
   enumerable: true,
   get: function () {
     return _ForestSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForestTwoTone', {
+Object.defineProperty(exports, "ForestTwoTone", {
   enumerable: true,
   get: function () {
     return _ForestTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForkLeft', {
+Object.defineProperty(exports, "ForkLeft", {
   enumerable: true,
   get: function () {
     return _ForkLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForkLeftOutlined', {
+Object.defineProperty(exports, "ForkLeftOutlined", {
   enumerable: true,
   get: function () {
     return _ForkLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForkLeftRounded', {
+Object.defineProperty(exports, "ForkLeftRounded", {
   enumerable: true,
   get: function () {
     return _ForkLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForkLeftSharp', {
+Object.defineProperty(exports, "ForkLeftSharp", {
   enumerable: true,
   get: function () {
     return _ForkLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForkLeftTwoTone', {
+Object.defineProperty(exports, "ForkLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _ForkLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForkRight', {
+Object.defineProperty(exports, "ForkRight", {
   enumerable: true,
   get: function () {
     return _ForkRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForkRightOutlined', {
+Object.defineProperty(exports, "ForkRightOutlined", {
   enumerable: true,
   get: function () {
     return _ForkRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForkRightRounded', {
+Object.defineProperty(exports, "ForkRightRounded", {
   enumerable: true,
   get: function () {
     return _ForkRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForkRightSharp', {
+Object.defineProperty(exports, "ForkRightSharp", {
   enumerable: true,
   get: function () {
     return _ForkRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForkRightTwoTone', {
+Object.defineProperty(exports, "ForkRightTwoTone", {
   enumerable: true,
   get: function () {
     return _ForkRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignCenter', {
+Object.defineProperty(exports, "FormatAlignCenter", {
   enumerable: true,
   get: function () {
     return _FormatAlignCenter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignCenterOutlined', {
+Object.defineProperty(exports, "FormatAlignCenterOutlined", {
   enumerable: true,
   get: function () {
     return _FormatAlignCenterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignCenterRounded', {
+Object.defineProperty(exports, "FormatAlignCenterRounded", {
   enumerable: true,
   get: function () {
     return _FormatAlignCenterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignCenterSharp', {
+Object.defineProperty(exports, "FormatAlignCenterSharp", {
   enumerable: true,
   get: function () {
     return _FormatAlignCenterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignCenterTwoTone', {
+Object.defineProperty(exports, "FormatAlignCenterTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatAlignCenterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignJustify', {
+Object.defineProperty(exports, "FormatAlignJustify", {
   enumerable: true,
   get: function () {
     return _FormatAlignJustify.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignJustifyOutlined', {
+Object.defineProperty(exports, "FormatAlignJustifyOutlined", {
   enumerable: true,
   get: function () {
     return _FormatAlignJustifyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignJustifyRounded', {
+Object.defineProperty(exports, "FormatAlignJustifyRounded", {
   enumerable: true,
   get: function () {
     return _FormatAlignJustifyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignJustifySharp', {
+Object.defineProperty(exports, "FormatAlignJustifySharp", {
   enumerable: true,
   get: function () {
     return _FormatAlignJustifySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignJustifyTwoTone', {
+Object.defineProperty(exports, "FormatAlignJustifyTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatAlignJustifyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignLeft', {
+Object.defineProperty(exports, "FormatAlignLeft", {
   enumerable: true,
   get: function () {
     return _FormatAlignLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignLeftOutlined', {
+Object.defineProperty(exports, "FormatAlignLeftOutlined", {
   enumerable: true,
   get: function () {
     return _FormatAlignLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignLeftRounded', {
+Object.defineProperty(exports, "FormatAlignLeftRounded", {
   enumerable: true,
   get: function () {
     return _FormatAlignLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignLeftSharp', {
+Object.defineProperty(exports, "FormatAlignLeftSharp", {
   enumerable: true,
   get: function () {
     return _FormatAlignLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignLeftTwoTone', {
+Object.defineProperty(exports, "FormatAlignLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatAlignLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignRight', {
+Object.defineProperty(exports, "FormatAlignRight", {
   enumerable: true,
   get: function () {
     return _FormatAlignRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignRightOutlined', {
+Object.defineProperty(exports, "FormatAlignRightOutlined", {
   enumerable: true,
   get: function () {
     return _FormatAlignRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignRightRounded', {
+Object.defineProperty(exports, "FormatAlignRightRounded", {
   enumerable: true,
   get: function () {
     return _FormatAlignRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignRightSharp', {
+Object.defineProperty(exports, "FormatAlignRightSharp", {
   enumerable: true,
   get: function () {
     return _FormatAlignRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatAlignRightTwoTone', {
+Object.defineProperty(exports, "FormatAlignRightTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatAlignRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatBold', {
+Object.defineProperty(exports, "FormatBold", {
   enumerable: true,
   get: function () {
     return _FormatBold.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatBoldOutlined', {
+Object.defineProperty(exports, "FormatBoldOutlined", {
   enumerable: true,
   get: function () {
     return _FormatBoldOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatBoldRounded', {
+Object.defineProperty(exports, "FormatBoldRounded", {
   enumerable: true,
   get: function () {
     return _FormatBoldRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatBoldSharp', {
+Object.defineProperty(exports, "FormatBoldSharp", {
   enumerable: true,
   get: function () {
     return _FormatBoldSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatBoldTwoTone', {
+Object.defineProperty(exports, "FormatBoldTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatBoldTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatClear', {
+Object.defineProperty(exports, "FormatClear", {
   enumerable: true,
   get: function () {
     return _FormatClear.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatClearOutlined', {
+Object.defineProperty(exports, "FormatClearOutlined", {
   enumerable: true,
   get: function () {
     return _FormatClearOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatClearRounded', {
+Object.defineProperty(exports, "FormatClearRounded", {
   enumerable: true,
   get: function () {
     return _FormatClearRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatClearSharp', {
+Object.defineProperty(exports, "FormatClearSharp", {
   enumerable: true,
   get: function () {
     return _FormatClearSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatClearTwoTone', {
+Object.defineProperty(exports, "FormatClearTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatClearTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorFill', {
+Object.defineProperty(exports, "FormatColorFill", {
   enumerable: true,
   get: function () {
     return _FormatColorFill.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorFillOutlined', {
+Object.defineProperty(exports, "FormatColorFillOutlined", {
   enumerable: true,
   get: function () {
     return _FormatColorFillOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorFillRounded', {
+Object.defineProperty(exports, "FormatColorFillRounded", {
   enumerable: true,
   get: function () {
     return _FormatColorFillRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorFillSharp', {
+Object.defineProperty(exports, "FormatColorFillSharp", {
   enumerable: true,
   get: function () {
     return _FormatColorFillSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorFillTwoTone', {
+Object.defineProperty(exports, "FormatColorFillTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatColorFillTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorReset', {
+Object.defineProperty(exports, "FormatColorReset", {
   enumerable: true,
   get: function () {
     return _FormatColorReset.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorResetOutlined', {
+Object.defineProperty(exports, "FormatColorResetOutlined", {
   enumerable: true,
   get: function () {
     return _FormatColorResetOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorResetRounded', {
+Object.defineProperty(exports, "FormatColorResetRounded", {
   enumerable: true,
   get: function () {
     return _FormatColorResetRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorResetSharp', {
+Object.defineProperty(exports, "FormatColorResetSharp", {
   enumerable: true,
   get: function () {
     return _FormatColorResetSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorResetTwoTone', {
+Object.defineProperty(exports, "FormatColorResetTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatColorResetTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorText', {
+Object.defineProperty(exports, "FormatColorText", {
   enumerable: true,
   get: function () {
     return _FormatColorText.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorTextOutlined', {
+Object.defineProperty(exports, "FormatColorTextOutlined", {
   enumerable: true,
   get: function () {
     return _FormatColorTextOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorTextRounded', {
+Object.defineProperty(exports, "FormatColorTextRounded", {
   enumerable: true,
   get: function () {
     return _FormatColorTextRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorTextSharp', {
+Object.defineProperty(exports, "FormatColorTextSharp", {
   enumerable: true,
   get: function () {
     return _FormatColorTextSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatColorTextTwoTone', {
+Object.defineProperty(exports, "FormatColorTextTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatColorTextTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatIndentDecrease', {
+Object.defineProperty(exports, "FormatIndentDecrease", {
   enumerable: true,
   get: function () {
     return _FormatIndentDecrease.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatIndentDecreaseOutlined', {
+Object.defineProperty(exports, "FormatIndentDecreaseOutlined", {
   enumerable: true,
   get: function () {
     return _FormatIndentDecreaseOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatIndentDecreaseRounded', {
+Object.defineProperty(exports, "FormatIndentDecreaseRounded", {
   enumerable: true,
   get: function () {
     return _FormatIndentDecreaseRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatIndentDecreaseSharp', {
+Object.defineProperty(exports, "FormatIndentDecreaseSharp", {
   enumerable: true,
   get: function () {
     return _FormatIndentDecreaseSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatIndentDecreaseTwoTone', {
+Object.defineProperty(exports, "FormatIndentDecreaseTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatIndentDecreaseTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatIndentIncrease', {
+Object.defineProperty(exports, "FormatIndentIncrease", {
   enumerable: true,
   get: function () {
     return _FormatIndentIncrease.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatIndentIncreaseOutlined', {
+Object.defineProperty(exports, "FormatIndentIncreaseOutlined", {
   enumerable: true,
   get: function () {
     return _FormatIndentIncreaseOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatIndentIncreaseRounded', {
+Object.defineProperty(exports, "FormatIndentIncreaseRounded", {
   enumerable: true,
   get: function () {
     return _FormatIndentIncreaseRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatIndentIncreaseSharp', {
+Object.defineProperty(exports, "FormatIndentIncreaseSharp", {
   enumerable: true,
   get: function () {
     return _FormatIndentIncreaseSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatIndentIncreaseTwoTone', {
+Object.defineProperty(exports, "FormatIndentIncreaseTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatIndentIncreaseTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatItalic', {
+Object.defineProperty(exports, "FormatItalic", {
   enumerable: true,
   get: function () {
     return _FormatItalic.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatItalicOutlined', {
+Object.defineProperty(exports, "FormatItalicOutlined", {
   enumerable: true,
   get: function () {
     return _FormatItalicOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatItalicRounded', {
+Object.defineProperty(exports, "FormatItalicRounded", {
   enumerable: true,
   get: function () {
     return _FormatItalicRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatItalicSharp', {
+Object.defineProperty(exports, "FormatItalicSharp", {
   enumerable: true,
   get: function () {
     return _FormatItalicSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatItalicTwoTone', {
+Object.defineProperty(exports, "FormatItalicTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatItalicTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatLineSpacing', {
+Object.defineProperty(exports, "FormatLineSpacing", {
   enumerable: true,
   get: function () {
     return _FormatLineSpacing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatLineSpacingOutlined', {
+Object.defineProperty(exports, "FormatLineSpacingOutlined", {
   enumerable: true,
   get: function () {
     return _FormatLineSpacingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatLineSpacingRounded', {
+Object.defineProperty(exports, "FormatLineSpacingRounded", {
   enumerable: true,
   get: function () {
     return _FormatLineSpacingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatLineSpacingSharp', {
+Object.defineProperty(exports, "FormatLineSpacingSharp", {
   enumerable: true,
   get: function () {
     return _FormatLineSpacingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatLineSpacingTwoTone', {
+Object.defineProperty(exports, "FormatLineSpacingTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatLineSpacingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListBulleted', {
+Object.defineProperty(exports, "FormatListBulleted", {
   enumerable: true,
   get: function () {
     return _FormatListBulleted.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListBulletedOutlined', {
+Object.defineProperty(exports, "FormatListBulletedOutlined", {
   enumerable: true,
   get: function () {
     return _FormatListBulletedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListBulletedRounded', {
+Object.defineProperty(exports, "FormatListBulletedRounded", {
   enumerable: true,
   get: function () {
     return _FormatListBulletedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListBulletedSharp', {
+Object.defineProperty(exports, "FormatListBulletedSharp", {
   enumerable: true,
   get: function () {
     return _FormatListBulletedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListBulletedTwoTone', {
+Object.defineProperty(exports, "FormatListBulletedTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatListBulletedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListNumbered', {
+Object.defineProperty(exports, "FormatListNumbered", {
   enumerable: true,
   get: function () {
     return _FormatListNumbered.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListNumberedOutlined', {
+Object.defineProperty(exports, "FormatListNumberedOutlined", {
   enumerable: true,
   get: function () {
     return _FormatListNumberedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListNumberedRounded', {
+Object.defineProperty(exports, "FormatListNumberedRounded", {
   enumerable: true,
   get: function () {
     return _FormatListNumberedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListNumberedRtl', {
+Object.defineProperty(exports, "FormatListNumberedRtl", {
   enumerable: true,
   get: function () {
     return _FormatListNumberedRtl.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListNumberedRtlOutlined', {
+Object.defineProperty(exports, "FormatListNumberedRtlOutlined", {
   enumerable: true,
   get: function () {
     return _FormatListNumberedRtlOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListNumberedRtlRounded', {
+Object.defineProperty(exports, "FormatListNumberedRtlRounded", {
   enumerable: true,
   get: function () {
     return _FormatListNumberedRtlRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListNumberedRtlSharp', {
+Object.defineProperty(exports, "FormatListNumberedRtlSharp", {
   enumerable: true,
   get: function () {
     return _FormatListNumberedRtlSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListNumberedRtlTwoTone', {
+Object.defineProperty(exports, "FormatListNumberedRtlTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatListNumberedRtlTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListNumberedSharp', {
+Object.defineProperty(exports, "FormatListNumberedSharp", {
   enumerable: true,
   get: function () {
     return _FormatListNumberedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatListNumberedTwoTone', {
+Object.defineProperty(exports, "FormatListNumberedTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatListNumberedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatOverline', {
+Object.defineProperty(exports, "FormatOverline", {
   enumerable: true,
   get: function () {
     return _FormatOverline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatOverlineOutlined', {
+Object.defineProperty(exports, "FormatOverlineOutlined", {
   enumerable: true,
   get: function () {
     return _FormatOverlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatOverlineRounded', {
+Object.defineProperty(exports, "FormatOverlineRounded", {
   enumerable: true,
   get: function () {
     return _FormatOverlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatOverlineSharp', {
+Object.defineProperty(exports, "FormatOverlineSharp", {
   enumerable: true,
   get: function () {
     return _FormatOverlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatOverlineTwoTone', {
+Object.defineProperty(exports, "FormatOverlineTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatOverlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatPaint', {
+Object.defineProperty(exports, "FormatPaint", {
   enumerable: true,
   get: function () {
     return _FormatPaint.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatPaintOutlined', {
+Object.defineProperty(exports, "FormatPaintOutlined", {
   enumerable: true,
   get: function () {
     return _FormatPaintOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatPaintRounded', {
+Object.defineProperty(exports, "FormatPaintRounded", {
   enumerable: true,
   get: function () {
     return _FormatPaintRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatPaintSharp', {
+Object.defineProperty(exports, "FormatPaintSharp", {
   enumerable: true,
   get: function () {
     return _FormatPaintSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatPaintTwoTone', {
+Object.defineProperty(exports, "FormatPaintTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatPaintTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatQuote', {
+Object.defineProperty(exports, "FormatQuote", {
   enumerable: true,
   get: function () {
     return _FormatQuote.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatQuoteOutlined', {
+Object.defineProperty(exports, "FormatQuoteOutlined", {
   enumerable: true,
   get: function () {
     return _FormatQuoteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatQuoteRounded', {
+Object.defineProperty(exports, "FormatQuoteRounded", {
   enumerable: true,
   get: function () {
     return _FormatQuoteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatQuoteSharp', {
+Object.defineProperty(exports, "FormatQuoteSharp", {
   enumerable: true,
   get: function () {
     return _FormatQuoteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatQuoteTwoTone', {
+Object.defineProperty(exports, "FormatQuoteTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatQuoteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatShapes', {
+Object.defineProperty(exports, "FormatShapes", {
   enumerable: true,
   get: function () {
     return _FormatShapes.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatShapesOutlined', {
+Object.defineProperty(exports, "FormatShapesOutlined", {
   enumerable: true,
   get: function () {
     return _FormatShapesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatShapesRounded', {
+Object.defineProperty(exports, "FormatShapesRounded", {
   enumerable: true,
   get: function () {
     return _FormatShapesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatShapesSharp', {
+Object.defineProperty(exports, "FormatShapesSharp", {
   enumerable: true,
   get: function () {
     return _FormatShapesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatShapesTwoTone', {
+Object.defineProperty(exports, "FormatShapesTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatShapesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatSize', {
+Object.defineProperty(exports, "FormatSize", {
   enumerable: true,
   get: function () {
     return _FormatSize.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatSizeOutlined', {
+Object.defineProperty(exports, "FormatSizeOutlined", {
   enumerable: true,
   get: function () {
     return _FormatSizeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatSizeRounded', {
+Object.defineProperty(exports, "FormatSizeRounded", {
   enumerable: true,
   get: function () {
     return _FormatSizeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatSizeSharp', {
+Object.defineProperty(exports, "FormatSizeSharp", {
   enumerable: true,
   get: function () {
     return _FormatSizeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatSizeTwoTone', {
+Object.defineProperty(exports, "FormatSizeTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatSizeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatStrikethrough', {
+Object.defineProperty(exports, "FormatStrikethrough", {
   enumerable: true,
   get: function () {
     return _FormatStrikethrough.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatStrikethroughOutlined', {
+Object.defineProperty(exports, "FormatStrikethroughOutlined", {
   enumerable: true,
   get: function () {
     return _FormatStrikethroughOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatStrikethroughRounded', {
+Object.defineProperty(exports, "FormatStrikethroughRounded", {
   enumerable: true,
   get: function () {
     return _FormatStrikethroughRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatStrikethroughSharp', {
+Object.defineProperty(exports, "FormatStrikethroughSharp", {
   enumerable: true,
   get: function () {
     return _FormatStrikethroughSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatStrikethroughTwoTone', {
+Object.defineProperty(exports, "FormatStrikethroughTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatStrikethroughTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatTextdirectionLToR', {
+Object.defineProperty(exports, "FormatTextdirectionLToR", {
   enumerable: true,
   get: function () {
     return _FormatTextdirectionLToR.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatTextdirectionLToROutlined', {
+Object.defineProperty(exports, "FormatTextdirectionLToROutlined", {
   enumerable: true,
   get: function () {
     return _FormatTextdirectionLToROutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatTextdirectionLToRRounded', {
+Object.defineProperty(exports, "FormatTextdirectionLToRRounded", {
   enumerable: true,
   get: function () {
     return _FormatTextdirectionLToRRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatTextdirectionLToRSharp', {
+Object.defineProperty(exports, "FormatTextdirectionLToRSharp", {
   enumerable: true,
   get: function () {
     return _FormatTextdirectionLToRSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatTextdirectionLToRTwoTone', {
+Object.defineProperty(exports, "FormatTextdirectionLToRTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatTextdirectionLToRTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatTextdirectionRToL', {
+Object.defineProperty(exports, "FormatTextdirectionRToL", {
   enumerable: true,
   get: function () {
     return _FormatTextdirectionRToL.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatTextdirectionRToLOutlined', {
+Object.defineProperty(exports, "FormatTextdirectionRToLOutlined", {
   enumerable: true,
   get: function () {
     return _FormatTextdirectionRToLOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatTextdirectionRToLRounded', {
+Object.defineProperty(exports, "FormatTextdirectionRToLRounded", {
   enumerable: true,
   get: function () {
     return _FormatTextdirectionRToLRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatTextdirectionRToLSharp', {
+Object.defineProperty(exports, "FormatTextdirectionRToLSharp", {
   enumerable: true,
   get: function () {
     return _FormatTextdirectionRToLSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatTextdirectionRToLTwoTone', {
+Object.defineProperty(exports, "FormatTextdirectionRToLTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatTextdirectionRToLTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatUnderlined', {
+Object.defineProperty(exports, "FormatUnderlined", {
   enumerable: true,
   get: function () {
     return _FormatUnderlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatUnderlinedOutlined', {
+Object.defineProperty(exports, "FormatUnderlinedOutlined", {
   enumerable: true,
   get: function () {
     return _FormatUnderlinedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatUnderlinedRounded', {
+Object.defineProperty(exports, "FormatUnderlinedRounded", {
   enumerable: true,
   get: function () {
     return _FormatUnderlinedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatUnderlinedSharp', {
+Object.defineProperty(exports, "FormatUnderlinedSharp", {
   enumerable: true,
   get: function () {
     return _FormatUnderlinedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FormatUnderlinedTwoTone', {
+Object.defineProperty(exports, "FormatUnderlinedTwoTone", {
   enumerable: true,
   get: function () {
     return _FormatUnderlinedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Fort', {
+Object.defineProperty(exports, "Fort", {
   enumerable: true,
   get: function () {
     return _Fort.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FortOutlined', {
+Object.defineProperty(exports, "FortOutlined", {
   enumerable: true,
   get: function () {
     return _FortOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FortRounded', {
+Object.defineProperty(exports, "FortRounded", {
   enumerable: true,
   get: function () {
     return _FortRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FortSharp', {
+Object.defineProperty(exports, "FortSharp", {
   enumerable: true,
   get: function () {
     return _FortSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FortTwoTone', {
+Object.defineProperty(exports, "FortTwoTone", {
   enumerable: true,
   get: function () {
     return _FortTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forum', {
+Object.defineProperty(exports, "Forum", {
   enumerable: true,
   get: function () {
     return _Forum.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForumOutlined', {
+Object.defineProperty(exports, "ForumOutlined", {
   enumerable: true,
   get: function () {
     return _ForumOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForumRounded', {
+Object.defineProperty(exports, "ForumRounded", {
   enumerable: true,
   get: function () {
     return _ForumRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForumSharp', {
+Object.defineProperty(exports, "ForumSharp", {
   enumerable: true,
   get: function () {
     return _ForumSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForumTwoTone', {
+Object.defineProperty(exports, "ForumTwoTone", {
   enumerable: true,
   get: function () {
     return _ForumTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward', {
+Object.defineProperty(exports, "Forward", {
   enumerable: true,
   get: function () {
     return _Forward.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward10', {
+Object.defineProperty(exports, "Forward10", {
   enumerable: true,
   get: function () {
     return _Forward2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward10Outlined', {
+Object.defineProperty(exports, "Forward10Outlined", {
   enumerable: true,
   get: function () {
     return _Forward10Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward10Rounded', {
+Object.defineProperty(exports, "Forward10Rounded", {
   enumerable: true,
   get: function () {
     return _Forward10Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward10Sharp', {
+Object.defineProperty(exports, "Forward10Sharp", {
   enumerable: true,
   get: function () {
     return _Forward10Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward10TwoTone', {
+Object.defineProperty(exports, "Forward10TwoTone", {
   enumerable: true,
   get: function () {
     return _Forward10TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward30', {
+Object.defineProperty(exports, "Forward30", {
   enumerable: true,
   get: function () {
     return _Forward3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward30Outlined', {
+Object.defineProperty(exports, "Forward30Outlined", {
   enumerable: true,
   get: function () {
     return _Forward30Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward30Rounded', {
+Object.defineProperty(exports, "Forward30Rounded", {
   enumerable: true,
   get: function () {
     return _Forward30Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward30Sharp', {
+Object.defineProperty(exports, "Forward30Sharp", {
   enumerable: true,
   get: function () {
     return _Forward30Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward30TwoTone', {
+Object.defineProperty(exports, "Forward30TwoTone", {
   enumerable: true,
   get: function () {
     return _Forward30TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward5', {
+Object.defineProperty(exports, "Forward5", {
   enumerable: true,
   get: function () {
     return _Forward4.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward5Outlined', {
+Object.defineProperty(exports, "Forward5Outlined", {
   enumerable: true,
   get: function () {
     return _Forward5Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward5Rounded', {
+Object.defineProperty(exports, "Forward5Rounded", {
   enumerable: true,
   get: function () {
     return _Forward5Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward5Sharp', {
+Object.defineProperty(exports, "Forward5Sharp", {
   enumerable: true,
   get: function () {
     return _Forward5Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Forward5TwoTone', {
+Object.defineProperty(exports, "Forward5TwoTone", {
   enumerable: true,
   get: function () {
     return _Forward5TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForwardOutlined', {
+Object.defineProperty(exports, "ForwardOutlined", {
   enumerable: true,
   get: function () {
     return _ForwardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForwardRounded', {
+Object.defineProperty(exports, "ForwardRounded", {
   enumerable: true,
   get: function () {
     return _ForwardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForwardSharp', {
+Object.defineProperty(exports, "ForwardSharp", {
   enumerable: true,
   get: function () {
     return _ForwardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForwardToInbox', {
+Object.defineProperty(exports, "ForwardToInbox", {
   enumerable: true,
   get: function () {
     return _ForwardToInbox.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForwardToInboxOutlined', {
+Object.defineProperty(exports, "ForwardToInboxOutlined", {
   enumerable: true,
   get: function () {
     return _ForwardToInboxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForwardToInboxRounded', {
+Object.defineProperty(exports, "ForwardToInboxRounded", {
   enumerable: true,
   get: function () {
     return _ForwardToInboxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForwardToInboxSharp', {
+Object.defineProperty(exports, "ForwardToInboxSharp", {
   enumerable: true,
   get: function () {
     return _ForwardToInboxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForwardToInboxTwoTone', {
+Object.defineProperty(exports, "ForwardToInboxTwoTone", {
   enumerable: true,
   get: function () {
     return _ForwardToInboxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ForwardTwoTone', {
+Object.defineProperty(exports, "ForwardTwoTone", {
   enumerable: true,
   get: function () {
     return _ForwardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Foundation', {
+Object.defineProperty(exports, "Foundation", {
   enumerable: true,
   get: function () {
     return _Foundation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FoundationOutlined', {
+Object.defineProperty(exports, "FoundationOutlined", {
   enumerable: true,
   get: function () {
     return _FoundationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FoundationRounded', {
+Object.defineProperty(exports, "FoundationRounded", {
   enumerable: true,
   get: function () {
     return _FoundationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FoundationSharp', {
+Object.defineProperty(exports, "FoundationSharp", {
   enumerable: true,
   get: function () {
     return _FoundationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FoundationTwoTone', {
+Object.defineProperty(exports, "FoundationTwoTone", {
   enumerable: true,
   get: function () {
     return _FoundationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourGMobiledata', {
+Object.defineProperty(exports, "FourGMobiledata", {
   enumerable: true,
   get: function () {
     return _FourGMobiledata.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourGMobiledataOutlined', {
+Object.defineProperty(exports, "FourGMobiledataOutlined", {
   enumerable: true,
   get: function () {
     return _FourGMobiledataOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourGMobiledataRounded', {
+Object.defineProperty(exports, "FourGMobiledataRounded", {
   enumerable: true,
   get: function () {
     return _FourGMobiledataRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourGMobiledataSharp', {
+Object.defineProperty(exports, "FourGMobiledataSharp", {
   enumerable: true,
   get: function () {
     return _FourGMobiledataSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourGMobiledataTwoTone', {
+Object.defineProperty(exports, "FourGMobiledataTwoTone", {
   enumerable: true,
   get: function () {
     return _FourGMobiledataTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourGPlusMobiledata', {
+Object.defineProperty(exports, "FourGPlusMobiledata", {
   enumerable: true,
   get: function () {
     return _FourGPlusMobiledata.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourGPlusMobiledataOutlined', {
+Object.defineProperty(exports, "FourGPlusMobiledataOutlined", {
   enumerable: true,
   get: function () {
     return _FourGPlusMobiledataOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourGPlusMobiledataRounded', {
+Object.defineProperty(exports, "FourGPlusMobiledataRounded", {
   enumerable: true,
   get: function () {
     return _FourGPlusMobiledataRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourGPlusMobiledataSharp', {
+Object.defineProperty(exports, "FourGPlusMobiledataSharp", {
   enumerable: true,
   get: function () {
     return _FourGPlusMobiledataSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourGPlusMobiledataTwoTone', {
+Object.defineProperty(exports, "FourGPlusMobiledataTwoTone", {
   enumerable: true,
   get: function () {
     return _FourGPlusMobiledataTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourK', {
+Object.defineProperty(exports, "FourK", {
   enumerable: true,
   get: function () {
     return _FourK.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourKOutlined', {
+Object.defineProperty(exports, "FourKOutlined", {
   enumerable: true,
   get: function () {
     return _FourKOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourKPlus', {
+Object.defineProperty(exports, "FourKPlus", {
   enumerable: true,
   get: function () {
     return _FourKPlus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourKPlusOutlined', {
+Object.defineProperty(exports, "FourKPlusOutlined", {
   enumerable: true,
   get: function () {
     return _FourKPlusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourKPlusRounded', {
+Object.defineProperty(exports, "FourKPlusRounded", {
   enumerable: true,
   get: function () {
     return _FourKPlusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourKPlusSharp', {
+Object.defineProperty(exports, "FourKPlusSharp", {
   enumerable: true,
   get: function () {
     return _FourKPlusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourKPlusTwoTone', {
+Object.defineProperty(exports, "FourKPlusTwoTone", {
   enumerable: true,
   get: function () {
     return _FourKPlusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourKRounded', {
+Object.defineProperty(exports, "FourKRounded", {
   enumerable: true,
   get: function () {
     return _FourKRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourKSharp', {
+Object.defineProperty(exports, "FourKSharp", {
   enumerable: true,
   get: function () {
     return _FourKSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourKTwoTone', {
+Object.defineProperty(exports, "FourKTwoTone", {
   enumerable: true,
   get: function () {
     return _FourKTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourMp', {
+Object.defineProperty(exports, "FourMp", {
   enumerable: true,
   get: function () {
     return _FourMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourMpOutlined', {
+Object.defineProperty(exports, "FourMpOutlined", {
   enumerable: true,
   get: function () {
     return _FourMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourMpRounded', {
+Object.defineProperty(exports, "FourMpRounded", {
   enumerable: true,
   get: function () {
     return _FourMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourMpSharp', {
+Object.defineProperty(exports, "FourMpSharp", {
   enumerable: true,
   get: function () {
     return _FourMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourMpTwoTone', {
+Object.defineProperty(exports, "FourMpTwoTone", {
   enumerable: true,
   get: function () {
     return _FourMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourteenMp', {
+Object.defineProperty(exports, "FourteenMp", {
   enumerable: true,
   get: function () {
     return _FourteenMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourteenMpOutlined', {
+Object.defineProperty(exports, "FourteenMpOutlined", {
   enumerable: true,
   get: function () {
     return _FourteenMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourteenMpRounded', {
+Object.defineProperty(exports, "FourteenMpRounded", {
   enumerable: true,
   get: function () {
     return _FourteenMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourteenMpSharp', {
+Object.defineProperty(exports, "FourteenMpSharp", {
   enumerable: true,
   get: function () {
     return _FourteenMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FourteenMpTwoTone', {
+Object.defineProperty(exports, "FourteenMpTwoTone", {
   enumerable: true,
   get: function () {
     return _FourteenMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FreeBreakfast', {
+Object.defineProperty(exports, "FreeBreakfast", {
   enumerable: true,
   get: function () {
     return _FreeBreakfast.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FreeBreakfastOutlined', {
+Object.defineProperty(exports, "FreeBreakfastOutlined", {
   enumerable: true,
   get: function () {
     return _FreeBreakfastOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FreeBreakfastRounded', {
+Object.defineProperty(exports, "FreeBreakfastRounded", {
   enumerable: true,
   get: function () {
     return _FreeBreakfastRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FreeBreakfastSharp', {
+Object.defineProperty(exports, "FreeBreakfastSharp", {
   enumerable: true,
   get: function () {
     return _FreeBreakfastSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FreeBreakfastTwoTone', {
+Object.defineProperty(exports, "FreeBreakfastTwoTone", {
   enumerable: true,
   get: function () {
     return _FreeBreakfastTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Fullscreen', {
+Object.defineProperty(exports, "Fullscreen", {
   enumerable: true,
   get: function () {
     return _Fullscreen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FullscreenExit', {
+Object.defineProperty(exports, "FullscreenExit", {
   enumerable: true,
   get: function () {
     return _FullscreenExit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FullscreenExitOutlined', {
+Object.defineProperty(exports, "FullscreenExitOutlined", {
   enumerable: true,
   get: function () {
     return _FullscreenExitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FullscreenExitRounded', {
+Object.defineProperty(exports, "FullscreenExitRounded", {
   enumerable: true,
   get: function () {
     return _FullscreenExitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FullscreenExitSharp', {
+Object.defineProperty(exports, "FullscreenExitSharp", {
   enumerable: true,
   get: function () {
     return _FullscreenExitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FullscreenExitTwoTone', {
+Object.defineProperty(exports, "FullscreenExitTwoTone", {
   enumerable: true,
   get: function () {
     return _FullscreenExitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FullscreenOutlined', {
+Object.defineProperty(exports, "FullscreenOutlined", {
   enumerable: true,
   get: function () {
     return _FullscreenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FullscreenRounded', {
+Object.defineProperty(exports, "FullscreenRounded", {
   enumerable: true,
   get: function () {
     return _FullscreenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FullscreenSharp', {
+Object.defineProperty(exports, "FullscreenSharp", {
   enumerable: true,
   get: function () {
     return _FullscreenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FullscreenTwoTone', {
+Object.defineProperty(exports, "FullscreenTwoTone", {
   enumerable: true,
   get: function () {
     return _FullscreenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Functions', {
+Object.defineProperty(exports, "Functions", {
   enumerable: true,
   get: function () {
     return _Functions.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FunctionsOutlined', {
+Object.defineProperty(exports, "FunctionsOutlined", {
   enumerable: true,
   get: function () {
     return _FunctionsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FunctionsRounded', {
+Object.defineProperty(exports, "FunctionsRounded", {
   enumerable: true,
   get: function () {
     return _FunctionsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FunctionsSharp', {
+Object.defineProperty(exports, "FunctionsSharp", {
   enumerable: true,
   get: function () {
     return _FunctionsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'FunctionsTwoTone', {
+Object.defineProperty(exports, "FunctionsTwoTone", {
   enumerable: true,
   get: function () {
     return _FunctionsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GMobiledata', {
+Object.defineProperty(exports, "GMobiledata", {
   enumerable: true,
   get: function () {
     return _GMobiledata.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GMobiledataOutlined', {
+Object.defineProperty(exports, "GMobiledataOutlined", {
   enumerable: true,
   get: function () {
     return _GMobiledataOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GMobiledataRounded', {
+Object.defineProperty(exports, "GMobiledataRounded", {
   enumerable: true,
   get: function () {
     return _GMobiledataRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GMobiledataSharp', {
+Object.defineProperty(exports, "GMobiledataSharp", {
   enumerable: true,
   get: function () {
     return _GMobiledataSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GMobiledataTwoTone', {
+Object.defineProperty(exports, "GMobiledataTwoTone", {
   enumerable: true,
   get: function () {
     return _GMobiledataTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GTranslate', {
+Object.defineProperty(exports, "GTranslate", {
   enumerable: true,
   get: function () {
     return _GTranslate.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GTranslateOutlined', {
+Object.defineProperty(exports, "GTranslateOutlined", {
   enumerable: true,
   get: function () {
     return _GTranslateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GTranslateRounded', {
+Object.defineProperty(exports, "GTranslateRounded", {
   enumerable: true,
   get: function () {
     return _GTranslateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GTranslateSharp', {
+Object.defineProperty(exports, "GTranslateSharp", {
   enumerable: true,
   get: function () {
     return _GTranslateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GTranslateTwoTone', {
+Object.defineProperty(exports, "GTranslateTwoTone", {
   enumerable: true,
   get: function () {
     return _GTranslateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Gamepad', {
+Object.defineProperty(exports, "Gamepad", {
   enumerable: true,
   get: function () {
     return _Gamepad.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GamepadOutlined', {
+Object.defineProperty(exports, "GamepadOutlined", {
   enumerable: true,
   get: function () {
     return _GamepadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GamepadRounded', {
+Object.defineProperty(exports, "GamepadRounded", {
   enumerable: true,
   get: function () {
     return _GamepadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GamepadSharp', {
+Object.defineProperty(exports, "GamepadSharp", {
   enumerable: true,
   get: function () {
     return _GamepadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GamepadTwoTone', {
+Object.defineProperty(exports, "GamepadTwoTone", {
   enumerable: true,
   get: function () {
     return _GamepadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Games', {
+Object.defineProperty(exports, "Games", {
   enumerable: true,
   get: function () {
     return _Games.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GamesOutlined', {
+Object.defineProperty(exports, "GamesOutlined", {
   enumerable: true,
   get: function () {
     return _GamesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GamesRounded', {
+Object.defineProperty(exports, "GamesRounded", {
   enumerable: true,
   get: function () {
     return _GamesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GamesSharp', {
+Object.defineProperty(exports, "GamesSharp", {
   enumerable: true,
   get: function () {
     return _GamesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GamesTwoTone', {
+Object.defineProperty(exports, "GamesTwoTone", {
   enumerable: true,
   get: function () {
     return _GamesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Garage', {
+Object.defineProperty(exports, "Garage", {
   enumerable: true,
   get: function () {
     return _Garage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GarageOutlined', {
+Object.defineProperty(exports, "GarageOutlined", {
   enumerable: true,
   get: function () {
     return _GarageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GarageRounded', {
+Object.defineProperty(exports, "GarageRounded", {
   enumerable: true,
   get: function () {
     return _GarageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GarageSharp', {
+Object.defineProperty(exports, "GarageSharp", {
   enumerable: true,
   get: function () {
     return _GarageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GarageTwoTone', {
+Object.defineProperty(exports, "GarageTwoTone", {
   enumerable: true,
   get: function () {
     return _GarageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GasMeter', {
+Object.defineProperty(exports, "GasMeter", {
   enumerable: true,
   get: function () {
     return _GasMeter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GasMeterOutlined', {
+Object.defineProperty(exports, "GasMeterOutlined", {
   enumerable: true,
   get: function () {
     return _GasMeterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GasMeterRounded', {
+Object.defineProperty(exports, "GasMeterRounded", {
   enumerable: true,
   get: function () {
     return _GasMeterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GasMeterSharp', {
+Object.defineProperty(exports, "GasMeterSharp", {
   enumerable: true,
   get: function () {
     return _GasMeterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GasMeterTwoTone', {
+Object.defineProperty(exports, "GasMeterTwoTone", {
   enumerable: true,
   get: function () {
     return _GasMeterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Gavel', {
+Object.defineProperty(exports, "Gavel", {
   enumerable: true,
   get: function () {
     return _Gavel.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GavelOutlined', {
+Object.defineProperty(exports, "GavelOutlined", {
   enumerable: true,
   get: function () {
     return _GavelOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GavelRounded', {
+Object.defineProperty(exports, "GavelRounded", {
   enumerable: true,
   get: function () {
     return _GavelRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GavelSharp', {
+Object.defineProperty(exports, "GavelSharp", {
   enumerable: true,
   get: function () {
     return _GavelSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GavelTwoTone', {
+Object.defineProperty(exports, "GavelTwoTone", {
   enumerable: true,
   get: function () {
     return _GavelTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Gesture', {
+Object.defineProperty(exports, "Gesture", {
   enumerable: true,
   get: function () {
     return _Gesture.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GestureOutlined', {
+Object.defineProperty(exports, "GestureOutlined", {
   enumerable: true,
   get: function () {
     return _GestureOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GestureRounded', {
+Object.defineProperty(exports, "GestureRounded", {
   enumerable: true,
   get: function () {
     return _GestureRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GestureSharp', {
+Object.defineProperty(exports, "GestureSharp", {
   enumerable: true,
   get: function () {
     return _GestureSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GestureTwoTone', {
+Object.defineProperty(exports, "GestureTwoTone", {
   enumerable: true,
   get: function () {
     return _GestureTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GetApp', {
+Object.defineProperty(exports, "GetApp", {
   enumerable: true,
   get: function () {
     return _GetApp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GetAppOutlined', {
+Object.defineProperty(exports, "GetAppOutlined", {
   enumerable: true,
   get: function () {
     return _GetAppOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GetAppRounded', {
+Object.defineProperty(exports, "GetAppRounded", {
   enumerable: true,
   get: function () {
     return _GetAppRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GetAppSharp', {
+Object.defineProperty(exports, "GetAppSharp", {
   enumerable: true,
   get: function () {
     return _GetAppSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GetAppTwoTone', {
+Object.defineProperty(exports, "GetAppTwoTone", {
   enumerable: true,
   get: function () {
     return _GetAppTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Gif', {
+Object.defineProperty(exports, "Gif", {
   enumerable: true,
   get: function () {
     return _Gif.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GifBox', {
+Object.defineProperty(exports, "GifBox", {
   enumerable: true,
   get: function () {
     return _GifBox.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GifBoxOutlined', {
+Object.defineProperty(exports, "GifBoxOutlined", {
   enumerable: true,
   get: function () {
     return _GifBoxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GifBoxRounded', {
+Object.defineProperty(exports, "GifBoxRounded", {
   enumerable: true,
   get: function () {
     return _GifBoxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GifBoxSharp', {
+Object.defineProperty(exports, "GifBoxSharp", {
   enumerable: true,
   get: function () {
     return _GifBoxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GifBoxTwoTone', {
+Object.defineProperty(exports, "GifBoxTwoTone", {
   enumerable: true,
   get: function () {
     return _GifBoxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GifOutlined', {
+Object.defineProperty(exports, "GifOutlined", {
   enumerable: true,
   get: function () {
     return _GifOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GifRounded', {
+Object.defineProperty(exports, "GifRounded", {
   enumerable: true,
   get: function () {
     return _GifRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GifSharp', {
+Object.defineProperty(exports, "GifSharp", {
   enumerable: true,
   get: function () {
     return _GifSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GifTwoTone', {
+Object.defineProperty(exports, "GifTwoTone", {
   enumerable: true,
   get: function () {
     return _GifTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Girl', {
+Object.defineProperty(exports, "Girl", {
   enumerable: true,
   get: function () {
     return _Girl.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GirlOutlined', {
+Object.defineProperty(exports, "GirlOutlined", {
   enumerable: true,
   get: function () {
     return _GirlOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GirlRounded', {
+Object.defineProperty(exports, "GirlRounded", {
   enumerable: true,
   get: function () {
     return _GirlRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GirlSharp', {
+Object.defineProperty(exports, "GirlSharp", {
   enumerable: true,
   get: function () {
     return _GirlSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GirlTwoTone', {
+Object.defineProperty(exports, "GirlTwoTone", {
   enumerable: true,
   get: function () {
     return _GirlTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GitHub', {
+Object.defineProperty(exports, "GitHub", {
   enumerable: true,
   get: function () {
     return _GitHub.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Gite', {
+Object.defineProperty(exports, "Gite", {
   enumerable: true,
   get: function () {
     return _Gite.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GiteOutlined', {
+Object.defineProperty(exports, "GiteOutlined", {
   enumerable: true,
   get: function () {
     return _GiteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GiteRounded', {
+Object.defineProperty(exports, "GiteRounded", {
   enumerable: true,
   get: function () {
     return _GiteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GiteSharp', {
+Object.defineProperty(exports, "GiteSharp", {
   enumerable: true,
   get: function () {
     return _GiteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GiteTwoTone', {
+Object.defineProperty(exports, "GiteTwoTone", {
   enumerable: true,
   get: function () {
     return _GiteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GolfCourse', {
+Object.defineProperty(exports, "GolfCourse", {
   enumerable: true,
   get: function () {
     return _GolfCourse.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GolfCourseOutlined', {
+Object.defineProperty(exports, "GolfCourseOutlined", {
   enumerable: true,
   get: function () {
     return _GolfCourseOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GolfCourseRounded', {
+Object.defineProperty(exports, "GolfCourseRounded", {
   enumerable: true,
   get: function () {
     return _GolfCourseRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GolfCourseSharp', {
+Object.defineProperty(exports, "GolfCourseSharp", {
   enumerable: true,
   get: function () {
     return _GolfCourseSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GolfCourseTwoTone', {
+Object.defineProperty(exports, "GolfCourseTwoTone", {
   enumerable: true,
   get: function () {
     return _GolfCourseTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Google', {
+Object.defineProperty(exports, "Google", {
   enumerable: true,
   get: function () {
     return _Google.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppBad', {
+Object.defineProperty(exports, "GppBad", {
   enumerable: true,
   get: function () {
     return _GppBad.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppBadOutlined', {
+Object.defineProperty(exports, "GppBadOutlined", {
   enumerable: true,
   get: function () {
     return _GppBadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppBadRounded', {
+Object.defineProperty(exports, "GppBadRounded", {
   enumerable: true,
   get: function () {
     return _GppBadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppBadSharp', {
+Object.defineProperty(exports, "GppBadSharp", {
   enumerable: true,
   get: function () {
     return _GppBadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppBadTwoTone', {
+Object.defineProperty(exports, "GppBadTwoTone", {
   enumerable: true,
   get: function () {
     return _GppBadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppGood', {
+Object.defineProperty(exports, "GppGood", {
   enumerable: true,
   get: function () {
     return _GppGood.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppGoodOutlined', {
+Object.defineProperty(exports, "GppGoodOutlined", {
   enumerable: true,
   get: function () {
     return _GppGoodOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppGoodRounded', {
+Object.defineProperty(exports, "GppGoodRounded", {
   enumerable: true,
   get: function () {
     return _GppGoodRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppGoodSharp', {
+Object.defineProperty(exports, "GppGoodSharp", {
   enumerable: true,
   get: function () {
     return _GppGoodSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppGoodTwoTone', {
+Object.defineProperty(exports, "GppGoodTwoTone", {
   enumerable: true,
   get: function () {
     return _GppGoodTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppMaybe', {
+Object.defineProperty(exports, "GppMaybe", {
   enumerable: true,
   get: function () {
     return _GppMaybe.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppMaybeOutlined', {
+Object.defineProperty(exports, "GppMaybeOutlined", {
   enumerable: true,
   get: function () {
     return _GppMaybeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppMaybeRounded', {
+Object.defineProperty(exports, "GppMaybeRounded", {
   enumerable: true,
   get: function () {
     return _GppMaybeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppMaybeSharp', {
+Object.defineProperty(exports, "GppMaybeSharp", {
   enumerable: true,
   get: function () {
     return _GppMaybeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GppMaybeTwoTone', {
+Object.defineProperty(exports, "GppMaybeTwoTone", {
   enumerable: true,
   get: function () {
     return _GppMaybeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsFixed', {
+Object.defineProperty(exports, "GpsFixed", {
   enumerable: true,
   get: function () {
     return _GpsFixed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsFixedOutlined', {
+Object.defineProperty(exports, "GpsFixedOutlined", {
   enumerable: true,
   get: function () {
     return _GpsFixedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsFixedRounded', {
+Object.defineProperty(exports, "GpsFixedRounded", {
   enumerable: true,
   get: function () {
     return _GpsFixedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsFixedSharp', {
+Object.defineProperty(exports, "GpsFixedSharp", {
   enumerable: true,
   get: function () {
     return _GpsFixedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsFixedTwoTone', {
+Object.defineProperty(exports, "GpsFixedTwoTone", {
   enumerable: true,
   get: function () {
     return _GpsFixedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsNotFixed', {
+Object.defineProperty(exports, "GpsNotFixed", {
   enumerable: true,
   get: function () {
     return _GpsNotFixed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsNotFixedOutlined', {
+Object.defineProperty(exports, "GpsNotFixedOutlined", {
   enumerable: true,
   get: function () {
     return _GpsNotFixedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsNotFixedRounded', {
+Object.defineProperty(exports, "GpsNotFixedRounded", {
   enumerable: true,
   get: function () {
     return _GpsNotFixedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsNotFixedSharp', {
+Object.defineProperty(exports, "GpsNotFixedSharp", {
   enumerable: true,
   get: function () {
     return _GpsNotFixedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsNotFixedTwoTone', {
+Object.defineProperty(exports, "GpsNotFixedTwoTone", {
   enumerable: true,
   get: function () {
     return _GpsNotFixedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsOff', {
+Object.defineProperty(exports, "GpsOff", {
   enumerable: true,
   get: function () {
     return _GpsOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsOffOutlined', {
+Object.defineProperty(exports, "GpsOffOutlined", {
   enumerable: true,
   get: function () {
     return _GpsOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsOffRounded', {
+Object.defineProperty(exports, "GpsOffRounded", {
   enumerable: true,
   get: function () {
     return _GpsOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsOffSharp', {
+Object.defineProperty(exports, "GpsOffSharp", {
   enumerable: true,
   get: function () {
     return _GpsOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GpsOffTwoTone', {
+Object.defineProperty(exports, "GpsOffTwoTone", {
   enumerable: true,
   get: function () {
     return _GpsOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grade', {
+Object.defineProperty(exports, "Grade", {
   enumerable: true,
   get: function () {
     return _Grade.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GradeOutlined', {
+Object.defineProperty(exports, "GradeOutlined", {
   enumerable: true,
   get: function () {
     return _GradeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GradeRounded', {
+Object.defineProperty(exports, "GradeRounded", {
   enumerable: true,
   get: function () {
     return _GradeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GradeSharp', {
+Object.defineProperty(exports, "GradeSharp", {
   enumerable: true,
   get: function () {
     return _GradeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GradeTwoTone', {
+Object.defineProperty(exports, "GradeTwoTone", {
   enumerable: true,
   get: function () {
     return _GradeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Gradient', {
+Object.defineProperty(exports, "Gradient", {
   enumerable: true,
   get: function () {
     return _Gradient.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GradientOutlined', {
+Object.defineProperty(exports, "GradientOutlined", {
   enumerable: true,
   get: function () {
     return _GradientOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GradientRounded', {
+Object.defineProperty(exports, "GradientRounded", {
   enumerable: true,
   get: function () {
     return _GradientRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GradientSharp', {
+Object.defineProperty(exports, "GradientSharp", {
   enumerable: true,
   get: function () {
     return _GradientSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GradientTwoTone', {
+Object.defineProperty(exports, "GradientTwoTone", {
   enumerable: true,
   get: function () {
     return _GradientTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grading', {
+Object.defineProperty(exports, "Grading", {
   enumerable: true,
   get: function () {
     return _Grading.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GradingOutlined', {
+Object.defineProperty(exports, "GradingOutlined", {
   enumerable: true,
   get: function () {
     return _GradingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GradingRounded', {
+Object.defineProperty(exports, "GradingRounded", {
   enumerable: true,
   get: function () {
     return _GradingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GradingSharp', {
+Object.defineProperty(exports, "GradingSharp", {
   enumerable: true,
   get: function () {
     return _GradingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GradingTwoTone', {
+Object.defineProperty(exports, "GradingTwoTone", {
   enumerable: true,
   get: function () {
     return _GradingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grain', {
+Object.defineProperty(exports, "Grain", {
   enumerable: true,
   get: function () {
     return _Grain.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GrainOutlined', {
+Object.defineProperty(exports, "GrainOutlined", {
   enumerable: true,
   get: function () {
     return _GrainOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GrainRounded', {
+Object.defineProperty(exports, "GrainRounded", {
   enumerable: true,
   get: function () {
     return _GrainRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GrainSharp', {
+Object.defineProperty(exports, "GrainSharp", {
   enumerable: true,
   get: function () {
     return _GrainSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GrainTwoTone', {
+Object.defineProperty(exports, "GrainTwoTone", {
   enumerable: true,
   get: function () {
     return _GrainTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GraphicEq', {
+Object.defineProperty(exports, "GraphicEq", {
   enumerable: true,
   get: function () {
     return _GraphicEq.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GraphicEqOutlined', {
+Object.defineProperty(exports, "GraphicEqOutlined", {
   enumerable: true,
   get: function () {
     return _GraphicEqOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GraphicEqRounded', {
+Object.defineProperty(exports, "GraphicEqRounded", {
   enumerable: true,
   get: function () {
     return _GraphicEqRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GraphicEqSharp', {
+Object.defineProperty(exports, "GraphicEqSharp", {
   enumerable: true,
   get: function () {
     return _GraphicEqSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GraphicEqTwoTone', {
+Object.defineProperty(exports, "GraphicEqTwoTone", {
   enumerable: true,
   get: function () {
     return _GraphicEqTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grass', {
+Object.defineProperty(exports, "Grass", {
   enumerable: true,
   get: function () {
     return _Grass.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GrassOutlined', {
+Object.defineProperty(exports, "GrassOutlined", {
   enumerable: true,
   get: function () {
     return _GrassOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GrassRounded', {
+Object.defineProperty(exports, "GrassRounded", {
   enumerable: true,
   get: function () {
     return _GrassRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GrassSharp', {
+Object.defineProperty(exports, "GrassSharp", {
   enumerable: true,
   get: function () {
     return _GrassSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GrassTwoTone', {
+Object.defineProperty(exports, "GrassTwoTone", {
   enumerable: true,
   get: function () {
     return _GrassTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grid3x3', {
+Object.defineProperty(exports, "Grid3x3", {
   enumerable: true,
   get: function () {
     return _Grid3x.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grid3x3Outlined', {
+Object.defineProperty(exports, "Grid3x3Outlined", {
   enumerable: true,
   get: function () {
     return _Grid3x3Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grid3x3Rounded', {
+Object.defineProperty(exports, "Grid3x3Rounded", {
   enumerable: true,
   get: function () {
     return _Grid3x3Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grid3x3Sharp', {
+Object.defineProperty(exports, "Grid3x3Sharp", {
   enumerable: true,
   get: function () {
     return _Grid3x3Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grid3x3TwoTone', {
+Object.defineProperty(exports, "Grid3x3TwoTone", {
   enumerable: true,
   get: function () {
     return _Grid3x3TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grid4x4', {
+Object.defineProperty(exports, "Grid4x4", {
   enumerable: true,
   get: function () {
     return _Grid4x.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grid4x4Outlined', {
+Object.defineProperty(exports, "Grid4x4Outlined", {
   enumerable: true,
   get: function () {
     return _Grid4x4Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grid4x4Rounded', {
+Object.defineProperty(exports, "Grid4x4Rounded", {
   enumerable: true,
   get: function () {
     return _Grid4x4Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grid4x4Sharp', {
+Object.defineProperty(exports, "Grid4x4Sharp", {
   enumerable: true,
   get: function () {
     return _Grid4x4Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Grid4x4TwoTone', {
+Object.defineProperty(exports, "Grid4x4TwoTone", {
   enumerable: true,
   get: function () {
     return _Grid4x4TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridGoldenratio', {
+Object.defineProperty(exports, "GridGoldenratio", {
   enumerable: true,
   get: function () {
     return _GridGoldenratio.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridGoldenratioOutlined', {
+Object.defineProperty(exports, "GridGoldenratioOutlined", {
   enumerable: true,
   get: function () {
     return _GridGoldenratioOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridGoldenratioRounded', {
+Object.defineProperty(exports, "GridGoldenratioRounded", {
   enumerable: true,
   get: function () {
     return _GridGoldenratioRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridGoldenratioSharp', {
+Object.defineProperty(exports, "GridGoldenratioSharp", {
   enumerable: true,
   get: function () {
     return _GridGoldenratioSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridGoldenratioTwoTone', {
+Object.defineProperty(exports, "GridGoldenratioTwoTone", {
   enumerable: true,
   get: function () {
     return _GridGoldenratioTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridOff', {
+Object.defineProperty(exports, "GridOff", {
   enumerable: true,
   get: function () {
     return _GridOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridOffOutlined', {
+Object.defineProperty(exports, "GridOffOutlined", {
   enumerable: true,
   get: function () {
     return _GridOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridOffRounded', {
+Object.defineProperty(exports, "GridOffRounded", {
   enumerable: true,
   get: function () {
     return _GridOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridOffSharp', {
+Object.defineProperty(exports, "GridOffSharp", {
   enumerable: true,
   get: function () {
     return _GridOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridOffTwoTone', {
+Object.defineProperty(exports, "GridOffTwoTone", {
   enumerable: true,
   get: function () {
     return _GridOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridOn', {
+Object.defineProperty(exports, "GridOn", {
   enumerable: true,
   get: function () {
     return _GridOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridOnOutlined', {
+Object.defineProperty(exports, "GridOnOutlined", {
   enumerable: true,
   get: function () {
     return _GridOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridOnRounded', {
+Object.defineProperty(exports, "GridOnRounded", {
   enumerable: true,
   get: function () {
     return _GridOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridOnSharp', {
+Object.defineProperty(exports, "GridOnSharp", {
   enumerable: true,
   get: function () {
     return _GridOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridOnTwoTone', {
+Object.defineProperty(exports, "GridOnTwoTone", {
   enumerable: true,
   get: function () {
     return _GridOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridView', {
+Object.defineProperty(exports, "GridView", {
   enumerable: true,
   get: function () {
     return _GridView.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridViewOutlined', {
+Object.defineProperty(exports, "GridViewOutlined", {
   enumerable: true,
   get: function () {
     return _GridViewOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridViewRounded', {
+Object.defineProperty(exports, "GridViewRounded", {
   enumerable: true,
   get: function () {
     return _GridViewRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridViewSharp', {
+Object.defineProperty(exports, "GridViewSharp", {
   enumerable: true,
   get: function () {
     return _GridViewSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GridViewTwoTone', {
+Object.defineProperty(exports, "GridViewTwoTone", {
   enumerable: true,
   get: function () {
     return _GridViewTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Group', {
+Object.defineProperty(exports, "Group", {
   enumerable: true,
   get: function () {
     return _Group.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupAdd', {
+Object.defineProperty(exports, "GroupAdd", {
   enumerable: true,
   get: function () {
     return _GroupAdd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupAddOutlined', {
+Object.defineProperty(exports, "GroupAddOutlined", {
   enumerable: true,
   get: function () {
     return _GroupAddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupAddRounded', {
+Object.defineProperty(exports, "GroupAddRounded", {
   enumerable: true,
   get: function () {
     return _GroupAddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupAddSharp', {
+Object.defineProperty(exports, "GroupAddSharp", {
   enumerable: true,
   get: function () {
     return _GroupAddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupAddTwoTone', {
+Object.defineProperty(exports, "GroupAddTwoTone", {
   enumerable: true,
   get: function () {
     return _GroupAddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupOutlined', {
+Object.defineProperty(exports, "GroupOutlined", {
   enumerable: true,
   get: function () {
     return _GroupOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupRemove', {
+Object.defineProperty(exports, "GroupRemove", {
   enumerable: true,
   get: function () {
     return _GroupRemove.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupRemoveOutlined', {
+Object.defineProperty(exports, "GroupRemoveOutlined", {
   enumerable: true,
   get: function () {
     return _GroupRemoveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupRemoveRounded', {
+Object.defineProperty(exports, "GroupRemoveRounded", {
   enumerable: true,
   get: function () {
     return _GroupRemoveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupRemoveSharp', {
+Object.defineProperty(exports, "GroupRemoveSharp", {
   enumerable: true,
   get: function () {
     return _GroupRemoveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupRemoveTwoTone', {
+Object.defineProperty(exports, "GroupRemoveTwoTone", {
   enumerable: true,
   get: function () {
     return _GroupRemoveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupRounded', {
+Object.defineProperty(exports, "GroupRounded", {
   enumerable: true,
   get: function () {
     return _GroupRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupSharp', {
+Object.defineProperty(exports, "GroupSharp", {
   enumerable: true,
   get: function () {
     return _GroupSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupTwoTone', {
+Object.defineProperty(exports, "GroupTwoTone", {
   enumerable: true,
   get: function () {
     return _GroupTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupWork', {
+Object.defineProperty(exports, "GroupWork", {
   enumerable: true,
   get: function () {
     return _GroupWork.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupWorkOutlined', {
+Object.defineProperty(exports, "GroupWorkOutlined", {
   enumerable: true,
   get: function () {
     return _GroupWorkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupWorkRounded', {
+Object.defineProperty(exports, "GroupWorkRounded", {
   enumerable: true,
   get: function () {
     return _GroupWorkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupWorkSharp', {
+Object.defineProperty(exports, "GroupWorkSharp", {
   enumerable: true,
   get: function () {
     return _GroupWorkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupWorkTwoTone', {
+Object.defineProperty(exports, "GroupWorkTwoTone", {
   enumerable: true,
   get: function () {
     return _GroupWorkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Groups', {
+Object.defineProperty(exports, "Groups", {
   enumerable: true,
   get: function () {
     return _Groups.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Groups2', {
+Object.defineProperty(exports, "Groups2", {
   enumerable: true,
   get: function () {
     return _Groups2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Groups2Outlined', {
+Object.defineProperty(exports, "Groups2Outlined", {
   enumerable: true,
   get: function () {
     return _Groups2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Groups2Rounded', {
+Object.defineProperty(exports, "Groups2Rounded", {
   enumerable: true,
   get: function () {
     return _Groups2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Groups2Sharp', {
+Object.defineProperty(exports, "Groups2Sharp", {
   enumerable: true,
   get: function () {
     return _Groups2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Groups2TwoTone', {
+Object.defineProperty(exports, "Groups2TwoTone", {
   enumerable: true,
   get: function () {
     return _Groups2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Groups3', {
+Object.defineProperty(exports, "Groups3", {
   enumerable: true,
   get: function () {
     return _Groups3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Groups3Outlined', {
+Object.defineProperty(exports, "Groups3Outlined", {
   enumerable: true,
   get: function () {
     return _Groups3Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Groups3Rounded', {
+Object.defineProperty(exports, "Groups3Rounded", {
   enumerable: true,
   get: function () {
     return _Groups3Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Groups3Sharp', {
+Object.defineProperty(exports, "Groups3Sharp", {
   enumerable: true,
   get: function () {
     return _Groups3Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Groups3TwoTone', {
+Object.defineProperty(exports, "Groups3TwoTone", {
   enumerable: true,
   get: function () {
     return _Groups3TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupsOutlined', {
+Object.defineProperty(exports, "GroupsOutlined", {
   enumerable: true,
   get: function () {
     return _GroupsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupsRounded', {
+Object.defineProperty(exports, "GroupsRounded", {
   enumerable: true,
   get: function () {
     return _GroupsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupsSharp', {
+Object.defineProperty(exports, "GroupsSharp", {
   enumerable: true,
   get: function () {
     return _GroupsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'GroupsTwoTone', {
+Object.defineProperty(exports, "GroupsTwoTone", {
   enumerable: true,
   get: function () {
     return _GroupsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HMobiledata', {
+Object.defineProperty(exports, "HMobiledata", {
   enumerable: true,
   get: function () {
     return _HMobiledata.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HMobiledataOutlined', {
+Object.defineProperty(exports, "HMobiledataOutlined", {
   enumerable: true,
   get: function () {
     return _HMobiledataOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HMobiledataRounded', {
+Object.defineProperty(exports, "HMobiledataRounded", {
   enumerable: true,
   get: function () {
     return _HMobiledataRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HMobiledataSharp', {
+Object.defineProperty(exports, "HMobiledataSharp", {
   enumerable: true,
   get: function () {
     return _HMobiledataSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HMobiledataTwoTone', {
+Object.defineProperty(exports, "HMobiledataTwoTone", {
   enumerable: true,
   get: function () {
     return _HMobiledataTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HPlusMobiledata', {
+Object.defineProperty(exports, "HPlusMobiledata", {
   enumerable: true,
   get: function () {
     return _HPlusMobiledata.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HPlusMobiledataOutlined', {
+Object.defineProperty(exports, "HPlusMobiledataOutlined", {
   enumerable: true,
   get: function () {
     return _HPlusMobiledataOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HPlusMobiledataRounded', {
+Object.defineProperty(exports, "HPlusMobiledataRounded", {
   enumerable: true,
   get: function () {
     return _HPlusMobiledataRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HPlusMobiledataSharp', {
+Object.defineProperty(exports, "HPlusMobiledataSharp", {
   enumerable: true,
   get: function () {
     return _HPlusMobiledataSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HPlusMobiledataTwoTone', {
+Object.defineProperty(exports, "HPlusMobiledataTwoTone", {
   enumerable: true,
   get: function () {
     return _HPlusMobiledataTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Hail', {
+Object.defineProperty(exports, "Hail", {
   enumerable: true,
   get: function () {
     return _Hail.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HailOutlined', {
+Object.defineProperty(exports, "HailOutlined", {
   enumerable: true,
   get: function () {
     return _HailOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HailRounded', {
+Object.defineProperty(exports, "HailRounded", {
   enumerable: true,
   get: function () {
     return _HailRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HailSharp', {
+Object.defineProperty(exports, "HailSharp", {
   enumerable: true,
   get: function () {
     return _HailSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HailTwoTone', {
+Object.defineProperty(exports, "HailTwoTone", {
   enumerable: true,
   get: function () {
     return _HailTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Handshake', {
+Object.defineProperty(exports, "Handshake", {
   enumerable: true,
   get: function () {
     return _Handshake.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HandshakeOutlined', {
+Object.defineProperty(exports, "HandshakeOutlined", {
   enumerable: true,
   get: function () {
     return _HandshakeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HandshakeRounded', {
+Object.defineProperty(exports, "HandshakeRounded", {
   enumerable: true,
   get: function () {
     return _HandshakeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HandshakeSharp', {
+Object.defineProperty(exports, "HandshakeSharp", {
   enumerable: true,
   get: function () {
     return _HandshakeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HandshakeTwoTone', {
+Object.defineProperty(exports, "HandshakeTwoTone", {
   enumerable: true,
   get: function () {
     return _HandshakeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Handyman', {
+Object.defineProperty(exports, "Handyman", {
   enumerable: true,
   get: function () {
     return _Handyman.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HandymanOutlined', {
+Object.defineProperty(exports, "HandymanOutlined", {
   enumerable: true,
   get: function () {
     return _HandymanOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HandymanRounded', {
+Object.defineProperty(exports, "HandymanRounded", {
   enumerable: true,
   get: function () {
     return _HandymanRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HandymanSharp', {
+Object.defineProperty(exports, "HandymanSharp", {
   enumerable: true,
   get: function () {
     return _HandymanSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HandymanTwoTone', {
+Object.defineProperty(exports, "HandymanTwoTone", {
   enumerable: true,
   get: function () {
     return _HandymanTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Hardware', {
+Object.defineProperty(exports, "Hardware", {
   enumerable: true,
   get: function () {
     return _Hardware.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HardwareOutlined', {
+Object.defineProperty(exports, "HardwareOutlined", {
   enumerable: true,
   get: function () {
     return _HardwareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HardwareRounded', {
+Object.defineProperty(exports, "HardwareRounded", {
   enumerable: true,
   get: function () {
     return _HardwareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HardwareSharp', {
+Object.defineProperty(exports, "HardwareSharp", {
   enumerable: true,
   get: function () {
     return _HardwareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HardwareTwoTone', {
+Object.defineProperty(exports, "HardwareTwoTone", {
   enumerable: true,
   get: function () {
     return _HardwareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Hd', {
+Object.defineProperty(exports, "Hd", {
   enumerable: true,
   get: function () {
     return _Hd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdOutlined', {
+Object.defineProperty(exports, "HdOutlined", {
   enumerable: true,
   get: function () {
     return _HdOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdRounded', {
+Object.defineProperty(exports, "HdRounded", {
   enumerable: true,
   get: function () {
     return _HdRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdSharp', {
+Object.defineProperty(exports, "HdSharp", {
   enumerable: true,
   get: function () {
     return _HdSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdTwoTone', {
+Object.defineProperty(exports, "HdTwoTone", {
   enumerable: true,
   get: function () {
     return _HdTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrAuto', {
+Object.defineProperty(exports, "HdrAuto", {
   enumerable: true,
   get: function () {
     return _HdrAuto.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrAutoOutlined', {
+Object.defineProperty(exports, "HdrAutoOutlined", {
   enumerable: true,
   get: function () {
     return _HdrAutoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrAutoRounded', {
+Object.defineProperty(exports, "HdrAutoRounded", {
   enumerable: true,
   get: function () {
     return _HdrAutoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrAutoSelect', {
+Object.defineProperty(exports, "HdrAutoSelect", {
   enumerable: true,
   get: function () {
     return _HdrAutoSelect.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrAutoSelectOutlined', {
+Object.defineProperty(exports, "HdrAutoSelectOutlined", {
   enumerable: true,
   get: function () {
     return _HdrAutoSelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrAutoSelectRounded', {
+Object.defineProperty(exports, "HdrAutoSelectRounded", {
   enumerable: true,
   get: function () {
     return _HdrAutoSelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrAutoSelectSharp', {
+Object.defineProperty(exports, "HdrAutoSelectSharp", {
   enumerable: true,
   get: function () {
     return _HdrAutoSelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrAutoSelectTwoTone', {
+Object.defineProperty(exports, "HdrAutoSelectTwoTone", {
   enumerable: true,
   get: function () {
     return _HdrAutoSelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrAutoSharp', {
+Object.defineProperty(exports, "HdrAutoSharp", {
   enumerable: true,
   get: function () {
     return _HdrAutoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrAutoTwoTone', {
+Object.defineProperty(exports, "HdrAutoTwoTone", {
   enumerable: true,
   get: function () {
     return _HdrAutoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrEnhancedSelect', {
+Object.defineProperty(exports, "HdrEnhancedSelect", {
   enumerable: true,
   get: function () {
     return _HdrEnhancedSelect.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrEnhancedSelectOutlined', {
+Object.defineProperty(exports, "HdrEnhancedSelectOutlined", {
   enumerable: true,
   get: function () {
     return _HdrEnhancedSelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrEnhancedSelectRounded', {
+Object.defineProperty(exports, "HdrEnhancedSelectRounded", {
   enumerable: true,
   get: function () {
     return _HdrEnhancedSelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrEnhancedSelectSharp', {
+Object.defineProperty(exports, "HdrEnhancedSelectSharp", {
   enumerable: true,
   get: function () {
     return _HdrEnhancedSelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrEnhancedSelectTwoTone', {
+Object.defineProperty(exports, "HdrEnhancedSelectTwoTone", {
   enumerable: true,
   get: function () {
     return _HdrEnhancedSelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOff', {
+Object.defineProperty(exports, "HdrOff", {
   enumerable: true,
   get: function () {
     return _HdrOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOffOutlined', {
+Object.defineProperty(exports, "HdrOffOutlined", {
   enumerable: true,
   get: function () {
     return _HdrOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOffRounded', {
+Object.defineProperty(exports, "HdrOffRounded", {
   enumerable: true,
   get: function () {
     return _HdrOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOffSelect', {
+Object.defineProperty(exports, "HdrOffSelect", {
   enumerable: true,
   get: function () {
     return _HdrOffSelect.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOffSelectOutlined', {
+Object.defineProperty(exports, "HdrOffSelectOutlined", {
   enumerable: true,
   get: function () {
     return _HdrOffSelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOffSelectRounded', {
+Object.defineProperty(exports, "HdrOffSelectRounded", {
   enumerable: true,
   get: function () {
     return _HdrOffSelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOffSelectSharp', {
+Object.defineProperty(exports, "HdrOffSelectSharp", {
   enumerable: true,
   get: function () {
     return _HdrOffSelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOffSelectTwoTone', {
+Object.defineProperty(exports, "HdrOffSelectTwoTone", {
   enumerable: true,
   get: function () {
     return _HdrOffSelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOffSharp', {
+Object.defineProperty(exports, "HdrOffSharp", {
   enumerable: true,
   get: function () {
     return _HdrOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOffTwoTone', {
+Object.defineProperty(exports, "HdrOffTwoTone", {
   enumerable: true,
   get: function () {
     return _HdrOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOn', {
+Object.defineProperty(exports, "HdrOn", {
   enumerable: true,
   get: function () {
     return _HdrOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOnOutlined', {
+Object.defineProperty(exports, "HdrOnOutlined", {
   enumerable: true,
   get: function () {
     return _HdrOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOnRounded', {
+Object.defineProperty(exports, "HdrOnRounded", {
   enumerable: true,
   get: function () {
     return _HdrOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOnSelect', {
+Object.defineProperty(exports, "HdrOnSelect", {
   enumerable: true,
   get: function () {
     return _HdrOnSelect.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOnSelectOutlined', {
+Object.defineProperty(exports, "HdrOnSelectOutlined", {
   enumerable: true,
   get: function () {
     return _HdrOnSelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOnSelectRounded', {
+Object.defineProperty(exports, "HdrOnSelectRounded", {
   enumerable: true,
   get: function () {
     return _HdrOnSelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOnSelectSharp', {
+Object.defineProperty(exports, "HdrOnSelectSharp", {
   enumerable: true,
   get: function () {
     return _HdrOnSelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOnSelectTwoTone', {
+Object.defineProperty(exports, "HdrOnSelectTwoTone", {
   enumerable: true,
   get: function () {
     return _HdrOnSelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOnSharp', {
+Object.defineProperty(exports, "HdrOnSharp", {
   enumerable: true,
   get: function () {
     return _HdrOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrOnTwoTone', {
+Object.defineProperty(exports, "HdrOnTwoTone", {
   enumerable: true,
   get: function () {
     return _HdrOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrPlus', {
+Object.defineProperty(exports, "HdrPlus", {
   enumerable: true,
   get: function () {
     return _HdrPlus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrPlusOutlined', {
+Object.defineProperty(exports, "HdrPlusOutlined", {
   enumerable: true,
   get: function () {
     return _HdrPlusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrPlusRounded', {
+Object.defineProperty(exports, "HdrPlusRounded", {
   enumerable: true,
   get: function () {
     return _HdrPlusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrPlusSharp', {
+Object.defineProperty(exports, "HdrPlusSharp", {
   enumerable: true,
   get: function () {
     return _HdrPlusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrPlusTwoTone', {
+Object.defineProperty(exports, "HdrPlusTwoTone", {
   enumerable: true,
   get: function () {
     return _HdrPlusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrStrong', {
+Object.defineProperty(exports, "HdrStrong", {
   enumerable: true,
   get: function () {
     return _HdrStrong.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrStrongOutlined', {
+Object.defineProperty(exports, "HdrStrongOutlined", {
   enumerable: true,
   get: function () {
     return _HdrStrongOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrStrongRounded', {
+Object.defineProperty(exports, "HdrStrongRounded", {
   enumerable: true,
   get: function () {
     return _HdrStrongRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrStrongSharp', {
+Object.defineProperty(exports, "HdrStrongSharp", {
   enumerable: true,
   get: function () {
     return _HdrStrongSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrStrongTwoTone', {
+Object.defineProperty(exports, "HdrStrongTwoTone", {
   enumerable: true,
   get: function () {
     return _HdrStrongTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrWeak', {
+Object.defineProperty(exports, "HdrWeak", {
   enumerable: true,
   get: function () {
     return _HdrWeak.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrWeakOutlined', {
+Object.defineProperty(exports, "HdrWeakOutlined", {
   enumerable: true,
   get: function () {
     return _HdrWeakOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrWeakRounded', {
+Object.defineProperty(exports, "HdrWeakRounded", {
   enumerable: true,
   get: function () {
     return _HdrWeakRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrWeakSharp', {
+Object.defineProperty(exports, "HdrWeakSharp", {
   enumerable: true,
   get: function () {
     return _HdrWeakSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HdrWeakTwoTone', {
+Object.defineProperty(exports, "HdrWeakTwoTone", {
   enumerable: true,
   get: function () {
     return _HdrWeakTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Headphones', {
+Object.defineProperty(exports, "Headphones", {
   enumerable: true,
   get: function () {
     return _Headphones.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadphonesBattery', {
+Object.defineProperty(exports, "HeadphonesBattery", {
   enumerable: true,
   get: function () {
     return _HeadphonesBattery.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadphonesBatteryOutlined', {
+Object.defineProperty(exports, "HeadphonesBatteryOutlined", {
   enumerable: true,
   get: function () {
     return _HeadphonesBatteryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadphonesBatteryRounded', {
+Object.defineProperty(exports, "HeadphonesBatteryRounded", {
   enumerable: true,
   get: function () {
     return _HeadphonesBatteryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadphonesBatterySharp', {
+Object.defineProperty(exports, "HeadphonesBatterySharp", {
   enumerable: true,
   get: function () {
     return _HeadphonesBatterySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadphonesBatteryTwoTone', {
+Object.defineProperty(exports, "HeadphonesBatteryTwoTone", {
   enumerable: true,
   get: function () {
     return _HeadphonesBatteryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadphonesOutlined', {
+Object.defineProperty(exports, "HeadphonesOutlined", {
   enumerable: true,
   get: function () {
     return _HeadphonesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadphonesRounded', {
+Object.defineProperty(exports, "HeadphonesRounded", {
   enumerable: true,
   get: function () {
     return _HeadphonesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadphonesSharp', {
+Object.defineProperty(exports, "HeadphonesSharp", {
   enumerable: true,
   get: function () {
     return _HeadphonesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadphonesTwoTone', {
+Object.defineProperty(exports, "HeadphonesTwoTone", {
   enumerable: true,
   get: function () {
     return _HeadphonesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Headset', {
+Object.defineProperty(exports, "Headset", {
   enumerable: true,
   get: function () {
     return _Headset.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetMic', {
+Object.defineProperty(exports, "HeadsetMic", {
   enumerable: true,
   get: function () {
     return _HeadsetMic.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetMicOutlined', {
+Object.defineProperty(exports, "HeadsetMicOutlined", {
   enumerable: true,
   get: function () {
     return _HeadsetMicOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetMicRounded', {
+Object.defineProperty(exports, "HeadsetMicRounded", {
   enumerable: true,
   get: function () {
     return _HeadsetMicRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetMicSharp', {
+Object.defineProperty(exports, "HeadsetMicSharp", {
   enumerable: true,
   get: function () {
     return _HeadsetMicSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetMicTwoTone', {
+Object.defineProperty(exports, "HeadsetMicTwoTone", {
   enumerable: true,
   get: function () {
     return _HeadsetMicTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetOff', {
+Object.defineProperty(exports, "HeadsetOff", {
   enumerable: true,
   get: function () {
     return _HeadsetOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetOffOutlined', {
+Object.defineProperty(exports, "HeadsetOffOutlined", {
   enumerable: true,
   get: function () {
     return _HeadsetOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetOffRounded', {
+Object.defineProperty(exports, "HeadsetOffRounded", {
   enumerable: true,
   get: function () {
     return _HeadsetOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetOffSharp', {
+Object.defineProperty(exports, "HeadsetOffSharp", {
   enumerable: true,
   get: function () {
     return _HeadsetOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetOffTwoTone', {
+Object.defineProperty(exports, "HeadsetOffTwoTone", {
   enumerable: true,
   get: function () {
     return _HeadsetOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetOutlined', {
+Object.defineProperty(exports, "HeadsetOutlined", {
   enumerable: true,
   get: function () {
     return _HeadsetOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetRounded', {
+Object.defineProperty(exports, "HeadsetRounded", {
   enumerable: true,
   get: function () {
     return _HeadsetRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetSharp', {
+Object.defineProperty(exports, "HeadsetSharp", {
   enumerable: true,
   get: function () {
     return _HeadsetSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeadsetTwoTone', {
+Object.defineProperty(exports, "HeadsetTwoTone", {
   enumerable: true,
   get: function () {
     return _HeadsetTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Healing', {
+Object.defineProperty(exports, "Healing", {
   enumerable: true,
   get: function () {
     return _Healing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HealingOutlined', {
+Object.defineProperty(exports, "HealingOutlined", {
   enumerable: true,
   get: function () {
     return _HealingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HealingRounded', {
+Object.defineProperty(exports, "HealingRounded", {
   enumerable: true,
   get: function () {
     return _HealingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HealingSharp', {
+Object.defineProperty(exports, "HealingSharp", {
   enumerable: true,
   get: function () {
     return _HealingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HealingTwoTone', {
+Object.defineProperty(exports, "HealingTwoTone", {
   enumerable: true,
   get: function () {
     return _HealingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HealthAndSafety', {
+Object.defineProperty(exports, "HealthAndSafety", {
   enumerable: true,
   get: function () {
     return _HealthAndSafety.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HealthAndSafetyOutlined', {
+Object.defineProperty(exports, "HealthAndSafetyOutlined", {
   enumerable: true,
   get: function () {
     return _HealthAndSafetyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HealthAndSafetyRounded', {
+Object.defineProperty(exports, "HealthAndSafetyRounded", {
   enumerable: true,
   get: function () {
     return _HealthAndSafetyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HealthAndSafetySharp', {
+Object.defineProperty(exports, "HealthAndSafetySharp", {
   enumerable: true,
   get: function () {
     return _HealthAndSafetySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HealthAndSafetyTwoTone', {
+Object.defineProperty(exports, "HealthAndSafetyTwoTone", {
   enumerable: true,
   get: function () {
     return _HealthAndSafetyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Hearing', {
+Object.defineProperty(exports, "Hearing", {
   enumerable: true,
   get: function () {
     return _Hearing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HearingDisabled', {
+Object.defineProperty(exports, "HearingDisabled", {
   enumerable: true,
   get: function () {
     return _HearingDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HearingDisabledOutlined', {
+Object.defineProperty(exports, "HearingDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _HearingDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HearingDisabledRounded', {
+Object.defineProperty(exports, "HearingDisabledRounded", {
   enumerable: true,
   get: function () {
     return _HearingDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HearingDisabledSharp', {
+Object.defineProperty(exports, "HearingDisabledSharp", {
   enumerable: true,
   get: function () {
     return _HearingDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HearingDisabledTwoTone', {
+Object.defineProperty(exports, "HearingDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _HearingDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HearingOutlined', {
+Object.defineProperty(exports, "HearingOutlined", {
   enumerable: true,
   get: function () {
     return _HearingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HearingRounded', {
+Object.defineProperty(exports, "HearingRounded", {
   enumerable: true,
   get: function () {
     return _HearingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HearingSharp', {
+Object.defineProperty(exports, "HearingSharp", {
   enumerable: true,
   get: function () {
     return _HearingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HearingTwoTone', {
+Object.defineProperty(exports, "HearingTwoTone", {
   enumerable: true,
   get: function () {
     return _HearingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeartBroken', {
+Object.defineProperty(exports, "HeartBroken", {
   enumerable: true,
   get: function () {
     return _HeartBroken.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeartBrokenOutlined', {
+Object.defineProperty(exports, "HeartBrokenOutlined", {
   enumerable: true,
   get: function () {
     return _HeartBrokenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeartBrokenRounded', {
+Object.defineProperty(exports, "HeartBrokenRounded", {
   enumerable: true,
   get: function () {
     return _HeartBrokenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeartBrokenSharp', {
+Object.defineProperty(exports, "HeartBrokenSharp", {
   enumerable: true,
   get: function () {
     return _HeartBrokenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeartBrokenTwoTone', {
+Object.defineProperty(exports, "HeartBrokenTwoTone", {
   enumerable: true,
   get: function () {
     return _HeartBrokenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeatPump', {
+Object.defineProperty(exports, "HeatPump", {
   enumerable: true,
   get: function () {
     return _HeatPump.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeatPumpOutlined', {
+Object.defineProperty(exports, "HeatPumpOutlined", {
   enumerable: true,
   get: function () {
     return _HeatPumpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeatPumpRounded', {
+Object.defineProperty(exports, "HeatPumpRounded", {
   enumerable: true,
   get: function () {
     return _HeatPumpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeatPumpSharp', {
+Object.defineProperty(exports, "HeatPumpSharp", {
   enumerable: true,
   get: function () {
     return _HeatPumpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeatPumpTwoTone', {
+Object.defineProperty(exports, "HeatPumpTwoTone", {
   enumerable: true,
   get: function () {
     return _HeatPumpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Height', {
+Object.defineProperty(exports, "Height", {
   enumerable: true,
   get: function () {
     return _Height.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeightOutlined', {
+Object.defineProperty(exports, "HeightOutlined", {
   enumerable: true,
   get: function () {
     return _HeightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeightRounded', {
+Object.defineProperty(exports, "HeightRounded", {
   enumerable: true,
   get: function () {
     return _HeightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeightSharp', {
+Object.defineProperty(exports, "HeightSharp", {
   enumerable: true,
   get: function () {
     return _HeightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HeightTwoTone', {
+Object.defineProperty(exports, "HeightTwoTone", {
   enumerable: true,
   get: function () {
     return _HeightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Help', {
+Object.defineProperty(exports, "Help", {
   enumerable: true,
   get: function () {
     return _Help.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpCenter', {
+Object.defineProperty(exports, "HelpCenter", {
   enumerable: true,
   get: function () {
     return _HelpCenter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpCenterOutlined', {
+Object.defineProperty(exports, "HelpCenterOutlined", {
   enumerable: true,
   get: function () {
     return _HelpCenterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpCenterRounded', {
+Object.defineProperty(exports, "HelpCenterRounded", {
   enumerable: true,
   get: function () {
     return _HelpCenterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpCenterSharp', {
+Object.defineProperty(exports, "HelpCenterSharp", {
   enumerable: true,
   get: function () {
     return _HelpCenterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpCenterTwoTone', {
+Object.defineProperty(exports, "HelpCenterTwoTone", {
   enumerable: true,
   get: function () {
     return _HelpCenterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpOutline', {
+Object.defineProperty(exports, "HelpOutline", {
   enumerable: true,
   get: function () {
     return _HelpOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpOutlineOutlined', {
+Object.defineProperty(exports, "HelpOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _HelpOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpOutlineRounded', {
+Object.defineProperty(exports, "HelpOutlineRounded", {
   enumerable: true,
   get: function () {
     return _HelpOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpOutlineSharp', {
+Object.defineProperty(exports, "HelpOutlineSharp", {
   enumerable: true,
   get: function () {
     return _HelpOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpOutlineTwoTone', {
+Object.defineProperty(exports, "HelpOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _HelpOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpOutlined', {
+Object.defineProperty(exports, "HelpOutlined", {
   enumerable: true,
   get: function () {
     return _HelpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpRounded', {
+Object.defineProperty(exports, "HelpRounded", {
   enumerable: true,
   get: function () {
     return _HelpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpSharp', {
+Object.defineProperty(exports, "HelpSharp", {
   enumerable: true,
   get: function () {
     return _HelpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HelpTwoTone', {
+Object.defineProperty(exports, "HelpTwoTone", {
   enumerable: true,
   get: function () {
     return _HelpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Hevc', {
+Object.defineProperty(exports, "Hevc", {
   enumerable: true,
   get: function () {
     return _Hevc.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HevcOutlined', {
+Object.defineProperty(exports, "HevcOutlined", {
   enumerable: true,
   get: function () {
     return _HevcOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HevcRounded', {
+Object.defineProperty(exports, "HevcRounded", {
   enumerable: true,
   get: function () {
     return _HevcRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HevcSharp', {
+Object.defineProperty(exports, "HevcSharp", {
   enumerable: true,
   get: function () {
     return _HevcSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HevcTwoTone', {
+Object.defineProperty(exports, "HevcTwoTone", {
   enumerable: true,
   get: function () {
     return _HevcTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Hexagon', {
+Object.defineProperty(exports, "Hexagon", {
   enumerable: true,
   get: function () {
     return _Hexagon.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HexagonOutlined', {
+Object.defineProperty(exports, "HexagonOutlined", {
   enumerable: true,
   get: function () {
     return _HexagonOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HexagonRounded', {
+Object.defineProperty(exports, "HexagonRounded", {
   enumerable: true,
   get: function () {
     return _HexagonRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HexagonSharp', {
+Object.defineProperty(exports, "HexagonSharp", {
   enumerable: true,
   get: function () {
     return _HexagonSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HexagonTwoTone', {
+Object.defineProperty(exports, "HexagonTwoTone", {
   enumerable: true,
   get: function () {
     return _HexagonTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HideImage', {
+Object.defineProperty(exports, "HideImage", {
   enumerable: true,
   get: function () {
     return _HideImage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HideImageOutlined', {
+Object.defineProperty(exports, "HideImageOutlined", {
   enumerable: true,
   get: function () {
     return _HideImageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HideImageRounded', {
+Object.defineProperty(exports, "HideImageRounded", {
   enumerable: true,
   get: function () {
     return _HideImageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HideImageSharp', {
+Object.defineProperty(exports, "HideImageSharp", {
   enumerable: true,
   get: function () {
     return _HideImageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HideImageTwoTone', {
+Object.defineProperty(exports, "HideImageTwoTone", {
   enumerable: true,
   get: function () {
     return _HideImageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HideSource', {
+Object.defineProperty(exports, "HideSource", {
   enumerable: true,
   get: function () {
     return _HideSource.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HideSourceOutlined', {
+Object.defineProperty(exports, "HideSourceOutlined", {
   enumerable: true,
   get: function () {
     return _HideSourceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HideSourceRounded', {
+Object.defineProperty(exports, "HideSourceRounded", {
   enumerable: true,
   get: function () {
     return _HideSourceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HideSourceSharp', {
+Object.defineProperty(exports, "HideSourceSharp", {
   enumerable: true,
   get: function () {
     return _HideSourceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HideSourceTwoTone', {
+Object.defineProperty(exports, "HideSourceTwoTone", {
   enumerable: true,
   get: function () {
     return _HideSourceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighQuality', {
+Object.defineProperty(exports, "HighQuality", {
   enumerable: true,
   get: function () {
     return _HighQuality.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighQualityOutlined', {
+Object.defineProperty(exports, "HighQualityOutlined", {
   enumerable: true,
   get: function () {
     return _HighQualityOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighQualityRounded', {
+Object.defineProperty(exports, "HighQualityRounded", {
   enumerable: true,
   get: function () {
     return _HighQualityRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighQualitySharp', {
+Object.defineProperty(exports, "HighQualitySharp", {
   enumerable: true,
   get: function () {
     return _HighQualitySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighQualityTwoTone', {
+Object.defineProperty(exports, "HighQualityTwoTone", {
   enumerable: true,
   get: function () {
     return _HighQualityTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Highlight', {
+Object.defineProperty(exports, "Highlight", {
   enumerable: true,
   get: function () {
     return _Highlight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightAlt', {
+Object.defineProperty(exports, "HighlightAlt", {
   enumerable: true,
   get: function () {
     return _HighlightAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightAltOutlined', {
+Object.defineProperty(exports, "HighlightAltOutlined", {
   enumerable: true,
   get: function () {
     return _HighlightAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightAltRounded', {
+Object.defineProperty(exports, "HighlightAltRounded", {
   enumerable: true,
   get: function () {
     return _HighlightAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightAltSharp', {
+Object.defineProperty(exports, "HighlightAltSharp", {
   enumerable: true,
   get: function () {
     return _HighlightAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightAltTwoTone', {
+Object.defineProperty(exports, "HighlightAltTwoTone", {
   enumerable: true,
   get: function () {
     return _HighlightAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightOff', {
+Object.defineProperty(exports, "HighlightOff", {
   enumerable: true,
   get: function () {
     return _HighlightOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightOffOutlined', {
+Object.defineProperty(exports, "HighlightOffOutlined", {
   enumerable: true,
   get: function () {
     return _HighlightOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightOffRounded', {
+Object.defineProperty(exports, "HighlightOffRounded", {
   enumerable: true,
   get: function () {
     return _HighlightOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightOffSharp', {
+Object.defineProperty(exports, "HighlightOffSharp", {
   enumerable: true,
   get: function () {
     return _HighlightOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightOffTwoTone', {
+Object.defineProperty(exports, "HighlightOffTwoTone", {
   enumerable: true,
   get: function () {
     return _HighlightOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightOutlined', {
+Object.defineProperty(exports, "HighlightOutlined", {
   enumerable: true,
   get: function () {
     return _HighlightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightRounded', {
+Object.defineProperty(exports, "HighlightRounded", {
   enumerable: true,
   get: function () {
     return _HighlightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightSharp', {
+Object.defineProperty(exports, "HighlightSharp", {
   enumerable: true,
   get: function () {
     return _HighlightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HighlightTwoTone', {
+Object.defineProperty(exports, "HighlightTwoTone", {
   enumerable: true,
   get: function () {
     return _HighlightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Hiking', {
+Object.defineProperty(exports, "Hiking", {
   enumerable: true,
   get: function () {
     return _Hiking.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HikingOutlined', {
+Object.defineProperty(exports, "HikingOutlined", {
   enumerable: true,
   get: function () {
     return _HikingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HikingRounded', {
+Object.defineProperty(exports, "HikingRounded", {
   enumerable: true,
   get: function () {
     return _HikingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HikingSharp', {
+Object.defineProperty(exports, "HikingSharp", {
   enumerable: true,
   get: function () {
     return _HikingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HikingTwoTone', {
+Object.defineProperty(exports, "HikingTwoTone", {
   enumerable: true,
   get: function () {
     return _HikingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'History', {
+Object.defineProperty(exports, "History", {
   enumerable: true,
   get: function () {
     return _History.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryEdu', {
+Object.defineProperty(exports, "HistoryEdu", {
   enumerable: true,
   get: function () {
     return _HistoryEdu.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryEduOutlined', {
+Object.defineProperty(exports, "HistoryEduOutlined", {
   enumerable: true,
   get: function () {
     return _HistoryEduOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryEduRounded', {
+Object.defineProperty(exports, "HistoryEduRounded", {
   enumerable: true,
   get: function () {
     return _HistoryEduRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryEduSharp', {
+Object.defineProperty(exports, "HistoryEduSharp", {
   enumerable: true,
   get: function () {
     return _HistoryEduSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryEduTwoTone', {
+Object.defineProperty(exports, "HistoryEduTwoTone", {
   enumerable: true,
   get: function () {
     return _HistoryEduTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryOutlined', {
+Object.defineProperty(exports, "HistoryOutlined", {
   enumerable: true,
   get: function () {
     return _HistoryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryRounded', {
+Object.defineProperty(exports, "HistoryRounded", {
   enumerable: true,
   get: function () {
     return _HistoryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistorySharp', {
+Object.defineProperty(exports, "HistorySharp", {
   enumerable: true,
   get: function () {
     return _HistorySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryToggleOff', {
+Object.defineProperty(exports, "HistoryToggleOff", {
   enumerable: true,
   get: function () {
     return _HistoryToggleOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryToggleOffOutlined', {
+Object.defineProperty(exports, "HistoryToggleOffOutlined", {
   enumerable: true,
   get: function () {
     return _HistoryToggleOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryToggleOffRounded', {
+Object.defineProperty(exports, "HistoryToggleOffRounded", {
   enumerable: true,
   get: function () {
     return _HistoryToggleOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryToggleOffSharp', {
+Object.defineProperty(exports, "HistoryToggleOffSharp", {
   enumerable: true,
   get: function () {
     return _HistoryToggleOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryToggleOffTwoTone', {
+Object.defineProperty(exports, "HistoryToggleOffTwoTone", {
   enumerable: true,
   get: function () {
     return _HistoryToggleOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HistoryTwoTone', {
+Object.defineProperty(exports, "HistoryTwoTone", {
   enumerable: true,
   get: function () {
     return _HistoryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Hive', {
+Object.defineProperty(exports, "Hive", {
   enumerable: true,
   get: function () {
     return _Hive.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HiveOutlined', {
+Object.defineProperty(exports, "HiveOutlined", {
   enumerable: true,
   get: function () {
     return _HiveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HiveRounded', {
+Object.defineProperty(exports, "HiveRounded", {
   enumerable: true,
   get: function () {
     return _HiveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HiveSharp', {
+Object.defineProperty(exports, "HiveSharp", {
   enumerable: true,
   get: function () {
     return _HiveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HiveTwoTone', {
+Object.defineProperty(exports, "HiveTwoTone", {
   enumerable: true,
   get: function () {
     return _HiveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Hls', {
+Object.defineProperty(exports, "Hls", {
   enumerable: true,
   get: function () {
     return _Hls.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HlsOff', {
+Object.defineProperty(exports, "HlsOff", {
   enumerable: true,
   get: function () {
     return _HlsOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HlsOffOutlined', {
+Object.defineProperty(exports, "HlsOffOutlined", {
   enumerable: true,
   get: function () {
     return _HlsOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HlsOffRounded', {
+Object.defineProperty(exports, "HlsOffRounded", {
   enumerable: true,
   get: function () {
     return _HlsOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HlsOffSharp', {
+Object.defineProperty(exports, "HlsOffSharp", {
   enumerable: true,
   get: function () {
     return _HlsOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HlsOffTwoTone', {
+Object.defineProperty(exports, "HlsOffTwoTone", {
   enumerable: true,
   get: function () {
     return _HlsOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HlsOutlined', {
+Object.defineProperty(exports, "HlsOutlined", {
   enumerable: true,
   get: function () {
     return _HlsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HlsRounded', {
+Object.defineProperty(exports, "HlsRounded", {
   enumerable: true,
   get: function () {
     return _HlsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HlsSharp', {
+Object.defineProperty(exports, "HlsSharp", {
   enumerable: true,
   get: function () {
     return _HlsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HlsTwoTone', {
+Object.defineProperty(exports, "HlsTwoTone", {
   enumerable: true,
   get: function () {
     return _HlsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HolidayVillage', {
+Object.defineProperty(exports, "HolidayVillage", {
   enumerable: true,
   get: function () {
     return _HolidayVillage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HolidayVillageOutlined', {
+Object.defineProperty(exports, "HolidayVillageOutlined", {
   enumerable: true,
   get: function () {
     return _HolidayVillageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HolidayVillageRounded', {
+Object.defineProperty(exports, "HolidayVillageRounded", {
   enumerable: true,
   get: function () {
     return _HolidayVillageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HolidayVillageSharp', {
+Object.defineProperty(exports, "HolidayVillageSharp", {
   enumerable: true,
   get: function () {
     return _HolidayVillageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HolidayVillageTwoTone', {
+Object.defineProperty(exports, "HolidayVillageTwoTone", {
   enumerable: true,
   get: function () {
     return _HolidayVillageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Home', {
+Object.defineProperty(exports, "Home", {
   enumerable: true,
   get: function () {
     return _Home.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeMax', {
+Object.defineProperty(exports, "HomeMax", {
   enumerable: true,
   get: function () {
     return _HomeMax.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeMaxOutlined', {
+Object.defineProperty(exports, "HomeMaxOutlined", {
   enumerable: true,
   get: function () {
     return _HomeMaxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeMaxRounded', {
+Object.defineProperty(exports, "HomeMaxRounded", {
   enumerable: true,
   get: function () {
     return _HomeMaxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeMaxSharp', {
+Object.defineProperty(exports, "HomeMaxSharp", {
   enumerable: true,
   get: function () {
     return _HomeMaxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeMaxTwoTone', {
+Object.defineProperty(exports, "HomeMaxTwoTone", {
   enumerable: true,
   get: function () {
     return _HomeMaxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeMini', {
+Object.defineProperty(exports, "HomeMini", {
   enumerable: true,
   get: function () {
     return _HomeMini.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeMiniOutlined', {
+Object.defineProperty(exports, "HomeMiniOutlined", {
   enumerable: true,
   get: function () {
     return _HomeMiniOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeMiniRounded', {
+Object.defineProperty(exports, "HomeMiniRounded", {
   enumerable: true,
   get: function () {
     return _HomeMiniRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeMiniSharp', {
+Object.defineProperty(exports, "HomeMiniSharp", {
   enumerable: true,
   get: function () {
     return _HomeMiniSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeMiniTwoTone', {
+Object.defineProperty(exports, "HomeMiniTwoTone", {
   enumerable: true,
   get: function () {
     return _HomeMiniTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeOutlined', {
+Object.defineProperty(exports, "HomeOutlined", {
   enumerable: true,
   get: function () {
     return _HomeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeRepairService', {
+Object.defineProperty(exports, "HomeRepairService", {
   enumerable: true,
   get: function () {
     return _HomeRepairService.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeRepairServiceOutlined', {
+Object.defineProperty(exports, "HomeRepairServiceOutlined", {
   enumerable: true,
   get: function () {
     return _HomeRepairServiceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeRepairServiceRounded', {
+Object.defineProperty(exports, "HomeRepairServiceRounded", {
   enumerable: true,
   get: function () {
     return _HomeRepairServiceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeRepairServiceSharp', {
+Object.defineProperty(exports, "HomeRepairServiceSharp", {
   enumerable: true,
   get: function () {
     return _HomeRepairServiceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeRepairServiceTwoTone', {
+Object.defineProperty(exports, "HomeRepairServiceTwoTone", {
   enumerable: true,
   get: function () {
     return _HomeRepairServiceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeRounded', {
+Object.defineProperty(exports, "HomeRounded", {
   enumerable: true,
   get: function () {
     return _HomeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeSharp', {
+Object.defineProperty(exports, "HomeSharp", {
   enumerable: true,
   get: function () {
     return _HomeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeTwoTone', {
+Object.defineProperty(exports, "HomeTwoTone", {
   enumerable: true,
   get: function () {
     return _HomeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeWork', {
+Object.defineProperty(exports, "HomeWork", {
   enumerable: true,
   get: function () {
     return _HomeWork.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeWorkOutlined', {
+Object.defineProperty(exports, "HomeWorkOutlined", {
   enumerable: true,
   get: function () {
     return _HomeWorkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeWorkRounded', {
+Object.defineProperty(exports, "HomeWorkRounded", {
   enumerable: true,
   get: function () {
     return _HomeWorkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeWorkSharp', {
+Object.defineProperty(exports, "HomeWorkSharp", {
   enumerable: true,
   get: function () {
     return _HomeWorkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HomeWorkTwoTone', {
+Object.defineProperty(exports, "HomeWorkTwoTone", {
   enumerable: true,
   get: function () {
     return _HomeWorkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HorizontalRule', {
+Object.defineProperty(exports, "HorizontalRule", {
   enumerable: true,
   get: function () {
     return _HorizontalRule.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HorizontalRuleOutlined', {
+Object.defineProperty(exports, "HorizontalRuleOutlined", {
   enumerable: true,
   get: function () {
     return _HorizontalRuleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HorizontalRuleRounded', {
+Object.defineProperty(exports, "HorizontalRuleRounded", {
   enumerable: true,
   get: function () {
     return _HorizontalRuleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HorizontalRuleSharp', {
+Object.defineProperty(exports, "HorizontalRuleSharp", {
   enumerable: true,
   get: function () {
     return _HorizontalRuleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HorizontalRuleTwoTone', {
+Object.defineProperty(exports, "HorizontalRuleTwoTone", {
   enumerable: true,
   get: function () {
     return _HorizontalRuleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HorizontalSplit', {
+Object.defineProperty(exports, "HorizontalSplit", {
   enumerable: true,
   get: function () {
     return _HorizontalSplit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HorizontalSplitOutlined', {
+Object.defineProperty(exports, "HorizontalSplitOutlined", {
   enumerable: true,
   get: function () {
     return _HorizontalSplitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HorizontalSplitRounded', {
+Object.defineProperty(exports, "HorizontalSplitRounded", {
   enumerable: true,
   get: function () {
     return _HorizontalSplitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HorizontalSplitSharp', {
+Object.defineProperty(exports, "HorizontalSplitSharp", {
   enumerable: true,
   get: function () {
     return _HorizontalSplitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HorizontalSplitTwoTone', {
+Object.defineProperty(exports, "HorizontalSplitTwoTone", {
   enumerable: true,
   get: function () {
     return _HorizontalSplitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HotTub', {
+Object.defineProperty(exports, "HotTub", {
   enumerable: true,
   get: function () {
     return _HotTub.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HotTubOutlined', {
+Object.defineProperty(exports, "HotTubOutlined", {
   enumerable: true,
   get: function () {
     return _HotTubOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HotTubRounded', {
+Object.defineProperty(exports, "HotTubRounded", {
   enumerable: true,
   get: function () {
     return _HotTubRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HotTubSharp', {
+Object.defineProperty(exports, "HotTubSharp", {
   enumerable: true,
   get: function () {
     return _HotTubSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HotTubTwoTone', {
+Object.defineProperty(exports, "HotTubTwoTone", {
   enumerable: true,
   get: function () {
     return _HotTubTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Hotel', {
+Object.defineProperty(exports, "Hotel", {
   enumerable: true,
   get: function () {
     return _Hotel.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HotelOutlined', {
+Object.defineProperty(exports, "HotelOutlined", {
   enumerable: true,
   get: function () {
     return _HotelOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HotelRounded', {
+Object.defineProperty(exports, "HotelRounded", {
   enumerable: true,
   get: function () {
     return _HotelRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HotelSharp', {
+Object.defineProperty(exports, "HotelSharp", {
   enumerable: true,
   get: function () {
     return _HotelSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HotelTwoTone', {
+Object.defineProperty(exports, "HotelTwoTone", {
   enumerable: true,
   get: function () {
     return _HotelTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassBottom', {
+Object.defineProperty(exports, "HourglassBottom", {
   enumerable: true,
   get: function () {
     return _HourglassBottom.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassBottomOutlined', {
+Object.defineProperty(exports, "HourglassBottomOutlined", {
   enumerable: true,
   get: function () {
     return _HourglassBottomOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassBottomRounded', {
+Object.defineProperty(exports, "HourglassBottomRounded", {
   enumerable: true,
   get: function () {
     return _HourglassBottomRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassBottomSharp', {
+Object.defineProperty(exports, "HourglassBottomSharp", {
   enumerable: true,
   get: function () {
     return _HourglassBottomSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassBottomTwoTone', {
+Object.defineProperty(exports, "HourglassBottomTwoTone", {
   enumerable: true,
   get: function () {
     return _HourglassBottomTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassDisabled', {
+Object.defineProperty(exports, "HourglassDisabled", {
   enumerable: true,
   get: function () {
     return _HourglassDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassDisabledOutlined', {
+Object.defineProperty(exports, "HourglassDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _HourglassDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassDisabledRounded', {
+Object.defineProperty(exports, "HourglassDisabledRounded", {
   enumerable: true,
   get: function () {
     return _HourglassDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassDisabledSharp', {
+Object.defineProperty(exports, "HourglassDisabledSharp", {
   enumerable: true,
   get: function () {
     return _HourglassDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassDisabledTwoTone', {
+Object.defineProperty(exports, "HourglassDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _HourglassDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassEmpty', {
+Object.defineProperty(exports, "HourglassEmpty", {
   enumerable: true,
   get: function () {
     return _HourglassEmpty.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassEmptyOutlined', {
+Object.defineProperty(exports, "HourglassEmptyOutlined", {
   enumerable: true,
   get: function () {
     return _HourglassEmptyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassEmptyRounded', {
+Object.defineProperty(exports, "HourglassEmptyRounded", {
   enumerable: true,
   get: function () {
     return _HourglassEmptyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassEmptySharp', {
+Object.defineProperty(exports, "HourglassEmptySharp", {
   enumerable: true,
   get: function () {
     return _HourglassEmptySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassEmptyTwoTone', {
+Object.defineProperty(exports, "HourglassEmptyTwoTone", {
   enumerable: true,
   get: function () {
     return _HourglassEmptyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassFull', {
+Object.defineProperty(exports, "HourglassFull", {
   enumerable: true,
   get: function () {
     return _HourglassFull.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassFullOutlined', {
+Object.defineProperty(exports, "HourglassFullOutlined", {
   enumerable: true,
   get: function () {
     return _HourglassFullOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassFullRounded', {
+Object.defineProperty(exports, "HourglassFullRounded", {
   enumerable: true,
   get: function () {
     return _HourglassFullRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassFullSharp', {
+Object.defineProperty(exports, "HourglassFullSharp", {
   enumerable: true,
   get: function () {
     return _HourglassFullSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassFullTwoTone', {
+Object.defineProperty(exports, "HourglassFullTwoTone", {
   enumerable: true,
   get: function () {
     return _HourglassFullTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassTop', {
+Object.defineProperty(exports, "HourglassTop", {
   enumerable: true,
   get: function () {
     return _HourglassTop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassTopOutlined', {
+Object.defineProperty(exports, "HourglassTopOutlined", {
   enumerable: true,
   get: function () {
     return _HourglassTopOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassTopRounded', {
+Object.defineProperty(exports, "HourglassTopRounded", {
   enumerable: true,
   get: function () {
     return _HourglassTopRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassTopSharp', {
+Object.defineProperty(exports, "HourglassTopSharp", {
   enumerable: true,
   get: function () {
     return _HourglassTopSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HourglassTopTwoTone', {
+Object.defineProperty(exports, "HourglassTopTwoTone", {
   enumerable: true,
   get: function () {
     return _HourglassTopTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'House', {
+Object.defineProperty(exports, "House", {
   enumerable: true,
   get: function () {
     return _House.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseOutlined', {
+Object.defineProperty(exports, "HouseOutlined", {
   enumerable: true,
   get: function () {
     return _HouseOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseRounded', {
+Object.defineProperty(exports, "HouseRounded", {
   enumerable: true,
   get: function () {
     return _HouseRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseSharp', {
+Object.defineProperty(exports, "HouseSharp", {
   enumerable: true,
   get: function () {
     return _HouseSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseSiding', {
+Object.defineProperty(exports, "HouseSiding", {
   enumerable: true,
   get: function () {
     return _HouseSiding.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseSidingOutlined', {
+Object.defineProperty(exports, "HouseSidingOutlined", {
   enumerable: true,
   get: function () {
     return _HouseSidingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseSidingRounded', {
+Object.defineProperty(exports, "HouseSidingRounded", {
   enumerable: true,
   get: function () {
     return _HouseSidingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseSidingSharp', {
+Object.defineProperty(exports, "HouseSidingSharp", {
   enumerable: true,
   get: function () {
     return _HouseSidingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseSidingTwoTone', {
+Object.defineProperty(exports, "HouseSidingTwoTone", {
   enumerable: true,
   get: function () {
     return _HouseSidingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseTwoTone', {
+Object.defineProperty(exports, "HouseTwoTone", {
   enumerable: true,
   get: function () {
     return _HouseTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Houseboat', {
+Object.defineProperty(exports, "Houseboat", {
   enumerable: true,
   get: function () {
     return _Houseboat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseboatOutlined', {
+Object.defineProperty(exports, "HouseboatOutlined", {
   enumerable: true,
   get: function () {
     return _HouseboatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseboatRounded', {
+Object.defineProperty(exports, "HouseboatRounded", {
   enumerable: true,
   get: function () {
     return _HouseboatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseboatSharp', {
+Object.defineProperty(exports, "HouseboatSharp", {
   enumerable: true,
   get: function () {
     return _HouseboatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HouseboatTwoTone', {
+Object.defineProperty(exports, "HouseboatTwoTone", {
   enumerable: true,
   get: function () {
     return _HouseboatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HowToReg', {
+Object.defineProperty(exports, "HowToReg", {
   enumerable: true,
   get: function () {
     return _HowToReg.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HowToRegOutlined', {
+Object.defineProperty(exports, "HowToRegOutlined", {
   enumerable: true,
   get: function () {
     return _HowToRegOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HowToRegRounded', {
+Object.defineProperty(exports, "HowToRegRounded", {
   enumerable: true,
   get: function () {
     return _HowToRegRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HowToRegSharp', {
+Object.defineProperty(exports, "HowToRegSharp", {
   enumerable: true,
   get: function () {
     return _HowToRegSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HowToRegTwoTone', {
+Object.defineProperty(exports, "HowToRegTwoTone", {
   enumerable: true,
   get: function () {
     return _HowToRegTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HowToVote', {
+Object.defineProperty(exports, "HowToVote", {
   enumerable: true,
   get: function () {
     return _HowToVote.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HowToVoteOutlined', {
+Object.defineProperty(exports, "HowToVoteOutlined", {
   enumerable: true,
   get: function () {
     return _HowToVoteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HowToVoteRounded', {
+Object.defineProperty(exports, "HowToVoteRounded", {
   enumerable: true,
   get: function () {
     return _HowToVoteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HowToVoteSharp', {
+Object.defineProperty(exports, "HowToVoteSharp", {
   enumerable: true,
   get: function () {
     return _HowToVoteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HowToVoteTwoTone', {
+Object.defineProperty(exports, "HowToVoteTwoTone", {
   enumerable: true,
   get: function () {
     return _HowToVoteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Html', {
+Object.defineProperty(exports, "Html", {
   enumerable: true,
   get: function () {
     return _Html.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HtmlOutlined', {
+Object.defineProperty(exports, "HtmlOutlined", {
   enumerable: true,
   get: function () {
     return _HtmlOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HtmlRounded', {
+Object.defineProperty(exports, "HtmlRounded", {
   enumerable: true,
   get: function () {
     return _HtmlRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HtmlSharp', {
+Object.defineProperty(exports, "HtmlSharp", {
   enumerable: true,
   get: function () {
     return _HtmlSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HtmlTwoTone', {
+Object.defineProperty(exports, "HtmlTwoTone", {
   enumerable: true,
   get: function () {
     return _HtmlTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Http', {
+Object.defineProperty(exports, "Http", {
   enumerable: true,
   get: function () {
     return _Http.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HttpOutlined', {
+Object.defineProperty(exports, "HttpOutlined", {
   enumerable: true,
   get: function () {
     return _HttpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HttpRounded', {
+Object.defineProperty(exports, "HttpRounded", {
   enumerable: true,
   get: function () {
     return _HttpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HttpSharp', {
+Object.defineProperty(exports, "HttpSharp", {
   enumerable: true,
   get: function () {
     return _HttpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HttpTwoTone', {
+Object.defineProperty(exports, "HttpTwoTone", {
   enumerable: true,
   get: function () {
     return _HttpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Https', {
+Object.defineProperty(exports, "Https", {
   enumerable: true,
   get: function () {
     return _Https.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HttpsOutlined', {
+Object.defineProperty(exports, "HttpsOutlined", {
   enumerable: true,
   get: function () {
     return _HttpsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HttpsRounded', {
+Object.defineProperty(exports, "HttpsRounded", {
   enumerable: true,
   get: function () {
     return _HttpsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HttpsSharp', {
+Object.defineProperty(exports, "HttpsSharp", {
   enumerable: true,
   get: function () {
     return _HttpsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HttpsTwoTone', {
+Object.defineProperty(exports, "HttpsTwoTone", {
   enumerable: true,
   get: function () {
     return _HttpsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Hub', {
+Object.defineProperty(exports, "Hub", {
   enumerable: true,
   get: function () {
     return _Hub.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HubOutlined', {
+Object.defineProperty(exports, "HubOutlined", {
   enumerable: true,
   get: function () {
     return _HubOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HubRounded', {
+Object.defineProperty(exports, "HubRounded", {
   enumerable: true,
   get: function () {
     return _HubRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HubSharp', {
+Object.defineProperty(exports, "HubSharp", {
   enumerable: true,
   get: function () {
     return _HubSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HubTwoTone', {
+Object.defineProperty(exports, "HubTwoTone", {
   enumerable: true,
   get: function () {
     return _HubTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Hvac', {
+Object.defineProperty(exports, "Hvac", {
   enumerable: true,
   get: function () {
     return _Hvac.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HvacOutlined', {
+Object.defineProperty(exports, "HvacOutlined", {
   enumerable: true,
   get: function () {
     return _HvacOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HvacRounded', {
+Object.defineProperty(exports, "HvacRounded", {
   enumerable: true,
   get: function () {
     return _HvacRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HvacSharp', {
+Object.defineProperty(exports, "HvacSharp", {
   enumerable: true,
   get: function () {
     return _HvacSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'HvacTwoTone', {
+Object.defineProperty(exports, "HvacTwoTone", {
   enumerable: true,
   get: function () {
     return _HvacTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IceSkating', {
+Object.defineProperty(exports, "IceSkating", {
   enumerable: true,
   get: function () {
     return _IceSkating.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IceSkatingOutlined', {
+Object.defineProperty(exports, "IceSkatingOutlined", {
   enumerable: true,
   get: function () {
     return _IceSkatingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IceSkatingRounded', {
+Object.defineProperty(exports, "IceSkatingRounded", {
   enumerable: true,
   get: function () {
     return _IceSkatingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IceSkatingSharp', {
+Object.defineProperty(exports, "IceSkatingSharp", {
   enumerable: true,
   get: function () {
     return _IceSkatingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IceSkatingTwoTone', {
+Object.defineProperty(exports, "IceSkatingTwoTone", {
   enumerable: true,
   get: function () {
     return _IceSkatingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Icecream', {
+Object.defineProperty(exports, "Icecream", {
   enumerable: true,
   get: function () {
     return _Icecream.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IcecreamOutlined', {
+Object.defineProperty(exports, "IcecreamOutlined", {
   enumerable: true,
   get: function () {
     return _IcecreamOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IcecreamRounded', {
+Object.defineProperty(exports, "IcecreamRounded", {
   enumerable: true,
   get: function () {
     return _IcecreamRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IcecreamSharp', {
+Object.defineProperty(exports, "IcecreamSharp", {
   enumerable: true,
   get: function () {
     return _IcecreamSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IcecreamTwoTone', {
+Object.defineProperty(exports, "IcecreamTwoTone", {
   enumerable: true,
   get: function () {
     return _IcecreamTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Image', {
+Object.defineProperty(exports, "Image", {
   enumerable: true,
   get: function () {
     return _Image.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageAspectRatio', {
+Object.defineProperty(exports, "ImageAspectRatio", {
   enumerable: true,
   get: function () {
     return _ImageAspectRatio.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageAspectRatioOutlined', {
+Object.defineProperty(exports, "ImageAspectRatioOutlined", {
   enumerable: true,
   get: function () {
     return _ImageAspectRatioOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageAspectRatioRounded', {
+Object.defineProperty(exports, "ImageAspectRatioRounded", {
   enumerable: true,
   get: function () {
     return _ImageAspectRatioRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageAspectRatioSharp', {
+Object.defineProperty(exports, "ImageAspectRatioSharp", {
   enumerable: true,
   get: function () {
     return _ImageAspectRatioSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageAspectRatioTwoTone', {
+Object.defineProperty(exports, "ImageAspectRatioTwoTone", {
   enumerable: true,
   get: function () {
     return _ImageAspectRatioTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageNotSupported', {
+Object.defineProperty(exports, "ImageNotSupported", {
   enumerable: true,
   get: function () {
     return _ImageNotSupported.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageNotSupportedOutlined', {
+Object.defineProperty(exports, "ImageNotSupportedOutlined", {
   enumerable: true,
   get: function () {
     return _ImageNotSupportedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageNotSupportedRounded', {
+Object.defineProperty(exports, "ImageNotSupportedRounded", {
   enumerable: true,
   get: function () {
     return _ImageNotSupportedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageNotSupportedSharp', {
+Object.defineProperty(exports, "ImageNotSupportedSharp", {
   enumerable: true,
   get: function () {
     return _ImageNotSupportedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageNotSupportedTwoTone', {
+Object.defineProperty(exports, "ImageNotSupportedTwoTone", {
   enumerable: true,
   get: function () {
     return _ImageNotSupportedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageOutlined', {
+Object.defineProperty(exports, "ImageOutlined", {
   enumerable: true,
   get: function () {
     return _ImageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageRounded', {
+Object.defineProperty(exports, "ImageRounded", {
   enumerable: true,
   get: function () {
     return _ImageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageSearch', {
+Object.defineProperty(exports, "ImageSearch", {
   enumerable: true,
   get: function () {
     return _ImageSearch.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageSearchOutlined', {
+Object.defineProperty(exports, "ImageSearchOutlined", {
   enumerable: true,
   get: function () {
     return _ImageSearchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageSearchRounded', {
+Object.defineProperty(exports, "ImageSearchRounded", {
   enumerable: true,
   get: function () {
     return _ImageSearchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageSearchSharp', {
+Object.defineProperty(exports, "ImageSearchSharp", {
   enumerable: true,
   get: function () {
     return _ImageSearchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageSearchTwoTone', {
+Object.defineProperty(exports, "ImageSearchTwoTone", {
   enumerable: true,
   get: function () {
     return _ImageSearchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageSharp', {
+Object.defineProperty(exports, "ImageSharp", {
   enumerable: true,
   get: function () {
     return _ImageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImageTwoTone', {
+Object.defineProperty(exports, "ImageTwoTone", {
   enumerable: true,
   get: function () {
     return _ImageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImagesearchRoller', {
+Object.defineProperty(exports, "ImagesearchRoller", {
   enumerable: true,
   get: function () {
     return _ImagesearchRoller.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImagesearchRollerOutlined', {
+Object.defineProperty(exports, "ImagesearchRollerOutlined", {
   enumerable: true,
   get: function () {
     return _ImagesearchRollerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImagesearchRollerRounded', {
+Object.defineProperty(exports, "ImagesearchRollerRounded", {
   enumerable: true,
   get: function () {
     return _ImagesearchRollerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImagesearchRollerSharp', {
+Object.defineProperty(exports, "ImagesearchRollerSharp", {
   enumerable: true,
   get: function () {
     return _ImagesearchRollerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImagesearchRollerTwoTone', {
+Object.defineProperty(exports, "ImagesearchRollerTwoTone", {
   enumerable: true,
   get: function () {
     return _ImagesearchRollerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportContacts', {
+Object.defineProperty(exports, "ImportContacts", {
   enumerable: true,
   get: function () {
     return _ImportContacts.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportContactsOutlined', {
+Object.defineProperty(exports, "ImportContactsOutlined", {
   enumerable: true,
   get: function () {
     return _ImportContactsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportContactsRounded', {
+Object.defineProperty(exports, "ImportContactsRounded", {
   enumerable: true,
   get: function () {
     return _ImportContactsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportContactsSharp', {
+Object.defineProperty(exports, "ImportContactsSharp", {
   enumerable: true,
   get: function () {
     return _ImportContactsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportContactsTwoTone', {
+Object.defineProperty(exports, "ImportContactsTwoTone", {
   enumerable: true,
   get: function () {
     return _ImportContactsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportExport', {
+Object.defineProperty(exports, "ImportExport", {
   enumerable: true,
   get: function () {
     return _ImportExport.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportExportOutlined', {
+Object.defineProperty(exports, "ImportExportOutlined", {
   enumerable: true,
   get: function () {
     return _ImportExportOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportExportRounded', {
+Object.defineProperty(exports, "ImportExportRounded", {
   enumerable: true,
   get: function () {
     return _ImportExportRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportExportSharp', {
+Object.defineProperty(exports, "ImportExportSharp", {
   enumerable: true,
   get: function () {
     return _ImportExportSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportExportTwoTone', {
+Object.defineProperty(exports, "ImportExportTwoTone", {
   enumerable: true,
   get: function () {
     return _ImportExportTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportantDevices', {
+Object.defineProperty(exports, "ImportantDevices", {
   enumerable: true,
   get: function () {
     return _ImportantDevices.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportantDevicesOutlined', {
+Object.defineProperty(exports, "ImportantDevicesOutlined", {
   enumerable: true,
   get: function () {
     return _ImportantDevicesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportantDevicesRounded', {
+Object.defineProperty(exports, "ImportantDevicesRounded", {
   enumerable: true,
   get: function () {
     return _ImportantDevicesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportantDevicesSharp', {
+Object.defineProperty(exports, "ImportantDevicesSharp", {
   enumerable: true,
   get: function () {
     return _ImportantDevicesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ImportantDevicesTwoTone', {
+Object.defineProperty(exports, "ImportantDevicesTwoTone", {
   enumerable: true,
   get: function () {
     return _ImportantDevicesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Inbox', {
+Object.defineProperty(exports, "Inbox", {
   enumerable: true,
   get: function () {
     return _Inbox.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InboxOutlined', {
+Object.defineProperty(exports, "InboxOutlined", {
   enumerable: true,
   get: function () {
     return _InboxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InboxRounded', {
+Object.defineProperty(exports, "InboxRounded", {
   enumerable: true,
   get: function () {
     return _InboxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InboxSharp', {
+Object.defineProperty(exports, "InboxSharp", {
   enumerable: true,
   get: function () {
     return _InboxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InboxTwoTone', {
+Object.defineProperty(exports, "InboxTwoTone", {
   enumerable: true,
   get: function () {
     return _InboxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IndeterminateCheckBox', {
+Object.defineProperty(exports, "IndeterminateCheckBox", {
   enumerable: true,
   get: function () {
     return _IndeterminateCheckBox.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IndeterminateCheckBoxOutlined', {
+Object.defineProperty(exports, "IndeterminateCheckBoxOutlined", {
   enumerable: true,
   get: function () {
     return _IndeterminateCheckBoxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IndeterminateCheckBoxRounded', {
+Object.defineProperty(exports, "IndeterminateCheckBoxRounded", {
   enumerable: true,
   get: function () {
     return _IndeterminateCheckBoxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IndeterminateCheckBoxSharp', {
+Object.defineProperty(exports, "IndeterminateCheckBoxSharp", {
   enumerable: true,
   get: function () {
     return _IndeterminateCheckBoxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IndeterminateCheckBoxTwoTone', {
+Object.defineProperty(exports, "IndeterminateCheckBoxTwoTone", {
   enumerable: true,
   get: function () {
     return _IndeterminateCheckBoxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Info', {
+Object.defineProperty(exports, "Info", {
   enumerable: true,
   get: function () {
     return _Info.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InfoOutlined', {
+Object.defineProperty(exports, "InfoOutlined", {
   enumerable: true,
   get: function () {
     return _InfoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InfoRounded', {
+Object.defineProperty(exports, "InfoRounded", {
   enumerable: true,
   get: function () {
     return _InfoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InfoSharp', {
+Object.defineProperty(exports, "InfoSharp", {
   enumerable: true,
   get: function () {
     return _InfoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InfoTwoTone', {
+Object.defineProperty(exports, "InfoTwoTone", {
   enumerable: true,
   get: function () {
     return _InfoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Input', {
+Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () {
     return _Input.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InputOutlined', {
+Object.defineProperty(exports, "InputOutlined", {
   enumerable: true,
   get: function () {
     return _InputOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InputRounded', {
+Object.defineProperty(exports, "InputRounded", {
   enumerable: true,
   get: function () {
     return _InputRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InputSharp', {
+Object.defineProperty(exports, "InputSharp", {
   enumerable: true,
   get: function () {
     return _InputSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InputTwoTone', {
+Object.defineProperty(exports, "InputTwoTone", {
   enumerable: true,
   get: function () {
     return _InputTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertChart', {
+Object.defineProperty(exports, "InsertChart", {
   enumerable: true,
   get: function () {
     return _InsertChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertChartOutlined', {
+Object.defineProperty(exports, "InsertChartOutlined", {
   enumerable: true,
   get: function () {
     return _InsertChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertChartOutlinedOutlined', {
+Object.defineProperty(exports, "InsertChartOutlinedOutlined", {
   enumerable: true,
   get: function () {
     return _InsertChartOutlinedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertChartOutlinedRounded', {
+Object.defineProperty(exports, "InsertChartOutlinedRounded", {
   enumerable: true,
   get: function () {
     return _InsertChartOutlinedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertChartOutlinedSharp', {
+Object.defineProperty(exports, "InsertChartOutlinedSharp", {
   enumerable: true,
   get: function () {
     return _InsertChartOutlinedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertChartOutlinedTwoTone', {
+Object.defineProperty(exports, "InsertChartOutlinedTwoTone", {
   enumerable: true,
   get: function () {
     return _InsertChartOutlinedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertChartRounded', {
+Object.defineProperty(exports, "InsertChartRounded", {
   enumerable: true,
   get: function () {
     return _InsertChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertChartSharp', {
+Object.defineProperty(exports, "InsertChartSharp", {
   enumerable: true,
   get: function () {
     return _InsertChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertChartTwoTone', {
+Object.defineProperty(exports, "InsertChartTwoTone", {
   enumerable: true,
   get: function () {
     return _InsertChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertComment', {
+Object.defineProperty(exports, "InsertComment", {
   enumerable: true,
   get: function () {
     return _InsertComment.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertCommentOutlined', {
+Object.defineProperty(exports, "InsertCommentOutlined", {
   enumerable: true,
   get: function () {
     return _InsertCommentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertCommentRounded', {
+Object.defineProperty(exports, "InsertCommentRounded", {
   enumerable: true,
   get: function () {
     return _InsertCommentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertCommentSharp', {
+Object.defineProperty(exports, "InsertCommentSharp", {
   enumerable: true,
   get: function () {
     return _InsertCommentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertCommentTwoTone', {
+Object.defineProperty(exports, "InsertCommentTwoTone", {
   enumerable: true,
   get: function () {
     return _InsertCommentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertDriveFile', {
+Object.defineProperty(exports, "InsertDriveFile", {
   enumerable: true,
   get: function () {
     return _InsertDriveFile.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertDriveFileOutlined', {
+Object.defineProperty(exports, "InsertDriveFileOutlined", {
   enumerable: true,
   get: function () {
     return _InsertDriveFileOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertDriveFileRounded', {
+Object.defineProperty(exports, "InsertDriveFileRounded", {
   enumerable: true,
   get: function () {
     return _InsertDriveFileRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertDriveFileSharp', {
+Object.defineProperty(exports, "InsertDriveFileSharp", {
   enumerable: true,
   get: function () {
     return _InsertDriveFileSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertDriveFileTwoTone', {
+Object.defineProperty(exports, "InsertDriveFileTwoTone", {
   enumerable: true,
   get: function () {
     return _InsertDriveFileTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertEmoticon', {
+Object.defineProperty(exports, "InsertEmoticon", {
   enumerable: true,
   get: function () {
     return _InsertEmoticon.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertEmoticonOutlined', {
+Object.defineProperty(exports, "InsertEmoticonOutlined", {
   enumerable: true,
   get: function () {
     return _InsertEmoticonOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertEmoticonRounded', {
+Object.defineProperty(exports, "InsertEmoticonRounded", {
   enumerable: true,
   get: function () {
     return _InsertEmoticonRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertEmoticonSharp', {
+Object.defineProperty(exports, "InsertEmoticonSharp", {
   enumerable: true,
   get: function () {
     return _InsertEmoticonSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertEmoticonTwoTone', {
+Object.defineProperty(exports, "InsertEmoticonTwoTone", {
   enumerable: true,
   get: function () {
     return _InsertEmoticonTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertInvitation', {
+Object.defineProperty(exports, "InsertInvitation", {
   enumerable: true,
   get: function () {
     return _InsertInvitation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertInvitationOutlined', {
+Object.defineProperty(exports, "InsertInvitationOutlined", {
   enumerable: true,
   get: function () {
     return _InsertInvitationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertInvitationRounded', {
+Object.defineProperty(exports, "InsertInvitationRounded", {
   enumerable: true,
   get: function () {
     return _InsertInvitationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertInvitationSharp', {
+Object.defineProperty(exports, "InsertInvitationSharp", {
   enumerable: true,
   get: function () {
     return _InsertInvitationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertInvitationTwoTone', {
+Object.defineProperty(exports, "InsertInvitationTwoTone", {
   enumerable: true,
   get: function () {
     return _InsertInvitationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertLink', {
+Object.defineProperty(exports, "InsertLink", {
   enumerable: true,
   get: function () {
     return _InsertLink.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertLinkOutlined', {
+Object.defineProperty(exports, "InsertLinkOutlined", {
   enumerable: true,
   get: function () {
     return _InsertLinkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertLinkRounded', {
+Object.defineProperty(exports, "InsertLinkRounded", {
   enumerable: true,
   get: function () {
     return _InsertLinkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertLinkSharp', {
+Object.defineProperty(exports, "InsertLinkSharp", {
   enumerable: true,
   get: function () {
     return _InsertLinkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertLinkTwoTone', {
+Object.defineProperty(exports, "InsertLinkTwoTone", {
   enumerable: true,
   get: function () {
     return _InsertLinkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertPageBreak', {
+Object.defineProperty(exports, "InsertPageBreak", {
   enumerable: true,
   get: function () {
     return _InsertPageBreak.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertPageBreakOutlined', {
+Object.defineProperty(exports, "InsertPageBreakOutlined", {
   enumerable: true,
   get: function () {
     return _InsertPageBreakOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertPageBreakRounded', {
+Object.defineProperty(exports, "InsertPageBreakRounded", {
   enumerable: true,
   get: function () {
     return _InsertPageBreakRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertPageBreakSharp', {
+Object.defineProperty(exports, "InsertPageBreakSharp", {
   enumerable: true,
   get: function () {
     return _InsertPageBreakSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertPageBreakTwoTone', {
+Object.defineProperty(exports, "InsertPageBreakTwoTone", {
   enumerable: true,
   get: function () {
     return _InsertPageBreakTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertPhoto', {
+Object.defineProperty(exports, "InsertPhoto", {
   enumerable: true,
   get: function () {
     return _InsertPhoto.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertPhotoOutlined', {
+Object.defineProperty(exports, "InsertPhotoOutlined", {
   enumerable: true,
   get: function () {
     return _InsertPhotoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertPhotoRounded', {
+Object.defineProperty(exports, "InsertPhotoRounded", {
   enumerable: true,
   get: function () {
     return _InsertPhotoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertPhotoSharp', {
+Object.defineProperty(exports, "InsertPhotoSharp", {
   enumerable: true,
   get: function () {
     return _InsertPhotoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsertPhotoTwoTone', {
+Object.defineProperty(exports, "InsertPhotoTwoTone", {
   enumerable: true,
   get: function () {
     return _InsertPhotoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Insights', {
+Object.defineProperty(exports, "Insights", {
   enumerable: true,
   get: function () {
     return _Insights.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsightsOutlined', {
+Object.defineProperty(exports, "InsightsOutlined", {
   enumerable: true,
   get: function () {
     return _InsightsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsightsRounded', {
+Object.defineProperty(exports, "InsightsRounded", {
   enumerable: true,
   get: function () {
     return _InsightsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsightsSharp', {
+Object.defineProperty(exports, "InsightsSharp", {
   enumerable: true,
   get: function () {
     return _InsightsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InsightsTwoTone', {
+Object.defineProperty(exports, "InsightsTwoTone", {
   enumerable: true,
   get: function () {
     return _InsightsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Instagram', {
+Object.defineProperty(exports, "Instagram", {
   enumerable: true,
   get: function () {
     return _Instagram.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InstallDesktop', {
+Object.defineProperty(exports, "InstallDesktop", {
   enumerable: true,
   get: function () {
     return _InstallDesktop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InstallDesktopOutlined', {
+Object.defineProperty(exports, "InstallDesktopOutlined", {
   enumerable: true,
   get: function () {
     return _InstallDesktopOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InstallDesktopRounded', {
+Object.defineProperty(exports, "InstallDesktopRounded", {
   enumerable: true,
   get: function () {
     return _InstallDesktopRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InstallDesktopSharp', {
+Object.defineProperty(exports, "InstallDesktopSharp", {
   enumerable: true,
   get: function () {
     return _InstallDesktopSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InstallDesktopTwoTone', {
+Object.defineProperty(exports, "InstallDesktopTwoTone", {
   enumerable: true,
   get: function () {
     return _InstallDesktopTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InstallMobile', {
+Object.defineProperty(exports, "InstallMobile", {
   enumerable: true,
   get: function () {
     return _InstallMobile.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InstallMobileOutlined', {
+Object.defineProperty(exports, "InstallMobileOutlined", {
   enumerable: true,
   get: function () {
     return _InstallMobileOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InstallMobileRounded', {
+Object.defineProperty(exports, "InstallMobileRounded", {
   enumerable: true,
   get: function () {
     return _InstallMobileRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InstallMobileSharp', {
+Object.defineProperty(exports, "InstallMobileSharp", {
   enumerable: true,
   get: function () {
     return _InstallMobileSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InstallMobileTwoTone', {
+Object.defineProperty(exports, "InstallMobileTwoTone", {
   enumerable: true,
   get: function () {
     return _InstallMobileTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IntegrationInstructions', {
+Object.defineProperty(exports, "IntegrationInstructions", {
   enumerable: true,
   get: function () {
     return _IntegrationInstructions.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IntegrationInstructionsOutlined', {
+Object.defineProperty(exports, "IntegrationInstructionsOutlined", {
   enumerable: true,
   get: function () {
     return _IntegrationInstructionsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IntegrationInstructionsRounded', {
+Object.defineProperty(exports, "IntegrationInstructionsRounded", {
   enumerable: true,
   get: function () {
     return _IntegrationInstructionsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IntegrationInstructionsSharp', {
+Object.defineProperty(exports, "IntegrationInstructionsSharp", {
   enumerable: true,
   get: function () {
     return _IntegrationInstructionsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IntegrationInstructionsTwoTone', {
+Object.defineProperty(exports, "IntegrationInstructionsTwoTone", {
   enumerable: true,
   get: function () {
     return _IntegrationInstructionsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Interests', {
+Object.defineProperty(exports, "Interests", {
   enumerable: true,
   get: function () {
     return _Interests.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InterestsOutlined', {
+Object.defineProperty(exports, "InterestsOutlined", {
   enumerable: true,
   get: function () {
     return _InterestsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InterestsRounded', {
+Object.defineProperty(exports, "InterestsRounded", {
   enumerable: true,
   get: function () {
     return _InterestsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InterestsSharp', {
+Object.defineProperty(exports, "InterestsSharp", {
   enumerable: true,
   get: function () {
     return _InterestsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InterestsTwoTone', {
+Object.defineProperty(exports, "InterestsTwoTone", {
   enumerable: true,
   get: function () {
     return _InterestsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InterpreterMode', {
+Object.defineProperty(exports, "InterpreterMode", {
   enumerable: true,
   get: function () {
     return _InterpreterMode.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InterpreterModeOutlined', {
+Object.defineProperty(exports, "InterpreterModeOutlined", {
   enumerable: true,
   get: function () {
     return _InterpreterModeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InterpreterModeRounded', {
+Object.defineProperty(exports, "InterpreterModeRounded", {
   enumerable: true,
   get: function () {
     return _InterpreterModeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InterpreterModeSharp', {
+Object.defineProperty(exports, "InterpreterModeSharp", {
   enumerable: true,
   get: function () {
     return _InterpreterModeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InterpreterModeTwoTone', {
+Object.defineProperty(exports, "InterpreterModeTwoTone", {
   enumerable: true,
   get: function () {
     return _InterpreterModeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Inventory', {
+Object.defineProperty(exports, "Inventory", {
   enumerable: true,
   get: function () {
     return _Inventory.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Inventory2', {
+Object.defineProperty(exports, "Inventory2", {
   enumerable: true,
   get: function () {
     return _Inventory2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Inventory2Outlined', {
+Object.defineProperty(exports, "Inventory2Outlined", {
   enumerable: true,
   get: function () {
     return _Inventory2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Inventory2Rounded', {
+Object.defineProperty(exports, "Inventory2Rounded", {
   enumerable: true,
   get: function () {
     return _Inventory2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Inventory2Sharp', {
+Object.defineProperty(exports, "Inventory2Sharp", {
   enumerable: true,
   get: function () {
     return _Inventory2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Inventory2TwoTone', {
+Object.defineProperty(exports, "Inventory2TwoTone", {
   enumerable: true,
   get: function () {
     return _Inventory2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InventoryOutlined', {
+Object.defineProperty(exports, "InventoryOutlined", {
   enumerable: true,
   get: function () {
     return _InventoryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InventoryRounded', {
+Object.defineProperty(exports, "InventoryRounded", {
   enumerable: true,
   get: function () {
     return _InventoryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InventorySharp', {
+Object.defineProperty(exports, "InventorySharp", {
   enumerable: true,
   get: function () {
     return _InventorySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InventoryTwoTone', {
+Object.defineProperty(exports, "InventoryTwoTone", {
   enumerable: true,
   get: function () {
     return _InventoryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InvertColors', {
+Object.defineProperty(exports, "InvertColors", {
   enumerable: true,
   get: function () {
     return _InvertColors.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InvertColorsOff', {
+Object.defineProperty(exports, "InvertColorsOff", {
   enumerable: true,
   get: function () {
     return _InvertColorsOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InvertColorsOffOutlined', {
+Object.defineProperty(exports, "InvertColorsOffOutlined", {
   enumerable: true,
   get: function () {
     return _InvertColorsOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InvertColorsOffRounded', {
+Object.defineProperty(exports, "InvertColorsOffRounded", {
   enumerable: true,
   get: function () {
     return _InvertColorsOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InvertColorsOffSharp', {
+Object.defineProperty(exports, "InvertColorsOffSharp", {
   enumerable: true,
   get: function () {
     return _InvertColorsOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InvertColorsOffTwoTone', {
+Object.defineProperty(exports, "InvertColorsOffTwoTone", {
   enumerable: true,
   get: function () {
     return _InvertColorsOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InvertColorsOutlined', {
+Object.defineProperty(exports, "InvertColorsOutlined", {
   enumerable: true,
   get: function () {
     return _InvertColorsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InvertColorsRounded', {
+Object.defineProperty(exports, "InvertColorsRounded", {
   enumerable: true,
   get: function () {
     return _InvertColorsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InvertColorsSharp', {
+Object.defineProperty(exports, "InvertColorsSharp", {
   enumerable: true,
   get: function () {
     return _InvertColorsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'InvertColorsTwoTone', {
+Object.defineProperty(exports, "InvertColorsTwoTone", {
   enumerable: true,
   get: function () {
     return _InvertColorsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IosShare', {
+Object.defineProperty(exports, "IosShare", {
   enumerable: true,
   get: function () {
     return _IosShare.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IosShareOutlined', {
+Object.defineProperty(exports, "IosShareOutlined", {
   enumerable: true,
   get: function () {
     return _IosShareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IosShareRounded', {
+Object.defineProperty(exports, "IosShareRounded", {
   enumerable: true,
   get: function () {
     return _IosShareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IosShareSharp', {
+Object.defineProperty(exports, "IosShareSharp", {
   enumerable: true,
   get: function () {
     return _IosShareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IosShareTwoTone', {
+Object.defineProperty(exports, "IosShareTwoTone", {
   enumerable: true,
   get: function () {
     return _IosShareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Iron', {
+Object.defineProperty(exports, "Iron", {
   enumerable: true,
   get: function () {
     return _Iron.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IronOutlined', {
+Object.defineProperty(exports, "IronOutlined", {
   enumerable: true,
   get: function () {
     return _IronOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IronRounded', {
+Object.defineProperty(exports, "IronRounded", {
   enumerable: true,
   get: function () {
     return _IronRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IronSharp', {
+Object.defineProperty(exports, "IronSharp", {
   enumerable: true,
   get: function () {
     return _IronSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IronTwoTone', {
+Object.defineProperty(exports, "IronTwoTone", {
   enumerable: true,
   get: function () {
     return _IronTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Iso', {
+Object.defineProperty(exports, "Iso", {
   enumerable: true,
   get: function () {
     return _Iso.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IsoOutlined', {
+Object.defineProperty(exports, "IsoOutlined", {
   enumerable: true,
   get: function () {
     return _IsoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IsoRounded', {
+Object.defineProperty(exports, "IsoRounded", {
   enumerable: true,
   get: function () {
     return _IsoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IsoSharp', {
+Object.defineProperty(exports, "IsoSharp", {
   enumerable: true,
   get: function () {
     return _IsoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'IsoTwoTone', {
+Object.defineProperty(exports, "IsoTwoTone", {
   enumerable: true,
   get: function () {
     return _IsoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Javascript', {
+Object.defineProperty(exports, "Javascript", {
   enumerable: true,
   get: function () {
     return _Javascript.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JavascriptOutlined', {
+Object.defineProperty(exports, "JavascriptOutlined", {
   enumerable: true,
   get: function () {
     return _JavascriptOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JavascriptRounded', {
+Object.defineProperty(exports, "JavascriptRounded", {
   enumerable: true,
   get: function () {
     return _JavascriptRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JavascriptSharp', {
+Object.defineProperty(exports, "JavascriptSharp", {
   enumerable: true,
   get: function () {
     return _JavascriptSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JavascriptTwoTone', {
+Object.defineProperty(exports, "JavascriptTwoTone", {
   enumerable: true,
   get: function () {
     return _JavascriptTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinFull', {
+Object.defineProperty(exports, "JoinFull", {
   enumerable: true,
   get: function () {
     return _JoinFull.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinFullOutlined', {
+Object.defineProperty(exports, "JoinFullOutlined", {
   enumerable: true,
   get: function () {
     return _JoinFullOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinFullRounded', {
+Object.defineProperty(exports, "JoinFullRounded", {
   enumerable: true,
   get: function () {
     return _JoinFullRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinFullSharp', {
+Object.defineProperty(exports, "JoinFullSharp", {
   enumerable: true,
   get: function () {
     return _JoinFullSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinFullTwoTone', {
+Object.defineProperty(exports, "JoinFullTwoTone", {
   enumerable: true,
   get: function () {
     return _JoinFullTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinInner', {
+Object.defineProperty(exports, "JoinInner", {
   enumerable: true,
   get: function () {
     return _JoinInner.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinInnerOutlined', {
+Object.defineProperty(exports, "JoinInnerOutlined", {
   enumerable: true,
   get: function () {
     return _JoinInnerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinInnerRounded', {
+Object.defineProperty(exports, "JoinInnerRounded", {
   enumerable: true,
   get: function () {
     return _JoinInnerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinInnerSharp', {
+Object.defineProperty(exports, "JoinInnerSharp", {
   enumerable: true,
   get: function () {
     return _JoinInnerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinInnerTwoTone', {
+Object.defineProperty(exports, "JoinInnerTwoTone", {
   enumerable: true,
   get: function () {
     return _JoinInnerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinLeft', {
+Object.defineProperty(exports, "JoinLeft", {
   enumerable: true,
   get: function () {
     return _JoinLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinLeftOutlined', {
+Object.defineProperty(exports, "JoinLeftOutlined", {
   enumerable: true,
   get: function () {
     return _JoinLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinLeftRounded', {
+Object.defineProperty(exports, "JoinLeftRounded", {
   enumerable: true,
   get: function () {
     return _JoinLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinLeftSharp', {
+Object.defineProperty(exports, "JoinLeftSharp", {
   enumerable: true,
   get: function () {
     return _JoinLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinLeftTwoTone', {
+Object.defineProperty(exports, "JoinLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _JoinLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinRight', {
+Object.defineProperty(exports, "JoinRight", {
   enumerable: true,
   get: function () {
     return _JoinRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinRightOutlined', {
+Object.defineProperty(exports, "JoinRightOutlined", {
   enumerable: true,
   get: function () {
     return _JoinRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinRightRounded', {
+Object.defineProperty(exports, "JoinRightRounded", {
   enumerable: true,
   get: function () {
     return _JoinRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinRightSharp', {
+Object.defineProperty(exports, "JoinRightSharp", {
   enumerable: true,
   get: function () {
     return _JoinRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'JoinRightTwoTone', {
+Object.defineProperty(exports, "JoinRightTwoTone", {
   enumerable: true,
   get: function () {
     return _JoinRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Kayaking', {
+Object.defineProperty(exports, "Kayaking", {
   enumerable: true,
   get: function () {
     return _Kayaking.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KayakingOutlined', {
+Object.defineProperty(exports, "KayakingOutlined", {
   enumerable: true,
   get: function () {
     return _KayakingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KayakingRounded', {
+Object.defineProperty(exports, "KayakingRounded", {
   enumerable: true,
   get: function () {
     return _KayakingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KayakingSharp', {
+Object.defineProperty(exports, "KayakingSharp", {
   enumerable: true,
   get: function () {
     return _KayakingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KayakingTwoTone', {
+Object.defineProperty(exports, "KayakingTwoTone", {
   enumerable: true,
   get: function () {
     return _KayakingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KebabDining', {
+Object.defineProperty(exports, "KebabDining", {
   enumerable: true,
   get: function () {
     return _KebabDining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KebabDiningOutlined', {
+Object.defineProperty(exports, "KebabDiningOutlined", {
   enumerable: true,
   get: function () {
     return _KebabDiningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KebabDiningRounded', {
+Object.defineProperty(exports, "KebabDiningRounded", {
   enumerable: true,
   get: function () {
     return _KebabDiningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KebabDiningSharp', {
+Object.defineProperty(exports, "KebabDiningSharp", {
   enumerable: true,
   get: function () {
     return _KebabDiningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KebabDiningTwoTone', {
+Object.defineProperty(exports, "KebabDiningTwoTone", {
   enumerable: true,
   get: function () {
     return _KebabDiningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Key', {
+Object.defineProperty(exports, "Key", {
   enumerable: true,
   get: function () {
     return _Key.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyOff', {
+Object.defineProperty(exports, "KeyOff", {
   enumerable: true,
   get: function () {
     return _KeyOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyOffOutlined', {
+Object.defineProperty(exports, "KeyOffOutlined", {
   enumerable: true,
   get: function () {
     return _KeyOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyOffRounded', {
+Object.defineProperty(exports, "KeyOffRounded", {
   enumerable: true,
   get: function () {
     return _KeyOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyOffSharp', {
+Object.defineProperty(exports, "KeyOffSharp", {
   enumerable: true,
   get: function () {
     return _KeyOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyOffTwoTone', {
+Object.defineProperty(exports, "KeyOffTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyOutlined', {
+Object.defineProperty(exports, "KeyOutlined", {
   enumerable: true,
   get: function () {
     return _KeyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyRounded', {
+Object.defineProperty(exports, "KeyRounded", {
   enumerable: true,
   get: function () {
     return _KeyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeySharp', {
+Object.defineProperty(exports, "KeySharp", {
   enumerable: true,
   get: function () {
     return _KeySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyTwoTone', {
+Object.defineProperty(exports, "KeyTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Keyboard', {
+Object.defineProperty(exports, "Keyboard", {
   enumerable: true,
   get: function () {
     return _Keyboard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardAlt', {
+Object.defineProperty(exports, "KeyboardAlt", {
   enumerable: true,
   get: function () {
     return _KeyboardAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardAltOutlined', {
+Object.defineProperty(exports, "KeyboardAltOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardAltRounded', {
+Object.defineProperty(exports, "KeyboardAltRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardAltSharp', {
+Object.defineProperty(exports, "KeyboardAltSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardAltTwoTone', {
+Object.defineProperty(exports, "KeyboardAltTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowDown', {
+Object.defineProperty(exports, "KeyboardArrowDown", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowDown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowDownOutlined', {
+Object.defineProperty(exports, "KeyboardArrowDownOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowDownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowDownRounded', {
+Object.defineProperty(exports, "KeyboardArrowDownRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowDownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowDownSharp', {
+Object.defineProperty(exports, "KeyboardArrowDownSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowDownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowDownTwoTone', {
+Object.defineProperty(exports, "KeyboardArrowDownTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowDownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowLeft', {
+Object.defineProperty(exports, "KeyboardArrowLeft", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowLeftOutlined', {
+Object.defineProperty(exports, "KeyboardArrowLeftOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowLeftRounded', {
+Object.defineProperty(exports, "KeyboardArrowLeftRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowLeftSharp', {
+Object.defineProperty(exports, "KeyboardArrowLeftSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowLeftTwoTone', {
+Object.defineProperty(exports, "KeyboardArrowLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowRight', {
+Object.defineProperty(exports, "KeyboardArrowRight", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowRightOutlined', {
+Object.defineProperty(exports, "KeyboardArrowRightOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowRightRounded', {
+Object.defineProperty(exports, "KeyboardArrowRightRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowRightSharp', {
+Object.defineProperty(exports, "KeyboardArrowRightSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowRightTwoTone', {
+Object.defineProperty(exports, "KeyboardArrowRightTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowUp', {
+Object.defineProperty(exports, "KeyboardArrowUp", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowUp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowUpOutlined', {
+Object.defineProperty(exports, "KeyboardArrowUpOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowUpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowUpRounded', {
+Object.defineProperty(exports, "KeyboardArrowUpRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowUpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowUpSharp', {
+Object.defineProperty(exports, "KeyboardArrowUpSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowUpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardArrowUpTwoTone', {
+Object.defineProperty(exports, "KeyboardArrowUpTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardArrowUpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardBackspace', {
+Object.defineProperty(exports, "KeyboardBackspace", {
   enumerable: true,
   get: function () {
     return _KeyboardBackspace.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardBackspaceOutlined', {
+Object.defineProperty(exports, "KeyboardBackspaceOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardBackspaceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardBackspaceRounded', {
+Object.defineProperty(exports, "KeyboardBackspaceRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardBackspaceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardBackspaceSharp', {
+Object.defineProperty(exports, "KeyboardBackspaceSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardBackspaceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardBackspaceTwoTone', {
+Object.defineProperty(exports, "KeyboardBackspaceTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardBackspaceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardCapslock', {
+Object.defineProperty(exports, "KeyboardCapslock", {
   enumerable: true,
   get: function () {
     return _KeyboardCapslock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardCapslockOutlined', {
+Object.defineProperty(exports, "KeyboardCapslockOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardCapslockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardCapslockRounded', {
+Object.defineProperty(exports, "KeyboardCapslockRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardCapslockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardCapslockSharp', {
+Object.defineProperty(exports, "KeyboardCapslockSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardCapslockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardCapslockTwoTone', {
+Object.defineProperty(exports, "KeyboardCapslockTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardCapslockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardCommandKey', {
+Object.defineProperty(exports, "KeyboardCommandKey", {
   enumerable: true,
   get: function () {
     return _KeyboardCommandKey.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardCommandKeyOutlined', {
+Object.defineProperty(exports, "KeyboardCommandKeyOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardCommandKeyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardCommandKeyRounded', {
+Object.defineProperty(exports, "KeyboardCommandKeyRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardCommandKeyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardCommandKeySharp', {
+Object.defineProperty(exports, "KeyboardCommandKeySharp", {
   enumerable: true,
   get: function () {
     return _KeyboardCommandKeySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardCommandKeyTwoTone', {
+Object.defineProperty(exports, "KeyboardCommandKeyTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardCommandKeyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardControlKey', {
+Object.defineProperty(exports, "KeyboardControlKey", {
   enumerable: true,
   get: function () {
     return _KeyboardControlKey.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardControlKeyOutlined', {
+Object.defineProperty(exports, "KeyboardControlKeyOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardControlKeyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardControlKeyRounded', {
+Object.defineProperty(exports, "KeyboardControlKeyRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardControlKeyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardControlKeySharp', {
+Object.defineProperty(exports, "KeyboardControlKeySharp", {
   enumerable: true,
   get: function () {
     return _KeyboardControlKeySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardControlKeyTwoTone', {
+Object.defineProperty(exports, "KeyboardControlKeyTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardControlKeyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowDown', {
+Object.defineProperty(exports, "KeyboardDoubleArrowDown", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowDown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowDownOutlined', {
+Object.defineProperty(exports, "KeyboardDoubleArrowDownOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowDownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowDownRounded', {
+Object.defineProperty(exports, "KeyboardDoubleArrowDownRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowDownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowDownSharp', {
+Object.defineProperty(exports, "KeyboardDoubleArrowDownSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowDownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowDownTwoTone', {
+Object.defineProperty(exports, "KeyboardDoubleArrowDownTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowDownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowLeft', {
+Object.defineProperty(exports, "KeyboardDoubleArrowLeft", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowLeftOutlined', {
+Object.defineProperty(exports, "KeyboardDoubleArrowLeftOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowLeftRounded', {
+Object.defineProperty(exports, "KeyboardDoubleArrowLeftRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowLeftSharp', {
+Object.defineProperty(exports, "KeyboardDoubleArrowLeftSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowLeftTwoTone', {
+Object.defineProperty(exports, "KeyboardDoubleArrowLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowRight', {
+Object.defineProperty(exports, "KeyboardDoubleArrowRight", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowRightOutlined', {
+Object.defineProperty(exports, "KeyboardDoubleArrowRightOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowRightRounded', {
+Object.defineProperty(exports, "KeyboardDoubleArrowRightRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowRightSharp', {
+Object.defineProperty(exports, "KeyboardDoubleArrowRightSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowRightTwoTone', {
+Object.defineProperty(exports, "KeyboardDoubleArrowRightTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowUp', {
+Object.defineProperty(exports, "KeyboardDoubleArrowUp", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowUp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowUpOutlined', {
+Object.defineProperty(exports, "KeyboardDoubleArrowUpOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowUpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowUpRounded', {
+Object.defineProperty(exports, "KeyboardDoubleArrowUpRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowUpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowUpSharp', {
+Object.defineProperty(exports, "KeyboardDoubleArrowUpSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowUpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardDoubleArrowUpTwoTone', {
+Object.defineProperty(exports, "KeyboardDoubleArrowUpTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardDoubleArrowUpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardHide', {
+Object.defineProperty(exports, "KeyboardHide", {
   enumerable: true,
   get: function () {
     return _KeyboardHide.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardHideOutlined', {
+Object.defineProperty(exports, "KeyboardHideOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardHideOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardHideRounded', {
+Object.defineProperty(exports, "KeyboardHideRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardHideRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardHideSharp', {
+Object.defineProperty(exports, "KeyboardHideSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardHideSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardHideTwoTone', {
+Object.defineProperty(exports, "KeyboardHideTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardHideTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardOptionKey', {
+Object.defineProperty(exports, "KeyboardOptionKey", {
   enumerable: true,
   get: function () {
     return _KeyboardOptionKey.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardOptionKeyOutlined', {
+Object.defineProperty(exports, "KeyboardOptionKeyOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardOptionKeyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardOptionKeyRounded', {
+Object.defineProperty(exports, "KeyboardOptionKeyRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardOptionKeyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardOptionKeySharp', {
+Object.defineProperty(exports, "KeyboardOptionKeySharp", {
   enumerable: true,
   get: function () {
     return _KeyboardOptionKeySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardOptionKeyTwoTone', {
+Object.defineProperty(exports, "KeyboardOptionKeyTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardOptionKeyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardOutlined', {
+Object.defineProperty(exports, "KeyboardOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardReturn', {
+Object.defineProperty(exports, "KeyboardReturn", {
   enumerable: true,
   get: function () {
     return _KeyboardReturn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardReturnOutlined', {
+Object.defineProperty(exports, "KeyboardReturnOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardReturnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardReturnRounded', {
+Object.defineProperty(exports, "KeyboardReturnRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardReturnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardReturnSharp', {
+Object.defineProperty(exports, "KeyboardReturnSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardReturnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardReturnTwoTone', {
+Object.defineProperty(exports, "KeyboardReturnTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardReturnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardRounded', {
+Object.defineProperty(exports, "KeyboardRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardSharp', {
+Object.defineProperty(exports, "KeyboardSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardTab', {
+Object.defineProperty(exports, "KeyboardTab", {
   enumerable: true,
   get: function () {
     return _KeyboardTab.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardTabOutlined', {
+Object.defineProperty(exports, "KeyboardTabOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardTabOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardTabRounded', {
+Object.defineProperty(exports, "KeyboardTabRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardTabRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardTabSharp', {
+Object.defineProperty(exports, "KeyboardTabSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardTabSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardTabTwoTone', {
+Object.defineProperty(exports, "KeyboardTabTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardTabTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardTwoTone', {
+Object.defineProperty(exports, "KeyboardTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardVoice', {
+Object.defineProperty(exports, "KeyboardVoice", {
   enumerable: true,
   get: function () {
     return _KeyboardVoice.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardVoiceOutlined', {
+Object.defineProperty(exports, "KeyboardVoiceOutlined", {
   enumerable: true,
   get: function () {
     return _KeyboardVoiceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardVoiceRounded', {
+Object.defineProperty(exports, "KeyboardVoiceRounded", {
   enumerable: true,
   get: function () {
     return _KeyboardVoiceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardVoiceSharp', {
+Object.defineProperty(exports, "KeyboardVoiceSharp", {
   enumerable: true,
   get: function () {
     return _KeyboardVoiceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KeyboardVoiceTwoTone', {
+Object.defineProperty(exports, "KeyboardVoiceTwoTone", {
   enumerable: true,
   get: function () {
     return _KeyboardVoiceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KingBed', {
+Object.defineProperty(exports, "KingBed", {
   enumerable: true,
   get: function () {
     return _KingBed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KingBedOutlined', {
+Object.defineProperty(exports, "KingBedOutlined", {
   enumerable: true,
   get: function () {
     return _KingBedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KingBedRounded', {
+Object.defineProperty(exports, "KingBedRounded", {
   enumerable: true,
   get: function () {
     return _KingBedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KingBedSharp', {
+Object.defineProperty(exports, "KingBedSharp", {
   enumerable: true,
   get: function () {
     return _KingBedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KingBedTwoTone', {
+Object.defineProperty(exports, "KingBedTwoTone", {
   enumerable: true,
   get: function () {
     return _KingBedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Kitchen', {
+Object.defineProperty(exports, "Kitchen", {
   enumerable: true,
   get: function () {
     return _Kitchen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KitchenOutlined', {
+Object.defineProperty(exports, "KitchenOutlined", {
   enumerable: true,
   get: function () {
     return _KitchenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KitchenRounded', {
+Object.defineProperty(exports, "KitchenRounded", {
   enumerable: true,
   get: function () {
     return _KitchenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KitchenSharp', {
+Object.defineProperty(exports, "KitchenSharp", {
   enumerable: true,
   get: function () {
     return _KitchenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KitchenTwoTone', {
+Object.defineProperty(exports, "KitchenTwoTone", {
   enumerable: true,
   get: function () {
     return _KitchenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Kitesurfing', {
+Object.defineProperty(exports, "Kitesurfing", {
   enumerable: true,
   get: function () {
     return _Kitesurfing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KitesurfingOutlined', {
+Object.defineProperty(exports, "KitesurfingOutlined", {
   enumerable: true,
   get: function () {
     return _KitesurfingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KitesurfingRounded', {
+Object.defineProperty(exports, "KitesurfingRounded", {
   enumerable: true,
   get: function () {
     return _KitesurfingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KitesurfingSharp', {
+Object.defineProperty(exports, "KitesurfingSharp", {
   enumerable: true,
   get: function () {
     return _KitesurfingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'KitesurfingTwoTone', {
+Object.defineProperty(exports, "KitesurfingTwoTone", {
   enumerable: true,
   get: function () {
     return _KitesurfingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Label', {
+Object.defineProperty(exports, "Label", {
   enumerable: true,
   get: function () {
     return _Label.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelImportant', {
+Object.defineProperty(exports, "LabelImportant", {
   enumerable: true,
   get: function () {
     return _LabelImportant.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelImportantOutlined', {
+Object.defineProperty(exports, "LabelImportantOutlined", {
   enumerable: true,
   get: function () {
     return _LabelImportantOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelImportantRounded', {
+Object.defineProperty(exports, "LabelImportantRounded", {
   enumerable: true,
   get: function () {
     return _LabelImportantRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelImportantSharp', {
+Object.defineProperty(exports, "LabelImportantSharp", {
   enumerable: true,
   get: function () {
     return _LabelImportantSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelImportantTwoTone', {
+Object.defineProperty(exports, "LabelImportantTwoTone", {
   enumerable: true,
   get: function () {
     return _LabelImportantTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelOff', {
+Object.defineProperty(exports, "LabelOff", {
   enumerable: true,
   get: function () {
     return _LabelOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelOffOutlined', {
+Object.defineProperty(exports, "LabelOffOutlined", {
   enumerable: true,
   get: function () {
     return _LabelOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelOffRounded', {
+Object.defineProperty(exports, "LabelOffRounded", {
   enumerable: true,
   get: function () {
     return _LabelOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelOffSharp', {
+Object.defineProperty(exports, "LabelOffSharp", {
   enumerable: true,
   get: function () {
     return _LabelOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelOffTwoTone', {
+Object.defineProperty(exports, "LabelOffTwoTone", {
   enumerable: true,
   get: function () {
     return _LabelOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelOutlined', {
+Object.defineProperty(exports, "LabelOutlined", {
   enumerable: true,
   get: function () {
     return _LabelOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelRounded', {
+Object.defineProperty(exports, "LabelRounded", {
   enumerable: true,
   get: function () {
     return _LabelRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelSharp', {
+Object.defineProperty(exports, "LabelSharp", {
   enumerable: true,
   get: function () {
     return _LabelSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LabelTwoTone', {
+Object.defineProperty(exports, "LabelTwoTone", {
   enumerable: true,
   get: function () {
     return _LabelTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Lan', {
+Object.defineProperty(exports, "Lan", {
   enumerable: true,
   get: function () {
     return _Lan.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LanOutlined', {
+Object.defineProperty(exports, "LanOutlined", {
   enumerable: true,
   get: function () {
     return _LanOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LanRounded', {
+Object.defineProperty(exports, "LanRounded", {
   enumerable: true,
   get: function () {
     return _LanRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LanSharp', {
+Object.defineProperty(exports, "LanSharp", {
   enumerable: true,
   get: function () {
     return _LanSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LanTwoTone', {
+Object.defineProperty(exports, "LanTwoTone", {
   enumerable: true,
   get: function () {
     return _LanTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Landscape', {
+Object.defineProperty(exports, "Landscape", {
   enumerable: true,
   get: function () {
     return _Landscape.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LandscapeOutlined', {
+Object.defineProperty(exports, "LandscapeOutlined", {
   enumerable: true,
   get: function () {
     return _LandscapeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LandscapeRounded', {
+Object.defineProperty(exports, "LandscapeRounded", {
   enumerable: true,
   get: function () {
     return _LandscapeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LandscapeSharp', {
+Object.defineProperty(exports, "LandscapeSharp", {
   enumerable: true,
   get: function () {
     return _LandscapeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LandscapeTwoTone', {
+Object.defineProperty(exports, "LandscapeTwoTone", {
   enumerable: true,
   get: function () {
     return _LandscapeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Landslide', {
+Object.defineProperty(exports, "Landslide", {
   enumerable: true,
   get: function () {
     return _Landslide.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LandslideOutlined', {
+Object.defineProperty(exports, "LandslideOutlined", {
   enumerable: true,
   get: function () {
     return _LandslideOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LandslideRounded', {
+Object.defineProperty(exports, "LandslideRounded", {
   enumerable: true,
   get: function () {
     return _LandslideRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LandslideSharp', {
+Object.defineProperty(exports, "LandslideSharp", {
   enumerable: true,
   get: function () {
     return _LandslideSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LandslideTwoTone', {
+Object.defineProperty(exports, "LandslideTwoTone", {
   enumerable: true,
   get: function () {
     return _LandslideTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Language', {
+Object.defineProperty(exports, "Language", {
   enumerable: true,
   get: function () {
     return _Language.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LanguageOutlined', {
+Object.defineProperty(exports, "LanguageOutlined", {
   enumerable: true,
   get: function () {
     return _LanguageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LanguageRounded', {
+Object.defineProperty(exports, "LanguageRounded", {
   enumerable: true,
   get: function () {
     return _LanguageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LanguageSharp', {
+Object.defineProperty(exports, "LanguageSharp", {
   enumerable: true,
   get: function () {
     return _LanguageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LanguageTwoTone', {
+Object.defineProperty(exports, "LanguageTwoTone", {
   enumerable: true,
   get: function () {
     return _LanguageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Laptop', {
+Object.defineProperty(exports, "Laptop", {
   enumerable: true,
   get: function () {
     return _Laptop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopChromebook', {
+Object.defineProperty(exports, "LaptopChromebook", {
   enumerable: true,
   get: function () {
     return _LaptopChromebook.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopChromebookOutlined', {
+Object.defineProperty(exports, "LaptopChromebookOutlined", {
   enumerable: true,
   get: function () {
     return _LaptopChromebookOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopChromebookRounded', {
+Object.defineProperty(exports, "LaptopChromebookRounded", {
   enumerable: true,
   get: function () {
     return _LaptopChromebookRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopChromebookSharp', {
+Object.defineProperty(exports, "LaptopChromebookSharp", {
   enumerable: true,
   get: function () {
     return _LaptopChromebookSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopChromebookTwoTone', {
+Object.defineProperty(exports, "LaptopChromebookTwoTone", {
   enumerable: true,
   get: function () {
     return _LaptopChromebookTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopMac', {
+Object.defineProperty(exports, "LaptopMac", {
   enumerable: true,
   get: function () {
     return _LaptopMac.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopMacOutlined', {
+Object.defineProperty(exports, "LaptopMacOutlined", {
   enumerable: true,
   get: function () {
     return _LaptopMacOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopMacRounded', {
+Object.defineProperty(exports, "LaptopMacRounded", {
   enumerable: true,
   get: function () {
     return _LaptopMacRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopMacSharp', {
+Object.defineProperty(exports, "LaptopMacSharp", {
   enumerable: true,
   get: function () {
     return _LaptopMacSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopMacTwoTone', {
+Object.defineProperty(exports, "LaptopMacTwoTone", {
   enumerable: true,
   get: function () {
     return _LaptopMacTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopOutlined', {
+Object.defineProperty(exports, "LaptopOutlined", {
   enumerable: true,
   get: function () {
     return _LaptopOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopRounded', {
+Object.defineProperty(exports, "LaptopRounded", {
   enumerable: true,
   get: function () {
     return _LaptopRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopSharp', {
+Object.defineProperty(exports, "LaptopSharp", {
   enumerable: true,
   get: function () {
     return _LaptopSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopTwoTone', {
+Object.defineProperty(exports, "LaptopTwoTone", {
   enumerable: true,
   get: function () {
     return _LaptopTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopWindows', {
+Object.defineProperty(exports, "LaptopWindows", {
   enumerable: true,
   get: function () {
     return _LaptopWindows.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopWindowsOutlined', {
+Object.defineProperty(exports, "LaptopWindowsOutlined", {
   enumerable: true,
   get: function () {
     return _LaptopWindowsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopWindowsRounded', {
+Object.defineProperty(exports, "LaptopWindowsRounded", {
   enumerable: true,
   get: function () {
     return _LaptopWindowsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopWindowsSharp', {
+Object.defineProperty(exports, "LaptopWindowsSharp", {
   enumerable: true,
   get: function () {
     return _LaptopWindowsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaptopWindowsTwoTone', {
+Object.defineProperty(exports, "LaptopWindowsTwoTone", {
   enumerable: true,
   get: function () {
     return _LaptopWindowsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LastPage', {
+Object.defineProperty(exports, "LastPage", {
   enumerable: true,
   get: function () {
     return _LastPage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LastPageOutlined', {
+Object.defineProperty(exports, "LastPageOutlined", {
   enumerable: true,
   get: function () {
     return _LastPageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LastPageRounded', {
+Object.defineProperty(exports, "LastPageRounded", {
   enumerable: true,
   get: function () {
     return _LastPageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LastPageSharp', {
+Object.defineProperty(exports, "LastPageSharp", {
   enumerable: true,
   get: function () {
     return _LastPageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LastPageTwoTone', {
+Object.defineProperty(exports, "LastPageTwoTone", {
   enumerable: true,
   get: function () {
     return _LastPageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Launch', {
+Object.defineProperty(exports, "Launch", {
   enumerable: true,
   get: function () {
     return _Launch.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaunchOutlined', {
+Object.defineProperty(exports, "LaunchOutlined", {
   enumerable: true,
   get: function () {
     return _LaunchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaunchRounded', {
+Object.defineProperty(exports, "LaunchRounded", {
   enumerable: true,
   get: function () {
     return _LaunchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaunchSharp', {
+Object.defineProperty(exports, "LaunchSharp", {
   enumerable: true,
   get: function () {
     return _LaunchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LaunchTwoTone', {
+Object.defineProperty(exports, "LaunchTwoTone", {
   enumerable: true,
   get: function () {
     return _LaunchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Layers', {
+Object.defineProperty(exports, "Layers", {
   enumerable: true,
   get: function () {
     return _Layers.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LayersClear', {
+Object.defineProperty(exports, "LayersClear", {
   enumerable: true,
   get: function () {
     return _LayersClear.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LayersClearOutlined', {
+Object.defineProperty(exports, "LayersClearOutlined", {
   enumerable: true,
   get: function () {
     return _LayersClearOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LayersClearRounded', {
+Object.defineProperty(exports, "LayersClearRounded", {
   enumerable: true,
   get: function () {
     return _LayersClearRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LayersClearSharp', {
+Object.defineProperty(exports, "LayersClearSharp", {
   enumerable: true,
   get: function () {
     return _LayersClearSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LayersClearTwoTone', {
+Object.defineProperty(exports, "LayersClearTwoTone", {
   enumerable: true,
   get: function () {
     return _LayersClearTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LayersOutlined', {
+Object.defineProperty(exports, "LayersOutlined", {
   enumerable: true,
   get: function () {
     return _LayersOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LayersRounded', {
+Object.defineProperty(exports, "LayersRounded", {
   enumerable: true,
   get: function () {
     return _LayersRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LayersSharp', {
+Object.defineProperty(exports, "LayersSharp", {
   enumerable: true,
   get: function () {
     return _LayersSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LayersTwoTone', {
+Object.defineProperty(exports, "LayersTwoTone", {
   enumerable: true,
   get: function () {
     return _LayersTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Leaderboard', {
+Object.defineProperty(exports, "Leaderboard", {
   enumerable: true,
   get: function () {
     return _Leaderboard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeaderboardOutlined', {
+Object.defineProperty(exports, "LeaderboardOutlined", {
   enumerable: true,
   get: function () {
     return _LeaderboardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeaderboardRounded', {
+Object.defineProperty(exports, "LeaderboardRounded", {
   enumerable: true,
   get: function () {
     return _LeaderboardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeaderboardSharp', {
+Object.defineProperty(exports, "LeaderboardSharp", {
   enumerable: true,
   get: function () {
     return _LeaderboardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeaderboardTwoTone', {
+Object.defineProperty(exports, "LeaderboardTwoTone", {
   enumerable: true,
   get: function () {
     return _LeaderboardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeakAdd', {
+Object.defineProperty(exports, "LeakAdd", {
   enumerable: true,
   get: function () {
     return _LeakAdd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeakAddOutlined', {
+Object.defineProperty(exports, "LeakAddOutlined", {
   enumerable: true,
   get: function () {
     return _LeakAddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeakAddRounded', {
+Object.defineProperty(exports, "LeakAddRounded", {
   enumerable: true,
   get: function () {
     return _LeakAddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeakAddSharp', {
+Object.defineProperty(exports, "LeakAddSharp", {
   enumerable: true,
   get: function () {
     return _LeakAddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeakAddTwoTone', {
+Object.defineProperty(exports, "LeakAddTwoTone", {
   enumerable: true,
   get: function () {
     return _LeakAddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeakRemove', {
+Object.defineProperty(exports, "LeakRemove", {
   enumerable: true,
   get: function () {
     return _LeakRemove.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeakRemoveOutlined', {
+Object.defineProperty(exports, "LeakRemoveOutlined", {
   enumerable: true,
   get: function () {
     return _LeakRemoveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeakRemoveRounded', {
+Object.defineProperty(exports, "LeakRemoveRounded", {
   enumerable: true,
   get: function () {
     return _LeakRemoveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeakRemoveSharp', {
+Object.defineProperty(exports, "LeakRemoveSharp", {
   enumerable: true,
   get: function () {
     return _LeakRemoveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LeakRemoveTwoTone', {
+Object.defineProperty(exports, "LeakRemoveTwoTone", {
   enumerable: true,
   get: function () {
     return _LeakRemoveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LegendToggle', {
+Object.defineProperty(exports, "LegendToggle", {
   enumerable: true,
   get: function () {
     return _LegendToggle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LegendToggleOutlined', {
+Object.defineProperty(exports, "LegendToggleOutlined", {
   enumerable: true,
   get: function () {
     return _LegendToggleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LegendToggleRounded', {
+Object.defineProperty(exports, "LegendToggleRounded", {
   enumerable: true,
   get: function () {
     return _LegendToggleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LegendToggleSharp', {
+Object.defineProperty(exports, "LegendToggleSharp", {
   enumerable: true,
   get: function () {
     return _LegendToggleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LegendToggleTwoTone', {
+Object.defineProperty(exports, "LegendToggleTwoTone", {
   enumerable: true,
   get: function () {
     return _LegendToggleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Lens', {
+Object.defineProperty(exports, "Lens", {
   enumerable: true,
   get: function () {
     return _Lens.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LensBlur', {
+Object.defineProperty(exports, "LensBlur", {
   enumerable: true,
   get: function () {
     return _LensBlur.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LensBlurOutlined', {
+Object.defineProperty(exports, "LensBlurOutlined", {
   enumerable: true,
   get: function () {
     return _LensBlurOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LensBlurRounded', {
+Object.defineProperty(exports, "LensBlurRounded", {
   enumerable: true,
   get: function () {
     return _LensBlurRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LensBlurSharp', {
+Object.defineProperty(exports, "LensBlurSharp", {
   enumerable: true,
   get: function () {
     return _LensBlurSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LensBlurTwoTone', {
+Object.defineProperty(exports, "LensBlurTwoTone", {
   enumerable: true,
   get: function () {
     return _LensBlurTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LensOutlined', {
+Object.defineProperty(exports, "LensOutlined", {
   enumerable: true,
   get: function () {
     return _LensOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LensRounded', {
+Object.defineProperty(exports, "LensRounded", {
   enumerable: true,
   get: function () {
     return _LensRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LensSharp', {
+Object.defineProperty(exports, "LensSharp", {
   enumerable: true,
   get: function () {
     return _LensSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LensTwoTone', {
+Object.defineProperty(exports, "LensTwoTone", {
   enumerable: true,
   get: function () {
     return _LensTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryAdd', {
+Object.defineProperty(exports, "LibraryAdd", {
   enumerable: true,
   get: function () {
     return _LibraryAdd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryAddCheck', {
+Object.defineProperty(exports, "LibraryAddCheck", {
   enumerable: true,
   get: function () {
     return _LibraryAddCheck.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryAddCheckOutlined', {
+Object.defineProperty(exports, "LibraryAddCheckOutlined", {
   enumerable: true,
   get: function () {
     return _LibraryAddCheckOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryAddCheckRounded', {
+Object.defineProperty(exports, "LibraryAddCheckRounded", {
   enumerable: true,
   get: function () {
     return _LibraryAddCheckRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryAddCheckSharp', {
+Object.defineProperty(exports, "LibraryAddCheckSharp", {
   enumerable: true,
   get: function () {
     return _LibraryAddCheckSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryAddCheckTwoTone', {
+Object.defineProperty(exports, "LibraryAddCheckTwoTone", {
   enumerable: true,
   get: function () {
     return _LibraryAddCheckTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryAddOutlined', {
+Object.defineProperty(exports, "LibraryAddOutlined", {
   enumerable: true,
   get: function () {
     return _LibraryAddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryAddRounded', {
+Object.defineProperty(exports, "LibraryAddRounded", {
   enumerable: true,
   get: function () {
     return _LibraryAddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryAddSharp', {
+Object.defineProperty(exports, "LibraryAddSharp", {
   enumerable: true,
   get: function () {
     return _LibraryAddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryAddTwoTone', {
+Object.defineProperty(exports, "LibraryAddTwoTone", {
   enumerable: true,
   get: function () {
     return _LibraryAddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryBooks', {
+Object.defineProperty(exports, "LibraryBooks", {
   enumerable: true,
   get: function () {
     return _LibraryBooks.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryBooksOutlined', {
+Object.defineProperty(exports, "LibraryBooksOutlined", {
   enumerable: true,
   get: function () {
     return _LibraryBooksOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryBooksRounded', {
+Object.defineProperty(exports, "LibraryBooksRounded", {
   enumerable: true,
   get: function () {
     return _LibraryBooksRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryBooksSharp', {
+Object.defineProperty(exports, "LibraryBooksSharp", {
   enumerable: true,
   get: function () {
     return _LibraryBooksSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryBooksTwoTone', {
+Object.defineProperty(exports, "LibraryBooksTwoTone", {
   enumerable: true,
   get: function () {
     return _LibraryBooksTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryMusic', {
+Object.defineProperty(exports, "LibraryMusic", {
   enumerable: true,
   get: function () {
     return _LibraryMusic.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryMusicOutlined', {
+Object.defineProperty(exports, "LibraryMusicOutlined", {
   enumerable: true,
   get: function () {
     return _LibraryMusicOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryMusicRounded', {
+Object.defineProperty(exports, "LibraryMusicRounded", {
   enumerable: true,
   get: function () {
     return _LibraryMusicRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryMusicSharp', {
+Object.defineProperty(exports, "LibraryMusicSharp", {
   enumerable: true,
   get: function () {
     return _LibraryMusicSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LibraryMusicTwoTone', {
+Object.defineProperty(exports, "LibraryMusicTwoTone", {
   enumerable: true,
   get: function () {
     return _LibraryMusicTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Light', {
+Object.defineProperty(exports, "Light", {
   enumerable: true,
   get: function () {
     return _Light.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightMode', {
+Object.defineProperty(exports, "LightMode", {
   enumerable: true,
   get: function () {
     return _LightMode.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightModeOutlined', {
+Object.defineProperty(exports, "LightModeOutlined", {
   enumerable: true,
   get: function () {
     return _LightModeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightModeRounded', {
+Object.defineProperty(exports, "LightModeRounded", {
   enumerable: true,
   get: function () {
     return _LightModeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightModeSharp', {
+Object.defineProperty(exports, "LightModeSharp", {
   enumerable: true,
   get: function () {
     return _LightModeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightModeTwoTone', {
+Object.defineProperty(exports, "LightModeTwoTone", {
   enumerable: true,
   get: function () {
     return _LightModeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightOutlined', {
+Object.defineProperty(exports, "LightOutlined", {
   enumerable: true,
   get: function () {
     return _LightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightRounded', {
+Object.defineProperty(exports, "LightRounded", {
   enumerable: true,
   get: function () {
     return _LightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightSharp', {
+Object.defineProperty(exports, "LightSharp", {
   enumerable: true,
   get: function () {
     return _LightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightTwoTone', {
+Object.defineProperty(exports, "LightTwoTone", {
   enumerable: true,
   get: function () {
     return _LightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Lightbulb', {
+Object.defineProperty(exports, "Lightbulb", {
   enumerable: true,
   get: function () {
     return _Lightbulb.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightbulbCircle', {
+Object.defineProperty(exports, "LightbulbCircle", {
   enumerable: true,
   get: function () {
     return _LightbulbCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightbulbCircleOutlined', {
+Object.defineProperty(exports, "LightbulbCircleOutlined", {
   enumerable: true,
   get: function () {
     return _LightbulbCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightbulbCircleRounded', {
+Object.defineProperty(exports, "LightbulbCircleRounded", {
   enumerable: true,
   get: function () {
     return _LightbulbCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightbulbCircleSharp', {
+Object.defineProperty(exports, "LightbulbCircleSharp", {
   enumerable: true,
   get: function () {
     return _LightbulbCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightbulbCircleTwoTone', {
+Object.defineProperty(exports, "LightbulbCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _LightbulbCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightbulbOutlined', {
+Object.defineProperty(exports, "LightbulbOutlined", {
   enumerable: true,
   get: function () {
     return _LightbulbOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightbulbRounded', {
+Object.defineProperty(exports, "LightbulbRounded", {
   enumerable: true,
   get: function () {
     return _LightbulbRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightbulbSharp', {
+Object.defineProperty(exports, "LightbulbSharp", {
   enumerable: true,
   get: function () {
     return _LightbulbSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LightbulbTwoTone', {
+Object.defineProperty(exports, "LightbulbTwoTone", {
   enumerable: true,
   get: function () {
     return _LightbulbTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineAxis', {
+Object.defineProperty(exports, "LineAxis", {
   enumerable: true,
   get: function () {
     return _LineAxis.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineAxisOutlined', {
+Object.defineProperty(exports, "LineAxisOutlined", {
   enumerable: true,
   get: function () {
     return _LineAxisOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineAxisRounded', {
+Object.defineProperty(exports, "LineAxisRounded", {
   enumerable: true,
   get: function () {
     return _LineAxisRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineAxisSharp', {
+Object.defineProperty(exports, "LineAxisSharp", {
   enumerable: true,
   get: function () {
     return _LineAxisSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineAxisTwoTone', {
+Object.defineProperty(exports, "LineAxisTwoTone", {
   enumerable: true,
   get: function () {
     return _LineAxisTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineStyle', {
+Object.defineProperty(exports, "LineStyle", {
   enumerable: true,
   get: function () {
     return _LineStyle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineStyleOutlined', {
+Object.defineProperty(exports, "LineStyleOutlined", {
   enumerable: true,
   get: function () {
     return _LineStyleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineStyleRounded', {
+Object.defineProperty(exports, "LineStyleRounded", {
   enumerable: true,
   get: function () {
     return _LineStyleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineStyleSharp', {
+Object.defineProperty(exports, "LineStyleSharp", {
   enumerable: true,
   get: function () {
     return _LineStyleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineStyleTwoTone', {
+Object.defineProperty(exports, "LineStyleTwoTone", {
   enumerable: true,
   get: function () {
     return _LineStyleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineWeight', {
+Object.defineProperty(exports, "LineWeight", {
   enumerable: true,
   get: function () {
     return _LineWeight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineWeightOutlined', {
+Object.defineProperty(exports, "LineWeightOutlined", {
   enumerable: true,
   get: function () {
     return _LineWeightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineWeightRounded', {
+Object.defineProperty(exports, "LineWeightRounded", {
   enumerable: true,
   get: function () {
     return _LineWeightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineWeightSharp', {
+Object.defineProperty(exports, "LineWeightSharp", {
   enumerable: true,
   get: function () {
     return _LineWeightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LineWeightTwoTone', {
+Object.defineProperty(exports, "LineWeightTwoTone", {
   enumerable: true,
   get: function () {
     return _LineWeightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinearScale', {
+Object.defineProperty(exports, "LinearScale", {
   enumerable: true,
   get: function () {
     return _LinearScale.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinearScaleOutlined', {
+Object.defineProperty(exports, "LinearScaleOutlined", {
   enumerable: true,
   get: function () {
     return _LinearScaleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinearScaleRounded', {
+Object.defineProperty(exports, "LinearScaleRounded", {
   enumerable: true,
   get: function () {
     return _LinearScaleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinearScaleSharp', {
+Object.defineProperty(exports, "LinearScaleSharp", {
   enumerable: true,
   get: function () {
     return _LinearScaleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinearScaleTwoTone', {
+Object.defineProperty(exports, "LinearScaleTwoTone", {
   enumerable: true,
   get: function () {
     return _LinearScaleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Link', {
+Object.defineProperty(exports, "Link", {
   enumerable: true,
   get: function () {
     return _Link.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkOff', {
+Object.defineProperty(exports, "LinkOff", {
   enumerable: true,
   get: function () {
     return _LinkOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkOffOutlined', {
+Object.defineProperty(exports, "LinkOffOutlined", {
   enumerable: true,
   get: function () {
     return _LinkOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkOffRounded', {
+Object.defineProperty(exports, "LinkOffRounded", {
   enumerable: true,
   get: function () {
     return _LinkOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkOffSharp', {
+Object.defineProperty(exports, "LinkOffSharp", {
   enumerable: true,
   get: function () {
     return _LinkOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkOffTwoTone', {
+Object.defineProperty(exports, "LinkOffTwoTone", {
   enumerable: true,
   get: function () {
     return _LinkOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkOutlined', {
+Object.defineProperty(exports, "LinkOutlined", {
   enumerable: true,
   get: function () {
     return _LinkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkRounded', {
+Object.defineProperty(exports, "LinkRounded", {
   enumerable: true,
   get: function () {
     return _LinkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkSharp', {
+Object.defineProperty(exports, "LinkSharp", {
   enumerable: true,
   get: function () {
     return _LinkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkTwoTone', {
+Object.defineProperty(exports, "LinkTwoTone", {
   enumerable: true,
   get: function () {
     return _LinkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkedCamera', {
+Object.defineProperty(exports, "LinkedCamera", {
   enumerable: true,
   get: function () {
     return _LinkedCamera.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkedCameraOutlined', {
+Object.defineProperty(exports, "LinkedCameraOutlined", {
   enumerable: true,
   get: function () {
     return _LinkedCameraOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkedCameraRounded', {
+Object.defineProperty(exports, "LinkedCameraRounded", {
   enumerable: true,
   get: function () {
     return _LinkedCameraRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkedCameraSharp', {
+Object.defineProperty(exports, "LinkedCameraSharp", {
   enumerable: true,
   get: function () {
     return _LinkedCameraSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkedCameraTwoTone', {
+Object.defineProperty(exports, "LinkedCameraTwoTone", {
   enumerable: true,
   get: function () {
     return _LinkedCameraTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LinkedIn', {
+Object.defineProperty(exports, "LinkedIn", {
   enumerable: true,
   get: function () {
     return _LinkedIn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Liquor', {
+Object.defineProperty(exports, "Liquor", {
   enumerable: true,
   get: function () {
     return _Liquor.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiquorOutlined', {
+Object.defineProperty(exports, "LiquorOutlined", {
   enumerable: true,
   get: function () {
     return _LiquorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiquorRounded', {
+Object.defineProperty(exports, "LiquorRounded", {
   enumerable: true,
   get: function () {
     return _LiquorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiquorSharp', {
+Object.defineProperty(exports, "LiquorSharp", {
   enumerable: true,
   get: function () {
     return _LiquorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiquorTwoTone', {
+Object.defineProperty(exports, "LiquorTwoTone", {
   enumerable: true,
   get: function () {
     return _LiquorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'List', {
+Object.defineProperty(exports, "List", {
   enumerable: true,
   get: function () {
     return _List.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ListAlt', {
+Object.defineProperty(exports, "ListAlt", {
   enumerable: true,
   get: function () {
     return _ListAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ListAltOutlined', {
+Object.defineProperty(exports, "ListAltOutlined", {
   enumerable: true,
   get: function () {
     return _ListAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ListAltRounded', {
+Object.defineProperty(exports, "ListAltRounded", {
   enumerable: true,
   get: function () {
     return _ListAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ListAltSharp', {
+Object.defineProperty(exports, "ListAltSharp", {
   enumerable: true,
   get: function () {
     return _ListAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ListAltTwoTone', {
+Object.defineProperty(exports, "ListAltTwoTone", {
   enumerable: true,
   get: function () {
     return _ListAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ListOutlined', {
+Object.defineProperty(exports, "ListOutlined", {
   enumerable: true,
   get: function () {
     return _ListOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ListRounded', {
+Object.defineProperty(exports, "ListRounded", {
   enumerable: true,
   get: function () {
     return _ListRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ListSharp', {
+Object.defineProperty(exports, "ListSharp", {
   enumerable: true,
   get: function () {
     return _ListSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ListTwoTone', {
+Object.defineProperty(exports, "ListTwoTone", {
   enumerable: true,
   get: function () {
     return _ListTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiveHelp', {
+Object.defineProperty(exports, "LiveHelp", {
   enumerable: true,
   get: function () {
     return _LiveHelp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiveHelpOutlined', {
+Object.defineProperty(exports, "LiveHelpOutlined", {
   enumerable: true,
   get: function () {
     return _LiveHelpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiveHelpRounded', {
+Object.defineProperty(exports, "LiveHelpRounded", {
   enumerable: true,
   get: function () {
     return _LiveHelpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiveHelpSharp', {
+Object.defineProperty(exports, "LiveHelpSharp", {
   enumerable: true,
   get: function () {
     return _LiveHelpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiveHelpTwoTone', {
+Object.defineProperty(exports, "LiveHelpTwoTone", {
   enumerable: true,
   get: function () {
     return _LiveHelpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiveTv', {
+Object.defineProperty(exports, "LiveTv", {
   enumerable: true,
   get: function () {
     return _LiveTv.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiveTvOutlined', {
+Object.defineProperty(exports, "LiveTvOutlined", {
   enumerable: true,
   get: function () {
     return _LiveTvOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiveTvRounded', {
+Object.defineProperty(exports, "LiveTvRounded", {
   enumerable: true,
   get: function () {
     return _LiveTvRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiveTvSharp', {
+Object.defineProperty(exports, "LiveTvSharp", {
   enumerable: true,
   get: function () {
     return _LiveTvSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LiveTvTwoTone', {
+Object.defineProperty(exports, "LiveTvTwoTone", {
   enumerable: true,
   get: function () {
     return _LiveTvTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Living', {
+Object.defineProperty(exports, "Living", {
   enumerable: true,
   get: function () {
     return _Living.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LivingOutlined', {
+Object.defineProperty(exports, "LivingOutlined", {
   enumerable: true,
   get: function () {
     return _LivingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LivingRounded', {
+Object.defineProperty(exports, "LivingRounded", {
   enumerable: true,
   get: function () {
     return _LivingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LivingSharp', {
+Object.defineProperty(exports, "LivingSharp", {
   enumerable: true,
   get: function () {
     return _LivingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LivingTwoTone', {
+Object.defineProperty(exports, "LivingTwoTone", {
   enumerable: true,
   get: function () {
     return _LivingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalActivity', {
+Object.defineProperty(exports, "LocalActivity", {
   enumerable: true,
   get: function () {
     return _LocalActivity.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalActivityOutlined', {
+Object.defineProperty(exports, "LocalActivityOutlined", {
   enumerable: true,
   get: function () {
     return _LocalActivityOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalActivityRounded', {
+Object.defineProperty(exports, "LocalActivityRounded", {
   enumerable: true,
   get: function () {
     return _LocalActivityRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalActivitySharp', {
+Object.defineProperty(exports, "LocalActivitySharp", {
   enumerable: true,
   get: function () {
     return _LocalActivitySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalActivityTwoTone', {
+Object.defineProperty(exports, "LocalActivityTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalActivityTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalAirport', {
+Object.defineProperty(exports, "LocalAirport", {
   enumerable: true,
   get: function () {
     return _LocalAirport.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalAirportOutlined', {
+Object.defineProperty(exports, "LocalAirportOutlined", {
   enumerable: true,
   get: function () {
     return _LocalAirportOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalAirportRounded', {
+Object.defineProperty(exports, "LocalAirportRounded", {
   enumerable: true,
   get: function () {
     return _LocalAirportRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalAirportSharp', {
+Object.defineProperty(exports, "LocalAirportSharp", {
   enumerable: true,
   get: function () {
     return _LocalAirportSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalAirportTwoTone', {
+Object.defineProperty(exports, "LocalAirportTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalAirportTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalAtm', {
+Object.defineProperty(exports, "LocalAtm", {
   enumerable: true,
   get: function () {
     return _LocalAtm.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalAtmOutlined', {
+Object.defineProperty(exports, "LocalAtmOutlined", {
   enumerable: true,
   get: function () {
     return _LocalAtmOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalAtmRounded', {
+Object.defineProperty(exports, "LocalAtmRounded", {
   enumerable: true,
   get: function () {
     return _LocalAtmRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalAtmSharp', {
+Object.defineProperty(exports, "LocalAtmSharp", {
   enumerable: true,
   get: function () {
     return _LocalAtmSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalAtmTwoTone', {
+Object.defineProperty(exports, "LocalAtmTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalAtmTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalBar', {
+Object.defineProperty(exports, "LocalBar", {
   enumerable: true,
   get: function () {
     return _LocalBar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalBarOutlined', {
+Object.defineProperty(exports, "LocalBarOutlined", {
   enumerable: true,
   get: function () {
     return _LocalBarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalBarRounded', {
+Object.defineProperty(exports, "LocalBarRounded", {
   enumerable: true,
   get: function () {
     return _LocalBarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalBarSharp', {
+Object.defineProperty(exports, "LocalBarSharp", {
   enumerable: true,
   get: function () {
     return _LocalBarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalBarTwoTone', {
+Object.defineProperty(exports, "LocalBarTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalBarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalCafe', {
+Object.defineProperty(exports, "LocalCafe", {
   enumerable: true,
   get: function () {
     return _LocalCafe.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalCafeOutlined', {
+Object.defineProperty(exports, "LocalCafeOutlined", {
   enumerable: true,
   get: function () {
     return _LocalCafeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalCafeRounded', {
+Object.defineProperty(exports, "LocalCafeRounded", {
   enumerable: true,
   get: function () {
     return _LocalCafeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalCafeSharp', {
+Object.defineProperty(exports, "LocalCafeSharp", {
   enumerable: true,
   get: function () {
     return _LocalCafeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalCafeTwoTone', {
+Object.defineProperty(exports, "LocalCafeTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalCafeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalCarWash', {
+Object.defineProperty(exports, "LocalCarWash", {
   enumerable: true,
   get: function () {
     return _LocalCarWash.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalCarWashOutlined', {
+Object.defineProperty(exports, "LocalCarWashOutlined", {
   enumerable: true,
   get: function () {
     return _LocalCarWashOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalCarWashRounded', {
+Object.defineProperty(exports, "LocalCarWashRounded", {
   enumerable: true,
   get: function () {
     return _LocalCarWashRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalCarWashSharp', {
+Object.defineProperty(exports, "LocalCarWashSharp", {
   enumerable: true,
   get: function () {
     return _LocalCarWashSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalCarWashTwoTone', {
+Object.defineProperty(exports, "LocalCarWashTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalCarWashTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalConvenienceStore', {
+Object.defineProperty(exports, "LocalConvenienceStore", {
   enumerable: true,
   get: function () {
     return _LocalConvenienceStore.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalConvenienceStoreOutlined', {
+Object.defineProperty(exports, "LocalConvenienceStoreOutlined", {
   enumerable: true,
   get: function () {
     return _LocalConvenienceStoreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalConvenienceStoreRounded', {
+Object.defineProperty(exports, "LocalConvenienceStoreRounded", {
   enumerable: true,
   get: function () {
     return _LocalConvenienceStoreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalConvenienceStoreSharp', {
+Object.defineProperty(exports, "LocalConvenienceStoreSharp", {
   enumerable: true,
   get: function () {
     return _LocalConvenienceStoreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalConvenienceStoreTwoTone', {
+Object.defineProperty(exports, "LocalConvenienceStoreTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalConvenienceStoreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalDining', {
+Object.defineProperty(exports, "LocalDining", {
   enumerable: true,
   get: function () {
     return _LocalDining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalDiningOutlined', {
+Object.defineProperty(exports, "LocalDiningOutlined", {
   enumerable: true,
   get: function () {
     return _LocalDiningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalDiningRounded', {
+Object.defineProperty(exports, "LocalDiningRounded", {
   enumerable: true,
   get: function () {
     return _LocalDiningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalDiningSharp', {
+Object.defineProperty(exports, "LocalDiningSharp", {
   enumerable: true,
   get: function () {
     return _LocalDiningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalDiningTwoTone', {
+Object.defineProperty(exports, "LocalDiningTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalDiningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalDrink', {
+Object.defineProperty(exports, "LocalDrink", {
   enumerable: true,
   get: function () {
     return _LocalDrink.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalDrinkOutlined', {
+Object.defineProperty(exports, "LocalDrinkOutlined", {
   enumerable: true,
   get: function () {
     return _LocalDrinkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalDrinkRounded', {
+Object.defineProperty(exports, "LocalDrinkRounded", {
   enumerable: true,
   get: function () {
     return _LocalDrinkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalDrinkSharp', {
+Object.defineProperty(exports, "LocalDrinkSharp", {
   enumerable: true,
   get: function () {
     return _LocalDrinkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalDrinkTwoTone', {
+Object.defineProperty(exports, "LocalDrinkTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalDrinkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalFireDepartment', {
+Object.defineProperty(exports, "LocalFireDepartment", {
   enumerable: true,
   get: function () {
     return _LocalFireDepartment.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalFireDepartmentOutlined', {
+Object.defineProperty(exports, "LocalFireDepartmentOutlined", {
   enumerable: true,
   get: function () {
     return _LocalFireDepartmentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalFireDepartmentRounded', {
+Object.defineProperty(exports, "LocalFireDepartmentRounded", {
   enumerable: true,
   get: function () {
     return _LocalFireDepartmentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalFireDepartmentSharp', {
+Object.defineProperty(exports, "LocalFireDepartmentSharp", {
   enumerable: true,
   get: function () {
     return _LocalFireDepartmentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalFireDepartmentTwoTone', {
+Object.defineProperty(exports, "LocalFireDepartmentTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalFireDepartmentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalFlorist', {
+Object.defineProperty(exports, "LocalFlorist", {
   enumerable: true,
   get: function () {
     return _LocalFlorist.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalFloristOutlined', {
+Object.defineProperty(exports, "LocalFloristOutlined", {
   enumerable: true,
   get: function () {
     return _LocalFloristOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalFloristRounded', {
+Object.defineProperty(exports, "LocalFloristRounded", {
   enumerable: true,
   get: function () {
     return _LocalFloristRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalFloristSharp', {
+Object.defineProperty(exports, "LocalFloristSharp", {
   enumerable: true,
   get: function () {
     return _LocalFloristSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalFloristTwoTone', {
+Object.defineProperty(exports, "LocalFloristTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalFloristTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalGasStation', {
+Object.defineProperty(exports, "LocalGasStation", {
   enumerable: true,
   get: function () {
     return _LocalGasStation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalGasStationOutlined', {
+Object.defineProperty(exports, "LocalGasStationOutlined", {
   enumerable: true,
   get: function () {
     return _LocalGasStationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalGasStationRounded', {
+Object.defineProperty(exports, "LocalGasStationRounded", {
   enumerable: true,
   get: function () {
     return _LocalGasStationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalGasStationSharp', {
+Object.defineProperty(exports, "LocalGasStationSharp", {
   enumerable: true,
   get: function () {
     return _LocalGasStationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalGasStationTwoTone', {
+Object.defineProperty(exports, "LocalGasStationTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalGasStationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalGroceryStore', {
+Object.defineProperty(exports, "LocalGroceryStore", {
   enumerable: true,
   get: function () {
     return _LocalGroceryStore.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalGroceryStoreOutlined', {
+Object.defineProperty(exports, "LocalGroceryStoreOutlined", {
   enumerable: true,
   get: function () {
     return _LocalGroceryStoreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalGroceryStoreRounded', {
+Object.defineProperty(exports, "LocalGroceryStoreRounded", {
   enumerable: true,
   get: function () {
     return _LocalGroceryStoreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalGroceryStoreSharp', {
+Object.defineProperty(exports, "LocalGroceryStoreSharp", {
   enumerable: true,
   get: function () {
     return _LocalGroceryStoreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalGroceryStoreTwoTone', {
+Object.defineProperty(exports, "LocalGroceryStoreTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalGroceryStoreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalHospital', {
+Object.defineProperty(exports, "LocalHospital", {
   enumerable: true,
   get: function () {
     return _LocalHospital.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalHospitalOutlined', {
+Object.defineProperty(exports, "LocalHospitalOutlined", {
   enumerable: true,
   get: function () {
     return _LocalHospitalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalHospitalRounded', {
+Object.defineProperty(exports, "LocalHospitalRounded", {
   enumerable: true,
   get: function () {
     return _LocalHospitalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalHospitalSharp', {
+Object.defineProperty(exports, "LocalHospitalSharp", {
   enumerable: true,
   get: function () {
     return _LocalHospitalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalHospitalTwoTone', {
+Object.defineProperty(exports, "LocalHospitalTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalHospitalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalHotel', {
+Object.defineProperty(exports, "LocalHotel", {
   enumerable: true,
   get: function () {
     return _LocalHotel.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalHotelOutlined', {
+Object.defineProperty(exports, "LocalHotelOutlined", {
   enumerable: true,
   get: function () {
     return _LocalHotelOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalHotelRounded', {
+Object.defineProperty(exports, "LocalHotelRounded", {
   enumerable: true,
   get: function () {
     return _LocalHotelRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalHotelSharp', {
+Object.defineProperty(exports, "LocalHotelSharp", {
   enumerable: true,
   get: function () {
     return _LocalHotelSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalHotelTwoTone', {
+Object.defineProperty(exports, "LocalHotelTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalHotelTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalLaundryService', {
+Object.defineProperty(exports, "LocalLaundryService", {
   enumerable: true,
   get: function () {
     return _LocalLaundryService.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalLaundryServiceOutlined', {
+Object.defineProperty(exports, "LocalLaundryServiceOutlined", {
   enumerable: true,
   get: function () {
     return _LocalLaundryServiceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalLaundryServiceRounded', {
+Object.defineProperty(exports, "LocalLaundryServiceRounded", {
   enumerable: true,
   get: function () {
     return _LocalLaundryServiceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalLaundryServiceSharp', {
+Object.defineProperty(exports, "LocalLaundryServiceSharp", {
   enumerable: true,
   get: function () {
     return _LocalLaundryServiceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalLaundryServiceTwoTone', {
+Object.defineProperty(exports, "LocalLaundryServiceTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalLaundryServiceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalLibrary', {
+Object.defineProperty(exports, "LocalLibrary", {
   enumerable: true,
   get: function () {
     return _LocalLibrary.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalLibraryOutlined', {
+Object.defineProperty(exports, "LocalLibraryOutlined", {
   enumerable: true,
   get: function () {
     return _LocalLibraryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalLibraryRounded', {
+Object.defineProperty(exports, "LocalLibraryRounded", {
   enumerable: true,
   get: function () {
     return _LocalLibraryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalLibrarySharp', {
+Object.defineProperty(exports, "LocalLibrarySharp", {
   enumerable: true,
   get: function () {
     return _LocalLibrarySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalLibraryTwoTone', {
+Object.defineProperty(exports, "LocalLibraryTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalLibraryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalMall', {
+Object.defineProperty(exports, "LocalMall", {
   enumerable: true,
   get: function () {
     return _LocalMall.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalMallOutlined', {
+Object.defineProperty(exports, "LocalMallOutlined", {
   enumerable: true,
   get: function () {
     return _LocalMallOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalMallRounded', {
+Object.defineProperty(exports, "LocalMallRounded", {
   enumerable: true,
   get: function () {
     return _LocalMallRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalMallSharp', {
+Object.defineProperty(exports, "LocalMallSharp", {
   enumerable: true,
   get: function () {
     return _LocalMallSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalMallTwoTone', {
+Object.defineProperty(exports, "LocalMallTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalMallTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalMovies', {
+Object.defineProperty(exports, "LocalMovies", {
   enumerable: true,
   get: function () {
     return _LocalMovies.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalMoviesOutlined', {
+Object.defineProperty(exports, "LocalMoviesOutlined", {
   enumerable: true,
   get: function () {
     return _LocalMoviesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalMoviesRounded', {
+Object.defineProperty(exports, "LocalMoviesRounded", {
   enumerable: true,
   get: function () {
     return _LocalMoviesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalMoviesSharp', {
+Object.defineProperty(exports, "LocalMoviesSharp", {
   enumerable: true,
   get: function () {
     return _LocalMoviesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalMoviesTwoTone', {
+Object.defineProperty(exports, "LocalMoviesTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalMoviesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalOffer', {
+Object.defineProperty(exports, "LocalOffer", {
   enumerable: true,
   get: function () {
     return _LocalOffer.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalOfferOutlined', {
+Object.defineProperty(exports, "LocalOfferOutlined", {
   enumerable: true,
   get: function () {
     return _LocalOfferOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalOfferRounded', {
+Object.defineProperty(exports, "LocalOfferRounded", {
   enumerable: true,
   get: function () {
     return _LocalOfferRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalOfferSharp', {
+Object.defineProperty(exports, "LocalOfferSharp", {
   enumerable: true,
   get: function () {
     return _LocalOfferSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalOfferTwoTone', {
+Object.defineProperty(exports, "LocalOfferTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalOfferTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalParking', {
+Object.defineProperty(exports, "LocalParking", {
   enumerable: true,
   get: function () {
     return _LocalParking.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalParkingOutlined', {
+Object.defineProperty(exports, "LocalParkingOutlined", {
   enumerable: true,
   get: function () {
     return _LocalParkingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalParkingRounded', {
+Object.defineProperty(exports, "LocalParkingRounded", {
   enumerable: true,
   get: function () {
     return _LocalParkingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalParkingSharp', {
+Object.defineProperty(exports, "LocalParkingSharp", {
   enumerable: true,
   get: function () {
     return _LocalParkingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalParkingTwoTone', {
+Object.defineProperty(exports, "LocalParkingTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalParkingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPharmacy', {
+Object.defineProperty(exports, "LocalPharmacy", {
   enumerable: true,
   get: function () {
     return _LocalPharmacy.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPharmacyOutlined', {
+Object.defineProperty(exports, "LocalPharmacyOutlined", {
   enumerable: true,
   get: function () {
     return _LocalPharmacyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPharmacyRounded', {
+Object.defineProperty(exports, "LocalPharmacyRounded", {
   enumerable: true,
   get: function () {
     return _LocalPharmacyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPharmacySharp', {
+Object.defineProperty(exports, "LocalPharmacySharp", {
   enumerable: true,
   get: function () {
     return _LocalPharmacySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPharmacyTwoTone', {
+Object.defineProperty(exports, "LocalPharmacyTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalPharmacyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPhone', {
+Object.defineProperty(exports, "LocalPhone", {
   enumerable: true,
   get: function () {
     return _LocalPhone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPhoneOutlined', {
+Object.defineProperty(exports, "LocalPhoneOutlined", {
   enumerable: true,
   get: function () {
     return _LocalPhoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPhoneRounded', {
+Object.defineProperty(exports, "LocalPhoneRounded", {
   enumerable: true,
   get: function () {
     return _LocalPhoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPhoneSharp', {
+Object.defineProperty(exports, "LocalPhoneSharp", {
   enumerable: true,
   get: function () {
     return _LocalPhoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPhoneTwoTone', {
+Object.defineProperty(exports, "LocalPhoneTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalPhoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPizza', {
+Object.defineProperty(exports, "LocalPizza", {
   enumerable: true,
   get: function () {
     return _LocalPizza.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPizzaOutlined', {
+Object.defineProperty(exports, "LocalPizzaOutlined", {
   enumerable: true,
   get: function () {
     return _LocalPizzaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPizzaRounded', {
+Object.defineProperty(exports, "LocalPizzaRounded", {
   enumerable: true,
   get: function () {
     return _LocalPizzaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPizzaSharp', {
+Object.defineProperty(exports, "LocalPizzaSharp", {
   enumerable: true,
   get: function () {
     return _LocalPizzaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPizzaTwoTone', {
+Object.defineProperty(exports, "LocalPizzaTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalPizzaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPlay', {
+Object.defineProperty(exports, "LocalPlay", {
   enumerable: true,
   get: function () {
     return _LocalPlay.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPlayOutlined', {
+Object.defineProperty(exports, "LocalPlayOutlined", {
   enumerable: true,
   get: function () {
     return _LocalPlayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPlayRounded', {
+Object.defineProperty(exports, "LocalPlayRounded", {
   enumerable: true,
   get: function () {
     return _LocalPlayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPlaySharp', {
+Object.defineProperty(exports, "LocalPlaySharp", {
   enumerable: true,
   get: function () {
     return _LocalPlaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPlayTwoTone', {
+Object.defineProperty(exports, "LocalPlayTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalPlayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPolice', {
+Object.defineProperty(exports, "LocalPolice", {
   enumerable: true,
   get: function () {
     return _LocalPolice.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPoliceOutlined', {
+Object.defineProperty(exports, "LocalPoliceOutlined", {
   enumerable: true,
   get: function () {
     return _LocalPoliceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPoliceRounded', {
+Object.defineProperty(exports, "LocalPoliceRounded", {
   enumerable: true,
   get: function () {
     return _LocalPoliceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPoliceSharp', {
+Object.defineProperty(exports, "LocalPoliceSharp", {
   enumerable: true,
   get: function () {
     return _LocalPoliceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPoliceTwoTone', {
+Object.defineProperty(exports, "LocalPoliceTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalPoliceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPostOffice', {
+Object.defineProperty(exports, "LocalPostOffice", {
   enumerable: true,
   get: function () {
     return _LocalPostOffice.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPostOfficeOutlined', {
+Object.defineProperty(exports, "LocalPostOfficeOutlined", {
   enumerable: true,
   get: function () {
     return _LocalPostOfficeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPostOfficeRounded', {
+Object.defineProperty(exports, "LocalPostOfficeRounded", {
   enumerable: true,
   get: function () {
     return _LocalPostOfficeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPostOfficeSharp', {
+Object.defineProperty(exports, "LocalPostOfficeSharp", {
   enumerable: true,
   get: function () {
     return _LocalPostOfficeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPostOfficeTwoTone', {
+Object.defineProperty(exports, "LocalPostOfficeTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalPostOfficeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPrintshop', {
+Object.defineProperty(exports, "LocalPrintshop", {
   enumerable: true,
   get: function () {
     return _LocalPrintshop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPrintshopOutlined', {
+Object.defineProperty(exports, "LocalPrintshopOutlined", {
   enumerable: true,
   get: function () {
     return _LocalPrintshopOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPrintshopRounded', {
+Object.defineProperty(exports, "LocalPrintshopRounded", {
   enumerable: true,
   get: function () {
     return _LocalPrintshopRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPrintshopSharp', {
+Object.defineProperty(exports, "LocalPrintshopSharp", {
   enumerable: true,
   get: function () {
     return _LocalPrintshopSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalPrintshopTwoTone', {
+Object.defineProperty(exports, "LocalPrintshopTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalPrintshopTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalSee', {
+Object.defineProperty(exports, "LocalSee", {
   enumerable: true,
   get: function () {
     return _LocalSee.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalSeeOutlined', {
+Object.defineProperty(exports, "LocalSeeOutlined", {
   enumerable: true,
   get: function () {
     return _LocalSeeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalSeeRounded', {
+Object.defineProperty(exports, "LocalSeeRounded", {
   enumerable: true,
   get: function () {
     return _LocalSeeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalSeeSharp', {
+Object.defineProperty(exports, "LocalSeeSharp", {
   enumerable: true,
   get: function () {
     return _LocalSeeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalSeeTwoTone', {
+Object.defineProperty(exports, "LocalSeeTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalSeeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalShipping', {
+Object.defineProperty(exports, "LocalShipping", {
   enumerable: true,
   get: function () {
     return _LocalShipping.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalShippingOutlined', {
+Object.defineProperty(exports, "LocalShippingOutlined", {
   enumerable: true,
   get: function () {
     return _LocalShippingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalShippingRounded', {
+Object.defineProperty(exports, "LocalShippingRounded", {
   enumerable: true,
   get: function () {
     return _LocalShippingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalShippingSharp', {
+Object.defineProperty(exports, "LocalShippingSharp", {
   enumerable: true,
   get: function () {
     return _LocalShippingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalShippingTwoTone', {
+Object.defineProperty(exports, "LocalShippingTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalShippingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalTaxi', {
+Object.defineProperty(exports, "LocalTaxi", {
   enumerable: true,
   get: function () {
     return _LocalTaxi.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalTaxiOutlined', {
+Object.defineProperty(exports, "LocalTaxiOutlined", {
   enumerable: true,
   get: function () {
     return _LocalTaxiOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalTaxiRounded', {
+Object.defineProperty(exports, "LocalTaxiRounded", {
   enumerable: true,
   get: function () {
     return _LocalTaxiRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalTaxiSharp', {
+Object.defineProperty(exports, "LocalTaxiSharp", {
   enumerable: true,
   get: function () {
     return _LocalTaxiSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocalTaxiTwoTone', {
+Object.defineProperty(exports, "LocalTaxiTwoTone", {
   enumerable: true,
   get: function () {
     return _LocalTaxiTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationCity', {
+Object.defineProperty(exports, "LocationCity", {
   enumerable: true,
   get: function () {
     return _LocationCity.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationCityOutlined', {
+Object.defineProperty(exports, "LocationCityOutlined", {
   enumerable: true,
   get: function () {
     return _LocationCityOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationCityRounded', {
+Object.defineProperty(exports, "LocationCityRounded", {
   enumerable: true,
   get: function () {
     return _LocationCityRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationCitySharp', {
+Object.defineProperty(exports, "LocationCitySharp", {
   enumerable: true,
   get: function () {
     return _LocationCitySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationCityTwoTone', {
+Object.defineProperty(exports, "LocationCityTwoTone", {
   enumerable: true,
   get: function () {
     return _LocationCityTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationDisabled', {
+Object.defineProperty(exports, "LocationDisabled", {
   enumerable: true,
   get: function () {
     return _LocationDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationDisabledOutlined', {
+Object.defineProperty(exports, "LocationDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _LocationDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationDisabledRounded', {
+Object.defineProperty(exports, "LocationDisabledRounded", {
   enumerable: true,
   get: function () {
     return _LocationDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationDisabledSharp', {
+Object.defineProperty(exports, "LocationDisabledSharp", {
   enumerable: true,
   get: function () {
     return _LocationDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationDisabledTwoTone', {
+Object.defineProperty(exports, "LocationDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _LocationDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationOff', {
+Object.defineProperty(exports, "LocationOff", {
   enumerable: true,
   get: function () {
     return _LocationOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationOffOutlined', {
+Object.defineProperty(exports, "LocationOffOutlined", {
   enumerable: true,
   get: function () {
     return _LocationOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationOffRounded', {
+Object.defineProperty(exports, "LocationOffRounded", {
   enumerable: true,
   get: function () {
     return _LocationOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationOffSharp', {
+Object.defineProperty(exports, "LocationOffSharp", {
   enumerable: true,
   get: function () {
     return _LocationOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationOffTwoTone', {
+Object.defineProperty(exports, "LocationOffTwoTone", {
   enumerable: true,
   get: function () {
     return _LocationOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationOn', {
+Object.defineProperty(exports, "LocationOn", {
   enumerable: true,
   get: function () {
     return _LocationOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationOnOutlined', {
+Object.defineProperty(exports, "LocationOnOutlined", {
   enumerable: true,
   get: function () {
     return _LocationOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationOnRounded', {
+Object.defineProperty(exports, "LocationOnRounded", {
   enumerable: true,
   get: function () {
     return _LocationOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationOnSharp', {
+Object.defineProperty(exports, "LocationOnSharp", {
   enumerable: true,
   get: function () {
     return _LocationOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationOnTwoTone', {
+Object.defineProperty(exports, "LocationOnTwoTone", {
   enumerable: true,
   get: function () {
     return _LocationOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationSearching', {
+Object.defineProperty(exports, "LocationSearching", {
   enumerable: true,
   get: function () {
     return _LocationSearching.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationSearchingOutlined', {
+Object.defineProperty(exports, "LocationSearchingOutlined", {
   enumerable: true,
   get: function () {
     return _LocationSearchingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationSearchingRounded', {
+Object.defineProperty(exports, "LocationSearchingRounded", {
   enumerable: true,
   get: function () {
     return _LocationSearchingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationSearchingSharp', {
+Object.defineProperty(exports, "LocationSearchingSharp", {
   enumerable: true,
   get: function () {
     return _LocationSearchingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LocationSearchingTwoTone', {
+Object.defineProperty(exports, "LocationSearchingTwoTone", {
   enumerable: true,
   get: function () {
     return _LocationSearchingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Lock', {
+Object.defineProperty(exports, "Lock", {
   enumerable: true,
   get: function () {
     return _Lock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockClock', {
+Object.defineProperty(exports, "LockClock", {
   enumerable: true,
   get: function () {
     return _LockClock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockClockOutlined', {
+Object.defineProperty(exports, "LockClockOutlined", {
   enumerable: true,
   get: function () {
     return _LockClockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockClockRounded', {
+Object.defineProperty(exports, "LockClockRounded", {
   enumerable: true,
   get: function () {
     return _LockClockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockClockSharp', {
+Object.defineProperty(exports, "LockClockSharp", {
   enumerable: true,
   get: function () {
     return _LockClockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockClockTwoTone', {
+Object.defineProperty(exports, "LockClockTwoTone", {
   enumerable: true,
   get: function () {
     return _LockClockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockOpen', {
+Object.defineProperty(exports, "LockOpen", {
   enumerable: true,
   get: function () {
     return _LockOpen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockOpenOutlined', {
+Object.defineProperty(exports, "LockOpenOutlined", {
   enumerable: true,
   get: function () {
     return _LockOpenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockOpenRounded', {
+Object.defineProperty(exports, "LockOpenRounded", {
   enumerable: true,
   get: function () {
     return _LockOpenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockOpenSharp', {
+Object.defineProperty(exports, "LockOpenSharp", {
   enumerable: true,
   get: function () {
     return _LockOpenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockOpenTwoTone', {
+Object.defineProperty(exports, "LockOpenTwoTone", {
   enumerable: true,
   get: function () {
     return _LockOpenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockOutlined', {
+Object.defineProperty(exports, "LockOutlined", {
   enumerable: true,
   get: function () {
     return _LockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockPerson', {
+Object.defineProperty(exports, "LockPerson", {
   enumerable: true,
   get: function () {
     return _LockPerson.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockPersonOutlined', {
+Object.defineProperty(exports, "LockPersonOutlined", {
   enumerable: true,
   get: function () {
     return _LockPersonOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockPersonRounded', {
+Object.defineProperty(exports, "LockPersonRounded", {
   enumerable: true,
   get: function () {
     return _LockPersonRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockPersonSharp', {
+Object.defineProperty(exports, "LockPersonSharp", {
   enumerable: true,
   get: function () {
     return _LockPersonSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockPersonTwoTone', {
+Object.defineProperty(exports, "LockPersonTwoTone", {
   enumerable: true,
   get: function () {
     return _LockPersonTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockReset', {
+Object.defineProperty(exports, "LockReset", {
   enumerable: true,
   get: function () {
     return _LockReset.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockResetOutlined', {
+Object.defineProperty(exports, "LockResetOutlined", {
   enumerable: true,
   get: function () {
     return _LockResetOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockResetRounded', {
+Object.defineProperty(exports, "LockResetRounded", {
   enumerable: true,
   get: function () {
     return _LockResetRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockResetSharp', {
+Object.defineProperty(exports, "LockResetSharp", {
   enumerable: true,
   get: function () {
     return _LockResetSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockResetTwoTone', {
+Object.defineProperty(exports, "LockResetTwoTone", {
   enumerable: true,
   get: function () {
     return _LockResetTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockRounded', {
+Object.defineProperty(exports, "LockRounded", {
   enumerable: true,
   get: function () {
     return _LockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockSharp', {
+Object.defineProperty(exports, "LockSharp", {
   enumerable: true,
   get: function () {
     return _LockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LockTwoTone', {
+Object.defineProperty(exports, "LockTwoTone", {
   enumerable: true,
   get: function () {
     return _LockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Login', {
+Object.defineProperty(exports, "Login", {
   enumerable: true,
   get: function () {
     return _Login.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoginOutlined', {
+Object.defineProperty(exports, "LoginOutlined", {
   enumerable: true,
   get: function () {
     return _LoginOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoginRounded', {
+Object.defineProperty(exports, "LoginRounded", {
   enumerable: true,
   get: function () {
     return _LoginRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoginSharp', {
+Object.defineProperty(exports, "LoginSharp", {
   enumerable: true,
   get: function () {
     return _LoginSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoginTwoTone', {
+Object.defineProperty(exports, "LoginTwoTone", {
   enumerable: true,
   get: function () {
     return _LoginTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LogoDev', {
+Object.defineProperty(exports, "LogoDev", {
   enumerable: true,
   get: function () {
     return _LogoDev.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LogoDevOutlined', {
+Object.defineProperty(exports, "LogoDevOutlined", {
   enumerable: true,
   get: function () {
     return _LogoDevOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LogoDevRounded', {
+Object.defineProperty(exports, "LogoDevRounded", {
   enumerable: true,
   get: function () {
     return _LogoDevRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LogoDevSharp', {
+Object.defineProperty(exports, "LogoDevSharp", {
   enumerable: true,
   get: function () {
     return _LogoDevSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LogoDevTwoTone', {
+Object.defineProperty(exports, "LogoDevTwoTone", {
   enumerable: true,
   get: function () {
     return _LogoDevTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Logout', {
+Object.defineProperty(exports, "Logout", {
   enumerable: true,
   get: function () {
     return _Logout.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LogoutOutlined', {
+Object.defineProperty(exports, "LogoutOutlined", {
   enumerable: true,
   get: function () {
     return _LogoutOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LogoutRounded', {
+Object.defineProperty(exports, "LogoutRounded", {
   enumerable: true,
   get: function () {
     return _LogoutRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LogoutSharp', {
+Object.defineProperty(exports, "LogoutSharp", {
   enumerable: true,
   get: function () {
     return _LogoutSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LogoutTwoTone', {
+Object.defineProperty(exports, "LogoutTwoTone", {
   enumerable: true,
   get: function () {
     return _LogoutTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks', {
+Object.defineProperty(exports, "Looks", {
   enumerable: true,
   get: function () {
     return _Looks.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks3', {
+Object.defineProperty(exports, "Looks3", {
   enumerable: true,
   get: function () {
     return _Looks2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks3Outlined', {
+Object.defineProperty(exports, "Looks3Outlined", {
   enumerable: true,
   get: function () {
     return _Looks3Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks3Rounded', {
+Object.defineProperty(exports, "Looks3Rounded", {
   enumerable: true,
   get: function () {
     return _Looks3Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks3Sharp', {
+Object.defineProperty(exports, "Looks3Sharp", {
   enumerable: true,
   get: function () {
     return _Looks3Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks3TwoTone', {
+Object.defineProperty(exports, "Looks3TwoTone", {
   enumerable: true,
   get: function () {
     return _Looks3TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks4', {
+Object.defineProperty(exports, "Looks4", {
   enumerable: true,
   get: function () {
     return _Looks3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks4Outlined', {
+Object.defineProperty(exports, "Looks4Outlined", {
   enumerable: true,
   get: function () {
     return _Looks4Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks4Rounded', {
+Object.defineProperty(exports, "Looks4Rounded", {
   enumerable: true,
   get: function () {
     return _Looks4Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks4Sharp', {
+Object.defineProperty(exports, "Looks4Sharp", {
   enumerable: true,
   get: function () {
     return _Looks4Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks4TwoTone', {
+Object.defineProperty(exports, "Looks4TwoTone", {
   enumerable: true,
   get: function () {
     return _Looks4TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks5', {
+Object.defineProperty(exports, "Looks5", {
   enumerable: true,
   get: function () {
     return _Looks4.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks5Outlined', {
+Object.defineProperty(exports, "Looks5Outlined", {
   enumerable: true,
   get: function () {
     return _Looks5Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks5Rounded', {
+Object.defineProperty(exports, "Looks5Rounded", {
   enumerable: true,
   get: function () {
     return _Looks5Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks5Sharp', {
+Object.defineProperty(exports, "Looks5Sharp", {
   enumerable: true,
   get: function () {
     return _Looks5Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks5TwoTone', {
+Object.defineProperty(exports, "Looks5TwoTone", {
   enumerable: true,
   get: function () {
     return _Looks5TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks6', {
+Object.defineProperty(exports, "Looks6", {
   enumerable: true,
   get: function () {
     return _Looks5.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks6Outlined', {
+Object.defineProperty(exports, "Looks6Outlined", {
   enumerable: true,
   get: function () {
     return _Looks6Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks6Rounded', {
+Object.defineProperty(exports, "Looks6Rounded", {
   enumerable: true,
   get: function () {
     return _Looks6Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks6Sharp', {
+Object.defineProperty(exports, "Looks6Sharp", {
   enumerable: true,
   get: function () {
     return _Looks6Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Looks6TwoTone', {
+Object.defineProperty(exports, "Looks6TwoTone", {
   enumerable: true,
   get: function () {
     return _Looks6TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksOne', {
+Object.defineProperty(exports, "LooksOne", {
   enumerable: true,
   get: function () {
     return _LooksOne.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksOneOutlined', {
+Object.defineProperty(exports, "LooksOneOutlined", {
   enumerable: true,
   get: function () {
     return _LooksOneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksOneRounded', {
+Object.defineProperty(exports, "LooksOneRounded", {
   enumerable: true,
   get: function () {
     return _LooksOneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksOneSharp', {
+Object.defineProperty(exports, "LooksOneSharp", {
   enumerable: true,
   get: function () {
     return _LooksOneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksOneTwoTone', {
+Object.defineProperty(exports, "LooksOneTwoTone", {
   enumerable: true,
   get: function () {
     return _LooksOneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksOutlined', {
+Object.defineProperty(exports, "LooksOutlined", {
   enumerable: true,
   get: function () {
     return _LooksOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksRounded', {
+Object.defineProperty(exports, "LooksRounded", {
   enumerable: true,
   get: function () {
     return _LooksRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksSharp', {
+Object.defineProperty(exports, "LooksSharp", {
   enumerable: true,
   get: function () {
     return _LooksSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksTwo', {
+Object.defineProperty(exports, "LooksTwo", {
   enumerable: true,
   get: function () {
     return _LooksTwo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksTwoOutlined', {
+Object.defineProperty(exports, "LooksTwoOutlined", {
   enumerable: true,
   get: function () {
     return _LooksTwoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksTwoRounded', {
+Object.defineProperty(exports, "LooksTwoRounded", {
   enumerable: true,
   get: function () {
     return _LooksTwoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksTwoSharp', {
+Object.defineProperty(exports, "LooksTwoSharp", {
   enumerable: true,
   get: function () {
     return _LooksTwoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksTwoTone', {
+Object.defineProperty(exports, "LooksTwoTone", {
   enumerable: true,
   get: function () {
     return _LooksTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LooksTwoTwoTone', {
+Object.defineProperty(exports, "LooksTwoTwoTone", {
   enumerable: true,
   get: function () {
     return _LooksTwoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Loop', {
+Object.defineProperty(exports, "Loop", {
   enumerable: true,
   get: function () {
     return _Loop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoopOutlined', {
+Object.defineProperty(exports, "LoopOutlined", {
   enumerable: true,
   get: function () {
     return _LoopOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoopRounded', {
+Object.defineProperty(exports, "LoopRounded", {
   enumerable: true,
   get: function () {
     return _LoopRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoopSharp', {
+Object.defineProperty(exports, "LoopSharp", {
   enumerable: true,
   get: function () {
     return _LoopSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoopTwoTone', {
+Object.defineProperty(exports, "LoopTwoTone", {
   enumerable: true,
   get: function () {
     return _LoopTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Loupe', {
+Object.defineProperty(exports, "Loupe", {
   enumerable: true,
   get: function () {
     return _Loupe.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoupeOutlined', {
+Object.defineProperty(exports, "LoupeOutlined", {
   enumerable: true,
   get: function () {
     return _LoupeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoupeRounded', {
+Object.defineProperty(exports, "LoupeRounded", {
   enumerable: true,
   get: function () {
     return _LoupeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoupeSharp', {
+Object.defineProperty(exports, "LoupeSharp", {
   enumerable: true,
   get: function () {
     return _LoupeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoupeTwoTone', {
+Object.defineProperty(exports, "LoupeTwoTone", {
   enumerable: true,
   get: function () {
     return _LoupeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LowPriority', {
+Object.defineProperty(exports, "LowPriority", {
   enumerable: true,
   get: function () {
     return _LowPriority.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LowPriorityOutlined', {
+Object.defineProperty(exports, "LowPriorityOutlined", {
   enumerable: true,
   get: function () {
     return _LowPriorityOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LowPriorityRounded', {
+Object.defineProperty(exports, "LowPriorityRounded", {
   enumerable: true,
   get: function () {
     return _LowPriorityRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LowPrioritySharp', {
+Object.defineProperty(exports, "LowPrioritySharp", {
   enumerable: true,
   get: function () {
     return _LowPrioritySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LowPriorityTwoTone', {
+Object.defineProperty(exports, "LowPriorityTwoTone", {
   enumerable: true,
   get: function () {
     return _LowPriorityTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Loyalty', {
+Object.defineProperty(exports, "Loyalty", {
   enumerable: true,
   get: function () {
     return _Loyalty.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoyaltyOutlined', {
+Object.defineProperty(exports, "LoyaltyOutlined", {
   enumerable: true,
   get: function () {
     return _LoyaltyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoyaltyRounded', {
+Object.defineProperty(exports, "LoyaltyRounded", {
   enumerable: true,
   get: function () {
     return _LoyaltyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoyaltySharp', {
+Object.defineProperty(exports, "LoyaltySharp", {
   enumerable: true,
   get: function () {
     return _LoyaltySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LoyaltyTwoTone', {
+Object.defineProperty(exports, "LoyaltyTwoTone", {
   enumerable: true,
   get: function () {
     return _LoyaltyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LteMobiledata', {
+Object.defineProperty(exports, "LteMobiledata", {
   enumerable: true,
   get: function () {
     return _LteMobiledata.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LteMobiledataOutlined', {
+Object.defineProperty(exports, "LteMobiledataOutlined", {
   enumerable: true,
   get: function () {
     return _LteMobiledataOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LteMobiledataRounded', {
+Object.defineProperty(exports, "LteMobiledataRounded", {
   enumerable: true,
   get: function () {
     return _LteMobiledataRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LteMobiledataSharp', {
+Object.defineProperty(exports, "LteMobiledataSharp", {
   enumerable: true,
   get: function () {
     return _LteMobiledataSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LteMobiledataTwoTone', {
+Object.defineProperty(exports, "LteMobiledataTwoTone", {
   enumerable: true,
   get: function () {
     return _LteMobiledataTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LtePlusMobiledata', {
+Object.defineProperty(exports, "LtePlusMobiledata", {
   enumerable: true,
   get: function () {
     return _LtePlusMobiledata.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LtePlusMobiledataOutlined', {
+Object.defineProperty(exports, "LtePlusMobiledataOutlined", {
   enumerable: true,
   get: function () {
     return _LtePlusMobiledataOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LtePlusMobiledataRounded', {
+Object.defineProperty(exports, "LtePlusMobiledataRounded", {
   enumerable: true,
   get: function () {
     return _LtePlusMobiledataRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LtePlusMobiledataSharp', {
+Object.defineProperty(exports, "LtePlusMobiledataSharp", {
   enumerable: true,
   get: function () {
     return _LtePlusMobiledataSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LtePlusMobiledataTwoTone', {
+Object.defineProperty(exports, "LtePlusMobiledataTwoTone", {
   enumerable: true,
   get: function () {
     return _LtePlusMobiledataTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Luggage', {
+Object.defineProperty(exports, "Luggage", {
   enumerable: true,
   get: function () {
     return _Luggage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LuggageOutlined', {
+Object.defineProperty(exports, "LuggageOutlined", {
   enumerable: true,
   get: function () {
     return _LuggageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LuggageRounded', {
+Object.defineProperty(exports, "LuggageRounded", {
   enumerable: true,
   get: function () {
     return _LuggageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LuggageSharp', {
+Object.defineProperty(exports, "LuggageSharp", {
   enumerable: true,
   get: function () {
     return _LuggageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LuggageTwoTone', {
+Object.defineProperty(exports, "LuggageTwoTone", {
   enumerable: true,
   get: function () {
     return _LuggageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LunchDining', {
+Object.defineProperty(exports, "LunchDining", {
   enumerable: true,
   get: function () {
     return _LunchDining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LunchDiningOutlined', {
+Object.defineProperty(exports, "LunchDiningOutlined", {
   enumerable: true,
   get: function () {
     return _LunchDiningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LunchDiningRounded', {
+Object.defineProperty(exports, "LunchDiningRounded", {
   enumerable: true,
   get: function () {
     return _LunchDiningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LunchDiningSharp', {
+Object.defineProperty(exports, "LunchDiningSharp", {
   enumerable: true,
   get: function () {
     return _LunchDiningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LunchDiningTwoTone', {
+Object.defineProperty(exports, "LunchDiningTwoTone", {
   enumerable: true,
   get: function () {
     return _LunchDiningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Lyrics', {
+Object.defineProperty(exports, "Lyrics", {
   enumerable: true,
   get: function () {
     return _Lyrics.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LyricsOutlined', {
+Object.defineProperty(exports, "LyricsOutlined", {
   enumerable: true,
   get: function () {
     return _LyricsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LyricsRounded', {
+Object.defineProperty(exports, "LyricsRounded", {
   enumerable: true,
   get: function () {
     return _LyricsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LyricsSharp', {
+Object.defineProperty(exports, "LyricsSharp", {
   enumerable: true,
   get: function () {
     return _LyricsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'LyricsTwoTone', {
+Object.defineProperty(exports, "LyricsTwoTone", {
   enumerable: true,
   get: function () {
     return _LyricsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MacroOff', {
+Object.defineProperty(exports, "MacroOff", {
   enumerable: true,
   get: function () {
     return _MacroOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MacroOffOutlined', {
+Object.defineProperty(exports, "MacroOffOutlined", {
   enumerable: true,
   get: function () {
     return _MacroOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MacroOffRounded', {
+Object.defineProperty(exports, "MacroOffRounded", {
   enumerable: true,
   get: function () {
     return _MacroOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MacroOffSharp', {
+Object.defineProperty(exports, "MacroOffSharp", {
   enumerable: true,
   get: function () {
     return _MacroOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MacroOffTwoTone', {
+Object.defineProperty(exports, "MacroOffTwoTone", {
   enumerable: true,
   get: function () {
     return _MacroOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Mail', {
+Object.defineProperty(exports, "Mail", {
   enumerable: true,
   get: function () {
     return _Mail.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailLock', {
+Object.defineProperty(exports, "MailLock", {
   enumerable: true,
   get: function () {
     return _MailLock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailLockOutlined', {
+Object.defineProperty(exports, "MailLockOutlined", {
   enumerable: true,
   get: function () {
     return _MailLockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailLockRounded', {
+Object.defineProperty(exports, "MailLockRounded", {
   enumerable: true,
   get: function () {
     return _MailLockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailLockSharp', {
+Object.defineProperty(exports, "MailLockSharp", {
   enumerable: true,
   get: function () {
     return _MailLockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailLockTwoTone', {
+Object.defineProperty(exports, "MailLockTwoTone", {
   enumerable: true,
   get: function () {
     return _MailLockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailOutline', {
+Object.defineProperty(exports, "MailOutline", {
   enumerable: true,
   get: function () {
     return _MailOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailOutlineOutlined', {
+Object.defineProperty(exports, "MailOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _MailOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailOutlineRounded', {
+Object.defineProperty(exports, "MailOutlineRounded", {
   enumerable: true,
   get: function () {
     return _MailOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailOutlineSharp', {
+Object.defineProperty(exports, "MailOutlineSharp", {
   enumerable: true,
   get: function () {
     return _MailOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailOutlineTwoTone', {
+Object.defineProperty(exports, "MailOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _MailOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailOutlined', {
+Object.defineProperty(exports, "MailOutlined", {
   enumerable: true,
   get: function () {
     return _MailOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailRounded', {
+Object.defineProperty(exports, "MailRounded", {
   enumerable: true,
   get: function () {
     return _MailRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailSharp', {
+Object.defineProperty(exports, "MailSharp", {
   enumerable: true,
   get: function () {
     return _MailSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MailTwoTone', {
+Object.defineProperty(exports, "MailTwoTone", {
   enumerable: true,
   get: function () {
     return _MailTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Male', {
+Object.defineProperty(exports, "Male", {
   enumerable: true,
   get: function () {
     return _Male.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MaleOutlined', {
+Object.defineProperty(exports, "MaleOutlined", {
   enumerable: true,
   get: function () {
     return _MaleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MaleRounded', {
+Object.defineProperty(exports, "MaleRounded", {
   enumerable: true,
   get: function () {
     return _MaleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MaleSharp', {
+Object.defineProperty(exports, "MaleSharp", {
   enumerable: true,
   get: function () {
     return _MaleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MaleTwoTone', {
+Object.defineProperty(exports, "MaleTwoTone", {
   enumerable: true,
   get: function () {
     return _MaleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man', {
+Object.defineProperty(exports, "Man", {
   enumerable: true,
   get: function () {
     return _Man.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man2', {
+Object.defineProperty(exports, "Man2", {
   enumerable: true,
   get: function () {
     return _Man2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man2Outlined', {
+Object.defineProperty(exports, "Man2Outlined", {
   enumerable: true,
   get: function () {
     return _Man2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man2Rounded', {
+Object.defineProperty(exports, "Man2Rounded", {
   enumerable: true,
   get: function () {
     return _Man2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man2Sharp', {
+Object.defineProperty(exports, "Man2Sharp", {
   enumerable: true,
   get: function () {
     return _Man2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man2TwoTone', {
+Object.defineProperty(exports, "Man2TwoTone", {
   enumerable: true,
   get: function () {
     return _Man2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man3', {
+Object.defineProperty(exports, "Man3", {
   enumerable: true,
   get: function () {
     return _Man3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man3Outlined', {
+Object.defineProperty(exports, "Man3Outlined", {
   enumerable: true,
   get: function () {
     return _Man3Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man3Rounded', {
+Object.defineProperty(exports, "Man3Rounded", {
   enumerable: true,
   get: function () {
     return _Man3Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man3Sharp', {
+Object.defineProperty(exports, "Man3Sharp", {
   enumerable: true,
   get: function () {
     return _Man3Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man3TwoTone', {
+Object.defineProperty(exports, "Man3TwoTone", {
   enumerable: true,
   get: function () {
     return _Man3TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man4', {
+Object.defineProperty(exports, "Man4", {
   enumerable: true,
   get: function () {
     return _Man4.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man4Outlined', {
+Object.defineProperty(exports, "Man4Outlined", {
   enumerable: true,
   get: function () {
     return _Man4Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man4Rounded', {
+Object.defineProperty(exports, "Man4Rounded", {
   enumerable: true,
   get: function () {
     return _Man4Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man4Sharp', {
+Object.defineProperty(exports, "Man4Sharp", {
   enumerable: true,
   get: function () {
     return _Man4Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Man4TwoTone', {
+Object.defineProperty(exports, "Man4TwoTone", {
   enumerable: true,
   get: function () {
     return _Man4TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManOutlined', {
+Object.defineProperty(exports, "ManOutlined", {
   enumerable: true,
   get: function () {
     return _ManOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManRounded', {
+Object.defineProperty(exports, "ManRounded", {
   enumerable: true,
   get: function () {
     return _ManRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManSharp', {
+Object.defineProperty(exports, "ManSharp", {
   enumerable: true,
   get: function () {
     return _ManSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManTwoTone', {
+Object.defineProperty(exports, "ManTwoTone", {
   enumerable: true,
   get: function () {
     return _ManTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageAccounts', {
+Object.defineProperty(exports, "ManageAccounts", {
   enumerable: true,
   get: function () {
     return _ManageAccounts.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageAccountsOutlined', {
+Object.defineProperty(exports, "ManageAccountsOutlined", {
   enumerable: true,
   get: function () {
     return _ManageAccountsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageAccountsRounded', {
+Object.defineProperty(exports, "ManageAccountsRounded", {
   enumerable: true,
   get: function () {
     return _ManageAccountsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageAccountsSharp', {
+Object.defineProperty(exports, "ManageAccountsSharp", {
   enumerable: true,
   get: function () {
     return _ManageAccountsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageAccountsTwoTone', {
+Object.defineProperty(exports, "ManageAccountsTwoTone", {
   enumerable: true,
   get: function () {
     return _ManageAccountsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageHistory', {
+Object.defineProperty(exports, "ManageHistory", {
   enumerable: true,
   get: function () {
     return _ManageHistory.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageHistoryOutlined', {
+Object.defineProperty(exports, "ManageHistoryOutlined", {
   enumerable: true,
   get: function () {
     return _ManageHistoryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageHistoryRounded', {
+Object.defineProperty(exports, "ManageHistoryRounded", {
   enumerable: true,
   get: function () {
     return _ManageHistoryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageHistorySharp', {
+Object.defineProperty(exports, "ManageHistorySharp", {
   enumerable: true,
   get: function () {
     return _ManageHistorySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageHistoryTwoTone', {
+Object.defineProperty(exports, "ManageHistoryTwoTone", {
   enumerable: true,
   get: function () {
     return _ManageHistoryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageSearch', {
+Object.defineProperty(exports, "ManageSearch", {
   enumerable: true,
   get: function () {
     return _ManageSearch.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageSearchOutlined', {
+Object.defineProperty(exports, "ManageSearchOutlined", {
   enumerable: true,
   get: function () {
     return _ManageSearchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageSearchRounded', {
+Object.defineProperty(exports, "ManageSearchRounded", {
   enumerable: true,
   get: function () {
     return _ManageSearchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageSearchSharp', {
+Object.defineProperty(exports, "ManageSearchSharp", {
   enumerable: true,
   get: function () {
     return _ManageSearchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ManageSearchTwoTone', {
+Object.defineProperty(exports, "ManageSearchTwoTone", {
   enumerable: true,
   get: function () {
     return _ManageSearchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Map', {
+Object.defineProperty(exports, "Map", {
   enumerable: true,
   get: function () {
     return _Map.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapOutlined', {
+Object.defineProperty(exports, "MapOutlined", {
   enumerable: true,
   get: function () {
     return _MapOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapRounded', {
+Object.defineProperty(exports, "MapRounded", {
   enumerable: true,
   get: function () {
     return _MapRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapSharp', {
+Object.defineProperty(exports, "MapSharp", {
   enumerable: true,
   get: function () {
     return _MapSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapTwoTone', {
+Object.defineProperty(exports, "MapTwoTone", {
   enumerable: true,
   get: function () {
     return _MapTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapsHomeWork', {
+Object.defineProperty(exports, "MapsHomeWork", {
   enumerable: true,
   get: function () {
     return _MapsHomeWork.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapsHomeWorkOutlined', {
+Object.defineProperty(exports, "MapsHomeWorkOutlined", {
   enumerable: true,
   get: function () {
     return _MapsHomeWorkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapsHomeWorkRounded', {
+Object.defineProperty(exports, "MapsHomeWorkRounded", {
   enumerable: true,
   get: function () {
     return _MapsHomeWorkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapsHomeWorkSharp', {
+Object.defineProperty(exports, "MapsHomeWorkSharp", {
   enumerable: true,
   get: function () {
     return _MapsHomeWorkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapsHomeWorkTwoTone', {
+Object.defineProperty(exports, "MapsHomeWorkTwoTone", {
   enumerable: true,
   get: function () {
     return _MapsHomeWorkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapsUgc', {
+Object.defineProperty(exports, "MapsUgc", {
   enumerable: true,
   get: function () {
     return _MapsUgc.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapsUgcOutlined', {
+Object.defineProperty(exports, "MapsUgcOutlined", {
   enumerable: true,
   get: function () {
     return _MapsUgcOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapsUgcRounded', {
+Object.defineProperty(exports, "MapsUgcRounded", {
   enumerable: true,
   get: function () {
     return _MapsUgcRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapsUgcSharp', {
+Object.defineProperty(exports, "MapsUgcSharp", {
   enumerable: true,
   get: function () {
     return _MapsUgcSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MapsUgcTwoTone', {
+Object.defineProperty(exports, "MapsUgcTwoTone", {
   enumerable: true,
   get: function () {
     return _MapsUgcTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Margin', {
+Object.defineProperty(exports, "Margin", {
   enumerable: true,
   get: function () {
     return _Margin.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarginOutlined', {
+Object.defineProperty(exports, "MarginOutlined", {
   enumerable: true,
   get: function () {
     return _MarginOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarginRounded', {
+Object.defineProperty(exports, "MarginRounded", {
   enumerable: true,
   get: function () {
     return _MarginRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarginSharp', {
+Object.defineProperty(exports, "MarginSharp", {
   enumerable: true,
   get: function () {
     return _MarginSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarginTwoTone', {
+Object.defineProperty(exports, "MarginTwoTone", {
   enumerable: true,
   get: function () {
     return _MarginTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkAsUnread', {
+Object.defineProperty(exports, "MarkAsUnread", {
   enumerable: true,
   get: function () {
     return _MarkAsUnread.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkAsUnreadOutlined', {
+Object.defineProperty(exports, "MarkAsUnreadOutlined", {
   enumerable: true,
   get: function () {
     return _MarkAsUnreadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkAsUnreadRounded', {
+Object.defineProperty(exports, "MarkAsUnreadRounded", {
   enumerable: true,
   get: function () {
     return _MarkAsUnreadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkAsUnreadSharp', {
+Object.defineProperty(exports, "MarkAsUnreadSharp", {
   enumerable: true,
   get: function () {
     return _MarkAsUnreadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkAsUnreadTwoTone', {
+Object.defineProperty(exports, "MarkAsUnreadTwoTone", {
   enumerable: true,
   get: function () {
     return _MarkAsUnreadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkChatRead', {
+Object.defineProperty(exports, "MarkChatRead", {
   enumerable: true,
   get: function () {
     return _MarkChatRead.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkChatReadOutlined', {
+Object.defineProperty(exports, "MarkChatReadOutlined", {
   enumerable: true,
   get: function () {
     return _MarkChatReadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkChatReadRounded', {
+Object.defineProperty(exports, "MarkChatReadRounded", {
   enumerable: true,
   get: function () {
     return _MarkChatReadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkChatReadSharp', {
+Object.defineProperty(exports, "MarkChatReadSharp", {
   enumerable: true,
   get: function () {
     return _MarkChatReadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkChatReadTwoTone', {
+Object.defineProperty(exports, "MarkChatReadTwoTone", {
   enumerable: true,
   get: function () {
     return _MarkChatReadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkChatUnread', {
+Object.defineProperty(exports, "MarkChatUnread", {
   enumerable: true,
   get: function () {
     return _MarkChatUnread.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkChatUnreadOutlined', {
+Object.defineProperty(exports, "MarkChatUnreadOutlined", {
   enumerable: true,
   get: function () {
     return _MarkChatUnreadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkChatUnreadRounded', {
+Object.defineProperty(exports, "MarkChatUnreadRounded", {
   enumerable: true,
   get: function () {
     return _MarkChatUnreadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkChatUnreadSharp', {
+Object.defineProperty(exports, "MarkChatUnreadSharp", {
   enumerable: true,
   get: function () {
     return _MarkChatUnreadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkChatUnreadTwoTone', {
+Object.defineProperty(exports, "MarkChatUnreadTwoTone", {
   enumerable: true,
   get: function () {
     return _MarkChatUnreadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkEmailRead', {
+Object.defineProperty(exports, "MarkEmailRead", {
   enumerable: true,
   get: function () {
     return _MarkEmailRead.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkEmailReadOutlined', {
+Object.defineProperty(exports, "MarkEmailReadOutlined", {
   enumerable: true,
   get: function () {
     return _MarkEmailReadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkEmailReadRounded', {
+Object.defineProperty(exports, "MarkEmailReadRounded", {
   enumerable: true,
   get: function () {
     return _MarkEmailReadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkEmailReadSharp', {
+Object.defineProperty(exports, "MarkEmailReadSharp", {
   enumerable: true,
   get: function () {
     return _MarkEmailReadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkEmailReadTwoTone', {
+Object.defineProperty(exports, "MarkEmailReadTwoTone", {
   enumerable: true,
   get: function () {
     return _MarkEmailReadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkEmailUnread', {
+Object.defineProperty(exports, "MarkEmailUnread", {
   enumerable: true,
   get: function () {
     return _MarkEmailUnread.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkEmailUnreadOutlined', {
+Object.defineProperty(exports, "MarkEmailUnreadOutlined", {
   enumerable: true,
   get: function () {
     return _MarkEmailUnreadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkEmailUnreadRounded', {
+Object.defineProperty(exports, "MarkEmailUnreadRounded", {
   enumerable: true,
   get: function () {
     return _MarkEmailUnreadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkEmailUnreadSharp', {
+Object.defineProperty(exports, "MarkEmailUnreadSharp", {
   enumerable: true,
   get: function () {
     return _MarkEmailUnreadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkEmailUnreadTwoTone', {
+Object.defineProperty(exports, "MarkEmailUnreadTwoTone", {
   enumerable: true,
   get: function () {
     return _MarkEmailUnreadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkUnreadChatAlt', {
+Object.defineProperty(exports, "MarkUnreadChatAlt", {
   enumerable: true,
   get: function () {
     return _MarkUnreadChatAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkUnreadChatAltOutlined', {
+Object.defineProperty(exports, "MarkUnreadChatAltOutlined", {
   enumerable: true,
   get: function () {
     return _MarkUnreadChatAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkUnreadChatAltRounded', {
+Object.defineProperty(exports, "MarkUnreadChatAltRounded", {
   enumerable: true,
   get: function () {
     return _MarkUnreadChatAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkUnreadChatAltSharp', {
+Object.defineProperty(exports, "MarkUnreadChatAltSharp", {
   enumerable: true,
   get: function () {
     return _MarkUnreadChatAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkUnreadChatAltTwoTone', {
+Object.defineProperty(exports, "MarkUnreadChatAltTwoTone", {
   enumerable: true,
   get: function () {
     return _MarkUnreadChatAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Markunread', {
+Object.defineProperty(exports, "Markunread", {
   enumerable: true,
   get: function () {
     return _Markunread.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkunreadMailbox', {
+Object.defineProperty(exports, "MarkunreadMailbox", {
   enumerable: true,
   get: function () {
     return _MarkunreadMailbox.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkunreadMailboxOutlined', {
+Object.defineProperty(exports, "MarkunreadMailboxOutlined", {
   enumerable: true,
   get: function () {
     return _MarkunreadMailboxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkunreadMailboxRounded', {
+Object.defineProperty(exports, "MarkunreadMailboxRounded", {
   enumerable: true,
   get: function () {
     return _MarkunreadMailboxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkunreadMailboxSharp', {
+Object.defineProperty(exports, "MarkunreadMailboxSharp", {
   enumerable: true,
   get: function () {
     return _MarkunreadMailboxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkunreadMailboxTwoTone', {
+Object.defineProperty(exports, "MarkunreadMailboxTwoTone", {
   enumerable: true,
   get: function () {
     return _MarkunreadMailboxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkunreadOutlined', {
+Object.defineProperty(exports, "MarkunreadOutlined", {
   enumerable: true,
   get: function () {
     return _MarkunreadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkunreadRounded', {
+Object.defineProperty(exports, "MarkunreadRounded", {
   enumerable: true,
   get: function () {
     return _MarkunreadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkunreadSharp', {
+Object.defineProperty(exports, "MarkunreadSharp", {
   enumerable: true,
   get: function () {
     return _MarkunreadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MarkunreadTwoTone', {
+Object.defineProperty(exports, "MarkunreadTwoTone", {
   enumerable: true,
   get: function () {
     return _MarkunreadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Masks', {
+Object.defineProperty(exports, "Masks", {
   enumerable: true,
   get: function () {
     return _Masks.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MasksOutlined', {
+Object.defineProperty(exports, "MasksOutlined", {
   enumerable: true,
   get: function () {
     return _MasksOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MasksRounded', {
+Object.defineProperty(exports, "MasksRounded", {
   enumerable: true,
   get: function () {
     return _MasksRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MasksSharp', {
+Object.defineProperty(exports, "MasksSharp", {
   enumerable: true,
   get: function () {
     return _MasksSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MasksTwoTone', {
+Object.defineProperty(exports, "MasksTwoTone", {
   enumerable: true,
   get: function () {
     return _MasksTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Maximize', {
+Object.defineProperty(exports, "Maximize", {
   enumerable: true,
   get: function () {
     return _Maximize.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MaximizeOutlined', {
+Object.defineProperty(exports, "MaximizeOutlined", {
   enumerable: true,
   get: function () {
     return _MaximizeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MaximizeRounded', {
+Object.defineProperty(exports, "MaximizeRounded", {
   enumerable: true,
   get: function () {
     return _MaximizeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MaximizeSharp', {
+Object.defineProperty(exports, "MaximizeSharp", {
   enumerable: true,
   get: function () {
     return _MaximizeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MaximizeTwoTone', {
+Object.defineProperty(exports, "MaximizeTwoTone", {
   enumerable: true,
   get: function () {
     return _MaximizeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediaBluetoothOff', {
+Object.defineProperty(exports, "MediaBluetoothOff", {
   enumerable: true,
   get: function () {
     return _MediaBluetoothOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediaBluetoothOffOutlined', {
+Object.defineProperty(exports, "MediaBluetoothOffOutlined", {
   enumerable: true,
   get: function () {
     return _MediaBluetoothOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediaBluetoothOffRounded', {
+Object.defineProperty(exports, "MediaBluetoothOffRounded", {
   enumerable: true,
   get: function () {
     return _MediaBluetoothOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediaBluetoothOffSharp', {
+Object.defineProperty(exports, "MediaBluetoothOffSharp", {
   enumerable: true,
   get: function () {
     return _MediaBluetoothOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediaBluetoothOffTwoTone', {
+Object.defineProperty(exports, "MediaBluetoothOffTwoTone", {
   enumerable: true,
   get: function () {
     return _MediaBluetoothOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediaBluetoothOn', {
+Object.defineProperty(exports, "MediaBluetoothOn", {
   enumerable: true,
   get: function () {
     return _MediaBluetoothOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediaBluetoothOnOutlined', {
+Object.defineProperty(exports, "MediaBluetoothOnOutlined", {
   enumerable: true,
   get: function () {
     return _MediaBluetoothOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediaBluetoothOnRounded', {
+Object.defineProperty(exports, "MediaBluetoothOnRounded", {
   enumerable: true,
   get: function () {
     return _MediaBluetoothOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediaBluetoothOnSharp', {
+Object.defineProperty(exports, "MediaBluetoothOnSharp", {
   enumerable: true,
   get: function () {
     return _MediaBluetoothOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediaBluetoothOnTwoTone', {
+Object.defineProperty(exports, "MediaBluetoothOnTwoTone", {
   enumerable: true,
   get: function () {
     return _MediaBluetoothOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Mediation', {
+Object.defineProperty(exports, "Mediation", {
   enumerable: true,
   get: function () {
     return _Mediation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediationOutlined', {
+Object.defineProperty(exports, "MediationOutlined", {
   enumerable: true,
   get: function () {
     return _MediationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediationRounded', {
+Object.defineProperty(exports, "MediationRounded", {
   enumerable: true,
   get: function () {
     return _MediationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediationSharp', {
+Object.defineProperty(exports, "MediationSharp", {
   enumerable: true,
   get: function () {
     return _MediationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MediationTwoTone', {
+Object.defineProperty(exports, "MediationTwoTone", {
   enumerable: true,
   get: function () {
     return _MediationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicalInformation', {
+Object.defineProperty(exports, "MedicalInformation", {
   enumerable: true,
   get: function () {
     return _MedicalInformation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicalInformationOutlined', {
+Object.defineProperty(exports, "MedicalInformationOutlined", {
   enumerable: true,
   get: function () {
     return _MedicalInformationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicalInformationRounded', {
+Object.defineProperty(exports, "MedicalInformationRounded", {
   enumerable: true,
   get: function () {
     return _MedicalInformationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicalInformationSharp', {
+Object.defineProperty(exports, "MedicalInformationSharp", {
   enumerable: true,
   get: function () {
     return _MedicalInformationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicalInformationTwoTone', {
+Object.defineProperty(exports, "MedicalInformationTwoTone", {
   enumerable: true,
   get: function () {
     return _MedicalInformationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicalServices', {
+Object.defineProperty(exports, "MedicalServices", {
   enumerable: true,
   get: function () {
     return _MedicalServices.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicalServicesOutlined', {
+Object.defineProperty(exports, "MedicalServicesOutlined", {
   enumerable: true,
   get: function () {
     return _MedicalServicesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicalServicesRounded', {
+Object.defineProperty(exports, "MedicalServicesRounded", {
   enumerable: true,
   get: function () {
     return _MedicalServicesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicalServicesSharp', {
+Object.defineProperty(exports, "MedicalServicesSharp", {
   enumerable: true,
   get: function () {
     return _MedicalServicesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicalServicesTwoTone', {
+Object.defineProperty(exports, "MedicalServicesTwoTone", {
   enumerable: true,
   get: function () {
     return _MedicalServicesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Medication', {
+Object.defineProperty(exports, "Medication", {
   enumerable: true,
   get: function () {
     return _Medication.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicationLiquid', {
+Object.defineProperty(exports, "MedicationLiquid", {
   enumerable: true,
   get: function () {
     return _MedicationLiquid.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicationLiquidOutlined', {
+Object.defineProperty(exports, "MedicationLiquidOutlined", {
   enumerable: true,
   get: function () {
     return _MedicationLiquidOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicationLiquidRounded', {
+Object.defineProperty(exports, "MedicationLiquidRounded", {
   enumerable: true,
   get: function () {
     return _MedicationLiquidRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicationLiquidSharp', {
+Object.defineProperty(exports, "MedicationLiquidSharp", {
   enumerable: true,
   get: function () {
     return _MedicationLiquidSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicationLiquidTwoTone', {
+Object.defineProperty(exports, "MedicationLiquidTwoTone", {
   enumerable: true,
   get: function () {
     return _MedicationLiquidTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicationOutlined', {
+Object.defineProperty(exports, "MedicationOutlined", {
   enumerable: true,
   get: function () {
     return _MedicationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicationRounded', {
+Object.defineProperty(exports, "MedicationRounded", {
   enumerable: true,
   get: function () {
     return _MedicationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicationSharp', {
+Object.defineProperty(exports, "MedicationSharp", {
   enumerable: true,
   get: function () {
     return _MedicationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MedicationTwoTone', {
+Object.defineProperty(exports, "MedicationTwoTone", {
   enumerable: true,
   get: function () {
     return _MedicationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MeetingRoom', {
+Object.defineProperty(exports, "MeetingRoom", {
   enumerable: true,
   get: function () {
     return _MeetingRoom.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MeetingRoomOutlined', {
+Object.defineProperty(exports, "MeetingRoomOutlined", {
   enumerable: true,
   get: function () {
     return _MeetingRoomOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MeetingRoomRounded', {
+Object.defineProperty(exports, "MeetingRoomRounded", {
   enumerable: true,
   get: function () {
     return _MeetingRoomRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MeetingRoomSharp', {
+Object.defineProperty(exports, "MeetingRoomSharp", {
   enumerable: true,
   get: function () {
     return _MeetingRoomSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MeetingRoomTwoTone', {
+Object.defineProperty(exports, "MeetingRoomTwoTone", {
   enumerable: true,
   get: function () {
     return _MeetingRoomTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Memory', {
+Object.defineProperty(exports, "Memory", {
   enumerable: true,
   get: function () {
     return _Memory.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MemoryOutlined', {
+Object.defineProperty(exports, "MemoryOutlined", {
   enumerable: true,
   get: function () {
     return _MemoryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MemoryRounded', {
+Object.defineProperty(exports, "MemoryRounded", {
   enumerable: true,
   get: function () {
     return _MemoryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MemorySharp', {
+Object.defineProperty(exports, "MemorySharp", {
   enumerable: true,
   get: function () {
     return _MemorySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MemoryTwoTone', {
+Object.defineProperty(exports, "MemoryTwoTone", {
   enumerable: true,
   get: function () {
     return _MemoryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Menu', {
+Object.defineProperty(exports, "Menu", {
   enumerable: true,
   get: function () {
     return _Menu.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuBook', {
+Object.defineProperty(exports, "MenuBook", {
   enumerable: true,
   get: function () {
     return _MenuBook.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuBookOutlined', {
+Object.defineProperty(exports, "MenuBookOutlined", {
   enumerable: true,
   get: function () {
     return _MenuBookOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuBookRounded', {
+Object.defineProperty(exports, "MenuBookRounded", {
   enumerable: true,
   get: function () {
     return _MenuBookRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuBookSharp', {
+Object.defineProperty(exports, "MenuBookSharp", {
   enumerable: true,
   get: function () {
     return _MenuBookSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuBookTwoTone', {
+Object.defineProperty(exports, "MenuBookTwoTone", {
   enumerable: true,
   get: function () {
     return _MenuBookTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuOpen', {
+Object.defineProperty(exports, "MenuOpen", {
   enumerable: true,
   get: function () {
     return _MenuOpen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuOpenOutlined', {
+Object.defineProperty(exports, "MenuOpenOutlined", {
   enumerable: true,
   get: function () {
     return _MenuOpenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuOpenRounded', {
+Object.defineProperty(exports, "MenuOpenRounded", {
   enumerable: true,
   get: function () {
     return _MenuOpenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuOpenSharp', {
+Object.defineProperty(exports, "MenuOpenSharp", {
   enumerable: true,
   get: function () {
     return _MenuOpenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuOpenTwoTone', {
+Object.defineProperty(exports, "MenuOpenTwoTone", {
   enumerable: true,
   get: function () {
     return _MenuOpenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuOutlined', {
+Object.defineProperty(exports, "MenuOutlined", {
   enumerable: true,
   get: function () {
     return _MenuOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuRounded', {
+Object.defineProperty(exports, "MenuRounded", {
   enumerable: true,
   get: function () {
     return _MenuRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuSharp', {
+Object.defineProperty(exports, "MenuSharp", {
   enumerable: true,
   get: function () {
     return _MenuSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MenuTwoTone', {
+Object.defineProperty(exports, "MenuTwoTone", {
   enumerable: true,
   get: function () {
     return _MenuTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Merge', {
+Object.defineProperty(exports, "Merge", {
   enumerable: true,
   get: function () {
     return _Merge.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MergeOutlined', {
+Object.defineProperty(exports, "MergeOutlined", {
   enumerable: true,
   get: function () {
     return _MergeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MergeRounded', {
+Object.defineProperty(exports, "MergeRounded", {
   enumerable: true,
   get: function () {
     return _MergeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MergeSharp', {
+Object.defineProperty(exports, "MergeSharp", {
   enumerable: true,
   get: function () {
     return _MergeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MergeTwoTone', {
+Object.defineProperty(exports, "MergeTwoTone", {
   enumerable: true,
   get: function () {
     return _MergeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MergeType', {
+Object.defineProperty(exports, "MergeType", {
   enumerable: true,
   get: function () {
     return _MergeType.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MergeTypeOutlined', {
+Object.defineProperty(exports, "MergeTypeOutlined", {
   enumerable: true,
   get: function () {
     return _MergeTypeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MergeTypeRounded', {
+Object.defineProperty(exports, "MergeTypeRounded", {
   enumerable: true,
   get: function () {
     return _MergeTypeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MergeTypeSharp', {
+Object.defineProperty(exports, "MergeTypeSharp", {
   enumerable: true,
   get: function () {
     return _MergeTypeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MergeTypeTwoTone', {
+Object.defineProperty(exports, "MergeTypeTwoTone", {
   enumerable: true,
   get: function () {
     return _MergeTypeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Message', {
+Object.defineProperty(exports, "Message", {
   enumerable: true,
   get: function () {
     return _Message.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MessageOutlined', {
+Object.defineProperty(exports, "MessageOutlined", {
   enumerable: true,
   get: function () {
     return _MessageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MessageRounded', {
+Object.defineProperty(exports, "MessageRounded", {
   enumerable: true,
   get: function () {
     return _MessageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MessageSharp', {
+Object.defineProperty(exports, "MessageSharp", {
   enumerable: true,
   get: function () {
     return _MessageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MessageTwoTone', {
+Object.defineProperty(exports, "MessageTwoTone", {
   enumerable: true,
   get: function () {
     return _MessageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Mic', {
+Object.defineProperty(exports, "Mic", {
   enumerable: true,
   get: function () {
     return _Mic.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicExternalOff', {
+Object.defineProperty(exports, "MicExternalOff", {
   enumerable: true,
   get: function () {
     return _MicExternalOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicExternalOffOutlined', {
+Object.defineProperty(exports, "MicExternalOffOutlined", {
   enumerable: true,
   get: function () {
     return _MicExternalOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicExternalOffRounded', {
+Object.defineProperty(exports, "MicExternalOffRounded", {
   enumerable: true,
   get: function () {
     return _MicExternalOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicExternalOffSharp', {
+Object.defineProperty(exports, "MicExternalOffSharp", {
   enumerable: true,
   get: function () {
     return _MicExternalOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicExternalOffTwoTone', {
+Object.defineProperty(exports, "MicExternalOffTwoTone", {
   enumerable: true,
   get: function () {
     return _MicExternalOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicExternalOn', {
+Object.defineProperty(exports, "MicExternalOn", {
   enumerable: true,
   get: function () {
     return _MicExternalOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicExternalOnOutlined', {
+Object.defineProperty(exports, "MicExternalOnOutlined", {
   enumerable: true,
   get: function () {
     return _MicExternalOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicExternalOnRounded', {
+Object.defineProperty(exports, "MicExternalOnRounded", {
   enumerable: true,
   get: function () {
     return _MicExternalOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicExternalOnSharp', {
+Object.defineProperty(exports, "MicExternalOnSharp", {
   enumerable: true,
   get: function () {
     return _MicExternalOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicExternalOnTwoTone', {
+Object.defineProperty(exports, "MicExternalOnTwoTone", {
   enumerable: true,
   get: function () {
     return _MicExternalOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicNone', {
+Object.defineProperty(exports, "MicNone", {
   enumerable: true,
   get: function () {
     return _MicNone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicNoneOutlined', {
+Object.defineProperty(exports, "MicNoneOutlined", {
   enumerable: true,
   get: function () {
     return _MicNoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicNoneRounded', {
+Object.defineProperty(exports, "MicNoneRounded", {
   enumerable: true,
   get: function () {
     return _MicNoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicNoneSharp', {
+Object.defineProperty(exports, "MicNoneSharp", {
   enumerable: true,
   get: function () {
     return _MicNoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicNoneTwoTone', {
+Object.defineProperty(exports, "MicNoneTwoTone", {
   enumerable: true,
   get: function () {
     return _MicNoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicOff', {
+Object.defineProperty(exports, "MicOff", {
   enumerable: true,
   get: function () {
     return _MicOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicOffOutlined', {
+Object.defineProperty(exports, "MicOffOutlined", {
   enumerable: true,
   get: function () {
     return _MicOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicOffRounded', {
+Object.defineProperty(exports, "MicOffRounded", {
   enumerable: true,
   get: function () {
     return _MicOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicOffSharp', {
+Object.defineProperty(exports, "MicOffSharp", {
   enumerable: true,
   get: function () {
     return _MicOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicOffTwoTone', {
+Object.defineProperty(exports, "MicOffTwoTone", {
   enumerable: true,
   get: function () {
     return _MicOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicOutlined', {
+Object.defineProperty(exports, "MicOutlined", {
   enumerable: true,
   get: function () {
     return _MicOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicRounded', {
+Object.defineProperty(exports, "MicRounded", {
   enumerable: true,
   get: function () {
     return _MicRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicSharp', {
+Object.defineProperty(exports, "MicSharp", {
   enumerable: true,
   get: function () {
     return _MicSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicTwoTone', {
+Object.defineProperty(exports, "MicTwoTone", {
   enumerable: true,
   get: function () {
     return _MicTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Microsoft', {
+Object.defineProperty(exports, "Microsoft", {
   enumerable: true,
   get: function () {
     return _Microsoft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Microwave', {
+Object.defineProperty(exports, "Microwave", {
   enumerable: true,
   get: function () {
     return _Microwave.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicrowaveOutlined', {
+Object.defineProperty(exports, "MicrowaveOutlined", {
   enumerable: true,
   get: function () {
     return _MicrowaveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicrowaveRounded', {
+Object.defineProperty(exports, "MicrowaveRounded", {
   enumerable: true,
   get: function () {
     return _MicrowaveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicrowaveSharp', {
+Object.defineProperty(exports, "MicrowaveSharp", {
   enumerable: true,
   get: function () {
     return _MicrowaveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MicrowaveTwoTone', {
+Object.defineProperty(exports, "MicrowaveTwoTone", {
   enumerable: true,
   get: function () {
     return _MicrowaveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MilitaryTech', {
+Object.defineProperty(exports, "MilitaryTech", {
   enumerable: true,
   get: function () {
     return _MilitaryTech.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MilitaryTechOutlined', {
+Object.defineProperty(exports, "MilitaryTechOutlined", {
   enumerable: true,
   get: function () {
     return _MilitaryTechOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MilitaryTechRounded', {
+Object.defineProperty(exports, "MilitaryTechRounded", {
   enumerable: true,
   get: function () {
     return _MilitaryTechRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MilitaryTechSharp', {
+Object.defineProperty(exports, "MilitaryTechSharp", {
   enumerable: true,
   get: function () {
     return _MilitaryTechSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MilitaryTechTwoTone', {
+Object.defineProperty(exports, "MilitaryTechTwoTone", {
   enumerable: true,
   get: function () {
     return _MilitaryTechTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Minimize', {
+Object.defineProperty(exports, "Minimize", {
   enumerable: true,
   get: function () {
     return _Minimize.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MinimizeOutlined', {
+Object.defineProperty(exports, "MinimizeOutlined", {
   enumerable: true,
   get: function () {
     return _MinimizeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MinimizeRounded', {
+Object.defineProperty(exports, "MinimizeRounded", {
   enumerable: true,
   get: function () {
     return _MinimizeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MinimizeSharp', {
+Object.defineProperty(exports, "MinimizeSharp", {
   enumerable: true,
   get: function () {
     return _MinimizeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MinimizeTwoTone', {
+Object.defineProperty(exports, "MinimizeTwoTone", {
   enumerable: true,
   get: function () {
     return _MinimizeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MinorCrash', {
+Object.defineProperty(exports, "MinorCrash", {
   enumerable: true,
   get: function () {
     return _MinorCrash.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MinorCrashOutlined', {
+Object.defineProperty(exports, "MinorCrashOutlined", {
   enumerable: true,
   get: function () {
     return _MinorCrashOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MinorCrashRounded', {
+Object.defineProperty(exports, "MinorCrashRounded", {
   enumerable: true,
   get: function () {
     return _MinorCrashRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MinorCrashSharp', {
+Object.defineProperty(exports, "MinorCrashSharp", {
   enumerable: true,
   get: function () {
     return _MinorCrashSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MinorCrashTwoTone', {
+Object.defineProperty(exports, "MinorCrashTwoTone", {
   enumerable: true,
   get: function () {
     return _MinorCrashTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MiscellaneousServices', {
+Object.defineProperty(exports, "MiscellaneousServices", {
   enumerable: true,
   get: function () {
     return _MiscellaneousServices.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MiscellaneousServicesOutlined', {
+Object.defineProperty(exports, "MiscellaneousServicesOutlined", {
   enumerable: true,
   get: function () {
     return _MiscellaneousServicesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MiscellaneousServicesRounded', {
+Object.defineProperty(exports, "MiscellaneousServicesRounded", {
   enumerable: true,
   get: function () {
     return _MiscellaneousServicesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MiscellaneousServicesSharp', {
+Object.defineProperty(exports, "MiscellaneousServicesSharp", {
   enumerable: true,
   get: function () {
     return _MiscellaneousServicesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MiscellaneousServicesTwoTone', {
+Object.defineProperty(exports, "MiscellaneousServicesTwoTone", {
   enumerable: true,
   get: function () {
     return _MiscellaneousServicesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MissedVideoCall', {
+Object.defineProperty(exports, "MissedVideoCall", {
   enumerable: true,
   get: function () {
     return _MissedVideoCall.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MissedVideoCallOutlined', {
+Object.defineProperty(exports, "MissedVideoCallOutlined", {
   enumerable: true,
   get: function () {
     return _MissedVideoCallOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MissedVideoCallRounded', {
+Object.defineProperty(exports, "MissedVideoCallRounded", {
   enumerable: true,
   get: function () {
     return _MissedVideoCallRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MissedVideoCallSharp', {
+Object.defineProperty(exports, "MissedVideoCallSharp", {
   enumerable: true,
   get: function () {
     return _MissedVideoCallSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MissedVideoCallTwoTone', {
+Object.defineProperty(exports, "MissedVideoCallTwoTone", {
   enumerable: true,
   get: function () {
     return _MissedVideoCallTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Mms', {
+Object.defineProperty(exports, "Mms", {
   enumerable: true,
   get: function () {
     return _Mms.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MmsOutlined', {
+Object.defineProperty(exports, "MmsOutlined", {
   enumerable: true,
   get: function () {
     return _MmsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MmsRounded', {
+Object.defineProperty(exports, "MmsRounded", {
   enumerable: true,
   get: function () {
     return _MmsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MmsSharp', {
+Object.defineProperty(exports, "MmsSharp", {
   enumerable: true,
   get: function () {
     return _MmsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MmsTwoTone', {
+Object.defineProperty(exports, "MmsTwoTone", {
   enumerable: true,
   get: function () {
     return _MmsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileFriendly', {
+Object.defineProperty(exports, "MobileFriendly", {
   enumerable: true,
   get: function () {
     return _MobileFriendly.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileFriendlyOutlined', {
+Object.defineProperty(exports, "MobileFriendlyOutlined", {
   enumerable: true,
   get: function () {
     return _MobileFriendlyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileFriendlyRounded', {
+Object.defineProperty(exports, "MobileFriendlyRounded", {
   enumerable: true,
   get: function () {
     return _MobileFriendlyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileFriendlySharp', {
+Object.defineProperty(exports, "MobileFriendlySharp", {
   enumerable: true,
   get: function () {
     return _MobileFriendlySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileFriendlyTwoTone', {
+Object.defineProperty(exports, "MobileFriendlyTwoTone", {
   enumerable: true,
   get: function () {
     return _MobileFriendlyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileOff', {
+Object.defineProperty(exports, "MobileOff", {
   enumerable: true,
   get: function () {
     return _MobileOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileOffOutlined', {
+Object.defineProperty(exports, "MobileOffOutlined", {
   enumerable: true,
   get: function () {
     return _MobileOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileOffRounded', {
+Object.defineProperty(exports, "MobileOffRounded", {
   enumerable: true,
   get: function () {
     return _MobileOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileOffSharp', {
+Object.defineProperty(exports, "MobileOffSharp", {
   enumerable: true,
   get: function () {
     return _MobileOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileOffTwoTone', {
+Object.defineProperty(exports, "MobileOffTwoTone", {
   enumerable: true,
   get: function () {
     return _MobileOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileScreenShare', {
+Object.defineProperty(exports, "MobileScreenShare", {
   enumerable: true,
   get: function () {
     return _MobileScreenShare.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileScreenShareOutlined', {
+Object.defineProperty(exports, "MobileScreenShareOutlined", {
   enumerable: true,
   get: function () {
     return _MobileScreenShareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileScreenShareRounded', {
+Object.defineProperty(exports, "MobileScreenShareRounded", {
   enumerable: true,
   get: function () {
     return _MobileScreenShareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileScreenShareSharp', {
+Object.defineProperty(exports, "MobileScreenShareSharp", {
   enumerable: true,
   get: function () {
     return _MobileScreenShareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobileScreenShareTwoTone', {
+Object.defineProperty(exports, "MobileScreenShareTwoTone", {
   enumerable: true,
   get: function () {
     return _MobileScreenShareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobiledataOff', {
+Object.defineProperty(exports, "MobiledataOff", {
   enumerable: true,
   get: function () {
     return _MobiledataOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobiledataOffOutlined', {
+Object.defineProperty(exports, "MobiledataOffOutlined", {
   enumerable: true,
   get: function () {
     return _MobiledataOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobiledataOffRounded', {
+Object.defineProperty(exports, "MobiledataOffRounded", {
   enumerable: true,
   get: function () {
     return _MobiledataOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobiledataOffSharp', {
+Object.defineProperty(exports, "MobiledataOffSharp", {
   enumerable: true,
   get: function () {
     return _MobiledataOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MobiledataOffTwoTone', {
+Object.defineProperty(exports, "MobiledataOffTwoTone", {
   enumerable: true,
   get: function () {
     return _MobiledataOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Mode', {
+Object.defineProperty(exports, "Mode", {
   enumerable: true,
   get: function () {
     return _Mode.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeComment', {
+Object.defineProperty(exports, "ModeComment", {
   enumerable: true,
   get: function () {
     return _ModeComment.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeCommentOutlined', {
+Object.defineProperty(exports, "ModeCommentOutlined", {
   enumerable: true,
   get: function () {
     return _ModeCommentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeCommentRounded', {
+Object.defineProperty(exports, "ModeCommentRounded", {
   enumerable: true,
   get: function () {
     return _ModeCommentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeCommentSharp', {
+Object.defineProperty(exports, "ModeCommentSharp", {
   enumerable: true,
   get: function () {
     return _ModeCommentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeCommentTwoTone', {
+Object.defineProperty(exports, "ModeCommentTwoTone", {
   enumerable: true,
   get: function () {
     return _ModeCommentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeEdit', {
+Object.defineProperty(exports, "ModeEdit", {
   enumerable: true,
   get: function () {
     return _ModeEdit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeEditOutline', {
+Object.defineProperty(exports, "ModeEditOutline", {
   enumerable: true,
   get: function () {
     return _ModeEditOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeEditOutlineOutlined', {
+Object.defineProperty(exports, "ModeEditOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _ModeEditOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeEditOutlineRounded', {
+Object.defineProperty(exports, "ModeEditOutlineRounded", {
   enumerable: true,
   get: function () {
     return _ModeEditOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeEditOutlineSharp', {
+Object.defineProperty(exports, "ModeEditOutlineSharp", {
   enumerable: true,
   get: function () {
     return _ModeEditOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeEditOutlineTwoTone', {
+Object.defineProperty(exports, "ModeEditOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _ModeEditOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeEditOutlined', {
+Object.defineProperty(exports, "ModeEditOutlined", {
   enumerable: true,
   get: function () {
     return _ModeEditOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeEditRounded', {
+Object.defineProperty(exports, "ModeEditRounded", {
   enumerable: true,
   get: function () {
     return _ModeEditRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeEditSharp', {
+Object.defineProperty(exports, "ModeEditSharp", {
   enumerable: true,
   get: function () {
     return _ModeEditSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeEditTwoTone', {
+Object.defineProperty(exports, "ModeEditTwoTone", {
   enumerable: true,
   get: function () {
     return _ModeEditTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeFanOff', {
+Object.defineProperty(exports, "ModeFanOff", {
   enumerable: true,
   get: function () {
     return _ModeFanOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeFanOffOutlined', {
+Object.defineProperty(exports, "ModeFanOffOutlined", {
   enumerable: true,
   get: function () {
     return _ModeFanOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeFanOffRounded', {
+Object.defineProperty(exports, "ModeFanOffRounded", {
   enumerable: true,
   get: function () {
     return _ModeFanOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeFanOffSharp', {
+Object.defineProperty(exports, "ModeFanOffSharp", {
   enumerable: true,
   get: function () {
     return _ModeFanOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeFanOffTwoTone', {
+Object.defineProperty(exports, "ModeFanOffTwoTone", {
   enumerable: true,
   get: function () {
     return _ModeFanOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeNight', {
+Object.defineProperty(exports, "ModeNight", {
   enumerable: true,
   get: function () {
     return _ModeNight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeNightOutlined', {
+Object.defineProperty(exports, "ModeNightOutlined", {
   enumerable: true,
   get: function () {
     return _ModeNightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeNightRounded', {
+Object.defineProperty(exports, "ModeNightRounded", {
   enumerable: true,
   get: function () {
     return _ModeNightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeNightSharp', {
+Object.defineProperty(exports, "ModeNightSharp", {
   enumerable: true,
   get: function () {
     return _ModeNightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeNightTwoTone', {
+Object.defineProperty(exports, "ModeNightTwoTone", {
   enumerable: true,
   get: function () {
     return _ModeNightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeOfTravel', {
+Object.defineProperty(exports, "ModeOfTravel", {
   enumerable: true,
   get: function () {
     return _ModeOfTravel.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeOfTravelOutlined', {
+Object.defineProperty(exports, "ModeOfTravelOutlined", {
   enumerable: true,
   get: function () {
     return _ModeOfTravelOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeOfTravelRounded', {
+Object.defineProperty(exports, "ModeOfTravelRounded", {
   enumerable: true,
   get: function () {
     return _ModeOfTravelRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeOfTravelSharp', {
+Object.defineProperty(exports, "ModeOfTravelSharp", {
   enumerable: true,
   get: function () {
     return _ModeOfTravelSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeOfTravelTwoTone', {
+Object.defineProperty(exports, "ModeOfTravelTwoTone", {
   enumerable: true,
   get: function () {
     return _ModeOfTravelTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeOutlined', {
+Object.defineProperty(exports, "ModeOutlined", {
   enumerable: true,
   get: function () {
     return _ModeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeRounded', {
+Object.defineProperty(exports, "ModeRounded", {
   enumerable: true,
   get: function () {
     return _ModeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeSharp', {
+Object.defineProperty(exports, "ModeSharp", {
   enumerable: true,
   get: function () {
     return _ModeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeStandby', {
+Object.defineProperty(exports, "ModeStandby", {
   enumerable: true,
   get: function () {
     return _ModeStandby.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeStandbyOutlined', {
+Object.defineProperty(exports, "ModeStandbyOutlined", {
   enumerable: true,
   get: function () {
     return _ModeStandbyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeStandbyRounded', {
+Object.defineProperty(exports, "ModeStandbyRounded", {
   enumerable: true,
   get: function () {
     return _ModeStandbyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeStandbySharp', {
+Object.defineProperty(exports, "ModeStandbySharp", {
   enumerable: true,
   get: function () {
     return _ModeStandbySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeStandbyTwoTone', {
+Object.defineProperty(exports, "ModeStandbyTwoTone", {
   enumerable: true,
   get: function () {
     return _ModeStandbyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModeTwoTone', {
+Object.defineProperty(exports, "ModeTwoTone", {
   enumerable: true,
   get: function () {
     return _ModeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModelTraining', {
+Object.defineProperty(exports, "ModelTraining", {
   enumerable: true,
   get: function () {
     return _ModelTraining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModelTrainingOutlined', {
+Object.defineProperty(exports, "ModelTrainingOutlined", {
   enumerable: true,
   get: function () {
     return _ModelTrainingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModelTrainingRounded', {
+Object.defineProperty(exports, "ModelTrainingRounded", {
   enumerable: true,
   get: function () {
     return _ModelTrainingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModelTrainingSharp', {
+Object.defineProperty(exports, "ModelTrainingSharp", {
   enumerable: true,
   get: function () {
     return _ModelTrainingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ModelTrainingTwoTone', {
+Object.defineProperty(exports, "ModelTrainingTwoTone", {
   enumerable: true,
   get: function () {
     return _ModelTrainingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonetizationOn', {
+Object.defineProperty(exports, "MonetizationOn", {
   enumerable: true,
   get: function () {
     return _MonetizationOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonetizationOnOutlined', {
+Object.defineProperty(exports, "MonetizationOnOutlined", {
   enumerable: true,
   get: function () {
     return _MonetizationOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonetizationOnRounded', {
+Object.defineProperty(exports, "MonetizationOnRounded", {
   enumerable: true,
   get: function () {
     return _MonetizationOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonetizationOnSharp', {
+Object.defineProperty(exports, "MonetizationOnSharp", {
   enumerable: true,
   get: function () {
     return _MonetizationOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonetizationOnTwoTone', {
+Object.defineProperty(exports, "MonetizationOnTwoTone", {
   enumerable: true,
   get: function () {
     return _MonetizationOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Money', {
+Object.defineProperty(exports, "Money", {
   enumerable: true,
   get: function () {
     return _Money.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyOff', {
+Object.defineProperty(exports, "MoneyOff", {
   enumerable: true,
   get: function () {
     return _MoneyOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyOffCsred', {
+Object.defineProperty(exports, "MoneyOffCsred", {
   enumerable: true,
   get: function () {
     return _MoneyOffCsred.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyOffCsredOutlined', {
+Object.defineProperty(exports, "MoneyOffCsredOutlined", {
   enumerable: true,
   get: function () {
     return _MoneyOffCsredOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyOffCsredRounded', {
+Object.defineProperty(exports, "MoneyOffCsredRounded", {
   enumerable: true,
   get: function () {
     return _MoneyOffCsredRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyOffCsredSharp', {
+Object.defineProperty(exports, "MoneyOffCsredSharp", {
   enumerable: true,
   get: function () {
     return _MoneyOffCsredSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyOffCsredTwoTone', {
+Object.defineProperty(exports, "MoneyOffCsredTwoTone", {
   enumerable: true,
   get: function () {
     return _MoneyOffCsredTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyOffOutlined', {
+Object.defineProperty(exports, "MoneyOffOutlined", {
   enumerable: true,
   get: function () {
     return _MoneyOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyOffRounded', {
+Object.defineProperty(exports, "MoneyOffRounded", {
   enumerable: true,
   get: function () {
     return _MoneyOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyOffSharp', {
+Object.defineProperty(exports, "MoneyOffSharp", {
   enumerable: true,
   get: function () {
     return _MoneyOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyOffTwoTone', {
+Object.defineProperty(exports, "MoneyOffTwoTone", {
   enumerable: true,
   get: function () {
     return _MoneyOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyOutlined', {
+Object.defineProperty(exports, "MoneyOutlined", {
   enumerable: true,
   get: function () {
     return _MoneyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyRounded', {
+Object.defineProperty(exports, "MoneyRounded", {
   enumerable: true,
   get: function () {
     return _MoneyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneySharp', {
+Object.defineProperty(exports, "MoneySharp", {
   enumerable: true,
   get: function () {
     return _MoneySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoneyTwoTone', {
+Object.defineProperty(exports, "MoneyTwoTone", {
   enumerable: true,
   get: function () {
     return _MoneyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Monitor', {
+Object.defineProperty(exports, "Monitor", {
   enumerable: true,
   get: function () {
     return _Monitor.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorHeart', {
+Object.defineProperty(exports, "MonitorHeart", {
   enumerable: true,
   get: function () {
     return _MonitorHeart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorHeartOutlined', {
+Object.defineProperty(exports, "MonitorHeartOutlined", {
   enumerable: true,
   get: function () {
     return _MonitorHeartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorHeartRounded', {
+Object.defineProperty(exports, "MonitorHeartRounded", {
   enumerable: true,
   get: function () {
     return _MonitorHeartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorHeartSharp', {
+Object.defineProperty(exports, "MonitorHeartSharp", {
   enumerable: true,
   get: function () {
     return _MonitorHeartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorHeartTwoTone', {
+Object.defineProperty(exports, "MonitorHeartTwoTone", {
   enumerable: true,
   get: function () {
     return _MonitorHeartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorOutlined', {
+Object.defineProperty(exports, "MonitorOutlined", {
   enumerable: true,
   get: function () {
     return _MonitorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorRounded', {
+Object.defineProperty(exports, "MonitorRounded", {
   enumerable: true,
   get: function () {
     return _MonitorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorSharp', {
+Object.defineProperty(exports, "MonitorSharp", {
   enumerable: true,
   get: function () {
     return _MonitorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorTwoTone', {
+Object.defineProperty(exports, "MonitorTwoTone", {
   enumerable: true,
   get: function () {
     return _MonitorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorWeight', {
+Object.defineProperty(exports, "MonitorWeight", {
   enumerable: true,
   get: function () {
     return _MonitorWeight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorWeightOutlined', {
+Object.defineProperty(exports, "MonitorWeightOutlined", {
   enumerable: true,
   get: function () {
     return _MonitorWeightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorWeightRounded', {
+Object.defineProperty(exports, "MonitorWeightRounded", {
   enumerable: true,
   get: function () {
     return _MonitorWeightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorWeightSharp', {
+Object.defineProperty(exports, "MonitorWeightSharp", {
   enumerable: true,
   get: function () {
     return _MonitorWeightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonitorWeightTwoTone', {
+Object.defineProperty(exports, "MonitorWeightTwoTone", {
   enumerable: true,
   get: function () {
     return _MonitorWeightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonochromePhotos', {
+Object.defineProperty(exports, "MonochromePhotos", {
   enumerable: true,
   get: function () {
     return _MonochromePhotos.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonochromePhotosOutlined', {
+Object.defineProperty(exports, "MonochromePhotosOutlined", {
   enumerable: true,
   get: function () {
     return _MonochromePhotosOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonochromePhotosRounded', {
+Object.defineProperty(exports, "MonochromePhotosRounded", {
   enumerable: true,
   get: function () {
     return _MonochromePhotosRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonochromePhotosSharp', {
+Object.defineProperty(exports, "MonochromePhotosSharp", {
   enumerable: true,
   get: function () {
     return _MonochromePhotosSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MonochromePhotosTwoTone', {
+Object.defineProperty(exports, "MonochromePhotosTwoTone", {
   enumerable: true,
   get: function () {
     return _MonochromePhotosTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Mood', {
+Object.defineProperty(exports, "Mood", {
   enumerable: true,
   get: function () {
     return _Mood.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoodBad', {
+Object.defineProperty(exports, "MoodBad", {
   enumerable: true,
   get: function () {
     return _MoodBad.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoodBadOutlined', {
+Object.defineProperty(exports, "MoodBadOutlined", {
   enumerable: true,
   get: function () {
     return _MoodBadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoodBadRounded', {
+Object.defineProperty(exports, "MoodBadRounded", {
   enumerable: true,
   get: function () {
     return _MoodBadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoodBadSharp', {
+Object.defineProperty(exports, "MoodBadSharp", {
   enumerable: true,
   get: function () {
     return _MoodBadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoodBadTwoTone', {
+Object.defineProperty(exports, "MoodBadTwoTone", {
   enumerable: true,
   get: function () {
     return _MoodBadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoodOutlined', {
+Object.defineProperty(exports, "MoodOutlined", {
   enumerable: true,
   get: function () {
     return _MoodOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoodRounded', {
+Object.defineProperty(exports, "MoodRounded", {
   enumerable: true,
   get: function () {
     return _MoodRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoodSharp', {
+Object.defineProperty(exports, "MoodSharp", {
   enumerable: true,
   get: function () {
     return _MoodSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoodTwoTone', {
+Object.defineProperty(exports, "MoodTwoTone", {
   enumerable: true,
   get: function () {
     return _MoodTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Moped', {
+Object.defineProperty(exports, "Moped", {
   enumerable: true,
   get: function () {
     return _Moped.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MopedOutlined', {
+Object.defineProperty(exports, "MopedOutlined", {
   enumerable: true,
   get: function () {
     return _MopedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MopedRounded', {
+Object.defineProperty(exports, "MopedRounded", {
   enumerable: true,
   get: function () {
     return _MopedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MopedSharp', {
+Object.defineProperty(exports, "MopedSharp", {
   enumerable: true,
   get: function () {
     return _MopedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MopedTwoTone', {
+Object.defineProperty(exports, "MopedTwoTone", {
   enumerable: true,
   get: function () {
     return _MopedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'More', {
+Object.defineProperty(exports, "More", {
   enumerable: true,
   get: function () {
     return _More.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreHoriz', {
+Object.defineProperty(exports, "MoreHoriz", {
   enumerable: true,
   get: function () {
     return _MoreHoriz.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreHorizOutlined', {
+Object.defineProperty(exports, "MoreHorizOutlined", {
   enumerable: true,
   get: function () {
     return _MoreHorizOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreHorizRounded', {
+Object.defineProperty(exports, "MoreHorizRounded", {
   enumerable: true,
   get: function () {
     return _MoreHorizRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreHorizSharp', {
+Object.defineProperty(exports, "MoreHorizSharp", {
   enumerable: true,
   get: function () {
     return _MoreHorizSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreHorizTwoTone', {
+Object.defineProperty(exports, "MoreHorizTwoTone", {
   enumerable: true,
   get: function () {
     return _MoreHorizTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreOutlined', {
+Object.defineProperty(exports, "MoreOutlined", {
   enumerable: true,
   get: function () {
     return _MoreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreRounded', {
+Object.defineProperty(exports, "MoreRounded", {
   enumerable: true,
   get: function () {
     return _MoreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreSharp', {
+Object.defineProperty(exports, "MoreSharp", {
   enumerable: true,
   get: function () {
     return _MoreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreTime', {
+Object.defineProperty(exports, "MoreTime", {
   enumerable: true,
   get: function () {
     return _MoreTime.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreTimeOutlined', {
+Object.defineProperty(exports, "MoreTimeOutlined", {
   enumerable: true,
   get: function () {
     return _MoreTimeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreTimeRounded', {
+Object.defineProperty(exports, "MoreTimeRounded", {
   enumerable: true,
   get: function () {
     return _MoreTimeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreTimeSharp', {
+Object.defineProperty(exports, "MoreTimeSharp", {
   enumerable: true,
   get: function () {
     return _MoreTimeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreTimeTwoTone', {
+Object.defineProperty(exports, "MoreTimeTwoTone", {
   enumerable: true,
   get: function () {
     return _MoreTimeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreTwoTone', {
+Object.defineProperty(exports, "MoreTwoTone", {
   enumerable: true,
   get: function () {
     return _MoreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreVert', {
+Object.defineProperty(exports, "MoreVert", {
   enumerable: true,
   get: function () {
     return _MoreVert.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreVertOutlined', {
+Object.defineProperty(exports, "MoreVertOutlined", {
   enumerable: true,
   get: function () {
     return _MoreVertOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreVertRounded', {
+Object.defineProperty(exports, "MoreVertRounded", {
   enumerable: true,
   get: function () {
     return _MoreVertRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreVertSharp', {
+Object.defineProperty(exports, "MoreVertSharp", {
   enumerable: true,
   get: function () {
     return _MoreVertSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoreVertTwoTone', {
+Object.defineProperty(exports, "MoreVertTwoTone", {
   enumerable: true,
   get: function () {
     return _MoreVertTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Mosque', {
+Object.defineProperty(exports, "Mosque", {
   enumerable: true,
   get: function () {
     return _Mosque.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MosqueOutlined', {
+Object.defineProperty(exports, "MosqueOutlined", {
   enumerable: true,
   get: function () {
     return _MosqueOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MosqueRounded', {
+Object.defineProperty(exports, "MosqueRounded", {
   enumerable: true,
   get: function () {
     return _MosqueRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MosqueSharp', {
+Object.defineProperty(exports, "MosqueSharp", {
   enumerable: true,
   get: function () {
     return _MosqueSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MosqueTwoTone', {
+Object.defineProperty(exports, "MosqueTwoTone", {
   enumerable: true,
   get: function () {
     return _MosqueTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MotionPhotosAuto', {
+Object.defineProperty(exports, "MotionPhotosAuto", {
   enumerable: true,
   get: function () {
     return _MotionPhotosAuto.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MotionPhotosAutoOutlined', {
+Object.defineProperty(exports, "MotionPhotosAutoOutlined", {
   enumerable: true,
   get: function () {
     return _MotionPhotosAutoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MotionPhotosAutoRounded', {
+Object.defineProperty(exports, "MotionPhotosAutoRounded", {
   enumerable: true,
   get: function () {
     return _MotionPhotosAutoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MotionPhotosAutoSharp', {
+Object.defineProperty(exports, "MotionPhotosAutoSharp", {
   enumerable: true,
   get: function () {
     return _MotionPhotosAutoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MotionPhotosAutoTwoTone', {
+Object.defineProperty(exports, "MotionPhotosAutoTwoTone", {
   enumerable: true,
   get: function () {
     return _MotionPhotosAutoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MotionPhotosOff', {
+Object.defineProperty(exports, "MotionPhotosOff", {
   enumerable: true,
   get: function () {
     return _MotionPhotosOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MotionPhotosOffOutlined', {
+Object.defineProperty(exports, "MotionPhotosOffOutlined", {
   enumerable: true,
   get: function () {
     return _MotionPhotosOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MotionPhotosOffRounded', {
+Object.defineProperty(exports, "MotionPhotosOffRounded", {
   enumerable: true,
   get: function () {
     return _MotionPhotosOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MotionPhotosOffSharp', {
+Object.defineProperty(exports, "MotionPhotosOffSharp", {
   enumerable: true,
   get: function () {
     return _MotionPhotosOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MotionPhotosOffTwoTone', {
+Object.defineProperty(exports, "MotionPhotosOffTwoTone", {
   enumerable: true,
   get: function () {
     return _MotionPhotosOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Mouse', {
+Object.defineProperty(exports, "Mouse", {
   enumerable: true,
   get: function () {
     return _Mouse.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MouseOutlined', {
+Object.defineProperty(exports, "MouseOutlined", {
   enumerable: true,
   get: function () {
     return _MouseOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MouseRounded', {
+Object.defineProperty(exports, "MouseRounded", {
   enumerable: true,
   get: function () {
     return _MouseRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MouseSharp', {
+Object.defineProperty(exports, "MouseSharp", {
   enumerable: true,
   get: function () {
     return _MouseSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MouseTwoTone', {
+Object.defineProperty(exports, "MouseTwoTone", {
   enumerable: true,
   get: function () {
     return _MouseTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveDown', {
+Object.defineProperty(exports, "MoveDown", {
   enumerable: true,
   get: function () {
     return _MoveDown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveDownOutlined', {
+Object.defineProperty(exports, "MoveDownOutlined", {
   enumerable: true,
   get: function () {
     return _MoveDownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveDownRounded', {
+Object.defineProperty(exports, "MoveDownRounded", {
   enumerable: true,
   get: function () {
     return _MoveDownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveDownSharp', {
+Object.defineProperty(exports, "MoveDownSharp", {
   enumerable: true,
   get: function () {
     return _MoveDownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveDownTwoTone', {
+Object.defineProperty(exports, "MoveDownTwoTone", {
   enumerable: true,
   get: function () {
     return _MoveDownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveToInbox', {
+Object.defineProperty(exports, "MoveToInbox", {
   enumerable: true,
   get: function () {
     return _MoveToInbox.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveToInboxOutlined', {
+Object.defineProperty(exports, "MoveToInboxOutlined", {
   enumerable: true,
   get: function () {
     return _MoveToInboxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveToInboxRounded', {
+Object.defineProperty(exports, "MoveToInboxRounded", {
   enumerable: true,
   get: function () {
     return _MoveToInboxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveToInboxSharp', {
+Object.defineProperty(exports, "MoveToInboxSharp", {
   enumerable: true,
   get: function () {
     return _MoveToInboxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveToInboxTwoTone', {
+Object.defineProperty(exports, "MoveToInboxTwoTone", {
   enumerable: true,
   get: function () {
     return _MoveToInboxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveUp', {
+Object.defineProperty(exports, "MoveUp", {
   enumerable: true,
   get: function () {
     return _MoveUp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveUpOutlined', {
+Object.defineProperty(exports, "MoveUpOutlined", {
   enumerable: true,
   get: function () {
     return _MoveUpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveUpRounded', {
+Object.defineProperty(exports, "MoveUpRounded", {
   enumerable: true,
   get: function () {
     return _MoveUpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveUpSharp', {
+Object.defineProperty(exports, "MoveUpSharp", {
   enumerable: true,
   get: function () {
     return _MoveUpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MoveUpTwoTone', {
+Object.defineProperty(exports, "MoveUpTwoTone", {
   enumerable: true,
   get: function () {
     return _MoveUpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Movie', {
+Object.defineProperty(exports, "Movie", {
   enumerable: true,
   get: function () {
     return _Movie.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieCreation', {
+Object.defineProperty(exports, "MovieCreation", {
   enumerable: true,
   get: function () {
     return _MovieCreation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieCreationOutlined', {
+Object.defineProperty(exports, "MovieCreationOutlined", {
   enumerable: true,
   get: function () {
     return _MovieCreationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieCreationRounded', {
+Object.defineProperty(exports, "MovieCreationRounded", {
   enumerable: true,
   get: function () {
     return _MovieCreationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieCreationSharp', {
+Object.defineProperty(exports, "MovieCreationSharp", {
   enumerable: true,
   get: function () {
     return _MovieCreationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieCreationTwoTone', {
+Object.defineProperty(exports, "MovieCreationTwoTone", {
   enumerable: true,
   get: function () {
     return _MovieCreationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieFilter', {
+Object.defineProperty(exports, "MovieFilter", {
   enumerable: true,
   get: function () {
     return _MovieFilter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieFilterOutlined', {
+Object.defineProperty(exports, "MovieFilterOutlined", {
   enumerable: true,
   get: function () {
     return _MovieFilterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieFilterRounded', {
+Object.defineProperty(exports, "MovieFilterRounded", {
   enumerable: true,
   get: function () {
     return _MovieFilterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieFilterSharp', {
+Object.defineProperty(exports, "MovieFilterSharp", {
   enumerable: true,
   get: function () {
     return _MovieFilterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieFilterTwoTone', {
+Object.defineProperty(exports, "MovieFilterTwoTone", {
   enumerable: true,
   get: function () {
     return _MovieFilterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieOutlined', {
+Object.defineProperty(exports, "MovieOutlined", {
   enumerable: true,
   get: function () {
     return _MovieOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieRounded', {
+Object.defineProperty(exports, "MovieRounded", {
   enumerable: true,
   get: function () {
     return _MovieRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieSharp', {
+Object.defineProperty(exports, "MovieSharp", {
   enumerable: true,
   get: function () {
     return _MovieSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovieTwoTone', {
+Object.defineProperty(exports, "MovieTwoTone", {
   enumerable: true,
   get: function () {
     return _MovieTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Moving', {
+Object.defineProperty(exports, "Moving", {
   enumerable: true,
   get: function () {
     return _Moving.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovingOutlined', {
+Object.defineProperty(exports, "MovingOutlined", {
   enumerable: true,
   get: function () {
     return _MovingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovingRounded', {
+Object.defineProperty(exports, "MovingRounded", {
   enumerable: true,
   get: function () {
     return _MovingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovingSharp', {
+Object.defineProperty(exports, "MovingSharp", {
   enumerable: true,
   get: function () {
     return _MovingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MovingTwoTone', {
+Object.defineProperty(exports, "MovingTwoTone", {
   enumerable: true,
   get: function () {
     return _MovingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Mp', {
+Object.defineProperty(exports, "Mp", {
   enumerable: true,
   get: function () {
     return _Mp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MpOutlined', {
+Object.defineProperty(exports, "MpOutlined", {
   enumerable: true,
   get: function () {
     return _MpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MpRounded', {
+Object.defineProperty(exports, "MpRounded", {
   enumerable: true,
   get: function () {
     return _MpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MpSharp', {
+Object.defineProperty(exports, "MpSharp", {
   enumerable: true,
   get: function () {
     return _MpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MpTwoTone', {
+Object.defineProperty(exports, "MpTwoTone", {
   enumerable: true,
   get: function () {
     return _MpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MultilineChart', {
+Object.defineProperty(exports, "MultilineChart", {
   enumerable: true,
   get: function () {
     return _MultilineChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MultilineChartOutlined', {
+Object.defineProperty(exports, "MultilineChartOutlined", {
   enumerable: true,
   get: function () {
     return _MultilineChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MultilineChartRounded', {
+Object.defineProperty(exports, "MultilineChartRounded", {
   enumerable: true,
   get: function () {
     return _MultilineChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MultilineChartSharp', {
+Object.defineProperty(exports, "MultilineChartSharp", {
   enumerable: true,
   get: function () {
     return _MultilineChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MultilineChartTwoTone', {
+Object.defineProperty(exports, "MultilineChartTwoTone", {
   enumerable: true,
   get: function () {
     return _MultilineChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MultipleStop', {
+Object.defineProperty(exports, "MultipleStop", {
   enumerable: true,
   get: function () {
     return _MultipleStop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MultipleStopOutlined', {
+Object.defineProperty(exports, "MultipleStopOutlined", {
   enumerable: true,
   get: function () {
     return _MultipleStopOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MultipleStopRounded', {
+Object.defineProperty(exports, "MultipleStopRounded", {
   enumerable: true,
   get: function () {
     return _MultipleStopRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MultipleStopSharp', {
+Object.defineProperty(exports, "MultipleStopSharp", {
   enumerable: true,
   get: function () {
     return _MultipleStopSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MultipleStopTwoTone', {
+Object.defineProperty(exports, "MultipleStopTwoTone", {
   enumerable: true,
   get: function () {
     return _MultipleStopTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Museum', {
+Object.defineProperty(exports, "Museum", {
   enumerable: true,
   get: function () {
     return _Museum.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MuseumOutlined', {
+Object.defineProperty(exports, "MuseumOutlined", {
   enumerable: true,
   get: function () {
     return _MuseumOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MuseumRounded', {
+Object.defineProperty(exports, "MuseumRounded", {
   enumerable: true,
   get: function () {
     return _MuseumRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MuseumSharp', {
+Object.defineProperty(exports, "MuseumSharp", {
   enumerable: true,
   get: function () {
     return _MuseumSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MuseumTwoTone', {
+Object.defineProperty(exports, "MuseumTwoTone", {
   enumerable: true,
   get: function () {
     return _MuseumTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicNote', {
+Object.defineProperty(exports, "MusicNote", {
   enumerable: true,
   get: function () {
     return _MusicNote.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicNoteOutlined', {
+Object.defineProperty(exports, "MusicNoteOutlined", {
   enumerable: true,
   get: function () {
     return _MusicNoteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicNoteRounded', {
+Object.defineProperty(exports, "MusicNoteRounded", {
   enumerable: true,
   get: function () {
     return _MusicNoteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicNoteSharp', {
+Object.defineProperty(exports, "MusicNoteSharp", {
   enumerable: true,
   get: function () {
     return _MusicNoteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicNoteTwoTone', {
+Object.defineProperty(exports, "MusicNoteTwoTone", {
   enumerable: true,
   get: function () {
     return _MusicNoteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicOff', {
+Object.defineProperty(exports, "MusicOff", {
   enumerable: true,
   get: function () {
     return _MusicOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicOffOutlined', {
+Object.defineProperty(exports, "MusicOffOutlined", {
   enumerable: true,
   get: function () {
     return _MusicOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicOffRounded', {
+Object.defineProperty(exports, "MusicOffRounded", {
   enumerable: true,
   get: function () {
     return _MusicOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicOffSharp', {
+Object.defineProperty(exports, "MusicOffSharp", {
   enumerable: true,
   get: function () {
     return _MusicOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicOffTwoTone', {
+Object.defineProperty(exports, "MusicOffTwoTone", {
   enumerable: true,
   get: function () {
     return _MusicOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicVideo', {
+Object.defineProperty(exports, "MusicVideo", {
   enumerable: true,
   get: function () {
     return _MusicVideo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicVideoOutlined', {
+Object.defineProperty(exports, "MusicVideoOutlined", {
   enumerable: true,
   get: function () {
     return _MusicVideoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicVideoRounded', {
+Object.defineProperty(exports, "MusicVideoRounded", {
   enumerable: true,
   get: function () {
     return _MusicVideoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicVideoSharp', {
+Object.defineProperty(exports, "MusicVideoSharp", {
   enumerable: true,
   get: function () {
     return _MusicVideoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MusicVideoTwoTone', {
+Object.defineProperty(exports, "MusicVideoTwoTone", {
   enumerable: true,
   get: function () {
     return _MusicVideoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MyLocation', {
+Object.defineProperty(exports, "MyLocation", {
   enumerable: true,
   get: function () {
     return _MyLocation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MyLocationOutlined', {
+Object.defineProperty(exports, "MyLocationOutlined", {
   enumerable: true,
   get: function () {
     return _MyLocationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MyLocationRounded', {
+Object.defineProperty(exports, "MyLocationRounded", {
   enumerable: true,
   get: function () {
     return _MyLocationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MyLocationSharp', {
+Object.defineProperty(exports, "MyLocationSharp", {
   enumerable: true,
   get: function () {
     return _MyLocationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'MyLocationTwoTone', {
+Object.defineProperty(exports, "MyLocationTwoTone", {
   enumerable: true,
   get: function () {
     return _MyLocationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Nat', {
+Object.defineProperty(exports, "Nat", {
   enumerable: true,
   get: function () {
     return _Nat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NatOutlined', {
+Object.defineProperty(exports, "NatOutlined", {
   enumerable: true,
   get: function () {
     return _NatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NatRounded', {
+Object.defineProperty(exports, "NatRounded", {
   enumerable: true,
   get: function () {
     return _NatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NatSharp', {
+Object.defineProperty(exports, "NatSharp", {
   enumerable: true,
   get: function () {
     return _NatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NatTwoTone', {
+Object.defineProperty(exports, "NatTwoTone", {
   enumerable: true,
   get: function () {
     return _NatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Nature', {
+Object.defineProperty(exports, "Nature", {
   enumerable: true,
   get: function () {
     return _Nature.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NatureOutlined', {
+Object.defineProperty(exports, "NatureOutlined", {
   enumerable: true,
   get: function () {
     return _NatureOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NaturePeople', {
+Object.defineProperty(exports, "NaturePeople", {
   enumerable: true,
   get: function () {
     return _NaturePeople.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NaturePeopleOutlined', {
+Object.defineProperty(exports, "NaturePeopleOutlined", {
   enumerable: true,
   get: function () {
     return _NaturePeopleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NaturePeopleRounded', {
+Object.defineProperty(exports, "NaturePeopleRounded", {
   enumerable: true,
   get: function () {
     return _NaturePeopleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NaturePeopleSharp', {
+Object.defineProperty(exports, "NaturePeopleSharp", {
   enumerable: true,
   get: function () {
     return _NaturePeopleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NaturePeopleTwoTone', {
+Object.defineProperty(exports, "NaturePeopleTwoTone", {
   enumerable: true,
   get: function () {
     return _NaturePeopleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NatureRounded', {
+Object.defineProperty(exports, "NatureRounded", {
   enumerable: true,
   get: function () {
     return _NatureRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NatureSharp', {
+Object.defineProperty(exports, "NatureSharp", {
   enumerable: true,
   get: function () {
     return _NatureSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NatureTwoTone', {
+Object.defineProperty(exports, "NatureTwoTone", {
   enumerable: true,
   get: function () {
     return _NatureTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigateBefore', {
+Object.defineProperty(exports, "NavigateBefore", {
   enumerable: true,
   get: function () {
     return _NavigateBefore.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigateBeforeOutlined', {
+Object.defineProperty(exports, "NavigateBeforeOutlined", {
   enumerable: true,
   get: function () {
     return _NavigateBeforeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigateBeforeRounded', {
+Object.defineProperty(exports, "NavigateBeforeRounded", {
   enumerable: true,
   get: function () {
     return _NavigateBeforeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigateBeforeSharp', {
+Object.defineProperty(exports, "NavigateBeforeSharp", {
   enumerable: true,
   get: function () {
     return _NavigateBeforeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigateBeforeTwoTone', {
+Object.defineProperty(exports, "NavigateBeforeTwoTone", {
   enumerable: true,
   get: function () {
     return _NavigateBeforeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigateNext', {
+Object.defineProperty(exports, "NavigateNext", {
   enumerable: true,
   get: function () {
     return _NavigateNext.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigateNextOutlined', {
+Object.defineProperty(exports, "NavigateNextOutlined", {
   enumerable: true,
   get: function () {
     return _NavigateNextOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigateNextRounded', {
+Object.defineProperty(exports, "NavigateNextRounded", {
   enumerable: true,
   get: function () {
     return _NavigateNextRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigateNextSharp', {
+Object.defineProperty(exports, "NavigateNextSharp", {
   enumerable: true,
   get: function () {
     return _NavigateNextSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigateNextTwoTone', {
+Object.defineProperty(exports, "NavigateNextTwoTone", {
   enumerable: true,
   get: function () {
     return _NavigateNextTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Navigation', {
+Object.defineProperty(exports, "Navigation", {
   enumerable: true,
   get: function () {
     return _Navigation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigationOutlined', {
+Object.defineProperty(exports, "NavigationOutlined", {
   enumerable: true,
   get: function () {
     return _NavigationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigationRounded', {
+Object.defineProperty(exports, "NavigationRounded", {
   enumerable: true,
   get: function () {
     return _NavigationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigationSharp', {
+Object.defineProperty(exports, "NavigationSharp", {
   enumerable: true,
   get: function () {
     return _NavigationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NavigationTwoTone', {
+Object.defineProperty(exports, "NavigationTwoTone", {
   enumerable: true,
   get: function () {
     return _NavigationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearMe', {
+Object.defineProperty(exports, "NearMe", {
   enumerable: true,
   get: function () {
     return _NearMe.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearMeDisabled', {
+Object.defineProperty(exports, "NearMeDisabled", {
   enumerable: true,
   get: function () {
     return _NearMeDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearMeDisabledOutlined', {
+Object.defineProperty(exports, "NearMeDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _NearMeDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearMeDisabledRounded', {
+Object.defineProperty(exports, "NearMeDisabledRounded", {
   enumerable: true,
   get: function () {
     return _NearMeDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearMeDisabledSharp', {
+Object.defineProperty(exports, "NearMeDisabledSharp", {
   enumerable: true,
   get: function () {
     return _NearMeDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearMeDisabledTwoTone', {
+Object.defineProperty(exports, "NearMeDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _NearMeDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearMeOutlined', {
+Object.defineProperty(exports, "NearMeOutlined", {
   enumerable: true,
   get: function () {
     return _NearMeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearMeRounded', {
+Object.defineProperty(exports, "NearMeRounded", {
   enumerable: true,
   get: function () {
     return _NearMeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearMeSharp', {
+Object.defineProperty(exports, "NearMeSharp", {
   enumerable: true,
   get: function () {
     return _NearMeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearMeTwoTone', {
+Object.defineProperty(exports, "NearMeTwoTone", {
   enumerable: true,
   get: function () {
     return _NearMeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearbyError', {
+Object.defineProperty(exports, "NearbyError", {
   enumerable: true,
   get: function () {
     return _NearbyError.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearbyErrorOutlined', {
+Object.defineProperty(exports, "NearbyErrorOutlined", {
   enumerable: true,
   get: function () {
     return _NearbyErrorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearbyErrorRounded', {
+Object.defineProperty(exports, "NearbyErrorRounded", {
   enumerable: true,
   get: function () {
     return _NearbyErrorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearbyErrorSharp', {
+Object.defineProperty(exports, "NearbyErrorSharp", {
   enumerable: true,
   get: function () {
     return _NearbyErrorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearbyErrorTwoTone', {
+Object.defineProperty(exports, "NearbyErrorTwoTone", {
   enumerable: true,
   get: function () {
     return _NearbyErrorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearbyOff', {
+Object.defineProperty(exports, "NearbyOff", {
   enumerable: true,
   get: function () {
     return _NearbyOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearbyOffOutlined', {
+Object.defineProperty(exports, "NearbyOffOutlined", {
   enumerable: true,
   get: function () {
     return _NearbyOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearbyOffRounded', {
+Object.defineProperty(exports, "NearbyOffRounded", {
   enumerable: true,
   get: function () {
     return _NearbyOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearbyOffSharp', {
+Object.defineProperty(exports, "NearbyOffSharp", {
   enumerable: true,
   get: function () {
     return _NearbyOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NearbyOffTwoTone', {
+Object.defineProperty(exports, "NearbyOffTwoTone", {
   enumerable: true,
   get: function () {
     return _NearbyOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NestCamWiredStand', {
+Object.defineProperty(exports, "NestCamWiredStand", {
   enumerable: true,
   get: function () {
     return _NestCamWiredStand.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NestCamWiredStandOutlined', {
+Object.defineProperty(exports, "NestCamWiredStandOutlined", {
   enumerable: true,
   get: function () {
     return _NestCamWiredStandOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NestCamWiredStandRounded', {
+Object.defineProperty(exports, "NestCamWiredStandRounded", {
   enumerable: true,
   get: function () {
     return _NestCamWiredStandRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NestCamWiredStandSharp', {
+Object.defineProperty(exports, "NestCamWiredStandSharp", {
   enumerable: true,
   get: function () {
     return _NestCamWiredStandSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NestCamWiredStandTwoTone', {
+Object.defineProperty(exports, "NestCamWiredStandTwoTone", {
   enumerable: true,
   get: function () {
     return _NestCamWiredStandTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkCell', {
+Object.defineProperty(exports, "NetworkCell", {
   enumerable: true,
   get: function () {
     return _NetworkCell.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkCellOutlined', {
+Object.defineProperty(exports, "NetworkCellOutlined", {
   enumerable: true,
   get: function () {
     return _NetworkCellOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkCellRounded', {
+Object.defineProperty(exports, "NetworkCellRounded", {
   enumerable: true,
   get: function () {
     return _NetworkCellRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkCellSharp', {
+Object.defineProperty(exports, "NetworkCellSharp", {
   enumerable: true,
   get: function () {
     return _NetworkCellSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkCellTwoTone', {
+Object.defineProperty(exports, "NetworkCellTwoTone", {
   enumerable: true,
   get: function () {
     return _NetworkCellTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkCheck', {
+Object.defineProperty(exports, "NetworkCheck", {
   enumerable: true,
   get: function () {
     return _NetworkCheck.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkCheckOutlined', {
+Object.defineProperty(exports, "NetworkCheckOutlined", {
   enumerable: true,
   get: function () {
     return _NetworkCheckOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkCheckRounded', {
+Object.defineProperty(exports, "NetworkCheckRounded", {
   enumerable: true,
   get: function () {
     return _NetworkCheckRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkCheckSharp', {
+Object.defineProperty(exports, "NetworkCheckSharp", {
   enumerable: true,
   get: function () {
     return _NetworkCheckSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkCheckTwoTone', {
+Object.defineProperty(exports, "NetworkCheckTwoTone", {
   enumerable: true,
   get: function () {
     return _NetworkCheckTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkLocked', {
+Object.defineProperty(exports, "NetworkLocked", {
   enumerable: true,
   get: function () {
     return _NetworkLocked.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkLockedOutlined', {
+Object.defineProperty(exports, "NetworkLockedOutlined", {
   enumerable: true,
   get: function () {
     return _NetworkLockedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkLockedRounded', {
+Object.defineProperty(exports, "NetworkLockedRounded", {
   enumerable: true,
   get: function () {
     return _NetworkLockedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkLockedSharp', {
+Object.defineProperty(exports, "NetworkLockedSharp", {
   enumerable: true,
   get: function () {
     return _NetworkLockedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkLockedTwoTone', {
+Object.defineProperty(exports, "NetworkLockedTwoTone", {
   enumerable: true,
   get: function () {
     return _NetworkLockedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkPing', {
+Object.defineProperty(exports, "NetworkPing", {
   enumerable: true,
   get: function () {
     return _NetworkPing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkPingOutlined', {
+Object.defineProperty(exports, "NetworkPingOutlined", {
   enumerable: true,
   get: function () {
     return _NetworkPingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkPingRounded', {
+Object.defineProperty(exports, "NetworkPingRounded", {
   enumerable: true,
   get: function () {
     return _NetworkPingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkPingSharp', {
+Object.defineProperty(exports, "NetworkPingSharp", {
   enumerable: true,
   get: function () {
     return _NetworkPingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkPingTwoTone', {
+Object.defineProperty(exports, "NetworkPingTwoTone", {
   enumerable: true,
   get: function () {
     return _NetworkPingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi', {
+Object.defineProperty(exports, "NetworkWifi", {
   enumerable: true,
   get: function () {
     return _NetworkWifi.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi1Bar', {
+Object.defineProperty(exports, "NetworkWifi1Bar", {
   enumerable: true,
   get: function () {
     return _NetworkWifi1Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi1BarOutlined', {
+Object.defineProperty(exports, "NetworkWifi1BarOutlined", {
   enumerable: true,
   get: function () {
     return _NetworkWifi1BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi1BarRounded', {
+Object.defineProperty(exports, "NetworkWifi1BarRounded", {
   enumerable: true,
   get: function () {
     return _NetworkWifi1BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi1BarSharp', {
+Object.defineProperty(exports, "NetworkWifi1BarSharp", {
   enumerable: true,
   get: function () {
     return _NetworkWifi1BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi1BarTwoTone', {
+Object.defineProperty(exports, "NetworkWifi1BarTwoTone", {
   enumerable: true,
   get: function () {
     return _NetworkWifi1BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi2Bar', {
+Object.defineProperty(exports, "NetworkWifi2Bar", {
   enumerable: true,
   get: function () {
     return _NetworkWifi2Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi2BarOutlined', {
+Object.defineProperty(exports, "NetworkWifi2BarOutlined", {
   enumerable: true,
   get: function () {
     return _NetworkWifi2BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi2BarRounded', {
+Object.defineProperty(exports, "NetworkWifi2BarRounded", {
   enumerable: true,
   get: function () {
     return _NetworkWifi2BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi2BarSharp', {
+Object.defineProperty(exports, "NetworkWifi2BarSharp", {
   enumerable: true,
   get: function () {
     return _NetworkWifi2BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi2BarTwoTone', {
+Object.defineProperty(exports, "NetworkWifi2BarTwoTone", {
   enumerable: true,
   get: function () {
     return _NetworkWifi2BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi3Bar', {
+Object.defineProperty(exports, "NetworkWifi3Bar", {
   enumerable: true,
   get: function () {
     return _NetworkWifi3Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi3BarOutlined', {
+Object.defineProperty(exports, "NetworkWifi3BarOutlined", {
   enumerable: true,
   get: function () {
     return _NetworkWifi3BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi3BarRounded', {
+Object.defineProperty(exports, "NetworkWifi3BarRounded", {
   enumerable: true,
   get: function () {
     return _NetworkWifi3BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi3BarSharp', {
+Object.defineProperty(exports, "NetworkWifi3BarSharp", {
   enumerable: true,
   get: function () {
     return _NetworkWifi3BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifi3BarTwoTone', {
+Object.defineProperty(exports, "NetworkWifi3BarTwoTone", {
   enumerable: true,
   get: function () {
     return _NetworkWifi3BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifiOutlined', {
+Object.defineProperty(exports, "NetworkWifiOutlined", {
   enumerable: true,
   get: function () {
     return _NetworkWifiOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifiRounded', {
+Object.defineProperty(exports, "NetworkWifiRounded", {
   enumerable: true,
   get: function () {
     return _NetworkWifiRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifiSharp', {
+Object.defineProperty(exports, "NetworkWifiSharp", {
   enumerable: true,
   get: function () {
     return _NetworkWifiSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NetworkWifiTwoTone', {
+Object.defineProperty(exports, "NetworkWifiTwoTone", {
   enumerable: true,
   get: function () {
     return _NetworkWifiTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NewReleases', {
+Object.defineProperty(exports, "NewReleases", {
   enumerable: true,
   get: function () {
     return _NewReleases.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NewReleasesOutlined', {
+Object.defineProperty(exports, "NewReleasesOutlined", {
   enumerable: true,
   get: function () {
     return _NewReleasesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NewReleasesRounded', {
+Object.defineProperty(exports, "NewReleasesRounded", {
   enumerable: true,
   get: function () {
     return _NewReleasesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NewReleasesSharp', {
+Object.defineProperty(exports, "NewReleasesSharp", {
   enumerable: true,
   get: function () {
     return _NewReleasesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NewReleasesTwoTone', {
+Object.defineProperty(exports, "NewReleasesTwoTone", {
   enumerable: true,
   get: function () {
     return _NewReleasesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Newspaper', {
+Object.defineProperty(exports, "Newspaper", {
   enumerable: true,
   get: function () {
     return _Newspaper.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NewspaperOutlined', {
+Object.defineProperty(exports, "NewspaperOutlined", {
   enumerable: true,
   get: function () {
     return _NewspaperOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NewspaperRounded', {
+Object.defineProperty(exports, "NewspaperRounded", {
   enumerable: true,
   get: function () {
     return _NewspaperRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NewspaperSharp', {
+Object.defineProperty(exports, "NewspaperSharp", {
   enumerable: true,
   get: function () {
     return _NewspaperSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NewspaperTwoTone', {
+Object.defineProperty(exports, "NewspaperTwoTone", {
   enumerable: true,
   get: function () {
     return _NewspaperTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NextPlan', {
+Object.defineProperty(exports, "NextPlan", {
   enumerable: true,
   get: function () {
     return _NextPlan.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NextPlanOutlined', {
+Object.defineProperty(exports, "NextPlanOutlined", {
   enumerable: true,
   get: function () {
     return _NextPlanOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NextPlanRounded', {
+Object.defineProperty(exports, "NextPlanRounded", {
   enumerable: true,
   get: function () {
     return _NextPlanRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NextPlanSharp', {
+Object.defineProperty(exports, "NextPlanSharp", {
   enumerable: true,
   get: function () {
     return _NextPlanSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NextPlanTwoTone', {
+Object.defineProperty(exports, "NextPlanTwoTone", {
   enumerable: true,
   get: function () {
     return _NextPlanTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NextWeek', {
+Object.defineProperty(exports, "NextWeek", {
   enumerable: true,
   get: function () {
     return _NextWeek.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NextWeekOutlined', {
+Object.defineProperty(exports, "NextWeekOutlined", {
   enumerable: true,
   get: function () {
     return _NextWeekOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NextWeekRounded', {
+Object.defineProperty(exports, "NextWeekRounded", {
   enumerable: true,
   get: function () {
     return _NextWeekRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NextWeekSharp', {
+Object.defineProperty(exports, "NextWeekSharp", {
   enumerable: true,
   get: function () {
     return _NextWeekSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NextWeekTwoTone', {
+Object.defineProperty(exports, "NextWeekTwoTone", {
   enumerable: true,
   get: function () {
     return _NextWeekTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Nfc', {
+Object.defineProperty(exports, "Nfc", {
   enumerable: true,
   get: function () {
     return _Nfc.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NfcOutlined', {
+Object.defineProperty(exports, "NfcOutlined", {
   enumerable: true,
   get: function () {
     return _NfcOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NfcRounded', {
+Object.defineProperty(exports, "NfcRounded", {
   enumerable: true,
   get: function () {
     return _NfcRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NfcSharp', {
+Object.defineProperty(exports, "NfcSharp", {
   enumerable: true,
   get: function () {
     return _NfcSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NfcTwoTone', {
+Object.defineProperty(exports, "NfcTwoTone", {
   enumerable: true,
   get: function () {
     return _NfcTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightShelter', {
+Object.defineProperty(exports, "NightShelter", {
   enumerable: true,
   get: function () {
     return _NightShelter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightShelterOutlined', {
+Object.defineProperty(exports, "NightShelterOutlined", {
   enumerable: true,
   get: function () {
     return _NightShelterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightShelterRounded', {
+Object.defineProperty(exports, "NightShelterRounded", {
   enumerable: true,
   get: function () {
     return _NightShelterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightShelterSharp', {
+Object.defineProperty(exports, "NightShelterSharp", {
   enumerable: true,
   get: function () {
     return _NightShelterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightShelterTwoTone', {
+Object.defineProperty(exports, "NightShelterTwoTone", {
   enumerable: true,
   get: function () {
     return _NightShelterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Nightlife', {
+Object.defineProperty(exports, "Nightlife", {
   enumerable: true,
   get: function () {
     return _Nightlife.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlifeOutlined', {
+Object.defineProperty(exports, "NightlifeOutlined", {
   enumerable: true,
   get: function () {
     return _NightlifeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlifeRounded', {
+Object.defineProperty(exports, "NightlifeRounded", {
   enumerable: true,
   get: function () {
     return _NightlifeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlifeSharp', {
+Object.defineProperty(exports, "NightlifeSharp", {
   enumerable: true,
   get: function () {
     return _NightlifeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlifeTwoTone', {
+Object.defineProperty(exports, "NightlifeTwoTone", {
   enumerable: true,
   get: function () {
     return _NightlifeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Nightlight', {
+Object.defineProperty(exports, "Nightlight", {
   enumerable: true,
   get: function () {
     return _Nightlight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlightOutlined', {
+Object.defineProperty(exports, "NightlightOutlined", {
   enumerable: true,
   get: function () {
     return _NightlightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlightRound', {
+Object.defineProperty(exports, "NightlightRound", {
   enumerable: true,
   get: function () {
     return _NightlightRound.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlightRoundOutlined', {
+Object.defineProperty(exports, "NightlightRoundOutlined", {
   enumerable: true,
   get: function () {
     return _NightlightRoundOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlightRoundRounded', {
+Object.defineProperty(exports, "NightlightRoundRounded", {
   enumerable: true,
   get: function () {
     return _NightlightRoundRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlightRoundSharp', {
+Object.defineProperty(exports, "NightlightRoundSharp", {
   enumerable: true,
   get: function () {
     return _NightlightRoundSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlightRoundTwoTone', {
+Object.defineProperty(exports, "NightlightRoundTwoTone", {
   enumerable: true,
   get: function () {
     return _NightlightRoundTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlightRounded', {
+Object.defineProperty(exports, "NightlightRounded", {
   enumerable: true,
   get: function () {
     return _NightlightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlightSharp', {
+Object.defineProperty(exports, "NightlightSharp", {
   enumerable: true,
   get: function () {
     return _NightlightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightlightTwoTone', {
+Object.defineProperty(exports, "NightlightTwoTone", {
   enumerable: true,
   get: function () {
     return _NightlightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightsStay', {
+Object.defineProperty(exports, "NightsStay", {
   enumerable: true,
   get: function () {
     return _NightsStay.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightsStayOutlined', {
+Object.defineProperty(exports, "NightsStayOutlined", {
   enumerable: true,
   get: function () {
     return _NightsStayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightsStayRounded', {
+Object.defineProperty(exports, "NightsStayRounded", {
   enumerable: true,
   get: function () {
     return _NightsStayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightsStaySharp', {
+Object.defineProperty(exports, "NightsStaySharp", {
   enumerable: true,
   get: function () {
     return _NightsStaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NightsStayTwoTone', {
+Object.defineProperty(exports, "NightsStayTwoTone", {
   enumerable: true,
   get: function () {
     return _NightsStayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineK', {
+Object.defineProperty(exports, "NineK", {
   enumerable: true,
   get: function () {
     return _NineK.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineKOutlined', {
+Object.defineProperty(exports, "NineKOutlined", {
   enumerable: true,
   get: function () {
     return _NineKOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineKPlus', {
+Object.defineProperty(exports, "NineKPlus", {
   enumerable: true,
   get: function () {
     return _NineKPlus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineKPlusOutlined', {
+Object.defineProperty(exports, "NineKPlusOutlined", {
   enumerable: true,
   get: function () {
     return _NineKPlusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineKPlusRounded', {
+Object.defineProperty(exports, "NineKPlusRounded", {
   enumerable: true,
   get: function () {
     return _NineKPlusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineKPlusSharp', {
+Object.defineProperty(exports, "NineKPlusSharp", {
   enumerable: true,
   get: function () {
     return _NineKPlusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineKPlusTwoTone', {
+Object.defineProperty(exports, "NineKPlusTwoTone", {
   enumerable: true,
   get: function () {
     return _NineKPlusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineKRounded', {
+Object.defineProperty(exports, "NineKRounded", {
   enumerable: true,
   get: function () {
     return _NineKRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineKSharp', {
+Object.defineProperty(exports, "NineKSharp", {
   enumerable: true,
   get: function () {
     return _NineKSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineKTwoTone', {
+Object.defineProperty(exports, "NineKTwoTone", {
   enumerable: true,
   get: function () {
     return _NineKTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineMp', {
+Object.defineProperty(exports, "NineMp", {
   enumerable: true,
   get: function () {
     return _NineMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineMpOutlined', {
+Object.defineProperty(exports, "NineMpOutlined", {
   enumerable: true,
   get: function () {
     return _NineMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineMpRounded', {
+Object.defineProperty(exports, "NineMpRounded", {
   enumerable: true,
   get: function () {
     return _NineMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineMpSharp', {
+Object.defineProperty(exports, "NineMpSharp", {
   enumerable: true,
   get: function () {
     return _NineMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineMpTwoTone', {
+Object.defineProperty(exports, "NineMpTwoTone", {
   enumerable: true,
   get: function () {
     return _NineMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineteenMp', {
+Object.defineProperty(exports, "NineteenMp", {
   enumerable: true,
   get: function () {
     return _NineteenMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineteenMpOutlined', {
+Object.defineProperty(exports, "NineteenMpOutlined", {
   enumerable: true,
   get: function () {
     return _NineteenMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineteenMpRounded', {
+Object.defineProperty(exports, "NineteenMpRounded", {
   enumerable: true,
   get: function () {
     return _NineteenMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineteenMpSharp', {
+Object.defineProperty(exports, "NineteenMpSharp", {
   enumerable: true,
   get: function () {
     return _NineteenMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NineteenMpTwoTone', {
+Object.defineProperty(exports, "NineteenMpTwoTone", {
   enumerable: true,
   get: function () {
     return _NineteenMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoAccounts', {
+Object.defineProperty(exports, "NoAccounts", {
   enumerable: true,
   get: function () {
     return _NoAccounts.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoAccountsOutlined', {
+Object.defineProperty(exports, "NoAccountsOutlined", {
   enumerable: true,
   get: function () {
     return _NoAccountsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoAccountsRounded', {
+Object.defineProperty(exports, "NoAccountsRounded", {
   enumerable: true,
   get: function () {
     return _NoAccountsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoAccountsSharp', {
+Object.defineProperty(exports, "NoAccountsSharp", {
   enumerable: true,
   get: function () {
     return _NoAccountsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoAccountsTwoTone', {
+Object.defineProperty(exports, "NoAccountsTwoTone", {
   enumerable: true,
   get: function () {
     return _NoAccountsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoAdultContent', {
+Object.defineProperty(exports, "NoAdultContent", {
   enumerable: true,
   get: function () {
     return _NoAdultContent.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoAdultContentOutlined', {
+Object.defineProperty(exports, "NoAdultContentOutlined", {
   enumerable: true,
   get: function () {
     return _NoAdultContentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoAdultContentRounded', {
+Object.defineProperty(exports, "NoAdultContentRounded", {
   enumerable: true,
   get: function () {
     return _NoAdultContentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoAdultContentSharp', {
+Object.defineProperty(exports, "NoAdultContentSharp", {
   enumerable: true,
   get: function () {
     return _NoAdultContentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoAdultContentTwoTone', {
+Object.defineProperty(exports, "NoAdultContentTwoTone", {
   enumerable: true,
   get: function () {
     return _NoAdultContentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoBackpack', {
+Object.defineProperty(exports, "NoBackpack", {
   enumerable: true,
   get: function () {
     return _NoBackpack.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoBackpackOutlined', {
+Object.defineProperty(exports, "NoBackpackOutlined", {
   enumerable: true,
   get: function () {
     return _NoBackpackOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoBackpackRounded', {
+Object.defineProperty(exports, "NoBackpackRounded", {
   enumerable: true,
   get: function () {
     return _NoBackpackRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoBackpackSharp', {
+Object.defineProperty(exports, "NoBackpackSharp", {
   enumerable: true,
   get: function () {
     return _NoBackpackSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoBackpackTwoTone', {
+Object.defineProperty(exports, "NoBackpackTwoTone", {
   enumerable: true,
   get: function () {
     return _NoBackpackTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoCell', {
+Object.defineProperty(exports, "NoCell", {
   enumerable: true,
   get: function () {
     return _NoCell.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoCellOutlined', {
+Object.defineProperty(exports, "NoCellOutlined", {
   enumerable: true,
   get: function () {
     return _NoCellOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoCellRounded', {
+Object.defineProperty(exports, "NoCellRounded", {
   enumerable: true,
   get: function () {
     return _NoCellRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoCellSharp', {
+Object.defineProperty(exports, "NoCellSharp", {
   enumerable: true,
   get: function () {
     return _NoCellSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoCellTwoTone', {
+Object.defineProperty(exports, "NoCellTwoTone", {
   enumerable: true,
   get: function () {
     return _NoCellTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoCrash', {
+Object.defineProperty(exports, "NoCrash", {
   enumerable: true,
   get: function () {
     return _NoCrash.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoCrashOutlined', {
+Object.defineProperty(exports, "NoCrashOutlined", {
   enumerable: true,
   get: function () {
     return _NoCrashOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoCrashRounded', {
+Object.defineProperty(exports, "NoCrashRounded", {
   enumerable: true,
   get: function () {
     return _NoCrashRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoCrashSharp', {
+Object.defineProperty(exports, "NoCrashSharp", {
   enumerable: true,
   get: function () {
     return _NoCrashSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoCrashTwoTone', {
+Object.defineProperty(exports, "NoCrashTwoTone", {
   enumerable: true,
   get: function () {
     return _NoCrashTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoDrinks', {
+Object.defineProperty(exports, "NoDrinks", {
   enumerable: true,
   get: function () {
     return _NoDrinks.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoDrinksOutlined', {
+Object.defineProperty(exports, "NoDrinksOutlined", {
   enumerable: true,
   get: function () {
     return _NoDrinksOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoDrinksRounded', {
+Object.defineProperty(exports, "NoDrinksRounded", {
   enumerable: true,
   get: function () {
     return _NoDrinksRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoDrinksSharp', {
+Object.defineProperty(exports, "NoDrinksSharp", {
   enumerable: true,
   get: function () {
     return _NoDrinksSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoDrinksTwoTone', {
+Object.defineProperty(exports, "NoDrinksTwoTone", {
   enumerable: true,
   get: function () {
     return _NoDrinksTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoEncryption', {
+Object.defineProperty(exports, "NoEncryption", {
   enumerable: true,
   get: function () {
     return _NoEncryption.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoEncryptionGmailerrorred', {
+Object.defineProperty(exports, "NoEncryptionGmailerrorred", {
   enumerable: true,
   get: function () {
     return _NoEncryptionGmailerrorred.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoEncryptionGmailerrorredOutlined', {
+Object.defineProperty(exports, "NoEncryptionGmailerrorredOutlined", {
   enumerable: true,
   get: function () {
     return _NoEncryptionGmailerrorredOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoEncryptionGmailerrorredRounded', {
+Object.defineProperty(exports, "NoEncryptionGmailerrorredRounded", {
   enumerable: true,
   get: function () {
     return _NoEncryptionGmailerrorredRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoEncryptionGmailerrorredSharp', {
+Object.defineProperty(exports, "NoEncryptionGmailerrorredSharp", {
   enumerable: true,
   get: function () {
     return _NoEncryptionGmailerrorredSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoEncryptionGmailerrorredTwoTone', {
+Object.defineProperty(exports, "NoEncryptionGmailerrorredTwoTone", {
   enumerable: true,
   get: function () {
     return _NoEncryptionGmailerrorredTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoEncryptionOutlined', {
+Object.defineProperty(exports, "NoEncryptionOutlined", {
   enumerable: true,
   get: function () {
     return _NoEncryptionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoEncryptionRounded', {
+Object.defineProperty(exports, "NoEncryptionRounded", {
   enumerable: true,
   get: function () {
     return _NoEncryptionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoEncryptionSharp', {
+Object.defineProperty(exports, "NoEncryptionSharp", {
   enumerable: true,
   get: function () {
     return _NoEncryptionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoEncryptionTwoTone', {
+Object.defineProperty(exports, "NoEncryptionTwoTone", {
   enumerable: true,
   get: function () {
     return _NoEncryptionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoFlash', {
+Object.defineProperty(exports, "NoFlash", {
   enumerable: true,
   get: function () {
     return _NoFlash.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoFlashOutlined', {
+Object.defineProperty(exports, "NoFlashOutlined", {
   enumerable: true,
   get: function () {
     return _NoFlashOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoFlashRounded', {
+Object.defineProperty(exports, "NoFlashRounded", {
   enumerable: true,
   get: function () {
     return _NoFlashRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoFlashSharp', {
+Object.defineProperty(exports, "NoFlashSharp", {
   enumerable: true,
   get: function () {
     return _NoFlashSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoFlashTwoTone', {
+Object.defineProperty(exports, "NoFlashTwoTone", {
   enumerable: true,
   get: function () {
     return _NoFlashTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoFood', {
+Object.defineProperty(exports, "NoFood", {
   enumerable: true,
   get: function () {
     return _NoFood.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoFoodOutlined', {
+Object.defineProperty(exports, "NoFoodOutlined", {
   enumerable: true,
   get: function () {
     return _NoFoodOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoFoodRounded', {
+Object.defineProperty(exports, "NoFoodRounded", {
   enumerable: true,
   get: function () {
     return _NoFoodRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoFoodSharp', {
+Object.defineProperty(exports, "NoFoodSharp", {
   enumerable: true,
   get: function () {
     return _NoFoodSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoFoodTwoTone', {
+Object.defineProperty(exports, "NoFoodTwoTone", {
   enumerable: true,
   get: function () {
     return _NoFoodTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoLuggage', {
+Object.defineProperty(exports, "NoLuggage", {
   enumerable: true,
   get: function () {
     return _NoLuggage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoLuggageOutlined', {
+Object.defineProperty(exports, "NoLuggageOutlined", {
   enumerable: true,
   get: function () {
     return _NoLuggageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoLuggageRounded', {
+Object.defineProperty(exports, "NoLuggageRounded", {
   enumerable: true,
   get: function () {
     return _NoLuggageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoLuggageSharp', {
+Object.defineProperty(exports, "NoLuggageSharp", {
   enumerable: true,
   get: function () {
     return _NoLuggageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoLuggageTwoTone', {
+Object.defineProperty(exports, "NoLuggageTwoTone", {
   enumerable: true,
   get: function () {
     return _NoLuggageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoMeals', {
+Object.defineProperty(exports, "NoMeals", {
   enumerable: true,
   get: function () {
     return _NoMeals.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoMealsOutlined', {
+Object.defineProperty(exports, "NoMealsOutlined", {
   enumerable: true,
   get: function () {
     return _NoMealsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoMealsRounded', {
+Object.defineProperty(exports, "NoMealsRounded", {
   enumerable: true,
   get: function () {
     return _NoMealsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoMealsSharp', {
+Object.defineProperty(exports, "NoMealsSharp", {
   enumerable: true,
   get: function () {
     return _NoMealsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoMealsTwoTone', {
+Object.defineProperty(exports, "NoMealsTwoTone", {
   enumerable: true,
   get: function () {
     return _NoMealsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoMeetingRoom', {
+Object.defineProperty(exports, "NoMeetingRoom", {
   enumerable: true,
   get: function () {
     return _NoMeetingRoom.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoMeetingRoomOutlined', {
+Object.defineProperty(exports, "NoMeetingRoomOutlined", {
   enumerable: true,
   get: function () {
     return _NoMeetingRoomOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoMeetingRoomRounded', {
+Object.defineProperty(exports, "NoMeetingRoomRounded", {
   enumerable: true,
   get: function () {
     return _NoMeetingRoomRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoMeetingRoomSharp', {
+Object.defineProperty(exports, "NoMeetingRoomSharp", {
   enumerable: true,
   get: function () {
     return _NoMeetingRoomSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoMeetingRoomTwoTone', {
+Object.defineProperty(exports, "NoMeetingRoomTwoTone", {
   enumerable: true,
   get: function () {
     return _NoMeetingRoomTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoPhotography', {
+Object.defineProperty(exports, "NoPhotography", {
   enumerable: true,
   get: function () {
     return _NoPhotography.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoPhotographyOutlined', {
+Object.defineProperty(exports, "NoPhotographyOutlined", {
   enumerable: true,
   get: function () {
     return _NoPhotographyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoPhotographyRounded', {
+Object.defineProperty(exports, "NoPhotographyRounded", {
   enumerable: true,
   get: function () {
     return _NoPhotographyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoPhotographySharp', {
+Object.defineProperty(exports, "NoPhotographySharp", {
   enumerable: true,
   get: function () {
     return _NoPhotographySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoPhotographyTwoTone', {
+Object.defineProperty(exports, "NoPhotographyTwoTone", {
   enumerable: true,
   get: function () {
     return _NoPhotographyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoSim', {
+Object.defineProperty(exports, "NoSim", {
   enumerable: true,
   get: function () {
     return _NoSim.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoSimOutlined', {
+Object.defineProperty(exports, "NoSimOutlined", {
   enumerable: true,
   get: function () {
     return _NoSimOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoSimRounded', {
+Object.defineProperty(exports, "NoSimRounded", {
   enumerable: true,
   get: function () {
     return _NoSimRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoSimSharp', {
+Object.defineProperty(exports, "NoSimSharp", {
   enumerable: true,
   get: function () {
     return _NoSimSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoSimTwoTone', {
+Object.defineProperty(exports, "NoSimTwoTone", {
   enumerable: true,
   get: function () {
     return _NoSimTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoStroller', {
+Object.defineProperty(exports, "NoStroller", {
   enumerable: true,
   get: function () {
     return _NoStroller.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoStrollerOutlined', {
+Object.defineProperty(exports, "NoStrollerOutlined", {
   enumerable: true,
   get: function () {
     return _NoStrollerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoStrollerRounded', {
+Object.defineProperty(exports, "NoStrollerRounded", {
   enumerable: true,
   get: function () {
     return _NoStrollerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoStrollerSharp', {
+Object.defineProperty(exports, "NoStrollerSharp", {
   enumerable: true,
   get: function () {
     return _NoStrollerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoStrollerTwoTone', {
+Object.defineProperty(exports, "NoStrollerTwoTone", {
   enumerable: true,
   get: function () {
     return _NoStrollerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoTransfer', {
+Object.defineProperty(exports, "NoTransfer", {
   enumerable: true,
   get: function () {
     return _NoTransfer.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoTransferOutlined', {
+Object.defineProperty(exports, "NoTransferOutlined", {
   enumerable: true,
   get: function () {
     return _NoTransferOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoTransferRounded', {
+Object.defineProperty(exports, "NoTransferRounded", {
   enumerable: true,
   get: function () {
     return _NoTransferRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoTransferSharp', {
+Object.defineProperty(exports, "NoTransferSharp", {
   enumerable: true,
   get: function () {
     return _NoTransferSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoTransferTwoTone', {
+Object.defineProperty(exports, "NoTransferTwoTone", {
   enumerable: true,
   get: function () {
     return _NoTransferTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoiseAware', {
+Object.defineProperty(exports, "NoiseAware", {
   enumerable: true,
   get: function () {
     return _NoiseAware.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoiseAwareOutlined', {
+Object.defineProperty(exports, "NoiseAwareOutlined", {
   enumerable: true,
   get: function () {
     return _NoiseAwareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoiseAwareRounded', {
+Object.defineProperty(exports, "NoiseAwareRounded", {
   enumerable: true,
   get: function () {
     return _NoiseAwareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoiseAwareSharp', {
+Object.defineProperty(exports, "NoiseAwareSharp", {
   enumerable: true,
   get: function () {
     return _NoiseAwareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoiseAwareTwoTone', {
+Object.defineProperty(exports, "NoiseAwareTwoTone", {
   enumerable: true,
   get: function () {
     return _NoiseAwareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoiseControlOff', {
+Object.defineProperty(exports, "NoiseControlOff", {
   enumerable: true,
   get: function () {
     return _NoiseControlOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoiseControlOffOutlined', {
+Object.defineProperty(exports, "NoiseControlOffOutlined", {
   enumerable: true,
   get: function () {
     return _NoiseControlOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoiseControlOffRounded', {
+Object.defineProperty(exports, "NoiseControlOffRounded", {
   enumerable: true,
   get: function () {
     return _NoiseControlOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoiseControlOffSharp', {
+Object.defineProperty(exports, "NoiseControlOffSharp", {
   enumerable: true,
   get: function () {
     return _NoiseControlOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoiseControlOffTwoTone', {
+Object.defineProperty(exports, "NoiseControlOffTwoTone", {
   enumerable: true,
   get: function () {
     return _NoiseControlOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NordicWalking', {
+Object.defineProperty(exports, "NordicWalking", {
   enumerable: true,
   get: function () {
     return _NordicWalking.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NordicWalkingOutlined', {
+Object.defineProperty(exports, "NordicWalkingOutlined", {
   enumerable: true,
   get: function () {
     return _NordicWalkingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NordicWalkingRounded', {
+Object.defineProperty(exports, "NordicWalkingRounded", {
   enumerable: true,
   get: function () {
     return _NordicWalkingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NordicWalkingSharp', {
+Object.defineProperty(exports, "NordicWalkingSharp", {
   enumerable: true,
   get: function () {
     return _NordicWalkingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NordicWalkingTwoTone', {
+Object.defineProperty(exports, "NordicWalkingTwoTone", {
   enumerable: true,
   get: function () {
     return _NordicWalkingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'North', {
+Object.defineProperty(exports, "North", {
   enumerable: true,
   get: function () {
     return _North.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthEast', {
+Object.defineProperty(exports, "NorthEast", {
   enumerable: true,
   get: function () {
     return _NorthEast.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthEastOutlined', {
+Object.defineProperty(exports, "NorthEastOutlined", {
   enumerable: true,
   get: function () {
     return _NorthEastOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthEastRounded', {
+Object.defineProperty(exports, "NorthEastRounded", {
   enumerable: true,
   get: function () {
     return _NorthEastRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthEastSharp', {
+Object.defineProperty(exports, "NorthEastSharp", {
   enumerable: true,
   get: function () {
     return _NorthEastSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthEastTwoTone', {
+Object.defineProperty(exports, "NorthEastTwoTone", {
   enumerable: true,
   get: function () {
     return _NorthEastTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthOutlined', {
+Object.defineProperty(exports, "NorthOutlined", {
   enumerable: true,
   get: function () {
     return _NorthOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthRounded', {
+Object.defineProperty(exports, "NorthRounded", {
   enumerable: true,
   get: function () {
     return _NorthRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthSharp', {
+Object.defineProperty(exports, "NorthSharp", {
   enumerable: true,
   get: function () {
     return _NorthSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthTwoTone', {
+Object.defineProperty(exports, "NorthTwoTone", {
   enumerable: true,
   get: function () {
     return _NorthTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthWest', {
+Object.defineProperty(exports, "NorthWest", {
   enumerable: true,
   get: function () {
     return _NorthWest.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthWestOutlined', {
+Object.defineProperty(exports, "NorthWestOutlined", {
   enumerable: true,
   get: function () {
     return _NorthWestOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthWestRounded', {
+Object.defineProperty(exports, "NorthWestRounded", {
   enumerable: true,
   get: function () {
     return _NorthWestRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthWestSharp', {
+Object.defineProperty(exports, "NorthWestSharp", {
   enumerable: true,
   get: function () {
     return _NorthWestSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NorthWestTwoTone', {
+Object.defineProperty(exports, "NorthWestTwoTone", {
   enumerable: true,
   get: function () {
     return _NorthWestTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotAccessible', {
+Object.defineProperty(exports, "NotAccessible", {
   enumerable: true,
   get: function () {
     return _NotAccessible.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotAccessibleOutlined', {
+Object.defineProperty(exports, "NotAccessibleOutlined", {
   enumerable: true,
   get: function () {
     return _NotAccessibleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotAccessibleRounded', {
+Object.defineProperty(exports, "NotAccessibleRounded", {
   enumerable: true,
   get: function () {
     return _NotAccessibleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotAccessibleSharp', {
+Object.defineProperty(exports, "NotAccessibleSharp", {
   enumerable: true,
   get: function () {
     return _NotAccessibleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotAccessibleTwoTone', {
+Object.defineProperty(exports, "NotAccessibleTwoTone", {
   enumerable: true,
   get: function () {
     return _NotAccessibleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotInterested', {
+Object.defineProperty(exports, "NotInterested", {
   enumerable: true,
   get: function () {
     return _NotInterested.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotInterestedOutlined', {
+Object.defineProperty(exports, "NotInterestedOutlined", {
   enumerable: true,
   get: function () {
     return _NotInterestedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotInterestedRounded', {
+Object.defineProperty(exports, "NotInterestedRounded", {
   enumerable: true,
   get: function () {
     return _NotInterestedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotInterestedSharp', {
+Object.defineProperty(exports, "NotInterestedSharp", {
   enumerable: true,
   get: function () {
     return _NotInterestedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotInterestedTwoTone', {
+Object.defineProperty(exports, "NotInterestedTwoTone", {
   enumerable: true,
   get: function () {
     return _NotInterestedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotListedLocation', {
+Object.defineProperty(exports, "NotListedLocation", {
   enumerable: true,
   get: function () {
     return _NotListedLocation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotListedLocationOutlined', {
+Object.defineProperty(exports, "NotListedLocationOutlined", {
   enumerable: true,
   get: function () {
     return _NotListedLocationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotListedLocationRounded', {
+Object.defineProperty(exports, "NotListedLocationRounded", {
   enumerable: true,
   get: function () {
     return _NotListedLocationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotListedLocationSharp', {
+Object.defineProperty(exports, "NotListedLocationSharp", {
   enumerable: true,
   get: function () {
     return _NotListedLocationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotListedLocationTwoTone', {
+Object.defineProperty(exports, "NotListedLocationTwoTone", {
   enumerable: true,
   get: function () {
     return _NotListedLocationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotStarted', {
+Object.defineProperty(exports, "NotStarted", {
   enumerable: true,
   get: function () {
     return _NotStarted.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotStartedOutlined', {
+Object.defineProperty(exports, "NotStartedOutlined", {
   enumerable: true,
   get: function () {
     return _NotStartedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotStartedRounded', {
+Object.defineProperty(exports, "NotStartedRounded", {
   enumerable: true,
   get: function () {
     return _NotStartedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotStartedSharp', {
+Object.defineProperty(exports, "NotStartedSharp", {
   enumerable: true,
   get: function () {
     return _NotStartedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotStartedTwoTone', {
+Object.defineProperty(exports, "NotStartedTwoTone", {
   enumerable: true,
   get: function () {
     return _NotStartedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Note', {
+Object.defineProperty(exports, "Note", {
   enumerable: true,
   get: function () {
     return _Note.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteAdd', {
+Object.defineProperty(exports, "NoteAdd", {
   enumerable: true,
   get: function () {
     return _NoteAdd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteAddOutlined', {
+Object.defineProperty(exports, "NoteAddOutlined", {
   enumerable: true,
   get: function () {
     return _NoteAddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteAddRounded', {
+Object.defineProperty(exports, "NoteAddRounded", {
   enumerable: true,
   get: function () {
     return _NoteAddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteAddSharp', {
+Object.defineProperty(exports, "NoteAddSharp", {
   enumerable: true,
   get: function () {
     return _NoteAddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteAddTwoTone', {
+Object.defineProperty(exports, "NoteAddTwoTone", {
   enumerable: true,
   get: function () {
     return _NoteAddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteAlt', {
+Object.defineProperty(exports, "NoteAlt", {
   enumerable: true,
   get: function () {
     return _NoteAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteAltOutlined', {
+Object.defineProperty(exports, "NoteAltOutlined", {
   enumerable: true,
   get: function () {
     return _NoteAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteAltRounded', {
+Object.defineProperty(exports, "NoteAltRounded", {
   enumerable: true,
   get: function () {
     return _NoteAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteAltSharp', {
+Object.defineProperty(exports, "NoteAltSharp", {
   enumerable: true,
   get: function () {
     return _NoteAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteAltTwoTone', {
+Object.defineProperty(exports, "NoteAltTwoTone", {
   enumerable: true,
   get: function () {
     return _NoteAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteOutlined', {
+Object.defineProperty(exports, "NoteOutlined", {
   enumerable: true,
   get: function () {
     return _NoteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteRounded', {
+Object.defineProperty(exports, "NoteRounded", {
   enumerable: true,
   get: function () {
     return _NoteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteSharp', {
+Object.defineProperty(exports, "NoteSharp", {
   enumerable: true,
   get: function () {
     return _NoteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NoteTwoTone', {
+Object.defineProperty(exports, "NoteTwoTone", {
   enumerable: true,
   get: function () {
     return _NoteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Notes', {
+Object.defineProperty(exports, "Notes", {
   enumerable: true,
   get: function () {
     return _Notes.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotesOutlined', {
+Object.defineProperty(exports, "NotesOutlined", {
   enumerable: true,
   get: function () {
     return _NotesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotesRounded', {
+Object.defineProperty(exports, "NotesRounded", {
   enumerable: true,
   get: function () {
     return _NotesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotesSharp', {
+Object.defineProperty(exports, "NotesSharp", {
   enumerable: true,
   get: function () {
     return _NotesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotesTwoTone', {
+Object.defineProperty(exports, "NotesTwoTone", {
   enumerable: true,
   get: function () {
     return _NotesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationAdd', {
+Object.defineProperty(exports, "NotificationAdd", {
   enumerable: true,
   get: function () {
     return _NotificationAdd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationAddOutlined', {
+Object.defineProperty(exports, "NotificationAddOutlined", {
   enumerable: true,
   get: function () {
     return _NotificationAddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationAddRounded', {
+Object.defineProperty(exports, "NotificationAddRounded", {
   enumerable: true,
   get: function () {
     return _NotificationAddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationAddSharp', {
+Object.defineProperty(exports, "NotificationAddSharp", {
   enumerable: true,
   get: function () {
     return _NotificationAddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationAddTwoTone', {
+Object.defineProperty(exports, "NotificationAddTwoTone", {
   enumerable: true,
   get: function () {
     return _NotificationAddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationImportant', {
+Object.defineProperty(exports, "NotificationImportant", {
   enumerable: true,
   get: function () {
     return _NotificationImportant.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationImportantOutlined', {
+Object.defineProperty(exports, "NotificationImportantOutlined", {
   enumerable: true,
   get: function () {
     return _NotificationImportantOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationImportantRounded', {
+Object.defineProperty(exports, "NotificationImportantRounded", {
   enumerable: true,
   get: function () {
     return _NotificationImportantRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationImportantSharp', {
+Object.defineProperty(exports, "NotificationImportantSharp", {
   enumerable: true,
   get: function () {
     return _NotificationImportantSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationImportantTwoTone', {
+Object.defineProperty(exports, "NotificationImportantTwoTone", {
   enumerable: true,
   get: function () {
     return _NotificationImportantTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Notifications', {
+Object.defineProperty(exports, "Notifications", {
   enumerable: true,
   get: function () {
     return _Notifications.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsActive', {
+Object.defineProperty(exports, "NotificationsActive", {
   enumerable: true,
   get: function () {
     return _NotificationsActive.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsActiveOutlined', {
+Object.defineProperty(exports, "NotificationsActiveOutlined", {
   enumerable: true,
   get: function () {
     return _NotificationsActiveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsActiveRounded', {
+Object.defineProperty(exports, "NotificationsActiveRounded", {
   enumerable: true,
   get: function () {
     return _NotificationsActiveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsActiveSharp', {
+Object.defineProperty(exports, "NotificationsActiveSharp", {
   enumerable: true,
   get: function () {
     return _NotificationsActiveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsActiveTwoTone', {
+Object.defineProperty(exports, "NotificationsActiveTwoTone", {
   enumerable: true,
   get: function () {
     return _NotificationsActiveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsNone', {
+Object.defineProperty(exports, "NotificationsNone", {
   enumerable: true,
   get: function () {
     return _NotificationsNone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsNoneOutlined', {
+Object.defineProperty(exports, "NotificationsNoneOutlined", {
   enumerable: true,
   get: function () {
     return _NotificationsNoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsNoneRounded', {
+Object.defineProperty(exports, "NotificationsNoneRounded", {
   enumerable: true,
   get: function () {
     return _NotificationsNoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsNoneSharp', {
+Object.defineProperty(exports, "NotificationsNoneSharp", {
   enumerable: true,
   get: function () {
     return _NotificationsNoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsNoneTwoTone', {
+Object.defineProperty(exports, "NotificationsNoneTwoTone", {
   enumerable: true,
   get: function () {
     return _NotificationsNoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsOff', {
+Object.defineProperty(exports, "NotificationsOff", {
   enumerable: true,
   get: function () {
     return _NotificationsOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsOffOutlined', {
+Object.defineProperty(exports, "NotificationsOffOutlined", {
   enumerable: true,
   get: function () {
     return _NotificationsOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsOffRounded', {
+Object.defineProperty(exports, "NotificationsOffRounded", {
   enumerable: true,
   get: function () {
     return _NotificationsOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsOffSharp', {
+Object.defineProperty(exports, "NotificationsOffSharp", {
   enumerable: true,
   get: function () {
     return _NotificationsOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsOffTwoTone', {
+Object.defineProperty(exports, "NotificationsOffTwoTone", {
   enumerable: true,
   get: function () {
     return _NotificationsOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsOutlined', {
+Object.defineProperty(exports, "NotificationsOutlined", {
   enumerable: true,
   get: function () {
     return _NotificationsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsPaused', {
+Object.defineProperty(exports, "NotificationsPaused", {
   enumerable: true,
   get: function () {
     return _NotificationsPaused.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsPausedOutlined', {
+Object.defineProperty(exports, "NotificationsPausedOutlined", {
   enumerable: true,
   get: function () {
     return _NotificationsPausedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsPausedRounded', {
+Object.defineProperty(exports, "NotificationsPausedRounded", {
   enumerable: true,
   get: function () {
     return _NotificationsPausedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsPausedSharp', {
+Object.defineProperty(exports, "NotificationsPausedSharp", {
   enumerable: true,
   get: function () {
     return _NotificationsPausedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsPausedTwoTone', {
+Object.defineProperty(exports, "NotificationsPausedTwoTone", {
   enumerable: true,
   get: function () {
     return _NotificationsPausedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsRounded', {
+Object.defineProperty(exports, "NotificationsRounded", {
   enumerable: true,
   get: function () {
     return _NotificationsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsSharp', {
+Object.defineProperty(exports, "NotificationsSharp", {
   enumerable: true,
   get: function () {
     return _NotificationsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NotificationsTwoTone', {
+Object.defineProperty(exports, "NotificationsTwoTone", {
   enumerable: true,
   get: function () {
     return _NotificationsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Numbers', {
+Object.defineProperty(exports, "Numbers", {
   enumerable: true,
   get: function () {
     return _Numbers.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NumbersOutlined', {
+Object.defineProperty(exports, "NumbersOutlined", {
   enumerable: true,
   get: function () {
     return _NumbersOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NumbersRounded', {
+Object.defineProperty(exports, "NumbersRounded", {
   enumerable: true,
   get: function () {
     return _NumbersRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NumbersSharp', {
+Object.defineProperty(exports, "NumbersSharp", {
   enumerable: true,
   get: function () {
     return _NumbersSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'NumbersTwoTone', {
+Object.defineProperty(exports, "NumbersTwoTone", {
   enumerable: true,
   get: function () {
     return _NumbersTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflineBolt', {
+Object.defineProperty(exports, "OfflineBolt", {
   enumerable: true,
   get: function () {
     return _OfflineBolt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflineBoltOutlined', {
+Object.defineProperty(exports, "OfflineBoltOutlined", {
   enumerable: true,
   get: function () {
     return _OfflineBoltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflineBoltRounded', {
+Object.defineProperty(exports, "OfflineBoltRounded", {
   enumerable: true,
   get: function () {
     return _OfflineBoltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflineBoltSharp', {
+Object.defineProperty(exports, "OfflineBoltSharp", {
   enumerable: true,
   get: function () {
     return _OfflineBoltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflineBoltTwoTone', {
+Object.defineProperty(exports, "OfflineBoltTwoTone", {
   enumerable: true,
   get: function () {
     return _OfflineBoltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflinePin', {
+Object.defineProperty(exports, "OfflinePin", {
   enumerable: true,
   get: function () {
     return _OfflinePin.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflinePinOutlined', {
+Object.defineProperty(exports, "OfflinePinOutlined", {
   enumerable: true,
   get: function () {
     return _OfflinePinOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflinePinRounded', {
+Object.defineProperty(exports, "OfflinePinRounded", {
   enumerable: true,
   get: function () {
     return _OfflinePinRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflinePinSharp', {
+Object.defineProperty(exports, "OfflinePinSharp", {
   enumerable: true,
   get: function () {
     return _OfflinePinSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflinePinTwoTone', {
+Object.defineProperty(exports, "OfflinePinTwoTone", {
   enumerable: true,
   get: function () {
     return _OfflinePinTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflineShare', {
+Object.defineProperty(exports, "OfflineShare", {
   enumerable: true,
   get: function () {
     return _OfflineShare.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflineShareOutlined', {
+Object.defineProperty(exports, "OfflineShareOutlined", {
   enumerable: true,
   get: function () {
     return _OfflineShareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflineShareRounded', {
+Object.defineProperty(exports, "OfflineShareRounded", {
   enumerable: true,
   get: function () {
     return _OfflineShareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflineShareSharp', {
+Object.defineProperty(exports, "OfflineShareSharp", {
   enumerable: true,
   get: function () {
     return _OfflineShareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OfflineShareTwoTone', {
+Object.defineProperty(exports, "OfflineShareTwoTone", {
   enumerable: true,
   get: function () {
     return _OfflineShareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OilBarrel', {
+Object.defineProperty(exports, "OilBarrel", {
   enumerable: true,
   get: function () {
     return _OilBarrel.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OilBarrelOutlined', {
+Object.defineProperty(exports, "OilBarrelOutlined", {
   enumerable: true,
   get: function () {
     return _OilBarrelOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OilBarrelRounded', {
+Object.defineProperty(exports, "OilBarrelRounded", {
   enumerable: true,
   get: function () {
     return _OilBarrelRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OilBarrelSharp', {
+Object.defineProperty(exports, "OilBarrelSharp", {
   enumerable: true,
   get: function () {
     return _OilBarrelSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OilBarrelTwoTone', {
+Object.defineProperty(exports, "OilBarrelTwoTone", {
   enumerable: true,
   get: function () {
     return _OilBarrelTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OnDeviceTraining', {
+Object.defineProperty(exports, "OnDeviceTraining", {
   enumerable: true,
   get: function () {
     return _OnDeviceTraining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OnDeviceTrainingOutlined', {
+Object.defineProperty(exports, "OnDeviceTrainingOutlined", {
   enumerable: true,
   get: function () {
     return _OnDeviceTrainingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OnDeviceTrainingRounded', {
+Object.defineProperty(exports, "OnDeviceTrainingRounded", {
   enumerable: true,
   get: function () {
     return _OnDeviceTrainingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OnDeviceTrainingSharp', {
+Object.defineProperty(exports, "OnDeviceTrainingSharp", {
   enumerable: true,
   get: function () {
     return _OnDeviceTrainingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OnDeviceTrainingTwoTone', {
+Object.defineProperty(exports, "OnDeviceTrainingTwoTone", {
   enumerable: true,
   get: function () {
     return _OnDeviceTrainingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OndemandVideo', {
+Object.defineProperty(exports, "OndemandVideo", {
   enumerable: true,
   get: function () {
     return _OndemandVideo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OndemandVideoOutlined', {
+Object.defineProperty(exports, "OndemandVideoOutlined", {
   enumerable: true,
   get: function () {
     return _OndemandVideoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OndemandVideoRounded', {
+Object.defineProperty(exports, "OndemandVideoRounded", {
   enumerable: true,
   get: function () {
     return _OndemandVideoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OndemandVideoSharp', {
+Object.defineProperty(exports, "OndemandVideoSharp", {
   enumerable: true,
   get: function () {
     return _OndemandVideoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OndemandVideoTwoTone', {
+Object.defineProperty(exports, "OndemandVideoTwoTone", {
   enumerable: true,
   get: function () {
     return _OndemandVideoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneK', {
+Object.defineProperty(exports, "OneK", {
   enumerable: true,
   get: function () {
     return _OneK.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKOutlined', {
+Object.defineProperty(exports, "OneKOutlined", {
   enumerable: true,
   get: function () {
     return _OneKOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKPlus', {
+Object.defineProperty(exports, "OneKPlus", {
   enumerable: true,
   get: function () {
     return _OneKPlus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKPlusOutlined', {
+Object.defineProperty(exports, "OneKPlusOutlined", {
   enumerable: true,
   get: function () {
     return _OneKPlusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKPlusRounded', {
+Object.defineProperty(exports, "OneKPlusRounded", {
   enumerable: true,
   get: function () {
     return _OneKPlusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKPlusSharp', {
+Object.defineProperty(exports, "OneKPlusSharp", {
   enumerable: true,
   get: function () {
     return _OneKPlusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKPlusTwoTone', {
+Object.defineProperty(exports, "OneKPlusTwoTone", {
   enumerable: true,
   get: function () {
     return _OneKPlusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKRounded', {
+Object.defineProperty(exports, "OneKRounded", {
   enumerable: true,
   get: function () {
     return _OneKRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKSharp', {
+Object.defineProperty(exports, "OneKSharp", {
   enumerable: true,
   get: function () {
     return _OneKSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKTwoTone', {
+Object.defineProperty(exports, "OneKTwoTone", {
   enumerable: true,
   get: function () {
     return _OneKTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKk', {
+Object.defineProperty(exports, "OneKk", {
   enumerable: true,
   get: function () {
     return _OneKk.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKkOutlined', {
+Object.defineProperty(exports, "OneKkOutlined", {
   enumerable: true,
   get: function () {
     return _OneKkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKkRounded', {
+Object.defineProperty(exports, "OneKkRounded", {
   enumerable: true,
   get: function () {
     return _OneKkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKkSharp', {
+Object.defineProperty(exports, "OneKkSharp", {
   enumerable: true,
   get: function () {
     return _OneKkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OneKkTwoTone', {
+Object.defineProperty(exports, "OneKkTwoTone", {
   enumerable: true,
   get: function () {
     return _OneKkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OnlinePrediction', {
+Object.defineProperty(exports, "OnlinePrediction", {
   enumerable: true,
   get: function () {
     return _OnlinePrediction.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OnlinePredictionOutlined', {
+Object.defineProperty(exports, "OnlinePredictionOutlined", {
   enumerable: true,
   get: function () {
     return _OnlinePredictionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OnlinePredictionRounded', {
+Object.defineProperty(exports, "OnlinePredictionRounded", {
   enumerable: true,
   get: function () {
     return _OnlinePredictionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OnlinePredictionSharp', {
+Object.defineProperty(exports, "OnlinePredictionSharp", {
   enumerable: true,
   get: function () {
     return _OnlinePredictionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OnlinePredictionTwoTone', {
+Object.defineProperty(exports, "OnlinePredictionTwoTone", {
   enumerable: true,
   get: function () {
     return _OnlinePredictionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Opacity', {
+Object.defineProperty(exports, "Opacity", {
   enumerable: true,
   get: function () {
     return _Opacity.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpacityOutlined', {
+Object.defineProperty(exports, "OpacityOutlined", {
   enumerable: true,
   get: function () {
     return _OpacityOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpacityRounded', {
+Object.defineProperty(exports, "OpacityRounded", {
   enumerable: true,
   get: function () {
     return _OpacityRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpacitySharp', {
+Object.defineProperty(exports, "OpacitySharp", {
   enumerable: true,
   get: function () {
     return _OpacitySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpacityTwoTone', {
+Object.defineProperty(exports, "OpacityTwoTone", {
   enumerable: true,
   get: function () {
     return _OpacityTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInBrowser', {
+Object.defineProperty(exports, "OpenInBrowser", {
   enumerable: true,
   get: function () {
     return _OpenInBrowser.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInBrowserOutlined', {
+Object.defineProperty(exports, "OpenInBrowserOutlined", {
   enumerable: true,
   get: function () {
     return _OpenInBrowserOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInBrowserRounded', {
+Object.defineProperty(exports, "OpenInBrowserRounded", {
   enumerable: true,
   get: function () {
     return _OpenInBrowserRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInBrowserSharp', {
+Object.defineProperty(exports, "OpenInBrowserSharp", {
   enumerable: true,
   get: function () {
     return _OpenInBrowserSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInBrowserTwoTone', {
+Object.defineProperty(exports, "OpenInBrowserTwoTone", {
   enumerable: true,
   get: function () {
     return _OpenInBrowserTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInFull', {
+Object.defineProperty(exports, "OpenInFull", {
   enumerable: true,
   get: function () {
     return _OpenInFull.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInFullOutlined', {
+Object.defineProperty(exports, "OpenInFullOutlined", {
   enumerable: true,
   get: function () {
     return _OpenInFullOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInFullRounded', {
+Object.defineProperty(exports, "OpenInFullRounded", {
   enumerable: true,
   get: function () {
     return _OpenInFullRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInFullSharp', {
+Object.defineProperty(exports, "OpenInFullSharp", {
   enumerable: true,
   get: function () {
     return _OpenInFullSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInFullTwoTone', {
+Object.defineProperty(exports, "OpenInFullTwoTone", {
   enumerable: true,
   get: function () {
     return _OpenInFullTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInNew', {
+Object.defineProperty(exports, "OpenInNew", {
   enumerable: true,
   get: function () {
     return _OpenInNew.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInNewOff', {
+Object.defineProperty(exports, "OpenInNewOff", {
   enumerable: true,
   get: function () {
     return _OpenInNewOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInNewOffOutlined', {
+Object.defineProperty(exports, "OpenInNewOffOutlined", {
   enumerable: true,
   get: function () {
     return _OpenInNewOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInNewOffRounded', {
+Object.defineProperty(exports, "OpenInNewOffRounded", {
   enumerable: true,
   get: function () {
     return _OpenInNewOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInNewOffSharp', {
+Object.defineProperty(exports, "OpenInNewOffSharp", {
   enumerable: true,
   get: function () {
     return _OpenInNewOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInNewOffTwoTone', {
+Object.defineProperty(exports, "OpenInNewOffTwoTone", {
   enumerable: true,
   get: function () {
     return _OpenInNewOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInNewOutlined', {
+Object.defineProperty(exports, "OpenInNewOutlined", {
   enumerable: true,
   get: function () {
     return _OpenInNewOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInNewRounded', {
+Object.defineProperty(exports, "OpenInNewRounded", {
   enumerable: true,
   get: function () {
     return _OpenInNewRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInNewSharp', {
+Object.defineProperty(exports, "OpenInNewSharp", {
   enumerable: true,
   get: function () {
     return _OpenInNewSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenInNewTwoTone', {
+Object.defineProperty(exports, "OpenInNewTwoTone", {
   enumerable: true,
   get: function () {
     return _OpenInNewTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenWith', {
+Object.defineProperty(exports, "OpenWith", {
   enumerable: true,
   get: function () {
     return _OpenWith.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenWithOutlined', {
+Object.defineProperty(exports, "OpenWithOutlined", {
   enumerable: true,
   get: function () {
     return _OpenWithOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenWithRounded', {
+Object.defineProperty(exports, "OpenWithRounded", {
   enumerable: true,
   get: function () {
     return _OpenWithRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenWithSharp', {
+Object.defineProperty(exports, "OpenWithSharp", {
   enumerable: true,
   get: function () {
     return _OpenWithSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OpenWithTwoTone', {
+Object.defineProperty(exports, "OpenWithTwoTone", {
   enumerable: true,
   get: function () {
     return _OpenWithTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OtherHouses', {
+Object.defineProperty(exports, "OtherHouses", {
   enumerable: true,
   get: function () {
     return _OtherHouses.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OtherHousesOutlined', {
+Object.defineProperty(exports, "OtherHousesOutlined", {
   enumerable: true,
   get: function () {
     return _OtherHousesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OtherHousesRounded', {
+Object.defineProperty(exports, "OtherHousesRounded", {
   enumerable: true,
   get: function () {
     return _OtherHousesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OtherHousesSharp', {
+Object.defineProperty(exports, "OtherHousesSharp", {
   enumerable: true,
   get: function () {
     return _OtherHousesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OtherHousesTwoTone', {
+Object.defineProperty(exports, "OtherHousesTwoTone", {
   enumerable: true,
   get: function () {
     return _OtherHousesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Outbound', {
+Object.defineProperty(exports, "Outbound", {
   enumerable: true,
   get: function () {
     return _Outbound.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutboundOutlined', {
+Object.defineProperty(exports, "OutboundOutlined", {
   enumerable: true,
   get: function () {
     return _OutboundOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutboundRounded', {
+Object.defineProperty(exports, "OutboundRounded", {
   enumerable: true,
   get: function () {
     return _OutboundRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutboundSharp', {
+Object.defineProperty(exports, "OutboundSharp", {
   enumerable: true,
   get: function () {
     return _OutboundSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutboundTwoTone', {
+Object.defineProperty(exports, "OutboundTwoTone", {
   enumerable: true,
   get: function () {
     return _OutboundTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Outbox', {
+Object.defineProperty(exports, "Outbox", {
   enumerable: true,
   get: function () {
     return _Outbox.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutboxOutlined', {
+Object.defineProperty(exports, "OutboxOutlined", {
   enumerable: true,
   get: function () {
     return _OutboxOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutboxRounded', {
+Object.defineProperty(exports, "OutboxRounded", {
   enumerable: true,
   get: function () {
     return _OutboxRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutboxSharp', {
+Object.defineProperty(exports, "OutboxSharp", {
   enumerable: true,
   get: function () {
     return _OutboxSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutboxTwoTone', {
+Object.defineProperty(exports, "OutboxTwoTone", {
   enumerable: true,
   get: function () {
     return _OutboxTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutdoorGrill', {
+Object.defineProperty(exports, "OutdoorGrill", {
   enumerable: true,
   get: function () {
     return _OutdoorGrill.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutdoorGrillOutlined', {
+Object.defineProperty(exports, "OutdoorGrillOutlined", {
   enumerable: true,
   get: function () {
     return _OutdoorGrillOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutdoorGrillRounded', {
+Object.defineProperty(exports, "OutdoorGrillRounded", {
   enumerable: true,
   get: function () {
     return _OutdoorGrillRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutdoorGrillSharp', {
+Object.defineProperty(exports, "OutdoorGrillSharp", {
   enumerable: true,
   get: function () {
     return _OutdoorGrillSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutdoorGrillTwoTone', {
+Object.defineProperty(exports, "OutdoorGrillTwoTone", {
   enumerable: true,
   get: function () {
     return _OutdoorGrillTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Outlet', {
+Object.defineProperty(exports, "Outlet", {
   enumerable: true,
   get: function () {
     return _Outlet.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutletOutlined', {
+Object.defineProperty(exports, "OutletOutlined", {
   enumerable: true,
   get: function () {
     return _OutletOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutletRounded', {
+Object.defineProperty(exports, "OutletRounded", {
   enumerable: true,
   get: function () {
     return _OutletRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutletSharp', {
+Object.defineProperty(exports, "OutletSharp", {
   enumerable: true,
   get: function () {
     return _OutletSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutletTwoTone', {
+Object.defineProperty(exports, "OutletTwoTone", {
   enumerable: true,
   get: function () {
     return _OutletTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutlinedFlag', {
+Object.defineProperty(exports, "OutlinedFlag", {
   enumerable: true,
   get: function () {
     return _OutlinedFlag.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutlinedFlagOutlined', {
+Object.defineProperty(exports, "OutlinedFlagOutlined", {
   enumerable: true,
   get: function () {
     return _OutlinedFlagOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutlinedFlagRounded', {
+Object.defineProperty(exports, "OutlinedFlagRounded", {
   enumerable: true,
   get: function () {
     return _OutlinedFlagRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutlinedFlagSharp', {
+Object.defineProperty(exports, "OutlinedFlagSharp", {
   enumerable: true,
   get: function () {
     return _OutlinedFlagSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutlinedFlagTwoTone', {
+Object.defineProperty(exports, "OutlinedFlagTwoTone", {
   enumerable: true,
   get: function () {
     return _OutlinedFlagTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Output', {
+Object.defineProperty(exports, "Output", {
   enumerable: true,
   get: function () {
     return _Output.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutputOutlined', {
+Object.defineProperty(exports, "OutputOutlined", {
   enumerable: true,
   get: function () {
     return _OutputOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutputRounded', {
+Object.defineProperty(exports, "OutputRounded", {
   enumerable: true,
   get: function () {
     return _OutputRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutputSharp', {
+Object.defineProperty(exports, "OutputSharp", {
   enumerable: true,
   get: function () {
     return _OutputSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'OutputTwoTone', {
+Object.defineProperty(exports, "OutputTwoTone", {
   enumerable: true,
   get: function () {
     return _OutputTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Padding', {
+Object.defineProperty(exports, "Padding", {
   enumerable: true,
   get: function () {
     return _Padding.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaddingOutlined', {
+Object.defineProperty(exports, "PaddingOutlined", {
   enumerable: true,
   get: function () {
     return _PaddingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaddingRounded', {
+Object.defineProperty(exports, "PaddingRounded", {
   enumerable: true,
   get: function () {
     return _PaddingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaddingSharp', {
+Object.defineProperty(exports, "PaddingSharp", {
   enumerable: true,
   get: function () {
     return _PaddingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaddingTwoTone', {
+Object.defineProperty(exports, "PaddingTwoTone", {
   enumerable: true,
   get: function () {
     return _PaddingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Pages', {
+Object.defineProperty(exports, "Pages", {
   enumerable: true,
   get: function () {
     return _Pages.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PagesOutlined', {
+Object.defineProperty(exports, "PagesOutlined", {
   enumerable: true,
   get: function () {
     return _PagesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PagesRounded', {
+Object.defineProperty(exports, "PagesRounded", {
   enumerable: true,
   get: function () {
     return _PagesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PagesSharp', {
+Object.defineProperty(exports, "PagesSharp", {
   enumerable: true,
   get: function () {
     return _PagesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PagesTwoTone', {
+Object.defineProperty(exports, "PagesTwoTone", {
   enumerable: true,
   get: function () {
     return _PagesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Pageview', {
+Object.defineProperty(exports, "Pageview", {
   enumerable: true,
   get: function () {
     return _Pageview.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PageviewOutlined', {
+Object.defineProperty(exports, "PageviewOutlined", {
   enumerable: true,
   get: function () {
     return _PageviewOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PageviewRounded', {
+Object.defineProperty(exports, "PageviewRounded", {
   enumerable: true,
   get: function () {
     return _PageviewRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PageviewSharp', {
+Object.defineProperty(exports, "PageviewSharp", {
   enumerable: true,
   get: function () {
     return _PageviewSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PageviewTwoTone', {
+Object.defineProperty(exports, "PageviewTwoTone", {
   enumerable: true,
   get: function () {
     return _PageviewTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Paid', {
+Object.defineProperty(exports, "Paid", {
   enumerable: true,
   get: function () {
     return _Paid.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaidOutlined', {
+Object.defineProperty(exports, "PaidOutlined", {
   enumerable: true,
   get: function () {
     return _PaidOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaidRounded', {
+Object.defineProperty(exports, "PaidRounded", {
   enumerable: true,
   get: function () {
     return _PaidRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaidSharp', {
+Object.defineProperty(exports, "PaidSharp", {
   enumerable: true,
   get: function () {
     return _PaidSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaidTwoTone', {
+Object.defineProperty(exports, "PaidTwoTone", {
   enumerable: true,
   get: function () {
     return _PaidTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Palette', {
+Object.defineProperty(exports, "Palette", {
   enumerable: true,
   get: function () {
     return _Palette.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaletteOutlined', {
+Object.defineProperty(exports, "PaletteOutlined", {
   enumerable: true,
   get: function () {
     return _PaletteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaletteRounded', {
+Object.defineProperty(exports, "PaletteRounded", {
   enumerable: true,
   get: function () {
     return _PaletteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaletteSharp', {
+Object.defineProperty(exports, "PaletteSharp", {
   enumerable: true,
   get: function () {
     return _PaletteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaletteTwoTone', {
+Object.defineProperty(exports, "PaletteTwoTone", {
   enumerable: true,
   get: function () {
     return _PaletteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanTool', {
+Object.defineProperty(exports, "PanTool", {
   enumerable: true,
   get: function () {
     return _PanTool.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanToolAlt', {
+Object.defineProperty(exports, "PanToolAlt", {
   enumerable: true,
   get: function () {
     return _PanToolAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanToolAltOutlined', {
+Object.defineProperty(exports, "PanToolAltOutlined", {
   enumerable: true,
   get: function () {
     return _PanToolAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanToolAltRounded', {
+Object.defineProperty(exports, "PanToolAltRounded", {
   enumerable: true,
   get: function () {
     return _PanToolAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanToolAltSharp', {
+Object.defineProperty(exports, "PanToolAltSharp", {
   enumerable: true,
   get: function () {
     return _PanToolAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanToolAltTwoTone', {
+Object.defineProperty(exports, "PanToolAltTwoTone", {
   enumerable: true,
   get: function () {
     return _PanToolAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanToolOutlined', {
+Object.defineProperty(exports, "PanToolOutlined", {
   enumerable: true,
   get: function () {
     return _PanToolOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanToolRounded', {
+Object.defineProperty(exports, "PanToolRounded", {
   enumerable: true,
   get: function () {
     return _PanToolRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanToolSharp', {
+Object.defineProperty(exports, "PanToolSharp", {
   enumerable: true,
   get: function () {
     return _PanToolSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanToolTwoTone', {
+Object.defineProperty(exports, "PanToolTwoTone", {
   enumerable: true,
   get: function () {
     return _PanToolTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Panorama', {
+Object.defineProperty(exports, "Panorama", {
   enumerable: true,
   get: function () {
     return _Panorama.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaFishEye', {
+Object.defineProperty(exports, "PanoramaFishEye", {
   enumerable: true,
   get: function () {
     return _PanoramaFishEye.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaFishEyeOutlined', {
+Object.defineProperty(exports, "PanoramaFishEyeOutlined", {
   enumerable: true,
   get: function () {
     return _PanoramaFishEyeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaFishEyeRounded', {
+Object.defineProperty(exports, "PanoramaFishEyeRounded", {
   enumerable: true,
   get: function () {
     return _PanoramaFishEyeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaFishEyeSharp', {
+Object.defineProperty(exports, "PanoramaFishEyeSharp", {
   enumerable: true,
   get: function () {
     return _PanoramaFishEyeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaFishEyeTwoTone', {
+Object.defineProperty(exports, "PanoramaFishEyeTwoTone", {
   enumerable: true,
   get: function () {
     return _PanoramaFishEyeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaHorizontal', {
+Object.defineProperty(exports, "PanoramaHorizontal", {
   enumerable: true,
   get: function () {
     return _PanoramaHorizontal.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaHorizontalOutlined', {
+Object.defineProperty(exports, "PanoramaHorizontalOutlined", {
   enumerable: true,
   get: function () {
     return _PanoramaHorizontalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaHorizontalRounded', {
+Object.defineProperty(exports, "PanoramaHorizontalRounded", {
   enumerable: true,
   get: function () {
     return _PanoramaHorizontalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaHorizontalSelect', {
+Object.defineProperty(exports, "PanoramaHorizontalSelect", {
   enumerable: true,
   get: function () {
     return _PanoramaHorizontalSelect.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaHorizontalSelectOutlined', {
+Object.defineProperty(exports, "PanoramaHorizontalSelectOutlined", {
   enumerable: true,
   get: function () {
     return _PanoramaHorizontalSelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaHorizontalSelectRounded', {
+Object.defineProperty(exports, "PanoramaHorizontalSelectRounded", {
   enumerable: true,
   get: function () {
     return _PanoramaHorizontalSelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaHorizontalSelectSharp', {
+Object.defineProperty(exports, "PanoramaHorizontalSelectSharp", {
   enumerable: true,
   get: function () {
     return _PanoramaHorizontalSelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaHorizontalSelectTwoTone', {
+Object.defineProperty(exports, "PanoramaHorizontalSelectTwoTone", {
   enumerable: true,
   get: function () {
     return _PanoramaHorizontalSelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaHorizontalSharp', {
+Object.defineProperty(exports, "PanoramaHorizontalSharp", {
   enumerable: true,
   get: function () {
     return _PanoramaHorizontalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaHorizontalTwoTone', {
+Object.defineProperty(exports, "PanoramaHorizontalTwoTone", {
   enumerable: true,
   get: function () {
     return _PanoramaHorizontalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaOutlined', {
+Object.defineProperty(exports, "PanoramaOutlined", {
   enumerable: true,
   get: function () {
     return _PanoramaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaPhotosphere', {
+Object.defineProperty(exports, "PanoramaPhotosphere", {
   enumerable: true,
   get: function () {
     return _PanoramaPhotosphere.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaPhotosphereOutlined', {
+Object.defineProperty(exports, "PanoramaPhotosphereOutlined", {
   enumerable: true,
   get: function () {
     return _PanoramaPhotosphereOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaPhotosphereRounded', {
+Object.defineProperty(exports, "PanoramaPhotosphereRounded", {
   enumerable: true,
   get: function () {
     return _PanoramaPhotosphereRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaPhotosphereSelect', {
+Object.defineProperty(exports, "PanoramaPhotosphereSelect", {
   enumerable: true,
   get: function () {
     return _PanoramaPhotosphereSelect.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaPhotosphereSelectOutlined', {
+Object.defineProperty(exports, "PanoramaPhotosphereSelectOutlined", {
   enumerable: true,
   get: function () {
     return _PanoramaPhotosphereSelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaPhotosphereSelectRounded', {
+Object.defineProperty(exports, "PanoramaPhotosphereSelectRounded", {
   enumerable: true,
   get: function () {
     return _PanoramaPhotosphereSelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaPhotosphereSelectSharp', {
+Object.defineProperty(exports, "PanoramaPhotosphereSelectSharp", {
   enumerable: true,
   get: function () {
     return _PanoramaPhotosphereSelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaPhotosphereSelectTwoTone', {
+Object.defineProperty(exports, "PanoramaPhotosphereSelectTwoTone", {
   enumerable: true,
   get: function () {
     return _PanoramaPhotosphereSelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaPhotosphereSharp', {
+Object.defineProperty(exports, "PanoramaPhotosphereSharp", {
   enumerable: true,
   get: function () {
     return _PanoramaPhotosphereSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaPhotosphereTwoTone', {
+Object.defineProperty(exports, "PanoramaPhotosphereTwoTone", {
   enumerable: true,
   get: function () {
     return _PanoramaPhotosphereTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaRounded', {
+Object.defineProperty(exports, "PanoramaRounded", {
   enumerable: true,
   get: function () {
     return _PanoramaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaSharp', {
+Object.defineProperty(exports, "PanoramaSharp", {
   enumerable: true,
   get: function () {
     return _PanoramaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaTwoTone', {
+Object.defineProperty(exports, "PanoramaTwoTone", {
   enumerable: true,
   get: function () {
     return _PanoramaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaVertical', {
+Object.defineProperty(exports, "PanoramaVertical", {
   enumerable: true,
   get: function () {
     return _PanoramaVertical.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaVerticalOutlined', {
+Object.defineProperty(exports, "PanoramaVerticalOutlined", {
   enumerable: true,
   get: function () {
     return _PanoramaVerticalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaVerticalRounded', {
+Object.defineProperty(exports, "PanoramaVerticalRounded", {
   enumerable: true,
   get: function () {
     return _PanoramaVerticalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaVerticalSelect', {
+Object.defineProperty(exports, "PanoramaVerticalSelect", {
   enumerable: true,
   get: function () {
     return _PanoramaVerticalSelect.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaVerticalSelectOutlined', {
+Object.defineProperty(exports, "PanoramaVerticalSelectOutlined", {
   enumerable: true,
   get: function () {
     return _PanoramaVerticalSelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaVerticalSelectRounded', {
+Object.defineProperty(exports, "PanoramaVerticalSelectRounded", {
   enumerable: true,
   get: function () {
     return _PanoramaVerticalSelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaVerticalSelectSharp', {
+Object.defineProperty(exports, "PanoramaVerticalSelectSharp", {
   enumerable: true,
   get: function () {
     return _PanoramaVerticalSelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaVerticalSelectTwoTone', {
+Object.defineProperty(exports, "PanoramaVerticalSelectTwoTone", {
   enumerable: true,
   get: function () {
     return _PanoramaVerticalSelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaVerticalSharp', {
+Object.defineProperty(exports, "PanoramaVerticalSharp", {
   enumerable: true,
   get: function () {
     return _PanoramaVerticalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaVerticalTwoTone', {
+Object.defineProperty(exports, "PanoramaVerticalTwoTone", {
   enumerable: true,
   get: function () {
     return _PanoramaVerticalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaWideAngle', {
+Object.defineProperty(exports, "PanoramaWideAngle", {
   enumerable: true,
   get: function () {
     return _PanoramaWideAngle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaWideAngleOutlined', {
+Object.defineProperty(exports, "PanoramaWideAngleOutlined", {
   enumerable: true,
   get: function () {
     return _PanoramaWideAngleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaWideAngleRounded', {
+Object.defineProperty(exports, "PanoramaWideAngleRounded", {
   enumerable: true,
   get: function () {
     return _PanoramaWideAngleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaWideAngleSelect', {
+Object.defineProperty(exports, "PanoramaWideAngleSelect", {
   enumerable: true,
   get: function () {
     return _PanoramaWideAngleSelect.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaWideAngleSelectOutlined', {
+Object.defineProperty(exports, "PanoramaWideAngleSelectOutlined", {
   enumerable: true,
   get: function () {
     return _PanoramaWideAngleSelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaWideAngleSelectRounded', {
+Object.defineProperty(exports, "PanoramaWideAngleSelectRounded", {
   enumerable: true,
   get: function () {
     return _PanoramaWideAngleSelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaWideAngleSelectSharp', {
+Object.defineProperty(exports, "PanoramaWideAngleSelectSharp", {
   enumerable: true,
   get: function () {
     return _PanoramaWideAngleSelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaWideAngleSelectTwoTone', {
+Object.defineProperty(exports, "PanoramaWideAngleSelectTwoTone", {
   enumerable: true,
   get: function () {
     return _PanoramaWideAngleSelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaWideAngleSharp', {
+Object.defineProperty(exports, "PanoramaWideAngleSharp", {
   enumerable: true,
   get: function () {
     return _PanoramaWideAngleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PanoramaWideAngleTwoTone', {
+Object.defineProperty(exports, "PanoramaWideAngleTwoTone", {
   enumerable: true,
   get: function () {
     return _PanoramaWideAngleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Paragliding', {
+Object.defineProperty(exports, "Paragliding", {
   enumerable: true,
   get: function () {
     return _Paragliding.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ParaglidingOutlined', {
+Object.defineProperty(exports, "ParaglidingOutlined", {
   enumerable: true,
   get: function () {
     return _ParaglidingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ParaglidingRounded', {
+Object.defineProperty(exports, "ParaglidingRounded", {
   enumerable: true,
   get: function () {
     return _ParaglidingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ParaglidingSharp', {
+Object.defineProperty(exports, "ParaglidingSharp", {
   enumerable: true,
   get: function () {
     return _ParaglidingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ParaglidingTwoTone', {
+Object.defineProperty(exports, "ParaglidingTwoTone", {
   enumerable: true,
   get: function () {
     return _ParaglidingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Park', {
+Object.defineProperty(exports, "Park", {
   enumerable: true,
   get: function () {
     return _Park.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ParkOutlined', {
+Object.defineProperty(exports, "ParkOutlined", {
   enumerable: true,
   get: function () {
     return _ParkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ParkRounded', {
+Object.defineProperty(exports, "ParkRounded", {
   enumerable: true,
   get: function () {
     return _ParkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ParkSharp', {
+Object.defineProperty(exports, "ParkSharp", {
   enumerable: true,
   get: function () {
     return _ParkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ParkTwoTone', {
+Object.defineProperty(exports, "ParkTwoTone", {
   enumerable: true,
   get: function () {
     return _ParkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PartyMode', {
+Object.defineProperty(exports, "PartyMode", {
   enumerable: true,
   get: function () {
     return _PartyMode.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PartyModeOutlined', {
+Object.defineProperty(exports, "PartyModeOutlined", {
   enumerable: true,
   get: function () {
     return _PartyModeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PartyModeRounded', {
+Object.defineProperty(exports, "PartyModeRounded", {
   enumerable: true,
   get: function () {
     return _PartyModeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PartyModeSharp', {
+Object.defineProperty(exports, "PartyModeSharp", {
   enumerable: true,
   get: function () {
     return _PartyModeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PartyModeTwoTone', {
+Object.defineProperty(exports, "PartyModeTwoTone", {
   enumerable: true,
   get: function () {
     return _PartyModeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Password', {
+Object.defineProperty(exports, "Password", {
   enumerable: true,
   get: function () {
     return _Password.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PasswordOutlined', {
+Object.defineProperty(exports, "PasswordOutlined", {
   enumerable: true,
   get: function () {
     return _PasswordOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PasswordRounded', {
+Object.defineProperty(exports, "PasswordRounded", {
   enumerable: true,
   get: function () {
     return _PasswordRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PasswordSharp', {
+Object.defineProperty(exports, "PasswordSharp", {
   enumerable: true,
   get: function () {
     return _PasswordSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PasswordTwoTone', {
+Object.defineProperty(exports, "PasswordTwoTone", {
   enumerable: true,
   get: function () {
     return _PasswordTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Pattern', {
+Object.defineProperty(exports, "Pattern", {
   enumerable: true,
   get: function () {
     return _Pattern.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PatternOutlined', {
+Object.defineProperty(exports, "PatternOutlined", {
   enumerable: true,
   get: function () {
     return _PatternOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PatternRounded', {
+Object.defineProperty(exports, "PatternRounded", {
   enumerable: true,
   get: function () {
     return _PatternRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PatternSharp', {
+Object.defineProperty(exports, "PatternSharp", {
   enumerable: true,
   get: function () {
     return _PatternSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PatternTwoTone', {
+Object.defineProperty(exports, "PatternTwoTone", {
   enumerable: true,
   get: function () {
     return _PatternTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Pause', {
+Object.defineProperty(exports, "Pause", {
   enumerable: true,
   get: function () {
     return _Pause.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircle', {
+Object.defineProperty(exports, "PauseCircle", {
   enumerable: true,
   get: function () {
     return _PauseCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleFilled', {
+Object.defineProperty(exports, "PauseCircleFilled", {
   enumerable: true,
   get: function () {
     return _PauseCircleFilled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleFilledOutlined', {
+Object.defineProperty(exports, "PauseCircleFilledOutlined", {
   enumerable: true,
   get: function () {
     return _PauseCircleFilledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleFilledRounded', {
+Object.defineProperty(exports, "PauseCircleFilledRounded", {
   enumerable: true,
   get: function () {
     return _PauseCircleFilledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleFilledSharp', {
+Object.defineProperty(exports, "PauseCircleFilledSharp", {
   enumerable: true,
   get: function () {
     return _PauseCircleFilledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleFilledTwoTone', {
+Object.defineProperty(exports, "PauseCircleFilledTwoTone", {
   enumerable: true,
   get: function () {
     return _PauseCircleFilledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleOutline', {
+Object.defineProperty(exports, "PauseCircleOutline", {
   enumerable: true,
   get: function () {
     return _PauseCircleOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleOutlineOutlined', {
+Object.defineProperty(exports, "PauseCircleOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _PauseCircleOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleOutlineRounded', {
+Object.defineProperty(exports, "PauseCircleOutlineRounded", {
   enumerable: true,
   get: function () {
     return _PauseCircleOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleOutlineSharp', {
+Object.defineProperty(exports, "PauseCircleOutlineSharp", {
   enumerable: true,
   get: function () {
     return _PauseCircleOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleOutlineTwoTone', {
+Object.defineProperty(exports, "PauseCircleOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _PauseCircleOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleOutlined', {
+Object.defineProperty(exports, "PauseCircleOutlined", {
   enumerable: true,
   get: function () {
     return _PauseCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleRounded', {
+Object.defineProperty(exports, "PauseCircleRounded", {
   enumerable: true,
   get: function () {
     return _PauseCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleSharp', {
+Object.defineProperty(exports, "PauseCircleSharp", {
   enumerable: true,
   get: function () {
     return _PauseCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseCircleTwoTone', {
+Object.defineProperty(exports, "PauseCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _PauseCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseOutlined', {
+Object.defineProperty(exports, "PauseOutlined", {
   enumerable: true,
   get: function () {
     return _PauseOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PausePresentation', {
+Object.defineProperty(exports, "PausePresentation", {
   enumerable: true,
   get: function () {
     return _PausePresentation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PausePresentationOutlined', {
+Object.defineProperty(exports, "PausePresentationOutlined", {
   enumerable: true,
   get: function () {
     return _PausePresentationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PausePresentationRounded', {
+Object.defineProperty(exports, "PausePresentationRounded", {
   enumerable: true,
   get: function () {
     return _PausePresentationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PausePresentationSharp', {
+Object.defineProperty(exports, "PausePresentationSharp", {
   enumerable: true,
   get: function () {
     return _PausePresentationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PausePresentationTwoTone', {
+Object.defineProperty(exports, "PausePresentationTwoTone", {
   enumerable: true,
   get: function () {
     return _PausePresentationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseRounded', {
+Object.defineProperty(exports, "PauseRounded", {
   enumerable: true,
   get: function () {
     return _PauseRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseSharp', {
+Object.defineProperty(exports, "PauseSharp", {
   enumerable: true,
   get: function () {
     return _PauseSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PauseTwoTone', {
+Object.defineProperty(exports, "PauseTwoTone", {
   enumerable: true,
   get: function () {
     return _PauseTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Payment', {
+Object.defineProperty(exports, "Payment", {
   enumerable: true,
   get: function () {
     return _Payment.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaymentOutlined', {
+Object.defineProperty(exports, "PaymentOutlined", {
   enumerable: true,
   get: function () {
     return _PaymentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaymentRounded', {
+Object.defineProperty(exports, "PaymentRounded", {
   enumerable: true,
   get: function () {
     return _PaymentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaymentSharp', {
+Object.defineProperty(exports, "PaymentSharp", {
   enumerable: true,
   get: function () {
     return _PaymentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaymentTwoTone', {
+Object.defineProperty(exports, "PaymentTwoTone", {
   enumerable: true,
   get: function () {
     return _PaymentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Payments', {
+Object.defineProperty(exports, "Payments", {
   enumerable: true,
   get: function () {
     return _Payments.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaymentsOutlined', {
+Object.defineProperty(exports, "PaymentsOutlined", {
   enumerable: true,
   get: function () {
     return _PaymentsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaymentsRounded', {
+Object.defineProperty(exports, "PaymentsRounded", {
   enumerable: true,
   get: function () {
     return _PaymentsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaymentsSharp', {
+Object.defineProperty(exports, "PaymentsSharp", {
   enumerable: true,
   get: function () {
     return _PaymentsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PaymentsTwoTone', {
+Object.defineProperty(exports, "PaymentsTwoTone", {
   enumerable: true,
   get: function () {
     return _PaymentsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PedalBike', {
+Object.defineProperty(exports, "PedalBike", {
   enumerable: true,
   get: function () {
     return _PedalBike.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PedalBikeOutlined', {
+Object.defineProperty(exports, "PedalBikeOutlined", {
   enumerable: true,
   get: function () {
     return _PedalBikeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PedalBikeRounded', {
+Object.defineProperty(exports, "PedalBikeRounded", {
   enumerable: true,
   get: function () {
     return _PedalBikeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PedalBikeSharp', {
+Object.defineProperty(exports, "PedalBikeSharp", {
   enumerable: true,
   get: function () {
     return _PedalBikeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PedalBikeTwoTone', {
+Object.defineProperty(exports, "PedalBikeTwoTone", {
   enumerable: true,
   get: function () {
     return _PedalBikeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Pending', {
+Object.defineProperty(exports, "Pending", {
   enumerable: true,
   get: function () {
     return _Pending.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PendingActions', {
+Object.defineProperty(exports, "PendingActions", {
   enumerable: true,
   get: function () {
     return _PendingActions.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PendingActionsOutlined', {
+Object.defineProperty(exports, "PendingActionsOutlined", {
   enumerable: true,
   get: function () {
     return _PendingActionsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PendingActionsRounded', {
+Object.defineProperty(exports, "PendingActionsRounded", {
   enumerable: true,
   get: function () {
     return _PendingActionsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PendingActionsSharp', {
+Object.defineProperty(exports, "PendingActionsSharp", {
   enumerable: true,
   get: function () {
     return _PendingActionsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PendingActionsTwoTone', {
+Object.defineProperty(exports, "PendingActionsTwoTone", {
   enumerable: true,
   get: function () {
     return _PendingActionsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PendingOutlined', {
+Object.defineProperty(exports, "PendingOutlined", {
   enumerable: true,
   get: function () {
     return _PendingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PendingRounded', {
+Object.defineProperty(exports, "PendingRounded", {
   enumerable: true,
   get: function () {
     return _PendingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PendingSharp', {
+Object.defineProperty(exports, "PendingSharp", {
   enumerable: true,
   get: function () {
     return _PendingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PendingTwoTone', {
+Object.defineProperty(exports, "PendingTwoTone", {
   enumerable: true,
   get: function () {
     return _PendingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Pentagon', {
+Object.defineProperty(exports, "Pentagon", {
   enumerable: true,
   get: function () {
     return _Pentagon.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PentagonOutlined', {
+Object.defineProperty(exports, "PentagonOutlined", {
   enumerable: true,
   get: function () {
     return _PentagonOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PentagonRounded', {
+Object.defineProperty(exports, "PentagonRounded", {
   enumerable: true,
   get: function () {
     return _PentagonRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PentagonSharp', {
+Object.defineProperty(exports, "PentagonSharp", {
   enumerable: true,
   get: function () {
     return _PentagonSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PentagonTwoTone', {
+Object.defineProperty(exports, "PentagonTwoTone", {
   enumerable: true,
   get: function () {
     return _PentagonTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'People', {
+Object.defineProperty(exports, "People", {
   enumerable: true,
   get: function () {
     return _People.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleAlt', {
+Object.defineProperty(exports, "PeopleAlt", {
   enumerable: true,
   get: function () {
     return _PeopleAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleAltOutlined', {
+Object.defineProperty(exports, "PeopleAltOutlined", {
   enumerable: true,
   get: function () {
     return _PeopleAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleAltRounded', {
+Object.defineProperty(exports, "PeopleAltRounded", {
   enumerable: true,
   get: function () {
     return _PeopleAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleAltSharp', {
+Object.defineProperty(exports, "PeopleAltSharp", {
   enumerable: true,
   get: function () {
     return _PeopleAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleAltTwoTone', {
+Object.defineProperty(exports, "PeopleAltTwoTone", {
   enumerable: true,
   get: function () {
     return _PeopleAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleOutline', {
+Object.defineProperty(exports, "PeopleOutline", {
   enumerable: true,
   get: function () {
     return _PeopleOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleOutlineOutlined', {
+Object.defineProperty(exports, "PeopleOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _PeopleOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleOutlineRounded', {
+Object.defineProperty(exports, "PeopleOutlineRounded", {
   enumerable: true,
   get: function () {
     return _PeopleOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleOutlineSharp', {
+Object.defineProperty(exports, "PeopleOutlineSharp", {
   enumerable: true,
   get: function () {
     return _PeopleOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleOutlineTwoTone', {
+Object.defineProperty(exports, "PeopleOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _PeopleOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleOutlined', {
+Object.defineProperty(exports, "PeopleOutlined", {
   enumerable: true,
   get: function () {
     return _PeopleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleRounded', {
+Object.defineProperty(exports, "PeopleRounded", {
   enumerable: true,
   get: function () {
     return _PeopleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleSharp', {
+Object.defineProperty(exports, "PeopleSharp", {
   enumerable: true,
   get: function () {
     return _PeopleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PeopleTwoTone', {
+Object.defineProperty(exports, "PeopleTwoTone", {
   enumerable: true,
   get: function () {
     return _PeopleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Percent', {
+Object.defineProperty(exports, "Percent", {
   enumerable: true,
   get: function () {
     return _Percent.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PercentOutlined', {
+Object.defineProperty(exports, "PercentOutlined", {
   enumerable: true,
   get: function () {
     return _PercentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PercentRounded', {
+Object.defineProperty(exports, "PercentRounded", {
   enumerable: true,
   get: function () {
     return _PercentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PercentSharp', {
+Object.defineProperty(exports, "PercentSharp", {
   enumerable: true,
   get: function () {
     return _PercentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PercentTwoTone', {
+Object.defineProperty(exports, "PercentTwoTone", {
   enumerable: true,
   get: function () {
     return _PercentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermCameraMic', {
+Object.defineProperty(exports, "PermCameraMic", {
   enumerable: true,
   get: function () {
     return _PermCameraMic.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermCameraMicOutlined', {
+Object.defineProperty(exports, "PermCameraMicOutlined", {
   enumerable: true,
   get: function () {
     return _PermCameraMicOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermCameraMicRounded', {
+Object.defineProperty(exports, "PermCameraMicRounded", {
   enumerable: true,
   get: function () {
     return _PermCameraMicRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermCameraMicSharp', {
+Object.defineProperty(exports, "PermCameraMicSharp", {
   enumerable: true,
   get: function () {
     return _PermCameraMicSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermCameraMicTwoTone', {
+Object.defineProperty(exports, "PermCameraMicTwoTone", {
   enumerable: true,
   get: function () {
     return _PermCameraMicTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermContactCalendar', {
+Object.defineProperty(exports, "PermContactCalendar", {
   enumerable: true,
   get: function () {
     return _PermContactCalendar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermContactCalendarOutlined', {
+Object.defineProperty(exports, "PermContactCalendarOutlined", {
   enumerable: true,
   get: function () {
     return _PermContactCalendarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermContactCalendarRounded', {
+Object.defineProperty(exports, "PermContactCalendarRounded", {
   enumerable: true,
   get: function () {
     return _PermContactCalendarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermContactCalendarSharp', {
+Object.defineProperty(exports, "PermContactCalendarSharp", {
   enumerable: true,
   get: function () {
     return _PermContactCalendarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermContactCalendarTwoTone', {
+Object.defineProperty(exports, "PermContactCalendarTwoTone", {
   enumerable: true,
   get: function () {
     return _PermContactCalendarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermDataSetting', {
+Object.defineProperty(exports, "PermDataSetting", {
   enumerable: true,
   get: function () {
     return _PermDataSetting.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermDataSettingOutlined', {
+Object.defineProperty(exports, "PermDataSettingOutlined", {
   enumerable: true,
   get: function () {
     return _PermDataSettingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermDataSettingRounded', {
+Object.defineProperty(exports, "PermDataSettingRounded", {
   enumerable: true,
   get: function () {
     return _PermDataSettingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermDataSettingSharp', {
+Object.defineProperty(exports, "PermDataSettingSharp", {
   enumerable: true,
   get: function () {
     return _PermDataSettingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermDataSettingTwoTone', {
+Object.defineProperty(exports, "PermDataSettingTwoTone", {
   enumerable: true,
   get: function () {
     return _PermDataSettingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermDeviceInformation', {
+Object.defineProperty(exports, "PermDeviceInformation", {
   enumerable: true,
   get: function () {
     return _PermDeviceInformation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermDeviceInformationOutlined', {
+Object.defineProperty(exports, "PermDeviceInformationOutlined", {
   enumerable: true,
   get: function () {
     return _PermDeviceInformationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermDeviceInformationRounded', {
+Object.defineProperty(exports, "PermDeviceInformationRounded", {
   enumerable: true,
   get: function () {
     return _PermDeviceInformationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermDeviceInformationSharp', {
+Object.defineProperty(exports, "PermDeviceInformationSharp", {
   enumerable: true,
   get: function () {
     return _PermDeviceInformationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermDeviceInformationTwoTone', {
+Object.defineProperty(exports, "PermDeviceInformationTwoTone", {
   enumerable: true,
   get: function () {
     return _PermDeviceInformationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermIdentity', {
+Object.defineProperty(exports, "PermIdentity", {
   enumerable: true,
   get: function () {
     return _PermIdentity.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermIdentityOutlined', {
+Object.defineProperty(exports, "PermIdentityOutlined", {
   enumerable: true,
   get: function () {
     return _PermIdentityOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermIdentityRounded', {
+Object.defineProperty(exports, "PermIdentityRounded", {
   enumerable: true,
   get: function () {
     return _PermIdentityRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermIdentitySharp', {
+Object.defineProperty(exports, "PermIdentitySharp", {
   enumerable: true,
   get: function () {
     return _PermIdentitySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermIdentityTwoTone', {
+Object.defineProperty(exports, "PermIdentityTwoTone", {
   enumerable: true,
   get: function () {
     return _PermIdentityTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermMedia', {
+Object.defineProperty(exports, "PermMedia", {
   enumerable: true,
   get: function () {
     return _PermMedia.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermMediaOutlined', {
+Object.defineProperty(exports, "PermMediaOutlined", {
   enumerable: true,
   get: function () {
     return _PermMediaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermMediaRounded', {
+Object.defineProperty(exports, "PermMediaRounded", {
   enumerable: true,
   get: function () {
     return _PermMediaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermMediaSharp', {
+Object.defineProperty(exports, "PermMediaSharp", {
   enumerable: true,
   get: function () {
     return _PermMediaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermMediaTwoTone', {
+Object.defineProperty(exports, "PermMediaTwoTone", {
   enumerable: true,
   get: function () {
     return _PermMediaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermPhoneMsg', {
+Object.defineProperty(exports, "PermPhoneMsg", {
   enumerable: true,
   get: function () {
     return _PermPhoneMsg.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermPhoneMsgOutlined', {
+Object.defineProperty(exports, "PermPhoneMsgOutlined", {
   enumerable: true,
   get: function () {
     return _PermPhoneMsgOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermPhoneMsgRounded', {
+Object.defineProperty(exports, "PermPhoneMsgRounded", {
   enumerable: true,
   get: function () {
     return _PermPhoneMsgRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermPhoneMsgSharp', {
+Object.defineProperty(exports, "PermPhoneMsgSharp", {
   enumerable: true,
   get: function () {
     return _PermPhoneMsgSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermPhoneMsgTwoTone', {
+Object.defineProperty(exports, "PermPhoneMsgTwoTone", {
   enumerable: true,
   get: function () {
     return _PermPhoneMsgTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermScanWifi', {
+Object.defineProperty(exports, "PermScanWifi", {
   enumerable: true,
   get: function () {
     return _PermScanWifi.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermScanWifiOutlined', {
+Object.defineProperty(exports, "PermScanWifiOutlined", {
   enumerable: true,
   get: function () {
     return _PermScanWifiOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermScanWifiRounded', {
+Object.defineProperty(exports, "PermScanWifiRounded", {
   enumerable: true,
   get: function () {
     return _PermScanWifiRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermScanWifiSharp', {
+Object.defineProperty(exports, "PermScanWifiSharp", {
   enumerable: true,
   get: function () {
     return _PermScanWifiSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PermScanWifiTwoTone', {
+Object.defineProperty(exports, "PermScanWifiTwoTone", {
   enumerable: true,
   get: function () {
     return _PermScanWifiTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person', {
+Object.defineProperty(exports, "Person", {
   enumerable: true,
   get: function () {
     return _Person.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person2', {
+Object.defineProperty(exports, "Person2", {
   enumerable: true,
   get: function () {
     return _Person2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person2Outlined', {
+Object.defineProperty(exports, "Person2Outlined", {
   enumerable: true,
   get: function () {
     return _Person2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person2Rounded', {
+Object.defineProperty(exports, "Person2Rounded", {
   enumerable: true,
   get: function () {
     return _Person2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person2Sharp', {
+Object.defineProperty(exports, "Person2Sharp", {
   enumerable: true,
   get: function () {
     return _Person2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person2TwoTone', {
+Object.defineProperty(exports, "Person2TwoTone", {
   enumerable: true,
   get: function () {
     return _Person2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person3', {
+Object.defineProperty(exports, "Person3", {
   enumerable: true,
   get: function () {
     return _Person3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person3Outlined', {
+Object.defineProperty(exports, "Person3Outlined", {
   enumerable: true,
   get: function () {
     return _Person3Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person3Rounded', {
+Object.defineProperty(exports, "Person3Rounded", {
   enumerable: true,
   get: function () {
     return _Person3Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person3Sharp', {
+Object.defineProperty(exports, "Person3Sharp", {
   enumerable: true,
   get: function () {
     return _Person3Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person3TwoTone', {
+Object.defineProperty(exports, "Person3TwoTone", {
   enumerable: true,
   get: function () {
     return _Person3TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person4', {
+Object.defineProperty(exports, "Person4", {
   enumerable: true,
   get: function () {
     return _Person4.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person4Outlined', {
+Object.defineProperty(exports, "Person4Outlined", {
   enumerable: true,
   get: function () {
     return _Person4Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person4Rounded', {
+Object.defineProperty(exports, "Person4Rounded", {
   enumerable: true,
   get: function () {
     return _Person4Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person4Sharp', {
+Object.defineProperty(exports, "Person4Sharp", {
   enumerable: true,
   get: function () {
     return _Person4Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Person4TwoTone', {
+Object.defineProperty(exports, "Person4TwoTone", {
   enumerable: true,
   get: function () {
     return _Person4TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAdd', {
+Object.defineProperty(exports, "PersonAdd", {
   enumerable: true,
   get: function () {
     return _PersonAdd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddAlt', {
+Object.defineProperty(exports, "PersonAddAlt", {
   enumerable: true,
   get: function () {
     return _PersonAddAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddAlt1', {
+Object.defineProperty(exports, "PersonAddAlt1", {
   enumerable: true,
   get: function () {
     return _PersonAddAlt2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddAlt1Outlined', {
+Object.defineProperty(exports, "PersonAddAlt1Outlined", {
   enumerable: true,
   get: function () {
     return _PersonAddAlt1Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddAlt1Rounded', {
+Object.defineProperty(exports, "PersonAddAlt1Rounded", {
   enumerable: true,
   get: function () {
     return _PersonAddAlt1Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddAlt1Sharp', {
+Object.defineProperty(exports, "PersonAddAlt1Sharp", {
   enumerable: true,
   get: function () {
     return _PersonAddAlt1Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddAlt1TwoTone', {
+Object.defineProperty(exports, "PersonAddAlt1TwoTone", {
   enumerable: true,
   get: function () {
     return _PersonAddAlt1TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddAltOutlined', {
+Object.defineProperty(exports, "PersonAddAltOutlined", {
   enumerable: true,
   get: function () {
     return _PersonAddAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddAltRounded', {
+Object.defineProperty(exports, "PersonAddAltRounded", {
   enumerable: true,
   get: function () {
     return _PersonAddAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddAltSharp', {
+Object.defineProperty(exports, "PersonAddAltSharp", {
   enumerable: true,
   get: function () {
     return _PersonAddAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddAltTwoTone', {
+Object.defineProperty(exports, "PersonAddAltTwoTone", {
   enumerable: true,
   get: function () {
     return _PersonAddAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddDisabled', {
+Object.defineProperty(exports, "PersonAddDisabled", {
   enumerable: true,
   get: function () {
     return _PersonAddDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddDisabledOutlined', {
+Object.defineProperty(exports, "PersonAddDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _PersonAddDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddDisabledRounded', {
+Object.defineProperty(exports, "PersonAddDisabledRounded", {
   enumerable: true,
   get: function () {
     return _PersonAddDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddDisabledSharp', {
+Object.defineProperty(exports, "PersonAddDisabledSharp", {
   enumerable: true,
   get: function () {
     return _PersonAddDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddDisabledTwoTone', {
+Object.defineProperty(exports, "PersonAddDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _PersonAddDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddOutlined', {
+Object.defineProperty(exports, "PersonAddOutlined", {
   enumerable: true,
   get: function () {
     return _PersonAddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddRounded', {
+Object.defineProperty(exports, "PersonAddRounded", {
   enumerable: true,
   get: function () {
     return _PersonAddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddSharp', {
+Object.defineProperty(exports, "PersonAddSharp", {
   enumerable: true,
   get: function () {
     return _PersonAddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonAddTwoTone', {
+Object.defineProperty(exports, "PersonAddTwoTone", {
   enumerable: true,
   get: function () {
     return _PersonAddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonOff', {
+Object.defineProperty(exports, "PersonOff", {
   enumerable: true,
   get: function () {
     return _PersonOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonOffOutlined', {
+Object.defineProperty(exports, "PersonOffOutlined", {
   enumerable: true,
   get: function () {
     return _PersonOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonOffRounded', {
+Object.defineProperty(exports, "PersonOffRounded", {
   enumerable: true,
   get: function () {
     return _PersonOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonOffSharp', {
+Object.defineProperty(exports, "PersonOffSharp", {
   enumerable: true,
   get: function () {
     return _PersonOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonOffTwoTone', {
+Object.defineProperty(exports, "PersonOffTwoTone", {
   enumerable: true,
   get: function () {
     return _PersonOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonOutline', {
+Object.defineProperty(exports, "PersonOutline", {
   enumerable: true,
   get: function () {
     return _PersonOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonOutlineOutlined', {
+Object.defineProperty(exports, "PersonOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _PersonOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonOutlineRounded', {
+Object.defineProperty(exports, "PersonOutlineRounded", {
   enumerable: true,
   get: function () {
     return _PersonOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonOutlineSharp', {
+Object.defineProperty(exports, "PersonOutlineSharp", {
   enumerable: true,
   get: function () {
     return _PersonOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonOutlineTwoTone', {
+Object.defineProperty(exports, "PersonOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _PersonOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonOutlined', {
+Object.defineProperty(exports, "PersonOutlined", {
   enumerable: true,
   get: function () {
     return _PersonOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonPin', {
+Object.defineProperty(exports, "PersonPin", {
   enumerable: true,
   get: function () {
     return _PersonPin.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonPinCircle', {
+Object.defineProperty(exports, "PersonPinCircle", {
   enumerable: true,
   get: function () {
     return _PersonPinCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonPinCircleOutlined', {
+Object.defineProperty(exports, "PersonPinCircleOutlined", {
   enumerable: true,
   get: function () {
     return _PersonPinCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonPinCircleRounded', {
+Object.defineProperty(exports, "PersonPinCircleRounded", {
   enumerable: true,
   get: function () {
     return _PersonPinCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonPinCircleSharp', {
+Object.defineProperty(exports, "PersonPinCircleSharp", {
   enumerable: true,
   get: function () {
     return _PersonPinCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonPinCircleTwoTone', {
+Object.defineProperty(exports, "PersonPinCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _PersonPinCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonPinOutlined', {
+Object.defineProperty(exports, "PersonPinOutlined", {
   enumerable: true,
   get: function () {
     return _PersonPinOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonPinRounded', {
+Object.defineProperty(exports, "PersonPinRounded", {
   enumerable: true,
   get: function () {
     return _PersonPinRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonPinSharp', {
+Object.defineProperty(exports, "PersonPinSharp", {
   enumerable: true,
   get: function () {
     return _PersonPinSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonPinTwoTone', {
+Object.defineProperty(exports, "PersonPinTwoTone", {
   enumerable: true,
   get: function () {
     return _PersonPinTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonRemove', {
+Object.defineProperty(exports, "PersonRemove", {
   enumerable: true,
   get: function () {
     return _PersonRemove.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonRemoveAlt1', {
+Object.defineProperty(exports, "PersonRemoveAlt1", {
   enumerable: true,
   get: function () {
     return _PersonRemoveAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonRemoveAlt1Outlined', {
+Object.defineProperty(exports, "PersonRemoveAlt1Outlined", {
   enumerable: true,
   get: function () {
     return _PersonRemoveAlt1Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonRemoveAlt1Rounded', {
+Object.defineProperty(exports, "PersonRemoveAlt1Rounded", {
   enumerable: true,
   get: function () {
     return _PersonRemoveAlt1Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonRemoveAlt1Sharp', {
+Object.defineProperty(exports, "PersonRemoveAlt1Sharp", {
   enumerable: true,
   get: function () {
     return _PersonRemoveAlt1Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonRemoveAlt1TwoTone', {
+Object.defineProperty(exports, "PersonRemoveAlt1TwoTone", {
   enumerable: true,
   get: function () {
     return _PersonRemoveAlt1TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonRemoveOutlined', {
+Object.defineProperty(exports, "PersonRemoveOutlined", {
   enumerable: true,
   get: function () {
     return _PersonRemoveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonRemoveRounded', {
+Object.defineProperty(exports, "PersonRemoveRounded", {
   enumerable: true,
   get: function () {
     return _PersonRemoveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonRemoveSharp', {
+Object.defineProperty(exports, "PersonRemoveSharp", {
   enumerable: true,
   get: function () {
     return _PersonRemoveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonRemoveTwoTone', {
+Object.defineProperty(exports, "PersonRemoveTwoTone", {
   enumerable: true,
   get: function () {
     return _PersonRemoveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonRounded', {
+Object.defineProperty(exports, "PersonRounded", {
   enumerable: true,
   get: function () {
     return _PersonRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonSearch', {
+Object.defineProperty(exports, "PersonSearch", {
   enumerable: true,
   get: function () {
     return _PersonSearch.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonSearchOutlined', {
+Object.defineProperty(exports, "PersonSearchOutlined", {
   enumerable: true,
   get: function () {
     return _PersonSearchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonSearchRounded', {
+Object.defineProperty(exports, "PersonSearchRounded", {
   enumerable: true,
   get: function () {
     return _PersonSearchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonSearchSharp', {
+Object.defineProperty(exports, "PersonSearchSharp", {
   enumerable: true,
   get: function () {
     return _PersonSearchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonSearchTwoTone', {
+Object.defineProperty(exports, "PersonSearchTwoTone", {
   enumerable: true,
   get: function () {
     return _PersonSearchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonSharp', {
+Object.defineProperty(exports, "PersonSharp", {
   enumerable: true,
   get: function () {
     return _PersonSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonTwoTone', {
+Object.defineProperty(exports, "PersonTwoTone", {
   enumerable: true,
   get: function () {
     return _PersonTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonalVideo', {
+Object.defineProperty(exports, "PersonalVideo", {
   enumerable: true,
   get: function () {
     return _PersonalVideo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonalVideoOutlined', {
+Object.defineProperty(exports, "PersonalVideoOutlined", {
   enumerable: true,
   get: function () {
     return _PersonalVideoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonalVideoRounded', {
+Object.defineProperty(exports, "PersonalVideoRounded", {
   enumerable: true,
   get: function () {
     return _PersonalVideoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonalVideoSharp', {
+Object.defineProperty(exports, "PersonalVideoSharp", {
   enumerable: true,
   get: function () {
     return _PersonalVideoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PersonalVideoTwoTone', {
+Object.defineProperty(exports, "PersonalVideoTwoTone", {
   enumerable: true,
   get: function () {
     return _PersonalVideoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PestControl', {
+Object.defineProperty(exports, "PestControl", {
   enumerable: true,
   get: function () {
     return _PestControl.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PestControlOutlined', {
+Object.defineProperty(exports, "PestControlOutlined", {
   enumerable: true,
   get: function () {
     return _PestControlOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PestControlRodent', {
+Object.defineProperty(exports, "PestControlRodent", {
   enumerable: true,
   get: function () {
     return _PestControlRodent.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PestControlRodentOutlined', {
+Object.defineProperty(exports, "PestControlRodentOutlined", {
   enumerable: true,
   get: function () {
     return _PestControlRodentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PestControlRodentRounded', {
+Object.defineProperty(exports, "PestControlRodentRounded", {
   enumerable: true,
   get: function () {
     return _PestControlRodentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PestControlRodentSharp', {
+Object.defineProperty(exports, "PestControlRodentSharp", {
   enumerable: true,
   get: function () {
     return _PestControlRodentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PestControlRodentTwoTone', {
+Object.defineProperty(exports, "PestControlRodentTwoTone", {
   enumerable: true,
   get: function () {
     return _PestControlRodentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PestControlRounded', {
+Object.defineProperty(exports, "PestControlRounded", {
   enumerable: true,
   get: function () {
     return _PestControlRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PestControlSharp', {
+Object.defineProperty(exports, "PestControlSharp", {
   enumerable: true,
   get: function () {
     return _PestControlSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PestControlTwoTone', {
+Object.defineProperty(exports, "PestControlTwoTone", {
   enumerable: true,
   get: function () {
     return _PestControlTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Pets', {
+Object.defineProperty(exports, "Pets", {
   enumerable: true,
   get: function () {
     return _Pets.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PetsOutlined', {
+Object.defineProperty(exports, "PetsOutlined", {
   enumerable: true,
   get: function () {
     return _PetsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PetsRounded', {
+Object.defineProperty(exports, "PetsRounded", {
   enumerable: true,
   get: function () {
     return _PetsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PetsSharp', {
+Object.defineProperty(exports, "PetsSharp", {
   enumerable: true,
   get: function () {
     return _PetsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PetsTwoTone', {
+Object.defineProperty(exports, "PetsTwoTone", {
   enumerable: true,
   get: function () {
     return _PetsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Phishing', {
+Object.defineProperty(exports, "Phishing", {
   enumerable: true,
   get: function () {
     return _Phishing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhishingOutlined', {
+Object.defineProperty(exports, "PhishingOutlined", {
   enumerable: true,
   get: function () {
     return _PhishingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhishingRounded', {
+Object.defineProperty(exports, "PhishingRounded", {
   enumerable: true,
   get: function () {
     return _PhishingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhishingSharp', {
+Object.defineProperty(exports, "PhishingSharp", {
   enumerable: true,
   get: function () {
     return _PhishingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhishingTwoTone', {
+Object.defineProperty(exports, "PhishingTwoTone", {
   enumerable: true,
   get: function () {
     return _PhishingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Phone', {
+Object.defineProperty(exports, "Phone", {
   enumerable: true,
   get: function () {
     return _Phone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneAndroid', {
+Object.defineProperty(exports, "PhoneAndroid", {
   enumerable: true,
   get: function () {
     return _PhoneAndroid.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneAndroidOutlined', {
+Object.defineProperty(exports, "PhoneAndroidOutlined", {
   enumerable: true,
   get: function () {
     return _PhoneAndroidOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneAndroidRounded', {
+Object.defineProperty(exports, "PhoneAndroidRounded", {
   enumerable: true,
   get: function () {
     return _PhoneAndroidRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneAndroidSharp', {
+Object.defineProperty(exports, "PhoneAndroidSharp", {
   enumerable: true,
   get: function () {
     return _PhoneAndroidSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneAndroidTwoTone', {
+Object.defineProperty(exports, "PhoneAndroidTwoTone", {
   enumerable: true,
   get: function () {
     return _PhoneAndroidTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneBluetoothSpeaker', {
+Object.defineProperty(exports, "PhoneBluetoothSpeaker", {
   enumerable: true,
   get: function () {
     return _PhoneBluetoothSpeaker.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneBluetoothSpeakerOutlined', {
+Object.defineProperty(exports, "PhoneBluetoothSpeakerOutlined", {
   enumerable: true,
   get: function () {
     return _PhoneBluetoothSpeakerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneBluetoothSpeakerRounded', {
+Object.defineProperty(exports, "PhoneBluetoothSpeakerRounded", {
   enumerable: true,
   get: function () {
     return _PhoneBluetoothSpeakerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneBluetoothSpeakerSharp', {
+Object.defineProperty(exports, "PhoneBluetoothSpeakerSharp", {
   enumerable: true,
   get: function () {
     return _PhoneBluetoothSpeakerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneBluetoothSpeakerTwoTone', {
+Object.defineProperty(exports, "PhoneBluetoothSpeakerTwoTone", {
   enumerable: true,
   get: function () {
     return _PhoneBluetoothSpeakerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneCallback', {
+Object.defineProperty(exports, "PhoneCallback", {
   enumerable: true,
   get: function () {
     return _PhoneCallback.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneCallbackOutlined', {
+Object.defineProperty(exports, "PhoneCallbackOutlined", {
   enumerable: true,
   get: function () {
     return _PhoneCallbackOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneCallbackRounded', {
+Object.defineProperty(exports, "PhoneCallbackRounded", {
   enumerable: true,
   get: function () {
     return _PhoneCallbackRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneCallbackSharp', {
+Object.defineProperty(exports, "PhoneCallbackSharp", {
   enumerable: true,
   get: function () {
     return _PhoneCallbackSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneCallbackTwoTone', {
+Object.defineProperty(exports, "PhoneCallbackTwoTone", {
   enumerable: true,
   get: function () {
     return _PhoneCallbackTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneDisabled', {
+Object.defineProperty(exports, "PhoneDisabled", {
   enumerable: true,
   get: function () {
     return _PhoneDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneDisabledOutlined', {
+Object.defineProperty(exports, "PhoneDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _PhoneDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneDisabledRounded', {
+Object.defineProperty(exports, "PhoneDisabledRounded", {
   enumerable: true,
   get: function () {
     return _PhoneDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneDisabledSharp', {
+Object.defineProperty(exports, "PhoneDisabledSharp", {
   enumerable: true,
   get: function () {
     return _PhoneDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneDisabledTwoTone', {
+Object.defineProperty(exports, "PhoneDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _PhoneDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneEnabled', {
+Object.defineProperty(exports, "PhoneEnabled", {
   enumerable: true,
   get: function () {
     return _PhoneEnabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneEnabledOutlined', {
+Object.defineProperty(exports, "PhoneEnabledOutlined", {
   enumerable: true,
   get: function () {
     return _PhoneEnabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneEnabledRounded', {
+Object.defineProperty(exports, "PhoneEnabledRounded", {
   enumerable: true,
   get: function () {
     return _PhoneEnabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneEnabledSharp', {
+Object.defineProperty(exports, "PhoneEnabledSharp", {
   enumerable: true,
   get: function () {
     return _PhoneEnabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneEnabledTwoTone', {
+Object.defineProperty(exports, "PhoneEnabledTwoTone", {
   enumerable: true,
   get: function () {
     return _PhoneEnabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneForwarded', {
+Object.defineProperty(exports, "PhoneForwarded", {
   enumerable: true,
   get: function () {
     return _PhoneForwarded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneForwardedOutlined', {
+Object.defineProperty(exports, "PhoneForwardedOutlined", {
   enumerable: true,
   get: function () {
     return _PhoneForwardedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneForwardedRounded', {
+Object.defineProperty(exports, "PhoneForwardedRounded", {
   enumerable: true,
   get: function () {
     return _PhoneForwardedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneForwardedSharp', {
+Object.defineProperty(exports, "PhoneForwardedSharp", {
   enumerable: true,
   get: function () {
     return _PhoneForwardedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneForwardedTwoTone', {
+Object.defineProperty(exports, "PhoneForwardedTwoTone", {
   enumerable: true,
   get: function () {
     return _PhoneForwardedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneInTalk', {
+Object.defineProperty(exports, "PhoneInTalk", {
   enumerable: true,
   get: function () {
     return _PhoneInTalk.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneInTalkOutlined', {
+Object.defineProperty(exports, "PhoneInTalkOutlined", {
   enumerable: true,
   get: function () {
     return _PhoneInTalkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneInTalkRounded', {
+Object.defineProperty(exports, "PhoneInTalkRounded", {
   enumerable: true,
   get: function () {
     return _PhoneInTalkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneInTalkSharp', {
+Object.defineProperty(exports, "PhoneInTalkSharp", {
   enumerable: true,
   get: function () {
     return _PhoneInTalkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneInTalkTwoTone', {
+Object.defineProperty(exports, "PhoneInTalkTwoTone", {
   enumerable: true,
   get: function () {
     return _PhoneInTalkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneIphone', {
+Object.defineProperty(exports, "PhoneIphone", {
   enumerable: true,
   get: function () {
     return _PhoneIphone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneIphoneOutlined', {
+Object.defineProperty(exports, "PhoneIphoneOutlined", {
   enumerable: true,
   get: function () {
     return _PhoneIphoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneIphoneRounded', {
+Object.defineProperty(exports, "PhoneIphoneRounded", {
   enumerable: true,
   get: function () {
     return _PhoneIphoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneIphoneSharp', {
+Object.defineProperty(exports, "PhoneIphoneSharp", {
   enumerable: true,
   get: function () {
     return _PhoneIphoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneIphoneTwoTone', {
+Object.defineProperty(exports, "PhoneIphoneTwoTone", {
   enumerable: true,
   get: function () {
     return _PhoneIphoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneLocked', {
+Object.defineProperty(exports, "PhoneLocked", {
   enumerable: true,
   get: function () {
     return _PhoneLocked.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneLockedOutlined', {
+Object.defineProperty(exports, "PhoneLockedOutlined", {
   enumerable: true,
   get: function () {
     return _PhoneLockedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneLockedRounded', {
+Object.defineProperty(exports, "PhoneLockedRounded", {
   enumerable: true,
   get: function () {
     return _PhoneLockedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneLockedSharp', {
+Object.defineProperty(exports, "PhoneLockedSharp", {
   enumerable: true,
   get: function () {
     return _PhoneLockedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneLockedTwoTone', {
+Object.defineProperty(exports, "PhoneLockedTwoTone", {
   enumerable: true,
   get: function () {
     return _PhoneLockedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneMissed', {
+Object.defineProperty(exports, "PhoneMissed", {
   enumerable: true,
   get: function () {
     return _PhoneMissed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneMissedOutlined', {
+Object.defineProperty(exports, "PhoneMissedOutlined", {
   enumerable: true,
   get: function () {
     return _PhoneMissedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneMissedRounded', {
+Object.defineProperty(exports, "PhoneMissedRounded", {
   enumerable: true,
   get: function () {
     return _PhoneMissedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneMissedSharp', {
+Object.defineProperty(exports, "PhoneMissedSharp", {
   enumerable: true,
   get: function () {
     return _PhoneMissedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneMissedTwoTone', {
+Object.defineProperty(exports, "PhoneMissedTwoTone", {
   enumerable: true,
   get: function () {
     return _PhoneMissedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneOutlined', {
+Object.defineProperty(exports, "PhoneOutlined", {
   enumerable: true,
   get: function () {
     return _PhoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonePaused', {
+Object.defineProperty(exports, "PhonePaused", {
   enumerable: true,
   get: function () {
     return _PhonePaused.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonePausedOutlined', {
+Object.defineProperty(exports, "PhonePausedOutlined", {
   enumerable: true,
   get: function () {
     return _PhonePausedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonePausedRounded', {
+Object.defineProperty(exports, "PhonePausedRounded", {
   enumerable: true,
   get: function () {
     return _PhonePausedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonePausedSharp', {
+Object.defineProperty(exports, "PhonePausedSharp", {
   enumerable: true,
   get: function () {
     return _PhonePausedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonePausedTwoTone', {
+Object.defineProperty(exports, "PhonePausedTwoTone", {
   enumerable: true,
   get: function () {
     return _PhonePausedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneRounded', {
+Object.defineProperty(exports, "PhoneRounded", {
   enumerable: true,
   get: function () {
     return _PhoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneSharp', {
+Object.defineProperty(exports, "PhoneSharp", {
   enumerable: true,
   get: function () {
     return _PhoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhoneTwoTone', {
+Object.defineProperty(exports, "PhoneTwoTone", {
   enumerable: true,
   get: function () {
     return _PhoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Phonelink', {
+Object.defineProperty(exports, "Phonelink", {
   enumerable: true,
   get: function () {
     return _Phonelink.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkErase', {
+Object.defineProperty(exports, "PhonelinkErase", {
   enumerable: true,
   get: function () {
     return _PhonelinkErase.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkEraseOutlined', {
+Object.defineProperty(exports, "PhonelinkEraseOutlined", {
   enumerable: true,
   get: function () {
     return _PhonelinkEraseOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkEraseRounded', {
+Object.defineProperty(exports, "PhonelinkEraseRounded", {
   enumerable: true,
   get: function () {
     return _PhonelinkEraseRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkEraseSharp', {
+Object.defineProperty(exports, "PhonelinkEraseSharp", {
   enumerable: true,
   get: function () {
     return _PhonelinkEraseSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkEraseTwoTone', {
+Object.defineProperty(exports, "PhonelinkEraseTwoTone", {
   enumerable: true,
   get: function () {
     return _PhonelinkEraseTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkLock', {
+Object.defineProperty(exports, "PhonelinkLock", {
   enumerable: true,
   get: function () {
     return _PhonelinkLock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkLockOutlined', {
+Object.defineProperty(exports, "PhonelinkLockOutlined", {
   enumerable: true,
   get: function () {
     return _PhonelinkLockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkLockRounded', {
+Object.defineProperty(exports, "PhonelinkLockRounded", {
   enumerable: true,
   get: function () {
     return _PhonelinkLockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkLockSharp', {
+Object.defineProperty(exports, "PhonelinkLockSharp", {
   enumerable: true,
   get: function () {
     return _PhonelinkLockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkLockTwoTone', {
+Object.defineProperty(exports, "PhonelinkLockTwoTone", {
   enumerable: true,
   get: function () {
     return _PhonelinkLockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkOff', {
+Object.defineProperty(exports, "PhonelinkOff", {
   enumerable: true,
   get: function () {
     return _PhonelinkOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkOffOutlined', {
+Object.defineProperty(exports, "PhonelinkOffOutlined", {
   enumerable: true,
   get: function () {
     return _PhonelinkOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkOffRounded', {
+Object.defineProperty(exports, "PhonelinkOffRounded", {
   enumerable: true,
   get: function () {
     return _PhonelinkOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkOffSharp', {
+Object.defineProperty(exports, "PhonelinkOffSharp", {
   enumerable: true,
   get: function () {
     return _PhonelinkOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkOffTwoTone', {
+Object.defineProperty(exports, "PhonelinkOffTwoTone", {
   enumerable: true,
   get: function () {
     return _PhonelinkOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkOutlined', {
+Object.defineProperty(exports, "PhonelinkOutlined", {
   enumerable: true,
   get: function () {
     return _PhonelinkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkRing', {
+Object.defineProperty(exports, "PhonelinkRing", {
   enumerable: true,
   get: function () {
     return _PhonelinkRing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkRingOutlined', {
+Object.defineProperty(exports, "PhonelinkRingOutlined", {
   enumerable: true,
   get: function () {
     return _PhonelinkRingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkRingRounded', {
+Object.defineProperty(exports, "PhonelinkRingRounded", {
   enumerable: true,
   get: function () {
     return _PhonelinkRingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkRingSharp', {
+Object.defineProperty(exports, "PhonelinkRingSharp", {
   enumerable: true,
   get: function () {
     return _PhonelinkRingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkRingTwoTone', {
+Object.defineProperty(exports, "PhonelinkRingTwoTone", {
   enumerable: true,
   get: function () {
     return _PhonelinkRingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkRounded', {
+Object.defineProperty(exports, "PhonelinkRounded", {
   enumerable: true,
   get: function () {
     return _PhonelinkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkSetup', {
+Object.defineProperty(exports, "PhonelinkSetup", {
   enumerable: true,
   get: function () {
     return _PhonelinkSetup.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkSetupOutlined', {
+Object.defineProperty(exports, "PhonelinkSetupOutlined", {
   enumerable: true,
   get: function () {
     return _PhonelinkSetupOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkSetupRounded', {
+Object.defineProperty(exports, "PhonelinkSetupRounded", {
   enumerable: true,
   get: function () {
     return _PhonelinkSetupRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkSetupSharp', {
+Object.defineProperty(exports, "PhonelinkSetupSharp", {
   enumerable: true,
   get: function () {
     return _PhonelinkSetupSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkSetupTwoTone', {
+Object.defineProperty(exports, "PhonelinkSetupTwoTone", {
   enumerable: true,
   get: function () {
     return _PhonelinkSetupTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkSharp', {
+Object.defineProperty(exports, "PhonelinkSharp", {
   enumerable: true,
   get: function () {
     return _PhonelinkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhonelinkTwoTone', {
+Object.defineProperty(exports, "PhonelinkTwoTone", {
   enumerable: true,
   get: function () {
     return _PhonelinkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Photo', {
+Object.defineProperty(exports, "Photo", {
   enumerable: true,
   get: function () {
     return _Photo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoAlbum', {
+Object.defineProperty(exports, "PhotoAlbum", {
   enumerable: true,
   get: function () {
     return _PhotoAlbum.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoAlbumOutlined', {
+Object.defineProperty(exports, "PhotoAlbumOutlined", {
   enumerable: true,
   get: function () {
     return _PhotoAlbumOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoAlbumRounded', {
+Object.defineProperty(exports, "PhotoAlbumRounded", {
   enumerable: true,
   get: function () {
     return _PhotoAlbumRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoAlbumSharp', {
+Object.defineProperty(exports, "PhotoAlbumSharp", {
   enumerable: true,
   get: function () {
     return _PhotoAlbumSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoAlbumTwoTone', {
+Object.defineProperty(exports, "PhotoAlbumTwoTone", {
   enumerable: true,
   get: function () {
     return _PhotoAlbumTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCamera', {
+Object.defineProperty(exports, "PhotoCamera", {
   enumerable: true,
   get: function () {
     return _PhotoCamera.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraBack', {
+Object.defineProperty(exports, "PhotoCameraBack", {
   enumerable: true,
   get: function () {
     return _PhotoCameraBack.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraBackOutlined', {
+Object.defineProperty(exports, "PhotoCameraBackOutlined", {
   enumerable: true,
   get: function () {
     return _PhotoCameraBackOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraBackRounded', {
+Object.defineProperty(exports, "PhotoCameraBackRounded", {
   enumerable: true,
   get: function () {
     return _PhotoCameraBackRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraBackSharp', {
+Object.defineProperty(exports, "PhotoCameraBackSharp", {
   enumerable: true,
   get: function () {
     return _PhotoCameraBackSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraBackTwoTone', {
+Object.defineProperty(exports, "PhotoCameraBackTwoTone", {
   enumerable: true,
   get: function () {
     return _PhotoCameraBackTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraFront', {
+Object.defineProperty(exports, "PhotoCameraFront", {
   enumerable: true,
   get: function () {
     return _PhotoCameraFront.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraFrontOutlined', {
+Object.defineProperty(exports, "PhotoCameraFrontOutlined", {
   enumerable: true,
   get: function () {
     return _PhotoCameraFrontOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraFrontRounded', {
+Object.defineProperty(exports, "PhotoCameraFrontRounded", {
   enumerable: true,
   get: function () {
     return _PhotoCameraFrontRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraFrontSharp', {
+Object.defineProperty(exports, "PhotoCameraFrontSharp", {
   enumerable: true,
   get: function () {
     return _PhotoCameraFrontSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraFrontTwoTone', {
+Object.defineProperty(exports, "PhotoCameraFrontTwoTone", {
   enumerable: true,
   get: function () {
     return _PhotoCameraFrontTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraOutlined', {
+Object.defineProperty(exports, "PhotoCameraOutlined", {
   enumerable: true,
   get: function () {
     return _PhotoCameraOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraRounded', {
+Object.defineProperty(exports, "PhotoCameraRounded", {
   enumerable: true,
   get: function () {
     return _PhotoCameraRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraSharp', {
+Object.defineProperty(exports, "PhotoCameraSharp", {
   enumerable: true,
   get: function () {
     return _PhotoCameraSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoCameraTwoTone', {
+Object.defineProperty(exports, "PhotoCameraTwoTone", {
   enumerable: true,
   get: function () {
     return _PhotoCameraTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoFilter', {
+Object.defineProperty(exports, "PhotoFilter", {
   enumerable: true,
   get: function () {
     return _PhotoFilter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoFilterOutlined', {
+Object.defineProperty(exports, "PhotoFilterOutlined", {
   enumerable: true,
   get: function () {
     return _PhotoFilterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoFilterRounded', {
+Object.defineProperty(exports, "PhotoFilterRounded", {
   enumerable: true,
   get: function () {
     return _PhotoFilterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoFilterSharp', {
+Object.defineProperty(exports, "PhotoFilterSharp", {
   enumerable: true,
   get: function () {
     return _PhotoFilterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoFilterTwoTone', {
+Object.defineProperty(exports, "PhotoFilterTwoTone", {
   enumerable: true,
   get: function () {
     return _PhotoFilterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoLibrary', {
+Object.defineProperty(exports, "PhotoLibrary", {
   enumerable: true,
   get: function () {
     return _PhotoLibrary.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoLibraryOutlined', {
+Object.defineProperty(exports, "PhotoLibraryOutlined", {
   enumerable: true,
   get: function () {
     return _PhotoLibraryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoLibraryRounded', {
+Object.defineProperty(exports, "PhotoLibraryRounded", {
   enumerable: true,
   get: function () {
     return _PhotoLibraryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoLibrarySharp', {
+Object.defineProperty(exports, "PhotoLibrarySharp", {
   enumerable: true,
   get: function () {
     return _PhotoLibrarySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoLibraryTwoTone', {
+Object.defineProperty(exports, "PhotoLibraryTwoTone", {
   enumerable: true,
   get: function () {
     return _PhotoLibraryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoOutlined', {
+Object.defineProperty(exports, "PhotoOutlined", {
   enumerable: true,
   get: function () {
     return _PhotoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoRounded', {
+Object.defineProperty(exports, "PhotoRounded", {
   enumerable: true,
   get: function () {
     return _PhotoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSharp', {
+Object.defineProperty(exports, "PhotoSharp", {
   enumerable: true,
   get: function () {
     return _PhotoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectActual', {
+Object.defineProperty(exports, "PhotoSizeSelectActual", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectActual.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectActualOutlined', {
+Object.defineProperty(exports, "PhotoSizeSelectActualOutlined", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectActualOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectActualRounded', {
+Object.defineProperty(exports, "PhotoSizeSelectActualRounded", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectActualRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectActualSharp', {
+Object.defineProperty(exports, "PhotoSizeSelectActualSharp", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectActualSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectActualTwoTone', {
+Object.defineProperty(exports, "PhotoSizeSelectActualTwoTone", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectActualTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectLarge', {
+Object.defineProperty(exports, "PhotoSizeSelectLarge", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectLarge.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectLargeOutlined', {
+Object.defineProperty(exports, "PhotoSizeSelectLargeOutlined", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectLargeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectLargeRounded', {
+Object.defineProperty(exports, "PhotoSizeSelectLargeRounded", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectLargeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectLargeSharp', {
+Object.defineProperty(exports, "PhotoSizeSelectLargeSharp", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectLargeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectLargeTwoTone', {
+Object.defineProperty(exports, "PhotoSizeSelectLargeTwoTone", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectLargeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectSmall', {
+Object.defineProperty(exports, "PhotoSizeSelectSmall", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectSmall.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectSmallOutlined', {
+Object.defineProperty(exports, "PhotoSizeSelectSmallOutlined", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectSmallOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectSmallRounded', {
+Object.defineProperty(exports, "PhotoSizeSelectSmallRounded", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectSmallRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectSmallSharp', {
+Object.defineProperty(exports, "PhotoSizeSelectSmallSharp", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectSmallSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoSizeSelectSmallTwoTone', {
+Object.defineProperty(exports, "PhotoSizeSelectSmallTwoTone", {
   enumerable: true,
   get: function () {
     return _PhotoSizeSelectSmallTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhotoTwoTone', {
+Object.defineProperty(exports, "PhotoTwoTone", {
   enumerable: true,
   get: function () {
     return _PhotoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Php', {
+Object.defineProperty(exports, "Php", {
   enumerable: true,
   get: function () {
     return _Php.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhpOutlined', {
+Object.defineProperty(exports, "PhpOutlined", {
   enumerable: true,
   get: function () {
     return _PhpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhpRounded', {
+Object.defineProperty(exports, "PhpRounded", {
   enumerable: true,
   get: function () {
     return _PhpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhpSharp', {
+Object.defineProperty(exports, "PhpSharp", {
   enumerable: true,
   get: function () {
     return _PhpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PhpTwoTone', {
+Object.defineProperty(exports, "PhpTwoTone", {
   enumerable: true,
   get: function () {
     return _PhpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Piano', {
+Object.defineProperty(exports, "Piano", {
   enumerable: true,
   get: function () {
     return _Piano.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PianoOff', {
+Object.defineProperty(exports, "PianoOff", {
   enumerable: true,
   get: function () {
     return _PianoOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PianoOffOutlined', {
+Object.defineProperty(exports, "PianoOffOutlined", {
   enumerable: true,
   get: function () {
     return _PianoOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PianoOffRounded', {
+Object.defineProperty(exports, "PianoOffRounded", {
   enumerable: true,
   get: function () {
     return _PianoOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PianoOffSharp', {
+Object.defineProperty(exports, "PianoOffSharp", {
   enumerable: true,
   get: function () {
     return _PianoOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PianoOffTwoTone', {
+Object.defineProperty(exports, "PianoOffTwoTone", {
   enumerable: true,
   get: function () {
     return _PianoOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PianoOutlined', {
+Object.defineProperty(exports, "PianoOutlined", {
   enumerable: true,
   get: function () {
     return _PianoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PianoRounded', {
+Object.defineProperty(exports, "PianoRounded", {
   enumerable: true,
   get: function () {
     return _PianoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PianoSharp', {
+Object.defineProperty(exports, "PianoSharp", {
   enumerable: true,
   get: function () {
     return _PianoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PianoTwoTone', {
+Object.defineProperty(exports, "PianoTwoTone", {
   enumerable: true,
   get: function () {
     return _PianoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureAsPdf', {
+Object.defineProperty(exports, "PictureAsPdf", {
   enumerable: true,
   get: function () {
     return _PictureAsPdf.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureAsPdfOutlined', {
+Object.defineProperty(exports, "PictureAsPdfOutlined", {
   enumerable: true,
   get: function () {
     return _PictureAsPdfOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureAsPdfRounded', {
+Object.defineProperty(exports, "PictureAsPdfRounded", {
   enumerable: true,
   get: function () {
     return _PictureAsPdfRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureAsPdfSharp', {
+Object.defineProperty(exports, "PictureAsPdfSharp", {
   enumerable: true,
   get: function () {
     return _PictureAsPdfSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureAsPdfTwoTone', {
+Object.defineProperty(exports, "PictureAsPdfTwoTone", {
   enumerable: true,
   get: function () {
     return _PictureAsPdfTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureInPicture', {
+Object.defineProperty(exports, "PictureInPicture", {
   enumerable: true,
   get: function () {
     return _PictureInPicture.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureInPictureAlt', {
+Object.defineProperty(exports, "PictureInPictureAlt", {
   enumerable: true,
   get: function () {
     return _PictureInPictureAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureInPictureAltOutlined', {
+Object.defineProperty(exports, "PictureInPictureAltOutlined", {
   enumerable: true,
   get: function () {
     return _PictureInPictureAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureInPictureAltRounded', {
+Object.defineProperty(exports, "PictureInPictureAltRounded", {
   enumerable: true,
   get: function () {
     return _PictureInPictureAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureInPictureAltSharp', {
+Object.defineProperty(exports, "PictureInPictureAltSharp", {
   enumerable: true,
   get: function () {
     return _PictureInPictureAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureInPictureAltTwoTone', {
+Object.defineProperty(exports, "PictureInPictureAltTwoTone", {
   enumerable: true,
   get: function () {
     return _PictureInPictureAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureInPictureOutlined', {
+Object.defineProperty(exports, "PictureInPictureOutlined", {
   enumerable: true,
   get: function () {
     return _PictureInPictureOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureInPictureRounded', {
+Object.defineProperty(exports, "PictureInPictureRounded", {
   enumerable: true,
   get: function () {
     return _PictureInPictureRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureInPictureSharp', {
+Object.defineProperty(exports, "PictureInPictureSharp", {
   enumerable: true,
   get: function () {
     return _PictureInPictureSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PictureInPictureTwoTone', {
+Object.defineProperty(exports, "PictureInPictureTwoTone", {
   enumerable: true,
   get: function () {
     return _PictureInPictureTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PieChart', {
+Object.defineProperty(exports, "PieChart", {
   enumerable: true,
   get: function () {
     return _PieChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PieChartOutline', {
+Object.defineProperty(exports, "PieChartOutline", {
   enumerable: true,
   get: function () {
     return _PieChartOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PieChartOutlineOutlined', {
+Object.defineProperty(exports, "PieChartOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _PieChartOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PieChartOutlineRounded', {
+Object.defineProperty(exports, "PieChartOutlineRounded", {
   enumerable: true,
   get: function () {
     return _PieChartOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PieChartOutlineSharp', {
+Object.defineProperty(exports, "PieChartOutlineSharp", {
   enumerable: true,
   get: function () {
     return _PieChartOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PieChartOutlineTwoTone', {
+Object.defineProperty(exports, "PieChartOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _PieChartOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PieChartOutlined', {
+Object.defineProperty(exports, "PieChartOutlined", {
   enumerable: true,
   get: function () {
     return _PieChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PieChartRounded', {
+Object.defineProperty(exports, "PieChartRounded", {
   enumerable: true,
   get: function () {
     return _PieChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PieChartSharp', {
+Object.defineProperty(exports, "PieChartSharp", {
   enumerable: true,
   get: function () {
     return _PieChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PieChartTwoTone', {
+Object.defineProperty(exports, "PieChartTwoTone", {
   enumerable: true,
   get: function () {
     return _PieChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Pin', {
+Object.defineProperty(exports, "Pin", {
   enumerable: true,
   get: function () {
     return _Pin.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinDrop', {
+Object.defineProperty(exports, "PinDrop", {
   enumerable: true,
   get: function () {
     return _PinDrop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinDropOutlined', {
+Object.defineProperty(exports, "PinDropOutlined", {
   enumerable: true,
   get: function () {
     return _PinDropOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinDropRounded', {
+Object.defineProperty(exports, "PinDropRounded", {
   enumerable: true,
   get: function () {
     return _PinDropRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinDropSharp', {
+Object.defineProperty(exports, "PinDropSharp", {
   enumerable: true,
   get: function () {
     return _PinDropSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinDropTwoTone', {
+Object.defineProperty(exports, "PinDropTwoTone", {
   enumerable: true,
   get: function () {
     return _PinDropTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinOutlined', {
+Object.defineProperty(exports, "PinOutlined", {
   enumerable: true,
   get: function () {
     return _PinOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinRounded', {
+Object.defineProperty(exports, "PinRounded", {
   enumerable: true,
   get: function () {
     return _PinRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinSharp', {
+Object.defineProperty(exports, "PinSharp", {
   enumerable: true,
   get: function () {
     return _PinSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinTwoTone', {
+Object.defineProperty(exports, "PinTwoTone", {
   enumerable: true,
   get: function () {
     return _PinTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Pinch', {
+Object.defineProperty(exports, "Pinch", {
   enumerable: true,
   get: function () {
     return _Pinch.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinchOutlined', {
+Object.defineProperty(exports, "PinchOutlined", {
   enumerable: true,
   get: function () {
     return _PinchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinchRounded', {
+Object.defineProperty(exports, "PinchRounded", {
   enumerable: true,
   get: function () {
     return _PinchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinchSharp', {
+Object.defineProperty(exports, "PinchSharp", {
   enumerable: true,
   get: function () {
     return _PinchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PinchTwoTone', {
+Object.defineProperty(exports, "PinchTwoTone", {
   enumerable: true,
   get: function () {
     return _PinchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Pinterest', {
+Object.defineProperty(exports, "Pinterest", {
   enumerable: true,
   get: function () {
     return _Pinterest.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PivotTableChart', {
+Object.defineProperty(exports, "PivotTableChart", {
   enumerable: true,
   get: function () {
     return _PivotTableChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PivotTableChartOutlined', {
+Object.defineProperty(exports, "PivotTableChartOutlined", {
   enumerable: true,
   get: function () {
     return _PivotTableChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PivotTableChartRounded', {
+Object.defineProperty(exports, "PivotTableChartRounded", {
   enumerable: true,
   get: function () {
     return _PivotTableChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PivotTableChartSharp', {
+Object.defineProperty(exports, "PivotTableChartSharp", {
   enumerable: true,
   get: function () {
     return _PivotTableChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PivotTableChartTwoTone', {
+Object.defineProperty(exports, "PivotTableChartTwoTone", {
   enumerable: true,
   get: function () {
     return _PivotTableChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Pix', {
+Object.defineProperty(exports, "Pix", {
   enumerable: true,
   get: function () {
     return _Pix.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PixOutlined', {
+Object.defineProperty(exports, "PixOutlined", {
   enumerable: true,
   get: function () {
     return _PixOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PixRounded', {
+Object.defineProperty(exports, "PixRounded", {
   enumerable: true,
   get: function () {
     return _PixRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PixSharp', {
+Object.defineProperty(exports, "PixSharp", {
   enumerable: true,
   get: function () {
     return _PixSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PixTwoTone', {
+Object.defineProperty(exports, "PixTwoTone", {
   enumerable: true,
   get: function () {
     return _PixTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Place', {
+Object.defineProperty(exports, "Place", {
   enumerable: true,
   get: function () {
     return _Place.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaceOutlined', {
+Object.defineProperty(exports, "PlaceOutlined", {
   enumerable: true,
   get: function () {
     return _PlaceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaceRounded', {
+Object.defineProperty(exports, "PlaceRounded", {
   enumerable: true,
   get: function () {
     return _PlaceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaceSharp', {
+Object.defineProperty(exports, "PlaceSharp", {
   enumerable: true,
   get: function () {
     return _PlaceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaceTwoTone', {
+Object.defineProperty(exports, "PlaceTwoTone", {
   enumerable: true,
   get: function () {
     return _PlaceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Plagiarism', {
+Object.defineProperty(exports, "Plagiarism", {
   enumerable: true,
   get: function () {
     return _Plagiarism.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlagiarismOutlined', {
+Object.defineProperty(exports, "PlagiarismOutlined", {
   enumerable: true,
   get: function () {
     return _PlagiarismOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlagiarismRounded', {
+Object.defineProperty(exports, "PlagiarismRounded", {
   enumerable: true,
   get: function () {
     return _PlagiarismRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlagiarismSharp', {
+Object.defineProperty(exports, "PlagiarismSharp", {
   enumerable: true,
   get: function () {
     return _PlagiarismSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlagiarismTwoTone', {
+Object.defineProperty(exports, "PlagiarismTwoTone", {
   enumerable: true,
   get: function () {
     return _PlagiarismTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayArrow', {
+Object.defineProperty(exports, "PlayArrow", {
   enumerable: true,
   get: function () {
     return _PlayArrow.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayArrowOutlined', {
+Object.defineProperty(exports, "PlayArrowOutlined", {
   enumerable: true,
   get: function () {
     return _PlayArrowOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayArrowRounded', {
+Object.defineProperty(exports, "PlayArrowRounded", {
   enumerable: true,
   get: function () {
     return _PlayArrowRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayArrowSharp', {
+Object.defineProperty(exports, "PlayArrowSharp", {
   enumerable: true,
   get: function () {
     return _PlayArrowSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayArrowTwoTone', {
+Object.defineProperty(exports, "PlayArrowTwoTone", {
   enumerable: true,
   get: function () {
     return _PlayArrowTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircle', {
+Object.defineProperty(exports, "PlayCircle", {
   enumerable: true,
   get: function () {
     return _PlayCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleFilled', {
+Object.defineProperty(exports, "PlayCircleFilled", {
   enumerable: true,
   get: function () {
     return _PlayCircleFilled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleFilledOutlined', {
+Object.defineProperty(exports, "PlayCircleFilledOutlined", {
   enumerable: true,
   get: function () {
     return _PlayCircleFilledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleFilledRounded', {
+Object.defineProperty(exports, "PlayCircleFilledRounded", {
   enumerable: true,
   get: function () {
     return _PlayCircleFilledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleFilledSharp', {
+Object.defineProperty(exports, "PlayCircleFilledSharp", {
   enumerable: true,
   get: function () {
     return _PlayCircleFilledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleFilledTwoTone', {
+Object.defineProperty(exports, "PlayCircleFilledTwoTone", {
   enumerable: true,
   get: function () {
     return _PlayCircleFilledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleFilledWhite', {
+Object.defineProperty(exports, "PlayCircleFilledWhite", {
   enumerable: true,
   get: function () {
     return _PlayCircleFilledWhite.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleFilledWhiteOutlined', {
+Object.defineProperty(exports, "PlayCircleFilledWhiteOutlined", {
   enumerable: true,
   get: function () {
     return _PlayCircleFilledWhiteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleFilledWhiteRounded', {
+Object.defineProperty(exports, "PlayCircleFilledWhiteRounded", {
   enumerable: true,
   get: function () {
     return _PlayCircleFilledWhiteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleFilledWhiteSharp', {
+Object.defineProperty(exports, "PlayCircleFilledWhiteSharp", {
   enumerable: true,
   get: function () {
     return _PlayCircleFilledWhiteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleFilledWhiteTwoTone', {
+Object.defineProperty(exports, "PlayCircleFilledWhiteTwoTone", {
   enumerable: true,
   get: function () {
     return _PlayCircleFilledWhiteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleOutline', {
+Object.defineProperty(exports, "PlayCircleOutline", {
   enumerable: true,
   get: function () {
     return _PlayCircleOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleOutlineOutlined', {
+Object.defineProperty(exports, "PlayCircleOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _PlayCircleOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleOutlineRounded', {
+Object.defineProperty(exports, "PlayCircleOutlineRounded", {
   enumerable: true,
   get: function () {
     return _PlayCircleOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleOutlineSharp', {
+Object.defineProperty(exports, "PlayCircleOutlineSharp", {
   enumerable: true,
   get: function () {
     return _PlayCircleOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleOutlineTwoTone', {
+Object.defineProperty(exports, "PlayCircleOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _PlayCircleOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleOutlined', {
+Object.defineProperty(exports, "PlayCircleOutlined", {
   enumerable: true,
   get: function () {
     return _PlayCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleRounded', {
+Object.defineProperty(exports, "PlayCircleRounded", {
   enumerable: true,
   get: function () {
     return _PlayCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleSharp', {
+Object.defineProperty(exports, "PlayCircleSharp", {
   enumerable: true,
   get: function () {
     return _PlayCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayCircleTwoTone', {
+Object.defineProperty(exports, "PlayCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _PlayCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayDisabled', {
+Object.defineProperty(exports, "PlayDisabled", {
   enumerable: true,
   get: function () {
     return _PlayDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayDisabledOutlined', {
+Object.defineProperty(exports, "PlayDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _PlayDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayDisabledRounded', {
+Object.defineProperty(exports, "PlayDisabledRounded", {
   enumerable: true,
   get: function () {
     return _PlayDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayDisabledSharp', {
+Object.defineProperty(exports, "PlayDisabledSharp", {
   enumerable: true,
   get: function () {
     return _PlayDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayDisabledTwoTone', {
+Object.defineProperty(exports, "PlayDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _PlayDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayForWork', {
+Object.defineProperty(exports, "PlayForWork", {
   enumerable: true,
   get: function () {
     return _PlayForWork.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayForWorkOutlined', {
+Object.defineProperty(exports, "PlayForWorkOutlined", {
   enumerable: true,
   get: function () {
     return _PlayForWorkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayForWorkRounded', {
+Object.defineProperty(exports, "PlayForWorkRounded", {
   enumerable: true,
   get: function () {
     return _PlayForWorkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayForWorkSharp', {
+Object.defineProperty(exports, "PlayForWorkSharp", {
   enumerable: true,
   get: function () {
     return _PlayForWorkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayForWorkTwoTone', {
+Object.defineProperty(exports, "PlayForWorkTwoTone", {
   enumerable: true,
   get: function () {
     return _PlayForWorkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayLesson', {
+Object.defineProperty(exports, "PlayLesson", {
   enumerable: true,
   get: function () {
     return _PlayLesson.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayLessonOutlined', {
+Object.defineProperty(exports, "PlayLessonOutlined", {
   enumerable: true,
   get: function () {
     return _PlayLessonOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayLessonRounded', {
+Object.defineProperty(exports, "PlayLessonRounded", {
   enumerable: true,
   get: function () {
     return _PlayLessonRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayLessonSharp', {
+Object.defineProperty(exports, "PlayLessonSharp", {
   enumerable: true,
   get: function () {
     return _PlayLessonSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlayLessonTwoTone', {
+Object.defineProperty(exports, "PlayLessonTwoTone", {
   enumerable: true,
   get: function () {
     return _PlayLessonTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAdd', {
+Object.defineProperty(exports, "PlaylistAdd", {
   enumerable: true,
   get: function () {
     return _PlaylistAdd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCheck', {
+Object.defineProperty(exports, "PlaylistAddCheck", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCheck.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCheckCircle', {
+Object.defineProperty(exports, "PlaylistAddCheckCircle", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCheckCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCheckCircleOutlined', {
+Object.defineProperty(exports, "PlaylistAddCheckCircleOutlined", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCheckCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCheckCircleRounded', {
+Object.defineProperty(exports, "PlaylistAddCheckCircleRounded", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCheckCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCheckCircleSharp', {
+Object.defineProperty(exports, "PlaylistAddCheckCircleSharp", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCheckCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCheckCircleTwoTone', {
+Object.defineProperty(exports, "PlaylistAddCheckCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCheckCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCheckOutlined', {
+Object.defineProperty(exports, "PlaylistAddCheckOutlined", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCheckOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCheckRounded', {
+Object.defineProperty(exports, "PlaylistAddCheckRounded", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCheckRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCheckSharp', {
+Object.defineProperty(exports, "PlaylistAddCheckSharp", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCheckSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCheckTwoTone', {
+Object.defineProperty(exports, "PlaylistAddCheckTwoTone", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCheckTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCircle', {
+Object.defineProperty(exports, "PlaylistAddCircle", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCircleOutlined', {
+Object.defineProperty(exports, "PlaylistAddCircleOutlined", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCircleRounded', {
+Object.defineProperty(exports, "PlaylistAddCircleRounded", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCircleSharp', {
+Object.defineProperty(exports, "PlaylistAddCircleSharp", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddCircleTwoTone', {
+Object.defineProperty(exports, "PlaylistAddCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _PlaylistAddCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddOutlined', {
+Object.defineProperty(exports, "PlaylistAddOutlined", {
   enumerable: true,
   get: function () {
     return _PlaylistAddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddRounded', {
+Object.defineProperty(exports, "PlaylistAddRounded", {
   enumerable: true,
   get: function () {
     return _PlaylistAddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddSharp', {
+Object.defineProperty(exports, "PlaylistAddSharp", {
   enumerable: true,
   get: function () {
     return _PlaylistAddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistAddTwoTone', {
+Object.defineProperty(exports, "PlaylistAddTwoTone", {
   enumerable: true,
   get: function () {
     return _PlaylistAddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistPlay', {
+Object.defineProperty(exports, "PlaylistPlay", {
   enumerable: true,
   get: function () {
     return _PlaylistPlay.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistPlayOutlined', {
+Object.defineProperty(exports, "PlaylistPlayOutlined", {
   enumerable: true,
   get: function () {
     return _PlaylistPlayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistPlayRounded', {
+Object.defineProperty(exports, "PlaylistPlayRounded", {
   enumerable: true,
   get: function () {
     return _PlaylistPlayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistPlaySharp', {
+Object.defineProperty(exports, "PlaylistPlaySharp", {
   enumerable: true,
   get: function () {
     return _PlaylistPlaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistPlayTwoTone', {
+Object.defineProperty(exports, "PlaylistPlayTwoTone", {
   enumerable: true,
   get: function () {
     return _PlaylistPlayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistRemove', {
+Object.defineProperty(exports, "PlaylistRemove", {
   enumerable: true,
   get: function () {
     return _PlaylistRemove.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistRemoveOutlined', {
+Object.defineProperty(exports, "PlaylistRemoveOutlined", {
   enumerable: true,
   get: function () {
     return _PlaylistRemoveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistRemoveRounded', {
+Object.defineProperty(exports, "PlaylistRemoveRounded", {
   enumerable: true,
   get: function () {
     return _PlaylistRemoveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistRemoveSharp', {
+Object.defineProperty(exports, "PlaylistRemoveSharp", {
   enumerable: true,
   get: function () {
     return _PlaylistRemoveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlaylistRemoveTwoTone', {
+Object.defineProperty(exports, "PlaylistRemoveTwoTone", {
   enumerable: true,
   get: function () {
     return _PlaylistRemoveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Plumbing', {
+Object.defineProperty(exports, "Plumbing", {
   enumerable: true,
   get: function () {
     return _Plumbing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlumbingOutlined', {
+Object.defineProperty(exports, "PlumbingOutlined", {
   enumerable: true,
   get: function () {
     return _PlumbingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlumbingRounded', {
+Object.defineProperty(exports, "PlumbingRounded", {
   enumerable: true,
   get: function () {
     return _PlumbingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlumbingSharp', {
+Object.defineProperty(exports, "PlumbingSharp", {
   enumerable: true,
   get: function () {
     return _PlumbingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlumbingTwoTone', {
+Object.defineProperty(exports, "PlumbingTwoTone", {
   enumerable: true,
   get: function () {
     return _PlumbingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlusOne', {
+Object.defineProperty(exports, "PlusOne", {
   enumerable: true,
   get: function () {
     return _PlusOne.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlusOneOutlined', {
+Object.defineProperty(exports, "PlusOneOutlined", {
   enumerable: true,
   get: function () {
     return _PlusOneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlusOneRounded', {
+Object.defineProperty(exports, "PlusOneRounded", {
   enumerable: true,
   get: function () {
     return _PlusOneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlusOneSharp', {
+Object.defineProperty(exports, "PlusOneSharp", {
   enumerable: true,
   get: function () {
     return _PlusOneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PlusOneTwoTone', {
+Object.defineProperty(exports, "PlusOneTwoTone", {
   enumerable: true,
   get: function () {
     return _PlusOneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Podcasts', {
+Object.defineProperty(exports, "Podcasts", {
   enumerable: true,
   get: function () {
     return _Podcasts.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PodcastsOutlined', {
+Object.defineProperty(exports, "PodcastsOutlined", {
   enumerable: true,
   get: function () {
     return _PodcastsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PodcastsRounded', {
+Object.defineProperty(exports, "PodcastsRounded", {
   enumerable: true,
   get: function () {
     return _PodcastsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PodcastsSharp', {
+Object.defineProperty(exports, "PodcastsSharp", {
   enumerable: true,
   get: function () {
     return _PodcastsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PodcastsTwoTone', {
+Object.defineProperty(exports, "PodcastsTwoTone", {
   enumerable: true,
   get: function () {
     return _PodcastsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PointOfSale', {
+Object.defineProperty(exports, "PointOfSale", {
   enumerable: true,
   get: function () {
     return _PointOfSale.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PointOfSaleOutlined', {
+Object.defineProperty(exports, "PointOfSaleOutlined", {
   enumerable: true,
   get: function () {
     return _PointOfSaleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PointOfSaleRounded', {
+Object.defineProperty(exports, "PointOfSaleRounded", {
   enumerable: true,
   get: function () {
     return _PointOfSaleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PointOfSaleSharp', {
+Object.defineProperty(exports, "PointOfSaleSharp", {
   enumerable: true,
   get: function () {
     return _PointOfSaleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PointOfSaleTwoTone', {
+Object.defineProperty(exports, "PointOfSaleTwoTone", {
   enumerable: true,
   get: function () {
     return _PointOfSaleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Policy', {
+Object.defineProperty(exports, "Policy", {
   enumerable: true,
   get: function () {
     return _Policy.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PolicyOutlined', {
+Object.defineProperty(exports, "PolicyOutlined", {
   enumerable: true,
   get: function () {
     return _PolicyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PolicyRounded', {
+Object.defineProperty(exports, "PolicyRounded", {
   enumerable: true,
   get: function () {
     return _PolicyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PolicySharp', {
+Object.defineProperty(exports, "PolicySharp", {
   enumerable: true,
   get: function () {
     return _PolicySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PolicyTwoTone', {
+Object.defineProperty(exports, "PolicyTwoTone", {
   enumerable: true,
   get: function () {
     return _PolicyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Poll', {
+Object.defineProperty(exports, "Poll", {
   enumerable: true,
   get: function () {
     return _Poll.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PollOutlined', {
+Object.defineProperty(exports, "PollOutlined", {
   enumerable: true,
   get: function () {
     return _PollOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PollRounded', {
+Object.defineProperty(exports, "PollRounded", {
   enumerable: true,
   get: function () {
     return _PollRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PollSharp', {
+Object.defineProperty(exports, "PollSharp", {
   enumerable: true,
   get: function () {
     return _PollSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PollTwoTone', {
+Object.defineProperty(exports, "PollTwoTone", {
   enumerable: true,
   get: function () {
     return _PollTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Polyline', {
+Object.defineProperty(exports, "Polyline", {
   enumerable: true,
   get: function () {
     return _Polyline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PolylineOutlined', {
+Object.defineProperty(exports, "PolylineOutlined", {
   enumerable: true,
   get: function () {
     return _PolylineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PolylineRounded', {
+Object.defineProperty(exports, "PolylineRounded", {
   enumerable: true,
   get: function () {
     return _PolylineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PolylineSharp', {
+Object.defineProperty(exports, "PolylineSharp", {
   enumerable: true,
   get: function () {
     return _PolylineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PolylineTwoTone', {
+Object.defineProperty(exports, "PolylineTwoTone", {
   enumerable: true,
   get: function () {
     return _PolylineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Pool', {
+Object.defineProperty(exports, "Pool", {
   enumerable: true,
   get: function () {
     return _Pool.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PoolOutlined', {
+Object.defineProperty(exports, "PoolOutlined", {
   enumerable: true,
   get: function () {
     return _PoolOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PoolRounded', {
+Object.defineProperty(exports, "PoolRounded", {
   enumerable: true,
   get: function () {
     return _PoolRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PoolSharp', {
+Object.defineProperty(exports, "PoolSharp", {
   enumerable: true,
   get: function () {
     return _PoolSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PoolTwoTone', {
+Object.defineProperty(exports, "PoolTwoTone", {
   enumerable: true,
   get: function () {
     return _PoolTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PortableWifiOff', {
+Object.defineProperty(exports, "PortableWifiOff", {
   enumerable: true,
   get: function () {
     return _PortableWifiOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PortableWifiOffOutlined', {
+Object.defineProperty(exports, "PortableWifiOffOutlined", {
   enumerable: true,
   get: function () {
     return _PortableWifiOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PortableWifiOffRounded', {
+Object.defineProperty(exports, "PortableWifiOffRounded", {
   enumerable: true,
   get: function () {
     return _PortableWifiOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PortableWifiOffSharp', {
+Object.defineProperty(exports, "PortableWifiOffSharp", {
   enumerable: true,
   get: function () {
     return _PortableWifiOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PortableWifiOffTwoTone', {
+Object.defineProperty(exports, "PortableWifiOffTwoTone", {
   enumerable: true,
   get: function () {
     return _PortableWifiOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Portrait', {
+Object.defineProperty(exports, "Portrait", {
   enumerable: true,
   get: function () {
     return _Portrait.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PortraitOutlined', {
+Object.defineProperty(exports, "PortraitOutlined", {
   enumerable: true,
   get: function () {
     return _PortraitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PortraitRounded', {
+Object.defineProperty(exports, "PortraitRounded", {
   enumerable: true,
   get: function () {
     return _PortraitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PortraitSharp', {
+Object.defineProperty(exports, "PortraitSharp", {
   enumerable: true,
   get: function () {
     return _PortraitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PortraitTwoTone', {
+Object.defineProperty(exports, "PortraitTwoTone", {
   enumerable: true,
   get: function () {
     return _PortraitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PostAdd', {
+Object.defineProperty(exports, "PostAdd", {
   enumerable: true,
   get: function () {
     return _PostAdd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PostAddOutlined', {
+Object.defineProperty(exports, "PostAddOutlined", {
   enumerable: true,
   get: function () {
     return _PostAddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PostAddRounded', {
+Object.defineProperty(exports, "PostAddRounded", {
   enumerable: true,
   get: function () {
     return _PostAddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PostAddSharp', {
+Object.defineProperty(exports, "PostAddSharp", {
   enumerable: true,
   get: function () {
     return _PostAddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PostAddTwoTone', {
+Object.defineProperty(exports, "PostAddTwoTone", {
   enumerable: true,
   get: function () {
     return _PostAddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Power', {
+Object.defineProperty(exports, "Power", {
   enumerable: true,
   get: function () {
     return _Power.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerInput', {
+Object.defineProperty(exports, "PowerInput", {
   enumerable: true,
   get: function () {
     return _PowerInput.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerInputOutlined', {
+Object.defineProperty(exports, "PowerInputOutlined", {
   enumerable: true,
   get: function () {
     return _PowerInputOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerInputRounded', {
+Object.defineProperty(exports, "PowerInputRounded", {
   enumerable: true,
   get: function () {
     return _PowerInputRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerInputSharp', {
+Object.defineProperty(exports, "PowerInputSharp", {
   enumerable: true,
   get: function () {
     return _PowerInputSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerInputTwoTone', {
+Object.defineProperty(exports, "PowerInputTwoTone", {
   enumerable: true,
   get: function () {
     return _PowerInputTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerOff', {
+Object.defineProperty(exports, "PowerOff", {
   enumerable: true,
   get: function () {
     return _PowerOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerOffOutlined', {
+Object.defineProperty(exports, "PowerOffOutlined", {
   enumerable: true,
   get: function () {
     return _PowerOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerOffRounded', {
+Object.defineProperty(exports, "PowerOffRounded", {
   enumerable: true,
   get: function () {
     return _PowerOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerOffSharp', {
+Object.defineProperty(exports, "PowerOffSharp", {
   enumerable: true,
   get: function () {
     return _PowerOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerOffTwoTone', {
+Object.defineProperty(exports, "PowerOffTwoTone", {
   enumerable: true,
   get: function () {
     return _PowerOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerOutlined', {
+Object.defineProperty(exports, "PowerOutlined", {
   enumerable: true,
   get: function () {
     return _PowerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerRounded', {
+Object.defineProperty(exports, "PowerRounded", {
   enumerable: true,
   get: function () {
     return _PowerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerSettingsNew', {
+Object.defineProperty(exports, "PowerSettingsNew", {
   enumerable: true,
   get: function () {
     return _PowerSettingsNew.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerSettingsNewOutlined', {
+Object.defineProperty(exports, "PowerSettingsNewOutlined", {
   enumerable: true,
   get: function () {
     return _PowerSettingsNewOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerSettingsNewRounded', {
+Object.defineProperty(exports, "PowerSettingsNewRounded", {
   enumerable: true,
   get: function () {
     return _PowerSettingsNewRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerSettingsNewSharp', {
+Object.defineProperty(exports, "PowerSettingsNewSharp", {
   enumerable: true,
   get: function () {
     return _PowerSettingsNewSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerSettingsNewTwoTone', {
+Object.defineProperty(exports, "PowerSettingsNewTwoTone", {
   enumerable: true,
   get: function () {
     return _PowerSettingsNewTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerSharp', {
+Object.defineProperty(exports, "PowerSharp", {
   enumerable: true,
   get: function () {
     return _PowerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PowerTwoTone', {
+Object.defineProperty(exports, "PowerTwoTone", {
   enumerable: true,
   get: function () {
     return _PowerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrecisionManufacturing', {
+Object.defineProperty(exports, "PrecisionManufacturing", {
   enumerable: true,
   get: function () {
     return _PrecisionManufacturing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrecisionManufacturingOutlined', {
+Object.defineProperty(exports, "PrecisionManufacturingOutlined", {
   enumerable: true,
   get: function () {
     return _PrecisionManufacturingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrecisionManufacturingRounded', {
+Object.defineProperty(exports, "PrecisionManufacturingRounded", {
   enumerable: true,
   get: function () {
     return _PrecisionManufacturingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrecisionManufacturingSharp', {
+Object.defineProperty(exports, "PrecisionManufacturingSharp", {
   enumerable: true,
   get: function () {
     return _PrecisionManufacturingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrecisionManufacturingTwoTone', {
+Object.defineProperty(exports, "PrecisionManufacturingTwoTone", {
   enumerable: true,
   get: function () {
     return _PrecisionManufacturingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PregnantWoman', {
+Object.defineProperty(exports, "PregnantWoman", {
   enumerable: true,
   get: function () {
     return _PregnantWoman.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PregnantWomanOutlined', {
+Object.defineProperty(exports, "PregnantWomanOutlined", {
   enumerable: true,
   get: function () {
     return _PregnantWomanOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PregnantWomanRounded', {
+Object.defineProperty(exports, "PregnantWomanRounded", {
   enumerable: true,
   get: function () {
     return _PregnantWomanRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PregnantWomanSharp', {
+Object.defineProperty(exports, "PregnantWomanSharp", {
   enumerable: true,
   get: function () {
     return _PregnantWomanSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PregnantWomanTwoTone', {
+Object.defineProperty(exports, "PregnantWomanTwoTone", {
   enumerable: true,
   get: function () {
     return _PregnantWomanTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PresentToAll', {
+Object.defineProperty(exports, "PresentToAll", {
   enumerable: true,
   get: function () {
     return _PresentToAll.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PresentToAllOutlined', {
+Object.defineProperty(exports, "PresentToAllOutlined", {
   enumerable: true,
   get: function () {
     return _PresentToAllOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PresentToAllRounded', {
+Object.defineProperty(exports, "PresentToAllRounded", {
   enumerable: true,
   get: function () {
     return _PresentToAllRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PresentToAllSharp', {
+Object.defineProperty(exports, "PresentToAllSharp", {
   enumerable: true,
   get: function () {
     return _PresentToAllSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PresentToAllTwoTone', {
+Object.defineProperty(exports, "PresentToAllTwoTone", {
   enumerable: true,
   get: function () {
     return _PresentToAllTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Preview', {
+Object.defineProperty(exports, "Preview", {
   enumerable: true,
   get: function () {
     return _Preview.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PreviewOutlined', {
+Object.defineProperty(exports, "PreviewOutlined", {
   enumerable: true,
   get: function () {
     return _PreviewOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PreviewRounded', {
+Object.defineProperty(exports, "PreviewRounded", {
   enumerable: true,
   get: function () {
     return _PreviewRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PreviewSharp', {
+Object.defineProperty(exports, "PreviewSharp", {
   enumerable: true,
   get: function () {
     return _PreviewSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PreviewTwoTone', {
+Object.defineProperty(exports, "PreviewTwoTone", {
   enumerable: true,
   get: function () {
     return _PreviewTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriceChange', {
+Object.defineProperty(exports, "PriceChange", {
   enumerable: true,
   get: function () {
     return _PriceChange.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriceChangeOutlined', {
+Object.defineProperty(exports, "PriceChangeOutlined", {
   enumerable: true,
   get: function () {
     return _PriceChangeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriceChangeRounded', {
+Object.defineProperty(exports, "PriceChangeRounded", {
   enumerable: true,
   get: function () {
     return _PriceChangeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriceChangeSharp', {
+Object.defineProperty(exports, "PriceChangeSharp", {
   enumerable: true,
   get: function () {
     return _PriceChangeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriceChangeTwoTone', {
+Object.defineProperty(exports, "PriceChangeTwoTone", {
   enumerable: true,
   get: function () {
     return _PriceChangeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriceCheck', {
+Object.defineProperty(exports, "PriceCheck", {
   enumerable: true,
   get: function () {
     return _PriceCheck.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriceCheckOutlined', {
+Object.defineProperty(exports, "PriceCheckOutlined", {
   enumerable: true,
   get: function () {
     return _PriceCheckOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriceCheckRounded', {
+Object.defineProperty(exports, "PriceCheckRounded", {
   enumerable: true,
   get: function () {
     return _PriceCheckRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriceCheckSharp', {
+Object.defineProperty(exports, "PriceCheckSharp", {
   enumerable: true,
   get: function () {
     return _PriceCheckSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriceCheckTwoTone', {
+Object.defineProperty(exports, "PriceCheckTwoTone", {
   enumerable: true,
   get: function () {
     return _PriceCheckTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Print', {
+Object.defineProperty(exports, "Print", {
   enumerable: true,
   get: function () {
     return _Print.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrintDisabled', {
+Object.defineProperty(exports, "PrintDisabled", {
   enumerable: true,
   get: function () {
     return _PrintDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrintDisabledOutlined', {
+Object.defineProperty(exports, "PrintDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _PrintDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrintDisabledRounded', {
+Object.defineProperty(exports, "PrintDisabledRounded", {
   enumerable: true,
   get: function () {
     return _PrintDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrintDisabledSharp', {
+Object.defineProperty(exports, "PrintDisabledSharp", {
   enumerable: true,
   get: function () {
     return _PrintDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrintDisabledTwoTone', {
+Object.defineProperty(exports, "PrintDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _PrintDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrintOutlined', {
+Object.defineProperty(exports, "PrintOutlined", {
   enumerable: true,
   get: function () {
     return _PrintOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrintRounded', {
+Object.defineProperty(exports, "PrintRounded", {
   enumerable: true,
   get: function () {
     return _PrintRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrintSharp', {
+Object.defineProperty(exports, "PrintSharp", {
   enumerable: true,
   get: function () {
     return _PrintSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrintTwoTone', {
+Object.defineProperty(exports, "PrintTwoTone", {
   enumerable: true,
   get: function () {
     return _PrintTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriorityHigh', {
+Object.defineProperty(exports, "PriorityHigh", {
   enumerable: true,
   get: function () {
     return _PriorityHigh.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriorityHighOutlined', {
+Object.defineProperty(exports, "PriorityHighOutlined", {
   enumerable: true,
   get: function () {
     return _PriorityHighOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriorityHighRounded', {
+Object.defineProperty(exports, "PriorityHighRounded", {
   enumerable: true,
   get: function () {
     return _PriorityHighRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriorityHighSharp', {
+Object.defineProperty(exports, "PriorityHighSharp", {
   enumerable: true,
   get: function () {
     return _PriorityHighSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PriorityHighTwoTone', {
+Object.defineProperty(exports, "PriorityHighTwoTone", {
   enumerable: true,
   get: function () {
     return _PriorityHighTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrivacyTip', {
+Object.defineProperty(exports, "PrivacyTip", {
   enumerable: true,
   get: function () {
     return _PrivacyTip.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrivacyTipOutlined', {
+Object.defineProperty(exports, "PrivacyTipOutlined", {
   enumerable: true,
   get: function () {
     return _PrivacyTipOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrivacyTipRounded', {
+Object.defineProperty(exports, "PrivacyTipRounded", {
   enumerable: true,
   get: function () {
     return _PrivacyTipRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrivacyTipSharp', {
+Object.defineProperty(exports, "PrivacyTipSharp", {
   enumerable: true,
   get: function () {
     return _PrivacyTipSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PrivacyTipTwoTone', {
+Object.defineProperty(exports, "PrivacyTipTwoTone", {
   enumerable: true,
   get: function () {
     return _PrivacyTipTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ProductionQuantityLimits', {
+Object.defineProperty(exports, "ProductionQuantityLimits", {
   enumerable: true,
   get: function () {
     return _ProductionQuantityLimits.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ProductionQuantityLimitsOutlined', {
+Object.defineProperty(exports, "ProductionQuantityLimitsOutlined", {
   enumerable: true,
   get: function () {
     return _ProductionQuantityLimitsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ProductionQuantityLimitsRounded', {
+Object.defineProperty(exports, "ProductionQuantityLimitsRounded", {
   enumerable: true,
   get: function () {
     return _ProductionQuantityLimitsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ProductionQuantityLimitsSharp', {
+Object.defineProperty(exports, "ProductionQuantityLimitsSharp", {
   enumerable: true,
   get: function () {
     return _ProductionQuantityLimitsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ProductionQuantityLimitsTwoTone', {
+Object.defineProperty(exports, "ProductionQuantityLimitsTwoTone", {
   enumerable: true,
   get: function () {
     return _ProductionQuantityLimitsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Propane', {
+Object.defineProperty(exports, "Propane", {
   enumerable: true,
   get: function () {
     return _Propane.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PropaneOutlined', {
+Object.defineProperty(exports, "PropaneOutlined", {
   enumerable: true,
   get: function () {
     return _PropaneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PropaneRounded', {
+Object.defineProperty(exports, "PropaneRounded", {
   enumerable: true,
   get: function () {
     return _PropaneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PropaneSharp', {
+Object.defineProperty(exports, "PropaneSharp", {
   enumerable: true,
   get: function () {
     return _PropaneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PropaneTank', {
+Object.defineProperty(exports, "PropaneTank", {
   enumerable: true,
   get: function () {
     return _PropaneTank.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PropaneTankOutlined', {
+Object.defineProperty(exports, "PropaneTankOutlined", {
   enumerable: true,
   get: function () {
     return _PropaneTankOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PropaneTankRounded', {
+Object.defineProperty(exports, "PropaneTankRounded", {
   enumerable: true,
   get: function () {
     return _PropaneTankRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PropaneTankSharp', {
+Object.defineProperty(exports, "PropaneTankSharp", {
   enumerable: true,
   get: function () {
     return _PropaneTankSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PropaneTankTwoTone', {
+Object.defineProperty(exports, "PropaneTankTwoTone", {
   enumerable: true,
   get: function () {
     return _PropaneTankTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PropaneTwoTone', {
+Object.defineProperty(exports, "PropaneTwoTone", {
   enumerable: true,
   get: function () {
     return _PropaneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Psychology', {
+Object.defineProperty(exports, "Psychology", {
   enumerable: true,
   get: function () {
     return _Psychology.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PsychologyAlt', {
+Object.defineProperty(exports, "PsychologyAlt", {
   enumerable: true,
   get: function () {
     return _PsychologyAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PsychologyAltOutlined', {
+Object.defineProperty(exports, "PsychologyAltOutlined", {
   enumerable: true,
   get: function () {
     return _PsychologyAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PsychologyAltRounded', {
+Object.defineProperty(exports, "PsychologyAltRounded", {
   enumerable: true,
   get: function () {
     return _PsychologyAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PsychologyAltSharp', {
+Object.defineProperty(exports, "PsychologyAltSharp", {
   enumerable: true,
   get: function () {
     return _PsychologyAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PsychologyAltTwoTone', {
+Object.defineProperty(exports, "PsychologyAltTwoTone", {
   enumerable: true,
   get: function () {
     return _PsychologyAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PsychologyOutlined', {
+Object.defineProperty(exports, "PsychologyOutlined", {
   enumerable: true,
   get: function () {
     return _PsychologyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PsychologyRounded', {
+Object.defineProperty(exports, "PsychologyRounded", {
   enumerable: true,
   get: function () {
     return _PsychologyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PsychologySharp', {
+Object.defineProperty(exports, "PsychologySharp", {
   enumerable: true,
   get: function () {
     return _PsychologySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PsychologyTwoTone', {
+Object.defineProperty(exports, "PsychologyTwoTone", {
   enumerable: true,
   get: function () {
     return _PsychologyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Public', {
+Object.defineProperty(exports, "Public", {
   enumerable: true,
   get: function () {
     return _Public.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublicOff', {
+Object.defineProperty(exports, "PublicOff", {
   enumerable: true,
   get: function () {
     return _PublicOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublicOffOutlined', {
+Object.defineProperty(exports, "PublicOffOutlined", {
   enumerable: true,
   get: function () {
     return _PublicOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublicOffRounded', {
+Object.defineProperty(exports, "PublicOffRounded", {
   enumerable: true,
   get: function () {
     return _PublicOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublicOffSharp', {
+Object.defineProperty(exports, "PublicOffSharp", {
   enumerable: true,
   get: function () {
     return _PublicOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublicOffTwoTone', {
+Object.defineProperty(exports, "PublicOffTwoTone", {
   enumerable: true,
   get: function () {
     return _PublicOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublicOutlined', {
+Object.defineProperty(exports, "PublicOutlined", {
   enumerable: true,
   get: function () {
     return _PublicOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublicRounded', {
+Object.defineProperty(exports, "PublicRounded", {
   enumerable: true,
   get: function () {
     return _PublicRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublicSharp', {
+Object.defineProperty(exports, "PublicSharp", {
   enumerable: true,
   get: function () {
     return _PublicSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublicTwoTone', {
+Object.defineProperty(exports, "PublicTwoTone", {
   enumerable: true,
   get: function () {
     return _PublicTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Publish', {
+Object.defineProperty(exports, "Publish", {
   enumerable: true,
   get: function () {
     return _Publish.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublishOutlined', {
+Object.defineProperty(exports, "PublishOutlined", {
   enumerable: true,
   get: function () {
     return _PublishOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublishRounded', {
+Object.defineProperty(exports, "PublishRounded", {
   enumerable: true,
   get: function () {
     return _PublishRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublishSharp', {
+Object.defineProperty(exports, "PublishSharp", {
   enumerable: true,
   get: function () {
     return _PublishSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublishTwoTone', {
+Object.defineProperty(exports, "PublishTwoTone", {
   enumerable: true,
   get: function () {
     return _PublishTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublishedWithChanges', {
+Object.defineProperty(exports, "PublishedWithChanges", {
   enumerable: true,
   get: function () {
     return _PublishedWithChanges.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublishedWithChangesOutlined', {
+Object.defineProperty(exports, "PublishedWithChangesOutlined", {
   enumerable: true,
   get: function () {
     return _PublishedWithChangesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublishedWithChangesRounded', {
+Object.defineProperty(exports, "PublishedWithChangesRounded", {
   enumerable: true,
   get: function () {
     return _PublishedWithChangesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublishedWithChangesSharp', {
+Object.defineProperty(exports, "PublishedWithChangesSharp", {
   enumerable: true,
   get: function () {
     return _PublishedWithChangesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PublishedWithChangesTwoTone', {
+Object.defineProperty(exports, "PublishedWithChangesTwoTone", {
   enumerable: true,
   get: function () {
     return _PublishedWithChangesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PunchClock', {
+Object.defineProperty(exports, "PunchClock", {
   enumerable: true,
   get: function () {
     return _PunchClock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PunchClockOutlined', {
+Object.defineProperty(exports, "PunchClockOutlined", {
   enumerable: true,
   get: function () {
     return _PunchClockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PunchClockRounded', {
+Object.defineProperty(exports, "PunchClockRounded", {
   enumerable: true,
   get: function () {
     return _PunchClockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PunchClockSharp', {
+Object.defineProperty(exports, "PunchClockSharp", {
   enumerable: true,
   get: function () {
     return _PunchClockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PunchClockTwoTone', {
+Object.defineProperty(exports, "PunchClockTwoTone", {
   enumerable: true,
   get: function () {
     return _PunchClockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PushPin', {
+Object.defineProperty(exports, "PushPin", {
   enumerable: true,
   get: function () {
     return _PushPin.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PushPinOutlined', {
+Object.defineProperty(exports, "PushPinOutlined", {
   enumerable: true,
   get: function () {
     return _PushPinOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PushPinRounded', {
+Object.defineProperty(exports, "PushPinRounded", {
   enumerable: true,
   get: function () {
     return _PushPinRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PushPinSharp', {
+Object.defineProperty(exports, "PushPinSharp", {
   enumerable: true,
   get: function () {
     return _PushPinSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'PushPinTwoTone', {
+Object.defineProperty(exports, "PushPinTwoTone", {
   enumerable: true,
   get: function () {
     return _PushPinTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCode', {
+Object.defineProperty(exports, "QrCode", {
   enumerable: true,
   get: function () {
     return _QrCode.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCode2', {
+Object.defineProperty(exports, "QrCode2", {
   enumerable: true,
   get: function () {
     return _QrCode2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCode2Outlined', {
+Object.defineProperty(exports, "QrCode2Outlined", {
   enumerable: true,
   get: function () {
     return _QrCode2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCode2Rounded', {
+Object.defineProperty(exports, "QrCode2Rounded", {
   enumerable: true,
   get: function () {
     return _QrCode2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCode2Sharp', {
+Object.defineProperty(exports, "QrCode2Sharp", {
   enumerable: true,
   get: function () {
     return _QrCode2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCode2TwoTone', {
+Object.defineProperty(exports, "QrCode2TwoTone", {
   enumerable: true,
   get: function () {
     return _QrCode2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCodeOutlined', {
+Object.defineProperty(exports, "QrCodeOutlined", {
   enumerable: true,
   get: function () {
     return _QrCodeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCodeRounded', {
+Object.defineProperty(exports, "QrCodeRounded", {
   enumerable: true,
   get: function () {
     return _QrCodeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCodeScanner', {
+Object.defineProperty(exports, "QrCodeScanner", {
   enumerable: true,
   get: function () {
     return _QrCodeScanner.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCodeScannerOutlined', {
+Object.defineProperty(exports, "QrCodeScannerOutlined", {
   enumerable: true,
   get: function () {
     return _QrCodeScannerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCodeScannerRounded', {
+Object.defineProperty(exports, "QrCodeScannerRounded", {
   enumerable: true,
   get: function () {
     return _QrCodeScannerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCodeScannerSharp', {
+Object.defineProperty(exports, "QrCodeScannerSharp", {
   enumerable: true,
   get: function () {
     return _QrCodeScannerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCodeScannerTwoTone', {
+Object.defineProperty(exports, "QrCodeScannerTwoTone", {
   enumerable: true,
   get: function () {
     return _QrCodeScannerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCodeSharp', {
+Object.defineProperty(exports, "QrCodeSharp", {
   enumerable: true,
   get: function () {
     return _QrCodeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QrCodeTwoTone', {
+Object.defineProperty(exports, "QrCodeTwoTone", {
   enumerable: true,
   get: function () {
     return _QrCodeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueryBuilder', {
+Object.defineProperty(exports, "QueryBuilder", {
   enumerable: true,
   get: function () {
     return _QueryBuilder.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueryBuilderOutlined', {
+Object.defineProperty(exports, "QueryBuilderOutlined", {
   enumerable: true,
   get: function () {
     return _QueryBuilderOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueryBuilderRounded', {
+Object.defineProperty(exports, "QueryBuilderRounded", {
   enumerable: true,
   get: function () {
     return _QueryBuilderRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueryBuilderSharp', {
+Object.defineProperty(exports, "QueryBuilderSharp", {
   enumerable: true,
   get: function () {
     return _QueryBuilderSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueryBuilderTwoTone', {
+Object.defineProperty(exports, "QueryBuilderTwoTone", {
   enumerable: true,
   get: function () {
     return _QueryBuilderTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueryStats', {
+Object.defineProperty(exports, "QueryStats", {
   enumerable: true,
   get: function () {
     return _QueryStats.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueryStatsOutlined', {
+Object.defineProperty(exports, "QueryStatsOutlined", {
   enumerable: true,
   get: function () {
     return _QueryStatsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueryStatsRounded', {
+Object.defineProperty(exports, "QueryStatsRounded", {
   enumerable: true,
   get: function () {
     return _QueryStatsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueryStatsSharp', {
+Object.defineProperty(exports, "QueryStatsSharp", {
   enumerable: true,
   get: function () {
     return _QueryStatsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueryStatsTwoTone', {
+Object.defineProperty(exports, "QueryStatsTwoTone", {
   enumerable: true,
   get: function () {
     return _QueryStatsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuestionAnswer', {
+Object.defineProperty(exports, "QuestionAnswer", {
   enumerable: true,
   get: function () {
     return _QuestionAnswer.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuestionAnswerOutlined', {
+Object.defineProperty(exports, "QuestionAnswerOutlined", {
   enumerable: true,
   get: function () {
     return _QuestionAnswerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuestionAnswerRounded', {
+Object.defineProperty(exports, "QuestionAnswerRounded", {
   enumerable: true,
   get: function () {
     return _QuestionAnswerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuestionAnswerSharp', {
+Object.defineProperty(exports, "QuestionAnswerSharp", {
   enumerable: true,
   get: function () {
     return _QuestionAnswerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuestionAnswerTwoTone', {
+Object.defineProperty(exports, "QuestionAnswerTwoTone", {
   enumerable: true,
   get: function () {
     return _QuestionAnswerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuestionMark', {
+Object.defineProperty(exports, "QuestionMark", {
   enumerable: true,
   get: function () {
     return _QuestionMark.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuestionMarkOutlined', {
+Object.defineProperty(exports, "QuestionMarkOutlined", {
   enumerable: true,
   get: function () {
     return _QuestionMarkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuestionMarkRounded', {
+Object.defineProperty(exports, "QuestionMarkRounded", {
   enumerable: true,
   get: function () {
     return _QuestionMarkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuestionMarkSharp', {
+Object.defineProperty(exports, "QuestionMarkSharp", {
   enumerable: true,
   get: function () {
     return _QuestionMarkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuestionMarkTwoTone', {
+Object.defineProperty(exports, "QuestionMarkTwoTone", {
   enumerable: true,
   get: function () {
     return _QuestionMarkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Queue', {
+Object.defineProperty(exports, "Queue", {
   enumerable: true,
   get: function () {
     return _Queue.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueueMusic', {
+Object.defineProperty(exports, "QueueMusic", {
   enumerable: true,
   get: function () {
     return _QueueMusic.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueueMusicOutlined', {
+Object.defineProperty(exports, "QueueMusicOutlined", {
   enumerable: true,
   get: function () {
     return _QueueMusicOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueueMusicRounded', {
+Object.defineProperty(exports, "QueueMusicRounded", {
   enumerable: true,
   get: function () {
     return _QueueMusicRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueueMusicSharp', {
+Object.defineProperty(exports, "QueueMusicSharp", {
   enumerable: true,
   get: function () {
     return _QueueMusicSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueueMusicTwoTone', {
+Object.defineProperty(exports, "QueueMusicTwoTone", {
   enumerable: true,
   get: function () {
     return _QueueMusicTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueueOutlined', {
+Object.defineProperty(exports, "QueueOutlined", {
   enumerable: true,
   get: function () {
     return _QueueOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueuePlayNext', {
+Object.defineProperty(exports, "QueuePlayNext", {
   enumerable: true,
   get: function () {
     return _QueuePlayNext.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueuePlayNextOutlined', {
+Object.defineProperty(exports, "QueuePlayNextOutlined", {
   enumerable: true,
   get: function () {
     return _QueuePlayNextOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueuePlayNextRounded', {
+Object.defineProperty(exports, "QueuePlayNextRounded", {
   enumerable: true,
   get: function () {
     return _QueuePlayNextRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueuePlayNextSharp', {
+Object.defineProperty(exports, "QueuePlayNextSharp", {
   enumerable: true,
   get: function () {
     return _QueuePlayNextSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueuePlayNextTwoTone', {
+Object.defineProperty(exports, "QueuePlayNextTwoTone", {
   enumerable: true,
   get: function () {
     return _QueuePlayNextTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueueRounded', {
+Object.defineProperty(exports, "QueueRounded", {
   enumerable: true,
   get: function () {
     return _QueueRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueueSharp', {
+Object.defineProperty(exports, "QueueSharp", {
   enumerable: true,
   get: function () {
     return _QueueSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QueueTwoTone', {
+Object.defineProperty(exports, "QueueTwoTone", {
   enumerable: true,
   get: function () {
     return _QueueTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Quickreply', {
+Object.defineProperty(exports, "Quickreply", {
   enumerable: true,
   get: function () {
     return _Quickreply.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuickreplyOutlined', {
+Object.defineProperty(exports, "QuickreplyOutlined", {
   enumerable: true,
   get: function () {
     return _QuickreplyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuickreplyRounded', {
+Object.defineProperty(exports, "QuickreplyRounded", {
   enumerable: true,
   get: function () {
     return _QuickreplyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuickreplySharp', {
+Object.defineProperty(exports, "QuickreplySharp", {
   enumerable: true,
   get: function () {
     return _QuickreplySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuickreplyTwoTone', {
+Object.defineProperty(exports, "QuickreplyTwoTone", {
   enumerable: true,
   get: function () {
     return _QuickreplyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Quiz', {
+Object.defineProperty(exports, "Quiz", {
   enumerable: true,
   get: function () {
     return _Quiz.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuizOutlined', {
+Object.defineProperty(exports, "QuizOutlined", {
   enumerable: true,
   get: function () {
     return _QuizOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuizRounded', {
+Object.defineProperty(exports, "QuizRounded", {
   enumerable: true,
   get: function () {
     return _QuizRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuizSharp', {
+Object.defineProperty(exports, "QuizSharp", {
   enumerable: true,
   get: function () {
     return _QuizSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'QuizTwoTone', {
+Object.defineProperty(exports, "QuizTwoTone", {
   enumerable: true,
   get: function () {
     return _QuizTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RMobiledata', {
+Object.defineProperty(exports, "RMobiledata", {
   enumerable: true,
   get: function () {
     return _RMobiledata.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RMobiledataOutlined', {
+Object.defineProperty(exports, "RMobiledataOutlined", {
   enumerable: true,
   get: function () {
     return _RMobiledataOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RMobiledataRounded', {
+Object.defineProperty(exports, "RMobiledataRounded", {
   enumerable: true,
   get: function () {
     return _RMobiledataRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RMobiledataSharp', {
+Object.defineProperty(exports, "RMobiledataSharp", {
   enumerable: true,
   get: function () {
     return _RMobiledataSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RMobiledataTwoTone', {
+Object.defineProperty(exports, "RMobiledataTwoTone", {
   enumerable: true,
   get: function () {
     return _RMobiledataTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Radar', {
+Object.defineProperty(exports, "Radar", {
   enumerable: true,
   get: function () {
     return _Radar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadarOutlined', {
+Object.defineProperty(exports, "RadarOutlined", {
   enumerable: true,
   get: function () {
     return _RadarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadarRounded', {
+Object.defineProperty(exports, "RadarRounded", {
   enumerable: true,
   get: function () {
     return _RadarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadarSharp', {
+Object.defineProperty(exports, "RadarSharp", {
   enumerable: true,
   get: function () {
     return _RadarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadarTwoTone', {
+Object.defineProperty(exports, "RadarTwoTone", {
   enumerable: true,
   get: function () {
     return _RadarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Radio', {
+Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function () {
     return _Radio.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioButtonChecked', {
+Object.defineProperty(exports, "RadioButtonChecked", {
   enumerable: true,
   get: function () {
     return _RadioButtonChecked.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioButtonCheckedOutlined', {
+Object.defineProperty(exports, "RadioButtonCheckedOutlined", {
   enumerable: true,
   get: function () {
     return _RadioButtonCheckedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioButtonCheckedRounded', {
+Object.defineProperty(exports, "RadioButtonCheckedRounded", {
   enumerable: true,
   get: function () {
     return _RadioButtonCheckedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioButtonCheckedSharp', {
+Object.defineProperty(exports, "RadioButtonCheckedSharp", {
   enumerable: true,
   get: function () {
     return _RadioButtonCheckedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioButtonCheckedTwoTone', {
+Object.defineProperty(exports, "RadioButtonCheckedTwoTone", {
   enumerable: true,
   get: function () {
     return _RadioButtonCheckedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioButtonUnchecked', {
+Object.defineProperty(exports, "RadioButtonUnchecked", {
   enumerable: true,
   get: function () {
     return _RadioButtonUnchecked.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioButtonUncheckedOutlined', {
+Object.defineProperty(exports, "RadioButtonUncheckedOutlined", {
   enumerable: true,
   get: function () {
     return _RadioButtonUncheckedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioButtonUncheckedRounded', {
+Object.defineProperty(exports, "RadioButtonUncheckedRounded", {
   enumerable: true,
   get: function () {
     return _RadioButtonUncheckedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioButtonUncheckedSharp', {
+Object.defineProperty(exports, "RadioButtonUncheckedSharp", {
   enumerable: true,
   get: function () {
     return _RadioButtonUncheckedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioButtonUncheckedTwoTone', {
+Object.defineProperty(exports, "RadioButtonUncheckedTwoTone", {
   enumerable: true,
   get: function () {
     return _RadioButtonUncheckedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioOutlined', {
+Object.defineProperty(exports, "RadioOutlined", {
   enumerable: true,
   get: function () {
     return _RadioOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioRounded', {
+Object.defineProperty(exports, "RadioRounded", {
   enumerable: true,
   get: function () {
     return _RadioRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioSharp', {
+Object.defineProperty(exports, "RadioSharp", {
   enumerable: true,
   get: function () {
     return _RadioSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RadioTwoTone', {
+Object.defineProperty(exports, "RadioTwoTone", {
   enumerable: true,
   get: function () {
     return _RadioTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RailwayAlert', {
+Object.defineProperty(exports, "RailwayAlert", {
   enumerable: true,
   get: function () {
     return _RailwayAlert.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RailwayAlertOutlined', {
+Object.defineProperty(exports, "RailwayAlertOutlined", {
   enumerable: true,
   get: function () {
     return _RailwayAlertOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RailwayAlertRounded', {
+Object.defineProperty(exports, "RailwayAlertRounded", {
   enumerable: true,
   get: function () {
     return _RailwayAlertRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RailwayAlertSharp', {
+Object.defineProperty(exports, "RailwayAlertSharp", {
   enumerable: true,
   get: function () {
     return _RailwayAlertSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RailwayAlertTwoTone', {
+Object.defineProperty(exports, "RailwayAlertTwoTone", {
   enumerable: true,
   get: function () {
     return _RailwayAlertTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RamenDining', {
+Object.defineProperty(exports, "RamenDining", {
   enumerable: true,
   get: function () {
     return _RamenDining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RamenDiningOutlined', {
+Object.defineProperty(exports, "RamenDiningOutlined", {
   enumerable: true,
   get: function () {
     return _RamenDiningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RamenDiningRounded', {
+Object.defineProperty(exports, "RamenDiningRounded", {
   enumerable: true,
   get: function () {
     return _RamenDiningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RamenDiningSharp', {
+Object.defineProperty(exports, "RamenDiningSharp", {
   enumerable: true,
   get: function () {
     return _RamenDiningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RamenDiningTwoTone', {
+Object.defineProperty(exports, "RamenDiningTwoTone", {
   enumerable: true,
   get: function () {
     return _RamenDiningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RampLeft', {
+Object.defineProperty(exports, "RampLeft", {
   enumerable: true,
   get: function () {
     return _RampLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RampLeftOutlined', {
+Object.defineProperty(exports, "RampLeftOutlined", {
   enumerable: true,
   get: function () {
     return _RampLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RampLeftRounded', {
+Object.defineProperty(exports, "RampLeftRounded", {
   enumerable: true,
   get: function () {
     return _RampLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RampLeftSharp', {
+Object.defineProperty(exports, "RampLeftSharp", {
   enumerable: true,
   get: function () {
     return _RampLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RampLeftTwoTone', {
+Object.defineProperty(exports, "RampLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _RampLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RampRight', {
+Object.defineProperty(exports, "RampRight", {
   enumerable: true,
   get: function () {
     return _RampRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RampRightOutlined', {
+Object.defineProperty(exports, "RampRightOutlined", {
   enumerable: true,
   get: function () {
     return _RampRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RampRightRounded', {
+Object.defineProperty(exports, "RampRightRounded", {
   enumerable: true,
   get: function () {
     return _RampRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RampRightSharp', {
+Object.defineProperty(exports, "RampRightSharp", {
   enumerable: true,
   get: function () {
     return _RampRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RampRightTwoTone', {
+Object.defineProperty(exports, "RampRightTwoTone", {
   enumerable: true,
   get: function () {
     return _RampRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RateReview', {
+Object.defineProperty(exports, "RateReview", {
   enumerable: true,
   get: function () {
     return _RateReview.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RateReviewOutlined', {
+Object.defineProperty(exports, "RateReviewOutlined", {
   enumerable: true,
   get: function () {
     return _RateReviewOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RateReviewRounded', {
+Object.defineProperty(exports, "RateReviewRounded", {
   enumerable: true,
   get: function () {
     return _RateReviewRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RateReviewSharp', {
+Object.defineProperty(exports, "RateReviewSharp", {
   enumerable: true,
   get: function () {
     return _RateReviewSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RateReviewTwoTone', {
+Object.defineProperty(exports, "RateReviewTwoTone", {
   enumerable: true,
   get: function () {
     return _RateReviewTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RawOff', {
+Object.defineProperty(exports, "RawOff", {
   enumerable: true,
   get: function () {
     return _RawOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RawOffOutlined', {
+Object.defineProperty(exports, "RawOffOutlined", {
   enumerable: true,
   get: function () {
     return _RawOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RawOffRounded', {
+Object.defineProperty(exports, "RawOffRounded", {
   enumerable: true,
   get: function () {
     return _RawOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RawOffSharp', {
+Object.defineProperty(exports, "RawOffSharp", {
   enumerable: true,
   get: function () {
     return _RawOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RawOffTwoTone', {
+Object.defineProperty(exports, "RawOffTwoTone", {
   enumerable: true,
   get: function () {
     return _RawOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RawOn', {
+Object.defineProperty(exports, "RawOn", {
   enumerable: true,
   get: function () {
     return _RawOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RawOnOutlined', {
+Object.defineProperty(exports, "RawOnOutlined", {
   enumerable: true,
   get: function () {
     return _RawOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RawOnRounded', {
+Object.defineProperty(exports, "RawOnRounded", {
   enumerable: true,
   get: function () {
     return _RawOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RawOnSharp', {
+Object.defineProperty(exports, "RawOnSharp", {
   enumerable: true,
   get: function () {
     return _RawOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RawOnTwoTone', {
+Object.defineProperty(exports, "RawOnTwoTone", {
   enumerable: true,
   get: function () {
     return _RawOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReadMore', {
+Object.defineProperty(exports, "ReadMore", {
   enumerable: true,
   get: function () {
     return _ReadMore.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReadMoreOutlined', {
+Object.defineProperty(exports, "ReadMoreOutlined", {
   enumerable: true,
   get: function () {
     return _ReadMoreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReadMoreRounded', {
+Object.defineProperty(exports, "ReadMoreRounded", {
   enumerable: true,
   get: function () {
     return _ReadMoreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReadMoreSharp', {
+Object.defineProperty(exports, "ReadMoreSharp", {
   enumerable: true,
   get: function () {
     return _ReadMoreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReadMoreTwoTone', {
+Object.defineProperty(exports, "ReadMoreTwoTone", {
   enumerable: true,
   get: function () {
     return _ReadMoreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Receipt', {
+Object.defineProperty(exports, "Receipt", {
   enumerable: true,
   get: function () {
     return _Receipt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReceiptLong', {
+Object.defineProperty(exports, "ReceiptLong", {
   enumerable: true,
   get: function () {
     return _ReceiptLong.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReceiptLongOutlined', {
+Object.defineProperty(exports, "ReceiptLongOutlined", {
   enumerable: true,
   get: function () {
     return _ReceiptLongOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReceiptLongRounded', {
+Object.defineProperty(exports, "ReceiptLongRounded", {
   enumerable: true,
   get: function () {
     return _ReceiptLongRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReceiptLongSharp', {
+Object.defineProperty(exports, "ReceiptLongSharp", {
   enumerable: true,
   get: function () {
     return _ReceiptLongSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReceiptLongTwoTone', {
+Object.defineProperty(exports, "ReceiptLongTwoTone", {
   enumerable: true,
   get: function () {
     return _ReceiptLongTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReceiptOutlined', {
+Object.defineProperty(exports, "ReceiptOutlined", {
   enumerable: true,
   get: function () {
     return _ReceiptOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReceiptRounded', {
+Object.defineProperty(exports, "ReceiptRounded", {
   enumerable: true,
   get: function () {
     return _ReceiptRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReceiptSharp', {
+Object.defineProperty(exports, "ReceiptSharp", {
   enumerable: true,
   get: function () {
     return _ReceiptSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReceiptTwoTone', {
+Object.defineProperty(exports, "ReceiptTwoTone", {
   enumerable: true,
   get: function () {
     return _ReceiptTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecentActors', {
+Object.defineProperty(exports, "RecentActors", {
   enumerable: true,
   get: function () {
     return _RecentActors.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecentActorsOutlined', {
+Object.defineProperty(exports, "RecentActorsOutlined", {
   enumerable: true,
   get: function () {
     return _RecentActorsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecentActorsRounded', {
+Object.defineProperty(exports, "RecentActorsRounded", {
   enumerable: true,
   get: function () {
     return _RecentActorsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecentActorsSharp', {
+Object.defineProperty(exports, "RecentActorsSharp", {
   enumerable: true,
   get: function () {
     return _RecentActorsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecentActorsTwoTone', {
+Object.defineProperty(exports, "RecentActorsTwoTone", {
   enumerable: true,
   get: function () {
     return _RecentActorsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Recommend', {
+Object.defineProperty(exports, "Recommend", {
   enumerable: true,
   get: function () {
     return _Recommend.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecommendOutlined', {
+Object.defineProperty(exports, "RecommendOutlined", {
   enumerable: true,
   get: function () {
     return _RecommendOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecommendRounded', {
+Object.defineProperty(exports, "RecommendRounded", {
   enumerable: true,
   get: function () {
     return _RecommendRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecommendSharp', {
+Object.defineProperty(exports, "RecommendSharp", {
   enumerable: true,
   get: function () {
     return _RecommendSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecommendTwoTone', {
+Object.defineProperty(exports, "RecommendTwoTone", {
   enumerable: true,
   get: function () {
     return _RecommendTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecordVoiceOver', {
+Object.defineProperty(exports, "RecordVoiceOver", {
   enumerable: true,
   get: function () {
     return _RecordVoiceOver.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecordVoiceOverOutlined', {
+Object.defineProperty(exports, "RecordVoiceOverOutlined", {
   enumerable: true,
   get: function () {
     return _RecordVoiceOverOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecordVoiceOverRounded', {
+Object.defineProperty(exports, "RecordVoiceOverRounded", {
   enumerable: true,
   get: function () {
     return _RecordVoiceOverRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecordVoiceOverSharp', {
+Object.defineProperty(exports, "RecordVoiceOverSharp", {
   enumerable: true,
   get: function () {
     return _RecordVoiceOverSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecordVoiceOverTwoTone', {
+Object.defineProperty(exports, "RecordVoiceOverTwoTone", {
   enumerable: true,
   get: function () {
     return _RecordVoiceOverTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rectangle', {
+Object.defineProperty(exports, "Rectangle", {
   enumerable: true,
   get: function () {
     return _Rectangle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RectangleOutlined', {
+Object.defineProperty(exports, "RectangleOutlined", {
   enumerable: true,
   get: function () {
     return _RectangleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RectangleRounded', {
+Object.defineProperty(exports, "RectangleRounded", {
   enumerable: true,
   get: function () {
     return _RectangleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RectangleSharp', {
+Object.defineProperty(exports, "RectangleSharp", {
   enumerable: true,
   get: function () {
     return _RectangleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RectangleTwoTone', {
+Object.defineProperty(exports, "RectangleTwoTone", {
   enumerable: true,
   get: function () {
     return _RectangleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Recycling', {
+Object.defineProperty(exports, "Recycling", {
   enumerable: true,
   get: function () {
     return _Recycling.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecyclingOutlined', {
+Object.defineProperty(exports, "RecyclingOutlined", {
   enumerable: true,
   get: function () {
     return _RecyclingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecyclingRounded', {
+Object.defineProperty(exports, "RecyclingRounded", {
   enumerable: true,
   get: function () {
     return _RecyclingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecyclingSharp', {
+Object.defineProperty(exports, "RecyclingSharp", {
   enumerable: true,
   get: function () {
     return _RecyclingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RecyclingTwoTone', {
+Object.defineProperty(exports, "RecyclingTwoTone", {
   enumerable: true,
   get: function () {
     return _RecyclingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Reddit', {
+Object.defineProperty(exports, "Reddit", {
   enumerable: true,
   get: function () {
     return _Reddit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Redeem', {
+Object.defineProperty(exports, "Redeem", {
   enumerable: true,
   get: function () {
     return _Redeem.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RedeemOutlined', {
+Object.defineProperty(exports, "RedeemOutlined", {
   enumerable: true,
   get: function () {
     return _RedeemOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RedeemRounded', {
+Object.defineProperty(exports, "RedeemRounded", {
   enumerable: true,
   get: function () {
     return _RedeemRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RedeemSharp', {
+Object.defineProperty(exports, "RedeemSharp", {
   enumerable: true,
   get: function () {
     return _RedeemSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RedeemTwoTone', {
+Object.defineProperty(exports, "RedeemTwoTone", {
   enumerable: true,
   get: function () {
     return _RedeemTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Redo', {
+Object.defineProperty(exports, "Redo", {
   enumerable: true,
   get: function () {
     return _Redo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RedoOutlined', {
+Object.defineProperty(exports, "RedoOutlined", {
   enumerable: true,
   get: function () {
     return _RedoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RedoRounded', {
+Object.defineProperty(exports, "RedoRounded", {
   enumerable: true,
   get: function () {
     return _RedoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RedoSharp', {
+Object.defineProperty(exports, "RedoSharp", {
   enumerable: true,
   get: function () {
     return _RedoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RedoTwoTone', {
+Object.defineProperty(exports, "RedoTwoTone", {
   enumerable: true,
   get: function () {
     return _RedoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReduceCapacity', {
+Object.defineProperty(exports, "ReduceCapacity", {
   enumerable: true,
   get: function () {
     return _ReduceCapacity.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReduceCapacityOutlined', {
+Object.defineProperty(exports, "ReduceCapacityOutlined", {
   enumerable: true,
   get: function () {
     return _ReduceCapacityOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReduceCapacityRounded', {
+Object.defineProperty(exports, "ReduceCapacityRounded", {
   enumerable: true,
   get: function () {
     return _ReduceCapacityRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReduceCapacitySharp', {
+Object.defineProperty(exports, "ReduceCapacitySharp", {
   enumerable: true,
   get: function () {
     return _ReduceCapacitySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReduceCapacityTwoTone', {
+Object.defineProperty(exports, "ReduceCapacityTwoTone", {
   enumerable: true,
   get: function () {
     return _ReduceCapacityTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Refresh', {
+Object.defineProperty(exports, "Refresh", {
   enumerable: true,
   get: function () {
     return _Refresh.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RefreshOutlined', {
+Object.defineProperty(exports, "RefreshOutlined", {
   enumerable: true,
   get: function () {
     return _RefreshOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RefreshRounded', {
+Object.defineProperty(exports, "RefreshRounded", {
   enumerable: true,
   get: function () {
     return _RefreshRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RefreshSharp', {
+Object.defineProperty(exports, "RefreshSharp", {
   enumerable: true,
   get: function () {
     return _RefreshSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RefreshTwoTone', {
+Object.defineProperty(exports, "RefreshTwoTone", {
   enumerable: true,
   get: function () {
     return _RefreshTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RememberMe', {
+Object.defineProperty(exports, "RememberMe", {
   enumerable: true,
   get: function () {
     return _RememberMe.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RememberMeOutlined', {
+Object.defineProperty(exports, "RememberMeOutlined", {
   enumerable: true,
   get: function () {
     return _RememberMeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RememberMeRounded', {
+Object.defineProperty(exports, "RememberMeRounded", {
   enumerable: true,
   get: function () {
     return _RememberMeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RememberMeSharp', {
+Object.defineProperty(exports, "RememberMeSharp", {
   enumerable: true,
   get: function () {
     return _RememberMeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RememberMeTwoTone', {
+Object.defineProperty(exports, "RememberMeTwoTone", {
   enumerable: true,
   get: function () {
     return _RememberMeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Remove', {
+Object.defineProperty(exports, "Remove", {
   enumerable: true,
   get: function () {
     return _Remove.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveCircle', {
+Object.defineProperty(exports, "RemoveCircle", {
   enumerable: true,
   get: function () {
     return _RemoveCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveCircleOutline', {
+Object.defineProperty(exports, "RemoveCircleOutline", {
   enumerable: true,
   get: function () {
     return _RemoveCircleOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveCircleOutlineOutlined', {
+Object.defineProperty(exports, "RemoveCircleOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _RemoveCircleOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveCircleOutlineRounded', {
+Object.defineProperty(exports, "RemoveCircleOutlineRounded", {
   enumerable: true,
   get: function () {
     return _RemoveCircleOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveCircleOutlineSharp', {
+Object.defineProperty(exports, "RemoveCircleOutlineSharp", {
   enumerable: true,
   get: function () {
     return _RemoveCircleOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveCircleOutlineTwoTone', {
+Object.defineProperty(exports, "RemoveCircleOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _RemoveCircleOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveCircleOutlined', {
+Object.defineProperty(exports, "RemoveCircleOutlined", {
   enumerable: true,
   get: function () {
     return _RemoveCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveCircleRounded', {
+Object.defineProperty(exports, "RemoveCircleRounded", {
   enumerable: true,
   get: function () {
     return _RemoveCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveCircleSharp', {
+Object.defineProperty(exports, "RemoveCircleSharp", {
   enumerable: true,
   get: function () {
     return _RemoveCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveCircleTwoTone', {
+Object.defineProperty(exports, "RemoveCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _RemoveCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveDone', {
+Object.defineProperty(exports, "RemoveDone", {
   enumerable: true,
   get: function () {
     return _RemoveDone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveDoneOutlined', {
+Object.defineProperty(exports, "RemoveDoneOutlined", {
   enumerable: true,
   get: function () {
     return _RemoveDoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveDoneRounded', {
+Object.defineProperty(exports, "RemoveDoneRounded", {
   enumerable: true,
   get: function () {
     return _RemoveDoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveDoneSharp', {
+Object.defineProperty(exports, "RemoveDoneSharp", {
   enumerable: true,
   get: function () {
     return _RemoveDoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveDoneTwoTone', {
+Object.defineProperty(exports, "RemoveDoneTwoTone", {
   enumerable: true,
   get: function () {
     return _RemoveDoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveFromQueue', {
+Object.defineProperty(exports, "RemoveFromQueue", {
   enumerable: true,
   get: function () {
     return _RemoveFromQueue.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveFromQueueOutlined', {
+Object.defineProperty(exports, "RemoveFromQueueOutlined", {
   enumerable: true,
   get: function () {
     return _RemoveFromQueueOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveFromQueueRounded', {
+Object.defineProperty(exports, "RemoveFromQueueRounded", {
   enumerable: true,
   get: function () {
     return _RemoveFromQueueRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveFromQueueSharp', {
+Object.defineProperty(exports, "RemoveFromQueueSharp", {
   enumerable: true,
   get: function () {
     return _RemoveFromQueueSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveFromQueueTwoTone', {
+Object.defineProperty(exports, "RemoveFromQueueTwoTone", {
   enumerable: true,
   get: function () {
     return _RemoveFromQueueTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveModerator', {
+Object.defineProperty(exports, "RemoveModerator", {
   enumerable: true,
   get: function () {
     return _RemoveModerator.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveModeratorOutlined', {
+Object.defineProperty(exports, "RemoveModeratorOutlined", {
   enumerable: true,
   get: function () {
     return _RemoveModeratorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveModeratorRounded', {
+Object.defineProperty(exports, "RemoveModeratorRounded", {
   enumerable: true,
   get: function () {
     return _RemoveModeratorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveModeratorSharp', {
+Object.defineProperty(exports, "RemoveModeratorSharp", {
   enumerable: true,
   get: function () {
     return _RemoveModeratorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveModeratorTwoTone', {
+Object.defineProperty(exports, "RemoveModeratorTwoTone", {
   enumerable: true,
   get: function () {
     return _RemoveModeratorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveOutlined', {
+Object.defineProperty(exports, "RemoveOutlined", {
   enumerable: true,
   get: function () {
     return _RemoveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveRedEye', {
+Object.defineProperty(exports, "RemoveRedEye", {
   enumerable: true,
   get: function () {
     return _RemoveRedEye.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveRedEyeOutlined', {
+Object.defineProperty(exports, "RemoveRedEyeOutlined", {
   enumerable: true,
   get: function () {
     return _RemoveRedEyeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveRedEyeRounded', {
+Object.defineProperty(exports, "RemoveRedEyeRounded", {
   enumerable: true,
   get: function () {
     return _RemoveRedEyeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveRedEyeSharp', {
+Object.defineProperty(exports, "RemoveRedEyeSharp", {
   enumerable: true,
   get: function () {
     return _RemoveRedEyeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveRedEyeTwoTone', {
+Object.defineProperty(exports, "RemoveRedEyeTwoTone", {
   enumerable: true,
   get: function () {
     return _RemoveRedEyeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveRoad', {
+Object.defineProperty(exports, "RemoveRoad", {
   enumerable: true,
   get: function () {
     return _RemoveRoad.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveRoadOutlined', {
+Object.defineProperty(exports, "RemoveRoadOutlined", {
   enumerable: true,
   get: function () {
     return _RemoveRoadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveRoadRounded', {
+Object.defineProperty(exports, "RemoveRoadRounded", {
   enumerable: true,
   get: function () {
     return _RemoveRoadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveRoadSharp', {
+Object.defineProperty(exports, "RemoveRoadSharp", {
   enumerable: true,
   get: function () {
     return _RemoveRoadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveRoadTwoTone', {
+Object.defineProperty(exports, "RemoveRoadTwoTone", {
   enumerable: true,
   get: function () {
     return _RemoveRoadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveRounded', {
+Object.defineProperty(exports, "RemoveRounded", {
   enumerable: true,
   get: function () {
     return _RemoveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveSharp', {
+Object.defineProperty(exports, "RemoveSharp", {
   enumerable: true,
   get: function () {
     return _RemoveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveShoppingCart', {
+Object.defineProperty(exports, "RemoveShoppingCart", {
   enumerable: true,
   get: function () {
     return _RemoveShoppingCart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveShoppingCartOutlined', {
+Object.defineProperty(exports, "RemoveShoppingCartOutlined", {
   enumerable: true,
   get: function () {
     return _RemoveShoppingCartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveShoppingCartRounded', {
+Object.defineProperty(exports, "RemoveShoppingCartRounded", {
   enumerable: true,
   get: function () {
     return _RemoveShoppingCartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveShoppingCartSharp', {
+Object.defineProperty(exports, "RemoveShoppingCartSharp", {
   enumerable: true,
   get: function () {
     return _RemoveShoppingCartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveShoppingCartTwoTone', {
+Object.defineProperty(exports, "RemoveShoppingCartTwoTone", {
   enumerable: true,
   get: function () {
     return _RemoveShoppingCartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RemoveTwoTone', {
+Object.defineProperty(exports, "RemoveTwoTone", {
   enumerable: true,
   get: function () {
     return _RemoveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Reorder', {
+Object.defineProperty(exports, "Reorder", {
   enumerable: true,
   get: function () {
     return _Reorder.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReorderOutlined', {
+Object.defineProperty(exports, "ReorderOutlined", {
   enumerable: true,
   get: function () {
     return _ReorderOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReorderRounded', {
+Object.defineProperty(exports, "ReorderRounded", {
   enumerable: true,
   get: function () {
     return _ReorderRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReorderSharp', {
+Object.defineProperty(exports, "ReorderSharp", {
   enumerable: true,
   get: function () {
     return _ReorderSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReorderTwoTone', {
+Object.defineProperty(exports, "ReorderTwoTone", {
   enumerable: true,
   get: function () {
     return _ReorderTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Repartition', {
+Object.defineProperty(exports, "Repartition", {
   enumerable: true,
   get: function () {
     return _Repartition.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepartitionOutlined', {
+Object.defineProperty(exports, "RepartitionOutlined", {
   enumerable: true,
   get: function () {
     return _RepartitionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepartitionRounded', {
+Object.defineProperty(exports, "RepartitionRounded", {
   enumerable: true,
   get: function () {
     return _RepartitionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepartitionSharp', {
+Object.defineProperty(exports, "RepartitionSharp", {
   enumerable: true,
   get: function () {
     return _RepartitionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepartitionTwoTone', {
+Object.defineProperty(exports, "RepartitionTwoTone", {
   enumerable: true,
   get: function () {
     return _RepartitionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Repeat', {
+Object.defineProperty(exports, "Repeat", {
   enumerable: true,
   get: function () {
     return _Repeat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOn', {
+Object.defineProperty(exports, "RepeatOn", {
   enumerable: true,
   get: function () {
     return _RepeatOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOnOutlined', {
+Object.defineProperty(exports, "RepeatOnOutlined", {
   enumerable: true,
   get: function () {
     return _RepeatOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOnRounded', {
+Object.defineProperty(exports, "RepeatOnRounded", {
   enumerable: true,
   get: function () {
     return _RepeatOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOnSharp', {
+Object.defineProperty(exports, "RepeatOnSharp", {
   enumerable: true,
   get: function () {
     return _RepeatOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOnTwoTone', {
+Object.defineProperty(exports, "RepeatOnTwoTone", {
   enumerable: true,
   get: function () {
     return _RepeatOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOne', {
+Object.defineProperty(exports, "RepeatOne", {
   enumerable: true,
   get: function () {
     return _RepeatOne.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOneOn', {
+Object.defineProperty(exports, "RepeatOneOn", {
   enumerable: true,
   get: function () {
     return _RepeatOneOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOneOnOutlined', {
+Object.defineProperty(exports, "RepeatOneOnOutlined", {
   enumerable: true,
   get: function () {
     return _RepeatOneOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOneOnRounded', {
+Object.defineProperty(exports, "RepeatOneOnRounded", {
   enumerable: true,
   get: function () {
     return _RepeatOneOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOneOnSharp', {
+Object.defineProperty(exports, "RepeatOneOnSharp", {
   enumerable: true,
   get: function () {
     return _RepeatOneOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOneOnTwoTone', {
+Object.defineProperty(exports, "RepeatOneOnTwoTone", {
   enumerable: true,
   get: function () {
     return _RepeatOneOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOneOutlined', {
+Object.defineProperty(exports, "RepeatOneOutlined", {
   enumerable: true,
   get: function () {
     return _RepeatOneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOneRounded', {
+Object.defineProperty(exports, "RepeatOneRounded", {
   enumerable: true,
   get: function () {
     return _RepeatOneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOneSharp', {
+Object.defineProperty(exports, "RepeatOneSharp", {
   enumerable: true,
   get: function () {
     return _RepeatOneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOneTwoTone', {
+Object.defineProperty(exports, "RepeatOneTwoTone", {
   enumerable: true,
   get: function () {
     return _RepeatOneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatOutlined', {
+Object.defineProperty(exports, "RepeatOutlined", {
   enumerable: true,
   get: function () {
     return _RepeatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatRounded', {
+Object.defineProperty(exports, "RepeatRounded", {
   enumerable: true,
   get: function () {
     return _RepeatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatSharp', {
+Object.defineProperty(exports, "RepeatSharp", {
   enumerable: true,
   get: function () {
     return _RepeatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RepeatTwoTone', {
+Object.defineProperty(exports, "RepeatTwoTone", {
   enumerable: true,
   get: function () {
     return _RepeatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay', {
+Object.defineProperty(exports, "Replay", {
   enumerable: true,
   get: function () {
     return _Replay.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay10', {
+Object.defineProperty(exports, "Replay10", {
   enumerable: true,
   get: function () {
     return _Replay2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay10Outlined', {
+Object.defineProperty(exports, "Replay10Outlined", {
   enumerable: true,
   get: function () {
     return _Replay10Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay10Rounded', {
+Object.defineProperty(exports, "Replay10Rounded", {
   enumerable: true,
   get: function () {
     return _Replay10Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay10Sharp', {
+Object.defineProperty(exports, "Replay10Sharp", {
   enumerable: true,
   get: function () {
     return _Replay10Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay10TwoTone', {
+Object.defineProperty(exports, "Replay10TwoTone", {
   enumerable: true,
   get: function () {
     return _Replay10TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay30', {
+Object.defineProperty(exports, "Replay30", {
   enumerable: true,
   get: function () {
     return _Replay3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay30Outlined', {
+Object.defineProperty(exports, "Replay30Outlined", {
   enumerable: true,
   get: function () {
     return _Replay30Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay30Rounded', {
+Object.defineProperty(exports, "Replay30Rounded", {
   enumerable: true,
   get: function () {
     return _Replay30Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay30Sharp', {
+Object.defineProperty(exports, "Replay30Sharp", {
   enumerable: true,
   get: function () {
     return _Replay30Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay30TwoTone', {
+Object.defineProperty(exports, "Replay30TwoTone", {
   enumerable: true,
   get: function () {
     return _Replay30TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay5', {
+Object.defineProperty(exports, "Replay5", {
   enumerable: true,
   get: function () {
     return _Replay4.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay5Outlined', {
+Object.defineProperty(exports, "Replay5Outlined", {
   enumerable: true,
   get: function () {
     return _Replay5Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay5Rounded', {
+Object.defineProperty(exports, "Replay5Rounded", {
   enumerable: true,
   get: function () {
     return _Replay5Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay5Sharp', {
+Object.defineProperty(exports, "Replay5Sharp", {
   enumerable: true,
   get: function () {
     return _Replay5Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Replay5TwoTone', {
+Object.defineProperty(exports, "Replay5TwoTone", {
   enumerable: true,
   get: function () {
     return _Replay5TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplayCircleFilled', {
+Object.defineProperty(exports, "ReplayCircleFilled", {
   enumerable: true,
   get: function () {
     return _ReplayCircleFilled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplayCircleFilledOutlined', {
+Object.defineProperty(exports, "ReplayCircleFilledOutlined", {
   enumerable: true,
   get: function () {
     return _ReplayCircleFilledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplayCircleFilledRounded', {
+Object.defineProperty(exports, "ReplayCircleFilledRounded", {
   enumerable: true,
   get: function () {
     return _ReplayCircleFilledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplayCircleFilledSharp', {
+Object.defineProperty(exports, "ReplayCircleFilledSharp", {
   enumerable: true,
   get: function () {
     return _ReplayCircleFilledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplayCircleFilledTwoTone', {
+Object.defineProperty(exports, "ReplayCircleFilledTwoTone", {
   enumerable: true,
   get: function () {
     return _ReplayCircleFilledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplayOutlined', {
+Object.defineProperty(exports, "ReplayOutlined", {
   enumerable: true,
   get: function () {
     return _ReplayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplayRounded', {
+Object.defineProperty(exports, "ReplayRounded", {
   enumerable: true,
   get: function () {
     return _ReplayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplaySharp', {
+Object.defineProperty(exports, "ReplaySharp", {
   enumerable: true,
   get: function () {
     return _ReplaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplayTwoTone', {
+Object.defineProperty(exports, "ReplayTwoTone", {
   enumerable: true,
   get: function () {
     return _ReplayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Reply', {
+Object.defineProperty(exports, "Reply", {
   enumerable: true,
   get: function () {
     return _Reply.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplyAll', {
+Object.defineProperty(exports, "ReplyAll", {
   enumerable: true,
   get: function () {
     return _ReplyAll.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplyAllOutlined', {
+Object.defineProperty(exports, "ReplyAllOutlined", {
   enumerable: true,
   get: function () {
     return _ReplyAllOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplyAllRounded', {
+Object.defineProperty(exports, "ReplyAllRounded", {
   enumerable: true,
   get: function () {
     return _ReplyAllRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplyAllSharp', {
+Object.defineProperty(exports, "ReplyAllSharp", {
   enumerable: true,
   get: function () {
     return _ReplyAllSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplyAllTwoTone', {
+Object.defineProperty(exports, "ReplyAllTwoTone", {
   enumerable: true,
   get: function () {
     return _ReplyAllTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplyOutlined', {
+Object.defineProperty(exports, "ReplyOutlined", {
   enumerable: true,
   get: function () {
     return _ReplyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplyRounded', {
+Object.defineProperty(exports, "ReplyRounded", {
   enumerable: true,
   get: function () {
     return _ReplyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplySharp', {
+Object.defineProperty(exports, "ReplySharp", {
   enumerable: true,
   get: function () {
     return _ReplySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReplyTwoTone', {
+Object.defineProperty(exports, "ReplyTwoTone", {
   enumerable: true,
   get: function () {
     return _ReplyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Report', {
+Object.defineProperty(exports, "Report", {
   enumerable: true,
   get: function () {
     return _Report.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportGmailerrorred', {
+Object.defineProperty(exports, "ReportGmailerrorred", {
   enumerable: true,
   get: function () {
     return _ReportGmailerrorred.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportGmailerrorredOutlined', {
+Object.defineProperty(exports, "ReportGmailerrorredOutlined", {
   enumerable: true,
   get: function () {
     return _ReportGmailerrorredOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportGmailerrorredRounded', {
+Object.defineProperty(exports, "ReportGmailerrorredRounded", {
   enumerable: true,
   get: function () {
     return _ReportGmailerrorredRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportGmailerrorredSharp', {
+Object.defineProperty(exports, "ReportGmailerrorredSharp", {
   enumerable: true,
   get: function () {
     return _ReportGmailerrorredSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportGmailerrorredTwoTone', {
+Object.defineProperty(exports, "ReportGmailerrorredTwoTone", {
   enumerable: true,
   get: function () {
     return _ReportGmailerrorredTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportOff', {
+Object.defineProperty(exports, "ReportOff", {
   enumerable: true,
   get: function () {
     return _ReportOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportOffOutlined', {
+Object.defineProperty(exports, "ReportOffOutlined", {
   enumerable: true,
   get: function () {
     return _ReportOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportOffRounded', {
+Object.defineProperty(exports, "ReportOffRounded", {
   enumerable: true,
   get: function () {
     return _ReportOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportOffSharp', {
+Object.defineProperty(exports, "ReportOffSharp", {
   enumerable: true,
   get: function () {
     return _ReportOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportOffTwoTone', {
+Object.defineProperty(exports, "ReportOffTwoTone", {
   enumerable: true,
   get: function () {
     return _ReportOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportOutlined', {
+Object.defineProperty(exports, "ReportOutlined", {
   enumerable: true,
   get: function () {
     return _ReportOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportProblem', {
+Object.defineProperty(exports, "ReportProblem", {
   enumerable: true,
   get: function () {
     return _ReportProblem.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportProblemOutlined', {
+Object.defineProperty(exports, "ReportProblemOutlined", {
   enumerable: true,
   get: function () {
     return _ReportProblemOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportProblemRounded', {
+Object.defineProperty(exports, "ReportProblemRounded", {
   enumerable: true,
   get: function () {
     return _ReportProblemRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportProblemSharp', {
+Object.defineProperty(exports, "ReportProblemSharp", {
   enumerable: true,
   get: function () {
     return _ReportProblemSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportProblemTwoTone', {
+Object.defineProperty(exports, "ReportProblemTwoTone", {
   enumerable: true,
   get: function () {
     return _ReportProblemTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportRounded', {
+Object.defineProperty(exports, "ReportRounded", {
   enumerable: true,
   get: function () {
     return _ReportRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportSharp', {
+Object.defineProperty(exports, "ReportSharp", {
   enumerable: true,
   get: function () {
     return _ReportSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReportTwoTone', {
+Object.defineProperty(exports, "ReportTwoTone", {
   enumerable: true,
   get: function () {
     return _ReportTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RequestPage', {
+Object.defineProperty(exports, "RequestPage", {
   enumerable: true,
   get: function () {
     return _RequestPage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RequestPageOutlined', {
+Object.defineProperty(exports, "RequestPageOutlined", {
   enumerable: true,
   get: function () {
     return _RequestPageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RequestPageRounded', {
+Object.defineProperty(exports, "RequestPageRounded", {
   enumerable: true,
   get: function () {
     return _RequestPageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RequestPageSharp', {
+Object.defineProperty(exports, "RequestPageSharp", {
   enumerable: true,
   get: function () {
     return _RequestPageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RequestPageTwoTone', {
+Object.defineProperty(exports, "RequestPageTwoTone", {
   enumerable: true,
   get: function () {
     return _RequestPageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RequestQuote', {
+Object.defineProperty(exports, "RequestQuote", {
   enumerable: true,
   get: function () {
     return _RequestQuote.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RequestQuoteOutlined', {
+Object.defineProperty(exports, "RequestQuoteOutlined", {
   enumerable: true,
   get: function () {
     return _RequestQuoteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RequestQuoteRounded', {
+Object.defineProperty(exports, "RequestQuoteRounded", {
   enumerable: true,
   get: function () {
     return _RequestQuoteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RequestQuoteSharp', {
+Object.defineProperty(exports, "RequestQuoteSharp", {
   enumerable: true,
   get: function () {
     return _RequestQuoteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RequestQuoteTwoTone', {
+Object.defineProperty(exports, "RequestQuoteTwoTone", {
   enumerable: true,
   get: function () {
     return _RequestQuoteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ResetTv', {
+Object.defineProperty(exports, "ResetTv", {
   enumerable: true,
   get: function () {
     return _ResetTv.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ResetTvOutlined', {
+Object.defineProperty(exports, "ResetTvOutlined", {
   enumerable: true,
   get: function () {
     return _ResetTvOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ResetTvRounded', {
+Object.defineProperty(exports, "ResetTvRounded", {
   enumerable: true,
   get: function () {
     return _ResetTvRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ResetTvSharp', {
+Object.defineProperty(exports, "ResetTvSharp", {
   enumerable: true,
   get: function () {
     return _ResetTvSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ResetTvTwoTone', {
+Object.defineProperty(exports, "ResetTvTwoTone", {
   enumerable: true,
   get: function () {
     return _ResetTvTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestartAlt', {
+Object.defineProperty(exports, "RestartAlt", {
   enumerable: true,
   get: function () {
     return _RestartAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestartAltOutlined', {
+Object.defineProperty(exports, "RestartAltOutlined", {
   enumerable: true,
   get: function () {
     return _RestartAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestartAltRounded', {
+Object.defineProperty(exports, "RestartAltRounded", {
   enumerable: true,
   get: function () {
     return _RestartAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestartAltSharp', {
+Object.defineProperty(exports, "RestartAltSharp", {
   enumerable: true,
   get: function () {
     return _RestartAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestartAltTwoTone', {
+Object.defineProperty(exports, "RestartAltTwoTone", {
   enumerable: true,
   get: function () {
     return _RestartAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Restaurant', {
+Object.defineProperty(exports, "Restaurant", {
   enumerable: true,
   get: function () {
     return _Restaurant.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestaurantMenu', {
+Object.defineProperty(exports, "RestaurantMenu", {
   enumerable: true,
   get: function () {
     return _RestaurantMenu.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestaurantMenuOutlined', {
+Object.defineProperty(exports, "RestaurantMenuOutlined", {
   enumerable: true,
   get: function () {
     return _RestaurantMenuOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestaurantMenuRounded', {
+Object.defineProperty(exports, "RestaurantMenuRounded", {
   enumerable: true,
   get: function () {
     return _RestaurantMenuRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestaurantMenuSharp', {
+Object.defineProperty(exports, "RestaurantMenuSharp", {
   enumerable: true,
   get: function () {
     return _RestaurantMenuSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestaurantMenuTwoTone', {
+Object.defineProperty(exports, "RestaurantMenuTwoTone", {
   enumerable: true,
   get: function () {
     return _RestaurantMenuTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestaurantOutlined', {
+Object.defineProperty(exports, "RestaurantOutlined", {
   enumerable: true,
   get: function () {
     return _RestaurantOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestaurantRounded', {
+Object.defineProperty(exports, "RestaurantRounded", {
   enumerable: true,
   get: function () {
     return _RestaurantRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestaurantSharp', {
+Object.defineProperty(exports, "RestaurantSharp", {
   enumerable: true,
   get: function () {
     return _RestaurantSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestaurantTwoTone', {
+Object.defineProperty(exports, "RestaurantTwoTone", {
   enumerable: true,
   get: function () {
     return _RestaurantTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Restore', {
+Object.defineProperty(exports, "Restore", {
   enumerable: true,
   get: function () {
     return _Restore.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestoreFromTrash', {
+Object.defineProperty(exports, "RestoreFromTrash", {
   enumerable: true,
   get: function () {
     return _RestoreFromTrash.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestoreFromTrashOutlined', {
+Object.defineProperty(exports, "RestoreFromTrashOutlined", {
   enumerable: true,
   get: function () {
     return _RestoreFromTrashOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestoreFromTrashRounded', {
+Object.defineProperty(exports, "RestoreFromTrashRounded", {
   enumerable: true,
   get: function () {
     return _RestoreFromTrashRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestoreFromTrashSharp', {
+Object.defineProperty(exports, "RestoreFromTrashSharp", {
   enumerable: true,
   get: function () {
     return _RestoreFromTrashSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestoreFromTrashTwoTone', {
+Object.defineProperty(exports, "RestoreFromTrashTwoTone", {
   enumerable: true,
   get: function () {
     return _RestoreFromTrashTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestoreOutlined', {
+Object.defineProperty(exports, "RestoreOutlined", {
   enumerable: true,
   get: function () {
     return _RestoreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestorePage', {
+Object.defineProperty(exports, "RestorePage", {
   enumerable: true,
   get: function () {
     return _RestorePage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestorePageOutlined', {
+Object.defineProperty(exports, "RestorePageOutlined", {
   enumerable: true,
   get: function () {
     return _RestorePageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestorePageRounded', {
+Object.defineProperty(exports, "RestorePageRounded", {
   enumerable: true,
   get: function () {
     return _RestorePageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestorePageSharp', {
+Object.defineProperty(exports, "RestorePageSharp", {
   enumerable: true,
   get: function () {
     return _RestorePageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestorePageTwoTone', {
+Object.defineProperty(exports, "RestorePageTwoTone", {
   enumerable: true,
   get: function () {
     return _RestorePageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestoreRounded', {
+Object.defineProperty(exports, "RestoreRounded", {
   enumerable: true,
   get: function () {
     return _RestoreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestoreSharp', {
+Object.defineProperty(exports, "RestoreSharp", {
   enumerable: true,
   get: function () {
     return _RestoreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RestoreTwoTone', {
+Object.defineProperty(exports, "RestoreTwoTone", {
   enumerable: true,
   get: function () {
     return _RestoreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Reviews', {
+Object.defineProperty(exports, "Reviews", {
   enumerable: true,
   get: function () {
     return _Reviews.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReviewsOutlined', {
+Object.defineProperty(exports, "ReviewsOutlined", {
   enumerable: true,
   get: function () {
     return _ReviewsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReviewsRounded', {
+Object.defineProperty(exports, "ReviewsRounded", {
   enumerable: true,
   get: function () {
     return _ReviewsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReviewsSharp', {
+Object.defineProperty(exports, "ReviewsSharp", {
   enumerable: true,
   get: function () {
     return _ReviewsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ReviewsTwoTone', {
+Object.defineProperty(exports, "ReviewsTwoTone", {
   enumerable: true,
   get: function () {
     return _ReviewsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RiceBowl', {
+Object.defineProperty(exports, "RiceBowl", {
   enumerable: true,
   get: function () {
     return _RiceBowl.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RiceBowlOutlined', {
+Object.defineProperty(exports, "RiceBowlOutlined", {
   enumerable: true,
   get: function () {
     return _RiceBowlOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RiceBowlRounded', {
+Object.defineProperty(exports, "RiceBowlRounded", {
   enumerable: true,
   get: function () {
     return _RiceBowlRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RiceBowlSharp', {
+Object.defineProperty(exports, "RiceBowlSharp", {
   enumerable: true,
   get: function () {
     return _RiceBowlSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RiceBowlTwoTone', {
+Object.defineProperty(exports, "RiceBowlTwoTone", {
   enumerable: true,
   get: function () {
     return _RiceBowlTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RingVolume', {
+Object.defineProperty(exports, "RingVolume", {
   enumerable: true,
   get: function () {
     return _RingVolume.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RingVolumeOutlined', {
+Object.defineProperty(exports, "RingVolumeOutlined", {
   enumerable: true,
   get: function () {
     return _RingVolumeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RingVolumeRounded', {
+Object.defineProperty(exports, "RingVolumeRounded", {
   enumerable: true,
   get: function () {
     return _RingVolumeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RingVolumeSharp', {
+Object.defineProperty(exports, "RingVolumeSharp", {
   enumerable: true,
   get: function () {
     return _RingVolumeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RingVolumeTwoTone', {
+Object.defineProperty(exports, "RingVolumeTwoTone", {
   enumerable: true,
   get: function () {
     return _RingVolumeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rocket', {
+Object.defineProperty(exports, "Rocket", {
   enumerable: true,
   get: function () {
     return _Rocket.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RocketLaunch', {
+Object.defineProperty(exports, "RocketLaunch", {
   enumerable: true,
   get: function () {
     return _RocketLaunch.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RocketLaunchOutlined', {
+Object.defineProperty(exports, "RocketLaunchOutlined", {
   enumerable: true,
   get: function () {
     return _RocketLaunchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RocketLaunchRounded', {
+Object.defineProperty(exports, "RocketLaunchRounded", {
   enumerable: true,
   get: function () {
     return _RocketLaunchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RocketLaunchSharp', {
+Object.defineProperty(exports, "RocketLaunchSharp", {
   enumerable: true,
   get: function () {
     return _RocketLaunchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RocketLaunchTwoTone', {
+Object.defineProperty(exports, "RocketLaunchTwoTone", {
   enumerable: true,
   get: function () {
     return _RocketLaunchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RocketOutlined', {
+Object.defineProperty(exports, "RocketOutlined", {
   enumerable: true,
   get: function () {
     return _RocketOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RocketRounded', {
+Object.defineProperty(exports, "RocketRounded", {
   enumerable: true,
   get: function () {
     return _RocketRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RocketSharp', {
+Object.defineProperty(exports, "RocketSharp", {
   enumerable: true,
   get: function () {
     return _RocketSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RocketTwoTone', {
+Object.defineProperty(exports, "RocketTwoTone", {
   enumerable: true,
   get: function () {
     return _RocketTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerShades', {
+Object.defineProperty(exports, "RollerShades", {
   enumerable: true,
   get: function () {
     return _RollerShades.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerShadesClosed', {
+Object.defineProperty(exports, "RollerShadesClosed", {
   enumerable: true,
   get: function () {
     return _RollerShadesClosed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerShadesClosedOutlined', {
+Object.defineProperty(exports, "RollerShadesClosedOutlined", {
   enumerable: true,
   get: function () {
     return _RollerShadesClosedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerShadesClosedRounded', {
+Object.defineProperty(exports, "RollerShadesClosedRounded", {
   enumerable: true,
   get: function () {
     return _RollerShadesClosedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerShadesClosedSharp', {
+Object.defineProperty(exports, "RollerShadesClosedSharp", {
   enumerable: true,
   get: function () {
     return _RollerShadesClosedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerShadesClosedTwoTone', {
+Object.defineProperty(exports, "RollerShadesClosedTwoTone", {
   enumerable: true,
   get: function () {
     return _RollerShadesClosedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerShadesOutlined', {
+Object.defineProperty(exports, "RollerShadesOutlined", {
   enumerable: true,
   get: function () {
     return _RollerShadesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerShadesRounded', {
+Object.defineProperty(exports, "RollerShadesRounded", {
   enumerable: true,
   get: function () {
     return _RollerShadesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerShadesSharp', {
+Object.defineProperty(exports, "RollerShadesSharp", {
   enumerable: true,
   get: function () {
     return _RollerShadesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerShadesTwoTone', {
+Object.defineProperty(exports, "RollerShadesTwoTone", {
   enumerable: true,
   get: function () {
     return _RollerShadesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerSkating', {
+Object.defineProperty(exports, "RollerSkating", {
   enumerable: true,
   get: function () {
     return _RollerSkating.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerSkatingOutlined', {
+Object.defineProperty(exports, "RollerSkatingOutlined", {
   enumerable: true,
   get: function () {
     return _RollerSkatingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerSkatingRounded', {
+Object.defineProperty(exports, "RollerSkatingRounded", {
   enumerable: true,
   get: function () {
     return _RollerSkatingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerSkatingSharp', {
+Object.defineProperty(exports, "RollerSkatingSharp", {
   enumerable: true,
   get: function () {
     return _RollerSkatingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RollerSkatingTwoTone', {
+Object.defineProperty(exports, "RollerSkatingTwoTone", {
   enumerable: true,
   get: function () {
     return _RollerSkatingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Roofing', {
+Object.defineProperty(exports, "Roofing", {
   enumerable: true,
   get: function () {
     return _Roofing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoofingOutlined', {
+Object.defineProperty(exports, "RoofingOutlined", {
   enumerable: true,
   get: function () {
     return _RoofingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoofingRounded', {
+Object.defineProperty(exports, "RoofingRounded", {
   enumerable: true,
   get: function () {
     return _RoofingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoofingSharp', {
+Object.defineProperty(exports, "RoofingSharp", {
   enumerable: true,
   get: function () {
     return _RoofingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoofingTwoTone', {
+Object.defineProperty(exports, "RoofingTwoTone", {
   enumerable: true,
   get: function () {
     return _RoofingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Room', {
+Object.defineProperty(exports, "Room", {
   enumerable: true,
   get: function () {
     return _Room.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomOutlined', {
+Object.defineProperty(exports, "RoomOutlined", {
   enumerable: true,
   get: function () {
     return _RoomOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomPreferences', {
+Object.defineProperty(exports, "RoomPreferences", {
   enumerable: true,
   get: function () {
     return _RoomPreferences.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomPreferencesOutlined', {
+Object.defineProperty(exports, "RoomPreferencesOutlined", {
   enumerable: true,
   get: function () {
     return _RoomPreferencesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomPreferencesRounded', {
+Object.defineProperty(exports, "RoomPreferencesRounded", {
   enumerable: true,
   get: function () {
     return _RoomPreferencesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomPreferencesSharp', {
+Object.defineProperty(exports, "RoomPreferencesSharp", {
   enumerable: true,
   get: function () {
     return _RoomPreferencesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomPreferencesTwoTone', {
+Object.defineProperty(exports, "RoomPreferencesTwoTone", {
   enumerable: true,
   get: function () {
     return _RoomPreferencesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomRounded', {
+Object.defineProperty(exports, "RoomRounded", {
   enumerable: true,
   get: function () {
     return _RoomRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomService', {
+Object.defineProperty(exports, "RoomService", {
   enumerable: true,
   get: function () {
     return _RoomService.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomServiceOutlined', {
+Object.defineProperty(exports, "RoomServiceOutlined", {
   enumerable: true,
   get: function () {
     return _RoomServiceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomServiceRounded', {
+Object.defineProperty(exports, "RoomServiceRounded", {
   enumerable: true,
   get: function () {
     return _RoomServiceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomServiceSharp', {
+Object.defineProperty(exports, "RoomServiceSharp", {
   enumerable: true,
   get: function () {
     return _RoomServiceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomServiceTwoTone', {
+Object.defineProperty(exports, "RoomServiceTwoTone", {
   enumerable: true,
   get: function () {
     return _RoomServiceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomSharp', {
+Object.defineProperty(exports, "RoomSharp", {
   enumerable: true,
   get: function () {
     return _RoomSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoomTwoTone', {
+Object.defineProperty(exports, "RoomTwoTone", {
   enumerable: true,
   get: function () {
     return _RoomTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rotate90DegreesCcw', {
+Object.defineProperty(exports, "Rotate90DegreesCcw", {
   enumerable: true,
   get: function () {
     return _Rotate90DegreesCcw.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rotate90DegreesCcwOutlined', {
+Object.defineProperty(exports, "Rotate90DegreesCcwOutlined", {
   enumerable: true,
   get: function () {
     return _Rotate90DegreesCcwOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rotate90DegreesCcwRounded', {
+Object.defineProperty(exports, "Rotate90DegreesCcwRounded", {
   enumerable: true,
   get: function () {
     return _Rotate90DegreesCcwRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rotate90DegreesCcwSharp', {
+Object.defineProperty(exports, "Rotate90DegreesCcwSharp", {
   enumerable: true,
   get: function () {
     return _Rotate90DegreesCcwSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rotate90DegreesCcwTwoTone', {
+Object.defineProperty(exports, "Rotate90DegreesCcwTwoTone", {
   enumerable: true,
   get: function () {
     return _Rotate90DegreesCcwTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rotate90DegreesCw', {
+Object.defineProperty(exports, "Rotate90DegreesCw", {
   enumerable: true,
   get: function () {
     return _Rotate90DegreesCw.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rotate90DegreesCwOutlined', {
+Object.defineProperty(exports, "Rotate90DegreesCwOutlined", {
   enumerable: true,
   get: function () {
     return _Rotate90DegreesCwOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rotate90DegreesCwRounded', {
+Object.defineProperty(exports, "Rotate90DegreesCwRounded", {
   enumerable: true,
   get: function () {
     return _Rotate90DegreesCwRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rotate90DegreesCwSharp', {
+Object.defineProperty(exports, "Rotate90DegreesCwSharp", {
   enumerable: true,
   get: function () {
     return _Rotate90DegreesCwSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rotate90DegreesCwTwoTone', {
+Object.defineProperty(exports, "Rotate90DegreesCwTwoTone", {
   enumerable: true,
   get: function () {
     return _Rotate90DegreesCwTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RotateLeft', {
+Object.defineProperty(exports, "RotateLeft", {
   enumerable: true,
   get: function () {
     return _RotateLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RotateLeftOutlined', {
+Object.defineProperty(exports, "RotateLeftOutlined", {
   enumerable: true,
   get: function () {
     return _RotateLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RotateLeftRounded', {
+Object.defineProperty(exports, "RotateLeftRounded", {
   enumerable: true,
   get: function () {
     return _RotateLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RotateLeftSharp', {
+Object.defineProperty(exports, "RotateLeftSharp", {
   enumerable: true,
   get: function () {
     return _RotateLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RotateLeftTwoTone', {
+Object.defineProperty(exports, "RotateLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _RotateLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RotateRight', {
+Object.defineProperty(exports, "RotateRight", {
   enumerable: true,
   get: function () {
     return _RotateRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RotateRightOutlined', {
+Object.defineProperty(exports, "RotateRightOutlined", {
   enumerable: true,
   get: function () {
     return _RotateRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RotateRightRounded', {
+Object.defineProperty(exports, "RotateRightRounded", {
   enumerable: true,
   get: function () {
     return _RotateRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RotateRightSharp', {
+Object.defineProperty(exports, "RotateRightSharp", {
   enumerable: true,
   get: function () {
     return _RotateRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RotateRightTwoTone', {
+Object.defineProperty(exports, "RotateRightTwoTone", {
   enumerable: true,
   get: function () {
     return _RotateRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundaboutLeft', {
+Object.defineProperty(exports, "RoundaboutLeft", {
   enumerable: true,
   get: function () {
     return _RoundaboutLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundaboutLeftOutlined', {
+Object.defineProperty(exports, "RoundaboutLeftOutlined", {
   enumerable: true,
   get: function () {
     return _RoundaboutLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundaboutLeftRounded', {
+Object.defineProperty(exports, "RoundaboutLeftRounded", {
   enumerable: true,
   get: function () {
     return _RoundaboutLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundaboutLeftSharp', {
+Object.defineProperty(exports, "RoundaboutLeftSharp", {
   enumerable: true,
   get: function () {
     return _RoundaboutLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundaboutLeftTwoTone', {
+Object.defineProperty(exports, "RoundaboutLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _RoundaboutLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundaboutRight', {
+Object.defineProperty(exports, "RoundaboutRight", {
   enumerable: true,
   get: function () {
     return _RoundaboutRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundaboutRightOutlined', {
+Object.defineProperty(exports, "RoundaboutRightOutlined", {
   enumerable: true,
   get: function () {
     return _RoundaboutRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundaboutRightRounded', {
+Object.defineProperty(exports, "RoundaboutRightRounded", {
   enumerable: true,
   get: function () {
     return _RoundaboutRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundaboutRightSharp', {
+Object.defineProperty(exports, "RoundaboutRightSharp", {
   enumerable: true,
   get: function () {
     return _RoundaboutRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundaboutRightTwoTone', {
+Object.defineProperty(exports, "RoundaboutRightTwoTone", {
   enumerable: true,
   get: function () {
     return _RoundaboutRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundedCorner', {
+Object.defineProperty(exports, "RoundedCorner", {
   enumerable: true,
   get: function () {
     return _RoundedCorner.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundedCornerOutlined', {
+Object.defineProperty(exports, "RoundedCornerOutlined", {
   enumerable: true,
   get: function () {
     return _RoundedCornerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundedCornerRounded', {
+Object.defineProperty(exports, "RoundedCornerRounded", {
   enumerable: true,
   get: function () {
     return _RoundedCornerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundedCornerSharp', {
+Object.defineProperty(exports, "RoundedCornerSharp", {
   enumerable: true,
   get: function () {
     return _RoundedCornerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RoundedCornerTwoTone', {
+Object.defineProperty(exports, "RoundedCornerTwoTone", {
   enumerable: true,
   get: function () {
     return _RoundedCornerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Route', {
+Object.defineProperty(exports, "Route", {
   enumerable: true,
   get: function () {
     return _Route.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RouteOutlined', {
+Object.defineProperty(exports, "RouteOutlined", {
   enumerable: true,
   get: function () {
     return _RouteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RouteRounded', {
+Object.defineProperty(exports, "RouteRounded", {
   enumerable: true,
   get: function () {
     return _RouteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RouteSharp', {
+Object.defineProperty(exports, "RouteSharp", {
   enumerable: true,
   get: function () {
     return _RouteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RouteTwoTone', {
+Object.defineProperty(exports, "RouteTwoTone", {
   enumerable: true,
   get: function () {
     return _RouteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Router', {
+Object.defineProperty(exports, "Router", {
   enumerable: true,
   get: function () {
     return _Router.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RouterOutlined', {
+Object.defineProperty(exports, "RouterOutlined", {
   enumerable: true,
   get: function () {
     return _RouterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RouterRounded', {
+Object.defineProperty(exports, "RouterRounded", {
   enumerable: true,
   get: function () {
     return _RouterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RouterSharp', {
+Object.defineProperty(exports, "RouterSharp", {
   enumerable: true,
   get: function () {
     return _RouterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RouterTwoTone', {
+Object.defineProperty(exports, "RouterTwoTone", {
   enumerable: true,
   get: function () {
     return _RouterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rowing', {
+Object.defineProperty(exports, "Rowing", {
   enumerable: true,
   get: function () {
     return _Rowing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RowingOutlined', {
+Object.defineProperty(exports, "RowingOutlined", {
   enumerable: true,
   get: function () {
     return _RowingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RowingRounded', {
+Object.defineProperty(exports, "RowingRounded", {
   enumerable: true,
   get: function () {
     return _RowingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RowingSharp', {
+Object.defineProperty(exports, "RowingSharp", {
   enumerable: true,
   get: function () {
     return _RowingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RowingTwoTone', {
+Object.defineProperty(exports, "RowingTwoTone", {
   enumerable: true,
   get: function () {
     return _RowingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RssFeed', {
+Object.defineProperty(exports, "RssFeed", {
   enumerable: true,
   get: function () {
     return _RssFeed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RssFeedOutlined', {
+Object.defineProperty(exports, "RssFeedOutlined", {
   enumerable: true,
   get: function () {
     return _RssFeedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RssFeedRounded', {
+Object.defineProperty(exports, "RssFeedRounded", {
   enumerable: true,
   get: function () {
     return _RssFeedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RssFeedSharp', {
+Object.defineProperty(exports, "RssFeedSharp", {
   enumerable: true,
   get: function () {
     return _RssFeedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RssFeedTwoTone', {
+Object.defineProperty(exports, "RssFeedTwoTone", {
   enumerable: true,
   get: function () {
     return _RssFeedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rsvp', {
+Object.defineProperty(exports, "Rsvp", {
   enumerable: true,
   get: function () {
     return _Rsvp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RsvpOutlined', {
+Object.defineProperty(exports, "RsvpOutlined", {
   enumerable: true,
   get: function () {
     return _RsvpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RsvpRounded', {
+Object.defineProperty(exports, "RsvpRounded", {
   enumerable: true,
   get: function () {
     return _RsvpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RsvpSharp', {
+Object.defineProperty(exports, "RsvpSharp", {
   enumerable: true,
   get: function () {
     return _RsvpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RsvpTwoTone', {
+Object.defineProperty(exports, "RsvpTwoTone", {
   enumerable: true,
   get: function () {
     return _RsvpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rtt', {
+Object.defineProperty(exports, "Rtt", {
   enumerable: true,
   get: function () {
     return _Rtt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RttOutlined', {
+Object.defineProperty(exports, "RttOutlined", {
   enumerable: true,
   get: function () {
     return _RttOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RttRounded', {
+Object.defineProperty(exports, "RttRounded", {
   enumerable: true,
   get: function () {
     return _RttRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RttSharp', {
+Object.defineProperty(exports, "RttSharp", {
   enumerable: true,
   get: function () {
     return _RttSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RttTwoTone', {
+Object.defineProperty(exports, "RttTwoTone", {
   enumerable: true,
   get: function () {
     return _RttTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Rule', {
+Object.defineProperty(exports, "Rule", {
   enumerable: true,
   get: function () {
     return _Rule.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RuleFolder', {
+Object.defineProperty(exports, "RuleFolder", {
   enumerable: true,
   get: function () {
     return _RuleFolder.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RuleFolderOutlined', {
+Object.defineProperty(exports, "RuleFolderOutlined", {
   enumerable: true,
   get: function () {
     return _RuleFolderOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RuleFolderRounded', {
+Object.defineProperty(exports, "RuleFolderRounded", {
   enumerable: true,
   get: function () {
     return _RuleFolderRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RuleFolderSharp', {
+Object.defineProperty(exports, "RuleFolderSharp", {
   enumerable: true,
   get: function () {
     return _RuleFolderSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RuleFolderTwoTone', {
+Object.defineProperty(exports, "RuleFolderTwoTone", {
   enumerable: true,
   get: function () {
     return _RuleFolderTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RuleOutlined', {
+Object.defineProperty(exports, "RuleOutlined", {
   enumerable: true,
   get: function () {
     return _RuleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RuleRounded', {
+Object.defineProperty(exports, "RuleRounded", {
   enumerable: true,
   get: function () {
     return _RuleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RuleSharp', {
+Object.defineProperty(exports, "RuleSharp", {
   enumerable: true,
   get: function () {
     return _RuleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RuleTwoTone', {
+Object.defineProperty(exports, "RuleTwoTone", {
   enumerable: true,
   get: function () {
     return _RuleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RunCircle', {
+Object.defineProperty(exports, "RunCircle", {
   enumerable: true,
   get: function () {
     return _RunCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RunCircleOutlined', {
+Object.defineProperty(exports, "RunCircleOutlined", {
   enumerable: true,
   get: function () {
     return _RunCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RunCircleRounded', {
+Object.defineProperty(exports, "RunCircleRounded", {
   enumerable: true,
   get: function () {
     return _RunCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RunCircleSharp', {
+Object.defineProperty(exports, "RunCircleSharp", {
   enumerable: true,
   get: function () {
     return _RunCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RunCircleTwoTone', {
+Object.defineProperty(exports, "RunCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _RunCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RunningWithErrors', {
+Object.defineProperty(exports, "RunningWithErrors", {
   enumerable: true,
   get: function () {
     return _RunningWithErrors.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RunningWithErrorsOutlined', {
+Object.defineProperty(exports, "RunningWithErrorsOutlined", {
   enumerable: true,
   get: function () {
     return _RunningWithErrorsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RunningWithErrorsRounded', {
+Object.defineProperty(exports, "RunningWithErrorsRounded", {
   enumerable: true,
   get: function () {
     return _RunningWithErrorsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RunningWithErrorsSharp', {
+Object.defineProperty(exports, "RunningWithErrorsSharp", {
   enumerable: true,
   get: function () {
     return _RunningWithErrorsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RunningWithErrorsTwoTone', {
+Object.defineProperty(exports, "RunningWithErrorsTwoTone", {
   enumerable: true,
   get: function () {
     return _RunningWithErrorsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RvHookup', {
+Object.defineProperty(exports, "RvHookup", {
   enumerable: true,
   get: function () {
     return _RvHookup.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RvHookupOutlined', {
+Object.defineProperty(exports, "RvHookupOutlined", {
   enumerable: true,
   get: function () {
     return _RvHookupOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RvHookupRounded', {
+Object.defineProperty(exports, "RvHookupRounded", {
   enumerable: true,
   get: function () {
     return _RvHookupRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RvHookupSharp', {
+Object.defineProperty(exports, "RvHookupSharp", {
   enumerable: true,
   get: function () {
     return _RvHookupSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'RvHookupTwoTone', {
+Object.defineProperty(exports, "RvHookupTwoTone", {
   enumerable: true,
   get: function () {
     return _RvHookupTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SafetyCheck', {
+Object.defineProperty(exports, "SafetyCheck", {
   enumerable: true,
   get: function () {
     return _SafetyCheck.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SafetyCheckOutlined', {
+Object.defineProperty(exports, "SafetyCheckOutlined", {
   enumerable: true,
   get: function () {
     return _SafetyCheckOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SafetyCheckRounded', {
+Object.defineProperty(exports, "SafetyCheckRounded", {
   enumerable: true,
   get: function () {
     return _SafetyCheckRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SafetyCheckSharp', {
+Object.defineProperty(exports, "SafetyCheckSharp", {
   enumerable: true,
   get: function () {
     return _SafetyCheckSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SafetyCheckTwoTone', {
+Object.defineProperty(exports, "SafetyCheckTwoTone", {
   enumerable: true,
   get: function () {
     return _SafetyCheckTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SafetyDivider', {
+Object.defineProperty(exports, "SafetyDivider", {
   enumerable: true,
   get: function () {
     return _SafetyDivider.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SafetyDividerOutlined', {
+Object.defineProperty(exports, "SafetyDividerOutlined", {
   enumerable: true,
   get: function () {
     return _SafetyDividerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SafetyDividerRounded', {
+Object.defineProperty(exports, "SafetyDividerRounded", {
   enumerable: true,
   get: function () {
     return _SafetyDividerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SafetyDividerSharp', {
+Object.defineProperty(exports, "SafetyDividerSharp", {
   enumerable: true,
   get: function () {
     return _SafetyDividerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SafetyDividerTwoTone', {
+Object.defineProperty(exports, "SafetyDividerTwoTone", {
   enumerable: true,
   get: function () {
     return _SafetyDividerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sailing', {
+Object.defineProperty(exports, "Sailing", {
   enumerable: true,
   get: function () {
     return _Sailing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SailingOutlined', {
+Object.defineProperty(exports, "SailingOutlined", {
   enumerable: true,
   get: function () {
     return _SailingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SailingRounded', {
+Object.defineProperty(exports, "SailingRounded", {
   enumerable: true,
   get: function () {
     return _SailingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SailingSharp', {
+Object.defineProperty(exports, "SailingSharp", {
   enumerable: true,
   get: function () {
     return _SailingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SailingTwoTone', {
+Object.defineProperty(exports, "SailingTwoTone", {
   enumerable: true,
   get: function () {
     return _SailingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sanitizer', {
+Object.defineProperty(exports, "Sanitizer", {
   enumerable: true,
   get: function () {
     return _Sanitizer.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SanitizerOutlined', {
+Object.defineProperty(exports, "SanitizerOutlined", {
   enumerable: true,
   get: function () {
     return _SanitizerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SanitizerRounded', {
+Object.defineProperty(exports, "SanitizerRounded", {
   enumerable: true,
   get: function () {
     return _SanitizerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SanitizerSharp', {
+Object.defineProperty(exports, "SanitizerSharp", {
   enumerable: true,
   get: function () {
     return _SanitizerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SanitizerTwoTone', {
+Object.defineProperty(exports, "SanitizerTwoTone", {
   enumerable: true,
   get: function () {
     return _SanitizerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Satellite', {
+Object.defineProperty(exports, "Satellite", {
   enumerable: true,
   get: function () {
     return _Satellite.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SatelliteAlt', {
+Object.defineProperty(exports, "SatelliteAlt", {
   enumerable: true,
   get: function () {
     return _SatelliteAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SatelliteAltOutlined', {
+Object.defineProperty(exports, "SatelliteAltOutlined", {
   enumerable: true,
   get: function () {
     return _SatelliteAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SatelliteAltRounded', {
+Object.defineProperty(exports, "SatelliteAltRounded", {
   enumerable: true,
   get: function () {
     return _SatelliteAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SatelliteAltSharp', {
+Object.defineProperty(exports, "SatelliteAltSharp", {
   enumerable: true,
   get: function () {
     return _SatelliteAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SatelliteAltTwoTone', {
+Object.defineProperty(exports, "SatelliteAltTwoTone", {
   enumerable: true,
   get: function () {
     return _SatelliteAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SatelliteOutlined', {
+Object.defineProperty(exports, "SatelliteOutlined", {
   enumerable: true,
   get: function () {
     return _SatelliteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SatelliteRounded', {
+Object.defineProperty(exports, "SatelliteRounded", {
   enumerable: true,
   get: function () {
     return _SatelliteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SatelliteSharp', {
+Object.defineProperty(exports, "SatelliteSharp", {
   enumerable: true,
   get: function () {
     return _SatelliteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SatelliteTwoTone', {
+Object.defineProperty(exports, "SatelliteTwoTone", {
   enumerable: true,
   get: function () {
     return _SatelliteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Save', {
+Object.defineProperty(exports, "Save", {
   enumerable: true,
   get: function () {
     return _Save.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveAlt', {
+Object.defineProperty(exports, "SaveAlt", {
   enumerable: true,
   get: function () {
     return _SaveAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveAltOutlined', {
+Object.defineProperty(exports, "SaveAltOutlined", {
   enumerable: true,
   get: function () {
     return _SaveAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveAltRounded', {
+Object.defineProperty(exports, "SaveAltRounded", {
   enumerable: true,
   get: function () {
     return _SaveAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveAltSharp', {
+Object.defineProperty(exports, "SaveAltSharp", {
   enumerable: true,
   get: function () {
     return _SaveAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveAltTwoTone', {
+Object.defineProperty(exports, "SaveAltTwoTone", {
   enumerable: true,
   get: function () {
     return _SaveAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveAs', {
+Object.defineProperty(exports, "SaveAs", {
   enumerable: true,
   get: function () {
     return _SaveAs.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveAsOutlined', {
+Object.defineProperty(exports, "SaveAsOutlined", {
   enumerable: true,
   get: function () {
     return _SaveAsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveAsRounded', {
+Object.defineProperty(exports, "SaveAsRounded", {
   enumerable: true,
   get: function () {
     return _SaveAsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveAsSharp', {
+Object.defineProperty(exports, "SaveAsSharp", {
   enumerable: true,
   get: function () {
     return _SaveAsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveAsTwoTone', {
+Object.defineProperty(exports, "SaveAsTwoTone", {
   enumerable: true,
   get: function () {
     return _SaveAsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveOutlined', {
+Object.defineProperty(exports, "SaveOutlined", {
   enumerable: true,
   get: function () {
     return _SaveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveRounded', {
+Object.defineProperty(exports, "SaveRounded", {
   enumerable: true,
   get: function () {
     return _SaveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveSharp', {
+Object.defineProperty(exports, "SaveSharp", {
   enumerable: true,
   get: function () {
     return _SaveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SaveTwoTone', {
+Object.defineProperty(exports, "SaveTwoTone", {
   enumerable: true,
   get: function () {
     return _SaveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SavedSearch', {
+Object.defineProperty(exports, "SavedSearch", {
   enumerable: true,
   get: function () {
     return _SavedSearch.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SavedSearchOutlined', {
+Object.defineProperty(exports, "SavedSearchOutlined", {
   enumerable: true,
   get: function () {
     return _SavedSearchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SavedSearchRounded', {
+Object.defineProperty(exports, "SavedSearchRounded", {
   enumerable: true,
   get: function () {
     return _SavedSearchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SavedSearchSharp', {
+Object.defineProperty(exports, "SavedSearchSharp", {
   enumerable: true,
   get: function () {
     return _SavedSearchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SavedSearchTwoTone', {
+Object.defineProperty(exports, "SavedSearchTwoTone", {
   enumerable: true,
   get: function () {
     return _SavedSearchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Savings', {
+Object.defineProperty(exports, "Savings", {
   enumerable: true,
   get: function () {
     return _Savings.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SavingsOutlined', {
+Object.defineProperty(exports, "SavingsOutlined", {
   enumerable: true,
   get: function () {
     return _SavingsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SavingsRounded', {
+Object.defineProperty(exports, "SavingsRounded", {
   enumerable: true,
   get: function () {
     return _SavingsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SavingsSharp', {
+Object.defineProperty(exports, "SavingsSharp", {
   enumerable: true,
   get: function () {
     return _SavingsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SavingsTwoTone', {
+Object.defineProperty(exports, "SavingsTwoTone", {
   enumerable: true,
   get: function () {
     return _SavingsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Scale', {
+Object.defineProperty(exports, "Scale", {
   enumerable: true,
   get: function () {
     return _Scale.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScaleOutlined', {
+Object.defineProperty(exports, "ScaleOutlined", {
   enumerable: true,
   get: function () {
     return _ScaleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScaleRounded', {
+Object.defineProperty(exports, "ScaleRounded", {
   enumerable: true,
   get: function () {
     return _ScaleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScaleSharp', {
+Object.defineProperty(exports, "ScaleSharp", {
   enumerable: true,
   get: function () {
     return _ScaleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScaleTwoTone', {
+Object.defineProperty(exports, "ScaleTwoTone", {
   enumerable: true,
   get: function () {
     return _ScaleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Scanner', {
+Object.defineProperty(exports, "Scanner", {
   enumerable: true,
   get: function () {
     return _Scanner.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScannerOutlined', {
+Object.defineProperty(exports, "ScannerOutlined", {
   enumerable: true,
   get: function () {
     return _ScannerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScannerRounded', {
+Object.defineProperty(exports, "ScannerRounded", {
   enumerable: true,
   get: function () {
     return _ScannerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScannerSharp', {
+Object.defineProperty(exports, "ScannerSharp", {
   enumerable: true,
   get: function () {
     return _ScannerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScannerTwoTone', {
+Object.defineProperty(exports, "ScannerTwoTone", {
   enumerable: true,
   get: function () {
     return _ScannerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScatterPlot', {
+Object.defineProperty(exports, "ScatterPlot", {
   enumerable: true,
   get: function () {
     return _ScatterPlot.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScatterPlotOutlined', {
+Object.defineProperty(exports, "ScatterPlotOutlined", {
   enumerable: true,
   get: function () {
     return _ScatterPlotOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScatterPlotRounded', {
+Object.defineProperty(exports, "ScatterPlotRounded", {
   enumerable: true,
   get: function () {
     return _ScatterPlotRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScatterPlotSharp', {
+Object.defineProperty(exports, "ScatterPlotSharp", {
   enumerable: true,
   get: function () {
     return _ScatterPlotSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScatterPlotTwoTone', {
+Object.defineProperty(exports, "ScatterPlotTwoTone", {
   enumerable: true,
   get: function () {
     return _ScatterPlotTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Schedule', {
+Object.defineProperty(exports, "Schedule", {
   enumerable: true,
   get: function () {
     return _Schedule.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScheduleOutlined', {
+Object.defineProperty(exports, "ScheduleOutlined", {
   enumerable: true,
   get: function () {
     return _ScheduleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScheduleRounded', {
+Object.defineProperty(exports, "ScheduleRounded", {
   enumerable: true,
   get: function () {
     return _ScheduleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScheduleSend', {
+Object.defineProperty(exports, "ScheduleSend", {
   enumerable: true,
   get: function () {
     return _ScheduleSend.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScheduleSendOutlined', {
+Object.defineProperty(exports, "ScheduleSendOutlined", {
   enumerable: true,
   get: function () {
     return _ScheduleSendOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScheduleSendRounded', {
+Object.defineProperty(exports, "ScheduleSendRounded", {
   enumerable: true,
   get: function () {
     return _ScheduleSendRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScheduleSendSharp', {
+Object.defineProperty(exports, "ScheduleSendSharp", {
   enumerable: true,
   get: function () {
     return _ScheduleSendSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScheduleSendTwoTone', {
+Object.defineProperty(exports, "ScheduleSendTwoTone", {
   enumerable: true,
   get: function () {
     return _ScheduleSendTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScheduleSharp', {
+Object.defineProperty(exports, "ScheduleSharp", {
   enumerable: true,
   get: function () {
     return _ScheduleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScheduleTwoTone', {
+Object.defineProperty(exports, "ScheduleTwoTone", {
   enumerable: true,
   get: function () {
     return _ScheduleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Schema', {
+Object.defineProperty(exports, "Schema", {
   enumerable: true,
   get: function () {
     return _Schema.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SchemaOutlined', {
+Object.defineProperty(exports, "SchemaOutlined", {
   enumerable: true,
   get: function () {
     return _SchemaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SchemaRounded', {
+Object.defineProperty(exports, "SchemaRounded", {
   enumerable: true,
   get: function () {
     return _SchemaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SchemaSharp', {
+Object.defineProperty(exports, "SchemaSharp", {
   enumerable: true,
   get: function () {
     return _SchemaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SchemaTwoTone', {
+Object.defineProperty(exports, "SchemaTwoTone", {
   enumerable: true,
   get: function () {
     return _SchemaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'School', {
+Object.defineProperty(exports, "School", {
   enumerable: true,
   get: function () {
     return _School.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SchoolOutlined', {
+Object.defineProperty(exports, "SchoolOutlined", {
   enumerable: true,
   get: function () {
     return _SchoolOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SchoolRounded', {
+Object.defineProperty(exports, "SchoolRounded", {
   enumerable: true,
   get: function () {
     return _SchoolRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SchoolSharp', {
+Object.defineProperty(exports, "SchoolSharp", {
   enumerable: true,
   get: function () {
     return _SchoolSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SchoolTwoTone', {
+Object.defineProperty(exports, "SchoolTwoTone", {
   enumerable: true,
   get: function () {
     return _SchoolTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Science', {
+Object.defineProperty(exports, "Science", {
   enumerable: true,
   get: function () {
     return _Science.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScienceOutlined', {
+Object.defineProperty(exports, "ScienceOutlined", {
   enumerable: true,
   get: function () {
     return _ScienceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScienceRounded', {
+Object.defineProperty(exports, "ScienceRounded", {
   enumerable: true,
   get: function () {
     return _ScienceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScienceSharp', {
+Object.defineProperty(exports, "ScienceSharp", {
   enumerable: true,
   get: function () {
     return _ScienceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScienceTwoTone', {
+Object.defineProperty(exports, "ScienceTwoTone", {
   enumerable: true,
   get: function () {
     return _ScienceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Score', {
+Object.defineProperty(exports, "Score", {
   enumerable: true,
   get: function () {
     return _Score.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScoreOutlined', {
+Object.defineProperty(exports, "ScoreOutlined", {
   enumerable: true,
   get: function () {
     return _ScoreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScoreRounded', {
+Object.defineProperty(exports, "ScoreRounded", {
   enumerable: true,
   get: function () {
     return _ScoreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScoreSharp', {
+Object.defineProperty(exports, "ScoreSharp", {
   enumerable: true,
   get: function () {
     return _ScoreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScoreTwoTone', {
+Object.defineProperty(exports, "ScoreTwoTone", {
   enumerable: true,
   get: function () {
     return _ScoreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Scoreboard', {
+Object.defineProperty(exports, "Scoreboard", {
   enumerable: true,
   get: function () {
     return _Scoreboard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScoreboardOutlined', {
+Object.defineProperty(exports, "ScoreboardOutlined", {
   enumerable: true,
   get: function () {
     return _ScoreboardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScoreboardRounded', {
+Object.defineProperty(exports, "ScoreboardRounded", {
   enumerable: true,
   get: function () {
     return _ScoreboardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScoreboardSharp', {
+Object.defineProperty(exports, "ScoreboardSharp", {
   enumerable: true,
   get: function () {
     return _ScoreboardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScoreboardTwoTone', {
+Object.defineProperty(exports, "ScoreboardTwoTone", {
   enumerable: true,
   get: function () {
     return _ScoreboardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockLandscape', {
+Object.defineProperty(exports, "ScreenLockLandscape", {
   enumerable: true,
   get: function () {
     return _ScreenLockLandscape.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockLandscapeOutlined', {
+Object.defineProperty(exports, "ScreenLockLandscapeOutlined", {
   enumerable: true,
   get: function () {
     return _ScreenLockLandscapeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockLandscapeRounded', {
+Object.defineProperty(exports, "ScreenLockLandscapeRounded", {
   enumerable: true,
   get: function () {
     return _ScreenLockLandscapeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockLandscapeSharp', {
+Object.defineProperty(exports, "ScreenLockLandscapeSharp", {
   enumerable: true,
   get: function () {
     return _ScreenLockLandscapeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockLandscapeTwoTone', {
+Object.defineProperty(exports, "ScreenLockLandscapeTwoTone", {
   enumerable: true,
   get: function () {
     return _ScreenLockLandscapeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockPortrait', {
+Object.defineProperty(exports, "ScreenLockPortrait", {
   enumerable: true,
   get: function () {
     return _ScreenLockPortrait.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockPortraitOutlined', {
+Object.defineProperty(exports, "ScreenLockPortraitOutlined", {
   enumerable: true,
   get: function () {
     return _ScreenLockPortraitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockPortraitRounded', {
+Object.defineProperty(exports, "ScreenLockPortraitRounded", {
   enumerable: true,
   get: function () {
     return _ScreenLockPortraitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockPortraitSharp', {
+Object.defineProperty(exports, "ScreenLockPortraitSharp", {
   enumerable: true,
   get: function () {
     return _ScreenLockPortraitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockPortraitTwoTone', {
+Object.defineProperty(exports, "ScreenLockPortraitTwoTone", {
   enumerable: true,
   get: function () {
     return _ScreenLockPortraitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockRotation', {
+Object.defineProperty(exports, "ScreenLockRotation", {
   enumerable: true,
   get: function () {
     return _ScreenLockRotation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockRotationOutlined', {
+Object.defineProperty(exports, "ScreenLockRotationOutlined", {
   enumerable: true,
   get: function () {
     return _ScreenLockRotationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockRotationRounded', {
+Object.defineProperty(exports, "ScreenLockRotationRounded", {
   enumerable: true,
   get: function () {
     return _ScreenLockRotationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockRotationSharp', {
+Object.defineProperty(exports, "ScreenLockRotationSharp", {
   enumerable: true,
   get: function () {
     return _ScreenLockRotationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenLockRotationTwoTone', {
+Object.defineProperty(exports, "ScreenLockRotationTwoTone", {
   enumerable: true,
   get: function () {
     return _ScreenLockRotationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenRotation', {
+Object.defineProperty(exports, "ScreenRotation", {
   enumerable: true,
   get: function () {
     return _ScreenRotation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenRotationAlt', {
+Object.defineProperty(exports, "ScreenRotationAlt", {
   enumerable: true,
   get: function () {
     return _ScreenRotationAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenRotationAltOutlined', {
+Object.defineProperty(exports, "ScreenRotationAltOutlined", {
   enumerable: true,
   get: function () {
     return _ScreenRotationAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenRotationAltRounded', {
+Object.defineProperty(exports, "ScreenRotationAltRounded", {
   enumerable: true,
   get: function () {
     return _ScreenRotationAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenRotationAltSharp', {
+Object.defineProperty(exports, "ScreenRotationAltSharp", {
   enumerable: true,
   get: function () {
     return _ScreenRotationAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenRotationAltTwoTone', {
+Object.defineProperty(exports, "ScreenRotationAltTwoTone", {
   enumerable: true,
   get: function () {
     return _ScreenRotationAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenRotationOutlined', {
+Object.defineProperty(exports, "ScreenRotationOutlined", {
   enumerable: true,
   get: function () {
     return _ScreenRotationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenRotationRounded', {
+Object.defineProperty(exports, "ScreenRotationRounded", {
   enumerable: true,
   get: function () {
     return _ScreenRotationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenRotationSharp', {
+Object.defineProperty(exports, "ScreenRotationSharp", {
   enumerable: true,
   get: function () {
     return _ScreenRotationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenRotationTwoTone', {
+Object.defineProperty(exports, "ScreenRotationTwoTone", {
   enumerable: true,
   get: function () {
     return _ScreenRotationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenSearchDesktop', {
+Object.defineProperty(exports, "ScreenSearchDesktop", {
   enumerable: true,
   get: function () {
     return _ScreenSearchDesktop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenSearchDesktopOutlined', {
+Object.defineProperty(exports, "ScreenSearchDesktopOutlined", {
   enumerable: true,
   get: function () {
     return _ScreenSearchDesktopOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenSearchDesktopRounded', {
+Object.defineProperty(exports, "ScreenSearchDesktopRounded", {
   enumerable: true,
   get: function () {
     return _ScreenSearchDesktopRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenSearchDesktopSharp', {
+Object.defineProperty(exports, "ScreenSearchDesktopSharp", {
   enumerable: true,
   get: function () {
     return _ScreenSearchDesktopSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenSearchDesktopTwoTone', {
+Object.defineProperty(exports, "ScreenSearchDesktopTwoTone", {
   enumerable: true,
   get: function () {
     return _ScreenSearchDesktopTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenShare', {
+Object.defineProperty(exports, "ScreenShare", {
   enumerable: true,
   get: function () {
     return _ScreenShare.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenShareOutlined', {
+Object.defineProperty(exports, "ScreenShareOutlined", {
   enumerable: true,
   get: function () {
     return _ScreenShareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenShareRounded', {
+Object.defineProperty(exports, "ScreenShareRounded", {
   enumerable: true,
   get: function () {
     return _ScreenShareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenShareSharp', {
+Object.defineProperty(exports, "ScreenShareSharp", {
   enumerable: true,
   get: function () {
     return _ScreenShareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenShareTwoTone', {
+Object.defineProperty(exports, "ScreenShareTwoTone", {
   enumerable: true,
   get: function () {
     return _ScreenShareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Screenshot', {
+Object.defineProperty(exports, "Screenshot", {
   enumerable: true,
   get: function () {
     return _Screenshot.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenshotMonitor', {
+Object.defineProperty(exports, "ScreenshotMonitor", {
   enumerable: true,
   get: function () {
     return _ScreenshotMonitor.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenshotMonitorOutlined', {
+Object.defineProperty(exports, "ScreenshotMonitorOutlined", {
   enumerable: true,
   get: function () {
     return _ScreenshotMonitorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenshotMonitorRounded', {
+Object.defineProperty(exports, "ScreenshotMonitorRounded", {
   enumerable: true,
   get: function () {
     return _ScreenshotMonitorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenshotMonitorSharp', {
+Object.defineProperty(exports, "ScreenshotMonitorSharp", {
   enumerable: true,
   get: function () {
     return _ScreenshotMonitorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenshotMonitorTwoTone', {
+Object.defineProperty(exports, "ScreenshotMonitorTwoTone", {
   enumerable: true,
   get: function () {
     return _ScreenshotMonitorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenshotOutlined', {
+Object.defineProperty(exports, "ScreenshotOutlined", {
   enumerable: true,
   get: function () {
     return _ScreenshotOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenshotRounded', {
+Object.defineProperty(exports, "ScreenshotRounded", {
   enumerable: true,
   get: function () {
     return _ScreenshotRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenshotSharp', {
+Object.defineProperty(exports, "ScreenshotSharp", {
   enumerable: true,
   get: function () {
     return _ScreenshotSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScreenshotTwoTone', {
+Object.defineProperty(exports, "ScreenshotTwoTone", {
   enumerable: true,
   get: function () {
     return _ScreenshotTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScubaDiving', {
+Object.defineProperty(exports, "ScubaDiving", {
   enumerable: true,
   get: function () {
     return _ScubaDiving.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScubaDivingOutlined', {
+Object.defineProperty(exports, "ScubaDivingOutlined", {
   enumerable: true,
   get: function () {
     return _ScubaDivingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScubaDivingRounded', {
+Object.defineProperty(exports, "ScubaDivingRounded", {
   enumerable: true,
   get: function () {
     return _ScubaDivingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScubaDivingSharp', {
+Object.defineProperty(exports, "ScubaDivingSharp", {
   enumerable: true,
   get: function () {
     return _ScubaDivingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ScubaDivingTwoTone', {
+Object.defineProperty(exports, "ScubaDivingTwoTone", {
   enumerable: true,
   get: function () {
     return _ScubaDivingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sd', {
+Object.defineProperty(exports, "Sd", {
   enumerable: true,
   get: function () {
     return _Sd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdCard', {
+Object.defineProperty(exports, "SdCard", {
   enumerable: true,
   get: function () {
     return _SdCard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdCardAlert', {
+Object.defineProperty(exports, "SdCardAlert", {
   enumerable: true,
   get: function () {
     return _SdCardAlert.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdCardAlertOutlined', {
+Object.defineProperty(exports, "SdCardAlertOutlined", {
   enumerable: true,
   get: function () {
     return _SdCardAlertOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdCardAlertRounded', {
+Object.defineProperty(exports, "SdCardAlertRounded", {
   enumerable: true,
   get: function () {
     return _SdCardAlertRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdCardAlertSharp', {
+Object.defineProperty(exports, "SdCardAlertSharp", {
   enumerable: true,
   get: function () {
     return _SdCardAlertSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdCardAlertTwoTone', {
+Object.defineProperty(exports, "SdCardAlertTwoTone", {
   enumerable: true,
   get: function () {
     return _SdCardAlertTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdCardOutlined', {
+Object.defineProperty(exports, "SdCardOutlined", {
   enumerable: true,
   get: function () {
     return _SdCardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdCardRounded', {
+Object.defineProperty(exports, "SdCardRounded", {
   enumerable: true,
   get: function () {
     return _SdCardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdCardSharp', {
+Object.defineProperty(exports, "SdCardSharp", {
   enumerable: true,
   get: function () {
     return _SdCardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdCardTwoTone', {
+Object.defineProperty(exports, "SdCardTwoTone", {
   enumerable: true,
   get: function () {
     return _SdCardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdOutlined', {
+Object.defineProperty(exports, "SdOutlined", {
   enumerable: true,
   get: function () {
     return _SdOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdRounded', {
+Object.defineProperty(exports, "SdRounded", {
   enumerable: true,
   get: function () {
     return _SdRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdSharp', {
+Object.defineProperty(exports, "SdSharp", {
   enumerable: true,
   get: function () {
     return _SdSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdStorage', {
+Object.defineProperty(exports, "SdStorage", {
   enumerable: true,
   get: function () {
     return _SdStorage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdStorageOutlined', {
+Object.defineProperty(exports, "SdStorageOutlined", {
   enumerable: true,
   get: function () {
     return _SdStorageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdStorageRounded', {
+Object.defineProperty(exports, "SdStorageRounded", {
   enumerable: true,
   get: function () {
     return _SdStorageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdStorageSharp', {
+Object.defineProperty(exports, "SdStorageSharp", {
   enumerable: true,
   get: function () {
     return _SdStorageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdStorageTwoTone', {
+Object.defineProperty(exports, "SdStorageTwoTone", {
   enumerable: true,
   get: function () {
     return _SdStorageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SdTwoTone', {
+Object.defineProperty(exports, "SdTwoTone", {
   enumerable: true,
   get: function () {
     return _SdTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Search', {
+Object.defineProperty(exports, "Search", {
   enumerable: true,
   get: function () {
     return _Search.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SearchOff', {
+Object.defineProperty(exports, "SearchOff", {
   enumerable: true,
   get: function () {
     return _SearchOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SearchOffOutlined', {
+Object.defineProperty(exports, "SearchOffOutlined", {
   enumerable: true,
   get: function () {
     return _SearchOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SearchOffRounded', {
+Object.defineProperty(exports, "SearchOffRounded", {
   enumerable: true,
   get: function () {
     return _SearchOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SearchOffSharp', {
+Object.defineProperty(exports, "SearchOffSharp", {
   enumerable: true,
   get: function () {
     return _SearchOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SearchOffTwoTone', {
+Object.defineProperty(exports, "SearchOffTwoTone", {
   enumerable: true,
   get: function () {
     return _SearchOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SearchOutlined', {
+Object.defineProperty(exports, "SearchOutlined", {
   enumerable: true,
   get: function () {
     return _SearchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SearchRounded', {
+Object.defineProperty(exports, "SearchRounded", {
   enumerable: true,
   get: function () {
     return _SearchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SearchSharp', {
+Object.defineProperty(exports, "SearchSharp", {
   enumerable: true,
   get: function () {
     return _SearchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SearchTwoTone', {
+Object.defineProperty(exports, "SearchTwoTone", {
   enumerable: true,
   get: function () {
     return _SearchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Security', {
+Object.defineProperty(exports, "Security", {
   enumerable: true,
   get: function () {
     return _Security.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityOutlined', {
+Object.defineProperty(exports, "SecurityOutlined", {
   enumerable: true,
   get: function () {
     return _SecurityOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityRounded', {
+Object.defineProperty(exports, "SecurityRounded", {
   enumerable: true,
   get: function () {
     return _SecurityRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecuritySharp', {
+Object.defineProperty(exports, "SecuritySharp", {
   enumerable: true,
   get: function () {
     return _SecuritySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityTwoTone', {
+Object.defineProperty(exports, "SecurityTwoTone", {
   enumerable: true,
   get: function () {
     return _SecurityTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdate', {
+Object.defineProperty(exports, "SecurityUpdate", {
   enumerable: true,
   get: function () {
     return _SecurityUpdate.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateGood', {
+Object.defineProperty(exports, "SecurityUpdateGood", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateGood.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateGoodOutlined', {
+Object.defineProperty(exports, "SecurityUpdateGoodOutlined", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateGoodOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateGoodRounded', {
+Object.defineProperty(exports, "SecurityUpdateGoodRounded", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateGoodRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateGoodSharp', {
+Object.defineProperty(exports, "SecurityUpdateGoodSharp", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateGoodSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateGoodTwoTone', {
+Object.defineProperty(exports, "SecurityUpdateGoodTwoTone", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateGoodTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateOutlined', {
+Object.defineProperty(exports, "SecurityUpdateOutlined", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateRounded', {
+Object.defineProperty(exports, "SecurityUpdateRounded", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateSharp', {
+Object.defineProperty(exports, "SecurityUpdateSharp", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateTwoTone', {
+Object.defineProperty(exports, "SecurityUpdateTwoTone", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateWarning', {
+Object.defineProperty(exports, "SecurityUpdateWarning", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateWarning.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateWarningOutlined', {
+Object.defineProperty(exports, "SecurityUpdateWarningOutlined", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateWarningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateWarningRounded', {
+Object.defineProperty(exports, "SecurityUpdateWarningRounded", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateWarningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateWarningSharp', {
+Object.defineProperty(exports, "SecurityUpdateWarningSharp", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateWarningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SecurityUpdateWarningTwoTone', {
+Object.defineProperty(exports, "SecurityUpdateWarningTwoTone", {
   enumerable: true,
   get: function () {
     return _SecurityUpdateWarningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Segment', {
+Object.defineProperty(exports, "Segment", {
   enumerable: true,
   get: function () {
     return _Segment.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SegmentOutlined', {
+Object.defineProperty(exports, "SegmentOutlined", {
   enumerable: true,
   get: function () {
     return _SegmentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SegmentRounded', {
+Object.defineProperty(exports, "SegmentRounded", {
   enumerable: true,
   get: function () {
     return _SegmentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SegmentSharp', {
+Object.defineProperty(exports, "SegmentSharp", {
   enumerable: true,
   get: function () {
     return _SegmentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SegmentTwoTone', {
+Object.defineProperty(exports, "SegmentTwoTone", {
   enumerable: true,
   get: function () {
     return _SegmentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SelectAll', {
+Object.defineProperty(exports, "SelectAll", {
   enumerable: true,
   get: function () {
     return _SelectAll.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SelectAllOutlined', {
+Object.defineProperty(exports, "SelectAllOutlined", {
   enumerable: true,
   get: function () {
     return _SelectAllOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SelectAllRounded', {
+Object.defineProperty(exports, "SelectAllRounded", {
   enumerable: true,
   get: function () {
     return _SelectAllRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SelectAllSharp', {
+Object.defineProperty(exports, "SelectAllSharp", {
   enumerable: true,
   get: function () {
     return _SelectAllSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SelectAllTwoTone', {
+Object.defineProperty(exports, "SelectAllTwoTone", {
   enumerable: true,
   get: function () {
     return _SelectAllTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SelfImprovement', {
+Object.defineProperty(exports, "SelfImprovement", {
   enumerable: true,
   get: function () {
     return _SelfImprovement.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SelfImprovementOutlined', {
+Object.defineProperty(exports, "SelfImprovementOutlined", {
   enumerable: true,
   get: function () {
     return _SelfImprovementOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SelfImprovementRounded', {
+Object.defineProperty(exports, "SelfImprovementRounded", {
   enumerable: true,
   get: function () {
     return _SelfImprovementRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SelfImprovementSharp', {
+Object.defineProperty(exports, "SelfImprovementSharp", {
   enumerable: true,
   get: function () {
     return _SelfImprovementSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SelfImprovementTwoTone', {
+Object.defineProperty(exports, "SelfImprovementTwoTone", {
   enumerable: true,
   get: function () {
     return _SelfImprovementTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sell', {
+Object.defineProperty(exports, "Sell", {
   enumerable: true,
   get: function () {
     return _Sell.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SellOutlined', {
+Object.defineProperty(exports, "SellOutlined", {
   enumerable: true,
   get: function () {
     return _SellOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SellRounded', {
+Object.defineProperty(exports, "SellRounded", {
   enumerable: true,
   get: function () {
     return _SellRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SellSharp', {
+Object.defineProperty(exports, "SellSharp", {
   enumerable: true,
   get: function () {
     return _SellSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SellTwoTone', {
+Object.defineProperty(exports, "SellTwoTone", {
   enumerable: true,
   get: function () {
     return _SellTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Send', {
+Object.defineProperty(exports, "Send", {
   enumerable: true,
   get: function () {
     return _Send.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendAndArchive', {
+Object.defineProperty(exports, "SendAndArchive", {
   enumerable: true,
   get: function () {
     return _SendAndArchive.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendAndArchiveOutlined', {
+Object.defineProperty(exports, "SendAndArchiveOutlined", {
   enumerable: true,
   get: function () {
     return _SendAndArchiveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendAndArchiveRounded', {
+Object.defineProperty(exports, "SendAndArchiveRounded", {
   enumerable: true,
   get: function () {
     return _SendAndArchiveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendAndArchiveSharp', {
+Object.defineProperty(exports, "SendAndArchiveSharp", {
   enumerable: true,
   get: function () {
     return _SendAndArchiveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendAndArchiveTwoTone', {
+Object.defineProperty(exports, "SendAndArchiveTwoTone", {
   enumerable: true,
   get: function () {
     return _SendAndArchiveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendOutlined', {
+Object.defineProperty(exports, "SendOutlined", {
   enumerable: true,
   get: function () {
     return _SendOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendRounded', {
+Object.defineProperty(exports, "SendRounded", {
   enumerable: true,
   get: function () {
     return _SendRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendSharp', {
+Object.defineProperty(exports, "SendSharp", {
   enumerable: true,
   get: function () {
     return _SendSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendTimeExtension', {
+Object.defineProperty(exports, "SendTimeExtension", {
   enumerable: true,
   get: function () {
     return _SendTimeExtension.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendTimeExtensionOutlined', {
+Object.defineProperty(exports, "SendTimeExtensionOutlined", {
   enumerable: true,
   get: function () {
     return _SendTimeExtensionOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendTimeExtensionRounded', {
+Object.defineProperty(exports, "SendTimeExtensionRounded", {
   enumerable: true,
   get: function () {
     return _SendTimeExtensionRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendTimeExtensionSharp', {
+Object.defineProperty(exports, "SendTimeExtensionSharp", {
   enumerable: true,
   get: function () {
     return _SendTimeExtensionSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendTimeExtensionTwoTone', {
+Object.defineProperty(exports, "SendTimeExtensionTwoTone", {
   enumerable: true,
   get: function () {
     return _SendTimeExtensionTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendToMobile', {
+Object.defineProperty(exports, "SendToMobile", {
   enumerable: true,
   get: function () {
     return _SendToMobile.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendToMobileOutlined', {
+Object.defineProperty(exports, "SendToMobileOutlined", {
   enumerable: true,
   get: function () {
     return _SendToMobileOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendToMobileRounded', {
+Object.defineProperty(exports, "SendToMobileRounded", {
   enumerable: true,
   get: function () {
     return _SendToMobileRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendToMobileSharp', {
+Object.defineProperty(exports, "SendToMobileSharp", {
   enumerable: true,
   get: function () {
     return _SendToMobileSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendToMobileTwoTone', {
+Object.defineProperty(exports, "SendToMobileTwoTone", {
   enumerable: true,
   get: function () {
     return _SendToMobileTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SendTwoTone', {
+Object.defineProperty(exports, "SendTwoTone", {
   enumerable: true,
   get: function () {
     return _SendTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorDoor', {
+Object.defineProperty(exports, "SensorDoor", {
   enumerable: true,
   get: function () {
     return _SensorDoor.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorDoorOutlined', {
+Object.defineProperty(exports, "SensorDoorOutlined", {
   enumerable: true,
   get: function () {
     return _SensorDoorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorDoorRounded', {
+Object.defineProperty(exports, "SensorDoorRounded", {
   enumerable: true,
   get: function () {
     return _SensorDoorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorDoorSharp', {
+Object.defineProperty(exports, "SensorDoorSharp", {
   enumerable: true,
   get: function () {
     return _SensorDoorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorDoorTwoTone', {
+Object.defineProperty(exports, "SensorDoorTwoTone", {
   enumerable: true,
   get: function () {
     return _SensorDoorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorOccupied', {
+Object.defineProperty(exports, "SensorOccupied", {
   enumerable: true,
   get: function () {
     return _SensorOccupied.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorOccupiedOutlined', {
+Object.defineProperty(exports, "SensorOccupiedOutlined", {
   enumerable: true,
   get: function () {
     return _SensorOccupiedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorOccupiedRounded', {
+Object.defineProperty(exports, "SensorOccupiedRounded", {
   enumerable: true,
   get: function () {
     return _SensorOccupiedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorOccupiedSharp', {
+Object.defineProperty(exports, "SensorOccupiedSharp", {
   enumerable: true,
   get: function () {
     return _SensorOccupiedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorOccupiedTwoTone', {
+Object.defineProperty(exports, "SensorOccupiedTwoTone", {
   enumerable: true,
   get: function () {
     return _SensorOccupiedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorWindow', {
+Object.defineProperty(exports, "SensorWindow", {
   enumerable: true,
   get: function () {
     return _SensorWindow.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorWindowOutlined', {
+Object.defineProperty(exports, "SensorWindowOutlined", {
   enumerable: true,
   get: function () {
     return _SensorWindowOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorWindowRounded', {
+Object.defineProperty(exports, "SensorWindowRounded", {
   enumerable: true,
   get: function () {
     return _SensorWindowRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorWindowSharp', {
+Object.defineProperty(exports, "SensorWindowSharp", {
   enumerable: true,
   get: function () {
     return _SensorWindowSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorWindowTwoTone', {
+Object.defineProperty(exports, "SensorWindowTwoTone", {
   enumerable: true,
   get: function () {
     return _SensorWindowTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sensors', {
+Object.defineProperty(exports, "Sensors", {
   enumerable: true,
   get: function () {
     return _Sensors.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorsOff', {
+Object.defineProperty(exports, "SensorsOff", {
   enumerable: true,
   get: function () {
     return _SensorsOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorsOffOutlined', {
+Object.defineProperty(exports, "SensorsOffOutlined", {
   enumerable: true,
   get: function () {
     return _SensorsOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorsOffRounded', {
+Object.defineProperty(exports, "SensorsOffRounded", {
   enumerable: true,
   get: function () {
     return _SensorsOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorsOffSharp', {
+Object.defineProperty(exports, "SensorsOffSharp", {
   enumerable: true,
   get: function () {
     return _SensorsOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorsOffTwoTone', {
+Object.defineProperty(exports, "SensorsOffTwoTone", {
   enumerable: true,
   get: function () {
     return _SensorsOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorsOutlined', {
+Object.defineProperty(exports, "SensorsOutlined", {
   enumerable: true,
   get: function () {
     return _SensorsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorsRounded', {
+Object.defineProperty(exports, "SensorsRounded", {
   enumerable: true,
   get: function () {
     return _SensorsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorsSharp', {
+Object.defineProperty(exports, "SensorsSharp", {
   enumerable: true,
   get: function () {
     return _SensorsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SensorsTwoTone', {
+Object.defineProperty(exports, "SensorsTwoTone", {
   enumerable: true,
   get: function () {
     return _SensorsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentDissatisfied', {
+Object.defineProperty(exports, "SentimentDissatisfied", {
   enumerable: true,
   get: function () {
     return _SentimentDissatisfied.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentDissatisfiedOutlined', {
+Object.defineProperty(exports, "SentimentDissatisfiedOutlined", {
   enumerable: true,
   get: function () {
     return _SentimentDissatisfiedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentDissatisfiedRounded', {
+Object.defineProperty(exports, "SentimentDissatisfiedRounded", {
   enumerable: true,
   get: function () {
     return _SentimentDissatisfiedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentDissatisfiedSharp', {
+Object.defineProperty(exports, "SentimentDissatisfiedSharp", {
   enumerable: true,
   get: function () {
     return _SentimentDissatisfiedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentDissatisfiedTwoTone', {
+Object.defineProperty(exports, "SentimentDissatisfiedTwoTone", {
   enumerable: true,
   get: function () {
     return _SentimentDissatisfiedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentNeutral', {
+Object.defineProperty(exports, "SentimentNeutral", {
   enumerable: true,
   get: function () {
     return _SentimentNeutral.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentNeutralOutlined', {
+Object.defineProperty(exports, "SentimentNeutralOutlined", {
   enumerable: true,
   get: function () {
     return _SentimentNeutralOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentNeutralRounded', {
+Object.defineProperty(exports, "SentimentNeutralRounded", {
   enumerable: true,
   get: function () {
     return _SentimentNeutralRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentNeutralSharp', {
+Object.defineProperty(exports, "SentimentNeutralSharp", {
   enumerable: true,
   get: function () {
     return _SentimentNeutralSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentNeutralTwoTone', {
+Object.defineProperty(exports, "SentimentNeutralTwoTone", {
   enumerable: true,
   get: function () {
     return _SentimentNeutralTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentSatisfied', {
+Object.defineProperty(exports, "SentimentSatisfied", {
   enumerable: true,
   get: function () {
     return _SentimentSatisfied.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentSatisfiedAlt', {
+Object.defineProperty(exports, "SentimentSatisfiedAlt", {
   enumerable: true,
   get: function () {
     return _SentimentSatisfiedAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentSatisfiedAltOutlined', {
+Object.defineProperty(exports, "SentimentSatisfiedAltOutlined", {
   enumerable: true,
   get: function () {
     return _SentimentSatisfiedAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentSatisfiedAltRounded', {
+Object.defineProperty(exports, "SentimentSatisfiedAltRounded", {
   enumerable: true,
   get: function () {
     return _SentimentSatisfiedAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentSatisfiedAltSharp', {
+Object.defineProperty(exports, "SentimentSatisfiedAltSharp", {
   enumerable: true,
   get: function () {
     return _SentimentSatisfiedAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentSatisfiedAltTwoTone', {
+Object.defineProperty(exports, "SentimentSatisfiedAltTwoTone", {
   enumerable: true,
   get: function () {
     return _SentimentSatisfiedAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentSatisfiedOutlined', {
+Object.defineProperty(exports, "SentimentSatisfiedOutlined", {
   enumerable: true,
   get: function () {
     return _SentimentSatisfiedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentSatisfiedRounded', {
+Object.defineProperty(exports, "SentimentSatisfiedRounded", {
   enumerable: true,
   get: function () {
     return _SentimentSatisfiedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentSatisfiedSharp', {
+Object.defineProperty(exports, "SentimentSatisfiedSharp", {
   enumerable: true,
   get: function () {
     return _SentimentSatisfiedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentSatisfiedTwoTone', {
+Object.defineProperty(exports, "SentimentSatisfiedTwoTone", {
   enumerable: true,
   get: function () {
     return _SentimentSatisfiedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentVeryDissatisfied', {
+Object.defineProperty(exports, "SentimentVeryDissatisfied", {
   enumerable: true,
   get: function () {
     return _SentimentVeryDissatisfied.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentVeryDissatisfiedOutlined', {
+Object.defineProperty(exports, "SentimentVeryDissatisfiedOutlined", {
   enumerable: true,
   get: function () {
     return _SentimentVeryDissatisfiedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentVeryDissatisfiedRounded', {
+Object.defineProperty(exports, "SentimentVeryDissatisfiedRounded", {
   enumerable: true,
   get: function () {
     return _SentimentVeryDissatisfiedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentVeryDissatisfiedSharp', {
+Object.defineProperty(exports, "SentimentVeryDissatisfiedSharp", {
   enumerable: true,
   get: function () {
     return _SentimentVeryDissatisfiedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentVeryDissatisfiedTwoTone', {
+Object.defineProperty(exports, "SentimentVeryDissatisfiedTwoTone", {
   enumerable: true,
   get: function () {
     return _SentimentVeryDissatisfiedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentVerySatisfied', {
+Object.defineProperty(exports, "SentimentVerySatisfied", {
   enumerable: true,
   get: function () {
     return _SentimentVerySatisfied.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentVerySatisfiedOutlined', {
+Object.defineProperty(exports, "SentimentVerySatisfiedOutlined", {
   enumerable: true,
   get: function () {
     return _SentimentVerySatisfiedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentVerySatisfiedRounded', {
+Object.defineProperty(exports, "SentimentVerySatisfiedRounded", {
   enumerable: true,
   get: function () {
     return _SentimentVerySatisfiedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentVerySatisfiedSharp', {
+Object.defineProperty(exports, "SentimentVerySatisfiedSharp", {
   enumerable: true,
   get: function () {
     return _SentimentVerySatisfiedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SentimentVerySatisfiedTwoTone', {
+Object.defineProperty(exports, "SentimentVerySatisfiedTwoTone", {
   enumerable: true,
   get: function () {
     return _SentimentVerySatisfiedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SetMeal', {
+Object.defineProperty(exports, "SetMeal", {
   enumerable: true,
   get: function () {
     return _SetMeal.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SetMealOutlined', {
+Object.defineProperty(exports, "SetMealOutlined", {
   enumerable: true,
   get: function () {
     return _SetMealOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SetMealRounded', {
+Object.defineProperty(exports, "SetMealRounded", {
   enumerable: true,
   get: function () {
     return _SetMealRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SetMealSharp', {
+Object.defineProperty(exports, "SetMealSharp", {
   enumerable: true,
   get: function () {
     return _SetMealSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SetMealTwoTone', {
+Object.defineProperty(exports, "SetMealTwoTone", {
   enumerable: true,
   get: function () {
     return _SetMealTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Settings', {
+Object.defineProperty(exports, "Settings", {
   enumerable: true,
   get: function () {
     return _Settings.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsAccessibility', {
+Object.defineProperty(exports, "SettingsAccessibility", {
   enumerable: true,
   get: function () {
     return _SettingsAccessibility.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsAccessibilityOutlined', {
+Object.defineProperty(exports, "SettingsAccessibilityOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsAccessibilityOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsAccessibilityRounded', {
+Object.defineProperty(exports, "SettingsAccessibilityRounded", {
   enumerable: true,
   get: function () {
     return _SettingsAccessibilityRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsAccessibilitySharp', {
+Object.defineProperty(exports, "SettingsAccessibilitySharp", {
   enumerable: true,
   get: function () {
     return _SettingsAccessibilitySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsAccessibilityTwoTone', {
+Object.defineProperty(exports, "SettingsAccessibilityTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsAccessibilityTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsApplications', {
+Object.defineProperty(exports, "SettingsApplications", {
   enumerable: true,
   get: function () {
     return _SettingsApplications.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsApplicationsOutlined', {
+Object.defineProperty(exports, "SettingsApplicationsOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsApplicationsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsApplicationsRounded', {
+Object.defineProperty(exports, "SettingsApplicationsRounded", {
   enumerable: true,
   get: function () {
     return _SettingsApplicationsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsApplicationsSharp', {
+Object.defineProperty(exports, "SettingsApplicationsSharp", {
   enumerable: true,
   get: function () {
     return _SettingsApplicationsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsApplicationsTwoTone', {
+Object.defineProperty(exports, "SettingsApplicationsTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsApplicationsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBackupRestore', {
+Object.defineProperty(exports, "SettingsBackupRestore", {
   enumerable: true,
   get: function () {
     return _SettingsBackupRestore.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBackupRestoreOutlined', {
+Object.defineProperty(exports, "SettingsBackupRestoreOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsBackupRestoreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBackupRestoreRounded', {
+Object.defineProperty(exports, "SettingsBackupRestoreRounded", {
   enumerable: true,
   get: function () {
     return _SettingsBackupRestoreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBackupRestoreSharp', {
+Object.defineProperty(exports, "SettingsBackupRestoreSharp", {
   enumerable: true,
   get: function () {
     return _SettingsBackupRestoreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBackupRestoreTwoTone', {
+Object.defineProperty(exports, "SettingsBackupRestoreTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsBackupRestoreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBluetooth', {
+Object.defineProperty(exports, "SettingsBluetooth", {
   enumerable: true,
   get: function () {
     return _SettingsBluetooth.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBluetoothOutlined', {
+Object.defineProperty(exports, "SettingsBluetoothOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsBluetoothOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBluetoothRounded', {
+Object.defineProperty(exports, "SettingsBluetoothRounded", {
   enumerable: true,
   get: function () {
     return _SettingsBluetoothRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBluetoothSharp', {
+Object.defineProperty(exports, "SettingsBluetoothSharp", {
   enumerable: true,
   get: function () {
     return _SettingsBluetoothSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBluetoothTwoTone', {
+Object.defineProperty(exports, "SettingsBluetoothTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsBluetoothTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBrightness', {
+Object.defineProperty(exports, "SettingsBrightness", {
   enumerable: true,
   get: function () {
     return _SettingsBrightness.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBrightnessOutlined', {
+Object.defineProperty(exports, "SettingsBrightnessOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsBrightnessOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBrightnessRounded', {
+Object.defineProperty(exports, "SettingsBrightnessRounded", {
   enumerable: true,
   get: function () {
     return _SettingsBrightnessRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBrightnessSharp', {
+Object.defineProperty(exports, "SettingsBrightnessSharp", {
   enumerable: true,
   get: function () {
     return _SettingsBrightnessSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsBrightnessTwoTone', {
+Object.defineProperty(exports, "SettingsBrightnessTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsBrightnessTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsCell', {
+Object.defineProperty(exports, "SettingsCell", {
   enumerable: true,
   get: function () {
     return _SettingsCell.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsCellOutlined', {
+Object.defineProperty(exports, "SettingsCellOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsCellOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsCellRounded', {
+Object.defineProperty(exports, "SettingsCellRounded", {
   enumerable: true,
   get: function () {
     return _SettingsCellRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsCellSharp', {
+Object.defineProperty(exports, "SettingsCellSharp", {
   enumerable: true,
   get: function () {
     return _SettingsCellSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsCellTwoTone', {
+Object.defineProperty(exports, "SettingsCellTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsCellTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsEthernet', {
+Object.defineProperty(exports, "SettingsEthernet", {
   enumerable: true,
   get: function () {
     return _SettingsEthernet.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsEthernetOutlined', {
+Object.defineProperty(exports, "SettingsEthernetOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsEthernetOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsEthernetRounded', {
+Object.defineProperty(exports, "SettingsEthernetRounded", {
   enumerable: true,
   get: function () {
     return _SettingsEthernetRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsEthernetSharp', {
+Object.defineProperty(exports, "SettingsEthernetSharp", {
   enumerable: true,
   get: function () {
     return _SettingsEthernetSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsEthernetTwoTone', {
+Object.defineProperty(exports, "SettingsEthernetTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsEthernetTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputAntenna', {
+Object.defineProperty(exports, "SettingsInputAntenna", {
   enumerable: true,
   get: function () {
     return _SettingsInputAntenna.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputAntennaOutlined', {
+Object.defineProperty(exports, "SettingsInputAntennaOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsInputAntennaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputAntennaRounded', {
+Object.defineProperty(exports, "SettingsInputAntennaRounded", {
   enumerable: true,
   get: function () {
     return _SettingsInputAntennaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputAntennaSharp', {
+Object.defineProperty(exports, "SettingsInputAntennaSharp", {
   enumerable: true,
   get: function () {
     return _SettingsInputAntennaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputAntennaTwoTone', {
+Object.defineProperty(exports, "SettingsInputAntennaTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsInputAntennaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputComponent', {
+Object.defineProperty(exports, "SettingsInputComponent", {
   enumerable: true,
   get: function () {
     return _SettingsInputComponent.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputComponentOutlined', {
+Object.defineProperty(exports, "SettingsInputComponentOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsInputComponentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputComponentRounded', {
+Object.defineProperty(exports, "SettingsInputComponentRounded", {
   enumerable: true,
   get: function () {
     return _SettingsInputComponentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputComponentSharp', {
+Object.defineProperty(exports, "SettingsInputComponentSharp", {
   enumerable: true,
   get: function () {
     return _SettingsInputComponentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputComponentTwoTone', {
+Object.defineProperty(exports, "SettingsInputComponentTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsInputComponentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputComposite', {
+Object.defineProperty(exports, "SettingsInputComposite", {
   enumerable: true,
   get: function () {
     return _SettingsInputComposite.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputCompositeOutlined', {
+Object.defineProperty(exports, "SettingsInputCompositeOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsInputCompositeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputCompositeRounded', {
+Object.defineProperty(exports, "SettingsInputCompositeRounded", {
   enumerable: true,
   get: function () {
     return _SettingsInputCompositeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputCompositeSharp', {
+Object.defineProperty(exports, "SettingsInputCompositeSharp", {
   enumerable: true,
   get: function () {
     return _SettingsInputCompositeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputCompositeTwoTone', {
+Object.defineProperty(exports, "SettingsInputCompositeTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsInputCompositeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputHdmi', {
+Object.defineProperty(exports, "SettingsInputHdmi", {
   enumerable: true,
   get: function () {
     return _SettingsInputHdmi.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputHdmiOutlined', {
+Object.defineProperty(exports, "SettingsInputHdmiOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsInputHdmiOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputHdmiRounded', {
+Object.defineProperty(exports, "SettingsInputHdmiRounded", {
   enumerable: true,
   get: function () {
     return _SettingsInputHdmiRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputHdmiSharp', {
+Object.defineProperty(exports, "SettingsInputHdmiSharp", {
   enumerable: true,
   get: function () {
     return _SettingsInputHdmiSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputHdmiTwoTone', {
+Object.defineProperty(exports, "SettingsInputHdmiTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsInputHdmiTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputSvideo', {
+Object.defineProperty(exports, "SettingsInputSvideo", {
   enumerable: true,
   get: function () {
     return _SettingsInputSvideo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputSvideoOutlined', {
+Object.defineProperty(exports, "SettingsInputSvideoOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsInputSvideoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputSvideoRounded', {
+Object.defineProperty(exports, "SettingsInputSvideoRounded", {
   enumerable: true,
   get: function () {
     return _SettingsInputSvideoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputSvideoSharp', {
+Object.defineProperty(exports, "SettingsInputSvideoSharp", {
   enumerable: true,
   get: function () {
     return _SettingsInputSvideoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsInputSvideoTwoTone', {
+Object.defineProperty(exports, "SettingsInputSvideoTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsInputSvideoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsOutlined', {
+Object.defineProperty(exports, "SettingsOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsOverscan', {
+Object.defineProperty(exports, "SettingsOverscan", {
   enumerable: true,
   get: function () {
     return _SettingsOverscan.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsOverscanOutlined', {
+Object.defineProperty(exports, "SettingsOverscanOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsOverscanOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsOverscanRounded', {
+Object.defineProperty(exports, "SettingsOverscanRounded", {
   enumerable: true,
   get: function () {
     return _SettingsOverscanRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsOverscanSharp', {
+Object.defineProperty(exports, "SettingsOverscanSharp", {
   enumerable: true,
   get: function () {
     return _SettingsOverscanSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsOverscanTwoTone', {
+Object.defineProperty(exports, "SettingsOverscanTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsOverscanTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsPhone', {
+Object.defineProperty(exports, "SettingsPhone", {
   enumerable: true,
   get: function () {
     return _SettingsPhone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsPhoneOutlined', {
+Object.defineProperty(exports, "SettingsPhoneOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsPhoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsPhoneRounded', {
+Object.defineProperty(exports, "SettingsPhoneRounded", {
   enumerable: true,
   get: function () {
     return _SettingsPhoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsPhoneSharp', {
+Object.defineProperty(exports, "SettingsPhoneSharp", {
   enumerable: true,
   get: function () {
     return _SettingsPhoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsPhoneTwoTone', {
+Object.defineProperty(exports, "SettingsPhoneTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsPhoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsPower', {
+Object.defineProperty(exports, "SettingsPower", {
   enumerable: true,
   get: function () {
     return _SettingsPower.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsPowerOutlined', {
+Object.defineProperty(exports, "SettingsPowerOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsPowerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsPowerRounded', {
+Object.defineProperty(exports, "SettingsPowerRounded", {
   enumerable: true,
   get: function () {
     return _SettingsPowerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsPowerSharp', {
+Object.defineProperty(exports, "SettingsPowerSharp", {
   enumerable: true,
   get: function () {
     return _SettingsPowerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsPowerTwoTone', {
+Object.defineProperty(exports, "SettingsPowerTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsPowerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsRemote', {
+Object.defineProperty(exports, "SettingsRemote", {
   enumerable: true,
   get: function () {
     return _SettingsRemote.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsRemoteOutlined', {
+Object.defineProperty(exports, "SettingsRemoteOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsRemoteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsRemoteRounded', {
+Object.defineProperty(exports, "SettingsRemoteRounded", {
   enumerable: true,
   get: function () {
     return _SettingsRemoteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsRemoteSharp', {
+Object.defineProperty(exports, "SettingsRemoteSharp", {
   enumerable: true,
   get: function () {
     return _SettingsRemoteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsRemoteTwoTone', {
+Object.defineProperty(exports, "SettingsRemoteTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsRemoteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsRounded', {
+Object.defineProperty(exports, "SettingsRounded", {
   enumerable: true,
   get: function () {
     return _SettingsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsSharp', {
+Object.defineProperty(exports, "SettingsSharp", {
   enumerable: true,
   get: function () {
     return _SettingsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsSuggest', {
+Object.defineProperty(exports, "SettingsSuggest", {
   enumerable: true,
   get: function () {
     return _SettingsSuggest.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsSuggestOutlined', {
+Object.defineProperty(exports, "SettingsSuggestOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsSuggestOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsSuggestRounded', {
+Object.defineProperty(exports, "SettingsSuggestRounded", {
   enumerable: true,
   get: function () {
     return _SettingsSuggestRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsSuggestSharp', {
+Object.defineProperty(exports, "SettingsSuggestSharp", {
   enumerable: true,
   get: function () {
     return _SettingsSuggestSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsSuggestTwoTone', {
+Object.defineProperty(exports, "SettingsSuggestTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsSuggestTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsSystemDaydream', {
+Object.defineProperty(exports, "SettingsSystemDaydream", {
   enumerable: true,
   get: function () {
     return _SettingsSystemDaydream.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsSystemDaydreamOutlined', {
+Object.defineProperty(exports, "SettingsSystemDaydreamOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsSystemDaydreamOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsSystemDaydreamRounded', {
+Object.defineProperty(exports, "SettingsSystemDaydreamRounded", {
   enumerable: true,
   get: function () {
     return _SettingsSystemDaydreamRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsSystemDaydreamSharp', {
+Object.defineProperty(exports, "SettingsSystemDaydreamSharp", {
   enumerable: true,
   get: function () {
     return _SettingsSystemDaydreamSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsSystemDaydreamTwoTone', {
+Object.defineProperty(exports, "SettingsSystemDaydreamTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsSystemDaydreamTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsTwoTone', {
+Object.defineProperty(exports, "SettingsTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsVoice', {
+Object.defineProperty(exports, "SettingsVoice", {
   enumerable: true,
   get: function () {
     return _SettingsVoice.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsVoiceOutlined', {
+Object.defineProperty(exports, "SettingsVoiceOutlined", {
   enumerable: true,
   get: function () {
     return _SettingsVoiceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsVoiceRounded', {
+Object.defineProperty(exports, "SettingsVoiceRounded", {
   enumerable: true,
   get: function () {
     return _SettingsVoiceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsVoiceSharp', {
+Object.defineProperty(exports, "SettingsVoiceSharp", {
   enumerable: true,
   get: function () {
     return _SettingsVoiceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SettingsVoiceTwoTone', {
+Object.defineProperty(exports, "SettingsVoiceTwoTone", {
   enumerable: true,
   get: function () {
     return _SettingsVoiceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenK', {
+Object.defineProperty(exports, "SevenK", {
   enumerable: true,
   get: function () {
     return _SevenK.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenKOutlined', {
+Object.defineProperty(exports, "SevenKOutlined", {
   enumerable: true,
   get: function () {
     return _SevenKOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenKPlus', {
+Object.defineProperty(exports, "SevenKPlus", {
   enumerable: true,
   get: function () {
     return _SevenKPlus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenKPlusOutlined', {
+Object.defineProperty(exports, "SevenKPlusOutlined", {
   enumerable: true,
   get: function () {
     return _SevenKPlusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenKPlusRounded', {
+Object.defineProperty(exports, "SevenKPlusRounded", {
   enumerable: true,
   get: function () {
     return _SevenKPlusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenKPlusSharp', {
+Object.defineProperty(exports, "SevenKPlusSharp", {
   enumerable: true,
   get: function () {
     return _SevenKPlusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenKPlusTwoTone', {
+Object.defineProperty(exports, "SevenKPlusTwoTone", {
   enumerable: true,
   get: function () {
     return _SevenKPlusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenKRounded', {
+Object.defineProperty(exports, "SevenKRounded", {
   enumerable: true,
   get: function () {
     return _SevenKRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenKSharp', {
+Object.defineProperty(exports, "SevenKSharp", {
   enumerable: true,
   get: function () {
     return _SevenKSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenKTwoTone', {
+Object.defineProperty(exports, "SevenKTwoTone", {
   enumerable: true,
   get: function () {
     return _SevenKTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenMp', {
+Object.defineProperty(exports, "SevenMp", {
   enumerable: true,
   get: function () {
     return _SevenMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenMpOutlined', {
+Object.defineProperty(exports, "SevenMpOutlined", {
   enumerable: true,
   get: function () {
     return _SevenMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenMpRounded', {
+Object.defineProperty(exports, "SevenMpRounded", {
   enumerable: true,
   get: function () {
     return _SevenMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenMpSharp', {
+Object.defineProperty(exports, "SevenMpSharp", {
   enumerable: true,
   get: function () {
     return _SevenMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevenMpTwoTone', {
+Object.defineProperty(exports, "SevenMpTwoTone", {
   enumerable: true,
   get: function () {
     return _SevenMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SeventeenMp', {
+Object.defineProperty(exports, "SeventeenMp", {
   enumerable: true,
   get: function () {
     return _SeventeenMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SeventeenMpOutlined', {
+Object.defineProperty(exports, "SeventeenMpOutlined", {
   enumerable: true,
   get: function () {
     return _SeventeenMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SeventeenMpRounded', {
+Object.defineProperty(exports, "SeventeenMpRounded", {
   enumerable: true,
   get: function () {
     return _SeventeenMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SeventeenMpSharp', {
+Object.defineProperty(exports, "SeventeenMpSharp", {
   enumerable: true,
   get: function () {
     return _SeventeenMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SeventeenMpTwoTone', {
+Object.defineProperty(exports, "SeventeenMpTwoTone", {
   enumerable: true,
   get: function () {
     return _SeventeenMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevereCold', {
+Object.defineProperty(exports, "SevereCold", {
   enumerable: true,
   get: function () {
     return _SevereCold.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevereColdOutlined', {
+Object.defineProperty(exports, "SevereColdOutlined", {
   enumerable: true,
   get: function () {
     return _SevereColdOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevereColdRounded', {
+Object.defineProperty(exports, "SevereColdRounded", {
   enumerable: true,
   get: function () {
     return _SevereColdRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevereColdSharp', {
+Object.defineProperty(exports, "SevereColdSharp", {
   enumerable: true,
   get: function () {
     return _SevereColdSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SevereColdTwoTone', {
+Object.defineProperty(exports, "SevereColdTwoTone", {
   enumerable: true,
   get: function () {
     return _SevereColdTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShapeLine', {
+Object.defineProperty(exports, "ShapeLine", {
   enumerable: true,
   get: function () {
     return _ShapeLine.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShapeLineOutlined', {
+Object.defineProperty(exports, "ShapeLineOutlined", {
   enumerable: true,
   get: function () {
     return _ShapeLineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShapeLineRounded', {
+Object.defineProperty(exports, "ShapeLineRounded", {
   enumerable: true,
   get: function () {
     return _ShapeLineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShapeLineSharp', {
+Object.defineProperty(exports, "ShapeLineSharp", {
   enumerable: true,
   get: function () {
     return _ShapeLineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShapeLineTwoTone', {
+Object.defineProperty(exports, "ShapeLineTwoTone", {
   enumerable: true,
   get: function () {
     return _ShapeLineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Share', {
+Object.defineProperty(exports, "Share", {
   enumerable: true,
   get: function () {
     return _Share.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShareLocation', {
+Object.defineProperty(exports, "ShareLocation", {
   enumerable: true,
   get: function () {
     return _ShareLocation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShareLocationOutlined', {
+Object.defineProperty(exports, "ShareLocationOutlined", {
   enumerable: true,
   get: function () {
     return _ShareLocationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShareLocationRounded', {
+Object.defineProperty(exports, "ShareLocationRounded", {
   enumerable: true,
   get: function () {
     return _ShareLocationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShareLocationSharp', {
+Object.defineProperty(exports, "ShareLocationSharp", {
   enumerable: true,
   get: function () {
     return _ShareLocationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShareLocationTwoTone', {
+Object.defineProperty(exports, "ShareLocationTwoTone", {
   enumerable: true,
   get: function () {
     return _ShareLocationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShareOutlined', {
+Object.defineProperty(exports, "ShareOutlined", {
   enumerable: true,
   get: function () {
     return _ShareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShareRounded', {
+Object.defineProperty(exports, "ShareRounded", {
   enumerable: true,
   get: function () {
     return _ShareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShareSharp', {
+Object.defineProperty(exports, "ShareSharp", {
   enumerable: true,
   get: function () {
     return _ShareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShareTwoTone', {
+Object.defineProperty(exports, "ShareTwoTone", {
   enumerable: true,
   get: function () {
     return _ShareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Shield', {
+Object.defineProperty(exports, "Shield", {
   enumerable: true,
   get: function () {
     return _Shield.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShieldMoon', {
+Object.defineProperty(exports, "ShieldMoon", {
   enumerable: true,
   get: function () {
     return _ShieldMoon.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShieldMoonOutlined', {
+Object.defineProperty(exports, "ShieldMoonOutlined", {
   enumerable: true,
   get: function () {
     return _ShieldMoonOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShieldMoonRounded', {
+Object.defineProperty(exports, "ShieldMoonRounded", {
   enumerable: true,
   get: function () {
     return _ShieldMoonRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShieldMoonSharp', {
+Object.defineProperty(exports, "ShieldMoonSharp", {
   enumerable: true,
   get: function () {
     return _ShieldMoonSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShieldMoonTwoTone', {
+Object.defineProperty(exports, "ShieldMoonTwoTone", {
   enumerable: true,
   get: function () {
     return _ShieldMoonTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShieldOutlined', {
+Object.defineProperty(exports, "ShieldOutlined", {
   enumerable: true,
   get: function () {
     return _ShieldOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShieldRounded', {
+Object.defineProperty(exports, "ShieldRounded", {
   enumerable: true,
   get: function () {
     return _ShieldRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShieldSharp', {
+Object.defineProperty(exports, "ShieldSharp", {
   enumerable: true,
   get: function () {
     return _ShieldSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShieldTwoTone', {
+Object.defineProperty(exports, "ShieldTwoTone", {
   enumerable: true,
   get: function () {
     return _ShieldTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Shop', {
+Object.defineProperty(exports, "Shop", {
   enumerable: true,
   get: function () {
     return _Shop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Shop2', {
+Object.defineProperty(exports, "Shop2", {
   enumerable: true,
   get: function () {
     return _Shop2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Shop2Outlined', {
+Object.defineProperty(exports, "Shop2Outlined", {
   enumerable: true,
   get: function () {
     return _Shop2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Shop2Rounded', {
+Object.defineProperty(exports, "Shop2Rounded", {
   enumerable: true,
   get: function () {
     return _Shop2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Shop2Sharp', {
+Object.defineProperty(exports, "Shop2Sharp", {
   enumerable: true,
   get: function () {
     return _Shop2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Shop2TwoTone', {
+Object.defineProperty(exports, "Shop2TwoTone", {
   enumerable: true,
   get: function () {
     return _Shop2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShopOutlined', {
+Object.defineProperty(exports, "ShopOutlined", {
   enumerable: true,
   get: function () {
     return _ShopOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShopRounded', {
+Object.defineProperty(exports, "ShopRounded", {
   enumerable: true,
   get: function () {
     return _ShopRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShopSharp', {
+Object.defineProperty(exports, "ShopSharp", {
   enumerable: true,
   get: function () {
     return _ShopSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShopTwo', {
+Object.defineProperty(exports, "ShopTwo", {
   enumerable: true,
   get: function () {
     return _ShopTwo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShopTwoOutlined', {
+Object.defineProperty(exports, "ShopTwoOutlined", {
   enumerable: true,
   get: function () {
     return _ShopTwoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShopTwoRounded', {
+Object.defineProperty(exports, "ShopTwoRounded", {
   enumerable: true,
   get: function () {
     return _ShopTwoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShopTwoSharp', {
+Object.defineProperty(exports, "ShopTwoSharp", {
   enumerable: true,
   get: function () {
     return _ShopTwoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShopTwoTone', {
+Object.defineProperty(exports, "ShopTwoTone", {
   enumerable: true,
   get: function () {
     return _ShopTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShopTwoTwoTone', {
+Object.defineProperty(exports, "ShopTwoTwoTone", {
   enumerable: true,
   get: function () {
     return _ShopTwoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingBag', {
+Object.defineProperty(exports, "ShoppingBag", {
   enumerable: true,
   get: function () {
     return _ShoppingBag.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingBagOutlined', {
+Object.defineProperty(exports, "ShoppingBagOutlined", {
   enumerable: true,
   get: function () {
     return _ShoppingBagOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingBagRounded', {
+Object.defineProperty(exports, "ShoppingBagRounded", {
   enumerable: true,
   get: function () {
     return _ShoppingBagRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingBagSharp', {
+Object.defineProperty(exports, "ShoppingBagSharp", {
   enumerable: true,
   get: function () {
     return _ShoppingBagSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingBagTwoTone', {
+Object.defineProperty(exports, "ShoppingBagTwoTone", {
   enumerable: true,
   get: function () {
     return _ShoppingBagTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingBasket', {
+Object.defineProperty(exports, "ShoppingBasket", {
   enumerable: true,
   get: function () {
     return _ShoppingBasket.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingBasketOutlined', {
+Object.defineProperty(exports, "ShoppingBasketOutlined", {
   enumerable: true,
   get: function () {
     return _ShoppingBasketOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingBasketRounded', {
+Object.defineProperty(exports, "ShoppingBasketRounded", {
   enumerable: true,
   get: function () {
     return _ShoppingBasketRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingBasketSharp', {
+Object.defineProperty(exports, "ShoppingBasketSharp", {
   enumerable: true,
   get: function () {
     return _ShoppingBasketSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingBasketTwoTone', {
+Object.defineProperty(exports, "ShoppingBasketTwoTone", {
   enumerable: true,
   get: function () {
     return _ShoppingBasketTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingCart', {
+Object.defineProperty(exports, "ShoppingCart", {
   enumerable: true,
   get: function () {
     return _ShoppingCart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingCartCheckout', {
+Object.defineProperty(exports, "ShoppingCartCheckout", {
   enumerable: true,
   get: function () {
     return _ShoppingCartCheckout.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingCartCheckoutOutlined', {
+Object.defineProperty(exports, "ShoppingCartCheckoutOutlined", {
   enumerable: true,
   get: function () {
     return _ShoppingCartCheckoutOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingCartCheckoutRounded', {
+Object.defineProperty(exports, "ShoppingCartCheckoutRounded", {
   enumerable: true,
   get: function () {
     return _ShoppingCartCheckoutRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingCartCheckoutSharp', {
+Object.defineProperty(exports, "ShoppingCartCheckoutSharp", {
   enumerable: true,
   get: function () {
     return _ShoppingCartCheckoutSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingCartCheckoutTwoTone', {
+Object.defineProperty(exports, "ShoppingCartCheckoutTwoTone", {
   enumerable: true,
   get: function () {
     return _ShoppingCartCheckoutTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingCartOutlined', {
+Object.defineProperty(exports, "ShoppingCartOutlined", {
   enumerable: true,
   get: function () {
     return _ShoppingCartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingCartRounded', {
+Object.defineProperty(exports, "ShoppingCartRounded", {
   enumerable: true,
   get: function () {
     return _ShoppingCartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingCartSharp', {
+Object.defineProperty(exports, "ShoppingCartSharp", {
   enumerable: true,
   get: function () {
     return _ShoppingCartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShoppingCartTwoTone', {
+Object.defineProperty(exports, "ShoppingCartTwoTone", {
   enumerable: true,
   get: function () {
     return _ShoppingCartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShortText', {
+Object.defineProperty(exports, "ShortText", {
   enumerable: true,
   get: function () {
     return _ShortText.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShortTextOutlined', {
+Object.defineProperty(exports, "ShortTextOutlined", {
   enumerable: true,
   get: function () {
     return _ShortTextOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShortTextRounded', {
+Object.defineProperty(exports, "ShortTextRounded", {
   enumerable: true,
   get: function () {
     return _ShortTextRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShortTextSharp', {
+Object.defineProperty(exports, "ShortTextSharp", {
   enumerable: true,
   get: function () {
     return _ShortTextSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShortTextTwoTone', {
+Object.defineProperty(exports, "ShortTextTwoTone", {
   enumerable: true,
   get: function () {
     return _ShortTextTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Shortcut', {
+Object.defineProperty(exports, "Shortcut", {
   enumerable: true,
   get: function () {
     return _Shortcut.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShortcutOutlined', {
+Object.defineProperty(exports, "ShortcutOutlined", {
   enumerable: true,
   get: function () {
     return _ShortcutOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShortcutRounded', {
+Object.defineProperty(exports, "ShortcutRounded", {
   enumerable: true,
   get: function () {
     return _ShortcutRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShortcutSharp', {
+Object.defineProperty(exports, "ShortcutSharp", {
   enumerable: true,
   get: function () {
     return _ShortcutSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShortcutTwoTone', {
+Object.defineProperty(exports, "ShortcutTwoTone", {
   enumerable: true,
   get: function () {
     return _ShortcutTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShowChart', {
+Object.defineProperty(exports, "ShowChart", {
   enumerable: true,
   get: function () {
     return _ShowChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShowChartOutlined', {
+Object.defineProperty(exports, "ShowChartOutlined", {
   enumerable: true,
   get: function () {
     return _ShowChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShowChartRounded', {
+Object.defineProperty(exports, "ShowChartRounded", {
   enumerable: true,
   get: function () {
     return _ShowChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShowChartSharp', {
+Object.defineProperty(exports, "ShowChartSharp", {
   enumerable: true,
   get: function () {
     return _ShowChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShowChartTwoTone', {
+Object.defineProperty(exports, "ShowChartTwoTone", {
   enumerable: true,
   get: function () {
     return _ShowChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Shower', {
+Object.defineProperty(exports, "Shower", {
   enumerable: true,
   get: function () {
     return _Shower.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShowerOutlined', {
+Object.defineProperty(exports, "ShowerOutlined", {
   enumerable: true,
   get: function () {
     return _ShowerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShowerRounded', {
+Object.defineProperty(exports, "ShowerRounded", {
   enumerable: true,
   get: function () {
     return _ShowerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShowerSharp', {
+Object.defineProperty(exports, "ShowerSharp", {
   enumerable: true,
   get: function () {
     return _ShowerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShowerTwoTone', {
+Object.defineProperty(exports, "ShowerTwoTone", {
   enumerable: true,
   get: function () {
     return _ShowerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Shuffle', {
+Object.defineProperty(exports, "Shuffle", {
   enumerable: true,
   get: function () {
     return _Shuffle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShuffleOn', {
+Object.defineProperty(exports, "ShuffleOn", {
   enumerable: true,
   get: function () {
     return _ShuffleOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShuffleOnOutlined', {
+Object.defineProperty(exports, "ShuffleOnOutlined", {
   enumerable: true,
   get: function () {
     return _ShuffleOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShuffleOnRounded', {
+Object.defineProperty(exports, "ShuffleOnRounded", {
   enumerable: true,
   get: function () {
     return _ShuffleOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShuffleOnSharp', {
+Object.defineProperty(exports, "ShuffleOnSharp", {
   enumerable: true,
   get: function () {
     return _ShuffleOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShuffleOnTwoTone', {
+Object.defineProperty(exports, "ShuffleOnTwoTone", {
   enumerable: true,
   get: function () {
     return _ShuffleOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShuffleOutlined', {
+Object.defineProperty(exports, "ShuffleOutlined", {
   enumerable: true,
   get: function () {
     return _ShuffleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShuffleRounded', {
+Object.defineProperty(exports, "ShuffleRounded", {
   enumerable: true,
   get: function () {
     return _ShuffleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShuffleSharp', {
+Object.defineProperty(exports, "ShuffleSharp", {
   enumerable: true,
   get: function () {
     return _ShuffleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShuffleTwoTone', {
+Object.defineProperty(exports, "ShuffleTwoTone", {
   enumerable: true,
   get: function () {
     return _ShuffleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShutterSpeed', {
+Object.defineProperty(exports, "ShutterSpeed", {
   enumerable: true,
   get: function () {
     return _ShutterSpeed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShutterSpeedOutlined', {
+Object.defineProperty(exports, "ShutterSpeedOutlined", {
   enumerable: true,
   get: function () {
     return _ShutterSpeedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShutterSpeedRounded', {
+Object.defineProperty(exports, "ShutterSpeedRounded", {
   enumerable: true,
   get: function () {
     return _ShutterSpeedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShutterSpeedSharp', {
+Object.defineProperty(exports, "ShutterSpeedSharp", {
   enumerable: true,
   get: function () {
     return _ShutterSpeedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ShutterSpeedTwoTone', {
+Object.defineProperty(exports, "ShutterSpeedTwoTone", {
   enumerable: true,
   get: function () {
     return _ShutterSpeedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sick', {
+Object.defineProperty(exports, "Sick", {
   enumerable: true,
   get: function () {
     return _Sick.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SickOutlined', {
+Object.defineProperty(exports, "SickOutlined", {
   enumerable: true,
   get: function () {
     return _SickOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SickRounded', {
+Object.defineProperty(exports, "SickRounded", {
   enumerable: true,
   get: function () {
     return _SickRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SickSharp', {
+Object.defineProperty(exports, "SickSharp", {
   enumerable: true,
   get: function () {
     return _SickSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SickTwoTone', {
+Object.defineProperty(exports, "SickTwoTone", {
   enumerable: true,
   get: function () {
     return _SickTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignLanguage', {
+Object.defineProperty(exports, "SignLanguage", {
   enumerable: true,
   get: function () {
     return _SignLanguage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignLanguageOutlined', {
+Object.defineProperty(exports, "SignLanguageOutlined", {
   enumerable: true,
   get: function () {
     return _SignLanguageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignLanguageRounded', {
+Object.defineProperty(exports, "SignLanguageRounded", {
   enumerable: true,
   get: function () {
     return _SignLanguageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignLanguageSharp', {
+Object.defineProperty(exports, "SignLanguageSharp", {
   enumerable: true,
   get: function () {
     return _SignLanguageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignLanguageTwoTone', {
+Object.defineProperty(exports, "SignLanguageTwoTone", {
   enumerable: true,
   get: function () {
     return _SignLanguageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular0Bar', {
+Object.defineProperty(exports, "SignalCellular0Bar", {
   enumerable: true,
   get: function () {
     return _SignalCellular0Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular0BarOutlined', {
+Object.defineProperty(exports, "SignalCellular0BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellular0BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular0BarRounded', {
+Object.defineProperty(exports, "SignalCellular0BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellular0BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular0BarSharp', {
+Object.defineProperty(exports, "SignalCellular0BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellular0BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular0BarTwoTone', {
+Object.defineProperty(exports, "SignalCellular0BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellular0BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular1Bar', {
+Object.defineProperty(exports, "SignalCellular1Bar", {
   enumerable: true,
   get: function () {
     return _SignalCellular1Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular1BarOutlined', {
+Object.defineProperty(exports, "SignalCellular1BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellular1BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular1BarRounded', {
+Object.defineProperty(exports, "SignalCellular1BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellular1BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular1BarSharp', {
+Object.defineProperty(exports, "SignalCellular1BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellular1BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular1BarTwoTone', {
+Object.defineProperty(exports, "SignalCellular1BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellular1BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular2Bar', {
+Object.defineProperty(exports, "SignalCellular2Bar", {
   enumerable: true,
   get: function () {
     return _SignalCellular2Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular2BarOutlined', {
+Object.defineProperty(exports, "SignalCellular2BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellular2BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular2BarRounded', {
+Object.defineProperty(exports, "SignalCellular2BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellular2BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular2BarSharp', {
+Object.defineProperty(exports, "SignalCellular2BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellular2BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular2BarTwoTone', {
+Object.defineProperty(exports, "SignalCellular2BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellular2BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular3Bar', {
+Object.defineProperty(exports, "SignalCellular3Bar", {
   enumerable: true,
   get: function () {
     return _SignalCellular3Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular3BarOutlined', {
+Object.defineProperty(exports, "SignalCellular3BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellular3BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular3BarRounded', {
+Object.defineProperty(exports, "SignalCellular3BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellular3BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular3BarSharp', {
+Object.defineProperty(exports, "SignalCellular3BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellular3BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular3BarTwoTone', {
+Object.defineProperty(exports, "SignalCellular3BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellular3BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular4Bar', {
+Object.defineProperty(exports, "SignalCellular4Bar", {
   enumerable: true,
   get: function () {
     return _SignalCellular4Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular4BarOutlined', {
+Object.defineProperty(exports, "SignalCellular4BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellular4BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular4BarRounded', {
+Object.defineProperty(exports, "SignalCellular4BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellular4BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular4BarSharp', {
+Object.defineProperty(exports, "SignalCellular4BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellular4BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellular4BarTwoTone', {
+Object.defineProperty(exports, "SignalCellular4BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellular4BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAlt', {
+Object.defineProperty(exports, "SignalCellularAlt", {
   enumerable: true,
   get: function () {
     return _SignalCellularAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAlt1Bar', {
+Object.defineProperty(exports, "SignalCellularAlt1Bar", {
   enumerable: true,
   get: function () {
     return _SignalCellularAlt1Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAlt1BarOutlined', {
+Object.defineProperty(exports, "SignalCellularAlt1BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellularAlt1BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAlt1BarRounded', {
+Object.defineProperty(exports, "SignalCellularAlt1BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellularAlt1BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAlt1BarSharp', {
+Object.defineProperty(exports, "SignalCellularAlt1BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellularAlt1BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAlt1BarTwoTone', {
+Object.defineProperty(exports, "SignalCellularAlt1BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellularAlt1BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAlt2Bar', {
+Object.defineProperty(exports, "SignalCellularAlt2Bar", {
   enumerable: true,
   get: function () {
     return _SignalCellularAlt2Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAlt2BarOutlined', {
+Object.defineProperty(exports, "SignalCellularAlt2BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellularAlt2BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAlt2BarRounded', {
+Object.defineProperty(exports, "SignalCellularAlt2BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellularAlt2BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAlt2BarSharp', {
+Object.defineProperty(exports, "SignalCellularAlt2BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellularAlt2BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAlt2BarTwoTone', {
+Object.defineProperty(exports, "SignalCellularAlt2BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellularAlt2BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAltOutlined', {
+Object.defineProperty(exports, "SignalCellularAltOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellularAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAltRounded', {
+Object.defineProperty(exports, "SignalCellularAltRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellularAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAltSharp', {
+Object.defineProperty(exports, "SignalCellularAltSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellularAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularAltTwoTone', {
+Object.defineProperty(exports, "SignalCellularAltTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellularAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet0Bar', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet0Bar", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet0Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet0BarOutlined', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet0BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet0BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet0BarRounded', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet0BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet0BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet0BarSharp', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet0BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet0BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet0BarTwoTone', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet0BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet0BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet1Bar', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet1Bar", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet1Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet1BarOutlined', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet1BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet1BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet1BarRounded', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet1BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet1BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet1BarSharp', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet1BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet1BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet1BarTwoTone', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet1BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet1BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet2Bar', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet2Bar", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet2Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet2BarOutlined', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet2BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet2BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet2BarRounded', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet2BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet2BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet2BarSharp', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet2BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet2BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet2BarTwoTone', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet2BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet2BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet3Bar', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet3Bar", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet3Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet3BarOutlined', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet3BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet3BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet3BarRounded', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet3BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet3BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet3BarSharp', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet3BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet3BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet3BarTwoTone', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet3BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet3BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet4Bar', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet4Bar", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet4Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet4BarOutlined', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet4BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet4BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet4BarRounded', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet4BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet4BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet4BarSharp', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet4BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet4BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularConnectedNoInternet4BarTwoTone', {
+Object.defineProperty(exports, "SignalCellularConnectedNoInternet4BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellularConnectedNoInternet4BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNoSim', {
+Object.defineProperty(exports, "SignalCellularNoSim", {
   enumerable: true,
   get: function () {
     return _SignalCellularNoSim.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNoSimOutlined', {
+Object.defineProperty(exports, "SignalCellularNoSimOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellularNoSimOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNoSimRounded', {
+Object.defineProperty(exports, "SignalCellularNoSimRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellularNoSimRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNoSimSharp', {
+Object.defineProperty(exports, "SignalCellularNoSimSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellularNoSimSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNoSimTwoTone', {
+Object.defineProperty(exports, "SignalCellularNoSimTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellularNoSimTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNodata', {
+Object.defineProperty(exports, "SignalCellularNodata", {
   enumerable: true,
   get: function () {
     return _SignalCellularNodata.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNodataOutlined', {
+Object.defineProperty(exports, "SignalCellularNodataOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellularNodataOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNodataRounded', {
+Object.defineProperty(exports, "SignalCellularNodataRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellularNodataRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNodataSharp', {
+Object.defineProperty(exports, "SignalCellularNodataSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellularNodataSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNodataTwoTone', {
+Object.defineProperty(exports, "SignalCellularNodataTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellularNodataTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNull', {
+Object.defineProperty(exports, "SignalCellularNull", {
   enumerable: true,
   get: function () {
     return _SignalCellularNull.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNullOutlined', {
+Object.defineProperty(exports, "SignalCellularNullOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellularNullOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNullRounded', {
+Object.defineProperty(exports, "SignalCellularNullRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellularNullRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNullSharp', {
+Object.defineProperty(exports, "SignalCellularNullSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellularNullSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularNullTwoTone', {
+Object.defineProperty(exports, "SignalCellularNullTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellularNullTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularOff', {
+Object.defineProperty(exports, "SignalCellularOff", {
   enumerable: true,
   get: function () {
     return _SignalCellularOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularOffOutlined', {
+Object.defineProperty(exports, "SignalCellularOffOutlined", {
   enumerable: true,
   get: function () {
     return _SignalCellularOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularOffRounded', {
+Object.defineProperty(exports, "SignalCellularOffRounded", {
   enumerable: true,
   get: function () {
     return _SignalCellularOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularOffSharp', {
+Object.defineProperty(exports, "SignalCellularOffSharp", {
   enumerable: true,
   get: function () {
     return _SignalCellularOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalCellularOffTwoTone', {
+Object.defineProperty(exports, "SignalCellularOffTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalCellularOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi0Bar', {
+Object.defineProperty(exports, "SignalWifi0Bar", {
   enumerable: true,
   get: function () {
     return _SignalWifi0Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi0BarOutlined', {
+Object.defineProperty(exports, "SignalWifi0BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifi0BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi0BarRounded', {
+Object.defineProperty(exports, "SignalWifi0BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifi0BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi0BarSharp', {
+Object.defineProperty(exports, "SignalWifi0BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifi0BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi0BarTwoTone', {
+Object.defineProperty(exports, "SignalWifi0BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifi0BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi1Bar', {
+Object.defineProperty(exports, "SignalWifi1Bar", {
   enumerable: true,
   get: function () {
     return _SignalWifi1Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi1BarLock', {
+Object.defineProperty(exports, "SignalWifi1BarLock", {
   enumerable: true,
   get: function () {
     return _SignalWifi1BarLock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi1BarLockOutlined', {
+Object.defineProperty(exports, "SignalWifi1BarLockOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifi1BarLockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi1BarLockRounded', {
+Object.defineProperty(exports, "SignalWifi1BarLockRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifi1BarLockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi1BarLockSharp', {
+Object.defineProperty(exports, "SignalWifi1BarLockSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifi1BarLockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi1BarLockTwoTone', {
+Object.defineProperty(exports, "SignalWifi1BarLockTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifi1BarLockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi1BarOutlined', {
+Object.defineProperty(exports, "SignalWifi1BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifi1BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi1BarRounded', {
+Object.defineProperty(exports, "SignalWifi1BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifi1BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi1BarSharp', {
+Object.defineProperty(exports, "SignalWifi1BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifi1BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi1BarTwoTone', {
+Object.defineProperty(exports, "SignalWifi1BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifi1BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi2Bar', {
+Object.defineProperty(exports, "SignalWifi2Bar", {
   enumerable: true,
   get: function () {
     return _SignalWifi2Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi2BarLock', {
+Object.defineProperty(exports, "SignalWifi2BarLock", {
   enumerable: true,
   get: function () {
     return _SignalWifi2BarLock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi2BarLockOutlined', {
+Object.defineProperty(exports, "SignalWifi2BarLockOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifi2BarLockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi2BarLockRounded', {
+Object.defineProperty(exports, "SignalWifi2BarLockRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifi2BarLockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi2BarLockSharp', {
+Object.defineProperty(exports, "SignalWifi2BarLockSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifi2BarLockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi2BarLockTwoTone', {
+Object.defineProperty(exports, "SignalWifi2BarLockTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifi2BarLockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi2BarOutlined', {
+Object.defineProperty(exports, "SignalWifi2BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifi2BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi2BarRounded', {
+Object.defineProperty(exports, "SignalWifi2BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifi2BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi2BarSharp', {
+Object.defineProperty(exports, "SignalWifi2BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifi2BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi2BarTwoTone', {
+Object.defineProperty(exports, "SignalWifi2BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifi2BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi3Bar', {
+Object.defineProperty(exports, "SignalWifi3Bar", {
   enumerable: true,
   get: function () {
     return _SignalWifi3Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi3BarLock', {
+Object.defineProperty(exports, "SignalWifi3BarLock", {
   enumerable: true,
   get: function () {
     return _SignalWifi3BarLock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi3BarLockOutlined', {
+Object.defineProperty(exports, "SignalWifi3BarLockOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifi3BarLockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi3BarLockRounded', {
+Object.defineProperty(exports, "SignalWifi3BarLockRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifi3BarLockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi3BarLockSharp', {
+Object.defineProperty(exports, "SignalWifi3BarLockSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifi3BarLockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi3BarLockTwoTone', {
+Object.defineProperty(exports, "SignalWifi3BarLockTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifi3BarLockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi3BarOutlined', {
+Object.defineProperty(exports, "SignalWifi3BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifi3BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi3BarRounded', {
+Object.defineProperty(exports, "SignalWifi3BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifi3BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi3BarSharp', {
+Object.defineProperty(exports, "SignalWifi3BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifi3BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi3BarTwoTone', {
+Object.defineProperty(exports, "SignalWifi3BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifi3BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi4Bar', {
+Object.defineProperty(exports, "SignalWifi4Bar", {
   enumerable: true,
   get: function () {
     return _SignalWifi4Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi4BarLock', {
+Object.defineProperty(exports, "SignalWifi4BarLock", {
   enumerable: true,
   get: function () {
     return _SignalWifi4BarLock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi4BarLockOutlined', {
+Object.defineProperty(exports, "SignalWifi4BarLockOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifi4BarLockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi4BarLockRounded', {
+Object.defineProperty(exports, "SignalWifi4BarLockRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifi4BarLockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi4BarLockSharp', {
+Object.defineProperty(exports, "SignalWifi4BarLockSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifi4BarLockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi4BarLockTwoTone', {
+Object.defineProperty(exports, "SignalWifi4BarLockTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifi4BarLockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi4BarOutlined', {
+Object.defineProperty(exports, "SignalWifi4BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifi4BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi4BarRounded', {
+Object.defineProperty(exports, "SignalWifi4BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifi4BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi4BarSharp', {
+Object.defineProperty(exports, "SignalWifi4BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifi4BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifi4BarTwoTone', {
+Object.defineProperty(exports, "SignalWifi4BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifi4BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiBad', {
+Object.defineProperty(exports, "SignalWifiBad", {
   enumerable: true,
   get: function () {
     return _SignalWifiBad.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiBadOutlined', {
+Object.defineProperty(exports, "SignalWifiBadOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifiBadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiBadRounded', {
+Object.defineProperty(exports, "SignalWifiBadRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifiBadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiBadSharp', {
+Object.defineProperty(exports, "SignalWifiBadSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifiBadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiBadTwoTone', {
+Object.defineProperty(exports, "SignalWifiBadTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifiBadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiConnectedNoInternet4', {
+Object.defineProperty(exports, "SignalWifiConnectedNoInternet4", {
   enumerable: true,
   get: function () {
     return _SignalWifiConnectedNoInternet.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiConnectedNoInternet4Outlined', {
+Object.defineProperty(exports, "SignalWifiConnectedNoInternet4Outlined", {
   enumerable: true,
   get: function () {
     return _SignalWifiConnectedNoInternet4Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiConnectedNoInternet4Rounded', {
+Object.defineProperty(exports, "SignalWifiConnectedNoInternet4Rounded", {
   enumerable: true,
   get: function () {
     return _SignalWifiConnectedNoInternet4Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiConnectedNoInternet4Sharp', {
+Object.defineProperty(exports, "SignalWifiConnectedNoInternet4Sharp", {
   enumerable: true,
   get: function () {
     return _SignalWifiConnectedNoInternet4Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiConnectedNoInternet4TwoTone', {
+Object.defineProperty(exports, "SignalWifiConnectedNoInternet4TwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifiConnectedNoInternet4TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiOff', {
+Object.defineProperty(exports, "SignalWifiOff", {
   enumerable: true,
   get: function () {
     return _SignalWifiOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiOffOutlined', {
+Object.defineProperty(exports, "SignalWifiOffOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifiOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiOffRounded', {
+Object.defineProperty(exports, "SignalWifiOffRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifiOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiOffSharp', {
+Object.defineProperty(exports, "SignalWifiOffSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifiOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiOffTwoTone', {
+Object.defineProperty(exports, "SignalWifiOffTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifiOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbar4Bar', {
+Object.defineProperty(exports, "SignalWifiStatusbar4Bar", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbar4Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbar4BarOutlined', {
+Object.defineProperty(exports, "SignalWifiStatusbar4BarOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbar4BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbar4BarRounded', {
+Object.defineProperty(exports, "SignalWifiStatusbar4BarRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbar4BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbar4BarSharp', {
+Object.defineProperty(exports, "SignalWifiStatusbar4BarSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbar4BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbar4BarTwoTone', {
+Object.defineProperty(exports, "SignalWifiStatusbar4BarTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbar4BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbarConnectedNoInternet4', {
+Object.defineProperty(exports, "SignalWifiStatusbarConnectedNoInternet4", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbarConnectedNoInternet.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbarConnectedNoInternet4Outlined', {
+Object.defineProperty(exports, "SignalWifiStatusbarConnectedNoInternet4Outlined", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbarConnectedNoInternet4Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbarConnectedNoInternet4Rounded', {
+Object.defineProperty(exports, "SignalWifiStatusbarConnectedNoInternet4Rounded", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbarConnectedNoInternet4Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbarConnectedNoInternet4Sharp', {
+Object.defineProperty(exports, "SignalWifiStatusbarConnectedNoInternet4Sharp", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbarConnectedNoInternet4Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbarConnectedNoInternet4TwoTone', {
+Object.defineProperty(exports, "SignalWifiStatusbarConnectedNoInternet4TwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbarConnectedNoInternet4TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbarNull', {
+Object.defineProperty(exports, "SignalWifiStatusbarNull", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbarNull.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbarNullOutlined', {
+Object.defineProperty(exports, "SignalWifiStatusbarNullOutlined", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbarNullOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbarNullRounded', {
+Object.defineProperty(exports, "SignalWifiStatusbarNullRounded", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbarNullRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbarNullSharp', {
+Object.defineProperty(exports, "SignalWifiStatusbarNullSharp", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbarNullSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignalWifiStatusbarNullTwoTone', {
+Object.defineProperty(exports, "SignalWifiStatusbarNullTwoTone", {
   enumerable: true,
   get: function () {
     return _SignalWifiStatusbarNullTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Signpost', {
+Object.defineProperty(exports, "Signpost", {
   enumerable: true,
   get: function () {
     return _Signpost.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignpostOutlined', {
+Object.defineProperty(exports, "SignpostOutlined", {
   enumerable: true,
   get: function () {
     return _SignpostOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignpostRounded', {
+Object.defineProperty(exports, "SignpostRounded", {
   enumerable: true,
   get: function () {
     return _SignpostRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignpostSharp', {
+Object.defineProperty(exports, "SignpostSharp", {
   enumerable: true,
   get: function () {
     return _SignpostSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SignpostTwoTone', {
+Object.defineProperty(exports, "SignpostTwoTone", {
   enumerable: true,
   get: function () {
     return _SignpostTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCard', {
+Object.defineProperty(exports, "SimCard", {
   enumerable: true,
   get: function () {
     return _SimCard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardAlert', {
+Object.defineProperty(exports, "SimCardAlert", {
   enumerable: true,
   get: function () {
     return _SimCardAlert.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardAlertOutlined', {
+Object.defineProperty(exports, "SimCardAlertOutlined", {
   enumerable: true,
   get: function () {
     return _SimCardAlertOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardAlertRounded', {
+Object.defineProperty(exports, "SimCardAlertRounded", {
   enumerable: true,
   get: function () {
     return _SimCardAlertRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardAlertSharp', {
+Object.defineProperty(exports, "SimCardAlertSharp", {
   enumerable: true,
   get: function () {
     return _SimCardAlertSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardAlertTwoTone', {
+Object.defineProperty(exports, "SimCardAlertTwoTone", {
   enumerable: true,
   get: function () {
     return _SimCardAlertTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardDownload', {
+Object.defineProperty(exports, "SimCardDownload", {
   enumerable: true,
   get: function () {
     return _SimCardDownload.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardDownloadOutlined', {
+Object.defineProperty(exports, "SimCardDownloadOutlined", {
   enumerable: true,
   get: function () {
     return _SimCardDownloadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardDownloadRounded', {
+Object.defineProperty(exports, "SimCardDownloadRounded", {
   enumerable: true,
   get: function () {
     return _SimCardDownloadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardDownloadSharp', {
+Object.defineProperty(exports, "SimCardDownloadSharp", {
   enumerable: true,
   get: function () {
     return _SimCardDownloadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardDownloadTwoTone', {
+Object.defineProperty(exports, "SimCardDownloadTwoTone", {
   enumerable: true,
   get: function () {
     return _SimCardDownloadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardOutlined', {
+Object.defineProperty(exports, "SimCardOutlined", {
   enumerable: true,
   get: function () {
     return _SimCardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardRounded', {
+Object.defineProperty(exports, "SimCardRounded", {
   enumerable: true,
   get: function () {
     return _SimCardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardSharp', {
+Object.defineProperty(exports, "SimCardSharp", {
   enumerable: true,
   get: function () {
     return _SimCardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SimCardTwoTone', {
+Object.defineProperty(exports, "SimCardTwoTone", {
   enumerable: true,
   get: function () {
     return _SimCardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SingleBed', {
+Object.defineProperty(exports, "SingleBed", {
   enumerable: true,
   get: function () {
     return _SingleBed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SingleBedOutlined', {
+Object.defineProperty(exports, "SingleBedOutlined", {
   enumerable: true,
   get: function () {
     return _SingleBedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SingleBedRounded', {
+Object.defineProperty(exports, "SingleBedRounded", {
   enumerable: true,
   get: function () {
     return _SingleBedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SingleBedSharp', {
+Object.defineProperty(exports, "SingleBedSharp", {
   enumerable: true,
   get: function () {
     return _SingleBedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SingleBedTwoTone', {
+Object.defineProperty(exports, "SingleBedTwoTone", {
   enumerable: true,
   get: function () {
     return _SingleBedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sip', {
+Object.defineProperty(exports, "Sip", {
   enumerable: true,
   get: function () {
     return _Sip.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SipOutlined', {
+Object.defineProperty(exports, "SipOutlined", {
   enumerable: true,
   get: function () {
     return _SipOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SipRounded', {
+Object.defineProperty(exports, "SipRounded", {
   enumerable: true,
   get: function () {
     return _SipRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SipSharp', {
+Object.defineProperty(exports, "SipSharp", {
   enumerable: true,
   get: function () {
     return _SipSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SipTwoTone', {
+Object.defineProperty(exports, "SipTwoTone", {
   enumerable: true,
   get: function () {
     return _SipTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixK', {
+Object.defineProperty(exports, "SixK", {
   enumerable: true,
   get: function () {
     return _SixK.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixKOutlined', {
+Object.defineProperty(exports, "SixKOutlined", {
   enumerable: true,
   get: function () {
     return _SixKOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixKPlus', {
+Object.defineProperty(exports, "SixKPlus", {
   enumerable: true,
   get: function () {
     return _SixKPlus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixKPlusOutlined', {
+Object.defineProperty(exports, "SixKPlusOutlined", {
   enumerable: true,
   get: function () {
     return _SixKPlusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixKPlusRounded', {
+Object.defineProperty(exports, "SixKPlusRounded", {
   enumerable: true,
   get: function () {
     return _SixKPlusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixKPlusSharp', {
+Object.defineProperty(exports, "SixKPlusSharp", {
   enumerable: true,
   get: function () {
     return _SixKPlusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixKPlusTwoTone', {
+Object.defineProperty(exports, "SixKPlusTwoTone", {
   enumerable: true,
   get: function () {
     return _SixKPlusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixKRounded', {
+Object.defineProperty(exports, "SixKRounded", {
   enumerable: true,
   get: function () {
     return _SixKRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixKSharp', {
+Object.defineProperty(exports, "SixKSharp", {
   enumerable: true,
   get: function () {
     return _SixKSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixKTwoTone', {
+Object.defineProperty(exports, "SixKTwoTone", {
   enumerable: true,
   get: function () {
     return _SixKTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixMp', {
+Object.defineProperty(exports, "SixMp", {
   enumerable: true,
   get: function () {
     return _SixMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixMpOutlined', {
+Object.defineProperty(exports, "SixMpOutlined", {
   enumerable: true,
   get: function () {
     return _SixMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixMpRounded', {
+Object.defineProperty(exports, "SixMpRounded", {
   enumerable: true,
   get: function () {
     return _SixMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixMpSharp', {
+Object.defineProperty(exports, "SixMpSharp", {
   enumerable: true,
   get: function () {
     return _SixMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixMpTwoTone', {
+Object.defineProperty(exports, "SixMpTwoTone", {
   enumerable: true,
   get: function () {
     return _SixMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixteenMp', {
+Object.defineProperty(exports, "SixteenMp", {
   enumerable: true,
   get: function () {
     return _SixteenMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixteenMpOutlined', {
+Object.defineProperty(exports, "SixteenMpOutlined", {
   enumerable: true,
   get: function () {
     return _SixteenMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixteenMpRounded', {
+Object.defineProperty(exports, "SixteenMpRounded", {
   enumerable: true,
   get: function () {
     return _SixteenMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixteenMpSharp', {
+Object.defineProperty(exports, "SixteenMpSharp", {
   enumerable: true,
   get: function () {
     return _SixteenMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixteenMpTwoTone', {
+Object.defineProperty(exports, "SixteenMpTwoTone", {
   enumerable: true,
   get: function () {
     return _SixteenMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixtyFps', {
+Object.defineProperty(exports, "SixtyFps", {
   enumerable: true,
   get: function () {
     return _SixtyFps.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixtyFpsOutlined', {
+Object.defineProperty(exports, "SixtyFpsOutlined", {
   enumerable: true,
   get: function () {
     return _SixtyFpsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixtyFpsRounded', {
+Object.defineProperty(exports, "SixtyFpsRounded", {
   enumerable: true,
   get: function () {
     return _SixtyFpsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixtyFpsSelect', {
+Object.defineProperty(exports, "SixtyFpsSelect", {
   enumerable: true,
   get: function () {
     return _SixtyFpsSelect.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixtyFpsSelectOutlined', {
+Object.defineProperty(exports, "SixtyFpsSelectOutlined", {
   enumerable: true,
   get: function () {
     return _SixtyFpsSelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixtyFpsSelectRounded', {
+Object.defineProperty(exports, "SixtyFpsSelectRounded", {
   enumerable: true,
   get: function () {
     return _SixtyFpsSelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixtyFpsSelectSharp', {
+Object.defineProperty(exports, "SixtyFpsSelectSharp", {
   enumerable: true,
   get: function () {
     return _SixtyFpsSelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixtyFpsSelectTwoTone', {
+Object.defineProperty(exports, "SixtyFpsSelectTwoTone", {
   enumerable: true,
   get: function () {
     return _SixtyFpsSelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixtyFpsSharp', {
+Object.defineProperty(exports, "SixtyFpsSharp", {
   enumerable: true,
   get: function () {
     return _SixtyFpsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SixtyFpsTwoTone', {
+Object.defineProperty(exports, "SixtyFpsTwoTone", {
   enumerable: true,
   get: function () {
     return _SixtyFpsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Skateboarding', {
+Object.defineProperty(exports, "Skateboarding", {
   enumerable: true,
   get: function () {
     return _Skateboarding.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkateboardingOutlined', {
+Object.defineProperty(exports, "SkateboardingOutlined", {
   enumerable: true,
   get: function () {
     return _SkateboardingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkateboardingRounded', {
+Object.defineProperty(exports, "SkateboardingRounded", {
   enumerable: true,
   get: function () {
     return _SkateboardingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkateboardingSharp', {
+Object.defineProperty(exports, "SkateboardingSharp", {
   enumerable: true,
   get: function () {
     return _SkateboardingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkateboardingTwoTone', {
+Object.defineProperty(exports, "SkateboardingTwoTone", {
   enumerable: true,
   get: function () {
     return _SkateboardingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkipNext', {
+Object.defineProperty(exports, "SkipNext", {
   enumerable: true,
   get: function () {
     return _SkipNext.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkipNextOutlined', {
+Object.defineProperty(exports, "SkipNextOutlined", {
   enumerable: true,
   get: function () {
     return _SkipNextOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkipNextRounded', {
+Object.defineProperty(exports, "SkipNextRounded", {
   enumerable: true,
   get: function () {
     return _SkipNextRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkipNextSharp', {
+Object.defineProperty(exports, "SkipNextSharp", {
   enumerable: true,
   get: function () {
     return _SkipNextSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkipNextTwoTone', {
+Object.defineProperty(exports, "SkipNextTwoTone", {
   enumerable: true,
   get: function () {
     return _SkipNextTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkipPrevious', {
+Object.defineProperty(exports, "SkipPrevious", {
   enumerable: true,
   get: function () {
     return _SkipPrevious.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkipPreviousOutlined', {
+Object.defineProperty(exports, "SkipPreviousOutlined", {
   enumerable: true,
   get: function () {
     return _SkipPreviousOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkipPreviousRounded', {
+Object.defineProperty(exports, "SkipPreviousRounded", {
   enumerable: true,
   get: function () {
     return _SkipPreviousRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkipPreviousSharp', {
+Object.defineProperty(exports, "SkipPreviousSharp", {
   enumerable: true,
   get: function () {
     return _SkipPreviousSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SkipPreviousTwoTone', {
+Object.defineProperty(exports, "SkipPreviousTwoTone", {
   enumerable: true,
   get: function () {
     return _SkipPreviousTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sledding', {
+Object.defineProperty(exports, "Sledding", {
   enumerable: true,
   get: function () {
     return _Sledding.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SleddingOutlined', {
+Object.defineProperty(exports, "SleddingOutlined", {
   enumerable: true,
   get: function () {
     return _SleddingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SleddingRounded', {
+Object.defineProperty(exports, "SleddingRounded", {
   enumerable: true,
   get: function () {
     return _SleddingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SleddingSharp', {
+Object.defineProperty(exports, "SleddingSharp", {
   enumerable: true,
   get: function () {
     return _SleddingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SleddingTwoTone', {
+Object.defineProperty(exports, "SleddingTwoTone", {
   enumerable: true,
   get: function () {
     return _SleddingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Slideshow', {
+Object.defineProperty(exports, "Slideshow", {
   enumerable: true,
   get: function () {
     return _Slideshow.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SlideshowOutlined', {
+Object.defineProperty(exports, "SlideshowOutlined", {
   enumerable: true,
   get: function () {
     return _SlideshowOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SlideshowRounded', {
+Object.defineProperty(exports, "SlideshowRounded", {
   enumerable: true,
   get: function () {
     return _SlideshowRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SlideshowSharp', {
+Object.defineProperty(exports, "SlideshowSharp", {
   enumerable: true,
   get: function () {
     return _SlideshowSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SlideshowTwoTone', {
+Object.defineProperty(exports, "SlideshowTwoTone", {
   enumerable: true,
   get: function () {
     return _SlideshowTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SlowMotionVideo', {
+Object.defineProperty(exports, "SlowMotionVideo", {
   enumerable: true,
   get: function () {
     return _SlowMotionVideo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SlowMotionVideoOutlined', {
+Object.defineProperty(exports, "SlowMotionVideoOutlined", {
   enumerable: true,
   get: function () {
     return _SlowMotionVideoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SlowMotionVideoRounded', {
+Object.defineProperty(exports, "SlowMotionVideoRounded", {
   enumerable: true,
   get: function () {
     return _SlowMotionVideoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SlowMotionVideoSharp', {
+Object.defineProperty(exports, "SlowMotionVideoSharp", {
   enumerable: true,
   get: function () {
     return _SlowMotionVideoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SlowMotionVideoTwoTone', {
+Object.defineProperty(exports, "SlowMotionVideoTwoTone", {
   enumerable: true,
   get: function () {
     return _SlowMotionVideoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartButton', {
+Object.defineProperty(exports, "SmartButton", {
   enumerable: true,
   get: function () {
     return _SmartButton.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartButtonOutlined', {
+Object.defineProperty(exports, "SmartButtonOutlined", {
   enumerable: true,
   get: function () {
     return _SmartButtonOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartButtonRounded', {
+Object.defineProperty(exports, "SmartButtonRounded", {
   enumerable: true,
   get: function () {
     return _SmartButtonRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartButtonSharp', {
+Object.defineProperty(exports, "SmartButtonSharp", {
   enumerable: true,
   get: function () {
     return _SmartButtonSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartButtonTwoTone', {
+Object.defineProperty(exports, "SmartButtonTwoTone", {
   enumerable: true,
   get: function () {
     return _SmartButtonTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartDisplay', {
+Object.defineProperty(exports, "SmartDisplay", {
   enumerable: true,
   get: function () {
     return _SmartDisplay.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartDisplayOutlined', {
+Object.defineProperty(exports, "SmartDisplayOutlined", {
   enumerable: true,
   get: function () {
     return _SmartDisplayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartDisplayRounded', {
+Object.defineProperty(exports, "SmartDisplayRounded", {
   enumerable: true,
   get: function () {
     return _SmartDisplayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartDisplaySharp', {
+Object.defineProperty(exports, "SmartDisplaySharp", {
   enumerable: true,
   get: function () {
     return _SmartDisplaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartDisplayTwoTone', {
+Object.defineProperty(exports, "SmartDisplayTwoTone", {
   enumerable: true,
   get: function () {
     return _SmartDisplayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartScreen', {
+Object.defineProperty(exports, "SmartScreen", {
   enumerable: true,
   get: function () {
     return _SmartScreen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartScreenOutlined', {
+Object.defineProperty(exports, "SmartScreenOutlined", {
   enumerable: true,
   get: function () {
     return _SmartScreenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartScreenRounded', {
+Object.defineProperty(exports, "SmartScreenRounded", {
   enumerable: true,
   get: function () {
     return _SmartScreenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartScreenSharp', {
+Object.defineProperty(exports, "SmartScreenSharp", {
   enumerable: true,
   get: function () {
     return _SmartScreenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartScreenTwoTone', {
+Object.defineProperty(exports, "SmartScreenTwoTone", {
   enumerable: true,
   get: function () {
     return _SmartScreenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartToy', {
+Object.defineProperty(exports, "SmartToy", {
   enumerable: true,
   get: function () {
     return _SmartToy.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartToyOutlined', {
+Object.defineProperty(exports, "SmartToyOutlined", {
   enumerable: true,
   get: function () {
     return _SmartToyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartToyRounded', {
+Object.defineProperty(exports, "SmartToyRounded", {
   enumerable: true,
   get: function () {
     return _SmartToyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartToySharp', {
+Object.defineProperty(exports, "SmartToySharp", {
   enumerable: true,
   get: function () {
     return _SmartToySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartToyTwoTone', {
+Object.defineProperty(exports, "SmartToyTwoTone", {
   enumerable: true,
   get: function () {
     return _SmartToyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Smartphone', {
+Object.defineProperty(exports, "Smartphone", {
   enumerable: true,
   get: function () {
     return _Smartphone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartphoneOutlined', {
+Object.defineProperty(exports, "SmartphoneOutlined", {
   enumerable: true,
   get: function () {
     return _SmartphoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartphoneRounded', {
+Object.defineProperty(exports, "SmartphoneRounded", {
   enumerable: true,
   get: function () {
     return _SmartphoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartphoneSharp', {
+Object.defineProperty(exports, "SmartphoneSharp", {
   enumerable: true,
   get: function () {
     return _SmartphoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmartphoneTwoTone', {
+Object.defineProperty(exports, "SmartphoneTwoTone", {
   enumerable: true,
   get: function () {
     return _SmartphoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmokeFree', {
+Object.defineProperty(exports, "SmokeFree", {
   enumerable: true,
   get: function () {
     return _SmokeFree.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmokeFreeOutlined', {
+Object.defineProperty(exports, "SmokeFreeOutlined", {
   enumerable: true,
   get: function () {
     return _SmokeFreeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmokeFreeRounded', {
+Object.defineProperty(exports, "SmokeFreeRounded", {
   enumerable: true,
   get: function () {
     return _SmokeFreeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmokeFreeSharp', {
+Object.defineProperty(exports, "SmokeFreeSharp", {
   enumerable: true,
   get: function () {
     return _SmokeFreeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmokeFreeTwoTone', {
+Object.defineProperty(exports, "SmokeFreeTwoTone", {
   enumerable: true,
   get: function () {
     return _SmokeFreeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmokingRooms', {
+Object.defineProperty(exports, "SmokingRooms", {
   enumerable: true,
   get: function () {
     return _SmokingRooms.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmokingRoomsOutlined', {
+Object.defineProperty(exports, "SmokingRoomsOutlined", {
   enumerable: true,
   get: function () {
     return _SmokingRoomsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmokingRoomsRounded', {
+Object.defineProperty(exports, "SmokingRoomsRounded", {
   enumerable: true,
   get: function () {
     return _SmokingRoomsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmokingRoomsSharp', {
+Object.defineProperty(exports, "SmokingRoomsSharp", {
   enumerable: true,
   get: function () {
     return _SmokingRoomsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmokingRoomsTwoTone', {
+Object.defineProperty(exports, "SmokingRoomsTwoTone", {
   enumerable: true,
   get: function () {
     return _SmokingRoomsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sms', {
+Object.defineProperty(exports, "Sms", {
   enumerable: true,
   get: function () {
     return _Sms.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmsFailed', {
+Object.defineProperty(exports, "SmsFailed", {
   enumerable: true,
   get: function () {
     return _SmsFailed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmsFailedOutlined', {
+Object.defineProperty(exports, "SmsFailedOutlined", {
   enumerable: true,
   get: function () {
     return _SmsFailedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmsFailedRounded', {
+Object.defineProperty(exports, "SmsFailedRounded", {
   enumerable: true,
   get: function () {
     return _SmsFailedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmsFailedSharp', {
+Object.defineProperty(exports, "SmsFailedSharp", {
   enumerable: true,
   get: function () {
     return _SmsFailedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmsFailedTwoTone', {
+Object.defineProperty(exports, "SmsFailedTwoTone", {
   enumerable: true,
   get: function () {
     return _SmsFailedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmsOutlined', {
+Object.defineProperty(exports, "SmsOutlined", {
   enumerable: true,
   get: function () {
     return _SmsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmsRounded', {
+Object.defineProperty(exports, "SmsRounded", {
   enumerable: true,
   get: function () {
     return _SmsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmsSharp', {
+Object.defineProperty(exports, "SmsSharp", {
   enumerable: true,
   get: function () {
     return _SmsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SmsTwoTone', {
+Object.defineProperty(exports, "SmsTwoTone", {
   enumerable: true,
   get: function () {
     return _SmsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnippetFolder', {
+Object.defineProperty(exports, "SnippetFolder", {
   enumerable: true,
   get: function () {
     return _SnippetFolder.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnippetFolderOutlined', {
+Object.defineProperty(exports, "SnippetFolderOutlined", {
   enumerable: true,
   get: function () {
     return _SnippetFolderOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnippetFolderRounded', {
+Object.defineProperty(exports, "SnippetFolderRounded", {
   enumerable: true,
   get: function () {
     return _SnippetFolderRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnippetFolderSharp', {
+Object.defineProperty(exports, "SnippetFolderSharp", {
   enumerable: true,
   get: function () {
     return _SnippetFolderSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnippetFolderTwoTone', {
+Object.defineProperty(exports, "SnippetFolderTwoTone", {
   enumerable: true,
   get: function () {
     return _SnippetFolderTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Snooze', {
+Object.defineProperty(exports, "Snooze", {
   enumerable: true,
   get: function () {
     return _Snooze.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnoozeOutlined', {
+Object.defineProperty(exports, "SnoozeOutlined", {
   enumerable: true,
   get: function () {
     return _SnoozeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnoozeRounded', {
+Object.defineProperty(exports, "SnoozeRounded", {
   enumerable: true,
   get: function () {
     return _SnoozeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnoozeSharp', {
+Object.defineProperty(exports, "SnoozeSharp", {
   enumerable: true,
   get: function () {
     return _SnoozeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnoozeTwoTone', {
+Object.defineProperty(exports, "SnoozeTwoTone", {
   enumerable: true,
   get: function () {
     return _SnoozeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Snowboarding', {
+Object.defineProperty(exports, "Snowboarding", {
   enumerable: true,
   get: function () {
     return _Snowboarding.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnowboardingOutlined', {
+Object.defineProperty(exports, "SnowboardingOutlined", {
   enumerable: true,
   get: function () {
     return _SnowboardingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnowboardingRounded', {
+Object.defineProperty(exports, "SnowboardingRounded", {
   enumerable: true,
   get: function () {
     return _SnowboardingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnowboardingSharp', {
+Object.defineProperty(exports, "SnowboardingSharp", {
   enumerable: true,
   get: function () {
     return _SnowboardingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnowboardingTwoTone', {
+Object.defineProperty(exports, "SnowboardingTwoTone", {
   enumerable: true,
   get: function () {
     return _SnowboardingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Snowmobile', {
+Object.defineProperty(exports, "Snowmobile", {
   enumerable: true,
   get: function () {
     return _Snowmobile.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnowmobileOutlined', {
+Object.defineProperty(exports, "SnowmobileOutlined", {
   enumerable: true,
   get: function () {
     return _SnowmobileOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnowmobileRounded', {
+Object.defineProperty(exports, "SnowmobileRounded", {
   enumerable: true,
   get: function () {
     return _SnowmobileRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnowmobileSharp', {
+Object.defineProperty(exports, "SnowmobileSharp", {
   enumerable: true,
   get: function () {
     return _SnowmobileSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnowmobileTwoTone', {
+Object.defineProperty(exports, "SnowmobileTwoTone", {
   enumerable: true,
   get: function () {
     return _SnowmobileTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Snowshoeing', {
+Object.defineProperty(exports, "Snowshoeing", {
   enumerable: true,
   get: function () {
     return _Snowshoeing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnowshoeingOutlined', {
+Object.defineProperty(exports, "SnowshoeingOutlined", {
   enumerable: true,
   get: function () {
     return _SnowshoeingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnowshoeingRounded', {
+Object.defineProperty(exports, "SnowshoeingRounded", {
   enumerable: true,
   get: function () {
     return _SnowshoeingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnowshoeingSharp', {
+Object.defineProperty(exports, "SnowshoeingSharp", {
   enumerable: true,
   get: function () {
     return _SnowshoeingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SnowshoeingTwoTone', {
+Object.defineProperty(exports, "SnowshoeingTwoTone", {
   enumerable: true,
   get: function () {
     return _SnowshoeingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Soap', {
+Object.defineProperty(exports, "Soap", {
   enumerable: true,
   get: function () {
     return _Soap.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SoapOutlined', {
+Object.defineProperty(exports, "SoapOutlined", {
   enumerable: true,
   get: function () {
     return _SoapOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SoapRounded', {
+Object.defineProperty(exports, "SoapRounded", {
   enumerable: true,
   get: function () {
     return _SoapRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SoapSharp', {
+Object.defineProperty(exports, "SoapSharp", {
   enumerable: true,
   get: function () {
     return _SoapSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SoapTwoTone', {
+Object.defineProperty(exports, "SoapTwoTone", {
   enumerable: true,
   get: function () {
     return _SoapTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SocialDistance', {
+Object.defineProperty(exports, "SocialDistance", {
   enumerable: true,
   get: function () {
     return _SocialDistance.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SocialDistanceOutlined', {
+Object.defineProperty(exports, "SocialDistanceOutlined", {
   enumerable: true,
   get: function () {
     return _SocialDistanceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SocialDistanceRounded', {
+Object.defineProperty(exports, "SocialDistanceRounded", {
   enumerable: true,
   get: function () {
     return _SocialDistanceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SocialDistanceSharp', {
+Object.defineProperty(exports, "SocialDistanceSharp", {
   enumerable: true,
   get: function () {
     return _SocialDistanceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SocialDistanceTwoTone', {
+Object.defineProperty(exports, "SocialDistanceTwoTone", {
   enumerable: true,
   get: function () {
     return _SocialDistanceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SolarPower', {
+Object.defineProperty(exports, "SolarPower", {
   enumerable: true,
   get: function () {
     return _SolarPower.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SolarPowerOutlined', {
+Object.defineProperty(exports, "SolarPowerOutlined", {
   enumerable: true,
   get: function () {
     return _SolarPowerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SolarPowerRounded', {
+Object.defineProperty(exports, "SolarPowerRounded", {
   enumerable: true,
   get: function () {
     return _SolarPowerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SolarPowerSharp', {
+Object.defineProperty(exports, "SolarPowerSharp", {
   enumerable: true,
   get: function () {
     return _SolarPowerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SolarPowerTwoTone', {
+Object.defineProperty(exports, "SolarPowerTwoTone", {
   enumerable: true,
   get: function () {
     return _SolarPowerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sort', {
+Object.defineProperty(exports, "Sort", {
   enumerable: true,
   get: function () {
     return _Sort.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SortByAlpha', {
+Object.defineProperty(exports, "SortByAlpha", {
   enumerable: true,
   get: function () {
     return _SortByAlpha.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SortByAlphaOutlined', {
+Object.defineProperty(exports, "SortByAlphaOutlined", {
   enumerable: true,
   get: function () {
     return _SortByAlphaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SortByAlphaRounded', {
+Object.defineProperty(exports, "SortByAlphaRounded", {
   enumerable: true,
   get: function () {
     return _SortByAlphaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SortByAlphaSharp', {
+Object.defineProperty(exports, "SortByAlphaSharp", {
   enumerable: true,
   get: function () {
     return _SortByAlphaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SortByAlphaTwoTone', {
+Object.defineProperty(exports, "SortByAlphaTwoTone", {
   enumerable: true,
   get: function () {
     return _SortByAlphaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SortOutlined', {
+Object.defineProperty(exports, "SortOutlined", {
   enumerable: true,
   get: function () {
     return _SortOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SortRounded', {
+Object.defineProperty(exports, "SortRounded", {
   enumerable: true,
   get: function () {
     return _SortRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SortSharp', {
+Object.defineProperty(exports, "SortSharp", {
   enumerable: true,
   get: function () {
     return _SortSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SortTwoTone', {
+Object.defineProperty(exports, "SortTwoTone", {
   enumerable: true,
   get: function () {
     return _SortTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sos', {
+Object.defineProperty(exports, "Sos", {
   enumerable: true,
   get: function () {
     return _Sos.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SosOutlined', {
+Object.defineProperty(exports, "SosOutlined", {
   enumerable: true,
   get: function () {
     return _SosOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SosRounded', {
+Object.defineProperty(exports, "SosRounded", {
   enumerable: true,
   get: function () {
     return _SosRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SosSharp', {
+Object.defineProperty(exports, "SosSharp", {
   enumerable: true,
   get: function () {
     return _SosSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SosTwoTone', {
+Object.defineProperty(exports, "SosTwoTone", {
   enumerable: true,
   get: function () {
     return _SosTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SoupKitchen', {
+Object.defineProperty(exports, "SoupKitchen", {
   enumerable: true,
   get: function () {
     return _SoupKitchen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SoupKitchenOutlined', {
+Object.defineProperty(exports, "SoupKitchenOutlined", {
   enumerable: true,
   get: function () {
     return _SoupKitchenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SoupKitchenRounded', {
+Object.defineProperty(exports, "SoupKitchenRounded", {
   enumerable: true,
   get: function () {
     return _SoupKitchenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SoupKitchenSharp', {
+Object.defineProperty(exports, "SoupKitchenSharp", {
   enumerable: true,
   get: function () {
     return _SoupKitchenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SoupKitchenTwoTone', {
+Object.defineProperty(exports, "SoupKitchenTwoTone", {
   enumerable: true,
   get: function () {
     return _SoupKitchenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Source', {
+Object.defineProperty(exports, "Source", {
   enumerable: true,
   get: function () {
     return _Source.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SourceOutlined', {
+Object.defineProperty(exports, "SourceOutlined", {
   enumerable: true,
   get: function () {
     return _SourceOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SourceRounded', {
+Object.defineProperty(exports, "SourceRounded", {
   enumerable: true,
   get: function () {
     return _SourceRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SourceSharp', {
+Object.defineProperty(exports, "SourceSharp", {
   enumerable: true,
   get: function () {
     return _SourceSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SourceTwoTone', {
+Object.defineProperty(exports, "SourceTwoTone", {
   enumerable: true,
   get: function () {
     return _SourceTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'South', {
+Object.defineProperty(exports, "South", {
   enumerable: true,
   get: function () {
     return _South.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthAmerica', {
+Object.defineProperty(exports, "SouthAmerica", {
   enumerable: true,
   get: function () {
     return _SouthAmerica.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthAmericaOutlined', {
+Object.defineProperty(exports, "SouthAmericaOutlined", {
   enumerable: true,
   get: function () {
     return _SouthAmericaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthAmericaRounded', {
+Object.defineProperty(exports, "SouthAmericaRounded", {
   enumerable: true,
   get: function () {
     return _SouthAmericaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthAmericaSharp', {
+Object.defineProperty(exports, "SouthAmericaSharp", {
   enumerable: true,
   get: function () {
     return _SouthAmericaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthAmericaTwoTone', {
+Object.defineProperty(exports, "SouthAmericaTwoTone", {
   enumerable: true,
   get: function () {
     return _SouthAmericaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthEast', {
+Object.defineProperty(exports, "SouthEast", {
   enumerable: true,
   get: function () {
     return _SouthEast.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthEastOutlined', {
+Object.defineProperty(exports, "SouthEastOutlined", {
   enumerable: true,
   get: function () {
     return _SouthEastOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthEastRounded', {
+Object.defineProperty(exports, "SouthEastRounded", {
   enumerable: true,
   get: function () {
     return _SouthEastRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthEastSharp', {
+Object.defineProperty(exports, "SouthEastSharp", {
   enumerable: true,
   get: function () {
     return _SouthEastSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthEastTwoTone', {
+Object.defineProperty(exports, "SouthEastTwoTone", {
   enumerable: true,
   get: function () {
     return _SouthEastTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthOutlined', {
+Object.defineProperty(exports, "SouthOutlined", {
   enumerable: true,
   get: function () {
     return _SouthOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthRounded', {
+Object.defineProperty(exports, "SouthRounded", {
   enumerable: true,
   get: function () {
     return _SouthRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthSharp', {
+Object.defineProperty(exports, "SouthSharp", {
   enumerable: true,
   get: function () {
     return _SouthSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthTwoTone', {
+Object.defineProperty(exports, "SouthTwoTone", {
   enumerable: true,
   get: function () {
     return _SouthTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthWest', {
+Object.defineProperty(exports, "SouthWest", {
   enumerable: true,
   get: function () {
     return _SouthWest.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthWestOutlined', {
+Object.defineProperty(exports, "SouthWestOutlined", {
   enumerable: true,
   get: function () {
     return _SouthWestOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthWestRounded', {
+Object.defineProperty(exports, "SouthWestRounded", {
   enumerable: true,
   get: function () {
     return _SouthWestRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthWestSharp', {
+Object.defineProperty(exports, "SouthWestSharp", {
   enumerable: true,
   get: function () {
     return _SouthWestSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SouthWestTwoTone', {
+Object.defineProperty(exports, "SouthWestTwoTone", {
   enumerable: true,
   get: function () {
     return _SouthWestTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Spa', {
+Object.defineProperty(exports, "Spa", {
   enumerable: true,
   get: function () {
     return _Spa.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaOutlined', {
+Object.defineProperty(exports, "SpaOutlined", {
   enumerable: true,
   get: function () {
     return _SpaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaRounded', {
+Object.defineProperty(exports, "SpaRounded", {
   enumerable: true,
   get: function () {
     return _SpaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaSharp', {
+Object.defineProperty(exports, "SpaSharp", {
   enumerable: true,
   get: function () {
     return _SpaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaTwoTone', {
+Object.defineProperty(exports, "SpaTwoTone", {
   enumerable: true,
   get: function () {
     return _SpaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaceBar', {
+Object.defineProperty(exports, "SpaceBar", {
   enumerable: true,
   get: function () {
     return _SpaceBar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaceBarOutlined', {
+Object.defineProperty(exports, "SpaceBarOutlined", {
   enumerable: true,
   get: function () {
     return _SpaceBarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaceBarRounded', {
+Object.defineProperty(exports, "SpaceBarRounded", {
   enumerable: true,
   get: function () {
     return _SpaceBarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaceBarSharp', {
+Object.defineProperty(exports, "SpaceBarSharp", {
   enumerable: true,
   get: function () {
     return _SpaceBarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaceBarTwoTone', {
+Object.defineProperty(exports, "SpaceBarTwoTone", {
   enumerable: true,
   get: function () {
     return _SpaceBarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaceDashboard', {
+Object.defineProperty(exports, "SpaceDashboard", {
   enumerable: true,
   get: function () {
     return _SpaceDashboard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaceDashboardOutlined', {
+Object.defineProperty(exports, "SpaceDashboardOutlined", {
   enumerable: true,
   get: function () {
     return _SpaceDashboardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaceDashboardRounded', {
+Object.defineProperty(exports, "SpaceDashboardRounded", {
   enumerable: true,
   get: function () {
     return _SpaceDashboardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaceDashboardSharp', {
+Object.defineProperty(exports, "SpaceDashboardSharp", {
   enumerable: true,
   get: function () {
     return _SpaceDashboardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpaceDashboardTwoTone', {
+Object.defineProperty(exports, "SpaceDashboardTwoTone", {
   enumerable: true,
   get: function () {
     return _SpaceDashboardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialAudio', {
+Object.defineProperty(exports, "SpatialAudio", {
   enumerable: true,
   get: function () {
     return _SpatialAudio.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialAudioOff', {
+Object.defineProperty(exports, "SpatialAudioOff", {
   enumerable: true,
   get: function () {
     return _SpatialAudioOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialAudioOffOutlined', {
+Object.defineProperty(exports, "SpatialAudioOffOutlined", {
   enumerable: true,
   get: function () {
     return _SpatialAudioOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialAudioOffRounded', {
+Object.defineProperty(exports, "SpatialAudioOffRounded", {
   enumerable: true,
   get: function () {
     return _SpatialAudioOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialAudioOffSharp', {
+Object.defineProperty(exports, "SpatialAudioOffSharp", {
   enumerable: true,
   get: function () {
     return _SpatialAudioOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialAudioOffTwoTone', {
+Object.defineProperty(exports, "SpatialAudioOffTwoTone", {
   enumerable: true,
   get: function () {
     return _SpatialAudioOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialAudioOutlined', {
+Object.defineProperty(exports, "SpatialAudioOutlined", {
   enumerable: true,
   get: function () {
     return _SpatialAudioOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialAudioRounded', {
+Object.defineProperty(exports, "SpatialAudioRounded", {
   enumerable: true,
   get: function () {
     return _SpatialAudioRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialAudioSharp', {
+Object.defineProperty(exports, "SpatialAudioSharp", {
   enumerable: true,
   get: function () {
     return _SpatialAudioSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialAudioTwoTone', {
+Object.defineProperty(exports, "SpatialAudioTwoTone", {
   enumerable: true,
   get: function () {
     return _SpatialAudioTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialTracking', {
+Object.defineProperty(exports, "SpatialTracking", {
   enumerable: true,
   get: function () {
     return _SpatialTracking.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialTrackingOutlined', {
+Object.defineProperty(exports, "SpatialTrackingOutlined", {
   enumerable: true,
   get: function () {
     return _SpatialTrackingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialTrackingRounded', {
+Object.defineProperty(exports, "SpatialTrackingRounded", {
   enumerable: true,
   get: function () {
     return _SpatialTrackingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialTrackingSharp', {
+Object.defineProperty(exports, "SpatialTrackingSharp", {
   enumerable: true,
   get: function () {
     return _SpatialTrackingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpatialTrackingTwoTone', {
+Object.defineProperty(exports, "SpatialTrackingTwoTone", {
   enumerable: true,
   get: function () {
     return _SpatialTrackingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Speaker', {
+Object.defineProperty(exports, "Speaker", {
   enumerable: true,
   get: function () {
     return _Speaker.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerGroup', {
+Object.defineProperty(exports, "SpeakerGroup", {
   enumerable: true,
   get: function () {
     return _SpeakerGroup.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerGroupOutlined', {
+Object.defineProperty(exports, "SpeakerGroupOutlined", {
   enumerable: true,
   get: function () {
     return _SpeakerGroupOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerGroupRounded', {
+Object.defineProperty(exports, "SpeakerGroupRounded", {
   enumerable: true,
   get: function () {
     return _SpeakerGroupRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerGroupSharp', {
+Object.defineProperty(exports, "SpeakerGroupSharp", {
   enumerable: true,
   get: function () {
     return _SpeakerGroupSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerGroupTwoTone', {
+Object.defineProperty(exports, "SpeakerGroupTwoTone", {
   enumerable: true,
   get: function () {
     return _SpeakerGroupTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerNotes', {
+Object.defineProperty(exports, "SpeakerNotes", {
   enumerable: true,
   get: function () {
     return _SpeakerNotes.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerNotesOff', {
+Object.defineProperty(exports, "SpeakerNotesOff", {
   enumerable: true,
   get: function () {
     return _SpeakerNotesOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerNotesOffOutlined', {
+Object.defineProperty(exports, "SpeakerNotesOffOutlined", {
   enumerable: true,
   get: function () {
     return _SpeakerNotesOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerNotesOffRounded', {
+Object.defineProperty(exports, "SpeakerNotesOffRounded", {
   enumerable: true,
   get: function () {
     return _SpeakerNotesOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerNotesOffSharp', {
+Object.defineProperty(exports, "SpeakerNotesOffSharp", {
   enumerable: true,
   get: function () {
     return _SpeakerNotesOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerNotesOffTwoTone', {
+Object.defineProperty(exports, "SpeakerNotesOffTwoTone", {
   enumerable: true,
   get: function () {
     return _SpeakerNotesOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerNotesOutlined', {
+Object.defineProperty(exports, "SpeakerNotesOutlined", {
   enumerable: true,
   get: function () {
     return _SpeakerNotesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerNotesRounded', {
+Object.defineProperty(exports, "SpeakerNotesRounded", {
   enumerable: true,
   get: function () {
     return _SpeakerNotesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerNotesSharp', {
+Object.defineProperty(exports, "SpeakerNotesSharp", {
   enumerable: true,
   get: function () {
     return _SpeakerNotesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerNotesTwoTone', {
+Object.defineProperty(exports, "SpeakerNotesTwoTone", {
   enumerable: true,
   get: function () {
     return _SpeakerNotesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerOutlined', {
+Object.defineProperty(exports, "SpeakerOutlined", {
   enumerable: true,
   get: function () {
     return _SpeakerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerPhone', {
+Object.defineProperty(exports, "SpeakerPhone", {
   enumerable: true,
   get: function () {
     return _SpeakerPhone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerPhoneOutlined', {
+Object.defineProperty(exports, "SpeakerPhoneOutlined", {
   enumerable: true,
   get: function () {
     return _SpeakerPhoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerPhoneRounded', {
+Object.defineProperty(exports, "SpeakerPhoneRounded", {
   enumerable: true,
   get: function () {
     return _SpeakerPhoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerPhoneSharp', {
+Object.defineProperty(exports, "SpeakerPhoneSharp", {
   enumerable: true,
   get: function () {
     return _SpeakerPhoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerPhoneTwoTone', {
+Object.defineProperty(exports, "SpeakerPhoneTwoTone", {
   enumerable: true,
   get: function () {
     return _SpeakerPhoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerRounded', {
+Object.defineProperty(exports, "SpeakerRounded", {
   enumerable: true,
   get: function () {
     return _SpeakerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerSharp', {
+Object.defineProperty(exports, "SpeakerSharp", {
   enumerable: true,
   get: function () {
     return _SpeakerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeakerTwoTone', {
+Object.defineProperty(exports, "SpeakerTwoTone", {
   enumerable: true,
   get: function () {
     return _SpeakerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Speed', {
+Object.defineProperty(exports, "Speed", {
   enumerable: true,
   get: function () {
     return _Speed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeedOutlined', {
+Object.defineProperty(exports, "SpeedOutlined", {
   enumerable: true,
   get: function () {
     return _SpeedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeedRounded', {
+Object.defineProperty(exports, "SpeedRounded", {
   enumerable: true,
   get: function () {
     return _SpeedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeedSharp', {
+Object.defineProperty(exports, "SpeedSharp", {
   enumerable: true,
   get: function () {
     return _SpeedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpeedTwoTone', {
+Object.defineProperty(exports, "SpeedTwoTone", {
   enumerable: true,
   get: function () {
     return _SpeedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Spellcheck', {
+Object.defineProperty(exports, "Spellcheck", {
   enumerable: true,
   get: function () {
     return _Spellcheck.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpellcheckOutlined', {
+Object.defineProperty(exports, "SpellcheckOutlined", {
   enumerable: true,
   get: function () {
     return _SpellcheckOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpellcheckRounded', {
+Object.defineProperty(exports, "SpellcheckRounded", {
   enumerable: true,
   get: function () {
     return _SpellcheckRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpellcheckSharp', {
+Object.defineProperty(exports, "SpellcheckSharp", {
   enumerable: true,
   get: function () {
     return _SpellcheckSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpellcheckTwoTone', {
+Object.defineProperty(exports, "SpellcheckTwoTone", {
   enumerable: true,
   get: function () {
     return _SpellcheckTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Splitscreen', {
+Object.defineProperty(exports, "Splitscreen", {
   enumerable: true,
   get: function () {
     return _Splitscreen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SplitscreenOutlined', {
+Object.defineProperty(exports, "SplitscreenOutlined", {
   enumerable: true,
   get: function () {
     return _SplitscreenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SplitscreenRounded', {
+Object.defineProperty(exports, "SplitscreenRounded", {
   enumerable: true,
   get: function () {
     return _SplitscreenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SplitscreenSharp', {
+Object.defineProperty(exports, "SplitscreenSharp", {
   enumerable: true,
   get: function () {
     return _SplitscreenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SplitscreenTwoTone', {
+Object.defineProperty(exports, "SplitscreenTwoTone", {
   enumerable: true,
   get: function () {
     return _SplitscreenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Spoke', {
+Object.defineProperty(exports, "Spoke", {
   enumerable: true,
   get: function () {
     return _Spoke.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpokeOutlined', {
+Object.defineProperty(exports, "SpokeOutlined", {
   enumerable: true,
   get: function () {
     return _SpokeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpokeRounded', {
+Object.defineProperty(exports, "SpokeRounded", {
   enumerable: true,
   get: function () {
     return _SpokeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpokeSharp', {
+Object.defineProperty(exports, "SpokeSharp", {
   enumerable: true,
   get: function () {
     return _SpokeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SpokeTwoTone', {
+Object.defineProperty(exports, "SpokeTwoTone", {
   enumerable: true,
   get: function () {
     return _SpokeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sports', {
+Object.defineProperty(exports, "Sports", {
   enumerable: true,
   get: function () {
     return _Sports.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBar', {
+Object.defineProperty(exports, "SportsBar", {
   enumerable: true,
   get: function () {
     return _SportsBar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBarOutlined', {
+Object.defineProperty(exports, "SportsBarOutlined", {
   enumerable: true,
   get: function () {
     return _SportsBarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBarRounded', {
+Object.defineProperty(exports, "SportsBarRounded", {
   enumerable: true,
   get: function () {
     return _SportsBarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBarSharp', {
+Object.defineProperty(exports, "SportsBarSharp", {
   enumerable: true,
   get: function () {
     return _SportsBarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBarTwoTone', {
+Object.defineProperty(exports, "SportsBarTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsBarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBaseball', {
+Object.defineProperty(exports, "SportsBaseball", {
   enumerable: true,
   get: function () {
     return _SportsBaseball.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBaseballOutlined', {
+Object.defineProperty(exports, "SportsBaseballOutlined", {
   enumerable: true,
   get: function () {
     return _SportsBaseballOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBaseballRounded', {
+Object.defineProperty(exports, "SportsBaseballRounded", {
   enumerable: true,
   get: function () {
     return _SportsBaseballRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBaseballSharp', {
+Object.defineProperty(exports, "SportsBaseballSharp", {
   enumerable: true,
   get: function () {
     return _SportsBaseballSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBaseballTwoTone', {
+Object.defineProperty(exports, "SportsBaseballTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsBaseballTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBasketball', {
+Object.defineProperty(exports, "SportsBasketball", {
   enumerable: true,
   get: function () {
     return _SportsBasketball.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBasketballOutlined', {
+Object.defineProperty(exports, "SportsBasketballOutlined", {
   enumerable: true,
   get: function () {
     return _SportsBasketballOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBasketballRounded', {
+Object.defineProperty(exports, "SportsBasketballRounded", {
   enumerable: true,
   get: function () {
     return _SportsBasketballRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBasketballSharp', {
+Object.defineProperty(exports, "SportsBasketballSharp", {
   enumerable: true,
   get: function () {
     return _SportsBasketballSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsBasketballTwoTone', {
+Object.defineProperty(exports, "SportsBasketballTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsBasketballTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsCricket', {
+Object.defineProperty(exports, "SportsCricket", {
   enumerable: true,
   get: function () {
     return _SportsCricket.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsCricketOutlined', {
+Object.defineProperty(exports, "SportsCricketOutlined", {
   enumerable: true,
   get: function () {
     return _SportsCricketOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsCricketRounded', {
+Object.defineProperty(exports, "SportsCricketRounded", {
   enumerable: true,
   get: function () {
     return _SportsCricketRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsCricketSharp', {
+Object.defineProperty(exports, "SportsCricketSharp", {
   enumerable: true,
   get: function () {
     return _SportsCricketSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsCricketTwoTone', {
+Object.defineProperty(exports, "SportsCricketTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsCricketTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsEsports', {
+Object.defineProperty(exports, "SportsEsports", {
   enumerable: true,
   get: function () {
     return _SportsEsports.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsEsportsOutlined', {
+Object.defineProperty(exports, "SportsEsportsOutlined", {
   enumerable: true,
   get: function () {
     return _SportsEsportsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsEsportsRounded', {
+Object.defineProperty(exports, "SportsEsportsRounded", {
   enumerable: true,
   get: function () {
     return _SportsEsportsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsEsportsSharp', {
+Object.defineProperty(exports, "SportsEsportsSharp", {
   enumerable: true,
   get: function () {
     return _SportsEsportsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsEsportsTwoTone', {
+Object.defineProperty(exports, "SportsEsportsTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsEsportsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsFootball', {
+Object.defineProperty(exports, "SportsFootball", {
   enumerable: true,
   get: function () {
     return _SportsFootball.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsFootballOutlined', {
+Object.defineProperty(exports, "SportsFootballOutlined", {
   enumerable: true,
   get: function () {
     return _SportsFootballOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsFootballRounded', {
+Object.defineProperty(exports, "SportsFootballRounded", {
   enumerable: true,
   get: function () {
     return _SportsFootballRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsFootballSharp', {
+Object.defineProperty(exports, "SportsFootballSharp", {
   enumerable: true,
   get: function () {
     return _SportsFootballSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsFootballTwoTone', {
+Object.defineProperty(exports, "SportsFootballTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsFootballTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsGolf', {
+Object.defineProperty(exports, "SportsGolf", {
   enumerable: true,
   get: function () {
     return _SportsGolf.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsGolfOutlined', {
+Object.defineProperty(exports, "SportsGolfOutlined", {
   enumerable: true,
   get: function () {
     return _SportsGolfOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsGolfRounded', {
+Object.defineProperty(exports, "SportsGolfRounded", {
   enumerable: true,
   get: function () {
     return _SportsGolfRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsGolfSharp', {
+Object.defineProperty(exports, "SportsGolfSharp", {
   enumerable: true,
   get: function () {
     return _SportsGolfSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsGolfTwoTone', {
+Object.defineProperty(exports, "SportsGolfTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsGolfTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsGymnastics', {
+Object.defineProperty(exports, "SportsGymnastics", {
   enumerable: true,
   get: function () {
     return _SportsGymnastics.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsGymnasticsOutlined', {
+Object.defineProperty(exports, "SportsGymnasticsOutlined", {
   enumerable: true,
   get: function () {
     return _SportsGymnasticsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsGymnasticsRounded', {
+Object.defineProperty(exports, "SportsGymnasticsRounded", {
   enumerable: true,
   get: function () {
     return _SportsGymnasticsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsGymnasticsSharp', {
+Object.defineProperty(exports, "SportsGymnasticsSharp", {
   enumerable: true,
   get: function () {
     return _SportsGymnasticsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsGymnasticsTwoTone', {
+Object.defineProperty(exports, "SportsGymnasticsTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsGymnasticsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsHandball', {
+Object.defineProperty(exports, "SportsHandball", {
   enumerable: true,
   get: function () {
     return _SportsHandball.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsHandballOutlined', {
+Object.defineProperty(exports, "SportsHandballOutlined", {
   enumerable: true,
   get: function () {
     return _SportsHandballOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsHandballRounded', {
+Object.defineProperty(exports, "SportsHandballRounded", {
   enumerable: true,
   get: function () {
     return _SportsHandballRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsHandballSharp', {
+Object.defineProperty(exports, "SportsHandballSharp", {
   enumerable: true,
   get: function () {
     return _SportsHandballSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsHandballTwoTone', {
+Object.defineProperty(exports, "SportsHandballTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsHandballTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsHockey', {
+Object.defineProperty(exports, "SportsHockey", {
   enumerable: true,
   get: function () {
     return _SportsHockey.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsHockeyOutlined', {
+Object.defineProperty(exports, "SportsHockeyOutlined", {
   enumerable: true,
   get: function () {
     return _SportsHockeyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsHockeyRounded', {
+Object.defineProperty(exports, "SportsHockeyRounded", {
   enumerable: true,
   get: function () {
     return _SportsHockeyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsHockeySharp', {
+Object.defineProperty(exports, "SportsHockeySharp", {
   enumerable: true,
   get: function () {
     return _SportsHockeySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsHockeyTwoTone', {
+Object.defineProperty(exports, "SportsHockeyTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsHockeyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsKabaddi', {
+Object.defineProperty(exports, "SportsKabaddi", {
   enumerable: true,
   get: function () {
     return _SportsKabaddi.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsKabaddiOutlined', {
+Object.defineProperty(exports, "SportsKabaddiOutlined", {
   enumerable: true,
   get: function () {
     return _SportsKabaddiOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsKabaddiRounded', {
+Object.defineProperty(exports, "SportsKabaddiRounded", {
   enumerable: true,
   get: function () {
     return _SportsKabaddiRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsKabaddiSharp', {
+Object.defineProperty(exports, "SportsKabaddiSharp", {
   enumerable: true,
   get: function () {
     return _SportsKabaddiSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsKabaddiTwoTone', {
+Object.defineProperty(exports, "SportsKabaddiTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsKabaddiTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMartialArts', {
+Object.defineProperty(exports, "SportsMartialArts", {
   enumerable: true,
   get: function () {
     return _SportsMartialArts.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMartialArtsOutlined', {
+Object.defineProperty(exports, "SportsMartialArtsOutlined", {
   enumerable: true,
   get: function () {
     return _SportsMartialArtsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMartialArtsRounded', {
+Object.defineProperty(exports, "SportsMartialArtsRounded", {
   enumerable: true,
   get: function () {
     return _SportsMartialArtsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMartialArtsSharp', {
+Object.defineProperty(exports, "SportsMartialArtsSharp", {
   enumerable: true,
   get: function () {
     return _SportsMartialArtsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMartialArtsTwoTone', {
+Object.defineProperty(exports, "SportsMartialArtsTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsMartialArtsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMma', {
+Object.defineProperty(exports, "SportsMma", {
   enumerable: true,
   get: function () {
     return _SportsMma.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMmaOutlined', {
+Object.defineProperty(exports, "SportsMmaOutlined", {
   enumerable: true,
   get: function () {
     return _SportsMmaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMmaRounded', {
+Object.defineProperty(exports, "SportsMmaRounded", {
   enumerable: true,
   get: function () {
     return _SportsMmaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMmaSharp', {
+Object.defineProperty(exports, "SportsMmaSharp", {
   enumerable: true,
   get: function () {
     return _SportsMmaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMmaTwoTone', {
+Object.defineProperty(exports, "SportsMmaTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsMmaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMotorsports', {
+Object.defineProperty(exports, "SportsMotorsports", {
   enumerable: true,
   get: function () {
     return _SportsMotorsports.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMotorsportsOutlined', {
+Object.defineProperty(exports, "SportsMotorsportsOutlined", {
   enumerable: true,
   get: function () {
     return _SportsMotorsportsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMotorsportsRounded', {
+Object.defineProperty(exports, "SportsMotorsportsRounded", {
   enumerable: true,
   get: function () {
     return _SportsMotorsportsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMotorsportsSharp', {
+Object.defineProperty(exports, "SportsMotorsportsSharp", {
   enumerable: true,
   get: function () {
     return _SportsMotorsportsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsMotorsportsTwoTone', {
+Object.defineProperty(exports, "SportsMotorsportsTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsMotorsportsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsOutlined', {
+Object.defineProperty(exports, "SportsOutlined", {
   enumerable: true,
   get: function () {
     return _SportsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsRounded', {
+Object.defineProperty(exports, "SportsRounded", {
   enumerable: true,
   get: function () {
     return _SportsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsRugby', {
+Object.defineProperty(exports, "SportsRugby", {
   enumerable: true,
   get: function () {
     return _SportsRugby.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsRugbyOutlined', {
+Object.defineProperty(exports, "SportsRugbyOutlined", {
   enumerable: true,
   get: function () {
     return _SportsRugbyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsRugbyRounded', {
+Object.defineProperty(exports, "SportsRugbyRounded", {
   enumerable: true,
   get: function () {
     return _SportsRugbyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsRugbySharp', {
+Object.defineProperty(exports, "SportsRugbySharp", {
   enumerable: true,
   get: function () {
     return _SportsRugbySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsRugbyTwoTone', {
+Object.defineProperty(exports, "SportsRugbyTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsRugbyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsScore', {
+Object.defineProperty(exports, "SportsScore", {
   enumerable: true,
   get: function () {
     return _SportsScore.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsScoreOutlined', {
+Object.defineProperty(exports, "SportsScoreOutlined", {
   enumerable: true,
   get: function () {
     return _SportsScoreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsScoreRounded', {
+Object.defineProperty(exports, "SportsScoreRounded", {
   enumerable: true,
   get: function () {
     return _SportsScoreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsScoreSharp', {
+Object.defineProperty(exports, "SportsScoreSharp", {
   enumerable: true,
   get: function () {
     return _SportsScoreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsScoreTwoTone', {
+Object.defineProperty(exports, "SportsScoreTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsScoreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsSharp', {
+Object.defineProperty(exports, "SportsSharp", {
   enumerable: true,
   get: function () {
     return _SportsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsSoccer', {
+Object.defineProperty(exports, "SportsSoccer", {
   enumerable: true,
   get: function () {
     return _SportsSoccer.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsSoccerOutlined', {
+Object.defineProperty(exports, "SportsSoccerOutlined", {
   enumerable: true,
   get: function () {
     return _SportsSoccerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsSoccerRounded', {
+Object.defineProperty(exports, "SportsSoccerRounded", {
   enumerable: true,
   get: function () {
     return _SportsSoccerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsSoccerSharp', {
+Object.defineProperty(exports, "SportsSoccerSharp", {
   enumerable: true,
   get: function () {
     return _SportsSoccerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsSoccerTwoTone', {
+Object.defineProperty(exports, "SportsSoccerTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsSoccerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsTennis', {
+Object.defineProperty(exports, "SportsTennis", {
   enumerable: true,
   get: function () {
     return _SportsTennis.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsTennisOutlined', {
+Object.defineProperty(exports, "SportsTennisOutlined", {
   enumerable: true,
   get: function () {
     return _SportsTennisOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsTennisRounded', {
+Object.defineProperty(exports, "SportsTennisRounded", {
   enumerable: true,
   get: function () {
     return _SportsTennisRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsTennisSharp', {
+Object.defineProperty(exports, "SportsTennisSharp", {
   enumerable: true,
   get: function () {
     return _SportsTennisSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsTennisTwoTone', {
+Object.defineProperty(exports, "SportsTennisTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsTennisTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsTwoTone', {
+Object.defineProperty(exports, "SportsTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsVolleyball', {
+Object.defineProperty(exports, "SportsVolleyball", {
   enumerable: true,
   get: function () {
     return _SportsVolleyball.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsVolleyballOutlined', {
+Object.defineProperty(exports, "SportsVolleyballOutlined", {
   enumerable: true,
   get: function () {
     return _SportsVolleyballOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsVolleyballRounded', {
+Object.defineProperty(exports, "SportsVolleyballRounded", {
   enumerable: true,
   get: function () {
     return _SportsVolleyballRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsVolleyballSharp', {
+Object.defineProperty(exports, "SportsVolleyballSharp", {
   enumerable: true,
   get: function () {
     return _SportsVolleyballSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SportsVolleyballTwoTone', {
+Object.defineProperty(exports, "SportsVolleyballTwoTone", {
   enumerable: true,
   get: function () {
     return _SportsVolleyballTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Square', {
+Object.defineProperty(exports, "Square", {
   enumerable: true,
   get: function () {
     return _Square.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SquareFoot', {
+Object.defineProperty(exports, "SquareFoot", {
   enumerable: true,
   get: function () {
     return _SquareFoot.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SquareFootOutlined', {
+Object.defineProperty(exports, "SquareFootOutlined", {
   enumerable: true,
   get: function () {
     return _SquareFootOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SquareFootRounded', {
+Object.defineProperty(exports, "SquareFootRounded", {
   enumerable: true,
   get: function () {
     return _SquareFootRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SquareFootSharp', {
+Object.defineProperty(exports, "SquareFootSharp", {
   enumerable: true,
   get: function () {
     return _SquareFootSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SquareFootTwoTone', {
+Object.defineProperty(exports, "SquareFootTwoTone", {
   enumerable: true,
   get: function () {
     return _SquareFootTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SquareOutlined', {
+Object.defineProperty(exports, "SquareOutlined", {
   enumerable: true,
   get: function () {
     return _SquareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SquareRounded', {
+Object.defineProperty(exports, "SquareRounded", {
   enumerable: true,
   get: function () {
     return _SquareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SquareSharp', {
+Object.defineProperty(exports, "SquareSharp", {
   enumerable: true,
   get: function () {
     return _SquareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SquareTwoTone', {
+Object.defineProperty(exports, "SquareTwoTone", {
   enumerable: true,
   get: function () {
     return _SquareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SsidChart', {
+Object.defineProperty(exports, "SsidChart", {
   enumerable: true,
   get: function () {
     return _SsidChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SsidChartOutlined', {
+Object.defineProperty(exports, "SsidChartOutlined", {
   enumerable: true,
   get: function () {
     return _SsidChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SsidChartRounded', {
+Object.defineProperty(exports, "SsidChartRounded", {
   enumerable: true,
   get: function () {
     return _SsidChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SsidChartSharp', {
+Object.defineProperty(exports, "SsidChartSharp", {
   enumerable: true,
   get: function () {
     return _SsidChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SsidChartTwoTone', {
+Object.defineProperty(exports, "SsidChartTwoTone", {
   enumerable: true,
   get: function () {
     return _SsidChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StackedBarChart', {
+Object.defineProperty(exports, "StackedBarChart", {
   enumerable: true,
   get: function () {
     return _StackedBarChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StackedBarChartOutlined', {
+Object.defineProperty(exports, "StackedBarChartOutlined", {
   enumerable: true,
   get: function () {
     return _StackedBarChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StackedBarChartRounded', {
+Object.defineProperty(exports, "StackedBarChartRounded", {
   enumerable: true,
   get: function () {
     return _StackedBarChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StackedBarChartSharp', {
+Object.defineProperty(exports, "StackedBarChartSharp", {
   enumerable: true,
   get: function () {
     return _StackedBarChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StackedBarChartTwoTone', {
+Object.defineProperty(exports, "StackedBarChartTwoTone", {
   enumerable: true,
   get: function () {
     return _StackedBarChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StackedLineChart', {
+Object.defineProperty(exports, "StackedLineChart", {
   enumerable: true,
   get: function () {
     return _StackedLineChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StackedLineChartOutlined', {
+Object.defineProperty(exports, "StackedLineChartOutlined", {
   enumerable: true,
   get: function () {
     return _StackedLineChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StackedLineChartRounded', {
+Object.defineProperty(exports, "StackedLineChartRounded", {
   enumerable: true,
   get: function () {
     return _StackedLineChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StackedLineChartSharp', {
+Object.defineProperty(exports, "StackedLineChartSharp", {
   enumerable: true,
   get: function () {
     return _StackedLineChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StackedLineChartTwoTone', {
+Object.defineProperty(exports, "StackedLineChartTwoTone", {
   enumerable: true,
   get: function () {
     return _StackedLineChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Stadium', {
+Object.defineProperty(exports, "Stadium", {
   enumerable: true,
   get: function () {
     return _Stadium.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StadiumOutlined', {
+Object.defineProperty(exports, "StadiumOutlined", {
   enumerable: true,
   get: function () {
     return _StadiumOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StadiumRounded', {
+Object.defineProperty(exports, "StadiumRounded", {
   enumerable: true,
   get: function () {
     return _StadiumRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StadiumSharp', {
+Object.defineProperty(exports, "StadiumSharp", {
   enumerable: true,
   get: function () {
     return _StadiumSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StadiumTwoTone', {
+Object.defineProperty(exports, "StadiumTwoTone", {
   enumerable: true,
   get: function () {
     return _StadiumTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Stairs', {
+Object.defineProperty(exports, "Stairs", {
   enumerable: true,
   get: function () {
     return _Stairs.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StairsOutlined', {
+Object.defineProperty(exports, "StairsOutlined", {
   enumerable: true,
   get: function () {
     return _StairsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StairsRounded', {
+Object.defineProperty(exports, "StairsRounded", {
   enumerable: true,
   get: function () {
     return _StairsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StairsSharp', {
+Object.defineProperty(exports, "StairsSharp", {
   enumerable: true,
   get: function () {
     return _StairsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StairsTwoTone', {
+Object.defineProperty(exports, "StairsTwoTone", {
   enumerable: true,
   get: function () {
     return _StairsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Star', {
+Object.defineProperty(exports, "Star", {
   enumerable: true,
   get: function () {
     return _Star.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarBorder', {
+Object.defineProperty(exports, "StarBorder", {
   enumerable: true,
   get: function () {
     return _StarBorder.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarBorderOutlined', {
+Object.defineProperty(exports, "StarBorderOutlined", {
   enumerable: true,
   get: function () {
     return _StarBorderOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarBorderPurple500', {
+Object.defineProperty(exports, "StarBorderPurple500", {
   enumerable: true,
   get: function () {
     return _StarBorderPurple.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarBorderPurple500Outlined', {
+Object.defineProperty(exports, "StarBorderPurple500Outlined", {
   enumerable: true,
   get: function () {
     return _StarBorderPurple500Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarBorderPurple500Rounded', {
+Object.defineProperty(exports, "StarBorderPurple500Rounded", {
   enumerable: true,
   get: function () {
     return _StarBorderPurple500Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarBorderPurple500Sharp', {
+Object.defineProperty(exports, "StarBorderPurple500Sharp", {
   enumerable: true,
   get: function () {
     return _StarBorderPurple500Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarBorderPurple500TwoTone', {
+Object.defineProperty(exports, "StarBorderPurple500TwoTone", {
   enumerable: true,
   get: function () {
     return _StarBorderPurple500TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarBorderRounded', {
+Object.defineProperty(exports, "StarBorderRounded", {
   enumerable: true,
   get: function () {
     return _StarBorderRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarBorderSharp', {
+Object.defineProperty(exports, "StarBorderSharp", {
   enumerable: true,
   get: function () {
     return _StarBorderSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarBorderTwoTone', {
+Object.defineProperty(exports, "StarBorderTwoTone", {
   enumerable: true,
   get: function () {
     return _StarBorderTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarHalf', {
+Object.defineProperty(exports, "StarHalf", {
   enumerable: true,
   get: function () {
     return _StarHalf.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarHalfOutlined', {
+Object.defineProperty(exports, "StarHalfOutlined", {
   enumerable: true,
   get: function () {
     return _StarHalfOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarHalfRounded', {
+Object.defineProperty(exports, "StarHalfRounded", {
   enumerable: true,
   get: function () {
     return _StarHalfRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarHalfSharp', {
+Object.defineProperty(exports, "StarHalfSharp", {
   enumerable: true,
   get: function () {
     return _StarHalfSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarHalfTwoTone', {
+Object.defineProperty(exports, "StarHalfTwoTone", {
   enumerable: true,
   get: function () {
     return _StarHalfTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarOutline', {
+Object.defineProperty(exports, "StarOutline", {
   enumerable: true,
   get: function () {
     return _StarOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarOutlineOutlined', {
+Object.defineProperty(exports, "StarOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _StarOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarOutlineRounded', {
+Object.defineProperty(exports, "StarOutlineRounded", {
   enumerable: true,
   get: function () {
     return _StarOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarOutlineSharp', {
+Object.defineProperty(exports, "StarOutlineSharp", {
   enumerable: true,
   get: function () {
     return _StarOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarOutlineTwoTone', {
+Object.defineProperty(exports, "StarOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _StarOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarOutlined', {
+Object.defineProperty(exports, "StarOutlined", {
   enumerable: true,
   get: function () {
     return _StarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarPurple500', {
+Object.defineProperty(exports, "StarPurple500", {
   enumerable: true,
   get: function () {
     return _StarPurple.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarPurple500Outlined', {
+Object.defineProperty(exports, "StarPurple500Outlined", {
   enumerable: true,
   get: function () {
     return _StarPurple500Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarPurple500Rounded', {
+Object.defineProperty(exports, "StarPurple500Rounded", {
   enumerable: true,
   get: function () {
     return _StarPurple500Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarPurple500Sharp', {
+Object.defineProperty(exports, "StarPurple500Sharp", {
   enumerable: true,
   get: function () {
     return _StarPurple500Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarPurple500TwoTone', {
+Object.defineProperty(exports, "StarPurple500TwoTone", {
   enumerable: true,
   get: function () {
     return _StarPurple500TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarRate', {
+Object.defineProperty(exports, "StarRate", {
   enumerable: true,
   get: function () {
     return _StarRate.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarRateOutlined', {
+Object.defineProperty(exports, "StarRateOutlined", {
   enumerable: true,
   get: function () {
     return _StarRateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarRateRounded', {
+Object.defineProperty(exports, "StarRateRounded", {
   enumerable: true,
   get: function () {
     return _StarRateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarRateSharp', {
+Object.defineProperty(exports, "StarRateSharp", {
   enumerable: true,
   get: function () {
     return _StarRateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarRateTwoTone', {
+Object.defineProperty(exports, "StarRateTwoTone", {
   enumerable: true,
   get: function () {
     return _StarRateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarRounded', {
+Object.defineProperty(exports, "StarRounded", {
   enumerable: true,
   get: function () {
     return _StarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarSharp', {
+Object.defineProperty(exports, "StarSharp", {
   enumerable: true,
   get: function () {
     return _StarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarTwoTone', {
+Object.defineProperty(exports, "StarTwoTone", {
   enumerable: true,
   get: function () {
     return _StarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Stars', {
+Object.defineProperty(exports, "Stars", {
   enumerable: true,
   get: function () {
     return _Stars.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarsOutlined', {
+Object.defineProperty(exports, "StarsOutlined", {
   enumerable: true,
   get: function () {
     return _StarsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarsRounded', {
+Object.defineProperty(exports, "StarsRounded", {
   enumerable: true,
   get: function () {
     return _StarsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarsSharp', {
+Object.defineProperty(exports, "StarsSharp", {
   enumerable: true,
   get: function () {
     return _StarsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StarsTwoTone', {
+Object.defineProperty(exports, "StarsTwoTone", {
   enumerable: true,
   get: function () {
     return _StarsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Start', {
+Object.defineProperty(exports, "Start", {
   enumerable: true,
   get: function () {
     return _Start.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StartOutlined', {
+Object.defineProperty(exports, "StartOutlined", {
   enumerable: true,
   get: function () {
     return _StartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StartRounded', {
+Object.defineProperty(exports, "StartRounded", {
   enumerable: true,
   get: function () {
     return _StartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StartSharp', {
+Object.defineProperty(exports, "StartSharp", {
   enumerable: true,
   get: function () {
     return _StartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StartTwoTone', {
+Object.defineProperty(exports, "StartTwoTone", {
   enumerable: true,
   get: function () {
     return _StartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayCurrentLandscape', {
+Object.defineProperty(exports, "StayCurrentLandscape", {
   enumerable: true,
   get: function () {
     return _StayCurrentLandscape.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayCurrentLandscapeOutlined', {
+Object.defineProperty(exports, "StayCurrentLandscapeOutlined", {
   enumerable: true,
   get: function () {
     return _StayCurrentLandscapeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayCurrentLandscapeRounded', {
+Object.defineProperty(exports, "StayCurrentLandscapeRounded", {
   enumerable: true,
   get: function () {
     return _StayCurrentLandscapeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayCurrentLandscapeSharp', {
+Object.defineProperty(exports, "StayCurrentLandscapeSharp", {
   enumerable: true,
   get: function () {
     return _StayCurrentLandscapeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayCurrentLandscapeTwoTone', {
+Object.defineProperty(exports, "StayCurrentLandscapeTwoTone", {
   enumerable: true,
   get: function () {
     return _StayCurrentLandscapeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayCurrentPortrait', {
+Object.defineProperty(exports, "StayCurrentPortrait", {
   enumerable: true,
   get: function () {
     return _StayCurrentPortrait.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayCurrentPortraitOutlined', {
+Object.defineProperty(exports, "StayCurrentPortraitOutlined", {
   enumerable: true,
   get: function () {
     return _StayCurrentPortraitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayCurrentPortraitRounded', {
+Object.defineProperty(exports, "StayCurrentPortraitRounded", {
   enumerable: true,
   get: function () {
     return _StayCurrentPortraitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayCurrentPortraitSharp', {
+Object.defineProperty(exports, "StayCurrentPortraitSharp", {
   enumerable: true,
   get: function () {
     return _StayCurrentPortraitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayCurrentPortraitTwoTone', {
+Object.defineProperty(exports, "StayCurrentPortraitTwoTone", {
   enumerable: true,
   get: function () {
     return _StayCurrentPortraitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayPrimaryLandscape', {
+Object.defineProperty(exports, "StayPrimaryLandscape", {
   enumerable: true,
   get: function () {
     return _StayPrimaryLandscape.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayPrimaryLandscapeOutlined', {
+Object.defineProperty(exports, "StayPrimaryLandscapeOutlined", {
   enumerable: true,
   get: function () {
     return _StayPrimaryLandscapeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayPrimaryLandscapeRounded', {
+Object.defineProperty(exports, "StayPrimaryLandscapeRounded", {
   enumerable: true,
   get: function () {
     return _StayPrimaryLandscapeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayPrimaryLandscapeSharp', {
+Object.defineProperty(exports, "StayPrimaryLandscapeSharp", {
   enumerable: true,
   get: function () {
     return _StayPrimaryLandscapeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayPrimaryLandscapeTwoTone', {
+Object.defineProperty(exports, "StayPrimaryLandscapeTwoTone", {
   enumerable: true,
   get: function () {
     return _StayPrimaryLandscapeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayPrimaryPortrait', {
+Object.defineProperty(exports, "StayPrimaryPortrait", {
   enumerable: true,
   get: function () {
     return _StayPrimaryPortrait.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayPrimaryPortraitOutlined', {
+Object.defineProperty(exports, "StayPrimaryPortraitOutlined", {
   enumerable: true,
   get: function () {
     return _StayPrimaryPortraitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayPrimaryPortraitRounded', {
+Object.defineProperty(exports, "StayPrimaryPortraitRounded", {
   enumerable: true,
   get: function () {
     return _StayPrimaryPortraitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayPrimaryPortraitSharp', {
+Object.defineProperty(exports, "StayPrimaryPortraitSharp", {
   enumerable: true,
   get: function () {
     return _StayPrimaryPortraitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StayPrimaryPortraitTwoTone', {
+Object.defineProperty(exports, "StayPrimaryPortraitTwoTone", {
   enumerable: true,
   get: function () {
     return _StayPrimaryPortraitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StickyNote2', {
+Object.defineProperty(exports, "StickyNote2", {
   enumerable: true,
   get: function () {
     return _StickyNote.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StickyNote2Outlined', {
+Object.defineProperty(exports, "StickyNote2Outlined", {
   enumerable: true,
   get: function () {
     return _StickyNote2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StickyNote2Rounded', {
+Object.defineProperty(exports, "StickyNote2Rounded", {
   enumerable: true,
   get: function () {
     return _StickyNote2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StickyNote2Sharp', {
+Object.defineProperty(exports, "StickyNote2Sharp", {
   enumerable: true,
   get: function () {
     return _StickyNote2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StickyNote2TwoTone', {
+Object.defineProperty(exports, "StickyNote2TwoTone", {
   enumerable: true,
   get: function () {
     return _StickyNote2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Stop', {
+Object.defineProperty(exports, "Stop", {
   enumerable: true,
   get: function () {
     return _Stop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopCircle', {
+Object.defineProperty(exports, "StopCircle", {
   enumerable: true,
   get: function () {
     return _StopCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopCircleOutlined', {
+Object.defineProperty(exports, "StopCircleOutlined", {
   enumerable: true,
   get: function () {
     return _StopCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopCircleRounded', {
+Object.defineProperty(exports, "StopCircleRounded", {
   enumerable: true,
   get: function () {
     return _StopCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopCircleSharp', {
+Object.defineProperty(exports, "StopCircleSharp", {
   enumerable: true,
   get: function () {
     return _StopCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopCircleTwoTone', {
+Object.defineProperty(exports, "StopCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _StopCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopOutlined', {
+Object.defineProperty(exports, "StopOutlined", {
   enumerable: true,
   get: function () {
     return _StopOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopRounded', {
+Object.defineProperty(exports, "StopRounded", {
   enumerable: true,
   get: function () {
     return _StopRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopScreenShare', {
+Object.defineProperty(exports, "StopScreenShare", {
   enumerable: true,
   get: function () {
     return _StopScreenShare.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopScreenShareOutlined', {
+Object.defineProperty(exports, "StopScreenShareOutlined", {
   enumerable: true,
   get: function () {
     return _StopScreenShareOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopScreenShareRounded', {
+Object.defineProperty(exports, "StopScreenShareRounded", {
   enumerable: true,
   get: function () {
     return _StopScreenShareRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopScreenShareSharp', {
+Object.defineProperty(exports, "StopScreenShareSharp", {
   enumerable: true,
   get: function () {
     return _StopScreenShareSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopScreenShareTwoTone', {
+Object.defineProperty(exports, "StopScreenShareTwoTone", {
   enumerable: true,
   get: function () {
     return _StopScreenShareTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopSharp', {
+Object.defineProperty(exports, "StopSharp", {
   enumerable: true,
   get: function () {
     return _StopSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StopTwoTone', {
+Object.defineProperty(exports, "StopTwoTone", {
   enumerable: true,
   get: function () {
     return _StopTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Storage', {
+Object.defineProperty(exports, "Storage", {
   enumerable: true,
   get: function () {
     return _Storage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StorageOutlined', {
+Object.defineProperty(exports, "StorageOutlined", {
   enumerable: true,
   get: function () {
     return _StorageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StorageRounded', {
+Object.defineProperty(exports, "StorageRounded", {
   enumerable: true,
   get: function () {
     return _StorageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StorageSharp', {
+Object.defineProperty(exports, "StorageSharp", {
   enumerable: true,
   get: function () {
     return _StorageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StorageTwoTone', {
+Object.defineProperty(exports, "StorageTwoTone", {
   enumerable: true,
   get: function () {
     return _StorageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Store', {
+Object.defineProperty(exports, "Store", {
   enumerable: true,
   get: function () {
     return _Store.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StoreMallDirectory', {
+Object.defineProperty(exports, "StoreMallDirectory", {
   enumerable: true,
   get: function () {
     return _StoreMallDirectory.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StoreMallDirectoryOutlined', {
+Object.defineProperty(exports, "StoreMallDirectoryOutlined", {
   enumerable: true,
   get: function () {
     return _StoreMallDirectoryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StoreMallDirectoryRounded', {
+Object.defineProperty(exports, "StoreMallDirectoryRounded", {
   enumerable: true,
   get: function () {
     return _StoreMallDirectoryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StoreMallDirectorySharp', {
+Object.defineProperty(exports, "StoreMallDirectorySharp", {
   enumerable: true,
   get: function () {
     return _StoreMallDirectorySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StoreMallDirectoryTwoTone', {
+Object.defineProperty(exports, "StoreMallDirectoryTwoTone", {
   enumerable: true,
   get: function () {
     return _StoreMallDirectoryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StoreOutlined', {
+Object.defineProperty(exports, "StoreOutlined", {
   enumerable: true,
   get: function () {
     return _StoreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StoreRounded', {
+Object.defineProperty(exports, "StoreRounded", {
   enumerable: true,
   get: function () {
     return _StoreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StoreSharp', {
+Object.defineProperty(exports, "StoreSharp", {
   enumerable: true,
   get: function () {
     return _StoreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StoreTwoTone', {
+Object.defineProperty(exports, "StoreTwoTone", {
   enumerable: true,
   get: function () {
     return _StoreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Storefront', {
+Object.defineProperty(exports, "Storefront", {
   enumerable: true,
   get: function () {
     return _Storefront.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StorefrontOutlined', {
+Object.defineProperty(exports, "StorefrontOutlined", {
   enumerable: true,
   get: function () {
     return _StorefrontOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StorefrontRounded', {
+Object.defineProperty(exports, "StorefrontRounded", {
   enumerable: true,
   get: function () {
     return _StorefrontRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StorefrontSharp', {
+Object.defineProperty(exports, "StorefrontSharp", {
   enumerable: true,
   get: function () {
     return _StorefrontSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StorefrontTwoTone', {
+Object.defineProperty(exports, "StorefrontTwoTone", {
   enumerable: true,
   get: function () {
     return _StorefrontTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Storm', {
+Object.defineProperty(exports, "Storm", {
   enumerable: true,
   get: function () {
     return _Storm.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StormOutlined', {
+Object.defineProperty(exports, "StormOutlined", {
   enumerable: true,
   get: function () {
     return _StormOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StormRounded', {
+Object.defineProperty(exports, "StormRounded", {
   enumerable: true,
   get: function () {
     return _StormRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StormSharp', {
+Object.defineProperty(exports, "StormSharp", {
   enumerable: true,
   get: function () {
     return _StormSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StormTwoTone', {
+Object.defineProperty(exports, "StormTwoTone", {
   enumerable: true,
   get: function () {
     return _StormTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Straight', {
+Object.defineProperty(exports, "Straight", {
   enumerable: true,
   get: function () {
     return _Straight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StraightOutlined', {
+Object.defineProperty(exports, "StraightOutlined", {
   enumerable: true,
   get: function () {
     return _StraightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StraightRounded', {
+Object.defineProperty(exports, "StraightRounded", {
   enumerable: true,
   get: function () {
     return _StraightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StraightSharp', {
+Object.defineProperty(exports, "StraightSharp", {
   enumerable: true,
   get: function () {
     return _StraightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StraightTwoTone', {
+Object.defineProperty(exports, "StraightTwoTone", {
   enumerable: true,
   get: function () {
     return _StraightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Straighten', {
+Object.defineProperty(exports, "Straighten", {
   enumerable: true,
   get: function () {
     return _Straighten.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StraightenOutlined', {
+Object.defineProperty(exports, "StraightenOutlined", {
   enumerable: true,
   get: function () {
     return _StraightenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StraightenRounded', {
+Object.defineProperty(exports, "StraightenRounded", {
   enumerable: true,
   get: function () {
     return _StraightenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StraightenSharp', {
+Object.defineProperty(exports, "StraightenSharp", {
   enumerable: true,
   get: function () {
     return _StraightenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StraightenTwoTone', {
+Object.defineProperty(exports, "StraightenTwoTone", {
   enumerable: true,
   get: function () {
     return _StraightenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Stream', {
+Object.defineProperty(exports, "Stream", {
   enumerable: true,
   get: function () {
     return _Stream.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StreamOutlined', {
+Object.defineProperty(exports, "StreamOutlined", {
   enumerable: true,
   get: function () {
     return _StreamOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StreamRounded', {
+Object.defineProperty(exports, "StreamRounded", {
   enumerable: true,
   get: function () {
     return _StreamRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StreamSharp', {
+Object.defineProperty(exports, "StreamSharp", {
   enumerable: true,
   get: function () {
     return _StreamSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StreamTwoTone', {
+Object.defineProperty(exports, "StreamTwoTone", {
   enumerable: true,
   get: function () {
     return _StreamTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Streetview', {
+Object.defineProperty(exports, "Streetview", {
   enumerable: true,
   get: function () {
     return _Streetview.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StreetviewOutlined', {
+Object.defineProperty(exports, "StreetviewOutlined", {
   enumerable: true,
   get: function () {
     return _StreetviewOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StreetviewRounded', {
+Object.defineProperty(exports, "StreetviewRounded", {
   enumerable: true,
   get: function () {
     return _StreetviewRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StreetviewSharp', {
+Object.defineProperty(exports, "StreetviewSharp", {
   enumerable: true,
   get: function () {
     return _StreetviewSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StreetviewTwoTone', {
+Object.defineProperty(exports, "StreetviewTwoTone", {
   enumerable: true,
   get: function () {
     return _StreetviewTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StrikethroughS', {
+Object.defineProperty(exports, "StrikethroughS", {
   enumerable: true,
   get: function () {
     return _StrikethroughS.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StrikethroughSOutlined', {
+Object.defineProperty(exports, "StrikethroughSOutlined", {
   enumerable: true,
   get: function () {
     return _StrikethroughSOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StrikethroughSRounded', {
+Object.defineProperty(exports, "StrikethroughSRounded", {
   enumerable: true,
   get: function () {
     return _StrikethroughSRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StrikethroughSSharp', {
+Object.defineProperty(exports, "StrikethroughSSharp", {
   enumerable: true,
   get: function () {
     return _StrikethroughSSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StrikethroughSTwoTone', {
+Object.defineProperty(exports, "StrikethroughSTwoTone", {
   enumerable: true,
   get: function () {
     return _StrikethroughSTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Stroller', {
+Object.defineProperty(exports, "Stroller", {
   enumerable: true,
   get: function () {
     return _Stroller.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StrollerOutlined', {
+Object.defineProperty(exports, "StrollerOutlined", {
   enumerable: true,
   get: function () {
     return _StrollerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StrollerRounded', {
+Object.defineProperty(exports, "StrollerRounded", {
   enumerable: true,
   get: function () {
     return _StrollerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StrollerSharp', {
+Object.defineProperty(exports, "StrollerSharp", {
   enumerable: true,
   get: function () {
     return _StrollerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StrollerTwoTone', {
+Object.defineProperty(exports, "StrollerTwoTone", {
   enumerable: true,
   get: function () {
     return _StrollerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Style', {
+Object.defineProperty(exports, "Style", {
   enumerable: true,
   get: function () {
     return _Style.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StyleOutlined', {
+Object.defineProperty(exports, "StyleOutlined", {
   enumerable: true,
   get: function () {
     return _StyleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StyleRounded', {
+Object.defineProperty(exports, "StyleRounded", {
   enumerable: true,
   get: function () {
     return _StyleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StyleSharp', {
+Object.defineProperty(exports, "StyleSharp", {
   enumerable: true,
   get: function () {
     return _StyleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'StyleTwoTone', {
+Object.defineProperty(exports, "StyleTwoTone", {
   enumerable: true,
   get: function () {
     return _StyleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubdirectoryArrowLeft', {
+Object.defineProperty(exports, "SubdirectoryArrowLeft", {
   enumerable: true,
   get: function () {
     return _SubdirectoryArrowLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubdirectoryArrowLeftOutlined', {
+Object.defineProperty(exports, "SubdirectoryArrowLeftOutlined", {
   enumerable: true,
   get: function () {
     return _SubdirectoryArrowLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubdirectoryArrowLeftRounded', {
+Object.defineProperty(exports, "SubdirectoryArrowLeftRounded", {
   enumerable: true,
   get: function () {
     return _SubdirectoryArrowLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubdirectoryArrowLeftSharp', {
+Object.defineProperty(exports, "SubdirectoryArrowLeftSharp", {
   enumerable: true,
   get: function () {
     return _SubdirectoryArrowLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubdirectoryArrowLeftTwoTone', {
+Object.defineProperty(exports, "SubdirectoryArrowLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _SubdirectoryArrowLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubdirectoryArrowRight', {
+Object.defineProperty(exports, "SubdirectoryArrowRight", {
   enumerable: true,
   get: function () {
     return _SubdirectoryArrowRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubdirectoryArrowRightOutlined', {
+Object.defineProperty(exports, "SubdirectoryArrowRightOutlined", {
   enumerable: true,
   get: function () {
     return _SubdirectoryArrowRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubdirectoryArrowRightRounded', {
+Object.defineProperty(exports, "SubdirectoryArrowRightRounded", {
   enumerable: true,
   get: function () {
     return _SubdirectoryArrowRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubdirectoryArrowRightSharp', {
+Object.defineProperty(exports, "SubdirectoryArrowRightSharp", {
   enumerable: true,
   get: function () {
     return _SubdirectoryArrowRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubdirectoryArrowRightTwoTone', {
+Object.defineProperty(exports, "SubdirectoryArrowRightTwoTone", {
   enumerable: true,
   get: function () {
     return _SubdirectoryArrowRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Subject', {
+Object.defineProperty(exports, "Subject", {
   enumerable: true,
   get: function () {
     return _Subject.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubjectOutlined', {
+Object.defineProperty(exports, "SubjectOutlined", {
   enumerable: true,
   get: function () {
     return _SubjectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubjectRounded', {
+Object.defineProperty(exports, "SubjectRounded", {
   enumerable: true,
   get: function () {
     return _SubjectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubjectSharp', {
+Object.defineProperty(exports, "SubjectSharp", {
   enumerable: true,
   get: function () {
     return _SubjectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubjectTwoTone', {
+Object.defineProperty(exports, "SubjectTwoTone", {
   enumerable: true,
   get: function () {
     return _SubjectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Subscript', {
+Object.defineProperty(exports, "Subscript", {
   enumerable: true,
   get: function () {
     return _Subscript.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubscriptOutlined', {
+Object.defineProperty(exports, "SubscriptOutlined", {
   enumerable: true,
   get: function () {
     return _SubscriptOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubscriptRounded', {
+Object.defineProperty(exports, "SubscriptRounded", {
   enumerable: true,
   get: function () {
     return _SubscriptRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubscriptSharp', {
+Object.defineProperty(exports, "SubscriptSharp", {
   enumerable: true,
   get: function () {
     return _SubscriptSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubscriptTwoTone', {
+Object.defineProperty(exports, "SubscriptTwoTone", {
   enumerable: true,
   get: function () {
     return _SubscriptTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Subscriptions', {
+Object.defineProperty(exports, "Subscriptions", {
   enumerable: true,
   get: function () {
     return _Subscriptions.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubscriptionsOutlined', {
+Object.defineProperty(exports, "SubscriptionsOutlined", {
   enumerable: true,
   get: function () {
     return _SubscriptionsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubscriptionsRounded', {
+Object.defineProperty(exports, "SubscriptionsRounded", {
   enumerable: true,
   get: function () {
     return _SubscriptionsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubscriptionsSharp', {
+Object.defineProperty(exports, "SubscriptionsSharp", {
   enumerable: true,
   get: function () {
     return _SubscriptionsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubscriptionsTwoTone', {
+Object.defineProperty(exports, "SubscriptionsTwoTone", {
   enumerable: true,
   get: function () {
     return _SubscriptionsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Subtitles', {
+Object.defineProperty(exports, "Subtitles", {
   enumerable: true,
   get: function () {
     return _Subtitles.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubtitlesOff', {
+Object.defineProperty(exports, "SubtitlesOff", {
   enumerable: true,
   get: function () {
     return _SubtitlesOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubtitlesOffOutlined', {
+Object.defineProperty(exports, "SubtitlesOffOutlined", {
   enumerable: true,
   get: function () {
     return _SubtitlesOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubtitlesOffRounded', {
+Object.defineProperty(exports, "SubtitlesOffRounded", {
   enumerable: true,
   get: function () {
     return _SubtitlesOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubtitlesOffSharp', {
+Object.defineProperty(exports, "SubtitlesOffSharp", {
   enumerable: true,
   get: function () {
     return _SubtitlesOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubtitlesOffTwoTone', {
+Object.defineProperty(exports, "SubtitlesOffTwoTone", {
   enumerable: true,
   get: function () {
     return _SubtitlesOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubtitlesOutlined', {
+Object.defineProperty(exports, "SubtitlesOutlined", {
   enumerable: true,
   get: function () {
     return _SubtitlesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubtitlesRounded', {
+Object.defineProperty(exports, "SubtitlesRounded", {
   enumerable: true,
   get: function () {
     return _SubtitlesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubtitlesSharp', {
+Object.defineProperty(exports, "SubtitlesSharp", {
   enumerable: true,
   get: function () {
     return _SubtitlesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubtitlesTwoTone', {
+Object.defineProperty(exports, "SubtitlesTwoTone", {
   enumerable: true,
   get: function () {
     return _SubtitlesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Subway', {
+Object.defineProperty(exports, "Subway", {
   enumerable: true,
   get: function () {
     return _Subway.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubwayOutlined', {
+Object.defineProperty(exports, "SubwayOutlined", {
   enumerable: true,
   get: function () {
     return _SubwayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubwayRounded', {
+Object.defineProperty(exports, "SubwayRounded", {
   enumerable: true,
   get: function () {
     return _SubwayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubwaySharp', {
+Object.defineProperty(exports, "SubwaySharp", {
   enumerable: true,
   get: function () {
     return _SubwaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SubwayTwoTone', {
+Object.defineProperty(exports, "SubwayTwoTone", {
   enumerable: true,
   get: function () {
     return _SubwayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Summarize', {
+Object.defineProperty(exports, "Summarize", {
   enumerable: true,
   get: function () {
     return _Summarize.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SummarizeOutlined', {
+Object.defineProperty(exports, "SummarizeOutlined", {
   enumerable: true,
   get: function () {
     return _SummarizeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SummarizeRounded', {
+Object.defineProperty(exports, "SummarizeRounded", {
   enumerable: true,
   get: function () {
     return _SummarizeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SummarizeSharp', {
+Object.defineProperty(exports, "SummarizeSharp", {
   enumerable: true,
   get: function () {
     return _SummarizeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SummarizeTwoTone', {
+Object.defineProperty(exports, "SummarizeTwoTone", {
   enumerable: true,
   get: function () {
     return _SummarizeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Superscript', {
+Object.defineProperty(exports, "Superscript", {
   enumerable: true,
   get: function () {
     return _Superscript.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SuperscriptOutlined', {
+Object.defineProperty(exports, "SuperscriptOutlined", {
   enumerable: true,
   get: function () {
     return _SuperscriptOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SuperscriptRounded', {
+Object.defineProperty(exports, "SuperscriptRounded", {
   enumerable: true,
   get: function () {
     return _SuperscriptRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SuperscriptSharp', {
+Object.defineProperty(exports, "SuperscriptSharp", {
   enumerable: true,
   get: function () {
     return _SuperscriptSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SuperscriptTwoTone', {
+Object.defineProperty(exports, "SuperscriptTwoTone", {
   enumerable: true,
   get: function () {
     return _SuperscriptTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupervisedUserCircle', {
+Object.defineProperty(exports, "SupervisedUserCircle", {
   enumerable: true,
   get: function () {
     return _SupervisedUserCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupervisedUserCircleOutlined', {
+Object.defineProperty(exports, "SupervisedUserCircleOutlined", {
   enumerable: true,
   get: function () {
     return _SupervisedUserCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupervisedUserCircleRounded', {
+Object.defineProperty(exports, "SupervisedUserCircleRounded", {
   enumerable: true,
   get: function () {
     return _SupervisedUserCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupervisedUserCircleSharp', {
+Object.defineProperty(exports, "SupervisedUserCircleSharp", {
   enumerable: true,
   get: function () {
     return _SupervisedUserCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupervisedUserCircleTwoTone', {
+Object.defineProperty(exports, "SupervisedUserCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _SupervisedUserCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupervisorAccount', {
+Object.defineProperty(exports, "SupervisorAccount", {
   enumerable: true,
   get: function () {
     return _SupervisorAccount.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupervisorAccountOutlined', {
+Object.defineProperty(exports, "SupervisorAccountOutlined", {
   enumerable: true,
   get: function () {
     return _SupervisorAccountOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupervisorAccountRounded', {
+Object.defineProperty(exports, "SupervisorAccountRounded", {
   enumerable: true,
   get: function () {
     return _SupervisorAccountRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupervisorAccountSharp', {
+Object.defineProperty(exports, "SupervisorAccountSharp", {
   enumerable: true,
   get: function () {
     return _SupervisorAccountSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupervisorAccountTwoTone', {
+Object.defineProperty(exports, "SupervisorAccountTwoTone", {
   enumerable: true,
   get: function () {
     return _SupervisorAccountTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Support', {
+Object.defineProperty(exports, "Support", {
   enumerable: true,
   get: function () {
     return _Support.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupportAgent', {
+Object.defineProperty(exports, "SupportAgent", {
   enumerable: true,
   get: function () {
     return _SupportAgent.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupportAgentOutlined', {
+Object.defineProperty(exports, "SupportAgentOutlined", {
   enumerable: true,
   get: function () {
     return _SupportAgentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupportAgentRounded', {
+Object.defineProperty(exports, "SupportAgentRounded", {
   enumerable: true,
   get: function () {
     return _SupportAgentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupportAgentSharp', {
+Object.defineProperty(exports, "SupportAgentSharp", {
   enumerable: true,
   get: function () {
     return _SupportAgentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupportAgentTwoTone', {
+Object.defineProperty(exports, "SupportAgentTwoTone", {
   enumerable: true,
   get: function () {
     return _SupportAgentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupportOutlined', {
+Object.defineProperty(exports, "SupportOutlined", {
   enumerable: true,
   get: function () {
     return _SupportOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupportRounded', {
+Object.defineProperty(exports, "SupportRounded", {
   enumerable: true,
   get: function () {
     return _SupportRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupportSharp', {
+Object.defineProperty(exports, "SupportSharp", {
   enumerable: true,
   get: function () {
     return _SupportSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SupportTwoTone', {
+Object.defineProperty(exports, "SupportTwoTone", {
   enumerable: true,
   get: function () {
     return _SupportTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Surfing', {
+Object.defineProperty(exports, "Surfing", {
   enumerable: true,
   get: function () {
     return _Surfing.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SurfingOutlined', {
+Object.defineProperty(exports, "SurfingOutlined", {
   enumerable: true,
   get: function () {
     return _SurfingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SurfingRounded', {
+Object.defineProperty(exports, "SurfingRounded", {
   enumerable: true,
   get: function () {
     return _SurfingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SurfingSharp', {
+Object.defineProperty(exports, "SurfingSharp", {
   enumerable: true,
   get: function () {
     return _SurfingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SurfingTwoTone', {
+Object.defineProperty(exports, "SurfingTwoTone", {
   enumerable: true,
   get: function () {
     return _SurfingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SurroundSound', {
+Object.defineProperty(exports, "SurroundSound", {
   enumerable: true,
   get: function () {
     return _SurroundSound.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SurroundSoundOutlined', {
+Object.defineProperty(exports, "SurroundSoundOutlined", {
   enumerable: true,
   get: function () {
     return _SurroundSoundOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SurroundSoundRounded', {
+Object.defineProperty(exports, "SurroundSoundRounded", {
   enumerable: true,
   get: function () {
     return _SurroundSoundRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SurroundSoundSharp', {
+Object.defineProperty(exports, "SurroundSoundSharp", {
   enumerable: true,
   get: function () {
     return _SurroundSoundSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SurroundSoundTwoTone', {
+Object.defineProperty(exports, "SurroundSoundTwoTone", {
   enumerable: true,
   get: function () {
     return _SurroundSoundTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapCalls', {
+Object.defineProperty(exports, "SwapCalls", {
   enumerable: true,
   get: function () {
     return _SwapCalls.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapCallsOutlined', {
+Object.defineProperty(exports, "SwapCallsOutlined", {
   enumerable: true,
   get: function () {
     return _SwapCallsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapCallsRounded', {
+Object.defineProperty(exports, "SwapCallsRounded", {
   enumerable: true,
   get: function () {
     return _SwapCallsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapCallsSharp', {
+Object.defineProperty(exports, "SwapCallsSharp", {
   enumerable: true,
   get: function () {
     return _SwapCallsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapCallsTwoTone', {
+Object.defineProperty(exports, "SwapCallsTwoTone", {
   enumerable: true,
   get: function () {
     return _SwapCallsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapHoriz', {
+Object.defineProperty(exports, "SwapHoriz", {
   enumerable: true,
   get: function () {
     return _SwapHoriz.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapHorizOutlined', {
+Object.defineProperty(exports, "SwapHorizOutlined", {
   enumerable: true,
   get: function () {
     return _SwapHorizOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapHorizRounded', {
+Object.defineProperty(exports, "SwapHorizRounded", {
   enumerable: true,
   get: function () {
     return _SwapHorizRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapHorizSharp', {
+Object.defineProperty(exports, "SwapHorizSharp", {
   enumerable: true,
   get: function () {
     return _SwapHorizSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapHorizTwoTone', {
+Object.defineProperty(exports, "SwapHorizTwoTone", {
   enumerable: true,
   get: function () {
     return _SwapHorizTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapHorizontalCircle', {
+Object.defineProperty(exports, "SwapHorizontalCircle", {
   enumerable: true,
   get: function () {
     return _SwapHorizontalCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapHorizontalCircleOutlined', {
+Object.defineProperty(exports, "SwapHorizontalCircleOutlined", {
   enumerable: true,
   get: function () {
     return _SwapHorizontalCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapHorizontalCircleRounded', {
+Object.defineProperty(exports, "SwapHorizontalCircleRounded", {
   enumerable: true,
   get: function () {
     return _SwapHorizontalCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapHorizontalCircleSharp', {
+Object.defineProperty(exports, "SwapHorizontalCircleSharp", {
   enumerable: true,
   get: function () {
     return _SwapHorizontalCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapHorizontalCircleTwoTone', {
+Object.defineProperty(exports, "SwapHorizontalCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _SwapHorizontalCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapVert', {
+Object.defineProperty(exports, "SwapVert", {
   enumerable: true,
   get: function () {
     return _SwapVert.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapVertOutlined', {
+Object.defineProperty(exports, "SwapVertOutlined", {
   enumerable: true,
   get: function () {
     return _SwapVertOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapVertRounded', {
+Object.defineProperty(exports, "SwapVertRounded", {
   enumerable: true,
   get: function () {
     return _SwapVertRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapVertSharp', {
+Object.defineProperty(exports, "SwapVertSharp", {
   enumerable: true,
   get: function () {
     return _SwapVertSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapVertTwoTone', {
+Object.defineProperty(exports, "SwapVertTwoTone", {
   enumerable: true,
   get: function () {
     return _SwapVertTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapVerticalCircle', {
+Object.defineProperty(exports, "SwapVerticalCircle", {
   enumerable: true,
   get: function () {
     return _SwapVerticalCircle.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapVerticalCircleOutlined', {
+Object.defineProperty(exports, "SwapVerticalCircleOutlined", {
   enumerable: true,
   get: function () {
     return _SwapVerticalCircleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapVerticalCircleRounded', {
+Object.defineProperty(exports, "SwapVerticalCircleRounded", {
   enumerable: true,
   get: function () {
     return _SwapVerticalCircleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapVerticalCircleSharp', {
+Object.defineProperty(exports, "SwapVerticalCircleSharp", {
   enumerable: true,
   get: function () {
     return _SwapVerticalCircleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwapVerticalCircleTwoTone', {
+Object.defineProperty(exports, "SwapVerticalCircleTwoTone", {
   enumerable: true,
   get: function () {
     return _SwapVerticalCircleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Swipe', {
+Object.defineProperty(exports, "Swipe", {
   enumerable: true,
   get: function () {
     return _Swipe.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeDown', {
+Object.defineProperty(exports, "SwipeDown", {
   enumerable: true,
   get: function () {
     return _SwipeDown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeDownAlt', {
+Object.defineProperty(exports, "SwipeDownAlt", {
   enumerable: true,
   get: function () {
     return _SwipeDownAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeDownAltOutlined', {
+Object.defineProperty(exports, "SwipeDownAltOutlined", {
   enumerable: true,
   get: function () {
     return _SwipeDownAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeDownAltRounded', {
+Object.defineProperty(exports, "SwipeDownAltRounded", {
   enumerable: true,
   get: function () {
     return _SwipeDownAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeDownAltSharp', {
+Object.defineProperty(exports, "SwipeDownAltSharp", {
   enumerable: true,
   get: function () {
     return _SwipeDownAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeDownAltTwoTone', {
+Object.defineProperty(exports, "SwipeDownAltTwoTone", {
   enumerable: true,
   get: function () {
     return _SwipeDownAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeDownOutlined', {
+Object.defineProperty(exports, "SwipeDownOutlined", {
   enumerable: true,
   get: function () {
     return _SwipeDownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeDownRounded', {
+Object.defineProperty(exports, "SwipeDownRounded", {
   enumerable: true,
   get: function () {
     return _SwipeDownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeDownSharp', {
+Object.defineProperty(exports, "SwipeDownSharp", {
   enumerable: true,
   get: function () {
     return _SwipeDownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeDownTwoTone', {
+Object.defineProperty(exports, "SwipeDownTwoTone", {
   enumerable: true,
   get: function () {
     return _SwipeDownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeLeft', {
+Object.defineProperty(exports, "SwipeLeft", {
   enumerable: true,
   get: function () {
     return _SwipeLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeLeftAlt', {
+Object.defineProperty(exports, "SwipeLeftAlt", {
   enumerable: true,
   get: function () {
     return _SwipeLeftAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeLeftAltOutlined', {
+Object.defineProperty(exports, "SwipeLeftAltOutlined", {
   enumerable: true,
   get: function () {
     return _SwipeLeftAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeLeftAltRounded', {
+Object.defineProperty(exports, "SwipeLeftAltRounded", {
   enumerable: true,
   get: function () {
     return _SwipeLeftAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeLeftAltSharp', {
+Object.defineProperty(exports, "SwipeLeftAltSharp", {
   enumerable: true,
   get: function () {
     return _SwipeLeftAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeLeftAltTwoTone', {
+Object.defineProperty(exports, "SwipeLeftAltTwoTone", {
   enumerable: true,
   get: function () {
     return _SwipeLeftAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeLeftOutlined', {
+Object.defineProperty(exports, "SwipeLeftOutlined", {
   enumerable: true,
   get: function () {
     return _SwipeLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeLeftRounded', {
+Object.defineProperty(exports, "SwipeLeftRounded", {
   enumerable: true,
   get: function () {
     return _SwipeLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeLeftSharp', {
+Object.defineProperty(exports, "SwipeLeftSharp", {
   enumerable: true,
   get: function () {
     return _SwipeLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeLeftTwoTone', {
+Object.defineProperty(exports, "SwipeLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _SwipeLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeOutlined', {
+Object.defineProperty(exports, "SwipeOutlined", {
   enumerable: true,
   get: function () {
     return _SwipeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeRight', {
+Object.defineProperty(exports, "SwipeRight", {
   enumerable: true,
   get: function () {
     return _SwipeRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeRightAlt', {
+Object.defineProperty(exports, "SwipeRightAlt", {
   enumerable: true,
   get: function () {
     return _SwipeRightAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeRightAltOutlined', {
+Object.defineProperty(exports, "SwipeRightAltOutlined", {
   enumerable: true,
   get: function () {
     return _SwipeRightAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeRightAltRounded', {
+Object.defineProperty(exports, "SwipeRightAltRounded", {
   enumerable: true,
   get: function () {
     return _SwipeRightAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeRightAltSharp', {
+Object.defineProperty(exports, "SwipeRightAltSharp", {
   enumerable: true,
   get: function () {
     return _SwipeRightAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeRightAltTwoTone', {
+Object.defineProperty(exports, "SwipeRightAltTwoTone", {
   enumerable: true,
   get: function () {
     return _SwipeRightAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeRightOutlined', {
+Object.defineProperty(exports, "SwipeRightOutlined", {
   enumerable: true,
   get: function () {
     return _SwipeRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeRightRounded', {
+Object.defineProperty(exports, "SwipeRightRounded", {
   enumerable: true,
   get: function () {
     return _SwipeRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeRightSharp', {
+Object.defineProperty(exports, "SwipeRightSharp", {
   enumerable: true,
   get: function () {
     return _SwipeRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeRightTwoTone', {
+Object.defineProperty(exports, "SwipeRightTwoTone", {
   enumerable: true,
   get: function () {
     return _SwipeRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeRounded', {
+Object.defineProperty(exports, "SwipeRounded", {
   enumerable: true,
   get: function () {
     return _SwipeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeSharp', {
+Object.defineProperty(exports, "SwipeSharp", {
   enumerable: true,
   get: function () {
     return _SwipeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeTwoTone', {
+Object.defineProperty(exports, "SwipeTwoTone", {
   enumerable: true,
   get: function () {
     return _SwipeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeUp', {
+Object.defineProperty(exports, "SwipeUp", {
   enumerable: true,
   get: function () {
     return _SwipeUp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeUpAlt', {
+Object.defineProperty(exports, "SwipeUpAlt", {
   enumerable: true,
   get: function () {
     return _SwipeUpAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeUpAltOutlined', {
+Object.defineProperty(exports, "SwipeUpAltOutlined", {
   enumerable: true,
   get: function () {
     return _SwipeUpAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeUpAltRounded', {
+Object.defineProperty(exports, "SwipeUpAltRounded", {
   enumerable: true,
   get: function () {
     return _SwipeUpAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeUpAltSharp', {
+Object.defineProperty(exports, "SwipeUpAltSharp", {
   enumerable: true,
   get: function () {
     return _SwipeUpAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeUpAltTwoTone', {
+Object.defineProperty(exports, "SwipeUpAltTwoTone", {
   enumerable: true,
   get: function () {
     return _SwipeUpAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeUpOutlined', {
+Object.defineProperty(exports, "SwipeUpOutlined", {
   enumerable: true,
   get: function () {
     return _SwipeUpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeUpRounded', {
+Object.defineProperty(exports, "SwipeUpRounded", {
   enumerable: true,
   get: function () {
     return _SwipeUpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeUpSharp', {
+Object.defineProperty(exports, "SwipeUpSharp", {
   enumerable: true,
   get: function () {
     return _SwipeUpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeUpTwoTone', {
+Object.defineProperty(exports, "SwipeUpTwoTone", {
   enumerable: true,
   get: function () {
     return _SwipeUpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeVertical', {
+Object.defineProperty(exports, "SwipeVertical", {
   enumerable: true,
   get: function () {
     return _SwipeVertical.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeVerticalOutlined', {
+Object.defineProperty(exports, "SwipeVerticalOutlined", {
   enumerable: true,
   get: function () {
     return _SwipeVerticalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeVerticalRounded', {
+Object.defineProperty(exports, "SwipeVerticalRounded", {
   enumerable: true,
   get: function () {
     return _SwipeVerticalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeVerticalSharp', {
+Object.defineProperty(exports, "SwipeVerticalSharp", {
   enumerable: true,
   get: function () {
     return _SwipeVerticalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwipeVerticalTwoTone', {
+Object.defineProperty(exports, "SwipeVerticalTwoTone", {
   enumerable: true,
   get: function () {
     return _SwipeVerticalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccessShortcut', {
+Object.defineProperty(exports, "SwitchAccessShortcut", {
   enumerable: true,
   get: function () {
     return _SwitchAccessShortcut.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccessShortcutAdd', {
+Object.defineProperty(exports, "SwitchAccessShortcutAdd", {
   enumerable: true,
   get: function () {
     return _SwitchAccessShortcutAdd.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccessShortcutAddOutlined', {
+Object.defineProperty(exports, "SwitchAccessShortcutAddOutlined", {
   enumerable: true,
   get: function () {
     return _SwitchAccessShortcutAddOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccessShortcutAddRounded', {
+Object.defineProperty(exports, "SwitchAccessShortcutAddRounded", {
   enumerable: true,
   get: function () {
     return _SwitchAccessShortcutAddRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccessShortcutAddSharp', {
+Object.defineProperty(exports, "SwitchAccessShortcutAddSharp", {
   enumerable: true,
   get: function () {
     return _SwitchAccessShortcutAddSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccessShortcutAddTwoTone', {
+Object.defineProperty(exports, "SwitchAccessShortcutAddTwoTone", {
   enumerable: true,
   get: function () {
     return _SwitchAccessShortcutAddTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccessShortcutOutlined', {
+Object.defineProperty(exports, "SwitchAccessShortcutOutlined", {
   enumerable: true,
   get: function () {
     return _SwitchAccessShortcutOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccessShortcutRounded', {
+Object.defineProperty(exports, "SwitchAccessShortcutRounded", {
   enumerable: true,
   get: function () {
     return _SwitchAccessShortcutRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccessShortcutSharp', {
+Object.defineProperty(exports, "SwitchAccessShortcutSharp", {
   enumerable: true,
   get: function () {
     return _SwitchAccessShortcutSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccessShortcutTwoTone', {
+Object.defineProperty(exports, "SwitchAccessShortcutTwoTone", {
   enumerable: true,
   get: function () {
     return _SwitchAccessShortcutTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccount', {
+Object.defineProperty(exports, "SwitchAccount", {
   enumerable: true,
   get: function () {
     return _SwitchAccount.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccountOutlined', {
+Object.defineProperty(exports, "SwitchAccountOutlined", {
   enumerable: true,
   get: function () {
     return _SwitchAccountOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccountRounded', {
+Object.defineProperty(exports, "SwitchAccountRounded", {
   enumerable: true,
   get: function () {
     return _SwitchAccountRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccountSharp', {
+Object.defineProperty(exports, "SwitchAccountSharp", {
   enumerable: true,
   get: function () {
     return _SwitchAccountSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchAccountTwoTone', {
+Object.defineProperty(exports, "SwitchAccountTwoTone", {
   enumerable: true,
   get: function () {
     return _SwitchAccountTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchCamera', {
+Object.defineProperty(exports, "SwitchCamera", {
   enumerable: true,
   get: function () {
     return _SwitchCamera.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchCameraOutlined', {
+Object.defineProperty(exports, "SwitchCameraOutlined", {
   enumerable: true,
   get: function () {
     return _SwitchCameraOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchCameraRounded', {
+Object.defineProperty(exports, "SwitchCameraRounded", {
   enumerable: true,
   get: function () {
     return _SwitchCameraRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchCameraSharp', {
+Object.defineProperty(exports, "SwitchCameraSharp", {
   enumerable: true,
   get: function () {
     return _SwitchCameraSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchCameraTwoTone', {
+Object.defineProperty(exports, "SwitchCameraTwoTone", {
   enumerable: true,
   get: function () {
     return _SwitchCameraTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchLeft', {
+Object.defineProperty(exports, "SwitchLeft", {
   enumerable: true,
   get: function () {
     return _SwitchLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchLeftOutlined', {
+Object.defineProperty(exports, "SwitchLeftOutlined", {
   enumerable: true,
   get: function () {
     return _SwitchLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchLeftRounded', {
+Object.defineProperty(exports, "SwitchLeftRounded", {
   enumerable: true,
   get: function () {
     return _SwitchLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchLeftSharp', {
+Object.defineProperty(exports, "SwitchLeftSharp", {
   enumerable: true,
   get: function () {
     return _SwitchLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchLeftTwoTone', {
+Object.defineProperty(exports, "SwitchLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _SwitchLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchRight', {
+Object.defineProperty(exports, "SwitchRight", {
   enumerable: true,
   get: function () {
     return _SwitchRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchRightOutlined', {
+Object.defineProperty(exports, "SwitchRightOutlined", {
   enumerable: true,
   get: function () {
     return _SwitchRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchRightRounded', {
+Object.defineProperty(exports, "SwitchRightRounded", {
   enumerable: true,
   get: function () {
     return _SwitchRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchRightSharp', {
+Object.defineProperty(exports, "SwitchRightSharp", {
   enumerable: true,
   get: function () {
     return _SwitchRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchRightTwoTone', {
+Object.defineProperty(exports, "SwitchRightTwoTone", {
   enumerable: true,
   get: function () {
     return _SwitchRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchVideo', {
+Object.defineProperty(exports, "SwitchVideo", {
   enumerable: true,
   get: function () {
     return _SwitchVideo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchVideoOutlined', {
+Object.defineProperty(exports, "SwitchVideoOutlined", {
   enumerable: true,
   get: function () {
     return _SwitchVideoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchVideoRounded', {
+Object.defineProperty(exports, "SwitchVideoRounded", {
   enumerable: true,
   get: function () {
     return _SwitchVideoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchVideoSharp', {
+Object.defineProperty(exports, "SwitchVideoSharp", {
   enumerable: true,
   get: function () {
     return _SwitchVideoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SwitchVideoTwoTone', {
+Object.defineProperty(exports, "SwitchVideoTwoTone", {
   enumerable: true,
   get: function () {
     return _SwitchVideoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Synagogue', {
+Object.defineProperty(exports, "Synagogue", {
   enumerable: true,
   get: function () {
     return _Synagogue.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SynagogueOutlined', {
+Object.defineProperty(exports, "SynagogueOutlined", {
   enumerable: true,
   get: function () {
     return _SynagogueOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SynagogueRounded', {
+Object.defineProperty(exports, "SynagogueRounded", {
   enumerable: true,
   get: function () {
     return _SynagogueRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SynagogueSharp', {
+Object.defineProperty(exports, "SynagogueSharp", {
   enumerable: true,
   get: function () {
     return _SynagogueSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SynagogueTwoTone', {
+Object.defineProperty(exports, "SynagogueTwoTone", {
   enumerable: true,
   get: function () {
     return _SynagogueTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Sync', {
+Object.defineProperty(exports, "Sync", {
   enumerable: true,
   get: function () {
     return _Sync.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncAlt', {
+Object.defineProperty(exports, "SyncAlt", {
   enumerable: true,
   get: function () {
     return _SyncAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncAltOutlined', {
+Object.defineProperty(exports, "SyncAltOutlined", {
   enumerable: true,
   get: function () {
     return _SyncAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncAltRounded', {
+Object.defineProperty(exports, "SyncAltRounded", {
   enumerable: true,
   get: function () {
     return _SyncAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncAltSharp', {
+Object.defineProperty(exports, "SyncAltSharp", {
   enumerable: true,
   get: function () {
     return _SyncAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncAltTwoTone', {
+Object.defineProperty(exports, "SyncAltTwoTone", {
   enumerable: true,
   get: function () {
     return _SyncAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncDisabled', {
+Object.defineProperty(exports, "SyncDisabled", {
   enumerable: true,
   get: function () {
     return _SyncDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncDisabledOutlined', {
+Object.defineProperty(exports, "SyncDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _SyncDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncDisabledRounded', {
+Object.defineProperty(exports, "SyncDisabledRounded", {
   enumerable: true,
   get: function () {
     return _SyncDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncDisabledSharp', {
+Object.defineProperty(exports, "SyncDisabledSharp", {
   enumerable: true,
   get: function () {
     return _SyncDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncDisabledTwoTone', {
+Object.defineProperty(exports, "SyncDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _SyncDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncLock', {
+Object.defineProperty(exports, "SyncLock", {
   enumerable: true,
   get: function () {
     return _SyncLock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncLockOutlined', {
+Object.defineProperty(exports, "SyncLockOutlined", {
   enumerable: true,
   get: function () {
     return _SyncLockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncLockRounded', {
+Object.defineProperty(exports, "SyncLockRounded", {
   enumerable: true,
   get: function () {
     return _SyncLockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncLockSharp', {
+Object.defineProperty(exports, "SyncLockSharp", {
   enumerable: true,
   get: function () {
     return _SyncLockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncLockTwoTone', {
+Object.defineProperty(exports, "SyncLockTwoTone", {
   enumerable: true,
   get: function () {
     return _SyncLockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncOutlined', {
+Object.defineProperty(exports, "SyncOutlined", {
   enumerable: true,
   get: function () {
     return _SyncOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncProblem', {
+Object.defineProperty(exports, "SyncProblem", {
   enumerable: true,
   get: function () {
     return _SyncProblem.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncProblemOutlined', {
+Object.defineProperty(exports, "SyncProblemOutlined", {
   enumerable: true,
   get: function () {
     return _SyncProblemOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncProblemRounded', {
+Object.defineProperty(exports, "SyncProblemRounded", {
   enumerable: true,
   get: function () {
     return _SyncProblemRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncProblemSharp', {
+Object.defineProperty(exports, "SyncProblemSharp", {
   enumerable: true,
   get: function () {
     return _SyncProblemSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncProblemTwoTone', {
+Object.defineProperty(exports, "SyncProblemTwoTone", {
   enumerable: true,
   get: function () {
     return _SyncProblemTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncRounded', {
+Object.defineProperty(exports, "SyncRounded", {
   enumerable: true,
   get: function () {
     return _SyncRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncSharp', {
+Object.defineProperty(exports, "SyncSharp", {
   enumerable: true,
   get: function () {
     return _SyncSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SyncTwoTone', {
+Object.defineProperty(exports, "SyncTwoTone", {
   enumerable: true,
   get: function () {
     return _SyncTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdate', {
+Object.defineProperty(exports, "SystemSecurityUpdate", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdate.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateGood', {
+Object.defineProperty(exports, "SystemSecurityUpdateGood", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateGood.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateGoodOutlined', {
+Object.defineProperty(exports, "SystemSecurityUpdateGoodOutlined", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateGoodOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateGoodRounded', {
+Object.defineProperty(exports, "SystemSecurityUpdateGoodRounded", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateGoodRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateGoodSharp', {
+Object.defineProperty(exports, "SystemSecurityUpdateGoodSharp", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateGoodSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateGoodTwoTone', {
+Object.defineProperty(exports, "SystemSecurityUpdateGoodTwoTone", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateGoodTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateOutlined', {
+Object.defineProperty(exports, "SystemSecurityUpdateOutlined", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateRounded', {
+Object.defineProperty(exports, "SystemSecurityUpdateRounded", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateSharp', {
+Object.defineProperty(exports, "SystemSecurityUpdateSharp", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateTwoTone', {
+Object.defineProperty(exports, "SystemSecurityUpdateTwoTone", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateWarning', {
+Object.defineProperty(exports, "SystemSecurityUpdateWarning", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateWarning.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateWarningOutlined', {
+Object.defineProperty(exports, "SystemSecurityUpdateWarningOutlined", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateWarningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateWarningRounded', {
+Object.defineProperty(exports, "SystemSecurityUpdateWarningRounded", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateWarningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateWarningSharp', {
+Object.defineProperty(exports, "SystemSecurityUpdateWarningSharp", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateWarningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemSecurityUpdateWarningTwoTone', {
+Object.defineProperty(exports, "SystemSecurityUpdateWarningTwoTone", {
   enumerable: true,
   get: function () {
     return _SystemSecurityUpdateWarningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemUpdate', {
+Object.defineProperty(exports, "SystemUpdate", {
   enumerable: true,
   get: function () {
     return _SystemUpdate.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemUpdateAlt', {
+Object.defineProperty(exports, "SystemUpdateAlt", {
   enumerable: true,
   get: function () {
     return _SystemUpdateAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemUpdateAltOutlined', {
+Object.defineProperty(exports, "SystemUpdateAltOutlined", {
   enumerable: true,
   get: function () {
     return _SystemUpdateAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemUpdateAltRounded', {
+Object.defineProperty(exports, "SystemUpdateAltRounded", {
   enumerable: true,
   get: function () {
     return _SystemUpdateAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemUpdateAltSharp', {
+Object.defineProperty(exports, "SystemUpdateAltSharp", {
   enumerable: true,
   get: function () {
     return _SystemUpdateAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemUpdateAltTwoTone', {
+Object.defineProperty(exports, "SystemUpdateAltTwoTone", {
   enumerable: true,
   get: function () {
     return _SystemUpdateAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemUpdateOutlined', {
+Object.defineProperty(exports, "SystemUpdateOutlined", {
   enumerable: true,
   get: function () {
     return _SystemUpdateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemUpdateRounded', {
+Object.defineProperty(exports, "SystemUpdateRounded", {
   enumerable: true,
   get: function () {
     return _SystemUpdateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemUpdateSharp', {
+Object.defineProperty(exports, "SystemUpdateSharp", {
   enumerable: true,
   get: function () {
     return _SystemUpdateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'SystemUpdateTwoTone', {
+Object.defineProperty(exports, "SystemUpdateTwoTone", {
   enumerable: true,
   get: function () {
     return _SystemUpdateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tab', {
+Object.defineProperty(exports, "Tab", {
   enumerable: true,
   get: function () {
     return _Tab.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabOutlined', {
+Object.defineProperty(exports, "TabOutlined", {
   enumerable: true,
   get: function () {
     return _TabOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabRounded', {
+Object.defineProperty(exports, "TabRounded", {
   enumerable: true,
   get: function () {
     return _TabRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabSharp', {
+Object.defineProperty(exports, "TabSharp", {
   enumerable: true,
   get: function () {
     return _TabSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabTwoTone', {
+Object.defineProperty(exports, "TabTwoTone", {
   enumerable: true,
   get: function () {
     return _TabTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabUnselected', {
+Object.defineProperty(exports, "TabUnselected", {
   enumerable: true,
   get: function () {
     return _TabUnselected.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabUnselectedOutlined', {
+Object.defineProperty(exports, "TabUnselectedOutlined", {
   enumerable: true,
   get: function () {
     return _TabUnselectedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabUnselectedRounded', {
+Object.defineProperty(exports, "TabUnselectedRounded", {
   enumerable: true,
   get: function () {
     return _TabUnselectedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabUnselectedSharp', {
+Object.defineProperty(exports, "TabUnselectedSharp", {
   enumerable: true,
   get: function () {
     return _TabUnselectedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabUnselectedTwoTone', {
+Object.defineProperty(exports, "TabUnselectedTwoTone", {
   enumerable: true,
   get: function () {
     return _TabUnselectedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableBar', {
+Object.defineProperty(exports, "TableBar", {
   enumerable: true,
   get: function () {
     return _TableBar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableBarOutlined', {
+Object.defineProperty(exports, "TableBarOutlined", {
   enumerable: true,
   get: function () {
     return _TableBarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableBarRounded', {
+Object.defineProperty(exports, "TableBarRounded", {
   enumerable: true,
   get: function () {
     return _TableBarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableBarSharp', {
+Object.defineProperty(exports, "TableBarSharp", {
   enumerable: true,
   get: function () {
     return _TableBarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableBarTwoTone', {
+Object.defineProperty(exports, "TableBarTwoTone", {
   enumerable: true,
   get: function () {
     return _TableBarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableChart', {
+Object.defineProperty(exports, "TableChart", {
   enumerable: true,
   get: function () {
     return _TableChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableChartOutlined', {
+Object.defineProperty(exports, "TableChartOutlined", {
   enumerable: true,
   get: function () {
     return _TableChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableChartRounded', {
+Object.defineProperty(exports, "TableChartRounded", {
   enumerable: true,
   get: function () {
     return _TableChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableChartSharp', {
+Object.defineProperty(exports, "TableChartSharp", {
   enumerable: true,
   get: function () {
     return _TableChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableChartTwoTone', {
+Object.defineProperty(exports, "TableChartTwoTone", {
   enumerable: true,
   get: function () {
     return _TableChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableRestaurant', {
+Object.defineProperty(exports, "TableRestaurant", {
   enumerable: true,
   get: function () {
     return _TableRestaurant.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableRestaurantOutlined', {
+Object.defineProperty(exports, "TableRestaurantOutlined", {
   enumerable: true,
   get: function () {
     return _TableRestaurantOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableRestaurantRounded', {
+Object.defineProperty(exports, "TableRestaurantRounded", {
   enumerable: true,
   get: function () {
     return _TableRestaurantRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableRestaurantSharp', {
+Object.defineProperty(exports, "TableRestaurantSharp", {
   enumerable: true,
   get: function () {
     return _TableRestaurantSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableRestaurantTwoTone', {
+Object.defineProperty(exports, "TableRestaurantTwoTone", {
   enumerable: true,
   get: function () {
     return _TableRestaurantTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableRows', {
+Object.defineProperty(exports, "TableRows", {
   enumerable: true,
   get: function () {
     return _TableRows.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableRowsOutlined', {
+Object.defineProperty(exports, "TableRowsOutlined", {
   enumerable: true,
   get: function () {
     return _TableRowsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableRowsRounded', {
+Object.defineProperty(exports, "TableRowsRounded", {
   enumerable: true,
   get: function () {
     return _TableRowsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableRowsSharp', {
+Object.defineProperty(exports, "TableRowsSharp", {
   enumerable: true,
   get: function () {
     return _TableRowsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableRowsTwoTone', {
+Object.defineProperty(exports, "TableRowsTwoTone", {
   enumerable: true,
   get: function () {
     return _TableRowsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableView', {
+Object.defineProperty(exports, "TableView", {
   enumerable: true,
   get: function () {
     return _TableView.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableViewOutlined', {
+Object.defineProperty(exports, "TableViewOutlined", {
   enumerable: true,
   get: function () {
     return _TableViewOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableViewRounded', {
+Object.defineProperty(exports, "TableViewRounded", {
   enumerable: true,
   get: function () {
     return _TableViewRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableViewSharp', {
+Object.defineProperty(exports, "TableViewSharp", {
   enumerable: true,
   get: function () {
     return _TableViewSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TableViewTwoTone', {
+Object.defineProperty(exports, "TableViewTwoTone", {
   enumerable: true,
   get: function () {
     return _TableViewTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tablet', {
+Object.defineProperty(exports, "Tablet", {
   enumerable: true,
   get: function () {
     return _Tablet.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletAndroid', {
+Object.defineProperty(exports, "TabletAndroid", {
   enumerable: true,
   get: function () {
     return _TabletAndroid.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletAndroidOutlined', {
+Object.defineProperty(exports, "TabletAndroidOutlined", {
   enumerable: true,
   get: function () {
     return _TabletAndroidOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletAndroidRounded', {
+Object.defineProperty(exports, "TabletAndroidRounded", {
   enumerable: true,
   get: function () {
     return _TabletAndroidRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletAndroidSharp', {
+Object.defineProperty(exports, "TabletAndroidSharp", {
   enumerable: true,
   get: function () {
     return _TabletAndroidSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletAndroidTwoTone', {
+Object.defineProperty(exports, "TabletAndroidTwoTone", {
   enumerable: true,
   get: function () {
     return _TabletAndroidTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletMac', {
+Object.defineProperty(exports, "TabletMac", {
   enumerable: true,
   get: function () {
     return _TabletMac.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletMacOutlined', {
+Object.defineProperty(exports, "TabletMacOutlined", {
   enumerable: true,
   get: function () {
     return _TabletMacOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletMacRounded', {
+Object.defineProperty(exports, "TabletMacRounded", {
   enumerable: true,
   get: function () {
     return _TabletMacRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletMacSharp', {
+Object.defineProperty(exports, "TabletMacSharp", {
   enumerable: true,
   get: function () {
     return _TabletMacSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletMacTwoTone', {
+Object.defineProperty(exports, "TabletMacTwoTone", {
   enumerable: true,
   get: function () {
     return _TabletMacTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletOutlined', {
+Object.defineProperty(exports, "TabletOutlined", {
   enumerable: true,
   get: function () {
     return _TabletOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletRounded', {
+Object.defineProperty(exports, "TabletRounded", {
   enumerable: true,
   get: function () {
     return _TabletRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletSharp', {
+Object.defineProperty(exports, "TabletSharp", {
   enumerable: true,
   get: function () {
     return _TabletSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TabletTwoTone', {
+Object.defineProperty(exports, "TabletTwoTone", {
   enumerable: true,
   get: function () {
     return _TabletTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tag', {
+Object.defineProperty(exports, "Tag", {
   enumerable: true,
   get: function () {
     return _Tag.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TagFaces', {
+Object.defineProperty(exports, "TagFaces", {
   enumerable: true,
   get: function () {
     return _TagFaces.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TagFacesOutlined', {
+Object.defineProperty(exports, "TagFacesOutlined", {
   enumerable: true,
   get: function () {
     return _TagFacesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TagFacesRounded', {
+Object.defineProperty(exports, "TagFacesRounded", {
   enumerable: true,
   get: function () {
     return _TagFacesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TagFacesSharp', {
+Object.defineProperty(exports, "TagFacesSharp", {
   enumerable: true,
   get: function () {
     return _TagFacesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TagFacesTwoTone', {
+Object.defineProperty(exports, "TagFacesTwoTone", {
   enumerable: true,
   get: function () {
     return _TagFacesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TagOutlined', {
+Object.defineProperty(exports, "TagOutlined", {
   enumerable: true,
   get: function () {
     return _TagOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TagRounded', {
+Object.defineProperty(exports, "TagRounded", {
   enumerable: true,
   get: function () {
     return _TagRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TagSharp', {
+Object.defineProperty(exports, "TagSharp", {
   enumerable: true,
   get: function () {
     return _TagSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TagTwoTone', {
+Object.defineProperty(exports, "TagTwoTone", {
   enumerable: true,
   get: function () {
     return _TagTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TakeoutDining', {
+Object.defineProperty(exports, "TakeoutDining", {
   enumerable: true,
   get: function () {
     return _TakeoutDining.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TakeoutDiningOutlined', {
+Object.defineProperty(exports, "TakeoutDiningOutlined", {
   enumerable: true,
   get: function () {
     return _TakeoutDiningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TakeoutDiningRounded', {
+Object.defineProperty(exports, "TakeoutDiningRounded", {
   enumerable: true,
   get: function () {
     return _TakeoutDiningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TakeoutDiningSharp', {
+Object.defineProperty(exports, "TakeoutDiningSharp", {
   enumerable: true,
   get: function () {
     return _TakeoutDiningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TakeoutDiningTwoTone', {
+Object.defineProperty(exports, "TakeoutDiningTwoTone", {
   enumerable: true,
   get: function () {
     return _TakeoutDiningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TapAndPlay', {
+Object.defineProperty(exports, "TapAndPlay", {
   enumerable: true,
   get: function () {
     return _TapAndPlay.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TapAndPlayOutlined', {
+Object.defineProperty(exports, "TapAndPlayOutlined", {
   enumerable: true,
   get: function () {
     return _TapAndPlayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TapAndPlayRounded', {
+Object.defineProperty(exports, "TapAndPlayRounded", {
   enumerable: true,
   get: function () {
     return _TapAndPlayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TapAndPlaySharp', {
+Object.defineProperty(exports, "TapAndPlaySharp", {
   enumerable: true,
   get: function () {
     return _TapAndPlaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TapAndPlayTwoTone', {
+Object.defineProperty(exports, "TapAndPlayTwoTone", {
   enumerable: true,
   get: function () {
     return _TapAndPlayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tapas', {
+Object.defineProperty(exports, "Tapas", {
   enumerable: true,
   get: function () {
     return _Tapas.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TapasOutlined', {
+Object.defineProperty(exports, "TapasOutlined", {
   enumerable: true,
   get: function () {
     return _TapasOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TapasRounded', {
+Object.defineProperty(exports, "TapasRounded", {
   enumerable: true,
   get: function () {
     return _TapasRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TapasSharp', {
+Object.defineProperty(exports, "TapasSharp", {
   enumerable: true,
   get: function () {
     return _TapasSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TapasTwoTone', {
+Object.defineProperty(exports, "TapasTwoTone", {
   enumerable: true,
   get: function () {
     return _TapasTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Task', {
+Object.defineProperty(exports, "Task", {
   enumerable: true,
   get: function () {
     return _Task.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaskAlt', {
+Object.defineProperty(exports, "TaskAlt", {
   enumerable: true,
   get: function () {
     return _TaskAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaskAltOutlined', {
+Object.defineProperty(exports, "TaskAltOutlined", {
   enumerable: true,
   get: function () {
     return _TaskAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaskAltRounded', {
+Object.defineProperty(exports, "TaskAltRounded", {
   enumerable: true,
   get: function () {
     return _TaskAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaskAltSharp', {
+Object.defineProperty(exports, "TaskAltSharp", {
   enumerable: true,
   get: function () {
     return _TaskAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaskAltTwoTone', {
+Object.defineProperty(exports, "TaskAltTwoTone", {
   enumerable: true,
   get: function () {
     return _TaskAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaskOutlined', {
+Object.defineProperty(exports, "TaskOutlined", {
   enumerable: true,
   get: function () {
     return _TaskOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaskRounded', {
+Object.defineProperty(exports, "TaskRounded", {
   enumerable: true,
   get: function () {
     return _TaskRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaskSharp', {
+Object.defineProperty(exports, "TaskSharp", {
   enumerable: true,
   get: function () {
     return _TaskSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaskTwoTone', {
+Object.defineProperty(exports, "TaskTwoTone", {
   enumerable: true,
   get: function () {
     return _TaskTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaxiAlert', {
+Object.defineProperty(exports, "TaxiAlert", {
   enumerable: true,
   get: function () {
     return _TaxiAlert.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaxiAlertOutlined', {
+Object.defineProperty(exports, "TaxiAlertOutlined", {
   enumerable: true,
   get: function () {
     return _TaxiAlertOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaxiAlertRounded', {
+Object.defineProperty(exports, "TaxiAlertRounded", {
   enumerable: true,
   get: function () {
     return _TaxiAlertRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaxiAlertSharp', {
+Object.defineProperty(exports, "TaxiAlertSharp", {
   enumerable: true,
   get: function () {
     return _TaxiAlertSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TaxiAlertTwoTone', {
+Object.defineProperty(exports, "TaxiAlertTwoTone", {
   enumerable: true,
   get: function () {
     return _TaxiAlertTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Telegram', {
+Object.defineProperty(exports, "Telegram", {
   enumerable: true,
   get: function () {
     return _Telegram.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TempleBuddhist', {
+Object.defineProperty(exports, "TempleBuddhist", {
   enumerable: true,
   get: function () {
     return _TempleBuddhist.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TempleBuddhistOutlined', {
+Object.defineProperty(exports, "TempleBuddhistOutlined", {
   enumerable: true,
   get: function () {
     return _TempleBuddhistOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TempleBuddhistRounded', {
+Object.defineProperty(exports, "TempleBuddhistRounded", {
   enumerable: true,
   get: function () {
     return _TempleBuddhistRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TempleBuddhistSharp', {
+Object.defineProperty(exports, "TempleBuddhistSharp", {
   enumerable: true,
   get: function () {
     return _TempleBuddhistSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TempleBuddhistTwoTone', {
+Object.defineProperty(exports, "TempleBuddhistTwoTone", {
   enumerable: true,
   get: function () {
     return _TempleBuddhistTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TempleHindu', {
+Object.defineProperty(exports, "TempleHindu", {
   enumerable: true,
   get: function () {
     return _TempleHindu.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TempleHinduOutlined', {
+Object.defineProperty(exports, "TempleHinduOutlined", {
   enumerable: true,
   get: function () {
     return _TempleHinduOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TempleHinduRounded', {
+Object.defineProperty(exports, "TempleHinduRounded", {
   enumerable: true,
   get: function () {
     return _TempleHinduRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TempleHinduSharp', {
+Object.defineProperty(exports, "TempleHinduSharp", {
   enumerable: true,
   get: function () {
     return _TempleHinduSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TempleHinduTwoTone', {
+Object.defineProperty(exports, "TempleHinduTwoTone", {
   enumerable: true,
   get: function () {
     return _TempleHinduTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TenMp', {
+Object.defineProperty(exports, "TenMp", {
   enumerable: true,
   get: function () {
     return _TenMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TenMpOutlined', {
+Object.defineProperty(exports, "TenMpOutlined", {
   enumerable: true,
   get: function () {
     return _TenMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TenMpRounded', {
+Object.defineProperty(exports, "TenMpRounded", {
   enumerable: true,
   get: function () {
     return _TenMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TenMpSharp', {
+Object.defineProperty(exports, "TenMpSharp", {
   enumerable: true,
   get: function () {
     return _TenMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TenMpTwoTone', {
+Object.defineProperty(exports, "TenMpTwoTone", {
   enumerable: true,
   get: function () {
     return _TenMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Terminal', {
+Object.defineProperty(exports, "Terminal", {
   enumerable: true,
   get: function () {
     return _Terminal.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TerminalOutlined', {
+Object.defineProperty(exports, "TerminalOutlined", {
   enumerable: true,
   get: function () {
     return _TerminalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TerminalRounded', {
+Object.defineProperty(exports, "TerminalRounded", {
   enumerable: true,
   get: function () {
     return _TerminalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TerminalSharp', {
+Object.defineProperty(exports, "TerminalSharp", {
   enumerable: true,
   get: function () {
     return _TerminalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TerminalTwoTone', {
+Object.defineProperty(exports, "TerminalTwoTone", {
   enumerable: true,
   get: function () {
     return _TerminalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Terrain', {
+Object.defineProperty(exports, "Terrain", {
   enumerable: true,
   get: function () {
     return _Terrain.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TerrainOutlined', {
+Object.defineProperty(exports, "TerrainOutlined", {
   enumerable: true,
   get: function () {
     return _TerrainOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TerrainRounded', {
+Object.defineProperty(exports, "TerrainRounded", {
   enumerable: true,
   get: function () {
     return _TerrainRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TerrainSharp', {
+Object.defineProperty(exports, "TerrainSharp", {
   enumerable: true,
   get: function () {
     return _TerrainSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TerrainTwoTone', {
+Object.defineProperty(exports, "TerrainTwoTone", {
   enumerable: true,
   get: function () {
     return _TerrainTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextDecrease', {
+Object.defineProperty(exports, "TextDecrease", {
   enumerable: true,
   get: function () {
     return _TextDecrease.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextDecreaseOutlined', {
+Object.defineProperty(exports, "TextDecreaseOutlined", {
   enumerable: true,
   get: function () {
     return _TextDecreaseOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextDecreaseRounded', {
+Object.defineProperty(exports, "TextDecreaseRounded", {
   enumerable: true,
   get: function () {
     return _TextDecreaseRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextDecreaseSharp', {
+Object.defineProperty(exports, "TextDecreaseSharp", {
   enumerable: true,
   get: function () {
     return _TextDecreaseSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextDecreaseTwoTone', {
+Object.defineProperty(exports, "TextDecreaseTwoTone", {
   enumerable: true,
   get: function () {
     return _TextDecreaseTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextFields', {
+Object.defineProperty(exports, "TextFields", {
   enumerable: true,
   get: function () {
     return _TextFields.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextFieldsOutlined', {
+Object.defineProperty(exports, "TextFieldsOutlined", {
   enumerable: true,
   get: function () {
     return _TextFieldsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextFieldsRounded', {
+Object.defineProperty(exports, "TextFieldsRounded", {
   enumerable: true,
   get: function () {
     return _TextFieldsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextFieldsSharp', {
+Object.defineProperty(exports, "TextFieldsSharp", {
   enumerable: true,
   get: function () {
     return _TextFieldsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextFieldsTwoTone', {
+Object.defineProperty(exports, "TextFieldsTwoTone", {
   enumerable: true,
   get: function () {
     return _TextFieldsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextFormat', {
+Object.defineProperty(exports, "TextFormat", {
   enumerable: true,
   get: function () {
     return _TextFormat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextFormatOutlined', {
+Object.defineProperty(exports, "TextFormatOutlined", {
   enumerable: true,
   get: function () {
     return _TextFormatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextFormatRounded', {
+Object.defineProperty(exports, "TextFormatRounded", {
   enumerable: true,
   get: function () {
     return _TextFormatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextFormatSharp', {
+Object.defineProperty(exports, "TextFormatSharp", {
   enumerable: true,
   get: function () {
     return _TextFormatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextFormatTwoTone', {
+Object.defineProperty(exports, "TextFormatTwoTone", {
   enumerable: true,
   get: function () {
     return _TextFormatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextIncrease', {
+Object.defineProperty(exports, "TextIncrease", {
   enumerable: true,
   get: function () {
     return _TextIncrease.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextIncreaseOutlined', {
+Object.defineProperty(exports, "TextIncreaseOutlined", {
   enumerable: true,
   get: function () {
     return _TextIncreaseOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextIncreaseRounded', {
+Object.defineProperty(exports, "TextIncreaseRounded", {
   enumerable: true,
   get: function () {
     return _TextIncreaseRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextIncreaseSharp', {
+Object.defineProperty(exports, "TextIncreaseSharp", {
   enumerable: true,
   get: function () {
     return _TextIncreaseSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextIncreaseTwoTone', {
+Object.defineProperty(exports, "TextIncreaseTwoTone", {
   enumerable: true,
   get: function () {
     return _TextIncreaseTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotateUp', {
+Object.defineProperty(exports, "TextRotateUp", {
   enumerable: true,
   get: function () {
     return _TextRotateUp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotateUpOutlined', {
+Object.defineProperty(exports, "TextRotateUpOutlined", {
   enumerable: true,
   get: function () {
     return _TextRotateUpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotateUpRounded', {
+Object.defineProperty(exports, "TextRotateUpRounded", {
   enumerable: true,
   get: function () {
     return _TextRotateUpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotateUpSharp', {
+Object.defineProperty(exports, "TextRotateUpSharp", {
   enumerable: true,
   get: function () {
     return _TextRotateUpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotateUpTwoTone', {
+Object.defineProperty(exports, "TextRotateUpTwoTone", {
   enumerable: true,
   get: function () {
     return _TextRotateUpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotateVertical', {
+Object.defineProperty(exports, "TextRotateVertical", {
   enumerable: true,
   get: function () {
     return _TextRotateVertical.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotateVerticalOutlined', {
+Object.defineProperty(exports, "TextRotateVerticalOutlined", {
   enumerable: true,
   get: function () {
     return _TextRotateVerticalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotateVerticalRounded', {
+Object.defineProperty(exports, "TextRotateVerticalRounded", {
   enumerable: true,
   get: function () {
     return _TextRotateVerticalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotateVerticalSharp', {
+Object.defineProperty(exports, "TextRotateVerticalSharp", {
   enumerable: true,
   get: function () {
     return _TextRotateVerticalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotateVerticalTwoTone', {
+Object.defineProperty(exports, "TextRotateVerticalTwoTone", {
   enumerable: true,
   get: function () {
     return _TextRotateVerticalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationAngledown', {
+Object.defineProperty(exports, "TextRotationAngledown", {
   enumerable: true,
   get: function () {
     return _TextRotationAngledown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationAngledownOutlined', {
+Object.defineProperty(exports, "TextRotationAngledownOutlined", {
   enumerable: true,
   get: function () {
     return _TextRotationAngledownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationAngledownRounded', {
+Object.defineProperty(exports, "TextRotationAngledownRounded", {
   enumerable: true,
   get: function () {
     return _TextRotationAngledownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationAngledownSharp', {
+Object.defineProperty(exports, "TextRotationAngledownSharp", {
   enumerable: true,
   get: function () {
     return _TextRotationAngledownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationAngledownTwoTone', {
+Object.defineProperty(exports, "TextRotationAngledownTwoTone", {
   enumerable: true,
   get: function () {
     return _TextRotationAngledownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationAngleup', {
+Object.defineProperty(exports, "TextRotationAngleup", {
   enumerable: true,
   get: function () {
     return _TextRotationAngleup.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationAngleupOutlined', {
+Object.defineProperty(exports, "TextRotationAngleupOutlined", {
   enumerable: true,
   get: function () {
     return _TextRotationAngleupOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationAngleupRounded', {
+Object.defineProperty(exports, "TextRotationAngleupRounded", {
   enumerable: true,
   get: function () {
     return _TextRotationAngleupRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationAngleupSharp', {
+Object.defineProperty(exports, "TextRotationAngleupSharp", {
   enumerable: true,
   get: function () {
     return _TextRotationAngleupSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationAngleupTwoTone', {
+Object.defineProperty(exports, "TextRotationAngleupTwoTone", {
   enumerable: true,
   get: function () {
     return _TextRotationAngleupTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationDown', {
+Object.defineProperty(exports, "TextRotationDown", {
   enumerable: true,
   get: function () {
     return _TextRotationDown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationDownOutlined', {
+Object.defineProperty(exports, "TextRotationDownOutlined", {
   enumerable: true,
   get: function () {
     return _TextRotationDownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationDownRounded', {
+Object.defineProperty(exports, "TextRotationDownRounded", {
   enumerable: true,
   get: function () {
     return _TextRotationDownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationDownSharp', {
+Object.defineProperty(exports, "TextRotationDownSharp", {
   enumerable: true,
   get: function () {
     return _TextRotationDownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationDownTwoTone', {
+Object.defineProperty(exports, "TextRotationDownTwoTone", {
   enumerable: true,
   get: function () {
     return _TextRotationDownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationNone', {
+Object.defineProperty(exports, "TextRotationNone", {
   enumerable: true,
   get: function () {
     return _TextRotationNone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationNoneOutlined', {
+Object.defineProperty(exports, "TextRotationNoneOutlined", {
   enumerable: true,
   get: function () {
     return _TextRotationNoneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationNoneRounded', {
+Object.defineProperty(exports, "TextRotationNoneRounded", {
   enumerable: true,
   get: function () {
     return _TextRotationNoneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationNoneSharp', {
+Object.defineProperty(exports, "TextRotationNoneSharp", {
   enumerable: true,
   get: function () {
     return _TextRotationNoneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextRotationNoneTwoTone', {
+Object.defineProperty(exports, "TextRotationNoneTwoTone", {
   enumerable: true,
   get: function () {
     return _TextRotationNoneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextSnippet', {
+Object.defineProperty(exports, "TextSnippet", {
   enumerable: true,
   get: function () {
     return _TextSnippet.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextSnippetOutlined', {
+Object.defineProperty(exports, "TextSnippetOutlined", {
   enumerable: true,
   get: function () {
     return _TextSnippetOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextSnippetRounded', {
+Object.defineProperty(exports, "TextSnippetRounded", {
   enumerable: true,
   get: function () {
     return _TextSnippetRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextSnippetSharp', {
+Object.defineProperty(exports, "TextSnippetSharp", {
   enumerable: true,
   get: function () {
     return _TextSnippetSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextSnippetTwoTone', {
+Object.defineProperty(exports, "TextSnippetTwoTone", {
   enumerable: true,
   get: function () {
     return _TextSnippetTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Textsms', {
+Object.defineProperty(exports, "Textsms", {
   enumerable: true,
   get: function () {
     return _Textsms.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextsmsOutlined', {
+Object.defineProperty(exports, "TextsmsOutlined", {
   enumerable: true,
   get: function () {
     return _TextsmsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextsmsRounded', {
+Object.defineProperty(exports, "TextsmsRounded", {
   enumerable: true,
   get: function () {
     return _TextsmsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextsmsSharp', {
+Object.defineProperty(exports, "TextsmsSharp", {
   enumerable: true,
   get: function () {
     return _TextsmsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextsmsTwoTone', {
+Object.defineProperty(exports, "TextsmsTwoTone", {
   enumerable: true,
   get: function () {
     return _TextsmsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Texture', {
+Object.defineProperty(exports, "Texture", {
   enumerable: true,
   get: function () {
     return _Texture.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextureOutlined', {
+Object.defineProperty(exports, "TextureOutlined", {
   enumerable: true,
   get: function () {
     return _TextureOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextureRounded', {
+Object.defineProperty(exports, "TextureRounded", {
   enumerable: true,
   get: function () {
     return _TextureRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextureSharp', {
+Object.defineProperty(exports, "TextureSharp", {
   enumerable: true,
   get: function () {
     return _TextureSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TextureTwoTone', {
+Object.defineProperty(exports, "TextureTwoTone", {
   enumerable: true,
   get: function () {
     return _TextureTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TheaterComedy', {
+Object.defineProperty(exports, "TheaterComedy", {
   enumerable: true,
   get: function () {
     return _TheaterComedy.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TheaterComedyOutlined', {
+Object.defineProperty(exports, "TheaterComedyOutlined", {
   enumerable: true,
   get: function () {
     return _TheaterComedyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TheaterComedyRounded', {
+Object.defineProperty(exports, "TheaterComedyRounded", {
   enumerable: true,
   get: function () {
     return _TheaterComedyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TheaterComedySharp', {
+Object.defineProperty(exports, "TheaterComedySharp", {
   enumerable: true,
   get: function () {
     return _TheaterComedySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TheaterComedyTwoTone', {
+Object.defineProperty(exports, "TheaterComedyTwoTone", {
   enumerable: true,
   get: function () {
     return _TheaterComedyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Theaters', {
+Object.defineProperty(exports, "Theaters", {
   enumerable: true,
   get: function () {
     return _Theaters.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TheatersOutlined', {
+Object.defineProperty(exports, "TheatersOutlined", {
   enumerable: true,
   get: function () {
     return _TheatersOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TheatersRounded', {
+Object.defineProperty(exports, "TheatersRounded", {
   enumerable: true,
   get: function () {
     return _TheatersRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TheatersSharp', {
+Object.defineProperty(exports, "TheatersSharp", {
   enumerable: true,
   get: function () {
     return _TheatersSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TheatersTwoTone', {
+Object.defineProperty(exports, "TheatersTwoTone", {
   enumerable: true,
   get: function () {
     return _TheatersTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Thermostat', {
+Object.defineProperty(exports, "Thermostat", {
   enumerable: true,
   get: function () {
     return _Thermostat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThermostatAuto', {
+Object.defineProperty(exports, "ThermostatAuto", {
   enumerable: true,
   get: function () {
     return _ThermostatAuto.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThermostatAutoOutlined', {
+Object.defineProperty(exports, "ThermostatAutoOutlined", {
   enumerable: true,
   get: function () {
     return _ThermostatAutoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThermostatAutoRounded', {
+Object.defineProperty(exports, "ThermostatAutoRounded", {
   enumerable: true,
   get: function () {
     return _ThermostatAutoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThermostatAutoSharp', {
+Object.defineProperty(exports, "ThermostatAutoSharp", {
   enumerable: true,
   get: function () {
     return _ThermostatAutoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThermostatAutoTwoTone', {
+Object.defineProperty(exports, "ThermostatAutoTwoTone", {
   enumerable: true,
   get: function () {
     return _ThermostatAutoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThermostatOutlined', {
+Object.defineProperty(exports, "ThermostatOutlined", {
   enumerable: true,
   get: function () {
     return _ThermostatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThermostatRounded', {
+Object.defineProperty(exports, "ThermostatRounded", {
   enumerable: true,
   get: function () {
     return _ThermostatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThermostatSharp', {
+Object.defineProperty(exports, "ThermostatSharp", {
   enumerable: true,
   get: function () {
     return _ThermostatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThermostatTwoTone', {
+Object.defineProperty(exports, "ThermostatTwoTone", {
   enumerable: true,
   get: function () {
     return _ThermostatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirteenMp', {
+Object.defineProperty(exports, "ThirteenMp", {
   enumerable: true,
   get: function () {
     return _ThirteenMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirteenMpOutlined', {
+Object.defineProperty(exports, "ThirteenMpOutlined", {
   enumerable: true,
   get: function () {
     return _ThirteenMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirteenMpRounded', {
+Object.defineProperty(exports, "ThirteenMpRounded", {
   enumerable: true,
   get: function () {
     return _ThirteenMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirteenMpSharp', {
+Object.defineProperty(exports, "ThirteenMpSharp", {
   enumerable: true,
   get: function () {
     return _ThirteenMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirteenMpTwoTone', {
+Object.defineProperty(exports, "ThirteenMpTwoTone", {
   enumerable: true,
   get: function () {
     return _ThirteenMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirtyFps', {
+Object.defineProperty(exports, "ThirtyFps", {
   enumerable: true,
   get: function () {
     return _ThirtyFps.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirtyFpsOutlined', {
+Object.defineProperty(exports, "ThirtyFpsOutlined", {
   enumerable: true,
   get: function () {
     return _ThirtyFpsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirtyFpsRounded', {
+Object.defineProperty(exports, "ThirtyFpsRounded", {
   enumerable: true,
   get: function () {
     return _ThirtyFpsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirtyFpsSelect', {
+Object.defineProperty(exports, "ThirtyFpsSelect", {
   enumerable: true,
   get: function () {
     return _ThirtyFpsSelect.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirtyFpsSelectOutlined', {
+Object.defineProperty(exports, "ThirtyFpsSelectOutlined", {
   enumerable: true,
   get: function () {
     return _ThirtyFpsSelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirtyFpsSelectRounded', {
+Object.defineProperty(exports, "ThirtyFpsSelectRounded", {
   enumerable: true,
   get: function () {
     return _ThirtyFpsSelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirtyFpsSelectSharp', {
+Object.defineProperty(exports, "ThirtyFpsSelectSharp", {
   enumerable: true,
   get: function () {
     return _ThirtyFpsSelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirtyFpsSelectTwoTone', {
+Object.defineProperty(exports, "ThirtyFpsSelectTwoTone", {
   enumerable: true,
   get: function () {
     return _ThirtyFpsSelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirtyFpsSharp', {
+Object.defineProperty(exports, "ThirtyFpsSharp", {
   enumerable: true,
   get: function () {
     return _ThirtyFpsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThirtyFpsTwoTone', {
+Object.defineProperty(exports, "ThirtyFpsTwoTone", {
   enumerable: true,
   get: function () {
     return _ThirtyFpsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeDRotation', {
+Object.defineProperty(exports, "ThreeDRotation", {
   enumerable: true,
   get: function () {
     return _ThreeDRotation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeDRotationOutlined', {
+Object.defineProperty(exports, "ThreeDRotationOutlined", {
   enumerable: true,
   get: function () {
     return _ThreeDRotationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeDRotationRounded', {
+Object.defineProperty(exports, "ThreeDRotationRounded", {
   enumerable: true,
   get: function () {
     return _ThreeDRotationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeDRotationSharp', {
+Object.defineProperty(exports, "ThreeDRotationSharp", {
   enumerable: true,
   get: function () {
     return _ThreeDRotationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeDRotationTwoTone', {
+Object.defineProperty(exports, "ThreeDRotationTwoTone", {
   enumerable: true,
   get: function () {
     return _ThreeDRotationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeGMobiledata', {
+Object.defineProperty(exports, "ThreeGMobiledata", {
   enumerable: true,
   get: function () {
     return _ThreeGMobiledata.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeGMobiledataOutlined', {
+Object.defineProperty(exports, "ThreeGMobiledataOutlined", {
   enumerable: true,
   get: function () {
     return _ThreeGMobiledataOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeGMobiledataRounded', {
+Object.defineProperty(exports, "ThreeGMobiledataRounded", {
   enumerable: true,
   get: function () {
     return _ThreeGMobiledataRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeGMobiledataSharp', {
+Object.defineProperty(exports, "ThreeGMobiledataSharp", {
   enumerable: true,
   get: function () {
     return _ThreeGMobiledataSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeGMobiledataTwoTone', {
+Object.defineProperty(exports, "ThreeGMobiledataTwoTone", {
   enumerable: true,
   get: function () {
     return _ThreeGMobiledataTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeK', {
+Object.defineProperty(exports, "ThreeK", {
   enumerable: true,
   get: function () {
     return _ThreeK.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeKOutlined', {
+Object.defineProperty(exports, "ThreeKOutlined", {
   enumerable: true,
   get: function () {
     return _ThreeKOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeKPlus', {
+Object.defineProperty(exports, "ThreeKPlus", {
   enumerable: true,
   get: function () {
     return _ThreeKPlus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeKPlusOutlined', {
+Object.defineProperty(exports, "ThreeKPlusOutlined", {
   enumerable: true,
   get: function () {
     return _ThreeKPlusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeKPlusRounded', {
+Object.defineProperty(exports, "ThreeKPlusRounded", {
   enumerable: true,
   get: function () {
     return _ThreeKPlusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeKPlusSharp', {
+Object.defineProperty(exports, "ThreeKPlusSharp", {
   enumerable: true,
   get: function () {
     return _ThreeKPlusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeKPlusTwoTone', {
+Object.defineProperty(exports, "ThreeKPlusTwoTone", {
   enumerable: true,
   get: function () {
     return _ThreeKPlusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeKRounded', {
+Object.defineProperty(exports, "ThreeKRounded", {
   enumerable: true,
   get: function () {
     return _ThreeKRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeKSharp', {
+Object.defineProperty(exports, "ThreeKSharp", {
   enumerable: true,
   get: function () {
     return _ThreeKSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeKTwoTone', {
+Object.defineProperty(exports, "ThreeKTwoTone", {
   enumerable: true,
   get: function () {
     return _ThreeKTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeMp', {
+Object.defineProperty(exports, "ThreeMp", {
   enumerable: true,
   get: function () {
     return _ThreeMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeMpOutlined', {
+Object.defineProperty(exports, "ThreeMpOutlined", {
   enumerable: true,
   get: function () {
     return _ThreeMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeMpRounded', {
+Object.defineProperty(exports, "ThreeMpRounded", {
   enumerable: true,
   get: function () {
     return _ThreeMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeMpSharp', {
+Object.defineProperty(exports, "ThreeMpSharp", {
   enumerable: true,
   get: function () {
     return _ThreeMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeMpTwoTone', {
+Object.defineProperty(exports, "ThreeMpTwoTone", {
   enumerable: true,
   get: function () {
     return _ThreeMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeP', {
+Object.defineProperty(exports, "ThreeP", {
   enumerable: true,
   get: function () {
     return _ThreeP.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreePOutlined', {
+Object.defineProperty(exports, "ThreePOutlined", {
   enumerable: true,
   get: function () {
     return _ThreePOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreePRounded', {
+Object.defineProperty(exports, "ThreePRounded", {
   enumerable: true,
   get: function () {
     return _ThreePRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreePSharp', {
+Object.defineProperty(exports, "ThreePSharp", {
   enumerable: true,
   get: function () {
     return _ThreePSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreePTwoTone', {
+Object.defineProperty(exports, "ThreePTwoTone", {
   enumerable: true,
   get: function () {
     return _ThreePTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeSixty', {
+Object.defineProperty(exports, "ThreeSixty", {
   enumerable: true,
   get: function () {
     return _ThreeSixty.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeSixtyOutlined', {
+Object.defineProperty(exports, "ThreeSixtyOutlined", {
   enumerable: true,
   get: function () {
     return _ThreeSixtyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeSixtyRounded', {
+Object.defineProperty(exports, "ThreeSixtyRounded", {
   enumerable: true,
   get: function () {
     return _ThreeSixtyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeSixtySharp', {
+Object.defineProperty(exports, "ThreeSixtySharp", {
   enumerable: true,
   get: function () {
     return _ThreeSixtySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThreeSixtyTwoTone', {
+Object.defineProperty(exports, "ThreeSixtyTwoTone", {
   enumerable: true,
   get: function () {
     return _ThreeSixtyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDown', {
+Object.defineProperty(exports, "ThumbDown", {
   enumerable: true,
   get: function () {
     return _ThumbDown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownAlt', {
+Object.defineProperty(exports, "ThumbDownAlt", {
   enumerable: true,
   get: function () {
     return _ThumbDownAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownAltOutlined', {
+Object.defineProperty(exports, "ThumbDownAltOutlined", {
   enumerable: true,
   get: function () {
     return _ThumbDownAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownAltRounded', {
+Object.defineProperty(exports, "ThumbDownAltRounded", {
   enumerable: true,
   get: function () {
     return _ThumbDownAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownAltSharp', {
+Object.defineProperty(exports, "ThumbDownAltSharp", {
   enumerable: true,
   get: function () {
     return _ThumbDownAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownAltTwoTone', {
+Object.defineProperty(exports, "ThumbDownAltTwoTone", {
   enumerable: true,
   get: function () {
     return _ThumbDownAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownOffAlt', {
+Object.defineProperty(exports, "ThumbDownOffAlt", {
   enumerable: true,
   get: function () {
     return _ThumbDownOffAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownOffAltOutlined', {
+Object.defineProperty(exports, "ThumbDownOffAltOutlined", {
   enumerable: true,
   get: function () {
     return _ThumbDownOffAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownOffAltRounded', {
+Object.defineProperty(exports, "ThumbDownOffAltRounded", {
   enumerable: true,
   get: function () {
     return _ThumbDownOffAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownOffAltSharp', {
+Object.defineProperty(exports, "ThumbDownOffAltSharp", {
   enumerable: true,
   get: function () {
     return _ThumbDownOffAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownOffAltTwoTone', {
+Object.defineProperty(exports, "ThumbDownOffAltTwoTone", {
   enumerable: true,
   get: function () {
     return _ThumbDownOffAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownOutlined', {
+Object.defineProperty(exports, "ThumbDownOutlined", {
   enumerable: true,
   get: function () {
     return _ThumbDownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownRounded', {
+Object.defineProperty(exports, "ThumbDownRounded", {
   enumerable: true,
   get: function () {
     return _ThumbDownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownSharp', {
+Object.defineProperty(exports, "ThumbDownSharp", {
   enumerable: true,
   get: function () {
     return _ThumbDownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbDownTwoTone', {
+Object.defineProperty(exports, "ThumbDownTwoTone", {
   enumerable: true,
   get: function () {
     return _ThumbDownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUp', {
+Object.defineProperty(exports, "ThumbUp", {
   enumerable: true,
   get: function () {
     return _ThumbUp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpAlt', {
+Object.defineProperty(exports, "ThumbUpAlt", {
   enumerable: true,
   get: function () {
     return _ThumbUpAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpAltOutlined', {
+Object.defineProperty(exports, "ThumbUpAltOutlined", {
   enumerable: true,
   get: function () {
     return _ThumbUpAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpAltRounded', {
+Object.defineProperty(exports, "ThumbUpAltRounded", {
   enumerable: true,
   get: function () {
     return _ThumbUpAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpAltSharp', {
+Object.defineProperty(exports, "ThumbUpAltSharp", {
   enumerable: true,
   get: function () {
     return _ThumbUpAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpAltTwoTone', {
+Object.defineProperty(exports, "ThumbUpAltTwoTone", {
   enumerable: true,
   get: function () {
     return _ThumbUpAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpOffAlt', {
+Object.defineProperty(exports, "ThumbUpOffAlt", {
   enumerable: true,
   get: function () {
     return _ThumbUpOffAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpOffAltOutlined', {
+Object.defineProperty(exports, "ThumbUpOffAltOutlined", {
   enumerable: true,
   get: function () {
     return _ThumbUpOffAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpOffAltRounded', {
+Object.defineProperty(exports, "ThumbUpOffAltRounded", {
   enumerable: true,
   get: function () {
     return _ThumbUpOffAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpOffAltSharp', {
+Object.defineProperty(exports, "ThumbUpOffAltSharp", {
   enumerable: true,
   get: function () {
     return _ThumbUpOffAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpOffAltTwoTone', {
+Object.defineProperty(exports, "ThumbUpOffAltTwoTone", {
   enumerable: true,
   get: function () {
     return _ThumbUpOffAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpOutlined', {
+Object.defineProperty(exports, "ThumbUpOutlined", {
   enumerable: true,
   get: function () {
     return _ThumbUpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpRounded', {
+Object.defineProperty(exports, "ThumbUpRounded", {
   enumerable: true,
   get: function () {
     return _ThumbUpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpSharp', {
+Object.defineProperty(exports, "ThumbUpSharp", {
   enumerable: true,
   get: function () {
     return _ThumbUpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbUpTwoTone', {
+Object.defineProperty(exports, "ThumbUpTwoTone", {
   enumerable: true,
   get: function () {
     return _ThumbUpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbsUpDown', {
+Object.defineProperty(exports, "ThumbsUpDown", {
   enumerable: true,
   get: function () {
     return _ThumbsUpDown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbsUpDownOutlined', {
+Object.defineProperty(exports, "ThumbsUpDownOutlined", {
   enumerable: true,
   get: function () {
     return _ThumbsUpDownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbsUpDownRounded', {
+Object.defineProperty(exports, "ThumbsUpDownRounded", {
   enumerable: true,
   get: function () {
     return _ThumbsUpDownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbsUpDownSharp', {
+Object.defineProperty(exports, "ThumbsUpDownSharp", {
   enumerable: true,
   get: function () {
     return _ThumbsUpDownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThumbsUpDownTwoTone', {
+Object.defineProperty(exports, "ThumbsUpDownTwoTone", {
   enumerable: true,
   get: function () {
     return _ThumbsUpDownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Thunderstorm', {
+Object.defineProperty(exports, "Thunderstorm", {
   enumerable: true,
   get: function () {
     return _Thunderstorm.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThunderstormOutlined', {
+Object.defineProperty(exports, "ThunderstormOutlined", {
   enumerable: true,
   get: function () {
     return _ThunderstormOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThunderstormRounded', {
+Object.defineProperty(exports, "ThunderstormRounded", {
   enumerable: true,
   get: function () {
     return _ThunderstormRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThunderstormSharp', {
+Object.defineProperty(exports, "ThunderstormSharp", {
   enumerable: true,
   get: function () {
     return _ThunderstormSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ThunderstormTwoTone', {
+Object.defineProperty(exports, "ThunderstormTwoTone", {
   enumerable: true,
   get: function () {
     return _ThunderstormTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimeToLeave', {
+Object.defineProperty(exports, "TimeToLeave", {
   enumerable: true,
   get: function () {
     return _TimeToLeave.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimeToLeaveOutlined', {
+Object.defineProperty(exports, "TimeToLeaveOutlined", {
   enumerable: true,
   get: function () {
     return _TimeToLeaveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimeToLeaveRounded', {
+Object.defineProperty(exports, "TimeToLeaveRounded", {
   enumerable: true,
   get: function () {
     return _TimeToLeaveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimeToLeaveSharp', {
+Object.defineProperty(exports, "TimeToLeaveSharp", {
   enumerable: true,
   get: function () {
     return _TimeToLeaveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimeToLeaveTwoTone', {
+Object.defineProperty(exports, "TimeToLeaveTwoTone", {
   enumerable: true,
   get: function () {
     return _TimeToLeaveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timelapse', {
+Object.defineProperty(exports, "Timelapse", {
   enumerable: true,
   get: function () {
     return _Timelapse.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimelapseOutlined', {
+Object.defineProperty(exports, "TimelapseOutlined", {
   enumerable: true,
   get: function () {
     return _TimelapseOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimelapseRounded', {
+Object.defineProperty(exports, "TimelapseRounded", {
   enumerable: true,
   get: function () {
     return _TimelapseRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimelapseSharp', {
+Object.defineProperty(exports, "TimelapseSharp", {
   enumerable: true,
   get: function () {
     return _TimelapseSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimelapseTwoTone', {
+Object.defineProperty(exports, "TimelapseTwoTone", {
   enumerable: true,
   get: function () {
     return _TimelapseTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timeline', {
+Object.defineProperty(exports, "Timeline", {
   enumerable: true,
   get: function () {
     return _Timeline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimelineOutlined', {
+Object.defineProperty(exports, "TimelineOutlined", {
   enumerable: true,
   get: function () {
     return _TimelineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimelineRounded', {
+Object.defineProperty(exports, "TimelineRounded", {
   enumerable: true,
   get: function () {
     return _TimelineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimelineSharp', {
+Object.defineProperty(exports, "TimelineSharp", {
   enumerable: true,
   get: function () {
     return _TimelineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimelineTwoTone', {
+Object.defineProperty(exports, "TimelineTwoTone", {
   enumerable: true,
   get: function () {
     return _TimelineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer', {
+Object.defineProperty(exports, "Timer", {
   enumerable: true,
   get: function () {
     return _Timer.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer10', {
+Object.defineProperty(exports, "Timer10", {
   enumerable: true,
   get: function () {
     return _Timer2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer10Outlined', {
+Object.defineProperty(exports, "Timer10Outlined", {
   enumerable: true,
   get: function () {
     return _Timer10Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer10Rounded', {
+Object.defineProperty(exports, "Timer10Rounded", {
   enumerable: true,
   get: function () {
     return _Timer10Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer10Select', {
+Object.defineProperty(exports, "Timer10Select", {
   enumerable: true,
   get: function () {
     return _Timer10Select.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer10SelectOutlined', {
+Object.defineProperty(exports, "Timer10SelectOutlined", {
   enumerable: true,
   get: function () {
     return _Timer10SelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer10SelectRounded', {
+Object.defineProperty(exports, "Timer10SelectRounded", {
   enumerable: true,
   get: function () {
     return _Timer10SelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer10SelectSharp', {
+Object.defineProperty(exports, "Timer10SelectSharp", {
   enumerable: true,
   get: function () {
     return _Timer10SelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer10SelectTwoTone', {
+Object.defineProperty(exports, "Timer10SelectTwoTone", {
   enumerable: true,
   get: function () {
     return _Timer10SelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer10Sharp', {
+Object.defineProperty(exports, "Timer10Sharp", {
   enumerable: true,
   get: function () {
     return _Timer10Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer10TwoTone', {
+Object.defineProperty(exports, "Timer10TwoTone", {
   enumerable: true,
   get: function () {
     return _Timer10TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer3', {
+Object.defineProperty(exports, "Timer3", {
   enumerable: true,
   get: function () {
     return _Timer3.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer3Outlined', {
+Object.defineProperty(exports, "Timer3Outlined", {
   enumerable: true,
   get: function () {
     return _Timer3Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer3Rounded', {
+Object.defineProperty(exports, "Timer3Rounded", {
   enumerable: true,
   get: function () {
     return _Timer3Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer3Select', {
+Object.defineProperty(exports, "Timer3Select", {
   enumerable: true,
   get: function () {
     return _Timer3Select.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer3SelectOutlined', {
+Object.defineProperty(exports, "Timer3SelectOutlined", {
   enumerable: true,
   get: function () {
     return _Timer3SelectOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer3SelectRounded', {
+Object.defineProperty(exports, "Timer3SelectRounded", {
   enumerable: true,
   get: function () {
     return _Timer3SelectRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer3SelectSharp', {
+Object.defineProperty(exports, "Timer3SelectSharp", {
   enumerable: true,
   get: function () {
     return _Timer3SelectSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer3SelectTwoTone', {
+Object.defineProperty(exports, "Timer3SelectTwoTone", {
   enumerable: true,
   get: function () {
     return _Timer3SelectTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer3Sharp', {
+Object.defineProperty(exports, "Timer3Sharp", {
   enumerable: true,
   get: function () {
     return _Timer3Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Timer3TwoTone', {
+Object.defineProperty(exports, "Timer3TwoTone", {
   enumerable: true,
   get: function () {
     return _Timer3TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimerOff', {
+Object.defineProperty(exports, "TimerOff", {
   enumerable: true,
   get: function () {
     return _TimerOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimerOffOutlined', {
+Object.defineProperty(exports, "TimerOffOutlined", {
   enumerable: true,
   get: function () {
     return _TimerOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimerOffRounded', {
+Object.defineProperty(exports, "TimerOffRounded", {
   enumerable: true,
   get: function () {
     return _TimerOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimerOffSharp', {
+Object.defineProperty(exports, "TimerOffSharp", {
   enumerable: true,
   get: function () {
     return _TimerOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimerOffTwoTone', {
+Object.defineProperty(exports, "TimerOffTwoTone", {
   enumerable: true,
   get: function () {
     return _TimerOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimerOutlined', {
+Object.defineProperty(exports, "TimerOutlined", {
   enumerable: true,
   get: function () {
     return _TimerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimerRounded', {
+Object.defineProperty(exports, "TimerRounded", {
   enumerable: true,
   get: function () {
     return _TimerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimerSharp', {
+Object.defineProperty(exports, "TimerSharp", {
   enumerable: true,
   get: function () {
     return _TimerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimerTwoTone', {
+Object.defineProperty(exports, "TimerTwoTone", {
   enumerable: true,
   get: function () {
     return _TimerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimesOneMobiledata', {
+Object.defineProperty(exports, "TimesOneMobiledata", {
   enumerable: true,
   get: function () {
     return _TimesOneMobiledata.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimesOneMobiledataOutlined', {
+Object.defineProperty(exports, "TimesOneMobiledataOutlined", {
   enumerable: true,
   get: function () {
     return _TimesOneMobiledataOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimesOneMobiledataRounded', {
+Object.defineProperty(exports, "TimesOneMobiledataRounded", {
   enumerable: true,
   get: function () {
     return _TimesOneMobiledataRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimesOneMobiledataSharp', {
+Object.defineProperty(exports, "TimesOneMobiledataSharp", {
   enumerable: true,
   get: function () {
     return _TimesOneMobiledataSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TimesOneMobiledataTwoTone', {
+Object.defineProperty(exports, "TimesOneMobiledataTwoTone", {
   enumerable: true,
   get: function () {
     return _TimesOneMobiledataTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TipsAndUpdates', {
+Object.defineProperty(exports, "TipsAndUpdates", {
   enumerable: true,
   get: function () {
     return _TipsAndUpdates.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TipsAndUpdatesOutlined', {
+Object.defineProperty(exports, "TipsAndUpdatesOutlined", {
   enumerable: true,
   get: function () {
     return _TipsAndUpdatesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TipsAndUpdatesRounded', {
+Object.defineProperty(exports, "TipsAndUpdatesRounded", {
   enumerable: true,
   get: function () {
     return _TipsAndUpdatesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TipsAndUpdatesSharp', {
+Object.defineProperty(exports, "TipsAndUpdatesSharp", {
   enumerable: true,
   get: function () {
     return _TipsAndUpdatesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TipsAndUpdatesTwoTone', {
+Object.defineProperty(exports, "TipsAndUpdatesTwoTone", {
   enumerable: true,
   get: function () {
     return _TipsAndUpdatesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TireRepair', {
+Object.defineProperty(exports, "TireRepair", {
   enumerable: true,
   get: function () {
     return _TireRepair.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TireRepairOutlined', {
+Object.defineProperty(exports, "TireRepairOutlined", {
   enumerable: true,
   get: function () {
     return _TireRepairOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TireRepairRounded', {
+Object.defineProperty(exports, "TireRepairRounded", {
   enumerable: true,
   get: function () {
     return _TireRepairRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TireRepairSharp', {
+Object.defineProperty(exports, "TireRepairSharp", {
   enumerable: true,
   get: function () {
     return _TireRepairSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TireRepairTwoTone', {
+Object.defineProperty(exports, "TireRepairTwoTone", {
   enumerable: true,
   get: function () {
     return _TireRepairTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Title', {
+Object.defineProperty(exports, "Title", {
   enumerable: true,
   get: function () {
     return _Title.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TitleOutlined', {
+Object.defineProperty(exports, "TitleOutlined", {
   enumerable: true,
   get: function () {
     return _TitleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TitleRounded', {
+Object.defineProperty(exports, "TitleRounded", {
   enumerable: true,
   get: function () {
     return _TitleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TitleSharp', {
+Object.defineProperty(exports, "TitleSharp", {
   enumerable: true,
   get: function () {
     return _TitleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TitleTwoTone', {
+Object.defineProperty(exports, "TitleTwoTone", {
   enumerable: true,
   get: function () {
     return _TitleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Toc', {
+Object.defineProperty(exports, "Toc", {
   enumerable: true,
   get: function () {
     return _Toc.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TocOutlined', {
+Object.defineProperty(exports, "TocOutlined", {
   enumerable: true,
   get: function () {
     return _TocOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TocRounded', {
+Object.defineProperty(exports, "TocRounded", {
   enumerable: true,
   get: function () {
     return _TocRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TocSharp', {
+Object.defineProperty(exports, "TocSharp", {
   enumerable: true,
   get: function () {
     return _TocSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TocTwoTone', {
+Object.defineProperty(exports, "TocTwoTone", {
   enumerable: true,
   get: function () {
     return _TocTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Today', {
+Object.defineProperty(exports, "Today", {
   enumerable: true,
   get: function () {
     return _Today.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TodayOutlined', {
+Object.defineProperty(exports, "TodayOutlined", {
   enumerable: true,
   get: function () {
     return _TodayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TodayRounded', {
+Object.defineProperty(exports, "TodayRounded", {
   enumerable: true,
   get: function () {
     return _TodayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TodaySharp', {
+Object.defineProperty(exports, "TodaySharp", {
   enumerable: true,
   get: function () {
     return _TodaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TodayTwoTone', {
+Object.defineProperty(exports, "TodayTwoTone", {
   enumerable: true,
   get: function () {
     return _TodayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToggleOff', {
+Object.defineProperty(exports, "ToggleOff", {
   enumerable: true,
   get: function () {
     return _ToggleOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToggleOffOutlined', {
+Object.defineProperty(exports, "ToggleOffOutlined", {
   enumerable: true,
   get: function () {
     return _ToggleOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToggleOffRounded', {
+Object.defineProperty(exports, "ToggleOffRounded", {
   enumerable: true,
   get: function () {
     return _ToggleOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToggleOffSharp', {
+Object.defineProperty(exports, "ToggleOffSharp", {
   enumerable: true,
   get: function () {
     return _ToggleOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToggleOffTwoTone', {
+Object.defineProperty(exports, "ToggleOffTwoTone", {
   enumerable: true,
   get: function () {
     return _ToggleOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToggleOn', {
+Object.defineProperty(exports, "ToggleOn", {
   enumerable: true,
   get: function () {
     return _ToggleOn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToggleOnOutlined', {
+Object.defineProperty(exports, "ToggleOnOutlined", {
   enumerable: true,
   get: function () {
     return _ToggleOnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToggleOnRounded', {
+Object.defineProperty(exports, "ToggleOnRounded", {
   enumerable: true,
   get: function () {
     return _ToggleOnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToggleOnSharp', {
+Object.defineProperty(exports, "ToggleOnSharp", {
   enumerable: true,
   get: function () {
     return _ToggleOnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToggleOnTwoTone', {
+Object.defineProperty(exports, "ToggleOnTwoTone", {
   enumerable: true,
   get: function () {
     return _ToggleOnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Token', {
+Object.defineProperty(exports, "Token", {
   enumerable: true,
   get: function () {
     return _Token.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TokenOutlined', {
+Object.defineProperty(exports, "TokenOutlined", {
   enumerable: true,
   get: function () {
     return _TokenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TokenRounded', {
+Object.defineProperty(exports, "TokenRounded", {
   enumerable: true,
   get: function () {
     return _TokenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TokenSharp', {
+Object.defineProperty(exports, "TokenSharp", {
   enumerable: true,
   get: function () {
     return _TokenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TokenTwoTone', {
+Object.defineProperty(exports, "TokenTwoTone", {
   enumerable: true,
   get: function () {
     return _TokenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Toll', {
+Object.defineProperty(exports, "Toll", {
   enumerable: true,
   get: function () {
     return _Toll.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TollOutlined', {
+Object.defineProperty(exports, "TollOutlined", {
   enumerable: true,
   get: function () {
     return _TollOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TollRounded', {
+Object.defineProperty(exports, "TollRounded", {
   enumerable: true,
   get: function () {
     return _TollRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TollSharp', {
+Object.defineProperty(exports, "TollSharp", {
   enumerable: true,
   get: function () {
     return _TollSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TollTwoTone', {
+Object.defineProperty(exports, "TollTwoTone", {
   enumerable: true,
   get: function () {
     return _TollTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tonality', {
+Object.defineProperty(exports, "Tonality", {
   enumerable: true,
   get: function () {
     return _Tonality.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TonalityOutlined', {
+Object.defineProperty(exports, "TonalityOutlined", {
   enumerable: true,
   get: function () {
     return _TonalityOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TonalityRounded', {
+Object.defineProperty(exports, "TonalityRounded", {
   enumerable: true,
   get: function () {
     return _TonalityRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TonalitySharp', {
+Object.defineProperty(exports, "TonalitySharp", {
   enumerable: true,
   get: function () {
     return _TonalitySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TonalityTwoTone', {
+Object.defineProperty(exports, "TonalityTwoTone", {
   enumerable: true,
   get: function () {
     return _TonalityTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Topic', {
+Object.defineProperty(exports, "Topic", {
   enumerable: true,
   get: function () {
     return _Topic.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TopicOutlined', {
+Object.defineProperty(exports, "TopicOutlined", {
   enumerable: true,
   get: function () {
     return _TopicOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TopicRounded', {
+Object.defineProperty(exports, "TopicRounded", {
   enumerable: true,
   get: function () {
     return _TopicRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TopicSharp', {
+Object.defineProperty(exports, "TopicSharp", {
   enumerable: true,
   get: function () {
     return _TopicSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TopicTwoTone', {
+Object.defineProperty(exports, "TopicTwoTone", {
   enumerable: true,
   get: function () {
     return _TopicTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tornado', {
+Object.defineProperty(exports, "Tornado", {
   enumerable: true,
   get: function () {
     return _Tornado.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TornadoOutlined', {
+Object.defineProperty(exports, "TornadoOutlined", {
   enumerable: true,
   get: function () {
     return _TornadoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TornadoRounded', {
+Object.defineProperty(exports, "TornadoRounded", {
   enumerable: true,
   get: function () {
     return _TornadoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TornadoSharp', {
+Object.defineProperty(exports, "TornadoSharp", {
   enumerable: true,
   get: function () {
     return _TornadoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TornadoTwoTone', {
+Object.defineProperty(exports, "TornadoTwoTone", {
   enumerable: true,
   get: function () {
     return _TornadoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TouchApp', {
+Object.defineProperty(exports, "TouchApp", {
   enumerable: true,
   get: function () {
     return _TouchApp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TouchAppOutlined', {
+Object.defineProperty(exports, "TouchAppOutlined", {
   enumerable: true,
   get: function () {
     return _TouchAppOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TouchAppRounded', {
+Object.defineProperty(exports, "TouchAppRounded", {
   enumerable: true,
   get: function () {
     return _TouchAppRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TouchAppSharp', {
+Object.defineProperty(exports, "TouchAppSharp", {
   enumerable: true,
   get: function () {
     return _TouchAppSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TouchAppTwoTone', {
+Object.defineProperty(exports, "TouchAppTwoTone", {
   enumerable: true,
   get: function () {
     return _TouchAppTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tour', {
+Object.defineProperty(exports, "Tour", {
   enumerable: true,
   get: function () {
     return _Tour.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TourOutlined', {
+Object.defineProperty(exports, "TourOutlined", {
   enumerable: true,
   get: function () {
     return _TourOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TourRounded', {
+Object.defineProperty(exports, "TourRounded", {
   enumerable: true,
   get: function () {
     return _TourRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TourSharp', {
+Object.defineProperty(exports, "TourSharp", {
   enumerable: true,
   get: function () {
     return _TourSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TourTwoTone', {
+Object.defineProperty(exports, "TourTwoTone", {
   enumerable: true,
   get: function () {
     return _TourTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Toys', {
+Object.defineProperty(exports, "Toys", {
   enumerable: true,
   get: function () {
     return _Toys.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToysOutlined', {
+Object.defineProperty(exports, "ToysOutlined", {
   enumerable: true,
   get: function () {
     return _ToysOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToysRounded', {
+Object.defineProperty(exports, "ToysRounded", {
   enumerable: true,
   get: function () {
     return _ToysRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToysSharp', {
+Object.defineProperty(exports, "ToysSharp", {
   enumerable: true,
   get: function () {
     return _ToysSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ToysTwoTone', {
+Object.defineProperty(exports, "ToysTwoTone", {
   enumerable: true,
   get: function () {
     return _ToysTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrackChanges', {
+Object.defineProperty(exports, "TrackChanges", {
   enumerable: true,
   get: function () {
     return _TrackChanges.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrackChangesOutlined', {
+Object.defineProperty(exports, "TrackChangesOutlined", {
   enumerable: true,
   get: function () {
     return _TrackChangesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrackChangesRounded', {
+Object.defineProperty(exports, "TrackChangesRounded", {
   enumerable: true,
   get: function () {
     return _TrackChangesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrackChangesSharp', {
+Object.defineProperty(exports, "TrackChangesSharp", {
   enumerable: true,
   get: function () {
     return _TrackChangesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrackChangesTwoTone', {
+Object.defineProperty(exports, "TrackChangesTwoTone", {
   enumerable: true,
   get: function () {
     return _TrackChangesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Traffic', {
+Object.defineProperty(exports, "Traffic", {
   enumerable: true,
   get: function () {
     return _Traffic.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrafficOutlined', {
+Object.defineProperty(exports, "TrafficOutlined", {
   enumerable: true,
   get: function () {
     return _TrafficOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrafficRounded', {
+Object.defineProperty(exports, "TrafficRounded", {
   enumerable: true,
   get: function () {
     return _TrafficRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrafficSharp', {
+Object.defineProperty(exports, "TrafficSharp", {
   enumerable: true,
   get: function () {
     return _TrafficSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrafficTwoTone', {
+Object.defineProperty(exports, "TrafficTwoTone", {
   enumerable: true,
   get: function () {
     return _TrafficTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Train', {
+Object.defineProperty(exports, "Train", {
   enumerable: true,
   get: function () {
     return _Train.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrainOutlined', {
+Object.defineProperty(exports, "TrainOutlined", {
   enumerable: true,
   get: function () {
     return _TrainOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrainRounded', {
+Object.defineProperty(exports, "TrainRounded", {
   enumerable: true,
   get: function () {
     return _TrainRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrainSharp', {
+Object.defineProperty(exports, "TrainSharp", {
   enumerable: true,
   get: function () {
     return _TrainSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrainTwoTone', {
+Object.defineProperty(exports, "TrainTwoTone", {
   enumerable: true,
   get: function () {
     return _TrainTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tram', {
+Object.defineProperty(exports, "Tram", {
   enumerable: true,
   get: function () {
     return _Tram.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TramOutlined', {
+Object.defineProperty(exports, "TramOutlined", {
   enumerable: true,
   get: function () {
     return _TramOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TramRounded', {
+Object.defineProperty(exports, "TramRounded", {
   enumerable: true,
   get: function () {
     return _TramRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TramSharp', {
+Object.defineProperty(exports, "TramSharp", {
   enumerable: true,
   get: function () {
     return _TramSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TramTwoTone', {
+Object.defineProperty(exports, "TramTwoTone", {
   enumerable: true,
   get: function () {
     return _TramTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Transcribe', {
+Object.defineProperty(exports, "Transcribe", {
   enumerable: true,
   get: function () {
     return _Transcribe.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TranscribeOutlined', {
+Object.defineProperty(exports, "TranscribeOutlined", {
   enumerable: true,
   get: function () {
     return _TranscribeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TranscribeRounded', {
+Object.defineProperty(exports, "TranscribeRounded", {
   enumerable: true,
   get: function () {
     return _TranscribeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TranscribeSharp', {
+Object.defineProperty(exports, "TranscribeSharp", {
   enumerable: true,
   get: function () {
     return _TranscribeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TranscribeTwoTone', {
+Object.defineProperty(exports, "TranscribeTwoTone", {
   enumerable: true,
   get: function () {
     return _TranscribeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransferWithinAStation', {
+Object.defineProperty(exports, "TransferWithinAStation", {
   enumerable: true,
   get: function () {
     return _TransferWithinAStation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransferWithinAStationOutlined', {
+Object.defineProperty(exports, "TransferWithinAStationOutlined", {
   enumerable: true,
   get: function () {
     return _TransferWithinAStationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransferWithinAStationRounded', {
+Object.defineProperty(exports, "TransferWithinAStationRounded", {
   enumerable: true,
   get: function () {
     return _TransferWithinAStationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransferWithinAStationSharp', {
+Object.defineProperty(exports, "TransferWithinAStationSharp", {
   enumerable: true,
   get: function () {
     return _TransferWithinAStationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransferWithinAStationTwoTone', {
+Object.defineProperty(exports, "TransferWithinAStationTwoTone", {
   enumerable: true,
   get: function () {
     return _TransferWithinAStationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Transform', {
+Object.defineProperty(exports, "Transform", {
   enumerable: true,
   get: function () {
     return _Transform.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransformOutlined', {
+Object.defineProperty(exports, "TransformOutlined", {
   enumerable: true,
   get: function () {
     return _TransformOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransformRounded', {
+Object.defineProperty(exports, "TransformRounded", {
   enumerable: true,
   get: function () {
     return _TransformRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransformSharp', {
+Object.defineProperty(exports, "TransformSharp", {
   enumerable: true,
   get: function () {
     return _TransformSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransformTwoTone', {
+Object.defineProperty(exports, "TransformTwoTone", {
   enumerable: true,
   get: function () {
     return _TransformTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Transgender', {
+Object.defineProperty(exports, "Transgender", {
   enumerable: true,
   get: function () {
     return _Transgender.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransgenderOutlined', {
+Object.defineProperty(exports, "TransgenderOutlined", {
   enumerable: true,
   get: function () {
     return _TransgenderOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransgenderRounded', {
+Object.defineProperty(exports, "TransgenderRounded", {
   enumerable: true,
   get: function () {
     return _TransgenderRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransgenderSharp', {
+Object.defineProperty(exports, "TransgenderSharp", {
   enumerable: true,
   get: function () {
     return _TransgenderSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransgenderTwoTone', {
+Object.defineProperty(exports, "TransgenderTwoTone", {
   enumerable: true,
   get: function () {
     return _TransgenderTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransitEnterexit', {
+Object.defineProperty(exports, "TransitEnterexit", {
   enumerable: true,
   get: function () {
     return _TransitEnterexit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransitEnterexitOutlined', {
+Object.defineProperty(exports, "TransitEnterexitOutlined", {
   enumerable: true,
   get: function () {
     return _TransitEnterexitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransitEnterexitRounded', {
+Object.defineProperty(exports, "TransitEnterexitRounded", {
   enumerable: true,
   get: function () {
     return _TransitEnterexitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransitEnterexitSharp', {
+Object.defineProperty(exports, "TransitEnterexitSharp", {
   enumerable: true,
   get: function () {
     return _TransitEnterexitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TransitEnterexitTwoTone', {
+Object.defineProperty(exports, "TransitEnterexitTwoTone", {
   enumerable: true,
   get: function () {
     return _TransitEnterexitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Translate', {
+Object.defineProperty(exports, "Translate", {
   enumerable: true,
   get: function () {
     return _Translate.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TranslateOutlined', {
+Object.defineProperty(exports, "TranslateOutlined", {
   enumerable: true,
   get: function () {
     return _TranslateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TranslateRounded', {
+Object.defineProperty(exports, "TranslateRounded", {
   enumerable: true,
   get: function () {
     return _TranslateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TranslateSharp', {
+Object.defineProperty(exports, "TranslateSharp", {
   enumerable: true,
   get: function () {
     return _TranslateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TranslateTwoTone', {
+Object.defineProperty(exports, "TranslateTwoTone", {
   enumerable: true,
   get: function () {
     return _TranslateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TravelExplore', {
+Object.defineProperty(exports, "TravelExplore", {
   enumerable: true,
   get: function () {
     return _TravelExplore.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TravelExploreOutlined', {
+Object.defineProperty(exports, "TravelExploreOutlined", {
   enumerable: true,
   get: function () {
     return _TravelExploreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TravelExploreRounded', {
+Object.defineProperty(exports, "TravelExploreRounded", {
   enumerable: true,
   get: function () {
     return _TravelExploreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TravelExploreSharp', {
+Object.defineProperty(exports, "TravelExploreSharp", {
   enumerable: true,
   get: function () {
     return _TravelExploreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TravelExploreTwoTone', {
+Object.defineProperty(exports, "TravelExploreTwoTone", {
   enumerable: true,
   get: function () {
     return _TravelExploreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingDown', {
+Object.defineProperty(exports, "TrendingDown", {
   enumerable: true,
   get: function () {
     return _TrendingDown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingDownOutlined', {
+Object.defineProperty(exports, "TrendingDownOutlined", {
   enumerable: true,
   get: function () {
     return _TrendingDownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingDownRounded', {
+Object.defineProperty(exports, "TrendingDownRounded", {
   enumerable: true,
   get: function () {
     return _TrendingDownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingDownSharp', {
+Object.defineProperty(exports, "TrendingDownSharp", {
   enumerable: true,
   get: function () {
     return _TrendingDownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingDownTwoTone', {
+Object.defineProperty(exports, "TrendingDownTwoTone", {
   enumerable: true,
   get: function () {
     return _TrendingDownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingFlat', {
+Object.defineProperty(exports, "TrendingFlat", {
   enumerable: true,
   get: function () {
     return _TrendingFlat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingFlatOutlined', {
+Object.defineProperty(exports, "TrendingFlatOutlined", {
   enumerable: true,
   get: function () {
     return _TrendingFlatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingFlatRounded', {
+Object.defineProperty(exports, "TrendingFlatRounded", {
   enumerable: true,
   get: function () {
     return _TrendingFlatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingFlatSharp', {
+Object.defineProperty(exports, "TrendingFlatSharp", {
   enumerable: true,
   get: function () {
     return _TrendingFlatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingFlatTwoTone', {
+Object.defineProperty(exports, "TrendingFlatTwoTone", {
   enumerable: true,
   get: function () {
     return _TrendingFlatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingUp', {
+Object.defineProperty(exports, "TrendingUp", {
   enumerable: true,
   get: function () {
     return _TrendingUp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingUpOutlined', {
+Object.defineProperty(exports, "TrendingUpOutlined", {
   enumerable: true,
   get: function () {
     return _TrendingUpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingUpRounded', {
+Object.defineProperty(exports, "TrendingUpRounded", {
   enumerable: true,
   get: function () {
     return _TrendingUpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingUpSharp', {
+Object.defineProperty(exports, "TrendingUpSharp", {
   enumerable: true,
   get: function () {
     return _TrendingUpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrendingUpTwoTone', {
+Object.defineProperty(exports, "TrendingUpTwoTone", {
   enumerable: true,
   get: function () {
     return _TrendingUpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TripOrigin', {
+Object.defineProperty(exports, "TripOrigin", {
   enumerable: true,
   get: function () {
     return _TripOrigin.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TripOriginOutlined', {
+Object.defineProperty(exports, "TripOriginOutlined", {
   enumerable: true,
   get: function () {
     return _TripOriginOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TripOriginRounded', {
+Object.defineProperty(exports, "TripOriginRounded", {
   enumerable: true,
   get: function () {
     return _TripOriginRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TripOriginSharp', {
+Object.defineProperty(exports, "TripOriginSharp", {
   enumerable: true,
   get: function () {
     return _TripOriginSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TripOriginTwoTone', {
+Object.defineProperty(exports, "TripOriginTwoTone", {
   enumerable: true,
   get: function () {
     return _TripOriginTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Troubleshoot', {
+Object.defineProperty(exports, "Troubleshoot", {
   enumerable: true,
   get: function () {
     return _Troubleshoot.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TroubleshootOutlined', {
+Object.defineProperty(exports, "TroubleshootOutlined", {
   enumerable: true,
   get: function () {
     return _TroubleshootOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TroubleshootRounded', {
+Object.defineProperty(exports, "TroubleshootRounded", {
   enumerable: true,
   get: function () {
     return _TroubleshootRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TroubleshootSharp', {
+Object.defineProperty(exports, "TroubleshootSharp", {
   enumerable: true,
   get: function () {
     return _TroubleshootSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TroubleshootTwoTone', {
+Object.defineProperty(exports, "TroubleshootTwoTone", {
   enumerable: true,
   get: function () {
     return _TroubleshootTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Try', {
+Object.defineProperty(exports, "Try", {
   enumerable: true,
   get: function () {
     return _Try.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TryOutlined', {
+Object.defineProperty(exports, "TryOutlined", {
   enumerable: true,
   get: function () {
     return _TryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TryRounded', {
+Object.defineProperty(exports, "TryRounded", {
   enumerable: true,
   get: function () {
     return _TryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TrySharp', {
+Object.defineProperty(exports, "TrySharp", {
   enumerable: true,
   get: function () {
     return _TrySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TryTwoTone', {
+Object.defineProperty(exports, "TryTwoTone", {
   enumerable: true,
   get: function () {
     return _TryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tsunami', {
+Object.defineProperty(exports, "Tsunami", {
   enumerable: true,
   get: function () {
     return _Tsunami.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TsunamiOutlined', {
+Object.defineProperty(exports, "TsunamiOutlined", {
   enumerable: true,
   get: function () {
     return _TsunamiOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TsunamiRounded', {
+Object.defineProperty(exports, "TsunamiRounded", {
   enumerable: true,
   get: function () {
     return _TsunamiRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TsunamiSharp', {
+Object.defineProperty(exports, "TsunamiSharp", {
   enumerable: true,
   get: function () {
     return _TsunamiSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TsunamiTwoTone', {
+Object.defineProperty(exports, "TsunamiTwoTone", {
   enumerable: true,
   get: function () {
     return _TsunamiTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tty', {
+Object.defineProperty(exports, "Tty", {
   enumerable: true,
   get: function () {
     return _Tty.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TtyOutlined', {
+Object.defineProperty(exports, "TtyOutlined", {
   enumerable: true,
   get: function () {
     return _TtyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TtyRounded', {
+Object.defineProperty(exports, "TtyRounded", {
   enumerable: true,
   get: function () {
     return _TtyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TtySharp', {
+Object.defineProperty(exports, "TtySharp", {
   enumerable: true,
   get: function () {
     return _TtySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TtyTwoTone', {
+Object.defineProperty(exports, "TtyTwoTone", {
   enumerable: true,
   get: function () {
     return _TtyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tune', {
+Object.defineProperty(exports, "Tune", {
   enumerable: true,
   get: function () {
     return _Tune.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TuneOutlined', {
+Object.defineProperty(exports, "TuneOutlined", {
   enumerable: true,
   get: function () {
     return _TuneOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TuneRounded', {
+Object.defineProperty(exports, "TuneRounded", {
   enumerable: true,
   get: function () {
     return _TuneRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TuneSharp', {
+Object.defineProperty(exports, "TuneSharp", {
   enumerable: true,
   get: function () {
     return _TuneSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TuneTwoTone', {
+Object.defineProperty(exports, "TuneTwoTone", {
   enumerable: true,
   get: function () {
     return _TuneTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tungsten', {
+Object.defineProperty(exports, "Tungsten", {
   enumerable: true,
   get: function () {
     return _Tungsten.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TungstenOutlined', {
+Object.defineProperty(exports, "TungstenOutlined", {
   enumerable: true,
   get: function () {
     return _TungstenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TungstenRounded', {
+Object.defineProperty(exports, "TungstenRounded", {
   enumerable: true,
   get: function () {
     return _TungstenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TungstenSharp', {
+Object.defineProperty(exports, "TungstenSharp", {
   enumerable: true,
   get: function () {
     return _TungstenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TungstenTwoTone', {
+Object.defineProperty(exports, "TungstenTwoTone", {
   enumerable: true,
   get: function () {
     return _TungstenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnLeft', {
+Object.defineProperty(exports, "TurnLeft", {
   enumerable: true,
   get: function () {
     return _TurnLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnLeftOutlined', {
+Object.defineProperty(exports, "TurnLeftOutlined", {
   enumerable: true,
   get: function () {
     return _TurnLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnLeftRounded', {
+Object.defineProperty(exports, "TurnLeftRounded", {
   enumerable: true,
   get: function () {
     return _TurnLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnLeftSharp', {
+Object.defineProperty(exports, "TurnLeftSharp", {
   enumerable: true,
   get: function () {
     return _TurnLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnLeftTwoTone', {
+Object.defineProperty(exports, "TurnLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _TurnLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnRight', {
+Object.defineProperty(exports, "TurnRight", {
   enumerable: true,
   get: function () {
     return _TurnRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnRightOutlined', {
+Object.defineProperty(exports, "TurnRightOutlined", {
   enumerable: true,
   get: function () {
     return _TurnRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnRightRounded', {
+Object.defineProperty(exports, "TurnRightRounded", {
   enumerable: true,
   get: function () {
     return _TurnRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnRightSharp', {
+Object.defineProperty(exports, "TurnRightSharp", {
   enumerable: true,
   get: function () {
     return _TurnRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnRightTwoTone', {
+Object.defineProperty(exports, "TurnRightTwoTone", {
   enumerable: true,
   get: function () {
     return _TurnRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSharpLeft', {
+Object.defineProperty(exports, "TurnSharpLeft", {
   enumerable: true,
   get: function () {
     return _TurnSharpLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSharpLeftOutlined', {
+Object.defineProperty(exports, "TurnSharpLeftOutlined", {
   enumerable: true,
   get: function () {
     return _TurnSharpLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSharpLeftRounded', {
+Object.defineProperty(exports, "TurnSharpLeftRounded", {
   enumerable: true,
   get: function () {
     return _TurnSharpLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSharpLeftSharp', {
+Object.defineProperty(exports, "TurnSharpLeftSharp", {
   enumerable: true,
   get: function () {
     return _TurnSharpLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSharpLeftTwoTone', {
+Object.defineProperty(exports, "TurnSharpLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _TurnSharpLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSharpRight', {
+Object.defineProperty(exports, "TurnSharpRight", {
   enumerable: true,
   get: function () {
     return _TurnSharpRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSharpRightOutlined', {
+Object.defineProperty(exports, "TurnSharpRightOutlined", {
   enumerable: true,
   get: function () {
     return _TurnSharpRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSharpRightRounded', {
+Object.defineProperty(exports, "TurnSharpRightRounded", {
   enumerable: true,
   get: function () {
     return _TurnSharpRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSharpRightSharp', {
+Object.defineProperty(exports, "TurnSharpRightSharp", {
   enumerable: true,
   get: function () {
     return _TurnSharpRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSharpRightTwoTone', {
+Object.defineProperty(exports, "TurnSharpRightTwoTone", {
   enumerable: true,
   get: function () {
     return _TurnSharpRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSlightLeft', {
+Object.defineProperty(exports, "TurnSlightLeft", {
   enumerable: true,
   get: function () {
     return _TurnSlightLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSlightLeftOutlined', {
+Object.defineProperty(exports, "TurnSlightLeftOutlined", {
   enumerable: true,
   get: function () {
     return _TurnSlightLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSlightLeftRounded', {
+Object.defineProperty(exports, "TurnSlightLeftRounded", {
   enumerable: true,
   get: function () {
     return _TurnSlightLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSlightLeftSharp', {
+Object.defineProperty(exports, "TurnSlightLeftSharp", {
   enumerable: true,
   get: function () {
     return _TurnSlightLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSlightLeftTwoTone', {
+Object.defineProperty(exports, "TurnSlightLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _TurnSlightLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSlightRight', {
+Object.defineProperty(exports, "TurnSlightRight", {
   enumerable: true,
   get: function () {
     return _TurnSlightRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSlightRightOutlined', {
+Object.defineProperty(exports, "TurnSlightRightOutlined", {
   enumerable: true,
   get: function () {
     return _TurnSlightRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSlightRightRounded', {
+Object.defineProperty(exports, "TurnSlightRightRounded", {
   enumerable: true,
   get: function () {
     return _TurnSlightRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSlightRightSharp', {
+Object.defineProperty(exports, "TurnSlightRightSharp", {
   enumerable: true,
   get: function () {
     return _TurnSlightRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnSlightRightTwoTone', {
+Object.defineProperty(exports, "TurnSlightRightTwoTone", {
   enumerable: true,
   get: function () {
     return _TurnSlightRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnedIn', {
+Object.defineProperty(exports, "TurnedIn", {
   enumerable: true,
   get: function () {
     return _TurnedIn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnedInNot', {
+Object.defineProperty(exports, "TurnedInNot", {
   enumerable: true,
   get: function () {
     return _TurnedInNot.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnedInNotOutlined', {
+Object.defineProperty(exports, "TurnedInNotOutlined", {
   enumerable: true,
   get: function () {
     return _TurnedInNotOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnedInNotRounded', {
+Object.defineProperty(exports, "TurnedInNotRounded", {
   enumerable: true,
   get: function () {
     return _TurnedInNotRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnedInNotSharp', {
+Object.defineProperty(exports, "TurnedInNotSharp", {
   enumerable: true,
   get: function () {
     return _TurnedInNotSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnedInNotTwoTone', {
+Object.defineProperty(exports, "TurnedInNotTwoTone", {
   enumerable: true,
   get: function () {
     return _TurnedInNotTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnedInOutlined', {
+Object.defineProperty(exports, "TurnedInOutlined", {
   enumerable: true,
   get: function () {
     return _TurnedInOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnedInRounded', {
+Object.defineProperty(exports, "TurnedInRounded", {
   enumerable: true,
   get: function () {
     return _TurnedInRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnedInSharp', {
+Object.defineProperty(exports, "TurnedInSharp", {
   enumerable: true,
   get: function () {
     return _TurnedInSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TurnedInTwoTone', {
+Object.defineProperty(exports, "TurnedInTwoTone", {
   enumerable: true,
   get: function () {
     return _TurnedInTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Tv', {
+Object.defineProperty(exports, "Tv", {
   enumerable: true,
   get: function () {
     return _Tv.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TvOff', {
+Object.defineProperty(exports, "TvOff", {
   enumerable: true,
   get: function () {
     return _TvOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TvOffOutlined', {
+Object.defineProperty(exports, "TvOffOutlined", {
   enumerable: true,
   get: function () {
     return _TvOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TvOffRounded', {
+Object.defineProperty(exports, "TvOffRounded", {
   enumerable: true,
   get: function () {
     return _TvOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TvOffSharp', {
+Object.defineProperty(exports, "TvOffSharp", {
   enumerable: true,
   get: function () {
     return _TvOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TvOffTwoTone', {
+Object.defineProperty(exports, "TvOffTwoTone", {
   enumerable: true,
   get: function () {
     return _TvOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TvOutlined', {
+Object.defineProperty(exports, "TvOutlined", {
   enumerable: true,
   get: function () {
     return _TvOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TvRounded', {
+Object.defineProperty(exports, "TvRounded", {
   enumerable: true,
   get: function () {
     return _TvRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TvSharp', {
+Object.defineProperty(exports, "TvSharp", {
   enumerable: true,
   get: function () {
     return _TvSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TvTwoTone', {
+Object.defineProperty(exports, "TvTwoTone", {
   enumerable: true,
   get: function () {
     return _TvTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwelveMp', {
+Object.defineProperty(exports, "TwelveMp", {
   enumerable: true,
   get: function () {
     return _TwelveMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwelveMpOutlined', {
+Object.defineProperty(exports, "TwelveMpOutlined", {
   enumerable: true,
   get: function () {
     return _TwelveMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwelveMpRounded', {
+Object.defineProperty(exports, "TwelveMpRounded", {
   enumerable: true,
   get: function () {
     return _TwelveMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwelveMpSharp', {
+Object.defineProperty(exports, "TwelveMpSharp", {
   enumerable: true,
   get: function () {
     return _TwelveMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwelveMpTwoTone', {
+Object.defineProperty(exports, "TwelveMpTwoTone", {
   enumerable: true,
   get: function () {
     return _TwelveMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyFourMp', {
+Object.defineProperty(exports, "TwentyFourMp", {
   enumerable: true,
   get: function () {
     return _TwentyFourMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyFourMpOutlined', {
+Object.defineProperty(exports, "TwentyFourMpOutlined", {
   enumerable: true,
   get: function () {
     return _TwentyFourMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyFourMpRounded', {
+Object.defineProperty(exports, "TwentyFourMpRounded", {
   enumerable: true,
   get: function () {
     return _TwentyFourMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyFourMpSharp', {
+Object.defineProperty(exports, "TwentyFourMpSharp", {
   enumerable: true,
   get: function () {
     return _TwentyFourMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyFourMpTwoTone', {
+Object.defineProperty(exports, "TwentyFourMpTwoTone", {
   enumerable: true,
   get: function () {
     return _TwentyFourMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyOneMp', {
+Object.defineProperty(exports, "TwentyOneMp", {
   enumerable: true,
   get: function () {
     return _TwentyOneMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyOneMpOutlined', {
+Object.defineProperty(exports, "TwentyOneMpOutlined", {
   enumerable: true,
   get: function () {
     return _TwentyOneMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyOneMpRounded', {
+Object.defineProperty(exports, "TwentyOneMpRounded", {
   enumerable: true,
   get: function () {
     return _TwentyOneMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyOneMpSharp', {
+Object.defineProperty(exports, "TwentyOneMpSharp", {
   enumerable: true,
   get: function () {
     return _TwentyOneMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyOneMpTwoTone', {
+Object.defineProperty(exports, "TwentyOneMpTwoTone", {
   enumerable: true,
   get: function () {
     return _TwentyOneMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyThreeMp', {
+Object.defineProperty(exports, "TwentyThreeMp", {
   enumerable: true,
   get: function () {
     return _TwentyThreeMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyThreeMpOutlined', {
+Object.defineProperty(exports, "TwentyThreeMpOutlined", {
   enumerable: true,
   get: function () {
     return _TwentyThreeMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyThreeMpRounded', {
+Object.defineProperty(exports, "TwentyThreeMpRounded", {
   enumerable: true,
   get: function () {
     return _TwentyThreeMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyThreeMpSharp', {
+Object.defineProperty(exports, "TwentyThreeMpSharp", {
   enumerable: true,
   get: function () {
     return _TwentyThreeMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyThreeMpTwoTone', {
+Object.defineProperty(exports, "TwentyThreeMpTwoTone", {
   enumerable: true,
   get: function () {
     return _TwentyThreeMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyTwoMp', {
+Object.defineProperty(exports, "TwentyTwoMp", {
   enumerable: true,
   get: function () {
     return _TwentyTwoMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyTwoMpOutlined', {
+Object.defineProperty(exports, "TwentyTwoMpOutlined", {
   enumerable: true,
   get: function () {
     return _TwentyTwoMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyTwoMpRounded', {
+Object.defineProperty(exports, "TwentyTwoMpRounded", {
   enumerable: true,
   get: function () {
     return _TwentyTwoMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyTwoMpSharp', {
+Object.defineProperty(exports, "TwentyTwoMpSharp", {
   enumerable: true,
   get: function () {
     return _TwentyTwoMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyTwoMpTwoTone', {
+Object.defineProperty(exports, "TwentyTwoMpTwoTone", {
   enumerable: true,
   get: function () {
     return _TwentyTwoMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyZeroMp', {
+Object.defineProperty(exports, "TwentyZeroMp", {
   enumerable: true,
   get: function () {
     return _TwentyZeroMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyZeroMpOutlined', {
+Object.defineProperty(exports, "TwentyZeroMpOutlined", {
   enumerable: true,
   get: function () {
     return _TwentyZeroMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyZeroMpRounded', {
+Object.defineProperty(exports, "TwentyZeroMpRounded", {
   enumerable: true,
   get: function () {
     return _TwentyZeroMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyZeroMpSharp', {
+Object.defineProperty(exports, "TwentyZeroMpSharp", {
   enumerable: true,
   get: function () {
     return _TwentyZeroMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwentyZeroMpTwoTone', {
+Object.defineProperty(exports, "TwentyZeroMpTwoTone", {
   enumerable: true,
   get: function () {
     return _TwentyZeroMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Twitter', {
+Object.defineProperty(exports, "Twitter", {
   enumerable: true,
   get: function () {
     return _Twitter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoK', {
+Object.defineProperty(exports, "TwoK", {
   enumerable: true,
   get: function () {
     return _TwoK.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoKOutlined', {
+Object.defineProperty(exports, "TwoKOutlined", {
   enumerable: true,
   get: function () {
     return _TwoKOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoKPlus', {
+Object.defineProperty(exports, "TwoKPlus", {
   enumerable: true,
   get: function () {
     return _TwoKPlus.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoKPlusOutlined', {
+Object.defineProperty(exports, "TwoKPlusOutlined", {
   enumerable: true,
   get: function () {
     return _TwoKPlusOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoKPlusRounded', {
+Object.defineProperty(exports, "TwoKPlusRounded", {
   enumerable: true,
   get: function () {
     return _TwoKPlusRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoKPlusSharp', {
+Object.defineProperty(exports, "TwoKPlusSharp", {
   enumerable: true,
   get: function () {
     return _TwoKPlusSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoKPlusTwoTone', {
+Object.defineProperty(exports, "TwoKPlusTwoTone", {
   enumerable: true,
   get: function () {
     return _TwoKPlusTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoKRounded', {
+Object.defineProperty(exports, "TwoKRounded", {
   enumerable: true,
   get: function () {
     return _TwoKRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoKSharp', {
+Object.defineProperty(exports, "TwoKSharp", {
   enumerable: true,
   get: function () {
     return _TwoKSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoKTwoTone', {
+Object.defineProperty(exports, "TwoKTwoTone", {
   enumerable: true,
   get: function () {
     return _TwoKTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoMp', {
+Object.defineProperty(exports, "TwoMp", {
   enumerable: true,
   get: function () {
     return _TwoMp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoMpOutlined', {
+Object.defineProperty(exports, "TwoMpOutlined", {
   enumerable: true,
   get: function () {
     return _TwoMpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoMpRounded', {
+Object.defineProperty(exports, "TwoMpRounded", {
   enumerable: true,
   get: function () {
     return _TwoMpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoMpSharp', {
+Object.defineProperty(exports, "TwoMpSharp", {
   enumerable: true,
   get: function () {
     return _TwoMpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoMpTwoTone', {
+Object.defineProperty(exports, "TwoMpTwoTone", {
   enumerable: true,
   get: function () {
     return _TwoMpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoWheeler', {
+Object.defineProperty(exports, "TwoWheeler", {
   enumerable: true,
   get: function () {
     return _TwoWheeler.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoWheelerOutlined', {
+Object.defineProperty(exports, "TwoWheelerOutlined", {
   enumerable: true,
   get: function () {
     return _TwoWheelerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoWheelerRounded', {
+Object.defineProperty(exports, "TwoWheelerRounded", {
   enumerable: true,
   get: function () {
     return _TwoWheelerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoWheelerSharp', {
+Object.defineProperty(exports, "TwoWheelerSharp", {
   enumerable: true,
   get: function () {
     return _TwoWheelerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TwoWheelerTwoTone', {
+Object.defineProperty(exports, "TwoWheelerTwoTone", {
   enumerable: true,
   get: function () {
     return _TwoWheelerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TypeSpecimen', {
+Object.defineProperty(exports, "TypeSpecimen", {
   enumerable: true,
   get: function () {
     return _TypeSpecimen.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TypeSpecimenOutlined', {
+Object.defineProperty(exports, "TypeSpecimenOutlined", {
   enumerable: true,
   get: function () {
     return _TypeSpecimenOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TypeSpecimenRounded', {
+Object.defineProperty(exports, "TypeSpecimenRounded", {
   enumerable: true,
   get: function () {
     return _TypeSpecimenRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TypeSpecimenSharp', {
+Object.defineProperty(exports, "TypeSpecimenSharp", {
   enumerable: true,
   get: function () {
     return _TypeSpecimenSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'TypeSpecimenTwoTone', {
+Object.defineProperty(exports, "TypeSpecimenTwoTone", {
   enumerable: true,
   get: function () {
     return _TypeSpecimenTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UTurnLeft', {
+Object.defineProperty(exports, "UTurnLeft", {
   enumerable: true,
   get: function () {
     return _UTurnLeft.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UTurnLeftOutlined', {
+Object.defineProperty(exports, "UTurnLeftOutlined", {
   enumerable: true,
   get: function () {
     return _UTurnLeftOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UTurnLeftRounded', {
+Object.defineProperty(exports, "UTurnLeftRounded", {
   enumerable: true,
   get: function () {
     return _UTurnLeftRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UTurnLeftSharp', {
+Object.defineProperty(exports, "UTurnLeftSharp", {
   enumerable: true,
   get: function () {
     return _UTurnLeftSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UTurnLeftTwoTone', {
+Object.defineProperty(exports, "UTurnLeftTwoTone", {
   enumerable: true,
   get: function () {
     return _UTurnLeftTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UTurnRight', {
+Object.defineProperty(exports, "UTurnRight", {
   enumerable: true,
   get: function () {
     return _UTurnRight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UTurnRightOutlined', {
+Object.defineProperty(exports, "UTurnRightOutlined", {
   enumerable: true,
   get: function () {
     return _UTurnRightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UTurnRightRounded', {
+Object.defineProperty(exports, "UTurnRightRounded", {
   enumerable: true,
   get: function () {
     return _UTurnRightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UTurnRightSharp', {
+Object.defineProperty(exports, "UTurnRightSharp", {
   enumerable: true,
   get: function () {
     return _UTurnRightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UTurnRightTwoTone', {
+Object.defineProperty(exports, "UTurnRightTwoTone", {
   enumerable: true,
   get: function () {
     return _UTurnRightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Umbrella', {
+Object.defineProperty(exports, "Umbrella", {
   enumerable: true,
   get: function () {
     return _Umbrella.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UmbrellaOutlined', {
+Object.defineProperty(exports, "UmbrellaOutlined", {
   enumerable: true,
   get: function () {
     return _UmbrellaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UmbrellaRounded', {
+Object.defineProperty(exports, "UmbrellaRounded", {
   enumerable: true,
   get: function () {
     return _UmbrellaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UmbrellaSharp', {
+Object.defineProperty(exports, "UmbrellaSharp", {
   enumerable: true,
   get: function () {
     return _UmbrellaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UmbrellaTwoTone', {
+Object.defineProperty(exports, "UmbrellaTwoTone", {
   enumerable: true,
   get: function () {
     return _UmbrellaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Unarchive', {
+Object.defineProperty(exports, "Unarchive", {
   enumerable: true,
   get: function () {
     return _Unarchive.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnarchiveOutlined', {
+Object.defineProperty(exports, "UnarchiveOutlined", {
   enumerable: true,
   get: function () {
     return _UnarchiveOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnarchiveRounded', {
+Object.defineProperty(exports, "UnarchiveRounded", {
   enumerable: true,
   get: function () {
     return _UnarchiveRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnarchiveSharp', {
+Object.defineProperty(exports, "UnarchiveSharp", {
   enumerable: true,
   get: function () {
     return _UnarchiveSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnarchiveTwoTone', {
+Object.defineProperty(exports, "UnarchiveTwoTone", {
   enumerable: true,
   get: function () {
     return _UnarchiveTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Undo', {
+Object.defineProperty(exports, "Undo", {
   enumerable: true,
   get: function () {
     return _Undo.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UndoOutlined', {
+Object.defineProperty(exports, "UndoOutlined", {
   enumerable: true,
   get: function () {
     return _UndoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UndoRounded', {
+Object.defineProperty(exports, "UndoRounded", {
   enumerable: true,
   get: function () {
     return _UndoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UndoSharp', {
+Object.defineProperty(exports, "UndoSharp", {
   enumerable: true,
   get: function () {
     return _UndoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UndoTwoTone', {
+Object.defineProperty(exports, "UndoTwoTone", {
   enumerable: true,
   get: function () {
     return _UndoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldLess', {
+Object.defineProperty(exports, "UnfoldLess", {
   enumerable: true,
   get: function () {
     return _UnfoldLess.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldLessDouble', {
+Object.defineProperty(exports, "UnfoldLessDouble", {
   enumerable: true,
   get: function () {
     return _UnfoldLessDouble.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldLessDoubleOutlined', {
+Object.defineProperty(exports, "UnfoldLessDoubleOutlined", {
   enumerable: true,
   get: function () {
     return _UnfoldLessDoubleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldLessDoubleRounded', {
+Object.defineProperty(exports, "UnfoldLessDoubleRounded", {
   enumerable: true,
   get: function () {
     return _UnfoldLessDoubleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldLessDoubleSharp', {
+Object.defineProperty(exports, "UnfoldLessDoubleSharp", {
   enumerable: true,
   get: function () {
     return _UnfoldLessDoubleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldLessDoubleTwoTone', {
+Object.defineProperty(exports, "UnfoldLessDoubleTwoTone", {
   enumerable: true,
   get: function () {
     return _UnfoldLessDoubleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldLessOutlined', {
+Object.defineProperty(exports, "UnfoldLessOutlined", {
   enumerable: true,
   get: function () {
     return _UnfoldLessOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldLessRounded', {
+Object.defineProperty(exports, "UnfoldLessRounded", {
   enumerable: true,
   get: function () {
     return _UnfoldLessRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldLessSharp', {
+Object.defineProperty(exports, "UnfoldLessSharp", {
   enumerable: true,
   get: function () {
     return _UnfoldLessSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldLessTwoTone', {
+Object.defineProperty(exports, "UnfoldLessTwoTone", {
   enumerable: true,
   get: function () {
     return _UnfoldLessTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldMore', {
+Object.defineProperty(exports, "UnfoldMore", {
   enumerable: true,
   get: function () {
     return _UnfoldMore.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldMoreDouble', {
+Object.defineProperty(exports, "UnfoldMoreDouble", {
   enumerable: true,
   get: function () {
     return _UnfoldMoreDouble.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldMoreDoubleOutlined', {
+Object.defineProperty(exports, "UnfoldMoreDoubleOutlined", {
   enumerable: true,
   get: function () {
     return _UnfoldMoreDoubleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldMoreDoubleRounded', {
+Object.defineProperty(exports, "UnfoldMoreDoubleRounded", {
   enumerable: true,
   get: function () {
     return _UnfoldMoreDoubleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldMoreDoubleSharp', {
+Object.defineProperty(exports, "UnfoldMoreDoubleSharp", {
   enumerable: true,
   get: function () {
     return _UnfoldMoreDoubleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldMoreDoubleTwoTone', {
+Object.defineProperty(exports, "UnfoldMoreDoubleTwoTone", {
   enumerable: true,
   get: function () {
     return _UnfoldMoreDoubleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldMoreOutlined', {
+Object.defineProperty(exports, "UnfoldMoreOutlined", {
   enumerable: true,
   get: function () {
     return _UnfoldMoreOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldMoreRounded', {
+Object.defineProperty(exports, "UnfoldMoreRounded", {
   enumerable: true,
   get: function () {
     return _UnfoldMoreRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldMoreSharp', {
+Object.defineProperty(exports, "UnfoldMoreSharp", {
   enumerable: true,
   get: function () {
     return _UnfoldMoreSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnfoldMoreTwoTone', {
+Object.defineProperty(exports, "UnfoldMoreTwoTone", {
   enumerable: true,
   get: function () {
     return _UnfoldMoreTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Unpublished', {
+Object.defineProperty(exports, "Unpublished", {
   enumerable: true,
   get: function () {
     return _Unpublished.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnpublishedOutlined', {
+Object.defineProperty(exports, "UnpublishedOutlined", {
   enumerable: true,
   get: function () {
     return _UnpublishedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnpublishedRounded', {
+Object.defineProperty(exports, "UnpublishedRounded", {
   enumerable: true,
   get: function () {
     return _UnpublishedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnpublishedSharp', {
+Object.defineProperty(exports, "UnpublishedSharp", {
   enumerable: true,
   get: function () {
     return _UnpublishedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnpublishedTwoTone', {
+Object.defineProperty(exports, "UnpublishedTwoTone", {
   enumerable: true,
   get: function () {
     return _UnpublishedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Unsubscribe', {
+Object.defineProperty(exports, "Unsubscribe", {
   enumerable: true,
   get: function () {
     return _Unsubscribe.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnsubscribeOutlined', {
+Object.defineProperty(exports, "UnsubscribeOutlined", {
   enumerable: true,
   get: function () {
     return _UnsubscribeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnsubscribeRounded', {
+Object.defineProperty(exports, "UnsubscribeRounded", {
   enumerable: true,
   get: function () {
     return _UnsubscribeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnsubscribeSharp', {
+Object.defineProperty(exports, "UnsubscribeSharp", {
   enumerable: true,
   get: function () {
     return _UnsubscribeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UnsubscribeTwoTone', {
+Object.defineProperty(exports, "UnsubscribeTwoTone", {
   enumerable: true,
   get: function () {
     return _UnsubscribeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Upcoming', {
+Object.defineProperty(exports, "Upcoming", {
   enumerable: true,
   get: function () {
     return _Upcoming.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpcomingOutlined', {
+Object.defineProperty(exports, "UpcomingOutlined", {
   enumerable: true,
   get: function () {
     return _UpcomingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpcomingRounded', {
+Object.defineProperty(exports, "UpcomingRounded", {
   enumerable: true,
   get: function () {
     return _UpcomingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpcomingSharp', {
+Object.defineProperty(exports, "UpcomingSharp", {
   enumerable: true,
   get: function () {
     return _UpcomingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpcomingTwoTone', {
+Object.defineProperty(exports, "UpcomingTwoTone", {
   enumerable: true,
   get: function () {
     return _UpcomingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Update', {
+Object.defineProperty(exports, "Update", {
   enumerable: true,
   get: function () {
     return _Update.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpdateDisabled', {
+Object.defineProperty(exports, "UpdateDisabled", {
   enumerable: true,
   get: function () {
     return _UpdateDisabled.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpdateDisabledOutlined', {
+Object.defineProperty(exports, "UpdateDisabledOutlined", {
   enumerable: true,
   get: function () {
     return _UpdateDisabledOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpdateDisabledRounded', {
+Object.defineProperty(exports, "UpdateDisabledRounded", {
   enumerable: true,
   get: function () {
     return _UpdateDisabledRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpdateDisabledSharp', {
+Object.defineProperty(exports, "UpdateDisabledSharp", {
   enumerable: true,
   get: function () {
     return _UpdateDisabledSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpdateDisabledTwoTone', {
+Object.defineProperty(exports, "UpdateDisabledTwoTone", {
   enumerable: true,
   get: function () {
     return _UpdateDisabledTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpdateOutlined', {
+Object.defineProperty(exports, "UpdateOutlined", {
   enumerable: true,
   get: function () {
     return _UpdateOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpdateRounded', {
+Object.defineProperty(exports, "UpdateRounded", {
   enumerable: true,
   get: function () {
     return _UpdateRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpdateSharp', {
+Object.defineProperty(exports, "UpdateSharp", {
   enumerable: true,
   get: function () {
     return _UpdateSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpdateTwoTone', {
+Object.defineProperty(exports, "UpdateTwoTone", {
   enumerable: true,
   get: function () {
     return _UpdateTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Upgrade', {
+Object.defineProperty(exports, "Upgrade", {
   enumerable: true,
   get: function () {
     return _Upgrade.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpgradeOutlined', {
+Object.defineProperty(exports, "UpgradeOutlined", {
   enumerable: true,
   get: function () {
     return _UpgradeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpgradeRounded', {
+Object.defineProperty(exports, "UpgradeRounded", {
   enumerable: true,
   get: function () {
     return _UpgradeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpgradeSharp', {
+Object.defineProperty(exports, "UpgradeSharp", {
   enumerable: true,
   get: function () {
     return _UpgradeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UpgradeTwoTone', {
+Object.defineProperty(exports, "UpgradeTwoTone", {
   enumerable: true,
   get: function () {
     return _UpgradeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Upload', {
+Object.defineProperty(exports, "Upload", {
   enumerable: true,
   get: function () {
     return _Upload.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UploadFile', {
+Object.defineProperty(exports, "UploadFile", {
   enumerable: true,
   get: function () {
     return _UploadFile.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UploadFileOutlined', {
+Object.defineProperty(exports, "UploadFileOutlined", {
   enumerable: true,
   get: function () {
     return _UploadFileOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UploadFileRounded', {
+Object.defineProperty(exports, "UploadFileRounded", {
   enumerable: true,
   get: function () {
     return _UploadFileRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UploadFileSharp', {
+Object.defineProperty(exports, "UploadFileSharp", {
   enumerable: true,
   get: function () {
     return _UploadFileSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UploadFileTwoTone', {
+Object.defineProperty(exports, "UploadFileTwoTone", {
   enumerable: true,
   get: function () {
     return _UploadFileTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UploadOutlined', {
+Object.defineProperty(exports, "UploadOutlined", {
   enumerable: true,
   get: function () {
     return _UploadOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UploadRounded', {
+Object.defineProperty(exports, "UploadRounded", {
   enumerable: true,
   get: function () {
     return _UploadRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UploadSharp', {
+Object.defineProperty(exports, "UploadSharp", {
   enumerable: true,
   get: function () {
     return _UploadSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UploadTwoTone', {
+Object.defineProperty(exports, "UploadTwoTone", {
   enumerable: true,
   get: function () {
     return _UploadTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Usb', {
+Object.defineProperty(exports, "Usb", {
   enumerable: true,
   get: function () {
     return _Usb.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UsbOff', {
+Object.defineProperty(exports, "UsbOff", {
   enumerable: true,
   get: function () {
     return _UsbOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UsbOffOutlined', {
+Object.defineProperty(exports, "UsbOffOutlined", {
   enumerable: true,
   get: function () {
     return _UsbOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UsbOffRounded', {
+Object.defineProperty(exports, "UsbOffRounded", {
   enumerable: true,
   get: function () {
     return _UsbOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UsbOffSharp', {
+Object.defineProperty(exports, "UsbOffSharp", {
   enumerable: true,
   get: function () {
     return _UsbOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UsbOffTwoTone', {
+Object.defineProperty(exports, "UsbOffTwoTone", {
   enumerable: true,
   get: function () {
     return _UsbOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UsbOutlined', {
+Object.defineProperty(exports, "UsbOutlined", {
   enumerable: true,
   get: function () {
     return _UsbOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UsbRounded', {
+Object.defineProperty(exports, "UsbRounded", {
   enumerable: true,
   get: function () {
     return _UsbRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UsbSharp', {
+Object.defineProperty(exports, "UsbSharp", {
   enumerable: true,
   get: function () {
     return _UsbSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'UsbTwoTone', {
+Object.defineProperty(exports, "UsbTwoTone", {
   enumerable: true,
   get: function () {
     return _UsbTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Vaccines', {
+Object.defineProperty(exports, "Vaccines", {
   enumerable: true,
   get: function () {
     return _Vaccines.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VaccinesOutlined', {
+Object.defineProperty(exports, "VaccinesOutlined", {
   enumerable: true,
   get: function () {
     return _VaccinesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VaccinesRounded', {
+Object.defineProperty(exports, "VaccinesRounded", {
   enumerable: true,
   get: function () {
     return _VaccinesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VaccinesSharp', {
+Object.defineProperty(exports, "VaccinesSharp", {
   enumerable: true,
   get: function () {
     return _VaccinesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VaccinesTwoTone', {
+Object.defineProperty(exports, "VaccinesTwoTone", {
   enumerable: true,
   get: function () {
     return _VaccinesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VapeFree', {
+Object.defineProperty(exports, "VapeFree", {
   enumerable: true,
   get: function () {
     return _VapeFree.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VapeFreeOutlined', {
+Object.defineProperty(exports, "VapeFreeOutlined", {
   enumerable: true,
   get: function () {
     return _VapeFreeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VapeFreeRounded', {
+Object.defineProperty(exports, "VapeFreeRounded", {
   enumerable: true,
   get: function () {
     return _VapeFreeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VapeFreeSharp', {
+Object.defineProperty(exports, "VapeFreeSharp", {
   enumerable: true,
   get: function () {
     return _VapeFreeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VapeFreeTwoTone', {
+Object.defineProperty(exports, "VapeFreeTwoTone", {
   enumerable: true,
   get: function () {
     return _VapeFreeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VapingRooms', {
+Object.defineProperty(exports, "VapingRooms", {
   enumerable: true,
   get: function () {
     return _VapingRooms.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VapingRoomsOutlined', {
+Object.defineProperty(exports, "VapingRoomsOutlined", {
   enumerable: true,
   get: function () {
     return _VapingRoomsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VapingRoomsRounded', {
+Object.defineProperty(exports, "VapingRoomsRounded", {
   enumerable: true,
   get: function () {
     return _VapingRoomsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VapingRoomsSharp', {
+Object.defineProperty(exports, "VapingRoomsSharp", {
   enumerable: true,
   get: function () {
     return _VapingRoomsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VapingRoomsTwoTone', {
+Object.defineProperty(exports, "VapingRoomsTwoTone", {
   enumerable: true,
   get: function () {
     return _VapingRoomsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Verified', {
+Object.defineProperty(exports, "Verified", {
   enumerable: true,
   get: function () {
     return _Verified.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerifiedOutlined', {
+Object.defineProperty(exports, "VerifiedOutlined", {
   enumerable: true,
   get: function () {
     return _VerifiedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerifiedRounded', {
+Object.defineProperty(exports, "VerifiedRounded", {
   enumerable: true,
   get: function () {
     return _VerifiedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerifiedSharp', {
+Object.defineProperty(exports, "VerifiedSharp", {
   enumerable: true,
   get: function () {
     return _VerifiedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerifiedTwoTone', {
+Object.defineProperty(exports, "VerifiedTwoTone", {
   enumerable: true,
   get: function () {
     return _VerifiedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerifiedUser', {
+Object.defineProperty(exports, "VerifiedUser", {
   enumerable: true,
   get: function () {
     return _VerifiedUser.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerifiedUserOutlined', {
+Object.defineProperty(exports, "VerifiedUserOutlined", {
   enumerable: true,
   get: function () {
     return _VerifiedUserOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerifiedUserRounded', {
+Object.defineProperty(exports, "VerifiedUserRounded", {
   enumerable: true,
   get: function () {
     return _VerifiedUserRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerifiedUserSharp', {
+Object.defineProperty(exports, "VerifiedUserSharp", {
   enumerable: true,
   get: function () {
     return _VerifiedUserSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerifiedUserTwoTone', {
+Object.defineProperty(exports, "VerifiedUserTwoTone", {
   enumerable: true,
   get: function () {
     return _VerifiedUserTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignBottom', {
+Object.defineProperty(exports, "VerticalAlignBottom", {
   enumerable: true,
   get: function () {
     return _VerticalAlignBottom.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignBottomOutlined', {
+Object.defineProperty(exports, "VerticalAlignBottomOutlined", {
   enumerable: true,
   get: function () {
     return _VerticalAlignBottomOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignBottomRounded', {
+Object.defineProperty(exports, "VerticalAlignBottomRounded", {
   enumerable: true,
   get: function () {
     return _VerticalAlignBottomRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignBottomSharp', {
+Object.defineProperty(exports, "VerticalAlignBottomSharp", {
   enumerable: true,
   get: function () {
     return _VerticalAlignBottomSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignBottomTwoTone', {
+Object.defineProperty(exports, "VerticalAlignBottomTwoTone", {
   enumerable: true,
   get: function () {
     return _VerticalAlignBottomTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignCenter', {
+Object.defineProperty(exports, "VerticalAlignCenter", {
   enumerable: true,
   get: function () {
     return _VerticalAlignCenter.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignCenterOutlined', {
+Object.defineProperty(exports, "VerticalAlignCenterOutlined", {
   enumerable: true,
   get: function () {
     return _VerticalAlignCenterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignCenterRounded', {
+Object.defineProperty(exports, "VerticalAlignCenterRounded", {
   enumerable: true,
   get: function () {
     return _VerticalAlignCenterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignCenterSharp', {
+Object.defineProperty(exports, "VerticalAlignCenterSharp", {
   enumerable: true,
   get: function () {
     return _VerticalAlignCenterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignCenterTwoTone', {
+Object.defineProperty(exports, "VerticalAlignCenterTwoTone", {
   enumerable: true,
   get: function () {
     return _VerticalAlignCenterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignTop', {
+Object.defineProperty(exports, "VerticalAlignTop", {
   enumerable: true,
   get: function () {
     return _VerticalAlignTop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignTopOutlined', {
+Object.defineProperty(exports, "VerticalAlignTopOutlined", {
   enumerable: true,
   get: function () {
     return _VerticalAlignTopOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignTopRounded', {
+Object.defineProperty(exports, "VerticalAlignTopRounded", {
   enumerable: true,
   get: function () {
     return _VerticalAlignTopRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignTopSharp', {
+Object.defineProperty(exports, "VerticalAlignTopSharp", {
   enumerable: true,
   get: function () {
     return _VerticalAlignTopSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalAlignTopTwoTone', {
+Object.defineProperty(exports, "VerticalAlignTopTwoTone", {
   enumerable: true,
   get: function () {
     return _VerticalAlignTopTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalShades', {
+Object.defineProperty(exports, "VerticalShades", {
   enumerable: true,
   get: function () {
     return _VerticalShades.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalShadesClosed', {
+Object.defineProperty(exports, "VerticalShadesClosed", {
   enumerable: true,
   get: function () {
     return _VerticalShadesClosed.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalShadesClosedOutlined', {
+Object.defineProperty(exports, "VerticalShadesClosedOutlined", {
   enumerable: true,
   get: function () {
     return _VerticalShadesClosedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalShadesClosedRounded', {
+Object.defineProperty(exports, "VerticalShadesClosedRounded", {
   enumerable: true,
   get: function () {
     return _VerticalShadesClosedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalShadesClosedSharp', {
+Object.defineProperty(exports, "VerticalShadesClosedSharp", {
   enumerable: true,
   get: function () {
     return _VerticalShadesClosedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalShadesClosedTwoTone', {
+Object.defineProperty(exports, "VerticalShadesClosedTwoTone", {
   enumerable: true,
   get: function () {
     return _VerticalShadesClosedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalShadesOutlined', {
+Object.defineProperty(exports, "VerticalShadesOutlined", {
   enumerable: true,
   get: function () {
     return _VerticalShadesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalShadesRounded', {
+Object.defineProperty(exports, "VerticalShadesRounded", {
   enumerable: true,
   get: function () {
     return _VerticalShadesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalShadesSharp', {
+Object.defineProperty(exports, "VerticalShadesSharp", {
   enumerable: true,
   get: function () {
     return _VerticalShadesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalShadesTwoTone', {
+Object.defineProperty(exports, "VerticalShadesTwoTone", {
   enumerable: true,
   get: function () {
     return _VerticalShadesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalSplit', {
+Object.defineProperty(exports, "VerticalSplit", {
   enumerable: true,
   get: function () {
     return _VerticalSplit.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalSplitOutlined', {
+Object.defineProperty(exports, "VerticalSplitOutlined", {
   enumerable: true,
   get: function () {
     return _VerticalSplitOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalSplitRounded', {
+Object.defineProperty(exports, "VerticalSplitRounded", {
   enumerable: true,
   get: function () {
     return _VerticalSplitRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalSplitSharp', {
+Object.defineProperty(exports, "VerticalSplitSharp", {
   enumerable: true,
   get: function () {
     return _VerticalSplitSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VerticalSplitTwoTone', {
+Object.defineProperty(exports, "VerticalSplitTwoTone", {
   enumerable: true,
   get: function () {
     return _VerticalSplitTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Vibration', {
+Object.defineProperty(exports, "Vibration", {
   enumerable: true,
   get: function () {
     return _Vibration.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VibrationOutlined', {
+Object.defineProperty(exports, "VibrationOutlined", {
   enumerable: true,
   get: function () {
     return _VibrationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VibrationRounded', {
+Object.defineProperty(exports, "VibrationRounded", {
   enumerable: true,
   get: function () {
     return _VibrationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VibrationSharp', {
+Object.defineProperty(exports, "VibrationSharp", {
   enumerable: true,
   get: function () {
     return _VibrationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VibrationTwoTone', {
+Object.defineProperty(exports, "VibrationTwoTone", {
   enumerable: true,
   get: function () {
     return _VibrationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCall', {
+Object.defineProperty(exports, "VideoCall", {
   enumerable: true,
   get: function () {
     return _VideoCall.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCallOutlined', {
+Object.defineProperty(exports, "VideoCallOutlined", {
   enumerable: true,
   get: function () {
     return _VideoCallOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCallRounded', {
+Object.defineProperty(exports, "VideoCallRounded", {
   enumerable: true,
   get: function () {
     return _VideoCallRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCallSharp', {
+Object.defineProperty(exports, "VideoCallSharp", {
   enumerable: true,
   get: function () {
     return _VideoCallSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCallTwoTone', {
+Object.defineProperty(exports, "VideoCallTwoTone", {
   enumerable: true,
   get: function () {
     return _VideoCallTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCameraBack', {
+Object.defineProperty(exports, "VideoCameraBack", {
   enumerable: true,
   get: function () {
     return _VideoCameraBack.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCameraBackOutlined', {
+Object.defineProperty(exports, "VideoCameraBackOutlined", {
   enumerable: true,
   get: function () {
     return _VideoCameraBackOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCameraBackRounded', {
+Object.defineProperty(exports, "VideoCameraBackRounded", {
   enumerable: true,
   get: function () {
     return _VideoCameraBackRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCameraBackSharp', {
+Object.defineProperty(exports, "VideoCameraBackSharp", {
   enumerable: true,
   get: function () {
     return _VideoCameraBackSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCameraBackTwoTone', {
+Object.defineProperty(exports, "VideoCameraBackTwoTone", {
   enumerable: true,
   get: function () {
     return _VideoCameraBackTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCameraFront', {
+Object.defineProperty(exports, "VideoCameraFront", {
   enumerable: true,
   get: function () {
     return _VideoCameraFront.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCameraFrontOutlined', {
+Object.defineProperty(exports, "VideoCameraFrontOutlined", {
   enumerable: true,
   get: function () {
     return _VideoCameraFrontOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCameraFrontRounded', {
+Object.defineProperty(exports, "VideoCameraFrontRounded", {
   enumerable: true,
   get: function () {
     return _VideoCameraFrontRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCameraFrontSharp', {
+Object.defineProperty(exports, "VideoCameraFrontSharp", {
   enumerable: true,
   get: function () {
     return _VideoCameraFrontSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoCameraFrontTwoTone', {
+Object.defineProperty(exports, "VideoCameraFrontTwoTone", {
   enumerable: true,
   get: function () {
     return _VideoCameraFrontTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoChat', {
+Object.defineProperty(exports, "VideoChat", {
   enumerable: true,
   get: function () {
     return _VideoChat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoChatOutlined', {
+Object.defineProperty(exports, "VideoChatOutlined", {
   enumerable: true,
   get: function () {
     return _VideoChatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoChatRounded', {
+Object.defineProperty(exports, "VideoChatRounded", {
   enumerable: true,
   get: function () {
     return _VideoChatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoChatSharp', {
+Object.defineProperty(exports, "VideoChatSharp", {
   enumerable: true,
   get: function () {
     return _VideoChatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoChatTwoTone', {
+Object.defineProperty(exports, "VideoChatTwoTone", {
   enumerable: true,
   get: function () {
     return _VideoChatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoFile', {
+Object.defineProperty(exports, "VideoFile", {
   enumerable: true,
   get: function () {
     return _VideoFile.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoFileOutlined', {
+Object.defineProperty(exports, "VideoFileOutlined", {
   enumerable: true,
   get: function () {
     return _VideoFileOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoFileRounded', {
+Object.defineProperty(exports, "VideoFileRounded", {
   enumerable: true,
   get: function () {
     return _VideoFileRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoFileSharp', {
+Object.defineProperty(exports, "VideoFileSharp", {
   enumerable: true,
   get: function () {
     return _VideoFileSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoFileTwoTone', {
+Object.defineProperty(exports, "VideoFileTwoTone", {
   enumerable: true,
   get: function () {
     return _VideoFileTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoLabel', {
+Object.defineProperty(exports, "VideoLabel", {
   enumerable: true,
   get: function () {
     return _VideoLabel.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoLabelOutlined', {
+Object.defineProperty(exports, "VideoLabelOutlined", {
   enumerable: true,
   get: function () {
     return _VideoLabelOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoLabelRounded', {
+Object.defineProperty(exports, "VideoLabelRounded", {
   enumerable: true,
   get: function () {
     return _VideoLabelRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoLabelSharp', {
+Object.defineProperty(exports, "VideoLabelSharp", {
   enumerable: true,
   get: function () {
     return _VideoLabelSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoLabelTwoTone', {
+Object.defineProperty(exports, "VideoLabelTwoTone", {
   enumerable: true,
   get: function () {
     return _VideoLabelTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoLibrary', {
+Object.defineProperty(exports, "VideoLibrary", {
   enumerable: true,
   get: function () {
     return _VideoLibrary.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoLibraryOutlined', {
+Object.defineProperty(exports, "VideoLibraryOutlined", {
   enumerable: true,
   get: function () {
     return _VideoLibraryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoLibraryRounded', {
+Object.defineProperty(exports, "VideoLibraryRounded", {
   enumerable: true,
   get: function () {
     return _VideoLibraryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoLibrarySharp', {
+Object.defineProperty(exports, "VideoLibrarySharp", {
   enumerable: true,
   get: function () {
     return _VideoLibrarySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoLibraryTwoTone', {
+Object.defineProperty(exports, "VideoLibraryTwoTone", {
   enumerable: true,
   get: function () {
     return _VideoLibraryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoSettings', {
+Object.defineProperty(exports, "VideoSettings", {
   enumerable: true,
   get: function () {
     return _VideoSettings.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoSettingsOutlined', {
+Object.defineProperty(exports, "VideoSettingsOutlined", {
   enumerable: true,
   get: function () {
     return _VideoSettingsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoSettingsRounded', {
+Object.defineProperty(exports, "VideoSettingsRounded", {
   enumerable: true,
   get: function () {
     return _VideoSettingsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoSettingsSharp', {
+Object.defineProperty(exports, "VideoSettingsSharp", {
   enumerable: true,
   get: function () {
     return _VideoSettingsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoSettingsTwoTone', {
+Object.defineProperty(exports, "VideoSettingsTwoTone", {
   enumerable: true,
   get: function () {
     return _VideoSettingsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoStable', {
+Object.defineProperty(exports, "VideoStable", {
   enumerable: true,
   get: function () {
     return _VideoStable.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoStableOutlined', {
+Object.defineProperty(exports, "VideoStableOutlined", {
   enumerable: true,
   get: function () {
     return _VideoStableOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoStableRounded', {
+Object.defineProperty(exports, "VideoStableRounded", {
   enumerable: true,
   get: function () {
     return _VideoStableRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoStableSharp', {
+Object.defineProperty(exports, "VideoStableSharp", {
   enumerable: true,
   get: function () {
     return _VideoStableSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideoStableTwoTone', {
+Object.defineProperty(exports, "VideoStableTwoTone", {
   enumerable: true,
   get: function () {
     return _VideoStableTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Videocam', {
+Object.defineProperty(exports, "Videocam", {
   enumerable: true,
   get: function () {
     return _Videocam.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideocamOff', {
+Object.defineProperty(exports, "VideocamOff", {
   enumerable: true,
   get: function () {
     return _VideocamOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideocamOffOutlined', {
+Object.defineProperty(exports, "VideocamOffOutlined", {
   enumerable: true,
   get: function () {
     return _VideocamOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideocamOffRounded', {
+Object.defineProperty(exports, "VideocamOffRounded", {
   enumerable: true,
   get: function () {
     return _VideocamOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideocamOffSharp', {
+Object.defineProperty(exports, "VideocamOffSharp", {
   enumerable: true,
   get: function () {
     return _VideocamOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideocamOffTwoTone', {
+Object.defineProperty(exports, "VideocamOffTwoTone", {
   enumerable: true,
   get: function () {
     return _VideocamOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideocamOutlined', {
+Object.defineProperty(exports, "VideocamOutlined", {
   enumerable: true,
   get: function () {
     return _VideocamOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideocamRounded', {
+Object.defineProperty(exports, "VideocamRounded", {
   enumerable: true,
   get: function () {
     return _VideocamRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideocamSharp', {
+Object.defineProperty(exports, "VideocamSharp", {
   enumerable: true,
   get: function () {
     return _VideocamSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideocamTwoTone', {
+Object.defineProperty(exports, "VideocamTwoTone", {
   enumerable: true,
   get: function () {
     return _VideocamTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideogameAsset', {
+Object.defineProperty(exports, "VideogameAsset", {
   enumerable: true,
   get: function () {
     return _VideogameAsset.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideogameAssetOff', {
+Object.defineProperty(exports, "VideogameAssetOff", {
   enumerable: true,
   get: function () {
     return _VideogameAssetOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideogameAssetOffOutlined', {
+Object.defineProperty(exports, "VideogameAssetOffOutlined", {
   enumerable: true,
   get: function () {
     return _VideogameAssetOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideogameAssetOffRounded', {
+Object.defineProperty(exports, "VideogameAssetOffRounded", {
   enumerable: true,
   get: function () {
     return _VideogameAssetOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideogameAssetOffSharp', {
+Object.defineProperty(exports, "VideogameAssetOffSharp", {
   enumerable: true,
   get: function () {
     return _VideogameAssetOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideogameAssetOffTwoTone', {
+Object.defineProperty(exports, "VideogameAssetOffTwoTone", {
   enumerable: true,
   get: function () {
     return _VideogameAssetOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideogameAssetOutlined', {
+Object.defineProperty(exports, "VideogameAssetOutlined", {
   enumerable: true,
   get: function () {
     return _VideogameAssetOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideogameAssetRounded', {
+Object.defineProperty(exports, "VideogameAssetRounded", {
   enumerable: true,
   get: function () {
     return _VideogameAssetRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideogameAssetSharp', {
+Object.defineProperty(exports, "VideogameAssetSharp", {
   enumerable: true,
   get: function () {
     return _VideogameAssetSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VideogameAssetTwoTone', {
+Object.defineProperty(exports, "VideogameAssetTwoTone", {
   enumerable: true,
   get: function () {
     return _VideogameAssetTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewAgenda', {
+Object.defineProperty(exports, "ViewAgenda", {
   enumerable: true,
   get: function () {
     return _ViewAgenda.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewAgendaOutlined', {
+Object.defineProperty(exports, "ViewAgendaOutlined", {
   enumerable: true,
   get: function () {
     return _ViewAgendaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewAgendaRounded', {
+Object.defineProperty(exports, "ViewAgendaRounded", {
   enumerable: true,
   get: function () {
     return _ViewAgendaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewAgendaSharp', {
+Object.defineProperty(exports, "ViewAgendaSharp", {
   enumerable: true,
   get: function () {
     return _ViewAgendaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewAgendaTwoTone', {
+Object.defineProperty(exports, "ViewAgendaTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewAgendaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewArray', {
+Object.defineProperty(exports, "ViewArray", {
   enumerable: true,
   get: function () {
     return _ViewArray.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewArrayOutlined', {
+Object.defineProperty(exports, "ViewArrayOutlined", {
   enumerable: true,
   get: function () {
     return _ViewArrayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewArrayRounded', {
+Object.defineProperty(exports, "ViewArrayRounded", {
   enumerable: true,
   get: function () {
     return _ViewArrayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewArraySharp', {
+Object.defineProperty(exports, "ViewArraySharp", {
   enumerable: true,
   get: function () {
     return _ViewArraySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewArrayTwoTone', {
+Object.defineProperty(exports, "ViewArrayTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewArrayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCarousel', {
+Object.defineProperty(exports, "ViewCarousel", {
   enumerable: true,
   get: function () {
     return _ViewCarousel.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCarouselOutlined', {
+Object.defineProperty(exports, "ViewCarouselOutlined", {
   enumerable: true,
   get: function () {
     return _ViewCarouselOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCarouselRounded', {
+Object.defineProperty(exports, "ViewCarouselRounded", {
   enumerable: true,
   get: function () {
     return _ViewCarouselRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCarouselSharp', {
+Object.defineProperty(exports, "ViewCarouselSharp", {
   enumerable: true,
   get: function () {
     return _ViewCarouselSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCarouselTwoTone', {
+Object.defineProperty(exports, "ViewCarouselTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewCarouselTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewColumn', {
+Object.defineProperty(exports, "ViewColumn", {
   enumerable: true,
   get: function () {
     return _ViewColumn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewColumnOutlined', {
+Object.defineProperty(exports, "ViewColumnOutlined", {
   enumerable: true,
   get: function () {
     return _ViewColumnOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewColumnRounded', {
+Object.defineProperty(exports, "ViewColumnRounded", {
   enumerable: true,
   get: function () {
     return _ViewColumnRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewColumnSharp', {
+Object.defineProperty(exports, "ViewColumnSharp", {
   enumerable: true,
   get: function () {
     return _ViewColumnSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewColumnTwoTone', {
+Object.defineProperty(exports, "ViewColumnTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewColumnTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewComfy', {
+Object.defineProperty(exports, "ViewComfy", {
   enumerable: true,
   get: function () {
     return _ViewComfy.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewComfyAlt', {
+Object.defineProperty(exports, "ViewComfyAlt", {
   enumerable: true,
   get: function () {
     return _ViewComfyAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewComfyAltOutlined', {
+Object.defineProperty(exports, "ViewComfyAltOutlined", {
   enumerable: true,
   get: function () {
     return _ViewComfyAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewComfyAltRounded', {
+Object.defineProperty(exports, "ViewComfyAltRounded", {
   enumerable: true,
   get: function () {
     return _ViewComfyAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewComfyAltSharp', {
+Object.defineProperty(exports, "ViewComfyAltSharp", {
   enumerable: true,
   get: function () {
     return _ViewComfyAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewComfyAltTwoTone', {
+Object.defineProperty(exports, "ViewComfyAltTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewComfyAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewComfyOutlined', {
+Object.defineProperty(exports, "ViewComfyOutlined", {
   enumerable: true,
   get: function () {
     return _ViewComfyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewComfyRounded', {
+Object.defineProperty(exports, "ViewComfyRounded", {
   enumerable: true,
   get: function () {
     return _ViewComfyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewComfySharp', {
+Object.defineProperty(exports, "ViewComfySharp", {
   enumerable: true,
   get: function () {
     return _ViewComfySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewComfyTwoTone', {
+Object.defineProperty(exports, "ViewComfyTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewComfyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCompact', {
+Object.defineProperty(exports, "ViewCompact", {
   enumerable: true,
   get: function () {
     return _ViewCompact.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCompactAlt', {
+Object.defineProperty(exports, "ViewCompactAlt", {
   enumerable: true,
   get: function () {
     return _ViewCompactAlt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCompactAltOutlined', {
+Object.defineProperty(exports, "ViewCompactAltOutlined", {
   enumerable: true,
   get: function () {
     return _ViewCompactAltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCompactAltRounded', {
+Object.defineProperty(exports, "ViewCompactAltRounded", {
   enumerable: true,
   get: function () {
     return _ViewCompactAltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCompactAltSharp', {
+Object.defineProperty(exports, "ViewCompactAltSharp", {
   enumerable: true,
   get: function () {
     return _ViewCompactAltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCompactAltTwoTone', {
+Object.defineProperty(exports, "ViewCompactAltTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewCompactAltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCompactOutlined', {
+Object.defineProperty(exports, "ViewCompactOutlined", {
   enumerable: true,
   get: function () {
     return _ViewCompactOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCompactRounded', {
+Object.defineProperty(exports, "ViewCompactRounded", {
   enumerable: true,
   get: function () {
     return _ViewCompactRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCompactSharp', {
+Object.defineProperty(exports, "ViewCompactSharp", {
   enumerable: true,
   get: function () {
     return _ViewCompactSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCompactTwoTone', {
+Object.defineProperty(exports, "ViewCompactTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewCompactTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCozy', {
+Object.defineProperty(exports, "ViewCozy", {
   enumerable: true,
   get: function () {
     return _ViewCozy.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCozyOutlined', {
+Object.defineProperty(exports, "ViewCozyOutlined", {
   enumerable: true,
   get: function () {
     return _ViewCozyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCozyRounded', {
+Object.defineProperty(exports, "ViewCozyRounded", {
   enumerable: true,
   get: function () {
     return _ViewCozyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCozySharp', {
+Object.defineProperty(exports, "ViewCozySharp", {
   enumerable: true,
   get: function () {
     return _ViewCozySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewCozyTwoTone', {
+Object.defineProperty(exports, "ViewCozyTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewCozyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewDay', {
+Object.defineProperty(exports, "ViewDay", {
   enumerable: true,
   get: function () {
     return _ViewDay.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewDayOutlined', {
+Object.defineProperty(exports, "ViewDayOutlined", {
   enumerable: true,
   get: function () {
     return _ViewDayOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewDayRounded', {
+Object.defineProperty(exports, "ViewDayRounded", {
   enumerable: true,
   get: function () {
     return _ViewDayRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewDaySharp', {
+Object.defineProperty(exports, "ViewDaySharp", {
   enumerable: true,
   get: function () {
     return _ViewDaySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewDayTwoTone', {
+Object.defineProperty(exports, "ViewDayTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewDayTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewHeadline', {
+Object.defineProperty(exports, "ViewHeadline", {
   enumerable: true,
   get: function () {
     return _ViewHeadline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewHeadlineOutlined', {
+Object.defineProperty(exports, "ViewHeadlineOutlined", {
   enumerable: true,
   get: function () {
     return _ViewHeadlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewHeadlineRounded', {
+Object.defineProperty(exports, "ViewHeadlineRounded", {
   enumerable: true,
   get: function () {
     return _ViewHeadlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewHeadlineSharp', {
+Object.defineProperty(exports, "ViewHeadlineSharp", {
   enumerable: true,
   get: function () {
     return _ViewHeadlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewHeadlineTwoTone', {
+Object.defineProperty(exports, "ViewHeadlineTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewHeadlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewInAr', {
+Object.defineProperty(exports, "ViewInAr", {
   enumerable: true,
   get: function () {
     return _ViewInAr.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewInArOutlined', {
+Object.defineProperty(exports, "ViewInArOutlined", {
   enumerable: true,
   get: function () {
     return _ViewInArOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewInArRounded', {
+Object.defineProperty(exports, "ViewInArRounded", {
   enumerable: true,
   get: function () {
     return _ViewInArRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewInArSharp', {
+Object.defineProperty(exports, "ViewInArSharp", {
   enumerable: true,
   get: function () {
     return _ViewInArSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewInArTwoTone', {
+Object.defineProperty(exports, "ViewInArTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewInArTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewKanban', {
+Object.defineProperty(exports, "ViewKanban", {
   enumerable: true,
   get: function () {
     return _ViewKanban.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewKanbanOutlined', {
+Object.defineProperty(exports, "ViewKanbanOutlined", {
   enumerable: true,
   get: function () {
     return _ViewKanbanOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewKanbanRounded', {
+Object.defineProperty(exports, "ViewKanbanRounded", {
   enumerable: true,
   get: function () {
     return _ViewKanbanRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewKanbanSharp', {
+Object.defineProperty(exports, "ViewKanbanSharp", {
   enumerable: true,
   get: function () {
     return _ViewKanbanSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewKanbanTwoTone', {
+Object.defineProperty(exports, "ViewKanbanTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewKanbanTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewList', {
+Object.defineProperty(exports, "ViewList", {
   enumerable: true,
   get: function () {
     return _ViewList.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewListOutlined', {
+Object.defineProperty(exports, "ViewListOutlined", {
   enumerable: true,
   get: function () {
     return _ViewListOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewListRounded', {
+Object.defineProperty(exports, "ViewListRounded", {
   enumerable: true,
   get: function () {
     return _ViewListRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewListSharp', {
+Object.defineProperty(exports, "ViewListSharp", {
   enumerable: true,
   get: function () {
     return _ViewListSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewListTwoTone', {
+Object.defineProperty(exports, "ViewListTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewListTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewModule', {
+Object.defineProperty(exports, "ViewModule", {
   enumerable: true,
   get: function () {
     return _ViewModule.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewModuleOutlined', {
+Object.defineProperty(exports, "ViewModuleOutlined", {
   enumerable: true,
   get: function () {
     return _ViewModuleOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewModuleRounded', {
+Object.defineProperty(exports, "ViewModuleRounded", {
   enumerable: true,
   get: function () {
     return _ViewModuleRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewModuleSharp', {
+Object.defineProperty(exports, "ViewModuleSharp", {
   enumerable: true,
   get: function () {
     return _ViewModuleSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewModuleTwoTone', {
+Object.defineProperty(exports, "ViewModuleTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewModuleTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewQuilt', {
+Object.defineProperty(exports, "ViewQuilt", {
   enumerable: true,
   get: function () {
     return _ViewQuilt.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewQuiltOutlined', {
+Object.defineProperty(exports, "ViewQuiltOutlined", {
   enumerable: true,
   get: function () {
     return _ViewQuiltOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewQuiltRounded', {
+Object.defineProperty(exports, "ViewQuiltRounded", {
   enumerable: true,
   get: function () {
     return _ViewQuiltRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewQuiltSharp', {
+Object.defineProperty(exports, "ViewQuiltSharp", {
   enumerable: true,
   get: function () {
     return _ViewQuiltSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewQuiltTwoTone', {
+Object.defineProperty(exports, "ViewQuiltTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewQuiltTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewSidebar', {
+Object.defineProperty(exports, "ViewSidebar", {
   enumerable: true,
   get: function () {
     return _ViewSidebar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewSidebarOutlined', {
+Object.defineProperty(exports, "ViewSidebarOutlined", {
   enumerable: true,
   get: function () {
     return _ViewSidebarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewSidebarRounded', {
+Object.defineProperty(exports, "ViewSidebarRounded", {
   enumerable: true,
   get: function () {
     return _ViewSidebarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewSidebarSharp', {
+Object.defineProperty(exports, "ViewSidebarSharp", {
   enumerable: true,
   get: function () {
     return _ViewSidebarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewSidebarTwoTone', {
+Object.defineProperty(exports, "ViewSidebarTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewSidebarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewStream', {
+Object.defineProperty(exports, "ViewStream", {
   enumerable: true,
   get: function () {
     return _ViewStream.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewStreamOutlined', {
+Object.defineProperty(exports, "ViewStreamOutlined", {
   enumerable: true,
   get: function () {
     return _ViewStreamOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewStreamRounded', {
+Object.defineProperty(exports, "ViewStreamRounded", {
   enumerable: true,
   get: function () {
     return _ViewStreamRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewStreamSharp', {
+Object.defineProperty(exports, "ViewStreamSharp", {
   enumerable: true,
   get: function () {
     return _ViewStreamSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewStreamTwoTone', {
+Object.defineProperty(exports, "ViewStreamTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewStreamTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewTimeline', {
+Object.defineProperty(exports, "ViewTimeline", {
   enumerable: true,
   get: function () {
     return _ViewTimeline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewTimelineOutlined', {
+Object.defineProperty(exports, "ViewTimelineOutlined", {
   enumerable: true,
   get: function () {
     return _ViewTimelineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewTimelineRounded', {
+Object.defineProperty(exports, "ViewTimelineRounded", {
   enumerable: true,
   get: function () {
     return _ViewTimelineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewTimelineSharp', {
+Object.defineProperty(exports, "ViewTimelineSharp", {
   enumerable: true,
   get: function () {
     return _ViewTimelineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewTimelineTwoTone', {
+Object.defineProperty(exports, "ViewTimelineTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewTimelineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewWeek', {
+Object.defineProperty(exports, "ViewWeek", {
   enumerable: true,
   get: function () {
     return _ViewWeek.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewWeekOutlined', {
+Object.defineProperty(exports, "ViewWeekOutlined", {
   enumerable: true,
   get: function () {
     return _ViewWeekOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewWeekRounded', {
+Object.defineProperty(exports, "ViewWeekRounded", {
   enumerable: true,
   get: function () {
     return _ViewWeekRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewWeekSharp', {
+Object.defineProperty(exports, "ViewWeekSharp", {
   enumerable: true,
   get: function () {
     return _ViewWeekSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ViewWeekTwoTone', {
+Object.defineProperty(exports, "ViewWeekTwoTone", {
   enumerable: true,
   get: function () {
     return _ViewWeekTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Vignette', {
+Object.defineProperty(exports, "Vignette", {
   enumerable: true,
   get: function () {
     return _Vignette.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VignetteOutlined', {
+Object.defineProperty(exports, "VignetteOutlined", {
   enumerable: true,
   get: function () {
     return _VignetteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VignetteRounded', {
+Object.defineProperty(exports, "VignetteRounded", {
   enumerable: true,
   get: function () {
     return _VignetteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VignetteSharp', {
+Object.defineProperty(exports, "VignetteSharp", {
   enumerable: true,
   get: function () {
     return _VignetteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VignetteTwoTone', {
+Object.defineProperty(exports, "VignetteTwoTone", {
   enumerable: true,
   get: function () {
     return _VignetteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Villa', {
+Object.defineProperty(exports, "Villa", {
   enumerable: true,
   get: function () {
     return _Villa.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VillaOutlined', {
+Object.defineProperty(exports, "VillaOutlined", {
   enumerable: true,
   get: function () {
     return _VillaOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VillaRounded', {
+Object.defineProperty(exports, "VillaRounded", {
   enumerable: true,
   get: function () {
     return _VillaRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VillaSharp', {
+Object.defineProperty(exports, "VillaSharp", {
   enumerable: true,
   get: function () {
     return _VillaSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VillaTwoTone', {
+Object.defineProperty(exports, "VillaTwoTone", {
   enumerable: true,
   get: function () {
     return _VillaTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Visibility', {
+Object.defineProperty(exports, "Visibility", {
   enumerable: true,
   get: function () {
     return _Visibility.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VisibilityOff', {
+Object.defineProperty(exports, "VisibilityOff", {
   enumerable: true,
   get: function () {
     return _VisibilityOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VisibilityOffOutlined', {
+Object.defineProperty(exports, "VisibilityOffOutlined", {
   enumerable: true,
   get: function () {
     return _VisibilityOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VisibilityOffRounded', {
+Object.defineProperty(exports, "VisibilityOffRounded", {
   enumerable: true,
   get: function () {
     return _VisibilityOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VisibilityOffSharp', {
+Object.defineProperty(exports, "VisibilityOffSharp", {
   enumerable: true,
   get: function () {
     return _VisibilityOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VisibilityOffTwoTone', {
+Object.defineProperty(exports, "VisibilityOffTwoTone", {
   enumerable: true,
   get: function () {
     return _VisibilityOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VisibilityOutlined', {
+Object.defineProperty(exports, "VisibilityOutlined", {
   enumerable: true,
   get: function () {
     return _VisibilityOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VisibilityRounded', {
+Object.defineProperty(exports, "VisibilityRounded", {
   enumerable: true,
   get: function () {
     return _VisibilityRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VisibilitySharp', {
+Object.defineProperty(exports, "VisibilitySharp", {
   enumerable: true,
   get: function () {
     return _VisibilitySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VisibilityTwoTone', {
+Object.defineProperty(exports, "VisibilityTwoTone", {
   enumerable: true,
   get: function () {
     return _VisibilityTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoiceChat', {
+Object.defineProperty(exports, "VoiceChat", {
   enumerable: true,
   get: function () {
     return _VoiceChat.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoiceChatOutlined', {
+Object.defineProperty(exports, "VoiceChatOutlined", {
   enumerable: true,
   get: function () {
     return _VoiceChatOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoiceChatRounded', {
+Object.defineProperty(exports, "VoiceChatRounded", {
   enumerable: true,
   get: function () {
     return _VoiceChatRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoiceChatSharp', {
+Object.defineProperty(exports, "VoiceChatSharp", {
   enumerable: true,
   get: function () {
     return _VoiceChatSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoiceChatTwoTone', {
+Object.defineProperty(exports, "VoiceChatTwoTone", {
   enumerable: true,
   get: function () {
     return _VoiceChatTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoiceOverOff', {
+Object.defineProperty(exports, "VoiceOverOff", {
   enumerable: true,
   get: function () {
     return _VoiceOverOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoiceOverOffOutlined', {
+Object.defineProperty(exports, "VoiceOverOffOutlined", {
   enumerable: true,
   get: function () {
     return _VoiceOverOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoiceOverOffRounded', {
+Object.defineProperty(exports, "VoiceOverOffRounded", {
   enumerable: true,
   get: function () {
     return _VoiceOverOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoiceOverOffSharp', {
+Object.defineProperty(exports, "VoiceOverOffSharp", {
   enumerable: true,
   get: function () {
     return _VoiceOverOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoiceOverOffTwoTone', {
+Object.defineProperty(exports, "VoiceOverOffTwoTone", {
   enumerable: true,
   get: function () {
     return _VoiceOverOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Voicemail', {
+Object.defineProperty(exports, "Voicemail", {
   enumerable: true,
   get: function () {
     return _Voicemail.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoicemailOutlined', {
+Object.defineProperty(exports, "VoicemailOutlined", {
   enumerable: true,
   get: function () {
     return _VoicemailOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoicemailRounded', {
+Object.defineProperty(exports, "VoicemailRounded", {
   enumerable: true,
   get: function () {
     return _VoicemailRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoicemailSharp', {
+Object.defineProperty(exports, "VoicemailSharp", {
   enumerable: true,
   get: function () {
     return _VoicemailSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VoicemailTwoTone', {
+Object.defineProperty(exports, "VoicemailTwoTone", {
   enumerable: true,
   get: function () {
     return _VoicemailTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Volcano', {
+Object.defineProperty(exports, "Volcano", {
   enumerable: true,
   get: function () {
     return _Volcano.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolcanoOutlined', {
+Object.defineProperty(exports, "VolcanoOutlined", {
   enumerable: true,
   get: function () {
     return _VolcanoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolcanoRounded', {
+Object.defineProperty(exports, "VolcanoRounded", {
   enumerable: true,
   get: function () {
     return _VolcanoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolcanoSharp', {
+Object.defineProperty(exports, "VolcanoSharp", {
   enumerable: true,
   get: function () {
     return _VolcanoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolcanoTwoTone', {
+Object.defineProperty(exports, "VolcanoTwoTone", {
   enumerable: true,
   get: function () {
     return _VolcanoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeDown', {
+Object.defineProperty(exports, "VolumeDown", {
   enumerable: true,
   get: function () {
     return _VolumeDown.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeDownOutlined', {
+Object.defineProperty(exports, "VolumeDownOutlined", {
   enumerable: true,
   get: function () {
     return _VolumeDownOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeDownRounded', {
+Object.defineProperty(exports, "VolumeDownRounded", {
   enumerable: true,
   get: function () {
     return _VolumeDownRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeDownSharp', {
+Object.defineProperty(exports, "VolumeDownSharp", {
   enumerable: true,
   get: function () {
     return _VolumeDownSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeDownTwoTone', {
+Object.defineProperty(exports, "VolumeDownTwoTone", {
   enumerable: true,
   get: function () {
     return _VolumeDownTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeMute', {
+Object.defineProperty(exports, "VolumeMute", {
   enumerable: true,
   get: function () {
     return _VolumeMute.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeMuteOutlined', {
+Object.defineProperty(exports, "VolumeMuteOutlined", {
   enumerable: true,
   get: function () {
     return _VolumeMuteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeMuteRounded', {
+Object.defineProperty(exports, "VolumeMuteRounded", {
   enumerable: true,
   get: function () {
     return _VolumeMuteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeMuteSharp', {
+Object.defineProperty(exports, "VolumeMuteSharp", {
   enumerable: true,
   get: function () {
     return _VolumeMuteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeMuteTwoTone', {
+Object.defineProperty(exports, "VolumeMuteTwoTone", {
   enumerable: true,
   get: function () {
     return _VolumeMuteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeOff', {
+Object.defineProperty(exports, "VolumeOff", {
   enumerable: true,
   get: function () {
     return _VolumeOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeOffOutlined', {
+Object.defineProperty(exports, "VolumeOffOutlined", {
   enumerable: true,
   get: function () {
     return _VolumeOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeOffRounded', {
+Object.defineProperty(exports, "VolumeOffRounded", {
   enumerable: true,
   get: function () {
     return _VolumeOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeOffSharp', {
+Object.defineProperty(exports, "VolumeOffSharp", {
   enumerable: true,
   get: function () {
     return _VolumeOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeOffTwoTone', {
+Object.defineProperty(exports, "VolumeOffTwoTone", {
   enumerable: true,
   get: function () {
     return _VolumeOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeUp', {
+Object.defineProperty(exports, "VolumeUp", {
   enumerable: true,
   get: function () {
     return _VolumeUp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeUpOutlined', {
+Object.defineProperty(exports, "VolumeUpOutlined", {
   enumerable: true,
   get: function () {
     return _VolumeUpOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeUpRounded', {
+Object.defineProperty(exports, "VolumeUpRounded", {
   enumerable: true,
   get: function () {
     return _VolumeUpRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeUpSharp', {
+Object.defineProperty(exports, "VolumeUpSharp", {
   enumerable: true,
   get: function () {
     return _VolumeUpSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolumeUpTwoTone', {
+Object.defineProperty(exports, "VolumeUpTwoTone", {
   enumerable: true,
   get: function () {
     return _VolumeUpTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolunteerActivism', {
+Object.defineProperty(exports, "VolunteerActivism", {
   enumerable: true,
   get: function () {
     return _VolunteerActivism.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolunteerActivismOutlined', {
+Object.defineProperty(exports, "VolunteerActivismOutlined", {
   enumerable: true,
   get: function () {
     return _VolunteerActivismOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolunteerActivismRounded', {
+Object.defineProperty(exports, "VolunteerActivismRounded", {
   enumerable: true,
   get: function () {
     return _VolunteerActivismRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolunteerActivismSharp', {
+Object.defineProperty(exports, "VolunteerActivismSharp", {
   enumerable: true,
   get: function () {
     return _VolunteerActivismSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VolunteerActivismTwoTone', {
+Object.defineProperty(exports, "VolunteerActivismTwoTone", {
   enumerable: true,
   get: function () {
     return _VolunteerActivismTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnKey', {
+Object.defineProperty(exports, "VpnKey", {
   enumerable: true,
   get: function () {
     return _VpnKey.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnKeyOff', {
+Object.defineProperty(exports, "VpnKeyOff", {
   enumerable: true,
   get: function () {
     return _VpnKeyOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnKeyOffOutlined', {
+Object.defineProperty(exports, "VpnKeyOffOutlined", {
   enumerable: true,
   get: function () {
     return _VpnKeyOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnKeyOffRounded', {
+Object.defineProperty(exports, "VpnKeyOffRounded", {
   enumerable: true,
   get: function () {
     return _VpnKeyOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnKeyOffSharp', {
+Object.defineProperty(exports, "VpnKeyOffSharp", {
   enumerable: true,
   get: function () {
     return _VpnKeyOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnKeyOffTwoTone', {
+Object.defineProperty(exports, "VpnKeyOffTwoTone", {
   enumerable: true,
   get: function () {
     return _VpnKeyOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnKeyOutlined', {
+Object.defineProperty(exports, "VpnKeyOutlined", {
   enumerable: true,
   get: function () {
     return _VpnKeyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnKeyRounded', {
+Object.defineProperty(exports, "VpnKeyRounded", {
   enumerable: true,
   get: function () {
     return _VpnKeyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnKeySharp', {
+Object.defineProperty(exports, "VpnKeySharp", {
   enumerable: true,
   get: function () {
     return _VpnKeySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnKeyTwoTone', {
+Object.defineProperty(exports, "VpnKeyTwoTone", {
   enumerable: true,
   get: function () {
     return _VpnKeyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnLock', {
+Object.defineProperty(exports, "VpnLock", {
   enumerable: true,
   get: function () {
     return _VpnLock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnLockOutlined', {
+Object.defineProperty(exports, "VpnLockOutlined", {
   enumerable: true,
   get: function () {
     return _VpnLockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnLockRounded', {
+Object.defineProperty(exports, "VpnLockRounded", {
   enumerable: true,
   get: function () {
     return _VpnLockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnLockSharp', {
+Object.defineProperty(exports, "VpnLockSharp", {
   enumerable: true,
   get: function () {
     return _VpnLockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VpnLockTwoTone', {
+Object.defineProperty(exports, "VpnLockTwoTone", {
   enumerable: true,
   get: function () {
     return _VpnLockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Vrpano', {
+Object.defineProperty(exports, "Vrpano", {
   enumerable: true,
   get: function () {
     return _Vrpano.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VrpanoOutlined', {
+Object.defineProperty(exports, "VrpanoOutlined", {
   enumerable: true,
   get: function () {
     return _VrpanoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VrpanoRounded', {
+Object.defineProperty(exports, "VrpanoRounded", {
   enumerable: true,
   get: function () {
     return _VrpanoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VrpanoSharp', {
+Object.defineProperty(exports, "VrpanoSharp", {
   enumerable: true,
   get: function () {
     return _VrpanoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'VrpanoTwoTone', {
+Object.defineProperty(exports, "VrpanoTwoTone", {
   enumerable: true,
   get: function () {
     return _VrpanoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wallet', {
+Object.defineProperty(exports, "Wallet", {
   enumerable: true,
   get: function () {
     return _Wallet.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WalletOutlined', {
+Object.defineProperty(exports, "WalletOutlined", {
   enumerable: true,
   get: function () {
     return _WalletOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WalletRounded', {
+Object.defineProperty(exports, "WalletRounded", {
   enumerable: true,
   get: function () {
     return _WalletRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WalletSharp', {
+Object.defineProperty(exports, "WalletSharp", {
   enumerable: true,
   get: function () {
     return _WalletSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WalletTwoTone', {
+Object.defineProperty(exports, "WalletTwoTone", {
   enumerable: true,
   get: function () {
     return _WalletTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wallpaper', {
+Object.defineProperty(exports, "Wallpaper", {
   enumerable: true,
   get: function () {
     return _Wallpaper.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WallpaperOutlined', {
+Object.defineProperty(exports, "WallpaperOutlined", {
   enumerable: true,
   get: function () {
     return _WallpaperOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WallpaperRounded', {
+Object.defineProperty(exports, "WallpaperRounded", {
   enumerable: true,
   get: function () {
     return _WallpaperRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WallpaperSharp', {
+Object.defineProperty(exports, "WallpaperSharp", {
   enumerable: true,
   get: function () {
     return _WallpaperSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WallpaperTwoTone', {
+Object.defineProperty(exports, "WallpaperTwoTone", {
   enumerable: true,
   get: function () {
     return _WallpaperTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Warehouse', {
+Object.defineProperty(exports, "Warehouse", {
   enumerable: true,
   get: function () {
     return _Warehouse.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarehouseOutlined', {
+Object.defineProperty(exports, "WarehouseOutlined", {
   enumerable: true,
   get: function () {
     return _WarehouseOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarehouseRounded', {
+Object.defineProperty(exports, "WarehouseRounded", {
   enumerable: true,
   get: function () {
     return _WarehouseRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarehouseSharp', {
+Object.defineProperty(exports, "WarehouseSharp", {
   enumerable: true,
   get: function () {
     return _WarehouseSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarehouseTwoTone', {
+Object.defineProperty(exports, "WarehouseTwoTone", {
   enumerable: true,
   get: function () {
     return _WarehouseTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Warning', {
+Object.defineProperty(exports, "Warning", {
   enumerable: true,
   get: function () {
     return _Warning.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarningAmber', {
+Object.defineProperty(exports, "WarningAmber", {
   enumerable: true,
   get: function () {
     return _WarningAmber.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarningAmberOutlined', {
+Object.defineProperty(exports, "WarningAmberOutlined", {
   enumerable: true,
   get: function () {
     return _WarningAmberOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarningAmberRounded', {
+Object.defineProperty(exports, "WarningAmberRounded", {
   enumerable: true,
   get: function () {
     return _WarningAmberRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarningAmberSharp', {
+Object.defineProperty(exports, "WarningAmberSharp", {
   enumerable: true,
   get: function () {
     return _WarningAmberSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarningAmberTwoTone', {
+Object.defineProperty(exports, "WarningAmberTwoTone", {
   enumerable: true,
   get: function () {
     return _WarningAmberTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarningOutlined', {
+Object.defineProperty(exports, "WarningOutlined", {
   enumerable: true,
   get: function () {
     return _WarningOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarningRounded', {
+Object.defineProperty(exports, "WarningRounded", {
   enumerable: true,
   get: function () {
     return _WarningRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarningSharp', {
+Object.defineProperty(exports, "WarningSharp", {
   enumerable: true,
   get: function () {
     return _WarningSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WarningTwoTone', {
+Object.defineProperty(exports, "WarningTwoTone", {
   enumerable: true,
   get: function () {
     return _WarningTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wash', {
+Object.defineProperty(exports, "Wash", {
   enumerable: true,
   get: function () {
     return _Wash.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WashOutlined', {
+Object.defineProperty(exports, "WashOutlined", {
   enumerable: true,
   get: function () {
     return _WashOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WashRounded', {
+Object.defineProperty(exports, "WashRounded", {
   enumerable: true,
   get: function () {
     return _WashRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WashSharp', {
+Object.defineProperty(exports, "WashSharp", {
   enumerable: true,
   get: function () {
     return _WashSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WashTwoTone', {
+Object.defineProperty(exports, "WashTwoTone", {
   enumerable: true,
   get: function () {
     return _WashTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Watch', {
+Object.defineProperty(exports, "Watch", {
   enumerable: true,
   get: function () {
     return _Watch.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchLater', {
+Object.defineProperty(exports, "WatchLater", {
   enumerable: true,
   get: function () {
     return _WatchLater.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchLaterOutlined', {
+Object.defineProperty(exports, "WatchLaterOutlined", {
   enumerable: true,
   get: function () {
     return _WatchLaterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchLaterRounded', {
+Object.defineProperty(exports, "WatchLaterRounded", {
   enumerable: true,
   get: function () {
     return _WatchLaterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchLaterSharp', {
+Object.defineProperty(exports, "WatchLaterSharp", {
   enumerable: true,
   get: function () {
     return _WatchLaterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchLaterTwoTone', {
+Object.defineProperty(exports, "WatchLaterTwoTone", {
   enumerable: true,
   get: function () {
     return _WatchLaterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchOff', {
+Object.defineProperty(exports, "WatchOff", {
   enumerable: true,
   get: function () {
     return _WatchOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchOffOutlined', {
+Object.defineProperty(exports, "WatchOffOutlined", {
   enumerable: true,
   get: function () {
     return _WatchOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchOffRounded', {
+Object.defineProperty(exports, "WatchOffRounded", {
   enumerable: true,
   get: function () {
     return _WatchOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchOffSharp', {
+Object.defineProperty(exports, "WatchOffSharp", {
   enumerable: true,
   get: function () {
     return _WatchOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchOffTwoTone', {
+Object.defineProperty(exports, "WatchOffTwoTone", {
   enumerable: true,
   get: function () {
     return _WatchOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchOutlined', {
+Object.defineProperty(exports, "WatchOutlined", {
   enumerable: true,
   get: function () {
     return _WatchOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchRounded', {
+Object.defineProperty(exports, "WatchRounded", {
   enumerable: true,
   get: function () {
     return _WatchRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchSharp', {
+Object.defineProperty(exports, "WatchSharp", {
   enumerable: true,
   get: function () {
     return _WatchSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WatchTwoTone', {
+Object.defineProperty(exports, "WatchTwoTone", {
   enumerable: true,
   get: function () {
     return _WatchTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Water', {
+Object.defineProperty(exports, "Water", {
   enumerable: true,
   get: function () {
     return _Water.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterDamage', {
+Object.defineProperty(exports, "WaterDamage", {
   enumerable: true,
   get: function () {
     return _WaterDamage.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterDamageOutlined', {
+Object.defineProperty(exports, "WaterDamageOutlined", {
   enumerable: true,
   get: function () {
     return _WaterDamageOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterDamageRounded', {
+Object.defineProperty(exports, "WaterDamageRounded", {
   enumerable: true,
   get: function () {
     return _WaterDamageRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterDamageSharp', {
+Object.defineProperty(exports, "WaterDamageSharp", {
   enumerable: true,
   get: function () {
     return _WaterDamageSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterDamageTwoTone', {
+Object.defineProperty(exports, "WaterDamageTwoTone", {
   enumerable: true,
   get: function () {
     return _WaterDamageTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterDrop', {
+Object.defineProperty(exports, "WaterDrop", {
   enumerable: true,
   get: function () {
     return _WaterDrop.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterDropOutlined', {
+Object.defineProperty(exports, "WaterDropOutlined", {
   enumerable: true,
   get: function () {
     return _WaterDropOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterDropRounded', {
+Object.defineProperty(exports, "WaterDropRounded", {
   enumerable: true,
   get: function () {
     return _WaterDropRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterDropSharp', {
+Object.defineProperty(exports, "WaterDropSharp", {
   enumerable: true,
   get: function () {
     return _WaterDropSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterDropTwoTone', {
+Object.defineProperty(exports, "WaterDropTwoTone", {
   enumerable: true,
   get: function () {
     return _WaterDropTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterOutlined', {
+Object.defineProperty(exports, "WaterOutlined", {
   enumerable: true,
   get: function () {
     return _WaterOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterRounded', {
+Object.defineProperty(exports, "WaterRounded", {
   enumerable: true,
   get: function () {
     return _WaterRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterSharp', {
+Object.defineProperty(exports, "WaterSharp", {
   enumerable: true,
   get: function () {
     return _WaterSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterTwoTone', {
+Object.defineProperty(exports, "WaterTwoTone", {
   enumerable: true,
   get: function () {
     return _WaterTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterfallChart', {
+Object.defineProperty(exports, "WaterfallChart", {
   enumerable: true,
   get: function () {
     return _WaterfallChart.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterfallChartOutlined', {
+Object.defineProperty(exports, "WaterfallChartOutlined", {
   enumerable: true,
   get: function () {
     return _WaterfallChartOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterfallChartRounded', {
+Object.defineProperty(exports, "WaterfallChartRounded", {
   enumerable: true,
   get: function () {
     return _WaterfallChartRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterfallChartSharp', {
+Object.defineProperty(exports, "WaterfallChartSharp", {
   enumerable: true,
   get: function () {
     return _WaterfallChartSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WaterfallChartTwoTone', {
+Object.defineProperty(exports, "WaterfallChartTwoTone", {
   enumerable: true,
   get: function () {
     return _WaterfallChartTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Waves', {
+Object.defineProperty(exports, "Waves", {
   enumerable: true,
   get: function () {
     return _Waves.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WavesOutlined', {
+Object.defineProperty(exports, "WavesOutlined", {
   enumerable: true,
   get: function () {
     return _WavesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WavesRounded', {
+Object.defineProperty(exports, "WavesRounded", {
   enumerable: true,
   get: function () {
     return _WavesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WavesSharp', {
+Object.defineProperty(exports, "WavesSharp", {
   enumerable: true,
   get: function () {
     return _WavesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WavesTwoTone', {
+Object.defineProperty(exports, "WavesTwoTone", {
   enumerable: true,
   get: function () {
     return _WavesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WavingHand', {
+Object.defineProperty(exports, "WavingHand", {
   enumerable: true,
   get: function () {
     return _WavingHand.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WavingHandOutlined', {
+Object.defineProperty(exports, "WavingHandOutlined", {
   enumerable: true,
   get: function () {
     return _WavingHandOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WavingHandRounded', {
+Object.defineProperty(exports, "WavingHandRounded", {
   enumerable: true,
   get: function () {
     return _WavingHandRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WavingHandSharp', {
+Object.defineProperty(exports, "WavingHandSharp", {
   enumerable: true,
   get: function () {
     return _WavingHandSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WavingHandTwoTone', {
+Object.defineProperty(exports, "WavingHandTwoTone", {
   enumerable: true,
   get: function () {
     return _WavingHandTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbAuto', {
+Object.defineProperty(exports, "WbAuto", {
   enumerable: true,
   get: function () {
     return _WbAuto.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbAutoOutlined', {
+Object.defineProperty(exports, "WbAutoOutlined", {
   enumerable: true,
   get: function () {
     return _WbAutoOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbAutoRounded', {
+Object.defineProperty(exports, "WbAutoRounded", {
   enumerable: true,
   get: function () {
     return _WbAutoRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbAutoSharp', {
+Object.defineProperty(exports, "WbAutoSharp", {
   enumerable: true,
   get: function () {
     return _WbAutoSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbAutoTwoTone', {
+Object.defineProperty(exports, "WbAutoTwoTone", {
   enumerable: true,
   get: function () {
     return _WbAutoTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbCloudy', {
+Object.defineProperty(exports, "WbCloudy", {
   enumerable: true,
   get: function () {
     return _WbCloudy.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbCloudyOutlined', {
+Object.defineProperty(exports, "WbCloudyOutlined", {
   enumerable: true,
   get: function () {
     return _WbCloudyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbCloudyRounded', {
+Object.defineProperty(exports, "WbCloudyRounded", {
   enumerable: true,
   get: function () {
     return _WbCloudyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbCloudySharp', {
+Object.defineProperty(exports, "WbCloudySharp", {
   enumerable: true,
   get: function () {
     return _WbCloudySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbCloudyTwoTone', {
+Object.defineProperty(exports, "WbCloudyTwoTone", {
   enumerable: true,
   get: function () {
     return _WbCloudyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbIncandescent', {
+Object.defineProperty(exports, "WbIncandescent", {
   enumerable: true,
   get: function () {
     return _WbIncandescent.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbIncandescentOutlined', {
+Object.defineProperty(exports, "WbIncandescentOutlined", {
   enumerable: true,
   get: function () {
     return _WbIncandescentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbIncandescentRounded', {
+Object.defineProperty(exports, "WbIncandescentRounded", {
   enumerable: true,
   get: function () {
     return _WbIncandescentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbIncandescentSharp', {
+Object.defineProperty(exports, "WbIncandescentSharp", {
   enumerable: true,
   get: function () {
     return _WbIncandescentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbIncandescentTwoTone', {
+Object.defineProperty(exports, "WbIncandescentTwoTone", {
   enumerable: true,
   get: function () {
     return _WbIncandescentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbIridescent', {
+Object.defineProperty(exports, "WbIridescent", {
   enumerable: true,
   get: function () {
     return _WbIridescent.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbIridescentOutlined', {
+Object.defineProperty(exports, "WbIridescentOutlined", {
   enumerable: true,
   get: function () {
     return _WbIridescentOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbIridescentRounded', {
+Object.defineProperty(exports, "WbIridescentRounded", {
   enumerable: true,
   get: function () {
     return _WbIridescentRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbIridescentSharp', {
+Object.defineProperty(exports, "WbIridescentSharp", {
   enumerable: true,
   get: function () {
     return _WbIridescentSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbIridescentTwoTone', {
+Object.defineProperty(exports, "WbIridescentTwoTone", {
   enumerable: true,
   get: function () {
     return _WbIridescentTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbShade', {
+Object.defineProperty(exports, "WbShade", {
   enumerable: true,
   get: function () {
     return _WbShade.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbShadeOutlined', {
+Object.defineProperty(exports, "WbShadeOutlined", {
   enumerable: true,
   get: function () {
     return _WbShadeOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbShadeRounded', {
+Object.defineProperty(exports, "WbShadeRounded", {
   enumerable: true,
   get: function () {
     return _WbShadeRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbShadeSharp', {
+Object.defineProperty(exports, "WbShadeSharp", {
   enumerable: true,
   get: function () {
     return _WbShadeSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbShadeTwoTone', {
+Object.defineProperty(exports, "WbShadeTwoTone", {
   enumerable: true,
   get: function () {
     return _WbShadeTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbSunny', {
+Object.defineProperty(exports, "WbSunny", {
   enumerable: true,
   get: function () {
     return _WbSunny.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbSunnyOutlined', {
+Object.defineProperty(exports, "WbSunnyOutlined", {
   enumerable: true,
   get: function () {
     return _WbSunnyOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbSunnyRounded', {
+Object.defineProperty(exports, "WbSunnyRounded", {
   enumerable: true,
   get: function () {
     return _WbSunnyRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbSunnySharp', {
+Object.defineProperty(exports, "WbSunnySharp", {
   enumerable: true,
   get: function () {
     return _WbSunnySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbSunnyTwoTone', {
+Object.defineProperty(exports, "WbSunnyTwoTone", {
   enumerable: true,
   get: function () {
     return _WbSunnyTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbTwilight', {
+Object.defineProperty(exports, "WbTwilight", {
   enumerable: true,
   get: function () {
     return _WbTwilight.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbTwilightOutlined', {
+Object.defineProperty(exports, "WbTwilightOutlined", {
   enumerable: true,
   get: function () {
     return _WbTwilightOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbTwilightRounded', {
+Object.defineProperty(exports, "WbTwilightRounded", {
   enumerable: true,
   get: function () {
     return _WbTwilightRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbTwilightSharp', {
+Object.defineProperty(exports, "WbTwilightSharp", {
   enumerable: true,
   get: function () {
     return _WbTwilightSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WbTwilightTwoTone', {
+Object.defineProperty(exports, "WbTwilightTwoTone", {
   enumerable: true,
   get: function () {
     return _WbTwilightTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wc', {
+Object.defineProperty(exports, "Wc", {
   enumerable: true,
   get: function () {
     return _Wc.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WcOutlined', {
+Object.defineProperty(exports, "WcOutlined", {
   enumerable: true,
   get: function () {
     return _WcOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WcRounded', {
+Object.defineProperty(exports, "WcRounded", {
   enumerable: true,
   get: function () {
     return _WcRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WcSharp', {
+Object.defineProperty(exports, "WcSharp", {
   enumerable: true,
   get: function () {
     return _WcSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WcTwoTone', {
+Object.defineProperty(exports, "WcTwoTone", {
   enumerable: true,
   get: function () {
     return _WcTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Web', {
+Object.defineProperty(exports, "Web", {
   enumerable: true,
   get: function () {
     return _Web.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebAsset', {
+Object.defineProperty(exports, "WebAsset", {
   enumerable: true,
   get: function () {
     return _WebAsset.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebAssetOff', {
+Object.defineProperty(exports, "WebAssetOff", {
   enumerable: true,
   get: function () {
     return _WebAssetOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebAssetOffOutlined', {
+Object.defineProperty(exports, "WebAssetOffOutlined", {
   enumerable: true,
   get: function () {
     return _WebAssetOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebAssetOffRounded', {
+Object.defineProperty(exports, "WebAssetOffRounded", {
   enumerable: true,
   get: function () {
     return _WebAssetOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebAssetOffSharp', {
+Object.defineProperty(exports, "WebAssetOffSharp", {
   enumerable: true,
   get: function () {
     return _WebAssetOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebAssetOffTwoTone', {
+Object.defineProperty(exports, "WebAssetOffTwoTone", {
   enumerable: true,
   get: function () {
     return _WebAssetOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebAssetOutlined', {
+Object.defineProperty(exports, "WebAssetOutlined", {
   enumerable: true,
   get: function () {
     return _WebAssetOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebAssetRounded', {
+Object.defineProperty(exports, "WebAssetRounded", {
   enumerable: true,
   get: function () {
     return _WebAssetRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebAssetSharp', {
+Object.defineProperty(exports, "WebAssetSharp", {
   enumerable: true,
   get: function () {
     return _WebAssetSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebAssetTwoTone', {
+Object.defineProperty(exports, "WebAssetTwoTone", {
   enumerable: true,
   get: function () {
     return _WebAssetTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebOutlined', {
+Object.defineProperty(exports, "WebOutlined", {
   enumerable: true,
   get: function () {
     return _WebOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebRounded', {
+Object.defineProperty(exports, "WebRounded", {
   enumerable: true,
   get: function () {
     return _WebRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebSharp', {
+Object.defineProperty(exports, "WebSharp", {
   enumerable: true,
   get: function () {
     return _WebSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebStories', {
+Object.defineProperty(exports, "WebStories", {
   enumerable: true,
   get: function () {
     return _WebStories.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebStoriesOutlined', {
+Object.defineProperty(exports, "WebStoriesOutlined", {
   enumerable: true,
   get: function () {
     return _WebStoriesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebStoriesRounded', {
+Object.defineProperty(exports, "WebStoriesRounded", {
   enumerable: true,
   get: function () {
     return _WebStoriesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebStoriesSharp', {
+Object.defineProperty(exports, "WebStoriesSharp", {
   enumerable: true,
   get: function () {
     return _WebStoriesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebStoriesTwoTone', {
+Object.defineProperty(exports, "WebStoriesTwoTone", {
   enumerable: true,
   get: function () {
     return _WebStoriesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebTwoTone', {
+Object.defineProperty(exports, "WebTwoTone", {
   enumerable: true,
   get: function () {
     return _WebTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Webhook', {
+Object.defineProperty(exports, "Webhook", {
   enumerable: true,
   get: function () {
     return _Webhook.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebhookOutlined', {
+Object.defineProperty(exports, "WebhookOutlined", {
   enumerable: true,
   get: function () {
     return _WebhookOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebhookRounded', {
+Object.defineProperty(exports, "WebhookRounded", {
   enumerable: true,
   get: function () {
     return _WebhookRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebhookSharp', {
+Object.defineProperty(exports, "WebhookSharp", {
   enumerable: true,
   get: function () {
     return _WebhookSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WebhookTwoTone', {
+Object.defineProperty(exports, "WebhookTwoTone", {
   enumerable: true,
   get: function () {
     return _WebhookTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Weekend', {
+Object.defineProperty(exports, "Weekend", {
   enumerable: true,
   get: function () {
     return _Weekend.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WeekendOutlined', {
+Object.defineProperty(exports, "WeekendOutlined", {
   enumerable: true,
   get: function () {
     return _WeekendOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WeekendRounded', {
+Object.defineProperty(exports, "WeekendRounded", {
   enumerable: true,
   get: function () {
     return _WeekendRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WeekendSharp', {
+Object.defineProperty(exports, "WeekendSharp", {
   enumerable: true,
   get: function () {
     return _WeekendSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WeekendTwoTone', {
+Object.defineProperty(exports, "WeekendTwoTone", {
   enumerable: true,
   get: function () {
     return _WeekendTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'West', {
+Object.defineProperty(exports, "West", {
   enumerable: true,
   get: function () {
     return _West.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WestOutlined', {
+Object.defineProperty(exports, "WestOutlined", {
   enumerable: true,
   get: function () {
     return _WestOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WestRounded', {
+Object.defineProperty(exports, "WestRounded", {
   enumerable: true,
   get: function () {
     return _WestRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WestSharp', {
+Object.defineProperty(exports, "WestSharp", {
   enumerable: true,
   get: function () {
     return _WestSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WestTwoTone', {
+Object.defineProperty(exports, "WestTwoTone", {
   enumerable: true,
   get: function () {
     return _WestTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WhatsApp', {
+Object.defineProperty(exports, "WhatsApp", {
   enumerable: true,
   get: function () {
     return _WhatsApp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Whatshot', {
+Object.defineProperty(exports, "Whatshot", {
   enumerable: true,
   get: function () {
     return _Whatshot.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WhatshotOutlined', {
+Object.defineProperty(exports, "WhatshotOutlined", {
   enumerable: true,
   get: function () {
     return _WhatshotOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WhatshotRounded', {
+Object.defineProperty(exports, "WhatshotRounded", {
   enumerable: true,
   get: function () {
     return _WhatshotRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WhatshotSharp', {
+Object.defineProperty(exports, "WhatshotSharp", {
   enumerable: true,
   get: function () {
     return _WhatshotSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WhatshotTwoTone', {
+Object.defineProperty(exports, "WhatshotTwoTone", {
   enumerable: true,
   get: function () {
     return _WhatshotTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WheelchairPickup', {
+Object.defineProperty(exports, "WheelchairPickup", {
   enumerable: true,
   get: function () {
     return _WheelchairPickup.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WheelchairPickupOutlined', {
+Object.defineProperty(exports, "WheelchairPickupOutlined", {
   enumerable: true,
   get: function () {
     return _WheelchairPickupOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WheelchairPickupRounded', {
+Object.defineProperty(exports, "WheelchairPickupRounded", {
   enumerable: true,
   get: function () {
     return _WheelchairPickupRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WheelchairPickupSharp', {
+Object.defineProperty(exports, "WheelchairPickupSharp", {
   enumerable: true,
   get: function () {
     return _WheelchairPickupSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WheelchairPickupTwoTone', {
+Object.defineProperty(exports, "WheelchairPickupTwoTone", {
   enumerable: true,
   get: function () {
     return _WheelchairPickupTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WhereToVote', {
+Object.defineProperty(exports, "WhereToVote", {
   enumerable: true,
   get: function () {
     return _WhereToVote.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WhereToVoteOutlined', {
+Object.defineProperty(exports, "WhereToVoteOutlined", {
   enumerable: true,
   get: function () {
     return _WhereToVoteOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WhereToVoteRounded', {
+Object.defineProperty(exports, "WhereToVoteRounded", {
   enumerable: true,
   get: function () {
     return _WhereToVoteRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WhereToVoteSharp', {
+Object.defineProperty(exports, "WhereToVoteSharp", {
   enumerable: true,
   get: function () {
     return _WhereToVoteSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WhereToVoteTwoTone', {
+Object.defineProperty(exports, "WhereToVoteTwoTone", {
   enumerable: true,
   get: function () {
     return _WhereToVoteTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Widgets', {
+Object.defineProperty(exports, "Widgets", {
   enumerable: true,
   get: function () {
     return _Widgets.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidgetsOutlined', {
+Object.defineProperty(exports, "WidgetsOutlined", {
   enumerable: true,
   get: function () {
     return _WidgetsOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidgetsRounded', {
+Object.defineProperty(exports, "WidgetsRounded", {
   enumerable: true,
   get: function () {
     return _WidgetsRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidgetsSharp', {
+Object.defineProperty(exports, "WidgetsSharp", {
   enumerable: true,
   get: function () {
     return _WidgetsSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidgetsTwoTone', {
+Object.defineProperty(exports, "WidgetsTwoTone", {
   enumerable: true,
   get: function () {
     return _WidgetsTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthFull', {
+Object.defineProperty(exports, "WidthFull", {
   enumerable: true,
   get: function () {
     return _WidthFull.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthFullOutlined', {
+Object.defineProperty(exports, "WidthFullOutlined", {
   enumerable: true,
   get: function () {
     return _WidthFullOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthFullRounded', {
+Object.defineProperty(exports, "WidthFullRounded", {
   enumerable: true,
   get: function () {
     return _WidthFullRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthFullSharp', {
+Object.defineProperty(exports, "WidthFullSharp", {
   enumerable: true,
   get: function () {
     return _WidthFullSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthFullTwoTone', {
+Object.defineProperty(exports, "WidthFullTwoTone", {
   enumerable: true,
   get: function () {
     return _WidthFullTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthNormal', {
+Object.defineProperty(exports, "WidthNormal", {
   enumerable: true,
   get: function () {
     return _WidthNormal.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthNormalOutlined', {
+Object.defineProperty(exports, "WidthNormalOutlined", {
   enumerable: true,
   get: function () {
     return _WidthNormalOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthNormalRounded', {
+Object.defineProperty(exports, "WidthNormalRounded", {
   enumerable: true,
   get: function () {
     return _WidthNormalRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthNormalSharp', {
+Object.defineProperty(exports, "WidthNormalSharp", {
   enumerable: true,
   get: function () {
     return _WidthNormalSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthNormalTwoTone', {
+Object.defineProperty(exports, "WidthNormalTwoTone", {
   enumerable: true,
   get: function () {
     return _WidthNormalTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthWide', {
+Object.defineProperty(exports, "WidthWide", {
   enumerable: true,
   get: function () {
     return _WidthWide.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthWideOutlined', {
+Object.defineProperty(exports, "WidthWideOutlined", {
   enumerable: true,
   get: function () {
     return _WidthWideOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthWideRounded', {
+Object.defineProperty(exports, "WidthWideRounded", {
   enumerable: true,
   get: function () {
     return _WidthWideRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthWideSharp', {
+Object.defineProperty(exports, "WidthWideSharp", {
   enumerable: true,
   get: function () {
     return _WidthWideSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WidthWideTwoTone', {
+Object.defineProperty(exports, "WidthWideTwoTone", {
   enumerable: true,
   get: function () {
     return _WidthWideTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wifi', {
+Object.defineProperty(exports, "Wifi", {
   enumerable: true,
   get: function () {
     return _Wifi.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wifi1Bar', {
+Object.defineProperty(exports, "Wifi1Bar", {
   enumerable: true,
   get: function () {
     return _Wifi1Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wifi1BarOutlined', {
+Object.defineProperty(exports, "Wifi1BarOutlined", {
   enumerable: true,
   get: function () {
     return _Wifi1BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wifi1BarRounded', {
+Object.defineProperty(exports, "Wifi1BarRounded", {
   enumerable: true,
   get: function () {
     return _Wifi1BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wifi1BarSharp', {
+Object.defineProperty(exports, "Wifi1BarSharp", {
   enumerable: true,
   get: function () {
     return _Wifi1BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wifi1BarTwoTone', {
+Object.defineProperty(exports, "Wifi1BarTwoTone", {
   enumerable: true,
   get: function () {
     return _Wifi1BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wifi2Bar', {
+Object.defineProperty(exports, "Wifi2Bar", {
   enumerable: true,
   get: function () {
     return _Wifi2Bar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wifi2BarOutlined', {
+Object.defineProperty(exports, "Wifi2BarOutlined", {
   enumerable: true,
   get: function () {
     return _Wifi2BarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wifi2BarRounded', {
+Object.defineProperty(exports, "Wifi2BarRounded", {
   enumerable: true,
   get: function () {
     return _Wifi2BarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wifi2BarSharp', {
+Object.defineProperty(exports, "Wifi2BarSharp", {
   enumerable: true,
   get: function () {
     return _Wifi2BarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wifi2BarTwoTone', {
+Object.defineProperty(exports, "Wifi2BarTwoTone", {
   enumerable: true,
   get: function () {
     return _Wifi2BarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiCalling', {
+Object.defineProperty(exports, "WifiCalling", {
   enumerable: true,
   get: function () {
     return _WifiCalling.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiCalling3', {
+Object.defineProperty(exports, "WifiCalling3", {
   enumerable: true,
   get: function () {
     return _WifiCalling2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiCalling3Outlined', {
+Object.defineProperty(exports, "WifiCalling3Outlined", {
   enumerable: true,
   get: function () {
     return _WifiCalling3Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiCalling3Rounded', {
+Object.defineProperty(exports, "WifiCalling3Rounded", {
   enumerable: true,
   get: function () {
     return _WifiCalling3Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiCalling3Sharp', {
+Object.defineProperty(exports, "WifiCalling3Sharp", {
   enumerable: true,
   get: function () {
     return _WifiCalling3Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiCalling3TwoTone', {
+Object.defineProperty(exports, "WifiCalling3TwoTone", {
   enumerable: true,
   get: function () {
     return _WifiCalling3TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiCallingOutlined', {
+Object.defineProperty(exports, "WifiCallingOutlined", {
   enumerable: true,
   get: function () {
     return _WifiCallingOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiCallingRounded', {
+Object.defineProperty(exports, "WifiCallingRounded", {
   enumerable: true,
   get: function () {
     return _WifiCallingRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiCallingSharp', {
+Object.defineProperty(exports, "WifiCallingSharp", {
   enumerable: true,
   get: function () {
     return _WifiCallingSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiCallingTwoTone', {
+Object.defineProperty(exports, "WifiCallingTwoTone", {
   enumerable: true,
   get: function () {
     return _WifiCallingTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiChannel', {
+Object.defineProperty(exports, "WifiChannel", {
   enumerable: true,
   get: function () {
     return _WifiChannel.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiChannelOutlined', {
+Object.defineProperty(exports, "WifiChannelOutlined", {
   enumerable: true,
   get: function () {
     return _WifiChannelOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiChannelRounded', {
+Object.defineProperty(exports, "WifiChannelRounded", {
   enumerable: true,
   get: function () {
     return _WifiChannelRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiChannelSharp', {
+Object.defineProperty(exports, "WifiChannelSharp", {
   enumerable: true,
   get: function () {
     return _WifiChannelSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiChannelTwoTone', {
+Object.defineProperty(exports, "WifiChannelTwoTone", {
   enumerable: true,
   get: function () {
     return _WifiChannelTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiFind', {
+Object.defineProperty(exports, "WifiFind", {
   enumerable: true,
   get: function () {
     return _WifiFind.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiFindOutlined', {
+Object.defineProperty(exports, "WifiFindOutlined", {
   enumerable: true,
   get: function () {
     return _WifiFindOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiFindRounded', {
+Object.defineProperty(exports, "WifiFindRounded", {
   enumerable: true,
   get: function () {
     return _WifiFindRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiFindSharp', {
+Object.defineProperty(exports, "WifiFindSharp", {
   enumerable: true,
   get: function () {
     return _WifiFindSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiFindTwoTone', {
+Object.defineProperty(exports, "WifiFindTwoTone", {
   enumerable: true,
   get: function () {
     return _WifiFindTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiLock', {
+Object.defineProperty(exports, "WifiLock", {
   enumerable: true,
   get: function () {
     return _WifiLock.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiLockOutlined', {
+Object.defineProperty(exports, "WifiLockOutlined", {
   enumerable: true,
   get: function () {
     return _WifiLockOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiLockRounded', {
+Object.defineProperty(exports, "WifiLockRounded", {
   enumerable: true,
   get: function () {
     return _WifiLockRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiLockSharp', {
+Object.defineProperty(exports, "WifiLockSharp", {
   enumerable: true,
   get: function () {
     return _WifiLockSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiLockTwoTone', {
+Object.defineProperty(exports, "WifiLockTwoTone", {
   enumerable: true,
   get: function () {
     return _WifiLockTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiOff', {
+Object.defineProperty(exports, "WifiOff", {
   enumerable: true,
   get: function () {
     return _WifiOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiOffOutlined', {
+Object.defineProperty(exports, "WifiOffOutlined", {
   enumerable: true,
   get: function () {
     return _WifiOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiOffRounded', {
+Object.defineProperty(exports, "WifiOffRounded", {
   enumerable: true,
   get: function () {
     return _WifiOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiOffSharp', {
+Object.defineProperty(exports, "WifiOffSharp", {
   enumerable: true,
   get: function () {
     return _WifiOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiOffTwoTone', {
+Object.defineProperty(exports, "WifiOffTwoTone", {
   enumerable: true,
   get: function () {
     return _WifiOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiOutlined', {
+Object.defineProperty(exports, "WifiOutlined", {
   enumerable: true,
   get: function () {
     return _WifiOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiPassword', {
+Object.defineProperty(exports, "WifiPassword", {
   enumerable: true,
   get: function () {
     return _WifiPassword.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiPasswordOutlined', {
+Object.defineProperty(exports, "WifiPasswordOutlined", {
   enumerable: true,
   get: function () {
     return _WifiPasswordOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiPasswordRounded', {
+Object.defineProperty(exports, "WifiPasswordRounded", {
   enumerable: true,
   get: function () {
     return _WifiPasswordRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiPasswordSharp', {
+Object.defineProperty(exports, "WifiPasswordSharp", {
   enumerable: true,
   get: function () {
     return _WifiPasswordSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiPasswordTwoTone', {
+Object.defineProperty(exports, "WifiPasswordTwoTone", {
   enumerable: true,
   get: function () {
     return _WifiPasswordTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiProtectedSetup', {
+Object.defineProperty(exports, "WifiProtectedSetup", {
   enumerable: true,
   get: function () {
     return _WifiProtectedSetup.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiProtectedSetupOutlined', {
+Object.defineProperty(exports, "WifiProtectedSetupOutlined", {
   enumerable: true,
   get: function () {
     return _WifiProtectedSetupOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiProtectedSetupRounded', {
+Object.defineProperty(exports, "WifiProtectedSetupRounded", {
   enumerable: true,
   get: function () {
     return _WifiProtectedSetupRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiProtectedSetupSharp', {
+Object.defineProperty(exports, "WifiProtectedSetupSharp", {
   enumerable: true,
   get: function () {
     return _WifiProtectedSetupSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiProtectedSetupTwoTone', {
+Object.defineProperty(exports, "WifiProtectedSetupTwoTone", {
   enumerable: true,
   get: function () {
     return _WifiProtectedSetupTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiRounded', {
+Object.defineProperty(exports, "WifiRounded", {
   enumerable: true,
   get: function () {
     return _WifiRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiSharp', {
+Object.defineProperty(exports, "WifiSharp", {
   enumerable: true,
   get: function () {
     return _WifiSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTethering', {
+Object.defineProperty(exports, "WifiTethering", {
   enumerable: true,
   get: function () {
     return _WifiTethering.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringError', {
+Object.defineProperty(exports, "WifiTetheringError", {
   enumerable: true,
   get: function () {
     return _WifiTetheringError.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringErrorOutlined', {
+Object.defineProperty(exports, "WifiTetheringErrorOutlined", {
   enumerable: true,
   get: function () {
     return _WifiTetheringErrorOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringErrorRounded', {
+Object.defineProperty(exports, "WifiTetheringErrorRounded", {
   enumerable: true,
   get: function () {
     return _WifiTetheringErrorRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringErrorRoundedOutlined', {
+Object.defineProperty(exports, "WifiTetheringErrorRoundedOutlined", {
   enumerable: true,
   get: function () {
     return _WifiTetheringErrorRoundedOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringErrorRoundedRounded', {
+Object.defineProperty(exports, "WifiTetheringErrorRoundedRounded", {
   enumerable: true,
   get: function () {
     return _WifiTetheringErrorRoundedRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringErrorRoundedSharp', {
+Object.defineProperty(exports, "WifiTetheringErrorRoundedSharp", {
   enumerable: true,
   get: function () {
     return _WifiTetheringErrorRoundedSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringErrorRoundedTwoTone', {
+Object.defineProperty(exports, "WifiTetheringErrorRoundedTwoTone", {
   enumerable: true,
   get: function () {
     return _WifiTetheringErrorRoundedTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringErrorSharp', {
+Object.defineProperty(exports, "WifiTetheringErrorSharp", {
   enumerable: true,
   get: function () {
     return _WifiTetheringErrorSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringErrorTwoTone', {
+Object.defineProperty(exports, "WifiTetheringErrorTwoTone", {
   enumerable: true,
   get: function () {
     return _WifiTetheringErrorTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringOff', {
+Object.defineProperty(exports, "WifiTetheringOff", {
   enumerable: true,
   get: function () {
     return _WifiTetheringOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringOffOutlined', {
+Object.defineProperty(exports, "WifiTetheringOffOutlined", {
   enumerable: true,
   get: function () {
     return _WifiTetheringOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringOffRounded', {
+Object.defineProperty(exports, "WifiTetheringOffRounded", {
   enumerable: true,
   get: function () {
     return _WifiTetheringOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringOffSharp', {
+Object.defineProperty(exports, "WifiTetheringOffSharp", {
   enumerable: true,
   get: function () {
     return _WifiTetheringOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringOffTwoTone', {
+Object.defineProperty(exports, "WifiTetheringOffTwoTone", {
   enumerable: true,
   get: function () {
     return _WifiTetheringOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringOutlined', {
+Object.defineProperty(exports, "WifiTetheringOutlined", {
   enumerable: true,
   get: function () {
     return _WifiTetheringOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringRounded', {
+Object.defineProperty(exports, "WifiTetheringRounded", {
   enumerable: true,
   get: function () {
     return _WifiTetheringRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringSharp', {
+Object.defineProperty(exports, "WifiTetheringSharp", {
   enumerable: true,
   get: function () {
     return _WifiTetheringSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTetheringTwoTone', {
+Object.defineProperty(exports, "WifiTetheringTwoTone", {
   enumerable: true,
   get: function () {
     return _WifiTetheringTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WifiTwoTone', {
+Object.defineProperty(exports, "WifiTwoTone", {
   enumerable: true,
   get: function () {
     return _WifiTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WindPower', {
+Object.defineProperty(exports, "WindPower", {
   enumerable: true,
   get: function () {
     return _WindPower.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WindPowerOutlined', {
+Object.defineProperty(exports, "WindPowerOutlined", {
   enumerable: true,
   get: function () {
     return _WindPowerOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WindPowerRounded', {
+Object.defineProperty(exports, "WindPowerRounded", {
   enumerable: true,
   get: function () {
     return _WindPowerRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WindPowerSharp', {
+Object.defineProperty(exports, "WindPowerSharp", {
   enumerable: true,
   get: function () {
     return _WindPowerSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WindPowerTwoTone', {
+Object.defineProperty(exports, "WindPowerTwoTone", {
   enumerable: true,
   get: function () {
     return _WindPowerTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Window', {
+Object.defineProperty(exports, "Window", {
   enumerable: true,
   get: function () {
     return _Window.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WindowOutlined', {
+Object.defineProperty(exports, "WindowOutlined", {
   enumerable: true,
   get: function () {
     return _WindowOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WindowRounded', {
+Object.defineProperty(exports, "WindowRounded", {
   enumerable: true,
   get: function () {
     return _WindowRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WindowSharp', {
+Object.defineProperty(exports, "WindowSharp", {
   enumerable: true,
   get: function () {
     return _WindowSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WindowTwoTone', {
+Object.defineProperty(exports, "WindowTwoTone", {
   enumerable: true,
   get: function () {
     return _WindowTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WineBar', {
+Object.defineProperty(exports, "WineBar", {
   enumerable: true,
   get: function () {
     return _WineBar.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WineBarOutlined', {
+Object.defineProperty(exports, "WineBarOutlined", {
   enumerable: true,
   get: function () {
     return _WineBarOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WineBarRounded', {
+Object.defineProperty(exports, "WineBarRounded", {
   enumerable: true,
   get: function () {
     return _WineBarRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WineBarSharp', {
+Object.defineProperty(exports, "WineBarSharp", {
   enumerable: true,
   get: function () {
     return _WineBarSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WineBarTwoTone', {
+Object.defineProperty(exports, "WineBarTwoTone", {
   enumerable: true,
   get: function () {
     return _WineBarTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Woman', {
+Object.defineProperty(exports, "Woman", {
   enumerable: true,
   get: function () {
     return _Woman.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Woman2', {
+Object.defineProperty(exports, "Woman2", {
   enumerable: true,
   get: function () {
     return _Woman2.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Woman2Outlined', {
+Object.defineProperty(exports, "Woman2Outlined", {
   enumerable: true,
   get: function () {
     return _Woman2Outlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Woman2Rounded', {
+Object.defineProperty(exports, "Woman2Rounded", {
   enumerable: true,
   get: function () {
     return _Woman2Rounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Woman2Sharp', {
+Object.defineProperty(exports, "Woman2Sharp", {
   enumerable: true,
   get: function () {
     return _Woman2Sharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Woman2TwoTone', {
+Object.defineProperty(exports, "Woman2TwoTone", {
   enumerable: true,
   get: function () {
     return _Woman2TwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WomanOutlined', {
+Object.defineProperty(exports, "WomanOutlined", {
   enumerable: true,
   get: function () {
     return _WomanOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WomanRounded', {
+Object.defineProperty(exports, "WomanRounded", {
   enumerable: true,
   get: function () {
     return _WomanRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WomanSharp', {
+Object.defineProperty(exports, "WomanSharp", {
   enumerable: true,
   get: function () {
     return _WomanSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WomanTwoTone', {
+Object.defineProperty(exports, "WomanTwoTone", {
   enumerable: true,
   get: function () {
     return _WomanTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Work', {
+Object.defineProperty(exports, "Work", {
   enumerable: true,
   get: function () {
     return _Work.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkHistory', {
+Object.defineProperty(exports, "WorkHistory", {
   enumerable: true,
   get: function () {
     return _WorkHistory.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkHistoryOutlined', {
+Object.defineProperty(exports, "WorkHistoryOutlined", {
   enumerable: true,
   get: function () {
     return _WorkHistoryOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkHistoryRounded', {
+Object.defineProperty(exports, "WorkHistoryRounded", {
   enumerable: true,
   get: function () {
     return _WorkHistoryRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkHistorySharp', {
+Object.defineProperty(exports, "WorkHistorySharp", {
   enumerable: true,
   get: function () {
     return _WorkHistorySharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkHistoryTwoTone', {
+Object.defineProperty(exports, "WorkHistoryTwoTone", {
   enumerable: true,
   get: function () {
     return _WorkHistoryTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkOff', {
+Object.defineProperty(exports, "WorkOff", {
   enumerable: true,
   get: function () {
     return _WorkOff.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkOffOutlined', {
+Object.defineProperty(exports, "WorkOffOutlined", {
   enumerable: true,
   get: function () {
     return _WorkOffOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkOffRounded', {
+Object.defineProperty(exports, "WorkOffRounded", {
   enumerable: true,
   get: function () {
     return _WorkOffRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkOffSharp', {
+Object.defineProperty(exports, "WorkOffSharp", {
   enumerable: true,
   get: function () {
     return _WorkOffSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkOffTwoTone', {
+Object.defineProperty(exports, "WorkOffTwoTone", {
   enumerable: true,
   get: function () {
     return _WorkOffTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkOutline', {
+Object.defineProperty(exports, "WorkOutline", {
   enumerable: true,
   get: function () {
     return _WorkOutline.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkOutlineOutlined', {
+Object.defineProperty(exports, "WorkOutlineOutlined", {
   enumerable: true,
   get: function () {
     return _WorkOutlineOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkOutlineRounded', {
+Object.defineProperty(exports, "WorkOutlineRounded", {
   enumerable: true,
   get: function () {
     return _WorkOutlineRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkOutlineSharp', {
+Object.defineProperty(exports, "WorkOutlineSharp", {
   enumerable: true,
   get: function () {
     return _WorkOutlineSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkOutlineTwoTone', {
+Object.defineProperty(exports, "WorkOutlineTwoTone", {
   enumerable: true,
   get: function () {
     return _WorkOutlineTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkOutlined', {
+Object.defineProperty(exports, "WorkOutlined", {
   enumerable: true,
   get: function () {
     return _WorkOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkRounded', {
+Object.defineProperty(exports, "WorkRounded", {
   enumerable: true,
   get: function () {
     return _WorkRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkSharp', {
+Object.defineProperty(exports, "WorkSharp", {
   enumerable: true,
   get: function () {
     return _WorkSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkTwoTone', {
+Object.defineProperty(exports, "WorkTwoTone", {
   enumerable: true,
   get: function () {
     return _WorkTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkspacePremium', {
+Object.defineProperty(exports, "WorkspacePremium", {
   enumerable: true,
   get: function () {
     return _WorkspacePremium.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkspacePremiumOutlined', {
+Object.defineProperty(exports, "WorkspacePremiumOutlined", {
   enumerable: true,
   get: function () {
     return _WorkspacePremiumOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkspacePremiumRounded', {
+Object.defineProperty(exports, "WorkspacePremiumRounded", {
   enumerable: true,
   get: function () {
     return _WorkspacePremiumRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkspacePremiumSharp', {
+Object.defineProperty(exports, "WorkspacePremiumSharp", {
   enumerable: true,
   get: function () {
     return _WorkspacePremiumSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkspacePremiumTwoTone', {
+Object.defineProperty(exports, "WorkspacePremiumTwoTone", {
   enumerable: true,
   get: function () {
     return _WorkspacePremiumTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Workspaces', {
+Object.defineProperty(exports, "Workspaces", {
   enumerable: true,
   get: function () {
     return _Workspaces.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkspacesOutlined', {
+Object.defineProperty(exports, "WorkspacesOutlined", {
   enumerable: true,
   get: function () {
     return _WorkspacesOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkspacesRounded', {
+Object.defineProperty(exports, "WorkspacesRounded", {
   enumerable: true,
   get: function () {
     return _WorkspacesRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkspacesSharp', {
+Object.defineProperty(exports, "WorkspacesSharp", {
   enumerable: true,
   get: function () {
     return _WorkspacesSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WorkspacesTwoTone', {
+Object.defineProperty(exports, "WorkspacesTwoTone", {
   enumerable: true,
   get: function () {
     return _WorkspacesTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WrapText', {
+Object.defineProperty(exports, "WrapText", {
   enumerable: true,
   get: function () {
     return _WrapText.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WrapTextOutlined', {
+Object.defineProperty(exports, "WrapTextOutlined", {
   enumerable: true,
   get: function () {
     return _WrapTextOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WrapTextRounded', {
+Object.defineProperty(exports, "WrapTextRounded", {
   enumerable: true,
   get: function () {
     return _WrapTextRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WrapTextSharp', {
+Object.defineProperty(exports, "WrapTextSharp", {
   enumerable: true,
   get: function () {
     return _WrapTextSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WrapTextTwoTone', {
+Object.defineProperty(exports, "WrapTextTwoTone", {
   enumerable: true,
   get: function () {
     return _WrapTextTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WrongLocation', {
+Object.defineProperty(exports, "WrongLocation", {
   enumerable: true,
   get: function () {
     return _WrongLocation.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WrongLocationOutlined', {
+Object.defineProperty(exports, "WrongLocationOutlined", {
   enumerable: true,
   get: function () {
     return _WrongLocationOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WrongLocationRounded', {
+Object.defineProperty(exports, "WrongLocationRounded", {
   enumerable: true,
   get: function () {
     return _WrongLocationRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WrongLocationSharp', {
+Object.defineProperty(exports, "WrongLocationSharp", {
   enumerable: true,
   get: function () {
     return _WrongLocationSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WrongLocationTwoTone', {
+Object.defineProperty(exports, "WrongLocationTwoTone", {
   enumerable: true,
   get: function () {
     return _WrongLocationTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Wysiwyg', {
+Object.defineProperty(exports, "Wysiwyg", {
   enumerable: true,
   get: function () {
     return _Wysiwyg.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WysiwygOutlined', {
+Object.defineProperty(exports, "WysiwygOutlined", {
   enumerable: true,
   get: function () {
     return _WysiwygOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WysiwygRounded', {
+Object.defineProperty(exports, "WysiwygRounded", {
   enumerable: true,
   get: function () {
     return _WysiwygRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WysiwygSharp', {
+Object.defineProperty(exports, "WysiwygSharp", {
   enumerable: true,
   get: function () {
     return _WysiwygSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'WysiwygTwoTone', {
+Object.defineProperty(exports, "WysiwygTwoTone", {
   enumerable: true,
   get: function () {
     return _WysiwygTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'Yard', {
+Object.defineProperty(exports, "Yard", {
   enumerable: true,
   get: function () {
     return _Yard.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'YardOutlined', {
+Object.defineProperty(exports, "YardOutlined", {
   enumerable: true,
   get: function () {
     return _YardOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'YardRounded', {
+Object.defineProperty(exports, "YardRounded", {
   enumerable: true,
   get: function () {
     return _YardRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'YardSharp', {
+Object.defineProperty(exports, "YardSharp", {
   enumerable: true,
   get: function () {
     return _YardSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'YardTwoTone', {
+Object.defineProperty(exports, "YardTwoTone", {
   enumerable: true,
   get: function () {
     return _YardTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'YouTube', {
+Object.defineProperty(exports, "YouTube", {
   enumerable: true,
   get: function () {
     return _YouTube.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'YoutubeSearchedFor', {
+Object.defineProperty(exports, "YoutubeSearchedFor", {
   enumerable: true,
   get: function () {
     return _YoutubeSearchedFor.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'YoutubeSearchedForOutlined', {
+Object.defineProperty(exports, "YoutubeSearchedForOutlined", {
   enumerable: true,
   get: function () {
     return _YoutubeSearchedForOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'YoutubeSearchedForRounded', {
+Object.defineProperty(exports, "YoutubeSearchedForRounded", {
   enumerable: true,
   get: function () {
     return _YoutubeSearchedForRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'YoutubeSearchedForSharp', {
+Object.defineProperty(exports, "YoutubeSearchedForSharp", {
   enumerable: true,
   get: function () {
     return _YoutubeSearchedForSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'YoutubeSearchedForTwoTone', {
+Object.defineProperty(exports, "YoutubeSearchedForTwoTone", {
   enumerable: true,
   get: function () {
     return _YoutubeSearchedForTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomIn', {
+Object.defineProperty(exports, "ZoomIn", {
   enumerable: true,
   get: function () {
     return _ZoomIn.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomInMap', {
+Object.defineProperty(exports, "ZoomInMap", {
   enumerable: true,
   get: function () {
     return _ZoomInMap.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomInMapOutlined', {
+Object.defineProperty(exports, "ZoomInMapOutlined", {
   enumerable: true,
   get: function () {
     return _ZoomInMapOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomInMapRounded', {
+Object.defineProperty(exports, "ZoomInMapRounded", {
   enumerable: true,
   get: function () {
     return _ZoomInMapRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomInMapSharp', {
+Object.defineProperty(exports, "ZoomInMapSharp", {
   enumerable: true,
   get: function () {
     return _ZoomInMapSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomInMapTwoTone', {
+Object.defineProperty(exports, "ZoomInMapTwoTone", {
   enumerable: true,
   get: function () {
     return _ZoomInMapTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomInOutlined', {
+Object.defineProperty(exports, "ZoomInOutlined", {
   enumerable: true,
   get: function () {
     return _ZoomInOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomInRounded', {
+Object.defineProperty(exports, "ZoomInRounded", {
   enumerable: true,
   get: function () {
     return _ZoomInRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomInSharp', {
+Object.defineProperty(exports, "ZoomInSharp", {
   enumerable: true,
   get: function () {
     return _ZoomInSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomInTwoTone', {
+Object.defineProperty(exports, "ZoomInTwoTone", {
   enumerable: true,
   get: function () {
     return _ZoomInTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomOut', {
+Object.defineProperty(exports, "ZoomOut", {
   enumerable: true,
   get: function () {
     return _ZoomOut.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomOutMap', {
+Object.defineProperty(exports, "ZoomOutMap", {
   enumerable: true,
   get: function () {
     return _ZoomOutMap.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomOutMapOutlined', {
+Object.defineProperty(exports, "ZoomOutMapOutlined", {
   enumerable: true,
   get: function () {
     return _ZoomOutMapOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomOutMapRounded', {
+Object.defineProperty(exports, "ZoomOutMapRounded", {
   enumerable: true,
   get: function () {
     return _ZoomOutMapRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomOutMapSharp', {
+Object.defineProperty(exports, "ZoomOutMapSharp", {
   enumerable: true,
   get: function () {
     return _ZoomOutMapSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomOutMapTwoTone', {
+Object.defineProperty(exports, "ZoomOutMapTwoTone", {
   enumerable: true,
   get: function () {
     return _ZoomOutMapTwoTone.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomOutOutlined', {
+Object.defineProperty(exports, "ZoomOutOutlined", {
   enumerable: true,
   get: function () {
     return _ZoomOutOutlined.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomOutRounded', {
+Object.defineProperty(exports, "ZoomOutRounded", {
   enumerable: true,
   get: function () {
     return _ZoomOutRounded.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomOutSharp', {
+Object.defineProperty(exports, "ZoomOutSharp", {
   enumerable: true,
   get: function () {
     return _ZoomOutSharp.default;
-  },
+  }
 });
-Object.defineProperty(exports, 'ZoomOutTwoTone', {
+Object.defineProperty(exports, "ZoomOutTwoTone", {
   enumerable: true,
   get: function () {
     return _ZoomOutTwoTone.default;
-  },
-});
-var _Abc = _interopRequireDefault(require('./Abc'));
-var _AbcOutlined = _interopRequireDefault(require('./AbcOutlined'));
-var _AbcRounded = _interopRequireDefault(require('./AbcRounded'));
-var _AbcSharp = _interopRequireDefault(require('./AbcSharp'));
-var _AbcTwoTone = _interopRequireDefault(require('./AbcTwoTone'));
-var _AcUnit = _interopRequireDefault(require('./AcUnit'));
-var _AcUnitOutlined = _interopRequireDefault(require('./AcUnitOutlined'));
-var _AcUnitRounded = _interopRequireDefault(require('./AcUnitRounded'));
-var _AcUnitSharp = _interopRequireDefault(require('./AcUnitSharp'));
-var _AcUnitTwoTone = _interopRequireDefault(require('./AcUnitTwoTone'));
-var _AccessAlarm = _interopRequireDefault(require('./AccessAlarm'));
-var _AccessAlarmOutlined = _interopRequireDefault(require('./AccessAlarmOutlined'));
-var _AccessAlarmRounded = _interopRequireDefault(require('./AccessAlarmRounded'));
-var _AccessAlarmSharp = _interopRequireDefault(require('./AccessAlarmSharp'));
-var _AccessAlarmTwoTone = _interopRequireDefault(require('./AccessAlarmTwoTone'));
-var _AccessAlarms = _interopRequireDefault(require('./AccessAlarms'));
-var _AccessAlarmsOutlined = _interopRequireDefault(require('./AccessAlarmsOutlined'));
-var _AccessAlarmsRounded = _interopRequireDefault(require('./AccessAlarmsRounded'));
-var _AccessAlarmsSharp = _interopRequireDefault(require('./AccessAlarmsSharp'));
-var _AccessAlarmsTwoTone = _interopRequireDefault(require('./AccessAlarmsTwoTone'));
-var _AccessTime = _interopRequireDefault(require('./AccessTime'));
-var _AccessTimeFilled = _interopRequireDefault(require('./AccessTimeFilled'));
-var _AccessTimeFilledOutlined = _interopRequireDefault(require('./AccessTimeFilledOutlined'));
-var _AccessTimeFilledRounded = _interopRequireDefault(require('./AccessTimeFilledRounded'));
-var _AccessTimeFilledSharp = _interopRequireDefault(require('./AccessTimeFilledSharp'));
-var _AccessTimeFilledTwoTone = _interopRequireDefault(require('./AccessTimeFilledTwoTone'));
-var _AccessTimeOutlined = _interopRequireDefault(require('./AccessTimeOutlined'));
-var _AccessTimeRounded = _interopRequireDefault(require('./AccessTimeRounded'));
-var _AccessTimeSharp = _interopRequireDefault(require('./AccessTimeSharp'));
-var _AccessTimeTwoTone = _interopRequireDefault(require('./AccessTimeTwoTone'));
-var _Accessibility = _interopRequireDefault(require('./Accessibility'));
-var _AccessibilityNew = _interopRequireDefault(require('./AccessibilityNew'));
-var _AccessibilityNewOutlined = _interopRequireDefault(require('./AccessibilityNewOutlined'));
-var _AccessibilityNewRounded = _interopRequireDefault(require('./AccessibilityNewRounded'));
-var _AccessibilityNewSharp = _interopRequireDefault(require('./AccessibilityNewSharp'));
-var _AccessibilityNewTwoTone = _interopRequireDefault(require('./AccessibilityNewTwoTone'));
-var _AccessibilityOutlined = _interopRequireDefault(require('./AccessibilityOutlined'));
-var _AccessibilityRounded = _interopRequireDefault(require('./AccessibilityRounded'));
-var _AccessibilitySharp = _interopRequireDefault(require('./AccessibilitySharp'));
-var _AccessibilityTwoTone = _interopRequireDefault(require('./AccessibilityTwoTone'));
-var _Accessible = _interopRequireDefault(require('./Accessible'));
-var _AccessibleForward = _interopRequireDefault(require('./AccessibleForward'));
-var _AccessibleForwardOutlined = _interopRequireDefault(require('./AccessibleForwardOutlined'));
-var _AccessibleForwardRounded = _interopRequireDefault(require('./AccessibleForwardRounded'));
-var _AccessibleForwardSharp = _interopRequireDefault(require('./AccessibleForwardSharp'));
-var _AccessibleForwardTwoTone = _interopRequireDefault(require('./AccessibleForwardTwoTone'));
-var _AccessibleOutlined = _interopRequireDefault(require('./AccessibleOutlined'));
-var _AccessibleRounded = _interopRequireDefault(require('./AccessibleRounded'));
-var _AccessibleSharp = _interopRequireDefault(require('./AccessibleSharp'));
-var _AccessibleTwoTone = _interopRequireDefault(require('./AccessibleTwoTone'));
-var _AccountBalance = _interopRequireDefault(require('./AccountBalance'));
-var _AccountBalanceOutlined = _interopRequireDefault(require('./AccountBalanceOutlined'));
-var _AccountBalanceRounded = _interopRequireDefault(require('./AccountBalanceRounded'));
-var _AccountBalanceSharp = _interopRequireDefault(require('./AccountBalanceSharp'));
-var _AccountBalanceTwoTone = _interopRequireDefault(require('./AccountBalanceTwoTone'));
-var _AccountBalanceWallet = _interopRequireDefault(require('./AccountBalanceWallet'));
-var _AccountBalanceWalletOutlined = _interopRequireDefault(
-  require('./AccountBalanceWalletOutlined'),
-);
-var _AccountBalanceWalletRounded = _interopRequireDefault(require('./AccountBalanceWalletRounded'));
-var _AccountBalanceWalletSharp = _interopRequireDefault(require('./AccountBalanceWalletSharp'));
-var _AccountBalanceWalletTwoTone = _interopRequireDefault(require('./AccountBalanceWalletTwoTone'));
-var _AccountBox = _interopRequireDefault(require('./AccountBox'));
-var _AccountBoxOutlined = _interopRequireDefault(require('./AccountBoxOutlined'));
-var _AccountBoxRounded = _interopRequireDefault(require('./AccountBoxRounded'));
-var _AccountBoxSharp = _interopRequireDefault(require('./AccountBoxSharp'));
-var _AccountBoxTwoTone = _interopRequireDefault(require('./AccountBoxTwoTone'));
-var _AccountCircle = _interopRequireDefault(require('./AccountCircle'));
-var _AccountCircleOutlined = _interopRequireDefault(require('./AccountCircleOutlined'));
-var _AccountCircleRounded = _interopRequireDefault(require('./AccountCircleRounded'));
-var _AccountCircleSharp = _interopRequireDefault(require('./AccountCircleSharp'));
-var _AccountCircleTwoTone = _interopRequireDefault(require('./AccountCircleTwoTone'));
-var _AccountTree = _interopRequireDefault(require('./AccountTree'));
-var _AccountTreeOutlined = _interopRequireDefault(require('./AccountTreeOutlined'));
-var _AccountTreeRounded = _interopRequireDefault(require('./AccountTreeRounded'));
-var _AccountTreeSharp = _interopRequireDefault(require('./AccountTreeSharp'));
-var _AccountTreeTwoTone = _interopRequireDefault(require('./AccountTreeTwoTone'));
-var _AdUnits = _interopRequireDefault(require('./AdUnits'));
-var _AdUnitsOutlined = _interopRequireDefault(require('./AdUnitsOutlined'));
-var _AdUnitsRounded = _interopRequireDefault(require('./AdUnitsRounded'));
-var _AdUnitsSharp = _interopRequireDefault(require('./AdUnitsSharp'));
-var _AdUnitsTwoTone = _interopRequireDefault(require('./AdUnitsTwoTone'));
-var _Adb = _interopRequireDefault(require('./Adb'));
-var _AdbOutlined = _interopRequireDefault(require('./AdbOutlined'));
-var _AdbRounded = _interopRequireDefault(require('./AdbRounded'));
-var _AdbSharp = _interopRequireDefault(require('./AdbSharp'));
-var _AdbTwoTone = _interopRequireDefault(require('./AdbTwoTone'));
-var _Add = _interopRequireDefault(require('./Add'));
-var _AddAPhoto = _interopRequireDefault(require('./AddAPhoto'));
-var _AddAPhotoOutlined = _interopRequireDefault(require('./AddAPhotoOutlined'));
-var _AddAPhotoRounded = _interopRequireDefault(require('./AddAPhotoRounded'));
-var _AddAPhotoSharp = _interopRequireDefault(require('./AddAPhotoSharp'));
-var _AddAPhotoTwoTone = _interopRequireDefault(require('./AddAPhotoTwoTone'));
-var _AddAlarm = _interopRequireDefault(require('./AddAlarm'));
-var _AddAlarmOutlined = _interopRequireDefault(require('./AddAlarmOutlined'));
-var _AddAlarmRounded = _interopRequireDefault(require('./AddAlarmRounded'));
-var _AddAlarmSharp = _interopRequireDefault(require('./AddAlarmSharp'));
-var _AddAlarmTwoTone = _interopRequireDefault(require('./AddAlarmTwoTone'));
-var _AddAlert = _interopRequireDefault(require('./AddAlert'));
-var _AddAlertOutlined = _interopRequireDefault(require('./AddAlertOutlined'));
-var _AddAlertRounded = _interopRequireDefault(require('./AddAlertRounded'));
-var _AddAlertSharp = _interopRequireDefault(require('./AddAlertSharp'));
-var _AddAlertTwoTone = _interopRequireDefault(require('./AddAlertTwoTone'));
-var _AddBox = _interopRequireDefault(require('./AddBox'));
-var _AddBoxOutlined = _interopRequireDefault(require('./AddBoxOutlined'));
-var _AddBoxRounded = _interopRequireDefault(require('./AddBoxRounded'));
-var _AddBoxSharp = _interopRequireDefault(require('./AddBoxSharp'));
-var _AddBoxTwoTone = _interopRequireDefault(require('./AddBoxTwoTone'));
-var _AddBusiness = _interopRequireDefault(require('./AddBusiness'));
-var _AddBusinessOutlined = _interopRequireDefault(require('./AddBusinessOutlined'));
-var _AddBusinessRounded = _interopRequireDefault(require('./AddBusinessRounded'));
-var _AddBusinessSharp = _interopRequireDefault(require('./AddBusinessSharp'));
-var _AddBusinessTwoTone = _interopRequireDefault(require('./AddBusinessTwoTone'));
-var _AddCard = _interopRequireDefault(require('./AddCard'));
-var _AddCardOutlined = _interopRequireDefault(require('./AddCardOutlined'));
-var _AddCardRounded = _interopRequireDefault(require('./AddCardRounded'));
-var _AddCardSharp = _interopRequireDefault(require('./AddCardSharp'));
-var _AddCardTwoTone = _interopRequireDefault(require('./AddCardTwoTone'));
-var _AddCircle = _interopRequireDefault(require('./AddCircle'));
-var _AddCircleOutline = _interopRequireDefault(require('./AddCircleOutline'));
-var _AddCircleOutlineOutlined = _interopRequireDefault(require('./AddCircleOutlineOutlined'));
-var _AddCircleOutlineRounded = _interopRequireDefault(require('./AddCircleOutlineRounded'));
-var _AddCircleOutlineSharp = _interopRequireDefault(require('./AddCircleOutlineSharp'));
-var _AddCircleOutlineTwoTone = _interopRequireDefault(require('./AddCircleOutlineTwoTone'));
-var _AddCircleOutlined = _interopRequireDefault(require('./AddCircleOutlined'));
-var _AddCircleRounded = _interopRequireDefault(require('./AddCircleRounded'));
-var _AddCircleSharp = _interopRequireDefault(require('./AddCircleSharp'));
-var _AddCircleTwoTone = _interopRequireDefault(require('./AddCircleTwoTone'));
-var _AddComment = _interopRequireDefault(require('./AddComment'));
-var _AddCommentOutlined = _interopRequireDefault(require('./AddCommentOutlined'));
-var _AddCommentRounded = _interopRequireDefault(require('./AddCommentRounded'));
-var _AddCommentSharp = _interopRequireDefault(require('./AddCommentSharp'));
-var _AddCommentTwoTone = _interopRequireDefault(require('./AddCommentTwoTone'));
-var _AddHome = _interopRequireDefault(require('./AddHome'));
-var _AddHomeOutlined = _interopRequireDefault(require('./AddHomeOutlined'));
-var _AddHomeRounded = _interopRequireDefault(require('./AddHomeRounded'));
-var _AddHomeSharp = _interopRequireDefault(require('./AddHomeSharp'));
-var _AddHomeTwoTone = _interopRequireDefault(require('./AddHomeTwoTone'));
-var _AddHomeWork = _interopRequireDefault(require('./AddHomeWork'));
-var _AddHomeWorkOutlined = _interopRequireDefault(require('./AddHomeWorkOutlined'));
-var _AddHomeWorkRounded = _interopRequireDefault(require('./AddHomeWorkRounded'));
-var _AddHomeWorkSharp = _interopRequireDefault(require('./AddHomeWorkSharp'));
-var _AddHomeWorkTwoTone = _interopRequireDefault(require('./AddHomeWorkTwoTone'));
-var _AddIcCall = _interopRequireDefault(require('./AddIcCall'));
-var _AddIcCallOutlined = _interopRequireDefault(require('./AddIcCallOutlined'));
-var _AddIcCallRounded = _interopRequireDefault(require('./AddIcCallRounded'));
-var _AddIcCallSharp = _interopRequireDefault(require('./AddIcCallSharp'));
-var _AddIcCallTwoTone = _interopRequireDefault(require('./AddIcCallTwoTone'));
-var _AddLink = _interopRequireDefault(require('./AddLink'));
-var _AddLinkOutlined = _interopRequireDefault(require('./AddLinkOutlined'));
-var _AddLinkRounded = _interopRequireDefault(require('./AddLinkRounded'));
-var _AddLinkSharp = _interopRequireDefault(require('./AddLinkSharp'));
-var _AddLinkTwoTone = _interopRequireDefault(require('./AddLinkTwoTone'));
-var _AddLocation = _interopRequireDefault(require('./AddLocation'));
-var _AddLocationAlt = _interopRequireDefault(require('./AddLocationAlt'));
-var _AddLocationAltOutlined = _interopRequireDefault(require('./AddLocationAltOutlined'));
-var _AddLocationAltRounded = _interopRequireDefault(require('./AddLocationAltRounded'));
-var _AddLocationAltSharp = _interopRequireDefault(require('./AddLocationAltSharp'));
-var _AddLocationAltTwoTone = _interopRequireDefault(require('./AddLocationAltTwoTone'));
-var _AddLocationOutlined = _interopRequireDefault(require('./AddLocationOutlined'));
-var _AddLocationRounded = _interopRequireDefault(require('./AddLocationRounded'));
-var _AddLocationSharp = _interopRequireDefault(require('./AddLocationSharp'));
-var _AddLocationTwoTone = _interopRequireDefault(require('./AddLocationTwoTone'));
-var _AddModerator = _interopRequireDefault(require('./AddModerator'));
-var _AddModeratorOutlined = _interopRequireDefault(require('./AddModeratorOutlined'));
-var _AddModeratorRounded = _interopRequireDefault(require('./AddModeratorRounded'));
-var _AddModeratorSharp = _interopRequireDefault(require('./AddModeratorSharp'));
-var _AddModeratorTwoTone = _interopRequireDefault(require('./AddModeratorTwoTone'));
-var _AddOutlined = _interopRequireDefault(require('./AddOutlined'));
-var _AddPhotoAlternate = _interopRequireDefault(require('./AddPhotoAlternate'));
-var _AddPhotoAlternateOutlined = _interopRequireDefault(require('./AddPhotoAlternateOutlined'));
-var _AddPhotoAlternateRounded = _interopRequireDefault(require('./AddPhotoAlternateRounded'));
-var _AddPhotoAlternateSharp = _interopRequireDefault(require('./AddPhotoAlternateSharp'));
-var _AddPhotoAlternateTwoTone = _interopRequireDefault(require('./AddPhotoAlternateTwoTone'));
-var _AddReaction = _interopRequireDefault(require('./AddReaction'));
-var _AddReactionOutlined = _interopRequireDefault(require('./AddReactionOutlined'));
-var _AddReactionRounded = _interopRequireDefault(require('./AddReactionRounded'));
-var _AddReactionSharp = _interopRequireDefault(require('./AddReactionSharp'));
-var _AddReactionTwoTone = _interopRequireDefault(require('./AddReactionTwoTone'));
-var _AddRoad = _interopRequireDefault(require('./AddRoad'));
-var _AddRoadOutlined = _interopRequireDefault(require('./AddRoadOutlined'));
-var _AddRoadRounded = _interopRequireDefault(require('./AddRoadRounded'));
-var _AddRoadSharp = _interopRequireDefault(require('./AddRoadSharp'));
-var _AddRoadTwoTone = _interopRequireDefault(require('./AddRoadTwoTone'));
-var _AddRounded = _interopRequireDefault(require('./AddRounded'));
-var _AddSharp = _interopRequireDefault(require('./AddSharp'));
-var _AddShoppingCart = _interopRequireDefault(require('./AddShoppingCart'));
-var _AddShoppingCartOutlined = _interopRequireDefault(require('./AddShoppingCartOutlined'));
-var _AddShoppingCartRounded = _interopRequireDefault(require('./AddShoppingCartRounded'));
-var _AddShoppingCartSharp = _interopRequireDefault(require('./AddShoppingCartSharp'));
-var _AddShoppingCartTwoTone = _interopRequireDefault(require('./AddShoppingCartTwoTone'));
-var _AddTask = _interopRequireDefault(require('./AddTask'));
-var _AddTaskOutlined = _interopRequireDefault(require('./AddTaskOutlined'));
-var _AddTaskRounded = _interopRequireDefault(require('./AddTaskRounded'));
-var _AddTaskSharp = _interopRequireDefault(require('./AddTaskSharp'));
-var _AddTaskTwoTone = _interopRequireDefault(require('./AddTaskTwoTone'));
-var _AddToDrive = _interopRequireDefault(require('./AddToDrive'));
-var _AddToDriveOutlined = _interopRequireDefault(require('./AddToDriveOutlined'));
-var _AddToDriveRounded = _interopRequireDefault(require('./AddToDriveRounded'));
-var _AddToDriveSharp = _interopRequireDefault(require('./AddToDriveSharp'));
-var _AddToDriveTwoTone = _interopRequireDefault(require('./AddToDriveTwoTone'));
-var _AddToHomeScreen = _interopRequireDefault(require('./AddToHomeScreen'));
-var _AddToHomeScreenOutlined = _interopRequireDefault(require('./AddToHomeScreenOutlined'));
-var _AddToHomeScreenRounded = _interopRequireDefault(require('./AddToHomeScreenRounded'));
-var _AddToHomeScreenSharp = _interopRequireDefault(require('./AddToHomeScreenSharp'));
-var _AddToHomeScreenTwoTone = _interopRequireDefault(require('./AddToHomeScreenTwoTone'));
-var _AddToPhotos = _interopRequireDefault(require('./AddToPhotos'));
-var _AddToPhotosOutlined = _interopRequireDefault(require('./AddToPhotosOutlined'));
-var _AddToPhotosRounded = _interopRequireDefault(require('./AddToPhotosRounded'));
-var _AddToPhotosSharp = _interopRequireDefault(require('./AddToPhotosSharp'));
-var _AddToPhotosTwoTone = _interopRequireDefault(require('./AddToPhotosTwoTone'));
-var _AddToQueue = _interopRequireDefault(require('./AddToQueue'));
-var _AddToQueueOutlined = _interopRequireDefault(require('./AddToQueueOutlined'));
-var _AddToQueueRounded = _interopRequireDefault(require('./AddToQueueRounded'));
-var _AddToQueueSharp = _interopRequireDefault(require('./AddToQueueSharp'));
-var _AddToQueueTwoTone = _interopRequireDefault(require('./AddToQueueTwoTone'));
-var _AddTwoTone = _interopRequireDefault(require('./AddTwoTone'));
-var _Addchart = _interopRequireDefault(require('./Addchart'));
-var _AddchartOutlined = _interopRequireDefault(require('./AddchartOutlined'));
-var _AddchartRounded = _interopRequireDefault(require('./AddchartRounded'));
-var _AddchartSharp = _interopRequireDefault(require('./AddchartSharp'));
-var _AddchartTwoTone = _interopRequireDefault(require('./AddchartTwoTone'));
-var _AdfScanner = _interopRequireDefault(require('./AdfScanner'));
-var _AdfScannerOutlined = _interopRequireDefault(require('./AdfScannerOutlined'));
-var _AdfScannerRounded = _interopRequireDefault(require('./AdfScannerRounded'));
-var _AdfScannerSharp = _interopRequireDefault(require('./AdfScannerSharp'));
-var _AdfScannerTwoTone = _interopRequireDefault(require('./AdfScannerTwoTone'));
-var _Adjust = _interopRequireDefault(require('./Adjust'));
-var _AdjustOutlined = _interopRequireDefault(require('./AdjustOutlined'));
-var _AdjustRounded = _interopRequireDefault(require('./AdjustRounded'));
-var _AdjustSharp = _interopRequireDefault(require('./AdjustSharp'));
-var _AdjustTwoTone = _interopRequireDefault(require('./AdjustTwoTone'));
-var _AdminPanelSettings = _interopRequireDefault(require('./AdminPanelSettings'));
-var _AdminPanelSettingsOutlined = _interopRequireDefault(require('./AdminPanelSettingsOutlined'));
-var _AdminPanelSettingsRounded = _interopRequireDefault(require('./AdminPanelSettingsRounded'));
-var _AdminPanelSettingsSharp = _interopRequireDefault(require('./AdminPanelSettingsSharp'));
-var _AdminPanelSettingsTwoTone = _interopRequireDefault(require('./AdminPanelSettingsTwoTone'));
-var _AdsClick = _interopRequireDefault(require('./AdsClick'));
-var _AdsClickOutlined = _interopRequireDefault(require('./AdsClickOutlined'));
-var _AdsClickRounded = _interopRequireDefault(require('./AdsClickRounded'));
-var _AdsClickSharp = _interopRequireDefault(require('./AdsClickSharp'));
-var _AdsClickTwoTone = _interopRequireDefault(require('./AdsClickTwoTone'));
-var _Agriculture = _interopRequireDefault(require('./Agriculture'));
-var _AgricultureOutlined = _interopRequireDefault(require('./AgricultureOutlined'));
-var _AgricultureRounded = _interopRequireDefault(require('./AgricultureRounded'));
-var _AgricultureSharp = _interopRequireDefault(require('./AgricultureSharp'));
-var _AgricultureTwoTone = _interopRequireDefault(require('./AgricultureTwoTone'));
-var _Air = _interopRequireDefault(require('./Air'));
-var _AirOutlined = _interopRequireDefault(require('./AirOutlined'));
-var _AirRounded = _interopRequireDefault(require('./AirRounded'));
-var _AirSharp = _interopRequireDefault(require('./AirSharp'));
-var _AirTwoTone = _interopRequireDefault(require('./AirTwoTone'));
-var _AirlineSeatFlat = _interopRequireDefault(require('./AirlineSeatFlat'));
-var _AirlineSeatFlatAngled = _interopRequireDefault(require('./AirlineSeatFlatAngled'));
-var _AirlineSeatFlatAngledOutlined = _interopRequireDefault(
-  require('./AirlineSeatFlatAngledOutlined'),
-);
-var _AirlineSeatFlatAngledRounded = _interopRequireDefault(
-  require('./AirlineSeatFlatAngledRounded'),
-);
-var _AirlineSeatFlatAngledSharp = _interopRequireDefault(require('./AirlineSeatFlatAngledSharp'));
-var _AirlineSeatFlatAngledTwoTone = _interopRequireDefault(
-  require('./AirlineSeatFlatAngledTwoTone'),
-);
-var _AirlineSeatFlatOutlined = _interopRequireDefault(require('./AirlineSeatFlatOutlined'));
-var _AirlineSeatFlatRounded = _interopRequireDefault(require('./AirlineSeatFlatRounded'));
-var _AirlineSeatFlatSharp = _interopRequireDefault(require('./AirlineSeatFlatSharp'));
-var _AirlineSeatFlatTwoTone = _interopRequireDefault(require('./AirlineSeatFlatTwoTone'));
-var _AirlineSeatIndividualSuite = _interopRequireDefault(require('./AirlineSeatIndividualSuite'));
-var _AirlineSeatIndividualSuiteOutlined = _interopRequireDefault(
-  require('./AirlineSeatIndividualSuiteOutlined'),
-);
-var _AirlineSeatIndividualSuiteRounded = _interopRequireDefault(
-  require('./AirlineSeatIndividualSuiteRounded'),
-);
-var _AirlineSeatIndividualSuiteSharp = _interopRequireDefault(
-  require('./AirlineSeatIndividualSuiteSharp'),
-);
-var _AirlineSeatIndividualSuiteTwoTone = _interopRequireDefault(
-  require('./AirlineSeatIndividualSuiteTwoTone'),
-);
-var _AirlineSeatLegroomExtra = _interopRequireDefault(require('./AirlineSeatLegroomExtra'));
-var _AirlineSeatLegroomExtraOutlined = _interopRequireDefault(
-  require('./AirlineSeatLegroomExtraOutlined'),
-);
-var _AirlineSeatLegroomExtraRounded = _interopRequireDefault(
-  require('./AirlineSeatLegroomExtraRounded'),
-);
-var _AirlineSeatLegroomExtraSharp = _interopRequireDefault(
-  require('./AirlineSeatLegroomExtraSharp'),
-);
-var _AirlineSeatLegroomExtraTwoTone = _interopRequireDefault(
-  require('./AirlineSeatLegroomExtraTwoTone'),
-);
-var _AirlineSeatLegroomNormal = _interopRequireDefault(require('./AirlineSeatLegroomNormal'));
-var _AirlineSeatLegroomNormalOutlined = _interopRequireDefault(
-  require('./AirlineSeatLegroomNormalOutlined'),
-);
-var _AirlineSeatLegroomNormalRounded = _interopRequireDefault(
-  require('./AirlineSeatLegroomNormalRounded'),
-);
-var _AirlineSeatLegroomNormalSharp = _interopRequireDefault(
-  require('./AirlineSeatLegroomNormalSharp'),
-);
-var _AirlineSeatLegroomNormalTwoTone = _interopRequireDefault(
-  require('./AirlineSeatLegroomNormalTwoTone'),
-);
-var _AirlineSeatLegroomReduced = _interopRequireDefault(require('./AirlineSeatLegroomReduced'));
-var _AirlineSeatLegroomReducedOutlined = _interopRequireDefault(
-  require('./AirlineSeatLegroomReducedOutlined'),
-);
-var _AirlineSeatLegroomReducedRounded = _interopRequireDefault(
-  require('./AirlineSeatLegroomReducedRounded'),
-);
-var _AirlineSeatLegroomReducedSharp = _interopRequireDefault(
-  require('./AirlineSeatLegroomReducedSharp'),
-);
-var _AirlineSeatLegroomReducedTwoTone = _interopRequireDefault(
-  require('./AirlineSeatLegroomReducedTwoTone'),
-);
-var _AirlineSeatReclineExtra = _interopRequireDefault(require('./AirlineSeatReclineExtra'));
-var _AirlineSeatReclineExtraOutlined = _interopRequireDefault(
-  require('./AirlineSeatReclineExtraOutlined'),
-);
-var _AirlineSeatReclineExtraRounded = _interopRequireDefault(
-  require('./AirlineSeatReclineExtraRounded'),
-);
-var _AirlineSeatReclineExtraSharp = _interopRequireDefault(
-  require('./AirlineSeatReclineExtraSharp'),
-);
-var _AirlineSeatReclineExtraTwoTone = _interopRequireDefault(
-  require('./AirlineSeatReclineExtraTwoTone'),
-);
-var _AirlineSeatReclineNormal = _interopRequireDefault(require('./AirlineSeatReclineNormal'));
-var _AirlineSeatReclineNormalOutlined = _interopRequireDefault(
-  require('./AirlineSeatReclineNormalOutlined'),
-);
-var _AirlineSeatReclineNormalRounded = _interopRequireDefault(
-  require('./AirlineSeatReclineNormalRounded'),
-);
-var _AirlineSeatReclineNormalSharp = _interopRequireDefault(
-  require('./AirlineSeatReclineNormalSharp'),
-);
-var _AirlineSeatReclineNormalTwoTone = _interopRequireDefault(
-  require('./AirlineSeatReclineNormalTwoTone'),
-);
-var _AirlineStops = _interopRequireDefault(require('./AirlineStops'));
-var _AirlineStopsOutlined = _interopRequireDefault(require('./AirlineStopsOutlined'));
-var _AirlineStopsRounded = _interopRequireDefault(require('./AirlineStopsRounded'));
-var _AirlineStopsSharp = _interopRequireDefault(require('./AirlineStopsSharp'));
-var _AirlineStopsTwoTone = _interopRequireDefault(require('./AirlineStopsTwoTone'));
-var _Airlines = _interopRequireDefault(require('./Airlines'));
-var _AirlinesOutlined = _interopRequireDefault(require('./AirlinesOutlined'));
-var _AirlinesRounded = _interopRequireDefault(require('./AirlinesRounded'));
-var _AirlinesSharp = _interopRequireDefault(require('./AirlinesSharp'));
-var _AirlinesTwoTone = _interopRequireDefault(require('./AirlinesTwoTone'));
-var _AirplaneTicket = _interopRequireDefault(require('./AirplaneTicket'));
-var _AirplaneTicketOutlined = _interopRequireDefault(require('./AirplaneTicketOutlined'));
-var _AirplaneTicketRounded = _interopRequireDefault(require('./AirplaneTicketRounded'));
-var _AirplaneTicketSharp = _interopRequireDefault(require('./AirplaneTicketSharp'));
-var _AirplaneTicketTwoTone = _interopRequireDefault(require('./AirplaneTicketTwoTone'));
-var _AirplanemodeActive = _interopRequireDefault(require('./AirplanemodeActive'));
-var _AirplanemodeActiveOutlined = _interopRequireDefault(require('./AirplanemodeActiveOutlined'));
-var _AirplanemodeActiveRounded = _interopRequireDefault(require('./AirplanemodeActiveRounded'));
-var _AirplanemodeActiveSharp = _interopRequireDefault(require('./AirplanemodeActiveSharp'));
-var _AirplanemodeActiveTwoTone = _interopRequireDefault(require('./AirplanemodeActiveTwoTone'));
-var _AirplanemodeInactive = _interopRequireDefault(require('./AirplanemodeInactive'));
-var _AirplanemodeInactiveOutlined = _interopRequireDefault(
-  require('./AirplanemodeInactiveOutlined'),
-);
-var _AirplanemodeInactiveRounded = _interopRequireDefault(require('./AirplanemodeInactiveRounded'));
-var _AirplanemodeInactiveSharp = _interopRequireDefault(require('./AirplanemodeInactiveSharp'));
-var _AirplanemodeInactiveTwoTone = _interopRequireDefault(require('./AirplanemodeInactiveTwoTone'));
-var _Airplay = _interopRequireDefault(require('./Airplay'));
-var _AirplayOutlined = _interopRequireDefault(require('./AirplayOutlined'));
-var _AirplayRounded = _interopRequireDefault(require('./AirplayRounded'));
-var _AirplaySharp = _interopRequireDefault(require('./AirplaySharp'));
-var _AirplayTwoTone = _interopRequireDefault(require('./AirplayTwoTone'));
-var _AirportShuttle = _interopRequireDefault(require('./AirportShuttle'));
-var _AirportShuttleOutlined = _interopRequireDefault(require('./AirportShuttleOutlined'));
-var _AirportShuttleRounded = _interopRequireDefault(require('./AirportShuttleRounded'));
-var _AirportShuttleSharp = _interopRequireDefault(require('./AirportShuttleSharp'));
-var _AirportShuttleTwoTone = _interopRequireDefault(require('./AirportShuttleTwoTone'));
-var _Alarm = _interopRequireDefault(require('./Alarm'));
-var _AlarmAdd = _interopRequireDefault(require('./AlarmAdd'));
-var _AlarmAddOutlined = _interopRequireDefault(require('./AlarmAddOutlined'));
-var _AlarmAddRounded = _interopRequireDefault(require('./AlarmAddRounded'));
-var _AlarmAddSharp = _interopRequireDefault(require('./AlarmAddSharp'));
-var _AlarmAddTwoTone = _interopRequireDefault(require('./AlarmAddTwoTone'));
-var _AlarmOff = _interopRequireDefault(require('./AlarmOff'));
-var _AlarmOffOutlined = _interopRequireDefault(require('./AlarmOffOutlined'));
-var _AlarmOffRounded = _interopRequireDefault(require('./AlarmOffRounded'));
-var _AlarmOffSharp = _interopRequireDefault(require('./AlarmOffSharp'));
-var _AlarmOffTwoTone = _interopRequireDefault(require('./AlarmOffTwoTone'));
-var _AlarmOn = _interopRequireDefault(require('./AlarmOn'));
-var _AlarmOnOutlined = _interopRequireDefault(require('./AlarmOnOutlined'));
-var _AlarmOnRounded = _interopRequireDefault(require('./AlarmOnRounded'));
-var _AlarmOnSharp = _interopRequireDefault(require('./AlarmOnSharp'));
-var _AlarmOnTwoTone = _interopRequireDefault(require('./AlarmOnTwoTone'));
-var _AlarmOutlined = _interopRequireDefault(require('./AlarmOutlined'));
-var _AlarmRounded = _interopRequireDefault(require('./AlarmRounded'));
-var _AlarmSharp = _interopRequireDefault(require('./AlarmSharp'));
-var _AlarmTwoTone = _interopRequireDefault(require('./AlarmTwoTone'));
-var _Album = _interopRequireDefault(require('./Album'));
-var _AlbumOutlined = _interopRequireDefault(require('./AlbumOutlined'));
-var _AlbumRounded = _interopRequireDefault(require('./AlbumRounded'));
-var _AlbumSharp = _interopRequireDefault(require('./AlbumSharp'));
-var _AlbumTwoTone = _interopRequireDefault(require('./AlbumTwoTone'));
-var _AlignHorizontalCenter = _interopRequireDefault(require('./AlignHorizontalCenter'));
-var _AlignHorizontalCenterOutlined = _interopRequireDefault(
-  require('./AlignHorizontalCenterOutlined'),
-);
-var _AlignHorizontalCenterRounded = _interopRequireDefault(
-  require('./AlignHorizontalCenterRounded'),
-);
-var _AlignHorizontalCenterSharp = _interopRequireDefault(require('./AlignHorizontalCenterSharp'));
-var _AlignHorizontalCenterTwoTone = _interopRequireDefault(
-  require('./AlignHorizontalCenterTwoTone'),
-);
-var _AlignHorizontalLeft = _interopRequireDefault(require('./AlignHorizontalLeft'));
-var _AlignHorizontalLeftOutlined = _interopRequireDefault(require('./AlignHorizontalLeftOutlined'));
-var _AlignHorizontalLeftRounded = _interopRequireDefault(require('./AlignHorizontalLeftRounded'));
-var _AlignHorizontalLeftSharp = _interopRequireDefault(require('./AlignHorizontalLeftSharp'));
-var _AlignHorizontalLeftTwoTone = _interopRequireDefault(require('./AlignHorizontalLeftTwoTone'));
-var _AlignHorizontalRight = _interopRequireDefault(require('./AlignHorizontalRight'));
-var _AlignHorizontalRightOutlined = _interopRequireDefault(
-  require('./AlignHorizontalRightOutlined'),
-);
-var _AlignHorizontalRightRounded = _interopRequireDefault(require('./AlignHorizontalRightRounded'));
-var _AlignHorizontalRightSharp = _interopRequireDefault(require('./AlignHorizontalRightSharp'));
-var _AlignHorizontalRightTwoTone = _interopRequireDefault(require('./AlignHorizontalRightTwoTone'));
-var _AlignVerticalBottom = _interopRequireDefault(require('./AlignVerticalBottom'));
-var _AlignVerticalBottomOutlined = _interopRequireDefault(require('./AlignVerticalBottomOutlined'));
-var _AlignVerticalBottomRounded = _interopRequireDefault(require('./AlignVerticalBottomRounded'));
-var _AlignVerticalBottomSharp = _interopRequireDefault(require('./AlignVerticalBottomSharp'));
-var _AlignVerticalBottomTwoTone = _interopRequireDefault(require('./AlignVerticalBottomTwoTone'));
-var _AlignVerticalCenter = _interopRequireDefault(require('./AlignVerticalCenter'));
-var _AlignVerticalCenterOutlined = _interopRequireDefault(require('./AlignVerticalCenterOutlined'));
-var _AlignVerticalCenterRounded = _interopRequireDefault(require('./AlignVerticalCenterRounded'));
-var _AlignVerticalCenterSharp = _interopRequireDefault(require('./AlignVerticalCenterSharp'));
-var _AlignVerticalCenterTwoTone = _interopRequireDefault(require('./AlignVerticalCenterTwoTone'));
-var _AlignVerticalTop = _interopRequireDefault(require('./AlignVerticalTop'));
-var _AlignVerticalTopOutlined = _interopRequireDefault(require('./AlignVerticalTopOutlined'));
-var _AlignVerticalTopRounded = _interopRequireDefault(require('./AlignVerticalTopRounded'));
-var _AlignVerticalTopSharp = _interopRequireDefault(require('./AlignVerticalTopSharp'));
-var _AlignVerticalTopTwoTone = _interopRequireDefault(require('./AlignVerticalTopTwoTone'));
-var _AllInbox = _interopRequireDefault(require('./AllInbox'));
-var _AllInboxOutlined = _interopRequireDefault(require('./AllInboxOutlined'));
-var _AllInboxRounded = _interopRequireDefault(require('./AllInboxRounded'));
-var _AllInboxSharp = _interopRequireDefault(require('./AllInboxSharp'));
-var _AllInboxTwoTone = _interopRequireDefault(require('./AllInboxTwoTone'));
-var _AllInclusive = _interopRequireDefault(require('./AllInclusive'));
-var _AllInclusiveOutlined = _interopRequireDefault(require('./AllInclusiveOutlined'));
-var _AllInclusiveRounded = _interopRequireDefault(require('./AllInclusiveRounded'));
-var _AllInclusiveSharp = _interopRequireDefault(require('./AllInclusiveSharp'));
-var _AllInclusiveTwoTone = _interopRequireDefault(require('./AllInclusiveTwoTone'));
-var _AllOut = _interopRequireDefault(require('./AllOut'));
-var _AllOutOutlined = _interopRequireDefault(require('./AllOutOutlined'));
-var _AllOutRounded = _interopRequireDefault(require('./AllOutRounded'));
-var _AllOutSharp = _interopRequireDefault(require('./AllOutSharp'));
-var _AllOutTwoTone = _interopRequireDefault(require('./AllOutTwoTone'));
-var _AltRoute = _interopRequireDefault(require('./AltRoute'));
-var _AltRouteOutlined = _interopRequireDefault(require('./AltRouteOutlined'));
-var _AltRouteRounded = _interopRequireDefault(require('./AltRouteRounded'));
-var _AltRouteSharp = _interopRequireDefault(require('./AltRouteSharp'));
-var _AltRouteTwoTone = _interopRequireDefault(require('./AltRouteTwoTone'));
-var _AlternateEmail = _interopRequireDefault(require('./AlternateEmail'));
-var _AlternateEmailOutlined = _interopRequireDefault(require('./AlternateEmailOutlined'));
-var _AlternateEmailRounded = _interopRequireDefault(require('./AlternateEmailRounded'));
-var _AlternateEmailSharp = _interopRequireDefault(require('./AlternateEmailSharp'));
-var _AlternateEmailTwoTone = _interopRequireDefault(require('./AlternateEmailTwoTone'));
-var _Analytics = _interopRequireDefault(require('./Analytics'));
-var _AnalyticsOutlined = _interopRequireDefault(require('./AnalyticsOutlined'));
-var _AnalyticsRounded = _interopRequireDefault(require('./AnalyticsRounded'));
-var _AnalyticsSharp = _interopRequireDefault(require('./AnalyticsSharp'));
-var _AnalyticsTwoTone = _interopRequireDefault(require('./AnalyticsTwoTone'));
-var _Anchor = _interopRequireDefault(require('./Anchor'));
-var _AnchorOutlined = _interopRequireDefault(require('./AnchorOutlined'));
-var _AnchorRounded = _interopRequireDefault(require('./AnchorRounded'));
-var _AnchorSharp = _interopRequireDefault(require('./AnchorSharp'));
-var _AnchorTwoTone = _interopRequireDefault(require('./AnchorTwoTone'));
-var _Android = _interopRequireDefault(require('./Android'));
-var _AndroidOutlined = _interopRequireDefault(require('./AndroidOutlined'));
-var _AndroidRounded = _interopRequireDefault(require('./AndroidRounded'));
-var _AndroidSharp = _interopRequireDefault(require('./AndroidSharp'));
-var _AndroidTwoTone = _interopRequireDefault(require('./AndroidTwoTone'));
-var _Animation = _interopRequireDefault(require('./Animation'));
-var _AnimationOutlined = _interopRequireDefault(require('./AnimationOutlined'));
-var _AnimationRounded = _interopRequireDefault(require('./AnimationRounded'));
-var _AnimationSharp = _interopRequireDefault(require('./AnimationSharp'));
-var _AnimationTwoTone = _interopRequireDefault(require('./AnimationTwoTone'));
-var _Announcement = _interopRequireDefault(require('./Announcement'));
-var _AnnouncementOutlined = _interopRequireDefault(require('./AnnouncementOutlined'));
-var _AnnouncementRounded = _interopRequireDefault(require('./AnnouncementRounded'));
-var _AnnouncementSharp = _interopRequireDefault(require('./AnnouncementSharp'));
-var _AnnouncementTwoTone = _interopRequireDefault(require('./AnnouncementTwoTone'));
-var _Aod = _interopRequireDefault(require('./Aod'));
-var _AodOutlined = _interopRequireDefault(require('./AodOutlined'));
-var _AodRounded = _interopRequireDefault(require('./AodRounded'));
-var _AodSharp = _interopRequireDefault(require('./AodSharp'));
-var _AodTwoTone = _interopRequireDefault(require('./AodTwoTone'));
-var _Apartment = _interopRequireDefault(require('./Apartment'));
-var _ApartmentOutlined = _interopRequireDefault(require('./ApartmentOutlined'));
-var _ApartmentRounded = _interopRequireDefault(require('./ApartmentRounded'));
-var _ApartmentSharp = _interopRequireDefault(require('./ApartmentSharp'));
-var _ApartmentTwoTone = _interopRequireDefault(require('./ApartmentTwoTone'));
-var _Api = _interopRequireDefault(require('./Api'));
-var _ApiOutlined = _interopRequireDefault(require('./ApiOutlined'));
-var _ApiRounded = _interopRequireDefault(require('./ApiRounded'));
-var _ApiSharp = _interopRequireDefault(require('./ApiSharp'));
-var _ApiTwoTone = _interopRequireDefault(require('./ApiTwoTone'));
-var _AppBlocking = _interopRequireDefault(require('./AppBlocking'));
-var _AppBlockingOutlined = _interopRequireDefault(require('./AppBlockingOutlined'));
-var _AppBlockingRounded = _interopRequireDefault(require('./AppBlockingRounded'));
-var _AppBlockingSharp = _interopRequireDefault(require('./AppBlockingSharp'));
-var _AppBlockingTwoTone = _interopRequireDefault(require('./AppBlockingTwoTone'));
-var _AppRegistration = _interopRequireDefault(require('./AppRegistration'));
-var _AppRegistrationOutlined = _interopRequireDefault(require('./AppRegistrationOutlined'));
-var _AppRegistrationRounded = _interopRequireDefault(require('./AppRegistrationRounded'));
-var _AppRegistrationSharp = _interopRequireDefault(require('./AppRegistrationSharp'));
-var _AppRegistrationTwoTone = _interopRequireDefault(require('./AppRegistrationTwoTone'));
-var _AppSettingsAlt = _interopRequireDefault(require('./AppSettingsAlt'));
-var _AppSettingsAltOutlined = _interopRequireDefault(require('./AppSettingsAltOutlined'));
-var _AppSettingsAltRounded = _interopRequireDefault(require('./AppSettingsAltRounded'));
-var _AppSettingsAltSharp = _interopRequireDefault(require('./AppSettingsAltSharp'));
-var _AppSettingsAltTwoTone = _interopRequireDefault(require('./AppSettingsAltTwoTone'));
-var _AppShortcut = _interopRequireDefault(require('./AppShortcut'));
-var _AppShortcutOutlined = _interopRequireDefault(require('./AppShortcutOutlined'));
-var _AppShortcutRounded = _interopRequireDefault(require('./AppShortcutRounded'));
-var _AppShortcutSharp = _interopRequireDefault(require('./AppShortcutSharp'));
-var _AppShortcutTwoTone = _interopRequireDefault(require('./AppShortcutTwoTone'));
-var _Apple = _interopRequireDefault(require('./Apple'));
-var _Approval = _interopRequireDefault(require('./Approval'));
-var _ApprovalOutlined = _interopRequireDefault(require('./ApprovalOutlined'));
-var _ApprovalRounded = _interopRequireDefault(require('./ApprovalRounded'));
-var _ApprovalSharp = _interopRequireDefault(require('./ApprovalSharp'));
-var _ApprovalTwoTone = _interopRequireDefault(require('./ApprovalTwoTone'));
-var _Apps = _interopRequireDefault(require('./Apps'));
-var _AppsOutage = _interopRequireDefault(require('./AppsOutage'));
-var _AppsOutageOutlined = _interopRequireDefault(require('./AppsOutageOutlined'));
-var _AppsOutageRounded = _interopRequireDefault(require('./AppsOutageRounded'));
-var _AppsOutageSharp = _interopRequireDefault(require('./AppsOutageSharp'));
-var _AppsOutageTwoTone = _interopRequireDefault(require('./AppsOutageTwoTone'));
-var _AppsOutlined = _interopRequireDefault(require('./AppsOutlined'));
-var _AppsRounded = _interopRequireDefault(require('./AppsRounded'));
-var _AppsSharp = _interopRequireDefault(require('./AppsSharp'));
-var _AppsTwoTone = _interopRequireDefault(require('./AppsTwoTone'));
-var _Architecture = _interopRequireDefault(require('./Architecture'));
-var _ArchitectureOutlined = _interopRequireDefault(require('./ArchitectureOutlined'));
-var _ArchitectureRounded = _interopRequireDefault(require('./ArchitectureRounded'));
-var _ArchitectureSharp = _interopRequireDefault(require('./ArchitectureSharp'));
-var _ArchitectureTwoTone = _interopRequireDefault(require('./ArchitectureTwoTone'));
-var _Archive = _interopRequireDefault(require('./Archive'));
-var _ArchiveOutlined = _interopRequireDefault(require('./ArchiveOutlined'));
-var _ArchiveRounded = _interopRequireDefault(require('./ArchiveRounded'));
-var _ArchiveSharp = _interopRequireDefault(require('./ArchiveSharp'));
-var _ArchiveTwoTone = _interopRequireDefault(require('./ArchiveTwoTone'));
-var _ArrowBack = _interopRequireDefault(require('./ArrowBack'));
-var _ArrowBackIos = _interopRequireDefault(require('./ArrowBackIos'));
-var _ArrowBackIosNew = _interopRequireDefault(require('./ArrowBackIosNew'));
-var _ArrowBackIosNewOutlined = _interopRequireDefault(require('./ArrowBackIosNewOutlined'));
-var _ArrowBackIosNewRounded = _interopRequireDefault(require('./ArrowBackIosNewRounded'));
-var _ArrowBackIosNewSharp = _interopRequireDefault(require('./ArrowBackIosNewSharp'));
-var _ArrowBackIosNewTwoTone = _interopRequireDefault(require('./ArrowBackIosNewTwoTone'));
-var _ArrowBackIosOutlined = _interopRequireDefault(require('./ArrowBackIosOutlined'));
-var _ArrowBackIosRounded = _interopRequireDefault(require('./ArrowBackIosRounded'));
-var _ArrowBackIosSharp = _interopRequireDefault(require('./ArrowBackIosSharp'));
-var _ArrowBackIosTwoTone = _interopRequireDefault(require('./ArrowBackIosTwoTone'));
-var _ArrowBackOutlined = _interopRequireDefault(require('./ArrowBackOutlined'));
-var _ArrowBackRounded = _interopRequireDefault(require('./ArrowBackRounded'));
-var _ArrowBackSharp = _interopRequireDefault(require('./ArrowBackSharp'));
-var _ArrowBackTwoTone = _interopRequireDefault(require('./ArrowBackTwoTone'));
-var _ArrowCircleDown = _interopRequireDefault(require('./ArrowCircleDown'));
-var _ArrowCircleDownOutlined = _interopRequireDefault(require('./ArrowCircleDownOutlined'));
-var _ArrowCircleDownRounded = _interopRequireDefault(require('./ArrowCircleDownRounded'));
-var _ArrowCircleDownSharp = _interopRequireDefault(require('./ArrowCircleDownSharp'));
-var _ArrowCircleDownTwoTone = _interopRequireDefault(require('./ArrowCircleDownTwoTone'));
-var _ArrowCircleLeft = _interopRequireDefault(require('./ArrowCircleLeft'));
-var _ArrowCircleLeftOutlined = _interopRequireDefault(require('./ArrowCircleLeftOutlined'));
-var _ArrowCircleLeftRounded = _interopRequireDefault(require('./ArrowCircleLeftRounded'));
-var _ArrowCircleLeftSharp = _interopRequireDefault(require('./ArrowCircleLeftSharp'));
-var _ArrowCircleLeftTwoTone = _interopRequireDefault(require('./ArrowCircleLeftTwoTone'));
-var _ArrowCircleRight = _interopRequireDefault(require('./ArrowCircleRight'));
-var _ArrowCircleRightOutlined = _interopRequireDefault(require('./ArrowCircleRightOutlined'));
-var _ArrowCircleRightRounded = _interopRequireDefault(require('./ArrowCircleRightRounded'));
-var _ArrowCircleRightSharp = _interopRequireDefault(require('./ArrowCircleRightSharp'));
-var _ArrowCircleRightTwoTone = _interopRequireDefault(require('./ArrowCircleRightTwoTone'));
-var _ArrowCircleUp = _interopRequireDefault(require('./ArrowCircleUp'));
-var _ArrowCircleUpOutlined = _interopRequireDefault(require('./ArrowCircleUpOutlined'));
-var _ArrowCircleUpRounded = _interopRequireDefault(require('./ArrowCircleUpRounded'));
-var _ArrowCircleUpSharp = _interopRequireDefault(require('./ArrowCircleUpSharp'));
-var _ArrowCircleUpTwoTone = _interopRequireDefault(require('./ArrowCircleUpTwoTone'));
-var _ArrowDownward = _interopRequireDefault(require('./ArrowDownward'));
-var _ArrowDownwardOutlined = _interopRequireDefault(require('./ArrowDownwardOutlined'));
-var _ArrowDownwardRounded = _interopRequireDefault(require('./ArrowDownwardRounded'));
-var _ArrowDownwardSharp = _interopRequireDefault(require('./ArrowDownwardSharp'));
-var _ArrowDownwardTwoTone = _interopRequireDefault(require('./ArrowDownwardTwoTone'));
-var _ArrowDropDown = _interopRequireDefault(require('./ArrowDropDown'));
-var _ArrowDropDownCircle = _interopRequireDefault(require('./ArrowDropDownCircle'));
-var _ArrowDropDownCircleOutlined = _interopRequireDefault(require('./ArrowDropDownCircleOutlined'));
-var _ArrowDropDownCircleRounded = _interopRequireDefault(require('./ArrowDropDownCircleRounded'));
-var _ArrowDropDownCircleSharp = _interopRequireDefault(require('./ArrowDropDownCircleSharp'));
-var _ArrowDropDownCircleTwoTone = _interopRequireDefault(require('./ArrowDropDownCircleTwoTone'));
-var _ArrowDropDownOutlined = _interopRequireDefault(require('./ArrowDropDownOutlined'));
-var _ArrowDropDownRounded = _interopRequireDefault(require('./ArrowDropDownRounded'));
-var _ArrowDropDownSharp = _interopRequireDefault(require('./ArrowDropDownSharp'));
-var _ArrowDropDownTwoTone = _interopRequireDefault(require('./ArrowDropDownTwoTone'));
-var _ArrowDropUp = _interopRequireDefault(require('./ArrowDropUp'));
-var _ArrowDropUpOutlined = _interopRequireDefault(require('./ArrowDropUpOutlined'));
-var _ArrowDropUpRounded = _interopRequireDefault(require('./ArrowDropUpRounded'));
-var _ArrowDropUpSharp = _interopRequireDefault(require('./ArrowDropUpSharp'));
-var _ArrowDropUpTwoTone = _interopRequireDefault(require('./ArrowDropUpTwoTone'));
-var _ArrowForward = _interopRequireDefault(require('./ArrowForward'));
-var _ArrowForwardIos = _interopRequireDefault(require('./ArrowForwardIos'));
-var _ArrowForwardIosOutlined = _interopRequireDefault(require('./ArrowForwardIosOutlined'));
-var _ArrowForwardIosRounded = _interopRequireDefault(require('./ArrowForwardIosRounded'));
-var _ArrowForwardIosSharp = _interopRequireDefault(require('./ArrowForwardIosSharp'));
-var _ArrowForwardIosTwoTone = _interopRequireDefault(require('./ArrowForwardIosTwoTone'));
-var _ArrowForwardOutlined = _interopRequireDefault(require('./ArrowForwardOutlined'));
-var _ArrowForwardRounded = _interopRequireDefault(require('./ArrowForwardRounded'));
-var _ArrowForwardSharp = _interopRequireDefault(require('./ArrowForwardSharp'));
-var _ArrowForwardTwoTone = _interopRequireDefault(require('./ArrowForwardTwoTone'));
-var _ArrowLeft = _interopRequireDefault(require('./ArrowLeft'));
-var _ArrowLeftOutlined = _interopRequireDefault(require('./ArrowLeftOutlined'));
-var _ArrowLeftRounded = _interopRequireDefault(require('./ArrowLeftRounded'));
-var _ArrowLeftSharp = _interopRequireDefault(require('./ArrowLeftSharp'));
-var _ArrowLeftTwoTone = _interopRequireDefault(require('./ArrowLeftTwoTone'));
-var _ArrowOutward = _interopRequireDefault(require('./ArrowOutward'));
-var _ArrowOutwardOutlined = _interopRequireDefault(require('./ArrowOutwardOutlined'));
-var _ArrowOutwardRounded = _interopRequireDefault(require('./ArrowOutwardRounded'));
-var _ArrowOutwardSharp = _interopRequireDefault(require('./ArrowOutwardSharp'));
-var _ArrowOutwardTwoTone = _interopRequireDefault(require('./ArrowOutwardTwoTone'));
-var _ArrowRight = _interopRequireDefault(require('./ArrowRight'));
-var _ArrowRightAlt = _interopRequireDefault(require('./ArrowRightAlt'));
-var _ArrowRightAltOutlined = _interopRequireDefault(require('./ArrowRightAltOutlined'));
-var _ArrowRightAltRounded = _interopRequireDefault(require('./ArrowRightAltRounded'));
-var _ArrowRightAltSharp = _interopRequireDefault(require('./ArrowRightAltSharp'));
-var _ArrowRightAltTwoTone = _interopRequireDefault(require('./ArrowRightAltTwoTone'));
-var _ArrowRightOutlined = _interopRequireDefault(require('./ArrowRightOutlined'));
-var _ArrowRightRounded = _interopRequireDefault(require('./ArrowRightRounded'));
-var _ArrowRightSharp = _interopRequireDefault(require('./ArrowRightSharp'));
-var _ArrowRightTwoTone = _interopRequireDefault(require('./ArrowRightTwoTone'));
-var _ArrowUpward = _interopRequireDefault(require('./ArrowUpward'));
-var _ArrowUpwardOutlined = _interopRequireDefault(require('./ArrowUpwardOutlined'));
-var _ArrowUpwardRounded = _interopRequireDefault(require('./ArrowUpwardRounded'));
-var _ArrowUpwardSharp = _interopRequireDefault(require('./ArrowUpwardSharp'));
-var _ArrowUpwardTwoTone = _interopRequireDefault(require('./ArrowUpwardTwoTone'));
-var _ArtTrack = _interopRequireDefault(require('./ArtTrack'));
-var _ArtTrackOutlined = _interopRequireDefault(require('./ArtTrackOutlined'));
-var _ArtTrackRounded = _interopRequireDefault(require('./ArtTrackRounded'));
-var _ArtTrackSharp = _interopRequireDefault(require('./ArtTrackSharp'));
-var _ArtTrackTwoTone = _interopRequireDefault(require('./ArtTrackTwoTone'));
-var _Article = _interopRequireDefault(require('./Article'));
-var _ArticleOutlined = _interopRequireDefault(require('./ArticleOutlined'));
-var _ArticleRounded = _interopRequireDefault(require('./ArticleRounded'));
-var _ArticleSharp = _interopRequireDefault(require('./ArticleSharp'));
-var _ArticleTwoTone = _interopRequireDefault(require('./ArticleTwoTone'));
-var _AspectRatio = _interopRequireDefault(require('./AspectRatio'));
-var _AspectRatioOutlined = _interopRequireDefault(require('./AspectRatioOutlined'));
-var _AspectRatioRounded = _interopRequireDefault(require('./AspectRatioRounded'));
-var _AspectRatioSharp = _interopRequireDefault(require('./AspectRatioSharp'));
-var _AspectRatioTwoTone = _interopRequireDefault(require('./AspectRatioTwoTone'));
-var _Assessment = _interopRequireDefault(require('./Assessment'));
-var _AssessmentOutlined = _interopRequireDefault(require('./AssessmentOutlined'));
-var _AssessmentRounded = _interopRequireDefault(require('./AssessmentRounded'));
-var _AssessmentSharp = _interopRequireDefault(require('./AssessmentSharp'));
-var _AssessmentTwoTone = _interopRequireDefault(require('./AssessmentTwoTone'));
-var _Assignment = _interopRequireDefault(require('./Assignment'));
-var _AssignmentInd = _interopRequireDefault(require('./AssignmentInd'));
-var _AssignmentIndOutlined = _interopRequireDefault(require('./AssignmentIndOutlined'));
-var _AssignmentIndRounded = _interopRequireDefault(require('./AssignmentIndRounded'));
-var _AssignmentIndSharp = _interopRequireDefault(require('./AssignmentIndSharp'));
-var _AssignmentIndTwoTone = _interopRequireDefault(require('./AssignmentIndTwoTone'));
-var _AssignmentLate = _interopRequireDefault(require('./AssignmentLate'));
-var _AssignmentLateOutlined = _interopRequireDefault(require('./AssignmentLateOutlined'));
-var _AssignmentLateRounded = _interopRequireDefault(require('./AssignmentLateRounded'));
-var _AssignmentLateSharp = _interopRequireDefault(require('./AssignmentLateSharp'));
-var _AssignmentLateTwoTone = _interopRequireDefault(require('./AssignmentLateTwoTone'));
-var _AssignmentOutlined = _interopRequireDefault(require('./AssignmentOutlined'));
-var _AssignmentReturn = _interopRequireDefault(require('./AssignmentReturn'));
-var _AssignmentReturnOutlined = _interopRequireDefault(require('./AssignmentReturnOutlined'));
-var _AssignmentReturnRounded = _interopRequireDefault(require('./AssignmentReturnRounded'));
-var _AssignmentReturnSharp = _interopRequireDefault(require('./AssignmentReturnSharp'));
-var _AssignmentReturnTwoTone = _interopRequireDefault(require('./AssignmentReturnTwoTone'));
-var _AssignmentReturned = _interopRequireDefault(require('./AssignmentReturned'));
-var _AssignmentReturnedOutlined = _interopRequireDefault(require('./AssignmentReturnedOutlined'));
-var _AssignmentReturnedRounded = _interopRequireDefault(require('./AssignmentReturnedRounded'));
-var _AssignmentReturnedSharp = _interopRequireDefault(require('./AssignmentReturnedSharp'));
-var _AssignmentReturnedTwoTone = _interopRequireDefault(require('./AssignmentReturnedTwoTone'));
-var _AssignmentRounded = _interopRequireDefault(require('./AssignmentRounded'));
-var _AssignmentSharp = _interopRequireDefault(require('./AssignmentSharp'));
-var _AssignmentTurnedIn = _interopRequireDefault(require('./AssignmentTurnedIn'));
-var _AssignmentTurnedInOutlined = _interopRequireDefault(require('./AssignmentTurnedInOutlined'));
-var _AssignmentTurnedInRounded = _interopRequireDefault(require('./AssignmentTurnedInRounded'));
-var _AssignmentTurnedInSharp = _interopRequireDefault(require('./AssignmentTurnedInSharp'));
-var _AssignmentTurnedInTwoTone = _interopRequireDefault(require('./AssignmentTurnedInTwoTone'));
-var _AssignmentTwoTone = _interopRequireDefault(require('./AssignmentTwoTone'));
-var _AssistWalker = _interopRequireDefault(require('./AssistWalker'));
-var _AssistWalkerOutlined = _interopRequireDefault(require('./AssistWalkerOutlined'));
-var _AssistWalkerRounded = _interopRequireDefault(require('./AssistWalkerRounded'));
-var _AssistWalkerSharp = _interopRequireDefault(require('./AssistWalkerSharp'));
-var _AssistWalkerTwoTone = _interopRequireDefault(require('./AssistWalkerTwoTone'));
-var _Assistant = _interopRequireDefault(require('./Assistant'));
-var _AssistantDirection = _interopRequireDefault(require('./AssistantDirection'));
-var _AssistantDirectionOutlined = _interopRequireDefault(require('./AssistantDirectionOutlined'));
-var _AssistantDirectionRounded = _interopRequireDefault(require('./AssistantDirectionRounded'));
-var _AssistantDirectionSharp = _interopRequireDefault(require('./AssistantDirectionSharp'));
-var _AssistantDirectionTwoTone = _interopRequireDefault(require('./AssistantDirectionTwoTone'));
-var _AssistantOutlined = _interopRequireDefault(require('./AssistantOutlined'));
-var _AssistantPhoto = _interopRequireDefault(require('./AssistantPhoto'));
-var _AssistantPhotoOutlined = _interopRequireDefault(require('./AssistantPhotoOutlined'));
-var _AssistantPhotoRounded = _interopRequireDefault(require('./AssistantPhotoRounded'));
-var _AssistantPhotoSharp = _interopRequireDefault(require('./AssistantPhotoSharp'));
-var _AssistantPhotoTwoTone = _interopRequireDefault(require('./AssistantPhotoTwoTone'));
-var _AssistantRounded = _interopRequireDefault(require('./AssistantRounded'));
-var _AssistantSharp = _interopRequireDefault(require('./AssistantSharp'));
-var _AssistantTwoTone = _interopRequireDefault(require('./AssistantTwoTone'));
-var _AssuredWorkload = _interopRequireDefault(require('./AssuredWorkload'));
-var _AssuredWorkloadOutlined = _interopRequireDefault(require('./AssuredWorkloadOutlined'));
-var _AssuredWorkloadRounded = _interopRequireDefault(require('./AssuredWorkloadRounded'));
-var _AssuredWorkloadSharp = _interopRequireDefault(require('./AssuredWorkloadSharp'));
-var _AssuredWorkloadTwoTone = _interopRequireDefault(require('./AssuredWorkloadTwoTone'));
-var _Atm = _interopRequireDefault(require('./Atm'));
-var _AtmOutlined = _interopRequireDefault(require('./AtmOutlined'));
-var _AtmRounded = _interopRequireDefault(require('./AtmRounded'));
-var _AtmSharp = _interopRequireDefault(require('./AtmSharp'));
-var _AtmTwoTone = _interopRequireDefault(require('./AtmTwoTone'));
-var _AttachEmail = _interopRequireDefault(require('./AttachEmail'));
-var _AttachEmailOutlined = _interopRequireDefault(require('./AttachEmailOutlined'));
-var _AttachEmailRounded = _interopRequireDefault(require('./AttachEmailRounded'));
-var _AttachEmailSharp = _interopRequireDefault(require('./AttachEmailSharp'));
-var _AttachEmailTwoTone = _interopRequireDefault(require('./AttachEmailTwoTone'));
-var _AttachFile = _interopRequireDefault(require('./AttachFile'));
-var _AttachFileOutlined = _interopRequireDefault(require('./AttachFileOutlined'));
-var _AttachFileRounded = _interopRequireDefault(require('./AttachFileRounded'));
-var _AttachFileSharp = _interopRequireDefault(require('./AttachFileSharp'));
-var _AttachFileTwoTone = _interopRequireDefault(require('./AttachFileTwoTone'));
-var _AttachMoney = _interopRequireDefault(require('./AttachMoney'));
-var _AttachMoneyOutlined = _interopRequireDefault(require('./AttachMoneyOutlined'));
-var _AttachMoneyRounded = _interopRequireDefault(require('./AttachMoneyRounded'));
-var _AttachMoneySharp = _interopRequireDefault(require('./AttachMoneySharp'));
-var _AttachMoneyTwoTone = _interopRequireDefault(require('./AttachMoneyTwoTone'));
-var _Attachment = _interopRequireDefault(require('./Attachment'));
-var _AttachmentOutlined = _interopRequireDefault(require('./AttachmentOutlined'));
-var _AttachmentRounded = _interopRequireDefault(require('./AttachmentRounded'));
-var _AttachmentSharp = _interopRequireDefault(require('./AttachmentSharp'));
-var _AttachmentTwoTone = _interopRequireDefault(require('./AttachmentTwoTone'));
-var _Attractions = _interopRequireDefault(require('./Attractions'));
-var _AttractionsOutlined = _interopRequireDefault(require('./AttractionsOutlined'));
-var _AttractionsRounded = _interopRequireDefault(require('./AttractionsRounded'));
-var _AttractionsSharp = _interopRequireDefault(require('./AttractionsSharp'));
-var _AttractionsTwoTone = _interopRequireDefault(require('./AttractionsTwoTone'));
-var _Attribution = _interopRequireDefault(require('./Attribution'));
-var _AttributionOutlined = _interopRequireDefault(require('./AttributionOutlined'));
-var _AttributionRounded = _interopRequireDefault(require('./AttributionRounded'));
-var _AttributionSharp = _interopRequireDefault(require('./AttributionSharp'));
-var _AttributionTwoTone = _interopRequireDefault(require('./AttributionTwoTone'));
-var _AudioFile = _interopRequireDefault(require('./AudioFile'));
-var _AudioFileOutlined = _interopRequireDefault(require('./AudioFileOutlined'));
-var _AudioFileRounded = _interopRequireDefault(require('./AudioFileRounded'));
-var _AudioFileSharp = _interopRequireDefault(require('./AudioFileSharp'));
-var _AudioFileTwoTone = _interopRequireDefault(require('./AudioFileTwoTone'));
-var _Audiotrack = _interopRequireDefault(require('./Audiotrack'));
-var _AudiotrackOutlined = _interopRequireDefault(require('./AudiotrackOutlined'));
-var _AudiotrackRounded = _interopRequireDefault(require('./AudiotrackRounded'));
-var _AudiotrackSharp = _interopRequireDefault(require('./AudiotrackSharp'));
-var _AudiotrackTwoTone = _interopRequireDefault(require('./AudiotrackTwoTone'));
-var _AutoAwesome = _interopRequireDefault(require('./AutoAwesome'));
-var _AutoAwesomeMosaic = _interopRequireDefault(require('./AutoAwesomeMosaic'));
-var _AutoAwesomeMosaicOutlined = _interopRequireDefault(require('./AutoAwesomeMosaicOutlined'));
-var _AutoAwesomeMosaicRounded = _interopRequireDefault(require('./AutoAwesomeMosaicRounded'));
-var _AutoAwesomeMosaicSharp = _interopRequireDefault(require('./AutoAwesomeMosaicSharp'));
-var _AutoAwesomeMosaicTwoTone = _interopRequireDefault(require('./AutoAwesomeMosaicTwoTone'));
-var _AutoAwesomeMotion = _interopRequireDefault(require('./AutoAwesomeMotion'));
-var _AutoAwesomeMotionOutlined = _interopRequireDefault(require('./AutoAwesomeMotionOutlined'));
-var _AutoAwesomeMotionRounded = _interopRequireDefault(require('./AutoAwesomeMotionRounded'));
-var _AutoAwesomeMotionSharp = _interopRequireDefault(require('./AutoAwesomeMotionSharp'));
-var _AutoAwesomeMotionTwoTone = _interopRequireDefault(require('./AutoAwesomeMotionTwoTone'));
-var _AutoAwesomeOutlined = _interopRequireDefault(require('./AutoAwesomeOutlined'));
-var _AutoAwesomeRounded = _interopRequireDefault(require('./AutoAwesomeRounded'));
-var _AutoAwesomeSharp = _interopRequireDefault(require('./AutoAwesomeSharp'));
-var _AutoAwesomeTwoTone = _interopRequireDefault(require('./AutoAwesomeTwoTone'));
-var _AutoDelete = _interopRequireDefault(require('./AutoDelete'));
-var _AutoDeleteOutlined = _interopRequireDefault(require('./AutoDeleteOutlined'));
-var _AutoDeleteRounded = _interopRequireDefault(require('./AutoDeleteRounded'));
-var _AutoDeleteSharp = _interopRequireDefault(require('./AutoDeleteSharp'));
-var _AutoDeleteTwoTone = _interopRequireDefault(require('./AutoDeleteTwoTone'));
-var _AutoFixHigh = _interopRequireDefault(require('./AutoFixHigh'));
-var _AutoFixHighOutlined = _interopRequireDefault(require('./AutoFixHighOutlined'));
-var _AutoFixHighRounded = _interopRequireDefault(require('./AutoFixHighRounded'));
-var _AutoFixHighSharp = _interopRequireDefault(require('./AutoFixHighSharp'));
-var _AutoFixHighTwoTone = _interopRequireDefault(require('./AutoFixHighTwoTone'));
-var _AutoFixNormal = _interopRequireDefault(require('./AutoFixNormal'));
-var _AutoFixNormalOutlined = _interopRequireDefault(require('./AutoFixNormalOutlined'));
-var _AutoFixNormalRounded = _interopRequireDefault(require('./AutoFixNormalRounded'));
-var _AutoFixNormalSharp = _interopRequireDefault(require('./AutoFixNormalSharp'));
-var _AutoFixNormalTwoTone = _interopRequireDefault(require('./AutoFixNormalTwoTone'));
-var _AutoFixOff = _interopRequireDefault(require('./AutoFixOff'));
-var _AutoFixOffOutlined = _interopRequireDefault(require('./AutoFixOffOutlined'));
-var _AutoFixOffRounded = _interopRequireDefault(require('./AutoFixOffRounded'));
-var _AutoFixOffSharp = _interopRequireDefault(require('./AutoFixOffSharp'));
-var _AutoFixOffTwoTone = _interopRequireDefault(require('./AutoFixOffTwoTone'));
-var _AutoGraph = _interopRequireDefault(require('./AutoGraph'));
-var _AutoGraphOutlined = _interopRequireDefault(require('./AutoGraphOutlined'));
-var _AutoGraphRounded = _interopRequireDefault(require('./AutoGraphRounded'));
-var _AutoGraphSharp = _interopRequireDefault(require('./AutoGraphSharp'));
-var _AutoGraphTwoTone = _interopRequireDefault(require('./AutoGraphTwoTone'));
-var _AutoMode = _interopRequireDefault(require('./AutoMode'));
-var _AutoModeOutlined = _interopRequireDefault(require('./AutoModeOutlined'));
-var _AutoModeRounded = _interopRequireDefault(require('./AutoModeRounded'));
-var _AutoModeSharp = _interopRequireDefault(require('./AutoModeSharp'));
-var _AutoModeTwoTone = _interopRequireDefault(require('./AutoModeTwoTone'));
-var _AutoStories = _interopRequireDefault(require('./AutoStories'));
-var _AutoStoriesOutlined = _interopRequireDefault(require('./AutoStoriesOutlined'));
-var _AutoStoriesRounded = _interopRequireDefault(require('./AutoStoriesRounded'));
-var _AutoStoriesSharp = _interopRequireDefault(require('./AutoStoriesSharp'));
-var _AutoStoriesTwoTone = _interopRequireDefault(require('./AutoStoriesTwoTone'));
-var _AutofpsSelect = _interopRequireDefault(require('./AutofpsSelect'));
-var _AutofpsSelectOutlined = _interopRequireDefault(require('./AutofpsSelectOutlined'));
-var _AutofpsSelectRounded = _interopRequireDefault(require('./AutofpsSelectRounded'));
-var _AutofpsSelectSharp = _interopRequireDefault(require('./AutofpsSelectSharp'));
-var _AutofpsSelectTwoTone = _interopRequireDefault(require('./AutofpsSelectTwoTone'));
-var _Autorenew = _interopRequireDefault(require('./Autorenew'));
-var _AutorenewOutlined = _interopRequireDefault(require('./AutorenewOutlined'));
-var _AutorenewRounded = _interopRequireDefault(require('./AutorenewRounded'));
-var _AutorenewSharp = _interopRequireDefault(require('./AutorenewSharp'));
-var _AutorenewTwoTone = _interopRequireDefault(require('./AutorenewTwoTone'));
-var _AvTimer = _interopRequireDefault(require('./AvTimer'));
-var _AvTimerOutlined = _interopRequireDefault(require('./AvTimerOutlined'));
-var _AvTimerRounded = _interopRequireDefault(require('./AvTimerRounded'));
-var _AvTimerSharp = _interopRequireDefault(require('./AvTimerSharp'));
-var _AvTimerTwoTone = _interopRequireDefault(require('./AvTimerTwoTone'));
-var _BabyChangingStation = _interopRequireDefault(require('./BabyChangingStation'));
-var _BabyChangingStationOutlined = _interopRequireDefault(require('./BabyChangingStationOutlined'));
-var _BabyChangingStationRounded = _interopRequireDefault(require('./BabyChangingStationRounded'));
-var _BabyChangingStationSharp = _interopRequireDefault(require('./BabyChangingStationSharp'));
-var _BabyChangingStationTwoTone = _interopRequireDefault(require('./BabyChangingStationTwoTone'));
-var _BackHand = _interopRequireDefault(require('./BackHand'));
-var _BackHandOutlined = _interopRequireDefault(require('./BackHandOutlined'));
-var _BackHandRounded = _interopRequireDefault(require('./BackHandRounded'));
-var _BackHandSharp = _interopRequireDefault(require('./BackHandSharp'));
-var _BackHandTwoTone = _interopRequireDefault(require('./BackHandTwoTone'));
-var _Backpack = _interopRequireDefault(require('./Backpack'));
-var _BackpackOutlined = _interopRequireDefault(require('./BackpackOutlined'));
-var _BackpackRounded = _interopRequireDefault(require('./BackpackRounded'));
-var _BackpackSharp = _interopRequireDefault(require('./BackpackSharp'));
-var _BackpackTwoTone = _interopRequireDefault(require('./BackpackTwoTone'));
-var _Backspace = _interopRequireDefault(require('./Backspace'));
-var _BackspaceOutlined = _interopRequireDefault(require('./BackspaceOutlined'));
-var _BackspaceRounded = _interopRequireDefault(require('./BackspaceRounded'));
-var _BackspaceSharp = _interopRequireDefault(require('./BackspaceSharp'));
-var _BackspaceTwoTone = _interopRequireDefault(require('./BackspaceTwoTone'));
-var _Backup = _interopRequireDefault(require('./Backup'));
-var _BackupOutlined = _interopRequireDefault(require('./BackupOutlined'));
-var _BackupRounded = _interopRequireDefault(require('./BackupRounded'));
-var _BackupSharp = _interopRequireDefault(require('./BackupSharp'));
-var _BackupTable = _interopRequireDefault(require('./BackupTable'));
-var _BackupTableOutlined = _interopRequireDefault(require('./BackupTableOutlined'));
-var _BackupTableRounded = _interopRequireDefault(require('./BackupTableRounded'));
-var _BackupTableSharp = _interopRequireDefault(require('./BackupTableSharp'));
-var _BackupTableTwoTone = _interopRequireDefault(require('./BackupTableTwoTone'));
-var _BackupTwoTone = _interopRequireDefault(require('./BackupTwoTone'));
-var _Badge = _interopRequireDefault(require('./Badge'));
-var _BadgeOutlined = _interopRequireDefault(require('./BadgeOutlined'));
-var _BadgeRounded = _interopRequireDefault(require('./BadgeRounded'));
-var _BadgeSharp = _interopRequireDefault(require('./BadgeSharp'));
-var _BadgeTwoTone = _interopRequireDefault(require('./BadgeTwoTone'));
-var _BakeryDining = _interopRequireDefault(require('./BakeryDining'));
-var _BakeryDiningOutlined = _interopRequireDefault(require('./BakeryDiningOutlined'));
-var _BakeryDiningRounded = _interopRequireDefault(require('./BakeryDiningRounded'));
-var _BakeryDiningSharp = _interopRequireDefault(require('./BakeryDiningSharp'));
-var _BakeryDiningTwoTone = _interopRequireDefault(require('./BakeryDiningTwoTone'));
-var _Balance = _interopRequireDefault(require('./Balance'));
-var _BalanceOutlined = _interopRequireDefault(require('./BalanceOutlined'));
-var _BalanceRounded = _interopRequireDefault(require('./BalanceRounded'));
-var _BalanceSharp = _interopRequireDefault(require('./BalanceSharp'));
-var _BalanceTwoTone = _interopRequireDefault(require('./BalanceTwoTone'));
-var _Balcony = _interopRequireDefault(require('./Balcony'));
-var _BalconyOutlined = _interopRequireDefault(require('./BalconyOutlined'));
-var _BalconyRounded = _interopRequireDefault(require('./BalconyRounded'));
-var _BalconySharp = _interopRequireDefault(require('./BalconySharp'));
-var _BalconyTwoTone = _interopRequireDefault(require('./BalconyTwoTone'));
-var _Ballot = _interopRequireDefault(require('./Ballot'));
-var _BallotOutlined = _interopRequireDefault(require('./BallotOutlined'));
-var _BallotRounded = _interopRequireDefault(require('./BallotRounded'));
-var _BallotSharp = _interopRequireDefault(require('./BallotSharp'));
-var _BallotTwoTone = _interopRequireDefault(require('./BallotTwoTone'));
-var _BarChart = _interopRequireDefault(require('./BarChart'));
-var _BarChartOutlined = _interopRequireDefault(require('./BarChartOutlined'));
-var _BarChartRounded = _interopRequireDefault(require('./BarChartRounded'));
-var _BarChartSharp = _interopRequireDefault(require('./BarChartSharp'));
-var _BarChartTwoTone = _interopRequireDefault(require('./BarChartTwoTone'));
-var _BatchPrediction = _interopRequireDefault(require('./BatchPrediction'));
-var _BatchPredictionOutlined = _interopRequireDefault(require('./BatchPredictionOutlined'));
-var _BatchPredictionRounded = _interopRequireDefault(require('./BatchPredictionRounded'));
-var _BatchPredictionSharp = _interopRequireDefault(require('./BatchPredictionSharp'));
-var _BatchPredictionTwoTone = _interopRequireDefault(require('./BatchPredictionTwoTone'));
-var _Bathroom = _interopRequireDefault(require('./Bathroom'));
-var _BathroomOutlined = _interopRequireDefault(require('./BathroomOutlined'));
-var _BathroomRounded = _interopRequireDefault(require('./BathroomRounded'));
-var _BathroomSharp = _interopRequireDefault(require('./BathroomSharp'));
-var _BathroomTwoTone = _interopRequireDefault(require('./BathroomTwoTone'));
-var _Bathtub = _interopRequireDefault(require('./Bathtub'));
-var _BathtubOutlined = _interopRequireDefault(require('./BathtubOutlined'));
-var _BathtubRounded = _interopRequireDefault(require('./BathtubRounded'));
-var _BathtubSharp = _interopRequireDefault(require('./BathtubSharp'));
-var _BathtubTwoTone = _interopRequireDefault(require('./BathtubTwoTone'));
-var _Battery0Bar = _interopRequireDefault(require('./Battery0Bar'));
-var _Battery0BarOutlined = _interopRequireDefault(require('./Battery0BarOutlined'));
-var _Battery0BarRounded = _interopRequireDefault(require('./Battery0BarRounded'));
-var _Battery0BarSharp = _interopRequireDefault(require('./Battery0BarSharp'));
-var _Battery0BarTwoTone = _interopRequireDefault(require('./Battery0BarTwoTone'));
-var _Battery1Bar = _interopRequireDefault(require('./Battery1Bar'));
-var _Battery1BarOutlined = _interopRequireDefault(require('./Battery1BarOutlined'));
-var _Battery1BarRounded = _interopRequireDefault(require('./Battery1BarRounded'));
-var _Battery1BarSharp = _interopRequireDefault(require('./Battery1BarSharp'));
-var _Battery1BarTwoTone = _interopRequireDefault(require('./Battery1BarTwoTone'));
-var _Battery = _interopRequireDefault(require('./Battery20'));
-var _Battery20Outlined = _interopRequireDefault(require('./Battery20Outlined'));
-var _Battery20Rounded = _interopRequireDefault(require('./Battery20Rounded'));
-var _Battery20Sharp = _interopRequireDefault(require('./Battery20Sharp'));
-var _Battery20TwoTone = _interopRequireDefault(require('./Battery20TwoTone'));
-var _Battery2Bar = _interopRequireDefault(require('./Battery2Bar'));
-var _Battery2BarOutlined = _interopRequireDefault(require('./Battery2BarOutlined'));
-var _Battery2BarRounded = _interopRequireDefault(require('./Battery2BarRounded'));
-var _Battery2BarSharp = _interopRequireDefault(require('./Battery2BarSharp'));
-var _Battery2BarTwoTone = _interopRequireDefault(require('./Battery2BarTwoTone'));
-var _Battery2 = _interopRequireDefault(require('./Battery30'));
-var _Battery30Outlined = _interopRequireDefault(require('./Battery30Outlined'));
-var _Battery30Rounded = _interopRequireDefault(require('./Battery30Rounded'));
-var _Battery30Sharp = _interopRequireDefault(require('./Battery30Sharp'));
-var _Battery30TwoTone = _interopRequireDefault(require('./Battery30TwoTone'));
-var _Battery3Bar = _interopRequireDefault(require('./Battery3Bar'));
-var _Battery3BarOutlined = _interopRequireDefault(require('./Battery3BarOutlined'));
-var _Battery3BarRounded = _interopRequireDefault(require('./Battery3BarRounded'));
-var _Battery3BarSharp = _interopRequireDefault(require('./Battery3BarSharp'));
-var _Battery3BarTwoTone = _interopRequireDefault(require('./Battery3BarTwoTone'));
-var _Battery4Bar = _interopRequireDefault(require('./Battery4Bar'));
-var _Battery4BarOutlined = _interopRequireDefault(require('./Battery4BarOutlined'));
-var _Battery4BarRounded = _interopRequireDefault(require('./Battery4BarRounded'));
-var _Battery4BarSharp = _interopRequireDefault(require('./Battery4BarSharp'));
-var _Battery4BarTwoTone = _interopRequireDefault(require('./Battery4BarTwoTone'));
-var _Battery3 = _interopRequireDefault(require('./Battery50'));
-var _Battery50Outlined = _interopRequireDefault(require('./Battery50Outlined'));
-var _Battery50Rounded = _interopRequireDefault(require('./Battery50Rounded'));
-var _Battery50Sharp = _interopRequireDefault(require('./Battery50Sharp'));
-var _Battery50TwoTone = _interopRequireDefault(require('./Battery50TwoTone'));
-var _Battery5Bar = _interopRequireDefault(require('./Battery5Bar'));
-var _Battery5BarOutlined = _interopRequireDefault(require('./Battery5BarOutlined'));
-var _Battery5BarRounded = _interopRequireDefault(require('./Battery5BarRounded'));
-var _Battery5BarSharp = _interopRequireDefault(require('./Battery5BarSharp'));
-var _Battery5BarTwoTone = _interopRequireDefault(require('./Battery5BarTwoTone'));
-var _Battery4 = _interopRequireDefault(require('./Battery60'));
-var _Battery60Outlined = _interopRequireDefault(require('./Battery60Outlined'));
-var _Battery60Rounded = _interopRequireDefault(require('./Battery60Rounded'));
-var _Battery60Sharp = _interopRequireDefault(require('./Battery60Sharp'));
-var _Battery60TwoTone = _interopRequireDefault(require('./Battery60TwoTone'));
-var _Battery6Bar = _interopRequireDefault(require('./Battery6Bar'));
-var _Battery6BarOutlined = _interopRequireDefault(require('./Battery6BarOutlined'));
-var _Battery6BarRounded = _interopRequireDefault(require('./Battery6BarRounded'));
-var _Battery6BarSharp = _interopRequireDefault(require('./Battery6BarSharp'));
-var _Battery6BarTwoTone = _interopRequireDefault(require('./Battery6BarTwoTone'));
-var _Battery5 = _interopRequireDefault(require('./Battery80'));
-var _Battery80Outlined = _interopRequireDefault(require('./Battery80Outlined'));
-var _Battery80Rounded = _interopRequireDefault(require('./Battery80Rounded'));
-var _Battery80Sharp = _interopRequireDefault(require('./Battery80Sharp'));
-var _Battery80TwoTone = _interopRequireDefault(require('./Battery80TwoTone'));
-var _Battery6 = _interopRequireDefault(require('./Battery90'));
-var _Battery90Outlined = _interopRequireDefault(require('./Battery90Outlined'));
-var _Battery90Rounded = _interopRequireDefault(require('./Battery90Rounded'));
-var _Battery90Sharp = _interopRequireDefault(require('./Battery90Sharp'));
-var _Battery90TwoTone = _interopRequireDefault(require('./Battery90TwoTone'));
-var _BatteryAlert = _interopRequireDefault(require('./BatteryAlert'));
-var _BatteryAlertOutlined = _interopRequireDefault(require('./BatteryAlertOutlined'));
-var _BatteryAlertRounded = _interopRequireDefault(require('./BatteryAlertRounded'));
-var _BatteryAlertSharp = _interopRequireDefault(require('./BatteryAlertSharp'));
-var _BatteryAlertTwoTone = _interopRequireDefault(require('./BatteryAlertTwoTone'));
-var _BatteryCharging = _interopRequireDefault(require('./BatteryCharging20'));
-var _BatteryCharging20Outlined = _interopRequireDefault(require('./BatteryCharging20Outlined'));
-var _BatteryCharging20Rounded = _interopRequireDefault(require('./BatteryCharging20Rounded'));
-var _BatteryCharging20Sharp = _interopRequireDefault(require('./BatteryCharging20Sharp'));
-var _BatteryCharging20TwoTone = _interopRequireDefault(require('./BatteryCharging20TwoTone'));
-var _BatteryCharging2 = _interopRequireDefault(require('./BatteryCharging30'));
-var _BatteryCharging30Outlined = _interopRequireDefault(require('./BatteryCharging30Outlined'));
-var _BatteryCharging30Rounded = _interopRequireDefault(require('./BatteryCharging30Rounded'));
-var _BatteryCharging30Sharp = _interopRequireDefault(require('./BatteryCharging30Sharp'));
-var _BatteryCharging30TwoTone = _interopRequireDefault(require('./BatteryCharging30TwoTone'));
-var _BatteryCharging3 = _interopRequireDefault(require('./BatteryCharging50'));
-var _BatteryCharging50Outlined = _interopRequireDefault(require('./BatteryCharging50Outlined'));
-var _BatteryCharging50Rounded = _interopRequireDefault(require('./BatteryCharging50Rounded'));
-var _BatteryCharging50Sharp = _interopRequireDefault(require('./BatteryCharging50Sharp'));
-var _BatteryCharging50TwoTone = _interopRequireDefault(require('./BatteryCharging50TwoTone'));
-var _BatteryCharging4 = _interopRequireDefault(require('./BatteryCharging60'));
-var _BatteryCharging60Outlined = _interopRequireDefault(require('./BatteryCharging60Outlined'));
-var _BatteryCharging60Rounded = _interopRequireDefault(require('./BatteryCharging60Rounded'));
-var _BatteryCharging60Sharp = _interopRequireDefault(require('./BatteryCharging60Sharp'));
-var _BatteryCharging60TwoTone = _interopRequireDefault(require('./BatteryCharging60TwoTone'));
-var _BatteryCharging5 = _interopRequireDefault(require('./BatteryCharging80'));
-var _BatteryCharging80Outlined = _interopRequireDefault(require('./BatteryCharging80Outlined'));
-var _BatteryCharging80Rounded = _interopRequireDefault(require('./BatteryCharging80Rounded'));
-var _BatteryCharging80Sharp = _interopRequireDefault(require('./BatteryCharging80Sharp'));
-var _BatteryCharging80TwoTone = _interopRequireDefault(require('./BatteryCharging80TwoTone'));
-var _BatteryCharging6 = _interopRequireDefault(require('./BatteryCharging90'));
-var _BatteryCharging90Outlined = _interopRequireDefault(require('./BatteryCharging90Outlined'));
-var _BatteryCharging90Rounded = _interopRequireDefault(require('./BatteryCharging90Rounded'));
-var _BatteryCharging90Sharp = _interopRequireDefault(require('./BatteryCharging90Sharp'));
-var _BatteryCharging90TwoTone = _interopRequireDefault(require('./BatteryCharging90TwoTone'));
-var _BatteryChargingFull = _interopRequireDefault(require('./BatteryChargingFull'));
-var _BatteryChargingFullOutlined = _interopRequireDefault(require('./BatteryChargingFullOutlined'));
-var _BatteryChargingFullRounded = _interopRequireDefault(require('./BatteryChargingFullRounded'));
-var _BatteryChargingFullSharp = _interopRequireDefault(require('./BatteryChargingFullSharp'));
-var _BatteryChargingFullTwoTone = _interopRequireDefault(require('./BatteryChargingFullTwoTone'));
-var _BatteryFull = _interopRequireDefault(require('./BatteryFull'));
-var _BatteryFullOutlined = _interopRequireDefault(require('./BatteryFullOutlined'));
-var _BatteryFullRounded = _interopRequireDefault(require('./BatteryFullRounded'));
-var _BatteryFullSharp = _interopRequireDefault(require('./BatteryFullSharp'));
-var _BatteryFullTwoTone = _interopRequireDefault(require('./BatteryFullTwoTone'));
-var _BatterySaver = _interopRequireDefault(require('./BatterySaver'));
-var _BatterySaverOutlined = _interopRequireDefault(require('./BatterySaverOutlined'));
-var _BatterySaverRounded = _interopRequireDefault(require('./BatterySaverRounded'));
-var _BatterySaverSharp = _interopRequireDefault(require('./BatterySaverSharp'));
-var _BatterySaverTwoTone = _interopRequireDefault(require('./BatterySaverTwoTone'));
-var _BatteryStd = _interopRequireDefault(require('./BatteryStd'));
-var _BatteryStdOutlined = _interopRequireDefault(require('./BatteryStdOutlined'));
-var _BatteryStdRounded = _interopRequireDefault(require('./BatteryStdRounded'));
-var _BatteryStdSharp = _interopRequireDefault(require('./BatteryStdSharp'));
-var _BatteryStdTwoTone = _interopRequireDefault(require('./BatteryStdTwoTone'));
-var _BatteryUnknown = _interopRequireDefault(require('./BatteryUnknown'));
-var _BatteryUnknownOutlined = _interopRequireDefault(require('./BatteryUnknownOutlined'));
-var _BatteryUnknownRounded = _interopRequireDefault(require('./BatteryUnknownRounded'));
-var _BatteryUnknownSharp = _interopRequireDefault(require('./BatteryUnknownSharp'));
-var _BatteryUnknownTwoTone = _interopRequireDefault(require('./BatteryUnknownTwoTone'));
-var _BeachAccess = _interopRequireDefault(require('./BeachAccess'));
-var _BeachAccessOutlined = _interopRequireDefault(require('./BeachAccessOutlined'));
-var _BeachAccessRounded = _interopRequireDefault(require('./BeachAccessRounded'));
-var _BeachAccessSharp = _interopRequireDefault(require('./BeachAccessSharp'));
-var _BeachAccessTwoTone = _interopRequireDefault(require('./BeachAccessTwoTone'));
-var _Bed = _interopRequireDefault(require('./Bed'));
-var _BedOutlined = _interopRequireDefault(require('./BedOutlined'));
-var _BedRounded = _interopRequireDefault(require('./BedRounded'));
-var _BedSharp = _interopRequireDefault(require('./BedSharp'));
-var _BedTwoTone = _interopRequireDefault(require('./BedTwoTone'));
-var _BedroomBaby = _interopRequireDefault(require('./BedroomBaby'));
-var _BedroomBabyOutlined = _interopRequireDefault(require('./BedroomBabyOutlined'));
-var _BedroomBabyRounded = _interopRequireDefault(require('./BedroomBabyRounded'));
-var _BedroomBabySharp = _interopRequireDefault(require('./BedroomBabySharp'));
-var _BedroomBabyTwoTone = _interopRequireDefault(require('./BedroomBabyTwoTone'));
-var _BedroomChild = _interopRequireDefault(require('./BedroomChild'));
-var _BedroomChildOutlined = _interopRequireDefault(require('./BedroomChildOutlined'));
-var _BedroomChildRounded = _interopRequireDefault(require('./BedroomChildRounded'));
-var _BedroomChildSharp = _interopRequireDefault(require('./BedroomChildSharp'));
-var _BedroomChildTwoTone = _interopRequireDefault(require('./BedroomChildTwoTone'));
-var _BedroomParent = _interopRequireDefault(require('./BedroomParent'));
-var _BedroomParentOutlined = _interopRequireDefault(require('./BedroomParentOutlined'));
-var _BedroomParentRounded = _interopRequireDefault(require('./BedroomParentRounded'));
-var _BedroomParentSharp = _interopRequireDefault(require('./BedroomParentSharp'));
-var _BedroomParentTwoTone = _interopRequireDefault(require('./BedroomParentTwoTone'));
-var _Bedtime = _interopRequireDefault(require('./Bedtime'));
-var _BedtimeOff = _interopRequireDefault(require('./BedtimeOff'));
-var _BedtimeOffOutlined = _interopRequireDefault(require('./BedtimeOffOutlined'));
-var _BedtimeOffRounded = _interopRequireDefault(require('./BedtimeOffRounded'));
-var _BedtimeOffSharp = _interopRequireDefault(require('./BedtimeOffSharp'));
-var _BedtimeOffTwoTone = _interopRequireDefault(require('./BedtimeOffTwoTone'));
-var _BedtimeOutlined = _interopRequireDefault(require('./BedtimeOutlined'));
-var _BedtimeRounded = _interopRequireDefault(require('./BedtimeRounded'));
-var _BedtimeSharp = _interopRequireDefault(require('./BedtimeSharp'));
-var _BedtimeTwoTone = _interopRequireDefault(require('./BedtimeTwoTone'));
-var _Beenhere = _interopRequireDefault(require('./Beenhere'));
-var _BeenhereOutlined = _interopRequireDefault(require('./BeenhereOutlined'));
-var _BeenhereRounded = _interopRequireDefault(require('./BeenhereRounded'));
-var _BeenhereSharp = _interopRequireDefault(require('./BeenhereSharp'));
-var _BeenhereTwoTone = _interopRequireDefault(require('./BeenhereTwoTone'));
-var _Bento = _interopRequireDefault(require('./Bento'));
-var _BentoOutlined = _interopRequireDefault(require('./BentoOutlined'));
-var _BentoRounded = _interopRequireDefault(require('./BentoRounded'));
-var _BentoSharp = _interopRequireDefault(require('./BentoSharp'));
-var _BentoTwoTone = _interopRequireDefault(require('./BentoTwoTone'));
-var _BikeScooter = _interopRequireDefault(require('./BikeScooter'));
-var _BikeScooterOutlined = _interopRequireDefault(require('./BikeScooterOutlined'));
-var _BikeScooterRounded = _interopRequireDefault(require('./BikeScooterRounded'));
-var _BikeScooterSharp = _interopRequireDefault(require('./BikeScooterSharp'));
-var _BikeScooterTwoTone = _interopRequireDefault(require('./BikeScooterTwoTone'));
-var _Biotech = _interopRequireDefault(require('./Biotech'));
-var _BiotechOutlined = _interopRequireDefault(require('./BiotechOutlined'));
-var _BiotechRounded = _interopRequireDefault(require('./BiotechRounded'));
-var _BiotechSharp = _interopRequireDefault(require('./BiotechSharp'));
-var _BiotechTwoTone = _interopRequireDefault(require('./BiotechTwoTone'));
-var _Blender = _interopRequireDefault(require('./Blender'));
-var _BlenderOutlined = _interopRequireDefault(require('./BlenderOutlined'));
-var _BlenderRounded = _interopRequireDefault(require('./BlenderRounded'));
-var _BlenderSharp = _interopRequireDefault(require('./BlenderSharp'));
-var _BlenderTwoTone = _interopRequireDefault(require('./BlenderTwoTone'));
-var _Blind = _interopRequireDefault(require('./Blind'));
-var _BlindOutlined = _interopRequireDefault(require('./BlindOutlined'));
-var _BlindRounded = _interopRequireDefault(require('./BlindRounded'));
-var _BlindSharp = _interopRequireDefault(require('./BlindSharp'));
-var _BlindTwoTone = _interopRequireDefault(require('./BlindTwoTone'));
-var _Blinds = _interopRequireDefault(require('./Blinds'));
-var _BlindsClosed = _interopRequireDefault(require('./BlindsClosed'));
-var _BlindsClosedOutlined = _interopRequireDefault(require('./BlindsClosedOutlined'));
-var _BlindsClosedRounded = _interopRequireDefault(require('./BlindsClosedRounded'));
-var _BlindsClosedSharp = _interopRequireDefault(require('./BlindsClosedSharp'));
-var _BlindsClosedTwoTone = _interopRequireDefault(require('./BlindsClosedTwoTone'));
-var _BlindsOutlined = _interopRequireDefault(require('./BlindsOutlined'));
-var _BlindsRounded = _interopRequireDefault(require('./BlindsRounded'));
-var _BlindsSharp = _interopRequireDefault(require('./BlindsSharp'));
-var _BlindsTwoTone = _interopRequireDefault(require('./BlindsTwoTone'));
-var _Block = _interopRequireDefault(require('./Block'));
-var _BlockOutlined = _interopRequireDefault(require('./BlockOutlined'));
-var _BlockRounded = _interopRequireDefault(require('./BlockRounded'));
-var _BlockSharp = _interopRequireDefault(require('./BlockSharp'));
-var _BlockTwoTone = _interopRequireDefault(require('./BlockTwoTone'));
-var _Bloodtype = _interopRequireDefault(require('./Bloodtype'));
-var _BloodtypeOutlined = _interopRequireDefault(require('./BloodtypeOutlined'));
-var _BloodtypeRounded = _interopRequireDefault(require('./BloodtypeRounded'));
-var _BloodtypeSharp = _interopRequireDefault(require('./BloodtypeSharp'));
-var _BloodtypeTwoTone = _interopRequireDefault(require('./BloodtypeTwoTone'));
-var _Bluetooth = _interopRequireDefault(require('./Bluetooth'));
-var _BluetoothAudio = _interopRequireDefault(require('./BluetoothAudio'));
-var _BluetoothAudioOutlined = _interopRequireDefault(require('./BluetoothAudioOutlined'));
-var _BluetoothAudioRounded = _interopRequireDefault(require('./BluetoothAudioRounded'));
-var _BluetoothAudioSharp = _interopRequireDefault(require('./BluetoothAudioSharp'));
-var _BluetoothAudioTwoTone = _interopRequireDefault(require('./BluetoothAudioTwoTone'));
-var _BluetoothConnected = _interopRequireDefault(require('./BluetoothConnected'));
-var _BluetoothConnectedOutlined = _interopRequireDefault(require('./BluetoothConnectedOutlined'));
-var _BluetoothConnectedRounded = _interopRequireDefault(require('./BluetoothConnectedRounded'));
-var _BluetoothConnectedSharp = _interopRequireDefault(require('./BluetoothConnectedSharp'));
-var _BluetoothConnectedTwoTone = _interopRequireDefault(require('./BluetoothConnectedTwoTone'));
-var _BluetoothDisabled = _interopRequireDefault(require('./BluetoothDisabled'));
-var _BluetoothDisabledOutlined = _interopRequireDefault(require('./BluetoothDisabledOutlined'));
-var _BluetoothDisabledRounded = _interopRequireDefault(require('./BluetoothDisabledRounded'));
-var _BluetoothDisabledSharp = _interopRequireDefault(require('./BluetoothDisabledSharp'));
-var _BluetoothDisabledTwoTone = _interopRequireDefault(require('./BluetoothDisabledTwoTone'));
-var _BluetoothDrive = _interopRequireDefault(require('./BluetoothDrive'));
-var _BluetoothDriveOutlined = _interopRequireDefault(require('./BluetoothDriveOutlined'));
-var _BluetoothDriveRounded = _interopRequireDefault(require('./BluetoothDriveRounded'));
-var _BluetoothDriveSharp = _interopRequireDefault(require('./BluetoothDriveSharp'));
-var _BluetoothDriveTwoTone = _interopRequireDefault(require('./BluetoothDriveTwoTone'));
-var _BluetoothOutlined = _interopRequireDefault(require('./BluetoothOutlined'));
-var _BluetoothRounded = _interopRequireDefault(require('./BluetoothRounded'));
-var _BluetoothSearching = _interopRequireDefault(require('./BluetoothSearching'));
-var _BluetoothSearchingOutlined = _interopRequireDefault(require('./BluetoothSearchingOutlined'));
-var _BluetoothSearchingRounded = _interopRequireDefault(require('./BluetoothSearchingRounded'));
-var _BluetoothSearchingSharp = _interopRequireDefault(require('./BluetoothSearchingSharp'));
-var _BluetoothSearchingTwoTone = _interopRequireDefault(require('./BluetoothSearchingTwoTone'));
-var _BluetoothSharp = _interopRequireDefault(require('./BluetoothSharp'));
-var _BluetoothTwoTone = _interopRequireDefault(require('./BluetoothTwoTone'));
-var _BlurCircular = _interopRequireDefault(require('./BlurCircular'));
-var _BlurCircularOutlined = _interopRequireDefault(require('./BlurCircularOutlined'));
-var _BlurCircularRounded = _interopRequireDefault(require('./BlurCircularRounded'));
-var _BlurCircularSharp = _interopRequireDefault(require('./BlurCircularSharp'));
-var _BlurCircularTwoTone = _interopRequireDefault(require('./BlurCircularTwoTone'));
-var _BlurLinear = _interopRequireDefault(require('./BlurLinear'));
-var _BlurLinearOutlined = _interopRequireDefault(require('./BlurLinearOutlined'));
-var _BlurLinearRounded = _interopRequireDefault(require('./BlurLinearRounded'));
-var _BlurLinearSharp = _interopRequireDefault(require('./BlurLinearSharp'));
-var _BlurLinearTwoTone = _interopRequireDefault(require('./BlurLinearTwoTone'));
-var _BlurOff = _interopRequireDefault(require('./BlurOff'));
-var _BlurOffOutlined = _interopRequireDefault(require('./BlurOffOutlined'));
-var _BlurOffRounded = _interopRequireDefault(require('./BlurOffRounded'));
-var _BlurOffSharp = _interopRequireDefault(require('./BlurOffSharp'));
-var _BlurOffTwoTone = _interopRequireDefault(require('./BlurOffTwoTone'));
-var _BlurOn = _interopRequireDefault(require('./BlurOn'));
-var _BlurOnOutlined = _interopRequireDefault(require('./BlurOnOutlined'));
-var _BlurOnRounded = _interopRequireDefault(require('./BlurOnRounded'));
-var _BlurOnSharp = _interopRequireDefault(require('./BlurOnSharp'));
-var _BlurOnTwoTone = _interopRequireDefault(require('./BlurOnTwoTone'));
-var _Bolt = _interopRequireDefault(require('./Bolt'));
-var _BoltOutlined = _interopRequireDefault(require('./BoltOutlined'));
-var _BoltRounded = _interopRequireDefault(require('./BoltRounded'));
-var _BoltSharp = _interopRequireDefault(require('./BoltSharp'));
-var _BoltTwoTone = _interopRequireDefault(require('./BoltTwoTone'));
-var _Book = _interopRequireDefault(require('./Book'));
-var _BookOnline = _interopRequireDefault(require('./BookOnline'));
-var _BookOnlineOutlined = _interopRequireDefault(require('./BookOnlineOutlined'));
-var _BookOnlineRounded = _interopRequireDefault(require('./BookOnlineRounded'));
-var _BookOnlineSharp = _interopRequireDefault(require('./BookOnlineSharp'));
-var _BookOnlineTwoTone = _interopRequireDefault(require('./BookOnlineTwoTone'));
-var _BookOutlined = _interopRequireDefault(require('./BookOutlined'));
-var _BookRounded = _interopRequireDefault(require('./BookRounded'));
-var _BookSharp = _interopRequireDefault(require('./BookSharp'));
-var _BookTwoTone = _interopRequireDefault(require('./BookTwoTone'));
-var _Bookmark = _interopRequireDefault(require('./Bookmark'));
-var _BookmarkAdd = _interopRequireDefault(require('./BookmarkAdd'));
-var _BookmarkAddOutlined = _interopRequireDefault(require('./BookmarkAddOutlined'));
-var _BookmarkAddRounded = _interopRequireDefault(require('./BookmarkAddRounded'));
-var _BookmarkAddSharp = _interopRequireDefault(require('./BookmarkAddSharp'));
-var _BookmarkAddTwoTone = _interopRequireDefault(require('./BookmarkAddTwoTone'));
-var _BookmarkAdded = _interopRequireDefault(require('./BookmarkAdded'));
-var _BookmarkAddedOutlined = _interopRequireDefault(require('./BookmarkAddedOutlined'));
-var _BookmarkAddedRounded = _interopRequireDefault(require('./BookmarkAddedRounded'));
-var _BookmarkAddedSharp = _interopRequireDefault(require('./BookmarkAddedSharp'));
-var _BookmarkAddedTwoTone = _interopRequireDefault(require('./BookmarkAddedTwoTone'));
-var _BookmarkBorder = _interopRequireDefault(require('./BookmarkBorder'));
-var _BookmarkBorderOutlined = _interopRequireDefault(require('./BookmarkBorderOutlined'));
-var _BookmarkBorderRounded = _interopRequireDefault(require('./BookmarkBorderRounded'));
-var _BookmarkBorderSharp = _interopRequireDefault(require('./BookmarkBorderSharp'));
-var _BookmarkBorderTwoTone = _interopRequireDefault(require('./BookmarkBorderTwoTone'));
-var _BookmarkOutlined = _interopRequireDefault(require('./BookmarkOutlined'));
-var _BookmarkRemove = _interopRequireDefault(require('./BookmarkRemove'));
-var _BookmarkRemoveOutlined = _interopRequireDefault(require('./BookmarkRemoveOutlined'));
-var _BookmarkRemoveRounded = _interopRequireDefault(require('./BookmarkRemoveRounded'));
-var _BookmarkRemoveSharp = _interopRequireDefault(require('./BookmarkRemoveSharp'));
-var _BookmarkRemoveTwoTone = _interopRequireDefault(require('./BookmarkRemoveTwoTone'));
-var _BookmarkRounded = _interopRequireDefault(require('./BookmarkRounded'));
-var _BookmarkSharp = _interopRequireDefault(require('./BookmarkSharp'));
-var _BookmarkTwoTone = _interopRequireDefault(require('./BookmarkTwoTone'));
-var _Bookmarks = _interopRequireDefault(require('./Bookmarks'));
-var _BookmarksOutlined = _interopRequireDefault(require('./BookmarksOutlined'));
-var _BookmarksRounded = _interopRequireDefault(require('./BookmarksRounded'));
-var _BookmarksSharp = _interopRequireDefault(require('./BookmarksSharp'));
-var _BookmarksTwoTone = _interopRequireDefault(require('./BookmarksTwoTone'));
-var _BorderAll = _interopRequireDefault(require('./BorderAll'));
-var _BorderAllOutlined = _interopRequireDefault(require('./BorderAllOutlined'));
-var _BorderAllRounded = _interopRequireDefault(require('./BorderAllRounded'));
-var _BorderAllSharp = _interopRequireDefault(require('./BorderAllSharp'));
-var _BorderAllTwoTone = _interopRequireDefault(require('./BorderAllTwoTone'));
-var _BorderBottom = _interopRequireDefault(require('./BorderBottom'));
-var _BorderBottomOutlined = _interopRequireDefault(require('./BorderBottomOutlined'));
-var _BorderBottomRounded = _interopRequireDefault(require('./BorderBottomRounded'));
-var _BorderBottomSharp = _interopRequireDefault(require('./BorderBottomSharp'));
-var _BorderBottomTwoTone = _interopRequireDefault(require('./BorderBottomTwoTone'));
-var _BorderClear = _interopRequireDefault(require('./BorderClear'));
-var _BorderClearOutlined = _interopRequireDefault(require('./BorderClearOutlined'));
-var _BorderClearRounded = _interopRequireDefault(require('./BorderClearRounded'));
-var _BorderClearSharp = _interopRequireDefault(require('./BorderClearSharp'));
-var _BorderClearTwoTone = _interopRequireDefault(require('./BorderClearTwoTone'));
-var _BorderColor = _interopRequireDefault(require('./BorderColor'));
-var _BorderColorOutlined = _interopRequireDefault(require('./BorderColorOutlined'));
-var _BorderColorRounded = _interopRequireDefault(require('./BorderColorRounded'));
-var _BorderColorSharp = _interopRequireDefault(require('./BorderColorSharp'));
-var _BorderColorTwoTone = _interopRequireDefault(require('./BorderColorTwoTone'));
-var _BorderHorizontal = _interopRequireDefault(require('./BorderHorizontal'));
-var _BorderHorizontalOutlined = _interopRequireDefault(require('./BorderHorizontalOutlined'));
-var _BorderHorizontalRounded = _interopRequireDefault(require('./BorderHorizontalRounded'));
-var _BorderHorizontalSharp = _interopRequireDefault(require('./BorderHorizontalSharp'));
-var _BorderHorizontalTwoTone = _interopRequireDefault(require('./BorderHorizontalTwoTone'));
-var _BorderInner = _interopRequireDefault(require('./BorderInner'));
-var _BorderInnerOutlined = _interopRequireDefault(require('./BorderInnerOutlined'));
-var _BorderInnerRounded = _interopRequireDefault(require('./BorderInnerRounded'));
-var _BorderInnerSharp = _interopRequireDefault(require('./BorderInnerSharp'));
-var _BorderInnerTwoTone = _interopRequireDefault(require('./BorderInnerTwoTone'));
-var _BorderLeft = _interopRequireDefault(require('./BorderLeft'));
-var _BorderLeftOutlined = _interopRequireDefault(require('./BorderLeftOutlined'));
-var _BorderLeftRounded = _interopRequireDefault(require('./BorderLeftRounded'));
-var _BorderLeftSharp = _interopRequireDefault(require('./BorderLeftSharp'));
-var _BorderLeftTwoTone = _interopRequireDefault(require('./BorderLeftTwoTone'));
-var _BorderOuter = _interopRequireDefault(require('./BorderOuter'));
-var _BorderOuterOutlined = _interopRequireDefault(require('./BorderOuterOutlined'));
-var _BorderOuterRounded = _interopRequireDefault(require('./BorderOuterRounded'));
-var _BorderOuterSharp = _interopRequireDefault(require('./BorderOuterSharp'));
-var _BorderOuterTwoTone = _interopRequireDefault(require('./BorderOuterTwoTone'));
-var _BorderRight = _interopRequireDefault(require('./BorderRight'));
-var _BorderRightOutlined = _interopRequireDefault(require('./BorderRightOutlined'));
-var _BorderRightRounded = _interopRequireDefault(require('./BorderRightRounded'));
-var _BorderRightSharp = _interopRequireDefault(require('./BorderRightSharp'));
-var _BorderRightTwoTone = _interopRequireDefault(require('./BorderRightTwoTone'));
-var _BorderStyle = _interopRequireDefault(require('./BorderStyle'));
-var _BorderStyleOutlined = _interopRequireDefault(require('./BorderStyleOutlined'));
-var _BorderStyleRounded = _interopRequireDefault(require('./BorderStyleRounded'));
-var _BorderStyleSharp = _interopRequireDefault(require('./BorderStyleSharp'));
-var _BorderStyleTwoTone = _interopRequireDefault(require('./BorderStyleTwoTone'));
-var _BorderTop = _interopRequireDefault(require('./BorderTop'));
-var _BorderTopOutlined = _interopRequireDefault(require('./BorderTopOutlined'));
-var _BorderTopRounded = _interopRequireDefault(require('./BorderTopRounded'));
-var _BorderTopSharp = _interopRequireDefault(require('./BorderTopSharp'));
-var _BorderTopTwoTone = _interopRequireDefault(require('./BorderTopTwoTone'));
-var _BorderVertical = _interopRequireDefault(require('./BorderVertical'));
-var _BorderVerticalOutlined = _interopRequireDefault(require('./BorderVerticalOutlined'));
-var _BorderVerticalRounded = _interopRequireDefault(require('./BorderVerticalRounded'));
-var _BorderVerticalSharp = _interopRequireDefault(require('./BorderVerticalSharp'));
-var _BorderVerticalTwoTone = _interopRequireDefault(require('./BorderVerticalTwoTone'));
-var _Boy = _interopRequireDefault(require('./Boy'));
-var _BoyOutlined = _interopRequireDefault(require('./BoyOutlined'));
-var _BoyRounded = _interopRequireDefault(require('./BoyRounded'));
-var _BoySharp = _interopRequireDefault(require('./BoySharp'));
-var _BoyTwoTone = _interopRequireDefault(require('./BoyTwoTone'));
-var _BrandingWatermark = _interopRequireDefault(require('./BrandingWatermark'));
-var _BrandingWatermarkOutlined = _interopRequireDefault(require('./BrandingWatermarkOutlined'));
-var _BrandingWatermarkRounded = _interopRequireDefault(require('./BrandingWatermarkRounded'));
-var _BrandingWatermarkSharp = _interopRequireDefault(require('./BrandingWatermarkSharp'));
-var _BrandingWatermarkTwoTone = _interopRequireDefault(require('./BrandingWatermarkTwoTone'));
-var _BreakfastDining = _interopRequireDefault(require('./BreakfastDining'));
-var _BreakfastDiningOutlined = _interopRequireDefault(require('./BreakfastDiningOutlined'));
-var _BreakfastDiningRounded = _interopRequireDefault(require('./BreakfastDiningRounded'));
-var _BreakfastDiningSharp = _interopRequireDefault(require('./BreakfastDiningSharp'));
-var _BreakfastDiningTwoTone = _interopRequireDefault(require('./BreakfastDiningTwoTone'));
-var _Brightness = _interopRequireDefault(require('./Brightness1'));
-var _Brightness1Outlined = _interopRequireDefault(require('./Brightness1Outlined'));
-var _Brightness1Rounded = _interopRequireDefault(require('./Brightness1Rounded'));
-var _Brightness1Sharp = _interopRequireDefault(require('./Brightness1Sharp'));
-var _Brightness1TwoTone = _interopRequireDefault(require('./Brightness1TwoTone'));
-var _Brightness2 = _interopRequireDefault(require('./Brightness2'));
-var _Brightness2Outlined = _interopRequireDefault(require('./Brightness2Outlined'));
-var _Brightness2Rounded = _interopRequireDefault(require('./Brightness2Rounded'));
-var _Brightness2Sharp = _interopRequireDefault(require('./Brightness2Sharp'));
-var _Brightness2TwoTone = _interopRequireDefault(require('./Brightness2TwoTone'));
-var _Brightness3 = _interopRequireDefault(require('./Brightness3'));
-var _Brightness3Outlined = _interopRequireDefault(require('./Brightness3Outlined'));
-var _Brightness3Rounded = _interopRequireDefault(require('./Brightness3Rounded'));
-var _Brightness3Sharp = _interopRequireDefault(require('./Brightness3Sharp'));
-var _Brightness3TwoTone = _interopRequireDefault(require('./Brightness3TwoTone'));
-var _Brightness4 = _interopRequireDefault(require('./Brightness4'));
-var _Brightness4Outlined = _interopRequireDefault(require('./Brightness4Outlined'));
-var _Brightness4Rounded = _interopRequireDefault(require('./Brightness4Rounded'));
-var _Brightness4Sharp = _interopRequireDefault(require('./Brightness4Sharp'));
-var _Brightness4TwoTone = _interopRequireDefault(require('./Brightness4TwoTone'));
-var _Brightness5 = _interopRequireDefault(require('./Brightness5'));
-var _Brightness5Outlined = _interopRequireDefault(require('./Brightness5Outlined'));
-var _Brightness5Rounded = _interopRequireDefault(require('./Brightness5Rounded'));
-var _Brightness5Sharp = _interopRequireDefault(require('./Brightness5Sharp'));
-var _Brightness5TwoTone = _interopRequireDefault(require('./Brightness5TwoTone'));
-var _Brightness6 = _interopRequireDefault(require('./Brightness6'));
-var _Brightness6Outlined = _interopRequireDefault(require('./Brightness6Outlined'));
-var _Brightness6Rounded = _interopRequireDefault(require('./Brightness6Rounded'));
-var _Brightness6Sharp = _interopRequireDefault(require('./Brightness6Sharp'));
-var _Brightness6TwoTone = _interopRequireDefault(require('./Brightness6TwoTone'));
-var _Brightness7 = _interopRequireDefault(require('./Brightness7'));
-var _Brightness7Outlined = _interopRequireDefault(require('./Brightness7Outlined'));
-var _Brightness7Rounded = _interopRequireDefault(require('./Brightness7Rounded'));
-var _Brightness7Sharp = _interopRequireDefault(require('./Brightness7Sharp'));
-var _Brightness7TwoTone = _interopRequireDefault(require('./Brightness7TwoTone'));
-var _BrightnessAuto = _interopRequireDefault(require('./BrightnessAuto'));
-var _BrightnessAutoOutlined = _interopRequireDefault(require('./BrightnessAutoOutlined'));
-var _BrightnessAutoRounded = _interopRequireDefault(require('./BrightnessAutoRounded'));
-var _BrightnessAutoSharp = _interopRequireDefault(require('./BrightnessAutoSharp'));
-var _BrightnessAutoTwoTone = _interopRequireDefault(require('./BrightnessAutoTwoTone'));
-var _BrightnessHigh = _interopRequireDefault(require('./BrightnessHigh'));
-var _BrightnessHighOutlined = _interopRequireDefault(require('./BrightnessHighOutlined'));
-var _BrightnessHighRounded = _interopRequireDefault(require('./BrightnessHighRounded'));
-var _BrightnessHighSharp = _interopRequireDefault(require('./BrightnessHighSharp'));
-var _BrightnessHighTwoTone = _interopRequireDefault(require('./BrightnessHighTwoTone'));
-var _BrightnessLow = _interopRequireDefault(require('./BrightnessLow'));
-var _BrightnessLowOutlined = _interopRequireDefault(require('./BrightnessLowOutlined'));
-var _BrightnessLowRounded = _interopRequireDefault(require('./BrightnessLowRounded'));
-var _BrightnessLowSharp = _interopRequireDefault(require('./BrightnessLowSharp'));
-var _BrightnessLowTwoTone = _interopRequireDefault(require('./BrightnessLowTwoTone'));
-var _BrightnessMedium = _interopRequireDefault(require('./BrightnessMedium'));
-var _BrightnessMediumOutlined = _interopRequireDefault(require('./BrightnessMediumOutlined'));
-var _BrightnessMediumRounded = _interopRequireDefault(require('./BrightnessMediumRounded'));
-var _BrightnessMediumSharp = _interopRequireDefault(require('./BrightnessMediumSharp'));
-var _BrightnessMediumTwoTone = _interopRequireDefault(require('./BrightnessMediumTwoTone'));
-var _BroadcastOnHome = _interopRequireDefault(require('./BroadcastOnHome'));
-var _BroadcastOnHomeOutlined = _interopRequireDefault(require('./BroadcastOnHomeOutlined'));
-var _BroadcastOnHomeRounded = _interopRequireDefault(require('./BroadcastOnHomeRounded'));
-var _BroadcastOnHomeSharp = _interopRequireDefault(require('./BroadcastOnHomeSharp'));
-var _BroadcastOnHomeTwoTone = _interopRequireDefault(require('./BroadcastOnHomeTwoTone'));
-var _BroadcastOnPersonal = _interopRequireDefault(require('./BroadcastOnPersonal'));
-var _BroadcastOnPersonalOutlined = _interopRequireDefault(require('./BroadcastOnPersonalOutlined'));
-var _BroadcastOnPersonalRounded = _interopRequireDefault(require('./BroadcastOnPersonalRounded'));
-var _BroadcastOnPersonalSharp = _interopRequireDefault(require('./BroadcastOnPersonalSharp'));
-var _BroadcastOnPersonalTwoTone = _interopRequireDefault(require('./BroadcastOnPersonalTwoTone'));
-var _BrokenImage = _interopRequireDefault(require('./BrokenImage'));
-var _BrokenImageOutlined = _interopRequireDefault(require('./BrokenImageOutlined'));
-var _BrokenImageRounded = _interopRequireDefault(require('./BrokenImageRounded'));
-var _BrokenImageSharp = _interopRequireDefault(require('./BrokenImageSharp'));
-var _BrokenImageTwoTone = _interopRequireDefault(require('./BrokenImageTwoTone'));
-var _BrowseGallery = _interopRequireDefault(require('./BrowseGallery'));
-var _BrowseGalleryOutlined = _interopRequireDefault(require('./BrowseGalleryOutlined'));
-var _BrowseGalleryRounded = _interopRequireDefault(require('./BrowseGalleryRounded'));
-var _BrowseGallerySharp = _interopRequireDefault(require('./BrowseGallerySharp'));
-var _BrowseGalleryTwoTone = _interopRequireDefault(require('./BrowseGalleryTwoTone'));
-var _BrowserNotSupported = _interopRequireDefault(require('./BrowserNotSupported'));
-var _BrowserNotSupportedOutlined = _interopRequireDefault(require('./BrowserNotSupportedOutlined'));
-var _BrowserNotSupportedRounded = _interopRequireDefault(require('./BrowserNotSupportedRounded'));
-var _BrowserNotSupportedSharp = _interopRequireDefault(require('./BrowserNotSupportedSharp'));
-var _BrowserNotSupportedTwoTone = _interopRequireDefault(require('./BrowserNotSupportedTwoTone'));
-var _BrowserUpdated = _interopRequireDefault(require('./BrowserUpdated'));
-var _BrowserUpdatedOutlined = _interopRequireDefault(require('./BrowserUpdatedOutlined'));
-var _BrowserUpdatedRounded = _interopRequireDefault(require('./BrowserUpdatedRounded'));
-var _BrowserUpdatedSharp = _interopRequireDefault(require('./BrowserUpdatedSharp'));
-var _BrowserUpdatedTwoTone = _interopRequireDefault(require('./BrowserUpdatedTwoTone'));
-var _BrunchDining = _interopRequireDefault(require('./BrunchDining'));
-var _BrunchDiningOutlined = _interopRequireDefault(require('./BrunchDiningOutlined'));
-var _BrunchDiningRounded = _interopRequireDefault(require('./BrunchDiningRounded'));
-var _BrunchDiningSharp = _interopRequireDefault(require('./BrunchDiningSharp'));
-var _BrunchDiningTwoTone = _interopRequireDefault(require('./BrunchDiningTwoTone'));
-var _Brush = _interopRequireDefault(require('./Brush'));
-var _BrushOutlined = _interopRequireDefault(require('./BrushOutlined'));
-var _BrushRounded = _interopRequireDefault(require('./BrushRounded'));
-var _BrushSharp = _interopRequireDefault(require('./BrushSharp'));
-var _BrushTwoTone = _interopRequireDefault(require('./BrushTwoTone'));
-var _BubbleChart = _interopRequireDefault(require('./BubbleChart'));
-var _BubbleChartOutlined = _interopRequireDefault(require('./BubbleChartOutlined'));
-var _BubbleChartRounded = _interopRequireDefault(require('./BubbleChartRounded'));
-var _BubbleChartSharp = _interopRequireDefault(require('./BubbleChartSharp'));
-var _BubbleChartTwoTone = _interopRequireDefault(require('./BubbleChartTwoTone'));
-var _BugReport = _interopRequireDefault(require('./BugReport'));
-var _BugReportOutlined = _interopRequireDefault(require('./BugReportOutlined'));
-var _BugReportRounded = _interopRequireDefault(require('./BugReportRounded'));
-var _BugReportSharp = _interopRequireDefault(require('./BugReportSharp'));
-var _BugReportTwoTone = _interopRequireDefault(require('./BugReportTwoTone'));
-var _Build = _interopRequireDefault(require('./Build'));
-var _BuildCircle = _interopRequireDefault(require('./BuildCircle'));
-var _BuildCircleOutlined = _interopRequireDefault(require('./BuildCircleOutlined'));
-var _BuildCircleRounded = _interopRequireDefault(require('./BuildCircleRounded'));
-var _BuildCircleSharp = _interopRequireDefault(require('./BuildCircleSharp'));
-var _BuildCircleTwoTone = _interopRequireDefault(require('./BuildCircleTwoTone'));
-var _BuildOutlined = _interopRequireDefault(require('./BuildOutlined'));
-var _BuildRounded = _interopRequireDefault(require('./BuildRounded'));
-var _BuildSharp = _interopRequireDefault(require('./BuildSharp'));
-var _BuildTwoTone = _interopRequireDefault(require('./BuildTwoTone'));
-var _Bungalow = _interopRequireDefault(require('./Bungalow'));
-var _BungalowOutlined = _interopRequireDefault(require('./BungalowOutlined'));
-var _BungalowRounded = _interopRequireDefault(require('./BungalowRounded'));
-var _BungalowSharp = _interopRequireDefault(require('./BungalowSharp'));
-var _BungalowTwoTone = _interopRequireDefault(require('./BungalowTwoTone'));
-var _BurstMode = _interopRequireDefault(require('./BurstMode'));
-var _BurstModeOutlined = _interopRequireDefault(require('./BurstModeOutlined'));
-var _BurstModeRounded = _interopRequireDefault(require('./BurstModeRounded'));
-var _BurstModeSharp = _interopRequireDefault(require('./BurstModeSharp'));
-var _BurstModeTwoTone = _interopRequireDefault(require('./BurstModeTwoTone'));
-var _BusAlert = _interopRequireDefault(require('./BusAlert'));
-var _BusAlertOutlined = _interopRequireDefault(require('./BusAlertOutlined'));
-var _BusAlertRounded = _interopRequireDefault(require('./BusAlertRounded'));
-var _BusAlertSharp = _interopRequireDefault(require('./BusAlertSharp'));
-var _BusAlertTwoTone = _interopRequireDefault(require('./BusAlertTwoTone'));
-var _Business = _interopRequireDefault(require('./Business'));
-var _BusinessCenter = _interopRequireDefault(require('./BusinessCenter'));
-var _BusinessCenterOutlined = _interopRequireDefault(require('./BusinessCenterOutlined'));
-var _BusinessCenterRounded = _interopRequireDefault(require('./BusinessCenterRounded'));
-var _BusinessCenterSharp = _interopRequireDefault(require('./BusinessCenterSharp'));
-var _BusinessCenterTwoTone = _interopRequireDefault(require('./BusinessCenterTwoTone'));
-var _BusinessOutlined = _interopRequireDefault(require('./BusinessOutlined'));
-var _BusinessRounded = _interopRequireDefault(require('./BusinessRounded'));
-var _BusinessSharp = _interopRequireDefault(require('./BusinessSharp'));
-var _BusinessTwoTone = _interopRequireDefault(require('./BusinessTwoTone'));
-var _Cabin = _interopRequireDefault(require('./Cabin'));
-var _CabinOutlined = _interopRequireDefault(require('./CabinOutlined'));
-var _CabinRounded = _interopRequireDefault(require('./CabinRounded'));
-var _CabinSharp = _interopRequireDefault(require('./CabinSharp'));
-var _CabinTwoTone = _interopRequireDefault(require('./CabinTwoTone'));
-var _Cable = _interopRequireDefault(require('./Cable'));
-var _CableOutlined = _interopRequireDefault(require('./CableOutlined'));
-var _CableRounded = _interopRequireDefault(require('./CableRounded'));
-var _CableSharp = _interopRequireDefault(require('./CableSharp'));
-var _CableTwoTone = _interopRequireDefault(require('./CableTwoTone'));
-var _Cached = _interopRequireDefault(require('./Cached'));
-var _CachedOutlined = _interopRequireDefault(require('./CachedOutlined'));
-var _CachedRounded = _interopRequireDefault(require('./CachedRounded'));
-var _CachedSharp = _interopRequireDefault(require('./CachedSharp'));
-var _CachedTwoTone = _interopRequireDefault(require('./CachedTwoTone'));
-var _Cake = _interopRequireDefault(require('./Cake'));
-var _CakeOutlined = _interopRequireDefault(require('./CakeOutlined'));
-var _CakeRounded = _interopRequireDefault(require('./CakeRounded'));
-var _CakeSharp = _interopRequireDefault(require('./CakeSharp'));
-var _CakeTwoTone = _interopRequireDefault(require('./CakeTwoTone'));
-var _Calculate = _interopRequireDefault(require('./Calculate'));
-var _CalculateOutlined = _interopRequireDefault(require('./CalculateOutlined'));
-var _CalculateRounded = _interopRequireDefault(require('./CalculateRounded'));
-var _CalculateSharp = _interopRequireDefault(require('./CalculateSharp'));
-var _CalculateTwoTone = _interopRequireDefault(require('./CalculateTwoTone'));
-var _CalendarMonth = _interopRequireDefault(require('./CalendarMonth'));
-var _CalendarMonthOutlined = _interopRequireDefault(require('./CalendarMonthOutlined'));
-var _CalendarMonthRounded = _interopRequireDefault(require('./CalendarMonthRounded'));
-var _CalendarMonthSharp = _interopRequireDefault(require('./CalendarMonthSharp'));
-var _CalendarMonthTwoTone = _interopRequireDefault(require('./CalendarMonthTwoTone'));
-var _CalendarToday = _interopRequireDefault(require('./CalendarToday'));
-var _CalendarTodayOutlined = _interopRequireDefault(require('./CalendarTodayOutlined'));
-var _CalendarTodayRounded = _interopRequireDefault(require('./CalendarTodayRounded'));
-var _CalendarTodaySharp = _interopRequireDefault(require('./CalendarTodaySharp'));
-var _CalendarTodayTwoTone = _interopRequireDefault(require('./CalendarTodayTwoTone'));
-var _CalendarViewDay = _interopRequireDefault(require('./CalendarViewDay'));
-var _CalendarViewDayOutlined = _interopRequireDefault(require('./CalendarViewDayOutlined'));
-var _CalendarViewDayRounded = _interopRequireDefault(require('./CalendarViewDayRounded'));
-var _CalendarViewDaySharp = _interopRequireDefault(require('./CalendarViewDaySharp'));
-var _CalendarViewDayTwoTone = _interopRequireDefault(require('./CalendarViewDayTwoTone'));
-var _CalendarViewMonth = _interopRequireDefault(require('./CalendarViewMonth'));
-var _CalendarViewMonthOutlined = _interopRequireDefault(require('./CalendarViewMonthOutlined'));
-var _CalendarViewMonthRounded = _interopRequireDefault(require('./CalendarViewMonthRounded'));
-var _CalendarViewMonthSharp = _interopRequireDefault(require('./CalendarViewMonthSharp'));
-var _CalendarViewMonthTwoTone = _interopRequireDefault(require('./CalendarViewMonthTwoTone'));
-var _CalendarViewWeek = _interopRequireDefault(require('./CalendarViewWeek'));
-var _CalendarViewWeekOutlined = _interopRequireDefault(require('./CalendarViewWeekOutlined'));
-var _CalendarViewWeekRounded = _interopRequireDefault(require('./CalendarViewWeekRounded'));
-var _CalendarViewWeekSharp = _interopRequireDefault(require('./CalendarViewWeekSharp'));
-var _CalendarViewWeekTwoTone = _interopRequireDefault(require('./CalendarViewWeekTwoTone'));
-var _Call = _interopRequireDefault(require('./Call'));
-var _CallEnd = _interopRequireDefault(require('./CallEnd'));
-var _CallEndOutlined = _interopRequireDefault(require('./CallEndOutlined'));
-var _CallEndRounded = _interopRequireDefault(require('./CallEndRounded'));
-var _CallEndSharp = _interopRequireDefault(require('./CallEndSharp'));
-var _CallEndTwoTone = _interopRequireDefault(require('./CallEndTwoTone'));
-var _CallMade = _interopRequireDefault(require('./CallMade'));
-var _CallMadeOutlined = _interopRequireDefault(require('./CallMadeOutlined'));
-var _CallMadeRounded = _interopRequireDefault(require('./CallMadeRounded'));
-var _CallMadeSharp = _interopRequireDefault(require('./CallMadeSharp'));
-var _CallMadeTwoTone = _interopRequireDefault(require('./CallMadeTwoTone'));
-var _CallMerge = _interopRequireDefault(require('./CallMerge'));
-var _CallMergeOutlined = _interopRequireDefault(require('./CallMergeOutlined'));
-var _CallMergeRounded = _interopRequireDefault(require('./CallMergeRounded'));
-var _CallMergeSharp = _interopRequireDefault(require('./CallMergeSharp'));
-var _CallMergeTwoTone = _interopRequireDefault(require('./CallMergeTwoTone'));
-var _CallMissed = _interopRequireDefault(require('./CallMissed'));
-var _CallMissedOutgoing = _interopRequireDefault(require('./CallMissedOutgoing'));
-var _CallMissedOutgoingOutlined = _interopRequireDefault(require('./CallMissedOutgoingOutlined'));
-var _CallMissedOutgoingRounded = _interopRequireDefault(require('./CallMissedOutgoingRounded'));
-var _CallMissedOutgoingSharp = _interopRequireDefault(require('./CallMissedOutgoingSharp'));
-var _CallMissedOutgoingTwoTone = _interopRequireDefault(require('./CallMissedOutgoingTwoTone'));
-var _CallMissedOutlined = _interopRequireDefault(require('./CallMissedOutlined'));
-var _CallMissedRounded = _interopRequireDefault(require('./CallMissedRounded'));
-var _CallMissedSharp = _interopRequireDefault(require('./CallMissedSharp'));
-var _CallMissedTwoTone = _interopRequireDefault(require('./CallMissedTwoTone'));
-var _CallOutlined = _interopRequireDefault(require('./CallOutlined'));
-var _CallReceived = _interopRequireDefault(require('./CallReceived'));
-var _CallReceivedOutlined = _interopRequireDefault(require('./CallReceivedOutlined'));
-var _CallReceivedRounded = _interopRequireDefault(require('./CallReceivedRounded'));
-var _CallReceivedSharp = _interopRequireDefault(require('./CallReceivedSharp'));
-var _CallReceivedTwoTone = _interopRequireDefault(require('./CallReceivedTwoTone'));
-var _CallRounded = _interopRequireDefault(require('./CallRounded'));
-var _CallSharp = _interopRequireDefault(require('./CallSharp'));
-var _CallSplit = _interopRequireDefault(require('./CallSplit'));
-var _CallSplitOutlined = _interopRequireDefault(require('./CallSplitOutlined'));
-var _CallSplitRounded = _interopRequireDefault(require('./CallSplitRounded'));
-var _CallSplitSharp = _interopRequireDefault(require('./CallSplitSharp'));
-var _CallSplitTwoTone = _interopRequireDefault(require('./CallSplitTwoTone'));
-var _CallToAction = _interopRequireDefault(require('./CallToAction'));
-var _CallToActionOutlined = _interopRequireDefault(require('./CallToActionOutlined'));
-var _CallToActionRounded = _interopRequireDefault(require('./CallToActionRounded'));
-var _CallToActionSharp = _interopRequireDefault(require('./CallToActionSharp'));
-var _CallToActionTwoTone = _interopRequireDefault(require('./CallToActionTwoTone'));
-var _CallTwoTone = _interopRequireDefault(require('./CallTwoTone'));
-var _Camera = _interopRequireDefault(require('./Camera'));
-var _CameraAlt = _interopRequireDefault(require('./CameraAlt'));
-var _CameraAltOutlined = _interopRequireDefault(require('./CameraAltOutlined'));
-var _CameraAltRounded = _interopRequireDefault(require('./CameraAltRounded'));
-var _CameraAltSharp = _interopRequireDefault(require('./CameraAltSharp'));
-var _CameraAltTwoTone = _interopRequireDefault(require('./CameraAltTwoTone'));
-var _CameraEnhance = _interopRequireDefault(require('./CameraEnhance'));
-var _CameraEnhanceOutlined = _interopRequireDefault(require('./CameraEnhanceOutlined'));
-var _CameraEnhanceRounded = _interopRequireDefault(require('./CameraEnhanceRounded'));
-var _CameraEnhanceSharp = _interopRequireDefault(require('./CameraEnhanceSharp'));
-var _CameraEnhanceTwoTone = _interopRequireDefault(require('./CameraEnhanceTwoTone'));
-var _CameraFront = _interopRequireDefault(require('./CameraFront'));
-var _CameraFrontOutlined = _interopRequireDefault(require('./CameraFrontOutlined'));
-var _CameraFrontRounded = _interopRequireDefault(require('./CameraFrontRounded'));
-var _CameraFrontSharp = _interopRequireDefault(require('./CameraFrontSharp'));
-var _CameraFrontTwoTone = _interopRequireDefault(require('./CameraFrontTwoTone'));
-var _CameraIndoor = _interopRequireDefault(require('./CameraIndoor'));
-var _CameraIndoorOutlined = _interopRequireDefault(require('./CameraIndoorOutlined'));
-var _CameraIndoorRounded = _interopRequireDefault(require('./CameraIndoorRounded'));
-var _CameraIndoorSharp = _interopRequireDefault(require('./CameraIndoorSharp'));
-var _CameraIndoorTwoTone = _interopRequireDefault(require('./CameraIndoorTwoTone'));
-var _CameraOutdoor = _interopRequireDefault(require('./CameraOutdoor'));
-var _CameraOutdoorOutlined = _interopRequireDefault(require('./CameraOutdoorOutlined'));
-var _CameraOutdoorRounded = _interopRequireDefault(require('./CameraOutdoorRounded'));
-var _CameraOutdoorSharp = _interopRequireDefault(require('./CameraOutdoorSharp'));
-var _CameraOutdoorTwoTone = _interopRequireDefault(require('./CameraOutdoorTwoTone'));
-var _CameraOutlined = _interopRequireDefault(require('./CameraOutlined'));
-var _CameraRear = _interopRequireDefault(require('./CameraRear'));
-var _CameraRearOutlined = _interopRequireDefault(require('./CameraRearOutlined'));
-var _CameraRearRounded = _interopRequireDefault(require('./CameraRearRounded'));
-var _CameraRearSharp = _interopRequireDefault(require('./CameraRearSharp'));
-var _CameraRearTwoTone = _interopRequireDefault(require('./CameraRearTwoTone'));
-var _CameraRoll = _interopRequireDefault(require('./CameraRoll'));
-var _CameraRollOutlined = _interopRequireDefault(require('./CameraRollOutlined'));
-var _CameraRollRounded = _interopRequireDefault(require('./CameraRollRounded'));
-var _CameraRollSharp = _interopRequireDefault(require('./CameraRollSharp'));
-var _CameraRollTwoTone = _interopRequireDefault(require('./CameraRollTwoTone'));
-var _CameraRounded = _interopRequireDefault(require('./CameraRounded'));
-var _CameraSharp = _interopRequireDefault(require('./CameraSharp'));
-var _CameraTwoTone = _interopRequireDefault(require('./CameraTwoTone'));
-var _Cameraswitch = _interopRequireDefault(require('./Cameraswitch'));
-var _CameraswitchOutlined = _interopRequireDefault(require('./CameraswitchOutlined'));
-var _CameraswitchRounded = _interopRequireDefault(require('./CameraswitchRounded'));
-var _CameraswitchSharp = _interopRequireDefault(require('./CameraswitchSharp'));
-var _CameraswitchTwoTone = _interopRequireDefault(require('./CameraswitchTwoTone'));
-var _Campaign = _interopRequireDefault(require('./Campaign'));
-var _CampaignOutlined = _interopRequireDefault(require('./CampaignOutlined'));
-var _CampaignRounded = _interopRequireDefault(require('./CampaignRounded'));
-var _CampaignSharp = _interopRequireDefault(require('./CampaignSharp'));
-var _CampaignTwoTone = _interopRequireDefault(require('./CampaignTwoTone'));
-var _Cancel = _interopRequireDefault(require('./Cancel'));
-var _CancelOutlined = _interopRequireDefault(require('./CancelOutlined'));
-var _CancelPresentation = _interopRequireDefault(require('./CancelPresentation'));
-var _CancelPresentationOutlined = _interopRequireDefault(require('./CancelPresentationOutlined'));
-var _CancelPresentationRounded = _interopRequireDefault(require('./CancelPresentationRounded'));
-var _CancelPresentationSharp = _interopRequireDefault(require('./CancelPresentationSharp'));
-var _CancelPresentationTwoTone = _interopRequireDefault(require('./CancelPresentationTwoTone'));
-var _CancelRounded = _interopRequireDefault(require('./CancelRounded'));
-var _CancelScheduleSend = _interopRequireDefault(require('./CancelScheduleSend'));
-var _CancelScheduleSendOutlined = _interopRequireDefault(require('./CancelScheduleSendOutlined'));
-var _CancelScheduleSendRounded = _interopRequireDefault(require('./CancelScheduleSendRounded'));
-var _CancelScheduleSendSharp = _interopRequireDefault(require('./CancelScheduleSendSharp'));
-var _CancelScheduleSendTwoTone = _interopRequireDefault(require('./CancelScheduleSendTwoTone'));
-var _CancelSharp = _interopRequireDefault(require('./CancelSharp'));
-var _CancelTwoTone = _interopRequireDefault(require('./CancelTwoTone'));
-var _CandlestickChart = _interopRequireDefault(require('./CandlestickChart'));
-var _CandlestickChartOutlined = _interopRequireDefault(require('./CandlestickChartOutlined'));
-var _CandlestickChartRounded = _interopRequireDefault(require('./CandlestickChartRounded'));
-var _CandlestickChartSharp = _interopRequireDefault(require('./CandlestickChartSharp'));
-var _CandlestickChartTwoTone = _interopRequireDefault(require('./CandlestickChartTwoTone'));
-var _CarCrash = _interopRequireDefault(require('./CarCrash'));
-var _CarCrashOutlined = _interopRequireDefault(require('./CarCrashOutlined'));
-var _CarCrashRounded = _interopRequireDefault(require('./CarCrashRounded'));
-var _CarCrashSharp = _interopRequireDefault(require('./CarCrashSharp'));
-var _CarCrashTwoTone = _interopRequireDefault(require('./CarCrashTwoTone'));
-var _CarRental = _interopRequireDefault(require('./CarRental'));
-var _CarRentalOutlined = _interopRequireDefault(require('./CarRentalOutlined'));
-var _CarRentalRounded = _interopRequireDefault(require('./CarRentalRounded'));
-var _CarRentalSharp = _interopRequireDefault(require('./CarRentalSharp'));
-var _CarRentalTwoTone = _interopRequireDefault(require('./CarRentalTwoTone'));
-var _CarRepair = _interopRequireDefault(require('./CarRepair'));
-var _CarRepairOutlined = _interopRequireDefault(require('./CarRepairOutlined'));
-var _CarRepairRounded = _interopRequireDefault(require('./CarRepairRounded'));
-var _CarRepairSharp = _interopRequireDefault(require('./CarRepairSharp'));
-var _CarRepairTwoTone = _interopRequireDefault(require('./CarRepairTwoTone'));
-var _CardGiftcard = _interopRequireDefault(require('./CardGiftcard'));
-var _CardGiftcardOutlined = _interopRequireDefault(require('./CardGiftcardOutlined'));
-var _CardGiftcardRounded = _interopRequireDefault(require('./CardGiftcardRounded'));
-var _CardGiftcardSharp = _interopRequireDefault(require('./CardGiftcardSharp'));
-var _CardGiftcardTwoTone = _interopRequireDefault(require('./CardGiftcardTwoTone'));
-var _CardMembership = _interopRequireDefault(require('./CardMembership'));
-var _CardMembershipOutlined = _interopRequireDefault(require('./CardMembershipOutlined'));
-var _CardMembershipRounded = _interopRequireDefault(require('./CardMembershipRounded'));
-var _CardMembershipSharp = _interopRequireDefault(require('./CardMembershipSharp'));
-var _CardMembershipTwoTone = _interopRequireDefault(require('./CardMembershipTwoTone'));
-var _CardTravel = _interopRequireDefault(require('./CardTravel'));
-var _CardTravelOutlined = _interopRequireDefault(require('./CardTravelOutlined'));
-var _CardTravelRounded = _interopRequireDefault(require('./CardTravelRounded'));
-var _CardTravelSharp = _interopRequireDefault(require('./CardTravelSharp'));
-var _CardTravelTwoTone = _interopRequireDefault(require('./CardTravelTwoTone'));
-var _Carpenter = _interopRequireDefault(require('./Carpenter'));
-var _CarpenterOutlined = _interopRequireDefault(require('./CarpenterOutlined'));
-var _CarpenterRounded = _interopRequireDefault(require('./CarpenterRounded'));
-var _CarpenterSharp = _interopRequireDefault(require('./CarpenterSharp'));
-var _CarpenterTwoTone = _interopRequireDefault(require('./CarpenterTwoTone'));
-var _Cases = _interopRequireDefault(require('./Cases'));
-var _CasesOutlined = _interopRequireDefault(require('./CasesOutlined'));
-var _CasesRounded = _interopRequireDefault(require('./CasesRounded'));
-var _CasesSharp = _interopRequireDefault(require('./CasesSharp'));
-var _CasesTwoTone = _interopRequireDefault(require('./CasesTwoTone'));
-var _Casino = _interopRequireDefault(require('./Casino'));
-var _CasinoOutlined = _interopRequireDefault(require('./CasinoOutlined'));
-var _CasinoRounded = _interopRequireDefault(require('./CasinoRounded'));
-var _CasinoSharp = _interopRequireDefault(require('./CasinoSharp'));
-var _CasinoTwoTone = _interopRequireDefault(require('./CasinoTwoTone'));
-var _Cast = _interopRequireDefault(require('./Cast'));
-var _CastConnected = _interopRequireDefault(require('./CastConnected'));
-var _CastConnectedOutlined = _interopRequireDefault(require('./CastConnectedOutlined'));
-var _CastConnectedRounded = _interopRequireDefault(require('./CastConnectedRounded'));
-var _CastConnectedSharp = _interopRequireDefault(require('./CastConnectedSharp'));
-var _CastConnectedTwoTone = _interopRequireDefault(require('./CastConnectedTwoTone'));
-var _CastForEducation = _interopRequireDefault(require('./CastForEducation'));
-var _CastForEducationOutlined = _interopRequireDefault(require('./CastForEducationOutlined'));
-var _CastForEducationRounded = _interopRequireDefault(require('./CastForEducationRounded'));
-var _CastForEducationSharp = _interopRequireDefault(require('./CastForEducationSharp'));
-var _CastForEducationTwoTone = _interopRequireDefault(require('./CastForEducationTwoTone'));
-var _CastOutlined = _interopRequireDefault(require('./CastOutlined'));
-var _CastRounded = _interopRequireDefault(require('./CastRounded'));
-var _CastSharp = _interopRequireDefault(require('./CastSharp'));
-var _CastTwoTone = _interopRequireDefault(require('./CastTwoTone'));
-var _Castle = _interopRequireDefault(require('./Castle'));
-var _CastleOutlined = _interopRequireDefault(require('./CastleOutlined'));
-var _CastleRounded = _interopRequireDefault(require('./CastleRounded'));
-var _CastleSharp = _interopRequireDefault(require('./CastleSharp'));
-var _CastleTwoTone = _interopRequireDefault(require('./CastleTwoTone'));
-var _CatchingPokemon = _interopRequireDefault(require('./CatchingPokemon'));
-var _CatchingPokemonOutlined = _interopRequireDefault(require('./CatchingPokemonOutlined'));
-var _CatchingPokemonRounded = _interopRequireDefault(require('./CatchingPokemonRounded'));
-var _CatchingPokemonSharp = _interopRequireDefault(require('./CatchingPokemonSharp'));
-var _CatchingPokemonTwoTone = _interopRequireDefault(require('./CatchingPokemonTwoTone'));
-var _Category = _interopRequireDefault(require('./Category'));
-var _CategoryOutlined = _interopRequireDefault(require('./CategoryOutlined'));
-var _CategoryRounded = _interopRequireDefault(require('./CategoryRounded'));
-var _CategorySharp = _interopRequireDefault(require('./CategorySharp'));
-var _CategoryTwoTone = _interopRequireDefault(require('./CategoryTwoTone'));
-var _Celebration = _interopRequireDefault(require('./Celebration'));
-var _CelebrationOutlined = _interopRequireDefault(require('./CelebrationOutlined'));
-var _CelebrationRounded = _interopRequireDefault(require('./CelebrationRounded'));
-var _CelebrationSharp = _interopRequireDefault(require('./CelebrationSharp'));
-var _CelebrationTwoTone = _interopRequireDefault(require('./CelebrationTwoTone'));
-var _CellTower = _interopRequireDefault(require('./CellTower'));
-var _CellTowerOutlined = _interopRequireDefault(require('./CellTowerOutlined'));
-var _CellTowerRounded = _interopRequireDefault(require('./CellTowerRounded'));
-var _CellTowerSharp = _interopRequireDefault(require('./CellTowerSharp'));
-var _CellTowerTwoTone = _interopRequireDefault(require('./CellTowerTwoTone'));
-var _CellWifi = _interopRequireDefault(require('./CellWifi'));
-var _CellWifiOutlined = _interopRequireDefault(require('./CellWifiOutlined'));
-var _CellWifiRounded = _interopRequireDefault(require('./CellWifiRounded'));
-var _CellWifiSharp = _interopRequireDefault(require('./CellWifiSharp'));
-var _CellWifiTwoTone = _interopRequireDefault(require('./CellWifiTwoTone'));
-var _CenterFocusStrong = _interopRequireDefault(require('./CenterFocusStrong'));
-var _CenterFocusStrongOutlined = _interopRequireDefault(require('./CenterFocusStrongOutlined'));
-var _CenterFocusStrongRounded = _interopRequireDefault(require('./CenterFocusStrongRounded'));
-var _CenterFocusStrongSharp = _interopRequireDefault(require('./CenterFocusStrongSharp'));
-var _CenterFocusStrongTwoTone = _interopRequireDefault(require('./CenterFocusStrongTwoTone'));
-var _CenterFocusWeak = _interopRequireDefault(require('./CenterFocusWeak'));
-var _CenterFocusWeakOutlined = _interopRequireDefault(require('./CenterFocusWeakOutlined'));
-var _CenterFocusWeakRounded = _interopRequireDefault(require('./CenterFocusWeakRounded'));
-var _CenterFocusWeakSharp = _interopRequireDefault(require('./CenterFocusWeakSharp'));
-var _CenterFocusWeakTwoTone = _interopRequireDefault(require('./CenterFocusWeakTwoTone'));
-var _Chair = _interopRequireDefault(require('./Chair'));
-var _ChairAlt = _interopRequireDefault(require('./ChairAlt'));
-var _ChairAltOutlined = _interopRequireDefault(require('./ChairAltOutlined'));
-var _ChairAltRounded = _interopRequireDefault(require('./ChairAltRounded'));
-var _ChairAltSharp = _interopRequireDefault(require('./ChairAltSharp'));
-var _ChairAltTwoTone = _interopRequireDefault(require('./ChairAltTwoTone'));
-var _ChairOutlined = _interopRequireDefault(require('./ChairOutlined'));
-var _ChairRounded = _interopRequireDefault(require('./ChairRounded'));
-var _ChairSharp = _interopRequireDefault(require('./ChairSharp'));
-var _ChairTwoTone = _interopRequireDefault(require('./ChairTwoTone'));
-var _Chalet = _interopRequireDefault(require('./Chalet'));
-var _ChaletOutlined = _interopRequireDefault(require('./ChaletOutlined'));
-var _ChaletRounded = _interopRequireDefault(require('./ChaletRounded'));
-var _ChaletSharp = _interopRequireDefault(require('./ChaletSharp'));
-var _ChaletTwoTone = _interopRequireDefault(require('./ChaletTwoTone'));
-var _ChangeCircle = _interopRequireDefault(require('./ChangeCircle'));
-var _ChangeCircleOutlined = _interopRequireDefault(require('./ChangeCircleOutlined'));
-var _ChangeCircleRounded = _interopRequireDefault(require('./ChangeCircleRounded'));
-var _ChangeCircleSharp = _interopRequireDefault(require('./ChangeCircleSharp'));
-var _ChangeCircleTwoTone = _interopRequireDefault(require('./ChangeCircleTwoTone'));
-var _ChangeHistory = _interopRequireDefault(require('./ChangeHistory'));
-var _ChangeHistoryOutlined = _interopRequireDefault(require('./ChangeHistoryOutlined'));
-var _ChangeHistoryRounded = _interopRequireDefault(require('./ChangeHistoryRounded'));
-var _ChangeHistorySharp = _interopRequireDefault(require('./ChangeHistorySharp'));
-var _ChangeHistoryTwoTone = _interopRequireDefault(require('./ChangeHistoryTwoTone'));
-var _ChargingStation = _interopRequireDefault(require('./ChargingStation'));
-var _ChargingStationOutlined = _interopRequireDefault(require('./ChargingStationOutlined'));
-var _ChargingStationRounded = _interopRequireDefault(require('./ChargingStationRounded'));
-var _ChargingStationSharp = _interopRequireDefault(require('./ChargingStationSharp'));
-var _ChargingStationTwoTone = _interopRequireDefault(require('./ChargingStationTwoTone'));
-var _Chat = _interopRequireDefault(require('./Chat'));
-var _ChatBubble = _interopRequireDefault(require('./ChatBubble'));
-var _ChatBubbleOutline = _interopRequireDefault(require('./ChatBubbleOutline'));
-var _ChatBubbleOutlineOutlined = _interopRequireDefault(require('./ChatBubbleOutlineOutlined'));
-var _ChatBubbleOutlineRounded = _interopRequireDefault(require('./ChatBubbleOutlineRounded'));
-var _ChatBubbleOutlineSharp = _interopRequireDefault(require('./ChatBubbleOutlineSharp'));
-var _ChatBubbleOutlineTwoTone = _interopRequireDefault(require('./ChatBubbleOutlineTwoTone'));
-var _ChatBubbleOutlined = _interopRequireDefault(require('./ChatBubbleOutlined'));
-var _ChatBubbleRounded = _interopRequireDefault(require('./ChatBubbleRounded'));
-var _ChatBubbleSharp = _interopRequireDefault(require('./ChatBubbleSharp'));
-var _ChatBubbleTwoTone = _interopRequireDefault(require('./ChatBubbleTwoTone'));
-var _ChatOutlined = _interopRequireDefault(require('./ChatOutlined'));
-var _ChatRounded = _interopRequireDefault(require('./ChatRounded'));
-var _ChatSharp = _interopRequireDefault(require('./ChatSharp'));
-var _ChatTwoTone = _interopRequireDefault(require('./ChatTwoTone'));
-var _Check = _interopRequireDefault(require('./Check'));
-var _CheckBox = _interopRequireDefault(require('./CheckBox'));
-var _CheckBoxOutlineBlank = _interopRequireDefault(require('./CheckBoxOutlineBlank'));
-var _CheckBoxOutlineBlankOutlined = _interopRequireDefault(
-  require('./CheckBoxOutlineBlankOutlined'),
-);
-var _CheckBoxOutlineBlankRounded = _interopRequireDefault(require('./CheckBoxOutlineBlankRounded'));
-var _CheckBoxOutlineBlankSharp = _interopRequireDefault(require('./CheckBoxOutlineBlankSharp'));
-var _CheckBoxOutlineBlankTwoTone = _interopRequireDefault(require('./CheckBoxOutlineBlankTwoTone'));
-var _CheckBoxOutlined = _interopRequireDefault(require('./CheckBoxOutlined'));
-var _CheckBoxRounded = _interopRequireDefault(require('./CheckBoxRounded'));
-var _CheckBoxSharp = _interopRequireDefault(require('./CheckBoxSharp'));
-var _CheckBoxTwoTone = _interopRequireDefault(require('./CheckBoxTwoTone'));
-var _CheckCircle = _interopRequireDefault(require('./CheckCircle'));
-var _CheckCircleOutline = _interopRequireDefault(require('./CheckCircleOutline'));
-var _CheckCircleOutlineOutlined = _interopRequireDefault(require('./CheckCircleOutlineOutlined'));
-var _CheckCircleOutlineRounded = _interopRequireDefault(require('./CheckCircleOutlineRounded'));
-var _CheckCircleOutlineSharp = _interopRequireDefault(require('./CheckCircleOutlineSharp'));
-var _CheckCircleOutlineTwoTone = _interopRequireDefault(require('./CheckCircleOutlineTwoTone'));
-var _CheckCircleOutlined = _interopRequireDefault(require('./CheckCircleOutlined'));
-var _CheckCircleRounded = _interopRequireDefault(require('./CheckCircleRounded'));
-var _CheckCircleSharp = _interopRequireDefault(require('./CheckCircleSharp'));
-var _CheckCircleTwoTone = _interopRequireDefault(require('./CheckCircleTwoTone'));
-var _CheckOutlined = _interopRequireDefault(require('./CheckOutlined'));
-var _CheckRounded = _interopRequireDefault(require('./CheckRounded'));
-var _CheckSharp = _interopRequireDefault(require('./CheckSharp'));
-var _CheckTwoTone = _interopRequireDefault(require('./CheckTwoTone'));
-var _Checklist = _interopRequireDefault(require('./Checklist'));
-var _ChecklistOutlined = _interopRequireDefault(require('./ChecklistOutlined'));
-var _ChecklistRounded = _interopRequireDefault(require('./ChecklistRounded'));
-var _ChecklistRtl = _interopRequireDefault(require('./ChecklistRtl'));
-var _ChecklistRtlOutlined = _interopRequireDefault(require('./ChecklistRtlOutlined'));
-var _ChecklistRtlRounded = _interopRequireDefault(require('./ChecklistRtlRounded'));
-var _ChecklistRtlSharp = _interopRequireDefault(require('./ChecklistRtlSharp'));
-var _ChecklistRtlTwoTone = _interopRequireDefault(require('./ChecklistRtlTwoTone'));
-var _ChecklistSharp = _interopRequireDefault(require('./ChecklistSharp'));
-var _ChecklistTwoTone = _interopRequireDefault(require('./ChecklistTwoTone'));
-var _Checkroom = _interopRequireDefault(require('./Checkroom'));
-var _CheckroomOutlined = _interopRequireDefault(require('./CheckroomOutlined'));
-var _CheckroomRounded = _interopRequireDefault(require('./CheckroomRounded'));
-var _CheckroomSharp = _interopRequireDefault(require('./CheckroomSharp'));
-var _CheckroomTwoTone = _interopRequireDefault(require('./CheckroomTwoTone'));
-var _ChevronLeft = _interopRequireDefault(require('./ChevronLeft'));
-var _ChevronLeftOutlined = _interopRequireDefault(require('./ChevronLeftOutlined'));
-var _ChevronLeftRounded = _interopRequireDefault(require('./ChevronLeftRounded'));
-var _ChevronLeftSharp = _interopRequireDefault(require('./ChevronLeftSharp'));
-var _ChevronLeftTwoTone = _interopRequireDefault(require('./ChevronLeftTwoTone'));
-var _ChevronRight = _interopRequireDefault(require('./ChevronRight'));
-var _ChevronRightOutlined = _interopRequireDefault(require('./ChevronRightOutlined'));
-var _ChevronRightRounded = _interopRequireDefault(require('./ChevronRightRounded'));
-var _ChevronRightSharp = _interopRequireDefault(require('./ChevronRightSharp'));
-var _ChevronRightTwoTone = _interopRequireDefault(require('./ChevronRightTwoTone'));
-var _ChildCare = _interopRequireDefault(require('./ChildCare'));
-var _ChildCareOutlined = _interopRequireDefault(require('./ChildCareOutlined'));
-var _ChildCareRounded = _interopRequireDefault(require('./ChildCareRounded'));
-var _ChildCareSharp = _interopRequireDefault(require('./ChildCareSharp'));
-var _ChildCareTwoTone = _interopRequireDefault(require('./ChildCareTwoTone'));
-var _ChildFriendly = _interopRequireDefault(require('./ChildFriendly'));
-var _ChildFriendlyOutlined = _interopRequireDefault(require('./ChildFriendlyOutlined'));
-var _ChildFriendlyRounded = _interopRequireDefault(require('./ChildFriendlyRounded'));
-var _ChildFriendlySharp = _interopRequireDefault(require('./ChildFriendlySharp'));
-var _ChildFriendlyTwoTone = _interopRequireDefault(require('./ChildFriendlyTwoTone'));
-var _ChromeReaderMode = _interopRequireDefault(require('./ChromeReaderMode'));
-var _ChromeReaderModeOutlined = _interopRequireDefault(require('./ChromeReaderModeOutlined'));
-var _ChromeReaderModeRounded = _interopRequireDefault(require('./ChromeReaderModeRounded'));
-var _ChromeReaderModeSharp = _interopRequireDefault(require('./ChromeReaderModeSharp'));
-var _ChromeReaderModeTwoTone = _interopRequireDefault(require('./ChromeReaderModeTwoTone'));
-var _Church = _interopRequireDefault(require('./Church'));
-var _ChurchOutlined = _interopRequireDefault(require('./ChurchOutlined'));
-var _ChurchRounded = _interopRequireDefault(require('./ChurchRounded'));
-var _ChurchSharp = _interopRequireDefault(require('./ChurchSharp'));
-var _ChurchTwoTone = _interopRequireDefault(require('./ChurchTwoTone'));
-var _Circle = _interopRequireDefault(require('./Circle'));
-var _CircleNotifications = _interopRequireDefault(require('./CircleNotifications'));
-var _CircleNotificationsOutlined = _interopRequireDefault(require('./CircleNotificationsOutlined'));
-var _CircleNotificationsRounded = _interopRequireDefault(require('./CircleNotificationsRounded'));
-var _CircleNotificationsSharp = _interopRequireDefault(require('./CircleNotificationsSharp'));
-var _CircleNotificationsTwoTone = _interopRequireDefault(require('./CircleNotificationsTwoTone'));
-var _CircleOutlined = _interopRequireDefault(require('./CircleOutlined'));
-var _CircleRounded = _interopRequireDefault(require('./CircleRounded'));
-var _CircleSharp = _interopRequireDefault(require('./CircleSharp'));
-var _CircleTwoTone = _interopRequireDefault(require('./CircleTwoTone'));
-var _Class = _interopRequireDefault(require('./Class'));
-var _ClassOutlined = _interopRequireDefault(require('./ClassOutlined'));
-var _ClassRounded = _interopRequireDefault(require('./ClassRounded'));
-var _ClassSharp = _interopRequireDefault(require('./ClassSharp'));
-var _ClassTwoTone = _interopRequireDefault(require('./ClassTwoTone'));
-var _CleanHands = _interopRequireDefault(require('./CleanHands'));
-var _CleanHandsOutlined = _interopRequireDefault(require('./CleanHandsOutlined'));
-var _CleanHandsRounded = _interopRequireDefault(require('./CleanHandsRounded'));
-var _CleanHandsSharp = _interopRequireDefault(require('./CleanHandsSharp'));
-var _CleanHandsTwoTone = _interopRequireDefault(require('./CleanHandsTwoTone'));
-var _CleaningServices = _interopRequireDefault(require('./CleaningServices'));
-var _CleaningServicesOutlined = _interopRequireDefault(require('./CleaningServicesOutlined'));
-var _CleaningServicesRounded = _interopRequireDefault(require('./CleaningServicesRounded'));
-var _CleaningServicesSharp = _interopRequireDefault(require('./CleaningServicesSharp'));
-var _CleaningServicesTwoTone = _interopRequireDefault(require('./CleaningServicesTwoTone'));
-var _Clear = _interopRequireDefault(require('./Clear'));
-var _ClearAll = _interopRequireDefault(require('./ClearAll'));
-var _ClearAllOutlined = _interopRequireDefault(require('./ClearAllOutlined'));
-var _ClearAllRounded = _interopRequireDefault(require('./ClearAllRounded'));
-var _ClearAllSharp = _interopRequireDefault(require('./ClearAllSharp'));
-var _ClearAllTwoTone = _interopRequireDefault(require('./ClearAllTwoTone'));
-var _ClearOutlined = _interopRequireDefault(require('./ClearOutlined'));
-var _ClearRounded = _interopRequireDefault(require('./ClearRounded'));
-var _ClearSharp = _interopRequireDefault(require('./ClearSharp'));
-var _ClearTwoTone = _interopRequireDefault(require('./ClearTwoTone'));
-var _Close = _interopRequireDefault(require('./Close'));
-var _CloseFullscreen = _interopRequireDefault(require('./CloseFullscreen'));
-var _CloseFullscreenOutlined = _interopRequireDefault(require('./CloseFullscreenOutlined'));
-var _CloseFullscreenRounded = _interopRequireDefault(require('./CloseFullscreenRounded'));
-var _CloseFullscreenSharp = _interopRequireDefault(require('./CloseFullscreenSharp'));
-var _CloseFullscreenTwoTone = _interopRequireDefault(require('./CloseFullscreenTwoTone'));
-var _CloseOutlined = _interopRequireDefault(require('./CloseOutlined'));
-var _CloseRounded = _interopRequireDefault(require('./CloseRounded'));
-var _CloseSharp = _interopRequireDefault(require('./CloseSharp'));
-var _CloseTwoTone = _interopRequireDefault(require('./CloseTwoTone'));
-var _ClosedCaption = _interopRequireDefault(require('./ClosedCaption'));
-var _ClosedCaptionDisabled = _interopRequireDefault(require('./ClosedCaptionDisabled'));
-var _ClosedCaptionDisabledOutlined = _interopRequireDefault(
-  require('./ClosedCaptionDisabledOutlined'),
-);
-var _ClosedCaptionDisabledRounded = _interopRequireDefault(
-  require('./ClosedCaptionDisabledRounded'),
-);
-var _ClosedCaptionDisabledSharp = _interopRequireDefault(require('./ClosedCaptionDisabledSharp'));
-var _ClosedCaptionDisabledTwoTone = _interopRequireDefault(
-  require('./ClosedCaptionDisabledTwoTone'),
-);
-var _ClosedCaptionOff = _interopRequireDefault(require('./ClosedCaptionOff'));
-var _ClosedCaptionOffOutlined = _interopRequireDefault(require('./ClosedCaptionOffOutlined'));
-var _ClosedCaptionOffRounded = _interopRequireDefault(require('./ClosedCaptionOffRounded'));
-var _ClosedCaptionOffSharp = _interopRequireDefault(require('./ClosedCaptionOffSharp'));
-var _ClosedCaptionOffTwoTone = _interopRequireDefault(require('./ClosedCaptionOffTwoTone'));
-var _ClosedCaptionOutlined = _interopRequireDefault(require('./ClosedCaptionOutlined'));
-var _ClosedCaptionRounded = _interopRequireDefault(require('./ClosedCaptionRounded'));
-var _ClosedCaptionSharp = _interopRequireDefault(require('./ClosedCaptionSharp'));
-var _ClosedCaptionTwoTone = _interopRequireDefault(require('./ClosedCaptionTwoTone'));
-var _Cloud = _interopRequireDefault(require('./Cloud'));
-var _CloudCircle = _interopRequireDefault(require('./CloudCircle'));
-var _CloudCircleOutlined = _interopRequireDefault(require('./CloudCircleOutlined'));
-var _CloudCircleRounded = _interopRequireDefault(require('./CloudCircleRounded'));
-var _CloudCircleSharp = _interopRequireDefault(require('./CloudCircleSharp'));
-var _CloudCircleTwoTone = _interopRequireDefault(require('./CloudCircleTwoTone'));
-var _CloudDone = _interopRequireDefault(require('./CloudDone'));
-var _CloudDoneOutlined = _interopRequireDefault(require('./CloudDoneOutlined'));
-var _CloudDoneRounded = _interopRequireDefault(require('./CloudDoneRounded'));
-var _CloudDoneSharp = _interopRequireDefault(require('./CloudDoneSharp'));
-var _CloudDoneTwoTone = _interopRequireDefault(require('./CloudDoneTwoTone'));
-var _CloudDownload = _interopRequireDefault(require('./CloudDownload'));
-var _CloudDownloadOutlined = _interopRequireDefault(require('./CloudDownloadOutlined'));
-var _CloudDownloadRounded = _interopRequireDefault(require('./CloudDownloadRounded'));
-var _CloudDownloadSharp = _interopRequireDefault(require('./CloudDownloadSharp'));
-var _CloudDownloadTwoTone = _interopRequireDefault(require('./CloudDownloadTwoTone'));
-var _CloudOff = _interopRequireDefault(require('./CloudOff'));
-var _CloudOffOutlined = _interopRequireDefault(require('./CloudOffOutlined'));
-var _CloudOffRounded = _interopRequireDefault(require('./CloudOffRounded'));
-var _CloudOffSharp = _interopRequireDefault(require('./CloudOffSharp'));
-var _CloudOffTwoTone = _interopRequireDefault(require('./CloudOffTwoTone'));
-var _CloudOutlined = _interopRequireDefault(require('./CloudOutlined'));
-var _CloudQueue = _interopRequireDefault(require('./CloudQueue'));
-var _CloudQueueOutlined = _interopRequireDefault(require('./CloudQueueOutlined'));
-var _CloudQueueRounded = _interopRequireDefault(require('./CloudQueueRounded'));
-var _CloudQueueSharp = _interopRequireDefault(require('./CloudQueueSharp'));
-var _CloudQueueTwoTone = _interopRequireDefault(require('./CloudQueueTwoTone'));
-var _CloudRounded = _interopRequireDefault(require('./CloudRounded'));
-var _CloudSharp = _interopRequireDefault(require('./CloudSharp'));
-var _CloudSync = _interopRequireDefault(require('./CloudSync'));
-var _CloudSyncOutlined = _interopRequireDefault(require('./CloudSyncOutlined'));
-var _CloudSyncRounded = _interopRequireDefault(require('./CloudSyncRounded'));
-var _CloudSyncSharp = _interopRequireDefault(require('./CloudSyncSharp'));
-var _CloudSyncTwoTone = _interopRequireDefault(require('./CloudSyncTwoTone'));
-var _CloudTwoTone = _interopRequireDefault(require('./CloudTwoTone'));
-var _CloudUpload = _interopRequireDefault(require('./CloudUpload'));
-var _CloudUploadOutlined = _interopRequireDefault(require('./CloudUploadOutlined'));
-var _CloudUploadRounded = _interopRequireDefault(require('./CloudUploadRounded'));
-var _CloudUploadSharp = _interopRequireDefault(require('./CloudUploadSharp'));
-var _CloudUploadTwoTone = _interopRequireDefault(require('./CloudUploadTwoTone'));
-var _Co = _interopRequireDefault(require('./Co2'));
-var _Co2Outlined = _interopRequireDefault(require('./Co2Outlined'));
-var _Co2Rounded = _interopRequireDefault(require('./Co2Rounded'));
-var _Co2Sharp = _interopRequireDefault(require('./Co2Sharp'));
-var _Co2TwoTone = _interopRequireDefault(require('./Co2TwoTone'));
-var _CoPresent = _interopRequireDefault(require('./CoPresent'));
-var _CoPresentOutlined = _interopRequireDefault(require('./CoPresentOutlined'));
-var _CoPresentRounded = _interopRequireDefault(require('./CoPresentRounded'));
-var _CoPresentSharp = _interopRequireDefault(require('./CoPresentSharp'));
-var _CoPresentTwoTone = _interopRequireDefault(require('./CoPresentTwoTone'));
-var _Code = _interopRequireDefault(require('./Code'));
-var _CodeOff = _interopRequireDefault(require('./CodeOff'));
-var _CodeOffOutlined = _interopRequireDefault(require('./CodeOffOutlined'));
-var _CodeOffRounded = _interopRequireDefault(require('./CodeOffRounded'));
-var _CodeOffSharp = _interopRequireDefault(require('./CodeOffSharp'));
-var _CodeOffTwoTone = _interopRequireDefault(require('./CodeOffTwoTone'));
-var _CodeOutlined = _interopRequireDefault(require('./CodeOutlined'));
-var _CodeRounded = _interopRequireDefault(require('./CodeRounded'));
-var _CodeSharp = _interopRequireDefault(require('./CodeSharp'));
-var _CodeTwoTone = _interopRequireDefault(require('./CodeTwoTone'));
-var _Coffee = _interopRequireDefault(require('./Coffee'));
-var _CoffeeMaker = _interopRequireDefault(require('./CoffeeMaker'));
-var _CoffeeMakerOutlined = _interopRequireDefault(require('./CoffeeMakerOutlined'));
-var _CoffeeMakerRounded = _interopRequireDefault(require('./CoffeeMakerRounded'));
-var _CoffeeMakerSharp = _interopRequireDefault(require('./CoffeeMakerSharp'));
-var _CoffeeMakerTwoTone = _interopRequireDefault(require('./CoffeeMakerTwoTone'));
-var _CoffeeOutlined = _interopRequireDefault(require('./CoffeeOutlined'));
-var _CoffeeRounded = _interopRequireDefault(require('./CoffeeRounded'));
-var _CoffeeSharp = _interopRequireDefault(require('./CoffeeSharp'));
-var _CoffeeTwoTone = _interopRequireDefault(require('./CoffeeTwoTone'));
-var _Collections = _interopRequireDefault(require('./Collections'));
-var _CollectionsBookmark = _interopRequireDefault(require('./CollectionsBookmark'));
-var _CollectionsBookmarkOutlined = _interopRequireDefault(require('./CollectionsBookmarkOutlined'));
-var _CollectionsBookmarkRounded = _interopRequireDefault(require('./CollectionsBookmarkRounded'));
-var _CollectionsBookmarkSharp = _interopRequireDefault(require('./CollectionsBookmarkSharp'));
-var _CollectionsBookmarkTwoTone = _interopRequireDefault(require('./CollectionsBookmarkTwoTone'));
-var _CollectionsOutlined = _interopRequireDefault(require('./CollectionsOutlined'));
-var _CollectionsRounded = _interopRequireDefault(require('./CollectionsRounded'));
-var _CollectionsSharp = _interopRequireDefault(require('./CollectionsSharp'));
-var _CollectionsTwoTone = _interopRequireDefault(require('./CollectionsTwoTone'));
-var _ColorLens = _interopRequireDefault(require('./ColorLens'));
-var _ColorLensOutlined = _interopRequireDefault(require('./ColorLensOutlined'));
-var _ColorLensRounded = _interopRequireDefault(require('./ColorLensRounded'));
-var _ColorLensSharp = _interopRequireDefault(require('./ColorLensSharp'));
-var _ColorLensTwoTone = _interopRequireDefault(require('./ColorLensTwoTone'));
-var _Colorize = _interopRequireDefault(require('./Colorize'));
-var _ColorizeOutlined = _interopRequireDefault(require('./ColorizeOutlined'));
-var _ColorizeRounded = _interopRequireDefault(require('./ColorizeRounded'));
-var _ColorizeSharp = _interopRequireDefault(require('./ColorizeSharp'));
-var _ColorizeTwoTone = _interopRequireDefault(require('./ColorizeTwoTone'));
-var _Comment = _interopRequireDefault(require('./Comment'));
-var _CommentBank = _interopRequireDefault(require('./CommentBank'));
-var _CommentBankOutlined = _interopRequireDefault(require('./CommentBankOutlined'));
-var _CommentBankRounded = _interopRequireDefault(require('./CommentBankRounded'));
-var _CommentBankSharp = _interopRequireDefault(require('./CommentBankSharp'));
-var _CommentBankTwoTone = _interopRequireDefault(require('./CommentBankTwoTone'));
-var _CommentOutlined = _interopRequireDefault(require('./CommentOutlined'));
-var _CommentRounded = _interopRequireDefault(require('./CommentRounded'));
-var _CommentSharp = _interopRequireDefault(require('./CommentSharp'));
-var _CommentTwoTone = _interopRequireDefault(require('./CommentTwoTone'));
-var _CommentsDisabled = _interopRequireDefault(require('./CommentsDisabled'));
-var _CommentsDisabledOutlined = _interopRequireDefault(require('./CommentsDisabledOutlined'));
-var _CommentsDisabledRounded = _interopRequireDefault(require('./CommentsDisabledRounded'));
-var _CommentsDisabledSharp = _interopRequireDefault(require('./CommentsDisabledSharp'));
-var _CommentsDisabledTwoTone = _interopRequireDefault(require('./CommentsDisabledTwoTone'));
-var _Commit = _interopRequireDefault(require('./Commit'));
-var _CommitOutlined = _interopRequireDefault(require('./CommitOutlined'));
-var _CommitRounded = _interopRequireDefault(require('./CommitRounded'));
-var _CommitSharp = _interopRequireDefault(require('./CommitSharp'));
-var _CommitTwoTone = _interopRequireDefault(require('./CommitTwoTone'));
-var _Commute = _interopRequireDefault(require('./Commute'));
-var _CommuteOutlined = _interopRequireDefault(require('./CommuteOutlined'));
-var _CommuteRounded = _interopRequireDefault(require('./CommuteRounded'));
-var _CommuteSharp = _interopRequireDefault(require('./CommuteSharp'));
-var _CommuteTwoTone = _interopRequireDefault(require('./CommuteTwoTone'));
-var _Compare = _interopRequireDefault(require('./Compare'));
-var _CompareArrows = _interopRequireDefault(require('./CompareArrows'));
-var _CompareArrowsOutlined = _interopRequireDefault(require('./CompareArrowsOutlined'));
-var _CompareArrowsRounded = _interopRequireDefault(require('./CompareArrowsRounded'));
-var _CompareArrowsSharp = _interopRequireDefault(require('./CompareArrowsSharp'));
-var _CompareArrowsTwoTone = _interopRequireDefault(require('./CompareArrowsTwoTone'));
-var _CompareOutlined = _interopRequireDefault(require('./CompareOutlined'));
-var _CompareRounded = _interopRequireDefault(require('./CompareRounded'));
-var _CompareSharp = _interopRequireDefault(require('./CompareSharp'));
-var _CompareTwoTone = _interopRequireDefault(require('./CompareTwoTone'));
-var _CompassCalibration = _interopRequireDefault(require('./CompassCalibration'));
-var _CompassCalibrationOutlined = _interopRequireDefault(require('./CompassCalibrationOutlined'));
-var _CompassCalibrationRounded = _interopRequireDefault(require('./CompassCalibrationRounded'));
-var _CompassCalibrationSharp = _interopRequireDefault(require('./CompassCalibrationSharp'));
-var _CompassCalibrationTwoTone = _interopRequireDefault(require('./CompassCalibrationTwoTone'));
-var _Compress = _interopRequireDefault(require('./Compress'));
-var _CompressOutlined = _interopRequireDefault(require('./CompressOutlined'));
-var _CompressRounded = _interopRequireDefault(require('./CompressRounded'));
-var _CompressSharp = _interopRequireDefault(require('./CompressSharp'));
-var _CompressTwoTone = _interopRequireDefault(require('./CompressTwoTone'));
-var _Computer = _interopRequireDefault(require('./Computer'));
-var _ComputerOutlined = _interopRequireDefault(require('./ComputerOutlined'));
-var _ComputerRounded = _interopRequireDefault(require('./ComputerRounded'));
-var _ComputerSharp = _interopRequireDefault(require('./ComputerSharp'));
-var _ComputerTwoTone = _interopRequireDefault(require('./ComputerTwoTone'));
-var _ConfirmationNumber = _interopRequireDefault(require('./ConfirmationNumber'));
-var _ConfirmationNumberOutlined = _interopRequireDefault(require('./ConfirmationNumberOutlined'));
-var _ConfirmationNumberRounded = _interopRequireDefault(require('./ConfirmationNumberRounded'));
-var _ConfirmationNumberSharp = _interopRequireDefault(require('./ConfirmationNumberSharp'));
-var _ConfirmationNumberTwoTone = _interopRequireDefault(require('./ConfirmationNumberTwoTone'));
-var _ConnectWithoutContact = _interopRequireDefault(require('./ConnectWithoutContact'));
-var _ConnectWithoutContactOutlined = _interopRequireDefault(
-  require('./ConnectWithoutContactOutlined'),
-);
-var _ConnectWithoutContactRounded = _interopRequireDefault(
-  require('./ConnectWithoutContactRounded'),
-);
-var _ConnectWithoutContactSharp = _interopRequireDefault(require('./ConnectWithoutContactSharp'));
-var _ConnectWithoutContactTwoTone = _interopRequireDefault(
-  require('./ConnectWithoutContactTwoTone'),
-);
-var _ConnectedTv = _interopRequireDefault(require('./ConnectedTv'));
-var _ConnectedTvOutlined = _interopRequireDefault(require('./ConnectedTvOutlined'));
-var _ConnectedTvRounded = _interopRequireDefault(require('./ConnectedTvRounded'));
-var _ConnectedTvSharp = _interopRequireDefault(require('./ConnectedTvSharp'));
-var _ConnectedTvTwoTone = _interopRequireDefault(require('./ConnectedTvTwoTone'));
-var _ConnectingAirports = _interopRequireDefault(require('./ConnectingAirports'));
-var _ConnectingAirportsOutlined = _interopRequireDefault(require('./ConnectingAirportsOutlined'));
-var _ConnectingAirportsRounded = _interopRequireDefault(require('./ConnectingAirportsRounded'));
-var _ConnectingAirportsSharp = _interopRequireDefault(require('./ConnectingAirportsSharp'));
-var _ConnectingAirportsTwoTone = _interopRequireDefault(require('./ConnectingAirportsTwoTone'));
-var _Construction = _interopRequireDefault(require('./Construction'));
-var _ConstructionOutlined = _interopRequireDefault(require('./ConstructionOutlined'));
-var _ConstructionRounded = _interopRequireDefault(require('./ConstructionRounded'));
-var _ConstructionSharp = _interopRequireDefault(require('./ConstructionSharp'));
-var _ConstructionTwoTone = _interopRequireDefault(require('./ConstructionTwoTone'));
-var _ContactEmergency = _interopRequireDefault(require('./ContactEmergency'));
-var _ContactEmergencyOutlined = _interopRequireDefault(require('./ContactEmergencyOutlined'));
-var _ContactEmergencyRounded = _interopRequireDefault(require('./ContactEmergencyRounded'));
-var _ContactEmergencySharp = _interopRequireDefault(require('./ContactEmergencySharp'));
-var _ContactEmergencyTwoTone = _interopRequireDefault(require('./ContactEmergencyTwoTone'));
-var _ContactMail = _interopRequireDefault(require('./ContactMail'));
-var _ContactMailOutlined = _interopRequireDefault(require('./ContactMailOutlined'));
-var _ContactMailRounded = _interopRequireDefault(require('./ContactMailRounded'));
-var _ContactMailSharp = _interopRequireDefault(require('./ContactMailSharp'));
-var _ContactMailTwoTone = _interopRequireDefault(require('./ContactMailTwoTone'));
-var _ContactPage = _interopRequireDefault(require('./ContactPage'));
-var _ContactPageOutlined = _interopRequireDefault(require('./ContactPageOutlined'));
-var _ContactPageRounded = _interopRequireDefault(require('./ContactPageRounded'));
-var _ContactPageSharp = _interopRequireDefault(require('./ContactPageSharp'));
-var _ContactPageTwoTone = _interopRequireDefault(require('./ContactPageTwoTone'));
-var _ContactPhone = _interopRequireDefault(require('./ContactPhone'));
-var _ContactPhoneOutlined = _interopRequireDefault(require('./ContactPhoneOutlined'));
-var _ContactPhoneRounded = _interopRequireDefault(require('./ContactPhoneRounded'));
-var _ContactPhoneSharp = _interopRequireDefault(require('./ContactPhoneSharp'));
-var _ContactPhoneTwoTone = _interopRequireDefault(require('./ContactPhoneTwoTone'));
-var _ContactSupport = _interopRequireDefault(require('./ContactSupport'));
-var _ContactSupportOutlined = _interopRequireDefault(require('./ContactSupportOutlined'));
-var _ContactSupportRounded = _interopRequireDefault(require('./ContactSupportRounded'));
-var _ContactSupportSharp = _interopRequireDefault(require('./ContactSupportSharp'));
-var _ContactSupportTwoTone = _interopRequireDefault(require('./ContactSupportTwoTone'));
-var _Contactless = _interopRequireDefault(require('./Contactless'));
-var _ContactlessOutlined = _interopRequireDefault(require('./ContactlessOutlined'));
-var _ContactlessRounded = _interopRequireDefault(require('./ContactlessRounded'));
-var _ContactlessSharp = _interopRequireDefault(require('./ContactlessSharp'));
-var _ContactlessTwoTone = _interopRequireDefault(require('./ContactlessTwoTone'));
-var _Contacts = _interopRequireDefault(require('./Contacts'));
-var _ContactsOutlined = _interopRequireDefault(require('./ContactsOutlined'));
-var _ContactsRounded = _interopRequireDefault(require('./ContactsRounded'));
-var _ContactsSharp = _interopRequireDefault(require('./ContactsSharp'));
-var _ContactsTwoTone = _interopRequireDefault(require('./ContactsTwoTone'));
-var _ContentCopy = _interopRequireDefault(require('./ContentCopy'));
-var _ContentCopyOutlined = _interopRequireDefault(require('./ContentCopyOutlined'));
-var _ContentCopyRounded = _interopRequireDefault(require('./ContentCopyRounded'));
-var _ContentCopySharp = _interopRequireDefault(require('./ContentCopySharp'));
-var _ContentCopyTwoTone = _interopRequireDefault(require('./ContentCopyTwoTone'));
-var _ContentCut = _interopRequireDefault(require('./ContentCut'));
-var _ContentCutOutlined = _interopRequireDefault(require('./ContentCutOutlined'));
-var _ContentCutRounded = _interopRequireDefault(require('./ContentCutRounded'));
-var _ContentCutSharp = _interopRequireDefault(require('./ContentCutSharp'));
-var _ContentCutTwoTone = _interopRequireDefault(require('./ContentCutTwoTone'));
-var _ContentPaste = _interopRequireDefault(require('./ContentPaste'));
-var _ContentPasteGo = _interopRequireDefault(require('./ContentPasteGo'));
-var _ContentPasteGoOutlined = _interopRequireDefault(require('./ContentPasteGoOutlined'));
-var _ContentPasteGoRounded = _interopRequireDefault(require('./ContentPasteGoRounded'));
-var _ContentPasteGoSharp = _interopRequireDefault(require('./ContentPasteGoSharp'));
-var _ContentPasteGoTwoTone = _interopRequireDefault(require('./ContentPasteGoTwoTone'));
-var _ContentPasteOff = _interopRequireDefault(require('./ContentPasteOff'));
-var _ContentPasteOffOutlined = _interopRequireDefault(require('./ContentPasteOffOutlined'));
-var _ContentPasteOffRounded = _interopRequireDefault(require('./ContentPasteOffRounded'));
-var _ContentPasteOffSharp = _interopRequireDefault(require('./ContentPasteOffSharp'));
-var _ContentPasteOffTwoTone = _interopRequireDefault(require('./ContentPasteOffTwoTone'));
-var _ContentPasteOutlined = _interopRequireDefault(require('./ContentPasteOutlined'));
-var _ContentPasteRounded = _interopRequireDefault(require('./ContentPasteRounded'));
-var _ContentPasteSearch = _interopRequireDefault(require('./ContentPasteSearch'));
-var _ContentPasteSearchOutlined = _interopRequireDefault(require('./ContentPasteSearchOutlined'));
-var _ContentPasteSearchRounded = _interopRequireDefault(require('./ContentPasteSearchRounded'));
-var _ContentPasteSearchSharp = _interopRequireDefault(require('./ContentPasteSearchSharp'));
-var _ContentPasteSearchTwoTone = _interopRequireDefault(require('./ContentPasteSearchTwoTone'));
-var _ContentPasteSharp = _interopRequireDefault(require('./ContentPasteSharp'));
-var _ContentPasteTwoTone = _interopRequireDefault(require('./ContentPasteTwoTone'));
-var _Contrast = _interopRequireDefault(require('./Contrast'));
-var _ContrastOutlined = _interopRequireDefault(require('./ContrastOutlined'));
-var _ContrastRounded = _interopRequireDefault(require('./ContrastRounded'));
-var _ContrastSharp = _interopRequireDefault(require('./ContrastSharp'));
-var _ContrastTwoTone = _interopRequireDefault(require('./ContrastTwoTone'));
-var _ControlCamera = _interopRequireDefault(require('./ControlCamera'));
-var _ControlCameraOutlined = _interopRequireDefault(require('./ControlCameraOutlined'));
-var _ControlCameraRounded = _interopRequireDefault(require('./ControlCameraRounded'));
-var _ControlCameraSharp = _interopRequireDefault(require('./ControlCameraSharp'));
-var _ControlCameraTwoTone = _interopRequireDefault(require('./ControlCameraTwoTone'));
-var _ControlPoint = _interopRequireDefault(require('./ControlPoint'));
-var _ControlPointDuplicate = _interopRequireDefault(require('./ControlPointDuplicate'));
-var _ControlPointDuplicateOutlined = _interopRequireDefault(
-  require('./ControlPointDuplicateOutlined'),
-);
-var _ControlPointDuplicateRounded = _interopRequireDefault(
-  require('./ControlPointDuplicateRounded'),
-);
-var _ControlPointDuplicateSharp = _interopRequireDefault(require('./ControlPointDuplicateSharp'));
-var _ControlPointDuplicateTwoTone = _interopRequireDefault(
-  require('./ControlPointDuplicateTwoTone'),
-);
-var _ControlPointOutlined = _interopRequireDefault(require('./ControlPointOutlined'));
-var _ControlPointRounded = _interopRequireDefault(require('./ControlPointRounded'));
-var _ControlPointSharp = _interopRequireDefault(require('./ControlPointSharp'));
-var _ControlPointTwoTone = _interopRequireDefault(require('./ControlPointTwoTone'));
-var _Cookie = _interopRequireDefault(require('./Cookie'));
-var _CookieOutlined = _interopRequireDefault(require('./CookieOutlined'));
-var _CookieRounded = _interopRequireDefault(require('./CookieRounded'));
-var _CookieSharp = _interopRequireDefault(require('./CookieSharp'));
-var _CookieTwoTone = _interopRequireDefault(require('./CookieTwoTone'));
-var _CopyAll = _interopRequireDefault(require('./CopyAll'));
-var _CopyAllOutlined = _interopRequireDefault(require('./CopyAllOutlined'));
-var _CopyAllRounded = _interopRequireDefault(require('./CopyAllRounded'));
-var _CopyAllSharp = _interopRequireDefault(require('./CopyAllSharp'));
-var _CopyAllTwoTone = _interopRequireDefault(require('./CopyAllTwoTone'));
-var _Copyright = _interopRequireDefault(require('./Copyright'));
-var _CopyrightOutlined = _interopRequireDefault(require('./CopyrightOutlined'));
-var _CopyrightRounded = _interopRequireDefault(require('./CopyrightRounded'));
-var _CopyrightSharp = _interopRequireDefault(require('./CopyrightSharp'));
-var _CopyrightTwoTone = _interopRequireDefault(require('./CopyrightTwoTone'));
-var _Coronavirus = _interopRequireDefault(require('./Coronavirus'));
-var _CoronavirusOutlined = _interopRequireDefault(require('./CoronavirusOutlined'));
-var _CoronavirusRounded = _interopRequireDefault(require('./CoronavirusRounded'));
-var _CoronavirusSharp = _interopRequireDefault(require('./CoronavirusSharp'));
-var _CoronavirusTwoTone = _interopRequireDefault(require('./CoronavirusTwoTone'));
-var _CorporateFare = _interopRequireDefault(require('./CorporateFare'));
-var _CorporateFareOutlined = _interopRequireDefault(require('./CorporateFareOutlined'));
-var _CorporateFareRounded = _interopRequireDefault(require('./CorporateFareRounded'));
-var _CorporateFareSharp = _interopRequireDefault(require('./CorporateFareSharp'));
-var _CorporateFareTwoTone = _interopRequireDefault(require('./CorporateFareTwoTone'));
-var _Cottage = _interopRequireDefault(require('./Cottage'));
-var _CottageOutlined = _interopRequireDefault(require('./CottageOutlined'));
-var _CottageRounded = _interopRequireDefault(require('./CottageRounded'));
-var _CottageSharp = _interopRequireDefault(require('./CottageSharp'));
-var _CottageTwoTone = _interopRequireDefault(require('./CottageTwoTone'));
-var _Countertops = _interopRequireDefault(require('./Countertops'));
-var _CountertopsOutlined = _interopRequireDefault(require('./CountertopsOutlined'));
-var _CountertopsRounded = _interopRequireDefault(require('./CountertopsRounded'));
-var _CountertopsSharp = _interopRequireDefault(require('./CountertopsSharp'));
-var _CountertopsTwoTone = _interopRequireDefault(require('./CountertopsTwoTone'));
-var _Create = _interopRequireDefault(require('./Create'));
-var _CreateNewFolder = _interopRequireDefault(require('./CreateNewFolder'));
-var _CreateNewFolderOutlined = _interopRequireDefault(require('./CreateNewFolderOutlined'));
-var _CreateNewFolderRounded = _interopRequireDefault(require('./CreateNewFolderRounded'));
-var _CreateNewFolderSharp = _interopRequireDefault(require('./CreateNewFolderSharp'));
-var _CreateNewFolderTwoTone = _interopRequireDefault(require('./CreateNewFolderTwoTone'));
-var _CreateOutlined = _interopRequireDefault(require('./CreateOutlined'));
-var _CreateRounded = _interopRequireDefault(require('./CreateRounded'));
-var _CreateSharp = _interopRequireDefault(require('./CreateSharp'));
-var _CreateTwoTone = _interopRequireDefault(require('./CreateTwoTone'));
-var _CreditCard = _interopRequireDefault(require('./CreditCard'));
-var _CreditCardOff = _interopRequireDefault(require('./CreditCardOff'));
-var _CreditCardOffOutlined = _interopRequireDefault(require('./CreditCardOffOutlined'));
-var _CreditCardOffRounded = _interopRequireDefault(require('./CreditCardOffRounded'));
-var _CreditCardOffSharp = _interopRequireDefault(require('./CreditCardOffSharp'));
-var _CreditCardOffTwoTone = _interopRequireDefault(require('./CreditCardOffTwoTone'));
-var _CreditCardOutlined = _interopRequireDefault(require('./CreditCardOutlined'));
-var _CreditCardRounded = _interopRequireDefault(require('./CreditCardRounded'));
-var _CreditCardSharp = _interopRequireDefault(require('./CreditCardSharp'));
-var _CreditCardTwoTone = _interopRequireDefault(require('./CreditCardTwoTone'));
-var _CreditScore = _interopRequireDefault(require('./CreditScore'));
-var _CreditScoreOutlined = _interopRequireDefault(require('./CreditScoreOutlined'));
-var _CreditScoreRounded = _interopRequireDefault(require('./CreditScoreRounded'));
-var _CreditScoreSharp = _interopRequireDefault(require('./CreditScoreSharp'));
-var _CreditScoreTwoTone = _interopRequireDefault(require('./CreditScoreTwoTone'));
-var _Crib = _interopRequireDefault(require('./Crib'));
-var _CribOutlined = _interopRequireDefault(require('./CribOutlined'));
-var _CribRounded = _interopRequireDefault(require('./CribRounded'));
-var _CribSharp = _interopRequireDefault(require('./CribSharp'));
-var _CribTwoTone = _interopRequireDefault(require('./CribTwoTone'));
-var _CrisisAlert = _interopRequireDefault(require('./CrisisAlert'));
-var _CrisisAlertOutlined = _interopRequireDefault(require('./CrisisAlertOutlined'));
-var _CrisisAlertRounded = _interopRequireDefault(require('./CrisisAlertRounded'));
-var _CrisisAlertSharp = _interopRequireDefault(require('./CrisisAlertSharp'));
-var _CrisisAlertTwoTone = _interopRequireDefault(require('./CrisisAlertTwoTone'));
-var _Crop = _interopRequireDefault(require('./Crop'));
-var _Crop2 = _interopRequireDefault(require('./Crop169'));
-var _Crop169Outlined = _interopRequireDefault(require('./Crop169Outlined'));
-var _Crop169Rounded = _interopRequireDefault(require('./Crop169Rounded'));
-var _Crop169Sharp = _interopRequireDefault(require('./Crop169Sharp'));
-var _Crop169TwoTone = _interopRequireDefault(require('./Crop169TwoTone'));
-var _Crop3 = _interopRequireDefault(require('./Crop32'));
-var _Crop32Outlined = _interopRequireDefault(require('./Crop32Outlined'));
-var _Crop32Rounded = _interopRequireDefault(require('./Crop32Rounded'));
-var _Crop32Sharp = _interopRequireDefault(require('./Crop32Sharp'));
-var _Crop32TwoTone = _interopRequireDefault(require('./Crop32TwoTone'));
-var _Crop4 = _interopRequireDefault(require('./Crop54'));
-var _Crop54Outlined = _interopRequireDefault(require('./Crop54Outlined'));
-var _Crop54Rounded = _interopRequireDefault(require('./Crop54Rounded'));
-var _Crop54Sharp = _interopRequireDefault(require('./Crop54Sharp'));
-var _Crop54TwoTone = _interopRequireDefault(require('./Crop54TwoTone'));
-var _Crop5 = _interopRequireDefault(require('./Crop75'));
-var _Crop75Outlined = _interopRequireDefault(require('./Crop75Outlined'));
-var _Crop75Rounded = _interopRequireDefault(require('./Crop75Rounded'));
-var _Crop75Sharp = _interopRequireDefault(require('./Crop75Sharp'));
-var _Crop75TwoTone = _interopRequireDefault(require('./Crop75TwoTone'));
-var _CropDin = _interopRequireDefault(require('./CropDin'));
-var _CropDinOutlined = _interopRequireDefault(require('./CropDinOutlined'));
-var _CropDinRounded = _interopRequireDefault(require('./CropDinRounded'));
-var _CropDinSharp = _interopRequireDefault(require('./CropDinSharp'));
-var _CropDinTwoTone = _interopRequireDefault(require('./CropDinTwoTone'));
-var _CropFree = _interopRequireDefault(require('./CropFree'));
-var _CropFreeOutlined = _interopRequireDefault(require('./CropFreeOutlined'));
-var _CropFreeRounded = _interopRequireDefault(require('./CropFreeRounded'));
-var _CropFreeSharp = _interopRequireDefault(require('./CropFreeSharp'));
-var _CropFreeTwoTone = _interopRequireDefault(require('./CropFreeTwoTone'));
-var _CropLandscape = _interopRequireDefault(require('./CropLandscape'));
-var _CropLandscapeOutlined = _interopRequireDefault(require('./CropLandscapeOutlined'));
-var _CropLandscapeRounded = _interopRequireDefault(require('./CropLandscapeRounded'));
-var _CropLandscapeSharp = _interopRequireDefault(require('./CropLandscapeSharp'));
-var _CropLandscapeTwoTone = _interopRequireDefault(require('./CropLandscapeTwoTone'));
-var _CropOriginal = _interopRequireDefault(require('./CropOriginal'));
-var _CropOriginalOutlined = _interopRequireDefault(require('./CropOriginalOutlined'));
-var _CropOriginalRounded = _interopRequireDefault(require('./CropOriginalRounded'));
-var _CropOriginalSharp = _interopRequireDefault(require('./CropOriginalSharp'));
-var _CropOriginalTwoTone = _interopRequireDefault(require('./CropOriginalTwoTone'));
-var _CropOutlined = _interopRequireDefault(require('./CropOutlined'));
-var _CropPortrait = _interopRequireDefault(require('./CropPortrait'));
-var _CropPortraitOutlined = _interopRequireDefault(require('./CropPortraitOutlined'));
-var _CropPortraitRounded = _interopRequireDefault(require('./CropPortraitRounded'));
-var _CropPortraitSharp = _interopRequireDefault(require('./CropPortraitSharp'));
-var _CropPortraitTwoTone = _interopRequireDefault(require('./CropPortraitTwoTone'));
-var _CropRotate = _interopRequireDefault(require('./CropRotate'));
-var _CropRotateOutlined = _interopRequireDefault(require('./CropRotateOutlined'));
-var _CropRotateRounded = _interopRequireDefault(require('./CropRotateRounded'));
-var _CropRotateSharp = _interopRequireDefault(require('./CropRotateSharp'));
-var _CropRotateTwoTone = _interopRequireDefault(require('./CropRotateTwoTone'));
-var _CropRounded = _interopRequireDefault(require('./CropRounded'));
-var _CropSharp = _interopRequireDefault(require('./CropSharp'));
-var _CropSquare = _interopRequireDefault(require('./CropSquare'));
-var _CropSquareOutlined = _interopRequireDefault(require('./CropSquareOutlined'));
-var _CropSquareRounded = _interopRequireDefault(require('./CropSquareRounded'));
-var _CropSquareSharp = _interopRequireDefault(require('./CropSquareSharp'));
-var _CropSquareTwoTone = _interopRequireDefault(require('./CropSquareTwoTone'));
-var _CropTwoTone = _interopRequireDefault(require('./CropTwoTone'));
-var _Css = _interopRequireDefault(require('./Css'));
-var _CssOutlined = _interopRequireDefault(require('./CssOutlined'));
-var _CssRounded = _interopRequireDefault(require('./CssRounded'));
-var _CssSharp = _interopRequireDefault(require('./CssSharp'));
-var _CssTwoTone = _interopRequireDefault(require('./CssTwoTone'));
-var _CurrencyBitcoin = _interopRequireDefault(require('./CurrencyBitcoin'));
-var _CurrencyBitcoinOutlined = _interopRequireDefault(require('./CurrencyBitcoinOutlined'));
-var _CurrencyBitcoinRounded = _interopRequireDefault(require('./CurrencyBitcoinRounded'));
-var _CurrencyBitcoinSharp = _interopRequireDefault(require('./CurrencyBitcoinSharp'));
-var _CurrencyBitcoinTwoTone = _interopRequireDefault(require('./CurrencyBitcoinTwoTone'));
-var _CurrencyExchange = _interopRequireDefault(require('./CurrencyExchange'));
-var _CurrencyExchangeOutlined = _interopRequireDefault(require('./CurrencyExchangeOutlined'));
-var _CurrencyExchangeRounded = _interopRequireDefault(require('./CurrencyExchangeRounded'));
-var _CurrencyExchangeSharp = _interopRequireDefault(require('./CurrencyExchangeSharp'));
-var _CurrencyExchangeTwoTone = _interopRequireDefault(require('./CurrencyExchangeTwoTone'));
-var _CurrencyFranc = _interopRequireDefault(require('./CurrencyFranc'));
-var _CurrencyFrancOutlined = _interopRequireDefault(require('./CurrencyFrancOutlined'));
-var _CurrencyFrancRounded = _interopRequireDefault(require('./CurrencyFrancRounded'));
-var _CurrencyFrancSharp = _interopRequireDefault(require('./CurrencyFrancSharp'));
-var _CurrencyFrancTwoTone = _interopRequireDefault(require('./CurrencyFrancTwoTone'));
-var _CurrencyLira = _interopRequireDefault(require('./CurrencyLira'));
-var _CurrencyLiraOutlined = _interopRequireDefault(require('./CurrencyLiraOutlined'));
-var _CurrencyLiraRounded = _interopRequireDefault(require('./CurrencyLiraRounded'));
-var _CurrencyLiraSharp = _interopRequireDefault(require('./CurrencyLiraSharp'));
-var _CurrencyLiraTwoTone = _interopRequireDefault(require('./CurrencyLiraTwoTone'));
-var _CurrencyPound = _interopRequireDefault(require('./CurrencyPound'));
-var _CurrencyPoundOutlined = _interopRequireDefault(require('./CurrencyPoundOutlined'));
-var _CurrencyPoundRounded = _interopRequireDefault(require('./CurrencyPoundRounded'));
-var _CurrencyPoundSharp = _interopRequireDefault(require('./CurrencyPoundSharp'));
-var _CurrencyPoundTwoTone = _interopRequireDefault(require('./CurrencyPoundTwoTone'));
-var _CurrencyRuble = _interopRequireDefault(require('./CurrencyRuble'));
-var _CurrencyRubleOutlined = _interopRequireDefault(require('./CurrencyRubleOutlined'));
-var _CurrencyRubleRounded = _interopRequireDefault(require('./CurrencyRubleRounded'));
-var _CurrencyRubleSharp = _interopRequireDefault(require('./CurrencyRubleSharp'));
-var _CurrencyRubleTwoTone = _interopRequireDefault(require('./CurrencyRubleTwoTone'));
-var _CurrencyRupee = _interopRequireDefault(require('./CurrencyRupee'));
-var _CurrencyRupeeOutlined = _interopRequireDefault(require('./CurrencyRupeeOutlined'));
-var _CurrencyRupeeRounded = _interopRequireDefault(require('./CurrencyRupeeRounded'));
-var _CurrencyRupeeSharp = _interopRequireDefault(require('./CurrencyRupeeSharp'));
-var _CurrencyRupeeTwoTone = _interopRequireDefault(require('./CurrencyRupeeTwoTone'));
-var _CurrencyYen = _interopRequireDefault(require('./CurrencyYen'));
-var _CurrencyYenOutlined = _interopRequireDefault(require('./CurrencyYenOutlined'));
-var _CurrencyYenRounded = _interopRequireDefault(require('./CurrencyYenRounded'));
-var _CurrencyYenSharp = _interopRequireDefault(require('./CurrencyYenSharp'));
-var _CurrencyYenTwoTone = _interopRequireDefault(require('./CurrencyYenTwoTone'));
-var _CurrencyYuan = _interopRequireDefault(require('./CurrencyYuan'));
-var _CurrencyYuanOutlined = _interopRequireDefault(require('./CurrencyYuanOutlined'));
-var _CurrencyYuanRounded = _interopRequireDefault(require('./CurrencyYuanRounded'));
-var _CurrencyYuanSharp = _interopRequireDefault(require('./CurrencyYuanSharp'));
-var _CurrencyYuanTwoTone = _interopRequireDefault(require('./CurrencyYuanTwoTone'));
-var _Curtains = _interopRequireDefault(require('./Curtains'));
-var _CurtainsClosed = _interopRequireDefault(require('./CurtainsClosed'));
-var _CurtainsClosedOutlined = _interopRequireDefault(require('./CurtainsClosedOutlined'));
-var _CurtainsClosedRounded = _interopRequireDefault(require('./CurtainsClosedRounded'));
-var _CurtainsClosedSharp = _interopRequireDefault(require('./CurtainsClosedSharp'));
-var _CurtainsClosedTwoTone = _interopRequireDefault(require('./CurtainsClosedTwoTone'));
-var _CurtainsOutlined = _interopRequireDefault(require('./CurtainsOutlined'));
-var _CurtainsRounded = _interopRequireDefault(require('./CurtainsRounded'));
-var _CurtainsSharp = _interopRequireDefault(require('./CurtainsSharp'));
-var _CurtainsTwoTone = _interopRequireDefault(require('./CurtainsTwoTone'));
-var _Cyclone = _interopRequireDefault(require('./Cyclone'));
-var _CycloneOutlined = _interopRequireDefault(require('./CycloneOutlined'));
-var _CycloneRounded = _interopRequireDefault(require('./CycloneRounded'));
-var _CycloneSharp = _interopRequireDefault(require('./CycloneSharp'));
-var _CycloneTwoTone = _interopRequireDefault(require('./CycloneTwoTone'));
-var _Dangerous = _interopRequireDefault(require('./Dangerous'));
-var _DangerousOutlined = _interopRequireDefault(require('./DangerousOutlined'));
-var _DangerousRounded = _interopRequireDefault(require('./DangerousRounded'));
-var _DangerousSharp = _interopRequireDefault(require('./DangerousSharp'));
-var _DangerousTwoTone = _interopRequireDefault(require('./DangerousTwoTone'));
-var _DarkMode = _interopRequireDefault(require('./DarkMode'));
-var _DarkModeOutlined = _interopRequireDefault(require('./DarkModeOutlined'));
-var _DarkModeRounded = _interopRequireDefault(require('./DarkModeRounded'));
-var _DarkModeSharp = _interopRequireDefault(require('./DarkModeSharp'));
-var _DarkModeTwoTone = _interopRequireDefault(require('./DarkModeTwoTone'));
-var _Dashboard = _interopRequireDefault(require('./Dashboard'));
-var _DashboardCustomize = _interopRequireDefault(require('./DashboardCustomize'));
-var _DashboardCustomizeOutlined = _interopRequireDefault(require('./DashboardCustomizeOutlined'));
-var _DashboardCustomizeRounded = _interopRequireDefault(require('./DashboardCustomizeRounded'));
-var _DashboardCustomizeSharp = _interopRequireDefault(require('./DashboardCustomizeSharp'));
-var _DashboardCustomizeTwoTone = _interopRequireDefault(require('./DashboardCustomizeTwoTone'));
-var _DashboardOutlined = _interopRequireDefault(require('./DashboardOutlined'));
-var _DashboardRounded = _interopRequireDefault(require('./DashboardRounded'));
-var _DashboardSharp = _interopRequireDefault(require('./DashboardSharp'));
-var _DashboardTwoTone = _interopRequireDefault(require('./DashboardTwoTone'));
-var _DataArray = _interopRequireDefault(require('./DataArray'));
-var _DataArrayOutlined = _interopRequireDefault(require('./DataArrayOutlined'));
-var _DataArrayRounded = _interopRequireDefault(require('./DataArrayRounded'));
-var _DataArraySharp = _interopRequireDefault(require('./DataArraySharp'));
-var _DataArrayTwoTone = _interopRequireDefault(require('./DataArrayTwoTone'));
-var _DataObject = _interopRequireDefault(require('./DataObject'));
-var _DataObjectOutlined = _interopRequireDefault(require('./DataObjectOutlined'));
-var _DataObjectRounded = _interopRequireDefault(require('./DataObjectRounded'));
-var _DataObjectSharp = _interopRequireDefault(require('./DataObjectSharp'));
-var _DataObjectTwoTone = _interopRequireDefault(require('./DataObjectTwoTone'));
-var _DataSaverOff = _interopRequireDefault(require('./DataSaverOff'));
-var _DataSaverOffOutlined = _interopRequireDefault(require('./DataSaverOffOutlined'));
-var _DataSaverOffRounded = _interopRequireDefault(require('./DataSaverOffRounded'));
-var _DataSaverOffSharp = _interopRequireDefault(require('./DataSaverOffSharp'));
-var _DataSaverOffTwoTone = _interopRequireDefault(require('./DataSaverOffTwoTone'));
-var _DataSaverOn = _interopRequireDefault(require('./DataSaverOn'));
-var _DataSaverOnOutlined = _interopRequireDefault(require('./DataSaverOnOutlined'));
-var _DataSaverOnRounded = _interopRequireDefault(require('./DataSaverOnRounded'));
-var _DataSaverOnSharp = _interopRequireDefault(require('./DataSaverOnSharp'));
-var _DataSaverOnTwoTone = _interopRequireDefault(require('./DataSaverOnTwoTone'));
-var _DataThresholding = _interopRequireDefault(require('./DataThresholding'));
-var _DataThresholdingOutlined = _interopRequireDefault(require('./DataThresholdingOutlined'));
-var _DataThresholdingRounded = _interopRequireDefault(require('./DataThresholdingRounded'));
-var _DataThresholdingSharp = _interopRequireDefault(require('./DataThresholdingSharp'));
-var _DataThresholdingTwoTone = _interopRequireDefault(require('./DataThresholdingTwoTone'));
-var _DataUsage = _interopRequireDefault(require('./DataUsage'));
-var _DataUsageOutlined = _interopRequireDefault(require('./DataUsageOutlined'));
-var _DataUsageRounded = _interopRequireDefault(require('./DataUsageRounded'));
-var _DataUsageSharp = _interopRequireDefault(require('./DataUsageSharp'));
-var _DataUsageTwoTone = _interopRequireDefault(require('./DataUsageTwoTone'));
-var _Dataset = _interopRequireDefault(require('./Dataset'));
-var _DatasetLinked = _interopRequireDefault(require('./DatasetLinked'));
-var _DatasetLinkedOutlined = _interopRequireDefault(require('./DatasetLinkedOutlined'));
-var _DatasetLinkedRounded = _interopRequireDefault(require('./DatasetLinkedRounded'));
-var _DatasetLinkedSharp = _interopRequireDefault(require('./DatasetLinkedSharp'));
-var _DatasetLinkedTwoTone = _interopRequireDefault(require('./DatasetLinkedTwoTone'));
-var _DatasetOutlined = _interopRequireDefault(require('./DatasetOutlined'));
-var _DatasetRounded = _interopRequireDefault(require('./DatasetRounded'));
-var _DatasetSharp = _interopRequireDefault(require('./DatasetSharp'));
-var _DatasetTwoTone = _interopRequireDefault(require('./DatasetTwoTone'));
-var _DateRange = _interopRequireDefault(require('./DateRange'));
-var _DateRangeOutlined = _interopRequireDefault(require('./DateRangeOutlined'));
-var _DateRangeRounded = _interopRequireDefault(require('./DateRangeRounded'));
-var _DateRangeSharp = _interopRequireDefault(require('./DateRangeSharp'));
-var _DateRangeTwoTone = _interopRequireDefault(require('./DateRangeTwoTone'));
-var _Deblur = _interopRequireDefault(require('./Deblur'));
-var _DeblurOutlined = _interopRequireDefault(require('./DeblurOutlined'));
-var _DeblurRounded = _interopRequireDefault(require('./DeblurRounded'));
-var _DeblurSharp = _interopRequireDefault(require('./DeblurSharp'));
-var _DeblurTwoTone = _interopRequireDefault(require('./DeblurTwoTone'));
-var _Deck = _interopRequireDefault(require('./Deck'));
-var _DeckOutlined = _interopRequireDefault(require('./DeckOutlined'));
-var _DeckRounded = _interopRequireDefault(require('./DeckRounded'));
-var _DeckSharp = _interopRequireDefault(require('./DeckSharp'));
-var _DeckTwoTone = _interopRequireDefault(require('./DeckTwoTone'));
-var _Dehaze = _interopRequireDefault(require('./Dehaze'));
-var _DehazeOutlined = _interopRequireDefault(require('./DehazeOutlined'));
-var _DehazeRounded = _interopRequireDefault(require('./DehazeRounded'));
-var _DehazeSharp = _interopRequireDefault(require('./DehazeSharp'));
-var _DehazeTwoTone = _interopRequireDefault(require('./DehazeTwoTone'));
-var _Delete = _interopRequireDefault(require('./Delete'));
-var _DeleteForever = _interopRequireDefault(require('./DeleteForever'));
-var _DeleteForeverOutlined = _interopRequireDefault(require('./DeleteForeverOutlined'));
-var _DeleteForeverRounded = _interopRequireDefault(require('./DeleteForeverRounded'));
-var _DeleteForeverSharp = _interopRequireDefault(require('./DeleteForeverSharp'));
-var _DeleteForeverTwoTone = _interopRequireDefault(require('./DeleteForeverTwoTone'));
-var _DeleteOutline = _interopRequireDefault(require('./DeleteOutline'));
-var _DeleteOutlineOutlined = _interopRequireDefault(require('./DeleteOutlineOutlined'));
-var _DeleteOutlineRounded = _interopRequireDefault(require('./DeleteOutlineRounded'));
-var _DeleteOutlineSharp = _interopRequireDefault(require('./DeleteOutlineSharp'));
-var _DeleteOutlineTwoTone = _interopRequireDefault(require('./DeleteOutlineTwoTone'));
-var _DeleteOutlined = _interopRequireDefault(require('./DeleteOutlined'));
-var _DeleteRounded = _interopRequireDefault(require('./DeleteRounded'));
-var _DeleteSharp = _interopRequireDefault(require('./DeleteSharp'));
-var _DeleteSweep = _interopRequireDefault(require('./DeleteSweep'));
-var _DeleteSweepOutlined = _interopRequireDefault(require('./DeleteSweepOutlined'));
-var _DeleteSweepRounded = _interopRequireDefault(require('./DeleteSweepRounded'));
-var _DeleteSweepSharp = _interopRequireDefault(require('./DeleteSweepSharp'));
-var _DeleteSweepTwoTone = _interopRequireDefault(require('./DeleteSweepTwoTone'));
-var _DeleteTwoTone = _interopRequireDefault(require('./DeleteTwoTone'));
-var _DeliveryDining = _interopRequireDefault(require('./DeliveryDining'));
-var _DeliveryDiningOutlined = _interopRequireDefault(require('./DeliveryDiningOutlined'));
-var _DeliveryDiningRounded = _interopRequireDefault(require('./DeliveryDiningRounded'));
-var _DeliveryDiningSharp = _interopRequireDefault(require('./DeliveryDiningSharp'));
-var _DeliveryDiningTwoTone = _interopRequireDefault(require('./DeliveryDiningTwoTone'));
-var _DensityLarge = _interopRequireDefault(require('./DensityLarge'));
-var _DensityLargeOutlined = _interopRequireDefault(require('./DensityLargeOutlined'));
-var _DensityLargeRounded = _interopRequireDefault(require('./DensityLargeRounded'));
-var _DensityLargeSharp = _interopRequireDefault(require('./DensityLargeSharp'));
-var _DensityLargeTwoTone = _interopRequireDefault(require('./DensityLargeTwoTone'));
-var _DensityMedium = _interopRequireDefault(require('./DensityMedium'));
-var _DensityMediumOutlined = _interopRequireDefault(require('./DensityMediumOutlined'));
-var _DensityMediumRounded = _interopRequireDefault(require('./DensityMediumRounded'));
-var _DensityMediumSharp = _interopRequireDefault(require('./DensityMediumSharp'));
-var _DensityMediumTwoTone = _interopRequireDefault(require('./DensityMediumTwoTone'));
-var _DensitySmall = _interopRequireDefault(require('./DensitySmall'));
-var _DensitySmallOutlined = _interopRequireDefault(require('./DensitySmallOutlined'));
-var _DensitySmallRounded = _interopRequireDefault(require('./DensitySmallRounded'));
-var _DensitySmallSharp = _interopRequireDefault(require('./DensitySmallSharp'));
-var _DensitySmallTwoTone = _interopRequireDefault(require('./DensitySmallTwoTone'));
-var _DepartureBoard = _interopRequireDefault(require('./DepartureBoard'));
-var _DepartureBoardOutlined = _interopRequireDefault(require('./DepartureBoardOutlined'));
-var _DepartureBoardRounded = _interopRequireDefault(require('./DepartureBoardRounded'));
-var _DepartureBoardSharp = _interopRequireDefault(require('./DepartureBoardSharp'));
-var _DepartureBoardTwoTone = _interopRequireDefault(require('./DepartureBoardTwoTone'));
-var _Description = _interopRequireDefault(require('./Description'));
-var _DescriptionOutlined = _interopRequireDefault(require('./DescriptionOutlined'));
-var _DescriptionRounded = _interopRequireDefault(require('./DescriptionRounded'));
-var _DescriptionSharp = _interopRequireDefault(require('./DescriptionSharp'));
-var _DescriptionTwoTone = _interopRequireDefault(require('./DescriptionTwoTone'));
-var _Deselect = _interopRequireDefault(require('./Deselect'));
-var _DeselectOutlined = _interopRequireDefault(require('./DeselectOutlined'));
-var _DeselectRounded = _interopRequireDefault(require('./DeselectRounded'));
-var _DeselectSharp = _interopRequireDefault(require('./DeselectSharp'));
-var _DeselectTwoTone = _interopRequireDefault(require('./DeselectTwoTone'));
-var _DesignServices = _interopRequireDefault(require('./DesignServices'));
-var _DesignServicesOutlined = _interopRequireDefault(require('./DesignServicesOutlined'));
-var _DesignServicesRounded = _interopRequireDefault(require('./DesignServicesRounded'));
-var _DesignServicesSharp = _interopRequireDefault(require('./DesignServicesSharp'));
-var _DesignServicesTwoTone = _interopRequireDefault(require('./DesignServicesTwoTone'));
-var _Desk = _interopRequireDefault(require('./Desk'));
-var _DeskOutlined = _interopRequireDefault(require('./DeskOutlined'));
-var _DeskRounded = _interopRequireDefault(require('./DeskRounded'));
-var _DeskSharp = _interopRequireDefault(require('./DeskSharp'));
-var _DeskTwoTone = _interopRequireDefault(require('./DeskTwoTone'));
-var _DesktopAccessDisabled = _interopRequireDefault(require('./DesktopAccessDisabled'));
-var _DesktopAccessDisabledOutlined = _interopRequireDefault(
-  require('./DesktopAccessDisabledOutlined'),
-);
-var _DesktopAccessDisabledRounded = _interopRequireDefault(
-  require('./DesktopAccessDisabledRounded'),
-);
-var _DesktopAccessDisabledSharp = _interopRequireDefault(require('./DesktopAccessDisabledSharp'));
-var _DesktopAccessDisabledTwoTone = _interopRequireDefault(
-  require('./DesktopAccessDisabledTwoTone'),
-);
-var _DesktopMac = _interopRequireDefault(require('./DesktopMac'));
-var _DesktopMacOutlined = _interopRequireDefault(require('./DesktopMacOutlined'));
-var _DesktopMacRounded = _interopRequireDefault(require('./DesktopMacRounded'));
-var _DesktopMacSharp = _interopRequireDefault(require('./DesktopMacSharp'));
-var _DesktopMacTwoTone = _interopRequireDefault(require('./DesktopMacTwoTone'));
-var _DesktopWindows = _interopRequireDefault(require('./DesktopWindows'));
-var _DesktopWindowsOutlined = _interopRequireDefault(require('./DesktopWindowsOutlined'));
-var _DesktopWindowsRounded = _interopRequireDefault(require('./DesktopWindowsRounded'));
-var _DesktopWindowsSharp = _interopRequireDefault(require('./DesktopWindowsSharp'));
-var _DesktopWindowsTwoTone = _interopRequireDefault(require('./DesktopWindowsTwoTone'));
-var _Details = _interopRequireDefault(require('./Details'));
-var _DetailsOutlined = _interopRequireDefault(require('./DetailsOutlined'));
-var _DetailsRounded = _interopRequireDefault(require('./DetailsRounded'));
-var _DetailsSharp = _interopRequireDefault(require('./DetailsSharp'));
-var _DetailsTwoTone = _interopRequireDefault(require('./DetailsTwoTone'));
-var _DeveloperBoard = _interopRequireDefault(require('./DeveloperBoard'));
-var _DeveloperBoardOff = _interopRequireDefault(require('./DeveloperBoardOff'));
-var _DeveloperBoardOffOutlined = _interopRequireDefault(require('./DeveloperBoardOffOutlined'));
-var _DeveloperBoardOffRounded = _interopRequireDefault(require('./DeveloperBoardOffRounded'));
-var _DeveloperBoardOffSharp = _interopRequireDefault(require('./DeveloperBoardOffSharp'));
-var _DeveloperBoardOffTwoTone = _interopRequireDefault(require('./DeveloperBoardOffTwoTone'));
-var _DeveloperBoardOutlined = _interopRequireDefault(require('./DeveloperBoardOutlined'));
-var _DeveloperBoardRounded = _interopRequireDefault(require('./DeveloperBoardRounded'));
-var _DeveloperBoardSharp = _interopRequireDefault(require('./DeveloperBoardSharp'));
-var _DeveloperBoardTwoTone = _interopRequireDefault(require('./DeveloperBoardTwoTone'));
-var _DeveloperMode = _interopRequireDefault(require('./DeveloperMode'));
-var _DeveloperModeOutlined = _interopRequireDefault(require('./DeveloperModeOutlined'));
-var _DeveloperModeRounded = _interopRequireDefault(require('./DeveloperModeRounded'));
-var _DeveloperModeSharp = _interopRequireDefault(require('./DeveloperModeSharp'));
-var _DeveloperModeTwoTone = _interopRequireDefault(require('./DeveloperModeTwoTone'));
-var _DeviceHub = _interopRequireDefault(require('./DeviceHub'));
-var _DeviceHubOutlined = _interopRequireDefault(require('./DeviceHubOutlined'));
-var _DeviceHubRounded = _interopRequireDefault(require('./DeviceHubRounded'));
-var _DeviceHubSharp = _interopRequireDefault(require('./DeviceHubSharp'));
-var _DeviceHubTwoTone = _interopRequireDefault(require('./DeviceHubTwoTone'));
-var _DeviceThermostat = _interopRequireDefault(require('./DeviceThermostat'));
-var _DeviceThermostatOutlined = _interopRequireDefault(require('./DeviceThermostatOutlined'));
-var _DeviceThermostatRounded = _interopRequireDefault(require('./DeviceThermostatRounded'));
-var _DeviceThermostatSharp = _interopRequireDefault(require('./DeviceThermostatSharp'));
-var _DeviceThermostatTwoTone = _interopRequireDefault(require('./DeviceThermostatTwoTone'));
-var _DeviceUnknown = _interopRequireDefault(require('./DeviceUnknown'));
-var _DeviceUnknownOutlined = _interopRequireDefault(require('./DeviceUnknownOutlined'));
-var _DeviceUnknownRounded = _interopRequireDefault(require('./DeviceUnknownRounded'));
-var _DeviceUnknownSharp = _interopRequireDefault(require('./DeviceUnknownSharp'));
-var _DeviceUnknownTwoTone = _interopRequireDefault(require('./DeviceUnknownTwoTone'));
-var _Devices = _interopRequireDefault(require('./Devices'));
-var _DevicesFold = _interopRequireDefault(require('./DevicesFold'));
-var _DevicesFoldOutlined = _interopRequireDefault(require('./DevicesFoldOutlined'));
-var _DevicesFoldRounded = _interopRequireDefault(require('./DevicesFoldRounded'));
-var _DevicesFoldSharp = _interopRequireDefault(require('./DevicesFoldSharp'));
-var _DevicesFoldTwoTone = _interopRequireDefault(require('./DevicesFoldTwoTone'));
-var _DevicesOther = _interopRequireDefault(require('./DevicesOther'));
-var _DevicesOtherOutlined = _interopRequireDefault(require('./DevicesOtherOutlined'));
-var _DevicesOtherRounded = _interopRequireDefault(require('./DevicesOtherRounded'));
-var _DevicesOtherSharp = _interopRequireDefault(require('./DevicesOtherSharp'));
-var _DevicesOtherTwoTone = _interopRequireDefault(require('./DevicesOtherTwoTone'));
-var _DevicesOutlined = _interopRequireDefault(require('./DevicesOutlined'));
-var _DevicesRounded = _interopRequireDefault(require('./DevicesRounded'));
-var _DevicesSharp = _interopRequireDefault(require('./DevicesSharp'));
-var _DevicesTwoTone = _interopRequireDefault(require('./DevicesTwoTone'));
-var _DialerSip = _interopRequireDefault(require('./DialerSip'));
-var _DialerSipOutlined = _interopRequireDefault(require('./DialerSipOutlined'));
-var _DialerSipRounded = _interopRequireDefault(require('./DialerSipRounded'));
-var _DialerSipSharp = _interopRequireDefault(require('./DialerSipSharp'));
-var _DialerSipTwoTone = _interopRequireDefault(require('./DialerSipTwoTone'));
-var _Dialpad = _interopRequireDefault(require('./Dialpad'));
-var _DialpadOutlined = _interopRequireDefault(require('./DialpadOutlined'));
-var _DialpadRounded = _interopRequireDefault(require('./DialpadRounded'));
-var _DialpadSharp = _interopRequireDefault(require('./DialpadSharp'));
-var _DialpadTwoTone = _interopRequireDefault(require('./DialpadTwoTone'));
-var _Diamond = _interopRequireDefault(require('./Diamond'));
-var _DiamondOutlined = _interopRequireDefault(require('./DiamondOutlined'));
-var _DiamondRounded = _interopRequireDefault(require('./DiamondRounded'));
-var _DiamondSharp = _interopRequireDefault(require('./DiamondSharp'));
-var _DiamondTwoTone = _interopRequireDefault(require('./DiamondTwoTone'));
-var _Difference = _interopRequireDefault(require('./Difference'));
-var _DifferenceOutlined = _interopRequireDefault(require('./DifferenceOutlined'));
-var _DifferenceRounded = _interopRequireDefault(require('./DifferenceRounded'));
-var _DifferenceSharp = _interopRequireDefault(require('./DifferenceSharp'));
-var _DifferenceTwoTone = _interopRequireDefault(require('./DifferenceTwoTone'));
-var _Dining = _interopRequireDefault(require('./Dining'));
-var _DiningOutlined = _interopRequireDefault(require('./DiningOutlined'));
-var _DiningRounded = _interopRequireDefault(require('./DiningRounded'));
-var _DiningSharp = _interopRequireDefault(require('./DiningSharp'));
-var _DiningTwoTone = _interopRequireDefault(require('./DiningTwoTone'));
-var _DinnerDining = _interopRequireDefault(require('./DinnerDining'));
-var _DinnerDiningOutlined = _interopRequireDefault(require('./DinnerDiningOutlined'));
-var _DinnerDiningRounded = _interopRequireDefault(require('./DinnerDiningRounded'));
-var _DinnerDiningSharp = _interopRequireDefault(require('./DinnerDiningSharp'));
-var _DinnerDiningTwoTone = _interopRequireDefault(require('./DinnerDiningTwoTone'));
-var _Directions = _interopRequireDefault(require('./Directions'));
-var _DirectionsBike = _interopRequireDefault(require('./DirectionsBike'));
-var _DirectionsBikeOutlined = _interopRequireDefault(require('./DirectionsBikeOutlined'));
-var _DirectionsBikeRounded = _interopRequireDefault(require('./DirectionsBikeRounded'));
-var _DirectionsBikeSharp = _interopRequireDefault(require('./DirectionsBikeSharp'));
-var _DirectionsBikeTwoTone = _interopRequireDefault(require('./DirectionsBikeTwoTone'));
-var _DirectionsBoat = _interopRequireDefault(require('./DirectionsBoat'));
-var _DirectionsBoatFilled = _interopRequireDefault(require('./DirectionsBoatFilled'));
-var _DirectionsBoatFilledOutlined = _interopRequireDefault(
-  require('./DirectionsBoatFilledOutlined'),
-);
-var _DirectionsBoatFilledRounded = _interopRequireDefault(require('./DirectionsBoatFilledRounded'));
-var _DirectionsBoatFilledSharp = _interopRequireDefault(require('./DirectionsBoatFilledSharp'));
-var _DirectionsBoatFilledTwoTone = _interopRequireDefault(require('./DirectionsBoatFilledTwoTone'));
-var _DirectionsBoatOutlined = _interopRequireDefault(require('./DirectionsBoatOutlined'));
-var _DirectionsBoatRounded = _interopRequireDefault(require('./DirectionsBoatRounded'));
-var _DirectionsBoatSharp = _interopRequireDefault(require('./DirectionsBoatSharp'));
-var _DirectionsBoatTwoTone = _interopRequireDefault(require('./DirectionsBoatTwoTone'));
-var _DirectionsBus = _interopRequireDefault(require('./DirectionsBus'));
-var _DirectionsBusFilled = _interopRequireDefault(require('./DirectionsBusFilled'));
-var _DirectionsBusFilledOutlined = _interopRequireDefault(require('./DirectionsBusFilledOutlined'));
-var _DirectionsBusFilledRounded = _interopRequireDefault(require('./DirectionsBusFilledRounded'));
-var _DirectionsBusFilledSharp = _interopRequireDefault(require('./DirectionsBusFilledSharp'));
-var _DirectionsBusFilledTwoTone = _interopRequireDefault(require('./DirectionsBusFilledTwoTone'));
-var _DirectionsBusOutlined = _interopRequireDefault(require('./DirectionsBusOutlined'));
-var _DirectionsBusRounded = _interopRequireDefault(require('./DirectionsBusRounded'));
-var _DirectionsBusSharp = _interopRequireDefault(require('./DirectionsBusSharp'));
-var _DirectionsBusTwoTone = _interopRequireDefault(require('./DirectionsBusTwoTone'));
-var _DirectionsCar = _interopRequireDefault(require('./DirectionsCar'));
-var _DirectionsCarFilled = _interopRequireDefault(require('./DirectionsCarFilled'));
-var _DirectionsCarFilledOutlined = _interopRequireDefault(require('./DirectionsCarFilledOutlined'));
-var _DirectionsCarFilledRounded = _interopRequireDefault(require('./DirectionsCarFilledRounded'));
-var _DirectionsCarFilledSharp = _interopRequireDefault(require('./DirectionsCarFilledSharp'));
-var _DirectionsCarFilledTwoTone = _interopRequireDefault(require('./DirectionsCarFilledTwoTone'));
-var _DirectionsCarOutlined = _interopRequireDefault(require('./DirectionsCarOutlined'));
-var _DirectionsCarRounded = _interopRequireDefault(require('./DirectionsCarRounded'));
-var _DirectionsCarSharp = _interopRequireDefault(require('./DirectionsCarSharp'));
-var _DirectionsCarTwoTone = _interopRequireDefault(require('./DirectionsCarTwoTone'));
-var _DirectionsOff = _interopRequireDefault(require('./DirectionsOff'));
-var _DirectionsOffOutlined = _interopRequireDefault(require('./DirectionsOffOutlined'));
-var _DirectionsOffRounded = _interopRequireDefault(require('./DirectionsOffRounded'));
-var _DirectionsOffSharp = _interopRequireDefault(require('./DirectionsOffSharp'));
-var _DirectionsOffTwoTone = _interopRequireDefault(require('./DirectionsOffTwoTone'));
-var _DirectionsOutlined = _interopRequireDefault(require('./DirectionsOutlined'));
-var _DirectionsRailway = _interopRequireDefault(require('./DirectionsRailway'));
-var _DirectionsRailwayFilled = _interopRequireDefault(require('./DirectionsRailwayFilled'));
-var _DirectionsRailwayFilledOutlined = _interopRequireDefault(
-  require('./DirectionsRailwayFilledOutlined'),
-);
-var _DirectionsRailwayFilledRounded = _interopRequireDefault(
-  require('./DirectionsRailwayFilledRounded'),
-);
-var _DirectionsRailwayFilledSharp = _interopRequireDefault(
-  require('./DirectionsRailwayFilledSharp'),
-);
-var _DirectionsRailwayFilledTwoTone = _interopRequireDefault(
-  require('./DirectionsRailwayFilledTwoTone'),
-);
-var _DirectionsRailwayOutlined = _interopRequireDefault(require('./DirectionsRailwayOutlined'));
-var _DirectionsRailwayRounded = _interopRequireDefault(require('./DirectionsRailwayRounded'));
-var _DirectionsRailwaySharp = _interopRequireDefault(require('./DirectionsRailwaySharp'));
-var _DirectionsRailwayTwoTone = _interopRequireDefault(require('./DirectionsRailwayTwoTone'));
-var _DirectionsRounded = _interopRequireDefault(require('./DirectionsRounded'));
-var _DirectionsRun = _interopRequireDefault(require('./DirectionsRun'));
-var _DirectionsRunOutlined = _interopRequireDefault(require('./DirectionsRunOutlined'));
-var _DirectionsRunRounded = _interopRequireDefault(require('./DirectionsRunRounded'));
-var _DirectionsRunSharp = _interopRequireDefault(require('./DirectionsRunSharp'));
-var _DirectionsRunTwoTone = _interopRequireDefault(require('./DirectionsRunTwoTone'));
-var _DirectionsSharp = _interopRequireDefault(require('./DirectionsSharp'));
-var _DirectionsSubway = _interopRequireDefault(require('./DirectionsSubway'));
-var _DirectionsSubwayFilled = _interopRequireDefault(require('./DirectionsSubwayFilled'));
-var _DirectionsSubwayFilledOutlined = _interopRequireDefault(
-  require('./DirectionsSubwayFilledOutlined'),
-);
-var _DirectionsSubwayFilledRounded = _interopRequireDefault(
-  require('./DirectionsSubwayFilledRounded'),
-);
-var _DirectionsSubwayFilledSharp = _interopRequireDefault(require('./DirectionsSubwayFilledSharp'));
-var _DirectionsSubwayFilledTwoTone = _interopRequireDefault(
-  require('./DirectionsSubwayFilledTwoTone'),
-);
-var _DirectionsSubwayOutlined = _interopRequireDefault(require('./DirectionsSubwayOutlined'));
-var _DirectionsSubwayRounded = _interopRequireDefault(require('./DirectionsSubwayRounded'));
-var _DirectionsSubwaySharp = _interopRequireDefault(require('./DirectionsSubwaySharp'));
-var _DirectionsSubwayTwoTone = _interopRequireDefault(require('./DirectionsSubwayTwoTone'));
-var _DirectionsTransit = _interopRequireDefault(require('./DirectionsTransit'));
-var _DirectionsTransitFilled = _interopRequireDefault(require('./DirectionsTransitFilled'));
-var _DirectionsTransitFilledOutlined = _interopRequireDefault(
-  require('./DirectionsTransitFilledOutlined'),
-);
-var _DirectionsTransitFilledRounded = _interopRequireDefault(
-  require('./DirectionsTransitFilledRounded'),
-);
-var _DirectionsTransitFilledSharp = _interopRequireDefault(
-  require('./DirectionsTransitFilledSharp'),
-);
-var _DirectionsTransitFilledTwoTone = _interopRequireDefault(
-  require('./DirectionsTransitFilledTwoTone'),
-);
-var _DirectionsTransitOutlined = _interopRequireDefault(require('./DirectionsTransitOutlined'));
-var _DirectionsTransitRounded = _interopRequireDefault(require('./DirectionsTransitRounded'));
-var _DirectionsTransitSharp = _interopRequireDefault(require('./DirectionsTransitSharp'));
-var _DirectionsTransitTwoTone = _interopRequireDefault(require('./DirectionsTransitTwoTone'));
-var _DirectionsTwoTone = _interopRequireDefault(require('./DirectionsTwoTone'));
-var _DirectionsWalk = _interopRequireDefault(require('./DirectionsWalk'));
-var _DirectionsWalkOutlined = _interopRequireDefault(require('./DirectionsWalkOutlined'));
-var _DirectionsWalkRounded = _interopRequireDefault(require('./DirectionsWalkRounded'));
-var _DirectionsWalkSharp = _interopRequireDefault(require('./DirectionsWalkSharp'));
-var _DirectionsWalkTwoTone = _interopRequireDefault(require('./DirectionsWalkTwoTone'));
-var _DirtyLens = _interopRequireDefault(require('./DirtyLens'));
-var _DirtyLensOutlined = _interopRequireDefault(require('./DirtyLensOutlined'));
-var _DirtyLensRounded = _interopRequireDefault(require('./DirtyLensRounded'));
-var _DirtyLensSharp = _interopRequireDefault(require('./DirtyLensSharp'));
-var _DirtyLensTwoTone = _interopRequireDefault(require('./DirtyLensTwoTone'));
-var _DisabledByDefault = _interopRequireDefault(require('./DisabledByDefault'));
-var _DisabledByDefaultOutlined = _interopRequireDefault(require('./DisabledByDefaultOutlined'));
-var _DisabledByDefaultRounded = _interopRequireDefault(require('./DisabledByDefaultRounded'));
-var _DisabledByDefaultSharp = _interopRequireDefault(require('./DisabledByDefaultSharp'));
-var _DisabledByDefaultTwoTone = _interopRequireDefault(require('./DisabledByDefaultTwoTone'));
-var _DiscFull = _interopRequireDefault(require('./DiscFull'));
-var _DiscFullOutlined = _interopRequireDefault(require('./DiscFullOutlined'));
-var _DiscFullRounded = _interopRequireDefault(require('./DiscFullRounded'));
-var _DiscFullSharp = _interopRequireDefault(require('./DiscFullSharp'));
-var _DiscFullTwoTone = _interopRequireDefault(require('./DiscFullTwoTone'));
-var _Discount = _interopRequireDefault(require('./Discount'));
-var _DiscountOutlined = _interopRequireDefault(require('./DiscountOutlined'));
-var _DiscountRounded = _interopRequireDefault(require('./DiscountRounded'));
-var _DiscountSharp = _interopRequireDefault(require('./DiscountSharp'));
-var _DiscountTwoTone = _interopRequireDefault(require('./DiscountTwoTone'));
-var _DisplaySettings = _interopRequireDefault(require('./DisplaySettings'));
-var _DisplaySettingsOutlined = _interopRequireDefault(require('./DisplaySettingsOutlined'));
-var _DisplaySettingsRounded = _interopRequireDefault(require('./DisplaySettingsRounded'));
-var _DisplaySettingsSharp = _interopRequireDefault(require('./DisplaySettingsSharp'));
-var _DisplaySettingsTwoTone = _interopRequireDefault(require('./DisplaySettingsTwoTone'));
-var _Diversity = _interopRequireDefault(require('./Diversity1'));
-var _Diversity1Outlined = _interopRequireDefault(require('./Diversity1Outlined'));
-var _Diversity1Rounded = _interopRequireDefault(require('./Diversity1Rounded'));
-var _Diversity1Sharp = _interopRequireDefault(require('./Diversity1Sharp'));
-var _Diversity1TwoTone = _interopRequireDefault(require('./Diversity1TwoTone'));
-var _Diversity2 = _interopRequireDefault(require('./Diversity2'));
-var _Diversity2Outlined = _interopRequireDefault(require('./Diversity2Outlined'));
-var _Diversity2Rounded = _interopRequireDefault(require('./Diversity2Rounded'));
-var _Diversity2Sharp = _interopRequireDefault(require('./Diversity2Sharp'));
-var _Diversity2TwoTone = _interopRequireDefault(require('./Diversity2TwoTone'));
-var _Diversity3 = _interopRequireDefault(require('./Diversity3'));
-var _Diversity3Outlined = _interopRequireDefault(require('./Diversity3Outlined'));
-var _Diversity3Rounded = _interopRequireDefault(require('./Diversity3Rounded'));
-var _Diversity3Sharp = _interopRequireDefault(require('./Diversity3Sharp'));
-var _Diversity3TwoTone = _interopRequireDefault(require('./Diversity3TwoTone'));
-var _Dns = _interopRequireDefault(require('./Dns'));
-var _DnsOutlined = _interopRequireDefault(require('./DnsOutlined'));
-var _DnsRounded = _interopRequireDefault(require('./DnsRounded'));
-var _DnsSharp = _interopRequireDefault(require('./DnsSharp'));
-var _DnsTwoTone = _interopRequireDefault(require('./DnsTwoTone'));
-var _DoDisturb = _interopRequireDefault(require('./DoDisturb'));
-var _DoDisturbAlt = _interopRequireDefault(require('./DoDisturbAlt'));
-var _DoDisturbAltOutlined = _interopRequireDefault(require('./DoDisturbAltOutlined'));
-var _DoDisturbAltRounded = _interopRequireDefault(require('./DoDisturbAltRounded'));
-var _DoDisturbAltSharp = _interopRequireDefault(require('./DoDisturbAltSharp'));
-var _DoDisturbAltTwoTone = _interopRequireDefault(require('./DoDisturbAltTwoTone'));
-var _DoDisturbOff = _interopRequireDefault(require('./DoDisturbOff'));
-var _DoDisturbOffOutlined = _interopRequireDefault(require('./DoDisturbOffOutlined'));
-var _DoDisturbOffRounded = _interopRequireDefault(require('./DoDisturbOffRounded'));
-var _DoDisturbOffSharp = _interopRequireDefault(require('./DoDisturbOffSharp'));
-var _DoDisturbOffTwoTone = _interopRequireDefault(require('./DoDisturbOffTwoTone'));
-var _DoDisturbOn = _interopRequireDefault(require('./DoDisturbOn'));
-var _DoDisturbOnOutlined = _interopRequireDefault(require('./DoDisturbOnOutlined'));
-var _DoDisturbOnRounded = _interopRequireDefault(require('./DoDisturbOnRounded'));
-var _DoDisturbOnSharp = _interopRequireDefault(require('./DoDisturbOnSharp'));
-var _DoDisturbOnTwoTone = _interopRequireDefault(require('./DoDisturbOnTwoTone'));
-var _DoDisturbOutlined = _interopRequireDefault(require('./DoDisturbOutlined'));
-var _DoDisturbRounded = _interopRequireDefault(require('./DoDisturbRounded'));
-var _DoDisturbSharp = _interopRequireDefault(require('./DoDisturbSharp'));
-var _DoDisturbTwoTone = _interopRequireDefault(require('./DoDisturbTwoTone'));
-var _DoNotDisturb = _interopRequireDefault(require('./DoNotDisturb'));
-var _DoNotDisturbAlt = _interopRequireDefault(require('./DoNotDisturbAlt'));
-var _DoNotDisturbAltOutlined = _interopRequireDefault(require('./DoNotDisturbAltOutlined'));
-var _DoNotDisturbAltRounded = _interopRequireDefault(require('./DoNotDisturbAltRounded'));
-var _DoNotDisturbAltSharp = _interopRequireDefault(require('./DoNotDisturbAltSharp'));
-var _DoNotDisturbAltTwoTone = _interopRequireDefault(require('./DoNotDisturbAltTwoTone'));
-var _DoNotDisturbOff = _interopRequireDefault(require('./DoNotDisturbOff'));
-var _DoNotDisturbOffOutlined = _interopRequireDefault(require('./DoNotDisturbOffOutlined'));
-var _DoNotDisturbOffRounded = _interopRequireDefault(require('./DoNotDisturbOffRounded'));
-var _DoNotDisturbOffSharp = _interopRequireDefault(require('./DoNotDisturbOffSharp'));
-var _DoNotDisturbOffTwoTone = _interopRequireDefault(require('./DoNotDisturbOffTwoTone'));
-var _DoNotDisturbOn = _interopRequireDefault(require('./DoNotDisturbOn'));
-var _DoNotDisturbOnOutlined = _interopRequireDefault(require('./DoNotDisturbOnOutlined'));
-var _DoNotDisturbOnRounded = _interopRequireDefault(require('./DoNotDisturbOnRounded'));
-var _DoNotDisturbOnSharp = _interopRequireDefault(require('./DoNotDisturbOnSharp'));
-var _DoNotDisturbOnTotalSilence = _interopRequireDefault(require('./DoNotDisturbOnTotalSilence'));
-var _DoNotDisturbOnTotalSilenceOutlined = _interopRequireDefault(
-  require('./DoNotDisturbOnTotalSilenceOutlined'),
-);
-var _DoNotDisturbOnTotalSilenceRounded = _interopRequireDefault(
-  require('./DoNotDisturbOnTotalSilenceRounded'),
-);
-var _DoNotDisturbOnTotalSilenceSharp = _interopRequireDefault(
-  require('./DoNotDisturbOnTotalSilenceSharp'),
-);
-var _DoNotDisturbOnTotalSilenceTwoTone = _interopRequireDefault(
-  require('./DoNotDisturbOnTotalSilenceTwoTone'),
-);
-var _DoNotDisturbOnTwoTone = _interopRequireDefault(require('./DoNotDisturbOnTwoTone'));
-var _DoNotDisturbOutlined = _interopRequireDefault(require('./DoNotDisturbOutlined'));
-var _DoNotDisturbRounded = _interopRequireDefault(require('./DoNotDisturbRounded'));
-var _DoNotDisturbSharp = _interopRequireDefault(require('./DoNotDisturbSharp'));
-var _DoNotDisturbTwoTone = _interopRequireDefault(require('./DoNotDisturbTwoTone'));
-var _DoNotStep = _interopRequireDefault(require('./DoNotStep'));
-var _DoNotStepOutlined = _interopRequireDefault(require('./DoNotStepOutlined'));
-var _DoNotStepRounded = _interopRequireDefault(require('./DoNotStepRounded'));
-var _DoNotStepSharp = _interopRequireDefault(require('./DoNotStepSharp'));
-var _DoNotStepTwoTone = _interopRequireDefault(require('./DoNotStepTwoTone'));
-var _DoNotTouch = _interopRequireDefault(require('./DoNotTouch'));
-var _DoNotTouchOutlined = _interopRequireDefault(require('./DoNotTouchOutlined'));
-var _DoNotTouchRounded = _interopRequireDefault(require('./DoNotTouchRounded'));
-var _DoNotTouchSharp = _interopRequireDefault(require('./DoNotTouchSharp'));
-var _DoNotTouchTwoTone = _interopRequireDefault(require('./DoNotTouchTwoTone'));
-var _Dock = _interopRequireDefault(require('./Dock'));
-var _DockOutlined = _interopRequireDefault(require('./DockOutlined'));
-var _DockRounded = _interopRequireDefault(require('./DockRounded'));
-var _DockSharp = _interopRequireDefault(require('./DockSharp'));
-var _DockTwoTone = _interopRequireDefault(require('./DockTwoTone'));
-var _DocumentScanner = _interopRequireDefault(require('./DocumentScanner'));
-var _DocumentScannerOutlined = _interopRequireDefault(require('./DocumentScannerOutlined'));
-var _DocumentScannerRounded = _interopRequireDefault(require('./DocumentScannerRounded'));
-var _DocumentScannerSharp = _interopRequireDefault(require('./DocumentScannerSharp'));
-var _DocumentScannerTwoTone = _interopRequireDefault(require('./DocumentScannerTwoTone'));
-var _Domain = _interopRequireDefault(require('./Domain'));
-var _DomainAdd = _interopRequireDefault(require('./DomainAdd'));
-var _DomainAddOutlined = _interopRequireDefault(require('./DomainAddOutlined'));
-var _DomainAddRounded = _interopRequireDefault(require('./DomainAddRounded'));
-var _DomainAddSharp = _interopRequireDefault(require('./DomainAddSharp'));
-var _DomainAddTwoTone = _interopRequireDefault(require('./DomainAddTwoTone'));
-var _DomainDisabled = _interopRequireDefault(require('./DomainDisabled'));
-var _DomainDisabledOutlined = _interopRequireDefault(require('./DomainDisabledOutlined'));
-var _DomainDisabledRounded = _interopRequireDefault(require('./DomainDisabledRounded'));
-var _DomainDisabledSharp = _interopRequireDefault(require('./DomainDisabledSharp'));
-var _DomainDisabledTwoTone = _interopRequireDefault(require('./DomainDisabledTwoTone'));
-var _DomainOutlined = _interopRequireDefault(require('./DomainOutlined'));
-var _DomainRounded = _interopRequireDefault(require('./DomainRounded'));
-var _DomainSharp = _interopRequireDefault(require('./DomainSharp'));
-var _DomainTwoTone = _interopRequireDefault(require('./DomainTwoTone'));
-var _DomainVerification = _interopRequireDefault(require('./DomainVerification'));
-var _DomainVerificationOutlined = _interopRequireDefault(require('./DomainVerificationOutlined'));
-var _DomainVerificationRounded = _interopRequireDefault(require('./DomainVerificationRounded'));
-var _DomainVerificationSharp = _interopRequireDefault(require('./DomainVerificationSharp'));
-var _DomainVerificationTwoTone = _interopRequireDefault(require('./DomainVerificationTwoTone'));
-var _Done = _interopRequireDefault(require('./Done'));
-var _DoneAll = _interopRequireDefault(require('./DoneAll'));
-var _DoneAllOutlined = _interopRequireDefault(require('./DoneAllOutlined'));
-var _DoneAllRounded = _interopRequireDefault(require('./DoneAllRounded'));
-var _DoneAllSharp = _interopRequireDefault(require('./DoneAllSharp'));
-var _DoneAllTwoTone = _interopRequireDefault(require('./DoneAllTwoTone'));
-var _DoneOutline = _interopRequireDefault(require('./DoneOutline'));
-var _DoneOutlineOutlined = _interopRequireDefault(require('./DoneOutlineOutlined'));
-var _DoneOutlineRounded = _interopRequireDefault(require('./DoneOutlineRounded'));
-var _DoneOutlineSharp = _interopRequireDefault(require('./DoneOutlineSharp'));
-var _DoneOutlineTwoTone = _interopRequireDefault(require('./DoneOutlineTwoTone'));
-var _DoneOutlined = _interopRequireDefault(require('./DoneOutlined'));
-var _DoneRounded = _interopRequireDefault(require('./DoneRounded'));
-var _DoneSharp = _interopRequireDefault(require('./DoneSharp'));
-var _DoneTwoTone = _interopRequireDefault(require('./DoneTwoTone'));
-var _DonutLarge = _interopRequireDefault(require('./DonutLarge'));
-var _DonutLargeOutlined = _interopRequireDefault(require('./DonutLargeOutlined'));
-var _DonutLargeRounded = _interopRequireDefault(require('./DonutLargeRounded'));
-var _DonutLargeSharp = _interopRequireDefault(require('./DonutLargeSharp'));
-var _DonutLargeTwoTone = _interopRequireDefault(require('./DonutLargeTwoTone'));
-var _DonutSmall = _interopRequireDefault(require('./DonutSmall'));
-var _DonutSmallOutlined = _interopRequireDefault(require('./DonutSmallOutlined'));
-var _DonutSmallRounded = _interopRequireDefault(require('./DonutSmallRounded'));
-var _DonutSmallSharp = _interopRequireDefault(require('./DonutSmallSharp'));
-var _DonutSmallTwoTone = _interopRequireDefault(require('./DonutSmallTwoTone'));
-var _DoorBack = _interopRequireDefault(require('./DoorBack'));
-var _DoorBackOutlined = _interopRequireDefault(require('./DoorBackOutlined'));
-var _DoorBackRounded = _interopRequireDefault(require('./DoorBackRounded'));
-var _DoorBackSharp = _interopRequireDefault(require('./DoorBackSharp'));
-var _DoorBackTwoTone = _interopRequireDefault(require('./DoorBackTwoTone'));
-var _DoorFront = _interopRequireDefault(require('./DoorFront'));
-var _DoorFrontOutlined = _interopRequireDefault(require('./DoorFrontOutlined'));
-var _DoorFrontRounded = _interopRequireDefault(require('./DoorFrontRounded'));
-var _DoorFrontSharp = _interopRequireDefault(require('./DoorFrontSharp'));
-var _DoorFrontTwoTone = _interopRequireDefault(require('./DoorFrontTwoTone'));
-var _DoorSliding = _interopRequireDefault(require('./DoorSliding'));
-var _DoorSlidingOutlined = _interopRequireDefault(require('./DoorSlidingOutlined'));
-var _DoorSlidingRounded = _interopRequireDefault(require('./DoorSlidingRounded'));
-var _DoorSlidingSharp = _interopRequireDefault(require('./DoorSlidingSharp'));
-var _DoorSlidingTwoTone = _interopRequireDefault(require('./DoorSlidingTwoTone'));
-var _Doorbell = _interopRequireDefault(require('./Doorbell'));
-var _DoorbellOutlined = _interopRequireDefault(require('./DoorbellOutlined'));
-var _DoorbellRounded = _interopRequireDefault(require('./DoorbellRounded'));
-var _DoorbellSharp = _interopRequireDefault(require('./DoorbellSharp'));
-var _DoorbellTwoTone = _interopRequireDefault(require('./DoorbellTwoTone'));
-var _DoubleArrow = _interopRequireDefault(require('./DoubleArrow'));
-var _DoubleArrowOutlined = _interopRequireDefault(require('./DoubleArrowOutlined'));
-var _DoubleArrowRounded = _interopRequireDefault(require('./DoubleArrowRounded'));
-var _DoubleArrowSharp = _interopRequireDefault(require('./DoubleArrowSharp'));
-var _DoubleArrowTwoTone = _interopRequireDefault(require('./DoubleArrowTwoTone'));
-var _DownhillSkiing = _interopRequireDefault(require('./DownhillSkiing'));
-var _DownhillSkiingOutlined = _interopRequireDefault(require('./DownhillSkiingOutlined'));
-var _DownhillSkiingRounded = _interopRequireDefault(require('./DownhillSkiingRounded'));
-var _DownhillSkiingSharp = _interopRequireDefault(require('./DownhillSkiingSharp'));
-var _DownhillSkiingTwoTone = _interopRequireDefault(require('./DownhillSkiingTwoTone'));
-var _Download = _interopRequireDefault(require('./Download'));
-var _DownloadDone = _interopRequireDefault(require('./DownloadDone'));
-var _DownloadDoneOutlined = _interopRequireDefault(require('./DownloadDoneOutlined'));
-var _DownloadDoneRounded = _interopRequireDefault(require('./DownloadDoneRounded'));
-var _DownloadDoneSharp = _interopRequireDefault(require('./DownloadDoneSharp'));
-var _DownloadDoneTwoTone = _interopRequireDefault(require('./DownloadDoneTwoTone'));
-var _DownloadForOffline = _interopRequireDefault(require('./DownloadForOffline'));
-var _DownloadForOfflineOutlined = _interopRequireDefault(require('./DownloadForOfflineOutlined'));
-var _DownloadForOfflineRounded = _interopRequireDefault(require('./DownloadForOfflineRounded'));
-var _DownloadForOfflineSharp = _interopRequireDefault(require('./DownloadForOfflineSharp'));
-var _DownloadForOfflineTwoTone = _interopRequireDefault(require('./DownloadForOfflineTwoTone'));
-var _DownloadOutlined = _interopRequireDefault(require('./DownloadOutlined'));
-var _DownloadRounded = _interopRequireDefault(require('./DownloadRounded'));
-var _DownloadSharp = _interopRequireDefault(require('./DownloadSharp'));
-var _DownloadTwoTone = _interopRequireDefault(require('./DownloadTwoTone'));
-var _Downloading = _interopRequireDefault(require('./Downloading'));
-var _DownloadingOutlined = _interopRequireDefault(require('./DownloadingOutlined'));
-var _DownloadingRounded = _interopRequireDefault(require('./DownloadingRounded'));
-var _DownloadingSharp = _interopRequireDefault(require('./DownloadingSharp'));
-var _DownloadingTwoTone = _interopRequireDefault(require('./DownloadingTwoTone'));
-var _Drafts = _interopRequireDefault(require('./Drafts'));
-var _DraftsOutlined = _interopRequireDefault(require('./DraftsOutlined'));
-var _DraftsRounded = _interopRequireDefault(require('./DraftsRounded'));
-var _DraftsSharp = _interopRequireDefault(require('./DraftsSharp'));
-var _DraftsTwoTone = _interopRequireDefault(require('./DraftsTwoTone'));
-var _DragHandle = _interopRequireDefault(require('./DragHandle'));
-var _DragHandleOutlined = _interopRequireDefault(require('./DragHandleOutlined'));
-var _DragHandleRounded = _interopRequireDefault(require('./DragHandleRounded'));
-var _DragHandleSharp = _interopRequireDefault(require('./DragHandleSharp'));
-var _DragHandleTwoTone = _interopRequireDefault(require('./DragHandleTwoTone'));
-var _DragIndicator = _interopRequireDefault(require('./DragIndicator'));
-var _DragIndicatorOutlined = _interopRequireDefault(require('./DragIndicatorOutlined'));
-var _DragIndicatorRounded = _interopRequireDefault(require('./DragIndicatorRounded'));
-var _DragIndicatorSharp = _interopRequireDefault(require('./DragIndicatorSharp'));
-var _DragIndicatorTwoTone = _interopRequireDefault(require('./DragIndicatorTwoTone'));
-var _Draw = _interopRequireDefault(require('./Draw'));
-var _DrawOutlined = _interopRequireDefault(require('./DrawOutlined'));
-var _DrawRounded = _interopRequireDefault(require('./DrawRounded'));
-var _DrawSharp = _interopRequireDefault(require('./DrawSharp'));
-var _DrawTwoTone = _interopRequireDefault(require('./DrawTwoTone'));
-var _DriveEta = _interopRequireDefault(require('./DriveEta'));
-var _DriveEtaOutlined = _interopRequireDefault(require('./DriveEtaOutlined'));
-var _DriveEtaRounded = _interopRequireDefault(require('./DriveEtaRounded'));
-var _DriveEtaSharp = _interopRequireDefault(require('./DriveEtaSharp'));
-var _DriveEtaTwoTone = _interopRequireDefault(require('./DriveEtaTwoTone'));
-var _DriveFileMove = _interopRequireDefault(require('./DriveFileMove'));
-var _DriveFileMoveOutlined = _interopRequireDefault(require('./DriveFileMoveOutlined'));
-var _DriveFileMoveRounded = _interopRequireDefault(require('./DriveFileMoveRounded'));
-var _DriveFileMoveSharp = _interopRequireDefault(require('./DriveFileMoveSharp'));
-var _DriveFileMoveTwoTone = _interopRequireDefault(require('./DriveFileMoveTwoTone'));
-var _DriveFileRenameOutline = _interopRequireDefault(require('./DriveFileRenameOutline'));
-var _DriveFileRenameOutlineOutlined = _interopRequireDefault(
-  require('./DriveFileRenameOutlineOutlined'),
-);
-var _DriveFileRenameOutlineRounded = _interopRequireDefault(
-  require('./DriveFileRenameOutlineRounded'),
-);
-var _DriveFileRenameOutlineSharp = _interopRequireDefault(require('./DriveFileRenameOutlineSharp'));
-var _DriveFileRenameOutlineTwoTone = _interopRequireDefault(
-  require('./DriveFileRenameOutlineTwoTone'),
-);
-var _DriveFolderUpload = _interopRequireDefault(require('./DriveFolderUpload'));
-var _DriveFolderUploadOutlined = _interopRequireDefault(require('./DriveFolderUploadOutlined'));
-var _DriveFolderUploadRounded = _interopRequireDefault(require('./DriveFolderUploadRounded'));
-var _DriveFolderUploadSharp = _interopRequireDefault(require('./DriveFolderUploadSharp'));
-var _DriveFolderUploadTwoTone = _interopRequireDefault(require('./DriveFolderUploadTwoTone'));
-var _Dry = _interopRequireDefault(require('./Dry'));
-var _DryCleaning = _interopRequireDefault(require('./DryCleaning'));
-var _DryCleaningOutlined = _interopRequireDefault(require('./DryCleaningOutlined'));
-var _DryCleaningRounded = _interopRequireDefault(require('./DryCleaningRounded'));
-var _DryCleaningSharp = _interopRequireDefault(require('./DryCleaningSharp'));
-var _DryCleaningTwoTone = _interopRequireDefault(require('./DryCleaningTwoTone'));
-var _DryOutlined = _interopRequireDefault(require('./DryOutlined'));
-var _DryRounded = _interopRequireDefault(require('./DryRounded'));
-var _DrySharp = _interopRequireDefault(require('./DrySharp'));
-var _DryTwoTone = _interopRequireDefault(require('./DryTwoTone'));
-var _Duo = _interopRequireDefault(require('./Duo'));
-var _DuoOutlined = _interopRequireDefault(require('./DuoOutlined'));
-var _DuoRounded = _interopRequireDefault(require('./DuoRounded'));
-var _DuoSharp = _interopRequireDefault(require('./DuoSharp'));
-var _DuoTwoTone = _interopRequireDefault(require('./DuoTwoTone'));
-var _Dvr = _interopRequireDefault(require('./Dvr'));
-var _DvrOutlined = _interopRequireDefault(require('./DvrOutlined'));
-var _DvrRounded = _interopRequireDefault(require('./DvrRounded'));
-var _DvrSharp = _interopRequireDefault(require('./DvrSharp'));
-var _DvrTwoTone = _interopRequireDefault(require('./DvrTwoTone'));
-var _DynamicFeed = _interopRequireDefault(require('./DynamicFeed'));
-var _DynamicFeedOutlined = _interopRequireDefault(require('./DynamicFeedOutlined'));
-var _DynamicFeedRounded = _interopRequireDefault(require('./DynamicFeedRounded'));
-var _DynamicFeedSharp = _interopRequireDefault(require('./DynamicFeedSharp'));
-var _DynamicFeedTwoTone = _interopRequireDefault(require('./DynamicFeedTwoTone'));
-var _DynamicForm = _interopRequireDefault(require('./DynamicForm'));
-var _DynamicFormOutlined = _interopRequireDefault(require('./DynamicFormOutlined'));
-var _DynamicFormRounded = _interopRequireDefault(require('./DynamicFormRounded'));
-var _DynamicFormSharp = _interopRequireDefault(require('./DynamicFormSharp'));
-var _DynamicFormTwoTone = _interopRequireDefault(require('./DynamicFormTwoTone'));
-var _EMobiledata = _interopRequireDefault(require('./EMobiledata'));
-var _EMobiledataOutlined = _interopRequireDefault(require('./EMobiledataOutlined'));
-var _EMobiledataRounded = _interopRequireDefault(require('./EMobiledataRounded'));
-var _EMobiledataSharp = _interopRequireDefault(require('./EMobiledataSharp'));
-var _EMobiledataTwoTone = _interopRequireDefault(require('./EMobiledataTwoTone'));
-var _Earbuds = _interopRequireDefault(require('./Earbuds'));
-var _EarbudsBattery = _interopRequireDefault(require('./EarbudsBattery'));
-var _EarbudsBatteryOutlined = _interopRequireDefault(require('./EarbudsBatteryOutlined'));
-var _EarbudsBatteryRounded = _interopRequireDefault(require('./EarbudsBatteryRounded'));
-var _EarbudsBatterySharp = _interopRequireDefault(require('./EarbudsBatterySharp'));
-var _EarbudsBatteryTwoTone = _interopRequireDefault(require('./EarbudsBatteryTwoTone'));
-var _EarbudsOutlined = _interopRequireDefault(require('./EarbudsOutlined'));
-var _EarbudsRounded = _interopRequireDefault(require('./EarbudsRounded'));
-var _EarbudsSharp = _interopRequireDefault(require('./EarbudsSharp'));
-var _EarbudsTwoTone = _interopRequireDefault(require('./EarbudsTwoTone'));
-var _East = _interopRequireDefault(require('./East'));
-var _EastOutlined = _interopRequireDefault(require('./EastOutlined'));
-var _EastRounded = _interopRequireDefault(require('./EastRounded'));
-var _EastSharp = _interopRequireDefault(require('./EastSharp'));
-var _EastTwoTone = _interopRequireDefault(require('./EastTwoTone'));
-var _EdgesensorHigh = _interopRequireDefault(require('./EdgesensorHigh'));
-var _EdgesensorHighOutlined = _interopRequireDefault(require('./EdgesensorHighOutlined'));
-var _EdgesensorHighRounded = _interopRequireDefault(require('./EdgesensorHighRounded'));
-var _EdgesensorHighSharp = _interopRequireDefault(require('./EdgesensorHighSharp'));
-var _EdgesensorHighTwoTone = _interopRequireDefault(require('./EdgesensorHighTwoTone'));
-var _EdgesensorLow = _interopRequireDefault(require('./EdgesensorLow'));
-var _EdgesensorLowOutlined = _interopRequireDefault(require('./EdgesensorLowOutlined'));
-var _EdgesensorLowRounded = _interopRequireDefault(require('./EdgesensorLowRounded'));
-var _EdgesensorLowSharp = _interopRequireDefault(require('./EdgesensorLowSharp'));
-var _EdgesensorLowTwoTone = _interopRequireDefault(require('./EdgesensorLowTwoTone'));
-var _Edit = _interopRequireDefault(require('./Edit'));
-var _EditAttributes = _interopRequireDefault(require('./EditAttributes'));
-var _EditAttributesOutlined = _interopRequireDefault(require('./EditAttributesOutlined'));
-var _EditAttributesRounded = _interopRequireDefault(require('./EditAttributesRounded'));
-var _EditAttributesSharp = _interopRequireDefault(require('./EditAttributesSharp'));
-var _EditAttributesTwoTone = _interopRequireDefault(require('./EditAttributesTwoTone'));
-var _EditCalendar = _interopRequireDefault(require('./EditCalendar'));
-var _EditCalendarOutlined = _interopRequireDefault(require('./EditCalendarOutlined'));
-var _EditCalendarRounded = _interopRequireDefault(require('./EditCalendarRounded'));
-var _EditCalendarSharp = _interopRequireDefault(require('./EditCalendarSharp'));
-var _EditCalendarTwoTone = _interopRequireDefault(require('./EditCalendarTwoTone'));
-var _EditLocation = _interopRequireDefault(require('./EditLocation'));
-var _EditLocationAlt = _interopRequireDefault(require('./EditLocationAlt'));
-var _EditLocationAltOutlined = _interopRequireDefault(require('./EditLocationAltOutlined'));
-var _EditLocationAltRounded = _interopRequireDefault(require('./EditLocationAltRounded'));
-var _EditLocationAltSharp = _interopRequireDefault(require('./EditLocationAltSharp'));
-var _EditLocationAltTwoTone = _interopRequireDefault(require('./EditLocationAltTwoTone'));
-var _EditLocationOutlined = _interopRequireDefault(require('./EditLocationOutlined'));
-var _EditLocationRounded = _interopRequireDefault(require('./EditLocationRounded'));
-var _EditLocationSharp = _interopRequireDefault(require('./EditLocationSharp'));
-var _EditLocationTwoTone = _interopRequireDefault(require('./EditLocationTwoTone'));
-var _EditNote = _interopRequireDefault(require('./EditNote'));
-var _EditNoteOutlined = _interopRequireDefault(require('./EditNoteOutlined'));
-var _EditNoteRounded = _interopRequireDefault(require('./EditNoteRounded'));
-var _EditNoteSharp = _interopRequireDefault(require('./EditNoteSharp'));
-var _EditNoteTwoTone = _interopRequireDefault(require('./EditNoteTwoTone'));
-var _EditNotifications = _interopRequireDefault(require('./EditNotifications'));
-var _EditNotificationsOutlined = _interopRequireDefault(require('./EditNotificationsOutlined'));
-var _EditNotificationsRounded = _interopRequireDefault(require('./EditNotificationsRounded'));
-var _EditNotificationsSharp = _interopRequireDefault(require('./EditNotificationsSharp'));
-var _EditNotificationsTwoTone = _interopRequireDefault(require('./EditNotificationsTwoTone'));
-var _EditOff = _interopRequireDefault(require('./EditOff'));
-var _EditOffOutlined = _interopRequireDefault(require('./EditOffOutlined'));
-var _EditOffRounded = _interopRequireDefault(require('./EditOffRounded'));
-var _EditOffSharp = _interopRequireDefault(require('./EditOffSharp'));
-var _EditOffTwoTone = _interopRequireDefault(require('./EditOffTwoTone'));
-var _EditOutlined = _interopRequireDefault(require('./EditOutlined'));
-var _EditRoad = _interopRequireDefault(require('./EditRoad'));
-var _EditRoadOutlined = _interopRequireDefault(require('./EditRoadOutlined'));
-var _EditRoadRounded = _interopRequireDefault(require('./EditRoadRounded'));
-var _EditRoadSharp = _interopRequireDefault(require('./EditRoadSharp'));
-var _EditRoadTwoTone = _interopRequireDefault(require('./EditRoadTwoTone'));
-var _EditRounded = _interopRequireDefault(require('./EditRounded'));
-var _EditSharp = _interopRequireDefault(require('./EditSharp'));
-var _EditTwoTone = _interopRequireDefault(require('./EditTwoTone'));
-var _Egg = _interopRequireDefault(require('./Egg'));
-var _EggAlt = _interopRequireDefault(require('./EggAlt'));
-var _EggAltOutlined = _interopRequireDefault(require('./EggAltOutlined'));
-var _EggAltRounded = _interopRequireDefault(require('./EggAltRounded'));
-var _EggAltSharp = _interopRequireDefault(require('./EggAltSharp'));
-var _EggAltTwoTone = _interopRequireDefault(require('./EggAltTwoTone'));
-var _EggOutlined = _interopRequireDefault(require('./EggOutlined'));
-var _EggRounded = _interopRequireDefault(require('./EggRounded'));
-var _EggSharp = _interopRequireDefault(require('./EggSharp'));
-var _EggTwoTone = _interopRequireDefault(require('./EggTwoTone'));
-var _EightK = _interopRequireDefault(require('./EightK'));
-var _EightKOutlined = _interopRequireDefault(require('./EightKOutlined'));
-var _EightKPlus = _interopRequireDefault(require('./EightKPlus'));
-var _EightKPlusOutlined = _interopRequireDefault(require('./EightKPlusOutlined'));
-var _EightKPlusRounded = _interopRequireDefault(require('./EightKPlusRounded'));
-var _EightKPlusSharp = _interopRequireDefault(require('./EightKPlusSharp'));
-var _EightKPlusTwoTone = _interopRequireDefault(require('./EightKPlusTwoTone'));
-var _EightKRounded = _interopRequireDefault(require('./EightKRounded'));
-var _EightKSharp = _interopRequireDefault(require('./EightKSharp'));
-var _EightKTwoTone = _interopRequireDefault(require('./EightKTwoTone'));
-var _EightMp = _interopRequireDefault(require('./EightMp'));
-var _EightMpOutlined = _interopRequireDefault(require('./EightMpOutlined'));
-var _EightMpRounded = _interopRequireDefault(require('./EightMpRounded'));
-var _EightMpSharp = _interopRequireDefault(require('./EightMpSharp'));
-var _EightMpTwoTone = _interopRequireDefault(require('./EightMpTwoTone'));
-var _EighteenMp = _interopRequireDefault(require('./EighteenMp'));
-var _EighteenMpOutlined = _interopRequireDefault(require('./EighteenMpOutlined'));
-var _EighteenMpRounded = _interopRequireDefault(require('./EighteenMpRounded'));
-var _EighteenMpSharp = _interopRequireDefault(require('./EighteenMpSharp'));
-var _EighteenMpTwoTone = _interopRequireDefault(require('./EighteenMpTwoTone'));
-var _EighteenUpRating = _interopRequireDefault(require('./EighteenUpRating'));
-var _EighteenUpRatingOutlined = _interopRequireDefault(require('./EighteenUpRatingOutlined'));
-var _EighteenUpRatingRounded = _interopRequireDefault(require('./EighteenUpRatingRounded'));
-var _EighteenUpRatingSharp = _interopRequireDefault(require('./EighteenUpRatingSharp'));
-var _EighteenUpRatingTwoTone = _interopRequireDefault(require('./EighteenUpRatingTwoTone'));
-var _EightteenMp = _interopRequireDefault(require('./EightteenMp'));
-var _EightteenMpOutlined = _interopRequireDefault(require('./EightteenMpOutlined'));
-var _EightteenMpRounded = _interopRequireDefault(require('./EightteenMpRounded'));
-var _EightteenMpSharp = _interopRequireDefault(require('./EightteenMpSharp'));
-var _EightteenMpTwoTone = _interopRequireDefault(require('./EightteenMpTwoTone'));
-var _Eject = _interopRequireDefault(require('./Eject'));
-var _EjectOutlined = _interopRequireDefault(require('./EjectOutlined'));
-var _EjectRounded = _interopRequireDefault(require('./EjectRounded'));
-var _EjectSharp = _interopRequireDefault(require('./EjectSharp'));
-var _EjectTwoTone = _interopRequireDefault(require('./EjectTwoTone'));
-var _Elderly = _interopRequireDefault(require('./Elderly'));
-var _ElderlyOutlined = _interopRequireDefault(require('./ElderlyOutlined'));
-var _ElderlyRounded = _interopRequireDefault(require('./ElderlyRounded'));
-var _ElderlySharp = _interopRequireDefault(require('./ElderlySharp'));
-var _ElderlyTwoTone = _interopRequireDefault(require('./ElderlyTwoTone'));
-var _ElderlyWoman = _interopRequireDefault(require('./ElderlyWoman'));
-var _ElderlyWomanOutlined = _interopRequireDefault(require('./ElderlyWomanOutlined'));
-var _ElderlyWomanRounded = _interopRequireDefault(require('./ElderlyWomanRounded'));
-var _ElderlyWomanSharp = _interopRequireDefault(require('./ElderlyWomanSharp'));
-var _ElderlyWomanTwoTone = _interopRequireDefault(require('./ElderlyWomanTwoTone'));
-var _ElectricBike = _interopRequireDefault(require('./ElectricBike'));
-var _ElectricBikeOutlined = _interopRequireDefault(require('./ElectricBikeOutlined'));
-var _ElectricBikeRounded = _interopRequireDefault(require('./ElectricBikeRounded'));
-var _ElectricBikeSharp = _interopRequireDefault(require('./ElectricBikeSharp'));
-var _ElectricBikeTwoTone = _interopRequireDefault(require('./ElectricBikeTwoTone'));
-var _ElectricBolt = _interopRequireDefault(require('./ElectricBolt'));
-var _ElectricBoltOutlined = _interopRequireDefault(require('./ElectricBoltOutlined'));
-var _ElectricBoltRounded = _interopRequireDefault(require('./ElectricBoltRounded'));
-var _ElectricBoltSharp = _interopRequireDefault(require('./ElectricBoltSharp'));
-var _ElectricBoltTwoTone = _interopRequireDefault(require('./ElectricBoltTwoTone'));
-var _ElectricCar = _interopRequireDefault(require('./ElectricCar'));
-var _ElectricCarOutlined = _interopRequireDefault(require('./ElectricCarOutlined'));
-var _ElectricCarRounded = _interopRequireDefault(require('./ElectricCarRounded'));
-var _ElectricCarSharp = _interopRequireDefault(require('./ElectricCarSharp'));
-var _ElectricCarTwoTone = _interopRequireDefault(require('./ElectricCarTwoTone'));
-var _ElectricMeter = _interopRequireDefault(require('./ElectricMeter'));
-var _ElectricMeterOutlined = _interopRequireDefault(require('./ElectricMeterOutlined'));
-var _ElectricMeterRounded = _interopRequireDefault(require('./ElectricMeterRounded'));
-var _ElectricMeterSharp = _interopRequireDefault(require('./ElectricMeterSharp'));
-var _ElectricMeterTwoTone = _interopRequireDefault(require('./ElectricMeterTwoTone'));
-var _ElectricMoped = _interopRequireDefault(require('./ElectricMoped'));
-var _ElectricMopedOutlined = _interopRequireDefault(require('./ElectricMopedOutlined'));
-var _ElectricMopedRounded = _interopRequireDefault(require('./ElectricMopedRounded'));
-var _ElectricMopedSharp = _interopRequireDefault(require('./ElectricMopedSharp'));
-var _ElectricMopedTwoTone = _interopRequireDefault(require('./ElectricMopedTwoTone'));
-var _ElectricRickshaw = _interopRequireDefault(require('./ElectricRickshaw'));
-var _ElectricRickshawOutlined = _interopRequireDefault(require('./ElectricRickshawOutlined'));
-var _ElectricRickshawRounded = _interopRequireDefault(require('./ElectricRickshawRounded'));
-var _ElectricRickshawSharp = _interopRequireDefault(require('./ElectricRickshawSharp'));
-var _ElectricRickshawTwoTone = _interopRequireDefault(require('./ElectricRickshawTwoTone'));
-var _ElectricScooter = _interopRequireDefault(require('./ElectricScooter'));
-var _ElectricScooterOutlined = _interopRequireDefault(require('./ElectricScooterOutlined'));
-var _ElectricScooterRounded = _interopRequireDefault(require('./ElectricScooterRounded'));
-var _ElectricScooterSharp = _interopRequireDefault(require('./ElectricScooterSharp'));
-var _ElectricScooterTwoTone = _interopRequireDefault(require('./ElectricScooterTwoTone'));
-var _ElectricalServices = _interopRequireDefault(require('./ElectricalServices'));
-var _ElectricalServicesOutlined = _interopRequireDefault(require('./ElectricalServicesOutlined'));
-var _ElectricalServicesRounded = _interopRequireDefault(require('./ElectricalServicesRounded'));
-var _ElectricalServicesSharp = _interopRequireDefault(require('./ElectricalServicesSharp'));
-var _ElectricalServicesTwoTone = _interopRequireDefault(require('./ElectricalServicesTwoTone'));
-var _Elevator = _interopRequireDefault(require('./Elevator'));
-var _ElevatorOutlined = _interopRequireDefault(require('./ElevatorOutlined'));
-var _ElevatorRounded = _interopRequireDefault(require('./ElevatorRounded'));
-var _ElevatorSharp = _interopRequireDefault(require('./ElevatorSharp'));
-var _ElevatorTwoTone = _interopRequireDefault(require('./ElevatorTwoTone'));
-var _ElevenMp = _interopRequireDefault(require('./ElevenMp'));
-var _ElevenMpOutlined = _interopRequireDefault(require('./ElevenMpOutlined'));
-var _ElevenMpRounded = _interopRequireDefault(require('./ElevenMpRounded'));
-var _ElevenMpSharp = _interopRequireDefault(require('./ElevenMpSharp'));
-var _ElevenMpTwoTone = _interopRequireDefault(require('./ElevenMpTwoTone'));
-var _Email = _interopRequireDefault(require('./Email'));
-var _EmailOutlined = _interopRequireDefault(require('./EmailOutlined'));
-var _EmailRounded = _interopRequireDefault(require('./EmailRounded'));
-var _EmailSharp = _interopRequireDefault(require('./EmailSharp'));
-var _EmailTwoTone = _interopRequireDefault(require('./EmailTwoTone'));
-var _EmergencyRecording = _interopRequireDefault(require('./EmergencyRecording'));
-var _EmergencyRecordingOutlined = _interopRequireDefault(require('./EmergencyRecordingOutlined'));
-var _EmergencyRecordingRounded = _interopRequireDefault(require('./EmergencyRecordingRounded'));
-var _EmergencyRecordingSharp = _interopRequireDefault(require('./EmergencyRecordingSharp'));
-var _EmergencyRecordingTwoTone = _interopRequireDefault(require('./EmergencyRecordingTwoTone'));
-var _EmergencyShare = _interopRequireDefault(require('./EmergencyShare'));
-var _EmergencyShareOutlined = _interopRequireDefault(require('./EmergencyShareOutlined'));
-var _EmergencyShareRounded = _interopRequireDefault(require('./EmergencyShareRounded'));
-var _EmergencyShareSharp = _interopRequireDefault(require('./EmergencyShareSharp'));
-var _EmergencyShareTwoTone = _interopRequireDefault(require('./EmergencyShareTwoTone'));
-var _EmojiEmotions = _interopRequireDefault(require('./EmojiEmotions'));
-var _EmojiEmotionsOutlined = _interopRequireDefault(require('./EmojiEmotionsOutlined'));
-var _EmojiEmotionsRounded = _interopRequireDefault(require('./EmojiEmotionsRounded'));
-var _EmojiEmotionsSharp = _interopRequireDefault(require('./EmojiEmotionsSharp'));
-var _EmojiEmotionsTwoTone = _interopRequireDefault(require('./EmojiEmotionsTwoTone'));
-var _EmojiEvents = _interopRequireDefault(require('./EmojiEvents'));
-var _EmojiEventsOutlined = _interopRequireDefault(require('./EmojiEventsOutlined'));
-var _EmojiEventsRounded = _interopRequireDefault(require('./EmojiEventsRounded'));
-var _EmojiEventsSharp = _interopRequireDefault(require('./EmojiEventsSharp'));
-var _EmojiEventsTwoTone = _interopRequireDefault(require('./EmojiEventsTwoTone'));
-var _EmojiFlags = _interopRequireDefault(require('./EmojiFlags'));
-var _EmojiFlagsOutlined = _interopRequireDefault(require('./EmojiFlagsOutlined'));
-var _EmojiFlagsRounded = _interopRequireDefault(require('./EmojiFlagsRounded'));
-var _EmojiFlagsSharp = _interopRequireDefault(require('./EmojiFlagsSharp'));
-var _EmojiFlagsTwoTone = _interopRequireDefault(require('./EmojiFlagsTwoTone'));
-var _EmojiFoodBeverage = _interopRequireDefault(require('./EmojiFoodBeverage'));
-var _EmojiFoodBeverageOutlined = _interopRequireDefault(require('./EmojiFoodBeverageOutlined'));
-var _EmojiFoodBeverageRounded = _interopRequireDefault(require('./EmojiFoodBeverageRounded'));
-var _EmojiFoodBeverageSharp = _interopRequireDefault(require('./EmojiFoodBeverageSharp'));
-var _EmojiFoodBeverageTwoTone = _interopRequireDefault(require('./EmojiFoodBeverageTwoTone'));
-var _EmojiNature = _interopRequireDefault(require('./EmojiNature'));
-var _EmojiNatureOutlined = _interopRequireDefault(require('./EmojiNatureOutlined'));
-var _EmojiNatureRounded = _interopRequireDefault(require('./EmojiNatureRounded'));
-var _EmojiNatureSharp = _interopRequireDefault(require('./EmojiNatureSharp'));
-var _EmojiNatureTwoTone = _interopRequireDefault(require('./EmojiNatureTwoTone'));
-var _EmojiObjects = _interopRequireDefault(require('./EmojiObjects'));
-var _EmojiObjectsOutlined = _interopRequireDefault(require('./EmojiObjectsOutlined'));
-var _EmojiObjectsRounded = _interopRequireDefault(require('./EmojiObjectsRounded'));
-var _EmojiObjectsSharp = _interopRequireDefault(require('./EmojiObjectsSharp'));
-var _EmojiObjectsTwoTone = _interopRequireDefault(require('./EmojiObjectsTwoTone'));
-var _EmojiPeople = _interopRequireDefault(require('./EmojiPeople'));
-var _EmojiPeopleOutlined = _interopRequireDefault(require('./EmojiPeopleOutlined'));
-var _EmojiPeopleRounded = _interopRequireDefault(require('./EmojiPeopleRounded'));
-var _EmojiPeopleSharp = _interopRequireDefault(require('./EmojiPeopleSharp'));
-var _EmojiPeopleTwoTone = _interopRequireDefault(require('./EmojiPeopleTwoTone'));
-var _EmojiSymbols = _interopRequireDefault(require('./EmojiSymbols'));
-var _EmojiSymbolsOutlined = _interopRequireDefault(require('./EmojiSymbolsOutlined'));
-var _EmojiSymbolsRounded = _interopRequireDefault(require('./EmojiSymbolsRounded'));
-var _EmojiSymbolsSharp = _interopRequireDefault(require('./EmojiSymbolsSharp'));
-var _EmojiSymbolsTwoTone = _interopRequireDefault(require('./EmojiSymbolsTwoTone'));
-var _EmojiTransportation = _interopRequireDefault(require('./EmojiTransportation'));
-var _EmojiTransportationOutlined = _interopRequireDefault(require('./EmojiTransportationOutlined'));
-var _EmojiTransportationRounded = _interopRequireDefault(require('./EmojiTransportationRounded'));
-var _EmojiTransportationSharp = _interopRequireDefault(require('./EmojiTransportationSharp'));
-var _EmojiTransportationTwoTone = _interopRequireDefault(require('./EmojiTransportationTwoTone'));
-var _EnergySavingsLeaf = _interopRequireDefault(require('./EnergySavingsLeaf'));
-var _EnergySavingsLeafOutlined = _interopRequireDefault(require('./EnergySavingsLeafOutlined'));
-var _EnergySavingsLeafRounded = _interopRequireDefault(require('./EnergySavingsLeafRounded'));
-var _EnergySavingsLeafSharp = _interopRequireDefault(require('./EnergySavingsLeafSharp'));
-var _EnergySavingsLeafTwoTone = _interopRequireDefault(require('./EnergySavingsLeafTwoTone'));
-var _Engineering = _interopRequireDefault(require('./Engineering'));
-var _EngineeringOutlined = _interopRequireDefault(require('./EngineeringOutlined'));
-var _EngineeringRounded = _interopRequireDefault(require('./EngineeringRounded'));
-var _EngineeringSharp = _interopRequireDefault(require('./EngineeringSharp'));
-var _EngineeringTwoTone = _interopRequireDefault(require('./EngineeringTwoTone'));
-var _EnhancedEncryption = _interopRequireDefault(require('./EnhancedEncryption'));
-var _EnhancedEncryptionOutlined = _interopRequireDefault(require('./EnhancedEncryptionOutlined'));
-var _EnhancedEncryptionRounded = _interopRequireDefault(require('./EnhancedEncryptionRounded'));
-var _EnhancedEncryptionSharp = _interopRequireDefault(require('./EnhancedEncryptionSharp'));
-var _EnhancedEncryptionTwoTone = _interopRequireDefault(require('./EnhancedEncryptionTwoTone'));
-var _Equalizer = _interopRequireDefault(require('./Equalizer'));
-var _EqualizerOutlined = _interopRequireDefault(require('./EqualizerOutlined'));
-var _EqualizerRounded = _interopRequireDefault(require('./EqualizerRounded'));
-var _EqualizerSharp = _interopRequireDefault(require('./EqualizerSharp'));
-var _EqualizerTwoTone = _interopRequireDefault(require('./EqualizerTwoTone'));
-var _Error = _interopRequireDefault(require('./Error'));
-var _ErrorOutline = _interopRequireDefault(require('./ErrorOutline'));
-var _ErrorOutlineOutlined = _interopRequireDefault(require('./ErrorOutlineOutlined'));
-var _ErrorOutlineRounded = _interopRequireDefault(require('./ErrorOutlineRounded'));
-var _ErrorOutlineSharp = _interopRequireDefault(require('./ErrorOutlineSharp'));
-var _ErrorOutlineTwoTone = _interopRequireDefault(require('./ErrorOutlineTwoTone'));
-var _ErrorOutlined = _interopRequireDefault(require('./ErrorOutlined'));
-var _ErrorRounded = _interopRequireDefault(require('./ErrorRounded'));
-var _ErrorSharp = _interopRequireDefault(require('./ErrorSharp'));
-var _ErrorTwoTone = _interopRequireDefault(require('./ErrorTwoTone'));
-var _Escalator = _interopRequireDefault(require('./Escalator'));
-var _EscalatorOutlined = _interopRequireDefault(require('./EscalatorOutlined'));
-var _EscalatorRounded = _interopRequireDefault(require('./EscalatorRounded'));
-var _EscalatorSharp = _interopRequireDefault(require('./EscalatorSharp'));
-var _EscalatorTwoTone = _interopRequireDefault(require('./EscalatorTwoTone'));
-var _EscalatorWarning = _interopRequireDefault(require('./EscalatorWarning'));
-var _EscalatorWarningOutlined = _interopRequireDefault(require('./EscalatorWarningOutlined'));
-var _EscalatorWarningRounded = _interopRequireDefault(require('./EscalatorWarningRounded'));
-var _EscalatorWarningSharp = _interopRequireDefault(require('./EscalatorWarningSharp'));
-var _EscalatorWarningTwoTone = _interopRequireDefault(require('./EscalatorWarningTwoTone'));
-var _Euro = _interopRequireDefault(require('./Euro'));
-var _EuroOutlined = _interopRequireDefault(require('./EuroOutlined'));
-var _EuroRounded = _interopRequireDefault(require('./EuroRounded'));
-var _EuroSharp = _interopRequireDefault(require('./EuroSharp'));
-var _EuroSymbol = _interopRequireDefault(require('./EuroSymbol'));
-var _EuroSymbolOutlined = _interopRequireDefault(require('./EuroSymbolOutlined'));
-var _EuroSymbolRounded = _interopRequireDefault(require('./EuroSymbolRounded'));
-var _EuroSymbolSharp = _interopRequireDefault(require('./EuroSymbolSharp'));
-var _EuroSymbolTwoTone = _interopRequireDefault(require('./EuroSymbolTwoTone'));
-var _EuroTwoTone = _interopRequireDefault(require('./EuroTwoTone'));
-var _EvStation = _interopRequireDefault(require('./EvStation'));
-var _EvStationOutlined = _interopRequireDefault(require('./EvStationOutlined'));
-var _EvStationRounded = _interopRequireDefault(require('./EvStationRounded'));
-var _EvStationSharp = _interopRequireDefault(require('./EvStationSharp'));
-var _EvStationTwoTone = _interopRequireDefault(require('./EvStationTwoTone'));
-var _Event = _interopRequireDefault(require('./Event'));
-var _EventAvailable = _interopRequireDefault(require('./EventAvailable'));
-var _EventAvailableOutlined = _interopRequireDefault(require('./EventAvailableOutlined'));
-var _EventAvailableRounded = _interopRequireDefault(require('./EventAvailableRounded'));
-var _EventAvailableSharp = _interopRequireDefault(require('./EventAvailableSharp'));
-var _EventAvailableTwoTone = _interopRequireDefault(require('./EventAvailableTwoTone'));
-var _EventBusy = _interopRequireDefault(require('./EventBusy'));
-var _EventBusyOutlined = _interopRequireDefault(require('./EventBusyOutlined'));
-var _EventBusyRounded = _interopRequireDefault(require('./EventBusyRounded'));
-var _EventBusySharp = _interopRequireDefault(require('./EventBusySharp'));
-var _EventBusyTwoTone = _interopRequireDefault(require('./EventBusyTwoTone'));
-var _EventNote = _interopRequireDefault(require('./EventNote'));
-var _EventNoteOutlined = _interopRequireDefault(require('./EventNoteOutlined'));
-var _EventNoteRounded = _interopRequireDefault(require('./EventNoteRounded'));
-var _EventNoteSharp = _interopRequireDefault(require('./EventNoteSharp'));
-var _EventNoteTwoTone = _interopRequireDefault(require('./EventNoteTwoTone'));
-var _EventOutlined = _interopRequireDefault(require('./EventOutlined'));
-var _EventRepeat = _interopRequireDefault(require('./EventRepeat'));
-var _EventRepeatOutlined = _interopRequireDefault(require('./EventRepeatOutlined'));
-var _EventRepeatRounded = _interopRequireDefault(require('./EventRepeatRounded'));
-var _EventRepeatSharp = _interopRequireDefault(require('./EventRepeatSharp'));
-var _EventRepeatTwoTone = _interopRequireDefault(require('./EventRepeatTwoTone'));
-var _EventRounded = _interopRequireDefault(require('./EventRounded'));
-var _EventSeat = _interopRequireDefault(require('./EventSeat'));
-var _EventSeatOutlined = _interopRequireDefault(require('./EventSeatOutlined'));
-var _EventSeatRounded = _interopRequireDefault(require('./EventSeatRounded'));
-var _EventSeatSharp = _interopRequireDefault(require('./EventSeatSharp'));
-var _EventSeatTwoTone = _interopRequireDefault(require('./EventSeatTwoTone'));
-var _EventSharp = _interopRequireDefault(require('./EventSharp'));
-var _EventTwoTone = _interopRequireDefault(require('./EventTwoTone'));
-var _ExitToApp = _interopRequireDefault(require('./ExitToApp'));
-var _ExitToAppOutlined = _interopRequireDefault(require('./ExitToAppOutlined'));
-var _ExitToAppRounded = _interopRequireDefault(require('./ExitToAppRounded'));
-var _ExitToAppSharp = _interopRequireDefault(require('./ExitToAppSharp'));
-var _ExitToAppTwoTone = _interopRequireDefault(require('./ExitToAppTwoTone'));
-var _Expand = _interopRequireDefault(require('./Expand'));
-var _ExpandCircleDown = _interopRequireDefault(require('./ExpandCircleDown'));
-var _ExpandCircleDownOutlined = _interopRequireDefault(require('./ExpandCircleDownOutlined'));
-var _ExpandCircleDownRounded = _interopRequireDefault(require('./ExpandCircleDownRounded'));
-var _ExpandCircleDownSharp = _interopRequireDefault(require('./ExpandCircleDownSharp'));
-var _ExpandCircleDownTwoTone = _interopRequireDefault(require('./ExpandCircleDownTwoTone'));
-var _ExpandLess = _interopRequireDefault(require('./ExpandLess'));
-var _ExpandLessOutlined = _interopRequireDefault(require('./ExpandLessOutlined'));
-var _ExpandLessRounded = _interopRequireDefault(require('./ExpandLessRounded'));
-var _ExpandLessSharp = _interopRequireDefault(require('./ExpandLessSharp'));
-var _ExpandLessTwoTone = _interopRequireDefault(require('./ExpandLessTwoTone'));
-var _ExpandMore = _interopRequireDefault(require('./ExpandMore'));
-var _ExpandMoreOutlined = _interopRequireDefault(require('./ExpandMoreOutlined'));
-var _ExpandMoreRounded = _interopRequireDefault(require('./ExpandMoreRounded'));
-var _ExpandMoreSharp = _interopRequireDefault(require('./ExpandMoreSharp'));
-var _ExpandMoreTwoTone = _interopRequireDefault(require('./ExpandMoreTwoTone'));
-var _ExpandOutlined = _interopRequireDefault(require('./ExpandOutlined'));
-var _ExpandRounded = _interopRequireDefault(require('./ExpandRounded'));
-var _ExpandSharp = _interopRequireDefault(require('./ExpandSharp'));
-var _ExpandTwoTone = _interopRequireDefault(require('./ExpandTwoTone'));
-var _Explicit = _interopRequireDefault(require('./Explicit'));
-var _ExplicitOutlined = _interopRequireDefault(require('./ExplicitOutlined'));
-var _ExplicitRounded = _interopRequireDefault(require('./ExplicitRounded'));
-var _ExplicitSharp = _interopRequireDefault(require('./ExplicitSharp'));
-var _ExplicitTwoTone = _interopRequireDefault(require('./ExplicitTwoTone'));
-var _Explore = _interopRequireDefault(require('./Explore'));
-var _ExploreOff = _interopRequireDefault(require('./ExploreOff'));
-var _ExploreOffOutlined = _interopRequireDefault(require('./ExploreOffOutlined'));
-var _ExploreOffRounded = _interopRequireDefault(require('./ExploreOffRounded'));
-var _ExploreOffSharp = _interopRequireDefault(require('./ExploreOffSharp'));
-var _ExploreOffTwoTone = _interopRequireDefault(require('./ExploreOffTwoTone'));
-var _ExploreOutlined = _interopRequireDefault(require('./ExploreOutlined'));
-var _ExploreRounded = _interopRequireDefault(require('./ExploreRounded'));
-var _ExploreSharp = _interopRequireDefault(require('./ExploreSharp'));
-var _ExploreTwoTone = _interopRequireDefault(require('./ExploreTwoTone'));
-var _Exposure = _interopRequireDefault(require('./Exposure'));
-var _ExposureOutlined = _interopRequireDefault(require('./ExposureOutlined'));
-var _ExposureRounded = _interopRequireDefault(require('./ExposureRounded'));
-var _ExposureSharp = _interopRequireDefault(require('./ExposureSharp'));
-var _ExposureTwoTone = _interopRequireDefault(require('./ExposureTwoTone'));
-var _Extension = _interopRequireDefault(require('./Extension'));
-var _ExtensionOff = _interopRequireDefault(require('./ExtensionOff'));
-var _ExtensionOffOutlined = _interopRequireDefault(require('./ExtensionOffOutlined'));
-var _ExtensionOffRounded = _interopRequireDefault(require('./ExtensionOffRounded'));
-var _ExtensionOffSharp = _interopRequireDefault(require('./ExtensionOffSharp'));
-var _ExtensionOffTwoTone = _interopRequireDefault(require('./ExtensionOffTwoTone'));
-var _ExtensionOutlined = _interopRequireDefault(require('./ExtensionOutlined'));
-var _ExtensionRounded = _interopRequireDefault(require('./ExtensionRounded'));
-var _ExtensionSharp = _interopRequireDefault(require('./ExtensionSharp'));
-var _ExtensionTwoTone = _interopRequireDefault(require('./ExtensionTwoTone'));
-var _Face = _interopRequireDefault(require('./Face'));
-var _Face2 = _interopRequireDefault(require('./Face2'));
-var _Face2Outlined = _interopRequireDefault(require('./Face2Outlined'));
-var _Face2Rounded = _interopRequireDefault(require('./Face2Rounded'));
-var _Face2Sharp = _interopRequireDefault(require('./Face2Sharp'));
-var _Face2TwoTone = _interopRequireDefault(require('./Face2TwoTone'));
-var _Face3 = _interopRequireDefault(require('./Face3'));
-var _Face3Outlined = _interopRequireDefault(require('./Face3Outlined'));
-var _Face3Rounded = _interopRequireDefault(require('./Face3Rounded'));
-var _Face3Sharp = _interopRequireDefault(require('./Face3Sharp'));
-var _Face3TwoTone = _interopRequireDefault(require('./Face3TwoTone'));
-var _Face4 = _interopRequireDefault(require('./Face4'));
-var _Face4Outlined = _interopRequireDefault(require('./Face4Outlined'));
-var _Face4Rounded = _interopRequireDefault(require('./Face4Rounded'));
-var _Face4Sharp = _interopRequireDefault(require('./Face4Sharp'));
-var _Face4TwoTone = _interopRequireDefault(require('./Face4TwoTone'));
-var _Face5 = _interopRequireDefault(require('./Face5'));
-var _Face5Outlined = _interopRequireDefault(require('./Face5Outlined'));
-var _Face5Rounded = _interopRequireDefault(require('./Face5Rounded'));
-var _Face5Sharp = _interopRequireDefault(require('./Face5Sharp'));
-var _Face5TwoTone = _interopRequireDefault(require('./Face5TwoTone'));
-var _Face6 = _interopRequireDefault(require('./Face6'));
-var _Face6Outlined = _interopRequireDefault(require('./Face6Outlined'));
-var _Face6Rounded = _interopRequireDefault(require('./Face6Rounded'));
-var _Face6Sharp = _interopRequireDefault(require('./Face6Sharp'));
-var _Face6TwoTone = _interopRequireDefault(require('./Face6TwoTone'));
-var _FaceOutlined = _interopRequireDefault(require('./FaceOutlined'));
-var _FaceRetouchingNatural = _interopRequireDefault(require('./FaceRetouchingNatural'));
-var _FaceRetouchingNaturalOutlined = _interopRequireDefault(
-  require('./FaceRetouchingNaturalOutlined'),
-);
-var _FaceRetouchingNaturalRounded = _interopRequireDefault(
-  require('./FaceRetouchingNaturalRounded'),
-);
-var _FaceRetouchingNaturalSharp = _interopRequireDefault(require('./FaceRetouchingNaturalSharp'));
-var _FaceRetouchingNaturalTwoTone = _interopRequireDefault(
-  require('./FaceRetouchingNaturalTwoTone'),
-);
-var _FaceRetouchingOff = _interopRequireDefault(require('./FaceRetouchingOff'));
-var _FaceRetouchingOffOutlined = _interopRequireDefault(require('./FaceRetouchingOffOutlined'));
-var _FaceRetouchingOffRounded = _interopRequireDefault(require('./FaceRetouchingOffRounded'));
-var _FaceRetouchingOffSharp = _interopRequireDefault(require('./FaceRetouchingOffSharp'));
-var _FaceRetouchingOffTwoTone = _interopRequireDefault(require('./FaceRetouchingOffTwoTone'));
-var _FaceRounded = _interopRequireDefault(require('./FaceRounded'));
-var _FaceSharp = _interopRequireDefault(require('./FaceSharp'));
-var _FaceTwoTone = _interopRequireDefault(require('./FaceTwoTone'));
-var _Facebook = _interopRequireDefault(require('./Facebook'));
-var _FacebookOutlined = _interopRequireDefault(require('./FacebookOutlined'));
-var _FacebookRounded = _interopRequireDefault(require('./FacebookRounded'));
-var _FacebookSharp = _interopRequireDefault(require('./FacebookSharp'));
-var _FacebookTwoTone = _interopRequireDefault(require('./FacebookTwoTone'));
-var _FactCheck = _interopRequireDefault(require('./FactCheck'));
-var _FactCheckOutlined = _interopRequireDefault(require('./FactCheckOutlined'));
-var _FactCheckRounded = _interopRequireDefault(require('./FactCheckRounded'));
-var _FactCheckSharp = _interopRequireDefault(require('./FactCheckSharp'));
-var _FactCheckTwoTone = _interopRequireDefault(require('./FactCheckTwoTone'));
-var _Factory = _interopRequireDefault(require('./Factory'));
-var _FactoryOutlined = _interopRequireDefault(require('./FactoryOutlined'));
-var _FactoryRounded = _interopRequireDefault(require('./FactoryRounded'));
-var _FactorySharp = _interopRequireDefault(require('./FactorySharp'));
-var _FactoryTwoTone = _interopRequireDefault(require('./FactoryTwoTone'));
-var _FamilyRestroom = _interopRequireDefault(require('./FamilyRestroom'));
-var _FamilyRestroomOutlined = _interopRequireDefault(require('./FamilyRestroomOutlined'));
-var _FamilyRestroomRounded = _interopRequireDefault(require('./FamilyRestroomRounded'));
-var _FamilyRestroomSharp = _interopRequireDefault(require('./FamilyRestroomSharp'));
-var _FamilyRestroomTwoTone = _interopRequireDefault(require('./FamilyRestroomTwoTone'));
-var _FastForward = _interopRequireDefault(require('./FastForward'));
-var _FastForwardOutlined = _interopRequireDefault(require('./FastForwardOutlined'));
-var _FastForwardRounded = _interopRequireDefault(require('./FastForwardRounded'));
-var _FastForwardSharp = _interopRequireDefault(require('./FastForwardSharp'));
-var _FastForwardTwoTone = _interopRequireDefault(require('./FastForwardTwoTone'));
-var _FastRewind = _interopRequireDefault(require('./FastRewind'));
-var _FastRewindOutlined = _interopRequireDefault(require('./FastRewindOutlined'));
-var _FastRewindRounded = _interopRequireDefault(require('./FastRewindRounded'));
-var _FastRewindSharp = _interopRequireDefault(require('./FastRewindSharp'));
-var _FastRewindTwoTone = _interopRequireDefault(require('./FastRewindTwoTone'));
-var _Fastfood = _interopRequireDefault(require('./Fastfood'));
-var _FastfoodOutlined = _interopRequireDefault(require('./FastfoodOutlined'));
-var _FastfoodRounded = _interopRequireDefault(require('./FastfoodRounded'));
-var _FastfoodSharp = _interopRequireDefault(require('./FastfoodSharp'));
-var _FastfoodTwoTone = _interopRequireDefault(require('./FastfoodTwoTone'));
-var _Favorite = _interopRequireDefault(require('./Favorite'));
-var _FavoriteBorder = _interopRequireDefault(require('./FavoriteBorder'));
-var _FavoriteBorderOutlined = _interopRequireDefault(require('./FavoriteBorderOutlined'));
-var _FavoriteBorderRounded = _interopRequireDefault(require('./FavoriteBorderRounded'));
-var _FavoriteBorderSharp = _interopRequireDefault(require('./FavoriteBorderSharp'));
-var _FavoriteBorderTwoTone = _interopRequireDefault(require('./FavoriteBorderTwoTone'));
-var _FavoriteOutlined = _interopRequireDefault(require('./FavoriteOutlined'));
-var _FavoriteRounded = _interopRequireDefault(require('./FavoriteRounded'));
-var _FavoriteSharp = _interopRequireDefault(require('./FavoriteSharp'));
-var _FavoriteTwoTone = _interopRequireDefault(require('./FavoriteTwoTone'));
-var _Fax = _interopRequireDefault(require('./Fax'));
-var _FaxOutlined = _interopRequireDefault(require('./FaxOutlined'));
-var _FaxRounded = _interopRequireDefault(require('./FaxRounded'));
-var _FaxSharp = _interopRequireDefault(require('./FaxSharp'));
-var _FaxTwoTone = _interopRequireDefault(require('./FaxTwoTone'));
-var _FeaturedPlayList = _interopRequireDefault(require('./FeaturedPlayList'));
-var _FeaturedPlayListOutlined = _interopRequireDefault(require('./FeaturedPlayListOutlined'));
-var _FeaturedPlayListRounded = _interopRequireDefault(require('./FeaturedPlayListRounded'));
-var _FeaturedPlayListSharp = _interopRequireDefault(require('./FeaturedPlayListSharp'));
-var _FeaturedPlayListTwoTone = _interopRequireDefault(require('./FeaturedPlayListTwoTone'));
-var _FeaturedVideo = _interopRequireDefault(require('./FeaturedVideo'));
-var _FeaturedVideoOutlined = _interopRequireDefault(require('./FeaturedVideoOutlined'));
-var _FeaturedVideoRounded = _interopRequireDefault(require('./FeaturedVideoRounded'));
-var _FeaturedVideoSharp = _interopRequireDefault(require('./FeaturedVideoSharp'));
-var _FeaturedVideoTwoTone = _interopRequireDefault(require('./FeaturedVideoTwoTone'));
-var _Feed = _interopRequireDefault(require('./Feed'));
-var _FeedOutlined = _interopRequireDefault(require('./FeedOutlined'));
-var _FeedRounded = _interopRequireDefault(require('./FeedRounded'));
-var _FeedSharp = _interopRequireDefault(require('./FeedSharp'));
-var _FeedTwoTone = _interopRequireDefault(require('./FeedTwoTone'));
-var _Feedback = _interopRequireDefault(require('./Feedback'));
-var _FeedbackOutlined = _interopRequireDefault(require('./FeedbackOutlined'));
-var _FeedbackRounded = _interopRequireDefault(require('./FeedbackRounded'));
-var _FeedbackSharp = _interopRequireDefault(require('./FeedbackSharp'));
-var _FeedbackTwoTone = _interopRequireDefault(require('./FeedbackTwoTone'));
-var _Female = _interopRequireDefault(require('./Female'));
-var _FemaleOutlined = _interopRequireDefault(require('./FemaleOutlined'));
-var _FemaleRounded = _interopRequireDefault(require('./FemaleRounded'));
-var _FemaleSharp = _interopRequireDefault(require('./FemaleSharp'));
-var _FemaleTwoTone = _interopRequireDefault(require('./FemaleTwoTone'));
-var _Fence = _interopRequireDefault(require('./Fence'));
-var _FenceOutlined = _interopRequireDefault(require('./FenceOutlined'));
-var _FenceRounded = _interopRequireDefault(require('./FenceRounded'));
-var _FenceSharp = _interopRequireDefault(require('./FenceSharp'));
-var _FenceTwoTone = _interopRequireDefault(require('./FenceTwoTone'));
-var _Festival = _interopRequireDefault(require('./Festival'));
-var _FestivalOutlined = _interopRequireDefault(require('./FestivalOutlined'));
-var _FestivalRounded = _interopRequireDefault(require('./FestivalRounded'));
-var _FestivalSharp = _interopRequireDefault(require('./FestivalSharp'));
-var _FestivalTwoTone = _interopRequireDefault(require('./FestivalTwoTone'));
-var _FiberDvr = _interopRequireDefault(require('./FiberDvr'));
-var _FiberDvrOutlined = _interopRequireDefault(require('./FiberDvrOutlined'));
-var _FiberDvrRounded = _interopRequireDefault(require('./FiberDvrRounded'));
-var _FiberDvrSharp = _interopRequireDefault(require('./FiberDvrSharp'));
-var _FiberDvrTwoTone = _interopRequireDefault(require('./FiberDvrTwoTone'));
-var _FiberManualRecord = _interopRequireDefault(require('./FiberManualRecord'));
-var _FiberManualRecordOutlined = _interopRequireDefault(require('./FiberManualRecordOutlined'));
-var _FiberManualRecordRounded = _interopRequireDefault(require('./FiberManualRecordRounded'));
-var _FiberManualRecordSharp = _interopRequireDefault(require('./FiberManualRecordSharp'));
-var _FiberManualRecordTwoTone = _interopRequireDefault(require('./FiberManualRecordTwoTone'));
-var _FiberNew = _interopRequireDefault(require('./FiberNew'));
-var _FiberNewOutlined = _interopRequireDefault(require('./FiberNewOutlined'));
-var _FiberNewRounded = _interopRequireDefault(require('./FiberNewRounded'));
-var _FiberNewSharp = _interopRequireDefault(require('./FiberNewSharp'));
-var _FiberNewTwoTone = _interopRequireDefault(require('./FiberNewTwoTone'));
-var _FiberPin = _interopRequireDefault(require('./FiberPin'));
-var _FiberPinOutlined = _interopRequireDefault(require('./FiberPinOutlined'));
-var _FiberPinRounded = _interopRequireDefault(require('./FiberPinRounded'));
-var _FiberPinSharp = _interopRequireDefault(require('./FiberPinSharp'));
-var _FiberPinTwoTone = _interopRequireDefault(require('./FiberPinTwoTone'));
-var _FiberSmartRecord = _interopRequireDefault(require('./FiberSmartRecord'));
-var _FiberSmartRecordOutlined = _interopRequireDefault(require('./FiberSmartRecordOutlined'));
-var _FiberSmartRecordRounded = _interopRequireDefault(require('./FiberSmartRecordRounded'));
-var _FiberSmartRecordSharp = _interopRequireDefault(require('./FiberSmartRecordSharp'));
-var _FiberSmartRecordTwoTone = _interopRequireDefault(require('./FiberSmartRecordTwoTone'));
-var _FifteenMp = _interopRequireDefault(require('./FifteenMp'));
-var _FifteenMpOutlined = _interopRequireDefault(require('./FifteenMpOutlined'));
-var _FifteenMpRounded = _interopRequireDefault(require('./FifteenMpRounded'));
-var _FifteenMpSharp = _interopRequireDefault(require('./FifteenMpSharp'));
-var _FifteenMpTwoTone = _interopRequireDefault(require('./FifteenMpTwoTone'));
-var _FileCopy = _interopRequireDefault(require('./FileCopy'));
-var _FileCopyOutlined = _interopRequireDefault(require('./FileCopyOutlined'));
-var _FileCopyRounded = _interopRequireDefault(require('./FileCopyRounded'));
-var _FileCopySharp = _interopRequireDefault(require('./FileCopySharp'));
-var _FileCopyTwoTone = _interopRequireDefault(require('./FileCopyTwoTone'));
-var _FileDownload = _interopRequireDefault(require('./FileDownload'));
-var _FileDownloadDone = _interopRequireDefault(require('./FileDownloadDone'));
-var _FileDownloadDoneOutlined = _interopRequireDefault(require('./FileDownloadDoneOutlined'));
-var _FileDownloadDoneRounded = _interopRequireDefault(require('./FileDownloadDoneRounded'));
-var _FileDownloadDoneSharp = _interopRequireDefault(require('./FileDownloadDoneSharp'));
-var _FileDownloadDoneTwoTone = _interopRequireDefault(require('./FileDownloadDoneTwoTone'));
-var _FileDownloadOff = _interopRequireDefault(require('./FileDownloadOff'));
-var _FileDownloadOffOutlined = _interopRequireDefault(require('./FileDownloadOffOutlined'));
-var _FileDownloadOffRounded = _interopRequireDefault(require('./FileDownloadOffRounded'));
-var _FileDownloadOffSharp = _interopRequireDefault(require('./FileDownloadOffSharp'));
-var _FileDownloadOffTwoTone = _interopRequireDefault(require('./FileDownloadOffTwoTone'));
-var _FileDownloadOutlined = _interopRequireDefault(require('./FileDownloadOutlined'));
-var _FileDownloadRounded = _interopRequireDefault(require('./FileDownloadRounded'));
-var _FileDownloadSharp = _interopRequireDefault(require('./FileDownloadSharp'));
-var _FileDownloadTwoTone = _interopRequireDefault(require('./FileDownloadTwoTone'));
-var _FileOpen = _interopRequireDefault(require('./FileOpen'));
-var _FileOpenOutlined = _interopRequireDefault(require('./FileOpenOutlined'));
-var _FileOpenRounded = _interopRequireDefault(require('./FileOpenRounded'));
-var _FileOpenSharp = _interopRequireDefault(require('./FileOpenSharp'));
-var _FileOpenTwoTone = _interopRequireDefault(require('./FileOpenTwoTone'));
-var _FilePresent = _interopRequireDefault(require('./FilePresent'));
-var _FilePresentOutlined = _interopRequireDefault(require('./FilePresentOutlined'));
-var _FilePresentRounded = _interopRequireDefault(require('./FilePresentRounded'));
-var _FilePresentSharp = _interopRequireDefault(require('./FilePresentSharp'));
-var _FilePresentTwoTone = _interopRequireDefault(require('./FilePresentTwoTone'));
-var _FileUpload = _interopRequireDefault(require('./FileUpload'));
-var _FileUploadOutlined = _interopRequireDefault(require('./FileUploadOutlined'));
-var _FileUploadRounded = _interopRequireDefault(require('./FileUploadRounded'));
-var _FileUploadSharp = _interopRequireDefault(require('./FileUploadSharp'));
-var _FileUploadTwoTone = _interopRequireDefault(require('./FileUploadTwoTone'));
-var _Filter = _interopRequireDefault(require('./Filter'));
-var _Filter2 = _interopRequireDefault(require('./Filter1'));
-var _Filter1Outlined = _interopRequireDefault(require('./Filter1Outlined'));
-var _Filter1Rounded = _interopRequireDefault(require('./Filter1Rounded'));
-var _Filter1Sharp = _interopRequireDefault(require('./Filter1Sharp'));
-var _Filter1TwoTone = _interopRequireDefault(require('./Filter1TwoTone'));
-var _Filter3 = _interopRequireDefault(require('./Filter2'));
-var _Filter2Outlined = _interopRequireDefault(require('./Filter2Outlined'));
-var _Filter2Rounded = _interopRequireDefault(require('./Filter2Rounded'));
-var _Filter2Sharp = _interopRequireDefault(require('./Filter2Sharp'));
-var _Filter2TwoTone = _interopRequireDefault(require('./Filter2TwoTone'));
-var _Filter4 = _interopRequireDefault(require('./Filter3'));
-var _Filter3Outlined = _interopRequireDefault(require('./Filter3Outlined'));
-var _Filter3Rounded = _interopRequireDefault(require('./Filter3Rounded'));
-var _Filter3Sharp = _interopRequireDefault(require('./Filter3Sharp'));
-var _Filter3TwoTone = _interopRequireDefault(require('./Filter3TwoTone'));
-var _Filter5 = _interopRequireDefault(require('./Filter4'));
-var _Filter4Outlined = _interopRequireDefault(require('./Filter4Outlined'));
-var _Filter4Rounded = _interopRequireDefault(require('./Filter4Rounded'));
-var _Filter4Sharp = _interopRequireDefault(require('./Filter4Sharp'));
-var _Filter4TwoTone = _interopRequireDefault(require('./Filter4TwoTone'));
-var _Filter6 = _interopRequireDefault(require('./Filter5'));
-var _Filter5Outlined = _interopRequireDefault(require('./Filter5Outlined'));
-var _Filter5Rounded = _interopRequireDefault(require('./Filter5Rounded'));
-var _Filter5Sharp = _interopRequireDefault(require('./Filter5Sharp'));
-var _Filter5TwoTone = _interopRequireDefault(require('./Filter5TwoTone'));
-var _Filter7 = _interopRequireDefault(require('./Filter6'));
-var _Filter6Outlined = _interopRequireDefault(require('./Filter6Outlined'));
-var _Filter6Rounded = _interopRequireDefault(require('./Filter6Rounded'));
-var _Filter6Sharp = _interopRequireDefault(require('./Filter6Sharp'));
-var _Filter6TwoTone = _interopRequireDefault(require('./Filter6TwoTone'));
-var _Filter8 = _interopRequireDefault(require('./Filter7'));
-var _Filter7Outlined = _interopRequireDefault(require('./Filter7Outlined'));
-var _Filter7Rounded = _interopRequireDefault(require('./Filter7Rounded'));
-var _Filter7Sharp = _interopRequireDefault(require('./Filter7Sharp'));
-var _Filter7TwoTone = _interopRequireDefault(require('./Filter7TwoTone'));
-var _Filter9 = _interopRequireDefault(require('./Filter8'));
-var _Filter8Outlined = _interopRequireDefault(require('./Filter8Outlined'));
-var _Filter8Rounded = _interopRequireDefault(require('./Filter8Rounded'));
-var _Filter8Sharp = _interopRequireDefault(require('./Filter8Sharp'));
-var _Filter8TwoTone = _interopRequireDefault(require('./Filter8TwoTone'));
-var _Filter10 = _interopRequireDefault(require('./Filter9'));
-var _Filter9Outlined = _interopRequireDefault(require('./Filter9Outlined'));
-var _Filter9Plus = _interopRequireDefault(require('./Filter9Plus'));
-var _Filter9PlusOutlined = _interopRequireDefault(require('./Filter9PlusOutlined'));
-var _Filter9PlusRounded = _interopRequireDefault(require('./Filter9PlusRounded'));
-var _Filter9PlusSharp = _interopRequireDefault(require('./Filter9PlusSharp'));
-var _Filter9PlusTwoTone = _interopRequireDefault(require('./Filter9PlusTwoTone'));
-var _Filter9Rounded = _interopRequireDefault(require('./Filter9Rounded'));
-var _Filter9Sharp = _interopRequireDefault(require('./Filter9Sharp'));
-var _Filter9TwoTone = _interopRequireDefault(require('./Filter9TwoTone'));
-var _FilterAlt = _interopRequireDefault(require('./FilterAlt'));
-var _FilterAltOff = _interopRequireDefault(require('./FilterAltOff'));
-var _FilterAltOffOutlined = _interopRequireDefault(require('./FilterAltOffOutlined'));
-var _FilterAltOffRounded = _interopRequireDefault(require('./FilterAltOffRounded'));
-var _FilterAltOffSharp = _interopRequireDefault(require('./FilterAltOffSharp'));
-var _FilterAltOffTwoTone = _interopRequireDefault(require('./FilterAltOffTwoTone'));
-var _FilterAltOutlined = _interopRequireDefault(require('./FilterAltOutlined'));
-var _FilterAltRounded = _interopRequireDefault(require('./FilterAltRounded'));
-var _FilterAltSharp = _interopRequireDefault(require('./FilterAltSharp'));
-var _FilterAltTwoTone = _interopRequireDefault(require('./FilterAltTwoTone'));
-var _FilterBAndW = _interopRequireDefault(require('./FilterBAndW'));
-var _FilterBAndWOutlined = _interopRequireDefault(require('./FilterBAndWOutlined'));
-var _FilterBAndWRounded = _interopRequireDefault(require('./FilterBAndWRounded'));
-var _FilterBAndWSharp = _interopRequireDefault(require('./FilterBAndWSharp'));
-var _FilterBAndWTwoTone = _interopRequireDefault(require('./FilterBAndWTwoTone'));
-var _FilterCenterFocus = _interopRequireDefault(require('./FilterCenterFocus'));
-var _FilterCenterFocusOutlined = _interopRequireDefault(require('./FilterCenterFocusOutlined'));
-var _FilterCenterFocusRounded = _interopRequireDefault(require('./FilterCenterFocusRounded'));
-var _FilterCenterFocusSharp = _interopRequireDefault(require('./FilterCenterFocusSharp'));
-var _FilterCenterFocusTwoTone = _interopRequireDefault(require('./FilterCenterFocusTwoTone'));
-var _FilterDrama = _interopRequireDefault(require('./FilterDrama'));
-var _FilterDramaOutlined = _interopRequireDefault(require('./FilterDramaOutlined'));
-var _FilterDramaRounded = _interopRequireDefault(require('./FilterDramaRounded'));
-var _FilterDramaSharp = _interopRequireDefault(require('./FilterDramaSharp'));
-var _FilterDramaTwoTone = _interopRequireDefault(require('./FilterDramaTwoTone'));
-var _FilterFrames = _interopRequireDefault(require('./FilterFrames'));
-var _FilterFramesOutlined = _interopRequireDefault(require('./FilterFramesOutlined'));
-var _FilterFramesRounded = _interopRequireDefault(require('./FilterFramesRounded'));
-var _FilterFramesSharp = _interopRequireDefault(require('./FilterFramesSharp'));
-var _FilterFramesTwoTone = _interopRequireDefault(require('./FilterFramesTwoTone'));
-var _FilterHdr = _interopRequireDefault(require('./FilterHdr'));
-var _FilterHdrOutlined = _interopRequireDefault(require('./FilterHdrOutlined'));
-var _FilterHdrRounded = _interopRequireDefault(require('./FilterHdrRounded'));
-var _FilterHdrSharp = _interopRequireDefault(require('./FilterHdrSharp'));
-var _FilterHdrTwoTone = _interopRequireDefault(require('./FilterHdrTwoTone'));
-var _FilterList = _interopRequireDefault(require('./FilterList'));
-var _FilterListOff = _interopRequireDefault(require('./FilterListOff'));
-var _FilterListOffOutlined = _interopRequireDefault(require('./FilterListOffOutlined'));
-var _FilterListOffRounded = _interopRequireDefault(require('./FilterListOffRounded'));
-var _FilterListOffSharp = _interopRequireDefault(require('./FilterListOffSharp'));
-var _FilterListOffTwoTone = _interopRequireDefault(require('./FilterListOffTwoTone'));
-var _FilterListOutlined = _interopRequireDefault(require('./FilterListOutlined'));
-var _FilterListRounded = _interopRequireDefault(require('./FilterListRounded'));
-var _FilterListSharp = _interopRequireDefault(require('./FilterListSharp'));
-var _FilterListTwoTone = _interopRequireDefault(require('./FilterListTwoTone'));
-var _FilterNone = _interopRequireDefault(require('./FilterNone'));
-var _FilterNoneOutlined = _interopRequireDefault(require('./FilterNoneOutlined'));
-var _FilterNoneRounded = _interopRequireDefault(require('./FilterNoneRounded'));
-var _FilterNoneSharp = _interopRequireDefault(require('./FilterNoneSharp'));
-var _FilterNoneTwoTone = _interopRequireDefault(require('./FilterNoneTwoTone'));
-var _FilterOutlined = _interopRequireDefault(require('./FilterOutlined'));
-var _FilterRounded = _interopRequireDefault(require('./FilterRounded'));
-var _FilterSharp = _interopRequireDefault(require('./FilterSharp'));
-var _FilterTiltShift = _interopRequireDefault(require('./FilterTiltShift'));
-var _FilterTiltShiftOutlined = _interopRequireDefault(require('./FilterTiltShiftOutlined'));
-var _FilterTiltShiftRounded = _interopRequireDefault(require('./FilterTiltShiftRounded'));
-var _FilterTiltShiftSharp = _interopRequireDefault(require('./FilterTiltShiftSharp'));
-var _FilterTiltShiftTwoTone = _interopRequireDefault(require('./FilterTiltShiftTwoTone'));
-var _FilterTwoTone = _interopRequireDefault(require('./FilterTwoTone'));
-var _FilterVintage = _interopRequireDefault(require('./FilterVintage'));
-var _FilterVintageOutlined = _interopRequireDefault(require('./FilterVintageOutlined'));
-var _FilterVintageRounded = _interopRequireDefault(require('./FilterVintageRounded'));
-var _FilterVintageSharp = _interopRequireDefault(require('./FilterVintageSharp'));
-var _FilterVintageTwoTone = _interopRequireDefault(require('./FilterVintageTwoTone'));
-var _FindInPage = _interopRequireDefault(require('./FindInPage'));
-var _FindInPageOutlined = _interopRequireDefault(require('./FindInPageOutlined'));
-var _FindInPageRounded = _interopRequireDefault(require('./FindInPageRounded'));
-var _FindInPageSharp = _interopRequireDefault(require('./FindInPageSharp'));
-var _FindInPageTwoTone = _interopRequireDefault(require('./FindInPageTwoTone'));
-var _FindReplace = _interopRequireDefault(require('./FindReplace'));
-var _FindReplaceOutlined = _interopRequireDefault(require('./FindReplaceOutlined'));
-var _FindReplaceRounded = _interopRequireDefault(require('./FindReplaceRounded'));
-var _FindReplaceSharp = _interopRequireDefault(require('./FindReplaceSharp'));
-var _FindReplaceTwoTone = _interopRequireDefault(require('./FindReplaceTwoTone'));
-var _Fingerprint = _interopRequireDefault(require('./Fingerprint'));
-var _FingerprintOutlined = _interopRequireDefault(require('./FingerprintOutlined'));
-var _FingerprintRounded = _interopRequireDefault(require('./FingerprintRounded'));
-var _FingerprintSharp = _interopRequireDefault(require('./FingerprintSharp'));
-var _FingerprintTwoTone = _interopRequireDefault(require('./FingerprintTwoTone'));
-var _FireExtinguisher = _interopRequireDefault(require('./FireExtinguisher'));
-var _FireExtinguisherOutlined = _interopRequireDefault(require('./FireExtinguisherOutlined'));
-var _FireExtinguisherRounded = _interopRequireDefault(require('./FireExtinguisherRounded'));
-var _FireExtinguisherSharp = _interopRequireDefault(require('./FireExtinguisherSharp'));
-var _FireExtinguisherTwoTone = _interopRequireDefault(require('./FireExtinguisherTwoTone'));
-var _FireHydrantAlt = _interopRequireDefault(require('./FireHydrantAlt'));
-var _FireHydrantAltOutlined = _interopRequireDefault(require('./FireHydrantAltOutlined'));
-var _FireHydrantAltRounded = _interopRequireDefault(require('./FireHydrantAltRounded'));
-var _FireHydrantAltSharp = _interopRequireDefault(require('./FireHydrantAltSharp'));
-var _FireHydrantAltTwoTone = _interopRequireDefault(require('./FireHydrantAltTwoTone'));
-var _FireTruck = _interopRequireDefault(require('./FireTruck'));
-var _FireTruckOutlined = _interopRequireDefault(require('./FireTruckOutlined'));
-var _FireTruckRounded = _interopRequireDefault(require('./FireTruckRounded'));
-var _FireTruckSharp = _interopRequireDefault(require('./FireTruckSharp'));
-var _FireTruckTwoTone = _interopRequireDefault(require('./FireTruckTwoTone'));
-var _Fireplace = _interopRequireDefault(require('./Fireplace'));
-var _FireplaceOutlined = _interopRequireDefault(require('./FireplaceOutlined'));
-var _FireplaceRounded = _interopRequireDefault(require('./FireplaceRounded'));
-var _FireplaceSharp = _interopRequireDefault(require('./FireplaceSharp'));
-var _FireplaceTwoTone = _interopRequireDefault(require('./FireplaceTwoTone'));
-var _FirstPage = _interopRequireDefault(require('./FirstPage'));
-var _FirstPageOutlined = _interopRequireDefault(require('./FirstPageOutlined'));
-var _FirstPageRounded = _interopRequireDefault(require('./FirstPageRounded'));
-var _FirstPageSharp = _interopRequireDefault(require('./FirstPageSharp'));
-var _FirstPageTwoTone = _interopRequireDefault(require('./FirstPageTwoTone'));
-var _FitScreen = _interopRequireDefault(require('./FitScreen'));
-var _FitScreenOutlined = _interopRequireDefault(require('./FitScreenOutlined'));
-var _FitScreenRounded = _interopRequireDefault(require('./FitScreenRounded'));
-var _FitScreenSharp = _interopRequireDefault(require('./FitScreenSharp'));
-var _FitScreenTwoTone = _interopRequireDefault(require('./FitScreenTwoTone'));
-var _Fitbit = _interopRequireDefault(require('./Fitbit'));
-var _FitbitOutlined = _interopRequireDefault(require('./FitbitOutlined'));
-var _FitbitRounded = _interopRequireDefault(require('./FitbitRounded'));
-var _FitbitSharp = _interopRequireDefault(require('./FitbitSharp'));
-var _FitbitTwoTone = _interopRequireDefault(require('./FitbitTwoTone'));
-var _FitnessCenter = _interopRequireDefault(require('./FitnessCenter'));
-var _FitnessCenterOutlined = _interopRequireDefault(require('./FitnessCenterOutlined'));
-var _FitnessCenterRounded = _interopRequireDefault(require('./FitnessCenterRounded'));
-var _FitnessCenterSharp = _interopRequireDefault(require('./FitnessCenterSharp'));
-var _FitnessCenterTwoTone = _interopRequireDefault(require('./FitnessCenterTwoTone'));
-var _FiveG = _interopRequireDefault(require('./FiveG'));
-var _FiveGOutlined = _interopRequireDefault(require('./FiveGOutlined'));
-var _FiveGRounded = _interopRequireDefault(require('./FiveGRounded'));
-var _FiveGSharp = _interopRequireDefault(require('./FiveGSharp'));
-var _FiveGTwoTone = _interopRequireDefault(require('./FiveGTwoTone'));
-var _FiveK = _interopRequireDefault(require('./FiveK'));
-var _FiveKOutlined = _interopRequireDefault(require('./FiveKOutlined'));
-var _FiveKPlus = _interopRequireDefault(require('./FiveKPlus'));
-var _FiveKPlusOutlined = _interopRequireDefault(require('./FiveKPlusOutlined'));
-var _FiveKPlusRounded = _interopRequireDefault(require('./FiveKPlusRounded'));
-var _FiveKPlusSharp = _interopRequireDefault(require('./FiveKPlusSharp'));
-var _FiveKPlusTwoTone = _interopRequireDefault(require('./FiveKPlusTwoTone'));
-var _FiveKRounded = _interopRequireDefault(require('./FiveKRounded'));
-var _FiveKSharp = _interopRequireDefault(require('./FiveKSharp'));
-var _FiveKTwoTone = _interopRequireDefault(require('./FiveKTwoTone'));
-var _FiveMp = _interopRequireDefault(require('./FiveMp'));
-var _FiveMpOutlined = _interopRequireDefault(require('./FiveMpOutlined'));
-var _FiveMpRounded = _interopRequireDefault(require('./FiveMpRounded'));
-var _FiveMpSharp = _interopRequireDefault(require('./FiveMpSharp'));
-var _FiveMpTwoTone = _interopRequireDefault(require('./FiveMpTwoTone'));
-var _FivteenMp = _interopRequireDefault(require('./FivteenMp'));
-var _FivteenMpOutlined = _interopRequireDefault(require('./FivteenMpOutlined'));
-var _FivteenMpRounded = _interopRequireDefault(require('./FivteenMpRounded'));
-var _FivteenMpSharp = _interopRequireDefault(require('./FivteenMpSharp'));
-var _FivteenMpTwoTone = _interopRequireDefault(require('./FivteenMpTwoTone'));
-var _Flag = _interopRequireDefault(require('./Flag'));
-var _FlagCircle = _interopRequireDefault(require('./FlagCircle'));
-var _FlagCircleOutlined = _interopRequireDefault(require('./FlagCircleOutlined'));
-var _FlagCircleRounded = _interopRequireDefault(require('./FlagCircleRounded'));
-var _FlagCircleSharp = _interopRequireDefault(require('./FlagCircleSharp'));
-var _FlagCircleTwoTone = _interopRequireDefault(require('./FlagCircleTwoTone'));
-var _FlagOutlined = _interopRequireDefault(require('./FlagOutlined'));
-var _FlagRounded = _interopRequireDefault(require('./FlagRounded'));
-var _FlagSharp = _interopRequireDefault(require('./FlagSharp'));
-var _FlagTwoTone = _interopRequireDefault(require('./FlagTwoTone'));
-var _Flaky = _interopRequireDefault(require('./Flaky'));
-var _FlakyOutlined = _interopRequireDefault(require('./FlakyOutlined'));
-var _FlakyRounded = _interopRequireDefault(require('./FlakyRounded'));
-var _FlakySharp = _interopRequireDefault(require('./FlakySharp'));
-var _FlakyTwoTone = _interopRequireDefault(require('./FlakyTwoTone'));
-var _Flare = _interopRequireDefault(require('./Flare'));
-var _FlareOutlined = _interopRequireDefault(require('./FlareOutlined'));
-var _FlareRounded = _interopRequireDefault(require('./FlareRounded'));
-var _FlareSharp = _interopRequireDefault(require('./FlareSharp'));
-var _FlareTwoTone = _interopRequireDefault(require('./FlareTwoTone'));
-var _FlashAuto = _interopRequireDefault(require('./FlashAuto'));
-var _FlashAutoOutlined = _interopRequireDefault(require('./FlashAutoOutlined'));
-var _FlashAutoRounded = _interopRequireDefault(require('./FlashAutoRounded'));
-var _FlashAutoSharp = _interopRequireDefault(require('./FlashAutoSharp'));
-var _FlashAutoTwoTone = _interopRequireDefault(require('./FlashAutoTwoTone'));
-var _FlashOff = _interopRequireDefault(require('./FlashOff'));
-var _FlashOffOutlined = _interopRequireDefault(require('./FlashOffOutlined'));
-var _FlashOffRounded = _interopRequireDefault(require('./FlashOffRounded'));
-var _FlashOffSharp = _interopRequireDefault(require('./FlashOffSharp'));
-var _FlashOffTwoTone = _interopRequireDefault(require('./FlashOffTwoTone'));
-var _FlashOn = _interopRequireDefault(require('./FlashOn'));
-var _FlashOnOutlined = _interopRequireDefault(require('./FlashOnOutlined'));
-var _FlashOnRounded = _interopRequireDefault(require('./FlashOnRounded'));
-var _FlashOnSharp = _interopRequireDefault(require('./FlashOnSharp'));
-var _FlashOnTwoTone = _interopRequireDefault(require('./FlashOnTwoTone'));
-var _FlashlightOff = _interopRequireDefault(require('./FlashlightOff'));
-var _FlashlightOffOutlined = _interopRequireDefault(require('./FlashlightOffOutlined'));
-var _FlashlightOffRounded = _interopRequireDefault(require('./FlashlightOffRounded'));
-var _FlashlightOffSharp = _interopRequireDefault(require('./FlashlightOffSharp'));
-var _FlashlightOffTwoTone = _interopRequireDefault(require('./FlashlightOffTwoTone'));
-var _FlashlightOn = _interopRequireDefault(require('./FlashlightOn'));
-var _FlashlightOnOutlined = _interopRequireDefault(require('./FlashlightOnOutlined'));
-var _FlashlightOnRounded = _interopRequireDefault(require('./FlashlightOnRounded'));
-var _FlashlightOnSharp = _interopRequireDefault(require('./FlashlightOnSharp'));
-var _FlashlightOnTwoTone = _interopRequireDefault(require('./FlashlightOnTwoTone'));
-var _Flatware = _interopRequireDefault(require('./Flatware'));
-var _FlatwareOutlined = _interopRequireDefault(require('./FlatwareOutlined'));
-var _FlatwareRounded = _interopRequireDefault(require('./FlatwareRounded'));
-var _FlatwareSharp = _interopRequireDefault(require('./FlatwareSharp'));
-var _FlatwareTwoTone = _interopRequireDefault(require('./FlatwareTwoTone'));
-var _Flight = _interopRequireDefault(require('./Flight'));
-var _FlightClass = _interopRequireDefault(require('./FlightClass'));
-var _FlightClassOutlined = _interopRequireDefault(require('./FlightClassOutlined'));
-var _FlightClassRounded = _interopRequireDefault(require('./FlightClassRounded'));
-var _FlightClassSharp = _interopRequireDefault(require('./FlightClassSharp'));
-var _FlightClassTwoTone = _interopRequireDefault(require('./FlightClassTwoTone'));
-var _FlightLand = _interopRequireDefault(require('./FlightLand'));
-var _FlightLandOutlined = _interopRequireDefault(require('./FlightLandOutlined'));
-var _FlightLandRounded = _interopRequireDefault(require('./FlightLandRounded'));
-var _FlightLandSharp = _interopRequireDefault(require('./FlightLandSharp'));
-var _FlightLandTwoTone = _interopRequireDefault(require('./FlightLandTwoTone'));
-var _FlightOutlined = _interopRequireDefault(require('./FlightOutlined'));
-var _FlightRounded = _interopRequireDefault(require('./FlightRounded'));
-var _FlightSharp = _interopRequireDefault(require('./FlightSharp'));
-var _FlightTakeoff = _interopRequireDefault(require('./FlightTakeoff'));
-var _FlightTakeoffOutlined = _interopRequireDefault(require('./FlightTakeoffOutlined'));
-var _FlightTakeoffRounded = _interopRequireDefault(require('./FlightTakeoffRounded'));
-var _FlightTakeoffSharp = _interopRequireDefault(require('./FlightTakeoffSharp'));
-var _FlightTakeoffTwoTone = _interopRequireDefault(require('./FlightTakeoffTwoTone'));
-var _FlightTwoTone = _interopRequireDefault(require('./FlightTwoTone'));
-var _Flip = _interopRequireDefault(require('./Flip'));
-var _FlipCameraAndroid = _interopRequireDefault(require('./FlipCameraAndroid'));
-var _FlipCameraAndroidOutlined = _interopRequireDefault(require('./FlipCameraAndroidOutlined'));
-var _FlipCameraAndroidRounded = _interopRequireDefault(require('./FlipCameraAndroidRounded'));
-var _FlipCameraAndroidSharp = _interopRequireDefault(require('./FlipCameraAndroidSharp'));
-var _FlipCameraAndroidTwoTone = _interopRequireDefault(require('./FlipCameraAndroidTwoTone'));
-var _FlipCameraIos = _interopRequireDefault(require('./FlipCameraIos'));
-var _FlipCameraIosOutlined = _interopRequireDefault(require('./FlipCameraIosOutlined'));
-var _FlipCameraIosRounded = _interopRequireDefault(require('./FlipCameraIosRounded'));
-var _FlipCameraIosSharp = _interopRequireDefault(require('./FlipCameraIosSharp'));
-var _FlipCameraIosTwoTone = _interopRequireDefault(require('./FlipCameraIosTwoTone'));
-var _FlipOutlined = _interopRequireDefault(require('./FlipOutlined'));
-var _FlipRounded = _interopRequireDefault(require('./FlipRounded'));
-var _FlipSharp = _interopRequireDefault(require('./FlipSharp'));
-var _FlipToBack = _interopRequireDefault(require('./FlipToBack'));
-var _FlipToBackOutlined = _interopRequireDefault(require('./FlipToBackOutlined'));
-var _FlipToBackRounded = _interopRequireDefault(require('./FlipToBackRounded'));
-var _FlipToBackSharp = _interopRequireDefault(require('./FlipToBackSharp'));
-var _FlipToBackTwoTone = _interopRequireDefault(require('./FlipToBackTwoTone'));
-var _FlipToFront = _interopRequireDefault(require('./FlipToFront'));
-var _FlipToFrontOutlined = _interopRequireDefault(require('./FlipToFrontOutlined'));
-var _FlipToFrontRounded = _interopRequireDefault(require('./FlipToFrontRounded'));
-var _FlipToFrontSharp = _interopRequireDefault(require('./FlipToFrontSharp'));
-var _FlipToFrontTwoTone = _interopRequireDefault(require('./FlipToFrontTwoTone'));
-var _FlipTwoTone = _interopRequireDefault(require('./FlipTwoTone'));
-var _Flood = _interopRequireDefault(require('./Flood'));
-var _FloodOutlined = _interopRequireDefault(require('./FloodOutlined'));
-var _FloodRounded = _interopRequireDefault(require('./FloodRounded'));
-var _FloodSharp = _interopRequireDefault(require('./FloodSharp'));
-var _FloodTwoTone = _interopRequireDefault(require('./FloodTwoTone'));
-var _Fluorescent = _interopRequireDefault(require('./Fluorescent'));
-var _FluorescentOutlined = _interopRequireDefault(require('./FluorescentOutlined'));
-var _FluorescentRounded = _interopRequireDefault(require('./FluorescentRounded'));
-var _FluorescentSharp = _interopRequireDefault(require('./FluorescentSharp'));
-var _FluorescentTwoTone = _interopRequireDefault(require('./FluorescentTwoTone'));
-var _FlutterDash = _interopRequireDefault(require('./FlutterDash'));
-var _FlutterDashOutlined = _interopRequireDefault(require('./FlutterDashOutlined'));
-var _FlutterDashRounded = _interopRequireDefault(require('./FlutterDashRounded'));
-var _FlutterDashSharp = _interopRequireDefault(require('./FlutterDashSharp'));
-var _FlutterDashTwoTone = _interopRequireDefault(require('./FlutterDashTwoTone'));
-var _FmdBad = _interopRequireDefault(require('./FmdBad'));
-var _FmdBadOutlined = _interopRequireDefault(require('./FmdBadOutlined'));
-var _FmdBadRounded = _interopRequireDefault(require('./FmdBadRounded'));
-var _FmdBadSharp = _interopRequireDefault(require('./FmdBadSharp'));
-var _FmdBadTwoTone = _interopRequireDefault(require('./FmdBadTwoTone'));
-var _FmdGood = _interopRequireDefault(require('./FmdGood'));
-var _FmdGoodOutlined = _interopRequireDefault(require('./FmdGoodOutlined'));
-var _FmdGoodRounded = _interopRequireDefault(require('./FmdGoodRounded'));
-var _FmdGoodSharp = _interopRequireDefault(require('./FmdGoodSharp'));
-var _FmdGoodTwoTone = _interopRequireDefault(require('./FmdGoodTwoTone'));
-var _Folder = _interopRequireDefault(require('./Folder'));
-var _FolderCopy = _interopRequireDefault(require('./FolderCopy'));
-var _FolderCopyOutlined = _interopRequireDefault(require('./FolderCopyOutlined'));
-var _FolderCopyRounded = _interopRequireDefault(require('./FolderCopyRounded'));
-var _FolderCopySharp = _interopRequireDefault(require('./FolderCopySharp'));
-var _FolderCopyTwoTone = _interopRequireDefault(require('./FolderCopyTwoTone'));
-var _FolderDelete = _interopRequireDefault(require('./FolderDelete'));
-var _FolderDeleteOutlined = _interopRequireDefault(require('./FolderDeleteOutlined'));
-var _FolderDeleteRounded = _interopRequireDefault(require('./FolderDeleteRounded'));
-var _FolderDeleteSharp = _interopRequireDefault(require('./FolderDeleteSharp'));
-var _FolderDeleteTwoTone = _interopRequireDefault(require('./FolderDeleteTwoTone'));
-var _FolderOff = _interopRequireDefault(require('./FolderOff'));
-var _FolderOffOutlined = _interopRequireDefault(require('./FolderOffOutlined'));
-var _FolderOffRounded = _interopRequireDefault(require('./FolderOffRounded'));
-var _FolderOffSharp = _interopRequireDefault(require('./FolderOffSharp'));
-var _FolderOffTwoTone = _interopRequireDefault(require('./FolderOffTwoTone'));
-var _FolderOpen = _interopRequireDefault(require('./FolderOpen'));
-var _FolderOpenOutlined = _interopRequireDefault(require('./FolderOpenOutlined'));
-var _FolderOpenRounded = _interopRequireDefault(require('./FolderOpenRounded'));
-var _FolderOpenSharp = _interopRequireDefault(require('./FolderOpenSharp'));
-var _FolderOpenTwoTone = _interopRequireDefault(require('./FolderOpenTwoTone'));
-var _FolderOutlined = _interopRequireDefault(require('./FolderOutlined'));
-var _FolderRounded = _interopRequireDefault(require('./FolderRounded'));
-var _FolderShared = _interopRequireDefault(require('./FolderShared'));
-var _FolderSharedOutlined = _interopRequireDefault(require('./FolderSharedOutlined'));
-var _FolderSharedRounded = _interopRequireDefault(require('./FolderSharedRounded'));
-var _FolderSharedSharp = _interopRequireDefault(require('./FolderSharedSharp'));
-var _FolderSharedTwoTone = _interopRequireDefault(require('./FolderSharedTwoTone'));
-var _FolderSharp = _interopRequireDefault(require('./FolderSharp'));
-var _FolderSpecial = _interopRequireDefault(require('./FolderSpecial'));
-var _FolderSpecialOutlined = _interopRequireDefault(require('./FolderSpecialOutlined'));
-var _FolderSpecialRounded = _interopRequireDefault(require('./FolderSpecialRounded'));
-var _FolderSpecialSharp = _interopRequireDefault(require('./FolderSpecialSharp'));
-var _FolderSpecialTwoTone = _interopRequireDefault(require('./FolderSpecialTwoTone'));
-var _FolderTwoTone = _interopRequireDefault(require('./FolderTwoTone'));
-var _FolderZip = _interopRequireDefault(require('./FolderZip'));
-var _FolderZipOutlined = _interopRequireDefault(require('./FolderZipOutlined'));
-var _FolderZipRounded = _interopRequireDefault(require('./FolderZipRounded'));
-var _FolderZipSharp = _interopRequireDefault(require('./FolderZipSharp'));
-var _FolderZipTwoTone = _interopRequireDefault(require('./FolderZipTwoTone'));
-var _FollowTheSigns = _interopRequireDefault(require('./FollowTheSigns'));
-var _FollowTheSignsOutlined = _interopRequireDefault(require('./FollowTheSignsOutlined'));
-var _FollowTheSignsRounded = _interopRequireDefault(require('./FollowTheSignsRounded'));
-var _FollowTheSignsSharp = _interopRequireDefault(require('./FollowTheSignsSharp'));
-var _FollowTheSignsTwoTone = _interopRequireDefault(require('./FollowTheSignsTwoTone'));
-var _FontDownload = _interopRequireDefault(require('./FontDownload'));
-var _FontDownloadOff = _interopRequireDefault(require('./FontDownloadOff'));
-var _FontDownloadOffOutlined = _interopRequireDefault(require('./FontDownloadOffOutlined'));
-var _FontDownloadOffRounded = _interopRequireDefault(require('./FontDownloadOffRounded'));
-var _FontDownloadOffSharp = _interopRequireDefault(require('./FontDownloadOffSharp'));
-var _FontDownloadOffTwoTone = _interopRequireDefault(require('./FontDownloadOffTwoTone'));
-var _FontDownloadOutlined = _interopRequireDefault(require('./FontDownloadOutlined'));
-var _FontDownloadRounded = _interopRequireDefault(require('./FontDownloadRounded'));
-var _FontDownloadSharp = _interopRequireDefault(require('./FontDownloadSharp'));
-var _FontDownloadTwoTone = _interopRequireDefault(require('./FontDownloadTwoTone'));
-var _FoodBank = _interopRequireDefault(require('./FoodBank'));
-var _FoodBankOutlined = _interopRequireDefault(require('./FoodBankOutlined'));
-var _FoodBankRounded = _interopRequireDefault(require('./FoodBankRounded'));
-var _FoodBankSharp = _interopRequireDefault(require('./FoodBankSharp'));
-var _FoodBankTwoTone = _interopRequireDefault(require('./FoodBankTwoTone'));
-var _Forest = _interopRequireDefault(require('./Forest'));
-var _ForestOutlined = _interopRequireDefault(require('./ForestOutlined'));
-var _ForestRounded = _interopRequireDefault(require('./ForestRounded'));
-var _ForestSharp = _interopRequireDefault(require('./ForestSharp'));
-var _ForestTwoTone = _interopRequireDefault(require('./ForestTwoTone'));
-var _ForkLeft = _interopRequireDefault(require('./ForkLeft'));
-var _ForkLeftOutlined = _interopRequireDefault(require('./ForkLeftOutlined'));
-var _ForkLeftRounded = _interopRequireDefault(require('./ForkLeftRounded'));
-var _ForkLeftSharp = _interopRequireDefault(require('./ForkLeftSharp'));
-var _ForkLeftTwoTone = _interopRequireDefault(require('./ForkLeftTwoTone'));
-var _ForkRight = _interopRequireDefault(require('./ForkRight'));
-var _ForkRightOutlined = _interopRequireDefault(require('./ForkRightOutlined'));
-var _ForkRightRounded = _interopRequireDefault(require('./ForkRightRounded'));
-var _ForkRightSharp = _interopRequireDefault(require('./ForkRightSharp'));
-var _ForkRightTwoTone = _interopRequireDefault(require('./ForkRightTwoTone'));
-var _FormatAlignCenter = _interopRequireDefault(require('./FormatAlignCenter'));
-var _FormatAlignCenterOutlined = _interopRequireDefault(require('./FormatAlignCenterOutlined'));
-var _FormatAlignCenterRounded = _interopRequireDefault(require('./FormatAlignCenterRounded'));
-var _FormatAlignCenterSharp = _interopRequireDefault(require('./FormatAlignCenterSharp'));
-var _FormatAlignCenterTwoTone = _interopRequireDefault(require('./FormatAlignCenterTwoTone'));
-var _FormatAlignJustify = _interopRequireDefault(require('./FormatAlignJustify'));
-var _FormatAlignJustifyOutlined = _interopRequireDefault(require('./FormatAlignJustifyOutlined'));
-var _FormatAlignJustifyRounded = _interopRequireDefault(require('./FormatAlignJustifyRounded'));
-var _FormatAlignJustifySharp = _interopRequireDefault(require('./FormatAlignJustifySharp'));
-var _FormatAlignJustifyTwoTone = _interopRequireDefault(require('./FormatAlignJustifyTwoTone'));
-var _FormatAlignLeft = _interopRequireDefault(require('./FormatAlignLeft'));
-var _FormatAlignLeftOutlined = _interopRequireDefault(require('./FormatAlignLeftOutlined'));
-var _FormatAlignLeftRounded = _interopRequireDefault(require('./FormatAlignLeftRounded'));
-var _FormatAlignLeftSharp = _interopRequireDefault(require('./FormatAlignLeftSharp'));
-var _FormatAlignLeftTwoTone = _interopRequireDefault(require('./FormatAlignLeftTwoTone'));
-var _FormatAlignRight = _interopRequireDefault(require('./FormatAlignRight'));
-var _FormatAlignRightOutlined = _interopRequireDefault(require('./FormatAlignRightOutlined'));
-var _FormatAlignRightRounded = _interopRequireDefault(require('./FormatAlignRightRounded'));
-var _FormatAlignRightSharp = _interopRequireDefault(require('./FormatAlignRightSharp'));
-var _FormatAlignRightTwoTone = _interopRequireDefault(require('./FormatAlignRightTwoTone'));
-var _FormatBold = _interopRequireDefault(require('./FormatBold'));
-var _FormatBoldOutlined = _interopRequireDefault(require('./FormatBoldOutlined'));
-var _FormatBoldRounded = _interopRequireDefault(require('./FormatBoldRounded'));
-var _FormatBoldSharp = _interopRequireDefault(require('./FormatBoldSharp'));
-var _FormatBoldTwoTone = _interopRequireDefault(require('./FormatBoldTwoTone'));
-var _FormatClear = _interopRequireDefault(require('./FormatClear'));
-var _FormatClearOutlined = _interopRequireDefault(require('./FormatClearOutlined'));
-var _FormatClearRounded = _interopRequireDefault(require('./FormatClearRounded'));
-var _FormatClearSharp = _interopRequireDefault(require('./FormatClearSharp'));
-var _FormatClearTwoTone = _interopRequireDefault(require('./FormatClearTwoTone'));
-var _FormatColorFill = _interopRequireDefault(require('./FormatColorFill'));
-var _FormatColorFillOutlined = _interopRequireDefault(require('./FormatColorFillOutlined'));
-var _FormatColorFillRounded = _interopRequireDefault(require('./FormatColorFillRounded'));
-var _FormatColorFillSharp = _interopRequireDefault(require('./FormatColorFillSharp'));
-var _FormatColorFillTwoTone = _interopRequireDefault(require('./FormatColorFillTwoTone'));
-var _FormatColorReset = _interopRequireDefault(require('./FormatColorReset'));
-var _FormatColorResetOutlined = _interopRequireDefault(require('./FormatColorResetOutlined'));
-var _FormatColorResetRounded = _interopRequireDefault(require('./FormatColorResetRounded'));
-var _FormatColorResetSharp = _interopRequireDefault(require('./FormatColorResetSharp'));
-var _FormatColorResetTwoTone = _interopRequireDefault(require('./FormatColorResetTwoTone'));
-var _FormatColorText = _interopRequireDefault(require('./FormatColorText'));
-var _FormatColorTextOutlined = _interopRequireDefault(require('./FormatColorTextOutlined'));
-var _FormatColorTextRounded = _interopRequireDefault(require('./FormatColorTextRounded'));
-var _FormatColorTextSharp = _interopRequireDefault(require('./FormatColorTextSharp'));
-var _FormatColorTextTwoTone = _interopRequireDefault(require('./FormatColorTextTwoTone'));
-var _FormatIndentDecrease = _interopRequireDefault(require('./FormatIndentDecrease'));
-var _FormatIndentDecreaseOutlined = _interopRequireDefault(
-  require('./FormatIndentDecreaseOutlined'),
-);
-var _FormatIndentDecreaseRounded = _interopRequireDefault(require('./FormatIndentDecreaseRounded'));
-var _FormatIndentDecreaseSharp = _interopRequireDefault(require('./FormatIndentDecreaseSharp'));
-var _FormatIndentDecreaseTwoTone = _interopRequireDefault(require('./FormatIndentDecreaseTwoTone'));
-var _FormatIndentIncrease = _interopRequireDefault(require('./FormatIndentIncrease'));
-var _FormatIndentIncreaseOutlined = _interopRequireDefault(
-  require('./FormatIndentIncreaseOutlined'),
-);
-var _FormatIndentIncreaseRounded = _interopRequireDefault(require('./FormatIndentIncreaseRounded'));
-var _FormatIndentIncreaseSharp = _interopRequireDefault(require('./FormatIndentIncreaseSharp'));
-var _FormatIndentIncreaseTwoTone = _interopRequireDefault(require('./FormatIndentIncreaseTwoTone'));
-var _FormatItalic = _interopRequireDefault(require('./FormatItalic'));
-var _FormatItalicOutlined = _interopRequireDefault(require('./FormatItalicOutlined'));
-var _FormatItalicRounded = _interopRequireDefault(require('./FormatItalicRounded'));
-var _FormatItalicSharp = _interopRequireDefault(require('./FormatItalicSharp'));
-var _FormatItalicTwoTone = _interopRequireDefault(require('./FormatItalicTwoTone'));
-var _FormatLineSpacing = _interopRequireDefault(require('./FormatLineSpacing'));
-var _FormatLineSpacingOutlined = _interopRequireDefault(require('./FormatLineSpacingOutlined'));
-var _FormatLineSpacingRounded = _interopRequireDefault(require('./FormatLineSpacingRounded'));
-var _FormatLineSpacingSharp = _interopRequireDefault(require('./FormatLineSpacingSharp'));
-var _FormatLineSpacingTwoTone = _interopRequireDefault(require('./FormatLineSpacingTwoTone'));
-var _FormatListBulleted = _interopRequireDefault(require('./FormatListBulleted'));
-var _FormatListBulletedOutlined = _interopRequireDefault(require('./FormatListBulletedOutlined'));
-var _FormatListBulletedRounded = _interopRequireDefault(require('./FormatListBulletedRounded'));
-var _FormatListBulletedSharp = _interopRequireDefault(require('./FormatListBulletedSharp'));
-var _FormatListBulletedTwoTone = _interopRequireDefault(require('./FormatListBulletedTwoTone'));
-var _FormatListNumbered = _interopRequireDefault(require('./FormatListNumbered'));
-var _FormatListNumberedOutlined = _interopRequireDefault(require('./FormatListNumberedOutlined'));
-var _FormatListNumberedRounded = _interopRequireDefault(require('./FormatListNumberedRounded'));
-var _FormatListNumberedRtl = _interopRequireDefault(require('./FormatListNumberedRtl'));
-var _FormatListNumberedRtlOutlined = _interopRequireDefault(
-  require('./FormatListNumberedRtlOutlined'),
-);
-var _FormatListNumberedRtlRounded = _interopRequireDefault(
-  require('./FormatListNumberedRtlRounded'),
-);
-var _FormatListNumberedRtlSharp = _interopRequireDefault(require('./FormatListNumberedRtlSharp'));
-var _FormatListNumberedRtlTwoTone = _interopRequireDefault(
-  require('./FormatListNumberedRtlTwoTone'),
-);
-var _FormatListNumberedSharp = _interopRequireDefault(require('./FormatListNumberedSharp'));
-var _FormatListNumberedTwoTone = _interopRequireDefault(require('./FormatListNumberedTwoTone'));
-var _FormatOverline = _interopRequireDefault(require('./FormatOverline'));
-var _FormatOverlineOutlined = _interopRequireDefault(require('./FormatOverlineOutlined'));
-var _FormatOverlineRounded = _interopRequireDefault(require('./FormatOverlineRounded'));
-var _FormatOverlineSharp = _interopRequireDefault(require('./FormatOverlineSharp'));
-var _FormatOverlineTwoTone = _interopRequireDefault(require('./FormatOverlineTwoTone'));
-var _FormatPaint = _interopRequireDefault(require('./FormatPaint'));
-var _FormatPaintOutlined = _interopRequireDefault(require('./FormatPaintOutlined'));
-var _FormatPaintRounded = _interopRequireDefault(require('./FormatPaintRounded'));
-var _FormatPaintSharp = _interopRequireDefault(require('./FormatPaintSharp'));
-var _FormatPaintTwoTone = _interopRequireDefault(require('./FormatPaintTwoTone'));
-var _FormatQuote = _interopRequireDefault(require('./FormatQuote'));
-var _FormatQuoteOutlined = _interopRequireDefault(require('./FormatQuoteOutlined'));
-var _FormatQuoteRounded = _interopRequireDefault(require('./FormatQuoteRounded'));
-var _FormatQuoteSharp = _interopRequireDefault(require('./FormatQuoteSharp'));
-var _FormatQuoteTwoTone = _interopRequireDefault(require('./FormatQuoteTwoTone'));
-var _FormatShapes = _interopRequireDefault(require('./FormatShapes'));
-var _FormatShapesOutlined = _interopRequireDefault(require('./FormatShapesOutlined'));
-var _FormatShapesRounded = _interopRequireDefault(require('./FormatShapesRounded'));
-var _FormatShapesSharp = _interopRequireDefault(require('./FormatShapesSharp'));
-var _FormatShapesTwoTone = _interopRequireDefault(require('./FormatShapesTwoTone'));
-var _FormatSize = _interopRequireDefault(require('./FormatSize'));
-var _FormatSizeOutlined = _interopRequireDefault(require('./FormatSizeOutlined'));
-var _FormatSizeRounded = _interopRequireDefault(require('./FormatSizeRounded'));
-var _FormatSizeSharp = _interopRequireDefault(require('./FormatSizeSharp'));
-var _FormatSizeTwoTone = _interopRequireDefault(require('./FormatSizeTwoTone'));
-var _FormatStrikethrough = _interopRequireDefault(require('./FormatStrikethrough'));
-var _FormatStrikethroughOutlined = _interopRequireDefault(require('./FormatStrikethroughOutlined'));
-var _FormatStrikethroughRounded = _interopRequireDefault(require('./FormatStrikethroughRounded'));
-var _FormatStrikethroughSharp = _interopRequireDefault(require('./FormatStrikethroughSharp'));
-var _FormatStrikethroughTwoTone = _interopRequireDefault(require('./FormatStrikethroughTwoTone'));
-var _FormatTextdirectionLToR = _interopRequireDefault(require('./FormatTextdirectionLToR'));
-var _FormatTextdirectionLToROutlined = _interopRequireDefault(
-  require('./FormatTextdirectionLToROutlined'),
-);
-var _FormatTextdirectionLToRRounded = _interopRequireDefault(
-  require('./FormatTextdirectionLToRRounded'),
-);
-var _FormatTextdirectionLToRSharp = _interopRequireDefault(
-  require('./FormatTextdirectionLToRSharp'),
-);
-var _FormatTextdirectionLToRTwoTone = _interopRequireDefault(
-  require('./FormatTextdirectionLToRTwoTone'),
-);
-var _FormatTextdirectionRToL = _interopRequireDefault(require('./FormatTextdirectionRToL'));
-var _FormatTextdirectionRToLOutlined = _interopRequireDefault(
-  require('./FormatTextdirectionRToLOutlined'),
-);
-var _FormatTextdirectionRToLRounded = _interopRequireDefault(
-  require('./FormatTextdirectionRToLRounded'),
-);
-var _FormatTextdirectionRToLSharp = _interopRequireDefault(
-  require('./FormatTextdirectionRToLSharp'),
-);
-var _FormatTextdirectionRToLTwoTone = _interopRequireDefault(
-  require('./FormatTextdirectionRToLTwoTone'),
-);
-var _FormatUnderlined = _interopRequireDefault(require('./FormatUnderlined'));
-var _FormatUnderlinedOutlined = _interopRequireDefault(require('./FormatUnderlinedOutlined'));
-var _FormatUnderlinedRounded = _interopRequireDefault(require('./FormatUnderlinedRounded'));
-var _FormatUnderlinedSharp = _interopRequireDefault(require('./FormatUnderlinedSharp'));
-var _FormatUnderlinedTwoTone = _interopRequireDefault(require('./FormatUnderlinedTwoTone'));
-var _Fort = _interopRequireDefault(require('./Fort'));
-var _FortOutlined = _interopRequireDefault(require('./FortOutlined'));
-var _FortRounded = _interopRequireDefault(require('./FortRounded'));
-var _FortSharp = _interopRequireDefault(require('./FortSharp'));
-var _FortTwoTone = _interopRequireDefault(require('./FortTwoTone'));
-var _Forum = _interopRequireDefault(require('./Forum'));
-var _ForumOutlined = _interopRequireDefault(require('./ForumOutlined'));
-var _ForumRounded = _interopRequireDefault(require('./ForumRounded'));
-var _ForumSharp = _interopRequireDefault(require('./ForumSharp'));
-var _ForumTwoTone = _interopRequireDefault(require('./ForumTwoTone'));
-var _Forward = _interopRequireDefault(require('./Forward'));
-var _Forward2 = _interopRequireDefault(require('./Forward10'));
-var _Forward10Outlined = _interopRequireDefault(require('./Forward10Outlined'));
-var _Forward10Rounded = _interopRequireDefault(require('./Forward10Rounded'));
-var _Forward10Sharp = _interopRequireDefault(require('./Forward10Sharp'));
-var _Forward10TwoTone = _interopRequireDefault(require('./Forward10TwoTone'));
-var _Forward3 = _interopRequireDefault(require('./Forward30'));
-var _Forward30Outlined = _interopRequireDefault(require('./Forward30Outlined'));
-var _Forward30Rounded = _interopRequireDefault(require('./Forward30Rounded'));
-var _Forward30Sharp = _interopRequireDefault(require('./Forward30Sharp'));
-var _Forward30TwoTone = _interopRequireDefault(require('./Forward30TwoTone'));
-var _Forward4 = _interopRequireDefault(require('./Forward5'));
-var _Forward5Outlined = _interopRequireDefault(require('./Forward5Outlined'));
-var _Forward5Rounded = _interopRequireDefault(require('./Forward5Rounded'));
-var _Forward5Sharp = _interopRequireDefault(require('./Forward5Sharp'));
-var _Forward5TwoTone = _interopRequireDefault(require('./Forward5TwoTone'));
-var _ForwardOutlined = _interopRequireDefault(require('./ForwardOutlined'));
-var _ForwardRounded = _interopRequireDefault(require('./ForwardRounded'));
-var _ForwardSharp = _interopRequireDefault(require('./ForwardSharp'));
-var _ForwardToInbox = _interopRequireDefault(require('./ForwardToInbox'));
-var _ForwardToInboxOutlined = _interopRequireDefault(require('./ForwardToInboxOutlined'));
-var _ForwardToInboxRounded = _interopRequireDefault(require('./ForwardToInboxRounded'));
-var _ForwardToInboxSharp = _interopRequireDefault(require('./ForwardToInboxSharp'));
-var _ForwardToInboxTwoTone = _interopRequireDefault(require('./ForwardToInboxTwoTone'));
-var _ForwardTwoTone = _interopRequireDefault(require('./ForwardTwoTone'));
-var _Foundation = _interopRequireDefault(require('./Foundation'));
-var _FoundationOutlined = _interopRequireDefault(require('./FoundationOutlined'));
-var _FoundationRounded = _interopRequireDefault(require('./FoundationRounded'));
-var _FoundationSharp = _interopRequireDefault(require('./FoundationSharp'));
-var _FoundationTwoTone = _interopRequireDefault(require('./FoundationTwoTone'));
-var _FourGMobiledata = _interopRequireDefault(require('./FourGMobiledata'));
-var _FourGMobiledataOutlined = _interopRequireDefault(require('./FourGMobiledataOutlined'));
-var _FourGMobiledataRounded = _interopRequireDefault(require('./FourGMobiledataRounded'));
-var _FourGMobiledataSharp = _interopRequireDefault(require('./FourGMobiledataSharp'));
-var _FourGMobiledataTwoTone = _interopRequireDefault(require('./FourGMobiledataTwoTone'));
-var _FourGPlusMobiledata = _interopRequireDefault(require('./FourGPlusMobiledata'));
-var _FourGPlusMobiledataOutlined = _interopRequireDefault(require('./FourGPlusMobiledataOutlined'));
-var _FourGPlusMobiledataRounded = _interopRequireDefault(require('./FourGPlusMobiledataRounded'));
-var _FourGPlusMobiledataSharp = _interopRequireDefault(require('./FourGPlusMobiledataSharp'));
-var _FourGPlusMobiledataTwoTone = _interopRequireDefault(require('./FourGPlusMobiledataTwoTone'));
-var _FourK = _interopRequireDefault(require('./FourK'));
-var _FourKOutlined = _interopRequireDefault(require('./FourKOutlined'));
-var _FourKPlus = _interopRequireDefault(require('./FourKPlus'));
-var _FourKPlusOutlined = _interopRequireDefault(require('./FourKPlusOutlined'));
-var _FourKPlusRounded = _interopRequireDefault(require('./FourKPlusRounded'));
-var _FourKPlusSharp = _interopRequireDefault(require('./FourKPlusSharp'));
-var _FourKPlusTwoTone = _interopRequireDefault(require('./FourKPlusTwoTone'));
-var _FourKRounded = _interopRequireDefault(require('./FourKRounded'));
-var _FourKSharp = _interopRequireDefault(require('./FourKSharp'));
-var _FourKTwoTone = _interopRequireDefault(require('./FourKTwoTone'));
-var _FourMp = _interopRequireDefault(require('./FourMp'));
-var _FourMpOutlined = _interopRequireDefault(require('./FourMpOutlined'));
-var _FourMpRounded = _interopRequireDefault(require('./FourMpRounded'));
-var _FourMpSharp = _interopRequireDefault(require('./FourMpSharp'));
-var _FourMpTwoTone = _interopRequireDefault(require('./FourMpTwoTone'));
-var _FourteenMp = _interopRequireDefault(require('./FourteenMp'));
-var _FourteenMpOutlined = _interopRequireDefault(require('./FourteenMpOutlined'));
-var _FourteenMpRounded = _interopRequireDefault(require('./FourteenMpRounded'));
-var _FourteenMpSharp = _interopRequireDefault(require('./FourteenMpSharp'));
-var _FourteenMpTwoTone = _interopRequireDefault(require('./FourteenMpTwoTone'));
-var _FreeBreakfast = _interopRequireDefault(require('./FreeBreakfast'));
-var _FreeBreakfastOutlined = _interopRequireDefault(require('./FreeBreakfastOutlined'));
-var _FreeBreakfastRounded = _interopRequireDefault(require('./FreeBreakfastRounded'));
-var _FreeBreakfastSharp = _interopRequireDefault(require('./FreeBreakfastSharp'));
-var _FreeBreakfastTwoTone = _interopRequireDefault(require('./FreeBreakfastTwoTone'));
-var _Fullscreen = _interopRequireDefault(require('./Fullscreen'));
-var _FullscreenExit = _interopRequireDefault(require('./FullscreenExit'));
-var _FullscreenExitOutlined = _interopRequireDefault(require('./FullscreenExitOutlined'));
-var _FullscreenExitRounded = _interopRequireDefault(require('./FullscreenExitRounded'));
-var _FullscreenExitSharp = _interopRequireDefault(require('./FullscreenExitSharp'));
-var _FullscreenExitTwoTone = _interopRequireDefault(require('./FullscreenExitTwoTone'));
-var _FullscreenOutlined = _interopRequireDefault(require('./FullscreenOutlined'));
-var _FullscreenRounded = _interopRequireDefault(require('./FullscreenRounded'));
-var _FullscreenSharp = _interopRequireDefault(require('./FullscreenSharp'));
-var _FullscreenTwoTone = _interopRequireDefault(require('./FullscreenTwoTone'));
-var _Functions = _interopRequireDefault(require('./Functions'));
-var _FunctionsOutlined = _interopRequireDefault(require('./FunctionsOutlined'));
-var _FunctionsRounded = _interopRequireDefault(require('./FunctionsRounded'));
-var _FunctionsSharp = _interopRequireDefault(require('./FunctionsSharp'));
-var _FunctionsTwoTone = _interopRequireDefault(require('./FunctionsTwoTone'));
-var _GMobiledata = _interopRequireDefault(require('./GMobiledata'));
-var _GMobiledataOutlined = _interopRequireDefault(require('./GMobiledataOutlined'));
-var _GMobiledataRounded = _interopRequireDefault(require('./GMobiledataRounded'));
-var _GMobiledataSharp = _interopRequireDefault(require('./GMobiledataSharp'));
-var _GMobiledataTwoTone = _interopRequireDefault(require('./GMobiledataTwoTone'));
-var _GTranslate = _interopRequireDefault(require('./GTranslate'));
-var _GTranslateOutlined = _interopRequireDefault(require('./GTranslateOutlined'));
-var _GTranslateRounded = _interopRequireDefault(require('./GTranslateRounded'));
-var _GTranslateSharp = _interopRequireDefault(require('./GTranslateSharp'));
-var _GTranslateTwoTone = _interopRequireDefault(require('./GTranslateTwoTone'));
-var _Gamepad = _interopRequireDefault(require('./Gamepad'));
-var _GamepadOutlined = _interopRequireDefault(require('./GamepadOutlined'));
-var _GamepadRounded = _interopRequireDefault(require('./GamepadRounded'));
-var _GamepadSharp = _interopRequireDefault(require('./GamepadSharp'));
-var _GamepadTwoTone = _interopRequireDefault(require('./GamepadTwoTone'));
-var _Games = _interopRequireDefault(require('./Games'));
-var _GamesOutlined = _interopRequireDefault(require('./GamesOutlined'));
-var _GamesRounded = _interopRequireDefault(require('./GamesRounded'));
-var _GamesSharp = _interopRequireDefault(require('./GamesSharp'));
-var _GamesTwoTone = _interopRequireDefault(require('./GamesTwoTone'));
-var _Garage = _interopRequireDefault(require('./Garage'));
-var _GarageOutlined = _interopRequireDefault(require('./GarageOutlined'));
-var _GarageRounded = _interopRequireDefault(require('./GarageRounded'));
-var _GarageSharp = _interopRequireDefault(require('./GarageSharp'));
-var _GarageTwoTone = _interopRequireDefault(require('./GarageTwoTone'));
-var _GasMeter = _interopRequireDefault(require('./GasMeter'));
-var _GasMeterOutlined = _interopRequireDefault(require('./GasMeterOutlined'));
-var _GasMeterRounded = _interopRequireDefault(require('./GasMeterRounded'));
-var _GasMeterSharp = _interopRequireDefault(require('./GasMeterSharp'));
-var _GasMeterTwoTone = _interopRequireDefault(require('./GasMeterTwoTone'));
-var _Gavel = _interopRequireDefault(require('./Gavel'));
-var _GavelOutlined = _interopRequireDefault(require('./GavelOutlined'));
-var _GavelRounded = _interopRequireDefault(require('./GavelRounded'));
-var _GavelSharp = _interopRequireDefault(require('./GavelSharp'));
-var _GavelTwoTone = _interopRequireDefault(require('./GavelTwoTone'));
-var _Gesture = _interopRequireDefault(require('./Gesture'));
-var _GestureOutlined = _interopRequireDefault(require('./GestureOutlined'));
-var _GestureRounded = _interopRequireDefault(require('./GestureRounded'));
-var _GestureSharp = _interopRequireDefault(require('./GestureSharp'));
-var _GestureTwoTone = _interopRequireDefault(require('./GestureTwoTone'));
-var _GetApp = _interopRequireDefault(require('./GetApp'));
-var _GetAppOutlined = _interopRequireDefault(require('./GetAppOutlined'));
-var _GetAppRounded = _interopRequireDefault(require('./GetAppRounded'));
-var _GetAppSharp = _interopRequireDefault(require('./GetAppSharp'));
-var _GetAppTwoTone = _interopRequireDefault(require('./GetAppTwoTone'));
-var _Gif = _interopRequireDefault(require('./Gif'));
-var _GifBox = _interopRequireDefault(require('./GifBox'));
-var _GifBoxOutlined = _interopRequireDefault(require('./GifBoxOutlined'));
-var _GifBoxRounded = _interopRequireDefault(require('./GifBoxRounded'));
-var _GifBoxSharp = _interopRequireDefault(require('./GifBoxSharp'));
-var _GifBoxTwoTone = _interopRequireDefault(require('./GifBoxTwoTone'));
-var _GifOutlined = _interopRequireDefault(require('./GifOutlined'));
-var _GifRounded = _interopRequireDefault(require('./GifRounded'));
-var _GifSharp = _interopRequireDefault(require('./GifSharp'));
-var _GifTwoTone = _interopRequireDefault(require('./GifTwoTone'));
-var _Girl = _interopRequireDefault(require('./Girl'));
-var _GirlOutlined = _interopRequireDefault(require('./GirlOutlined'));
-var _GirlRounded = _interopRequireDefault(require('./GirlRounded'));
-var _GirlSharp = _interopRequireDefault(require('./GirlSharp'));
-var _GirlTwoTone = _interopRequireDefault(require('./GirlTwoTone'));
-var _GitHub = _interopRequireDefault(require('./GitHub'));
-var _Gite = _interopRequireDefault(require('./Gite'));
-var _GiteOutlined = _interopRequireDefault(require('./GiteOutlined'));
-var _GiteRounded = _interopRequireDefault(require('./GiteRounded'));
-var _GiteSharp = _interopRequireDefault(require('./GiteSharp'));
-var _GiteTwoTone = _interopRequireDefault(require('./GiteTwoTone'));
-var _GolfCourse = _interopRequireDefault(require('./GolfCourse'));
-var _GolfCourseOutlined = _interopRequireDefault(require('./GolfCourseOutlined'));
-var _GolfCourseRounded = _interopRequireDefault(require('./GolfCourseRounded'));
-var _GolfCourseSharp = _interopRequireDefault(require('./GolfCourseSharp'));
-var _GolfCourseTwoTone = _interopRequireDefault(require('./GolfCourseTwoTone'));
-var _Google = _interopRequireDefault(require('./Google'));
-var _GppBad = _interopRequireDefault(require('./GppBad'));
-var _GppBadOutlined = _interopRequireDefault(require('./GppBadOutlined'));
-var _GppBadRounded = _interopRequireDefault(require('./GppBadRounded'));
-var _GppBadSharp = _interopRequireDefault(require('./GppBadSharp'));
-var _GppBadTwoTone = _interopRequireDefault(require('./GppBadTwoTone'));
-var _GppGood = _interopRequireDefault(require('./GppGood'));
-var _GppGoodOutlined = _interopRequireDefault(require('./GppGoodOutlined'));
-var _GppGoodRounded = _interopRequireDefault(require('./GppGoodRounded'));
-var _GppGoodSharp = _interopRequireDefault(require('./GppGoodSharp'));
-var _GppGoodTwoTone = _interopRequireDefault(require('./GppGoodTwoTone'));
-var _GppMaybe = _interopRequireDefault(require('./GppMaybe'));
-var _GppMaybeOutlined = _interopRequireDefault(require('./GppMaybeOutlined'));
-var _GppMaybeRounded = _interopRequireDefault(require('./GppMaybeRounded'));
-var _GppMaybeSharp = _interopRequireDefault(require('./GppMaybeSharp'));
-var _GppMaybeTwoTone = _interopRequireDefault(require('./GppMaybeTwoTone'));
-var _GpsFixed = _interopRequireDefault(require('./GpsFixed'));
-var _GpsFixedOutlined = _interopRequireDefault(require('./GpsFixedOutlined'));
-var _GpsFixedRounded = _interopRequireDefault(require('./GpsFixedRounded'));
-var _GpsFixedSharp = _interopRequireDefault(require('./GpsFixedSharp'));
-var _GpsFixedTwoTone = _interopRequireDefault(require('./GpsFixedTwoTone'));
-var _GpsNotFixed = _interopRequireDefault(require('./GpsNotFixed'));
-var _GpsNotFixedOutlined = _interopRequireDefault(require('./GpsNotFixedOutlined'));
-var _GpsNotFixedRounded = _interopRequireDefault(require('./GpsNotFixedRounded'));
-var _GpsNotFixedSharp = _interopRequireDefault(require('./GpsNotFixedSharp'));
-var _GpsNotFixedTwoTone = _interopRequireDefault(require('./GpsNotFixedTwoTone'));
-var _GpsOff = _interopRequireDefault(require('./GpsOff'));
-var _GpsOffOutlined = _interopRequireDefault(require('./GpsOffOutlined'));
-var _GpsOffRounded = _interopRequireDefault(require('./GpsOffRounded'));
-var _GpsOffSharp = _interopRequireDefault(require('./GpsOffSharp'));
-var _GpsOffTwoTone = _interopRequireDefault(require('./GpsOffTwoTone'));
-var _Grade = _interopRequireDefault(require('./Grade'));
-var _GradeOutlined = _interopRequireDefault(require('./GradeOutlined'));
-var _GradeRounded = _interopRequireDefault(require('./GradeRounded'));
-var _GradeSharp = _interopRequireDefault(require('./GradeSharp'));
-var _GradeTwoTone = _interopRequireDefault(require('./GradeTwoTone'));
-var _Gradient = _interopRequireDefault(require('./Gradient'));
-var _GradientOutlined = _interopRequireDefault(require('./GradientOutlined'));
-var _GradientRounded = _interopRequireDefault(require('./GradientRounded'));
-var _GradientSharp = _interopRequireDefault(require('./GradientSharp'));
-var _GradientTwoTone = _interopRequireDefault(require('./GradientTwoTone'));
-var _Grading = _interopRequireDefault(require('./Grading'));
-var _GradingOutlined = _interopRequireDefault(require('./GradingOutlined'));
-var _GradingRounded = _interopRequireDefault(require('./GradingRounded'));
-var _GradingSharp = _interopRequireDefault(require('./GradingSharp'));
-var _GradingTwoTone = _interopRequireDefault(require('./GradingTwoTone'));
-var _Grain = _interopRequireDefault(require('./Grain'));
-var _GrainOutlined = _interopRequireDefault(require('./GrainOutlined'));
-var _GrainRounded = _interopRequireDefault(require('./GrainRounded'));
-var _GrainSharp = _interopRequireDefault(require('./GrainSharp'));
-var _GrainTwoTone = _interopRequireDefault(require('./GrainTwoTone'));
-var _GraphicEq = _interopRequireDefault(require('./GraphicEq'));
-var _GraphicEqOutlined = _interopRequireDefault(require('./GraphicEqOutlined'));
-var _GraphicEqRounded = _interopRequireDefault(require('./GraphicEqRounded'));
-var _GraphicEqSharp = _interopRequireDefault(require('./GraphicEqSharp'));
-var _GraphicEqTwoTone = _interopRequireDefault(require('./GraphicEqTwoTone'));
-var _Grass = _interopRequireDefault(require('./Grass'));
-var _GrassOutlined = _interopRequireDefault(require('./GrassOutlined'));
-var _GrassRounded = _interopRequireDefault(require('./GrassRounded'));
-var _GrassSharp = _interopRequireDefault(require('./GrassSharp'));
-var _GrassTwoTone = _interopRequireDefault(require('./GrassTwoTone'));
-var _Grid3x = _interopRequireDefault(require('./Grid3x3'));
-var _Grid3x3Outlined = _interopRequireDefault(require('./Grid3x3Outlined'));
-var _Grid3x3Rounded = _interopRequireDefault(require('./Grid3x3Rounded'));
-var _Grid3x3Sharp = _interopRequireDefault(require('./Grid3x3Sharp'));
-var _Grid3x3TwoTone = _interopRequireDefault(require('./Grid3x3TwoTone'));
-var _Grid4x = _interopRequireDefault(require('./Grid4x4'));
-var _Grid4x4Outlined = _interopRequireDefault(require('./Grid4x4Outlined'));
-var _Grid4x4Rounded = _interopRequireDefault(require('./Grid4x4Rounded'));
-var _Grid4x4Sharp = _interopRequireDefault(require('./Grid4x4Sharp'));
-var _Grid4x4TwoTone = _interopRequireDefault(require('./Grid4x4TwoTone'));
-var _GridGoldenratio = _interopRequireDefault(require('./GridGoldenratio'));
-var _GridGoldenratioOutlined = _interopRequireDefault(require('./GridGoldenratioOutlined'));
-var _GridGoldenratioRounded = _interopRequireDefault(require('./GridGoldenratioRounded'));
-var _GridGoldenratioSharp = _interopRequireDefault(require('./GridGoldenratioSharp'));
-var _GridGoldenratioTwoTone = _interopRequireDefault(require('./GridGoldenratioTwoTone'));
-var _GridOff = _interopRequireDefault(require('./GridOff'));
-var _GridOffOutlined = _interopRequireDefault(require('./GridOffOutlined'));
-var _GridOffRounded = _interopRequireDefault(require('./GridOffRounded'));
-var _GridOffSharp = _interopRequireDefault(require('./GridOffSharp'));
-var _GridOffTwoTone = _interopRequireDefault(require('./GridOffTwoTone'));
-var _GridOn = _interopRequireDefault(require('./GridOn'));
-var _GridOnOutlined = _interopRequireDefault(require('./GridOnOutlined'));
-var _GridOnRounded = _interopRequireDefault(require('./GridOnRounded'));
-var _GridOnSharp = _interopRequireDefault(require('./GridOnSharp'));
-var _GridOnTwoTone = _interopRequireDefault(require('./GridOnTwoTone'));
-var _GridView = _interopRequireDefault(require('./GridView'));
-var _GridViewOutlined = _interopRequireDefault(require('./GridViewOutlined'));
-var _GridViewRounded = _interopRequireDefault(require('./GridViewRounded'));
-var _GridViewSharp = _interopRequireDefault(require('./GridViewSharp'));
-var _GridViewTwoTone = _interopRequireDefault(require('./GridViewTwoTone'));
-var _Group = _interopRequireDefault(require('./Group'));
-var _GroupAdd = _interopRequireDefault(require('./GroupAdd'));
-var _GroupAddOutlined = _interopRequireDefault(require('./GroupAddOutlined'));
-var _GroupAddRounded = _interopRequireDefault(require('./GroupAddRounded'));
-var _GroupAddSharp = _interopRequireDefault(require('./GroupAddSharp'));
-var _GroupAddTwoTone = _interopRequireDefault(require('./GroupAddTwoTone'));
-var _GroupOutlined = _interopRequireDefault(require('./GroupOutlined'));
-var _GroupRemove = _interopRequireDefault(require('./GroupRemove'));
-var _GroupRemoveOutlined = _interopRequireDefault(require('./GroupRemoveOutlined'));
-var _GroupRemoveRounded = _interopRequireDefault(require('./GroupRemoveRounded'));
-var _GroupRemoveSharp = _interopRequireDefault(require('./GroupRemoveSharp'));
-var _GroupRemoveTwoTone = _interopRequireDefault(require('./GroupRemoveTwoTone'));
-var _GroupRounded = _interopRequireDefault(require('./GroupRounded'));
-var _GroupSharp = _interopRequireDefault(require('./GroupSharp'));
-var _GroupTwoTone = _interopRequireDefault(require('./GroupTwoTone'));
-var _GroupWork = _interopRequireDefault(require('./GroupWork'));
-var _GroupWorkOutlined = _interopRequireDefault(require('./GroupWorkOutlined'));
-var _GroupWorkRounded = _interopRequireDefault(require('./GroupWorkRounded'));
-var _GroupWorkSharp = _interopRequireDefault(require('./GroupWorkSharp'));
-var _GroupWorkTwoTone = _interopRequireDefault(require('./GroupWorkTwoTone'));
-var _Groups = _interopRequireDefault(require('./Groups'));
-var _Groups2 = _interopRequireDefault(require('./Groups2'));
-var _Groups2Outlined = _interopRequireDefault(require('./Groups2Outlined'));
-var _Groups2Rounded = _interopRequireDefault(require('./Groups2Rounded'));
-var _Groups2Sharp = _interopRequireDefault(require('./Groups2Sharp'));
-var _Groups2TwoTone = _interopRequireDefault(require('./Groups2TwoTone'));
-var _Groups3 = _interopRequireDefault(require('./Groups3'));
-var _Groups3Outlined = _interopRequireDefault(require('./Groups3Outlined'));
-var _Groups3Rounded = _interopRequireDefault(require('./Groups3Rounded'));
-var _Groups3Sharp = _interopRequireDefault(require('./Groups3Sharp'));
-var _Groups3TwoTone = _interopRequireDefault(require('./Groups3TwoTone'));
-var _GroupsOutlined = _interopRequireDefault(require('./GroupsOutlined'));
-var _GroupsRounded = _interopRequireDefault(require('./GroupsRounded'));
-var _GroupsSharp = _interopRequireDefault(require('./GroupsSharp'));
-var _GroupsTwoTone = _interopRequireDefault(require('./GroupsTwoTone'));
-var _HMobiledata = _interopRequireDefault(require('./HMobiledata'));
-var _HMobiledataOutlined = _interopRequireDefault(require('./HMobiledataOutlined'));
-var _HMobiledataRounded = _interopRequireDefault(require('./HMobiledataRounded'));
-var _HMobiledataSharp = _interopRequireDefault(require('./HMobiledataSharp'));
-var _HMobiledataTwoTone = _interopRequireDefault(require('./HMobiledataTwoTone'));
-var _HPlusMobiledata = _interopRequireDefault(require('./HPlusMobiledata'));
-var _HPlusMobiledataOutlined = _interopRequireDefault(require('./HPlusMobiledataOutlined'));
-var _HPlusMobiledataRounded = _interopRequireDefault(require('./HPlusMobiledataRounded'));
-var _HPlusMobiledataSharp = _interopRequireDefault(require('./HPlusMobiledataSharp'));
-var _HPlusMobiledataTwoTone = _interopRequireDefault(require('./HPlusMobiledataTwoTone'));
-var _Hail = _interopRequireDefault(require('./Hail'));
-var _HailOutlined = _interopRequireDefault(require('./HailOutlined'));
-var _HailRounded = _interopRequireDefault(require('./HailRounded'));
-var _HailSharp = _interopRequireDefault(require('./HailSharp'));
-var _HailTwoTone = _interopRequireDefault(require('./HailTwoTone'));
-var _Handshake = _interopRequireDefault(require('./Handshake'));
-var _HandshakeOutlined = _interopRequireDefault(require('./HandshakeOutlined'));
-var _HandshakeRounded = _interopRequireDefault(require('./HandshakeRounded'));
-var _HandshakeSharp = _interopRequireDefault(require('./HandshakeSharp'));
-var _HandshakeTwoTone = _interopRequireDefault(require('./HandshakeTwoTone'));
-var _Handyman = _interopRequireDefault(require('./Handyman'));
-var _HandymanOutlined = _interopRequireDefault(require('./HandymanOutlined'));
-var _HandymanRounded = _interopRequireDefault(require('./HandymanRounded'));
-var _HandymanSharp = _interopRequireDefault(require('./HandymanSharp'));
-var _HandymanTwoTone = _interopRequireDefault(require('./HandymanTwoTone'));
-var _Hardware = _interopRequireDefault(require('./Hardware'));
-var _HardwareOutlined = _interopRequireDefault(require('./HardwareOutlined'));
-var _HardwareRounded = _interopRequireDefault(require('./HardwareRounded'));
-var _HardwareSharp = _interopRequireDefault(require('./HardwareSharp'));
-var _HardwareTwoTone = _interopRequireDefault(require('./HardwareTwoTone'));
-var _Hd = _interopRequireDefault(require('./Hd'));
-var _HdOutlined = _interopRequireDefault(require('./HdOutlined'));
-var _HdRounded = _interopRequireDefault(require('./HdRounded'));
-var _HdSharp = _interopRequireDefault(require('./HdSharp'));
-var _HdTwoTone = _interopRequireDefault(require('./HdTwoTone'));
-var _HdrAuto = _interopRequireDefault(require('./HdrAuto'));
-var _HdrAutoOutlined = _interopRequireDefault(require('./HdrAutoOutlined'));
-var _HdrAutoRounded = _interopRequireDefault(require('./HdrAutoRounded'));
-var _HdrAutoSelect = _interopRequireDefault(require('./HdrAutoSelect'));
-var _HdrAutoSelectOutlined = _interopRequireDefault(require('./HdrAutoSelectOutlined'));
-var _HdrAutoSelectRounded = _interopRequireDefault(require('./HdrAutoSelectRounded'));
-var _HdrAutoSelectSharp = _interopRequireDefault(require('./HdrAutoSelectSharp'));
-var _HdrAutoSelectTwoTone = _interopRequireDefault(require('./HdrAutoSelectTwoTone'));
-var _HdrAutoSharp = _interopRequireDefault(require('./HdrAutoSharp'));
-var _HdrAutoTwoTone = _interopRequireDefault(require('./HdrAutoTwoTone'));
-var _HdrEnhancedSelect = _interopRequireDefault(require('./HdrEnhancedSelect'));
-var _HdrEnhancedSelectOutlined = _interopRequireDefault(require('./HdrEnhancedSelectOutlined'));
-var _HdrEnhancedSelectRounded = _interopRequireDefault(require('./HdrEnhancedSelectRounded'));
-var _HdrEnhancedSelectSharp = _interopRequireDefault(require('./HdrEnhancedSelectSharp'));
-var _HdrEnhancedSelectTwoTone = _interopRequireDefault(require('./HdrEnhancedSelectTwoTone'));
-var _HdrOff = _interopRequireDefault(require('./HdrOff'));
-var _HdrOffOutlined = _interopRequireDefault(require('./HdrOffOutlined'));
-var _HdrOffRounded = _interopRequireDefault(require('./HdrOffRounded'));
-var _HdrOffSelect = _interopRequireDefault(require('./HdrOffSelect'));
-var _HdrOffSelectOutlined = _interopRequireDefault(require('./HdrOffSelectOutlined'));
-var _HdrOffSelectRounded = _interopRequireDefault(require('./HdrOffSelectRounded'));
-var _HdrOffSelectSharp = _interopRequireDefault(require('./HdrOffSelectSharp'));
-var _HdrOffSelectTwoTone = _interopRequireDefault(require('./HdrOffSelectTwoTone'));
-var _HdrOffSharp = _interopRequireDefault(require('./HdrOffSharp'));
-var _HdrOffTwoTone = _interopRequireDefault(require('./HdrOffTwoTone'));
-var _HdrOn = _interopRequireDefault(require('./HdrOn'));
-var _HdrOnOutlined = _interopRequireDefault(require('./HdrOnOutlined'));
-var _HdrOnRounded = _interopRequireDefault(require('./HdrOnRounded'));
-var _HdrOnSelect = _interopRequireDefault(require('./HdrOnSelect'));
-var _HdrOnSelectOutlined = _interopRequireDefault(require('./HdrOnSelectOutlined'));
-var _HdrOnSelectRounded = _interopRequireDefault(require('./HdrOnSelectRounded'));
-var _HdrOnSelectSharp = _interopRequireDefault(require('./HdrOnSelectSharp'));
-var _HdrOnSelectTwoTone = _interopRequireDefault(require('./HdrOnSelectTwoTone'));
-var _HdrOnSharp = _interopRequireDefault(require('./HdrOnSharp'));
-var _HdrOnTwoTone = _interopRequireDefault(require('./HdrOnTwoTone'));
-var _HdrPlus = _interopRequireDefault(require('./HdrPlus'));
-var _HdrPlusOutlined = _interopRequireDefault(require('./HdrPlusOutlined'));
-var _HdrPlusRounded = _interopRequireDefault(require('./HdrPlusRounded'));
-var _HdrPlusSharp = _interopRequireDefault(require('./HdrPlusSharp'));
-var _HdrPlusTwoTone = _interopRequireDefault(require('./HdrPlusTwoTone'));
-var _HdrStrong = _interopRequireDefault(require('./HdrStrong'));
-var _HdrStrongOutlined = _interopRequireDefault(require('./HdrStrongOutlined'));
-var _HdrStrongRounded = _interopRequireDefault(require('./HdrStrongRounded'));
-var _HdrStrongSharp = _interopRequireDefault(require('./HdrStrongSharp'));
-var _HdrStrongTwoTone = _interopRequireDefault(require('./HdrStrongTwoTone'));
-var _HdrWeak = _interopRequireDefault(require('./HdrWeak'));
-var _HdrWeakOutlined = _interopRequireDefault(require('./HdrWeakOutlined'));
-var _HdrWeakRounded = _interopRequireDefault(require('./HdrWeakRounded'));
-var _HdrWeakSharp = _interopRequireDefault(require('./HdrWeakSharp'));
-var _HdrWeakTwoTone = _interopRequireDefault(require('./HdrWeakTwoTone'));
-var _Headphones = _interopRequireDefault(require('./Headphones'));
-var _HeadphonesBattery = _interopRequireDefault(require('./HeadphonesBattery'));
-var _HeadphonesBatteryOutlined = _interopRequireDefault(require('./HeadphonesBatteryOutlined'));
-var _HeadphonesBatteryRounded = _interopRequireDefault(require('./HeadphonesBatteryRounded'));
-var _HeadphonesBatterySharp = _interopRequireDefault(require('./HeadphonesBatterySharp'));
-var _HeadphonesBatteryTwoTone = _interopRequireDefault(require('./HeadphonesBatteryTwoTone'));
-var _HeadphonesOutlined = _interopRequireDefault(require('./HeadphonesOutlined'));
-var _HeadphonesRounded = _interopRequireDefault(require('./HeadphonesRounded'));
-var _HeadphonesSharp = _interopRequireDefault(require('./HeadphonesSharp'));
-var _HeadphonesTwoTone = _interopRequireDefault(require('./HeadphonesTwoTone'));
-var _Headset = _interopRequireDefault(require('./Headset'));
-var _HeadsetMic = _interopRequireDefault(require('./HeadsetMic'));
-var _HeadsetMicOutlined = _interopRequireDefault(require('./HeadsetMicOutlined'));
-var _HeadsetMicRounded = _interopRequireDefault(require('./HeadsetMicRounded'));
-var _HeadsetMicSharp = _interopRequireDefault(require('./HeadsetMicSharp'));
-var _HeadsetMicTwoTone = _interopRequireDefault(require('./HeadsetMicTwoTone'));
-var _HeadsetOff = _interopRequireDefault(require('./HeadsetOff'));
-var _HeadsetOffOutlined = _interopRequireDefault(require('./HeadsetOffOutlined'));
-var _HeadsetOffRounded = _interopRequireDefault(require('./HeadsetOffRounded'));
-var _HeadsetOffSharp = _interopRequireDefault(require('./HeadsetOffSharp'));
-var _HeadsetOffTwoTone = _interopRequireDefault(require('./HeadsetOffTwoTone'));
-var _HeadsetOutlined = _interopRequireDefault(require('./HeadsetOutlined'));
-var _HeadsetRounded = _interopRequireDefault(require('./HeadsetRounded'));
-var _HeadsetSharp = _interopRequireDefault(require('./HeadsetSharp'));
-var _HeadsetTwoTone = _interopRequireDefault(require('./HeadsetTwoTone'));
-var _Healing = _interopRequireDefault(require('./Healing'));
-var _HealingOutlined = _interopRequireDefault(require('./HealingOutlined'));
-var _HealingRounded = _interopRequireDefault(require('./HealingRounded'));
-var _HealingSharp = _interopRequireDefault(require('./HealingSharp'));
-var _HealingTwoTone = _interopRequireDefault(require('./HealingTwoTone'));
-var _HealthAndSafety = _interopRequireDefault(require('./HealthAndSafety'));
-var _HealthAndSafetyOutlined = _interopRequireDefault(require('./HealthAndSafetyOutlined'));
-var _HealthAndSafetyRounded = _interopRequireDefault(require('./HealthAndSafetyRounded'));
-var _HealthAndSafetySharp = _interopRequireDefault(require('./HealthAndSafetySharp'));
-var _HealthAndSafetyTwoTone = _interopRequireDefault(require('./HealthAndSafetyTwoTone'));
-var _Hearing = _interopRequireDefault(require('./Hearing'));
-var _HearingDisabled = _interopRequireDefault(require('./HearingDisabled'));
-var _HearingDisabledOutlined = _interopRequireDefault(require('./HearingDisabledOutlined'));
-var _HearingDisabledRounded = _interopRequireDefault(require('./HearingDisabledRounded'));
-var _HearingDisabledSharp = _interopRequireDefault(require('./HearingDisabledSharp'));
-var _HearingDisabledTwoTone = _interopRequireDefault(require('./HearingDisabledTwoTone'));
-var _HearingOutlined = _interopRequireDefault(require('./HearingOutlined'));
-var _HearingRounded = _interopRequireDefault(require('./HearingRounded'));
-var _HearingSharp = _interopRequireDefault(require('./HearingSharp'));
-var _HearingTwoTone = _interopRequireDefault(require('./HearingTwoTone'));
-var _HeartBroken = _interopRequireDefault(require('./HeartBroken'));
-var _HeartBrokenOutlined = _interopRequireDefault(require('./HeartBrokenOutlined'));
-var _HeartBrokenRounded = _interopRequireDefault(require('./HeartBrokenRounded'));
-var _HeartBrokenSharp = _interopRequireDefault(require('./HeartBrokenSharp'));
-var _HeartBrokenTwoTone = _interopRequireDefault(require('./HeartBrokenTwoTone'));
-var _HeatPump = _interopRequireDefault(require('./HeatPump'));
-var _HeatPumpOutlined = _interopRequireDefault(require('./HeatPumpOutlined'));
-var _HeatPumpRounded = _interopRequireDefault(require('./HeatPumpRounded'));
-var _HeatPumpSharp = _interopRequireDefault(require('./HeatPumpSharp'));
-var _HeatPumpTwoTone = _interopRequireDefault(require('./HeatPumpTwoTone'));
-var _Height = _interopRequireDefault(require('./Height'));
-var _HeightOutlined = _interopRequireDefault(require('./HeightOutlined'));
-var _HeightRounded = _interopRequireDefault(require('./HeightRounded'));
-var _HeightSharp = _interopRequireDefault(require('./HeightSharp'));
-var _HeightTwoTone = _interopRequireDefault(require('./HeightTwoTone'));
-var _Help = _interopRequireDefault(require('./Help'));
-var _HelpCenter = _interopRequireDefault(require('./HelpCenter'));
-var _HelpCenterOutlined = _interopRequireDefault(require('./HelpCenterOutlined'));
-var _HelpCenterRounded = _interopRequireDefault(require('./HelpCenterRounded'));
-var _HelpCenterSharp = _interopRequireDefault(require('./HelpCenterSharp'));
-var _HelpCenterTwoTone = _interopRequireDefault(require('./HelpCenterTwoTone'));
-var _HelpOutline = _interopRequireDefault(require('./HelpOutline'));
-var _HelpOutlineOutlined = _interopRequireDefault(require('./HelpOutlineOutlined'));
-var _HelpOutlineRounded = _interopRequireDefault(require('./HelpOutlineRounded'));
-var _HelpOutlineSharp = _interopRequireDefault(require('./HelpOutlineSharp'));
-var _HelpOutlineTwoTone = _interopRequireDefault(require('./HelpOutlineTwoTone'));
-var _HelpOutlined = _interopRequireDefault(require('./HelpOutlined'));
-var _HelpRounded = _interopRequireDefault(require('./HelpRounded'));
-var _HelpSharp = _interopRequireDefault(require('./HelpSharp'));
-var _HelpTwoTone = _interopRequireDefault(require('./HelpTwoTone'));
-var _Hevc = _interopRequireDefault(require('./Hevc'));
-var _HevcOutlined = _interopRequireDefault(require('./HevcOutlined'));
-var _HevcRounded = _interopRequireDefault(require('./HevcRounded'));
-var _HevcSharp = _interopRequireDefault(require('./HevcSharp'));
-var _HevcTwoTone = _interopRequireDefault(require('./HevcTwoTone'));
-var _Hexagon = _interopRequireDefault(require('./Hexagon'));
-var _HexagonOutlined = _interopRequireDefault(require('./HexagonOutlined'));
-var _HexagonRounded = _interopRequireDefault(require('./HexagonRounded'));
-var _HexagonSharp = _interopRequireDefault(require('./HexagonSharp'));
-var _HexagonTwoTone = _interopRequireDefault(require('./HexagonTwoTone'));
-var _HideImage = _interopRequireDefault(require('./HideImage'));
-var _HideImageOutlined = _interopRequireDefault(require('./HideImageOutlined'));
-var _HideImageRounded = _interopRequireDefault(require('./HideImageRounded'));
-var _HideImageSharp = _interopRequireDefault(require('./HideImageSharp'));
-var _HideImageTwoTone = _interopRequireDefault(require('./HideImageTwoTone'));
-var _HideSource = _interopRequireDefault(require('./HideSource'));
-var _HideSourceOutlined = _interopRequireDefault(require('./HideSourceOutlined'));
-var _HideSourceRounded = _interopRequireDefault(require('./HideSourceRounded'));
-var _HideSourceSharp = _interopRequireDefault(require('./HideSourceSharp'));
-var _HideSourceTwoTone = _interopRequireDefault(require('./HideSourceTwoTone'));
-var _HighQuality = _interopRequireDefault(require('./HighQuality'));
-var _HighQualityOutlined = _interopRequireDefault(require('./HighQualityOutlined'));
-var _HighQualityRounded = _interopRequireDefault(require('./HighQualityRounded'));
-var _HighQualitySharp = _interopRequireDefault(require('./HighQualitySharp'));
-var _HighQualityTwoTone = _interopRequireDefault(require('./HighQualityTwoTone'));
-var _Highlight = _interopRequireDefault(require('./Highlight'));
-var _HighlightAlt = _interopRequireDefault(require('./HighlightAlt'));
-var _HighlightAltOutlined = _interopRequireDefault(require('./HighlightAltOutlined'));
-var _HighlightAltRounded = _interopRequireDefault(require('./HighlightAltRounded'));
-var _HighlightAltSharp = _interopRequireDefault(require('./HighlightAltSharp'));
-var _HighlightAltTwoTone = _interopRequireDefault(require('./HighlightAltTwoTone'));
-var _HighlightOff = _interopRequireDefault(require('./HighlightOff'));
-var _HighlightOffOutlined = _interopRequireDefault(require('./HighlightOffOutlined'));
-var _HighlightOffRounded = _interopRequireDefault(require('./HighlightOffRounded'));
-var _HighlightOffSharp = _interopRequireDefault(require('./HighlightOffSharp'));
-var _HighlightOffTwoTone = _interopRequireDefault(require('./HighlightOffTwoTone'));
-var _HighlightOutlined = _interopRequireDefault(require('./HighlightOutlined'));
-var _HighlightRounded = _interopRequireDefault(require('./HighlightRounded'));
-var _HighlightSharp = _interopRequireDefault(require('./HighlightSharp'));
-var _HighlightTwoTone = _interopRequireDefault(require('./HighlightTwoTone'));
-var _Hiking = _interopRequireDefault(require('./Hiking'));
-var _HikingOutlined = _interopRequireDefault(require('./HikingOutlined'));
-var _HikingRounded = _interopRequireDefault(require('./HikingRounded'));
-var _HikingSharp = _interopRequireDefault(require('./HikingSharp'));
-var _HikingTwoTone = _interopRequireDefault(require('./HikingTwoTone'));
-var _History = _interopRequireDefault(require('./History'));
-var _HistoryEdu = _interopRequireDefault(require('./HistoryEdu'));
-var _HistoryEduOutlined = _interopRequireDefault(require('./HistoryEduOutlined'));
-var _HistoryEduRounded = _interopRequireDefault(require('./HistoryEduRounded'));
-var _HistoryEduSharp = _interopRequireDefault(require('./HistoryEduSharp'));
-var _HistoryEduTwoTone = _interopRequireDefault(require('./HistoryEduTwoTone'));
-var _HistoryOutlined = _interopRequireDefault(require('./HistoryOutlined'));
-var _HistoryRounded = _interopRequireDefault(require('./HistoryRounded'));
-var _HistorySharp = _interopRequireDefault(require('./HistorySharp'));
-var _HistoryToggleOff = _interopRequireDefault(require('./HistoryToggleOff'));
-var _HistoryToggleOffOutlined = _interopRequireDefault(require('./HistoryToggleOffOutlined'));
-var _HistoryToggleOffRounded = _interopRequireDefault(require('./HistoryToggleOffRounded'));
-var _HistoryToggleOffSharp = _interopRequireDefault(require('./HistoryToggleOffSharp'));
-var _HistoryToggleOffTwoTone = _interopRequireDefault(require('./HistoryToggleOffTwoTone'));
-var _HistoryTwoTone = _interopRequireDefault(require('./HistoryTwoTone'));
-var _Hive = _interopRequireDefault(require('./Hive'));
-var _HiveOutlined = _interopRequireDefault(require('./HiveOutlined'));
-var _HiveRounded = _interopRequireDefault(require('./HiveRounded'));
-var _HiveSharp = _interopRequireDefault(require('./HiveSharp'));
-var _HiveTwoTone = _interopRequireDefault(require('./HiveTwoTone'));
-var _Hls = _interopRequireDefault(require('./Hls'));
-var _HlsOff = _interopRequireDefault(require('./HlsOff'));
-var _HlsOffOutlined = _interopRequireDefault(require('./HlsOffOutlined'));
-var _HlsOffRounded = _interopRequireDefault(require('./HlsOffRounded'));
-var _HlsOffSharp = _interopRequireDefault(require('./HlsOffSharp'));
-var _HlsOffTwoTone = _interopRequireDefault(require('./HlsOffTwoTone'));
-var _HlsOutlined = _interopRequireDefault(require('./HlsOutlined'));
-var _HlsRounded = _interopRequireDefault(require('./HlsRounded'));
-var _HlsSharp = _interopRequireDefault(require('./HlsSharp'));
-var _HlsTwoTone = _interopRequireDefault(require('./HlsTwoTone'));
-var _HolidayVillage = _interopRequireDefault(require('./HolidayVillage'));
-var _HolidayVillageOutlined = _interopRequireDefault(require('./HolidayVillageOutlined'));
-var _HolidayVillageRounded = _interopRequireDefault(require('./HolidayVillageRounded'));
-var _HolidayVillageSharp = _interopRequireDefault(require('./HolidayVillageSharp'));
-var _HolidayVillageTwoTone = _interopRequireDefault(require('./HolidayVillageTwoTone'));
-var _Home = _interopRequireDefault(require('./Home'));
-var _HomeMax = _interopRequireDefault(require('./HomeMax'));
-var _HomeMaxOutlined = _interopRequireDefault(require('./HomeMaxOutlined'));
-var _HomeMaxRounded = _interopRequireDefault(require('./HomeMaxRounded'));
-var _HomeMaxSharp = _interopRequireDefault(require('./HomeMaxSharp'));
-var _HomeMaxTwoTone = _interopRequireDefault(require('./HomeMaxTwoTone'));
-var _HomeMini = _interopRequireDefault(require('./HomeMini'));
-var _HomeMiniOutlined = _interopRequireDefault(require('./HomeMiniOutlined'));
-var _HomeMiniRounded = _interopRequireDefault(require('./HomeMiniRounded'));
-var _HomeMiniSharp = _interopRequireDefault(require('./HomeMiniSharp'));
-var _HomeMiniTwoTone = _interopRequireDefault(require('./HomeMiniTwoTone'));
-var _HomeOutlined = _interopRequireDefault(require('./HomeOutlined'));
-var _HomeRepairService = _interopRequireDefault(require('./HomeRepairService'));
-var _HomeRepairServiceOutlined = _interopRequireDefault(require('./HomeRepairServiceOutlined'));
-var _HomeRepairServiceRounded = _interopRequireDefault(require('./HomeRepairServiceRounded'));
-var _HomeRepairServiceSharp = _interopRequireDefault(require('./HomeRepairServiceSharp'));
-var _HomeRepairServiceTwoTone = _interopRequireDefault(require('./HomeRepairServiceTwoTone'));
-var _HomeRounded = _interopRequireDefault(require('./HomeRounded'));
-var _HomeSharp = _interopRequireDefault(require('./HomeSharp'));
-var _HomeTwoTone = _interopRequireDefault(require('./HomeTwoTone'));
-var _HomeWork = _interopRequireDefault(require('./HomeWork'));
-var _HomeWorkOutlined = _interopRequireDefault(require('./HomeWorkOutlined'));
-var _HomeWorkRounded = _interopRequireDefault(require('./HomeWorkRounded'));
-var _HomeWorkSharp = _interopRequireDefault(require('./HomeWorkSharp'));
-var _HomeWorkTwoTone = _interopRequireDefault(require('./HomeWorkTwoTone'));
-var _HorizontalRule = _interopRequireDefault(require('./HorizontalRule'));
-var _HorizontalRuleOutlined = _interopRequireDefault(require('./HorizontalRuleOutlined'));
-var _HorizontalRuleRounded = _interopRequireDefault(require('./HorizontalRuleRounded'));
-var _HorizontalRuleSharp = _interopRequireDefault(require('./HorizontalRuleSharp'));
-var _HorizontalRuleTwoTone = _interopRequireDefault(require('./HorizontalRuleTwoTone'));
-var _HorizontalSplit = _interopRequireDefault(require('./HorizontalSplit'));
-var _HorizontalSplitOutlined = _interopRequireDefault(require('./HorizontalSplitOutlined'));
-var _HorizontalSplitRounded = _interopRequireDefault(require('./HorizontalSplitRounded'));
-var _HorizontalSplitSharp = _interopRequireDefault(require('./HorizontalSplitSharp'));
-var _HorizontalSplitTwoTone = _interopRequireDefault(require('./HorizontalSplitTwoTone'));
-var _HotTub = _interopRequireDefault(require('./HotTub'));
-var _HotTubOutlined = _interopRequireDefault(require('./HotTubOutlined'));
-var _HotTubRounded = _interopRequireDefault(require('./HotTubRounded'));
-var _HotTubSharp = _interopRequireDefault(require('./HotTubSharp'));
-var _HotTubTwoTone = _interopRequireDefault(require('./HotTubTwoTone'));
-var _Hotel = _interopRequireDefault(require('./Hotel'));
-var _HotelOutlined = _interopRequireDefault(require('./HotelOutlined'));
-var _HotelRounded = _interopRequireDefault(require('./HotelRounded'));
-var _HotelSharp = _interopRequireDefault(require('./HotelSharp'));
-var _HotelTwoTone = _interopRequireDefault(require('./HotelTwoTone'));
-var _HourglassBottom = _interopRequireDefault(require('./HourglassBottom'));
-var _HourglassBottomOutlined = _interopRequireDefault(require('./HourglassBottomOutlined'));
-var _HourglassBottomRounded = _interopRequireDefault(require('./HourglassBottomRounded'));
-var _HourglassBottomSharp = _interopRequireDefault(require('./HourglassBottomSharp'));
-var _HourglassBottomTwoTone = _interopRequireDefault(require('./HourglassBottomTwoTone'));
-var _HourglassDisabled = _interopRequireDefault(require('./HourglassDisabled'));
-var _HourglassDisabledOutlined = _interopRequireDefault(require('./HourglassDisabledOutlined'));
-var _HourglassDisabledRounded = _interopRequireDefault(require('./HourglassDisabledRounded'));
-var _HourglassDisabledSharp = _interopRequireDefault(require('./HourglassDisabledSharp'));
-var _HourglassDisabledTwoTone = _interopRequireDefault(require('./HourglassDisabledTwoTone'));
-var _HourglassEmpty = _interopRequireDefault(require('./HourglassEmpty'));
-var _HourglassEmptyOutlined = _interopRequireDefault(require('./HourglassEmptyOutlined'));
-var _HourglassEmptyRounded = _interopRequireDefault(require('./HourglassEmptyRounded'));
-var _HourglassEmptySharp = _interopRequireDefault(require('./HourglassEmptySharp'));
-var _HourglassEmptyTwoTone = _interopRequireDefault(require('./HourglassEmptyTwoTone'));
-var _HourglassFull = _interopRequireDefault(require('./HourglassFull'));
-var _HourglassFullOutlined = _interopRequireDefault(require('./HourglassFullOutlined'));
-var _HourglassFullRounded = _interopRequireDefault(require('./HourglassFullRounded'));
-var _HourglassFullSharp = _interopRequireDefault(require('./HourglassFullSharp'));
-var _HourglassFullTwoTone = _interopRequireDefault(require('./HourglassFullTwoTone'));
-var _HourglassTop = _interopRequireDefault(require('./HourglassTop'));
-var _HourglassTopOutlined = _interopRequireDefault(require('./HourglassTopOutlined'));
-var _HourglassTopRounded = _interopRequireDefault(require('./HourglassTopRounded'));
-var _HourglassTopSharp = _interopRequireDefault(require('./HourglassTopSharp'));
-var _HourglassTopTwoTone = _interopRequireDefault(require('./HourglassTopTwoTone'));
-var _House = _interopRequireDefault(require('./House'));
-var _HouseOutlined = _interopRequireDefault(require('./HouseOutlined'));
-var _HouseRounded = _interopRequireDefault(require('./HouseRounded'));
-var _HouseSharp = _interopRequireDefault(require('./HouseSharp'));
-var _HouseSiding = _interopRequireDefault(require('./HouseSiding'));
-var _HouseSidingOutlined = _interopRequireDefault(require('./HouseSidingOutlined'));
-var _HouseSidingRounded = _interopRequireDefault(require('./HouseSidingRounded'));
-var _HouseSidingSharp = _interopRequireDefault(require('./HouseSidingSharp'));
-var _HouseSidingTwoTone = _interopRequireDefault(require('./HouseSidingTwoTone'));
-var _HouseTwoTone = _interopRequireDefault(require('./HouseTwoTone'));
-var _Houseboat = _interopRequireDefault(require('./Houseboat'));
-var _HouseboatOutlined = _interopRequireDefault(require('./HouseboatOutlined'));
-var _HouseboatRounded = _interopRequireDefault(require('./HouseboatRounded'));
-var _HouseboatSharp = _interopRequireDefault(require('./HouseboatSharp'));
-var _HouseboatTwoTone = _interopRequireDefault(require('./HouseboatTwoTone'));
-var _HowToReg = _interopRequireDefault(require('./HowToReg'));
-var _HowToRegOutlined = _interopRequireDefault(require('./HowToRegOutlined'));
-var _HowToRegRounded = _interopRequireDefault(require('./HowToRegRounded'));
-var _HowToRegSharp = _interopRequireDefault(require('./HowToRegSharp'));
-var _HowToRegTwoTone = _interopRequireDefault(require('./HowToRegTwoTone'));
-var _HowToVote = _interopRequireDefault(require('./HowToVote'));
-var _HowToVoteOutlined = _interopRequireDefault(require('./HowToVoteOutlined'));
-var _HowToVoteRounded = _interopRequireDefault(require('./HowToVoteRounded'));
-var _HowToVoteSharp = _interopRequireDefault(require('./HowToVoteSharp'));
-var _HowToVoteTwoTone = _interopRequireDefault(require('./HowToVoteTwoTone'));
-var _Html = _interopRequireDefault(require('./Html'));
-var _HtmlOutlined = _interopRequireDefault(require('./HtmlOutlined'));
-var _HtmlRounded = _interopRequireDefault(require('./HtmlRounded'));
-var _HtmlSharp = _interopRequireDefault(require('./HtmlSharp'));
-var _HtmlTwoTone = _interopRequireDefault(require('./HtmlTwoTone'));
-var _Http = _interopRequireDefault(require('./Http'));
-var _HttpOutlined = _interopRequireDefault(require('./HttpOutlined'));
-var _HttpRounded = _interopRequireDefault(require('./HttpRounded'));
-var _HttpSharp = _interopRequireDefault(require('./HttpSharp'));
-var _HttpTwoTone = _interopRequireDefault(require('./HttpTwoTone'));
-var _Https = _interopRequireDefault(require('./Https'));
-var _HttpsOutlined = _interopRequireDefault(require('./HttpsOutlined'));
-var _HttpsRounded = _interopRequireDefault(require('./HttpsRounded'));
-var _HttpsSharp = _interopRequireDefault(require('./HttpsSharp'));
-var _HttpsTwoTone = _interopRequireDefault(require('./HttpsTwoTone'));
-var _Hub = _interopRequireDefault(require('./Hub'));
-var _HubOutlined = _interopRequireDefault(require('./HubOutlined'));
-var _HubRounded = _interopRequireDefault(require('./HubRounded'));
-var _HubSharp = _interopRequireDefault(require('./HubSharp'));
-var _HubTwoTone = _interopRequireDefault(require('./HubTwoTone'));
-var _Hvac = _interopRequireDefault(require('./Hvac'));
-var _HvacOutlined = _interopRequireDefault(require('./HvacOutlined'));
-var _HvacRounded = _interopRequireDefault(require('./HvacRounded'));
-var _HvacSharp = _interopRequireDefault(require('./HvacSharp'));
-var _HvacTwoTone = _interopRequireDefault(require('./HvacTwoTone'));
-var _IceSkating = _interopRequireDefault(require('./IceSkating'));
-var _IceSkatingOutlined = _interopRequireDefault(require('./IceSkatingOutlined'));
-var _IceSkatingRounded = _interopRequireDefault(require('./IceSkatingRounded'));
-var _IceSkatingSharp = _interopRequireDefault(require('./IceSkatingSharp'));
-var _IceSkatingTwoTone = _interopRequireDefault(require('./IceSkatingTwoTone'));
-var _Icecream = _interopRequireDefault(require('./Icecream'));
-var _IcecreamOutlined = _interopRequireDefault(require('./IcecreamOutlined'));
-var _IcecreamRounded = _interopRequireDefault(require('./IcecreamRounded'));
-var _IcecreamSharp = _interopRequireDefault(require('./IcecreamSharp'));
-var _IcecreamTwoTone = _interopRequireDefault(require('./IcecreamTwoTone'));
-var _Image = _interopRequireDefault(require('./Image'));
-var _ImageAspectRatio = _interopRequireDefault(require('./ImageAspectRatio'));
-var _ImageAspectRatioOutlined = _interopRequireDefault(require('./ImageAspectRatioOutlined'));
-var _ImageAspectRatioRounded = _interopRequireDefault(require('./ImageAspectRatioRounded'));
-var _ImageAspectRatioSharp = _interopRequireDefault(require('./ImageAspectRatioSharp'));
-var _ImageAspectRatioTwoTone = _interopRequireDefault(require('./ImageAspectRatioTwoTone'));
-var _ImageNotSupported = _interopRequireDefault(require('./ImageNotSupported'));
-var _ImageNotSupportedOutlined = _interopRequireDefault(require('./ImageNotSupportedOutlined'));
-var _ImageNotSupportedRounded = _interopRequireDefault(require('./ImageNotSupportedRounded'));
-var _ImageNotSupportedSharp = _interopRequireDefault(require('./ImageNotSupportedSharp'));
-var _ImageNotSupportedTwoTone = _interopRequireDefault(require('./ImageNotSupportedTwoTone'));
-var _ImageOutlined = _interopRequireDefault(require('./ImageOutlined'));
-var _ImageRounded = _interopRequireDefault(require('./ImageRounded'));
-var _ImageSearch = _interopRequireDefault(require('./ImageSearch'));
-var _ImageSearchOutlined = _interopRequireDefault(require('./ImageSearchOutlined'));
-var _ImageSearchRounded = _interopRequireDefault(require('./ImageSearchRounded'));
-var _ImageSearchSharp = _interopRequireDefault(require('./ImageSearchSharp'));
-var _ImageSearchTwoTone = _interopRequireDefault(require('./ImageSearchTwoTone'));
-var _ImageSharp = _interopRequireDefault(require('./ImageSharp'));
-var _ImageTwoTone = _interopRequireDefault(require('./ImageTwoTone'));
-var _ImagesearchRoller = _interopRequireDefault(require('./ImagesearchRoller'));
-var _ImagesearchRollerOutlined = _interopRequireDefault(require('./ImagesearchRollerOutlined'));
-var _ImagesearchRollerRounded = _interopRequireDefault(require('./ImagesearchRollerRounded'));
-var _ImagesearchRollerSharp = _interopRequireDefault(require('./ImagesearchRollerSharp'));
-var _ImagesearchRollerTwoTone = _interopRequireDefault(require('./ImagesearchRollerTwoTone'));
-var _ImportContacts = _interopRequireDefault(require('./ImportContacts'));
-var _ImportContactsOutlined = _interopRequireDefault(require('./ImportContactsOutlined'));
-var _ImportContactsRounded = _interopRequireDefault(require('./ImportContactsRounded'));
-var _ImportContactsSharp = _interopRequireDefault(require('./ImportContactsSharp'));
-var _ImportContactsTwoTone = _interopRequireDefault(require('./ImportContactsTwoTone'));
-var _ImportExport = _interopRequireDefault(require('./ImportExport'));
-var _ImportExportOutlined = _interopRequireDefault(require('./ImportExportOutlined'));
-var _ImportExportRounded = _interopRequireDefault(require('./ImportExportRounded'));
-var _ImportExportSharp = _interopRequireDefault(require('./ImportExportSharp'));
-var _ImportExportTwoTone = _interopRequireDefault(require('./ImportExportTwoTone'));
-var _ImportantDevices = _interopRequireDefault(require('./ImportantDevices'));
-var _ImportantDevicesOutlined = _interopRequireDefault(require('./ImportantDevicesOutlined'));
-var _ImportantDevicesRounded = _interopRequireDefault(require('./ImportantDevicesRounded'));
-var _ImportantDevicesSharp = _interopRequireDefault(require('./ImportantDevicesSharp'));
-var _ImportantDevicesTwoTone = _interopRequireDefault(require('./ImportantDevicesTwoTone'));
-var _Inbox = _interopRequireDefault(require('./Inbox'));
-var _InboxOutlined = _interopRequireDefault(require('./InboxOutlined'));
-var _InboxRounded = _interopRequireDefault(require('./InboxRounded'));
-var _InboxSharp = _interopRequireDefault(require('./InboxSharp'));
-var _InboxTwoTone = _interopRequireDefault(require('./InboxTwoTone'));
-var _IndeterminateCheckBox = _interopRequireDefault(require('./IndeterminateCheckBox'));
-var _IndeterminateCheckBoxOutlined = _interopRequireDefault(
-  require('./IndeterminateCheckBoxOutlined'),
-);
-var _IndeterminateCheckBoxRounded = _interopRequireDefault(
-  require('./IndeterminateCheckBoxRounded'),
-);
-var _IndeterminateCheckBoxSharp = _interopRequireDefault(require('./IndeterminateCheckBoxSharp'));
-var _IndeterminateCheckBoxTwoTone = _interopRequireDefault(
-  require('./IndeterminateCheckBoxTwoTone'),
-);
-var _Info = _interopRequireDefault(require('./Info'));
-var _InfoOutlined = _interopRequireDefault(require('./InfoOutlined'));
-var _InfoRounded = _interopRequireDefault(require('./InfoRounded'));
-var _InfoSharp = _interopRequireDefault(require('./InfoSharp'));
-var _InfoTwoTone = _interopRequireDefault(require('./InfoTwoTone'));
-var _Input = _interopRequireDefault(require('./Input'));
-var _InputOutlined = _interopRequireDefault(require('./InputOutlined'));
-var _InputRounded = _interopRequireDefault(require('./InputRounded'));
-var _InputSharp = _interopRequireDefault(require('./InputSharp'));
-var _InputTwoTone = _interopRequireDefault(require('./InputTwoTone'));
-var _InsertChart = _interopRequireDefault(require('./InsertChart'));
-var _InsertChartOutlined = _interopRequireDefault(require('./InsertChartOutlined'));
-var _InsertChartOutlinedOutlined = _interopRequireDefault(require('./InsertChartOutlinedOutlined'));
-var _InsertChartOutlinedRounded = _interopRequireDefault(require('./InsertChartOutlinedRounded'));
-var _InsertChartOutlinedSharp = _interopRequireDefault(require('./InsertChartOutlinedSharp'));
-var _InsertChartOutlinedTwoTone = _interopRequireDefault(require('./InsertChartOutlinedTwoTone'));
-var _InsertChartRounded = _interopRequireDefault(require('./InsertChartRounded'));
-var _InsertChartSharp = _interopRequireDefault(require('./InsertChartSharp'));
-var _InsertChartTwoTone = _interopRequireDefault(require('./InsertChartTwoTone'));
-var _InsertComment = _interopRequireDefault(require('./InsertComment'));
-var _InsertCommentOutlined = _interopRequireDefault(require('./InsertCommentOutlined'));
-var _InsertCommentRounded = _interopRequireDefault(require('./InsertCommentRounded'));
-var _InsertCommentSharp = _interopRequireDefault(require('./InsertCommentSharp'));
-var _InsertCommentTwoTone = _interopRequireDefault(require('./InsertCommentTwoTone'));
-var _InsertDriveFile = _interopRequireDefault(require('./InsertDriveFile'));
-var _InsertDriveFileOutlined = _interopRequireDefault(require('./InsertDriveFileOutlined'));
-var _InsertDriveFileRounded = _interopRequireDefault(require('./InsertDriveFileRounded'));
-var _InsertDriveFileSharp = _interopRequireDefault(require('./InsertDriveFileSharp'));
-var _InsertDriveFileTwoTone = _interopRequireDefault(require('./InsertDriveFileTwoTone'));
-var _InsertEmoticon = _interopRequireDefault(require('./InsertEmoticon'));
-var _InsertEmoticonOutlined = _interopRequireDefault(require('./InsertEmoticonOutlined'));
-var _InsertEmoticonRounded = _interopRequireDefault(require('./InsertEmoticonRounded'));
-var _InsertEmoticonSharp = _interopRequireDefault(require('./InsertEmoticonSharp'));
-var _InsertEmoticonTwoTone = _interopRequireDefault(require('./InsertEmoticonTwoTone'));
-var _InsertInvitation = _interopRequireDefault(require('./InsertInvitation'));
-var _InsertInvitationOutlined = _interopRequireDefault(require('./InsertInvitationOutlined'));
-var _InsertInvitationRounded = _interopRequireDefault(require('./InsertInvitationRounded'));
-var _InsertInvitationSharp = _interopRequireDefault(require('./InsertInvitationSharp'));
-var _InsertInvitationTwoTone = _interopRequireDefault(require('./InsertInvitationTwoTone'));
-var _InsertLink = _interopRequireDefault(require('./InsertLink'));
-var _InsertLinkOutlined = _interopRequireDefault(require('./InsertLinkOutlined'));
-var _InsertLinkRounded = _interopRequireDefault(require('./InsertLinkRounded'));
-var _InsertLinkSharp = _interopRequireDefault(require('./InsertLinkSharp'));
-var _InsertLinkTwoTone = _interopRequireDefault(require('./InsertLinkTwoTone'));
-var _InsertPageBreak = _interopRequireDefault(require('./InsertPageBreak'));
-var _InsertPageBreakOutlined = _interopRequireDefault(require('./InsertPageBreakOutlined'));
-var _InsertPageBreakRounded = _interopRequireDefault(require('./InsertPageBreakRounded'));
-var _InsertPageBreakSharp = _interopRequireDefault(require('./InsertPageBreakSharp'));
-var _InsertPageBreakTwoTone = _interopRequireDefault(require('./InsertPageBreakTwoTone'));
-var _InsertPhoto = _interopRequireDefault(require('./InsertPhoto'));
-var _InsertPhotoOutlined = _interopRequireDefault(require('./InsertPhotoOutlined'));
-var _InsertPhotoRounded = _interopRequireDefault(require('./InsertPhotoRounded'));
-var _InsertPhotoSharp = _interopRequireDefault(require('./InsertPhotoSharp'));
-var _InsertPhotoTwoTone = _interopRequireDefault(require('./InsertPhotoTwoTone'));
-var _Insights = _interopRequireDefault(require('./Insights'));
-var _InsightsOutlined = _interopRequireDefault(require('./InsightsOutlined'));
-var _InsightsRounded = _interopRequireDefault(require('./InsightsRounded'));
-var _InsightsSharp = _interopRequireDefault(require('./InsightsSharp'));
-var _InsightsTwoTone = _interopRequireDefault(require('./InsightsTwoTone'));
-var _Instagram = _interopRequireDefault(require('./Instagram'));
-var _InstallDesktop = _interopRequireDefault(require('./InstallDesktop'));
-var _InstallDesktopOutlined = _interopRequireDefault(require('./InstallDesktopOutlined'));
-var _InstallDesktopRounded = _interopRequireDefault(require('./InstallDesktopRounded'));
-var _InstallDesktopSharp = _interopRequireDefault(require('./InstallDesktopSharp'));
-var _InstallDesktopTwoTone = _interopRequireDefault(require('./InstallDesktopTwoTone'));
-var _InstallMobile = _interopRequireDefault(require('./InstallMobile'));
-var _InstallMobileOutlined = _interopRequireDefault(require('./InstallMobileOutlined'));
-var _InstallMobileRounded = _interopRequireDefault(require('./InstallMobileRounded'));
-var _InstallMobileSharp = _interopRequireDefault(require('./InstallMobileSharp'));
-var _InstallMobileTwoTone = _interopRequireDefault(require('./InstallMobileTwoTone'));
-var _IntegrationInstructions = _interopRequireDefault(require('./IntegrationInstructions'));
-var _IntegrationInstructionsOutlined = _interopRequireDefault(
-  require('./IntegrationInstructionsOutlined'),
-);
-var _IntegrationInstructionsRounded = _interopRequireDefault(
-  require('./IntegrationInstructionsRounded'),
-);
-var _IntegrationInstructionsSharp = _interopRequireDefault(
-  require('./IntegrationInstructionsSharp'),
-);
-var _IntegrationInstructionsTwoTone = _interopRequireDefault(
-  require('./IntegrationInstructionsTwoTone'),
-);
-var _Interests = _interopRequireDefault(require('./Interests'));
-var _InterestsOutlined = _interopRequireDefault(require('./InterestsOutlined'));
-var _InterestsRounded = _interopRequireDefault(require('./InterestsRounded'));
-var _InterestsSharp = _interopRequireDefault(require('./InterestsSharp'));
-var _InterestsTwoTone = _interopRequireDefault(require('./InterestsTwoTone'));
-var _InterpreterMode = _interopRequireDefault(require('./InterpreterMode'));
-var _InterpreterModeOutlined = _interopRequireDefault(require('./InterpreterModeOutlined'));
-var _InterpreterModeRounded = _interopRequireDefault(require('./InterpreterModeRounded'));
-var _InterpreterModeSharp = _interopRequireDefault(require('./InterpreterModeSharp'));
-var _InterpreterModeTwoTone = _interopRequireDefault(require('./InterpreterModeTwoTone'));
-var _Inventory = _interopRequireDefault(require('./Inventory'));
-var _Inventory2 = _interopRequireDefault(require('./Inventory2'));
-var _Inventory2Outlined = _interopRequireDefault(require('./Inventory2Outlined'));
-var _Inventory2Rounded = _interopRequireDefault(require('./Inventory2Rounded'));
-var _Inventory2Sharp = _interopRequireDefault(require('./Inventory2Sharp'));
-var _Inventory2TwoTone = _interopRequireDefault(require('./Inventory2TwoTone'));
-var _InventoryOutlined = _interopRequireDefault(require('./InventoryOutlined'));
-var _InventoryRounded = _interopRequireDefault(require('./InventoryRounded'));
-var _InventorySharp = _interopRequireDefault(require('./InventorySharp'));
-var _InventoryTwoTone = _interopRequireDefault(require('./InventoryTwoTone'));
-var _InvertColors = _interopRequireDefault(require('./InvertColors'));
-var _InvertColorsOff = _interopRequireDefault(require('./InvertColorsOff'));
-var _InvertColorsOffOutlined = _interopRequireDefault(require('./InvertColorsOffOutlined'));
-var _InvertColorsOffRounded = _interopRequireDefault(require('./InvertColorsOffRounded'));
-var _InvertColorsOffSharp = _interopRequireDefault(require('./InvertColorsOffSharp'));
-var _InvertColorsOffTwoTone = _interopRequireDefault(require('./InvertColorsOffTwoTone'));
-var _InvertColorsOutlined = _interopRequireDefault(require('./InvertColorsOutlined'));
-var _InvertColorsRounded = _interopRequireDefault(require('./InvertColorsRounded'));
-var _InvertColorsSharp = _interopRequireDefault(require('./InvertColorsSharp'));
-var _InvertColorsTwoTone = _interopRequireDefault(require('./InvertColorsTwoTone'));
-var _IosShare = _interopRequireDefault(require('./IosShare'));
-var _IosShareOutlined = _interopRequireDefault(require('./IosShareOutlined'));
-var _IosShareRounded = _interopRequireDefault(require('./IosShareRounded'));
-var _IosShareSharp = _interopRequireDefault(require('./IosShareSharp'));
-var _IosShareTwoTone = _interopRequireDefault(require('./IosShareTwoTone'));
-var _Iron = _interopRequireDefault(require('./Iron'));
-var _IronOutlined = _interopRequireDefault(require('./IronOutlined'));
-var _IronRounded = _interopRequireDefault(require('./IronRounded'));
-var _IronSharp = _interopRequireDefault(require('./IronSharp'));
-var _IronTwoTone = _interopRequireDefault(require('./IronTwoTone'));
-var _Iso = _interopRequireDefault(require('./Iso'));
-var _IsoOutlined = _interopRequireDefault(require('./IsoOutlined'));
-var _IsoRounded = _interopRequireDefault(require('./IsoRounded'));
-var _IsoSharp = _interopRequireDefault(require('./IsoSharp'));
-var _IsoTwoTone = _interopRequireDefault(require('./IsoTwoTone'));
-var _Javascript = _interopRequireDefault(require('./Javascript'));
-var _JavascriptOutlined = _interopRequireDefault(require('./JavascriptOutlined'));
-var _JavascriptRounded = _interopRequireDefault(require('./JavascriptRounded'));
-var _JavascriptSharp = _interopRequireDefault(require('./JavascriptSharp'));
-var _JavascriptTwoTone = _interopRequireDefault(require('./JavascriptTwoTone'));
-var _JoinFull = _interopRequireDefault(require('./JoinFull'));
-var _JoinFullOutlined = _interopRequireDefault(require('./JoinFullOutlined'));
-var _JoinFullRounded = _interopRequireDefault(require('./JoinFullRounded'));
-var _JoinFullSharp = _interopRequireDefault(require('./JoinFullSharp'));
-var _JoinFullTwoTone = _interopRequireDefault(require('./JoinFullTwoTone'));
-var _JoinInner = _interopRequireDefault(require('./JoinInner'));
-var _JoinInnerOutlined = _interopRequireDefault(require('./JoinInnerOutlined'));
-var _JoinInnerRounded = _interopRequireDefault(require('./JoinInnerRounded'));
-var _JoinInnerSharp = _interopRequireDefault(require('./JoinInnerSharp'));
-var _JoinInnerTwoTone = _interopRequireDefault(require('./JoinInnerTwoTone'));
-var _JoinLeft = _interopRequireDefault(require('./JoinLeft'));
-var _JoinLeftOutlined = _interopRequireDefault(require('./JoinLeftOutlined'));
-var _JoinLeftRounded = _interopRequireDefault(require('./JoinLeftRounded'));
-var _JoinLeftSharp = _interopRequireDefault(require('./JoinLeftSharp'));
-var _JoinLeftTwoTone = _interopRequireDefault(require('./JoinLeftTwoTone'));
-var _JoinRight = _interopRequireDefault(require('./JoinRight'));
-var _JoinRightOutlined = _interopRequireDefault(require('./JoinRightOutlined'));
-var _JoinRightRounded = _interopRequireDefault(require('./JoinRightRounded'));
-var _JoinRightSharp = _interopRequireDefault(require('./JoinRightSharp'));
-var _JoinRightTwoTone = _interopRequireDefault(require('./JoinRightTwoTone'));
-var _Kayaking = _interopRequireDefault(require('./Kayaking'));
-var _KayakingOutlined = _interopRequireDefault(require('./KayakingOutlined'));
-var _KayakingRounded = _interopRequireDefault(require('./KayakingRounded'));
-var _KayakingSharp = _interopRequireDefault(require('./KayakingSharp'));
-var _KayakingTwoTone = _interopRequireDefault(require('./KayakingTwoTone'));
-var _KebabDining = _interopRequireDefault(require('./KebabDining'));
-var _KebabDiningOutlined = _interopRequireDefault(require('./KebabDiningOutlined'));
-var _KebabDiningRounded = _interopRequireDefault(require('./KebabDiningRounded'));
-var _KebabDiningSharp = _interopRequireDefault(require('./KebabDiningSharp'));
-var _KebabDiningTwoTone = _interopRequireDefault(require('./KebabDiningTwoTone'));
-var _Key = _interopRequireDefault(require('./Key'));
-var _KeyOff = _interopRequireDefault(require('./KeyOff'));
-var _KeyOffOutlined = _interopRequireDefault(require('./KeyOffOutlined'));
-var _KeyOffRounded = _interopRequireDefault(require('./KeyOffRounded'));
-var _KeyOffSharp = _interopRequireDefault(require('./KeyOffSharp'));
-var _KeyOffTwoTone = _interopRequireDefault(require('./KeyOffTwoTone'));
-var _KeyOutlined = _interopRequireDefault(require('./KeyOutlined'));
-var _KeyRounded = _interopRequireDefault(require('./KeyRounded'));
-var _KeySharp = _interopRequireDefault(require('./KeySharp'));
-var _KeyTwoTone = _interopRequireDefault(require('./KeyTwoTone'));
-var _Keyboard = _interopRequireDefault(require('./Keyboard'));
-var _KeyboardAlt = _interopRequireDefault(require('./KeyboardAlt'));
-var _KeyboardAltOutlined = _interopRequireDefault(require('./KeyboardAltOutlined'));
-var _KeyboardAltRounded = _interopRequireDefault(require('./KeyboardAltRounded'));
-var _KeyboardAltSharp = _interopRequireDefault(require('./KeyboardAltSharp'));
-var _KeyboardAltTwoTone = _interopRequireDefault(require('./KeyboardAltTwoTone'));
-var _KeyboardArrowDown = _interopRequireDefault(require('./KeyboardArrowDown'));
-var _KeyboardArrowDownOutlined = _interopRequireDefault(require('./KeyboardArrowDownOutlined'));
-var _KeyboardArrowDownRounded = _interopRequireDefault(require('./KeyboardArrowDownRounded'));
-var _KeyboardArrowDownSharp = _interopRequireDefault(require('./KeyboardArrowDownSharp'));
-var _KeyboardArrowDownTwoTone = _interopRequireDefault(require('./KeyboardArrowDownTwoTone'));
-var _KeyboardArrowLeft = _interopRequireDefault(require('./KeyboardArrowLeft'));
-var _KeyboardArrowLeftOutlined = _interopRequireDefault(require('./KeyboardArrowLeftOutlined'));
-var _KeyboardArrowLeftRounded = _interopRequireDefault(require('./KeyboardArrowLeftRounded'));
-var _KeyboardArrowLeftSharp = _interopRequireDefault(require('./KeyboardArrowLeftSharp'));
-var _KeyboardArrowLeftTwoTone = _interopRequireDefault(require('./KeyboardArrowLeftTwoTone'));
-var _KeyboardArrowRight = _interopRequireDefault(require('./KeyboardArrowRight'));
-var _KeyboardArrowRightOutlined = _interopRequireDefault(require('./KeyboardArrowRightOutlined'));
-var _KeyboardArrowRightRounded = _interopRequireDefault(require('./KeyboardArrowRightRounded'));
-var _KeyboardArrowRightSharp = _interopRequireDefault(require('./KeyboardArrowRightSharp'));
-var _KeyboardArrowRightTwoTone = _interopRequireDefault(require('./KeyboardArrowRightTwoTone'));
-var _KeyboardArrowUp = _interopRequireDefault(require('./KeyboardArrowUp'));
-var _KeyboardArrowUpOutlined = _interopRequireDefault(require('./KeyboardArrowUpOutlined'));
-var _KeyboardArrowUpRounded = _interopRequireDefault(require('./KeyboardArrowUpRounded'));
-var _KeyboardArrowUpSharp = _interopRequireDefault(require('./KeyboardArrowUpSharp'));
-var _KeyboardArrowUpTwoTone = _interopRequireDefault(require('./KeyboardArrowUpTwoTone'));
-var _KeyboardBackspace = _interopRequireDefault(require('./KeyboardBackspace'));
-var _KeyboardBackspaceOutlined = _interopRequireDefault(require('./KeyboardBackspaceOutlined'));
-var _KeyboardBackspaceRounded = _interopRequireDefault(require('./KeyboardBackspaceRounded'));
-var _KeyboardBackspaceSharp = _interopRequireDefault(require('./KeyboardBackspaceSharp'));
-var _KeyboardBackspaceTwoTone = _interopRequireDefault(require('./KeyboardBackspaceTwoTone'));
-var _KeyboardCapslock = _interopRequireDefault(require('./KeyboardCapslock'));
-var _KeyboardCapslockOutlined = _interopRequireDefault(require('./KeyboardCapslockOutlined'));
-var _KeyboardCapslockRounded = _interopRequireDefault(require('./KeyboardCapslockRounded'));
-var _KeyboardCapslockSharp = _interopRequireDefault(require('./KeyboardCapslockSharp'));
-var _KeyboardCapslockTwoTone = _interopRequireDefault(require('./KeyboardCapslockTwoTone'));
-var _KeyboardCommandKey = _interopRequireDefault(require('./KeyboardCommandKey'));
-var _KeyboardCommandKeyOutlined = _interopRequireDefault(require('./KeyboardCommandKeyOutlined'));
-var _KeyboardCommandKeyRounded = _interopRequireDefault(require('./KeyboardCommandKeyRounded'));
-var _KeyboardCommandKeySharp = _interopRequireDefault(require('./KeyboardCommandKeySharp'));
-var _KeyboardCommandKeyTwoTone = _interopRequireDefault(require('./KeyboardCommandKeyTwoTone'));
-var _KeyboardControlKey = _interopRequireDefault(require('./KeyboardControlKey'));
-var _KeyboardControlKeyOutlined = _interopRequireDefault(require('./KeyboardControlKeyOutlined'));
-var _KeyboardControlKeyRounded = _interopRequireDefault(require('./KeyboardControlKeyRounded'));
-var _KeyboardControlKeySharp = _interopRequireDefault(require('./KeyboardControlKeySharp'));
-var _KeyboardControlKeyTwoTone = _interopRequireDefault(require('./KeyboardControlKeyTwoTone'));
-var _KeyboardDoubleArrowDown = _interopRequireDefault(require('./KeyboardDoubleArrowDown'));
-var _KeyboardDoubleArrowDownOutlined = _interopRequireDefault(
-  require('./KeyboardDoubleArrowDownOutlined'),
-);
-var _KeyboardDoubleArrowDownRounded = _interopRequireDefault(
-  require('./KeyboardDoubleArrowDownRounded'),
-);
-var _KeyboardDoubleArrowDownSharp = _interopRequireDefault(
-  require('./KeyboardDoubleArrowDownSharp'),
-);
-var _KeyboardDoubleArrowDownTwoTone = _interopRequireDefault(
-  require('./KeyboardDoubleArrowDownTwoTone'),
-);
-var _KeyboardDoubleArrowLeft = _interopRequireDefault(require('./KeyboardDoubleArrowLeft'));
-var _KeyboardDoubleArrowLeftOutlined = _interopRequireDefault(
-  require('./KeyboardDoubleArrowLeftOutlined'),
-);
-var _KeyboardDoubleArrowLeftRounded = _interopRequireDefault(
-  require('./KeyboardDoubleArrowLeftRounded'),
-);
-var _KeyboardDoubleArrowLeftSharp = _interopRequireDefault(
-  require('./KeyboardDoubleArrowLeftSharp'),
-);
-var _KeyboardDoubleArrowLeftTwoTone = _interopRequireDefault(
-  require('./KeyboardDoubleArrowLeftTwoTone'),
-);
-var _KeyboardDoubleArrowRight = _interopRequireDefault(require('./KeyboardDoubleArrowRight'));
-var _KeyboardDoubleArrowRightOutlined = _interopRequireDefault(
-  require('./KeyboardDoubleArrowRightOutlined'),
-);
-var _KeyboardDoubleArrowRightRounded = _interopRequireDefault(
-  require('./KeyboardDoubleArrowRightRounded'),
-);
-var _KeyboardDoubleArrowRightSharp = _interopRequireDefault(
-  require('./KeyboardDoubleArrowRightSharp'),
-);
-var _KeyboardDoubleArrowRightTwoTone = _interopRequireDefault(
-  require('./KeyboardDoubleArrowRightTwoTone'),
-);
-var _KeyboardDoubleArrowUp = _interopRequireDefault(require('./KeyboardDoubleArrowUp'));
-var _KeyboardDoubleArrowUpOutlined = _interopRequireDefault(
-  require('./KeyboardDoubleArrowUpOutlined'),
-);
-var _KeyboardDoubleArrowUpRounded = _interopRequireDefault(
-  require('./KeyboardDoubleArrowUpRounded'),
-);
-var _KeyboardDoubleArrowUpSharp = _interopRequireDefault(require('./KeyboardDoubleArrowUpSharp'));
-var _KeyboardDoubleArrowUpTwoTone = _interopRequireDefault(
-  require('./KeyboardDoubleArrowUpTwoTone'),
-);
-var _KeyboardHide = _interopRequireDefault(require('./KeyboardHide'));
-var _KeyboardHideOutlined = _interopRequireDefault(require('./KeyboardHideOutlined'));
-var _KeyboardHideRounded = _interopRequireDefault(require('./KeyboardHideRounded'));
-var _KeyboardHideSharp = _interopRequireDefault(require('./KeyboardHideSharp'));
-var _KeyboardHideTwoTone = _interopRequireDefault(require('./KeyboardHideTwoTone'));
-var _KeyboardOptionKey = _interopRequireDefault(require('./KeyboardOptionKey'));
-var _KeyboardOptionKeyOutlined = _interopRequireDefault(require('./KeyboardOptionKeyOutlined'));
-var _KeyboardOptionKeyRounded = _interopRequireDefault(require('./KeyboardOptionKeyRounded'));
-var _KeyboardOptionKeySharp = _interopRequireDefault(require('./KeyboardOptionKeySharp'));
-var _KeyboardOptionKeyTwoTone = _interopRequireDefault(require('./KeyboardOptionKeyTwoTone'));
-var _KeyboardOutlined = _interopRequireDefault(require('./KeyboardOutlined'));
-var _KeyboardReturn = _interopRequireDefault(require('./KeyboardReturn'));
-var _KeyboardReturnOutlined = _interopRequireDefault(require('./KeyboardReturnOutlined'));
-var _KeyboardReturnRounded = _interopRequireDefault(require('./KeyboardReturnRounded'));
-var _KeyboardReturnSharp = _interopRequireDefault(require('./KeyboardReturnSharp'));
-var _KeyboardReturnTwoTone = _interopRequireDefault(require('./KeyboardReturnTwoTone'));
-var _KeyboardRounded = _interopRequireDefault(require('./KeyboardRounded'));
-var _KeyboardSharp = _interopRequireDefault(require('./KeyboardSharp'));
-var _KeyboardTab = _interopRequireDefault(require('./KeyboardTab'));
-var _KeyboardTabOutlined = _interopRequireDefault(require('./KeyboardTabOutlined'));
-var _KeyboardTabRounded = _interopRequireDefault(require('./KeyboardTabRounded'));
-var _KeyboardTabSharp = _interopRequireDefault(require('./KeyboardTabSharp'));
-var _KeyboardTabTwoTone = _interopRequireDefault(require('./KeyboardTabTwoTone'));
-var _KeyboardTwoTone = _interopRequireDefault(require('./KeyboardTwoTone'));
-var _KeyboardVoice = _interopRequireDefault(require('./KeyboardVoice'));
-var _KeyboardVoiceOutlined = _interopRequireDefault(require('./KeyboardVoiceOutlined'));
-var _KeyboardVoiceRounded = _interopRequireDefault(require('./KeyboardVoiceRounded'));
-var _KeyboardVoiceSharp = _interopRequireDefault(require('./KeyboardVoiceSharp'));
-var _KeyboardVoiceTwoTone = _interopRequireDefault(require('./KeyboardVoiceTwoTone'));
-var _KingBed = _interopRequireDefault(require('./KingBed'));
-var _KingBedOutlined = _interopRequireDefault(require('./KingBedOutlined'));
-var _KingBedRounded = _interopRequireDefault(require('./KingBedRounded'));
-var _KingBedSharp = _interopRequireDefault(require('./KingBedSharp'));
-var _KingBedTwoTone = _interopRequireDefault(require('./KingBedTwoTone'));
-var _Kitchen = _interopRequireDefault(require('./Kitchen'));
-var _KitchenOutlined = _interopRequireDefault(require('./KitchenOutlined'));
-var _KitchenRounded = _interopRequireDefault(require('./KitchenRounded'));
-var _KitchenSharp = _interopRequireDefault(require('./KitchenSharp'));
-var _KitchenTwoTone = _interopRequireDefault(require('./KitchenTwoTone'));
-var _Kitesurfing = _interopRequireDefault(require('./Kitesurfing'));
-var _KitesurfingOutlined = _interopRequireDefault(require('./KitesurfingOutlined'));
-var _KitesurfingRounded = _interopRequireDefault(require('./KitesurfingRounded'));
-var _KitesurfingSharp = _interopRequireDefault(require('./KitesurfingSharp'));
-var _KitesurfingTwoTone = _interopRequireDefault(require('./KitesurfingTwoTone'));
-var _Label = _interopRequireDefault(require('./Label'));
-var _LabelImportant = _interopRequireDefault(require('./LabelImportant'));
-var _LabelImportantOutlined = _interopRequireDefault(require('./LabelImportantOutlined'));
-var _LabelImportantRounded = _interopRequireDefault(require('./LabelImportantRounded'));
-var _LabelImportantSharp = _interopRequireDefault(require('./LabelImportantSharp'));
-var _LabelImportantTwoTone = _interopRequireDefault(require('./LabelImportantTwoTone'));
-var _LabelOff = _interopRequireDefault(require('./LabelOff'));
-var _LabelOffOutlined = _interopRequireDefault(require('./LabelOffOutlined'));
-var _LabelOffRounded = _interopRequireDefault(require('./LabelOffRounded'));
-var _LabelOffSharp = _interopRequireDefault(require('./LabelOffSharp'));
-var _LabelOffTwoTone = _interopRequireDefault(require('./LabelOffTwoTone'));
-var _LabelOutlined = _interopRequireDefault(require('./LabelOutlined'));
-var _LabelRounded = _interopRequireDefault(require('./LabelRounded'));
-var _LabelSharp = _interopRequireDefault(require('./LabelSharp'));
-var _LabelTwoTone = _interopRequireDefault(require('./LabelTwoTone'));
-var _Lan = _interopRequireDefault(require('./Lan'));
-var _LanOutlined = _interopRequireDefault(require('./LanOutlined'));
-var _LanRounded = _interopRequireDefault(require('./LanRounded'));
-var _LanSharp = _interopRequireDefault(require('./LanSharp'));
-var _LanTwoTone = _interopRequireDefault(require('./LanTwoTone'));
-var _Landscape = _interopRequireDefault(require('./Landscape'));
-var _LandscapeOutlined = _interopRequireDefault(require('./LandscapeOutlined'));
-var _LandscapeRounded = _interopRequireDefault(require('./LandscapeRounded'));
-var _LandscapeSharp = _interopRequireDefault(require('./LandscapeSharp'));
-var _LandscapeTwoTone = _interopRequireDefault(require('./LandscapeTwoTone'));
-var _Landslide = _interopRequireDefault(require('./Landslide'));
-var _LandslideOutlined = _interopRequireDefault(require('./LandslideOutlined'));
-var _LandslideRounded = _interopRequireDefault(require('./LandslideRounded'));
-var _LandslideSharp = _interopRequireDefault(require('./LandslideSharp'));
-var _LandslideTwoTone = _interopRequireDefault(require('./LandslideTwoTone'));
-var _Language = _interopRequireDefault(require('./Language'));
-var _LanguageOutlined = _interopRequireDefault(require('./LanguageOutlined'));
-var _LanguageRounded = _interopRequireDefault(require('./LanguageRounded'));
-var _LanguageSharp = _interopRequireDefault(require('./LanguageSharp'));
-var _LanguageTwoTone = _interopRequireDefault(require('./LanguageTwoTone'));
-var _Laptop = _interopRequireDefault(require('./Laptop'));
-var _LaptopChromebook = _interopRequireDefault(require('./LaptopChromebook'));
-var _LaptopChromebookOutlined = _interopRequireDefault(require('./LaptopChromebookOutlined'));
-var _LaptopChromebookRounded = _interopRequireDefault(require('./LaptopChromebookRounded'));
-var _LaptopChromebookSharp = _interopRequireDefault(require('./LaptopChromebookSharp'));
-var _LaptopChromebookTwoTone = _interopRequireDefault(require('./LaptopChromebookTwoTone'));
-var _LaptopMac = _interopRequireDefault(require('./LaptopMac'));
-var _LaptopMacOutlined = _interopRequireDefault(require('./LaptopMacOutlined'));
-var _LaptopMacRounded = _interopRequireDefault(require('./LaptopMacRounded'));
-var _LaptopMacSharp = _interopRequireDefault(require('./LaptopMacSharp'));
-var _LaptopMacTwoTone = _interopRequireDefault(require('./LaptopMacTwoTone'));
-var _LaptopOutlined = _interopRequireDefault(require('./LaptopOutlined'));
-var _LaptopRounded = _interopRequireDefault(require('./LaptopRounded'));
-var _LaptopSharp = _interopRequireDefault(require('./LaptopSharp'));
-var _LaptopTwoTone = _interopRequireDefault(require('./LaptopTwoTone'));
-var _LaptopWindows = _interopRequireDefault(require('./LaptopWindows'));
-var _LaptopWindowsOutlined = _interopRequireDefault(require('./LaptopWindowsOutlined'));
-var _LaptopWindowsRounded = _interopRequireDefault(require('./LaptopWindowsRounded'));
-var _LaptopWindowsSharp = _interopRequireDefault(require('./LaptopWindowsSharp'));
-var _LaptopWindowsTwoTone = _interopRequireDefault(require('./LaptopWindowsTwoTone'));
-var _LastPage = _interopRequireDefault(require('./LastPage'));
-var _LastPageOutlined = _interopRequireDefault(require('./LastPageOutlined'));
-var _LastPageRounded = _interopRequireDefault(require('./LastPageRounded'));
-var _LastPageSharp = _interopRequireDefault(require('./LastPageSharp'));
-var _LastPageTwoTone = _interopRequireDefault(require('./LastPageTwoTone'));
-var _Launch = _interopRequireDefault(require('./Launch'));
-var _LaunchOutlined = _interopRequireDefault(require('./LaunchOutlined'));
-var _LaunchRounded = _interopRequireDefault(require('./LaunchRounded'));
-var _LaunchSharp = _interopRequireDefault(require('./LaunchSharp'));
-var _LaunchTwoTone = _interopRequireDefault(require('./LaunchTwoTone'));
-var _Layers = _interopRequireDefault(require('./Layers'));
-var _LayersClear = _interopRequireDefault(require('./LayersClear'));
-var _LayersClearOutlined = _interopRequireDefault(require('./LayersClearOutlined'));
-var _LayersClearRounded = _interopRequireDefault(require('./LayersClearRounded'));
-var _LayersClearSharp = _interopRequireDefault(require('./LayersClearSharp'));
-var _LayersClearTwoTone = _interopRequireDefault(require('./LayersClearTwoTone'));
-var _LayersOutlined = _interopRequireDefault(require('./LayersOutlined'));
-var _LayersRounded = _interopRequireDefault(require('./LayersRounded'));
-var _LayersSharp = _interopRequireDefault(require('./LayersSharp'));
-var _LayersTwoTone = _interopRequireDefault(require('./LayersTwoTone'));
-var _Leaderboard = _interopRequireDefault(require('./Leaderboard'));
-var _LeaderboardOutlined = _interopRequireDefault(require('./LeaderboardOutlined'));
-var _LeaderboardRounded = _interopRequireDefault(require('./LeaderboardRounded'));
-var _LeaderboardSharp = _interopRequireDefault(require('./LeaderboardSharp'));
-var _LeaderboardTwoTone = _interopRequireDefault(require('./LeaderboardTwoTone'));
-var _LeakAdd = _interopRequireDefault(require('./LeakAdd'));
-var _LeakAddOutlined = _interopRequireDefault(require('./LeakAddOutlined'));
-var _LeakAddRounded = _interopRequireDefault(require('./LeakAddRounded'));
-var _LeakAddSharp = _interopRequireDefault(require('./LeakAddSharp'));
-var _LeakAddTwoTone = _interopRequireDefault(require('./LeakAddTwoTone'));
-var _LeakRemove = _interopRequireDefault(require('./LeakRemove'));
-var _LeakRemoveOutlined = _interopRequireDefault(require('./LeakRemoveOutlined'));
-var _LeakRemoveRounded = _interopRequireDefault(require('./LeakRemoveRounded'));
-var _LeakRemoveSharp = _interopRequireDefault(require('./LeakRemoveSharp'));
-var _LeakRemoveTwoTone = _interopRequireDefault(require('./LeakRemoveTwoTone'));
-var _LegendToggle = _interopRequireDefault(require('./LegendToggle'));
-var _LegendToggleOutlined = _interopRequireDefault(require('./LegendToggleOutlined'));
-var _LegendToggleRounded = _interopRequireDefault(require('./LegendToggleRounded'));
-var _LegendToggleSharp = _interopRequireDefault(require('./LegendToggleSharp'));
-var _LegendToggleTwoTone = _interopRequireDefault(require('./LegendToggleTwoTone'));
-var _Lens = _interopRequireDefault(require('./Lens'));
-var _LensBlur = _interopRequireDefault(require('./LensBlur'));
-var _LensBlurOutlined = _interopRequireDefault(require('./LensBlurOutlined'));
-var _LensBlurRounded = _interopRequireDefault(require('./LensBlurRounded'));
-var _LensBlurSharp = _interopRequireDefault(require('./LensBlurSharp'));
-var _LensBlurTwoTone = _interopRequireDefault(require('./LensBlurTwoTone'));
-var _LensOutlined = _interopRequireDefault(require('./LensOutlined'));
-var _LensRounded = _interopRequireDefault(require('./LensRounded'));
-var _LensSharp = _interopRequireDefault(require('./LensSharp'));
-var _LensTwoTone = _interopRequireDefault(require('./LensTwoTone'));
-var _LibraryAdd = _interopRequireDefault(require('./LibraryAdd'));
-var _LibraryAddCheck = _interopRequireDefault(require('./LibraryAddCheck'));
-var _LibraryAddCheckOutlined = _interopRequireDefault(require('./LibraryAddCheckOutlined'));
-var _LibraryAddCheckRounded = _interopRequireDefault(require('./LibraryAddCheckRounded'));
-var _LibraryAddCheckSharp = _interopRequireDefault(require('./LibraryAddCheckSharp'));
-var _LibraryAddCheckTwoTone = _interopRequireDefault(require('./LibraryAddCheckTwoTone'));
-var _LibraryAddOutlined = _interopRequireDefault(require('./LibraryAddOutlined'));
-var _LibraryAddRounded = _interopRequireDefault(require('./LibraryAddRounded'));
-var _LibraryAddSharp = _interopRequireDefault(require('./LibraryAddSharp'));
-var _LibraryAddTwoTone = _interopRequireDefault(require('./LibraryAddTwoTone'));
-var _LibraryBooks = _interopRequireDefault(require('./LibraryBooks'));
-var _LibraryBooksOutlined = _interopRequireDefault(require('./LibraryBooksOutlined'));
-var _LibraryBooksRounded = _interopRequireDefault(require('./LibraryBooksRounded'));
-var _LibraryBooksSharp = _interopRequireDefault(require('./LibraryBooksSharp'));
-var _LibraryBooksTwoTone = _interopRequireDefault(require('./LibraryBooksTwoTone'));
-var _LibraryMusic = _interopRequireDefault(require('./LibraryMusic'));
-var _LibraryMusicOutlined = _interopRequireDefault(require('./LibraryMusicOutlined'));
-var _LibraryMusicRounded = _interopRequireDefault(require('./LibraryMusicRounded'));
-var _LibraryMusicSharp = _interopRequireDefault(require('./LibraryMusicSharp'));
-var _LibraryMusicTwoTone = _interopRequireDefault(require('./LibraryMusicTwoTone'));
-var _Light = _interopRequireDefault(require('./Light'));
-var _LightMode = _interopRequireDefault(require('./LightMode'));
-var _LightModeOutlined = _interopRequireDefault(require('./LightModeOutlined'));
-var _LightModeRounded = _interopRequireDefault(require('./LightModeRounded'));
-var _LightModeSharp = _interopRequireDefault(require('./LightModeSharp'));
-var _LightModeTwoTone = _interopRequireDefault(require('./LightModeTwoTone'));
-var _LightOutlined = _interopRequireDefault(require('./LightOutlined'));
-var _LightRounded = _interopRequireDefault(require('./LightRounded'));
-var _LightSharp = _interopRequireDefault(require('./LightSharp'));
-var _LightTwoTone = _interopRequireDefault(require('./LightTwoTone'));
-var _Lightbulb = _interopRequireDefault(require('./Lightbulb'));
-var _LightbulbCircle = _interopRequireDefault(require('./LightbulbCircle'));
-var _LightbulbCircleOutlined = _interopRequireDefault(require('./LightbulbCircleOutlined'));
-var _LightbulbCircleRounded = _interopRequireDefault(require('./LightbulbCircleRounded'));
-var _LightbulbCircleSharp = _interopRequireDefault(require('./LightbulbCircleSharp'));
-var _LightbulbCircleTwoTone = _interopRequireDefault(require('./LightbulbCircleTwoTone'));
-var _LightbulbOutlined = _interopRequireDefault(require('./LightbulbOutlined'));
-var _LightbulbRounded = _interopRequireDefault(require('./LightbulbRounded'));
-var _LightbulbSharp = _interopRequireDefault(require('./LightbulbSharp'));
-var _LightbulbTwoTone = _interopRequireDefault(require('./LightbulbTwoTone'));
-var _LineAxis = _interopRequireDefault(require('./LineAxis'));
-var _LineAxisOutlined = _interopRequireDefault(require('./LineAxisOutlined'));
-var _LineAxisRounded = _interopRequireDefault(require('./LineAxisRounded'));
-var _LineAxisSharp = _interopRequireDefault(require('./LineAxisSharp'));
-var _LineAxisTwoTone = _interopRequireDefault(require('./LineAxisTwoTone'));
-var _LineStyle = _interopRequireDefault(require('./LineStyle'));
-var _LineStyleOutlined = _interopRequireDefault(require('./LineStyleOutlined'));
-var _LineStyleRounded = _interopRequireDefault(require('./LineStyleRounded'));
-var _LineStyleSharp = _interopRequireDefault(require('./LineStyleSharp'));
-var _LineStyleTwoTone = _interopRequireDefault(require('./LineStyleTwoTone'));
-var _LineWeight = _interopRequireDefault(require('./LineWeight'));
-var _LineWeightOutlined = _interopRequireDefault(require('./LineWeightOutlined'));
-var _LineWeightRounded = _interopRequireDefault(require('./LineWeightRounded'));
-var _LineWeightSharp = _interopRequireDefault(require('./LineWeightSharp'));
-var _LineWeightTwoTone = _interopRequireDefault(require('./LineWeightTwoTone'));
-var _LinearScale = _interopRequireDefault(require('./LinearScale'));
-var _LinearScaleOutlined = _interopRequireDefault(require('./LinearScaleOutlined'));
-var _LinearScaleRounded = _interopRequireDefault(require('./LinearScaleRounded'));
-var _LinearScaleSharp = _interopRequireDefault(require('./LinearScaleSharp'));
-var _LinearScaleTwoTone = _interopRequireDefault(require('./LinearScaleTwoTone'));
-var _Link = _interopRequireDefault(require('./Link'));
-var _LinkOff = _interopRequireDefault(require('./LinkOff'));
-var _LinkOffOutlined = _interopRequireDefault(require('./LinkOffOutlined'));
-var _LinkOffRounded = _interopRequireDefault(require('./LinkOffRounded'));
-var _LinkOffSharp = _interopRequireDefault(require('./LinkOffSharp'));
-var _LinkOffTwoTone = _interopRequireDefault(require('./LinkOffTwoTone'));
-var _LinkOutlined = _interopRequireDefault(require('./LinkOutlined'));
-var _LinkRounded = _interopRequireDefault(require('./LinkRounded'));
-var _LinkSharp = _interopRequireDefault(require('./LinkSharp'));
-var _LinkTwoTone = _interopRequireDefault(require('./LinkTwoTone'));
-var _LinkedCamera = _interopRequireDefault(require('./LinkedCamera'));
-var _LinkedCameraOutlined = _interopRequireDefault(require('./LinkedCameraOutlined'));
-var _LinkedCameraRounded = _interopRequireDefault(require('./LinkedCameraRounded'));
-var _LinkedCameraSharp = _interopRequireDefault(require('./LinkedCameraSharp'));
-var _LinkedCameraTwoTone = _interopRequireDefault(require('./LinkedCameraTwoTone'));
-var _LinkedIn = _interopRequireDefault(require('./LinkedIn'));
-var _Liquor = _interopRequireDefault(require('./Liquor'));
-var _LiquorOutlined = _interopRequireDefault(require('./LiquorOutlined'));
-var _LiquorRounded = _interopRequireDefault(require('./LiquorRounded'));
-var _LiquorSharp = _interopRequireDefault(require('./LiquorSharp'));
-var _LiquorTwoTone = _interopRequireDefault(require('./LiquorTwoTone'));
-var _List = _interopRequireDefault(require('./List'));
-var _ListAlt = _interopRequireDefault(require('./ListAlt'));
-var _ListAltOutlined = _interopRequireDefault(require('./ListAltOutlined'));
-var _ListAltRounded = _interopRequireDefault(require('./ListAltRounded'));
-var _ListAltSharp = _interopRequireDefault(require('./ListAltSharp'));
-var _ListAltTwoTone = _interopRequireDefault(require('./ListAltTwoTone'));
-var _ListOutlined = _interopRequireDefault(require('./ListOutlined'));
-var _ListRounded = _interopRequireDefault(require('./ListRounded'));
-var _ListSharp = _interopRequireDefault(require('./ListSharp'));
-var _ListTwoTone = _interopRequireDefault(require('./ListTwoTone'));
-var _LiveHelp = _interopRequireDefault(require('./LiveHelp'));
-var _LiveHelpOutlined = _interopRequireDefault(require('./LiveHelpOutlined'));
-var _LiveHelpRounded = _interopRequireDefault(require('./LiveHelpRounded'));
-var _LiveHelpSharp = _interopRequireDefault(require('./LiveHelpSharp'));
-var _LiveHelpTwoTone = _interopRequireDefault(require('./LiveHelpTwoTone'));
-var _LiveTv = _interopRequireDefault(require('./LiveTv'));
-var _LiveTvOutlined = _interopRequireDefault(require('./LiveTvOutlined'));
-var _LiveTvRounded = _interopRequireDefault(require('./LiveTvRounded'));
-var _LiveTvSharp = _interopRequireDefault(require('./LiveTvSharp'));
-var _LiveTvTwoTone = _interopRequireDefault(require('./LiveTvTwoTone'));
-var _Living = _interopRequireDefault(require('./Living'));
-var _LivingOutlined = _interopRequireDefault(require('./LivingOutlined'));
-var _LivingRounded = _interopRequireDefault(require('./LivingRounded'));
-var _LivingSharp = _interopRequireDefault(require('./LivingSharp'));
-var _LivingTwoTone = _interopRequireDefault(require('./LivingTwoTone'));
-var _LocalActivity = _interopRequireDefault(require('./LocalActivity'));
-var _LocalActivityOutlined = _interopRequireDefault(require('./LocalActivityOutlined'));
-var _LocalActivityRounded = _interopRequireDefault(require('./LocalActivityRounded'));
-var _LocalActivitySharp = _interopRequireDefault(require('./LocalActivitySharp'));
-var _LocalActivityTwoTone = _interopRequireDefault(require('./LocalActivityTwoTone'));
-var _LocalAirport = _interopRequireDefault(require('./LocalAirport'));
-var _LocalAirportOutlined = _interopRequireDefault(require('./LocalAirportOutlined'));
-var _LocalAirportRounded = _interopRequireDefault(require('./LocalAirportRounded'));
-var _LocalAirportSharp = _interopRequireDefault(require('./LocalAirportSharp'));
-var _LocalAirportTwoTone = _interopRequireDefault(require('./LocalAirportTwoTone'));
-var _LocalAtm = _interopRequireDefault(require('./LocalAtm'));
-var _LocalAtmOutlined = _interopRequireDefault(require('./LocalAtmOutlined'));
-var _LocalAtmRounded = _interopRequireDefault(require('./LocalAtmRounded'));
-var _LocalAtmSharp = _interopRequireDefault(require('./LocalAtmSharp'));
-var _LocalAtmTwoTone = _interopRequireDefault(require('./LocalAtmTwoTone'));
-var _LocalBar = _interopRequireDefault(require('./LocalBar'));
-var _LocalBarOutlined = _interopRequireDefault(require('./LocalBarOutlined'));
-var _LocalBarRounded = _interopRequireDefault(require('./LocalBarRounded'));
-var _LocalBarSharp = _interopRequireDefault(require('./LocalBarSharp'));
-var _LocalBarTwoTone = _interopRequireDefault(require('./LocalBarTwoTone'));
-var _LocalCafe = _interopRequireDefault(require('./LocalCafe'));
-var _LocalCafeOutlined = _interopRequireDefault(require('./LocalCafeOutlined'));
-var _LocalCafeRounded = _interopRequireDefault(require('./LocalCafeRounded'));
-var _LocalCafeSharp = _interopRequireDefault(require('./LocalCafeSharp'));
-var _LocalCafeTwoTone = _interopRequireDefault(require('./LocalCafeTwoTone'));
-var _LocalCarWash = _interopRequireDefault(require('./LocalCarWash'));
-var _LocalCarWashOutlined = _interopRequireDefault(require('./LocalCarWashOutlined'));
-var _LocalCarWashRounded = _interopRequireDefault(require('./LocalCarWashRounded'));
-var _LocalCarWashSharp = _interopRequireDefault(require('./LocalCarWashSharp'));
-var _LocalCarWashTwoTone = _interopRequireDefault(require('./LocalCarWashTwoTone'));
-var _LocalConvenienceStore = _interopRequireDefault(require('./LocalConvenienceStore'));
-var _LocalConvenienceStoreOutlined = _interopRequireDefault(
-  require('./LocalConvenienceStoreOutlined'),
-);
-var _LocalConvenienceStoreRounded = _interopRequireDefault(
-  require('./LocalConvenienceStoreRounded'),
-);
-var _LocalConvenienceStoreSharp = _interopRequireDefault(require('./LocalConvenienceStoreSharp'));
-var _LocalConvenienceStoreTwoTone = _interopRequireDefault(
-  require('./LocalConvenienceStoreTwoTone'),
-);
-var _LocalDining = _interopRequireDefault(require('./LocalDining'));
-var _LocalDiningOutlined = _interopRequireDefault(require('./LocalDiningOutlined'));
-var _LocalDiningRounded = _interopRequireDefault(require('./LocalDiningRounded'));
-var _LocalDiningSharp = _interopRequireDefault(require('./LocalDiningSharp'));
-var _LocalDiningTwoTone = _interopRequireDefault(require('./LocalDiningTwoTone'));
-var _LocalDrink = _interopRequireDefault(require('./LocalDrink'));
-var _LocalDrinkOutlined = _interopRequireDefault(require('./LocalDrinkOutlined'));
-var _LocalDrinkRounded = _interopRequireDefault(require('./LocalDrinkRounded'));
-var _LocalDrinkSharp = _interopRequireDefault(require('./LocalDrinkSharp'));
-var _LocalDrinkTwoTone = _interopRequireDefault(require('./LocalDrinkTwoTone'));
-var _LocalFireDepartment = _interopRequireDefault(require('./LocalFireDepartment'));
-var _LocalFireDepartmentOutlined = _interopRequireDefault(require('./LocalFireDepartmentOutlined'));
-var _LocalFireDepartmentRounded = _interopRequireDefault(require('./LocalFireDepartmentRounded'));
-var _LocalFireDepartmentSharp = _interopRequireDefault(require('./LocalFireDepartmentSharp'));
-var _LocalFireDepartmentTwoTone = _interopRequireDefault(require('./LocalFireDepartmentTwoTone'));
-var _LocalFlorist = _interopRequireDefault(require('./LocalFlorist'));
-var _LocalFloristOutlined = _interopRequireDefault(require('./LocalFloristOutlined'));
-var _LocalFloristRounded = _interopRequireDefault(require('./LocalFloristRounded'));
-var _LocalFloristSharp = _interopRequireDefault(require('./LocalFloristSharp'));
-var _LocalFloristTwoTone = _interopRequireDefault(require('./LocalFloristTwoTone'));
-var _LocalGasStation = _interopRequireDefault(require('./LocalGasStation'));
-var _LocalGasStationOutlined = _interopRequireDefault(require('./LocalGasStationOutlined'));
-var _LocalGasStationRounded = _interopRequireDefault(require('./LocalGasStationRounded'));
-var _LocalGasStationSharp = _interopRequireDefault(require('./LocalGasStationSharp'));
-var _LocalGasStationTwoTone = _interopRequireDefault(require('./LocalGasStationTwoTone'));
-var _LocalGroceryStore = _interopRequireDefault(require('./LocalGroceryStore'));
-var _LocalGroceryStoreOutlined = _interopRequireDefault(require('./LocalGroceryStoreOutlined'));
-var _LocalGroceryStoreRounded = _interopRequireDefault(require('./LocalGroceryStoreRounded'));
-var _LocalGroceryStoreSharp = _interopRequireDefault(require('./LocalGroceryStoreSharp'));
-var _LocalGroceryStoreTwoTone = _interopRequireDefault(require('./LocalGroceryStoreTwoTone'));
-var _LocalHospital = _interopRequireDefault(require('./LocalHospital'));
-var _LocalHospitalOutlined = _interopRequireDefault(require('./LocalHospitalOutlined'));
-var _LocalHospitalRounded = _interopRequireDefault(require('./LocalHospitalRounded'));
-var _LocalHospitalSharp = _interopRequireDefault(require('./LocalHospitalSharp'));
-var _LocalHospitalTwoTone = _interopRequireDefault(require('./LocalHospitalTwoTone'));
-var _LocalHotel = _interopRequireDefault(require('./LocalHotel'));
-var _LocalHotelOutlined = _interopRequireDefault(require('./LocalHotelOutlined'));
-var _LocalHotelRounded = _interopRequireDefault(require('./LocalHotelRounded'));
-var _LocalHotelSharp = _interopRequireDefault(require('./LocalHotelSharp'));
-var _LocalHotelTwoTone = _interopRequireDefault(require('./LocalHotelTwoTone'));
-var _LocalLaundryService = _interopRequireDefault(require('./LocalLaundryService'));
-var _LocalLaundryServiceOutlined = _interopRequireDefault(require('./LocalLaundryServiceOutlined'));
-var _LocalLaundryServiceRounded = _interopRequireDefault(require('./LocalLaundryServiceRounded'));
-var _LocalLaundryServiceSharp = _interopRequireDefault(require('./LocalLaundryServiceSharp'));
-var _LocalLaundryServiceTwoTone = _interopRequireDefault(require('./LocalLaundryServiceTwoTone'));
-var _LocalLibrary = _interopRequireDefault(require('./LocalLibrary'));
-var _LocalLibraryOutlined = _interopRequireDefault(require('./LocalLibraryOutlined'));
-var _LocalLibraryRounded = _interopRequireDefault(require('./LocalLibraryRounded'));
-var _LocalLibrarySharp = _interopRequireDefault(require('./LocalLibrarySharp'));
-var _LocalLibraryTwoTone = _interopRequireDefault(require('./LocalLibraryTwoTone'));
-var _LocalMall = _interopRequireDefault(require('./LocalMall'));
-var _LocalMallOutlined = _interopRequireDefault(require('./LocalMallOutlined'));
-var _LocalMallRounded = _interopRequireDefault(require('./LocalMallRounded'));
-var _LocalMallSharp = _interopRequireDefault(require('./LocalMallSharp'));
-var _LocalMallTwoTone = _interopRequireDefault(require('./LocalMallTwoTone'));
-var _LocalMovies = _interopRequireDefault(require('./LocalMovies'));
-var _LocalMoviesOutlined = _interopRequireDefault(require('./LocalMoviesOutlined'));
-var _LocalMoviesRounded = _interopRequireDefault(require('./LocalMoviesRounded'));
-var _LocalMoviesSharp = _interopRequireDefault(require('./LocalMoviesSharp'));
-var _LocalMoviesTwoTone = _interopRequireDefault(require('./LocalMoviesTwoTone'));
-var _LocalOffer = _interopRequireDefault(require('./LocalOffer'));
-var _LocalOfferOutlined = _interopRequireDefault(require('./LocalOfferOutlined'));
-var _LocalOfferRounded = _interopRequireDefault(require('./LocalOfferRounded'));
-var _LocalOfferSharp = _interopRequireDefault(require('./LocalOfferSharp'));
-var _LocalOfferTwoTone = _interopRequireDefault(require('./LocalOfferTwoTone'));
-var _LocalParking = _interopRequireDefault(require('./LocalParking'));
-var _LocalParkingOutlined = _interopRequireDefault(require('./LocalParkingOutlined'));
-var _LocalParkingRounded = _interopRequireDefault(require('./LocalParkingRounded'));
-var _LocalParkingSharp = _interopRequireDefault(require('./LocalParkingSharp'));
-var _LocalParkingTwoTone = _interopRequireDefault(require('./LocalParkingTwoTone'));
-var _LocalPharmacy = _interopRequireDefault(require('./LocalPharmacy'));
-var _LocalPharmacyOutlined = _interopRequireDefault(require('./LocalPharmacyOutlined'));
-var _LocalPharmacyRounded = _interopRequireDefault(require('./LocalPharmacyRounded'));
-var _LocalPharmacySharp = _interopRequireDefault(require('./LocalPharmacySharp'));
-var _LocalPharmacyTwoTone = _interopRequireDefault(require('./LocalPharmacyTwoTone'));
-var _LocalPhone = _interopRequireDefault(require('./LocalPhone'));
-var _LocalPhoneOutlined = _interopRequireDefault(require('./LocalPhoneOutlined'));
-var _LocalPhoneRounded = _interopRequireDefault(require('./LocalPhoneRounded'));
-var _LocalPhoneSharp = _interopRequireDefault(require('./LocalPhoneSharp'));
-var _LocalPhoneTwoTone = _interopRequireDefault(require('./LocalPhoneTwoTone'));
-var _LocalPizza = _interopRequireDefault(require('./LocalPizza'));
-var _LocalPizzaOutlined = _interopRequireDefault(require('./LocalPizzaOutlined'));
-var _LocalPizzaRounded = _interopRequireDefault(require('./LocalPizzaRounded'));
-var _LocalPizzaSharp = _interopRequireDefault(require('./LocalPizzaSharp'));
-var _LocalPizzaTwoTone = _interopRequireDefault(require('./LocalPizzaTwoTone'));
-var _LocalPlay = _interopRequireDefault(require('./LocalPlay'));
-var _LocalPlayOutlined = _interopRequireDefault(require('./LocalPlayOutlined'));
-var _LocalPlayRounded = _interopRequireDefault(require('./LocalPlayRounded'));
-var _LocalPlaySharp = _interopRequireDefault(require('./LocalPlaySharp'));
-var _LocalPlayTwoTone = _interopRequireDefault(require('./LocalPlayTwoTone'));
-var _LocalPolice = _interopRequireDefault(require('./LocalPolice'));
-var _LocalPoliceOutlined = _interopRequireDefault(require('./LocalPoliceOutlined'));
-var _LocalPoliceRounded = _interopRequireDefault(require('./LocalPoliceRounded'));
-var _LocalPoliceSharp = _interopRequireDefault(require('./LocalPoliceSharp'));
-var _LocalPoliceTwoTone = _interopRequireDefault(require('./LocalPoliceTwoTone'));
-var _LocalPostOffice = _interopRequireDefault(require('./LocalPostOffice'));
-var _LocalPostOfficeOutlined = _interopRequireDefault(require('./LocalPostOfficeOutlined'));
-var _LocalPostOfficeRounded = _interopRequireDefault(require('./LocalPostOfficeRounded'));
-var _LocalPostOfficeSharp = _interopRequireDefault(require('./LocalPostOfficeSharp'));
-var _LocalPostOfficeTwoTone = _interopRequireDefault(require('./LocalPostOfficeTwoTone'));
-var _LocalPrintshop = _interopRequireDefault(require('./LocalPrintshop'));
-var _LocalPrintshopOutlined = _interopRequireDefault(require('./LocalPrintshopOutlined'));
-var _LocalPrintshopRounded = _interopRequireDefault(require('./LocalPrintshopRounded'));
-var _LocalPrintshopSharp = _interopRequireDefault(require('./LocalPrintshopSharp'));
-var _LocalPrintshopTwoTone = _interopRequireDefault(require('./LocalPrintshopTwoTone'));
-var _LocalSee = _interopRequireDefault(require('./LocalSee'));
-var _LocalSeeOutlined = _interopRequireDefault(require('./LocalSeeOutlined'));
-var _LocalSeeRounded = _interopRequireDefault(require('./LocalSeeRounded'));
-var _LocalSeeSharp = _interopRequireDefault(require('./LocalSeeSharp'));
-var _LocalSeeTwoTone = _interopRequireDefault(require('./LocalSeeTwoTone'));
-var _LocalShipping = _interopRequireDefault(require('./LocalShipping'));
-var _LocalShippingOutlined = _interopRequireDefault(require('./LocalShippingOutlined'));
-var _LocalShippingRounded = _interopRequireDefault(require('./LocalShippingRounded'));
-var _LocalShippingSharp = _interopRequireDefault(require('./LocalShippingSharp'));
-var _LocalShippingTwoTone = _interopRequireDefault(require('./LocalShippingTwoTone'));
-var _LocalTaxi = _interopRequireDefault(require('./LocalTaxi'));
-var _LocalTaxiOutlined = _interopRequireDefault(require('./LocalTaxiOutlined'));
-var _LocalTaxiRounded = _interopRequireDefault(require('./LocalTaxiRounded'));
-var _LocalTaxiSharp = _interopRequireDefault(require('./LocalTaxiSharp'));
-var _LocalTaxiTwoTone = _interopRequireDefault(require('./LocalTaxiTwoTone'));
-var _LocationCity = _interopRequireDefault(require('./LocationCity'));
-var _LocationCityOutlined = _interopRequireDefault(require('./LocationCityOutlined'));
-var _LocationCityRounded = _interopRequireDefault(require('./LocationCityRounded'));
-var _LocationCitySharp = _interopRequireDefault(require('./LocationCitySharp'));
-var _LocationCityTwoTone = _interopRequireDefault(require('./LocationCityTwoTone'));
-var _LocationDisabled = _interopRequireDefault(require('./LocationDisabled'));
-var _LocationDisabledOutlined = _interopRequireDefault(require('./LocationDisabledOutlined'));
-var _LocationDisabledRounded = _interopRequireDefault(require('./LocationDisabledRounded'));
-var _LocationDisabledSharp = _interopRequireDefault(require('./LocationDisabledSharp'));
-var _LocationDisabledTwoTone = _interopRequireDefault(require('./LocationDisabledTwoTone'));
-var _LocationOff = _interopRequireDefault(require('./LocationOff'));
-var _LocationOffOutlined = _interopRequireDefault(require('./LocationOffOutlined'));
-var _LocationOffRounded = _interopRequireDefault(require('./LocationOffRounded'));
-var _LocationOffSharp = _interopRequireDefault(require('./LocationOffSharp'));
-var _LocationOffTwoTone = _interopRequireDefault(require('./LocationOffTwoTone'));
-var _LocationOn = _interopRequireDefault(require('./LocationOn'));
-var _LocationOnOutlined = _interopRequireDefault(require('./LocationOnOutlined'));
-var _LocationOnRounded = _interopRequireDefault(require('./LocationOnRounded'));
-var _LocationOnSharp = _interopRequireDefault(require('./LocationOnSharp'));
-var _LocationOnTwoTone = _interopRequireDefault(require('./LocationOnTwoTone'));
-var _LocationSearching = _interopRequireDefault(require('./LocationSearching'));
-var _LocationSearchingOutlined = _interopRequireDefault(require('./LocationSearchingOutlined'));
-var _LocationSearchingRounded = _interopRequireDefault(require('./LocationSearchingRounded'));
-var _LocationSearchingSharp = _interopRequireDefault(require('./LocationSearchingSharp'));
-var _LocationSearchingTwoTone = _interopRequireDefault(require('./LocationSearchingTwoTone'));
-var _Lock = _interopRequireDefault(require('./Lock'));
-var _LockClock = _interopRequireDefault(require('./LockClock'));
-var _LockClockOutlined = _interopRequireDefault(require('./LockClockOutlined'));
-var _LockClockRounded = _interopRequireDefault(require('./LockClockRounded'));
-var _LockClockSharp = _interopRequireDefault(require('./LockClockSharp'));
-var _LockClockTwoTone = _interopRequireDefault(require('./LockClockTwoTone'));
-var _LockOpen = _interopRequireDefault(require('./LockOpen'));
-var _LockOpenOutlined = _interopRequireDefault(require('./LockOpenOutlined'));
-var _LockOpenRounded = _interopRequireDefault(require('./LockOpenRounded'));
-var _LockOpenSharp = _interopRequireDefault(require('./LockOpenSharp'));
-var _LockOpenTwoTone = _interopRequireDefault(require('./LockOpenTwoTone'));
-var _LockOutlined = _interopRequireDefault(require('./LockOutlined'));
-var _LockPerson = _interopRequireDefault(require('./LockPerson'));
-var _LockPersonOutlined = _interopRequireDefault(require('./LockPersonOutlined'));
-var _LockPersonRounded = _interopRequireDefault(require('./LockPersonRounded'));
-var _LockPersonSharp = _interopRequireDefault(require('./LockPersonSharp'));
-var _LockPersonTwoTone = _interopRequireDefault(require('./LockPersonTwoTone'));
-var _LockReset = _interopRequireDefault(require('./LockReset'));
-var _LockResetOutlined = _interopRequireDefault(require('./LockResetOutlined'));
-var _LockResetRounded = _interopRequireDefault(require('./LockResetRounded'));
-var _LockResetSharp = _interopRequireDefault(require('./LockResetSharp'));
-var _LockResetTwoTone = _interopRequireDefault(require('./LockResetTwoTone'));
-var _LockRounded = _interopRequireDefault(require('./LockRounded'));
-var _LockSharp = _interopRequireDefault(require('./LockSharp'));
-var _LockTwoTone = _interopRequireDefault(require('./LockTwoTone'));
-var _Login = _interopRequireDefault(require('./Login'));
-var _LoginOutlined = _interopRequireDefault(require('./LoginOutlined'));
-var _LoginRounded = _interopRequireDefault(require('./LoginRounded'));
-var _LoginSharp = _interopRequireDefault(require('./LoginSharp'));
-var _LoginTwoTone = _interopRequireDefault(require('./LoginTwoTone'));
-var _LogoDev = _interopRequireDefault(require('./LogoDev'));
-var _LogoDevOutlined = _interopRequireDefault(require('./LogoDevOutlined'));
-var _LogoDevRounded = _interopRequireDefault(require('./LogoDevRounded'));
-var _LogoDevSharp = _interopRequireDefault(require('./LogoDevSharp'));
-var _LogoDevTwoTone = _interopRequireDefault(require('./LogoDevTwoTone'));
-var _Logout = _interopRequireDefault(require('./Logout'));
-var _LogoutOutlined = _interopRequireDefault(require('./LogoutOutlined'));
-var _LogoutRounded = _interopRequireDefault(require('./LogoutRounded'));
-var _LogoutSharp = _interopRequireDefault(require('./LogoutSharp'));
-var _LogoutTwoTone = _interopRequireDefault(require('./LogoutTwoTone'));
-var _Looks = _interopRequireDefault(require('./Looks'));
-var _Looks2 = _interopRequireDefault(require('./Looks3'));
-var _Looks3Outlined = _interopRequireDefault(require('./Looks3Outlined'));
-var _Looks3Rounded = _interopRequireDefault(require('./Looks3Rounded'));
-var _Looks3Sharp = _interopRequireDefault(require('./Looks3Sharp'));
-var _Looks3TwoTone = _interopRequireDefault(require('./Looks3TwoTone'));
-var _Looks3 = _interopRequireDefault(require('./Looks4'));
-var _Looks4Outlined = _interopRequireDefault(require('./Looks4Outlined'));
-var _Looks4Rounded = _interopRequireDefault(require('./Looks4Rounded'));
-var _Looks4Sharp = _interopRequireDefault(require('./Looks4Sharp'));
-var _Looks4TwoTone = _interopRequireDefault(require('./Looks4TwoTone'));
-var _Looks4 = _interopRequireDefault(require('./Looks5'));
-var _Looks5Outlined = _interopRequireDefault(require('./Looks5Outlined'));
-var _Looks5Rounded = _interopRequireDefault(require('./Looks5Rounded'));
-var _Looks5Sharp = _interopRequireDefault(require('./Looks5Sharp'));
-var _Looks5TwoTone = _interopRequireDefault(require('./Looks5TwoTone'));
-var _Looks5 = _interopRequireDefault(require('./Looks6'));
-var _Looks6Outlined = _interopRequireDefault(require('./Looks6Outlined'));
-var _Looks6Rounded = _interopRequireDefault(require('./Looks6Rounded'));
-var _Looks6Sharp = _interopRequireDefault(require('./Looks6Sharp'));
-var _Looks6TwoTone = _interopRequireDefault(require('./Looks6TwoTone'));
-var _LooksOne = _interopRequireDefault(require('./LooksOne'));
-var _LooksOneOutlined = _interopRequireDefault(require('./LooksOneOutlined'));
-var _LooksOneRounded = _interopRequireDefault(require('./LooksOneRounded'));
-var _LooksOneSharp = _interopRequireDefault(require('./LooksOneSharp'));
-var _LooksOneTwoTone = _interopRequireDefault(require('./LooksOneTwoTone'));
-var _LooksOutlined = _interopRequireDefault(require('./LooksOutlined'));
-var _LooksRounded = _interopRequireDefault(require('./LooksRounded'));
-var _LooksSharp = _interopRequireDefault(require('./LooksSharp'));
-var _LooksTwo = _interopRequireDefault(require('./LooksTwo'));
-var _LooksTwoOutlined = _interopRequireDefault(require('./LooksTwoOutlined'));
-var _LooksTwoRounded = _interopRequireDefault(require('./LooksTwoRounded'));
-var _LooksTwoSharp = _interopRequireDefault(require('./LooksTwoSharp'));
-var _LooksTwoTone = _interopRequireDefault(require('./LooksTwoTone'));
-var _LooksTwoTwoTone = _interopRequireDefault(require('./LooksTwoTwoTone'));
-var _Loop = _interopRequireDefault(require('./Loop'));
-var _LoopOutlined = _interopRequireDefault(require('./LoopOutlined'));
-var _LoopRounded = _interopRequireDefault(require('./LoopRounded'));
-var _LoopSharp = _interopRequireDefault(require('./LoopSharp'));
-var _LoopTwoTone = _interopRequireDefault(require('./LoopTwoTone'));
-var _Loupe = _interopRequireDefault(require('./Loupe'));
-var _LoupeOutlined = _interopRequireDefault(require('./LoupeOutlined'));
-var _LoupeRounded = _interopRequireDefault(require('./LoupeRounded'));
-var _LoupeSharp = _interopRequireDefault(require('./LoupeSharp'));
-var _LoupeTwoTone = _interopRequireDefault(require('./LoupeTwoTone'));
-var _LowPriority = _interopRequireDefault(require('./LowPriority'));
-var _LowPriorityOutlined = _interopRequireDefault(require('./LowPriorityOutlined'));
-var _LowPriorityRounded = _interopRequireDefault(require('./LowPriorityRounded'));
-var _LowPrioritySharp = _interopRequireDefault(require('./LowPrioritySharp'));
-var _LowPriorityTwoTone = _interopRequireDefault(require('./LowPriorityTwoTone'));
-var _Loyalty = _interopRequireDefault(require('./Loyalty'));
-var _LoyaltyOutlined = _interopRequireDefault(require('./LoyaltyOutlined'));
-var _LoyaltyRounded = _interopRequireDefault(require('./LoyaltyRounded'));
-var _LoyaltySharp = _interopRequireDefault(require('./LoyaltySharp'));
-var _LoyaltyTwoTone = _interopRequireDefault(require('./LoyaltyTwoTone'));
-var _LteMobiledata = _interopRequireDefault(require('./LteMobiledata'));
-var _LteMobiledataOutlined = _interopRequireDefault(require('./LteMobiledataOutlined'));
-var _LteMobiledataRounded = _interopRequireDefault(require('./LteMobiledataRounded'));
-var _LteMobiledataSharp = _interopRequireDefault(require('./LteMobiledataSharp'));
-var _LteMobiledataTwoTone = _interopRequireDefault(require('./LteMobiledataTwoTone'));
-var _LtePlusMobiledata = _interopRequireDefault(require('./LtePlusMobiledata'));
-var _LtePlusMobiledataOutlined = _interopRequireDefault(require('./LtePlusMobiledataOutlined'));
-var _LtePlusMobiledataRounded = _interopRequireDefault(require('./LtePlusMobiledataRounded'));
-var _LtePlusMobiledataSharp = _interopRequireDefault(require('./LtePlusMobiledataSharp'));
-var _LtePlusMobiledataTwoTone = _interopRequireDefault(require('./LtePlusMobiledataTwoTone'));
-var _Luggage = _interopRequireDefault(require('./Luggage'));
-var _LuggageOutlined = _interopRequireDefault(require('./LuggageOutlined'));
-var _LuggageRounded = _interopRequireDefault(require('./LuggageRounded'));
-var _LuggageSharp = _interopRequireDefault(require('./LuggageSharp'));
-var _LuggageTwoTone = _interopRequireDefault(require('./LuggageTwoTone'));
-var _LunchDining = _interopRequireDefault(require('./LunchDining'));
-var _LunchDiningOutlined = _interopRequireDefault(require('./LunchDiningOutlined'));
-var _LunchDiningRounded = _interopRequireDefault(require('./LunchDiningRounded'));
-var _LunchDiningSharp = _interopRequireDefault(require('./LunchDiningSharp'));
-var _LunchDiningTwoTone = _interopRequireDefault(require('./LunchDiningTwoTone'));
-var _Lyrics = _interopRequireDefault(require('./Lyrics'));
-var _LyricsOutlined = _interopRequireDefault(require('./LyricsOutlined'));
-var _LyricsRounded = _interopRequireDefault(require('./LyricsRounded'));
-var _LyricsSharp = _interopRequireDefault(require('./LyricsSharp'));
-var _LyricsTwoTone = _interopRequireDefault(require('./LyricsTwoTone'));
-var _MacroOff = _interopRequireDefault(require('./MacroOff'));
-var _MacroOffOutlined = _interopRequireDefault(require('./MacroOffOutlined'));
-var _MacroOffRounded = _interopRequireDefault(require('./MacroOffRounded'));
-var _MacroOffSharp = _interopRequireDefault(require('./MacroOffSharp'));
-var _MacroOffTwoTone = _interopRequireDefault(require('./MacroOffTwoTone'));
-var _Mail = _interopRequireDefault(require('./Mail'));
-var _MailLock = _interopRequireDefault(require('./MailLock'));
-var _MailLockOutlined = _interopRequireDefault(require('./MailLockOutlined'));
-var _MailLockRounded = _interopRequireDefault(require('./MailLockRounded'));
-var _MailLockSharp = _interopRequireDefault(require('./MailLockSharp'));
-var _MailLockTwoTone = _interopRequireDefault(require('./MailLockTwoTone'));
-var _MailOutline = _interopRequireDefault(require('./MailOutline'));
-var _MailOutlineOutlined = _interopRequireDefault(require('./MailOutlineOutlined'));
-var _MailOutlineRounded = _interopRequireDefault(require('./MailOutlineRounded'));
-var _MailOutlineSharp = _interopRequireDefault(require('./MailOutlineSharp'));
-var _MailOutlineTwoTone = _interopRequireDefault(require('./MailOutlineTwoTone'));
-var _MailOutlined = _interopRequireDefault(require('./MailOutlined'));
-var _MailRounded = _interopRequireDefault(require('./MailRounded'));
-var _MailSharp = _interopRequireDefault(require('./MailSharp'));
-var _MailTwoTone = _interopRequireDefault(require('./MailTwoTone'));
-var _Male = _interopRequireDefault(require('./Male'));
-var _MaleOutlined = _interopRequireDefault(require('./MaleOutlined'));
-var _MaleRounded = _interopRequireDefault(require('./MaleRounded'));
-var _MaleSharp = _interopRequireDefault(require('./MaleSharp'));
-var _MaleTwoTone = _interopRequireDefault(require('./MaleTwoTone'));
-var _Man = _interopRequireDefault(require('./Man'));
-var _Man2 = _interopRequireDefault(require('./Man2'));
-var _Man2Outlined = _interopRequireDefault(require('./Man2Outlined'));
-var _Man2Rounded = _interopRequireDefault(require('./Man2Rounded'));
-var _Man2Sharp = _interopRequireDefault(require('./Man2Sharp'));
-var _Man2TwoTone = _interopRequireDefault(require('./Man2TwoTone'));
-var _Man3 = _interopRequireDefault(require('./Man3'));
-var _Man3Outlined = _interopRequireDefault(require('./Man3Outlined'));
-var _Man3Rounded = _interopRequireDefault(require('./Man3Rounded'));
-var _Man3Sharp = _interopRequireDefault(require('./Man3Sharp'));
-var _Man3TwoTone = _interopRequireDefault(require('./Man3TwoTone'));
-var _Man4 = _interopRequireDefault(require('./Man4'));
-var _Man4Outlined = _interopRequireDefault(require('./Man4Outlined'));
-var _Man4Rounded = _interopRequireDefault(require('./Man4Rounded'));
-var _Man4Sharp = _interopRequireDefault(require('./Man4Sharp'));
-var _Man4TwoTone = _interopRequireDefault(require('./Man4TwoTone'));
-var _ManOutlined = _interopRequireDefault(require('./ManOutlined'));
-var _ManRounded = _interopRequireDefault(require('./ManRounded'));
-var _ManSharp = _interopRequireDefault(require('./ManSharp'));
-var _ManTwoTone = _interopRequireDefault(require('./ManTwoTone'));
-var _ManageAccounts = _interopRequireDefault(require('./ManageAccounts'));
-var _ManageAccountsOutlined = _interopRequireDefault(require('./ManageAccountsOutlined'));
-var _ManageAccountsRounded = _interopRequireDefault(require('./ManageAccountsRounded'));
-var _ManageAccountsSharp = _interopRequireDefault(require('./ManageAccountsSharp'));
-var _ManageAccountsTwoTone = _interopRequireDefault(require('./ManageAccountsTwoTone'));
-var _ManageHistory = _interopRequireDefault(require('./ManageHistory'));
-var _ManageHistoryOutlined = _interopRequireDefault(require('./ManageHistoryOutlined'));
-var _ManageHistoryRounded = _interopRequireDefault(require('./ManageHistoryRounded'));
-var _ManageHistorySharp = _interopRequireDefault(require('./ManageHistorySharp'));
-var _ManageHistoryTwoTone = _interopRequireDefault(require('./ManageHistoryTwoTone'));
-var _ManageSearch = _interopRequireDefault(require('./ManageSearch'));
-var _ManageSearchOutlined = _interopRequireDefault(require('./ManageSearchOutlined'));
-var _ManageSearchRounded = _interopRequireDefault(require('./ManageSearchRounded'));
-var _ManageSearchSharp = _interopRequireDefault(require('./ManageSearchSharp'));
-var _ManageSearchTwoTone = _interopRequireDefault(require('./ManageSearchTwoTone'));
-var _Map = _interopRequireDefault(require('./Map'));
-var _MapOutlined = _interopRequireDefault(require('./MapOutlined'));
-var _MapRounded = _interopRequireDefault(require('./MapRounded'));
-var _MapSharp = _interopRequireDefault(require('./MapSharp'));
-var _MapTwoTone = _interopRequireDefault(require('./MapTwoTone'));
-var _MapsHomeWork = _interopRequireDefault(require('./MapsHomeWork'));
-var _MapsHomeWorkOutlined = _interopRequireDefault(require('./MapsHomeWorkOutlined'));
-var _MapsHomeWorkRounded = _interopRequireDefault(require('./MapsHomeWorkRounded'));
-var _MapsHomeWorkSharp = _interopRequireDefault(require('./MapsHomeWorkSharp'));
-var _MapsHomeWorkTwoTone = _interopRequireDefault(require('./MapsHomeWorkTwoTone'));
-var _MapsUgc = _interopRequireDefault(require('./MapsUgc'));
-var _MapsUgcOutlined = _interopRequireDefault(require('./MapsUgcOutlined'));
-var _MapsUgcRounded = _interopRequireDefault(require('./MapsUgcRounded'));
-var _MapsUgcSharp = _interopRequireDefault(require('./MapsUgcSharp'));
-var _MapsUgcTwoTone = _interopRequireDefault(require('./MapsUgcTwoTone'));
-var _Margin = _interopRequireDefault(require('./Margin'));
-var _MarginOutlined = _interopRequireDefault(require('./MarginOutlined'));
-var _MarginRounded = _interopRequireDefault(require('./MarginRounded'));
-var _MarginSharp = _interopRequireDefault(require('./MarginSharp'));
-var _MarginTwoTone = _interopRequireDefault(require('./MarginTwoTone'));
-var _MarkAsUnread = _interopRequireDefault(require('./MarkAsUnread'));
-var _MarkAsUnreadOutlined = _interopRequireDefault(require('./MarkAsUnreadOutlined'));
-var _MarkAsUnreadRounded = _interopRequireDefault(require('./MarkAsUnreadRounded'));
-var _MarkAsUnreadSharp = _interopRequireDefault(require('./MarkAsUnreadSharp'));
-var _MarkAsUnreadTwoTone = _interopRequireDefault(require('./MarkAsUnreadTwoTone'));
-var _MarkChatRead = _interopRequireDefault(require('./MarkChatRead'));
-var _MarkChatReadOutlined = _interopRequireDefault(require('./MarkChatReadOutlined'));
-var _MarkChatReadRounded = _interopRequireDefault(require('./MarkChatReadRounded'));
-var _MarkChatReadSharp = _interopRequireDefault(require('./MarkChatReadSharp'));
-var _MarkChatReadTwoTone = _interopRequireDefault(require('./MarkChatReadTwoTone'));
-var _MarkChatUnread = _interopRequireDefault(require('./MarkChatUnread'));
-var _MarkChatUnreadOutlined = _interopRequireDefault(require('./MarkChatUnreadOutlined'));
-var _MarkChatUnreadRounded = _interopRequireDefault(require('./MarkChatUnreadRounded'));
-var _MarkChatUnreadSharp = _interopRequireDefault(require('./MarkChatUnreadSharp'));
-var _MarkChatUnreadTwoTone = _interopRequireDefault(require('./MarkChatUnreadTwoTone'));
-var _MarkEmailRead = _interopRequireDefault(require('./MarkEmailRead'));
-var _MarkEmailReadOutlined = _interopRequireDefault(require('./MarkEmailReadOutlined'));
-var _MarkEmailReadRounded = _interopRequireDefault(require('./MarkEmailReadRounded'));
-var _MarkEmailReadSharp = _interopRequireDefault(require('./MarkEmailReadSharp'));
-var _MarkEmailReadTwoTone = _interopRequireDefault(require('./MarkEmailReadTwoTone'));
-var _MarkEmailUnread = _interopRequireDefault(require('./MarkEmailUnread'));
-var _MarkEmailUnreadOutlined = _interopRequireDefault(require('./MarkEmailUnreadOutlined'));
-var _MarkEmailUnreadRounded = _interopRequireDefault(require('./MarkEmailUnreadRounded'));
-var _MarkEmailUnreadSharp = _interopRequireDefault(require('./MarkEmailUnreadSharp'));
-var _MarkEmailUnreadTwoTone = _interopRequireDefault(require('./MarkEmailUnreadTwoTone'));
-var _MarkUnreadChatAlt = _interopRequireDefault(require('./MarkUnreadChatAlt'));
-var _MarkUnreadChatAltOutlined = _interopRequireDefault(require('./MarkUnreadChatAltOutlined'));
-var _MarkUnreadChatAltRounded = _interopRequireDefault(require('./MarkUnreadChatAltRounded'));
-var _MarkUnreadChatAltSharp = _interopRequireDefault(require('./MarkUnreadChatAltSharp'));
-var _MarkUnreadChatAltTwoTone = _interopRequireDefault(require('./MarkUnreadChatAltTwoTone'));
-var _Markunread = _interopRequireDefault(require('./Markunread'));
-var _MarkunreadMailbox = _interopRequireDefault(require('./MarkunreadMailbox'));
-var _MarkunreadMailboxOutlined = _interopRequireDefault(require('./MarkunreadMailboxOutlined'));
-var _MarkunreadMailboxRounded = _interopRequireDefault(require('./MarkunreadMailboxRounded'));
-var _MarkunreadMailboxSharp = _interopRequireDefault(require('./MarkunreadMailboxSharp'));
-var _MarkunreadMailboxTwoTone = _interopRequireDefault(require('./MarkunreadMailboxTwoTone'));
-var _MarkunreadOutlined = _interopRequireDefault(require('./MarkunreadOutlined'));
-var _MarkunreadRounded = _interopRequireDefault(require('./MarkunreadRounded'));
-var _MarkunreadSharp = _interopRequireDefault(require('./MarkunreadSharp'));
-var _MarkunreadTwoTone = _interopRequireDefault(require('./MarkunreadTwoTone'));
-var _Masks = _interopRequireDefault(require('./Masks'));
-var _MasksOutlined = _interopRequireDefault(require('./MasksOutlined'));
-var _MasksRounded = _interopRequireDefault(require('./MasksRounded'));
-var _MasksSharp = _interopRequireDefault(require('./MasksSharp'));
-var _MasksTwoTone = _interopRequireDefault(require('./MasksTwoTone'));
-var _Maximize = _interopRequireDefault(require('./Maximize'));
-var _MaximizeOutlined = _interopRequireDefault(require('./MaximizeOutlined'));
-var _MaximizeRounded = _interopRequireDefault(require('./MaximizeRounded'));
-var _MaximizeSharp = _interopRequireDefault(require('./MaximizeSharp'));
-var _MaximizeTwoTone = _interopRequireDefault(require('./MaximizeTwoTone'));
-var _MediaBluetoothOff = _interopRequireDefault(require('./MediaBluetoothOff'));
-var _MediaBluetoothOffOutlined = _interopRequireDefault(require('./MediaBluetoothOffOutlined'));
-var _MediaBluetoothOffRounded = _interopRequireDefault(require('./MediaBluetoothOffRounded'));
-var _MediaBluetoothOffSharp = _interopRequireDefault(require('./MediaBluetoothOffSharp'));
-var _MediaBluetoothOffTwoTone = _interopRequireDefault(require('./MediaBluetoothOffTwoTone'));
-var _MediaBluetoothOn = _interopRequireDefault(require('./MediaBluetoothOn'));
-var _MediaBluetoothOnOutlined = _interopRequireDefault(require('./MediaBluetoothOnOutlined'));
-var _MediaBluetoothOnRounded = _interopRequireDefault(require('./MediaBluetoothOnRounded'));
-var _MediaBluetoothOnSharp = _interopRequireDefault(require('./MediaBluetoothOnSharp'));
-var _MediaBluetoothOnTwoTone = _interopRequireDefault(require('./MediaBluetoothOnTwoTone'));
-var _Mediation = _interopRequireDefault(require('./Mediation'));
-var _MediationOutlined = _interopRequireDefault(require('./MediationOutlined'));
-var _MediationRounded = _interopRequireDefault(require('./MediationRounded'));
-var _MediationSharp = _interopRequireDefault(require('./MediationSharp'));
-var _MediationTwoTone = _interopRequireDefault(require('./MediationTwoTone'));
-var _MedicalInformation = _interopRequireDefault(require('./MedicalInformation'));
-var _MedicalInformationOutlined = _interopRequireDefault(require('./MedicalInformationOutlined'));
-var _MedicalInformationRounded = _interopRequireDefault(require('./MedicalInformationRounded'));
-var _MedicalInformationSharp = _interopRequireDefault(require('./MedicalInformationSharp'));
-var _MedicalInformationTwoTone = _interopRequireDefault(require('./MedicalInformationTwoTone'));
-var _MedicalServices = _interopRequireDefault(require('./MedicalServices'));
-var _MedicalServicesOutlined = _interopRequireDefault(require('./MedicalServicesOutlined'));
-var _MedicalServicesRounded = _interopRequireDefault(require('./MedicalServicesRounded'));
-var _MedicalServicesSharp = _interopRequireDefault(require('./MedicalServicesSharp'));
-var _MedicalServicesTwoTone = _interopRequireDefault(require('./MedicalServicesTwoTone'));
-var _Medication = _interopRequireDefault(require('./Medication'));
-var _MedicationLiquid = _interopRequireDefault(require('./MedicationLiquid'));
-var _MedicationLiquidOutlined = _interopRequireDefault(require('./MedicationLiquidOutlined'));
-var _MedicationLiquidRounded = _interopRequireDefault(require('./MedicationLiquidRounded'));
-var _MedicationLiquidSharp = _interopRequireDefault(require('./MedicationLiquidSharp'));
-var _MedicationLiquidTwoTone = _interopRequireDefault(require('./MedicationLiquidTwoTone'));
-var _MedicationOutlined = _interopRequireDefault(require('./MedicationOutlined'));
-var _MedicationRounded = _interopRequireDefault(require('./MedicationRounded'));
-var _MedicationSharp = _interopRequireDefault(require('./MedicationSharp'));
-var _MedicationTwoTone = _interopRequireDefault(require('./MedicationTwoTone'));
-var _MeetingRoom = _interopRequireDefault(require('./MeetingRoom'));
-var _MeetingRoomOutlined = _interopRequireDefault(require('./MeetingRoomOutlined'));
-var _MeetingRoomRounded = _interopRequireDefault(require('./MeetingRoomRounded'));
-var _MeetingRoomSharp = _interopRequireDefault(require('./MeetingRoomSharp'));
-var _MeetingRoomTwoTone = _interopRequireDefault(require('./MeetingRoomTwoTone'));
-var _Memory = _interopRequireDefault(require('./Memory'));
-var _MemoryOutlined = _interopRequireDefault(require('./MemoryOutlined'));
-var _MemoryRounded = _interopRequireDefault(require('./MemoryRounded'));
-var _MemorySharp = _interopRequireDefault(require('./MemorySharp'));
-var _MemoryTwoTone = _interopRequireDefault(require('./MemoryTwoTone'));
-var _Menu = _interopRequireDefault(require('./Menu'));
-var _MenuBook = _interopRequireDefault(require('./MenuBook'));
-var _MenuBookOutlined = _interopRequireDefault(require('./MenuBookOutlined'));
-var _MenuBookRounded = _interopRequireDefault(require('./MenuBookRounded'));
-var _MenuBookSharp = _interopRequireDefault(require('./MenuBookSharp'));
-var _MenuBookTwoTone = _interopRequireDefault(require('./MenuBookTwoTone'));
-var _MenuOpen = _interopRequireDefault(require('./MenuOpen'));
-var _MenuOpenOutlined = _interopRequireDefault(require('./MenuOpenOutlined'));
-var _MenuOpenRounded = _interopRequireDefault(require('./MenuOpenRounded'));
-var _MenuOpenSharp = _interopRequireDefault(require('./MenuOpenSharp'));
-var _MenuOpenTwoTone = _interopRequireDefault(require('./MenuOpenTwoTone'));
-var _MenuOutlined = _interopRequireDefault(require('./MenuOutlined'));
-var _MenuRounded = _interopRequireDefault(require('./MenuRounded'));
-var _MenuSharp = _interopRequireDefault(require('./MenuSharp'));
-var _MenuTwoTone = _interopRequireDefault(require('./MenuTwoTone'));
-var _Merge = _interopRequireDefault(require('./Merge'));
-var _MergeOutlined = _interopRequireDefault(require('./MergeOutlined'));
-var _MergeRounded = _interopRequireDefault(require('./MergeRounded'));
-var _MergeSharp = _interopRequireDefault(require('./MergeSharp'));
-var _MergeTwoTone = _interopRequireDefault(require('./MergeTwoTone'));
-var _MergeType = _interopRequireDefault(require('./MergeType'));
-var _MergeTypeOutlined = _interopRequireDefault(require('./MergeTypeOutlined'));
-var _MergeTypeRounded = _interopRequireDefault(require('./MergeTypeRounded'));
-var _MergeTypeSharp = _interopRequireDefault(require('./MergeTypeSharp'));
-var _MergeTypeTwoTone = _interopRequireDefault(require('./MergeTypeTwoTone'));
-var _Message = _interopRequireDefault(require('./Message'));
-var _MessageOutlined = _interopRequireDefault(require('./MessageOutlined'));
-var _MessageRounded = _interopRequireDefault(require('./MessageRounded'));
-var _MessageSharp = _interopRequireDefault(require('./MessageSharp'));
-var _MessageTwoTone = _interopRequireDefault(require('./MessageTwoTone'));
-var _Mic = _interopRequireDefault(require('./Mic'));
-var _MicExternalOff = _interopRequireDefault(require('./MicExternalOff'));
-var _MicExternalOffOutlined = _interopRequireDefault(require('./MicExternalOffOutlined'));
-var _MicExternalOffRounded = _interopRequireDefault(require('./MicExternalOffRounded'));
-var _MicExternalOffSharp = _interopRequireDefault(require('./MicExternalOffSharp'));
-var _MicExternalOffTwoTone = _interopRequireDefault(require('./MicExternalOffTwoTone'));
-var _MicExternalOn = _interopRequireDefault(require('./MicExternalOn'));
-var _MicExternalOnOutlined = _interopRequireDefault(require('./MicExternalOnOutlined'));
-var _MicExternalOnRounded = _interopRequireDefault(require('./MicExternalOnRounded'));
-var _MicExternalOnSharp = _interopRequireDefault(require('./MicExternalOnSharp'));
-var _MicExternalOnTwoTone = _interopRequireDefault(require('./MicExternalOnTwoTone'));
-var _MicNone = _interopRequireDefault(require('./MicNone'));
-var _MicNoneOutlined = _interopRequireDefault(require('./MicNoneOutlined'));
-var _MicNoneRounded = _interopRequireDefault(require('./MicNoneRounded'));
-var _MicNoneSharp = _interopRequireDefault(require('./MicNoneSharp'));
-var _MicNoneTwoTone = _interopRequireDefault(require('./MicNoneTwoTone'));
-var _MicOff = _interopRequireDefault(require('./MicOff'));
-var _MicOffOutlined = _interopRequireDefault(require('./MicOffOutlined'));
-var _MicOffRounded = _interopRequireDefault(require('./MicOffRounded'));
-var _MicOffSharp = _interopRequireDefault(require('./MicOffSharp'));
-var _MicOffTwoTone = _interopRequireDefault(require('./MicOffTwoTone'));
-var _MicOutlined = _interopRequireDefault(require('./MicOutlined'));
-var _MicRounded = _interopRequireDefault(require('./MicRounded'));
-var _MicSharp = _interopRequireDefault(require('./MicSharp'));
-var _MicTwoTone = _interopRequireDefault(require('./MicTwoTone'));
-var _Microsoft = _interopRequireDefault(require('./Microsoft'));
-var _Microwave = _interopRequireDefault(require('./Microwave'));
-var _MicrowaveOutlined = _interopRequireDefault(require('./MicrowaveOutlined'));
-var _MicrowaveRounded = _interopRequireDefault(require('./MicrowaveRounded'));
-var _MicrowaveSharp = _interopRequireDefault(require('./MicrowaveSharp'));
-var _MicrowaveTwoTone = _interopRequireDefault(require('./MicrowaveTwoTone'));
-var _MilitaryTech = _interopRequireDefault(require('./MilitaryTech'));
-var _MilitaryTechOutlined = _interopRequireDefault(require('./MilitaryTechOutlined'));
-var _MilitaryTechRounded = _interopRequireDefault(require('./MilitaryTechRounded'));
-var _MilitaryTechSharp = _interopRequireDefault(require('./MilitaryTechSharp'));
-var _MilitaryTechTwoTone = _interopRequireDefault(require('./MilitaryTechTwoTone'));
-var _Minimize = _interopRequireDefault(require('./Minimize'));
-var _MinimizeOutlined = _interopRequireDefault(require('./MinimizeOutlined'));
-var _MinimizeRounded = _interopRequireDefault(require('./MinimizeRounded'));
-var _MinimizeSharp = _interopRequireDefault(require('./MinimizeSharp'));
-var _MinimizeTwoTone = _interopRequireDefault(require('./MinimizeTwoTone'));
-var _MinorCrash = _interopRequireDefault(require('./MinorCrash'));
-var _MinorCrashOutlined = _interopRequireDefault(require('./MinorCrashOutlined'));
-var _MinorCrashRounded = _interopRequireDefault(require('./MinorCrashRounded'));
-var _MinorCrashSharp = _interopRequireDefault(require('./MinorCrashSharp'));
-var _MinorCrashTwoTone = _interopRequireDefault(require('./MinorCrashTwoTone'));
-var _MiscellaneousServices = _interopRequireDefault(require('./MiscellaneousServices'));
-var _MiscellaneousServicesOutlined = _interopRequireDefault(
-  require('./MiscellaneousServicesOutlined'),
-);
-var _MiscellaneousServicesRounded = _interopRequireDefault(
-  require('./MiscellaneousServicesRounded'),
-);
-var _MiscellaneousServicesSharp = _interopRequireDefault(require('./MiscellaneousServicesSharp'));
-var _MiscellaneousServicesTwoTone = _interopRequireDefault(
-  require('./MiscellaneousServicesTwoTone'),
-);
-var _MissedVideoCall = _interopRequireDefault(require('./MissedVideoCall'));
-var _MissedVideoCallOutlined = _interopRequireDefault(require('./MissedVideoCallOutlined'));
-var _MissedVideoCallRounded = _interopRequireDefault(require('./MissedVideoCallRounded'));
-var _MissedVideoCallSharp = _interopRequireDefault(require('./MissedVideoCallSharp'));
-var _MissedVideoCallTwoTone = _interopRequireDefault(require('./MissedVideoCallTwoTone'));
-var _Mms = _interopRequireDefault(require('./Mms'));
-var _MmsOutlined = _interopRequireDefault(require('./MmsOutlined'));
-var _MmsRounded = _interopRequireDefault(require('./MmsRounded'));
-var _MmsSharp = _interopRequireDefault(require('./MmsSharp'));
-var _MmsTwoTone = _interopRequireDefault(require('./MmsTwoTone'));
-var _MobileFriendly = _interopRequireDefault(require('./MobileFriendly'));
-var _MobileFriendlyOutlined = _interopRequireDefault(require('./MobileFriendlyOutlined'));
-var _MobileFriendlyRounded = _interopRequireDefault(require('./MobileFriendlyRounded'));
-var _MobileFriendlySharp = _interopRequireDefault(require('./MobileFriendlySharp'));
-var _MobileFriendlyTwoTone = _interopRequireDefault(require('./MobileFriendlyTwoTone'));
-var _MobileOff = _interopRequireDefault(require('./MobileOff'));
-var _MobileOffOutlined = _interopRequireDefault(require('./MobileOffOutlined'));
-var _MobileOffRounded = _interopRequireDefault(require('./MobileOffRounded'));
-var _MobileOffSharp = _interopRequireDefault(require('./MobileOffSharp'));
-var _MobileOffTwoTone = _interopRequireDefault(require('./MobileOffTwoTone'));
-var _MobileScreenShare = _interopRequireDefault(require('./MobileScreenShare'));
-var _MobileScreenShareOutlined = _interopRequireDefault(require('./MobileScreenShareOutlined'));
-var _MobileScreenShareRounded = _interopRequireDefault(require('./MobileScreenShareRounded'));
-var _MobileScreenShareSharp = _interopRequireDefault(require('./MobileScreenShareSharp'));
-var _MobileScreenShareTwoTone = _interopRequireDefault(require('./MobileScreenShareTwoTone'));
-var _MobiledataOff = _interopRequireDefault(require('./MobiledataOff'));
-var _MobiledataOffOutlined = _interopRequireDefault(require('./MobiledataOffOutlined'));
-var _MobiledataOffRounded = _interopRequireDefault(require('./MobiledataOffRounded'));
-var _MobiledataOffSharp = _interopRequireDefault(require('./MobiledataOffSharp'));
-var _MobiledataOffTwoTone = _interopRequireDefault(require('./MobiledataOffTwoTone'));
-var _Mode = _interopRequireDefault(require('./Mode'));
-var _ModeComment = _interopRequireDefault(require('./ModeComment'));
-var _ModeCommentOutlined = _interopRequireDefault(require('./ModeCommentOutlined'));
-var _ModeCommentRounded = _interopRequireDefault(require('./ModeCommentRounded'));
-var _ModeCommentSharp = _interopRequireDefault(require('./ModeCommentSharp'));
-var _ModeCommentTwoTone = _interopRequireDefault(require('./ModeCommentTwoTone'));
-var _ModeEdit = _interopRequireDefault(require('./ModeEdit'));
-var _ModeEditOutline = _interopRequireDefault(require('./ModeEditOutline'));
-var _ModeEditOutlineOutlined = _interopRequireDefault(require('./ModeEditOutlineOutlined'));
-var _ModeEditOutlineRounded = _interopRequireDefault(require('./ModeEditOutlineRounded'));
-var _ModeEditOutlineSharp = _interopRequireDefault(require('./ModeEditOutlineSharp'));
-var _ModeEditOutlineTwoTone = _interopRequireDefault(require('./ModeEditOutlineTwoTone'));
-var _ModeEditOutlined = _interopRequireDefault(require('./ModeEditOutlined'));
-var _ModeEditRounded = _interopRequireDefault(require('./ModeEditRounded'));
-var _ModeEditSharp = _interopRequireDefault(require('./ModeEditSharp'));
-var _ModeEditTwoTone = _interopRequireDefault(require('./ModeEditTwoTone'));
-var _ModeFanOff = _interopRequireDefault(require('./ModeFanOff'));
-var _ModeFanOffOutlined = _interopRequireDefault(require('./ModeFanOffOutlined'));
-var _ModeFanOffRounded = _interopRequireDefault(require('./ModeFanOffRounded'));
-var _ModeFanOffSharp = _interopRequireDefault(require('./ModeFanOffSharp'));
-var _ModeFanOffTwoTone = _interopRequireDefault(require('./ModeFanOffTwoTone'));
-var _ModeNight = _interopRequireDefault(require('./ModeNight'));
-var _ModeNightOutlined = _interopRequireDefault(require('./ModeNightOutlined'));
-var _ModeNightRounded = _interopRequireDefault(require('./ModeNightRounded'));
-var _ModeNightSharp = _interopRequireDefault(require('./ModeNightSharp'));
-var _ModeNightTwoTone = _interopRequireDefault(require('./ModeNightTwoTone'));
-var _ModeOfTravel = _interopRequireDefault(require('./ModeOfTravel'));
-var _ModeOfTravelOutlined = _interopRequireDefault(require('./ModeOfTravelOutlined'));
-var _ModeOfTravelRounded = _interopRequireDefault(require('./ModeOfTravelRounded'));
-var _ModeOfTravelSharp = _interopRequireDefault(require('./ModeOfTravelSharp'));
-var _ModeOfTravelTwoTone = _interopRequireDefault(require('./ModeOfTravelTwoTone'));
-var _ModeOutlined = _interopRequireDefault(require('./ModeOutlined'));
-var _ModeRounded = _interopRequireDefault(require('./ModeRounded'));
-var _ModeSharp = _interopRequireDefault(require('./ModeSharp'));
-var _ModeStandby = _interopRequireDefault(require('./ModeStandby'));
-var _ModeStandbyOutlined = _interopRequireDefault(require('./ModeStandbyOutlined'));
-var _ModeStandbyRounded = _interopRequireDefault(require('./ModeStandbyRounded'));
-var _ModeStandbySharp = _interopRequireDefault(require('./ModeStandbySharp'));
-var _ModeStandbyTwoTone = _interopRequireDefault(require('./ModeStandbyTwoTone'));
-var _ModeTwoTone = _interopRequireDefault(require('./ModeTwoTone'));
-var _ModelTraining = _interopRequireDefault(require('./ModelTraining'));
-var _ModelTrainingOutlined = _interopRequireDefault(require('./ModelTrainingOutlined'));
-var _ModelTrainingRounded = _interopRequireDefault(require('./ModelTrainingRounded'));
-var _ModelTrainingSharp = _interopRequireDefault(require('./ModelTrainingSharp'));
-var _ModelTrainingTwoTone = _interopRequireDefault(require('./ModelTrainingTwoTone'));
-var _MonetizationOn = _interopRequireDefault(require('./MonetizationOn'));
-var _MonetizationOnOutlined = _interopRequireDefault(require('./MonetizationOnOutlined'));
-var _MonetizationOnRounded = _interopRequireDefault(require('./MonetizationOnRounded'));
-var _MonetizationOnSharp = _interopRequireDefault(require('./MonetizationOnSharp'));
-var _MonetizationOnTwoTone = _interopRequireDefault(require('./MonetizationOnTwoTone'));
-var _Money = _interopRequireDefault(require('./Money'));
-var _MoneyOff = _interopRequireDefault(require('./MoneyOff'));
-var _MoneyOffCsred = _interopRequireDefault(require('./MoneyOffCsred'));
-var _MoneyOffCsredOutlined = _interopRequireDefault(require('./MoneyOffCsredOutlined'));
-var _MoneyOffCsredRounded = _interopRequireDefault(require('./MoneyOffCsredRounded'));
-var _MoneyOffCsredSharp = _interopRequireDefault(require('./MoneyOffCsredSharp'));
-var _MoneyOffCsredTwoTone = _interopRequireDefault(require('./MoneyOffCsredTwoTone'));
-var _MoneyOffOutlined = _interopRequireDefault(require('./MoneyOffOutlined'));
-var _MoneyOffRounded = _interopRequireDefault(require('./MoneyOffRounded'));
-var _MoneyOffSharp = _interopRequireDefault(require('./MoneyOffSharp'));
-var _MoneyOffTwoTone = _interopRequireDefault(require('./MoneyOffTwoTone'));
-var _MoneyOutlined = _interopRequireDefault(require('./MoneyOutlined'));
-var _MoneyRounded = _interopRequireDefault(require('./MoneyRounded'));
-var _MoneySharp = _interopRequireDefault(require('./MoneySharp'));
-var _MoneyTwoTone = _interopRequireDefault(require('./MoneyTwoTone'));
-var _Monitor = _interopRequireDefault(require('./Monitor'));
-var _MonitorHeart = _interopRequireDefault(require('./MonitorHeart'));
-var _MonitorHeartOutlined = _interopRequireDefault(require('./MonitorHeartOutlined'));
-var _MonitorHeartRounded = _interopRequireDefault(require('./MonitorHeartRounded'));
-var _MonitorHeartSharp = _interopRequireDefault(require('./MonitorHeartSharp'));
-var _MonitorHeartTwoTone = _interopRequireDefault(require('./MonitorHeartTwoTone'));
-var _MonitorOutlined = _interopRequireDefault(require('./MonitorOutlined'));
-var _MonitorRounded = _interopRequireDefault(require('./MonitorRounded'));
-var _MonitorSharp = _interopRequireDefault(require('./MonitorSharp'));
-var _MonitorTwoTone = _interopRequireDefault(require('./MonitorTwoTone'));
-var _MonitorWeight = _interopRequireDefault(require('./MonitorWeight'));
-var _MonitorWeightOutlined = _interopRequireDefault(require('./MonitorWeightOutlined'));
-var _MonitorWeightRounded = _interopRequireDefault(require('./MonitorWeightRounded'));
-var _MonitorWeightSharp = _interopRequireDefault(require('./MonitorWeightSharp'));
-var _MonitorWeightTwoTone = _interopRequireDefault(require('./MonitorWeightTwoTone'));
-var _MonochromePhotos = _interopRequireDefault(require('./MonochromePhotos'));
-var _MonochromePhotosOutlined = _interopRequireDefault(require('./MonochromePhotosOutlined'));
-var _MonochromePhotosRounded = _interopRequireDefault(require('./MonochromePhotosRounded'));
-var _MonochromePhotosSharp = _interopRequireDefault(require('./MonochromePhotosSharp'));
-var _MonochromePhotosTwoTone = _interopRequireDefault(require('./MonochromePhotosTwoTone'));
-var _Mood = _interopRequireDefault(require('./Mood'));
-var _MoodBad = _interopRequireDefault(require('./MoodBad'));
-var _MoodBadOutlined = _interopRequireDefault(require('./MoodBadOutlined'));
-var _MoodBadRounded = _interopRequireDefault(require('./MoodBadRounded'));
-var _MoodBadSharp = _interopRequireDefault(require('./MoodBadSharp'));
-var _MoodBadTwoTone = _interopRequireDefault(require('./MoodBadTwoTone'));
-var _MoodOutlined = _interopRequireDefault(require('./MoodOutlined'));
-var _MoodRounded = _interopRequireDefault(require('./MoodRounded'));
-var _MoodSharp = _interopRequireDefault(require('./MoodSharp'));
-var _MoodTwoTone = _interopRequireDefault(require('./MoodTwoTone'));
-var _Moped = _interopRequireDefault(require('./Moped'));
-var _MopedOutlined = _interopRequireDefault(require('./MopedOutlined'));
-var _MopedRounded = _interopRequireDefault(require('./MopedRounded'));
-var _MopedSharp = _interopRequireDefault(require('./MopedSharp'));
-var _MopedTwoTone = _interopRequireDefault(require('./MopedTwoTone'));
-var _More = _interopRequireDefault(require('./More'));
-var _MoreHoriz = _interopRequireDefault(require('./MoreHoriz'));
-var _MoreHorizOutlined = _interopRequireDefault(require('./MoreHorizOutlined'));
-var _MoreHorizRounded = _interopRequireDefault(require('./MoreHorizRounded'));
-var _MoreHorizSharp = _interopRequireDefault(require('./MoreHorizSharp'));
-var _MoreHorizTwoTone = _interopRequireDefault(require('./MoreHorizTwoTone'));
-var _MoreOutlined = _interopRequireDefault(require('./MoreOutlined'));
-var _MoreRounded = _interopRequireDefault(require('./MoreRounded'));
-var _MoreSharp = _interopRequireDefault(require('./MoreSharp'));
-var _MoreTime = _interopRequireDefault(require('./MoreTime'));
-var _MoreTimeOutlined = _interopRequireDefault(require('./MoreTimeOutlined'));
-var _MoreTimeRounded = _interopRequireDefault(require('./MoreTimeRounded'));
-var _MoreTimeSharp = _interopRequireDefault(require('./MoreTimeSharp'));
-var _MoreTimeTwoTone = _interopRequireDefault(require('./MoreTimeTwoTone'));
-var _MoreTwoTone = _interopRequireDefault(require('./MoreTwoTone'));
-var _MoreVert = _interopRequireDefault(require('./MoreVert'));
-var _MoreVertOutlined = _interopRequireDefault(require('./MoreVertOutlined'));
-var _MoreVertRounded = _interopRequireDefault(require('./MoreVertRounded'));
-var _MoreVertSharp = _interopRequireDefault(require('./MoreVertSharp'));
-var _MoreVertTwoTone = _interopRequireDefault(require('./MoreVertTwoTone'));
-var _Mosque = _interopRequireDefault(require('./Mosque'));
-var _MosqueOutlined = _interopRequireDefault(require('./MosqueOutlined'));
-var _MosqueRounded = _interopRequireDefault(require('./MosqueRounded'));
-var _MosqueSharp = _interopRequireDefault(require('./MosqueSharp'));
-var _MosqueTwoTone = _interopRequireDefault(require('./MosqueTwoTone'));
-var _MotionPhotosAuto = _interopRequireDefault(require('./MotionPhotosAuto'));
-var _MotionPhotosAutoOutlined = _interopRequireDefault(require('./MotionPhotosAutoOutlined'));
-var _MotionPhotosAutoRounded = _interopRequireDefault(require('./MotionPhotosAutoRounded'));
-var _MotionPhotosAutoSharp = _interopRequireDefault(require('./MotionPhotosAutoSharp'));
-var _MotionPhotosAutoTwoTone = _interopRequireDefault(require('./MotionPhotosAutoTwoTone'));
-var _MotionPhotosOff = _interopRequireDefault(require('./MotionPhotosOff'));
-var _MotionPhotosOffOutlined = _interopRequireDefault(require('./MotionPhotosOffOutlined'));
-var _MotionPhotosOffRounded = _interopRequireDefault(require('./MotionPhotosOffRounded'));
-var _MotionPhotosOffSharp = _interopRequireDefault(require('./MotionPhotosOffSharp'));
-var _MotionPhotosOffTwoTone = _interopRequireDefault(require('./MotionPhotosOffTwoTone'));
-var _Mouse = _interopRequireDefault(require('./Mouse'));
-var _MouseOutlined = _interopRequireDefault(require('./MouseOutlined'));
-var _MouseRounded = _interopRequireDefault(require('./MouseRounded'));
-var _MouseSharp = _interopRequireDefault(require('./MouseSharp'));
-var _MouseTwoTone = _interopRequireDefault(require('./MouseTwoTone'));
-var _MoveDown = _interopRequireDefault(require('./MoveDown'));
-var _MoveDownOutlined = _interopRequireDefault(require('./MoveDownOutlined'));
-var _MoveDownRounded = _interopRequireDefault(require('./MoveDownRounded'));
-var _MoveDownSharp = _interopRequireDefault(require('./MoveDownSharp'));
-var _MoveDownTwoTone = _interopRequireDefault(require('./MoveDownTwoTone'));
-var _MoveToInbox = _interopRequireDefault(require('./MoveToInbox'));
-var _MoveToInboxOutlined = _interopRequireDefault(require('./MoveToInboxOutlined'));
-var _MoveToInboxRounded = _interopRequireDefault(require('./MoveToInboxRounded'));
-var _MoveToInboxSharp = _interopRequireDefault(require('./MoveToInboxSharp'));
-var _MoveToInboxTwoTone = _interopRequireDefault(require('./MoveToInboxTwoTone'));
-var _MoveUp = _interopRequireDefault(require('./MoveUp'));
-var _MoveUpOutlined = _interopRequireDefault(require('./MoveUpOutlined'));
-var _MoveUpRounded = _interopRequireDefault(require('./MoveUpRounded'));
-var _MoveUpSharp = _interopRequireDefault(require('./MoveUpSharp'));
-var _MoveUpTwoTone = _interopRequireDefault(require('./MoveUpTwoTone'));
-var _Movie = _interopRequireDefault(require('./Movie'));
-var _MovieCreation = _interopRequireDefault(require('./MovieCreation'));
-var _MovieCreationOutlined = _interopRequireDefault(require('./MovieCreationOutlined'));
-var _MovieCreationRounded = _interopRequireDefault(require('./MovieCreationRounded'));
-var _MovieCreationSharp = _interopRequireDefault(require('./MovieCreationSharp'));
-var _MovieCreationTwoTone = _interopRequireDefault(require('./MovieCreationTwoTone'));
-var _MovieFilter = _interopRequireDefault(require('./MovieFilter'));
-var _MovieFilterOutlined = _interopRequireDefault(require('./MovieFilterOutlined'));
-var _MovieFilterRounded = _interopRequireDefault(require('./MovieFilterRounded'));
-var _MovieFilterSharp = _interopRequireDefault(require('./MovieFilterSharp'));
-var _MovieFilterTwoTone = _interopRequireDefault(require('./MovieFilterTwoTone'));
-var _MovieOutlined = _interopRequireDefault(require('./MovieOutlined'));
-var _MovieRounded = _interopRequireDefault(require('./MovieRounded'));
-var _MovieSharp = _interopRequireDefault(require('./MovieSharp'));
-var _MovieTwoTone = _interopRequireDefault(require('./MovieTwoTone'));
-var _Moving = _interopRequireDefault(require('./Moving'));
-var _MovingOutlined = _interopRequireDefault(require('./MovingOutlined'));
-var _MovingRounded = _interopRequireDefault(require('./MovingRounded'));
-var _MovingSharp = _interopRequireDefault(require('./MovingSharp'));
-var _MovingTwoTone = _interopRequireDefault(require('./MovingTwoTone'));
-var _Mp = _interopRequireDefault(require('./Mp'));
-var _MpOutlined = _interopRequireDefault(require('./MpOutlined'));
-var _MpRounded = _interopRequireDefault(require('./MpRounded'));
-var _MpSharp = _interopRequireDefault(require('./MpSharp'));
-var _MpTwoTone = _interopRequireDefault(require('./MpTwoTone'));
-var _MultilineChart = _interopRequireDefault(require('./MultilineChart'));
-var _MultilineChartOutlined = _interopRequireDefault(require('./MultilineChartOutlined'));
-var _MultilineChartRounded = _interopRequireDefault(require('./MultilineChartRounded'));
-var _MultilineChartSharp = _interopRequireDefault(require('./MultilineChartSharp'));
-var _MultilineChartTwoTone = _interopRequireDefault(require('./MultilineChartTwoTone'));
-var _MultipleStop = _interopRequireDefault(require('./MultipleStop'));
-var _MultipleStopOutlined = _interopRequireDefault(require('./MultipleStopOutlined'));
-var _MultipleStopRounded = _interopRequireDefault(require('./MultipleStopRounded'));
-var _MultipleStopSharp = _interopRequireDefault(require('./MultipleStopSharp'));
-var _MultipleStopTwoTone = _interopRequireDefault(require('./MultipleStopTwoTone'));
-var _Museum = _interopRequireDefault(require('./Museum'));
-var _MuseumOutlined = _interopRequireDefault(require('./MuseumOutlined'));
-var _MuseumRounded = _interopRequireDefault(require('./MuseumRounded'));
-var _MuseumSharp = _interopRequireDefault(require('./MuseumSharp'));
-var _MuseumTwoTone = _interopRequireDefault(require('./MuseumTwoTone'));
-var _MusicNote = _interopRequireDefault(require('./MusicNote'));
-var _MusicNoteOutlined = _interopRequireDefault(require('./MusicNoteOutlined'));
-var _MusicNoteRounded = _interopRequireDefault(require('./MusicNoteRounded'));
-var _MusicNoteSharp = _interopRequireDefault(require('./MusicNoteSharp'));
-var _MusicNoteTwoTone = _interopRequireDefault(require('./MusicNoteTwoTone'));
-var _MusicOff = _interopRequireDefault(require('./MusicOff'));
-var _MusicOffOutlined = _interopRequireDefault(require('./MusicOffOutlined'));
-var _MusicOffRounded = _interopRequireDefault(require('./MusicOffRounded'));
-var _MusicOffSharp = _interopRequireDefault(require('./MusicOffSharp'));
-var _MusicOffTwoTone = _interopRequireDefault(require('./MusicOffTwoTone'));
-var _MusicVideo = _interopRequireDefault(require('./MusicVideo'));
-var _MusicVideoOutlined = _interopRequireDefault(require('./MusicVideoOutlined'));
-var _MusicVideoRounded = _interopRequireDefault(require('./MusicVideoRounded'));
-var _MusicVideoSharp = _interopRequireDefault(require('./MusicVideoSharp'));
-var _MusicVideoTwoTone = _interopRequireDefault(require('./MusicVideoTwoTone'));
-var _MyLocation = _interopRequireDefault(require('./MyLocation'));
-var _MyLocationOutlined = _interopRequireDefault(require('./MyLocationOutlined'));
-var _MyLocationRounded = _interopRequireDefault(require('./MyLocationRounded'));
-var _MyLocationSharp = _interopRequireDefault(require('./MyLocationSharp'));
-var _MyLocationTwoTone = _interopRequireDefault(require('./MyLocationTwoTone'));
-var _Nat = _interopRequireDefault(require('./Nat'));
-var _NatOutlined = _interopRequireDefault(require('./NatOutlined'));
-var _NatRounded = _interopRequireDefault(require('./NatRounded'));
-var _NatSharp = _interopRequireDefault(require('./NatSharp'));
-var _NatTwoTone = _interopRequireDefault(require('./NatTwoTone'));
-var _Nature = _interopRequireDefault(require('./Nature'));
-var _NatureOutlined = _interopRequireDefault(require('./NatureOutlined'));
-var _NaturePeople = _interopRequireDefault(require('./NaturePeople'));
-var _NaturePeopleOutlined = _interopRequireDefault(require('./NaturePeopleOutlined'));
-var _NaturePeopleRounded = _interopRequireDefault(require('./NaturePeopleRounded'));
-var _NaturePeopleSharp = _interopRequireDefault(require('./NaturePeopleSharp'));
-var _NaturePeopleTwoTone = _interopRequireDefault(require('./NaturePeopleTwoTone'));
-var _NatureRounded = _interopRequireDefault(require('./NatureRounded'));
-var _NatureSharp = _interopRequireDefault(require('./NatureSharp'));
-var _NatureTwoTone = _interopRequireDefault(require('./NatureTwoTone'));
-var _NavigateBefore = _interopRequireDefault(require('./NavigateBefore'));
-var _NavigateBeforeOutlined = _interopRequireDefault(require('./NavigateBeforeOutlined'));
-var _NavigateBeforeRounded = _interopRequireDefault(require('./NavigateBeforeRounded'));
-var _NavigateBeforeSharp = _interopRequireDefault(require('./NavigateBeforeSharp'));
-var _NavigateBeforeTwoTone = _interopRequireDefault(require('./NavigateBeforeTwoTone'));
-var _NavigateNext = _interopRequireDefault(require('./NavigateNext'));
-var _NavigateNextOutlined = _interopRequireDefault(require('./NavigateNextOutlined'));
-var _NavigateNextRounded = _interopRequireDefault(require('./NavigateNextRounded'));
-var _NavigateNextSharp = _interopRequireDefault(require('./NavigateNextSharp'));
-var _NavigateNextTwoTone = _interopRequireDefault(require('./NavigateNextTwoTone'));
-var _Navigation = _interopRequireDefault(require('./Navigation'));
-var _NavigationOutlined = _interopRequireDefault(require('./NavigationOutlined'));
-var _NavigationRounded = _interopRequireDefault(require('./NavigationRounded'));
-var _NavigationSharp = _interopRequireDefault(require('./NavigationSharp'));
-var _NavigationTwoTone = _interopRequireDefault(require('./NavigationTwoTone'));
-var _NearMe = _interopRequireDefault(require('./NearMe'));
-var _NearMeDisabled = _interopRequireDefault(require('./NearMeDisabled'));
-var _NearMeDisabledOutlined = _interopRequireDefault(require('./NearMeDisabledOutlined'));
-var _NearMeDisabledRounded = _interopRequireDefault(require('./NearMeDisabledRounded'));
-var _NearMeDisabledSharp = _interopRequireDefault(require('./NearMeDisabledSharp'));
-var _NearMeDisabledTwoTone = _interopRequireDefault(require('./NearMeDisabledTwoTone'));
-var _NearMeOutlined = _interopRequireDefault(require('./NearMeOutlined'));
-var _NearMeRounded = _interopRequireDefault(require('./NearMeRounded'));
-var _NearMeSharp = _interopRequireDefault(require('./NearMeSharp'));
-var _NearMeTwoTone = _interopRequireDefault(require('./NearMeTwoTone'));
-var _NearbyError = _interopRequireDefault(require('./NearbyError'));
-var _NearbyErrorOutlined = _interopRequireDefault(require('./NearbyErrorOutlined'));
-var _NearbyErrorRounded = _interopRequireDefault(require('./NearbyErrorRounded'));
-var _NearbyErrorSharp = _interopRequireDefault(require('./NearbyErrorSharp'));
-var _NearbyErrorTwoTone = _interopRequireDefault(require('./NearbyErrorTwoTone'));
-var _NearbyOff = _interopRequireDefault(require('./NearbyOff'));
-var _NearbyOffOutlined = _interopRequireDefault(require('./NearbyOffOutlined'));
-var _NearbyOffRounded = _interopRequireDefault(require('./NearbyOffRounded'));
-var _NearbyOffSharp = _interopRequireDefault(require('./NearbyOffSharp'));
-var _NearbyOffTwoTone = _interopRequireDefault(require('./NearbyOffTwoTone'));
-var _NestCamWiredStand = _interopRequireDefault(require('./NestCamWiredStand'));
-var _NestCamWiredStandOutlined = _interopRequireDefault(require('./NestCamWiredStandOutlined'));
-var _NestCamWiredStandRounded = _interopRequireDefault(require('./NestCamWiredStandRounded'));
-var _NestCamWiredStandSharp = _interopRequireDefault(require('./NestCamWiredStandSharp'));
-var _NestCamWiredStandTwoTone = _interopRequireDefault(require('./NestCamWiredStandTwoTone'));
-var _NetworkCell = _interopRequireDefault(require('./NetworkCell'));
-var _NetworkCellOutlined = _interopRequireDefault(require('./NetworkCellOutlined'));
-var _NetworkCellRounded = _interopRequireDefault(require('./NetworkCellRounded'));
-var _NetworkCellSharp = _interopRequireDefault(require('./NetworkCellSharp'));
-var _NetworkCellTwoTone = _interopRequireDefault(require('./NetworkCellTwoTone'));
-var _NetworkCheck = _interopRequireDefault(require('./NetworkCheck'));
-var _NetworkCheckOutlined = _interopRequireDefault(require('./NetworkCheckOutlined'));
-var _NetworkCheckRounded = _interopRequireDefault(require('./NetworkCheckRounded'));
-var _NetworkCheckSharp = _interopRequireDefault(require('./NetworkCheckSharp'));
-var _NetworkCheckTwoTone = _interopRequireDefault(require('./NetworkCheckTwoTone'));
-var _NetworkLocked = _interopRequireDefault(require('./NetworkLocked'));
-var _NetworkLockedOutlined = _interopRequireDefault(require('./NetworkLockedOutlined'));
-var _NetworkLockedRounded = _interopRequireDefault(require('./NetworkLockedRounded'));
-var _NetworkLockedSharp = _interopRequireDefault(require('./NetworkLockedSharp'));
-var _NetworkLockedTwoTone = _interopRequireDefault(require('./NetworkLockedTwoTone'));
-var _NetworkPing = _interopRequireDefault(require('./NetworkPing'));
-var _NetworkPingOutlined = _interopRequireDefault(require('./NetworkPingOutlined'));
-var _NetworkPingRounded = _interopRequireDefault(require('./NetworkPingRounded'));
-var _NetworkPingSharp = _interopRequireDefault(require('./NetworkPingSharp'));
-var _NetworkPingTwoTone = _interopRequireDefault(require('./NetworkPingTwoTone'));
-var _NetworkWifi = _interopRequireDefault(require('./NetworkWifi'));
-var _NetworkWifi1Bar = _interopRequireDefault(require('./NetworkWifi1Bar'));
-var _NetworkWifi1BarOutlined = _interopRequireDefault(require('./NetworkWifi1BarOutlined'));
-var _NetworkWifi1BarRounded = _interopRequireDefault(require('./NetworkWifi1BarRounded'));
-var _NetworkWifi1BarSharp = _interopRequireDefault(require('./NetworkWifi1BarSharp'));
-var _NetworkWifi1BarTwoTone = _interopRequireDefault(require('./NetworkWifi1BarTwoTone'));
-var _NetworkWifi2Bar = _interopRequireDefault(require('./NetworkWifi2Bar'));
-var _NetworkWifi2BarOutlined = _interopRequireDefault(require('./NetworkWifi2BarOutlined'));
-var _NetworkWifi2BarRounded = _interopRequireDefault(require('./NetworkWifi2BarRounded'));
-var _NetworkWifi2BarSharp = _interopRequireDefault(require('./NetworkWifi2BarSharp'));
-var _NetworkWifi2BarTwoTone = _interopRequireDefault(require('./NetworkWifi2BarTwoTone'));
-var _NetworkWifi3Bar = _interopRequireDefault(require('./NetworkWifi3Bar'));
-var _NetworkWifi3BarOutlined = _interopRequireDefault(require('./NetworkWifi3BarOutlined'));
-var _NetworkWifi3BarRounded = _interopRequireDefault(require('./NetworkWifi3BarRounded'));
-var _NetworkWifi3BarSharp = _interopRequireDefault(require('./NetworkWifi3BarSharp'));
-var _NetworkWifi3BarTwoTone = _interopRequireDefault(require('./NetworkWifi3BarTwoTone'));
-var _NetworkWifiOutlined = _interopRequireDefault(require('./NetworkWifiOutlined'));
-var _NetworkWifiRounded = _interopRequireDefault(require('./NetworkWifiRounded'));
-var _NetworkWifiSharp = _interopRequireDefault(require('./NetworkWifiSharp'));
-var _NetworkWifiTwoTone = _interopRequireDefault(require('./NetworkWifiTwoTone'));
-var _NewReleases = _interopRequireDefault(require('./NewReleases'));
-var _NewReleasesOutlined = _interopRequireDefault(require('./NewReleasesOutlined'));
-var _NewReleasesRounded = _interopRequireDefault(require('./NewReleasesRounded'));
-var _NewReleasesSharp = _interopRequireDefault(require('./NewReleasesSharp'));
-var _NewReleasesTwoTone = _interopRequireDefault(require('./NewReleasesTwoTone'));
-var _Newspaper = _interopRequireDefault(require('./Newspaper'));
-var _NewspaperOutlined = _interopRequireDefault(require('./NewspaperOutlined'));
-var _NewspaperRounded = _interopRequireDefault(require('./NewspaperRounded'));
-var _NewspaperSharp = _interopRequireDefault(require('./NewspaperSharp'));
-var _NewspaperTwoTone = _interopRequireDefault(require('./NewspaperTwoTone'));
-var _NextPlan = _interopRequireDefault(require('./NextPlan'));
-var _NextPlanOutlined = _interopRequireDefault(require('./NextPlanOutlined'));
-var _NextPlanRounded = _interopRequireDefault(require('./NextPlanRounded'));
-var _NextPlanSharp = _interopRequireDefault(require('./NextPlanSharp'));
-var _NextPlanTwoTone = _interopRequireDefault(require('./NextPlanTwoTone'));
-var _NextWeek = _interopRequireDefault(require('./NextWeek'));
-var _NextWeekOutlined = _interopRequireDefault(require('./NextWeekOutlined'));
-var _NextWeekRounded = _interopRequireDefault(require('./NextWeekRounded'));
-var _NextWeekSharp = _interopRequireDefault(require('./NextWeekSharp'));
-var _NextWeekTwoTone = _interopRequireDefault(require('./NextWeekTwoTone'));
-var _Nfc = _interopRequireDefault(require('./Nfc'));
-var _NfcOutlined = _interopRequireDefault(require('./NfcOutlined'));
-var _NfcRounded = _interopRequireDefault(require('./NfcRounded'));
-var _NfcSharp = _interopRequireDefault(require('./NfcSharp'));
-var _NfcTwoTone = _interopRequireDefault(require('./NfcTwoTone'));
-var _NightShelter = _interopRequireDefault(require('./NightShelter'));
-var _NightShelterOutlined = _interopRequireDefault(require('./NightShelterOutlined'));
-var _NightShelterRounded = _interopRequireDefault(require('./NightShelterRounded'));
-var _NightShelterSharp = _interopRequireDefault(require('./NightShelterSharp'));
-var _NightShelterTwoTone = _interopRequireDefault(require('./NightShelterTwoTone'));
-var _Nightlife = _interopRequireDefault(require('./Nightlife'));
-var _NightlifeOutlined = _interopRequireDefault(require('./NightlifeOutlined'));
-var _NightlifeRounded = _interopRequireDefault(require('./NightlifeRounded'));
-var _NightlifeSharp = _interopRequireDefault(require('./NightlifeSharp'));
-var _NightlifeTwoTone = _interopRequireDefault(require('./NightlifeTwoTone'));
-var _Nightlight = _interopRequireDefault(require('./Nightlight'));
-var _NightlightOutlined = _interopRequireDefault(require('./NightlightOutlined'));
-var _NightlightRound = _interopRequireDefault(require('./NightlightRound'));
-var _NightlightRoundOutlined = _interopRequireDefault(require('./NightlightRoundOutlined'));
-var _NightlightRoundRounded = _interopRequireDefault(require('./NightlightRoundRounded'));
-var _NightlightRoundSharp = _interopRequireDefault(require('./NightlightRoundSharp'));
-var _NightlightRoundTwoTone = _interopRequireDefault(require('./NightlightRoundTwoTone'));
-var _NightlightRounded = _interopRequireDefault(require('./NightlightRounded'));
-var _NightlightSharp = _interopRequireDefault(require('./NightlightSharp'));
-var _NightlightTwoTone = _interopRequireDefault(require('./NightlightTwoTone'));
-var _NightsStay = _interopRequireDefault(require('./NightsStay'));
-var _NightsStayOutlined = _interopRequireDefault(require('./NightsStayOutlined'));
-var _NightsStayRounded = _interopRequireDefault(require('./NightsStayRounded'));
-var _NightsStaySharp = _interopRequireDefault(require('./NightsStaySharp'));
-var _NightsStayTwoTone = _interopRequireDefault(require('./NightsStayTwoTone'));
-var _NineK = _interopRequireDefault(require('./NineK'));
-var _NineKOutlined = _interopRequireDefault(require('./NineKOutlined'));
-var _NineKPlus = _interopRequireDefault(require('./NineKPlus'));
-var _NineKPlusOutlined = _interopRequireDefault(require('./NineKPlusOutlined'));
-var _NineKPlusRounded = _interopRequireDefault(require('./NineKPlusRounded'));
-var _NineKPlusSharp = _interopRequireDefault(require('./NineKPlusSharp'));
-var _NineKPlusTwoTone = _interopRequireDefault(require('./NineKPlusTwoTone'));
-var _NineKRounded = _interopRequireDefault(require('./NineKRounded'));
-var _NineKSharp = _interopRequireDefault(require('./NineKSharp'));
-var _NineKTwoTone = _interopRequireDefault(require('./NineKTwoTone'));
-var _NineMp = _interopRequireDefault(require('./NineMp'));
-var _NineMpOutlined = _interopRequireDefault(require('./NineMpOutlined'));
-var _NineMpRounded = _interopRequireDefault(require('./NineMpRounded'));
-var _NineMpSharp = _interopRequireDefault(require('./NineMpSharp'));
-var _NineMpTwoTone = _interopRequireDefault(require('./NineMpTwoTone'));
-var _NineteenMp = _interopRequireDefault(require('./NineteenMp'));
-var _NineteenMpOutlined = _interopRequireDefault(require('./NineteenMpOutlined'));
-var _NineteenMpRounded = _interopRequireDefault(require('./NineteenMpRounded'));
-var _NineteenMpSharp = _interopRequireDefault(require('./NineteenMpSharp'));
-var _NineteenMpTwoTone = _interopRequireDefault(require('./NineteenMpTwoTone'));
-var _NoAccounts = _interopRequireDefault(require('./NoAccounts'));
-var _NoAccountsOutlined = _interopRequireDefault(require('./NoAccountsOutlined'));
-var _NoAccountsRounded = _interopRequireDefault(require('./NoAccountsRounded'));
-var _NoAccountsSharp = _interopRequireDefault(require('./NoAccountsSharp'));
-var _NoAccountsTwoTone = _interopRequireDefault(require('./NoAccountsTwoTone'));
-var _NoAdultContent = _interopRequireDefault(require('./NoAdultContent'));
-var _NoAdultContentOutlined = _interopRequireDefault(require('./NoAdultContentOutlined'));
-var _NoAdultContentRounded = _interopRequireDefault(require('./NoAdultContentRounded'));
-var _NoAdultContentSharp = _interopRequireDefault(require('./NoAdultContentSharp'));
-var _NoAdultContentTwoTone = _interopRequireDefault(require('./NoAdultContentTwoTone'));
-var _NoBackpack = _interopRequireDefault(require('./NoBackpack'));
-var _NoBackpackOutlined = _interopRequireDefault(require('./NoBackpackOutlined'));
-var _NoBackpackRounded = _interopRequireDefault(require('./NoBackpackRounded'));
-var _NoBackpackSharp = _interopRequireDefault(require('./NoBackpackSharp'));
-var _NoBackpackTwoTone = _interopRequireDefault(require('./NoBackpackTwoTone'));
-var _NoCell = _interopRequireDefault(require('./NoCell'));
-var _NoCellOutlined = _interopRequireDefault(require('./NoCellOutlined'));
-var _NoCellRounded = _interopRequireDefault(require('./NoCellRounded'));
-var _NoCellSharp = _interopRequireDefault(require('./NoCellSharp'));
-var _NoCellTwoTone = _interopRequireDefault(require('./NoCellTwoTone'));
-var _NoCrash = _interopRequireDefault(require('./NoCrash'));
-var _NoCrashOutlined = _interopRequireDefault(require('./NoCrashOutlined'));
-var _NoCrashRounded = _interopRequireDefault(require('./NoCrashRounded'));
-var _NoCrashSharp = _interopRequireDefault(require('./NoCrashSharp'));
-var _NoCrashTwoTone = _interopRequireDefault(require('./NoCrashTwoTone'));
-var _NoDrinks = _interopRequireDefault(require('./NoDrinks'));
-var _NoDrinksOutlined = _interopRequireDefault(require('./NoDrinksOutlined'));
-var _NoDrinksRounded = _interopRequireDefault(require('./NoDrinksRounded'));
-var _NoDrinksSharp = _interopRequireDefault(require('./NoDrinksSharp'));
-var _NoDrinksTwoTone = _interopRequireDefault(require('./NoDrinksTwoTone'));
-var _NoEncryption = _interopRequireDefault(require('./NoEncryption'));
-var _NoEncryptionGmailerrorred = _interopRequireDefault(require('./NoEncryptionGmailerrorred'));
-var _NoEncryptionGmailerrorredOutlined = _interopRequireDefault(
-  require('./NoEncryptionGmailerrorredOutlined'),
-);
-var _NoEncryptionGmailerrorredRounded = _interopRequireDefault(
-  require('./NoEncryptionGmailerrorredRounded'),
-);
-var _NoEncryptionGmailerrorredSharp = _interopRequireDefault(
-  require('./NoEncryptionGmailerrorredSharp'),
-);
-var _NoEncryptionGmailerrorredTwoTone = _interopRequireDefault(
-  require('./NoEncryptionGmailerrorredTwoTone'),
-);
-var _NoEncryptionOutlined = _interopRequireDefault(require('./NoEncryptionOutlined'));
-var _NoEncryptionRounded = _interopRequireDefault(require('./NoEncryptionRounded'));
-var _NoEncryptionSharp = _interopRequireDefault(require('./NoEncryptionSharp'));
-var _NoEncryptionTwoTone = _interopRequireDefault(require('./NoEncryptionTwoTone'));
-var _NoFlash = _interopRequireDefault(require('./NoFlash'));
-var _NoFlashOutlined = _interopRequireDefault(require('./NoFlashOutlined'));
-var _NoFlashRounded = _interopRequireDefault(require('./NoFlashRounded'));
-var _NoFlashSharp = _interopRequireDefault(require('./NoFlashSharp'));
-var _NoFlashTwoTone = _interopRequireDefault(require('./NoFlashTwoTone'));
-var _NoFood = _interopRequireDefault(require('./NoFood'));
-var _NoFoodOutlined = _interopRequireDefault(require('./NoFoodOutlined'));
-var _NoFoodRounded = _interopRequireDefault(require('./NoFoodRounded'));
-var _NoFoodSharp = _interopRequireDefault(require('./NoFoodSharp'));
-var _NoFoodTwoTone = _interopRequireDefault(require('./NoFoodTwoTone'));
-var _NoLuggage = _interopRequireDefault(require('./NoLuggage'));
-var _NoLuggageOutlined = _interopRequireDefault(require('./NoLuggageOutlined'));
-var _NoLuggageRounded = _interopRequireDefault(require('./NoLuggageRounded'));
-var _NoLuggageSharp = _interopRequireDefault(require('./NoLuggageSharp'));
-var _NoLuggageTwoTone = _interopRequireDefault(require('./NoLuggageTwoTone'));
-var _NoMeals = _interopRequireDefault(require('./NoMeals'));
-var _NoMealsOutlined = _interopRequireDefault(require('./NoMealsOutlined'));
-var _NoMealsRounded = _interopRequireDefault(require('./NoMealsRounded'));
-var _NoMealsSharp = _interopRequireDefault(require('./NoMealsSharp'));
-var _NoMealsTwoTone = _interopRequireDefault(require('./NoMealsTwoTone'));
-var _NoMeetingRoom = _interopRequireDefault(require('./NoMeetingRoom'));
-var _NoMeetingRoomOutlined = _interopRequireDefault(require('./NoMeetingRoomOutlined'));
-var _NoMeetingRoomRounded = _interopRequireDefault(require('./NoMeetingRoomRounded'));
-var _NoMeetingRoomSharp = _interopRequireDefault(require('./NoMeetingRoomSharp'));
-var _NoMeetingRoomTwoTone = _interopRequireDefault(require('./NoMeetingRoomTwoTone'));
-var _NoPhotography = _interopRequireDefault(require('./NoPhotography'));
-var _NoPhotographyOutlined = _interopRequireDefault(require('./NoPhotographyOutlined'));
-var _NoPhotographyRounded = _interopRequireDefault(require('./NoPhotographyRounded'));
-var _NoPhotographySharp = _interopRequireDefault(require('./NoPhotographySharp'));
-var _NoPhotographyTwoTone = _interopRequireDefault(require('./NoPhotographyTwoTone'));
-var _NoSim = _interopRequireDefault(require('./NoSim'));
-var _NoSimOutlined = _interopRequireDefault(require('./NoSimOutlined'));
-var _NoSimRounded = _interopRequireDefault(require('./NoSimRounded'));
-var _NoSimSharp = _interopRequireDefault(require('./NoSimSharp'));
-var _NoSimTwoTone = _interopRequireDefault(require('./NoSimTwoTone'));
-var _NoStroller = _interopRequireDefault(require('./NoStroller'));
-var _NoStrollerOutlined = _interopRequireDefault(require('./NoStrollerOutlined'));
-var _NoStrollerRounded = _interopRequireDefault(require('./NoStrollerRounded'));
-var _NoStrollerSharp = _interopRequireDefault(require('./NoStrollerSharp'));
-var _NoStrollerTwoTone = _interopRequireDefault(require('./NoStrollerTwoTone'));
-var _NoTransfer = _interopRequireDefault(require('./NoTransfer'));
-var _NoTransferOutlined = _interopRequireDefault(require('./NoTransferOutlined'));
-var _NoTransferRounded = _interopRequireDefault(require('./NoTransferRounded'));
-var _NoTransferSharp = _interopRequireDefault(require('./NoTransferSharp'));
-var _NoTransferTwoTone = _interopRequireDefault(require('./NoTransferTwoTone'));
-var _NoiseAware = _interopRequireDefault(require('./NoiseAware'));
-var _NoiseAwareOutlined = _interopRequireDefault(require('./NoiseAwareOutlined'));
-var _NoiseAwareRounded = _interopRequireDefault(require('./NoiseAwareRounded'));
-var _NoiseAwareSharp = _interopRequireDefault(require('./NoiseAwareSharp'));
-var _NoiseAwareTwoTone = _interopRequireDefault(require('./NoiseAwareTwoTone'));
-var _NoiseControlOff = _interopRequireDefault(require('./NoiseControlOff'));
-var _NoiseControlOffOutlined = _interopRequireDefault(require('./NoiseControlOffOutlined'));
-var _NoiseControlOffRounded = _interopRequireDefault(require('./NoiseControlOffRounded'));
-var _NoiseControlOffSharp = _interopRequireDefault(require('./NoiseControlOffSharp'));
-var _NoiseControlOffTwoTone = _interopRequireDefault(require('./NoiseControlOffTwoTone'));
-var _NordicWalking = _interopRequireDefault(require('./NordicWalking'));
-var _NordicWalkingOutlined = _interopRequireDefault(require('./NordicWalkingOutlined'));
-var _NordicWalkingRounded = _interopRequireDefault(require('./NordicWalkingRounded'));
-var _NordicWalkingSharp = _interopRequireDefault(require('./NordicWalkingSharp'));
-var _NordicWalkingTwoTone = _interopRequireDefault(require('./NordicWalkingTwoTone'));
-var _North = _interopRequireDefault(require('./North'));
-var _NorthEast = _interopRequireDefault(require('./NorthEast'));
-var _NorthEastOutlined = _interopRequireDefault(require('./NorthEastOutlined'));
-var _NorthEastRounded = _interopRequireDefault(require('./NorthEastRounded'));
-var _NorthEastSharp = _interopRequireDefault(require('./NorthEastSharp'));
-var _NorthEastTwoTone = _interopRequireDefault(require('./NorthEastTwoTone'));
-var _NorthOutlined = _interopRequireDefault(require('./NorthOutlined'));
-var _NorthRounded = _interopRequireDefault(require('./NorthRounded'));
-var _NorthSharp = _interopRequireDefault(require('./NorthSharp'));
-var _NorthTwoTone = _interopRequireDefault(require('./NorthTwoTone'));
-var _NorthWest = _interopRequireDefault(require('./NorthWest'));
-var _NorthWestOutlined = _interopRequireDefault(require('./NorthWestOutlined'));
-var _NorthWestRounded = _interopRequireDefault(require('./NorthWestRounded'));
-var _NorthWestSharp = _interopRequireDefault(require('./NorthWestSharp'));
-var _NorthWestTwoTone = _interopRequireDefault(require('./NorthWestTwoTone'));
-var _NotAccessible = _interopRequireDefault(require('./NotAccessible'));
-var _NotAccessibleOutlined = _interopRequireDefault(require('./NotAccessibleOutlined'));
-var _NotAccessibleRounded = _interopRequireDefault(require('./NotAccessibleRounded'));
-var _NotAccessibleSharp = _interopRequireDefault(require('./NotAccessibleSharp'));
-var _NotAccessibleTwoTone = _interopRequireDefault(require('./NotAccessibleTwoTone'));
-var _NotInterested = _interopRequireDefault(require('./NotInterested'));
-var _NotInterestedOutlined = _interopRequireDefault(require('./NotInterestedOutlined'));
-var _NotInterestedRounded = _interopRequireDefault(require('./NotInterestedRounded'));
-var _NotInterestedSharp = _interopRequireDefault(require('./NotInterestedSharp'));
-var _NotInterestedTwoTone = _interopRequireDefault(require('./NotInterestedTwoTone'));
-var _NotListedLocation = _interopRequireDefault(require('./NotListedLocation'));
-var _NotListedLocationOutlined = _interopRequireDefault(require('./NotListedLocationOutlined'));
-var _NotListedLocationRounded = _interopRequireDefault(require('./NotListedLocationRounded'));
-var _NotListedLocationSharp = _interopRequireDefault(require('./NotListedLocationSharp'));
-var _NotListedLocationTwoTone = _interopRequireDefault(require('./NotListedLocationTwoTone'));
-var _NotStarted = _interopRequireDefault(require('./NotStarted'));
-var _NotStartedOutlined = _interopRequireDefault(require('./NotStartedOutlined'));
-var _NotStartedRounded = _interopRequireDefault(require('./NotStartedRounded'));
-var _NotStartedSharp = _interopRequireDefault(require('./NotStartedSharp'));
-var _NotStartedTwoTone = _interopRequireDefault(require('./NotStartedTwoTone'));
-var _Note = _interopRequireDefault(require('./Note'));
-var _NoteAdd = _interopRequireDefault(require('./NoteAdd'));
-var _NoteAddOutlined = _interopRequireDefault(require('./NoteAddOutlined'));
-var _NoteAddRounded = _interopRequireDefault(require('./NoteAddRounded'));
-var _NoteAddSharp = _interopRequireDefault(require('./NoteAddSharp'));
-var _NoteAddTwoTone = _interopRequireDefault(require('./NoteAddTwoTone'));
-var _NoteAlt = _interopRequireDefault(require('./NoteAlt'));
-var _NoteAltOutlined = _interopRequireDefault(require('./NoteAltOutlined'));
-var _NoteAltRounded = _interopRequireDefault(require('./NoteAltRounded'));
-var _NoteAltSharp = _interopRequireDefault(require('./NoteAltSharp'));
-var _NoteAltTwoTone = _interopRequireDefault(require('./NoteAltTwoTone'));
-var _NoteOutlined = _interopRequireDefault(require('./NoteOutlined'));
-var _NoteRounded = _interopRequireDefault(require('./NoteRounded'));
-var _NoteSharp = _interopRequireDefault(require('./NoteSharp'));
-var _NoteTwoTone = _interopRequireDefault(require('./NoteTwoTone'));
-var _Notes = _interopRequireDefault(require('./Notes'));
-var _NotesOutlined = _interopRequireDefault(require('./NotesOutlined'));
-var _NotesRounded = _interopRequireDefault(require('./NotesRounded'));
-var _NotesSharp = _interopRequireDefault(require('./NotesSharp'));
-var _NotesTwoTone = _interopRequireDefault(require('./NotesTwoTone'));
-var _NotificationAdd = _interopRequireDefault(require('./NotificationAdd'));
-var _NotificationAddOutlined = _interopRequireDefault(require('./NotificationAddOutlined'));
-var _NotificationAddRounded = _interopRequireDefault(require('./NotificationAddRounded'));
-var _NotificationAddSharp = _interopRequireDefault(require('./NotificationAddSharp'));
-var _NotificationAddTwoTone = _interopRequireDefault(require('./NotificationAddTwoTone'));
-var _NotificationImportant = _interopRequireDefault(require('./NotificationImportant'));
-var _NotificationImportantOutlined = _interopRequireDefault(
-  require('./NotificationImportantOutlined'),
-);
-var _NotificationImportantRounded = _interopRequireDefault(
-  require('./NotificationImportantRounded'),
-);
-var _NotificationImportantSharp = _interopRequireDefault(require('./NotificationImportantSharp'));
-var _NotificationImportantTwoTone = _interopRequireDefault(
-  require('./NotificationImportantTwoTone'),
-);
-var _Notifications = _interopRequireDefault(require('./Notifications'));
-var _NotificationsActive = _interopRequireDefault(require('./NotificationsActive'));
-var _NotificationsActiveOutlined = _interopRequireDefault(require('./NotificationsActiveOutlined'));
-var _NotificationsActiveRounded = _interopRequireDefault(require('./NotificationsActiveRounded'));
-var _NotificationsActiveSharp = _interopRequireDefault(require('./NotificationsActiveSharp'));
-var _NotificationsActiveTwoTone = _interopRequireDefault(require('./NotificationsActiveTwoTone'));
-var _NotificationsNone = _interopRequireDefault(require('./NotificationsNone'));
-var _NotificationsNoneOutlined = _interopRequireDefault(require('./NotificationsNoneOutlined'));
-var _NotificationsNoneRounded = _interopRequireDefault(require('./NotificationsNoneRounded'));
-var _NotificationsNoneSharp = _interopRequireDefault(require('./NotificationsNoneSharp'));
-var _NotificationsNoneTwoTone = _interopRequireDefault(require('./NotificationsNoneTwoTone'));
-var _NotificationsOff = _interopRequireDefault(require('./NotificationsOff'));
-var _NotificationsOffOutlined = _interopRequireDefault(require('./NotificationsOffOutlined'));
-var _NotificationsOffRounded = _interopRequireDefault(require('./NotificationsOffRounded'));
-var _NotificationsOffSharp = _interopRequireDefault(require('./NotificationsOffSharp'));
-var _NotificationsOffTwoTone = _interopRequireDefault(require('./NotificationsOffTwoTone'));
-var _NotificationsOutlined = _interopRequireDefault(require('./NotificationsOutlined'));
-var _NotificationsPaused = _interopRequireDefault(require('./NotificationsPaused'));
-var _NotificationsPausedOutlined = _interopRequireDefault(require('./NotificationsPausedOutlined'));
-var _NotificationsPausedRounded = _interopRequireDefault(require('./NotificationsPausedRounded'));
-var _NotificationsPausedSharp = _interopRequireDefault(require('./NotificationsPausedSharp'));
-var _NotificationsPausedTwoTone = _interopRequireDefault(require('./NotificationsPausedTwoTone'));
-var _NotificationsRounded = _interopRequireDefault(require('./NotificationsRounded'));
-var _NotificationsSharp = _interopRequireDefault(require('./NotificationsSharp'));
-var _NotificationsTwoTone = _interopRequireDefault(require('./NotificationsTwoTone'));
-var _Numbers = _interopRequireDefault(require('./Numbers'));
-var _NumbersOutlined = _interopRequireDefault(require('./NumbersOutlined'));
-var _NumbersRounded = _interopRequireDefault(require('./NumbersRounded'));
-var _NumbersSharp = _interopRequireDefault(require('./NumbersSharp'));
-var _NumbersTwoTone = _interopRequireDefault(require('./NumbersTwoTone'));
-var _OfflineBolt = _interopRequireDefault(require('./OfflineBolt'));
-var _OfflineBoltOutlined = _interopRequireDefault(require('./OfflineBoltOutlined'));
-var _OfflineBoltRounded = _interopRequireDefault(require('./OfflineBoltRounded'));
-var _OfflineBoltSharp = _interopRequireDefault(require('./OfflineBoltSharp'));
-var _OfflineBoltTwoTone = _interopRequireDefault(require('./OfflineBoltTwoTone'));
-var _OfflinePin = _interopRequireDefault(require('./OfflinePin'));
-var _OfflinePinOutlined = _interopRequireDefault(require('./OfflinePinOutlined'));
-var _OfflinePinRounded = _interopRequireDefault(require('./OfflinePinRounded'));
-var _OfflinePinSharp = _interopRequireDefault(require('./OfflinePinSharp'));
-var _OfflinePinTwoTone = _interopRequireDefault(require('./OfflinePinTwoTone'));
-var _OfflineShare = _interopRequireDefault(require('./OfflineShare'));
-var _OfflineShareOutlined = _interopRequireDefault(require('./OfflineShareOutlined'));
-var _OfflineShareRounded = _interopRequireDefault(require('./OfflineShareRounded'));
-var _OfflineShareSharp = _interopRequireDefault(require('./OfflineShareSharp'));
-var _OfflineShareTwoTone = _interopRequireDefault(require('./OfflineShareTwoTone'));
-var _OilBarrel = _interopRequireDefault(require('./OilBarrel'));
-var _OilBarrelOutlined = _interopRequireDefault(require('./OilBarrelOutlined'));
-var _OilBarrelRounded = _interopRequireDefault(require('./OilBarrelRounded'));
-var _OilBarrelSharp = _interopRequireDefault(require('./OilBarrelSharp'));
-var _OilBarrelTwoTone = _interopRequireDefault(require('./OilBarrelTwoTone'));
-var _OnDeviceTraining = _interopRequireDefault(require('./OnDeviceTraining'));
-var _OnDeviceTrainingOutlined = _interopRequireDefault(require('./OnDeviceTrainingOutlined'));
-var _OnDeviceTrainingRounded = _interopRequireDefault(require('./OnDeviceTrainingRounded'));
-var _OnDeviceTrainingSharp = _interopRequireDefault(require('./OnDeviceTrainingSharp'));
-var _OnDeviceTrainingTwoTone = _interopRequireDefault(require('./OnDeviceTrainingTwoTone'));
-var _OndemandVideo = _interopRequireDefault(require('./OndemandVideo'));
-var _OndemandVideoOutlined = _interopRequireDefault(require('./OndemandVideoOutlined'));
-var _OndemandVideoRounded = _interopRequireDefault(require('./OndemandVideoRounded'));
-var _OndemandVideoSharp = _interopRequireDefault(require('./OndemandVideoSharp'));
-var _OndemandVideoTwoTone = _interopRequireDefault(require('./OndemandVideoTwoTone'));
-var _OneK = _interopRequireDefault(require('./OneK'));
-var _OneKOutlined = _interopRequireDefault(require('./OneKOutlined'));
-var _OneKPlus = _interopRequireDefault(require('./OneKPlus'));
-var _OneKPlusOutlined = _interopRequireDefault(require('./OneKPlusOutlined'));
-var _OneKPlusRounded = _interopRequireDefault(require('./OneKPlusRounded'));
-var _OneKPlusSharp = _interopRequireDefault(require('./OneKPlusSharp'));
-var _OneKPlusTwoTone = _interopRequireDefault(require('./OneKPlusTwoTone'));
-var _OneKRounded = _interopRequireDefault(require('./OneKRounded'));
-var _OneKSharp = _interopRequireDefault(require('./OneKSharp'));
-var _OneKTwoTone = _interopRequireDefault(require('./OneKTwoTone'));
-var _OneKk = _interopRequireDefault(require('./OneKk'));
-var _OneKkOutlined = _interopRequireDefault(require('./OneKkOutlined'));
-var _OneKkRounded = _interopRequireDefault(require('./OneKkRounded'));
-var _OneKkSharp = _interopRequireDefault(require('./OneKkSharp'));
-var _OneKkTwoTone = _interopRequireDefault(require('./OneKkTwoTone'));
-var _OnlinePrediction = _interopRequireDefault(require('./OnlinePrediction'));
-var _OnlinePredictionOutlined = _interopRequireDefault(require('./OnlinePredictionOutlined'));
-var _OnlinePredictionRounded = _interopRequireDefault(require('./OnlinePredictionRounded'));
-var _OnlinePredictionSharp = _interopRequireDefault(require('./OnlinePredictionSharp'));
-var _OnlinePredictionTwoTone = _interopRequireDefault(require('./OnlinePredictionTwoTone'));
-var _Opacity = _interopRequireDefault(require('./Opacity'));
-var _OpacityOutlined = _interopRequireDefault(require('./OpacityOutlined'));
-var _OpacityRounded = _interopRequireDefault(require('./OpacityRounded'));
-var _OpacitySharp = _interopRequireDefault(require('./OpacitySharp'));
-var _OpacityTwoTone = _interopRequireDefault(require('./OpacityTwoTone'));
-var _OpenInBrowser = _interopRequireDefault(require('./OpenInBrowser'));
-var _OpenInBrowserOutlined = _interopRequireDefault(require('./OpenInBrowserOutlined'));
-var _OpenInBrowserRounded = _interopRequireDefault(require('./OpenInBrowserRounded'));
-var _OpenInBrowserSharp = _interopRequireDefault(require('./OpenInBrowserSharp'));
-var _OpenInBrowserTwoTone = _interopRequireDefault(require('./OpenInBrowserTwoTone'));
-var _OpenInFull = _interopRequireDefault(require('./OpenInFull'));
-var _OpenInFullOutlined = _interopRequireDefault(require('./OpenInFullOutlined'));
-var _OpenInFullRounded = _interopRequireDefault(require('./OpenInFullRounded'));
-var _OpenInFullSharp = _interopRequireDefault(require('./OpenInFullSharp'));
-var _OpenInFullTwoTone = _interopRequireDefault(require('./OpenInFullTwoTone'));
-var _OpenInNew = _interopRequireDefault(require('./OpenInNew'));
-var _OpenInNewOff = _interopRequireDefault(require('./OpenInNewOff'));
-var _OpenInNewOffOutlined = _interopRequireDefault(require('./OpenInNewOffOutlined'));
-var _OpenInNewOffRounded = _interopRequireDefault(require('./OpenInNewOffRounded'));
-var _OpenInNewOffSharp = _interopRequireDefault(require('./OpenInNewOffSharp'));
-var _OpenInNewOffTwoTone = _interopRequireDefault(require('./OpenInNewOffTwoTone'));
-var _OpenInNewOutlined = _interopRequireDefault(require('./OpenInNewOutlined'));
-var _OpenInNewRounded = _interopRequireDefault(require('./OpenInNewRounded'));
-var _OpenInNewSharp = _interopRequireDefault(require('./OpenInNewSharp'));
-var _OpenInNewTwoTone = _interopRequireDefault(require('./OpenInNewTwoTone'));
-var _OpenWith = _interopRequireDefault(require('./OpenWith'));
-var _OpenWithOutlined = _interopRequireDefault(require('./OpenWithOutlined'));
-var _OpenWithRounded = _interopRequireDefault(require('./OpenWithRounded'));
-var _OpenWithSharp = _interopRequireDefault(require('./OpenWithSharp'));
-var _OpenWithTwoTone = _interopRequireDefault(require('./OpenWithTwoTone'));
-var _OtherHouses = _interopRequireDefault(require('./OtherHouses'));
-var _OtherHousesOutlined = _interopRequireDefault(require('./OtherHousesOutlined'));
-var _OtherHousesRounded = _interopRequireDefault(require('./OtherHousesRounded'));
-var _OtherHousesSharp = _interopRequireDefault(require('./OtherHousesSharp'));
-var _OtherHousesTwoTone = _interopRequireDefault(require('./OtherHousesTwoTone'));
-var _Outbound = _interopRequireDefault(require('./Outbound'));
-var _OutboundOutlined = _interopRequireDefault(require('./OutboundOutlined'));
-var _OutboundRounded = _interopRequireDefault(require('./OutboundRounded'));
-var _OutboundSharp = _interopRequireDefault(require('./OutboundSharp'));
-var _OutboundTwoTone = _interopRequireDefault(require('./OutboundTwoTone'));
-var _Outbox = _interopRequireDefault(require('./Outbox'));
-var _OutboxOutlined = _interopRequireDefault(require('./OutboxOutlined'));
-var _OutboxRounded = _interopRequireDefault(require('./OutboxRounded'));
-var _OutboxSharp = _interopRequireDefault(require('./OutboxSharp'));
-var _OutboxTwoTone = _interopRequireDefault(require('./OutboxTwoTone'));
-var _OutdoorGrill = _interopRequireDefault(require('./OutdoorGrill'));
-var _OutdoorGrillOutlined = _interopRequireDefault(require('./OutdoorGrillOutlined'));
-var _OutdoorGrillRounded = _interopRequireDefault(require('./OutdoorGrillRounded'));
-var _OutdoorGrillSharp = _interopRequireDefault(require('./OutdoorGrillSharp'));
-var _OutdoorGrillTwoTone = _interopRequireDefault(require('./OutdoorGrillTwoTone'));
-var _Outlet = _interopRequireDefault(require('./Outlet'));
-var _OutletOutlined = _interopRequireDefault(require('./OutletOutlined'));
-var _OutletRounded = _interopRequireDefault(require('./OutletRounded'));
-var _OutletSharp = _interopRequireDefault(require('./OutletSharp'));
-var _OutletTwoTone = _interopRequireDefault(require('./OutletTwoTone'));
-var _OutlinedFlag = _interopRequireDefault(require('./OutlinedFlag'));
-var _OutlinedFlagOutlined = _interopRequireDefault(require('./OutlinedFlagOutlined'));
-var _OutlinedFlagRounded = _interopRequireDefault(require('./OutlinedFlagRounded'));
-var _OutlinedFlagSharp = _interopRequireDefault(require('./OutlinedFlagSharp'));
-var _OutlinedFlagTwoTone = _interopRequireDefault(require('./OutlinedFlagTwoTone'));
-var _Output = _interopRequireDefault(require('./Output'));
-var _OutputOutlined = _interopRequireDefault(require('./OutputOutlined'));
-var _OutputRounded = _interopRequireDefault(require('./OutputRounded'));
-var _OutputSharp = _interopRequireDefault(require('./OutputSharp'));
-var _OutputTwoTone = _interopRequireDefault(require('./OutputTwoTone'));
-var _Padding = _interopRequireDefault(require('./Padding'));
-var _PaddingOutlined = _interopRequireDefault(require('./PaddingOutlined'));
-var _PaddingRounded = _interopRequireDefault(require('./PaddingRounded'));
-var _PaddingSharp = _interopRequireDefault(require('./PaddingSharp'));
-var _PaddingTwoTone = _interopRequireDefault(require('./PaddingTwoTone'));
-var _Pages = _interopRequireDefault(require('./Pages'));
-var _PagesOutlined = _interopRequireDefault(require('./PagesOutlined'));
-var _PagesRounded = _interopRequireDefault(require('./PagesRounded'));
-var _PagesSharp = _interopRequireDefault(require('./PagesSharp'));
-var _PagesTwoTone = _interopRequireDefault(require('./PagesTwoTone'));
-var _Pageview = _interopRequireDefault(require('./Pageview'));
-var _PageviewOutlined = _interopRequireDefault(require('./PageviewOutlined'));
-var _PageviewRounded = _interopRequireDefault(require('./PageviewRounded'));
-var _PageviewSharp = _interopRequireDefault(require('./PageviewSharp'));
-var _PageviewTwoTone = _interopRequireDefault(require('./PageviewTwoTone'));
-var _Paid = _interopRequireDefault(require('./Paid'));
-var _PaidOutlined = _interopRequireDefault(require('./PaidOutlined'));
-var _PaidRounded = _interopRequireDefault(require('./PaidRounded'));
-var _PaidSharp = _interopRequireDefault(require('./PaidSharp'));
-var _PaidTwoTone = _interopRequireDefault(require('./PaidTwoTone'));
-var _Palette = _interopRequireDefault(require('./Palette'));
-var _PaletteOutlined = _interopRequireDefault(require('./PaletteOutlined'));
-var _PaletteRounded = _interopRequireDefault(require('./PaletteRounded'));
-var _PaletteSharp = _interopRequireDefault(require('./PaletteSharp'));
-var _PaletteTwoTone = _interopRequireDefault(require('./PaletteTwoTone'));
-var _PanTool = _interopRequireDefault(require('./PanTool'));
-var _PanToolAlt = _interopRequireDefault(require('./PanToolAlt'));
-var _PanToolAltOutlined = _interopRequireDefault(require('./PanToolAltOutlined'));
-var _PanToolAltRounded = _interopRequireDefault(require('./PanToolAltRounded'));
-var _PanToolAltSharp = _interopRequireDefault(require('./PanToolAltSharp'));
-var _PanToolAltTwoTone = _interopRequireDefault(require('./PanToolAltTwoTone'));
-var _PanToolOutlined = _interopRequireDefault(require('./PanToolOutlined'));
-var _PanToolRounded = _interopRequireDefault(require('./PanToolRounded'));
-var _PanToolSharp = _interopRequireDefault(require('./PanToolSharp'));
-var _PanToolTwoTone = _interopRequireDefault(require('./PanToolTwoTone'));
-var _Panorama = _interopRequireDefault(require('./Panorama'));
-var _PanoramaFishEye = _interopRequireDefault(require('./PanoramaFishEye'));
-var _PanoramaFishEyeOutlined = _interopRequireDefault(require('./PanoramaFishEyeOutlined'));
-var _PanoramaFishEyeRounded = _interopRequireDefault(require('./PanoramaFishEyeRounded'));
-var _PanoramaFishEyeSharp = _interopRequireDefault(require('./PanoramaFishEyeSharp'));
-var _PanoramaFishEyeTwoTone = _interopRequireDefault(require('./PanoramaFishEyeTwoTone'));
-var _PanoramaHorizontal = _interopRequireDefault(require('./PanoramaHorizontal'));
-var _PanoramaHorizontalOutlined = _interopRequireDefault(require('./PanoramaHorizontalOutlined'));
-var _PanoramaHorizontalRounded = _interopRequireDefault(require('./PanoramaHorizontalRounded'));
-var _PanoramaHorizontalSelect = _interopRequireDefault(require('./PanoramaHorizontalSelect'));
-var _PanoramaHorizontalSelectOutlined = _interopRequireDefault(
-  require('./PanoramaHorizontalSelectOutlined'),
-);
-var _PanoramaHorizontalSelectRounded = _interopRequireDefault(
-  require('./PanoramaHorizontalSelectRounded'),
-);
-var _PanoramaHorizontalSelectSharp = _interopRequireDefault(
-  require('./PanoramaHorizontalSelectSharp'),
-);
-var _PanoramaHorizontalSelectTwoTone = _interopRequireDefault(
-  require('./PanoramaHorizontalSelectTwoTone'),
-);
-var _PanoramaHorizontalSharp = _interopRequireDefault(require('./PanoramaHorizontalSharp'));
-var _PanoramaHorizontalTwoTone = _interopRequireDefault(require('./PanoramaHorizontalTwoTone'));
-var _PanoramaOutlined = _interopRequireDefault(require('./PanoramaOutlined'));
-var _PanoramaPhotosphere = _interopRequireDefault(require('./PanoramaPhotosphere'));
-var _PanoramaPhotosphereOutlined = _interopRequireDefault(require('./PanoramaPhotosphereOutlined'));
-var _PanoramaPhotosphereRounded = _interopRequireDefault(require('./PanoramaPhotosphereRounded'));
-var _PanoramaPhotosphereSelect = _interopRequireDefault(require('./PanoramaPhotosphereSelect'));
-var _PanoramaPhotosphereSelectOutlined = _interopRequireDefault(
-  require('./PanoramaPhotosphereSelectOutlined'),
-);
-var _PanoramaPhotosphereSelectRounded = _interopRequireDefault(
-  require('./PanoramaPhotosphereSelectRounded'),
-);
-var _PanoramaPhotosphereSelectSharp = _interopRequireDefault(
-  require('./PanoramaPhotosphereSelectSharp'),
-);
-var _PanoramaPhotosphereSelectTwoTone = _interopRequireDefault(
-  require('./PanoramaPhotosphereSelectTwoTone'),
-);
-var _PanoramaPhotosphereSharp = _interopRequireDefault(require('./PanoramaPhotosphereSharp'));
-var _PanoramaPhotosphereTwoTone = _interopRequireDefault(require('./PanoramaPhotosphereTwoTone'));
-var _PanoramaRounded = _interopRequireDefault(require('./PanoramaRounded'));
-var _PanoramaSharp = _interopRequireDefault(require('./PanoramaSharp'));
-var _PanoramaTwoTone = _interopRequireDefault(require('./PanoramaTwoTone'));
-var _PanoramaVertical = _interopRequireDefault(require('./PanoramaVertical'));
-var _PanoramaVerticalOutlined = _interopRequireDefault(require('./PanoramaVerticalOutlined'));
-var _PanoramaVerticalRounded = _interopRequireDefault(require('./PanoramaVerticalRounded'));
-var _PanoramaVerticalSelect = _interopRequireDefault(require('./PanoramaVerticalSelect'));
-var _PanoramaVerticalSelectOutlined = _interopRequireDefault(
-  require('./PanoramaVerticalSelectOutlined'),
-);
-var _PanoramaVerticalSelectRounded = _interopRequireDefault(
-  require('./PanoramaVerticalSelectRounded'),
-);
-var _PanoramaVerticalSelectSharp = _interopRequireDefault(require('./PanoramaVerticalSelectSharp'));
-var _PanoramaVerticalSelectTwoTone = _interopRequireDefault(
-  require('./PanoramaVerticalSelectTwoTone'),
-);
-var _PanoramaVerticalSharp = _interopRequireDefault(require('./PanoramaVerticalSharp'));
-var _PanoramaVerticalTwoTone = _interopRequireDefault(require('./PanoramaVerticalTwoTone'));
-var _PanoramaWideAngle = _interopRequireDefault(require('./PanoramaWideAngle'));
-var _PanoramaWideAngleOutlined = _interopRequireDefault(require('./PanoramaWideAngleOutlined'));
-var _PanoramaWideAngleRounded = _interopRequireDefault(require('./PanoramaWideAngleRounded'));
-var _PanoramaWideAngleSelect = _interopRequireDefault(require('./PanoramaWideAngleSelect'));
-var _PanoramaWideAngleSelectOutlined = _interopRequireDefault(
-  require('./PanoramaWideAngleSelectOutlined'),
-);
-var _PanoramaWideAngleSelectRounded = _interopRequireDefault(
-  require('./PanoramaWideAngleSelectRounded'),
-);
-var _PanoramaWideAngleSelectSharp = _interopRequireDefault(
-  require('./PanoramaWideAngleSelectSharp'),
-);
-var _PanoramaWideAngleSelectTwoTone = _interopRequireDefault(
-  require('./PanoramaWideAngleSelectTwoTone'),
-);
-var _PanoramaWideAngleSharp = _interopRequireDefault(require('./PanoramaWideAngleSharp'));
-var _PanoramaWideAngleTwoTone = _interopRequireDefault(require('./PanoramaWideAngleTwoTone'));
-var _Paragliding = _interopRequireDefault(require('./Paragliding'));
-var _ParaglidingOutlined = _interopRequireDefault(require('./ParaglidingOutlined'));
-var _ParaglidingRounded = _interopRequireDefault(require('./ParaglidingRounded'));
-var _ParaglidingSharp = _interopRequireDefault(require('./ParaglidingSharp'));
-var _ParaglidingTwoTone = _interopRequireDefault(require('./ParaglidingTwoTone'));
-var _Park = _interopRequireDefault(require('./Park'));
-var _ParkOutlined = _interopRequireDefault(require('./ParkOutlined'));
-var _ParkRounded = _interopRequireDefault(require('./ParkRounded'));
-var _ParkSharp = _interopRequireDefault(require('./ParkSharp'));
-var _ParkTwoTone = _interopRequireDefault(require('./ParkTwoTone'));
-var _PartyMode = _interopRequireDefault(require('./PartyMode'));
-var _PartyModeOutlined = _interopRequireDefault(require('./PartyModeOutlined'));
-var _PartyModeRounded = _interopRequireDefault(require('./PartyModeRounded'));
-var _PartyModeSharp = _interopRequireDefault(require('./PartyModeSharp'));
-var _PartyModeTwoTone = _interopRequireDefault(require('./PartyModeTwoTone'));
-var _Password = _interopRequireDefault(require('./Password'));
-var _PasswordOutlined = _interopRequireDefault(require('./PasswordOutlined'));
-var _PasswordRounded = _interopRequireDefault(require('./PasswordRounded'));
-var _PasswordSharp = _interopRequireDefault(require('./PasswordSharp'));
-var _PasswordTwoTone = _interopRequireDefault(require('./PasswordTwoTone'));
-var _Pattern = _interopRequireDefault(require('./Pattern'));
-var _PatternOutlined = _interopRequireDefault(require('./PatternOutlined'));
-var _PatternRounded = _interopRequireDefault(require('./PatternRounded'));
-var _PatternSharp = _interopRequireDefault(require('./PatternSharp'));
-var _PatternTwoTone = _interopRequireDefault(require('./PatternTwoTone'));
-var _Pause = _interopRequireDefault(require('./Pause'));
-var _PauseCircle = _interopRequireDefault(require('./PauseCircle'));
-var _PauseCircleFilled = _interopRequireDefault(require('./PauseCircleFilled'));
-var _PauseCircleFilledOutlined = _interopRequireDefault(require('./PauseCircleFilledOutlined'));
-var _PauseCircleFilledRounded = _interopRequireDefault(require('./PauseCircleFilledRounded'));
-var _PauseCircleFilledSharp = _interopRequireDefault(require('./PauseCircleFilledSharp'));
-var _PauseCircleFilledTwoTone = _interopRequireDefault(require('./PauseCircleFilledTwoTone'));
-var _PauseCircleOutline = _interopRequireDefault(require('./PauseCircleOutline'));
-var _PauseCircleOutlineOutlined = _interopRequireDefault(require('./PauseCircleOutlineOutlined'));
-var _PauseCircleOutlineRounded = _interopRequireDefault(require('./PauseCircleOutlineRounded'));
-var _PauseCircleOutlineSharp = _interopRequireDefault(require('./PauseCircleOutlineSharp'));
-var _PauseCircleOutlineTwoTone = _interopRequireDefault(require('./PauseCircleOutlineTwoTone'));
-var _PauseCircleOutlined = _interopRequireDefault(require('./PauseCircleOutlined'));
-var _PauseCircleRounded = _interopRequireDefault(require('./PauseCircleRounded'));
-var _PauseCircleSharp = _interopRequireDefault(require('./PauseCircleSharp'));
-var _PauseCircleTwoTone = _interopRequireDefault(require('./PauseCircleTwoTone'));
-var _PauseOutlined = _interopRequireDefault(require('./PauseOutlined'));
-var _PausePresentation = _interopRequireDefault(require('./PausePresentation'));
-var _PausePresentationOutlined = _interopRequireDefault(require('./PausePresentationOutlined'));
-var _PausePresentationRounded = _interopRequireDefault(require('./PausePresentationRounded'));
-var _PausePresentationSharp = _interopRequireDefault(require('./PausePresentationSharp'));
-var _PausePresentationTwoTone = _interopRequireDefault(require('./PausePresentationTwoTone'));
-var _PauseRounded = _interopRequireDefault(require('./PauseRounded'));
-var _PauseSharp = _interopRequireDefault(require('./PauseSharp'));
-var _PauseTwoTone = _interopRequireDefault(require('./PauseTwoTone'));
-var _Payment = _interopRequireDefault(require('./Payment'));
-var _PaymentOutlined = _interopRequireDefault(require('./PaymentOutlined'));
-var _PaymentRounded = _interopRequireDefault(require('./PaymentRounded'));
-var _PaymentSharp = _interopRequireDefault(require('./PaymentSharp'));
-var _PaymentTwoTone = _interopRequireDefault(require('./PaymentTwoTone'));
-var _Payments = _interopRequireDefault(require('./Payments'));
-var _PaymentsOutlined = _interopRequireDefault(require('./PaymentsOutlined'));
-var _PaymentsRounded = _interopRequireDefault(require('./PaymentsRounded'));
-var _PaymentsSharp = _interopRequireDefault(require('./PaymentsSharp'));
-var _PaymentsTwoTone = _interopRequireDefault(require('./PaymentsTwoTone'));
-var _PedalBike = _interopRequireDefault(require('./PedalBike'));
-var _PedalBikeOutlined = _interopRequireDefault(require('./PedalBikeOutlined'));
-var _PedalBikeRounded = _interopRequireDefault(require('./PedalBikeRounded'));
-var _PedalBikeSharp = _interopRequireDefault(require('./PedalBikeSharp'));
-var _PedalBikeTwoTone = _interopRequireDefault(require('./PedalBikeTwoTone'));
-var _Pending = _interopRequireDefault(require('./Pending'));
-var _PendingActions = _interopRequireDefault(require('./PendingActions'));
-var _PendingActionsOutlined = _interopRequireDefault(require('./PendingActionsOutlined'));
-var _PendingActionsRounded = _interopRequireDefault(require('./PendingActionsRounded'));
-var _PendingActionsSharp = _interopRequireDefault(require('./PendingActionsSharp'));
-var _PendingActionsTwoTone = _interopRequireDefault(require('./PendingActionsTwoTone'));
-var _PendingOutlined = _interopRequireDefault(require('./PendingOutlined'));
-var _PendingRounded = _interopRequireDefault(require('./PendingRounded'));
-var _PendingSharp = _interopRequireDefault(require('./PendingSharp'));
-var _PendingTwoTone = _interopRequireDefault(require('./PendingTwoTone'));
-var _Pentagon = _interopRequireDefault(require('./Pentagon'));
-var _PentagonOutlined = _interopRequireDefault(require('./PentagonOutlined'));
-var _PentagonRounded = _interopRequireDefault(require('./PentagonRounded'));
-var _PentagonSharp = _interopRequireDefault(require('./PentagonSharp'));
-var _PentagonTwoTone = _interopRequireDefault(require('./PentagonTwoTone'));
-var _People = _interopRequireDefault(require('./People'));
-var _PeopleAlt = _interopRequireDefault(require('./PeopleAlt'));
-var _PeopleAltOutlined = _interopRequireDefault(require('./PeopleAltOutlined'));
-var _PeopleAltRounded = _interopRequireDefault(require('./PeopleAltRounded'));
-var _PeopleAltSharp = _interopRequireDefault(require('./PeopleAltSharp'));
-var _PeopleAltTwoTone = _interopRequireDefault(require('./PeopleAltTwoTone'));
-var _PeopleOutline = _interopRequireDefault(require('./PeopleOutline'));
-var _PeopleOutlineOutlined = _interopRequireDefault(require('./PeopleOutlineOutlined'));
-var _PeopleOutlineRounded = _interopRequireDefault(require('./PeopleOutlineRounded'));
-var _PeopleOutlineSharp = _interopRequireDefault(require('./PeopleOutlineSharp'));
-var _PeopleOutlineTwoTone = _interopRequireDefault(require('./PeopleOutlineTwoTone'));
-var _PeopleOutlined = _interopRequireDefault(require('./PeopleOutlined'));
-var _PeopleRounded = _interopRequireDefault(require('./PeopleRounded'));
-var _PeopleSharp = _interopRequireDefault(require('./PeopleSharp'));
-var _PeopleTwoTone = _interopRequireDefault(require('./PeopleTwoTone'));
-var _Percent = _interopRequireDefault(require('./Percent'));
-var _PercentOutlined = _interopRequireDefault(require('./PercentOutlined'));
-var _PercentRounded = _interopRequireDefault(require('./PercentRounded'));
-var _PercentSharp = _interopRequireDefault(require('./PercentSharp'));
-var _PercentTwoTone = _interopRequireDefault(require('./PercentTwoTone'));
-var _PermCameraMic = _interopRequireDefault(require('./PermCameraMic'));
-var _PermCameraMicOutlined = _interopRequireDefault(require('./PermCameraMicOutlined'));
-var _PermCameraMicRounded = _interopRequireDefault(require('./PermCameraMicRounded'));
-var _PermCameraMicSharp = _interopRequireDefault(require('./PermCameraMicSharp'));
-var _PermCameraMicTwoTone = _interopRequireDefault(require('./PermCameraMicTwoTone'));
-var _PermContactCalendar = _interopRequireDefault(require('./PermContactCalendar'));
-var _PermContactCalendarOutlined = _interopRequireDefault(require('./PermContactCalendarOutlined'));
-var _PermContactCalendarRounded = _interopRequireDefault(require('./PermContactCalendarRounded'));
-var _PermContactCalendarSharp = _interopRequireDefault(require('./PermContactCalendarSharp'));
-var _PermContactCalendarTwoTone = _interopRequireDefault(require('./PermContactCalendarTwoTone'));
-var _PermDataSetting = _interopRequireDefault(require('./PermDataSetting'));
-var _PermDataSettingOutlined = _interopRequireDefault(require('./PermDataSettingOutlined'));
-var _PermDataSettingRounded = _interopRequireDefault(require('./PermDataSettingRounded'));
-var _PermDataSettingSharp = _interopRequireDefault(require('./PermDataSettingSharp'));
-var _PermDataSettingTwoTone = _interopRequireDefault(require('./PermDataSettingTwoTone'));
-var _PermDeviceInformation = _interopRequireDefault(require('./PermDeviceInformation'));
-var _PermDeviceInformationOutlined = _interopRequireDefault(
-  require('./PermDeviceInformationOutlined'),
-);
-var _PermDeviceInformationRounded = _interopRequireDefault(
-  require('./PermDeviceInformationRounded'),
-);
-var _PermDeviceInformationSharp = _interopRequireDefault(require('./PermDeviceInformationSharp'));
-var _PermDeviceInformationTwoTone = _interopRequireDefault(
-  require('./PermDeviceInformationTwoTone'),
-);
-var _PermIdentity = _interopRequireDefault(require('./PermIdentity'));
-var _PermIdentityOutlined = _interopRequireDefault(require('./PermIdentityOutlined'));
-var _PermIdentityRounded = _interopRequireDefault(require('./PermIdentityRounded'));
-var _PermIdentitySharp = _interopRequireDefault(require('./PermIdentitySharp'));
-var _PermIdentityTwoTone = _interopRequireDefault(require('./PermIdentityTwoTone'));
-var _PermMedia = _interopRequireDefault(require('./PermMedia'));
-var _PermMediaOutlined = _interopRequireDefault(require('./PermMediaOutlined'));
-var _PermMediaRounded = _interopRequireDefault(require('./PermMediaRounded'));
-var _PermMediaSharp = _interopRequireDefault(require('./PermMediaSharp'));
-var _PermMediaTwoTone = _interopRequireDefault(require('./PermMediaTwoTone'));
-var _PermPhoneMsg = _interopRequireDefault(require('./PermPhoneMsg'));
-var _PermPhoneMsgOutlined = _interopRequireDefault(require('./PermPhoneMsgOutlined'));
-var _PermPhoneMsgRounded = _interopRequireDefault(require('./PermPhoneMsgRounded'));
-var _PermPhoneMsgSharp = _interopRequireDefault(require('./PermPhoneMsgSharp'));
-var _PermPhoneMsgTwoTone = _interopRequireDefault(require('./PermPhoneMsgTwoTone'));
-var _PermScanWifi = _interopRequireDefault(require('./PermScanWifi'));
-var _PermScanWifiOutlined = _interopRequireDefault(require('./PermScanWifiOutlined'));
-var _PermScanWifiRounded = _interopRequireDefault(require('./PermScanWifiRounded'));
-var _PermScanWifiSharp = _interopRequireDefault(require('./PermScanWifiSharp'));
-var _PermScanWifiTwoTone = _interopRequireDefault(require('./PermScanWifiTwoTone'));
-var _Person = _interopRequireDefault(require('./Person'));
-var _Person2 = _interopRequireDefault(require('./Person2'));
-var _Person2Outlined = _interopRequireDefault(require('./Person2Outlined'));
-var _Person2Rounded = _interopRequireDefault(require('./Person2Rounded'));
-var _Person2Sharp = _interopRequireDefault(require('./Person2Sharp'));
-var _Person2TwoTone = _interopRequireDefault(require('./Person2TwoTone'));
-var _Person3 = _interopRequireDefault(require('./Person3'));
-var _Person3Outlined = _interopRequireDefault(require('./Person3Outlined'));
-var _Person3Rounded = _interopRequireDefault(require('./Person3Rounded'));
-var _Person3Sharp = _interopRequireDefault(require('./Person3Sharp'));
-var _Person3TwoTone = _interopRequireDefault(require('./Person3TwoTone'));
-var _Person4 = _interopRequireDefault(require('./Person4'));
-var _Person4Outlined = _interopRequireDefault(require('./Person4Outlined'));
-var _Person4Rounded = _interopRequireDefault(require('./Person4Rounded'));
-var _Person4Sharp = _interopRequireDefault(require('./Person4Sharp'));
-var _Person4TwoTone = _interopRequireDefault(require('./Person4TwoTone'));
-var _PersonAdd = _interopRequireDefault(require('./PersonAdd'));
-var _PersonAddAlt = _interopRequireDefault(require('./PersonAddAlt'));
-var _PersonAddAlt2 = _interopRequireDefault(require('./PersonAddAlt1'));
-var _PersonAddAlt1Outlined = _interopRequireDefault(require('./PersonAddAlt1Outlined'));
-var _PersonAddAlt1Rounded = _interopRequireDefault(require('./PersonAddAlt1Rounded'));
-var _PersonAddAlt1Sharp = _interopRequireDefault(require('./PersonAddAlt1Sharp'));
-var _PersonAddAlt1TwoTone = _interopRequireDefault(require('./PersonAddAlt1TwoTone'));
-var _PersonAddAltOutlined = _interopRequireDefault(require('./PersonAddAltOutlined'));
-var _PersonAddAltRounded = _interopRequireDefault(require('./PersonAddAltRounded'));
-var _PersonAddAltSharp = _interopRequireDefault(require('./PersonAddAltSharp'));
-var _PersonAddAltTwoTone = _interopRequireDefault(require('./PersonAddAltTwoTone'));
-var _PersonAddDisabled = _interopRequireDefault(require('./PersonAddDisabled'));
-var _PersonAddDisabledOutlined = _interopRequireDefault(require('./PersonAddDisabledOutlined'));
-var _PersonAddDisabledRounded = _interopRequireDefault(require('./PersonAddDisabledRounded'));
-var _PersonAddDisabledSharp = _interopRequireDefault(require('./PersonAddDisabledSharp'));
-var _PersonAddDisabledTwoTone = _interopRequireDefault(require('./PersonAddDisabledTwoTone'));
-var _PersonAddOutlined = _interopRequireDefault(require('./PersonAddOutlined'));
-var _PersonAddRounded = _interopRequireDefault(require('./PersonAddRounded'));
-var _PersonAddSharp = _interopRequireDefault(require('./PersonAddSharp'));
-var _PersonAddTwoTone = _interopRequireDefault(require('./PersonAddTwoTone'));
-var _PersonOff = _interopRequireDefault(require('./PersonOff'));
-var _PersonOffOutlined = _interopRequireDefault(require('./PersonOffOutlined'));
-var _PersonOffRounded = _interopRequireDefault(require('./PersonOffRounded'));
-var _PersonOffSharp = _interopRequireDefault(require('./PersonOffSharp'));
-var _PersonOffTwoTone = _interopRequireDefault(require('./PersonOffTwoTone'));
-var _PersonOutline = _interopRequireDefault(require('./PersonOutline'));
-var _PersonOutlineOutlined = _interopRequireDefault(require('./PersonOutlineOutlined'));
-var _PersonOutlineRounded = _interopRequireDefault(require('./PersonOutlineRounded'));
-var _PersonOutlineSharp = _interopRequireDefault(require('./PersonOutlineSharp'));
-var _PersonOutlineTwoTone = _interopRequireDefault(require('./PersonOutlineTwoTone'));
-var _PersonOutlined = _interopRequireDefault(require('./PersonOutlined'));
-var _PersonPin = _interopRequireDefault(require('./PersonPin'));
-var _PersonPinCircle = _interopRequireDefault(require('./PersonPinCircle'));
-var _PersonPinCircleOutlined = _interopRequireDefault(require('./PersonPinCircleOutlined'));
-var _PersonPinCircleRounded = _interopRequireDefault(require('./PersonPinCircleRounded'));
-var _PersonPinCircleSharp = _interopRequireDefault(require('./PersonPinCircleSharp'));
-var _PersonPinCircleTwoTone = _interopRequireDefault(require('./PersonPinCircleTwoTone'));
-var _PersonPinOutlined = _interopRequireDefault(require('./PersonPinOutlined'));
-var _PersonPinRounded = _interopRequireDefault(require('./PersonPinRounded'));
-var _PersonPinSharp = _interopRequireDefault(require('./PersonPinSharp'));
-var _PersonPinTwoTone = _interopRequireDefault(require('./PersonPinTwoTone'));
-var _PersonRemove = _interopRequireDefault(require('./PersonRemove'));
-var _PersonRemoveAlt = _interopRequireDefault(require('./PersonRemoveAlt1'));
-var _PersonRemoveAlt1Outlined = _interopRequireDefault(require('./PersonRemoveAlt1Outlined'));
-var _PersonRemoveAlt1Rounded = _interopRequireDefault(require('./PersonRemoveAlt1Rounded'));
-var _PersonRemoveAlt1Sharp = _interopRequireDefault(require('./PersonRemoveAlt1Sharp'));
-var _PersonRemoveAlt1TwoTone = _interopRequireDefault(require('./PersonRemoveAlt1TwoTone'));
-var _PersonRemoveOutlined = _interopRequireDefault(require('./PersonRemoveOutlined'));
-var _PersonRemoveRounded = _interopRequireDefault(require('./PersonRemoveRounded'));
-var _PersonRemoveSharp = _interopRequireDefault(require('./PersonRemoveSharp'));
-var _PersonRemoveTwoTone = _interopRequireDefault(require('./PersonRemoveTwoTone'));
-var _PersonRounded = _interopRequireDefault(require('./PersonRounded'));
-var _PersonSearch = _interopRequireDefault(require('./PersonSearch'));
-var _PersonSearchOutlined = _interopRequireDefault(require('./PersonSearchOutlined'));
-var _PersonSearchRounded = _interopRequireDefault(require('./PersonSearchRounded'));
-var _PersonSearchSharp = _interopRequireDefault(require('./PersonSearchSharp'));
-var _PersonSearchTwoTone = _interopRequireDefault(require('./PersonSearchTwoTone'));
-var _PersonSharp = _interopRequireDefault(require('./PersonSharp'));
-var _PersonTwoTone = _interopRequireDefault(require('./PersonTwoTone'));
-var _PersonalVideo = _interopRequireDefault(require('./PersonalVideo'));
-var _PersonalVideoOutlined = _interopRequireDefault(require('./PersonalVideoOutlined'));
-var _PersonalVideoRounded = _interopRequireDefault(require('./PersonalVideoRounded'));
-var _PersonalVideoSharp = _interopRequireDefault(require('./PersonalVideoSharp'));
-var _PersonalVideoTwoTone = _interopRequireDefault(require('./PersonalVideoTwoTone'));
-var _PestControl = _interopRequireDefault(require('./PestControl'));
-var _PestControlOutlined = _interopRequireDefault(require('./PestControlOutlined'));
-var _PestControlRodent = _interopRequireDefault(require('./PestControlRodent'));
-var _PestControlRodentOutlined = _interopRequireDefault(require('./PestControlRodentOutlined'));
-var _PestControlRodentRounded = _interopRequireDefault(require('./PestControlRodentRounded'));
-var _PestControlRodentSharp = _interopRequireDefault(require('./PestControlRodentSharp'));
-var _PestControlRodentTwoTone = _interopRequireDefault(require('./PestControlRodentTwoTone'));
-var _PestControlRounded = _interopRequireDefault(require('./PestControlRounded'));
-var _PestControlSharp = _interopRequireDefault(require('./PestControlSharp'));
-var _PestControlTwoTone = _interopRequireDefault(require('./PestControlTwoTone'));
-var _Pets = _interopRequireDefault(require('./Pets'));
-var _PetsOutlined = _interopRequireDefault(require('./PetsOutlined'));
-var _PetsRounded = _interopRequireDefault(require('./PetsRounded'));
-var _PetsSharp = _interopRequireDefault(require('./PetsSharp'));
-var _PetsTwoTone = _interopRequireDefault(require('./PetsTwoTone'));
-var _Phishing = _interopRequireDefault(require('./Phishing'));
-var _PhishingOutlined = _interopRequireDefault(require('./PhishingOutlined'));
-var _PhishingRounded = _interopRequireDefault(require('./PhishingRounded'));
-var _PhishingSharp = _interopRequireDefault(require('./PhishingSharp'));
-var _PhishingTwoTone = _interopRequireDefault(require('./PhishingTwoTone'));
-var _Phone = _interopRequireDefault(require('./Phone'));
-var _PhoneAndroid = _interopRequireDefault(require('./PhoneAndroid'));
-var _PhoneAndroidOutlined = _interopRequireDefault(require('./PhoneAndroidOutlined'));
-var _PhoneAndroidRounded = _interopRequireDefault(require('./PhoneAndroidRounded'));
-var _PhoneAndroidSharp = _interopRequireDefault(require('./PhoneAndroidSharp'));
-var _PhoneAndroidTwoTone = _interopRequireDefault(require('./PhoneAndroidTwoTone'));
-var _PhoneBluetoothSpeaker = _interopRequireDefault(require('./PhoneBluetoothSpeaker'));
-var _PhoneBluetoothSpeakerOutlined = _interopRequireDefault(
-  require('./PhoneBluetoothSpeakerOutlined'),
-);
-var _PhoneBluetoothSpeakerRounded = _interopRequireDefault(
-  require('./PhoneBluetoothSpeakerRounded'),
-);
-var _PhoneBluetoothSpeakerSharp = _interopRequireDefault(require('./PhoneBluetoothSpeakerSharp'));
-var _PhoneBluetoothSpeakerTwoTone = _interopRequireDefault(
-  require('./PhoneBluetoothSpeakerTwoTone'),
-);
-var _PhoneCallback = _interopRequireDefault(require('./PhoneCallback'));
-var _PhoneCallbackOutlined = _interopRequireDefault(require('./PhoneCallbackOutlined'));
-var _PhoneCallbackRounded = _interopRequireDefault(require('./PhoneCallbackRounded'));
-var _PhoneCallbackSharp = _interopRequireDefault(require('./PhoneCallbackSharp'));
-var _PhoneCallbackTwoTone = _interopRequireDefault(require('./PhoneCallbackTwoTone'));
-var _PhoneDisabled = _interopRequireDefault(require('./PhoneDisabled'));
-var _PhoneDisabledOutlined = _interopRequireDefault(require('./PhoneDisabledOutlined'));
-var _PhoneDisabledRounded = _interopRequireDefault(require('./PhoneDisabledRounded'));
-var _PhoneDisabledSharp = _interopRequireDefault(require('./PhoneDisabledSharp'));
-var _PhoneDisabledTwoTone = _interopRequireDefault(require('./PhoneDisabledTwoTone'));
-var _PhoneEnabled = _interopRequireDefault(require('./PhoneEnabled'));
-var _PhoneEnabledOutlined = _interopRequireDefault(require('./PhoneEnabledOutlined'));
-var _PhoneEnabledRounded = _interopRequireDefault(require('./PhoneEnabledRounded'));
-var _PhoneEnabledSharp = _interopRequireDefault(require('./PhoneEnabledSharp'));
-var _PhoneEnabledTwoTone = _interopRequireDefault(require('./PhoneEnabledTwoTone'));
-var _PhoneForwarded = _interopRequireDefault(require('./PhoneForwarded'));
-var _PhoneForwardedOutlined = _interopRequireDefault(require('./PhoneForwardedOutlined'));
-var _PhoneForwardedRounded = _interopRequireDefault(require('./PhoneForwardedRounded'));
-var _PhoneForwardedSharp = _interopRequireDefault(require('./PhoneForwardedSharp'));
-var _PhoneForwardedTwoTone = _interopRequireDefault(require('./PhoneForwardedTwoTone'));
-var _PhoneInTalk = _interopRequireDefault(require('./PhoneInTalk'));
-var _PhoneInTalkOutlined = _interopRequireDefault(require('./PhoneInTalkOutlined'));
-var _PhoneInTalkRounded = _interopRequireDefault(require('./PhoneInTalkRounded'));
-var _PhoneInTalkSharp = _interopRequireDefault(require('./PhoneInTalkSharp'));
-var _PhoneInTalkTwoTone = _interopRequireDefault(require('./PhoneInTalkTwoTone'));
-var _PhoneIphone = _interopRequireDefault(require('./PhoneIphone'));
-var _PhoneIphoneOutlined = _interopRequireDefault(require('./PhoneIphoneOutlined'));
-var _PhoneIphoneRounded = _interopRequireDefault(require('./PhoneIphoneRounded'));
-var _PhoneIphoneSharp = _interopRequireDefault(require('./PhoneIphoneSharp'));
-var _PhoneIphoneTwoTone = _interopRequireDefault(require('./PhoneIphoneTwoTone'));
-var _PhoneLocked = _interopRequireDefault(require('./PhoneLocked'));
-var _PhoneLockedOutlined = _interopRequireDefault(require('./PhoneLockedOutlined'));
-var _PhoneLockedRounded = _interopRequireDefault(require('./PhoneLockedRounded'));
-var _PhoneLockedSharp = _interopRequireDefault(require('./PhoneLockedSharp'));
-var _PhoneLockedTwoTone = _interopRequireDefault(require('./PhoneLockedTwoTone'));
-var _PhoneMissed = _interopRequireDefault(require('./PhoneMissed'));
-var _PhoneMissedOutlined = _interopRequireDefault(require('./PhoneMissedOutlined'));
-var _PhoneMissedRounded = _interopRequireDefault(require('./PhoneMissedRounded'));
-var _PhoneMissedSharp = _interopRequireDefault(require('./PhoneMissedSharp'));
-var _PhoneMissedTwoTone = _interopRequireDefault(require('./PhoneMissedTwoTone'));
-var _PhoneOutlined = _interopRequireDefault(require('./PhoneOutlined'));
-var _PhonePaused = _interopRequireDefault(require('./PhonePaused'));
-var _PhonePausedOutlined = _interopRequireDefault(require('./PhonePausedOutlined'));
-var _PhonePausedRounded = _interopRequireDefault(require('./PhonePausedRounded'));
-var _PhonePausedSharp = _interopRequireDefault(require('./PhonePausedSharp'));
-var _PhonePausedTwoTone = _interopRequireDefault(require('./PhonePausedTwoTone'));
-var _PhoneRounded = _interopRequireDefault(require('./PhoneRounded'));
-var _PhoneSharp = _interopRequireDefault(require('./PhoneSharp'));
-var _PhoneTwoTone = _interopRequireDefault(require('./PhoneTwoTone'));
-var _Phonelink = _interopRequireDefault(require('./Phonelink'));
-var _PhonelinkErase = _interopRequireDefault(require('./PhonelinkErase'));
-var _PhonelinkEraseOutlined = _interopRequireDefault(require('./PhonelinkEraseOutlined'));
-var _PhonelinkEraseRounded = _interopRequireDefault(require('./PhonelinkEraseRounded'));
-var _PhonelinkEraseSharp = _interopRequireDefault(require('./PhonelinkEraseSharp'));
-var _PhonelinkEraseTwoTone = _interopRequireDefault(require('./PhonelinkEraseTwoTone'));
-var _PhonelinkLock = _interopRequireDefault(require('./PhonelinkLock'));
-var _PhonelinkLockOutlined = _interopRequireDefault(require('./PhonelinkLockOutlined'));
-var _PhonelinkLockRounded = _interopRequireDefault(require('./PhonelinkLockRounded'));
-var _PhonelinkLockSharp = _interopRequireDefault(require('./PhonelinkLockSharp'));
-var _PhonelinkLockTwoTone = _interopRequireDefault(require('./PhonelinkLockTwoTone'));
-var _PhonelinkOff = _interopRequireDefault(require('./PhonelinkOff'));
-var _PhonelinkOffOutlined = _interopRequireDefault(require('./PhonelinkOffOutlined'));
-var _PhonelinkOffRounded = _interopRequireDefault(require('./PhonelinkOffRounded'));
-var _PhonelinkOffSharp = _interopRequireDefault(require('./PhonelinkOffSharp'));
-var _PhonelinkOffTwoTone = _interopRequireDefault(require('./PhonelinkOffTwoTone'));
-var _PhonelinkOutlined = _interopRequireDefault(require('./PhonelinkOutlined'));
-var _PhonelinkRing = _interopRequireDefault(require('./PhonelinkRing'));
-var _PhonelinkRingOutlined = _interopRequireDefault(require('./PhonelinkRingOutlined'));
-var _PhonelinkRingRounded = _interopRequireDefault(require('./PhonelinkRingRounded'));
-var _PhonelinkRingSharp = _interopRequireDefault(require('./PhonelinkRingSharp'));
-var _PhonelinkRingTwoTone = _interopRequireDefault(require('./PhonelinkRingTwoTone'));
-var _PhonelinkRounded = _interopRequireDefault(require('./PhonelinkRounded'));
-var _PhonelinkSetup = _interopRequireDefault(require('./PhonelinkSetup'));
-var _PhonelinkSetupOutlined = _interopRequireDefault(require('./PhonelinkSetupOutlined'));
-var _PhonelinkSetupRounded = _interopRequireDefault(require('./PhonelinkSetupRounded'));
-var _PhonelinkSetupSharp = _interopRequireDefault(require('./PhonelinkSetupSharp'));
-var _PhonelinkSetupTwoTone = _interopRequireDefault(require('./PhonelinkSetupTwoTone'));
-var _PhonelinkSharp = _interopRequireDefault(require('./PhonelinkSharp'));
-var _PhonelinkTwoTone = _interopRequireDefault(require('./PhonelinkTwoTone'));
-var _Photo = _interopRequireDefault(require('./Photo'));
-var _PhotoAlbum = _interopRequireDefault(require('./PhotoAlbum'));
-var _PhotoAlbumOutlined = _interopRequireDefault(require('./PhotoAlbumOutlined'));
-var _PhotoAlbumRounded = _interopRequireDefault(require('./PhotoAlbumRounded'));
-var _PhotoAlbumSharp = _interopRequireDefault(require('./PhotoAlbumSharp'));
-var _PhotoAlbumTwoTone = _interopRequireDefault(require('./PhotoAlbumTwoTone'));
-var _PhotoCamera = _interopRequireDefault(require('./PhotoCamera'));
-var _PhotoCameraBack = _interopRequireDefault(require('./PhotoCameraBack'));
-var _PhotoCameraBackOutlined = _interopRequireDefault(require('./PhotoCameraBackOutlined'));
-var _PhotoCameraBackRounded = _interopRequireDefault(require('./PhotoCameraBackRounded'));
-var _PhotoCameraBackSharp = _interopRequireDefault(require('./PhotoCameraBackSharp'));
-var _PhotoCameraBackTwoTone = _interopRequireDefault(require('./PhotoCameraBackTwoTone'));
-var _PhotoCameraFront = _interopRequireDefault(require('./PhotoCameraFront'));
-var _PhotoCameraFrontOutlined = _interopRequireDefault(require('./PhotoCameraFrontOutlined'));
-var _PhotoCameraFrontRounded = _interopRequireDefault(require('./PhotoCameraFrontRounded'));
-var _PhotoCameraFrontSharp = _interopRequireDefault(require('./PhotoCameraFrontSharp'));
-var _PhotoCameraFrontTwoTone = _interopRequireDefault(require('./PhotoCameraFrontTwoTone'));
-var _PhotoCameraOutlined = _interopRequireDefault(require('./PhotoCameraOutlined'));
-var _PhotoCameraRounded = _interopRequireDefault(require('./PhotoCameraRounded'));
-var _PhotoCameraSharp = _interopRequireDefault(require('./PhotoCameraSharp'));
-var _PhotoCameraTwoTone = _interopRequireDefault(require('./PhotoCameraTwoTone'));
-var _PhotoFilter = _interopRequireDefault(require('./PhotoFilter'));
-var _PhotoFilterOutlined = _interopRequireDefault(require('./PhotoFilterOutlined'));
-var _PhotoFilterRounded = _interopRequireDefault(require('./PhotoFilterRounded'));
-var _PhotoFilterSharp = _interopRequireDefault(require('./PhotoFilterSharp'));
-var _PhotoFilterTwoTone = _interopRequireDefault(require('./PhotoFilterTwoTone'));
-var _PhotoLibrary = _interopRequireDefault(require('./PhotoLibrary'));
-var _PhotoLibraryOutlined = _interopRequireDefault(require('./PhotoLibraryOutlined'));
-var _PhotoLibraryRounded = _interopRequireDefault(require('./PhotoLibraryRounded'));
-var _PhotoLibrarySharp = _interopRequireDefault(require('./PhotoLibrarySharp'));
-var _PhotoLibraryTwoTone = _interopRequireDefault(require('./PhotoLibraryTwoTone'));
-var _PhotoOutlined = _interopRequireDefault(require('./PhotoOutlined'));
-var _PhotoRounded = _interopRequireDefault(require('./PhotoRounded'));
-var _PhotoSharp = _interopRequireDefault(require('./PhotoSharp'));
-var _PhotoSizeSelectActual = _interopRequireDefault(require('./PhotoSizeSelectActual'));
-var _PhotoSizeSelectActualOutlined = _interopRequireDefault(
-  require('./PhotoSizeSelectActualOutlined'),
-);
-var _PhotoSizeSelectActualRounded = _interopRequireDefault(
-  require('./PhotoSizeSelectActualRounded'),
-);
-var _PhotoSizeSelectActualSharp = _interopRequireDefault(require('./PhotoSizeSelectActualSharp'));
-var _PhotoSizeSelectActualTwoTone = _interopRequireDefault(
-  require('./PhotoSizeSelectActualTwoTone'),
-);
-var _PhotoSizeSelectLarge = _interopRequireDefault(require('./PhotoSizeSelectLarge'));
-var _PhotoSizeSelectLargeOutlined = _interopRequireDefault(
-  require('./PhotoSizeSelectLargeOutlined'),
-);
-var _PhotoSizeSelectLargeRounded = _interopRequireDefault(require('./PhotoSizeSelectLargeRounded'));
-var _PhotoSizeSelectLargeSharp = _interopRequireDefault(require('./PhotoSizeSelectLargeSharp'));
-var _PhotoSizeSelectLargeTwoTone = _interopRequireDefault(require('./PhotoSizeSelectLargeTwoTone'));
-var _PhotoSizeSelectSmall = _interopRequireDefault(require('./PhotoSizeSelectSmall'));
-var _PhotoSizeSelectSmallOutlined = _interopRequireDefault(
-  require('./PhotoSizeSelectSmallOutlined'),
-);
-var _PhotoSizeSelectSmallRounded = _interopRequireDefault(require('./PhotoSizeSelectSmallRounded'));
-var _PhotoSizeSelectSmallSharp = _interopRequireDefault(require('./PhotoSizeSelectSmallSharp'));
-var _PhotoSizeSelectSmallTwoTone = _interopRequireDefault(require('./PhotoSizeSelectSmallTwoTone'));
-var _PhotoTwoTone = _interopRequireDefault(require('./PhotoTwoTone'));
-var _Php = _interopRequireDefault(require('./Php'));
-var _PhpOutlined = _interopRequireDefault(require('./PhpOutlined'));
-var _PhpRounded = _interopRequireDefault(require('./PhpRounded'));
-var _PhpSharp = _interopRequireDefault(require('./PhpSharp'));
-var _PhpTwoTone = _interopRequireDefault(require('./PhpTwoTone'));
-var _Piano = _interopRequireDefault(require('./Piano'));
-var _PianoOff = _interopRequireDefault(require('./PianoOff'));
-var _PianoOffOutlined = _interopRequireDefault(require('./PianoOffOutlined'));
-var _PianoOffRounded = _interopRequireDefault(require('./PianoOffRounded'));
-var _PianoOffSharp = _interopRequireDefault(require('./PianoOffSharp'));
-var _PianoOffTwoTone = _interopRequireDefault(require('./PianoOffTwoTone'));
-var _PianoOutlined = _interopRequireDefault(require('./PianoOutlined'));
-var _PianoRounded = _interopRequireDefault(require('./PianoRounded'));
-var _PianoSharp = _interopRequireDefault(require('./PianoSharp'));
-var _PianoTwoTone = _interopRequireDefault(require('./PianoTwoTone'));
-var _PictureAsPdf = _interopRequireDefault(require('./PictureAsPdf'));
-var _PictureAsPdfOutlined = _interopRequireDefault(require('./PictureAsPdfOutlined'));
-var _PictureAsPdfRounded = _interopRequireDefault(require('./PictureAsPdfRounded'));
-var _PictureAsPdfSharp = _interopRequireDefault(require('./PictureAsPdfSharp'));
-var _PictureAsPdfTwoTone = _interopRequireDefault(require('./PictureAsPdfTwoTone'));
-var _PictureInPicture = _interopRequireDefault(require('./PictureInPicture'));
-var _PictureInPictureAlt = _interopRequireDefault(require('./PictureInPictureAlt'));
-var _PictureInPictureAltOutlined = _interopRequireDefault(require('./PictureInPictureAltOutlined'));
-var _PictureInPictureAltRounded = _interopRequireDefault(require('./PictureInPictureAltRounded'));
-var _PictureInPictureAltSharp = _interopRequireDefault(require('./PictureInPictureAltSharp'));
-var _PictureInPictureAltTwoTone = _interopRequireDefault(require('./PictureInPictureAltTwoTone'));
-var _PictureInPictureOutlined = _interopRequireDefault(require('./PictureInPictureOutlined'));
-var _PictureInPictureRounded = _interopRequireDefault(require('./PictureInPictureRounded'));
-var _PictureInPictureSharp = _interopRequireDefault(require('./PictureInPictureSharp'));
-var _PictureInPictureTwoTone = _interopRequireDefault(require('./PictureInPictureTwoTone'));
-var _PieChart = _interopRequireDefault(require('./PieChart'));
-var _PieChartOutline = _interopRequireDefault(require('./PieChartOutline'));
-var _PieChartOutlineOutlined = _interopRequireDefault(require('./PieChartOutlineOutlined'));
-var _PieChartOutlineRounded = _interopRequireDefault(require('./PieChartOutlineRounded'));
-var _PieChartOutlineSharp = _interopRequireDefault(require('./PieChartOutlineSharp'));
-var _PieChartOutlineTwoTone = _interopRequireDefault(require('./PieChartOutlineTwoTone'));
-var _PieChartOutlined = _interopRequireDefault(require('./PieChartOutlined'));
-var _PieChartRounded = _interopRequireDefault(require('./PieChartRounded'));
-var _PieChartSharp = _interopRequireDefault(require('./PieChartSharp'));
-var _PieChartTwoTone = _interopRequireDefault(require('./PieChartTwoTone'));
-var _Pin = _interopRequireDefault(require('./Pin'));
-var _PinDrop = _interopRequireDefault(require('./PinDrop'));
-var _PinDropOutlined = _interopRequireDefault(require('./PinDropOutlined'));
-var _PinDropRounded = _interopRequireDefault(require('./PinDropRounded'));
-var _PinDropSharp = _interopRequireDefault(require('./PinDropSharp'));
-var _PinDropTwoTone = _interopRequireDefault(require('./PinDropTwoTone'));
-var _PinOutlined = _interopRequireDefault(require('./PinOutlined'));
-var _PinRounded = _interopRequireDefault(require('./PinRounded'));
-var _PinSharp = _interopRequireDefault(require('./PinSharp'));
-var _PinTwoTone = _interopRequireDefault(require('./PinTwoTone'));
-var _Pinch = _interopRequireDefault(require('./Pinch'));
-var _PinchOutlined = _interopRequireDefault(require('./PinchOutlined'));
-var _PinchRounded = _interopRequireDefault(require('./PinchRounded'));
-var _PinchSharp = _interopRequireDefault(require('./PinchSharp'));
-var _PinchTwoTone = _interopRequireDefault(require('./PinchTwoTone'));
-var _Pinterest = _interopRequireDefault(require('./Pinterest'));
-var _PivotTableChart = _interopRequireDefault(require('./PivotTableChart'));
-var _PivotTableChartOutlined = _interopRequireDefault(require('./PivotTableChartOutlined'));
-var _PivotTableChartRounded = _interopRequireDefault(require('./PivotTableChartRounded'));
-var _PivotTableChartSharp = _interopRequireDefault(require('./PivotTableChartSharp'));
-var _PivotTableChartTwoTone = _interopRequireDefault(require('./PivotTableChartTwoTone'));
-var _Pix = _interopRequireDefault(require('./Pix'));
-var _PixOutlined = _interopRequireDefault(require('./PixOutlined'));
-var _PixRounded = _interopRequireDefault(require('./PixRounded'));
-var _PixSharp = _interopRequireDefault(require('./PixSharp'));
-var _PixTwoTone = _interopRequireDefault(require('./PixTwoTone'));
-var _Place = _interopRequireDefault(require('./Place'));
-var _PlaceOutlined = _interopRequireDefault(require('./PlaceOutlined'));
-var _PlaceRounded = _interopRequireDefault(require('./PlaceRounded'));
-var _PlaceSharp = _interopRequireDefault(require('./PlaceSharp'));
-var _PlaceTwoTone = _interopRequireDefault(require('./PlaceTwoTone'));
-var _Plagiarism = _interopRequireDefault(require('./Plagiarism'));
-var _PlagiarismOutlined = _interopRequireDefault(require('./PlagiarismOutlined'));
-var _PlagiarismRounded = _interopRequireDefault(require('./PlagiarismRounded'));
-var _PlagiarismSharp = _interopRequireDefault(require('./PlagiarismSharp'));
-var _PlagiarismTwoTone = _interopRequireDefault(require('./PlagiarismTwoTone'));
-var _PlayArrow = _interopRequireDefault(require('./PlayArrow'));
-var _PlayArrowOutlined = _interopRequireDefault(require('./PlayArrowOutlined'));
-var _PlayArrowRounded = _interopRequireDefault(require('./PlayArrowRounded'));
-var _PlayArrowSharp = _interopRequireDefault(require('./PlayArrowSharp'));
-var _PlayArrowTwoTone = _interopRequireDefault(require('./PlayArrowTwoTone'));
-var _PlayCircle = _interopRequireDefault(require('./PlayCircle'));
-var _PlayCircleFilled = _interopRequireDefault(require('./PlayCircleFilled'));
-var _PlayCircleFilledOutlined = _interopRequireDefault(require('./PlayCircleFilledOutlined'));
-var _PlayCircleFilledRounded = _interopRequireDefault(require('./PlayCircleFilledRounded'));
-var _PlayCircleFilledSharp = _interopRequireDefault(require('./PlayCircleFilledSharp'));
-var _PlayCircleFilledTwoTone = _interopRequireDefault(require('./PlayCircleFilledTwoTone'));
-var _PlayCircleFilledWhite = _interopRequireDefault(require('./PlayCircleFilledWhite'));
-var _PlayCircleFilledWhiteOutlined = _interopRequireDefault(
-  require('./PlayCircleFilledWhiteOutlined'),
-);
-var _PlayCircleFilledWhiteRounded = _interopRequireDefault(
-  require('./PlayCircleFilledWhiteRounded'),
-);
-var _PlayCircleFilledWhiteSharp = _interopRequireDefault(require('./PlayCircleFilledWhiteSharp'));
-var _PlayCircleFilledWhiteTwoTone = _interopRequireDefault(
-  require('./PlayCircleFilledWhiteTwoTone'),
-);
-var _PlayCircleOutline = _interopRequireDefault(require('./PlayCircleOutline'));
-var _PlayCircleOutlineOutlined = _interopRequireDefault(require('./PlayCircleOutlineOutlined'));
-var _PlayCircleOutlineRounded = _interopRequireDefault(require('./PlayCircleOutlineRounded'));
-var _PlayCircleOutlineSharp = _interopRequireDefault(require('./PlayCircleOutlineSharp'));
-var _PlayCircleOutlineTwoTone = _interopRequireDefault(require('./PlayCircleOutlineTwoTone'));
-var _PlayCircleOutlined = _interopRequireDefault(require('./PlayCircleOutlined'));
-var _PlayCircleRounded = _interopRequireDefault(require('./PlayCircleRounded'));
-var _PlayCircleSharp = _interopRequireDefault(require('./PlayCircleSharp'));
-var _PlayCircleTwoTone = _interopRequireDefault(require('./PlayCircleTwoTone'));
-var _PlayDisabled = _interopRequireDefault(require('./PlayDisabled'));
-var _PlayDisabledOutlined = _interopRequireDefault(require('./PlayDisabledOutlined'));
-var _PlayDisabledRounded = _interopRequireDefault(require('./PlayDisabledRounded'));
-var _PlayDisabledSharp = _interopRequireDefault(require('./PlayDisabledSharp'));
-var _PlayDisabledTwoTone = _interopRequireDefault(require('./PlayDisabledTwoTone'));
-var _PlayForWork = _interopRequireDefault(require('./PlayForWork'));
-var _PlayForWorkOutlined = _interopRequireDefault(require('./PlayForWorkOutlined'));
-var _PlayForWorkRounded = _interopRequireDefault(require('./PlayForWorkRounded'));
-var _PlayForWorkSharp = _interopRequireDefault(require('./PlayForWorkSharp'));
-var _PlayForWorkTwoTone = _interopRequireDefault(require('./PlayForWorkTwoTone'));
-var _PlayLesson = _interopRequireDefault(require('./PlayLesson'));
-var _PlayLessonOutlined = _interopRequireDefault(require('./PlayLessonOutlined'));
-var _PlayLessonRounded = _interopRequireDefault(require('./PlayLessonRounded'));
-var _PlayLessonSharp = _interopRequireDefault(require('./PlayLessonSharp'));
-var _PlayLessonTwoTone = _interopRequireDefault(require('./PlayLessonTwoTone'));
-var _PlaylistAdd = _interopRequireDefault(require('./PlaylistAdd'));
-var _PlaylistAddCheck = _interopRequireDefault(require('./PlaylistAddCheck'));
-var _PlaylistAddCheckCircle = _interopRequireDefault(require('./PlaylistAddCheckCircle'));
-var _PlaylistAddCheckCircleOutlined = _interopRequireDefault(
-  require('./PlaylistAddCheckCircleOutlined'),
-);
-var _PlaylistAddCheckCircleRounded = _interopRequireDefault(
-  require('./PlaylistAddCheckCircleRounded'),
-);
-var _PlaylistAddCheckCircleSharp = _interopRequireDefault(require('./PlaylistAddCheckCircleSharp'));
-var _PlaylistAddCheckCircleTwoTone = _interopRequireDefault(
-  require('./PlaylistAddCheckCircleTwoTone'),
-);
-var _PlaylistAddCheckOutlined = _interopRequireDefault(require('./PlaylistAddCheckOutlined'));
-var _PlaylistAddCheckRounded = _interopRequireDefault(require('./PlaylistAddCheckRounded'));
-var _PlaylistAddCheckSharp = _interopRequireDefault(require('./PlaylistAddCheckSharp'));
-var _PlaylistAddCheckTwoTone = _interopRequireDefault(require('./PlaylistAddCheckTwoTone'));
-var _PlaylistAddCircle = _interopRequireDefault(require('./PlaylistAddCircle'));
-var _PlaylistAddCircleOutlined = _interopRequireDefault(require('./PlaylistAddCircleOutlined'));
-var _PlaylistAddCircleRounded = _interopRequireDefault(require('./PlaylistAddCircleRounded'));
-var _PlaylistAddCircleSharp = _interopRequireDefault(require('./PlaylistAddCircleSharp'));
-var _PlaylistAddCircleTwoTone = _interopRequireDefault(require('./PlaylistAddCircleTwoTone'));
-var _PlaylistAddOutlined = _interopRequireDefault(require('./PlaylistAddOutlined'));
-var _PlaylistAddRounded = _interopRequireDefault(require('./PlaylistAddRounded'));
-var _PlaylistAddSharp = _interopRequireDefault(require('./PlaylistAddSharp'));
-var _PlaylistAddTwoTone = _interopRequireDefault(require('./PlaylistAddTwoTone'));
-var _PlaylistPlay = _interopRequireDefault(require('./PlaylistPlay'));
-var _PlaylistPlayOutlined = _interopRequireDefault(require('./PlaylistPlayOutlined'));
-var _PlaylistPlayRounded = _interopRequireDefault(require('./PlaylistPlayRounded'));
-var _PlaylistPlaySharp = _interopRequireDefault(require('./PlaylistPlaySharp'));
-var _PlaylistPlayTwoTone = _interopRequireDefault(require('./PlaylistPlayTwoTone'));
-var _PlaylistRemove = _interopRequireDefault(require('./PlaylistRemove'));
-var _PlaylistRemoveOutlined = _interopRequireDefault(require('./PlaylistRemoveOutlined'));
-var _PlaylistRemoveRounded = _interopRequireDefault(require('./PlaylistRemoveRounded'));
-var _PlaylistRemoveSharp = _interopRequireDefault(require('./PlaylistRemoveSharp'));
-var _PlaylistRemoveTwoTone = _interopRequireDefault(require('./PlaylistRemoveTwoTone'));
-var _Plumbing = _interopRequireDefault(require('./Plumbing'));
-var _PlumbingOutlined = _interopRequireDefault(require('./PlumbingOutlined'));
-var _PlumbingRounded = _interopRequireDefault(require('./PlumbingRounded'));
-var _PlumbingSharp = _interopRequireDefault(require('./PlumbingSharp'));
-var _PlumbingTwoTone = _interopRequireDefault(require('./PlumbingTwoTone'));
-var _PlusOne = _interopRequireDefault(require('./PlusOne'));
-var _PlusOneOutlined = _interopRequireDefault(require('./PlusOneOutlined'));
-var _PlusOneRounded = _interopRequireDefault(require('./PlusOneRounded'));
-var _PlusOneSharp = _interopRequireDefault(require('./PlusOneSharp'));
-var _PlusOneTwoTone = _interopRequireDefault(require('./PlusOneTwoTone'));
-var _Podcasts = _interopRequireDefault(require('./Podcasts'));
-var _PodcastsOutlined = _interopRequireDefault(require('./PodcastsOutlined'));
-var _PodcastsRounded = _interopRequireDefault(require('./PodcastsRounded'));
-var _PodcastsSharp = _interopRequireDefault(require('./PodcastsSharp'));
-var _PodcastsTwoTone = _interopRequireDefault(require('./PodcastsTwoTone'));
-var _PointOfSale = _interopRequireDefault(require('./PointOfSale'));
-var _PointOfSaleOutlined = _interopRequireDefault(require('./PointOfSaleOutlined'));
-var _PointOfSaleRounded = _interopRequireDefault(require('./PointOfSaleRounded'));
-var _PointOfSaleSharp = _interopRequireDefault(require('./PointOfSaleSharp'));
-var _PointOfSaleTwoTone = _interopRequireDefault(require('./PointOfSaleTwoTone'));
-var _Policy = _interopRequireDefault(require('./Policy'));
-var _PolicyOutlined = _interopRequireDefault(require('./PolicyOutlined'));
-var _PolicyRounded = _interopRequireDefault(require('./PolicyRounded'));
-var _PolicySharp = _interopRequireDefault(require('./PolicySharp'));
-var _PolicyTwoTone = _interopRequireDefault(require('./PolicyTwoTone'));
-var _Poll = _interopRequireDefault(require('./Poll'));
-var _PollOutlined = _interopRequireDefault(require('./PollOutlined'));
-var _PollRounded = _interopRequireDefault(require('./PollRounded'));
-var _PollSharp = _interopRequireDefault(require('./PollSharp'));
-var _PollTwoTone = _interopRequireDefault(require('./PollTwoTone'));
-var _Polyline = _interopRequireDefault(require('./Polyline'));
-var _PolylineOutlined = _interopRequireDefault(require('./PolylineOutlined'));
-var _PolylineRounded = _interopRequireDefault(require('./PolylineRounded'));
-var _PolylineSharp = _interopRequireDefault(require('./PolylineSharp'));
-var _PolylineTwoTone = _interopRequireDefault(require('./PolylineTwoTone'));
-var _Pool = _interopRequireDefault(require('./Pool'));
-var _PoolOutlined = _interopRequireDefault(require('./PoolOutlined'));
-var _PoolRounded = _interopRequireDefault(require('./PoolRounded'));
-var _PoolSharp = _interopRequireDefault(require('./PoolSharp'));
-var _PoolTwoTone = _interopRequireDefault(require('./PoolTwoTone'));
-var _PortableWifiOff = _interopRequireDefault(require('./PortableWifiOff'));
-var _PortableWifiOffOutlined = _interopRequireDefault(require('./PortableWifiOffOutlined'));
-var _PortableWifiOffRounded = _interopRequireDefault(require('./PortableWifiOffRounded'));
-var _PortableWifiOffSharp = _interopRequireDefault(require('./PortableWifiOffSharp'));
-var _PortableWifiOffTwoTone = _interopRequireDefault(require('./PortableWifiOffTwoTone'));
-var _Portrait = _interopRequireDefault(require('./Portrait'));
-var _PortraitOutlined = _interopRequireDefault(require('./PortraitOutlined'));
-var _PortraitRounded = _interopRequireDefault(require('./PortraitRounded'));
-var _PortraitSharp = _interopRequireDefault(require('./PortraitSharp'));
-var _PortraitTwoTone = _interopRequireDefault(require('./PortraitTwoTone'));
-var _PostAdd = _interopRequireDefault(require('./PostAdd'));
-var _PostAddOutlined = _interopRequireDefault(require('./PostAddOutlined'));
-var _PostAddRounded = _interopRequireDefault(require('./PostAddRounded'));
-var _PostAddSharp = _interopRequireDefault(require('./PostAddSharp'));
-var _PostAddTwoTone = _interopRequireDefault(require('./PostAddTwoTone'));
-var _Power = _interopRequireDefault(require('./Power'));
-var _PowerInput = _interopRequireDefault(require('./PowerInput'));
-var _PowerInputOutlined = _interopRequireDefault(require('./PowerInputOutlined'));
-var _PowerInputRounded = _interopRequireDefault(require('./PowerInputRounded'));
-var _PowerInputSharp = _interopRequireDefault(require('./PowerInputSharp'));
-var _PowerInputTwoTone = _interopRequireDefault(require('./PowerInputTwoTone'));
-var _PowerOff = _interopRequireDefault(require('./PowerOff'));
-var _PowerOffOutlined = _interopRequireDefault(require('./PowerOffOutlined'));
-var _PowerOffRounded = _interopRequireDefault(require('./PowerOffRounded'));
-var _PowerOffSharp = _interopRequireDefault(require('./PowerOffSharp'));
-var _PowerOffTwoTone = _interopRequireDefault(require('./PowerOffTwoTone'));
-var _PowerOutlined = _interopRequireDefault(require('./PowerOutlined'));
-var _PowerRounded = _interopRequireDefault(require('./PowerRounded'));
-var _PowerSettingsNew = _interopRequireDefault(require('./PowerSettingsNew'));
-var _PowerSettingsNewOutlined = _interopRequireDefault(require('./PowerSettingsNewOutlined'));
-var _PowerSettingsNewRounded = _interopRequireDefault(require('./PowerSettingsNewRounded'));
-var _PowerSettingsNewSharp = _interopRequireDefault(require('./PowerSettingsNewSharp'));
-var _PowerSettingsNewTwoTone = _interopRequireDefault(require('./PowerSettingsNewTwoTone'));
-var _PowerSharp = _interopRequireDefault(require('./PowerSharp'));
-var _PowerTwoTone = _interopRequireDefault(require('./PowerTwoTone'));
-var _PrecisionManufacturing = _interopRequireDefault(require('./PrecisionManufacturing'));
-var _PrecisionManufacturingOutlined = _interopRequireDefault(
-  require('./PrecisionManufacturingOutlined'),
-);
-var _PrecisionManufacturingRounded = _interopRequireDefault(
-  require('./PrecisionManufacturingRounded'),
-);
-var _PrecisionManufacturingSharp = _interopRequireDefault(require('./PrecisionManufacturingSharp'));
-var _PrecisionManufacturingTwoTone = _interopRequireDefault(
-  require('./PrecisionManufacturingTwoTone'),
-);
-var _PregnantWoman = _interopRequireDefault(require('./PregnantWoman'));
-var _PregnantWomanOutlined = _interopRequireDefault(require('./PregnantWomanOutlined'));
-var _PregnantWomanRounded = _interopRequireDefault(require('./PregnantWomanRounded'));
-var _PregnantWomanSharp = _interopRequireDefault(require('./PregnantWomanSharp'));
-var _PregnantWomanTwoTone = _interopRequireDefault(require('./PregnantWomanTwoTone'));
-var _PresentToAll = _interopRequireDefault(require('./PresentToAll'));
-var _PresentToAllOutlined = _interopRequireDefault(require('./PresentToAllOutlined'));
-var _PresentToAllRounded = _interopRequireDefault(require('./PresentToAllRounded'));
-var _PresentToAllSharp = _interopRequireDefault(require('./PresentToAllSharp'));
-var _PresentToAllTwoTone = _interopRequireDefault(require('./PresentToAllTwoTone'));
-var _Preview = _interopRequireDefault(require('./Preview'));
-var _PreviewOutlined = _interopRequireDefault(require('./PreviewOutlined'));
-var _PreviewRounded = _interopRequireDefault(require('./PreviewRounded'));
-var _PreviewSharp = _interopRequireDefault(require('./PreviewSharp'));
-var _PreviewTwoTone = _interopRequireDefault(require('./PreviewTwoTone'));
-var _PriceChange = _interopRequireDefault(require('./PriceChange'));
-var _PriceChangeOutlined = _interopRequireDefault(require('./PriceChangeOutlined'));
-var _PriceChangeRounded = _interopRequireDefault(require('./PriceChangeRounded'));
-var _PriceChangeSharp = _interopRequireDefault(require('./PriceChangeSharp'));
-var _PriceChangeTwoTone = _interopRequireDefault(require('./PriceChangeTwoTone'));
-var _PriceCheck = _interopRequireDefault(require('./PriceCheck'));
-var _PriceCheckOutlined = _interopRequireDefault(require('./PriceCheckOutlined'));
-var _PriceCheckRounded = _interopRequireDefault(require('./PriceCheckRounded'));
-var _PriceCheckSharp = _interopRequireDefault(require('./PriceCheckSharp'));
-var _PriceCheckTwoTone = _interopRequireDefault(require('./PriceCheckTwoTone'));
-var _Print = _interopRequireDefault(require('./Print'));
-var _PrintDisabled = _interopRequireDefault(require('./PrintDisabled'));
-var _PrintDisabledOutlined = _interopRequireDefault(require('./PrintDisabledOutlined'));
-var _PrintDisabledRounded = _interopRequireDefault(require('./PrintDisabledRounded'));
-var _PrintDisabledSharp = _interopRequireDefault(require('./PrintDisabledSharp'));
-var _PrintDisabledTwoTone = _interopRequireDefault(require('./PrintDisabledTwoTone'));
-var _PrintOutlined = _interopRequireDefault(require('./PrintOutlined'));
-var _PrintRounded = _interopRequireDefault(require('./PrintRounded'));
-var _PrintSharp = _interopRequireDefault(require('./PrintSharp'));
-var _PrintTwoTone = _interopRequireDefault(require('./PrintTwoTone'));
-var _PriorityHigh = _interopRequireDefault(require('./PriorityHigh'));
-var _PriorityHighOutlined = _interopRequireDefault(require('./PriorityHighOutlined'));
-var _PriorityHighRounded = _interopRequireDefault(require('./PriorityHighRounded'));
-var _PriorityHighSharp = _interopRequireDefault(require('./PriorityHighSharp'));
-var _PriorityHighTwoTone = _interopRequireDefault(require('./PriorityHighTwoTone'));
-var _PrivacyTip = _interopRequireDefault(require('./PrivacyTip'));
-var _PrivacyTipOutlined = _interopRequireDefault(require('./PrivacyTipOutlined'));
-var _PrivacyTipRounded = _interopRequireDefault(require('./PrivacyTipRounded'));
-var _PrivacyTipSharp = _interopRequireDefault(require('./PrivacyTipSharp'));
-var _PrivacyTipTwoTone = _interopRequireDefault(require('./PrivacyTipTwoTone'));
-var _ProductionQuantityLimits = _interopRequireDefault(require('./ProductionQuantityLimits'));
-var _ProductionQuantityLimitsOutlined = _interopRequireDefault(
-  require('./ProductionQuantityLimitsOutlined'),
-);
-var _ProductionQuantityLimitsRounded = _interopRequireDefault(
-  require('./ProductionQuantityLimitsRounded'),
-);
-var _ProductionQuantityLimitsSharp = _interopRequireDefault(
-  require('./ProductionQuantityLimitsSharp'),
-);
-var _ProductionQuantityLimitsTwoTone = _interopRequireDefault(
-  require('./ProductionQuantityLimitsTwoTone'),
-);
-var _Propane = _interopRequireDefault(require('./Propane'));
-var _PropaneOutlined = _interopRequireDefault(require('./PropaneOutlined'));
-var _PropaneRounded = _interopRequireDefault(require('./PropaneRounded'));
-var _PropaneSharp = _interopRequireDefault(require('./PropaneSharp'));
-var _PropaneTank = _interopRequireDefault(require('./PropaneTank'));
-var _PropaneTankOutlined = _interopRequireDefault(require('./PropaneTankOutlined'));
-var _PropaneTankRounded = _interopRequireDefault(require('./PropaneTankRounded'));
-var _PropaneTankSharp = _interopRequireDefault(require('./PropaneTankSharp'));
-var _PropaneTankTwoTone = _interopRequireDefault(require('./PropaneTankTwoTone'));
-var _PropaneTwoTone = _interopRequireDefault(require('./PropaneTwoTone'));
-var _Psychology = _interopRequireDefault(require('./Psychology'));
-var _PsychologyAlt = _interopRequireDefault(require('./PsychologyAlt'));
-var _PsychologyAltOutlined = _interopRequireDefault(require('./PsychologyAltOutlined'));
-var _PsychologyAltRounded = _interopRequireDefault(require('./PsychologyAltRounded'));
-var _PsychologyAltSharp = _interopRequireDefault(require('./PsychologyAltSharp'));
-var _PsychologyAltTwoTone = _interopRequireDefault(require('./PsychologyAltTwoTone'));
-var _PsychologyOutlined = _interopRequireDefault(require('./PsychologyOutlined'));
-var _PsychologyRounded = _interopRequireDefault(require('./PsychologyRounded'));
-var _PsychologySharp = _interopRequireDefault(require('./PsychologySharp'));
-var _PsychologyTwoTone = _interopRequireDefault(require('./PsychologyTwoTone'));
-var _Public = _interopRequireDefault(require('./Public'));
-var _PublicOff = _interopRequireDefault(require('./PublicOff'));
-var _PublicOffOutlined = _interopRequireDefault(require('./PublicOffOutlined'));
-var _PublicOffRounded = _interopRequireDefault(require('./PublicOffRounded'));
-var _PublicOffSharp = _interopRequireDefault(require('./PublicOffSharp'));
-var _PublicOffTwoTone = _interopRequireDefault(require('./PublicOffTwoTone'));
-var _PublicOutlined = _interopRequireDefault(require('./PublicOutlined'));
-var _PublicRounded = _interopRequireDefault(require('./PublicRounded'));
-var _PublicSharp = _interopRequireDefault(require('./PublicSharp'));
-var _PublicTwoTone = _interopRequireDefault(require('./PublicTwoTone'));
-var _Publish = _interopRequireDefault(require('./Publish'));
-var _PublishOutlined = _interopRequireDefault(require('./PublishOutlined'));
-var _PublishRounded = _interopRequireDefault(require('./PublishRounded'));
-var _PublishSharp = _interopRequireDefault(require('./PublishSharp'));
-var _PublishTwoTone = _interopRequireDefault(require('./PublishTwoTone'));
-var _PublishedWithChanges = _interopRequireDefault(require('./PublishedWithChanges'));
-var _PublishedWithChangesOutlined = _interopRequireDefault(
-  require('./PublishedWithChangesOutlined'),
-);
-var _PublishedWithChangesRounded = _interopRequireDefault(require('./PublishedWithChangesRounded'));
-var _PublishedWithChangesSharp = _interopRequireDefault(require('./PublishedWithChangesSharp'));
-var _PublishedWithChangesTwoTone = _interopRequireDefault(require('./PublishedWithChangesTwoTone'));
-var _PunchClock = _interopRequireDefault(require('./PunchClock'));
-var _PunchClockOutlined = _interopRequireDefault(require('./PunchClockOutlined'));
-var _PunchClockRounded = _interopRequireDefault(require('./PunchClockRounded'));
-var _PunchClockSharp = _interopRequireDefault(require('./PunchClockSharp'));
-var _PunchClockTwoTone = _interopRequireDefault(require('./PunchClockTwoTone'));
-var _PushPin = _interopRequireDefault(require('./PushPin'));
-var _PushPinOutlined = _interopRequireDefault(require('./PushPinOutlined'));
-var _PushPinRounded = _interopRequireDefault(require('./PushPinRounded'));
-var _PushPinSharp = _interopRequireDefault(require('./PushPinSharp'));
-var _PushPinTwoTone = _interopRequireDefault(require('./PushPinTwoTone'));
-var _QrCode = _interopRequireDefault(require('./QrCode'));
-var _QrCode2 = _interopRequireDefault(require('./QrCode2'));
-var _QrCode2Outlined = _interopRequireDefault(require('./QrCode2Outlined'));
-var _QrCode2Rounded = _interopRequireDefault(require('./QrCode2Rounded'));
-var _QrCode2Sharp = _interopRequireDefault(require('./QrCode2Sharp'));
-var _QrCode2TwoTone = _interopRequireDefault(require('./QrCode2TwoTone'));
-var _QrCodeOutlined = _interopRequireDefault(require('./QrCodeOutlined'));
-var _QrCodeRounded = _interopRequireDefault(require('./QrCodeRounded'));
-var _QrCodeScanner = _interopRequireDefault(require('./QrCodeScanner'));
-var _QrCodeScannerOutlined = _interopRequireDefault(require('./QrCodeScannerOutlined'));
-var _QrCodeScannerRounded = _interopRequireDefault(require('./QrCodeScannerRounded'));
-var _QrCodeScannerSharp = _interopRequireDefault(require('./QrCodeScannerSharp'));
-var _QrCodeScannerTwoTone = _interopRequireDefault(require('./QrCodeScannerTwoTone'));
-var _QrCodeSharp = _interopRequireDefault(require('./QrCodeSharp'));
-var _QrCodeTwoTone = _interopRequireDefault(require('./QrCodeTwoTone'));
-var _QueryBuilder = _interopRequireDefault(require('./QueryBuilder'));
-var _QueryBuilderOutlined = _interopRequireDefault(require('./QueryBuilderOutlined'));
-var _QueryBuilderRounded = _interopRequireDefault(require('./QueryBuilderRounded'));
-var _QueryBuilderSharp = _interopRequireDefault(require('./QueryBuilderSharp'));
-var _QueryBuilderTwoTone = _interopRequireDefault(require('./QueryBuilderTwoTone'));
-var _QueryStats = _interopRequireDefault(require('./QueryStats'));
-var _QueryStatsOutlined = _interopRequireDefault(require('./QueryStatsOutlined'));
-var _QueryStatsRounded = _interopRequireDefault(require('./QueryStatsRounded'));
-var _QueryStatsSharp = _interopRequireDefault(require('./QueryStatsSharp'));
-var _QueryStatsTwoTone = _interopRequireDefault(require('./QueryStatsTwoTone'));
-var _QuestionAnswer = _interopRequireDefault(require('./QuestionAnswer'));
-var _QuestionAnswerOutlined = _interopRequireDefault(require('./QuestionAnswerOutlined'));
-var _QuestionAnswerRounded = _interopRequireDefault(require('./QuestionAnswerRounded'));
-var _QuestionAnswerSharp = _interopRequireDefault(require('./QuestionAnswerSharp'));
-var _QuestionAnswerTwoTone = _interopRequireDefault(require('./QuestionAnswerTwoTone'));
-var _QuestionMark = _interopRequireDefault(require('./QuestionMark'));
-var _QuestionMarkOutlined = _interopRequireDefault(require('./QuestionMarkOutlined'));
-var _QuestionMarkRounded = _interopRequireDefault(require('./QuestionMarkRounded'));
-var _QuestionMarkSharp = _interopRequireDefault(require('./QuestionMarkSharp'));
-var _QuestionMarkTwoTone = _interopRequireDefault(require('./QuestionMarkTwoTone'));
-var _Queue = _interopRequireDefault(require('./Queue'));
-var _QueueMusic = _interopRequireDefault(require('./QueueMusic'));
-var _QueueMusicOutlined = _interopRequireDefault(require('./QueueMusicOutlined'));
-var _QueueMusicRounded = _interopRequireDefault(require('./QueueMusicRounded'));
-var _QueueMusicSharp = _interopRequireDefault(require('./QueueMusicSharp'));
-var _QueueMusicTwoTone = _interopRequireDefault(require('./QueueMusicTwoTone'));
-var _QueueOutlined = _interopRequireDefault(require('./QueueOutlined'));
-var _QueuePlayNext = _interopRequireDefault(require('./QueuePlayNext'));
-var _QueuePlayNextOutlined = _interopRequireDefault(require('./QueuePlayNextOutlined'));
-var _QueuePlayNextRounded = _interopRequireDefault(require('./QueuePlayNextRounded'));
-var _QueuePlayNextSharp = _interopRequireDefault(require('./QueuePlayNextSharp'));
-var _QueuePlayNextTwoTone = _interopRequireDefault(require('./QueuePlayNextTwoTone'));
-var _QueueRounded = _interopRequireDefault(require('./QueueRounded'));
-var _QueueSharp = _interopRequireDefault(require('./QueueSharp'));
-var _QueueTwoTone = _interopRequireDefault(require('./QueueTwoTone'));
-var _Quickreply = _interopRequireDefault(require('./Quickreply'));
-var _QuickreplyOutlined = _interopRequireDefault(require('./QuickreplyOutlined'));
-var _QuickreplyRounded = _interopRequireDefault(require('./QuickreplyRounded'));
-var _QuickreplySharp = _interopRequireDefault(require('./QuickreplySharp'));
-var _QuickreplyTwoTone = _interopRequireDefault(require('./QuickreplyTwoTone'));
-var _Quiz = _interopRequireDefault(require('./Quiz'));
-var _QuizOutlined = _interopRequireDefault(require('./QuizOutlined'));
-var _QuizRounded = _interopRequireDefault(require('./QuizRounded'));
-var _QuizSharp = _interopRequireDefault(require('./QuizSharp'));
-var _QuizTwoTone = _interopRequireDefault(require('./QuizTwoTone'));
-var _RMobiledata = _interopRequireDefault(require('./RMobiledata'));
-var _RMobiledataOutlined = _interopRequireDefault(require('./RMobiledataOutlined'));
-var _RMobiledataRounded = _interopRequireDefault(require('./RMobiledataRounded'));
-var _RMobiledataSharp = _interopRequireDefault(require('./RMobiledataSharp'));
-var _RMobiledataTwoTone = _interopRequireDefault(require('./RMobiledataTwoTone'));
-var _Radar = _interopRequireDefault(require('./Radar'));
-var _RadarOutlined = _interopRequireDefault(require('./RadarOutlined'));
-var _RadarRounded = _interopRequireDefault(require('./RadarRounded'));
-var _RadarSharp = _interopRequireDefault(require('./RadarSharp'));
-var _RadarTwoTone = _interopRequireDefault(require('./RadarTwoTone'));
-var _Radio = _interopRequireDefault(require('./Radio'));
-var _RadioButtonChecked = _interopRequireDefault(require('./RadioButtonChecked'));
-var _RadioButtonCheckedOutlined = _interopRequireDefault(require('./RadioButtonCheckedOutlined'));
-var _RadioButtonCheckedRounded = _interopRequireDefault(require('./RadioButtonCheckedRounded'));
-var _RadioButtonCheckedSharp = _interopRequireDefault(require('./RadioButtonCheckedSharp'));
-var _RadioButtonCheckedTwoTone = _interopRequireDefault(require('./RadioButtonCheckedTwoTone'));
-var _RadioButtonUnchecked = _interopRequireDefault(require('./RadioButtonUnchecked'));
-var _RadioButtonUncheckedOutlined = _interopRequireDefault(
-  require('./RadioButtonUncheckedOutlined'),
-);
-var _RadioButtonUncheckedRounded = _interopRequireDefault(require('./RadioButtonUncheckedRounded'));
-var _RadioButtonUncheckedSharp = _interopRequireDefault(require('./RadioButtonUncheckedSharp'));
-var _RadioButtonUncheckedTwoTone = _interopRequireDefault(require('./RadioButtonUncheckedTwoTone'));
-var _RadioOutlined = _interopRequireDefault(require('./RadioOutlined'));
-var _RadioRounded = _interopRequireDefault(require('./RadioRounded'));
-var _RadioSharp = _interopRequireDefault(require('./RadioSharp'));
-var _RadioTwoTone = _interopRequireDefault(require('./RadioTwoTone'));
-var _RailwayAlert = _interopRequireDefault(require('./RailwayAlert'));
-var _RailwayAlertOutlined = _interopRequireDefault(require('./RailwayAlertOutlined'));
-var _RailwayAlertRounded = _interopRequireDefault(require('./RailwayAlertRounded'));
-var _RailwayAlertSharp = _interopRequireDefault(require('./RailwayAlertSharp'));
-var _RailwayAlertTwoTone = _interopRequireDefault(require('./RailwayAlertTwoTone'));
-var _RamenDining = _interopRequireDefault(require('./RamenDining'));
-var _RamenDiningOutlined = _interopRequireDefault(require('./RamenDiningOutlined'));
-var _RamenDiningRounded = _interopRequireDefault(require('./RamenDiningRounded'));
-var _RamenDiningSharp = _interopRequireDefault(require('./RamenDiningSharp'));
-var _RamenDiningTwoTone = _interopRequireDefault(require('./RamenDiningTwoTone'));
-var _RampLeft = _interopRequireDefault(require('./RampLeft'));
-var _RampLeftOutlined = _interopRequireDefault(require('./RampLeftOutlined'));
-var _RampLeftRounded = _interopRequireDefault(require('./RampLeftRounded'));
-var _RampLeftSharp = _interopRequireDefault(require('./RampLeftSharp'));
-var _RampLeftTwoTone = _interopRequireDefault(require('./RampLeftTwoTone'));
-var _RampRight = _interopRequireDefault(require('./RampRight'));
-var _RampRightOutlined = _interopRequireDefault(require('./RampRightOutlined'));
-var _RampRightRounded = _interopRequireDefault(require('./RampRightRounded'));
-var _RampRightSharp = _interopRequireDefault(require('./RampRightSharp'));
-var _RampRightTwoTone = _interopRequireDefault(require('./RampRightTwoTone'));
-var _RateReview = _interopRequireDefault(require('./RateReview'));
-var _RateReviewOutlined = _interopRequireDefault(require('./RateReviewOutlined'));
-var _RateReviewRounded = _interopRequireDefault(require('./RateReviewRounded'));
-var _RateReviewSharp = _interopRequireDefault(require('./RateReviewSharp'));
-var _RateReviewTwoTone = _interopRequireDefault(require('./RateReviewTwoTone'));
-var _RawOff = _interopRequireDefault(require('./RawOff'));
-var _RawOffOutlined = _interopRequireDefault(require('./RawOffOutlined'));
-var _RawOffRounded = _interopRequireDefault(require('./RawOffRounded'));
-var _RawOffSharp = _interopRequireDefault(require('./RawOffSharp'));
-var _RawOffTwoTone = _interopRequireDefault(require('./RawOffTwoTone'));
-var _RawOn = _interopRequireDefault(require('./RawOn'));
-var _RawOnOutlined = _interopRequireDefault(require('./RawOnOutlined'));
-var _RawOnRounded = _interopRequireDefault(require('./RawOnRounded'));
-var _RawOnSharp = _interopRequireDefault(require('./RawOnSharp'));
-var _RawOnTwoTone = _interopRequireDefault(require('./RawOnTwoTone'));
-var _ReadMore = _interopRequireDefault(require('./ReadMore'));
-var _ReadMoreOutlined = _interopRequireDefault(require('./ReadMoreOutlined'));
-var _ReadMoreRounded = _interopRequireDefault(require('./ReadMoreRounded'));
-var _ReadMoreSharp = _interopRequireDefault(require('./ReadMoreSharp'));
-var _ReadMoreTwoTone = _interopRequireDefault(require('./ReadMoreTwoTone'));
-var _Receipt = _interopRequireDefault(require('./Receipt'));
-var _ReceiptLong = _interopRequireDefault(require('./ReceiptLong'));
-var _ReceiptLongOutlined = _interopRequireDefault(require('./ReceiptLongOutlined'));
-var _ReceiptLongRounded = _interopRequireDefault(require('./ReceiptLongRounded'));
-var _ReceiptLongSharp = _interopRequireDefault(require('./ReceiptLongSharp'));
-var _ReceiptLongTwoTone = _interopRequireDefault(require('./ReceiptLongTwoTone'));
-var _ReceiptOutlined = _interopRequireDefault(require('./ReceiptOutlined'));
-var _ReceiptRounded = _interopRequireDefault(require('./ReceiptRounded'));
-var _ReceiptSharp = _interopRequireDefault(require('./ReceiptSharp'));
-var _ReceiptTwoTone = _interopRequireDefault(require('./ReceiptTwoTone'));
-var _RecentActors = _interopRequireDefault(require('./RecentActors'));
-var _RecentActorsOutlined = _interopRequireDefault(require('./RecentActorsOutlined'));
-var _RecentActorsRounded = _interopRequireDefault(require('./RecentActorsRounded'));
-var _RecentActorsSharp = _interopRequireDefault(require('./RecentActorsSharp'));
-var _RecentActorsTwoTone = _interopRequireDefault(require('./RecentActorsTwoTone'));
-var _Recommend = _interopRequireDefault(require('./Recommend'));
-var _RecommendOutlined = _interopRequireDefault(require('./RecommendOutlined'));
-var _RecommendRounded = _interopRequireDefault(require('./RecommendRounded'));
-var _RecommendSharp = _interopRequireDefault(require('./RecommendSharp'));
-var _RecommendTwoTone = _interopRequireDefault(require('./RecommendTwoTone'));
-var _RecordVoiceOver = _interopRequireDefault(require('./RecordVoiceOver'));
-var _RecordVoiceOverOutlined = _interopRequireDefault(require('./RecordVoiceOverOutlined'));
-var _RecordVoiceOverRounded = _interopRequireDefault(require('./RecordVoiceOverRounded'));
-var _RecordVoiceOverSharp = _interopRequireDefault(require('./RecordVoiceOverSharp'));
-var _RecordVoiceOverTwoTone = _interopRequireDefault(require('./RecordVoiceOverTwoTone'));
-var _Rectangle = _interopRequireDefault(require('./Rectangle'));
-var _RectangleOutlined = _interopRequireDefault(require('./RectangleOutlined'));
-var _RectangleRounded = _interopRequireDefault(require('./RectangleRounded'));
-var _RectangleSharp = _interopRequireDefault(require('./RectangleSharp'));
-var _RectangleTwoTone = _interopRequireDefault(require('./RectangleTwoTone'));
-var _Recycling = _interopRequireDefault(require('./Recycling'));
-var _RecyclingOutlined = _interopRequireDefault(require('./RecyclingOutlined'));
-var _RecyclingRounded = _interopRequireDefault(require('./RecyclingRounded'));
-var _RecyclingSharp = _interopRequireDefault(require('./RecyclingSharp'));
-var _RecyclingTwoTone = _interopRequireDefault(require('./RecyclingTwoTone'));
-var _Reddit = _interopRequireDefault(require('./Reddit'));
-var _Redeem = _interopRequireDefault(require('./Redeem'));
-var _RedeemOutlined = _interopRequireDefault(require('./RedeemOutlined'));
-var _RedeemRounded = _interopRequireDefault(require('./RedeemRounded'));
-var _RedeemSharp = _interopRequireDefault(require('./RedeemSharp'));
-var _RedeemTwoTone = _interopRequireDefault(require('./RedeemTwoTone'));
-var _Redo = _interopRequireDefault(require('./Redo'));
-var _RedoOutlined = _interopRequireDefault(require('./RedoOutlined'));
-var _RedoRounded = _interopRequireDefault(require('./RedoRounded'));
-var _RedoSharp = _interopRequireDefault(require('./RedoSharp'));
-var _RedoTwoTone = _interopRequireDefault(require('./RedoTwoTone'));
-var _ReduceCapacity = _interopRequireDefault(require('./ReduceCapacity'));
-var _ReduceCapacityOutlined = _interopRequireDefault(require('./ReduceCapacityOutlined'));
-var _ReduceCapacityRounded = _interopRequireDefault(require('./ReduceCapacityRounded'));
-var _ReduceCapacitySharp = _interopRequireDefault(require('./ReduceCapacitySharp'));
-var _ReduceCapacityTwoTone = _interopRequireDefault(require('./ReduceCapacityTwoTone'));
-var _Refresh = _interopRequireDefault(require('./Refresh'));
-var _RefreshOutlined = _interopRequireDefault(require('./RefreshOutlined'));
-var _RefreshRounded = _interopRequireDefault(require('./RefreshRounded'));
-var _RefreshSharp = _interopRequireDefault(require('./RefreshSharp'));
-var _RefreshTwoTone = _interopRequireDefault(require('./RefreshTwoTone'));
-var _RememberMe = _interopRequireDefault(require('./RememberMe'));
-var _RememberMeOutlined = _interopRequireDefault(require('./RememberMeOutlined'));
-var _RememberMeRounded = _interopRequireDefault(require('./RememberMeRounded'));
-var _RememberMeSharp = _interopRequireDefault(require('./RememberMeSharp'));
-var _RememberMeTwoTone = _interopRequireDefault(require('./RememberMeTwoTone'));
-var _Remove = _interopRequireDefault(require('./Remove'));
-var _RemoveCircle = _interopRequireDefault(require('./RemoveCircle'));
-var _RemoveCircleOutline = _interopRequireDefault(require('./RemoveCircleOutline'));
-var _RemoveCircleOutlineOutlined = _interopRequireDefault(require('./RemoveCircleOutlineOutlined'));
-var _RemoveCircleOutlineRounded = _interopRequireDefault(require('./RemoveCircleOutlineRounded'));
-var _RemoveCircleOutlineSharp = _interopRequireDefault(require('./RemoveCircleOutlineSharp'));
-var _RemoveCircleOutlineTwoTone = _interopRequireDefault(require('./RemoveCircleOutlineTwoTone'));
-var _RemoveCircleOutlined = _interopRequireDefault(require('./RemoveCircleOutlined'));
-var _RemoveCircleRounded = _interopRequireDefault(require('./RemoveCircleRounded'));
-var _RemoveCircleSharp = _interopRequireDefault(require('./RemoveCircleSharp'));
-var _RemoveCircleTwoTone = _interopRequireDefault(require('./RemoveCircleTwoTone'));
-var _RemoveDone = _interopRequireDefault(require('./RemoveDone'));
-var _RemoveDoneOutlined = _interopRequireDefault(require('./RemoveDoneOutlined'));
-var _RemoveDoneRounded = _interopRequireDefault(require('./RemoveDoneRounded'));
-var _RemoveDoneSharp = _interopRequireDefault(require('./RemoveDoneSharp'));
-var _RemoveDoneTwoTone = _interopRequireDefault(require('./RemoveDoneTwoTone'));
-var _RemoveFromQueue = _interopRequireDefault(require('./RemoveFromQueue'));
-var _RemoveFromQueueOutlined = _interopRequireDefault(require('./RemoveFromQueueOutlined'));
-var _RemoveFromQueueRounded = _interopRequireDefault(require('./RemoveFromQueueRounded'));
-var _RemoveFromQueueSharp = _interopRequireDefault(require('./RemoveFromQueueSharp'));
-var _RemoveFromQueueTwoTone = _interopRequireDefault(require('./RemoveFromQueueTwoTone'));
-var _RemoveModerator = _interopRequireDefault(require('./RemoveModerator'));
-var _RemoveModeratorOutlined = _interopRequireDefault(require('./RemoveModeratorOutlined'));
-var _RemoveModeratorRounded = _interopRequireDefault(require('./RemoveModeratorRounded'));
-var _RemoveModeratorSharp = _interopRequireDefault(require('./RemoveModeratorSharp'));
-var _RemoveModeratorTwoTone = _interopRequireDefault(require('./RemoveModeratorTwoTone'));
-var _RemoveOutlined = _interopRequireDefault(require('./RemoveOutlined'));
-var _RemoveRedEye = _interopRequireDefault(require('./RemoveRedEye'));
-var _RemoveRedEyeOutlined = _interopRequireDefault(require('./RemoveRedEyeOutlined'));
-var _RemoveRedEyeRounded = _interopRequireDefault(require('./RemoveRedEyeRounded'));
-var _RemoveRedEyeSharp = _interopRequireDefault(require('./RemoveRedEyeSharp'));
-var _RemoveRedEyeTwoTone = _interopRequireDefault(require('./RemoveRedEyeTwoTone'));
-var _RemoveRoad = _interopRequireDefault(require('./RemoveRoad'));
-var _RemoveRoadOutlined = _interopRequireDefault(require('./RemoveRoadOutlined'));
-var _RemoveRoadRounded = _interopRequireDefault(require('./RemoveRoadRounded'));
-var _RemoveRoadSharp = _interopRequireDefault(require('./RemoveRoadSharp'));
-var _RemoveRoadTwoTone = _interopRequireDefault(require('./RemoveRoadTwoTone'));
-var _RemoveRounded = _interopRequireDefault(require('./RemoveRounded'));
-var _RemoveSharp = _interopRequireDefault(require('./RemoveSharp'));
-var _RemoveShoppingCart = _interopRequireDefault(require('./RemoveShoppingCart'));
-var _RemoveShoppingCartOutlined = _interopRequireDefault(require('./RemoveShoppingCartOutlined'));
-var _RemoveShoppingCartRounded = _interopRequireDefault(require('./RemoveShoppingCartRounded'));
-var _RemoveShoppingCartSharp = _interopRequireDefault(require('./RemoveShoppingCartSharp'));
-var _RemoveShoppingCartTwoTone = _interopRequireDefault(require('./RemoveShoppingCartTwoTone'));
-var _RemoveTwoTone = _interopRequireDefault(require('./RemoveTwoTone'));
-var _Reorder = _interopRequireDefault(require('./Reorder'));
-var _ReorderOutlined = _interopRequireDefault(require('./ReorderOutlined'));
-var _ReorderRounded = _interopRequireDefault(require('./ReorderRounded'));
-var _ReorderSharp = _interopRequireDefault(require('./ReorderSharp'));
-var _ReorderTwoTone = _interopRequireDefault(require('./ReorderTwoTone'));
-var _Repartition = _interopRequireDefault(require('./Repartition'));
-var _RepartitionOutlined = _interopRequireDefault(require('./RepartitionOutlined'));
-var _RepartitionRounded = _interopRequireDefault(require('./RepartitionRounded'));
-var _RepartitionSharp = _interopRequireDefault(require('./RepartitionSharp'));
-var _RepartitionTwoTone = _interopRequireDefault(require('./RepartitionTwoTone'));
-var _Repeat = _interopRequireDefault(require('./Repeat'));
-var _RepeatOn = _interopRequireDefault(require('./RepeatOn'));
-var _RepeatOnOutlined = _interopRequireDefault(require('./RepeatOnOutlined'));
-var _RepeatOnRounded = _interopRequireDefault(require('./RepeatOnRounded'));
-var _RepeatOnSharp = _interopRequireDefault(require('./RepeatOnSharp'));
-var _RepeatOnTwoTone = _interopRequireDefault(require('./RepeatOnTwoTone'));
-var _RepeatOne = _interopRequireDefault(require('./RepeatOne'));
-var _RepeatOneOn = _interopRequireDefault(require('./RepeatOneOn'));
-var _RepeatOneOnOutlined = _interopRequireDefault(require('./RepeatOneOnOutlined'));
-var _RepeatOneOnRounded = _interopRequireDefault(require('./RepeatOneOnRounded'));
-var _RepeatOneOnSharp = _interopRequireDefault(require('./RepeatOneOnSharp'));
-var _RepeatOneOnTwoTone = _interopRequireDefault(require('./RepeatOneOnTwoTone'));
-var _RepeatOneOutlined = _interopRequireDefault(require('./RepeatOneOutlined'));
-var _RepeatOneRounded = _interopRequireDefault(require('./RepeatOneRounded'));
-var _RepeatOneSharp = _interopRequireDefault(require('./RepeatOneSharp'));
-var _RepeatOneTwoTone = _interopRequireDefault(require('./RepeatOneTwoTone'));
-var _RepeatOutlined = _interopRequireDefault(require('./RepeatOutlined'));
-var _RepeatRounded = _interopRequireDefault(require('./RepeatRounded'));
-var _RepeatSharp = _interopRequireDefault(require('./RepeatSharp'));
-var _RepeatTwoTone = _interopRequireDefault(require('./RepeatTwoTone'));
-var _Replay = _interopRequireDefault(require('./Replay'));
-var _Replay2 = _interopRequireDefault(require('./Replay10'));
-var _Replay10Outlined = _interopRequireDefault(require('./Replay10Outlined'));
-var _Replay10Rounded = _interopRequireDefault(require('./Replay10Rounded'));
-var _Replay10Sharp = _interopRequireDefault(require('./Replay10Sharp'));
-var _Replay10TwoTone = _interopRequireDefault(require('./Replay10TwoTone'));
-var _Replay3 = _interopRequireDefault(require('./Replay30'));
-var _Replay30Outlined = _interopRequireDefault(require('./Replay30Outlined'));
-var _Replay30Rounded = _interopRequireDefault(require('./Replay30Rounded'));
-var _Replay30Sharp = _interopRequireDefault(require('./Replay30Sharp'));
-var _Replay30TwoTone = _interopRequireDefault(require('./Replay30TwoTone'));
-var _Replay4 = _interopRequireDefault(require('./Replay5'));
-var _Replay5Outlined = _interopRequireDefault(require('./Replay5Outlined'));
-var _Replay5Rounded = _interopRequireDefault(require('./Replay5Rounded'));
-var _Replay5Sharp = _interopRequireDefault(require('./Replay5Sharp'));
-var _Replay5TwoTone = _interopRequireDefault(require('./Replay5TwoTone'));
-var _ReplayCircleFilled = _interopRequireDefault(require('./ReplayCircleFilled'));
-var _ReplayCircleFilledOutlined = _interopRequireDefault(require('./ReplayCircleFilledOutlined'));
-var _ReplayCircleFilledRounded = _interopRequireDefault(require('./ReplayCircleFilledRounded'));
-var _ReplayCircleFilledSharp = _interopRequireDefault(require('./ReplayCircleFilledSharp'));
-var _ReplayCircleFilledTwoTone = _interopRequireDefault(require('./ReplayCircleFilledTwoTone'));
-var _ReplayOutlined = _interopRequireDefault(require('./ReplayOutlined'));
-var _ReplayRounded = _interopRequireDefault(require('./ReplayRounded'));
-var _ReplaySharp = _interopRequireDefault(require('./ReplaySharp'));
-var _ReplayTwoTone = _interopRequireDefault(require('./ReplayTwoTone'));
-var _Reply = _interopRequireDefault(require('./Reply'));
-var _ReplyAll = _interopRequireDefault(require('./ReplyAll'));
-var _ReplyAllOutlined = _interopRequireDefault(require('./ReplyAllOutlined'));
-var _ReplyAllRounded = _interopRequireDefault(require('./ReplyAllRounded'));
-var _ReplyAllSharp = _interopRequireDefault(require('./ReplyAllSharp'));
-var _ReplyAllTwoTone = _interopRequireDefault(require('./ReplyAllTwoTone'));
-var _ReplyOutlined = _interopRequireDefault(require('./ReplyOutlined'));
-var _ReplyRounded = _interopRequireDefault(require('./ReplyRounded'));
-var _ReplySharp = _interopRequireDefault(require('./ReplySharp'));
-var _ReplyTwoTone = _interopRequireDefault(require('./ReplyTwoTone'));
-var _Report = _interopRequireDefault(require('./Report'));
-var _ReportGmailerrorred = _interopRequireDefault(require('./ReportGmailerrorred'));
-var _ReportGmailerrorredOutlined = _interopRequireDefault(require('./ReportGmailerrorredOutlined'));
-var _ReportGmailerrorredRounded = _interopRequireDefault(require('./ReportGmailerrorredRounded'));
-var _ReportGmailerrorredSharp = _interopRequireDefault(require('./ReportGmailerrorredSharp'));
-var _ReportGmailerrorredTwoTone = _interopRequireDefault(require('./ReportGmailerrorredTwoTone'));
-var _ReportOff = _interopRequireDefault(require('./ReportOff'));
-var _ReportOffOutlined = _interopRequireDefault(require('./ReportOffOutlined'));
-var _ReportOffRounded = _interopRequireDefault(require('./ReportOffRounded'));
-var _ReportOffSharp = _interopRequireDefault(require('./ReportOffSharp'));
-var _ReportOffTwoTone = _interopRequireDefault(require('./ReportOffTwoTone'));
-var _ReportOutlined = _interopRequireDefault(require('./ReportOutlined'));
-var _ReportProblem = _interopRequireDefault(require('./ReportProblem'));
-var _ReportProblemOutlined = _interopRequireDefault(require('./ReportProblemOutlined'));
-var _ReportProblemRounded = _interopRequireDefault(require('./ReportProblemRounded'));
-var _ReportProblemSharp = _interopRequireDefault(require('./ReportProblemSharp'));
-var _ReportProblemTwoTone = _interopRequireDefault(require('./ReportProblemTwoTone'));
-var _ReportRounded = _interopRequireDefault(require('./ReportRounded'));
-var _ReportSharp = _interopRequireDefault(require('./ReportSharp'));
-var _ReportTwoTone = _interopRequireDefault(require('./ReportTwoTone'));
-var _RequestPage = _interopRequireDefault(require('./RequestPage'));
-var _RequestPageOutlined = _interopRequireDefault(require('./RequestPageOutlined'));
-var _RequestPageRounded = _interopRequireDefault(require('./RequestPageRounded'));
-var _RequestPageSharp = _interopRequireDefault(require('./RequestPageSharp'));
-var _RequestPageTwoTone = _interopRequireDefault(require('./RequestPageTwoTone'));
-var _RequestQuote = _interopRequireDefault(require('./RequestQuote'));
-var _RequestQuoteOutlined = _interopRequireDefault(require('./RequestQuoteOutlined'));
-var _RequestQuoteRounded = _interopRequireDefault(require('./RequestQuoteRounded'));
-var _RequestQuoteSharp = _interopRequireDefault(require('./RequestQuoteSharp'));
-var _RequestQuoteTwoTone = _interopRequireDefault(require('./RequestQuoteTwoTone'));
-var _ResetTv = _interopRequireDefault(require('./ResetTv'));
-var _ResetTvOutlined = _interopRequireDefault(require('./ResetTvOutlined'));
-var _ResetTvRounded = _interopRequireDefault(require('./ResetTvRounded'));
-var _ResetTvSharp = _interopRequireDefault(require('./ResetTvSharp'));
-var _ResetTvTwoTone = _interopRequireDefault(require('./ResetTvTwoTone'));
-var _RestartAlt = _interopRequireDefault(require('./RestartAlt'));
-var _RestartAltOutlined = _interopRequireDefault(require('./RestartAltOutlined'));
-var _RestartAltRounded = _interopRequireDefault(require('./RestartAltRounded'));
-var _RestartAltSharp = _interopRequireDefault(require('./RestartAltSharp'));
-var _RestartAltTwoTone = _interopRequireDefault(require('./RestartAltTwoTone'));
-var _Restaurant = _interopRequireDefault(require('./Restaurant'));
-var _RestaurantMenu = _interopRequireDefault(require('./RestaurantMenu'));
-var _RestaurantMenuOutlined = _interopRequireDefault(require('./RestaurantMenuOutlined'));
-var _RestaurantMenuRounded = _interopRequireDefault(require('./RestaurantMenuRounded'));
-var _RestaurantMenuSharp = _interopRequireDefault(require('./RestaurantMenuSharp'));
-var _RestaurantMenuTwoTone = _interopRequireDefault(require('./RestaurantMenuTwoTone'));
-var _RestaurantOutlined = _interopRequireDefault(require('./RestaurantOutlined'));
-var _RestaurantRounded = _interopRequireDefault(require('./RestaurantRounded'));
-var _RestaurantSharp = _interopRequireDefault(require('./RestaurantSharp'));
-var _RestaurantTwoTone = _interopRequireDefault(require('./RestaurantTwoTone'));
-var _Restore = _interopRequireDefault(require('./Restore'));
-var _RestoreFromTrash = _interopRequireDefault(require('./RestoreFromTrash'));
-var _RestoreFromTrashOutlined = _interopRequireDefault(require('./RestoreFromTrashOutlined'));
-var _RestoreFromTrashRounded = _interopRequireDefault(require('./RestoreFromTrashRounded'));
-var _RestoreFromTrashSharp = _interopRequireDefault(require('./RestoreFromTrashSharp'));
-var _RestoreFromTrashTwoTone = _interopRequireDefault(require('./RestoreFromTrashTwoTone'));
-var _RestoreOutlined = _interopRequireDefault(require('./RestoreOutlined'));
-var _RestorePage = _interopRequireDefault(require('./RestorePage'));
-var _RestorePageOutlined = _interopRequireDefault(require('./RestorePageOutlined'));
-var _RestorePageRounded = _interopRequireDefault(require('./RestorePageRounded'));
-var _RestorePageSharp = _interopRequireDefault(require('./RestorePageSharp'));
-var _RestorePageTwoTone = _interopRequireDefault(require('./RestorePageTwoTone'));
-var _RestoreRounded = _interopRequireDefault(require('./RestoreRounded'));
-var _RestoreSharp = _interopRequireDefault(require('./RestoreSharp'));
-var _RestoreTwoTone = _interopRequireDefault(require('./RestoreTwoTone'));
-var _Reviews = _interopRequireDefault(require('./Reviews'));
-var _ReviewsOutlined = _interopRequireDefault(require('./ReviewsOutlined'));
-var _ReviewsRounded = _interopRequireDefault(require('./ReviewsRounded'));
-var _ReviewsSharp = _interopRequireDefault(require('./ReviewsSharp'));
-var _ReviewsTwoTone = _interopRequireDefault(require('./ReviewsTwoTone'));
-var _RiceBowl = _interopRequireDefault(require('./RiceBowl'));
-var _RiceBowlOutlined = _interopRequireDefault(require('./RiceBowlOutlined'));
-var _RiceBowlRounded = _interopRequireDefault(require('./RiceBowlRounded'));
-var _RiceBowlSharp = _interopRequireDefault(require('./RiceBowlSharp'));
-var _RiceBowlTwoTone = _interopRequireDefault(require('./RiceBowlTwoTone'));
-var _RingVolume = _interopRequireDefault(require('./RingVolume'));
-var _RingVolumeOutlined = _interopRequireDefault(require('./RingVolumeOutlined'));
-var _RingVolumeRounded = _interopRequireDefault(require('./RingVolumeRounded'));
-var _RingVolumeSharp = _interopRequireDefault(require('./RingVolumeSharp'));
-var _RingVolumeTwoTone = _interopRequireDefault(require('./RingVolumeTwoTone'));
-var _Rocket = _interopRequireDefault(require('./Rocket'));
-var _RocketLaunch = _interopRequireDefault(require('./RocketLaunch'));
-var _RocketLaunchOutlined = _interopRequireDefault(require('./RocketLaunchOutlined'));
-var _RocketLaunchRounded = _interopRequireDefault(require('./RocketLaunchRounded'));
-var _RocketLaunchSharp = _interopRequireDefault(require('./RocketLaunchSharp'));
-var _RocketLaunchTwoTone = _interopRequireDefault(require('./RocketLaunchTwoTone'));
-var _RocketOutlined = _interopRequireDefault(require('./RocketOutlined'));
-var _RocketRounded = _interopRequireDefault(require('./RocketRounded'));
-var _RocketSharp = _interopRequireDefault(require('./RocketSharp'));
-var _RocketTwoTone = _interopRequireDefault(require('./RocketTwoTone'));
-var _RollerShades = _interopRequireDefault(require('./RollerShades'));
-var _RollerShadesClosed = _interopRequireDefault(require('./RollerShadesClosed'));
-var _RollerShadesClosedOutlined = _interopRequireDefault(require('./RollerShadesClosedOutlined'));
-var _RollerShadesClosedRounded = _interopRequireDefault(require('./RollerShadesClosedRounded'));
-var _RollerShadesClosedSharp = _interopRequireDefault(require('./RollerShadesClosedSharp'));
-var _RollerShadesClosedTwoTone = _interopRequireDefault(require('./RollerShadesClosedTwoTone'));
-var _RollerShadesOutlined = _interopRequireDefault(require('./RollerShadesOutlined'));
-var _RollerShadesRounded = _interopRequireDefault(require('./RollerShadesRounded'));
-var _RollerShadesSharp = _interopRequireDefault(require('./RollerShadesSharp'));
-var _RollerShadesTwoTone = _interopRequireDefault(require('./RollerShadesTwoTone'));
-var _RollerSkating = _interopRequireDefault(require('./RollerSkating'));
-var _RollerSkatingOutlined = _interopRequireDefault(require('./RollerSkatingOutlined'));
-var _RollerSkatingRounded = _interopRequireDefault(require('./RollerSkatingRounded'));
-var _RollerSkatingSharp = _interopRequireDefault(require('./RollerSkatingSharp'));
-var _RollerSkatingTwoTone = _interopRequireDefault(require('./RollerSkatingTwoTone'));
-var _Roofing = _interopRequireDefault(require('./Roofing'));
-var _RoofingOutlined = _interopRequireDefault(require('./RoofingOutlined'));
-var _RoofingRounded = _interopRequireDefault(require('./RoofingRounded'));
-var _RoofingSharp = _interopRequireDefault(require('./RoofingSharp'));
-var _RoofingTwoTone = _interopRequireDefault(require('./RoofingTwoTone'));
-var _Room = _interopRequireDefault(require('./Room'));
-var _RoomOutlined = _interopRequireDefault(require('./RoomOutlined'));
-var _RoomPreferences = _interopRequireDefault(require('./RoomPreferences'));
-var _RoomPreferencesOutlined = _interopRequireDefault(require('./RoomPreferencesOutlined'));
-var _RoomPreferencesRounded = _interopRequireDefault(require('./RoomPreferencesRounded'));
-var _RoomPreferencesSharp = _interopRequireDefault(require('./RoomPreferencesSharp'));
-var _RoomPreferencesTwoTone = _interopRequireDefault(require('./RoomPreferencesTwoTone'));
-var _RoomRounded = _interopRequireDefault(require('./RoomRounded'));
-var _RoomService = _interopRequireDefault(require('./RoomService'));
-var _RoomServiceOutlined = _interopRequireDefault(require('./RoomServiceOutlined'));
-var _RoomServiceRounded = _interopRequireDefault(require('./RoomServiceRounded'));
-var _RoomServiceSharp = _interopRequireDefault(require('./RoomServiceSharp'));
-var _RoomServiceTwoTone = _interopRequireDefault(require('./RoomServiceTwoTone'));
-var _RoomSharp = _interopRequireDefault(require('./RoomSharp'));
-var _RoomTwoTone = _interopRequireDefault(require('./RoomTwoTone'));
-var _Rotate90DegreesCcw = _interopRequireDefault(require('./Rotate90DegreesCcw'));
-var _Rotate90DegreesCcwOutlined = _interopRequireDefault(require('./Rotate90DegreesCcwOutlined'));
-var _Rotate90DegreesCcwRounded = _interopRequireDefault(require('./Rotate90DegreesCcwRounded'));
-var _Rotate90DegreesCcwSharp = _interopRequireDefault(require('./Rotate90DegreesCcwSharp'));
-var _Rotate90DegreesCcwTwoTone = _interopRequireDefault(require('./Rotate90DegreesCcwTwoTone'));
-var _Rotate90DegreesCw = _interopRequireDefault(require('./Rotate90DegreesCw'));
-var _Rotate90DegreesCwOutlined = _interopRequireDefault(require('./Rotate90DegreesCwOutlined'));
-var _Rotate90DegreesCwRounded = _interopRequireDefault(require('./Rotate90DegreesCwRounded'));
-var _Rotate90DegreesCwSharp = _interopRequireDefault(require('./Rotate90DegreesCwSharp'));
-var _Rotate90DegreesCwTwoTone = _interopRequireDefault(require('./Rotate90DegreesCwTwoTone'));
-var _RotateLeft = _interopRequireDefault(require('./RotateLeft'));
-var _RotateLeftOutlined = _interopRequireDefault(require('./RotateLeftOutlined'));
-var _RotateLeftRounded = _interopRequireDefault(require('./RotateLeftRounded'));
-var _RotateLeftSharp = _interopRequireDefault(require('./RotateLeftSharp'));
-var _RotateLeftTwoTone = _interopRequireDefault(require('./RotateLeftTwoTone'));
-var _RotateRight = _interopRequireDefault(require('./RotateRight'));
-var _RotateRightOutlined = _interopRequireDefault(require('./RotateRightOutlined'));
-var _RotateRightRounded = _interopRequireDefault(require('./RotateRightRounded'));
-var _RotateRightSharp = _interopRequireDefault(require('./RotateRightSharp'));
-var _RotateRightTwoTone = _interopRequireDefault(require('./RotateRightTwoTone'));
-var _RoundaboutLeft = _interopRequireDefault(require('./RoundaboutLeft'));
-var _RoundaboutLeftOutlined = _interopRequireDefault(require('./RoundaboutLeftOutlined'));
-var _RoundaboutLeftRounded = _interopRequireDefault(require('./RoundaboutLeftRounded'));
-var _RoundaboutLeftSharp = _interopRequireDefault(require('./RoundaboutLeftSharp'));
-var _RoundaboutLeftTwoTone = _interopRequireDefault(require('./RoundaboutLeftTwoTone'));
-var _RoundaboutRight = _interopRequireDefault(require('./RoundaboutRight'));
-var _RoundaboutRightOutlined = _interopRequireDefault(require('./RoundaboutRightOutlined'));
-var _RoundaboutRightRounded = _interopRequireDefault(require('./RoundaboutRightRounded'));
-var _RoundaboutRightSharp = _interopRequireDefault(require('./RoundaboutRightSharp'));
-var _RoundaboutRightTwoTone = _interopRequireDefault(require('./RoundaboutRightTwoTone'));
-var _RoundedCorner = _interopRequireDefault(require('./RoundedCorner'));
-var _RoundedCornerOutlined = _interopRequireDefault(require('./RoundedCornerOutlined'));
-var _RoundedCornerRounded = _interopRequireDefault(require('./RoundedCornerRounded'));
-var _RoundedCornerSharp = _interopRequireDefault(require('./RoundedCornerSharp'));
-var _RoundedCornerTwoTone = _interopRequireDefault(require('./RoundedCornerTwoTone'));
-var _Route = _interopRequireDefault(require('./Route'));
-var _RouteOutlined = _interopRequireDefault(require('./RouteOutlined'));
-var _RouteRounded = _interopRequireDefault(require('./RouteRounded'));
-var _RouteSharp = _interopRequireDefault(require('./RouteSharp'));
-var _RouteTwoTone = _interopRequireDefault(require('./RouteTwoTone'));
-var _Router = _interopRequireDefault(require('./Router'));
-var _RouterOutlined = _interopRequireDefault(require('./RouterOutlined'));
-var _RouterRounded = _interopRequireDefault(require('./RouterRounded'));
-var _RouterSharp = _interopRequireDefault(require('./RouterSharp'));
-var _RouterTwoTone = _interopRequireDefault(require('./RouterTwoTone'));
-var _Rowing = _interopRequireDefault(require('./Rowing'));
-var _RowingOutlined = _interopRequireDefault(require('./RowingOutlined'));
-var _RowingRounded = _interopRequireDefault(require('./RowingRounded'));
-var _RowingSharp = _interopRequireDefault(require('./RowingSharp'));
-var _RowingTwoTone = _interopRequireDefault(require('./RowingTwoTone'));
-var _RssFeed = _interopRequireDefault(require('./RssFeed'));
-var _RssFeedOutlined = _interopRequireDefault(require('./RssFeedOutlined'));
-var _RssFeedRounded = _interopRequireDefault(require('./RssFeedRounded'));
-var _RssFeedSharp = _interopRequireDefault(require('./RssFeedSharp'));
-var _RssFeedTwoTone = _interopRequireDefault(require('./RssFeedTwoTone'));
-var _Rsvp = _interopRequireDefault(require('./Rsvp'));
-var _RsvpOutlined = _interopRequireDefault(require('./RsvpOutlined'));
-var _RsvpRounded = _interopRequireDefault(require('./RsvpRounded'));
-var _RsvpSharp = _interopRequireDefault(require('./RsvpSharp'));
-var _RsvpTwoTone = _interopRequireDefault(require('./RsvpTwoTone'));
-var _Rtt = _interopRequireDefault(require('./Rtt'));
-var _RttOutlined = _interopRequireDefault(require('./RttOutlined'));
-var _RttRounded = _interopRequireDefault(require('./RttRounded'));
-var _RttSharp = _interopRequireDefault(require('./RttSharp'));
-var _RttTwoTone = _interopRequireDefault(require('./RttTwoTone'));
-var _Rule = _interopRequireDefault(require('./Rule'));
-var _RuleFolder = _interopRequireDefault(require('./RuleFolder'));
-var _RuleFolderOutlined = _interopRequireDefault(require('./RuleFolderOutlined'));
-var _RuleFolderRounded = _interopRequireDefault(require('./RuleFolderRounded'));
-var _RuleFolderSharp = _interopRequireDefault(require('./RuleFolderSharp'));
-var _RuleFolderTwoTone = _interopRequireDefault(require('./RuleFolderTwoTone'));
-var _RuleOutlined = _interopRequireDefault(require('./RuleOutlined'));
-var _RuleRounded = _interopRequireDefault(require('./RuleRounded'));
-var _RuleSharp = _interopRequireDefault(require('./RuleSharp'));
-var _RuleTwoTone = _interopRequireDefault(require('./RuleTwoTone'));
-var _RunCircle = _interopRequireDefault(require('./RunCircle'));
-var _RunCircleOutlined = _interopRequireDefault(require('./RunCircleOutlined'));
-var _RunCircleRounded = _interopRequireDefault(require('./RunCircleRounded'));
-var _RunCircleSharp = _interopRequireDefault(require('./RunCircleSharp'));
-var _RunCircleTwoTone = _interopRequireDefault(require('./RunCircleTwoTone'));
-var _RunningWithErrors = _interopRequireDefault(require('./RunningWithErrors'));
-var _RunningWithErrorsOutlined = _interopRequireDefault(require('./RunningWithErrorsOutlined'));
-var _RunningWithErrorsRounded = _interopRequireDefault(require('./RunningWithErrorsRounded'));
-var _RunningWithErrorsSharp = _interopRequireDefault(require('./RunningWithErrorsSharp'));
-var _RunningWithErrorsTwoTone = _interopRequireDefault(require('./RunningWithErrorsTwoTone'));
-var _RvHookup = _interopRequireDefault(require('./RvHookup'));
-var _RvHookupOutlined = _interopRequireDefault(require('./RvHookupOutlined'));
-var _RvHookupRounded = _interopRequireDefault(require('./RvHookupRounded'));
-var _RvHookupSharp = _interopRequireDefault(require('./RvHookupSharp'));
-var _RvHookupTwoTone = _interopRequireDefault(require('./RvHookupTwoTone'));
-var _SafetyCheck = _interopRequireDefault(require('./SafetyCheck'));
-var _SafetyCheckOutlined = _interopRequireDefault(require('./SafetyCheckOutlined'));
-var _SafetyCheckRounded = _interopRequireDefault(require('./SafetyCheckRounded'));
-var _SafetyCheckSharp = _interopRequireDefault(require('./SafetyCheckSharp'));
-var _SafetyCheckTwoTone = _interopRequireDefault(require('./SafetyCheckTwoTone'));
-var _SafetyDivider = _interopRequireDefault(require('./SafetyDivider'));
-var _SafetyDividerOutlined = _interopRequireDefault(require('./SafetyDividerOutlined'));
-var _SafetyDividerRounded = _interopRequireDefault(require('./SafetyDividerRounded'));
-var _SafetyDividerSharp = _interopRequireDefault(require('./SafetyDividerSharp'));
-var _SafetyDividerTwoTone = _interopRequireDefault(require('./SafetyDividerTwoTone'));
-var _Sailing = _interopRequireDefault(require('./Sailing'));
-var _SailingOutlined = _interopRequireDefault(require('./SailingOutlined'));
-var _SailingRounded = _interopRequireDefault(require('./SailingRounded'));
-var _SailingSharp = _interopRequireDefault(require('./SailingSharp'));
-var _SailingTwoTone = _interopRequireDefault(require('./SailingTwoTone'));
-var _Sanitizer = _interopRequireDefault(require('./Sanitizer'));
-var _SanitizerOutlined = _interopRequireDefault(require('./SanitizerOutlined'));
-var _SanitizerRounded = _interopRequireDefault(require('./SanitizerRounded'));
-var _SanitizerSharp = _interopRequireDefault(require('./SanitizerSharp'));
-var _SanitizerTwoTone = _interopRequireDefault(require('./SanitizerTwoTone'));
-var _Satellite = _interopRequireDefault(require('./Satellite'));
-var _SatelliteAlt = _interopRequireDefault(require('./SatelliteAlt'));
-var _SatelliteAltOutlined = _interopRequireDefault(require('./SatelliteAltOutlined'));
-var _SatelliteAltRounded = _interopRequireDefault(require('./SatelliteAltRounded'));
-var _SatelliteAltSharp = _interopRequireDefault(require('./SatelliteAltSharp'));
-var _SatelliteAltTwoTone = _interopRequireDefault(require('./SatelliteAltTwoTone'));
-var _SatelliteOutlined = _interopRequireDefault(require('./SatelliteOutlined'));
-var _SatelliteRounded = _interopRequireDefault(require('./SatelliteRounded'));
-var _SatelliteSharp = _interopRequireDefault(require('./SatelliteSharp'));
-var _SatelliteTwoTone = _interopRequireDefault(require('./SatelliteTwoTone'));
-var _Save = _interopRequireDefault(require('./Save'));
-var _SaveAlt = _interopRequireDefault(require('./SaveAlt'));
-var _SaveAltOutlined = _interopRequireDefault(require('./SaveAltOutlined'));
-var _SaveAltRounded = _interopRequireDefault(require('./SaveAltRounded'));
-var _SaveAltSharp = _interopRequireDefault(require('./SaveAltSharp'));
-var _SaveAltTwoTone = _interopRequireDefault(require('./SaveAltTwoTone'));
-var _SaveAs = _interopRequireDefault(require('./SaveAs'));
-var _SaveAsOutlined = _interopRequireDefault(require('./SaveAsOutlined'));
-var _SaveAsRounded = _interopRequireDefault(require('./SaveAsRounded'));
-var _SaveAsSharp = _interopRequireDefault(require('./SaveAsSharp'));
-var _SaveAsTwoTone = _interopRequireDefault(require('./SaveAsTwoTone'));
-var _SaveOutlined = _interopRequireDefault(require('./SaveOutlined'));
-var _SaveRounded = _interopRequireDefault(require('./SaveRounded'));
-var _SaveSharp = _interopRequireDefault(require('./SaveSharp'));
-var _SaveTwoTone = _interopRequireDefault(require('./SaveTwoTone'));
-var _SavedSearch = _interopRequireDefault(require('./SavedSearch'));
-var _SavedSearchOutlined = _interopRequireDefault(require('./SavedSearchOutlined'));
-var _SavedSearchRounded = _interopRequireDefault(require('./SavedSearchRounded'));
-var _SavedSearchSharp = _interopRequireDefault(require('./SavedSearchSharp'));
-var _SavedSearchTwoTone = _interopRequireDefault(require('./SavedSearchTwoTone'));
-var _Savings = _interopRequireDefault(require('./Savings'));
-var _SavingsOutlined = _interopRequireDefault(require('./SavingsOutlined'));
-var _SavingsRounded = _interopRequireDefault(require('./SavingsRounded'));
-var _SavingsSharp = _interopRequireDefault(require('./SavingsSharp'));
-var _SavingsTwoTone = _interopRequireDefault(require('./SavingsTwoTone'));
-var _Scale = _interopRequireDefault(require('./Scale'));
-var _ScaleOutlined = _interopRequireDefault(require('./ScaleOutlined'));
-var _ScaleRounded = _interopRequireDefault(require('./ScaleRounded'));
-var _ScaleSharp = _interopRequireDefault(require('./ScaleSharp'));
-var _ScaleTwoTone = _interopRequireDefault(require('./ScaleTwoTone'));
-var _Scanner = _interopRequireDefault(require('./Scanner'));
-var _ScannerOutlined = _interopRequireDefault(require('./ScannerOutlined'));
-var _ScannerRounded = _interopRequireDefault(require('./ScannerRounded'));
-var _ScannerSharp = _interopRequireDefault(require('./ScannerSharp'));
-var _ScannerTwoTone = _interopRequireDefault(require('./ScannerTwoTone'));
-var _ScatterPlot = _interopRequireDefault(require('./ScatterPlot'));
-var _ScatterPlotOutlined = _interopRequireDefault(require('./ScatterPlotOutlined'));
-var _ScatterPlotRounded = _interopRequireDefault(require('./ScatterPlotRounded'));
-var _ScatterPlotSharp = _interopRequireDefault(require('./ScatterPlotSharp'));
-var _ScatterPlotTwoTone = _interopRequireDefault(require('./ScatterPlotTwoTone'));
-var _Schedule = _interopRequireDefault(require('./Schedule'));
-var _ScheduleOutlined = _interopRequireDefault(require('./ScheduleOutlined'));
-var _ScheduleRounded = _interopRequireDefault(require('./ScheduleRounded'));
-var _ScheduleSend = _interopRequireDefault(require('./ScheduleSend'));
-var _ScheduleSendOutlined = _interopRequireDefault(require('./ScheduleSendOutlined'));
-var _ScheduleSendRounded = _interopRequireDefault(require('./ScheduleSendRounded'));
-var _ScheduleSendSharp = _interopRequireDefault(require('./ScheduleSendSharp'));
-var _ScheduleSendTwoTone = _interopRequireDefault(require('./ScheduleSendTwoTone'));
-var _ScheduleSharp = _interopRequireDefault(require('./ScheduleSharp'));
-var _ScheduleTwoTone = _interopRequireDefault(require('./ScheduleTwoTone'));
-var _Schema = _interopRequireDefault(require('./Schema'));
-var _SchemaOutlined = _interopRequireDefault(require('./SchemaOutlined'));
-var _SchemaRounded = _interopRequireDefault(require('./SchemaRounded'));
-var _SchemaSharp = _interopRequireDefault(require('./SchemaSharp'));
-var _SchemaTwoTone = _interopRequireDefault(require('./SchemaTwoTone'));
-var _School = _interopRequireDefault(require('./School'));
-var _SchoolOutlined = _interopRequireDefault(require('./SchoolOutlined'));
-var _SchoolRounded = _interopRequireDefault(require('./SchoolRounded'));
-var _SchoolSharp = _interopRequireDefault(require('./SchoolSharp'));
-var _SchoolTwoTone = _interopRequireDefault(require('./SchoolTwoTone'));
-var _Science = _interopRequireDefault(require('./Science'));
-var _ScienceOutlined = _interopRequireDefault(require('./ScienceOutlined'));
-var _ScienceRounded = _interopRequireDefault(require('./ScienceRounded'));
-var _ScienceSharp = _interopRequireDefault(require('./ScienceSharp'));
-var _ScienceTwoTone = _interopRequireDefault(require('./ScienceTwoTone'));
-var _Score = _interopRequireDefault(require('./Score'));
-var _ScoreOutlined = _interopRequireDefault(require('./ScoreOutlined'));
-var _ScoreRounded = _interopRequireDefault(require('./ScoreRounded'));
-var _ScoreSharp = _interopRequireDefault(require('./ScoreSharp'));
-var _ScoreTwoTone = _interopRequireDefault(require('./ScoreTwoTone'));
-var _Scoreboard = _interopRequireDefault(require('./Scoreboard'));
-var _ScoreboardOutlined = _interopRequireDefault(require('./ScoreboardOutlined'));
-var _ScoreboardRounded = _interopRequireDefault(require('./ScoreboardRounded'));
-var _ScoreboardSharp = _interopRequireDefault(require('./ScoreboardSharp'));
-var _ScoreboardTwoTone = _interopRequireDefault(require('./ScoreboardTwoTone'));
-var _ScreenLockLandscape = _interopRequireDefault(require('./ScreenLockLandscape'));
-var _ScreenLockLandscapeOutlined = _interopRequireDefault(require('./ScreenLockLandscapeOutlined'));
-var _ScreenLockLandscapeRounded = _interopRequireDefault(require('./ScreenLockLandscapeRounded'));
-var _ScreenLockLandscapeSharp = _interopRequireDefault(require('./ScreenLockLandscapeSharp'));
-var _ScreenLockLandscapeTwoTone = _interopRequireDefault(require('./ScreenLockLandscapeTwoTone'));
-var _ScreenLockPortrait = _interopRequireDefault(require('./ScreenLockPortrait'));
-var _ScreenLockPortraitOutlined = _interopRequireDefault(require('./ScreenLockPortraitOutlined'));
-var _ScreenLockPortraitRounded = _interopRequireDefault(require('./ScreenLockPortraitRounded'));
-var _ScreenLockPortraitSharp = _interopRequireDefault(require('./ScreenLockPortraitSharp'));
-var _ScreenLockPortraitTwoTone = _interopRequireDefault(require('./ScreenLockPortraitTwoTone'));
-var _ScreenLockRotation = _interopRequireDefault(require('./ScreenLockRotation'));
-var _ScreenLockRotationOutlined = _interopRequireDefault(require('./ScreenLockRotationOutlined'));
-var _ScreenLockRotationRounded = _interopRequireDefault(require('./ScreenLockRotationRounded'));
-var _ScreenLockRotationSharp = _interopRequireDefault(require('./ScreenLockRotationSharp'));
-var _ScreenLockRotationTwoTone = _interopRequireDefault(require('./ScreenLockRotationTwoTone'));
-var _ScreenRotation = _interopRequireDefault(require('./ScreenRotation'));
-var _ScreenRotationAlt = _interopRequireDefault(require('./ScreenRotationAlt'));
-var _ScreenRotationAltOutlined = _interopRequireDefault(require('./ScreenRotationAltOutlined'));
-var _ScreenRotationAltRounded = _interopRequireDefault(require('./ScreenRotationAltRounded'));
-var _ScreenRotationAltSharp = _interopRequireDefault(require('./ScreenRotationAltSharp'));
-var _ScreenRotationAltTwoTone = _interopRequireDefault(require('./ScreenRotationAltTwoTone'));
-var _ScreenRotationOutlined = _interopRequireDefault(require('./ScreenRotationOutlined'));
-var _ScreenRotationRounded = _interopRequireDefault(require('./ScreenRotationRounded'));
-var _ScreenRotationSharp = _interopRequireDefault(require('./ScreenRotationSharp'));
-var _ScreenRotationTwoTone = _interopRequireDefault(require('./ScreenRotationTwoTone'));
-var _ScreenSearchDesktop = _interopRequireDefault(require('./ScreenSearchDesktop'));
-var _ScreenSearchDesktopOutlined = _interopRequireDefault(require('./ScreenSearchDesktopOutlined'));
-var _ScreenSearchDesktopRounded = _interopRequireDefault(require('./ScreenSearchDesktopRounded'));
-var _ScreenSearchDesktopSharp = _interopRequireDefault(require('./ScreenSearchDesktopSharp'));
-var _ScreenSearchDesktopTwoTone = _interopRequireDefault(require('./ScreenSearchDesktopTwoTone'));
-var _ScreenShare = _interopRequireDefault(require('./ScreenShare'));
-var _ScreenShareOutlined = _interopRequireDefault(require('./ScreenShareOutlined'));
-var _ScreenShareRounded = _interopRequireDefault(require('./ScreenShareRounded'));
-var _ScreenShareSharp = _interopRequireDefault(require('./ScreenShareSharp'));
-var _ScreenShareTwoTone = _interopRequireDefault(require('./ScreenShareTwoTone'));
-var _Screenshot = _interopRequireDefault(require('./Screenshot'));
-var _ScreenshotMonitor = _interopRequireDefault(require('./ScreenshotMonitor'));
-var _ScreenshotMonitorOutlined = _interopRequireDefault(require('./ScreenshotMonitorOutlined'));
-var _ScreenshotMonitorRounded = _interopRequireDefault(require('./ScreenshotMonitorRounded'));
-var _ScreenshotMonitorSharp = _interopRequireDefault(require('./ScreenshotMonitorSharp'));
-var _ScreenshotMonitorTwoTone = _interopRequireDefault(require('./ScreenshotMonitorTwoTone'));
-var _ScreenshotOutlined = _interopRequireDefault(require('./ScreenshotOutlined'));
-var _ScreenshotRounded = _interopRequireDefault(require('./ScreenshotRounded'));
-var _ScreenshotSharp = _interopRequireDefault(require('./ScreenshotSharp'));
-var _ScreenshotTwoTone = _interopRequireDefault(require('./ScreenshotTwoTone'));
-var _ScubaDiving = _interopRequireDefault(require('./ScubaDiving'));
-var _ScubaDivingOutlined = _interopRequireDefault(require('./ScubaDivingOutlined'));
-var _ScubaDivingRounded = _interopRequireDefault(require('./ScubaDivingRounded'));
-var _ScubaDivingSharp = _interopRequireDefault(require('./ScubaDivingSharp'));
-var _ScubaDivingTwoTone = _interopRequireDefault(require('./ScubaDivingTwoTone'));
-var _Sd = _interopRequireDefault(require('./Sd'));
-var _SdCard = _interopRequireDefault(require('./SdCard'));
-var _SdCardAlert = _interopRequireDefault(require('./SdCardAlert'));
-var _SdCardAlertOutlined = _interopRequireDefault(require('./SdCardAlertOutlined'));
-var _SdCardAlertRounded = _interopRequireDefault(require('./SdCardAlertRounded'));
-var _SdCardAlertSharp = _interopRequireDefault(require('./SdCardAlertSharp'));
-var _SdCardAlertTwoTone = _interopRequireDefault(require('./SdCardAlertTwoTone'));
-var _SdCardOutlined = _interopRequireDefault(require('./SdCardOutlined'));
-var _SdCardRounded = _interopRequireDefault(require('./SdCardRounded'));
-var _SdCardSharp = _interopRequireDefault(require('./SdCardSharp'));
-var _SdCardTwoTone = _interopRequireDefault(require('./SdCardTwoTone'));
-var _SdOutlined = _interopRequireDefault(require('./SdOutlined'));
-var _SdRounded = _interopRequireDefault(require('./SdRounded'));
-var _SdSharp = _interopRequireDefault(require('./SdSharp'));
-var _SdStorage = _interopRequireDefault(require('./SdStorage'));
-var _SdStorageOutlined = _interopRequireDefault(require('./SdStorageOutlined'));
-var _SdStorageRounded = _interopRequireDefault(require('./SdStorageRounded'));
-var _SdStorageSharp = _interopRequireDefault(require('./SdStorageSharp'));
-var _SdStorageTwoTone = _interopRequireDefault(require('./SdStorageTwoTone'));
-var _SdTwoTone = _interopRequireDefault(require('./SdTwoTone'));
-var _Search = _interopRequireDefault(require('./Search'));
-var _SearchOff = _interopRequireDefault(require('./SearchOff'));
-var _SearchOffOutlined = _interopRequireDefault(require('./SearchOffOutlined'));
-var _SearchOffRounded = _interopRequireDefault(require('./SearchOffRounded'));
-var _SearchOffSharp = _interopRequireDefault(require('./SearchOffSharp'));
-var _SearchOffTwoTone = _interopRequireDefault(require('./SearchOffTwoTone'));
-var _SearchOutlined = _interopRequireDefault(require('./SearchOutlined'));
-var _SearchRounded = _interopRequireDefault(require('./SearchRounded'));
-var _SearchSharp = _interopRequireDefault(require('./SearchSharp'));
-var _SearchTwoTone = _interopRequireDefault(require('./SearchTwoTone'));
-var _Security = _interopRequireDefault(require('./Security'));
-var _SecurityOutlined = _interopRequireDefault(require('./SecurityOutlined'));
-var _SecurityRounded = _interopRequireDefault(require('./SecurityRounded'));
-var _SecuritySharp = _interopRequireDefault(require('./SecuritySharp'));
-var _SecurityTwoTone = _interopRequireDefault(require('./SecurityTwoTone'));
-var _SecurityUpdate = _interopRequireDefault(require('./SecurityUpdate'));
-var _SecurityUpdateGood = _interopRequireDefault(require('./SecurityUpdateGood'));
-var _SecurityUpdateGoodOutlined = _interopRequireDefault(require('./SecurityUpdateGoodOutlined'));
-var _SecurityUpdateGoodRounded = _interopRequireDefault(require('./SecurityUpdateGoodRounded'));
-var _SecurityUpdateGoodSharp = _interopRequireDefault(require('./SecurityUpdateGoodSharp'));
-var _SecurityUpdateGoodTwoTone = _interopRequireDefault(require('./SecurityUpdateGoodTwoTone'));
-var _SecurityUpdateOutlined = _interopRequireDefault(require('./SecurityUpdateOutlined'));
-var _SecurityUpdateRounded = _interopRequireDefault(require('./SecurityUpdateRounded'));
-var _SecurityUpdateSharp = _interopRequireDefault(require('./SecurityUpdateSharp'));
-var _SecurityUpdateTwoTone = _interopRequireDefault(require('./SecurityUpdateTwoTone'));
-var _SecurityUpdateWarning = _interopRequireDefault(require('./SecurityUpdateWarning'));
-var _SecurityUpdateWarningOutlined = _interopRequireDefault(
-  require('./SecurityUpdateWarningOutlined'),
-);
-var _SecurityUpdateWarningRounded = _interopRequireDefault(
-  require('./SecurityUpdateWarningRounded'),
-);
-var _SecurityUpdateWarningSharp = _interopRequireDefault(require('./SecurityUpdateWarningSharp'));
-var _SecurityUpdateWarningTwoTone = _interopRequireDefault(
-  require('./SecurityUpdateWarningTwoTone'),
-);
-var _Segment = _interopRequireDefault(require('./Segment'));
-var _SegmentOutlined = _interopRequireDefault(require('./SegmentOutlined'));
-var _SegmentRounded = _interopRequireDefault(require('./SegmentRounded'));
-var _SegmentSharp = _interopRequireDefault(require('./SegmentSharp'));
-var _SegmentTwoTone = _interopRequireDefault(require('./SegmentTwoTone'));
-var _SelectAll = _interopRequireDefault(require('./SelectAll'));
-var _SelectAllOutlined = _interopRequireDefault(require('./SelectAllOutlined'));
-var _SelectAllRounded = _interopRequireDefault(require('./SelectAllRounded'));
-var _SelectAllSharp = _interopRequireDefault(require('./SelectAllSharp'));
-var _SelectAllTwoTone = _interopRequireDefault(require('./SelectAllTwoTone'));
-var _SelfImprovement = _interopRequireDefault(require('./SelfImprovement'));
-var _SelfImprovementOutlined = _interopRequireDefault(require('./SelfImprovementOutlined'));
-var _SelfImprovementRounded = _interopRequireDefault(require('./SelfImprovementRounded'));
-var _SelfImprovementSharp = _interopRequireDefault(require('./SelfImprovementSharp'));
-var _SelfImprovementTwoTone = _interopRequireDefault(require('./SelfImprovementTwoTone'));
-var _Sell = _interopRequireDefault(require('./Sell'));
-var _SellOutlined = _interopRequireDefault(require('./SellOutlined'));
-var _SellRounded = _interopRequireDefault(require('./SellRounded'));
-var _SellSharp = _interopRequireDefault(require('./SellSharp'));
-var _SellTwoTone = _interopRequireDefault(require('./SellTwoTone'));
-var _Send = _interopRequireDefault(require('./Send'));
-var _SendAndArchive = _interopRequireDefault(require('./SendAndArchive'));
-var _SendAndArchiveOutlined = _interopRequireDefault(require('./SendAndArchiveOutlined'));
-var _SendAndArchiveRounded = _interopRequireDefault(require('./SendAndArchiveRounded'));
-var _SendAndArchiveSharp = _interopRequireDefault(require('./SendAndArchiveSharp'));
-var _SendAndArchiveTwoTone = _interopRequireDefault(require('./SendAndArchiveTwoTone'));
-var _SendOutlined = _interopRequireDefault(require('./SendOutlined'));
-var _SendRounded = _interopRequireDefault(require('./SendRounded'));
-var _SendSharp = _interopRequireDefault(require('./SendSharp'));
-var _SendTimeExtension = _interopRequireDefault(require('./SendTimeExtension'));
-var _SendTimeExtensionOutlined = _interopRequireDefault(require('./SendTimeExtensionOutlined'));
-var _SendTimeExtensionRounded = _interopRequireDefault(require('./SendTimeExtensionRounded'));
-var _SendTimeExtensionSharp = _interopRequireDefault(require('./SendTimeExtensionSharp'));
-var _SendTimeExtensionTwoTone = _interopRequireDefault(require('./SendTimeExtensionTwoTone'));
-var _SendToMobile = _interopRequireDefault(require('./SendToMobile'));
-var _SendToMobileOutlined = _interopRequireDefault(require('./SendToMobileOutlined'));
-var _SendToMobileRounded = _interopRequireDefault(require('./SendToMobileRounded'));
-var _SendToMobileSharp = _interopRequireDefault(require('./SendToMobileSharp'));
-var _SendToMobileTwoTone = _interopRequireDefault(require('./SendToMobileTwoTone'));
-var _SendTwoTone = _interopRequireDefault(require('./SendTwoTone'));
-var _SensorDoor = _interopRequireDefault(require('./SensorDoor'));
-var _SensorDoorOutlined = _interopRequireDefault(require('./SensorDoorOutlined'));
-var _SensorDoorRounded = _interopRequireDefault(require('./SensorDoorRounded'));
-var _SensorDoorSharp = _interopRequireDefault(require('./SensorDoorSharp'));
-var _SensorDoorTwoTone = _interopRequireDefault(require('./SensorDoorTwoTone'));
-var _SensorOccupied = _interopRequireDefault(require('./SensorOccupied'));
-var _SensorOccupiedOutlined = _interopRequireDefault(require('./SensorOccupiedOutlined'));
-var _SensorOccupiedRounded = _interopRequireDefault(require('./SensorOccupiedRounded'));
-var _SensorOccupiedSharp = _interopRequireDefault(require('./SensorOccupiedSharp'));
-var _SensorOccupiedTwoTone = _interopRequireDefault(require('./SensorOccupiedTwoTone'));
-var _SensorWindow = _interopRequireDefault(require('./SensorWindow'));
-var _SensorWindowOutlined = _interopRequireDefault(require('./SensorWindowOutlined'));
-var _SensorWindowRounded = _interopRequireDefault(require('./SensorWindowRounded'));
-var _SensorWindowSharp = _interopRequireDefault(require('./SensorWindowSharp'));
-var _SensorWindowTwoTone = _interopRequireDefault(require('./SensorWindowTwoTone'));
-var _Sensors = _interopRequireDefault(require('./Sensors'));
-var _SensorsOff = _interopRequireDefault(require('./SensorsOff'));
-var _SensorsOffOutlined = _interopRequireDefault(require('./SensorsOffOutlined'));
-var _SensorsOffRounded = _interopRequireDefault(require('./SensorsOffRounded'));
-var _SensorsOffSharp = _interopRequireDefault(require('./SensorsOffSharp'));
-var _SensorsOffTwoTone = _interopRequireDefault(require('./SensorsOffTwoTone'));
-var _SensorsOutlined = _interopRequireDefault(require('./SensorsOutlined'));
-var _SensorsRounded = _interopRequireDefault(require('./SensorsRounded'));
-var _SensorsSharp = _interopRequireDefault(require('./SensorsSharp'));
-var _SensorsTwoTone = _interopRequireDefault(require('./SensorsTwoTone'));
-var _SentimentDissatisfied = _interopRequireDefault(require('./SentimentDissatisfied'));
-var _SentimentDissatisfiedOutlined = _interopRequireDefault(
-  require('./SentimentDissatisfiedOutlined'),
-);
-var _SentimentDissatisfiedRounded = _interopRequireDefault(
-  require('./SentimentDissatisfiedRounded'),
-);
-var _SentimentDissatisfiedSharp = _interopRequireDefault(require('./SentimentDissatisfiedSharp'));
-var _SentimentDissatisfiedTwoTone = _interopRequireDefault(
-  require('./SentimentDissatisfiedTwoTone'),
-);
-var _SentimentNeutral = _interopRequireDefault(require('./SentimentNeutral'));
-var _SentimentNeutralOutlined = _interopRequireDefault(require('./SentimentNeutralOutlined'));
-var _SentimentNeutralRounded = _interopRequireDefault(require('./SentimentNeutralRounded'));
-var _SentimentNeutralSharp = _interopRequireDefault(require('./SentimentNeutralSharp'));
-var _SentimentNeutralTwoTone = _interopRequireDefault(require('./SentimentNeutralTwoTone'));
-var _SentimentSatisfied = _interopRequireDefault(require('./SentimentSatisfied'));
-var _SentimentSatisfiedAlt = _interopRequireDefault(require('./SentimentSatisfiedAlt'));
-var _SentimentSatisfiedAltOutlined = _interopRequireDefault(
-  require('./SentimentSatisfiedAltOutlined'),
-);
-var _SentimentSatisfiedAltRounded = _interopRequireDefault(
-  require('./SentimentSatisfiedAltRounded'),
-);
-var _SentimentSatisfiedAltSharp = _interopRequireDefault(require('./SentimentSatisfiedAltSharp'));
-var _SentimentSatisfiedAltTwoTone = _interopRequireDefault(
-  require('./SentimentSatisfiedAltTwoTone'),
-);
-var _SentimentSatisfiedOutlined = _interopRequireDefault(require('./SentimentSatisfiedOutlined'));
-var _SentimentSatisfiedRounded = _interopRequireDefault(require('./SentimentSatisfiedRounded'));
-var _SentimentSatisfiedSharp = _interopRequireDefault(require('./SentimentSatisfiedSharp'));
-var _SentimentSatisfiedTwoTone = _interopRequireDefault(require('./SentimentSatisfiedTwoTone'));
-var _SentimentVeryDissatisfied = _interopRequireDefault(require('./SentimentVeryDissatisfied'));
-var _SentimentVeryDissatisfiedOutlined = _interopRequireDefault(
-  require('./SentimentVeryDissatisfiedOutlined'),
-);
-var _SentimentVeryDissatisfiedRounded = _interopRequireDefault(
-  require('./SentimentVeryDissatisfiedRounded'),
-);
-var _SentimentVeryDissatisfiedSharp = _interopRequireDefault(
-  require('./SentimentVeryDissatisfiedSharp'),
-);
-var _SentimentVeryDissatisfiedTwoTone = _interopRequireDefault(
-  require('./SentimentVeryDissatisfiedTwoTone'),
-);
-var _SentimentVerySatisfied = _interopRequireDefault(require('./SentimentVerySatisfied'));
-var _SentimentVerySatisfiedOutlined = _interopRequireDefault(
-  require('./SentimentVerySatisfiedOutlined'),
-);
-var _SentimentVerySatisfiedRounded = _interopRequireDefault(
-  require('./SentimentVerySatisfiedRounded'),
-);
-var _SentimentVerySatisfiedSharp = _interopRequireDefault(require('./SentimentVerySatisfiedSharp'));
-var _SentimentVerySatisfiedTwoTone = _interopRequireDefault(
-  require('./SentimentVerySatisfiedTwoTone'),
-);
-var _SetMeal = _interopRequireDefault(require('./SetMeal'));
-var _SetMealOutlined = _interopRequireDefault(require('./SetMealOutlined'));
-var _SetMealRounded = _interopRequireDefault(require('./SetMealRounded'));
-var _SetMealSharp = _interopRequireDefault(require('./SetMealSharp'));
-var _SetMealTwoTone = _interopRequireDefault(require('./SetMealTwoTone'));
-var _Settings = _interopRequireDefault(require('./Settings'));
-var _SettingsAccessibility = _interopRequireDefault(require('./SettingsAccessibility'));
-var _SettingsAccessibilityOutlined = _interopRequireDefault(
-  require('./SettingsAccessibilityOutlined'),
-);
-var _SettingsAccessibilityRounded = _interopRequireDefault(
-  require('./SettingsAccessibilityRounded'),
-);
-var _SettingsAccessibilitySharp = _interopRequireDefault(require('./SettingsAccessibilitySharp'));
-var _SettingsAccessibilityTwoTone = _interopRequireDefault(
-  require('./SettingsAccessibilityTwoTone'),
-);
-var _SettingsApplications = _interopRequireDefault(require('./SettingsApplications'));
-var _SettingsApplicationsOutlined = _interopRequireDefault(
-  require('./SettingsApplicationsOutlined'),
-);
-var _SettingsApplicationsRounded = _interopRequireDefault(require('./SettingsApplicationsRounded'));
-var _SettingsApplicationsSharp = _interopRequireDefault(require('./SettingsApplicationsSharp'));
-var _SettingsApplicationsTwoTone = _interopRequireDefault(require('./SettingsApplicationsTwoTone'));
-var _SettingsBackupRestore = _interopRequireDefault(require('./SettingsBackupRestore'));
-var _SettingsBackupRestoreOutlined = _interopRequireDefault(
-  require('./SettingsBackupRestoreOutlined'),
-);
-var _SettingsBackupRestoreRounded = _interopRequireDefault(
-  require('./SettingsBackupRestoreRounded'),
-);
-var _SettingsBackupRestoreSharp = _interopRequireDefault(require('./SettingsBackupRestoreSharp'));
-var _SettingsBackupRestoreTwoTone = _interopRequireDefault(
-  require('./SettingsBackupRestoreTwoTone'),
-);
-var _SettingsBluetooth = _interopRequireDefault(require('./SettingsBluetooth'));
-var _SettingsBluetoothOutlined = _interopRequireDefault(require('./SettingsBluetoothOutlined'));
-var _SettingsBluetoothRounded = _interopRequireDefault(require('./SettingsBluetoothRounded'));
-var _SettingsBluetoothSharp = _interopRequireDefault(require('./SettingsBluetoothSharp'));
-var _SettingsBluetoothTwoTone = _interopRequireDefault(require('./SettingsBluetoothTwoTone'));
-var _SettingsBrightness = _interopRequireDefault(require('./SettingsBrightness'));
-var _SettingsBrightnessOutlined = _interopRequireDefault(require('./SettingsBrightnessOutlined'));
-var _SettingsBrightnessRounded = _interopRequireDefault(require('./SettingsBrightnessRounded'));
-var _SettingsBrightnessSharp = _interopRequireDefault(require('./SettingsBrightnessSharp'));
-var _SettingsBrightnessTwoTone = _interopRequireDefault(require('./SettingsBrightnessTwoTone'));
-var _SettingsCell = _interopRequireDefault(require('./SettingsCell'));
-var _SettingsCellOutlined = _interopRequireDefault(require('./SettingsCellOutlined'));
-var _SettingsCellRounded = _interopRequireDefault(require('./SettingsCellRounded'));
-var _SettingsCellSharp = _interopRequireDefault(require('./SettingsCellSharp'));
-var _SettingsCellTwoTone = _interopRequireDefault(require('./SettingsCellTwoTone'));
-var _SettingsEthernet = _interopRequireDefault(require('./SettingsEthernet'));
-var _SettingsEthernetOutlined = _interopRequireDefault(require('./SettingsEthernetOutlined'));
-var _SettingsEthernetRounded = _interopRequireDefault(require('./SettingsEthernetRounded'));
-var _SettingsEthernetSharp = _interopRequireDefault(require('./SettingsEthernetSharp'));
-var _SettingsEthernetTwoTone = _interopRequireDefault(require('./SettingsEthernetTwoTone'));
-var _SettingsInputAntenna = _interopRequireDefault(require('./SettingsInputAntenna'));
-var _SettingsInputAntennaOutlined = _interopRequireDefault(
-  require('./SettingsInputAntennaOutlined'),
-);
-var _SettingsInputAntennaRounded = _interopRequireDefault(require('./SettingsInputAntennaRounded'));
-var _SettingsInputAntennaSharp = _interopRequireDefault(require('./SettingsInputAntennaSharp'));
-var _SettingsInputAntennaTwoTone = _interopRequireDefault(require('./SettingsInputAntennaTwoTone'));
-var _SettingsInputComponent = _interopRequireDefault(require('./SettingsInputComponent'));
-var _SettingsInputComponentOutlined = _interopRequireDefault(
-  require('./SettingsInputComponentOutlined'),
-);
-var _SettingsInputComponentRounded = _interopRequireDefault(
-  require('./SettingsInputComponentRounded'),
-);
-var _SettingsInputComponentSharp = _interopRequireDefault(require('./SettingsInputComponentSharp'));
-var _SettingsInputComponentTwoTone = _interopRequireDefault(
-  require('./SettingsInputComponentTwoTone'),
-);
-var _SettingsInputComposite = _interopRequireDefault(require('./SettingsInputComposite'));
-var _SettingsInputCompositeOutlined = _interopRequireDefault(
-  require('./SettingsInputCompositeOutlined'),
-);
-var _SettingsInputCompositeRounded = _interopRequireDefault(
-  require('./SettingsInputCompositeRounded'),
-);
-var _SettingsInputCompositeSharp = _interopRequireDefault(require('./SettingsInputCompositeSharp'));
-var _SettingsInputCompositeTwoTone = _interopRequireDefault(
-  require('./SettingsInputCompositeTwoTone'),
-);
-var _SettingsInputHdmi = _interopRequireDefault(require('./SettingsInputHdmi'));
-var _SettingsInputHdmiOutlined = _interopRequireDefault(require('./SettingsInputHdmiOutlined'));
-var _SettingsInputHdmiRounded = _interopRequireDefault(require('./SettingsInputHdmiRounded'));
-var _SettingsInputHdmiSharp = _interopRequireDefault(require('./SettingsInputHdmiSharp'));
-var _SettingsInputHdmiTwoTone = _interopRequireDefault(require('./SettingsInputHdmiTwoTone'));
-var _SettingsInputSvideo = _interopRequireDefault(require('./SettingsInputSvideo'));
-var _SettingsInputSvideoOutlined = _interopRequireDefault(require('./SettingsInputSvideoOutlined'));
-var _SettingsInputSvideoRounded = _interopRequireDefault(require('./SettingsInputSvideoRounded'));
-var _SettingsInputSvideoSharp = _interopRequireDefault(require('./SettingsInputSvideoSharp'));
-var _SettingsInputSvideoTwoTone = _interopRequireDefault(require('./SettingsInputSvideoTwoTone'));
-var _SettingsOutlined = _interopRequireDefault(require('./SettingsOutlined'));
-var _SettingsOverscan = _interopRequireDefault(require('./SettingsOverscan'));
-var _SettingsOverscanOutlined = _interopRequireDefault(require('./SettingsOverscanOutlined'));
-var _SettingsOverscanRounded = _interopRequireDefault(require('./SettingsOverscanRounded'));
-var _SettingsOverscanSharp = _interopRequireDefault(require('./SettingsOverscanSharp'));
-var _SettingsOverscanTwoTone = _interopRequireDefault(require('./SettingsOverscanTwoTone'));
-var _SettingsPhone = _interopRequireDefault(require('./SettingsPhone'));
-var _SettingsPhoneOutlined = _interopRequireDefault(require('./SettingsPhoneOutlined'));
-var _SettingsPhoneRounded = _interopRequireDefault(require('./SettingsPhoneRounded'));
-var _SettingsPhoneSharp = _interopRequireDefault(require('./SettingsPhoneSharp'));
-var _SettingsPhoneTwoTone = _interopRequireDefault(require('./SettingsPhoneTwoTone'));
-var _SettingsPower = _interopRequireDefault(require('./SettingsPower'));
-var _SettingsPowerOutlined = _interopRequireDefault(require('./SettingsPowerOutlined'));
-var _SettingsPowerRounded = _interopRequireDefault(require('./SettingsPowerRounded'));
-var _SettingsPowerSharp = _interopRequireDefault(require('./SettingsPowerSharp'));
-var _SettingsPowerTwoTone = _interopRequireDefault(require('./SettingsPowerTwoTone'));
-var _SettingsRemote = _interopRequireDefault(require('./SettingsRemote'));
-var _SettingsRemoteOutlined = _interopRequireDefault(require('./SettingsRemoteOutlined'));
-var _SettingsRemoteRounded = _interopRequireDefault(require('./SettingsRemoteRounded'));
-var _SettingsRemoteSharp = _interopRequireDefault(require('./SettingsRemoteSharp'));
-var _SettingsRemoteTwoTone = _interopRequireDefault(require('./SettingsRemoteTwoTone'));
-var _SettingsRounded = _interopRequireDefault(require('./SettingsRounded'));
-var _SettingsSharp = _interopRequireDefault(require('./SettingsSharp'));
-var _SettingsSuggest = _interopRequireDefault(require('./SettingsSuggest'));
-var _SettingsSuggestOutlined = _interopRequireDefault(require('./SettingsSuggestOutlined'));
-var _SettingsSuggestRounded = _interopRequireDefault(require('./SettingsSuggestRounded'));
-var _SettingsSuggestSharp = _interopRequireDefault(require('./SettingsSuggestSharp'));
-var _SettingsSuggestTwoTone = _interopRequireDefault(require('./SettingsSuggestTwoTone'));
-var _SettingsSystemDaydream = _interopRequireDefault(require('./SettingsSystemDaydream'));
-var _SettingsSystemDaydreamOutlined = _interopRequireDefault(
-  require('./SettingsSystemDaydreamOutlined'),
-);
-var _SettingsSystemDaydreamRounded = _interopRequireDefault(
-  require('./SettingsSystemDaydreamRounded'),
-);
-var _SettingsSystemDaydreamSharp = _interopRequireDefault(require('./SettingsSystemDaydreamSharp'));
-var _SettingsSystemDaydreamTwoTone = _interopRequireDefault(
-  require('./SettingsSystemDaydreamTwoTone'),
-);
-var _SettingsTwoTone = _interopRequireDefault(require('./SettingsTwoTone'));
-var _SettingsVoice = _interopRequireDefault(require('./SettingsVoice'));
-var _SettingsVoiceOutlined = _interopRequireDefault(require('./SettingsVoiceOutlined'));
-var _SettingsVoiceRounded = _interopRequireDefault(require('./SettingsVoiceRounded'));
-var _SettingsVoiceSharp = _interopRequireDefault(require('./SettingsVoiceSharp'));
-var _SettingsVoiceTwoTone = _interopRequireDefault(require('./SettingsVoiceTwoTone'));
-var _SevenK = _interopRequireDefault(require('./SevenK'));
-var _SevenKOutlined = _interopRequireDefault(require('./SevenKOutlined'));
-var _SevenKPlus = _interopRequireDefault(require('./SevenKPlus'));
-var _SevenKPlusOutlined = _interopRequireDefault(require('./SevenKPlusOutlined'));
-var _SevenKPlusRounded = _interopRequireDefault(require('./SevenKPlusRounded'));
-var _SevenKPlusSharp = _interopRequireDefault(require('./SevenKPlusSharp'));
-var _SevenKPlusTwoTone = _interopRequireDefault(require('./SevenKPlusTwoTone'));
-var _SevenKRounded = _interopRequireDefault(require('./SevenKRounded'));
-var _SevenKSharp = _interopRequireDefault(require('./SevenKSharp'));
-var _SevenKTwoTone = _interopRequireDefault(require('./SevenKTwoTone'));
-var _SevenMp = _interopRequireDefault(require('./SevenMp'));
-var _SevenMpOutlined = _interopRequireDefault(require('./SevenMpOutlined'));
-var _SevenMpRounded = _interopRequireDefault(require('./SevenMpRounded'));
-var _SevenMpSharp = _interopRequireDefault(require('./SevenMpSharp'));
-var _SevenMpTwoTone = _interopRequireDefault(require('./SevenMpTwoTone'));
-var _SeventeenMp = _interopRequireDefault(require('./SeventeenMp'));
-var _SeventeenMpOutlined = _interopRequireDefault(require('./SeventeenMpOutlined'));
-var _SeventeenMpRounded = _interopRequireDefault(require('./SeventeenMpRounded'));
-var _SeventeenMpSharp = _interopRequireDefault(require('./SeventeenMpSharp'));
-var _SeventeenMpTwoTone = _interopRequireDefault(require('./SeventeenMpTwoTone'));
-var _SevereCold = _interopRequireDefault(require('./SevereCold'));
-var _SevereColdOutlined = _interopRequireDefault(require('./SevereColdOutlined'));
-var _SevereColdRounded = _interopRequireDefault(require('./SevereColdRounded'));
-var _SevereColdSharp = _interopRequireDefault(require('./SevereColdSharp'));
-var _SevereColdTwoTone = _interopRequireDefault(require('./SevereColdTwoTone'));
-var _ShapeLine = _interopRequireDefault(require('./ShapeLine'));
-var _ShapeLineOutlined = _interopRequireDefault(require('./ShapeLineOutlined'));
-var _ShapeLineRounded = _interopRequireDefault(require('./ShapeLineRounded'));
-var _ShapeLineSharp = _interopRequireDefault(require('./ShapeLineSharp'));
-var _ShapeLineTwoTone = _interopRequireDefault(require('./ShapeLineTwoTone'));
-var _Share = _interopRequireDefault(require('./Share'));
-var _ShareLocation = _interopRequireDefault(require('./ShareLocation'));
-var _ShareLocationOutlined = _interopRequireDefault(require('./ShareLocationOutlined'));
-var _ShareLocationRounded = _interopRequireDefault(require('./ShareLocationRounded'));
-var _ShareLocationSharp = _interopRequireDefault(require('./ShareLocationSharp'));
-var _ShareLocationTwoTone = _interopRequireDefault(require('./ShareLocationTwoTone'));
-var _ShareOutlined = _interopRequireDefault(require('./ShareOutlined'));
-var _ShareRounded = _interopRequireDefault(require('./ShareRounded'));
-var _ShareSharp = _interopRequireDefault(require('./ShareSharp'));
-var _ShareTwoTone = _interopRequireDefault(require('./ShareTwoTone'));
-var _Shield = _interopRequireDefault(require('./Shield'));
-var _ShieldMoon = _interopRequireDefault(require('./ShieldMoon'));
-var _ShieldMoonOutlined = _interopRequireDefault(require('./ShieldMoonOutlined'));
-var _ShieldMoonRounded = _interopRequireDefault(require('./ShieldMoonRounded'));
-var _ShieldMoonSharp = _interopRequireDefault(require('./ShieldMoonSharp'));
-var _ShieldMoonTwoTone = _interopRequireDefault(require('./ShieldMoonTwoTone'));
-var _ShieldOutlined = _interopRequireDefault(require('./ShieldOutlined'));
-var _ShieldRounded = _interopRequireDefault(require('./ShieldRounded'));
-var _ShieldSharp = _interopRequireDefault(require('./ShieldSharp'));
-var _ShieldTwoTone = _interopRequireDefault(require('./ShieldTwoTone'));
-var _Shop = _interopRequireDefault(require('./Shop'));
-var _Shop2 = _interopRequireDefault(require('./Shop2'));
-var _Shop2Outlined = _interopRequireDefault(require('./Shop2Outlined'));
-var _Shop2Rounded = _interopRequireDefault(require('./Shop2Rounded'));
-var _Shop2Sharp = _interopRequireDefault(require('./Shop2Sharp'));
-var _Shop2TwoTone = _interopRequireDefault(require('./Shop2TwoTone'));
-var _ShopOutlined = _interopRequireDefault(require('./ShopOutlined'));
-var _ShopRounded = _interopRequireDefault(require('./ShopRounded'));
-var _ShopSharp = _interopRequireDefault(require('./ShopSharp'));
-var _ShopTwo = _interopRequireDefault(require('./ShopTwo'));
-var _ShopTwoOutlined = _interopRequireDefault(require('./ShopTwoOutlined'));
-var _ShopTwoRounded = _interopRequireDefault(require('./ShopTwoRounded'));
-var _ShopTwoSharp = _interopRequireDefault(require('./ShopTwoSharp'));
-var _ShopTwoTone = _interopRequireDefault(require('./ShopTwoTone'));
-var _ShopTwoTwoTone = _interopRequireDefault(require('./ShopTwoTwoTone'));
-var _ShoppingBag = _interopRequireDefault(require('./ShoppingBag'));
-var _ShoppingBagOutlined = _interopRequireDefault(require('./ShoppingBagOutlined'));
-var _ShoppingBagRounded = _interopRequireDefault(require('./ShoppingBagRounded'));
-var _ShoppingBagSharp = _interopRequireDefault(require('./ShoppingBagSharp'));
-var _ShoppingBagTwoTone = _interopRequireDefault(require('./ShoppingBagTwoTone'));
-var _ShoppingBasket = _interopRequireDefault(require('./ShoppingBasket'));
-var _ShoppingBasketOutlined = _interopRequireDefault(require('./ShoppingBasketOutlined'));
-var _ShoppingBasketRounded = _interopRequireDefault(require('./ShoppingBasketRounded'));
-var _ShoppingBasketSharp = _interopRequireDefault(require('./ShoppingBasketSharp'));
-var _ShoppingBasketTwoTone = _interopRequireDefault(require('./ShoppingBasketTwoTone'));
-var _ShoppingCart = _interopRequireDefault(require('./ShoppingCart'));
-var _ShoppingCartCheckout = _interopRequireDefault(require('./ShoppingCartCheckout'));
-var _ShoppingCartCheckoutOutlined = _interopRequireDefault(
-  require('./ShoppingCartCheckoutOutlined'),
-);
-var _ShoppingCartCheckoutRounded = _interopRequireDefault(require('./ShoppingCartCheckoutRounded'));
-var _ShoppingCartCheckoutSharp = _interopRequireDefault(require('./ShoppingCartCheckoutSharp'));
-var _ShoppingCartCheckoutTwoTone = _interopRequireDefault(require('./ShoppingCartCheckoutTwoTone'));
-var _ShoppingCartOutlined = _interopRequireDefault(require('./ShoppingCartOutlined'));
-var _ShoppingCartRounded = _interopRequireDefault(require('./ShoppingCartRounded'));
-var _ShoppingCartSharp = _interopRequireDefault(require('./ShoppingCartSharp'));
-var _ShoppingCartTwoTone = _interopRequireDefault(require('./ShoppingCartTwoTone'));
-var _ShortText = _interopRequireDefault(require('./ShortText'));
-var _ShortTextOutlined = _interopRequireDefault(require('./ShortTextOutlined'));
-var _ShortTextRounded = _interopRequireDefault(require('./ShortTextRounded'));
-var _ShortTextSharp = _interopRequireDefault(require('./ShortTextSharp'));
-var _ShortTextTwoTone = _interopRequireDefault(require('./ShortTextTwoTone'));
-var _Shortcut = _interopRequireDefault(require('./Shortcut'));
-var _ShortcutOutlined = _interopRequireDefault(require('./ShortcutOutlined'));
-var _ShortcutRounded = _interopRequireDefault(require('./ShortcutRounded'));
-var _ShortcutSharp = _interopRequireDefault(require('./ShortcutSharp'));
-var _ShortcutTwoTone = _interopRequireDefault(require('./ShortcutTwoTone'));
-var _ShowChart = _interopRequireDefault(require('./ShowChart'));
-var _ShowChartOutlined = _interopRequireDefault(require('./ShowChartOutlined'));
-var _ShowChartRounded = _interopRequireDefault(require('./ShowChartRounded'));
-var _ShowChartSharp = _interopRequireDefault(require('./ShowChartSharp'));
-var _ShowChartTwoTone = _interopRequireDefault(require('./ShowChartTwoTone'));
-var _Shower = _interopRequireDefault(require('./Shower'));
-var _ShowerOutlined = _interopRequireDefault(require('./ShowerOutlined'));
-var _ShowerRounded = _interopRequireDefault(require('./ShowerRounded'));
-var _ShowerSharp = _interopRequireDefault(require('./ShowerSharp'));
-var _ShowerTwoTone = _interopRequireDefault(require('./ShowerTwoTone'));
-var _Shuffle = _interopRequireDefault(require('./Shuffle'));
-var _ShuffleOn = _interopRequireDefault(require('./ShuffleOn'));
-var _ShuffleOnOutlined = _interopRequireDefault(require('./ShuffleOnOutlined'));
-var _ShuffleOnRounded = _interopRequireDefault(require('./ShuffleOnRounded'));
-var _ShuffleOnSharp = _interopRequireDefault(require('./ShuffleOnSharp'));
-var _ShuffleOnTwoTone = _interopRequireDefault(require('./ShuffleOnTwoTone'));
-var _ShuffleOutlined = _interopRequireDefault(require('./ShuffleOutlined'));
-var _ShuffleRounded = _interopRequireDefault(require('./ShuffleRounded'));
-var _ShuffleSharp = _interopRequireDefault(require('./ShuffleSharp'));
-var _ShuffleTwoTone = _interopRequireDefault(require('./ShuffleTwoTone'));
-var _ShutterSpeed = _interopRequireDefault(require('./ShutterSpeed'));
-var _ShutterSpeedOutlined = _interopRequireDefault(require('./ShutterSpeedOutlined'));
-var _ShutterSpeedRounded = _interopRequireDefault(require('./ShutterSpeedRounded'));
-var _ShutterSpeedSharp = _interopRequireDefault(require('./ShutterSpeedSharp'));
-var _ShutterSpeedTwoTone = _interopRequireDefault(require('./ShutterSpeedTwoTone'));
-var _Sick = _interopRequireDefault(require('./Sick'));
-var _SickOutlined = _interopRequireDefault(require('./SickOutlined'));
-var _SickRounded = _interopRequireDefault(require('./SickRounded'));
-var _SickSharp = _interopRequireDefault(require('./SickSharp'));
-var _SickTwoTone = _interopRequireDefault(require('./SickTwoTone'));
-var _SignLanguage = _interopRequireDefault(require('./SignLanguage'));
-var _SignLanguageOutlined = _interopRequireDefault(require('./SignLanguageOutlined'));
-var _SignLanguageRounded = _interopRequireDefault(require('./SignLanguageRounded'));
-var _SignLanguageSharp = _interopRequireDefault(require('./SignLanguageSharp'));
-var _SignLanguageTwoTone = _interopRequireDefault(require('./SignLanguageTwoTone'));
-var _SignalCellular0Bar = _interopRequireDefault(require('./SignalCellular0Bar'));
-var _SignalCellular0BarOutlined = _interopRequireDefault(require('./SignalCellular0BarOutlined'));
-var _SignalCellular0BarRounded = _interopRequireDefault(require('./SignalCellular0BarRounded'));
-var _SignalCellular0BarSharp = _interopRequireDefault(require('./SignalCellular0BarSharp'));
-var _SignalCellular0BarTwoTone = _interopRequireDefault(require('./SignalCellular0BarTwoTone'));
-var _SignalCellular1Bar = _interopRequireDefault(require('./SignalCellular1Bar'));
-var _SignalCellular1BarOutlined = _interopRequireDefault(require('./SignalCellular1BarOutlined'));
-var _SignalCellular1BarRounded = _interopRequireDefault(require('./SignalCellular1BarRounded'));
-var _SignalCellular1BarSharp = _interopRequireDefault(require('./SignalCellular1BarSharp'));
-var _SignalCellular1BarTwoTone = _interopRequireDefault(require('./SignalCellular1BarTwoTone'));
-var _SignalCellular2Bar = _interopRequireDefault(require('./SignalCellular2Bar'));
-var _SignalCellular2BarOutlined = _interopRequireDefault(require('./SignalCellular2BarOutlined'));
-var _SignalCellular2BarRounded = _interopRequireDefault(require('./SignalCellular2BarRounded'));
-var _SignalCellular2BarSharp = _interopRequireDefault(require('./SignalCellular2BarSharp'));
-var _SignalCellular2BarTwoTone = _interopRequireDefault(require('./SignalCellular2BarTwoTone'));
-var _SignalCellular3Bar = _interopRequireDefault(require('./SignalCellular3Bar'));
-var _SignalCellular3BarOutlined = _interopRequireDefault(require('./SignalCellular3BarOutlined'));
-var _SignalCellular3BarRounded = _interopRequireDefault(require('./SignalCellular3BarRounded'));
-var _SignalCellular3BarSharp = _interopRequireDefault(require('./SignalCellular3BarSharp'));
-var _SignalCellular3BarTwoTone = _interopRequireDefault(require('./SignalCellular3BarTwoTone'));
-var _SignalCellular4Bar = _interopRequireDefault(require('./SignalCellular4Bar'));
-var _SignalCellular4BarOutlined = _interopRequireDefault(require('./SignalCellular4BarOutlined'));
-var _SignalCellular4BarRounded = _interopRequireDefault(require('./SignalCellular4BarRounded'));
-var _SignalCellular4BarSharp = _interopRequireDefault(require('./SignalCellular4BarSharp'));
-var _SignalCellular4BarTwoTone = _interopRequireDefault(require('./SignalCellular4BarTwoTone'));
-var _SignalCellularAlt = _interopRequireDefault(require('./SignalCellularAlt'));
-var _SignalCellularAlt1Bar = _interopRequireDefault(require('./SignalCellularAlt1Bar'));
-var _SignalCellularAlt1BarOutlined = _interopRequireDefault(
-  require('./SignalCellularAlt1BarOutlined'),
-);
-var _SignalCellularAlt1BarRounded = _interopRequireDefault(
-  require('./SignalCellularAlt1BarRounded'),
-);
-var _SignalCellularAlt1BarSharp = _interopRequireDefault(require('./SignalCellularAlt1BarSharp'));
-var _SignalCellularAlt1BarTwoTone = _interopRequireDefault(
-  require('./SignalCellularAlt1BarTwoTone'),
-);
-var _SignalCellularAlt2Bar = _interopRequireDefault(require('./SignalCellularAlt2Bar'));
-var _SignalCellularAlt2BarOutlined = _interopRequireDefault(
-  require('./SignalCellularAlt2BarOutlined'),
-);
-var _SignalCellularAlt2BarRounded = _interopRequireDefault(
-  require('./SignalCellularAlt2BarRounded'),
-);
-var _SignalCellularAlt2BarSharp = _interopRequireDefault(require('./SignalCellularAlt2BarSharp'));
-var _SignalCellularAlt2BarTwoTone = _interopRequireDefault(
-  require('./SignalCellularAlt2BarTwoTone'),
-);
-var _SignalCellularAltOutlined = _interopRequireDefault(require('./SignalCellularAltOutlined'));
-var _SignalCellularAltRounded = _interopRequireDefault(require('./SignalCellularAltRounded'));
-var _SignalCellularAltSharp = _interopRequireDefault(require('./SignalCellularAltSharp'));
-var _SignalCellularAltTwoTone = _interopRequireDefault(require('./SignalCellularAltTwoTone'));
-var _SignalCellularConnectedNoInternet0Bar = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet0Bar'),
-);
-var _SignalCellularConnectedNoInternet0BarOutlined = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet0BarOutlined'),
-);
-var _SignalCellularConnectedNoInternet0BarRounded = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet0BarRounded'),
-);
-var _SignalCellularConnectedNoInternet0BarSharp = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet0BarSharp'),
-);
-var _SignalCellularConnectedNoInternet0BarTwoTone = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet0BarTwoTone'),
-);
-var _SignalCellularConnectedNoInternet1Bar = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet1Bar'),
-);
-var _SignalCellularConnectedNoInternet1BarOutlined = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet1BarOutlined'),
-);
-var _SignalCellularConnectedNoInternet1BarRounded = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet1BarRounded'),
-);
-var _SignalCellularConnectedNoInternet1BarSharp = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet1BarSharp'),
-);
-var _SignalCellularConnectedNoInternet1BarTwoTone = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet1BarTwoTone'),
-);
-var _SignalCellularConnectedNoInternet2Bar = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet2Bar'),
-);
-var _SignalCellularConnectedNoInternet2BarOutlined = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet2BarOutlined'),
-);
-var _SignalCellularConnectedNoInternet2BarRounded = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet2BarRounded'),
-);
-var _SignalCellularConnectedNoInternet2BarSharp = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet2BarSharp'),
-);
-var _SignalCellularConnectedNoInternet2BarTwoTone = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet2BarTwoTone'),
-);
-var _SignalCellularConnectedNoInternet3Bar = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet3Bar'),
-);
-var _SignalCellularConnectedNoInternet3BarOutlined = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet3BarOutlined'),
-);
-var _SignalCellularConnectedNoInternet3BarRounded = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet3BarRounded'),
-);
-var _SignalCellularConnectedNoInternet3BarSharp = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet3BarSharp'),
-);
-var _SignalCellularConnectedNoInternet3BarTwoTone = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet3BarTwoTone'),
-);
-var _SignalCellularConnectedNoInternet4Bar = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet4Bar'),
-);
-var _SignalCellularConnectedNoInternet4BarOutlined = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet4BarOutlined'),
-);
-var _SignalCellularConnectedNoInternet4BarRounded = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet4BarRounded'),
-);
-var _SignalCellularConnectedNoInternet4BarSharp = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet4BarSharp'),
-);
-var _SignalCellularConnectedNoInternet4BarTwoTone = _interopRequireDefault(
-  require('./SignalCellularConnectedNoInternet4BarTwoTone'),
-);
-var _SignalCellularNoSim = _interopRequireDefault(require('./SignalCellularNoSim'));
-var _SignalCellularNoSimOutlined = _interopRequireDefault(require('./SignalCellularNoSimOutlined'));
-var _SignalCellularNoSimRounded = _interopRequireDefault(require('./SignalCellularNoSimRounded'));
-var _SignalCellularNoSimSharp = _interopRequireDefault(require('./SignalCellularNoSimSharp'));
-var _SignalCellularNoSimTwoTone = _interopRequireDefault(require('./SignalCellularNoSimTwoTone'));
-var _SignalCellularNodata = _interopRequireDefault(require('./SignalCellularNodata'));
-var _SignalCellularNodataOutlined = _interopRequireDefault(
-  require('./SignalCellularNodataOutlined'),
-);
-var _SignalCellularNodataRounded = _interopRequireDefault(require('./SignalCellularNodataRounded'));
-var _SignalCellularNodataSharp = _interopRequireDefault(require('./SignalCellularNodataSharp'));
-var _SignalCellularNodataTwoTone = _interopRequireDefault(require('./SignalCellularNodataTwoTone'));
-var _SignalCellularNull = _interopRequireDefault(require('./SignalCellularNull'));
-var _SignalCellularNullOutlined = _interopRequireDefault(require('./SignalCellularNullOutlined'));
-var _SignalCellularNullRounded = _interopRequireDefault(require('./SignalCellularNullRounded'));
-var _SignalCellularNullSharp = _interopRequireDefault(require('./SignalCellularNullSharp'));
-var _SignalCellularNullTwoTone = _interopRequireDefault(require('./SignalCellularNullTwoTone'));
-var _SignalCellularOff = _interopRequireDefault(require('./SignalCellularOff'));
-var _SignalCellularOffOutlined = _interopRequireDefault(require('./SignalCellularOffOutlined'));
-var _SignalCellularOffRounded = _interopRequireDefault(require('./SignalCellularOffRounded'));
-var _SignalCellularOffSharp = _interopRequireDefault(require('./SignalCellularOffSharp'));
-var _SignalCellularOffTwoTone = _interopRequireDefault(require('./SignalCellularOffTwoTone'));
-var _SignalWifi0Bar = _interopRequireDefault(require('./SignalWifi0Bar'));
-var _SignalWifi0BarOutlined = _interopRequireDefault(require('./SignalWifi0BarOutlined'));
-var _SignalWifi0BarRounded = _interopRequireDefault(require('./SignalWifi0BarRounded'));
-var _SignalWifi0BarSharp = _interopRequireDefault(require('./SignalWifi0BarSharp'));
-var _SignalWifi0BarTwoTone = _interopRequireDefault(require('./SignalWifi0BarTwoTone'));
-var _SignalWifi1Bar = _interopRequireDefault(require('./SignalWifi1Bar'));
-var _SignalWifi1BarLock = _interopRequireDefault(require('./SignalWifi1BarLock'));
-var _SignalWifi1BarLockOutlined = _interopRequireDefault(require('./SignalWifi1BarLockOutlined'));
-var _SignalWifi1BarLockRounded = _interopRequireDefault(require('./SignalWifi1BarLockRounded'));
-var _SignalWifi1BarLockSharp = _interopRequireDefault(require('./SignalWifi1BarLockSharp'));
-var _SignalWifi1BarLockTwoTone = _interopRequireDefault(require('./SignalWifi1BarLockTwoTone'));
-var _SignalWifi1BarOutlined = _interopRequireDefault(require('./SignalWifi1BarOutlined'));
-var _SignalWifi1BarRounded = _interopRequireDefault(require('./SignalWifi1BarRounded'));
-var _SignalWifi1BarSharp = _interopRequireDefault(require('./SignalWifi1BarSharp'));
-var _SignalWifi1BarTwoTone = _interopRequireDefault(require('./SignalWifi1BarTwoTone'));
-var _SignalWifi2Bar = _interopRequireDefault(require('./SignalWifi2Bar'));
-var _SignalWifi2BarLock = _interopRequireDefault(require('./SignalWifi2BarLock'));
-var _SignalWifi2BarLockOutlined = _interopRequireDefault(require('./SignalWifi2BarLockOutlined'));
-var _SignalWifi2BarLockRounded = _interopRequireDefault(require('./SignalWifi2BarLockRounded'));
-var _SignalWifi2BarLockSharp = _interopRequireDefault(require('./SignalWifi2BarLockSharp'));
-var _SignalWifi2BarLockTwoTone = _interopRequireDefault(require('./SignalWifi2BarLockTwoTone'));
-var _SignalWifi2BarOutlined = _interopRequireDefault(require('./SignalWifi2BarOutlined'));
-var _SignalWifi2BarRounded = _interopRequireDefault(require('./SignalWifi2BarRounded'));
-var _SignalWifi2BarSharp = _interopRequireDefault(require('./SignalWifi2BarSharp'));
-var _SignalWifi2BarTwoTone = _interopRequireDefault(require('./SignalWifi2BarTwoTone'));
-var _SignalWifi3Bar = _interopRequireDefault(require('./SignalWifi3Bar'));
-var _SignalWifi3BarLock = _interopRequireDefault(require('./SignalWifi3BarLock'));
-var _SignalWifi3BarLockOutlined = _interopRequireDefault(require('./SignalWifi3BarLockOutlined'));
-var _SignalWifi3BarLockRounded = _interopRequireDefault(require('./SignalWifi3BarLockRounded'));
-var _SignalWifi3BarLockSharp = _interopRequireDefault(require('./SignalWifi3BarLockSharp'));
-var _SignalWifi3BarLockTwoTone = _interopRequireDefault(require('./SignalWifi3BarLockTwoTone'));
-var _SignalWifi3BarOutlined = _interopRequireDefault(require('./SignalWifi3BarOutlined'));
-var _SignalWifi3BarRounded = _interopRequireDefault(require('./SignalWifi3BarRounded'));
-var _SignalWifi3BarSharp = _interopRequireDefault(require('./SignalWifi3BarSharp'));
-var _SignalWifi3BarTwoTone = _interopRequireDefault(require('./SignalWifi3BarTwoTone'));
-var _SignalWifi4Bar = _interopRequireDefault(require('./SignalWifi4Bar'));
-var _SignalWifi4BarLock = _interopRequireDefault(require('./SignalWifi4BarLock'));
-var _SignalWifi4BarLockOutlined = _interopRequireDefault(require('./SignalWifi4BarLockOutlined'));
-var _SignalWifi4BarLockRounded = _interopRequireDefault(require('./SignalWifi4BarLockRounded'));
-var _SignalWifi4BarLockSharp = _interopRequireDefault(require('./SignalWifi4BarLockSharp'));
-var _SignalWifi4BarLockTwoTone = _interopRequireDefault(require('./SignalWifi4BarLockTwoTone'));
-var _SignalWifi4BarOutlined = _interopRequireDefault(require('./SignalWifi4BarOutlined'));
-var _SignalWifi4BarRounded = _interopRequireDefault(require('./SignalWifi4BarRounded'));
-var _SignalWifi4BarSharp = _interopRequireDefault(require('./SignalWifi4BarSharp'));
-var _SignalWifi4BarTwoTone = _interopRequireDefault(require('./SignalWifi4BarTwoTone'));
-var _SignalWifiBad = _interopRequireDefault(require('./SignalWifiBad'));
-var _SignalWifiBadOutlined = _interopRequireDefault(require('./SignalWifiBadOutlined'));
-var _SignalWifiBadRounded = _interopRequireDefault(require('./SignalWifiBadRounded'));
-var _SignalWifiBadSharp = _interopRequireDefault(require('./SignalWifiBadSharp'));
-var _SignalWifiBadTwoTone = _interopRequireDefault(require('./SignalWifiBadTwoTone'));
-var _SignalWifiConnectedNoInternet = _interopRequireDefault(
-  require('./SignalWifiConnectedNoInternet4'),
-);
-var _SignalWifiConnectedNoInternet4Outlined = _interopRequireDefault(
-  require('./SignalWifiConnectedNoInternet4Outlined'),
-);
-var _SignalWifiConnectedNoInternet4Rounded = _interopRequireDefault(
-  require('./SignalWifiConnectedNoInternet4Rounded'),
-);
-var _SignalWifiConnectedNoInternet4Sharp = _interopRequireDefault(
-  require('./SignalWifiConnectedNoInternet4Sharp'),
-);
-var _SignalWifiConnectedNoInternet4TwoTone = _interopRequireDefault(
-  require('./SignalWifiConnectedNoInternet4TwoTone'),
-);
-var _SignalWifiOff = _interopRequireDefault(require('./SignalWifiOff'));
-var _SignalWifiOffOutlined = _interopRequireDefault(require('./SignalWifiOffOutlined'));
-var _SignalWifiOffRounded = _interopRequireDefault(require('./SignalWifiOffRounded'));
-var _SignalWifiOffSharp = _interopRequireDefault(require('./SignalWifiOffSharp'));
-var _SignalWifiOffTwoTone = _interopRequireDefault(require('./SignalWifiOffTwoTone'));
-var _SignalWifiStatusbar4Bar = _interopRequireDefault(require('./SignalWifiStatusbar4Bar'));
-var _SignalWifiStatusbar4BarOutlined = _interopRequireDefault(
-  require('./SignalWifiStatusbar4BarOutlined'),
-);
-var _SignalWifiStatusbar4BarRounded = _interopRequireDefault(
-  require('./SignalWifiStatusbar4BarRounded'),
-);
-var _SignalWifiStatusbar4BarSharp = _interopRequireDefault(
-  require('./SignalWifiStatusbar4BarSharp'),
-);
-var _SignalWifiStatusbar4BarTwoTone = _interopRequireDefault(
-  require('./SignalWifiStatusbar4BarTwoTone'),
-);
-var _SignalWifiStatusbarConnectedNoInternet = _interopRequireDefault(
-  require('./SignalWifiStatusbarConnectedNoInternet4'),
-);
-var _SignalWifiStatusbarConnectedNoInternet4Outlined = _interopRequireDefault(
-  require('./SignalWifiStatusbarConnectedNoInternet4Outlined'),
-);
-var _SignalWifiStatusbarConnectedNoInternet4Rounded = _interopRequireDefault(
-  require('./SignalWifiStatusbarConnectedNoInternet4Rounded'),
-);
-var _SignalWifiStatusbarConnectedNoInternet4Sharp = _interopRequireDefault(
-  require('./SignalWifiStatusbarConnectedNoInternet4Sharp'),
-);
-var _SignalWifiStatusbarConnectedNoInternet4TwoTone = _interopRequireDefault(
-  require('./SignalWifiStatusbarConnectedNoInternet4TwoTone'),
-);
-var _SignalWifiStatusbarNull = _interopRequireDefault(require('./SignalWifiStatusbarNull'));
-var _SignalWifiStatusbarNullOutlined = _interopRequireDefault(
-  require('./SignalWifiStatusbarNullOutlined'),
-);
-var _SignalWifiStatusbarNullRounded = _interopRequireDefault(
-  require('./SignalWifiStatusbarNullRounded'),
-);
-var _SignalWifiStatusbarNullSharp = _interopRequireDefault(
-  require('./SignalWifiStatusbarNullSharp'),
-);
-var _SignalWifiStatusbarNullTwoTone = _interopRequireDefault(
-  require('./SignalWifiStatusbarNullTwoTone'),
-);
-var _Signpost = _interopRequireDefault(require('./Signpost'));
-var _SignpostOutlined = _interopRequireDefault(require('./SignpostOutlined'));
-var _SignpostRounded = _interopRequireDefault(require('./SignpostRounded'));
-var _SignpostSharp = _interopRequireDefault(require('./SignpostSharp'));
-var _SignpostTwoTone = _interopRequireDefault(require('./SignpostTwoTone'));
-var _SimCard = _interopRequireDefault(require('./SimCard'));
-var _SimCardAlert = _interopRequireDefault(require('./SimCardAlert'));
-var _SimCardAlertOutlined = _interopRequireDefault(require('./SimCardAlertOutlined'));
-var _SimCardAlertRounded = _interopRequireDefault(require('./SimCardAlertRounded'));
-var _SimCardAlertSharp = _interopRequireDefault(require('./SimCardAlertSharp'));
-var _SimCardAlertTwoTone = _interopRequireDefault(require('./SimCardAlertTwoTone'));
-var _SimCardDownload = _interopRequireDefault(require('./SimCardDownload'));
-var _SimCardDownloadOutlined = _interopRequireDefault(require('./SimCardDownloadOutlined'));
-var _SimCardDownloadRounded = _interopRequireDefault(require('./SimCardDownloadRounded'));
-var _SimCardDownloadSharp = _interopRequireDefault(require('./SimCardDownloadSharp'));
-var _SimCardDownloadTwoTone = _interopRequireDefault(require('./SimCardDownloadTwoTone'));
-var _SimCardOutlined = _interopRequireDefault(require('./SimCardOutlined'));
-var _SimCardRounded = _interopRequireDefault(require('./SimCardRounded'));
-var _SimCardSharp = _interopRequireDefault(require('./SimCardSharp'));
-var _SimCardTwoTone = _interopRequireDefault(require('./SimCardTwoTone'));
-var _SingleBed = _interopRequireDefault(require('./SingleBed'));
-var _SingleBedOutlined = _interopRequireDefault(require('./SingleBedOutlined'));
-var _SingleBedRounded = _interopRequireDefault(require('./SingleBedRounded'));
-var _SingleBedSharp = _interopRequireDefault(require('./SingleBedSharp'));
-var _SingleBedTwoTone = _interopRequireDefault(require('./SingleBedTwoTone'));
-var _Sip = _interopRequireDefault(require('./Sip'));
-var _SipOutlined = _interopRequireDefault(require('./SipOutlined'));
-var _SipRounded = _interopRequireDefault(require('./SipRounded'));
-var _SipSharp = _interopRequireDefault(require('./SipSharp'));
-var _SipTwoTone = _interopRequireDefault(require('./SipTwoTone'));
-var _SixK = _interopRequireDefault(require('./SixK'));
-var _SixKOutlined = _interopRequireDefault(require('./SixKOutlined'));
-var _SixKPlus = _interopRequireDefault(require('./SixKPlus'));
-var _SixKPlusOutlined = _interopRequireDefault(require('./SixKPlusOutlined'));
-var _SixKPlusRounded = _interopRequireDefault(require('./SixKPlusRounded'));
-var _SixKPlusSharp = _interopRequireDefault(require('./SixKPlusSharp'));
-var _SixKPlusTwoTone = _interopRequireDefault(require('./SixKPlusTwoTone'));
-var _SixKRounded = _interopRequireDefault(require('./SixKRounded'));
-var _SixKSharp = _interopRequireDefault(require('./SixKSharp'));
-var _SixKTwoTone = _interopRequireDefault(require('./SixKTwoTone'));
-var _SixMp = _interopRequireDefault(require('./SixMp'));
-var _SixMpOutlined = _interopRequireDefault(require('./SixMpOutlined'));
-var _SixMpRounded = _interopRequireDefault(require('./SixMpRounded'));
-var _SixMpSharp = _interopRequireDefault(require('./SixMpSharp'));
-var _SixMpTwoTone = _interopRequireDefault(require('./SixMpTwoTone'));
-var _SixteenMp = _interopRequireDefault(require('./SixteenMp'));
-var _SixteenMpOutlined = _interopRequireDefault(require('./SixteenMpOutlined'));
-var _SixteenMpRounded = _interopRequireDefault(require('./SixteenMpRounded'));
-var _SixteenMpSharp = _interopRequireDefault(require('./SixteenMpSharp'));
-var _SixteenMpTwoTone = _interopRequireDefault(require('./SixteenMpTwoTone'));
-var _SixtyFps = _interopRequireDefault(require('./SixtyFps'));
-var _SixtyFpsOutlined = _interopRequireDefault(require('./SixtyFpsOutlined'));
-var _SixtyFpsRounded = _interopRequireDefault(require('./SixtyFpsRounded'));
-var _SixtyFpsSelect = _interopRequireDefault(require('./SixtyFpsSelect'));
-var _SixtyFpsSelectOutlined = _interopRequireDefault(require('./SixtyFpsSelectOutlined'));
-var _SixtyFpsSelectRounded = _interopRequireDefault(require('./SixtyFpsSelectRounded'));
-var _SixtyFpsSelectSharp = _interopRequireDefault(require('./SixtyFpsSelectSharp'));
-var _SixtyFpsSelectTwoTone = _interopRequireDefault(require('./SixtyFpsSelectTwoTone'));
-var _SixtyFpsSharp = _interopRequireDefault(require('./SixtyFpsSharp'));
-var _SixtyFpsTwoTone = _interopRequireDefault(require('./SixtyFpsTwoTone'));
-var _Skateboarding = _interopRequireDefault(require('./Skateboarding'));
-var _SkateboardingOutlined = _interopRequireDefault(require('./SkateboardingOutlined'));
-var _SkateboardingRounded = _interopRequireDefault(require('./SkateboardingRounded'));
-var _SkateboardingSharp = _interopRequireDefault(require('./SkateboardingSharp'));
-var _SkateboardingTwoTone = _interopRequireDefault(require('./SkateboardingTwoTone'));
-var _SkipNext = _interopRequireDefault(require('./SkipNext'));
-var _SkipNextOutlined = _interopRequireDefault(require('./SkipNextOutlined'));
-var _SkipNextRounded = _interopRequireDefault(require('./SkipNextRounded'));
-var _SkipNextSharp = _interopRequireDefault(require('./SkipNextSharp'));
-var _SkipNextTwoTone = _interopRequireDefault(require('./SkipNextTwoTone'));
-var _SkipPrevious = _interopRequireDefault(require('./SkipPrevious'));
-var _SkipPreviousOutlined = _interopRequireDefault(require('./SkipPreviousOutlined'));
-var _SkipPreviousRounded = _interopRequireDefault(require('./SkipPreviousRounded'));
-var _SkipPreviousSharp = _interopRequireDefault(require('./SkipPreviousSharp'));
-var _SkipPreviousTwoTone = _interopRequireDefault(require('./SkipPreviousTwoTone'));
-var _Sledding = _interopRequireDefault(require('./Sledding'));
-var _SleddingOutlined = _interopRequireDefault(require('./SleddingOutlined'));
-var _SleddingRounded = _interopRequireDefault(require('./SleddingRounded'));
-var _SleddingSharp = _interopRequireDefault(require('./SleddingSharp'));
-var _SleddingTwoTone = _interopRequireDefault(require('./SleddingTwoTone'));
-var _Slideshow = _interopRequireDefault(require('./Slideshow'));
-var _SlideshowOutlined = _interopRequireDefault(require('./SlideshowOutlined'));
-var _SlideshowRounded = _interopRequireDefault(require('./SlideshowRounded'));
-var _SlideshowSharp = _interopRequireDefault(require('./SlideshowSharp'));
-var _SlideshowTwoTone = _interopRequireDefault(require('./SlideshowTwoTone'));
-var _SlowMotionVideo = _interopRequireDefault(require('./SlowMotionVideo'));
-var _SlowMotionVideoOutlined = _interopRequireDefault(require('./SlowMotionVideoOutlined'));
-var _SlowMotionVideoRounded = _interopRequireDefault(require('./SlowMotionVideoRounded'));
-var _SlowMotionVideoSharp = _interopRequireDefault(require('./SlowMotionVideoSharp'));
-var _SlowMotionVideoTwoTone = _interopRequireDefault(require('./SlowMotionVideoTwoTone'));
-var _SmartButton = _interopRequireDefault(require('./SmartButton'));
-var _SmartButtonOutlined = _interopRequireDefault(require('./SmartButtonOutlined'));
-var _SmartButtonRounded = _interopRequireDefault(require('./SmartButtonRounded'));
-var _SmartButtonSharp = _interopRequireDefault(require('./SmartButtonSharp'));
-var _SmartButtonTwoTone = _interopRequireDefault(require('./SmartButtonTwoTone'));
-var _SmartDisplay = _interopRequireDefault(require('./SmartDisplay'));
-var _SmartDisplayOutlined = _interopRequireDefault(require('./SmartDisplayOutlined'));
-var _SmartDisplayRounded = _interopRequireDefault(require('./SmartDisplayRounded'));
-var _SmartDisplaySharp = _interopRequireDefault(require('./SmartDisplaySharp'));
-var _SmartDisplayTwoTone = _interopRequireDefault(require('./SmartDisplayTwoTone'));
-var _SmartScreen = _interopRequireDefault(require('./SmartScreen'));
-var _SmartScreenOutlined = _interopRequireDefault(require('./SmartScreenOutlined'));
-var _SmartScreenRounded = _interopRequireDefault(require('./SmartScreenRounded'));
-var _SmartScreenSharp = _interopRequireDefault(require('./SmartScreenSharp'));
-var _SmartScreenTwoTone = _interopRequireDefault(require('./SmartScreenTwoTone'));
-var _SmartToy = _interopRequireDefault(require('./SmartToy'));
-var _SmartToyOutlined = _interopRequireDefault(require('./SmartToyOutlined'));
-var _SmartToyRounded = _interopRequireDefault(require('./SmartToyRounded'));
-var _SmartToySharp = _interopRequireDefault(require('./SmartToySharp'));
-var _SmartToyTwoTone = _interopRequireDefault(require('./SmartToyTwoTone'));
-var _Smartphone = _interopRequireDefault(require('./Smartphone'));
-var _SmartphoneOutlined = _interopRequireDefault(require('./SmartphoneOutlined'));
-var _SmartphoneRounded = _interopRequireDefault(require('./SmartphoneRounded'));
-var _SmartphoneSharp = _interopRequireDefault(require('./SmartphoneSharp'));
-var _SmartphoneTwoTone = _interopRequireDefault(require('./SmartphoneTwoTone'));
-var _SmokeFree = _interopRequireDefault(require('./SmokeFree'));
-var _SmokeFreeOutlined = _interopRequireDefault(require('./SmokeFreeOutlined'));
-var _SmokeFreeRounded = _interopRequireDefault(require('./SmokeFreeRounded'));
-var _SmokeFreeSharp = _interopRequireDefault(require('./SmokeFreeSharp'));
-var _SmokeFreeTwoTone = _interopRequireDefault(require('./SmokeFreeTwoTone'));
-var _SmokingRooms = _interopRequireDefault(require('./SmokingRooms'));
-var _SmokingRoomsOutlined = _interopRequireDefault(require('./SmokingRoomsOutlined'));
-var _SmokingRoomsRounded = _interopRequireDefault(require('./SmokingRoomsRounded'));
-var _SmokingRoomsSharp = _interopRequireDefault(require('./SmokingRoomsSharp'));
-var _SmokingRoomsTwoTone = _interopRequireDefault(require('./SmokingRoomsTwoTone'));
-var _Sms = _interopRequireDefault(require('./Sms'));
-var _SmsFailed = _interopRequireDefault(require('./SmsFailed'));
-var _SmsFailedOutlined = _interopRequireDefault(require('./SmsFailedOutlined'));
-var _SmsFailedRounded = _interopRequireDefault(require('./SmsFailedRounded'));
-var _SmsFailedSharp = _interopRequireDefault(require('./SmsFailedSharp'));
-var _SmsFailedTwoTone = _interopRequireDefault(require('./SmsFailedTwoTone'));
-var _SmsOutlined = _interopRequireDefault(require('./SmsOutlined'));
-var _SmsRounded = _interopRequireDefault(require('./SmsRounded'));
-var _SmsSharp = _interopRequireDefault(require('./SmsSharp'));
-var _SmsTwoTone = _interopRequireDefault(require('./SmsTwoTone'));
-var _SnippetFolder = _interopRequireDefault(require('./SnippetFolder'));
-var _SnippetFolderOutlined = _interopRequireDefault(require('./SnippetFolderOutlined'));
-var _SnippetFolderRounded = _interopRequireDefault(require('./SnippetFolderRounded'));
-var _SnippetFolderSharp = _interopRequireDefault(require('./SnippetFolderSharp'));
-var _SnippetFolderTwoTone = _interopRequireDefault(require('./SnippetFolderTwoTone'));
-var _Snooze = _interopRequireDefault(require('./Snooze'));
-var _SnoozeOutlined = _interopRequireDefault(require('./SnoozeOutlined'));
-var _SnoozeRounded = _interopRequireDefault(require('./SnoozeRounded'));
-var _SnoozeSharp = _interopRequireDefault(require('./SnoozeSharp'));
-var _SnoozeTwoTone = _interopRequireDefault(require('./SnoozeTwoTone'));
-var _Snowboarding = _interopRequireDefault(require('./Snowboarding'));
-var _SnowboardingOutlined = _interopRequireDefault(require('./SnowboardingOutlined'));
-var _SnowboardingRounded = _interopRequireDefault(require('./SnowboardingRounded'));
-var _SnowboardingSharp = _interopRequireDefault(require('./SnowboardingSharp'));
-var _SnowboardingTwoTone = _interopRequireDefault(require('./SnowboardingTwoTone'));
-var _Snowmobile = _interopRequireDefault(require('./Snowmobile'));
-var _SnowmobileOutlined = _interopRequireDefault(require('./SnowmobileOutlined'));
-var _SnowmobileRounded = _interopRequireDefault(require('./SnowmobileRounded'));
-var _SnowmobileSharp = _interopRequireDefault(require('./SnowmobileSharp'));
-var _SnowmobileTwoTone = _interopRequireDefault(require('./SnowmobileTwoTone'));
-var _Snowshoeing = _interopRequireDefault(require('./Snowshoeing'));
-var _SnowshoeingOutlined = _interopRequireDefault(require('./SnowshoeingOutlined'));
-var _SnowshoeingRounded = _interopRequireDefault(require('./SnowshoeingRounded'));
-var _SnowshoeingSharp = _interopRequireDefault(require('./SnowshoeingSharp'));
-var _SnowshoeingTwoTone = _interopRequireDefault(require('./SnowshoeingTwoTone'));
-var _Soap = _interopRequireDefault(require('./Soap'));
-var _SoapOutlined = _interopRequireDefault(require('./SoapOutlined'));
-var _SoapRounded = _interopRequireDefault(require('./SoapRounded'));
-var _SoapSharp = _interopRequireDefault(require('./SoapSharp'));
-var _SoapTwoTone = _interopRequireDefault(require('./SoapTwoTone'));
-var _SocialDistance = _interopRequireDefault(require('./SocialDistance'));
-var _SocialDistanceOutlined = _interopRequireDefault(require('./SocialDistanceOutlined'));
-var _SocialDistanceRounded = _interopRequireDefault(require('./SocialDistanceRounded'));
-var _SocialDistanceSharp = _interopRequireDefault(require('./SocialDistanceSharp'));
-var _SocialDistanceTwoTone = _interopRequireDefault(require('./SocialDistanceTwoTone'));
-var _SolarPower = _interopRequireDefault(require('./SolarPower'));
-var _SolarPowerOutlined = _interopRequireDefault(require('./SolarPowerOutlined'));
-var _SolarPowerRounded = _interopRequireDefault(require('./SolarPowerRounded'));
-var _SolarPowerSharp = _interopRequireDefault(require('./SolarPowerSharp'));
-var _SolarPowerTwoTone = _interopRequireDefault(require('./SolarPowerTwoTone'));
-var _Sort = _interopRequireDefault(require('./Sort'));
-var _SortByAlpha = _interopRequireDefault(require('./SortByAlpha'));
-var _SortByAlphaOutlined = _interopRequireDefault(require('./SortByAlphaOutlined'));
-var _SortByAlphaRounded = _interopRequireDefault(require('./SortByAlphaRounded'));
-var _SortByAlphaSharp = _interopRequireDefault(require('./SortByAlphaSharp'));
-var _SortByAlphaTwoTone = _interopRequireDefault(require('./SortByAlphaTwoTone'));
-var _SortOutlined = _interopRequireDefault(require('./SortOutlined'));
-var _SortRounded = _interopRequireDefault(require('./SortRounded'));
-var _SortSharp = _interopRequireDefault(require('./SortSharp'));
-var _SortTwoTone = _interopRequireDefault(require('./SortTwoTone'));
-var _Sos = _interopRequireDefault(require('./Sos'));
-var _SosOutlined = _interopRequireDefault(require('./SosOutlined'));
-var _SosRounded = _interopRequireDefault(require('./SosRounded'));
-var _SosSharp = _interopRequireDefault(require('./SosSharp'));
-var _SosTwoTone = _interopRequireDefault(require('./SosTwoTone'));
-var _SoupKitchen = _interopRequireDefault(require('./SoupKitchen'));
-var _SoupKitchenOutlined = _interopRequireDefault(require('./SoupKitchenOutlined'));
-var _SoupKitchenRounded = _interopRequireDefault(require('./SoupKitchenRounded'));
-var _SoupKitchenSharp = _interopRequireDefault(require('./SoupKitchenSharp'));
-var _SoupKitchenTwoTone = _interopRequireDefault(require('./SoupKitchenTwoTone'));
-var _Source = _interopRequireDefault(require('./Source'));
-var _SourceOutlined = _interopRequireDefault(require('./SourceOutlined'));
-var _SourceRounded = _interopRequireDefault(require('./SourceRounded'));
-var _SourceSharp = _interopRequireDefault(require('./SourceSharp'));
-var _SourceTwoTone = _interopRequireDefault(require('./SourceTwoTone'));
-var _South = _interopRequireDefault(require('./South'));
-var _SouthAmerica = _interopRequireDefault(require('./SouthAmerica'));
-var _SouthAmericaOutlined = _interopRequireDefault(require('./SouthAmericaOutlined'));
-var _SouthAmericaRounded = _interopRequireDefault(require('./SouthAmericaRounded'));
-var _SouthAmericaSharp = _interopRequireDefault(require('./SouthAmericaSharp'));
-var _SouthAmericaTwoTone = _interopRequireDefault(require('./SouthAmericaTwoTone'));
-var _SouthEast = _interopRequireDefault(require('./SouthEast'));
-var _SouthEastOutlined = _interopRequireDefault(require('./SouthEastOutlined'));
-var _SouthEastRounded = _interopRequireDefault(require('./SouthEastRounded'));
-var _SouthEastSharp = _interopRequireDefault(require('./SouthEastSharp'));
-var _SouthEastTwoTone = _interopRequireDefault(require('./SouthEastTwoTone'));
-var _SouthOutlined = _interopRequireDefault(require('./SouthOutlined'));
-var _SouthRounded = _interopRequireDefault(require('./SouthRounded'));
-var _SouthSharp = _interopRequireDefault(require('./SouthSharp'));
-var _SouthTwoTone = _interopRequireDefault(require('./SouthTwoTone'));
-var _SouthWest = _interopRequireDefault(require('./SouthWest'));
-var _SouthWestOutlined = _interopRequireDefault(require('./SouthWestOutlined'));
-var _SouthWestRounded = _interopRequireDefault(require('./SouthWestRounded'));
-var _SouthWestSharp = _interopRequireDefault(require('./SouthWestSharp'));
-var _SouthWestTwoTone = _interopRequireDefault(require('./SouthWestTwoTone'));
-var _Spa = _interopRequireDefault(require('./Spa'));
-var _SpaOutlined = _interopRequireDefault(require('./SpaOutlined'));
-var _SpaRounded = _interopRequireDefault(require('./SpaRounded'));
-var _SpaSharp = _interopRequireDefault(require('./SpaSharp'));
-var _SpaTwoTone = _interopRequireDefault(require('./SpaTwoTone'));
-var _SpaceBar = _interopRequireDefault(require('./SpaceBar'));
-var _SpaceBarOutlined = _interopRequireDefault(require('./SpaceBarOutlined'));
-var _SpaceBarRounded = _interopRequireDefault(require('./SpaceBarRounded'));
-var _SpaceBarSharp = _interopRequireDefault(require('./SpaceBarSharp'));
-var _SpaceBarTwoTone = _interopRequireDefault(require('./SpaceBarTwoTone'));
-var _SpaceDashboard = _interopRequireDefault(require('./SpaceDashboard'));
-var _SpaceDashboardOutlined = _interopRequireDefault(require('./SpaceDashboardOutlined'));
-var _SpaceDashboardRounded = _interopRequireDefault(require('./SpaceDashboardRounded'));
-var _SpaceDashboardSharp = _interopRequireDefault(require('./SpaceDashboardSharp'));
-var _SpaceDashboardTwoTone = _interopRequireDefault(require('./SpaceDashboardTwoTone'));
-var _SpatialAudio = _interopRequireDefault(require('./SpatialAudio'));
-var _SpatialAudioOff = _interopRequireDefault(require('./SpatialAudioOff'));
-var _SpatialAudioOffOutlined = _interopRequireDefault(require('./SpatialAudioOffOutlined'));
-var _SpatialAudioOffRounded = _interopRequireDefault(require('./SpatialAudioOffRounded'));
-var _SpatialAudioOffSharp = _interopRequireDefault(require('./SpatialAudioOffSharp'));
-var _SpatialAudioOffTwoTone = _interopRequireDefault(require('./SpatialAudioOffTwoTone'));
-var _SpatialAudioOutlined = _interopRequireDefault(require('./SpatialAudioOutlined'));
-var _SpatialAudioRounded = _interopRequireDefault(require('./SpatialAudioRounded'));
-var _SpatialAudioSharp = _interopRequireDefault(require('./SpatialAudioSharp'));
-var _SpatialAudioTwoTone = _interopRequireDefault(require('./SpatialAudioTwoTone'));
-var _SpatialTracking = _interopRequireDefault(require('./SpatialTracking'));
-var _SpatialTrackingOutlined = _interopRequireDefault(require('./SpatialTrackingOutlined'));
-var _SpatialTrackingRounded = _interopRequireDefault(require('./SpatialTrackingRounded'));
-var _SpatialTrackingSharp = _interopRequireDefault(require('./SpatialTrackingSharp'));
-var _SpatialTrackingTwoTone = _interopRequireDefault(require('./SpatialTrackingTwoTone'));
-var _Speaker = _interopRequireDefault(require('./Speaker'));
-var _SpeakerGroup = _interopRequireDefault(require('./SpeakerGroup'));
-var _SpeakerGroupOutlined = _interopRequireDefault(require('./SpeakerGroupOutlined'));
-var _SpeakerGroupRounded = _interopRequireDefault(require('./SpeakerGroupRounded'));
-var _SpeakerGroupSharp = _interopRequireDefault(require('./SpeakerGroupSharp'));
-var _SpeakerGroupTwoTone = _interopRequireDefault(require('./SpeakerGroupTwoTone'));
-var _SpeakerNotes = _interopRequireDefault(require('./SpeakerNotes'));
-var _SpeakerNotesOff = _interopRequireDefault(require('./SpeakerNotesOff'));
-var _SpeakerNotesOffOutlined = _interopRequireDefault(require('./SpeakerNotesOffOutlined'));
-var _SpeakerNotesOffRounded = _interopRequireDefault(require('./SpeakerNotesOffRounded'));
-var _SpeakerNotesOffSharp = _interopRequireDefault(require('./SpeakerNotesOffSharp'));
-var _SpeakerNotesOffTwoTone = _interopRequireDefault(require('./SpeakerNotesOffTwoTone'));
-var _SpeakerNotesOutlined = _interopRequireDefault(require('./SpeakerNotesOutlined'));
-var _SpeakerNotesRounded = _interopRequireDefault(require('./SpeakerNotesRounded'));
-var _SpeakerNotesSharp = _interopRequireDefault(require('./SpeakerNotesSharp'));
-var _SpeakerNotesTwoTone = _interopRequireDefault(require('./SpeakerNotesTwoTone'));
-var _SpeakerOutlined = _interopRequireDefault(require('./SpeakerOutlined'));
-var _SpeakerPhone = _interopRequireDefault(require('./SpeakerPhone'));
-var _SpeakerPhoneOutlined = _interopRequireDefault(require('./SpeakerPhoneOutlined'));
-var _SpeakerPhoneRounded = _interopRequireDefault(require('./SpeakerPhoneRounded'));
-var _SpeakerPhoneSharp = _interopRequireDefault(require('./SpeakerPhoneSharp'));
-var _SpeakerPhoneTwoTone = _interopRequireDefault(require('./SpeakerPhoneTwoTone'));
-var _SpeakerRounded = _interopRequireDefault(require('./SpeakerRounded'));
-var _SpeakerSharp = _interopRequireDefault(require('./SpeakerSharp'));
-var _SpeakerTwoTone = _interopRequireDefault(require('./SpeakerTwoTone'));
-var _Speed = _interopRequireDefault(require('./Speed'));
-var _SpeedOutlined = _interopRequireDefault(require('./SpeedOutlined'));
-var _SpeedRounded = _interopRequireDefault(require('./SpeedRounded'));
-var _SpeedSharp = _interopRequireDefault(require('./SpeedSharp'));
-var _SpeedTwoTone = _interopRequireDefault(require('./SpeedTwoTone'));
-var _Spellcheck = _interopRequireDefault(require('./Spellcheck'));
-var _SpellcheckOutlined = _interopRequireDefault(require('./SpellcheckOutlined'));
-var _SpellcheckRounded = _interopRequireDefault(require('./SpellcheckRounded'));
-var _SpellcheckSharp = _interopRequireDefault(require('./SpellcheckSharp'));
-var _SpellcheckTwoTone = _interopRequireDefault(require('./SpellcheckTwoTone'));
-var _Splitscreen = _interopRequireDefault(require('./Splitscreen'));
-var _SplitscreenOutlined = _interopRequireDefault(require('./SplitscreenOutlined'));
-var _SplitscreenRounded = _interopRequireDefault(require('./SplitscreenRounded'));
-var _SplitscreenSharp = _interopRequireDefault(require('./SplitscreenSharp'));
-var _SplitscreenTwoTone = _interopRequireDefault(require('./SplitscreenTwoTone'));
-var _Spoke = _interopRequireDefault(require('./Spoke'));
-var _SpokeOutlined = _interopRequireDefault(require('./SpokeOutlined'));
-var _SpokeRounded = _interopRequireDefault(require('./SpokeRounded'));
-var _SpokeSharp = _interopRequireDefault(require('./SpokeSharp'));
-var _SpokeTwoTone = _interopRequireDefault(require('./SpokeTwoTone'));
-var _Sports = _interopRequireDefault(require('./Sports'));
-var _SportsBar = _interopRequireDefault(require('./SportsBar'));
-var _SportsBarOutlined = _interopRequireDefault(require('./SportsBarOutlined'));
-var _SportsBarRounded = _interopRequireDefault(require('./SportsBarRounded'));
-var _SportsBarSharp = _interopRequireDefault(require('./SportsBarSharp'));
-var _SportsBarTwoTone = _interopRequireDefault(require('./SportsBarTwoTone'));
-var _SportsBaseball = _interopRequireDefault(require('./SportsBaseball'));
-var _SportsBaseballOutlined = _interopRequireDefault(require('./SportsBaseballOutlined'));
-var _SportsBaseballRounded = _interopRequireDefault(require('./SportsBaseballRounded'));
-var _SportsBaseballSharp = _interopRequireDefault(require('./SportsBaseballSharp'));
-var _SportsBaseballTwoTone = _interopRequireDefault(require('./SportsBaseballTwoTone'));
-var _SportsBasketball = _interopRequireDefault(require('./SportsBasketball'));
-var _SportsBasketballOutlined = _interopRequireDefault(require('./SportsBasketballOutlined'));
-var _SportsBasketballRounded = _interopRequireDefault(require('./SportsBasketballRounded'));
-var _SportsBasketballSharp = _interopRequireDefault(require('./SportsBasketballSharp'));
-var _SportsBasketballTwoTone = _interopRequireDefault(require('./SportsBasketballTwoTone'));
-var _SportsCricket = _interopRequireDefault(require('./SportsCricket'));
-var _SportsCricketOutlined = _interopRequireDefault(require('./SportsCricketOutlined'));
-var _SportsCricketRounded = _interopRequireDefault(require('./SportsCricketRounded'));
-var _SportsCricketSharp = _interopRequireDefault(require('./SportsCricketSharp'));
-var _SportsCricketTwoTone = _interopRequireDefault(require('./SportsCricketTwoTone'));
-var _SportsEsports = _interopRequireDefault(require('./SportsEsports'));
-var _SportsEsportsOutlined = _interopRequireDefault(require('./SportsEsportsOutlined'));
-var _SportsEsportsRounded = _interopRequireDefault(require('./SportsEsportsRounded'));
-var _SportsEsportsSharp = _interopRequireDefault(require('./SportsEsportsSharp'));
-var _SportsEsportsTwoTone = _interopRequireDefault(require('./SportsEsportsTwoTone'));
-var _SportsFootball = _interopRequireDefault(require('./SportsFootball'));
-var _SportsFootballOutlined = _interopRequireDefault(require('./SportsFootballOutlined'));
-var _SportsFootballRounded = _interopRequireDefault(require('./SportsFootballRounded'));
-var _SportsFootballSharp = _interopRequireDefault(require('./SportsFootballSharp'));
-var _SportsFootballTwoTone = _interopRequireDefault(require('./SportsFootballTwoTone'));
-var _SportsGolf = _interopRequireDefault(require('./SportsGolf'));
-var _SportsGolfOutlined = _interopRequireDefault(require('./SportsGolfOutlined'));
-var _SportsGolfRounded = _interopRequireDefault(require('./SportsGolfRounded'));
-var _SportsGolfSharp = _interopRequireDefault(require('./SportsGolfSharp'));
-var _SportsGolfTwoTone = _interopRequireDefault(require('./SportsGolfTwoTone'));
-var _SportsGymnastics = _interopRequireDefault(require('./SportsGymnastics'));
-var _SportsGymnasticsOutlined = _interopRequireDefault(require('./SportsGymnasticsOutlined'));
-var _SportsGymnasticsRounded = _interopRequireDefault(require('./SportsGymnasticsRounded'));
-var _SportsGymnasticsSharp = _interopRequireDefault(require('./SportsGymnasticsSharp'));
-var _SportsGymnasticsTwoTone = _interopRequireDefault(require('./SportsGymnasticsTwoTone'));
-var _SportsHandball = _interopRequireDefault(require('./SportsHandball'));
-var _SportsHandballOutlined = _interopRequireDefault(require('./SportsHandballOutlined'));
-var _SportsHandballRounded = _interopRequireDefault(require('./SportsHandballRounded'));
-var _SportsHandballSharp = _interopRequireDefault(require('./SportsHandballSharp'));
-var _SportsHandballTwoTone = _interopRequireDefault(require('./SportsHandballTwoTone'));
-var _SportsHockey = _interopRequireDefault(require('./SportsHockey'));
-var _SportsHockeyOutlined = _interopRequireDefault(require('./SportsHockeyOutlined'));
-var _SportsHockeyRounded = _interopRequireDefault(require('./SportsHockeyRounded'));
-var _SportsHockeySharp = _interopRequireDefault(require('./SportsHockeySharp'));
-var _SportsHockeyTwoTone = _interopRequireDefault(require('./SportsHockeyTwoTone'));
-var _SportsKabaddi = _interopRequireDefault(require('./SportsKabaddi'));
-var _SportsKabaddiOutlined = _interopRequireDefault(require('./SportsKabaddiOutlined'));
-var _SportsKabaddiRounded = _interopRequireDefault(require('./SportsKabaddiRounded'));
-var _SportsKabaddiSharp = _interopRequireDefault(require('./SportsKabaddiSharp'));
-var _SportsKabaddiTwoTone = _interopRequireDefault(require('./SportsKabaddiTwoTone'));
-var _SportsMartialArts = _interopRequireDefault(require('./SportsMartialArts'));
-var _SportsMartialArtsOutlined = _interopRequireDefault(require('./SportsMartialArtsOutlined'));
-var _SportsMartialArtsRounded = _interopRequireDefault(require('./SportsMartialArtsRounded'));
-var _SportsMartialArtsSharp = _interopRequireDefault(require('./SportsMartialArtsSharp'));
-var _SportsMartialArtsTwoTone = _interopRequireDefault(require('./SportsMartialArtsTwoTone'));
-var _SportsMma = _interopRequireDefault(require('./SportsMma'));
-var _SportsMmaOutlined = _interopRequireDefault(require('./SportsMmaOutlined'));
-var _SportsMmaRounded = _interopRequireDefault(require('./SportsMmaRounded'));
-var _SportsMmaSharp = _interopRequireDefault(require('./SportsMmaSharp'));
-var _SportsMmaTwoTone = _interopRequireDefault(require('./SportsMmaTwoTone'));
-var _SportsMotorsports = _interopRequireDefault(require('./SportsMotorsports'));
-var _SportsMotorsportsOutlined = _interopRequireDefault(require('./SportsMotorsportsOutlined'));
-var _SportsMotorsportsRounded = _interopRequireDefault(require('./SportsMotorsportsRounded'));
-var _SportsMotorsportsSharp = _interopRequireDefault(require('./SportsMotorsportsSharp'));
-var _SportsMotorsportsTwoTone = _interopRequireDefault(require('./SportsMotorsportsTwoTone'));
-var _SportsOutlined = _interopRequireDefault(require('./SportsOutlined'));
-var _SportsRounded = _interopRequireDefault(require('./SportsRounded'));
-var _SportsRugby = _interopRequireDefault(require('./SportsRugby'));
-var _SportsRugbyOutlined = _interopRequireDefault(require('./SportsRugbyOutlined'));
-var _SportsRugbyRounded = _interopRequireDefault(require('./SportsRugbyRounded'));
-var _SportsRugbySharp = _interopRequireDefault(require('./SportsRugbySharp'));
-var _SportsRugbyTwoTone = _interopRequireDefault(require('./SportsRugbyTwoTone'));
-var _SportsScore = _interopRequireDefault(require('./SportsScore'));
-var _SportsScoreOutlined = _interopRequireDefault(require('./SportsScoreOutlined'));
-var _SportsScoreRounded = _interopRequireDefault(require('./SportsScoreRounded'));
-var _SportsScoreSharp = _interopRequireDefault(require('./SportsScoreSharp'));
-var _SportsScoreTwoTone = _interopRequireDefault(require('./SportsScoreTwoTone'));
-var _SportsSharp = _interopRequireDefault(require('./SportsSharp'));
-var _SportsSoccer = _interopRequireDefault(require('./SportsSoccer'));
-var _SportsSoccerOutlined = _interopRequireDefault(require('./SportsSoccerOutlined'));
-var _SportsSoccerRounded = _interopRequireDefault(require('./SportsSoccerRounded'));
-var _SportsSoccerSharp = _interopRequireDefault(require('./SportsSoccerSharp'));
-var _SportsSoccerTwoTone = _interopRequireDefault(require('./SportsSoccerTwoTone'));
-var _SportsTennis = _interopRequireDefault(require('./SportsTennis'));
-var _SportsTennisOutlined = _interopRequireDefault(require('./SportsTennisOutlined'));
-var _SportsTennisRounded = _interopRequireDefault(require('./SportsTennisRounded'));
-var _SportsTennisSharp = _interopRequireDefault(require('./SportsTennisSharp'));
-var _SportsTennisTwoTone = _interopRequireDefault(require('./SportsTennisTwoTone'));
-var _SportsTwoTone = _interopRequireDefault(require('./SportsTwoTone'));
-var _SportsVolleyball = _interopRequireDefault(require('./SportsVolleyball'));
-var _SportsVolleyballOutlined = _interopRequireDefault(require('./SportsVolleyballOutlined'));
-var _SportsVolleyballRounded = _interopRequireDefault(require('./SportsVolleyballRounded'));
-var _SportsVolleyballSharp = _interopRequireDefault(require('./SportsVolleyballSharp'));
-var _SportsVolleyballTwoTone = _interopRequireDefault(require('./SportsVolleyballTwoTone'));
-var _Square = _interopRequireDefault(require('./Square'));
-var _SquareFoot = _interopRequireDefault(require('./SquareFoot'));
-var _SquareFootOutlined = _interopRequireDefault(require('./SquareFootOutlined'));
-var _SquareFootRounded = _interopRequireDefault(require('./SquareFootRounded'));
-var _SquareFootSharp = _interopRequireDefault(require('./SquareFootSharp'));
-var _SquareFootTwoTone = _interopRequireDefault(require('./SquareFootTwoTone'));
-var _SquareOutlined = _interopRequireDefault(require('./SquareOutlined'));
-var _SquareRounded = _interopRequireDefault(require('./SquareRounded'));
-var _SquareSharp = _interopRequireDefault(require('./SquareSharp'));
-var _SquareTwoTone = _interopRequireDefault(require('./SquareTwoTone'));
-var _SsidChart = _interopRequireDefault(require('./SsidChart'));
-var _SsidChartOutlined = _interopRequireDefault(require('./SsidChartOutlined'));
-var _SsidChartRounded = _interopRequireDefault(require('./SsidChartRounded'));
-var _SsidChartSharp = _interopRequireDefault(require('./SsidChartSharp'));
-var _SsidChartTwoTone = _interopRequireDefault(require('./SsidChartTwoTone'));
-var _StackedBarChart = _interopRequireDefault(require('./StackedBarChart'));
-var _StackedBarChartOutlined = _interopRequireDefault(require('./StackedBarChartOutlined'));
-var _StackedBarChartRounded = _interopRequireDefault(require('./StackedBarChartRounded'));
-var _StackedBarChartSharp = _interopRequireDefault(require('./StackedBarChartSharp'));
-var _StackedBarChartTwoTone = _interopRequireDefault(require('./StackedBarChartTwoTone'));
-var _StackedLineChart = _interopRequireDefault(require('./StackedLineChart'));
-var _StackedLineChartOutlined = _interopRequireDefault(require('./StackedLineChartOutlined'));
-var _StackedLineChartRounded = _interopRequireDefault(require('./StackedLineChartRounded'));
-var _StackedLineChartSharp = _interopRequireDefault(require('./StackedLineChartSharp'));
-var _StackedLineChartTwoTone = _interopRequireDefault(require('./StackedLineChartTwoTone'));
-var _Stadium = _interopRequireDefault(require('./Stadium'));
-var _StadiumOutlined = _interopRequireDefault(require('./StadiumOutlined'));
-var _StadiumRounded = _interopRequireDefault(require('./StadiumRounded'));
-var _StadiumSharp = _interopRequireDefault(require('./StadiumSharp'));
-var _StadiumTwoTone = _interopRequireDefault(require('./StadiumTwoTone'));
-var _Stairs = _interopRequireDefault(require('./Stairs'));
-var _StairsOutlined = _interopRequireDefault(require('./StairsOutlined'));
-var _StairsRounded = _interopRequireDefault(require('./StairsRounded'));
-var _StairsSharp = _interopRequireDefault(require('./StairsSharp'));
-var _StairsTwoTone = _interopRequireDefault(require('./StairsTwoTone'));
-var _Star = _interopRequireDefault(require('./Star'));
-var _StarBorder = _interopRequireDefault(require('./StarBorder'));
-var _StarBorderOutlined = _interopRequireDefault(require('./StarBorderOutlined'));
-var _StarBorderPurple = _interopRequireDefault(require('./StarBorderPurple500'));
-var _StarBorderPurple500Outlined = _interopRequireDefault(require('./StarBorderPurple500Outlined'));
-var _StarBorderPurple500Rounded = _interopRequireDefault(require('./StarBorderPurple500Rounded'));
-var _StarBorderPurple500Sharp = _interopRequireDefault(require('./StarBorderPurple500Sharp'));
-var _StarBorderPurple500TwoTone = _interopRequireDefault(require('./StarBorderPurple500TwoTone'));
-var _StarBorderRounded = _interopRequireDefault(require('./StarBorderRounded'));
-var _StarBorderSharp = _interopRequireDefault(require('./StarBorderSharp'));
-var _StarBorderTwoTone = _interopRequireDefault(require('./StarBorderTwoTone'));
-var _StarHalf = _interopRequireDefault(require('./StarHalf'));
-var _StarHalfOutlined = _interopRequireDefault(require('./StarHalfOutlined'));
-var _StarHalfRounded = _interopRequireDefault(require('./StarHalfRounded'));
-var _StarHalfSharp = _interopRequireDefault(require('./StarHalfSharp'));
-var _StarHalfTwoTone = _interopRequireDefault(require('./StarHalfTwoTone'));
-var _StarOutline = _interopRequireDefault(require('./StarOutline'));
-var _StarOutlineOutlined = _interopRequireDefault(require('./StarOutlineOutlined'));
-var _StarOutlineRounded = _interopRequireDefault(require('./StarOutlineRounded'));
-var _StarOutlineSharp = _interopRequireDefault(require('./StarOutlineSharp'));
-var _StarOutlineTwoTone = _interopRequireDefault(require('./StarOutlineTwoTone'));
-var _StarOutlined = _interopRequireDefault(require('./StarOutlined'));
-var _StarPurple = _interopRequireDefault(require('./StarPurple500'));
-var _StarPurple500Outlined = _interopRequireDefault(require('./StarPurple500Outlined'));
-var _StarPurple500Rounded = _interopRequireDefault(require('./StarPurple500Rounded'));
-var _StarPurple500Sharp = _interopRequireDefault(require('./StarPurple500Sharp'));
-var _StarPurple500TwoTone = _interopRequireDefault(require('./StarPurple500TwoTone'));
-var _StarRate = _interopRequireDefault(require('./StarRate'));
-var _StarRateOutlined = _interopRequireDefault(require('./StarRateOutlined'));
-var _StarRateRounded = _interopRequireDefault(require('./StarRateRounded'));
-var _StarRateSharp = _interopRequireDefault(require('./StarRateSharp'));
-var _StarRateTwoTone = _interopRequireDefault(require('./StarRateTwoTone'));
-var _StarRounded = _interopRequireDefault(require('./StarRounded'));
-var _StarSharp = _interopRequireDefault(require('./StarSharp'));
-var _StarTwoTone = _interopRequireDefault(require('./StarTwoTone'));
-var _Stars = _interopRequireDefault(require('./Stars'));
-var _StarsOutlined = _interopRequireDefault(require('./StarsOutlined'));
-var _StarsRounded = _interopRequireDefault(require('./StarsRounded'));
-var _StarsSharp = _interopRequireDefault(require('./StarsSharp'));
-var _StarsTwoTone = _interopRequireDefault(require('./StarsTwoTone'));
-var _Start = _interopRequireDefault(require('./Start'));
-var _StartOutlined = _interopRequireDefault(require('./StartOutlined'));
-var _StartRounded = _interopRequireDefault(require('./StartRounded'));
-var _StartSharp = _interopRequireDefault(require('./StartSharp'));
-var _StartTwoTone = _interopRequireDefault(require('./StartTwoTone'));
-var _StayCurrentLandscape = _interopRequireDefault(require('./StayCurrentLandscape'));
-var _StayCurrentLandscapeOutlined = _interopRequireDefault(
-  require('./StayCurrentLandscapeOutlined'),
-);
-var _StayCurrentLandscapeRounded = _interopRequireDefault(require('./StayCurrentLandscapeRounded'));
-var _StayCurrentLandscapeSharp = _interopRequireDefault(require('./StayCurrentLandscapeSharp'));
-var _StayCurrentLandscapeTwoTone = _interopRequireDefault(require('./StayCurrentLandscapeTwoTone'));
-var _StayCurrentPortrait = _interopRequireDefault(require('./StayCurrentPortrait'));
-var _StayCurrentPortraitOutlined = _interopRequireDefault(require('./StayCurrentPortraitOutlined'));
-var _StayCurrentPortraitRounded = _interopRequireDefault(require('./StayCurrentPortraitRounded'));
-var _StayCurrentPortraitSharp = _interopRequireDefault(require('./StayCurrentPortraitSharp'));
-var _StayCurrentPortraitTwoTone = _interopRequireDefault(require('./StayCurrentPortraitTwoTone'));
-var _StayPrimaryLandscape = _interopRequireDefault(require('./StayPrimaryLandscape'));
-var _StayPrimaryLandscapeOutlined = _interopRequireDefault(
-  require('./StayPrimaryLandscapeOutlined'),
-);
-var _StayPrimaryLandscapeRounded = _interopRequireDefault(require('./StayPrimaryLandscapeRounded'));
-var _StayPrimaryLandscapeSharp = _interopRequireDefault(require('./StayPrimaryLandscapeSharp'));
-var _StayPrimaryLandscapeTwoTone = _interopRequireDefault(require('./StayPrimaryLandscapeTwoTone'));
-var _StayPrimaryPortrait = _interopRequireDefault(require('./StayPrimaryPortrait'));
-var _StayPrimaryPortraitOutlined = _interopRequireDefault(require('./StayPrimaryPortraitOutlined'));
-var _StayPrimaryPortraitRounded = _interopRequireDefault(require('./StayPrimaryPortraitRounded'));
-var _StayPrimaryPortraitSharp = _interopRequireDefault(require('./StayPrimaryPortraitSharp'));
-var _StayPrimaryPortraitTwoTone = _interopRequireDefault(require('./StayPrimaryPortraitTwoTone'));
-var _StickyNote = _interopRequireDefault(require('./StickyNote2'));
-var _StickyNote2Outlined = _interopRequireDefault(require('./StickyNote2Outlined'));
-var _StickyNote2Rounded = _interopRequireDefault(require('./StickyNote2Rounded'));
-var _StickyNote2Sharp = _interopRequireDefault(require('./StickyNote2Sharp'));
-var _StickyNote2TwoTone = _interopRequireDefault(require('./StickyNote2TwoTone'));
-var _Stop = _interopRequireDefault(require('./Stop'));
-var _StopCircle = _interopRequireDefault(require('./StopCircle'));
-var _StopCircleOutlined = _interopRequireDefault(require('./StopCircleOutlined'));
-var _StopCircleRounded = _interopRequireDefault(require('./StopCircleRounded'));
-var _StopCircleSharp = _interopRequireDefault(require('./StopCircleSharp'));
-var _StopCircleTwoTone = _interopRequireDefault(require('./StopCircleTwoTone'));
-var _StopOutlined = _interopRequireDefault(require('./StopOutlined'));
-var _StopRounded = _interopRequireDefault(require('./StopRounded'));
-var _StopScreenShare = _interopRequireDefault(require('./StopScreenShare'));
-var _StopScreenShareOutlined = _interopRequireDefault(require('./StopScreenShareOutlined'));
-var _StopScreenShareRounded = _interopRequireDefault(require('./StopScreenShareRounded'));
-var _StopScreenShareSharp = _interopRequireDefault(require('./StopScreenShareSharp'));
-var _StopScreenShareTwoTone = _interopRequireDefault(require('./StopScreenShareTwoTone'));
-var _StopSharp = _interopRequireDefault(require('./StopSharp'));
-var _StopTwoTone = _interopRequireDefault(require('./StopTwoTone'));
-var _Storage = _interopRequireDefault(require('./Storage'));
-var _StorageOutlined = _interopRequireDefault(require('./StorageOutlined'));
-var _StorageRounded = _interopRequireDefault(require('./StorageRounded'));
-var _StorageSharp = _interopRequireDefault(require('./StorageSharp'));
-var _StorageTwoTone = _interopRequireDefault(require('./StorageTwoTone'));
-var _Store = _interopRequireDefault(require('./Store'));
-var _StoreMallDirectory = _interopRequireDefault(require('./StoreMallDirectory'));
-var _StoreMallDirectoryOutlined = _interopRequireDefault(require('./StoreMallDirectoryOutlined'));
-var _StoreMallDirectoryRounded = _interopRequireDefault(require('./StoreMallDirectoryRounded'));
-var _StoreMallDirectorySharp = _interopRequireDefault(require('./StoreMallDirectorySharp'));
-var _StoreMallDirectoryTwoTone = _interopRequireDefault(require('./StoreMallDirectoryTwoTone'));
-var _StoreOutlined = _interopRequireDefault(require('./StoreOutlined'));
-var _StoreRounded = _interopRequireDefault(require('./StoreRounded'));
-var _StoreSharp = _interopRequireDefault(require('./StoreSharp'));
-var _StoreTwoTone = _interopRequireDefault(require('./StoreTwoTone'));
-var _Storefront = _interopRequireDefault(require('./Storefront'));
-var _StorefrontOutlined = _interopRequireDefault(require('./StorefrontOutlined'));
-var _StorefrontRounded = _interopRequireDefault(require('./StorefrontRounded'));
-var _StorefrontSharp = _interopRequireDefault(require('./StorefrontSharp'));
-var _StorefrontTwoTone = _interopRequireDefault(require('./StorefrontTwoTone'));
-var _Storm = _interopRequireDefault(require('./Storm'));
-var _StormOutlined = _interopRequireDefault(require('./StormOutlined'));
-var _StormRounded = _interopRequireDefault(require('./StormRounded'));
-var _StormSharp = _interopRequireDefault(require('./StormSharp'));
-var _StormTwoTone = _interopRequireDefault(require('./StormTwoTone'));
-var _Straight = _interopRequireDefault(require('./Straight'));
-var _StraightOutlined = _interopRequireDefault(require('./StraightOutlined'));
-var _StraightRounded = _interopRequireDefault(require('./StraightRounded'));
-var _StraightSharp = _interopRequireDefault(require('./StraightSharp'));
-var _StraightTwoTone = _interopRequireDefault(require('./StraightTwoTone'));
-var _Straighten = _interopRequireDefault(require('./Straighten'));
-var _StraightenOutlined = _interopRequireDefault(require('./StraightenOutlined'));
-var _StraightenRounded = _interopRequireDefault(require('./StraightenRounded'));
-var _StraightenSharp = _interopRequireDefault(require('./StraightenSharp'));
-var _StraightenTwoTone = _interopRequireDefault(require('./StraightenTwoTone'));
-var _Stream = _interopRequireDefault(require('./Stream'));
-var _StreamOutlined = _interopRequireDefault(require('./StreamOutlined'));
-var _StreamRounded = _interopRequireDefault(require('./StreamRounded'));
-var _StreamSharp = _interopRequireDefault(require('./StreamSharp'));
-var _StreamTwoTone = _interopRequireDefault(require('./StreamTwoTone'));
-var _Streetview = _interopRequireDefault(require('./Streetview'));
-var _StreetviewOutlined = _interopRequireDefault(require('./StreetviewOutlined'));
-var _StreetviewRounded = _interopRequireDefault(require('./StreetviewRounded'));
-var _StreetviewSharp = _interopRequireDefault(require('./StreetviewSharp'));
-var _StreetviewTwoTone = _interopRequireDefault(require('./StreetviewTwoTone'));
-var _StrikethroughS = _interopRequireDefault(require('./StrikethroughS'));
-var _StrikethroughSOutlined = _interopRequireDefault(require('./StrikethroughSOutlined'));
-var _StrikethroughSRounded = _interopRequireDefault(require('./StrikethroughSRounded'));
-var _StrikethroughSSharp = _interopRequireDefault(require('./StrikethroughSSharp'));
-var _StrikethroughSTwoTone = _interopRequireDefault(require('./StrikethroughSTwoTone'));
-var _Stroller = _interopRequireDefault(require('./Stroller'));
-var _StrollerOutlined = _interopRequireDefault(require('./StrollerOutlined'));
-var _StrollerRounded = _interopRequireDefault(require('./StrollerRounded'));
-var _StrollerSharp = _interopRequireDefault(require('./StrollerSharp'));
-var _StrollerTwoTone = _interopRequireDefault(require('./StrollerTwoTone'));
-var _Style = _interopRequireDefault(require('./Style'));
-var _StyleOutlined = _interopRequireDefault(require('./StyleOutlined'));
-var _StyleRounded = _interopRequireDefault(require('./StyleRounded'));
-var _StyleSharp = _interopRequireDefault(require('./StyleSharp'));
-var _StyleTwoTone = _interopRequireDefault(require('./StyleTwoTone'));
-var _SubdirectoryArrowLeft = _interopRequireDefault(require('./SubdirectoryArrowLeft'));
-var _SubdirectoryArrowLeftOutlined = _interopRequireDefault(
-  require('./SubdirectoryArrowLeftOutlined'),
-);
-var _SubdirectoryArrowLeftRounded = _interopRequireDefault(
-  require('./SubdirectoryArrowLeftRounded'),
-);
-var _SubdirectoryArrowLeftSharp = _interopRequireDefault(require('./SubdirectoryArrowLeftSharp'));
-var _SubdirectoryArrowLeftTwoTone = _interopRequireDefault(
-  require('./SubdirectoryArrowLeftTwoTone'),
-);
-var _SubdirectoryArrowRight = _interopRequireDefault(require('./SubdirectoryArrowRight'));
-var _SubdirectoryArrowRightOutlined = _interopRequireDefault(
-  require('./SubdirectoryArrowRightOutlined'),
-);
-var _SubdirectoryArrowRightRounded = _interopRequireDefault(
-  require('./SubdirectoryArrowRightRounded'),
-);
-var _SubdirectoryArrowRightSharp = _interopRequireDefault(require('./SubdirectoryArrowRightSharp'));
-var _SubdirectoryArrowRightTwoTone = _interopRequireDefault(
-  require('./SubdirectoryArrowRightTwoTone'),
-);
-var _Subject = _interopRequireDefault(require('./Subject'));
-var _SubjectOutlined = _interopRequireDefault(require('./SubjectOutlined'));
-var _SubjectRounded = _interopRequireDefault(require('./SubjectRounded'));
-var _SubjectSharp = _interopRequireDefault(require('./SubjectSharp'));
-var _SubjectTwoTone = _interopRequireDefault(require('./SubjectTwoTone'));
-var _Subscript = _interopRequireDefault(require('./Subscript'));
-var _SubscriptOutlined = _interopRequireDefault(require('./SubscriptOutlined'));
-var _SubscriptRounded = _interopRequireDefault(require('./SubscriptRounded'));
-var _SubscriptSharp = _interopRequireDefault(require('./SubscriptSharp'));
-var _SubscriptTwoTone = _interopRequireDefault(require('./SubscriptTwoTone'));
-var _Subscriptions = _interopRequireDefault(require('./Subscriptions'));
-var _SubscriptionsOutlined = _interopRequireDefault(require('./SubscriptionsOutlined'));
-var _SubscriptionsRounded = _interopRequireDefault(require('./SubscriptionsRounded'));
-var _SubscriptionsSharp = _interopRequireDefault(require('./SubscriptionsSharp'));
-var _SubscriptionsTwoTone = _interopRequireDefault(require('./SubscriptionsTwoTone'));
-var _Subtitles = _interopRequireDefault(require('./Subtitles'));
-var _SubtitlesOff = _interopRequireDefault(require('./SubtitlesOff'));
-var _SubtitlesOffOutlined = _interopRequireDefault(require('./SubtitlesOffOutlined'));
-var _SubtitlesOffRounded = _interopRequireDefault(require('./SubtitlesOffRounded'));
-var _SubtitlesOffSharp = _interopRequireDefault(require('./SubtitlesOffSharp'));
-var _SubtitlesOffTwoTone = _interopRequireDefault(require('./SubtitlesOffTwoTone'));
-var _SubtitlesOutlined = _interopRequireDefault(require('./SubtitlesOutlined'));
-var _SubtitlesRounded = _interopRequireDefault(require('./SubtitlesRounded'));
-var _SubtitlesSharp = _interopRequireDefault(require('./SubtitlesSharp'));
-var _SubtitlesTwoTone = _interopRequireDefault(require('./SubtitlesTwoTone'));
-var _Subway = _interopRequireDefault(require('./Subway'));
-var _SubwayOutlined = _interopRequireDefault(require('./SubwayOutlined'));
-var _SubwayRounded = _interopRequireDefault(require('./SubwayRounded'));
-var _SubwaySharp = _interopRequireDefault(require('./SubwaySharp'));
-var _SubwayTwoTone = _interopRequireDefault(require('./SubwayTwoTone'));
-var _Summarize = _interopRequireDefault(require('./Summarize'));
-var _SummarizeOutlined = _interopRequireDefault(require('./SummarizeOutlined'));
-var _SummarizeRounded = _interopRequireDefault(require('./SummarizeRounded'));
-var _SummarizeSharp = _interopRequireDefault(require('./SummarizeSharp'));
-var _SummarizeTwoTone = _interopRequireDefault(require('./SummarizeTwoTone'));
-var _Superscript = _interopRequireDefault(require('./Superscript'));
-var _SuperscriptOutlined = _interopRequireDefault(require('./SuperscriptOutlined'));
-var _SuperscriptRounded = _interopRequireDefault(require('./SuperscriptRounded'));
-var _SuperscriptSharp = _interopRequireDefault(require('./SuperscriptSharp'));
-var _SuperscriptTwoTone = _interopRequireDefault(require('./SuperscriptTwoTone'));
-var _SupervisedUserCircle = _interopRequireDefault(require('./SupervisedUserCircle'));
-var _SupervisedUserCircleOutlined = _interopRequireDefault(
-  require('./SupervisedUserCircleOutlined'),
-);
-var _SupervisedUserCircleRounded = _interopRequireDefault(require('./SupervisedUserCircleRounded'));
-var _SupervisedUserCircleSharp = _interopRequireDefault(require('./SupervisedUserCircleSharp'));
-var _SupervisedUserCircleTwoTone = _interopRequireDefault(require('./SupervisedUserCircleTwoTone'));
-var _SupervisorAccount = _interopRequireDefault(require('./SupervisorAccount'));
-var _SupervisorAccountOutlined = _interopRequireDefault(require('./SupervisorAccountOutlined'));
-var _SupervisorAccountRounded = _interopRequireDefault(require('./SupervisorAccountRounded'));
-var _SupervisorAccountSharp = _interopRequireDefault(require('./SupervisorAccountSharp'));
-var _SupervisorAccountTwoTone = _interopRequireDefault(require('./SupervisorAccountTwoTone'));
-var _Support = _interopRequireDefault(require('./Support'));
-var _SupportAgent = _interopRequireDefault(require('./SupportAgent'));
-var _SupportAgentOutlined = _interopRequireDefault(require('./SupportAgentOutlined'));
-var _SupportAgentRounded = _interopRequireDefault(require('./SupportAgentRounded'));
-var _SupportAgentSharp = _interopRequireDefault(require('./SupportAgentSharp'));
-var _SupportAgentTwoTone = _interopRequireDefault(require('./SupportAgentTwoTone'));
-var _SupportOutlined = _interopRequireDefault(require('./SupportOutlined'));
-var _SupportRounded = _interopRequireDefault(require('./SupportRounded'));
-var _SupportSharp = _interopRequireDefault(require('./SupportSharp'));
-var _SupportTwoTone = _interopRequireDefault(require('./SupportTwoTone'));
-var _Surfing = _interopRequireDefault(require('./Surfing'));
-var _SurfingOutlined = _interopRequireDefault(require('./SurfingOutlined'));
-var _SurfingRounded = _interopRequireDefault(require('./SurfingRounded'));
-var _SurfingSharp = _interopRequireDefault(require('./SurfingSharp'));
-var _SurfingTwoTone = _interopRequireDefault(require('./SurfingTwoTone'));
-var _SurroundSound = _interopRequireDefault(require('./SurroundSound'));
-var _SurroundSoundOutlined = _interopRequireDefault(require('./SurroundSoundOutlined'));
-var _SurroundSoundRounded = _interopRequireDefault(require('./SurroundSoundRounded'));
-var _SurroundSoundSharp = _interopRequireDefault(require('./SurroundSoundSharp'));
-var _SurroundSoundTwoTone = _interopRequireDefault(require('./SurroundSoundTwoTone'));
-var _SwapCalls = _interopRequireDefault(require('./SwapCalls'));
-var _SwapCallsOutlined = _interopRequireDefault(require('./SwapCallsOutlined'));
-var _SwapCallsRounded = _interopRequireDefault(require('./SwapCallsRounded'));
-var _SwapCallsSharp = _interopRequireDefault(require('./SwapCallsSharp'));
-var _SwapCallsTwoTone = _interopRequireDefault(require('./SwapCallsTwoTone'));
-var _SwapHoriz = _interopRequireDefault(require('./SwapHoriz'));
-var _SwapHorizOutlined = _interopRequireDefault(require('./SwapHorizOutlined'));
-var _SwapHorizRounded = _interopRequireDefault(require('./SwapHorizRounded'));
-var _SwapHorizSharp = _interopRequireDefault(require('./SwapHorizSharp'));
-var _SwapHorizTwoTone = _interopRequireDefault(require('./SwapHorizTwoTone'));
-var _SwapHorizontalCircle = _interopRequireDefault(require('./SwapHorizontalCircle'));
-var _SwapHorizontalCircleOutlined = _interopRequireDefault(
-  require('./SwapHorizontalCircleOutlined'),
-);
-var _SwapHorizontalCircleRounded = _interopRequireDefault(require('./SwapHorizontalCircleRounded'));
-var _SwapHorizontalCircleSharp = _interopRequireDefault(require('./SwapHorizontalCircleSharp'));
-var _SwapHorizontalCircleTwoTone = _interopRequireDefault(require('./SwapHorizontalCircleTwoTone'));
-var _SwapVert = _interopRequireDefault(require('./SwapVert'));
-var _SwapVertOutlined = _interopRequireDefault(require('./SwapVertOutlined'));
-var _SwapVertRounded = _interopRequireDefault(require('./SwapVertRounded'));
-var _SwapVertSharp = _interopRequireDefault(require('./SwapVertSharp'));
-var _SwapVertTwoTone = _interopRequireDefault(require('./SwapVertTwoTone'));
-var _SwapVerticalCircle = _interopRequireDefault(require('./SwapVerticalCircle'));
-var _SwapVerticalCircleOutlined = _interopRequireDefault(require('./SwapVerticalCircleOutlined'));
-var _SwapVerticalCircleRounded = _interopRequireDefault(require('./SwapVerticalCircleRounded'));
-var _SwapVerticalCircleSharp = _interopRequireDefault(require('./SwapVerticalCircleSharp'));
-var _SwapVerticalCircleTwoTone = _interopRequireDefault(require('./SwapVerticalCircleTwoTone'));
-var _Swipe = _interopRequireDefault(require('./Swipe'));
-var _SwipeDown = _interopRequireDefault(require('./SwipeDown'));
-var _SwipeDownAlt = _interopRequireDefault(require('./SwipeDownAlt'));
-var _SwipeDownAltOutlined = _interopRequireDefault(require('./SwipeDownAltOutlined'));
-var _SwipeDownAltRounded = _interopRequireDefault(require('./SwipeDownAltRounded'));
-var _SwipeDownAltSharp = _interopRequireDefault(require('./SwipeDownAltSharp'));
-var _SwipeDownAltTwoTone = _interopRequireDefault(require('./SwipeDownAltTwoTone'));
-var _SwipeDownOutlined = _interopRequireDefault(require('./SwipeDownOutlined'));
-var _SwipeDownRounded = _interopRequireDefault(require('./SwipeDownRounded'));
-var _SwipeDownSharp = _interopRequireDefault(require('./SwipeDownSharp'));
-var _SwipeDownTwoTone = _interopRequireDefault(require('./SwipeDownTwoTone'));
-var _SwipeLeft = _interopRequireDefault(require('./SwipeLeft'));
-var _SwipeLeftAlt = _interopRequireDefault(require('./SwipeLeftAlt'));
-var _SwipeLeftAltOutlined = _interopRequireDefault(require('./SwipeLeftAltOutlined'));
-var _SwipeLeftAltRounded = _interopRequireDefault(require('./SwipeLeftAltRounded'));
-var _SwipeLeftAltSharp = _interopRequireDefault(require('./SwipeLeftAltSharp'));
-var _SwipeLeftAltTwoTone = _interopRequireDefault(require('./SwipeLeftAltTwoTone'));
-var _SwipeLeftOutlined = _interopRequireDefault(require('./SwipeLeftOutlined'));
-var _SwipeLeftRounded = _interopRequireDefault(require('./SwipeLeftRounded'));
-var _SwipeLeftSharp = _interopRequireDefault(require('./SwipeLeftSharp'));
-var _SwipeLeftTwoTone = _interopRequireDefault(require('./SwipeLeftTwoTone'));
-var _SwipeOutlined = _interopRequireDefault(require('./SwipeOutlined'));
-var _SwipeRight = _interopRequireDefault(require('./SwipeRight'));
-var _SwipeRightAlt = _interopRequireDefault(require('./SwipeRightAlt'));
-var _SwipeRightAltOutlined = _interopRequireDefault(require('./SwipeRightAltOutlined'));
-var _SwipeRightAltRounded = _interopRequireDefault(require('./SwipeRightAltRounded'));
-var _SwipeRightAltSharp = _interopRequireDefault(require('./SwipeRightAltSharp'));
-var _SwipeRightAltTwoTone = _interopRequireDefault(require('./SwipeRightAltTwoTone'));
-var _SwipeRightOutlined = _interopRequireDefault(require('./SwipeRightOutlined'));
-var _SwipeRightRounded = _interopRequireDefault(require('./SwipeRightRounded'));
-var _SwipeRightSharp = _interopRequireDefault(require('./SwipeRightSharp'));
-var _SwipeRightTwoTone = _interopRequireDefault(require('./SwipeRightTwoTone'));
-var _SwipeRounded = _interopRequireDefault(require('./SwipeRounded'));
-var _SwipeSharp = _interopRequireDefault(require('./SwipeSharp'));
-var _SwipeTwoTone = _interopRequireDefault(require('./SwipeTwoTone'));
-var _SwipeUp = _interopRequireDefault(require('./SwipeUp'));
-var _SwipeUpAlt = _interopRequireDefault(require('./SwipeUpAlt'));
-var _SwipeUpAltOutlined = _interopRequireDefault(require('./SwipeUpAltOutlined'));
-var _SwipeUpAltRounded = _interopRequireDefault(require('./SwipeUpAltRounded'));
-var _SwipeUpAltSharp = _interopRequireDefault(require('./SwipeUpAltSharp'));
-var _SwipeUpAltTwoTone = _interopRequireDefault(require('./SwipeUpAltTwoTone'));
-var _SwipeUpOutlined = _interopRequireDefault(require('./SwipeUpOutlined'));
-var _SwipeUpRounded = _interopRequireDefault(require('./SwipeUpRounded'));
-var _SwipeUpSharp = _interopRequireDefault(require('./SwipeUpSharp'));
-var _SwipeUpTwoTone = _interopRequireDefault(require('./SwipeUpTwoTone'));
-var _SwipeVertical = _interopRequireDefault(require('./SwipeVertical'));
-var _SwipeVerticalOutlined = _interopRequireDefault(require('./SwipeVerticalOutlined'));
-var _SwipeVerticalRounded = _interopRequireDefault(require('./SwipeVerticalRounded'));
-var _SwipeVerticalSharp = _interopRequireDefault(require('./SwipeVerticalSharp'));
-var _SwipeVerticalTwoTone = _interopRequireDefault(require('./SwipeVerticalTwoTone'));
-var _SwitchAccessShortcut = _interopRequireDefault(require('./SwitchAccessShortcut'));
-var _SwitchAccessShortcutAdd = _interopRequireDefault(require('./SwitchAccessShortcutAdd'));
-var _SwitchAccessShortcutAddOutlined = _interopRequireDefault(
-  require('./SwitchAccessShortcutAddOutlined'),
-);
-var _SwitchAccessShortcutAddRounded = _interopRequireDefault(
-  require('./SwitchAccessShortcutAddRounded'),
-);
-var _SwitchAccessShortcutAddSharp = _interopRequireDefault(
-  require('./SwitchAccessShortcutAddSharp'),
-);
-var _SwitchAccessShortcutAddTwoTone = _interopRequireDefault(
-  require('./SwitchAccessShortcutAddTwoTone'),
-);
-var _SwitchAccessShortcutOutlined = _interopRequireDefault(
-  require('./SwitchAccessShortcutOutlined'),
-);
-var _SwitchAccessShortcutRounded = _interopRequireDefault(require('./SwitchAccessShortcutRounded'));
-var _SwitchAccessShortcutSharp = _interopRequireDefault(require('./SwitchAccessShortcutSharp'));
-var _SwitchAccessShortcutTwoTone = _interopRequireDefault(require('./SwitchAccessShortcutTwoTone'));
-var _SwitchAccount = _interopRequireDefault(require('./SwitchAccount'));
-var _SwitchAccountOutlined = _interopRequireDefault(require('./SwitchAccountOutlined'));
-var _SwitchAccountRounded = _interopRequireDefault(require('./SwitchAccountRounded'));
-var _SwitchAccountSharp = _interopRequireDefault(require('./SwitchAccountSharp'));
-var _SwitchAccountTwoTone = _interopRequireDefault(require('./SwitchAccountTwoTone'));
-var _SwitchCamera = _interopRequireDefault(require('./SwitchCamera'));
-var _SwitchCameraOutlined = _interopRequireDefault(require('./SwitchCameraOutlined'));
-var _SwitchCameraRounded = _interopRequireDefault(require('./SwitchCameraRounded'));
-var _SwitchCameraSharp = _interopRequireDefault(require('./SwitchCameraSharp'));
-var _SwitchCameraTwoTone = _interopRequireDefault(require('./SwitchCameraTwoTone'));
-var _SwitchLeft = _interopRequireDefault(require('./SwitchLeft'));
-var _SwitchLeftOutlined = _interopRequireDefault(require('./SwitchLeftOutlined'));
-var _SwitchLeftRounded = _interopRequireDefault(require('./SwitchLeftRounded'));
-var _SwitchLeftSharp = _interopRequireDefault(require('./SwitchLeftSharp'));
-var _SwitchLeftTwoTone = _interopRequireDefault(require('./SwitchLeftTwoTone'));
-var _SwitchRight = _interopRequireDefault(require('./SwitchRight'));
-var _SwitchRightOutlined = _interopRequireDefault(require('./SwitchRightOutlined'));
-var _SwitchRightRounded = _interopRequireDefault(require('./SwitchRightRounded'));
-var _SwitchRightSharp = _interopRequireDefault(require('./SwitchRightSharp'));
-var _SwitchRightTwoTone = _interopRequireDefault(require('./SwitchRightTwoTone'));
-var _SwitchVideo = _interopRequireDefault(require('./SwitchVideo'));
-var _SwitchVideoOutlined = _interopRequireDefault(require('./SwitchVideoOutlined'));
-var _SwitchVideoRounded = _interopRequireDefault(require('./SwitchVideoRounded'));
-var _SwitchVideoSharp = _interopRequireDefault(require('./SwitchVideoSharp'));
-var _SwitchVideoTwoTone = _interopRequireDefault(require('./SwitchVideoTwoTone'));
-var _Synagogue = _interopRequireDefault(require('./Synagogue'));
-var _SynagogueOutlined = _interopRequireDefault(require('./SynagogueOutlined'));
-var _SynagogueRounded = _interopRequireDefault(require('./SynagogueRounded'));
-var _SynagogueSharp = _interopRequireDefault(require('./SynagogueSharp'));
-var _SynagogueTwoTone = _interopRequireDefault(require('./SynagogueTwoTone'));
-var _Sync = _interopRequireDefault(require('./Sync'));
-var _SyncAlt = _interopRequireDefault(require('./SyncAlt'));
-var _SyncAltOutlined = _interopRequireDefault(require('./SyncAltOutlined'));
-var _SyncAltRounded = _interopRequireDefault(require('./SyncAltRounded'));
-var _SyncAltSharp = _interopRequireDefault(require('./SyncAltSharp'));
-var _SyncAltTwoTone = _interopRequireDefault(require('./SyncAltTwoTone'));
-var _SyncDisabled = _interopRequireDefault(require('./SyncDisabled'));
-var _SyncDisabledOutlined = _interopRequireDefault(require('./SyncDisabledOutlined'));
-var _SyncDisabledRounded = _interopRequireDefault(require('./SyncDisabledRounded'));
-var _SyncDisabledSharp = _interopRequireDefault(require('./SyncDisabledSharp'));
-var _SyncDisabledTwoTone = _interopRequireDefault(require('./SyncDisabledTwoTone'));
-var _SyncLock = _interopRequireDefault(require('./SyncLock'));
-var _SyncLockOutlined = _interopRequireDefault(require('./SyncLockOutlined'));
-var _SyncLockRounded = _interopRequireDefault(require('./SyncLockRounded'));
-var _SyncLockSharp = _interopRequireDefault(require('./SyncLockSharp'));
-var _SyncLockTwoTone = _interopRequireDefault(require('./SyncLockTwoTone'));
-var _SyncOutlined = _interopRequireDefault(require('./SyncOutlined'));
-var _SyncProblem = _interopRequireDefault(require('./SyncProblem'));
-var _SyncProblemOutlined = _interopRequireDefault(require('./SyncProblemOutlined'));
-var _SyncProblemRounded = _interopRequireDefault(require('./SyncProblemRounded'));
-var _SyncProblemSharp = _interopRequireDefault(require('./SyncProblemSharp'));
-var _SyncProblemTwoTone = _interopRequireDefault(require('./SyncProblemTwoTone'));
-var _SyncRounded = _interopRequireDefault(require('./SyncRounded'));
-var _SyncSharp = _interopRequireDefault(require('./SyncSharp'));
-var _SyncTwoTone = _interopRequireDefault(require('./SyncTwoTone'));
-var _SystemSecurityUpdate = _interopRequireDefault(require('./SystemSecurityUpdate'));
-var _SystemSecurityUpdateGood = _interopRequireDefault(require('./SystemSecurityUpdateGood'));
-var _SystemSecurityUpdateGoodOutlined = _interopRequireDefault(
-  require('./SystemSecurityUpdateGoodOutlined'),
-);
-var _SystemSecurityUpdateGoodRounded = _interopRequireDefault(
-  require('./SystemSecurityUpdateGoodRounded'),
-);
-var _SystemSecurityUpdateGoodSharp = _interopRequireDefault(
-  require('./SystemSecurityUpdateGoodSharp'),
-);
-var _SystemSecurityUpdateGoodTwoTone = _interopRequireDefault(
-  require('./SystemSecurityUpdateGoodTwoTone'),
-);
-var _SystemSecurityUpdateOutlined = _interopRequireDefault(
-  require('./SystemSecurityUpdateOutlined'),
-);
-var _SystemSecurityUpdateRounded = _interopRequireDefault(require('./SystemSecurityUpdateRounded'));
-var _SystemSecurityUpdateSharp = _interopRequireDefault(require('./SystemSecurityUpdateSharp'));
-var _SystemSecurityUpdateTwoTone = _interopRequireDefault(require('./SystemSecurityUpdateTwoTone'));
-var _SystemSecurityUpdateWarning = _interopRequireDefault(require('./SystemSecurityUpdateWarning'));
-var _SystemSecurityUpdateWarningOutlined = _interopRequireDefault(
-  require('./SystemSecurityUpdateWarningOutlined'),
-);
-var _SystemSecurityUpdateWarningRounded = _interopRequireDefault(
-  require('./SystemSecurityUpdateWarningRounded'),
-);
-var _SystemSecurityUpdateWarningSharp = _interopRequireDefault(
-  require('./SystemSecurityUpdateWarningSharp'),
-);
-var _SystemSecurityUpdateWarningTwoTone = _interopRequireDefault(
-  require('./SystemSecurityUpdateWarningTwoTone'),
-);
-var _SystemUpdate = _interopRequireDefault(require('./SystemUpdate'));
-var _SystemUpdateAlt = _interopRequireDefault(require('./SystemUpdateAlt'));
-var _SystemUpdateAltOutlined = _interopRequireDefault(require('./SystemUpdateAltOutlined'));
-var _SystemUpdateAltRounded = _interopRequireDefault(require('./SystemUpdateAltRounded'));
-var _SystemUpdateAltSharp = _interopRequireDefault(require('./SystemUpdateAltSharp'));
-var _SystemUpdateAltTwoTone = _interopRequireDefault(require('./SystemUpdateAltTwoTone'));
-var _SystemUpdateOutlined = _interopRequireDefault(require('./SystemUpdateOutlined'));
-var _SystemUpdateRounded = _interopRequireDefault(require('./SystemUpdateRounded'));
-var _SystemUpdateSharp = _interopRequireDefault(require('./SystemUpdateSharp'));
-var _SystemUpdateTwoTone = _interopRequireDefault(require('./SystemUpdateTwoTone'));
-var _Tab = _interopRequireDefault(require('./Tab'));
-var _TabOutlined = _interopRequireDefault(require('./TabOutlined'));
-var _TabRounded = _interopRequireDefault(require('./TabRounded'));
-var _TabSharp = _interopRequireDefault(require('./TabSharp'));
-var _TabTwoTone = _interopRequireDefault(require('./TabTwoTone'));
-var _TabUnselected = _interopRequireDefault(require('./TabUnselected'));
-var _TabUnselectedOutlined = _interopRequireDefault(require('./TabUnselectedOutlined'));
-var _TabUnselectedRounded = _interopRequireDefault(require('./TabUnselectedRounded'));
-var _TabUnselectedSharp = _interopRequireDefault(require('./TabUnselectedSharp'));
-var _TabUnselectedTwoTone = _interopRequireDefault(require('./TabUnselectedTwoTone'));
-var _TableBar = _interopRequireDefault(require('./TableBar'));
-var _TableBarOutlined = _interopRequireDefault(require('./TableBarOutlined'));
-var _TableBarRounded = _interopRequireDefault(require('./TableBarRounded'));
-var _TableBarSharp = _interopRequireDefault(require('./TableBarSharp'));
-var _TableBarTwoTone = _interopRequireDefault(require('./TableBarTwoTone'));
-var _TableChart = _interopRequireDefault(require('./TableChart'));
-var _TableChartOutlined = _interopRequireDefault(require('./TableChartOutlined'));
-var _TableChartRounded = _interopRequireDefault(require('./TableChartRounded'));
-var _TableChartSharp = _interopRequireDefault(require('./TableChartSharp'));
-var _TableChartTwoTone = _interopRequireDefault(require('./TableChartTwoTone'));
-var _TableRestaurant = _interopRequireDefault(require('./TableRestaurant'));
-var _TableRestaurantOutlined = _interopRequireDefault(require('./TableRestaurantOutlined'));
-var _TableRestaurantRounded = _interopRequireDefault(require('./TableRestaurantRounded'));
-var _TableRestaurantSharp = _interopRequireDefault(require('./TableRestaurantSharp'));
-var _TableRestaurantTwoTone = _interopRequireDefault(require('./TableRestaurantTwoTone'));
-var _TableRows = _interopRequireDefault(require('./TableRows'));
-var _TableRowsOutlined = _interopRequireDefault(require('./TableRowsOutlined'));
-var _TableRowsRounded = _interopRequireDefault(require('./TableRowsRounded'));
-var _TableRowsSharp = _interopRequireDefault(require('./TableRowsSharp'));
-var _TableRowsTwoTone = _interopRequireDefault(require('./TableRowsTwoTone'));
-var _TableView = _interopRequireDefault(require('./TableView'));
-var _TableViewOutlined = _interopRequireDefault(require('./TableViewOutlined'));
-var _TableViewRounded = _interopRequireDefault(require('./TableViewRounded'));
-var _TableViewSharp = _interopRequireDefault(require('./TableViewSharp'));
-var _TableViewTwoTone = _interopRequireDefault(require('./TableViewTwoTone'));
-var _Tablet = _interopRequireDefault(require('./Tablet'));
-var _TabletAndroid = _interopRequireDefault(require('./TabletAndroid'));
-var _TabletAndroidOutlined = _interopRequireDefault(require('./TabletAndroidOutlined'));
-var _TabletAndroidRounded = _interopRequireDefault(require('./TabletAndroidRounded'));
-var _TabletAndroidSharp = _interopRequireDefault(require('./TabletAndroidSharp'));
-var _TabletAndroidTwoTone = _interopRequireDefault(require('./TabletAndroidTwoTone'));
-var _TabletMac = _interopRequireDefault(require('./TabletMac'));
-var _TabletMacOutlined = _interopRequireDefault(require('./TabletMacOutlined'));
-var _TabletMacRounded = _interopRequireDefault(require('./TabletMacRounded'));
-var _TabletMacSharp = _interopRequireDefault(require('./TabletMacSharp'));
-var _TabletMacTwoTone = _interopRequireDefault(require('./TabletMacTwoTone'));
-var _TabletOutlined = _interopRequireDefault(require('./TabletOutlined'));
-var _TabletRounded = _interopRequireDefault(require('./TabletRounded'));
-var _TabletSharp = _interopRequireDefault(require('./TabletSharp'));
-var _TabletTwoTone = _interopRequireDefault(require('./TabletTwoTone'));
-var _Tag = _interopRequireDefault(require('./Tag'));
-var _TagFaces = _interopRequireDefault(require('./TagFaces'));
-var _TagFacesOutlined = _interopRequireDefault(require('./TagFacesOutlined'));
-var _TagFacesRounded = _interopRequireDefault(require('./TagFacesRounded'));
-var _TagFacesSharp = _interopRequireDefault(require('./TagFacesSharp'));
-var _TagFacesTwoTone = _interopRequireDefault(require('./TagFacesTwoTone'));
-var _TagOutlined = _interopRequireDefault(require('./TagOutlined'));
-var _TagRounded = _interopRequireDefault(require('./TagRounded'));
-var _TagSharp = _interopRequireDefault(require('./TagSharp'));
-var _TagTwoTone = _interopRequireDefault(require('./TagTwoTone'));
-var _TakeoutDining = _interopRequireDefault(require('./TakeoutDining'));
-var _TakeoutDiningOutlined = _interopRequireDefault(require('./TakeoutDiningOutlined'));
-var _TakeoutDiningRounded = _interopRequireDefault(require('./TakeoutDiningRounded'));
-var _TakeoutDiningSharp = _interopRequireDefault(require('./TakeoutDiningSharp'));
-var _TakeoutDiningTwoTone = _interopRequireDefault(require('./TakeoutDiningTwoTone'));
-var _TapAndPlay = _interopRequireDefault(require('./TapAndPlay'));
-var _TapAndPlayOutlined = _interopRequireDefault(require('./TapAndPlayOutlined'));
-var _TapAndPlayRounded = _interopRequireDefault(require('./TapAndPlayRounded'));
-var _TapAndPlaySharp = _interopRequireDefault(require('./TapAndPlaySharp'));
-var _TapAndPlayTwoTone = _interopRequireDefault(require('./TapAndPlayTwoTone'));
-var _Tapas = _interopRequireDefault(require('./Tapas'));
-var _TapasOutlined = _interopRequireDefault(require('./TapasOutlined'));
-var _TapasRounded = _interopRequireDefault(require('./TapasRounded'));
-var _TapasSharp = _interopRequireDefault(require('./TapasSharp'));
-var _TapasTwoTone = _interopRequireDefault(require('./TapasTwoTone'));
-var _Task = _interopRequireDefault(require('./Task'));
-var _TaskAlt = _interopRequireDefault(require('./TaskAlt'));
-var _TaskAltOutlined = _interopRequireDefault(require('./TaskAltOutlined'));
-var _TaskAltRounded = _interopRequireDefault(require('./TaskAltRounded'));
-var _TaskAltSharp = _interopRequireDefault(require('./TaskAltSharp'));
-var _TaskAltTwoTone = _interopRequireDefault(require('./TaskAltTwoTone'));
-var _TaskOutlined = _interopRequireDefault(require('./TaskOutlined'));
-var _TaskRounded = _interopRequireDefault(require('./TaskRounded'));
-var _TaskSharp = _interopRequireDefault(require('./TaskSharp'));
-var _TaskTwoTone = _interopRequireDefault(require('./TaskTwoTone'));
-var _TaxiAlert = _interopRequireDefault(require('./TaxiAlert'));
-var _TaxiAlertOutlined = _interopRequireDefault(require('./TaxiAlertOutlined'));
-var _TaxiAlertRounded = _interopRequireDefault(require('./TaxiAlertRounded'));
-var _TaxiAlertSharp = _interopRequireDefault(require('./TaxiAlertSharp'));
-var _TaxiAlertTwoTone = _interopRequireDefault(require('./TaxiAlertTwoTone'));
-var _Telegram = _interopRequireDefault(require('./Telegram'));
-var _TempleBuddhist = _interopRequireDefault(require('./TempleBuddhist'));
-var _TempleBuddhistOutlined = _interopRequireDefault(require('./TempleBuddhistOutlined'));
-var _TempleBuddhistRounded = _interopRequireDefault(require('./TempleBuddhistRounded'));
-var _TempleBuddhistSharp = _interopRequireDefault(require('./TempleBuddhistSharp'));
-var _TempleBuddhistTwoTone = _interopRequireDefault(require('./TempleBuddhistTwoTone'));
-var _TempleHindu = _interopRequireDefault(require('./TempleHindu'));
-var _TempleHinduOutlined = _interopRequireDefault(require('./TempleHinduOutlined'));
-var _TempleHinduRounded = _interopRequireDefault(require('./TempleHinduRounded'));
-var _TempleHinduSharp = _interopRequireDefault(require('./TempleHinduSharp'));
-var _TempleHinduTwoTone = _interopRequireDefault(require('./TempleHinduTwoTone'));
-var _TenMp = _interopRequireDefault(require('./TenMp'));
-var _TenMpOutlined = _interopRequireDefault(require('./TenMpOutlined'));
-var _TenMpRounded = _interopRequireDefault(require('./TenMpRounded'));
-var _TenMpSharp = _interopRequireDefault(require('./TenMpSharp'));
-var _TenMpTwoTone = _interopRequireDefault(require('./TenMpTwoTone'));
-var _Terminal = _interopRequireDefault(require('./Terminal'));
-var _TerminalOutlined = _interopRequireDefault(require('./TerminalOutlined'));
-var _TerminalRounded = _interopRequireDefault(require('./TerminalRounded'));
-var _TerminalSharp = _interopRequireDefault(require('./TerminalSharp'));
-var _TerminalTwoTone = _interopRequireDefault(require('./TerminalTwoTone'));
-var _Terrain = _interopRequireDefault(require('./Terrain'));
-var _TerrainOutlined = _interopRequireDefault(require('./TerrainOutlined'));
-var _TerrainRounded = _interopRequireDefault(require('./TerrainRounded'));
-var _TerrainSharp = _interopRequireDefault(require('./TerrainSharp'));
-var _TerrainTwoTone = _interopRequireDefault(require('./TerrainTwoTone'));
-var _TextDecrease = _interopRequireDefault(require('./TextDecrease'));
-var _TextDecreaseOutlined = _interopRequireDefault(require('./TextDecreaseOutlined'));
-var _TextDecreaseRounded = _interopRequireDefault(require('./TextDecreaseRounded'));
-var _TextDecreaseSharp = _interopRequireDefault(require('./TextDecreaseSharp'));
-var _TextDecreaseTwoTone = _interopRequireDefault(require('./TextDecreaseTwoTone'));
-var _TextFields = _interopRequireDefault(require('./TextFields'));
-var _TextFieldsOutlined = _interopRequireDefault(require('./TextFieldsOutlined'));
-var _TextFieldsRounded = _interopRequireDefault(require('./TextFieldsRounded'));
-var _TextFieldsSharp = _interopRequireDefault(require('./TextFieldsSharp'));
-var _TextFieldsTwoTone = _interopRequireDefault(require('./TextFieldsTwoTone'));
-var _TextFormat = _interopRequireDefault(require('./TextFormat'));
-var _TextFormatOutlined = _interopRequireDefault(require('./TextFormatOutlined'));
-var _TextFormatRounded = _interopRequireDefault(require('./TextFormatRounded'));
-var _TextFormatSharp = _interopRequireDefault(require('./TextFormatSharp'));
-var _TextFormatTwoTone = _interopRequireDefault(require('./TextFormatTwoTone'));
-var _TextIncrease = _interopRequireDefault(require('./TextIncrease'));
-var _TextIncreaseOutlined = _interopRequireDefault(require('./TextIncreaseOutlined'));
-var _TextIncreaseRounded = _interopRequireDefault(require('./TextIncreaseRounded'));
-var _TextIncreaseSharp = _interopRequireDefault(require('./TextIncreaseSharp'));
-var _TextIncreaseTwoTone = _interopRequireDefault(require('./TextIncreaseTwoTone'));
-var _TextRotateUp = _interopRequireDefault(require('./TextRotateUp'));
-var _TextRotateUpOutlined = _interopRequireDefault(require('./TextRotateUpOutlined'));
-var _TextRotateUpRounded = _interopRequireDefault(require('./TextRotateUpRounded'));
-var _TextRotateUpSharp = _interopRequireDefault(require('./TextRotateUpSharp'));
-var _TextRotateUpTwoTone = _interopRequireDefault(require('./TextRotateUpTwoTone'));
-var _TextRotateVertical = _interopRequireDefault(require('./TextRotateVertical'));
-var _TextRotateVerticalOutlined = _interopRequireDefault(require('./TextRotateVerticalOutlined'));
-var _TextRotateVerticalRounded = _interopRequireDefault(require('./TextRotateVerticalRounded'));
-var _TextRotateVerticalSharp = _interopRequireDefault(require('./TextRotateVerticalSharp'));
-var _TextRotateVerticalTwoTone = _interopRequireDefault(require('./TextRotateVerticalTwoTone'));
-var _TextRotationAngledown = _interopRequireDefault(require('./TextRotationAngledown'));
-var _TextRotationAngledownOutlined = _interopRequireDefault(
-  require('./TextRotationAngledownOutlined'),
-);
-var _TextRotationAngledownRounded = _interopRequireDefault(
-  require('./TextRotationAngledownRounded'),
-);
-var _TextRotationAngledownSharp = _interopRequireDefault(require('./TextRotationAngledownSharp'));
-var _TextRotationAngledownTwoTone = _interopRequireDefault(
-  require('./TextRotationAngledownTwoTone'),
-);
-var _TextRotationAngleup = _interopRequireDefault(require('./TextRotationAngleup'));
-var _TextRotationAngleupOutlined = _interopRequireDefault(require('./TextRotationAngleupOutlined'));
-var _TextRotationAngleupRounded = _interopRequireDefault(require('./TextRotationAngleupRounded'));
-var _TextRotationAngleupSharp = _interopRequireDefault(require('./TextRotationAngleupSharp'));
-var _TextRotationAngleupTwoTone = _interopRequireDefault(require('./TextRotationAngleupTwoTone'));
-var _TextRotationDown = _interopRequireDefault(require('./TextRotationDown'));
-var _TextRotationDownOutlined = _interopRequireDefault(require('./TextRotationDownOutlined'));
-var _TextRotationDownRounded = _interopRequireDefault(require('./TextRotationDownRounded'));
-var _TextRotationDownSharp = _interopRequireDefault(require('./TextRotationDownSharp'));
-var _TextRotationDownTwoTone = _interopRequireDefault(require('./TextRotationDownTwoTone'));
-var _TextRotationNone = _interopRequireDefault(require('./TextRotationNone'));
-var _TextRotationNoneOutlined = _interopRequireDefault(require('./TextRotationNoneOutlined'));
-var _TextRotationNoneRounded = _interopRequireDefault(require('./TextRotationNoneRounded'));
-var _TextRotationNoneSharp = _interopRequireDefault(require('./TextRotationNoneSharp'));
-var _TextRotationNoneTwoTone = _interopRequireDefault(require('./TextRotationNoneTwoTone'));
-var _TextSnippet = _interopRequireDefault(require('./TextSnippet'));
-var _TextSnippetOutlined = _interopRequireDefault(require('./TextSnippetOutlined'));
-var _TextSnippetRounded = _interopRequireDefault(require('./TextSnippetRounded'));
-var _TextSnippetSharp = _interopRequireDefault(require('./TextSnippetSharp'));
-var _TextSnippetTwoTone = _interopRequireDefault(require('./TextSnippetTwoTone'));
-var _Textsms = _interopRequireDefault(require('./Textsms'));
-var _TextsmsOutlined = _interopRequireDefault(require('./TextsmsOutlined'));
-var _TextsmsRounded = _interopRequireDefault(require('./TextsmsRounded'));
-var _TextsmsSharp = _interopRequireDefault(require('./TextsmsSharp'));
-var _TextsmsTwoTone = _interopRequireDefault(require('./TextsmsTwoTone'));
-var _Texture = _interopRequireDefault(require('./Texture'));
-var _TextureOutlined = _interopRequireDefault(require('./TextureOutlined'));
-var _TextureRounded = _interopRequireDefault(require('./TextureRounded'));
-var _TextureSharp = _interopRequireDefault(require('./TextureSharp'));
-var _TextureTwoTone = _interopRequireDefault(require('./TextureTwoTone'));
-var _TheaterComedy = _interopRequireDefault(require('./TheaterComedy'));
-var _TheaterComedyOutlined = _interopRequireDefault(require('./TheaterComedyOutlined'));
-var _TheaterComedyRounded = _interopRequireDefault(require('./TheaterComedyRounded'));
-var _TheaterComedySharp = _interopRequireDefault(require('./TheaterComedySharp'));
-var _TheaterComedyTwoTone = _interopRequireDefault(require('./TheaterComedyTwoTone'));
-var _Theaters = _interopRequireDefault(require('./Theaters'));
-var _TheatersOutlined = _interopRequireDefault(require('./TheatersOutlined'));
-var _TheatersRounded = _interopRequireDefault(require('./TheatersRounded'));
-var _TheatersSharp = _interopRequireDefault(require('./TheatersSharp'));
-var _TheatersTwoTone = _interopRequireDefault(require('./TheatersTwoTone'));
-var _Thermostat = _interopRequireDefault(require('./Thermostat'));
-var _ThermostatAuto = _interopRequireDefault(require('./ThermostatAuto'));
-var _ThermostatAutoOutlined = _interopRequireDefault(require('./ThermostatAutoOutlined'));
-var _ThermostatAutoRounded = _interopRequireDefault(require('./ThermostatAutoRounded'));
-var _ThermostatAutoSharp = _interopRequireDefault(require('./ThermostatAutoSharp'));
-var _ThermostatAutoTwoTone = _interopRequireDefault(require('./ThermostatAutoTwoTone'));
-var _ThermostatOutlined = _interopRequireDefault(require('./ThermostatOutlined'));
-var _ThermostatRounded = _interopRequireDefault(require('./ThermostatRounded'));
-var _ThermostatSharp = _interopRequireDefault(require('./ThermostatSharp'));
-var _ThermostatTwoTone = _interopRequireDefault(require('./ThermostatTwoTone'));
-var _ThirteenMp = _interopRequireDefault(require('./ThirteenMp'));
-var _ThirteenMpOutlined = _interopRequireDefault(require('./ThirteenMpOutlined'));
-var _ThirteenMpRounded = _interopRequireDefault(require('./ThirteenMpRounded'));
-var _ThirteenMpSharp = _interopRequireDefault(require('./ThirteenMpSharp'));
-var _ThirteenMpTwoTone = _interopRequireDefault(require('./ThirteenMpTwoTone'));
-var _ThirtyFps = _interopRequireDefault(require('./ThirtyFps'));
-var _ThirtyFpsOutlined = _interopRequireDefault(require('./ThirtyFpsOutlined'));
-var _ThirtyFpsRounded = _interopRequireDefault(require('./ThirtyFpsRounded'));
-var _ThirtyFpsSelect = _interopRequireDefault(require('./ThirtyFpsSelect'));
-var _ThirtyFpsSelectOutlined = _interopRequireDefault(require('./ThirtyFpsSelectOutlined'));
-var _ThirtyFpsSelectRounded = _interopRequireDefault(require('./ThirtyFpsSelectRounded'));
-var _ThirtyFpsSelectSharp = _interopRequireDefault(require('./ThirtyFpsSelectSharp'));
-var _ThirtyFpsSelectTwoTone = _interopRequireDefault(require('./ThirtyFpsSelectTwoTone'));
-var _ThirtyFpsSharp = _interopRequireDefault(require('./ThirtyFpsSharp'));
-var _ThirtyFpsTwoTone = _interopRequireDefault(require('./ThirtyFpsTwoTone'));
-var _ThreeDRotation = _interopRequireDefault(require('./ThreeDRotation'));
-var _ThreeDRotationOutlined = _interopRequireDefault(require('./ThreeDRotationOutlined'));
-var _ThreeDRotationRounded = _interopRequireDefault(require('./ThreeDRotationRounded'));
-var _ThreeDRotationSharp = _interopRequireDefault(require('./ThreeDRotationSharp'));
-var _ThreeDRotationTwoTone = _interopRequireDefault(require('./ThreeDRotationTwoTone'));
-var _ThreeGMobiledata = _interopRequireDefault(require('./ThreeGMobiledata'));
-var _ThreeGMobiledataOutlined = _interopRequireDefault(require('./ThreeGMobiledataOutlined'));
-var _ThreeGMobiledataRounded = _interopRequireDefault(require('./ThreeGMobiledataRounded'));
-var _ThreeGMobiledataSharp = _interopRequireDefault(require('./ThreeGMobiledataSharp'));
-var _ThreeGMobiledataTwoTone = _interopRequireDefault(require('./ThreeGMobiledataTwoTone'));
-var _ThreeK = _interopRequireDefault(require('./ThreeK'));
-var _ThreeKOutlined = _interopRequireDefault(require('./ThreeKOutlined'));
-var _ThreeKPlus = _interopRequireDefault(require('./ThreeKPlus'));
-var _ThreeKPlusOutlined = _interopRequireDefault(require('./ThreeKPlusOutlined'));
-var _ThreeKPlusRounded = _interopRequireDefault(require('./ThreeKPlusRounded'));
-var _ThreeKPlusSharp = _interopRequireDefault(require('./ThreeKPlusSharp'));
-var _ThreeKPlusTwoTone = _interopRequireDefault(require('./ThreeKPlusTwoTone'));
-var _ThreeKRounded = _interopRequireDefault(require('./ThreeKRounded'));
-var _ThreeKSharp = _interopRequireDefault(require('./ThreeKSharp'));
-var _ThreeKTwoTone = _interopRequireDefault(require('./ThreeKTwoTone'));
-var _ThreeMp = _interopRequireDefault(require('./ThreeMp'));
-var _ThreeMpOutlined = _interopRequireDefault(require('./ThreeMpOutlined'));
-var _ThreeMpRounded = _interopRequireDefault(require('./ThreeMpRounded'));
-var _ThreeMpSharp = _interopRequireDefault(require('./ThreeMpSharp'));
-var _ThreeMpTwoTone = _interopRequireDefault(require('./ThreeMpTwoTone'));
-var _ThreeP = _interopRequireDefault(require('./ThreeP'));
-var _ThreePOutlined = _interopRequireDefault(require('./ThreePOutlined'));
-var _ThreePRounded = _interopRequireDefault(require('./ThreePRounded'));
-var _ThreePSharp = _interopRequireDefault(require('./ThreePSharp'));
-var _ThreePTwoTone = _interopRequireDefault(require('./ThreePTwoTone'));
-var _ThreeSixty = _interopRequireDefault(require('./ThreeSixty'));
-var _ThreeSixtyOutlined = _interopRequireDefault(require('./ThreeSixtyOutlined'));
-var _ThreeSixtyRounded = _interopRequireDefault(require('./ThreeSixtyRounded'));
-var _ThreeSixtySharp = _interopRequireDefault(require('./ThreeSixtySharp'));
-var _ThreeSixtyTwoTone = _interopRequireDefault(require('./ThreeSixtyTwoTone'));
-var _ThumbDown = _interopRequireDefault(require('./ThumbDown'));
-var _ThumbDownAlt = _interopRequireDefault(require('./ThumbDownAlt'));
-var _ThumbDownAltOutlined = _interopRequireDefault(require('./ThumbDownAltOutlined'));
-var _ThumbDownAltRounded = _interopRequireDefault(require('./ThumbDownAltRounded'));
-var _ThumbDownAltSharp = _interopRequireDefault(require('./ThumbDownAltSharp'));
-var _ThumbDownAltTwoTone = _interopRequireDefault(require('./ThumbDownAltTwoTone'));
-var _ThumbDownOffAlt = _interopRequireDefault(require('./ThumbDownOffAlt'));
-var _ThumbDownOffAltOutlined = _interopRequireDefault(require('./ThumbDownOffAltOutlined'));
-var _ThumbDownOffAltRounded = _interopRequireDefault(require('./ThumbDownOffAltRounded'));
-var _ThumbDownOffAltSharp = _interopRequireDefault(require('./ThumbDownOffAltSharp'));
-var _ThumbDownOffAltTwoTone = _interopRequireDefault(require('./ThumbDownOffAltTwoTone'));
-var _ThumbDownOutlined = _interopRequireDefault(require('./ThumbDownOutlined'));
-var _ThumbDownRounded = _interopRequireDefault(require('./ThumbDownRounded'));
-var _ThumbDownSharp = _interopRequireDefault(require('./ThumbDownSharp'));
-var _ThumbDownTwoTone = _interopRequireDefault(require('./ThumbDownTwoTone'));
-var _ThumbUp = _interopRequireDefault(require('./ThumbUp'));
-var _ThumbUpAlt = _interopRequireDefault(require('./ThumbUpAlt'));
-var _ThumbUpAltOutlined = _interopRequireDefault(require('./ThumbUpAltOutlined'));
-var _ThumbUpAltRounded = _interopRequireDefault(require('./ThumbUpAltRounded'));
-var _ThumbUpAltSharp = _interopRequireDefault(require('./ThumbUpAltSharp'));
-var _ThumbUpAltTwoTone = _interopRequireDefault(require('./ThumbUpAltTwoTone'));
-var _ThumbUpOffAlt = _interopRequireDefault(require('./ThumbUpOffAlt'));
-var _ThumbUpOffAltOutlined = _interopRequireDefault(require('./ThumbUpOffAltOutlined'));
-var _ThumbUpOffAltRounded = _interopRequireDefault(require('./ThumbUpOffAltRounded'));
-var _ThumbUpOffAltSharp = _interopRequireDefault(require('./ThumbUpOffAltSharp'));
-var _ThumbUpOffAltTwoTone = _interopRequireDefault(require('./ThumbUpOffAltTwoTone'));
-var _ThumbUpOutlined = _interopRequireDefault(require('./ThumbUpOutlined'));
-var _ThumbUpRounded = _interopRequireDefault(require('./ThumbUpRounded'));
-var _ThumbUpSharp = _interopRequireDefault(require('./ThumbUpSharp'));
-var _ThumbUpTwoTone = _interopRequireDefault(require('./ThumbUpTwoTone'));
-var _ThumbsUpDown = _interopRequireDefault(require('./ThumbsUpDown'));
-var _ThumbsUpDownOutlined = _interopRequireDefault(require('./ThumbsUpDownOutlined'));
-var _ThumbsUpDownRounded = _interopRequireDefault(require('./ThumbsUpDownRounded'));
-var _ThumbsUpDownSharp = _interopRequireDefault(require('./ThumbsUpDownSharp'));
-var _ThumbsUpDownTwoTone = _interopRequireDefault(require('./ThumbsUpDownTwoTone'));
-var _Thunderstorm = _interopRequireDefault(require('./Thunderstorm'));
-var _ThunderstormOutlined = _interopRequireDefault(require('./ThunderstormOutlined'));
-var _ThunderstormRounded = _interopRequireDefault(require('./ThunderstormRounded'));
-var _ThunderstormSharp = _interopRequireDefault(require('./ThunderstormSharp'));
-var _ThunderstormTwoTone = _interopRequireDefault(require('./ThunderstormTwoTone'));
-var _TimeToLeave = _interopRequireDefault(require('./TimeToLeave'));
-var _TimeToLeaveOutlined = _interopRequireDefault(require('./TimeToLeaveOutlined'));
-var _TimeToLeaveRounded = _interopRequireDefault(require('./TimeToLeaveRounded'));
-var _TimeToLeaveSharp = _interopRequireDefault(require('./TimeToLeaveSharp'));
-var _TimeToLeaveTwoTone = _interopRequireDefault(require('./TimeToLeaveTwoTone'));
-var _Timelapse = _interopRequireDefault(require('./Timelapse'));
-var _TimelapseOutlined = _interopRequireDefault(require('./TimelapseOutlined'));
-var _TimelapseRounded = _interopRequireDefault(require('./TimelapseRounded'));
-var _TimelapseSharp = _interopRequireDefault(require('./TimelapseSharp'));
-var _TimelapseTwoTone = _interopRequireDefault(require('./TimelapseTwoTone'));
-var _Timeline = _interopRequireDefault(require('./Timeline'));
-var _TimelineOutlined = _interopRequireDefault(require('./TimelineOutlined'));
-var _TimelineRounded = _interopRequireDefault(require('./TimelineRounded'));
-var _TimelineSharp = _interopRequireDefault(require('./TimelineSharp'));
-var _TimelineTwoTone = _interopRequireDefault(require('./TimelineTwoTone'));
-var _Timer = _interopRequireDefault(require('./Timer'));
-var _Timer2 = _interopRequireDefault(require('./Timer10'));
-var _Timer10Outlined = _interopRequireDefault(require('./Timer10Outlined'));
-var _Timer10Rounded = _interopRequireDefault(require('./Timer10Rounded'));
-var _Timer10Select = _interopRequireDefault(require('./Timer10Select'));
-var _Timer10SelectOutlined = _interopRequireDefault(require('./Timer10SelectOutlined'));
-var _Timer10SelectRounded = _interopRequireDefault(require('./Timer10SelectRounded'));
-var _Timer10SelectSharp = _interopRequireDefault(require('./Timer10SelectSharp'));
-var _Timer10SelectTwoTone = _interopRequireDefault(require('./Timer10SelectTwoTone'));
-var _Timer10Sharp = _interopRequireDefault(require('./Timer10Sharp'));
-var _Timer10TwoTone = _interopRequireDefault(require('./Timer10TwoTone'));
-var _Timer3 = _interopRequireDefault(require('./Timer3'));
-var _Timer3Outlined = _interopRequireDefault(require('./Timer3Outlined'));
-var _Timer3Rounded = _interopRequireDefault(require('./Timer3Rounded'));
-var _Timer3Select = _interopRequireDefault(require('./Timer3Select'));
-var _Timer3SelectOutlined = _interopRequireDefault(require('./Timer3SelectOutlined'));
-var _Timer3SelectRounded = _interopRequireDefault(require('./Timer3SelectRounded'));
-var _Timer3SelectSharp = _interopRequireDefault(require('./Timer3SelectSharp'));
-var _Timer3SelectTwoTone = _interopRequireDefault(require('./Timer3SelectTwoTone'));
-var _Timer3Sharp = _interopRequireDefault(require('./Timer3Sharp'));
-var _Timer3TwoTone = _interopRequireDefault(require('./Timer3TwoTone'));
-var _TimerOff = _interopRequireDefault(require('./TimerOff'));
-var _TimerOffOutlined = _interopRequireDefault(require('./TimerOffOutlined'));
-var _TimerOffRounded = _interopRequireDefault(require('./TimerOffRounded'));
-var _TimerOffSharp = _interopRequireDefault(require('./TimerOffSharp'));
-var _TimerOffTwoTone = _interopRequireDefault(require('./TimerOffTwoTone'));
-var _TimerOutlined = _interopRequireDefault(require('./TimerOutlined'));
-var _TimerRounded = _interopRequireDefault(require('./TimerRounded'));
-var _TimerSharp = _interopRequireDefault(require('./TimerSharp'));
-var _TimerTwoTone = _interopRequireDefault(require('./TimerTwoTone'));
-var _TimesOneMobiledata = _interopRequireDefault(require('./TimesOneMobiledata'));
-var _TimesOneMobiledataOutlined = _interopRequireDefault(require('./TimesOneMobiledataOutlined'));
-var _TimesOneMobiledataRounded = _interopRequireDefault(require('./TimesOneMobiledataRounded'));
-var _TimesOneMobiledataSharp = _interopRequireDefault(require('./TimesOneMobiledataSharp'));
-var _TimesOneMobiledataTwoTone = _interopRequireDefault(require('./TimesOneMobiledataTwoTone'));
-var _TipsAndUpdates = _interopRequireDefault(require('./TipsAndUpdates'));
-var _TipsAndUpdatesOutlined = _interopRequireDefault(require('./TipsAndUpdatesOutlined'));
-var _TipsAndUpdatesRounded = _interopRequireDefault(require('./TipsAndUpdatesRounded'));
-var _TipsAndUpdatesSharp = _interopRequireDefault(require('./TipsAndUpdatesSharp'));
-var _TipsAndUpdatesTwoTone = _interopRequireDefault(require('./TipsAndUpdatesTwoTone'));
-var _TireRepair = _interopRequireDefault(require('./TireRepair'));
-var _TireRepairOutlined = _interopRequireDefault(require('./TireRepairOutlined'));
-var _TireRepairRounded = _interopRequireDefault(require('./TireRepairRounded'));
-var _TireRepairSharp = _interopRequireDefault(require('./TireRepairSharp'));
-var _TireRepairTwoTone = _interopRequireDefault(require('./TireRepairTwoTone'));
-var _Title = _interopRequireDefault(require('./Title'));
-var _TitleOutlined = _interopRequireDefault(require('./TitleOutlined'));
-var _TitleRounded = _interopRequireDefault(require('./TitleRounded'));
-var _TitleSharp = _interopRequireDefault(require('./TitleSharp'));
-var _TitleTwoTone = _interopRequireDefault(require('./TitleTwoTone'));
-var _Toc = _interopRequireDefault(require('./Toc'));
-var _TocOutlined = _interopRequireDefault(require('./TocOutlined'));
-var _TocRounded = _interopRequireDefault(require('./TocRounded'));
-var _TocSharp = _interopRequireDefault(require('./TocSharp'));
-var _TocTwoTone = _interopRequireDefault(require('./TocTwoTone'));
-var _Today = _interopRequireDefault(require('./Today'));
-var _TodayOutlined = _interopRequireDefault(require('./TodayOutlined'));
-var _TodayRounded = _interopRequireDefault(require('./TodayRounded'));
-var _TodaySharp = _interopRequireDefault(require('./TodaySharp'));
-var _TodayTwoTone = _interopRequireDefault(require('./TodayTwoTone'));
-var _ToggleOff = _interopRequireDefault(require('./ToggleOff'));
-var _ToggleOffOutlined = _interopRequireDefault(require('./ToggleOffOutlined'));
-var _ToggleOffRounded = _interopRequireDefault(require('./ToggleOffRounded'));
-var _ToggleOffSharp = _interopRequireDefault(require('./ToggleOffSharp'));
-var _ToggleOffTwoTone = _interopRequireDefault(require('./ToggleOffTwoTone'));
-var _ToggleOn = _interopRequireDefault(require('./ToggleOn'));
-var _ToggleOnOutlined = _interopRequireDefault(require('./ToggleOnOutlined'));
-var _ToggleOnRounded = _interopRequireDefault(require('./ToggleOnRounded'));
-var _ToggleOnSharp = _interopRequireDefault(require('./ToggleOnSharp'));
-var _ToggleOnTwoTone = _interopRequireDefault(require('./ToggleOnTwoTone'));
-var _Token = _interopRequireDefault(require('./Token'));
-var _TokenOutlined = _interopRequireDefault(require('./TokenOutlined'));
-var _TokenRounded = _interopRequireDefault(require('./TokenRounded'));
-var _TokenSharp = _interopRequireDefault(require('./TokenSharp'));
-var _TokenTwoTone = _interopRequireDefault(require('./TokenTwoTone'));
-var _Toll = _interopRequireDefault(require('./Toll'));
-var _TollOutlined = _interopRequireDefault(require('./TollOutlined'));
-var _TollRounded = _interopRequireDefault(require('./TollRounded'));
-var _TollSharp = _interopRequireDefault(require('./TollSharp'));
-var _TollTwoTone = _interopRequireDefault(require('./TollTwoTone'));
-var _Tonality = _interopRequireDefault(require('./Tonality'));
-var _TonalityOutlined = _interopRequireDefault(require('./TonalityOutlined'));
-var _TonalityRounded = _interopRequireDefault(require('./TonalityRounded'));
-var _TonalitySharp = _interopRequireDefault(require('./TonalitySharp'));
-var _TonalityTwoTone = _interopRequireDefault(require('./TonalityTwoTone'));
-var _Topic = _interopRequireDefault(require('./Topic'));
-var _TopicOutlined = _interopRequireDefault(require('./TopicOutlined'));
-var _TopicRounded = _interopRequireDefault(require('./TopicRounded'));
-var _TopicSharp = _interopRequireDefault(require('./TopicSharp'));
-var _TopicTwoTone = _interopRequireDefault(require('./TopicTwoTone'));
-var _Tornado = _interopRequireDefault(require('./Tornado'));
-var _TornadoOutlined = _interopRequireDefault(require('./TornadoOutlined'));
-var _TornadoRounded = _interopRequireDefault(require('./TornadoRounded'));
-var _TornadoSharp = _interopRequireDefault(require('./TornadoSharp'));
-var _TornadoTwoTone = _interopRequireDefault(require('./TornadoTwoTone'));
-var _TouchApp = _interopRequireDefault(require('./TouchApp'));
-var _TouchAppOutlined = _interopRequireDefault(require('./TouchAppOutlined'));
-var _TouchAppRounded = _interopRequireDefault(require('./TouchAppRounded'));
-var _TouchAppSharp = _interopRequireDefault(require('./TouchAppSharp'));
-var _TouchAppTwoTone = _interopRequireDefault(require('./TouchAppTwoTone'));
-var _Tour = _interopRequireDefault(require('./Tour'));
-var _TourOutlined = _interopRequireDefault(require('./TourOutlined'));
-var _TourRounded = _interopRequireDefault(require('./TourRounded'));
-var _TourSharp = _interopRequireDefault(require('./TourSharp'));
-var _TourTwoTone = _interopRequireDefault(require('./TourTwoTone'));
-var _Toys = _interopRequireDefault(require('./Toys'));
-var _ToysOutlined = _interopRequireDefault(require('./ToysOutlined'));
-var _ToysRounded = _interopRequireDefault(require('./ToysRounded'));
-var _ToysSharp = _interopRequireDefault(require('./ToysSharp'));
-var _ToysTwoTone = _interopRequireDefault(require('./ToysTwoTone'));
-var _TrackChanges = _interopRequireDefault(require('./TrackChanges'));
-var _TrackChangesOutlined = _interopRequireDefault(require('./TrackChangesOutlined'));
-var _TrackChangesRounded = _interopRequireDefault(require('./TrackChangesRounded'));
-var _TrackChangesSharp = _interopRequireDefault(require('./TrackChangesSharp'));
-var _TrackChangesTwoTone = _interopRequireDefault(require('./TrackChangesTwoTone'));
-var _Traffic = _interopRequireDefault(require('./Traffic'));
-var _TrafficOutlined = _interopRequireDefault(require('./TrafficOutlined'));
-var _TrafficRounded = _interopRequireDefault(require('./TrafficRounded'));
-var _TrafficSharp = _interopRequireDefault(require('./TrafficSharp'));
-var _TrafficTwoTone = _interopRequireDefault(require('./TrafficTwoTone'));
-var _Train = _interopRequireDefault(require('./Train'));
-var _TrainOutlined = _interopRequireDefault(require('./TrainOutlined'));
-var _TrainRounded = _interopRequireDefault(require('./TrainRounded'));
-var _TrainSharp = _interopRequireDefault(require('./TrainSharp'));
-var _TrainTwoTone = _interopRequireDefault(require('./TrainTwoTone'));
-var _Tram = _interopRequireDefault(require('./Tram'));
-var _TramOutlined = _interopRequireDefault(require('./TramOutlined'));
-var _TramRounded = _interopRequireDefault(require('./TramRounded'));
-var _TramSharp = _interopRequireDefault(require('./TramSharp'));
-var _TramTwoTone = _interopRequireDefault(require('./TramTwoTone'));
-var _Transcribe = _interopRequireDefault(require('./Transcribe'));
-var _TranscribeOutlined = _interopRequireDefault(require('./TranscribeOutlined'));
-var _TranscribeRounded = _interopRequireDefault(require('./TranscribeRounded'));
-var _TranscribeSharp = _interopRequireDefault(require('./TranscribeSharp'));
-var _TranscribeTwoTone = _interopRequireDefault(require('./TranscribeTwoTone'));
-var _TransferWithinAStation = _interopRequireDefault(require('./TransferWithinAStation'));
-var _TransferWithinAStationOutlined = _interopRequireDefault(
-  require('./TransferWithinAStationOutlined'),
-);
-var _TransferWithinAStationRounded = _interopRequireDefault(
-  require('./TransferWithinAStationRounded'),
-);
-var _TransferWithinAStationSharp = _interopRequireDefault(require('./TransferWithinAStationSharp'));
-var _TransferWithinAStationTwoTone = _interopRequireDefault(
-  require('./TransferWithinAStationTwoTone'),
-);
-var _Transform = _interopRequireDefault(require('./Transform'));
-var _TransformOutlined = _interopRequireDefault(require('./TransformOutlined'));
-var _TransformRounded = _interopRequireDefault(require('./TransformRounded'));
-var _TransformSharp = _interopRequireDefault(require('./TransformSharp'));
-var _TransformTwoTone = _interopRequireDefault(require('./TransformTwoTone'));
-var _Transgender = _interopRequireDefault(require('./Transgender'));
-var _TransgenderOutlined = _interopRequireDefault(require('./TransgenderOutlined'));
-var _TransgenderRounded = _interopRequireDefault(require('./TransgenderRounded'));
-var _TransgenderSharp = _interopRequireDefault(require('./TransgenderSharp'));
-var _TransgenderTwoTone = _interopRequireDefault(require('./TransgenderTwoTone'));
-var _TransitEnterexit = _interopRequireDefault(require('./TransitEnterexit'));
-var _TransitEnterexitOutlined = _interopRequireDefault(require('./TransitEnterexitOutlined'));
-var _TransitEnterexitRounded = _interopRequireDefault(require('./TransitEnterexitRounded'));
-var _TransitEnterexitSharp = _interopRequireDefault(require('./TransitEnterexitSharp'));
-var _TransitEnterexitTwoTone = _interopRequireDefault(require('./TransitEnterexitTwoTone'));
-var _Translate = _interopRequireDefault(require('./Translate'));
-var _TranslateOutlined = _interopRequireDefault(require('./TranslateOutlined'));
-var _TranslateRounded = _interopRequireDefault(require('./TranslateRounded'));
-var _TranslateSharp = _interopRequireDefault(require('./TranslateSharp'));
-var _TranslateTwoTone = _interopRequireDefault(require('./TranslateTwoTone'));
-var _TravelExplore = _interopRequireDefault(require('./TravelExplore'));
-var _TravelExploreOutlined = _interopRequireDefault(require('./TravelExploreOutlined'));
-var _TravelExploreRounded = _interopRequireDefault(require('./TravelExploreRounded'));
-var _TravelExploreSharp = _interopRequireDefault(require('./TravelExploreSharp'));
-var _TravelExploreTwoTone = _interopRequireDefault(require('./TravelExploreTwoTone'));
-var _TrendingDown = _interopRequireDefault(require('./TrendingDown'));
-var _TrendingDownOutlined = _interopRequireDefault(require('./TrendingDownOutlined'));
-var _TrendingDownRounded = _interopRequireDefault(require('./TrendingDownRounded'));
-var _TrendingDownSharp = _interopRequireDefault(require('./TrendingDownSharp'));
-var _TrendingDownTwoTone = _interopRequireDefault(require('./TrendingDownTwoTone'));
-var _TrendingFlat = _interopRequireDefault(require('./TrendingFlat'));
-var _TrendingFlatOutlined = _interopRequireDefault(require('./TrendingFlatOutlined'));
-var _TrendingFlatRounded = _interopRequireDefault(require('./TrendingFlatRounded'));
-var _TrendingFlatSharp = _interopRequireDefault(require('./TrendingFlatSharp'));
-var _TrendingFlatTwoTone = _interopRequireDefault(require('./TrendingFlatTwoTone'));
-var _TrendingUp = _interopRequireDefault(require('./TrendingUp'));
-var _TrendingUpOutlined = _interopRequireDefault(require('./TrendingUpOutlined'));
-var _TrendingUpRounded = _interopRequireDefault(require('./TrendingUpRounded'));
-var _TrendingUpSharp = _interopRequireDefault(require('./TrendingUpSharp'));
-var _TrendingUpTwoTone = _interopRequireDefault(require('./TrendingUpTwoTone'));
-var _TripOrigin = _interopRequireDefault(require('./TripOrigin'));
-var _TripOriginOutlined = _interopRequireDefault(require('./TripOriginOutlined'));
-var _TripOriginRounded = _interopRequireDefault(require('./TripOriginRounded'));
-var _TripOriginSharp = _interopRequireDefault(require('./TripOriginSharp'));
-var _TripOriginTwoTone = _interopRequireDefault(require('./TripOriginTwoTone'));
-var _Troubleshoot = _interopRequireDefault(require('./Troubleshoot'));
-var _TroubleshootOutlined = _interopRequireDefault(require('./TroubleshootOutlined'));
-var _TroubleshootRounded = _interopRequireDefault(require('./TroubleshootRounded'));
-var _TroubleshootSharp = _interopRequireDefault(require('./TroubleshootSharp'));
-var _TroubleshootTwoTone = _interopRequireDefault(require('./TroubleshootTwoTone'));
-var _Try = _interopRequireDefault(require('./Try'));
-var _TryOutlined = _interopRequireDefault(require('./TryOutlined'));
-var _TryRounded = _interopRequireDefault(require('./TryRounded'));
-var _TrySharp = _interopRequireDefault(require('./TrySharp'));
-var _TryTwoTone = _interopRequireDefault(require('./TryTwoTone'));
-var _Tsunami = _interopRequireDefault(require('./Tsunami'));
-var _TsunamiOutlined = _interopRequireDefault(require('./TsunamiOutlined'));
-var _TsunamiRounded = _interopRequireDefault(require('./TsunamiRounded'));
-var _TsunamiSharp = _interopRequireDefault(require('./TsunamiSharp'));
-var _TsunamiTwoTone = _interopRequireDefault(require('./TsunamiTwoTone'));
-var _Tty = _interopRequireDefault(require('./Tty'));
-var _TtyOutlined = _interopRequireDefault(require('./TtyOutlined'));
-var _TtyRounded = _interopRequireDefault(require('./TtyRounded'));
-var _TtySharp = _interopRequireDefault(require('./TtySharp'));
-var _TtyTwoTone = _interopRequireDefault(require('./TtyTwoTone'));
-var _Tune = _interopRequireDefault(require('./Tune'));
-var _TuneOutlined = _interopRequireDefault(require('./TuneOutlined'));
-var _TuneRounded = _interopRequireDefault(require('./TuneRounded'));
-var _TuneSharp = _interopRequireDefault(require('./TuneSharp'));
-var _TuneTwoTone = _interopRequireDefault(require('./TuneTwoTone'));
-var _Tungsten = _interopRequireDefault(require('./Tungsten'));
-var _TungstenOutlined = _interopRequireDefault(require('./TungstenOutlined'));
-var _TungstenRounded = _interopRequireDefault(require('./TungstenRounded'));
-var _TungstenSharp = _interopRequireDefault(require('./TungstenSharp'));
-var _TungstenTwoTone = _interopRequireDefault(require('./TungstenTwoTone'));
-var _TurnLeft = _interopRequireDefault(require('./TurnLeft'));
-var _TurnLeftOutlined = _interopRequireDefault(require('./TurnLeftOutlined'));
-var _TurnLeftRounded = _interopRequireDefault(require('./TurnLeftRounded'));
-var _TurnLeftSharp = _interopRequireDefault(require('./TurnLeftSharp'));
-var _TurnLeftTwoTone = _interopRequireDefault(require('./TurnLeftTwoTone'));
-var _TurnRight = _interopRequireDefault(require('./TurnRight'));
-var _TurnRightOutlined = _interopRequireDefault(require('./TurnRightOutlined'));
-var _TurnRightRounded = _interopRequireDefault(require('./TurnRightRounded'));
-var _TurnRightSharp = _interopRequireDefault(require('./TurnRightSharp'));
-var _TurnRightTwoTone = _interopRequireDefault(require('./TurnRightTwoTone'));
-var _TurnSharpLeft = _interopRequireDefault(require('./TurnSharpLeft'));
-var _TurnSharpLeftOutlined = _interopRequireDefault(require('./TurnSharpLeftOutlined'));
-var _TurnSharpLeftRounded = _interopRequireDefault(require('./TurnSharpLeftRounded'));
-var _TurnSharpLeftSharp = _interopRequireDefault(require('./TurnSharpLeftSharp'));
-var _TurnSharpLeftTwoTone = _interopRequireDefault(require('./TurnSharpLeftTwoTone'));
-var _TurnSharpRight = _interopRequireDefault(require('./TurnSharpRight'));
-var _TurnSharpRightOutlined = _interopRequireDefault(require('./TurnSharpRightOutlined'));
-var _TurnSharpRightRounded = _interopRequireDefault(require('./TurnSharpRightRounded'));
-var _TurnSharpRightSharp = _interopRequireDefault(require('./TurnSharpRightSharp'));
-var _TurnSharpRightTwoTone = _interopRequireDefault(require('./TurnSharpRightTwoTone'));
-var _TurnSlightLeft = _interopRequireDefault(require('./TurnSlightLeft'));
-var _TurnSlightLeftOutlined = _interopRequireDefault(require('./TurnSlightLeftOutlined'));
-var _TurnSlightLeftRounded = _interopRequireDefault(require('./TurnSlightLeftRounded'));
-var _TurnSlightLeftSharp = _interopRequireDefault(require('./TurnSlightLeftSharp'));
-var _TurnSlightLeftTwoTone = _interopRequireDefault(require('./TurnSlightLeftTwoTone'));
-var _TurnSlightRight = _interopRequireDefault(require('./TurnSlightRight'));
-var _TurnSlightRightOutlined = _interopRequireDefault(require('./TurnSlightRightOutlined'));
-var _TurnSlightRightRounded = _interopRequireDefault(require('./TurnSlightRightRounded'));
-var _TurnSlightRightSharp = _interopRequireDefault(require('./TurnSlightRightSharp'));
-var _TurnSlightRightTwoTone = _interopRequireDefault(require('./TurnSlightRightTwoTone'));
-var _TurnedIn = _interopRequireDefault(require('./TurnedIn'));
-var _TurnedInNot = _interopRequireDefault(require('./TurnedInNot'));
-var _TurnedInNotOutlined = _interopRequireDefault(require('./TurnedInNotOutlined'));
-var _TurnedInNotRounded = _interopRequireDefault(require('./TurnedInNotRounded'));
-var _TurnedInNotSharp = _interopRequireDefault(require('./TurnedInNotSharp'));
-var _TurnedInNotTwoTone = _interopRequireDefault(require('./TurnedInNotTwoTone'));
-var _TurnedInOutlined = _interopRequireDefault(require('./TurnedInOutlined'));
-var _TurnedInRounded = _interopRequireDefault(require('./TurnedInRounded'));
-var _TurnedInSharp = _interopRequireDefault(require('./TurnedInSharp'));
-var _TurnedInTwoTone = _interopRequireDefault(require('./TurnedInTwoTone'));
-var _Tv = _interopRequireDefault(require('./Tv'));
-var _TvOff = _interopRequireDefault(require('./TvOff'));
-var _TvOffOutlined = _interopRequireDefault(require('./TvOffOutlined'));
-var _TvOffRounded = _interopRequireDefault(require('./TvOffRounded'));
-var _TvOffSharp = _interopRequireDefault(require('./TvOffSharp'));
-var _TvOffTwoTone = _interopRequireDefault(require('./TvOffTwoTone'));
-var _TvOutlined = _interopRequireDefault(require('./TvOutlined'));
-var _TvRounded = _interopRequireDefault(require('./TvRounded'));
-var _TvSharp = _interopRequireDefault(require('./TvSharp'));
-var _TvTwoTone = _interopRequireDefault(require('./TvTwoTone'));
-var _TwelveMp = _interopRequireDefault(require('./TwelveMp'));
-var _TwelveMpOutlined = _interopRequireDefault(require('./TwelveMpOutlined'));
-var _TwelveMpRounded = _interopRequireDefault(require('./TwelveMpRounded'));
-var _TwelveMpSharp = _interopRequireDefault(require('./TwelveMpSharp'));
-var _TwelveMpTwoTone = _interopRequireDefault(require('./TwelveMpTwoTone'));
-var _TwentyFourMp = _interopRequireDefault(require('./TwentyFourMp'));
-var _TwentyFourMpOutlined = _interopRequireDefault(require('./TwentyFourMpOutlined'));
-var _TwentyFourMpRounded = _interopRequireDefault(require('./TwentyFourMpRounded'));
-var _TwentyFourMpSharp = _interopRequireDefault(require('./TwentyFourMpSharp'));
-var _TwentyFourMpTwoTone = _interopRequireDefault(require('./TwentyFourMpTwoTone'));
-var _TwentyOneMp = _interopRequireDefault(require('./TwentyOneMp'));
-var _TwentyOneMpOutlined = _interopRequireDefault(require('./TwentyOneMpOutlined'));
-var _TwentyOneMpRounded = _interopRequireDefault(require('./TwentyOneMpRounded'));
-var _TwentyOneMpSharp = _interopRequireDefault(require('./TwentyOneMpSharp'));
-var _TwentyOneMpTwoTone = _interopRequireDefault(require('./TwentyOneMpTwoTone'));
-var _TwentyThreeMp = _interopRequireDefault(require('./TwentyThreeMp'));
-var _TwentyThreeMpOutlined = _interopRequireDefault(require('./TwentyThreeMpOutlined'));
-var _TwentyThreeMpRounded = _interopRequireDefault(require('./TwentyThreeMpRounded'));
-var _TwentyThreeMpSharp = _interopRequireDefault(require('./TwentyThreeMpSharp'));
-var _TwentyThreeMpTwoTone = _interopRequireDefault(require('./TwentyThreeMpTwoTone'));
-var _TwentyTwoMp = _interopRequireDefault(require('./TwentyTwoMp'));
-var _TwentyTwoMpOutlined = _interopRequireDefault(require('./TwentyTwoMpOutlined'));
-var _TwentyTwoMpRounded = _interopRequireDefault(require('./TwentyTwoMpRounded'));
-var _TwentyTwoMpSharp = _interopRequireDefault(require('./TwentyTwoMpSharp'));
-var _TwentyTwoMpTwoTone = _interopRequireDefault(require('./TwentyTwoMpTwoTone'));
-var _TwentyZeroMp = _interopRequireDefault(require('./TwentyZeroMp'));
-var _TwentyZeroMpOutlined = _interopRequireDefault(require('./TwentyZeroMpOutlined'));
-var _TwentyZeroMpRounded = _interopRequireDefault(require('./TwentyZeroMpRounded'));
-var _TwentyZeroMpSharp = _interopRequireDefault(require('./TwentyZeroMpSharp'));
-var _TwentyZeroMpTwoTone = _interopRequireDefault(require('./TwentyZeroMpTwoTone'));
-var _Twitter = _interopRequireDefault(require('./Twitter'));
-var _TwoK = _interopRequireDefault(require('./TwoK'));
-var _TwoKOutlined = _interopRequireDefault(require('./TwoKOutlined'));
-var _TwoKPlus = _interopRequireDefault(require('./TwoKPlus'));
-var _TwoKPlusOutlined = _interopRequireDefault(require('./TwoKPlusOutlined'));
-var _TwoKPlusRounded = _interopRequireDefault(require('./TwoKPlusRounded'));
-var _TwoKPlusSharp = _interopRequireDefault(require('./TwoKPlusSharp'));
-var _TwoKPlusTwoTone = _interopRequireDefault(require('./TwoKPlusTwoTone'));
-var _TwoKRounded = _interopRequireDefault(require('./TwoKRounded'));
-var _TwoKSharp = _interopRequireDefault(require('./TwoKSharp'));
-var _TwoKTwoTone = _interopRequireDefault(require('./TwoKTwoTone'));
-var _TwoMp = _interopRequireDefault(require('./TwoMp'));
-var _TwoMpOutlined = _interopRequireDefault(require('./TwoMpOutlined'));
-var _TwoMpRounded = _interopRequireDefault(require('./TwoMpRounded'));
-var _TwoMpSharp = _interopRequireDefault(require('./TwoMpSharp'));
-var _TwoMpTwoTone = _interopRequireDefault(require('./TwoMpTwoTone'));
-var _TwoWheeler = _interopRequireDefault(require('./TwoWheeler'));
-var _TwoWheelerOutlined = _interopRequireDefault(require('./TwoWheelerOutlined'));
-var _TwoWheelerRounded = _interopRequireDefault(require('./TwoWheelerRounded'));
-var _TwoWheelerSharp = _interopRequireDefault(require('./TwoWheelerSharp'));
-var _TwoWheelerTwoTone = _interopRequireDefault(require('./TwoWheelerTwoTone'));
-var _TypeSpecimen = _interopRequireDefault(require('./TypeSpecimen'));
-var _TypeSpecimenOutlined = _interopRequireDefault(require('./TypeSpecimenOutlined'));
-var _TypeSpecimenRounded = _interopRequireDefault(require('./TypeSpecimenRounded'));
-var _TypeSpecimenSharp = _interopRequireDefault(require('./TypeSpecimenSharp'));
-var _TypeSpecimenTwoTone = _interopRequireDefault(require('./TypeSpecimenTwoTone'));
-var _UTurnLeft = _interopRequireDefault(require('./UTurnLeft'));
-var _UTurnLeftOutlined = _interopRequireDefault(require('./UTurnLeftOutlined'));
-var _UTurnLeftRounded = _interopRequireDefault(require('./UTurnLeftRounded'));
-var _UTurnLeftSharp = _interopRequireDefault(require('./UTurnLeftSharp'));
-var _UTurnLeftTwoTone = _interopRequireDefault(require('./UTurnLeftTwoTone'));
-var _UTurnRight = _interopRequireDefault(require('./UTurnRight'));
-var _UTurnRightOutlined = _interopRequireDefault(require('./UTurnRightOutlined'));
-var _UTurnRightRounded = _interopRequireDefault(require('./UTurnRightRounded'));
-var _UTurnRightSharp = _interopRequireDefault(require('./UTurnRightSharp'));
-var _UTurnRightTwoTone = _interopRequireDefault(require('./UTurnRightTwoTone'));
-var _Umbrella = _interopRequireDefault(require('./Umbrella'));
-var _UmbrellaOutlined = _interopRequireDefault(require('./UmbrellaOutlined'));
-var _UmbrellaRounded = _interopRequireDefault(require('./UmbrellaRounded'));
-var _UmbrellaSharp = _interopRequireDefault(require('./UmbrellaSharp'));
-var _UmbrellaTwoTone = _interopRequireDefault(require('./UmbrellaTwoTone'));
-var _Unarchive = _interopRequireDefault(require('./Unarchive'));
-var _UnarchiveOutlined = _interopRequireDefault(require('./UnarchiveOutlined'));
-var _UnarchiveRounded = _interopRequireDefault(require('./UnarchiveRounded'));
-var _UnarchiveSharp = _interopRequireDefault(require('./UnarchiveSharp'));
-var _UnarchiveTwoTone = _interopRequireDefault(require('./UnarchiveTwoTone'));
-var _Undo = _interopRequireDefault(require('./Undo'));
-var _UndoOutlined = _interopRequireDefault(require('./UndoOutlined'));
-var _UndoRounded = _interopRequireDefault(require('./UndoRounded'));
-var _UndoSharp = _interopRequireDefault(require('./UndoSharp'));
-var _UndoTwoTone = _interopRequireDefault(require('./UndoTwoTone'));
-var _UnfoldLess = _interopRequireDefault(require('./UnfoldLess'));
-var _UnfoldLessDouble = _interopRequireDefault(require('./UnfoldLessDouble'));
-var _UnfoldLessDoubleOutlined = _interopRequireDefault(require('./UnfoldLessDoubleOutlined'));
-var _UnfoldLessDoubleRounded = _interopRequireDefault(require('./UnfoldLessDoubleRounded'));
-var _UnfoldLessDoubleSharp = _interopRequireDefault(require('./UnfoldLessDoubleSharp'));
-var _UnfoldLessDoubleTwoTone = _interopRequireDefault(require('./UnfoldLessDoubleTwoTone'));
-var _UnfoldLessOutlined = _interopRequireDefault(require('./UnfoldLessOutlined'));
-var _UnfoldLessRounded = _interopRequireDefault(require('./UnfoldLessRounded'));
-var _UnfoldLessSharp = _interopRequireDefault(require('./UnfoldLessSharp'));
-var _UnfoldLessTwoTone = _interopRequireDefault(require('./UnfoldLessTwoTone'));
-var _UnfoldMore = _interopRequireDefault(require('./UnfoldMore'));
-var _UnfoldMoreDouble = _interopRequireDefault(require('./UnfoldMoreDouble'));
-var _UnfoldMoreDoubleOutlined = _interopRequireDefault(require('./UnfoldMoreDoubleOutlined'));
-var _UnfoldMoreDoubleRounded = _interopRequireDefault(require('./UnfoldMoreDoubleRounded'));
-var _UnfoldMoreDoubleSharp = _interopRequireDefault(require('./UnfoldMoreDoubleSharp'));
-var _UnfoldMoreDoubleTwoTone = _interopRequireDefault(require('./UnfoldMoreDoubleTwoTone'));
-var _UnfoldMoreOutlined = _interopRequireDefault(require('./UnfoldMoreOutlined'));
-var _UnfoldMoreRounded = _interopRequireDefault(require('./UnfoldMoreRounded'));
-var _UnfoldMoreSharp = _interopRequireDefault(require('./UnfoldMoreSharp'));
-var _UnfoldMoreTwoTone = _interopRequireDefault(require('./UnfoldMoreTwoTone'));
-var _Unpublished = _interopRequireDefault(require('./Unpublished'));
-var _UnpublishedOutlined = _interopRequireDefault(require('./UnpublishedOutlined'));
-var _UnpublishedRounded = _interopRequireDefault(require('./UnpublishedRounded'));
-var _UnpublishedSharp = _interopRequireDefault(require('./UnpublishedSharp'));
-var _UnpublishedTwoTone = _interopRequireDefault(require('./UnpublishedTwoTone'));
-var _Unsubscribe = _interopRequireDefault(require('./Unsubscribe'));
-var _UnsubscribeOutlined = _interopRequireDefault(require('./UnsubscribeOutlined'));
-var _UnsubscribeRounded = _interopRequireDefault(require('./UnsubscribeRounded'));
-var _UnsubscribeSharp = _interopRequireDefault(require('./UnsubscribeSharp'));
-var _UnsubscribeTwoTone = _interopRequireDefault(require('./UnsubscribeTwoTone'));
-var _Upcoming = _interopRequireDefault(require('./Upcoming'));
-var _UpcomingOutlined = _interopRequireDefault(require('./UpcomingOutlined'));
-var _UpcomingRounded = _interopRequireDefault(require('./UpcomingRounded'));
-var _UpcomingSharp = _interopRequireDefault(require('./UpcomingSharp'));
-var _UpcomingTwoTone = _interopRequireDefault(require('./UpcomingTwoTone'));
-var _Update = _interopRequireDefault(require('./Update'));
-var _UpdateDisabled = _interopRequireDefault(require('./UpdateDisabled'));
-var _UpdateDisabledOutlined = _interopRequireDefault(require('./UpdateDisabledOutlined'));
-var _UpdateDisabledRounded = _interopRequireDefault(require('./UpdateDisabledRounded'));
-var _UpdateDisabledSharp = _interopRequireDefault(require('./UpdateDisabledSharp'));
-var _UpdateDisabledTwoTone = _interopRequireDefault(require('./UpdateDisabledTwoTone'));
-var _UpdateOutlined = _interopRequireDefault(require('./UpdateOutlined'));
-var _UpdateRounded = _interopRequireDefault(require('./UpdateRounded'));
-var _UpdateSharp = _interopRequireDefault(require('./UpdateSharp'));
-var _UpdateTwoTone = _interopRequireDefault(require('./UpdateTwoTone'));
-var _Upgrade = _interopRequireDefault(require('./Upgrade'));
-var _UpgradeOutlined = _interopRequireDefault(require('./UpgradeOutlined'));
-var _UpgradeRounded = _interopRequireDefault(require('./UpgradeRounded'));
-var _UpgradeSharp = _interopRequireDefault(require('./UpgradeSharp'));
-var _UpgradeTwoTone = _interopRequireDefault(require('./UpgradeTwoTone'));
-var _Upload = _interopRequireDefault(require('./Upload'));
-var _UploadFile = _interopRequireDefault(require('./UploadFile'));
-var _UploadFileOutlined = _interopRequireDefault(require('./UploadFileOutlined'));
-var _UploadFileRounded = _interopRequireDefault(require('./UploadFileRounded'));
-var _UploadFileSharp = _interopRequireDefault(require('./UploadFileSharp'));
-var _UploadFileTwoTone = _interopRequireDefault(require('./UploadFileTwoTone'));
-var _UploadOutlined = _interopRequireDefault(require('./UploadOutlined'));
-var _UploadRounded = _interopRequireDefault(require('./UploadRounded'));
-var _UploadSharp = _interopRequireDefault(require('./UploadSharp'));
-var _UploadTwoTone = _interopRequireDefault(require('./UploadTwoTone'));
-var _Usb = _interopRequireDefault(require('./Usb'));
-var _UsbOff = _interopRequireDefault(require('./UsbOff'));
-var _UsbOffOutlined = _interopRequireDefault(require('./UsbOffOutlined'));
-var _UsbOffRounded = _interopRequireDefault(require('./UsbOffRounded'));
-var _UsbOffSharp = _interopRequireDefault(require('./UsbOffSharp'));
-var _UsbOffTwoTone = _interopRequireDefault(require('./UsbOffTwoTone'));
-var _UsbOutlined = _interopRequireDefault(require('./UsbOutlined'));
-var _UsbRounded = _interopRequireDefault(require('./UsbRounded'));
-var _UsbSharp = _interopRequireDefault(require('./UsbSharp'));
-var _UsbTwoTone = _interopRequireDefault(require('./UsbTwoTone'));
-var _Vaccines = _interopRequireDefault(require('./Vaccines'));
-var _VaccinesOutlined = _interopRequireDefault(require('./VaccinesOutlined'));
-var _VaccinesRounded = _interopRequireDefault(require('./VaccinesRounded'));
-var _VaccinesSharp = _interopRequireDefault(require('./VaccinesSharp'));
-var _VaccinesTwoTone = _interopRequireDefault(require('./VaccinesTwoTone'));
-var _VapeFree = _interopRequireDefault(require('./VapeFree'));
-var _VapeFreeOutlined = _interopRequireDefault(require('./VapeFreeOutlined'));
-var _VapeFreeRounded = _interopRequireDefault(require('./VapeFreeRounded'));
-var _VapeFreeSharp = _interopRequireDefault(require('./VapeFreeSharp'));
-var _VapeFreeTwoTone = _interopRequireDefault(require('./VapeFreeTwoTone'));
-var _VapingRooms = _interopRequireDefault(require('./VapingRooms'));
-var _VapingRoomsOutlined = _interopRequireDefault(require('./VapingRoomsOutlined'));
-var _VapingRoomsRounded = _interopRequireDefault(require('./VapingRoomsRounded'));
-var _VapingRoomsSharp = _interopRequireDefault(require('./VapingRoomsSharp'));
-var _VapingRoomsTwoTone = _interopRequireDefault(require('./VapingRoomsTwoTone'));
-var _Verified = _interopRequireDefault(require('./Verified'));
-var _VerifiedOutlined = _interopRequireDefault(require('./VerifiedOutlined'));
-var _VerifiedRounded = _interopRequireDefault(require('./VerifiedRounded'));
-var _VerifiedSharp = _interopRequireDefault(require('./VerifiedSharp'));
-var _VerifiedTwoTone = _interopRequireDefault(require('./VerifiedTwoTone'));
-var _VerifiedUser = _interopRequireDefault(require('./VerifiedUser'));
-var _VerifiedUserOutlined = _interopRequireDefault(require('./VerifiedUserOutlined'));
-var _VerifiedUserRounded = _interopRequireDefault(require('./VerifiedUserRounded'));
-var _VerifiedUserSharp = _interopRequireDefault(require('./VerifiedUserSharp'));
-var _VerifiedUserTwoTone = _interopRequireDefault(require('./VerifiedUserTwoTone'));
-var _VerticalAlignBottom = _interopRequireDefault(require('./VerticalAlignBottom'));
-var _VerticalAlignBottomOutlined = _interopRequireDefault(require('./VerticalAlignBottomOutlined'));
-var _VerticalAlignBottomRounded = _interopRequireDefault(require('./VerticalAlignBottomRounded'));
-var _VerticalAlignBottomSharp = _interopRequireDefault(require('./VerticalAlignBottomSharp'));
-var _VerticalAlignBottomTwoTone = _interopRequireDefault(require('./VerticalAlignBottomTwoTone'));
-var _VerticalAlignCenter = _interopRequireDefault(require('./VerticalAlignCenter'));
-var _VerticalAlignCenterOutlined = _interopRequireDefault(require('./VerticalAlignCenterOutlined'));
-var _VerticalAlignCenterRounded = _interopRequireDefault(require('./VerticalAlignCenterRounded'));
-var _VerticalAlignCenterSharp = _interopRequireDefault(require('./VerticalAlignCenterSharp'));
-var _VerticalAlignCenterTwoTone = _interopRequireDefault(require('./VerticalAlignCenterTwoTone'));
-var _VerticalAlignTop = _interopRequireDefault(require('./VerticalAlignTop'));
-var _VerticalAlignTopOutlined = _interopRequireDefault(require('./VerticalAlignTopOutlined'));
-var _VerticalAlignTopRounded = _interopRequireDefault(require('./VerticalAlignTopRounded'));
-var _VerticalAlignTopSharp = _interopRequireDefault(require('./VerticalAlignTopSharp'));
-var _VerticalAlignTopTwoTone = _interopRequireDefault(require('./VerticalAlignTopTwoTone'));
-var _VerticalShades = _interopRequireDefault(require('./VerticalShades'));
-var _VerticalShadesClosed = _interopRequireDefault(require('./VerticalShadesClosed'));
-var _VerticalShadesClosedOutlined = _interopRequireDefault(
-  require('./VerticalShadesClosedOutlined'),
-);
-var _VerticalShadesClosedRounded = _interopRequireDefault(require('./VerticalShadesClosedRounded'));
-var _VerticalShadesClosedSharp = _interopRequireDefault(require('./VerticalShadesClosedSharp'));
-var _VerticalShadesClosedTwoTone = _interopRequireDefault(require('./VerticalShadesClosedTwoTone'));
-var _VerticalShadesOutlined = _interopRequireDefault(require('./VerticalShadesOutlined'));
-var _VerticalShadesRounded = _interopRequireDefault(require('./VerticalShadesRounded'));
-var _VerticalShadesSharp = _interopRequireDefault(require('./VerticalShadesSharp'));
-var _VerticalShadesTwoTone = _interopRequireDefault(require('./VerticalShadesTwoTone'));
-var _VerticalSplit = _interopRequireDefault(require('./VerticalSplit'));
-var _VerticalSplitOutlined = _interopRequireDefault(require('./VerticalSplitOutlined'));
-var _VerticalSplitRounded = _interopRequireDefault(require('./VerticalSplitRounded'));
-var _VerticalSplitSharp = _interopRequireDefault(require('./VerticalSplitSharp'));
-var _VerticalSplitTwoTone = _interopRequireDefault(require('./VerticalSplitTwoTone'));
-var _Vibration = _interopRequireDefault(require('./Vibration'));
-var _VibrationOutlined = _interopRequireDefault(require('./VibrationOutlined'));
-var _VibrationRounded = _interopRequireDefault(require('./VibrationRounded'));
-var _VibrationSharp = _interopRequireDefault(require('./VibrationSharp'));
-var _VibrationTwoTone = _interopRequireDefault(require('./VibrationTwoTone'));
-var _VideoCall = _interopRequireDefault(require('./VideoCall'));
-var _VideoCallOutlined = _interopRequireDefault(require('./VideoCallOutlined'));
-var _VideoCallRounded = _interopRequireDefault(require('./VideoCallRounded'));
-var _VideoCallSharp = _interopRequireDefault(require('./VideoCallSharp'));
-var _VideoCallTwoTone = _interopRequireDefault(require('./VideoCallTwoTone'));
-var _VideoCameraBack = _interopRequireDefault(require('./VideoCameraBack'));
-var _VideoCameraBackOutlined = _interopRequireDefault(require('./VideoCameraBackOutlined'));
-var _VideoCameraBackRounded = _interopRequireDefault(require('./VideoCameraBackRounded'));
-var _VideoCameraBackSharp = _interopRequireDefault(require('./VideoCameraBackSharp'));
-var _VideoCameraBackTwoTone = _interopRequireDefault(require('./VideoCameraBackTwoTone'));
-var _VideoCameraFront = _interopRequireDefault(require('./VideoCameraFront'));
-var _VideoCameraFrontOutlined = _interopRequireDefault(require('./VideoCameraFrontOutlined'));
-var _VideoCameraFrontRounded = _interopRequireDefault(require('./VideoCameraFrontRounded'));
-var _VideoCameraFrontSharp = _interopRequireDefault(require('./VideoCameraFrontSharp'));
-var _VideoCameraFrontTwoTone = _interopRequireDefault(require('./VideoCameraFrontTwoTone'));
-var _VideoChat = _interopRequireDefault(require('./VideoChat'));
-var _VideoChatOutlined = _interopRequireDefault(require('./VideoChatOutlined'));
-var _VideoChatRounded = _interopRequireDefault(require('./VideoChatRounded'));
-var _VideoChatSharp = _interopRequireDefault(require('./VideoChatSharp'));
-var _VideoChatTwoTone = _interopRequireDefault(require('./VideoChatTwoTone'));
-var _VideoFile = _interopRequireDefault(require('./VideoFile'));
-var _VideoFileOutlined = _interopRequireDefault(require('./VideoFileOutlined'));
-var _VideoFileRounded = _interopRequireDefault(require('./VideoFileRounded'));
-var _VideoFileSharp = _interopRequireDefault(require('./VideoFileSharp'));
-var _VideoFileTwoTone = _interopRequireDefault(require('./VideoFileTwoTone'));
-var _VideoLabel = _interopRequireDefault(require('./VideoLabel'));
-var _VideoLabelOutlined = _interopRequireDefault(require('./VideoLabelOutlined'));
-var _VideoLabelRounded = _interopRequireDefault(require('./VideoLabelRounded'));
-var _VideoLabelSharp = _interopRequireDefault(require('./VideoLabelSharp'));
-var _VideoLabelTwoTone = _interopRequireDefault(require('./VideoLabelTwoTone'));
-var _VideoLibrary = _interopRequireDefault(require('./VideoLibrary'));
-var _VideoLibraryOutlined = _interopRequireDefault(require('./VideoLibraryOutlined'));
-var _VideoLibraryRounded = _interopRequireDefault(require('./VideoLibraryRounded'));
-var _VideoLibrarySharp = _interopRequireDefault(require('./VideoLibrarySharp'));
-var _VideoLibraryTwoTone = _interopRequireDefault(require('./VideoLibraryTwoTone'));
-var _VideoSettings = _interopRequireDefault(require('./VideoSettings'));
-var _VideoSettingsOutlined = _interopRequireDefault(require('./VideoSettingsOutlined'));
-var _VideoSettingsRounded = _interopRequireDefault(require('./VideoSettingsRounded'));
-var _VideoSettingsSharp = _interopRequireDefault(require('./VideoSettingsSharp'));
-var _VideoSettingsTwoTone = _interopRequireDefault(require('./VideoSettingsTwoTone'));
-var _VideoStable = _interopRequireDefault(require('./VideoStable'));
-var _VideoStableOutlined = _interopRequireDefault(require('./VideoStableOutlined'));
-var _VideoStableRounded = _interopRequireDefault(require('./VideoStableRounded'));
-var _VideoStableSharp = _interopRequireDefault(require('./VideoStableSharp'));
-var _VideoStableTwoTone = _interopRequireDefault(require('./VideoStableTwoTone'));
-var _Videocam = _interopRequireDefault(require('./Videocam'));
-var _VideocamOff = _interopRequireDefault(require('./VideocamOff'));
-var _VideocamOffOutlined = _interopRequireDefault(require('./VideocamOffOutlined'));
-var _VideocamOffRounded = _interopRequireDefault(require('./VideocamOffRounded'));
-var _VideocamOffSharp = _interopRequireDefault(require('./VideocamOffSharp'));
-var _VideocamOffTwoTone = _interopRequireDefault(require('./VideocamOffTwoTone'));
-var _VideocamOutlined = _interopRequireDefault(require('./VideocamOutlined'));
-var _VideocamRounded = _interopRequireDefault(require('./VideocamRounded'));
-var _VideocamSharp = _interopRequireDefault(require('./VideocamSharp'));
-var _VideocamTwoTone = _interopRequireDefault(require('./VideocamTwoTone'));
-var _VideogameAsset = _interopRequireDefault(require('./VideogameAsset'));
-var _VideogameAssetOff = _interopRequireDefault(require('./VideogameAssetOff'));
-var _VideogameAssetOffOutlined = _interopRequireDefault(require('./VideogameAssetOffOutlined'));
-var _VideogameAssetOffRounded = _interopRequireDefault(require('./VideogameAssetOffRounded'));
-var _VideogameAssetOffSharp = _interopRequireDefault(require('./VideogameAssetOffSharp'));
-var _VideogameAssetOffTwoTone = _interopRequireDefault(require('./VideogameAssetOffTwoTone'));
-var _VideogameAssetOutlined = _interopRequireDefault(require('./VideogameAssetOutlined'));
-var _VideogameAssetRounded = _interopRequireDefault(require('./VideogameAssetRounded'));
-var _VideogameAssetSharp = _interopRequireDefault(require('./VideogameAssetSharp'));
-var _VideogameAssetTwoTone = _interopRequireDefault(require('./VideogameAssetTwoTone'));
-var _ViewAgenda = _interopRequireDefault(require('./ViewAgenda'));
-var _ViewAgendaOutlined = _interopRequireDefault(require('./ViewAgendaOutlined'));
-var _ViewAgendaRounded = _interopRequireDefault(require('./ViewAgendaRounded'));
-var _ViewAgendaSharp = _interopRequireDefault(require('./ViewAgendaSharp'));
-var _ViewAgendaTwoTone = _interopRequireDefault(require('./ViewAgendaTwoTone'));
-var _ViewArray = _interopRequireDefault(require('./ViewArray'));
-var _ViewArrayOutlined = _interopRequireDefault(require('./ViewArrayOutlined'));
-var _ViewArrayRounded = _interopRequireDefault(require('./ViewArrayRounded'));
-var _ViewArraySharp = _interopRequireDefault(require('./ViewArraySharp'));
-var _ViewArrayTwoTone = _interopRequireDefault(require('./ViewArrayTwoTone'));
-var _ViewCarousel = _interopRequireDefault(require('./ViewCarousel'));
-var _ViewCarouselOutlined = _interopRequireDefault(require('./ViewCarouselOutlined'));
-var _ViewCarouselRounded = _interopRequireDefault(require('./ViewCarouselRounded'));
-var _ViewCarouselSharp = _interopRequireDefault(require('./ViewCarouselSharp'));
-var _ViewCarouselTwoTone = _interopRequireDefault(require('./ViewCarouselTwoTone'));
-var _ViewColumn = _interopRequireDefault(require('./ViewColumn'));
-var _ViewColumnOutlined = _interopRequireDefault(require('./ViewColumnOutlined'));
-var _ViewColumnRounded = _interopRequireDefault(require('./ViewColumnRounded'));
-var _ViewColumnSharp = _interopRequireDefault(require('./ViewColumnSharp'));
-var _ViewColumnTwoTone = _interopRequireDefault(require('./ViewColumnTwoTone'));
-var _ViewComfy = _interopRequireDefault(require('./ViewComfy'));
-var _ViewComfyAlt = _interopRequireDefault(require('./ViewComfyAlt'));
-var _ViewComfyAltOutlined = _interopRequireDefault(require('./ViewComfyAltOutlined'));
-var _ViewComfyAltRounded = _interopRequireDefault(require('./ViewComfyAltRounded'));
-var _ViewComfyAltSharp = _interopRequireDefault(require('./ViewComfyAltSharp'));
-var _ViewComfyAltTwoTone = _interopRequireDefault(require('./ViewComfyAltTwoTone'));
-var _ViewComfyOutlined = _interopRequireDefault(require('./ViewComfyOutlined'));
-var _ViewComfyRounded = _interopRequireDefault(require('./ViewComfyRounded'));
-var _ViewComfySharp = _interopRequireDefault(require('./ViewComfySharp'));
-var _ViewComfyTwoTone = _interopRequireDefault(require('./ViewComfyTwoTone'));
-var _ViewCompact = _interopRequireDefault(require('./ViewCompact'));
-var _ViewCompactAlt = _interopRequireDefault(require('./ViewCompactAlt'));
-var _ViewCompactAltOutlined = _interopRequireDefault(require('./ViewCompactAltOutlined'));
-var _ViewCompactAltRounded = _interopRequireDefault(require('./ViewCompactAltRounded'));
-var _ViewCompactAltSharp = _interopRequireDefault(require('./ViewCompactAltSharp'));
-var _ViewCompactAltTwoTone = _interopRequireDefault(require('./ViewCompactAltTwoTone'));
-var _ViewCompactOutlined = _interopRequireDefault(require('./ViewCompactOutlined'));
-var _ViewCompactRounded = _interopRequireDefault(require('./ViewCompactRounded'));
-var _ViewCompactSharp = _interopRequireDefault(require('./ViewCompactSharp'));
-var _ViewCompactTwoTone = _interopRequireDefault(require('./ViewCompactTwoTone'));
-var _ViewCozy = _interopRequireDefault(require('./ViewCozy'));
-var _ViewCozyOutlined = _interopRequireDefault(require('./ViewCozyOutlined'));
-var _ViewCozyRounded = _interopRequireDefault(require('./ViewCozyRounded'));
-var _ViewCozySharp = _interopRequireDefault(require('./ViewCozySharp'));
-var _ViewCozyTwoTone = _interopRequireDefault(require('./ViewCozyTwoTone'));
-var _ViewDay = _interopRequireDefault(require('./ViewDay'));
-var _ViewDayOutlined = _interopRequireDefault(require('./ViewDayOutlined'));
-var _ViewDayRounded = _interopRequireDefault(require('./ViewDayRounded'));
-var _ViewDaySharp = _interopRequireDefault(require('./ViewDaySharp'));
-var _ViewDayTwoTone = _interopRequireDefault(require('./ViewDayTwoTone'));
-var _ViewHeadline = _interopRequireDefault(require('./ViewHeadline'));
-var _ViewHeadlineOutlined = _interopRequireDefault(require('./ViewHeadlineOutlined'));
-var _ViewHeadlineRounded = _interopRequireDefault(require('./ViewHeadlineRounded'));
-var _ViewHeadlineSharp = _interopRequireDefault(require('./ViewHeadlineSharp'));
-var _ViewHeadlineTwoTone = _interopRequireDefault(require('./ViewHeadlineTwoTone'));
-var _ViewInAr = _interopRequireDefault(require('./ViewInAr'));
-var _ViewInArOutlined = _interopRequireDefault(require('./ViewInArOutlined'));
-var _ViewInArRounded = _interopRequireDefault(require('./ViewInArRounded'));
-var _ViewInArSharp = _interopRequireDefault(require('./ViewInArSharp'));
-var _ViewInArTwoTone = _interopRequireDefault(require('./ViewInArTwoTone'));
-var _ViewKanban = _interopRequireDefault(require('./ViewKanban'));
-var _ViewKanbanOutlined = _interopRequireDefault(require('./ViewKanbanOutlined'));
-var _ViewKanbanRounded = _interopRequireDefault(require('./ViewKanbanRounded'));
-var _ViewKanbanSharp = _interopRequireDefault(require('./ViewKanbanSharp'));
-var _ViewKanbanTwoTone = _interopRequireDefault(require('./ViewKanbanTwoTone'));
-var _ViewList = _interopRequireDefault(require('./ViewList'));
-var _ViewListOutlined = _interopRequireDefault(require('./ViewListOutlined'));
-var _ViewListRounded = _interopRequireDefault(require('./ViewListRounded'));
-var _ViewListSharp = _interopRequireDefault(require('./ViewListSharp'));
-var _ViewListTwoTone = _interopRequireDefault(require('./ViewListTwoTone'));
-var _ViewModule = _interopRequireDefault(require('./ViewModule'));
-var _ViewModuleOutlined = _interopRequireDefault(require('./ViewModuleOutlined'));
-var _ViewModuleRounded = _interopRequireDefault(require('./ViewModuleRounded'));
-var _ViewModuleSharp = _interopRequireDefault(require('./ViewModuleSharp'));
-var _ViewModuleTwoTone = _interopRequireDefault(require('./ViewModuleTwoTone'));
-var _ViewQuilt = _interopRequireDefault(require('./ViewQuilt'));
-var _ViewQuiltOutlined = _interopRequireDefault(require('./ViewQuiltOutlined'));
-var _ViewQuiltRounded = _interopRequireDefault(require('./ViewQuiltRounded'));
-var _ViewQuiltSharp = _interopRequireDefault(require('./ViewQuiltSharp'));
-var _ViewQuiltTwoTone = _interopRequireDefault(require('./ViewQuiltTwoTone'));
-var _ViewSidebar = _interopRequireDefault(require('./ViewSidebar'));
-var _ViewSidebarOutlined = _interopRequireDefault(require('./ViewSidebarOutlined'));
-var _ViewSidebarRounded = _interopRequireDefault(require('./ViewSidebarRounded'));
-var _ViewSidebarSharp = _interopRequireDefault(require('./ViewSidebarSharp'));
-var _ViewSidebarTwoTone = _interopRequireDefault(require('./ViewSidebarTwoTone'));
-var _ViewStream = _interopRequireDefault(require('./ViewStream'));
-var _ViewStreamOutlined = _interopRequireDefault(require('./ViewStreamOutlined'));
-var _ViewStreamRounded = _interopRequireDefault(require('./ViewStreamRounded'));
-var _ViewStreamSharp = _interopRequireDefault(require('./ViewStreamSharp'));
-var _ViewStreamTwoTone = _interopRequireDefault(require('./ViewStreamTwoTone'));
-var _ViewTimeline = _interopRequireDefault(require('./ViewTimeline'));
-var _ViewTimelineOutlined = _interopRequireDefault(require('./ViewTimelineOutlined'));
-var _ViewTimelineRounded = _interopRequireDefault(require('./ViewTimelineRounded'));
-var _ViewTimelineSharp = _interopRequireDefault(require('./ViewTimelineSharp'));
-var _ViewTimelineTwoTone = _interopRequireDefault(require('./ViewTimelineTwoTone'));
-var _ViewWeek = _interopRequireDefault(require('./ViewWeek'));
-var _ViewWeekOutlined = _interopRequireDefault(require('./ViewWeekOutlined'));
-var _ViewWeekRounded = _interopRequireDefault(require('./ViewWeekRounded'));
-var _ViewWeekSharp = _interopRequireDefault(require('./ViewWeekSharp'));
-var _ViewWeekTwoTone = _interopRequireDefault(require('./ViewWeekTwoTone'));
-var _Vignette = _interopRequireDefault(require('./Vignette'));
-var _VignetteOutlined = _interopRequireDefault(require('./VignetteOutlined'));
-var _VignetteRounded = _interopRequireDefault(require('./VignetteRounded'));
-var _VignetteSharp = _interopRequireDefault(require('./VignetteSharp'));
-var _VignetteTwoTone = _interopRequireDefault(require('./VignetteTwoTone'));
-var _Villa = _interopRequireDefault(require('./Villa'));
-var _VillaOutlined = _interopRequireDefault(require('./VillaOutlined'));
-var _VillaRounded = _interopRequireDefault(require('./VillaRounded'));
-var _VillaSharp = _interopRequireDefault(require('./VillaSharp'));
-var _VillaTwoTone = _interopRequireDefault(require('./VillaTwoTone'));
-var _Visibility = _interopRequireDefault(require('./Visibility'));
-var _VisibilityOff = _interopRequireDefault(require('./VisibilityOff'));
-var _VisibilityOffOutlined = _interopRequireDefault(require('./VisibilityOffOutlined'));
-var _VisibilityOffRounded = _interopRequireDefault(require('./VisibilityOffRounded'));
-var _VisibilityOffSharp = _interopRequireDefault(require('./VisibilityOffSharp'));
-var _VisibilityOffTwoTone = _interopRequireDefault(require('./VisibilityOffTwoTone'));
-var _VisibilityOutlined = _interopRequireDefault(require('./VisibilityOutlined'));
-var _VisibilityRounded = _interopRequireDefault(require('./VisibilityRounded'));
-var _VisibilitySharp = _interopRequireDefault(require('./VisibilitySharp'));
-var _VisibilityTwoTone = _interopRequireDefault(require('./VisibilityTwoTone'));
-var _VoiceChat = _interopRequireDefault(require('./VoiceChat'));
-var _VoiceChatOutlined = _interopRequireDefault(require('./VoiceChatOutlined'));
-var _VoiceChatRounded = _interopRequireDefault(require('./VoiceChatRounded'));
-var _VoiceChatSharp = _interopRequireDefault(require('./VoiceChatSharp'));
-var _VoiceChatTwoTone = _interopRequireDefault(require('./VoiceChatTwoTone'));
-var _VoiceOverOff = _interopRequireDefault(require('./VoiceOverOff'));
-var _VoiceOverOffOutlined = _interopRequireDefault(require('./VoiceOverOffOutlined'));
-var _VoiceOverOffRounded = _interopRequireDefault(require('./VoiceOverOffRounded'));
-var _VoiceOverOffSharp = _interopRequireDefault(require('./VoiceOverOffSharp'));
-var _VoiceOverOffTwoTone = _interopRequireDefault(require('./VoiceOverOffTwoTone'));
-var _Voicemail = _interopRequireDefault(require('./Voicemail'));
-var _VoicemailOutlined = _interopRequireDefault(require('./VoicemailOutlined'));
-var _VoicemailRounded = _interopRequireDefault(require('./VoicemailRounded'));
-var _VoicemailSharp = _interopRequireDefault(require('./VoicemailSharp'));
-var _VoicemailTwoTone = _interopRequireDefault(require('./VoicemailTwoTone'));
-var _Volcano = _interopRequireDefault(require('./Volcano'));
-var _VolcanoOutlined = _interopRequireDefault(require('./VolcanoOutlined'));
-var _VolcanoRounded = _interopRequireDefault(require('./VolcanoRounded'));
-var _VolcanoSharp = _interopRequireDefault(require('./VolcanoSharp'));
-var _VolcanoTwoTone = _interopRequireDefault(require('./VolcanoTwoTone'));
-var _VolumeDown = _interopRequireDefault(require('./VolumeDown'));
-var _VolumeDownOutlined = _interopRequireDefault(require('./VolumeDownOutlined'));
-var _VolumeDownRounded = _interopRequireDefault(require('./VolumeDownRounded'));
-var _VolumeDownSharp = _interopRequireDefault(require('./VolumeDownSharp'));
-var _VolumeDownTwoTone = _interopRequireDefault(require('./VolumeDownTwoTone'));
-var _VolumeMute = _interopRequireDefault(require('./VolumeMute'));
-var _VolumeMuteOutlined = _interopRequireDefault(require('./VolumeMuteOutlined'));
-var _VolumeMuteRounded = _interopRequireDefault(require('./VolumeMuteRounded'));
-var _VolumeMuteSharp = _interopRequireDefault(require('./VolumeMuteSharp'));
-var _VolumeMuteTwoTone = _interopRequireDefault(require('./VolumeMuteTwoTone'));
-var _VolumeOff = _interopRequireDefault(require('./VolumeOff'));
-var _VolumeOffOutlined = _interopRequireDefault(require('./VolumeOffOutlined'));
-var _VolumeOffRounded = _interopRequireDefault(require('./VolumeOffRounded'));
-var _VolumeOffSharp = _interopRequireDefault(require('./VolumeOffSharp'));
-var _VolumeOffTwoTone = _interopRequireDefault(require('./VolumeOffTwoTone'));
-var _VolumeUp = _interopRequireDefault(require('./VolumeUp'));
-var _VolumeUpOutlined = _interopRequireDefault(require('./VolumeUpOutlined'));
-var _VolumeUpRounded = _interopRequireDefault(require('./VolumeUpRounded'));
-var _VolumeUpSharp = _interopRequireDefault(require('./VolumeUpSharp'));
-var _VolumeUpTwoTone = _interopRequireDefault(require('./VolumeUpTwoTone'));
-var _VolunteerActivism = _interopRequireDefault(require('./VolunteerActivism'));
-var _VolunteerActivismOutlined = _interopRequireDefault(require('./VolunteerActivismOutlined'));
-var _VolunteerActivismRounded = _interopRequireDefault(require('./VolunteerActivismRounded'));
-var _VolunteerActivismSharp = _interopRequireDefault(require('./VolunteerActivismSharp'));
-var _VolunteerActivismTwoTone = _interopRequireDefault(require('./VolunteerActivismTwoTone'));
-var _VpnKey = _interopRequireDefault(require('./VpnKey'));
-var _VpnKeyOff = _interopRequireDefault(require('./VpnKeyOff'));
-var _VpnKeyOffOutlined = _interopRequireDefault(require('./VpnKeyOffOutlined'));
-var _VpnKeyOffRounded = _interopRequireDefault(require('./VpnKeyOffRounded'));
-var _VpnKeyOffSharp = _interopRequireDefault(require('./VpnKeyOffSharp'));
-var _VpnKeyOffTwoTone = _interopRequireDefault(require('./VpnKeyOffTwoTone'));
-var _VpnKeyOutlined = _interopRequireDefault(require('./VpnKeyOutlined'));
-var _VpnKeyRounded = _interopRequireDefault(require('./VpnKeyRounded'));
-var _VpnKeySharp = _interopRequireDefault(require('./VpnKeySharp'));
-var _VpnKeyTwoTone = _interopRequireDefault(require('./VpnKeyTwoTone'));
-var _VpnLock = _interopRequireDefault(require('./VpnLock'));
-var _VpnLockOutlined = _interopRequireDefault(require('./VpnLockOutlined'));
-var _VpnLockRounded = _interopRequireDefault(require('./VpnLockRounded'));
-var _VpnLockSharp = _interopRequireDefault(require('./VpnLockSharp'));
-var _VpnLockTwoTone = _interopRequireDefault(require('./VpnLockTwoTone'));
-var _Vrpano = _interopRequireDefault(require('./Vrpano'));
-var _VrpanoOutlined = _interopRequireDefault(require('./VrpanoOutlined'));
-var _VrpanoRounded = _interopRequireDefault(require('./VrpanoRounded'));
-var _VrpanoSharp = _interopRequireDefault(require('./VrpanoSharp'));
-var _VrpanoTwoTone = _interopRequireDefault(require('./VrpanoTwoTone'));
-var _Wallet = _interopRequireDefault(require('./Wallet'));
-var _WalletOutlined = _interopRequireDefault(require('./WalletOutlined'));
-var _WalletRounded = _interopRequireDefault(require('./WalletRounded'));
-var _WalletSharp = _interopRequireDefault(require('./WalletSharp'));
-var _WalletTwoTone = _interopRequireDefault(require('./WalletTwoTone'));
-var _Wallpaper = _interopRequireDefault(require('./Wallpaper'));
-var _WallpaperOutlined = _interopRequireDefault(require('./WallpaperOutlined'));
-var _WallpaperRounded = _interopRequireDefault(require('./WallpaperRounded'));
-var _WallpaperSharp = _interopRequireDefault(require('./WallpaperSharp'));
-var _WallpaperTwoTone = _interopRequireDefault(require('./WallpaperTwoTone'));
-var _Warehouse = _interopRequireDefault(require('./Warehouse'));
-var _WarehouseOutlined = _interopRequireDefault(require('./WarehouseOutlined'));
-var _WarehouseRounded = _interopRequireDefault(require('./WarehouseRounded'));
-var _WarehouseSharp = _interopRequireDefault(require('./WarehouseSharp'));
-var _WarehouseTwoTone = _interopRequireDefault(require('./WarehouseTwoTone'));
-var _Warning = _interopRequireDefault(require('./Warning'));
-var _WarningAmber = _interopRequireDefault(require('./WarningAmber'));
-var _WarningAmberOutlined = _interopRequireDefault(require('./WarningAmberOutlined'));
-var _WarningAmberRounded = _interopRequireDefault(require('./WarningAmberRounded'));
-var _WarningAmberSharp = _interopRequireDefault(require('./WarningAmberSharp'));
-var _WarningAmberTwoTone = _interopRequireDefault(require('./WarningAmberTwoTone'));
-var _WarningOutlined = _interopRequireDefault(require('./WarningOutlined'));
-var _WarningRounded = _interopRequireDefault(require('./WarningRounded'));
-var _WarningSharp = _interopRequireDefault(require('./WarningSharp'));
-var _WarningTwoTone = _interopRequireDefault(require('./WarningTwoTone'));
-var _Wash = _interopRequireDefault(require('./Wash'));
-var _WashOutlined = _interopRequireDefault(require('./WashOutlined'));
-var _WashRounded = _interopRequireDefault(require('./WashRounded'));
-var _WashSharp = _interopRequireDefault(require('./WashSharp'));
-var _WashTwoTone = _interopRequireDefault(require('./WashTwoTone'));
-var _Watch = _interopRequireDefault(require('./Watch'));
-var _WatchLater = _interopRequireDefault(require('./WatchLater'));
-var _WatchLaterOutlined = _interopRequireDefault(require('./WatchLaterOutlined'));
-var _WatchLaterRounded = _interopRequireDefault(require('./WatchLaterRounded'));
-var _WatchLaterSharp = _interopRequireDefault(require('./WatchLaterSharp'));
-var _WatchLaterTwoTone = _interopRequireDefault(require('./WatchLaterTwoTone'));
-var _WatchOff = _interopRequireDefault(require('./WatchOff'));
-var _WatchOffOutlined = _interopRequireDefault(require('./WatchOffOutlined'));
-var _WatchOffRounded = _interopRequireDefault(require('./WatchOffRounded'));
-var _WatchOffSharp = _interopRequireDefault(require('./WatchOffSharp'));
-var _WatchOffTwoTone = _interopRequireDefault(require('./WatchOffTwoTone'));
-var _WatchOutlined = _interopRequireDefault(require('./WatchOutlined'));
-var _WatchRounded = _interopRequireDefault(require('./WatchRounded'));
-var _WatchSharp = _interopRequireDefault(require('./WatchSharp'));
-var _WatchTwoTone = _interopRequireDefault(require('./WatchTwoTone'));
-var _Water = _interopRequireDefault(require('./Water'));
-var _WaterDamage = _interopRequireDefault(require('./WaterDamage'));
-var _WaterDamageOutlined = _interopRequireDefault(require('./WaterDamageOutlined'));
-var _WaterDamageRounded = _interopRequireDefault(require('./WaterDamageRounded'));
-var _WaterDamageSharp = _interopRequireDefault(require('./WaterDamageSharp'));
-var _WaterDamageTwoTone = _interopRequireDefault(require('./WaterDamageTwoTone'));
-var _WaterDrop = _interopRequireDefault(require('./WaterDrop'));
-var _WaterDropOutlined = _interopRequireDefault(require('./WaterDropOutlined'));
-var _WaterDropRounded = _interopRequireDefault(require('./WaterDropRounded'));
-var _WaterDropSharp = _interopRequireDefault(require('./WaterDropSharp'));
-var _WaterDropTwoTone = _interopRequireDefault(require('./WaterDropTwoTone'));
-var _WaterOutlined = _interopRequireDefault(require('./WaterOutlined'));
-var _WaterRounded = _interopRequireDefault(require('./WaterRounded'));
-var _WaterSharp = _interopRequireDefault(require('./WaterSharp'));
-var _WaterTwoTone = _interopRequireDefault(require('./WaterTwoTone'));
-var _WaterfallChart = _interopRequireDefault(require('./WaterfallChart'));
-var _WaterfallChartOutlined = _interopRequireDefault(require('./WaterfallChartOutlined'));
-var _WaterfallChartRounded = _interopRequireDefault(require('./WaterfallChartRounded'));
-var _WaterfallChartSharp = _interopRequireDefault(require('./WaterfallChartSharp'));
-var _WaterfallChartTwoTone = _interopRequireDefault(require('./WaterfallChartTwoTone'));
-var _Waves = _interopRequireDefault(require('./Waves'));
-var _WavesOutlined = _interopRequireDefault(require('./WavesOutlined'));
-var _WavesRounded = _interopRequireDefault(require('./WavesRounded'));
-var _WavesSharp = _interopRequireDefault(require('./WavesSharp'));
-var _WavesTwoTone = _interopRequireDefault(require('./WavesTwoTone'));
-var _WavingHand = _interopRequireDefault(require('./WavingHand'));
-var _WavingHandOutlined = _interopRequireDefault(require('./WavingHandOutlined'));
-var _WavingHandRounded = _interopRequireDefault(require('./WavingHandRounded'));
-var _WavingHandSharp = _interopRequireDefault(require('./WavingHandSharp'));
-var _WavingHandTwoTone = _interopRequireDefault(require('./WavingHandTwoTone'));
-var _WbAuto = _interopRequireDefault(require('./WbAuto'));
-var _WbAutoOutlined = _interopRequireDefault(require('./WbAutoOutlined'));
-var _WbAutoRounded = _interopRequireDefault(require('./WbAutoRounded'));
-var _WbAutoSharp = _interopRequireDefault(require('./WbAutoSharp'));
-var _WbAutoTwoTone = _interopRequireDefault(require('./WbAutoTwoTone'));
-var _WbCloudy = _interopRequireDefault(require('./WbCloudy'));
-var _WbCloudyOutlined = _interopRequireDefault(require('./WbCloudyOutlined'));
-var _WbCloudyRounded = _interopRequireDefault(require('./WbCloudyRounded'));
-var _WbCloudySharp = _interopRequireDefault(require('./WbCloudySharp'));
-var _WbCloudyTwoTone = _interopRequireDefault(require('./WbCloudyTwoTone'));
-var _WbIncandescent = _interopRequireDefault(require('./WbIncandescent'));
-var _WbIncandescentOutlined = _interopRequireDefault(require('./WbIncandescentOutlined'));
-var _WbIncandescentRounded = _interopRequireDefault(require('./WbIncandescentRounded'));
-var _WbIncandescentSharp = _interopRequireDefault(require('./WbIncandescentSharp'));
-var _WbIncandescentTwoTone = _interopRequireDefault(require('./WbIncandescentTwoTone'));
-var _WbIridescent = _interopRequireDefault(require('./WbIridescent'));
-var _WbIridescentOutlined = _interopRequireDefault(require('./WbIridescentOutlined'));
-var _WbIridescentRounded = _interopRequireDefault(require('./WbIridescentRounded'));
-var _WbIridescentSharp = _interopRequireDefault(require('./WbIridescentSharp'));
-var _WbIridescentTwoTone = _interopRequireDefault(require('./WbIridescentTwoTone'));
-var _WbShade = _interopRequireDefault(require('./WbShade'));
-var _WbShadeOutlined = _interopRequireDefault(require('./WbShadeOutlined'));
-var _WbShadeRounded = _interopRequireDefault(require('./WbShadeRounded'));
-var _WbShadeSharp = _interopRequireDefault(require('./WbShadeSharp'));
-var _WbShadeTwoTone = _interopRequireDefault(require('./WbShadeTwoTone'));
-var _WbSunny = _interopRequireDefault(require('./WbSunny'));
-var _WbSunnyOutlined = _interopRequireDefault(require('./WbSunnyOutlined'));
-var _WbSunnyRounded = _interopRequireDefault(require('./WbSunnyRounded'));
-var _WbSunnySharp = _interopRequireDefault(require('./WbSunnySharp'));
-var _WbSunnyTwoTone = _interopRequireDefault(require('./WbSunnyTwoTone'));
-var _WbTwilight = _interopRequireDefault(require('./WbTwilight'));
-var _WbTwilightOutlined = _interopRequireDefault(require('./WbTwilightOutlined'));
-var _WbTwilightRounded = _interopRequireDefault(require('./WbTwilightRounded'));
-var _WbTwilightSharp = _interopRequireDefault(require('./WbTwilightSharp'));
-var _WbTwilightTwoTone = _interopRequireDefault(require('./WbTwilightTwoTone'));
-var _Wc = _interopRequireDefault(require('./Wc'));
-var _WcOutlined = _interopRequireDefault(require('./WcOutlined'));
-var _WcRounded = _interopRequireDefault(require('./WcRounded'));
-var _WcSharp = _interopRequireDefault(require('./WcSharp'));
-var _WcTwoTone = _interopRequireDefault(require('./WcTwoTone'));
-var _Web = _interopRequireDefault(require('./Web'));
-var _WebAsset = _interopRequireDefault(require('./WebAsset'));
-var _WebAssetOff = _interopRequireDefault(require('./WebAssetOff'));
-var _WebAssetOffOutlined = _interopRequireDefault(require('./WebAssetOffOutlined'));
-var _WebAssetOffRounded = _interopRequireDefault(require('./WebAssetOffRounded'));
-var _WebAssetOffSharp = _interopRequireDefault(require('./WebAssetOffSharp'));
-var _WebAssetOffTwoTone = _interopRequireDefault(require('./WebAssetOffTwoTone'));
-var _WebAssetOutlined = _interopRequireDefault(require('./WebAssetOutlined'));
-var _WebAssetRounded = _interopRequireDefault(require('./WebAssetRounded'));
-var _WebAssetSharp = _interopRequireDefault(require('./WebAssetSharp'));
-var _WebAssetTwoTone = _interopRequireDefault(require('./WebAssetTwoTone'));
-var _WebOutlined = _interopRequireDefault(require('./WebOutlined'));
-var _WebRounded = _interopRequireDefault(require('./WebRounded'));
-var _WebSharp = _interopRequireDefault(require('./WebSharp'));
-var _WebStories = _interopRequireDefault(require('./WebStories'));
-var _WebStoriesOutlined = _interopRequireDefault(require('./WebStoriesOutlined'));
-var _WebStoriesRounded = _interopRequireDefault(require('./WebStoriesRounded'));
-var _WebStoriesSharp = _interopRequireDefault(require('./WebStoriesSharp'));
-var _WebStoriesTwoTone = _interopRequireDefault(require('./WebStoriesTwoTone'));
-var _WebTwoTone = _interopRequireDefault(require('./WebTwoTone'));
-var _Webhook = _interopRequireDefault(require('./Webhook'));
-var _WebhookOutlined = _interopRequireDefault(require('./WebhookOutlined'));
-var _WebhookRounded = _interopRequireDefault(require('./WebhookRounded'));
-var _WebhookSharp = _interopRequireDefault(require('./WebhookSharp'));
-var _WebhookTwoTone = _interopRequireDefault(require('./WebhookTwoTone'));
-var _Weekend = _interopRequireDefault(require('./Weekend'));
-var _WeekendOutlined = _interopRequireDefault(require('./WeekendOutlined'));
-var _WeekendRounded = _interopRequireDefault(require('./WeekendRounded'));
-var _WeekendSharp = _interopRequireDefault(require('./WeekendSharp'));
-var _WeekendTwoTone = _interopRequireDefault(require('./WeekendTwoTone'));
-var _West = _interopRequireDefault(require('./West'));
-var _WestOutlined = _interopRequireDefault(require('./WestOutlined'));
-var _WestRounded = _interopRequireDefault(require('./WestRounded'));
-var _WestSharp = _interopRequireDefault(require('./WestSharp'));
-var _WestTwoTone = _interopRequireDefault(require('./WestTwoTone'));
-var _WhatsApp = _interopRequireDefault(require('./WhatsApp'));
-var _Whatshot = _interopRequireDefault(require('./Whatshot'));
-var _WhatshotOutlined = _interopRequireDefault(require('./WhatshotOutlined'));
-var _WhatshotRounded = _interopRequireDefault(require('./WhatshotRounded'));
-var _WhatshotSharp = _interopRequireDefault(require('./WhatshotSharp'));
-var _WhatshotTwoTone = _interopRequireDefault(require('./WhatshotTwoTone'));
-var _WheelchairPickup = _interopRequireDefault(require('./WheelchairPickup'));
-var _WheelchairPickupOutlined = _interopRequireDefault(require('./WheelchairPickupOutlined'));
-var _WheelchairPickupRounded = _interopRequireDefault(require('./WheelchairPickupRounded'));
-var _WheelchairPickupSharp = _interopRequireDefault(require('./WheelchairPickupSharp'));
-var _WheelchairPickupTwoTone = _interopRequireDefault(require('./WheelchairPickupTwoTone'));
-var _WhereToVote = _interopRequireDefault(require('./WhereToVote'));
-var _WhereToVoteOutlined = _interopRequireDefault(require('./WhereToVoteOutlined'));
-var _WhereToVoteRounded = _interopRequireDefault(require('./WhereToVoteRounded'));
-var _WhereToVoteSharp = _interopRequireDefault(require('./WhereToVoteSharp'));
-var _WhereToVoteTwoTone = _interopRequireDefault(require('./WhereToVoteTwoTone'));
-var _Widgets = _interopRequireDefault(require('./Widgets'));
-var _WidgetsOutlined = _interopRequireDefault(require('./WidgetsOutlined'));
-var _WidgetsRounded = _interopRequireDefault(require('./WidgetsRounded'));
-var _WidgetsSharp = _interopRequireDefault(require('./WidgetsSharp'));
-var _WidgetsTwoTone = _interopRequireDefault(require('./WidgetsTwoTone'));
-var _WidthFull = _interopRequireDefault(require('./WidthFull'));
-var _WidthFullOutlined = _interopRequireDefault(require('./WidthFullOutlined'));
-var _WidthFullRounded = _interopRequireDefault(require('./WidthFullRounded'));
-var _WidthFullSharp = _interopRequireDefault(require('./WidthFullSharp'));
-var _WidthFullTwoTone = _interopRequireDefault(require('./WidthFullTwoTone'));
-var _WidthNormal = _interopRequireDefault(require('./WidthNormal'));
-var _WidthNormalOutlined = _interopRequireDefault(require('./WidthNormalOutlined'));
-var _WidthNormalRounded = _interopRequireDefault(require('./WidthNormalRounded'));
-var _WidthNormalSharp = _interopRequireDefault(require('./WidthNormalSharp'));
-var _WidthNormalTwoTone = _interopRequireDefault(require('./WidthNormalTwoTone'));
-var _WidthWide = _interopRequireDefault(require('./WidthWide'));
-var _WidthWideOutlined = _interopRequireDefault(require('./WidthWideOutlined'));
-var _WidthWideRounded = _interopRequireDefault(require('./WidthWideRounded'));
-var _WidthWideSharp = _interopRequireDefault(require('./WidthWideSharp'));
-var _WidthWideTwoTone = _interopRequireDefault(require('./WidthWideTwoTone'));
-var _Wifi = _interopRequireDefault(require('./Wifi'));
-var _Wifi1Bar = _interopRequireDefault(require('./Wifi1Bar'));
-var _Wifi1BarOutlined = _interopRequireDefault(require('./Wifi1BarOutlined'));
-var _Wifi1BarRounded = _interopRequireDefault(require('./Wifi1BarRounded'));
-var _Wifi1BarSharp = _interopRequireDefault(require('./Wifi1BarSharp'));
-var _Wifi1BarTwoTone = _interopRequireDefault(require('./Wifi1BarTwoTone'));
-var _Wifi2Bar = _interopRequireDefault(require('./Wifi2Bar'));
-var _Wifi2BarOutlined = _interopRequireDefault(require('./Wifi2BarOutlined'));
-var _Wifi2BarRounded = _interopRequireDefault(require('./Wifi2BarRounded'));
-var _Wifi2BarSharp = _interopRequireDefault(require('./Wifi2BarSharp'));
-var _Wifi2BarTwoTone = _interopRequireDefault(require('./Wifi2BarTwoTone'));
-var _WifiCalling = _interopRequireDefault(require('./WifiCalling'));
-var _WifiCalling2 = _interopRequireDefault(require('./WifiCalling3'));
-var _WifiCalling3Outlined = _interopRequireDefault(require('./WifiCalling3Outlined'));
-var _WifiCalling3Rounded = _interopRequireDefault(require('./WifiCalling3Rounded'));
-var _WifiCalling3Sharp = _interopRequireDefault(require('./WifiCalling3Sharp'));
-var _WifiCalling3TwoTone = _interopRequireDefault(require('./WifiCalling3TwoTone'));
-var _WifiCallingOutlined = _interopRequireDefault(require('./WifiCallingOutlined'));
-var _WifiCallingRounded = _interopRequireDefault(require('./WifiCallingRounded'));
-var _WifiCallingSharp = _interopRequireDefault(require('./WifiCallingSharp'));
-var _WifiCallingTwoTone = _interopRequireDefault(require('./WifiCallingTwoTone'));
-var _WifiChannel = _interopRequireDefault(require('./WifiChannel'));
-var _WifiChannelOutlined = _interopRequireDefault(require('./WifiChannelOutlined'));
-var _WifiChannelRounded = _interopRequireDefault(require('./WifiChannelRounded'));
-var _WifiChannelSharp = _interopRequireDefault(require('./WifiChannelSharp'));
-var _WifiChannelTwoTone = _interopRequireDefault(require('./WifiChannelTwoTone'));
-var _WifiFind = _interopRequireDefault(require('./WifiFind'));
-var _WifiFindOutlined = _interopRequireDefault(require('./WifiFindOutlined'));
-var _WifiFindRounded = _interopRequireDefault(require('./WifiFindRounded'));
-var _WifiFindSharp = _interopRequireDefault(require('./WifiFindSharp'));
-var _WifiFindTwoTone = _interopRequireDefault(require('./WifiFindTwoTone'));
-var _WifiLock = _interopRequireDefault(require('./WifiLock'));
-var _WifiLockOutlined = _interopRequireDefault(require('./WifiLockOutlined'));
-var _WifiLockRounded = _interopRequireDefault(require('./WifiLockRounded'));
-var _WifiLockSharp = _interopRequireDefault(require('./WifiLockSharp'));
-var _WifiLockTwoTone = _interopRequireDefault(require('./WifiLockTwoTone'));
-var _WifiOff = _interopRequireDefault(require('./WifiOff'));
-var _WifiOffOutlined = _interopRequireDefault(require('./WifiOffOutlined'));
-var _WifiOffRounded = _interopRequireDefault(require('./WifiOffRounded'));
-var _WifiOffSharp = _interopRequireDefault(require('./WifiOffSharp'));
-var _WifiOffTwoTone = _interopRequireDefault(require('./WifiOffTwoTone'));
-var _WifiOutlined = _interopRequireDefault(require('./WifiOutlined'));
-var _WifiPassword = _interopRequireDefault(require('./WifiPassword'));
-var _WifiPasswordOutlined = _interopRequireDefault(require('./WifiPasswordOutlined'));
-var _WifiPasswordRounded = _interopRequireDefault(require('./WifiPasswordRounded'));
-var _WifiPasswordSharp = _interopRequireDefault(require('./WifiPasswordSharp'));
-var _WifiPasswordTwoTone = _interopRequireDefault(require('./WifiPasswordTwoTone'));
-var _WifiProtectedSetup = _interopRequireDefault(require('./WifiProtectedSetup'));
-var _WifiProtectedSetupOutlined = _interopRequireDefault(require('./WifiProtectedSetupOutlined'));
-var _WifiProtectedSetupRounded = _interopRequireDefault(require('./WifiProtectedSetupRounded'));
-var _WifiProtectedSetupSharp = _interopRequireDefault(require('./WifiProtectedSetupSharp'));
-var _WifiProtectedSetupTwoTone = _interopRequireDefault(require('./WifiProtectedSetupTwoTone'));
-var _WifiRounded = _interopRequireDefault(require('./WifiRounded'));
-var _WifiSharp = _interopRequireDefault(require('./WifiSharp'));
-var _WifiTethering = _interopRequireDefault(require('./WifiTethering'));
-var _WifiTetheringError = _interopRequireDefault(require('./WifiTetheringError'));
-var _WifiTetheringErrorOutlined = _interopRequireDefault(require('./WifiTetheringErrorOutlined'));
-var _WifiTetheringErrorRounded = _interopRequireDefault(require('./WifiTetheringErrorRounded'));
-var _WifiTetheringErrorRoundedOutlined = _interopRequireDefault(
-  require('./WifiTetheringErrorRoundedOutlined'),
-);
-var _WifiTetheringErrorRoundedRounded = _interopRequireDefault(
-  require('./WifiTetheringErrorRoundedRounded'),
-);
-var _WifiTetheringErrorRoundedSharp = _interopRequireDefault(
-  require('./WifiTetheringErrorRoundedSharp'),
-);
-var _WifiTetheringErrorRoundedTwoTone = _interopRequireDefault(
-  require('./WifiTetheringErrorRoundedTwoTone'),
-);
-var _WifiTetheringErrorSharp = _interopRequireDefault(require('./WifiTetheringErrorSharp'));
-var _WifiTetheringErrorTwoTone = _interopRequireDefault(require('./WifiTetheringErrorTwoTone'));
-var _WifiTetheringOff = _interopRequireDefault(require('./WifiTetheringOff'));
-var _WifiTetheringOffOutlined = _interopRequireDefault(require('./WifiTetheringOffOutlined'));
-var _WifiTetheringOffRounded = _interopRequireDefault(require('./WifiTetheringOffRounded'));
-var _WifiTetheringOffSharp = _interopRequireDefault(require('./WifiTetheringOffSharp'));
-var _WifiTetheringOffTwoTone = _interopRequireDefault(require('./WifiTetheringOffTwoTone'));
-var _WifiTetheringOutlined = _interopRequireDefault(require('./WifiTetheringOutlined'));
-var _WifiTetheringRounded = _interopRequireDefault(require('./WifiTetheringRounded'));
-var _WifiTetheringSharp = _interopRequireDefault(require('./WifiTetheringSharp'));
-var _WifiTetheringTwoTone = _interopRequireDefault(require('./WifiTetheringTwoTone'));
-var _WifiTwoTone = _interopRequireDefault(require('./WifiTwoTone'));
-var _WindPower = _interopRequireDefault(require('./WindPower'));
-var _WindPowerOutlined = _interopRequireDefault(require('./WindPowerOutlined'));
-var _WindPowerRounded = _interopRequireDefault(require('./WindPowerRounded'));
-var _WindPowerSharp = _interopRequireDefault(require('./WindPowerSharp'));
-var _WindPowerTwoTone = _interopRequireDefault(require('./WindPowerTwoTone'));
-var _Window = _interopRequireDefault(require('./Window'));
-var _WindowOutlined = _interopRequireDefault(require('./WindowOutlined'));
-var _WindowRounded = _interopRequireDefault(require('./WindowRounded'));
-var _WindowSharp = _interopRequireDefault(require('./WindowSharp'));
-var _WindowTwoTone = _interopRequireDefault(require('./WindowTwoTone'));
-var _WineBar = _interopRequireDefault(require('./WineBar'));
-var _WineBarOutlined = _interopRequireDefault(require('./WineBarOutlined'));
-var _WineBarRounded = _interopRequireDefault(require('./WineBarRounded'));
-var _WineBarSharp = _interopRequireDefault(require('./WineBarSharp'));
-var _WineBarTwoTone = _interopRequireDefault(require('./WineBarTwoTone'));
-var _Woman = _interopRequireDefault(require('./Woman'));
-var _Woman2 = _interopRequireDefault(require('./Woman2'));
-var _Woman2Outlined = _interopRequireDefault(require('./Woman2Outlined'));
-var _Woman2Rounded = _interopRequireDefault(require('./Woman2Rounded'));
-var _Woman2Sharp = _interopRequireDefault(require('./Woman2Sharp'));
-var _Woman2TwoTone = _interopRequireDefault(require('./Woman2TwoTone'));
-var _WomanOutlined = _interopRequireDefault(require('./WomanOutlined'));
-var _WomanRounded = _interopRequireDefault(require('./WomanRounded'));
-var _WomanSharp = _interopRequireDefault(require('./WomanSharp'));
-var _WomanTwoTone = _interopRequireDefault(require('./WomanTwoTone'));
-var _Work = _interopRequireDefault(require('./Work'));
-var _WorkHistory = _interopRequireDefault(require('./WorkHistory'));
-var _WorkHistoryOutlined = _interopRequireDefault(require('./WorkHistoryOutlined'));
-var _WorkHistoryRounded = _interopRequireDefault(require('./WorkHistoryRounded'));
-var _WorkHistorySharp = _interopRequireDefault(require('./WorkHistorySharp'));
-var _WorkHistoryTwoTone = _interopRequireDefault(require('./WorkHistoryTwoTone'));
-var _WorkOff = _interopRequireDefault(require('./WorkOff'));
-var _WorkOffOutlined = _interopRequireDefault(require('./WorkOffOutlined'));
-var _WorkOffRounded = _interopRequireDefault(require('./WorkOffRounded'));
-var _WorkOffSharp = _interopRequireDefault(require('./WorkOffSharp'));
-var _WorkOffTwoTone = _interopRequireDefault(require('./WorkOffTwoTone'));
-var _WorkOutline = _interopRequireDefault(require('./WorkOutline'));
-var _WorkOutlineOutlined = _interopRequireDefault(require('./WorkOutlineOutlined'));
-var _WorkOutlineRounded = _interopRequireDefault(require('./WorkOutlineRounded'));
-var _WorkOutlineSharp = _interopRequireDefault(require('./WorkOutlineSharp'));
-var _WorkOutlineTwoTone = _interopRequireDefault(require('./WorkOutlineTwoTone'));
-var _WorkOutlined = _interopRequireDefault(require('./WorkOutlined'));
-var _WorkRounded = _interopRequireDefault(require('./WorkRounded'));
-var _WorkSharp = _interopRequireDefault(require('./WorkSharp'));
-var _WorkTwoTone = _interopRequireDefault(require('./WorkTwoTone'));
-var _WorkspacePremium = _interopRequireDefault(require('./WorkspacePremium'));
-var _WorkspacePremiumOutlined = _interopRequireDefault(require('./WorkspacePremiumOutlined'));
-var _WorkspacePremiumRounded = _interopRequireDefault(require('./WorkspacePremiumRounded'));
-var _WorkspacePremiumSharp = _interopRequireDefault(require('./WorkspacePremiumSharp'));
-var _WorkspacePremiumTwoTone = _interopRequireDefault(require('./WorkspacePremiumTwoTone'));
-var _Workspaces = _interopRequireDefault(require('./Workspaces'));
-var _WorkspacesOutlined = _interopRequireDefault(require('./WorkspacesOutlined'));
-var _WorkspacesRounded = _interopRequireDefault(require('./WorkspacesRounded'));
-var _WorkspacesSharp = _interopRequireDefault(require('./WorkspacesSharp'));
-var _WorkspacesTwoTone = _interopRequireDefault(require('./WorkspacesTwoTone'));
-var _WrapText = _interopRequireDefault(require('./WrapText'));
-var _WrapTextOutlined = _interopRequireDefault(require('./WrapTextOutlined'));
-var _WrapTextRounded = _interopRequireDefault(require('./WrapTextRounded'));
-var _WrapTextSharp = _interopRequireDefault(require('./WrapTextSharp'));
-var _WrapTextTwoTone = _interopRequireDefault(require('./WrapTextTwoTone'));
-var _WrongLocation = _interopRequireDefault(require('./WrongLocation'));
-var _WrongLocationOutlined = _interopRequireDefault(require('./WrongLocationOutlined'));
-var _WrongLocationRounded = _interopRequireDefault(require('./WrongLocationRounded'));
-var _WrongLocationSharp = _interopRequireDefault(require('./WrongLocationSharp'));
-var _WrongLocationTwoTone = _interopRequireDefault(require('./WrongLocationTwoTone'));
-var _Wysiwyg = _interopRequireDefault(require('./Wysiwyg'));
-var _WysiwygOutlined = _interopRequireDefault(require('./WysiwygOutlined'));
-var _WysiwygRounded = _interopRequireDefault(require('./WysiwygRounded'));
-var _WysiwygSharp = _interopRequireDefault(require('./WysiwygSharp'));
-var _WysiwygTwoTone = _interopRequireDefault(require('./WysiwygTwoTone'));
-var _Yard = _interopRequireDefault(require('./Yard'));
-var _YardOutlined = _interopRequireDefault(require('./YardOutlined'));
-var _YardRounded = _interopRequireDefault(require('./YardRounded'));
-var _YardSharp = _interopRequireDefault(require('./YardSharp'));
-var _YardTwoTone = _interopRequireDefault(require('./YardTwoTone'));
-var _YouTube = _interopRequireDefault(require('./YouTube'));
-var _YoutubeSearchedFor = _interopRequireDefault(require('./YoutubeSearchedFor'));
-var _YoutubeSearchedForOutlined = _interopRequireDefault(require('./YoutubeSearchedForOutlined'));
-var _YoutubeSearchedForRounded = _interopRequireDefault(require('./YoutubeSearchedForRounded'));
-var _YoutubeSearchedForSharp = _interopRequireDefault(require('./YoutubeSearchedForSharp'));
-var _YoutubeSearchedForTwoTone = _interopRequireDefault(require('./YoutubeSearchedForTwoTone'));
-var _ZoomIn = _interopRequireDefault(require('./ZoomIn'));
-var _ZoomInMap = _interopRequireDefault(require('./ZoomInMap'));
-var _ZoomInMapOutlined = _interopRequireDefault(require('./ZoomInMapOutlined'));
-var _ZoomInMapRounded = _interopRequireDefault(require('./ZoomInMapRounded'));
-var _ZoomInMapSharp = _interopRequireDefault(require('./ZoomInMapSharp'));
-var _ZoomInMapTwoTone = _interopRequireDefault(require('./ZoomInMapTwoTone'));
-var _ZoomInOutlined = _interopRequireDefault(require('./ZoomInOutlined'));
-var _ZoomInRounded = _interopRequireDefault(require('./ZoomInRounded'));
-var _ZoomInSharp = _interopRequireDefault(require('./ZoomInSharp'));
-var _ZoomInTwoTone = _interopRequireDefault(require('./ZoomInTwoTone'));
-var _ZoomOut = _interopRequireDefault(require('./ZoomOut'));
-var _ZoomOutMap = _interopRequireDefault(require('./ZoomOutMap'));
-var _ZoomOutMapOutlined = _interopRequireDefault(require('./ZoomOutMapOutlined'));
-var _ZoomOutMapRounded = _interopRequireDefault(require('./ZoomOutMapRounded'));
-var _ZoomOutMapSharp = _interopRequireDefault(require('./ZoomOutMapSharp'));
-var _ZoomOutMapTwoTone = _interopRequireDefault(require('./ZoomOutMapTwoTone'));
-var _ZoomOutOutlined = _interopRequireDefault(require('./ZoomOutOutlined'));
-var _ZoomOutRounded = _interopRequireDefault(require('./ZoomOutRounded'));
-var _ZoomOutSharp = _interopRequireDefault(require('./ZoomOutSharp'));
-var _ZoomOutTwoTone = _interopRequireDefault(require('./ZoomOutTwoTone'));
+  }
+});
+var _Abc = _interopRequireDefault(require("./Abc"));
+var _AbcOutlined = _interopRequireDefault(require("./AbcOutlined"));
+var _AbcRounded = _interopRequireDefault(require("./AbcRounded"));
+var _AbcSharp = _interopRequireDefault(require("./AbcSharp"));
+var _AbcTwoTone = _interopRequireDefault(require("./AbcTwoTone"));
+var _AcUnit = _interopRequireDefault(require("./AcUnit"));
+var _AcUnitOutlined = _interopRequireDefault(require("./AcUnitOutlined"));
+var _AcUnitRounded = _interopRequireDefault(require("./AcUnitRounded"));
+var _AcUnitSharp = _interopRequireDefault(require("./AcUnitSharp"));
+var _AcUnitTwoTone = _interopRequireDefault(require("./AcUnitTwoTone"));
+var _AccessAlarm = _interopRequireDefault(require("./AccessAlarm"));
+var _AccessAlarmOutlined = _interopRequireDefault(require("./AccessAlarmOutlined"));
+var _AccessAlarmRounded = _interopRequireDefault(require("./AccessAlarmRounded"));
+var _AccessAlarmSharp = _interopRequireDefault(require("./AccessAlarmSharp"));
+var _AccessAlarmTwoTone = _interopRequireDefault(require("./AccessAlarmTwoTone"));
+var _AccessAlarms = _interopRequireDefault(require("./AccessAlarms"));
+var _AccessAlarmsOutlined = _interopRequireDefault(require("./AccessAlarmsOutlined"));
+var _AccessAlarmsRounded = _interopRequireDefault(require("./AccessAlarmsRounded"));
+var _AccessAlarmsSharp = _interopRequireDefault(require("./AccessAlarmsSharp"));
+var _AccessAlarmsTwoTone = _interopRequireDefault(require("./AccessAlarmsTwoTone"));
+var _AccessTime = _interopRequireDefault(require("./AccessTime"));
+var _AccessTimeFilled = _interopRequireDefault(require("./AccessTimeFilled"));
+var _AccessTimeFilledOutlined = _interopRequireDefault(require("./AccessTimeFilledOutlined"));
+var _AccessTimeFilledRounded = _interopRequireDefault(require("./AccessTimeFilledRounded"));
+var _AccessTimeFilledSharp = _interopRequireDefault(require("./AccessTimeFilledSharp"));
+var _AccessTimeFilledTwoTone = _interopRequireDefault(require("./AccessTimeFilledTwoTone"));
+var _AccessTimeOutlined = _interopRequireDefault(require("./AccessTimeOutlined"));
+var _AccessTimeRounded = _interopRequireDefault(require("./AccessTimeRounded"));
+var _AccessTimeSharp = _interopRequireDefault(require("./AccessTimeSharp"));
+var _AccessTimeTwoTone = _interopRequireDefault(require("./AccessTimeTwoTone"));
+var _Accessibility = _interopRequireDefault(require("./Accessibility"));
+var _AccessibilityNew = _interopRequireDefault(require("./AccessibilityNew"));
+var _AccessibilityNewOutlined = _interopRequireDefault(require("./AccessibilityNewOutlined"));
+var _AccessibilityNewRounded = _interopRequireDefault(require("./AccessibilityNewRounded"));
+var _AccessibilityNewSharp = _interopRequireDefault(require("./AccessibilityNewSharp"));
+var _AccessibilityNewTwoTone = _interopRequireDefault(require("./AccessibilityNewTwoTone"));
+var _AccessibilityOutlined = _interopRequireDefault(require("./AccessibilityOutlined"));
+var _AccessibilityRounded = _interopRequireDefault(require("./AccessibilityRounded"));
+var _AccessibilitySharp = _interopRequireDefault(require("./AccessibilitySharp"));
+var _AccessibilityTwoTone = _interopRequireDefault(require("./AccessibilityTwoTone"));
+var _Accessible = _interopRequireDefault(require("./Accessible"));
+var _AccessibleForward = _interopRequireDefault(require("./AccessibleForward"));
+var _AccessibleForwardOutlined = _interopRequireDefault(require("./AccessibleForwardOutlined"));
+var _AccessibleForwardRounded = _interopRequireDefault(require("./AccessibleForwardRounded"));
+var _AccessibleForwardSharp = _interopRequireDefault(require("./AccessibleForwardSharp"));
+var _AccessibleForwardTwoTone = _interopRequireDefault(require("./AccessibleForwardTwoTone"));
+var _AccessibleOutlined = _interopRequireDefault(require("./AccessibleOutlined"));
+var _AccessibleRounded = _interopRequireDefault(require("./AccessibleRounded"));
+var _AccessibleSharp = _interopRequireDefault(require("./AccessibleSharp"));
+var _AccessibleTwoTone = _interopRequireDefault(require("./AccessibleTwoTone"));
+var _AccountBalance = _interopRequireDefault(require("./AccountBalance"));
+var _AccountBalanceOutlined = _interopRequireDefault(require("./AccountBalanceOutlined"));
+var _AccountBalanceRounded = _interopRequireDefault(require("./AccountBalanceRounded"));
+var _AccountBalanceSharp = _interopRequireDefault(require("./AccountBalanceSharp"));
+var _AccountBalanceTwoTone = _interopRequireDefault(require("./AccountBalanceTwoTone"));
+var _AccountBalanceWallet = _interopRequireDefault(require("./AccountBalanceWallet"));
+var _AccountBalanceWalletOutlined = _interopRequireDefault(require("./AccountBalanceWalletOutlined"));
+var _AccountBalanceWalletRounded = _interopRequireDefault(require("./AccountBalanceWalletRounded"));
+var _AccountBalanceWalletSharp = _interopRequireDefault(require("./AccountBalanceWalletSharp"));
+var _AccountBalanceWalletTwoTone = _interopRequireDefault(require("./AccountBalanceWalletTwoTone"));
+var _AccountBox = _interopRequireDefault(require("./AccountBox"));
+var _AccountBoxOutlined = _interopRequireDefault(require("./AccountBoxOutlined"));
+var _AccountBoxRounded = _interopRequireDefault(require("./AccountBoxRounded"));
+var _AccountBoxSharp = _interopRequireDefault(require("./AccountBoxSharp"));
+var _AccountBoxTwoTone = _interopRequireDefault(require("./AccountBoxTwoTone"));
+var _AccountCircle = _interopRequireDefault(require("./AccountCircle"));
+var _AccountCircleOutlined = _interopRequireDefault(require("./AccountCircleOutlined"));
+var _AccountCircleRounded = _interopRequireDefault(require("./AccountCircleRounded"));
+var _AccountCircleSharp = _interopRequireDefault(require("./AccountCircleSharp"));
+var _AccountCircleTwoTone = _interopRequireDefault(require("./AccountCircleTwoTone"));
+var _AccountTree = _interopRequireDefault(require("./AccountTree"));
+var _AccountTreeOutlined = _interopRequireDefault(require("./AccountTreeOutlined"));
+var _AccountTreeRounded = _interopRequireDefault(require("./AccountTreeRounded"));
+var _AccountTreeSharp = _interopRequireDefault(require("./AccountTreeSharp"));
+var _AccountTreeTwoTone = _interopRequireDefault(require("./AccountTreeTwoTone"));
+var _AdUnits = _interopRequireDefault(require("./AdUnits"));
+var _AdUnitsOutlined = _interopRequireDefault(require("./AdUnitsOutlined"));
+var _AdUnitsRounded = _interopRequireDefault(require("./AdUnitsRounded"));
+var _AdUnitsSharp = _interopRequireDefault(require("./AdUnitsSharp"));
+var _AdUnitsTwoTone = _interopRequireDefault(require("./AdUnitsTwoTone"));
+var _Adb = _interopRequireDefault(require("./Adb"));
+var _AdbOutlined = _interopRequireDefault(require("./AdbOutlined"));
+var _AdbRounded = _interopRequireDefault(require("./AdbRounded"));
+var _AdbSharp = _interopRequireDefault(require("./AdbSharp"));
+var _AdbTwoTone = _interopRequireDefault(require("./AdbTwoTone"));
+var _Add = _interopRequireDefault(require("./Add"));
+var _AddAPhoto = _interopRequireDefault(require("./AddAPhoto"));
+var _AddAPhotoOutlined = _interopRequireDefault(require("./AddAPhotoOutlined"));
+var _AddAPhotoRounded = _interopRequireDefault(require("./AddAPhotoRounded"));
+var _AddAPhotoSharp = _interopRequireDefault(require("./AddAPhotoSharp"));
+var _AddAPhotoTwoTone = _interopRequireDefault(require("./AddAPhotoTwoTone"));
+var _AddAlarm = _interopRequireDefault(require("./AddAlarm"));
+var _AddAlarmOutlined = _interopRequireDefault(require("./AddAlarmOutlined"));
+var _AddAlarmRounded = _interopRequireDefault(require("./AddAlarmRounded"));
+var _AddAlarmSharp = _interopRequireDefault(require("./AddAlarmSharp"));
+var _AddAlarmTwoTone = _interopRequireDefault(require("./AddAlarmTwoTone"));
+var _AddAlert = _interopRequireDefault(require("./AddAlert"));
+var _AddAlertOutlined = _interopRequireDefault(require("./AddAlertOutlined"));
+var _AddAlertRounded = _interopRequireDefault(require("./AddAlertRounded"));
+var _AddAlertSharp = _interopRequireDefault(require("./AddAlertSharp"));
+var _AddAlertTwoTone = _interopRequireDefault(require("./AddAlertTwoTone"));
+var _AddBox = _interopRequireDefault(require("./AddBox"));
+var _AddBoxOutlined = _interopRequireDefault(require("./AddBoxOutlined"));
+var _AddBoxRounded = _interopRequireDefault(require("./AddBoxRounded"));
+var _AddBoxSharp = _interopRequireDefault(require("./AddBoxSharp"));
+var _AddBoxTwoTone = _interopRequireDefault(require("./AddBoxTwoTone"));
+var _AddBusiness = _interopRequireDefault(require("./AddBusiness"));
+var _AddBusinessOutlined = _interopRequireDefault(require("./AddBusinessOutlined"));
+var _AddBusinessRounded = _interopRequireDefault(require("./AddBusinessRounded"));
+var _AddBusinessSharp = _interopRequireDefault(require("./AddBusinessSharp"));
+var _AddBusinessTwoTone = _interopRequireDefault(require("./AddBusinessTwoTone"));
+var _AddCard = _interopRequireDefault(require("./AddCard"));
+var _AddCardOutlined = _interopRequireDefault(require("./AddCardOutlined"));
+var _AddCardRounded = _interopRequireDefault(require("./AddCardRounded"));
+var _AddCardSharp = _interopRequireDefault(require("./AddCardSharp"));
+var _AddCardTwoTone = _interopRequireDefault(require("./AddCardTwoTone"));
+var _AddCircle = _interopRequireDefault(require("./AddCircle"));
+var _AddCircleOutline = _interopRequireDefault(require("./AddCircleOutline"));
+var _AddCircleOutlineOutlined = _interopRequireDefault(require("./AddCircleOutlineOutlined"));
+var _AddCircleOutlineRounded = _interopRequireDefault(require("./AddCircleOutlineRounded"));
+var _AddCircleOutlineSharp = _interopRequireDefault(require("./AddCircleOutlineSharp"));
+var _AddCircleOutlineTwoTone = _interopRequireDefault(require("./AddCircleOutlineTwoTone"));
+var _AddCircleOutlined = _interopRequireDefault(require("./AddCircleOutlined"));
+var _AddCircleRounded = _interopRequireDefault(require("./AddCircleRounded"));
+var _AddCircleSharp = _interopRequireDefault(require("./AddCircleSharp"));
+var _AddCircleTwoTone = _interopRequireDefault(require("./AddCircleTwoTone"));
+var _AddComment = _interopRequireDefault(require("./AddComment"));
+var _AddCommentOutlined = _interopRequireDefault(require("./AddCommentOutlined"));
+var _AddCommentRounded = _interopRequireDefault(require("./AddCommentRounded"));
+var _AddCommentSharp = _interopRequireDefault(require("./AddCommentSharp"));
+var _AddCommentTwoTone = _interopRequireDefault(require("./AddCommentTwoTone"));
+var _AddHome = _interopRequireDefault(require("./AddHome"));
+var _AddHomeOutlined = _interopRequireDefault(require("./AddHomeOutlined"));
+var _AddHomeRounded = _interopRequireDefault(require("./AddHomeRounded"));
+var _AddHomeSharp = _interopRequireDefault(require("./AddHomeSharp"));
+var _AddHomeTwoTone = _interopRequireDefault(require("./AddHomeTwoTone"));
+var _AddHomeWork = _interopRequireDefault(require("./AddHomeWork"));
+var _AddHomeWorkOutlined = _interopRequireDefault(require("./AddHomeWorkOutlined"));
+var _AddHomeWorkRounded = _interopRequireDefault(require("./AddHomeWorkRounded"));
+var _AddHomeWorkSharp = _interopRequireDefault(require("./AddHomeWorkSharp"));
+var _AddHomeWorkTwoTone = _interopRequireDefault(require("./AddHomeWorkTwoTone"));
+var _AddIcCall = _interopRequireDefault(require("./AddIcCall"));
+var _AddIcCallOutlined = _interopRequireDefault(require("./AddIcCallOutlined"));
+var _AddIcCallRounded = _interopRequireDefault(require("./AddIcCallRounded"));
+var _AddIcCallSharp = _interopRequireDefault(require("./AddIcCallSharp"));
+var _AddIcCallTwoTone = _interopRequireDefault(require("./AddIcCallTwoTone"));
+var _AddLink = _interopRequireDefault(require("./AddLink"));
+var _AddLinkOutlined = _interopRequireDefault(require("./AddLinkOutlined"));
+var _AddLinkRounded = _interopRequireDefault(require("./AddLinkRounded"));
+var _AddLinkSharp = _interopRequireDefault(require("./AddLinkSharp"));
+var _AddLinkTwoTone = _interopRequireDefault(require("./AddLinkTwoTone"));
+var _AddLocation = _interopRequireDefault(require("./AddLocation"));
+var _AddLocationAlt = _interopRequireDefault(require("./AddLocationAlt"));
+var _AddLocationAltOutlined = _interopRequireDefault(require("./AddLocationAltOutlined"));
+var _AddLocationAltRounded = _interopRequireDefault(require("./AddLocationAltRounded"));
+var _AddLocationAltSharp = _interopRequireDefault(require("./AddLocationAltSharp"));
+var _AddLocationAltTwoTone = _interopRequireDefault(require("./AddLocationAltTwoTone"));
+var _AddLocationOutlined = _interopRequireDefault(require("./AddLocationOutlined"));
+var _AddLocationRounded = _interopRequireDefault(require("./AddLocationRounded"));
+var _AddLocationSharp = _interopRequireDefault(require("./AddLocationSharp"));
+var _AddLocationTwoTone = _interopRequireDefault(require("./AddLocationTwoTone"));
+var _AddModerator = _interopRequireDefault(require("./AddModerator"));
+var _AddModeratorOutlined = _interopRequireDefault(require("./AddModeratorOutlined"));
+var _AddModeratorRounded = _interopRequireDefault(require("./AddModeratorRounded"));
+var _AddModeratorSharp = _interopRequireDefault(require("./AddModeratorSharp"));
+var _AddModeratorTwoTone = _interopRequireDefault(require("./AddModeratorTwoTone"));
+var _AddOutlined = _interopRequireDefault(require("./AddOutlined"));
+var _AddPhotoAlternate = _interopRequireDefault(require("./AddPhotoAlternate"));
+var _AddPhotoAlternateOutlined = _interopRequireDefault(require("./AddPhotoAlternateOutlined"));
+var _AddPhotoAlternateRounded = _interopRequireDefault(require("./AddPhotoAlternateRounded"));
+var _AddPhotoAlternateSharp = _interopRequireDefault(require("./AddPhotoAlternateSharp"));
+var _AddPhotoAlternateTwoTone = _interopRequireDefault(require("./AddPhotoAlternateTwoTone"));
+var _AddReaction = _interopRequireDefault(require("./AddReaction"));
+var _AddReactionOutlined = _interopRequireDefault(require("./AddReactionOutlined"));
+var _AddReactionRounded = _interopRequireDefault(require("./AddReactionRounded"));
+var _AddReactionSharp = _interopRequireDefault(require("./AddReactionSharp"));
+var _AddReactionTwoTone = _interopRequireDefault(require("./AddReactionTwoTone"));
+var _AddRoad = _interopRequireDefault(require("./AddRoad"));
+var _AddRoadOutlined = _interopRequireDefault(require("./AddRoadOutlined"));
+var _AddRoadRounded = _interopRequireDefault(require("./AddRoadRounded"));
+var _AddRoadSharp = _interopRequireDefault(require("./AddRoadSharp"));
+var _AddRoadTwoTone = _interopRequireDefault(require("./AddRoadTwoTone"));
+var _AddRounded = _interopRequireDefault(require("./AddRounded"));
+var _AddSharp = _interopRequireDefault(require("./AddSharp"));
+var _AddShoppingCart = _interopRequireDefault(require("./AddShoppingCart"));
+var _AddShoppingCartOutlined = _interopRequireDefault(require("./AddShoppingCartOutlined"));
+var _AddShoppingCartRounded = _interopRequireDefault(require("./AddShoppingCartRounded"));
+var _AddShoppingCartSharp = _interopRequireDefault(require("./AddShoppingCartSharp"));
+var _AddShoppingCartTwoTone = _interopRequireDefault(require("./AddShoppingCartTwoTone"));
+var _AddTask = _interopRequireDefault(require("./AddTask"));
+var _AddTaskOutlined = _interopRequireDefault(require("./AddTaskOutlined"));
+var _AddTaskRounded = _interopRequireDefault(require("./AddTaskRounded"));
+var _AddTaskSharp = _interopRequireDefault(require("./AddTaskSharp"));
+var _AddTaskTwoTone = _interopRequireDefault(require("./AddTaskTwoTone"));
+var _AddToDrive = _interopRequireDefault(require("./AddToDrive"));
+var _AddToDriveOutlined = _interopRequireDefault(require("./AddToDriveOutlined"));
+var _AddToDriveRounded = _interopRequireDefault(require("./AddToDriveRounded"));
+var _AddToDriveSharp = _interopRequireDefault(require("./AddToDriveSharp"));
+var _AddToDriveTwoTone = _interopRequireDefault(require("./AddToDriveTwoTone"));
+var _AddToHomeScreen = _interopRequireDefault(require("./AddToHomeScreen"));
+var _AddToHomeScreenOutlined = _interopRequireDefault(require("./AddToHomeScreenOutlined"));
+var _AddToHomeScreenRounded = _interopRequireDefault(require("./AddToHomeScreenRounded"));
+var _AddToHomeScreenSharp = _interopRequireDefault(require("./AddToHomeScreenSharp"));
+var _AddToHomeScreenTwoTone = _interopRequireDefault(require("./AddToHomeScreenTwoTone"));
+var _AddToPhotos = _interopRequireDefault(require("./AddToPhotos"));
+var _AddToPhotosOutlined = _interopRequireDefault(require("./AddToPhotosOutlined"));
+var _AddToPhotosRounded = _interopRequireDefault(require("./AddToPhotosRounded"));
+var _AddToPhotosSharp = _interopRequireDefault(require("./AddToPhotosSharp"));
+var _AddToPhotosTwoTone = _interopRequireDefault(require("./AddToPhotosTwoTone"));
+var _AddToQueue = _interopRequireDefault(require("./AddToQueue"));
+var _AddToQueueOutlined = _interopRequireDefault(require("./AddToQueueOutlined"));
+var _AddToQueueRounded = _interopRequireDefault(require("./AddToQueueRounded"));
+var _AddToQueueSharp = _interopRequireDefault(require("./AddToQueueSharp"));
+var _AddToQueueTwoTone = _interopRequireDefault(require("./AddToQueueTwoTone"));
+var _AddTwoTone = _interopRequireDefault(require("./AddTwoTone"));
+var _Addchart = _interopRequireDefault(require("./Addchart"));
+var _AddchartOutlined = _interopRequireDefault(require("./AddchartOutlined"));
+var _AddchartRounded = _interopRequireDefault(require("./AddchartRounded"));
+var _AddchartSharp = _interopRequireDefault(require("./AddchartSharp"));
+var _AddchartTwoTone = _interopRequireDefault(require("./AddchartTwoTone"));
+var _AdfScanner = _interopRequireDefault(require("./AdfScanner"));
+var _AdfScannerOutlined = _interopRequireDefault(require("./AdfScannerOutlined"));
+var _AdfScannerRounded = _interopRequireDefault(require("./AdfScannerRounded"));
+var _AdfScannerSharp = _interopRequireDefault(require("./AdfScannerSharp"));
+var _AdfScannerTwoTone = _interopRequireDefault(require("./AdfScannerTwoTone"));
+var _Adjust = _interopRequireDefault(require("./Adjust"));
+var _AdjustOutlined = _interopRequireDefault(require("./AdjustOutlined"));
+var _AdjustRounded = _interopRequireDefault(require("./AdjustRounded"));
+var _AdjustSharp = _interopRequireDefault(require("./AdjustSharp"));
+var _AdjustTwoTone = _interopRequireDefault(require("./AdjustTwoTone"));
+var _AdminPanelSettings = _interopRequireDefault(require("./AdminPanelSettings"));
+var _AdminPanelSettingsOutlined = _interopRequireDefault(require("./AdminPanelSettingsOutlined"));
+var _AdminPanelSettingsRounded = _interopRequireDefault(require("./AdminPanelSettingsRounded"));
+var _AdminPanelSettingsSharp = _interopRequireDefault(require("./AdminPanelSettingsSharp"));
+var _AdminPanelSettingsTwoTone = _interopRequireDefault(require("./AdminPanelSettingsTwoTone"));
+var _AdsClick = _interopRequireDefault(require("./AdsClick"));
+var _AdsClickOutlined = _interopRequireDefault(require("./AdsClickOutlined"));
+var _AdsClickRounded = _interopRequireDefault(require("./AdsClickRounded"));
+var _AdsClickSharp = _interopRequireDefault(require("./AdsClickSharp"));
+var _AdsClickTwoTone = _interopRequireDefault(require("./AdsClickTwoTone"));
+var _Agriculture = _interopRequireDefault(require("./Agriculture"));
+var _AgricultureOutlined = _interopRequireDefault(require("./AgricultureOutlined"));
+var _AgricultureRounded = _interopRequireDefault(require("./AgricultureRounded"));
+var _AgricultureSharp = _interopRequireDefault(require("./AgricultureSharp"));
+var _AgricultureTwoTone = _interopRequireDefault(require("./AgricultureTwoTone"));
+var _Air = _interopRequireDefault(require("./Air"));
+var _AirOutlined = _interopRequireDefault(require("./AirOutlined"));
+var _AirRounded = _interopRequireDefault(require("./AirRounded"));
+var _AirSharp = _interopRequireDefault(require("./AirSharp"));
+var _AirTwoTone = _interopRequireDefault(require("./AirTwoTone"));
+var _AirlineSeatFlat = _interopRequireDefault(require("./AirlineSeatFlat"));
+var _AirlineSeatFlatAngled = _interopRequireDefault(require("./AirlineSeatFlatAngled"));
+var _AirlineSeatFlatAngledOutlined = _interopRequireDefault(require("./AirlineSeatFlatAngledOutlined"));
+var _AirlineSeatFlatAngledRounded = _interopRequireDefault(require("./AirlineSeatFlatAngledRounded"));
+var _AirlineSeatFlatAngledSharp = _interopRequireDefault(require("./AirlineSeatFlatAngledSharp"));
+var _AirlineSeatFlatAngledTwoTone = _interopRequireDefault(require("./AirlineSeatFlatAngledTwoTone"));
+var _AirlineSeatFlatOutlined = _interopRequireDefault(require("./AirlineSeatFlatOutlined"));
+var _AirlineSeatFlatRounded = _interopRequireDefault(require("./AirlineSeatFlatRounded"));
+var _AirlineSeatFlatSharp = _interopRequireDefault(require("./AirlineSeatFlatSharp"));
+var _AirlineSeatFlatTwoTone = _interopRequireDefault(require("./AirlineSeatFlatTwoTone"));
+var _AirlineSeatIndividualSuite = _interopRequireDefault(require("./AirlineSeatIndividualSuite"));
+var _AirlineSeatIndividualSuiteOutlined = _interopRequireDefault(require("./AirlineSeatIndividualSuiteOutlined"));
+var _AirlineSeatIndividualSuiteRounded = _interopRequireDefault(require("./AirlineSeatIndividualSuiteRounded"));
+var _AirlineSeatIndividualSuiteSharp = _interopRequireDefault(require("./AirlineSeatIndividualSuiteSharp"));
+var _AirlineSeatIndividualSuiteTwoTone = _interopRequireDefault(require("./AirlineSeatIndividualSuiteTwoTone"));
+var _AirlineSeatLegroomExtra = _interopRequireDefault(require("./AirlineSeatLegroomExtra"));
+var _AirlineSeatLegroomExtraOutlined = _interopRequireDefault(require("./AirlineSeatLegroomExtraOutlined"));
+var _AirlineSeatLegroomExtraRounded = _interopRequireDefault(require("./AirlineSeatLegroomExtraRounded"));
+var _AirlineSeatLegroomExtraSharp = _interopRequireDefault(require("./AirlineSeatLegroomExtraSharp"));
+var _AirlineSeatLegroomExtraTwoTone = _interopRequireDefault(require("./AirlineSeatLegroomExtraTwoTone"));
+var _AirlineSeatLegroomNormal = _interopRequireDefault(require("./AirlineSeatLegroomNormal"));
+var _AirlineSeatLegroomNormalOutlined = _interopRequireDefault(require("./AirlineSeatLegroomNormalOutlined"));
+var _AirlineSeatLegroomNormalRounded = _interopRequireDefault(require("./AirlineSeatLegroomNormalRounded"));
+var _AirlineSeatLegroomNormalSharp = _interopRequireDefault(require("./AirlineSeatLegroomNormalSharp"));
+var _AirlineSeatLegroomNormalTwoTone = _interopRequireDefault(require("./AirlineSeatLegroomNormalTwoTone"));
+var _AirlineSeatLegroomReduced = _interopRequireDefault(require("./AirlineSeatLegroomReduced"));
+var _AirlineSeatLegroomReducedOutlined = _interopRequireDefault(require("./AirlineSeatLegroomReducedOutlined"));
+var _AirlineSeatLegroomReducedRounded = _interopRequireDefault(require("./AirlineSeatLegroomReducedRounded"));
+var _AirlineSeatLegroomReducedSharp = _interopRequireDefault(require("./AirlineSeatLegroomReducedSharp"));
+var _AirlineSeatLegroomReducedTwoTone = _interopRequireDefault(require("./AirlineSeatLegroomReducedTwoTone"));
+var _AirlineSeatReclineExtra = _interopRequireDefault(require("./AirlineSeatReclineExtra"));
+var _AirlineSeatReclineExtraOutlined = _interopRequireDefault(require("./AirlineSeatReclineExtraOutlined"));
+var _AirlineSeatReclineExtraRounded = _interopRequireDefault(require("./AirlineSeatReclineExtraRounded"));
+var _AirlineSeatReclineExtraSharp = _interopRequireDefault(require("./AirlineSeatReclineExtraSharp"));
+var _AirlineSeatReclineExtraTwoTone = _interopRequireDefault(require("./AirlineSeatReclineExtraTwoTone"));
+var _AirlineSeatReclineNormal = _interopRequireDefault(require("./AirlineSeatReclineNormal"));
+var _AirlineSeatReclineNormalOutlined = _interopRequireDefault(require("./AirlineSeatReclineNormalOutlined"));
+var _AirlineSeatReclineNormalRounded = _interopRequireDefault(require("./AirlineSeatReclineNormalRounded"));
+var _AirlineSeatReclineNormalSharp = _interopRequireDefault(require("./AirlineSeatReclineNormalSharp"));
+var _AirlineSeatReclineNormalTwoTone = _interopRequireDefault(require("./AirlineSeatReclineNormalTwoTone"));
+var _AirlineStops = _interopRequireDefault(require("./AirlineStops"));
+var _AirlineStopsOutlined = _interopRequireDefault(require("./AirlineStopsOutlined"));
+var _AirlineStopsRounded = _interopRequireDefault(require("./AirlineStopsRounded"));
+var _AirlineStopsSharp = _interopRequireDefault(require("./AirlineStopsSharp"));
+var _AirlineStopsTwoTone = _interopRequireDefault(require("./AirlineStopsTwoTone"));
+var _Airlines = _interopRequireDefault(require("./Airlines"));
+var _AirlinesOutlined = _interopRequireDefault(require("./AirlinesOutlined"));
+var _AirlinesRounded = _interopRequireDefault(require("./AirlinesRounded"));
+var _AirlinesSharp = _interopRequireDefault(require("./AirlinesSharp"));
+var _AirlinesTwoTone = _interopRequireDefault(require("./AirlinesTwoTone"));
+var _AirplaneTicket = _interopRequireDefault(require("./AirplaneTicket"));
+var _AirplaneTicketOutlined = _interopRequireDefault(require("./AirplaneTicketOutlined"));
+var _AirplaneTicketRounded = _interopRequireDefault(require("./AirplaneTicketRounded"));
+var _AirplaneTicketSharp = _interopRequireDefault(require("./AirplaneTicketSharp"));
+var _AirplaneTicketTwoTone = _interopRequireDefault(require("./AirplaneTicketTwoTone"));
+var _AirplanemodeActive = _interopRequireDefault(require("./AirplanemodeActive"));
+var _AirplanemodeActiveOutlined = _interopRequireDefault(require("./AirplanemodeActiveOutlined"));
+var _AirplanemodeActiveRounded = _interopRequireDefault(require("./AirplanemodeActiveRounded"));
+var _AirplanemodeActiveSharp = _interopRequireDefault(require("./AirplanemodeActiveSharp"));
+var _AirplanemodeActiveTwoTone = _interopRequireDefault(require("./AirplanemodeActiveTwoTone"));
+var _AirplanemodeInactive = _interopRequireDefault(require("./AirplanemodeInactive"));
+var _AirplanemodeInactiveOutlined = _interopRequireDefault(require("./AirplanemodeInactiveOutlined"));
+var _AirplanemodeInactiveRounded = _interopRequireDefault(require("./AirplanemodeInactiveRounded"));
+var _AirplanemodeInactiveSharp = _interopRequireDefault(require("./AirplanemodeInactiveSharp"));
+var _AirplanemodeInactiveTwoTone = _interopRequireDefault(require("./AirplanemodeInactiveTwoTone"));
+var _Airplay = _interopRequireDefault(require("./Airplay"));
+var _AirplayOutlined = _interopRequireDefault(require("./AirplayOutlined"));
+var _AirplayRounded = _interopRequireDefault(require("./AirplayRounded"));
+var _AirplaySharp = _interopRequireDefault(require("./AirplaySharp"));
+var _AirplayTwoTone = _interopRequireDefault(require("./AirplayTwoTone"));
+var _AirportShuttle = _interopRequireDefault(require("./AirportShuttle"));
+var _AirportShuttleOutlined = _interopRequireDefault(require("./AirportShuttleOutlined"));
+var _AirportShuttleRounded = _interopRequireDefault(require("./AirportShuttleRounded"));
+var _AirportShuttleSharp = _interopRequireDefault(require("./AirportShuttleSharp"));
+var _AirportShuttleTwoTone = _interopRequireDefault(require("./AirportShuttleTwoTone"));
+var _Alarm = _interopRequireDefault(require("./Alarm"));
+var _AlarmAdd = _interopRequireDefault(require("./AlarmAdd"));
+var _AlarmAddOutlined = _interopRequireDefault(require("./AlarmAddOutlined"));
+var _AlarmAddRounded = _interopRequireDefault(require("./AlarmAddRounded"));
+var _AlarmAddSharp = _interopRequireDefault(require("./AlarmAddSharp"));
+var _AlarmAddTwoTone = _interopRequireDefault(require("./AlarmAddTwoTone"));
+var _AlarmOff = _interopRequireDefault(require("./AlarmOff"));
+var _AlarmOffOutlined = _interopRequireDefault(require("./AlarmOffOutlined"));
+var _AlarmOffRounded = _interopRequireDefault(require("./AlarmOffRounded"));
+var _AlarmOffSharp = _interopRequireDefault(require("./AlarmOffSharp"));
+var _AlarmOffTwoTone = _interopRequireDefault(require("./AlarmOffTwoTone"));
+var _AlarmOn = _interopRequireDefault(require("./AlarmOn"));
+var _AlarmOnOutlined = _interopRequireDefault(require("./AlarmOnOutlined"));
+var _AlarmOnRounded = _interopRequireDefault(require("./AlarmOnRounded"));
+var _AlarmOnSharp = _interopRequireDefault(require("./AlarmOnSharp"));
+var _AlarmOnTwoTone = _interopRequireDefault(require("./AlarmOnTwoTone"));
+var _AlarmOutlined = _interopRequireDefault(require("./AlarmOutlined"));
+var _AlarmRounded = _interopRequireDefault(require("./AlarmRounded"));
+var _AlarmSharp = _interopRequireDefault(require("./AlarmSharp"));
+var _AlarmTwoTone = _interopRequireDefault(require("./AlarmTwoTone"));
+var _Album = _interopRequireDefault(require("./Album"));
+var _AlbumOutlined = _interopRequireDefault(require("./AlbumOutlined"));
+var _AlbumRounded = _interopRequireDefault(require("./AlbumRounded"));
+var _AlbumSharp = _interopRequireDefault(require("./AlbumSharp"));
+var _AlbumTwoTone = _interopRequireDefault(require("./AlbumTwoTone"));
+var _AlignHorizontalCenter = _interopRequireDefault(require("./AlignHorizontalCenter"));
+var _AlignHorizontalCenterOutlined = _interopRequireDefault(require("./AlignHorizontalCenterOutlined"));
+var _AlignHorizontalCenterRounded = _interopRequireDefault(require("./AlignHorizontalCenterRounded"));
+var _AlignHorizontalCenterSharp = _interopRequireDefault(require("./AlignHorizontalCenterSharp"));
+var _AlignHorizontalCenterTwoTone = _interopRequireDefault(require("./AlignHorizontalCenterTwoTone"));
+var _AlignHorizontalLeft = _interopRequireDefault(require("./AlignHorizontalLeft"));
+var _AlignHorizontalLeftOutlined = _interopRequireDefault(require("./AlignHorizontalLeftOutlined"));
+var _AlignHorizontalLeftRounded = _interopRequireDefault(require("./AlignHorizontalLeftRounded"));
+var _AlignHorizontalLeftSharp = _interopRequireDefault(require("./AlignHorizontalLeftSharp"));
+var _AlignHorizontalLeftTwoTone = _interopRequireDefault(require("./AlignHorizontalLeftTwoTone"));
+var _AlignHorizontalRight = _interopRequireDefault(require("./AlignHorizontalRight"));
+var _AlignHorizontalRightOutlined = _interopRequireDefault(require("./AlignHorizontalRightOutlined"));
+var _AlignHorizontalRightRounded = _interopRequireDefault(require("./AlignHorizontalRightRounded"));
+var _AlignHorizontalRightSharp = _interopRequireDefault(require("./AlignHorizontalRightSharp"));
+var _AlignHorizontalRightTwoTone = _interopRequireDefault(require("./AlignHorizontalRightTwoTone"));
+var _AlignVerticalBottom = _interopRequireDefault(require("./AlignVerticalBottom"));
+var _AlignVerticalBottomOutlined = _interopRequireDefault(require("./AlignVerticalBottomOutlined"));
+var _AlignVerticalBottomRounded = _interopRequireDefault(require("./AlignVerticalBottomRounded"));
+var _AlignVerticalBottomSharp = _interopRequireDefault(require("./AlignVerticalBottomSharp"));
+var _AlignVerticalBottomTwoTone = _interopRequireDefault(require("./AlignVerticalBottomTwoTone"));
+var _AlignVerticalCenter = _interopRequireDefault(require("./AlignVerticalCenter"));
+var _AlignVerticalCenterOutlined = _interopRequireDefault(require("./AlignVerticalCenterOutlined"));
+var _AlignVerticalCenterRounded = _interopRequireDefault(require("./AlignVerticalCenterRounded"));
+var _AlignVerticalCenterSharp = _interopRequireDefault(require("./AlignVerticalCenterSharp"));
+var _AlignVerticalCenterTwoTone = _interopRequireDefault(require("./AlignVerticalCenterTwoTone"));
+var _AlignVerticalTop = _interopRequireDefault(require("./AlignVerticalTop"));
+var _AlignVerticalTopOutlined = _interopRequireDefault(require("./AlignVerticalTopOutlined"));
+var _AlignVerticalTopRounded = _interopRequireDefault(require("./AlignVerticalTopRounded"));
+var _AlignVerticalTopSharp = _interopRequireDefault(require("./AlignVerticalTopSharp"));
+var _AlignVerticalTopTwoTone = _interopRequireDefault(require("./AlignVerticalTopTwoTone"));
+var _AllInbox = _interopRequireDefault(require("./AllInbox"));
+var _AllInboxOutlined = _interopRequireDefault(require("./AllInboxOutlined"));
+var _AllInboxRounded = _interopRequireDefault(require("./AllInboxRounded"));
+var _AllInboxSharp = _interopRequireDefault(require("./AllInboxSharp"));
+var _AllInboxTwoTone = _interopRequireDefault(require("./AllInboxTwoTone"));
+var _AllInclusive = _interopRequireDefault(require("./AllInclusive"));
+var _AllInclusiveOutlined = _interopRequireDefault(require("./AllInclusiveOutlined"));
+var _AllInclusiveRounded = _interopRequireDefault(require("./AllInclusiveRounded"));
+var _AllInclusiveSharp = _interopRequireDefault(require("./AllInclusiveSharp"));
+var _AllInclusiveTwoTone = _interopRequireDefault(require("./AllInclusiveTwoTone"));
+var _AllOut = _interopRequireDefault(require("./AllOut"));
+var _AllOutOutlined = _interopRequireDefault(require("./AllOutOutlined"));
+var _AllOutRounded = _interopRequireDefault(require("./AllOutRounded"));
+var _AllOutSharp = _interopRequireDefault(require("./AllOutSharp"));
+var _AllOutTwoTone = _interopRequireDefault(require("./AllOutTwoTone"));
+var _AltRoute = _interopRequireDefault(require("./AltRoute"));
+var _AltRouteOutlined = _interopRequireDefault(require("./AltRouteOutlined"));
+var _AltRouteRounded = _interopRequireDefault(require("./AltRouteRounded"));
+var _AltRouteSharp = _interopRequireDefault(require("./AltRouteSharp"));
+var _AltRouteTwoTone = _interopRequireDefault(require("./AltRouteTwoTone"));
+var _AlternateEmail = _interopRequireDefault(require("./AlternateEmail"));
+var _AlternateEmailOutlined = _interopRequireDefault(require("./AlternateEmailOutlined"));
+var _AlternateEmailRounded = _interopRequireDefault(require("./AlternateEmailRounded"));
+var _AlternateEmailSharp = _interopRequireDefault(require("./AlternateEmailSharp"));
+var _AlternateEmailTwoTone = _interopRequireDefault(require("./AlternateEmailTwoTone"));
+var _Analytics = _interopRequireDefault(require("./Analytics"));
+var _AnalyticsOutlined = _interopRequireDefault(require("./AnalyticsOutlined"));
+var _AnalyticsRounded = _interopRequireDefault(require("./AnalyticsRounded"));
+var _AnalyticsSharp = _interopRequireDefault(require("./AnalyticsSharp"));
+var _AnalyticsTwoTone = _interopRequireDefault(require("./AnalyticsTwoTone"));
+var _Anchor = _interopRequireDefault(require("./Anchor"));
+var _AnchorOutlined = _interopRequireDefault(require("./AnchorOutlined"));
+var _AnchorRounded = _interopRequireDefault(require("./AnchorRounded"));
+var _AnchorSharp = _interopRequireDefault(require("./AnchorSharp"));
+var _AnchorTwoTone = _interopRequireDefault(require("./AnchorTwoTone"));
+var _Android = _interopRequireDefault(require("./Android"));
+var _AndroidOutlined = _interopRequireDefault(require("./AndroidOutlined"));
+var _AndroidRounded = _interopRequireDefault(require("./AndroidRounded"));
+var _AndroidSharp = _interopRequireDefault(require("./AndroidSharp"));
+var _AndroidTwoTone = _interopRequireDefault(require("./AndroidTwoTone"));
+var _Animation = _interopRequireDefault(require("./Animation"));
+var _AnimationOutlined = _interopRequireDefault(require("./AnimationOutlined"));
+var _AnimationRounded = _interopRequireDefault(require("./AnimationRounded"));
+var _AnimationSharp = _interopRequireDefault(require("./AnimationSharp"));
+var _AnimationTwoTone = _interopRequireDefault(require("./AnimationTwoTone"));
+var _Announcement = _interopRequireDefault(require("./Announcement"));
+var _AnnouncementOutlined = _interopRequireDefault(require("./AnnouncementOutlined"));
+var _AnnouncementRounded = _interopRequireDefault(require("./AnnouncementRounded"));
+var _AnnouncementSharp = _interopRequireDefault(require("./AnnouncementSharp"));
+var _AnnouncementTwoTone = _interopRequireDefault(require("./AnnouncementTwoTone"));
+var _Aod = _interopRequireDefault(require("./Aod"));
+var _AodOutlined = _interopRequireDefault(require("./AodOutlined"));
+var _AodRounded = _interopRequireDefault(require("./AodRounded"));
+var _AodSharp = _interopRequireDefault(require("./AodSharp"));
+var _AodTwoTone = _interopRequireDefault(require("./AodTwoTone"));
+var _Apartment = _interopRequireDefault(require("./Apartment"));
+var _ApartmentOutlined = _interopRequireDefault(require("./ApartmentOutlined"));
+var _ApartmentRounded = _interopRequireDefault(require("./ApartmentRounded"));
+var _ApartmentSharp = _interopRequireDefault(require("./ApartmentSharp"));
+var _ApartmentTwoTone = _interopRequireDefault(require("./ApartmentTwoTone"));
+var _Api = _interopRequireDefault(require("./Api"));
+var _ApiOutlined = _interopRequireDefault(require("./ApiOutlined"));
+var _ApiRounded = _interopRequireDefault(require("./ApiRounded"));
+var _ApiSharp = _interopRequireDefault(require("./ApiSharp"));
+var _ApiTwoTone = _interopRequireDefault(require("./ApiTwoTone"));
+var _AppBlocking = _interopRequireDefault(require("./AppBlocking"));
+var _AppBlockingOutlined = _interopRequireDefault(require("./AppBlockingOutlined"));
+var _AppBlockingRounded = _interopRequireDefault(require("./AppBlockingRounded"));
+var _AppBlockingSharp = _interopRequireDefault(require("./AppBlockingSharp"));
+var _AppBlockingTwoTone = _interopRequireDefault(require("./AppBlockingTwoTone"));
+var _AppRegistration = _interopRequireDefault(require("./AppRegistration"));
+var _AppRegistrationOutlined = _interopRequireDefault(require("./AppRegistrationOutlined"));
+var _AppRegistrationRounded = _interopRequireDefault(require("./AppRegistrationRounded"));
+var _AppRegistrationSharp = _interopRequireDefault(require("./AppRegistrationSharp"));
+var _AppRegistrationTwoTone = _interopRequireDefault(require("./AppRegistrationTwoTone"));
+var _AppSettingsAlt = _interopRequireDefault(require("./AppSettingsAlt"));
+var _AppSettingsAltOutlined = _interopRequireDefault(require("./AppSettingsAltOutlined"));
+var _AppSettingsAltRounded = _interopRequireDefault(require("./AppSettingsAltRounded"));
+var _AppSettingsAltSharp = _interopRequireDefault(require("./AppSettingsAltSharp"));
+var _AppSettingsAltTwoTone = _interopRequireDefault(require("./AppSettingsAltTwoTone"));
+var _AppShortcut = _interopRequireDefault(require("./AppShortcut"));
+var _AppShortcutOutlined = _interopRequireDefault(require("./AppShortcutOutlined"));
+var _AppShortcutRounded = _interopRequireDefault(require("./AppShortcutRounded"));
+var _AppShortcutSharp = _interopRequireDefault(require("./AppShortcutSharp"));
+var _AppShortcutTwoTone = _interopRequireDefault(require("./AppShortcutTwoTone"));
+var _Apple = _interopRequireDefault(require("./Apple"));
+var _Approval = _interopRequireDefault(require("./Approval"));
+var _ApprovalOutlined = _interopRequireDefault(require("./ApprovalOutlined"));
+var _ApprovalRounded = _interopRequireDefault(require("./ApprovalRounded"));
+var _ApprovalSharp = _interopRequireDefault(require("./ApprovalSharp"));
+var _ApprovalTwoTone = _interopRequireDefault(require("./ApprovalTwoTone"));
+var _Apps = _interopRequireDefault(require("./Apps"));
+var _AppsOutage = _interopRequireDefault(require("./AppsOutage"));
+var _AppsOutageOutlined = _interopRequireDefault(require("./AppsOutageOutlined"));
+var _AppsOutageRounded = _interopRequireDefault(require("./AppsOutageRounded"));
+var _AppsOutageSharp = _interopRequireDefault(require("./AppsOutageSharp"));
+var _AppsOutageTwoTone = _interopRequireDefault(require("./AppsOutageTwoTone"));
+var _AppsOutlined = _interopRequireDefault(require("./AppsOutlined"));
+var _AppsRounded = _interopRequireDefault(require("./AppsRounded"));
+var _AppsSharp = _interopRequireDefault(require("./AppsSharp"));
+var _AppsTwoTone = _interopRequireDefault(require("./AppsTwoTone"));
+var _Architecture = _interopRequireDefault(require("./Architecture"));
+var _ArchitectureOutlined = _interopRequireDefault(require("./ArchitectureOutlined"));
+var _ArchitectureRounded = _interopRequireDefault(require("./ArchitectureRounded"));
+var _ArchitectureSharp = _interopRequireDefault(require("./ArchitectureSharp"));
+var _ArchitectureTwoTone = _interopRequireDefault(require("./ArchitectureTwoTone"));
+var _Archive = _interopRequireDefault(require("./Archive"));
+var _ArchiveOutlined = _interopRequireDefault(require("./ArchiveOutlined"));
+var _ArchiveRounded = _interopRequireDefault(require("./ArchiveRounded"));
+var _ArchiveSharp = _interopRequireDefault(require("./ArchiveSharp"));
+var _ArchiveTwoTone = _interopRequireDefault(require("./ArchiveTwoTone"));
+var _ArrowBack = _interopRequireDefault(require("./ArrowBack"));
+var _ArrowBackIos = _interopRequireDefault(require("./ArrowBackIos"));
+var _ArrowBackIosNew = _interopRequireDefault(require("./ArrowBackIosNew"));
+var _ArrowBackIosNewOutlined = _interopRequireDefault(require("./ArrowBackIosNewOutlined"));
+var _ArrowBackIosNewRounded = _interopRequireDefault(require("./ArrowBackIosNewRounded"));
+var _ArrowBackIosNewSharp = _interopRequireDefault(require("./ArrowBackIosNewSharp"));
+var _ArrowBackIosNewTwoTone = _interopRequireDefault(require("./ArrowBackIosNewTwoTone"));
+var _ArrowBackIosOutlined = _interopRequireDefault(require("./ArrowBackIosOutlined"));
+var _ArrowBackIosRounded = _interopRequireDefault(require("./ArrowBackIosRounded"));
+var _ArrowBackIosSharp = _interopRequireDefault(require("./ArrowBackIosSharp"));
+var _ArrowBackIosTwoTone = _interopRequireDefault(require("./ArrowBackIosTwoTone"));
+var _ArrowBackOutlined = _interopRequireDefault(require("./ArrowBackOutlined"));
+var _ArrowBackRounded = _interopRequireDefault(require("./ArrowBackRounded"));
+var _ArrowBackSharp = _interopRequireDefault(require("./ArrowBackSharp"));
+var _ArrowBackTwoTone = _interopRequireDefault(require("./ArrowBackTwoTone"));
+var _ArrowCircleDown = _interopRequireDefault(require("./ArrowCircleDown"));
+var _ArrowCircleDownOutlined = _interopRequireDefault(require("./ArrowCircleDownOutlined"));
+var _ArrowCircleDownRounded = _interopRequireDefault(require("./ArrowCircleDownRounded"));
+var _ArrowCircleDownSharp = _interopRequireDefault(require("./ArrowCircleDownSharp"));
+var _ArrowCircleDownTwoTone = _interopRequireDefault(require("./ArrowCircleDownTwoTone"));
+var _ArrowCircleLeft = _interopRequireDefault(require("./ArrowCircleLeft"));
+var _ArrowCircleLeftOutlined = _interopRequireDefault(require("./ArrowCircleLeftOutlined"));
+var _ArrowCircleLeftRounded = _interopRequireDefault(require("./ArrowCircleLeftRounded"));
+var _ArrowCircleLeftSharp = _interopRequireDefault(require("./ArrowCircleLeftSharp"));
+var _ArrowCircleLeftTwoTone = _interopRequireDefault(require("./ArrowCircleLeftTwoTone"));
+var _ArrowCircleRight = _interopRequireDefault(require("./ArrowCircleRight"));
+var _ArrowCircleRightOutlined = _interopRequireDefault(require("./ArrowCircleRightOutlined"));
+var _ArrowCircleRightRounded = _interopRequireDefault(require("./ArrowCircleRightRounded"));
+var _ArrowCircleRightSharp = _interopRequireDefault(require("./ArrowCircleRightSharp"));
+var _ArrowCircleRightTwoTone = _interopRequireDefault(require("./ArrowCircleRightTwoTone"));
+var _ArrowCircleUp = _interopRequireDefault(require("./ArrowCircleUp"));
+var _ArrowCircleUpOutlined = _interopRequireDefault(require("./ArrowCircleUpOutlined"));
+var _ArrowCircleUpRounded = _interopRequireDefault(require("./ArrowCircleUpRounded"));
+var _ArrowCircleUpSharp = _interopRequireDefault(require("./ArrowCircleUpSharp"));
+var _ArrowCircleUpTwoTone = _interopRequireDefault(require("./ArrowCircleUpTwoTone"));
+var _ArrowDownward = _interopRequireDefault(require("./ArrowDownward"));
+var _ArrowDownwardOutlined = _interopRequireDefault(require("./ArrowDownwardOutlined"));
+var _ArrowDownwardRounded = _interopRequireDefault(require("./ArrowDownwardRounded"));
+var _ArrowDownwardSharp = _interopRequireDefault(require("./ArrowDownwardSharp"));
+var _ArrowDownwardTwoTone = _interopRequireDefault(require("./ArrowDownwardTwoTone"));
+var _ArrowDropDown = _interopRequireDefault(require("./ArrowDropDown"));
+var _ArrowDropDownCircle = _interopRequireDefault(require("./ArrowDropDownCircle"));
+var _ArrowDropDownCircleOutlined = _interopRequireDefault(require("./ArrowDropDownCircleOutlined"));
+var _ArrowDropDownCircleRounded = _interopRequireDefault(require("./ArrowDropDownCircleRounded"));
+var _ArrowDropDownCircleSharp = _interopRequireDefault(require("./ArrowDropDownCircleSharp"));
+var _ArrowDropDownCircleTwoTone = _interopRequireDefault(require("./ArrowDropDownCircleTwoTone"));
+var _ArrowDropDownOutlined = _interopRequireDefault(require("./ArrowDropDownOutlined"));
+var _ArrowDropDownRounded = _interopRequireDefault(require("./ArrowDropDownRounded"));
+var _ArrowDropDownSharp = _interopRequireDefault(require("./ArrowDropDownSharp"));
+var _ArrowDropDownTwoTone = _interopRequireDefault(require("./ArrowDropDownTwoTone"));
+var _ArrowDropUp = _interopRequireDefault(require("./ArrowDropUp"));
+var _ArrowDropUpOutlined = _interopRequireDefault(require("./ArrowDropUpOutlined"));
+var _ArrowDropUpRounded = _interopRequireDefault(require("./ArrowDropUpRounded"));
+var _ArrowDropUpSharp = _interopRequireDefault(require("./ArrowDropUpSharp"));
+var _ArrowDropUpTwoTone = _interopRequireDefault(require("./ArrowDropUpTwoTone"));
+var _ArrowForward = _interopRequireDefault(require("./ArrowForward"));
+var _ArrowForwardIos = _interopRequireDefault(require("./ArrowForwardIos"));
+var _ArrowForwardIosOutlined = _interopRequireDefault(require("./ArrowForwardIosOutlined"));
+var _ArrowForwardIosRounded = _interopRequireDefault(require("./ArrowForwardIosRounded"));
+var _ArrowForwardIosSharp = _interopRequireDefault(require("./ArrowForwardIosSharp"));
+var _ArrowForwardIosTwoTone = _interopRequireDefault(require("./ArrowForwardIosTwoTone"));
+var _ArrowForwardOutlined = _interopRequireDefault(require("./ArrowForwardOutlined"));
+var _ArrowForwardRounded = _interopRequireDefault(require("./ArrowForwardRounded"));
+var _ArrowForwardSharp = _interopRequireDefault(require("./ArrowForwardSharp"));
+var _ArrowForwardTwoTone = _interopRequireDefault(require("./ArrowForwardTwoTone"));
+var _ArrowLeft = _interopRequireDefault(require("./ArrowLeft"));
+var _ArrowLeftOutlined = _interopRequireDefault(require("./ArrowLeftOutlined"));
+var _ArrowLeftRounded = _interopRequireDefault(require("./ArrowLeftRounded"));
+var _ArrowLeftSharp = _interopRequireDefault(require("./ArrowLeftSharp"));
+var _ArrowLeftTwoTone = _interopRequireDefault(require("./ArrowLeftTwoTone"));
+var _ArrowOutward = _interopRequireDefault(require("./ArrowOutward"));
+var _ArrowOutwardOutlined = _interopRequireDefault(require("./ArrowOutwardOutlined"));
+var _ArrowOutwardRounded = _interopRequireDefault(require("./ArrowOutwardRounded"));
+var _ArrowOutwardSharp = _interopRequireDefault(require("./ArrowOutwardSharp"));
+var _ArrowOutwardTwoTone = _interopRequireDefault(require("./ArrowOutwardTwoTone"));
+var _ArrowRight = _interopRequireDefault(require("./ArrowRight"));
+var _ArrowRightAlt = _interopRequireDefault(require("./ArrowRightAlt"));
+var _ArrowRightAltOutlined = _interopRequireDefault(require("./ArrowRightAltOutlined"));
+var _ArrowRightAltRounded = _interopRequireDefault(require("./ArrowRightAltRounded"));
+var _ArrowRightAltSharp = _interopRequireDefault(require("./ArrowRightAltSharp"));
+var _ArrowRightAltTwoTone = _interopRequireDefault(require("./ArrowRightAltTwoTone"));
+var _ArrowRightOutlined = _interopRequireDefault(require("./ArrowRightOutlined"));
+var _ArrowRightRounded = _interopRequireDefault(require("./ArrowRightRounded"));
+var _ArrowRightSharp = _interopRequireDefault(require("./ArrowRightSharp"));
+var _ArrowRightTwoTone = _interopRequireDefault(require("./ArrowRightTwoTone"));
+var _ArrowUpward = _interopRequireDefault(require("./ArrowUpward"));
+var _ArrowUpwardOutlined = _interopRequireDefault(require("./ArrowUpwardOutlined"));
+var _ArrowUpwardRounded = _interopRequireDefault(require("./ArrowUpwardRounded"));
+var _ArrowUpwardSharp = _interopRequireDefault(require("./ArrowUpwardSharp"));
+var _ArrowUpwardTwoTone = _interopRequireDefault(require("./ArrowUpwardTwoTone"));
+var _ArtTrack = _interopRequireDefault(require("./ArtTrack"));
+var _ArtTrackOutlined = _interopRequireDefault(require("./ArtTrackOutlined"));
+var _ArtTrackRounded = _interopRequireDefault(require("./ArtTrackRounded"));
+var _ArtTrackSharp = _interopRequireDefault(require("./ArtTrackSharp"));
+var _ArtTrackTwoTone = _interopRequireDefault(require("./ArtTrackTwoTone"));
+var _Article = _interopRequireDefault(require("./Article"));
+var _ArticleOutlined = _interopRequireDefault(require("./ArticleOutlined"));
+var _ArticleRounded = _interopRequireDefault(require("./ArticleRounded"));
+var _ArticleSharp = _interopRequireDefault(require("./ArticleSharp"));
+var _ArticleTwoTone = _interopRequireDefault(require("./ArticleTwoTone"));
+var _AspectRatio = _interopRequireDefault(require("./AspectRatio"));
+var _AspectRatioOutlined = _interopRequireDefault(require("./AspectRatioOutlined"));
+var _AspectRatioRounded = _interopRequireDefault(require("./AspectRatioRounded"));
+var _AspectRatioSharp = _interopRequireDefault(require("./AspectRatioSharp"));
+var _AspectRatioTwoTone = _interopRequireDefault(require("./AspectRatioTwoTone"));
+var _Assessment = _interopRequireDefault(require("./Assessment"));
+var _AssessmentOutlined = _interopRequireDefault(require("./AssessmentOutlined"));
+var _AssessmentRounded = _interopRequireDefault(require("./AssessmentRounded"));
+var _AssessmentSharp = _interopRequireDefault(require("./AssessmentSharp"));
+var _AssessmentTwoTone = _interopRequireDefault(require("./AssessmentTwoTone"));
+var _Assignment = _interopRequireDefault(require("./Assignment"));
+var _AssignmentInd = _interopRequireDefault(require("./AssignmentInd"));
+var _AssignmentIndOutlined = _interopRequireDefault(require("./AssignmentIndOutlined"));
+var _AssignmentIndRounded = _interopRequireDefault(require("./AssignmentIndRounded"));
+var _AssignmentIndSharp = _interopRequireDefault(require("./AssignmentIndSharp"));
+var _AssignmentIndTwoTone = _interopRequireDefault(require("./AssignmentIndTwoTone"));
+var _AssignmentLate = _interopRequireDefault(require("./AssignmentLate"));
+var _AssignmentLateOutlined = _interopRequireDefault(require("./AssignmentLateOutlined"));
+var _AssignmentLateRounded = _interopRequireDefault(require("./AssignmentLateRounded"));
+var _AssignmentLateSharp = _interopRequireDefault(require("./AssignmentLateSharp"));
+var _AssignmentLateTwoTone = _interopRequireDefault(require("./AssignmentLateTwoTone"));
+var _AssignmentOutlined = _interopRequireDefault(require("./AssignmentOutlined"));
+var _AssignmentReturn = _interopRequireDefault(require("./AssignmentReturn"));
+var _AssignmentReturnOutlined = _interopRequireDefault(require("./AssignmentReturnOutlined"));
+var _AssignmentReturnRounded = _interopRequireDefault(require("./AssignmentReturnRounded"));
+var _AssignmentReturnSharp = _interopRequireDefault(require("./AssignmentReturnSharp"));
+var _AssignmentReturnTwoTone = _interopRequireDefault(require("./AssignmentReturnTwoTone"));
+var _AssignmentReturned = _interopRequireDefault(require("./AssignmentReturned"));
+var _AssignmentReturnedOutlined = _interopRequireDefault(require("./AssignmentReturnedOutlined"));
+var _AssignmentReturnedRounded = _interopRequireDefault(require("./AssignmentReturnedRounded"));
+var _AssignmentReturnedSharp = _interopRequireDefault(require("./AssignmentReturnedSharp"));
+var _AssignmentReturnedTwoTone = _interopRequireDefault(require("./AssignmentReturnedTwoTone"));
+var _AssignmentRounded = _interopRequireDefault(require("./AssignmentRounded"));
+var _AssignmentSharp = _interopRequireDefault(require("./AssignmentSharp"));
+var _AssignmentTurnedIn = _interopRequireDefault(require("./AssignmentTurnedIn"));
+var _AssignmentTurnedInOutlined = _interopRequireDefault(require("./AssignmentTurnedInOutlined"));
+var _AssignmentTurnedInRounded = _interopRequireDefault(require("./AssignmentTurnedInRounded"));
+var _AssignmentTurnedInSharp = _interopRequireDefault(require("./AssignmentTurnedInSharp"));
+var _AssignmentTurnedInTwoTone = _interopRequireDefault(require("./AssignmentTurnedInTwoTone"));
+var _AssignmentTwoTone = _interopRequireDefault(require("./AssignmentTwoTone"));
+var _AssistWalker = _interopRequireDefault(require("./AssistWalker"));
+var _AssistWalkerOutlined = _interopRequireDefault(require("./AssistWalkerOutlined"));
+var _AssistWalkerRounded = _interopRequireDefault(require("./AssistWalkerRounded"));
+var _AssistWalkerSharp = _interopRequireDefault(require("./AssistWalkerSharp"));
+var _AssistWalkerTwoTone = _interopRequireDefault(require("./AssistWalkerTwoTone"));
+var _Assistant = _interopRequireDefault(require("./Assistant"));
+var _AssistantDirection = _interopRequireDefault(require("./AssistantDirection"));
+var _AssistantDirectionOutlined = _interopRequireDefault(require("./AssistantDirectionOutlined"));
+var _AssistantDirectionRounded = _interopRequireDefault(require("./AssistantDirectionRounded"));
+var _AssistantDirectionSharp = _interopRequireDefault(require("./AssistantDirectionSharp"));
+var _AssistantDirectionTwoTone = _interopRequireDefault(require("./AssistantDirectionTwoTone"));
+var _AssistantOutlined = _interopRequireDefault(require("./AssistantOutlined"));
+var _AssistantPhoto = _interopRequireDefault(require("./AssistantPhoto"));
+var _AssistantPhotoOutlined = _interopRequireDefault(require("./AssistantPhotoOutlined"));
+var _AssistantPhotoRounded = _interopRequireDefault(require("./AssistantPhotoRounded"));
+var _AssistantPhotoSharp = _interopRequireDefault(require("./AssistantPhotoSharp"));
+var _AssistantPhotoTwoTone = _interopRequireDefault(require("./AssistantPhotoTwoTone"));
+var _AssistantRounded = _interopRequireDefault(require("./AssistantRounded"));
+var _AssistantSharp = _interopRequireDefault(require("./AssistantSharp"));
+var _AssistantTwoTone = _interopRequireDefault(require("./AssistantTwoTone"));
+var _AssuredWorkload = _interopRequireDefault(require("./AssuredWorkload"));
+var _AssuredWorkloadOutlined = _interopRequireDefault(require("./AssuredWorkloadOutlined"));
+var _AssuredWorkloadRounded = _interopRequireDefault(require("./AssuredWorkloadRounded"));
+var _AssuredWorkloadSharp = _interopRequireDefault(require("./AssuredWorkloadSharp"));
+var _AssuredWorkloadTwoTone = _interopRequireDefault(require("./AssuredWorkloadTwoTone"));
+var _Atm = _interopRequireDefault(require("./Atm"));
+var _AtmOutlined = _interopRequireDefault(require("./AtmOutlined"));
+var _AtmRounded = _interopRequireDefault(require("./AtmRounded"));
+var _AtmSharp = _interopRequireDefault(require("./AtmSharp"));
+var _AtmTwoTone = _interopRequireDefault(require("./AtmTwoTone"));
+var _AttachEmail = _interopRequireDefault(require("./AttachEmail"));
+var _AttachEmailOutlined = _interopRequireDefault(require("./AttachEmailOutlined"));
+var _AttachEmailRounded = _interopRequireDefault(require("./AttachEmailRounded"));
+var _AttachEmailSharp = _interopRequireDefault(require("./AttachEmailSharp"));
+var _AttachEmailTwoTone = _interopRequireDefault(require("./AttachEmailTwoTone"));
+var _AttachFile = _interopRequireDefault(require("./AttachFile"));
+var _AttachFileOutlined = _interopRequireDefault(require("./AttachFileOutlined"));
+var _AttachFileRounded = _interopRequireDefault(require("./AttachFileRounded"));
+var _AttachFileSharp = _interopRequireDefault(require("./AttachFileSharp"));
+var _AttachFileTwoTone = _interopRequireDefault(require("./AttachFileTwoTone"));
+var _AttachMoney = _interopRequireDefault(require("./AttachMoney"));
+var _AttachMoneyOutlined = _interopRequireDefault(require("./AttachMoneyOutlined"));
+var _AttachMoneyRounded = _interopRequireDefault(require("./AttachMoneyRounded"));
+var _AttachMoneySharp = _interopRequireDefault(require("./AttachMoneySharp"));
+var _AttachMoneyTwoTone = _interopRequireDefault(require("./AttachMoneyTwoTone"));
+var _Attachment = _interopRequireDefault(require("./Attachment"));
+var _AttachmentOutlined = _interopRequireDefault(require("./AttachmentOutlined"));
+var _AttachmentRounded = _interopRequireDefault(require("./AttachmentRounded"));
+var _AttachmentSharp = _interopRequireDefault(require("./AttachmentSharp"));
+var _AttachmentTwoTone = _interopRequireDefault(require("./AttachmentTwoTone"));
+var _Attractions = _interopRequireDefault(require("./Attractions"));
+var _AttractionsOutlined = _interopRequireDefault(require("./AttractionsOutlined"));
+var _AttractionsRounded = _interopRequireDefault(require("./AttractionsRounded"));
+var _AttractionsSharp = _interopRequireDefault(require("./AttractionsSharp"));
+var _AttractionsTwoTone = _interopRequireDefault(require("./AttractionsTwoTone"));
+var _Attribution = _interopRequireDefault(require("./Attribution"));
+var _AttributionOutlined = _interopRequireDefault(require("./AttributionOutlined"));
+var _AttributionRounded = _interopRequireDefault(require("./AttributionRounded"));
+var _AttributionSharp = _interopRequireDefault(require("./AttributionSharp"));
+var _AttributionTwoTone = _interopRequireDefault(require("./AttributionTwoTone"));
+var _AudioFile = _interopRequireDefault(require("./AudioFile"));
+var _AudioFileOutlined = _interopRequireDefault(require("./AudioFileOutlined"));
+var _AudioFileRounded = _interopRequireDefault(require("./AudioFileRounded"));
+var _AudioFileSharp = _interopRequireDefault(require("./AudioFileSharp"));
+var _AudioFileTwoTone = _interopRequireDefault(require("./AudioFileTwoTone"));
+var _Audiotrack = _interopRequireDefault(require("./Audiotrack"));
+var _AudiotrackOutlined = _interopRequireDefault(require("./AudiotrackOutlined"));
+var _AudiotrackRounded = _interopRequireDefault(require("./AudiotrackRounded"));
+var _AudiotrackSharp = _interopRequireDefault(require("./AudiotrackSharp"));
+var _AudiotrackTwoTone = _interopRequireDefault(require("./AudiotrackTwoTone"));
+var _AutoAwesome = _interopRequireDefault(require("./AutoAwesome"));
+var _AutoAwesomeMosaic = _interopRequireDefault(require("./AutoAwesomeMosaic"));
+var _AutoAwesomeMosaicOutlined = _interopRequireDefault(require("./AutoAwesomeMosaicOutlined"));
+var _AutoAwesomeMosaicRounded = _interopRequireDefault(require("./AutoAwesomeMosaicRounded"));
+var _AutoAwesomeMosaicSharp = _interopRequireDefault(require("./AutoAwesomeMosaicSharp"));
+var _AutoAwesomeMosaicTwoTone = _interopRequireDefault(require("./AutoAwesomeMosaicTwoTone"));
+var _AutoAwesomeMotion = _interopRequireDefault(require("./AutoAwesomeMotion"));
+var _AutoAwesomeMotionOutlined = _interopRequireDefault(require("./AutoAwesomeMotionOutlined"));
+var _AutoAwesomeMotionRounded = _interopRequireDefault(require("./AutoAwesomeMotionRounded"));
+var _AutoAwesomeMotionSharp = _interopRequireDefault(require("./AutoAwesomeMotionSharp"));
+var _AutoAwesomeMotionTwoTone = _interopRequireDefault(require("./AutoAwesomeMotionTwoTone"));
+var _AutoAwesomeOutlined = _interopRequireDefault(require("./AutoAwesomeOutlined"));
+var _AutoAwesomeRounded = _interopRequireDefault(require("./AutoAwesomeRounded"));
+var _AutoAwesomeSharp = _interopRequireDefault(require("./AutoAwesomeSharp"));
+var _AutoAwesomeTwoTone = _interopRequireDefault(require("./AutoAwesomeTwoTone"));
+var _AutoDelete = _interopRequireDefault(require("./AutoDelete"));
+var _AutoDeleteOutlined = _interopRequireDefault(require("./AutoDeleteOutlined"));
+var _AutoDeleteRounded = _interopRequireDefault(require("./AutoDeleteRounded"));
+var _AutoDeleteSharp = _interopRequireDefault(require("./AutoDeleteSharp"));
+var _AutoDeleteTwoTone = _interopRequireDefault(require("./AutoDeleteTwoTone"));
+var _AutoFixHigh = _interopRequireDefault(require("./AutoFixHigh"));
+var _AutoFixHighOutlined = _interopRequireDefault(require("./AutoFixHighOutlined"));
+var _AutoFixHighRounded = _interopRequireDefault(require("./AutoFixHighRounded"));
+var _AutoFixHighSharp = _interopRequireDefault(require("./AutoFixHighSharp"));
+var _AutoFixHighTwoTone = _interopRequireDefault(require("./AutoFixHighTwoTone"));
+var _AutoFixNormal = _interopRequireDefault(require("./AutoFixNormal"));
+var _AutoFixNormalOutlined = _interopRequireDefault(require("./AutoFixNormalOutlined"));
+var _AutoFixNormalRounded = _interopRequireDefault(require("./AutoFixNormalRounded"));
+var _AutoFixNormalSharp = _interopRequireDefault(require("./AutoFixNormalSharp"));
+var _AutoFixNormalTwoTone = _interopRequireDefault(require("./AutoFixNormalTwoTone"));
+var _AutoFixOff = _interopRequireDefault(require("./AutoFixOff"));
+var _AutoFixOffOutlined = _interopRequireDefault(require("./AutoFixOffOutlined"));
+var _AutoFixOffRounded = _interopRequireDefault(require("./AutoFixOffRounded"));
+var _AutoFixOffSharp = _interopRequireDefault(require("./AutoFixOffSharp"));
+var _AutoFixOffTwoTone = _interopRequireDefault(require("./AutoFixOffTwoTone"));
+var _AutoGraph = _interopRequireDefault(require("./AutoGraph"));
+var _AutoGraphOutlined = _interopRequireDefault(require("./AutoGraphOutlined"));
+var _AutoGraphRounded = _interopRequireDefault(require("./AutoGraphRounded"));
+var _AutoGraphSharp = _interopRequireDefault(require("./AutoGraphSharp"));
+var _AutoGraphTwoTone = _interopRequireDefault(require("./AutoGraphTwoTone"));
+var _AutoMode = _interopRequireDefault(require("./AutoMode"));
+var _AutoModeOutlined = _interopRequireDefault(require("./AutoModeOutlined"));
+var _AutoModeRounded = _interopRequireDefault(require("./AutoModeRounded"));
+var _AutoModeSharp = _interopRequireDefault(require("./AutoModeSharp"));
+var _AutoModeTwoTone = _interopRequireDefault(require("./AutoModeTwoTone"));
+var _AutoStories = _interopRequireDefault(require("./AutoStories"));
+var _AutoStoriesOutlined = _interopRequireDefault(require("./AutoStoriesOutlined"));
+var _AutoStoriesRounded = _interopRequireDefault(require("./AutoStoriesRounded"));
+var _AutoStoriesSharp = _interopRequireDefault(require("./AutoStoriesSharp"));
+var _AutoStoriesTwoTone = _interopRequireDefault(require("./AutoStoriesTwoTone"));
+var _AutofpsSelect = _interopRequireDefault(require("./AutofpsSelect"));
+var _AutofpsSelectOutlined = _interopRequireDefault(require("./AutofpsSelectOutlined"));
+var _AutofpsSelectRounded = _interopRequireDefault(require("./AutofpsSelectRounded"));
+var _AutofpsSelectSharp = _interopRequireDefault(require("./AutofpsSelectSharp"));
+var _AutofpsSelectTwoTone = _interopRequireDefault(require("./AutofpsSelectTwoTone"));
+var _Autorenew = _interopRequireDefault(require("./Autorenew"));
+var _AutorenewOutlined = _interopRequireDefault(require("./AutorenewOutlined"));
+var _AutorenewRounded = _interopRequireDefault(require("./AutorenewRounded"));
+var _AutorenewSharp = _interopRequireDefault(require("./AutorenewSharp"));
+var _AutorenewTwoTone = _interopRequireDefault(require("./AutorenewTwoTone"));
+var _AvTimer = _interopRequireDefault(require("./AvTimer"));
+var _AvTimerOutlined = _interopRequireDefault(require("./AvTimerOutlined"));
+var _AvTimerRounded = _interopRequireDefault(require("./AvTimerRounded"));
+var _AvTimerSharp = _interopRequireDefault(require("./AvTimerSharp"));
+var _AvTimerTwoTone = _interopRequireDefault(require("./AvTimerTwoTone"));
+var _BabyChangingStation = _interopRequireDefault(require("./BabyChangingStation"));
+var _BabyChangingStationOutlined = _interopRequireDefault(require("./BabyChangingStationOutlined"));
+var _BabyChangingStationRounded = _interopRequireDefault(require("./BabyChangingStationRounded"));
+var _BabyChangingStationSharp = _interopRequireDefault(require("./BabyChangingStationSharp"));
+var _BabyChangingStationTwoTone = _interopRequireDefault(require("./BabyChangingStationTwoTone"));
+var _BackHand = _interopRequireDefault(require("./BackHand"));
+var _BackHandOutlined = _interopRequireDefault(require("./BackHandOutlined"));
+var _BackHandRounded = _interopRequireDefault(require("./BackHandRounded"));
+var _BackHandSharp = _interopRequireDefault(require("./BackHandSharp"));
+var _BackHandTwoTone = _interopRequireDefault(require("./BackHandTwoTone"));
+var _Backpack = _interopRequireDefault(require("./Backpack"));
+var _BackpackOutlined = _interopRequireDefault(require("./BackpackOutlined"));
+var _BackpackRounded = _interopRequireDefault(require("./BackpackRounded"));
+var _BackpackSharp = _interopRequireDefault(require("./BackpackSharp"));
+var _BackpackTwoTone = _interopRequireDefault(require("./BackpackTwoTone"));
+var _Backspace = _interopRequireDefault(require("./Backspace"));
+var _BackspaceOutlined = _interopRequireDefault(require("./BackspaceOutlined"));
+var _BackspaceRounded = _interopRequireDefault(require("./BackspaceRounded"));
+var _BackspaceSharp = _interopRequireDefault(require("./BackspaceSharp"));
+var _BackspaceTwoTone = _interopRequireDefault(require("./BackspaceTwoTone"));
+var _Backup = _interopRequireDefault(require("./Backup"));
+var _BackupOutlined = _interopRequireDefault(require("./BackupOutlined"));
+var _BackupRounded = _interopRequireDefault(require("./BackupRounded"));
+var _BackupSharp = _interopRequireDefault(require("./BackupSharp"));
+var _BackupTable = _interopRequireDefault(require("./BackupTable"));
+var _BackupTableOutlined = _interopRequireDefault(require("./BackupTableOutlined"));
+var _BackupTableRounded = _interopRequireDefault(require("./BackupTableRounded"));
+var _BackupTableSharp = _interopRequireDefault(require("./BackupTableSharp"));
+var _BackupTableTwoTone = _interopRequireDefault(require("./BackupTableTwoTone"));
+var _BackupTwoTone = _interopRequireDefault(require("./BackupTwoTone"));
+var _Badge = _interopRequireDefault(require("./Badge"));
+var _BadgeOutlined = _interopRequireDefault(require("./BadgeOutlined"));
+var _BadgeRounded = _interopRequireDefault(require("./BadgeRounded"));
+var _BadgeSharp = _interopRequireDefault(require("./BadgeSharp"));
+var _BadgeTwoTone = _interopRequireDefault(require("./BadgeTwoTone"));
+var _BakeryDining = _interopRequireDefault(require("./BakeryDining"));
+var _BakeryDiningOutlined = _interopRequireDefault(require("./BakeryDiningOutlined"));
+var _BakeryDiningRounded = _interopRequireDefault(require("./BakeryDiningRounded"));
+var _BakeryDiningSharp = _interopRequireDefault(require("./BakeryDiningSharp"));
+var _BakeryDiningTwoTone = _interopRequireDefault(require("./BakeryDiningTwoTone"));
+var _Balance = _interopRequireDefault(require("./Balance"));
+var _BalanceOutlined = _interopRequireDefault(require("./BalanceOutlined"));
+var _BalanceRounded = _interopRequireDefault(require("./BalanceRounded"));
+var _BalanceSharp = _interopRequireDefault(require("./BalanceSharp"));
+var _BalanceTwoTone = _interopRequireDefault(require("./BalanceTwoTone"));
+var _Balcony = _interopRequireDefault(require("./Balcony"));
+var _BalconyOutlined = _interopRequireDefault(require("./BalconyOutlined"));
+var _BalconyRounded = _interopRequireDefault(require("./BalconyRounded"));
+var _BalconySharp = _interopRequireDefault(require("./BalconySharp"));
+var _BalconyTwoTone = _interopRequireDefault(require("./BalconyTwoTone"));
+var _Ballot = _interopRequireDefault(require("./Ballot"));
+var _BallotOutlined = _interopRequireDefault(require("./BallotOutlined"));
+var _BallotRounded = _interopRequireDefault(require("./BallotRounded"));
+var _BallotSharp = _interopRequireDefault(require("./BallotSharp"));
+var _BallotTwoTone = _interopRequireDefault(require("./BallotTwoTone"));
+var _BarChart = _interopRequireDefault(require("./BarChart"));
+var _BarChartOutlined = _interopRequireDefault(require("./BarChartOutlined"));
+var _BarChartRounded = _interopRequireDefault(require("./BarChartRounded"));
+var _BarChartSharp = _interopRequireDefault(require("./BarChartSharp"));
+var _BarChartTwoTone = _interopRequireDefault(require("./BarChartTwoTone"));
+var _BatchPrediction = _interopRequireDefault(require("./BatchPrediction"));
+var _BatchPredictionOutlined = _interopRequireDefault(require("./BatchPredictionOutlined"));
+var _BatchPredictionRounded = _interopRequireDefault(require("./BatchPredictionRounded"));
+var _BatchPredictionSharp = _interopRequireDefault(require("./BatchPredictionSharp"));
+var _BatchPredictionTwoTone = _interopRequireDefault(require("./BatchPredictionTwoTone"));
+var _Bathroom = _interopRequireDefault(require("./Bathroom"));
+var _BathroomOutlined = _interopRequireDefault(require("./BathroomOutlined"));
+var _BathroomRounded = _interopRequireDefault(require("./BathroomRounded"));
+var _BathroomSharp = _interopRequireDefault(require("./BathroomSharp"));
+var _BathroomTwoTone = _interopRequireDefault(require("./BathroomTwoTone"));
+var _Bathtub = _interopRequireDefault(require("./Bathtub"));
+var _BathtubOutlined = _interopRequireDefault(require("./BathtubOutlined"));
+var _BathtubRounded = _interopRequireDefault(require("./BathtubRounded"));
+var _BathtubSharp = _interopRequireDefault(require("./BathtubSharp"));
+var _BathtubTwoTone = _interopRequireDefault(require("./BathtubTwoTone"));
+var _Battery0Bar = _interopRequireDefault(require("./Battery0Bar"));
+var _Battery0BarOutlined = _interopRequireDefault(require("./Battery0BarOutlined"));
+var _Battery0BarRounded = _interopRequireDefault(require("./Battery0BarRounded"));
+var _Battery0BarSharp = _interopRequireDefault(require("./Battery0BarSharp"));
+var _Battery0BarTwoTone = _interopRequireDefault(require("./Battery0BarTwoTone"));
+var _Battery1Bar = _interopRequireDefault(require("./Battery1Bar"));
+var _Battery1BarOutlined = _interopRequireDefault(require("./Battery1BarOutlined"));
+var _Battery1BarRounded = _interopRequireDefault(require("./Battery1BarRounded"));
+var _Battery1BarSharp = _interopRequireDefault(require("./Battery1BarSharp"));
+var _Battery1BarTwoTone = _interopRequireDefault(require("./Battery1BarTwoTone"));
+var _Battery = _interopRequireDefault(require("./Battery20"));
+var _Battery20Outlined = _interopRequireDefault(require("./Battery20Outlined"));
+var _Battery20Rounded = _interopRequireDefault(require("./Battery20Rounded"));
+var _Battery20Sharp = _interopRequireDefault(require("./Battery20Sharp"));
+var _Battery20TwoTone = _interopRequireDefault(require("./Battery20TwoTone"));
+var _Battery2Bar = _interopRequireDefault(require("./Battery2Bar"));
+var _Battery2BarOutlined = _interopRequireDefault(require("./Battery2BarOutlined"));
+var _Battery2BarRounded = _interopRequireDefault(require("./Battery2BarRounded"));
+var _Battery2BarSharp = _interopRequireDefault(require("./Battery2BarSharp"));
+var _Battery2BarTwoTone = _interopRequireDefault(require("./Battery2BarTwoTone"));
+var _Battery2 = _interopRequireDefault(require("./Battery30"));
+var _Battery30Outlined = _interopRequireDefault(require("./Battery30Outlined"));
+var _Battery30Rounded = _interopRequireDefault(require("./Battery30Rounded"));
+var _Battery30Sharp = _interopRequireDefault(require("./Battery30Sharp"));
+var _Battery30TwoTone = _interopRequireDefault(require("./Battery30TwoTone"));
+var _Battery3Bar = _interopRequireDefault(require("./Battery3Bar"));
+var _Battery3BarOutlined = _interopRequireDefault(require("./Battery3BarOutlined"));
+var _Battery3BarRounded = _interopRequireDefault(require("./Battery3BarRounded"));
+var _Battery3BarSharp = _interopRequireDefault(require("./Battery3BarSharp"));
+var _Battery3BarTwoTone = _interopRequireDefault(require("./Battery3BarTwoTone"));
+var _Battery4Bar = _interopRequireDefault(require("./Battery4Bar"));
+var _Battery4BarOutlined = _interopRequireDefault(require("./Battery4BarOutlined"));
+var _Battery4BarRounded = _interopRequireDefault(require("./Battery4BarRounded"));
+var _Battery4BarSharp = _interopRequireDefault(require("./Battery4BarSharp"));
+var _Battery4BarTwoTone = _interopRequireDefault(require("./Battery4BarTwoTone"));
+var _Battery3 = _interopRequireDefault(require("./Battery50"));
+var _Battery50Outlined = _interopRequireDefault(require("./Battery50Outlined"));
+var _Battery50Rounded = _interopRequireDefault(require("./Battery50Rounded"));
+var _Battery50Sharp = _interopRequireDefault(require("./Battery50Sharp"));
+var _Battery50TwoTone = _interopRequireDefault(require("./Battery50TwoTone"));
+var _Battery5Bar = _interopRequireDefault(require("./Battery5Bar"));
+var _Battery5BarOutlined = _interopRequireDefault(require("./Battery5BarOutlined"));
+var _Battery5BarRounded = _interopRequireDefault(require("./Battery5BarRounded"));
+var _Battery5BarSharp = _interopRequireDefault(require("./Battery5BarSharp"));
+var _Battery5BarTwoTone = _interopRequireDefault(require("./Battery5BarTwoTone"));
+var _Battery4 = _interopRequireDefault(require("./Battery60"));
+var _Battery60Outlined = _interopRequireDefault(require("./Battery60Outlined"));
+var _Battery60Rounded = _interopRequireDefault(require("./Battery60Rounded"));
+var _Battery60Sharp = _interopRequireDefault(require("./Battery60Sharp"));
+var _Battery60TwoTone = _interopRequireDefault(require("./Battery60TwoTone"));
+var _Battery6Bar = _interopRequireDefault(require("./Battery6Bar"));
+var _Battery6BarOutlined = _interopRequireDefault(require("./Battery6BarOutlined"));
+var _Battery6BarRounded = _interopRequireDefault(require("./Battery6BarRounded"));
+var _Battery6BarSharp = _interopRequireDefault(require("./Battery6BarSharp"));
+var _Battery6BarTwoTone = _interopRequireDefault(require("./Battery6BarTwoTone"));
+var _Battery5 = _interopRequireDefault(require("./Battery80"));
+var _Battery80Outlined = _interopRequireDefault(require("./Battery80Outlined"));
+var _Battery80Rounded = _interopRequireDefault(require("./Battery80Rounded"));
+var _Battery80Sharp = _interopRequireDefault(require("./Battery80Sharp"));
+var _Battery80TwoTone = _interopRequireDefault(require("./Battery80TwoTone"));
+var _Battery6 = _interopRequireDefault(require("./Battery90"));
+var _Battery90Outlined = _interopRequireDefault(require("./Battery90Outlined"));
+var _Battery90Rounded = _interopRequireDefault(require("./Battery90Rounded"));
+var _Battery90Sharp = _interopRequireDefault(require("./Battery90Sharp"));
+var _Battery90TwoTone = _interopRequireDefault(require("./Battery90TwoTone"));
+var _BatteryAlert = _interopRequireDefault(require("./BatteryAlert"));
+var _BatteryAlertOutlined = _interopRequireDefault(require("./BatteryAlertOutlined"));
+var _BatteryAlertRounded = _interopRequireDefault(require("./BatteryAlertRounded"));
+var _BatteryAlertSharp = _interopRequireDefault(require("./BatteryAlertSharp"));
+var _BatteryAlertTwoTone = _interopRequireDefault(require("./BatteryAlertTwoTone"));
+var _BatteryCharging = _interopRequireDefault(require("./BatteryCharging20"));
+var _BatteryCharging20Outlined = _interopRequireDefault(require("./BatteryCharging20Outlined"));
+var _BatteryCharging20Rounded = _interopRequireDefault(require("./BatteryCharging20Rounded"));
+var _BatteryCharging20Sharp = _interopRequireDefault(require("./BatteryCharging20Sharp"));
+var _BatteryCharging20TwoTone = _interopRequireDefault(require("./BatteryCharging20TwoTone"));
+var _BatteryCharging2 = _interopRequireDefault(require("./BatteryCharging30"));
+var _BatteryCharging30Outlined = _interopRequireDefault(require("./BatteryCharging30Outlined"));
+var _BatteryCharging30Rounded = _interopRequireDefault(require("./BatteryCharging30Rounded"));
+var _BatteryCharging30Sharp = _interopRequireDefault(require("./BatteryCharging30Sharp"));
+var _BatteryCharging30TwoTone = _interopRequireDefault(require("./BatteryCharging30TwoTone"));
+var _BatteryCharging3 = _interopRequireDefault(require("./BatteryCharging50"));
+var _BatteryCharging50Outlined = _interopRequireDefault(require("./BatteryCharging50Outlined"));
+var _BatteryCharging50Rounded = _interopRequireDefault(require("./BatteryCharging50Rounded"));
+var _BatteryCharging50Sharp = _interopRequireDefault(require("./BatteryCharging50Sharp"));
+var _BatteryCharging50TwoTone = _interopRequireDefault(require("./BatteryCharging50TwoTone"));
+var _BatteryCharging4 = _interopRequireDefault(require("./BatteryCharging60"));
+var _BatteryCharging60Outlined = _interopRequireDefault(require("./BatteryCharging60Outlined"));
+var _BatteryCharging60Rounded = _interopRequireDefault(require("./BatteryCharging60Rounded"));
+var _BatteryCharging60Sharp = _interopRequireDefault(require("./BatteryCharging60Sharp"));
+var _BatteryCharging60TwoTone = _interopRequireDefault(require("./BatteryCharging60TwoTone"));
+var _BatteryCharging5 = _interopRequireDefault(require("./BatteryCharging80"));
+var _BatteryCharging80Outlined = _interopRequireDefault(require("./BatteryCharging80Outlined"));
+var _BatteryCharging80Rounded = _interopRequireDefault(require("./BatteryCharging80Rounded"));
+var _BatteryCharging80Sharp = _interopRequireDefault(require("./BatteryCharging80Sharp"));
+var _BatteryCharging80TwoTone = _interopRequireDefault(require("./BatteryCharging80TwoTone"));
+var _BatteryCharging6 = _interopRequireDefault(require("./BatteryCharging90"));
+var _BatteryCharging90Outlined = _interopRequireDefault(require("./BatteryCharging90Outlined"));
+var _BatteryCharging90Rounded = _interopRequireDefault(require("./BatteryCharging90Rounded"));
+var _BatteryCharging90Sharp = _interopRequireDefault(require("./BatteryCharging90Sharp"));
+var _BatteryCharging90TwoTone = _interopRequireDefault(require("./BatteryCharging90TwoTone"));
+var _BatteryChargingFull = _interopRequireDefault(require("./BatteryChargingFull"));
+var _BatteryChargingFullOutlined = _interopRequireDefault(require("./BatteryChargingFullOutlined"));
+var _BatteryChargingFullRounded = _interopRequireDefault(require("./BatteryChargingFullRounded"));
+var _BatteryChargingFullSharp = _interopRequireDefault(require("./BatteryChargingFullSharp"));
+var _BatteryChargingFullTwoTone = _interopRequireDefault(require("./BatteryChargingFullTwoTone"));
+var _BatteryFull = _interopRequireDefault(require("./BatteryFull"));
+var _BatteryFullOutlined = _interopRequireDefault(require("./BatteryFullOutlined"));
+var _BatteryFullRounded = _interopRequireDefault(require("./BatteryFullRounded"));
+var _BatteryFullSharp = _interopRequireDefault(require("./BatteryFullSharp"));
+var _BatteryFullTwoTone = _interopRequireDefault(require("./BatteryFullTwoTone"));
+var _BatterySaver = _interopRequireDefault(require("./BatterySaver"));
+var _BatterySaverOutlined = _interopRequireDefault(require("./BatterySaverOutlined"));
+var _BatterySaverRounded = _interopRequireDefault(require("./BatterySaverRounded"));
+var _BatterySaverSharp = _interopRequireDefault(require("./BatterySaverSharp"));
+var _BatterySaverTwoTone = _interopRequireDefault(require("./BatterySaverTwoTone"));
+var _BatteryStd = _interopRequireDefault(require("./BatteryStd"));
+var _BatteryStdOutlined = _interopRequireDefault(require("./BatteryStdOutlined"));
+var _BatteryStdRounded = _interopRequireDefault(require("./BatteryStdRounded"));
+var _BatteryStdSharp = _interopRequireDefault(require("./BatteryStdSharp"));
+var _BatteryStdTwoTone = _interopRequireDefault(require("./BatteryStdTwoTone"));
+var _BatteryUnknown = _interopRequireDefault(require("./BatteryUnknown"));
+var _BatteryUnknownOutlined = _interopRequireDefault(require("./BatteryUnknownOutlined"));
+var _BatteryUnknownRounded = _interopRequireDefault(require("./BatteryUnknownRounded"));
+var _BatteryUnknownSharp = _interopRequireDefault(require("./BatteryUnknownSharp"));
+var _BatteryUnknownTwoTone = _interopRequireDefault(require("./BatteryUnknownTwoTone"));
+var _BeachAccess = _interopRequireDefault(require("./BeachAccess"));
+var _BeachAccessOutlined = _interopRequireDefault(require("./BeachAccessOutlined"));
+var _BeachAccessRounded = _interopRequireDefault(require("./BeachAccessRounded"));
+var _BeachAccessSharp = _interopRequireDefault(require("./BeachAccessSharp"));
+var _BeachAccessTwoTone = _interopRequireDefault(require("./BeachAccessTwoTone"));
+var _Bed = _interopRequireDefault(require("./Bed"));
+var _BedOutlined = _interopRequireDefault(require("./BedOutlined"));
+var _BedRounded = _interopRequireDefault(require("./BedRounded"));
+var _BedSharp = _interopRequireDefault(require("./BedSharp"));
+var _BedTwoTone = _interopRequireDefault(require("./BedTwoTone"));
+var _BedroomBaby = _interopRequireDefault(require("./BedroomBaby"));
+var _BedroomBabyOutlined = _interopRequireDefault(require("./BedroomBabyOutlined"));
+var _BedroomBabyRounded = _interopRequireDefault(require("./BedroomBabyRounded"));
+var _BedroomBabySharp = _interopRequireDefault(require("./BedroomBabySharp"));
+var _BedroomBabyTwoTone = _interopRequireDefault(require("./BedroomBabyTwoTone"));
+var _BedroomChild = _interopRequireDefault(require("./BedroomChild"));
+var _BedroomChildOutlined = _interopRequireDefault(require("./BedroomChildOutlined"));
+var _BedroomChildRounded = _interopRequireDefault(require("./BedroomChildRounded"));
+var _BedroomChildSharp = _interopRequireDefault(require("./BedroomChildSharp"));
+var _BedroomChildTwoTone = _interopRequireDefault(require("./BedroomChildTwoTone"));
+var _BedroomParent = _interopRequireDefault(require("./BedroomParent"));
+var _BedroomParentOutlined = _interopRequireDefault(require("./BedroomParentOutlined"));
+var _BedroomParentRounded = _interopRequireDefault(require("./BedroomParentRounded"));
+var _BedroomParentSharp = _interopRequireDefault(require("./BedroomParentSharp"));
+var _BedroomParentTwoTone = _interopRequireDefault(require("./BedroomParentTwoTone"));
+var _Bedtime = _interopRequireDefault(require("./Bedtime"));
+var _BedtimeOff = _interopRequireDefault(require("./BedtimeOff"));
+var _BedtimeOffOutlined = _interopRequireDefault(require("./BedtimeOffOutlined"));
+var _BedtimeOffRounded = _interopRequireDefault(require("./BedtimeOffRounded"));
+var _BedtimeOffSharp = _interopRequireDefault(require("./BedtimeOffSharp"));
+var _BedtimeOffTwoTone = _interopRequireDefault(require("./BedtimeOffTwoTone"));
+var _BedtimeOutlined = _interopRequireDefault(require("./BedtimeOutlined"));
+var _BedtimeRounded = _interopRequireDefault(require("./BedtimeRounded"));
+var _BedtimeSharp = _interopRequireDefault(require("./BedtimeSharp"));
+var _BedtimeTwoTone = _interopRequireDefault(require("./BedtimeTwoTone"));
+var _Beenhere = _interopRequireDefault(require("./Beenhere"));
+var _BeenhereOutlined = _interopRequireDefault(require("./BeenhereOutlined"));
+var _BeenhereRounded = _interopRequireDefault(require("./BeenhereRounded"));
+var _BeenhereSharp = _interopRequireDefault(require("./BeenhereSharp"));
+var _BeenhereTwoTone = _interopRequireDefault(require("./BeenhereTwoTone"));
+var _Bento = _interopRequireDefault(require("./Bento"));
+var _BentoOutlined = _interopRequireDefault(require("./BentoOutlined"));
+var _BentoRounded = _interopRequireDefault(require("./BentoRounded"));
+var _BentoSharp = _interopRequireDefault(require("./BentoSharp"));
+var _BentoTwoTone = _interopRequireDefault(require("./BentoTwoTone"));
+var _BikeScooter = _interopRequireDefault(require("./BikeScooter"));
+var _BikeScooterOutlined = _interopRequireDefault(require("./BikeScooterOutlined"));
+var _BikeScooterRounded = _interopRequireDefault(require("./BikeScooterRounded"));
+var _BikeScooterSharp = _interopRequireDefault(require("./BikeScooterSharp"));
+var _BikeScooterTwoTone = _interopRequireDefault(require("./BikeScooterTwoTone"));
+var _Biotech = _interopRequireDefault(require("./Biotech"));
+var _BiotechOutlined = _interopRequireDefault(require("./BiotechOutlined"));
+var _BiotechRounded = _interopRequireDefault(require("./BiotechRounded"));
+var _BiotechSharp = _interopRequireDefault(require("./BiotechSharp"));
+var _BiotechTwoTone = _interopRequireDefault(require("./BiotechTwoTone"));
+var _Blender = _interopRequireDefault(require("./Blender"));
+var _BlenderOutlined = _interopRequireDefault(require("./BlenderOutlined"));
+var _BlenderRounded = _interopRequireDefault(require("./BlenderRounded"));
+var _BlenderSharp = _interopRequireDefault(require("./BlenderSharp"));
+var _BlenderTwoTone = _interopRequireDefault(require("./BlenderTwoTone"));
+var _Blind = _interopRequireDefault(require("./Blind"));
+var _BlindOutlined = _interopRequireDefault(require("./BlindOutlined"));
+var _BlindRounded = _interopRequireDefault(require("./BlindRounded"));
+var _BlindSharp = _interopRequireDefault(require("./BlindSharp"));
+var _BlindTwoTone = _interopRequireDefault(require("./BlindTwoTone"));
+var _Blinds = _interopRequireDefault(require("./Blinds"));
+var _BlindsClosed = _interopRequireDefault(require("./BlindsClosed"));
+var _BlindsClosedOutlined = _interopRequireDefault(require("./BlindsClosedOutlined"));
+var _BlindsClosedRounded = _interopRequireDefault(require("./BlindsClosedRounded"));
+var _BlindsClosedSharp = _interopRequireDefault(require("./BlindsClosedSharp"));
+var _BlindsClosedTwoTone = _interopRequireDefault(require("./BlindsClosedTwoTone"));
+var _BlindsOutlined = _interopRequireDefault(require("./BlindsOutlined"));
+var _BlindsRounded = _interopRequireDefault(require("./BlindsRounded"));
+var _BlindsSharp = _interopRequireDefault(require("./BlindsSharp"));
+var _BlindsTwoTone = _interopRequireDefault(require("./BlindsTwoTone"));
+var _Block = _interopRequireDefault(require("./Block"));
+var _BlockOutlined = _interopRequireDefault(require("./BlockOutlined"));
+var _BlockRounded = _interopRequireDefault(require("./BlockRounded"));
+var _BlockSharp = _interopRequireDefault(require("./BlockSharp"));
+var _BlockTwoTone = _interopRequireDefault(require("./BlockTwoTone"));
+var _Bloodtype = _interopRequireDefault(require("./Bloodtype"));
+var _BloodtypeOutlined = _interopRequireDefault(require("./BloodtypeOutlined"));
+var _BloodtypeRounded = _interopRequireDefault(require("./BloodtypeRounded"));
+var _BloodtypeSharp = _interopRequireDefault(require("./BloodtypeSharp"));
+var _BloodtypeTwoTone = _interopRequireDefault(require("./BloodtypeTwoTone"));
+var _Bluetooth = _interopRequireDefault(require("./Bluetooth"));
+var _BluetoothAudio = _interopRequireDefault(require("./BluetoothAudio"));
+var _BluetoothAudioOutlined = _interopRequireDefault(require("./BluetoothAudioOutlined"));
+var _BluetoothAudioRounded = _interopRequireDefault(require("./BluetoothAudioRounded"));
+var _BluetoothAudioSharp = _interopRequireDefault(require("./BluetoothAudioSharp"));
+var _BluetoothAudioTwoTone = _interopRequireDefault(require("./BluetoothAudioTwoTone"));
+var _BluetoothConnected = _interopRequireDefault(require("./BluetoothConnected"));
+var _BluetoothConnectedOutlined = _interopRequireDefault(require("./BluetoothConnectedOutlined"));
+var _BluetoothConnectedRounded = _interopRequireDefault(require("./BluetoothConnectedRounded"));
+var _BluetoothConnectedSharp = _interopRequireDefault(require("./BluetoothConnectedSharp"));
+var _BluetoothConnectedTwoTone = _interopRequireDefault(require("./BluetoothConnectedTwoTone"));
+var _BluetoothDisabled = _interopRequireDefault(require("./BluetoothDisabled"));
+var _BluetoothDisabledOutlined = _interopRequireDefault(require("./BluetoothDisabledOutlined"));
+var _BluetoothDisabledRounded = _interopRequireDefault(require("./BluetoothDisabledRounded"));
+var _BluetoothDisabledSharp = _interopRequireDefault(require("./BluetoothDisabledSharp"));
+var _BluetoothDisabledTwoTone = _interopRequireDefault(require("./BluetoothDisabledTwoTone"));
+var _BluetoothDrive = _interopRequireDefault(require("./BluetoothDrive"));
+var _BluetoothDriveOutlined = _interopRequireDefault(require("./BluetoothDriveOutlined"));
+var _BluetoothDriveRounded = _interopRequireDefault(require("./BluetoothDriveRounded"));
+var _BluetoothDriveSharp = _interopRequireDefault(require("./BluetoothDriveSharp"));
+var _BluetoothDriveTwoTone = _interopRequireDefault(require("./BluetoothDriveTwoTone"));
+var _BluetoothOutlined = _interopRequireDefault(require("./BluetoothOutlined"));
+var _BluetoothRounded = _interopRequireDefault(require("./BluetoothRounded"));
+var _BluetoothSearching = _interopRequireDefault(require("./BluetoothSearching"));
+var _BluetoothSearchingOutlined = _interopRequireDefault(require("./BluetoothSearchingOutlined"));
+var _BluetoothSearchingRounded = _interopRequireDefault(require("./BluetoothSearchingRounded"));
+var _BluetoothSearchingSharp = _interopRequireDefault(require("./BluetoothSearchingSharp"));
+var _BluetoothSearchingTwoTone = _interopRequireDefault(require("./BluetoothSearchingTwoTone"));
+var _BluetoothSharp = _interopRequireDefault(require("./BluetoothSharp"));
+var _BluetoothTwoTone = _interopRequireDefault(require("./BluetoothTwoTone"));
+var _BlurCircular = _interopRequireDefault(require("./BlurCircular"));
+var _BlurCircularOutlined = _interopRequireDefault(require("./BlurCircularOutlined"));
+var _BlurCircularRounded = _interopRequireDefault(require("./BlurCircularRounded"));
+var _BlurCircularSharp = _interopRequireDefault(require("./BlurCircularSharp"));
+var _BlurCircularTwoTone = _interopRequireDefault(require("./BlurCircularTwoTone"));
+var _BlurLinear = _interopRequireDefault(require("./BlurLinear"));
+var _BlurLinearOutlined = _interopRequireDefault(require("./BlurLinearOutlined"));
+var _BlurLinearRounded = _interopRequireDefault(require("./BlurLinearRounded"));
+var _BlurLinearSharp = _interopRequireDefault(require("./BlurLinearSharp"));
+var _BlurLinearTwoTone = _interopRequireDefault(require("./BlurLinearTwoTone"));
+var _BlurOff = _interopRequireDefault(require("./BlurOff"));
+var _BlurOffOutlined = _interopRequireDefault(require("./BlurOffOutlined"));
+var _BlurOffRounded = _interopRequireDefault(require("./BlurOffRounded"));
+var _BlurOffSharp = _interopRequireDefault(require("./BlurOffSharp"));
+var _BlurOffTwoTone = _interopRequireDefault(require("./BlurOffTwoTone"));
+var _BlurOn = _interopRequireDefault(require("./BlurOn"));
+var _BlurOnOutlined = _interopRequireDefault(require("./BlurOnOutlined"));
+var _BlurOnRounded = _interopRequireDefault(require("./BlurOnRounded"));
+var _BlurOnSharp = _interopRequireDefault(require("./BlurOnSharp"));
+var _BlurOnTwoTone = _interopRequireDefault(require("./BlurOnTwoTone"));
+var _Bolt = _interopRequireDefault(require("./Bolt"));
+var _BoltOutlined = _interopRequireDefault(require("./BoltOutlined"));
+var _BoltRounded = _interopRequireDefault(require("./BoltRounded"));
+var _BoltSharp = _interopRequireDefault(require("./BoltSharp"));
+var _BoltTwoTone = _interopRequireDefault(require("./BoltTwoTone"));
+var _Book = _interopRequireDefault(require("./Book"));
+var _BookOnline = _interopRequireDefault(require("./BookOnline"));
+var _BookOnlineOutlined = _interopRequireDefault(require("./BookOnlineOutlined"));
+var _BookOnlineRounded = _interopRequireDefault(require("./BookOnlineRounded"));
+var _BookOnlineSharp = _interopRequireDefault(require("./BookOnlineSharp"));
+var _BookOnlineTwoTone = _interopRequireDefault(require("./BookOnlineTwoTone"));
+var _BookOutlined = _interopRequireDefault(require("./BookOutlined"));
+var _BookRounded = _interopRequireDefault(require("./BookRounded"));
+var _BookSharp = _interopRequireDefault(require("./BookSharp"));
+var _BookTwoTone = _interopRequireDefault(require("./BookTwoTone"));
+var _Bookmark = _interopRequireDefault(require("./Bookmark"));
+var _BookmarkAdd = _interopRequireDefault(require("./BookmarkAdd"));
+var _BookmarkAddOutlined = _interopRequireDefault(require("./BookmarkAddOutlined"));
+var _BookmarkAddRounded = _interopRequireDefault(require("./BookmarkAddRounded"));
+var _BookmarkAddSharp = _interopRequireDefault(require("./BookmarkAddSharp"));
+var _BookmarkAddTwoTone = _interopRequireDefault(require("./BookmarkAddTwoTone"));
+var _BookmarkAdded = _interopRequireDefault(require("./BookmarkAdded"));
+var _BookmarkAddedOutlined = _interopRequireDefault(require("./BookmarkAddedOutlined"));
+var _BookmarkAddedRounded = _interopRequireDefault(require("./BookmarkAddedRounded"));
+var _BookmarkAddedSharp = _interopRequireDefault(require("./BookmarkAddedSharp"));
+var _BookmarkAddedTwoTone = _interopRequireDefault(require("./BookmarkAddedTwoTone"));
+var _BookmarkBorder = _interopRequireDefault(require("./BookmarkBorder"));
+var _BookmarkBorderOutlined = _interopRequireDefault(require("./BookmarkBorderOutlined"));
+var _BookmarkBorderRounded = _interopRequireDefault(require("./BookmarkBorderRounded"));
+var _BookmarkBorderSharp = _interopRequireDefault(require("./BookmarkBorderSharp"));
+var _BookmarkBorderTwoTone = _interopRequireDefault(require("./BookmarkBorderTwoTone"));
+var _BookmarkOutlined = _interopRequireDefault(require("./BookmarkOutlined"));
+var _BookmarkRemove = _interopRequireDefault(require("./BookmarkRemove"));
+var _BookmarkRemoveOutlined = _interopRequireDefault(require("./BookmarkRemoveOutlined"));
+var _BookmarkRemoveRounded = _interopRequireDefault(require("./BookmarkRemoveRounded"));
+var _BookmarkRemoveSharp = _interopRequireDefault(require("./BookmarkRemoveSharp"));
+var _BookmarkRemoveTwoTone = _interopRequireDefault(require("./BookmarkRemoveTwoTone"));
+var _BookmarkRounded = _interopRequireDefault(require("./BookmarkRounded"));
+var _BookmarkSharp = _interopRequireDefault(require("./BookmarkSharp"));
+var _BookmarkTwoTone = _interopRequireDefault(require("./BookmarkTwoTone"));
+var _Bookmarks = _interopRequireDefault(require("./Bookmarks"));
+var _BookmarksOutlined = _interopRequireDefault(require("./BookmarksOutlined"));
+var _BookmarksRounded = _interopRequireDefault(require("./BookmarksRounded"));
+var _BookmarksSharp = _interopRequireDefault(require("./BookmarksSharp"));
+var _BookmarksTwoTone = _interopRequireDefault(require("./BookmarksTwoTone"));
+var _BorderAll = _interopRequireDefault(require("./BorderAll"));
+var _BorderAllOutlined = _interopRequireDefault(require("./BorderAllOutlined"));
+var _BorderAllRounded = _interopRequireDefault(require("./BorderAllRounded"));
+var _BorderAllSharp = _interopRequireDefault(require("./BorderAllSharp"));
+var _BorderAllTwoTone = _interopRequireDefault(require("./BorderAllTwoTone"));
+var _BorderBottom = _interopRequireDefault(require("./BorderBottom"));
+var _BorderBottomOutlined = _interopRequireDefault(require("./BorderBottomOutlined"));
+var _BorderBottomRounded = _interopRequireDefault(require("./BorderBottomRounded"));
+var _BorderBottomSharp = _interopRequireDefault(require("./BorderBottomSharp"));
+var _BorderBottomTwoTone = _interopRequireDefault(require("./BorderBottomTwoTone"));
+var _BorderClear = _interopRequireDefault(require("./BorderClear"));
+var _BorderClearOutlined = _interopRequireDefault(require("./BorderClearOutlined"));
+var _BorderClearRounded = _interopRequireDefault(require("./BorderClearRounded"));
+var _BorderClearSharp = _interopRequireDefault(require("./BorderClearSharp"));
+var _BorderClearTwoTone = _interopRequireDefault(require("./BorderClearTwoTone"));
+var _BorderColor = _interopRequireDefault(require("./BorderColor"));
+var _BorderColorOutlined = _interopRequireDefault(require("./BorderColorOutlined"));
+var _BorderColorRounded = _interopRequireDefault(require("./BorderColorRounded"));
+var _BorderColorSharp = _interopRequireDefault(require("./BorderColorSharp"));
+var _BorderColorTwoTone = _interopRequireDefault(require("./BorderColorTwoTone"));
+var _BorderHorizontal = _interopRequireDefault(require("./BorderHorizontal"));
+var _BorderHorizontalOutlined = _interopRequireDefault(require("./BorderHorizontalOutlined"));
+var _BorderHorizontalRounded = _interopRequireDefault(require("./BorderHorizontalRounded"));
+var _BorderHorizontalSharp = _interopRequireDefault(require("./BorderHorizontalSharp"));
+var _BorderHorizontalTwoTone = _interopRequireDefault(require("./BorderHorizontalTwoTone"));
+var _BorderInner = _interopRequireDefault(require("./BorderInner"));
+var _BorderInnerOutlined = _interopRequireDefault(require("./BorderInnerOutlined"));
+var _BorderInnerRounded = _interopRequireDefault(require("./BorderInnerRounded"));
+var _BorderInnerSharp = _interopRequireDefault(require("./BorderInnerSharp"));
+var _BorderInnerTwoTone = _interopRequireDefault(require("./BorderInnerTwoTone"));
+var _BorderLeft = _interopRequireDefault(require("./BorderLeft"));
+var _BorderLeftOutlined = _interopRequireDefault(require("./BorderLeftOutlined"));
+var _BorderLeftRounded = _interopRequireDefault(require("./BorderLeftRounded"));
+var _BorderLeftSharp = _interopRequireDefault(require("./BorderLeftSharp"));
+var _BorderLeftTwoTone = _interopRequireDefault(require("./BorderLeftTwoTone"));
+var _BorderOuter = _interopRequireDefault(require("./BorderOuter"));
+var _BorderOuterOutlined = _interopRequireDefault(require("./BorderOuterOutlined"));
+var _BorderOuterRounded = _interopRequireDefault(require("./BorderOuterRounded"));
+var _BorderOuterSharp = _interopRequireDefault(require("./BorderOuterSharp"));
+var _BorderOuterTwoTone = _interopRequireDefault(require("./BorderOuterTwoTone"));
+var _BorderRight = _interopRequireDefault(require("./BorderRight"));
+var _BorderRightOutlined = _interopRequireDefault(require("./BorderRightOutlined"));
+var _BorderRightRounded = _interopRequireDefault(require("./BorderRightRounded"));
+var _BorderRightSharp = _interopRequireDefault(require("./BorderRightSharp"));
+var _BorderRightTwoTone = _interopRequireDefault(require("./BorderRightTwoTone"));
+var _BorderStyle = _interopRequireDefault(require("./BorderStyle"));
+var _BorderStyleOutlined = _interopRequireDefault(require("./BorderStyleOutlined"));
+var _BorderStyleRounded = _interopRequireDefault(require("./BorderStyleRounded"));
+var _BorderStyleSharp = _interopRequireDefault(require("./BorderStyleSharp"));
+var _BorderStyleTwoTone = _interopRequireDefault(require("./BorderStyleTwoTone"));
+var _BorderTop = _interopRequireDefault(require("./BorderTop"));
+var _BorderTopOutlined = _interopRequireDefault(require("./BorderTopOutlined"));
+var _BorderTopRounded = _interopRequireDefault(require("./BorderTopRounded"));
+var _BorderTopSharp = _interopRequireDefault(require("./BorderTopSharp"));
+var _BorderTopTwoTone = _interopRequireDefault(require("./BorderTopTwoTone"));
+var _BorderVertical = _interopRequireDefault(require("./BorderVertical"));
+var _BorderVerticalOutlined = _interopRequireDefault(require("./BorderVerticalOutlined"));
+var _BorderVerticalRounded = _interopRequireDefault(require("./BorderVerticalRounded"));
+var _BorderVerticalSharp = _interopRequireDefault(require("./BorderVerticalSharp"));
+var _BorderVerticalTwoTone = _interopRequireDefault(require("./BorderVerticalTwoTone"));
+var _Boy = _interopRequireDefault(require("./Boy"));
+var _BoyOutlined = _interopRequireDefault(require("./BoyOutlined"));
+var _BoyRounded = _interopRequireDefault(require("./BoyRounded"));
+var _BoySharp = _interopRequireDefault(require("./BoySharp"));
+var _BoyTwoTone = _interopRequireDefault(require("./BoyTwoTone"));
+var _BrandingWatermark = _interopRequireDefault(require("./BrandingWatermark"));
+var _BrandingWatermarkOutlined = _interopRequireDefault(require("./BrandingWatermarkOutlined"));
+var _BrandingWatermarkRounded = _interopRequireDefault(require("./BrandingWatermarkRounded"));
+var _BrandingWatermarkSharp = _interopRequireDefault(require("./BrandingWatermarkSharp"));
+var _BrandingWatermarkTwoTone = _interopRequireDefault(require("./BrandingWatermarkTwoTone"));
+var _BreakfastDining = _interopRequireDefault(require("./BreakfastDining"));
+var _BreakfastDiningOutlined = _interopRequireDefault(require("./BreakfastDiningOutlined"));
+var _BreakfastDiningRounded = _interopRequireDefault(require("./BreakfastDiningRounded"));
+var _BreakfastDiningSharp = _interopRequireDefault(require("./BreakfastDiningSharp"));
+var _BreakfastDiningTwoTone = _interopRequireDefault(require("./BreakfastDiningTwoTone"));
+var _Brightness = _interopRequireDefault(require("./Brightness1"));
+var _Brightness1Outlined = _interopRequireDefault(require("./Brightness1Outlined"));
+var _Brightness1Rounded = _interopRequireDefault(require("./Brightness1Rounded"));
+var _Brightness1Sharp = _interopRequireDefault(require("./Brightness1Sharp"));
+var _Brightness1TwoTone = _interopRequireDefault(require("./Brightness1TwoTone"));
+var _Brightness2 = _interopRequireDefault(require("./Brightness2"));
+var _Brightness2Outlined = _interopRequireDefault(require("./Brightness2Outlined"));
+var _Brightness2Rounded = _interopRequireDefault(require("./Brightness2Rounded"));
+var _Brightness2Sharp = _interopRequireDefault(require("./Brightness2Sharp"));
+var _Brightness2TwoTone = _interopRequireDefault(require("./Brightness2TwoTone"));
+var _Brightness3 = _interopRequireDefault(require("./Brightness3"));
+var _Brightness3Outlined = _interopRequireDefault(require("./Brightness3Outlined"));
+var _Brightness3Rounded = _interopRequireDefault(require("./Brightness3Rounded"));
+var _Brightness3Sharp = _interopRequireDefault(require("./Brightness3Sharp"));
+var _Brightness3TwoTone = _interopRequireDefault(require("./Brightness3TwoTone"));
+var _Brightness4 = _interopRequireDefault(require("./Brightness4"));
+var _Brightness4Outlined = _interopRequireDefault(require("./Brightness4Outlined"));
+var _Brightness4Rounded = _interopRequireDefault(require("./Brightness4Rounded"));
+var _Brightness4Sharp = _interopRequireDefault(require("./Brightness4Sharp"));
+var _Brightness4TwoTone = _interopRequireDefault(require("./Brightness4TwoTone"));
+var _Brightness5 = _interopRequireDefault(require("./Brightness5"));
+var _Brightness5Outlined = _interopRequireDefault(require("./Brightness5Outlined"));
+var _Brightness5Rounded = _interopRequireDefault(require("./Brightness5Rounded"));
+var _Brightness5Sharp = _interopRequireDefault(require("./Brightness5Sharp"));
+var _Brightness5TwoTone = _interopRequireDefault(require("./Brightness5TwoTone"));
+var _Brightness6 = _interopRequireDefault(require("./Brightness6"));
+var _Brightness6Outlined = _interopRequireDefault(require("./Brightness6Outlined"));
+var _Brightness6Rounded = _interopRequireDefault(require("./Brightness6Rounded"));
+var _Brightness6Sharp = _interopRequireDefault(require("./Brightness6Sharp"));
+var _Brightness6TwoTone = _interopRequireDefault(require("./Brightness6TwoTone"));
+var _Brightness7 = _interopRequireDefault(require("./Brightness7"));
+var _Brightness7Outlined = _interopRequireDefault(require("./Brightness7Outlined"));
+var _Brightness7Rounded = _interopRequireDefault(require("./Brightness7Rounded"));
+var _Brightness7Sharp = _interopRequireDefault(require("./Brightness7Sharp"));
+var _Brightness7TwoTone = _interopRequireDefault(require("./Brightness7TwoTone"));
+var _BrightnessAuto = _interopRequireDefault(require("./BrightnessAuto"));
+var _BrightnessAutoOutlined = _interopRequireDefault(require("./BrightnessAutoOutlined"));
+var _BrightnessAutoRounded = _interopRequireDefault(require("./BrightnessAutoRounded"));
+var _BrightnessAutoSharp = _interopRequireDefault(require("./BrightnessAutoSharp"));
+var _BrightnessAutoTwoTone = _interopRequireDefault(require("./BrightnessAutoTwoTone"));
+var _BrightnessHigh = _interopRequireDefault(require("./BrightnessHigh"));
+var _BrightnessHighOutlined = _interopRequireDefault(require("./BrightnessHighOutlined"));
+var _BrightnessHighRounded = _interopRequireDefault(require("./BrightnessHighRounded"));
+var _BrightnessHighSharp = _interopRequireDefault(require("./BrightnessHighSharp"));
+var _BrightnessHighTwoTone = _interopRequireDefault(require("./BrightnessHighTwoTone"));
+var _BrightnessLow = _interopRequireDefault(require("./BrightnessLow"));
+var _BrightnessLowOutlined = _interopRequireDefault(require("./BrightnessLowOutlined"));
+var _BrightnessLowRounded = _interopRequireDefault(require("./BrightnessLowRounded"));
+var _BrightnessLowSharp = _interopRequireDefault(require("./BrightnessLowSharp"));
+var _BrightnessLowTwoTone = _interopRequireDefault(require("./BrightnessLowTwoTone"));
+var _BrightnessMedium = _interopRequireDefault(require("./BrightnessMedium"));
+var _BrightnessMediumOutlined = _interopRequireDefault(require("./BrightnessMediumOutlined"));
+var _BrightnessMediumRounded = _interopRequireDefault(require("./BrightnessMediumRounded"));
+var _BrightnessMediumSharp = _interopRequireDefault(require("./BrightnessMediumSharp"));
+var _BrightnessMediumTwoTone = _interopRequireDefault(require("./BrightnessMediumTwoTone"));
+var _BroadcastOnHome = _interopRequireDefault(require("./BroadcastOnHome"));
+var _BroadcastOnHomeOutlined = _interopRequireDefault(require("./BroadcastOnHomeOutlined"));
+var _BroadcastOnHomeRounded = _interopRequireDefault(require("./BroadcastOnHomeRounded"));
+var _BroadcastOnHomeSharp = _interopRequireDefault(require("./BroadcastOnHomeSharp"));
+var _BroadcastOnHomeTwoTone = _interopRequireDefault(require("./BroadcastOnHomeTwoTone"));
+var _BroadcastOnPersonal = _interopRequireDefault(require("./BroadcastOnPersonal"));
+var _BroadcastOnPersonalOutlined = _interopRequireDefault(require("./BroadcastOnPersonalOutlined"));
+var _BroadcastOnPersonalRounded = _interopRequireDefault(require("./BroadcastOnPersonalRounded"));
+var _BroadcastOnPersonalSharp = _interopRequireDefault(require("./BroadcastOnPersonalSharp"));
+var _BroadcastOnPersonalTwoTone = _interopRequireDefault(require("./BroadcastOnPersonalTwoTone"));
+var _BrokenImage = _interopRequireDefault(require("./BrokenImage"));
+var _BrokenImageOutlined = _interopRequireDefault(require("./BrokenImageOutlined"));
+var _BrokenImageRounded = _interopRequireDefault(require("./BrokenImageRounded"));
+var _BrokenImageSharp = _interopRequireDefault(require("./BrokenImageSharp"));
+var _BrokenImageTwoTone = _interopRequireDefault(require("./BrokenImageTwoTone"));
+var _BrowseGallery = _interopRequireDefault(require("./BrowseGallery"));
+var _BrowseGalleryOutlined = _interopRequireDefault(require("./BrowseGalleryOutlined"));
+var _BrowseGalleryRounded = _interopRequireDefault(require("./BrowseGalleryRounded"));
+var _BrowseGallerySharp = _interopRequireDefault(require("./BrowseGallerySharp"));
+var _BrowseGalleryTwoTone = _interopRequireDefault(require("./BrowseGalleryTwoTone"));
+var _BrowserNotSupported = _interopRequireDefault(require("./BrowserNotSupported"));
+var _BrowserNotSupportedOutlined = _interopRequireDefault(require("./BrowserNotSupportedOutlined"));
+var _BrowserNotSupportedRounded = _interopRequireDefault(require("./BrowserNotSupportedRounded"));
+var _BrowserNotSupportedSharp = _interopRequireDefault(require("./BrowserNotSupportedSharp"));
+var _BrowserNotSupportedTwoTone = _interopRequireDefault(require("./BrowserNotSupportedTwoTone"));
+var _BrowserUpdated = _interopRequireDefault(require("./BrowserUpdated"));
+var _BrowserUpdatedOutlined = _interopRequireDefault(require("./BrowserUpdatedOutlined"));
+var _BrowserUpdatedRounded = _interopRequireDefault(require("./BrowserUpdatedRounded"));
+var _BrowserUpdatedSharp = _interopRequireDefault(require("./BrowserUpdatedSharp"));
+var _BrowserUpdatedTwoTone = _interopRequireDefault(require("./BrowserUpdatedTwoTone"));
+var _BrunchDining = _interopRequireDefault(require("./BrunchDining"));
+var _BrunchDiningOutlined = _interopRequireDefault(require("./BrunchDiningOutlined"));
+var _BrunchDiningRounded = _interopRequireDefault(require("./BrunchDiningRounded"));
+var _BrunchDiningSharp = _interopRequireDefault(require("./BrunchDiningSharp"));
+var _BrunchDiningTwoTone = _interopRequireDefault(require("./BrunchDiningTwoTone"));
+var _Brush = _interopRequireDefault(require("./Brush"));
+var _BrushOutlined = _interopRequireDefault(require("./BrushOutlined"));
+var _BrushRounded = _interopRequireDefault(require("./BrushRounded"));
+var _BrushSharp = _interopRequireDefault(require("./BrushSharp"));
+var _BrushTwoTone = _interopRequireDefault(require("./BrushTwoTone"));
+var _BubbleChart = _interopRequireDefault(require("./BubbleChart"));
+var _BubbleChartOutlined = _interopRequireDefault(require("./BubbleChartOutlined"));
+var _BubbleChartRounded = _interopRequireDefault(require("./BubbleChartRounded"));
+var _BubbleChartSharp = _interopRequireDefault(require("./BubbleChartSharp"));
+var _BubbleChartTwoTone = _interopRequireDefault(require("./BubbleChartTwoTone"));
+var _BugReport = _interopRequireDefault(require("./BugReport"));
+var _BugReportOutlined = _interopRequireDefault(require("./BugReportOutlined"));
+var _BugReportRounded = _interopRequireDefault(require("./BugReportRounded"));
+var _BugReportSharp = _interopRequireDefault(require("./BugReportSharp"));
+var _BugReportTwoTone = _interopRequireDefault(require("./BugReportTwoTone"));
+var _Build = _interopRequireDefault(require("./Build"));
+var _BuildCircle = _interopRequireDefault(require("./BuildCircle"));
+var _BuildCircleOutlined = _interopRequireDefault(require("./BuildCircleOutlined"));
+var _BuildCircleRounded = _interopRequireDefault(require("./BuildCircleRounded"));
+var _BuildCircleSharp = _interopRequireDefault(require("./BuildCircleSharp"));
+var _BuildCircleTwoTone = _interopRequireDefault(require("./BuildCircleTwoTone"));
+var _BuildOutlined = _interopRequireDefault(require("./BuildOutlined"));
+var _BuildRounded = _interopRequireDefault(require("./BuildRounded"));
+var _BuildSharp = _interopRequireDefault(require("./BuildSharp"));
+var _BuildTwoTone = _interopRequireDefault(require("./BuildTwoTone"));
+var _Bungalow = _interopRequireDefault(require("./Bungalow"));
+var _BungalowOutlined = _interopRequireDefault(require("./BungalowOutlined"));
+var _BungalowRounded = _interopRequireDefault(require("./BungalowRounded"));
+var _BungalowSharp = _interopRequireDefault(require("./BungalowSharp"));
+var _BungalowTwoTone = _interopRequireDefault(require("./BungalowTwoTone"));
+var _BurstMode = _interopRequireDefault(require("./BurstMode"));
+var _BurstModeOutlined = _interopRequireDefault(require("./BurstModeOutlined"));
+var _BurstModeRounded = _interopRequireDefault(require("./BurstModeRounded"));
+var _BurstModeSharp = _interopRequireDefault(require("./BurstModeSharp"));
+var _BurstModeTwoTone = _interopRequireDefault(require("./BurstModeTwoTone"));
+var _BusAlert = _interopRequireDefault(require("./BusAlert"));
+var _BusAlertOutlined = _interopRequireDefault(require("./BusAlertOutlined"));
+var _BusAlertRounded = _interopRequireDefault(require("./BusAlertRounded"));
+var _BusAlertSharp = _interopRequireDefault(require("./BusAlertSharp"));
+var _BusAlertTwoTone = _interopRequireDefault(require("./BusAlertTwoTone"));
+var _Business = _interopRequireDefault(require("./Business"));
+var _BusinessCenter = _interopRequireDefault(require("./BusinessCenter"));
+var _BusinessCenterOutlined = _interopRequireDefault(require("./BusinessCenterOutlined"));
+var _BusinessCenterRounded = _interopRequireDefault(require("./BusinessCenterRounded"));
+var _BusinessCenterSharp = _interopRequireDefault(require("./BusinessCenterSharp"));
+var _BusinessCenterTwoTone = _interopRequireDefault(require("./BusinessCenterTwoTone"));
+var _BusinessOutlined = _interopRequireDefault(require("./BusinessOutlined"));
+var _BusinessRounded = _interopRequireDefault(require("./BusinessRounded"));
+var _BusinessSharp = _interopRequireDefault(require("./BusinessSharp"));
+var _BusinessTwoTone = _interopRequireDefault(require("./BusinessTwoTone"));
+var _Cabin = _interopRequireDefault(require("./Cabin"));
+var _CabinOutlined = _interopRequireDefault(require("./CabinOutlined"));
+var _CabinRounded = _interopRequireDefault(require("./CabinRounded"));
+var _CabinSharp = _interopRequireDefault(require("./CabinSharp"));
+var _CabinTwoTone = _interopRequireDefault(require("./CabinTwoTone"));
+var _Cable = _interopRequireDefault(require("./Cable"));
+var _CableOutlined = _interopRequireDefault(require("./CableOutlined"));
+var _CableRounded = _interopRequireDefault(require("./CableRounded"));
+var _CableSharp = _interopRequireDefault(require("./CableSharp"));
+var _CableTwoTone = _interopRequireDefault(require("./CableTwoTone"));
+var _Cached = _interopRequireDefault(require("./Cached"));
+var _CachedOutlined = _interopRequireDefault(require("./CachedOutlined"));
+var _CachedRounded = _interopRequireDefault(require("./CachedRounded"));
+var _CachedSharp = _interopRequireDefault(require("./CachedSharp"));
+var _CachedTwoTone = _interopRequireDefault(require("./CachedTwoTone"));
+var _Cake = _interopRequireDefault(require("./Cake"));
+var _CakeOutlined = _interopRequireDefault(require("./CakeOutlined"));
+var _CakeRounded = _interopRequireDefault(require("./CakeRounded"));
+var _CakeSharp = _interopRequireDefault(require("./CakeSharp"));
+var _CakeTwoTone = _interopRequireDefault(require("./CakeTwoTone"));
+var _Calculate = _interopRequireDefault(require("./Calculate"));
+var _CalculateOutlined = _interopRequireDefault(require("./CalculateOutlined"));
+var _CalculateRounded = _interopRequireDefault(require("./CalculateRounded"));
+var _CalculateSharp = _interopRequireDefault(require("./CalculateSharp"));
+var _CalculateTwoTone = _interopRequireDefault(require("./CalculateTwoTone"));
+var _CalendarMonth = _interopRequireDefault(require("./CalendarMonth"));
+var _CalendarMonthOutlined = _interopRequireDefault(require("./CalendarMonthOutlined"));
+var _CalendarMonthRounded = _interopRequireDefault(require("./CalendarMonthRounded"));
+var _CalendarMonthSharp = _interopRequireDefault(require("./CalendarMonthSharp"));
+var _CalendarMonthTwoTone = _interopRequireDefault(require("./CalendarMonthTwoTone"));
+var _CalendarToday = _interopRequireDefault(require("./CalendarToday"));
+var _CalendarTodayOutlined = _interopRequireDefault(require("./CalendarTodayOutlined"));
+var _CalendarTodayRounded = _interopRequireDefault(require("./CalendarTodayRounded"));
+var _CalendarTodaySharp = _interopRequireDefault(require("./CalendarTodaySharp"));
+var _CalendarTodayTwoTone = _interopRequireDefault(require("./CalendarTodayTwoTone"));
+var _CalendarViewDay = _interopRequireDefault(require("./CalendarViewDay"));
+var _CalendarViewDayOutlined = _interopRequireDefault(require("./CalendarViewDayOutlined"));
+var _CalendarViewDayRounded = _interopRequireDefault(require("./CalendarViewDayRounded"));
+var _CalendarViewDaySharp = _interopRequireDefault(require("./CalendarViewDaySharp"));
+var _CalendarViewDayTwoTone = _interopRequireDefault(require("./CalendarViewDayTwoTone"));
+var _CalendarViewMonth = _interopRequireDefault(require("./CalendarViewMonth"));
+var _CalendarViewMonthOutlined = _interopRequireDefault(require("./CalendarViewMonthOutlined"));
+var _CalendarViewMonthRounded = _interopRequireDefault(require("./CalendarViewMonthRounded"));
+var _CalendarViewMonthSharp = _interopRequireDefault(require("./CalendarViewMonthSharp"));
+var _CalendarViewMonthTwoTone = _interopRequireDefault(require("./CalendarViewMonthTwoTone"));
+var _CalendarViewWeek = _interopRequireDefault(require("./CalendarViewWeek"));
+var _CalendarViewWeekOutlined = _interopRequireDefault(require("./CalendarViewWeekOutlined"));
+var _CalendarViewWeekRounded = _interopRequireDefault(require("./CalendarViewWeekRounded"));
+var _CalendarViewWeekSharp = _interopRequireDefault(require("./CalendarViewWeekSharp"));
+var _CalendarViewWeekTwoTone = _interopRequireDefault(require("./CalendarViewWeekTwoTone"));
+var _Call = _interopRequireDefault(require("./Call"));
+var _CallEnd = _interopRequireDefault(require("./CallEnd"));
+var _CallEndOutlined = _interopRequireDefault(require("./CallEndOutlined"));
+var _CallEndRounded = _interopRequireDefault(require("./CallEndRounded"));
+var _CallEndSharp = _interopRequireDefault(require("./CallEndSharp"));
+var _CallEndTwoTone = _interopRequireDefault(require("./CallEndTwoTone"));
+var _CallMade = _interopRequireDefault(require("./CallMade"));
+var _CallMadeOutlined = _interopRequireDefault(require("./CallMadeOutlined"));
+var _CallMadeRounded = _interopRequireDefault(require("./CallMadeRounded"));
+var _CallMadeSharp = _interopRequireDefault(require("./CallMadeSharp"));
+var _CallMadeTwoTone = _interopRequireDefault(require("./CallMadeTwoTone"));
+var _CallMerge = _interopRequireDefault(require("./CallMerge"));
+var _CallMergeOutlined = _interopRequireDefault(require("./CallMergeOutlined"));
+var _CallMergeRounded = _interopRequireDefault(require("./CallMergeRounded"));
+var _CallMergeSharp = _interopRequireDefault(require("./CallMergeSharp"));
+var _CallMergeTwoTone = _interopRequireDefault(require("./CallMergeTwoTone"));
+var _CallMissed = _interopRequireDefault(require("./CallMissed"));
+var _CallMissedOutgoing = _interopRequireDefault(require("./CallMissedOutgoing"));
+var _CallMissedOutgoingOutlined = _interopRequireDefault(require("./CallMissedOutgoingOutlined"));
+var _CallMissedOutgoingRounded = _interopRequireDefault(require("./CallMissedOutgoingRounded"));
+var _CallMissedOutgoingSharp = _interopRequireDefault(require("./CallMissedOutgoingSharp"));
+var _CallMissedOutgoingTwoTone = _interopRequireDefault(require("./CallMissedOutgoingTwoTone"));
+var _CallMissedOutlined = _interopRequireDefault(require("./CallMissedOutlined"));
+var _CallMissedRounded = _interopRequireDefault(require("./CallMissedRounded"));
+var _CallMissedSharp = _interopRequireDefault(require("./CallMissedSharp"));
+var _CallMissedTwoTone = _interopRequireDefault(require("./CallMissedTwoTone"));
+var _CallOutlined = _interopRequireDefault(require("./CallOutlined"));
+var _CallReceived = _interopRequireDefault(require("./CallReceived"));
+var _CallReceivedOutlined = _interopRequireDefault(require("./CallReceivedOutlined"));
+var _CallReceivedRounded = _interopRequireDefault(require("./CallReceivedRounded"));
+var _CallReceivedSharp = _interopRequireDefault(require("./CallReceivedSharp"));
+var _CallReceivedTwoTone = _interopRequireDefault(require("./CallReceivedTwoTone"));
+var _CallRounded = _interopRequireDefault(require("./CallRounded"));
+var _CallSharp = _interopRequireDefault(require("./CallSharp"));
+var _CallSplit = _interopRequireDefault(require("./CallSplit"));
+var _CallSplitOutlined = _interopRequireDefault(require("./CallSplitOutlined"));
+var _CallSplitRounded = _interopRequireDefault(require("./CallSplitRounded"));
+var _CallSplitSharp = _interopRequireDefault(require("./CallSplitSharp"));
+var _CallSplitTwoTone = _interopRequireDefault(require("./CallSplitTwoTone"));
+var _CallToAction = _interopRequireDefault(require("./CallToAction"));
+var _CallToActionOutlined = _interopRequireDefault(require("./CallToActionOutlined"));
+var _CallToActionRounded = _interopRequireDefault(require("./CallToActionRounded"));
+var _CallToActionSharp = _interopRequireDefault(require("./CallToActionSharp"));
+var _CallToActionTwoTone = _interopRequireDefault(require("./CallToActionTwoTone"));
+var _CallTwoTone = _interopRequireDefault(require("./CallTwoTone"));
+var _Camera = _interopRequireDefault(require("./Camera"));
+var _CameraAlt = _interopRequireDefault(require("./CameraAlt"));
+var _CameraAltOutlined = _interopRequireDefault(require("./CameraAltOutlined"));
+var _CameraAltRounded = _interopRequireDefault(require("./CameraAltRounded"));
+var _CameraAltSharp = _interopRequireDefault(require("./CameraAltSharp"));
+var _CameraAltTwoTone = _interopRequireDefault(require("./CameraAltTwoTone"));
+var _CameraEnhance = _interopRequireDefault(require("./CameraEnhance"));
+var _CameraEnhanceOutlined = _interopRequireDefault(require("./CameraEnhanceOutlined"));
+var _CameraEnhanceRounded = _interopRequireDefault(require("./CameraEnhanceRounded"));
+var _CameraEnhanceSharp = _interopRequireDefault(require("./CameraEnhanceSharp"));
+var _CameraEnhanceTwoTone = _interopRequireDefault(require("./CameraEnhanceTwoTone"));
+var _CameraFront = _interopRequireDefault(require("./CameraFront"));
+var _CameraFrontOutlined = _interopRequireDefault(require("./CameraFrontOutlined"));
+var _CameraFrontRounded = _interopRequireDefault(require("./CameraFrontRounded"));
+var _CameraFrontSharp = _interopRequireDefault(require("./CameraFrontSharp"));
+var _CameraFrontTwoTone = _interopRequireDefault(require("./CameraFrontTwoTone"));
+var _CameraIndoor = _interopRequireDefault(require("./CameraIndoor"));
+var _CameraIndoorOutlined = _interopRequireDefault(require("./CameraIndoorOutlined"));
+var _CameraIndoorRounded = _interopRequireDefault(require("./CameraIndoorRounded"));
+var _CameraIndoorSharp = _interopRequireDefault(require("./CameraIndoorSharp"));
+var _CameraIndoorTwoTone = _interopRequireDefault(require("./CameraIndoorTwoTone"));
+var _CameraOutdoor = _interopRequireDefault(require("./CameraOutdoor"));
+var _CameraOutdoorOutlined = _interopRequireDefault(require("./CameraOutdoorOutlined"));
+var _CameraOutdoorRounded = _interopRequireDefault(require("./CameraOutdoorRounded"));
+var _CameraOutdoorSharp = _interopRequireDefault(require("./CameraOutdoorSharp"));
+var _CameraOutdoorTwoTone = _interopRequireDefault(require("./CameraOutdoorTwoTone"));
+var _CameraOutlined = _interopRequireDefault(require("./CameraOutlined"));
+var _CameraRear = _interopRequireDefault(require("./CameraRear"));
+var _CameraRearOutlined = _interopRequireDefault(require("./CameraRearOutlined"));
+var _CameraRearRounded = _interopRequireDefault(require("./CameraRearRounded"));
+var _CameraRearSharp = _interopRequireDefault(require("./CameraRearSharp"));
+var _CameraRearTwoTone = _interopRequireDefault(require("./CameraRearTwoTone"));
+var _CameraRoll = _interopRequireDefault(require("./CameraRoll"));
+var _CameraRollOutlined = _interopRequireDefault(require("./CameraRollOutlined"));
+var _CameraRollRounded = _interopRequireDefault(require("./CameraRollRounded"));
+var _CameraRollSharp = _interopRequireDefault(require("./CameraRollSharp"));
+var _CameraRollTwoTone = _interopRequireDefault(require("./CameraRollTwoTone"));
+var _CameraRounded = _interopRequireDefault(require("./CameraRounded"));
+var _CameraSharp = _interopRequireDefault(require("./CameraSharp"));
+var _CameraTwoTone = _interopRequireDefault(require("./CameraTwoTone"));
+var _Cameraswitch = _interopRequireDefault(require("./Cameraswitch"));
+var _CameraswitchOutlined = _interopRequireDefault(require("./CameraswitchOutlined"));
+var _CameraswitchRounded = _interopRequireDefault(require("./CameraswitchRounded"));
+var _CameraswitchSharp = _interopRequireDefault(require("./CameraswitchSharp"));
+var _CameraswitchTwoTone = _interopRequireDefault(require("./CameraswitchTwoTone"));
+var _Campaign = _interopRequireDefault(require("./Campaign"));
+var _CampaignOutlined = _interopRequireDefault(require("./CampaignOutlined"));
+var _CampaignRounded = _interopRequireDefault(require("./CampaignRounded"));
+var _CampaignSharp = _interopRequireDefault(require("./CampaignSharp"));
+var _CampaignTwoTone = _interopRequireDefault(require("./CampaignTwoTone"));
+var _Cancel = _interopRequireDefault(require("./Cancel"));
+var _CancelOutlined = _interopRequireDefault(require("./CancelOutlined"));
+var _CancelPresentation = _interopRequireDefault(require("./CancelPresentation"));
+var _CancelPresentationOutlined = _interopRequireDefault(require("./CancelPresentationOutlined"));
+var _CancelPresentationRounded = _interopRequireDefault(require("./CancelPresentationRounded"));
+var _CancelPresentationSharp = _interopRequireDefault(require("./CancelPresentationSharp"));
+var _CancelPresentationTwoTone = _interopRequireDefault(require("./CancelPresentationTwoTone"));
+var _CancelRounded = _interopRequireDefault(require("./CancelRounded"));
+var _CancelScheduleSend = _interopRequireDefault(require("./CancelScheduleSend"));
+var _CancelScheduleSendOutlined = _interopRequireDefault(require("./CancelScheduleSendOutlined"));
+var _CancelScheduleSendRounded = _interopRequireDefault(require("./CancelScheduleSendRounded"));
+var _CancelScheduleSendSharp = _interopRequireDefault(require("./CancelScheduleSendSharp"));
+var _CancelScheduleSendTwoTone = _interopRequireDefault(require("./CancelScheduleSendTwoTone"));
+var _CancelSharp = _interopRequireDefault(require("./CancelSharp"));
+var _CancelTwoTone = _interopRequireDefault(require("./CancelTwoTone"));
+var _CandlestickChart = _interopRequireDefault(require("./CandlestickChart"));
+var _CandlestickChartOutlined = _interopRequireDefault(require("./CandlestickChartOutlined"));
+var _CandlestickChartRounded = _interopRequireDefault(require("./CandlestickChartRounded"));
+var _CandlestickChartSharp = _interopRequireDefault(require("./CandlestickChartSharp"));
+var _CandlestickChartTwoTone = _interopRequireDefault(require("./CandlestickChartTwoTone"));
+var _CarCrash = _interopRequireDefault(require("./CarCrash"));
+var _CarCrashOutlined = _interopRequireDefault(require("./CarCrashOutlined"));
+var _CarCrashRounded = _interopRequireDefault(require("./CarCrashRounded"));
+var _CarCrashSharp = _interopRequireDefault(require("./CarCrashSharp"));
+var _CarCrashTwoTone = _interopRequireDefault(require("./CarCrashTwoTone"));
+var _CarRental = _interopRequireDefault(require("./CarRental"));
+var _CarRentalOutlined = _interopRequireDefault(require("./CarRentalOutlined"));
+var _CarRentalRounded = _interopRequireDefault(require("./CarRentalRounded"));
+var _CarRentalSharp = _interopRequireDefault(require("./CarRentalSharp"));
+var _CarRentalTwoTone = _interopRequireDefault(require("./CarRentalTwoTone"));
+var _CarRepair = _interopRequireDefault(require("./CarRepair"));
+var _CarRepairOutlined = _interopRequireDefault(require("./CarRepairOutlined"));
+var _CarRepairRounded = _interopRequireDefault(require("./CarRepairRounded"));
+var _CarRepairSharp = _interopRequireDefault(require("./CarRepairSharp"));
+var _CarRepairTwoTone = _interopRequireDefault(require("./CarRepairTwoTone"));
+var _CardGiftcard = _interopRequireDefault(require("./CardGiftcard"));
+var _CardGiftcardOutlined = _interopRequireDefault(require("./CardGiftcardOutlined"));
+var _CardGiftcardRounded = _interopRequireDefault(require("./CardGiftcardRounded"));
+var _CardGiftcardSharp = _interopRequireDefault(require("./CardGiftcardSharp"));
+var _CardGiftcardTwoTone = _interopRequireDefault(require("./CardGiftcardTwoTone"));
+var _CardMembership = _interopRequireDefault(require("./CardMembership"));
+var _CardMembershipOutlined = _interopRequireDefault(require("./CardMembershipOutlined"));
+var _CardMembershipRounded = _interopRequireDefault(require("./CardMembershipRounded"));
+var _CardMembershipSharp = _interopRequireDefault(require("./CardMembershipSharp"));
+var _CardMembershipTwoTone = _interopRequireDefault(require("./CardMembershipTwoTone"));
+var _CardTravel = _interopRequireDefault(require("./CardTravel"));
+var _CardTravelOutlined = _interopRequireDefault(require("./CardTravelOutlined"));
+var _CardTravelRounded = _interopRequireDefault(require("./CardTravelRounded"));
+var _CardTravelSharp = _interopRequireDefault(require("./CardTravelSharp"));
+var _CardTravelTwoTone = _interopRequireDefault(require("./CardTravelTwoTone"));
+var _Carpenter = _interopRequireDefault(require("./Carpenter"));
+var _CarpenterOutlined = _interopRequireDefault(require("./CarpenterOutlined"));
+var _CarpenterRounded = _interopRequireDefault(require("./CarpenterRounded"));
+var _CarpenterSharp = _interopRequireDefault(require("./CarpenterSharp"));
+var _CarpenterTwoTone = _interopRequireDefault(require("./CarpenterTwoTone"));
+var _Cases = _interopRequireDefault(require("./Cases"));
+var _CasesOutlined = _interopRequireDefault(require("./CasesOutlined"));
+var _CasesRounded = _interopRequireDefault(require("./CasesRounded"));
+var _CasesSharp = _interopRequireDefault(require("./CasesSharp"));
+var _CasesTwoTone = _interopRequireDefault(require("./CasesTwoTone"));
+var _Casino = _interopRequireDefault(require("./Casino"));
+var _CasinoOutlined = _interopRequireDefault(require("./CasinoOutlined"));
+var _CasinoRounded = _interopRequireDefault(require("./CasinoRounded"));
+var _CasinoSharp = _interopRequireDefault(require("./CasinoSharp"));
+var _CasinoTwoTone = _interopRequireDefault(require("./CasinoTwoTone"));
+var _Cast = _interopRequireDefault(require("./Cast"));
+var _CastConnected = _interopRequireDefault(require("./CastConnected"));
+var _CastConnectedOutlined = _interopRequireDefault(require("./CastConnectedOutlined"));
+var _CastConnectedRounded = _interopRequireDefault(require("./CastConnectedRounded"));
+var _CastConnectedSharp = _interopRequireDefault(require("./CastConnectedSharp"));
+var _CastConnectedTwoTone = _interopRequireDefault(require("./CastConnectedTwoTone"));
+var _CastForEducation = _interopRequireDefault(require("./CastForEducation"));
+var _CastForEducationOutlined = _interopRequireDefault(require("./CastForEducationOutlined"));
+var _CastForEducationRounded = _interopRequireDefault(require("./CastForEducationRounded"));
+var _CastForEducationSharp = _interopRequireDefault(require("./CastForEducationSharp"));
+var _CastForEducationTwoTone = _interopRequireDefault(require("./CastForEducationTwoTone"));
+var _CastOutlined = _interopRequireDefault(require("./CastOutlined"));
+var _CastRounded = _interopRequireDefault(require("./CastRounded"));
+var _CastSharp = _interopRequireDefault(require("./CastSharp"));
+var _CastTwoTone = _interopRequireDefault(require("./CastTwoTone"));
+var _Castle = _interopRequireDefault(require("./Castle"));
+var _CastleOutlined = _interopRequireDefault(require("./CastleOutlined"));
+var _CastleRounded = _interopRequireDefault(require("./CastleRounded"));
+var _CastleSharp = _interopRequireDefault(require("./CastleSharp"));
+var _CastleTwoTone = _interopRequireDefault(require("./CastleTwoTone"));
+var _CatchingPokemon = _interopRequireDefault(require("./CatchingPokemon"));
+var _CatchingPokemonOutlined = _interopRequireDefault(require("./CatchingPokemonOutlined"));
+var _CatchingPokemonRounded = _interopRequireDefault(require("./CatchingPokemonRounded"));
+var _CatchingPokemonSharp = _interopRequireDefault(require("./CatchingPokemonSharp"));
+var _CatchingPokemonTwoTone = _interopRequireDefault(require("./CatchingPokemonTwoTone"));
+var _Category = _interopRequireDefault(require("./Category"));
+var _CategoryOutlined = _interopRequireDefault(require("./CategoryOutlined"));
+var _CategoryRounded = _interopRequireDefault(require("./CategoryRounded"));
+var _CategorySharp = _interopRequireDefault(require("./CategorySharp"));
+var _CategoryTwoTone = _interopRequireDefault(require("./CategoryTwoTone"));
+var _Celebration = _interopRequireDefault(require("./Celebration"));
+var _CelebrationOutlined = _interopRequireDefault(require("./CelebrationOutlined"));
+var _CelebrationRounded = _interopRequireDefault(require("./CelebrationRounded"));
+var _CelebrationSharp = _interopRequireDefault(require("./CelebrationSharp"));
+var _CelebrationTwoTone = _interopRequireDefault(require("./CelebrationTwoTone"));
+var _CellTower = _interopRequireDefault(require("./CellTower"));
+var _CellTowerOutlined = _interopRequireDefault(require("./CellTowerOutlined"));
+var _CellTowerRounded = _interopRequireDefault(require("./CellTowerRounded"));
+var _CellTowerSharp = _interopRequireDefault(require("./CellTowerSharp"));
+var _CellTowerTwoTone = _interopRequireDefault(require("./CellTowerTwoTone"));
+var _CellWifi = _interopRequireDefault(require("./CellWifi"));
+var _CellWifiOutlined = _interopRequireDefault(require("./CellWifiOutlined"));
+var _CellWifiRounded = _interopRequireDefault(require("./CellWifiRounded"));
+var _CellWifiSharp = _interopRequireDefault(require("./CellWifiSharp"));
+var _CellWifiTwoTone = _interopRequireDefault(require("./CellWifiTwoTone"));
+var _CenterFocusStrong = _interopRequireDefault(require("./CenterFocusStrong"));
+var _CenterFocusStrongOutlined = _interopRequireDefault(require("./CenterFocusStrongOutlined"));
+var _CenterFocusStrongRounded = _interopRequireDefault(require("./CenterFocusStrongRounded"));
+var _CenterFocusStrongSharp = _interopRequireDefault(require("./CenterFocusStrongSharp"));
+var _CenterFocusStrongTwoTone = _interopRequireDefault(require("./CenterFocusStrongTwoTone"));
+var _CenterFocusWeak = _interopRequireDefault(require("./CenterFocusWeak"));
+var _CenterFocusWeakOutlined = _interopRequireDefault(require("./CenterFocusWeakOutlined"));
+var _CenterFocusWeakRounded = _interopRequireDefault(require("./CenterFocusWeakRounded"));
+var _CenterFocusWeakSharp = _interopRequireDefault(require("./CenterFocusWeakSharp"));
+var _CenterFocusWeakTwoTone = _interopRequireDefault(require("./CenterFocusWeakTwoTone"));
+var _Chair = _interopRequireDefault(require("./Chair"));
+var _ChairAlt = _interopRequireDefault(require("./ChairAlt"));
+var _ChairAltOutlined = _interopRequireDefault(require("./ChairAltOutlined"));
+var _ChairAltRounded = _interopRequireDefault(require("./ChairAltRounded"));
+var _ChairAltSharp = _interopRequireDefault(require("./ChairAltSharp"));
+var _ChairAltTwoTone = _interopRequireDefault(require("./ChairAltTwoTone"));
+var _ChairOutlined = _interopRequireDefault(require("./ChairOutlined"));
+var _ChairRounded = _interopRequireDefault(require("./ChairRounded"));
+var _ChairSharp = _interopRequireDefault(require("./ChairSharp"));
+var _ChairTwoTone = _interopRequireDefault(require("./ChairTwoTone"));
+var _Chalet = _interopRequireDefault(require("./Chalet"));
+var _ChaletOutlined = _interopRequireDefault(require("./ChaletOutlined"));
+var _ChaletRounded = _interopRequireDefault(require("./ChaletRounded"));
+var _ChaletSharp = _interopRequireDefault(require("./ChaletSharp"));
+var _ChaletTwoTone = _interopRequireDefault(require("./ChaletTwoTone"));
+var _ChangeCircle = _interopRequireDefault(require("./ChangeCircle"));
+var _ChangeCircleOutlined = _interopRequireDefault(require("./ChangeCircleOutlined"));
+var _ChangeCircleRounded = _interopRequireDefault(require("./ChangeCircleRounded"));
+var _ChangeCircleSharp = _interopRequireDefault(require("./ChangeCircleSharp"));
+var _ChangeCircleTwoTone = _interopRequireDefault(require("./ChangeCircleTwoTone"));
+var _ChangeHistory = _interopRequireDefault(require("./ChangeHistory"));
+var _ChangeHistoryOutlined = _interopRequireDefault(require("./ChangeHistoryOutlined"));
+var _ChangeHistoryRounded = _interopRequireDefault(require("./ChangeHistoryRounded"));
+var _ChangeHistorySharp = _interopRequireDefault(require("./ChangeHistorySharp"));
+var _ChangeHistoryTwoTone = _interopRequireDefault(require("./ChangeHistoryTwoTone"));
+var _ChargingStation = _interopRequireDefault(require("./ChargingStation"));
+var _ChargingStationOutlined = _interopRequireDefault(require("./ChargingStationOutlined"));
+var _ChargingStationRounded = _interopRequireDefault(require("./ChargingStationRounded"));
+var _ChargingStationSharp = _interopRequireDefault(require("./ChargingStationSharp"));
+var _ChargingStationTwoTone = _interopRequireDefault(require("./ChargingStationTwoTone"));
+var _Chat = _interopRequireDefault(require("./Chat"));
+var _ChatBubble = _interopRequireDefault(require("./ChatBubble"));
+var _ChatBubbleOutline = _interopRequireDefault(require("./ChatBubbleOutline"));
+var _ChatBubbleOutlineOutlined = _interopRequireDefault(require("./ChatBubbleOutlineOutlined"));
+var _ChatBubbleOutlineRounded = _interopRequireDefault(require("./ChatBubbleOutlineRounded"));
+var _ChatBubbleOutlineSharp = _interopRequireDefault(require("./ChatBubbleOutlineSharp"));
+var _ChatBubbleOutlineTwoTone = _interopRequireDefault(require("./ChatBubbleOutlineTwoTone"));
+var _ChatBubbleOutlined = _interopRequireDefault(require("./ChatBubbleOutlined"));
+var _ChatBubbleRounded = _interopRequireDefault(require("./ChatBubbleRounded"));
+var _ChatBubbleSharp = _interopRequireDefault(require("./ChatBubbleSharp"));
+var _ChatBubbleTwoTone = _interopRequireDefault(require("./ChatBubbleTwoTone"));
+var _ChatOutlined = _interopRequireDefault(require("./ChatOutlined"));
+var _ChatRounded = _interopRequireDefault(require("./ChatRounded"));
+var _ChatSharp = _interopRequireDefault(require("./ChatSharp"));
+var _ChatTwoTone = _interopRequireDefault(require("./ChatTwoTone"));
+var _Check = _interopRequireDefault(require("./Check"));
+var _CheckBox = _interopRequireDefault(require("./CheckBox"));
+var _CheckBoxOutlineBlank = _interopRequireDefault(require("./CheckBoxOutlineBlank"));
+var _CheckBoxOutlineBlankOutlined = _interopRequireDefault(require("./CheckBoxOutlineBlankOutlined"));
+var _CheckBoxOutlineBlankRounded = _interopRequireDefault(require("./CheckBoxOutlineBlankRounded"));
+var _CheckBoxOutlineBlankSharp = _interopRequireDefault(require("./CheckBoxOutlineBlankSharp"));
+var _CheckBoxOutlineBlankTwoTone = _interopRequireDefault(require("./CheckBoxOutlineBlankTwoTone"));
+var _CheckBoxOutlined = _interopRequireDefault(require("./CheckBoxOutlined"));
+var _CheckBoxRounded = _interopRequireDefault(require("./CheckBoxRounded"));
+var _CheckBoxSharp = _interopRequireDefault(require("./CheckBoxSharp"));
+var _CheckBoxTwoTone = _interopRequireDefault(require("./CheckBoxTwoTone"));
+var _CheckCircle = _interopRequireDefault(require("./CheckCircle"));
+var _CheckCircleOutline = _interopRequireDefault(require("./CheckCircleOutline"));
+var _CheckCircleOutlineOutlined = _interopRequireDefault(require("./CheckCircleOutlineOutlined"));
+var _CheckCircleOutlineRounded = _interopRequireDefault(require("./CheckCircleOutlineRounded"));
+var _CheckCircleOutlineSharp = _interopRequireDefault(require("./CheckCircleOutlineSharp"));
+var _CheckCircleOutlineTwoTone = _interopRequireDefault(require("./CheckCircleOutlineTwoTone"));
+var _CheckCircleOutlined = _interopRequireDefault(require("./CheckCircleOutlined"));
+var _CheckCircleRounded = _interopRequireDefault(require("./CheckCircleRounded"));
+var _CheckCircleSharp = _interopRequireDefault(require("./CheckCircleSharp"));
+var _CheckCircleTwoTone = _interopRequireDefault(require("./CheckCircleTwoTone"));
+var _CheckOutlined = _interopRequireDefault(require("./CheckOutlined"));
+var _CheckRounded = _interopRequireDefault(require("./CheckRounded"));
+var _CheckSharp = _interopRequireDefault(require("./CheckSharp"));
+var _CheckTwoTone = _interopRequireDefault(require("./CheckTwoTone"));
+var _Checklist = _interopRequireDefault(require("./Checklist"));
+var _ChecklistOutlined = _interopRequireDefault(require("./ChecklistOutlined"));
+var _ChecklistRounded = _interopRequireDefault(require("./ChecklistRounded"));
+var _ChecklistRtl = _interopRequireDefault(require("./ChecklistRtl"));
+var _ChecklistRtlOutlined = _interopRequireDefault(require("./ChecklistRtlOutlined"));
+var _ChecklistRtlRounded = _interopRequireDefault(require("./ChecklistRtlRounded"));
+var _ChecklistRtlSharp = _interopRequireDefault(require("./ChecklistRtlSharp"));
+var _ChecklistRtlTwoTone = _interopRequireDefault(require("./ChecklistRtlTwoTone"));
+var _ChecklistSharp = _interopRequireDefault(require("./ChecklistSharp"));
+var _ChecklistTwoTone = _interopRequireDefault(require("./ChecklistTwoTone"));
+var _Checkroom = _interopRequireDefault(require("./Checkroom"));
+var _CheckroomOutlined = _interopRequireDefault(require("./CheckroomOutlined"));
+var _CheckroomRounded = _interopRequireDefault(require("./CheckroomRounded"));
+var _CheckroomSharp = _interopRequireDefault(require("./CheckroomSharp"));
+var _CheckroomTwoTone = _interopRequireDefault(require("./CheckroomTwoTone"));
+var _ChevronLeft = _interopRequireDefault(require("./ChevronLeft"));
+var _ChevronLeftOutlined = _interopRequireDefault(require("./ChevronLeftOutlined"));
+var _ChevronLeftRounded = _interopRequireDefault(require("./ChevronLeftRounded"));
+var _ChevronLeftSharp = _interopRequireDefault(require("./ChevronLeftSharp"));
+var _ChevronLeftTwoTone = _interopRequireDefault(require("./ChevronLeftTwoTone"));
+var _ChevronRight = _interopRequireDefault(require("./ChevronRight"));
+var _ChevronRightOutlined = _interopRequireDefault(require("./ChevronRightOutlined"));
+var _ChevronRightRounded = _interopRequireDefault(require("./ChevronRightRounded"));
+var _ChevronRightSharp = _interopRequireDefault(require("./ChevronRightSharp"));
+var _ChevronRightTwoTone = _interopRequireDefault(require("./ChevronRightTwoTone"));
+var _ChildCare = _interopRequireDefault(require("./ChildCare"));
+var _ChildCareOutlined = _interopRequireDefault(require("./ChildCareOutlined"));
+var _ChildCareRounded = _interopRequireDefault(require("./ChildCareRounded"));
+var _ChildCareSharp = _interopRequireDefault(require("./ChildCareSharp"));
+var _ChildCareTwoTone = _interopRequireDefault(require("./ChildCareTwoTone"));
+var _ChildFriendly = _interopRequireDefault(require("./ChildFriendly"));
+var _ChildFriendlyOutlined = _interopRequireDefault(require("./ChildFriendlyOutlined"));
+var _ChildFriendlyRounded = _interopRequireDefault(require("./ChildFriendlyRounded"));
+var _ChildFriendlySharp = _interopRequireDefault(require("./ChildFriendlySharp"));
+var _ChildFriendlyTwoTone = _interopRequireDefault(require("./ChildFriendlyTwoTone"));
+var _ChromeReaderMode = _interopRequireDefault(require("./ChromeReaderMode"));
+var _ChromeReaderModeOutlined = _interopRequireDefault(require("./ChromeReaderModeOutlined"));
+var _ChromeReaderModeRounded = _interopRequireDefault(require("./ChromeReaderModeRounded"));
+var _ChromeReaderModeSharp = _interopRequireDefault(require("./ChromeReaderModeSharp"));
+var _ChromeReaderModeTwoTone = _interopRequireDefault(require("./ChromeReaderModeTwoTone"));
+var _Church = _interopRequireDefault(require("./Church"));
+var _ChurchOutlined = _interopRequireDefault(require("./ChurchOutlined"));
+var _ChurchRounded = _interopRequireDefault(require("./ChurchRounded"));
+var _ChurchSharp = _interopRequireDefault(require("./ChurchSharp"));
+var _ChurchTwoTone = _interopRequireDefault(require("./ChurchTwoTone"));
+var _Circle = _interopRequireDefault(require("./Circle"));
+var _CircleNotifications = _interopRequireDefault(require("./CircleNotifications"));
+var _CircleNotificationsOutlined = _interopRequireDefault(require("./CircleNotificationsOutlined"));
+var _CircleNotificationsRounded = _interopRequireDefault(require("./CircleNotificationsRounded"));
+var _CircleNotificationsSharp = _interopRequireDefault(require("./CircleNotificationsSharp"));
+var _CircleNotificationsTwoTone = _interopRequireDefault(require("./CircleNotificationsTwoTone"));
+var _CircleOutlined = _interopRequireDefault(require("./CircleOutlined"));
+var _CircleRounded = _interopRequireDefault(require("./CircleRounded"));
+var _CircleSharp = _interopRequireDefault(require("./CircleSharp"));
+var _CircleTwoTone = _interopRequireDefault(require("./CircleTwoTone"));
+var _Class = _interopRequireDefault(require("./Class"));
+var _ClassOutlined = _interopRequireDefault(require("./ClassOutlined"));
+var _ClassRounded = _interopRequireDefault(require("./ClassRounded"));
+var _ClassSharp = _interopRequireDefault(require("./ClassSharp"));
+var _ClassTwoTone = _interopRequireDefault(require("./ClassTwoTone"));
+var _CleanHands = _interopRequireDefault(require("./CleanHands"));
+var _CleanHandsOutlined = _interopRequireDefault(require("./CleanHandsOutlined"));
+var _CleanHandsRounded = _interopRequireDefault(require("./CleanHandsRounded"));
+var _CleanHandsSharp = _interopRequireDefault(require("./CleanHandsSharp"));
+var _CleanHandsTwoTone = _interopRequireDefault(require("./CleanHandsTwoTone"));
+var _CleaningServices = _interopRequireDefault(require("./CleaningServices"));
+var _CleaningServicesOutlined = _interopRequireDefault(require("./CleaningServicesOutlined"));
+var _CleaningServicesRounded = _interopRequireDefault(require("./CleaningServicesRounded"));
+var _CleaningServicesSharp = _interopRequireDefault(require("./CleaningServicesSharp"));
+var _CleaningServicesTwoTone = _interopRequireDefault(require("./CleaningServicesTwoTone"));
+var _Clear = _interopRequireDefault(require("./Clear"));
+var _ClearAll = _interopRequireDefault(require("./ClearAll"));
+var _ClearAllOutlined = _interopRequireDefault(require("./ClearAllOutlined"));
+var _ClearAllRounded = _interopRequireDefault(require("./ClearAllRounded"));
+var _ClearAllSharp = _interopRequireDefault(require("./ClearAllSharp"));
+var _ClearAllTwoTone = _interopRequireDefault(require("./ClearAllTwoTone"));
+var _ClearOutlined = _interopRequireDefault(require("./ClearOutlined"));
+var _ClearRounded = _interopRequireDefault(require("./ClearRounded"));
+var _ClearSharp = _interopRequireDefault(require("./ClearSharp"));
+var _ClearTwoTone = _interopRequireDefault(require("./ClearTwoTone"));
+var _Close = _interopRequireDefault(require("./Close"));
+var _CloseFullscreen = _interopRequireDefault(require("./CloseFullscreen"));
+var _CloseFullscreenOutlined = _interopRequireDefault(require("./CloseFullscreenOutlined"));
+var _CloseFullscreenRounded = _interopRequireDefault(require("./CloseFullscreenRounded"));
+var _CloseFullscreenSharp = _interopRequireDefault(require("./CloseFullscreenSharp"));
+var _CloseFullscreenTwoTone = _interopRequireDefault(require("./CloseFullscreenTwoTone"));
+var _CloseOutlined = _interopRequireDefault(require("./CloseOutlined"));
+var _CloseRounded = _interopRequireDefault(require("./CloseRounded"));
+var _CloseSharp = _interopRequireDefault(require("./CloseSharp"));
+var _CloseTwoTone = _interopRequireDefault(require("./CloseTwoTone"));
+var _ClosedCaption = _interopRequireDefault(require("./ClosedCaption"));
+var _ClosedCaptionDisabled = _interopRequireDefault(require("./ClosedCaptionDisabled"));
+var _ClosedCaptionDisabledOutlined = _interopRequireDefault(require("./ClosedCaptionDisabledOutlined"));
+var _ClosedCaptionDisabledRounded = _interopRequireDefault(require("./ClosedCaptionDisabledRounded"));
+var _ClosedCaptionDisabledSharp = _interopRequireDefault(require("./ClosedCaptionDisabledSharp"));
+var _ClosedCaptionDisabledTwoTone = _interopRequireDefault(require("./ClosedCaptionDisabledTwoTone"));
+var _ClosedCaptionOff = _interopRequireDefault(require("./ClosedCaptionOff"));
+var _ClosedCaptionOffOutlined = _interopRequireDefault(require("./ClosedCaptionOffOutlined"));
+var _ClosedCaptionOffRounded = _interopRequireDefault(require("./ClosedCaptionOffRounded"));
+var _ClosedCaptionOffSharp = _interopRequireDefault(require("./ClosedCaptionOffSharp"));
+var _ClosedCaptionOffTwoTone = _interopRequireDefault(require("./ClosedCaptionOffTwoTone"));
+var _ClosedCaptionOutlined = _interopRequireDefault(require("./ClosedCaptionOutlined"));
+var _ClosedCaptionRounded = _interopRequireDefault(require("./ClosedCaptionRounded"));
+var _ClosedCaptionSharp = _interopRequireDefault(require("./ClosedCaptionSharp"));
+var _ClosedCaptionTwoTone = _interopRequireDefault(require("./ClosedCaptionTwoTone"));
+var _Cloud = _interopRequireDefault(require("./Cloud"));
+var _CloudCircle = _interopRequireDefault(require("./CloudCircle"));
+var _CloudCircleOutlined = _interopRequireDefault(require("./CloudCircleOutlined"));
+var _CloudCircleRounded = _interopRequireDefault(require("./CloudCircleRounded"));
+var _CloudCircleSharp = _interopRequireDefault(require("./CloudCircleSharp"));
+var _CloudCircleTwoTone = _interopRequireDefault(require("./CloudCircleTwoTone"));
+var _CloudDone = _interopRequireDefault(require("./CloudDone"));
+var _CloudDoneOutlined = _interopRequireDefault(require("./CloudDoneOutlined"));
+var _CloudDoneRounded = _interopRequireDefault(require("./CloudDoneRounded"));
+var _CloudDoneSharp = _interopRequireDefault(require("./CloudDoneSharp"));
+var _CloudDoneTwoTone = _interopRequireDefault(require("./CloudDoneTwoTone"));
+var _CloudDownload = _interopRequireDefault(require("./CloudDownload"));
+var _CloudDownloadOutlined = _interopRequireDefault(require("./CloudDownloadOutlined"));
+var _CloudDownloadRounded = _interopRequireDefault(require("./CloudDownloadRounded"));
+var _CloudDownloadSharp = _interopRequireDefault(require("./CloudDownloadSharp"));
+var _CloudDownloadTwoTone = _interopRequireDefault(require("./CloudDownloadTwoTone"));
+var _CloudOff = _interopRequireDefault(require("./CloudOff"));
+var _CloudOffOutlined = _interopRequireDefault(require("./CloudOffOutlined"));
+var _CloudOffRounded = _interopRequireDefault(require("./CloudOffRounded"));
+var _CloudOffSharp = _interopRequireDefault(require("./CloudOffSharp"));
+var _CloudOffTwoTone = _interopRequireDefault(require("./CloudOffTwoTone"));
+var _CloudOutlined = _interopRequireDefault(require("./CloudOutlined"));
+var _CloudQueue = _interopRequireDefault(require("./CloudQueue"));
+var _CloudQueueOutlined = _interopRequireDefault(require("./CloudQueueOutlined"));
+var _CloudQueueRounded = _interopRequireDefault(require("./CloudQueueRounded"));
+var _CloudQueueSharp = _interopRequireDefault(require("./CloudQueueSharp"));
+var _CloudQueueTwoTone = _interopRequireDefault(require("./CloudQueueTwoTone"));
+var _CloudRounded = _interopRequireDefault(require("./CloudRounded"));
+var _CloudSharp = _interopRequireDefault(require("./CloudSharp"));
+var _CloudSync = _interopRequireDefault(require("./CloudSync"));
+var _CloudSyncOutlined = _interopRequireDefault(require("./CloudSyncOutlined"));
+var _CloudSyncRounded = _interopRequireDefault(require("./CloudSyncRounded"));
+var _CloudSyncSharp = _interopRequireDefault(require("./CloudSyncSharp"));
+var _CloudSyncTwoTone = _interopRequireDefault(require("./CloudSyncTwoTone"));
+var _CloudTwoTone = _interopRequireDefault(require("./CloudTwoTone"));
+var _CloudUpload = _interopRequireDefault(require("./CloudUpload"));
+var _CloudUploadOutlined = _interopRequireDefault(require("./CloudUploadOutlined"));
+var _CloudUploadRounded = _interopRequireDefault(require("./CloudUploadRounded"));
+var _CloudUploadSharp = _interopRequireDefault(require("./CloudUploadSharp"));
+var _CloudUploadTwoTone = _interopRequireDefault(require("./CloudUploadTwoTone"));
+var _Co = _interopRequireDefault(require("./Co2"));
+var _Co2Outlined = _interopRequireDefault(require("./Co2Outlined"));
+var _Co2Rounded = _interopRequireDefault(require("./Co2Rounded"));
+var _Co2Sharp = _interopRequireDefault(require("./Co2Sharp"));
+var _Co2TwoTone = _interopRequireDefault(require("./Co2TwoTone"));
+var _CoPresent = _interopRequireDefault(require("./CoPresent"));
+var _CoPresentOutlined = _interopRequireDefault(require("./CoPresentOutlined"));
+var _CoPresentRounded = _interopRequireDefault(require("./CoPresentRounded"));
+var _CoPresentSharp = _interopRequireDefault(require("./CoPresentSharp"));
+var _CoPresentTwoTone = _interopRequireDefault(require("./CoPresentTwoTone"));
+var _Code = _interopRequireDefault(require("./Code"));
+var _CodeOff = _interopRequireDefault(require("./CodeOff"));
+var _CodeOffOutlined = _interopRequireDefault(require("./CodeOffOutlined"));
+var _CodeOffRounded = _interopRequireDefault(require("./CodeOffRounded"));
+var _CodeOffSharp = _interopRequireDefault(require("./CodeOffSharp"));
+var _CodeOffTwoTone = _interopRequireDefault(require("./CodeOffTwoTone"));
+var _CodeOutlined = _interopRequireDefault(require("./CodeOutlined"));
+var _CodeRounded = _interopRequireDefault(require("./CodeRounded"));
+var _CodeSharp = _interopRequireDefault(require("./CodeSharp"));
+var _CodeTwoTone = _interopRequireDefault(require("./CodeTwoTone"));
+var _Coffee = _interopRequireDefault(require("./Coffee"));
+var _CoffeeMaker = _interopRequireDefault(require("./CoffeeMaker"));
+var _CoffeeMakerOutlined = _interopRequireDefault(require("./CoffeeMakerOutlined"));
+var _CoffeeMakerRounded = _interopRequireDefault(require("./CoffeeMakerRounded"));
+var _CoffeeMakerSharp = _interopRequireDefault(require("./CoffeeMakerSharp"));
+var _CoffeeMakerTwoTone = _interopRequireDefault(require("./CoffeeMakerTwoTone"));
+var _CoffeeOutlined = _interopRequireDefault(require("./CoffeeOutlined"));
+var _CoffeeRounded = _interopRequireDefault(require("./CoffeeRounded"));
+var _CoffeeSharp = _interopRequireDefault(require("./CoffeeSharp"));
+var _CoffeeTwoTone = _interopRequireDefault(require("./CoffeeTwoTone"));
+var _Collections = _interopRequireDefault(require("./Collections"));
+var _CollectionsBookmark = _interopRequireDefault(require("./CollectionsBookmark"));
+var _CollectionsBookmarkOutlined = _interopRequireDefault(require("./CollectionsBookmarkOutlined"));
+var _CollectionsBookmarkRounded = _interopRequireDefault(require("./CollectionsBookmarkRounded"));
+var _CollectionsBookmarkSharp = _interopRequireDefault(require("./CollectionsBookmarkSharp"));
+var _CollectionsBookmarkTwoTone = _interopRequireDefault(require("./CollectionsBookmarkTwoTone"));
+var _CollectionsOutlined = _interopRequireDefault(require("./CollectionsOutlined"));
+var _CollectionsRounded = _interopRequireDefault(require("./CollectionsRounded"));
+var _CollectionsSharp = _interopRequireDefault(require("./CollectionsSharp"));
+var _CollectionsTwoTone = _interopRequireDefault(require("./CollectionsTwoTone"));
+var _ColorLens = _interopRequireDefault(require("./ColorLens"));
+var _ColorLensOutlined = _interopRequireDefault(require("./ColorLensOutlined"));
+var _ColorLensRounded = _interopRequireDefault(require("./ColorLensRounded"));
+var _ColorLensSharp = _interopRequireDefault(require("./ColorLensSharp"));
+var _ColorLensTwoTone = _interopRequireDefault(require("./ColorLensTwoTone"));
+var _Colorize = _interopRequireDefault(require("./Colorize"));
+var _ColorizeOutlined = _interopRequireDefault(require("./ColorizeOutlined"));
+var _ColorizeRounded = _interopRequireDefault(require("./ColorizeRounded"));
+var _ColorizeSharp = _interopRequireDefault(require("./ColorizeSharp"));
+var _ColorizeTwoTone = _interopRequireDefault(require("./ColorizeTwoTone"));
+var _Comment = _interopRequireDefault(require("./Comment"));
+var _CommentBank = _interopRequireDefault(require("./CommentBank"));
+var _CommentBankOutlined = _interopRequireDefault(require("./CommentBankOutlined"));
+var _CommentBankRounded = _interopRequireDefault(require("./CommentBankRounded"));
+var _CommentBankSharp = _interopRequireDefault(require("./CommentBankSharp"));
+var _CommentBankTwoTone = _interopRequireDefault(require("./CommentBankTwoTone"));
+var _CommentOutlined = _interopRequireDefault(require("./CommentOutlined"));
+var _CommentRounded = _interopRequireDefault(require("./CommentRounded"));
+var _CommentSharp = _interopRequireDefault(require("./CommentSharp"));
+var _CommentTwoTone = _interopRequireDefault(require("./CommentTwoTone"));
+var _CommentsDisabled = _interopRequireDefault(require("./CommentsDisabled"));
+var _CommentsDisabledOutlined = _interopRequireDefault(require("./CommentsDisabledOutlined"));
+var _CommentsDisabledRounded = _interopRequireDefault(require("./CommentsDisabledRounded"));
+var _CommentsDisabledSharp = _interopRequireDefault(require("./CommentsDisabledSharp"));
+var _CommentsDisabledTwoTone = _interopRequireDefault(require("./CommentsDisabledTwoTone"));
+var _Commit = _interopRequireDefault(require("./Commit"));
+var _CommitOutlined = _interopRequireDefault(require("./CommitOutlined"));
+var _CommitRounded = _interopRequireDefault(require("./CommitRounded"));
+var _CommitSharp = _interopRequireDefault(require("./CommitSharp"));
+var _CommitTwoTone = _interopRequireDefault(require("./CommitTwoTone"));
+var _Commute = _interopRequireDefault(require("./Commute"));
+var _CommuteOutlined = _interopRequireDefault(require("./CommuteOutlined"));
+var _CommuteRounded = _interopRequireDefault(require("./CommuteRounded"));
+var _CommuteSharp = _interopRequireDefault(require("./CommuteSharp"));
+var _CommuteTwoTone = _interopRequireDefault(require("./CommuteTwoTone"));
+var _Compare = _interopRequireDefault(require("./Compare"));
+var _CompareArrows = _interopRequireDefault(require("./CompareArrows"));
+var _CompareArrowsOutlined = _interopRequireDefault(require("./CompareArrowsOutlined"));
+var _CompareArrowsRounded = _interopRequireDefault(require("./CompareArrowsRounded"));
+var _CompareArrowsSharp = _interopRequireDefault(require("./CompareArrowsSharp"));
+var _CompareArrowsTwoTone = _interopRequireDefault(require("./CompareArrowsTwoTone"));
+var _CompareOutlined = _interopRequireDefault(require("./CompareOutlined"));
+var _CompareRounded = _interopRequireDefault(require("./CompareRounded"));
+var _CompareSharp = _interopRequireDefault(require("./CompareSharp"));
+var _CompareTwoTone = _interopRequireDefault(require("./CompareTwoTone"));
+var _CompassCalibration = _interopRequireDefault(require("./CompassCalibration"));
+var _CompassCalibrationOutlined = _interopRequireDefault(require("./CompassCalibrationOutlined"));
+var _CompassCalibrationRounded = _interopRequireDefault(require("./CompassCalibrationRounded"));
+var _CompassCalibrationSharp = _interopRequireDefault(require("./CompassCalibrationSharp"));
+var _CompassCalibrationTwoTone = _interopRequireDefault(require("./CompassCalibrationTwoTone"));
+var _Compress = _interopRequireDefault(require("./Compress"));
+var _CompressOutlined = _interopRequireDefault(require("./CompressOutlined"));
+var _CompressRounded = _interopRequireDefault(require("./CompressRounded"));
+var _CompressSharp = _interopRequireDefault(require("./CompressSharp"));
+var _CompressTwoTone = _interopRequireDefault(require("./CompressTwoTone"));
+var _Computer = _interopRequireDefault(require("./Computer"));
+var _ComputerOutlined = _interopRequireDefault(require("./ComputerOutlined"));
+var _ComputerRounded = _interopRequireDefault(require("./ComputerRounded"));
+var _ComputerSharp = _interopRequireDefault(require("./ComputerSharp"));
+var _ComputerTwoTone = _interopRequireDefault(require("./ComputerTwoTone"));
+var _ConfirmationNumber = _interopRequireDefault(require("./ConfirmationNumber"));
+var _ConfirmationNumberOutlined = _interopRequireDefault(require("./ConfirmationNumberOutlined"));
+var _ConfirmationNumberRounded = _interopRequireDefault(require("./ConfirmationNumberRounded"));
+var _ConfirmationNumberSharp = _interopRequireDefault(require("./ConfirmationNumberSharp"));
+var _ConfirmationNumberTwoTone = _interopRequireDefault(require("./ConfirmationNumberTwoTone"));
+var _ConnectWithoutContact = _interopRequireDefault(require("./ConnectWithoutContact"));
+var _ConnectWithoutContactOutlined = _interopRequireDefault(require("./ConnectWithoutContactOutlined"));
+var _ConnectWithoutContactRounded = _interopRequireDefault(require("./ConnectWithoutContactRounded"));
+var _ConnectWithoutContactSharp = _interopRequireDefault(require("./ConnectWithoutContactSharp"));
+var _ConnectWithoutContactTwoTone = _interopRequireDefault(require("./ConnectWithoutContactTwoTone"));
+var _ConnectedTv = _interopRequireDefault(require("./ConnectedTv"));
+var _ConnectedTvOutlined = _interopRequireDefault(require("./ConnectedTvOutlined"));
+var _ConnectedTvRounded = _interopRequireDefault(require("./ConnectedTvRounded"));
+var _ConnectedTvSharp = _interopRequireDefault(require("./ConnectedTvSharp"));
+var _ConnectedTvTwoTone = _interopRequireDefault(require("./ConnectedTvTwoTone"));
+var _ConnectingAirports = _interopRequireDefault(require("./ConnectingAirports"));
+var _ConnectingAirportsOutlined = _interopRequireDefault(require("./ConnectingAirportsOutlined"));
+var _ConnectingAirportsRounded = _interopRequireDefault(require("./ConnectingAirportsRounded"));
+var _ConnectingAirportsSharp = _interopRequireDefault(require("./ConnectingAirportsSharp"));
+var _ConnectingAirportsTwoTone = _interopRequireDefault(require("./ConnectingAirportsTwoTone"));
+var _Construction = _interopRequireDefault(require("./Construction"));
+var _ConstructionOutlined = _interopRequireDefault(require("./ConstructionOutlined"));
+var _ConstructionRounded = _interopRequireDefault(require("./ConstructionRounded"));
+var _ConstructionSharp = _interopRequireDefault(require("./ConstructionSharp"));
+var _ConstructionTwoTone = _interopRequireDefault(require("./ConstructionTwoTone"));
+var _ContactEmergency = _interopRequireDefault(require("./ContactEmergency"));
+var _ContactEmergencyOutlined = _interopRequireDefault(require("./ContactEmergencyOutlined"));
+var _ContactEmergencyRounded = _interopRequireDefault(require("./ContactEmergencyRounded"));
+var _ContactEmergencySharp = _interopRequireDefault(require("./ContactEmergencySharp"));
+var _ContactEmergencyTwoTone = _interopRequireDefault(require("./ContactEmergencyTwoTone"));
+var _ContactMail = _interopRequireDefault(require("./ContactMail"));
+var _ContactMailOutlined = _interopRequireDefault(require("./ContactMailOutlined"));
+var _ContactMailRounded = _interopRequireDefault(require("./ContactMailRounded"));
+var _ContactMailSharp = _interopRequireDefault(require("./ContactMailSharp"));
+var _ContactMailTwoTone = _interopRequireDefault(require("./ContactMailTwoTone"));
+var _ContactPage = _interopRequireDefault(require("./ContactPage"));
+var _ContactPageOutlined = _interopRequireDefault(require("./ContactPageOutlined"));
+var _ContactPageRounded = _interopRequireDefault(require("./ContactPageRounded"));
+var _ContactPageSharp = _interopRequireDefault(require("./ContactPageSharp"));
+var _ContactPageTwoTone = _interopRequireDefault(require("./ContactPageTwoTone"));
+var _ContactPhone = _interopRequireDefault(require("./ContactPhone"));
+var _ContactPhoneOutlined = _interopRequireDefault(require("./ContactPhoneOutlined"));
+var _ContactPhoneRounded = _interopRequireDefault(require("./ContactPhoneRounded"));
+var _ContactPhoneSharp = _interopRequireDefault(require("./ContactPhoneSharp"));
+var _ContactPhoneTwoTone = _interopRequireDefault(require("./ContactPhoneTwoTone"));
+var _ContactSupport = _interopRequireDefault(require("./ContactSupport"));
+var _ContactSupportOutlined = _interopRequireDefault(require("./ContactSupportOutlined"));
+var _ContactSupportRounded = _interopRequireDefault(require("./ContactSupportRounded"));
+var _ContactSupportSharp = _interopRequireDefault(require("./ContactSupportSharp"));
+var _ContactSupportTwoTone = _interopRequireDefault(require("./ContactSupportTwoTone"));
+var _Contactless = _interopRequireDefault(require("./Contactless"));
+var _ContactlessOutlined = _interopRequireDefault(require("./ContactlessOutlined"));
+var _ContactlessRounded = _interopRequireDefault(require("./ContactlessRounded"));
+var _ContactlessSharp = _interopRequireDefault(require("./ContactlessSharp"));
+var _ContactlessTwoTone = _interopRequireDefault(require("./ContactlessTwoTone"));
+var _Contacts = _interopRequireDefault(require("./Contacts"));
+var _ContactsOutlined = _interopRequireDefault(require("./ContactsOutlined"));
+var _ContactsRounded = _interopRequireDefault(require("./ContactsRounded"));
+var _ContactsSharp = _interopRequireDefault(require("./ContactsSharp"));
+var _ContactsTwoTone = _interopRequireDefault(require("./ContactsTwoTone"));
+var _ContentCopy = _interopRequireDefault(require("./ContentCopy"));
+var _ContentCopyOutlined = _interopRequireDefault(require("./ContentCopyOutlined"));
+var _ContentCopyRounded = _interopRequireDefault(require("./ContentCopyRounded"));
+var _ContentCopySharp = _interopRequireDefault(require("./ContentCopySharp"));
+var _ContentCopyTwoTone = _interopRequireDefault(require("./ContentCopyTwoTone"));
+var _ContentCut = _interopRequireDefault(require("./ContentCut"));
+var _ContentCutOutlined = _interopRequireDefault(require("./ContentCutOutlined"));
+var _ContentCutRounded = _interopRequireDefault(require("./ContentCutRounded"));
+var _ContentCutSharp = _interopRequireDefault(require("./ContentCutSharp"));
+var _ContentCutTwoTone = _interopRequireDefault(require("./ContentCutTwoTone"));
+var _ContentPaste = _interopRequireDefault(require("./ContentPaste"));
+var _ContentPasteGo = _interopRequireDefault(require("./ContentPasteGo"));
+var _ContentPasteGoOutlined = _interopRequireDefault(require("./ContentPasteGoOutlined"));
+var _ContentPasteGoRounded = _interopRequireDefault(require("./ContentPasteGoRounded"));
+var _ContentPasteGoSharp = _interopRequireDefault(require("./ContentPasteGoSharp"));
+var _ContentPasteGoTwoTone = _interopRequireDefault(require("./ContentPasteGoTwoTone"));
+var _ContentPasteOff = _interopRequireDefault(require("./ContentPasteOff"));
+var _ContentPasteOffOutlined = _interopRequireDefault(require("./ContentPasteOffOutlined"));
+var _ContentPasteOffRounded = _interopRequireDefault(require("./ContentPasteOffRounded"));
+var _ContentPasteOffSharp = _interopRequireDefault(require("./ContentPasteOffSharp"));
+var _ContentPasteOffTwoTone = _interopRequireDefault(require("./ContentPasteOffTwoTone"));
+var _ContentPasteOutlined = _interopRequireDefault(require("./ContentPasteOutlined"));
+var _ContentPasteRounded = _interopRequireDefault(require("./ContentPasteRounded"));
+var _ContentPasteSearch = _interopRequireDefault(require("./ContentPasteSearch"));
+var _ContentPasteSearchOutlined = _interopRequireDefault(require("./ContentPasteSearchOutlined"));
+var _ContentPasteSearchRounded = _interopRequireDefault(require("./ContentPasteSearchRounded"));
+var _ContentPasteSearchSharp = _interopRequireDefault(require("./ContentPasteSearchSharp"));
+var _ContentPasteSearchTwoTone = _interopRequireDefault(require("./ContentPasteSearchTwoTone"));
+var _ContentPasteSharp = _interopRequireDefault(require("./ContentPasteSharp"));
+var _ContentPasteTwoTone = _interopRequireDefault(require("./ContentPasteTwoTone"));
+var _Contrast = _interopRequireDefault(require("./Contrast"));
+var _ContrastOutlined = _interopRequireDefault(require("./ContrastOutlined"));
+var _ContrastRounded = _interopRequireDefault(require("./ContrastRounded"));
+var _ContrastSharp = _interopRequireDefault(require("./ContrastSharp"));
+var _ContrastTwoTone = _interopRequireDefault(require("./ContrastTwoTone"));
+var _ControlCamera = _interopRequireDefault(require("./ControlCamera"));
+var _ControlCameraOutlined = _interopRequireDefault(require("./ControlCameraOutlined"));
+var _ControlCameraRounded = _interopRequireDefault(require("./ControlCameraRounded"));
+var _ControlCameraSharp = _interopRequireDefault(require("./ControlCameraSharp"));
+var _ControlCameraTwoTone = _interopRequireDefault(require("./ControlCameraTwoTone"));
+var _ControlPoint = _interopRequireDefault(require("./ControlPoint"));
+var _ControlPointDuplicate = _interopRequireDefault(require("./ControlPointDuplicate"));
+var _ControlPointDuplicateOutlined = _interopRequireDefault(require("./ControlPointDuplicateOutlined"));
+var _ControlPointDuplicateRounded = _interopRequireDefault(require("./ControlPointDuplicateRounded"));
+var _ControlPointDuplicateSharp = _interopRequireDefault(require("./ControlPointDuplicateSharp"));
+var _ControlPointDuplicateTwoTone = _interopRequireDefault(require("./ControlPointDuplicateTwoTone"));
+var _ControlPointOutlined = _interopRequireDefault(require("./ControlPointOutlined"));
+var _ControlPointRounded = _interopRequireDefault(require("./ControlPointRounded"));
+var _ControlPointSharp = _interopRequireDefault(require("./ControlPointSharp"));
+var _ControlPointTwoTone = _interopRequireDefault(require("./ControlPointTwoTone"));
+var _Cookie = _interopRequireDefault(require("./Cookie"));
+var _CookieOutlined = _interopRequireDefault(require("./CookieOutlined"));
+var _CookieRounded = _interopRequireDefault(require("./CookieRounded"));
+var _CookieSharp = _interopRequireDefault(require("./CookieSharp"));
+var _CookieTwoTone = _interopRequireDefault(require("./CookieTwoTone"));
+var _CopyAll = _interopRequireDefault(require("./CopyAll"));
+var _CopyAllOutlined = _interopRequireDefault(require("./CopyAllOutlined"));
+var _CopyAllRounded = _interopRequireDefault(require("./CopyAllRounded"));
+var _CopyAllSharp = _interopRequireDefault(require("./CopyAllSharp"));
+var _CopyAllTwoTone = _interopRequireDefault(require("./CopyAllTwoTone"));
+var _Copyright = _interopRequireDefault(require("./Copyright"));
+var _CopyrightOutlined = _interopRequireDefault(require("./CopyrightOutlined"));
+var _CopyrightRounded = _interopRequireDefault(require("./CopyrightRounded"));
+var _CopyrightSharp = _interopRequireDefault(require("./CopyrightSharp"));
+var _CopyrightTwoTone = _interopRequireDefault(require("./CopyrightTwoTone"));
+var _Coronavirus = _interopRequireDefault(require("./Coronavirus"));
+var _CoronavirusOutlined = _interopRequireDefault(require("./CoronavirusOutlined"));
+var _CoronavirusRounded = _interopRequireDefault(require("./CoronavirusRounded"));
+var _CoronavirusSharp = _interopRequireDefault(require("./CoronavirusSharp"));
+var _CoronavirusTwoTone = _interopRequireDefault(require("./CoronavirusTwoTone"));
+var _CorporateFare = _interopRequireDefault(require("./CorporateFare"));
+var _CorporateFareOutlined = _interopRequireDefault(require("./CorporateFareOutlined"));
+var _CorporateFareRounded = _interopRequireDefault(require("./CorporateFareRounded"));
+var _CorporateFareSharp = _interopRequireDefault(require("./CorporateFareSharp"));
+var _CorporateFareTwoTone = _interopRequireDefault(require("./CorporateFareTwoTone"));
+var _Cottage = _interopRequireDefault(require("./Cottage"));
+var _CottageOutlined = _interopRequireDefault(require("./CottageOutlined"));
+var _CottageRounded = _interopRequireDefault(require("./CottageRounded"));
+var _CottageSharp = _interopRequireDefault(require("./CottageSharp"));
+var _CottageTwoTone = _interopRequireDefault(require("./CottageTwoTone"));
+var _Countertops = _interopRequireDefault(require("./Countertops"));
+var _CountertopsOutlined = _interopRequireDefault(require("./CountertopsOutlined"));
+var _CountertopsRounded = _interopRequireDefault(require("./CountertopsRounded"));
+var _CountertopsSharp = _interopRequireDefault(require("./CountertopsSharp"));
+var _CountertopsTwoTone = _interopRequireDefault(require("./CountertopsTwoTone"));
+var _Create = _interopRequireDefault(require("./Create"));
+var _CreateNewFolder = _interopRequireDefault(require("./CreateNewFolder"));
+var _CreateNewFolderOutlined = _interopRequireDefault(require("./CreateNewFolderOutlined"));
+var _CreateNewFolderRounded = _interopRequireDefault(require("./CreateNewFolderRounded"));
+var _CreateNewFolderSharp = _interopRequireDefault(require("./CreateNewFolderSharp"));
+var _CreateNewFolderTwoTone = _interopRequireDefault(require("./CreateNewFolderTwoTone"));
+var _CreateOutlined = _interopRequireDefault(require("./CreateOutlined"));
+var _CreateRounded = _interopRequireDefault(require("./CreateRounded"));
+var _CreateSharp = _interopRequireDefault(require("./CreateSharp"));
+var _CreateTwoTone = _interopRequireDefault(require("./CreateTwoTone"));
+var _CreditCard = _interopRequireDefault(require("./CreditCard"));
+var _CreditCardOff = _interopRequireDefault(require("./CreditCardOff"));
+var _CreditCardOffOutlined = _interopRequireDefault(require("./CreditCardOffOutlined"));
+var _CreditCardOffRounded = _interopRequireDefault(require("./CreditCardOffRounded"));
+var _CreditCardOffSharp = _interopRequireDefault(require("./CreditCardOffSharp"));
+var _CreditCardOffTwoTone = _interopRequireDefault(require("./CreditCardOffTwoTone"));
+var _CreditCardOutlined = _interopRequireDefault(require("./CreditCardOutlined"));
+var _CreditCardRounded = _interopRequireDefault(require("./CreditCardRounded"));
+var _CreditCardSharp = _interopRequireDefault(require("./CreditCardSharp"));
+var _CreditCardTwoTone = _interopRequireDefault(require("./CreditCardTwoTone"));
+var _CreditScore = _interopRequireDefault(require("./CreditScore"));
+var _CreditScoreOutlined = _interopRequireDefault(require("./CreditScoreOutlined"));
+var _CreditScoreRounded = _interopRequireDefault(require("./CreditScoreRounded"));
+var _CreditScoreSharp = _interopRequireDefault(require("./CreditScoreSharp"));
+var _CreditScoreTwoTone = _interopRequireDefault(require("./CreditScoreTwoTone"));
+var _Crib = _interopRequireDefault(require("./Crib"));
+var _CribOutlined = _interopRequireDefault(require("./CribOutlined"));
+var _CribRounded = _interopRequireDefault(require("./CribRounded"));
+var _CribSharp = _interopRequireDefault(require("./CribSharp"));
+var _CribTwoTone = _interopRequireDefault(require("./CribTwoTone"));
+var _CrisisAlert = _interopRequireDefault(require("./CrisisAlert"));
+var _CrisisAlertOutlined = _interopRequireDefault(require("./CrisisAlertOutlined"));
+var _CrisisAlertRounded = _interopRequireDefault(require("./CrisisAlertRounded"));
+var _CrisisAlertSharp = _interopRequireDefault(require("./CrisisAlertSharp"));
+var _CrisisAlertTwoTone = _interopRequireDefault(require("./CrisisAlertTwoTone"));
+var _Crop = _interopRequireDefault(require("./Crop"));
+var _Crop2 = _interopRequireDefault(require("./Crop169"));
+var _Crop169Outlined = _interopRequireDefault(require("./Crop169Outlined"));
+var _Crop169Rounded = _interopRequireDefault(require("./Crop169Rounded"));
+var _Crop169Sharp = _interopRequireDefault(require("./Crop169Sharp"));
+var _Crop169TwoTone = _interopRequireDefault(require("./Crop169TwoTone"));
+var _Crop3 = _interopRequireDefault(require("./Crop32"));
+var _Crop32Outlined = _interopRequireDefault(require("./Crop32Outlined"));
+var _Crop32Rounded = _interopRequireDefault(require("./Crop32Rounded"));
+var _Crop32Sharp = _interopRequireDefault(require("./Crop32Sharp"));
+var _Crop32TwoTone = _interopRequireDefault(require("./Crop32TwoTone"));
+var _Crop4 = _interopRequireDefault(require("./Crop54"));
+var _Crop54Outlined = _interopRequireDefault(require("./Crop54Outlined"));
+var _Crop54Rounded = _interopRequireDefault(require("./Crop54Rounded"));
+var _Crop54Sharp = _interopRequireDefault(require("./Crop54Sharp"));
+var _Crop54TwoTone = _interopRequireDefault(require("./Crop54TwoTone"));
+var _Crop5 = _interopRequireDefault(require("./Crop75"));
+var _Crop75Outlined = _interopRequireDefault(require("./Crop75Outlined"));
+var _Crop75Rounded = _interopRequireDefault(require("./Crop75Rounded"));
+var _Crop75Sharp = _interopRequireDefault(require("./Crop75Sharp"));
+var _Crop75TwoTone = _interopRequireDefault(require("./Crop75TwoTone"));
+var _CropDin = _interopRequireDefault(require("./CropDin"));
+var _CropDinOutlined = _interopRequireDefault(require("./CropDinOutlined"));
+var _CropDinRounded = _interopRequireDefault(require("./CropDinRounded"));
+var _CropDinSharp = _interopRequireDefault(require("./CropDinSharp"));
+var _CropDinTwoTone = _interopRequireDefault(require("./CropDinTwoTone"));
+var _CropFree = _interopRequireDefault(require("./CropFree"));
+var _CropFreeOutlined = _interopRequireDefault(require("./CropFreeOutlined"));
+var _CropFreeRounded = _interopRequireDefault(require("./CropFreeRounded"));
+var _CropFreeSharp = _interopRequireDefault(require("./CropFreeSharp"));
+var _CropFreeTwoTone = _interopRequireDefault(require("./CropFreeTwoTone"));
+var _CropLandscape = _interopRequireDefault(require("./CropLandscape"));
+var _CropLandscapeOutlined = _interopRequireDefault(require("./CropLandscapeOutlined"));
+var _CropLandscapeRounded = _interopRequireDefault(require("./CropLandscapeRounded"));
+var _CropLandscapeSharp = _interopRequireDefault(require("./CropLandscapeSharp"));
+var _CropLandscapeTwoTone = _interopRequireDefault(require("./CropLandscapeTwoTone"));
+var _CropOriginal = _interopRequireDefault(require("./CropOriginal"));
+var _CropOriginalOutlined = _interopRequireDefault(require("./CropOriginalOutlined"));
+var _CropOriginalRounded = _interopRequireDefault(require("./CropOriginalRounded"));
+var _CropOriginalSharp = _interopRequireDefault(require("./CropOriginalSharp"));
+var _CropOriginalTwoTone = _interopRequireDefault(require("./CropOriginalTwoTone"));
+var _CropOutlined = _interopRequireDefault(require("./CropOutlined"));
+var _CropPortrait = _interopRequireDefault(require("./CropPortrait"));
+var _CropPortraitOutlined = _interopRequireDefault(require("./CropPortraitOutlined"));
+var _CropPortraitRounded = _interopRequireDefault(require("./CropPortraitRounded"));
+var _CropPortraitSharp = _interopRequireDefault(require("./CropPortraitSharp"));
+var _CropPortraitTwoTone = _interopRequireDefault(require("./CropPortraitTwoTone"));
+var _CropRotate = _interopRequireDefault(require("./CropRotate"));
+var _CropRotateOutlined = _interopRequireDefault(require("./CropRotateOutlined"));
+var _CropRotateRounded = _interopRequireDefault(require("./CropRotateRounded"));
+var _CropRotateSharp = _interopRequireDefault(require("./CropRotateSharp"));
+var _CropRotateTwoTone = _interopRequireDefault(require("./CropRotateTwoTone"));
+var _CropRounded = _interopRequireDefault(require("./CropRounded"));
+var _CropSharp = _interopRequireDefault(require("./CropSharp"));
+var _CropSquare = _interopRequireDefault(require("./CropSquare"));
+var _CropSquareOutlined = _interopRequireDefault(require("./CropSquareOutlined"));
+var _CropSquareRounded = _interopRequireDefault(require("./CropSquareRounded"));
+var _CropSquareSharp = _interopRequireDefault(require("./CropSquareSharp"));
+var _CropSquareTwoTone = _interopRequireDefault(require("./CropSquareTwoTone"));
+var _CropTwoTone = _interopRequireDefault(require("./CropTwoTone"));
+var _Css = _interopRequireDefault(require("./Css"));
+var _CssOutlined = _interopRequireDefault(require("./CssOutlined"));
+var _CssRounded = _interopRequireDefault(require("./CssRounded"));
+var _CssSharp = _interopRequireDefault(require("./CssSharp"));
+var _CssTwoTone = _interopRequireDefault(require("./CssTwoTone"));
+var _CurrencyBitcoin = _interopRequireDefault(require("./CurrencyBitcoin"));
+var _CurrencyBitcoinOutlined = _interopRequireDefault(require("./CurrencyBitcoinOutlined"));
+var _CurrencyBitcoinRounded = _interopRequireDefault(require("./CurrencyBitcoinRounded"));
+var _CurrencyBitcoinSharp = _interopRequireDefault(require("./CurrencyBitcoinSharp"));
+var _CurrencyBitcoinTwoTone = _interopRequireDefault(require("./CurrencyBitcoinTwoTone"));
+var _CurrencyExchange = _interopRequireDefault(require("./CurrencyExchange"));
+var _CurrencyExchangeOutlined = _interopRequireDefault(require("./CurrencyExchangeOutlined"));
+var _CurrencyExchangeRounded = _interopRequireDefault(require("./CurrencyExchangeRounded"));
+var _CurrencyExchangeSharp = _interopRequireDefault(require("./CurrencyExchangeSharp"));
+var _CurrencyExchangeTwoTone = _interopRequireDefault(require("./CurrencyExchangeTwoTone"));
+var _CurrencyFranc = _interopRequireDefault(require("./CurrencyFranc"));
+var _CurrencyFrancOutlined = _interopRequireDefault(require("./CurrencyFrancOutlined"));
+var _CurrencyFrancRounded = _interopRequireDefault(require("./CurrencyFrancRounded"));
+var _CurrencyFrancSharp = _interopRequireDefault(require("./CurrencyFrancSharp"));
+var _CurrencyFrancTwoTone = _interopRequireDefault(require("./CurrencyFrancTwoTone"));
+var _CurrencyLira = _interopRequireDefault(require("./CurrencyLira"));
+var _CurrencyLiraOutlined = _interopRequireDefault(require("./CurrencyLiraOutlined"));
+var _CurrencyLiraRounded = _interopRequireDefault(require("./CurrencyLiraRounded"));
+var _CurrencyLiraSharp = _interopRequireDefault(require("./CurrencyLiraSharp"));
+var _CurrencyLiraTwoTone = _interopRequireDefault(require("./CurrencyLiraTwoTone"));
+var _CurrencyPound = _interopRequireDefault(require("./CurrencyPound"));
+var _CurrencyPoundOutlined = _interopRequireDefault(require("./CurrencyPoundOutlined"));
+var _CurrencyPoundRounded = _interopRequireDefault(require("./CurrencyPoundRounded"));
+var _CurrencyPoundSharp = _interopRequireDefault(require("./CurrencyPoundSharp"));
+var _CurrencyPoundTwoTone = _interopRequireDefault(require("./CurrencyPoundTwoTone"));
+var _CurrencyRuble = _interopRequireDefault(require("./CurrencyRuble"));
+var _CurrencyRubleOutlined = _interopRequireDefault(require("./CurrencyRubleOutlined"));
+var _CurrencyRubleRounded = _interopRequireDefault(require("./CurrencyRubleRounded"));
+var _CurrencyRubleSharp = _interopRequireDefault(require("./CurrencyRubleSharp"));
+var _CurrencyRubleTwoTone = _interopRequireDefault(require("./CurrencyRubleTwoTone"));
+var _CurrencyRupee = _interopRequireDefault(require("./CurrencyRupee"));
+var _CurrencyRupeeOutlined = _interopRequireDefault(require("./CurrencyRupeeOutlined"));
+var _CurrencyRupeeRounded = _interopRequireDefault(require("./CurrencyRupeeRounded"));
+var _CurrencyRupeeSharp = _interopRequireDefault(require("./CurrencyRupeeSharp"));
+var _CurrencyRupeeTwoTone = _interopRequireDefault(require("./CurrencyRupeeTwoTone"));
+var _CurrencyYen = _interopRequireDefault(require("./CurrencyYen"));
+var _CurrencyYenOutlined = _interopRequireDefault(require("./CurrencyYenOutlined"));
+var _CurrencyYenRounded = _interopRequireDefault(require("./CurrencyYenRounded"));
+var _CurrencyYenSharp = _interopRequireDefault(require("./CurrencyYenSharp"));
+var _CurrencyYenTwoTone = _interopRequireDefault(require("./CurrencyYenTwoTone"));
+var _CurrencyYuan = _interopRequireDefault(require("./CurrencyYuan"));
+var _CurrencyYuanOutlined = _interopRequireDefault(require("./CurrencyYuanOutlined"));
+var _CurrencyYuanRounded = _interopRequireDefault(require("./CurrencyYuanRounded"));
+var _CurrencyYuanSharp = _interopRequireDefault(require("./CurrencyYuanSharp"));
+var _CurrencyYuanTwoTone = _interopRequireDefault(require("./CurrencyYuanTwoTone"));
+var _Curtains = _interopRequireDefault(require("./Curtains"));
+var _CurtainsClosed = _interopRequireDefault(require("./CurtainsClosed"));
+var _CurtainsClosedOutlined = _interopRequireDefault(require("./CurtainsClosedOutlined"));
+var _CurtainsClosedRounded = _interopRequireDefault(require("./CurtainsClosedRounded"));
+var _CurtainsClosedSharp = _interopRequireDefault(require("./CurtainsClosedSharp"));
+var _CurtainsClosedTwoTone = _interopRequireDefault(require("./CurtainsClosedTwoTone"));
+var _CurtainsOutlined = _interopRequireDefault(require("./CurtainsOutlined"));
+var _CurtainsRounded = _interopRequireDefault(require("./CurtainsRounded"));
+var _CurtainsSharp = _interopRequireDefault(require("./CurtainsSharp"));
+var _CurtainsTwoTone = _interopRequireDefault(require("./CurtainsTwoTone"));
+var _Cyclone = _interopRequireDefault(require("./Cyclone"));
+var _CycloneOutlined = _interopRequireDefault(require("./CycloneOutlined"));
+var _CycloneRounded = _interopRequireDefault(require("./CycloneRounded"));
+var _CycloneSharp = _interopRequireDefault(require("./CycloneSharp"));
+var _CycloneTwoTone = _interopRequireDefault(require("./CycloneTwoTone"));
+var _Dangerous = _interopRequireDefault(require("./Dangerous"));
+var _DangerousOutlined = _interopRequireDefault(require("./DangerousOutlined"));
+var _DangerousRounded = _interopRequireDefault(require("./DangerousRounded"));
+var _DangerousSharp = _interopRequireDefault(require("./DangerousSharp"));
+var _DangerousTwoTone = _interopRequireDefault(require("./DangerousTwoTone"));
+var _DarkMode = _interopRequireDefault(require("./DarkMode"));
+var _DarkModeOutlined = _interopRequireDefault(require("./DarkModeOutlined"));
+var _DarkModeRounded = _interopRequireDefault(require("./DarkModeRounded"));
+var _DarkModeSharp = _interopRequireDefault(require("./DarkModeSharp"));
+var _DarkModeTwoTone = _interopRequireDefault(require("./DarkModeTwoTone"));
+var _Dashboard = _interopRequireDefault(require("./Dashboard"));
+var _DashboardCustomize = _interopRequireDefault(require("./DashboardCustomize"));
+var _DashboardCustomizeOutlined = _interopRequireDefault(require("./DashboardCustomizeOutlined"));
+var _DashboardCustomizeRounded = _interopRequireDefault(require("./DashboardCustomizeRounded"));
+var _DashboardCustomizeSharp = _interopRequireDefault(require("./DashboardCustomizeSharp"));
+var _DashboardCustomizeTwoTone = _interopRequireDefault(require("./DashboardCustomizeTwoTone"));
+var _DashboardOutlined = _interopRequireDefault(require("./DashboardOutlined"));
+var _DashboardRounded = _interopRequireDefault(require("./DashboardRounded"));
+var _DashboardSharp = _interopRequireDefault(require("./DashboardSharp"));
+var _DashboardTwoTone = _interopRequireDefault(require("./DashboardTwoTone"));
+var _DataArray = _interopRequireDefault(require("./DataArray"));
+var _DataArrayOutlined = _interopRequireDefault(require("./DataArrayOutlined"));
+var _DataArrayRounded = _interopRequireDefault(require("./DataArrayRounded"));
+var _DataArraySharp = _interopRequireDefault(require("./DataArraySharp"));
+var _DataArrayTwoTone = _interopRequireDefault(require("./DataArrayTwoTone"));
+var _DataObject = _interopRequireDefault(require("./DataObject"));
+var _DataObjectOutlined = _interopRequireDefault(require("./DataObjectOutlined"));
+var _DataObjectRounded = _interopRequireDefault(require("./DataObjectRounded"));
+var _DataObjectSharp = _interopRequireDefault(require("./DataObjectSharp"));
+var _DataObjectTwoTone = _interopRequireDefault(require("./DataObjectTwoTone"));
+var _DataSaverOff = _interopRequireDefault(require("./DataSaverOff"));
+var _DataSaverOffOutlined = _interopRequireDefault(require("./DataSaverOffOutlined"));
+var _DataSaverOffRounded = _interopRequireDefault(require("./DataSaverOffRounded"));
+var _DataSaverOffSharp = _interopRequireDefault(require("./DataSaverOffSharp"));
+var _DataSaverOffTwoTone = _interopRequireDefault(require("./DataSaverOffTwoTone"));
+var _DataSaverOn = _interopRequireDefault(require("./DataSaverOn"));
+var _DataSaverOnOutlined = _interopRequireDefault(require("./DataSaverOnOutlined"));
+var _DataSaverOnRounded = _interopRequireDefault(require("./DataSaverOnRounded"));
+var _DataSaverOnSharp = _interopRequireDefault(require("./DataSaverOnSharp"));
+var _DataSaverOnTwoTone = _interopRequireDefault(require("./DataSaverOnTwoTone"));
+var _DataThresholding = _interopRequireDefault(require("./DataThresholding"));
+var _DataThresholdingOutlined = _interopRequireDefault(require("./DataThresholdingOutlined"));
+var _DataThresholdingRounded = _interopRequireDefault(require("./DataThresholdingRounded"));
+var _DataThresholdingSharp = _interopRequireDefault(require("./DataThresholdingSharp"));
+var _DataThresholdingTwoTone = _interopRequireDefault(require("./DataThresholdingTwoTone"));
+var _DataUsage = _interopRequireDefault(require("./DataUsage"));
+var _DataUsageOutlined = _interopRequireDefault(require("./DataUsageOutlined"));
+var _DataUsageRounded = _interopRequireDefault(require("./DataUsageRounded"));
+var _DataUsageSharp = _interopRequireDefault(require("./DataUsageSharp"));
+var _DataUsageTwoTone = _interopRequireDefault(require("./DataUsageTwoTone"));
+var _Dataset = _interopRequireDefault(require("./Dataset"));
+var _DatasetLinked = _interopRequireDefault(require("./DatasetLinked"));
+var _DatasetLinkedOutlined = _interopRequireDefault(require("./DatasetLinkedOutlined"));
+var _DatasetLinkedRounded = _interopRequireDefault(require("./DatasetLinkedRounded"));
+var _DatasetLinkedSharp = _interopRequireDefault(require("./DatasetLinkedSharp"));
+var _DatasetLinkedTwoTone = _interopRequireDefault(require("./DatasetLinkedTwoTone"));
+var _DatasetOutlined = _interopRequireDefault(require("./DatasetOutlined"));
+var _DatasetRounded = _interopRequireDefault(require("./DatasetRounded"));
+var _DatasetSharp = _interopRequireDefault(require("./DatasetSharp"));
+var _DatasetTwoTone = _interopRequireDefault(require("./DatasetTwoTone"));
+var _DateRange = _interopRequireDefault(require("./DateRange"));
+var _DateRangeOutlined = _interopRequireDefault(require("./DateRangeOutlined"));
+var _DateRangeRounded = _interopRequireDefault(require("./DateRangeRounded"));
+var _DateRangeSharp = _interopRequireDefault(require("./DateRangeSharp"));
+var _DateRangeTwoTone = _interopRequireDefault(require("./DateRangeTwoTone"));
+var _Deblur = _interopRequireDefault(require("./Deblur"));
+var _DeblurOutlined = _interopRequireDefault(require("./DeblurOutlined"));
+var _DeblurRounded = _interopRequireDefault(require("./DeblurRounded"));
+var _DeblurSharp = _interopRequireDefault(require("./DeblurSharp"));
+var _DeblurTwoTone = _interopRequireDefault(require("./DeblurTwoTone"));
+var _Deck = _interopRequireDefault(require("./Deck"));
+var _DeckOutlined = _interopRequireDefault(require("./DeckOutlined"));
+var _DeckRounded = _interopRequireDefault(require("./DeckRounded"));
+var _DeckSharp = _interopRequireDefault(require("./DeckSharp"));
+var _DeckTwoTone = _interopRequireDefault(require("./DeckTwoTone"));
+var _Dehaze = _interopRequireDefault(require("./Dehaze"));
+var _DehazeOutlined = _interopRequireDefault(require("./DehazeOutlined"));
+var _DehazeRounded = _interopRequireDefault(require("./DehazeRounded"));
+var _DehazeSharp = _interopRequireDefault(require("./DehazeSharp"));
+var _DehazeTwoTone = _interopRequireDefault(require("./DehazeTwoTone"));
+var _Delete = _interopRequireDefault(require("./Delete"));
+var _DeleteForever = _interopRequireDefault(require("./DeleteForever"));
+var _DeleteForeverOutlined = _interopRequireDefault(require("./DeleteForeverOutlined"));
+var _DeleteForeverRounded = _interopRequireDefault(require("./DeleteForeverRounded"));
+var _DeleteForeverSharp = _interopRequireDefault(require("./DeleteForeverSharp"));
+var _DeleteForeverTwoTone = _interopRequireDefault(require("./DeleteForeverTwoTone"));
+var _DeleteOutline = _interopRequireDefault(require("./DeleteOutline"));
+var _DeleteOutlineOutlined = _interopRequireDefault(require("./DeleteOutlineOutlined"));
+var _DeleteOutlineRounded = _interopRequireDefault(require("./DeleteOutlineRounded"));
+var _DeleteOutlineSharp = _interopRequireDefault(require("./DeleteOutlineSharp"));
+var _DeleteOutlineTwoTone = _interopRequireDefault(require("./DeleteOutlineTwoTone"));
+var _DeleteOutlined = _interopRequireDefault(require("./DeleteOutlined"));
+var _DeleteRounded = _interopRequireDefault(require("./DeleteRounded"));
+var _DeleteSharp = _interopRequireDefault(require("./DeleteSharp"));
+var _DeleteSweep = _interopRequireDefault(require("./DeleteSweep"));
+var _DeleteSweepOutlined = _interopRequireDefault(require("./DeleteSweepOutlined"));
+var _DeleteSweepRounded = _interopRequireDefault(require("./DeleteSweepRounded"));
+var _DeleteSweepSharp = _interopRequireDefault(require("./DeleteSweepSharp"));
+var _DeleteSweepTwoTone = _interopRequireDefault(require("./DeleteSweepTwoTone"));
+var _DeleteTwoTone = _interopRequireDefault(require("./DeleteTwoTone"));
+var _DeliveryDining = _interopRequireDefault(require("./DeliveryDining"));
+var _DeliveryDiningOutlined = _interopRequireDefault(require("./DeliveryDiningOutlined"));
+var _DeliveryDiningRounded = _interopRequireDefault(require("./DeliveryDiningRounded"));
+var _DeliveryDiningSharp = _interopRequireDefault(require("./DeliveryDiningSharp"));
+var _DeliveryDiningTwoTone = _interopRequireDefault(require("./DeliveryDiningTwoTone"));
+var _DensityLarge = _interopRequireDefault(require("./DensityLarge"));
+var _DensityLargeOutlined = _interopRequireDefault(require("./DensityLargeOutlined"));
+var _DensityLargeRounded = _interopRequireDefault(require("./DensityLargeRounded"));
+var _DensityLargeSharp = _interopRequireDefault(require("./DensityLargeSharp"));
+var _DensityLargeTwoTone = _interopRequireDefault(require("./DensityLargeTwoTone"));
+var _DensityMedium = _interopRequireDefault(require("./DensityMedium"));
+var _DensityMediumOutlined = _interopRequireDefault(require("./DensityMediumOutlined"));
+var _DensityMediumRounded = _interopRequireDefault(require("./DensityMediumRounded"));
+var _DensityMediumSharp = _interopRequireDefault(require("./DensityMediumSharp"));
+var _DensityMediumTwoTone = _interopRequireDefault(require("./DensityMediumTwoTone"));
+var _DensitySmall = _interopRequireDefault(require("./DensitySmall"));
+var _DensitySmallOutlined = _interopRequireDefault(require("./DensitySmallOutlined"));
+var _DensitySmallRounded = _interopRequireDefault(require("./DensitySmallRounded"));
+var _DensitySmallSharp = _interopRequireDefault(require("./DensitySmallSharp"));
+var _DensitySmallTwoTone = _interopRequireDefault(require("./DensitySmallTwoTone"));
+var _DepartureBoard = _interopRequireDefault(require("./DepartureBoard"));
+var _DepartureBoardOutlined = _interopRequireDefault(require("./DepartureBoardOutlined"));
+var _DepartureBoardRounded = _interopRequireDefault(require("./DepartureBoardRounded"));
+var _DepartureBoardSharp = _interopRequireDefault(require("./DepartureBoardSharp"));
+var _DepartureBoardTwoTone = _interopRequireDefault(require("./DepartureBoardTwoTone"));
+var _Description = _interopRequireDefault(require("./Description"));
+var _DescriptionOutlined = _interopRequireDefault(require("./DescriptionOutlined"));
+var _DescriptionRounded = _interopRequireDefault(require("./DescriptionRounded"));
+var _DescriptionSharp = _interopRequireDefault(require("./DescriptionSharp"));
+var _DescriptionTwoTone = _interopRequireDefault(require("./DescriptionTwoTone"));
+var _Deselect = _interopRequireDefault(require("./Deselect"));
+var _DeselectOutlined = _interopRequireDefault(require("./DeselectOutlined"));
+var _DeselectRounded = _interopRequireDefault(require("./DeselectRounded"));
+var _DeselectSharp = _interopRequireDefault(require("./DeselectSharp"));
+var _DeselectTwoTone = _interopRequireDefault(require("./DeselectTwoTone"));
+var _DesignServices = _interopRequireDefault(require("./DesignServices"));
+var _DesignServicesOutlined = _interopRequireDefault(require("./DesignServicesOutlined"));
+var _DesignServicesRounded = _interopRequireDefault(require("./DesignServicesRounded"));
+var _DesignServicesSharp = _interopRequireDefault(require("./DesignServicesSharp"));
+var _DesignServicesTwoTone = _interopRequireDefault(require("./DesignServicesTwoTone"));
+var _Desk = _interopRequireDefault(require("./Desk"));
+var _DeskOutlined = _interopRequireDefault(require("./DeskOutlined"));
+var _DeskRounded = _interopRequireDefault(require("./DeskRounded"));
+var _DeskSharp = _interopRequireDefault(require("./DeskSharp"));
+var _DeskTwoTone = _interopRequireDefault(require("./DeskTwoTone"));
+var _DesktopAccessDisabled = _interopRequireDefault(require("./DesktopAccessDisabled"));
+var _DesktopAccessDisabledOutlined = _interopRequireDefault(require("./DesktopAccessDisabledOutlined"));
+var _DesktopAccessDisabledRounded = _interopRequireDefault(require("./DesktopAccessDisabledRounded"));
+var _DesktopAccessDisabledSharp = _interopRequireDefault(require("./DesktopAccessDisabledSharp"));
+var _DesktopAccessDisabledTwoTone = _interopRequireDefault(require("./DesktopAccessDisabledTwoTone"));
+var _DesktopMac = _interopRequireDefault(require("./DesktopMac"));
+var _DesktopMacOutlined = _interopRequireDefault(require("./DesktopMacOutlined"));
+var _DesktopMacRounded = _interopRequireDefault(require("./DesktopMacRounded"));
+var _DesktopMacSharp = _interopRequireDefault(require("./DesktopMacSharp"));
+var _DesktopMacTwoTone = _interopRequireDefault(require("./DesktopMacTwoTone"));
+var _DesktopWindows = _interopRequireDefault(require("./DesktopWindows"));
+var _DesktopWindowsOutlined = _interopRequireDefault(require("./DesktopWindowsOutlined"));
+var _DesktopWindowsRounded = _interopRequireDefault(require("./DesktopWindowsRounded"));
+var _DesktopWindowsSharp = _interopRequireDefault(require("./DesktopWindowsSharp"));
+var _DesktopWindowsTwoTone = _interopRequireDefault(require("./DesktopWindowsTwoTone"));
+var _Details = _interopRequireDefault(require("./Details"));
+var _DetailsOutlined = _interopRequireDefault(require("./DetailsOutlined"));
+var _DetailsRounded = _interopRequireDefault(require("./DetailsRounded"));
+var _DetailsSharp = _interopRequireDefault(require("./DetailsSharp"));
+var _DetailsTwoTone = _interopRequireDefault(require("./DetailsTwoTone"));
+var _DeveloperBoard = _interopRequireDefault(require("./DeveloperBoard"));
+var _DeveloperBoardOff = _interopRequireDefault(require("./DeveloperBoardOff"));
+var _DeveloperBoardOffOutlined = _interopRequireDefault(require("./DeveloperBoardOffOutlined"));
+var _DeveloperBoardOffRounded = _interopRequireDefault(require("./DeveloperBoardOffRounded"));
+var _DeveloperBoardOffSharp = _interopRequireDefault(require("./DeveloperBoardOffSharp"));
+var _DeveloperBoardOffTwoTone = _interopRequireDefault(require("./DeveloperBoardOffTwoTone"));
+var _DeveloperBoardOutlined = _interopRequireDefault(require("./DeveloperBoardOutlined"));
+var _DeveloperBoardRounded = _interopRequireDefault(require("./DeveloperBoardRounded"));
+var _DeveloperBoardSharp = _interopRequireDefault(require("./DeveloperBoardSharp"));
+var _DeveloperBoardTwoTone = _interopRequireDefault(require("./DeveloperBoardTwoTone"));
+var _DeveloperMode = _interopRequireDefault(require("./DeveloperMode"));
+var _DeveloperModeOutlined = _interopRequireDefault(require("./DeveloperModeOutlined"));
+var _DeveloperModeRounded = _interopRequireDefault(require("./DeveloperModeRounded"));
+var _DeveloperModeSharp = _interopRequireDefault(require("./DeveloperModeSharp"));
+var _DeveloperModeTwoTone = _interopRequireDefault(require("./DeveloperModeTwoTone"));
+var _DeviceHub = _interopRequireDefault(require("./DeviceHub"));
+var _DeviceHubOutlined = _interopRequireDefault(require("./DeviceHubOutlined"));
+var _DeviceHubRounded = _interopRequireDefault(require("./DeviceHubRounded"));
+var _DeviceHubSharp = _interopRequireDefault(require("./DeviceHubSharp"));
+var _DeviceHubTwoTone = _interopRequireDefault(require("./DeviceHubTwoTone"));
+var _DeviceThermostat = _interopRequireDefault(require("./DeviceThermostat"));
+var _DeviceThermostatOutlined = _interopRequireDefault(require("./DeviceThermostatOutlined"));
+var _DeviceThermostatRounded = _interopRequireDefault(require("./DeviceThermostatRounded"));
+var _DeviceThermostatSharp = _interopRequireDefault(require("./DeviceThermostatSharp"));
+var _DeviceThermostatTwoTone = _interopRequireDefault(require("./DeviceThermostatTwoTone"));
+var _DeviceUnknown = _interopRequireDefault(require("./DeviceUnknown"));
+var _DeviceUnknownOutlined = _interopRequireDefault(require("./DeviceUnknownOutlined"));
+var _DeviceUnknownRounded = _interopRequireDefault(require("./DeviceUnknownRounded"));
+var _DeviceUnknownSharp = _interopRequireDefault(require("./DeviceUnknownSharp"));
+var _DeviceUnknownTwoTone = _interopRequireDefault(require("./DeviceUnknownTwoTone"));
+var _Devices = _interopRequireDefault(require("./Devices"));
+var _DevicesFold = _interopRequireDefault(require("./DevicesFold"));
+var _DevicesFoldOutlined = _interopRequireDefault(require("./DevicesFoldOutlined"));
+var _DevicesFoldRounded = _interopRequireDefault(require("./DevicesFoldRounded"));
+var _DevicesFoldSharp = _interopRequireDefault(require("./DevicesFoldSharp"));
+var _DevicesFoldTwoTone = _interopRequireDefault(require("./DevicesFoldTwoTone"));
+var _DevicesOther = _interopRequireDefault(require("./DevicesOther"));
+var _DevicesOtherOutlined = _interopRequireDefault(require("./DevicesOtherOutlined"));
+var _DevicesOtherRounded = _interopRequireDefault(require("./DevicesOtherRounded"));
+var _DevicesOtherSharp = _interopRequireDefault(require("./DevicesOtherSharp"));
+var _DevicesOtherTwoTone = _interopRequireDefault(require("./DevicesOtherTwoTone"));
+var _DevicesOutlined = _interopRequireDefault(require("./DevicesOutlined"));
+var _DevicesRounded = _interopRequireDefault(require("./DevicesRounded"));
+var _DevicesSharp = _interopRequireDefault(require("./DevicesSharp"));
+var _DevicesTwoTone = _interopRequireDefault(require("./DevicesTwoTone"));
+var _DialerSip = _interopRequireDefault(require("./DialerSip"));
+var _DialerSipOutlined = _interopRequireDefault(require("./DialerSipOutlined"));
+var _DialerSipRounded = _interopRequireDefault(require("./DialerSipRounded"));
+var _DialerSipSharp = _interopRequireDefault(require("./DialerSipSharp"));
+var _DialerSipTwoTone = _interopRequireDefault(require("./DialerSipTwoTone"));
+var _Dialpad = _interopRequireDefault(require("./Dialpad"));
+var _DialpadOutlined = _interopRequireDefault(require("./DialpadOutlined"));
+var _DialpadRounded = _interopRequireDefault(require("./DialpadRounded"));
+var _DialpadSharp = _interopRequireDefault(require("./DialpadSharp"));
+var _DialpadTwoTone = _interopRequireDefault(require("./DialpadTwoTone"));
+var _Diamond = _interopRequireDefault(require("./Diamond"));
+var _DiamondOutlined = _interopRequireDefault(require("./DiamondOutlined"));
+var _DiamondRounded = _interopRequireDefault(require("./DiamondRounded"));
+var _DiamondSharp = _interopRequireDefault(require("./DiamondSharp"));
+var _DiamondTwoTone = _interopRequireDefault(require("./DiamondTwoTone"));
+var _Difference = _interopRequireDefault(require("./Difference"));
+var _DifferenceOutlined = _interopRequireDefault(require("./DifferenceOutlined"));
+var _DifferenceRounded = _interopRequireDefault(require("./DifferenceRounded"));
+var _DifferenceSharp = _interopRequireDefault(require("./DifferenceSharp"));
+var _DifferenceTwoTone = _interopRequireDefault(require("./DifferenceTwoTone"));
+var _Dining = _interopRequireDefault(require("./Dining"));
+var _DiningOutlined = _interopRequireDefault(require("./DiningOutlined"));
+var _DiningRounded = _interopRequireDefault(require("./DiningRounded"));
+var _DiningSharp = _interopRequireDefault(require("./DiningSharp"));
+var _DiningTwoTone = _interopRequireDefault(require("./DiningTwoTone"));
+var _DinnerDining = _interopRequireDefault(require("./DinnerDining"));
+var _DinnerDiningOutlined = _interopRequireDefault(require("./DinnerDiningOutlined"));
+var _DinnerDiningRounded = _interopRequireDefault(require("./DinnerDiningRounded"));
+var _DinnerDiningSharp = _interopRequireDefault(require("./DinnerDiningSharp"));
+var _DinnerDiningTwoTone = _interopRequireDefault(require("./DinnerDiningTwoTone"));
+var _Directions = _interopRequireDefault(require("./Directions"));
+var _DirectionsBike = _interopRequireDefault(require("./DirectionsBike"));
+var _DirectionsBikeOutlined = _interopRequireDefault(require("./DirectionsBikeOutlined"));
+var _DirectionsBikeRounded = _interopRequireDefault(require("./DirectionsBikeRounded"));
+var _DirectionsBikeSharp = _interopRequireDefault(require("./DirectionsBikeSharp"));
+var _DirectionsBikeTwoTone = _interopRequireDefault(require("./DirectionsBikeTwoTone"));
+var _DirectionsBoat = _interopRequireDefault(require("./DirectionsBoat"));
+var _DirectionsBoatFilled = _interopRequireDefault(require("./DirectionsBoatFilled"));
+var _DirectionsBoatFilledOutlined = _interopRequireDefault(require("./DirectionsBoatFilledOutlined"));
+var _DirectionsBoatFilledRounded = _interopRequireDefault(require("./DirectionsBoatFilledRounded"));
+var _DirectionsBoatFilledSharp = _interopRequireDefault(require("./DirectionsBoatFilledSharp"));
+var _DirectionsBoatFilledTwoTone = _interopRequireDefault(require("./DirectionsBoatFilledTwoTone"));
+var _DirectionsBoatOutlined = _interopRequireDefault(require("./DirectionsBoatOutlined"));
+var _DirectionsBoatRounded = _interopRequireDefault(require("./DirectionsBoatRounded"));
+var _DirectionsBoatSharp = _interopRequireDefault(require("./DirectionsBoatSharp"));
+var _DirectionsBoatTwoTone = _interopRequireDefault(require("./DirectionsBoatTwoTone"));
+var _DirectionsBus = _interopRequireDefault(require("./DirectionsBus"));
+var _DirectionsBusFilled = _interopRequireDefault(require("./DirectionsBusFilled"));
+var _DirectionsBusFilledOutlined = _interopRequireDefault(require("./DirectionsBusFilledOutlined"));
+var _DirectionsBusFilledRounded = _interopRequireDefault(require("./DirectionsBusFilledRounded"));
+var _DirectionsBusFilledSharp = _interopRequireDefault(require("./DirectionsBusFilledSharp"));
+var _DirectionsBusFilledTwoTone = _interopRequireDefault(require("./DirectionsBusFilledTwoTone"));
+var _DirectionsBusOutlined = _interopRequireDefault(require("./DirectionsBusOutlined"));
+var _DirectionsBusRounded = _interopRequireDefault(require("./DirectionsBusRounded"));
+var _DirectionsBusSharp = _interopRequireDefault(require("./DirectionsBusSharp"));
+var _DirectionsBusTwoTone = _interopRequireDefault(require("./DirectionsBusTwoTone"));
+var _DirectionsCar = _interopRequireDefault(require("./DirectionsCar"));
+var _DirectionsCarFilled = _interopRequireDefault(require("./DirectionsCarFilled"));
+var _DirectionsCarFilledOutlined = _interopRequireDefault(require("./DirectionsCarFilledOutlined"));
+var _DirectionsCarFilledRounded = _interopRequireDefault(require("./DirectionsCarFilledRounded"));
+var _DirectionsCarFilledSharp = _interopRequireDefault(require("./DirectionsCarFilledSharp"));
+var _DirectionsCarFilledTwoTone = _interopRequireDefault(require("./DirectionsCarFilledTwoTone"));
+var _DirectionsCarOutlined = _interopRequireDefault(require("./DirectionsCarOutlined"));
+var _DirectionsCarRounded = _interopRequireDefault(require("./DirectionsCarRounded"));
+var _DirectionsCarSharp = _interopRequireDefault(require("./DirectionsCarSharp"));
+var _DirectionsCarTwoTone = _interopRequireDefault(require("./DirectionsCarTwoTone"));
+var _DirectionsOff = _interopRequireDefault(require("./DirectionsOff"));
+var _DirectionsOffOutlined = _interopRequireDefault(require("./DirectionsOffOutlined"));
+var _DirectionsOffRounded = _interopRequireDefault(require("./DirectionsOffRounded"));
+var _DirectionsOffSharp = _interopRequireDefault(require("./DirectionsOffSharp"));
+var _DirectionsOffTwoTone = _interopRequireDefault(require("./DirectionsOffTwoTone"));
+var _DirectionsOutlined = _interopRequireDefault(require("./DirectionsOutlined"));
+var _DirectionsRailway = _interopRequireDefault(require("./DirectionsRailway"));
+var _DirectionsRailwayFilled = _interopRequireDefault(require("./DirectionsRailwayFilled"));
+var _DirectionsRailwayFilledOutlined = _interopRequireDefault(require("./DirectionsRailwayFilledOutlined"));
+var _DirectionsRailwayFilledRounded = _interopRequireDefault(require("./DirectionsRailwayFilledRounded"));
+var _DirectionsRailwayFilledSharp = _interopRequireDefault(require("./DirectionsRailwayFilledSharp"));
+var _DirectionsRailwayFilledTwoTone = _interopRequireDefault(require("./DirectionsRailwayFilledTwoTone"));
+var _DirectionsRailwayOutlined = _interopRequireDefault(require("./DirectionsRailwayOutlined"));
+var _DirectionsRailwayRounded = _interopRequireDefault(require("./DirectionsRailwayRounded"));
+var _DirectionsRailwaySharp = _interopRequireDefault(require("./DirectionsRailwaySharp"));
+var _DirectionsRailwayTwoTone = _interopRequireDefault(require("./DirectionsRailwayTwoTone"));
+var _DirectionsRounded = _interopRequireDefault(require("./DirectionsRounded"));
+var _DirectionsRun = _interopRequireDefault(require("./DirectionsRun"));
+var _DirectionsRunOutlined = _interopRequireDefault(require("./DirectionsRunOutlined"));
+var _DirectionsRunRounded = _interopRequireDefault(require("./DirectionsRunRounded"));
+var _DirectionsRunSharp = _interopRequireDefault(require("./DirectionsRunSharp"));
+var _DirectionsRunTwoTone = _interopRequireDefault(require("./DirectionsRunTwoTone"));
+var _DirectionsSharp = _interopRequireDefault(require("./DirectionsSharp"));
+var _DirectionsSubway = _interopRequireDefault(require("./DirectionsSubway"));
+var _DirectionsSubwayFilled = _interopRequireDefault(require("./DirectionsSubwayFilled"));
+var _DirectionsSubwayFilledOutlined = _interopRequireDefault(require("./DirectionsSubwayFilledOutlined"));
+var _DirectionsSubwayFilledRounded = _interopRequireDefault(require("./DirectionsSubwayFilledRounded"));
+var _DirectionsSubwayFilledSharp = _interopRequireDefault(require("./DirectionsSubwayFilledSharp"));
+var _DirectionsSubwayFilledTwoTone = _interopRequireDefault(require("./DirectionsSubwayFilledTwoTone"));
+var _DirectionsSubwayOutlined = _interopRequireDefault(require("./DirectionsSubwayOutlined"));
+var _DirectionsSubwayRounded = _interopRequireDefault(require("./DirectionsSubwayRounded"));
+var _DirectionsSubwaySharp = _interopRequireDefault(require("./DirectionsSubwaySharp"));
+var _DirectionsSubwayTwoTone = _interopRequireDefault(require("./DirectionsSubwayTwoTone"));
+var _DirectionsTransit = _interopRequireDefault(require("./DirectionsTransit"));
+var _DirectionsTransitFilled = _interopRequireDefault(require("./DirectionsTransitFilled"));
+var _DirectionsTransitFilledOutlined = _interopRequireDefault(require("./DirectionsTransitFilledOutlined"));
+var _DirectionsTransitFilledRounded = _interopRequireDefault(require("./DirectionsTransitFilledRounded"));
+var _DirectionsTransitFilledSharp = _interopRequireDefault(require("./DirectionsTransitFilledSharp"));
+var _DirectionsTransitFilledTwoTone = _interopRequireDefault(require("./DirectionsTransitFilledTwoTone"));
+var _DirectionsTransitOutlined = _interopRequireDefault(require("./DirectionsTransitOutlined"));
+var _DirectionsTransitRounded = _interopRequireDefault(require("./DirectionsTransitRounded"));
+var _DirectionsTransitSharp = _interopRequireDefault(require("./DirectionsTransitSharp"));
+var _DirectionsTransitTwoTone = _interopRequireDefault(require("./DirectionsTransitTwoTone"));
+var _DirectionsTwoTone = _interopRequireDefault(require("./DirectionsTwoTone"));
+var _DirectionsWalk = _interopRequireDefault(require("./DirectionsWalk"));
+var _DirectionsWalkOutlined = _interopRequireDefault(require("./DirectionsWalkOutlined"));
+var _DirectionsWalkRounded = _interopRequireDefault(require("./DirectionsWalkRounded"));
+var _DirectionsWalkSharp = _interopRequireDefault(require("./DirectionsWalkSharp"));
+var _DirectionsWalkTwoTone = _interopRequireDefault(require("./DirectionsWalkTwoTone"));
+var _DirtyLens = _interopRequireDefault(require("./DirtyLens"));
+var _DirtyLensOutlined = _interopRequireDefault(require("./DirtyLensOutlined"));
+var _DirtyLensRounded = _interopRequireDefault(require("./DirtyLensRounded"));
+var _DirtyLensSharp = _interopRequireDefault(require("./DirtyLensSharp"));
+var _DirtyLensTwoTone = _interopRequireDefault(require("./DirtyLensTwoTone"));
+var _DisabledByDefault = _interopRequireDefault(require("./DisabledByDefault"));
+var _DisabledByDefaultOutlined = _interopRequireDefault(require("./DisabledByDefaultOutlined"));
+var _DisabledByDefaultRounded = _interopRequireDefault(require("./DisabledByDefaultRounded"));
+var _DisabledByDefaultSharp = _interopRequireDefault(require("./DisabledByDefaultSharp"));
+var _DisabledByDefaultTwoTone = _interopRequireDefault(require("./DisabledByDefaultTwoTone"));
+var _DiscFull = _interopRequireDefault(require("./DiscFull"));
+var _DiscFullOutlined = _interopRequireDefault(require("./DiscFullOutlined"));
+var _DiscFullRounded = _interopRequireDefault(require("./DiscFullRounded"));
+var _DiscFullSharp = _interopRequireDefault(require("./DiscFullSharp"));
+var _DiscFullTwoTone = _interopRequireDefault(require("./DiscFullTwoTone"));
+var _Discount = _interopRequireDefault(require("./Discount"));
+var _DiscountOutlined = _interopRequireDefault(require("./DiscountOutlined"));
+var _DiscountRounded = _interopRequireDefault(require("./DiscountRounded"));
+var _DiscountSharp = _interopRequireDefault(require("./DiscountSharp"));
+var _DiscountTwoTone = _interopRequireDefault(require("./DiscountTwoTone"));
+var _DisplaySettings = _interopRequireDefault(require("./DisplaySettings"));
+var _DisplaySettingsOutlined = _interopRequireDefault(require("./DisplaySettingsOutlined"));
+var _DisplaySettingsRounded = _interopRequireDefault(require("./DisplaySettingsRounded"));
+var _DisplaySettingsSharp = _interopRequireDefault(require("./DisplaySettingsSharp"));
+var _DisplaySettingsTwoTone = _interopRequireDefault(require("./DisplaySettingsTwoTone"));
+var _Diversity = _interopRequireDefault(require("./Diversity1"));
+var _Diversity1Outlined = _interopRequireDefault(require("./Diversity1Outlined"));
+var _Diversity1Rounded = _interopRequireDefault(require("./Diversity1Rounded"));
+var _Diversity1Sharp = _interopRequireDefault(require("./Diversity1Sharp"));
+var _Diversity1TwoTone = _interopRequireDefault(require("./Diversity1TwoTone"));
+var _Diversity2 = _interopRequireDefault(require("./Diversity2"));
+var _Diversity2Outlined = _interopRequireDefault(require("./Diversity2Outlined"));
+var _Diversity2Rounded = _interopRequireDefault(require("./Diversity2Rounded"));
+var _Diversity2Sharp = _interopRequireDefault(require("./Diversity2Sharp"));
+var _Diversity2TwoTone = _interopRequireDefault(require("./Diversity2TwoTone"));
+var _Diversity3 = _interopRequireDefault(require("./Diversity3"));
+var _Diversity3Outlined = _interopRequireDefault(require("./Diversity3Outlined"));
+var _Diversity3Rounded = _interopRequireDefault(require("./Diversity3Rounded"));
+var _Diversity3Sharp = _interopRequireDefault(require("./Diversity3Sharp"));
+var _Diversity3TwoTone = _interopRequireDefault(require("./Diversity3TwoTone"));
+var _Dns = _interopRequireDefault(require("./Dns"));
+var _DnsOutlined = _interopRequireDefault(require("./DnsOutlined"));
+var _DnsRounded = _interopRequireDefault(require("./DnsRounded"));
+var _DnsSharp = _interopRequireDefault(require("./DnsSharp"));
+var _DnsTwoTone = _interopRequireDefault(require("./DnsTwoTone"));
+var _DoDisturb = _interopRequireDefault(require("./DoDisturb"));
+var _DoDisturbAlt = _interopRequireDefault(require("./DoDisturbAlt"));
+var _DoDisturbAltOutlined = _interopRequireDefault(require("./DoDisturbAltOutlined"));
+var _DoDisturbAltRounded = _interopRequireDefault(require("./DoDisturbAltRounded"));
+var _DoDisturbAltSharp = _interopRequireDefault(require("./DoDisturbAltSharp"));
+var _DoDisturbAltTwoTone = _interopRequireDefault(require("./DoDisturbAltTwoTone"));
+var _DoDisturbOff = _interopRequireDefault(require("./DoDisturbOff"));
+var _DoDisturbOffOutlined = _interopRequireDefault(require("./DoDisturbOffOutlined"));
+var _DoDisturbOffRounded = _interopRequireDefault(require("./DoDisturbOffRounded"));
+var _DoDisturbOffSharp = _interopRequireDefault(require("./DoDisturbOffSharp"));
+var _DoDisturbOffTwoTone = _interopRequireDefault(require("./DoDisturbOffTwoTone"));
+var _DoDisturbOn = _interopRequireDefault(require("./DoDisturbOn"));
+var _DoDisturbOnOutlined = _interopRequireDefault(require("./DoDisturbOnOutlined"));
+var _DoDisturbOnRounded = _interopRequireDefault(require("./DoDisturbOnRounded"));
+var _DoDisturbOnSharp = _interopRequireDefault(require("./DoDisturbOnSharp"));
+var _DoDisturbOnTwoTone = _interopRequireDefault(require("./DoDisturbOnTwoTone"));
+var _DoDisturbOutlined = _interopRequireDefault(require("./DoDisturbOutlined"));
+var _DoDisturbRounded = _interopRequireDefault(require("./DoDisturbRounded"));
+var _DoDisturbSharp = _interopRequireDefault(require("./DoDisturbSharp"));
+var _DoDisturbTwoTone = _interopRequireDefault(require("./DoDisturbTwoTone"));
+var _DoNotDisturb = _interopRequireDefault(require("./DoNotDisturb"));
+var _DoNotDisturbAlt = _interopRequireDefault(require("./DoNotDisturbAlt"));
+var _DoNotDisturbAltOutlined = _interopRequireDefault(require("./DoNotDisturbAltOutlined"));
+var _DoNotDisturbAltRounded = _interopRequireDefault(require("./DoNotDisturbAltRounded"));
+var _DoNotDisturbAltSharp = _interopRequireDefault(require("./DoNotDisturbAltSharp"));
+var _DoNotDisturbAltTwoTone = _interopRequireDefault(require("./DoNotDisturbAltTwoTone"));
+var _DoNotDisturbOff = _interopRequireDefault(require("./DoNotDisturbOff"));
+var _DoNotDisturbOffOutlined = _interopRequireDefault(require("./DoNotDisturbOffOutlined"));
+var _DoNotDisturbOffRounded = _interopRequireDefault(require("./DoNotDisturbOffRounded"));
+var _DoNotDisturbOffSharp = _interopRequireDefault(require("./DoNotDisturbOffSharp"));
+var _DoNotDisturbOffTwoTone = _interopRequireDefault(require("./DoNotDisturbOffTwoTone"));
+var _DoNotDisturbOn = _interopRequireDefault(require("./DoNotDisturbOn"));
+var _DoNotDisturbOnOutlined = _interopRequireDefault(require("./DoNotDisturbOnOutlined"));
+var _DoNotDisturbOnRounded = _interopRequireDefault(require("./DoNotDisturbOnRounded"));
+var _DoNotDisturbOnSharp = _interopRequireDefault(require("./DoNotDisturbOnSharp"));
+var _DoNotDisturbOnTotalSilence = _interopRequireDefault(require("./DoNotDisturbOnTotalSilence"));
+var _DoNotDisturbOnTotalSilenceOutlined = _interopRequireDefault(require("./DoNotDisturbOnTotalSilenceOutlined"));
+var _DoNotDisturbOnTotalSilenceRounded = _interopRequireDefault(require("./DoNotDisturbOnTotalSilenceRounded"));
+var _DoNotDisturbOnTotalSilenceSharp = _interopRequireDefault(require("./DoNotDisturbOnTotalSilenceSharp"));
+var _DoNotDisturbOnTotalSilenceTwoTone = _interopRequireDefault(require("./DoNotDisturbOnTotalSilenceTwoTone"));
+var _DoNotDisturbOnTwoTone = _interopRequireDefault(require("./DoNotDisturbOnTwoTone"));
+var _DoNotDisturbOutlined = _interopRequireDefault(require("./DoNotDisturbOutlined"));
+var _DoNotDisturbRounded = _interopRequireDefault(require("./DoNotDisturbRounded"));
+var _DoNotDisturbSharp = _interopRequireDefault(require("./DoNotDisturbSharp"));
+var _DoNotDisturbTwoTone = _interopRequireDefault(require("./DoNotDisturbTwoTone"));
+var _DoNotStep = _interopRequireDefault(require("./DoNotStep"));
+var _DoNotStepOutlined = _interopRequireDefault(require("./DoNotStepOutlined"));
+var _DoNotStepRounded = _interopRequireDefault(require("./DoNotStepRounded"));
+var _DoNotStepSharp = _interopRequireDefault(require("./DoNotStepSharp"));
+var _DoNotStepTwoTone = _interopRequireDefault(require("./DoNotStepTwoTone"));
+var _DoNotTouch = _interopRequireDefault(require("./DoNotTouch"));
+var _DoNotTouchOutlined = _interopRequireDefault(require("./DoNotTouchOutlined"));
+var _DoNotTouchRounded = _interopRequireDefault(require("./DoNotTouchRounded"));
+var _DoNotTouchSharp = _interopRequireDefault(require("./DoNotTouchSharp"));
+var _DoNotTouchTwoTone = _interopRequireDefault(require("./DoNotTouchTwoTone"));
+var _Dock = _interopRequireDefault(require("./Dock"));
+var _DockOutlined = _interopRequireDefault(require("./DockOutlined"));
+var _DockRounded = _interopRequireDefault(require("./DockRounded"));
+var _DockSharp = _interopRequireDefault(require("./DockSharp"));
+var _DockTwoTone = _interopRequireDefault(require("./DockTwoTone"));
+var _DocumentScanner = _interopRequireDefault(require("./DocumentScanner"));
+var _DocumentScannerOutlined = _interopRequireDefault(require("./DocumentScannerOutlined"));
+var _DocumentScannerRounded = _interopRequireDefault(require("./DocumentScannerRounded"));
+var _DocumentScannerSharp = _interopRequireDefault(require("./DocumentScannerSharp"));
+var _DocumentScannerTwoTone = _interopRequireDefault(require("./DocumentScannerTwoTone"));
+var _Domain = _interopRequireDefault(require("./Domain"));
+var _DomainAdd = _interopRequireDefault(require("./DomainAdd"));
+var _DomainAddOutlined = _interopRequireDefault(require("./DomainAddOutlined"));
+var _DomainAddRounded = _interopRequireDefault(require("./DomainAddRounded"));
+var _DomainAddSharp = _interopRequireDefault(require("./DomainAddSharp"));
+var _DomainAddTwoTone = _interopRequireDefault(require("./DomainAddTwoTone"));
+var _DomainDisabled = _interopRequireDefault(require("./DomainDisabled"));
+var _DomainDisabledOutlined = _interopRequireDefault(require("./DomainDisabledOutlined"));
+var _DomainDisabledRounded = _interopRequireDefault(require("./DomainDisabledRounded"));
+var _DomainDisabledSharp = _interopRequireDefault(require("./DomainDisabledSharp"));
+var _DomainDisabledTwoTone = _interopRequireDefault(require("./DomainDisabledTwoTone"));
+var _DomainOutlined = _interopRequireDefault(require("./DomainOutlined"));
+var _DomainRounded = _interopRequireDefault(require("./DomainRounded"));
+var _DomainSharp = _interopRequireDefault(require("./DomainSharp"));
+var _DomainTwoTone = _interopRequireDefault(require("./DomainTwoTone"));
+var _DomainVerification = _interopRequireDefault(require("./DomainVerification"));
+var _DomainVerificationOutlined = _interopRequireDefault(require("./DomainVerificationOutlined"));
+var _DomainVerificationRounded = _interopRequireDefault(require("./DomainVerificationRounded"));
+var _DomainVerificationSharp = _interopRequireDefault(require("./DomainVerificationSharp"));
+var _DomainVerificationTwoTone = _interopRequireDefault(require("./DomainVerificationTwoTone"));
+var _Done = _interopRequireDefault(require("./Done"));
+var _DoneAll = _interopRequireDefault(require("./DoneAll"));
+var _DoneAllOutlined = _interopRequireDefault(require("./DoneAllOutlined"));
+var _DoneAllRounded = _interopRequireDefault(require("./DoneAllRounded"));
+var _DoneAllSharp = _interopRequireDefault(require("./DoneAllSharp"));
+var _DoneAllTwoTone = _interopRequireDefault(require("./DoneAllTwoTone"));
+var _DoneOutline = _interopRequireDefault(require("./DoneOutline"));
+var _DoneOutlineOutlined = _interopRequireDefault(require("./DoneOutlineOutlined"));
+var _DoneOutlineRounded = _interopRequireDefault(require("./DoneOutlineRounded"));
+var _DoneOutlineSharp = _interopRequireDefault(require("./DoneOutlineSharp"));
+var _DoneOutlineTwoTone = _interopRequireDefault(require("./DoneOutlineTwoTone"));
+var _DoneOutlined = _interopRequireDefault(require("./DoneOutlined"));
+var _DoneRounded = _interopRequireDefault(require("./DoneRounded"));
+var _DoneSharp = _interopRequireDefault(require("./DoneSharp"));
+var _DoneTwoTone = _interopRequireDefault(require("./DoneTwoTone"));
+var _DonutLarge = _interopRequireDefault(require("./DonutLarge"));
+var _DonutLargeOutlined = _interopRequireDefault(require("./DonutLargeOutlined"));
+var _DonutLargeRounded = _interopRequireDefault(require("./DonutLargeRounded"));
+var _DonutLargeSharp = _interopRequireDefault(require("./DonutLargeSharp"));
+var _DonutLargeTwoTone = _interopRequireDefault(require("./DonutLargeTwoTone"));
+var _DonutSmall = _interopRequireDefault(require("./DonutSmall"));
+var _DonutSmallOutlined = _interopRequireDefault(require("./DonutSmallOutlined"));
+var _DonutSmallRounded = _interopRequireDefault(require("./DonutSmallRounded"));
+var _DonutSmallSharp = _interopRequireDefault(require("./DonutSmallSharp"));
+var _DonutSmallTwoTone = _interopRequireDefault(require("./DonutSmallTwoTone"));
+var _DoorBack = _interopRequireDefault(require("./DoorBack"));
+var _DoorBackOutlined = _interopRequireDefault(require("./DoorBackOutlined"));
+var _DoorBackRounded = _interopRequireDefault(require("./DoorBackRounded"));
+var _DoorBackSharp = _interopRequireDefault(require("./DoorBackSharp"));
+var _DoorBackTwoTone = _interopRequireDefault(require("./DoorBackTwoTone"));
+var _DoorFront = _interopRequireDefault(require("./DoorFront"));
+var _DoorFrontOutlined = _interopRequireDefault(require("./DoorFrontOutlined"));
+var _DoorFrontRounded = _interopRequireDefault(require("./DoorFrontRounded"));
+var _DoorFrontSharp = _interopRequireDefault(require("./DoorFrontSharp"));
+var _DoorFrontTwoTone = _interopRequireDefault(require("./DoorFrontTwoTone"));
+var _DoorSliding = _interopRequireDefault(require("./DoorSliding"));
+var _DoorSlidingOutlined = _interopRequireDefault(require("./DoorSlidingOutlined"));
+var _DoorSlidingRounded = _interopRequireDefault(require("./DoorSlidingRounded"));
+var _DoorSlidingSharp = _interopRequireDefault(require("./DoorSlidingSharp"));
+var _DoorSlidingTwoTone = _interopRequireDefault(require("./DoorSlidingTwoTone"));
+var _Doorbell = _interopRequireDefault(require("./Doorbell"));
+var _DoorbellOutlined = _interopRequireDefault(require("./DoorbellOutlined"));
+var _DoorbellRounded = _interopRequireDefault(require("./DoorbellRounded"));
+var _DoorbellSharp = _interopRequireDefault(require("./DoorbellSharp"));
+var _DoorbellTwoTone = _interopRequireDefault(require("./DoorbellTwoTone"));
+var _DoubleArrow = _interopRequireDefault(require("./DoubleArrow"));
+var _DoubleArrowOutlined = _interopRequireDefault(require("./DoubleArrowOutlined"));
+var _DoubleArrowRounded = _interopRequireDefault(require("./DoubleArrowRounded"));
+var _DoubleArrowSharp = _interopRequireDefault(require("./DoubleArrowSharp"));
+var _DoubleArrowTwoTone = _interopRequireDefault(require("./DoubleArrowTwoTone"));
+var _DownhillSkiing = _interopRequireDefault(require("./DownhillSkiing"));
+var _DownhillSkiingOutlined = _interopRequireDefault(require("./DownhillSkiingOutlined"));
+var _DownhillSkiingRounded = _interopRequireDefault(require("./DownhillSkiingRounded"));
+var _DownhillSkiingSharp = _interopRequireDefault(require("./DownhillSkiingSharp"));
+var _DownhillSkiingTwoTone = _interopRequireDefault(require("./DownhillSkiingTwoTone"));
+var _Download = _interopRequireDefault(require("./Download"));
+var _DownloadDone = _interopRequireDefault(require("./DownloadDone"));
+var _DownloadDoneOutlined = _interopRequireDefault(require("./DownloadDoneOutlined"));
+var _DownloadDoneRounded = _interopRequireDefault(require("./DownloadDoneRounded"));
+var _DownloadDoneSharp = _interopRequireDefault(require("./DownloadDoneSharp"));
+var _DownloadDoneTwoTone = _interopRequireDefault(require("./DownloadDoneTwoTone"));
+var _DownloadForOffline = _interopRequireDefault(require("./DownloadForOffline"));
+var _DownloadForOfflineOutlined = _interopRequireDefault(require("./DownloadForOfflineOutlined"));
+var _DownloadForOfflineRounded = _interopRequireDefault(require("./DownloadForOfflineRounded"));
+var _DownloadForOfflineSharp = _interopRequireDefault(require("./DownloadForOfflineSharp"));
+var _DownloadForOfflineTwoTone = _interopRequireDefault(require("./DownloadForOfflineTwoTone"));
+var _DownloadOutlined = _interopRequireDefault(require("./DownloadOutlined"));
+var _DownloadRounded = _interopRequireDefault(require("./DownloadRounded"));
+var _DownloadSharp = _interopRequireDefault(require("./DownloadSharp"));
+var _DownloadTwoTone = _interopRequireDefault(require("./DownloadTwoTone"));
+var _Downloading = _interopRequireDefault(require("./Downloading"));
+var _DownloadingOutlined = _interopRequireDefault(require("./DownloadingOutlined"));
+var _DownloadingRounded = _interopRequireDefault(require("./DownloadingRounded"));
+var _DownloadingSharp = _interopRequireDefault(require("./DownloadingSharp"));
+var _DownloadingTwoTone = _interopRequireDefault(require("./DownloadingTwoTone"));
+var _Drafts = _interopRequireDefault(require("./Drafts"));
+var _DraftsOutlined = _interopRequireDefault(require("./DraftsOutlined"));
+var _DraftsRounded = _interopRequireDefault(require("./DraftsRounded"));
+var _DraftsSharp = _interopRequireDefault(require("./DraftsSharp"));
+var _DraftsTwoTone = _interopRequireDefault(require("./DraftsTwoTone"));
+var _DragHandle = _interopRequireDefault(require("./DragHandle"));
+var _DragHandleOutlined = _interopRequireDefault(require("./DragHandleOutlined"));
+var _DragHandleRounded = _interopRequireDefault(require("./DragHandleRounded"));
+var _DragHandleSharp = _interopRequireDefault(require("./DragHandleSharp"));
+var _DragHandleTwoTone = _interopRequireDefault(require("./DragHandleTwoTone"));
+var _DragIndicator = _interopRequireDefault(require("./DragIndicator"));
+var _DragIndicatorOutlined = _interopRequireDefault(require("./DragIndicatorOutlined"));
+var _DragIndicatorRounded = _interopRequireDefault(require("./DragIndicatorRounded"));
+var _DragIndicatorSharp = _interopRequireDefault(require("./DragIndicatorSharp"));
+var _DragIndicatorTwoTone = _interopRequireDefault(require("./DragIndicatorTwoTone"));
+var _Draw = _interopRequireDefault(require("./Draw"));
+var _DrawOutlined = _interopRequireDefault(require("./DrawOutlined"));
+var _DrawRounded = _interopRequireDefault(require("./DrawRounded"));
+var _DrawSharp = _interopRequireDefault(require("./DrawSharp"));
+var _DrawTwoTone = _interopRequireDefault(require("./DrawTwoTone"));
+var _DriveEta = _interopRequireDefault(require("./DriveEta"));
+var _DriveEtaOutlined = _interopRequireDefault(require("./DriveEtaOutlined"));
+var _DriveEtaRounded = _interopRequireDefault(require("./DriveEtaRounded"));
+var _DriveEtaSharp = _interopRequireDefault(require("./DriveEtaSharp"));
+var _DriveEtaTwoTone = _interopRequireDefault(require("./DriveEtaTwoTone"));
+var _DriveFileMove = _interopRequireDefault(require("./DriveFileMove"));
+var _DriveFileMoveOutlined = _interopRequireDefault(require("./DriveFileMoveOutlined"));
+var _DriveFileMoveRounded = _interopRequireDefault(require("./DriveFileMoveRounded"));
+var _DriveFileMoveSharp = _interopRequireDefault(require("./DriveFileMoveSharp"));
+var _DriveFileMoveTwoTone = _interopRequireDefault(require("./DriveFileMoveTwoTone"));
+var _DriveFileRenameOutline = _interopRequireDefault(require("./DriveFileRenameOutline"));
+var _DriveFileRenameOutlineOutlined = _interopRequireDefault(require("./DriveFileRenameOutlineOutlined"));
+var _DriveFileRenameOutlineRounded = _interopRequireDefault(require("./DriveFileRenameOutlineRounded"));
+var _DriveFileRenameOutlineSharp = _interopRequireDefault(require("./DriveFileRenameOutlineSharp"));
+var _DriveFileRenameOutlineTwoTone = _interopRequireDefault(require("./DriveFileRenameOutlineTwoTone"));
+var _DriveFolderUpload = _interopRequireDefault(require("./DriveFolderUpload"));
+var _DriveFolderUploadOutlined = _interopRequireDefault(require("./DriveFolderUploadOutlined"));
+var _DriveFolderUploadRounded = _interopRequireDefault(require("./DriveFolderUploadRounded"));
+var _DriveFolderUploadSharp = _interopRequireDefault(require("./DriveFolderUploadSharp"));
+var _DriveFolderUploadTwoTone = _interopRequireDefault(require("./DriveFolderUploadTwoTone"));
+var _Dry = _interopRequireDefault(require("./Dry"));
+var _DryCleaning = _interopRequireDefault(require("./DryCleaning"));
+var _DryCleaningOutlined = _interopRequireDefault(require("./DryCleaningOutlined"));
+var _DryCleaningRounded = _interopRequireDefault(require("./DryCleaningRounded"));
+var _DryCleaningSharp = _interopRequireDefault(require("./DryCleaningSharp"));
+var _DryCleaningTwoTone = _interopRequireDefault(require("./DryCleaningTwoTone"));
+var _DryOutlined = _interopRequireDefault(require("./DryOutlined"));
+var _DryRounded = _interopRequireDefault(require("./DryRounded"));
+var _DrySharp = _interopRequireDefault(require("./DrySharp"));
+var _DryTwoTone = _interopRequireDefault(require("./DryTwoTone"));
+var _Duo = _interopRequireDefault(require("./Duo"));
+var _DuoOutlined = _interopRequireDefault(require("./DuoOutlined"));
+var _DuoRounded = _interopRequireDefault(require("./DuoRounded"));
+var _DuoSharp = _interopRequireDefault(require("./DuoSharp"));
+var _DuoTwoTone = _interopRequireDefault(require("./DuoTwoTone"));
+var _Dvr = _interopRequireDefault(require("./Dvr"));
+var _DvrOutlined = _interopRequireDefault(require("./DvrOutlined"));
+var _DvrRounded = _interopRequireDefault(require("./DvrRounded"));
+var _DvrSharp = _interopRequireDefault(require("./DvrSharp"));
+var _DvrTwoTone = _interopRequireDefault(require("./DvrTwoTone"));
+var _DynamicFeed = _interopRequireDefault(require("./DynamicFeed"));
+var _DynamicFeedOutlined = _interopRequireDefault(require("./DynamicFeedOutlined"));
+var _DynamicFeedRounded = _interopRequireDefault(require("./DynamicFeedRounded"));
+var _DynamicFeedSharp = _interopRequireDefault(require("./DynamicFeedSharp"));
+var _DynamicFeedTwoTone = _interopRequireDefault(require("./DynamicFeedTwoTone"));
+var _DynamicForm = _interopRequireDefault(require("./DynamicForm"));
+var _DynamicFormOutlined = _interopRequireDefault(require("./DynamicFormOutlined"));
+var _DynamicFormRounded = _interopRequireDefault(require("./DynamicFormRounded"));
+var _DynamicFormSharp = _interopRequireDefault(require("./DynamicFormSharp"));
+var _DynamicFormTwoTone = _interopRequireDefault(require("./DynamicFormTwoTone"));
+var _EMobiledata = _interopRequireDefault(require("./EMobiledata"));
+var _EMobiledataOutlined = _interopRequireDefault(require("./EMobiledataOutlined"));
+var _EMobiledataRounded = _interopRequireDefault(require("./EMobiledataRounded"));
+var _EMobiledataSharp = _interopRequireDefault(require("./EMobiledataSharp"));
+var _EMobiledataTwoTone = _interopRequireDefault(require("./EMobiledataTwoTone"));
+var _Earbuds = _interopRequireDefault(require("./Earbuds"));
+var _EarbudsBattery = _interopRequireDefault(require("./EarbudsBattery"));
+var _EarbudsBatteryOutlined = _interopRequireDefault(require("./EarbudsBatteryOutlined"));
+var _EarbudsBatteryRounded = _interopRequireDefault(require("./EarbudsBatteryRounded"));
+var _EarbudsBatterySharp = _interopRequireDefault(require("./EarbudsBatterySharp"));
+var _EarbudsBatteryTwoTone = _interopRequireDefault(require("./EarbudsBatteryTwoTone"));
+var _EarbudsOutlined = _interopRequireDefault(require("./EarbudsOutlined"));
+var _EarbudsRounded = _interopRequireDefault(require("./EarbudsRounded"));
+var _EarbudsSharp = _interopRequireDefault(require("./EarbudsSharp"));
+var _EarbudsTwoTone = _interopRequireDefault(require("./EarbudsTwoTone"));
+var _East = _interopRequireDefault(require("./East"));
+var _EastOutlined = _interopRequireDefault(require("./EastOutlined"));
+var _EastRounded = _interopRequireDefault(require("./EastRounded"));
+var _EastSharp = _interopRequireDefault(require("./EastSharp"));
+var _EastTwoTone = _interopRequireDefault(require("./EastTwoTone"));
+var _EdgesensorHigh = _interopRequireDefault(require("./EdgesensorHigh"));
+var _EdgesensorHighOutlined = _interopRequireDefault(require("./EdgesensorHighOutlined"));
+var _EdgesensorHighRounded = _interopRequireDefault(require("./EdgesensorHighRounded"));
+var _EdgesensorHighSharp = _interopRequireDefault(require("./EdgesensorHighSharp"));
+var _EdgesensorHighTwoTone = _interopRequireDefault(require("./EdgesensorHighTwoTone"));
+var _EdgesensorLow = _interopRequireDefault(require("./EdgesensorLow"));
+var _EdgesensorLowOutlined = _interopRequireDefault(require("./EdgesensorLowOutlined"));
+var _EdgesensorLowRounded = _interopRequireDefault(require("./EdgesensorLowRounded"));
+var _EdgesensorLowSharp = _interopRequireDefault(require("./EdgesensorLowSharp"));
+var _EdgesensorLowTwoTone = _interopRequireDefault(require("./EdgesensorLowTwoTone"));
+var _Edit = _interopRequireDefault(require("./Edit"));
+var _EditAttributes = _interopRequireDefault(require("./EditAttributes"));
+var _EditAttributesOutlined = _interopRequireDefault(require("./EditAttributesOutlined"));
+var _EditAttributesRounded = _interopRequireDefault(require("./EditAttributesRounded"));
+var _EditAttributesSharp = _interopRequireDefault(require("./EditAttributesSharp"));
+var _EditAttributesTwoTone = _interopRequireDefault(require("./EditAttributesTwoTone"));
+var _EditCalendar = _interopRequireDefault(require("./EditCalendar"));
+var _EditCalendarOutlined = _interopRequireDefault(require("./EditCalendarOutlined"));
+var _EditCalendarRounded = _interopRequireDefault(require("./EditCalendarRounded"));
+var _EditCalendarSharp = _interopRequireDefault(require("./EditCalendarSharp"));
+var _EditCalendarTwoTone = _interopRequireDefault(require("./EditCalendarTwoTone"));
+var _EditLocation = _interopRequireDefault(require("./EditLocation"));
+var _EditLocationAlt = _interopRequireDefault(require("./EditLocationAlt"));
+var _EditLocationAltOutlined = _interopRequireDefault(require("./EditLocationAltOutlined"));
+var _EditLocationAltRounded = _interopRequireDefault(require("./EditLocationAltRounded"));
+var _EditLocationAltSharp = _interopRequireDefault(require("./EditLocationAltSharp"));
+var _EditLocationAltTwoTone = _interopRequireDefault(require("./EditLocationAltTwoTone"));
+var _EditLocationOutlined = _interopRequireDefault(require("./EditLocationOutlined"));
+var _EditLocationRounded = _interopRequireDefault(require("./EditLocationRounded"));
+var _EditLocationSharp = _interopRequireDefault(require("./EditLocationSharp"));
+var _EditLocationTwoTone = _interopRequireDefault(require("./EditLocationTwoTone"));
+var _EditNote = _interopRequireDefault(require("./EditNote"));
+var _EditNoteOutlined = _interopRequireDefault(require("./EditNoteOutlined"));
+var _EditNoteRounded = _interopRequireDefault(require("./EditNoteRounded"));
+var _EditNoteSharp = _interopRequireDefault(require("./EditNoteSharp"));
+var _EditNoteTwoTone = _interopRequireDefault(require("./EditNoteTwoTone"));
+var _EditNotifications = _interopRequireDefault(require("./EditNotifications"));
+var _EditNotificationsOutlined = _interopRequireDefault(require("./EditNotificationsOutlined"));
+var _EditNotificationsRounded = _interopRequireDefault(require("./EditNotificationsRounded"));
+var _EditNotificationsSharp = _interopRequireDefault(require("./EditNotificationsSharp"));
+var _EditNotificationsTwoTone = _interopRequireDefault(require("./EditNotificationsTwoTone"));
+var _EditOff = _interopRequireDefault(require("./EditOff"));
+var _EditOffOutlined = _interopRequireDefault(require("./EditOffOutlined"));
+var _EditOffRounded = _interopRequireDefault(require("./EditOffRounded"));
+var _EditOffSharp = _interopRequireDefault(require("./EditOffSharp"));
+var _EditOffTwoTone = _interopRequireDefault(require("./EditOffTwoTone"));
+var _EditOutlined = _interopRequireDefault(require("./EditOutlined"));
+var _EditRoad = _interopRequireDefault(require("./EditRoad"));
+var _EditRoadOutlined = _interopRequireDefault(require("./EditRoadOutlined"));
+var _EditRoadRounded = _interopRequireDefault(require("./EditRoadRounded"));
+var _EditRoadSharp = _interopRequireDefault(require("./EditRoadSharp"));
+var _EditRoadTwoTone = _interopRequireDefault(require("./EditRoadTwoTone"));
+var _EditRounded = _interopRequireDefault(require("./EditRounded"));
+var _EditSharp = _interopRequireDefault(require("./EditSharp"));
+var _EditTwoTone = _interopRequireDefault(require("./EditTwoTone"));
+var _Egg = _interopRequireDefault(require("./Egg"));
+var _EggAlt = _interopRequireDefault(require("./EggAlt"));
+var _EggAltOutlined = _interopRequireDefault(require("./EggAltOutlined"));
+var _EggAltRounded = _interopRequireDefault(require("./EggAltRounded"));
+var _EggAltSharp = _interopRequireDefault(require("./EggAltSharp"));
+var _EggAltTwoTone = _interopRequireDefault(require("./EggAltTwoTone"));
+var _EggOutlined = _interopRequireDefault(require("./EggOutlined"));
+var _EggRounded = _interopRequireDefault(require("./EggRounded"));
+var _EggSharp = _interopRequireDefault(require("./EggSharp"));
+var _EggTwoTone = _interopRequireDefault(require("./EggTwoTone"));
+var _EightK = _interopRequireDefault(require("./EightK"));
+var _EightKOutlined = _interopRequireDefault(require("./EightKOutlined"));
+var _EightKPlus = _interopRequireDefault(require("./EightKPlus"));
+var _EightKPlusOutlined = _interopRequireDefault(require("./EightKPlusOutlined"));
+var _EightKPlusRounded = _interopRequireDefault(require("./EightKPlusRounded"));
+var _EightKPlusSharp = _interopRequireDefault(require("./EightKPlusSharp"));
+var _EightKPlusTwoTone = _interopRequireDefault(require("./EightKPlusTwoTone"));
+var _EightKRounded = _interopRequireDefault(require("./EightKRounded"));
+var _EightKSharp = _interopRequireDefault(require("./EightKSharp"));
+var _EightKTwoTone = _interopRequireDefault(require("./EightKTwoTone"));
+var _EightMp = _interopRequireDefault(require("./EightMp"));
+var _EightMpOutlined = _interopRequireDefault(require("./EightMpOutlined"));
+var _EightMpRounded = _interopRequireDefault(require("./EightMpRounded"));
+var _EightMpSharp = _interopRequireDefault(require("./EightMpSharp"));
+var _EightMpTwoTone = _interopRequireDefault(require("./EightMpTwoTone"));
+var _EighteenMp = _interopRequireDefault(require("./EighteenMp"));
+var _EighteenMpOutlined = _interopRequireDefault(require("./EighteenMpOutlined"));
+var _EighteenMpRounded = _interopRequireDefault(require("./EighteenMpRounded"));
+var _EighteenMpSharp = _interopRequireDefault(require("./EighteenMpSharp"));
+var _EighteenMpTwoTone = _interopRequireDefault(require("./EighteenMpTwoTone"));
+var _EighteenUpRating = _interopRequireDefault(require("./EighteenUpRating"));
+var _EighteenUpRatingOutlined = _interopRequireDefault(require("./EighteenUpRatingOutlined"));
+var _EighteenUpRatingRounded = _interopRequireDefault(require("./EighteenUpRatingRounded"));
+var _EighteenUpRatingSharp = _interopRequireDefault(require("./EighteenUpRatingSharp"));
+var _EighteenUpRatingTwoTone = _interopRequireDefault(require("./EighteenUpRatingTwoTone"));
+var _EightteenMp = _interopRequireDefault(require("./EightteenMp"));
+var _EightteenMpOutlined = _interopRequireDefault(require("./EightteenMpOutlined"));
+var _EightteenMpRounded = _interopRequireDefault(require("./EightteenMpRounded"));
+var _EightteenMpSharp = _interopRequireDefault(require("./EightteenMpSharp"));
+var _EightteenMpTwoTone = _interopRequireDefault(require("./EightteenMpTwoTone"));
+var _Eject = _interopRequireDefault(require("./Eject"));
+var _EjectOutlined = _interopRequireDefault(require("./EjectOutlined"));
+var _EjectRounded = _interopRequireDefault(require("./EjectRounded"));
+var _EjectSharp = _interopRequireDefault(require("./EjectSharp"));
+var _EjectTwoTone = _interopRequireDefault(require("./EjectTwoTone"));
+var _Elderly = _interopRequireDefault(require("./Elderly"));
+var _ElderlyOutlined = _interopRequireDefault(require("./ElderlyOutlined"));
+var _ElderlyRounded = _interopRequireDefault(require("./ElderlyRounded"));
+var _ElderlySharp = _interopRequireDefault(require("./ElderlySharp"));
+var _ElderlyTwoTone = _interopRequireDefault(require("./ElderlyTwoTone"));
+var _ElderlyWoman = _interopRequireDefault(require("./ElderlyWoman"));
+var _ElderlyWomanOutlined = _interopRequireDefault(require("./ElderlyWomanOutlined"));
+var _ElderlyWomanRounded = _interopRequireDefault(require("./ElderlyWomanRounded"));
+var _ElderlyWomanSharp = _interopRequireDefault(require("./ElderlyWomanSharp"));
+var _ElderlyWomanTwoTone = _interopRequireDefault(require("./ElderlyWomanTwoTone"));
+var _ElectricBike = _interopRequireDefault(require("./ElectricBike"));
+var _ElectricBikeOutlined = _interopRequireDefault(require("./ElectricBikeOutlined"));
+var _ElectricBikeRounded = _interopRequireDefault(require("./ElectricBikeRounded"));
+var _ElectricBikeSharp = _interopRequireDefault(require("./ElectricBikeSharp"));
+var _ElectricBikeTwoTone = _interopRequireDefault(require("./ElectricBikeTwoTone"));
+var _ElectricBolt = _interopRequireDefault(require("./ElectricBolt"));
+var _ElectricBoltOutlined = _interopRequireDefault(require("./ElectricBoltOutlined"));
+var _ElectricBoltRounded = _interopRequireDefault(require("./ElectricBoltRounded"));
+var _ElectricBoltSharp = _interopRequireDefault(require("./ElectricBoltSharp"));
+var _ElectricBoltTwoTone = _interopRequireDefault(require("./ElectricBoltTwoTone"));
+var _ElectricCar = _interopRequireDefault(require("./ElectricCar"));
+var _ElectricCarOutlined = _interopRequireDefault(require("./ElectricCarOutlined"));
+var _ElectricCarRounded = _interopRequireDefault(require("./ElectricCarRounded"));
+var _ElectricCarSharp = _interopRequireDefault(require("./ElectricCarSharp"));
+var _ElectricCarTwoTone = _interopRequireDefault(require("./ElectricCarTwoTone"));
+var _ElectricMeter = _interopRequireDefault(require("./ElectricMeter"));
+var _ElectricMeterOutlined = _interopRequireDefault(require("./ElectricMeterOutlined"));
+var _ElectricMeterRounded = _interopRequireDefault(require("./ElectricMeterRounded"));
+var _ElectricMeterSharp = _interopRequireDefault(require("./ElectricMeterSharp"));
+var _ElectricMeterTwoTone = _interopRequireDefault(require("./ElectricMeterTwoTone"));
+var _ElectricMoped = _interopRequireDefault(require("./ElectricMoped"));
+var _ElectricMopedOutlined = _interopRequireDefault(require("./ElectricMopedOutlined"));
+var _ElectricMopedRounded = _interopRequireDefault(require("./ElectricMopedRounded"));
+var _ElectricMopedSharp = _interopRequireDefault(require("./ElectricMopedSharp"));
+var _ElectricMopedTwoTone = _interopRequireDefault(require("./ElectricMopedTwoTone"));
+var _ElectricRickshaw = _interopRequireDefault(require("./ElectricRickshaw"));
+var _ElectricRickshawOutlined = _interopRequireDefault(require("./ElectricRickshawOutlined"));
+var _ElectricRickshawRounded = _interopRequireDefault(require("./ElectricRickshawRounded"));
+var _ElectricRickshawSharp = _interopRequireDefault(require("./ElectricRickshawSharp"));
+var _ElectricRickshawTwoTone = _interopRequireDefault(require("./ElectricRickshawTwoTone"));
+var _ElectricScooter = _interopRequireDefault(require("./ElectricScooter"));
+var _ElectricScooterOutlined = _interopRequireDefault(require("./ElectricScooterOutlined"));
+var _ElectricScooterRounded = _interopRequireDefault(require("./ElectricScooterRounded"));
+var _ElectricScooterSharp = _interopRequireDefault(require("./ElectricScooterSharp"));
+var _ElectricScooterTwoTone = _interopRequireDefault(require("./ElectricScooterTwoTone"));
+var _ElectricalServices = _interopRequireDefault(require("./ElectricalServices"));
+var _ElectricalServicesOutlined = _interopRequireDefault(require("./ElectricalServicesOutlined"));
+var _ElectricalServicesRounded = _interopRequireDefault(require("./ElectricalServicesRounded"));
+var _ElectricalServicesSharp = _interopRequireDefault(require("./ElectricalServicesSharp"));
+var _ElectricalServicesTwoTone = _interopRequireDefault(require("./ElectricalServicesTwoTone"));
+var _Elevator = _interopRequireDefault(require("./Elevator"));
+var _ElevatorOutlined = _interopRequireDefault(require("./ElevatorOutlined"));
+var _ElevatorRounded = _interopRequireDefault(require("./ElevatorRounded"));
+var _ElevatorSharp = _interopRequireDefault(require("./ElevatorSharp"));
+var _ElevatorTwoTone = _interopRequireDefault(require("./ElevatorTwoTone"));
+var _ElevenMp = _interopRequireDefault(require("./ElevenMp"));
+var _ElevenMpOutlined = _interopRequireDefault(require("./ElevenMpOutlined"));
+var _ElevenMpRounded = _interopRequireDefault(require("./ElevenMpRounded"));
+var _ElevenMpSharp = _interopRequireDefault(require("./ElevenMpSharp"));
+var _ElevenMpTwoTone = _interopRequireDefault(require("./ElevenMpTwoTone"));
+var _Email = _interopRequireDefault(require("./Email"));
+var _EmailOutlined = _interopRequireDefault(require("./EmailOutlined"));
+var _EmailRounded = _interopRequireDefault(require("./EmailRounded"));
+var _EmailSharp = _interopRequireDefault(require("./EmailSharp"));
+var _EmailTwoTone = _interopRequireDefault(require("./EmailTwoTone"));
+var _EmergencyRecording = _interopRequireDefault(require("./EmergencyRecording"));
+var _EmergencyRecordingOutlined = _interopRequireDefault(require("./EmergencyRecordingOutlined"));
+var _EmergencyRecordingRounded = _interopRequireDefault(require("./EmergencyRecordingRounded"));
+var _EmergencyRecordingSharp = _interopRequireDefault(require("./EmergencyRecordingSharp"));
+var _EmergencyRecordingTwoTone = _interopRequireDefault(require("./EmergencyRecordingTwoTone"));
+var _EmergencyShare = _interopRequireDefault(require("./EmergencyShare"));
+var _EmergencyShareOutlined = _interopRequireDefault(require("./EmergencyShareOutlined"));
+var _EmergencyShareRounded = _interopRequireDefault(require("./EmergencyShareRounded"));
+var _EmergencyShareSharp = _interopRequireDefault(require("./EmergencyShareSharp"));
+var _EmergencyShareTwoTone = _interopRequireDefault(require("./EmergencyShareTwoTone"));
+var _EmojiEmotions = _interopRequireDefault(require("./EmojiEmotions"));
+var _EmojiEmotionsOutlined = _interopRequireDefault(require("./EmojiEmotionsOutlined"));
+var _EmojiEmotionsRounded = _interopRequireDefault(require("./EmojiEmotionsRounded"));
+var _EmojiEmotionsSharp = _interopRequireDefault(require("./EmojiEmotionsSharp"));
+var _EmojiEmotionsTwoTone = _interopRequireDefault(require("./EmojiEmotionsTwoTone"));
+var _EmojiEvents = _interopRequireDefault(require("./EmojiEvents"));
+var _EmojiEventsOutlined = _interopRequireDefault(require("./EmojiEventsOutlined"));
+var _EmojiEventsRounded = _interopRequireDefault(require("./EmojiEventsRounded"));
+var _EmojiEventsSharp = _interopRequireDefault(require("./EmojiEventsSharp"));
+var _EmojiEventsTwoTone = _interopRequireDefault(require("./EmojiEventsTwoTone"));
+var _EmojiFlags = _interopRequireDefault(require("./EmojiFlags"));
+var _EmojiFlagsOutlined = _interopRequireDefault(require("./EmojiFlagsOutlined"));
+var _EmojiFlagsRounded = _interopRequireDefault(require("./EmojiFlagsRounded"));
+var _EmojiFlagsSharp = _interopRequireDefault(require("./EmojiFlagsSharp"));
+var _EmojiFlagsTwoTone = _interopRequireDefault(require("./EmojiFlagsTwoTone"));
+var _EmojiFoodBeverage = _interopRequireDefault(require("./EmojiFoodBeverage"));
+var _EmojiFoodBeverageOutlined = _interopRequireDefault(require("./EmojiFoodBeverageOutlined"));
+var _EmojiFoodBeverageRounded = _interopRequireDefault(require("./EmojiFoodBeverageRounded"));
+var _EmojiFoodBeverageSharp = _interopRequireDefault(require("./EmojiFoodBeverageSharp"));
+var _EmojiFoodBeverageTwoTone = _interopRequireDefault(require("./EmojiFoodBeverageTwoTone"));
+var _EmojiNature = _interopRequireDefault(require("./EmojiNature"));
+var _EmojiNatureOutlined = _interopRequireDefault(require("./EmojiNatureOutlined"));
+var _EmojiNatureRounded = _interopRequireDefault(require("./EmojiNatureRounded"));
+var _EmojiNatureSharp = _interopRequireDefault(require("./EmojiNatureSharp"));
+var _EmojiNatureTwoTone = _interopRequireDefault(require("./EmojiNatureTwoTone"));
+var _EmojiObjects = _interopRequireDefault(require("./EmojiObjects"));
+var _EmojiObjectsOutlined = _interopRequireDefault(require("./EmojiObjectsOutlined"));
+var _EmojiObjectsRounded = _interopRequireDefault(require("./EmojiObjectsRounded"));
+var _EmojiObjectsSharp = _interopRequireDefault(require("./EmojiObjectsSharp"));
+var _EmojiObjectsTwoTone = _interopRequireDefault(require("./EmojiObjectsTwoTone"));
+var _EmojiPeople = _interopRequireDefault(require("./EmojiPeople"));
+var _EmojiPeopleOutlined = _interopRequireDefault(require("./EmojiPeopleOutlined"));
+var _EmojiPeopleRounded = _interopRequireDefault(require("./EmojiPeopleRounded"));
+var _EmojiPeopleSharp = _interopRequireDefault(require("./EmojiPeopleSharp"));
+var _EmojiPeopleTwoTone = _interopRequireDefault(require("./EmojiPeopleTwoTone"));
+var _EmojiSymbols = _interopRequireDefault(require("./EmojiSymbols"));
+var _EmojiSymbolsOutlined = _interopRequireDefault(require("./EmojiSymbolsOutlined"));
+var _EmojiSymbolsRounded = _interopRequireDefault(require("./EmojiSymbolsRounded"));
+var _EmojiSymbolsSharp = _interopRequireDefault(require("./EmojiSymbolsSharp"));
+var _EmojiSymbolsTwoTone = _interopRequireDefault(require("./EmojiSymbolsTwoTone"));
+var _EmojiTransportation = _interopRequireDefault(require("./EmojiTransportation"));
+var _EmojiTransportationOutlined = _interopRequireDefault(require("./EmojiTransportationOutlined"));
+var _EmojiTransportationRounded = _interopRequireDefault(require("./EmojiTransportationRounded"));
+var _EmojiTransportationSharp = _interopRequireDefault(require("./EmojiTransportationSharp"));
+var _EmojiTransportationTwoTone = _interopRequireDefault(require("./EmojiTransportationTwoTone"));
+var _EnergySavingsLeaf = _interopRequireDefault(require("./EnergySavingsLeaf"));
+var _EnergySavingsLeafOutlined = _interopRequireDefault(require("./EnergySavingsLeafOutlined"));
+var _EnergySavingsLeafRounded = _interopRequireDefault(require("./EnergySavingsLeafRounded"));
+var _EnergySavingsLeafSharp = _interopRequireDefault(require("./EnergySavingsLeafSharp"));
+var _EnergySavingsLeafTwoTone = _interopRequireDefault(require("./EnergySavingsLeafTwoTone"));
+var _Engineering = _interopRequireDefault(require("./Engineering"));
+var _EngineeringOutlined = _interopRequireDefault(require("./EngineeringOutlined"));
+var _EngineeringRounded = _interopRequireDefault(require("./EngineeringRounded"));
+var _EngineeringSharp = _interopRequireDefault(require("./EngineeringSharp"));
+var _EngineeringTwoTone = _interopRequireDefault(require("./EngineeringTwoTone"));
+var _EnhancedEncryption = _interopRequireDefault(require("./EnhancedEncryption"));
+var _EnhancedEncryptionOutlined = _interopRequireDefault(require("./EnhancedEncryptionOutlined"));
+var _EnhancedEncryptionRounded = _interopRequireDefault(require("./EnhancedEncryptionRounded"));
+var _EnhancedEncryptionSharp = _interopRequireDefault(require("./EnhancedEncryptionSharp"));
+var _EnhancedEncryptionTwoTone = _interopRequireDefault(require("./EnhancedEncryptionTwoTone"));
+var _Equalizer = _interopRequireDefault(require("./Equalizer"));
+var _EqualizerOutlined = _interopRequireDefault(require("./EqualizerOutlined"));
+var _EqualizerRounded = _interopRequireDefault(require("./EqualizerRounded"));
+var _EqualizerSharp = _interopRequireDefault(require("./EqualizerSharp"));
+var _EqualizerTwoTone = _interopRequireDefault(require("./EqualizerTwoTone"));
+var _Error = _interopRequireDefault(require("./Error"));
+var _ErrorOutline = _interopRequireDefault(require("./ErrorOutline"));
+var _ErrorOutlineOutlined = _interopRequireDefault(require("./ErrorOutlineOutlined"));
+var _ErrorOutlineRounded = _interopRequireDefault(require("./ErrorOutlineRounded"));
+var _ErrorOutlineSharp = _interopRequireDefault(require("./ErrorOutlineSharp"));
+var _ErrorOutlineTwoTone = _interopRequireDefault(require("./ErrorOutlineTwoTone"));
+var _ErrorOutlined = _interopRequireDefault(require("./ErrorOutlined"));
+var _ErrorRounded = _interopRequireDefault(require("./ErrorRounded"));
+var _ErrorSharp = _interopRequireDefault(require("./ErrorSharp"));
+var _ErrorTwoTone = _interopRequireDefault(require("./ErrorTwoTone"));
+var _Escalator = _interopRequireDefault(require("./Escalator"));
+var _EscalatorOutlined = _interopRequireDefault(require("./EscalatorOutlined"));
+var _EscalatorRounded = _interopRequireDefault(require("./EscalatorRounded"));
+var _EscalatorSharp = _interopRequireDefault(require("./EscalatorSharp"));
+var _EscalatorTwoTone = _interopRequireDefault(require("./EscalatorTwoTone"));
+var _EscalatorWarning = _interopRequireDefault(require("./EscalatorWarning"));
+var _EscalatorWarningOutlined = _interopRequireDefault(require("./EscalatorWarningOutlined"));
+var _EscalatorWarningRounded = _interopRequireDefault(require("./EscalatorWarningRounded"));
+var _EscalatorWarningSharp = _interopRequireDefault(require("./EscalatorWarningSharp"));
+var _EscalatorWarningTwoTone = _interopRequireDefault(require("./EscalatorWarningTwoTone"));
+var _Euro = _interopRequireDefault(require("./Euro"));
+var _EuroOutlined = _interopRequireDefault(require("./EuroOutlined"));
+var _EuroRounded = _interopRequireDefault(require("./EuroRounded"));
+var _EuroSharp = _interopRequireDefault(require("./EuroSharp"));
+var _EuroSymbol = _interopRequireDefault(require("./EuroSymbol"));
+var _EuroSymbolOutlined = _interopRequireDefault(require("./EuroSymbolOutlined"));
+var _EuroSymbolRounded = _interopRequireDefault(require("./EuroSymbolRounded"));
+var _EuroSymbolSharp = _interopRequireDefault(require("./EuroSymbolSharp"));
+var _EuroSymbolTwoTone = _interopRequireDefault(require("./EuroSymbolTwoTone"));
+var _EuroTwoTone = _interopRequireDefault(require("./EuroTwoTone"));
+var _EvStation = _interopRequireDefault(require("./EvStation"));
+var _EvStationOutlined = _interopRequireDefault(require("./EvStationOutlined"));
+var _EvStationRounded = _interopRequireDefault(require("./EvStationRounded"));
+var _EvStationSharp = _interopRequireDefault(require("./EvStationSharp"));
+var _EvStationTwoTone = _interopRequireDefault(require("./EvStationTwoTone"));
+var _Event = _interopRequireDefault(require("./Event"));
+var _EventAvailable = _interopRequireDefault(require("./EventAvailable"));
+var _EventAvailableOutlined = _interopRequireDefault(require("./EventAvailableOutlined"));
+var _EventAvailableRounded = _interopRequireDefault(require("./EventAvailableRounded"));
+var _EventAvailableSharp = _interopRequireDefault(require("./EventAvailableSharp"));
+var _EventAvailableTwoTone = _interopRequireDefault(require("./EventAvailableTwoTone"));
+var _EventBusy = _interopRequireDefault(require("./EventBusy"));
+var _EventBusyOutlined = _interopRequireDefault(require("./EventBusyOutlined"));
+var _EventBusyRounded = _interopRequireDefault(require("./EventBusyRounded"));
+var _EventBusySharp = _interopRequireDefault(require("./EventBusySharp"));
+var _EventBusyTwoTone = _interopRequireDefault(require("./EventBusyTwoTone"));
+var _EventNote = _interopRequireDefault(require("./EventNote"));
+var _EventNoteOutlined = _interopRequireDefault(require("./EventNoteOutlined"));
+var _EventNoteRounded = _interopRequireDefault(require("./EventNoteRounded"));
+var _EventNoteSharp = _interopRequireDefault(require("./EventNoteSharp"));
+var _EventNoteTwoTone = _interopRequireDefault(require("./EventNoteTwoTone"));
+var _EventOutlined = _interopRequireDefault(require("./EventOutlined"));
+var _EventRepeat = _interopRequireDefault(require("./EventRepeat"));
+var _EventRepeatOutlined = _interopRequireDefault(require("./EventRepeatOutlined"));
+var _EventRepeatRounded = _interopRequireDefault(require("./EventRepeatRounded"));
+var _EventRepeatSharp = _interopRequireDefault(require("./EventRepeatSharp"));
+var _EventRepeatTwoTone = _interopRequireDefault(require("./EventRepeatTwoTone"));
+var _EventRounded = _interopRequireDefault(require("./EventRounded"));
+var _EventSeat = _interopRequireDefault(require("./EventSeat"));
+var _EventSeatOutlined = _interopRequireDefault(require("./EventSeatOutlined"));
+var _EventSeatRounded = _interopRequireDefault(require("./EventSeatRounded"));
+var _EventSeatSharp = _interopRequireDefault(require("./EventSeatSharp"));
+var _EventSeatTwoTone = _interopRequireDefault(require("./EventSeatTwoTone"));
+var _EventSharp = _interopRequireDefault(require("./EventSharp"));
+var _EventTwoTone = _interopRequireDefault(require("./EventTwoTone"));
+var _ExitToApp = _interopRequireDefault(require("./ExitToApp"));
+var _ExitToAppOutlined = _interopRequireDefault(require("./ExitToAppOutlined"));
+var _ExitToAppRounded = _interopRequireDefault(require("./ExitToAppRounded"));
+var _ExitToAppSharp = _interopRequireDefault(require("./ExitToAppSharp"));
+var _ExitToAppTwoTone = _interopRequireDefault(require("./ExitToAppTwoTone"));
+var _Expand = _interopRequireDefault(require("./Expand"));
+var _ExpandCircleDown = _interopRequireDefault(require("./ExpandCircleDown"));
+var _ExpandCircleDownOutlined = _interopRequireDefault(require("./ExpandCircleDownOutlined"));
+var _ExpandCircleDownRounded = _interopRequireDefault(require("./ExpandCircleDownRounded"));
+var _ExpandCircleDownSharp = _interopRequireDefault(require("./ExpandCircleDownSharp"));
+var _ExpandCircleDownTwoTone = _interopRequireDefault(require("./ExpandCircleDownTwoTone"));
+var _ExpandLess = _interopRequireDefault(require("./ExpandLess"));
+var _ExpandLessOutlined = _interopRequireDefault(require("./ExpandLessOutlined"));
+var _ExpandLessRounded = _interopRequireDefault(require("./ExpandLessRounded"));
+var _ExpandLessSharp = _interopRequireDefault(require("./ExpandLessSharp"));
+var _ExpandLessTwoTone = _interopRequireDefault(require("./ExpandLessTwoTone"));
+var _ExpandMore = _interopRequireDefault(require("./ExpandMore"));
+var _ExpandMoreOutlined = _interopRequireDefault(require("./ExpandMoreOutlined"));
+var _ExpandMoreRounded = _interopRequireDefault(require("./ExpandMoreRounded"));
+var _ExpandMoreSharp = _interopRequireDefault(require("./ExpandMoreSharp"));
+var _ExpandMoreTwoTone = _interopRequireDefault(require("./ExpandMoreTwoTone"));
+var _ExpandOutlined = _interopRequireDefault(require("./ExpandOutlined"));
+var _ExpandRounded = _interopRequireDefault(require("./ExpandRounded"));
+var _ExpandSharp = _interopRequireDefault(require("./ExpandSharp"));
+var _ExpandTwoTone = _interopRequireDefault(require("./ExpandTwoTone"));
+var _Explicit = _interopRequireDefault(require("./Explicit"));
+var _ExplicitOutlined = _interopRequireDefault(require("./ExplicitOutlined"));
+var _ExplicitRounded = _interopRequireDefault(require("./ExplicitRounded"));
+var _ExplicitSharp = _interopRequireDefault(require("./ExplicitSharp"));
+var _ExplicitTwoTone = _interopRequireDefault(require("./ExplicitTwoTone"));
+var _Explore = _interopRequireDefault(require("./Explore"));
+var _ExploreOff = _interopRequireDefault(require("./ExploreOff"));
+var _ExploreOffOutlined = _interopRequireDefault(require("./ExploreOffOutlined"));
+var _ExploreOffRounded = _interopRequireDefault(require("./ExploreOffRounded"));
+var _ExploreOffSharp = _interopRequireDefault(require("./ExploreOffSharp"));
+var _ExploreOffTwoTone = _interopRequireDefault(require("./ExploreOffTwoTone"));
+var _ExploreOutlined = _interopRequireDefault(require("./ExploreOutlined"));
+var _ExploreRounded = _interopRequireDefault(require("./ExploreRounded"));
+var _ExploreSharp = _interopRequireDefault(require("./ExploreSharp"));
+var _ExploreTwoTone = _interopRequireDefault(require("./ExploreTwoTone"));
+var _Exposure = _interopRequireDefault(require("./Exposure"));
+var _ExposureOutlined = _interopRequireDefault(require("./ExposureOutlined"));
+var _ExposureRounded = _interopRequireDefault(require("./ExposureRounded"));
+var _ExposureSharp = _interopRequireDefault(require("./ExposureSharp"));
+var _ExposureTwoTone = _interopRequireDefault(require("./ExposureTwoTone"));
+var _Extension = _interopRequireDefault(require("./Extension"));
+var _ExtensionOff = _interopRequireDefault(require("./ExtensionOff"));
+var _ExtensionOffOutlined = _interopRequireDefault(require("./ExtensionOffOutlined"));
+var _ExtensionOffRounded = _interopRequireDefault(require("./ExtensionOffRounded"));
+var _ExtensionOffSharp = _interopRequireDefault(require("./ExtensionOffSharp"));
+var _ExtensionOffTwoTone = _interopRequireDefault(require("./ExtensionOffTwoTone"));
+var _ExtensionOutlined = _interopRequireDefault(require("./ExtensionOutlined"));
+var _ExtensionRounded = _interopRequireDefault(require("./ExtensionRounded"));
+var _ExtensionSharp = _interopRequireDefault(require("./ExtensionSharp"));
+var _ExtensionTwoTone = _interopRequireDefault(require("./ExtensionTwoTone"));
+var _Face = _interopRequireDefault(require("./Face"));
+var _Face2 = _interopRequireDefault(require("./Face2"));
+var _Face2Outlined = _interopRequireDefault(require("./Face2Outlined"));
+var _Face2Rounded = _interopRequireDefault(require("./Face2Rounded"));
+var _Face2Sharp = _interopRequireDefault(require("./Face2Sharp"));
+var _Face2TwoTone = _interopRequireDefault(require("./Face2TwoTone"));
+var _Face3 = _interopRequireDefault(require("./Face3"));
+var _Face3Outlined = _interopRequireDefault(require("./Face3Outlined"));
+var _Face3Rounded = _interopRequireDefault(require("./Face3Rounded"));
+var _Face3Sharp = _interopRequireDefault(require("./Face3Sharp"));
+var _Face3TwoTone = _interopRequireDefault(require("./Face3TwoTone"));
+var _Face4 = _interopRequireDefault(require("./Face4"));
+var _Face4Outlined = _interopRequireDefault(require("./Face4Outlined"));
+var _Face4Rounded = _interopRequireDefault(require("./Face4Rounded"));
+var _Face4Sharp = _interopRequireDefault(require("./Face4Sharp"));
+var _Face4TwoTone = _interopRequireDefault(require("./Face4TwoTone"));
+var _Face5 = _interopRequireDefault(require("./Face5"));
+var _Face5Outlined = _interopRequireDefault(require("./Face5Outlined"));
+var _Face5Rounded = _interopRequireDefault(require("./Face5Rounded"));
+var _Face5Sharp = _interopRequireDefault(require("./Face5Sharp"));
+var _Face5TwoTone = _interopRequireDefault(require("./Face5TwoTone"));
+var _Face6 = _interopRequireDefault(require("./Face6"));
+var _Face6Outlined = _interopRequireDefault(require("./Face6Outlined"));
+var _Face6Rounded = _interopRequireDefault(require("./Face6Rounded"));
+var _Face6Sharp = _interopRequireDefault(require("./Face6Sharp"));
+var _Face6TwoTone = _interopRequireDefault(require("./Face6TwoTone"));
+var _FaceOutlined = _interopRequireDefault(require("./FaceOutlined"));
+var _FaceRetouchingNatural = _interopRequireDefault(require("./FaceRetouchingNatural"));
+var _FaceRetouchingNaturalOutlined = _interopRequireDefault(require("./FaceRetouchingNaturalOutlined"));
+var _FaceRetouchingNaturalRounded = _interopRequireDefault(require("./FaceRetouchingNaturalRounded"));
+var _FaceRetouchingNaturalSharp = _interopRequireDefault(require("./FaceRetouchingNaturalSharp"));
+var _FaceRetouchingNaturalTwoTone = _interopRequireDefault(require("./FaceRetouchingNaturalTwoTone"));
+var _FaceRetouchingOff = _interopRequireDefault(require("./FaceRetouchingOff"));
+var _FaceRetouchingOffOutlined = _interopRequireDefault(require("./FaceRetouchingOffOutlined"));
+var _FaceRetouchingOffRounded = _interopRequireDefault(require("./FaceRetouchingOffRounded"));
+var _FaceRetouchingOffSharp = _interopRequireDefault(require("./FaceRetouchingOffSharp"));
+var _FaceRetouchingOffTwoTone = _interopRequireDefault(require("./FaceRetouchingOffTwoTone"));
+var _FaceRounded = _interopRequireDefault(require("./FaceRounded"));
+var _FaceSharp = _interopRequireDefault(require("./FaceSharp"));
+var _FaceTwoTone = _interopRequireDefault(require("./FaceTwoTone"));
+var _Facebook = _interopRequireDefault(require("./Facebook"));
+var _FacebookOutlined = _interopRequireDefault(require("./FacebookOutlined"));
+var _FacebookRounded = _interopRequireDefault(require("./FacebookRounded"));
+var _FacebookSharp = _interopRequireDefault(require("./FacebookSharp"));
+var _FacebookTwoTone = _interopRequireDefault(require("./FacebookTwoTone"));
+var _FactCheck = _interopRequireDefault(require("./FactCheck"));
+var _FactCheckOutlined = _interopRequireDefault(require("./FactCheckOutlined"));
+var _FactCheckRounded = _interopRequireDefault(require("./FactCheckRounded"));
+var _FactCheckSharp = _interopRequireDefault(require("./FactCheckSharp"));
+var _FactCheckTwoTone = _interopRequireDefault(require("./FactCheckTwoTone"));
+var _Factory = _interopRequireDefault(require("./Factory"));
+var _FactoryOutlined = _interopRequireDefault(require("./FactoryOutlined"));
+var _FactoryRounded = _interopRequireDefault(require("./FactoryRounded"));
+var _FactorySharp = _interopRequireDefault(require("./FactorySharp"));
+var _FactoryTwoTone = _interopRequireDefault(require("./FactoryTwoTone"));
+var _FamilyRestroom = _interopRequireDefault(require("./FamilyRestroom"));
+var _FamilyRestroomOutlined = _interopRequireDefault(require("./FamilyRestroomOutlined"));
+var _FamilyRestroomRounded = _interopRequireDefault(require("./FamilyRestroomRounded"));
+var _FamilyRestroomSharp = _interopRequireDefault(require("./FamilyRestroomSharp"));
+var _FamilyRestroomTwoTone = _interopRequireDefault(require("./FamilyRestroomTwoTone"));
+var _FastForward = _interopRequireDefault(require("./FastForward"));
+var _FastForwardOutlined = _interopRequireDefault(require("./FastForwardOutlined"));
+var _FastForwardRounded = _interopRequireDefault(require("./FastForwardRounded"));
+var _FastForwardSharp = _interopRequireDefault(require("./FastForwardSharp"));
+var _FastForwardTwoTone = _interopRequireDefault(require("./FastForwardTwoTone"));
+var _FastRewind = _interopRequireDefault(require("./FastRewind"));
+var _FastRewindOutlined = _interopRequireDefault(require("./FastRewindOutlined"));
+var _FastRewindRounded = _interopRequireDefault(require("./FastRewindRounded"));
+var _FastRewindSharp = _interopRequireDefault(require("./FastRewindSharp"));
+var _FastRewindTwoTone = _interopRequireDefault(require("./FastRewindTwoTone"));
+var _Fastfood = _interopRequireDefault(require("./Fastfood"));
+var _FastfoodOutlined = _interopRequireDefault(require("./FastfoodOutlined"));
+var _FastfoodRounded = _interopRequireDefault(require("./FastfoodRounded"));
+var _FastfoodSharp = _interopRequireDefault(require("./FastfoodSharp"));
+var _FastfoodTwoTone = _interopRequireDefault(require("./FastfoodTwoTone"));
+var _Favorite = _interopRequireDefault(require("./Favorite"));
+var _FavoriteBorder = _interopRequireDefault(require("./FavoriteBorder"));
+var _FavoriteBorderOutlined = _interopRequireDefault(require("./FavoriteBorderOutlined"));
+var _FavoriteBorderRounded = _interopRequireDefault(require("./FavoriteBorderRounded"));
+var _FavoriteBorderSharp = _interopRequireDefault(require("./FavoriteBorderSharp"));
+var _FavoriteBorderTwoTone = _interopRequireDefault(require("./FavoriteBorderTwoTone"));
+var _FavoriteOutlined = _interopRequireDefault(require("./FavoriteOutlined"));
+var _FavoriteRounded = _interopRequireDefault(require("./FavoriteRounded"));
+var _FavoriteSharp = _interopRequireDefault(require("./FavoriteSharp"));
+var _FavoriteTwoTone = _interopRequireDefault(require("./FavoriteTwoTone"));
+var _Fax = _interopRequireDefault(require("./Fax"));
+var _FaxOutlined = _interopRequireDefault(require("./FaxOutlined"));
+var _FaxRounded = _interopRequireDefault(require("./FaxRounded"));
+var _FaxSharp = _interopRequireDefault(require("./FaxSharp"));
+var _FaxTwoTone = _interopRequireDefault(require("./FaxTwoTone"));
+var _FeaturedPlayList = _interopRequireDefault(require("./FeaturedPlayList"));
+var _FeaturedPlayListOutlined = _interopRequireDefault(require("./FeaturedPlayListOutlined"));
+var _FeaturedPlayListRounded = _interopRequireDefault(require("./FeaturedPlayListRounded"));
+var _FeaturedPlayListSharp = _interopRequireDefault(require("./FeaturedPlayListSharp"));
+var _FeaturedPlayListTwoTone = _interopRequireDefault(require("./FeaturedPlayListTwoTone"));
+var _FeaturedVideo = _interopRequireDefault(require("./FeaturedVideo"));
+var _FeaturedVideoOutlined = _interopRequireDefault(require("./FeaturedVideoOutlined"));
+var _FeaturedVideoRounded = _interopRequireDefault(require("./FeaturedVideoRounded"));
+var _FeaturedVideoSharp = _interopRequireDefault(require("./FeaturedVideoSharp"));
+var _FeaturedVideoTwoTone = _interopRequireDefault(require("./FeaturedVideoTwoTone"));
+var _Feed = _interopRequireDefault(require("./Feed"));
+var _FeedOutlined = _interopRequireDefault(require("./FeedOutlined"));
+var _FeedRounded = _interopRequireDefault(require("./FeedRounded"));
+var _FeedSharp = _interopRequireDefault(require("./FeedSharp"));
+var _FeedTwoTone = _interopRequireDefault(require("./FeedTwoTone"));
+var _Feedback = _interopRequireDefault(require("./Feedback"));
+var _FeedbackOutlined = _interopRequireDefault(require("./FeedbackOutlined"));
+var _FeedbackRounded = _interopRequireDefault(require("./FeedbackRounded"));
+var _FeedbackSharp = _interopRequireDefault(require("./FeedbackSharp"));
+var _FeedbackTwoTone = _interopRequireDefault(require("./FeedbackTwoTone"));
+var _Female = _interopRequireDefault(require("./Female"));
+var _FemaleOutlined = _interopRequireDefault(require("./FemaleOutlined"));
+var _FemaleRounded = _interopRequireDefault(require("./FemaleRounded"));
+var _FemaleSharp = _interopRequireDefault(require("./FemaleSharp"));
+var _FemaleTwoTone = _interopRequireDefault(require("./FemaleTwoTone"));
+var _Fence = _interopRequireDefault(require("./Fence"));
+var _FenceOutlined = _interopRequireDefault(require("./FenceOutlined"));
+var _FenceRounded = _interopRequireDefault(require("./FenceRounded"));
+var _FenceSharp = _interopRequireDefault(require("./FenceSharp"));
+var _FenceTwoTone = _interopRequireDefault(require("./FenceTwoTone"));
+var _Festival = _interopRequireDefault(require("./Festival"));
+var _FestivalOutlined = _interopRequireDefault(require("./FestivalOutlined"));
+var _FestivalRounded = _interopRequireDefault(require("./FestivalRounded"));
+var _FestivalSharp = _interopRequireDefault(require("./FestivalSharp"));
+var _FestivalTwoTone = _interopRequireDefault(require("./FestivalTwoTone"));
+var _FiberDvr = _interopRequireDefault(require("./FiberDvr"));
+var _FiberDvrOutlined = _interopRequireDefault(require("./FiberDvrOutlined"));
+var _FiberDvrRounded = _interopRequireDefault(require("./FiberDvrRounded"));
+var _FiberDvrSharp = _interopRequireDefault(require("./FiberDvrSharp"));
+var _FiberDvrTwoTone = _interopRequireDefault(require("./FiberDvrTwoTone"));
+var _FiberManualRecord = _interopRequireDefault(require("./FiberManualRecord"));
+var _FiberManualRecordOutlined = _interopRequireDefault(require("./FiberManualRecordOutlined"));
+var _FiberManualRecordRounded = _interopRequireDefault(require("./FiberManualRecordRounded"));
+var _FiberManualRecordSharp = _interopRequireDefault(require("./FiberManualRecordSharp"));
+var _FiberManualRecordTwoTone = _interopRequireDefault(require("./FiberManualRecordTwoTone"));
+var _FiberNew = _interopRequireDefault(require("./FiberNew"));
+var _FiberNewOutlined = _interopRequireDefault(require("./FiberNewOutlined"));
+var _FiberNewRounded = _interopRequireDefault(require("./FiberNewRounded"));
+var _FiberNewSharp = _interopRequireDefault(require("./FiberNewSharp"));
+var _FiberNewTwoTone = _interopRequireDefault(require("./FiberNewTwoTone"));
+var _FiberPin = _interopRequireDefault(require("./FiberPin"));
+var _FiberPinOutlined = _interopRequireDefault(require("./FiberPinOutlined"));
+var _FiberPinRounded = _interopRequireDefault(require("./FiberPinRounded"));
+var _FiberPinSharp = _interopRequireDefault(require("./FiberPinSharp"));
+var _FiberPinTwoTone = _interopRequireDefault(require("./FiberPinTwoTone"));
+var _FiberSmartRecord = _interopRequireDefault(require("./FiberSmartRecord"));
+var _FiberSmartRecordOutlined = _interopRequireDefault(require("./FiberSmartRecordOutlined"));
+var _FiberSmartRecordRounded = _interopRequireDefault(require("./FiberSmartRecordRounded"));
+var _FiberSmartRecordSharp = _interopRequireDefault(require("./FiberSmartRecordSharp"));
+var _FiberSmartRecordTwoTone = _interopRequireDefault(require("./FiberSmartRecordTwoTone"));
+var _FifteenMp = _interopRequireDefault(require("./FifteenMp"));
+var _FifteenMpOutlined = _interopRequireDefault(require("./FifteenMpOutlined"));
+var _FifteenMpRounded = _interopRequireDefault(require("./FifteenMpRounded"));
+var _FifteenMpSharp = _interopRequireDefault(require("./FifteenMpSharp"));
+var _FifteenMpTwoTone = _interopRequireDefault(require("./FifteenMpTwoTone"));
+var _FileCopy = _interopRequireDefault(require("./FileCopy"));
+var _FileCopyOutlined = _interopRequireDefault(require("./FileCopyOutlined"));
+var _FileCopyRounded = _interopRequireDefault(require("./FileCopyRounded"));
+var _FileCopySharp = _interopRequireDefault(require("./FileCopySharp"));
+var _FileCopyTwoTone = _interopRequireDefault(require("./FileCopyTwoTone"));
+var _FileDownload = _interopRequireDefault(require("./FileDownload"));
+var _FileDownloadDone = _interopRequireDefault(require("./FileDownloadDone"));
+var _FileDownloadDoneOutlined = _interopRequireDefault(require("./FileDownloadDoneOutlined"));
+var _FileDownloadDoneRounded = _interopRequireDefault(require("./FileDownloadDoneRounded"));
+var _FileDownloadDoneSharp = _interopRequireDefault(require("./FileDownloadDoneSharp"));
+var _FileDownloadDoneTwoTone = _interopRequireDefault(require("./FileDownloadDoneTwoTone"));
+var _FileDownloadOff = _interopRequireDefault(require("./FileDownloadOff"));
+var _FileDownloadOffOutlined = _interopRequireDefault(require("./FileDownloadOffOutlined"));
+var _FileDownloadOffRounded = _interopRequireDefault(require("./FileDownloadOffRounded"));
+var _FileDownloadOffSharp = _interopRequireDefault(require("./FileDownloadOffSharp"));
+var _FileDownloadOffTwoTone = _interopRequireDefault(require("./FileDownloadOffTwoTone"));
+var _FileDownloadOutlined = _interopRequireDefault(require("./FileDownloadOutlined"));
+var _FileDownloadRounded = _interopRequireDefault(require("./FileDownloadRounded"));
+var _FileDownloadSharp = _interopRequireDefault(require("./FileDownloadSharp"));
+var _FileDownloadTwoTone = _interopRequireDefault(require("./FileDownloadTwoTone"));
+var _FileOpen = _interopRequireDefault(require("./FileOpen"));
+var _FileOpenOutlined = _interopRequireDefault(require("./FileOpenOutlined"));
+var _FileOpenRounded = _interopRequireDefault(require("./FileOpenRounded"));
+var _FileOpenSharp = _interopRequireDefault(require("./FileOpenSharp"));
+var _FileOpenTwoTone = _interopRequireDefault(require("./FileOpenTwoTone"));
+var _FilePresent = _interopRequireDefault(require("./FilePresent"));
+var _FilePresentOutlined = _interopRequireDefault(require("./FilePresentOutlined"));
+var _FilePresentRounded = _interopRequireDefault(require("./FilePresentRounded"));
+var _FilePresentSharp = _interopRequireDefault(require("./FilePresentSharp"));
+var _FilePresentTwoTone = _interopRequireDefault(require("./FilePresentTwoTone"));
+var _FileUpload = _interopRequireDefault(require("./FileUpload"));
+var _FileUploadOutlined = _interopRequireDefault(require("./FileUploadOutlined"));
+var _FileUploadRounded = _interopRequireDefault(require("./FileUploadRounded"));
+var _FileUploadSharp = _interopRequireDefault(require("./FileUploadSharp"));
+var _FileUploadTwoTone = _interopRequireDefault(require("./FileUploadTwoTone"));
+var _Filter = _interopRequireDefault(require("./Filter"));
+var _Filter2 = _interopRequireDefault(require("./Filter1"));
+var _Filter1Outlined = _interopRequireDefault(require("./Filter1Outlined"));
+var _Filter1Rounded = _interopRequireDefault(require("./Filter1Rounded"));
+var _Filter1Sharp = _interopRequireDefault(require("./Filter1Sharp"));
+var _Filter1TwoTone = _interopRequireDefault(require("./Filter1TwoTone"));
+var _Filter3 = _interopRequireDefault(require("./Filter2"));
+var _Filter2Outlined = _interopRequireDefault(require("./Filter2Outlined"));
+var _Filter2Rounded = _interopRequireDefault(require("./Filter2Rounded"));
+var _Filter2Sharp = _interopRequireDefault(require("./Filter2Sharp"));
+var _Filter2TwoTone = _interopRequireDefault(require("./Filter2TwoTone"));
+var _Filter4 = _interopRequireDefault(require("./Filter3"));
+var _Filter3Outlined = _interopRequireDefault(require("./Filter3Outlined"));
+var _Filter3Rounded = _interopRequireDefault(require("./Filter3Rounded"));
+var _Filter3Sharp = _interopRequireDefault(require("./Filter3Sharp"));
+var _Filter3TwoTone = _interopRequireDefault(require("./Filter3TwoTone"));
+var _Filter5 = _interopRequireDefault(require("./Filter4"));
+var _Filter4Outlined = _interopRequireDefault(require("./Filter4Outlined"));
+var _Filter4Rounded = _interopRequireDefault(require("./Filter4Rounded"));
+var _Filter4Sharp = _interopRequireDefault(require("./Filter4Sharp"));
+var _Filter4TwoTone = _interopRequireDefault(require("./Filter4TwoTone"));
+var _Filter6 = _interopRequireDefault(require("./Filter5"));
+var _Filter5Outlined = _interopRequireDefault(require("./Filter5Outlined"));
+var _Filter5Rounded = _interopRequireDefault(require("./Filter5Rounded"));
+var _Filter5Sharp = _interopRequireDefault(require("./Filter5Sharp"));
+var _Filter5TwoTone = _interopRequireDefault(require("./Filter5TwoTone"));
+var _Filter7 = _interopRequireDefault(require("./Filter6"));
+var _Filter6Outlined = _interopRequireDefault(require("./Filter6Outlined"));
+var _Filter6Rounded = _interopRequireDefault(require("./Filter6Rounded"));
+var _Filter6Sharp = _interopRequireDefault(require("./Filter6Sharp"));
+var _Filter6TwoTone = _interopRequireDefault(require("./Filter6TwoTone"));
+var _Filter8 = _interopRequireDefault(require("./Filter7"));
+var _Filter7Outlined = _interopRequireDefault(require("./Filter7Outlined"));
+var _Filter7Rounded = _interopRequireDefault(require("./Filter7Rounded"));
+var _Filter7Sharp = _interopRequireDefault(require("./Filter7Sharp"));
+var _Filter7TwoTone = _interopRequireDefault(require("./Filter7TwoTone"));
+var _Filter9 = _interopRequireDefault(require("./Filter8"));
+var _Filter8Outlined = _interopRequireDefault(require("./Filter8Outlined"));
+var _Filter8Rounded = _interopRequireDefault(require("./Filter8Rounded"));
+var _Filter8Sharp = _interopRequireDefault(require("./Filter8Sharp"));
+var _Filter8TwoTone = _interopRequireDefault(require("./Filter8TwoTone"));
+var _Filter10 = _interopRequireDefault(require("./Filter9"));
+var _Filter9Outlined = _interopRequireDefault(require("./Filter9Outlined"));
+var _Filter9Plus = _interopRequireDefault(require("./Filter9Plus"));
+var _Filter9PlusOutlined = _interopRequireDefault(require("./Filter9PlusOutlined"));
+var _Filter9PlusRounded = _interopRequireDefault(require("./Filter9PlusRounded"));
+var _Filter9PlusSharp = _interopRequireDefault(require("./Filter9PlusSharp"));
+var _Filter9PlusTwoTone = _interopRequireDefault(require("./Filter9PlusTwoTone"));
+var _Filter9Rounded = _interopRequireDefault(require("./Filter9Rounded"));
+var _Filter9Sharp = _interopRequireDefault(require("./Filter9Sharp"));
+var _Filter9TwoTone = _interopRequireDefault(require("./Filter9TwoTone"));
+var _FilterAlt = _interopRequireDefault(require("./FilterAlt"));
+var _FilterAltOff = _interopRequireDefault(require("./FilterAltOff"));
+var _FilterAltOffOutlined = _interopRequireDefault(require("./FilterAltOffOutlined"));
+var _FilterAltOffRounded = _interopRequireDefault(require("./FilterAltOffRounded"));
+var _FilterAltOffSharp = _interopRequireDefault(require("./FilterAltOffSharp"));
+var _FilterAltOffTwoTone = _interopRequireDefault(require("./FilterAltOffTwoTone"));
+var _FilterAltOutlined = _interopRequireDefault(require("./FilterAltOutlined"));
+var _FilterAltRounded = _interopRequireDefault(require("./FilterAltRounded"));
+var _FilterAltSharp = _interopRequireDefault(require("./FilterAltSharp"));
+var _FilterAltTwoTone = _interopRequireDefault(require("./FilterAltTwoTone"));
+var _FilterBAndW = _interopRequireDefault(require("./FilterBAndW"));
+var _FilterBAndWOutlined = _interopRequireDefault(require("./FilterBAndWOutlined"));
+var _FilterBAndWRounded = _interopRequireDefault(require("./FilterBAndWRounded"));
+var _FilterBAndWSharp = _interopRequireDefault(require("./FilterBAndWSharp"));
+var _FilterBAndWTwoTone = _interopRequireDefault(require("./FilterBAndWTwoTone"));
+var _FilterCenterFocus = _interopRequireDefault(require("./FilterCenterFocus"));
+var _FilterCenterFocusOutlined = _interopRequireDefault(require("./FilterCenterFocusOutlined"));
+var _FilterCenterFocusRounded = _interopRequireDefault(require("./FilterCenterFocusRounded"));
+var _FilterCenterFocusSharp = _interopRequireDefault(require("./FilterCenterFocusSharp"));
+var _FilterCenterFocusTwoTone = _interopRequireDefault(require("./FilterCenterFocusTwoTone"));
+var _FilterDrama = _interopRequireDefault(require("./FilterDrama"));
+var _FilterDramaOutlined = _interopRequireDefault(require("./FilterDramaOutlined"));
+var _FilterDramaRounded = _interopRequireDefault(require("./FilterDramaRounded"));
+var _FilterDramaSharp = _interopRequireDefault(require("./FilterDramaSharp"));
+var _FilterDramaTwoTone = _interopRequireDefault(require("./FilterDramaTwoTone"));
+var _FilterFrames = _interopRequireDefault(require("./FilterFrames"));
+var _FilterFramesOutlined = _interopRequireDefault(require("./FilterFramesOutlined"));
+var _FilterFramesRounded = _interopRequireDefault(require("./FilterFramesRounded"));
+var _FilterFramesSharp = _interopRequireDefault(require("./FilterFramesSharp"));
+var _FilterFramesTwoTone = _interopRequireDefault(require("./FilterFramesTwoTone"));
+var _FilterHdr = _interopRequireDefault(require("./FilterHdr"));
+var _FilterHdrOutlined = _interopRequireDefault(require("./FilterHdrOutlined"));
+var _FilterHdrRounded = _interopRequireDefault(require("./FilterHdrRounded"));
+var _FilterHdrSharp = _interopRequireDefault(require("./FilterHdrSharp"));
+var _FilterHdrTwoTone = _interopRequireDefault(require("./FilterHdrTwoTone"));
+var _FilterList = _interopRequireDefault(require("./FilterList"));
+var _FilterListOff = _interopRequireDefault(require("./FilterListOff"));
+var _FilterListOffOutlined = _interopRequireDefault(require("./FilterListOffOutlined"));
+var _FilterListOffRounded = _interopRequireDefault(require("./FilterListOffRounded"));
+var _FilterListOffSharp = _interopRequireDefault(require("./FilterListOffSharp"));
+var _FilterListOffTwoTone = _interopRequireDefault(require("./FilterListOffTwoTone"));
+var _FilterListOutlined = _interopRequireDefault(require("./FilterListOutlined"));
+var _FilterListRounded = _interopRequireDefault(require("./FilterListRounded"));
+var _FilterListSharp = _interopRequireDefault(require("./FilterListSharp"));
+var _FilterListTwoTone = _interopRequireDefault(require("./FilterListTwoTone"));
+var _FilterNone = _interopRequireDefault(require("./FilterNone"));
+var _FilterNoneOutlined = _interopRequireDefault(require("./FilterNoneOutlined"));
+var _FilterNoneRounded = _interopRequireDefault(require("./FilterNoneRounded"));
+var _FilterNoneSharp = _interopRequireDefault(require("./FilterNoneSharp"));
+var _FilterNoneTwoTone = _interopRequireDefault(require("./FilterNoneTwoTone"));
+var _FilterOutlined = _interopRequireDefault(require("./FilterOutlined"));
+var _FilterRounded = _interopRequireDefault(require("./FilterRounded"));
+var _FilterSharp = _interopRequireDefault(require("./FilterSharp"));
+var _FilterTiltShift = _interopRequireDefault(require("./FilterTiltShift"));
+var _FilterTiltShiftOutlined = _interopRequireDefault(require("./FilterTiltShiftOutlined"));
+var _FilterTiltShiftRounded = _interopRequireDefault(require("./FilterTiltShiftRounded"));
+var _FilterTiltShiftSharp = _interopRequireDefault(require("./FilterTiltShiftSharp"));
+var _FilterTiltShiftTwoTone = _interopRequireDefault(require("./FilterTiltShiftTwoTone"));
+var _FilterTwoTone = _interopRequireDefault(require("./FilterTwoTone"));
+var _FilterVintage = _interopRequireDefault(require("./FilterVintage"));
+var _FilterVintageOutlined = _interopRequireDefault(require("./FilterVintageOutlined"));
+var _FilterVintageRounded = _interopRequireDefault(require("./FilterVintageRounded"));
+var _FilterVintageSharp = _interopRequireDefault(require("./FilterVintageSharp"));
+var _FilterVintageTwoTone = _interopRequireDefault(require("./FilterVintageTwoTone"));
+var _FindInPage = _interopRequireDefault(require("./FindInPage"));
+var _FindInPageOutlined = _interopRequireDefault(require("./FindInPageOutlined"));
+var _FindInPageRounded = _interopRequireDefault(require("./FindInPageRounded"));
+var _FindInPageSharp = _interopRequireDefault(require("./FindInPageSharp"));
+var _FindInPageTwoTone = _interopRequireDefault(require("./FindInPageTwoTone"));
+var _FindReplace = _interopRequireDefault(require("./FindReplace"));
+var _FindReplaceOutlined = _interopRequireDefault(require("./FindReplaceOutlined"));
+var _FindReplaceRounded = _interopRequireDefault(require("./FindReplaceRounded"));
+var _FindReplaceSharp = _interopRequireDefault(require("./FindReplaceSharp"));
+var _FindReplaceTwoTone = _interopRequireDefault(require("./FindReplaceTwoTone"));
+var _Fingerprint = _interopRequireDefault(require("./Fingerprint"));
+var _FingerprintOutlined = _interopRequireDefault(require("./FingerprintOutlined"));
+var _FingerprintRounded = _interopRequireDefault(require("./FingerprintRounded"));
+var _FingerprintSharp = _interopRequireDefault(require("./FingerprintSharp"));
+var _FingerprintTwoTone = _interopRequireDefault(require("./FingerprintTwoTone"));
+var _FireExtinguisher = _interopRequireDefault(require("./FireExtinguisher"));
+var _FireExtinguisherOutlined = _interopRequireDefault(require("./FireExtinguisherOutlined"));
+var _FireExtinguisherRounded = _interopRequireDefault(require("./FireExtinguisherRounded"));
+var _FireExtinguisherSharp = _interopRequireDefault(require("./FireExtinguisherSharp"));
+var _FireExtinguisherTwoTone = _interopRequireDefault(require("./FireExtinguisherTwoTone"));
+var _FireHydrantAlt = _interopRequireDefault(require("./FireHydrantAlt"));
+var _FireHydrantAltOutlined = _interopRequireDefault(require("./FireHydrantAltOutlined"));
+var _FireHydrantAltRounded = _interopRequireDefault(require("./FireHydrantAltRounded"));
+var _FireHydrantAltSharp = _interopRequireDefault(require("./FireHydrantAltSharp"));
+var _FireHydrantAltTwoTone = _interopRequireDefault(require("./FireHydrantAltTwoTone"));
+var _FireTruck = _interopRequireDefault(require("./FireTruck"));
+var _FireTruckOutlined = _interopRequireDefault(require("./FireTruckOutlined"));
+var _FireTruckRounded = _interopRequireDefault(require("./FireTruckRounded"));
+var _FireTruckSharp = _interopRequireDefault(require("./FireTruckSharp"));
+var _FireTruckTwoTone = _interopRequireDefault(require("./FireTruckTwoTone"));
+var _Fireplace = _interopRequireDefault(require("./Fireplace"));
+var _FireplaceOutlined = _interopRequireDefault(require("./FireplaceOutlined"));
+var _FireplaceRounded = _interopRequireDefault(require("./FireplaceRounded"));
+var _FireplaceSharp = _interopRequireDefault(require("./FireplaceSharp"));
+var _FireplaceTwoTone = _interopRequireDefault(require("./FireplaceTwoTone"));
+var _FirstPage = _interopRequireDefault(require("./FirstPage"));
+var _FirstPageOutlined = _interopRequireDefault(require("./FirstPageOutlined"));
+var _FirstPageRounded = _interopRequireDefault(require("./FirstPageRounded"));
+var _FirstPageSharp = _interopRequireDefault(require("./FirstPageSharp"));
+var _FirstPageTwoTone = _interopRequireDefault(require("./FirstPageTwoTone"));
+var _FitScreen = _interopRequireDefault(require("./FitScreen"));
+var _FitScreenOutlined = _interopRequireDefault(require("./FitScreenOutlined"));
+var _FitScreenRounded = _interopRequireDefault(require("./FitScreenRounded"));
+var _FitScreenSharp = _interopRequireDefault(require("./FitScreenSharp"));
+var _FitScreenTwoTone = _interopRequireDefault(require("./FitScreenTwoTone"));
+var _Fitbit = _interopRequireDefault(require("./Fitbit"));
+var _FitbitOutlined = _interopRequireDefault(require("./FitbitOutlined"));
+var _FitbitRounded = _interopRequireDefault(require("./FitbitRounded"));
+var _FitbitSharp = _interopRequireDefault(require("./FitbitSharp"));
+var _FitbitTwoTone = _interopRequireDefault(require("./FitbitTwoTone"));
+var _FitnessCenter = _interopRequireDefault(require("./FitnessCenter"));
+var _FitnessCenterOutlined = _interopRequireDefault(require("./FitnessCenterOutlined"));
+var _FitnessCenterRounded = _interopRequireDefault(require("./FitnessCenterRounded"));
+var _FitnessCenterSharp = _interopRequireDefault(require("./FitnessCenterSharp"));
+var _FitnessCenterTwoTone = _interopRequireDefault(require("./FitnessCenterTwoTone"));
+var _FiveG = _interopRequireDefault(require("./FiveG"));
+var _FiveGOutlined = _interopRequireDefault(require("./FiveGOutlined"));
+var _FiveGRounded = _interopRequireDefault(require("./FiveGRounded"));
+var _FiveGSharp = _interopRequireDefault(require("./FiveGSharp"));
+var _FiveGTwoTone = _interopRequireDefault(require("./FiveGTwoTone"));
+var _FiveK = _interopRequireDefault(require("./FiveK"));
+var _FiveKOutlined = _interopRequireDefault(require("./FiveKOutlined"));
+var _FiveKPlus = _interopRequireDefault(require("./FiveKPlus"));
+var _FiveKPlusOutlined = _interopRequireDefault(require("./FiveKPlusOutlined"));
+var _FiveKPlusRounded = _interopRequireDefault(require("./FiveKPlusRounded"));
+var _FiveKPlusSharp = _interopRequireDefault(require("./FiveKPlusSharp"));
+var _FiveKPlusTwoTone = _interopRequireDefault(require("./FiveKPlusTwoTone"));
+var _FiveKRounded = _interopRequireDefault(require("./FiveKRounded"));
+var _FiveKSharp = _interopRequireDefault(require("./FiveKSharp"));
+var _FiveKTwoTone = _interopRequireDefault(require("./FiveKTwoTone"));
+var _FiveMp = _interopRequireDefault(require("./FiveMp"));
+var _FiveMpOutlined = _interopRequireDefault(require("./FiveMpOutlined"));
+var _FiveMpRounded = _interopRequireDefault(require("./FiveMpRounded"));
+var _FiveMpSharp = _interopRequireDefault(require("./FiveMpSharp"));
+var _FiveMpTwoTone = _interopRequireDefault(require("./FiveMpTwoTone"));
+var _FivteenMp = _interopRequireDefault(require("./FivteenMp"));
+var _FivteenMpOutlined = _interopRequireDefault(require("./FivteenMpOutlined"));
+var _FivteenMpRounded = _interopRequireDefault(require("./FivteenMpRounded"));
+var _FivteenMpSharp = _interopRequireDefault(require("./FivteenMpSharp"));
+var _FivteenMpTwoTone = _interopRequireDefault(require("./FivteenMpTwoTone"));
+var _Flag = _interopRequireDefault(require("./Flag"));
+var _FlagCircle = _interopRequireDefault(require("./FlagCircle"));
+var _FlagCircleOutlined = _interopRequireDefault(require("./FlagCircleOutlined"));
+var _FlagCircleRounded = _interopRequireDefault(require("./FlagCircleRounded"));
+var _FlagCircleSharp = _interopRequireDefault(require("./FlagCircleSharp"));
+var _FlagCircleTwoTone = _interopRequireDefault(require("./FlagCircleTwoTone"));
+var _FlagOutlined = _interopRequireDefault(require("./FlagOutlined"));
+var _FlagRounded = _interopRequireDefault(require("./FlagRounded"));
+var _FlagSharp = _interopRequireDefault(require("./FlagSharp"));
+var _FlagTwoTone = _interopRequireDefault(require("./FlagTwoTone"));
+var _Flaky = _interopRequireDefault(require("./Flaky"));
+var _FlakyOutlined = _interopRequireDefault(require("./FlakyOutlined"));
+var _FlakyRounded = _interopRequireDefault(require("./FlakyRounded"));
+var _FlakySharp = _interopRequireDefault(require("./FlakySharp"));
+var _FlakyTwoTone = _interopRequireDefault(require("./FlakyTwoTone"));
+var _Flare = _interopRequireDefault(require("./Flare"));
+var _FlareOutlined = _interopRequireDefault(require("./FlareOutlined"));
+var _FlareRounded = _interopRequireDefault(require("./FlareRounded"));
+var _FlareSharp = _interopRequireDefault(require("./FlareSharp"));
+var _FlareTwoTone = _interopRequireDefault(require("./FlareTwoTone"));
+var _FlashAuto = _interopRequireDefault(require("./FlashAuto"));
+var _FlashAutoOutlined = _interopRequireDefault(require("./FlashAutoOutlined"));
+var _FlashAutoRounded = _interopRequireDefault(require("./FlashAutoRounded"));
+var _FlashAutoSharp = _interopRequireDefault(require("./FlashAutoSharp"));
+var _FlashAutoTwoTone = _interopRequireDefault(require("./FlashAutoTwoTone"));
+var _FlashOff = _interopRequireDefault(require("./FlashOff"));
+var _FlashOffOutlined = _interopRequireDefault(require("./FlashOffOutlined"));
+var _FlashOffRounded = _interopRequireDefault(require("./FlashOffRounded"));
+var _FlashOffSharp = _interopRequireDefault(require("./FlashOffSharp"));
+var _FlashOffTwoTone = _interopRequireDefault(require("./FlashOffTwoTone"));
+var _FlashOn = _interopRequireDefault(require("./FlashOn"));
+var _FlashOnOutlined = _interopRequireDefault(require("./FlashOnOutlined"));
+var _FlashOnRounded = _interopRequireDefault(require("./FlashOnRounded"));
+var _FlashOnSharp = _interopRequireDefault(require("./FlashOnSharp"));
+var _FlashOnTwoTone = _interopRequireDefault(require("./FlashOnTwoTone"));
+var _FlashlightOff = _interopRequireDefault(require("./FlashlightOff"));
+var _FlashlightOffOutlined = _interopRequireDefault(require("./FlashlightOffOutlined"));
+var _FlashlightOffRounded = _interopRequireDefault(require("./FlashlightOffRounded"));
+var _FlashlightOffSharp = _interopRequireDefault(require("./FlashlightOffSharp"));
+var _FlashlightOffTwoTone = _interopRequireDefault(require("./FlashlightOffTwoTone"));
+var _FlashlightOn = _interopRequireDefault(require("./FlashlightOn"));
+var _FlashlightOnOutlined = _interopRequireDefault(require("./FlashlightOnOutlined"));
+var _FlashlightOnRounded = _interopRequireDefault(require("./FlashlightOnRounded"));
+var _FlashlightOnSharp = _interopRequireDefault(require("./FlashlightOnSharp"));
+var _FlashlightOnTwoTone = _interopRequireDefault(require("./FlashlightOnTwoTone"));
+var _Flatware = _interopRequireDefault(require("./Flatware"));
+var _FlatwareOutlined = _interopRequireDefault(require("./FlatwareOutlined"));
+var _FlatwareRounded = _interopRequireDefault(require("./FlatwareRounded"));
+var _FlatwareSharp = _interopRequireDefault(require("./FlatwareSharp"));
+var _FlatwareTwoTone = _interopRequireDefault(require("./FlatwareTwoTone"));
+var _Flight = _interopRequireDefault(require("./Flight"));
+var _FlightClass = _interopRequireDefault(require("./FlightClass"));
+var _FlightClassOutlined = _interopRequireDefault(require("./FlightClassOutlined"));
+var _FlightClassRounded = _interopRequireDefault(require("./FlightClassRounded"));
+var _FlightClassSharp = _interopRequireDefault(require("./FlightClassSharp"));
+var _FlightClassTwoTone = _interopRequireDefault(require("./FlightClassTwoTone"));
+var _FlightLand = _interopRequireDefault(require("./FlightLand"));
+var _FlightLandOutlined = _interopRequireDefault(require("./FlightLandOutlined"));
+var _FlightLandRounded = _interopRequireDefault(require("./FlightLandRounded"));
+var _FlightLandSharp = _interopRequireDefault(require("./FlightLandSharp"));
+var _FlightLandTwoTone = _interopRequireDefault(require("./FlightLandTwoTone"));
+var _FlightOutlined = _interopRequireDefault(require("./FlightOutlined"));
+var _FlightRounded = _interopRequireDefault(require("./FlightRounded"));
+var _FlightSharp = _interopRequireDefault(require("./FlightSharp"));
+var _FlightTakeoff = _interopRequireDefault(require("./FlightTakeoff"));
+var _FlightTakeoffOutlined = _interopRequireDefault(require("./FlightTakeoffOutlined"));
+var _FlightTakeoffRounded = _interopRequireDefault(require("./FlightTakeoffRounded"));
+var _FlightTakeoffSharp = _interopRequireDefault(require("./FlightTakeoffSharp"));
+var _FlightTakeoffTwoTone = _interopRequireDefault(require("./FlightTakeoffTwoTone"));
+var _FlightTwoTone = _interopRequireDefault(require("./FlightTwoTone"));
+var _Flip = _interopRequireDefault(require("./Flip"));
+var _FlipCameraAndroid = _interopRequireDefault(require("./FlipCameraAndroid"));
+var _FlipCameraAndroidOutlined = _interopRequireDefault(require("./FlipCameraAndroidOutlined"));
+var _FlipCameraAndroidRounded = _interopRequireDefault(require("./FlipCameraAndroidRounded"));
+var _FlipCameraAndroidSharp = _interopRequireDefault(require("./FlipCameraAndroidSharp"));
+var _FlipCameraAndroidTwoTone = _interopRequireDefault(require("./FlipCameraAndroidTwoTone"));
+var _FlipCameraIos = _interopRequireDefault(require("./FlipCameraIos"));
+var _FlipCameraIosOutlined = _interopRequireDefault(require("./FlipCameraIosOutlined"));
+var _FlipCameraIosRounded = _interopRequireDefault(require("./FlipCameraIosRounded"));
+var _FlipCameraIosSharp = _interopRequireDefault(require("./FlipCameraIosSharp"));
+var _FlipCameraIosTwoTone = _interopRequireDefault(require("./FlipCameraIosTwoTone"));
+var _FlipOutlined = _interopRequireDefault(require("./FlipOutlined"));
+var _FlipRounded = _interopRequireDefault(require("./FlipRounded"));
+var _FlipSharp = _interopRequireDefault(require("./FlipSharp"));
+var _FlipToBack = _interopRequireDefault(require("./FlipToBack"));
+var _FlipToBackOutlined = _interopRequireDefault(require("./FlipToBackOutlined"));
+var _FlipToBackRounded = _interopRequireDefault(require("./FlipToBackRounded"));
+var _FlipToBackSharp = _interopRequireDefault(require("./FlipToBackSharp"));
+var _FlipToBackTwoTone = _interopRequireDefault(require("./FlipToBackTwoTone"));
+var _FlipToFront = _interopRequireDefault(require("./FlipToFront"));
+var _FlipToFrontOutlined = _interopRequireDefault(require("./FlipToFrontOutlined"));
+var _FlipToFrontRounded = _interopRequireDefault(require("./FlipToFrontRounded"));
+var _FlipToFrontSharp = _interopRequireDefault(require("./FlipToFrontSharp"));
+var _FlipToFrontTwoTone = _interopRequireDefault(require("./FlipToFrontTwoTone"));
+var _FlipTwoTone = _interopRequireDefault(require("./FlipTwoTone"));
+var _Flood = _interopRequireDefault(require("./Flood"));
+var _FloodOutlined = _interopRequireDefault(require("./FloodOutlined"));
+var _FloodRounded = _interopRequireDefault(require("./FloodRounded"));
+var _FloodSharp = _interopRequireDefault(require("./FloodSharp"));
+var _FloodTwoTone = _interopRequireDefault(require("./FloodTwoTone"));
+var _Fluorescent = _interopRequireDefault(require("./Fluorescent"));
+var _FluorescentOutlined = _interopRequireDefault(require("./FluorescentOutlined"));
+var _FluorescentRounded = _interopRequireDefault(require("./FluorescentRounded"));
+var _FluorescentSharp = _interopRequireDefault(require("./FluorescentSharp"));
+var _FluorescentTwoTone = _interopRequireDefault(require("./FluorescentTwoTone"));
+var _FlutterDash = _interopRequireDefault(require("./FlutterDash"));
+var _FlutterDashOutlined = _interopRequireDefault(require("./FlutterDashOutlined"));
+var _FlutterDashRounded = _interopRequireDefault(require("./FlutterDashRounded"));
+var _FlutterDashSharp = _interopRequireDefault(require("./FlutterDashSharp"));
+var _FlutterDashTwoTone = _interopRequireDefault(require("./FlutterDashTwoTone"));
+var _FmdBad = _interopRequireDefault(require("./FmdBad"));
+var _FmdBadOutlined = _interopRequireDefault(require("./FmdBadOutlined"));
+var _FmdBadRounded = _interopRequireDefault(require("./FmdBadRounded"));
+var _FmdBadSharp = _interopRequireDefault(require("./FmdBadSharp"));
+var _FmdBadTwoTone = _interopRequireDefault(require("./FmdBadTwoTone"));
+var _FmdGood = _interopRequireDefault(require("./FmdGood"));
+var _FmdGoodOutlined = _interopRequireDefault(require("./FmdGoodOutlined"));
+var _FmdGoodRounded = _interopRequireDefault(require("./FmdGoodRounded"));
+var _FmdGoodSharp = _interopRequireDefault(require("./FmdGoodSharp"));
+var _FmdGoodTwoTone = _interopRequireDefault(require("./FmdGoodTwoTone"));
+var _Folder = _interopRequireDefault(require("./Folder"));
+var _FolderCopy = _interopRequireDefault(require("./FolderCopy"));
+var _FolderCopyOutlined = _interopRequireDefault(require("./FolderCopyOutlined"));
+var _FolderCopyRounded = _interopRequireDefault(require("./FolderCopyRounded"));
+var _FolderCopySharp = _interopRequireDefault(require("./FolderCopySharp"));
+var _FolderCopyTwoTone = _interopRequireDefault(require("./FolderCopyTwoTone"));
+var _FolderDelete = _interopRequireDefault(require("./FolderDelete"));
+var _FolderDeleteOutlined = _interopRequireDefault(require("./FolderDeleteOutlined"));
+var _FolderDeleteRounded = _interopRequireDefault(require("./FolderDeleteRounded"));
+var _FolderDeleteSharp = _interopRequireDefault(require("./FolderDeleteSharp"));
+var _FolderDeleteTwoTone = _interopRequireDefault(require("./FolderDeleteTwoTone"));
+var _FolderOff = _interopRequireDefault(require("./FolderOff"));
+var _FolderOffOutlined = _interopRequireDefault(require("./FolderOffOutlined"));
+var _FolderOffRounded = _interopRequireDefault(require("./FolderOffRounded"));
+var _FolderOffSharp = _interopRequireDefault(require("./FolderOffSharp"));
+var _FolderOffTwoTone = _interopRequireDefault(require("./FolderOffTwoTone"));
+var _FolderOpen = _interopRequireDefault(require("./FolderOpen"));
+var _FolderOpenOutlined = _interopRequireDefault(require("./FolderOpenOutlined"));
+var _FolderOpenRounded = _interopRequireDefault(require("./FolderOpenRounded"));
+var _FolderOpenSharp = _interopRequireDefault(require("./FolderOpenSharp"));
+var _FolderOpenTwoTone = _interopRequireDefault(require("./FolderOpenTwoTone"));
+var _FolderOutlined = _interopRequireDefault(require("./FolderOutlined"));
+var _FolderRounded = _interopRequireDefault(require("./FolderRounded"));
+var _FolderShared = _interopRequireDefault(require("./FolderShared"));
+var _FolderSharedOutlined = _interopRequireDefault(require("./FolderSharedOutlined"));
+var _FolderSharedRounded = _interopRequireDefault(require("./FolderSharedRounded"));
+var _FolderSharedSharp = _interopRequireDefault(require("./FolderSharedSharp"));
+var _FolderSharedTwoTone = _interopRequireDefault(require("./FolderSharedTwoTone"));
+var _FolderSharp = _interopRequireDefault(require("./FolderSharp"));
+var _FolderSpecial = _interopRequireDefault(require("./FolderSpecial"));
+var _FolderSpecialOutlined = _interopRequireDefault(require("./FolderSpecialOutlined"));
+var _FolderSpecialRounded = _interopRequireDefault(require("./FolderSpecialRounded"));
+var _FolderSpecialSharp = _interopRequireDefault(require("./FolderSpecialSharp"));
+var _FolderSpecialTwoTone = _interopRequireDefault(require("./FolderSpecialTwoTone"));
+var _FolderTwoTone = _interopRequireDefault(require("./FolderTwoTone"));
+var _FolderZip = _interopRequireDefault(require("./FolderZip"));
+var _FolderZipOutlined = _interopRequireDefault(require("./FolderZipOutlined"));
+var _FolderZipRounded = _interopRequireDefault(require("./FolderZipRounded"));
+var _FolderZipSharp = _interopRequireDefault(require("./FolderZipSharp"));
+var _FolderZipTwoTone = _interopRequireDefault(require("./FolderZipTwoTone"));
+var _FollowTheSigns = _interopRequireDefault(require("./FollowTheSigns"));
+var _FollowTheSignsOutlined = _interopRequireDefault(require("./FollowTheSignsOutlined"));
+var _FollowTheSignsRounded = _interopRequireDefault(require("./FollowTheSignsRounded"));
+var _FollowTheSignsSharp = _interopRequireDefault(require("./FollowTheSignsSharp"));
+var _FollowTheSignsTwoTone = _interopRequireDefault(require("./FollowTheSignsTwoTone"));
+var _FontDownload = _interopRequireDefault(require("./FontDownload"));
+var _FontDownloadOff = _interopRequireDefault(require("./FontDownloadOff"));
+var _FontDownloadOffOutlined = _interopRequireDefault(require("./FontDownloadOffOutlined"));
+var _FontDownloadOffRounded = _interopRequireDefault(require("./FontDownloadOffRounded"));
+var _FontDownloadOffSharp = _interopRequireDefault(require("./FontDownloadOffSharp"));
+var _FontDownloadOffTwoTone = _interopRequireDefault(require("./FontDownloadOffTwoTone"));
+var _FontDownloadOutlined = _interopRequireDefault(require("./FontDownloadOutlined"));
+var _FontDownloadRounded = _interopRequireDefault(require("./FontDownloadRounded"));
+var _FontDownloadSharp = _interopRequireDefault(require("./FontDownloadSharp"));
+var _FontDownloadTwoTone = _interopRequireDefault(require("./FontDownloadTwoTone"));
+var _FoodBank = _interopRequireDefault(require("./FoodBank"));
+var _FoodBankOutlined = _interopRequireDefault(require("./FoodBankOutlined"));
+var _FoodBankRounded = _interopRequireDefault(require("./FoodBankRounded"));
+var _FoodBankSharp = _interopRequireDefault(require("./FoodBankSharp"));
+var _FoodBankTwoTone = _interopRequireDefault(require("./FoodBankTwoTone"));
+var _Forest = _interopRequireDefault(require("./Forest"));
+var _ForestOutlined = _interopRequireDefault(require("./ForestOutlined"));
+var _ForestRounded = _interopRequireDefault(require("./ForestRounded"));
+var _ForestSharp = _interopRequireDefault(require("./ForestSharp"));
+var _ForestTwoTone = _interopRequireDefault(require("./ForestTwoTone"));
+var _ForkLeft = _interopRequireDefault(require("./ForkLeft"));
+var _ForkLeftOutlined = _interopRequireDefault(require("./ForkLeftOutlined"));
+var _ForkLeftRounded = _interopRequireDefault(require("./ForkLeftRounded"));
+var _ForkLeftSharp = _interopRequireDefault(require("./ForkLeftSharp"));
+var _ForkLeftTwoTone = _interopRequireDefault(require("./ForkLeftTwoTone"));
+var _ForkRight = _interopRequireDefault(require("./ForkRight"));
+var _ForkRightOutlined = _interopRequireDefault(require("./ForkRightOutlined"));
+var _ForkRightRounded = _interopRequireDefault(require("./ForkRightRounded"));
+var _ForkRightSharp = _interopRequireDefault(require("./ForkRightSharp"));
+var _ForkRightTwoTone = _interopRequireDefault(require("./ForkRightTwoTone"));
+var _FormatAlignCenter = _interopRequireDefault(require("./FormatAlignCenter"));
+var _FormatAlignCenterOutlined = _interopRequireDefault(require("./FormatAlignCenterOutlined"));
+var _FormatAlignCenterRounded = _interopRequireDefault(require("./FormatAlignCenterRounded"));
+var _FormatAlignCenterSharp = _interopRequireDefault(require("./FormatAlignCenterSharp"));
+var _FormatAlignCenterTwoTone = _interopRequireDefault(require("./FormatAlignCenterTwoTone"));
+var _FormatAlignJustify = _interopRequireDefault(require("./FormatAlignJustify"));
+var _FormatAlignJustifyOutlined = _interopRequireDefault(require("./FormatAlignJustifyOutlined"));
+var _FormatAlignJustifyRounded = _interopRequireDefault(require("./FormatAlignJustifyRounded"));
+var _FormatAlignJustifySharp = _interopRequireDefault(require("./FormatAlignJustifySharp"));
+var _FormatAlignJustifyTwoTone = _interopRequireDefault(require("./FormatAlignJustifyTwoTone"));
+var _FormatAlignLeft = _interopRequireDefault(require("./FormatAlignLeft"));
+var _FormatAlignLeftOutlined = _interopRequireDefault(require("./FormatAlignLeftOutlined"));
+var _FormatAlignLeftRounded = _interopRequireDefault(require("./FormatAlignLeftRounded"));
+var _FormatAlignLeftSharp = _interopRequireDefault(require("./FormatAlignLeftSharp"));
+var _FormatAlignLeftTwoTone = _interopRequireDefault(require("./FormatAlignLeftTwoTone"));
+var _FormatAlignRight = _interopRequireDefault(require("./FormatAlignRight"));
+var _FormatAlignRightOutlined = _interopRequireDefault(require("./FormatAlignRightOutlined"));
+var _FormatAlignRightRounded = _interopRequireDefault(require("./FormatAlignRightRounded"));
+var _FormatAlignRightSharp = _interopRequireDefault(require("./FormatAlignRightSharp"));
+var _FormatAlignRightTwoTone = _interopRequireDefault(require("./FormatAlignRightTwoTone"));
+var _FormatBold = _interopRequireDefault(require("./FormatBold"));
+var _FormatBoldOutlined = _interopRequireDefault(require("./FormatBoldOutlined"));
+var _FormatBoldRounded = _interopRequireDefault(require("./FormatBoldRounded"));
+var _FormatBoldSharp = _interopRequireDefault(require("./FormatBoldSharp"));
+var _FormatBoldTwoTone = _interopRequireDefault(require("./FormatBoldTwoTone"));
+var _FormatClear = _interopRequireDefault(require("./FormatClear"));
+var _FormatClearOutlined = _interopRequireDefault(require("./FormatClearOutlined"));
+var _FormatClearRounded = _interopRequireDefault(require("./FormatClearRounded"));
+var _FormatClearSharp = _interopRequireDefault(require("./FormatClearSharp"));
+var _FormatClearTwoTone = _interopRequireDefault(require("./FormatClearTwoTone"));
+var _FormatColorFill = _interopRequireDefault(require("./FormatColorFill"));
+var _FormatColorFillOutlined = _interopRequireDefault(require("./FormatColorFillOutlined"));
+var _FormatColorFillRounded = _interopRequireDefault(require("./FormatColorFillRounded"));
+var _FormatColorFillSharp = _interopRequireDefault(require("./FormatColorFillSharp"));
+var _FormatColorFillTwoTone = _interopRequireDefault(require("./FormatColorFillTwoTone"));
+var _FormatColorReset = _interopRequireDefault(require("./FormatColorReset"));
+var _FormatColorResetOutlined = _interopRequireDefault(require("./FormatColorResetOutlined"));
+var _FormatColorResetRounded = _interopRequireDefault(require("./FormatColorResetRounded"));
+var _FormatColorResetSharp = _interopRequireDefault(require("./FormatColorResetSharp"));
+var _FormatColorResetTwoTone = _interopRequireDefault(require("./FormatColorResetTwoTone"));
+var _FormatColorText = _interopRequireDefault(require("./FormatColorText"));
+var _FormatColorTextOutlined = _interopRequireDefault(require("./FormatColorTextOutlined"));
+var _FormatColorTextRounded = _interopRequireDefault(require("./FormatColorTextRounded"));
+var _FormatColorTextSharp = _interopRequireDefault(require("./FormatColorTextSharp"));
+var _FormatColorTextTwoTone = _interopRequireDefault(require("./FormatColorTextTwoTone"));
+var _FormatIndentDecrease = _interopRequireDefault(require("./FormatIndentDecrease"));
+var _FormatIndentDecreaseOutlined = _interopRequireDefault(require("./FormatIndentDecreaseOutlined"));
+var _FormatIndentDecreaseRounded = _interopRequireDefault(require("./FormatIndentDecreaseRounded"));
+var _FormatIndentDecreaseSharp = _interopRequireDefault(require("./FormatIndentDecreaseSharp"));
+var _FormatIndentDecreaseTwoTone = _interopRequireDefault(require("./FormatIndentDecreaseTwoTone"));
+var _FormatIndentIncrease = _interopRequireDefault(require("./FormatIndentIncrease"));
+var _FormatIndentIncreaseOutlined = _interopRequireDefault(require("./FormatIndentIncreaseOutlined"));
+var _FormatIndentIncreaseRounded = _interopRequireDefault(require("./FormatIndentIncreaseRounded"));
+var _FormatIndentIncreaseSharp = _interopRequireDefault(require("./FormatIndentIncreaseSharp"));
+var _FormatIndentIncreaseTwoTone = _interopRequireDefault(require("./FormatIndentIncreaseTwoTone"));
+var _FormatItalic = _interopRequireDefault(require("./FormatItalic"));
+var _FormatItalicOutlined = _interopRequireDefault(require("./FormatItalicOutlined"));
+var _FormatItalicRounded = _interopRequireDefault(require("./FormatItalicRounded"));
+var _FormatItalicSharp = _interopRequireDefault(require("./FormatItalicSharp"));
+var _FormatItalicTwoTone = _interopRequireDefault(require("./FormatItalicTwoTone"));
+var _FormatLineSpacing = _interopRequireDefault(require("./FormatLineSpacing"));
+var _FormatLineSpacingOutlined = _interopRequireDefault(require("./FormatLineSpacingOutlined"));
+var _FormatLineSpacingRounded = _interopRequireDefault(require("./FormatLineSpacingRounded"));
+var _FormatLineSpacingSharp = _interopRequireDefault(require("./FormatLineSpacingSharp"));
+var _FormatLineSpacingTwoTone = _interopRequireDefault(require("./FormatLineSpacingTwoTone"));
+var _FormatListBulleted = _interopRequireDefault(require("./FormatListBulleted"));
+var _FormatListBulletedOutlined = _interopRequireDefault(require("./FormatListBulletedOutlined"));
+var _FormatListBulletedRounded = _interopRequireDefault(require("./FormatListBulletedRounded"));
+var _FormatListBulletedSharp = _interopRequireDefault(require("./FormatListBulletedSharp"));
+var _FormatListBulletedTwoTone = _interopRequireDefault(require("./FormatListBulletedTwoTone"));
+var _FormatListNumbered = _interopRequireDefault(require("./FormatListNumbered"));
+var _FormatListNumberedOutlined = _interopRequireDefault(require("./FormatListNumberedOutlined"));
+var _FormatListNumberedRounded = _interopRequireDefault(require("./FormatListNumberedRounded"));
+var _FormatListNumberedRtl = _interopRequireDefault(require("./FormatListNumberedRtl"));
+var _FormatListNumberedRtlOutlined = _interopRequireDefault(require("./FormatListNumberedRtlOutlined"));
+var _FormatListNumberedRtlRounded = _interopRequireDefault(require("./FormatListNumberedRtlRounded"));
+var _FormatListNumberedRtlSharp = _interopRequireDefault(require("./FormatListNumberedRtlSharp"));
+var _FormatListNumberedRtlTwoTone = _interopRequireDefault(require("./FormatListNumberedRtlTwoTone"));
+var _FormatListNumberedSharp = _interopRequireDefault(require("./FormatListNumberedSharp"));
+var _FormatListNumberedTwoTone = _interopRequireDefault(require("./FormatListNumberedTwoTone"));
+var _FormatOverline = _interopRequireDefault(require("./FormatOverline"));
+var _FormatOverlineOutlined = _interopRequireDefault(require("./FormatOverlineOutlined"));
+var _FormatOverlineRounded = _interopRequireDefault(require("./FormatOverlineRounded"));
+var _FormatOverlineSharp = _interopRequireDefault(require("./FormatOverlineSharp"));
+var _FormatOverlineTwoTone = _interopRequireDefault(require("./FormatOverlineTwoTone"));
+var _FormatPaint = _interopRequireDefault(require("./FormatPaint"));
+var _FormatPaintOutlined = _interopRequireDefault(require("./FormatPaintOutlined"));
+var _FormatPaintRounded = _interopRequireDefault(require("./FormatPaintRounded"));
+var _FormatPaintSharp = _interopRequireDefault(require("./FormatPaintSharp"));
+var _FormatPaintTwoTone = _interopRequireDefault(require("./FormatPaintTwoTone"));
+var _FormatQuote = _interopRequireDefault(require("./FormatQuote"));
+var _FormatQuoteOutlined = _interopRequireDefault(require("./FormatQuoteOutlined"));
+var _FormatQuoteRounded = _interopRequireDefault(require("./FormatQuoteRounded"));
+var _FormatQuoteSharp = _interopRequireDefault(require("./FormatQuoteSharp"));
+var _FormatQuoteTwoTone = _interopRequireDefault(require("./FormatQuoteTwoTone"));
+var _FormatShapes = _interopRequireDefault(require("./FormatShapes"));
+var _FormatShapesOutlined = _interopRequireDefault(require("./FormatShapesOutlined"));
+var _FormatShapesRounded = _interopRequireDefault(require("./FormatShapesRounded"));
+var _FormatShapesSharp = _interopRequireDefault(require("./FormatShapesSharp"));
+var _FormatShapesTwoTone = _interopRequireDefault(require("./FormatShapesTwoTone"));
+var _FormatSize = _interopRequireDefault(require("./FormatSize"));
+var _FormatSizeOutlined = _interopRequireDefault(require("./FormatSizeOutlined"));
+var _FormatSizeRounded = _interopRequireDefault(require("./FormatSizeRounded"));
+var _FormatSizeSharp = _interopRequireDefault(require("./FormatSizeSharp"));
+var _FormatSizeTwoTone = _interopRequireDefault(require("./FormatSizeTwoTone"));
+var _FormatStrikethrough = _interopRequireDefault(require("./FormatStrikethrough"));
+var _FormatStrikethroughOutlined = _interopRequireDefault(require("./FormatStrikethroughOutlined"));
+var _FormatStrikethroughRounded = _interopRequireDefault(require("./FormatStrikethroughRounded"));
+var _FormatStrikethroughSharp = _interopRequireDefault(require("./FormatStrikethroughSharp"));
+var _FormatStrikethroughTwoTone = _interopRequireDefault(require("./FormatStrikethroughTwoTone"));
+var _FormatTextdirectionLToR = _interopRequireDefault(require("./FormatTextdirectionLToR"));
+var _FormatTextdirectionLToROutlined = _interopRequireDefault(require("./FormatTextdirectionLToROutlined"));
+var _FormatTextdirectionLToRRounded = _interopRequireDefault(require("./FormatTextdirectionLToRRounded"));
+var _FormatTextdirectionLToRSharp = _interopRequireDefault(require("./FormatTextdirectionLToRSharp"));
+var _FormatTextdirectionLToRTwoTone = _interopRequireDefault(require("./FormatTextdirectionLToRTwoTone"));
+var _FormatTextdirectionRToL = _interopRequireDefault(require("./FormatTextdirectionRToL"));
+var _FormatTextdirectionRToLOutlined = _interopRequireDefault(require("./FormatTextdirectionRToLOutlined"));
+var _FormatTextdirectionRToLRounded = _interopRequireDefault(require("./FormatTextdirectionRToLRounded"));
+var _FormatTextdirectionRToLSharp = _interopRequireDefault(require("./FormatTextdirectionRToLSharp"));
+var _FormatTextdirectionRToLTwoTone = _interopRequireDefault(require("./FormatTextdirectionRToLTwoTone"));
+var _FormatUnderlined = _interopRequireDefault(require("./FormatUnderlined"));
+var _FormatUnderlinedOutlined = _interopRequireDefault(require("./FormatUnderlinedOutlined"));
+var _FormatUnderlinedRounded = _interopRequireDefault(require("./FormatUnderlinedRounded"));
+var _FormatUnderlinedSharp = _interopRequireDefault(require("./FormatUnderlinedSharp"));
+var _FormatUnderlinedTwoTone = _interopRequireDefault(require("./FormatUnderlinedTwoTone"));
+var _Fort = _interopRequireDefault(require("./Fort"));
+var _FortOutlined = _interopRequireDefault(require("./FortOutlined"));
+var _FortRounded = _interopRequireDefault(require("./FortRounded"));
+var _FortSharp = _interopRequireDefault(require("./FortSharp"));
+var _FortTwoTone = _interopRequireDefault(require("./FortTwoTone"));
+var _Forum = _interopRequireDefault(require("./Forum"));
+var _ForumOutlined = _interopRequireDefault(require("./ForumOutlined"));
+var _ForumRounded = _interopRequireDefault(require("./ForumRounded"));
+var _ForumSharp = _interopRequireDefault(require("./ForumSharp"));
+var _ForumTwoTone = _interopRequireDefault(require("./ForumTwoTone"));
+var _Forward = _interopRequireDefault(require("./Forward"));
+var _Forward2 = _interopRequireDefault(require("./Forward10"));
+var _Forward10Outlined = _interopRequireDefault(require("./Forward10Outlined"));
+var _Forward10Rounded = _interopRequireDefault(require("./Forward10Rounded"));
+var _Forward10Sharp = _interopRequireDefault(require("./Forward10Sharp"));
+var _Forward10TwoTone = _interopRequireDefault(require("./Forward10TwoTone"));
+var _Forward3 = _interopRequireDefault(require("./Forward30"));
+var _Forward30Outlined = _interopRequireDefault(require("./Forward30Outlined"));
+var _Forward30Rounded = _interopRequireDefault(require("./Forward30Rounded"));
+var _Forward30Sharp = _interopRequireDefault(require("./Forward30Sharp"));
+var _Forward30TwoTone = _interopRequireDefault(require("./Forward30TwoTone"));
+var _Forward4 = _interopRequireDefault(require("./Forward5"));
+var _Forward5Outlined = _interopRequireDefault(require("./Forward5Outlined"));
+var _Forward5Rounded = _interopRequireDefault(require("./Forward5Rounded"));
+var _Forward5Sharp = _interopRequireDefault(require("./Forward5Sharp"));
+var _Forward5TwoTone = _interopRequireDefault(require("./Forward5TwoTone"));
+var _ForwardOutlined = _interopRequireDefault(require("./ForwardOutlined"));
+var _ForwardRounded = _interopRequireDefault(require("./ForwardRounded"));
+var _ForwardSharp = _interopRequireDefault(require("./ForwardSharp"));
+var _ForwardToInbox = _interopRequireDefault(require("./ForwardToInbox"));
+var _ForwardToInboxOutlined = _interopRequireDefault(require("./ForwardToInboxOutlined"));
+var _ForwardToInboxRounded = _interopRequireDefault(require("./ForwardToInboxRounded"));
+var _ForwardToInboxSharp = _interopRequireDefault(require("./ForwardToInboxSharp"));
+var _ForwardToInboxTwoTone = _interopRequireDefault(require("./ForwardToInboxTwoTone"));
+var _ForwardTwoTone = _interopRequireDefault(require("./ForwardTwoTone"));
+var _Foundation = _interopRequireDefault(require("./Foundation"));
+var _FoundationOutlined = _interopRequireDefault(require("./FoundationOutlined"));
+var _FoundationRounded = _interopRequireDefault(require("./FoundationRounded"));
+var _FoundationSharp = _interopRequireDefault(require("./FoundationSharp"));
+var _FoundationTwoTone = _interopRequireDefault(require("./FoundationTwoTone"));
+var _FourGMobiledata = _interopRequireDefault(require("./FourGMobiledata"));
+var _FourGMobiledataOutlined = _interopRequireDefault(require("./FourGMobiledataOutlined"));
+var _FourGMobiledataRounded = _interopRequireDefault(require("./FourGMobiledataRounded"));
+var _FourGMobiledataSharp = _interopRequireDefault(require("./FourGMobiledataSharp"));
+var _FourGMobiledataTwoTone = _interopRequireDefault(require("./FourGMobiledataTwoTone"));
+var _FourGPlusMobiledata = _interopRequireDefault(require("./FourGPlusMobiledata"));
+var _FourGPlusMobiledataOutlined = _interopRequireDefault(require("./FourGPlusMobiledataOutlined"));
+var _FourGPlusMobiledataRounded = _interopRequireDefault(require("./FourGPlusMobiledataRounded"));
+var _FourGPlusMobiledataSharp = _interopRequireDefault(require("./FourGPlusMobiledataSharp"));
+var _FourGPlusMobiledataTwoTone = _interopRequireDefault(require("./FourGPlusMobiledataTwoTone"));
+var _FourK = _interopRequireDefault(require("./FourK"));
+var _FourKOutlined = _interopRequireDefault(require("./FourKOutlined"));
+var _FourKPlus = _interopRequireDefault(require("./FourKPlus"));
+var _FourKPlusOutlined = _interopRequireDefault(require("./FourKPlusOutlined"));
+var _FourKPlusRounded = _interopRequireDefault(require("./FourKPlusRounded"));
+var _FourKPlusSharp = _interopRequireDefault(require("./FourKPlusSharp"));
+var _FourKPlusTwoTone = _interopRequireDefault(require("./FourKPlusTwoTone"));
+var _FourKRounded = _interopRequireDefault(require("./FourKRounded"));
+var _FourKSharp = _interopRequireDefault(require("./FourKSharp"));
+var _FourKTwoTone = _interopRequireDefault(require("./FourKTwoTone"));
+var _FourMp = _interopRequireDefault(require("./FourMp"));
+var _FourMpOutlined = _interopRequireDefault(require("./FourMpOutlined"));
+var _FourMpRounded = _interopRequireDefault(require("./FourMpRounded"));
+var _FourMpSharp = _interopRequireDefault(require("./FourMpSharp"));
+var _FourMpTwoTone = _interopRequireDefault(require("./FourMpTwoTone"));
+var _FourteenMp = _interopRequireDefault(require("./FourteenMp"));
+var _FourteenMpOutlined = _interopRequireDefault(require("./FourteenMpOutlined"));
+var _FourteenMpRounded = _interopRequireDefault(require("./FourteenMpRounded"));
+var _FourteenMpSharp = _interopRequireDefault(require("./FourteenMpSharp"));
+var _FourteenMpTwoTone = _interopRequireDefault(require("./FourteenMpTwoTone"));
+var _FreeBreakfast = _interopRequireDefault(require("./FreeBreakfast"));
+var _FreeBreakfastOutlined = _interopRequireDefault(require("./FreeBreakfastOutlined"));
+var _FreeBreakfastRounded = _interopRequireDefault(require("./FreeBreakfastRounded"));
+var _FreeBreakfastSharp = _interopRequireDefault(require("./FreeBreakfastSharp"));
+var _FreeBreakfastTwoTone = _interopRequireDefault(require("./FreeBreakfastTwoTone"));
+var _Fullscreen = _interopRequireDefault(require("./Fullscreen"));
+var _FullscreenExit = _interopRequireDefault(require("./FullscreenExit"));
+var _FullscreenExitOutlined = _interopRequireDefault(require("./FullscreenExitOutlined"));
+var _FullscreenExitRounded = _interopRequireDefault(require("./FullscreenExitRounded"));
+var _FullscreenExitSharp = _interopRequireDefault(require("./FullscreenExitSharp"));
+var _FullscreenExitTwoTone = _interopRequireDefault(require("./FullscreenExitTwoTone"));
+var _FullscreenOutlined = _interopRequireDefault(require("./FullscreenOutlined"));
+var _FullscreenRounded = _interopRequireDefault(require("./FullscreenRounded"));
+var _FullscreenSharp = _interopRequireDefault(require("./FullscreenSharp"));
+var _FullscreenTwoTone = _interopRequireDefault(require("./FullscreenTwoTone"));
+var _Functions = _interopRequireDefault(require("./Functions"));
+var _FunctionsOutlined = _interopRequireDefault(require("./FunctionsOutlined"));
+var _FunctionsRounded = _interopRequireDefault(require("./FunctionsRounded"));
+var _FunctionsSharp = _interopRequireDefault(require("./FunctionsSharp"));
+var _FunctionsTwoTone = _interopRequireDefault(require("./FunctionsTwoTone"));
+var _GMobiledata = _interopRequireDefault(require("./GMobiledata"));
+var _GMobiledataOutlined = _interopRequireDefault(require("./GMobiledataOutlined"));
+var _GMobiledataRounded = _interopRequireDefault(require("./GMobiledataRounded"));
+var _GMobiledataSharp = _interopRequireDefault(require("./GMobiledataSharp"));
+var _GMobiledataTwoTone = _interopRequireDefault(require("./GMobiledataTwoTone"));
+var _GTranslate = _interopRequireDefault(require("./GTranslate"));
+var _GTranslateOutlined = _interopRequireDefault(require("./GTranslateOutlined"));
+var _GTranslateRounded = _interopRequireDefault(require("./GTranslateRounded"));
+var _GTranslateSharp = _interopRequireDefault(require("./GTranslateSharp"));
+var _GTranslateTwoTone = _interopRequireDefault(require("./GTranslateTwoTone"));
+var _Gamepad = _interopRequireDefault(require("./Gamepad"));
+var _GamepadOutlined = _interopRequireDefault(require("./GamepadOutlined"));
+var _GamepadRounded = _interopRequireDefault(require("./GamepadRounded"));
+var _GamepadSharp = _interopRequireDefault(require("./GamepadSharp"));
+var _GamepadTwoTone = _interopRequireDefault(require("./GamepadTwoTone"));
+var _Games = _interopRequireDefault(require("./Games"));
+var _GamesOutlined = _interopRequireDefault(require("./GamesOutlined"));
+var _GamesRounded = _interopRequireDefault(require("./GamesRounded"));
+var _GamesSharp = _interopRequireDefault(require("./GamesSharp"));
+var _GamesTwoTone = _interopRequireDefault(require("./GamesTwoTone"));
+var _Garage = _interopRequireDefault(require("./Garage"));
+var _GarageOutlined = _interopRequireDefault(require("./GarageOutlined"));
+var _GarageRounded = _interopRequireDefault(require("./GarageRounded"));
+var _GarageSharp = _interopRequireDefault(require("./GarageSharp"));
+var _GarageTwoTone = _interopRequireDefault(require("./GarageTwoTone"));
+var _GasMeter = _interopRequireDefault(require("./GasMeter"));
+var _GasMeterOutlined = _interopRequireDefault(require("./GasMeterOutlined"));
+var _GasMeterRounded = _interopRequireDefault(require("./GasMeterRounded"));
+var _GasMeterSharp = _interopRequireDefault(require("./GasMeterSharp"));
+var _GasMeterTwoTone = _interopRequireDefault(require("./GasMeterTwoTone"));
+var _Gavel = _interopRequireDefault(require("./Gavel"));
+var _GavelOutlined = _interopRequireDefault(require("./GavelOutlined"));
+var _GavelRounded = _interopRequireDefault(require("./GavelRounded"));
+var _GavelSharp = _interopRequireDefault(require("./GavelSharp"));
+var _GavelTwoTone = _interopRequireDefault(require("./GavelTwoTone"));
+var _Gesture = _interopRequireDefault(require("./Gesture"));
+var _GestureOutlined = _interopRequireDefault(require("./GestureOutlined"));
+var _GestureRounded = _interopRequireDefault(require("./GestureRounded"));
+var _GestureSharp = _interopRequireDefault(require("./GestureSharp"));
+var _GestureTwoTone = _interopRequireDefault(require("./GestureTwoTone"));
+var _GetApp = _interopRequireDefault(require("./GetApp"));
+var _GetAppOutlined = _interopRequireDefault(require("./GetAppOutlined"));
+var _GetAppRounded = _interopRequireDefault(require("./GetAppRounded"));
+var _GetAppSharp = _interopRequireDefault(require("./GetAppSharp"));
+var _GetAppTwoTone = _interopRequireDefault(require("./GetAppTwoTone"));
+var _Gif = _interopRequireDefault(require("./Gif"));
+var _GifBox = _interopRequireDefault(require("./GifBox"));
+var _GifBoxOutlined = _interopRequireDefault(require("./GifBoxOutlined"));
+var _GifBoxRounded = _interopRequireDefault(require("./GifBoxRounded"));
+var _GifBoxSharp = _interopRequireDefault(require("./GifBoxSharp"));
+var _GifBoxTwoTone = _interopRequireDefault(require("./GifBoxTwoTone"));
+var _GifOutlined = _interopRequireDefault(require("./GifOutlined"));
+var _GifRounded = _interopRequireDefault(require("./GifRounded"));
+var _GifSharp = _interopRequireDefault(require("./GifSharp"));
+var _GifTwoTone = _interopRequireDefault(require("./GifTwoTone"));
+var _Girl = _interopRequireDefault(require("./Girl"));
+var _GirlOutlined = _interopRequireDefault(require("./GirlOutlined"));
+var _GirlRounded = _interopRequireDefault(require("./GirlRounded"));
+var _GirlSharp = _interopRequireDefault(require("./GirlSharp"));
+var _GirlTwoTone = _interopRequireDefault(require("./GirlTwoTone"));
+var _GitHub = _interopRequireDefault(require("./GitHub"));
+var _Gite = _interopRequireDefault(require("./Gite"));
+var _GiteOutlined = _interopRequireDefault(require("./GiteOutlined"));
+var _GiteRounded = _interopRequireDefault(require("./GiteRounded"));
+var _GiteSharp = _interopRequireDefault(require("./GiteSharp"));
+var _GiteTwoTone = _interopRequireDefault(require("./GiteTwoTone"));
+var _GolfCourse = _interopRequireDefault(require("./GolfCourse"));
+var _GolfCourseOutlined = _interopRequireDefault(require("./GolfCourseOutlined"));
+var _GolfCourseRounded = _interopRequireDefault(require("./GolfCourseRounded"));
+var _GolfCourseSharp = _interopRequireDefault(require("./GolfCourseSharp"));
+var _GolfCourseTwoTone = _interopRequireDefault(require("./GolfCourseTwoTone"));
+var _Google = _interopRequireDefault(require("./Google"));
+var _GppBad = _interopRequireDefault(require("./GppBad"));
+var _GppBadOutlined = _interopRequireDefault(require("./GppBadOutlined"));
+var _GppBadRounded = _interopRequireDefault(require("./GppBadRounded"));
+var _GppBadSharp = _interopRequireDefault(require("./GppBadSharp"));
+var _GppBadTwoTone = _interopRequireDefault(require("./GppBadTwoTone"));
+var _GppGood = _interopRequireDefault(require("./GppGood"));
+var _GppGoodOutlined = _interopRequireDefault(require("./GppGoodOutlined"));
+var _GppGoodRounded = _interopRequireDefault(require("./GppGoodRounded"));
+var _GppGoodSharp = _interopRequireDefault(require("./GppGoodSharp"));
+var _GppGoodTwoTone = _interopRequireDefault(require("./GppGoodTwoTone"));
+var _GppMaybe = _interopRequireDefault(require("./GppMaybe"));
+var _GppMaybeOutlined = _interopRequireDefault(require("./GppMaybeOutlined"));
+var _GppMaybeRounded = _interopRequireDefault(require("./GppMaybeRounded"));
+var _GppMaybeSharp = _interopRequireDefault(require("./GppMaybeSharp"));
+var _GppMaybeTwoTone = _interopRequireDefault(require("./GppMaybeTwoTone"));
+var _GpsFixed = _interopRequireDefault(require("./GpsFixed"));
+var _GpsFixedOutlined = _interopRequireDefault(require("./GpsFixedOutlined"));
+var _GpsFixedRounded = _interopRequireDefault(require("./GpsFixedRounded"));
+var _GpsFixedSharp = _interopRequireDefault(require("./GpsFixedSharp"));
+var _GpsFixedTwoTone = _interopRequireDefault(require("./GpsFixedTwoTone"));
+var _GpsNotFixed = _interopRequireDefault(require("./GpsNotFixed"));
+var _GpsNotFixedOutlined = _interopRequireDefault(require("./GpsNotFixedOutlined"));
+var _GpsNotFixedRounded = _interopRequireDefault(require("./GpsNotFixedRounded"));
+var _GpsNotFixedSharp = _interopRequireDefault(require("./GpsNotFixedSharp"));
+var _GpsNotFixedTwoTone = _interopRequireDefault(require("./GpsNotFixedTwoTone"));
+var _GpsOff = _interopRequireDefault(require("./GpsOff"));
+var _GpsOffOutlined = _interopRequireDefault(require("./GpsOffOutlined"));
+var _GpsOffRounded = _interopRequireDefault(require("./GpsOffRounded"));
+var _GpsOffSharp = _interopRequireDefault(require("./GpsOffSharp"));
+var _GpsOffTwoTone = _interopRequireDefault(require("./GpsOffTwoTone"));
+var _Grade = _interopRequireDefault(require("./Grade"));
+var _GradeOutlined = _interopRequireDefault(require("./GradeOutlined"));
+var _GradeRounded = _interopRequireDefault(require("./GradeRounded"));
+var _GradeSharp = _interopRequireDefault(require("./GradeSharp"));
+var _GradeTwoTone = _interopRequireDefault(require("./GradeTwoTone"));
+var _Gradient = _interopRequireDefault(require("./Gradient"));
+var _GradientOutlined = _interopRequireDefault(require("./GradientOutlined"));
+var _GradientRounded = _interopRequireDefault(require("./GradientRounded"));
+var _GradientSharp = _interopRequireDefault(require("./GradientSharp"));
+var _GradientTwoTone = _interopRequireDefault(require("./GradientTwoTone"));
+var _Grading = _interopRequireDefault(require("./Grading"));
+var _GradingOutlined = _interopRequireDefault(require("./GradingOutlined"));
+var _GradingRounded = _interopRequireDefault(require("./GradingRounded"));
+var _GradingSharp = _interopRequireDefault(require("./GradingSharp"));
+var _GradingTwoTone = _interopRequireDefault(require("./GradingTwoTone"));
+var _Grain = _interopRequireDefault(require("./Grain"));
+var _GrainOutlined = _interopRequireDefault(require("./GrainOutlined"));
+var _GrainRounded = _interopRequireDefault(require("./GrainRounded"));
+var _GrainSharp = _interopRequireDefault(require("./GrainSharp"));
+var _GrainTwoTone = _interopRequireDefault(require("./GrainTwoTone"));
+var _GraphicEq = _interopRequireDefault(require("./GraphicEq"));
+var _GraphicEqOutlined = _interopRequireDefault(require("./GraphicEqOutlined"));
+var _GraphicEqRounded = _interopRequireDefault(require("./GraphicEqRounded"));
+var _GraphicEqSharp = _interopRequireDefault(require("./GraphicEqSharp"));
+var _GraphicEqTwoTone = _interopRequireDefault(require("./GraphicEqTwoTone"));
+var _Grass = _interopRequireDefault(require("./Grass"));
+var _GrassOutlined = _interopRequireDefault(require("./GrassOutlined"));
+var _GrassRounded = _interopRequireDefault(require("./GrassRounded"));
+var _GrassSharp = _interopRequireDefault(require("./GrassSharp"));
+var _GrassTwoTone = _interopRequireDefault(require("./GrassTwoTone"));
+var _Grid3x = _interopRequireDefault(require("./Grid3x3"));
+var _Grid3x3Outlined = _interopRequireDefault(require("./Grid3x3Outlined"));
+var _Grid3x3Rounded = _interopRequireDefault(require("./Grid3x3Rounded"));
+var _Grid3x3Sharp = _interopRequireDefault(require("./Grid3x3Sharp"));
+var _Grid3x3TwoTone = _interopRequireDefault(require("./Grid3x3TwoTone"));
+var _Grid4x = _interopRequireDefault(require("./Grid4x4"));
+var _Grid4x4Outlined = _interopRequireDefault(require("./Grid4x4Outlined"));
+var _Grid4x4Rounded = _interopRequireDefault(require("./Grid4x4Rounded"));
+var _Grid4x4Sharp = _interopRequireDefault(require("./Grid4x4Sharp"));
+var _Grid4x4TwoTone = _interopRequireDefault(require("./Grid4x4TwoTone"));
+var _GridGoldenratio = _interopRequireDefault(require("./GridGoldenratio"));
+var _GridGoldenratioOutlined = _interopRequireDefault(require("./GridGoldenratioOutlined"));
+var _GridGoldenratioRounded = _interopRequireDefault(require("./GridGoldenratioRounded"));
+var _GridGoldenratioSharp = _interopRequireDefault(require("./GridGoldenratioSharp"));
+var _GridGoldenratioTwoTone = _interopRequireDefault(require("./GridGoldenratioTwoTone"));
+var _GridOff = _interopRequireDefault(require("./GridOff"));
+var _GridOffOutlined = _interopRequireDefault(require("./GridOffOutlined"));
+var _GridOffRounded = _interopRequireDefault(require("./GridOffRounded"));
+var _GridOffSharp = _interopRequireDefault(require("./GridOffSharp"));
+var _GridOffTwoTone = _interopRequireDefault(require("./GridOffTwoTone"));
+var _GridOn = _interopRequireDefault(require("./GridOn"));
+var _GridOnOutlined = _interopRequireDefault(require("./GridOnOutlined"));
+var _GridOnRounded = _interopRequireDefault(require("./GridOnRounded"));
+var _GridOnSharp = _interopRequireDefault(require("./GridOnSharp"));
+var _GridOnTwoTone = _interopRequireDefault(require("./GridOnTwoTone"));
+var _GridView = _interopRequireDefault(require("./GridView"));
+var _GridViewOutlined = _interopRequireDefault(require("./GridViewOutlined"));
+var _GridViewRounded = _interopRequireDefault(require("./GridViewRounded"));
+var _GridViewSharp = _interopRequireDefault(require("./GridViewSharp"));
+var _GridViewTwoTone = _interopRequireDefault(require("./GridViewTwoTone"));
+var _Group = _interopRequireDefault(require("./Group"));
+var _GroupAdd = _interopRequireDefault(require("./GroupAdd"));
+var _GroupAddOutlined = _interopRequireDefault(require("./GroupAddOutlined"));
+var _GroupAddRounded = _interopRequireDefault(require("./GroupAddRounded"));
+var _GroupAddSharp = _interopRequireDefault(require("./GroupAddSharp"));
+var _GroupAddTwoTone = _interopRequireDefault(require("./GroupAddTwoTone"));
+var _GroupOutlined = _interopRequireDefault(require("./GroupOutlined"));
+var _GroupRemove = _interopRequireDefault(require("./GroupRemove"));
+var _GroupRemoveOutlined = _interopRequireDefault(require("./GroupRemoveOutlined"));
+var _GroupRemoveRounded = _interopRequireDefault(require("./GroupRemoveRounded"));
+var _GroupRemoveSharp = _interopRequireDefault(require("./GroupRemoveSharp"));
+var _GroupRemoveTwoTone = _interopRequireDefault(require("./GroupRemoveTwoTone"));
+var _GroupRounded = _interopRequireDefault(require("./GroupRounded"));
+var _GroupSharp = _interopRequireDefault(require("./GroupSharp"));
+var _GroupTwoTone = _interopRequireDefault(require("./GroupTwoTone"));
+var _GroupWork = _interopRequireDefault(require("./GroupWork"));
+var _GroupWorkOutlined = _interopRequireDefault(require("./GroupWorkOutlined"));
+var _GroupWorkRounded = _interopRequireDefault(require("./GroupWorkRounded"));
+var _GroupWorkSharp = _interopRequireDefault(require("./GroupWorkSharp"));
+var _GroupWorkTwoTone = _interopRequireDefault(require("./GroupWorkTwoTone"));
+var _Groups = _interopRequireDefault(require("./Groups"));
+var _Groups2 = _interopRequireDefault(require("./Groups2"));
+var _Groups2Outlined = _interopRequireDefault(require("./Groups2Outlined"));
+var _Groups2Rounded = _interopRequireDefault(require("./Groups2Rounded"));
+var _Groups2Sharp = _interopRequireDefault(require("./Groups2Sharp"));
+var _Groups2TwoTone = _interopRequireDefault(require("./Groups2TwoTone"));
+var _Groups3 = _interopRequireDefault(require("./Groups3"));
+var _Groups3Outlined = _interopRequireDefault(require("./Groups3Outlined"));
+var _Groups3Rounded = _interopRequireDefault(require("./Groups3Rounded"));
+var _Groups3Sharp = _interopRequireDefault(require("./Groups3Sharp"));
+var _Groups3TwoTone = _interopRequireDefault(require("./Groups3TwoTone"));
+var _GroupsOutlined = _interopRequireDefault(require("./GroupsOutlined"));
+var _GroupsRounded = _interopRequireDefault(require("./GroupsRounded"));
+var _GroupsSharp = _interopRequireDefault(require("./GroupsSharp"));
+var _GroupsTwoTone = _interopRequireDefault(require("./GroupsTwoTone"));
+var _HMobiledata = _interopRequireDefault(require("./HMobiledata"));
+var _HMobiledataOutlined = _interopRequireDefault(require("./HMobiledataOutlined"));
+var _HMobiledataRounded = _interopRequireDefault(require("./HMobiledataRounded"));
+var _HMobiledataSharp = _interopRequireDefault(require("./HMobiledataSharp"));
+var _HMobiledataTwoTone = _interopRequireDefault(require("./HMobiledataTwoTone"));
+var _HPlusMobiledata = _interopRequireDefault(require("./HPlusMobiledata"));
+var _HPlusMobiledataOutlined = _interopRequireDefault(require("./HPlusMobiledataOutlined"));
+var _HPlusMobiledataRounded = _interopRequireDefault(require("./HPlusMobiledataRounded"));
+var _HPlusMobiledataSharp = _interopRequireDefault(require("./HPlusMobiledataSharp"));
+var _HPlusMobiledataTwoTone = _interopRequireDefault(require("./HPlusMobiledataTwoTone"));
+var _Hail = _interopRequireDefault(require("./Hail"));
+var _HailOutlined = _interopRequireDefault(require("./HailOutlined"));
+var _HailRounded = _interopRequireDefault(require("./HailRounded"));
+var _HailSharp = _interopRequireDefault(require("./HailSharp"));
+var _HailTwoTone = _interopRequireDefault(require("./HailTwoTone"));
+var _Handshake = _interopRequireDefault(require("./Handshake"));
+var _HandshakeOutlined = _interopRequireDefault(require("./HandshakeOutlined"));
+var _HandshakeRounded = _interopRequireDefault(require("./HandshakeRounded"));
+var _HandshakeSharp = _interopRequireDefault(require("./HandshakeSharp"));
+var _HandshakeTwoTone = _interopRequireDefault(require("./HandshakeTwoTone"));
+var _Handyman = _interopRequireDefault(require("./Handyman"));
+var _HandymanOutlined = _interopRequireDefault(require("./HandymanOutlined"));
+var _HandymanRounded = _interopRequireDefault(require("./HandymanRounded"));
+var _HandymanSharp = _interopRequireDefault(require("./HandymanSharp"));
+var _HandymanTwoTone = _interopRequireDefault(require("./HandymanTwoTone"));
+var _Hardware = _interopRequireDefault(require("./Hardware"));
+var _HardwareOutlined = _interopRequireDefault(require("./HardwareOutlined"));
+var _HardwareRounded = _interopRequireDefault(require("./HardwareRounded"));
+var _HardwareSharp = _interopRequireDefault(require("./HardwareSharp"));
+var _HardwareTwoTone = _interopRequireDefault(require("./HardwareTwoTone"));
+var _Hd = _interopRequireDefault(require("./Hd"));
+var _HdOutlined = _interopRequireDefault(require("./HdOutlined"));
+var _HdRounded = _interopRequireDefault(require("./HdRounded"));
+var _HdSharp = _interopRequireDefault(require("./HdSharp"));
+var _HdTwoTone = _interopRequireDefault(require("./HdTwoTone"));
+var _HdrAuto = _interopRequireDefault(require("./HdrAuto"));
+var _HdrAutoOutlined = _interopRequireDefault(require("./HdrAutoOutlined"));
+var _HdrAutoRounded = _interopRequireDefault(require("./HdrAutoRounded"));
+var _HdrAutoSelect = _interopRequireDefault(require("./HdrAutoSelect"));
+var _HdrAutoSelectOutlined = _interopRequireDefault(require("./HdrAutoSelectOutlined"));
+var _HdrAutoSelectRounded = _interopRequireDefault(require("./HdrAutoSelectRounded"));
+var _HdrAutoSelectSharp = _interopRequireDefault(require("./HdrAutoSelectSharp"));
+var _HdrAutoSelectTwoTone = _interopRequireDefault(require("./HdrAutoSelectTwoTone"));
+var _HdrAutoSharp = _interopRequireDefault(require("./HdrAutoSharp"));
+var _HdrAutoTwoTone = _interopRequireDefault(require("./HdrAutoTwoTone"));
+var _HdrEnhancedSelect = _interopRequireDefault(require("./HdrEnhancedSelect"));
+var _HdrEnhancedSelectOutlined = _interopRequireDefault(require("./HdrEnhancedSelectOutlined"));
+var _HdrEnhancedSelectRounded = _interopRequireDefault(require("./HdrEnhancedSelectRounded"));
+var _HdrEnhancedSelectSharp = _interopRequireDefault(require("./HdrEnhancedSelectSharp"));
+var _HdrEnhancedSelectTwoTone = _interopRequireDefault(require("./HdrEnhancedSelectTwoTone"));
+var _HdrOff = _interopRequireDefault(require("./HdrOff"));
+var _HdrOffOutlined = _interopRequireDefault(require("./HdrOffOutlined"));
+var _HdrOffRounded = _interopRequireDefault(require("./HdrOffRounded"));
+var _HdrOffSelect = _interopRequireDefault(require("./HdrOffSelect"));
+var _HdrOffSelectOutlined = _interopRequireDefault(require("./HdrOffSelectOutlined"));
+var _HdrOffSelectRounded = _interopRequireDefault(require("./HdrOffSelectRounded"));
+var _HdrOffSelectSharp = _interopRequireDefault(require("./HdrOffSelectSharp"));
+var _HdrOffSelectTwoTone = _interopRequireDefault(require("./HdrOffSelectTwoTone"));
+var _HdrOffSharp = _interopRequireDefault(require("./HdrOffSharp"));
+var _HdrOffTwoTone = _interopRequireDefault(require("./HdrOffTwoTone"));
+var _HdrOn = _interopRequireDefault(require("./HdrOn"));
+var _HdrOnOutlined = _interopRequireDefault(require("./HdrOnOutlined"));
+var _HdrOnRounded = _interopRequireDefault(require("./HdrOnRounded"));
+var _HdrOnSelect = _interopRequireDefault(require("./HdrOnSelect"));
+var _HdrOnSelectOutlined = _interopRequireDefault(require("./HdrOnSelectOutlined"));
+var _HdrOnSelectRounded = _interopRequireDefault(require("./HdrOnSelectRounded"));
+var _HdrOnSelectSharp = _interopRequireDefault(require("./HdrOnSelectSharp"));
+var _HdrOnSelectTwoTone = _interopRequireDefault(require("./HdrOnSelectTwoTone"));
+var _HdrOnSharp = _interopRequireDefault(require("./HdrOnSharp"));
+var _HdrOnTwoTone = _interopRequireDefault(require("./HdrOnTwoTone"));
+var _HdrPlus = _interopRequireDefault(require("./HdrPlus"));
+var _HdrPlusOutlined = _interopRequireDefault(require("./HdrPlusOutlined"));
+var _HdrPlusRounded = _interopRequireDefault(require("./HdrPlusRounded"));
+var _HdrPlusSharp = _interopRequireDefault(require("./HdrPlusSharp"));
+var _HdrPlusTwoTone = _interopRequireDefault(require("./HdrPlusTwoTone"));
+var _HdrStrong = _interopRequireDefault(require("./HdrStrong"));
+var _HdrStrongOutlined = _interopRequireDefault(require("./HdrStrongOutlined"));
+var _HdrStrongRounded = _interopRequireDefault(require("./HdrStrongRounded"));
+var _HdrStrongSharp = _interopRequireDefault(require("./HdrStrongSharp"));
+var _HdrStrongTwoTone = _interopRequireDefault(require("./HdrStrongTwoTone"));
+var _HdrWeak = _interopRequireDefault(require("./HdrWeak"));
+var _HdrWeakOutlined = _interopRequireDefault(require("./HdrWeakOutlined"));
+var _HdrWeakRounded = _interopRequireDefault(require("./HdrWeakRounded"));
+var _HdrWeakSharp = _interopRequireDefault(require("./HdrWeakSharp"));
+var _HdrWeakTwoTone = _interopRequireDefault(require("./HdrWeakTwoTone"));
+var _Headphones = _interopRequireDefault(require("./Headphones"));
+var _HeadphonesBattery = _interopRequireDefault(require("./HeadphonesBattery"));
+var _HeadphonesBatteryOutlined = _interopRequireDefault(require("./HeadphonesBatteryOutlined"));
+var _HeadphonesBatteryRounded = _interopRequireDefault(require("./HeadphonesBatteryRounded"));
+var _HeadphonesBatterySharp = _interopRequireDefault(require("./HeadphonesBatterySharp"));
+var _HeadphonesBatteryTwoTone = _interopRequireDefault(require("./HeadphonesBatteryTwoTone"));
+var _HeadphonesOutlined = _interopRequireDefault(require("./HeadphonesOutlined"));
+var _HeadphonesRounded = _interopRequireDefault(require("./HeadphonesRounded"));
+var _HeadphonesSharp = _interopRequireDefault(require("./HeadphonesSharp"));
+var _HeadphonesTwoTone = _interopRequireDefault(require("./HeadphonesTwoTone"));
+var _Headset = _interopRequireDefault(require("./Headset"));
+var _HeadsetMic = _interopRequireDefault(require("./HeadsetMic"));
+var _HeadsetMicOutlined = _interopRequireDefault(require("./HeadsetMicOutlined"));
+var _HeadsetMicRounded = _interopRequireDefault(require("./HeadsetMicRounded"));
+var _HeadsetMicSharp = _interopRequireDefault(require("./HeadsetMicSharp"));
+var _HeadsetMicTwoTone = _interopRequireDefault(require("./HeadsetMicTwoTone"));
+var _HeadsetOff = _interopRequireDefault(require("./HeadsetOff"));
+var _HeadsetOffOutlined = _interopRequireDefault(require("./HeadsetOffOutlined"));
+var _HeadsetOffRounded = _interopRequireDefault(require("./HeadsetOffRounded"));
+var _HeadsetOffSharp = _interopRequireDefault(require("./HeadsetOffSharp"));
+var _HeadsetOffTwoTone = _interopRequireDefault(require("./HeadsetOffTwoTone"));
+var _HeadsetOutlined = _interopRequireDefault(require("./HeadsetOutlined"));
+var _HeadsetRounded = _interopRequireDefault(require("./HeadsetRounded"));
+var _HeadsetSharp = _interopRequireDefault(require("./HeadsetSharp"));
+var _HeadsetTwoTone = _interopRequireDefault(require("./HeadsetTwoTone"));
+var _Healing = _interopRequireDefault(require("./Healing"));
+var _HealingOutlined = _interopRequireDefault(require("./HealingOutlined"));
+var _HealingRounded = _interopRequireDefault(require("./HealingRounded"));
+var _HealingSharp = _interopRequireDefault(require("./HealingSharp"));
+var _HealingTwoTone = _interopRequireDefault(require("./HealingTwoTone"));
+var _HealthAndSafety = _interopRequireDefault(require("./HealthAndSafety"));
+var _HealthAndSafetyOutlined = _interopRequireDefault(require("./HealthAndSafetyOutlined"));
+var _HealthAndSafetyRounded = _interopRequireDefault(require("./HealthAndSafetyRounded"));
+var _HealthAndSafetySharp = _interopRequireDefault(require("./HealthAndSafetySharp"));
+var _HealthAndSafetyTwoTone = _interopRequireDefault(require("./HealthAndSafetyTwoTone"));
+var _Hearing = _interopRequireDefault(require("./Hearing"));
+var _HearingDisabled = _interopRequireDefault(require("./HearingDisabled"));
+var _HearingDisabledOutlined = _interopRequireDefault(require("./HearingDisabledOutlined"));
+var _HearingDisabledRounded = _interopRequireDefault(require("./HearingDisabledRounded"));
+var _HearingDisabledSharp = _interopRequireDefault(require("./HearingDisabledSharp"));
+var _HearingDisabledTwoTone = _interopRequireDefault(require("./HearingDisabledTwoTone"));
+var _HearingOutlined = _interopRequireDefault(require("./HearingOutlined"));
+var _HearingRounded = _interopRequireDefault(require("./HearingRounded"));
+var _HearingSharp = _interopRequireDefault(require("./HearingSharp"));
+var _HearingTwoTone = _interopRequireDefault(require("./HearingTwoTone"));
+var _HeartBroken = _interopRequireDefault(require("./HeartBroken"));
+var _HeartBrokenOutlined = _interopRequireDefault(require("./HeartBrokenOutlined"));
+var _HeartBrokenRounded = _interopRequireDefault(require("./HeartBrokenRounded"));
+var _HeartBrokenSharp = _interopRequireDefault(require("./HeartBrokenSharp"));
+var _HeartBrokenTwoTone = _interopRequireDefault(require("./HeartBrokenTwoTone"));
+var _HeatPump = _interopRequireDefault(require("./HeatPump"));
+var _HeatPumpOutlined = _interopRequireDefault(require("./HeatPumpOutlined"));
+var _HeatPumpRounded = _interopRequireDefault(require("./HeatPumpRounded"));
+var _HeatPumpSharp = _interopRequireDefault(require("./HeatPumpSharp"));
+var _HeatPumpTwoTone = _interopRequireDefault(require("./HeatPumpTwoTone"));
+var _Height = _interopRequireDefault(require("./Height"));
+var _HeightOutlined = _interopRequireDefault(require("./HeightOutlined"));
+var _HeightRounded = _interopRequireDefault(require("./HeightRounded"));
+var _HeightSharp = _interopRequireDefault(require("./HeightSharp"));
+var _HeightTwoTone = _interopRequireDefault(require("./HeightTwoTone"));
+var _Help = _interopRequireDefault(require("./Help"));
+var _HelpCenter = _interopRequireDefault(require("./HelpCenter"));
+var _HelpCenterOutlined = _interopRequireDefault(require("./HelpCenterOutlined"));
+var _HelpCenterRounded = _interopRequireDefault(require("./HelpCenterRounded"));
+var _HelpCenterSharp = _interopRequireDefault(require("./HelpCenterSharp"));
+var _HelpCenterTwoTone = _interopRequireDefault(require("./HelpCenterTwoTone"));
+var _HelpOutline = _interopRequireDefault(require("./HelpOutline"));
+var _HelpOutlineOutlined = _interopRequireDefault(require("./HelpOutlineOutlined"));
+var _HelpOutlineRounded = _interopRequireDefault(require("./HelpOutlineRounded"));
+var _HelpOutlineSharp = _interopRequireDefault(require("./HelpOutlineSharp"));
+var _HelpOutlineTwoTone = _interopRequireDefault(require("./HelpOutlineTwoTone"));
+var _HelpOutlined = _interopRequireDefault(require("./HelpOutlined"));
+var _HelpRounded = _interopRequireDefault(require("./HelpRounded"));
+var _HelpSharp = _interopRequireDefault(require("./HelpSharp"));
+var _HelpTwoTone = _interopRequireDefault(require("./HelpTwoTone"));
+var _Hevc = _interopRequireDefault(require("./Hevc"));
+var _HevcOutlined = _interopRequireDefault(require("./HevcOutlined"));
+var _HevcRounded = _interopRequireDefault(require("./HevcRounded"));
+var _HevcSharp = _interopRequireDefault(require("./HevcSharp"));
+var _HevcTwoTone = _interopRequireDefault(require("./HevcTwoTone"));
+var _Hexagon = _interopRequireDefault(require("./Hexagon"));
+var _HexagonOutlined = _interopRequireDefault(require("./HexagonOutlined"));
+var _HexagonRounded = _interopRequireDefault(require("./HexagonRounded"));
+var _HexagonSharp = _interopRequireDefault(require("./HexagonSharp"));
+var _HexagonTwoTone = _interopRequireDefault(require("./HexagonTwoTone"));
+var _HideImage = _interopRequireDefault(require("./HideImage"));
+var _HideImageOutlined = _interopRequireDefault(require("./HideImageOutlined"));
+var _HideImageRounded = _interopRequireDefault(require("./HideImageRounded"));
+var _HideImageSharp = _interopRequireDefault(require("./HideImageSharp"));
+var _HideImageTwoTone = _interopRequireDefault(require("./HideImageTwoTone"));
+var _HideSource = _interopRequireDefault(require("./HideSource"));
+var _HideSourceOutlined = _interopRequireDefault(require("./HideSourceOutlined"));
+var _HideSourceRounded = _interopRequireDefault(require("./HideSourceRounded"));
+var _HideSourceSharp = _interopRequireDefault(require("./HideSourceSharp"));
+var _HideSourceTwoTone = _interopRequireDefault(require("./HideSourceTwoTone"));
+var _HighQuality = _interopRequireDefault(require("./HighQuality"));
+var _HighQualityOutlined = _interopRequireDefault(require("./HighQualityOutlined"));
+var _HighQualityRounded = _interopRequireDefault(require("./HighQualityRounded"));
+var _HighQualitySharp = _interopRequireDefault(require("./HighQualitySharp"));
+var _HighQualityTwoTone = _interopRequireDefault(require("./HighQualityTwoTone"));
+var _Highlight = _interopRequireDefault(require("./Highlight"));
+var _HighlightAlt = _interopRequireDefault(require("./HighlightAlt"));
+var _HighlightAltOutlined = _interopRequireDefault(require("./HighlightAltOutlined"));
+var _HighlightAltRounded = _interopRequireDefault(require("./HighlightAltRounded"));
+var _HighlightAltSharp = _interopRequireDefault(require("./HighlightAltSharp"));
+var _HighlightAltTwoTone = _interopRequireDefault(require("./HighlightAltTwoTone"));
+var _HighlightOff = _interopRequireDefault(require("./HighlightOff"));
+var _HighlightOffOutlined = _interopRequireDefault(require("./HighlightOffOutlined"));
+var _HighlightOffRounded = _interopRequireDefault(require("./HighlightOffRounded"));
+var _HighlightOffSharp = _interopRequireDefault(require("./HighlightOffSharp"));
+var _HighlightOffTwoTone = _interopRequireDefault(require("./HighlightOffTwoTone"));
+var _HighlightOutlined = _interopRequireDefault(require("./HighlightOutlined"));
+var _HighlightRounded = _interopRequireDefault(require("./HighlightRounded"));
+var _HighlightSharp = _interopRequireDefault(require("./HighlightSharp"));
+var _HighlightTwoTone = _interopRequireDefault(require("./HighlightTwoTone"));
+var _Hiking = _interopRequireDefault(require("./Hiking"));
+var _HikingOutlined = _interopRequireDefault(require("./HikingOutlined"));
+var _HikingRounded = _interopRequireDefault(require("./HikingRounded"));
+var _HikingSharp = _interopRequireDefault(require("./HikingSharp"));
+var _HikingTwoTone = _interopRequireDefault(require("./HikingTwoTone"));
+var _History = _interopRequireDefault(require("./History"));
+var _HistoryEdu = _interopRequireDefault(require("./HistoryEdu"));
+var _HistoryEduOutlined = _interopRequireDefault(require("./HistoryEduOutlined"));
+var _HistoryEduRounded = _interopRequireDefault(require("./HistoryEduRounded"));
+var _HistoryEduSharp = _interopRequireDefault(require("./HistoryEduSharp"));
+var _HistoryEduTwoTone = _interopRequireDefault(require("./HistoryEduTwoTone"));
+var _HistoryOutlined = _interopRequireDefault(require("./HistoryOutlined"));
+var _HistoryRounded = _interopRequireDefault(require("./HistoryRounded"));
+var _HistorySharp = _interopRequireDefault(require("./HistorySharp"));
+var _HistoryToggleOff = _interopRequireDefault(require("./HistoryToggleOff"));
+var _HistoryToggleOffOutlined = _interopRequireDefault(require("./HistoryToggleOffOutlined"));
+var _HistoryToggleOffRounded = _interopRequireDefault(require("./HistoryToggleOffRounded"));
+var _HistoryToggleOffSharp = _interopRequireDefault(require("./HistoryToggleOffSharp"));
+var _HistoryToggleOffTwoTone = _interopRequireDefault(require("./HistoryToggleOffTwoTone"));
+var _HistoryTwoTone = _interopRequireDefault(require("./HistoryTwoTone"));
+var _Hive = _interopRequireDefault(require("./Hive"));
+var _HiveOutlined = _interopRequireDefault(require("./HiveOutlined"));
+var _HiveRounded = _interopRequireDefault(require("./HiveRounded"));
+var _HiveSharp = _interopRequireDefault(require("./HiveSharp"));
+var _HiveTwoTone = _interopRequireDefault(require("./HiveTwoTone"));
+var _Hls = _interopRequireDefault(require("./Hls"));
+var _HlsOff = _interopRequireDefault(require("./HlsOff"));
+var _HlsOffOutlined = _interopRequireDefault(require("./HlsOffOutlined"));
+var _HlsOffRounded = _interopRequireDefault(require("./HlsOffRounded"));
+var _HlsOffSharp = _interopRequireDefault(require("./HlsOffSharp"));
+var _HlsOffTwoTone = _interopRequireDefault(require("./HlsOffTwoTone"));
+var _HlsOutlined = _interopRequireDefault(require("./HlsOutlined"));
+var _HlsRounded = _interopRequireDefault(require("./HlsRounded"));
+var _HlsSharp = _interopRequireDefault(require("./HlsSharp"));
+var _HlsTwoTone = _interopRequireDefault(require("./HlsTwoTone"));
+var _HolidayVillage = _interopRequireDefault(require("./HolidayVillage"));
+var _HolidayVillageOutlined = _interopRequireDefault(require("./HolidayVillageOutlined"));
+var _HolidayVillageRounded = _interopRequireDefault(require("./HolidayVillageRounded"));
+var _HolidayVillageSharp = _interopRequireDefault(require("./HolidayVillageSharp"));
+var _HolidayVillageTwoTone = _interopRequireDefault(require("./HolidayVillageTwoTone"));
+var _Home = _interopRequireDefault(require("./Home"));
+var _HomeMax = _interopRequireDefault(require("./HomeMax"));
+var _HomeMaxOutlined = _interopRequireDefault(require("./HomeMaxOutlined"));
+var _HomeMaxRounded = _interopRequireDefault(require("./HomeMaxRounded"));
+var _HomeMaxSharp = _interopRequireDefault(require("./HomeMaxSharp"));
+var _HomeMaxTwoTone = _interopRequireDefault(require("./HomeMaxTwoTone"));
+var _HomeMini = _interopRequireDefault(require("./HomeMini"));
+var _HomeMiniOutlined = _interopRequireDefault(require("./HomeMiniOutlined"));
+var _HomeMiniRounded = _interopRequireDefault(require("./HomeMiniRounded"));
+var _HomeMiniSharp = _interopRequireDefault(require("./HomeMiniSharp"));
+var _HomeMiniTwoTone = _interopRequireDefault(require("./HomeMiniTwoTone"));
+var _HomeOutlined = _interopRequireDefault(require("./HomeOutlined"));
+var _HomeRepairService = _interopRequireDefault(require("./HomeRepairService"));
+var _HomeRepairServiceOutlined = _interopRequireDefault(require("./HomeRepairServiceOutlined"));
+var _HomeRepairServiceRounded = _interopRequireDefault(require("./HomeRepairServiceRounded"));
+var _HomeRepairServiceSharp = _interopRequireDefault(require("./HomeRepairServiceSharp"));
+var _HomeRepairServiceTwoTone = _interopRequireDefault(require("./HomeRepairServiceTwoTone"));
+var _HomeRounded = _interopRequireDefault(require("./HomeRounded"));
+var _HomeSharp = _interopRequireDefault(require("./HomeSharp"));
+var _HomeTwoTone = _interopRequireDefault(require("./HomeTwoTone"));
+var _HomeWork = _interopRequireDefault(require("./HomeWork"));
+var _HomeWorkOutlined = _interopRequireDefault(require("./HomeWorkOutlined"));
+var _HomeWorkRounded = _interopRequireDefault(require("./HomeWorkRounded"));
+var _HomeWorkSharp = _interopRequireDefault(require("./HomeWorkSharp"));
+var _HomeWorkTwoTone = _interopRequireDefault(require("./HomeWorkTwoTone"));
+var _HorizontalRule = _interopRequireDefault(require("./HorizontalRule"));
+var _HorizontalRuleOutlined = _interopRequireDefault(require("./HorizontalRuleOutlined"));
+var _HorizontalRuleRounded = _interopRequireDefault(require("./HorizontalRuleRounded"));
+var _HorizontalRuleSharp = _interopRequireDefault(require("./HorizontalRuleSharp"));
+var _HorizontalRuleTwoTone = _interopRequireDefault(require("./HorizontalRuleTwoTone"));
+var _HorizontalSplit = _interopRequireDefault(require("./HorizontalSplit"));
+var _HorizontalSplitOutlined = _interopRequireDefault(require("./HorizontalSplitOutlined"));
+var _HorizontalSplitRounded = _interopRequireDefault(require("./HorizontalSplitRounded"));
+var _HorizontalSplitSharp = _interopRequireDefault(require("./HorizontalSplitSharp"));
+var _HorizontalSplitTwoTone = _interopRequireDefault(require("./HorizontalSplitTwoTone"));
+var _HotTub = _interopRequireDefault(require("./HotTub"));
+var _HotTubOutlined = _interopRequireDefault(require("./HotTubOutlined"));
+var _HotTubRounded = _interopRequireDefault(require("./HotTubRounded"));
+var _HotTubSharp = _interopRequireDefault(require("./HotTubSharp"));
+var _HotTubTwoTone = _interopRequireDefault(require("./HotTubTwoTone"));
+var _Hotel = _interopRequireDefault(require("./Hotel"));
+var _HotelOutlined = _interopRequireDefault(require("./HotelOutlined"));
+var _HotelRounded = _interopRequireDefault(require("./HotelRounded"));
+var _HotelSharp = _interopRequireDefault(require("./HotelSharp"));
+var _HotelTwoTone = _interopRequireDefault(require("./HotelTwoTone"));
+var _HourglassBottom = _interopRequireDefault(require("./HourglassBottom"));
+var _HourglassBottomOutlined = _interopRequireDefault(require("./HourglassBottomOutlined"));
+var _HourglassBottomRounded = _interopRequireDefault(require("./HourglassBottomRounded"));
+var _HourglassBottomSharp = _interopRequireDefault(require("./HourglassBottomSharp"));
+var _HourglassBottomTwoTone = _interopRequireDefault(require("./HourglassBottomTwoTone"));
+var _HourglassDisabled = _interopRequireDefault(require("./HourglassDisabled"));
+var _HourglassDisabledOutlined = _interopRequireDefault(require("./HourglassDisabledOutlined"));
+var _HourglassDisabledRounded = _interopRequireDefault(require("./HourglassDisabledRounded"));
+var _HourglassDisabledSharp = _interopRequireDefault(require("./HourglassDisabledSharp"));
+var _HourglassDisabledTwoTone = _interopRequireDefault(require("./HourglassDisabledTwoTone"));
+var _HourglassEmpty = _interopRequireDefault(require("./HourglassEmpty"));
+var _HourglassEmptyOutlined = _interopRequireDefault(require("./HourglassEmptyOutlined"));
+var _HourglassEmptyRounded = _interopRequireDefault(require("./HourglassEmptyRounded"));
+var _HourglassEmptySharp = _interopRequireDefault(require("./HourglassEmptySharp"));
+var _HourglassEmptyTwoTone = _interopRequireDefault(require("./HourglassEmptyTwoTone"));
+var _HourglassFull = _interopRequireDefault(require("./HourglassFull"));
+var _HourglassFullOutlined = _interopRequireDefault(require("./HourglassFullOutlined"));
+var _HourglassFullRounded = _interopRequireDefault(require("./HourglassFullRounded"));
+var _HourglassFullSharp = _interopRequireDefault(require("./HourglassFullSharp"));
+var _HourglassFullTwoTone = _interopRequireDefault(require("./HourglassFullTwoTone"));
+var _HourglassTop = _interopRequireDefault(require("./HourglassTop"));
+var _HourglassTopOutlined = _interopRequireDefault(require("./HourglassTopOutlined"));
+var _HourglassTopRounded = _interopRequireDefault(require("./HourglassTopRounded"));
+var _HourglassTopSharp = _interopRequireDefault(require("./HourglassTopSharp"));
+var _HourglassTopTwoTone = _interopRequireDefault(require("./HourglassTopTwoTone"));
+var _House = _interopRequireDefault(require("./House"));
+var _HouseOutlined = _interopRequireDefault(require("./HouseOutlined"));
+var _HouseRounded = _interopRequireDefault(require("./HouseRounded"));
+var _HouseSharp = _interopRequireDefault(require("./HouseSharp"));
+var _HouseSiding = _interopRequireDefault(require("./HouseSiding"));
+var _HouseSidingOutlined = _interopRequireDefault(require("./HouseSidingOutlined"));
+var _HouseSidingRounded = _interopRequireDefault(require("./HouseSidingRounded"));
+var _HouseSidingSharp = _interopRequireDefault(require("./HouseSidingSharp"));
+var _HouseSidingTwoTone = _interopRequireDefault(require("./HouseSidingTwoTone"));
+var _HouseTwoTone = _interopRequireDefault(require("./HouseTwoTone"));
+var _Houseboat = _interopRequireDefault(require("./Houseboat"));
+var _HouseboatOutlined = _interopRequireDefault(require("./HouseboatOutlined"));
+var _HouseboatRounded = _interopRequireDefault(require("./HouseboatRounded"));
+var _HouseboatSharp = _interopRequireDefault(require("./HouseboatSharp"));
+var _HouseboatTwoTone = _interopRequireDefault(require("./HouseboatTwoTone"));
+var _HowToReg = _interopRequireDefault(require("./HowToReg"));
+var _HowToRegOutlined = _interopRequireDefault(require("./HowToRegOutlined"));
+var _HowToRegRounded = _interopRequireDefault(require("./HowToRegRounded"));
+var _HowToRegSharp = _interopRequireDefault(require("./HowToRegSharp"));
+var _HowToRegTwoTone = _interopRequireDefault(require("./HowToRegTwoTone"));
+var _HowToVote = _interopRequireDefault(require("./HowToVote"));
+var _HowToVoteOutlined = _interopRequireDefault(require("./HowToVoteOutlined"));
+var _HowToVoteRounded = _interopRequireDefault(require("./HowToVoteRounded"));
+var _HowToVoteSharp = _interopRequireDefault(require("./HowToVoteSharp"));
+var _HowToVoteTwoTone = _interopRequireDefault(require("./HowToVoteTwoTone"));
+var _Html = _interopRequireDefault(require("./Html"));
+var _HtmlOutlined = _interopRequireDefault(require("./HtmlOutlined"));
+var _HtmlRounded = _interopRequireDefault(require("./HtmlRounded"));
+var _HtmlSharp = _interopRequireDefault(require("./HtmlSharp"));
+var _HtmlTwoTone = _interopRequireDefault(require("./HtmlTwoTone"));
+var _Http = _interopRequireDefault(require("./Http"));
+var _HttpOutlined = _interopRequireDefault(require("./HttpOutlined"));
+var _HttpRounded = _interopRequireDefault(require("./HttpRounded"));
+var _HttpSharp = _interopRequireDefault(require("./HttpSharp"));
+var _HttpTwoTone = _interopRequireDefault(require("./HttpTwoTone"));
+var _Https = _interopRequireDefault(require("./Https"));
+var _HttpsOutlined = _interopRequireDefault(require("./HttpsOutlined"));
+var _HttpsRounded = _interopRequireDefault(require("./HttpsRounded"));
+var _HttpsSharp = _interopRequireDefault(require("./HttpsSharp"));
+var _HttpsTwoTone = _interopRequireDefault(require("./HttpsTwoTone"));
+var _Hub = _interopRequireDefault(require("./Hub"));
+var _HubOutlined = _interopRequireDefault(require("./HubOutlined"));
+var _HubRounded = _interopRequireDefault(require("./HubRounded"));
+var _HubSharp = _interopRequireDefault(require("./HubSharp"));
+var _HubTwoTone = _interopRequireDefault(require("./HubTwoTone"));
+var _Hvac = _interopRequireDefault(require("./Hvac"));
+var _HvacOutlined = _interopRequireDefault(require("./HvacOutlined"));
+var _HvacRounded = _interopRequireDefault(require("./HvacRounded"));
+var _HvacSharp = _interopRequireDefault(require("./HvacSharp"));
+var _HvacTwoTone = _interopRequireDefault(require("./HvacTwoTone"));
+var _IceSkating = _interopRequireDefault(require("./IceSkating"));
+var _IceSkatingOutlined = _interopRequireDefault(require("./IceSkatingOutlined"));
+var _IceSkatingRounded = _interopRequireDefault(require("./IceSkatingRounded"));
+var _IceSkatingSharp = _interopRequireDefault(require("./IceSkatingSharp"));
+var _IceSkatingTwoTone = _interopRequireDefault(require("./IceSkatingTwoTone"));
+var _Icecream = _interopRequireDefault(require("./Icecream"));
+var _IcecreamOutlined = _interopRequireDefault(require("./IcecreamOutlined"));
+var _IcecreamRounded = _interopRequireDefault(require("./IcecreamRounded"));
+var _IcecreamSharp = _interopRequireDefault(require("./IcecreamSharp"));
+var _IcecreamTwoTone = _interopRequireDefault(require("./IcecreamTwoTone"));
+var _Image = _interopRequireDefault(require("./Image"));
+var _ImageAspectRatio = _interopRequireDefault(require("./ImageAspectRatio"));
+var _ImageAspectRatioOutlined = _interopRequireDefault(require("./ImageAspectRatioOutlined"));
+var _ImageAspectRatioRounded = _interopRequireDefault(require("./ImageAspectRatioRounded"));
+var _ImageAspectRatioSharp = _interopRequireDefault(require("./ImageAspectRatioSharp"));
+var _ImageAspectRatioTwoTone = _interopRequireDefault(require("./ImageAspectRatioTwoTone"));
+var _ImageNotSupported = _interopRequireDefault(require("./ImageNotSupported"));
+var _ImageNotSupportedOutlined = _interopRequireDefault(require("./ImageNotSupportedOutlined"));
+var _ImageNotSupportedRounded = _interopRequireDefault(require("./ImageNotSupportedRounded"));
+var _ImageNotSupportedSharp = _interopRequireDefault(require("./ImageNotSupportedSharp"));
+var _ImageNotSupportedTwoTone = _interopRequireDefault(require("./ImageNotSupportedTwoTone"));
+var _ImageOutlined = _interopRequireDefault(require("./ImageOutlined"));
+var _ImageRounded = _interopRequireDefault(require("./ImageRounded"));
+var _ImageSearch = _interopRequireDefault(require("./ImageSearch"));
+var _ImageSearchOutlined = _interopRequireDefault(require("./ImageSearchOutlined"));
+var _ImageSearchRounded = _interopRequireDefault(require("./ImageSearchRounded"));
+var _ImageSearchSharp = _interopRequireDefault(require("./ImageSearchSharp"));
+var _ImageSearchTwoTone = _interopRequireDefault(require("./ImageSearchTwoTone"));
+var _ImageSharp = _interopRequireDefault(require("./ImageSharp"));
+var _ImageTwoTone = _interopRequireDefault(require("./ImageTwoTone"));
+var _ImagesearchRoller = _interopRequireDefault(require("./ImagesearchRoller"));
+var _ImagesearchRollerOutlined = _interopRequireDefault(require("./ImagesearchRollerOutlined"));
+var _ImagesearchRollerRounded = _interopRequireDefault(require("./ImagesearchRollerRounded"));
+var _ImagesearchRollerSharp = _interopRequireDefault(require("./ImagesearchRollerSharp"));
+var _ImagesearchRollerTwoTone = _interopRequireDefault(require("./ImagesearchRollerTwoTone"));
+var _ImportContacts = _interopRequireDefault(require("./ImportContacts"));
+var _ImportContactsOutlined = _interopRequireDefault(require("./ImportContactsOutlined"));
+var _ImportContactsRounded = _interopRequireDefault(require("./ImportContactsRounded"));
+var _ImportContactsSharp = _interopRequireDefault(require("./ImportContactsSharp"));
+var _ImportContactsTwoTone = _interopRequireDefault(require("./ImportContactsTwoTone"));
+var _ImportExport = _interopRequireDefault(require("./ImportExport"));
+var _ImportExportOutlined = _interopRequireDefault(require("./ImportExportOutlined"));
+var _ImportExportRounded = _interopRequireDefault(require("./ImportExportRounded"));
+var _ImportExportSharp = _interopRequireDefault(require("./ImportExportSharp"));
+var _ImportExportTwoTone = _interopRequireDefault(require("./ImportExportTwoTone"));
+var _ImportantDevices = _interopRequireDefault(require("./ImportantDevices"));
+var _ImportantDevicesOutlined = _interopRequireDefault(require("./ImportantDevicesOutlined"));
+var _ImportantDevicesRounded = _interopRequireDefault(require("./ImportantDevicesRounded"));
+var _ImportantDevicesSharp = _interopRequireDefault(require("./ImportantDevicesSharp"));
+var _ImportantDevicesTwoTone = _interopRequireDefault(require("./ImportantDevicesTwoTone"));
+var _Inbox = _interopRequireDefault(require("./Inbox"));
+var _InboxOutlined = _interopRequireDefault(require("./InboxOutlined"));
+var _InboxRounded = _interopRequireDefault(require("./InboxRounded"));
+var _InboxSharp = _interopRequireDefault(require("./InboxSharp"));
+var _InboxTwoTone = _interopRequireDefault(require("./InboxTwoTone"));
+var _IndeterminateCheckBox = _interopRequireDefault(require("./IndeterminateCheckBox"));
+var _IndeterminateCheckBoxOutlined = _interopRequireDefault(require("./IndeterminateCheckBoxOutlined"));
+var _IndeterminateCheckBoxRounded = _interopRequireDefault(require("./IndeterminateCheckBoxRounded"));
+var _IndeterminateCheckBoxSharp = _interopRequireDefault(require("./IndeterminateCheckBoxSharp"));
+var _IndeterminateCheckBoxTwoTone = _interopRequireDefault(require("./IndeterminateCheckBoxTwoTone"));
+var _Info = _interopRequireDefault(require("./Info"));
+var _InfoOutlined = _interopRequireDefault(require("./InfoOutlined"));
+var _InfoRounded = _interopRequireDefault(require("./InfoRounded"));
+var _InfoSharp = _interopRequireDefault(require("./InfoSharp"));
+var _InfoTwoTone = _interopRequireDefault(require("./InfoTwoTone"));
+var _Input = _interopRequireDefault(require("./Input"));
+var _InputOutlined = _interopRequireDefault(require("./InputOutlined"));
+var _InputRounded = _interopRequireDefault(require("./InputRounded"));
+var _InputSharp = _interopRequireDefault(require("./InputSharp"));
+var _InputTwoTone = _interopRequireDefault(require("./InputTwoTone"));
+var _InsertChart = _interopRequireDefault(require("./InsertChart"));
+var _InsertChartOutlined = _interopRequireDefault(require("./InsertChartOutlined"));
+var _InsertChartOutlinedOutlined = _interopRequireDefault(require("./InsertChartOutlinedOutlined"));
+var _InsertChartOutlinedRounded = _interopRequireDefault(require("./InsertChartOutlinedRounded"));
+var _InsertChartOutlinedSharp = _interopRequireDefault(require("./InsertChartOutlinedSharp"));
+var _InsertChartOutlinedTwoTone = _interopRequireDefault(require("./InsertChartOutlinedTwoTone"));
+var _InsertChartRounded = _interopRequireDefault(require("./InsertChartRounded"));
+var _InsertChartSharp = _interopRequireDefault(require("./InsertChartSharp"));
+var _InsertChartTwoTone = _interopRequireDefault(require("./InsertChartTwoTone"));
+var _InsertComment = _interopRequireDefault(require("./InsertComment"));
+var _InsertCommentOutlined = _interopRequireDefault(require("./InsertCommentOutlined"));
+var _InsertCommentRounded = _interopRequireDefault(require("./InsertCommentRounded"));
+var _InsertCommentSharp = _interopRequireDefault(require("./InsertCommentSharp"));
+var _InsertCommentTwoTone = _interopRequireDefault(require("./InsertCommentTwoTone"));
+var _InsertDriveFile = _interopRequireDefault(require("./InsertDriveFile"));
+var _InsertDriveFileOutlined = _interopRequireDefault(require("./InsertDriveFileOutlined"));
+var _InsertDriveFileRounded = _interopRequireDefault(require("./InsertDriveFileRounded"));
+var _InsertDriveFileSharp = _interopRequireDefault(require("./InsertDriveFileSharp"));
+var _InsertDriveFileTwoTone = _interopRequireDefault(require("./InsertDriveFileTwoTone"));
+var _InsertEmoticon = _interopRequireDefault(require("./InsertEmoticon"));
+var _InsertEmoticonOutlined = _interopRequireDefault(require("./InsertEmoticonOutlined"));
+var _InsertEmoticonRounded = _interopRequireDefault(require("./InsertEmoticonRounded"));
+var _InsertEmoticonSharp = _interopRequireDefault(require("./InsertEmoticonSharp"));
+var _InsertEmoticonTwoTone = _interopRequireDefault(require("./InsertEmoticonTwoTone"));
+var _InsertInvitation = _interopRequireDefault(require("./InsertInvitation"));
+var _InsertInvitationOutlined = _interopRequireDefault(require("./InsertInvitationOutlined"));
+var _InsertInvitationRounded = _interopRequireDefault(require("./InsertInvitationRounded"));
+var _InsertInvitationSharp = _interopRequireDefault(require("./InsertInvitationSharp"));
+var _InsertInvitationTwoTone = _interopRequireDefault(require("./InsertInvitationTwoTone"));
+var _InsertLink = _interopRequireDefault(require("./InsertLink"));
+var _InsertLinkOutlined = _interopRequireDefault(require("./InsertLinkOutlined"));
+var _InsertLinkRounded = _interopRequireDefault(require("./InsertLinkRounded"));
+var _InsertLinkSharp = _interopRequireDefault(require("./InsertLinkSharp"));
+var _InsertLinkTwoTone = _interopRequireDefault(require("./InsertLinkTwoTone"));
+var _InsertPageBreak = _interopRequireDefault(require("./InsertPageBreak"));
+var _InsertPageBreakOutlined = _interopRequireDefault(require("./InsertPageBreakOutlined"));
+var _InsertPageBreakRounded = _interopRequireDefault(require("./InsertPageBreakRounded"));
+var _InsertPageBreakSharp = _interopRequireDefault(require("./InsertPageBreakSharp"));
+var _InsertPageBreakTwoTone = _interopRequireDefault(require("./InsertPageBreakTwoTone"));
+var _InsertPhoto = _interopRequireDefault(require("./InsertPhoto"));
+var _InsertPhotoOutlined = _interopRequireDefault(require("./InsertPhotoOutlined"));
+var _InsertPhotoRounded = _interopRequireDefault(require("./InsertPhotoRounded"));
+var _InsertPhotoSharp = _interopRequireDefault(require("./InsertPhotoSharp"));
+var _InsertPhotoTwoTone = _interopRequireDefault(require("./InsertPhotoTwoTone"));
+var _Insights = _interopRequireDefault(require("./Insights"));
+var _InsightsOutlined = _interopRequireDefault(require("./InsightsOutlined"));
+var _InsightsRounded = _interopRequireDefault(require("./InsightsRounded"));
+var _InsightsSharp = _interopRequireDefault(require("./InsightsSharp"));
+var _InsightsTwoTone = _interopRequireDefault(require("./InsightsTwoTone"));
+var _Instagram = _interopRequireDefault(require("./Instagram"));
+var _InstallDesktop = _interopRequireDefault(require("./InstallDesktop"));
+var _InstallDesktopOutlined = _interopRequireDefault(require("./InstallDesktopOutlined"));
+var _InstallDesktopRounded = _interopRequireDefault(require("./InstallDesktopRounded"));
+var _InstallDesktopSharp = _interopRequireDefault(require("./InstallDesktopSharp"));
+var _InstallDesktopTwoTone = _interopRequireDefault(require("./InstallDesktopTwoTone"));
+var _InstallMobile = _interopRequireDefault(require("./InstallMobile"));
+var _InstallMobileOutlined = _interopRequireDefault(require("./InstallMobileOutlined"));
+var _InstallMobileRounded = _interopRequireDefault(require("./InstallMobileRounded"));
+var _InstallMobileSharp = _interopRequireDefault(require("./InstallMobileSharp"));
+var _InstallMobileTwoTone = _interopRequireDefault(require("./InstallMobileTwoTone"));
+var _IntegrationInstructions = _interopRequireDefault(require("./IntegrationInstructions"));
+var _IntegrationInstructionsOutlined = _interopRequireDefault(require("./IntegrationInstructionsOutlined"));
+var _IntegrationInstructionsRounded = _interopRequireDefault(require("./IntegrationInstructionsRounded"));
+var _IntegrationInstructionsSharp = _interopRequireDefault(require("./IntegrationInstructionsSharp"));
+var _IntegrationInstructionsTwoTone = _interopRequireDefault(require("./IntegrationInstructionsTwoTone"));
+var _Interests = _interopRequireDefault(require("./Interests"));
+var _InterestsOutlined = _interopRequireDefault(require("./InterestsOutlined"));
+var _InterestsRounded = _interopRequireDefault(require("./InterestsRounded"));
+var _InterestsSharp = _interopRequireDefault(require("./InterestsSharp"));
+var _InterestsTwoTone = _interopRequireDefault(require("./InterestsTwoTone"));
+var _InterpreterMode = _interopRequireDefault(require("./InterpreterMode"));
+var _InterpreterModeOutlined = _interopRequireDefault(require("./InterpreterModeOutlined"));
+var _InterpreterModeRounded = _interopRequireDefault(require("./InterpreterModeRounded"));
+var _InterpreterModeSharp = _interopRequireDefault(require("./InterpreterModeSharp"));
+var _InterpreterModeTwoTone = _interopRequireDefault(require("./InterpreterModeTwoTone"));
+var _Inventory = _interopRequireDefault(require("./Inventory"));
+var _Inventory2 = _interopRequireDefault(require("./Inventory2"));
+var _Inventory2Outlined = _interopRequireDefault(require("./Inventory2Outlined"));
+var _Inventory2Rounded = _interopRequireDefault(require("./Inventory2Rounded"));
+var _Inventory2Sharp = _interopRequireDefault(require("./Inventory2Sharp"));
+var _Inventory2TwoTone = _interopRequireDefault(require("./Inventory2TwoTone"));
+var _InventoryOutlined = _interopRequireDefault(require("./InventoryOutlined"));
+var _InventoryRounded = _interopRequireDefault(require("./InventoryRounded"));
+var _InventorySharp = _interopRequireDefault(require("./InventorySharp"));
+var _InventoryTwoTone = _interopRequireDefault(require("./InventoryTwoTone"));
+var _InvertColors = _interopRequireDefault(require("./InvertColors"));
+var _InvertColorsOff = _interopRequireDefault(require("./InvertColorsOff"));
+var _InvertColorsOffOutlined = _interopRequireDefault(require("./InvertColorsOffOutlined"));
+var _InvertColorsOffRounded = _interopRequireDefault(require("./InvertColorsOffRounded"));
+var _InvertColorsOffSharp = _interopRequireDefault(require("./InvertColorsOffSharp"));
+var _InvertColorsOffTwoTone = _interopRequireDefault(require("./InvertColorsOffTwoTone"));
+var _InvertColorsOutlined = _interopRequireDefault(require("./InvertColorsOutlined"));
+var _InvertColorsRounded = _interopRequireDefault(require("./InvertColorsRounded"));
+var _InvertColorsSharp = _interopRequireDefault(require("./InvertColorsSharp"));
+var _InvertColorsTwoTone = _interopRequireDefault(require("./InvertColorsTwoTone"));
+var _IosShare = _interopRequireDefault(require("./IosShare"));
+var _IosShareOutlined = _interopRequireDefault(require("./IosShareOutlined"));
+var _IosShareRounded = _interopRequireDefault(require("./IosShareRounded"));
+var _IosShareSharp = _interopRequireDefault(require("./IosShareSharp"));
+var _IosShareTwoTone = _interopRequireDefault(require("./IosShareTwoTone"));
+var _Iron = _interopRequireDefault(require("./Iron"));
+var _IronOutlined = _interopRequireDefault(require("./IronOutlined"));
+var _IronRounded = _interopRequireDefault(require("./IronRounded"));
+var _IronSharp = _interopRequireDefault(require("./IronSharp"));
+var _IronTwoTone = _interopRequireDefault(require("./IronTwoTone"));
+var _Iso = _interopRequireDefault(require("./Iso"));
+var _IsoOutlined = _interopRequireDefault(require("./IsoOutlined"));
+var _IsoRounded = _interopRequireDefault(require("./IsoRounded"));
+var _IsoSharp = _interopRequireDefault(require("./IsoSharp"));
+var _IsoTwoTone = _interopRequireDefault(require("./IsoTwoTone"));
+var _Javascript = _interopRequireDefault(require("./Javascript"));
+var _JavascriptOutlined = _interopRequireDefault(require("./JavascriptOutlined"));
+var _JavascriptRounded = _interopRequireDefault(require("./JavascriptRounded"));
+var _JavascriptSharp = _interopRequireDefault(require("./JavascriptSharp"));
+var _JavascriptTwoTone = _interopRequireDefault(require("./JavascriptTwoTone"));
+var _JoinFull = _interopRequireDefault(require("./JoinFull"));
+var _JoinFullOutlined = _interopRequireDefault(require("./JoinFullOutlined"));
+var _JoinFullRounded = _interopRequireDefault(require("./JoinFullRounded"));
+var _JoinFullSharp = _interopRequireDefault(require("./JoinFullSharp"));
+var _JoinFullTwoTone = _interopRequireDefault(require("./JoinFullTwoTone"));
+var _JoinInner = _interopRequireDefault(require("./JoinInner"));
+var _JoinInnerOutlined = _interopRequireDefault(require("./JoinInnerOutlined"));
+var _JoinInnerRounded = _interopRequireDefault(require("./JoinInnerRounded"));
+var _JoinInnerSharp = _interopRequireDefault(require("./JoinInnerSharp"));
+var _JoinInnerTwoTone = _interopRequireDefault(require("./JoinInnerTwoTone"));
+var _JoinLeft = _interopRequireDefault(require("./JoinLeft"));
+var _JoinLeftOutlined = _interopRequireDefault(require("./JoinLeftOutlined"));
+var _JoinLeftRounded = _interopRequireDefault(require("./JoinLeftRounded"));
+var _JoinLeftSharp = _interopRequireDefault(require("./JoinLeftSharp"));
+var _JoinLeftTwoTone = _interopRequireDefault(require("./JoinLeftTwoTone"));
+var _JoinRight = _interopRequireDefault(require("./JoinRight"));
+var _JoinRightOutlined = _interopRequireDefault(require("./JoinRightOutlined"));
+var _JoinRightRounded = _interopRequireDefault(require("./JoinRightRounded"));
+var _JoinRightSharp = _interopRequireDefault(require("./JoinRightSharp"));
+var _JoinRightTwoTone = _interopRequireDefault(require("./JoinRightTwoTone"));
+var _Kayaking = _interopRequireDefault(require("./Kayaking"));
+var _KayakingOutlined = _interopRequireDefault(require("./KayakingOutlined"));
+var _KayakingRounded = _interopRequireDefault(require("./KayakingRounded"));
+var _KayakingSharp = _interopRequireDefault(require("./KayakingSharp"));
+var _KayakingTwoTone = _interopRequireDefault(require("./KayakingTwoTone"));
+var _KebabDining = _interopRequireDefault(require("./KebabDining"));
+var _KebabDiningOutlined = _interopRequireDefault(require("./KebabDiningOutlined"));
+var _KebabDiningRounded = _interopRequireDefault(require("./KebabDiningRounded"));
+var _KebabDiningSharp = _interopRequireDefault(require("./KebabDiningSharp"));
+var _KebabDiningTwoTone = _interopRequireDefault(require("./KebabDiningTwoTone"));
+var _Key = _interopRequireDefault(require("./Key"));
+var _KeyOff = _interopRequireDefault(require("./KeyOff"));
+var _KeyOffOutlined = _interopRequireDefault(require("./KeyOffOutlined"));
+var _KeyOffRounded = _interopRequireDefault(require("./KeyOffRounded"));
+var _KeyOffSharp = _interopRequireDefault(require("./KeyOffSharp"));
+var _KeyOffTwoTone = _interopRequireDefault(require("./KeyOffTwoTone"));
+var _KeyOutlined = _interopRequireDefault(require("./KeyOutlined"));
+var _KeyRounded = _interopRequireDefault(require("./KeyRounded"));
+var _KeySharp = _interopRequireDefault(require("./KeySharp"));
+var _KeyTwoTone = _interopRequireDefault(require("./KeyTwoTone"));
+var _Keyboard = _interopRequireDefault(require("./Keyboard"));
+var _KeyboardAlt = _interopRequireDefault(require("./KeyboardAlt"));
+var _KeyboardAltOutlined = _interopRequireDefault(require("./KeyboardAltOutlined"));
+var _KeyboardAltRounded = _interopRequireDefault(require("./KeyboardAltRounded"));
+var _KeyboardAltSharp = _interopRequireDefault(require("./KeyboardAltSharp"));
+var _KeyboardAltTwoTone = _interopRequireDefault(require("./KeyboardAltTwoTone"));
+var _KeyboardArrowDown = _interopRequireDefault(require("./KeyboardArrowDown"));
+var _KeyboardArrowDownOutlined = _interopRequireDefault(require("./KeyboardArrowDownOutlined"));
+var _KeyboardArrowDownRounded = _interopRequireDefault(require("./KeyboardArrowDownRounded"));
+var _KeyboardArrowDownSharp = _interopRequireDefault(require("./KeyboardArrowDownSharp"));
+var _KeyboardArrowDownTwoTone = _interopRequireDefault(require("./KeyboardArrowDownTwoTone"));
+var _KeyboardArrowLeft = _interopRequireDefault(require("./KeyboardArrowLeft"));
+var _KeyboardArrowLeftOutlined = _interopRequireDefault(require("./KeyboardArrowLeftOutlined"));
+var _KeyboardArrowLeftRounded = _interopRequireDefault(require("./KeyboardArrowLeftRounded"));
+var _KeyboardArrowLeftSharp = _interopRequireDefault(require("./KeyboardArrowLeftSharp"));
+var _KeyboardArrowLeftTwoTone = _interopRequireDefault(require("./KeyboardArrowLeftTwoTone"));
+var _KeyboardArrowRight = _interopRequireDefault(require("./KeyboardArrowRight"));
+var _KeyboardArrowRightOutlined = _interopRequireDefault(require("./KeyboardArrowRightOutlined"));
+var _KeyboardArrowRightRounded = _interopRequireDefault(require("./KeyboardArrowRightRounded"));
+var _KeyboardArrowRightSharp = _interopRequireDefault(require("./KeyboardArrowRightSharp"));
+var _KeyboardArrowRightTwoTone = _interopRequireDefault(require("./KeyboardArrowRightTwoTone"));
+var _KeyboardArrowUp = _interopRequireDefault(require("./KeyboardArrowUp"));
+var _KeyboardArrowUpOutlined = _interopRequireDefault(require("./KeyboardArrowUpOutlined"));
+var _KeyboardArrowUpRounded = _interopRequireDefault(require("./KeyboardArrowUpRounded"));
+var _KeyboardArrowUpSharp = _interopRequireDefault(require("./KeyboardArrowUpSharp"));
+var _KeyboardArrowUpTwoTone = _interopRequireDefault(require("./KeyboardArrowUpTwoTone"));
+var _KeyboardBackspace = _interopRequireDefault(require("./KeyboardBackspace"));
+var _KeyboardBackspaceOutlined = _interopRequireDefault(require("./KeyboardBackspaceOutlined"));
+var _KeyboardBackspaceRounded = _interopRequireDefault(require("./KeyboardBackspaceRounded"));
+var _KeyboardBackspaceSharp = _interopRequireDefault(require("./KeyboardBackspaceSharp"));
+var _KeyboardBackspaceTwoTone = _interopRequireDefault(require("./KeyboardBackspaceTwoTone"));
+var _KeyboardCapslock = _interopRequireDefault(require("./KeyboardCapslock"));
+var _KeyboardCapslockOutlined = _interopRequireDefault(require("./KeyboardCapslockOutlined"));
+var _KeyboardCapslockRounded = _interopRequireDefault(require("./KeyboardCapslockRounded"));
+var _KeyboardCapslockSharp = _interopRequireDefault(require("./KeyboardCapslockSharp"));
+var _KeyboardCapslockTwoTone = _interopRequireDefault(require("./KeyboardCapslockTwoTone"));
+var _KeyboardCommandKey = _interopRequireDefault(require("./KeyboardCommandKey"));
+var _KeyboardCommandKeyOutlined = _interopRequireDefault(require("./KeyboardCommandKeyOutlined"));
+var _KeyboardCommandKeyRounded = _interopRequireDefault(require("./KeyboardCommandKeyRounded"));
+var _KeyboardCommandKeySharp = _interopRequireDefault(require("./KeyboardCommandKeySharp"));
+var _KeyboardCommandKeyTwoTone = _interopRequireDefault(require("./KeyboardCommandKeyTwoTone"));
+var _KeyboardControlKey = _interopRequireDefault(require("./KeyboardControlKey"));
+var _KeyboardControlKeyOutlined = _interopRequireDefault(require("./KeyboardControlKeyOutlined"));
+var _KeyboardControlKeyRounded = _interopRequireDefault(require("./KeyboardControlKeyRounded"));
+var _KeyboardControlKeySharp = _interopRequireDefault(require("./KeyboardControlKeySharp"));
+var _KeyboardControlKeyTwoTone = _interopRequireDefault(require("./KeyboardControlKeyTwoTone"));
+var _KeyboardDoubleArrowDown = _interopRequireDefault(require("./KeyboardDoubleArrowDown"));
+var _KeyboardDoubleArrowDownOutlined = _interopRequireDefault(require("./KeyboardDoubleArrowDownOutlined"));
+var _KeyboardDoubleArrowDownRounded = _interopRequireDefault(require("./KeyboardDoubleArrowDownRounded"));
+var _KeyboardDoubleArrowDownSharp = _interopRequireDefault(require("./KeyboardDoubleArrowDownSharp"));
+var _KeyboardDoubleArrowDownTwoTone = _interopRequireDefault(require("./KeyboardDoubleArrowDownTwoTone"));
+var _KeyboardDoubleArrowLeft = _interopRequireDefault(require("./KeyboardDoubleArrowLeft"));
+var _KeyboardDoubleArrowLeftOutlined = _interopRequireDefault(require("./KeyboardDoubleArrowLeftOutlined"));
+var _KeyboardDoubleArrowLeftRounded = _interopRequireDefault(require("./KeyboardDoubleArrowLeftRounded"));
+var _KeyboardDoubleArrowLeftSharp = _interopRequireDefault(require("./KeyboardDoubleArrowLeftSharp"));
+var _KeyboardDoubleArrowLeftTwoTone = _interopRequireDefault(require("./KeyboardDoubleArrowLeftTwoTone"));
+var _KeyboardDoubleArrowRight = _interopRequireDefault(require("./KeyboardDoubleArrowRight"));
+var _KeyboardDoubleArrowRightOutlined = _interopRequireDefault(require("./KeyboardDoubleArrowRightOutlined"));
+var _KeyboardDoubleArrowRightRounded = _interopRequireDefault(require("./KeyboardDoubleArrowRightRounded"));
+var _KeyboardDoubleArrowRightSharp = _interopRequireDefault(require("./KeyboardDoubleArrowRightSharp"));
+var _KeyboardDoubleArrowRightTwoTone = _interopRequireDefault(require("./KeyboardDoubleArrowRightTwoTone"));
+var _KeyboardDoubleArrowUp = _interopRequireDefault(require("./KeyboardDoubleArrowUp"));
+var _KeyboardDoubleArrowUpOutlined = _interopRequireDefault(require("./KeyboardDoubleArrowUpOutlined"));
+var _KeyboardDoubleArrowUpRounded = _interopRequireDefault(require("./KeyboardDoubleArrowUpRounded"));
+var _KeyboardDoubleArrowUpSharp = _interopRequireDefault(require("./KeyboardDoubleArrowUpSharp"));
+var _KeyboardDoubleArrowUpTwoTone = _interopRequireDefault(require("./KeyboardDoubleArrowUpTwoTone"));
+var _KeyboardHide = _interopRequireDefault(require("./KeyboardHide"));
+var _KeyboardHideOutlined = _interopRequireDefault(require("./KeyboardHideOutlined"));
+var _KeyboardHideRounded = _interopRequireDefault(require("./KeyboardHideRounded"));
+var _KeyboardHideSharp = _interopRequireDefault(require("./KeyboardHideSharp"));
+var _KeyboardHideTwoTone = _interopRequireDefault(require("./KeyboardHideTwoTone"));
+var _KeyboardOptionKey = _interopRequireDefault(require("./KeyboardOptionKey"));
+var _KeyboardOptionKeyOutlined = _interopRequireDefault(require("./KeyboardOptionKeyOutlined"));
+var _KeyboardOptionKeyRounded = _interopRequireDefault(require("./KeyboardOptionKeyRounded"));
+var _KeyboardOptionKeySharp = _interopRequireDefault(require("./KeyboardOptionKeySharp"));
+var _KeyboardOptionKeyTwoTone = _interopRequireDefault(require("./KeyboardOptionKeyTwoTone"));
+var _KeyboardOutlined = _interopRequireDefault(require("./KeyboardOutlined"));
+var _KeyboardReturn = _interopRequireDefault(require("./KeyboardReturn"));
+var _KeyboardReturnOutlined = _interopRequireDefault(require("./KeyboardReturnOutlined"));
+var _KeyboardReturnRounded = _interopRequireDefault(require("./KeyboardReturnRounded"));
+var _KeyboardReturnSharp = _interopRequireDefault(require("./KeyboardReturnSharp"));
+var _KeyboardReturnTwoTone = _interopRequireDefault(require("./KeyboardReturnTwoTone"));
+var _KeyboardRounded = _interopRequireDefault(require("./KeyboardRounded"));
+var _KeyboardSharp = _interopRequireDefault(require("./KeyboardSharp"));
+var _KeyboardTab = _interopRequireDefault(require("./KeyboardTab"));
+var _KeyboardTabOutlined = _interopRequireDefault(require("./KeyboardTabOutlined"));
+var _KeyboardTabRounded = _interopRequireDefault(require("./KeyboardTabRounded"));
+var _KeyboardTabSharp = _interopRequireDefault(require("./KeyboardTabSharp"));
+var _KeyboardTabTwoTone = _interopRequireDefault(require("./KeyboardTabTwoTone"));
+var _KeyboardTwoTone = _interopRequireDefault(require("./KeyboardTwoTone"));
+var _KeyboardVoice = _interopRequireDefault(require("./KeyboardVoice"));
+var _KeyboardVoiceOutlined = _interopRequireDefault(require("./KeyboardVoiceOutlined"));
+var _KeyboardVoiceRounded = _interopRequireDefault(require("./KeyboardVoiceRounded"));
+var _KeyboardVoiceSharp = _interopRequireDefault(require("./KeyboardVoiceSharp"));
+var _KeyboardVoiceTwoTone = _interopRequireDefault(require("./KeyboardVoiceTwoTone"));
+var _KingBed = _interopRequireDefault(require("./KingBed"));
+var _KingBedOutlined = _interopRequireDefault(require("./KingBedOutlined"));
+var _KingBedRounded = _interopRequireDefault(require("./KingBedRounded"));
+var _KingBedSharp = _interopRequireDefault(require("./KingBedSharp"));
+var _KingBedTwoTone = _interopRequireDefault(require("./KingBedTwoTone"));
+var _Kitchen = _interopRequireDefault(require("./Kitchen"));
+var _KitchenOutlined = _interopRequireDefault(require("./KitchenOutlined"));
+var _KitchenRounded = _interopRequireDefault(require("./KitchenRounded"));
+var _KitchenSharp = _interopRequireDefault(require("./KitchenSharp"));
+var _KitchenTwoTone = _interopRequireDefault(require("./KitchenTwoTone"));
+var _Kitesurfing = _interopRequireDefault(require("./Kitesurfing"));
+var _KitesurfingOutlined = _interopRequireDefault(require("./KitesurfingOutlined"));
+var _KitesurfingRounded = _interopRequireDefault(require("./KitesurfingRounded"));
+var _KitesurfingSharp = _interopRequireDefault(require("./KitesurfingSharp"));
+var _KitesurfingTwoTone = _interopRequireDefault(require("./KitesurfingTwoTone"));
+var _Label = _interopRequireDefault(require("./Label"));
+var _LabelImportant = _interopRequireDefault(require("./LabelImportant"));
+var _LabelImportantOutlined = _interopRequireDefault(require("./LabelImportantOutlined"));
+var _LabelImportantRounded = _interopRequireDefault(require("./LabelImportantRounded"));
+var _LabelImportantSharp = _interopRequireDefault(require("./LabelImportantSharp"));
+var _LabelImportantTwoTone = _interopRequireDefault(require("./LabelImportantTwoTone"));
+var _LabelOff = _interopRequireDefault(require("./LabelOff"));
+var _LabelOffOutlined = _interopRequireDefault(require("./LabelOffOutlined"));
+var _LabelOffRounded = _interopRequireDefault(require("./LabelOffRounded"));
+var _LabelOffSharp = _interopRequireDefault(require("./LabelOffSharp"));
+var _LabelOffTwoTone = _interopRequireDefault(require("./LabelOffTwoTone"));
+var _LabelOutlined = _interopRequireDefault(require("./LabelOutlined"));
+var _LabelRounded = _interopRequireDefault(require("./LabelRounded"));
+var _LabelSharp = _interopRequireDefault(require("./LabelSharp"));
+var _LabelTwoTone = _interopRequireDefault(require("./LabelTwoTone"));
+var _Lan = _interopRequireDefault(require("./Lan"));
+var _LanOutlined = _interopRequireDefault(require("./LanOutlined"));
+var _LanRounded = _interopRequireDefault(require("./LanRounded"));
+var _LanSharp = _interopRequireDefault(require("./LanSharp"));
+var _LanTwoTone = _interopRequireDefault(require("./LanTwoTone"));
+var _Landscape = _interopRequireDefault(require("./Landscape"));
+var _LandscapeOutlined = _interopRequireDefault(require("./LandscapeOutlined"));
+var _LandscapeRounded = _interopRequireDefault(require("./LandscapeRounded"));
+var _LandscapeSharp = _interopRequireDefault(require("./LandscapeSharp"));
+var _LandscapeTwoTone = _interopRequireDefault(require("./LandscapeTwoTone"));
+var _Landslide = _interopRequireDefault(require("./Landslide"));
+var _LandslideOutlined = _interopRequireDefault(require("./LandslideOutlined"));
+var _LandslideRounded = _interopRequireDefault(require("./LandslideRounded"));
+var _LandslideSharp = _interopRequireDefault(require("./LandslideSharp"));
+var _LandslideTwoTone = _interopRequireDefault(require("./LandslideTwoTone"));
+var _Language = _interopRequireDefault(require("./Language"));
+var _LanguageOutlined = _interopRequireDefault(require("./LanguageOutlined"));
+var _LanguageRounded = _interopRequireDefault(require("./LanguageRounded"));
+var _LanguageSharp = _interopRequireDefault(require("./LanguageSharp"));
+var _LanguageTwoTone = _interopRequireDefault(require("./LanguageTwoTone"));
+var _Laptop = _interopRequireDefault(require("./Laptop"));
+var _LaptopChromebook = _interopRequireDefault(require("./LaptopChromebook"));
+var _LaptopChromebookOutlined = _interopRequireDefault(require("./LaptopChromebookOutlined"));
+var _LaptopChromebookRounded = _interopRequireDefault(require("./LaptopChromebookRounded"));
+var _LaptopChromebookSharp = _interopRequireDefault(require("./LaptopChromebookSharp"));
+var _LaptopChromebookTwoTone = _interopRequireDefault(require("./LaptopChromebookTwoTone"));
+var _LaptopMac = _interopRequireDefault(require("./LaptopMac"));
+var _LaptopMacOutlined = _interopRequireDefault(require("./LaptopMacOutlined"));
+var _LaptopMacRounded = _interopRequireDefault(require("./LaptopMacRounded"));
+var _LaptopMacSharp = _interopRequireDefault(require("./LaptopMacSharp"));
+var _LaptopMacTwoTone = _interopRequireDefault(require("./LaptopMacTwoTone"));
+var _LaptopOutlined = _interopRequireDefault(require("./LaptopOutlined"));
+var _LaptopRounded = _interopRequireDefault(require("./LaptopRounded"));
+var _LaptopSharp = _interopRequireDefault(require("./LaptopSharp"));
+var _LaptopTwoTone = _interopRequireDefault(require("./LaptopTwoTone"));
+var _LaptopWindows = _interopRequireDefault(require("./LaptopWindows"));
+var _LaptopWindowsOutlined = _interopRequireDefault(require("./LaptopWindowsOutlined"));
+var _LaptopWindowsRounded = _interopRequireDefault(require("./LaptopWindowsRounded"));
+var _LaptopWindowsSharp = _interopRequireDefault(require("./LaptopWindowsSharp"));
+var _LaptopWindowsTwoTone = _interopRequireDefault(require("./LaptopWindowsTwoTone"));
+var _LastPage = _interopRequireDefault(require("./LastPage"));
+var _LastPageOutlined = _interopRequireDefault(require("./LastPageOutlined"));
+var _LastPageRounded = _interopRequireDefault(require("./LastPageRounded"));
+var _LastPageSharp = _interopRequireDefault(require("./LastPageSharp"));
+var _LastPageTwoTone = _interopRequireDefault(require("./LastPageTwoTone"));
+var _Launch = _interopRequireDefault(require("./Launch"));
+var _LaunchOutlined = _interopRequireDefault(require("./LaunchOutlined"));
+var _LaunchRounded = _interopRequireDefault(require("./LaunchRounded"));
+var _LaunchSharp = _interopRequireDefault(require("./LaunchSharp"));
+var _LaunchTwoTone = _interopRequireDefault(require("./LaunchTwoTone"));
+var _Layers = _interopRequireDefault(require("./Layers"));
+var _LayersClear = _interopRequireDefault(require("./LayersClear"));
+var _LayersClearOutlined = _interopRequireDefault(require("./LayersClearOutlined"));
+var _LayersClearRounded = _interopRequireDefault(require("./LayersClearRounded"));
+var _LayersClearSharp = _interopRequireDefault(require("./LayersClearSharp"));
+var _LayersClearTwoTone = _interopRequireDefault(require("./LayersClearTwoTone"));
+var _LayersOutlined = _interopRequireDefault(require("./LayersOutlined"));
+var _LayersRounded = _interopRequireDefault(require("./LayersRounded"));
+var _LayersSharp = _interopRequireDefault(require("./LayersSharp"));
+var _LayersTwoTone = _interopRequireDefault(require("./LayersTwoTone"));
+var _Leaderboard = _interopRequireDefault(require("./Leaderboard"));
+var _LeaderboardOutlined = _interopRequireDefault(require("./LeaderboardOutlined"));
+var _LeaderboardRounded = _interopRequireDefault(require("./LeaderboardRounded"));
+var _LeaderboardSharp = _interopRequireDefault(require("./LeaderboardSharp"));
+var _LeaderboardTwoTone = _interopRequireDefault(require("./LeaderboardTwoTone"));
+var _LeakAdd = _interopRequireDefault(require("./LeakAdd"));
+var _LeakAddOutlined = _interopRequireDefault(require("./LeakAddOutlined"));
+var _LeakAddRounded = _interopRequireDefault(require("./LeakAddRounded"));
+var _LeakAddSharp = _interopRequireDefault(require("./LeakAddSharp"));
+var _LeakAddTwoTone = _interopRequireDefault(require("./LeakAddTwoTone"));
+var _LeakRemove = _interopRequireDefault(require("./LeakRemove"));
+var _LeakRemoveOutlined = _interopRequireDefault(require("./LeakRemoveOutlined"));
+var _LeakRemoveRounded = _interopRequireDefault(require("./LeakRemoveRounded"));
+var _LeakRemoveSharp = _interopRequireDefault(require("./LeakRemoveSharp"));
+var _LeakRemoveTwoTone = _interopRequireDefault(require("./LeakRemoveTwoTone"));
+var _LegendToggle = _interopRequireDefault(require("./LegendToggle"));
+var _LegendToggleOutlined = _interopRequireDefault(require("./LegendToggleOutlined"));
+var _LegendToggleRounded = _interopRequireDefault(require("./LegendToggleRounded"));
+var _LegendToggleSharp = _interopRequireDefault(require("./LegendToggleSharp"));
+var _LegendToggleTwoTone = _interopRequireDefault(require("./LegendToggleTwoTone"));
+var _Lens = _interopRequireDefault(require("./Lens"));
+var _LensBlur = _interopRequireDefault(require("./LensBlur"));
+var _LensBlurOutlined = _interopRequireDefault(require("./LensBlurOutlined"));
+var _LensBlurRounded = _interopRequireDefault(require("./LensBlurRounded"));
+var _LensBlurSharp = _interopRequireDefault(require("./LensBlurSharp"));
+var _LensBlurTwoTone = _interopRequireDefault(require("./LensBlurTwoTone"));
+var _LensOutlined = _interopRequireDefault(require("./LensOutlined"));
+var _LensRounded = _interopRequireDefault(require("./LensRounded"));
+var _LensSharp = _interopRequireDefault(require("./LensSharp"));
+var _LensTwoTone = _interopRequireDefault(require("./LensTwoTone"));
+var _LibraryAdd = _interopRequireDefault(require("./LibraryAdd"));
+var _LibraryAddCheck = _interopRequireDefault(require("./LibraryAddCheck"));
+var _LibraryAddCheckOutlined = _interopRequireDefault(require("./LibraryAddCheckOutlined"));
+var _LibraryAddCheckRounded = _interopRequireDefault(require("./LibraryAddCheckRounded"));
+var _LibraryAddCheckSharp = _interopRequireDefault(require("./LibraryAddCheckSharp"));
+var _LibraryAddCheckTwoTone = _interopRequireDefault(require("./LibraryAddCheckTwoTone"));
+var _LibraryAddOutlined = _interopRequireDefault(require("./LibraryAddOutlined"));
+var _LibraryAddRounded = _interopRequireDefault(require("./LibraryAddRounded"));
+var _LibraryAddSharp = _interopRequireDefault(require("./LibraryAddSharp"));
+var _LibraryAddTwoTone = _interopRequireDefault(require("./LibraryAddTwoTone"));
+var _LibraryBooks = _interopRequireDefault(require("./LibraryBooks"));
+var _LibraryBooksOutlined = _interopRequireDefault(require("./LibraryBooksOutlined"));
+var _LibraryBooksRounded = _interopRequireDefault(require("./LibraryBooksRounded"));
+var _LibraryBooksSharp = _interopRequireDefault(require("./LibraryBooksSharp"));
+var _LibraryBooksTwoTone = _interopRequireDefault(require("./LibraryBooksTwoTone"));
+var _LibraryMusic = _interopRequireDefault(require("./LibraryMusic"));
+var _LibraryMusicOutlined = _interopRequireDefault(require("./LibraryMusicOutlined"));
+var _LibraryMusicRounded = _interopRequireDefault(require("./LibraryMusicRounded"));
+var _LibraryMusicSharp = _interopRequireDefault(require("./LibraryMusicSharp"));
+var _LibraryMusicTwoTone = _interopRequireDefault(require("./LibraryMusicTwoTone"));
+var _Light = _interopRequireDefault(require("./Light"));
+var _LightMode = _interopRequireDefault(require("./LightMode"));
+var _LightModeOutlined = _interopRequireDefault(require("./LightModeOutlined"));
+var _LightModeRounded = _interopRequireDefault(require("./LightModeRounded"));
+var _LightModeSharp = _interopRequireDefault(require("./LightModeSharp"));
+var _LightModeTwoTone = _interopRequireDefault(require("./LightModeTwoTone"));
+var _LightOutlined = _interopRequireDefault(require("./LightOutlined"));
+var _LightRounded = _interopRequireDefault(require("./LightRounded"));
+var _LightSharp = _interopRequireDefault(require("./LightSharp"));
+var _LightTwoTone = _interopRequireDefault(require("./LightTwoTone"));
+var _Lightbulb = _interopRequireDefault(require("./Lightbulb"));
+var _LightbulbCircle = _interopRequireDefault(require("./LightbulbCircle"));
+var _LightbulbCircleOutlined = _interopRequireDefault(require("./LightbulbCircleOutlined"));
+var _LightbulbCircleRounded = _interopRequireDefault(require("./LightbulbCircleRounded"));
+var _LightbulbCircleSharp = _interopRequireDefault(require("./LightbulbCircleSharp"));
+var _LightbulbCircleTwoTone = _interopRequireDefault(require("./LightbulbCircleTwoTone"));
+var _LightbulbOutlined = _interopRequireDefault(require("./LightbulbOutlined"));
+var _LightbulbRounded = _interopRequireDefault(require("./LightbulbRounded"));
+var _LightbulbSharp = _interopRequireDefault(require("./LightbulbSharp"));
+var _LightbulbTwoTone = _interopRequireDefault(require("./LightbulbTwoTone"));
+var _LineAxis = _interopRequireDefault(require("./LineAxis"));
+var _LineAxisOutlined = _interopRequireDefault(require("./LineAxisOutlined"));
+var _LineAxisRounded = _interopRequireDefault(require("./LineAxisRounded"));
+var _LineAxisSharp = _interopRequireDefault(require("./LineAxisSharp"));
+var _LineAxisTwoTone = _interopRequireDefault(require("./LineAxisTwoTone"));
+var _LineStyle = _interopRequireDefault(require("./LineStyle"));
+var _LineStyleOutlined = _interopRequireDefault(require("./LineStyleOutlined"));
+var _LineStyleRounded = _interopRequireDefault(require("./LineStyleRounded"));
+var _LineStyleSharp = _interopRequireDefault(require("./LineStyleSharp"));
+var _LineStyleTwoTone = _interopRequireDefault(require("./LineStyleTwoTone"));
+var _LineWeight = _interopRequireDefault(require("./LineWeight"));
+var _LineWeightOutlined = _interopRequireDefault(require("./LineWeightOutlined"));
+var _LineWeightRounded = _interopRequireDefault(require("./LineWeightRounded"));
+var _LineWeightSharp = _interopRequireDefault(require("./LineWeightSharp"));
+var _LineWeightTwoTone = _interopRequireDefault(require("./LineWeightTwoTone"));
+var _LinearScale = _interopRequireDefault(require("./LinearScale"));
+var _LinearScaleOutlined = _interopRequireDefault(require("./LinearScaleOutlined"));
+var _LinearScaleRounded = _interopRequireDefault(require("./LinearScaleRounded"));
+var _LinearScaleSharp = _interopRequireDefault(require("./LinearScaleSharp"));
+var _LinearScaleTwoTone = _interopRequireDefault(require("./LinearScaleTwoTone"));
+var _Link = _interopRequireDefault(require("./Link"));
+var _LinkOff = _interopRequireDefault(require("./LinkOff"));
+var _LinkOffOutlined = _interopRequireDefault(require("./LinkOffOutlined"));
+var _LinkOffRounded = _interopRequireDefault(require("./LinkOffRounded"));
+var _LinkOffSharp = _interopRequireDefault(require("./LinkOffSharp"));
+var _LinkOffTwoTone = _interopRequireDefault(require("./LinkOffTwoTone"));
+var _LinkOutlined = _interopRequireDefault(require("./LinkOutlined"));
+var _LinkRounded = _interopRequireDefault(require("./LinkRounded"));
+var _LinkSharp = _interopRequireDefault(require("./LinkSharp"));
+var _LinkTwoTone = _interopRequireDefault(require("./LinkTwoTone"));
+var _LinkedCamera = _interopRequireDefault(require("./LinkedCamera"));
+var _LinkedCameraOutlined = _interopRequireDefault(require("./LinkedCameraOutlined"));
+var _LinkedCameraRounded = _interopRequireDefault(require("./LinkedCameraRounded"));
+var _LinkedCameraSharp = _interopRequireDefault(require("./LinkedCameraSharp"));
+var _LinkedCameraTwoTone = _interopRequireDefault(require("./LinkedCameraTwoTone"));
+var _LinkedIn = _interopRequireDefault(require("./LinkedIn"));
+var _Liquor = _interopRequireDefault(require("./Liquor"));
+var _LiquorOutlined = _interopRequireDefault(require("./LiquorOutlined"));
+var _LiquorRounded = _interopRequireDefault(require("./LiquorRounded"));
+var _LiquorSharp = _interopRequireDefault(require("./LiquorSharp"));
+var _LiquorTwoTone = _interopRequireDefault(require("./LiquorTwoTone"));
+var _List = _interopRequireDefault(require("./List"));
+var _ListAlt = _interopRequireDefault(require("./ListAlt"));
+var _ListAltOutlined = _interopRequireDefault(require("./ListAltOutlined"));
+var _ListAltRounded = _interopRequireDefault(require("./ListAltRounded"));
+var _ListAltSharp = _interopRequireDefault(require("./ListAltSharp"));
+var _ListAltTwoTone = _interopRequireDefault(require("./ListAltTwoTone"));
+var _ListOutlined = _interopRequireDefault(require("./ListOutlined"));
+var _ListRounded = _interopRequireDefault(require("./ListRounded"));
+var _ListSharp = _interopRequireDefault(require("./ListSharp"));
+var _ListTwoTone = _interopRequireDefault(require("./ListTwoTone"));
+var _LiveHelp = _interopRequireDefault(require("./LiveHelp"));
+var _LiveHelpOutlined = _interopRequireDefault(require("./LiveHelpOutlined"));
+var _LiveHelpRounded = _interopRequireDefault(require("./LiveHelpRounded"));
+var _LiveHelpSharp = _interopRequireDefault(require("./LiveHelpSharp"));
+var _LiveHelpTwoTone = _interopRequireDefault(require("./LiveHelpTwoTone"));
+var _LiveTv = _interopRequireDefault(require("./LiveTv"));
+var _LiveTvOutlined = _interopRequireDefault(require("./LiveTvOutlined"));
+var _LiveTvRounded = _interopRequireDefault(require("./LiveTvRounded"));
+var _LiveTvSharp = _interopRequireDefault(require("./LiveTvSharp"));
+var _LiveTvTwoTone = _interopRequireDefault(require("./LiveTvTwoTone"));
+var _Living = _interopRequireDefault(require("./Living"));
+var _LivingOutlined = _interopRequireDefault(require("./LivingOutlined"));
+var _LivingRounded = _interopRequireDefault(require("./LivingRounded"));
+var _LivingSharp = _interopRequireDefault(require("./LivingSharp"));
+var _LivingTwoTone = _interopRequireDefault(require("./LivingTwoTone"));
+var _LocalActivity = _interopRequireDefault(require("./LocalActivity"));
+var _LocalActivityOutlined = _interopRequireDefault(require("./LocalActivityOutlined"));
+var _LocalActivityRounded = _interopRequireDefault(require("./LocalActivityRounded"));
+var _LocalActivitySharp = _interopRequireDefault(require("./LocalActivitySharp"));
+var _LocalActivityTwoTone = _interopRequireDefault(require("./LocalActivityTwoTone"));
+var _LocalAirport = _interopRequireDefault(require("./LocalAirport"));
+var _LocalAirportOutlined = _interopRequireDefault(require("./LocalAirportOutlined"));
+var _LocalAirportRounded = _interopRequireDefault(require("./LocalAirportRounded"));
+var _LocalAirportSharp = _interopRequireDefault(require("./LocalAirportSharp"));
+var _LocalAirportTwoTone = _interopRequireDefault(require("./LocalAirportTwoTone"));
+var _LocalAtm = _interopRequireDefault(require("./LocalAtm"));
+var _LocalAtmOutlined = _interopRequireDefault(require("./LocalAtmOutlined"));
+var _LocalAtmRounded = _interopRequireDefault(require("./LocalAtmRounded"));
+var _LocalAtmSharp = _interopRequireDefault(require("./LocalAtmSharp"));
+var _LocalAtmTwoTone = _interopRequireDefault(require("./LocalAtmTwoTone"));
+var _LocalBar = _interopRequireDefault(require("./LocalBar"));
+var _LocalBarOutlined = _interopRequireDefault(require("./LocalBarOutlined"));
+var _LocalBarRounded = _interopRequireDefault(require("./LocalBarRounded"));
+var _LocalBarSharp = _interopRequireDefault(require("./LocalBarSharp"));
+var _LocalBarTwoTone = _interopRequireDefault(require("./LocalBarTwoTone"));
+var _LocalCafe = _interopRequireDefault(require("./LocalCafe"));
+var _LocalCafeOutlined = _interopRequireDefault(require("./LocalCafeOutlined"));
+var _LocalCafeRounded = _interopRequireDefault(require("./LocalCafeRounded"));
+var _LocalCafeSharp = _interopRequireDefault(require("./LocalCafeSharp"));
+var _LocalCafeTwoTone = _interopRequireDefault(require("./LocalCafeTwoTone"));
+var _LocalCarWash = _interopRequireDefault(require("./LocalCarWash"));
+var _LocalCarWashOutlined = _interopRequireDefault(require("./LocalCarWashOutlined"));
+var _LocalCarWashRounded = _interopRequireDefault(require("./LocalCarWashRounded"));
+var _LocalCarWashSharp = _interopRequireDefault(require("./LocalCarWashSharp"));
+var _LocalCarWashTwoTone = _interopRequireDefault(require("./LocalCarWashTwoTone"));
+var _LocalConvenienceStore = _interopRequireDefault(require("./LocalConvenienceStore"));
+var _LocalConvenienceStoreOutlined = _interopRequireDefault(require("./LocalConvenienceStoreOutlined"));
+var _LocalConvenienceStoreRounded = _interopRequireDefault(require("./LocalConvenienceStoreRounded"));
+var _LocalConvenienceStoreSharp = _interopRequireDefault(require("./LocalConvenienceStoreSharp"));
+var _LocalConvenienceStoreTwoTone = _interopRequireDefault(require("./LocalConvenienceStoreTwoTone"));
+var _LocalDining = _interopRequireDefault(require("./LocalDining"));
+var _LocalDiningOutlined = _interopRequireDefault(require("./LocalDiningOutlined"));
+var _LocalDiningRounded = _interopRequireDefault(require("./LocalDiningRounded"));
+var _LocalDiningSharp = _interopRequireDefault(require("./LocalDiningSharp"));
+var _LocalDiningTwoTone = _interopRequireDefault(require("./LocalDiningTwoTone"));
+var _LocalDrink = _interopRequireDefault(require("./LocalDrink"));
+var _LocalDrinkOutlined = _interopRequireDefault(require("./LocalDrinkOutlined"));
+var _LocalDrinkRounded = _interopRequireDefault(require("./LocalDrinkRounded"));
+var _LocalDrinkSharp = _interopRequireDefault(require("./LocalDrinkSharp"));
+var _LocalDrinkTwoTone = _interopRequireDefault(require("./LocalDrinkTwoTone"));
+var _LocalFireDepartment = _interopRequireDefault(require("./LocalFireDepartment"));
+var _LocalFireDepartmentOutlined = _interopRequireDefault(require("./LocalFireDepartmentOutlined"));
+var _LocalFireDepartmentRounded = _interopRequireDefault(require("./LocalFireDepartmentRounded"));
+var _LocalFireDepartmentSharp = _interopRequireDefault(require("./LocalFireDepartmentSharp"));
+var _LocalFireDepartmentTwoTone = _interopRequireDefault(require("./LocalFireDepartmentTwoTone"));
+var _LocalFlorist = _interopRequireDefault(require("./LocalFlorist"));
+var _LocalFloristOutlined = _interopRequireDefault(require("./LocalFloristOutlined"));
+var _LocalFloristRounded = _interopRequireDefault(require("./LocalFloristRounded"));
+var _LocalFloristSharp = _interopRequireDefault(require("./LocalFloristSharp"));
+var _LocalFloristTwoTone = _interopRequireDefault(require("./LocalFloristTwoTone"));
+var _LocalGasStation = _interopRequireDefault(require("./LocalGasStation"));
+var _LocalGasStationOutlined = _interopRequireDefault(require("./LocalGasStationOutlined"));
+var _LocalGasStationRounded = _interopRequireDefault(require("./LocalGasStationRounded"));
+var _LocalGasStationSharp = _interopRequireDefault(require("./LocalGasStationSharp"));
+var _LocalGasStationTwoTone = _interopRequireDefault(require("./LocalGasStationTwoTone"));
+var _LocalGroceryStore = _interopRequireDefault(require("./LocalGroceryStore"));
+var _LocalGroceryStoreOutlined = _interopRequireDefault(require("./LocalGroceryStoreOutlined"));
+var _LocalGroceryStoreRounded = _interopRequireDefault(require("./LocalGroceryStoreRounded"));
+var _LocalGroceryStoreSharp = _interopRequireDefault(require("./LocalGroceryStoreSharp"));
+var _LocalGroceryStoreTwoTone = _interopRequireDefault(require("./LocalGroceryStoreTwoTone"));
+var _LocalHospital = _interopRequireDefault(require("./LocalHospital"));
+var _LocalHospitalOutlined = _interopRequireDefault(require("./LocalHospitalOutlined"));
+var _LocalHospitalRounded = _interopRequireDefault(require("./LocalHospitalRounded"));
+var _LocalHospitalSharp = _interopRequireDefault(require("./LocalHospitalSharp"));
+var _LocalHospitalTwoTone = _interopRequireDefault(require("./LocalHospitalTwoTone"));
+var _LocalHotel = _interopRequireDefault(require("./LocalHotel"));
+var _LocalHotelOutlined = _interopRequireDefault(require("./LocalHotelOutlined"));
+var _LocalHotelRounded = _interopRequireDefault(require("./LocalHotelRounded"));
+var _LocalHotelSharp = _interopRequireDefault(require("./LocalHotelSharp"));
+var _LocalHotelTwoTone = _interopRequireDefault(require("./LocalHotelTwoTone"));
+var _LocalLaundryService = _interopRequireDefault(require("./LocalLaundryService"));
+var _LocalLaundryServiceOutlined = _interopRequireDefault(require("./LocalLaundryServiceOutlined"));
+var _LocalLaundryServiceRounded = _interopRequireDefault(require("./LocalLaundryServiceRounded"));
+var _LocalLaundryServiceSharp = _interopRequireDefault(require("./LocalLaundryServiceSharp"));
+var _LocalLaundryServiceTwoTone = _interopRequireDefault(require("./LocalLaundryServiceTwoTone"));
+var _LocalLibrary = _interopRequireDefault(require("./LocalLibrary"));
+var _LocalLibraryOutlined = _interopRequireDefault(require("./LocalLibraryOutlined"));
+var _LocalLibraryRounded = _interopRequireDefault(require("./LocalLibraryRounded"));
+var _LocalLibrarySharp = _interopRequireDefault(require("./LocalLibrarySharp"));
+var _LocalLibraryTwoTone = _interopRequireDefault(require("./LocalLibraryTwoTone"));
+var _LocalMall = _interopRequireDefault(require("./LocalMall"));
+var _LocalMallOutlined = _interopRequireDefault(require("./LocalMallOutlined"));
+var _LocalMallRounded = _interopRequireDefault(require("./LocalMallRounded"));
+var _LocalMallSharp = _interopRequireDefault(require("./LocalMallSharp"));
+var _LocalMallTwoTone = _interopRequireDefault(require("./LocalMallTwoTone"));
+var _LocalMovies = _interopRequireDefault(require("./LocalMovies"));
+var _LocalMoviesOutlined = _interopRequireDefault(require("./LocalMoviesOutlined"));
+var _LocalMoviesRounded = _interopRequireDefault(require("./LocalMoviesRounded"));
+var _LocalMoviesSharp = _interopRequireDefault(require("./LocalMoviesSharp"));
+var _LocalMoviesTwoTone = _interopRequireDefault(require("./LocalMoviesTwoTone"));
+var _LocalOffer = _interopRequireDefault(require("./LocalOffer"));
+var _LocalOfferOutlined = _interopRequireDefault(require("./LocalOfferOutlined"));
+var _LocalOfferRounded = _interopRequireDefault(require("./LocalOfferRounded"));
+var _LocalOfferSharp = _interopRequireDefault(require("./LocalOfferSharp"));
+var _LocalOfferTwoTone = _interopRequireDefault(require("./LocalOfferTwoTone"));
+var _LocalParking = _interopRequireDefault(require("./LocalParking"));
+var _LocalParkingOutlined = _interopRequireDefault(require("./LocalParkingOutlined"));
+var _LocalParkingRounded = _interopRequireDefault(require("./LocalParkingRounded"));
+var _LocalParkingSharp = _interopRequireDefault(require("./LocalParkingSharp"));
+var _LocalParkingTwoTone = _interopRequireDefault(require("./LocalParkingTwoTone"));
+var _LocalPharmacy = _interopRequireDefault(require("./LocalPharmacy"));
+var _LocalPharmacyOutlined = _interopRequireDefault(require("./LocalPharmacyOutlined"));
+var _LocalPharmacyRounded = _interopRequireDefault(require("./LocalPharmacyRounded"));
+var _LocalPharmacySharp = _interopRequireDefault(require("./LocalPharmacySharp"));
+var _LocalPharmacyTwoTone = _interopRequireDefault(require("./LocalPharmacyTwoTone"));
+var _LocalPhone = _interopRequireDefault(require("./LocalPhone"));
+var _LocalPhoneOutlined = _interopRequireDefault(require("./LocalPhoneOutlined"));
+var _LocalPhoneRounded = _interopRequireDefault(require("./LocalPhoneRounded"));
+var _LocalPhoneSharp = _interopRequireDefault(require("./LocalPhoneSharp"));
+var _LocalPhoneTwoTone = _interopRequireDefault(require("./LocalPhoneTwoTone"));
+var _LocalPizza = _interopRequireDefault(require("./LocalPizza"));
+var _LocalPizzaOutlined = _interopRequireDefault(require("./LocalPizzaOutlined"));
+var _LocalPizzaRounded = _interopRequireDefault(require("./LocalPizzaRounded"));
+var _LocalPizzaSharp = _interopRequireDefault(require("./LocalPizzaSharp"));
+var _LocalPizzaTwoTone = _interopRequireDefault(require("./LocalPizzaTwoTone"));
+var _LocalPlay = _interopRequireDefault(require("./LocalPlay"));
+var _LocalPlayOutlined = _interopRequireDefault(require("./LocalPlayOutlined"));
+var _LocalPlayRounded = _interopRequireDefault(require("./LocalPlayRounded"));
+var _LocalPlaySharp = _interopRequireDefault(require("./LocalPlaySharp"));
+var _LocalPlayTwoTone = _interopRequireDefault(require("./LocalPlayTwoTone"));
+var _LocalPolice = _interopRequireDefault(require("./LocalPolice"));
+var _LocalPoliceOutlined = _interopRequireDefault(require("./LocalPoliceOutlined"));
+var _LocalPoliceRounded = _interopRequireDefault(require("./LocalPoliceRounded"));
+var _LocalPoliceSharp = _interopRequireDefault(require("./LocalPoliceSharp"));
+var _LocalPoliceTwoTone = _interopRequireDefault(require("./LocalPoliceTwoTone"));
+var _LocalPostOffice = _interopRequireDefault(require("./LocalPostOffice"));
+var _LocalPostOfficeOutlined = _interopRequireDefault(require("./LocalPostOfficeOutlined"));
+var _LocalPostOfficeRounded = _interopRequireDefault(require("./LocalPostOfficeRounded"));
+var _LocalPostOfficeSharp = _interopRequireDefault(require("./LocalPostOfficeSharp"));
+var _LocalPostOfficeTwoTone = _interopRequireDefault(require("./LocalPostOfficeTwoTone"));
+var _LocalPrintshop = _interopRequireDefault(require("./LocalPrintshop"));
+var _LocalPrintshopOutlined = _interopRequireDefault(require("./LocalPrintshopOutlined"));
+var _LocalPrintshopRounded = _interopRequireDefault(require("./LocalPrintshopRounded"));
+var _LocalPrintshopSharp = _interopRequireDefault(require("./LocalPrintshopSharp"));
+var _LocalPrintshopTwoTone = _interopRequireDefault(require("./LocalPrintshopTwoTone"));
+var _LocalSee = _interopRequireDefault(require("./LocalSee"));
+var _LocalSeeOutlined = _interopRequireDefault(require("./LocalSeeOutlined"));
+var _LocalSeeRounded = _interopRequireDefault(require("./LocalSeeRounded"));
+var _LocalSeeSharp = _interopRequireDefault(require("./LocalSeeSharp"));
+var _LocalSeeTwoTone = _interopRequireDefault(require("./LocalSeeTwoTone"));
+var _LocalShipping = _interopRequireDefault(require("./LocalShipping"));
+var _LocalShippingOutlined = _interopRequireDefault(require("./LocalShippingOutlined"));
+var _LocalShippingRounded = _interopRequireDefault(require("./LocalShippingRounded"));
+var _LocalShippingSharp = _interopRequireDefault(require("./LocalShippingSharp"));
+var _LocalShippingTwoTone = _interopRequireDefault(require("./LocalShippingTwoTone"));
+var _LocalTaxi = _interopRequireDefault(require("./LocalTaxi"));
+var _LocalTaxiOutlined = _interopRequireDefault(require("./LocalTaxiOutlined"));
+var _LocalTaxiRounded = _interopRequireDefault(require("./LocalTaxiRounded"));
+var _LocalTaxiSharp = _interopRequireDefault(require("./LocalTaxiSharp"));
+var _LocalTaxiTwoTone = _interopRequireDefault(require("./LocalTaxiTwoTone"));
+var _LocationCity = _interopRequireDefault(require("./LocationCity"));
+var _LocationCityOutlined = _interopRequireDefault(require("./LocationCityOutlined"));
+var _LocationCityRounded = _interopRequireDefault(require("./LocationCityRounded"));
+var _LocationCitySharp = _interopRequireDefault(require("./LocationCitySharp"));
+var _LocationCityTwoTone = _interopRequireDefault(require("./LocationCityTwoTone"));
+var _LocationDisabled = _interopRequireDefault(require("./LocationDisabled"));
+var _LocationDisabledOutlined = _interopRequireDefault(require("./LocationDisabledOutlined"));
+var _LocationDisabledRounded = _interopRequireDefault(require("./LocationDisabledRounded"));
+var _LocationDisabledSharp = _interopRequireDefault(require("./LocationDisabledSharp"));
+var _LocationDisabledTwoTone = _interopRequireDefault(require("./LocationDisabledTwoTone"));
+var _LocationOff = _interopRequireDefault(require("./LocationOff"));
+var _LocationOffOutlined = _interopRequireDefault(require("./LocationOffOutlined"));
+var _LocationOffRounded = _interopRequireDefault(require("./LocationOffRounded"));
+var _LocationOffSharp = _interopRequireDefault(require("./LocationOffSharp"));
+var _LocationOffTwoTone = _interopRequireDefault(require("./LocationOffTwoTone"));
+var _LocationOn = _interopRequireDefault(require("./LocationOn"));
+var _LocationOnOutlined = _interopRequireDefault(require("./LocationOnOutlined"));
+var _LocationOnRounded = _interopRequireDefault(require("./LocationOnRounded"));
+var _LocationOnSharp = _interopRequireDefault(require("./LocationOnSharp"));
+var _LocationOnTwoTone = _interopRequireDefault(require("./LocationOnTwoTone"));
+var _LocationSearching = _interopRequireDefault(require("./LocationSearching"));
+var _LocationSearchingOutlined = _interopRequireDefault(require("./LocationSearchingOutlined"));
+var _LocationSearchingRounded = _interopRequireDefault(require("./LocationSearchingRounded"));
+var _LocationSearchingSharp = _interopRequireDefault(require("./LocationSearchingSharp"));
+var _LocationSearchingTwoTone = _interopRequireDefault(require("./LocationSearchingTwoTone"));
+var _Lock = _interopRequireDefault(require("./Lock"));
+var _LockClock = _interopRequireDefault(require("./LockClock"));
+var _LockClockOutlined = _interopRequireDefault(require("./LockClockOutlined"));
+var _LockClockRounded = _interopRequireDefault(require("./LockClockRounded"));
+var _LockClockSharp = _interopRequireDefault(require("./LockClockSharp"));
+var _LockClockTwoTone = _interopRequireDefault(require("./LockClockTwoTone"));
+var _LockOpen = _interopRequireDefault(require("./LockOpen"));
+var _LockOpenOutlined = _interopRequireDefault(require("./LockOpenOutlined"));
+var _LockOpenRounded = _interopRequireDefault(require("./LockOpenRounded"));
+var _LockOpenSharp = _interopRequireDefault(require("./LockOpenSharp"));
+var _LockOpenTwoTone = _interopRequireDefault(require("./LockOpenTwoTone"));
+var _LockOutlined = _interopRequireDefault(require("./LockOutlined"));
+var _LockPerson = _interopRequireDefault(require("./LockPerson"));
+var _LockPersonOutlined = _interopRequireDefault(require("./LockPersonOutlined"));
+var _LockPersonRounded = _interopRequireDefault(require("./LockPersonRounded"));
+var _LockPersonSharp = _interopRequireDefault(require("./LockPersonSharp"));
+var _LockPersonTwoTone = _interopRequireDefault(require("./LockPersonTwoTone"));
+var _LockReset = _interopRequireDefault(require("./LockReset"));
+var _LockResetOutlined = _interopRequireDefault(require("./LockResetOutlined"));
+var _LockResetRounded = _interopRequireDefault(require("./LockResetRounded"));
+var _LockResetSharp = _interopRequireDefault(require("./LockResetSharp"));
+var _LockResetTwoTone = _interopRequireDefault(require("./LockResetTwoTone"));
+var _LockRounded = _interopRequireDefault(require("./LockRounded"));
+var _LockSharp = _interopRequireDefault(require("./LockSharp"));
+var _LockTwoTone = _interopRequireDefault(require("./LockTwoTone"));
+var _Login = _interopRequireDefault(require("./Login"));
+var _LoginOutlined = _interopRequireDefault(require("./LoginOutlined"));
+var _LoginRounded = _interopRequireDefault(require("./LoginRounded"));
+var _LoginSharp = _interopRequireDefault(require("./LoginSharp"));
+var _LoginTwoTone = _interopRequireDefault(require("./LoginTwoTone"));
+var _LogoDev = _interopRequireDefault(require("./LogoDev"));
+var _LogoDevOutlined = _interopRequireDefault(require("./LogoDevOutlined"));
+var _LogoDevRounded = _interopRequireDefault(require("./LogoDevRounded"));
+var _LogoDevSharp = _interopRequireDefault(require("./LogoDevSharp"));
+var _LogoDevTwoTone = _interopRequireDefault(require("./LogoDevTwoTone"));
+var _Logout = _interopRequireDefault(require("./Logout"));
+var _LogoutOutlined = _interopRequireDefault(require("./LogoutOutlined"));
+var _LogoutRounded = _interopRequireDefault(require("./LogoutRounded"));
+var _LogoutSharp = _interopRequireDefault(require("./LogoutSharp"));
+var _LogoutTwoTone = _interopRequireDefault(require("./LogoutTwoTone"));
+var _Looks = _interopRequireDefault(require("./Looks"));
+var _Looks2 = _interopRequireDefault(require("./Looks3"));
+var _Looks3Outlined = _interopRequireDefault(require("./Looks3Outlined"));
+var _Looks3Rounded = _interopRequireDefault(require("./Looks3Rounded"));
+var _Looks3Sharp = _interopRequireDefault(require("./Looks3Sharp"));
+var _Looks3TwoTone = _interopRequireDefault(require("./Looks3TwoTone"));
+var _Looks3 = _interopRequireDefault(require("./Looks4"));
+var _Looks4Outlined = _interopRequireDefault(require("./Looks4Outlined"));
+var _Looks4Rounded = _interopRequireDefault(require("./Looks4Rounded"));
+var _Looks4Sharp = _interopRequireDefault(require("./Looks4Sharp"));
+var _Looks4TwoTone = _interopRequireDefault(require("./Looks4TwoTone"));
+var _Looks4 = _interopRequireDefault(require("./Looks5"));
+var _Looks5Outlined = _interopRequireDefault(require("./Looks5Outlined"));
+var _Looks5Rounded = _interopRequireDefault(require("./Looks5Rounded"));
+var _Looks5Sharp = _interopRequireDefault(require("./Looks5Sharp"));
+var _Looks5TwoTone = _interopRequireDefault(require("./Looks5TwoTone"));
+var _Looks5 = _interopRequireDefault(require("./Looks6"));
+var _Looks6Outlined = _interopRequireDefault(require("./Looks6Outlined"));
+var _Looks6Rounded = _interopRequireDefault(require("./Looks6Rounded"));
+var _Looks6Sharp = _interopRequireDefault(require("./Looks6Sharp"));
+var _Looks6TwoTone = _interopRequireDefault(require("./Looks6TwoTone"));
+var _LooksOne = _interopRequireDefault(require("./LooksOne"));
+var _LooksOneOutlined = _interopRequireDefault(require("./LooksOneOutlined"));
+var _LooksOneRounded = _interopRequireDefault(require("./LooksOneRounded"));
+var _LooksOneSharp = _interopRequireDefault(require("./LooksOneSharp"));
+var _LooksOneTwoTone = _interopRequireDefault(require("./LooksOneTwoTone"));
+var _LooksOutlined = _interopRequireDefault(require("./LooksOutlined"));
+var _LooksRounded = _interopRequireDefault(require("./LooksRounded"));
+var _LooksSharp = _interopRequireDefault(require("./LooksSharp"));
+var _LooksTwo = _interopRequireDefault(require("./LooksTwo"));
+var _LooksTwoOutlined = _interopRequireDefault(require("./LooksTwoOutlined"));
+var _LooksTwoRounded = _interopRequireDefault(require("./LooksTwoRounded"));
+var _LooksTwoSharp = _interopRequireDefault(require("./LooksTwoSharp"));
+var _LooksTwoTone = _interopRequireDefault(require("./LooksTwoTone"));
+var _LooksTwoTwoTone = _interopRequireDefault(require("./LooksTwoTwoTone"));
+var _Loop = _interopRequireDefault(require("./Loop"));
+var _LoopOutlined = _interopRequireDefault(require("./LoopOutlined"));
+var _LoopRounded = _interopRequireDefault(require("./LoopRounded"));
+var _LoopSharp = _interopRequireDefault(require("./LoopSharp"));
+var _LoopTwoTone = _interopRequireDefault(require("./LoopTwoTone"));
+var _Loupe = _interopRequireDefault(require("./Loupe"));
+var _LoupeOutlined = _interopRequireDefault(require("./LoupeOutlined"));
+var _LoupeRounded = _interopRequireDefault(require("./LoupeRounded"));
+var _LoupeSharp = _interopRequireDefault(require("./LoupeSharp"));
+var _LoupeTwoTone = _interopRequireDefault(require("./LoupeTwoTone"));
+var _LowPriority = _interopRequireDefault(require("./LowPriority"));
+var _LowPriorityOutlined = _interopRequireDefault(require("./LowPriorityOutlined"));
+var _LowPriorityRounded = _interopRequireDefault(require("./LowPriorityRounded"));
+var _LowPrioritySharp = _interopRequireDefault(require("./LowPrioritySharp"));
+var _LowPriorityTwoTone = _interopRequireDefault(require("./LowPriorityTwoTone"));
+var _Loyalty = _interopRequireDefault(require("./Loyalty"));
+var _LoyaltyOutlined = _interopRequireDefault(require("./LoyaltyOutlined"));
+var _LoyaltyRounded = _interopRequireDefault(require("./LoyaltyRounded"));
+var _LoyaltySharp = _interopRequireDefault(require("./LoyaltySharp"));
+var _LoyaltyTwoTone = _interopRequireDefault(require("./LoyaltyTwoTone"));
+var _LteMobiledata = _interopRequireDefault(require("./LteMobiledata"));
+var _LteMobiledataOutlined = _interopRequireDefault(require("./LteMobiledataOutlined"));
+var _LteMobiledataRounded = _interopRequireDefault(require("./LteMobiledataRounded"));
+var _LteMobiledataSharp = _interopRequireDefault(require("./LteMobiledataSharp"));
+var _LteMobiledataTwoTone = _interopRequireDefault(require("./LteMobiledataTwoTone"));
+var _LtePlusMobiledata = _interopRequireDefault(require("./LtePlusMobiledata"));
+var _LtePlusMobiledataOutlined = _interopRequireDefault(require("./LtePlusMobiledataOutlined"));
+var _LtePlusMobiledataRounded = _interopRequireDefault(require("./LtePlusMobiledataRounded"));
+var _LtePlusMobiledataSharp = _interopRequireDefault(require("./LtePlusMobiledataSharp"));
+var _LtePlusMobiledataTwoTone = _interopRequireDefault(require("./LtePlusMobiledataTwoTone"));
+var _Luggage = _interopRequireDefault(require("./Luggage"));
+var _LuggageOutlined = _interopRequireDefault(require("./LuggageOutlined"));
+var _LuggageRounded = _interopRequireDefault(require("./LuggageRounded"));
+var _LuggageSharp = _interopRequireDefault(require("./LuggageSharp"));
+var _LuggageTwoTone = _interopRequireDefault(require("./LuggageTwoTone"));
+var _LunchDining = _interopRequireDefault(require("./LunchDining"));
+var _LunchDiningOutlined = _interopRequireDefault(require("./LunchDiningOutlined"));
+var _LunchDiningRounded = _interopRequireDefault(require("./LunchDiningRounded"));
+var _LunchDiningSharp = _interopRequireDefault(require("./LunchDiningSharp"));
+var _LunchDiningTwoTone = _interopRequireDefault(require("./LunchDiningTwoTone"));
+var _Lyrics = _interopRequireDefault(require("./Lyrics"));
+var _LyricsOutlined = _interopRequireDefault(require("./LyricsOutlined"));
+var _LyricsRounded = _interopRequireDefault(require("./LyricsRounded"));
+var _LyricsSharp = _interopRequireDefault(require("./LyricsSharp"));
+var _LyricsTwoTone = _interopRequireDefault(require("./LyricsTwoTone"));
+var _MacroOff = _interopRequireDefault(require("./MacroOff"));
+var _MacroOffOutlined = _interopRequireDefault(require("./MacroOffOutlined"));
+var _MacroOffRounded = _interopRequireDefault(require("./MacroOffRounded"));
+var _MacroOffSharp = _interopRequireDefault(require("./MacroOffSharp"));
+var _MacroOffTwoTone = _interopRequireDefault(require("./MacroOffTwoTone"));
+var _Mail = _interopRequireDefault(require("./Mail"));
+var _MailLock = _interopRequireDefault(require("./MailLock"));
+var _MailLockOutlined = _interopRequireDefault(require("./MailLockOutlined"));
+var _MailLockRounded = _interopRequireDefault(require("./MailLockRounded"));
+var _MailLockSharp = _interopRequireDefault(require("./MailLockSharp"));
+var _MailLockTwoTone = _interopRequireDefault(require("./MailLockTwoTone"));
+var _MailOutline = _interopRequireDefault(require("./MailOutline"));
+var _MailOutlineOutlined = _interopRequireDefault(require("./MailOutlineOutlined"));
+var _MailOutlineRounded = _interopRequireDefault(require("./MailOutlineRounded"));
+var _MailOutlineSharp = _interopRequireDefault(require("./MailOutlineSharp"));
+var _MailOutlineTwoTone = _interopRequireDefault(require("./MailOutlineTwoTone"));
+var _MailOutlined = _interopRequireDefault(require("./MailOutlined"));
+var _MailRounded = _interopRequireDefault(require("./MailRounded"));
+var _MailSharp = _interopRequireDefault(require("./MailSharp"));
+var _MailTwoTone = _interopRequireDefault(require("./MailTwoTone"));
+var _Male = _interopRequireDefault(require("./Male"));
+var _MaleOutlined = _interopRequireDefault(require("./MaleOutlined"));
+var _MaleRounded = _interopRequireDefault(require("./MaleRounded"));
+var _MaleSharp = _interopRequireDefault(require("./MaleSharp"));
+var _MaleTwoTone = _interopRequireDefault(require("./MaleTwoTone"));
+var _Man = _interopRequireDefault(require("./Man"));
+var _Man2 = _interopRequireDefault(require("./Man2"));
+var _Man2Outlined = _interopRequireDefault(require("./Man2Outlined"));
+var _Man2Rounded = _interopRequireDefault(require("./Man2Rounded"));
+var _Man2Sharp = _interopRequireDefault(require("./Man2Sharp"));
+var _Man2TwoTone = _interopRequireDefault(require("./Man2TwoTone"));
+var _Man3 = _interopRequireDefault(require("./Man3"));
+var _Man3Outlined = _interopRequireDefault(require("./Man3Outlined"));
+var _Man3Rounded = _interopRequireDefault(require("./Man3Rounded"));
+var _Man3Sharp = _interopRequireDefault(require("./Man3Sharp"));
+var _Man3TwoTone = _interopRequireDefault(require("./Man3TwoTone"));
+var _Man4 = _interopRequireDefault(require("./Man4"));
+var _Man4Outlined = _interopRequireDefault(require("./Man4Outlined"));
+var _Man4Rounded = _interopRequireDefault(require("./Man4Rounded"));
+var _Man4Sharp = _interopRequireDefault(require("./Man4Sharp"));
+var _Man4TwoTone = _interopRequireDefault(require("./Man4TwoTone"));
+var _ManOutlined = _interopRequireDefault(require("./ManOutlined"));
+var _ManRounded = _interopRequireDefault(require("./ManRounded"));
+var _ManSharp = _interopRequireDefault(require("./ManSharp"));
+var _ManTwoTone = _interopRequireDefault(require("./ManTwoTone"));
+var _ManageAccounts = _interopRequireDefault(require("./ManageAccounts"));
+var _ManageAccountsOutlined = _interopRequireDefault(require("./ManageAccountsOutlined"));
+var _ManageAccountsRounded = _interopRequireDefault(require("./ManageAccountsRounded"));
+var _ManageAccountsSharp = _interopRequireDefault(require("./ManageAccountsSharp"));
+var _ManageAccountsTwoTone = _interopRequireDefault(require("./ManageAccountsTwoTone"));
+var _ManageHistory = _interopRequireDefault(require("./ManageHistory"));
+var _ManageHistoryOutlined = _interopRequireDefault(require("./ManageHistoryOutlined"));
+var _ManageHistoryRounded = _interopRequireDefault(require("./ManageHistoryRounded"));
+var _ManageHistorySharp = _interopRequireDefault(require("./ManageHistorySharp"));
+var _ManageHistoryTwoTone = _interopRequireDefault(require("./ManageHistoryTwoTone"));
+var _ManageSearch = _interopRequireDefault(require("./ManageSearch"));
+var _ManageSearchOutlined = _interopRequireDefault(require("./ManageSearchOutlined"));
+var _ManageSearchRounded = _interopRequireDefault(require("./ManageSearchRounded"));
+var _ManageSearchSharp = _interopRequireDefault(require("./ManageSearchSharp"));
+var _ManageSearchTwoTone = _interopRequireDefault(require("./ManageSearchTwoTone"));
+var _Map = _interopRequireDefault(require("./Map"));
+var _MapOutlined = _interopRequireDefault(require("./MapOutlined"));
+var _MapRounded = _interopRequireDefault(require("./MapRounded"));
+var _MapSharp = _interopRequireDefault(require("./MapSharp"));
+var _MapTwoTone = _interopRequireDefault(require("./MapTwoTone"));
+var _MapsHomeWork = _interopRequireDefault(require("./MapsHomeWork"));
+var _MapsHomeWorkOutlined = _interopRequireDefault(require("./MapsHomeWorkOutlined"));
+var _MapsHomeWorkRounded = _interopRequireDefault(require("./MapsHomeWorkRounded"));
+var _MapsHomeWorkSharp = _interopRequireDefault(require("./MapsHomeWorkSharp"));
+var _MapsHomeWorkTwoTone = _interopRequireDefault(require("./MapsHomeWorkTwoTone"));
+var _MapsUgc = _interopRequireDefault(require("./MapsUgc"));
+var _MapsUgcOutlined = _interopRequireDefault(require("./MapsUgcOutlined"));
+var _MapsUgcRounded = _interopRequireDefault(require("./MapsUgcRounded"));
+var _MapsUgcSharp = _interopRequireDefault(require("./MapsUgcSharp"));
+var _MapsUgcTwoTone = _interopRequireDefault(require("./MapsUgcTwoTone"));
+var _Margin = _interopRequireDefault(require("./Margin"));
+var _MarginOutlined = _interopRequireDefault(require("./MarginOutlined"));
+var _MarginRounded = _interopRequireDefault(require("./MarginRounded"));
+var _MarginSharp = _interopRequireDefault(require("./MarginSharp"));
+var _MarginTwoTone = _interopRequireDefault(require("./MarginTwoTone"));
+var _MarkAsUnread = _interopRequireDefault(require("./MarkAsUnread"));
+var _MarkAsUnreadOutlined = _interopRequireDefault(require("./MarkAsUnreadOutlined"));
+var _MarkAsUnreadRounded = _interopRequireDefault(require("./MarkAsUnreadRounded"));
+var _MarkAsUnreadSharp = _interopRequireDefault(require("./MarkAsUnreadSharp"));
+var _MarkAsUnreadTwoTone = _interopRequireDefault(require("./MarkAsUnreadTwoTone"));
+var _MarkChatRead = _interopRequireDefault(require("./MarkChatRead"));
+var _MarkChatReadOutlined = _interopRequireDefault(require("./MarkChatReadOutlined"));
+var _MarkChatReadRounded = _interopRequireDefault(require("./MarkChatReadRounded"));
+var _MarkChatReadSharp = _interopRequireDefault(require("./MarkChatReadSharp"));
+var _MarkChatReadTwoTone = _interopRequireDefault(require("./MarkChatReadTwoTone"));
+var _MarkChatUnread = _interopRequireDefault(require("./MarkChatUnread"));
+var _MarkChatUnreadOutlined = _interopRequireDefault(require("./MarkChatUnreadOutlined"));
+var _MarkChatUnreadRounded = _interopRequireDefault(require("./MarkChatUnreadRounded"));
+var _MarkChatUnreadSharp = _interopRequireDefault(require("./MarkChatUnreadSharp"));
+var _MarkChatUnreadTwoTone = _interopRequireDefault(require("./MarkChatUnreadTwoTone"));
+var _MarkEmailRead = _interopRequireDefault(require("./MarkEmailRead"));
+var _MarkEmailReadOutlined = _interopRequireDefault(require("./MarkEmailReadOutlined"));
+var _MarkEmailReadRounded = _interopRequireDefault(require("./MarkEmailReadRounded"));
+var _MarkEmailReadSharp = _interopRequireDefault(require("./MarkEmailReadSharp"));
+var _MarkEmailReadTwoTone = _interopRequireDefault(require("./MarkEmailReadTwoTone"));
+var _MarkEmailUnread = _interopRequireDefault(require("./MarkEmailUnread"));
+var _MarkEmailUnreadOutlined = _interopRequireDefault(require("./MarkEmailUnreadOutlined"));
+var _MarkEmailUnreadRounded = _interopRequireDefault(require("./MarkEmailUnreadRounded"));
+var _MarkEmailUnreadSharp = _interopRequireDefault(require("./MarkEmailUnreadSharp"));
+var _MarkEmailUnreadTwoTone = _interopRequireDefault(require("./MarkEmailUnreadTwoTone"));
+var _MarkUnreadChatAlt = _interopRequireDefault(require("./MarkUnreadChatAlt"));
+var _MarkUnreadChatAltOutlined = _interopRequireDefault(require("./MarkUnreadChatAltOutlined"));
+var _MarkUnreadChatAltRounded = _interopRequireDefault(require("./MarkUnreadChatAltRounded"));
+var _MarkUnreadChatAltSharp = _interopRequireDefault(require("./MarkUnreadChatAltSharp"));
+var _MarkUnreadChatAltTwoTone = _interopRequireDefault(require("./MarkUnreadChatAltTwoTone"));
+var _Markunread = _interopRequireDefault(require("./Markunread"));
+var _MarkunreadMailbox = _interopRequireDefault(require("./MarkunreadMailbox"));
+var _MarkunreadMailboxOutlined = _interopRequireDefault(require("./MarkunreadMailboxOutlined"));
+var _MarkunreadMailboxRounded = _interopRequireDefault(require("./MarkunreadMailboxRounded"));
+var _MarkunreadMailboxSharp = _interopRequireDefault(require("./MarkunreadMailboxSharp"));
+var _MarkunreadMailboxTwoTone = _interopRequireDefault(require("./MarkunreadMailboxTwoTone"));
+var _MarkunreadOutlined = _interopRequireDefault(require("./MarkunreadOutlined"));
+var _MarkunreadRounded = _interopRequireDefault(require("./MarkunreadRounded"));
+var _MarkunreadSharp = _interopRequireDefault(require("./MarkunreadSharp"));
+var _MarkunreadTwoTone = _interopRequireDefault(require("./MarkunreadTwoTone"));
+var _Masks = _interopRequireDefault(require("./Masks"));
+var _MasksOutlined = _interopRequireDefault(require("./MasksOutlined"));
+var _MasksRounded = _interopRequireDefault(require("./MasksRounded"));
+var _MasksSharp = _interopRequireDefault(require("./MasksSharp"));
+var _MasksTwoTone = _interopRequireDefault(require("./MasksTwoTone"));
+var _Maximize = _interopRequireDefault(require("./Maximize"));
+var _MaximizeOutlined = _interopRequireDefault(require("./MaximizeOutlined"));
+var _MaximizeRounded = _interopRequireDefault(require("./MaximizeRounded"));
+var _MaximizeSharp = _interopRequireDefault(require("./MaximizeSharp"));
+var _MaximizeTwoTone = _interopRequireDefault(require("./MaximizeTwoTone"));
+var _MediaBluetoothOff = _interopRequireDefault(require("./MediaBluetoothOff"));
+var _MediaBluetoothOffOutlined = _interopRequireDefault(require("./MediaBluetoothOffOutlined"));
+var _MediaBluetoothOffRounded = _interopRequireDefault(require("./MediaBluetoothOffRounded"));
+var _MediaBluetoothOffSharp = _interopRequireDefault(require("./MediaBluetoothOffSharp"));
+var _MediaBluetoothOffTwoTone = _interopRequireDefault(require("./MediaBluetoothOffTwoTone"));
+var _MediaBluetoothOn = _interopRequireDefault(require("./MediaBluetoothOn"));
+var _MediaBluetoothOnOutlined = _interopRequireDefault(require("./MediaBluetoothOnOutlined"));
+var _MediaBluetoothOnRounded = _interopRequireDefault(require("./MediaBluetoothOnRounded"));
+var _MediaBluetoothOnSharp = _interopRequireDefault(require("./MediaBluetoothOnSharp"));
+var _MediaBluetoothOnTwoTone = _interopRequireDefault(require("./MediaBluetoothOnTwoTone"));
+var _Mediation = _interopRequireDefault(require("./Mediation"));
+var _MediationOutlined = _interopRequireDefault(require("./MediationOutlined"));
+var _MediationRounded = _interopRequireDefault(require("./MediationRounded"));
+var _MediationSharp = _interopRequireDefault(require("./MediationSharp"));
+var _MediationTwoTone = _interopRequireDefault(require("./MediationTwoTone"));
+var _MedicalInformation = _interopRequireDefault(require("./MedicalInformation"));
+var _MedicalInformationOutlined = _interopRequireDefault(require("./MedicalInformationOutlined"));
+var _MedicalInformationRounded = _interopRequireDefault(require("./MedicalInformationRounded"));
+var _MedicalInformationSharp = _interopRequireDefault(require("./MedicalInformationSharp"));
+var _MedicalInformationTwoTone = _interopRequireDefault(require("./MedicalInformationTwoTone"));
+var _MedicalServices = _interopRequireDefault(require("./MedicalServices"));
+var _MedicalServicesOutlined = _interopRequireDefault(require("./MedicalServicesOutlined"));
+var _MedicalServicesRounded = _interopRequireDefault(require("./MedicalServicesRounded"));
+var _MedicalServicesSharp = _interopRequireDefault(require("./MedicalServicesSharp"));
+var _MedicalServicesTwoTone = _interopRequireDefault(require("./MedicalServicesTwoTone"));
+var _Medication = _interopRequireDefault(require("./Medication"));
+var _MedicationLiquid = _interopRequireDefault(require("./MedicationLiquid"));
+var _MedicationLiquidOutlined = _interopRequireDefault(require("./MedicationLiquidOutlined"));
+var _MedicationLiquidRounded = _interopRequireDefault(require("./MedicationLiquidRounded"));
+var _MedicationLiquidSharp = _interopRequireDefault(require("./MedicationLiquidSharp"));
+var _MedicationLiquidTwoTone = _interopRequireDefault(require("./MedicationLiquidTwoTone"));
+var _MedicationOutlined = _interopRequireDefault(require("./MedicationOutlined"));
+var _MedicationRounded = _interopRequireDefault(require("./MedicationRounded"));
+var _MedicationSharp = _interopRequireDefault(require("./MedicationSharp"));
+var _MedicationTwoTone = _interopRequireDefault(require("./MedicationTwoTone"));
+var _MeetingRoom = _interopRequireDefault(require("./MeetingRoom"));
+var _MeetingRoomOutlined = _interopRequireDefault(require("./MeetingRoomOutlined"));
+var _MeetingRoomRounded = _interopRequireDefault(require("./MeetingRoomRounded"));
+var _MeetingRoomSharp = _interopRequireDefault(require("./MeetingRoomSharp"));
+var _MeetingRoomTwoTone = _interopRequireDefault(require("./MeetingRoomTwoTone"));
+var _Memory = _interopRequireDefault(require("./Memory"));
+var _MemoryOutlined = _interopRequireDefault(require("./MemoryOutlined"));
+var _MemoryRounded = _interopRequireDefault(require("./MemoryRounded"));
+var _MemorySharp = _interopRequireDefault(require("./MemorySharp"));
+var _MemoryTwoTone = _interopRequireDefault(require("./MemoryTwoTone"));
+var _Menu = _interopRequireDefault(require("./Menu"));
+var _MenuBook = _interopRequireDefault(require("./MenuBook"));
+var _MenuBookOutlined = _interopRequireDefault(require("./MenuBookOutlined"));
+var _MenuBookRounded = _interopRequireDefault(require("./MenuBookRounded"));
+var _MenuBookSharp = _interopRequireDefault(require("./MenuBookSharp"));
+var _MenuBookTwoTone = _interopRequireDefault(require("./MenuBookTwoTone"));
+var _MenuOpen = _interopRequireDefault(require("./MenuOpen"));
+var _MenuOpenOutlined = _interopRequireDefault(require("./MenuOpenOutlined"));
+var _MenuOpenRounded = _interopRequireDefault(require("./MenuOpenRounded"));
+var _MenuOpenSharp = _interopRequireDefault(require("./MenuOpenSharp"));
+var _MenuOpenTwoTone = _interopRequireDefault(require("./MenuOpenTwoTone"));
+var _MenuOutlined = _interopRequireDefault(require("./MenuOutlined"));
+var _MenuRounded = _interopRequireDefault(require("./MenuRounded"));
+var _MenuSharp = _interopRequireDefault(require("./MenuSharp"));
+var _MenuTwoTone = _interopRequireDefault(require("./MenuTwoTone"));
+var _Merge = _interopRequireDefault(require("./Merge"));
+var _MergeOutlined = _interopRequireDefault(require("./MergeOutlined"));
+var _MergeRounded = _interopRequireDefault(require("./MergeRounded"));
+var _MergeSharp = _interopRequireDefault(require("./MergeSharp"));
+var _MergeTwoTone = _interopRequireDefault(require("./MergeTwoTone"));
+var _MergeType = _interopRequireDefault(require("./MergeType"));
+var _MergeTypeOutlined = _interopRequireDefault(require("./MergeTypeOutlined"));
+var _MergeTypeRounded = _interopRequireDefault(require("./MergeTypeRounded"));
+var _MergeTypeSharp = _interopRequireDefault(require("./MergeTypeSharp"));
+var _MergeTypeTwoTone = _interopRequireDefault(require("./MergeTypeTwoTone"));
+var _Message = _interopRequireDefault(require("./Message"));
+var _MessageOutlined = _interopRequireDefault(require("./MessageOutlined"));
+var _MessageRounded = _interopRequireDefault(require("./MessageRounded"));
+var _MessageSharp = _interopRequireDefault(require("./MessageSharp"));
+var _MessageTwoTone = _interopRequireDefault(require("./MessageTwoTone"));
+var _Mic = _interopRequireDefault(require("./Mic"));
+var _MicExternalOff = _interopRequireDefault(require("./MicExternalOff"));
+var _MicExternalOffOutlined = _interopRequireDefault(require("./MicExternalOffOutlined"));
+var _MicExternalOffRounded = _interopRequireDefault(require("./MicExternalOffRounded"));
+var _MicExternalOffSharp = _interopRequireDefault(require("./MicExternalOffSharp"));
+var _MicExternalOffTwoTone = _interopRequireDefault(require("./MicExternalOffTwoTone"));
+var _MicExternalOn = _interopRequireDefault(require("./MicExternalOn"));
+var _MicExternalOnOutlined = _interopRequireDefault(require("./MicExternalOnOutlined"));
+var _MicExternalOnRounded = _interopRequireDefault(require("./MicExternalOnRounded"));
+var _MicExternalOnSharp = _interopRequireDefault(require("./MicExternalOnSharp"));
+var _MicExternalOnTwoTone = _interopRequireDefault(require("./MicExternalOnTwoTone"));
+var _MicNone = _interopRequireDefault(require("./MicNone"));
+var _MicNoneOutlined = _interopRequireDefault(require("./MicNoneOutlined"));
+var _MicNoneRounded = _interopRequireDefault(require("./MicNoneRounded"));
+var _MicNoneSharp = _interopRequireDefault(require("./MicNoneSharp"));
+var _MicNoneTwoTone = _interopRequireDefault(require("./MicNoneTwoTone"));
+var _MicOff = _interopRequireDefault(require("./MicOff"));
+var _MicOffOutlined = _interopRequireDefault(require("./MicOffOutlined"));
+var _MicOffRounded = _interopRequireDefault(require("./MicOffRounded"));
+var _MicOffSharp = _interopRequireDefault(require("./MicOffSharp"));
+var _MicOffTwoTone = _interopRequireDefault(require("./MicOffTwoTone"));
+var _MicOutlined = _interopRequireDefault(require("./MicOutlined"));
+var _MicRounded = _interopRequireDefault(require("./MicRounded"));
+var _MicSharp = _interopRequireDefault(require("./MicSharp"));
+var _MicTwoTone = _interopRequireDefault(require("./MicTwoTone"));
+var _Microsoft = _interopRequireDefault(require("./Microsoft"));
+var _Microwave = _interopRequireDefault(require("./Microwave"));
+var _MicrowaveOutlined = _interopRequireDefault(require("./MicrowaveOutlined"));
+var _MicrowaveRounded = _interopRequireDefault(require("./MicrowaveRounded"));
+var _MicrowaveSharp = _interopRequireDefault(require("./MicrowaveSharp"));
+var _MicrowaveTwoTone = _interopRequireDefault(require("./MicrowaveTwoTone"));
+var _MilitaryTech = _interopRequireDefault(require("./MilitaryTech"));
+var _MilitaryTechOutlined = _interopRequireDefault(require("./MilitaryTechOutlined"));
+var _MilitaryTechRounded = _interopRequireDefault(require("./MilitaryTechRounded"));
+var _MilitaryTechSharp = _interopRequireDefault(require("./MilitaryTechSharp"));
+var _MilitaryTechTwoTone = _interopRequireDefault(require("./MilitaryTechTwoTone"));
+var _Minimize = _interopRequireDefault(require("./Minimize"));
+var _MinimizeOutlined = _interopRequireDefault(require("./MinimizeOutlined"));
+var _MinimizeRounded = _interopRequireDefault(require("./MinimizeRounded"));
+var _MinimizeSharp = _interopRequireDefault(require("./MinimizeSharp"));
+var _MinimizeTwoTone = _interopRequireDefault(require("./MinimizeTwoTone"));
+var _MinorCrash = _interopRequireDefault(require("./MinorCrash"));
+var _MinorCrashOutlined = _interopRequireDefault(require("./MinorCrashOutlined"));
+var _MinorCrashRounded = _interopRequireDefault(require("./MinorCrashRounded"));
+var _MinorCrashSharp = _interopRequireDefault(require("./MinorCrashSharp"));
+var _MinorCrashTwoTone = _interopRequireDefault(require("./MinorCrashTwoTone"));
+var _MiscellaneousServices = _interopRequireDefault(require("./MiscellaneousServices"));
+var _MiscellaneousServicesOutlined = _interopRequireDefault(require("./MiscellaneousServicesOutlined"));
+var _MiscellaneousServicesRounded = _interopRequireDefault(require("./MiscellaneousServicesRounded"));
+var _MiscellaneousServicesSharp = _interopRequireDefault(require("./MiscellaneousServicesSharp"));
+var _MiscellaneousServicesTwoTone = _interopRequireDefault(require("./MiscellaneousServicesTwoTone"));
+var _MissedVideoCall = _interopRequireDefault(require("./MissedVideoCall"));
+var _MissedVideoCallOutlined = _interopRequireDefault(require("./MissedVideoCallOutlined"));
+var _MissedVideoCallRounded = _interopRequireDefault(require("./MissedVideoCallRounded"));
+var _MissedVideoCallSharp = _interopRequireDefault(require("./MissedVideoCallSharp"));
+var _MissedVideoCallTwoTone = _interopRequireDefault(require("./MissedVideoCallTwoTone"));
+var _Mms = _interopRequireDefault(require("./Mms"));
+var _MmsOutlined = _interopRequireDefault(require("./MmsOutlined"));
+var _MmsRounded = _interopRequireDefault(require("./MmsRounded"));
+var _MmsSharp = _interopRequireDefault(require("./MmsSharp"));
+var _MmsTwoTone = _interopRequireDefault(require("./MmsTwoTone"));
+var _MobileFriendly = _interopRequireDefault(require("./MobileFriendly"));
+var _MobileFriendlyOutlined = _interopRequireDefault(require("./MobileFriendlyOutlined"));
+var _MobileFriendlyRounded = _interopRequireDefault(require("./MobileFriendlyRounded"));
+var _MobileFriendlySharp = _interopRequireDefault(require("./MobileFriendlySharp"));
+var _MobileFriendlyTwoTone = _interopRequireDefault(require("./MobileFriendlyTwoTone"));
+var _MobileOff = _interopRequireDefault(require("./MobileOff"));
+var _MobileOffOutlined = _interopRequireDefault(require("./MobileOffOutlined"));
+var _MobileOffRounded = _interopRequireDefault(require("./MobileOffRounded"));
+var _MobileOffSharp = _interopRequireDefault(require("./MobileOffSharp"));
+var _MobileOffTwoTone = _interopRequireDefault(require("./MobileOffTwoTone"));
+var _MobileScreenShare = _interopRequireDefault(require("./MobileScreenShare"));
+var _MobileScreenShareOutlined = _interopRequireDefault(require("./MobileScreenShareOutlined"));
+var _MobileScreenShareRounded = _interopRequireDefault(require("./MobileScreenShareRounded"));
+var _MobileScreenShareSharp = _interopRequireDefault(require("./MobileScreenShareSharp"));
+var _MobileScreenShareTwoTone = _interopRequireDefault(require("./MobileScreenShareTwoTone"));
+var _MobiledataOff = _interopRequireDefault(require("./MobiledataOff"));
+var _MobiledataOffOutlined = _interopRequireDefault(require("./MobiledataOffOutlined"));
+var _MobiledataOffRounded = _interopRequireDefault(require("./MobiledataOffRounded"));
+var _MobiledataOffSharp = _interopRequireDefault(require("./MobiledataOffSharp"));
+var _MobiledataOffTwoTone = _interopRequireDefault(require("./MobiledataOffTwoTone"));
+var _Mode = _interopRequireDefault(require("./Mode"));
+var _ModeComment = _interopRequireDefault(require("./ModeComment"));
+var _ModeCommentOutlined = _interopRequireDefault(require("./ModeCommentOutlined"));
+var _ModeCommentRounded = _interopRequireDefault(require("./ModeCommentRounded"));
+var _ModeCommentSharp = _interopRequireDefault(require("./ModeCommentSharp"));
+var _ModeCommentTwoTone = _interopRequireDefault(require("./ModeCommentTwoTone"));
+var _ModeEdit = _interopRequireDefault(require("./ModeEdit"));
+var _ModeEditOutline = _interopRequireDefault(require("./ModeEditOutline"));
+var _ModeEditOutlineOutlined = _interopRequireDefault(require("./ModeEditOutlineOutlined"));
+var _ModeEditOutlineRounded = _interopRequireDefault(require("./ModeEditOutlineRounded"));
+var _ModeEditOutlineSharp = _interopRequireDefault(require("./ModeEditOutlineSharp"));
+var _ModeEditOutlineTwoTone = _interopRequireDefault(require("./ModeEditOutlineTwoTone"));
+var _ModeEditOutlined = _interopRequireDefault(require("./ModeEditOutlined"));
+var _ModeEditRounded = _interopRequireDefault(require("./ModeEditRounded"));
+var _ModeEditSharp = _interopRequireDefault(require("./ModeEditSharp"));
+var _ModeEditTwoTone = _interopRequireDefault(require("./ModeEditTwoTone"));
+var _ModeFanOff = _interopRequireDefault(require("./ModeFanOff"));
+var _ModeFanOffOutlined = _interopRequireDefault(require("./ModeFanOffOutlined"));
+var _ModeFanOffRounded = _interopRequireDefault(require("./ModeFanOffRounded"));
+var _ModeFanOffSharp = _interopRequireDefault(require("./ModeFanOffSharp"));
+var _ModeFanOffTwoTone = _interopRequireDefault(require("./ModeFanOffTwoTone"));
+var _ModeNight = _interopRequireDefault(require("./ModeNight"));
+var _ModeNightOutlined = _interopRequireDefault(require("./ModeNightOutlined"));
+var _ModeNightRounded = _interopRequireDefault(require("./ModeNightRounded"));
+var _ModeNightSharp = _interopRequireDefault(require("./ModeNightSharp"));
+var _ModeNightTwoTone = _interopRequireDefault(require("./ModeNightTwoTone"));
+var _ModeOfTravel = _interopRequireDefault(require("./ModeOfTravel"));
+var _ModeOfTravelOutlined = _interopRequireDefault(require("./ModeOfTravelOutlined"));
+var _ModeOfTravelRounded = _interopRequireDefault(require("./ModeOfTravelRounded"));
+var _ModeOfTravelSharp = _interopRequireDefault(require("./ModeOfTravelSharp"));
+var _ModeOfTravelTwoTone = _interopRequireDefault(require("./ModeOfTravelTwoTone"));
+var _ModeOutlined = _interopRequireDefault(require("./ModeOutlined"));
+var _ModeRounded = _interopRequireDefault(require("./ModeRounded"));
+var _ModeSharp = _interopRequireDefault(require("./ModeSharp"));
+var _ModeStandby = _interopRequireDefault(require("./ModeStandby"));
+var _ModeStandbyOutlined = _interopRequireDefault(require("./ModeStandbyOutlined"));
+var _ModeStandbyRounded = _interopRequireDefault(require("./ModeStandbyRounded"));
+var _ModeStandbySharp = _interopRequireDefault(require("./ModeStandbySharp"));
+var _ModeStandbyTwoTone = _interopRequireDefault(require("./ModeStandbyTwoTone"));
+var _ModeTwoTone = _interopRequireDefault(require("./ModeTwoTone"));
+var _ModelTraining = _interopRequireDefault(require("./ModelTraining"));
+var _ModelTrainingOutlined = _interopRequireDefault(require("./ModelTrainingOutlined"));
+var _ModelTrainingRounded = _interopRequireDefault(require("./ModelTrainingRounded"));
+var _ModelTrainingSharp = _interopRequireDefault(require("./ModelTrainingSharp"));
+var _ModelTrainingTwoTone = _interopRequireDefault(require("./ModelTrainingTwoTone"));
+var _MonetizationOn = _interopRequireDefault(require("./MonetizationOn"));
+var _MonetizationOnOutlined = _interopRequireDefault(require("./MonetizationOnOutlined"));
+var _MonetizationOnRounded = _interopRequireDefault(require("./MonetizationOnRounded"));
+var _MonetizationOnSharp = _interopRequireDefault(require("./MonetizationOnSharp"));
+var _MonetizationOnTwoTone = _interopRequireDefault(require("./MonetizationOnTwoTone"));
+var _Money = _interopRequireDefault(require("./Money"));
+var _MoneyOff = _interopRequireDefault(require("./MoneyOff"));
+var _MoneyOffCsred = _interopRequireDefault(require("./MoneyOffCsred"));
+var _MoneyOffCsredOutlined = _interopRequireDefault(require("./MoneyOffCsredOutlined"));
+var _MoneyOffCsredRounded = _interopRequireDefault(require("./MoneyOffCsredRounded"));
+var _MoneyOffCsredSharp = _interopRequireDefault(require("./MoneyOffCsredSharp"));
+var _MoneyOffCsredTwoTone = _interopRequireDefault(require("./MoneyOffCsredTwoTone"));
+var _MoneyOffOutlined = _interopRequireDefault(require("./MoneyOffOutlined"));
+var _MoneyOffRounded = _interopRequireDefault(require("./MoneyOffRounded"));
+var _MoneyOffSharp = _interopRequireDefault(require("./MoneyOffSharp"));
+var _MoneyOffTwoTone = _interopRequireDefault(require("./MoneyOffTwoTone"));
+var _MoneyOutlined = _interopRequireDefault(require("./MoneyOutlined"));
+var _MoneyRounded = _interopRequireDefault(require("./MoneyRounded"));
+var _MoneySharp = _interopRequireDefault(require("./MoneySharp"));
+var _MoneyTwoTone = _interopRequireDefault(require("./MoneyTwoTone"));
+var _Monitor = _interopRequireDefault(require("./Monitor"));
+var _MonitorHeart = _interopRequireDefault(require("./MonitorHeart"));
+var _MonitorHeartOutlined = _interopRequireDefault(require("./MonitorHeartOutlined"));
+var _MonitorHeartRounded = _interopRequireDefault(require("./MonitorHeartRounded"));
+var _MonitorHeartSharp = _interopRequireDefault(require("./MonitorHeartSharp"));
+var _MonitorHeartTwoTone = _interopRequireDefault(require("./MonitorHeartTwoTone"));
+var _MonitorOutlined = _interopRequireDefault(require("./MonitorOutlined"));
+var _MonitorRounded = _interopRequireDefault(require("./MonitorRounded"));
+var _MonitorSharp = _interopRequireDefault(require("./MonitorSharp"));
+var _MonitorTwoTone = _interopRequireDefault(require("./MonitorTwoTone"));
+var _MonitorWeight = _interopRequireDefault(require("./MonitorWeight"));
+var _MonitorWeightOutlined = _interopRequireDefault(require("./MonitorWeightOutlined"));
+var _MonitorWeightRounded = _interopRequireDefault(require("./MonitorWeightRounded"));
+var _MonitorWeightSharp = _interopRequireDefault(require("./MonitorWeightSharp"));
+var _MonitorWeightTwoTone = _interopRequireDefault(require("./MonitorWeightTwoTone"));
+var _MonochromePhotos = _interopRequireDefault(require("./MonochromePhotos"));
+var _MonochromePhotosOutlined = _interopRequireDefault(require("./MonochromePhotosOutlined"));
+var _MonochromePhotosRounded = _interopRequireDefault(require("./MonochromePhotosRounded"));
+var _MonochromePhotosSharp = _interopRequireDefault(require("./MonochromePhotosSharp"));
+var _MonochromePhotosTwoTone = _interopRequireDefault(require("./MonochromePhotosTwoTone"));
+var _Mood = _interopRequireDefault(require("./Mood"));
+var _MoodBad = _interopRequireDefault(require("./MoodBad"));
+var _MoodBadOutlined = _interopRequireDefault(require("./MoodBadOutlined"));
+var _MoodBadRounded = _interopRequireDefault(require("./MoodBadRounded"));
+var _MoodBadSharp = _interopRequireDefault(require("./MoodBadSharp"));
+var _MoodBadTwoTone = _interopRequireDefault(require("./MoodBadTwoTone"));
+var _MoodOutlined = _interopRequireDefault(require("./MoodOutlined"));
+var _MoodRounded = _interopRequireDefault(require("./MoodRounded"));
+var _MoodSharp = _interopRequireDefault(require("./MoodSharp"));
+var _MoodTwoTone = _interopRequireDefault(require("./MoodTwoTone"));
+var _Moped = _interopRequireDefault(require("./Moped"));
+var _MopedOutlined = _interopRequireDefault(require("./MopedOutlined"));
+var _MopedRounded = _interopRequireDefault(require("./MopedRounded"));
+var _MopedSharp = _interopRequireDefault(require("./MopedSharp"));
+var _MopedTwoTone = _interopRequireDefault(require("./MopedTwoTone"));
+var _More = _interopRequireDefault(require("./More"));
+var _MoreHoriz = _interopRequireDefault(require("./MoreHoriz"));
+var _MoreHorizOutlined = _interopRequireDefault(require("./MoreHorizOutlined"));
+var _MoreHorizRounded = _interopRequireDefault(require("./MoreHorizRounded"));
+var _MoreHorizSharp = _interopRequireDefault(require("./MoreHorizSharp"));
+var _MoreHorizTwoTone = _interopRequireDefault(require("./MoreHorizTwoTone"));
+var _MoreOutlined = _interopRequireDefault(require("./MoreOutlined"));
+var _MoreRounded = _interopRequireDefault(require("./MoreRounded"));
+var _MoreSharp = _interopRequireDefault(require("./MoreSharp"));
+var _MoreTime = _interopRequireDefault(require("./MoreTime"));
+var _MoreTimeOutlined = _interopRequireDefault(require("./MoreTimeOutlined"));
+var _MoreTimeRounded = _interopRequireDefault(require("./MoreTimeRounded"));
+var _MoreTimeSharp = _interopRequireDefault(require("./MoreTimeSharp"));
+var _MoreTimeTwoTone = _interopRequireDefault(require("./MoreTimeTwoTone"));
+var _MoreTwoTone = _interopRequireDefault(require("./MoreTwoTone"));
+var _MoreVert = _interopRequireDefault(require("./MoreVert"));
+var _MoreVertOutlined = _interopRequireDefault(require("./MoreVertOutlined"));
+var _MoreVertRounded = _interopRequireDefault(require("./MoreVertRounded"));
+var _MoreVertSharp = _interopRequireDefault(require("./MoreVertSharp"));
+var _MoreVertTwoTone = _interopRequireDefault(require("./MoreVertTwoTone"));
+var _Mosque = _interopRequireDefault(require("./Mosque"));
+var _MosqueOutlined = _interopRequireDefault(require("./MosqueOutlined"));
+var _MosqueRounded = _interopRequireDefault(require("./MosqueRounded"));
+var _MosqueSharp = _interopRequireDefault(require("./MosqueSharp"));
+var _MosqueTwoTone = _interopRequireDefault(require("./MosqueTwoTone"));
+var _MotionPhotosAuto = _interopRequireDefault(require("./MotionPhotosAuto"));
+var _MotionPhotosAutoOutlined = _interopRequireDefault(require("./MotionPhotosAutoOutlined"));
+var _MotionPhotosAutoRounded = _interopRequireDefault(require("./MotionPhotosAutoRounded"));
+var _MotionPhotosAutoSharp = _interopRequireDefault(require("./MotionPhotosAutoSharp"));
+var _MotionPhotosAutoTwoTone = _interopRequireDefault(require("./MotionPhotosAutoTwoTone"));
+var _MotionPhotosOff = _interopRequireDefault(require("./MotionPhotosOff"));
+var _MotionPhotosOffOutlined = _interopRequireDefault(require("./MotionPhotosOffOutlined"));
+var _MotionPhotosOffRounded = _interopRequireDefault(require("./MotionPhotosOffRounded"));
+var _MotionPhotosOffSharp = _interopRequireDefault(require("./MotionPhotosOffSharp"));
+var _MotionPhotosOffTwoTone = _interopRequireDefault(require("./MotionPhotosOffTwoTone"));
+var _Mouse = _interopRequireDefault(require("./Mouse"));
+var _MouseOutlined = _interopRequireDefault(require("./MouseOutlined"));
+var _MouseRounded = _interopRequireDefault(require("./MouseRounded"));
+var _MouseSharp = _interopRequireDefault(require("./MouseSharp"));
+var _MouseTwoTone = _interopRequireDefault(require("./MouseTwoTone"));
+var _MoveDown = _interopRequireDefault(require("./MoveDown"));
+var _MoveDownOutlined = _interopRequireDefault(require("./MoveDownOutlined"));
+var _MoveDownRounded = _interopRequireDefault(require("./MoveDownRounded"));
+var _MoveDownSharp = _interopRequireDefault(require("./MoveDownSharp"));
+var _MoveDownTwoTone = _interopRequireDefault(require("./MoveDownTwoTone"));
+var _MoveToInbox = _interopRequireDefault(require("./MoveToInbox"));
+var _MoveToInboxOutlined = _interopRequireDefault(require("./MoveToInboxOutlined"));
+var _MoveToInboxRounded = _interopRequireDefault(require("./MoveToInboxRounded"));
+var _MoveToInboxSharp = _interopRequireDefault(require("./MoveToInboxSharp"));
+var _MoveToInboxTwoTone = _interopRequireDefault(require("./MoveToInboxTwoTone"));
+var _MoveUp = _interopRequireDefault(require("./MoveUp"));
+var _MoveUpOutlined = _interopRequireDefault(require("./MoveUpOutlined"));
+var _MoveUpRounded = _interopRequireDefault(require("./MoveUpRounded"));
+var _MoveUpSharp = _interopRequireDefault(require("./MoveUpSharp"));
+var _MoveUpTwoTone = _interopRequireDefault(require("./MoveUpTwoTone"));
+var _Movie = _interopRequireDefault(require("./Movie"));
+var _MovieCreation = _interopRequireDefault(require("./MovieCreation"));
+var _MovieCreationOutlined = _interopRequireDefault(require("./MovieCreationOutlined"));
+var _MovieCreationRounded = _interopRequireDefault(require("./MovieCreationRounded"));
+var _MovieCreationSharp = _interopRequireDefault(require("./MovieCreationSharp"));
+var _MovieCreationTwoTone = _interopRequireDefault(require("./MovieCreationTwoTone"));
+var _MovieFilter = _interopRequireDefault(require("./MovieFilter"));
+var _MovieFilterOutlined = _interopRequireDefault(require("./MovieFilterOutlined"));
+var _MovieFilterRounded = _interopRequireDefault(require("./MovieFilterRounded"));
+var _MovieFilterSharp = _interopRequireDefault(require("./MovieFilterSharp"));
+var _MovieFilterTwoTone = _interopRequireDefault(require("./MovieFilterTwoTone"));
+var _MovieOutlined = _interopRequireDefault(require("./MovieOutlined"));
+var _MovieRounded = _interopRequireDefault(require("./MovieRounded"));
+var _MovieSharp = _interopRequireDefault(require("./MovieSharp"));
+var _MovieTwoTone = _interopRequireDefault(require("./MovieTwoTone"));
+var _Moving = _interopRequireDefault(require("./Moving"));
+var _MovingOutlined = _interopRequireDefault(require("./MovingOutlined"));
+var _MovingRounded = _interopRequireDefault(require("./MovingRounded"));
+var _MovingSharp = _interopRequireDefault(require("./MovingSharp"));
+var _MovingTwoTone = _interopRequireDefault(require("./MovingTwoTone"));
+var _Mp = _interopRequireDefault(require("./Mp"));
+var _MpOutlined = _interopRequireDefault(require("./MpOutlined"));
+var _MpRounded = _interopRequireDefault(require("./MpRounded"));
+var _MpSharp = _interopRequireDefault(require("./MpSharp"));
+var _MpTwoTone = _interopRequireDefault(require("./MpTwoTone"));
+var _MultilineChart = _interopRequireDefault(require("./MultilineChart"));
+var _MultilineChartOutlined = _interopRequireDefault(require("./MultilineChartOutlined"));
+var _MultilineChartRounded = _interopRequireDefault(require("./MultilineChartRounded"));
+var _MultilineChartSharp = _interopRequireDefault(require("./MultilineChartSharp"));
+var _MultilineChartTwoTone = _interopRequireDefault(require("./MultilineChartTwoTone"));
+var _MultipleStop = _interopRequireDefault(require("./MultipleStop"));
+var _MultipleStopOutlined = _interopRequireDefault(require("./MultipleStopOutlined"));
+var _MultipleStopRounded = _interopRequireDefault(require("./MultipleStopRounded"));
+var _MultipleStopSharp = _interopRequireDefault(require("./MultipleStopSharp"));
+var _MultipleStopTwoTone = _interopRequireDefault(require("./MultipleStopTwoTone"));
+var _Museum = _interopRequireDefault(require("./Museum"));
+var _MuseumOutlined = _interopRequireDefault(require("./MuseumOutlined"));
+var _MuseumRounded = _interopRequireDefault(require("./MuseumRounded"));
+var _MuseumSharp = _interopRequireDefault(require("./MuseumSharp"));
+var _MuseumTwoTone = _interopRequireDefault(require("./MuseumTwoTone"));
+var _MusicNote = _interopRequireDefault(require("./MusicNote"));
+var _MusicNoteOutlined = _interopRequireDefault(require("./MusicNoteOutlined"));
+var _MusicNoteRounded = _interopRequireDefault(require("./MusicNoteRounded"));
+var _MusicNoteSharp = _interopRequireDefault(require("./MusicNoteSharp"));
+var _MusicNoteTwoTone = _interopRequireDefault(require("./MusicNoteTwoTone"));
+var _MusicOff = _interopRequireDefault(require("./MusicOff"));
+var _MusicOffOutlined = _interopRequireDefault(require("./MusicOffOutlined"));
+var _MusicOffRounded = _interopRequireDefault(require("./MusicOffRounded"));
+var _MusicOffSharp = _interopRequireDefault(require("./MusicOffSharp"));
+var _MusicOffTwoTone = _interopRequireDefault(require("./MusicOffTwoTone"));
+var _MusicVideo = _interopRequireDefault(require("./MusicVideo"));
+var _MusicVideoOutlined = _interopRequireDefault(require("./MusicVideoOutlined"));
+var _MusicVideoRounded = _interopRequireDefault(require("./MusicVideoRounded"));
+var _MusicVideoSharp = _interopRequireDefault(require("./MusicVideoSharp"));
+var _MusicVideoTwoTone = _interopRequireDefault(require("./MusicVideoTwoTone"));
+var _MyLocation = _interopRequireDefault(require("./MyLocation"));
+var _MyLocationOutlined = _interopRequireDefault(require("./MyLocationOutlined"));
+var _MyLocationRounded = _interopRequireDefault(require("./MyLocationRounded"));
+var _MyLocationSharp = _interopRequireDefault(require("./MyLocationSharp"));
+var _MyLocationTwoTone = _interopRequireDefault(require("./MyLocationTwoTone"));
+var _Nat = _interopRequireDefault(require("./Nat"));
+var _NatOutlined = _interopRequireDefault(require("./NatOutlined"));
+var _NatRounded = _interopRequireDefault(require("./NatRounded"));
+var _NatSharp = _interopRequireDefault(require("./NatSharp"));
+var _NatTwoTone = _interopRequireDefault(require("./NatTwoTone"));
+var _Nature = _interopRequireDefault(require("./Nature"));
+var _NatureOutlined = _interopRequireDefault(require("./NatureOutlined"));
+var _NaturePeople = _interopRequireDefault(require("./NaturePeople"));
+var _NaturePeopleOutlined = _interopRequireDefault(require("./NaturePeopleOutlined"));
+var _NaturePeopleRounded = _interopRequireDefault(require("./NaturePeopleRounded"));
+var _NaturePeopleSharp = _interopRequireDefault(require("./NaturePeopleSharp"));
+var _NaturePeopleTwoTone = _interopRequireDefault(require("./NaturePeopleTwoTone"));
+var _NatureRounded = _interopRequireDefault(require("./NatureRounded"));
+var _NatureSharp = _interopRequireDefault(require("./NatureSharp"));
+var _NatureTwoTone = _interopRequireDefault(require("./NatureTwoTone"));
+var _NavigateBefore = _interopRequireDefault(require("./NavigateBefore"));
+var _NavigateBeforeOutlined = _interopRequireDefault(require("./NavigateBeforeOutlined"));
+var _NavigateBeforeRounded = _interopRequireDefault(require("./NavigateBeforeRounded"));
+var _NavigateBeforeSharp = _interopRequireDefault(require("./NavigateBeforeSharp"));
+var _NavigateBeforeTwoTone = _interopRequireDefault(require("./NavigateBeforeTwoTone"));
+var _NavigateNext = _interopRequireDefault(require("./NavigateNext"));
+var _NavigateNextOutlined = _interopRequireDefault(require("./NavigateNextOutlined"));
+var _NavigateNextRounded = _interopRequireDefault(require("./NavigateNextRounded"));
+var _NavigateNextSharp = _interopRequireDefault(require("./NavigateNextSharp"));
+var _NavigateNextTwoTone = _interopRequireDefault(require("./NavigateNextTwoTone"));
+var _Navigation = _interopRequireDefault(require("./Navigation"));
+var _NavigationOutlined = _interopRequireDefault(require("./NavigationOutlined"));
+var _NavigationRounded = _interopRequireDefault(require("./NavigationRounded"));
+var _NavigationSharp = _interopRequireDefault(require("./NavigationSharp"));
+var _NavigationTwoTone = _interopRequireDefault(require("./NavigationTwoTone"));
+var _NearMe = _interopRequireDefault(require("./NearMe"));
+var _NearMeDisabled = _interopRequireDefault(require("./NearMeDisabled"));
+var _NearMeDisabledOutlined = _interopRequireDefault(require("./NearMeDisabledOutlined"));
+var _NearMeDisabledRounded = _interopRequireDefault(require("./NearMeDisabledRounded"));
+var _NearMeDisabledSharp = _interopRequireDefault(require("./NearMeDisabledSharp"));
+var _NearMeDisabledTwoTone = _interopRequireDefault(require("./NearMeDisabledTwoTone"));
+var _NearMeOutlined = _interopRequireDefault(require("./NearMeOutlined"));
+var _NearMeRounded = _interopRequireDefault(require("./NearMeRounded"));
+var _NearMeSharp = _interopRequireDefault(require("./NearMeSharp"));
+var _NearMeTwoTone = _interopRequireDefault(require("./NearMeTwoTone"));
+var _NearbyError = _interopRequireDefault(require("./NearbyError"));
+var _NearbyErrorOutlined = _interopRequireDefault(require("./NearbyErrorOutlined"));
+var _NearbyErrorRounded = _interopRequireDefault(require("./NearbyErrorRounded"));
+var _NearbyErrorSharp = _interopRequireDefault(require("./NearbyErrorSharp"));
+var _NearbyErrorTwoTone = _interopRequireDefault(require("./NearbyErrorTwoTone"));
+var _NearbyOff = _interopRequireDefault(require("./NearbyOff"));
+var _NearbyOffOutlined = _interopRequireDefault(require("./NearbyOffOutlined"));
+var _NearbyOffRounded = _interopRequireDefault(require("./NearbyOffRounded"));
+var _NearbyOffSharp = _interopRequireDefault(require("./NearbyOffSharp"));
+var _NearbyOffTwoTone = _interopRequireDefault(require("./NearbyOffTwoTone"));
+var _NestCamWiredStand = _interopRequireDefault(require("./NestCamWiredStand"));
+var _NestCamWiredStandOutlined = _interopRequireDefault(require("./NestCamWiredStandOutlined"));
+var _NestCamWiredStandRounded = _interopRequireDefault(require("./NestCamWiredStandRounded"));
+var _NestCamWiredStandSharp = _interopRequireDefault(require("./NestCamWiredStandSharp"));
+var _NestCamWiredStandTwoTone = _interopRequireDefault(require("./NestCamWiredStandTwoTone"));
+var _NetworkCell = _interopRequireDefault(require("./NetworkCell"));
+var _NetworkCellOutlined = _interopRequireDefault(require("./NetworkCellOutlined"));
+var _NetworkCellRounded = _interopRequireDefault(require("./NetworkCellRounded"));
+var _NetworkCellSharp = _interopRequireDefault(require("./NetworkCellSharp"));
+var _NetworkCellTwoTone = _interopRequireDefault(require("./NetworkCellTwoTone"));
+var _NetworkCheck = _interopRequireDefault(require("./NetworkCheck"));
+var _NetworkCheckOutlined = _interopRequireDefault(require("./NetworkCheckOutlined"));
+var _NetworkCheckRounded = _interopRequireDefault(require("./NetworkCheckRounded"));
+var _NetworkCheckSharp = _interopRequireDefault(require("./NetworkCheckSharp"));
+var _NetworkCheckTwoTone = _interopRequireDefault(require("./NetworkCheckTwoTone"));
+var _NetworkLocked = _interopRequireDefault(require("./NetworkLocked"));
+var _NetworkLockedOutlined = _interopRequireDefault(require("./NetworkLockedOutlined"));
+var _NetworkLockedRounded = _interopRequireDefault(require("./NetworkLockedRounded"));
+var _NetworkLockedSharp = _interopRequireDefault(require("./NetworkLockedSharp"));
+var _NetworkLockedTwoTone = _interopRequireDefault(require("./NetworkLockedTwoTone"));
+var _NetworkPing = _interopRequireDefault(require("./NetworkPing"));
+var _NetworkPingOutlined = _interopRequireDefault(require("./NetworkPingOutlined"));
+var _NetworkPingRounded = _interopRequireDefault(require("./NetworkPingRounded"));
+var _NetworkPingSharp = _interopRequireDefault(require("./NetworkPingSharp"));
+var _NetworkPingTwoTone = _interopRequireDefault(require("./NetworkPingTwoTone"));
+var _NetworkWifi = _interopRequireDefault(require("./NetworkWifi"));
+var _NetworkWifi1Bar = _interopRequireDefault(require("./NetworkWifi1Bar"));
+var _NetworkWifi1BarOutlined = _interopRequireDefault(require("./NetworkWifi1BarOutlined"));
+var _NetworkWifi1BarRounded = _interopRequireDefault(require("./NetworkWifi1BarRounded"));
+var _NetworkWifi1BarSharp = _interopRequireDefault(require("./NetworkWifi1BarSharp"));
+var _NetworkWifi1BarTwoTone = _interopRequireDefault(require("./NetworkWifi1BarTwoTone"));
+var _NetworkWifi2Bar = _interopRequireDefault(require("./NetworkWifi2Bar"));
+var _NetworkWifi2BarOutlined = _interopRequireDefault(require("./NetworkWifi2BarOutlined"));
+var _NetworkWifi2BarRounded = _interopRequireDefault(require("./NetworkWifi2BarRounded"));
+var _NetworkWifi2BarSharp = _interopRequireDefault(require("./NetworkWifi2BarSharp"));
+var _NetworkWifi2BarTwoTone = _interopRequireDefault(require("./NetworkWifi2BarTwoTone"));
+var _NetworkWifi3Bar = _interopRequireDefault(require("./NetworkWifi3Bar"));
+var _NetworkWifi3BarOutlined = _interopRequireDefault(require("./NetworkWifi3BarOutlined"));
+var _NetworkWifi3BarRounded = _interopRequireDefault(require("./NetworkWifi3BarRounded"));
+var _NetworkWifi3BarSharp = _interopRequireDefault(require("./NetworkWifi3BarSharp"));
+var _NetworkWifi3BarTwoTone = _interopRequireDefault(require("./NetworkWifi3BarTwoTone"));
+var _NetworkWifiOutlined = _interopRequireDefault(require("./NetworkWifiOutlined"));
+var _NetworkWifiRounded = _interopRequireDefault(require("./NetworkWifiRounded"));
+var _NetworkWifiSharp = _interopRequireDefault(require("./NetworkWifiSharp"));
+var _NetworkWifiTwoTone = _interopRequireDefault(require("./NetworkWifiTwoTone"));
+var _NewReleases = _interopRequireDefault(require("./NewReleases"));
+var _NewReleasesOutlined = _interopRequireDefault(require("./NewReleasesOutlined"));
+var _NewReleasesRounded = _interopRequireDefault(require("./NewReleasesRounded"));
+var _NewReleasesSharp = _interopRequireDefault(require("./NewReleasesSharp"));
+var _NewReleasesTwoTone = _interopRequireDefault(require("./NewReleasesTwoTone"));
+var _Newspaper = _interopRequireDefault(require("./Newspaper"));
+var _NewspaperOutlined = _interopRequireDefault(require("./NewspaperOutlined"));
+var _NewspaperRounded = _interopRequireDefault(require("./NewspaperRounded"));
+var _NewspaperSharp = _interopRequireDefault(require("./NewspaperSharp"));
+var _NewspaperTwoTone = _interopRequireDefault(require("./NewspaperTwoTone"));
+var _NextPlan = _interopRequireDefault(require("./NextPlan"));
+var _NextPlanOutlined = _interopRequireDefault(require("./NextPlanOutlined"));
+var _NextPlanRounded = _interopRequireDefault(require("./NextPlanRounded"));
+var _NextPlanSharp = _interopRequireDefault(require("./NextPlanSharp"));
+var _NextPlanTwoTone = _interopRequireDefault(require("./NextPlanTwoTone"));
+var _NextWeek = _interopRequireDefault(require("./NextWeek"));
+var _NextWeekOutlined = _interopRequireDefault(require("./NextWeekOutlined"));
+var _NextWeekRounded = _interopRequireDefault(require("./NextWeekRounded"));
+var _NextWeekSharp = _interopRequireDefault(require("./NextWeekSharp"));
+var _NextWeekTwoTone = _interopRequireDefault(require("./NextWeekTwoTone"));
+var _Nfc = _interopRequireDefault(require("./Nfc"));
+var _NfcOutlined = _interopRequireDefault(require("./NfcOutlined"));
+var _NfcRounded = _interopRequireDefault(require("./NfcRounded"));
+var _NfcSharp = _interopRequireDefault(require("./NfcSharp"));
+var _NfcTwoTone = _interopRequireDefault(require("./NfcTwoTone"));
+var _NightShelter = _interopRequireDefault(require("./NightShelter"));
+var _NightShelterOutlined = _interopRequireDefault(require("./NightShelterOutlined"));
+var _NightShelterRounded = _interopRequireDefault(require("./NightShelterRounded"));
+var _NightShelterSharp = _interopRequireDefault(require("./NightShelterSharp"));
+var _NightShelterTwoTone = _interopRequireDefault(require("./NightShelterTwoTone"));
+var _Nightlife = _interopRequireDefault(require("./Nightlife"));
+var _NightlifeOutlined = _interopRequireDefault(require("./NightlifeOutlined"));
+var _NightlifeRounded = _interopRequireDefault(require("./NightlifeRounded"));
+var _NightlifeSharp = _interopRequireDefault(require("./NightlifeSharp"));
+var _NightlifeTwoTone = _interopRequireDefault(require("./NightlifeTwoTone"));
+var _Nightlight = _interopRequireDefault(require("./Nightlight"));
+var _NightlightOutlined = _interopRequireDefault(require("./NightlightOutlined"));
+var _NightlightRound = _interopRequireDefault(require("./NightlightRound"));
+var _NightlightRoundOutlined = _interopRequireDefault(require("./NightlightRoundOutlined"));
+var _NightlightRoundRounded = _interopRequireDefault(require("./NightlightRoundRounded"));
+var _NightlightRoundSharp = _interopRequireDefault(require("./NightlightRoundSharp"));
+var _NightlightRoundTwoTone = _interopRequireDefault(require("./NightlightRoundTwoTone"));
+var _NightlightRounded = _interopRequireDefault(require("./NightlightRounded"));
+var _NightlightSharp = _interopRequireDefault(require("./NightlightSharp"));
+var _NightlightTwoTone = _interopRequireDefault(require("./NightlightTwoTone"));
+var _NightsStay = _interopRequireDefault(require("./NightsStay"));
+var _NightsStayOutlined = _interopRequireDefault(require("./NightsStayOutlined"));
+var _NightsStayRounded = _interopRequireDefault(require("./NightsStayRounded"));
+var _NightsStaySharp = _interopRequireDefault(require("./NightsStaySharp"));
+var _NightsStayTwoTone = _interopRequireDefault(require("./NightsStayTwoTone"));
+var _NineK = _interopRequireDefault(require("./NineK"));
+var _NineKOutlined = _interopRequireDefault(require("./NineKOutlined"));
+var _NineKPlus = _interopRequireDefault(require("./NineKPlus"));
+var _NineKPlusOutlined = _interopRequireDefault(require("./NineKPlusOutlined"));
+var _NineKPlusRounded = _interopRequireDefault(require("./NineKPlusRounded"));
+var _NineKPlusSharp = _interopRequireDefault(require("./NineKPlusSharp"));
+var _NineKPlusTwoTone = _interopRequireDefault(require("./NineKPlusTwoTone"));
+var _NineKRounded = _interopRequireDefault(require("./NineKRounded"));
+var _NineKSharp = _interopRequireDefault(require("./NineKSharp"));
+var _NineKTwoTone = _interopRequireDefault(require("./NineKTwoTone"));
+var _NineMp = _interopRequireDefault(require("./NineMp"));
+var _NineMpOutlined = _interopRequireDefault(require("./NineMpOutlined"));
+var _NineMpRounded = _interopRequireDefault(require("./NineMpRounded"));
+var _NineMpSharp = _interopRequireDefault(require("./NineMpSharp"));
+var _NineMpTwoTone = _interopRequireDefault(require("./NineMpTwoTone"));
+var _NineteenMp = _interopRequireDefault(require("./NineteenMp"));
+var _NineteenMpOutlined = _interopRequireDefault(require("./NineteenMpOutlined"));
+var _NineteenMpRounded = _interopRequireDefault(require("./NineteenMpRounded"));
+var _NineteenMpSharp = _interopRequireDefault(require("./NineteenMpSharp"));
+var _NineteenMpTwoTone = _interopRequireDefault(require("./NineteenMpTwoTone"));
+var _NoAccounts = _interopRequireDefault(require("./NoAccounts"));
+var _NoAccountsOutlined = _interopRequireDefault(require("./NoAccountsOutlined"));
+var _NoAccountsRounded = _interopRequireDefault(require("./NoAccountsRounded"));
+var _NoAccountsSharp = _interopRequireDefault(require("./NoAccountsSharp"));
+var _NoAccountsTwoTone = _interopRequireDefault(require("./NoAccountsTwoTone"));
+var _NoAdultContent = _interopRequireDefault(require("./NoAdultContent"));
+var _NoAdultContentOutlined = _interopRequireDefault(require("./NoAdultContentOutlined"));
+var _NoAdultContentRounded = _interopRequireDefault(require("./NoAdultContentRounded"));
+var _NoAdultContentSharp = _interopRequireDefault(require("./NoAdultContentSharp"));
+var _NoAdultContentTwoTone = _interopRequireDefault(require("./NoAdultContentTwoTone"));
+var _NoBackpack = _interopRequireDefault(require("./NoBackpack"));
+var _NoBackpackOutlined = _interopRequireDefault(require("./NoBackpackOutlined"));
+var _NoBackpackRounded = _interopRequireDefault(require("./NoBackpackRounded"));
+var _NoBackpackSharp = _interopRequireDefault(require("./NoBackpackSharp"));
+var _NoBackpackTwoTone = _interopRequireDefault(require("./NoBackpackTwoTone"));
+var _NoCell = _interopRequireDefault(require("./NoCell"));
+var _NoCellOutlined = _interopRequireDefault(require("./NoCellOutlined"));
+var _NoCellRounded = _interopRequireDefault(require("./NoCellRounded"));
+var _NoCellSharp = _interopRequireDefault(require("./NoCellSharp"));
+var _NoCellTwoTone = _interopRequireDefault(require("./NoCellTwoTone"));
+var _NoCrash = _interopRequireDefault(require("./NoCrash"));
+var _NoCrashOutlined = _interopRequireDefault(require("./NoCrashOutlined"));
+var _NoCrashRounded = _interopRequireDefault(require("./NoCrashRounded"));
+var _NoCrashSharp = _interopRequireDefault(require("./NoCrashSharp"));
+var _NoCrashTwoTone = _interopRequireDefault(require("./NoCrashTwoTone"));
+var _NoDrinks = _interopRequireDefault(require("./NoDrinks"));
+var _NoDrinksOutlined = _interopRequireDefault(require("./NoDrinksOutlined"));
+var _NoDrinksRounded = _interopRequireDefault(require("./NoDrinksRounded"));
+var _NoDrinksSharp = _interopRequireDefault(require("./NoDrinksSharp"));
+var _NoDrinksTwoTone = _interopRequireDefault(require("./NoDrinksTwoTone"));
+var _NoEncryption = _interopRequireDefault(require("./NoEncryption"));
+var _NoEncryptionGmailerrorred = _interopRequireDefault(require("./NoEncryptionGmailerrorred"));
+var _NoEncryptionGmailerrorredOutlined = _interopRequireDefault(require("./NoEncryptionGmailerrorredOutlined"));
+var _NoEncryptionGmailerrorredRounded = _interopRequireDefault(require("./NoEncryptionGmailerrorredRounded"));
+var _NoEncryptionGmailerrorredSharp = _interopRequireDefault(require("./NoEncryptionGmailerrorredSharp"));
+var _NoEncryptionGmailerrorredTwoTone = _interopRequireDefault(require("./NoEncryptionGmailerrorredTwoTone"));
+var _NoEncryptionOutlined = _interopRequireDefault(require("./NoEncryptionOutlined"));
+var _NoEncryptionRounded = _interopRequireDefault(require("./NoEncryptionRounded"));
+var _NoEncryptionSharp = _interopRequireDefault(require("./NoEncryptionSharp"));
+var _NoEncryptionTwoTone = _interopRequireDefault(require("./NoEncryptionTwoTone"));
+var _NoFlash = _interopRequireDefault(require("./NoFlash"));
+var _NoFlashOutlined = _interopRequireDefault(require("./NoFlashOutlined"));
+var _NoFlashRounded = _interopRequireDefault(require("./NoFlashRounded"));
+var _NoFlashSharp = _interopRequireDefault(require("./NoFlashSharp"));
+var _NoFlashTwoTone = _interopRequireDefault(require("./NoFlashTwoTone"));
+var _NoFood = _interopRequireDefault(require("./NoFood"));
+var _NoFoodOutlined = _interopRequireDefault(require("./NoFoodOutlined"));
+var _NoFoodRounded = _interopRequireDefault(require("./NoFoodRounded"));
+var _NoFoodSharp = _interopRequireDefault(require("./NoFoodSharp"));
+var _NoFoodTwoTone = _interopRequireDefault(require("./NoFoodTwoTone"));
+var _NoLuggage = _interopRequireDefault(require("./NoLuggage"));
+var _NoLuggageOutlined = _interopRequireDefault(require("./NoLuggageOutlined"));
+var _NoLuggageRounded = _interopRequireDefault(require("./NoLuggageRounded"));
+var _NoLuggageSharp = _interopRequireDefault(require("./NoLuggageSharp"));
+var _NoLuggageTwoTone = _interopRequireDefault(require("./NoLuggageTwoTone"));
+var _NoMeals = _interopRequireDefault(require("./NoMeals"));
+var _NoMealsOutlined = _interopRequireDefault(require("./NoMealsOutlined"));
+var _NoMealsRounded = _interopRequireDefault(require("./NoMealsRounded"));
+var _NoMealsSharp = _interopRequireDefault(require("./NoMealsSharp"));
+var _NoMealsTwoTone = _interopRequireDefault(require("./NoMealsTwoTone"));
+var _NoMeetingRoom = _interopRequireDefault(require("./NoMeetingRoom"));
+var _NoMeetingRoomOutlined = _interopRequireDefault(require("./NoMeetingRoomOutlined"));
+var _NoMeetingRoomRounded = _interopRequireDefault(require("./NoMeetingRoomRounded"));
+var _NoMeetingRoomSharp = _interopRequireDefault(require("./NoMeetingRoomSharp"));
+var _NoMeetingRoomTwoTone = _interopRequireDefault(require("./NoMeetingRoomTwoTone"));
+var _NoPhotography = _interopRequireDefault(require("./NoPhotography"));
+var _NoPhotographyOutlined = _interopRequireDefault(require("./NoPhotographyOutlined"));
+var _NoPhotographyRounded = _interopRequireDefault(require("./NoPhotographyRounded"));
+var _NoPhotographySharp = _interopRequireDefault(require("./NoPhotographySharp"));
+var _NoPhotographyTwoTone = _interopRequireDefault(require("./NoPhotographyTwoTone"));
+var _NoSim = _interopRequireDefault(require("./NoSim"));
+var _NoSimOutlined = _interopRequireDefault(require("./NoSimOutlined"));
+var _NoSimRounded = _interopRequireDefault(require("./NoSimRounded"));
+var _NoSimSharp = _interopRequireDefault(require("./NoSimSharp"));
+var _NoSimTwoTone = _interopRequireDefault(require("./NoSimTwoTone"));
+var _NoStroller = _interopRequireDefault(require("./NoStroller"));
+var _NoStrollerOutlined = _interopRequireDefault(require("./NoStrollerOutlined"));
+var _NoStrollerRounded = _interopRequireDefault(require("./NoStrollerRounded"));
+var _NoStrollerSharp = _interopRequireDefault(require("./NoStrollerSharp"));
+var _NoStrollerTwoTone = _interopRequireDefault(require("./NoStrollerTwoTone"));
+var _NoTransfer = _interopRequireDefault(require("./NoTransfer"));
+var _NoTransferOutlined = _interopRequireDefault(require("./NoTransferOutlined"));
+var _NoTransferRounded = _interopRequireDefault(require("./NoTransferRounded"));
+var _NoTransferSharp = _interopRequireDefault(require("./NoTransferSharp"));
+var _NoTransferTwoTone = _interopRequireDefault(require("./NoTransferTwoTone"));
+var _NoiseAware = _interopRequireDefault(require("./NoiseAware"));
+var _NoiseAwareOutlined = _interopRequireDefault(require("./NoiseAwareOutlined"));
+var _NoiseAwareRounded = _interopRequireDefault(require("./NoiseAwareRounded"));
+var _NoiseAwareSharp = _interopRequireDefault(require("./NoiseAwareSharp"));
+var _NoiseAwareTwoTone = _interopRequireDefault(require("./NoiseAwareTwoTone"));
+var _NoiseControlOff = _interopRequireDefault(require("./NoiseControlOff"));
+var _NoiseControlOffOutlined = _interopRequireDefault(require("./NoiseControlOffOutlined"));
+var _NoiseControlOffRounded = _interopRequireDefault(require("./NoiseControlOffRounded"));
+var _NoiseControlOffSharp = _interopRequireDefault(require("./NoiseControlOffSharp"));
+var _NoiseControlOffTwoTone = _interopRequireDefault(require("./NoiseControlOffTwoTone"));
+var _NordicWalking = _interopRequireDefault(require("./NordicWalking"));
+var _NordicWalkingOutlined = _interopRequireDefault(require("./NordicWalkingOutlined"));
+var _NordicWalkingRounded = _interopRequireDefault(require("./NordicWalkingRounded"));
+var _NordicWalkingSharp = _interopRequireDefault(require("./NordicWalkingSharp"));
+var _NordicWalkingTwoTone = _interopRequireDefault(require("./NordicWalkingTwoTone"));
+var _North = _interopRequireDefault(require("./North"));
+var _NorthEast = _interopRequireDefault(require("./NorthEast"));
+var _NorthEastOutlined = _interopRequireDefault(require("./NorthEastOutlined"));
+var _NorthEastRounded = _interopRequireDefault(require("./NorthEastRounded"));
+var _NorthEastSharp = _interopRequireDefault(require("./NorthEastSharp"));
+var _NorthEastTwoTone = _interopRequireDefault(require("./NorthEastTwoTone"));
+var _NorthOutlined = _interopRequireDefault(require("./NorthOutlined"));
+var _NorthRounded = _interopRequireDefault(require("./NorthRounded"));
+var _NorthSharp = _interopRequireDefault(require("./NorthSharp"));
+var _NorthTwoTone = _interopRequireDefault(require("./NorthTwoTone"));
+var _NorthWest = _interopRequireDefault(require("./NorthWest"));
+var _NorthWestOutlined = _interopRequireDefault(require("./NorthWestOutlined"));
+var _NorthWestRounded = _interopRequireDefault(require("./NorthWestRounded"));
+var _NorthWestSharp = _interopRequireDefault(require("./NorthWestSharp"));
+var _NorthWestTwoTone = _interopRequireDefault(require("./NorthWestTwoTone"));
+var _NotAccessible = _interopRequireDefault(require("./NotAccessible"));
+var _NotAccessibleOutlined = _interopRequireDefault(require("./NotAccessibleOutlined"));
+var _NotAccessibleRounded = _interopRequireDefault(require("./NotAccessibleRounded"));
+var _NotAccessibleSharp = _interopRequireDefault(require("./NotAccessibleSharp"));
+var _NotAccessibleTwoTone = _interopRequireDefault(require("./NotAccessibleTwoTone"));
+var _NotInterested = _interopRequireDefault(require("./NotInterested"));
+var _NotInterestedOutlined = _interopRequireDefault(require("./NotInterestedOutlined"));
+var _NotInterestedRounded = _interopRequireDefault(require("./NotInterestedRounded"));
+var _NotInterestedSharp = _interopRequireDefault(require("./NotInterestedSharp"));
+var _NotInterestedTwoTone = _interopRequireDefault(require("./NotInterestedTwoTone"));
+var _NotListedLocation = _interopRequireDefault(require("./NotListedLocation"));
+var _NotListedLocationOutlined = _interopRequireDefault(require("./NotListedLocationOutlined"));
+var _NotListedLocationRounded = _interopRequireDefault(require("./NotListedLocationRounded"));
+var _NotListedLocationSharp = _interopRequireDefault(require("./NotListedLocationSharp"));
+var _NotListedLocationTwoTone = _interopRequireDefault(require("./NotListedLocationTwoTone"));
+var _NotStarted = _interopRequireDefault(require("./NotStarted"));
+var _NotStartedOutlined = _interopRequireDefault(require("./NotStartedOutlined"));
+var _NotStartedRounded = _interopRequireDefault(require("./NotStartedRounded"));
+var _NotStartedSharp = _interopRequireDefault(require("./NotStartedSharp"));
+var _NotStartedTwoTone = _interopRequireDefault(require("./NotStartedTwoTone"));
+var _Note = _interopRequireDefault(require("./Note"));
+var _NoteAdd = _interopRequireDefault(require("./NoteAdd"));
+var _NoteAddOutlined = _interopRequireDefault(require("./NoteAddOutlined"));
+var _NoteAddRounded = _interopRequireDefault(require("./NoteAddRounded"));
+var _NoteAddSharp = _interopRequireDefault(require("./NoteAddSharp"));
+var _NoteAddTwoTone = _interopRequireDefault(require("./NoteAddTwoTone"));
+var _NoteAlt = _interopRequireDefault(require("./NoteAlt"));
+var _NoteAltOutlined = _interopRequireDefault(require("./NoteAltOutlined"));
+var _NoteAltRounded = _interopRequireDefault(require("./NoteAltRounded"));
+var _NoteAltSharp = _interopRequireDefault(require("./NoteAltSharp"));
+var _NoteAltTwoTone = _interopRequireDefault(require("./NoteAltTwoTone"));
+var _NoteOutlined = _interopRequireDefault(require("./NoteOutlined"));
+var _NoteRounded = _interopRequireDefault(require("./NoteRounded"));
+var _NoteSharp = _interopRequireDefault(require("./NoteSharp"));
+var _NoteTwoTone = _interopRequireDefault(require("./NoteTwoTone"));
+var _Notes = _interopRequireDefault(require("./Notes"));
+var _NotesOutlined = _interopRequireDefault(require("./NotesOutlined"));
+var _NotesRounded = _interopRequireDefault(require("./NotesRounded"));
+var _NotesSharp = _interopRequireDefault(require("./NotesSharp"));
+var _NotesTwoTone = _interopRequireDefault(require("./NotesTwoTone"));
+var _NotificationAdd = _interopRequireDefault(require("./NotificationAdd"));
+var _NotificationAddOutlined = _interopRequireDefault(require("./NotificationAddOutlined"));
+var _NotificationAddRounded = _interopRequireDefault(require("./NotificationAddRounded"));
+var _NotificationAddSharp = _interopRequireDefault(require("./NotificationAddSharp"));
+var _NotificationAddTwoTone = _interopRequireDefault(require("./NotificationAddTwoTone"));
+var _NotificationImportant = _interopRequireDefault(require("./NotificationImportant"));
+var _NotificationImportantOutlined = _interopRequireDefault(require("./NotificationImportantOutlined"));
+var _NotificationImportantRounded = _interopRequireDefault(require("./NotificationImportantRounded"));
+var _NotificationImportantSharp = _interopRequireDefault(require("./NotificationImportantSharp"));
+var _NotificationImportantTwoTone = _interopRequireDefault(require("./NotificationImportantTwoTone"));
+var _Notifications = _interopRequireDefault(require("./Notifications"));
+var _NotificationsActive = _interopRequireDefault(require("./NotificationsActive"));
+var _NotificationsActiveOutlined = _interopRequireDefault(require("./NotificationsActiveOutlined"));
+var _NotificationsActiveRounded = _interopRequireDefault(require("./NotificationsActiveRounded"));
+var _NotificationsActiveSharp = _interopRequireDefault(require("./NotificationsActiveSharp"));
+var _NotificationsActiveTwoTone = _interopRequireDefault(require("./NotificationsActiveTwoTone"));
+var _NotificationsNone = _interopRequireDefault(require("./NotificationsNone"));
+var _NotificationsNoneOutlined = _interopRequireDefault(require("./NotificationsNoneOutlined"));
+var _NotificationsNoneRounded = _interopRequireDefault(require("./NotificationsNoneRounded"));
+var _NotificationsNoneSharp = _interopRequireDefault(require("./NotificationsNoneSharp"));
+var _NotificationsNoneTwoTone = _interopRequireDefault(require("./NotificationsNoneTwoTone"));
+var _NotificationsOff = _interopRequireDefault(require("./NotificationsOff"));
+var _NotificationsOffOutlined = _interopRequireDefault(require("./NotificationsOffOutlined"));
+var _NotificationsOffRounded = _interopRequireDefault(require("./NotificationsOffRounded"));
+var _NotificationsOffSharp = _interopRequireDefault(require("./NotificationsOffSharp"));
+var _NotificationsOffTwoTone = _interopRequireDefault(require("./NotificationsOffTwoTone"));
+var _NotificationsOutlined = _interopRequireDefault(require("./NotificationsOutlined"));
+var _NotificationsPaused = _interopRequireDefault(require("./NotificationsPaused"));
+var _NotificationsPausedOutlined = _interopRequireDefault(require("./NotificationsPausedOutlined"));
+var _NotificationsPausedRounded = _interopRequireDefault(require("./NotificationsPausedRounded"));
+var _NotificationsPausedSharp = _interopRequireDefault(require("./NotificationsPausedSharp"));
+var _NotificationsPausedTwoTone = _interopRequireDefault(require("./NotificationsPausedTwoTone"));
+var _NotificationsRounded = _interopRequireDefault(require("./NotificationsRounded"));
+var _NotificationsSharp = _interopRequireDefault(require("./NotificationsSharp"));
+var _NotificationsTwoTone = _interopRequireDefault(require("./NotificationsTwoTone"));
+var _Numbers = _interopRequireDefault(require("./Numbers"));
+var _NumbersOutlined = _interopRequireDefault(require("./NumbersOutlined"));
+var _NumbersRounded = _interopRequireDefault(require("./NumbersRounded"));
+var _NumbersSharp = _interopRequireDefault(require("./NumbersSharp"));
+var _NumbersTwoTone = _interopRequireDefault(require("./NumbersTwoTone"));
+var _OfflineBolt = _interopRequireDefault(require("./OfflineBolt"));
+var _OfflineBoltOutlined = _interopRequireDefault(require("./OfflineBoltOutlined"));
+var _OfflineBoltRounded = _interopRequireDefault(require("./OfflineBoltRounded"));
+var _OfflineBoltSharp = _interopRequireDefault(require("./OfflineBoltSharp"));
+var _OfflineBoltTwoTone = _interopRequireDefault(require("./OfflineBoltTwoTone"));
+var _OfflinePin = _interopRequireDefault(require("./OfflinePin"));
+var _OfflinePinOutlined = _interopRequireDefault(require("./OfflinePinOutlined"));
+var _OfflinePinRounded = _interopRequireDefault(require("./OfflinePinRounded"));
+var _OfflinePinSharp = _interopRequireDefault(require("./OfflinePinSharp"));
+var _OfflinePinTwoTone = _interopRequireDefault(require("./OfflinePinTwoTone"));
+var _OfflineShare = _interopRequireDefault(require("./OfflineShare"));
+var _OfflineShareOutlined = _interopRequireDefault(require("./OfflineShareOutlined"));
+var _OfflineShareRounded = _interopRequireDefault(require("./OfflineShareRounded"));
+var _OfflineShareSharp = _interopRequireDefault(require("./OfflineShareSharp"));
+var _OfflineShareTwoTone = _interopRequireDefault(require("./OfflineShareTwoTone"));
+var _OilBarrel = _interopRequireDefault(require("./OilBarrel"));
+var _OilBarrelOutlined = _interopRequireDefault(require("./OilBarrelOutlined"));
+var _OilBarrelRounded = _interopRequireDefault(require("./OilBarrelRounded"));
+var _OilBarrelSharp = _interopRequireDefault(require("./OilBarrelSharp"));
+var _OilBarrelTwoTone = _interopRequireDefault(require("./OilBarrelTwoTone"));
+var _OnDeviceTraining = _interopRequireDefault(require("./OnDeviceTraining"));
+var _OnDeviceTrainingOutlined = _interopRequireDefault(require("./OnDeviceTrainingOutlined"));
+var _OnDeviceTrainingRounded = _interopRequireDefault(require("./OnDeviceTrainingRounded"));
+var _OnDeviceTrainingSharp = _interopRequireDefault(require("./OnDeviceTrainingSharp"));
+var _OnDeviceTrainingTwoTone = _interopRequireDefault(require("./OnDeviceTrainingTwoTone"));
+var _OndemandVideo = _interopRequireDefault(require("./OndemandVideo"));
+var _OndemandVideoOutlined = _interopRequireDefault(require("./OndemandVideoOutlined"));
+var _OndemandVideoRounded = _interopRequireDefault(require("./OndemandVideoRounded"));
+var _OndemandVideoSharp = _interopRequireDefault(require("./OndemandVideoSharp"));
+var _OndemandVideoTwoTone = _interopRequireDefault(require("./OndemandVideoTwoTone"));
+var _OneK = _interopRequireDefault(require("./OneK"));
+var _OneKOutlined = _interopRequireDefault(require("./OneKOutlined"));
+var _OneKPlus = _interopRequireDefault(require("./OneKPlus"));
+var _OneKPlusOutlined = _interopRequireDefault(require("./OneKPlusOutlined"));
+var _OneKPlusRounded = _interopRequireDefault(require("./OneKPlusRounded"));
+var _OneKPlusSharp = _interopRequireDefault(require("./OneKPlusSharp"));
+var _OneKPlusTwoTone = _interopRequireDefault(require("./OneKPlusTwoTone"));
+var _OneKRounded = _interopRequireDefault(require("./OneKRounded"));
+var _OneKSharp = _interopRequireDefault(require("./OneKSharp"));
+var _OneKTwoTone = _interopRequireDefault(require("./OneKTwoTone"));
+var _OneKk = _interopRequireDefault(require("./OneKk"));
+var _OneKkOutlined = _interopRequireDefault(require("./OneKkOutlined"));
+var _OneKkRounded = _interopRequireDefault(require("./OneKkRounded"));
+var _OneKkSharp = _interopRequireDefault(require("./OneKkSharp"));
+var _OneKkTwoTone = _interopRequireDefault(require("./OneKkTwoTone"));
+var _OnlinePrediction = _interopRequireDefault(require("./OnlinePrediction"));
+var _OnlinePredictionOutlined = _interopRequireDefault(require("./OnlinePredictionOutlined"));
+var _OnlinePredictionRounded = _interopRequireDefault(require("./OnlinePredictionRounded"));
+var _OnlinePredictionSharp = _interopRequireDefault(require("./OnlinePredictionSharp"));
+var _OnlinePredictionTwoTone = _interopRequireDefault(require("./OnlinePredictionTwoTone"));
+var _Opacity = _interopRequireDefault(require("./Opacity"));
+var _OpacityOutlined = _interopRequireDefault(require("./OpacityOutlined"));
+var _OpacityRounded = _interopRequireDefault(require("./OpacityRounded"));
+var _OpacitySharp = _interopRequireDefault(require("./OpacitySharp"));
+var _OpacityTwoTone = _interopRequireDefault(require("./OpacityTwoTone"));
+var _OpenInBrowser = _interopRequireDefault(require("./OpenInBrowser"));
+var _OpenInBrowserOutlined = _interopRequireDefault(require("./OpenInBrowserOutlined"));
+var _OpenInBrowserRounded = _interopRequireDefault(require("./OpenInBrowserRounded"));
+var _OpenInBrowserSharp = _interopRequireDefault(require("./OpenInBrowserSharp"));
+var _OpenInBrowserTwoTone = _interopRequireDefault(require("./OpenInBrowserTwoTone"));
+var _OpenInFull = _interopRequireDefault(require("./OpenInFull"));
+var _OpenInFullOutlined = _interopRequireDefault(require("./OpenInFullOutlined"));
+var _OpenInFullRounded = _interopRequireDefault(require("./OpenInFullRounded"));
+var _OpenInFullSharp = _interopRequireDefault(require("./OpenInFullSharp"));
+var _OpenInFullTwoTone = _interopRequireDefault(require("./OpenInFullTwoTone"));
+var _OpenInNew = _interopRequireDefault(require("./OpenInNew"));
+var _OpenInNewOff = _interopRequireDefault(require("./OpenInNewOff"));
+var _OpenInNewOffOutlined = _interopRequireDefault(require("./OpenInNewOffOutlined"));
+var _OpenInNewOffRounded = _interopRequireDefault(require("./OpenInNewOffRounded"));
+var _OpenInNewOffSharp = _interopRequireDefault(require("./OpenInNewOffSharp"));
+var _OpenInNewOffTwoTone = _interopRequireDefault(require("./OpenInNewOffTwoTone"));
+var _OpenInNewOutlined = _interopRequireDefault(require("./OpenInNewOutlined"));
+var _OpenInNewRounded = _interopRequireDefault(require("./OpenInNewRounded"));
+var _OpenInNewSharp = _interopRequireDefault(require("./OpenInNewSharp"));
+var _OpenInNewTwoTone = _interopRequireDefault(require("./OpenInNewTwoTone"));
+var _OpenWith = _interopRequireDefault(require("./OpenWith"));
+var _OpenWithOutlined = _interopRequireDefault(require("./OpenWithOutlined"));
+var _OpenWithRounded = _interopRequireDefault(require("./OpenWithRounded"));
+var _OpenWithSharp = _interopRequireDefault(require("./OpenWithSharp"));
+var _OpenWithTwoTone = _interopRequireDefault(require("./OpenWithTwoTone"));
+var _OtherHouses = _interopRequireDefault(require("./OtherHouses"));
+var _OtherHousesOutlined = _interopRequireDefault(require("./OtherHousesOutlined"));
+var _OtherHousesRounded = _interopRequireDefault(require("./OtherHousesRounded"));
+var _OtherHousesSharp = _interopRequireDefault(require("./OtherHousesSharp"));
+var _OtherHousesTwoTone = _interopRequireDefault(require("./OtherHousesTwoTone"));
+var _Outbound = _interopRequireDefault(require("./Outbound"));
+var _OutboundOutlined = _interopRequireDefault(require("./OutboundOutlined"));
+var _OutboundRounded = _interopRequireDefault(require("./OutboundRounded"));
+var _OutboundSharp = _interopRequireDefault(require("./OutboundSharp"));
+var _OutboundTwoTone = _interopRequireDefault(require("./OutboundTwoTone"));
+var _Outbox = _interopRequireDefault(require("./Outbox"));
+var _OutboxOutlined = _interopRequireDefault(require("./OutboxOutlined"));
+var _OutboxRounded = _interopRequireDefault(require("./OutboxRounded"));
+var _OutboxSharp = _interopRequireDefault(require("./OutboxSharp"));
+var _OutboxTwoTone = _interopRequireDefault(require("./OutboxTwoTone"));
+var _OutdoorGrill = _interopRequireDefault(require("./OutdoorGrill"));
+var _OutdoorGrillOutlined = _interopRequireDefault(require("./OutdoorGrillOutlined"));
+var _OutdoorGrillRounded = _interopRequireDefault(require("./OutdoorGrillRounded"));
+var _OutdoorGrillSharp = _interopRequireDefault(require("./OutdoorGrillSharp"));
+var _OutdoorGrillTwoTone = _interopRequireDefault(require("./OutdoorGrillTwoTone"));
+var _Outlet = _interopRequireDefault(require("./Outlet"));
+var _OutletOutlined = _interopRequireDefault(require("./OutletOutlined"));
+var _OutletRounded = _interopRequireDefault(require("./OutletRounded"));
+var _OutletSharp = _interopRequireDefault(require("./OutletSharp"));
+var _OutletTwoTone = _interopRequireDefault(require("./OutletTwoTone"));
+var _OutlinedFlag = _interopRequireDefault(require("./OutlinedFlag"));
+var _OutlinedFlagOutlined = _interopRequireDefault(require("./OutlinedFlagOutlined"));
+var _OutlinedFlagRounded = _interopRequireDefault(require("./OutlinedFlagRounded"));
+var _OutlinedFlagSharp = _interopRequireDefault(require("./OutlinedFlagSharp"));
+var _OutlinedFlagTwoTone = _interopRequireDefault(require("./OutlinedFlagTwoTone"));
+var _Output = _interopRequireDefault(require("./Output"));
+var _OutputOutlined = _interopRequireDefault(require("./OutputOutlined"));
+var _OutputRounded = _interopRequireDefault(require("./OutputRounded"));
+var _OutputSharp = _interopRequireDefault(require("./OutputSharp"));
+var _OutputTwoTone = _interopRequireDefault(require("./OutputTwoTone"));
+var _Padding = _interopRequireDefault(require("./Padding"));
+var _PaddingOutlined = _interopRequireDefault(require("./PaddingOutlined"));
+var _PaddingRounded = _interopRequireDefault(require("./PaddingRounded"));
+var _PaddingSharp = _interopRequireDefault(require("./PaddingSharp"));
+var _PaddingTwoTone = _interopRequireDefault(require("./PaddingTwoTone"));
+var _Pages = _interopRequireDefault(require("./Pages"));
+var _PagesOutlined = _interopRequireDefault(require("./PagesOutlined"));
+var _PagesRounded = _interopRequireDefault(require("./PagesRounded"));
+var _PagesSharp = _interopRequireDefault(require("./PagesSharp"));
+var _PagesTwoTone = _interopRequireDefault(require("./PagesTwoTone"));
+var _Pageview = _interopRequireDefault(require("./Pageview"));
+var _PageviewOutlined = _interopRequireDefault(require("./PageviewOutlined"));
+var _PageviewRounded = _interopRequireDefault(require("./PageviewRounded"));
+var _PageviewSharp = _interopRequireDefault(require("./PageviewSharp"));
+var _PageviewTwoTone = _interopRequireDefault(require("./PageviewTwoTone"));
+var _Paid = _interopRequireDefault(require("./Paid"));
+var _PaidOutlined = _interopRequireDefault(require("./PaidOutlined"));
+var _PaidRounded = _interopRequireDefault(require("./PaidRounded"));
+var _PaidSharp = _interopRequireDefault(require("./PaidSharp"));
+var _PaidTwoTone = _interopRequireDefault(require("./PaidTwoTone"));
+var _Palette = _interopRequireDefault(require("./Palette"));
+var _PaletteOutlined = _interopRequireDefault(require("./PaletteOutlined"));
+var _PaletteRounded = _interopRequireDefault(require("./PaletteRounded"));
+var _PaletteSharp = _interopRequireDefault(require("./PaletteSharp"));
+var _PaletteTwoTone = _interopRequireDefault(require("./PaletteTwoTone"));
+var _PanTool = _interopRequireDefault(require("./PanTool"));
+var _PanToolAlt = _interopRequireDefault(require("./PanToolAlt"));
+var _PanToolAltOutlined = _interopRequireDefault(require("./PanToolAltOutlined"));
+var _PanToolAltRounded = _interopRequireDefault(require("./PanToolAltRounded"));
+var _PanToolAltSharp = _interopRequireDefault(require("./PanToolAltSharp"));
+var _PanToolAltTwoTone = _interopRequireDefault(require("./PanToolAltTwoTone"));
+var _PanToolOutlined = _interopRequireDefault(require("./PanToolOutlined"));
+var _PanToolRounded = _interopRequireDefault(require("./PanToolRounded"));
+var _PanToolSharp = _interopRequireDefault(require("./PanToolSharp"));
+var _PanToolTwoTone = _interopRequireDefault(require("./PanToolTwoTone"));
+var _Panorama = _interopRequireDefault(require("./Panorama"));
+var _PanoramaFishEye = _interopRequireDefault(require("./PanoramaFishEye"));
+var _PanoramaFishEyeOutlined = _interopRequireDefault(require("./PanoramaFishEyeOutlined"));
+var _PanoramaFishEyeRounded = _interopRequireDefault(require("./PanoramaFishEyeRounded"));
+var _PanoramaFishEyeSharp = _interopRequireDefault(require("./PanoramaFishEyeSharp"));
+var _PanoramaFishEyeTwoTone = _interopRequireDefault(require("./PanoramaFishEyeTwoTone"));
+var _PanoramaHorizontal = _interopRequireDefault(require("./PanoramaHorizontal"));
+var _PanoramaHorizontalOutlined = _interopRequireDefault(require("./PanoramaHorizontalOutlined"));
+var _PanoramaHorizontalRounded = _interopRequireDefault(require("./PanoramaHorizontalRounded"));
+var _PanoramaHorizontalSelect = _interopRequireDefault(require("./PanoramaHorizontalSelect"));
+var _PanoramaHorizontalSelectOutlined = _interopRequireDefault(require("./PanoramaHorizontalSelectOutlined"));
+var _PanoramaHorizontalSelectRounded = _interopRequireDefault(require("./PanoramaHorizontalSelectRounded"));
+var _PanoramaHorizontalSelectSharp = _interopRequireDefault(require("./PanoramaHorizontalSelectSharp"));
+var _PanoramaHorizontalSelectTwoTone = _interopRequireDefault(require("./PanoramaHorizontalSelectTwoTone"));
+var _PanoramaHorizontalSharp = _interopRequireDefault(require("./PanoramaHorizontalSharp"));
+var _PanoramaHorizontalTwoTone = _interopRequireDefault(require("./PanoramaHorizontalTwoTone"));
+var _PanoramaOutlined = _interopRequireDefault(require("./PanoramaOutlined"));
+var _PanoramaPhotosphere = _interopRequireDefault(require("./PanoramaPhotosphere"));
+var _PanoramaPhotosphereOutlined = _interopRequireDefault(require("./PanoramaPhotosphereOutlined"));
+var _PanoramaPhotosphereRounded = _interopRequireDefault(require("./PanoramaPhotosphereRounded"));
+var _PanoramaPhotosphereSelect = _interopRequireDefault(require("./PanoramaPhotosphereSelect"));
+var _PanoramaPhotosphereSelectOutlined = _interopRequireDefault(require("./PanoramaPhotosphereSelectOutlined"));
+var _PanoramaPhotosphereSelectRounded = _interopRequireDefault(require("./PanoramaPhotosphereSelectRounded"));
+var _PanoramaPhotosphereSelectSharp = _interopRequireDefault(require("./PanoramaPhotosphereSelectSharp"));
+var _PanoramaPhotosphereSelectTwoTone = _interopRequireDefault(require("./PanoramaPhotosphereSelectTwoTone"));
+var _PanoramaPhotosphereSharp = _interopRequireDefault(require("./PanoramaPhotosphereSharp"));
+var _PanoramaPhotosphereTwoTone = _interopRequireDefault(require("./PanoramaPhotosphereTwoTone"));
+var _PanoramaRounded = _interopRequireDefault(require("./PanoramaRounded"));
+var _PanoramaSharp = _interopRequireDefault(require("./PanoramaSharp"));
+var _PanoramaTwoTone = _interopRequireDefault(require("./PanoramaTwoTone"));
+var _PanoramaVertical = _interopRequireDefault(require("./PanoramaVertical"));
+var _PanoramaVerticalOutlined = _interopRequireDefault(require("./PanoramaVerticalOutlined"));
+var _PanoramaVerticalRounded = _interopRequireDefault(require("./PanoramaVerticalRounded"));
+var _PanoramaVerticalSelect = _interopRequireDefault(require("./PanoramaVerticalSelect"));
+var _PanoramaVerticalSelectOutlined = _interopRequireDefault(require("./PanoramaVerticalSelectOutlined"));
+var _PanoramaVerticalSelectRounded = _interopRequireDefault(require("./PanoramaVerticalSelectRounded"));
+var _PanoramaVerticalSelectSharp = _interopRequireDefault(require("./PanoramaVerticalSelectSharp"));
+var _PanoramaVerticalSelectTwoTone = _interopRequireDefault(require("./PanoramaVerticalSelectTwoTone"));
+var _PanoramaVerticalSharp = _interopRequireDefault(require("./PanoramaVerticalSharp"));
+var _PanoramaVerticalTwoTone = _interopRequireDefault(require("./PanoramaVerticalTwoTone"));
+var _PanoramaWideAngle = _interopRequireDefault(require("./PanoramaWideAngle"));
+var _PanoramaWideAngleOutlined = _interopRequireDefault(require("./PanoramaWideAngleOutlined"));
+var _PanoramaWideAngleRounded = _interopRequireDefault(require("./PanoramaWideAngleRounded"));
+var _PanoramaWideAngleSelect = _interopRequireDefault(require("./PanoramaWideAngleSelect"));
+var _PanoramaWideAngleSelectOutlined = _interopRequireDefault(require("./PanoramaWideAngleSelectOutlined"));
+var _PanoramaWideAngleSelectRounded = _interopRequireDefault(require("./PanoramaWideAngleSelectRounded"));
+var _PanoramaWideAngleSelectSharp = _interopRequireDefault(require("./PanoramaWideAngleSelectSharp"));
+var _PanoramaWideAngleSelectTwoTone = _interopRequireDefault(require("./PanoramaWideAngleSelectTwoTone"));
+var _PanoramaWideAngleSharp = _interopRequireDefault(require("./PanoramaWideAngleSharp"));
+var _PanoramaWideAngleTwoTone = _interopRequireDefault(require("./PanoramaWideAngleTwoTone"));
+var _Paragliding = _interopRequireDefault(require("./Paragliding"));
+var _ParaglidingOutlined = _interopRequireDefault(require("./ParaglidingOutlined"));
+var _ParaglidingRounded = _interopRequireDefault(require("./ParaglidingRounded"));
+var _ParaglidingSharp = _interopRequireDefault(require("./ParaglidingSharp"));
+var _ParaglidingTwoTone = _interopRequireDefault(require("./ParaglidingTwoTone"));
+var _Park = _interopRequireDefault(require("./Park"));
+var _ParkOutlined = _interopRequireDefault(require("./ParkOutlined"));
+var _ParkRounded = _interopRequireDefault(require("./ParkRounded"));
+var _ParkSharp = _interopRequireDefault(require("./ParkSharp"));
+var _ParkTwoTone = _interopRequireDefault(require("./ParkTwoTone"));
+var _PartyMode = _interopRequireDefault(require("./PartyMode"));
+var _PartyModeOutlined = _interopRequireDefault(require("./PartyModeOutlined"));
+var _PartyModeRounded = _interopRequireDefault(require("./PartyModeRounded"));
+var _PartyModeSharp = _interopRequireDefault(require("./PartyModeSharp"));
+var _PartyModeTwoTone = _interopRequireDefault(require("./PartyModeTwoTone"));
+var _Password = _interopRequireDefault(require("./Password"));
+var _PasswordOutlined = _interopRequireDefault(require("./PasswordOutlined"));
+var _PasswordRounded = _interopRequireDefault(require("./PasswordRounded"));
+var _PasswordSharp = _interopRequireDefault(require("./PasswordSharp"));
+var _PasswordTwoTone = _interopRequireDefault(require("./PasswordTwoTone"));
+var _Pattern = _interopRequireDefault(require("./Pattern"));
+var _PatternOutlined = _interopRequireDefault(require("./PatternOutlined"));
+var _PatternRounded = _interopRequireDefault(require("./PatternRounded"));
+var _PatternSharp = _interopRequireDefault(require("./PatternSharp"));
+var _PatternTwoTone = _interopRequireDefault(require("./PatternTwoTone"));
+var _Pause = _interopRequireDefault(require("./Pause"));
+var _PauseCircle = _interopRequireDefault(require("./PauseCircle"));
+var _PauseCircleFilled = _interopRequireDefault(require("./PauseCircleFilled"));
+var _PauseCircleFilledOutlined = _interopRequireDefault(require("./PauseCircleFilledOutlined"));
+var _PauseCircleFilledRounded = _interopRequireDefault(require("./PauseCircleFilledRounded"));
+var _PauseCircleFilledSharp = _interopRequireDefault(require("./PauseCircleFilledSharp"));
+var _PauseCircleFilledTwoTone = _interopRequireDefault(require("./PauseCircleFilledTwoTone"));
+var _PauseCircleOutline = _interopRequireDefault(require("./PauseCircleOutline"));
+var _PauseCircleOutlineOutlined = _interopRequireDefault(require("./PauseCircleOutlineOutlined"));
+var _PauseCircleOutlineRounded = _interopRequireDefault(require("./PauseCircleOutlineRounded"));
+var _PauseCircleOutlineSharp = _interopRequireDefault(require("./PauseCircleOutlineSharp"));
+var _PauseCircleOutlineTwoTone = _interopRequireDefault(require("./PauseCircleOutlineTwoTone"));
+var _PauseCircleOutlined = _interopRequireDefault(require("./PauseCircleOutlined"));
+var _PauseCircleRounded = _interopRequireDefault(require("./PauseCircleRounded"));
+var _PauseCircleSharp = _interopRequireDefault(require("./PauseCircleSharp"));
+var _PauseCircleTwoTone = _interopRequireDefault(require("./PauseCircleTwoTone"));
+var _PauseOutlined = _interopRequireDefault(require("./PauseOutlined"));
+var _PausePresentation = _interopRequireDefault(require("./PausePresentation"));
+var _PausePresentationOutlined = _interopRequireDefault(require("./PausePresentationOutlined"));
+var _PausePresentationRounded = _interopRequireDefault(require("./PausePresentationRounded"));
+var _PausePresentationSharp = _interopRequireDefault(require("./PausePresentationSharp"));
+var _PausePresentationTwoTone = _interopRequireDefault(require("./PausePresentationTwoTone"));
+var _PauseRounded = _interopRequireDefault(require("./PauseRounded"));
+var _PauseSharp = _interopRequireDefault(require("./PauseSharp"));
+var _PauseTwoTone = _interopRequireDefault(require("./PauseTwoTone"));
+var _Payment = _interopRequireDefault(require("./Payment"));
+var _PaymentOutlined = _interopRequireDefault(require("./PaymentOutlined"));
+var _PaymentRounded = _interopRequireDefault(require("./PaymentRounded"));
+var _PaymentSharp = _interopRequireDefault(require("./PaymentSharp"));
+var _PaymentTwoTone = _interopRequireDefault(require("./PaymentTwoTone"));
+var _Payments = _interopRequireDefault(require("./Payments"));
+var _PaymentsOutlined = _interopRequireDefault(require("./PaymentsOutlined"));
+var _PaymentsRounded = _interopRequireDefault(require("./PaymentsRounded"));
+var _PaymentsSharp = _interopRequireDefault(require("./PaymentsSharp"));
+var _PaymentsTwoTone = _interopRequireDefault(require("./PaymentsTwoTone"));
+var _PedalBike = _interopRequireDefault(require("./PedalBike"));
+var _PedalBikeOutlined = _interopRequireDefault(require("./PedalBikeOutlined"));
+var _PedalBikeRounded = _interopRequireDefault(require("./PedalBikeRounded"));
+var _PedalBikeSharp = _interopRequireDefault(require("./PedalBikeSharp"));
+var _PedalBikeTwoTone = _interopRequireDefault(require("./PedalBikeTwoTone"));
+var _Pending = _interopRequireDefault(require("./Pending"));
+var _PendingActions = _interopRequireDefault(require("./PendingActions"));
+var _PendingActionsOutlined = _interopRequireDefault(require("./PendingActionsOutlined"));
+var _PendingActionsRounded = _interopRequireDefault(require("./PendingActionsRounded"));
+var _PendingActionsSharp = _interopRequireDefault(require("./PendingActionsSharp"));
+var _PendingActionsTwoTone = _interopRequireDefault(require("./PendingActionsTwoTone"));
+var _PendingOutlined = _interopRequireDefault(require("./PendingOutlined"));
+var _PendingRounded = _interopRequireDefault(require("./PendingRounded"));
+var _PendingSharp = _interopRequireDefault(require("./PendingSharp"));
+var _PendingTwoTone = _interopRequireDefault(require("./PendingTwoTone"));
+var _Pentagon = _interopRequireDefault(require("./Pentagon"));
+var _PentagonOutlined = _interopRequireDefault(require("./PentagonOutlined"));
+var _PentagonRounded = _interopRequireDefault(require("./PentagonRounded"));
+var _PentagonSharp = _interopRequireDefault(require("./PentagonSharp"));
+var _PentagonTwoTone = _interopRequireDefault(require("./PentagonTwoTone"));
+var _People = _interopRequireDefault(require("./People"));
+var _PeopleAlt = _interopRequireDefault(require("./PeopleAlt"));
+var _PeopleAltOutlined = _interopRequireDefault(require("./PeopleAltOutlined"));
+var _PeopleAltRounded = _interopRequireDefault(require("./PeopleAltRounded"));
+var _PeopleAltSharp = _interopRequireDefault(require("./PeopleAltSharp"));
+var _PeopleAltTwoTone = _interopRequireDefault(require("./PeopleAltTwoTone"));
+var _PeopleOutline = _interopRequireDefault(require("./PeopleOutline"));
+var _PeopleOutlineOutlined = _interopRequireDefault(require("./PeopleOutlineOutlined"));
+var _PeopleOutlineRounded = _interopRequireDefault(require("./PeopleOutlineRounded"));
+var _PeopleOutlineSharp = _interopRequireDefault(require("./PeopleOutlineSharp"));
+var _PeopleOutlineTwoTone = _interopRequireDefault(require("./PeopleOutlineTwoTone"));
+var _PeopleOutlined = _interopRequireDefault(require("./PeopleOutlined"));
+var _PeopleRounded = _interopRequireDefault(require("./PeopleRounded"));
+var _PeopleSharp = _interopRequireDefault(require("./PeopleSharp"));
+var _PeopleTwoTone = _interopRequireDefault(require("./PeopleTwoTone"));
+var _Percent = _interopRequireDefault(require("./Percent"));
+var _PercentOutlined = _interopRequireDefault(require("./PercentOutlined"));
+var _PercentRounded = _interopRequireDefault(require("./PercentRounded"));
+var _PercentSharp = _interopRequireDefault(require("./PercentSharp"));
+var _PercentTwoTone = _interopRequireDefault(require("./PercentTwoTone"));
+var _PermCameraMic = _interopRequireDefault(require("./PermCameraMic"));
+var _PermCameraMicOutlined = _interopRequireDefault(require("./PermCameraMicOutlined"));
+var _PermCameraMicRounded = _interopRequireDefault(require("./PermCameraMicRounded"));
+var _PermCameraMicSharp = _interopRequireDefault(require("./PermCameraMicSharp"));
+var _PermCameraMicTwoTone = _interopRequireDefault(require("./PermCameraMicTwoTone"));
+var _PermContactCalendar = _interopRequireDefault(require("./PermContactCalendar"));
+var _PermContactCalendarOutlined = _interopRequireDefault(require("./PermContactCalendarOutlined"));
+var _PermContactCalendarRounded = _interopRequireDefault(require("./PermContactCalendarRounded"));
+var _PermContactCalendarSharp = _interopRequireDefault(require("./PermContactCalendarSharp"));
+var _PermContactCalendarTwoTone = _interopRequireDefault(require("./PermContactCalendarTwoTone"));
+var _PermDataSetting = _interopRequireDefault(require("./PermDataSetting"));
+var _PermDataSettingOutlined = _interopRequireDefault(require("./PermDataSettingOutlined"));
+var _PermDataSettingRounded = _interopRequireDefault(require("./PermDataSettingRounded"));
+var _PermDataSettingSharp = _interopRequireDefault(require("./PermDataSettingSharp"));
+var _PermDataSettingTwoTone = _interopRequireDefault(require("./PermDataSettingTwoTone"));
+var _PermDeviceInformation = _interopRequireDefault(require("./PermDeviceInformation"));
+var _PermDeviceInformationOutlined = _interopRequireDefault(require("./PermDeviceInformationOutlined"));
+var _PermDeviceInformationRounded = _interopRequireDefault(require("./PermDeviceInformationRounded"));
+var _PermDeviceInformationSharp = _interopRequireDefault(require("./PermDeviceInformationSharp"));
+var _PermDeviceInformationTwoTone = _interopRequireDefault(require("./PermDeviceInformationTwoTone"));
+var _PermIdentity = _interopRequireDefault(require("./PermIdentity"));
+var _PermIdentityOutlined = _interopRequireDefault(require("./PermIdentityOutlined"));
+var _PermIdentityRounded = _interopRequireDefault(require("./PermIdentityRounded"));
+var _PermIdentitySharp = _interopRequireDefault(require("./PermIdentitySharp"));
+var _PermIdentityTwoTone = _interopRequireDefault(require("./PermIdentityTwoTone"));
+var _PermMedia = _interopRequireDefault(require("./PermMedia"));
+var _PermMediaOutlined = _interopRequireDefault(require("./PermMediaOutlined"));
+var _PermMediaRounded = _interopRequireDefault(require("./PermMediaRounded"));
+var _PermMediaSharp = _interopRequireDefault(require("./PermMediaSharp"));
+var _PermMediaTwoTone = _interopRequireDefault(require("./PermMediaTwoTone"));
+var _PermPhoneMsg = _interopRequireDefault(require("./PermPhoneMsg"));
+var _PermPhoneMsgOutlined = _interopRequireDefault(require("./PermPhoneMsgOutlined"));
+var _PermPhoneMsgRounded = _interopRequireDefault(require("./PermPhoneMsgRounded"));
+var _PermPhoneMsgSharp = _interopRequireDefault(require("./PermPhoneMsgSharp"));
+var _PermPhoneMsgTwoTone = _interopRequireDefault(require("./PermPhoneMsgTwoTone"));
+var _PermScanWifi = _interopRequireDefault(require("./PermScanWifi"));
+var _PermScanWifiOutlined = _interopRequireDefault(require("./PermScanWifiOutlined"));
+var _PermScanWifiRounded = _interopRequireDefault(require("./PermScanWifiRounded"));
+var _PermScanWifiSharp = _interopRequireDefault(require("./PermScanWifiSharp"));
+var _PermScanWifiTwoTone = _interopRequireDefault(require("./PermScanWifiTwoTone"));
+var _Person = _interopRequireDefault(require("./Person"));
+var _Person2 = _interopRequireDefault(require("./Person2"));
+var _Person2Outlined = _interopRequireDefault(require("./Person2Outlined"));
+var _Person2Rounded = _interopRequireDefault(require("./Person2Rounded"));
+var _Person2Sharp = _interopRequireDefault(require("./Person2Sharp"));
+var _Person2TwoTone = _interopRequireDefault(require("./Person2TwoTone"));
+var _Person3 = _interopRequireDefault(require("./Person3"));
+var _Person3Outlined = _interopRequireDefault(require("./Person3Outlined"));
+var _Person3Rounded = _interopRequireDefault(require("./Person3Rounded"));
+var _Person3Sharp = _interopRequireDefault(require("./Person3Sharp"));
+var _Person3TwoTone = _interopRequireDefault(require("./Person3TwoTone"));
+var _Person4 = _interopRequireDefault(require("./Person4"));
+var _Person4Outlined = _interopRequireDefault(require("./Person4Outlined"));
+var _Person4Rounded = _interopRequireDefault(require("./Person4Rounded"));
+var _Person4Sharp = _interopRequireDefault(require("./Person4Sharp"));
+var _Person4TwoTone = _interopRequireDefault(require("./Person4TwoTone"));
+var _PersonAdd = _interopRequireDefault(require("./PersonAdd"));
+var _PersonAddAlt = _interopRequireDefault(require("./PersonAddAlt"));
+var _PersonAddAlt2 = _interopRequireDefault(require("./PersonAddAlt1"));
+var _PersonAddAlt1Outlined = _interopRequireDefault(require("./PersonAddAlt1Outlined"));
+var _PersonAddAlt1Rounded = _interopRequireDefault(require("./PersonAddAlt1Rounded"));
+var _PersonAddAlt1Sharp = _interopRequireDefault(require("./PersonAddAlt1Sharp"));
+var _PersonAddAlt1TwoTone = _interopRequireDefault(require("./PersonAddAlt1TwoTone"));
+var _PersonAddAltOutlined = _interopRequireDefault(require("./PersonAddAltOutlined"));
+var _PersonAddAltRounded = _interopRequireDefault(require("./PersonAddAltRounded"));
+var _PersonAddAltSharp = _interopRequireDefault(require("./PersonAddAltSharp"));
+var _PersonAddAltTwoTone = _interopRequireDefault(require("./PersonAddAltTwoTone"));
+var _PersonAddDisabled = _interopRequireDefault(require("./PersonAddDisabled"));
+var _PersonAddDisabledOutlined = _interopRequireDefault(require("./PersonAddDisabledOutlined"));
+var _PersonAddDisabledRounded = _interopRequireDefault(require("./PersonAddDisabledRounded"));
+var _PersonAddDisabledSharp = _interopRequireDefault(require("./PersonAddDisabledSharp"));
+var _PersonAddDisabledTwoTone = _interopRequireDefault(require("./PersonAddDisabledTwoTone"));
+var _PersonAddOutlined = _interopRequireDefault(require("./PersonAddOutlined"));
+var _PersonAddRounded = _interopRequireDefault(require("./PersonAddRounded"));
+var _PersonAddSharp = _interopRequireDefault(require("./PersonAddSharp"));
+var _PersonAddTwoTone = _interopRequireDefault(require("./PersonAddTwoTone"));
+var _PersonOff = _interopRequireDefault(require("./PersonOff"));
+var _PersonOffOutlined = _interopRequireDefault(require("./PersonOffOutlined"));
+var _PersonOffRounded = _interopRequireDefault(require("./PersonOffRounded"));
+var _PersonOffSharp = _interopRequireDefault(require("./PersonOffSharp"));
+var _PersonOffTwoTone = _interopRequireDefault(require("./PersonOffTwoTone"));
+var _PersonOutline = _interopRequireDefault(require("./PersonOutline"));
+var _PersonOutlineOutlined = _interopRequireDefault(require("./PersonOutlineOutlined"));
+var _PersonOutlineRounded = _interopRequireDefault(require("./PersonOutlineRounded"));
+var _PersonOutlineSharp = _interopRequireDefault(require("./PersonOutlineSharp"));
+var _PersonOutlineTwoTone = _interopRequireDefault(require("./PersonOutlineTwoTone"));
+var _PersonOutlined = _interopRequireDefault(require("./PersonOutlined"));
+var _PersonPin = _interopRequireDefault(require("./PersonPin"));
+var _PersonPinCircle = _interopRequireDefault(require("./PersonPinCircle"));
+var _PersonPinCircleOutlined = _interopRequireDefault(require("./PersonPinCircleOutlined"));
+var _PersonPinCircleRounded = _interopRequireDefault(require("./PersonPinCircleRounded"));
+var _PersonPinCircleSharp = _interopRequireDefault(require("./PersonPinCircleSharp"));
+var _PersonPinCircleTwoTone = _interopRequireDefault(require("./PersonPinCircleTwoTone"));
+var _PersonPinOutlined = _interopRequireDefault(require("./PersonPinOutlined"));
+var _PersonPinRounded = _interopRequireDefault(require("./PersonPinRounded"));
+var _PersonPinSharp = _interopRequireDefault(require("./PersonPinSharp"));
+var _PersonPinTwoTone = _interopRequireDefault(require("./PersonPinTwoTone"));
+var _PersonRemove = _interopRequireDefault(require("./PersonRemove"));
+var _PersonRemoveAlt = _interopRequireDefault(require("./PersonRemoveAlt1"));
+var _PersonRemoveAlt1Outlined = _interopRequireDefault(require("./PersonRemoveAlt1Outlined"));
+var _PersonRemoveAlt1Rounded = _interopRequireDefault(require("./PersonRemoveAlt1Rounded"));
+var _PersonRemoveAlt1Sharp = _interopRequireDefault(require("./PersonRemoveAlt1Sharp"));
+var _PersonRemoveAlt1TwoTone = _interopRequireDefault(require("./PersonRemoveAlt1TwoTone"));
+var _PersonRemoveOutlined = _interopRequireDefault(require("./PersonRemoveOutlined"));
+var _PersonRemoveRounded = _interopRequireDefault(require("./PersonRemoveRounded"));
+var _PersonRemoveSharp = _interopRequireDefault(require("./PersonRemoveSharp"));
+var _PersonRemoveTwoTone = _interopRequireDefault(require("./PersonRemoveTwoTone"));
+var _PersonRounded = _interopRequireDefault(require("./PersonRounded"));
+var _PersonSearch = _interopRequireDefault(require("./PersonSearch"));
+var _PersonSearchOutlined = _interopRequireDefault(require("./PersonSearchOutlined"));
+var _PersonSearchRounded = _interopRequireDefault(require("./PersonSearchRounded"));
+var _PersonSearchSharp = _interopRequireDefault(require("./PersonSearchSharp"));
+var _PersonSearchTwoTone = _interopRequireDefault(require("./PersonSearchTwoTone"));
+var _PersonSharp = _interopRequireDefault(require("./PersonSharp"));
+var _PersonTwoTone = _interopRequireDefault(require("./PersonTwoTone"));
+var _PersonalVideo = _interopRequireDefault(require("./PersonalVideo"));
+var _PersonalVideoOutlined = _interopRequireDefault(require("./PersonalVideoOutlined"));
+var _PersonalVideoRounded = _interopRequireDefault(require("./PersonalVideoRounded"));
+var _PersonalVideoSharp = _interopRequireDefault(require("./PersonalVideoSharp"));
+var _PersonalVideoTwoTone = _interopRequireDefault(require("./PersonalVideoTwoTone"));
+var _PestControl = _interopRequireDefault(require("./PestControl"));
+var _PestControlOutlined = _interopRequireDefault(require("./PestControlOutlined"));
+var _PestControlRodent = _interopRequireDefault(require("./PestControlRodent"));
+var _PestControlRodentOutlined = _interopRequireDefault(require("./PestControlRodentOutlined"));
+var _PestControlRodentRounded = _interopRequireDefault(require("./PestControlRodentRounded"));
+var _PestControlRodentSharp = _interopRequireDefault(require("./PestControlRodentSharp"));
+var _PestControlRodentTwoTone = _interopRequireDefault(require("./PestControlRodentTwoTone"));
+var _PestControlRounded = _interopRequireDefault(require("./PestControlRounded"));
+var _PestControlSharp = _interopRequireDefault(require("./PestControlSharp"));
+var _PestControlTwoTone = _interopRequireDefault(require("./PestControlTwoTone"));
+var _Pets = _interopRequireDefault(require("./Pets"));
+var _PetsOutlined = _interopRequireDefault(require("./PetsOutlined"));
+var _PetsRounded = _interopRequireDefault(require("./PetsRounded"));
+var _PetsSharp = _interopRequireDefault(require("./PetsSharp"));
+var _PetsTwoTone = _interopRequireDefault(require("./PetsTwoTone"));
+var _Phishing = _interopRequireDefault(require("./Phishing"));
+var _PhishingOutlined = _interopRequireDefault(require("./PhishingOutlined"));
+var _PhishingRounded = _interopRequireDefault(require("./PhishingRounded"));
+var _PhishingSharp = _interopRequireDefault(require("./PhishingSharp"));
+var _PhishingTwoTone = _interopRequireDefault(require("./PhishingTwoTone"));
+var _Phone = _interopRequireDefault(require("./Phone"));
+var _PhoneAndroid = _interopRequireDefault(require("./PhoneAndroid"));
+var _PhoneAndroidOutlined = _interopRequireDefault(require("./PhoneAndroidOutlined"));
+var _PhoneAndroidRounded = _interopRequireDefault(require("./PhoneAndroidRounded"));
+var _PhoneAndroidSharp = _interopRequireDefault(require("./PhoneAndroidSharp"));
+var _PhoneAndroidTwoTone = _interopRequireDefault(require("./PhoneAndroidTwoTone"));
+var _PhoneBluetoothSpeaker = _interopRequireDefault(require("./PhoneBluetoothSpeaker"));
+var _PhoneBluetoothSpeakerOutlined = _interopRequireDefault(require("./PhoneBluetoothSpeakerOutlined"));
+var _PhoneBluetoothSpeakerRounded = _interopRequireDefault(require("./PhoneBluetoothSpeakerRounded"));
+var _PhoneBluetoothSpeakerSharp = _interopRequireDefault(require("./PhoneBluetoothSpeakerSharp"));
+var _PhoneBluetoothSpeakerTwoTone = _interopRequireDefault(require("./PhoneBluetoothSpeakerTwoTone"));
+var _PhoneCallback = _interopRequireDefault(require("./PhoneCallback"));
+var _PhoneCallbackOutlined = _interopRequireDefault(require("./PhoneCallbackOutlined"));
+var _PhoneCallbackRounded = _interopRequireDefault(require("./PhoneCallbackRounded"));
+var _PhoneCallbackSharp = _interopRequireDefault(require("./PhoneCallbackSharp"));
+var _PhoneCallbackTwoTone = _interopRequireDefault(require("./PhoneCallbackTwoTone"));
+var _PhoneDisabled = _interopRequireDefault(require("./PhoneDisabled"));
+var _PhoneDisabledOutlined = _interopRequireDefault(require("./PhoneDisabledOutlined"));
+var _PhoneDisabledRounded = _interopRequireDefault(require("./PhoneDisabledRounded"));
+var _PhoneDisabledSharp = _interopRequireDefault(require("./PhoneDisabledSharp"));
+var _PhoneDisabledTwoTone = _interopRequireDefault(require("./PhoneDisabledTwoTone"));
+var _PhoneEnabled = _interopRequireDefault(require("./PhoneEnabled"));
+var _PhoneEnabledOutlined = _interopRequireDefault(require("./PhoneEnabledOutlined"));
+var _PhoneEnabledRounded = _interopRequireDefault(require("./PhoneEnabledRounded"));
+var _PhoneEnabledSharp = _interopRequireDefault(require("./PhoneEnabledSharp"));
+var _PhoneEnabledTwoTone = _interopRequireDefault(require("./PhoneEnabledTwoTone"));
+var _PhoneForwarded = _interopRequireDefault(require("./PhoneForwarded"));
+var _PhoneForwardedOutlined = _interopRequireDefault(require("./PhoneForwardedOutlined"));
+var _PhoneForwardedRounded = _interopRequireDefault(require("./PhoneForwardedRounded"));
+var _PhoneForwardedSharp = _interopRequireDefault(require("./PhoneForwardedSharp"));
+var _PhoneForwardedTwoTone = _interopRequireDefault(require("./PhoneForwardedTwoTone"));
+var _PhoneInTalk = _interopRequireDefault(require("./PhoneInTalk"));
+var _PhoneInTalkOutlined = _interopRequireDefault(require("./PhoneInTalkOutlined"));
+var _PhoneInTalkRounded = _interopRequireDefault(require("./PhoneInTalkRounded"));
+var _PhoneInTalkSharp = _interopRequireDefault(require("./PhoneInTalkSharp"));
+var _PhoneInTalkTwoTone = _interopRequireDefault(require("./PhoneInTalkTwoTone"));
+var _PhoneIphone = _interopRequireDefault(require("./PhoneIphone"));
+var _PhoneIphoneOutlined = _interopRequireDefault(require("./PhoneIphoneOutlined"));
+var _PhoneIphoneRounded = _interopRequireDefault(require("./PhoneIphoneRounded"));
+var _PhoneIphoneSharp = _interopRequireDefault(require("./PhoneIphoneSharp"));
+var _PhoneIphoneTwoTone = _interopRequireDefault(require("./PhoneIphoneTwoTone"));
+var _PhoneLocked = _interopRequireDefault(require("./PhoneLocked"));
+var _PhoneLockedOutlined = _interopRequireDefault(require("./PhoneLockedOutlined"));
+var _PhoneLockedRounded = _interopRequireDefault(require("./PhoneLockedRounded"));
+var _PhoneLockedSharp = _interopRequireDefault(require("./PhoneLockedSharp"));
+var _PhoneLockedTwoTone = _interopRequireDefault(require("./PhoneLockedTwoTone"));
+var _PhoneMissed = _interopRequireDefault(require("./PhoneMissed"));
+var _PhoneMissedOutlined = _interopRequireDefault(require("./PhoneMissedOutlined"));
+var _PhoneMissedRounded = _interopRequireDefault(require("./PhoneMissedRounded"));
+var _PhoneMissedSharp = _interopRequireDefault(require("./PhoneMissedSharp"));
+var _PhoneMissedTwoTone = _interopRequireDefault(require("./PhoneMissedTwoTone"));
+var _PhoneOutlined = _interopRequireDefault(require("./PhoneOutlined"));
+var _PhonePaused = _interopRequireDefault(require("./PhonePaused"));
+var _PhonePausedOutlined = _interopRequireDefault(require("./PhonePausedOutlined"));
+var _PhonePausedRounded = _interopRequireDefault(require("./PhonePausedRounded"));
+var _PhonePausedSharp = _interopRequireDefault(require("./PhonePausedSharp"));
+var _PhonePausedTwoTone = _interopRequireDefault(require("./PhonePausedTwoTone"));
+var _PhoneRounded = _interopRequireDefault(require("./PhoneRounded"));
+var _PhoneSharp = _interopRequireDefault(require("./PhoneSharp"));
+var _PhoneTwoTone = _interopRequireDefault(require("./PhoneTwoTone"));
+var _Phonelink = _interopRequireDefault(require("./Phonelink"));
+var _PhonelinkErase = _interopRequireDefault(require("./PhonelinkErase"));
+var _PhonelinkEraseOutlined = _interopRequireDefault(require("./PhonelinkEraseOutlined"));
+var _PhonelinkEraseRounded = _interopRequireDefault(require("./PhonelinkEraseRounded"));
+var _PhonelinkEraseSharp = _interopRequireDefault(require("./PhonelinkEraseSharp"));
+var _PhonelinkEraseTwoTone = _interopRequireDefault(require("./PhonelinkEraseTwoTone"));
+var _PhonelinkLock = _interopRequireDefault(require("./PhonelinkLock"));
+var _PhonelinkLockOutlined = _interopRequireDefault(require("./PhonelinkLockOutlined"));
+var _PhonelinkLockRounded = _interopRequireDefault(require("./PhonelinkLockRounded"));
+var _PhonelinkLockSharp = _interopRequireDefault(require("./PhonelinkLockSharp"));
+var _PhonelinkLockTwoTone = _interopRequireDefault(require("./PhonelinkLockTwoTone"));
+var _PhonelinkOff = _interopRequireDefault(require("./PhonelinkOff"));
+var _PhonelinkOffOutlined = _interopRequireDefault(require("./PhonelinkOffOutlined"));
+var _PhonelinkOffRounded = _interopRequireDefault(require("./PhonelinkOffRounded"));
+var _PhonelinkOffSharp = _interopRequireDefault(require("./PhonelinkOffSharp"));
+var _PhonelinkOffTwoTone = _interopRequireDefault(require("./PhonelinkOffTwoTone"));
+var _PhonelinkOutlined = _interopRequireDefault(require("./PhonelinkOutlined"));
+var _PhonelinkRing = _interopRequireDefault(require("./PhonelinkRing"));
+var _PhonelinkRingOutlined = _interopRequireDefault(require("./PhonelinkRingOutlined"));
+var _PhonelinkRingRounded = _interopRequireDefault(require("./PhonelinkRingRounded"));
+var _PhonelinkRingSharp = _interopRequireDefault(require("./PhonelinkRingSharp"));
+var _PhonelinkRingTwoTone = _interopRequireDefault(require("./PhonelinkRingTwoTone"));
+var _PhonelinkRounded = _interopRequireDefault(require("./PhonelinkRounded"));
+var _PhonelinkSetup = _interopRequireDefault(require("./PhonelinkSetup"));
+var _PhonelinkSetupOutlined = _interopRequireDefault(require("./PhonelinkSetupOutlined"));
+var _PhonelinkSetupRounded = _interopRequireDefault(require("./PhonelinkSetupRounded"));
+var _PhonelinkSetupSharp = _interopRequireDefault(require("./PhonelinkSetupSharp"));
+var _PhonelinkSetupTwoTone = _interopRequireDefault(require("./PhonelinkSetupTwoTone"));
+var _PhonelinkSharp = _interopRequireDefault(require("./PhonelinkSharp"));
+var _PhonelinkTwoTone = _interopRequireDefault(require("./PhonelinkTwoTone"));
+var _Photo = _interopRequireDefault(require("./Photo"));
+var _PhotoAlbum = _interopRequireDefault(require("./PhotoAlbum"));
+var _PhotoAlbumOutlined = _interopRequireDefault(require("./PhotoAlbumOutlined"));
+var _PhotoAlbumRounded = _interopRequireDefault(require("./PhotoAlbumRounded"));
+var _PhotoAlbumSharp = _interopRequireDefault(require("./PhotoAlbumSharp"));
+var _PhotoAlbumTwoTone = _interopRequireDefault(require("./PhotoAlbumTwoTone"));
+var _PhotoCamera = _interopRequireDefault(require("./PhotoCamera"));
+var _PhotoCameraBack = _interopRequireDefault(require("./PhotoCameraBack"));
+var _PhotoCameraBackOutlined = _interopRequireDefault(require("./PhotoCameraBackOutlined"));
+var _PhotoCameraBackRounded = _interopRequireDefault(require("./PhotoCameraBackRounded"));
+var _PhotoCameraBackSharp = _interopRequireDefault(require("./PhotoCameraBackSharp"));
+var _PhotoCameraBackTwoTone = _interopRequireDefault(require("./PhotoCameraBackTwoTone"));
+var _PhotoCameraFront = _interopRequireDefault(require("./PhotoCameraFront"));
+var _PhotoCameraFrontOutlined = _interopRequireDefault(require("./PhotoCameraFrontOutlined"));
+var _PhotoCameraFrontRounded = _interopRequireDefault(require("./PhotoCameraFrontRounded"));
+var _PhotoCameraFrontSharp = _interopRequireDefault(require("./PhotoCameraFrontSharp"));
+var _PhotoCameraFrontTwoTone = _interopRequireDefault(require("./PhotoCameraFrontTwoTone"));
+var _PhotoCameraOutlined = _interopRequireDefault(require("./PhotoCameraOutlined"));
+var _PhotoCameraRounded = _interopRequireDefault(require("./PhotoCameraRounded"));
+var _PhotoCameraSharp = _interopRequireDefault(require("./PhotoCameraSharp"));
+var _PhotoCameraTwoTone = _interopRequireDefault(require("./PhotoCameraTwoTone"));
+var _PhotoFilter = _interopRequireDefault(require("./PhotoFilter"));
+var _PhotoFilterOutlined = _interopRequireDefault(require("./PhotoFilterOutlined"));
+var _PhotoFilterRounded = _interopRequireDefault(require("./PhotoFilterRounded"));
+var _PhotoFilterSharp = _interopRequireDefault(require("./PhotoFilterSharp"));
+var _PhotoFilterTwoTone = _interopRequireDefault(require("./PhotoFilterTwoTone"));
+var _PhotoLibrary = _interopRequireDefault(require("./PhotoLibrary"));
+var _PhotoLibraryOutlined = _interopRequireDefault(require("./PhotoLibraryOutlined"));
+var _PhotoLibraryRounded = _interopRequireDefault(require("./PhotoLibraryRounded"));
+var _PhotoLibrarySharp = _interopRequireDefault(require("./PhotoLibrarySharp"));
+var _PhotoLibraryTwoTone = _interopRequireDefault(require("./PhotoLibraryTwoTone"));
+var _PhotoOutlined = _interopRequireDefault(require("./PhotoOutlined"));
+var _PhotoRounded = _interopRequireDefault(require("./PhotoRounded"));
+var _PhotoSharp = _interopRequireDefault(require("./PhotoSharp"));
+var _PhotoSizeSelectActual = _interopRequireDefault(require("./PhotoSizeSelectActual"));
+var _PhotoSizeSelectActualOutlined = _interopRequireDefault(require("./PhotoSizeSelectActualOutlined"));
+var _PhotoSizeSelectActualRounded = _interopRequireDefault(require("./PhotoSizeSelectActualRounded"));
+var _PhotoSizeSelectActualSharp = _interopRequireDefault(require("./PhotoSizeSelectActualSharp"));
+var _PhotoSizeSelectActualTwoTone = _interopRequireDefault(require("./PhotoSizeSelectActualTwoTone"));
+var _PhotoSizeSelectLarge = _interopRequireDefault(require("./PhotoSizeSelectLarge"));
+var _PhotoSizeSelectLargeOutlined = _interopRequireDefault(require("./PhotoSizeSelectLargeOutlined"));
+var _PhotoSizeSelectLargeRounded = _interopRequireDefault(require("./PhotoSizeSelectLargeRounded"));
+var _PhotoSizeSelectLargeSharp = _interopRequireDefault(require("./PhotoSizeSelectLargeSharp"));
+var _PhotoSizeSelectLargeTwoTone = _interopRequireDefault(require("./PhotoSizeSelectLargeTwoTone"));
+var _PhotoSizeSelectSmall = _interopRequireDefault(require("./PhotoSizeSelectSmall"));
+var _PhotoSizeSelectSmallOutlined = _interopRequireDefault(require("./PhotoSizeSelectSmallOutlined"));
+var _PhotoSizeSelectSmallRounded = _interopRequireDefault(require("./PhotoSizeSelectSmallRounded"));
+var _PhotoSizeSelectSmallSharp = _interopRequireDefault(require("./PhotoSizeSelectSmallSharp"));
+var _PhotoSizeSelectSmallTwoTone = _interopRequireDefault(require("./PhotoSizeSelectSmallTwoTone"));
+var _PhotoTwoTone = _interopRequireDefault(require("./PhotoTwoTone"));
+var _Php = _interopRequireDefault(require("./Php"));
+var _PhpOutlined = _interopRequireDefault(require("./PhpOutlined"));
+var _PhpRounded = _interopRequireDefault(require("./PhpRounded"));
+var _PhpSharp = _interopRequireDefault(require("./PhpSharp"));
+var _PhpTwoTone = _interopRequireDefault(require("./PhpTwoTone"));
+var _Piano = _interopRequireDefault(require("./Piano"));
+var _PianoOff = _interopRequireDefault(require("./PianoOff"));
+var _PianoOffOutlined = _interopRequireDefault(require("./PianoOffOutlined"));
+var _PianoOffRounded = _interopRequireDefault(require("./PianoOffRounded"));
+var _PianoOffSharp = _interopRequireDefault(require("./PianoOffSharp"));
+var _PianoOffTwoTone = _interopRequireDefault(require("./PianoOffTwoTone"));
+var _PianoOutlined = _interopRequireDefault(require("./PianoOutlined"));
+var _PianoRounded = _interopRequireDefault(require("./PianoRounded"));
+var _PianoSharp = _interopRequireDefault(require("./PianoSharp"));
+var _PianoTwoTone = _interopRequireDefault(require("./PianoTwoTone"));
+var _PictureAsPdf = _interopRequireDefault(require("./PictureAsPdf"));
+var _PictureAsPdfOutlined = _interopRequireDefault(require("./PictureAsPdfOutlined"));
+var _PictureAsPdfRounded = _interopRequireDefault(require("./PictureAsPdfRounded"));
+var _PictureAsPdfSharp = _interopRequireDefault(require("./PictureAsPdfSharp"));
+var _PictureAsPdfTwoTone = _interopRequireDefault(require("./PictureAsPdfTwoTone"));
+var _PictureInPicture = _interopRequireDefault(require("./PictureInPicture"));
+var _PictureInPictureAlt = _interopRequireDefault(require("./PictureInPictureAlt"));
+var _PictureInPictureAltOutlined = _interopRequireDefault(require("./PictureInPictureAltOutlined"));
+var _PictureInPictureAltRounded = _interopRequireDefault(require("./PictureInPictureAltRounded"));
+var _PictureInPictureAltSharp = _interopRequireDefault(require("./PictureInPictureAltSharp"));
+var _PictureInPictureAltTwoTone = _interopRequireDefault(require("./PictureInPictureAltTwoTone"));
+var _PictureInPictureOutlined = _interopRequireDefault(require("./PictureInPictureOutlined"));
+var _PictureInPictureRounded = _interopRequireDefault(require("./PictureInPictureRounded"));
+var _PictureInPictureSharp = _interopRequireDefault(require("./PictureInPictureSharp"));
+var _PictureInPictureTwoTone = _interopRequireDefault(require("./PictureInPictureTwoTone"));
+var _PieChart = _interopRequireDefault(require("./PieChart"));
+var _PieChartOutline = _interopRequireDefault(require("./PieChartOutline"));
+var _PieChartOutlineOutlined = _interopRequireDefault(require("./PieChartOutlineOutlined"));
+var _PieChartOutlineRounded = _interopRequireDefault(require("./PieChartOutlineRounded"));
+var _PieChartOutlineSharp = _interopRequireDefault(require("./PieChartOutlineSharp"));
+var _PieChartOutlineTwoTone = _interopRequireDefault(require("./PieChartOutlineTwoTone"));
+var _PieChartOutlined = _interopRequireDefault(require("./PieChartOutlined"));
+var _PieChartRounded = _interopRequireDefault(require("./PieChartRounded"));
+var _PieChartSharp = _interopRequireDefault(require("./PieChartSharp"));
+var _PieChartTwoTone = _interopRequireDefault(require("./PieChartTwoTone"));
+var _Pin = _interopRequireDefault(require("./Pin"));
+var _PinDrop = _interopRequireDefault(require("./PinDrop"));
+var _PinDropOutlined = _interopRequireDefault(require("./PinDropOutlined"));
+var _PinDropRounded = _interopRequireDefault(require("./PinDropRounded"));
+var _PinDropSharp = _interopRequireDefault(require("./PinDropSharp"));
+var _PinDropTwoTone = _interopRequireDefault(require("./PinDropTwoTone"));
+var _PinOutlined = _interopRequireDefault(require("./PinOutlined"));
+var _PinRounded = _interopRequireDefault(require("./PinRounded"));
+var _PinSharp = _interopRequireDefault(require("./PinSharp"));
+var _PinTwoTone = _interopRequireDefault(require("./PinTwoTone"));
+var _Pinch = _interopRequireDefault(require("./Pinch"));
+var _PinchOutlined = _interopRequireDefault(require("./PinchOutlined"));
+var _PinchRounded = _interopRequireDefault(require("./PinchRounded"));
+var _PinchSharp = _interopRequireDefault(require("./PinchSharp"));
+var _PinchTwoTone = _interopRequireDefault(require("./PinchTwoTone"));
+var _Pinterest = _interopRequireDefault(require("./Pinterest"));
+var _PivotTableChart = _interopRequireDefault(require("./PivotTableChart"));
+var _PivotTableChartOutlined = _interopRequireDefault(require("./PivotTableChartOutlined"));
+var _PivotTableChartRounded = _interopRequireDefault(require("./PivotTableChartRounded"));
+var _PivotTableChartSharp = _interopRequireDefault(require("./PivotTableChartSharp"));
+var _PivotTableChartTwoTone = _interopRequireDefault(require("./PivotTableChartTwoTone"));
+var _Pix = _interopRequireDefault(require("./Pix"));
+var _PixOutlined = _interopRequireDefault(require("./PixOutlined"));
+var _PixRounded = _interopRequireDefault(require("./PixRounded"));
+var _PixSharp = _interopRequireDefault(require("./PixSharp"));
+var _PixTwoTone = _interopRequireDefault(require("./PixTwoTone"));
+var _Place = _interopRequireDefault(require("./Place"));
+var _PlaceOutlined = _interopRequireDefault(require("./PlaceOutlined"));
+var _PlaceRounded = _interopRequireDefault(require("./PlaceRounded"));
+var _PlaceSharp = _interopRequireDefault(require("./PlaceSharp"));
+var _PlaceTwoTone = _interopRequireDefault(require("./PlaceTwoTone"));
+var _Plagiarism = _interopRequireDefault(require("./Plagiarism"));
+var _PlagiarismOutlined = _interopRequireDefault(require("./PlagiarismOutlined"));
+var _PlagiarismRounded = _interopRequireDefault(require("./PlagiarismRounded"));
+var _PlagiarismSharp = _interopRequireDefault(require("./PlagiarismSharp"));
+var _PlagiarismTwoTone = _interopRequireDefault(require("./PlagiarismTwoTone"));
+var _PlayArrow = _interopRequireDefault(require("./PlayArrow"));
+var _PlayArrowOutlined = _interopRequireDefault(require("./PlayArrowOutlined"));
+var _PlayArrowRounded = _interopRequireDefault(require("./PlayArrowRounded"));
+var _PlayArrowSharp = _interopRequireDefault(require("./PlayArrowSharp"));
+var _PlayArrowTwoTone = _interopRequireDefault(require("./PlayArrowTwoTone"));
+var _PlayCircle = _interopRequireDefault(require("./PlayCircle"));
+var _PlayCircleFilled = _interopRequireDefault(require("./PlayCircleFilled"));
+var _PlayCircleFilledOutlined = _interopRequireDefault(require("./PlayCircleFilledOutlined"));
+var _PlayCircleFilledRounded = _interopRequireDefault(require("./PlayCircleFilledRounded"));
+var _PlayCircleFilledSharp = _interopRequireDefault(require("./PlayCircleFilledSharp"));
+var _PlayCircleFilledTwoTone = _interopRequireDefault(require("./PlayCircleFilledTwoTone"));
+var _PlayCircleFilledWhite = _interopRequireDefault(require("./PlayCircleFilledWhite"));
+var _PlayCircleFilledWhiteOutlined = _interopRequireDefault(require("./PlayCircleFilledWhiteOutlined"));
+var _PlayCircleFilledWhiteRounded = _interopRequireDefault(require("./PlayCircleFilledWhiteRounded"));
+var _PlayCircleFilledWhiteSharp = _interopRequireDefault(require("./PlayCircleFilledWhiteSharp"));
+var _PlayCircleFilledWhiteTwoTone = _interopRequireDefault(require("./PlayCircleFilledWhiteTwoTone"));
+var _PlayCircleOutline = _interopRequireDefault(require("./PlayCircleOutline"));
+var _PlayCircleOutlineOutlined = _interopRequireDefault(require("./PlayCircleOutlineOutlined"));
+var _PlayCircleOutlineRounded = _interopRequireDefault(require("./PlayCircleOutlineRounded"));
+var _PlayCircleOutlineSharp = _interopRequireDefault(require("./PlayCircleOutlineSharp"));
+var _PlayCircleOutlineTwoTone = _interopRequireDefault(require("./PlayCircleOutlineTwoTone"));
+var _PlayCircleOutlined = _interopRequireDefault(require("./PlayCircleOutlined"));
+var _PlayCircleRounded = _interopRequireDefault(require("./PlayCircleRounded"));
+var _PlayCircleSharp = _interopRequireDefault(require("./PlayCircleSharp"));
+var _PlayCircleTwoTone = _interopRequireDefault(require("./PlayCircleTwoTone"));
+var _PlayDisabled = _interopRequireDefault(require("./PlayDisabled"));
+var _PlayDisabledOutlined = _interopRequireDefault(require("./PlayDisabledOutlined"));
+var _PlayDisabledRounded = _interopRequireDefault(require("./PlayDisabledRounded"));
+var _PlayDisabledSharp = _interopRequireDefault(require("./PlayDisabledSharp"));
+var _PlayDisabledTwoTone = _interopRequireDefault(require("./PlayDisabledTwoTone"));
+var _PlayForWork = _interopRequireDefault(require("./PlayForWork"));
+var _PlayForWorkOutlined = _interopRequireDefault(require("./PlayForWorkOutlined"));
+var _PlayForWorkRounded = _interopRequireDefault(require("./PlayForWorkRounded"));
+var _PlayForWorkSharp = _interopRequireDefault(require("./PlayForWorkSharp"));
+var _PlayForWorkTwoTone = _interopRequireDefault(require("./PlayForWorkTwoTone"));
+var _PlayLesson = _interopRequireDefault(require("./PlayLesson"));
+var _PlayLessonOutlined = _interopRequireDefault(require("./PlayLessonOutlined"));
+var _PlayLessonRounded = _interopRequireDefault(require("./PlayLessonRounded"));
+var _PlayLessonSharp = _interopRequireDefault(require("./PlayLessonSharp"));
+var _PlayLessonTwoTone = _interopRequireDefault(require("./PlayLessonTwoTone"));
+var _PlaylistAdd = _interopRequireDefault(require("./PlaylistAdd"));
+var _PlaylistAddCheck = _interopRequireDefault(require("./PlaylistAddCheck"));
+var _PlaylistAddCheckCircle = _interopRequireDefault(require("./PlaylistAddCheckCircle"));
+var _PlaylistAddCheckCircleOutlined = _interopRequireDefault(require("./PlaylistAddCheckCircleOutlined"));
+var _PlaylistAddCheckCircleRounded = _interopRequireDefault(require("./PlaylistAddCheckCircleRounded"));
+var _PlaylistAddCheckCircleSharp = _interopRequireDefault(require("./PlaylistAddCheckCircleSharp"));
+var _PlaylistAddCheckCircleTwoTone = _interopRequireDefault(require("./PlaylistAddCheckCircleTwoTone"));
+var _PlaylistAddCheckOutlined = _interopRequireDefault(require("./PlaylistAddCheckOutlined"));
+var _PlaylistAddCheckRounded = _interopRequireDefault(require("./PlaylistAddCheckRounded"));
+var _PlaylistAddCheckSharp = _interopRequireDefault(require("./PlaylistAddCheckSharp"));
+var _PlaylistAddCheckTwoTone = _interopRequireDefault(require("./PlaylistAddCheckTwoTone"));
+var _PlaylistAddCircle = _interopRequireDefault(require("./PlaylistAddCircle"));
+var _PlaylistAddCircleOutlined = _interopRequireDefault(require("./PlaylistAddCircleOutlined"));
+var _PlaylistAddCircleRounded = _interopRequireDefault(require("./PlaylistAddCircleRounded"));
+var _PlaylistAddCircleSharp = _interopRequireDefault(require("./PlaylistAddCircleSharp"));
+var _PlaylistAddCircleTwoTone = _interopRequireDefault(require("./PlaylistAddCircleTwoTone"));
+var _PlaylistAddOutlined = _interopRequireDefault(require("./PlaylistAddOutlined"));
+var _PlaylistAddRounded = _interopRequireDefault(require("./PlaylistAddRounded"));
+var _PlaylistAddSharp = _interopRequireDefault(require("./PlaylistAddSharp"));
+var _PlaylistAddTwoTone = _interopRequireDefault(require("./PlaylistAddTwoTone"));
+var _PlaylistPlay = _interopRequireDefault(require("./PlaylistPlay"));
+var _PlaylistPlayOutlined = _interopRequireDefault(require("./PlaylistPlayOutlined"));
+var _PlaylistPlayRounded = _interopRequireDefault(require("./PlaylistPlayRounded"));
+var _PlaylistPlaySharp = _interopRequireDefault(require("./PlaylistPlaySharp"));
+var _PlaylistPlayTwoTone = _interopRequireDefault(require("./PlaylistPlayTwoTone"));
+var _PlaylistRemove = _interopRequireDefault(require("./PlaylistRemove"));
+var _PlaylistRemoveOutlined = _interopRequireDefault(require("./PlaylistRemoveOutlined"));
+var _PlaylistRemoveRounded = _interopRequireDefault(require("./PlaylistRemoveRounded"));
+var _PlaylistRemoveSharp = _interopRequireDefault(require("./PlaylistRemoveSharp"));
+var _PlaylistRemoveTwoTone = _interopRequireDefault(require("./PlaylistRemoveTwoTone"));
+var _Plumbing = _interopRequireDefault(require("./Plumbing"));
+var _PlumbingOutlined = _interopRequireDefault(require("./PlumbingOutlined"));
+var _PlumbingRounded = _interopRequireDefault(require("./PlumbingRounded"));
+var _PlumbingSharp = _interopRequireDefault(require("./PlumbingSharp"));
+var _PlumbingTwoTone = _interopRequireDefault(require("./PlumbingTwoTone"));
+var _PlusOne = _interopRequireDefault(require("./PlusOne"));
+var _PlusOneOutlined = _interopRequireDefault(require("./PlusOneOutlined"));
+var _PlusOneRounded = _interopRequireDefault(require("./PlusOneRounded"));
+var _PlusOneSharp = _interopRequireDefault(require("./PlusOneSharp"));
+var _PlusOneTwoTone = _interopRequireDefault(require("./PlusOneTwoTone"));
+var _Podcasts = _interopRequireDefault(require("./Podcasts"));
+var _PodcastsOutlined = _interopRequireDefault(require("./PodcastsOutlined"));
+var _PodcastsRounded = _interopRequireDefault(require("./PodcastsRounded"));
+var _PodcastsSharp = _interopRequireDefault(require("./PodcastsSharp"));
+var _PodcastsTwoTone = _interopRequireDefault(require("./PodcastsTwoTone"));
+var _PointOfSale = _interopRequireDefault(require("./PointOfSale"));
+var _PointOfSaleOutlined = _interopRequireDefault(require("./PointOfSaleOutlined"));
+var _PointOfSaleRounded = _interopRequireDefault(require("./PointOfSaleRounded"));
+var _PointOfSaleSharp = _interopRequireDefault(require("./PointOfSaleSharp"));
+var _PointOfSaleTwoTone = _interopRequireDefault(require("./PointOfSaleTwoTone"));
+var _Policy = _interopRequireDefault(require("./Policy"));
+var _PolicyOutlined = _interopRequireDefault(require("./PolicyOutlined"));
+var _PolicyRounded = _interopRequireDefault(require("./PolicyRounded"));
+var _PolicySharp = _interopRequireDefault(require("./PolicySharp"));
+var _PolicyTwoTone = _interopRequireDefault(require("./PolicyTwoTone"));
+var _Poll = _interopRequireDefault(require("./Poll"));
+var _PollOutlined = _interopRequireDefault(require("./PollOutlined"));
+var _PollRounded = _interopRequireDefault(require("./PollRounded"));
+var _PollSharp = _interopRequireDefault(require("./PollSharp"));
+var _PollTwoTone = _interopRequireDefault(require("./PollTwoTone"));
+var _Polyline = _interopRequireDefault(require("./Polyline"));
+var _PolylineOutlined = _interopRequireDefault(require("./PolylineOutlined"));
+var _PolylineRounded = _interopRequireDefault(require("./PolylineRounded"));
+var _PolylineSharp = _interopRequireDefault(require("./PolylineSharp"));
+var _PolylineTwoTone = _interopRequireDefault(require("./PolylineTwoTone"));
+var _Pool = _interopRequireDefault(require("./Pool"));
+var _PoolOutlined = _interopRequireDefault(require("./PoolOutlined"));
+var _PoolRounded = _interopRequireDefault(require("./PoolRounded"));
+var _PoolSharp = _interopRequireDefault(require("./PoolSharp"));
+var _PoolTwoTone = _interopRequireDefault(require("./PoolTwoTone"));
+var _PortableWifiOff = _interopRequireDefault(require("./PortableWifiOff"));
+var _PortableWifiOffOutlined = _interopRequireDefault(require("./PortableWifiOffOutlined"));
+var _PortableWifiOffRounded = _interopRequireDefault(require("./PortableWifiOffRounded"));
+var _PortableWifiOffSharp = _interopRequireDefault(require("./PortableWifiOffSharp"));
+var _PortableWifiOffTwoTone = _interopRequireDefault(require("./PortableWifiOffTwoTone"));
+var _Portrait = _interopRequireDefault(require("./Portrait"));
+var _PortraitOutlined = _interopRequireDefault(require("./PortraitOutlined"));
+var _PortraitRounded = _interopRequireDefault(require("./PortraitRounded"));
+var _PortraitSharp = _interopRequireDefault(require("./PortraitSharp"));
+var _PortraitTwoTone = _interopRequireDefault(require("./PortraitTwoTone"));
+var _PostAdd = _interopRequireDefault(require("./PostAdd"));
+var _PostAddOutlined = _interopRequireDefault(require("./PostAddOutlined"));
+var _PostAddRounded = _interopRequireDefault(require("./PostAddRounded"));
+var _PostAddSharp = _interopRequireDefault(require("./PostAddSharp"));
+var _PostAddTwoTone = _interopRequireDefault(require("./PostAddTwoTone"));
+var _Power = _interopRequireDefault(require("./Power"));
+var _PowerInput = _interopRequireDefault(require("./PowerInput"));
+var _PowerInputOutlined = _interopRequireDefault(require("./PowerInputOutlined"));
+var _PowerInputRounded = _interopRequireDefault(require("./PowerInputRounded"));
+var _PowerInputSharp = _interopRequireDefault(require("./PowerInputSharp"));
+var _PowerInputTwoTone = _interopRequireDefault(require("./PowerInputTwoTone"));
+var _PowerOff = _interopRequireDefault(require("./PowerOff"));
+var _PowerOffOutlined = _interopRequireDefault(require("./PowerOffOutlined"));
+var _PowerOffRounded = _interopRequireDefault(require("./PowerOffRounded"));
+var _PowerOffSharp = _interopRequireDefault(require("./PowerOffSharp"));
+var _PowerOffTwoTone = _interopRequireDefault(require("./PowerOffTwoTone"));
+var _PowerOutlined = _interopRequireDefault(require("./PowerOutlined"));
+var _PowerRounded = _interopRequireDefault(require("./PowerRounded"));
+var _PowerSettingsNew = _interopRequireDefault(require("./PowerSettingsNew"));
+var _PowerSettingsNewOutlined = _interopRequireDefault(require("./PowerSettingsNewOutlined"));
+var _PowerSettingsNewRounded = _interopRequireDefault(require("./PowerSettingsNewRounded"));
+var _PowerSettingsNewSharp = _interopRequireDefault(require("./PowerSettingsNewSharp"));
+var _PowerSettingsNewTwoTone = _interopRequireDefault(require("./PowerSettingsNewTwoTone"));
+var _PowerSharp = _interopRequireDefault(require("./PowerSharp"));
+var _PowerTwoTone = _interopRequireDefault(require("./PowerTwoTone"));
+var _PrecisionManufacturing = _interopRequireDefault(require("./PrecisionManufacturing"));
+var _PrecisionManufacturingOutlined = _interopRequireDefault(require("./PrecisionManufacturingOutlined"));
+var _PrecisionManufacturingRounded = _interopRequireDefault(require("./PrecisionManufacturingRounded"));
+var _PrecisionManufacturingSharp = _interopRequireDefault(require("./PrecisionManufacturingSharp"));
+var _PrecisionManufacturingTwoTone = _interopRequireDefault(require("./PrecisionManufacturingTwoTone"));
+var _PregnantWoman = _interopRequireDefault(require("./PregnantWoman"));
+var _PregnantWomanOutlined = _interopRequireDefault(require("./PregnantWomanOutlined"));
+var _PregnantWomanRounded = _interopRequireDefault(require("./PregnantWomanRounded"));
+var _PregnantWomanSharp = _interopRequireDefault(require("./PregnantWomanSharp"));
+var _PregnantWomanTwoTone = _interopRequireDefault(require("./PregnantWomanTwoTone"));
+var _PresentToAll = _interopRequireDefault(require("./PresentToAll"));
+var _PresentToAllOutlined = _interopRequireDefault(require("./PresentToAllOutlined"));
+var _PresentToAllRounded = _interopRequireDefault(require("./PresentToAllRounded"));
+var _PresentToAllSharp = _interopRequireDefault(require("./PresentToAllSharp"));
+var _PresentToAllTwoTone = _interopRequireDefault(require("./PresentToAllTwoTone"));
+var _Preview = _interopRequireDefault(require("./Preview"));
+var _PreviewOutlined = _interopRequireDefault(require("./PreviewOutlined"));
+var _PreviewRounded = _interopRequireDefault(require("./PreviewRounded"));
+var _PreviewSharp = _interopRequireDefault(require("./PreviewSharp"));
+var _PreviewTwoTone = _interopRequireDefault(require("./PreviewTwoTone"));
+var _PriceChange = _interopRequireDefault(require("./PriceChange"));
+var _PriceChangeOutlined = _interopRequireDefault(require("./PriceChangeOutlined"));
+var _PriceChangeRounded = _interopRequireDefault(require("./PriceChangeRounded"));
+var _PriceChangeSharp = _interopRequireDefault(require("./PriceChangeSharp"));
+var _PriceChangeTwoTone = _interopRequireDefault(require("./PriceChangeTwoTone"));
+var _PriceCheck = _interopRequireDefault(require("./PriceCheck"));
+var _PriceCheckOutlined = _interopRequireDefault(require("./PriceCheckOutlined"));
+var _PriceCheckRounded = _interopRequireDefault(require("./PriceCheckRounded"));
+var _PriceCheckSharp = _interopRequireDefault(require("./PriceCheckSharp"));
+var _PriceCheckTwoTone = _interopRequireDefault(require("./PriceCheckTwoTone"));
+var _Print = _interopRequireDefault(require("./Print"));
+var _PrintDisabled = _interopRequireDefault(require("./PrintDisabled"));
+var _PrintDisabledOutlined = _interopRequireDefault(require("./PrintDisabledOutlined"));
+var _PrintDisabledRounded = _interopRequireDefault(require("./PrintDisabledRounded"));
+var _PrintDisabledSharp = _interopRequireDefault(require("./PrintDisabledSharp"));
+var _PrintDisabledTwoTone = _interopRequireDefault(require("./PrintDisabledTwoTone"));
+var _PrintOutlined = _interopRequireDefault(require("./PrintOutlined"));
+var _PrintRounded = _interopRequireDefault(require("./PrintRounded"));
+var _PrintSharp = _interopRequireDefault(require("./PrintSharp"));
+var _PrintTwoTone = _interopRequireDefault(require("./PrintTwoTone"));
+var _PriorityHigh = _interopRequireDefault(require("./PriorityHigh"));
+var _PriorityHighOutlined = _interopRequireDefault(require("./PriorityHighOutlined"));
+var _PriorityHighRounded = _interopRequireDefault(require("./PriorityHighRounded"));
+var _PriorityHighSharp = _interopRequireDefault(require("./PriorityHighSharp"));
+var _PriorityHighTwoTone = _interopRequireDefault(require("./PriorityHighTwoTone"));
+var _PrivacyTip = _interopRequireDefault(require("./PrivacyTip"));
+var _PrivacyTipOutlined = _interopRequireDefault(require("./PrivacyTipOutlined"));
+var _PrivacyTipRounded = _interopRequireDefault(require("./PrivacyTipRounded"));
+var _PrivacyTipSharp = _interopRequireDefault(require("./PrivacyTipSharp"));
+var _PrivacyTipTwoTone = _interopRequireDefault(require("./PrivacyTipTwoTone"));
+var _ProductionQuantityLimits = _interopRequireDefault(require("./ProductionQuantityLimits"));
+var _ProductionQuantityLimitsOutlined = _interopRequireDefault(require("./ProductionQuantityLimitsOutlined"));
+var _ProductionQuantityLimitsRounded = _interopRequireDefault(require("./ProductionQuantityLimitsRounded"));
+var _ProductionQuantityLimitsSharp = _interopRequireDefault(require("./ProductionQuantityLimitsSharp"));
+var _ProductionQuantityLimitsTwoTone = _interopRequireDefault(require("./ProductionQuantityLimitsTwoTone"));
+var _Propane = _interopRequireDefault(require("./Propane"));
+var _PropaneOutlined = _interopRequireDefault(require("./PropaneOutlined"));
+var _PropaneRounded = _interopRequireDefault(require("./PropaneRounded"));
+var _PropaneSharp = _interopRequireDefault(require("./PropaneSharp"));
+var _PropaneTank = _interopRequireDefault(require("./PropaneTank"));
+var _PropaneTankOutlined = _interopRequireDefault(require("./PropaneTankOutlined"));
+var _PropaneTankRounded = _interopRequireDefault(require("./PropaneTankRounded"));
+var _PropaneTankSharp = _interopRequireDefault(require("./PropaneTankSharp"));
+var _PropaneTankTwoTone = _interopRequireDefault(require("./PropaneTankTwoTone"));
+var _PropaneTwoTone = _interopRequireDefault(require("./PropaneTwoTone"));
+var _Psychology = _interopRequireDefault(require("./Psychology"));
+var _PsychologyAlt = _interopRequireDefault(require("./PsychologyAlt"));
+var _PsychologyAltOutlined = _interopRequireDefault(require("./PsychologyAltOutlined"));
+var _PsychologyAltRounded = _interopRequireDefault(require("./PsychologyAltRounded"));
+var _PsychologyAltSharp = _interopRequireDefault(require("./PsychologyAltSharp"));
+var _PsychologyAltTwoTone = _interopRequireDefault(require("./PsychologyAltTwoTone"));
+var _PsychologyOutlined = _interopRequireDefault(require("./PsychologyOutlined"));
+var _PsychologyRounded = _interopRequireDefault(require("./PsychologyRounded"));
+var _PsychologySharp = _interopRequireDefault(require("./PsychologySharp"));
+var _PsychologyTwoTone = _interopRequireDefault(require("./PsychologyTwoTone"));
+var _Public = _interopRequireDefault(require("./Public"));
+var _PublicOff = _interopRequireDefault(require("./PublicOff"));
+var _PublicOffOutlined = _interopRequireDefault(require("./PublicOffOutlined"));
+var _PublicOffRounded = _interopRequireDefault(require("./PublicOffRounded"));
+var _PublicOffSharp = _interopRequireDefault(require("./PublicOffSharp"));
+var _PublicOffTwoTone = _interopRequireDefault(require("./PublicOffTwoTone"));
+var _PublicOutlined = _interopRequireDefault(require("./PublicOutlined"));
+var _PublicRounded = _interopRequireDefault(require("./PublicRounded"));
+var _PublicSharp = _interopRequireDefault(require("./PublicSharp"));
+var _PublicTwoTone = _interopRequireDefault(require("./PublicTwoTone"));
+var _Publish = _interopRequireDefault(require("./Publish"));
+var _PublishOutlined = _interopRequireDefault(require("./PublishOutlined"));
+var _PublishRounded = _interopRequireDefault(require("./PublishRounded"));
+var _PublishSharp = _interopRequireDefault(require("./PublishSharp"));
+var _PublishTwoTone = _interopRequireDefault(require("./PublishTwoTone"));
+var _PublishedWithChanges = _interopRequireDefault(require("./PublishedWithChanges"));
+var _PublishedWithChangesOutlined = _interopRequireDefault(require("./PublishedWithChangesOutlined"));
+var _PublishedWithChangesRounded = _interopRequireDefault(require("./PublishedWithChangesRounded"));
+var _PublishedWithChangesSharp = _interopRequireDefault(require("./PublishedWithChangesSharp"));
+var _PublishedWithChangesTwoTone = _interopRequireDefault(require("./PublishedWithChangesTwoTone"));
+var _PunchClock = _interopRequireDefault(require("./PunchClock"));
+var _PunchClockOutlined = _interopRequireDefault(require("./PunchClockOutlined"));
+var _PunchClockRounded = _interopRequireDefault(require("./PunchClockRounded"));
+var _PunchClockSharp = _interopRequireDefault(require("./PunchClockSharp"));
+var _PunchClockTwoTone = _interopRequireDefault(require("./PunchClockTwoTone"));
+var _PushPin = _interopRequireDefault(require("./PushPin"));
+var _PushPinOutlined = _interopRequireDefault(require("./PushPinOutlined"));
+var _PushPinRounded = _interopRequireDefault(require("./PushPinRounded"));
+var _PushPinSharp = _interopRequireDefault(require("./PushPinSharp"));
+var _PushPinTwoTone = _interopRequireDefault(require("./PushPinTwoTone"));
+var _QrCode = _interopRequireDefault(require("./QrCode"));
+var _QrCode2 = _interopRequireDefault(require("./QrCode2"));
+var _QrCode2Outlined = _interopRequireDefault(require("./QrCode2Outlined"));
+var _QrCode2Rounded = _interopRequireDefault(require("./QrCode2Rounded"));
+var _QrCode2Sharp = _interopRequireDefault(require("./QrCode2Sharp"));
+var _QrCode2TwoTone = _interopRequireDefault(require("./QrCode2TwoTone"));
+var _QrCodeOutlined = _interopRequireDefault(require("./QrCodeOutlined"));
+var _QrCodeRounded = _interopRequireDefault(require("./QrCodeRounded"));
+var _QrCodeScanner = _interopRequireDefault(require("./QrCodeScanner"));
+var _QrCodeScannerOutlined = _interopRequireDefault(require("./QrCodeScannerOutlined"));
+var _QrCodeScannerRounded = _interopRequireDefault(require("./QrCodeScannerRounded"));
+var _QrCodeScannerSharp = _interopRequireDefault(require("./QrCodeScannerSharp"));
+var _QrCodeScannerTwoTone = _interopRequireDefault(require("./QrCodeScannerTwoTone"));
+var _QrCodeSharp = _interopRequireDefault(require("./QrCodeSharp"));
+var _QrCodeTwoTone = _interopRequireDefault(require("./QrCodeTwoTone"));
+var _QueryBuilder = _interopRequireDefault(require("./QueryBuilder"));
+var _QueryBuilderOutlined = _interopRequireDefault(require("./QueryBuilderOutlined"));
+var _QueryBuilderRounded = _interopRequireDefault(require("./QueryBuilderRounded"));
+var _QueryBuilderSharp = _interopRequireDefault(require("./QueryBuilderSharp"));
+var _QueryBuilderTwoTone = _interopRequireDefault(require("./QueryBuilderTwoTone"));
+var _QueryStats = _interopRequireDefault(require("./QueryStats"));
+var _QueryStatsOutlined = _interopRequireDefault(require("./QueryStatsOutlined"));
+var _QueryStatsRounded = _interopRequireDefault(require("./QueryStatsRounded"));
+var _QueryStatsSharp = _interopRequireDefault(require("./QueryStatsSharp"));
+var _QueryStatsTwoTone = _interopRequireDefault(require("./QueryStatsTwoTone"));
+var _QuestionAnswer = _interopRequireDefault(require("./QuestionAnswer"));
+var _QuestionAnswerOutlined = _interopRequireDefault(require("./QuestionAnswerOutlined"));
+var _QuestionAnswerRounded = _interopRequireDefault(require("./QuestionAnswerRounded"));
+var _QuestionAnswerSharp = _interopRequireDefault(require("./QuestionAnswerSharp"));
+var _QuestionAnswerTwoTone = _interopRequireDefault(require("./QuestionAnswerTwoTone"));
+var _QuestionMark = _interopRequireDefault(require("./QuestionMark"));
+var _QuestionMarkOutlined = _interopRequireDefault(require("./QuestionMarkOutlined"));
+var _QuestionMarkRounded = _interopRequireDefault(require("./QuestionMarkRounded"));
+var _QuestionMarkSharp = _interopRequireDefault(require("./QuestionMarkSharp"));
+var _QuestionMarkTwoTone = _interopRequireDefault(require("./QuestionMarkTwoTone"));
+var _Queue = _interopRequireDefault(require("./Queue"));
+var _QueueMusic = _interopRequireDefault(require("./QueueMusic"));
+var _QueueMusicOutlined = _interopRequireDefault(require("./QueueMusicOutlined"));
+var _QueueMusicRounded = _interopRequireDefault(require("./QueueMusicRounded"));
+var _QueueMusicSharp = _interopRequireDefault(require("./QueueMusicSharp"));
+var _QueueMusicTwoTone = _interopRequireDefault(require("./QueueMusicTwoTone"));
+var _QueueOutlined = _interopRequireDefault(require("./QueueOutlined"));
+var _QueuePlayNext = _interopRequireDefault(require("./QueuePlayNext"));
+var _QueuePlayNextOutlined = _interopRequireDefault(require("./QueuePlayNextOutlined"));
+var _QueuePlayNextRounded = _interopRequireDefault(require("./QueuePlayNextRounded"));
+var _QueuePlayNextSharp = _interopRequireDefault(require("./QueuePlayNextSharp"));
+var _QueuePlayNextTwoTone = _interopRequireDefault(require("./QueuePlayNextTwoTone"));
+var _QueueRounded = _interopRequireDefault(require("./QueueRounded"));
+var _QueueSharp = _interopRequireDefault(require("./QueueSharp"));
+var _QueueTwoTone = _interopRequireDefault(require("./QueueTwoTone"));
+var _Quickreply = _interopRequireDefault(require("./Quickreply"));
+var _QuickreplyOutlined = _interopRequireDefault(require("./QuickreplyOutlined"));
+var _QuickreplyRounded = _interopRequireDefault(require("./QuickreplyRounded"));
+var _QuickreplySharp = _interopRequireDefault(require("./QuickreplySharp"));
+var _QuickreplyTwoTone = _interopRequireDefault(require("./QuickreplyTwoTone"));
+var _Quiz = _interopRequireDefault(require("./Quiz"));
+var _QuizOutlined = _interopRequireDefault(require("./QuizOutlined"));
+var _QuizRounded = _interopRequireDefault(require("./QuizRounded"));
+var _QuizSharp = _interopRequireDefault(require("./QuizSharp"));
+var _QuizTwoTone = _interopRequireDefault(require("./QuizTwoTone"));
+var _RMobiledata = _interopRequireDefault(require("./RMobiledata"));
+var _RMobiledataOutlined = _interopRequireDefault(require("./RMobiledataOutlined"));
+var _RMobiledataRounded = _interopRequireDefault(require("./RMobiledataRounded"));
+var _RMobiledataSharp = _interopRequireDefault(require("./RMobiledataSharp"));
+var _RMobiledataTwoTone = _interopRequireDefault(require("./RMobiledataTwoTone"));
+var _Radar = _interopRequireDefault(require("./Radar"));
+var _RadarOutlined = _interopRequireDefault(require("./RadarOutlined"));
+var _RadarRounded = _interopRequireDefault(require("./RadarRounded"));
+var _RadarSharp = _interopRequireDefault(require("./RadarSharp"));
+var _RadarTwoTone = _interopRequireDefault(require("./RadarTwoTone"));
+var _Radio = _interopRequireDefault(require("./Radio"));
+var _RadioButtonChecked = _interopRequireDefault(require("./RadioButtonChecked"));
+var _RadioButtonCheckedOutlined = _interopRequireDefault(require("./RadioButtonCheckedOutlined"));
+var _RadioButtonCheckedRounded = _interopRequireDefault(require("./RadioButtonCheckedRounded"));
+var _RadioButtonCheckedSharp = _interopRequireDefault(require("./RadioButtonCheckedSharp"));
+var _RadioButtonCheckedTwoTone = _interopRequireDefault(require("./RadioButtonCheckedTwoTone"));
+var _RadioButtonUnchecked = _interopRequireDefault(require("./RadioButtonUnchecked"));
+var _RadioButtonUncheckedOutlined = _interopRequireDefault(require("./RadioButtonUncheckedOutlined"));
+var _RadioButtonUncheckedRounded = _interopRequireDefault(require("./RadioButtonUncheckedRounded"));
+var _RadioButtonUncheckedSharp = _interopRequireDefault(require("./RadioButtonUncheckedSharp"));
+var _RadioButtonUncheckedTwoTone = _interopRequireDefault(require("./RadioButtonUncheckedTwoTone"));
+var _RadioOutlined = _interopRequireDefault(require("./RadioOutlined"));
+var _RadioRounded = _interopRequireDefault(require("./RadioRounded"));
+var _RadioSharp = _interopRequireDefault(require("./RadioSharp"));
+var _RadioTwoTone = _interopRequireDefault(require("./RadioTwoTone"));
+var _RailwayAlert = _interopRequireDefault(require("./RailwayAlert"));
+var _RailwayAlertOutlined = _interopRequireDefault(require("./RailwayAlertOutlined"));
+var _RailwayAlertRounded = _interopRequireDefault(require("./RailwayAlertRounded"));
+var _RailwayAlertSharp = _interopRequireDefault(require("./RailwayAlertSharp"));
+var _RailwayAlertTwoTone = _interopRequireDefault(require("./RailwayAlertTwoTone"));
+var _RamenDining = _interopRequireDefault(require("./RamenDining"));
+var _RamenDiningOutlined = _interopRequireDefault(require("./RamenDiningOutlined"));
+var _RamenDiningRounded = _interopRequireDefault(require("./RamenDiningRounded"));
+var _RamenDiningSharp = _interopRequireDefault(require("./RamenDiningSharp"));
+var _RamenDiningTwoTone = _interopRequireDefault(require("./RamenDiningTwoTone"));
+var _RampLeft = _interopRequireDefault(require("./RampLeft"));
+var _RampLeftOutlined = _interopRequireDefault(require("./RampLeftOutlined"));
+var _RampLeftRounded = _interopRequireDefault(require("./RampLeftRounded"));
+var _RampLeftSharp = _interopRequireDefault(require("./RampLeftSharp"));
+var _RampLeftTwoTone = _interopRequireDefault(require("./RampLeftTwoTone"));
+var _RampRight = _interopRequireDefault(require("./RampRight"));
+var _RampRightOutlined = _interopRequireDefault(require("./RampRightOutlined"));
+var _RampRightRounded = _interopRequireDefault(require("./RampRightRounded"));
+var _RampRightSharp = _interopRequireDefault(require("./RampRightSharp"));
+var _RampRightTwoTone = _interopRequireDefault(require("./RampRightTwoTone"));
+var _RateReview = _interopRequireDefault(require("./RateReview"));
+var _RateReviewOutlined = _interopRequireDefault(require("./RateReviewOutlined"));
+var _RateReviewRounded = _interopRequireDefault(require("./RateReviewRounded"));
+var _RateReviewSharp = _interopRequireDefault(require("./RateReviewSharp"));
+var _RateReviewTwoTone = _interopRequireDefault(require("./RateReviewTwoTone"));
+var _RawOff = _interopRequireDefault(require("./RawOff"));
+var _RawOffOutlined = _interopRequireDefault(require("./RawOffOutlined"));
+var _RawOffRounded = _interopRequireDefault(require("./RawOffRounded"));
+var _RawOffSharp = _interopRequireDefault(require("./RawOffSharp"));
+var _RawOffTwoTone = _interopRequireDefault(require("./RawOffTwoTone"));
+var _RawOn = _interopRequireDefault(require("./RawOn"));
+var _RawOnOutlined = _interopRequireDefault(require("./RawOnOutlined"));
+var _RawOnRounded = _interopRequireDefault(require("./RawOnRounded"));
+var _RawOnSharp = _interopRequireDefault(require("./RawOnSharp"));
+var _RawOnTwoTone = _interopRequireDefault(require("./RawOnTwoTone"));
+var _ReadMore = _interopRequireDefault(require("./ReadMore"));
+var _ReadMoreOutlined = _interopRequireDefault(require("./ReadMoreOutlined"));
+var _ReadMoreRounded = _interopRequireDefault(require("./ReadMoreRounded"));
+var _ReadMoreSharp = _interopRequireDefault(require("./ReadMoreSharp"));
+var _ReadMoreTwoTone = _interopRequireDefault(require("./ReadMoreTwoTone"));
+var _Receipt = _interopRequireDefault(require("./Receipt"));
+var _ReceiptLong = _interopRequireDefault(require("./ReceiptLong"));
+var _ReceiptLongOutlined = _interopRequireDefault(require("./ReceiptLongOutlined"));
+var _ReceiptLongRounded = _interopRequireDefault(require("./ReceiptLongRounded"));
+var _ReceiptLongSharp = _interopRequireDefault(require("./ReceiptLongSharp"));
+var _ReceiptLongTwoTone = _interopRequireDefault(require("./ReceiptLongTwoTone"));
+var _ReceiptOutlined = _interopRequireDefault(require("./ReceiptOutlined"));
+var _ReceiptRounded = _interopRequireDefault(require("./ReceiptRounded"));
+var _ReceiptSharp = _interopRequireDefault(require("./ReceiptSharp"));
+var _ReceiptTwoTone = _interopRequireDefault(require("./ReceiptTwoTone"));
+var _RecentActors = _interopRequireDefault(require("./RecentActors"));
+var _RecentActorsOutlined = _interopRequireDefault(require("./RecentActorsOutlined"));
+var _RecentActorsRounded = _interopRequireDefault(require("./RecentActorsRounded"));
+var _RecentActorsSharp = _interopRequireDefault(require("./RecentActorsSharp"));
+var _RecentActorsTwoTone = _interopRequireDefault(require("./RecentActorsTwoTone"));
+var _Recommend = _interopRequireDefault(require("./Recommend"));
+var _RecommendOutlined = _interopRequireDefault(require("./RecommendOutlined"));
+var _RecommendRounded = _interopRequireDefault(require("./RecommendRounded"));
+var _RecommendSharp = _interopRequireDefault(require("./RecommendSharp"));
+var _RecommendTwoTone = _interopRequireDefault(require("./RecommendTwoTone"));
+var _RecordVoiceOver = _interopRequireDefault(require("./RecordVoiceOver"));
+var _RecordVoiceOverOutlined = _interopRequireDefault(require("./RecordVoiceOverOutlined"));
+var _RecordVoiceOverRounded = _interopRequireDefault(require("./RecordVoiceOverRounded"));
+var _RecordVoiceOverSharp = _interopRequireDefault(require("./RecordVoiceOverSharp"));
+var _RecordVoiceOverTwoTone = _interopRequireDefault(require("./RecordVoiceOverTwoTone"));
+var _Rectangle = _interopRequireDefault(require("./Rectangle"));
+var _RectangleOutlined = _interopRequireDefault(require("./RectangleOutlined"));
+var _RectangleRounded = _interopRequireDefault(require("./RectangleRounded"));
+var _RectangleSharp = _interopRequireDefault(require("./RectangleSharp"));
+var _RectangleTwoTone = _interopRequireDefault(require("./RectangleTwoTone"));
+var _Recycling = _interopRequireDefault(require("./Recycling"));
+var _RecyclingOutlined = _interopRequireDefault(require("./RecyclingOutlined"));
+var _RecyclingRounded = _interopRequireDefault(require("./RecyclingRounded"));
+var _RecyclingSharp = _interopRequireDefault(require("./RecyclingSharp"));
+var _RecyclingTwoTone = _interopRequireDefault(require("./RecyclingTwoTone"));
+var _Reddit = _interopRequireDefault(require("./Reddit"));
+var _Redeem = _interopRequireDefault(require("./Redeem"));
+var _RedeemOutlined = _interopRequireDefault(require("./RedeemOutlined"));
+var _RedeemRounded = _interopRequireDefault(require("./RedeemRounded"));
+var _RedeemSharp = _interopRequireDefault(require("./RedeemSharp"));
+var _RedeemTwoTone = _interopRequireDefault(require("./RedeemTwoTone"));
+var _Redo = _interopRequireDefault(require("./Redo"));
+var _RedoOutlined = _interopRequireDefault(require("./RedoOutlined"));
+var _RedoRounded = _interopRequireDefault(require("./RedoRounded"));
+var _RedoSharp = _interopRequireDefault(require("./RedoSharp"));
+var _RedoTwoTone = _interopRequireDefault(require("./RedoTwoTone"));
+var _ReduceCapacity = _interopRequireDefault(require("./ReduceCapacity"));
+var _ReduceCapacityOutlined = _interopRequireDefault(require("./ReduceCapacityOutlined"));
+var _ReduceCapacityRounded = _interopRequireDefault(require("./ReduceCapacityRounded"));
+var _ReduceCapacitySharp = _interopRequireDefault(require("./ReduceCapacitySharp"));
+var _ReduceCapacityTwoTone = _interopRequireDefault(require("./ReduceCapacityTwoTone"));
+var _Refresh = _interopRequireDefault(require("./Refresh"));
+var _RefreshOutlined = _interopRequireDefault(require("./RefreshOutlined"));
+var _RefreshRounded = _interopRequireDefault(require("./RefreshRounded"));
+var _RefreshSharp = _interopRequireDefault(require("./RefreshSharp"));
+var _RefreshTwoTone = _interopRequireDefault(require("./RefreshTwoTone"));
+var _RememberMe = _interopRequireDefault(require("./RememberMe"));
+var _RememberMeOutlined = _interopRequireDefault(require("./RememberMeOutlined"));
+var _RememberMeRounded = _interopRequireDefault(require("./RememberMeRounded"));
+var _RememberMeSharp = _interopRequireDefault(require("./RememberMeSharp"));
+var _RememberMeTwoTone = _interopRequireDefault(require("./RememberMeTwoTone"));
+var _Remove = _interopRequireDefault(require("./Remove"));
+var _RemoveCircle = _interopRequireDefault(require("./RemoveCircle"));
+var _RemoveCircleOutline = _interopRequireDefault(require("./RemoveCircleOutline"));
+var _RemoveCircleOutlineOutlined = _interopRequireDefault(require("./RemoveCircleOutlineOutlined"));
+var _RemoveCircleOutlineRounded = _interopRequireDefault(require("./RemoveCircleOutlineRounded"));
+var _RemoveCircleOutlineSharp = _interopRequireDefault(require("./RemoveCircleOutlineSharp"));
+var _RemoveCircleOutlineTwoTone = _interopRequireDefault(require("./RemoveCircleOutlineTwoTone"));
+var _RemoveCircleOutlined = _interopRequireDefault(require("./RemoveCircleOutlined"));
+var _RemoveCircleRounded = _interopRequireDefault(require("./RemoveCircleRounded"));
+var _RemoveCircleSharp = _interopRequireDefault(require("./RemoveCircleSharp"));
+var _RemoveCircleTwoTone = _interopRequireDefault(require("./RemoveCircleTwoTone"));
+var _RemoveDone = _interopRequireDefault(require("./RemoveDone"));
+var _RemoveDoneOutlined = _interopRequireDefault(require("./RemoveDoneOutlined"));
+var _RemoveDoneRounded = _interopRequireDefault(require("./RemoveDoneRounded"));
+var _RemoveDoneSharp = _interopRequireDefault(require("./RemoveDoneSharp"));
+var _RemoveDoneTwoTone = _interopRequireDefault(require("./RemoveDoneTwoTone"));
+var _RemoveFromQueue = _interopRequireDefault(require("./RemoveFromQueue"));
+var _RemoveFromQueueOutlined = _interopRequireDefault(require("./RemoveFromQueueOutlined"));
+var _RemoveFromQueueRounded = _interopRequireDefault(require("./RemoveFromQueueRounded"));
+var _RemoveFromQueueSharp = _interopRequireDefault(require("./RemoveFromQueueSharp"));
+var _RemoveFromQueueTwoTone = _interopRequireDefault(require("./RemoveFromQueueTwoTone"));
+var _RemoveModerator = _interopRequireDefault(require("./RemoveModerator"));
+var _RemoveModeratorOutlined = _interopRequireDefault(require("./RemoveModeratorOutlined"));
+var _RemoveModeratorRounded = _interopRequireDefault(require("./RemoveModeratorRounded"));
+var _RemoveModeratorSharp = _interopRequireDefault(require("./RemoveModeratorSharp"));
+var _RemoveModeratorTwoTone = _interopRequireDefault(require("./RemoveModeratorTwoTone"));
+var _RemoveOutlined = _interopRequireDefault(require("./RemoveOutlined"));
+var _RemoveRedEye = _interopRequireDefault(require("./RemoveRedEye"));
+var _RemoveRedEyeOutlined = _interopRequireDefault(require("./RemoveRedEyeOutlined"));
+var _RemoveRedEyeRounded = _interopRequireDefault(require("./RemoveRedEyeRounded"));
+var _RemoveRedEyeSharp = _interopRequireDefault(require("./RemoveRedEyeSharp"));
+var _RemoveRedEyeTwoTone = _interopRequireDefault(require("./RemoveRedEyeTwoTone"));
+var _RemoveRoad = _interopRequireDefault(require("./RemoveRoad"));
+var _RemoveRoadOutlined = _interopRequireDefault(require("./RemoveRoadOutlined"));
+var _RemoveRoadRounded = _interopRequireDefault(require("./RemoveRoadRounded"));
+var _RemoveRoadSharp = _interopRequireDefault(require("./RemoveRoadSharp"));
+var _RemoveRoadTwoTone = _interopRequireDefault(require("./RemoveRoadTwoTone"));
+var _RemoveRounded = _interopRequireDefault(require("./RemoveRounded"));
+var _RemoveSharp = _interopRequireDefault(require("./RemoveSharp"));
+var _RemoveShoppingCart = _interopRequireDefault(require("./RemoveShoppingCart"));
+var _RemoveShoppingCartOutlined = _interopRequireDefault(require("./RemoveShoppingCartOutlined"));
+var _RemoveShoppingCartRounded = _interopRequireDefault(require("./RemoveShoppingCartRounded"));
+var _RemoveShoppingCartSharp = _interopRequireDefault(require("./RemoveShoppingCartSharp"));
+var _RemoveShoppingCartTwoTone = _interopRequireDefault(require("./RemoveShoppingCartTwoTone"));
+var _RemoveTwoTone = _interopRequireDefault(require("./RemoveTwoTone"));
+var _Reorder = _interopRequireDefault(require("./Reorder"));
+var _ReorderOutlined = _interopRequireDefault(require("./ReorderOutlined"));
+var _ReorderRounded = _interopRequireDefault(require("./ReorderRounded"));
+var _ReorderSharp = _interopRequireDefault(require("./ReorderSharp"));
+var _ReorderTwoTone = _interopRequireDefault(require("./ReorderTwoTone"));
+var _Repartition = _interopRequireDefault(require("./Repartition"));
+var _RepartitionOutlined = _interopRequireDefault(require("./RepartitionOutlined"));
+var _RepartitionRounded = _interopRequireDefault(require("./RepartitionRounded"));
+var _RepartitionSharp = _interopRequireDefault(require("./RepartitionSharp"));
+var _RepartitionTwoTone = _interopRequireDefault(require("./RepartitionTwoTone"));
+var _Repeat = _interopRequireDefault(require("./Repeat"));
+var _RepeatOn = _interopRequireDefault(require("./RepeatOn"));
+var _RepeatOnOutlined = _interopRequireDefault(require("./RepeatOnOutlined"));
+var _RepeatOnRounded = _interopRequireDefault(require("./RepeatOnRounded"));
+var _RepeatOnSharp = _interopRequireDefault(require("./RepeatOnSharp"));
+var _RepeatOnTwoTone = _interopRequireDefault(require("./RepeatOnTwoTone"));
+var _RepeatOne = _interopRequireDefault(require("./RepeatOne"));
+var _RepeatOneOn = _interopRequireDefault(require("./RepeatOneOn"));
+var _RepeatOneOnOutlined = _interopRequireDefault(require("./RepeatOneOnOutlined"));
+var _RepeatOneOnRounded = _interopRequireDefault(require("./RepeatOneOnRounded"));
+var _RepeatOneOnSharp = _interopRequireDefault(require("./RepeatOneOnSharp"));
+var _RepeatOneOnTwoTone = _interopRequireDefault(require("./RepeatOneOnTwoTone"));
+var _RepeatOneOutlined = _interopRequireDefault(require("./RepeatOneOutlined"));
+var _RepeatOneRounded = _interopRequireDefault(require("./RepeatOneRounded"));
+var _RepeatOneSharp = _interopRequireDefault(require("./RepeatOneSharp"));
+var _RepeatOneTwoTone = _interopRequireDefault(require("./RepeatOneTwoTone"));
+var _RepeatOutlined = _interopRequireDefault(require("./RepeatOutlined"));
+var _RepeatRounded = _interopRequireDefault(require("./RepeatRounded"));
+var _RepeatSharp = _interopRequireDefault(require("./RepeatSharp"));
+var _RepeatTwoTone = _interopRequireDefault(require("./RepeatTwoTone"));
+var _Replay = _interopRequireDefault(require("./Replay"));
+var _Replay2 = _interopRequireDefault(require("./Replay10"));
+var _Replay10Outlined = _interopRequireDefault(require("./Replay10Outlined"));
+var _Replay10Rounded = _interopRequireDefault(require("./Replay10Rounded"));
+var _Replay10Sharp = _interopRequireDefault(require("./Replay10Sharp"));
+var _Replay10TwoTone = _interopRequireDefault(require("./Replay10TwoTone"));
+var _Replay3 = _interopRequireDefault(require("./Replay30"));
+var _Replay30Outlined = _interopRequireDefault(require("./Replay30Outlined"));
+var _Replay30Rounded = _interopRequireDefault(require("./Replay30Rounded"));
+var _Replay30Sharp = _interopRequireDefault(require("./Replay30Sharp"));
+var _Replay30TwoTone = _interopRequireDefault(require("./Replay30TwoTone"));
+var _Replay4 = _interopRequireDefault(require("./Replay5"));
+var _Replay5Outlined = _interopRequireDefault(require("./Replay5Outlined"));
+var _Replay5Rounded = _interopRequireDefault(require("./Replay5Rounded"));
+var _Replay5Sharp = _interopRequireDefault(require("./Replay5Sharp"));
+var _Replay5TwoTone = _interopRequireDefault(require("./Replay5TwoTone"));
+var _ReplayCircleFilled = _interopRequireDefault(require("./ReplayCircleFilled"));
+var _ReplayCircleFilledOutlined = _interopRequireDefault(require("./ReplayCircleFilledOutlined"));
+var _ReplayCircleFilledRounded = _interopRequireDefault(require("./ReplayCircleFilledRounded"));
+var _ReplayCircleFilledSharp = _interopRequireDefault(require("./ReplayCircleFilledSharp"));
+var _ReplayCircleFilledTwoTone = _interopRequireDefault(require("./ReplayCircleFilledTwoTone"));
+var _ReplayOutlined = _interopRequireDefault(require("./ReplayOutlined"));
+var _ReplayRounded = _interopRequireDefault(require("./ReplayRounded"));
+var _ReplaySharp = _interopRequireDefault(require("./ReplaySharp"));
+var _ReplayTwoTone = _interopRequireDefault(require("./ReplayTwoTone"));
+var _Reply = _interopRequireDefault(require("./Reply"));
+var _ReplyAll = _interopRequireDefault(require("./ReplyAll"));
+var _ReplyAllOutlined = _interopRequireDefault(require("./ReplyAllOutlined"));
+var _ReplyAllRounded = _interopRequireDefault(require("./ReplyAllRounded"));
+var _ReplyAllSharp = _interopRequireDefault(require("./ReplyAllSharp"));
+var _ReplyAllTwoTone = _interopRequireDefault(require("./ReplyAllTwoTone"));
+var _ReplyOutlined = _interopRequireDefault(require("./ReplyOutlined"));
+var _ReplyRounded = _interopRequireDefault(require("./ReplyRounded"));
+var _ReplySharp = _interopRequireDefault(require("./ReplySharp"));
+var _ReplyTwoTone = _interopRequireDefault(require("./ReplyTwoTone"));
+var _Report = _interopRequireDefault(require("./Report"));
+var _ReportGmailerrorred = _interopRequireDefault(require("./ReportGmailerrorred"));
+var _ReportGmailerrorredOutlined = _interopRequireDefault(require("./ReportGmailerrorredOutlined"));
+var _ReportGmailerrorredRounded = _interopRequireDefault(require("./ReportGmailerrorredRounded"));
+var _ReportGmailerrorredSharp = _interopRequireDefault(require("./ReportGmailerrorredSharp"));
+var _ReportGmailerrorredTwoTone = _interopRequireDefault(require("./ReportGmailerrorredTwoTone"));
+var _ReportOff = _interopRequireDefault(require("./ReportOff"));
+var _ReportOffOutlined = _interopRequireDefault(require("./ReportOffOutlined"));
+var _ReportOffRounded = _interopRequireDefault(require("./ReportOffRounded"));
+var _ReportOffSharp = _interopRequireDefault(require("./ReportOffSharp"));
+var _ReportOffTwoTone = _interopRequireDefault(require("./ReportOffTwoTone"));
+var _ReportOutlined = _interopRequireDefault(require("./ReportOutlined"));
+var _ReportProblem = _interopRequireDefault(require("./ReportProblem"));
+var _ReportProblemOutlined = _interopRequireDefault(require("./ReportProblemOutlined"));
+var _ReportProblemRounded = _interopRequireDefault(require("./ReportProblemRounded"));
+var _ReportProblemSharp = _interopRequireDefault(require("./ReportProblemSharp"));
+var _ReportProblemTwoTone = _interopRequireDefault(require("./ReportProblemTwoTone"));
+var _ReportRounded = _interopRequireDefault(require("./ReportRounded"));
+var _ReportSharp = _interopRequireDefault(require("./ReportSharp"));
+var _ReportTwoTone = _interopRequireDefault(require("./ReportTwoTone"));
+var _RequestPage = _interopRequireDefault(require("./RequestPage"));
+var _RequestPageOutlined = _interopRequireDefault(require("./RequestPageOutlined"));
+var _RequestPageRounded = _interopRequireDefault(require("./RequestPageRounded"));
+var _RequestPageSharp = _interopRequireDefault(require("./RequestPageSharp"));
+var _RequestPageTwoTone = _interopRequireDefault(require("./RequestPageTwoTone"));
+var _RequestQuote = _interopRequireDefault(require("./RequestQuote"));
+var _RequestQuoteOutlined = _interopRequireDefault(require("./RequestQuoteOutlined"));
+var _RequestQuoteRounded = _interopRequireDefault(require("./RequestQuoteRounded"));
+var _RequestQuoteSharp = _interopRequireDefault(require("./RequestQuoteSharp"));
+var _RequestQuoteTwoTone = _interopRequireDefault(require("./RequestQuoteTwoTone"));
+var _ResetTv = _interopRequireDefault(require("./ResetTv"));
+var _ResetTvOutlined = _interopRequireDefault(require("./ResetTvOutlined"));
+var _ResetTvRounded = _interopRequireDefault(require("./ResetTvRounded"));
+var _ResetTvSharp = _interopRequireDefault(require("./ResetTvSharp"));
+var _ResetTvTwoTone = _interopRequireDefault(require("./ResetTvTwoTone"));
+var _RestartAlt = _interopRequireDefault(require("./RestartAlt"));
+var _RestartAltOutlined = _interopRequireDefault(require("./RestartAltOutlined"));
+var _RestartAltRounded = _interopRequireDefault(require("./RestartAltRounded"));
+var _RestartAltSharp = _interopRequireDefault(require("./RestartAltSharp"));
+var _RestartAltTwoTone = _interopRequireDefault(require("./RestartAltTwoTone"));
+var _Restaurant = _interopRequireDefault(require("./Restaurant"));
+var _RestaurantMenu = _interopRequireDefault(require("./RestaurantMenu"));
+var _RestaurantMenuOutlined = _interopRequireDefault(require("./RestaurantMenuOutlined"));
+var _RestaurantMenuRounded = _interopRequireDefault(require("./RestaurantMenuRounded"));
+var _RestaurantMenuSharp = _interopRequireDefault(require("./RestaurantMenuSharp"));
+var _RestaurantMenuTwoTone = _interopRequireDefault(require("./RestaurantMenuTwoTone"));
+var _RestaurantOutlined = _interopRequireDefault(require("./RestaurantOutlined"));
+var _RestaurantRounded = _interopRequireDefault(require("./RestaurantRounded"));
+var _RestaurantSharp = _interopRequireDefault(require("./RestaurantSharp"));
+var _RestaurantTwoTone = _interopRequireDefault(require("./RestaurantTwoTone"));
+var _Restore = _interopRequireDefault(require("./Restore"));
+var _RestoreFromTrash = _interopRequireDefault(require("./RestoreFromTrash"));
+var _RestoreFromTrashOutlined = _interopRequireDefault(require("./RestoreFromTrashOutlined"));
+var _RestoreFromTrashRounded = _interopRequireDefault(require("./RestoreFromTrashRounded"));
+var _RestoreFromTrashSharp = _interopRequireDefault(require("./RestoreFromTrashSharp"));
+var _RestoreFromTrashTwoTone = _interopRequireDefault(require("./RestoreFromTrashTwoTone"));
+var _RestoreOutlined = _interopRequireDefault(require("./RestoreOutlined"));
+var _RestorePage = _interopRequireDefault(require("./RestorePage"));
+var _RestorePageOutlined = _interopRequireDefault(require("./RestorePageOutlined"));
+var _RestorePageRounded = _interopRequireDefault(require("./RestorePageRounded"));
+var _RestorePageSharp = _interopRequireDefault(require("./RestorePageSharp"));
+var _RestorePageTwoTone = _interopRequireDefault(require("./RestorePageTwoTone"));
+var _RestoreRounded = _interopRequireDefault(require("./RestoreRounded"));
+var _RestoreSharp = _interopRequireDefault(require("./RestoreSharp"));
+var _RestoreTwoTone = _interopRequireDefault(require("./RestoreTwoTone"));
+var _Reviews = _interopRequireDefault(require("./Reviews"));
+var _ReviewsOutlined = _interopRequireDefault(require("./ReviewsOutlined"));
+var _ReviewsRounded = _interopRequireDefault(require("./ReviewsRounded"));
+var _ReviewsSharp = _interopRequireDefault(require("./ReviewsSharp"));
+var _ReviewsTwoTone = _interopRequireDefault(require("./ReviewsTwoTone"));
+var _RiceBowl = _interopRequireDefault(require("./RiceBowl"));
+var _RiceBowlOutlined = _interopRequireDefault(require("./RiceBowlOutlined"));
+var _RiceBowlRounded = _interopRequireDefault(require("./RiceBowlRounded"));
+var _RiceBowlSharp = _interopRequireDefault(require("./RiceBowlSharp"));
+var _RiceBowlTwoTone = _interopRequireDefault(require("./RiceBowlTwoTone"));
+var _RingVolume = _interopRequireDefault(require("./RingVolume"));
+var _RingVolumeOutlined = _interopRequireDefault(require("./RingVolumeOutlined"));
+var _RingVolumeRounded = _interopRequireDefault(require("./RingVolumeRounded"));
+var _RingVolumeSharp = _interopRequireDefault(require("./RingVolumeSharp"));
+var _RingVolumeTwoTone = _interopRequireDefault(require("./RingVolumeTwoTone"));
+var _Rocket = _interopRequireDefault(require("./Rocket"));
+var _RocketLaunch = _interopRequireDefault(require("./RocketLaunch"));
+var _RocketLaunchOutlined = _interopRequireDefault(require("./RocketLaunchOutlined"));
+var _RocketLaunchRounded = _interopRequireDefault(require("./RocketLaunchRounded"));
+var _RocketLaunchSharp = _interopRequireDefault(require("./RocketLaunchSharp"));
+var _RocketLaunchTwoTone = _interopRequireDefault(require("./RocketLaunchTwoTone"));
+var _RocketOutlined = _interopRequireDefault(require("./RocketOutlined"));
+var _RocketRounded = _interopRequireDefault(require("./RocketRounded"));
+var _RocketSharp = _interopRequireDefault(require("./RocketSharp"));
+var _RocketTwoTone = _interopRequireDefault(require("./RocketTwoTone"));
+var _RollerShades = _interopRequireDefault(require("./RollerShades"));
+var _RollerShadesClosed = _interopRequireDefault(require("./RollerShadesClosed"));
+var _RollerShadesClosedOutlined = _interopRequireDefault(require("./RollerShadesClosedOutlined"));
+var _RollerShadesClosedRounded = _interopRequireDefault(require("./RollerShadesClosedRounded"));
+var _RollerShadesClosedSharp = _interopRequireDefault(require("./RollerShadesClosedSharp"));
+var _RollerShadesClosedTwoTone = _interopRequireDefault(require("./RollerShadesClosedTwoTone"));
+var _RollerShadesOutlined = _interopRequireDefault(require("./RollerShadesOutlined"));
+var _RollerShadesRounded = _interopRequireDefault(require("./RollerShadesRounded"));
+var _RollerShadesSharp = _interopRequireDefault(require("./RollerShadesSharp"));
+var _RollerShadesTwoTone = _interopRequireDefault(require("./RollerShadesTwoTone"));
+var _RollerSkating = _interopRequireDefault(require("./RollerSkating"));
+var _RollerSkatingOutlined = _interopRequireDefault(require("./RollerSkatingOutlined"));
+var _RollerSkatingRounded = _interopRequireDefault(require("./RollerSkatingRounded"));
+var _RollerSkatingSharp = _interopRequireDefault(require("./RollerSkatingSharp"));
+var _RollerSkatingTwoTone = _interopRequireDefault(require("./RollerSkatingTwoTone"));
+var _Roofing = _interopRequireDefault(require("./Roofing"));
+var _RoofingOutlined = _interopRequireDefault(require("./RoofingOutlined"));
+var _RoofingRounded = _interopRequireDefault(require("./RoofingRounded"));
+var _RoofingSharp = _interopRequireDefault(require("./RoofingSharp"));
+var _RoofingTwoTone = _interopRequireDefault(require("./RoofingTwoTone"));
+var _Room = _interopRequireDefault(require("./Room"));
+var _RoomOutlined = _interopRequireDefault(require("./RoomOutlined"));
+var _RoomPreferences = _interopRequireDefault(require("./RoomPreferences"));
+var _RoomPreferencesOutlined = _interopRequireDefault(require("./RoomPreferencesOutlined"));
+var _RoomPreferencesRounded = _interopRequireDefault(require("./RoomPreferencesRounded"));
+var _RoomPreferencesSharp = _interopRequireDefault(require("./RoomPreferencesSharp"));
+var _RoomPreferencesTwoTone = _interopRequireDefault(require("./RoomPreferencesTwoTone"));
+var _RoomRounded = _interopRequireDefault(require("./RoomRounded"));
+var _RoomService = _interopRequireDefault(require("./RoomService"));
+var _RoomServiceOutlined = _interopRequireDefault(require("./RoomServiceOutlined"));
+var _RoomServiceRounded = _interopRequireDefault(require("./RoomServiceRounded"));
+var _RoomServiceSharp = _interopRequireDefault(require("./RoomServiceSharp"));
+var _RoomServiceTwoTone = _interopRequireDefault(require("./RoomServiceTwoTone"));
+var _RoomSharp = _interopRequireDefault(require("./RoomSharp"));
+var _RoomTwoTone = _interopRequireDefault(require("./RoomTwoTone"));
+var _Rotate90DegreesCcw = _interopRequireDefault(require("./Rotate90DegreesCcw"));
+var _Rotate90DegreesCcwOutlined = _interopRequireDefault(require("./Rotate90DegreesCcwOutlined"));
+var _Rotate90DegreesCcwRounded = _interopRequireDefault(require("./Rotate90DegreesCcwRounded"));
+var _Rotate90DegreesCcwSharp = _interopRequireDefault(require("./Rotate90DegreesCcwSharp"));
+var _Rotate90DegreesCcwTwoTone = _interopRequireDefault(require("./Rotate90DegreesCcwTwoTone"));
+var _Rotate90DegreesCw = _interopRequireDefault(require("./Rotate90DegreesCw"));
+var _Rotate90DegreesCwOutlined = _interopRequireDefault(require("./Rotate90DegreesCwOutlined"));
+var _Rotate90DegreesCwRounded = _interopRequireDefault(require("./Rotate90DegreesCwRounded"));
+var _Rotate90DegreesCwSharp = _interopRequireDefault(require("./Rotate90DegreesCwSharp"));
+var _Rotate90DegreesCwTwoTone = _interopRequireDefault(require("./Rotate90DegreesCwTwoTone"));
+var _RotateLeft = _interopRequireDefault(require("./RotateLeft"));
+var _RotateLeftOutlined = _interopRequireDefault(require("./RotateLeftOutlined"));
+var _RotateLeftRounded = _interopRequireDefault(require("./RotateLeftRounded"));
+var _RotateLeftSharp = _interopRequireDefault(require("./RotateLeftSharp"));
+var _RotateLeftTwoTone = _interopRequireDefault(require("./RotateLeftTwoTone"));
+var _RotateRight = _interopRequireDefault(require("./RotateRight"));
+var _RotateRightOutlined = _interopRequireDefault(require("./RotateRightOutlined"));
+var _RotateRightRounded = _interopRequireDefault(require("./RotateRightRounded"));
+var _RotateRightSharp = _interopRequireDefault(require("./RotateRightSharp"));
+var _RotateRightTwoTone = _interopRequireDefault(require("./RotateRightTwoTone"));
+var _RoundaboutLeft = _interopRequireDefault(require("./RoundaboutLeft"));
+var _RoundaboutLeftOutlined = _interopRequireDefault(require("./RoundaboutLeftOutlined"));
+var _RoundaboutLeftRounded = _interopRequireDefault(require("./RoundaboutLeftRounded"));
+var _RoundaboutLeftSharp = _interopRequireDefault(require("./RoundaboutLeftSharp"));
+var _RoundaboutLeftTwoTone = _interopRequireDefault(require("./RoundaboutLeftTwoTone"));
+var _RoundaboutRight = _interopRequireDefault(require("./RoundaboutRight"));
+var _RoundaboutRightOutlined = _interopRequireDefault(require("./RoundaboutRightOutlined"));
+var _RoundaboutRightRounded = _interopRequireDefault(require("./RoundaboutRightRounded"));
+var _RoundaboutRightSharp = _interopRequireDefault(require("./RoundaboutRightSharp"));
+var _RoundaboutRightTwoTone = _interopRequireDefault(require("./RoundaboutRightTwoTone"));
+var _RoundedCorner = _interopRequireDefault(require("./RoundedCorner"));
+var _RoundedCornerOutlined = _interopRequireDefault(require("./RoundedCornerOutlined"));
+var _RoundedCornerRounded = _interopRequireDefault(require("./RoundedCornerRounded"));
+var _RoundedCornerSharp = _interopRequireDefault(require("./RoundedCornerSharp"));
+var _RoundedCornerTwoTone = _interopRequireDefault(require("./RoundedCornerTwoTone"));
+var _Route = _interopRequireDefault(require("./Route"));
+var _RouteOutlined = _interopRequireDefault(require("./RouteOutlined"));
+var _RouteRounded = _interopRequireDefault(require("./RouteRounded"));
+var _RouteSharp = _interopRequireDefault(require("./RouteSharp"));
+var _RouteTwoTone = _interopRequireDefault(require("./RouteTwoTone"));
+var _Router = _interopRequireDefault(require("./Router"));
+var _RouterOutlined = _interopRequireDefault(require("./RouterOutlined"));
+var _RouterRounded = _interopRequireDefault(require("./RouterRounded"));
+var _RouterSharp = _interopRequireDefault(require("./RouterSharp"));
+var _RouterTwoTone = _interopRequireDefault(require("./RouterTwoTone"));
+var _Rowing = _interopRequireDefault(require("./Rowing"));
+var _RowingOutlined = _interopRequireDefault(require("./RowingOutlined"));
+var _RowingRounded = _interopRequireDefault(require("./RowingRounded"));
+var _RowingSharp = _interopRequireDefault(require("./RowingSharp"));
+var _RowingTwoTone = _interopRequireDefault(require("./RowingTwoTone"));
+var _RssFeed = _interopRequireDefault(require("./RssFeed"));
+var _RssFeedOutlined = _interopRequireDefault(require("./RssFeedOutlined"));
+var _RssFeedRounded = _interopRequireDefault(require("./RssFeedRounded"));
+var _RssFeedSharp = _interopRequireDefault(require("./RssFeedSharp"));
+var _RssFeedTwoTone = _interopRequireDefault(require("./RssFeedTwoTone"));
+var _Rsvp = _interopRequireDefault(require("./Rsvp"));
+var _RsvpOutlined = _interopRequireDefault(require("./RsvpOutlined"));
+var _RsvpRounded = _interopRequireDefault(require("./RsvpRounded"));
+var _RsvpSharp = _interopRequireDefault(require("./RsvpSharp"));
+var _RsvpTwoTone = _interopRequireDefault(require("./RsvpTwoTone"));
+var _Rtt = _interopRequireDefault(require("./Rtt"));
+var _RttOutlined = _interopRequireDefault(require("./RttOutlined"));
+var _RttRounded = _interopRequireDefault(require("./RttRounded"));
+var _RttSharp = _interopRequireDefault(require("./RttSharp"));
+var _RttTwoTone = _interopRequireDefault(require("./RttTwoTone"));
+var _Rule = _interopRequireDefault(require("./Rule"));
+var _RuleFolder = _interopRequireDefault(require("./RuleFolder"));
+var _RuleFolderOutlined = _interopRequireDefault(require("./RuleFolderOutlined"));
+var _RuleFolderRounded = _interopRequireDefault(require("./RuleFolderRounded"));
+var _RuleFolderSharp = _interopRequireDefault(require("./RuleFolderSharp"));
+var _RuleFolderTwoTone = _interopRequireDefault(require("./RuleFolderTwoTone"));
+var _RuleOutlined = _interopRequireDefault(require("./RuleOutlined"));
+var _RuleRounded = _interopRequireDefault(require("./RuleRounded"));
+var _RuleSharp = _interopRequireDefault(require("./RuleSharp"));
+var _RuleTwoTone = _interopRequireDefault(require("./RuleTwoTone"));
+var _RunCircle = _interopRequireDefault(require("./RunCircle"));
+var _RunCircleOutlined = _interopRequireDefault(require("./RunCircleOutlined"));
+var _RunCircleRounded = _interopRequireDefault(require("./RunCircleRounded"));
+var _RunCircleSharp = _interopRequireDefault(require("./RunCircleSharp"));
+var _RunCircleTwoTone = _interopRequireDefault(require("./RunCircleTwoTone"));
+var _RunningWithErrors = _interopRequireDefault(require("./RunningWithErrors"));
+var _RunningWithErrorsOutlined = _interopRequireDefault(require("./RunningWithErrorsOutlined"));
+var _RunningWithErrorsRounded = _interopRequireDefault(require("./RunningWithErrorsRounded"));
+var _RunningWithErrorsSharp = _interopRequireDefault(require("./RunningWithErrorsSharp"));
+var _RunningWithErrorsTwoTone = _interopRequireDefault(require("./RunningWithErrorsTwoTone"));
+var _RvHookup = _interopRequireDefault(require("./RvHookup"));
+var _RvHookupOutlined = _interopRequireDefault(require("./RvHookupOutlined"));
+var _RvHookupRounded = _interopRequireDefault(require("./RvHookupRounded"));
+var _RvHookupSharp = _interopRequireDefault(require("./RvHookupSharp"));
+var _RvHookupTwoTone = _interopRequireDefault(require("./RvHookupTwoTone"));
+var _SafetyCheck = _interopRequireDefault(require("./SafetyCheck"));
+var _SafetyCheckOutlined = _interopRequireDefault(require("./SafetyCheckOutlined"));
+var _SafetyCheckRounded = _interopRequireDefault(require("./SafetyCheckRounded"));
+var _SafetyCheckSharp = _interopRequireDefault(require("./SafetyCheckSharp"));
+var _SafetyCheckTwoTone = _interopRequireDefault(require("./SafetyCheckTwoTone"));
+var _SafetyDivider = _interopRequireDefault(require("./SafetyDivider"));
+var _SafetyDividerOutlined = _interopRequireDefault(require("./SafetyDividerOutlined"));
+var _SafetyDividerRounded = _interopRequireDefault(require("./SafetyDividerRounded"));
+var _SafetyDividerSharp = _interopRequireDefault(require("./SafetyDividerSharp"));
+var _SafetyDividerTwoTone = _interopRequireDefault(require("./SafetyDividerTwoTone"));
+var _Sailing = _interopRequireDefault(require("./Sailing"));
+var _SailingOutlined = _interopRequireDefault(require("./SailingOutlined"));
+var _SailingRounded = _interopRequireDefault(require("./SailingRounded"));
+var _SailingSharp = _interopRequireDefault(require("./SailingSharp"));
+var _SailingTwoTone = _interopRequireDefault(require("./SailingTwoTone"));
+var _Sanitizer = _interopRequireDefault(require("./Sanitizer"));
+var _SanitizerOutlined = _interopRequireDefault(require("./SanitizerOutlined"));
+var _SanitizerRounded = _interopRequireDefault(require("./SanitizerRounded"));
+var _SanitizerSharp = _interopRequireDefault(require("./SanitizerSharp"));
+var _SanitizerTwoTone = _interopRequireDefault(require("./SanitizerTwoTone"));
+var _Satellite = _interopRequireDefault(require("./Satellite"));
+var _SatelliteAlt = _interopRequireDefault(require("./SatelliteAlt"));
+var _SatelliteAltOutlined = _interopRequireDefault(require("./SatelliteAltOutlined"));
+var _SatelliteAltRounded = _interopRequireDefault(require("./SatelliteAltRounded"));
+var _SatelliteAltSharp = _interopRequireDefault(require("./SatelliteAltSharp"));
+var _SatelliteAltTwoTone = _interopRequireDefault(require("./SatelliteAltTwoTone"));
+var _SatelliteOutlined = _interopRequireDefault(require("./SatelliteOutlined"));
+var _SatelliteRounded = _interopRequireDefault(require("./SatelliteRounded"));
+var _SatelliteSharp = _interopRequireDefault(require("./SatelliteSharp"));
+var _SatelliteTwoTone = _interopRequireDefault(require("./SatelliteTwoTone"));
+var _Save = _interopRequireDefault(require("./Save"));
+var _SaveAlt = _interopRequireDefault(require("./SaveAlt"));
+var _SaveAltOutlined = _interopRequireDefault(require("./SaveAltOutlined"));
+var _SaveAltRounded = _interopRequireDefault(require("./SaveAltRounded"));
+var _SaveAltSharp = _interopRequireDefault(require("./SaveAltSharp"));
+var _SaveAltTwoTone = _interopRequireDefault(require("./SaveAltTwoTone"));
+var _SaveAs = _interopRequireDefault(require("./SaveAs"));
+var _SaveAsOutlined = _interopRequireDefault(require("./SaveAsOutlined"));
+var _SaveAsRounded = _interopRequireDefault(require("./SaveAsRounded"));
+var _SaveAsSharp = _interopRequireDefault(require("./SaveAsSharp"));
+var _SaveAsTwoTone = _interopRequireDefault(require("./SaveAsTwoTone"));
+var _SaveOutlined = _interopRequireDefault(require("./SaveOutlined"));
+var _SaveRounded = _interopRequireDefault(require("./SaveRounded"));
+var _SaveSharp = _interopRequireDefault(require("./SaveSharp"));
+var _SaveTwoTone = _interopRequireDefault(require("./SaveTwoTone"));
+var _SavedSearch = _interopRequireDefault(require("./SavedSearch"));
+var _SavedSearchOutlined = _interopRequireDefault(require("./SavedSearchOutlined"));
+var _SavedSearchRounded = _interopRequireDefault(require("./SavedSearchRounded"));
+var _SavedSearchSharp = _interopRequireDefault(require("./SavedSearchSharp"));
+var _SavedSearchTwoTone = _interopRequireDefault(require("./SavedSearchTwoTone"));
+var _Savings = _interopRequireDefault(require("./Savings"));
+var _SavingsOutlined = _interopRequireDefault(require("./SavingsOutlined"));
+var _SavingsRounded = _interopRequireDefault(require("./SavingsRounded"));
+var _SavingsSharp = _interopRequireDefault(require("./SavingsSharp"));
+var _SavingsTwoTone = _interopRequireDefault(require("./SavingsTwoTone"));
+var _Scale = _interopRequireDefault(require("./Scale"));
+var _ScaleOutlined = _interopRequireDefault(require("./ScaleOutlined"));
+var _ScaleRounded = _interopRequireDefault(require("./ScaleRounded"));
+var _ScaleSharp = _interopRequireDefault(require("./ScaleSharp"));
+var _ScaleTwoTone = _interopRequireDefault(require("./ScaleTwoTone"));
+var _Scanner = _interopRequireDefault(require("./Scanner"));
+var _ScannerOutlined = _interopRequireDefault(require("./ScannerOutlined"));
+var _ScannerRounded = _interopRequireDefault(require("./ScannerRounded"));
+var _ScannerSharp = _interopRequireDefault(require("./ScannerSharp"));
+var _ScannerTwoTone = _interopRequireDefault(require("./ScannerTwoTone"));
+var _ScatterPlot = _interopRequireDefault(require("./ScatterPlot"));
+var _ScatterPlotOutlined = _interopRequireDefault(require("./ScatterPlotOutlined"));
+var _ScatterPlotRounded = _interopRequireDefault(require("./ScatterPlotRounded"));
+var _ScatterPlotSharp = _interopRequireDefault(require("./ScatterPlotSharp"));
+var _ScatterPlotTwoTone = _interopRequireDefault(require("./ScatterPlotTwoTone"));
+var _Schedule = _interopRequireDefault(require("./Schedule"));
+var _ScheduleOutlined = _interopRequireDefault(require("./ScheduleOutlined"));
+var _ScheduleRounded = _interopRequireDefault(require("./ScheduleRounded"));
+var _ScheduleSend = _interopRequireDefault(require("./ScheduleSend"));
+var _ScheduleSendOutlined = _interopRequireDefault(require("./ScheduleSendOutlined"));
+var _ScheduleSendRounded = _interopRequireDefault(require("./ScheduleSendRounded"));
+var _ScheduleSendSharp = _interopRequireDefault(require("./ScheduleSendSharp"));
+var _ScheduleSendTwoTone = _interopRequireDefault(require("./ScheduleSendTwoTone"));
+var _ScheduleSharp = _interopRequireDefault(require("./ScheduleSharp"));
+var _ScheduleTwoTone = _interopRequireDefault(require("./ScheduleTwoTone"));
+var _Schema = _interopRequireDefault(require("./Schema"));
+var _SchemaOutlined = _interopRequireDefault(require("./SchemaOutlined"));
+var _SchemaRounded = _interopRequireDefault(require("./SchemaRounded"));
+var _SchemaSharp = _interopRequireDefault(require("./SchemaSharp"));
+var _SchemaTwoTone = _interopRequireDefault(require("./SchemaTwoTone"));
+var _School = _interopRequireDefault(require("./School"));
+var _SchoolOutlined = _interopRequireDefault(require("./SchoolOutlined"));
+var _SchoolRounded = _interopRequireDefault(require("./SchoolRounded"));
+var _SchoolSharp = _interopRequireDefault(require("./SchoolSharp"));
+var _SchoolTwoTone = _interopRequireDefault(require("./SchoolTwoTone"));
+var _Science = _interopRequireDefault(require("./Science"));
+var _ScienceOutlined = _interopRequireDefault(require("./ScienceOutlined"));
+var _ScienceRounded = _interopRequireDefault(require("./ScienceRounded"));
+var _ScienceSharp = _interopRequireDefault(require("./ScienceSharp"));
+var _ScienceTwoTone = _interopRequireDefault(require("./ScienceTwoTone"));
+var _Score = _interopRequireDefault(require("./Score"));
+var _ScoreOutlined = _interopRequireDefault(require("./ScoreOutlined"));
+var _ScoreRounded = _interopRequireDefault(require("./ScoreRounded"));
+var _ScoreSharp = _interopRequireDefault(require("./ScoreSharp"));
+var _ScoreTwoTone = _interopRequireDefault(require("./ScoreTwoTone"));
+var _Scoreboard = _interopRequireDefault(require("./Scoreboard"));
+var _ScoreboardOutlined = _interopRequireDefault(require("./ScoreboardOutlined"));
+var _ScoreboardRounded = _interopRequireDefault(require("./ScoreboardRounded"));
+var _ScoreboardSharp = _interopRequireDefault(require("./ScoreboardSharp"));
+var _ScoreboardTwoTone = _interopRequireDefault(require("./ScoreboardTwoTone"));
+var _ScreenLockLandscape = _interopRequireDefault(require("./ScreenLockLandscape"));
+var _ScreenLockLandscapeOutlined = _interopRequireDefault(require("./ScreenLockLandscapeOutlined"));
+var _ScreenLockLandscapeRounded = _interopRequireDefault(require("./ScreenLockLandscapeRounded"));
+var _ScreenLockLandscapeSharp = _interopRequireDefault(require("./ScreenLockLandscapeSharp"));
+var _ScreenLockLandscapeTwoTone = _interopRequireDefault(require("./ScreenLockLandscapeTwoTone"));
+var _ScreenLockPortrait = _interopRequireDefault(require("./ScreenLockPortrait"));
+var _ScreenLockPortraitOutlined = _interopRequireDefault(require("./ScreenLockPortraitOutlined"));
+var _ScreenLockPortraitRounded = _interopRequireDefault(require("./ScreenLockPortraitRounded"));
+var _ScreenLockPortraitSharp = _interopRequireDefault(require("./ScreenLockPortraitSharp"));
+var _ScreenLockPortraitTwoTone = _interopRequireDefault(require("./ScreenLockPortraitTwoTone"));
+var _ScreenLockRotation = _interopRequireDefault(require("./ScreenLockRotation"));
+var _ScreenLockRotationOutlined = _interopRequireDefault(require("./ScreenLockRotationOutlined"));
+var _ScreenLockRotationRounded = _interopRequireDefault(require("./ScreenLockRotationRounded"));
+var _ScreenLockRotationSharp = _interopRequireDefault(require("./ScreenLockRotationSharp"));
+var _ScreenLockRotationTwoTone = _interopRequireDefault(require("./ScreenLockRotationTwoTone"));
+var _ScreenRotation = _interopRequireDefault(require("./ScreenRotation"));
+var _ScreenRotationAlt = _interopRequireDefault(require("./ScreenRotationAlt"));
+var _ScreenRotationAltOutlined = _interopRequireDefault(require("./ScreenRotationAltOutlined"));
+var _ScreenRotationAltRounded = _interopRequireDefault(require("./ScreenRotationAltRounded"));
+var _ScreenRotationAltSharp = _interopRequireDefault(require("./ScreenRotationAltSharp"));
+var _ScreenRotationAltTwoTone = _interopRequireDefault(require("./ScreenRotationAltTwoTone"));
+var _ScreenRotationOutlined = _interopRequireDefault(require("./ScreenRotationOutlined"));
+var _ScreenRotationRounded = _interopRequireDefault(require("./ScreenRotationRounded"));
+var _ScreenRotationSharp = _interopRequireDefault(require("./ScreenRotationSharp"));
+var _ScreenRotationTwoTone = _interopRequireDefault(require("./ScreenRotationTwoTone"));
+var _ScreenSearchDesktop = _interopRequireDefault(require("./ScreenSearchDesktop"));
+var _ScreenSearchDesktopOutlined = _interopRequireDefault(require("./ScreenSearchDesktopOutlined"));
+var _ScreenSearchDesktopRounded = _interopRequireDefault(require("./ScreenSearchDesktopRounded"));
+var _ScreenSearchDesktopSharp = _interopRequireDefault(require("./ScreenSearchDesktopSharp"));
+var _ScreenSearchDesktopTwoTone = _interopRequireDefault(require("./ScreenSearchDesktopTwoTone"));
+var _ScreenShare = _interopRequireDefault(require("./ScreenShare"));
+var _ScreenShareOutlined = _interopRequireDefault(require("./ScreenShareOutlined"));
+var _ScreenShareRounded = _interopRequireDefault(require("./ScreenShareRounded"));
+var _ScreenShareSharp = _interopRequireDefault(require("./ScreenShareSharp"));
+var _ScreenShareTwoTone = _interopRequireDefault(require("./ScreenShareTwoTone"));
+var _Screenshot = _interopRequireDefault(require("./Screenshot"));
+var _ScreenshotMonitor = _interopRequireDefault(require("./ScreenshotMonitor"));
+var _ScreenshotMonitorOutlined = _interopRequireDefault(require("./ScreenshotMonitorOutlined"));
+var _ScreenshotMonitorRounded = _interopRequireDefault(require("./ScreenshotMonitorRounded"));
+var _ScreenshotMonitorSharp = _interopRequireDefault(require("./ScreenshotMonitorSharp"));
+var _ScreenshotMonitorTwoTone = _interopRequireDefault(require("./ScreenshotMonitorTwoTone"));
+var _ScreenshotOutlined = _interopRequireDefault(require("./ScreenshotOutlined"));
+var _ScreenshotRounded = _interopRequireDefault(require("./ScreenshotRounded"));
+var _ScreenshotSharp = _interopRequireDefault(require("./ScreenshotSharp"));
+var _ScreenshotTwoTone = _interopRequireDefault(require("./ScreenshotTwoTone"));
+var _ScubaDiving = _interopRequireDefault(require("./ScubaDiving"));
+var _ScubaDivingOutlined = _interopRequireDefault(require("./ScubaDivingOutlined"));
+var _ScubaDivingRounded = _interopRequireDefault(require("./ScubaDivingRounded"));
+var _ScubaDivingSharp = _interopRequireDefault(require("./ScubaDivingSharp"));
+var _ScubaDivingTwoTone = _interopRequireDefault(require("./ScubaDivingTwoTone"));
+var _Sd = _interopRequireDefault(require("./Sd"));
+var _SdCard = _interopRequireDefault(require("./SdCard"));
+var _SdCardAlert = _interopRequireDefault(require("./SdCardAlert"));
+var _SdCardAlertOutlined = _interopRequireDefault(require("./SdCardAlertOutlined"));
+var _SdCardAlertRounded = _interopRequireDefault(require("./SdCardAlertRounded"));
+var _SdCardAlertSharp = _interopRequireDefault(require("./SdCardAlertSharp"));
+var _SdCardAlertTwoTone = _interopRequireDefault(require("./SdCardAlertTwoTone"));
+var _SdCardOutlined = _interopRequireDefault(require("./SdCardOutlined"));
+var _SdCardRounded = _interopRequireDefault(require("./SdCardRounded"));
+var _SdCardSharp = _interopRequireDefault(require("./SdCardSharp"));
+var _SdCardTwoTone = _interopRequireDefault(require("./SdCardTwoTone"));
+var _SdOutlined = _interopRequireDefault(require("./SdOutlined"));
+var _SdRounded = _interopRequireDefault(require("./SdRounded"));
+var _SdSharp = _interopRequireDefault(require("./SdSharp"));
+var _SdStorage = _interopRequireDefault(require("./SdStorage"));
+var _SdStorageOutlined = _interopRequireDefault(require("./SdStorageOutlined"));
+var _SdStorageRounded = _interopRequireDefault(require("./SdStorageRounded"));
+var _SdStorageSharp = _interopRequireDefault(require("./SdStorageSharp"));
+var _SdStorageTwoTone = _interopRequireDefault(require("./SdStorageTwoTone"));
+var _SdTwoTone = _interopRequireDefault(require("./SdTwoTone"));
+var _Search = _interopRequireDefault(require("./Search"));
+var _SearchOff = _interopRequireDefault(require("./SearchOff"));
+var _SearchOffOutlined = _interopRequireDefault(require("./SearchOffOutlined"));
+var _SearchOffRounded = _interopRequireDefault(require("./SearchOffRounded"));
+var _SearchOffSharp = _interopRequireDefault(require("./SearchOffSharp"));
+var _SearchOffTwoTone = _interopRequireDefault(require("./SearchOffTwoTone"));
+var _SearchOutlined = _interopRequireDefault(require("./SearchOutlined"));
+var _SearchRounded = _interopRequireDefault(require("./SearchRounded"));
+var _SearchSharp = _interopRequireDefault(require("./SearchSharp"));
+var _SearchTwoTone = _interopRequireDefault(require("./SearchTwoTone"));
+var _Security = _interopRequireDefault(require("./Security"));
+var _SecurityOutlined = _interopRequireDefault(require("./SecurityOutlined"));
+var _SecurityRounded = _interopRequireDefault(require("./SecurityRounded"));
+var _SecuritySharp = _interopRequireDefault(require("./SecuritySharp"));
+var _SecurityTwoTone = _interopRequireDefault(require("./SecurityTwoTone"));
+var _SecurityUpdate = _interopRequireDefault(require("./SecurityUpdate"));
+var _SecurityUpdateGood = _interopRequireDefault(require("./SecurityUpdateGood"));
+var _SecurityUpdateGoodOutlined = _interopRequireDefault(require("./SecurityUpdateGoodOutlined"));
+var _SecurityUpdateGoodRounded = _interopRequireDefault(require("./SecurityUpdateGoodRounded"));
+var _SecurityUpdateGoodSharp = _interopRequireDefault(require("./SecurityUpdateGoodSharp"));
+var _SecurityUpdateGoodTwoTone = _interopRequireDefault(require("./SecurityUpdateGoodTwoTone"));
+var _SecurityUpdateOutlined = _interopRequireDefault(require("./SecurityUpdateOutlined"));
+var _SecurityUpdateRounded = _interopRequireDefault(require("./SecurityUpdateRounded"));
+var _SecurityUpdateSharp = _interopRequireDefault(require("./SecurityUpdateSharp"));
+var _SecurityUpdateTwoTone = _interopRequireDefault(require("./SecurityUpdateTwoTone"));
+var _SecurityUpdateWarning = _interopRequireDefault(require("./SecurityUpdateWarning"));
+var _SecurityUpdateWarningOutlined = _interopRequireDefault(require("./SecurityUpdateWarningOutlined"));
+var _SecurityUpdateWarningRounded = _interopRequireDefault(require("./SecurityUpdateWarningRounded"));
+var _SecurityUpdateWarningSharp = _interopRequireDefault(require("./SecurityUpdateWarningSharp"));
+var _SecurityUpdateWarningTwoTone = _interopRequireDefault(require("./SecurityUpdateWarningTwoTone"));
+var _Segment = _interopRequireDefault(require("./Segment"));
+var _SegmentOutlined = _interopRequireDefault(require("./SegmentOutlined"));
+var _SegmentRounded = _interopRequireDefault(require("./SegmentRounded"));
+var _SegmentSharp = _interopRequireDefault(require("./SegmentSharp"));
+var _SegmentTwoTone = _interopRequireDefault(require("./SegmentTwoTone"));
+var _SelectAll = _interopRequireDefault(require("./SelectAll"));
+var _SelectAllOutlined = _interopRequireDefault(require("./SelectAllOutlined"));
+var _SelectAllRounded = _interopRequireDefault(require("./SelectAllRounded"));
+var _SelectAllSharp = _interopRequireDefault(require("./SelectAllSharp"));
+var _SelectAllTwoTone = _interopRequireDefault(require("./SelectAllTwoTone"));
+var _SelfImprovement = _interopRequireDefault(require("./SelfImprovement"));
+var _SelfImprovementOutlined = _interopRequireDefault(require("./SelfImprovementOutlined"));
+var _SelfImprovementRounded = _interopRequireDefault(require("./SelfImprovementRounded"));
+var _SelfImprovementSharp = _interopRequireDefault(require("./SelfImprovementSharp"));
+var _SelfImprovementTwoTone = _interopRequireDefault(require("./SelfImprovementTwoTone"));
+var _Sell = _interopRequireDefault(require("./Sell"));
+var _SellOutlined = _interopRequireDefault(require("./SellOutlined"));
+var _SellRounded = _interopRequireDefault(require("./SellRounded"));
+var _SellSharp = _interopRequireDefault(require("./SellSharp"));
+var _SellTwoTone = _interopRequireDefault(require("./SellTwoTone"));
+var _Send = _interopRequireDefault(require("./Send"));
+var _SendAndArchive = _interopRequireDefault(require("./SendAndArchive"));
+var _SendAndArchiveOutlined = _interopRequireDefault(require("./SendAndArchiveOutlined"));
+var _SendAndArchiveRounded = _interopRequireDefault(require("./SendAndArchiveRounded"));
+var _SendAndArchiveSharp = _interopRequireDefault(require("./SendAndArchiveSharp"));
+var _SendAndArchiveTwoTone = _interopRequireDefault(require("./SendAndArchiveTwoTone"));
+var _SendOutlined = _interopRequireDefault(require("./SendOutlined"));
+var _SendRounded = _interopRequireDefault(require("./SendRounded"));
+var _SendSharp = _interopRequireDefault(require("./SendSharp"));
+var _SendTimeExtension = _interopRequireDefault(require("./SendTimeExtension"));
+var _SendTimeExtensionOutlined = _interopRequireDefault(require("./SendTimeExtensionOutlined"));
+var _SendTimeExtensionRounded = _interopRequireDefault(require("./SendTimeExtensionRounded"));
+var _SendTimeExtensionSharp = _interopRequireDefault(require("./SendTimeExtensionSharp"));
+var _SendTimeExtensionTwoTone = _interopRequireDefault(require("./SendTimeExtensionTwoTone"));
+var _SendToMobile = _interopRequireDefault(require("./SendToMobile"));
+var _SendToMobileOutlined = _interopRequireDefault(require("./SendToMobileOutlined"));
+var _SendToMobileRounded = _interopRequireDefault(require("./SendToMobileRounded"));
+var _SendToMobileSharp = _interopRequireDefault(require("./SendToMobileSharp"));
+var _SendToMobileTwoTone = _interopRequireDefault(require("./SendToMobileTwoTone"));
+var _SendTwoTone = _interopRequireDefault(require("./SendTwoTone"));
+var _SensorDoor = _interopRequireDefault(require("./SensorDoor"));
+var _SensorDoorOutlined = _interopRequireDefault(require("./SensorDoorOutlined"));
+var _SensorDoorRounded = _interopRequireDefault(require("./SensorDoorRounded"));
+var _SensorDoorSharp = _interopRequireDefault(require("./SensorDoorSharp"));
+var _SensorDoorTwoTone = _interopRequireDefault(require("./SensorDoorTwoTone"));
+var _SensorOccupied = _interopRequireDefault(require("./SensorOccupied"));
+var _SensorOccupiedOutlined = _interopRequireDefault(require("./SensorOccupiedOutlined"));
+var _SensorOccupiedRounded = _interopRequireDefault(require("./SensorOccupiedRounded"));
+var _SensorOccupiedSharp = _interopRequireDefault(require("./SensorOccupiedSharp"));
+var _SensorOccupiedTwoTone = _interopRequireDefault(require("./SensorOccupiedTwoTone"));
+var _SensorWindow = _interopRequireDefault(require("./SensorWindow"));
+var _SensorWindowOutlined = _interopRequireDefault(require("./SensorWindowOutlined"));
+var _SensorWindowRounded = _interopRequireDefault(require("./SensorWindowRounded"));
+var _SensorWindowSharp = _interopRequireDefault(require("./SensorWindowSharp"));
+var _SensorWindowTwoTone = _interopRequireDefault(require("./SensorWindowTwoTone"));
+var _Sensors = _interopRequireDefault(require("./Sensors"));
+var _SensorsOff = _interopRequireDefault(require("./SensorsOff"));
+var _SensorsOffOutlined = _interopRequireDefault(require("./SensorsOffOutlined"));
+var _SensorsOffRounded = _interopRequireDefault(require("./SensorsOffRounded"));
+var _SensorsOffSharp = _interopRequireDefault(require("./SensorsOffSharp"));
+var _SensorsOffTwoTone = _interopRequireDefault(require("./SensorsOffTwoTone"));
+var _SensorsOutlined = _interopRequireDefault(require("./SensorsOutlined"));
+var _SensorsRounded = _interopRequireDefault(require("./SensorsRounded"));
+var _SensorsSharp = _interopRequireDefault(require("./SensorsSharp"));
+var _SensorsTwoTone = _interopRequireDefault(require("./SensorsTwoTone"));
+var _SentimentDissatisfied = _interopRequireDefault(require("./SentimentDissatisfied"));
+var _SentimentDissatisfiedOutlined = _interopRequireDefault(require("./SentimentDissatisfiedOutlined"));
+var _SentimentDissatisfiedRounded = _interopRequireDefault(require("./SentimentDissatisfiedRounded"));
+var _SentimentDissatisfiedSharp = _interopRequireDefault(require("./SentimentDissatisfiedSharp"));
+var _SentimentDissatisfiedTwoTone = _interopRequireDefault(require("./SentimentDissatisfiedTwoTone"));
+var _SentimentNeutral = _interopRequireDefault(require("./SentimentNeutral"));
+var _SentimentNeutralOutlined = _interopRequireDefault(require("./SentimentNeutralOutlined"));
+var _SentimentNeutralRounded = _interopRequireDefault(require("./SentimentNeutralRounded"));
+var _SentimentNeutralSharp = _interopRequireDefault(require("./SentimentNeutralSharp"));
+var _SentimentNeutralTwoTone = _interopRequireDefault(require("./SentimentNeutralTwoTone"));
+var _SentimentSatisfied = _interopRequireDefault(require("./SentimentSatisfied"));
+var _SentimentSatisfiedAlt = _interopRequireDefault(require("./SentimentSatisfiedAlt"));
+var _SentimentSatisfiedAltOutlined = _interopRequireDefault(require("./SentimentSatisfiedAltOutlined"));
+var _SentimentSatisfiedAltRounded = _interopRequireDefault(require("./SentimentSatisfiedAltRounded"));
+var _SentimentSatisfiedAltSharp = _interopRequireDefault(require("./SentimentSatisfiedAltSharp"));
+var _SentimentSatisfiedAltTwoTone = _interopRequireDefault(require("./SentimentSatisfiedAltTwoTone"));
+var _SentimentSatisfiedOutlined = _interopRequireDefault(require("./SentimentSatisfiedOutlined"));
+var _SentimentSatisfiedRounded = _interopRequireDefault(require("./SentimentSatisfiedRounded"));
+var _SentimentSatisfiedSharp = _interopRequireDefault(require("./SentimentSatisfiedSharp"));
+var _SentimentSatisfiedTwoTone = _interopRequireDefault(require("./SentimentSatisfiedTwoTone"));
+var _SentimentVeryDissatisfied = _interopRequireDefault(require("./SentimentVeryDissatisfied"));
+var _SentimentVeryDissatisfiedOutlined = _interopRequireDefault(require("./SentimentVeryDissatisfiedOutlined"));
+var _SentimentVeryDissatisfiedRounded = _interopRequireDefault(require("./SentimentVeryDissatisfiedRounded"));
+var _SentimentVeryDissatisfiedSharp = _interopRequireDefault(require("./SentimentVeryDissatisfiedSharp"));
+var _SentimentVeryDissatisfiedTwoTone = _interopRequireDefault(require("./SentimentVeryDissatisfiedTwoTone"));
+var _SentimentVerySatisfied = _interopRequireDefault(require("./SentimentVerySatisfied"));
+var _SentimentVerySatisfiedOutlined = _interopRequireDefault(require("./SentimentVerySatisfiedOutlined"));
+var _SentimentVerySatisfiedRounded = _interopRequireDefault(require("./SentimentVerySatisfiedRounded"));
+var _SentimentVerySatisfiedSharp = _interopRequireDefault(require("./SentimentVerySatisfiedSharp"));
+var _SentimentVerySatisfiedTwoTone = _interopRequireDefault(require("./SentimentVerySatisfiedTwoTone"));
+var _SetMeal = _interopRequireDefault(require("./SetMeal"));
+var _SetMealOutlined = _interopRequireDefault(require("./SetMealOutlined"));
+var _SetMealRounded = _interopRequireDefault(require("./SetMealRounded"));
+var _SetMealSharp = _interopRequireDefault(require("./SetMealSharp"));
+var _SetMealTwoTone = _interopRequireDefault(require("./SetMealTwoTone"));
+var _Settings = _interopRequireDefault(require("./Settings"));
+var _SettingsAccessibility = _interopRequireDefault(require("./SettingsAccessibility"));
+var _SettingsAccessibilityOutlined = _interopRequireDefault(require("./SettingsAccessibilityOutlined"));
+var _SettingsAccessibilityRounded = _interopRequireDefault(require("./SettingsAccessibilityRounded"));
+var _SettingsAccessibilitySharp = _interopRequireDefault(require("./SettingsAccessibilitySharp"));
+var _SettingsAccessibilityTwoTone = _interopRequireDefault(require("./SettingsAccessibilityTwoTone"));
+var _SettingsApplications = _interopRequireDefault(require("./SettingsApplications"));
+var _SettingsApplicationsOutlined = _interopRequireDefault(require("./SettingsApplicationsOutlined"));
+var _SettingsApplicationsRounded = _interopRequireDefault(require("./SettingsApplicationsRounded"));
+var _SettingsApplicationsSharp = _interopRequireDefault(require("./SettingsApplicationsSharp"));
+var _SettingsApplicationsTwoTone = _interopRequireDefault(require("./SettingsApplicationsTwoTone"));
+var _SettingsBackupRestore = _interopRequireDefault(require("./SettingsBackupRestore"));
+var _SettingsBackupRestoreOutlined = _interopRequireDefault(require("./SettingsBackupRestoreOutlined"));
+var _SettingsBackupRestoreRounded = _interopRequireDefault(require("./SettingsBackupRestoreRounded"));
+var _SettingsBackupRestoreSharp = _interopRequireDefault(require("./SettingsBackupRestoreSharp"));
+var _SettingsBackupRestoreTwoTone = _interopRequireDefault(require("./SettingsBackupRestoreTwoTone"));
+var _SettingsBluetooth = _interopRequireDefault(require("./SettingsBluetooth"));
+var _SettingsBluetoothOutlined = _interopRequireDefault(require("./SettingsBluetoothOutlined"));
+var _SettingsBluetoothRounded = _interopRequireDefault(require("./SettingsBluetoothRounded"));
+var _SettingsBluetoothSharp = _interopRequireDefault(require("./SettingsBluetoothSharp"));
+var _SettingsBluetoothTwoTone = _interopRequireDefault(require("./SettingsBluetoothTwoTone"));
+var _SettingsBrightness = _interopRequireDefault(require("./SettingsBrightness"));
+var _SettingsBrightnessOutlined = _interopRequireDefault(require("./SettingsBrightnessOutlined"));
+var _SettingsBrightnessRounded = _interopRequireDefault(require("./SettingsBrightnessRounded"));
+var _SettingsBrightnessSharp = _interopRequireDefault(require("./SettingsBrightnessSharp"));
+var _SettingsBrightnessTwoTone = _interopRequireDefault(require("./SettingsBrightnessTwoTone"));
+var _SettingsCell = _interopRequireDefault(require("./SettingsCell"));
+var _SettingsCellOutlined = _interopRequireDefault(require("./SettingsCellOutlined"));
+var _SettingsCellRounded = _interopRequireDefault(require("./SettingsCellRounded"));
+var _SettingsCellSharp = _interopRequireDefault(require("./SettingsCellSharp"));
+var _SettingsCellTwoTone = _interopRequireDefault(require("./SettingsCellTwoTone"));
+var _SettingsEthernet = _interopRequireDefault(require("./SettingsEthernet"));
+var _SettingsEthernetOutlined = _interopRequireDefault(require("./SettingsEthernetOutlined"));
+var _SettingsEthernetRounded = _interopRequireDefault(require("./SettingsEthernetRounded"));
+var _SettingsEthernetSharp = _interopRequireDefault(require("./SettingsEthernetSharp"));
+var _SettingsEthernetTwoTone = _interopRequireDefault(require("./SettingsEthernetTwoTone"));
+var _SettingsInputAntenna = _interopRequireDefault(require("./SettingsInputAntenna"));
+var _SettingsInputAntennaOutlined = _interopRequireDefault(require("./SettingsInputAntennaOutlined"));
+var _SettingsInputAntennaRounded = _interopRequireDefault(require("./SettingsInputAntennaRounded"));
+var _SettingsInputAntennaSharp = _interopRequireDefault(require("./SettingsInputAntennaSharp"));
+var _SettingsInputAntennaTwoTone = _interopRequireDefault(require("./SettingsInputAntennaTwoTone"));
+var _SettingsInputComponent = _interopRequireDefault(require("./SettingsInputComponent"));
+var _SettingsInputComponentOutlined = _interopRequireDefault(require("./SettingsInputComponentOutlined"));
+var _SettingsInputComponentRounded = _interopRequireDefault(require("./SettingsInputComponentRounded"));
+var _SettingsInputComponentSharp = _interopRequireDefault(require("./SettingsInputComponentSharp"));
+var _SettingsInputComponentTwoTone = _interopRequireDefault(require("./SettingsInputComponentTwoTone"));
+var _SettingsInputComposite = _interopRequireDefault(require("./SettingsInputComposite"));
+var _SettingsInputCompositeOutlined = _interopRequireDefault(require("./SettingsInputCompositeOutlined"));
+var _SettingsInputCompositeRounded = _interopRequireDefault(require("./SettingsInputCompositeRounded"));
+var _SettingsInputCompositeSharp = _interopRequireDefault(require("./SettingsInputCompositeSharp"));
+var _SettingsInputCompositeTwoTone = _interopRequireDefault(require("./SettingsInputCompositeTwoTone"));
+var _SettingsInputHdmi = _interopRequireDefault(require("./SettingsInputHdmi"));
+var _SettingsInputHdmiOutlined = _interopRequireDefault(require("./SettingsInputHdmiOutlined"));
+var _SettingsInputHdmiRounded = _interopRequireDefault(require("./SettingsInputHdmiRounded"));
+var _SettingsInputHdmiSharp = _interopRequireDefault(require("./SettingsInputHdmiSharp"));
+var _SettingsInputHdmiTwoTone = _interopRequireDefault(require("./SettingsInputHdmiTwoTone"));
+var _SettingsInputSvideo = _interopRequireDefault(require("./SettingsInputSvideo"));
+var _SettingsInputSvideoOutlined = _interopRequireDefault(require("./SettingsInputSvideoOutlined"));
+var _SettingsInputSvideoRounded = _interopRequireDefault(require("./SettingsInputSvideoRounded"));
+var _SettingsInputSvideoSharp = _interopRequireDefault(require("./SettingsInputSvideoSharp"));
+var _SettingsInputSvideoTwoTone = _interopRequireDefault(require("./SettingsInputSvideoTwoTone"));
+var _SettingsOutlined = _interopRequireDefault(require("./SettingsOutlined"));
+var _SettingsOverscan = _interopRequireDefault(require("./SettingsOverscan"));
+var _SettingsOverscanOutlined = _interopRequireDefault(require("./SettingsOverscanOutlined"));
+var _SettingsOverscanRounded = _interopRequireDefault(require("./SettingsOverscanRounded"));
+var _SettingsOverscanSharp = _interopRequireDefault(require("./SettingsOverscanSharp"));
+var _SettingsOverscanTwoTone = _interopRequireDefault(require("./SettingsOverscanTwoTone"));
+var _SettingsPhone = _interopRequireDefault(require("./SettingsPhone"));
+var _SettingsPhoneOutlined = _interopRequireDefault(require("./SettingsPhoneOutlined"));
+var _SettingsPhoneRounded = _interopRequireDefault(require("./SettingsPhoneRounded"));
+var _SettingsPhoneSharp = _interopRequireDefault(require("./SettingsPhoneSharp"));
+var _SettingsPhoneTwoTone = _interopRequireDefault(require("./SettingsPhoneTwoTone"));
+var _SettingsPower = _interopRequireDefault(require("./SettingsPower"));
+var _SettingsPowerOutlined = _interopRequireDefault(require("./SettingsPowerOutlined"));
+var _SettingsPowerRounded = _interopRequireDefault(require("./SettingsPowerRounded"));
+var _SettingsPowerSharp = _interopRequireDefault(require("./SettingsPowerSharp"));
+var _SettingsPowerTwoTone = _interopRequireDefault(require("./SettingsPowerTwoTone"));
+var _SettingsRemote = _interopRequireDefault(require("./SettingsRemote"));
+var _SettingsRemoteOutlined = _interopRequireDefault(require("./SettingsRemoteOutlined"));
+var _SettingsRemoteRounded = _interopRequireDefault(require("./SettingsRemoteRounded"));
+var _SettingsRemoteSharp = _interopRequireDefault(require("./SettingsRemoteSharp"));
+var _SettingsRemoteTwoTone = _interopRequireDefault(require("./SettingsRemoteTwoTone"));
+var _SettingsRounded = _interopRequireDefault(require("./SettingsRounded"));
+var _SettingsSharp = _interopRequireDefault(require("./SettingsSharp"));
+var _SettingsSuggest = _interopRequireDefault(require("./SettingsSuggest"));
+var _SettingsSuggestOutlined = _interopRequireDefault(require("./SettingsSuggestOutlined"));
+var _SettingsSuggestRounded = _interopRequireDefault(require("./SettingsSuggestRounded"));
+var _SettingsSuggestSharp = _interopRequireDefault(require("./SettingsSuggestSharp"));
+var _SettingsSuggestTwoTone = _interopRequireDefault(require("./SettingsSuggestTwoTone"));
+var _SettingsSystemDaydream = _interopRequireDefault(require("./SettingsSystemDaydream"));
+var _SettingsSystemDaydreamOutlined = _interopRequireDefault(require("./SettingsSystemDaydreamOutlined"));
+var _SettingsSystemDaydreamRounded = _interopRequireDefault(require("./SettingsSystemDaydreamRounded"));
+var _SettingsSystemDaydreamSharp = _interopRequireDefault(require("./SettingsSystemDaydreamSharp"));
+var _SettingsSystemDaydreamTwoTone = _interopRequireDefault(require("./SettingsSystemDaydreamTwoTone"));
+var _SettingsTwoTone = _interopRequireDefault(require("./SettingsTwoTone"));
+var _SettingsVoice = _interopRequireDefault(require("./SettingsVoice"));
+var _SettingsVoiceOutlined = _interopRequireDefault(require("./SettingsVoiceOutlined"));
+var _SettingsVoiceRounded = _interopRequireDefault(require("./SettingsVoiceRounded"));
+var _SettingsVoiceSharp = _interopRequireDefault(require("./SettingsVoiceSharp"));
+var _SettingsVoiceTwoTone = _interopRequireDefault(require("./SettingsVoiceTwoTone"));
+var _SevenK = _interopRequireDefault(require("./SevenK"));
+var _SevenKOutlined = _interopRequireDefault(require("./SevenKOutlined"));
+var _SevenKPlus = _interopRequireDefault(require("./SevenKPlus"));
+var _SevenKPlusOutlined = _interopRequireDefault(require("./SevenKPlusOutlined"));
+var _SevenKPlusRounded = _interopRequireDefault(require("./SevenKPlusRounded"));
+var _SevenKPlusSharp = _interopRequireDefault(require("./SevenKPlusSharp"));
+var _SevenKPlusTwoTone = _interopRequireDefault(require("./SevenKPlusTwoTone"));
+var _SevenKRounded = _interopRequireDefault(require("./SevenKRounded"));
+var _SevenKSharp = _interopRequireDefault(require("./SevenKSharp"));
+var _SevenKTwoTone = _interopRequireDefault(require("./SevenKTwoTone"));
+var _SevenMp = _interopRequireDefault(require("./SevenMp"));
+var _SevenMpOutlined = _interopRequireDefault(require("./SevenMpOutlined"));
+var _SevenMpRounded = _interopRequireDefault(require("./SevenMpRounded"));
+var _SevenMpSharp = _interopRequireDefault(require("./SevenMpSharp"));
+var _SevenMpTwoTone = _interopRequireDefault(require("./SevenMpTwoTone"));
+var _SeventeenMp = _interopRequireDefault(require("./SeventeenMp"));
+var _SeventeenMpOutlined = _interopRequireDefault(require("./SeventeenMpOutlined"));
+var _SeventeenMpRounded = _interopRequireDefault(require("./SeventeenMpRounded"));
+var _SeventeenMpSharp = _interopRequireDefault(require("./SeventeenMpSharp"));
+var _SeventeenMpTwoTone = _interopRequireDefault(require("./SeventeenMpTwoTone"));
+var _SevereCold = _interopRequireDefault(require("./SevereCold"));
+var _SevereColdOutlined = _interopRequireDefault(require("./SevereColdOutlined"));
+var _SevereColdRounded = _interopRequireDefault(require("./SevereColdRounded"));
+var _SevereColdSharp = _interopRequireDefault(require("./SevereColdSharp"));
+var _SevereColdTwoTone = _interopRequireDefault(require("./SevereColdTwoTone"));
+var _ShapeLine = _interopRequireDefault(require("./ShapeLine"));
+var _ShapeLineOutlined = _interopRequireDefault(require("./ShapeLineOutlined"));
+var _ShapeLineRounded = _interopRequireDefault(require("./ShapeLineRounded"));
+var _ShapeLineSharp = _interopRequireDefault(require("./ShapeLineSharp"));
+var _ShapeLineTwoTone = _interopRequireDefault(require("./ShapeLineTwoTone"));
+var _Share = _interopRequireDefault(require("./Share"));
+var _ShareLocation = _interopRequireDefault(require("./ShareLocation"));
+var _ShareLocationOutlined = _interopRequireDefault(require("./ShareLocationOutlined"));
+var _ShareLocationRounded = _interopRequireDefault(require("./ShareLocationRounded"));
+var _ShareLocationSharp = _interopRequireDefault(require("./ShareLocationSharp"));
+var _ShareLocationTwoTone = _interopRequireDefault(require("./ShareLocationTwoTone"));
+var _ShareOutlined = _interopRequireDefault(require("./ShareOutlined"));
+var _ShareRounded = _interopRequireDefault(require("./ShareRounded"));
+var _ShareSharp = _interopRequireDefault(require("./ShareSharp"));
+var _ShareTwoTone = _interopRequireDefault(require("./ShareTwoTone"));
+var _Shield = _interopRequireDefault(require("./Shield"));
+var _ShieldMoon = _interopRequireDefault(require("./ShieldMoon"));
+var _ShieldMoonOutlined = _interopRequireDefault(require("./ShieldMoonOutlined"));
+var _ShieldMoonRounded = _interopRequireDefault(require("./ShieldMoonRounded"));
+var _ShieldMoonSharp = _interopRequireDefault(require("./ShieldMoonSharp"));
+var _ShieldMoonTwoTone = _interopRequireDefault(require("./ShieldMoonTwoTone"));
+var _ShieldOutlined = _interopRequireDefault(require("./ShieldOutlined"));
+var _ShieldRounded = _interopRequireDefault(require("./ShieldRounded"));
+var _ShieldSharp = _interopRequireDefault(require("./ShieldSharp"));
+var _ShieldTwoTone = _interopRequireDefault(require("./ShieldTwoTone"));
+var _Shop = _interopRequireDefault(require("./Shop"));
+var _Shop2 = _interopRequireDefault(require("./Shop2"));
+var _Shop2Outlined = _interopRequireDefault(require("./Shop2Outlined"));
+var _Shop2Rounded = _interopRequireDefault(require("./Shop2Rounded"));
+var _Shop2Sharp = _interopRequireDefault(require("./Shop2Sharp"));
+var _Shop2TwoTone = _interopRequireDefault(require("./Shop2TwoTone"));
+var _ShopOutlined = _interopRequireDefault(require("./ShopOutlined"));
+var _ShopRounded = _interopRequireDefault(require("./ShopRounded"));
+var _ShopSharp = _interopRequireDefault(require("./ShopSharp"));
+var _ShopTwo = _interopRequireDefault(require("./ShopTwo"));
+var _ShopTwoOutlined = _interopRequireDefault(require("./ShopTwoOutlined"));
+var _ShopTwoRounded = _interopRequireDefault(require("./ShopTwoRounded"));
+var _ShopTwoSharp = _interopRequireDefault(require("./ShopTwoSharp"));
+var _ShopTwoTone = _interopRequireDefault(require("./ShopTwoTone"));
+var _ShopTwoTwoTone = _interopRequireDefault(require("./ShopTwoTwoTone"));
+var _ShoppingBag = _interopRequireDefault(require("./ShoppingBag"));
+var _ShoppingBagOutlined = _interopRequireDefault(require("./ShoppingBagOutlined"));
+var _ShoppingBagRounded = _interopRequireDefault(require("./ShoppingBagRounded"));
+var _ShoppingBagSharp = _interopRequireDefault(require("./ShoppingBagSharp"));
+var _ShoppingBagTwoTone = _interopRequireDefault(require("./ShoppingBagTwoTone"));
+var _ShoppingBasket = _interopRequireDefault(require("./ShoppingBasket"));
+var _ShoppingBasketOutlined = _interopRequireDefault(require("./ShoppingBasketOutlined"));
+var _ShoppingBasketRounded = _interopRequireDefault(require("./ShoppingBasketRounded"));
+var _ShoppingBasketSharp = _interopRequireDefault(require("./ShoppingBasketSharp"));
+var _ShoppingBasketTwoTone = _interopRequireDefault(require("./ShoppingBasketTwoTone"));
+var _ShoppingCart = _interopRequireDefault(require("./ShoppingCart"));
+var _ShoppingCartCheckout = _interopRequireDefault(require("./ShoppingCartCheckout"));
+var _ShoppingCartCheckoutOutlined = _interopRequireDefault(require("./ShoppingCartCheckoutOutlined"));
+var _ShoppingCartCheckoutRounded = _interopRequireDefault(require("./ShoppingCartCheckoutRounded"));
+var _ShoppingCartCheckoutSharp = _interopRequireDefault(require("./ShoppingCartCheckoutSharp"));
+var _ShoppingCartCheckoutTwoTone = _interopRequireDefault(require("./ShoppingCartCheckoutTwoTone"));
+var _ShoppingCartOutlined = _interopRequireDefault(require("./ShoppingCartOutlined"));
+var _ShoppingCartRounded = _interopRequireDefault(require("./ShoppingCartRounded"));
+var _ShoppingCartSharp = _interopRequireDefault(require("./ShoppingCartSharp"));
+var _ShoppingCartTwoTone = _interopRequireDefault(require("./ShoppingCartTwoTone"));
+var _ShortText = _interopRequireDefault(require("./ShortText"));
+var _ShortTextOutlined = _interopRequireDefault(require("./ShortTextOutlined"));
+var _ShortTextRounded = _interopRequireDefault(require("./ShortTextRounded"));
+var _ShortTextSharp = _interopRequireDefault(require("./ShortTextSharp"));
+var _ShortTextTwoTone = _interopRequireDefault(require("./ShortTextTwoTone"));
+var _Shortcut = _interopRequireDefault(require("./Shortcut"));
+var _ShortcutOutlined = _interopRequireDefault(require("./ShortcutOutlined"));
+var _ShortcutRounded = _interopRequireDefault(require("./ShortcutRounded"));
+var _ShortcutSharp = _interopRequireDefault(require("./ShortcutSharp"));
+var _ShortcutTwoTone = _interopRequireDefault(require("./ShortcutTwoTone"));
+var _ShowChart = _interopRequireDefault(require("./ShowChart"));
+var _ShowChartOutlined = _interopRequireDefault(require("./ShowChartOutlined"));
+var _ShowChartRounded = _interopRequireDefault(require("./ShowChartRounded"));
+var _ShowChartSharp = _interopRequireDefault(require("./ShowChartSharp"));
+var _ShowChartTwoTone = _interopRequireDefault(require("./ShowChartTwoTone"));
+var _Shower = _interopRequireDefault(require("./Shower"));
+var _ShowerOutlined = _interopRequireDefault(require("./ShowerOutlined"));
+var _ShowerRounded = _interopRequireDefault(require("./ShowerRounded"));
+var _ShowerSharp = _interopRequireDefault(require("./ShowerSharp"));
+var _ShowerTwoTone = _interopRequireDefault(require("./ShowerTwoTone"));
+var _Shuffle = _interopRequireDefault(require("./Shuffle"));
+var _ShuffleOn = _interopRequireDefault(require("./ShuffleOn"));
+var _ShuffleOnOutlined = _interopRequireDefault(require("./ShuffleOnOutlined"));
+var _ShuffleOnRounded = _interopRequireDefault(require("./ShuffleOnRounded"));
+var _ShuffleOnSharp = _interopRequireDefault(require("./ShuffleOnSharp"));
+var _ShuffleOnTwoTone = _interopRequireDefault(require("./ShuffleOnTwoTone"));
+var _ShuffleOutlined = _interopRequireDefault(require("./ShuffleOutlined"));
+var _ShuffleRounded = _interopRequireDefault(require("./ShuffleRounded"));
+var _ShuffleSharp = _interopRequireDefault(require("./ShuffleSharp"));
+var _ShuffleTwoTone = _interopRequireDefault(require("./ShuffleTwoTone"));
+var _ShutterSpeed = _interopRequireDefault(require("./ShutterSpeed"));
+var _ShutterSpeedOutlined = _interopRequireDefault(require("./ShutterSpeedOutlined"));
+var _ShutterSpeedRounded = _interopRequireDefault(require("./ShutterSpeedRounded"));
+var _ShutterSpeedSharp = _interopRequireDefault(require("./ShutterSpeedSharp"));
+var _ShutterSpeedTwoTone = _interopRequireDefault(require("./ShutterSpeedTwoTone"));
+var _Sick = _interopRequireDefault(require("./Sick"));
+var _SickOutlined = _interopRequireDefault(require("./SickOutlined"));
+var _SickRounded = _interopRequireDefault(require("./SickRounded"));
+var _SickSharp = _interopRequireDefault(require("./SickSharp"));
+var _SickTwoTone = _interopRequireDefault(require("./SickTwoTone"));
+var _SignLanguage = _interopRequireDefault(require("./SignLanguage"));
+var _SignLanguageOutlined = _interopRequireDefault(require("./SignLanguageOutlined"));
+var _SignLanguageRounded = _interopRequireDefault(require("./SignLanguageRounded"));
+var _SignLanguageSharp = _interopRequireDefault(require("./SignLanguageSharp"));
+var _SignLanguageTwoTone = _interopRequireDefault(require("./SignLanguageTwoTone"));
+var _SignalCellular0Bar = _interopRequireDefault(require("./SignalCellular0Bar"));
+var _SignalCellular0BarOutlined = _interopRequireDefault(require("./SignalCellular0BarOutlined"));
+var _SignalCellular0BarRounded = _interopRequireDefault(require("./SignalCellular0BarRounded"));
+var _SignalCellular0BarSharp = _interopRequireDefault(require("./SignalCellular0BarSharp"));
+var _SignalCellular0BarTwoTone = _interopRequireDefault(require("./SignalCellular0BarTwoTone"));
+var _SignalCellular1Bar = _interopRequireDefault(require("./SignalCellular1Bar"));
+var _SignalCellular1BarOutlined = _interopRequireDefault(require("./SignalCellular1BarOutlined"));
+var _SignalCellular1BarRounded = _interopRequireDefault(require("./SignalCellular1BarRounded"));
+var _SignalCellular1BarSharp = _interopRequireDefault(require("./SignalCellular1BarSharp"));
+var _SignalCellular1BarTwoTone = _interopRequireDefault(require("./SignalCellular1BarTwoTone"));
+var _SignalCellular2Bar = _interopRequireDefault(require("./SignalCellular2Bar"));
+var _SignalCellular2BarOutlined = _interopRequireDefault(require("./SignalCellular2BarOutlined"));
+var _SignalCellular2BarRounded = _interopRequireDefault(require("./SignalCellular2BarRounded"));
+var _SignalCellular2BarSharp = _interopRequireDefault(require("./SignalCellular2BarSharp"));
+var _SignalCellular2BarTwoTone = _interopRequireDefault(require("./SignalCellular2BarTwoTone"));
+var _SignalCellular3Bar = _interopRequireDefault(require("./SignalCellular3Bar"));
+var _SignalCellular3BarOutlined = _interopRequireDefault(require("./SignalCellular3BarOutlined"));
+var _SignalCellular3BarRounded = _interopRequireDefault(require("./SignalCellular3BarRounded"));
+var _SignalCellular3BarSharp = _interopRequireDefault(require("./SignalCellular3BarSharp"));
+var _SignalCellular3BarTwoTone = _interopRequireDefault(require("./SignalCellular3BarTwoTone"));
+var _SignalCellular4Bar = _interopRequireDefault(require("./SignalCellular4Bar"));
+var _SignalCellular4BarOutlined = _interopRequireDefault(require("./SignalCellular4BarOutlined"));
+var _SignalCellular4BarRounded = _interopRequireDefault(require("./SignalCellular4BarRounded"));
+var _SignalCellular4BarSharp = _interopRequireDefault(require("./SignalCellular4BarSharp"));
+var _SignalCellular4BarTwoTone = _interopRequireDefault(require("./SignalCellular4BarTwoTone"));
+var _SignalCellularAlt = _interopRequireDefault(require("./SignalCellularAlt"));
+var _SignalCellularAlt1Bar = _interopRequireDefault(require("./SignalCellularAlt1Bar"));
+var _SignalCellularAlt1BarOutlined = _interopRequireDefault(require("./SignalCellularAlt1BarOutlined"));
+var _SignalCellularAlt1BarRounded = _interopRequireDefault(require("./SignalCellularAlt1BarRounded"));
+var _SignalCellularAlt1BarSharp = _interopRequireDefault(require("./SignalCellularAlt1BarSharp"));
+var _SignalCellularAlt1BarTwoTone = _interopRequireDefault(require("./SignalCellularAlt1BarTwoTone"));
+var _SignalCellularAlt2Bar = _interopRequireDefault(require("./SignalCellularAlt2Bar"));
+var _SignalCellularAlt2BarOutlined = _interopRequireDefault(require("./SignalCellularAlt2BarOutlined"));
+var _SignalCellularAlt2BarRounded = _interopRequireDefault(require("./SignalCellularAlt2BarRounded"));
+var _SignalCellularAlt2BarSharp = _interopRequireDefault(require("./SignalCellularAlt2BarSharp"));
+var _SignalCellularAlt2BarTwoTone = _interopRequireDefault(require("./SignalCellularAlt2BarTwoTone"));
+var _SignalCellularAltOutlined = _interopRequireDefault(require("./SignalCellularAltOutlined"));
+var _SignalCellularAltRounded = _interopRequireDefault(require("./SignalCellularAltRounded"));
+var _SignalCellularAltSharp = _interopRequireDefault(require("./SignalCellularAltSharp"));
+var _SignalCellularAltTwoTone = _interopRequireDefault(require("./SignalCellularAltTwoTone"));
+var _SignalCellularConnectedNoInternet0Bar = _interopRequireDefault(require("./SignalCellularConnectedNoInternet0Bar"));
+var _SignalCellularConnectedNoInternet0BarOutlined = _interopRequireDefault(require("./SignalCellularConnectedNoInternet0BarOutlined"));
+var _SignalCellularConnectedNoInternet0BarRounded = _interopRequireDefault(require("./SignalCellularConnectedNoInternet0BarRounded"));
+var _SignalCellularConnectedNoInternet0BarSharp = _interopRequireDefault(require("./SignalCellularConnectedNoInternet0BarSharp"));
+var _SignalCellularConnectedNoInternet0BarTwoTone = _interopRequireDefault(require("./SignalCellularConnectedNoInternet0BarTwoTone"));
+var _SignalCellularConnectedNoInternet1Bar = _interopRequireDefault(require("./SignalCellularConnectedNoInternet1Bar"));
+var _SignalCellularConnectedNoInternet1BarOutlined = _interopRequireDefault(require("./SignalCellularConnectedNoInternet1BarOutlined"));
+var _SignalCellularConnectedNoInternet1BarRounded = _interopRequireDefault(require("./SignalCellularConnectedNoInternet1BarRounded"));
+var _SignalCellularConnectedNoInternet1BarSharp = _interopRequireDefault(require("./SignalCellularConnectedNoInternet1BarSharp"));
+var _SignalCellularConnectedNoInternet1BarTwoTone = _interopRequireDefault(require("./SignalCellularConnectedNoInternet1BarTwoTone"));
+var _SignalCellularConnectedNoInternet2Bar = _interopRequireDefault(require("./SignalCellularConnectedNoInternet2Bar"));
+var _SignalCellularConnectedNoInternet2BarOutlined = _interopRequireDefault(require("./SignalCellularConnectedNoInternet2BarOutlined"));
+var _SignalCellularConnectedNoInternet2BarRounded = _interopRequireDefault(require("./SignalCellularConnectedNoInternet2BarRounded"));
+var _SignalCellularConnectedNoInternet2BarSharp = _interopRequireDefault(require("./SignalCellularConnectedNoInternet2BarSharp"));
+var _SignalCellularConnectedNoInternet2BarTwoTone = _interopRequireDefault(require("./SignalCellularConnectedNoInternet2BarTwoTone"));
+var _SignalCellularConnectedNoInternet3Bar = _interopRequireDefault(require("./SignalCellularConnectedNoInternet3Bar"));
+var _SignalCellularConnectedNoInternet3BarOutlined = _interopRequireDefault(require("./SignalCellularConnectedNoInternet3BarOutlined"));
+var _SignalCellularConnectedNoInternet3BarRounded = _interopRequireDefault(require("./SignalCellularConnectedNoInternet3BarRounded"));
+var _SignalCellularConnectedNoInternet3BarSharp = _interopRequireDefault(require("./SignalCellularConnectedNoInternet3BarSharp"));
+var _SignalCellularConnectedNoInternet3BarTwoTone = _interopRequireDefault(require("./SignalCellularConnectedNoInternet3BarTwoTone"));
+var _SignalCellularConnectedNoInternet4Bar = _interopRequireDefault(require("./SignalCellularConnectedNoInternet4Bar"));
+var _SignalCellularConnectedNoInternet4BarOutlined = _interopRequireDefault(require("./SignalCellularConnectedNoInternet4BarOutlined"));
+var _SignalCellularConnectedNoInternet4BarRounded = _interopRequireDefault(require("./SignalCellularConnectedNoInternet4BarRounded"));
+var _SignalCellularConnectedNoInternet4BarSharp = _interopRequireDefault(require("./SignalCellularConnectedNoInternet4BarSharp"));
+var _SignalCellularConnectedNoInternet4BarTwoTone = _interopRequireDefault(require("./SignalCellularConnectedNoInternet4BarTwoTone"));
+var _SignalCellularNoSim = _interopRequireDefault(require("./SignalCellularNoSim"));
+var _SignalCellularNoSimOutlined = _interopRequireDefault(require("./SignalCellularNoSimOutlined"));
+var _SignalCellularNoSimRounded = _interopRequireDefault(require("./SignalCellularNoSimRounded"));
+var _SignalCellularNoSimSharp = _interopRequireDefault(require("./SignalCellularNoSimSharp"));
+var _SignalCellularNoSimTwoTone = _interopRequireDefault(require("./SignalCellularNoSimTwoTone"));
+var _SignalCellularNodata = _interopRequireDefault(require("./SignalCellularNodata"));
+var _SignalCellularNodataOutlined = _interopRequireDefault(require("./SignalCellularNodataOutlined"));
+var _SignalCellularNodataRounded = _interopRequireDefault(require("./SignalCellularNodataRounded"));
+var _SignalCellularNodataSharp = _interopRequireDefault(require("./SignalCellularNodataSharp"));
+var _SignalCellularNodataTwoTone = _interopRequireDefault(require("./SignalCellularNodataTwoTone"));
+var _SignalCellularNull = _interopRequireDefault(require("./SignalCellularNull"));
+var _SignalCellularNullOutlined = _interopRequireDefault(require("./SignalCellularNullOutlined"));
+var _SignalCellularNullRounded = _interopRequireDefault(require("./SignalCellularNullRounded"));
+var _SignalCellularNullSharp = _interopRequireDefault(require("./SignalCellularNullSharp"));
+var _SignalCellularNullTwoTone = _interopRequireDefault(require("./SignalCellularNullTwoTone"));
+var _SignalCellularOff = _interopRequireDefault(require("./SignalCellularOff"));
+var _SignalCellularOffOutlined = _interopRequireDefault(require("./SignalCellularOffOutlined"));
+var _SignalCellularOffRounded = _interopRequireDefault(require("./SignalCellularOffRounded"));
+var _SignalCellularOffSharp = _interopRequireDefault(require("./SignalCellularOffSharp"));
+var _SignalCellularOffTwoTone = _interopRequireDefault(require("./SignalCellularOffTwoTone"));
+var _SignalWifi0Bar = _interopRequireDefault(require("./SignalWifi0Bar"));
+var _SignalWifi0BarOutlined = _interopRequireDefault(require("./SignalWifi0BarOutlined"));
+var _SignalWifi0BarRounded = _interopRequireDefault(require("./SignalWifi0BarRounded"));
+var _SignalWifi0BarSharp = _interopRequireDefault(require("./SignalWifi0BarSharp"));
+var _SignalWifi0BarTwoTone = _interopRequireDefault(require("./SignalWifi0BarTwoTone"));
+var _SignalWifi1Bar = _interopRequireDefault(require("./SignalWifi1Bar"));
+var _SignalWifi1BarLock = _interopRequireDefault(require("./SignalWifi1BarLock"));
+var _SignalWifi1BarLockOutlined = _interopRequireDefault(require("./SignalWifi1BarLockOutlined"));
+var _SignalWifi1BarLockRounded = _interopRequireDefault(require("./SignalWifi1BarLockRounded"));
+var _SignalWifi1BarLockSharp = _interopRequireDefault(require("./SignalWifi1BarLockSharp"));
+var _SignalWifi1BarLockTwoTone = _interopRequireDefault(require("./SignalWifi1BarLockTwoTone"));
+var _SignalWifi1BarOutlined = _interopRequireDefault(require("./SignalWifi1BarOutlined"));
+var _SignalWifi1BarRounded = _interopRequireDefault(require("./SignalWifi1BarRounded"));
+var _SignalWifi1BarSharp = _interopRequireDefault(require("./SignalWifi1BarSharp"));
+var _SignalWifi1BarTwoTone = _interopRequireDefault(require("./SignalWifi1BarTwoTone"));
+var _SignalWifi2Bar = _interopRequireDefault(require("./SignalWifi2Bar"));
+var _SignalWifi2BarLock = _interopRequireDefault(require("./SignalWifi2BarLock"));
+var _SignalWifi2BarLockOutlined = _interopRequireDefault(require("./SignalWifi2BarLockOutlined"));
+var _SignalWifi2BarLockRounded = _interopRequireDefault(require("./SignalWifi2BarLockRounded"));
+var _SignalWifi2BarLockSharp = _interopRequireDefault(require("./SignalWifi2BarLockSharp"));
+var _SignalWifi2BarLockTwoTone = _interopRequireDefault(require("./SignalWifi2BarLockTwoTone"));
+var _SignalWifi2BarOutlined = _interopRequireDefault(require("./SignalWifi2BarOutlined"));
+var _SignalWifi2BarRounded = _interopRequireDefault(require("./SignalWifi2BarRounded"));
+var _SignalWifi2BarSharp = _interopRequireDefault(require("./SignalWifi2BarSharp"));
+var _SignalWifi2BarTwoTone = _interopRequireDefault(require("./SignalWifi2BarTwoTone"));
+var _SignalWifi3Bar = _interopRequireDefault(require("./SignalWifi3Bar"));
+var _SignalWifi3BarLock = _interopRequireDefault(require("./SignalWifi3BarLock"));
+var _SignalWifi3BarLockOutlined = _interopRequireDefault(require("./SignalWifi3BarLockOutlined"));
+var _SignalWifi3BarLockRounded = _interopRequireDefault(require("./SignalWifi3BarLockRounded"));
+var _SignalWifi3BarLockSharp = _interopRequireDefault(require("./SignalWifi3BarLockSharp"));
+var _SignalWifi3BarLockTwoTone = _interopRequireDefault(require("./SignalWifi3BarLockTwoTone"));
+var _SignalWifi3BarOutlined = _interopRequireDefault(require("./SignalWifi3BarOutlined"));
+var _SignalWifi3BarRounded = _interopRequireDefault(require("./SignalWifi3BarRounded"));
+var _SignalWifi3BarSharp = _interopRequireDefault(require("./SignalWifi3BarSharp"));
+var _SignalWifi3BarTwoTone = _interopRequireDefault(require("./SignalWifi3BarTwoTone"));
+var _SignalWifi4Bar = _interopRequireDefault(require("./SignalWifi4Bar"));
+var _SignalWifi4BarLock = _interopRequireDefault(require("./SignalWifi4BarLock"));
+var _SignalWifi4BarLockOutlined = _interopRequireDefault(require("./SignalWifi4BarLockOutlined"));
+var _SignalWifi4BarLockRounded = _interopRequireDefault(require("./SignalWifi4BarLockRounded"));
+var _SignalWifi4BarLockSharp = _interopRequireDefault(require("./SignalWifi4BarLockSharp"));
+var _SignalWifi4BarLockTwoTone = _interopRequireDefault(require("./SignalWifi4BarLockTwoTone"));
+var _SignalWifi4BarOutlined = _interopRequireDefault(require("./SignalWifi4BarOutlined"));
+var _SignalWifi4BarRounded = _interopRequireDefault(require("./SignalWifi4BarRounded"));
+var _SignalWifi4BarSharp = _interopRequireDefault(require("./SignalWifi4BarSharp"));
+var _SignalWifi4BarTwoTone = _interopRequireDefault(require("./SignalWifi4BarTwoTone"));
+var _SignalWifiBad = _interopRequireDefault(require("./SignalWifiBad"));
+var _SignalWifiBadOutlined = _interopRequireDefault(require("./SignalWifiBadOutlined"));
+var _SignalWifiBadRounded = _interopRequireDefault(require("./SignalWifiBadRounded"));
+var _SignalWifiBadSharp = _interopRequireDefault(require("./SignalWifiBadSharp"));
+var _SignalWifiBadTwoTone = _interopRequireDefault(require("./SignalWifiBadTwoTone"));
+var _SignalWifiConnectedNoInternet = _interopRequireDefault(require("./SignalWifiConnectedNoInternet4"));
+var _SignalWifiConnectedNoInternet4Outlined = _interopRequireDefault(require("./SignalWifiConnectedNoInternet4Outlined"));
+var _SignalWifiConnectedNoInternet4Rounded = _interopRequireDefault(require("./SignalWifiConnectedNoInternet4Rounded"));
+var _SignalWifiConnectedNoInternet4Sharp = _interopRequireDefault(require("./SignalWifiConnectedNoInternet4Sharp"));
+var _SignalWifiConnectedNoInternet4TwoTone = _interopRequireDefault(require("./SignalWifiConnectedNoInternet4TwoTone"));
+var _SignalWifiOff = _interopRequireDefault(require("./SignalWifiOff"));
+var _SignalWifiOffOutlined = _interopRequireDefault(require("./SignalWifiOffOutlined"));
+var _SignalWifiOffRounded = _interopRequireDefault(require("./SignalWifiOffRounded"));
+var _SignalWifiOffSharp = _interopRequireDefault(require("./SignalWifiOffSharp"));
+var _SignalWifiOffTwoTone = _interopRequireDefault(require("./SignalWifiOffTwoTone"));
+var _SignalWifiStatusbar4Bar = _interopRequireDefault(require("./SignalWifiStatusbar4Bar"));
+var _SignalWifiStatusbar4BarOutlined = _interopRequireDefault(require("./SignalWifiStatusbar4BarOutlined"));
+var _SignalWifiStatusbar4BarRounded = _interopRequireDefault(require("./SignalWifiStatusbar4BarRounded"));
+var _SignalWifiStatusbar4BarSharp = _interopRequireDefault(require("./SignalWifiStatusbar4BarSharp"));
+var _SignalWifiStatusbar4BarTwoTone = _interopRequireDefault(require("./SignalWifiStatusbar4BarTwoTone"));
+var _SignalWifiStatusbarConnectedNoInternet = _interopRequireDefault(require("./SignalWifiStatusbarConnectedNoInternet4"));
+var _SignalWifiStatusbarConnectedNoInternet4Outlined = _interopRequireDefault(require("./SignalWifiStatusbarConnectedNoInternet4Outlined"));
+var _SignalWifiStatusbarConnectedNoInternet4Rounded = _interopRequireDefault(require("./SignalWifiStatusbarConnectedNoInternet4Rounded"));
+var _SignalWifiStatusbarConnectedNoInternet4Sharp = _interopRequireDefault(require("./SignalWifiStatusbarConnectedNoInternet4Sharp"));
+var _SignalWifiStatusbarConnectedNoInternet4TwoTone = _interopRequireDefault(require("./SignalWifiStatusbarConnectedNoInternet4TwoTone"));
+var _SignalWifiStatusbarNull = _interopRequireDefault(require("./SignalWifiStatusbarNull"));
+var _SignalWifiStatusbarNullOutlined = _interopRequireDefault(require("./SignalWifiStatusbarNullOutlined"));
+var _SignalWifiStatusbarNullRounded = _interopRequireDefault(require("./SignalWifiStatusbarNullRounded"));
+var _SignalWifiStatusbarNullSharp = _interopRequireDefault(require("./SignalWifiStatusbarNullSharp"));
+var _SignalWifiStatusbarNullTwoTone = _interopRequireDefault(require("./SignalWifiStatusbarNullTwoTone"));
+var _Signpost = _interopRequireDefault(require("./Signpost"));
+var _SignpostOutlined = _interopRequireDefault(require("./SignpostOutlined"));
+var _SignpostRounded = _interopRequireDefault(require("./SignpostRounded"));
+var _SignpostSharp = _interopRequireDefault(require("./SignpostSharp"));
+var _SignpostTwoTone = _interopRequireDefault(require("./SignpostTwoTone"));
+var _SimCard = _interopRequireDefault(require("./SimCard"));
+var _SimCardAlert = _interopRequireDefault(require("./SimCardAlert"));
+var _SimCardAlertOutlined = _interopRequireDefault(require("./SimCardAlertOutlined"));
+var _SimCardAlertRounded = _interopRequireDefault(require("./SimCardAlertRounded"));
+var _SimCardAlertSharp = _interopRequireDefault(require("./SimCardAlertSharp"));
+var _SimCardAlertTwoTone = _interopRequireDefault(require("./SimCardAlertTwoTone"));
+var _SimCardDownload = _interopRequireDefault(require("./SimCardDownload"));
+var _SimCardDownloadOutlined = _interopRequireDefault(require("./SimCardDownloadOutlined"));
+var _SimCardDownloadRounded = _interopRequireDefault(require("./SimCardDownloadRounded"));
+var _SimCardDownloadSharp = _interopRequireDefault(require("./SimCardDownloadSharp"));
+var _SimCardDownloadTwoTone = _interopRequireDefault(require("./SimCardDownloadTwoTone"));
+var _SimCardOutlined = _interopRequireDefault(require("./SimCardOutlined"));
+var _SimCardRounded = _interopRequireDefault(require("./SimCardRounded"));
+var _SimCardSharp = _interopRequireDefault(require("./SimCardSharp"));
+var _SimCardTwoTone = _interopRequireDefault(require("./SimCardTwoTone"));
+var _SingleBed = _interopRequireDefault(require("./SingleBed"));
+var _SingleBedOutlined = _interopRequireDefault(require("./SingleBedOutlined"));
+var _SingleBedRounded = _interopRequireDefault(require("./SingleBedRounded"));
+var _SingleBedSharp = _interopRequireDefault(require("./SingleBedSharp"));
+var _SingleBedTwoTone = _interopRequireDefault(require("./SingleBedTwoTone"));
+var _Sip = _interopRequireDefault(require("./Sip"));
+var _SipOutlined = _interopRequireDefault(require("./SipOutlined"));
+var _SipRounded = _interopRequireDefault(require("./SipRounded"));
+var _SipSharp = _interopRequireDefault(require("./SipSharp"));
+var _SipTwoTone = _interopRequireDefault(require("./SipTwoTone"));
+var _SixK = _interopRequireDefault(require("./SixK"));
+var _SixKOutlined = _interopRequireDefault(require("./SixKOutlined"));
+var _SixKPlus = _interopRequireDefault(require("./SixKPlus"));
+var _SixKPlusOutlined = _interopRequireDefault(require("./SixKPlusOutlined"));
+var _SixKPlusRounded = _interopRequireDefault(require("./SixKPlusRounded"));
+var _SixKPlusSharp = _interopRequireDefault(require("./SixKPlusSharp"));
+var _SixKPlusTwoTone = _interopRequireDefault(require("./SixKPlusTwoTone"));
+var _SixKRounded = _interopRequireDefault(require("./SixKRounded"));
+var _SixKSharp = _interopRequireDefault(require("./SixKSharp"));
+var _SixKTwoTone = _interopRequireDefault(require("./SixKTwoTone"));
+var _SixMp = _interopRequireDefault(require("./SixMp"));
+var _SixMpOutlined = _interopRequireDefault(require("./SixMpOutlined"));
+var _SixMpRounded = _interopRequireDefault(require("./SixMpRounded"));
+var _SixMpSharp = _interopRequireDefault(require("./SixMpSharp"));
+var _SixMpTwoTone = _interopRequireDefault(require("./SixMpTwoTone"));
+var _SixteenMp = _interopRequireDefault(require("./SixteenMp"));
+var _SixteenMpOutlined = _interopRequireDefault(require("./SixteenMpOutlined"));
+var _SixteenMpRounded = _interopRequireDefault(require("./SixteenMpRounded"));
+var _SixteenMpSharp = _interopRequireDefault(require("./SixteenMpSharp"));
+var _SixteenMpTwoTone = _interopRequireDefault(require("./SixteenMpTwoTone"));
+var _SixtyFps = _interopRequireDefault(require("./SixtyFps"));
+var _SixtyFpsOutlined = _interopRequireDefault(require("./SixtyFpsOutlined"));
+var _SixtyFpsRounded = _interopRequireDefault(require("./SixtyFpsRounded"));
+var _SixtyFpsSelect = _interopRequireDefault(require("./SixtyFpsSelect"));
+var _SixtyFpsSelectOutlined = _interopRequireDefault(require("./SixtyFpsSelectOutlined"));
+var _SixtyFpsSelectRounded = _interopRequireDefault(require("./SixtyFpsSelectRounded"));
+var _SixtyFpsSelectSharp = _interopRequireDefault(require("./SixtyFpsSelectSharp"));
+var _SixtyFpsSelectTwoTone = _interopRequireDefault(require("./SixtyFpsSelectTwoTone"));
+var _SixtyFpsSharp = _interopRequireDefault(require("./SixtyFpsSharp"));
+var _SixtyFpsTwoTone = _interopRequireDefault(require("./SixtyFpsTwoTone"));
+var _Skateboarding = _interopRequireDefault(require("./Skateboarding"));
+var _SkateboardingOutlined = _interopRequireDefault(require("./SkateboardingOutlined"));
+var _SkateboardingRounded = _interopRequireDefault(require("./SkateboardingRounded"));
+var _SkateboardingSharp = _interopRequireDefault(require("./SkateboardingSharp"));
+var _SkateboardingTwoTone = _interopRequireDefault(require("./SkateboardingTwoTone"));
+var _SkipNext = _interopRequireDefault(require("./SkipNext"));
+var _SkipNextOutlined = _interopRequireDefault(require("./SkipNextOutlined"));
+var _SkipNextRounded = _interopRequireDefault(require("./SkipNextRounded"));
+var _SkipNextSharp = _interopRequireDefault(require("./SkipNextSharp"));
+var _SkipNextTwoTone = _interopRequireDefault(require("./SkipNextTwoTone"));
+var _SkipPrevious = _interopRequireDefault(require("./SkipPrevious"));
+var _SkipPreviousOutlined = _interopRequireDefault(require("./SkipPreviousOutlined"));
+var _SkipPreviousRounded = _interopRequireDefault(require("./SkipPreviousRounded"));
+var _SkipPreviousSharp = _interopRequireDefault(require("./SkipPreviousSharp"));
+var _SkipPreviousTwoTone = _interopRequireDefault(require("./SkipPreviousTwoTone"));
+var _Sledding = _interopRequireDefault(require("./Sledding"));
+var _SleddingOutlined = _interopRequireDefault(require("./SleddingOutlined"));
+var _SleddingRounded = _interopRequireDefault(require("./SleddingRounded"));
+var _SleddingSharp = _interopRequireDefault(require("./SleddingSharp"));
+var _SleddingTwoTone = _interopRequireDefault(require("./SleddingTwoTone"));
+var _Slideshow = _interopRequireDefault(require("./Slideshow"));
+var _SlideshowOutlined = _interopRequireDefault(require("./SlideshowOutlined"));
+var _SlideshowRounded = _interopRequireDefault(require("./SlideshowRounded"));
+var _SlideshowSharp = _interopRequireDefault(require("./SlideshowSharp"));
+var _SlideshowTwoTone = _interopRequireDefault(require("./SlideshowTwoTone"));
+var _SlowMotionVideo = _interopRequireDefault(require("./SlowMotionVideo"));
+var _SlowMotionVideoOutlined = _interopRequireDefault(require("./SlowMotionVideoOutlined"));
+var _SlowMotionVideoRounded = _interopRequireDefault(require("./SlowMotionVideoRounded"));
+var _SlowMotionVideoSharp = _interopRequireDefault(require("./SlowMotionVideoSharp"));
+var _SlowMotionVideoTwoTone = _interopRequireDefault(require("./SlowMotionVideoTwoTone"));
+var _SmartButton = _interopRequireDefault(require("./SmartButton"));
+var _SmartButtonOutlined = _interopRequireDefault(require("./SmartButtonOutlined"));
+var _SmartButtonRounded = _interopRequireDefault(require("./SmartButtonRounded"));
+var _SmartButtonSharp = _interopRequireDefault(require("./SmartButtonSharp"));
+var _SmartButtonTwoTone = _interopRequireDefault(require("./SmartButtonTwoTone"));
+var _SmartDisplay = _interopRequireDefault(require("./SmartDisplay"));
+var _SmartDisplayOutlined = _interopRequireDefault(require("./SmartDisplayOutlined"));
+var _SmartDisplayRounded = _interopRequireDefault(require("./SmartDisplayRounded"));
+var _SmartDisplaySharp = _interopRequireDefault(require("./SmartDisplaySharp"));
+var _SmartDisplayTwoTone = _interopRequireDefault(require("./SmartDisplayTwoTone"));
+var _SmartScreen = _interopRequireDefault(require("./SmartScreen"));
+var _SmartScreenOutlined = _interopRequireDefault(require("./SmartScreenOutlined"));
+var _SmartScreenRounded = _interopRequireDefault(require("./SmartScreenRounded"));
+var _SmartScreenSharp = _interopRequireDefault(require("./SmartScreenSharp"));
+var _SmartScreenTwoTone = _interopRequireDefault(require("./SmartScreenTwoTone"));
+var _SmartToy = _interopRequireDefault(require("./SmartToy"));
+var _SmartToyOutlined = _interopRequireDefault(require("./SmartToyOutlined"));
+var _SmartToyRounded = _interopRequireDefault(require("./SmartToyRounded"));
+var _SmartToySharp = _interopRequireDefault(require("./SmartToySharp"));
+var _SmartToyTwoTone = _interopRequireDefault(require("./SmartToyTwoTone"));
+var _Smartphone = _interopRequireDefault(require("./Smartphone"));
+var _SmartphoneOutlined = _interopRequireDefault(require("./SmartphoneOutlined"));
+var _SmartphoneRounded = _interopRequireDefault(require("./SmartphoneRounded"));
+var _SmartphoneSharp = _interopRequireDefault(require("./SmartphoneSharp"));
+var _SmartphoneTwoTone = _interopRequireDefault(require("./SmartphoneTwoTone"));
+var _SmokeFree = _interopRequireDefault(require("./SmokeFree"));
+var _SmokeFreeOutlined = _interopRequireDefault(require("./SmokeFreeOutlined"));
+var _SmokeFreeRounded = _interopRequireDefault(require("./SmokeFreeRounded"));
+var _SmokeFreeSharp = _interopRequireDefault(require("./SmokeFreeSharp"));
+var _SmokeFreeTwoTone = _interopRequireDefault(require("./SmokeFreeTwoTone"));
+var _SmokingRooms = _interopRequireDefault(require("./SmokingRooms"));
+var _SmokingRoomsOutlined = _interopRequireDefault(require("./SmokingRoomsOutlined"));
+var _SmokingRoomsRounded = _interopRequireDefault(require("./SmokingRoomsRounded"));
+var _SmokingRoomsSharp = _interopRequireDefault(require("./SmokingRoomsSharp"));
+var _SmokingRoomsTwoTone = _interopRequireDefault(require("./SmokingRoomsTwoTone"));
+var _Sms = _interopRequireDefault(require("./Sms"));
+var _SmsFailed = _interopRequireDefault(require("./SmsFailed"));
+var _SmsFailedOutlined = _interopRequireDefault(require("./SmsFailedOutlined"));
+var _SmsFailedRounded = _interopRequireDefault(require("./SmsFailedRounded"));
+var _SmsFailedSharp = _interopRequireDefault(require("./SmsFailedSharp"));
+var _SmsFailedTwoTone = _interopRequireDefault(require("./SmsFailedTwoTone"));
+var _SmsOutlined = _interopRequireDefault(require("./SmsOutlined"));
+var _SmsRounded = _interopRequireDefault(require("./SmsRounded"));
+var _SmsSharp = _interopRequireDefault(require("./SmsSharp"));
+var _SmsTwoTone = _interopRequireDefault(require("./SmsTwoTone"));
+var _SnippetFolder = _interopRequireDefault(require("./SnippetFolder"));
+var _SnippetFolderOutlined = _interopRequireDefault(require("./SnippetFolderOutlined"));
+var _SnippetFolderRounded = _interopRequireDefault(require("./SnippetFolderRounded"));
+var _SnippetFolderSharp = _interopRequireDefault(require("./SnippetFolderSharp"));
+var _SnippetFolderTwoTone = _interopRequireDefault(require("./SnippetFolderTwoTone"));
+var _Snooze = _interopRequireDefault(require("./Snooze"));
+var _SnoozeOutlined = _interopRequireDefault(require("./SnoozeOutlined"));
+var _SnoozeRounded = _interopRequireDefault(require("./SnoozeRounded"));
+var _SnoozeSharp = _interopRequireDefault(require("./SnoozeSharp"));
+var _SnoozeTwoTone = _interopRequireDefault(require("./SnoozeTwoTone"));
+var _Snowboarding = _interopRequireDefault(require("./Snowboarding"));
+var _SnowboardingOutlined = _interopRequireDefault(require("./SnowboardingOutlined"));
+var _SnowboardingRounded = _interopRequireDefault(require("./SnowboardingRounded"));
+var _SnowboardingSharp = _interopRequireDefault(require("./SnowboardingSharp"));
+var _SnowboardingTwoTone = _interopRequireDefault(require("./SnowboardingTwoTone"));
+var _Snowmobile = _interopRequireDefault(require("./Snowmobile"));
+var _SnowmobileOutlined = _interopRequireDefault(require("./SnowmobileOutlined"));
+var _SnowmobileRounded = _interopRequireDefault(require("./SnowmobileRounded"));
+var _SnowmobileSharp = _interopRequireDefault(require("./SnowmobileSharp"));
+var _SnowmobileTwoTone = _interopRequireDefault(require("./SnowmobileTwoTone"));
+var _Snowshoeing = _interopRequireDefault(require("./Snowshoeing"));
+var _SnowshoeingOutlined = _interopRequireDefault(require("./SnowshoeingOutlined"));
+var _SnowshoeingRounded = _interopRequireDefault(require("./SnowshoeingRounded"));
+var _SnowshoeingSharp = _interopRequireDefault(require("./SnowshoeingSharp"));
+var _SnowshoeingTwoTone = _interopRequireDefault(require("./SnowshoeingTwoTone"));
+var _Soap = _interopRequireDefault(require("./Soap"));
+var _SoapOutlined = _interopRequireDefault(require("./SoapOutlined"));
+var _SoapRounded = _interopRequireDefault(require("./SoapRounded"));
+var _SoapSharp = _interopRequireDefault(require("./SoapSharp"));
+var _SoapTwoTone = _interopRequireDefault(require("./SoapTwoTone"));
+var _SocialDistance = _interopRequireDefault(require("./SocialDistance"));
+var _SocialDistanceOutlined = _interopRequireDefault(require("./SocialDistanceOutlined"));
+var _SocialDistanceRounded = _interopRequireDefault(require("./SocialDistanceRounded"));
+var _SocialDistanceSharp = _interopRequireDefault(require("./SocialDistanceSharp"));
+var _SocialDistanceTwoTone = _interopRequireDefault(require("./SocialDistanceTwoTone"));
+var _SolarPower = _interopRequireDefault(require("./SolarPower"));
+var _SolarPowerOutlined = _interopRequireDefault(require("./SolarPowerOutlined"));
+var _SolarPowerRounded = _interopRequireDefault(require("./SolarPowerRounded"));
+var _SolarPowerSharp = _interopRequireDefault(require("./SolarPowerSharp"));
+var _SolarPowerTwoTone = _interopRequireDefault(require("./SolarPowerTwoTone"));
+var _Sort = _interopRequireDefault(require("./Sort"));
+var _SortByAlpha = _interopRequireDefault(require("./SortByAlpha"));
+var _SortByAlphaOutlined = _interopRequireDefault(require("./SortByAlphaOutlined"));
+var _SortByAlphaRounded = _interopRequireDefault(require("./SortByAlphaRounded"));
+var _SortByAlphaSharp = _interopRequireDefault(require("./SortByAlphaSharp"));
+var _SortByAlphaTwoTone = _interopRequireDefault(require("./SortByAlphaTwoTone"));
+var _SortOutlined = _interopRequireDefault(require("./SortOutlined"));
+var _SortRounded = _interopRequireDefault(require("./SortRounded"));
+var _SortSharp = _interopRequireDefault(require("./SortSharp"));
+var _SortTwoTone = _interopRequireDefault(require("./SortTwoTone"));
+var _Sos = _interopRequireDefault(require("./Sos"));
+var _SosOutlined = _interopRequireDefault(require("./SosOutlined"));
+var _SosRounded = _interopRequireDefault(require("./SosRounded"));
+var _SosSharp = _interopRequireDefault(require("./SosSharp"));
+var _SosTwoTone = _interopRequireDefault(require("./SosTwoTone"));
+var _SoupKitchen = _interopRequireDefault(require("./SoupKitchen"));
+var _SoupKitchenOutlined = _interopRequireDefault(require("./SoupKitchenOutlined"));
+var _SoupKitchenRounded = _interopRequireDefault(require("./SoupKitchenRounded"));
+var _SoupKitchenSharp = _interopRequireDefault(require("./SoupKitchenSharp"));
+var _SoupKitchenTwoTone = _interopRequireDefault(require("./SoupKitchenTwoTone"));
+var _Source = _interopRequireDefault(require("./Source"));
+var _SourceOutlined = _interopRequireDefault(require("./SourceOutlined"));
+var _SourceRounded = _interopRequireDefault(require("./SourceRounded"));
+var _SourceSharp = _interopRequireDefault(require("./SourceSharp"));
+var _SourceTwoTone = _interopRequireDefault(require("./SourceTwoTone"));
+var _South = _interopRequireDefault(require("./South"));
+var _SouthAmerica = _interopRequireDefault(require("./SouthAmerica"));
+var _SouthAmericaOutlined = _interopRequireDefault(require("./SouthAmericaOutlined"));
+var _SouthAmericaRounded = _interopRequireDefault(require("./SouthAmericaRounded"));
+var _SouthAmericaSharp = _interopRequireDefault(require("./SouthAmericaSharp"));
+var _SouthAmericaTwoTone = _interopRequireDefault(require("./SouthAmericaTwoTone"));
+var _SouthEast = _interopRequireDefault(require("./SouthEast"));
+var _SouthEastOutlined = _interopRequireDefault(require("./SouthEastOutlined"));
+var _SouthEastRounded = _interopRequireDefault(require("./SouthEastRounded"));
+var _SouthEastSharp = _interopRequireDefault(require("./SouthEastSharp"));
+var _SouthEastTwoTone = _interopRequireDefault(require("./SouthEastTwoTone"));
+var _SouthOutlined = _interopRequireDefault(require("./SouthOutlined"));
+var _SouthRounded = _interopRequireDefault(require("./SouthRounded"));
+var _SouthSharp = _interopRequireDefault(require("./SouthSharp"));
+var _SouthTwoTone = _interopRequireDefault(require("./SouthTwoTone"));
+var _SouthWest = _interopRequireDefault(require("./SouthWest"));
+var _SouthWestOutlined = _interopRequireDefault(require("./SouthWestOutlined"));
+var _SouthWestRounded = _interopRequireDefault(require("./SouthWestRounded"));
+var _SouthWestSharp = _interopRequireDefault(require("./SouthWestSharp"));
+var _SouthWestTwoTone = _interopRequireDefault(require("./SouthWestTwoTone"));
+var _Spa = _interopRequireDefault(require("./Spa"));
+var _SpaOutlined = _interopRequireDefault(require("./SpaOutlined"));
+var _SpaRounded = _interopRequireDefault(require("./SpaRounded"));
+var _SpaSharp = _interopRequireDefault(require("./SpaSharp"));
+var _SpaTwoTone = _interopRequireDefault(require("./SpaTwoTone"));
+var _SpaceBar = _interopRequireDefault(require("./SpaceBar"));
+var _SpaceBarOutlined = _interopRequireDefault(require("./SpaceBarOutlined"));
+var _SpaceBarRounded = _interopRequireDefault(require("./SpaceBarRounded"));
+var _SpaceBarSharp = _interopRequireDefault(require("./SpaceBarSharp"));
+var _SpaceBarTwoTone = _interopRequireDefault(require("./SpaceBarTwoTone"));
+var _SpaceDashboard = _interopRequireDefault(require("./SpaceDashboard"));
+var _SpaceDashboardOutlined = _interopRequireDefault(require("./SpaceDashboardOutlined"));
+var _SpaceDashboardRounded = _interopRequireDefault(require("./SpaceDashboardRounded"));
+var _SpaceDashboardSharp = _interopRequireDefault(require("./SpaceDashboardSharp"));
+var _SpaceDashboardTwoTone = _interopRequireDefault(require("./SpaceDashboardTwoTone"));
+var _SpatialAudio = _interopRequireDefault(require("./SpatialAudio"));
+var _SpatialAudioOff = _interopRequireDefault(require("./SpatialAudioOff"));
+var _SpatialAudioOffOutlined = _interopRequireDefault(require("./SpatialAudioOffOutlined"));
+var _SpatialAudioOffRounded = _interopRequireDefault(require("./SpatialAudioOffRounded"));
+var _SpatialAudioOffSharp = _interopRequireDefault(require("./SpatialAudioOffSharp"));
+var _SpatialAudioOffTwoTone = _interopRequireDefault(require("./SpatialAudioOffTwoTone"));
+var _SpatialAudioOutlined = _interopRequireDefault(require("./SpatialAudioOutlined"));
+var _SpatialAudioRounded = _interopRequireDefault(require("./SpatialAudioRounded"));
+var _SpatialAudioSharp = _interopRequireDefault(require("./SpatialAudioSharp"));
+var _SpatialAudioTwoTone = _interopRequireDefault(require("./SpatialAudioTwoTone"));
+var _SpatialTracking = _interopRequireDefault(require("./SpatialTracking"));
+var _SpatialTrackingOutlined = _interopRequireDefault(require("./SpatialTrackingOutlined"));
+var _SpatialTrackingRounded = _interopRequireDefault(require("./SpatialTrackingRounded"));
+var _SpatialTrackingSharp = _interopRequireDefault(require("./SpatialTrackingSharp"));
+var _SpatialTrackingTwoTone = _interopRequireDefault(require("./SpatialTrackingTwoTone"));
+var _Speaker = _interopRequireDefault(require("./Speaker"));
+var _SpeakerGroup = _interopRequireDefault(require("./SpeakerGroup"));
+var _SpeakerGroupOutlined = _interopRequireDefault(require("./SpeakerGroupOutlined"));
+var _SpeakerGroupRounded = _interopRequireDefault(require("./SpeakerGroupRounded"));
+var _SpeakerGroupSharp = _interopRequireDefault(require("./SpeakerGroupSharp"));
+var _SpeakerGroupTwoTone = _interopRequireDefault(require("./SpeakerGroupTwoTone"));
+var _SpeakerNotes = _interopRequireDefault(require("./SpeakerNotes"));
+var _SpeakerNotesOff = _interopRequireDefault(require("./SpeakerNotesOff"));
+var _SpeakerNotesOffOutlined = _interopRequireDefault(require("./SpeakerNotesOffOutlined"));
+var _SpeakerNotesOffRounded = _interopRequireDefault(require("./SpeakerNotesOffRounded"));
+var _SpeakerNotesOffSharp = _interopRequireDefault(require("./SpeakerNotesOffSharp"));
+var _SpeakerNotesOffTwoTone = _interopRequireDefault(require("./SpeakerNotesOffTwoTone"));
+var _SpeakerNotesOutlined = _interopRequireDefault(require("./SpeakerNotesOutlined"));
+var _SpeakerNotesRounded = _interopRequireDefault(require("./SpeakerNotesRounded"));
+var _SpeakerNotesSharp = _interopRequireDefault(require("./SpeakerNotesSharp"));
+var _SpeakerNotesTwoTone = _interopRequireDefault(require("./SpeakerNotesTwoTone"));
+var _SpeakerOutlined = _interopRequireDefault(require("./SpeakerOutlined"));
+var _SpeakerPhone = _interopRequireDefault(require("./SpeakerPhone"));
+var _SpeakerPhoneOutlined = _interopRequireDefault(require("./SpeakerPhoneOutlined"));
+var _SpeakerPhoneRounded = _interopRequireDefault(require("./SpeakerPhoneRounded"));
+var _SpeakerPhoneSharp = _interopRequireDefault(require("./SpeakerPhoneSharp"));
+var _SpeakerPhoneTwoTone = _interopRequireDefault(require("./SpeakerPhoneTwoTone"));
+var _SpeakerRounded = _interopRequireDefault(require("./SpeakerRounded"));
+var _SpeakerSharp = _interopRequireDefault(require("./SpeakerSharp"));
+var _SpeakerTwoTone = _interopRequireDefault(require("./SpeakerTwoTone"));
+var _Speed = _interopRequireDefault(require("./Speed"));
+var _SpeedOutlined = _interopRequireDefault(require("./SpeedOutlined"));
+var _SpeedRounded = _interopRequireDefault(require("./SpeedRounded"));
+var _SpeedSharp = _interopRequireDefault(require("./SpeedSharp"));
+var _SpeedTwoTone = _interopRequireDefault(require("./SpeedTwoTone"));
+var _Spellcheck = _interopRequireDefault(require("./Spellcheck"));
+var _SpellcheckOutlined = _interopRequireDefault(require("./SpellcheckOutlined"));
+var _SpellcheckRounded = _interopRequireDefault(require("./SpellcheckRounded"));
+var _SpellcheckSharp = _interopRequireDefault(require("./SpellcheckSharp"));
+var _SpellcheckTwoTone = _interopRequireDefault(require("./SpellcheckTwoTone"));
+var _Splitscreen = _interopRequireDefault(require("./Splitscreen"));
+var _SplitscreenOutlined = _interopRequireDefault(require("./SplitscreenOutlined"));
+var _SplitscreenRounded = _interopRequireDefault(require("./SplitscreenRounded"));
+var _SplitscreenSharp = _interopRequireDefault(require("./SplitscreenSharp"));
+var _SplitscreenTwoTone = _interopRequireDefault(require("./SplitscreenTwoTone"));
+var _Spoke = _interopRequireDefault(require("./Spoke"));
+var _SpokeOutlined = _interopRequireDefault(require("./SpokeOutlined"));
+var _SpokeRounded = _interopRequireDefault(require("./SpokeRounded"));
+var _SpokeSharp = _interopRequireDefault(require("./SpokeSharp"));
+var _SpokeTwoTone = _interopRequireDefault(require("./SpokeTwoTone"));
+var _Sports = _interopRequireDefault(require("./Sports"));
+var _SportsBar = _interopRequireDefault(require("./SportsBar"));
+var _SportsBarOutlined = _interopRequireDefault(require("./SportsBarOutlined"));
+var _SportsBarRounded = _interopRequireDefault(require("./SportsBarRounded"));
+var _SportsBarSharp = _interopRequireDefault(require("./SportsBarSharp"));
+var _SportsBarTwoTone = _interopRequireDefault(require("./SportsBarTwoTone"));
+var _SportsBaseball = _interopRequireDefault(require("./SportsBaseball"));
+var _SportsBaseballOutlined = _interopRequireDefault(require("./SportsBaseballOutlined"));
+var _SportsBaseballRounded = _interopRequireDefault(require("./SportsBaseballRounded"));
+var _SportsBaseballSharp = _interopRequireDefault(require("./SportsBaseballSharp"));
+var _SportsBaseballTwoTone = _interopRequireDefault(require("./SportsBaseballTwoTone"));
+var _SportsBasketball = _interopRequireDefault(require("./SportsBasketball"));
+var _SportsBasketballOutlined = _interopRequireDefault(require("./SportsBasketballOutlined"));
+var _SportsBasketballRounded = _interopRequireDefault(require("./SportsBasketballRounded"));
+var _SportsBasketballSharp = _interopRequireDefault(require("./SportsBasketballSharp"));
+var _SportsBasketballTwoTone = _interopRequireDefault(require("./SportsBasketballTwoTone"));
+var _SportsCricket = _interopRequireDefault(require("./SportsCricket"));
+var _SportsCricketOutlined = _interopRequireDefault(require("./SportsCricketOutlined"));
+var _SportsCricketRounded = _interopRequireDefault(require("./SportsCricketRounded"));
+var _SportsCricketSharp = _interopRequireDefault(require("./SportsCricketSharp"));
+var _SportsCricketTwoTone = _interopRequireDefault(require("./SportsCricketTwoTone"));
+var _SportsEsports = _interopRequireDefault(require("./SportsEsports"));
+var _SportsEsportsOutlined = _interopRequireDefault(require("./SportsEsportsOutlined"));
+var _SportsEsportsRounded = _interopRequireDefault(require("./SportsEsportsRounded"));
+var _SportsEsportsSharp = _interopRequireDefault(require("./SportsEsportsSharp"));
+var _SportsEsportsTwoTone = _interopRequireDefault(require("./SportsEsportsTwoTone"));
+var _SportsFootball = _interopRequireDefault(require("./SportsFootball"));
+var _SportsFootballOutlined = _interopRequireDefault(require("./SportsFootballOutlined"));
+var _SportsFootballRounded = _interopRequireDefault(require("./SportsFootballRounded"));
+var _SportsFootballSharp = _interopRequireDefault(require("./SportsFootballSharp"));
+var _SportsFootballTwoTone = _interopRequireDefault(require("./SportsFootballTwoTone"));
+var _SportsGolf = _interopRequireDefault(require("./SportsGolf"));
+var _SportsGolfOutlined = _interopRequireDefault(require("./SportsGolfOutlined"));
+var _SportsGolfRounded = _interopRequireDefault(require("./SportsGolfRounded"));
+var _SportsGolfSharp = _interopRequireDefault(require("./SportsGolfSharp"));
+var _SportsGolfTwoTone = _interopRequireDefault(require("./SportsGolfTwoTone"));
+var _SportsGymnastics = _interopRequireDefault(require("./SportsGymnastics"));
+var _SportsGymnasticsOutlined = _interopRequireDefault(require("./SportsGymnasticsOutlined"));
+var _SportsGymnasticsRounded = _interopRequireDefault(require("./SportsGymnasticsRounded"));
+var _SportsGymnasticsSharp = _interopRequireDefault(require("./SportsGymnasticsSharp"));
+var _SportsGymnasticsTwoTone = _interopRequireDefault(require("./SportsGymnasticsTwoTone"));
+var _SportsHandball = _interopRequireDefault(require("./SportsHandball"));
+var _SportsHandballOutlined = _interopRequireDefault(require("./SportsHandballOutlined"));
+var _SportsHandballRounded = _interopRequireDefault(require("./SportsHandballRounded"));
+var _SportsHandballSharp = _interopRequireDefault(require("./SportsHandballSharp"));
+var _SportsHandballTwoTone = _interopRequireDefault(require("./SportsHandballTwoTone"));
+var _SportsHockey = _interopRequireDefault(require("./SportsHockey"));
+var _SportsHockeyOutlined = _interopRequireDefault(require("./SportsHockeyOutlined"));
+var _SportsHockeyRounded = _interopRequireDefault(require("./SportsHockeyRounded"));
+var _SportsHockeySharp = _interopRequireDefault(require("./SportsHockeySharp"));
+var _SportsHockeyTwoTone = _interopRequireDefault(require("./SportsHockeyTwoTone"));
+var _SportsKabaddi = _interopRequireDefault(require("./SportsKabaddi"));
+var _SportsKabaddiOutlined = _interopRequireDefault(require("./SportsKabaddiOutlined"));
+var _SportsKabaddiRounded = _interopRequireDefault(require("./SportsKabaddiRounded"));
+var _SportsKabaddiSharp = _interopRequireDefault(require("./SportsKabaddiSharp"));
+var _SportsKabaddiTwoTone = _interopRequireDefault(require("./SportsKabaddiTwoTone"));
+var _SportsMartialArts = _interopRequireDefault(require("./SportsMartialArts"));
+var _SportsMartialArtsOutlined = _interopRequireDefault(require("./SportsMartialArtsOutlined"));
+var _SportsMartialArtsRounded = _interopRequireDefault(require("./SportsMartialArtsRounded"));
+var _SportsMartialArtsSharp = _interopRequireDefault(require("./SportsMartialArtsSharp"));
+var _SportsMartialArtsTwoTone = _interopRequireDefault(require("./SportsMartialArtsTwoTone"));
+var _SportsMma = _interopRequireDefault(require("./SportsMma"));
+var _SportsMmaOutlined = _interopRequireDefault(require("./SportsMmaOutlined"));
+var _SportsMmaRounded = _interopRequireDefault(require("./SportsMmaRounded"));
+var _SportsMmaSharp = _interopRequireDefault(require("./SportsMmaSharp"));
+var _SportsMmaTwoTone = _interopRequireDefault(require("./SportsMmaTwoTone"));
+var _SportsMotorsports = _interopRequireDefault(require("./SportsMotorsports"));
+var _SportsMotorsportsOutlined = _interopRequireDefault(require("./SportsMotorsportsOutlined"));
+var _SportsMotorsportsRounded = _interopRequireDefault(require("./SportsMotorsportsRounded"));
+var _SportsMotorsportsSharp = _interopRequireDefault(require("./SportsMotorsportsSharp"));
+var _SportsMotorsportsTwoTone = _interopRequireDefault(require("./SportsMotorsportsTwoTone"));
+var _SportsOutlined = _interopRequireDefault(require("./SportsOutlined"));
+var _SportsRounded = _interopRequireDefault(require("./SportsRounded"));
+var _SportsRugby = _interopRequireDefault(require("./SportsRugby"));
+var _SportsRugbyOutlined = _interopRequireDefault(require("./SportsRugbyOutlined"));
+var _SportsRugbyRounded = _interopRequireDefault(require("./SportsRugbyRounded"));
+var _SportsRugbySharp = _interopRequireDefault(require("./SportsRugbySharp"));
+var _SportsRugbyTwoTone = _interopRequireDefault(require("./SportsRugbyTwoTone"));
+var _SportsScore = _interopRequireDefault(require("./SportsScore"));
+var _SportsScoreOutlined = _interopRequireDefault(require("./SportsScoreOutlined"));
+var _SportsScoreRounded = _interopRequireDefault(require("./SportsScoreRounded"));
+var _SportsScoreSharp = _interopRequireDefault(require("./SportsScoreSharp"));
+var _SportsScoreTwoTone = _interopRequireDefault(require("./SportsScoreTwoTone"));
+var _SportsSharp = _interopRequireDefault(require("./SportsSharp"));
+var _SportsSoccer = _interopRequireDefault(require("./SportsSoccer"));
+var _SportsSoccerOutlined = _interopRequireDefault(require("./SportsSoccerOutlined"));
+var _SportsSoccerRounded = _interopRequireDefault(require("./SportsSoccerRounded"));
+var _SportsSoccerSharp = _interopRequireDefault(require("./SportsSoccerSharp"));
+var _SportsSoccerTwoTone = _interopRequireDefault(require("./SportsSoccerTwoTone"));
+var _SportsTennis = _interopRequireDefault(require("./SportsTennis"));
+var _SportsTennisOutlined = _interopRequireDefault(require("./SportsTennisOutlined"));
+var _SportsTennisRounded = _interopRequireDefault(require("./SportsTennisRounded"));
+var _SportsTennisSharp = _interopRequireDefault(require("./SportsTennisSharp"));
+var _SportsTennisTwoTone = _interopRequireDefault(require("./SportsTennisTwoTone"));
+var _SportsTwoTone = _interopRequireDefault(require("./SportsTwoTone"));
+var _SportsVolleyball = _interopRequireDefault(require("./SportsVolleyball"));
+var _SportsVolleyballOutlined = _interopRequireDefault(require("./SportsVolleyballOutlined"));
+var _SportsVolleyballRounded = _interopRequireDefault(require("./SportsVolleyballRounded"));
+var _SportsVolleyballSharp = _interopRequireDefault(require("./SportsVolleyballSharp"));
+var _SportsVolleyballTwoTone = _interopRequireDefault(require("./SportsVolleyballTwoTone"));
+var _Square = _interopRequireDefault(require("./Square"));
+var _SquareFoot = _interopRequireDefault(require("./SquareFoot"));
+var _SquareFootOutlined = _interopRequireDefault(require("./SquareFootOutlined"));
+var _SquareFootRounded = _interopRequireDefault(require("./SquareFootRounded"));
+var _SquareFootSharp = _interopRequireDefault(require("./SquareFootSharp"));
+var _SquareFootTwoTone = _interopRequireDefault(require("./SquareFootTwoTone"));
+var _SquareOutlined = _interopRequireDefault(require("./SquareOutlined"));
+var _SquareRounded = _interopRequireDefault(require("./SquareRounded"));
+var _SquareSharp = _interopRequireDefault(require("./SquareSharp"));
+var _SquareTwoTone = _interopRequireDefault(require("./SquareTwoTone"));
+var _SsidChart = _interopRequireDefault(require("./SsidChart"));
+var _SsidChartOutlined = _interopRequireDefault(require("./SsidChartOutlined"));
+var _SsidChartRounded = _interopRequireDefault(require("./SsidChartRounded"));
+var _SsidChartSharp = _interopRequireDefault(require("./SsidChartSharp"));
+var _SsidChartTwoTone = _interopRequireDefault(require("./SsidChartTwoTone"));
+var _StackedBarChart = _interopRequireDefault(require("./StackedBarChart"));
+var _StackedBarChartOutlined = _interopRequireDefault(require("./StackedBarChartOutlined"));
+var _StackedBarChartRounded = _interopRequireDefault(require("./StackedBarChartRounded"));
+var _StackedBarChartSharp = _interopRequireDefault(require("./StackedBarChartSharp"));
+var _StackedBarChartTwoTone = _interopRequireDefault(require("./StackedBarChartTwoTone"));
+var _StackedLineChart = _interopRequireDefault(require("./StackedLineChart"));
+var _StackedLineChartOutlined = _interopRequireDefault(require("./StackedLineChartOutlined"));
+var _StackedLineChartRounded = _interopRequireDefault(require("./StackedLineChartRounded"));
+var _StackedLineChartSharp = _interopRequireDefault(require("./StackedLineChartSharp"));
+var _StackedLineChartTwoTone = _interopRequireDefault(require("./StackedLineChartTwoTone"));
+var _Stadium = _interopRequireDefault(require("./Stadium"));
+var _StadiumOutlined = _interopRequireDefault(require("./StadiumOutlined"));
+var _StadiumRounded = _interopRequireDefault(require("./StadiumRounded"));
+var _StadiumSharp = _interopRequireDefault(require("./StadiumSharp"));
+var _StadiumTwoTone = _interopRequireDefault(require("./StadiumTwoTone"));
+var _Stairs = _interopRequireDefault(require("./Stairs"));
+var _StairsOutlined = _interopRequireDefault(require("./StairsOutlined"));
+var _StairsRounded = _interopRequireDefault(require("./StairsRounded"));
+var _StairsSharp = _interopRequireDefault(require("./StairsSharp"));
+var _StairsTwoTone = _interopRequireDefault(require("./StairsTwoTone"));
+var _Star = _interopRequireDefault(require("./Star"));
+var _StarBorder = _interopRequireDefault(require("./StarBorder"));
+var _StarBorderOutlined = _interopRequireDefault(require("./StarBorderOutlined"));
+var _StarBorderPurple = _interopRequireDefault(require("./StarBorderPurple500"));
+var _StarBorderPurple500Outlined = _interopRequireDefault(require("./StarBorderPurple500Outlined"));
+var _StarBorderPurple500Rounded = _interopRequireDefault(require("./StarBorderPurple500Rounded"));
+var _StarBorderPurple500Sharp = _interopRequireDefault(require("./StarBorderPurple500Sharp"));
+var _StarBorderPurple500TwoTone = _interopRequireDefault(require("./StarBorderPurple500TwoTone"));
+var _StarBorderRounded = _interopRequireDefault(require("./StarBorderRounded"));
+var _StarBorderSharp = _interopRequireDefault(require("./StarBorderSharp"));
+var _StarBorderTwoTone = _interopRequireDefault(require("./StarBorderTwoTone"));
+var _StarHalf = _interopRequireDefault(require("./StarHalf"));
+var _StarHalfOutlined = _interopRequireDefault(require("./StarHalfOutlined"));
+var _StarHalfRounded = _interopRequireDefault(require("./StarHalfRounded"));
+var _StarHalfSharp = _interopRequireDefault(require("./StarHalfSharp"));
+var _StarHalfTwoTone = _interopRequireDefault(require("./StarHalfTwoTone"));
+var _StarOutline = _interopRequireDefault(require("./StarOutline"));
+var _StarOutlineOutlined = _interopRequireDefault(require("./StarOutlineOutlined"));
+var _StarOutlineRounded = _interopRequireDefault(require("./StarOutlineRounded"));
+var _StarOutlineSharp = _interopRequireDefault(require("./StarOutlineSharp"));
+var _StarOutlineTwoTone = _interopRequireDefault(require("./StarOutlineTwoTone"));
+var _StarOutlined = _interopRequireDefault(require("./StarOutlined"));
+var _StarPurple = _interopRequireDefault(require("./StarPurple500"));
+var _StarPurple500Outlined = _interopRequireDefault(require("./StarPurple500Outlined"));
+var _StarPurple500Rounded = _interopRequireDefault(require("./StarPurple500Rounded"));
+var _StarPurple500Sharp = _interopRequireDefault(require("./StarPurple500Sharp"));
+var _StarPurple500TwoTone = _interopRequireDefault(require("./StarPurple500TwoTone"));
+var _StarRate = _interopRequireDefault(require("./StarRate"));
+var _StarRateOutlined = _interopRequireDefault(require("./StarRateOutlined"));
+var _StarRateRounded = _interopRequireDefault(require("./StarRateRounded"));
+var _StarRateSharp = _interopRequireDefault(require("./StarRateSharp"));
+var _StarRateTwoTone = _interopRequireDefault(require("./StarRateTwoTone"));
+var _StarRounded = _interopRequireDefault(require("./StarRounded"));
+var _StarSharp = _interopRequireDefault(require("./StarSharp"));
+var _StarTwoTone = _interopRequireDefault(require("./StarTwoTone"));
+var _Stars = _interopRequireDefault(require("./Stars"));
+var _StarsOutlined = _interopRequireDefault(require("./StarsOutlined"));
+var _StarsRounded = _interopRequireDefault(require("./StarsRounded"));
+var _StarsSharp = _interopRequireDefault(require("./StarsSharp"));
+var _StarsTwoTone = _interopRequireDefault(require("./StarsTwoTone"));
+var _Start = _interopRequireDefault(require("./Start"));
+var _StartOutlined = _interopRequireDefault(require("./StartOutlined"));
+var _StartRounded = _interopRequireDefault(require("./StartRounded"));
+var _StartSharp = _interopRequireDefault(require("./StartSharp"));
+var _StartTwoTone = _interopRequireDefault(require("./StartTwoTone"));
+var _StayCurrentLandscape = _interopRequireDefault(require("./StayCurrentLandscape"));
+var _StayCurrentLandscapeOutlined = _interopRequireDefault(require("./StayCurrentLandscapeOutlined"));
+var _StayCurrentLandscapeRounded = _interopRequireDefault(require("./StayCurrentLandscapeRounded"));
+var _StayCurrentLandscapeSharp = _interopRequireDefault(require("./StayCurrentLandscapeSharp"));
+var _StayCurrentLandscapeTwoTone = _interopRequireDefault(require("./StayCurrentLandscapeTwoTone"));
+var _StayCurrentPortrait = _interopRequireDefault(require("./StayCurrentPortrait"));
+var _StayCurrentPortraitOutlined = _interopRequireDefault(require("./StayCurrentPortraitOutlined"));
+var _StayCurrentPortraitRounded = _interopRequireDefault(require("./StayCurrentPortraitRounded"));
+var _StayCurrentPortraitSharp = _interopRequireDefault(require("./StayCurrentPortraitSharp"));
+var _StayCurrentPortraitTwoTone = _interopRequireDefault(require("./StayCurrentPortraitTwoTone"));
+var _StayPrimaryLandscape = _interopRequireDefault(require("./StayPrimaryLandscape"));
+var _StayPrimaryLandscapeOutlined = _interopRequireDefault(require("./StayPrimaryLandscapeOutlined"));
+var _StayPrimaryLandscapeRounded = _interopRequireDefault(require("./StayPrimaryLandscapeRounded"));
+var _StayPrimaryLandscapeSharp = _interopRequireDefault(require("./StayPrimaryLandscapeSharp"));
+var _StayPrimaryLandscapeTwoTone = _interopRequireDefault(require("./StayPrimaryLandscapeTwoTone"));
+var _StayPrimaryPortrait = _interopRequireDefault(require("./StayPrimaryPortrait"));
+var _StayPrimaryPortraitOutlined = _interopRequireDefault(require("./StayPrimaryPortraitOutlined"));
+var _StayPrimaryPortraitRounded = _interopRequireDefault(require("./StayPrimaryPortraitRounded"));
+var _StayPrimaryPortraitSharp = _interopRequireDefault(require("./StayPrimaryPortraitSharp"));
+var _StayPrimaryPortraitTwoTone = _interopRequireDefault(require("./StayPrimaryPortraitTwoTone"));
+var _StickyNote = _interopRequireDefault(require("./StickyNote2"));
+var _StickyNote2Outlined = _interopRequireDefault(require("./StickyNote2Outlined"));
+var _StickyNote2Rounded = _interopRequireDefault(require("./StickyNote2Rounded"));
+var _StickyNote2Sharp = _interopRequireDefault(require("./StickyNote2Sharp"));
+var _StickyNote2TwoTone = _interopRequireDefault(require("./StickyNote2TwoTone"));
+var _Stop = _interopRequireDefault(require("./Stop"));
+var _StopCircle = _interopRequireDefault(require("./StopCircle"));
+var _StopCircleOutlined = _interopRequireDefault(require("./StopCircleOutlined"));
+var _StopCircleRounded = _interopRequireDefault(require("./StopCircleRounded"));
+var _StopCircleSharp = _interopRequireDefault(require("./StopCircleSharp"));
+var _StopCircleTwoTone = _interopRequireDefault(require("./StopCircleTwoTone"));
+var _StopOutlined = _interopRequireDefault(require("./StopOutlined"));
+var _StopRounded = _interopRequireDefault(require("./StopRounded"));
+var _StopScreenShare = _interopRequireDefault(require("./StopScreenShare"));
+var _StopScreenShareOutlined = _interopRequireDefault(require("./StopScreenShareOutlined"));
+var _StopScreenShareRounded = _interopRequireDefault(require("./StopScreenShareRounded"));
+var _StopScreenShareSharp = _interopRequireDefault(require("./StopScreenShareSharp"));
+var _StopScreenShareTwoTone = _interopRequireDefault(require("./StopScreenShareTwoTone"));
+var _StopSharp = _interopRequireDefault(require("./StopSharp"));
+var _StopTwoTone = _interopRequireDefault(require("./StopTwoTone"));
+var _Storage = _interopRequireDefault(require("./Storage"));
+var _StorageOutlined = _interopRequireDefault(require("./StorageOutlined"));
+var _StorageRounded = _interopRequireDefault(require("./StorageRounded"));
+var _StorageSharp = _interopRequireDefault(require("./StorageSharp"));
+var _StorageTwoTone = _interopRequireDefault(require("./StorageTwoTone"));
+var _Store = _interopRequireDefault(require("./Store"));
+var _StoreMallDirectory = _interopRequireDefault(require("./StoreMallDirectory"));
+var _StoreMallDirectoryOutlined = _interopRequireDefault(require("./StoreMallDirectoryOutlined"));
+var _StoreMallDirectoryRounded = _interopRequireDefault(require("./StoreMallDirectoryRounded"));
+var _StoreMallDirectorySharp = _interopRequireDefault(require("./StoreMallDirectorySharp"));
+var _StoreMallDirectoryTwoTone = _interopRequireDefault(require("./StoreMallDirectoryTwoTone"));
+var _StoreOutlined = _interopRequireDefault(require("./StoreOutlined"));
+var _StoreRounded = _interopRequireDefault(require("./StoreRounded"));
+var _StoreSharp = _interopRequireDefault(require("./StoreSharp"));
+var _StoreTwoTone = _interopRequireDefault(require("./StoreTwoTone"));
+var _Storefront = _interopRequireDefault(require("./Storefront"));
+var _StorefrontOutlined = _interopRequireDefault(require("./StorefrontOutlined"));
+var _StorefrontRounded = _interopRequireDefault(require("./StorefrontRounded"));
+var _StorefrontSharp = _interopRequireDefault(require("./StorefrontSharp"));
+var _StorefrontTwoTone = _interopRequireDefault(require("./StorefrontTwoTone"));
+var _Storm = _interopRequireDefault(require("./Storm"));
+var _StormOutlined = _interopRequireDefault(require("./StormOutlined"));
+var _StormRounded = _interopRequireDefault(require("./StormRounded"));
+var _StormSharp = _interopRequireDefault(require("./StormSharp"));
+var _StormTwoTone = _interopRequireDefault(require("./StormTwoTone"));
+var _Straight = _interopRequireDefault(require("./Straight"));
+var _StraightOutlined = _interopRequireDefault(require("./StraightOutlined"));
+var _StraightRounded = _interopRequireDefault(require("./StraightRounded"));
+var _StraightSharp = _interopRequireDefault(require("./StraightSharp"));
+var _StraightTwoTone = _interopRequireDefault(require("./StraightTwoTone"));
+var _Straighten = _interopRequireDefault(require("./Straighten"));
+var _StraightenOutlined = _interopRequireDefault(require("./StraightenOutlined"));
+var _StraightenRounded = _interopRequireDefault(require("./StraightenRounded"));
+var _StraightenSharp = _interopRequireDefault(require("./StraightenSharp"));
+var _StraightenTwoTone = _interopRequireDefault(require("./StraightenTwoTone"));
+var _Stream = _interopRequireDefault(require("./Stream"));
+var _StreamOutlined = _interopRequireDefault(require("./StreamOutlined"));
+var _StreamRounded = _interopRequireDefault(require("./StreamRounded"));
+var _StreamSharp = _interopRequireDefault(require("./StreamSharp"));
+var _StreamTwoTone = _interopRequireDefault(require("./StreamTwoTone"));
+var _Streetview = _interopRequireDefault(require("./Streetview"));
+var _StreetviewOutlined = _interopRequireDefault(require("./StreetviewOutlined"));
+var _StreetviewRounded = _interopRequireDefault(require("./StreetviewRounded"));
+var _StreetviewSharp = _interopRequireDefault(require("./StreetviewSharp"));
+var _StreetviewTwoTone = _interopRequireDefault(require("./StreetviewTwoTone"));
+var _StrikethroughS = _interopRequireDefault(require("./StrikethroughS"));
+var _StrikethroughSOutlined = _interopRequireDefault(require("./StrikethroughSOutlined"));
+var _StrikethroughSRounded = _interopRequireDefault(require("./StrikethroughSRounded"));
+var _StrikethroughSSharp = _interopRequireDefault(require("./StrikethroughSSharp"));
+var _StrikethroughSTwoTone = _interopRequireDefault(require("./StrikethroughSTwoTone"));
+var _Stroller = _interopRequireDefault(require("./Stroller"));
+var _StrollerOutlined = _interopRequireDefault(require("./StrollerOutlined"));
+var _StrollerRounded = _interopRequireDefault(require("./StrollerRounded"));
+var _StrollerSharp = _interopRequireDefault(require("./StrollerSharp"));
+var _StrollerTwoTone = _interopRequireDefault(require("./StrollerTwoTone"));
+var _Style = _interopRequireDefault(require("./Style"));
+var _StyleOutlined = _interopRequireDefault(require("./StyleOutlined"));
+var _StyleRounded = _interopRequireDefault(require("./StyleRounded"));
+var _StyleSharp = _interopRequireDefault(require("./StyleSharp"));
+var _StyleTwoTone = _interopRequireDefault(require("./StyleTwoTone"));
+var _SubdirectoryArrowLeft = _interopRequireDefault(require("./SubdirectoryArrowLeft"));
+var _SubdirectoryArrowLeftOutlined = _interopRequireDefault(require("./SubdirectoryArrowLeftOutlined"));
+var _SubdirectoryArrowLeftRounded = _interopRequireDefault(require("./SubdirectoryArrowLeftRounded"));
+var _SubdirectoryArrowLeftSharp = _interopRequireDefault(require("./SubdirectoryArrowLeftSharp"));
+var _SubdirectoryArrowLeftTwoTone = _interopRequireDefault(require("./SubdirectoryArrowLeftTwoTone"));
+var _SubdirectoryArrowRight = _interopRequireDefault(require("./SubdirectoryArrowRight"));
+var _SubdirectoryArrowRightOutlined = _interopRequireDefault(require("./SubdirectoryArrowRightOutlined"));
+var _SubdirectoryArrowRightRounded = _interopRequireDefault(require("./SubdirectoryArrowRightRounded"));
+var _SubdirectoryArrowRightSharp = _interopRequireDefault(require("./SubdirectoryArrowRightSharp"));
+var _SubdirectoryArrowRightTwoTone = _interopRequireDefault(require("./SubdirectoryArrowRightTwoTone"));
+var _Subject = _interopRequireDefault(require("./Subject"));
+var _SubjectOutlined = _interopRequireDefault(require("./SubjectOutlined"));
+var _SubjectRounded = _interopRequireDefault(require("./SubjectRounded"));
+var _SubjectSharp = _interopRequireDefault(require("./SubjectSharp"));
+var _SubjectTwoTone = _interopRequireDefault(require("./SubjectTwoTone"));
+var _Subscript = _interopRequireDefault(require("./Subscript"));
+var _SubscriptOutlined = _interopRequireDefault(require("./SubscriptOutlined"));
+var _SubscriptRounded = _interopRequireDefault(require("./SubscriptRounded"));
+var _SubscriptSharp = _interopRequireDefault(require("./SubscriptSharp"));
+var _SubscriptTwoTone = _interopRequireDefault(require("./SubscriptTwoTone"));
+var _Subscriptions = _interopRequireDefault(require("./Subscriptions"));
+var _SubscriptionsOutlined = _interopRequireDefault(require("./SubscriptionsOutlined"));
+var _SubscriptionsRounded = _interopRequireDefault(require("./SubscriptionsRounded"));
+var _SubscriptionsSharp = _interopRequireDefault(require("./SubscriptionsSharp"));
+var _SubscriptionsTwoTone = _interopRequireDefault(require("./SubscriptionsTwoTone"));
+var _Subtitles = _interopRequireDefault(require("./Subtitles"));
+var _SubtitlesOff = _interopRequireDefault(require("./SubtitlesOff"));
+var _SubtitlesOffOutlined = _interopRequireDefault(require("./SubtitlesOffOutlined"));
+var _SubtitlesOffRounded = _interopRequireDefault(require("./SubtitlesOffRounded"));
+var _SubtitlesOffSharp = _interopRequireDefault(require("./SubtitlesOffSharp"));
+var _SubtitlesOffTwoTone = _interopRequireDefault(require("./SubtitlesOffTwoTone"));
+var _SubtitlesOutlined = _interopRequireDefault(require("./SubtitlesOutlined"));
+var _SubtitlesRounded = _interopRequireDefault(require("./SubtitlesRounded"));
+var _SubtitlesSharp = _interopRequireDefault(require("./SubtitlesSharp"));
+var _SubtitlesTwoTone = _interopRequireDefault(require("./SubtitlesTwoTone"));
+var _Subway = _interopRequireDefault(require("./Subway"));
+var _SubwayOutlined = _interopRequireDefault(require("./SubwayOutlined"));
+var _SubwayRounded = _interopRequireDefault(require("./SubwayRounded"));
+var _SubwaySharp = _interopRequireDefault(require("./SubwaySharp"));
+var _SubwayTwoTone = _interopRequireDefault(require("./SubwayTwoTone"));
+var _Summarize = _interopRequireDefault(require("./Summarize"));
+var _SummarizeOutlined = _interopRequireDefault(require("./SummarizeOutlined"));
+var _SummarizeRounded = _interopRequireDefault(require("./SummarizeRounded"));
+var _SummarizeSharp = _interopRequireDefault(require("./SummarizeSharp"));
+var _SummarizeTwoTone = _interopRequireDefault(require("./SummarizeTwoTone"));
+var _Superscript = _interopRequireDefault(require("./Superscript"));
+var _SuperscriptOutlined = _interopRequireDefault(require("./SuperscriptOutlined"));
+var _SuperscriptRounded = _interopRequireDefault(require("./SuperscriptRounded"));
+var _SuperscriptSharp = _interopRequireDefault(require("./SuperscriptSharp"));
+var _SuperscriptTwoTone = _interopRequireDefault(require("./SuperscriptTwoTone"));
+var _SupervisedUserCircle = _interopRequireDefault(require("./SupervisedUserCircle"));
+var _SupervisedUserCircleOutlined = _interopRequireDefault(require("./SupervisedUserCircleOutlined"));
+var _SupervisedUserCircleRounded = _interopRequireDefault(require("./SupervisedUserCircleRounded"));
+var _SupervisedUserCircleSharp = _interopRequireDefault(require("./SupervisedUserCircleSharp"));
+var _SupervisedUserCircleTwoTone = _interopRequireDefault(require("./SupervisedUserCircleTwoTone"));
+var _SupervisorAccount = _interopRequireDefault(require("./SupervisorAccount"));
+var _SupervisorAccountOutlined = _interopRequireDefault(require("./SupervisorAccountOutlined"));
+var _SupervisorAccountRounded = _interopRequireDefault(require("./SupervisorAccountRounded"));
+var _SupervisorAccountSharp = _interopRequireDefault(require("./SupervisorAccountSharp"));
+var _SupervisorAccountTwoTone = _interopRequireDefault(require("./SupervisorAccountTwoTone"));
+var _Support = _interopRequireDefault(require("./Support"));
+var _SupportAgent = _interopRequireDefault(require("./SupportAgent"));
+var _SupportAgentOutlined = _interopRequireDefault(require("./SupportAgentOutlined"));
+var _SupportAgentRounded = _interopRequireDefault(require("./SupportAgentRounded"));
+var _SupportAgentSharp = _interopRequireDefault(require("./SupportAgentSharp"));
+var _SupportAgentTwoTone = _interopRequireDefault(require("./SupportAgentTwoTone"));
+var _SupportOutlined = _interopRequireDefault(require("./SupportOutlined"));
+var _SupportRounded = _interopRequireDefault(require("./SupportRounded"));
+var _SupportSharp = _interopRequireDefault(require("./SupportSharp"));
+var _SupportTwoTone = _interopRequireDefault(require("./SupportTwoTone"));
+var _Surfing = _interopRequireDefault(require("./Surfing"));
+var _SurfingOutlined = _interopRequireDefault(require("./SurfingOutlined"));
+var _SurfingRounded = _interopRequireDefault(require("./SurfingRounded"));
+var _SurfingSharp = _interopRequireDefault(require("./SurfingSharp"));
+var _SurfingTwoTone = _interopRequireDefault(require("./SurfingTwoTone"));
+var _SurroundSound = _interopRequireDefault(require("./SurroundSound"));
+var _SurroundSoundOutlined = _interopRequireDefault(require("./SurroundSoundOutlined"));
+var _SurroundSoundRounded = _interopRequireDefault(require("./SurroundSoundRounded"));
+var _SurroundSoundSharp = _interopRequireDefault(require("./SurroundSoundSharp"));
+var _SurroundSoundTwoTone = _interopRequireDefault(require("./SurroundSoundTwoTone"));
+var _SwapCalls = _interopRequireDefault(require("./SwapCalls"));
+var _SwapCallsOutlined = _interopRequireDefault(require("./SwapCallsOutlined"));
+var _SwapCallsRounded = _interopRequireDefault(require("./SwapCallsRounded"));
+var _SwapCallsSharp = _interopRequireDefault(require("./SwapCallsSharp"));
+var _SwapCallsTwoTone = _interopRequireDefault(require("./SwapCallsTwoTone"));
+var _SwapHoriz = _interopRequireDefault(require("./SwapHoriz"));
+var _SwapHorizOutlined = _interopRequireDefault(require("./SwapHorizOutlined"));
+var _SwapHorizRounded = _interopRequireDefault(require("./SwapHorizRounded"));
+var _SwapHorizSharp = _interopRequireDefault(require("./SwapHorizSharp"));
+var _SwapHorizTwoTone = _interopRequireDefault(require("./SwapHorizTwoTone"));
+var _SwapHorizontalCircle = _interopRequireDefault(require("./SwapHorizontalCircle"));
+var _SwapHorizontalCircleOutlined = _interopRequireDefault(require("./SwapHorizontalCircleOutlined"));
+var _SwapHorizontalCircleRounded = _interopRequireDefault(require("./SwapHorizontalCircleRounded"));
+var _SwapHorizontalCircleSharp = _interopRequireDefault(require("./SwapHorizontalCircleSharp"));
+var _SwapHorizontalCircleTwoTone = _interopRequireDefault(require("./SwapHorizontalCircleTwoTone"));
+var _SwapVert = _interopRequireDefault(require("./SwapVert"));
+var _SwapVertOutlined = _interopRequireDefault(require("./SwapVertOutlined"));
+var _SwapVertRounded = _interopRequireDefault(require("./SwapVertRounded"));
+var _SwapVertSharp = _interopRequireDefault(require("./SwapVertSharp"));
+var _SwapVertTwoTone = _interopRequireDefault(require("./SwapVertTwoTone"));
+var _SwapVerticalCircle = _interopRequireDefault(require("./SwapVerticalCircle"));
+var _SwapVerticalCircleOutlined = _interopRequireDefault(require("./SwapVerticalCircleOutlined"));
+var _SwapVerticalCircleRounded = _interopRequireDefault(require("./SwapVerticalCircleRounded"));
+var _SwapVerticalCircleSharp = _interopRequireDefault(require("./SwapVerticalCircleSharp"));
+var _SwapVerticalCircleTwoTone = _interopRequireDefault(require("./SwapVerticalCircleTwoTone"));
+var _Swipe = _interopRequireDefault(require("./Swipe"));
+var _SwipeDown = _interopRequireDefault(require("./SwipeDown"));
+var _SwipeDownAlt = _interopRequireDefault(require("./SwipeDownAlt"));
+var _SwipeDownAltOutlined = _interopRequireDefault(require("./SwipeDownAltOutlined"));
+var _SwipeDownAltRounded = _interopRequireDefault(require("./SwipeDownAltRounded"));
+var _SwipeDownAltSharp = _interopRequireDefault(require("./SwipeDownAltSharp"));
+var _SwipeDownAltTwoTone = _interopRequireDefault(require("./SwipeDownAltTwoTone"));
+var _SwipeDownOutlined = _interopRequireDefault(require("./SwipeDownOutlined"));
+var _SwipeDownRounded = _interopRequireDefault(require("./SwipeDownRounded"));
+var _SwipeDownSharp = _interopRequireDefault(require("./SwipeDownSharp"));
+var _SwipeDownTwoTone = _interopRequireDefault(require("./SwipeDownTwoTone"));
+var _SwipeLeft = _interopRequireDefault(require("./SwipeLeft"));
+var _SwipeLeftAlt = _interopRequireDefault(require("./SwipeLeftAlt"));
+var _SwipeLeftAltOutlined = _interopRequireDefault(require("./SwipeLeftAltOutlined"));
+var _SwipeLeftAltRounded = _interopRequireDefault(require("./SwipeLeftAltRounded"));
+var _SwipeLeftAltSharp = _interopRequireDefault(require("./SwipeLeftAltSharp"));
+var _SwipeLeftAltTwoTone = _interopRequireDefault(require("./SwipeLeftAltTwoTone"));
+var _SwipeLeftOutlined = _interopRequireDefault(require("./SwipeLeftOutlined"));
+var _SwipeLeftRounded = _interopRequireDefault(require("./SwipeLeftRounded"));
+var _SwipeLeftSharp = _interopRequireDefault(require("./SwipeLeftSharp"));
+var _SwipeLeftTwoTone = _interopRequireDefault(require("./SwipeLeftTwoTone"));
+var _SwipeOutlined = _interopRequireDefault(require("./SwipeOutlined"));
+var _SwipeRight = _interopRequireDefault(require("./SwipeRight"));
+var _SwipeRightAlt = _interopRequireDefault(require("./SwipeRightAlt"));
+var _SwipeRightAltOutlined = _interopRequireDefault(require("./SwipeRightAltOutlined"));
+var _SwipeRightAltRounded = _interopRequireDefault(require("./SwipeRightAltRounded"));
+var _SwipeRightAltSharp = _interopRequireDefault(require("./SwipeRightAltSharp"));
+var _SwipeRightAltTwoTone = _interopRequireDefault(require("./SwipeRightAltTwoTone"));
+var _SwipeRightOutlined = _interopRequireDefault(require("./SwipeRightOutlined"));
+var _SwipeRightRounded = _interopRequireDefault(require("./SwipeRightRounded"));
+var _SwipeRightSharp = _interopRequireDefault(require("./SwipeRightSharp"));
+var _SwipeRightTwoTone = _interopRequireDefault(require("./SwipeRightTwoTone"));
+var _SwipeRounded = _interopRequireDefault(require("./SwipeRounded"));
+var _SwipeSharp = _interopRequireDefault(require("./SwipeSharp"));
+var _SwipeTwoTone = _interopRequireDefault(require("./SwipeTwoTone"));
+var _SwipeUp = _interopRequireDefault(require("./SwipeUp"));
+var _SwipeUpAlt = _interopRequireDefault(require("./SwipeUpAlt"));
+var _SwipeUpAltOutlined = _interopRequireDefault(require("./SwipeUpAltOutlined"));
+var _SwipeUpAltRounded = _interopRequireDefault(require("./SwipeUpAltRounded"));
+var _SwipeUpAltSharp = _interopRequireDefault(require("./SwipeUpAltSharp"));
+var _SwipeUpAltTwoTone = _interopRequireDefault(require("./SwipeUpAltTwoTone"));
+var _SwipeUpOutlined = _interopRequireDefault(require("./SwipeUpOutlined"));
+var _SwipeUpRounded = _interopRequireDefault(require("./SwipeUpRounded"));
+var _SwipeUpSharp = _interopRequireDefault(require("./SwipeUpSharp"));
+var _SwipeUpTwoTone = _interopRequireDefault(require("./SwipeUpTwoTone"));
+var _SwipeVertical = _interopRequireDefault(require("./SwipeVertical"));
+var _SwipeVerticalOutlined = _interopRequireDefault(require("./SwipeVerticalOutlined"));
+var _SwipeVerticalRounded = _interopRequireDefault(require("./SwipeVerticalRounded"));
+var _SwipeVerticalSharp = _interopRequireDefault(require("./SwipeVerticalSharp"));
+var _SwipeVerticalTwoTone = _interopRequireDefault(require("./SwipeVerticalTwoTone"));
+var _SwitchAccessShortcut = _interopRequireDefault(require("./SwitchAccessShortcut"));
+var _SwitchAccessShortcutAdd = _interopRequireDefault(require("./SwitchAccessShortcutAdd"));
+var _SwitchAccessShortcutAddOutlined = _interopRequireDefault(require("./SwitchAccessShortcutAddOutlined"));
+var _SwitchAccessShortcutAddRounded = _interopRequireDefault(require("./SwitchAccessShortcutAddRounded"));
+var _SwitchAccessShortcutAddSharp = _interopRequireDefault(require("./SwitchAccessShortcutAddSharp"));
+var _SwitchAccessShortcutAddTwoTone = _interopRequireDefault(require("./SwitchAccessShortcutAddTwoTone"));
+var _SwitchAccessShortcutOutlined = _interopRequireDefault(require("./SwitchAccessShortcutOutlined"));
+var _SwitchAccessShortcutRounded = _interopRequireDefault(require("./SwitchAccessShortcutRounded"));
+var _SwitchAccessShortcutSharp = _interopRequireDefault(require("./SwitchAccessShortcutSharp"));
+var _SwitchAccessShortcutTwoTone = _interopRequireDefault(require("./SwitchAccessShortcutTwoTone"));
+var _SwitchAccount = _interopRequireDefault(require("./SwitchAccount"));
+var _SwitchAccountOutlined = _interopRequireDefault(require("./SwitchAccountOutlined"));
+var _SwitchAccountRounded = _interopRequireDefault(require("./SwitchAccountRounded"));
+var _SwitchAccountSharp = _interopRequireDefault(require("./SwitchAccountSharp"));
+var _SwitchAccountTwoTone = _interopRequireDefault(require("./SwitchAccountTwoTone"));
+var _SwitchCamera = _interopRequireDefault(require("./SwitchCamera"));
+var _SwitchCameraOutlined = _interopRequireDefault(require("./SwitchCameraOutlined"));
+var _SwitchCameraRounded = _interopRequireDefault(require("./SwitchCameraRounded"));
+var _SwitchCameraSharp = _interopRequireDefault(require("./SwitchCameraSharp"));
+var _SwitchCameraTwoTone = _interopRequireDefault(require("./SwitchCameraTwoTone"));
+var _SwitchLeft = _interopRequireDefault(require("./SwitchLeft"));
+var _SwitchLeftOutlined = _interopRequireDefault(require("./SwitchLeftOutlined"));
+var _SwitchLeftRounded = _interopRequireDefault(require("./SwitchLeftRounded"));
+var _SwitchLeftSharp = _interopRequireDefault(require("./SwitchLeftSharp"));
+var _SwitchLeftTwoTone = _interopRequireDefault(require("./SwitchLeftTwoTone"));
+var _SwitchRight = _interopRequireDefault(require("./SwitchRight"));
+var _SwitchRightOutlined = _interopRequireDefault(require("./SwitchRightOutlined"));
+var _SwitchRightRounded = _interopRequireDefault(require("./SwitchRightRounded"));
+var _SwitchRightSharp = _interopRequireDefault(require("./SwitchRightSharp"));
+var _SwitchRightTwoTone = _interopRequireDefault(require("./SwitchRightTwoTone"));
+var _SwitchVideo = _interopRequireDefault(require("./SwitchVideo"));
+var _SwitchVideoOutlined = _interopRequireDefault(require("./SwitchVideoOutlined"));
+var _SwitchVideoRounded = _interopRequireDefault(require("./SwitchVideoRounded"));
+var _SwitchVideoSharp = _interopRequireDefault(require("./SwitchVideoSharp"));
+var _SwitchVideoTwoTone = _interopRequireDefault(require("./SwitchVideoTwoTone"));
+var _Synagogue = _interopRequireDefault(require("./Synagogue"));
+var _SynagogueOutlined = _interopRequireDefault(require("./SynagogueOutlined"));
+var _SynagogueRounded = _interopRequireDefault(require("./SynagogueRounded"));
+var _SynagogueSharp = _interopRequireDefault(require("./SynagogueSharp"));
+var _SynagogueTwoTone = _interopRequireDefault(require("./SynagogueTwoTone"));
+var _Sync = _interopRequireDefault(require("./Sync"));
+var _SyncAlt = _interopRequireDefault(require("./SyncAlt"));
+var _SyncAltOutlined = _interopRequireDefault(require("./SyncAltOutlined"));
+var _SyncAltRounded = _interopRequireDefault(require("./SyncAltRounded"));
+var _SyncAltSharp = _interopRequireDefault(require("./SyncAltSharp"));
+var _SyncAltTwoTone = _interopRequireDefault(require("./SyncAltTwoTone"));
+var _SyncDisabled = _interopRequireDefault(require("./SyncDisabled"));
+var _SyncDisabledOutlined = _interopRequireDefault(require("./SyncDisabledOutlined"));
+var _SyncDisabledRounded = _interopRequireDefault(require("./SyncDisabledRounded"));
+var _SyncDisabledSharp = _interopRequireDefault(require("./SyncDisabledSharp"));
+var _SyncDisabledTwoTone = _interopRequireDefault(require("./SyncDisabledTwoTone"));
+var _SyncLock = _interopRequireDefault(require("./SyncLock"));
+var _SyncLockOutlined = _interopRequireDefault(require("./SyncLockOutlined"));
+var _SyncLockRounded = _interopRequireDefault(require("./SyncLockRounded"));
+var _SyncLockSharp = _interopRequireDefault(require("./SyncLockSharp"));
+var _SyncLockTwoTone = _interopRequireDefault(require("./SyncLockTwoTone"));
+var _SyncOutlined = _interopRequireDefault(require("./SyncOutlined"));
+var _SyncProblem = _interopRequireDefault(require("./SyncProblem"));
+var _SyncProblemOutlined = _interopRequireDefault(require("./SyncProblemOutlined"));
+var _SyncProblemRounded = _interopRequireDefault(require("./SyncProblemRounded"));
+var _SyncProblemSharp = _interopRequireDefault(require("./SyncProblemSharp"));
+var _SyncProblemTwoTone = _interopRequireDefault(require("./SyncProblemTwoTone"));
+var _SyncRounded = _interopRequireDefault(require("./SyncRounded"));
+var _SyncSharp = _interopRequireDefault(require("./SyncSharp"));
+var _SyncTwoTone = _interopRequireDefault(require("./SyncTwoTone"));
+var _SystemSecurityUpdate = _interopRequireDefault(require("./SystemSecurityUpdate"));
+var _SystemSecurityUpdateGood = _interopRequireDefault(require("./SystemSecurityUpdateGood"));
+var _SystemSecurityUpdateGoodOutlined = _interopRequireDefault(require("./SystemSecurityUpdateGoodOutlined"));
+var _SystemSecurityUpdateGoodRounded = _interopRequireDefault(require("./SystemSecurityUpdateGoodRounded"));
+var _SystemSecurityUpdateGoodSharp = _interopRequireDefault(require("./SystemSecurityUpdateGoodSharp"));
+var _SystemSecurityUpdateGoodTwoTone = _interopRequireDefault(require("./SystemSecurityUpdateGoodTwoTone"));
+var _SystemSecurityUpdateOutlined = _interopRequireDefault(require("./SystemSecurityUpdateOutlined"));
+var _SystemSecurityUpdateRounded = _interopRequireDefault(require("./SystemSecurityUpdateRounded"));
+var _SystemSecurityUpdateSharp = _interopRequireDefault(require("./SystemSecurityUpdateSharp"));
+var _SystemSecurityUpdateTwoTone = _interopRequireDefault(require("./SystemSecurityUpdateTwoTone"));
+var _SystemSecurityUpdateWarning = _interopRequireDefault(require("./SystemSecurityUpdateWarning"));
+var _SystemSecurityUpdateWarningOutlined = _interopRequireDefault(require("./SystemSecurityUpdateWarningOutlined"));
+var _SystemSecurityUpdateWarningRounded = _interopRequireDefault(require("./SystemSecurityUpdateWarningRounded"));
+var _SystemSecurityUpdateWarningSharp = _interopRequireDefault(require("./SystemSecurityUpdateWarningSharp"));
+var _SystemSecurityUpdateWarningTwoTone = _interopRequireDefault(require("./SystemSecurityUpdateWarningTwoTone"));
+var _SystemUpdate = _interopRequireDefault(require("./SystemUpdate"));
+var _SystemUpdateAlt = _interopRequireDefault(require("./SystemUpdateAlt"));
+var _SystemUpdateAltOutlined = _interopRequireDefault(require("./SystemUpdateAltOutlined"));
+var _SystemUpdateAltRounded = _interopRequireDefault(require("./SystemUpdateAltRounded"));
+var _SystemUpdateAltSharp = _interopRequireDefault(require("./SystemUpdateAltSharp"));
+var _SystemUpdateAltTwoTone = _interopRequireDefault(require("./SystemUpdateAltTwoTone"));
+var _SystemUpdateOutlined = _interopRequireDefault(require("./SystemUpdateOutlined"));
+var _SystemUpdateRounded = _interopRequireDefault(require("./SystemUpdateRounded"));
+var _SystemUpdateSharp = _interopRequireDefault(require("./SystemUpdateSharp"));
+var _SystemUpdateTwoTone = _interopRequireDefault(require("./SystemUpdateTwoTone"));
+var _Tab = _interopRequireDefault(require("./Tab"));
+var _TabOutlined = _interopRequireDefault(require("./TabOutlined"));
+var _TabRounded = _interopRequireDefault(require("./TabRounded"));
+var _TabSharp = _interopRequireDefault(require("./TabSharp"));
+var _TabTwoTone = _interopRequireDefault(require("./TabTwoTone"));
+var _TabUnselected = _interopRequireDefault(require("./TabUnselected"));
+var _TabUnselectedOutlined = _interopRequireDefault(require("./TabUnselectedOutlined"));
+var _TabUnselectedRounded = _interopRequireDefault(require("./TabUnselectedRounded"));
+var _TabUnselectedSharp = _interopRequireDefault(require("./TabUnselectedSharp"));
+var _TabUnselectedTwoTone = _interopRequireDefault(require("./TabUnselectedTwoTone"));
+var _TableBar = _interopRequireDefault(require("./TableBar"));
+var _TableBarOutlined = _interopRequireDefault(require("./TableBarOutlined"));
+var _TableBarRounded = _interopRequireDefault(require("./TableBarRounded"));
+var _TableBarSharp = _interopRequireDefault(require("./TableBarSharp"));
+var _TableBarTwoTone = _interopRequireDefault(require("./TableBarTwoTone"));
+var _TableChart = _interopRequireDefault(require("./TableChart"));
+var _TableChartOutlined = _interopRequireDefault(require("./TableChartOutlined"));
+var _TableChartRounded = _interopRequireDefault(require("./TableChartRounded"));
+var _TableChartSharp = _interopRequireDefault(require("./TableChartSharp"));
+var _TableChartTwoTone = _interopRequireDefault(require("./TableChartTwoTone"));
+var _TableRestaurant = _interopRequireDefault(require("./TableRestaurant"));
+var _TableRestaurantOutlined = _interopRequireDefault(require("./TableRestaurantOutlined"));
+var _TableRestaurantRounded = _interopRequireDefault(require("./TableRestaurantRounded"));
+var _TableRestaurantSharp = _interopRequireDefault(require("./TableRestaurantSharp"));
+var _TableRestaurantTwoTone = _interopRequireDefault(require("./TableRestaurantTwoTone"));
+var _TableRows = _interopRequireDefault(require("./TableRows"));
+var _TableRowsOutlined = _interopRequireDefault(require("./TableRowsOutlined"));
+var _TableRowsRounded = _interopRequireDefault(require("./TableRowsRounded"));
+var _TableRowsSharp = _interopRequireDefault(require("./TableRowsSharp"));
+var _TableRowsTwoTone = _interopRequireDefault(require("./TableRowsTwoTone"));
+var _TableView = _interopRequireDefault(require("./TableView"));
+var _TableViewOutlined = _interopRequireDefault(require("./TableViewOutlined"));
+var _TableViewRounded = _interopRequireDefault(require("./TableViewRounded"));
+var _TableViewSharp = _interopRequireDefault(require("./TableViewSharp"));
+var _TableViewTwoTone = _interopRequireDefault(require("./TableViewTwoTone"));
+var _Tablet = _interopRequireDefault(require("./Tablet"));
+var _TabletAndroid = _interopRequireDefault(require("./TabletAndroid"));
+var _TabletAndroidOutlined = _interopRequireDefault(require("./TabletAndroidOutlined"));
+var _TabletAndroidRounded = _interopRequireDefault(require("./TabletAndroidRounded"));
+var _TabletAndroidSharp = _interopRequireDefault(require("./TabletAndroidSharp"));
+var _TabletAndroidTwoTone = _interopRequireDefault(require("./TabletAndroidTwoTone"));
+var _TabletMac = _interopRequireDefault(require("./TabletMac"));
+var _TabletMacOutlined = _interopRequireDefault(require("./TabletMacOutlined"));
+var _TabletMacRounded = _interopRequireDefault(require("./TabletMacRounded"));
+var _TabletMacSharp = _interopRequireDefault(require("./TabletMacSharp"));
+var _TabletMacTwoTone = _interopRequireDefault(require("./TabletMacTwoTone"));
+var _TabletOutlined = _interopRequireDefault(require("./TabletOutlined"));
+var _TabletRounded = _interopRequireDefault(require("./TabletRounded"));
+var _TabletSharp = _interopRequireDefault(require("./TabletSharp"));
+var _TabletTwoTone = _interopRequireDefault(require("./TabletTwoTone"));
+var _Tag = _interopRequireDefault(require("./Tag"));
+var _TagFaces = _interopRequireDefault(require("./TagFaces"));
+var _TagFacesOutlined = _interopRequireDefault(require("./TagFacesOutlined"));
+var _TagFacesRounded = _interopRequireDefault(require("./TagFacesRounded"));
+var _TagFacesSharp = _interopRequireDefault(require("./TagFacesSharp"));
+var _TagFacesTwoTone = _interopRequireDefault(require("./TagFacesTwoTone"));
+var _TagOutlined = _interopRequireDefault(require("./TagOutlined"));
+var _TagRounded = _interopRequireDefault(require("./TagRounded"));
+var _TagSharp = _interopRequireDefault(require("./TagSharp"));
+var _TagTwoTone = _interopRequireDefault(require("./TagTwoTone"));
+var _TakeoutDining = _interopRequireDefault(require("./TakeoutDining"));
+var _TakeoutDiningOutlined = _interopRequireDefault(require("./TakeoutDiningOutlined"));
+var _TakeoutDiningRounded = _interopRequireDefault(require("./TakeoutDiningRounded"));
+var _TakeoutDiningSharp = _interopRequireDefault(require("./TakeoutDiningSharp"));
+var _TakeoutDiningTwoTone = _interopRequireDefault(require("./TakeoutDiningTwoTone"));
+var _TapAndPlay = _interopRequireDefault(require("./TapAndPlay"));
+var _TapAndPlayOutlined = _interopRequireDefault(require("./TapAndPlayOutlined"));
+var _TapAndPlayRounded = _interopRequireDefault(require("./TapAndPlayRounded"));
+var _TapAndPlaySharp = _interopRequireDefault(require("./TapAndPlaySharp"));
+var _TapAndPlayTwoTone = _interopRequireDefault(require("./TapAndPlayTwoTone"));
+var _Tapas = _interopRequireDefault(require("./Tapas"));
+var _TapasOutlined = _interopRequireDefault(require("./TapasOutlined"));
+var _TapasRounded = _interopRequireDefault(require("./TapasRounded"));
+var _TapasSharp = _interopRequireDefault(require("./TapasSharp"));
+var _TapasTwoTone = _interopRequireDefault(require("./TapasTwoTone"));
+var _Task = _interopRequireDefault(require("./Task"));
+var _TaskAlt = _interopRequireDefault(require("./TaskAlt"));
+var _TaskAltOutlined = _interopRequireDefault(require("./TaskAltOutlined"));
+var _TaskAltRounded = _interopRequireDefault(require("./TaskAltRounded"));
+var _TaskAltSharp = _interopRequireDefault(require("./TaskAltSharp"));
+var _TaskAltTwoTone = _interopRequireDefault(require("./TaskAltTwoTone"));
+var _TaskOutlined = _interopRequireDefault(require("./TaskOutlined"));
+var _TaskRounded = _interopRequireDefault(require("./TaskRounded"));
+var _TaskSharp = _interopRequireDefault(require("./TaskSharp"));
+var _TaskTwoTone = _interopRequireDefault(require("./TaskTwoTone"));
+var _TaxiAlert = _interopRequireDefault(require("./TaxiAlert"));
+var _TaxiAlertOutlined = _interopRequireDefault(require("./TaxiAlertOutlined"));
+var _TaxiAlertRounded = _interopRequireDefault(require("./TaxiAlertRounded"));
+var _TaxiAlertSharp = _interopRequireDefault(require("./TaxiAlertSharp"));
+var _TaxiAlertTwoTone = _interopRequireDefault(require("./TaxiAlertTwoTone"));
+var _Telegram = _interopRequireDefault(require("./Telegram"));
+var _TempleBuddhist = _interopRequireDefault(require("./TempleBuddhist"));
+var _TempleBuddhistOutlined = _interopRequireDefault(require("./TempleBuddhistOutlined"));
+var _TempleBuddhistRounded = _interopRequireDefault(require("./TempleBuddhistRounded"));
+var _TempleBuddhistSharp = _interopRequireDefault(require("./TempleBuddhistSharp"));
+var _TempleBuddhistTwoTone = _interopRequireDefault(require("./TempleBuddhistTwoTone"));
+var _TempleHindu = _interopRequireDefault(require("./TempleHindu"));
+var _TempleHinduOutlined = _interopRequireDefault(require("./TempleHinduOutlined"));
+var _TempleHinduRounded = _interopRequireDefault(require("./TempleHinduRounded"));
+var _TempleHinduSharp = _interopRequireDefault(require("./TempleHinduSharp"));
+var _TempleHinduTwoTone = _interopRequireDefault(require("./TempleHinduTwoTone"));
+var _TenMp = _interopRequireDefault(require("./TenMp"));
+var _TenMpOutlined = _interopRequireDefault(require("./TenMpOutlined"));
+var _TenMpRounded = _interopRequireDefault(require("./TenMpRounded"));
+var _TenMpSharp = _interopRequireDefault(require("./TenMpSharp"));
+var _TenMpTwoTone = _interopRequireDefault(require("./TenMpTwoTone"));
+var _Terminal = _interopRequireDefault(require("./Terminal"));
+var _TerminalOutlined = _interopRequireDefault(require("./TerminalOutlined"));
+var _TerminalRounded = _interopRequireDefault(require("./TerminalRounded"));
+var _TerminalSharp = _interopRequireDefault(require("./TerminalSharp"));
+var _TerminalTwoTone = _interopRequireDefault(require("./TerminalTwoTone"));
+var _Terrain = _interopRequireDefault(require("./Terrain"));
+var _TerrainOutlined = _interopRequireDefault(require("./TerrainOutlined"));
+var _TerrainRounded = _interopRequireDefault(require("./TerrainRounded"));
+var _TerrainSharp = _interopRequireDefault(require("./TerrainSharp"));
+var _TerrainTwoTone = _interopRequireDefault(require("./TerrainTwoTone"));
+var _TextDecrease = _interopRequireDefault(require("./TextDecrease"));
+var _TextDecreaseOutlined = _interopRequireDefault(require("./TextDecreaseOutlined"));
+var _TextDecreaseRounded = _interopRequireDefault(require("./TextDecreaseRounded"));
+var _TextDecreaseSharp = _interopRequireDefault(require("./TextDecreaseSharp"));
+var _TextDecreaseTwoTone = _interopRequireDefault(require("./TextDecreaseTwoTone"));
+var _TextFields = _interopRequireDefault(require("./TextFields"));
+var _TextFieldsOutlined = _interopRequireDefault(require("./TextFieldsOutlined"));
+var _TextFieldsRounded = _interopRequireDefault(require("./TextFieldsRounded"));
+var _TextFieldsSharp = _interopRequireDefault(require("./TextFieldsSharp"));
+var _TextFieldsTwoTone = _interopRequireDefault(require("./TextFieldsTwoTone"));
+var _TextFormat = _interopRequireDefault(require("./TextFormat"));
+var _TextFormatOutlined = _interopRequireDefault(require("./TextFormatOutlined"));
+var _TextFormatRounded = _interopRequireDefault(require("./TextFormatRounded"));
+var _TextFormatSharp = _interopRequireDefault(require("./TextFormatSharp"));
+var _TextFormatTwoTone = _interopRequireDefault(require("./TextFormatTwoTone"));
+var _TextIncrease = _interopRequireDefault(require("./TextIncrease"));
+var _TextIncreaseOutlined = _interopRequireDefault(require("./TextIncreaseOutlined"));
+var _TextIncreaseRounded = _interopRequireDefault(require("./TextIncreaseRounded"));
+var _TextIncreaseSharp = _interopRequireDefault(require("./TextIncreaseSharp"));
+var _TextIncreaseTwoTone = _interopRequireDefault(require("./TextIncreaseTwoTone"));
+var _TextRotateUp = _interopRequireDefault(require("./TextRotateUp"));
+var _TextRotateUpOutlined = _interopRequireDefault(require("./TextRotateUpOutlined"));
+var _TextRotateUpRounded = _interopRequireDefault(require("./TextRotateUpRounded"));
+var _TextRotateUpSharp = _interopRequireDefault(require("./TextRotateUpSharp"));
+var _TextRotateUpTwoTone = _interopRequireDefault(require("./TextRotateUpTwoTone"));
+var _TextRotateVertical = _interopRequireDefault(require("./TextRotateVertical"));
+var _TextRotateVerticalOutlined = _interopRequireDefault(require("./TextRotateVerticalOutlined"));
+var _TextRotateVerticalRounded = _interopRequireDefault(require("./TextRotateVerticalRounded"));
+var _TextRotateVerticalSharp = _interopRequireDefault(require("./TextRotateVerticalSharp"));
+var _TextRotateVerticalTwoTone = _interopRequireDefault(require("./TextRotateVerticalTwoTone"));
+var _TextRotationAngledown = _interopRequireDefault(require("./TextRotationAngledown"));
+var _TextRotationAngledownOutlined = _interopRequireDefault(require("./TextRotationAngledownOutlined"));
+var _TextRotationAngledownRounded = _interopRequireDefault(require("./TextRotationAngledownRounded"));
+var _TextRotationAngledownSharp = _interopRequireDefault(require("./TextRotationAngledownSharp"));
+var _TextRotationAngledownTwoTone = _interopRequireDefault(require("./TextRotationAngledownTwoTone"));
+var _TextRotationAngleup = _interopRequireDefault(require("./TextRotationAngleup"));
+var _TextRotationAngleupOutlined = _interopRequireDefault(require("./TextRotationAngleupOutlined"));
+var _TextRotationAngleupRounded = _interopRequireDefault(require("./TextRotationAngleupRounded"));
+var _TextRotationAngleupSharp = _interopRequireDefault(require("./TextRotationAngleupSharp"));
+var _TextRotationAngleupTwoTone = _interopRequireDefault(require("./TextRotationAngleupTwoTone"));
+var _TextRotationDown = _interopRequireDefault(require("./TextRotationDown"));
+var _TextRotationDownOutlined = _interopRequireDefault(require("./TextRotationDownOutlined"));
+var _TextRotationDownRounded = _interopRequireDefault(require("./TextRotationDownRounded"));
+var _TextRotationDownSharp = _interopRequireDefault(require("./TextRotationDownSharp"));
+var _TextRotationDownTwoTone = _interopRequireDefault(require("./TextRotationDownTwoTone"));
+var _TextRotationNone = _interopRequireDefault(require("./TextRotationNone"));
+var _TextRotationNoneOutlined = _interopRequireDefault(require("./TextRotationNoneOutlined"));
+var _TextRotationNoneRounded = _interopRequireDefault(require("./TextRotationNoneRounded"));
+var _TextRotationNoneSharp = _interopRequireDefault(require("./TextRotationNoneSharp"));
+var _TextRotationNoneTwoTone = _interopRequireDefault(require("./TextRotationNoneTwoTone"));
+var _TextSnippet = _interopRequireDefault(require("./TextSnippet"));
+var _TextSnippetOutlined = _interopRequireDefault(require("./TextSnippetOutlined"));
+var _TextSnippetRounded = _interopRequireDefault(require("./TextSnippetRounded"));
+var _TextSnippetSharp = _interopRequireDefault(require("./TextSnippetSharp"));
+var _TextSnippetTwoTone = _interopRequireDefault(require("./TextSnippetTwoTone"));
+var _Textsms = _interopRequireDefault(require("./Textsms"));
+var _TextsmsOutlined = _interopRequireDefault(require("./TextsmsOutlined"));
+var _TextsmsRounded = _interopRequireDefault(require("./TextsmsRounded"));
+var _TextsmsSharp = _interopRequireDefault(require("./TextsmsSharp"));
+var _TextsmsTwoTone = _interopRequireDefault(require("./TextsmsTwoTone"));
+var _Texture = _interopRequireDefault(require("./Texture"));
+var _TextureOutlined = _interopRequireDefault(require("./TextureOutlined"));
+var _TextureRounded = _interopRequireDefault(require("./TextureRounded"));
+var _TextureSharp = _interopRequireDefault(require("./TextureSharp"));
+var _TextureTwoTone = _interopRequireDefault(require("./TextureTwoTone"));
+var _TheaterComedy = _interopRequireDefault(require("./TheaterComedy"));
+var _TheaterComedyOutlined = _interopRequireDefault(require("./TheaterComedyOutlined"));
+var _TheaterComedyRounded = _interopRequireDefault(require("./TheaterComedyRounded"));
+var _TheaterComedySharp = _interopRequireDefault(require("./TheaterComedySharp"));
+var _TheaterComedyTwoTone = _interopRequireDefault(require("./TheaterComedyTwoTone"));
+var _Theaters = _interopRequireDefault(require("./Theaters"));
+var _TheatersOutlined = _interopRequireDefault(require("./TheatersOutlined"));
+var _TheatersRounded = _interopRequireDefault(require("./TheatersRounded"));
+var _TheatersSharp = _interopRequireDefault(require("./TheatersSharp"));
+var _TheatersTwoTone = _interopRequireDefault(require("./TheatersTwoTone"));
+var _Thermostat = _interopRequireDefault(require("./Thermostat"));
+var _ThermostatAuto = _interopRequireDefault(require("./ThermostatAuto"));
+var _ThermostatAutoOutlined = _interopRequireDefault(require("./ThermostatAutoOutlined"));
+var _ThermostatAutoRounded = _interopRequireDefault(require("./ThermostatAutoRounded"));
+var _ThermostatAutoSharp = _interopRequireDefault(require("./ThermostatAutoSharp"));
+var _ThermostatAutoTwoTone = _interopRequireDefault(require("./ThermostatAutoTwoTone"));
+var _ThermostatOutlined = _interopRequireDefault(require("./ThermostatOutlined"));
+var _ThermostatRounded = _interopRequireDefault(require("./ThermostatRounded"));
+var _ThermostatSharp = _interopRequireDefault(require("./ThermostatSharp"));
+var _ThermostatTwoTone = _interopRequireDefault(require("./ThermostatTwoTone"));
+var _ThirteenMp = _interopRequireDefault(require("./ThirteenMp"));
+var _ThirteenMpOutlined = _interopRequireDefault(require("./ThirteenMpOutlined"));
+var _ThirteenMpRounded = _interopRequireDefault(require("./ThirteenMpRounded"));
+var _ThirteenMpSharp = _interopRequireDefault(require("./ThirteenMpSharp"));
+var _ThirteenMpTwoTone = _interopRequireDefault(require("./ThirteenMpTwoTone"));
+var _ThirtyFps = _interopRequireDefault(require("./ThirtyFps"));
+var _ThirtyFpsOutlined = _interopRequireDefault(require("./ThirtyFpsOutlined"));
+var _ThirtyFpsRounded = _interopRequireDefault(require("./ThirtyFpsRounded"));
+var _ThirtyFpsSelect = _interopRequireDefault(require("./ThirtyFpsSelect"));
+var _ThirtyFpsSelectOutlined = _interopRequireDefault(require("./ThirtyFpsSelectOutlined"));
+var _ThirtyFpsSelectRounded = _interopRequireDefault(require("./ThirtyFpsSelectRounded"));
+var _ThirtyFpsSelectSharp = _interopRequireDefault(require("./ThirtyFpsSelectSharp"));
+var _ThirtyFpsSelectTwoTone = _interopRequireDefault(require("./ThirtyFpsSelectTwoTone"));
+var _ThirtyFpsSharp = _interopRequireDefault(require("./ThirtyFpsSharp"));
+var _ThirtyFpsTwoTone = _interopRequireDefault(require("./ThirtyFpsTwoTone"));
+var _ThreeDRotation = _interopRequireDefault(require("./ThreeDRotation"));
+var _ThreeDRotationOutlined = _interopRequireDefault(require("./ThreeDRotationOutlined"));
+var _ThreeDRotationRounded = _interopRequireDefault(require("./ThreeDRotationRounded"));
+var _ThreeDRotationSharp = _interopRequireDefault(require("./ThreeDRotationSharp"));
+var _ThreeDRotationTwoTone = _interopRequireDefault(require("./ThreeDRotationTwoTone"));
+var _ThreeGMobiledata = _interopRequireDefault(require("./ThreeGMobiledata"));
+var _ThreeGMobiledataOutlined = _interopRequireDefault(require("./ThreeGMobiledataOutlined"));
+var _ThreeGMobiledataRounded = _interopRequireDefault(require("./ThreeGMobiledataRounded"));
+var _ThreeGMobiledataSharp = _interopRequireDefault(require("./ThreeGMobiledataSharp"));
+var _ThreeGMobiledataTwoTone = _interopRequireDefault(require("./ThreeGMobiledataTwoTone"));
+var _ThreeK = _interopRequireDefault(require("./ThreeK"));
+var _ThreeKOutlined = _interopRequireDefault(require("./ThreeKOutlined"));
+var _ThreeKPlus = _interopRequireDefault(require("./ThreeKPlus"));
+var _ThreeKPlusOutlined = _interopRequireDefault(require("./ThreeKPlusOutlined"));
+var _ThreeKPlusRounded = _interopRequireDefault(require("./ThreeKPlusRounded"));
+var _ThreeKPlusSharp = _interopRequireDefault(require("./ThreeKPlusSharp"));
+var _ThreeKPlusTwoTone = _interopRequireDefault(require("./ThreeKPlusTwoTone"));
+var _ThreeKRounded = _interopRequireDefault(require("./ThreeKRounded"));
+var _ThreeKSharp = _interopRequireDefault(require("./ThreeKSharp"));
+var _ThreeKTwoTone = _interopRequireDefault(require("./ThreeKTwoTone"));
+var _ThreeMp = _interopRequireDefault(require("./ThreeMp"));
+var _ThreeMpOutlined = _interopRequireDefault(require("./ThreeMpOutlined"));
+var _ThreeMpRounded = _interopRequireDefault(require("./ThreeMpRounded"));
+var _ThreeMpSharp = _interopRequireDefault(require("./ThreeMpSharp"));
+var _ThreeMpTwoTone = _interopRequireDefault(require("./ThreeMpTwoTone"));
+var _ThreeP = _interopRequireDefault(require("./ThreeP"));
+var _ThreePOutlined = _interopRequireDefault(require("./ThreePOutlined"));
+var _ThreePRounded = _interopRequireDefault(require("./ThreePRounded"));
+var _ThreePSharp = _interopRequireDefault(require("./ThreePSharp"));
+var _ThreePTwoTone = _interopRequireDefault(require("./ThreePTwoTone"));
+var _ThreeSixty = _interopRequireDefault(require("./ThreeSixty"));
+var _ThreeSixtyOutlined = _interopRequireDefault(require("./ThreeSixtyOutlined"));
+var _ThreeSixtyRounded = _interopRequireDefault(require("./ThreeSixtyRounded"));
+var _ThreeSixtySharp = _interopRequireDefault(require("./ThreeSixtySharp"));
+var _ThreeSixtyTwoTone = _interopRequireDefault(require("./ThreeSixtyTwoTone"));
+var _ThumbDown = _interopRequireDefault(require("./ThumbDown"));
+var _ThumbDownAlt = _interopRequireDefault(require("./ThumbDownAlt"));
+var _ThumbDownAltOutlined = _interopRequireDefault(require("./ThumbDownAltOutlined"));
+var _ThumbDownAltRounded = _interopRequireDefault(require("./ThumbDownAltRounded"));
+var _ThumbDownAltSharp = _interopRequireDefault(require("./ThumbDownAltSharp"));
+var _ThumbDownAltTwoTone = _interopRequireDefault(require("./ThumbDownAltTwoTone"));
+var _ThumbDownOffAlt = _interopRequireDefault(require("./ThumbDownOffAlt"));
+var _ThumbDownOffAltOutlined = _interopRequireDefault(require("./ThumbDownOffAltOutlined"));
+var _ThumbDownOffAltRounded = _interopRequireDefault(require("./ThumbDownOffAltRounded"));
+var _ThumbDownOffAltSharp = _interopRequireDefault(require("./ThumbDownOffAltSharp"));
+var _ThumbDownOffAltTwoTone = _interopRequireDefault(require("./ThumbDownOffAltTwoTone"));
+var _ThumbDownOutlined = _interopRequireDefault(require("./ThumbDownOutlined"));
+var _ThumbDownRounded = _interopRequireDefault(require("./ThumbDownRounded"));
+var _ThumbDownSharp = _interopRequireDefault(require("./ThumbDownSharp"));
+var _ThumbDownTwoTone = _interopRequireDefault(require("./ThumbDownTwoTone"));
+var _ThumbUp = _interopRequireDefault(require("./ThumbUp"));
+var _ThumbUpAlt = _interopRequireDefault(require("./ThumbUpAlt"));
+var _ThumbUpAltOutlined = _interopRequireDefault(require("./ThumbUpAltOutlined"));
+var _ThumbUpAltRounded = _interopRequireDefault(require("./ThumbUpAltRounded"));
+var _ThumbUpAltSharp = _interopRequireDefault(require("./ThumbUpAltSharp"));
+var _ThumbUpAltTwoTone = _interopRequireDefault(require("./ThumbUpAltTwoTone"));
+var _ThumbUpOffAlt = _interopRequireDefault(require("./ThumbUpOffAlt"));
+var _ThumbUpOffAltOutlined = _interopRequireDefault(require("./ThumbUpOffAltOutlined"));
+var _ThumbUpOffAltRounded = _interopRequireDefault(require("./ThumbUpOffAltRounded"));
+var _ThumbUpOffAltSharp = _interopRequireDefault(require("./ThumbUpOffAltSharp"));
+var _ThumbUpOffAltTwoTone = _interopRequireDefault(require("./ThumbUpOffAltTwoTone"));
+var _ThumbUpOutlined = _interopRequireDefault(require("./ThumbUpOutlined"));
+var _ThumbUpRounded = _interopRequireDefault(require("./ThumbUpRounded"));
+var _ThumbUpSharp = _interopRequireDefault(require("./ThumbUpSharp"));
+var _ThumbUpTwoTone = _interopRequireDefault(require("./ThumbUpTwoTone"));
+var _ThumbsUpDown = _interopRequireDefault(require("./ThumbsUpDown"));
+var _ThumbsUpDownOutlined = _interopRequireDefault(require("./ThumbsUpDownOutlined"));
+var _ThumbsUpDownRounded = _interopRequireDefault(require("./ThumbsUpDownRounded"));
+var _ThumbsUpDownSharp = _interopRequireDefault(require("./ThumbsUpDownSharp"));
+var _ThumbsUpDownTwoTone = _interopRequireDefault(require("./ThumbsUpDownTwoTone"));
+var _Thunderstorm = _interopRequireDefault(require("./Thunderstorm"));
+var _ThunderstormOutlined = _interopRequireDefault(require("./ThunderstormOutlined"));
+var _ThunderstormRounded = _interopRequireDefault(require("./ThunderstormRounded"));
+var _ThunderstormSharp = _interopRequireDefault(require("./ThunderstormSharp"));
+var _ThunderstormTwoTone = _interopRequireDefault(require("./ThunderstormTwoTone"));
+var _TimeToLeave = _interopRequireDefault(require("./TimeToLeave"));
+var _TimeToLeaveOutlined = _interopRequireDefault(require("./TimeToLeaveOutlined"));
+var _TimeToLeaveRounded = _interopRequireDefault(require("./TimeToLeaveRounded"));
+var _TimeToLeaveSharp = _interopRequireDefault(require("./TimeToLeaveSharp"));
+var _TimeToLeaveTwoTone = _interopRequireDefault(require("./TimeToLeaveTwoTone"));
+var _Timelapse = _interopRequireDefault(require("./Timelapse"));
+var _TimelapseOutlined = _interopRequireDefault(require("./TimelapseOutlined"));
+var _TimelapseRounded = _interopRequireDefault(require("./TimelapseRounded"));
+var _TimelapseSharp = _interopRequireDefault(require("./TimelapseSharp"));
+var _TimelapseTwoTone = _interopRequireDefault(require("./TimelapseTwoTone"));
+var _Timeline = _interopRequireDefault(require("./Timeline"));
+var _TimelineOutlined = _interopRequireDefault(require("./TimelineOutlined"));
+var _TimelineRounded = _interopRequireDefault(require("./TimelineRounded"));
+var _TimelineSharp = _interopRequireDefault(require("./TimelineSharp"));
+var _TimelineTwoTone = _interopRequireDefault(require("./TimelineTwoTone"));
+var _Timer = _interopRequireDefault(require("./Timer"));
+var _Timer2 = _interopRequireDefault(require("./Timer10"));
+var _Timer10Outlined = _interopRequireDefault(require("./Timer10Outlined"));
+var _Timer10Rounded = _interopRequireDefault(require("./Timer10Rounded"));
+var _Timer10Select = _interopRequireDefault(require("./Timer10Select"));
+var _Timer10SelectOutlined = _interopRequireDefault(require("./Timer10SelectOutlined"));
+var _Timer10SelectRounded = _interopRequireDefault(require("./Timer10SelectRounded"));
+var _Timer10SelectSharp = _interopRequireDefault(require("./Timer10SelectSharp"));
+var _Timer10SelectTwoTone = _interopRequireDefault(require("./Timer10SelectTwoTone"));
+var _Timer10Sharp = _interopRequireDefault(require("./Timer10Sharp"));
+var _Timer10TwoTone = _interopRequireDefault(require("./Timer10TwoTone"));
+var _Timer3 = _interopRequireDefault(require("./Timer3"));
+var _Timer3Outlined = _interopRequireDefault(require("./Timer3Outlined"));
+var _Timer3Rounded = _interopRequireDefault(require("./Timer3Rounded"));
+var _Timer3Select = _interopRequireDefault(require("./Timer3Select"));
+var _Timer3SelectOutlined = _interopRequireDefault(require("./Timer3SelectOutlined"));
+var _Timer3SelectRounded = _interopRequireDefault(require("./Timer3SelectRounded"));
+var _Timer3SelectSharp = _interopRequireDefault(require("./Timer3SelectSharp"));
+var _Timer3SelectTwoTone = _interopRequireDefault(require("./Timer3SelectTwoTone"));
+var _Timer3Sharp = _interopRequireDefault(require("./Timer3Sharp"));
+var _Timer3TwoTone = _interopRequireDefault(require("./Timer3TwoTone"));
+var _TimerOff = _interopRequireDefault(require("./TimerOff"));
+var _TimerOffOutlined = _interopRequireDefault(require("./TimerOffOutlined"));
+var _TimerOffRounded = _interopRequireDefault(require("./TimerOffRounded"));
+var _TimerOffSharp = _interopRequireDefault(require("./TimerOffSharp"));
+var _TimerOffTwoTone = _interopRequireDefault(require("./TimerOffTwoTone"));
+var _TimerOutlined = _interopRequireDefault(require("./TimerOutlined"));
+var _TimerRounded = _interopRequireDefault(require("./TimerRounded"));
+var _TimerSharp = _interopRequireDefault(require("./TimerSharp"));
+var _TimerTwoTone = _interopRequireDefault(require("./TimerTwoTone"));
+var _TimesOneMobiledata = _interopRequireDefault(require("./TimesOneMobiledata"));
+var _TimesOneMobiledataOutlined = _interopRequireDefault(require("./TimesOneMobiledataOutlined"));
+var _TimesOneMobiledataRounded = _interopRequireDefault(require("./TimesOneMobiledataRounded"));
+var _TimesOneMobiledataSharp = _interopRequireDefault(require("./TimesOneMobiledataSharp"));
+var _TimesOneMobiledataTwoTone = _interopRequireDefault(require("./TimesOneMobiledataTwoTone"));
+var _TipsAndUpdates = _interopRequireDefault(require("./TipsAndUpdates"));
+var _TipsAndUpdatesOutlined = _interopRequireDefault(require("./TipsAndUpdatesOutlined"));
+var _TipsAndUpdatesRounded = _interopRequireDefault(require("./TipsAndUpdatesRounded"));
+var _TipsAndUpdatesSharp = _interopRequireDefault(require("./TipsAndUpdatesSharp"));
+var _TipsAndUpdatesTwoTone = _interopRequireDefault(require("./TipsAndUpdatesTwoTone"));
+var _TireRepair = _interopRequireDefault(require("./TireRepair"));
+var _TireRepairOutlined = _interopRequireDefault(require("./TireRepairOutlined"));
+var _TireRepairRounded = _interopRequireDefault(require("./TireRepairRounded"));
+var _TireRepairSharp = _interopRequireDefault(require("./TireRepairSharp"));
+var _TireRepairTwoTone = _interopRequireDefault(require("./TireRepairTwoTone"));
+var _Title = _interopRequireDefault(require("./Title"));
+var _TitleOutlined = _interopRequireDefault(require("./TitleOutlined"));
+var _TitleRounded = _interopRequireDefault(require("./TitleRounded"));
+var _TitleSharp = _interopRequireDefault(require("./TitleSharp"));
+var _TitleTwoTone = _interopRequireDefault(require("./TitleTwoTone"));
+var _Toc = _interopRequireDefault(require("./Toc"));
+var _TocOutlined = _interopRequireDefault(require("./TocOutlined"));
+var _TocRounded = _interopRequireDefault(require("./TocRounded"));
+var _TocSharp = _interopRequireDefault(require("./TocSharp"));
+var _TocTwoTone = _interopRequireDefault(require("./TocTwoTone"));
+var _Today = _interopRequireDefault(require("./Today"));
+var _TodayOutlined = _interopRequireDefault(require("./TodayOutlined"));
+var _TodayRounded = _interopRequireDefault(require("./TodayRounded"));
+var _TodaySharp = _interopRequireDefault(require("./TodaySharp"));
+var _TodayTwoTone = _interopRequireDefault(require("./TodayTwoTone"));
+var _ToggleOff = _interopRequireDefault(require("./ToggleOff"));
+var _ToggleOffOutlined = _interopRequireDefault(require("./ToggleOffOutlined"));
+var _ToggleOffRounded = _interopRequireDefault(require("./ToggleOffRounded"));
+var _ToggleOffSharp = _interopRequireDefault(require("./ToggleOffSharp"));
+var _ToggleOffTwoTone = _interopRequireDefault(require("./ToggleOffTwoTone"));
+var _ToggleOn = _interopRequireDefault(require("./ToggleOn"));
+var _ToggleOnOutlined = _interopRequireDefault(require("./ToggleOnOutlined"));
+var _ToggleOnRounded = _interopRequireDefault(require("./ToggleOnRounded"));
+var _ToggleOnSharp = _interopRequireDefault(require("./ToggleOnSharp"));
+var _ToggleOnTwoTone = _interopRequireDefault(require("./ToggleOnTwoTone"));
+var _Token = _interopRequireDefault(require("./Token"));
+var _TokenOutlined = _interopRequireDefault(require("./TokenOutlined"));
+var _TokenRounded = _interopRequireDefault(require("./TokenRounded"));
+var _TokenSharp = _interopRequireDefault(require("./TokenSharp"));
+var _TokenTwoTone = _interopRequireDefault(require("./TokenTwoTone"));
+var _Toll = _interopRequireDefault(require("./Toll"));
+var _TollOutlined = _interopRequireDefault(require("./TollOutlined"));
+var _TollRounded = _interopRequireDefault(require("./TollRounded"));
+var _TollSharp = _interopRequireDefault(require("./TollSharp"));
+var _TollTwoTone = _interopRequireDefault(require("./TollTwoTone"));
+var _Tonality = _interopRequireDefault(require("./Tonality"));
+var _TonalityOutlined = _interopRequireDefault(require("./TonalityOutlined"));
+var _TonalityRounded = _interopRequireDefault(require("./TonalityRounded"));
+var _TonalitySharp = _interopRequireDefault(require("./TonalitySharp"));
+var _TonalityTwoTone = _interopRequireDefault(require("./TonalityTwoTone"));
+var _Topic = _interopRequireDefault(require("./Topic"));
+var _TopicOutlined = _interopRequireDefault(require("./TopicOutlined"));
+var _TopicRounded = _interopRequireDefault(require("./TopicRounded"));
+var _TopicSharp = _interopRequireDefault(require("./TopicSharp"));
+var _TopicTwoTone = _interopRequireDefault(require("./TopicTwoTone"));
+var _Tornado = _interopRequireDefault(require("./Tornado"));
+var _TornadoOutlined = _interopRequireDefault(require("./TornadoOutlined"));
+var _TornadoRounded = _interopRequireDefault(require("./TornadoRounded"));
+var _TornadoSharp = _interopRequireDefault(require("./TornadoSharp"));
+var _TornadoTwoTone = _interopRequireDefault(require("./TornadoTwoTone"));
+var _TouchApp = _interopRequireDefault(require("./TouchApp"));
+var _TouchAppOutlined = _interopRequireDefault(require("./TouchAppOutlined"));
+var _TouchAppRounded = _interopRequireDefault(require("./TouchAppRounded"));
+var _TouchAppSharp = _interopRequireDefault(require("./TouchAppSharp"));
+var _TouchAppTwoTone = _interopRequireDefault(require("./TouchAppTwoTone"));
+var _Tour = _interopRequireDefault(require("./Tour"));
+var _TourOutlined = _interopRequireDefault(require("./TourOutlined"));
+var _TourRounded = _interopRequireDefault(require("./TourRounded"));
+var _TourSharp = _interopRequireDefault(require("./TourSharp"));
+var _TourTwoTone = _interopRequireDefault(require("./TourTwoTone"));
+var _Toys = _interopRequireDefault(require("./Toys"));
+var _ToysOutlined = _interopRequireDefault(require("./ToysOutlined"));
+var _ToysRounded = _interopRequireDefault(require("./ToysRounded"));
+var _ToysSharp = _interopRequireDefault(require("./ToysSharp"));
+var _ToysTwoTone = _interopRequireDefault(require("./ToysTwoTone"));
+var _TrackChanges = _interopRequireDefault(require("./TrackChanges"));
+var _TrackChangesOutlined = _interopRequireDefault(require("./TrackChangesOutlined"));
+var _TrackChangesRounded = _interopRequireDefault(require("./TrackChangesRounded"));
+var _TrackChangesSharp = _interopRequireDefault(require("./TrackChangesSharp"));
+var _TrackChangesTwoTone = _interopRequireDefault(require("./TrackChangesTwoTone"));
+var _Traffic = _interopRequireDefault(require("./Traffic"));
+var _TrafficOutlined = _interopRequireDefault(require("./TrafficOutlined"));
+var _TrafficRounded = _interopRequireDefault(require("./TrafficRounded"));
+var _TrafficSharp = _interopRequireDefault(require("./TrafficSharp"));
+var _TrafficTwoTone = _interopRequireDefault(require("./TrafficTwoTone"));
+var _Train = _interopRequireDefault(require("./Train"));
+var _TrainOutlined = _interopRequireDefault(require("./TrainOutlined"));
+var _TrainRounded = _interopRequireDefault(require("./TrainRounded"));
+var _TrainSharp = _interopRequireDefault(require("./TrainSharp"));
+var _TrainTwoTone = _interopRequireDefault(require("./TrainTwoTone"));
+var _Tram = _interopRequireDefault(require("./Tram"));
+var _TramOutlined = _interopRequireDefault(require("./TramOutlined"));
+var _TramRounded = _interopRequireDefault(require("./TramRounded"));
+var _TramSharp = _interopRequireDefault(require("./TramSharp"));
+var _TramTwoTone = _interopRequireDefault(require("./TramTwoTone"));
+var _Transcribe = _interopRequireDefault(require("./Transcribe"));
+var _TranscribeOutlined = _interopRequireDefault(require("./TranscribeOutlined"));
+var _TranscribeRounded = _interopRequireDefault(require("./TranscribeRounded"));
+var _TranscribeSharp = _interopRequireDefault(require("./TranscribeSharp"));
+var _TranscribeTwoTone = _interopRequireDefault(require("./TranscribeTwoTone"));
+var _TransferWithinAStation = _interopRequireDefault(require("./TransferWithinAStation"));
+var _TransferWithinAStationOutlined = _interopRequireDefault(require("./TransferWithinAStationOutlined"));
+var _TransferWithinAStationRounded = _interopRequireDefault(require("./TransferWithinAStationRounded"));
+var _TransferWithinAStationSharp = _interopRequireDefault(require("./TransferWithinAStationSharp"));
+var _TransferWithinAStationTwoTone = _interopRequireDefault(require("./TransferWithinAStationTwoTone"));
+var _Transform = _interopRequireDefault(require("./Transform"));
+var _TransformOutlined = _interopRequireDefault(require("./TransformOutlined"));
+var _TransformRounded = _interopRequireDefault(require("./TransformRounded"));
+var _TransformSharp = _interopRequireDefault(require("./TransformSharp"));
+var _TransformTwoTone = _interopRequireDefault(require("./TransformTwoTone"));
+var _Transgender = _interopRequireDefault(require("./Transgender"));
+var _TransgenderOutlined = _interopRequireDefault(require("./TransgenderOutlined"));
+var _TransgenderRounded = _interopRequireDefault(require("./TransgenderRounded"));
+var _TransgenderSharp = _interopRequireDefault(require("./TransgenderSharp"));
+var _TransgenderTwoTone = _interopRequireDefault(require("./TransgenderTwoTone"));
+var _TransitEnterexit = _interopRequireDefault(require("./TransitEnterexit"));
+var _TransitEnterexitOutlined = _interopRequireDefault(require("./TransitEnterexitOutlined"));
+var _TransitEnterexitRounded = _interopRequireDefault(require("./TransitEnterexitRounded"));
+var _TransitEnterexitSharp = _interopRequireDefault(require("./TransitEnterexitSharp"));
+var _TransitEnterexitTwoTone = _interopRequireDefault(require("./TransitEnterexitTwoTone"));
+var _Translate = _interopRequireDefault(require("./Translate"));
+var _TranslateOutlined = _interopRequireDefault(require("./TranslateOutlined"));
+var _TranslateRounded = _interopRequireDefault(require("./TranslateRounded"));
+var _TranslateSharp = _interopRequireDefault(require("./TranslateSharp"));
+var _TranslateTwoTone = _interopRequireDefault(require("./TranslateTwoTone"));
+var _TravelExplore = _interopRequireDefault(require("./TravelExplore"));
+var _TravelExploreOutlined = _interopRequireDefault(require("./TravelExploreOutlined"));
+var _TravelExploreRounded = _interopRequireDefault(require("./TravelExploreRounded"));
+var _TravelExploreSharp = _interopRequireDefault(require("./TravelExploreSharp"));
+var _TravelExploreTwoTone = _interopRequireDefault(require("./TravelExploreTwoTone"));
+var _TrendingDown = _interopRequireDefault(require("./TrendingDown"));
+var _TrendingDownOutlined = _interopRequireDefault(require("./TrendingDownOutlined"));
+var _TrendingDownRounded = _interopRequireDefault(require("./TrendingDownRounded"));
+var _TrendingDownSharp = _interopRequireDefault(require("./TrendingDownSharp"));
+var _TrendingDownTwoTone = _interopRequireDefault(require("./TrendingDownTwoTone"));
+var _TrendingFlat = _interopRequireDefault(require("./TrendingFlat"));
+var _TrendingFlatOutlined = _interopRequireDefault(require("./TrendingFlatOutlined"));
+var _TrendingFlatRounded = _interopRequireDefault(require("./TrendingFlatRounded"));
+var _TrendingFlatSharp = _interopRequireDefault(require("./TrendingFlatSharp"));
+var _TrendingFlatTwoTone = _interopRequireDefault(require("./TrendingFlatTwoTone"));
+var _TrendingUp = _interopRequireDefault(require("./TrendingUp"));
+var _TrendingUpOutlined = _interopRequireDefault(require("./TrendingUpOutlined"));
+var _TrendingUpRounded = _interopRequireDefault(require("./TrendingUpRounded"));
+var _TrendingUpSharp = _interopRequireDefault(require("./TrendingUpSharp"));
+var _TrendingUpTwoTone = _interopRequireDefault(require("./TrendingUpTwoTone"));
+var _TripOrigin = _interopRequireDefault(require("./TripOrigin"));
+var _TripOriginOutlined = _interopRequireDefault(require("./TripOriginOutlined"));
+var _TripOriginRounded = _interopRequireDefault(require("./TripOriginRounded"));
+var _TripOriginSharp = _interopRequireDefault(require("./TripOriginSharp"));
+var _TripOriginTwoTone = _interopRequireDefault(require("./TripOriginTwoTone"));
+var _Troubleshoot = _interopRequireDefault(require("./Troubleshoot"));
+var _TroubleshootOutlined = _interopRequireDefault(require("./TroubleshootOutlined"));
+var _TroubleshootRounded = _interopRequireDefault(require("./TroubleshootRounded"));
+var _TroubleshootSharp = _interopRequireDefault(require("./TroubleshootSharp"));
+var _TroubleshootTwoTone = _interopRequireDefault(require("./TroubleshootTwoTone"));
+var _Try = _interopRequireDefault(require("./Try"));
+var _TryOutlined = _interopRequireDefault(require("./TryOutlined"));
+var _TryRounded = _interopRequireDefault(require("./TryRounded"));
+var _TrySharp = _interopRequireDefault(require("./TrySharp"));
+var _TryTwoTone = _interopRequireDefault(require("./TryTwoTone"));
+var _Tsunami = _interopRequireDefault(require("./Tsunami"));
+var _TsunamiOutlined = _interopRequireDefault(require("./TsunamiOutlined"));
+var _TsunamiRounded = _interopRequireDefault(require("./TsunamiRounded"));
+var _TsunamiSharp = _interopRequireDefault(require("./TsunamiSharp"));
+var _TsunamiTwoTone = _interopRequireDefault(require("./TsunamiTwoTone"));
+var _Tty = _interopRequireDefault(require("./Tty"));
+var _TtyOutlined = _interopRequireDefault(require("./TtyOutlined"));
+var _TtyRounded = _interopRequireDefault(require("./TtyRounded"));
+var _TtySharp = _interopRequireDefault(require("./TtySharp"));
+var _TtyTwoTone = _interopRequireDefault(require("./TtyTwoTone"));
+var _Tune = _interopRequireDefault(require("./Tune"));
+var _TuneOutlined = _interopRequireDefault(require("./TuneOutlined"));
+var _TuneRounded = _interopRequireDefault(require("./TuneRounded"));
+var _TuneSharp = _interopRequireDefault(require("./TuneSharp"));
+var _TuneTwoTone = _interopRequireDefault(require("./TuneTwoTone"));
+var _Tungsten = _interopRequireDefault(require("./Tungsten"));
+var _TungstenOutlined = _interopRequireDefault(require("./TungstenOutlined"));
+var _TungstenRounded = _interopRequireDefault(require("./TungstenRounded"));
+var _TungstenSharp = _interopRequireDefault(require("./TungstenSharp"));
+var _TungstenTwoTone = _interopRequireDefault(require("./TungstenTwoTone"));
+var _TurnLeft = _interopRequireDefault(require("./TurnLeft"));
+var _TurnLeftOutlined = _interopRequireDefault(require("./TurnLeftOutlined"));
+var _TurnLeftRounded = _interopRequireDefault(require("./TurnLeftRounded"));
+var _TurnLeftSharp = _interopRequireDefault(require("./TurnLeftSharp"));
+var _TurnLeftTwoTone = _interopRequireDefault(require("./TurnLeftTwoTone"));
+var _TurnRight = _interopRequireDefault(require("./TurnRight"));
+var _TurnRightOutlined = _interopRequireDefault(require("./TurnRightOutlined"));
+var _TurnRightRounded = _interopRequireDefault(require("./TurnRightRounded"));
+var _TurnRightSharp = _interopRequireDefault(require("./TurnRightSharp"));
+var _TurnRightTwoTone = _interopRequireDefault(require("./TurnRightTwoTone"));
+var _TurnSharpLeft = _interopRequireDefault(require("./TurnSharpLeft"));
+var _TurnSharpLeftOutlined = _interopRequireDefault(require("./TurnSharpLeftOutlined"));
+var _TurnSharpLeftRounded = _interopRequireDefault(require("./TurnSharpLeftRounded"));
+var _TurnSharpLeftSharp = _interopRequireDefault(require("./TurnSharpLeftSharp"));
+var _TurnSharpLeftTwoTone = _interopRequireDefault(require("./TurnSharpLeftTwoTone"));
+var _TurnSharpRight = _interopRequireDefault(require("./TurnSharpRight"));
+var _TurnSharpRightOutlined = _interopRequireDefault(require("./TurnSharpRightOutlined"));
+var _TurnSharpRightRounded = _interopRequireDefault(require("./TurnSharpRightRounded"));
+var _TurnSharpRightSharp = _interopRequireDefault(require("./TurnSharpRightSharp"));
+var _TurnSharpRightTwoTone = _interopRequireDefault(require("./TurnSharpRightTwoTone"));
+var _TurnSlightLeft = _interopRequireDefault(require("./TurnSlightLeft"));
+var _TurnSlightLeftOutlined = _interopRequireDefault(require("./TurnSlightLeftOutlined"));
+var _TurnSlightLeftRounded = _interopRequireDefault(require("./TurnSlightLeftRounded"));
+var _TurnSlightLeftSharp = _interopRequireDefault(require("./TurnSlightLeftSharp"));
+var _TurnSlightLeftTwoTone = _interopRequireDefault(require("./TurnSlightLeftTwoTone"));
+var _TurnSlightRight = _interopRequireDefault(require("./TurnSlightRight"));
+var _TurnSlightRightOutlined = _interopRequireDefault(require("./TurnSlightRightOutlined"));
+var _TurnSlightRightRounded = _interopRequireDefault(require("./TurnSlightRightRounded"));
+var _TurnSlightRightSharp = _interopRequireDefault(require("./TurnSlightRightSharp"));
+var _TurnSlightRightTwoTone = _interopRequireDefault(require("./TurnSlightRightTwoTone"));
+var _TurnedIn = _interopRequireDefault(require("./TurnedIn"));
+var _TurnedInNot = _interopRequireDefault(require("./TurnedInNot"));
+var _TurnedInNotOutlined = _interopRequireDefault(require("./TurnedInNotOutlined"));
+var _TurnedInNotRounded = _interopRequireDefault(require("./TurnedInNotRounded"));
+var _TurnedInNotSharp = _interopRequireDefault(require("./TurnedInNotSharp"));
+var _TurnedInNotTwoTone = _interopRequireDefault(require("./TurnedInNotTwoTone"));
+var _TurnedInOutlined = _interopRequireDefault(require("./TurnedInOutlined"));
+var _TurnedInRounded = _interopRequireDefault(require("./TurnedInRounded"));
+var _TurnedInSharp = _interopRequireDefault(require("./TurnedInSharp"));
+var _TurnedInTwoTone = _interopRequireDefault(require("./TurnedInTwoTone"));
+var _Tv = _interopRequireDefault(require("./Tv"));
+var _TvOff = _interopRequireDefault(require("./TvOff"));
+var _TvOffOutlined = _interopRequireDefault(require("./TvOffOutlined"));
+var _TvOffRounded = _interopRequireDefault(require("./TvOffRounded"));
+var _TvOffSharp = _interopRequireDefault(require("./TvOffSharp"));
+var _TvOffTwoTone = _interopRequireDefault(require("./TvOffTwoTone"));
+var _TvOutlined = _interopRequireDefault(require("./TvOutlined"));
+var _TvRounded = _interopRequireDefault(require("./TvRounded"));
+var _TvSharp = _interopRequireDefault(require("./TvSharp"));
+var _TvTwoTone = _interopRequireDefault(require("./TvTwoTone"));
+var _TwelveMp = _interopRequireDefault(require("./TwelveMp"));
+var _TwelveMpOutlined = _interopRequireDefault(require("./TwelveMpOutlined"));
+var _TwelveMpRounded = _interopRequireDefault(require("./TwelveMpRounded"));
+var _TwelveMpSharp = _interopRequireDefault(require("./TwelveMpSharp"));
+var _TwelveMpTwoTone = _interopRequireDefault(require("./TwelveMpTwoTone"));
+var _TwentyFourMp = _interopRequireDefault(require("./TwentyFourMp"));
+var _TwentyFourMpOutlined = _interopRequireDefault(require("./TwentyFourMpOutlined"));
+var _TwentyFourMpRounded = _interopRequireDefault(require("./TwentyFourMpRounded"));
+var _TwentyFourMpSharp = _interopRequireDefault(require("./TwentyFourMpSharp"));
+var _TwentyFourMpTwoTone = _interopRequireDefault(require("./TwentyFourMpTwoTone"));
+var _TwentyOneMp = _interopRequireDefault(require("./TwentyOneMp"));
+var _TwentyOneMpOutlined = _interopRequireDefault(require("./TwentyOneMpOutlined"));
+var _TwentyOneMpRounded = _interopRequireDefault(require("./TwentyOneMpRounded"));
+var _TwentyOneMpSharp = _interopRequireDefault(require("./TwentyOneMpSharp"));
+var _TwentyOneMpTwoTone = _interopRequireDefault(require("./TwentyOneMpTwoTone"));
+var _TwentyThreeMp = _interopRequireDefault(require("./TwentyThreeMp"));
+var _TwentyThreeMpOutlined = _interopRequireDefault(require("./TwentyThreeMpOutlined"));
+var _TwentyThreeMpRounded = _interopRequireDefault(require("./TwentyThreeMpRounded"));
+var _TwentyThreeMpSharp = _interopRequireDefault(require("./TwentyThreeMpSharp"));
+var _TwentyThreeMpTwoTone = _interopRequireDefault(require("./TwentyThreeMpTwoTone"));
+var _TwentyTwoMp = _interopRequireDefault(require("./TwentyTwoMp"));
+var _TwentyTwoMpOutlined = _interopRequireDefault(require("./TwentyTwoMpOutlined"));
+var _TwentyTwoMpRounded = _interopRequireDefault(require("./TwentyTwoMpRounded"));
+var _TwentyTwoMpSharp = _interopRequireDefault(require("./TwentyTwoMpSharp"));
+var _TwentyTwoMpTwoTone = _interopRequireDefault(require("./TwentyTwoMpTwoTone"));
+var _TwentyZeroMp = _interopRequireDefault(require("./TwentyZeroMp"));
+var _TwentyZeroMpOutlined = _interopRequireDefault(require("./TwentyZeroMpOutlined"));
+var _TwentyZeroMpRounded = _interopRequireDefault(require("./TwentyZeroMpRounded"));
+var _TwentyZeroMpSharp = _interopRequireDefault(require("./TwentyZeroMpSharp"));
+var _TwentyZeroMpTwoTone = _interopRequireDefault(require("./TwentyZeroMpTwoTone"));
+var _Twitter = _interopRequireDefault(require("./Twitter"));
+var _TwoK = _interopRequireDefault(require("./TwoK"));
+var _TwoKOutlined = _interopRequireDefault(require("./TwoKOutlined"));
+var _TwoKPlus = _interopRequireDefault(require("./TwoKPlus"));
+var _TwoKPlusOutlined = _interopRequireDefault(require("./TwoKPlusOutlined"));
+var _TwoKPlusRounded = _interopRequireDefault(require("./TwoKPlusRounded"));
+var _TwoKPlusSharp = _interopRequireDefault(require("./TwoKPlusSharp"));
+var _TwoKPlusTwoTone = _interopRequireDefault(require("./TwoKPlusTwoTone"));
+var _TwoKRounded = _interopRequireDefault(require("./TwoKRounded"));
+var _TwoKSharp = _interopRequireDefault(require("./TwoKSharp"));
+var _TwoKTwoTone = _interopRequireDefault(require("./TwoKTwoTone"));
+var _TwoMp = _interopRequireDefault(require("./TwoMp"));
+var _TwoMpOutlined = _interopRequireDefault(require("./TwoMpOutlined"));
+var _TwoMpRounded = _interopRequireDefault(require("./TwoMpRounded"));
+var _TwoMpSharp = _interopRequireDefault(require("./TwoMpSharp"));
+var _TwoMpTwoTone = _interopRequireDefault(require("./TwoMpTwoTone"));
+var _TwoWheeler = _interopRequireDefault(require("./TwoWheeler"));
+var _TwoWheelerOutlined = _interopRequireDefault(require("./TwoWheelerOutlined"));
+var _TwoWheelerRounded = _interopRequireDefault(require("./TwoWheelerRounded"));
+var _TwoWheelerSharp = _interopRequireDefault(require("./TwoWheelerSharp"));
+var _TwoWheelerTwoTone = _interopRequireDefault(require("./TwoWheelerTwoTone"));
+var _TypeSpecimen = _interopRequireDefault(require("./TypeSpecimen"));
+var _TypeSpecimenOutlined = _interopRequireDefault(require("./TypeSpecimenOutlined"));
+var _TypeSpecimenRounded = _interopRequireDefault(require("./TypeSpecimenRounded"));
+var _TypeSpecimenSharp = _interopRequireDefault(require("./TypeSpecimenSharp"));
+var _TypeSpecimenTwoTone = _interopRequireDefault(require("./TypeSpecimenTwoTone"));
+var _UTurnLeft = _interopRequireDefault(require("./UTurnLeft"));
+var _UTurnLeftOutlined = _interopRequireDefault(require("./UTurnLeftOutlined"));
+var _UTurnLeftRounded = _interopRequireDefault(require("./UTurnLeftRounded"));
+var _UTurnLeftSharp = _interopRequireDefault(require("./UTurnLeftSharp"));
+var _UTurnLeftTwoTone = _interopRequireDefault(require("./UTurnLeftTwoTone"));
+var _UTurnRight = _interopRequireDefault(require("./UTurnRight"));
+var _UTurnRightOutlined = _interopRequireDefault(require("./UTurnRightOutlined"));
+var _UTurnRightRounded = _interopRequireDefault(require("./UTurnRightRounded"));
+var _UTurnRightSharp = _interopRequireDefault(require("./UTurnRightSharp"));
+var _UTurnRightTwoTone = _interopRequireDefault(require("./UTurnRightTwoTone"));
+var _Umbrella = _interopRequireDefault(require("./Umbrella"));
+var _UmbrellaOutlined = _interopRequireDefault(require("./UmbrellaOutlined"));
+var _UmbrellaRounded = _interopRequireDefault(require("./UmbrellaRounded"));
+var _UmbrellaSharp = _interopRequireDefault(require("./UmbrellaSharp"));
+var _UmbrellaTwoTone = _interopRequireDefault(require("./UmbrellaTwoTone"));
+var _Unarchive = _interopRequireDefault(require("./Unarchive"));
+var _UnarchiveOutlined = _interopRequireDefault(require("./UnarchiveOutlined"));
+var _UnarchiveRounded = _interopRequireDefault(require("./UnarchiveRounded"));
+var _UnarchiveSharp = _interopRequireDefault(require("./UnarchiveSharp"));
+var _UnarchiveTwoTone = _interopRequireDefault(require("./UnarchiveTwoTone"));
+var _Undo = _interopRequireDefault(require("./Undo"));
+var _UndoOutlined = _interopRequireDefault(require("./UndoOutlined"));
+var _UndoRounded = _interopRequireDefault(require("./UndoRounded"));
+var _UndoSharp = _interopRequireDefault(require("./UndoSharp"));
+var _UndoTwoTone = _interopRequireDefault(require("./UndoTwoTone"));
+var _UnfoldLess = _interopRequireDefault(require("./UnfoldLess"));
+var _UnfoldLessDouble = _interopRequireDefault(require("./UnfoldLessDouble"));
+var _UnfoldLessDoubleOutlined = _interopRequireDefault(require("./UnfoldLessDoubleOutlined"));
+var _UnfoldLessDoubleRounded = _interopRequireDefault(require("./UnfoldLessDoubleRounded"));
+var _UnfoldLessDoubleSharp = _interopRequireDefault(require("./UnfoldLessDoubleSharp"));
+var _UnfoldLessDoubleTwoTone = _interopRequireDefault(require("./UnfoldLessDoubleTwoTone"));
+var _UnfoldLessOutlined = _interopRequireDefault(require("./UnfoldLessOutlined"));
+var _UnfoldLessRounded = _interopRequireDefault(require("./UnfoldLessRounded"));
+var _UnfoldLessSharp = _interopRequireDefault(require("./UnfoldLessSharp"));
+var _UnfoldLessTwoTone = _interopRequireDefault(require("./UnfoldLessTwoTone"));
+var _UnfoldMore = _interopRequireDefault(require("./UnfoldMore"));
+var _UnfoldMoreDouble = _interopRequireDefault(require("./UnfoldMoreDouble"));
+var _UnfoldMoreDoubleOutlined = _interopRequireDefault(require("./UnfoldMoreDoubleOutlined"));
+var _UnfoldMoreDoubleRounded = _interopRequireDefault(require("./UnfoldMoreDoubleRounded"));
+var _UnfoldMoreDoubleSharp = _interopRequireDefault(require("./UnfoldMoreDoubleSharp"));
+var _UnfoldMoreDoubleTwoTone = _interopRequireDefault(require("./UnfoldMoreDoubleTwoTone"));
+var _UnfoldMoreOutlined = _interopRequireDefault(require("./UnfoldMoreOutlined"));
+var _UnfoldMoreRounded = _interopRequireDefault(require("./UnfoldMoreRounded"));
+var _UnfoldMoreSharp = _interopRequireDefault(require("./UnfoldMoreSharp"));
+var _UnfoldMoreTwoTone = _interopRequireDefault(require("./UnfoldMoreTwoTone"));
+var _Unpublished = _interopRequireDefault(require("./Unpublished"));
+var _UnpublishedOutlined = _interopRequireDefault(require("./UnpublishedOutlined"));
+var _UnpublishedRounded = _interopRequireDefault(require("./UnpublishedRounded"));
+var _UnpublishedSharp = _interopRequireDefault(require("./UnpublishedSharp"));
+var _UnpublishedTwoTone = _interopRequireDefault(require("./UnpublishedTwoTone"));
+var _Unsubscribe = _interopRequireDefault(require("./Unsubscribe"));
+var _UnsubscribeOutlined = _interopRequireDefault(require("./UnsubscribeOutlined"));
+var _UnsubscribeRounded = _interopRequireDefault(require("./UnsubscribeRounded"));
+var _UnsubscribeSharp = _interopRequireDefault(require("./UnsubscribeSharp"));
+var _UnsubscribeTwoTone = _interopRequireDefault(require("./UnsubscribeTwoTone"));
+var _Upcoming = _interopRequireDefault(require("./Upcoming"));
+var _UpcomingOutlined = _interopRequireDefault(require("./UpcomingOutlined"));
+var _UpcomingRounded = _interopRequireDefault(require("./UpcomingRounded"));
+var _UpcomingSharp = _interopRequireDefault(require("./UpcomingSharp"));
+var _UpcomingTwoTone = _interopRequireDefault(require("./UpcomingTwoTone"));
+var _Update = _interopRequireDefault(require("./Update"));
+var _UpdateDisabled = _interopRequireDefault(require("./UpdateDisabled"));
+var _UpdateDisabledOutlined = _interopRequireDefault(require("./UpdateDisabledOutlined"));
+var _UpdateDisabledRounded = _interopRequireDefault(require("./UpdateDisabledRounded"));
+var _UpdateDisabledSharp = _interopRequireDefault(require("./UpdateDisabledSharp"));
+var _UpdateDisabledTwoTone = _interopRequireDefault(require("./UpdateDisabledTwoTone"));
+var _UpdateOutlined = _interopRequireDefault(require("./UpdateOutlined"));
+var _UpdateRounded = _interopRequireDefault(require("./UpdateRounded"));
+var _UpdateSharp = _interopRequireDefault(require("./UpdateSharp"));
+var _UpdateTwoTone = _interopRequireDefault(require("./UpdateTwoTone"));
+var _Upgrade = _interopRequireDefault(require("./Upgrade"));
+var _UpgradeOutlined = _interopRequireDefault(require("./UpgradeOutlined"));
+var _UpgradeRounded = _interopRequireDefault(require("./UpgradeRounded"));
+var _UpgradeSharp = _interopRequireDefault(require("./UpgradeSharp"));
+var _UpgradeTwoTone = _interopRequireDefault(require("./UpgradeTwoTone"));
+var _Upload = _interopRequireDefault(require("./Upload"));
+var _UploadFile = _interopRequireDefault(require("./UploadFile"));
+var _UploadFileOutlined = _interopRequireDefault(require("./UploadFileOutlined"));
+var _UploadFileRounded = _interopRequireDefault(require("./UploadFileRounded"));
+var _UploadFileSharp = _interopRequireDefault(require("./UploadFileSharp"));
+var _UploadFileTwoTone = _interopRequireDefault(require("./UploadFileTwoTone"));
+var _UploadOutlined = _interopRequireDefault(require("./UploadOutlined"));
+var _UploadRounded = _interopRequireDefault(require("./UploadRounded"));
+var _UploadSharp = _interopRequireDefault(require("./UploadSharp"));
+var _UploadTwoTone = _interopRequireDefault(require("./UploadTwoTone"));
+var _Usb = _interopRequireDefault(require("./Usb"));
+var _UsbOff = _interopRequireDefault(require("./UsbOff"));
+var _UsbOffOutlined = _interopRequireDefault(require("./UsbOffOutlined"));
+var _UsbOffRounded = _interopRequireDefault(require("./UsbOffRounded"));
+var _UsbOffSharp = _interopRequireDefault(require("./UsbOffSharp"));
+var _UsbOffTwoTone = _interopRequireDefault(require("./UsbOffTwoTone"));
+var _UsbOutlined = _interopRequireDefault(require("./UsbOutlined"));
+var _UsbRounded = _interopRequireDefault(require("./UsbRounded"));
+var _UsbSharp = _interopRequireDefault(require("./UsbSharp"));
+var _UsbTwoTone = _interopRequireDefault(require("./UsbTwoTone"));
+var _Vaccines = _interopRequireDefault(require("./Vaccines"));
+var _VaccinesOutlined = _interopRequireDefault(require("./VaccinesOutlined"));
+var _VaccinesRounded = _interopRequireDefault(require("./VaccinesRounded"));
+var _VaccinesSharp = _interopRequireDefault(require("./VaccinesSharp"));
+var _VaccinesTwoTone = _interopRequireDefault(require("./VaccinesTwoTone"));
+var _VapeFree = _interopRequireDefault(require("./VapeFree"));
+var _VapeFreeOutlined = _interopRequireDefault(require("./VapeFreeOutlined"));
+var _VapeFreeRounded = _interopRequireDefault(require("./VapeFreeRounded"));
+var _VapeFreeSharp = _interopRequireDefault(require("./VapeFreeSharp"));
+var _VapeFreeTwoTone = _interopRequireDefault(require("./VapeFreeTwoTone"));
+var _VapingRooms = _interopRequireDefault(require("./VapingRooms"));
+var _VapingRoomsOutlined = _interopRequireDefault(require("./VapingRoomsOutlined"));
+var _VapingRoomsRounded = _interopRequireDefault(require("./VapingRoomsRounded"));
+var _VapingRoomsSharp = _interopRequireDefault(require("./VapingRoomsSharp"));
+var _VapingRoomsTwoTone = _interopRequireDefault(require("./VapingRoomsTwoTone"));
+var _Verified = _interopRequireDefault(require("./Verified"));
+var _VerifiedOutlined = _interopRequireDefault(require("./VerifiedOutlined"));
+var _VerifiedRounded = _interopRequireDefault(require("./VerifiedRounded"));
+var _VerifiedSharp = _interopRequireDefault(require("./VerifiedSharp"));
+var _VerifiedTwoTone = _interopRequireDefault(require("./VerifiedTwoTone"));
+var _VerifiedUser = _interopRequireDefault(require("./VerifiedUser"));
+var _VerifiedUserOutlined = _interopRequireDefault(require("./VerifiedUserOutlined"));
+var _VerifiedUserRounded = _interopRequireDefault(require("./VerifiedUserRounded"));
+var _VerifiedUserSharp = _interopRequireDefault(require("./VerifiedUserSharp"));
+var _VerifiedUserTwoTone = _interopRequireDefault(require("./VerifiedUserTwoTone"));
+var _VerticalAlignBottom = _interopRequireDefault(require("./VerticalAlignBottom"));
+var _VerticalAlignBottomOutlined = _interopRequireDefault(require("./VerticalAlignBottomOutlined"));
+var _VerticalAlignBottomRounded = _interopRequireDefault(require("./VerticalAlignBottomRounded"));
+var _VerticalAlignBottomSharp = _interopRequireDefault(require("./VerticalAlignBottomSharp"));
+var _VerticalAlignBottomTwoTone = _interopRequireDefault(require("./VerticalAlignBottomTwoTone"));
+var _VerticalAlignCenter = _interopRequireDefault(require("./VerticalAlignCenter"));
+var _VerticalAlignCenterOutlined = _interopRequireDefault(require("./VerticalAlignCenterOutlined"));
+var _VerticalAlignCenterRounded = _interopRequireDefault(require("./VerticalAlignCenterRounded"));
+var _VerticalAlignCenterSharp = _interopRequireDefault(require("./VerticalAlignCenterSharp"));
+var _VerticalAlignCenterTwoTone = _interopRequireDefault(require("./VerticalAlignCenterTwoTone"));
+var _VerticalAlignTop = _interopRequireDefault(require("./VerticalAlignTop"));
+var _VerticalAlignTopOutlined = _interopRequireDefault(require("./VerticalAlignTopOutlined"));
+var _VerticalAlignTopRounded = _interopRequireDefault(require("./VerticalAlignTopRounded"));
+var _VerticalAlignTopSharp = _interopRequireDefault(require("./VerticalAlignTopSharp"));
+var _VerticalAlignTopTwoTone = _interopRequireDefault(require("./VerticalAlignTopTwoTone"));
+var _VerticalShades = _interopRequireDefault(require("./VerticalShades"));
+var _VerticalShadesClosed = _interopRequireDefault(require("./VerticalShadesClosed"));
+var _VerticalShadesClosedOutlined = _interopRequireDefault(require("./VerticalShadesClosedOutlined"));
+var _VerticalShadesClosedRounded = _interopRequireDefault(require("./VerticalShadesClosedRounded"));
+var _VerticalShadesClosedSharp = _interopRequireDefault(require("./VerticalShadesClosedSharp"));
+var _VerticalShadesClosedTwoTone = _interopRequireDefault(require("./VerticalShadesClosedTwoTone"));
+var _VerticalShadesOutlined = _interopRequireDefault(require("./VerticalShadesOutlined"));
+var _VerticalShadesRounded = _interopRequireDefault(require("./VerticalShadesRounded"));
+var _VerticalShadesSharp = _interopRequireDefault(require("./VerticalShadesSharp"));
+var _VerticalShadesTwoTone = _interopRequireDefault(require("./VerticalShadesTwoTone"));
+var _VerticalSplit = _interopRequireDefault(require("./VerticalSplit"));
+var _VerticalSplitOutlined = _interopRequireDefault(require("./VerticalSplitOutlined"));
+var _VerticalSplitRounded = _interopRequireDefault(require("./VerticalSplitRounded"));
+var _VerticalSplitSharp = _interopRequireDefault(require("./VerticalSplitSharp"));
+var _VerticalSplitTwoTone = _interopRequireDefault(require("./VerticalSplitTwoTone"));
+var _Vibration = _interopRequireDefault(require("./Vibration"));
+var _VibrationOutlined = _interopRequireDefault(require("./VibrationOutlined"));
+var _VibrationRounded = _interopRequireDefault(require("./VibrationRounded"));
+var _VibrationSharp = _interopRequireDefault(require("./VibrationSharp"));
+var _VibrationTwoTone = _interopRequireDefault(require("./VibrationTwoTone"));
+var _VideoCall = _interopRequireDefault(require("./VideoCall"));
+var _VideoCallOutlined = _interopRequireDefault(require("./VideoCallOutlined"));
+var _VideoCallRounded = _interopRequireDefault(require("./VideoCallRounded"));
+var _VideoCallSharp = _interopRequireDefault(require("./VideoCallSharp"));
+var _VideoCallTwoTone = _interopRequireDefault(require("./VideoCallTwoTone"));
+var _VideoCameraBack = _interopRequireDefault(require("./VideoCameraBack"));
+var _VideoCameraBackOutlined = _interopRequireDefault(require("./VideoCameraBackOutlined"));
+var _VideoCameraBackRounded = _interopRequireDefault(require("./VideoCameraBackRounded"));
+var _VideoCameraBackSharp = _interopRequireDefault(require("./VideoCameraBackSharp"));
+var _VideoCameraBackTwoTone = _interopRequireDefault(require("./VideoCameraBackTwoTone"));
+var _VideoCameraFront = _interopRequireDefault(require("./VideoCameraFront"));
+var _VideoCameraFrontOutlined = _interopRequireDefault(require("./VideoCameraFrontOutlined"));
+var _VideoCameraFrontRounded = _interopRequireDefault(require("./VideoCameraFrontRounded"));
+var _VideoCameraFrontSharp = _interopRequireDefault(require("./VideoCameraFrontSharp"));
+var _VideoCameraFrontTwoTone = _interopRequireDefault(require("./VideoCameraFrontTwoTone"));
+var _VideoChat = _interopRequireDefault(require("./VideoChat"));
+var _VideoChatOutlined = _interopRequireDefault(require("./VideoChatOutlined"));
+var _VideoChatRounded = _interopRequireDefault(require("./VideoChatRounded"));
+var _VideoChatSharp = _interopRequireDefault(require("./VideoChatSharp"));
+var _VideoChatTwoTone = _interopRequireDefault(require("./VideoChatTwoTone"));
+var _VideoFile = _interopRequireDefault(require("./VideoFile"));
+var _VideoFileOutlined = _interopRequireDefault(require("./VideoFileOutlined"));
+var _VideoFileRounded = _interopRequireDefault(require("./VideoFileRounded"));
+var _VideoFileSharp = _interopRequireDefault(require("./VideoFileSharp"));
+var _VideoFileTwoTone = _interopRequireDefault(require("./VideoFileTwoTone"));
+var _VideoLabel = _interopRequireDefault(require("./VideoLabel"));
+var _VideoLabelOutlined = _interopRequireDefault(require("./VideoLabelOutlined"));
+var _VideoLabelRounded = _interopRequireDefault(require("./VideoLabelRounded"));
+var _VideoLabelSharp = _interopRequireDefault(require("./VideoLabelSharp"));
+var _VideoLabelTwoTone = _interopRequireDefault(require("./VideoLabelTwoTone"));
+var _VideoLibrary = _interopRequireDefault(require("./VideoLibrary"));
+var _VideoLibraryOutlined = _interopRequireDefault(require("./VideoLibraryOutlined"));
+var _VideoLibraryRounded = _interopRequireDefault(require("./VideoLibraryRounded"));
+var _VideoLibrarySharp = _interopRequireDefault(require("./VideoLibrarySharp"));
+var _VideoLibraryTwoTone = _interopRequireDefault(require("./VideoLibraryTwoTone"));
+var _VideoSettings = _interopRequireDefault(require("./VideoSettings"));
+var _VideoSettingsOutlined = _interopRequireDefault(require("./VideoSettingsOutlined"));
+var _VideoSettingsRounded = _interopRequireDefault(require("./VideoSettingsRounded"));
+var _VideoSettingsSharp = _interopRequireDefault(require("./VideoSettingsSharp"));
+var _VideoSettingsTwoTone = _interopRequireDefault(require("./VideoSettingsTwoTone"));
+var _VideoStable = _interopRequireDefault(require("./VideoStable"));
+var _VideoStableOutlined = _interopRequireDefault(require("./VideoStableOutlined"));
+var _VideoStableRounded = _interopRequireDefault(require("./VideoStableRounded"));
+var _VideoStableSharp = _interopRequireDefault(require("./VideoStableSharp"));
+var _VideoStableTwoTone = _interopRequireDefault(require("./VideoStableTwoTone"));
+var _Videocam = _interopRequireDefault(require("./Videocam"));
+var _VideocamOff = _interopRequireDefault(require("./VideocamOff"));
+var _VideocamOffOutlined = _interopRequireDefault(require("./VideocamOffOutlined"));
+var _VideocamOffRounded = _interopRequireDefault(require("./VideocamOffRounded"));
+var _VideocamOffSharp = _interopRequireDefault(require("./VideocamOffSharp"));
+var _VideocamOffTwoTone = _interopRequireDefault(require("./VideocamOffTwoTone"));
+var _VideocamOutlined = _interopRequireDefault(require("./VideocamOutlined"));
+var _VideocamRounded = _interopRequireDefault(require("./VideocamRounded"));
+var _VideocamSharp = _interopRequireDefault(require("./VideocamSharp"));
+var _VideocamTwoTone = _interopRequireDefault(require("./VideocamTwoTone"));
+var _VideogameAsset = _interopRequireDefault(require("./VideogameAsset"));
+var _VideogameAssetOff = _interopRequireDefault(require("./VideogameAssetOff"));
+var _VideogameAssetOffOutlined = _interopRequireDefault(require("./VideogameAssetOffOutlined"));
+var _VideogameAssetOffRounded = _interopRequireDefault(require("./VideogameAssetOffRounded"));
+var _VideogameAssetOffSharp = _interopRequireDefault(require("./VideogameAssetOffSharp"));
+var _VideogameAssetOffTwoTone = _interopRequireDefault(require("./VideogameAssetOffTwoTone"));
+var _VideogameAssetOutlined = _interopRequireDefault(require("./VideogameAssetOutlined"));
+var _VideogameAssetRounded = _interopRequireDefault(require("./VideogameAssetRounded"));
+var _VideogameAssetSharp = _interopRequireDefault(require("./VideogameAssetSharp"));
+var _VideogameAssetTwoTone = _interopRequireDefault(require("./VideogameAssetTwoTone"));
+var _ViewAgenda = _interopRequireDefault(require("./ViewAgenda"));
+var _ViewAgendaOutlined = _interopRequireDefault(require("./ViewAgendaOutlined"));
+var _ViewAgendaRounded = _interopRequireDefault(require("./ViewAgendaRounded"));
+var _ViewAgendaSharp = _interopRequireDefault(require("./ViewAgendaSharp"));
+var _ViewAgendaTwoTone = _interopRequireDefault(require("./ViewAgendaTwoTone"));
+var _ViewArray = _interopRequireDefault(require("./ViewArray"));
+var _ViewArrayOutlined = _interopRequireDefault(require("./ViewArrayOutlined"));
+var _ViewArrayRounded = _interopRequireDefault(require("./ViewArrayRounded"));
+var _ViewArraySharp = _interopRequireDefault(require("./ViewArraySharp"));
+var _ViewArrayTwoTone = _interopRequireDefault(require("./ViewArrayTwoTone"));
+var _ViewCarousel = _interopRequireDefault(require("./ViewCarousel"));
+var _ViewCarouselOutlined = _interopRequireDefault(require("./ViewCarouselOutlined"));
+var _ViewCarouselRounded = _interopRequireDefault(require("./ViewCarouselRounded"));
+var _ViewCarouselSharp = _interopRequireDefault(require("./ViewCarouselSharp"));
+var _ViewCarouselTwoTone = _interopRequireDefault(require("./ViewCarouselTwoTone"));
+var _ViewColumn = _interopRequireDefault(require("./ViewColumn"));
+var _ViewColumnOutlined = _interopRequireDefault(require("./ViewColumnOutlined"));
+var _ViewColumnRounded = _interopRequireDefault(require("./ViewColumnRounded"));
+var _ViewColumnSharp = _interopRequireDefault(require("./ViewColumnSharp"));
+var _ViewColumnTwoTone = _interopRequireDefault(require("./ViewColumnTwoTone"));
+var _ViewComfy = _interopRequireDefault(require("./ViewComfy"));
+var _ViewComfyAlt = _interopRequireDefault(require("./ViewComfyAlt"));
+var _ViewComfyAltOutlined = _interopRequireDefault(require("./ViewComfyAltOutlined"));
+var _ViewComfyAltRounded = _interopRequireDefault(require("./ViewComfyAltRounded"));
+var _ViewComfyAltSharp = _interopRequireDefault(require("./ViewComfyAltSharp"));
+var _ViewComfyAltTwoTone = _interopRequireDefault(require("./ViewComfyAltTwoTone"));
+var _ViewComfyOutlined = _interopRequireDefault(require("./ViewComfyOutlined"));
+var _ViewComfyRounded = _interopRequireDefault(require("./ViewComfyRounded"));
+var _ViewComfySharp = _interopRequireDefault(require("./ViewComfySharp"));
+var _ViewComfyTwoTone = _interopRequireDefault(require("./ViewComfyTwoTone"));
+var _ViewCompact = _interopRequireDefault(require("./ViewCompact"));
+var _ViewCompactAlt = _interopRequireDefault(require("./ViewCompactAlt"));
+var _ViewCompactAltOutlined = _interopRequireDefault(require("./ViewCompactAltOutlined"));
+var _ViewCompactAltRounded = _interopRequireDefault(require("./ViewCompactAltRounded"));
+var _ViewCompactAltSharp = _interopRequireDefault(require("./ViewCompactAltSharp"));
+var _ViewCompactAltTwoTone = _interopRequireDefault(require("./ViewCompactAltTwoTone"));
+var _ViewCompactOutlined = _interopRequireDefault(require("./ViewCompactOutlined"));
+var _ViewCompactRounded = _interopRequireDefault(require("./ViewCompactRounded"));
+var _ViewCompactSharp = _interopRequireDefault(require("./ViewCompactSharp"));
+var _ViewCompactTwoTone = _interopRequireDefault(require("./ViewCompactTwoTone"));
+var _ViewCozy = _interopRequireDefault(require("./ViewCozy"));
+var _ViewCozyOutlined = _interopRequireDefault(require("./ViewCozyOutlined"));
+var _ViewCozyRounded = _interopRequireDefault(require("./ViewCozyRounded"));
+var _ViewCozySharp = _interopRequireDefault(require("./ViewCozySharp"));
+var _ViewCozyTwoTone = _interopRequireDefault(require("./ViewCozyTwoTone"));
+var _ViewDay = _interopRequireDefault(require("./ViewDay"));
+var _ViewDayOutlined = _interopRequireDefault(require("./ViewDayOutlined"));
+var _ViewDayRounded = _interopRequireDefault(require("./ViewDayRounded"));
+var _ViewDaySharp = _interopRequireDefault(require("./ViewDaySharp"));
+var _ViewDayTwoTone = _interopRequireDefault(require("./ViewDayTwoTone"));
+var _ViewHeadline = _interopRequireDefault(require("./ViewHeadline"));
+var _ViewHeadlineOutlined = _interopRequireDefault(require("./ViewHeadlineOutlined"));
+var _ViewHeadlineRounded = _interopRequireDefault(require("./ViewHeadlineRounded"));
+var _ViewHeadlineSharp = _interopRequireDefault(require("./ViewHeadlineSharp"));
+var _ViewHeadlineTwoTone = _interopRequireDefault(require("./ViewHeadlineTwoTone"));
+var _ViewInAr = _interopRequireDefault(require("./ViewInAr"));
+var _ViewInArOutlined = _interopRequireDefault(require("./ViewInArOutlined"));
+var _ViewInArRounded = _interopRequireDefault(require("./ViewInArRounded"));
+var _ViewInArSharp = _interopRequireDefault(require("./ViewInArSharp"));
+var _ViewInArTwoTone = _interopRequireDefault(require("./ViewInArTwoTone"));
+var _ViewKanban = _interopRequireDefault(require("./ViewKanban"));
+var _ViewKanbanOutlined = _interopRequireDefault(require("./ViewKanbanOutlined"));
+var _ViewKanbanRounded = _interopRequireDefault(require("./ViewKanbanRounded"));
+var _ViewKanbanSharp = _interopRequireDefault(require("./ViewKanbanSharp"));
+var _ViewKanbanTwoTone = _interopRequireDefault(require("./ViewKanbanTwoTone"));
+var _ViewList = _interopRequireDefault(require("./ViewList"));
+var _ViewListOutlined = _interopRequireDefault(require("./ViewListOutlined"));
+var _ViewListRounded = _interopRequireDefault(require("./ViewListRounded"));
+var _ViewListSharp = _interopRequireDefault(require("./ViewListSharp"));
+var _ViewListTwoTone = _interopRequireDefault(require("./ViewListTwoTone"));
+var _ViewModule = _interopRequireDefault(require("./ViewModule"));
+var _ViewModuleOutlined = _interopRequireDefault(require("./ViewModuleOutlined"));
+var _ViewModuleRounded = _interopRequireDefault(require("./ViewModuleRounded"));
+var _ViewModuleSharp = _interopRequireDefault(require("./ViewModuleSharp"));
+var _ViewModuleTwoTone = _interopRequireDefault(require("./ViewModuleTwoTone"));
+var _ViewQuilt = _interopRequireDefault(require("./ViewQuilt"));
+var _ViewQuiltOutlined = _interopRequireDefault(require("./ViewQuiltOutlined"));
+var _ViewQuiltRounded = _interopRequireDefault(require("./ViewQuiltRounded"));
+var _ViewQuiltSharp = _interopRequireDefault(require("./ViewQuiltSharp"));
+var _ViewQuiltTwoTone = _interopRequireDefault(require("./ViewQuiltTwoTone"));
+var _ViewSidebar = _interopRequireDefault(require("./ViewSidebar"));
+var _ViewSidebarOutlined = _interopRequireDefault(require("./ViewSidebarOutlined"));
+var _ViewSidebarRounded = _interopRequireDefault(require("./ViewSidebarRounded"));
+var _ViewSidebarSharp = _interopRequireDefault(require("./ViewSidebarSharp"));
+var _ViewSidebarTwoTone = _interopRequireDefault(require("./ViewSidebarTwoTone"));
+var _ViewStream = _interopRequireDefault(require("./ViewStream"));
+var _ViewStreamOutlined = _interopRequireDefault(require("./ViewStreamOutlined"));
+var _ViewStreamRounded = _interopRequireDefault(require("./ViewStreamRounded"));
+var _ViewStreamSharp = _interopRequireDefault(require("./ViewStreamSharp"));
+var _ViewStreamTwoTone = _interopRequireDefault(require("./ViewStreamTwoTone"));
+var _ViewTimeline = _interopRequireDefault(require("./ViewTimeline"));
+var _ViewTimelineOutlined = _interopRequireDefault(require("./ViewTimelineOutlined"));
+var _ViewTimelineRounded = _interopRequireDefault(require("./ViewTimelineRounded"));
+var _ViewTimelineSharp = _interopRequireDefault(require("./ViewTimelineSharp"));
+var _ViewTimelineTwoTone = _interopRequireDefault(require("./ViewTimelineTwoTone"));
+var _ViewWeek = _interopRequireDefault(require("./ViewWeek"));
+var _ViewWeekOutlined = _interopRequireDefault(require("./ViewWeekOutlined"));
+var _ViewWeekRounded = _interopRequireDefault(require("./ViewWeekRounded"));
+var _ViewWeekSharp = _interopRequireDefault(require("./ViewWeekSharp"));
+var _ViewWeekTwoTone = _interopRequireDefault(require("./ViewWeekTwoTone"));
+var _Vignette = _interopRequireDefault(require("./Vignette"));
+var _VignetteOutlined = _interopRequireDefault(require("./VignetteOutlined"));
+var _VignetteRounded = _interopRequireDefault(require("./VignetteRounded"));
+var _VignetteSharp = _interopRequireDefault(require("./VignetteSharp"));
+var _VignetteTwoTone = _interopRequireDefault(require("./VignetteTwoTone"));
+var _Villa = _interopRequireDefault(require("./Villa"));
+var _VillaOutlined = _interopRequireDefault(require("./VillaOutlined"));
+var _VillaRounded = _interopRequireDefault(require("./VillaRounded"));
+var _VillaSharp = _interopRequireDefault(require("./VillaSharp"));
+var _VillaTwoTone = _interopRequireDefault(require("./VillaTwoTone"));
+var _Visibility = _interopRequireDefault(require("./Visibility"));
+var _VisibilityOff = _interopRequireDefault(require("./VisibilityOff"));
+var _VisibilityOffOutlined = _interopRequireDefault(require("./VisibilityOffOutlined"));
+var _VisibilityOffRounded = _interopRequireDefault(require("./VisibilityOffRounded"));
+var _VisibilityOffSharp = _interopRequireDefault(require("./VisibilityOffSharp"));
+var _VisibilityOffTwoTone = _interopRequireDefault(require("./VisibilityOffTwoTone"));
+var _VisibilityOutlined = _interopRequireDefault(require("./VisibilityOutlined"));
+var _VisibilityRounded = _interopRequireDefault(require("./VisibilityRounded"));
+var _VisibilitySharp = _interopRequireDefault(require("./VisibilitySharp"));
+var _VisibilityTwoTone = _interopRequireDefault(require("./VisibilityTwoTone"));
+var _VoiceChat = _interopRequireDefault(require("./VoiceChat"));
+var _VoiceChatOutlined = _interopRequireDefault(require("./VoiceChatOutlined"));
+var _VoiceChatRounded = _interopRequireDefault(require("./VoiceChatRounded"));
+var _VoiceChatSharp = _interopRequireDefault(require("./VoiceChatSharp"));
+var _VoiceChatTwoTone = _interopRequireDefault(require("./VoiceChatTwoTone"));
+var _VoiceOverOff = _interopRequireDefault(require("./VoiceOverOff"));
+var _VoiceOverOffOutlined = _interopRequireDefault(require("./VoiceOverOffOutlined"));
+var _VoiceOverOffRounded = _interopRequireDefault(require("./VoiceOverOffRounded"));
+var _VoiceOverOffSharp = _interopRequireDefault(require("./VoiceOverOffSharp"));
+var _VoiceOverOffTwoTone = _interopRequireDefault(require("./VoiceOverOffTwoTone"));
+var _Voicemail = _interopRequireDefault(require("./Voicemail"));
+var _VoicemailOutlined = _interopRequireDefault(require("./VoicemailOutlined"));
+var _VoicemailRounded = _interopRequireDefault(require("./VoicemailRounded"));
+var _VoicemailSharp = _interopRequireDefault(require("./VoicemailSharp"));
+var _VoicemailTwoTone = _interopRequireDefault(require("./VoicemailTwoTone"));
+var _Volcano = _interopRequireDefault(require("./Volcano"));
+var _VolcanoOutlined = _interopRequireDefault(require("./VolcanoOutlined"));
+var _VolcanoRounded = _interopRequireDefault(require("./VolcanoRounded"));
+var _VolcanoSharp = _interopRequireDefault(require("./VolcanoSharp"));
+var _VolcanoTwoTone = _interopRequireDefault(require("./VolcanoTwoTone"));
+var _VolumeDown = _interopRequireDefault(require("./VolumeDown"));
+var _VolumeDownOutlined = _interopRequireDefault(require("./VolumeDownOutlined"));
+var _VolumeDownRounded = _interopRequireDefault(require("./VolumeDownRounded"));
+var _VolumeDownSharp = _interopRequireDefault(require("./VolumeDownSharp"));
+var _VolumeDownTwoTone = _interopRequireDefault(require("./VolumeDownTwoTone"));
+var _VolumeMute = _interopRequireDefault(require("./VolumeMute"));
+var _VolumeMuteOutlined = _interopRequireDefault(require("./VolumeMuteOutlined"));
+var _VolumeMuteRounded = _interopRequireDefault(require("./VolumeMuteRounded"));
+var _VolumeMuteSharp = _interopRequireDefault(require("./VolumeMuteSharp"));
+var _VolumeMuteTwoTone = _interopRequireDefault(require("./VolumeMuteTwoTone"));
+var _VolumeOff = _interopRequireDefault(require("./VolumeOff"));
+var _VolumeOffOutlined = _interopRequireDefault(require("./VolumeOffOutlined"));
+var _VolumeOffRounded = _interopRequireDefault(require("./VolumeOffRounded"));
+var _VolumeOffSharp = _interopRequireDefault(require("./VolumeOffSharp"));
+var _VolumeOffTwoTone = _interopRequireDefault(require("./VolumeOffTwoTone"));
+var _VolumeUp = _interopRequireDefault(require("./VolumeUp"));
+var _VolumeUpOutlined = _interopRequireDefault(require("./VolumeUpOutlined"));
+var _VolumeUpRounded = _interopRequireDefault(require("./VolumeUpRounded"));
+var _VolumeUpSharp = _interopRequireDefault(require("./VolumeUpSharp"));
+var _VolumeUpTwoTone = _interopRequireDefault(require("./VolumeUpTwoTone"));
+var _VolunteerActivism = _interopRequireDefault(require("./VolunteerActivism"));
+var _VolunteerActivismOutlined = _interopRequireDefault(require("./VolunteerActivismOutlined"));
+var _VolunteerActivismRounded = _interopRequireDefault(require("./VolunteerActivismRounded"));
+var _VolunteerActivismSharp = _interopRequireDefault(require("./VolunteerActivismSharp"));
+var _VolunteerActivismTwoTone = _interopRequireDefault(require("./VolunteerActivismTwoTone"));
+var _VpnKey = _interopRequireDefault(require("./VpnKey"));
+var _VpnKeyOff = _interopRequireDefault(require("./VpnKeyOff"));
+var _VpnKeyOffOutlined = _interopRequireDefault(require("./VpnKeyOffOutlined"));
+var _VpnKeyOffRounded = _interopRequireDefault(require("./VpnKeyOffRounded"));
+var _VpnKeyOffSharp = _interopRequireDefault(require("./VpnKeyOffSharp"));
+var _VpnKeyOffTwoTone = _interopRequireDefault(require("./VpnKeyOffTwoTone"));
+var _VpnKeyOutlined = _interopRequireDefault(require("./VpnKeyOutlined"));
+var _VpnKeyRounded = _interopRequireDefault(require("./VpnKeyRounded"));
+var _VpnKeySharp = _interopRequireDefault(require("./VpnKeySharp"));
+var _VpnKeyTwoTone = _interopRequireDefault(require("./VpnKeyTwoTone"));
+var _VpnLock = _interopRequireDefault(require("./VpnLock"));
+var _VpnLockOutlined = _interopRequireDefault(require("./VpnLockOutlined"));
+var _VpnLockRounded = _interopRequireDefault(require("./VpnLockRounded"));
+var _VpnLockSharp = _interopRequireDefault(require("./VpnLockSharp"));
+var _VpnLockTwoTone = _interopRequireDefault(require("./VpnLockTwoTone"));
+var _Vrpano = _interopRequireDefault(require("./Vrpano"));
+var _VrpanoOutlined = _interopRequireDefault(require("./VrpanoOutlined"));
+var _VrpanoRounded = _interopRequireDefault(require("./VrpanoRounded"));
+var _VrpanoSharp = _interopRequireDefault(require("./VrpanoSharp"));
+var _VrpanoTwoTone = _interopRequireDefault(require("./VrpanoTwoTone"));
+var _Wallet = _interopRequireDefault(require("./Wallet"));
+var _WalletOutlined = _interopRequireDefault(require("./WalletOutlined"));
+var _WalletRounded = _interopRequireDefault(require("./WalletRounded"));
+var _WalletSharp = _interopRequireDefault(require("./WalletSharp"));
+var _WalletTwoTone = _interopRequireDefault(require("./WalletTwoTone"));
+var _Wallpaper = _interopRequireDefault(require("./Wallpaper"));
+var _WallpaperOutlined = _interopRequireDefault(require("./WallpaperOutlined"));
+var _WallpaperRounded = _interopRequireDefault(require("./WallpaperRounded"));
+var _WallpaperSharp = _interopRequireDefault(require("./WallpaperSharp"));
+var _WallpaperTwoTone = _interopRequireDefault(require("./WallpaperTwoTone"));
+var _Warehouse = _interopRequireDefault(require("./Warehouse"));
+var _WarehouseOutlined = _interopRequireDefault(require("./WarehouseOutlined"));
+var _WarehouseRounded = _interopRequireDefault(require("./WarehouseRounded"));
+var _WarehouseSharp = _interopRequireDefault(require("./WarehouseSharp"));
+var _WarehouseTwoTone = _interopRequireDefault(require("./WarehouseTwoTone"));
+var _Warning = _interopRequireDefault(require("./Warning"));
+var _WarningAmber = _interopRequireDefault(require("./WarningAmber"));
+var _WarningAmberOutlined = _interopRequireDefault(require("./WarningAmberOutlined"));
+var _WarningAmberRounded = _interopRequireDefault(require("./WarningAmberRounded"));
+var _WarningAmberSharp = _interopRequireDefault(require("./WarningAmberSharp"));
+var _WarningAmberTwoTone = _interopRequireDefault(require("./WarningAmberTwoTone"));
+var _WarningOutlined = _interopRequireDefault(require("./WarningOutlined"));
+var _WarningRounded = _interopRequireDefault(require("./WarningRounded"));
+var _WarningSharp = _interopRequireDefault(require("./WarningSharp"));
+var _WarningTwoTone = _interopRequireDefault(require("./WarningTwoTone"));
+var _Wash = _interopRequireDefault(require("./Wash"));
+var _WashOutlined = _interopRequireDefault(require("./WashOutlined"));
+var _WashRounded = _interopRequireDefault(require("./WashRounded"));
+var _WashSharp = _interopRequireDefault(require("./WashSharp"));
+var _WashTwoTone = _interopRequireDefault(require("./WashTwoTone"));
+var _Watch = _interopRequireDefault(require("./Watch"));
+var _WatchLater = _interopRequireDefault(require("./WatchLater"));
+var _WatchLaterOutlined = _interopRequireDefault(require("./WatchLaterOutlined"));
+var _WatchLaterRounded = _interopRequireDefault(require("./WatchLaterRounded"));
+var _WatchLaterSharp = _interopRequireDefault(require("./WatchLaterSharp"));
+var _WatchLaterTwoTone = _interopRequireDefault(require("./WatchLaterTwoTone"));
+var _WatchOff = _interopRequireDefault(require("./WatchOff"));
+var _WatchOffOutlined = _interopRequireDefault(require("./WatchOffOutlined"));
+var _WatchOffRounded = _interopRequireDefault(require("./WatchOffRounded"));
+var _WatchOffSharp = _interopRequireDefault(require("./WatchOffSharp"));
+var _WatchOffTwoTone = _interopRequireDefault(require("./WatchOffTwoTone"));
+var _WatchOutlined = _interopRequireDefault(require("./WatchOutlined"));
+var _WatchRounded = _interopRequireDefault(require("./WatchRounded"));
+var _WatchSharp = _interopRequireDefault(require("./WatchSharp"));
+var _WatchTwoTone = _interopRequireDefault(require("./WatchTwoTone"));
+var _Water = _interopRequireDefault(require("./Water"));
+var _WaterDamage = _interopRequireDefault(require("./WaterDamage"));
+var _WaterDamageOutlined = _interopRequireDefault(require("./WaterDamageOutlined"));
+var _WaterDamageRounded = _interopRequireDefault(require("./WaterDamageRounded"));
+var _WaterDamageSharp = _interopRequireDefault(require("./WaterDamageSharp"));
+var _WaterDamageTwoTone = _interopRequireDefault(require("./WaterDamageTwoTone"));
+var _WaterDrop = _interopRequireDefault(require("./WaterDrop"));
+var _WaterDropOutlined = _interopRequireDefault(require("./WaterDropOutlined"));
+var _WaterDropRounded = _interopRequireDefault(require("./WaterDropRounded"));
+var _WaterDropSharp = _interopRequireDefault(require("./WaterDropSharp"));
+var _WaterDropTwoTone = _interopRequireDefault(require("./WaterDropTwoTone"));
+var _WaterOutlined = _interopRequireDefault(require("./WaterOutlined"));
+var _WaterRounded = _interopRequireDefault(require("./WaterRounded"));
+var _WaterSharp = _interopRequireDefault(require("./WaterSharp"));
+var _WaterTwoTone = _interopRequireDefault(require("./WaterTwoTone"));
+var _WaterfallChart = _interopRequireDefault(require("./WaterfallChart"));
+var _WaterfallChartOutlined = _interopRequireDefault(require("./WaterfallChartOutlined"));
+var _WaterfallChartRounded = _interopRequireDefault(require("./WaterfallChartRounded"));
+var _WaterfallChartSharp = _interopRequireDefault(require("./WaterfallChartSharp"));
+var _WaterfallChartTwoTone = _interopRequireDefault(require("./WaterfallChartTwoTone"));
+var _Waves = _interopRequireDefault(require("./Waves"));
+var _WavesOutlined = _interopRequireDefault(require("./WavesOutlined"));
+var _WavesRounded = _interopRequireDefault(require("./WavesRounded"));
+var _WavesSharp = _interopRequireDefault(require("./WavesSharp"));
+var _WavesTwoTone = _interopRequireDefault(require("./WavesTwoTone"));
+var _WavingHand = _interopRequireDefault(require("./WavingHand"));
+var _WavingHandOutlined = _interopRequireDefault(require("./WavingHandOutlined"));
+var _WavingHandRounded = _interopRequireDefault(require("./WavingHandRounded"));
+var _WavingHandSharp = _interopRequireDefault(require("./WavingHandSharp"));
+var _WavingHandTwoTone = _interopRequireDefault(require("./WavingHandTwoTone"));
+var _WbAuto = _interopRequireDefault(require("./WbAuto"));
+var _WbAutoOutlined = _interopRequireDefault(require("./WbAutoOutlined"));
+var _WbAutoRounded = _interopRequireDefault(require("./WbAutoRounded"));
+var _WbAutoSharp = _interopRequireDefault(require("./WbAutoSharp"));
+var _WbAutoTwoTone = _interopRequireDefault(require("./WbAutoTwoTone"));
+var _WbCloudy = _interopRequireDefault(require("./WbCloudy"));
+var _WbCloudyOutlined = _interopRequireDefault(require("./WbCloudyOutlined"));
+var _WbCloudyRounded = _interopRequireDefault(require("./WbCloudyRounded"));
+var _WbCloudySharp = _interopRequireDefault(require("./WbCloudySharp"));
+var _WbCloudyTwoTone = _interopRequireDefault(require("./WbCloudyTwoTone"));
+var _WbIncandescent = _interopRequireDefault(require("./WbIncandescent"));
+var _WbIncandescentOutlined = _interopRequireDefault(require("./WbIncandescentOutlined"));
+var _WbIncandescentRounded = _interopRequireDefault(require("./WbIncandescentRounded"));
+var _WbIncandescentSharp = _interopRequireDefault(require("./WbIncandescentSharp"));
+var _WbIncandescentTwoTone = _interopRequireDefault(require("./WbIncandescentTwoTone"));
+var _WbIridescent = _interopRequireDefault(require("./WbIridescent"));
+var _WbIridescentOutlined = _interopRequireDefault(require("./WbIridescentOutlined"));
+var _WbIridescentRounded = _interopRequireDefault(require("./WbIridescentRounded"));
+var _WbIridescentSharp = _interopRequireDefault(require("./WbIridescentSharp"));
+var _WbIridescentTwoTone = _interopRequireDefault(require("./WbIridescentTwoTone"));
+var _WbShade = _interopRequireDefault(require("./WbShade"));
+var _WbShadeOutlined = _interopRequireDefault(require("./WbShadeOutlined"));
+var _WbShadeRounded = _interopRequireDefault(require("./WbShadeRounded"));
+var _WbShadeSharp = _interopRequireDefault(require("./WbShadeSharp"));
+var _WbShadeTwoTone = _interopRequireDefault(require("./WbShadeTwoTone"));
+var _WbSunny = _interopRequireDefault(require("./WbSunny"));
+var _WbSunnyOutlined = _interopRequireDefault(require("./WbSunnyOutlined"));
+var _WbSunnyRounded = _interopRequireDefault(require("./WbSunnyRounded"));
+var _WbSunnySharp = _interopRequireDefault(require("./WbSunnySharp"));
+var _WbSunnyTwoTone = _interopRequireDefault(require("./WbSunnyTwoTone"));
+var _WbTwilight = _interopRequireDefault(require("./WbTwilight"));
+var _WbTwilightOutlined = _interopRequireDefault(require("./WbTwilightOutlined"));
+var _WbTwilightRounded = _interopRequireDefault(require("./WbTwilightRounded"));
+var _WbTwilightSharp = _interopRequireDefault(require("./WbTwilightSharp"));
+var _WbTwilightTwoTone = _interopRequireDefault(require("./WbTwilightTwoTone"));
+var _Wc = _interopRequireDefault(require("./Wc"));
+var _WcOutlined = _interopRequireDefault(require("./WcOutlined"));
+var _WcRounded = _interopRequireDefault(require("./WcRounded"));
+var _WcSharp = _interopRequireDefault(require("./WcSharp"));
+var _WcTwoTone = _interopRequireDefault(require("./WcTwoTone"));
+var _Web = _interopRequireDefault(require("./Web"));
+var _WebAsset = _interopRequireDefault(require("./WebAsset"));
+var _WebAssetOff = _interopRequireDefault(require("./WebAssetOff"));
+var _WebAssetOffOutlined = _interopRequireDefault(require("./WebAssetOffOutlined"));
+var _WebAssetOffRounded = _interopRequireDefault(require("./WebAssetOffRounded"));
+var _WebAssetOffSharp = _interopRequireDefault(require("./WebAssetOffSharp"));
+var _WebAssetOffTwoTone = _interopRequireDefault(require("./WebAssetOffTwoTone"));
+var _WebAssetOutlined = _interopRequireDefault(require("./WebAssetOutlined"));
+var _WebAssetRounded = _interopRequireDefault(require("./WebAssetRounded"));
+var _WebAssetSharp = _interopRequireDefault(require("./WebAssetSharp"));
+var _WebAssetTwoTone = _interopRequireDefault(require("./WebAssetTwoTone"));
+var _WebOutlined = _interopRequireDefault(require("./WebOutlined"));
+var _WebRounded = _interopRequireDefault(require("./WebRounded"));
+var _WebSharp = _interopRequireDefault(require("./WebSharp"));
+var _WebStories = _interopRequireDefault(require("./WebStories"));
+var _WebStoriesOutlined = _interopRequireDefault(require("./WebStoriesOutlined"));
+var _WebStoriesRounded = _interopRequireDefault(require("./WebStoriesRounded"));
+var _WebStoriesSharp = _interopRequireDefault(require("./WebStoriesSharp"));
+var _WebStoriesTwoTone = _interopRequireDefault(require("./WebStoriesTwoTone"));
+var _WebTwoTone = _interopRequireDefault(require("./WebTwoTone"));
+var _Webhook = _interopRequireDefault(require("./Webhook"));
+var _WebhookOutlined = _interopRequireDefault(require("./WebhookOutlined"));
+var _WebhookRounded = _interopRequireDefault(require("./WebhookRounded"));
+var _WebhookSharp = _interopRequireDefault(require("./WebhookSharp"));
+var _WebhookTwoTone = _interopRequireDefault(require("./WebhookTwoTone"));
+var _Weekend = _interopRequireDefault(require("./Weekend"));
+var _WeekendOutlined = _interopRequireDefault(require("./WeekendOutlined"));
+var _WeekendRounded = _interopRequireDefault(require("./WeekendRounded"));
+var _WeekendSharp = _interopRequireDefault(require("./WeekendSharp"));
+var _WeekendTwoTone = _interopRequireDefault(require("./WeekendTwoTone"));
+var _West = _interopRequireDefault(require("./West"));
+var _WestOutlined = _interopRequireDefault(require("./WestOutlined"));
+var _WestRounded = _interopRequireDefault(require("./WestRounded"));
+var _WestSharp = _interopRequireDefault(require("./WestSharp"));
+var _WestTwoTone = _interopRequireDefault(require("./WestTwoTone"));
+var _WhatsApp = _interopRequireDefault(require("./WhatsApp"));
+var _Whatshot = _interopRequireDefault(require("./Whatshot"));
+var _WhatshotOutlined = _interopRequireDefault(require("./WhatshotOutlined"));
+var _WhatshotRounded = _interopRequireDefault(require("./WhatshotRounded"));
+var _WhatshotSharp = _interopRequireDefault(require("./WhatshotSharp"));
+var _WhatshotTwoTone = _interopRequireDefault(require("./WhatshotTwoTone"));
+var _WheelchairPickup = _interopRequireDefault(require("./WheelchairPickup"));
+var _WheelchairPickupOutlined = _interopRequireDefault(require("./WheelchairPickupOutlined"));
+var _WheelchairPickupRounded = _interopRequireDefault(require("./WheelchairPickupRounded"));
+var _WheelchairPickupSharp = _interopRequireDefault(require("./WheelchairPickupSharp"));
+var _WheelchairPickupTwoTone = _interopRequireDefault(require("./WheelchairPickupTwoTone"));
+var _WhereToVote = _interopRequireDefault(require("./WhereToVote"));
+var _WhereToVoteOutlined = _interopRequireDefault(require("./WhereToVoteOutlined"));
+var _WhereToVoteRounded = _interopRequireDefault(require("./WhereToVoteRounded"));
+var _WhereToVoteSharp = _interopRequireDefault(require("./WhereToVoteSharp"));
+var _WhereToVoteTwoTone = _interopRequireDefault(require("./WhereToVoteTwoTone"));
+var _Widgets = _interopRequireDefault(require("./Widgets"));
+var _WidgetsOutlined = _interopRequireDefault(require("./WidgetsOutlined"));
+var _WidgetsRounded = _interopRequireDefault(require("./WidgetsRounded"));
+var _WidgetsSharp = _interopRequireDefault(require("./WidgetsSharp"));
+var _WidgetsTwoTone = _interopRequireDefault(require("./WidgetsTwoTone"));
+var _WidthFull = _interopRequireDefault(require("./WidthFull"));
+var _WidthFullOutlined = _interopRequireDefault(require("./WidthFullOutlined"));
+var _WidthFullRounded = _interopRequireDefault(require("./WidthFullRounded"));
+var _WidthFullSharp = _interopRequireDefault(require("./WidthFullSharp"));
+var _WidthFullTwoTone = _interopRequireDefault(require("./WidthFullTwoTone"));
+var _WidthNormal = _interopRequireDefault(require("./WidthNormal"));
+var _WidthNormalOutlined = _interopRequireDefault(require("./WidthNormalOutlined"));
+var _WidthNormalRounded = _interopRequireDefault(require("./WidthNormalRounded"));
+var _WidthNormalSharp = _interopRequireDefault(require("./WidthNormalSharp"));
+var _WidthNormalTwoTone = _interopRequireDefault(require("./WidthNormalTwoTone"));
+var _WidthWide = _interopRequireDefault(require("./WidthWide"));
+var _WidthWideOutlined = _interopRequireDefault(require("./WidthWideOutlined"));
+var _WidthWideRounded = _interopRequireDefault(require("./WidthWideRounded"));
+var _WidthWideSharp = _interopRequireDefault(require("./WidthWideSharp"));
+var _WidthWideTwoTone = _interopRequireDefault(require("./WidthWideTwoTone"));
+var _Wifi = _interopRequireDefault(require("./Wifi"));
+var _Wifi1Bar = _interopRequireDefault(require("./Wifi1Bar"));
+var _Wifi1BarOutlined = _interopRequireDefault(require("./Wifi1BarOutlined"));
+var _Wifi1BarRounded = _interopRequireDefault(require("./Wifi1BarRounded"));
+var _Wifi1BarSharp = _interopRequireDefault(require("./Wifi1BarSharp"));
+var _Wifi1BarTwoTone = _interopRequireDefault(require("./Wifi1BarTwoTone"));
+var _Wifi2Bar = _interopRequireDefault(require("./Wifi2Bar"));
+var _Wifi2BarOutlined = _interopRequireDefault(require("./Wifi2BarOutlined"));
+var _Wifi2BarRounded = _interopRequireDefault(require("./Wifi2BarRounded"));
+var _Wifi2BarSharp = _interopRequireDefault(require("./Wifi2BarSharp"));
+var _Wifi2BarTwoTone = _interopRequireDefault(require("./Wifi2BarTwoTone"));
+var _WifiCalling = _interopRequireDefault(require("./WifiCalling"));
+var _WifiCalling2 = _interopRequireDefault(require("./WifiCalling3"));
+var _WifiCalling3Outlined = _interopRequireDefault(require("./WifiCalling3Outlined"));
+var _WifiCalling3Rounded = _interopRequireDefault(require("./WifiCalling3Rounded"));
+var _WifiCalling3Sharp = _interopRequireDefault(require("./WifiCalling3Sharp"));
+var _WifiCalling3TwoTone = _interopRequireDefault(require("./WifiCalling3TwoTone"));
+var _WifiCallingOutlined = _interopRequireDefault(require("./WifiCallingOutlined"));
+var _WifiCallingRounded = _interopRequireDefault(require("./WifiCallingRounded"));
+var _WifiCallingSharp = _interopRequireDefault(require("./WifiCallingSharp"));
+var _WifiCallingTwoTone = _interopRequireDefault(require("./WifiCallingTwoTone"));
+var _WifiChannel = _interopRequireDefault(require("./WifiChannel"));
+var _WifiChannelOutlined = _interopRequireDefault(require("./WifiChannelOutlined"));
+var _WifiChannelRounded = _interopRequireDefault(require("./WifiChannelRounded"));
+var _WifiChannelSharp = _interopRequireDefault(require("./WifiChannelSharp"));
+var _WifiChannelTwoTone = _interopRequireDefault(require("./WifiChannelTwoTone"));
+var _WifiFind = _interopRequireDefault(require("./WifiFind"));
+var _WifiFindOutlined = _interopRequireDefault(require("./WifiFindOutlined"));
+var _WifiFindRounded = _interopRequireDefault(require("./WifiFindRounded"));
+var _WifiFindSharp = _interopRequireDefault(require("./WifiFindSharp"));
+var _WifiFindTwoTone = _interopRequireDefault(require("./WifiFindTwoTone"));
+var _WifiLock = _interopRequireDefault(require("./WifiLock"));
+var _WifiLockOutlined = _interopRequireDefault(require("./WifiLockOutlined"));
+var _WifiLockRounded = _interopRequireDefault(require("./WifiLockRounded"));
+var _WifiLockSharp = _interopRequireDefault(require("./WifiLockSharp"));
+var _WifiLockTwoTone = _interopRequireDefault(require("./WifiLockTwoTone"));
+var _WifiOff = _interopRequireDefault(require("./WifiOff"));
+var _WifiOffOutlined = _interopRequireDefault(require("./WifiOffOutlined"));
+var _WifiOffRounded = _interopRequireDefault(require("./WifiOffRounded"));
+var _WifiOffSharp = _interopRequireDefault(require("./WifiOffSharp"));
+var _WifiOffTwoTone = _interopRequireDefault(require("./WifiOffTwoTone"));
+var _WifiOutlined = _interopRequireDefault(require("./WifiOutlined"));
+var _WifiPassword = _interopRequireDefault(require("./WifiPassword"));
+var _WifiPasswordOutlined = _interopRequireDefault(require("./WifiPasswordOutlined"));
+var _WifiPasswordRounded = _interopRequireDefault(require("./WifiPasswordRounded"));
+var _WifiPasswordSharp = _interopRequireDefault(require("./WifiPasswordSharp"));
+var _WifiPasswordTwoTone = _interopRequireDefault(require("./WifiPasswordTwoTone"));
+var _WifiProtectedSetup = _interopRequireDefault(require("./WifiProtectedSetup"));
+var _WifiProtectedSetupOutlined = _interopRequireDefault(require("./WifiProtectedSetupOutlined"));
+var _WifiProtectedSetupRounded = _interopRequireDefault(require("./WifiProtectedSetupRounded"));
+var _WifiProtectedSetupSharp = _interopRequireDefault(require("./WifiProtectedSetupSharp"));
+var _WifiProtectedSetupTwoTone = _interopRequireDefault(require("./WifiProtectedSetupTwoTone"));
+var _WifiRounded = _interopRequireDefault(require("./WifiRounded"));
+var _WifiSharp = _interopRequireDefault(require("./WifiSharp"));
+var _WifiTethering = _interopRequireDefault(require("./WifiTethering"));
+var _WifiTetheringError = _interopRequireDefault(require("./WifiTetheringError"));
+var _WifiTetheringErrorOutlined = _interopRequireDefault(require("./WifiTetheringErrorOutlined"));
+var _WifiTetheringErrorRounded = _interopRequireDefault(require("./WifiTetheringErrorRounded"));
+var _WifiTetheringErrorRoundedOutlined = _interopRequireDefault(require("./WifiTetheringErrorRoundedOutlined"));
+var _WifiTetheringErrorRoundedRounded = _interopRequireDefault(require("./WifiTetheringErrorRoundedRounded"));
+var _WifiTetheringErrorRoundedSharp = _interopRequireDefault(require("./WifiTetheringErrorRoundedSharp"));
+var _WifiTetheringErrorRoundedTwoTone = _interopRequireDefault(require("./WifiTetheringErrorRoundedTwoTone"));
+var _WifiTetheringErrorSharp = _interopRequireDefault(require("./WifiTetheringErrorSharp"));
+var _WifiTetheringErrorTwoTone = _interopRequireDefault(require("./WifiTetheringErrorTwoTone"));
+var _WifiTetheringOff = _interopRequireDefault(require("./WifiTetheringOff"));
+var _WifiTetheringOffOutlined = _interopRequireDefault(require("./WifiTetheringOffOutlined"));
+var _WifiTetheringOffRounded = _interopRequireDefault(require("./WifiTetheringOffRounded"));
+var _WifiTetheringOffSharp = _interopRequireDefault(require("./WifiTetheringOffSharp"));
+var _WifiTetheringOffTwoTone = _interopRequireDefault(require("./WifiTetheringOffTwoTone"));
+var _WifiTetheringOutlined = _interopRequireDefault(require("./WifiTetheringOutlined"));
+var _WifiTetheringRounded = _interopRequireDefault(require("./WifiTetheringRounded"));
+var _WifiTetheringSharp = _interopRequireDefault(require("./WifiTetheringSharp"));
+var _WifiTetheringTwoTone = _interopRequireDefault(require("./WifiTetheringTwoTone"));
+var _WifiTwoTone = _interopRequireDefault(require("./WifiTwoTone"));
+var _WindPower = _interopRequireDefault(require("./WindPower"));
+var _WindPowerOutlined = _interopRequireDefault(require("./WindPowerOutlined"));
+var _WindPowerRounded = _interopRequireDefault(require("./WindPowerRounded"));
+var _WindPowerSharp = _interopRequireDefault(require("./WindPowerSharp"));
+var _WindPowerTwoTone = _interopRequireDefault(require("./WindPowerTwoTone"));
+var _Window = _interopRequireDefault(require("./Window"));
+var _WindowOutlined = _interopRequireDefault(require("./WindowOutlined"));
+var _WindowRounded = _interopRequireDefault(require("./WindowRounded"));
+var _WindowSharp = _interopRequireDefault(require("./WindowSharp"));
+var _WindowTwoTone = _interopRequireDefault(require("./WindowTwoTone"));
+var _WineBar = _interopRequireDefault(require("./WineBar"));
+var _WineBarOutlined = _interopRequireDefault(require("./WineBarOutlined"));
+var _WineBarRounded = _interopRequireDefault(require("./WineBarRounded"));
+var _WineBarSharp = _interopRequireDefault(require("./WineBarSharp"));
+var _WineBarTwoTone = _interopRequireDefault(require("./WineBarTwoTone"));
+var _Woman = _interopRequireDefault(require("./Woman"));
+var _Woman2 = _interopRequireDefault(require("./Woman2"));
+var _Woman2Outlined = _interopRequireDefault(require("./Woman2Outlined"));
+var _Woman2Rounded = _interopRequireDefault(require("./Woman2Rounded"));
+var _Woman2Sharp = _interopRequireDefault(require("./Woman2Sharp"));
+var _Woman2TwoTone = _interopRequireDefault(require("./Woman2TwoTone"));
+var _WomanOutlined = _interopRequireDefault(require("./WomanOutlined"));
+var _WomanRounded = _interopRequireDefault(require("./WomanRounded"));
+var _WomanSharp = _interopRequireDefault(require("./WomanSharp"));
+var _WomanTwoTone = _interopRequireDefault(require("./WomanTwoTone"));
+var _Work = _interopRequireDefault(require("./Work"));
+var _WorkHistory = _interopRequireDefault(require("./WorkHistory"));
+var _WorkHistoryOutlined = _interopRequireDefault(require("./WorkHistoryOutlined"));
+var _WorkHistoryRounded = _interopRequireDefault(require("./WorkHistoryRounded"));
+var _WorkHistorySharp = _interopRequireDefault(require("./WorkHistorySharp"));
+var _WorkHistoryTwoTone = _interopRequireDefault(require("./WorkHistoryTwoTone"));
+var _WorkOff = _interopRequireDefault(require("./WorkOff"));
+var _WorkOffOutlined = _interopRequireDefault(require("./WorkOffOutlined"));
+var _WorkOffRounded = _interopRequireDefault(require("./WorkOffRounded"));
+var _WorkOffSharp = _interopRequireDefault(require("./WorkOffSharp"));
+var _WorkOffTwoTone = _interopRequireDefault(require("./WorkOffTwoTone"));
+var _WorkOutline = _interopRequireDefault(require("./WorkOutline"));
+var _WorkOutlineOutlined = _interopRequireDefault(require("./WorkOutlineOutlined"));
+var _WorkOutlineRounded = _interopRequireDefault(require("./WorkOutlineRounded"));
+var _WorkOutlineSharp = _interopRequireDefault(require("./WorkOutlineSharp"));
+var _WorkOutlineTwoTone = _interopRequireDefault(require("./WorkOutlineTwoTone"));
+var _WorkOutlined = _interopRequireDefault(require("./WorkOutlined"));
+var _WorkRounded = _interopRequireDefault(require("./WorkRounded"));
+var _WorkSharp = _interopRequireDefault(require("./WorkSharp"));
+var _WorkTwoTone = _interopRequireDefault(require("./WorkTwoTone"));
+var _WorkspacePremium = _interopRequireDefault(require("./WorkspacePremium"));
+var _WorkspacePremiumOutlined = _interopRequireDefault(require("./WorkspacePremiumOutlined"));
+var _WorkspacePremiumRounded = _interopRequireDefault(require("./WorkspacePremiumRounded"));
+var _WorkspacePremiumSharp = _interopRequireDefault(require("./WorkspacePremiumSharp"));
+var _WorkspacePremiumTwoTone = _interopRequireDefault(require("./WorkspacePremiumTwoTone"));
+var _Workspaces = _interopRequireDefault(require("./Workspaces"));
+var _WorkspacesOutlined = _interopRequireDefault(require("./WorkspacesOutlined"));
+var _WorkspacesRounded = _interopRequireDefault(require("./WorkspacesRounded"));
+var _WorkspacesSharp = _interopRequireDefault(require("./WorkspacesSharp"));
+var _WorkspacesTwoTone = _interopRequireDefault(require("./WorkspacesTwoTone"));
+var _WrapText = _interopRequireDefault(require("./WrapText"));
+var _WrapTextOutlined = _interopRequireDefault(require("./WrapTextOutlined"));
+var _WrapTextRounded = _interopRequireDefault(require("./WrapTextRounded"));
+var _WrapTextSharp = _interopRequireDefault(require("./WrapTextSharp"));
+var _WrapTextTwoTone = _interopRequireDefault(require("./WrapTextTwoTone"));
+var _WrongLocation = _interopRequireDefault(require("./WrongLocation"));
+var _WrongLocationOutlined = _interopRequireDefault(require("./WrongLocationOutlined"));
+var _WrongLocationRounded = _interopRequireDefault(require("./WrongLocationRounded"));
+var _WrongLocationSharp = _interopRequireDefault(require("./WrongLocationSharp"));
+var _WrongLocationTwoTone = _interopRequireDefault(require("./WrongLocationTwoTone"));
+var _Wysiwyg = _interopRequireDefault(require("./Wysiwyg"));
+var _WysiwygOutlined = _interopRequireDefault(require("./WysiwygOutlined"));
+var _WysiwygRounded = _interopRequireDefault(require("./WysiwygRounded"));
+var _WysiwygSharp = _interopRequireDefault(require("./WysiwygSharp"));
+var _WysiwygTwoTone = _interopRequireDefault(require("./WysiwygTwoTone"));
+var _Yard = _interopRequireDefault(require("./Yard"));
+var _YardOutlined = _interopRequireDefault(require("./YardOutlined"));
+var _YardRounded = _interopRequireDefault(require("./YardRounded"));
+var _YardSharp = _interopRequireDefault(require("./YardSharp"));
+var _YardTwoTone = _interopRequireDefault(require("./YardTwoTone"));
+var _YouTube = _interopRequireDefault(require("./YouTube"));
+var _YoutubeSearchedFor = _interopRequireDefault(require("./YoutubeSearchedFor"));
+var _YoutubeSearchedForOutlined = _interopRequireDefault(require("./YoutubeSearchedForOutlined"));
+var _YoutubeSearchedForRounded = _interopRequireDefault(require("./YoutubeSearchedForRounded"));
+var _YoutubeSearchedForSharp = _interopRequireDefault(require("./YoutubeSearchedForSharp"));
+var _YoutubeSearchedForTwoTone = _interopRequireDefault(require("./YoutubeSearchedForTwoTone"));
+var _ZoomIn = _interopRequireDefault(require("./ZoomIn"));
+var _ZoomInMap = _interopRequireDefault(require("./ZoomInMap"));
+var _ZoomInMapOutlined = _interopRequireDefault(require("./ZoomInMapOutlined"));
+var _ZoomInMapRounded = _interopRequireDefault(require("./ZoomInMapRounded"));
+var _ZoomInMapSharp = _interopRequireDefault(require("./ZoomInMapSharp"));
+var _ZoomInMapTwoTone = _interopRequireDefault(require("./ZoomInMapTwoTone"));
+var _ZoomInOutlined = _interopRequireDefault(require("./ZoomInOutlined"));
+var _ZoomInRounded = _interopRequireDefault(require("./ZoomInRounded"));
+var _ZoomInSharp = _interopRequireDefault(require("./ZoomInSharp"));
+var _ZoomInTwoTone = _interopRequireDefault(require("./ZoomInTwoTone"));
+var _ZoomOut = _interopRequireDefault(require("./ZoomOut"));
+var _ZoomOutMap = _interopRequireDefault(require("./ZoomOutMap"));
+var _ZoomOutMapOutlined = _interopRequireDefault(require("./ZoomOutMapOutlined"));
+var _ZoomOutMapRounded = _interopRequireDefault(require("./ZoomOutMapRounded"));
+var _ZoomOutMapSharp = _interopRequireDefault(require("./ZoomOutMapSharp"));
+var _ZoomOutMapTwoTone = _interopRequireDefault(require("./ZoomOutMapTwoTone"));
+var _ZoomOutOutlined = _interopRequireDefault(require("./ZoomOutOutlined"));
+var _ZoomOutRounded = _interopRequireDefault(require("./ZoomOutRounded"));
+var _ZoomOutSharp = _interopRequireDefault(require("./ZoomOutSharp"));
+var _ZoomOutTwoTone = _interopRequireDefault(require("./ZoomOutTwoTone"));
\ No newline at end of file
diff --git a/packages/mui-icons-material/package.json b/packages/mui-icons-material/package.json
index 2422d2ec0c9045..1bace2608d6b5b 100644
--- a/packages/mui-icons-material/package.json
+++ b/packages/mui-icons-material/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/icons-material",
-  "version": "5.14.3",
+  "version": "5.14.9",
   "private": false,
   "author": "MUI Team",
   "description": "Material Design icons distributed as SVG React components.",
@@ -45,6 +45,26 @@
     "test:built-typings": "tslint -p test/generated-types/tsconfig.json \"test/generated-types/*.{ts,tsx}\"",
     "typescript": "tslint -p tsconfig.json \"src/**/*.{ts,tsx}\""
   },
+  "dependencies": {
+    "@babel/runtime": "^7.22.15"
+  },
+  "devDependencies": {
+    "@mui/internal-waterfall": "^1.0.0",
+    "@types/chai": "^4.3.6",
+    "@types/react": "^18.2.21",
+    "chai": "^4.3.8",
+    "chalk": "^5.3.0",
+    "cross-fetch": "^4.0.0",
+    "fast-glob": "^3.3.1",
+    "fs-extra": "^11.1.1",
+    "lodash": "^4.17.21",
+    "mustache": "^4.2.0",
+    "react": "^18.2.0",
+    "rimraf": "^5.0.1",
+    "shx": "^0.3.4",
+    "svgo": "^3.0.2",
+    "yargs": "^17.7.2"
+  },
   "peerDependencies": {
     "@mui/material": "^5.0.0",
     "@types/react": "^17.0.0 || ^18.0.0",
@@ -55,16 +75,6 @@
       "optional": true
     }
   },
-  "dependencies": {
-    "@babel/runtime": "^7.22.6"
-  },
-  "devDependencies": {
-    "fs-extra": "^11.1.1",
-    "mustache": "^4.2.0",
-    "shx": "^0.3.4",
-    "svgo": "^2.8.0",
-    "yargs": "^17.7.2"
-  },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
diff --git a/packages/mui-icons-material/tsconfig.json b/packages/mui-icons-material/tsconfig.json
index 41716a7dd5c7e0..4082f16a5d91ce 100644
--- a/packages/mui-icons-material/tsconfig.json
+++ b/packages/mui-icons-material/tsconfig.json
@@ -1,3 +1,3 @@
 {
-  "extends": "../../tsconfig"
+  "extends": "../../tsconfig.json"
 }
diff --git a/packages/mui-joy/README.md b/packages/mui-joy/README.md
index e91ad89df19be7..7adc2c28a313ab 100644
--- a/packages/mui-joy/README.md
+++ b/packages/mui-joy/README.md
@@ -1,19 +1,53 @@
-# @mui/joy
+<!-- markdownlint-disable-next-line -->
+<p align="center">
+  <a href="https://mui.com/joy-ui/getting-started/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="Joy UI logo"></a>
+</p>
 
-Joy UI is a library of beautifully designed React UI components built to spark joy in the development process.
+<h1 align="center">Joy UI</h1>
+
+Joy UI is a library of beautifully designed React UI components built to spark joy.
 
 ## Installation
 
 Install the package in your project directory with:
 
 ```bash
-// with npm
 npm install @mui/joy @emotion/react @emotion/styled
-
-// with yarn
-yarn add @mui/joy @emotion/react @emotion/styled
 ```
 
 ## Documentation
 
-[The documentation](https://mui.com/joy-ui/getting-started/)
+Visit [https://mui.com/joy-ui/getting-started/](https://mui.com/joy-ui/getting-started/) to view the full documentation.
+
+## Questions
+
+For how-to questions that don't involve making changes to the code base, please use [Stack Overflow](https://stackoverflow.com/questions/tagged/joy-ui) instead of GitHub issues.
+Use the "joy-ui" tag on Stack Overflow to make it easier for the community to find your question.
+
+## Examples
+
+Our documentation features [a collection of example projects using Joy UI](https://github.com/mui/material-ui/tree/master/examples).
+
+## Contributing
+
+Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
+
+Contributing to Joy UI is about more than just issues and pull requests!
+There are many other ways to [support MUI](https://mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
+
+## Changelog
+
+The [changelog](https://github.com/mui/material-ui/releases) is regularly updated to reflect what's changed in each new release.
+
+## Roadmap
+
+Future plans and high-priority features and enhancements can be found in our [roadmap](https://mui.com/material-ui/discover-more/roadmap/).
+
+## License
+
+This project is licensed under the terms of the
+[MIT license](/LICENSE).
+
+## Security
+
+For details of supported versions and contact details for reporting security issues, please refer to the [security policy](https://github.com/mui/material-ui/security/policy).
diff --git a/packages/mui-joy/package.json b/packages/mui-joy/package.json
index ce5f2fe4746f9f..39f0a357baa5a4 100644
--- a/packages/mui-joy/package.json
+++ b/packages/mui-joy/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/joy",
-  "version": "5.0.0-beta.1",
+  "version": "5.0.0-beta.7",
   "private": false,
   "author": "MUI Team",
   "description": "A library of beautifully designed React UI components.",
@@ -19,7 +19,7 @@
   "bugs": {
     "url": "https://github.com/mui/material-ui/issues"
   },
-  "homepage": "https://mui.com/",
+  "homepage": "https://mui.com/joy-ui/getting-started/",
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/mui"
@@ -37,6 +37,32 @@
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json",
     "typescript:module-augmentation": "node scripts/testModuleAugmentation.js"
   },
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@mui/base": "5.0.0-beta.16",
+    "@mui/core-downloads-tracker": "^5.14.10",
+    "@mui/system": "^5.14.10",
+    "@mui/types": "^7.2.4",
+    "@mui/utils": "^5.14.10",
+    "clsx": "^2.0.0",
+    "prop-types": "^15.8.1"
+  },
+  "devDependencies": {
+    "@mui/material": "^5.14.10",
+    "@mui-internal/test-utils": "^1.0.0",
+    "@types/chai": "^4.3.6",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@types/sinon": "^10.0.16",
+    "chai": "^4.3.8",
+    "fast-glob": "^3.3.1",
+    "lodash": "^4.17.21",
+    "next": "^13.4.19",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sinon": "^15.2.0"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
@@ -55,18 +81,6 @@
       "optional": true
     }
   },
-  "dependencies": {
-    "@babel/runtime": "^7.22.6",
-    "@mui/base": "5.0.0-beta.10",
-    "@mui/core-downloads-tracker": "^5.14.4",
-    "@mui/system": "^5.14.4",
-    "@mui/types": "^7.2.4",
-    "@mui/utils": "^5.14.4",
-    "clsx": "^2.0.0",
-    "csstype": "^3.1.2",
-    "prop-types": "^15.8.1",
-    "react-is": "^18.2.0"
-  },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
diff --git a/packages/mui-joy/src/Accordion/Accordion.test.tsx b/packages/mui-joy/src/Accordion/Accordion.test.tsx
new file mode 100644
index 00000000000000..a26905361028b5
--- /dev/null
+++ b/packages/mui-joy/src/Accordion/Accordion.test.tsx
@@ -0,0 +1,145 @@
+import * as React from 'react';
+import { expect } from 'chai';
+import { spy } from 'sinon';
+import { createRenderer, describeConformance, fireEvent } from '@mui-internal/test-utils';
+import { ThemeProvider } from '@mui/joy/styles';
+import Accordion, { accordionClasses as classes } from '@mui/joy/Accordion';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+
+describe('<Accordion />', () => {
+  const { render } = createRenderer();
+
+  describeConformance(<Accordion />, () => ({
+    classes,
+    inheritComponent: 'div',
+    render,
+    ThemeProvider,
+    muiName: 'JoyAccordion',
+    refInstanceof: window.HTMLDivElement,
+    testComponentPropWith: 'span',
+    skip: ['classesRoot', 'componentsProp', 'themeVariants'],
+    slots: {
+      root: {
+        expectedClassName: classes.root,
+      },
+    },
+  }));
+
+  it('should render and not be controlled', () => {
+    const { container } = render(
+      <Accordion>
+        <AccordionSummary>Header</AccordionSummary>
+      </Accordion>,
+    );
+    expect(container.firstChild).not.to.have.class(classes.expanded);
+  });
+
+  it('should handle defaultExpanded prop', () => {
+    const { container } = render(
+      <Accordion defaultExpanded>
+        <AccordionSummary>Header</AccordionSummary>
+      </Accordion>,
+    );
+    expect(container.firstChild).to.have.class(classes.expanded);
+  });
+
+  it('should render the summary and collapse elements', () => {
+    const { getByRole, getByText } = render(
+      <Accordion>
+        <AccordionSummary>Summary</AccordionSummary>
+        <div id="panel-content">Hello</div>
+      </Accordion>,
+    );
+    expect(getByText('Summary')).toBeVisible();
+    expect(getByRole('button')).to.have.attribute('aria-expanded', 'false');
+  });
+
+  it('should be controlled', () => {
+    const { container, setProps } = render(
+      <Accordion expanded>
+        <AccordionSummary>Header</AccordionSummary>
+      </Accordion>,
+    );
+    const panel = container.firstChild;
+    expect(panel).to.have.class(classes.expanded);
+    setProps({ expanded: false });
+    expect(panel).not.to.have.class(classes.expanded);
+  });
+
+  it('should be disabled', () => {
+    const { getByRole } = render(
+      <Accordion disabled>
+        <AccordionSummary>Summary</AccordionSummary>
+      </Accordion>,
+    );
+    expect(getByRole('button')).to.have.class(classes.disabled);
+  });
+
+  it('should call onChange when clicking the summary element', () => {
+    const handleChange = spy();
+    const { getByText } = render(
+      <Accordion onChange={handleChange}>
+        <AccordionSummary>Header</AccordionSummary>
+      </Accordion>,
+    );
+    fireEvent.click(getByText('Header'));
+    expect(handleChange.callCount).to.equal(1);
+  });
+
+  it('when controlled should call the onChange', () => {
+    const handleChange = spy();
+    const { getByText } = render(
+      <Accordion onChange={handleChange} expanded>
+        <AccordionSummary>Header</AccordionSummary>
+      </Accordion>,
+    );
+    fireEvent.click(getByText('Header'));
+    expect(handleChange.callCount).to.equal(1);
+    expect(handleChange.args[0][1]).to.equal(false);
+  });
+
+  it('when undefined onChange and controlled should not call the onChange', () => {
+    const handleChange = spy();
+    const { setProps, getByText } = render(
+      <Accordion onChange={handleChange} expanded>
+        <AccordionSummary>Header</AccordionSummary>
+      </Accordion>,
+    );
+    setProps({ onChange: undefined });
+    fireEvent.click(getByText('Header'));
+    expect(handleChange.callCount).to.equal(0);
+  });
+
+  it('when disabled should have the disabled class', () => {
+    const { container } = render(
+      <Accordion disabled>
+        <AccordionSummary>Header</AccordionSummary>
+      </Accordion>,
+    );
+    expect(container.firstChild).to.have.class(classes.disabled);
+  });
+
+  it('should warn when switching from controlled to uncontrolled', () => {
+    const wrapper = render(
+      <Accordion expanded>
+        <AccordionSummary>Header</AccordionSummary>
+      </Accordion>,
+    );
+
+    expect(() => wrapper.setProps({ expanded: undefined })).to.toErrorDev(
+      'MUI: A component is changing the controlled expanded state of Accordion to be uncontrolled.',
+    );
+  });
+
+  it('should warn when switching between uncontrolled to controlled', () => {
+    const { setProps } = render(
+      <Accordion>
+        <AccordionSummary>Header</AccordionSummary>
+      </Accordion>,
+    );
+
+    expect(() => setProps({ expanded: true })).toErrorDev(
+      'MUI: A component is changing the uncontrolled expanded state of Accordion to be controlled.',
+    );
+  });
+});
diff --git a/packages/mui-joy/src/Accordion/Accordion.tsx b/packages/mui-joy/src/Accordion/Accordion.tsx
new file mode 100644
index 00000000000000..963403fd03f6f8
--- /dev/null
+++ b/packages/mui-joy/src/Accordion/Accordion.tsx
@@ -0,0 +1,229 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { OverridableComponent } from '@mui/types';
+import {
+  unstable_capitalize as capitalize,
+  unstable_useControlled as useControlled,
+  unstable_useId as useId,
+} from '@mui/utils';
+import { useThemeProps } from '../styles';
+import styled from '../styles/styled';
+import { getAccordionUtilityClass } from './accordionClasses';
+import { AccordionProps, AccordionOwnerState, AccordionTypeMap } from './AccordionProps';
+import useSlot from '../utils/useSlot';
+import AccordionContext from './AccordionContext';
+import { StyledListItem } from '../ListItem/ListItem';
+import accordionDetailsClasses from '../AccordionDetails/accordionDetailsClasses';
+
+const useUtilityClasses = (ownerState: AccordionOwnerState) => {
+  const { variant, color, expanded, disabled } = ownerState;
+  const slots = {
+    root: [
+      'root',
+      expanded && 'expanded',
+      disabled && 'disabled',
+      color && `color${capitalize(color)}`,
+      variant && `variant${capitalize(variant)}`,
+    ],
+  };
+
+  return composeClasses(slots, getAccordionUtilityClass, {});
+};
+
+const AccordionRoot = styled(StyledListItem as unknown as 'div', {
+  name: 'JoyAccordion',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root,
+})<{ ownerState: AccordionOwnerState }>({
+  borderBottom: 'var(--Accordion-borderBottom)',
+  '&[data-first-child]': {
+    '--ListItem-radius': 'var(--unstable_List-childRadius) var(--unstable_List-childRadius) 0 0',
+  },
+  '&[data-last-child]': {
+    '--ListItem-radius': '0 0 var(--unstable_List-childRadius) var(--unstable_List-childRadius)',
+    '& [aria-expanded="true"]': {
+      '--ListItem-radius': '0',
+    },
+    [`& .${accordionDetailsClasses.root}`]: {
+      '--AccordionDetails-radius':
+        '0 0 var(--unstable_List-childRadius) var(--unstable_List-childRadius)',
+    },
+  },
+  '&:not([data-first-child]):not([data-last-child])': {
+    '--ListItem-radius': '0',
+  },
+});
+/**
+ * ⚠️ Accordion must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.
+ *
+ * Demos:
+ *
+ * - [Accordion](https://mui.com/joy-ui/react-accordion/)
+ *
+ * API:
+ *
+ * - [Accordion API](https://mui.com/joy-ui/api/accordion/)
+ */
+const Accordion = React.forwardRef(function Accordion(inProps, ref) {
+  const props = useThemeProps<typeof inProps & AccordionProps>({
+    props: inProps,
+    name: 'JoyAccordion',
+  });
+
+  const {
+    accordionId: idOverride,
+    component = 'div',
+    color = 'neutral',
+    children,
+    defaultExpanded = false,
+    disabled = false,
+    expanded: expandedProp,
+    onChange,
+    variant = 'plain',
+    slots = {},
+    slotProps = {},
+    ...other
+  } = props;
+
+  const accordionId = useId(idOverride);
+
+  const [expanded, setExpandedState] = useControlled({
+    controlled: expandedProp,
+    default: defaultExpanded,
+    name: 'Accordion',
+    state: 'expanded',
+  });
+
+  const handleChange = React.useCallback(
+    (event: React.SyntheticEvent) => {
+      setExpandedState(!expanded);
+
+      if (onChange) {
+        onChange(event, !expanded);
+      }
+    },
+    [expanded, onChange, setExpandedState],
+  );
+
+  const contextValue = React.useMemo(
+    () => ({ accordionId, expanded, disabled, toggle: handleChange }),
+    [accordionId, expanded, disabled, handleChange],
+  );
+
+  const externalForwardedProps = { ...other, component, slots, slotProps };
+
+  const ownerState = {
+    ...props,
+    component,
+    color,
+    variant,
+    expanded,
+    disabled,
+    nested: true, // for the ListItem styles
+  };
+
+  const classes = useUtilityClasses(ownerState);
+
+  const [SlotRoot, rootProps] = useSlot('root', {
+    ref,
+    className: classes.root,
+    elementType: AccordionRoot,
+    externalForwardedProps,
+    ownerState,
+  });
+
+  return (
+    <AccordionContext.Provider value={contextValue}>
+      <SlotRoot {...rootProps}>
+        {React.Children.map(children, (child, index) =>
+          React.isValidElement(child) && index === 0
+            ? React.cloneElement(child, {
+                // @ts-ignore: to let ListItem knows when to apply margin(Inline|Block)Start
+                'data-first-child': '',
+              })
+            : child,
+        )}
+      </SlotRoot>
+    </AccordionContext.Provider>
+  );
+}) as OverridableComponent<AccordionTypeMap>;
+
+Accordion.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The id to be used in the AccordionDetails which is controlled by the AccordionSummary.
+   * If not provided, the id is autogenerated.
+   */
+  accordionId: PropTypes.string,
+  /**
+   * Used to render icon or text elements inside the Accordion if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: PropTypes.node,
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   * @default 'neutral'
+   */
+  color: PropTypes.oneOf(['danger', 'neutral', 'primary', 'success', 'warning']),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * If `true`, expands the accordion by default.
+   * @default false
+   */
+  defaultExpanded: PropTypes.bool,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: PropTypes.bool,
+  /**
+   * If `true`, expands the accordion, otherwise collapse it.
+   * Setting this prop enables control over the accordion.
+   */
+  expanded: PropTypes.bool,
+  /**
+   * Callback fired when the expand/collapse state is changed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {boolean} expanded The `expanded` state of the accordion.
+   */
+  onChange: PropTypes.func,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    root: PropTypes.elementType,
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
+    PropTypes.func,
+    PropTypes.object,
+  ]),
+  /**
+   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+   * @default 'plain'
+   */
+  variant: PropTypes.oneOf(['outlined', 'plain', 'soft', 'solid']),
+} as any;
+
+export default Accordion;
diff --git a/packages/mui-joy/src/Accordion/AccordionContext.ts b/packages/mui-joy/src/Accordion/AccordionContext.ts
new file mode 100644
index 00000000000000..56db18a0a7e1d2
--- /dev/null
+++ b/packages/mui-joy/src/Accordion/AccordionContext.ts
@@ -0,0 +1,20 @@
+'use client';
+import * as React from 'react';
+
+/**
+ * @ignore - internal component.
+ */
+const AccordionContext = React.createContext<
+  Partial<{
+    disabled: boolean;
+    expanded: boolean;
+    toggle: (event: React.SyntheticEvent) => void;
+    accordionId: string;
+  }>
+>({});
+
+if (process.env.NODE_ENV !== 'production') {
+  AccordionContext.displayName = 'AccordionContext';
+}
+
+export default AccordionContext;
diff --git a/packages/mui-joy/src/Accordion/AccordionProps.ts b/packages/mui-joy/src/Accordion/AccordionProps.ts
new file mode 100644
index 00000000000000..5c9cdb5ace87ab
--- /dev/null
+++ b/packages/mui-joy/src/Accordion/AccordionProps.ts
@@ -0,0 +1,83 @@
+import * as React from 'react';
+import { OverridableStringUnion, OverrideProps } from '@mui/types';
+import { ColorPaletteProp, SxProps, VariantProp, ApplyColorInversion } from '../styles/types';
+import { SlotProps, CreateSlotsAndSlotProps } from '../utils/types';
+
+export type AccordionSlot = 'root';
+
+export interface AccordionSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+}
+
+export type AccordionSlotsAndSlotProps = CreateSlotsAndSlotProps<
+  AccordionSlots,
+  {
+    root: SlotProps<'div', {}, AccordionOwnerState>;
+  }
+>;
+
+export interface AccordionPropsVariantOverrides {}
+export interface AccordionPropsColorOverrides {}
+
+export interface AccordionTypeMap<ExtraProps = {}, Tag extends React.ElementType = 'div'> {
+  props: ExtraProps & {
+    /**
+     * The id to be used in the AccordionDetails which is controlled by the AccordionSummary.
+     * If not provided, the id is autogenerated.
+     */
+    accordionId?: string;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     * @default 'neutral'
+     */
+    color?: OverridableStringUnion<ColorPaletteProp, AccordionPropsColorOverrides>;
+    /**
+     * Used to render icon or text elements inside the Accordion if `src` is not set.
+     * This can be an element, or just a string.
+     */
+    children?: React.ReactNode;
+    /**
+     * If `true`, expands the accordion by default.
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, expands the accordion, otherwise collapse it.
+     * Setting this prop enables control over the accordion.
+     */
+    expanded?: boolean;
+    /**
+     * Callback fired when the expand/collapse state is changed.
+     *
+     * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+     * @param {boolean} expanded The `expanded` state of the accordion.
+     */
+    onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
+    /**
+     * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+     * @default 'plain'
+     */
+    variant?: OverridableStringUnion<VariantProp, AccordionPropsVariantOverrides>;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps;
+  } & AccordionSlotsAndSlotProps;
+  defaultComponent: Tag;
+}
+
+export type AccordionProps<
+  Tag extends React.ElementType = AccordionTypeMap['defaultComponent'],
+  ExtraProps = { component?: React.ElementType },
+> = OverrideProps<AccordionTypeMap<ExtraProps, Tag>, Tag>;
+
+export interface AccordionOwnerState extends ApplyColorInversion<AccordionProps> {}
diff --git a/packages/mui-joy/src/Accordion/accordionClasses.ts b/packages/mui-joy/src/Accordion/accordionClasses.ts
new file mode 100644
index 00000000000000..29572d8e406195
--- /dev/null
+++ b/packages/mui-joy/src/Accordion/accordionClasses.ts
@@ -0,0 +1,24 @@
+import { generateUtilityClass, generateUtilityClasses } from '../className';
+
+export interface AccordionClasses {
+  /** Class name applied to the root element. */
+  root: string;
+  /** Class name applied to the root element if `expanded` is true. */
+  expanded: string;
+  /** Class name applied to the root element if `disabled` is true. */
+  disabled: string;
+}
+
+export type AccordionClassKey = keyof AccordionClasses;
+
+export function getAccordionUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiAccordion', slot);
+}
+
+const accordionClasses: AccordionClasses = generateUtilityClasses('MuiAccordion', [
+  'root',
+  'expanded',
+  'disabled',
+]);
+
+export default accordionClasses;
diff --git a/packages/mui-joy/src/Accordion/index.ts b/packages/mui-joy/src/Accordion/index.ts
new file mode 100644
index 00000000000000..fb5feaaca86f71
--- /dev/null
+++ b/packages/mui-joy/src/Accordion/index.ts
@@ -0,0 +1,5 @@
+'use client';
+export { default } from './Accordion';
+export * from './accordionClasses';
+export { default as accordionClasses } from './accordionClasses';
+export * from './AccordionProps';
diff --git a/packages/mui-joy/src/AccordionDetails/AccordionDetails.test.tsx b/packages/mui-joy/src/AccordionDetails/AccordionDetails.test.tsx
new file mode 100644
index 00000000000000..5afd57b2794f3f
--- /dev/null
+++ b/packages/mui-joy/src/AccordionDetails/AccordionDetails.test.tsx
@@ -0,0 +1,88 @@
+import * as React from 'react';
+import { expect } from 'chai';
+import { createRenderer, describeConformance, fireEvent, screen } from '@mui-internal/test-utils';
+import { ThemeProvider } from '@mui/joy/styles';
+import Accordion from '@mui/joy/Accordion';
+import AccordionSummary from '@mui/joy/AccordionSummary';
+import AccordionDetails, { accordionDetailsClasses as classes } from '@mui/joy/AccordionDetails';
+
+describe('<AccordionDetails />', () => {
+  const { render } = createRenderer();
+
+  describeConformance(<AccordionDetails />, () => ({
+    classes,
+    inheritComponent: 'div',
+    render,
+    ThemeProvider,
+    muiName: 'JoyAccordionDetails',
+    refInstanceof: window.HTMLDivElement,
+    testComponentPropWith: 'span',
+    skip: ['classesRoot', 'componentsProp', 'themeVariants'],
+    slots: {
+      root: {
+        expectedClassName: classes.root,
+      },
+      content: {
+        expectedClassName: classes.content,
+      },
+    },
+  }));
+
+  describe('tab index', () => {
+    it('[initial] interactive content should have tab index -1', () => {
+      render(
+        <Accordion>
+          <AccordionDetails>
+            <a href="/foo" data-testid="link">
+              Hello
+            </a>
+            <input data-testid="textbox" />
+          </AccordionDetails>
+        </Accordion>,
+      );
+
+      expect(screen.getByTestId('link')).to.have.property('tabIndex', -1);
+      expect(screen.getByTestId('textbox')).to.have.property('tabIndex', -1);
+    });
+
+    it('[expanded] interactive content should not have tab index 0', () => {
+      render(
+        <Accordion expanded>
+          <AccordionDetails>
+            <a href="/foo" data-testid="link">
+              Hello
+            </a>
+            <input data-testid="textbox" />
+          </AccordionDetails>
+        </Accordion>,
+      );
+
+      expect(screen.getByTestId('link')).to.have.property('tabIndex', 0);
+      expect(screen.getByTestId('textbox')).to.have.property('tabIndex', 0);
+    });
+
+    it('interactive content should preserve the tab index when closed', () => {
+      render(
+        <Accordion defaultExpanded>
+          <AccordionSummary>title</AccordionSummary>
+          <AccordionDetails>
+            <input tabIndex={2} data-testid="textbox" />
+          </AccordionDetails>
+        </Accordion>,
+      );
+
+      expect(screen.getByRole('button')).to.have.attribute('aria-expanded', 'true');
+      expect(screen.getByTestId('textbox')).to.have.property('tabIndex', 2);
+
+      fireEvent.click(screen.getByRole('button')); // close
+
+      expect(screen.getByRole('button')).to.have.attribute('aria-expanded', 'false');
+      expect(screen.getByTestId('textbox')).to.have.property('tabIndex', -1);
+
+      fireEvent.click(screen.getByRole('button')); // reopen
+
+      expect(screen.getByRole('button')).to.have.attribute('aria-expanded', 'true');
+      expect(screen.getByTestId('textbox')).to.have.property('tabIndex', 2);
+    });
+  });
+});
diff --git a/packages/mui-joy/src/AccordionDetails/AccordionDetails.tsx b/packages/mui-joy/src/AccordionDetails/AccordionDetails.tsx
new file mode 100644
index 00000000000000..82fc281c7b1b29
--- /dev/null
+++ b/packages/mui-joy/src/AccordionDetails/AccordionDetails.tsx
@@ -0,0 +1,221 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { OverridableComponent } from '@mui/types';
+import { useThemeProps } from '../styles';
+import styled from '../styles/styled';
+import accordionDetailsClasses, {
+  getAccordionDetailsUtilityClass,
+} from './accordionDetailsClasses';
+import {
+  AccordionDetailsProps,
+  AccordionDetailsOwnerState,
+  AccordionDetailsTypeMap,
+} from './AccordionDetailsProps';
+import useSlot from '../utils/useSlot';
+import AccordionContext from '../Accordion/AccordionContext';
+
+const useUtilityClasses = (ownerState: AccordionDetailsOwnerState) => {
+  const { expanded } = ownerState;
+  const slots = {
+    root: ['root', expanded && 'expanded'],
+    content: ['content', expanded && 'expanded'],
+  };
+
+  return composeClasses(slots, getAccordionDetailsUtilityClass, {});
+};
+
+const AccordionDetailsRoot = styled('div', {
+  name: 'JoyAccordionDetails',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root,
+})<{ ownerState: AccordionDetailsOwnerState }>(({ ownerState, theme }) => ({
+  overflow: 'hidden',
+  borderRadius: 'var(--AccordionDetails-radius)',
+  display: 'grid',
+  gridTemplateRows: '1fr',
+  marginInline: 'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',
+  transition: 'var(--AccordionDetails-transition)',
+  ...theme.variants[ownerState.variant!]?.[ownerState.color!],
+  [`&:not(.${accordionDetailsClasses.expanded})`]: {
+    gridTemplateRows: '0fr',
+  },
+}));
+
+/**
+ * The content slot is required because the root slot is a CSS Grid, it needs a child.
+ */
+const AccordionDetailsContent = styled('div', {
+  name: 'JoyAccordionDetails',
+  slot: 'Content',
+  overridesResolver: (props, styles) => styles.root,
+})<{ ownerState: AccordionDetailsOwnerState }>({
+  display: 'flex',
+  flexDirection: 'column',
+  overflow: 'hidden', // required for user-provided transition to work
+  // Need to apply padding to content rather than root because the overflow.
+  // Otherwise, the focus ring of the children can be cut off.
+  paddingInlineStart: 'var(--ListItem-paddingLeft)',
+  paddingInlineEnd: 'var(--ListItem-paddingRight)',
+  paddingBlockStart: 'calc(var(--ListItem-paddingY) / 2)',
+  paddingBlockEnd: 'calc(2.5 * var(--ListItem-paddingY))',
+  transition: 'var(--AccordionDetails-transition)',
+  [`&:not(.${accordionDetailsClasses.expanded})`]: {
+    paddingBlock: 0,
+  },
+});
+
+/**
+ * ⚠️ AccordionDetails must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.
+ *
+ * Demos:
+ *
+ * - [Accordion](https://mui.com/joy-ui/react-accordion/)
+ *
+ * API:
+ *
+ * - [AccordionDetails API](https://mui.com/joy-ui/api/accordion-details/)
+ */
+const AccordionDetails = React.forwardRef(function AccordionDetails(inProps, ref) {
+  const props = useThemeProps<typeof inProps & AccordionDetailsProps>({
+    props: inProps,
+    name: 'JoyAccordionDetails',
+  });
+
+  const {
+    component = 'div',
+    children,
+    color = 'neutral',
+    variant = 'plain',
+    slots = {},
+    slotProps = {},
+    ...other
+  } = props;
+
+  const { accordionId, expanded = false } = React.useContext(AccordionContext);
+  const rootRef = React.useRef<HTMLElement>(null);
+  const handleRef = useForkRef(rootRef, ref);
+
+  React.useEffect(() => {
+    // When accordion is closed, prevent tabbing into the details content.
+    if (rootRef.current) {
+      const elements = rootRef.current.querySelectorAll(
+        'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])',
+      );
+      elements.forEach((elm) => {
+        if (expanded) {
+          const prevTabIndex = elm.getAttribute('data-prev-tabindex');
+          const currentTabIndex = elm.getAttribute('tabindex');
+
+          if (currentTabIndex && prevTabIndex) {
+            // restore tabindex
+            elm.setAttribute('tabindex', prevTabIndex);
+            elm.removeAttribute('data-prev-tabindex');
+          }
+
+          if (!prevTabIndex && !currentTabIndex) {
+            elm.removeAttribute('tabindex');
+          }
+        } else {
+          elm.setAttribute('data-prev-tabindex', elm.getAttribute('tabindex') || '');
+          elm.setAttribute('tabindex', '-1');
+        }
+      });
+    }
+  }, [expanded]);
+
+  const externalForwardedProps = { ...other, component, slots, slotProps };
+
+  const ownerState = {
+    ...props,
+    component,
+    color,
+    variant,
+    expanded,
+    nesting: true, // for the List styles
+  };
+
+  const classes = useUtilityClasses(ownerState);
+
+  const [SlotRoot, rootProps] = useSlot('root', {
+    ref: handleRef,
+    className: classes.root,
+    elementType: AccordionDetailsRoot,
+    externalForwardedProps,
+    additionalProps: {
+      id: `${accordionId}-details`,
+      'aria-labelledby': `${accordionId}-summary`,
+      role: 'region',
+      hidden: expanded ? undefined : true,
+    },
+    ownerState,
+  });
+
+  const [SlotContent, contentProps] = useSlot('content', {
+    className: classes.content,
+    elementType: AccordionDetailsContent,
+    externalForwardedProps,
+    ownerState,
+  });
+
+  return (
+    <SlotRoot {...rootProps}>
+      <SlotContent {...contentProps}>{children}</SlotContent>
+    </SlotRoot>
+  );
+}) as OverridableComponent<AccordionDetailsTypeMap>;
+
+AccordionDetails.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Used to render icon or text elements inside the AccordionDetails if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: PropTypes.node,
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   * @default 'neutral'
+   */
+  color: PropTypes.oneOf(['danger', 'neutral', 'primary', 'success', 'warning']),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    content: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    content: PropTypes.elementType,
+    root: PropTypes.elementType,
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
+    PropTypes.func,
+    PropTypes.object,
+  ]),
+  /**
+   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+   * @default 'plain'
+   */
+  variant: PropTypes.oneOf(['outlined', 'plain', 'soft', 'solid']),
+} as any;
+
+export default AccordionDetails;
diff --git a/packages/mui-joy/src/AccordionDetails/AccordionDetailsProps.ts b/packages/mui-joy/src/AccordionDetails/AccordionDetailsProps.ts
new file mode 100644
index 00000000000000..a8f4ac04f25913
--- /dev/null
+++ b/packages/mui-joy/src/AccordionDetails/AccordionDetailsProps.ts
@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { OverridableStringUnion, OverrideProps } from '@mui/types';
+import { ColorPaletteProp, SxProps, VariantProp, ApplyColorInversion } from '../styles/types';
+import { SlotProps, CreateSlotsAndSlotProps } from '../utils/types';
+
+export type AccordionDetailsSlot = 'root' | 'content';
+
+export interface AccordionDetailsSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+  /**
+   * The component that renders the content.
+   * @default 'div'
+   */
+  content?: React.ElementType;
+}
+
+export type AccordionDetailsSlotsAndSlotProps = CreateSlotsAndSlotProps<
+  AccordionDetailsSlots,
+  {
+    root: SlotProps<'div', {}, AccordionDetailsOwnerState>;
+    content: SlotProps<'div', {}, AccordionDetailsOwnerState>;
+  }
+>;
+
+export interface AccordionDetailsPropsVariantOverrides {}
+export interface AccordionDetailsPropsColorOverrides {}
+
+export interface AccordionDetailsTypeMap<P = {}, D extends React.ElementType = 'div'> {
+  props: P & {
+    /**
+     * Used to render icon or text elements inside the AccordionDetails if `src` is not set.
+     * This can be an element, or just a string.
+     */
+    children?: React.ReactNode;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     * @default 'neutral'
+     */
+    color?: OverridableStringUnion<ColorPaletteProp, AccordionDetailsPropsColorOverrides>;
+    /**
+     * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+     * @default 'plain'
+     */
+    variant?: OverridableStringUnion<VariantProp, AccordionDetailsPropsVariantOverrides>;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps;
+  } & AccordionDetailsSlotsAndSlotProps;
+  defaultComponent: D;
+}
+
+export type AccordionDetailsProps<
+  D extends React.ElementType = AccordionDetailsTypeMap['defaultComponent'],
+  P = { component?: React.ElementType },
+> = OverrideProps<AccordionDetailsTypeMap<P, D>, D>;
+
+export interface AccordionDetailsOwnerState extends ApplyColorInversion<AccordionDetailsProps> {
+  /**
+   * The expanded state of the accordion.
+   */
+  expanded: boolean;
+}
diff --git a/packages/mui-joy/src/AccordionDetails/accordionDetailsClasses.ts b/packages/mui-joy/src/AccordionDetails/accordionDetailsClasses.ts
new file mode 100644
index 00000000000000..f52e3d7ca66af4
--- /dev/null
+++ b/packages/mui-joy/src/AccordionDetails/accordionDetailsClasses.ts
@@ -0,0 +1,23 @@
+import { generateUtilityClass, generateUtilityClasses } from '../className';
+
+export interface AccordionDetailsClasses {
+  /** Class name applied to the root element. */
+  root: string;
+  /** Class name applied to the content element. */
+  content: string;
+  /** Class name applied to the root element when expanded. */
+  expanded: string;
+}
+
+export type AccordionDetailsClassKey = keyof AccordionDetailsClasses;
+
+export function getAccordionDetailsUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiAccordionDetails', slot);
+}
+
+const accordionDetailsClasses: AccordionDetailsClasses = generateUtilityClasses(
+  'MuiAccordionDetails',
+  ['root', 'content', 'expanded'],
+);
+
+export default accordionDetailsClasses;
diff --git a/packages/mui-joy/src/AccordionDetails/index.ts b/packages/mui-joy/src/AccordionDetails/index.ts
new file mode 100644
index 00000000000000..c635362a74c849
--- /dev/null
+++ b/packages/mui-joy/src/AccordionDetails/index.ts
@@ -0,0 +1,5 @@
+'use client';
+export { default } from './AccordionDetails';
+export * from './accordionDetailsClasses';
+export { default as accordionDetailsClasses } from './accordionDetailsClasses';
+export * from './AccordionDetailsProps';
diff --git a/packages/mui-joy/src/AccordionGroup/AccordionGroup.test.tsx b/packages/mui-joy/src/AccordionGroup/AccordionGroup.test.tsx
new file mode 100644
index 00000000000000..50dbfbd9de058d
--- /dev/null
+++ b/packages/mui-joy/src/AccordionGroup/AccordionGroup.test.tsx
@@ -0,0 +1,90 @@
+import * as React from 'react';
+import { expect } from 'chai';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
+import { ThemeProvider } from '@mui/joy/styles';
+import AccordionGroup, { accordionGroupClasses as classes } from '@mui/joy/AccordionGroup';
+
+describe('<AccordionGroup />', () => {
+  const { render } = createRenderer();
+
+  describeConformance(<AccordionGroup />, () => ({
+    classes,
+    inheritComponent: 'div',
+    render,
+    ThemeProvider,
+    muiName: 'JoyAccordionGroup',
+    refInstanceof: window.HTMLDivElement,
+    testComponentPropWith: 'span',
+    skip: ['classesRoot', 'componentsProp', 'themeVariants'],
+    slots: {
+      root: {
+        expectedClassName: classes.root,
+      },
+    },
+  }));
+
+  describe('classes', () => {
+    (
+      [
+        { size: 'sm', class: classes.sizeSm },
+        { size: 'md', class: classes.sizeMd },
+        { size: 'lg', class: classes.sizeLg },
+      ] as const
+    ).forEach((sizeConfig) => {
+      it(`should have ${sizeConfig.class} class for ${sizeConfig.size} size `, () => {
+        const { getByTestId } = render(
+          <AccordionGroup data-testid="root" size={sizeConfig.size} />,
+        );
+
+        expect(getByTestId('root')).to.have.class(sizeConfig.class);
+      });
+    });
+
+    (
+      [
+        { variant: 'outlined', class: classes.variantOutlined },
+        { variant: 'plain', class: classes.variantPlain },
+        { variant: 'soft', class: classes.variantSoft },
+        { variant: 'solid', class: classes.variantSolid },
+      ] as const
+    ).forEach((variantConfig) => {
+      it(`should have ${variantConfig.class} class for ${variantConfig.variant} variant `, () => {
+        const { getByTestId } = render(
+          <AccordionGroup data-testid="root" variant={variantConfig.variant} />,
+        );
+
+        expect(getByTestId('root')).to.have.class(variantConfig.class);
+      });
+    });
+
+    (
+      [
+        { color: 'danger', class: classes.colorDanger },
+        { color: 'neutral', class: classes.colorNeutral },
+        { color: 'primary', class: classes.colorPrimary },
+        { color: 'success', class: classes.colorSuccess },
+      ] as const
+    ).forEach((colorConfig) => {
+      it(`should have ${colorConfig.class} class for ${colorConfig.color} color `, () => {
+        const { getByTestId } = render(
+          <AccordionGroup data-testid="root" color={colorConfig.color} />,
+        );
+
+        expect(getByTestId('root')).to.have.class(colorConfig.class);
+      });
+    });
+
+    describeJoyColorInversion(<AccordionGroup />, { muiName: 'JoyAccordionGroup', classes });
+  });
+
+  it('should not warn when using custom color, variant, size', () => {
+    expect(() => {
+      // @ts-expect-error as `custom` color, varaint, size is not part of the type system
+      render(<AccordionGroup color="custom" variant="custom" size="custom" />);
+    }).not.toErrorDev();
+  });
+});
diff --git a/packages/mui-joy/src/AccordionGroup/AccordionGroup.tsx b/packages/mui-joy/src/AccordionGroup/AccordionGroup.tsx
new file mode 100644
index 00000000000000..73df8a92bf487f
--- /dev/null
+++ b/packages/mui-joy/src/AccordionGroup/AccordionGroup.tsx
@@ -0,0 +1,209 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { unstable_capitalize as capitalize } from '@mui/utils';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { OverridableComponent } from '@mui/types';
+import { useColorInversion, useThemeProps } from '../styles';
+import styled from '../styles/styled';
+import { getAccordionGroupUtilityClass } from './accordionGroupClasses';
+import {
+  AccordionGroupProps,
+  AccordionGroupOwnerState,
+  AccordionGroupTypeMap,
+} from './AccordionGroupProps';
+import useSlot from '../utils/useSlot';
+import ListProvider from '../List/ListProvider';
+import { StyledList } from '../List/List';
+import accordionDetailsClasses from '../AccordionDetails/accordionDetailsClasses';
+import accordionClasses from '../Accordion/accordionClasses';
+
+const useUtilityClasses = (ownerState: AccordionGroupOwnerState) => {
+  const { variant, color, size } = ownerState;
+  const slots = {
+    root: [
+      'root',
+      variant && `variant${capitalize(variant)}`,
+      color && `color${capitalize(color)}`,
+      size && `size${capitalize(size)}`,
+    ],
+  };
+
+  return composeClasses(slots, getAccordionGroupUtilityClass, {});
+};
+
+const AccordionGroupRoot = styled(StyledList as unknown as 'div', {
+  name: 'JoyAccordionGroup',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root,
+})<{ ownerState: AccordionGroupOwnerState }>(({ theme, ownerState }) => {
+  let transition: Record<string, any> = {};
+  if (ownerState.transition) {
+    if (typeof ownerState.transition === 'string') {
+      transition = {
+        '--AccordionDetails-transition': `grid-template-rows ${ownerState.transition}, padding-block ${ownerState.transition}`,
+      };
+    }
+    if (typeof ownerState.transition === 'object') {
+      transition = {
+        '--AccordionDetails-transition': `grid-template-rows ${ownerState.transition.initial}, padding-block ${ownerState.transition.initial}`,
+        [`& .${accordionDetailsClasses.root}.${accordionDetailsClasses.expanded}`]: {
+          '--AccordionDetails-transition': `grid-template-rows ${ownerState.transition.expanded}, padding-block ${ownerState.transition.expanded}`,
+        },
+      };
+    }
+  }
+  return {
+    '--List-padding': '0px',
+    '--ListDivider-gap': '0px',
+    ...transition,
+    ...(!ownerState.disableDivider && {
+      [`& .${accordionClasses.root}:not([data-last-child])`]: {
+        '--Accordion-borderBottom': `1px solid ${theme.vars.palette.divider}`,
+      },
+    }),
+  };
+});
+
+/**
+ * ⚠️ AccordionGroup must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.
+ *
+ * Demos:
+ *
+ * - [Accordion](https://mui.com/joy-ui/react-accordion/)
+ *
+ * API:
+ *
+ * - [AccordionGroup API](https://mui.com/joy-ui/api/accordion-group/)
+ */
+const AccordionGroup = React.forwardRef(function AccordionGroup(inProps, ref) {
+  const props = useThemeProps<typeof inProps & AccordionGroupProps>({
+    props: inProps,
+    name: 'JoyAccordionGroup',
+  });
+
+  const {
+    component = 'div',
+    color: colorProp = 'neutral',
+    children,
+    disableDivider = false,
+    variant = 'plain',
+    transition = '0.2s ease',
+    size = 'md',
+    slots = {},
+    slotProps = {},
+    ...other
+  } = props;
+
+  const externalForwardedProps = { ...other, component, slots, slotProps };
+
+  const { getColor } = useColorInversion(variant);
+  const color = getColor(inProps.color, colorProp);
+
+  const ownerState = {
+    ...props,
+    component,
+    color,
+    disableDivider,
+    variant,
+    transition,
+    size,
+  };
+
+  const classes = useUtilityClasses(ownerState);
+
+  const [SlotRoot, rootProps] = useSlot('root', {
+    ref,
+    className: classes.root,
+    elementType: AccordionGroupRoot,
+    externalForwardedProps,
+    ownerState,
+  });
+
+  return (
+    <SlotRoot {...rootProps}>
+      <ListProvider>{children}</ListProvider>
+    </SlotRoot>
+  );
+}) as OverridableComponent<AccordionGroupTypeMap>;
+
+AccordionGroup.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Used to render icon or text elements inside the AccordionGroup if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: PropTypes.node,
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   * @default 'neutral'
+   */
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([
+    PropTypes.oneOf(['danger', 'neutral', 'primary', 'success', 'warning']),
+    PropTypes.string,
+  ]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * If `true`, the divider between accordions will be hidden.
+   * @default false
+   */
+  disableDivider: PropTypes.bool,
+  /**
+   * The size of the component (affect other nested list* components).
+   * @default 'md'
+   */
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([
+    PropTypes.oneOf(['sm', 'md', 'lg']),
+    PropTypes.string,
+  ]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    root: PropTypes.elementType,
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
+    PropTypes.func,
+    PropTypes.object,
+  ]),
+  /**
+   * The CSS transition for the Accordion details.
+   * @default '0.2s ease'
+   */
+  transition: PropTypes.oneOfType([
+    PropTypes.shape({
+      expanded: PropTypes.string.isRequired,
+      initial: PropTypes.string.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+   * @default 'plain'
+   */
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([
+    PropTypes.oneOf(['outlined', 'plain', 'soft', 'solid']),
+    PropTypes.string,
+  ]),
+} as any;
+
+export default AccordionGroup;
diff --git a/packages/mui-joy/src/AccordionGroup/AccordionGroupProps.ts b/packages/mui-joy/src/AccordionGroup/AccordionGroupProps.ts
new file mode 100644
index 00000000000000..91255bb47d9587
--- /dev/null
+++ b/packages/mui-joy/src/AccordionGroup/AccordionGroupProps.ts
@@ -0,0 +1,72 @@
+import * as React from 'react';
+import { OverridableStringUnion, OverrideProps } from '@mui/types';
+import { ColorPaletteProp, SxProps, VariantProp, ApplyColorInversion } from '../styles/types';
+import { SlotProps, CreateSlotsAndSlotProps } from '../utils/types';
+
+export type AccordionGroupSlot = 'root';
+
+export interface AccordionGroupSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+}
+
+export type AccordionGroupSlotsAndSlotProps = CreateSlotsAndSlotProps<
+  AccordionGroupSlots,
+  {
+    root: SlotProps<'div', {}, AccordionGroupOwnerState>;
+  }
+>;
+
+export interface AccordionGroupPropsSizeOverrides {}
+export interface AccordionGroupPropsVariantOverrides {}
+export interface AccordionGroupPropsColorOverrides {}
+
+export interface AccordionGroupTypeMap<P = {}, D extends React.ElementType = 'div'> {
+  props: P & {
+    /**
+     * Used to render icon or text elements inside the AccordionGroup if `src` is not set.
+     * This can be an element, or just a string.
+     */
+    children?: React.ReactNode;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     * @default 'neutral'
+     */
+    color?: OverridableStringUnion<ColorPaletteProp, AccordionGroupPropsColorOverrides>;
+    /**
+     * If `true`, the divider between accordions will be hidden.
+     * @default false
+     */
+    disableDivider?: boolean;
+    /**
+     * The size of the component (affect other nested list* components).
+     * @default 'md'
+     */
+    size?: OverridableStringUnion<'sm' | 'md' | 'lg', AccordionGroupPropsSizeOverrides>;
+    /**
+     * The CSS transition for the Accordion details.
+     * @default '0.2s ease'
+     */
+    transition?: string | { initial: string; expanded: string };
+    /**
+     * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+     * @default 'plain'
+     */
+    variant?: OverridableStringUnion<VariantProp, AccordionGroupPropsVariantOverrides>;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps;
+  } & AccordionGroupSlotsAndSlotProps;
+  defaultComponent: D;
+}
+
+export type AccordionGroupProps<
+  D extends React.ElementType = AccordionGroupTypeMap['defaultComponent'],
+  P = { component?: React.ElementType },
+> = OverrideProps<AccordionGroupTypeMap<P, D>, D>;
+
+export interface AccordionGroupOwnerState extends ApplyColorInversion<AccordionGroupProps> {}
diff --git a/packages/mui-joy/src/AccordionGroup/accordionGroupClasses.ts b/packages/mui-joy/src/AccordionGroup/accordionGroupClasses.ts
new file mode 100644
index 00000000000000..8180e0545842dd
--- /dev/null
+++ b/packages/mui-joy/src/AccordionGroup/accordionGroupClasses.ts
@@ -0,0 +1,57 @@
+import { generateUtilityClass, generateUtilityClasses } from '../className';
+
+export interface AccordionGroupClasses {
+  /** Class name applied to the root element. */
+  root: string;
+  /** Class name applied to the root element if `color="primary"`. */
+  colorPrimary: string;
+  /** Class name applied to the root element if `color="neutral"`. */
+  colorNeutral: string;
+  /** Class name applied to the root element if `color="danger"`. */
+  colorDanger: string;
+  /** Class name applied to the root element if `color="success"`. */
+  colorSuccess: string;
+  /** Class name applied to the root element if `color="warning"`. */
+  colorWarning: string;
+  /** Class name applied to the root element when color inversion is triggered. */
+  colorContext: string;
+  /** Class name applied to the root element if `variant="plain"`. */
+  variantPlain: string;
+  /** Class name applied to the root element if `variant="outlined"`. */
+  variantOutlined: string;
+  /** Class name applied to the root element if `variant="soft"`. */
+  variantSoft: string;
+  /** Class name applied to the root element if `variant="solid"`. */
+  variantSolid: string;
+  /** Class name applied to the root element if `size="sm"`. */
+  sizeSm: string;
+  /** Class name applied to the root element if `size="md"`. */
+  sizeMd: string;
+  /** Class name applied to the root element if `size="lg"`. */
+  sizeLg: string;
+}
+
+export type AccordionGroupClassKey = keyof AccordionGroupClasses;
+
+export function getAccordionGroupUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiAccordionGroup', slot);
+}
+
+const accordionGroupClasses: AccordionGroupClasses = generateUtilityClasses('MuiAccordionGroup', [
+  'root',
+  'colorPrimary',
+  'colorNeutral',
+  'colorDanger',
+  'colorSuccess',
+  'colorWarning',
+  'colorContext',
+  'variantPlain',
+  'variantOutlined',
+  'variantSoft',
+  'variantSolid',
+  'sizeSm',
+  'sizeMd',
+  'sizeLg',
+]);
+
+export default accordionGroupClasses;
diff --git a/packages/mui-joy/src/AccordionGroup/index.ts b/packages/mui-joy/src/AccordionGroup/index.ts
new file mode 100644
index 00000000000000..98ec075a0e49c2
--- /dev/null
+++ b/packages/mui-joy/src/AccordionGroup/index.ts
@@ -0,0 +1,5 @@
+'use client';
+export { default } from './AccordionGroup';
+export * from './accordionGroupClasses';
+export { default as accordionGroupClasses } from './accordionGroupClasses';
+export * from './AccordionGroupProps';
diff --git a/packages/mui-joy/src/AccordionSummary/AccordionSummary.test.tsx b/packages/mui-joy/src/AccordionSummary/AccordionSummary.test.tsx
new file mode 100644
index 00000000000000..4c21ff09e95ce4
--- /dev/null
+++ b/packages/mui-joy/src/AccordionSummary/AccordionSummary.test.tsx
@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
+import { ThemeProvider } from '@mui/joy/styles';
+import AccordionSummary, { accordionSummaryClasses as classes } from '@mui/joy/AccordionSummary';
+
+describe('<AccordionSummary />', () => {
+  const { render } = createRenderer();
+
+  describeConformance(<AccordionSummary />, () => ({
+    classes,
+    inheritComponent: 'div',
+    render,
+    ThemeProvider,
+    muiName: 'JoyAccordionSummary',
+    refInstanceof: window.HTMLDivElement,
+    testComponentPropWith: 'span',
+    skip: ['classesRoot', 'componentsProp', 'themeVariants'],
+    slots: {
+      root: {
+        expectedClassName: classes.root,
+      },
+    },
+  }));
+});
diff --git a/packages/mui-joy/src/AccordionSummary/AccordionSummary.tsx b/packages/mui-joy/src/AccordionSummary/AccordionSummary.tsx
new file mode 100644
index 00000000000000..0ff84317f9989e
--- /dev/null
+++ b/packages/mui-joy/src/AccordionSummary/AccordionSummary.tsx
@@ -0,0 +1,233 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { OverridableComponent } from '@mui/types';
+import { useThemeProps } from '../styles';
+import styled from '../styles/styled';
+import accordionSummaryClasses, {
+  getAccordionSummaryUtilityClass,
+} from './accordionSummaryClasses';
+import {
+  AccordionSummaryProps,
+  AccordionSummaryOwnerState,
+  AccordionSummaryTypeMap,
+} from './AccordionSummaryProps';
+import useSlot from '../utils/useSlot';
+import AccordionContext from '../Accordion/AccordionContext';
+import { StyledListItem } from '../ListItem/ListItem';
+import { StyledListItemButton } from '../ListItemButton/ListItemButton';
+import KeyboardArrowDown from '../internal/svg-icons/KeyboardArrowDown';
+
+const useUtilityClasses = (ownerState: AccordionSummaryOwnerState) => {
+  const { disabled, expanded } = ownerState;
+  const slots = {
+    root: ['root', disabled && 'disabled', expanded && 'expanded'],
+    button: ['button', disabled && 'disabled', expanded && 'expanded'],
+    indicator: ['indicator', disabled && 'disabled', expanded && 'expanded'],
+  };
+
+  return composeClasses(slots, getAccordionSummaryUtilityClass, {});
+};
+
+const AccordionSummaryRoot = styled(StyledListItem as unknown as 'div', {
+  name: 'JoyAccordionSummary',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root,
+})<{ ownerState: AccordionSummaryOwnerState }>(({ theme }) => ({
+  fontWeight: theme.vars.fontWeight.md,
+  gap: 'calc(var(--ListItem-paddingX, 0.75rem) + 0.25rem)',
+  [`&.${accordionSummaryClasses.expanded}`]: {
+    '--Icon-color': 'currentColor',
+  },
+}));
+
+const AccordionSummaryButton = styled(StyledListItemButton as unknown as 'button', {
+  name: 'JoyAccordionSummary',
+  slot: 'Button',
+  overridesResolver: (props, styles) => styles.button,
+})<{ ownerState: AccordionSummaryOwnerState }>({
+  gap: 'inherit',
+  fontWeight: 'inherit',
+  justifyContent: 'space-between',
+  font: 'inherit',
+  '&:focus-visible': {
+    zIndex: 1, // to make the focus ring appear above the next Accordion.
+  },
+  [`.${accordionSummaryClasses.root} &`]: {
+    '--unstable_ListItem-flex': '1 0 0%', // grow to fill the available space of ListItem
+  },
+});
+
+const AccordionSummaryIndicator = styled('span', {
+  name: 'JoyAccordionSummary',
+  slot: 'Indicator',
+  overridesResolver: (props, styles) => styles.indicator,
+})<{ ownerState: AccordionSummaryOwnerState }>({
+  display: 'inline-flex',
+  [`&.${accordionSummaryClasses.expanded}`]: {
+    transform: 'rotate(180deg)',
+  },
+});
+
+/**
+ * ⚠️ AccordionSummary must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.
+ *
+ * Demos:
+ *
+ * - [Accordion](https://mui.com/joy-ui/react-accordion/)
+ *
+ * API:
+ *
+ * - [AccordionSummary API](https://mui.com/joy-ui/api/accordion-summary/)
+ */
+const AccordionSummary = React.forwardRef(function AccordionSummary(inProps, ref) {
+  const props = useThemeProps<typeof inProps & AccordionSummaryProps>({
+    props: inProps,
+    name: 'JoyAccordionSummary',
+  });
+
+  const {
+    component = 'div',
+    color = 'neutral',
+    children,
+    indicator = <KeyboardArrowDown />,
+    variant = 'plain',
+    slots = {},
+    slotProps = {},
+    ...other
+  } = props;
+
+  const {
+    accordionId,
+    disabled = false,
+    expanded = false,
+    toggle,
+  } = React.useContext(AccordionContext);
+
+  const externalForwardedProps = { ...other, component, slots, slotProps };
+
+  const ownerState = {
+    ...props,
+    component,
+    color,
+    disabled,
+    expanded,
+    variant,
+  };
+
+  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+    if (toggle) {
+      toggle(event);
+    }
+    if (typeof slotProps.button === 'function') {
+      slotProps.button(ownerState)?.onClick?.(event);
+    } else {
+      slotProps.button?.onClick?.(event);
+    }
+  };
+
+  const classes = useUtilityClasses(ownerState);
+
+  const [SlotRoot, rootProps] = useSlot('root', {
+    ref,
+    className: classes.root,
+    elementType: AccordionSummaryRoot,
+    externalForwardedProps,
+    ownerState,
+  });
+
+  const [SlotButton, buttonProps] = useSlot('button', {
+    ref,
+    className: classes.button,
+    elementType: AccordionSummaryButton,
+    externalForwardedProps,
+    additionalProps: {
+      component: 'button',
+      id: `${accordionId}-summary`,
+      'aria-expanded': expanded ? 'true' : 'false',
+      'aria-controls': `${accordionId}-details`,
+      disabled,
+      onClick: handleClick,
+    },
+    ownerState,
+  });
+
+  const [SlotIndicator, indicatorProps] = useSlot('indicator', {
+    ref,
+    className: classes.indicator,
+    elementType: AccordionSummaryIndicator,
+    externalForwardedProps,
+    ownerState,
+  });
+
+  return (
+    // Root and Button slots are required based on [WAI-ARIA Accordion](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/examples/accordion/)
+    <SlotRoot {...rootProps}>
+      <SlotButton {...buttonProps}>
+        {children}
+        {indicator && <SlotIndicator {...indicatorProps}>{indicator}</SlotIndicator>}
+      </SlotButton>
+    </SlotRoot>
+  );
+}) as OverridableComponent<AccordionSummaryTypeMap>;
+
+AccordionSummary.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Used to render icon or text elements inside the AccordionSummary if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: PropTypes.node,
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   * @default 'neutral'
+   */
+  color: PropTypes.oneOf(['danger', 'neutral', 'primary', 'success', 'warning']),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * The indicator element to display.
+   * @default <KeyboardArrowDown />
+   */
+  indicator: PropTypes.node,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    button: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    indicator: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    button: PropTypes.elementType,
+    indicator: PropTypes.elementType,
+    root: PropTypes.elementType,
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
+    PropTypes.func,
+    PropTypes.object,
+  ]),
+  /**
+   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+   * @default 'plain'
+   */
+  variant: PropTypes.oneOf(['outlined', 'plain', 'soft', 'solid']),
+} as any;
+
+export default AccordionSummary;
diff --git a/packages/mui-joy/src/AccordionSummary/AccordionSummaryProps.ts b/packages/mui-joy/src/AccordionSummary/AccordionSummaryProps.ts
new file mode 100644
index 00000000000000..ddd7fac5a7c5ea
--- /dev/null
+++ b/packages/mui-joy/src/AccordionSummary/AccordionSummaryProps.ts
@@ -0,0 +1,83 @@
+import * as React from 'react';
+import { OverridableStringUnion, OverrideProps } from '@mui/types';
+import { ColorPaletteProp, SxProps, VariantProp, ApplyColorInversion } from '../styles/types';
+import { SlotProps, CreateSlotsAndSlotProps } from '../utils/types';
+
+export type AccordionSummarySlot = 'root' | 'button' | 'indicator';
+
+export interface AccordionSummarySlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+  /**
+   * The component that renders the button.
+   * @default 'button'
+   */
+  button?: React.ElementType;
+  /**
+   * The component that renders the indicator.
+   * @default 'span'
+   */
+  indicator?: React.ElementType;
+}
+
+export type AccordionSummarySlotsAndSlotProps = CreateSlotsAndSlotProps<
+  AccordionSummarySlots,
+  {
+    root: SlotProps<'div', {}, AccordionSummaryOwnerState>;
+    button: SlotProps<'button', {}, AccordionSummaryOwnerState>;
+    indicator: SlotProps<'span', {}, AccordionSummaryOwnerState>;
+  }
+>;
+
+export interface AccordionSummaryPropsVariantOverrides {}
+
+export interface AccordionSummaryPropsColorOverrides {}
+
+export interface AccordionSummaryTypeMap<P = {}, D extends React.ElementType = 'div'> {
+  props: P & {
+    /**
+     * Used to render icon or text elements inside the AccordionSummary if `src` is not set.
+     * This can be an element, or just a string.
+     */
+    children?: React.ReactNode;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     * @default 'neutral'
+     */
+    color?: OverridableStringUnion<ColorPaletteProp, AccordionSummaryPropsColorOverrides>;
+    /**
+     * The indicator element to display.
+     * @default <KeyboardArrowDown />
+     */
+    indicator?: React.ReactNode;
+    /**
+     * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+     * @default 'plain'
+     */
+    variant?: OverridableStringUnion<VariantProp, AccordionSummaryPropsVariantOverrides>;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps;
+  } & AccordionSummarySlotsAndSlotProps;
+  defaultComponent: D;
+}
+
+export type AccordionSummaryProps<
+  D extends React.ElementType = AccordionSummaryTypeMap['defaultComponent'],
+  P = { component?: React.ElementType },
+> = OverrideProps<AccordionSummaryTypeMap<P, D>, D>;
+
+export interface AccordionSummaryOwnerState extends ApplyColorInversion<AccordionSummaryProps> {
+  /**
+   * If `true`, the accordion is disabled.
+   */
+  disabled: boolean;
+  /**
+   * The expanded state of the accordion.
+   */
+  expanded: boolean;
+}
diff --git a/packages/mui-joy/src/AccordionSummary/accordionSummaryClasses.ts b/packages/mui-joy/src/AccordionSummary/accordionSummaryClasses.ts
new file mode 100644
index 00000000000000..c21eab06ff7de6
--- /dev/null
+++ b/packages/mui-joy/src/AccordionSummary/accordionSummaryClasses.ts
@@ -0,0 +1,27 @@
+import { generateUtilityClass, generateUtilityClasses } from '../className';
+
+export interface AccordionSummaryClasses {
+  /** Class name applied to the root element. */
+  root: string;
+  /** Class name applied to the button element. */
+  button: string;
+  /** Class name applied to the indicator element. */
+  indicator: string;
+  /** Class name applied when the accordion is disabled. */
+  disabled: string;
+  /** Class name applied when the accordion is expanded. */
+  expanded: string;
+}
+
+export type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
+
+export function getAccordionSummaryUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiAccordionSummary', slot);
+}
+
+const accordionSummaryClasses: AccordionSummaryClasses = generateUtilityClasses(
+  'MuiAccordionSummary',
+  ['root', 'button', 'indicator', 'disabled', 'expanded'],
+);
+
+export default accordionSummaryClasses;
diff --git a/packages/mui-joy/src/AccordionSummary/index.ts b/packages/mui-joy/src/AccordionSummary/index.ts
new file mode 100644
index 00000000000000..d5a311bc744c5f
--- /dev/null
+++ b/packages/mui-joy/src/AccordionSummary/index.ts
@@ -0,0 +1,5 @@
+'use client';
+export { default } from './AccordionSummary';
+export * from './accordionSummaryClasses';
+export { default as accordionSummaryClasses } from './accordionSummaryClasses';
+export * from './AccordionSummaryProps';
diff --git a/packages/mui-joy/src/Alert/Alert.test.tsx b/packages/mui-joy/src/Alert/Alert.test.tsx
index 0ccb30dd20c302..58003f6ebe9363 100644
--- a/packages/mui-joy/src/Alert/Alert.test.tsx
+++ b/packages/mui-joy/src/Alert/Alert.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Alert, { AlertClassKey, alertClasses as classes } from '@mui/joy/Alert';
@@ -32,10 +36,10 @@ describe('<Alert />', () => {
     it('soft by default', () => {
       const { getByRole } = render(<Alert />);
 
-      expect(getByRole('alert')).to.have.class(classes.variantOutlined);
+      expect(getByRole('alert')).to.have.class(classes.variantSoft);
     });
 
-    (['plain', 'soft', 'solid'] as const).forEach((variant) => {
+    (['plain', 'outlined', 'solid'] as const).forEach((variant) => {
       it(`should render ${variant}`, () => {
         const { getByRole } = render(<Alert variant={variant} />);
 
diff --git a/packages/mui-joy/src/Alert/Alert.tsx b/packages/mui-joy/src/Alert/Alert.tsx
index ff47ef78cc12fa..ae19e140577ce0 100644
--- a/packages/mui-joy/src/Alert/Alert.tsx
+++ b/packages/mui-joy/src/Alert/Alert.tsx
@@ -74,11 +74,10 @@ const AlertRoot = styled('div', {
       alignItems: 'center',
       padding: `var(--Alert-padding)`,
       borderRadius: 'var(--Alert-radius)',
-      boxShadow: theme.vars.shadow.xs,
       ...theme.typography[`body-${({ sm: 'xs', md: 'sm', lg: 'md' } as const)[ownerState.size!]}`],
       fontWeight: theme.vars.fontWeight.md,
       ...theme.variants[ownerState.variant!]?.[ownerState.color!],
-    },
+    } as const,
     ownerState.color !== 'context' &&
       ownerState.invertedColors &&
       theme.colorInversion[ownerState.variant!]?.[ownerState.color!],
@@ -128,7 +127,7 @@ const Alert = React.forwardRef(function Alert(inProps, ref) {
     color: colorProp = 'neutral',
     invertedColors = false,
     role = 'alert',
-    variant = 'outlined',
+    variant = 'soft',
     size = 'md',
     startDecorator,
     endDecorator,
@@ -277,7 +276,7 @@ Alert.propTypes /* remove-proptypes */ = {
   ]),
   /**
    * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
-   * @default 'outlined'
+   * @default 'soft'
    */
   variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([
     PropTypes.oneOf(['outlined', 'plain', 'soft', 'solid']),
diff --git a/packages/mui-joy/src/Alert/AlertProps.ts b/packages/mui-joy/src/Alert/AlertProps.ts
index b79749d972e662..8c1364e478f602 100644
--- a/packages/mui-joy/src/Alert/AlertProps.ts
+++ b/packages/mui-joy/src/Alert/AlertProps.ts
@@ -73,7 +73,7 @@ export interface AlertTypeMap<P = {}, D extends React.ElementType = 'div'> {
       sx?: SxProps;
       /**
        * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
-       * @default 'outlined'
+       * @default 'soft'
        */
       variant?: OverridableStringUnion<VariantProp, AlertPropsVariantOverrides>;
     };
diff --git a/packages/mui-joy/src/AspectRatio/AspectRatio.test.tsx b/packages/mui-joy/src/AspectRatio/AspectRatio.test.tsx
index 5dc77a5ba452fb..855482a1a59530 100644
--- a/packages/mui-joy/src/AspectRatio/AspectRatio.test.tsx
+++ b/packages/mui-joy/src/AspectRatio/AspectRatio.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import AspectRatio, {
diff --git a/packages/mui-joy/src/AspectRatio/AspectRatio.tsx b/packages/mui-joy/src/AspectRatio/AspectRatio.tsx
index c5aadf95b810f8..7d0323b1529abc 100644
--- a/packages/mui-joy/src/AspectRatio/AspectRatio.tsx
+++ b/packages/mui-joy/src/AspectRatio/AspectRatio.tsx
@@ -45,6 +45,8 @@ const AspectRatioRoot = styled('div', {
         ? 'currentColor'
         : theme.vars.palette.text.icon,
     borderRadius: 'var(--AspectRatio-radius)',
+    display: ownerState.flex ? 'flex' : 'block',
+    flex: ownerState.flex ? 1 : 'initial',
     flexDirection: 'column',
     margin: 'var(--AspectRatio-margin)',
   };
@@ -112,6 +114,7 @@ const AspectRatio = React.forwardRef(function AspectRatio(inProps, ref) {
     color: colorProp = 'neutral',
     variant = 'soft',
     component,
+    flex = false,
     slots = {},
     slotProps = {},
     ...other
@@ -121,6 +124,7 @@ const AspectRatio = React.forwardRef(function AspectRatio(inProps, ref) {
 
   const ownerState = {
     ...props,
+    flex,
     minHeight,
     maxHeight,
     objectFit,
@@ -180,6 +184,12 @@ AspectRatio.propTypes /* remove-proptypes */ = {
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
+  /**
+   * By default, the AspectRatio will maintain the aspect ratio of its content.
+   * Set this prop to `true` when the container is a flex row and you want the AspectRatio to fill the height of its container.
+   * @default false
+   */
+  flex: PropTypes.bool,
   /**
    * The maximum calculated height of the element (not the CSS height).
    */
diff --git a/packages/mui-joy/src/AspectRatio/AspectRatioProps.ts b/packages/mui-joy/src/AspectRatio/AspectRatioProps.ts
index 90be05d28e0f2d..121e6de62c4299 100644
--- a/packages/mui-joy/src/AspectRatio/AspectRatioProps.ts
+++ b/packages/mui-joy/src/AspectRatio/AspectRatioProps.ts
@@ -42,6 +42,12 @@ export interface AspectRatioTypeMap<P = {}, D extends React.ElementType = 'div'>
        * This can be an element, or just a string.
        */
       children?: React.ReactNode;
+      /**
+       * By default, the AspectRatio will maintain the aspect ratio of its content.
+       * Set this prop to `true` when the container is a flex row and you want the AspectRatio to fill the height of its container.
+       * @default false
+       */
+      flex?: boolean;
       /**
        * The minimum calculated height of the element (not the CSS height).
        */
diff --git a/packages/mui-joy/src/Autocomplete/Autocomplete.test.tsx b/packages/mui-joy/src/Autocomplete/Autocomplete.test.tsx
index 1c3da3551ba3b0..4fbe3908ea0834 100644
--- a/packages/mui-joy/src/Autocomplete/Autocomplete.test.tsx
+++ b/packages/mui-joy/src/Autocomplete/Autocomplete.test.tsx
@@ -10,7 +10,7 @@ import {
   fireEvent,
   strictModeDoubleLoggingSuppressed,
   describeJoyColorInversion,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import Autocomplete, {
   autocompleteClasses as classes,
   createFilterOptions,
diff --git a/packages/mui-joy/src/Autocomplete/Autocomplete.tsx b/packages/mui-joy/src/Autocomplete/Autocomplete.tsx
index 3407c15bf1c337..44035f7b27cf71 100644
--- a/packages/mui-joy/src/Autocomplete/Autocomplete.tsx
+++ b/packages/mui-joy/src/Autocomplete/Autocomplete.tsx
@@ -23,7 +23,7 @@ import { VariantColorProvider, getChildVariantAndColor } from '../styles/variant
 // slot components
 import { StyledIconButton } from '../IconButton/IconButton';
 // default render components
-import Chip, { chipClasses } from '../Chip';
+import Chip from '../Chip';
 import ChipDelete from '../ChipDelete';
 import {
   StyledInputRoot,
@@ -106,7 +106,12 @@ const AutocompleteRoot = styled(StyledInputRoot as unknown as 'div', {
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
 })<{ ownerState: OwnerState }>(({ ownerState }) => ({
-  '--Autocomplete-wrapperGap': '3px',
+  ...(ownerState.size === 'sm' && {
+    '--Autocomplete-wrapperGap': '3px',
+  }),
+  ...(ownerState.size === 'md' && {
+    '--Autocomplete-wrapperGap': '3px',
+  }),
   ...(ownerState.size === 'lg' && {
     '--Autocomplete-wrapperGap': '4px',
   }),
@@ -136,24 +141,15 @@ const AutocompleteWrapper = styled('div', {
   display: 'flex',
   alignItems: 'center',
   flexWrap: 'wrap',
+  gap: 'var(--Autocomplete-wrapperGap)',
   [`&.${autocompleteClasses.multiple}`]: {
-    paddingBlockEnd: 'min(var(--_Input-paddingBlock), var(--Autocomplete-wrapperGap))',
-    // TODO: use [CSS :has](https://caniuse.com/?search=%3Ahas) later
-    ...(ownerState.startDecorator &&
-      Array.isArray(ownerState.value) &&
-      (ownerState.value as Array<unknown>).length > 0 && {
-        marginBlockStart: 'min(var(--_Input-paddingBlock) - var(--Autocomplete-wrapperGap), 0px)',
-        marginInlineStart: 'calc(-1 * var(--Autocomplete-wrapperGap))',
-        [`& .${autocompleteClasses.input}`]: {
-          marginInlineStart: 'max(var(--Autocomplete-wrapperGap), var(--Input-gap))',
-        },
-      }),
-  },
-  [`& .${chipClasses.root}`]: {
-    // TODO: use flexbox `gap` later.
-    minWidth: 0,
-    marginInlineStart: 'var(--Autocomplete-wrapperGap)',
-    marginBlockStart: 'var(--Autocomplete-wrapperGap)',
+    paddingBlock: 'var(--Autocomplete-wrapperGap)',
+    ...(!ownerState.startDecorator && {
+      paddingInlineStart: 'var(--Autocomplete-wrapperGap)',
+    }),
+    ...(!ownerState.endDecorator && {
+      paddingInlineEnd: 'var(--Autocomplete-wrapperGap)',
+    }),
   },
 }));
 
@@ -165,10 +161,7 @@ const AutocompleteInput = styled(StyledInputHtml as unknown as 'input', {
   minWidth: 30,
   minHeight: 'var(--Chip-minHeight)',
   ...(ownerState.multiple && {
-    marginBlockStart: 'var(--Autocomplete-wrapperGap)',
-    ...(!ownerState.startDecorator && {
-      marginInlineStart: 'var(--Input-paddingInline)',
-    }),
+    marginInlineStart: 'calc(var(--Autocomplete-wrapperGap) * 2.5)',
   }),
 }));
 
diff --git a/packages/mui-joy/src/AutocompleteListbox/AutocompleteListbox.test.tsx b/packages/mui-joy/src/AutocompleteListbox/AutocompleteListbox.test.tsx
index 5a134270a0dddb..d2aa9408bbc062 100644
--- a/packages/mui-joy/src/AutocompleteListbox/AutocompleteListbox.test.tsx
+++ b/packages/mui-joy/src/AutocompleteListbox/AutocompleteListbox.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, describeJoyColorInversion } from 'test/utils';
+import {
+  describeConformance,
+  createRenderer,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import AutocompleteListbox, {
   autocompleteListboxClasses as classes,
diff --git a/packages/mui-joy/src/AutocompleteListbox/autocompleteListboxClasses.ts b/packages/mui-joy/src/AutocompleteListbox/autocompleteListboxClasses.ts
index 631781a39c7e66..ebea45c62e8658 100644
--- a/packages/mui-joy/src/AutocompleteListbox/autocompleteListboxClasses.ts
+++ b/packages/mui-joy/src/AutocompleteListbox/autocompleteListboxClasses.ts
@@ -3,31 +3,31 @@ import { generateUtilityClass, generateUtilityClasses } from '../className';
 export interface AutocompleteListboxClasses {
   /** Class name applied to the root element. */
   root: string;
-  /** Classname applied to the root element if `size="sm"`. */
+  /** Class name applied to the root element if `size="sm"`. */
   sizeSm: string;
-  /** Classname applied to the root element if `size="md"`. */
+  /** Class name applied to the root element if `size="md"`. */
   sizeMd: string;
-  /** Classname applied to the root element if `size="lg"`. */
+  /** Class name applied to the root element if `size="lg"`. */
   sizeLg: string;
-  /** Classname applied to the root element if `color="primary"`. */
+  /** Class name applied to the root element if `color="primary"`. */
   colorPrimary: string;
-  /** Classname applied to the root element if `color="neutral"`. */
+  /** Class name applied to the root element if `color="neutral"`. */
   colorNeutral: string;
-  /** Classname applied to the root element if `color="danger"`. */
+  /** Class name applied to the root element if `color="danger"`. */
   colorDanger: string;
-  /** Classname applied to the root element if `color="success"`. */
+  /** Class name applied to the root element if `color="success"`. */
   colorSuccess: string;
-  /** Classname applied to the root element if `color="warning"`. */
+  /** Class name applied to the root element if `color="warning"`. */
   colorWarning: string;
   /** Class name applied to the root element when color inversion is triggered. */
   colorContext: string;
-  /** Classname applied to the root element if `variant="plain"`. */
+  /** Class name applied to the root element if `variant="plain"`. */
   variantPlain: string;
-  /** Classname applied to the root element if `variant="outlined"`. */
+  /** Class name applied to the root element if `variant="outlined"`. */
   variantOutlined: string;
-  /** Classname applied to the root element if `variant="soft"`. */
+  /** Class name applied to the root element if `variant="soft"`. */
   variantSoft: string;
-  /** Classname applied to the root element if `variant="solid"`. */
+  /** Class name applied to the root element if `variant="solid"`. */
   variantSolid: string;
 }
 
diff --git a/packages/mui-joy/src/AutocompleteOption/AutocompleteOption.test.tsx b/packages/mui-joy/src/AutocompleteOption/AutocompleteOption.test.tsx
index 30337a4f1c2664..2e3cbd1519b956 100644
--- a/packages/mui-joy/src/AutocompleteOption/AutocompleteOption.test.tsx
+++ b/packages/mui-joy/src/AutocompleteOption/AutocompleteOption.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, describeJoyColorInversion } from 'test/utils';
+import {
+  describeConformance,
+  createRenderer,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import AutocompleteOption, {
   autocompleteOptionClasses as classes,
diff --git a/packages/mui-joy/src/Avatar/Avatar.test.tsx b/packages/mui-joy/src/Avatar/Avatar.test.tsx
index e37db3caf2b486..c1d9bf1be2aabf 100644
--- a/packages/mui-joy/src/Avatar/Avatar.test.tsx
+++ b/packages/mui-joy/src/Avatar/Avatar.test.tsx
@@ -6,7 +6,7 @@ import {
   describeConformance,
   describeJoyColorInversion,
   fireEvent,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Avatar, { AvatarClassKey, avatarClasses as classes } from '@mui/joy/Avatar';
diff --git a/packages/mui-joy/src/AvatarGroup/AvatarGroup.test.tsx b/packages/mui-joy/src/AvatarGroup/AvatarGroup.test.tsx
index 3b66ccbf96c150..debab8f46265ea 100644
--- a/packages/mui-joy/src/AvatarGroup/AvatarGroup.test.tsx
+++ b/packages/mui-joy/src/AvatarGroup/AvatarGroup.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import AvatarGroup, { avatarGroupClasses as classes } from '@mui/joy/AvatarGroup';
 import Avatar, { avatarClasses } from '@mui/joy/Avatar';
diff --git a/packages/mui-joy/src/Badge/Badge.test.tsx b/packages/mui-joy/src/Badge/Badge.test.tsx
index 13921cb3f5d864..672b81c87d3ae2 100644
--- a/packages/mui-joy/src/Badge/Badge.test.tsx
+++ b/packages/mui-joy/src/Badge/Badge.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Badge, { BadgeClassKey, BadgeOrigin, badgeClasses as classes } from '@mui/joy/Badge';
diff --git a/packages/mui-joy/src/Box/Box.test.tsx b/packages/mui-joy/src/Box/Box.test.tsx
index 046e524ff766e1..ac4108897d991c 100644
--- a/packages/mui-joy/src/Box/Box.test.tsx
+++ b/packages/mui-joy/src/Box/Box.test.tsx
@@ -1,6 +1,7 @@
+/* eslint-disable material-ui/no-empty-box */
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { ThemeProvider, CssVarsProvider, extendTheme, PalettePrimary } from '@mui/joy/styles';
 import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/joy/className';
 import Box from '@mui/joy/Box';
diff --git a/packages/mui-joy/src/Breadcrumbs/Breadcrumbs.test.tsx b/packages/mui-joy/src/Breadcrumbs/Breadcrumbs.test.tsx
index 4768e6c84d5edb..937ad578eb4e2a 100644
--- a/packages/mui-joy/src/Breadcrumbs/Breadcrumbs.test.tsx
+++ b/packages/mui-joy/src/Breadcrumbs/Breadcrumbs.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Breadcrumbs, {
diff --git a/packages/mui-joy/src/Breadcrumbs/Breadcrumbs.tsx b/packages/mui-joy/src/Breadcrumbs/Breadcrumbs.tsx
index e228d46a9bf6ad..597feaa781c1db 100644
--- a/packages/mui-joy/src/Breadcrumbs/Breadcrumbs.tsx
+++ b/packages/mui-joy/src/Breadcrumbs/Breadcrumbs.tsx
@@ -35,14 +35,17 @@ const BreadcrumbsRoot = styled('nav', {
 })<{ ownerState: BreadcrumbsOwnerState }>(({ theme, ownerState }) => ({
   ...(ownerState.size === 'sm' && {
     '--Breadcrumbs-gap': '0.25rem',
+    '--Icon-fontSize': theme.vars.fontSize.lg,
     padding: '0.5rem',
   }),
   ...(ownerState.size === 'md' && {
     '--Breadcrumbs-gap': '0.375rem',
+    '--Icon-fontSize': theme.vars.fontSize.xl,
     padding: '0.75rem',
   }),
   ...(ownerState.size === 'lg' && {
     '--Breadcrumbs-gap': '0.5rem',
+    '--Icon-fontSize': theme.vars.fontSize.xl2,
     padding: '1rem',
   }),
   ...theme.typography[`body-${ownerState.size!}`],
diff --git a/packages/mui-joy/src/Button/Button.test.tsx b/packages/mui-joy/src/Button/Button.test.tsx
index a1271e18fc3d6f..69d504e45780d3 100644
--- a/packages/mui-joy/src/Button/Button.test.tsx
+++ b/packages/mui-joy/src/Button/Button.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, describeJoyColorInversion } from 'test/utils';
+import {
+  describeConformance,
+  createRenderer,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import Button, { buttonClasses as classes } from '@mui/joy/Button';
 import { ThemeProvider } from '@mui/joy/styles';
 
@@ -113,6 +117,18 @@ describe('Joy <Button />', () => {
       const button = getByRole('button');
       expect(button).to.have.property('disabled', true);
     });
+    it('should disable button when loading is true and disabled is false', () => {
+      const { getByRole } = render(<Button loading disabled={false} />);
+
+      const button = getByRole('button');
+      expect(button).to.have.property('disabled', true);
+    });
+    it('should disable button when loading is false and disabled is true', () => {
+      const { getByRole } = render(<Button loading={false} disabled />);
+
+      const button = getByRole('button');
+      expect(button).to.have.property('disabled', true);
+    });
 
     it('renders a progressbar', () => {
       const { getByRole } = render(<Button loading>Submit</Button>);
diff --git a/packages/mui-joy/src/Button/Button.tsx b/packages/mui-joy/src/Button/Button.tsx
index 0f0ca31f0aa0fc..89d5067fdb3d2a 100644
--- a/packages/mui-joy/src/Button/Button.tsx
+++ b/packages/mui-joy/src/Button/Button.tsx
@@ -113,10 +113,10 @@ export const getButtonStyles = ({
       }),
       ...(ownerState.size === 'md' && {
         '--Icon-fontSize': theme.vars.fontSize.xl,
-        '--CircularProgress-size': '24px', // must be `px` unit, otherwise the CircularProgress is broken in Safari
-        '--CircularProgress-thickness': '3px',
+        '--CircularProgress-size': '20px', // must be `px` unit, otherwise the CircularProgress is broken in Safari
+        '--CircularProgress-thickness': '2px',
         '--Button-gap': '0.5rem',
-        minHeight: 'var(--Button-minHeight, 2.5rem)', // use min-height instead of height to make the button resilient to its content
+        minHeight: 'var(--Button-minHeight, 2.25rem)', // use min-height instead of height to make the button resilient to its content
         fontSize: theme.vars.fontSize.sm,
         paddingBlock: '0.25rem', // the padding-block act as a minimum spacing between content and root element
         paddingInline: '1rem',
@@ -126,14 +126,14 @@ export const getButtonStyles = ({
         '--CircularProgress-size': '28px', // must be `px` unit, otherwise the CircularProgress is broken in Safari
         '--CircularProgress-thickness': '4px',
         '--Button-gap': '0.75rem',
-        minHeight: 'var(--Button-minHeight, 3rem)',
+        minHeight: 'var(--Button-minHeight, 2.75rem)',
         fontSize: theme.vars.fontSize.md,
         paddingBlock: '0.375rem',
         paddingInline: '1.5rem',
       }),
       WebkitTapHighlightColor: 'transparent',
-      borderRadius: `var(--Button-radius, ${theme.vars.radius.sm})`, // to be controlled by other components, eg. Input
-      margin: `var(--Button-margin)`, // to be controlled by other components, eg. Input
+      borderRadius: `var(--Button-radius, ${theme.vars.radius.sm})`, // to be controlled by other components, e.g. Input
+      margin: `var(--Button-margin)`, // to be controlled by other components, e.g. Input
       border: 'none',
       backgroundColor: 'transparent',
       cursor: 'pointer',
@@ -149,7 +149,7 @@ export const getButtonStyles = ({
         width: '100%',
       }),
       [theme.focus.selector]: theme.focus.default,
-    },
+    } as const,
     {
       ...theme.variants[ownerState.variant!]?.[ownerState.color!],
       '&:hover': {
@@ -215,9 +215,10 @@ const Button = React.forwardRef(function Button(inProps, ref) {
   const size = inProps.size || buttonGroup.size || sizeProp;
   const { getColor } = useColorInversion(variant);
   const color = getColor(inProps.color, buttonGroup.color || colorProp);
-  const disabled = inProps.disabled ?? (buttonGroup.disabled || disabledProp || loading);
+  const disabled =
+    (inProps.disabled || inProps.loading) ?? (buttonGroup.disabled || disabledProp || loading);
 
-  const buttonRef = React.useRef<HTMLElement | null>(null);
+  const buttonRef = React.useRef<HTMLElement>(null);
   const handleRef = useForkRef(buttonRef, ref);
 
   const { focusVisible, setFocusVisible, getRootProps } = useButton({
diff --git a/packages/mui-joy/src/ButtonGroup/ButtonGroup.test.tsx b/packages/mui-joy/src/ButtonGroup/ButtonGroup.test.tsx
index a709c1e23ab5fc..f18621a9955fd6 100644
--- a/packages/mui-joy/src/ButtonGroup/ButtonGroup.test.tsx
+++ b/packages/mui-joy/src/ButtonGroup/ButtonGroup.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import ButtonGroup, {
diff --git a/packages/mui-joy/src/ButtonGroup/ButtonGroup.tsx b/packages/mui-joy/src/ButtonGroup/ButtonGroup.tsx
index 86667b01832b3c..110e772e5089ed 100644
--- a/packages/mui-joy/src/ButtonGroup/ButtonGroup.tsx
+++ b/packages/mui-joy/src/ButtonGroup/ButtonGroup.tsx
@@ -156,7 +156,7 @@ export const StyledButtonGroup = styled('div')<{ ownerState: ButtonGroupOwnerSta
             width: '100%', // for button to fill its wrapper.
           },
         }),
-      },
+      } as const,
       radius !== undefined && {
         '--ButtonGroup-radius': radius,
       },
diff --git a/packages/mui-joy/src/Card/Card.test.tsx b/packages/mui-joy/src/Card/Card.test.tsx
index a291aeaf112e93..88272f6688a1c5 100644
--- a/packages/mui-joy/src/Card/Card.test.tsx
+++ b/packages/mui-joy/src/Card/Card.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Card, { cardClasses as classes, CardClassKey } from '@mui/joy/Card';
@@ -29,10 +33,10 @@ describe('<Card />', () => {
   describeJoyColorInversion(<Card />, { muiName: 'JoyCard', classes });
 
   describe('prop: variant', () => {
-    it('plain by default', () => {
+    it('outlined by default', () => {
       const { getByTestId } = render(<Card data-testid="root">Hello World</Card>);
 
-      expect(getByTestId('root')).to.have.class(classes.variantPlain);
+      expect(getByTestId('root')).to.have.class(classes.variantOutlined);
     });
 
     (['plain', 'outlined', 'soft', 'solid'] as const).forEach((variant) => {
diff --git a/packages/mui-joy/src/Card/Card.tsx b/packages/mui-joy/src/Card/Card.tsx
index 865de004a9a93b..48d3d77fbf904b 100644
--- a/packages/mui-joy/src/Card/Card.tsx
+++ b/packages/mui-joy/src/Card/Card.tsx
@@ -32,71 +32,74 @@ const useUtilityClasses = (ownerState: CardOwnerState) => {
   return composeClasses(slots, getCardUtilityClass, {});
 };
 
-const CardRoot = styled('div', {
+export const StyledCardRoot = styled('div')<{ ownerState: CardOwnerState }>(
+  ({ theme, ownerState }) => {
+    const { p, padding, borderRadius } = resolveSxValue({ theme, ownerState }, [
+      'p',
+      'padding',
+      'borderRadius',
+    ]);
+    return [
+      {
+        '--Icon-color':
+          ownerState.color !== 'neutral' || ownerState.variant === 'solid'
+            ? 'currentColor'
+            : theme.vars.palette.text.icon,
+        // a context variable for any child component
+        '--Card-childRadius':
+          'max((var(--Card-radius) - var(--variant-borderWidth, 0px)) - var(--Card-padding), min(var(--Card-padding) / 2, (var(--Card-radius) - var(--variant-borderWidth, 0px)) / 2))',
+        // AspectRatio integration
+        '--AspectRatio-radius': 'var(--Card-childRadius)',
+        // Link integration
+        '--unstable_actionMargin': 'calc(-1 * var(--variant-borderWidth, 0px))',
+        // Link, Radio, Checkbox integration
+        '--unstable_actionRadius': 'var(--Card-radius)',
+        // CardCover integration
+        '--CardCover-radius': 'calc(var(--Card-radius) - var(--variant-borderWidth, 0px))',
+        // CardOverflow integration
+        '--CardOverflow-offset': `calc(-1 * var(--Card-padding))`,
+        '--CardOverflow-radius': 'calc(var(--Card-radius) - var(--variant-borderWidth, 0px))',
+        // Divider integration
+        '--Divider-inset': 'calc(-1 * var(--Card-padding))',
+        ...(ownerState.size === 'sm' && {
+          '--Card-radius': theme.vars.radius.sm,
+          '--Card-padding': '0.625rem',
+          gap: '0.5rem',
+        }),
+        ...(ownerState.size === 'md' && {
+          '--Card-radius': theme.vars.radius.md,
+          '--Card-padding': '1rem',
+          gap: '0.75rem 1rem',
+        }),
+        ...(ownerState.size === 'lg' && {
+          '--Card-radius': theme.vars.radius.lg,
+          '--Card-padding': '1.5rem',
+          gap: '1rem 1.5rem',
+        }),
+        padding: 'var(--Card-padding)',
+        borderRadius: 'var(--Card-radius)',
+        backgroundColor: theme.vars.palette.background.surface,
+        position: 'relative',
+        display: 'flex',
+        flexDirection: ownerState.orientation === 'horizontal' ? 'row' : 'column',
+        ...theme.typography[`body-${ownerState.size!}`],
+        ...theme.variants[ownerState.variant!]?.[ownerState.color!],
+      } as const,
+      ownerState.color !== 'context' &&
+        ownerState.invertedColors &&
+        theme.colorInversion[ownerState.variant!]?.[ownerState.color!],
+      p !== undefined && { '--Card-padding': p },
+      padding !== undefined && { '--Card-padding': padding },
+      borderRadius !== undefined && { '--Card-radius': borderRadius },
+    ];
+  },
+);
+
+const CardRoot = styled(StyledCardRoot, {
   name: 'JoyCard',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
-})<{ ownerState: CardOwnerState }>(({ theme, ownerState }) => {
-  const { p, padding, borderRadius } = resolveSxValue({ theme, ownerState }, [
-    'p',
-    'padding',
-    'borderRadius',
-  ]);
-  return [
-    {
-      '--Icon-color':
-        ownerState.color !== 'neutral' || ownerState.variant === 'solid'
-          ? 'currentColor'
-          : theme.vars.palette.text.icon,
-      // a context variable for any child component
-      '--Card-childRadius':
-        'max((var(--Card-radius) - var(--variant-borderWidth, 0px)) - var(--Card-padding), min(var(--Card-padding) / 2, (var(--Card-radius) - var(--variant-borderWidth, 0px)) / 2))',
-      // AspectRatio integration
-      '--AspectRatio-radius': 'var(--Card-childRadius)',
-      // Link integration
-      '--unstable_actionMargin': 'calc(-1 * var(--variant-borderWidth, 0px))',
-      // Link, Radio, Checkbox integration
-      '--unstable_actionRadius': 'var(--Card-radius)',
-      // CardCover integration
-      '--CardCover-radius': 'calc(var(--Card-radius) - var(--variant-borderWidth, 0px))',
-      // CardOverflow integration
-      '--CardOverflow-offset': `calc(-1 * var(--Card-padding))`,
-      '--CardOverflow-radius': 'calc(var(--Card-radius) - var(--variant-borderWidth, 0px))',
-      // Divider integration
-      '--Divider-inset': 'calc(-1 * var(--Card-padding))',
-      ...(ownerState.size === 'sm' && {
-        '--Card-radius': theme.vars.radius.sm,
-        '--Card-padding': '0.5rem',
-        gap: '0.375rem 0.5rem',
-      }),
-      ...(ownerState.size === 'md' && {
-        '--Card-radius': theme.vars.radius.md,
-        '--Card-padding': '1rem',
-        gap: '0.75rem 1rem',
-      }),
-      ...(ownerState.size === 'lg' && {
-        '--Card-radius': theme.vars.radius.lg,
-        '--Card-padding': '1.5rem',
-        gap: '1rem 1.5rem',
-      }),
-      padding: 'var(--Card-padding)',
-      borderRadius: 'var(--Card-radius)',
-      boxShadow: theme.shadow.sm,
-      backgroundColor: theme.vars.palette.background.surface,
-      position: 'relative',
-      display: 'flex',
-      flexDirection: ownerState.orientation === 'horizontal' ? 'row' : 'column',
-      ...theme.typography[`body-${ownerState.size!}`],
-      ...theme.variants[ownerState.variant!]?.[ownerState.color!],
-    },
-    ownerState.color !== 'context' &&
-      ownerState.invertedColors &&
-      theme.colorInversion[ownerState.variant!]?.[ownerState.color!],
-    p !== undefined && { '--Card-padding': p },
-    padding !== undefined && { '--Card-padding': padding },
-    borderRadius !== undefined && { '--Card-radius': borderRadius },
-  ];
-});
+})({});
 
 /**
  *
@@ -120,7 +123,7 @@ const Card = React.forwardRef(function Card(inProps, ref) {
     component = 'div',
     invertedColors = false,
     size = 'md',
-    variant = 'plain',
+    variant = 'outlined',
     children,
     orientation = 'vertical',
     slots = {},
@@ -259,7 +262,7 @@ Card.propTypes /* remove-proptypes */ = {
   ]),
   /**
    * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
-   * @default 'plain'
+   * @default 'outlined'
    */
   variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([
     PropTypes.oneOf(['outlined', 'plain', 'soft', 'solid']),
diff --git a/packages/mui-joy/src/Card/CardProps.ts b/packages/mui-joy/src/Card/CardProps.ts
index 8c0c2dc9f3420c..1791beee9f6d7b 100644
--- a/packages/mui-joy/src/Card/CardProps.ts
+++ b/packages/mui-joy/src/Card/CardProps.ts
@@ -58,7 +58,7 @@ export interface CardTypeMap<P = {}, D extends React.ElementType = 'div'> {
     sx?: SxProps;
     /**
      * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
-     * @default 'plain'
+     * @default 'outlined'
      */
     variant?: OverridableStringUnion<VariantProp, CardPropsVariantOverrides>;
   } & CardSlotsAndSlotProps;
diff --git a/packages/mui-joy/src/CardActions/CardActions.test.tsx b/packages/mui-joy/src/CardActions/CardActions.test.tsx
index d128e67c0f692f..3a5f0f6bc8b499 100644
--- a/packages/mui-joy/src/CardActions/CardActions.test.tsx
+++ b/packages/mui-joy/src/CardActions/CardActions.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import CardActions, { cardActionsClasses as classes } from '@mui/joy/CardActions';
 
diff --git a/packages/mui-joy/src/CardActions/CardActions.tsx b/packages/mui-joy/src/CardActions/CardActions.tsx
index 4c64f1ee966b53..f4ea23ca903762 100644
--- a/packages/mui-joy/src/CardActions/CardActions.tsx
+++ b/packages/mui-joy/src/CardActions/CardActions.tsx
@@ -7,10 +7,11 @@ import { OverridableComponent } from '@mui/types';
 import { useThemeProps } from '../styles';
 import styled from '../styles/styled';
 import { getCardActionsUtilityClass } from './cardActionsClasses';
-import { CardActionsProps, CardActionsTypeMap } from './CardActionsProps';
+import { CardActionsProps, CardActionsOwnerState, CardActionsTypeMap } from './CardActionsProps';
 import useSlot from '../utils/useSlot';
 import buttonClasses from '../Button/buttonClasses';
 import iconButtonClasses from '../IconButton/iconButtonClasses';
+import cardClasses from '../Card/cardClasses';
 import cardOverflowClasses from '../CardOverflow/cardOverflowClasses';
 import dividerClasses from '../Divider/dividerClasses';
 
@@ -22,48 +23,52 @@ const useUtilityClasses = () => {
   return composeClasses(slots, getCardActionsUtilityClass, {});
 };
 
-const CardActionsRoot = styled('div', {
+export const StyledCardActionsRoot = styled('div')<{ ownerState: CardActionsOwnerState }>(
+  ({ ownerState }) => {
+    return {
+      '--Button-radius': 'var(--Card-childRadius)',
+      '--IconButton-radius': 'var(--Card-childRadius)',
+      display: 'flex',
+      ...(ownerState.orientation?.startsWith('horizontal') && {
+        alignItems: 'center', // it is common to have children aligned center in horizontal orientation, but not vertically.
+      }),
+      flexDirection: ownerState.orientation === 'horizontal' ? 'row' : 'column',
+      ...(ownerState.orientation === 'horizontal-reverse' && {
+        flexDirection: 'row-reverse',
+      }),
+      zIndex: 1, // render above Link's overlay
+      gap: 'calc(0.625 * var(--Card-padding))',
+      padding: 'var(--unstable_padding)',
+      '--unstable_padding': 'calc(0.75 * var(--Card-padding)) 0 0 0',
+      [`.${cardOverflowClasses.root} > &`]: {
+        '--unstable_padding': 'calc(0.75 * var(--Card-padding)) 0 var(--Card-padding)',
+      },
+      [`.${cardClasses.root} > .${dividerClasses.root} + &`]: {
+        '--unstable_padding': '0',
+      },
+      ...(ownerState.buttonFlex
+        ? {
+            [`& > :not(.${iconButtonClasses.root})`]: {
+              flex: ownerState.buttonFlex,
+            },
+            [`& > :not(button) > .${buttonClasses.root}`]: {
+              width: '100%', // for button to fill its wrapper.
+            },
+          }
+        : {
+            [`& > .${buttonClasses.root}:only-child`]: {
+              flex: 'auto',
+            },
+          }),
+    };
+  },
+);
+
+const CardActionsRoot = styled(StyledCardActionsRoot, {
   name: 'JoyCardActions',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
-})<{ ownerState: CardActionsProps }>(({ ownerState }) => {
-  return {
-    '--Button-radius': 'var(--Card-childRadius)',
-    '--IconButton-radius': 'var(--Card-childRadius)',
-    display: 'flex',
-    ...(ownerState.orientation?.startsWith('horizontal') && {
-      alignItems: 'center', // it is common to have children aligned center in horizontal orientation, but not vertically.
-    }),
-    flexDirection: ownerState.orientation === 'horizontal' ? 'row' : 'column',
-    ...(ownerState.orientation === 'horizontal-reverse' && {
-      flexDirection: 'row-reverse',
-    }),
-    zIndex: 1, // render above Link's overlay
-    gap: 'calc(0.625 * var(--Card-padding))',
-    padding: 'var(--unstable_padding)',
-    '--unstable_padding': 'calc(0.75 * var(--Card-padding)) 0 0 0',
-    [`.${cardOverflowClasses.root} > &`]: {
-      '--unstable_padding': 'calc(0.75 * var(--Card-padding)) 0 var(--Card-padding)',
-    },
-    [`.${dividerClasses.root} + &`]: {
-      '--unstable_padding': '0',
-    },
-    ...(ownerState.buttonFlex
-      ? {
-          [`& > :not(.${iconButtonClasses.root})`]: {
-            flex: ownerState.buttonFlex,
-          },
-          [`& > :not(button) > .${buttonClasses.root}`]: {
-            width: '100%', // for button to fill its wrapper.
-          },
-        }
-      : {
-          [`& > .${buttonClasses.root}:only-child`]: {
-            flex: 'auto',
-          },
-        }),
-  };
-});
+})<{ ownerState: CardActionsOwnerState }>({});
 /**
  *
  * Demos:
diff --git a/packages/mui-joy/src/CardContent/CardContent.test.tsx b/packages/mui-joy/src/CardContent/CardContent.test.tsx
index bcedfa180b8f33..f457f9260369da 100644
--- a/packages/mui-joy/src/CardContent/CardContent.test.tsx
+++ b/packages/mui-joy/src/CardContent/CardContent.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import CardContent, { cardContentClasses as classes } from '@mui/joy/CardContent';
 
diff --git a/packages/mui-joy/src/CardContent/CardContent.tsx b/packages/mui-joy/src/CardContent/CardContent.tsx
index 251ce36b32c143..06be6eec16d272 100644
--- a/packages/mui-joy/src/CardContent/CardContent.tsx
+++ b/packages/mui-joy/src/CardContent/CardContent.tsx
@@ -19,21 +19,26 @@ const useUtilityClasses = () => {
   return composeClasses(slots, getCardContentUtilityClass, {});
 };
 
-const CardContentRoot = styled('div', {
+export const StyledCardContentRoot = styled('div')<{ ownerState: CardContentProps }>(
+  ({ ownerState }) => ({
+    display: 'flex',
+    flexDirection: ownerState.orientation === 'horizontal' ? 'row' : 'column',
+    flex: 9999, // fill the available space in the Card and also shrink if needed
+    zIndex: 1,
+    columnGap: 'var(--Card-padding)',
+    rowGap: 'max(2px, calc(0.1875 * var(--Card-padding)))',
+    padding: 'var(--unstable_padding)',
+    [`.${cardOverflowClasses.root} > &`]: {
+      '--unstable_padding': 'calc(var(--Card-padding) * 0.75) 0px',
+    },
+  }),
+);
+
+const CardContentRoot = styled(StyledCardContentRoot, {
   name: 'JoyCardContent',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
-})<{ ownerState: CardContentProps }>(({ ownerState }) => ({
-  display: 'flex',
-  flexDirection: ownerState.orientation === 'horizontal' ? 'row' : 'column',
-  flex: 1, // fill the available space in the Card and also shrink if needed
-  zIndex: 1,
-  columnGap: 'var(--Card-padding)',
-  padding: 'var(--unstable_padding)',
-  [`.${cardOverflowClasses.root} > &`]: {
-    '--unstable_padding': 'calc(var(--Card-padding) * 0.75) 0px',
-  },
-}));
+})<{ ownerState: CardContentProps }>({});
 /**
  * ⚠️ CardContent must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.
  *
diff --git a/packages/mui-joy/src/CardCover/CardCover.test.tsx b/packages/mui-joy/src/CardCover/CardCover.test.tsx
index ec5b940bf75130..8c3a228d56ab79 100644
--- a/packages/mui-joy/src/CardCover/CardCover.test.tsx
+++ b/packages/mui-joy/src/CardCover/CardCover.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import CardCover, { cardCoverClasses as classes } from '@mui/joy/CardCover';
 
diff --git a/packages/mui-joy/src/CardOverflow/CardOverflow.test.tsx b/packages/mui-joy/src/CardOverflow/CardOverflow.test.tsx
index 0a677d2469d4da..33619311553c68 100644
--- a/packages/mui-joy/src/CardOverflow/CardOverflow.test.tsx
+++ b/packages/mui-joy/src/CardOverflow/CardOverflow.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import CardOverflow, {
diff --git a/packages/mui-joy/src/CardOverflow/CardOverflow.tsx b/packages/mui-joy/src/CardOverflow/CardOverflow.tsx
index dd994e27c57118..17ed565de6d0dd 100644
--- a/packages/mui-joy/src/CardOverflow/CardOverflow.tsx
+++ b/packages/mui-joy/src/CardOverflow/CardOverflow.tsx
@@ -46,6 +46,7 @@ const CardOverflowRoot = styled('div', {
     alignSelf: 'stretch', // prevent shrinking if parent's align-items is not initial
     borderRadius: 'var(--CardOverflow-radius)',
     position: 'relative',
+    display: 'flex',
     ...(ownerState['data-parent'] === 'Card-horizontal' && {
       '--AspectRatio-margin': 'calc(-1 * var(--Card-padding)) 0px',
       marginTop: 'var(--CardOverflow-offset)',
@@ -76,6 +77,7 @@ const CardOverflowRoot = styled('div', {
     }),
     ...(ownerState['data-parent'] === 'Card-vertical' && {
       '--AspectRatio-margin': '0px calc(-1 * var(--Card-padding))',
+      flexDirection: 'column', // required to make AspectRatio works
       marginLeft: 'var(--CardOverflow-offset)',
       marginRight: 'var(--CardOverflow-offset)',
       padding: '0px var(--Card-padding)',
diff --git a/packages/mui-joy/src/Checkbox/Checkbox.test.tsx b/packages/mui-joy/src/Checkbox/Checkbox.test.tsx
index 61c396d2840a17..a52ee390e075a6 100644
--- a/packages/mui-joy/src/Checkbox/Checkbox.test.tsx
+++ b/packages/mui-joy/src/Checkbox/Checkbox.test.tsx
@@ -6,7 +6,7 @@ import {
   createRenderer,
   fireEvent,
   describeJoyColorInversion,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import Checkbox, { checkboxClasses as classes } from '@mui/joy/Checkbox';
 import { ThemeProvider } from '@mui/joy/styles';
 import CloseIcon from '../internal/svg-icons/Close';
diff --git a/packages/mui-joy/src/Checkbox/Checkbox.tsx b/packages/mui-joy/src/Checkbox/Checkbox.tsx
index 4d9cb18983edba..8295cbdcc3c46b 100644
--- a/packages/mui-joy/src/Checkbox/Checkbox.tsx
+++ b/packages/mui-joy/src/Checkbox/Checkbox.tsx
@@ -114,7 +114,7 @@ const CheckboxCheckbox = styled('span', {
       [`&.${checkboxClasses.checked}, &.${checkboxClasses.indeterminate}`]: {
         '--Icon-color': 'currentColor',
       },
-    },
+    } as const,
     ...(!ownerState.disableIcon
       ? [
           {
@@ -154,7 +154,7 @@ const CheckboxAction = styled('span', {
     right: 'calc(-1 * var(--variant-borderWidth, 0px))',
     zIndex: 1, // The action element usually cover the area of nearest positioned parent
     [theme.focus.selector]: theme.focus.default,
-  },
+  } as const,
   ...(ownerState.disableIcon
     ? [
         theme.variants[ownerState.variant!]?.[ownerState.color!],
diff --git a/packages/mui-joy/src/Chip/Chip.test.tsx b/packages/mui-joy/src/Chip/Chip.test.tsx
index 1a45600c0ecb88..952079d7dd80a6 100644
--- a/packages/mui-joy/src/Chip/Chip.test.tsx
+++ b/packages/mui-joy/src/Chip/Chip.test.tsx
@@ -6,7 +6,7 @@ import {
   describeConformance,
   describeJoyColorInversion,
   fireEvent,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Chip, { ChipClassKey, chipClasses as classes } from '@mui/joy/Chip';
diff --git a/packages/mui-joy/src/Chip/Chip.tsx b/packages/mui-joy/src/Chip/Chip.tsx
index 0f022cb64addd7..340d120e26ed6f 100644
--- a/packages/mui-joy/src/Chip/Chip.tsx
+++ b/packages/mui-joy/src/Chip/Chip.tsx
@@ -59,27 +59,29 @@ const ChipRoot = styled('div', {
       '--Icon-color': 'currentColor',
       '--unstable_actionRadius': 'var(--_Chip-radius)', // to be used with Radio or Checkbox
       ...(ownerState.size === 'sm' && {
-        '--Chip-paddingInline': '0.5rem',
+        '--Chip-paddingInline': '0.375rem',
         '--Chip-decoratorChildHeight':
-          'calc(min(1.125rem, var(--_Chip-minHeight)) - 2 * var(--variant-borderWidth, 0px))',
+          'calc(var(--_Chip-minHeight) - 2 * var(--variant-borderWidth))',
         '--Icon-fontSize': theme.vars.fontSize.sm,
-        '--_Chip-minHeight': 'var(--Chip-minHeight, 1.5rem)',
-        gap: '0.25rem',
+        '--_Chip-minHeight': 'var(--Chip-minHeight, 1.25rem)', // 20px
+        gap: '3px',
       }),
       ...(ownerState.size === 'md' && {
+        '--Chip-paddingInline': '0.5rem',
+        '--Chip-decoratorChildHeight':
+          'calc(var(--_Chip-minHeight) - 0.25rem - 2 * var(--variant-borderWidth))',
+        '--Icon-fontSize': theme.vars.fontSize.md,
+        '--_Chip-minHeight': 'var(--Chip-minHeight, 1.5rem)', // 26px
+        gap: '0.25rem',
+      }),
+      ...(ownerState.size === 'lg' && {
         '--Chip-paddingInline': '0.75rem',
-        '--Chip-decoratorChildHeight': 'min(1.375rem, var(--_Chip-minHeight))',
+        '--Chip-decoratorChildHeight':
+          'calc(var(--_Chip-minHeight) - 0.375rem - 2 * var(--variant-borderWidth))',
         '--Icon-fontSize': theme.vars.fontSize.lg,
-        '--_Chip-minHeight': 'var(--Chip-minHeight, 2rem)',
+        '--_Chip-minHeight': 'var(--Chip-minHeight, 1.75rem)', // 28px
         gap: '0.375rem',
       }),
-      ...(ownerState.size === 'lg' && {
-        '--Chip-paddingInline': '1rem',
-        '--Chip-decoratorChildHeight': 'min(1.75rem, var(--_Chip-minHeight))',
-        '--Icon-fontSize': theme.vars.fontSize.xl,
-        '--_Chip-minHeight': 'var(--Chip-minHeight, 2.5rem)',
-        gap: '0.5rem',
-      }),
       '--_Chip-radius': 'var(--Chip-radius, 1.5rem)',
       '--_Chip-paddingBlock':
         'max((var(--_Chip-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Chip-decoratorChildHeight)) / 2, 0px)',
@@ -100,7 +102,7 @@ const ChipRoot = styled('div', {
       [`&.${chipClasses.disabled}`]: {
         color: theme.variants[`${ownerState.variant!}Disabled`]?.[ownerState.color!]?.color,
       },
-    },
+    } as const,
     ...(!ownerState.clickable
       ? [
           {
@@ -162,7 +164,7 @@ const ChipAction = styled('button', {
     textDecoration: 'none',
     borderRadius: 'inherit',
     [theme.focus.selector]: theme.focus.default,
-  },
+  } as const,
   {
     backgroundColor: theme.vars.palette.background.surface,
     ...theme.variants[ownerState.variant!]?.[ownerState.color!],
@@ -185,10 +187,11 @@ const ChipStartDecorator = styled('span', {
   overridesResolver: (props, styles) => styles.startDecorator,
 })<{ ownerState: ChipOwnerState }>({
   '--Avatar-marginInlineStart': 'calc(var(--Chip-decoratorChildOffset) * -1)',
-  '--IconButton-margin': '0 0 0 calc(var(--Chip-decoratorChildOffset) * -1)',
+  '--IconButton-margin':
+    '0 calc(-1 * var(--Chip-paddingInline) / 3) 0 calc(var(--Chip-decoratorChildOffset) * -1)',
   '--Icon-margin': '0 0 0 calc(var(--Chip-paddingInline) / -4)',
   display: 'inherit',
-  // set zIndex to 1 with order to stay on top of other controls, eg. Checkbox, Radio
+  // set zIndex to 1 with order to stay on top of other controls, e.g. Checkbox, Radio
   order: 0,
   zIndex: 1,
   pointerEvents: 'none',
@@ -199,10 +202,11 @@ const ChipEndDecorator = styled('span', {
   slot: 'EndDecorator',
   overridesResolver: (props, styles) => styles.endDecorator,
 })<{ ownerState: ChipOwnerState }>({
-  '--IconButton-margin': '0 calc(var(--Chip-decoratorChildOffset) * -1) 0 0',
+  '--IconButton-margin':
+    '0 calc(var(--Chip-decoratorChildOffset) * -1) 0 calc(-1 * var(--Chip-paddingInline) / 3)',
   '--Icon-margin': '0 calc(var(--Chip-paddingInline) / -4) 0 0',
   display: 'inherit',
-  // set zIndex to 1 with order to stay on top of other controls, eg. Checkbox, Radio
+  // set zIndex to 1 with order to stay on top of other controls, e.g. Checkbox, Radio
   order: 2,
   zIndex: 1,
   pointerEvents: 'none',
@@ -252,7 +256,7 @@ const Chip = React.forwardRef(function Chip(inProps, ref) {
 
   const resolvedActionProps =
     typeof slotProps.action === 'function' ? slotProps.action(ownerState) : slotProps.action;
-  const actionRef = React.useRef<HTMLElement | null>(null);
+  const actionRef = React.useRef<HTMLElement>(null);
   const { focusVisible, getRootProps } = useButton({
     ...resolvedActionProps,
     disabled,
@@ -317,7 +321,7 @@ const Chip = React.forwardRef(function Chip(inProps, ref) {
         <SlotRoot {...rootProps}>
           {clickable && <SlotAction {...actionProps} />}
 
-          {/* label is always the first element for integrating with other controls, eg. Checkbox, Radio. Use CSS order to rearrange position */}
+          {/* label is always the first element for integrating with other controls, e.g. Checkbox, Radio. Use CSS order to rearrange position */}
           <SlotLabel {...labelProps} id={id}>
             {children}
           </SlotLabel>
diff --git a/packages/mui-joy/src/ChipDelete/ChipDelete.test.tsx b/packages/mui-joy/src/ChipDelete/ChipDelete.test.tsx
index ba9328c78b8d51..b6ff05e0483838 100644
--- a/packages/mui-joy/src/ChipDelete/ChipDelete.test.tsx
+++ b/packages/mui-joy/src/ChipDelete/ChipDelete.test.tsx
@@ -7,7 +7,7 @@ import {
   describeJoyColorInversion,
   act,
   fireEvent,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Chip from '@mui/joy/Chip';
 import ChipDelete, { chipDeleteClasses as classes } from '@mui/joy/ChipDelete';
diff --git a/packages/mui-joy/src/ChipDelete/ChipDelete.tsx b/packages/mui-joy/src/ChipDelete/ChipDelete.tsx
index 0eb1f0f189c433..162e729b5e4b7c 100644
--- a/packages/mui-joy/src/ChipDelete/ChipDelete.tsx
+++ b/packages/mui-joy/src/ChipDelete/ChipDelete.tsx
@@ -35,14 +35,18 @@ const ChipDeleteRoot = styled(StyledIconButton as unknown as 'button', {
   name: 'JoyChipDelete',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
-})<{ ownerState: ChipDeleteOwnerState }>({
+})<{ ownerState: ChipDeleteOwnerState }>(({ theme }) => ({
   '--IconButton-size': 'var(--Chip-deleteSize, 2rem)',
   '--Icon-fontSize': 'calc(var(--IconButton-size, 2rem) / 1.3)',
+  minWidth: 'var(--IconButton-size, 2rem)', // use min-width instead of height to make the button resilient to its content
+  minHeight: 'var(--IconButton-size, 2rem)', // use min-height instead of height to make the button resilient to its content
+  fontSize: theme.vars.fontSize.sm,
+  paddingInline: '2px', // add a gap, in case the content is long, e.g. multiple icons
   pointerEvents: 'visible', // force the ChipDelete to be hoverable because the decorator can have pointerEvents 'none'
   borderRadius: 'var(--Chip-deleteRadius, 50%)',
   zIndex: 1, // overflow above sibling button or anchor
   padding: 0, // reset user agent stylesheet
-});
+}));
 
 /**
  *
@@ -77,12 +81,13 @@ const ChipDelete = React.forwardRef(function ChipDelete(inProps, ref) {
   const { variant = variantProp, color: inheritedColor = colorProp } = useVariantColor(
     inProps.variant,
     inProps.color,
+    true,
   );
   const { getColor } = useColorInversion(variant);
   const color = getColor(inProps.color, inheritedColor);
   const disabled = disabledProp ?? chipContext.disabled;
 
-  const buttonRef = React.useRef<HTMLElement | null>(null);
+  const buttonRef = React.useRef<HTMLElement>(null);
   const handleRef = useForkRef(buttonRef, ref);
 
   const { focusVisible, getRootProps } = useButton({
diff --git a/packages/mui-joy/src/CircularProgress/CircularProgress.test.tsx b/packages/mui-joy/src/CircularProgress/CircularProgress.test.tsx
index 6e4b421cbc37c4..8316f1454bb014 100644
--- a/packages/mui-joy/src/CircularProgress/CircularProgress.test.tsx
+++ b/packages/mui-joy/src/CircularProgress/CircularProgress.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import CircularProgress, { circularProgressClasses as classes } from '@mui/joy/CircularProgress';
diff --git a/packages/mui-joy/src/Container/Container.test.tsx b/packages/mui-joy/src/Container/Container.test.tsx
index 4fd0d207ed2b46..9094c70a701358 100644
--- a/packages/mui-joy/src/Container/Container.test.tsx
+++ b/packages/mui-joy/src/Container/Container.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Container, { containerClasses as classes } from '@mui/joy/Container';
 
diff --git a/packages/mui-joy/src/DialogActions/DialogActions.test.tsx b/packages/mui-joy/src/DialogActions/DialogActions.test.tsx
new file mode 100644
index 00000000000000..00cb6e9070239a
--- /dev/null
+++ b/packages/mui-joy/src/DialogActions/DialogActions.test.tsx
@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
+import { ThemeProvider } from '@mui/joy/styles';
+import DialogActions, { dialogActionsClasses as classes } from '@mui/joy/DialogActions';
+
+describe('<DialogActions />', () => {
+  const { render } = createRenderer();
+
+  describeConformance(<DialogActions />, () => ({
+    classes,
+    inheritComponent: 'div',
+    render,
+    ThemeProvider,
+    muiName: 'JoyDialogActions',
+    refInstanceof: window.HTMLDivElement,
+    testComponentPropWith: 'span',
+    skip: ['classesRoot', 'componentsProp', 'themeVariants'],
+    slots: {
+      root: {
+        expectedClassName: classes.root,
+      },
+    },
+  }));
+});
diff --git a/packages/mui-joy/src/DialogActions/DialogActions.tsx b/packages/mui-joy/src/DialogActions/DialogActions.tsx
new file mode 100644
index 00000000000000..1db867d30bceff
--- /dev/null
+++ b/packages/mui-joy/src/DialogActions/DialogActions.tsx
@@ -0,0 +1,121 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { OverridableComponent } from '@mui/types';
+import { useThemeProps } from '../styles';
+import styled from '../styles/styled';
+import { getDialogActionsUtilityClass } from './dialogActionsClasses';
+import { DialogActionsProps, DialogActionsTypeMap } from './DialogActionsProps';
+import useSlot from '../utils/useSlot';
+import { StyledCardActionsRoot } from '../CardActions/CardActions';
+
+const useUtilityClasses = () => {
+  const slots = {
+    root: ['root'],
+  };
+
+  return composeClasses(slots, getDialogActionsUtilityClass, {});
+};
+
+const DialogActionsRoot = styled(StyledCardActionsRoot, {
+  name: 'JoyDialogActions',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root,
+})<{ ownerState: DialogActionsProps }>({});
+/**
+ *
+ * Demos:
+ *
+ * - [Modal](https://mui.com/joy-ui/react-modal/)
+ *
+ * API:
+ *
+ * - [DialogActions API](https://mui.com/joy-ui/api/dialog-actions/)
+ */
+const DialogActions = React.forwardRef(function DialogActions(inProps, ref) {
+  const props = useThemeProps<typeof inProps & DialogActionsProps>({
+    props: inProps,
+    name: 'JoyDialogActions',
+  });
+
+  const {
+    component = 'div',
+    children,
+    buttonFlex,
+    orientation = 'horizontal-reverse',
+    slots = {},
+    slotProps = {},
+    ...other
+  } = props;
+  const externalForwardedProps = { ...other, component, slots, slotProps };
+
+  const ownerState = {
+    ...props,
+    component,
+    buttonFlex,
+    orientation,
+  };
+
+  const classes = useUtilityClasses();
+
+  const [SlotRoot, rootProps] = useSlot('root', {
+    ref,
+    className: classes.root,
+    elementType: DialogActionsRoot,
+    externalForwardedProps,
+    ownerState,
+  });
+
+  return <SlotRoot {...rootProps}>{children}</SlotRoot>;
+}) as OverridableComponent<DialogActionsTypeMap>;
+
+DialogActions.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The CSS `flex` for the Button and its wrapper.
+   */
+  buttonFlex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * Used to render icon or text elements inside the DialogActions if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: PropTypes.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * The component orientation.
+   * @default 'horizontal-reverse'
+   */
+  orientation: PropTypes.oneOf(['horizontal-reverse', 'horizontal', 'vertical']),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    root: PropTypes.elementType,
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
+    PropTypes.func,
+    PropTypes.object,
+  ]),
+} as any;
+
+export default DialogActions;
diff --git a/packages/mui-joy/src/DialogActions/DialogActionsProps.ts b/packages/mui-joy/src/DialogActions/DialogActionsProps.ts
new file mode 100644
index 00000000000000..91d435865b51e3
--- /dev/null
+++ b/packages/mui-joy/src/DialogActions/DialogActionsProps.ts
@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { OverrideProps } from '@mui/types';
+import { SxProps } from '../styles/types';
+import { SlotProps, CreateSlotsAndSlotProps } from '../utils/types';
+
+export type DialogActionsSlot = 'root';
+
+export interface DialogActionsSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+}
+
+export type DialogActionsSlotsAndSlotProps = CreateSlotsAndSlotProps<
+  DialogActionsSlots,
+  {
+    root: SlotProps<'div', {}, DialogActionsOwnerState>;
+  }
+>;
+
+export interface DialogActionsTypeMap<P = {}, D extends React.ElementType = 'div'> {
+  props: P & {
+    /**
+     * Used to render icon or text elements inside the DialogActions if `src` is not set.
+     * This can be an element, or just a string.
+     */
+    children?: React.ReactNode;
+    /**
+     * The CSS `flex` for the Button and its wrapper.
+     */
+    buttonFlex?: string | number;
+    /**
+     * The component orientation.
+     * @default 'horizontal-reverse'
+     */
+    orientation?: 'horizontal' | 'horizontal-reverse' | 'vertical';
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps;
+  } & DialogActionsSlotsAndSlotProps;
+  defaultComponent: D;
+}
+
+export type DialogActionsProps<
+  D extends React.ElementType = DialogActionsTypeMap['defaultComponent'],
+  P = { component?: React.ElementType },
+> = OverrideProps<DialogActionsTypeMap<P, D>, D>;
+
+export interface DialogActionsOwnerState extends DialogActionsProps {}
diff --git a/packages/mui-joy/src/DialogActions/dialogActionsClasses.ts b/packages/mui-joy/src/DialogActions/dialogActionsClasses.ts
new file mode 100644
index 00000000000000..da0f22295ce02e
--- /dev/null
+++ b/packages/mui-joy/src/DialogActions/dialogActionsClasses.ts
@@ -0,0 +1,18 @@
+import { generateUtilityClass, generateUtilityClasses } from '../className';
+
+export interface DialogActionsClasses {
+  /** Class name applied to the root element. */
+  root: string;
+}
+
+export type DialogActionsClassKey = keyof DialogActionsClasses;
+
+export function getDialogActionsUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiDialogActions', slot);
+}
+
+const dialogActionsClasses: DialogActionsClasses = generateUtilityClasses('MuiDialogActions', [
+  'root',
+]);
+
+export default dialogActionsClasses;
diff --git a/packages/mui-joy/src/DialogActions/index.ts b/packages/mui-joy/src/DialogActions/index.ts
new file mode 100644
index 00000000000000..25cb9861ef01e9
--- /dev/null
+++ b/packages/mui-joy/src/DialogActions/index.ts
@@ -0,0 +1,5 @@
+'use client';
+export { default } from './DialogActions';
+export * from './dialogActionsClasses';
+export { default as dialogActionsClasses } from './dialogActionsClasses';
+export * from './DialogActionsProps';
diff --git a/packages/mui-joy/src/DialogContent/DialogContent.test.tsx b/packages/mui-joy/src/DialogContent/DialogContent.test.tsx
new file mode 100644
index 00000000000000..be5e64079572ef
--- /dev/null
+++ b/packages/mui-joy/src/DialogContent/DialogContent.test.tsx
@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
+import { ThemeProvider } from '@mui/joy/styles';
+import DialogContent, { dialogContentClasses as classes } from '@mui/joy/DialogContent';
+
+describe('<DialogContent />', () => {
+  const { render } = createRenderer();
+
+  describeConformance(<DialogContent />, () => ({
+    classes,
+    inheritComponent: 'div',
+    render,
+    ThemeProvider,
+    muiName: 'JoyDialogContent',
+    refInstanceof: window.HTMLDivElement,
+    testComponentPropWith: 'span',
+    skip: ['classesRoot', 'componentsProp', 'themeVariants'],
+    slots: {
+      root: {
+        expectedClassName: classes.root,
+      },
+    },
+  }));
+});
diff --git a/packages/mui-joy/src/DialogContent/DialogContent.tsx b/packages/mui-joy/src/DialogContent/DialogContent.tsx
new file mode 100644
index 00000000000000..d3f9866bcef325
--- /dev/null
+++ b/packages/mui-joy/src/DialogContent/DialogContent.tsx
@@ -0,0 +1,134 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { OverridableComponent } from '@mui/types';
+import { useThemeProps } from '../styles';
+import styled from '../styles/styled';
+import { getDialogContentUtilityClass } from './dialogContentClasses';
+import {
+  DialogContentProps,
+  DialogContentOwnerState,
+  DialogContentTypeMap,
+} from './DialogContentProps';
+import useSlot from '../utils/useSlot';
+import ModalDialogVariantColorContext from '../ModalDialog/ModalDialogVariantColorContext';
+import { StyledCardContentRoot } from '../CardContent/CardContent';
+import modalDialogClasses from '../ModalDialog/modalDialogClasses';
+import dialogTitleClasses from '../DialogTitle/dialogTitleClasses';
+
+const useUtilityClasses = () => {
+  const slots = {
+    root: ['root'],
+  };
+
+  return composeClasses(slots, getDialogContentUtilityClass, {});
+};
+
+const DialogContentRoot = styled(StyledCardContentRoot, {
+  name: 'JoyDialogContent',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root,
+})<{ ownerState: DialogContentOwnerState }>(({ theme }) => ({
+  color: `var(--DialogContent-color, ${theme.vars.palette.text.tertiary})`,
+  overflow: 'auto',
+  margin: 'var(--unstable_DialogContent-margin)',
+  [`.${modalDialogClasses.root} > .${dialogTitleClasses.root} + &`]: {
+    '--unstable_DialogContent-margin': '-0.375em 0 0 0',
+  },
+}));
+/**
+ * ⚠️ DialogContent must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.
+ *
+ * Demos:
+ *
+ * - [Modal](https://mui.com/joy-ui/react-modal/)
+ *
+ * API:
+ *
+ * - [DialogContent API](https://mui.com/joy-ui/api/dialog-content/)
+ */
+const DialogContent = React.forwardRef(function DialogContent(inProps, ref) {
+  const props = useThemeProps<typeof inProps & DialogContentProps>({
+    props: inProps,
+    name: 'JoyDialogContent',
+  });
+  const context = React.useContext(ModalDialogVariantColorContext);
+
+  const {
+    component = 'div',
+    children,
+    orientation = 'vertical',
+    slots = {},
+    slotProps = {},
+    ...other
+  } = props;
+  const externalForwardedProps = { ...other, component, slots, slotProps };
+
+  const ownerState = {
+    ...props,
+    component,
+    orientation,
+  };
+
+  const classes = useUtilityClasses();
+
+  const [SlotRoot, rootProps] = useSlot('root', {
+    ref,
+    className: classes.root,
+    elementType: DialogContentRoot,
+    externalForwardedProps,
+    ownerState,
+    additionalProps: {
+      id: context?.describedBy,
+    },
+  });
+
+  return <SlotRoot {...rootProps}>{children}</SlotRoot>;
+}) as OverridableComponent<DialogContentTypeMap>;
+
+DialogContent.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Used to render icon or text elements inside the CardContent if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: PropTypes.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * The component orientation.
+   * @default 'vertical'
+   */
+  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    root: PropTypes.elementType,
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
+    PropTypes.func,
+    PropTypes.object,
+  ]),
+} as any;
+
+export default DialogContent;
diff --git a/packages/mui-joy/src/DialogContent/DialogContentProps.ts b/packages/mui-joy/src/DialogContent/DialogContentProps.ts
new file mode 100644
index 00000000000000..7b8dec9458a776
--- /dev/null
+++ b/packages/mui-joy/src/DialogContent/DialogContentProps.ts
@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { OverrideProps } from '@mui/types';
+import { SxProps } from '../styles/types';
+import { SlotProps, CreateSlotsAndSlotProps } from '../utils/types';
+
+export type DialogContentSlot = 'root';
+
+export interface DialogContentSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+}
+
+export type DialogContentSlotsAndSlotProps = CreateSlotsAndSlotProps<
+  DialogContentSlots,
+  {
+    root: SlotProps<'div', {}, DialogContentOwnerState>;
+  }
+>;
+
+export interface DialogContentPropsColorOverrides {}
+export interface DialogContentPropsVariantOverrides {}
+
+export interface DialogContentTypeMap<P = {}, D extends React.ElementType = 'div'> {
+  props: P & {
+    /**
+     * Used to render icon or text elements inside the CardContent if `src` is not set.
+     * This can be an element, or just a string.
+     */
+    children?: React.ReactNode;
+    /**
+     * The component orientation.
+     * @default 'vertical'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps;
+  } & DialogContentSlotsAndSlotProps;
+  defaultComponent: D;
+}
+
+export type DialogContentProps<
+  D extends React.ElementType = DialogContentTypeMap['defaultComponent'],
+  P = { component?: React.ElementType },
+> = OverrideProps<DialogContentTypeMap<P, D>, D>;
+
+export interface DialogContentOwnerState extends DialogContentProps {}
diff --git a/packages/mui-joy/src/DialogContent/dialogContentClasses.ts b/packages/mui-joy/src/DialogContent/dialogContentClasses.ts
new file mode 100644
index 00000000000000..515d61956d5fe6
--- /dev/null
+++ b/packages/mui-joy/src/DialogContent/dialogContentClasses.ts
@@ -0,0 +1,18 @@
+import { generateUtilityClass, generateUtilityClasses } from '../className';
+
+export interface DialogContentClasses {
+  /** Class name applied to the root element. */
+  root: string;
+}
+
+export type DialogContentClassKey = keyof DialogContentClasses;
+
+export function getDialogContentUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiDialogContent', slot);
+}
+
+const dialogContentClasses: DialogContentClasses = generateUtilityClasses('MuiDialogContent', [
+  'root',
+]);
+
+export default dialogContentClasses;
diff --git a/packages/mui-joy/src/DialogContent/index.ts b/packages/mui-joy/src/DialogContent/index.ts
new file mode 100644
index 00000000000000..c7d79222860a83
--- /dev/null
+++ b/packages/mui-joy/src/DialogContent/index.ts
@@ -0,0 +1,5 @@
+'use client';
+export { default } from './DialogContent';
+export * from './dialogContentClasses';
+export { default as dialogContentClasses } from './dialogContentClasses';
+export * from './DialogContentProps';
diff --git a/packages/mui-joy/src/DialogTitle/DialogTitle.test.tsx b/packages/mui-joy/src/DialogTitle/DialogTitle.test.tsx
new file mode 100644
index 00000000000000..f457f9260369da
--- /dev/null
+++ b/packages/mui-joy/src/DialogTitle/DialogTitle.test.tsx
@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
+import { ThemeProvider } from '@mui/joy/styles';
+import CardContent, { cardContentClasses as classes } from '@mui/joy/CardContent';
+
+describe('<CardContent />', () => {
+  const { render } = createRenderer();
+
+  describeConformance(<CardContent />, () => ({
+    classes,
+    inheritComponent: 'div',
+    render,
+    ThemeProvider,
+    muiName: 'JoyCardContent',
+    refInstanceof: window.HTMLDivElement,
+    testComponentPropWith: 'span',
+    skip: ['classesRoot', 'componentsProp', 'themeVariants'],
+    slots: {
+      root: {
+        expectedClassName: classes.root,
+      },
+    },
+  }));
+});
diff --git a/packages/mui-joy/src/DialogTitle/DialogTitle.tsx b/packages/mui-joy/src/DialogTitle/DialogTitle.tsx
new file mode 100644
index 00000000000000..45c3a04bba3a40
--- /dev/null
+++ b/packages/mui-joy/src/DialogTitle/DialogTitle.tsx
@@ -0,0 +1,186 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { unstable_capitalize as capitalize } from '@mui/utils';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { OverridableComponent } from '@mui/types';
+import { useThemeProps } from '../styles';
+import styled from '../styles/styled';
+import { useColorInversion } from '../styles/ColorInversion';
+import { getDialogTitleUtilityClass } from './dialogTitleClasses';
+import { DialogTitleProps, DialogTitleOwnerState, DialogTitleTypeMap } from './DialogTitleProps';
+import cardOverflowClasses from '../CardOverflow/cardOverflowClasses';
+import useSlot from '../utils/useSlot';
+import ModalDialogVariantColorContext from '../ModalDialog/ModalDialogVariantColorContext';
+import ModalDialogSizeContext from '../ModalDialog/ModalDialogSizeContext';
+
+const useUtilityClasses = (ownerState: DialogTitleOwnerState) => {
+  const { level, color, variant } = ownerState;
+  const slots = {
+    root: [
+      'root',
+      level,
+      color && `color${capitalize(color)}`,
+      variant && `variant${capitalize(variant)}`,
+    ],
+  };
+
+  return composeClasses(slots, getDialogTitleUtilityClass, {});
+};
+
+const DialogTitleRoot = styled('h2', {
+  name: 'JoyDialogTitle',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root,
+})<{ ownerState: DialogTitleOwnerState }>(({ theme, ownerState }) => {
+  const lineHeight =
+    ownerState.level !== 'inherit' ? theme.typography[ownerState.level!]?.lineHeight : '1';
+  return {
+    '--Icon-fontSize': `calc(1em * ${lineHeight})`,
+    ...(ownerState.color && {
+      '--Icon-color': 'currentColor',
+    }),
+    display: 'flex',
+    gap: 'clamp(4px, 0.375em, 0.75rem)',
+    margin: 'var(--unstable_DialogTitle-margin, 0px)',
+    ...(ownerState.level && ownerState.level !== 'inherit' && theme.typography[ownerState.level]),
+    color: 'inherit',
+    ...(ownerState.variant && {
+      borderRadius: theme.vars.radius.xs,
+      paddingBlock: 'min(0.1em, 4px)',
+      paddingInline: '0.25em', // better than left, right because it also works with writing mode.
+      ...theme.variants[ownerState.variant]?.[ownerState.color!],
+    }),
+    [`.${cardOverflowClasses.root} > &`]: {
+      '--unstable_DialogTitle-margin': 'var(--Card-padding) 0',
+    },
+  };
+});
+
+const sizeToLevel = { sm: 'title-md', md: 'title-lg', lg: 'h4' } as const;
+
+/**
+ * ⚠️ DialogTitle must be used as a direct child of the [Card](https://mui.com/joy-ui/react-card/) component.
+ *
+ * Demos:
+ *
+ * - [Modal](https://mui.com/joy-ui/react-modal/)
+ *
+ * API:
+ *
+ * - [DialogTitle API](https://mui.com/joy-ui/api/dialog-title/)
+ */
+const DialogTitle = React.forwardRef(function DialogTitle(inProps, ref) {
+  const props = useThemeProps<typeof inProps & DialogTitleProps>({
+    props: inProps,
+    name: 'JoyDialogTitle',
+  });
+  const size = React.useContext(ModalDialogSizeContext);
+  const context = React.useContext(ModalDialogVariantColorContext);
+
+  const {
+    component = 'h2',
+    children,
+    variant,
+    color: colorProp,
+    level = sizeToLevel[size || 'md'],
+    slots = {},
+    slotProps = {},
+    ...other
+  } = props;
+
+  const { getColor } = useColorInversion(variant);
+  const color = getColor(inProps.color, variant ? colorProp ?? 'neutral' : colorProp);
+
+  const externalForwardedProps = { ...other, component, slots, slotProps };
+
+  const ownerState = {
+    ...props,
+    component,
+    color,
+    variant,
+    level,
+  };
+
+  const classes = useUtilityClasses(ownerState);
+
+  const [SlotRoot, rootProps] = useSlot('root', {
+    ref,
+    className: classes.root,
+    elementType: DialogTitleRoot,
+    externalForwardedProps,
+    ownerState,
+    additionalProps: {
+      id: context?.labelledBy,
+    },
+  });
+
+  return <SlotRoot {...rootProps}>{children}</SlotRoot>;
+}) as OverridableComponent<DialogTitleTypeMap>;
+
+DialogTitle.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Used to render icon or text elements inside the DialogTitle if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: PropTypes.node,
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   */
+  color: PropTypes.oneOf(['danger', 'neutral', 'primary', 'success', 'warning']),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * Applies the theme typography styles.
+   * @default { sm: 'title-md', md: 'title-lg', lg: 'h4' }
+   */
+  level: PropTypes.oneOf([
+    'body-lg',
+    'body-md',
+    'body-sm',
+    'body-xs',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'inherit',
+    'title-lg',
+    'title-md',
+    'title-sm',
+  ]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    root: PropTypes.elementType,
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
+    PropTypes.func,
+    PropTypes.object,
+  ]),
+  /**
+   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+   */
+  variant: PropTypes.oneOf(['outlined', 'plain', 'soft', 'solid']),
+} as any;
+
+export default DialogTitle;
diff --git a/packages/mui-joy/src/DialogTitle/DialogTitleProps.ts b/packages/mui-joy/src/DialogTitle/DialogTitleProps.ts
new file mode 100644
index 00000000000000..78b0491219f0c4
--- /dev/null
+++ b/packages/mui-joy/src/DialogTitle/DialogTitleProps.ts
@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { OverridableStringUnion, OverrideProps } from '@mui/types';
+import {
+  ColorPaletteProp,
+  SxProps,
+  TypographySystem,
+  VariantProp,
+  ApplyColorInversion,
+} from '../styles/types';
+import { SlotProps, CreateSlotsAndSlotProps } from '../utils/types';
+
+export type DialogTitleSlot = 'root';
+
+export interface DialogTitleSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+}
+
+export type DialogTitleSlotsAndSlotProps = CreateSlotsAndSlotProps<
+  DialogTitleSlots,
+  {
+    root: SlotProps<'div', {}, DialogTitleOwnerState>;
+  }
+>;
+
+export interface DialogTitlePropsColorOverrides {}
+export interface DialogTitlePropsVariantOverrides {}
+
+export interface DialogTitleTypeMap<P = {}, D extends React.ElementType = 'div'> {
+  props: P & {
+    /**
+     * Used to render icon or text elements inside the DialogTitle if `src` is not set.
+     * This can be an element, or just a string.
+     */
+    children?: React.ReactNode;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     */
+    color?: OverridableStringUnion<ColorPaletteProp, DialogTitlePropsColorOverrides>;
+    /**
+     * Applies the theme typography styles.
+     * @default { sm: 'title-md', md: 'title-lg', lg: 'h4' }
+     */
+    level?: keyof TypographySystem | 'inherit';
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps;
+    /**
+     * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+     */
+    variant?: OverridableStringUnion<VariantProp, DialogTitlePropsVariantOverrides>;
+  } & DialogTitleSlotsAndSlotProps;
+  defaultComponent: D;
+}
+
+export type DialogTitleProps<
+  D extends React.ElementType = DialogTitleTypeMap['defaultComponent'],
+  P = { component?: React.ElementType },
+> = OverrideProps<DialogTitleTypeMap<P, D>, D>;
+
+export interface DialogTitleOwnerState extends ApplyColorInversion<DialogTitleProps> {}
diff --git a/packages/mui-joy/src/DialogTitle/dialogTitleClasses.ts b/packages/mui-joy/src/DialogTitle/dialogTitleClasses.ts
new file mode 100644
index 00000000000000..e3825b2dd1110b
--- /dev/null
+++ b/packages/mui-joy/src/DialogTitle/dialogTitleClasses.ts
@@ -0,0 +1,81 @@
+import { generateUtilityClass, generateUtilityClasses } from '../className';
+
+export interface DialogTitleClasses {
+  /** Class name applied to the root element. */
+  root: string;
+  /** Class name applied to the root element if `level="h1"`. */
+  h1: string;
+  /** Class name applied to the root element if `level="h2"`. */
+  h2: string;
+  /** Class name applied to the root element if `level="h3"`. */
+  h3: string;
+  /** Class name applied to the root element if `level="h4"`. */
+  h4: string;
+  /** Class name applied to the root element if `level="title-lg"`. */
+  'title-lg': string;
+  /** Class name applied to the root element if `level="title-md"`. */
+  'title-md': string;
+  /** Class name applied to the root element if `level="title-sm"`. */
+  'title-sm': string;
+  /** Class name applied to the root element if `level="body-lg"`. */
+  'body-lg': string;
+  /** Class name applied to the root element if `level="body-md"`. */
+  'body-md': string;
+  /** Class name applied to the root element if `level="body-sm"`. */
+  'body-sm': string;
+  /** Class name applied to the root element if `level="body-xs"`. */
+  'body-xs': string;
+  /** Class name applied to the root element if `color="primary"`. */
+  colorPrimary: string;
+  /** Class name applied to the root element if `color="neutral"`. */
+  colorNeutral: string;
+  /** Class name applied to the root element if `color="danger"`. */
+  colorDanger: string;
+  /** Class name applied to the root element if `color="success"`. */
+  colorSuccess: string;
+  /** Class name applied to the root element if `color="warning"`. */
+  colorWarning: string;
+  /** Class name applied to the root element when color inversion is triggered. */
+  colorContext: string;
+  /** Class name applied to the root element if `variant="plain"`. */
+  variantPlain: string;
+  /** Class name applied to the root element if `variant="outlined"`. */
+  variantOutlined: string;
+  /** Class name applied to the root element if `variant="soft"`. */
+  variantSoft: string;
+  /** Class name applied to the root element if `variant="solid"`. */
+  variantSolid: string;
+}
+
+export type DialogTitleClassKey = keyof DialogTitleClasses;
+
+export function getDialogTitleUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiDialogTitle', slot);
+}
+
+const dialogTitleClasses: DialogTitleClasses = generateUtilityClasses('MuiDialogTitle', [
+  'root',
+  'h1',
+  'h2',
+  'h3',
+  'h4',
+  'title-lg',
+  'title-md',
+  'title-sm',
+  'body-lg',
+  'body-md',
+  'body-sm',
+  'body-xs',
+  'colorPrimary',
+  'colorNeutral',
+  'colorDanger',
+  'colorSuccess',
+  'colorWarning',
+  'colorContext',
+  'variantPlain',
+  'variantOutlined',
+  'variantSoft',
+  'variantSolid',
+]);
+
+export default dialogTitleClasses;
diff --git a/packages/mui-joy/src/DialogTitle/index.ts b/packages/mui-joy/src/DialogTitle/index.ts
new file mode 100644
index 00000000000000..0ce73b22ce0ae8
--- /dev/null
+++ b/packages/mui-joy/src/DialogTitle/index.ts
@@ -0,0 +1,5 @@
+'use client';
+export { default } from './DialogTitle';
+export * from './dialogTitleClasses';
+export { default as dialogTitleClasses } from './dialogTitleClasses';
+export * from './DialogTitleProps';
diff --git a/packages/mui-joy/src/Divider/Divider.test.tsx b/packages/mui-joy/src/Divider/Divider.test.tsx
index aab564a1f3848a..efe1574a149619 100644
--- a/packages/mui-joy/src/Divider/Divider.test.tsx
+++ b/packages/mui-joy/src/Divider/Divider.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Divider, { dividerClasses as classes } from '@mui/joy/Divider';
 
diff --git a/packages/mui-joy/src/Drawer/Drawer.test.tsx b/packages/mui-joy/src/Drawer/Drawer.test.tsx
new file mode 100644
index 00000000000000..786dd8e6452248
--- /dev/null
+++ b/packages/mui-joy/src/Drawer/Drawer.test.tsx
@@ -0,0 +1,69 @@
+import * as React from 'react';
+import { expect } from 'chai';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
+import { ThemeProvider } from '@mui/joy/styles';
+import Drawer, { drawerClasses as classes } from '@mui/joy/Drawer';
+
+describe('<Drawer />', () => {
+  const { render } = createRenderer();
+
+  describeConformance(
+    <Drawer open>
+      <div />
+    </Drawer>,
+    () => ({
+      classes,
+      inheritComponent: 'div',
+      render,
+      ThemeProvider,
+      muiName: 'JoyDrawer',
+      refInstanceof: window.HTMLDivElement,
+      testComponentPropWith: 'header',
+      testVariantProps: { hideBackdrop: true },
+      slots: {
+        root: { expectedClassName: classes.root },
+        backdrop: { expectedClassName: classes.backdrop },
+      },
+      skip: [
+        'classesRoot',
+        'rootClass', // portal, can't determine the root
+        'componentsProp', // TODO isRTL is leaking, why do we even have it in the first place?
+        'themeDefaultProps', // portal, can't determine the root
+        'themeStyleOverrides', // portal, can't determine the root
+        'reactTestRenderer', // portal https://github.com/facebook/react/issues/11565
+      ],
+    }),
+  );
+
+  it('renders children', () => {
+    const { getByText } = render(
+      <Drawer open>
+        <span>test</span>
+      </Drawer>,
+    );
+
+    expect(getByText('test')).toBeVisible();
+  });
+
+  describe('slots: content', () => {
+    it('has tabIndex={-1} by default', () => {
+      const { getByTestId } = render(
+        <Drawer open slotProps={{ content: { 'data-testid': 'content' } }}>
+          <span>test</span>
+        </Drawer>,
+      );
+
+      expect(getByTestId('content').getAttribute('tabIndex')).to.equal('-1');
+    });
+
+    it('can override tabIndex', () => {
+      const { getByTestId } = render(
+        <Drawer open slotProps={{ content: { 'data-testid': 'content', tabIndex: 0 } }}>
+          <span>test</span>
+        </Drawer>,
+      );
+
+      expect(getByTestId('content').getAttribute('tabIndex')).to.equal('0');
+    });
+  });
+});
diff --git a/packages/mui-joy/src/Drawer/Drawer.tsx b/packages/mui-joy/src/Drawer/Drawer.tsx
new file mode 100644
index 00000000000000..2fc10092c73424
--- /dev/null
+++ b/packages/mui-joy/src/Drawer/Drawer.tsx
@@ -0,0 +1,401 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import {
+  HTMLElementType,
+  unstable_capitalize as capitalize,
+  unstable_useId as useId,
+} from '@mui/utils';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { OverridableComponent } from '@mui/types';
+import { unstable_useModal as useModal } from '@mui/base/unstable_useModal';
+import { Portal } from '@mui/base/Portal';
+import { FocusTrap } from '@mui/base/FocusTrap';
+import { useThemeProps, styled, ColorInversionProvider, useColorInversion } from '../styles';
+import { StyledModalBackdrop, StyledModalRoot } from '../Modal/Modal';
+import CloseModalContext from '../Modal/CloseModalContext';
+import useSlot from '../utils/useSlot';
+import { getDrawerUtilityClass } from './drawerClasses';
+import { DrawerOwnerState, DrawerTypeMap } from './DrawerProps';
+import ModalDialogVariantColorContext from '../ModalDialog/ModalDialogVariantColorContext';
+import ModalDialogSizeContext from '../ModalDialog/ModalDialogSizeContext';
+import dialogTitleClasses from '../DialogTitle/dialogTitleClasses';
+
+const useUtilityClasses = (ownerState: DrawerOwnerState) => {
+  const { open, variant, color, size } = ownerState;
+
+  const slots = {
+    root: [
+      'root',
+      !open && 'hidden',
+      variant && `variant${capitalize(variant)}`,
+      color && `color${capitalize(color)}`,
+      size && `size${capitalize(size)}`,
+    ],
+    backdrop: ['backdrop'],
+    content: ['content'],
+  };
+
+  return composeClasses(slots, getDrawerUtilityClass, {});
+};
+
+const DrawerRoot = styled(StyledModalRoot as unknown as 'div', {
+  name: 'JoyDrawer',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root,
+})<{ ownerState: DrawerOwnerState }>(({ ownerState }) => ({
+  '--Drawer-transitionDuration': '0.3s',
+  '--Drawer-transitionFunction': 'ease',
+  '--ModalClose-radius':
+    'max((var(--Drawer-contentRadius) - var(--variant-borderWidth, 0px)) - var(--ModalClose-inset), min(var(--ModalClose-inset) / 2, (var(--Drawer-contentRadius) - var(--variant-borderWidth, 0px)) / 2))',
+  ...(ownerState.size === 'sm' && {
+    '--ModalClose-inset': '0.5rem',
+    '--Drawer-verticalSize': 'clamp(350px, 30%, 100%)',
+    '--Drawer-horizontalSize': 'clamp(256px, 20%, 100%)',
+    '--Drawer-titleMargin': '0.625rem 0.75rem calc(0.625rem / 2)',
+  }),
+  ...(ownerState.size === 'md' && {
+    '--ModalClose-inset': '0.5rem',
+    '--Drawer-verticalSize': 'clamp(400px, 45%, 100%)',
+    '--Drawer-horizontalSize': 'clamp(300px, 30%, 100%)',
+    '--Drawer-titleMargin': '0.75rem 0.75rem calc(0.75rem / 2)',
+  }),
+  ...(ownerState.size === 'lg' && {
+    '--ModalClose-inset': '0.75rem',
+    '--Drawer-verticalSize': 'clamp(500px, 60%, 100%)',
+    '--Drawer-horizontalSize': 'clamp(440px, 60%, 100%)',
+    '--Drawer-titleMargin': '1rem 1rem calc(1rem / 2)',
+  }),
+  transitionProperty: 'visibility',
+  transitionDelay: ownerState.open ? '0s' : 'var(--Drawer-transitionDuration)',
+  ...(!ownerState.open && {
+    visibility: 'hidden',
+  }),
+}));
+
+const DrawerBackdrop = styled(StyledModalBackdrop as unknown as 'div', {
+  name: 'JoyDrawer',
+  slot: 'Backdrop',
+  overridesResolver: (props, styles) => styles.backdrop,
+})<{ ownerState: DrawerOwnerState }>(({ ownerState }) => ({
+  opacity: ownerState.open ? 1 : 0,
+  transition: 'opacity var(--Drawer-transitionDuration) ease-in-out',
+}));
+
+const DrawerContent = styled('div', {
+  name: 'JoyDrawer',
+  slot: 'Content',
+  overridesResolver: (props, styles) => styles.root,
+})<{ ownerState: DrawerOwnerState }>(({ theme, ownerState }) => ({
+  ...theme.typography[`body-${ownerState.size!}`],
+  boxShadow: theme.shadow.md,
+  backgroundColor: theme.vars.palette.background.surface,
+  outline: 0,
+  display: 'flex',
+  flexDirection: 'column',
+  position: 'fixed',
+  boxSizing: 'border-box',
+  overflow: 'auto',
+  ...(ownerState.anchor === 'left' && {
+    top: 0,
+    left: 0,
+    transform: ownerState.open ? 'translateX(0)' : 'translateX(-100%)',
+  }),
+  ...(ownerState.anchor === 'right' && {
+    top: 0,
+    right: 0,
+    transform: ownerState.open ? 'translateX(0)' : 'translateX(100%)',
+  }),
+  ...(ownerState.anchor === 'top' && {
+    top: 0,
+    transform: ownerState.open ? 'translateY(0)' : 'translateY(-100%)',
+  }),
+  ...(ownerState.anchor === 'bottom' && {
+    bottom: 0,
+    transform: ownerState.open ? 'translateY(0)' : 'translateY(100%)',
+  }),
+  height: ownerState.anchor!.match(/(left|right)/)
+    ? '100%'
+    : 'min(100vh, var(--Drawer-verticalSize))',
+  width: ownerState.anchor!.match(/(top|bottom)/)
+    ? '100vw'
+    : 'min(100vw, var(--Drawer-horizontalSize))',
+  transition: 'transform var(--Drawer-transitionDuration) var(--Drawer-transitionFunction)',
+  ...theme.variants[ownerState.variant!]?.[ownerState.color!],
+  [`& > .${dialogTitleClasses.root}`]: {
+    '--unstable_DialogTitle-margin': 'var(--Drawer-titleMargin)',
+  },
+}));
+
+/**
+ * The navigation drawers (or "sidebars") provide ergonomic access to destinations in a site or app functionality such as switching accounts.
+ *
+ * Demos:
+ *
+ * - [Drawer](https://mui.com/joy-ui/react-drawer/)
+ *
+ * API:
+ *
+ * - [Drawer API](https://mui.com/joy-ui/api/drawer/)
+ */
+const Drawer = React.forwardRef(function Drawer(inProps, ref) {
+  const props = useThemeProps<typeof inProps & { component?: React.ElementType }>({
+    props: inProps,
+    name: 'JoyDrawer',
+  });
+
+  const {
+    children,
+    anchor = 'left',
+    container,
+    disableAutoFocus = false,
+    disableEnforceFocus = false,
+    disableEscapeKeyDown = false,
+    disablePortal = false,
+    disableRestoreFocus = false,
+    disableScrollLock = false,
+    hideBackdrop = false,
+    color: colorProp = 'neutral',
+    variant = 'plain',
+    invertedColors = false,
+    size = 'md',
+    onClose,
+    onKeyDown,
+    open,
+    component,
+    slots = {},
+    slotProps = {},
+    ...other
+  } = props;
+
+  const { getColor } = useColorInversion(variant);
+  const color = getColor(inProps.color, colorProp);
+
+  const ownerState = {
+    ...props,
+    anchor,
+    disableAutoFocus,
+    disableEnforceFocus,
+    disableEscapeKeyDown,
+    disablePortal,
+    disableRestoreFocus,
+    disableScrollLock,
+    hideBackdrop,
+    color,
+    variant,
+    size,
+  };
+
+  const { getRootProps, getBackdropProps, rootRef, portalRef, isTopModal } = useModal({
+    ...ownerState,
+    rootRef: ref,
+    children: null,
+  });
+
+  const classes = useUtilityClasses(ownerState);
+  const externalForwardedProps = { ...other, component, slots, slotProps };
+
+  const labelledBy = useId();
+  const describedBy = useId();
+  const contextValue = React.useMemo(
+    () => ({ variant, color: color === 'context' ? undefined : color, labelledBy, describedBy }),
+    [color, variant, labelledBy, describedBy],
+  );
+
+  const [SlotRoot, rootProps] = useSlot('root', {
+    ref: rootRef,
+    className: classes.root,
+    elementType: DrawerRoot,
+    externalForwardedProps,
+    getSlotProps: getRootProps,
+    ownerState,
+  });
+
+  const [SlotBackdrop, backdropProps] = useSlot('backdrop', {
+    className: classes.backdrop,
+    elementType: DrawerBackdrop,
+    externalForwardedProps,
+    getSlotProps: getBackdropProps,
+    ownerState,
+  });
+
+  const [SlotContent, contentProps] = useSlot('content', {
+    className: classes.content,
+    elementType: DrawerContent,
+    additionalProps: {
+      tabIndex: -1,
+      role: 'dialog',
+      'aria-modal': 'true',
+      'aria-labelledby': labelledBy,
+      'aria-describedby': describedBy,
+    },
+    externalForwardedProps,
+    ownerState,
+  });
+
+  const result = (
+    <CloseModalContext.Provider value={onClose}>
+      <ModalDialogSizeContext.Provider value={size}>
+        <ModalDialogVariantColorContext.Provider value={contextValue}>
+          <Portal ref={portalRef} container={container} disablePortal={disablePortal}>
+            {/*
+             * Marking an element with the role presentation indicates to assistive technology
+             * that this element should be ignored; it exists to support the web application and
+             * is not meant for humans to interact with directly.
+             * https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
+             */}
+            <SlotRoot {...rootProps}>
+              {!hideBackdrop ? <SlotBackdrop {...backdropProps} /> : null}
+              <FocusTrap
+                disableEnforceFocus={disableEnforceFocus}
+                disableAutoFocus={disableAutoFocus}
+                disableRestoreFocus={disableRestoreFocus}
+                isEnabled={isTopModal}
+                open={open}
+              >
+                <SlotContent {...contentProps}>{children}</SlotContent>
+              </FocusTrap>
+            </SlotRoot>
+          </Portal>
+        </ModalDialogVariantColorContext.Provider>
+      </ModalDialogSizeContext.Provider>
+    </CloseModalContext.Provider>
+  );
+
+  if (invertedColors) {
+    return <ColorInversionProvider variant={variant}>{result}</ColorInversionProvider>;
+  }
+  return result;
+}) as OverridableComponent<DrawerTypeMap>;
+
+Drawer.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Side from which the drawer will appear.
+   * @default 'left'
+   */
+  anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
+  /**
+   * @ignore
+   */
+  children: PropTypes.node,
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   * @default 'neutral'
+   */
+  color: PropTypes.oneOf(['danger', 'neutral', 'primary', 'success', 'warning']),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([
+    HTMLElementType,
+    PropTypes.func,
+  ]),
+  /**
+   * If `true`, the modal will not automatically shift focus to itself when it opens, and
+   * replace it to the last focused element when it closes.
+   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
+   *
+   * Generally this should never be set to `true` as it makes the modal less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableAutoFocus: PropTypes.bool,
+  /**
+   * If `true`, the modal will not prevent focus from leaving the modal while open.
+   *
+   * Generally this should never be set to `true` as it makes the modal less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableEnforceFocus: PropTypes.bool,
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown: PropTypes.bool,
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: PropTypes.bool,
+  /**
+   * If `true`, the modal will not restore focus to previously focused element once
+   * modal is hidden or unmounted.
+   * @default false
+   */
+  disableRestoreFocus: PropTypes.bool,
+  /**
+   * Disable the scroll lock behavior.
+   * @default false
+   */
+  disableScrollLock: PropTypes.bool,
+  /**
+   * If `true`, the backdrop is not rendered.
+   * @default false
+   */
+  hideBackdrop: PropTypes.bool,
+  /**
+   * If `true`, the children with an implicit color prop invert their colors to match the component's variant and color.
+   * @default false
+   */
+  invertedColors: PropTypes.bool,
+  /**
+   * Callback fired when the component requests to be closed.
+   * The `reason` parameter can optionally be used to control the response to `onClose`.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`, `"closeClick"`.
+   */
+  onClose: PropTypes.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: PropTypes.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: PropTypes.bool.isRequired,
+  /**
+   * The size of the component.
+   * @default 'md'
+   */
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    content: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    backdrop: PropTypes.elementType,
+    content: PropTypes.elementType,
+    root: PropTypes.elementType,
+  }),
+  /**
+   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+   * @default 'plain'
+   */
+  variant: PropTypes.oneOf(['outlined', 'plain', 'soft', 'solid']),
+} as any;
+
+export default Drawer;
diff --git a/packages/mui-joy/src/Drawer/DrawerProps.ts b/packages/mui-joy/src/Drawer/DrawerProps.ts
new file mode 100644
index 00000000000000..573a55837480cb
--- /dev/null
+++ b/packages/mui-joy/src/Drawer/DrawerProps.ts
@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { OverridableStringUnion, OverrideProps } from '@mui/types';
+import { ColorPaletteProp, VariantProp, ApplyColorInversion } from '../styles/types';
+import { ModalOwnProps } from '../Modal';
+import { CreateSlotsAndSlotProps, SlotProps } from '../utils/types';
+
+export type DrawerSlot = 'root' | 'label' | 'action' | 'startDecorator' | 'endDecorator';
+
+export interface DrawerSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+  /**
+   * The component that renders the backdrop.
+   * @default 'div'
+   */
+  backdrop?: React.ElementType;
+  /**
+   * The component that renders the content of the drawer.
+   * @default 'div'
+   */
+  content?: React.ElementType;
+}
+
+export interface DrawerPropsColorOverrides {}
+export interface DrawerPropsSizeOverrides {}
+export interface DrawerPropsVariantOverrides {}
+
+export type DrawerSlotsAndSlotProps = CreateSlotsAndSlotProps<
+  DrawerSlots,
+  {
+    root: SlotProps<'div', {}, DrawerOwnerState>;
+    backdrop: SlotProps<'div', {}, DrawerOwnerState>;
+    content: SlotProps<'div', {}, DrawerOwnerState>;
+  }
+>;
+
+export interface DrawerTypeMap<P = {}, D extends React.ElementType = 'div'> {
+  props: P &
+    Omit<ModalOwnProps, 'keepMounted' | 'children'> &
+    DrawerSlotsAndSlotProps & {
+      /**
+       * Side from which the drawer will appear.
+       * @default 'left'
+       */
+      anchor?: 'left' | 'top' | 'right' | 'bottom';
+      /**
+       * The color of the component. It supports those theme colors that make sense for this component.
+       * @default 'neutral'
+       */
+      color?: OverridableStringUnion<ColorPaletteProp, DrawerPropsColorOverrides>;
+      /**
+       * If `true`, the children with an implicit color prop invert their colors to match the component's variant and color.
+       * @default false
+       */
+      invertedColors?: boolean;
+      /**
+       * The size of the component.
+       * @default 'md'
+       */
+      size?: OverridableStringUnion<'sm' | 'md' | 'lg', DrawerPropsSizeOverrides>;
+      /**
+       * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+       * @default 'plain'
+       */
+      variant?: OverridableStringUnion<VariantProp, DrawerPropsVariantOverrides>;
+    };
+  defaultComponent: D;
+}
+
+export type DrawerProps<
+  D extends React.ElementType = DrawerTypeMap['defaultComponent'],
+  P = { component?: React.ElementType },
+> = OverrideProps<DrawerTypeMap<P, D>, D>;
+
+export interface DrawerOwnerState extends ApplyColorInversion<DrawerProps> {}
diff --git a/packages/mui-joy/src/Drawer/drawerClasses.ts b/packages/mui-joy/src/Drawer/drawerClasses.ts
new file mode 100644
index 00000000000000..d3287fd9ffdca5
--- /dev/null
+++ b/packages/mui-joy/src/Drawer/drawerClasses.ts
@@ -0,0 +1,66 @@
+import { generateUtilityClass, generateUtilityClasses } from '../className';
+
+export interface DrawerClasses {
+  /** Class name applied to the root element. */
+  root: string;
+  /** Class name applied to the root element when open is false. */
+  hidden: string;
+  /** Class name applied to the backdrop element. */
+  backdrop: string;
+  /** Class name applied to the content element. */
+  content: string;
+  /** Class name applied to the root element if `color="primary"`. */
+  colorPrimary: string;
+  /** Class name applied to the root element if `color="neutral"`. */
+  colorNeutral: string;
+  /** Class name applied to the root element if `color="danger"`. */
+  colorDanger: string;
+  /** Class name applied to the root element if `color="success"`. */
+  colorSuccess: string;
+  /** Class name applied to the root element if `color="warning"`. */
+  colorWarning: string;
+  /** Class name applied to the root element when color inversion is triggered. */
+  colorContext: string;
+  /** Class name applied to the root element if `variant="plain"`. */
+  variantPlain: string;
+  /** Class name applied to the root element if `variant="outlined"`. */
+  variantOutlined: string;
+  /** Class name applied to the root element if `variant="soft"`. */
+  variantSoft: string;
+  /** Class name applied to the root element if `variant="solid"`. */
+  variantSolid: string;
+  /** Class name applied to the root element if `size="sm"`. */
+  sizeSm: string;
+  /** Class name applied to the root element if `size="md"`. */
+  sizeMd: string;
+  /** Class name applied to the root element if `size="lg"`. */
+  sizeLg: string;
+}
+
+export type DrawerClassKey = keyof DrawerClasses;
+
+export function getDrawerUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiDrawer', slot);
+}
+
+const drawerClasses: DrawerClasses = generateUtilityClasses('MuiDrawer', [
+  'root',
+  'hidden',
+  'backdrop',
+  'content',
+  'colorPrimary',
+  'colorNeutral',
+  'colorDanger',
+  'colorSuccess',
+  'colorWarning',
+  'colorContext',
+  'variantPlain',
+  'variantOutlined',
+  'variantSoft',
+  'variantSolid',
+  'sizeSm',
+  'sizeMd',
+  'sizeLg',
+]);
+
+export default drawerClasses;
diff --git a/packages/mui-joy/src/Drawer/index.ts b/packages/mui-joy/src/Drawer/index.ts
new file mode 100644
index 00000000000000..b129c460ab079c
--- /dev/null
+++ b/packages/mui-joy/src/Drawer/index.ts
@@ -0,0 +1,5 @@
+'use client';
+export { default } from './Drawer';
+export { default as drawerClasses } from './drawerClasses';
+export * from './drawerClasses';
+export * from './DrawerProps';
diff --git a/packages/mui-joy/src/FormControl/FormControl.test.tsx b/packages/mui-joy/src/FormControl/FormControl.test.tsx
index b3dc5d7d9a8cbb..1ef6de294d1b5a 100644
--- a/packages/mui-joy/src/FormControl/FormControl.test.tsx
+++ b/packages/mui-joy/src/FormControl/FormControl.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import FormControl, { formControlClasses as classes } from '@mui/joy/FormControl';
diff --git a/packages/mui-joy/src/FormHelperText/FormHelperText.test.tsx b/packages/mui-joy/src/FormHelperText/FormHelperText.test.tsx
index e82dd4d6108661..48b5c31cb221ba 100644
--- a/packages/mui-joy/src/FormHelperText/FormHelperText.test.tsx
+++ b/packages/mui-joy/src/FormHelperText/FormHelperText.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import FormHelperText, { formHelperTextClasses as classes } from '@mui/joy/FormHelperText';
 
diff --git a/packages/mui-joy/src/FormHelperText/FormHelperText.tsx b/packages/mui-joy/src/FormHelperText/FormHelperText.tsx
index aa65cc813517a3..a58a9c7be802b3 100644
--- a/packages/mui-joy/src/FormHelperText/FormHelperText.tsx
+++ b/packages/mui-joy/src/FormHelperText/FormHelperText.tsx
@@ -58,7 +58,7 @@ const FormHelperText = React.forwardRef(function FormHelperText(inProps, ref) {
   });
 
   const { children, component, slots = {}, slotProps = {}, ...other } = props;
-  const rootRef = React.useRef<HTMLElement | null>(null);
+  const rootRef = React.useRef<HTMLElement>(null);
   const handleRef = useForkRef(rootRef, ref);
   const formControl = React.useContext(FormControlContext);
   const setHelperText = formControl?.setHelperText;
diff --git a/packages/mui-joy/src/FormLabel/FormLabel.test.tsx b/packages/mui-joy/src/FormLabel/FormLabel.test.tsx
index a98c55e967c2c9..ec5cb89df1e1db 100644
--- a/packages/mui-joy/src/FormLabel/FormLabel.test.tsx
+++ b/packages/mui-joy/src/FormLabel/FormLabel.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import FormLabel, { formLabelClasses as classes } from '@mui/joy/FormLabel';
 
diff --git a/packages/mui-joy/src/GlobalStyles/GlobalStyles.tsx b/packages/mui-joy/src/GlobalStyles/GlobalStyles.tsx
new file mode 100644
index 00000000000000..6ea9e7f8c37fd3
--- /dev/null
+++ b/packages/mui-joy/src/GlobalStyles/GlobalStyles.tsx
@@ -0,0 +1,12 @@
+'use client';
+import * as React from 'react';
+import { GlobalStyles as SystemGlobalStyles, GlobalStylesProps } from '@mui/system';
+import defaultTheme from '../styles/defaultTheme';
+import THEME_ID from '../styles/identifier';
+import { Theme } from '../styles/types';
+
+function GlobalStyles(props: GlobalStylesProps<Theme>) {
+  return <SystemGlobalStyles {...props} defaultTheme={defaultTheme} themeId={THEME_ID} />;
+}
+
+export default GlobalStyles;
diff --git a/packages/mui-joy/src/GlobalStyles/index.tsx b/packages/mui-joy/src/GlobalStyles/index.tsx
index 238d10b773cfb2..48e20189092434 100644
--- a/packages/mui-joy/src/GlobalStyles/index.tsx
+++ b/packages/mui-joy/src/GlobalStyles/index.tsx
@@ -1,11 +1 @@
-import * as React from 'react';
-import { GlobalStyles as SystemGlobalStyles, GlobalStylesProps } from '@mui/system';
-import defaultTheme from '../styles/defaultTheme';
-import THEME_ID from '../styles/identifier';
-import { Theme } from '../styles/types';
-
-function GlobalStyles(props: GlobalStylesProps<Theme>) {
-  return <SystemGlobalStyles {...props} defaultTheme={defaultTheme} themeId={THEME_ID} />;
-}
-
-export default GlobalStyles;
+export { default } from './GlobalStyles';
diff --git a/packages/mui-joy/src/Grid/Grid.test.tsx b/packages/mui-joy/src/Grid/Grid.test.tsx
index 577d6c75187ae1..06a9c77a84701e 100644
--- a/packages/mui-joy/src/Grid/Grid.test.tsx
+++ b/packages/mui-joy/src/Grid/Grid.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Grid, { gridClasses as classes } from '@mui/joy/Grid';
 
diff --git a/packages/mui-joy/src/IconButton/IconButton.test.tsx b/packages/mui-joy/src/IconButton/IconButton.test.tsx
index 258fa9025a7977..358c1fb4e89a80 100644
--- a/packages/mui-joy/src/IconButton/IconButton.test.tsx
+++ b/packages/mui-joy/src/IconButton/IconButton.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, describeJoyColorInversion } from 'test/utils';
+import {
+  describeConformance,
+  createRenderer,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import IconButton, { iconButtonClasses as classes } from '@mui/joy/IconButton';
 import { ThemeProvider } from '@mui/joy/styles';
 
diff --git a/packages/mui-joy/src/IconButton/IconButton.tsx b/packages/mui-joy/src/IconButton/IconButton.tsx
index 5c0249781057b1..8a169ab2d456c1 100644
--- a/packages/mui-joy/src/IconButton/IconButton.tsx
+++ b/packages/mui-joy/src/IconButton/IconButton.tsx
@@ -43,7 +43,7 @@ export const StyledIconButton = styled('button')<{ ownerState: IconButtonOwnerSt
           ? 'currentColor'
           : theme.vars.palette.text.icon,
       ...(ownerState.instanceSize && {
-        '--IconButton-size': { sm: '2rem', md: '2.5rem', lg: '3rem' }[ownerState.instanceSize],
+        '--IconButton-size': { sm: '2rem', md: '2.25rem', lg: '2.75rem' }[ownerState.instanceSize],
       }),
       ...(ownerState.size === 'sm' && {
         '--Icon-fontSize': 'calc(var(--IconButton-size, 2rem) / 1.6)', // 1.25rem by default
@@ -55,20 +55,20 @@ export const StyledIconButton = styled('button')<{ ownerState: IconButtonOwnerSt
         paddingInline: '2px', // add a gap, in case the content is long, e.g. multiple icons
       }),
       ...(ownerState.size === 'md' && {
-        '--Icon-fontSize': 'calc(var(--IconButton-size, 2.5rem) / 1.667)', // 1.5rem by default
-        '--CircularProgress-size': '24px',
-        '--CircularProgress-thickness': '3px',
-        minWidth: 'var(--IconButton-size, 2.5rem)',
-        minHeight: 'var(--IconButton-size, 2.5rem)',
+        '--Icon-fontSize': 'calc(var(--IconButton-size, 2.25rem) / 1.5)', // 1.5rem by default
+        '--CircularProgress-size': '20px',
+        '--CircularProgress-thickness': '2px',
+        minWidth: 'var(--IconButton-size, 2.25rem)',
+        minHeight: 'var(--IconButton-size, 2.25rem)',
         fontSize: theme.vars.fontSize.md,
         paddingInline: '0.25rem',
       }),
       ...(ownerState.size === 'lg' && {
-        '--Icon-fontSize': 'calc(var(--IconButton-size, 3rem) / 1.714)', // 1.75rem by default
+        '--Icon-fontSize': 'calc(var(--IconButton-size, 2.75rem) / 1.571)', // 1.75rem by default
         '--CircularProgress-size': '28px',
         '--CircularProgress-thickness': '4px',
-        minWidth: 'var(--IconButton-size, 3rem)',
-        minHeight: 'var(--IconButton-size, 3rem)',
+        minWidth: 'var(--IconButton-size, 2.75rem)',
+        minHeight: 'var(--IconButton-size, 2.75rem)',
         fontSize: theme.vars.fontSize.lg,
         paddingInline: '0.375rem',
       }),
@@ -76,8 +76,8 @@ export const StyledIconButton = styled('button')<{ ownerState: IconButtonOwnerSt
       paddingBlock: 0,
       fontFamily: theme.vars.fontFamily.body,
       fontWeight: theme.vars.fontWeight.md,
-      margin: `var(--IconButton-margin)`, // to be controlled by other components, eg. Input
-      borderRadius: `var(--IconButton-radius, ${theme.vars.radius.sm})`, // to be controlled by other components, eg. Input
+      margin: `var(--IconButton-margin)`, // to be controlled by other components, e.g. Input
+      borderRadius: `var(--IconButton-radius, ${theme.vars.radius.sm})`, // to be controlled by other components, e.g. Input
       border: 'none',
       boxSizing: 'border-box',
       backgroundColor: 'transparent',
@@ -87,7 +87,7 @@ export const StyledIconButton = styled('button')<{ ownerState: IconButtonOwnerSt
       justifyContent: 'center',
       position: 'relative',
       [theme.focus.selector]: { '--Icon-color': 'currentColor', ...theme.focus.default },
-    },
+    } as const,
     {
       ...theme.variants[ownerState.variant!]?.[ownerState.color!],
       '&:hover': {
@@ -100,10 +100,7 @@ export const StyledIconButton = styled('button')<{ ownerState: IconButtonOwnerSt
         '--Icon-color': 'currentColor',
         ...theme.variants[`${ownerState.variant!}Active`]?.[ownerState.color!],
       },
-      '&:disabled': {
-        '--Icon-color': 'currentColor',
-        ...theme.variants[`${ownerState.variant!}Disabled`]?.[ownerState.color!],
-      },
+      '&:disabled': theme.variants[`${ownerState.variant!}Disabled`]?.[ownerState.color!],
     },
   ],
 );
@@ -150,7 +147,7 @@ const IconButton = React.forwardRef(function IconButton(inProps, ref) {
   const color = getColor(inProps.color, buttonGroup.color || colorProp);
   const disabled = inProps.disabled ?? (buttonGroup.disabled || disabledProp);
 
-  const buttonRef = React.useRef<HTMLElement | null>(null);
+  const buttonRef = React.useRef<HTMLElement>(null);
   const handleRef = useForkRef(buttonRef, ref);
 
   const { focusVisible, setFocusVisible, getRootProps } = useButton({
diff --git a/packages/mui-joy/src/Input/Input.test.tsx b/packages/mui-joy/src/Input/Input.test.tsx
index 991362f9522b98..839ab09b864861 100644
--- a/packages/mui-joy/src/Input/Input.test.tsx
+++ b/packages/mui-joy/src/Input/Input.test.tsx
@@ -8,7 +8,7 @@ import {
   screen,
   act,
   fireEvent,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import Input, { inputClasses as classes } from '@mui/joy/Input';
 import { ThemeProvider } from '@mui/joy/styles';
 
diff --git a/packages/mui-joy/src/Input/Input.tsx b/packages/mui-joy/src/Input/Input.tsx
index f27d51708cc34c..d925e827bf5496 100644
--- a/packages/mui-joy/src/Input/Input.tsx
+++ b/packages/mui-joy/src/Input/Input.tsx
@@ -60,16 +60,16 @@ export const StyledInputRoot = styled('div')<{ ownerState: InputOwnerState }>(
           '--Icon-fontSize': theme.vars.fontSize.xl,
         }),
         ...(ownerState.size === 'md' && {
-          '--Input-minHeight': '2.5rem',
+          '--Input-minHeight': '2.25rem',
           '--Input-paddingInline': '0.75rem',
-          '--Input-decoratorChildHeight': 'min(2rem, var(--Input-minHeight))',
+          '--Input-decoratorChildHeight': 'min(1.75rem, var(--Input-minHeight))',
           '--Icon-fontSize': theme.vars.fontSize.xl2,
         }),
         ...(ownerState.size === 'lg' && {
-          '--Input-minHeight': '3rem',
+          '--Input-minHeight': '2.75rem',
           '--Input-paddingInline': '1rem',
           '--Input-gap': '0.75rem',
-          '--Input-decoratorChildHeight': 'min(2.375rem, var(--Input-minHeight))',
+          '--Input-decoratorChildHeight': 'min(2.25rem, var(--Input-minHeight))',
           '--Icon-fontSize': theme.vars.fontSize.xl2,
         }),
         // variables for controlling child components
@@ -84,6 +84,9 @@ export const StyledInputRoot = styled('div')<{ ownerState: InputOwnerState }>(
         '--Button-radius': 'var(--Input-decoratorChildRadius)',
         '--IconButton-radius': 'var(--Input-decoratorChildRadius)',
         boxSizing: 'border-box',
+        ...(ownerState.variant !== 'plain' && {
+          boxShadow: theme.shadow.xs,
+        }),
         minWidth: 0,
         minHeight: 'var(--Input-minHeight)',
         ...(ownerState.fullWidth && {
@@ -112,7 +115,7 @@ export const StyledInputRoot = styled('div')<{ ownerState: InputOwnerState }>(
           margin: 'calc(var(--variant-borderWidth, 0px) * -1)', // for outlined variant
           boxShadow: `var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight)`,
         },
-      },
+      } as const,
       {
         '&:hover': {
           ...theme.variants[`${ownerState.variant!}Hover`]?.[ownerState.color!],
@@ -396,7 +399,7 @@ Input.propTypes /* remove-proptypes */ = {
    */
   error: PropTypes.bool,
   /**
-   * If `true`, the button will take up the full width of its container.
+   * If `true`, the input will take up the full width of its container.
    * @default false
    */
   fullWidth: PropTypes.bool,
diff --git a/packages/mui-joy/src/Input/InputProps.ts b/packages/mui-joy/src/Input/InputProps.ts
index 04359edefdbd70..e19444406e535f 100644
--- a/packages/mui-joy/src/Input/InputProps.ts
+++ b/packages/mui-joy/src/Input/InputProps.ts
@@ -84,7 +84,7 @@ export interface InputTypeMap<P = {}, D extends React.ElementType = 'div'> {
        */
       error?: boolean;
       /**
-       * If `true`, the button will take up the full width of its container.
+       * If `true`, the input will take up the full width of its container.
        * @default false
        */
       fullWidth?: boolean;
diff --git a/packages/mui-joy/src/LinearProgress/LinearProgress.test.tsx b/packages/mui-joy/src/LinearProgress/LinearProgress.test.tsx
index ceb9ced2abb27a..1cdac10d1daab2 100644
--- a/packages/mui-joy/src/LinearProgress/LinearProgress.test.tsx
+++ b/packages/mui-joy/src/LinearProgress/LinearProgress.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import LinearProgress, { linearProgressClasses as classes } from '@mui/joy/LinearProgress';
diff --git a/packages/mui-joy/src/LinearProgress/LinearProgress.tsx b/packages/mui-joy/src/LinearProgress/LinearProgress.tsx
index 05c9753d8999aa..af9fa127fda8a0 100644
--- a/packages/mui-joy/src/LinearProgress/LinearProgress.tsx
+++ b/packages/mui-joy/src/LinearProgress/LinearProgress.tsx
@@ -16,6 +16,7 @@ import {
   LinearProgressTypeMap,
 } from './LinearProgressProps';
 import useSlot from '../utils/useSlot';
+import { resolveSxValue } from '../styles/styleUtils';
 
 // TODO: replace `left` with `inset-inline-start` in the future to work with writing-mode. https://caniuse.com/?search=inset-inline-start
 //       replace `width` with `inline-size`, not sure why inline-size does not work with animation in Safari.
@@ -37,7 +38,7 @@ const progressKeyframe = keyframes`
   75% {
     width: var(--LinearProgress-progressMaxWidth);
   }
-  
+
   100% {
     left: var(--_LinearProgress-progressInset);
     width: var(--LinearProgress-progressMinWidth);
@@ -129,6 +130,16 @@ const LinearProgressRoot = styled('div', {
               var(--LinearProgress-circulation, 2.5s ease-in-out 0s infinite normal none running);
           }
         `,
+  ({ ownerState, theme }) => {
+    const { borderRadius, height } = resolveSxValue({ theme, ownerState }, [
+      'borderRadius',
+      'height',
+    ]);
+    return {
+      ...(borderRadius !== undefined && { '--LinearProgress-radius': borderRadius }),
+      ...(height !== undefined && { '--LinearProgress-thickness': height }),
+    };
+  },
 );
 
 /**
diff --git a/packages/mui-joy/src/Link/Link.test.tsx b/packages/mui-joy/src/Link/Link.test.tsx
index 33c188aa2fab95..f5ec486606602e 100644
--- a/packages/mui-joy/src/Link/Link.test.tsx
+++ b/packages/mui-joy/src/Link/Link.test.tsx
@@ -7,7 +7,7 @@ import {
   fireEvent,
   describeConformance,
   describeJoyColorInversion,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import Link, { LinkClassKey, linkClasses as classes } from '@mui/joy/Link';
 import Typography from '@mui/joy/Typography';
diff --git a/packages/mui-joy/src/Link/Link.tsx b/packages/mui-joy/src/Link/Link.tsx
index a42f8c6e73b70a..553c45d525b690 100644
--- a/packages/mui-joy/src/Link/Link.tsx
+++ b/packages/mui-joy/src/Link/Link.tsx
@@ -142,7 +142,7 @@ const LinkRoot = styled('a', {
         borderStyle: 'none', // Remove Firefox dotted outline.
       },
       ...(ownerState.overlay
-        ? {
+        ? ({
             position: 'initial',
             '&::after': {
               content: '""',
@@ -158,12 +158,12 @@ const LinkRoot = styled('a', {
             [`${theme.focus.selector}`]: {
               '&::after': theme.focus.default,
             },
-          }
-        : {
+          } as const)
+        : ({
             position: 'relative',
             [theme.focus.selector]: theme.focus.default,
-          }),
-    },
+          } as const)),
+    } as const,
     ownerState.variant && {
       ...theme.variants[ownerState.variant]?.[ownerState.color!],
       '&:hover': {
diff --git a/packages/mui-joy/src/List/List.test.tsx b/packages/mui-joy/src/List/List.test.tsx
index d1d4c908eecb0b..5959b877d3619f 100644
--- a/packages/mui-joy/src/List/List.test.tsx
+++ b/packages/mui-joy/src/List/List.test.tsx
@@ -1,6 +1,11 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, screen, describeJoyColorInversion } from 'test/utils';
+import {
+  describeConformance,
+  createRenderer,
+  screen,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import List, { listClasses as classes } from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
diff --git a/packages/mui-joy/src/List/List.tsx b/packages/mui-joy/src/List/List.tsx
index b33b3a0e16d265..3b544ece406d55 100644
--- a/packages/mui-joy/src/List/List.tsx
+++ b/packages/mui-joy/src/List/List.tsx
@@ -45,7 +45,7 @@ export const StyledList = styled('ul')<{ ownerState: ListOwnerState }>(({ theme,
       return {
         '--ListDivider-gap': '0.25rem',
         '--ListItem-minHeight': '2rem',
-        '--ListItem-paddingY': '0.25rem',
+        '--ListItem-paddingY': '3px',
         '--ListItem-paddingX': '0.5rem',
         '--ListItemDecorator-size': ownerState.orientation === 'horizontal' ? '1.5rem' : '2rem',
         '--Icon-fontSize': theme.vars.fontSize.lg,
@@ -54,8 +54,8 @@ export const StyledList = styled('ul')<{ ownerState: ListOwnerState }>(({ theme,
     if (size === 'md') {
       return {
         '--ListDivider-gap': '0.375rem',
-        '--ListItem-minHeight': '2.5rem',
-        '--ListItem-paddingY': '0.375rem',
+        '--ListItem-minHeight': '2.25rem',
+        '--ListItem-paddingY': '0.25rem',
         '--ListItem-paddingX': '0.75rem',
         '--ListItemDecorator-size': ownerState.orientation === 'horizontal' ? '1.75rem' : '2.5rem',
         '--Icon-fontSize': theme.vars.fontSize.xl,
@@ -64,8 +64,8 @@ export const StyledList = styled('ul')<{ ownerState: ListOwnerState }>(({ theme,
     if (size === 'lg') {
       return {
         '--ListDivider-gap': '0.5rem',
-        '--ListItem-minHeight': '3rem',
-        '--ListItem-paddingY': '0.5rem',
+        '--ListItem-minHeight': '2.75rem',
+        '--ListItem-paddingY': '0.375rem',
         '--ListItem-paddingX': '1rem',
         '--ListItemDecorator-size': ownerState.orientation === 'horizontal' ? '2.25rem' : '3rem',
         '--Icon-fontSize': theme.vars.fontSize.xl2,
@@ -74,23 +74,24 @@ export const StyledList = styled('ul')<{ ownerState: ListOwnerState }>(({ theme,
     return {};
   }
   return [
-    ownerState.nesting && {
-      // instanceSize is the specified size of the rendered element <List size="sm" />
-      // only apply size variables if instanceSize is provided so that the variables can be pass down to children by default.
-      ...applySizeVars(ownerState.instanceSize),
-      '--ListItem-paddingRight': 'var(--ListItem-paddingX)',
-      '--ListItem-paddingLeft': 'var(--NestedListItem-paddingLeft)',
-      // reset ListItem, ListItemButton negative margin (caused by NestedListItem)
-      '--ListItemButton-marginBlock': '0px',
-      '--ListItemButton-marginInline': '0px',
-      '--ListItem-marginBlock': '0px',
-      '--ListItem-marginInline': '0px',
-      padding: 0,
-      marginInlineStart: 'var(--NestedList-marginLeft)',
-      marginInlineEnd: 'var(--NestedList-marginRight)',
-      marginBlockStart: 'var(--List-gap)',
-      marginBlockEnd: 'initial', // reset user agent stylesheet.
-    },
+    ownerState.nesting &&
+      ({
+        // instanceSize is the specified size of the rendered element <List size="sm" />
+        // only apply size variables if instanceSize is provided so that the variables can be pass down to children by default.
+        ...applySizeVars(ownerState.instanceSize),
+        '--ListItem-paddingRight': 'var(--ListItem-paddingX)',
+        '--ListItem-paddingLeft': 'var(--NestedListItem-paddingLeft)',
+        // reset ListItem, ListItemButton negative margin (caused by NestedListItem)
+        '--ListItemButton-marginBlock': '0px',
+        '--ListItemButton-marginInline': '0px',
+        '--ListItem-marginBlock': '0px',
+        '--ListItem-marginInline': '0px',
+        padding: 0,
+        marginInlineStart: 'var(--NestedList-marginLeft)',
+        marginInlineEnd: 'var(--NestedList-marginRight)',
+        marginBlockStart: 'var(--List-gap)',
+        marginBlockEnd: 'initial', // reset user agent stylesheet.
+      } as const),
     !ownerState.nesting && {
       ...applySizeVars(ownerState.size),
       '--List-gap': '0px',
@@ -131,9 +132,10 @@ export const StyledList = styled('ul')<{ ownerState: ListOwnerState }>(({ theme,
       listStyle: 'none',
       display: 'flex',
       flexDirection: ownerState.orientation === 'horizontal' ? 'row' : 'column',
-      ...(ownerState.wrap && {
-        flexWrap: 'wrap',
-      }),
+      ...(ownerState.wrap &&
+        ({
+          flexWrap: 'wrap',
+        } as const)),
       flexGrow: 1,
       position: 'relative', // for sticky ListItem
       ...theme.variants[ownerState.variant!]?.[ownerState.color!],
@@ -143,7 +145,7 @@ export const StyledList = styled('ul')<{ ownerState: ListOwnerState }>(({ theme,
       }),
       ...(p !== undefined && { '--List-padding': p }),
       ...(padding !== undefined && { '--List-padding': padding }),
-    },
+    } as const,
   ];
 });
 
diff --git a/packages/mui-joy/src/List/ListProvider.tsx b/packages/mui-joy/src/List/ListProvider.tsx
index 1659e47fbdbe19..68ba5dc4a2cc23 100644
--- a/packages/mui-joy/src/List/ListProvider.tsx
+++ b/packages/mui-joy/src/List/ListProvider.tsx
@@ -60,6 +60,7 @@ function ListProvider(props: React.PropsWithChildren<ListProviderProps>) {
             ? React.cloneElement(child, {
                 // to let List(Item|ItemButton) knows when to apply margin(Inline|Block)Start
                 ...(index === 0 && { 'data-first-child': '' }),
+                ...(index === React.Children.count(children) - 1 && { 'data-last-child': '' }),
               })
             : child,
         )}
diff --git a/packages/mui-joy/src/List/listClasses.ts b/packages/mui-joy/src/List/listClasses.ts
index 0484ece4208889..6e380d8565e1db 100644
--- a/packages/mui-joy/src/List/listClasses.ts
+++ b/packages/mui-joy/src/List/listClasses.ts
@@ -1,37 +1,37 @@
 import { generateUtilityClass, generateUtilityClasses } from '../className';
 
 export interface ListClasses {
-  /** Classname applied to the root element. */
+  /** Class name applied to the root element. */
   root: string;
-  /** Classname applied to the root element if wrapped with nested context. */
+  /** Class name applied to the root element if wrapped with nested context. */
   nesting: string;
-  /** Classname applied to the root element if `scoped` is true. */
+  /** Class name applied to the root element if `scoped` is true. */
   scoped: string;
-  /** Classname applied to the root element if `size="sm"`. */
+  /** Class name applied to the root element if `size="sm"`. */
   sizeSm: string;
-  /** Classname applied to the root element if `size="md"`. */
+  /** Class name applied to the root element if `size="md"`. */
   sizeMd: string;
-  /** Classname applied to the root element if `size="lg"`. */
+  /** Class name applied to the root element if `size="lg"`. */
   sizeLg: string;
-  /** Classname applied to the root element if `color="primary"`. */
+  /** Class name applied to the root element if `color="primary"`. */
   colorPrimary: string;
-  /** Classname applied to the root element if `color="neutral"`. */
+  /** Class name applied to the root element if `color="neutral"`. */
   colorNeutral: string;
-  /** Classname applied to the root element if `color="danger"`. */
+  /** Class name applied to the root element if `color="danger"`. */
   colorDanger: string;
-  /** Classname applied to the root element if `color="success"`. */
+  /** Class name applied to the root element if `color="success"`. */
   colorSuccess: string;
-  /** Classname applied to the root element if `color="warning"`. */
+  /** Class name applied to the root element if `color="warning"`. */
   colorWarning: string;
   /** Class name applied to the root element when color inversion is triggered. */
   colorContext: string;
-  /** Classname applied to the root element if `variant="plain"`. */
+  /** Class name applied to the root element if `variant="plain"`. */
   variantPlain: string;
-  /** Classname applied to the root element if `variant="outlined"`. */
+  /** Class name applied to the root element if `variant="outlined"`. */
   variantOutlined: string;
-  /** Classname applied to the root element if `variant="soft"`. */
+  /** Class name applied to the root element if `variant="soft"`. */
   variantSoft: string;
-  /** Classname applied to the root element if `variant="solid"`. */
+  /** Class name applied to the root element if `variant="solid"`. */
   variantSolid: string;
   /** Class name applied to the root element if `orientation="horizontal"`. */
   horizontal: string;
diff --git a/packages/mui-joy/src/ListDivider/ListDivider.test.tsx b/packages/mui-joy/src/ListDivider/ListDivider.test.tsx
index fc7c2bde18cf6c..1a6515afaa5d73 100644
--- a/packages/mui-joy/src/ListDivider/ListDivider.test.tsx
+++ b/packages/mui-joy/src/ListDivider/ListDivider.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, screen } from 'test/utils';
+import { describeConformance, createRenderer, screen } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import List from '@mui/joy/List';
 import ListDivider, { listDividerClasses as classes } from '@mui/joy/ListDivider';
diff --git a/packages/mui-joy/src/ListItem/ListItem.test.tsx b/packages/mui-joy/src/ListItem/ListItem.test.tsx
index bc10d7db269953..9275155bcfbd99 100644
--- a/packages/mui-joy/src/ListItem/ListItem.test.tsx
+++ b/packages/mui-joy/src/ListItem/ListItem.test.tsx
@@ -1,6 +1,11 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, screen, describeJoyColorInversion } from 'test/utils';
+import {
+  describeConformance,
+  createRenderer,
+  screen,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import MenuList from '@mui/joy/MenuList';
 import List from '@mui/joy/List';
diff --git a/packages/mui-joy/src/ListItem/ListItem.tsx b/packages/mui-joy/src/ListItem/ListItem.tsx
index b2f0d47ab5a03d..8378666d75fdd5 100644
--- a/packages/mui-joy/src/ListItem/ListItem.tsx
+++ b/packages/mui-joy/src/ListItem/ListItem.tsx
@@ -38,75 +38,82 @@ const useUtilityClasses = (ownerState: ListItemOwnerState) => {
   return composeClasses(slots, getListItemUtilityClass, {});
 };
 
-const ListItemRoot = styled('li', {
+export const StyledListItem = styled('li')<{ ownerState: ListItemOwnerState }>(
+  ({ theme, ownerState }) => [
+    !ownerState.nested &&
+      ({
+        // add negative margin to ListItemButton equal to this ListItem padding
+        '--ListItemButton-marginInline': `calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))`,
+        '--ListItemButton-marginBlock': 'calc(-1 * var(--ListItem-paddingY))',
+        alignItems: 'center',
+        marginInline: 'var(--ListItem-marginInline)',
+      } as const),
+    ownerState.nested &&
+      ({
+        // add negative margin to NestedList equal to this ListItem padding
+        '--NestedList-marginRight': 'calc(-1 * var(--ListItem-paddingRight))',
+        '--NestedList-marginLeft': 'calc(-1 * var(--ListItem-paddingLeft))',
+        '--NestedListItem-paddingLeft': `calc(var(--ListItem-paddingLeft) + var(--List-nestedInsetStart))`,
+        // add negative margin to ListItem, ListItemButton to make them start from the edge.
+        '--ListItemButton-marginBlock': '0px',
+        '--ListItemButton-marginInline':
+          'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',
+        '--ListItem-marginInline':
+          'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',
+        flexDirection: 'column',
+      } as const),
+    // Base styles
+    {
+      // Integration with control elements, e.g. Checkbox, Radio.
+      '--unstable_actionRadius': 'calc(var(--ListItem-radius) - var(--variant-borderWidth, 0px))',
+      ...(ownerState.startAction && {
+        '--unstable_startActionWidth': '2rem', // to add sufficient padding-left on ListItemButton
+      }),
+      ...(ownerState.endAction && {
+        '--unstable_endActionWidth': '2.5rem', // to add sufficient padding-right on ListItemButton
+      }),
+      boxSizing: 'border-box',
+      borderRadius: 'var(--ListItem-radius)',
+      display: 'flex',
+      flex: 'none', // prevent children from shrinking when the List's height is limited.
+      position: 'relative',
+      paddingBlockStart: ownerState.nested ? 0 : 'var(--ListItem-paddingY)',
+      paddingBlockEnd: ownerState.nested ? 0 : 'var(--ListItem-paddingY)',
+      paddingInlineStart: 'var(--ListItem-paddingLeft)',
+      paddingInlineEnd: 'var(--ListItem-paddingRight)',
+      ...(ownerState['data-first-child'] === undefined && {
+        ...(ownerState.row
+          ? {
+              marginInlineStart: 'var(--List-gap)',
+            }
+          : {
+              marginBlockStart: 'var(--List-gap)',
+            }),
+      }),
+      ...(ownerState.row &&
+        ownerState.wrap && {
+          marginInlineStart: 'var(--List-gap)',
+          marginBlockStart: 'var(--List-gap)',
+        }),
+      minBlockSize: 'var(--ListItem-minHeight)',
+      ...(ownerState.sticky &&
+        ({
+          // sticky in list item can be found in grouped options
+          position: 'sticky',
+          top: 'var(--ListItem-stickyTop, 0px)', // integration with Menu and Select.
+          zIndex: 1,
+          background: `var(--ListItem-stickyBackground, ${theme.vars.palette.background.body})`,
+        } as const)),
+    } as const,
+    theme.variants[ownerState.variant!]?.[ownerState.color!],
+  ],
+);
+
+const ListItemRoot = styled(StyledListItem, {
   name: 'JoyListItem',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
-})<{ ownerState: ListItemOwnerState }>(({ theme, ownerState }) => [
-  !ownerState.nested && {
-    // add negative margin to ListItemButton equal to this ListItem padding
-    '--ListItemButton-marginInline': `calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))`,
-    '--ListItemButton-marginBlock': 'calc(-1 * var(--ListItem-paddingY))',
-    alignItems: 'center',
-    marginInline: 'var(--ListItem-marginInline)',
-  },
-  ownerState.nested && {
-    // add negative margin to NestedList equal to this ListItem padding
-    '--NestedList-marginRight': 'calc(-1 * var(--ListItem-paddingRight))',
-    '--NestedList-marginLeft': 'calc(-1 * var(--ListItem-paddingLeft))',
-    '--NestedListItem-paddingLeft': `calc(var(--ListItem-paddingLeft) + var(--List-nestedInsetStart))`,
-    // add negative margin to ListItem, ListItemButton to make them start from the edge.
-    '--ListItemButton-marginBlock': '0px',
-    '--ListItemButton-marginInline':
-      'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',
-    '--ListItem-marginInline':
-      'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',
-    flexDirection: 'column',
-  },
-  // Base styles
-  {
-    // Integration with control elements, eg. Checkbox, Radio.
-    '--unstable_actionRadius': 'calc(var(--ListItem-radius) - var(--variant-borderWidth, 0px))',
-    ...(ownerState.startAction && {
-      '--unstable_startActionWidth': '2rem', // to add sufficient padding-left on ListItemButton
-    }),
-    ...(ownerState.endAction && {
-      '--unstable_endActionWidth': '2.5rem', // to add sufficient padding-right on ListItemButton
-    }),
-    boxSizing: 'border-box',
-    borderRadius: 'var(--ListItem-radius)',
-    display: 'flex',
-    flex: 'none', // prevent children from shrinking when the List's height is limited.
-    position: 'relative',
-    paddingBlockStart: ownerState.nested ? 0 : 'var(--ListItem-paddingY)',
-    paddingBlockEnd: ownerState.nested ? 0 : 'var(--ListItem-paddingY)',
-    paddingInlineStart: 'var(--ListItem-paddingLeft)',
-    paddingInlineEnd: 'var(--ListItem-paddingRight)',
-    ...(ownerState['data-first-child'] === undefined && {
-      ...(ownerState.row
-        ? {
-            marginInlineStart: 'var(--List-gap)',
-          }
-        : {
-            marginBlockStart: 'var(--List-gap)',
-          }),
-    }),
-    ...(ownerState.row &&
-      ownerState.wrap && {
-        marginInlineStart: 'var(--List-gap)',
-        marginBlockStart: 'var(--List-gap)',
-      }),
-    minBlockSize: 'var(--ListItem-minHeight)',
-    ...(ownerState.sticky && {
-      // sticky in list item can be found in grouped options
-      position: 'sticky',
-      top: 'var(--ListItem-stickyTop, 0px)', // integration with Menu and Select.
-      zIndex: 1,
-      background: `var(--ListItem-stickyBackground, ${theme.vars.palette.background.body})`,
-    }),
-  },
-  theme.variants[ownerState.variant!]?.[ownerState.color!],
-]);
+})<{ ownerState: ListItemOwnerState }>({});
 
 const ListItemStartAction = styled('div', {
   name: 'JoyListItem',
diff --git a/packages/mui-joy/src/ListItemButton/ListItemButton.test.tsx b/packages/mui-joy/src/ListItemButton/ListItemButton.test.tsx
index 5ab7c298db99fb..4d84724100881f 100644
--- a/packages/mui-joy/src/ListItemButton/ListItemButton.test.tsx
+++ b/packages/mui-joy/src/ListItemButton/ListItemButton.test.tsx
@@ -6,7 +6,7 @@ import {
   createRenderer,
   act,
   fireEvent,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import ListItemButton, { listItemButtonClasses as classes } from '@mui/joy/ListItemButton';
 
diff --git a/packages/mui-joy/src/ListItemButton/ListItemButton.tsx b/packages/mui-joy/src/ListItemButton/ListItemButton.tsx
index 386494e577a9ab..0463696dac13a6 100644
--- a/packages/mui-joy/src/ListItemButton/ListItemButton.tsx
+++ b/packages/mui-joy/src/ListItemButton/ListItemButton.tsx
@@ -12,6 +12,7 @@ import {
   ExtendListItemButton,
   ListItemButtonTypeMap,
 } from './ListItemButtonProps';
+import listItemClasses from '../ListItem/listItemClasses';
 import listItemButtonClasses, { getListItemButtonUtilityClass } from './listItemButtonClasses';
 import ListItemButtonOrientationContext from './ListItemButtonOrientationContext';
 import RowListContext from '../List/RowListContext';
@@ -50,6 +51,7 @@ export const StyledListItemButton = styled('div')<{ ownerState: ListItemButtonOw
     WebkitTapHighlightColor: 'transparent',
     boxSizing: 'border-box',
     position: 'relative',
+    font: 'inherit',
     display: 'flex',
     flexDirection: 'row',
     alignItems: 'center',
@@ -79,9 +81,7 @@ export const StyledListItemButton = styled('div')<{ ownerState: ListItemButtonOw
     minBlockSize: 'var(--ListItem-minHeight)',
     border: '1px solid transparent', // use `transparent` as a placeholder to prevent the button from jumping when switching to `outlined` variant
     borderRadius: 'var(--ListItem-radius)',
-    flexGrow: ownerState.row ? 0 : 1,
-    flexBasis: ownerState.row ? 'auto' : '0%', // for long text (in vertical), displays in multiple lines.
-    flexShrink: 0,
+    flex: 'var(--unstable_ListItem-flex, none)', // prevent children from shrinking when the List's height is limited.
     fontSize: 'inherit', // prevent user agent style when component="button"
     lineHeight: 'inherit', // prevent user agent style when component="button"
     minInlineSize: 0,
@@ -90,6 +90,9 @@ export const StyledListItemButton = styled('div')<{ ownerState: ListItemButtonOw
       zIndex: 1, // to be above of the next element. For example, the first Tab item should be above the second so that the outline is above the second Tab.
     },
     ...theme.variants[ownerState.variant!]?.[ownerState.color!],
+    [`.${listItemClasses.root} > &`]: {
+      '--unstable_ListItem-flex': '1 0 0%', // grow to fill the available space of ListItem
+    },
     [`&.${listItemButtonClasses.selected}`]: {
       ...theme.variants[`${ownerState.variant!}Active`]?.[ownerState.color!],
       '--Icon-color': 'currentColor',
@@ -151,7 +154,7 @@ const ListItemButton = React.forwardRef(function ListItemButton(inProps, ref) {
   const { getColor } = useColorInversion(variant);
   const color = getColor(inProps.color, colorProp);
 
-  const buttonRef = React.useRef<HTMLElement | null>(null);
+  const buttonRef = React.useRef<HTMLElement>(null);
   const handleRef = useForkRef(buttonRef, ref);
 
   const { focusVisible, setFocusVisible, getRootProps } = useButton({
diff --git a/packages/mui-joy/src/ListItemContent/ListItemContent.test.tsx b/packages/mui-joy/src/ListItemContent/ListItemContent.test.tsx
index 63b0ba0d99328e..5727a4fecda71b 100644
--- a/packages/mui-joy/src/ListItemContent/ListItemContent.test.tsx
+++ b/packages/mui-joy/src/ListItemContent/ListItemContent.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import ListItemContent, { listItemContentClasses as classes } from '@mui/joy/ListItemContent';
 
diff --git a/packages/mui-joy/src/ListItemDecorator/ListItemDecorator.test.tsx b/packages/mui-joy/src/ListItemDecorator/ListItemDecorator.test.tsx
index 79aed7bc933374..1b0bad3280aaa8 100644
--- a/packages/mui-joy/src/ListItemDecorator/ListItemDecorator.test.tsx
+++ b/packages/mui-joy/src/ListItemDecorator/ListItemDecorator.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import ListItemDecorator, { listItemDecoratorClasses as classes } from '@mui/joy/ListItemDecorator';
 
diff --git a/packages/mui-joy/src/ListSubheader/ListSubheader.test.tsx b/packages/mui-joy/src/ListSubheader/ListSubheader.test.tsx
index d09aadf428a89a..0e406e20ed9473 100644
--- a/packages/mui-joy/src/ListSubheader/ListSubheader.test.tsx
+++ b/packages/mui-joy/src/ListSubheader/ListSubheader.test.tsx
@@ -1,7 +1,11 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, createRenderer, describeJoyColorInversion } from 'test/utils';
+import {
+  describeConformance,
+  createRenderer,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import ListSubheader, { listSubheaderClasses as classes } from '@mui/joy/ListSubheader';
 import ListSubheaderDispatch from './ListSubheaderContext';
diff --git a/packages/mui-joy/src/Menu/Menu.test.tsx b/packages/mui-joy/src/Menu/Menu.test.tsx
index 6a9abc45921766..143b191faab91e 100644
--- a/packages/mui-joy/src/Menu/Menu.test.tsx
+++ b/packages/mui-joy/src/Menu/Menu.test.tsx
@@ -8,7 +8,7 @@ import {
   screen,
   fireEvent,
   describeJoyColorInversion,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { Popper as PopperUnstyled } from '@mui/base/Popper';
 import { DropdownContext, DropdownContextValue } from '@mui/base/useDropdown';
 import { ThemeProvider } from '@mui/joy/styles';
diff --git a/packages/mui-joy/src/Menu/menuClasses.ts b/packages/mui-joy/src/Menu/menuClasses.ts
index c6158244174b05..9525ae7c7b9764 100644
--- a/packages/mui-joy/src/Menu/menuClasses.ts
+++ b/packages/mui-joy/src/Menu/menuClasses.ts
@@ -1,37 +1,37 @@
 import { generateUtilityClass, generateUtilityClasses } from '../className';
 
 export interface MenuClasses {
-  /** Classname applied to the root element. */
+  /** Class name applied to the root element. */
   root: string;
-  /** Classname applied to the listbox element. */
+  /** Class name applied to the listbox element. */
   listbox: string;
-  /** Classname applied to the root element when the menu open. */
+  /** Class name applied to the root element when the menu open. */
   expanded: string;
-  /** Classname applied to the root element if `color="primary"`. */
+  /** Class name applied to the root element if `color="primary"`. */
   colorPrimary: string;
-  /** Classname applied to the root element if `color="neutral"`. */
+  /** Class name applied to the root element if `color="neutral"`. */
   colorNeutral: string;
-  /** Classname applied to the root element if `color="danger"`. */
+  /** Class name applied to the root element if `color="danger"`. */
   colorDanger: string;
-  /** Classname applied to the root element if `color="success"`. */
+  /** Class name applied to the root element if `color="success"`. */
   colorSuccess: string;
-  /** Classname applied to the root element if `color="warning"`. */
+  /** Class name applied to the root element if `color="warning"`. */
   colorWarning: string;
   /** Class name applied to the root element when color inversion is triggered. */
   colorContext: string;
-  /** Classname applied to the root element if `variant="plain"`. */
+  /** Class name applied to the root element if `variant="plain"`. */
   variantPlain: string;
-  /** Classname applied to the root element if `variant="outlined"`. */
+  /** Class name applied to the root element if `variant="outlined"`. */
   variantOutlined: string;
-  /** Classname applied to the root element if `variant="soft"`. */
+  /** Class name applied to the root element if `variant="soft"`. */
   variantSoft: string;
-  /** Classname applied to the root element if `variant="solid"`. */
+  /** Class name applied to the root element if `variant="solid"`. */
   variantSolid: string;
-  /** Classname applied to the root element if `size="sm"`. */
+  /** Class name applied to the root element if `size="sm"`. */
   sizeSm: string;
-  /** Classname applied to the root element if `size="md"`. */
+  /** Class name applied to the root element if `size="md"`. */
   sizeMd: string;
-  /** Classname applied to the root element if `size="lg"`. */
+  /** Class name applied to the root element if `size="lg"`. */
   sizeLg: string;
 }
 
diff --git a/packages/mui-joy/src/MenuButton/MenuButton.test.tsx b/packages/mui-joy/src/MenuButton/MenuButton.test.tsx
index db611630242781..ba265e18575be2 100644
--- a/packages/mui-joy/src/MenuButton/MenuButton.test.tsx
+++ b/packages/mui-joy/src/MenuButton/MenuButton.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { DropdownContext, DropdownContextValue } from '@mui/base/useDropdown';
 import { ThemeProvider } from '@mui/joy/styles';
 import MenuButton, { menuButtonClasses as classes } from '@mui/joy/MenuButton';
diff --git a/packages/mui-joy/src/MenuItem/MenuItem.test.tsx b/packages/mui-joy/src/MenuItem/MenuItem.test.tsx
index 661ce4dadecf81..3bce808e700b04 100644
--- a/packages/mui-joy/src/MenuItem/MenuItem.test.tsx
+++ b/packages/mui-joy/src/MenuItem/MenuItem.test.tsx
@@ -8,7 +8,7 @@ import {
   fireEvent,
   screen,
   describeJoyColorInversion,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { MenuProvider, MenuProviderValue } from '@mui/base/useMenu';
 import { ThemeProvider } from '@mui/joy/styles';
 import MenuItem, { menuItemClasses as classes } from '@mui/joy/MenuItem';
diff --git a/packages/mui-joy/src/MenuList/MenuList.test.tsx b/packages/mui-joy/src/MenuList/MenuList.test.tsx
index 8861d7d436f146..a95592b17bc4b3 100644
--- a/packages/mui-joy/src/MenuList/MenuList.test.tsx
+++ b/packages/mui-joy/src/MenuList/MenuList.test.tsx
@@ -1,6 +1,11 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, screen, describeJoyColorInversion } from 'test/utils';
+import {
+  describeConformance,
+  createRenderer,
+  screen,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import MenuList, { menuListClasses as classes } from '@mui/joy/MenuList';
 
diff --git a/packages/mui-joy/src/MenuList/menuListClasses.ts b/packages/mui-joy/src/MenuList/menuListClasses.ts
index a7047f7f45322a..7d395e7ec5baf3 100644
--- a/packages/mui-joy/src/MenuList/menuListClasses.ts
+++ b/packages/mui-joy/src/MenuList/menuListClasses.ts
@@ -9,25 +9,25 @@ export interface MenuListClasses {
   sizeMd: string;
   /** Class name applied to the root element if `size="lg"`. */
   sizeLg: string;
-  /** Classname applied to the root element if `color="primary"`. */
+  /** Class name applied to the root element if `color="primary"`. */
   colorPrimary: string;
-  /** Classname applied to the root element if `color="neutral"`. */
+  /** Class name applied to the root element if `color="neutral"`. */
   colorNeutral: string;
-  /** Classname applied to the root element if `color="danger"`. */
+  /** Class name applied to the root element if `color="danger"`. */
   colorDanger: string;
-  /** Classname applied to the root element if `color="success"`. */
+  /** Class name applied to the root element if `color="success"`. */
   colorSuccess: string;
-  /** Classname applied to the root element if `color="warning"`. */
+  /** Class name applied to the root element if `color="warning"`. */
   colorWarning: string;
   /** Class name applied to the root element when color inversion is triggered. */
   colorContext: string;
-  /** Classname applied to the root element if `variant="plain"`. */
+  /** Class name applied to the root element if `variant="plain"`. */
   variantPlain: string;
-  /** Classname applied to the root element if `variant="outlined"`. */
+  /** Class name applied to the root element if `variant="outlined"`. */
   variantOutlined: string;
-  /** Classname applied to the root element if `variant="soft"`. */
+  /** Class name applied to the root element if `variant="soft"`. */
   variantSoft: string;
-  /** Classname applied to the root element if `variant="solid"`. */
+  /** Class name applied to the root element if `variant="solid"`. */
   variantSolid: string;
 }
 
diff --git a/packages/mui-joy/src/Modal/Modal.test.tsx b/packages/mui-joy/src/Modal/Modal.test.tsx
index 15415281cb7593..3d79c7b8cd6969 100644
--- a/packages/mui-joy/src/Modal/Modal.test.tsx
+++ b/packages/mui-joy/src/Modal/Modal.test.tsx
@@ -2,7 +2,13 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { spy } from 'sinon';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, act, fireEvent, within } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  act,
+  fireEvent,
+  within,
+} from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Modal, { modalClasses as classes, ModalProps } from '@mui/joy/Modal';
 
diff --git a/packages/mui-joy/src/Modal/Modal.tsx b/packages/mui-joy/src/Modal/Modal.tsx
index ef55e6cc25ebce..2c0925055bde24 100644
--- a/packages/mui-joy/src/Modal/Modal.tsx
+++ b/packages/mui-joy/src/Modal/Modal.tsx
@@ -2,31 +2,17 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { OverridableComponent } from '@mui/types';
-import {
-  elementAcceptingRef,
-  HTMLElementType,
-  unstable_ownerDocument as ownerDocument,
-  unstable_useForkRef as useForkRef,
-  unstable_useEventCallback as useEventCallback,
-} from '@mui/utils';
+import { elementAcceptingRef, HTMLElementType } from '@mui/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { Portal } from '@mui/base/Portal';
 import { FocusTrap } from '@mui/base/FocusTrap';
-import { ModalManager } from '@mui/base/Modal';
+import { unstable_useModal as useModal } from '@mui/base/unstable_useModal';
 import { styled, useThemeProps } from '../styles';
 import useSlot from '../utils/useSlot';
 import { getModalUtilityClass } from './modalClasses';
 import { ModalOwnerState, ModalTypeMap } from './ModalProps';
 import CloseModalContext from './CloseModalContext';
 
-function ariaHidden(element: Element, show: boolean): void {
-  if (show) {
-    element.setAttribute('aria-hidden', 'true');
-  } else {
-    element.removeAttribute('aria-hidden');
-  }
-}
-
 const useUtilityClasses = (ownerState: ModalOwnerState) => {
   const { open } = ownerState;
 
@@ -38,40 +24,32 @@ const useUtilityClasses = (ownerState: ModalOwnerState) => {
   return composeClasses(slots, getModalUtilityClass, {});
 };
 
-function getContainer(container: ModalOwnerState['container']) {
-  return (typeof container === 'function' ? container() : container) as HTMLElement;
-}
-
-// A modal manager used to track and manage the state of open Modals.
-// Modals don't open on the server so this won't conflict with concurrent requests.
-const manager = new ModalManager();
+export const StyledModalRoot = styled('div')<{ ownerState: ModalOwnerState }>(
+  ({ ownerState, theme }) => ({
+    '--unstable_popup-zIndex': `calc(${theme.vars.zIndex.modal} + 1)`,
+    '& ~ [role="listbox"]': {
+      // target all the listbox (Autocomplete, Menu, Select, etc.) that uses portal
+      '--unstable_popup-zIndex': `calc(${theme.vars.zIndex.modal} + 1)`,
+    },
+    position: 'fixed',
+    zIndex: theme.vars.zIndex.modal,
+    right: 0,
+    bottom: 0,
+    top: 0,
+    left: 0,
+    ...(!ownerState.open && {
+      visibility: 'hidden',
+    }),
+  }),
+);
 
-const ModalRoot = styled('div', {
+const ModalRoot = styled(StyledModalRoot, {
   name: 'JoyModal',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
-})<{ ownerState: ModalOwnerState }>(({ ownerState, theme }) => ({
-  '--unstable_popup-zIndex': `calc(${theme.vars.zIndex.modal} + 1)`,
-  '& ~ [role="listbox"]': {
-    // target all the listbox (Autocomplete, Menu, Select, etc.) that uses portal
-    '--unstable_popup-zIndex': `calc(${theme.vars.zIndex.modal} + 1)`,
-  },
-  position: 'fixed',
-  zIndex: theme.vars.zIndex.modal,
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0,
-  ...(!ownerState.open && {
-    visibility: 'hidden',
-  }),
-}));
+})<{ ownerState: ModalOwnerState }>({});
 
-const ModalBackdrop = styled('div', {
-  name: 'JoyModal',
-  slot: 'Backdrop',
-  overridesResolver: (props, styles) => styles.backdrop,
-})<{ ownerState: ModalOwnerState }>(({ theme, ownerState }) => ({
+export const StyledModalBackdrop = styled('div')<{ ownerState: ModalOwnerState }>(({ theme }) => ({
   zIndex: -1,
   position: 'fixed',
   right: 0,
@@ -80,10 +58,14 @@ const ModalBackdrop = styled('div', {
   left: 0,
   backgroundColor: theme.vars.palette.background.backdrop,
   WebkitTapHighlightColor: 'transparent',
-  ...(ownerState.open && {
-    backdropFilter: 'blur(8px)',
-  }),
+  backdropFilter: 'blur(8px)',
 }));
+
+export const ModalBackdrop = styled(StyledModalBackdrop, {
+  name: 'JoyModal',
+  slot: 'Backdrop',
+  overridesResolver: (props, styles) => styles.backdrop,
+})<{ ownerState: ModalOwnerState }>({});
 /**
  *
  * Demos:
@@ -94,7 +76,7 @@ const ModalBackdrop = styled('div', {
  *
  * - [Modal API](https://mui.com/joy-ui/api/modal/)
  */
-const Modal = React.forwardRef(function ModalU(inProps, ref) {
+const Modal = React.forwardRef(function Modal(inProps, ref) {
   const props = useThemeProps<typeof inProps & { component?: React.ElementType }>({
     props: inProps,
     name: 'JoyModal',
@@ -120,81 +102,6 @@ const Modal = React.forwardRef(function ModalU(inProps, ref) {
     ...other
   } = props;
 
-  // @ts-ignore internal logic
-  const modal = React.useRef<{ modalRef: HTMLDivElement; mount: HTMLElement }>({});
-  const mountNodeRef = React.useRef<null | HTMLElement>(null);
-  const modalRef = React.useRef<null | HTMLDivElement>(null);
-  const handleRef = useForkRef(modalRef, ref);
-
-  let ariaHiddenProp = true;
-  if (
-    props['aria-hidden'] === 'false' ||
-    (typeof props['aria-hidden'] === 'boolean' && !props['aria-hidden'])
-  ) {
-    ariaHiddenProp = false;
-  }
-
-  const getDoc = () => ownerDocument(mountNodeRef.current);
-  const getModal = () => {
-    modal.current.modalRef = modalRef.current as HTMLDivElement;
-    modal.current.mount = mountNodeRef.current as HTMLElement;
-    return modal.current;
-  };
-
-  const handleMounted = () => {
-    manager.mount(getModal(), { disableScrollLock });
-
-    // Fix a bug on Chrome where the scroll isn't initially 0.
-    if (modalRef.current) {
-      modalRef.current.scrollTop = 0;
-    }
-  };
-
-  const handleOpen = useEventCallback(() => {
-    const resolvedContainer = getContainer(container) || getDoc().body;
-
-    manager.add(getModal(), resolvedContainer);
-
-    // The element was already mounted.
-    if (modalRef.current) {
-      handleMounted();
-    }
-  });
-
-  const isTopModal = () => manager.isTopModal(getModal());
-
-  const handlePortalRef = useEventCallback((node: HTMLElement) => {
-    mountNodeRef.current = node;
-
-    if (!node) {
-      return;
-    }
-
-    if (open && isTopModal()) {
-      handleMounted();
-    } else if (modalRef.current) {
-      ariaHidden(modalRef.current, ariaHiddenProp);
-    }
-  });
-
-  const handleClose = React.useCallback(() => {
-    manager.remove(getModal(), ariaHiddenProp);
-  }, [ariaHiddenProp]);
-
-  React.useEffect(() => {
-    return () => {
-      handleClose();
-    };
-  }, [handleClose]);
-
-  React.useEffect(() => {
-    if (open) {
-      handleOpen();
-    } else {
-      handleClose();
-    }
-  }, [open, handleClose, handleOpen]);
-
   const ownerState = {
     ...props,
     disableAutoFocus,
@@ -207,62 +114,28 @@ const Modal = React.forwardRef(function ModalU(inProps, ref) {
     keepMounted,
   };
 
+  const { getRootProps, getBackdropProps, rootRef, portalRef, isTopModal } = useModal({
+    ...ownerState,
+    rootRef: ref,
+  });
+
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = { ...other, component, slots, slotProps };
 
-  const handleBackdropClick = (event: React.MouseEvent<HTMLDivElement>) => {
-    if (event.target !== event.currentTarget) {
-      return;
-    }
-
-    if (onClose) {
-      onClose(event, 'backdropClick');
-    }
-  };
-
-  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-
-    // The handler doesn't take event.defaultPrevented into account:
-    //
-    // event.preventDefault() is meant to stop default behaviors like
-    // clicking a checkbox to check it, hitting a button to submit a form,
-    // and hitting left arrow to move the cursor in a text input etc.
-    // Only special HTML elements have these default behaviors.
-    if (event.key !== 'Escape' || !isTopModal()) {
-      return;
-    }
-
-    if (!disableEscapeKeyDown) {
-      // Swallow the event, in case someone is listening for the escape key on the body.
-      event.stopPropagation();
-
-      if (onClose) {
-        onClose(event, 'escapeKeyDown');
-      }
-    }
-  };
-
   const [SlotRoot, rootProps] = useSlot('root', {
-    additionalProps: { role: 'presentation', onKeyDown: handleKeyDown },
-    ref: handleRef,
+    ref: rootRef,
     className: classes.root,
     elementType: ModalRoot,
     externalForwardedProps,
+    getSlotProps: getRootProps,
     ownerState,
   });
 
   const [SlotBackdrop, backdropProps] = useSlot('backdrop', {
-    additionalProps: {
-      'aria-hidden': true,
-      onClick: handleBackdropClick,
-      open,
-    },
     className: classes.backdrop,
     elementType: ModalBackdrop,
     externalForwardedProps,
+    getSlotProps: getBackdropProps,
     ownerState,
   });
 
@@ -272,7 +145,7 @@ const Modal = React.forwardRef(function ModalU(inProps, ref) {
 
   return (
     <CloseModalContext.Provider value={onClose}>
-      <Portal ref={handlePortalRef} container={container} disablePortal={disablePortal}>
+      <Portal ref={portalRef} container={container} disablePortal={disablePortal}>
         {/*
          * Marking an element with the role presentation indicates to assistive technology
          * that this element should be ignored; it exists to support the web application and
diff --git a/packages/mui-joy/src/Modal/ModalProps.ts b/packages/mui-joy/src/Modal/ModalProps.ts
index 08b80ec8106638..58b872784049d4 100644
--- a/packages/mui-joy/src/Modal/ModalProps.ts
+++ b/packages/mui-joy/src/Modal/ModalProps.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ModalOwnProps } from '@mui/base/Modal';
+import { ModalOwnProps as BaseModalOwnProps } from '@mui/base/Modal';
 import { OverrideProps } from '@mui/types';
 import { SxProps } from '../styles/types';
 import { CreateSlotsAndSlotProps, SlotProps } from '../utils/types';
@@ -27,37 +27,38 @@ export type ModalSlotsAndSlotProps = CreateSlotsAndSlotProps<
   }
 >;
 
+export type ModalOwnProps = Pick<
+  BaseModalOwnProps,
+  | 'children'
+  | 'container'
+  | 'disableAutoFocus'
+  | 'disableEnforceFocus'
+  | 'disableEscapeKeyDown'
+  | 'disablePortal'
+  | 'disableRestoreFocus'
+  | 'disableScrollLock'
+  | 'hideBackdrop'
+  | 'keepMounted'
+  | 'open'
+> & {
+  /**
+   * Callback fired when the component requests to be closed.
+   * The `reason` parameter can optionally be used to control the response to `onClose`.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`, `"closeClick"`.
+   */
+  onClose?: {
+    bivarianceHack(event: {}, reason: 'backdropClick' | 'escapeKeyDown' | 'closeClick'): void;
+  }['bivarianceHack'];
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps;
+};
+
 export interface ModalTypeMap<P = {}, D extends React.ElementType = 'div'> {
-  props: P &
-    Pick<
-      ModalOwnProps,
-      | 'children'
-      | 'container'
-      | 'disableAutoFocus'
-      | 'disableEnforceFocus'
-      | 'disableEscapeKeyDown'
-      | 'disablePortal'
-      | 'disableRestoreFocus'
-      | 'disableScrollLock'
-      | 'hideBackdrop'
-      | 'keepMounted'
-      | 'open'
-    > & {
-      /**
-       * Callback fired when the component requests to be closed.
-       * The `reason` parameter can optionally be used to control the response to `onClose`.
-       *
-       * @param {object} event The event source of the callback.
-       * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`, `"closeClick"`.
-       */
-      onClose?: {
-        bivarianceHack(event: {}, reason: 'backdropClick' | 'escapeKeyDown' | 'closeClick'): void;
-      }['bivarianceHack'];
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps;
-    } & ModalSlotsAndSlotProps;
+  props: P & ModalOwnProps & ModalSlotsAndSlotProps;
   defaultComponent: D;
 }
 
diff --git a/packages/mui-joy/src/Modal/modalClasses.ts b/packages/mui-joy/src/Modal/modalClasses.ts
index 28c096298f50af..218507369cc1c1 100644
--- a/packages/mui-joy/src/Modal/modalClasses.ts
+++ b/packages/mui-joy/src/Modal/modalClasses.ts
@@ -3,6 +3,8 @@ import { generateUtilityClass, generateUtilityClasses } from '../className';
 export interface ModalClasses {
   /** Class name applied to the root element. */
   root: string;
+  /** Class name applied to the root element when open is false. */
+  hidden: string;
   /** Class name applied to the backdrop element. */
   backdrop: string;
 }
@@ -13,6 +15,10 @@ export function getModalUtilityClass(slot: string): string {
   return generateUtilityClass('MuiModal', slot);
 }
 
-const modalClasses: ModalClasses = generateUtilityClasses('MuiModal', ['root', 'backdrop']);
+const modalClasses: ModalClasses = generateUtilityClasses('MuiModal', [
+  'root',
+  'hidden',
+  'backdrop',
+]);
 
 export default modalClasses;
diff --git a/packages/mui-joy/src/ModalClose/ModalClose.test.tsx b/packages/mui-joy/src/ModalClose/ModalClose.test.tsx
index 48f9a37da4c332..4bd68b15827b79 100644
--- a/packages/mui-joy/src/ModalClose/ModalClose.test.tsx
+++ b/packages/mui-joy/src/ModalClose/ModalClose.test.tsx
@@ -6,7 +6,7 @@ import {
   describeConformance,
   describeJoyColorInversion,
   fireEvent,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Modal from '@mui/joy/Modal';
diff --git a/packages/mui-joy/src/ModalClose/ModalClose.tsx b/packages/mui-joy/src/ModalClose/ModalClose.tsx
index eaff60f72b60f4..8996fd30a6ab3e 100644
--- a/packages/mui-joy/src/ModalClose/ModalClose.tsx
+++ b/packages/mui-joy/src/ModalClose/ModalClose.tsx
@@ -39,17 +39,18 @@ export const ModalCloseRoot = styled(StyledIconButton, {
   overridesResolver: (props, styles) => styles.root,
 })<{ ownerState: ModalCloseOwnerState }>(({ ownerState, theme }) => ({
   ...(ownerState.size === 'sm' && {
-    '--IconButton-size': '28px',
+    '--IconButton-size': '1.75rem',
   }),
   ...(ownerState.size === 'md' && {
-    '--IconButton-size': '36px',
+    '--IconButton-size': '2rem',
   }),
   ...(ownerState.size === 'lg' && {
-    '--IconButton-size': '40px',
+    '--IconButton-size': '2.25rem',
   }),
   position: 'absolute',
-  top: `var(--ModalClose-inset, ${theme.spacing(1)})`,
-  right: `var(--ModalClose-inset, ${theme.spacing(1)})`,
+  zIndex: 1, // stay on top of the title in case it is positioned relatively
+  top: `var(--ModalClose-inset, 0.625rem)`,
+  right: `var(--ModalClose-inset, 0.625rem)`,
   borderRadius: `var(--ModalClose-radius, ${theme.vars.radius.sm})`,
   // for variant without a background, use `tertiary` text color to reduce the importance of the close icon.
   ...(!theme.variants[ownerState.variant!]?.[ownerState.color!]?.backgroundColor && {
diff --git a/packages/mui-joy/src/ModalDialog/ModalDialog.test.tsx b/packages/mui-joy/src/ModalDialog/ModalDialog.test.tsx
index 437c52036b6fc8..c07f4e3e5d84e2 100644
--- a/packages/mui-joy/src/ModalDialog/ModalDialog.test.tsx
+++ b/packages/mui-joy/src/ModalDialog/ModalDialog.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import ModalDialog, { modalDialogClasses as classes } from '@mui/joy/ModalDialog';
diff --git a/packages/mui-joy/src/ModalDialog/ModalDialog.tsx b/packages/mui-joy/src/ModalDialog/ModalDialog.tsx
index d5fb6472ebeacd..7f7f05d3e259d1 100644
--- a/packages/mui-joy/src/ModalDialog/ModalDialog.tsx
+++ b/packages/mui-joy/src/ModalDialog/ModalDialog.tsx
@@ -7,15 +7,18 @@ import { OverridableComponent } from '@mui/types';
 import {
   unstable_capitalize as capitalize,
   unstable_isMuiElement as isMuiElement,
+  unstable_useId as useId,
 } from '@mui/utils';
+import { Breakpoint } from '@mui/system';
 import { styled, useThemeProps } from '../styles';
-import { useColorInversion } from '../styles/ColorInversion';
-import { SheetRoot } from '../Sheet/Sheet';
+import { Theme } from '../styles/types/theme';
+import { ColorInversionProvider, useColorInversion } from '../styles/ColorInversion';
 import { getModalDialogUtilityClass } from './modalDialogClasses';
 import { ModalDialogProps, ModalDialogOwnerState, ModalDialogTypeMap } from './ModalDialogProps';
 import ModalDialogSizeContext from './ModalDialogSizeContext';
 import ModalDialogVariantColorContext from './ModalDialogVariantColorContext';
 import useSlot from '../utils/useSlot';
+import { StyledCardRoot } from '../Card/Card';
 
 const useUtilityClasses = (ownerState: ModalDialogOwnerState) => {
   const { variant, color, size, layout } = ownerState;
@@ -33,50 +36,53 @@ const useUtilityClasses = (ownerState: ModalDialogOwnerState) => {
   return composeClasses(slots, getModalDialogUtilityClass, {});
 };
 
-const ModalDialogRoot = styled(SheetRoot, {
+function getBreakpointValue(theme: Theme, breakpoint: string | undefined) {
+  return breakpoint && theme.breakpoints?.values[breakpoint as Breakpoint]
+    ? `${theme.breakpoints?.values[breakpoint as Breakpoint]}px`
+    : breakpoint;
+}
+
+const ModalDialogRoot = styled(StyledCardRoot, {
   name: 'JoyModalDialog',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
 })<{ ownerState: ModalDialogOwnerState }>(({ theme, ownerState }) => ({
-  // Divider integration
-  '--Divider-inset': 'calc(-1 * var(--ModalDialog-padding))',
+  '--ModalDialog-minWidth':
+    typeof ownerState.minWidth === 'number'
+      ? `${ownerState.minWidth}px`
+      : getBreakpointValue(theme, ownerState.minWidth),
+  '--ModalDialog-maxWidth':
+    typeof ownerState.maxWidth === 'number'
+      ? `${ownerState.maxWidth}px`
+      : getBreakpointValue(theme, ownerState.maxWidth),
   '--ModalClose-radius':
-    'max((var(--ModalDialog-radius) - var(--variant-borderWidth, 0px)) - var(--ModalClose-inset), min(var(--ModalClose-inset) / 2, (var(--ModalDialog-radius) - var(--variant-borderWidth, 0px)) / 2))',
+    'max((var(--Card-radius) - var(--variant-borderWidth, 0px)) - var(--ModalClose-inset), min(var(--ModalClose-inset) / 2, (var(--Card-radius) - var(--variant-borderWidth, 0px)) / 2))',
+  ...(ownerState.variant === 'solid' && {
+    '--DialogContent-color': 'currentColor',
+  }),
   ...(ownerState.size === 'sm' && {
-    '--ModalDialog-padding': theme.spacing(2),
-    '--ModalDialog-radius': theme.vars.radius.sm,
-    '--ModalDialog-gap': theme.spacing(0.75),
+    '--Card-padding': '1rem',
     '--ModalDialog-titleOffset': theme.spacing(0.25),
     '--ModalDialog-descriptionOffset': theme.spacing(0.25),
-    '--ModalClose-inset': theme.spacing(1.25),
+    '--ModalClose-inset': '0.375rem',
   }),
   ...(ownerState.size === 'md' && {
-    '--ModalDialog-padding': theme.spacing(2.5),
-    '--ModalDialog-radius': theme.vars.radius.md,
-    '--ModalDialog-gap': theme.spacing(1.5),
+    '--Card-padding': '1.25rem',
     '--ModalDialog-titleOffset': theme.spacing(0.25),
     '--ModalDialog-descriptionOffset': theme.spacing(0.75),
-    '--ModalClose-inset': theme.spacing(1.5),
+    '--ModalClose-inset': '0.5rem',
   }),
   ...(ownerState.size === 'lg' && {
-    '--ModalDialog-padding': theme.spacing(3),
-    '--ModalDialog-radius': theme.vars.radius.md,
-    '--ModalDialog-gap': theme.spacing(2),
+    '--Card-padding': '1.5rem',
     '--ModalDialog-titleOffset': theme.spacing(0.5),
     '--ModalDialog-descriptionOffset': theme.spacing(1),
-    '--ModalClose-inset': theme.spacing(1.5),
+    '--ModalClose-inset': '0.625rem',
   }),
   boxSizing: 'border-box',
   boxShadow: theme.shadow.md,
-  borderRadius: 'var(--ModalDialog-radius)',
-  fontFamily: theme.vars.fontFamily.body,
-  lineHeight: theme.vars.lineHeight.md,
-  padding: 'var(--ModalDialog-padding)',
-  minWidth: 'min(calc(100vw - 2 * var(--ModalDialog-padding)), var(--ModalDialog-minWidth, 300px))',
+  minWidth: 'min(calc(100vw - 2 * var(--Card-padding)), var(--ModalDialog-minWidth, 300px))',
   outline: 0,
   position: 'absolute',
-  display: 'flex',
-  flexDirection: 'column',
   ...(ownerState.layout === 'fullscreen' && {
     top: 0,
     left: 0,
@@ -89,9 +95,8 @@ const ModalDialogRoot = styled(SheetRoot, {
     top: '50%',
     left: '50%',
     transform: 'translate(-50%, -50%)',
-    maxWidth:
-      'min(calc(100vw - 2 * var(--ModalDialog-padding)), var(--ModalDialog-maxWidth, 100vw))',
-    maxHeight: 'calc(100% - 2 * var(--ModalDialog-padding))',
+    maxWidth: 'min(calc(100vw - 2 * var(--Card-padding)), var(--ModalDialog-maxWidth, 100vw))',
+    maxHeight: 'calc(100% - 2 * var(--Card-padding))',
   }),
   [`& [id="${ownerState['aria-labelledby']}"]`]: {
     '--Typography-margin': 'calc(-1 * var(--ModalDialog-titleOffset)) 0 var(--ModalDialog-gap) 0',
@@ -130,11 +135,15 @@ const ModalDialog = React.forwardRef(function ModalDialog(inProps, ref) {
   const {
     className,
     children,
+    invertedColors = false,
+    orientation = 'vertical',
     color: colorProp = 'neutral',
     component = 'div',
     variant = 'outlined',
     size = 'md',
     layout = 'center',
+    maxWidth,
+    minWidth,
     slots = {},
     slotProps = {},
     ...other
@@ -146,6 +155,8 @@ const ModalDialog = React.forwardRef(function ModalDialog(inProps, ref) {
     ...props,
     color,
     component,
+    maxWidth,
+    minWidth,
     layout,
     size,
     variant,
@@ -154,9 +165,11 @@ const ModalDialog = React.forwardRef(function ModalDialog(inProps, ref) {
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = { ...other, component, slots, slotProps };
 
+  const labelledBy = useId();
+  const describedBy = useId();
   const contextValue = React.useMemo(
-    () => ({ variant, color: color === 'context' ? undefined : color }),
-    [color, variant],
+    () => ({ variant, color: color === 'context' ? undefined : color, labelledBy, describedBy }),
+    [color, variant, labelledBy, describedBy],
   );
 
   const [SlotRoot, rootProps] = useSlot('root', {
@@ -169,28 +182,52 @@ const ModalDialog = React.forwardRef(function ModalDialog(inProps, ref) {
       as: component,
       role: 'dialog',
       'aria-modal': 'true',
+      'aria-labelledby': labelledBy,
+      'aria-describedby': describedBy,
     },
   });
 
-  return (
+  const result = (
     <ModalDialogSizeContext.Provider value={size}>
       <ModalDialogVariantColorContext.Provider value={contextValue}>
         <SlotRoot {...rootProps}>
-          {React.Children.map(children, (child) => {
+          {React.Children.map(children, (child, index) => {
             if (!React.isValidElement(child)) {
               return child;
             }
+            const extraProps: Record<string, any> = {};
             if (isMuiElement(child, ['Divider'])) {
-              const extraProps: Record<string, any> = {};
               extraProps.inset = 'inset' in child.props ? child.props.inset : 'context';
-              return React.cloneElement(child, extraProps);
+
+              const dividerOrientation = orientation === 'vertical' ? 'horizontal' : 'vertical';
+              extraProps.orientation =
+                'orientation' in child.props ? child.props.orientation : dividerOrientation;
+            }
+            if (isMuiElement(child, ['CardOverflow'])) {
+              if (orientation === 'horizontal') {
+                extraProps['data-parent'] = 'Card-horizontal';
+              }
+              if (orientation === 'vertical') {
+                extraProps['data-parent'] = 'Card-vertical';
+              }
             }
-            return child;
+            if (index === 0) {
+              extraProps['data-first-child'] = '';
+            }
+            if (index === React.Children.count(children) - 1) {
+              extraProps['data-last-child'] = '';
+            }
+            return React.cloneElement(child, extraProps);
           })}
         </SlotRoot>
       </ModalDialogVariantColorContext.Provider>
     </ModalDialogSizeContext.Provider>
   );
+
+  if (invertedColors) {
+    return <ColorInversionProvider variant={variant}>{result}</ColorInversionProvider>;
+  }
+  return result;
 }) as OverridableComponent<ModalDialogTypeMap>;
 
 ModalDialog.propTypes /* remove-proptypes */ = {
@@ -219,6 +256,11 @@ ModalDialog.propTypes /* remove-proptypes */ = {
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
+  /**
+   * If `true`, the children with an implicit color prop invert their colors to match the component's variant and color.
+   * @default false
+   */
+  invertedColors: PropTypes.bool,
   /**
    * The layout of the dialog
    * @default 'center'
@@ -227,6 +269,25 @@ ModalDialog.propTypes /* remove-proptypes */ = {
     PropTypes.oneOf(['center', 'fullscreen']),
     PropTypes.string,
   ]),
+  /**
+   * The maximum width of the component.
+   * @example 'md' will use the theme's `md` breakpoint value
+   * @example 360 is the number of pixels
+   * @example '60ch' can be any valid CSS max-width unit
+   */
+  maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * The minimum width of the component.
+   * @example 'md' will use the theme's `md` breakpoint value
+   * @example 360 is the number of pixels
+   * @example '60ch' can be any valid CSS min-width unit
+   */
+  minWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * The component orientation.
+   * @default 'vertical'
+   */
+  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
   /**
    * The size of the component.
    * @default 'md'
diff --git a/packages/mui-joy/src/ModalDialog/ModalDialogProps.ts b/packages/mui-joy/src/ModalDialog/ModalDialogProps.ts
index 9f6d97ceab1878..0a717f83606534 100644
--- a/packages/mui-joy/src/ModalDialog/ModalDialogProps.ts
+++ b/packages/mui-joy/src/ModalDialog/ModalDialogProps.ts
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Breakpoint } from '@mui/system';
 import { OverridableStringUnion, OverrideProps } from '@mui/types';
 import { ColorPaletteProp, SxProps, VariantProp, ApplyColorInversion } from '../styles/types';
 import { SlotProps, CreateSlotsAndSlotProps } from '../utils/types';
@@ -36,11 +37,35 @@ export interface ModalDialogTypeMap<P = {}, D extends React.ElementType = 'div'>
      * @default 'neutral'
      */
     color?: OverridableStringUnion<ColorPaletteProp, ModalDialogPropsColorOverrides>;
+    /**
+     * If `true`, the children with an implicit color prop invert their colors to match the component's variant and color.
+     * @default false
+     */
+    invertedColors?: boolean;
+    /**
+     * The maximum width of the component.
+     * @example 'md' will use the theme's `md` breakpoint value
+     * @example 360 is the number of pixels
+     * @example '60ch' can be any valid CSS max-width unit
+     */
+    maxWidth?: Breakpoint | number | string;
+    /**
+     * The minimum width of the component.
+     * @example 'md' will use the theme's `md` breakpoint value
+     * @example 360 is the number of pixels
+     * @example '60ch' can be any valid CSS min-width unit
+     */
+    minWidth?: Breakpoint | number | string;
     /**
      * The layout of the dialog
      * @default 'center'
      */
     layout?: 'center' | 'fullscreen';
+    /**
+     * The component orientation.
+     * @default 'vertical'
+     */
+    orientation?: 'horizontal' | 'vertical';
     /**
      * The size of the component.
      * @default 'md'
diff --git a/packages/mui-joy/src/ModalDialog/ModalDialogVariantColorContext.ts b/packages/mui-joy/src/ModalDialog/ModalDialogVariantColorContext.ts
index d184b53f198952..b028adfe78e17d 100644
--- a/packages/mui-joy/src/ModalDialog/ModalDialogVariantColorContext.ts
+++ b/packages/mui-joy/src/ModalDialog/ModalDialogVariantColorContext.ts
@@ -2,7 +2,8 @@ import * as React from 'react';
 import { ModalDialogProps } from './ModalDialogProps';
 
 const ModalDialogVariantColorContext = React.createContext<
-  undefined | Pick<ModalDialogProps, 'variant' | 'color'>
+  | undefined
+  | (Pick<ModalDialogProps, 'variant' | 'color'> & { labelledBy?: string; describedBy?: string })
 >(undefined);
 
 export default ModalDialogVariantColorContext;
diff --git a/packages/mui-joy/src/ModalOverflow/ModalOverflow.test.tsx b/packages/mui-joy/src/ModalOverflow/ModalOverflow.test.tsx
index 6b2268cc25fffb..4b33be3c56985f 100644
--- a/packages/mui-joy/src/ModalOverflow/ModalOverflow.test.tsx
+++ b/packages/mui-joy/src/ModalOverflow/ModalOverflow.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import ModalOverflow, { modalOverflowClasses as classes } from '@mui/joy/ModalOverflow';
 
diff --git a/packages/mui-joy/src/Radio/Radio.test.tsx b/packages/mui-joy/src/Radio/Radio.test.tsx
index a3460d781e2260..eaf3bf40235e82 100644
--- a/packages/mui-joy/src/Radio/Radio.test.tsx
+++ b/packages/mui-joy/src/Radio/Radio.test.tsx
@@ -6,7 +6,7 @@ import {
   createRenderer,
   fireEvent,
   describeJoyColorInversion,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import Radio, { radioClasses as classes } from '@mui/joy/Radio';
 import { ThemeProvider } from '@mui/joy/styles';
 
diff --git a/packages/mui-joy/src/Radio/Radio.tsx b/packages/mui-joy/src/Radio/Radio.tsx
index 41f9f68228d2b0..6667d6e9d9d896 100644
--- a/packages/mui-joy/src/Radio/Radio.tsx
+++ b/packages/mui-joy/src/Radio/Radio.tsx
@@ -102,7 +102,7 @@ const RadioRoot = styled('span', {
           marginBlockStart:
             ownerState.orientation === 'horizontal' ? undefined : 'var(--RadioGroup-gap)',
         }),
-    },
+    } as const,
   ];
 });
 
@@ -133,7 +133,7 @@ const RadioRadio = styled('span', {
       [`&.${radioClasses.checked}`]: {
         '--Icon-color': 'currentColor',
       },
-    },
+    } as const,
     ...(!ownerState.disableIcon
       ? [
           {
@@ -174,7 +174,7 @@ const RadioAction = styled('span', {
     right: 'calc(-1 * var(--variant-borderWidth, 0px))',
     zIndex: 1, // The action element usually cover the area of nearest positioned parent
     [theme.focus.selector]: theme.focus.default,
-  },
+  } as const,
   ...(ownerState.disableIcon
     ? [
         theme.variants[ownerState.variant!]?.[ownerState.color!],
diff --git a/packages/mui-joy/src/RadioGroup/RadioGroup.test.tsx b/packages/mui-joy/src/RadioGroup/RadioGroup.test.tsx
index 90f2665ad56884..1c622252b9cff3 100644
--- a/packages/mui-joy/src/RadioGroup/RadioGroup.test.tsx
+++ b/packages/mui-joy/src/RadioGroup/RadioGroup.test.tsx
@@ -2,7 +2,13 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, act, createRenderer, fireEvent, screen } from 'test/utils';
+import {
+  describeConformance,
+  act,
+  createRenderer,
+  fireEvent,
+  screen,
+} from '@mui-internal/test-utils';
 import RadioGroup, { radioGroupClasses as classes, RadioGroupProps } from '@mui/joy/RadioGroup';
 import Radio from '@mui/joy/Radio';
 import { ThemeProvider } from '@mui/joy/styles';
diff --git a/packages/mui-joy/src/ScopedCssBaseline/ScopedCssBaseline.test.tsx b/packages/mui-joy/src/ScopedCssBaseline/ScopedCssBaseline.test.tsx
index 19802b8143d99f..064797f0a7a41d 100644
--- a/packages/mui-joy/src/ScopedCssBaseline/ScopedCssBaseline.test.tsx
+++ b/packages/mui-joy/src/ScopedCssBaseline/ScopedCssBaseline.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import ScopedCssBaseline, { scopedCssBaselineClasses as classes } from '@mui/joy/ScopedCssBaseline';
 
diff --git a/packages/mui-joy/src/Select/Select.test.tsx b/packages/mui-joy/src/Select/Select.test.tsx
index 5a777cde503109..239871e5a8e49f 100644
--- a/packages/mui-joy/src/Select/Select.test.tsx
+++ b/packages/mui-joy/src/Select/Select.test.tsx
@@ -8,7 +8,7 @@ import {
   createRenderer,
   fireEvent,
   screen,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Select, { selectClasses as classes, SelectOption } from '@mui/joy/Select';
 import Option from '@mui/joy/Option';
diff --git a/packages/mui-joy/src/Select/Select.tsx b/packages/mui-joy/src/Select/Select.tsx
index 871ac851847afe..2b3f19a198941f 100644
--- a/packages/mui-joy/src/Select/Select.tsx
+++ b/packages/mui-joy/src/Select/Select.tsx
@@ -26,18 +26,6 @@ function defaultRenderSingleValue<TValue>(selectedOption: SelectOption<TValue> |
   return selectedOption?.label ?? '';
 }
 
-function defaultFormValueProvider<TValue>(selectedOption: SelectOption<TValue> | null) {
-  if (selectedOption?.value == null) {
-    return '';
-  }
-
-  if (typeof selectedOption.value === 'string' || typeof selectedOption.value === 'number') {
-    return selectedOption.value;
-  }
-
-  return JSON.stringify(selectedOption.value);
-}
-
 const defaultModifiers: PopperProps['modifiers'] = [
   {
     name: 'offset',
@@ -114,13 +102,13 @@ const SelectRoot = styled('div', {
         '--Icon-fontSize': theme.vars.fontSize.xl,
       }),
       ...(ownerState.size === 'md' && {
-        '--Select-minHeight': '2.5rem',
+        '--Select-minHeight': '2.25rem',
         '--Select-paddingInline': '0.75rem',
-        '--Select-decoratorChildHeight': 'min(2rem, var(--Select-minHeight))',
+        '--Select-decoratorChildHeight': 'min(1.75rem, var(--Select-minHeight))',
         '--Icon-fontSize': theme.vars.fontSize.xl2,
       }),
       ...(ownerState.size === 'lg' && {
-        '--Select-minHeight': '3rem',
+        '--Select-minHeight': '2.75rem',
         '--Select-paddingInline': '1rem',
         '--Select-decoratorChildHeight': 'min(2.375rem, var(--Select-minHeight))',
         '--Icon-fontSize': theme.vars.fontSize.xl2,
@@ -137,6 +125,9 @@ const SelectRoot = styled('div', {
       '--Button-radius': 'var(--Select-decoratorChildRadius)',
       '--IconButton-radius': 'var(--Select-decoratorChildRadius)',
       boxSizing: 'border-box',
+      ...(ownerState.variant !== 'plain' && {
+        boxShadow: theme.shadow.xs,
+      }),
       minWidth: 0,
       minHeight: 'var(--Select-minHeight)',
       position: 'relative',
@@ -176,7 +167,7 @@ const SelectRoot = styled('div', {
       [`&.${selectClasses.disabled}`]: {
         '--Select-indicatorColor': 'inherit',
       },
-    },
+    } as const,
     {
       '&:hover': theme.variants[`${ownerState.variant!}Hover`]?.[ownerState.color!],
       [`&.${selectClasses.disabled}`]:
@@ -336,7 +327,7 @@ const Select = React.forwardRef(function Select<TValue extends {}>(
     defaultValue,
     defaultListboxOpen = false,
     disabled: disabledExternalProp,
-    getSerializedValue = defaultFormValueProvider,
+    getSerializedValue,
     placeholder,
     listboxId,
     listboxOpen: listboxOpenProp,
@@ -344,6 +335,7 @@ const Select = React.forwardRef(function Select<TValue extends {}>(
     onListboxOpenChange,
     onClose,
     renderValue: renderValueProp,
+    required = false,
     value: valueProp,
     size: sizeProp = 'md',
     variant = 'outlined',
@@ -394,9 +386,9 @@ const Select = React.forwardRef(function Select<TValue extends {}>(
   const renderValue = renderValueProp ?? defaultRenderSingleValue;
   const [anchorEl, setAnchorEl] = React.useState<HTMLElement | null>(null);
 
-  const rootRef = React.useRef<HTMLElement | null>(null);
-  const buttonRef = React.useRef<HTMLElement | null>(null);
-  const listboxRef = React.useRef<HTMLElement | null>(null);
+  const rootRef = React.useRef<HTMLElement>(null);
+  const buttonRef = React.useRef<HTMLElement>(null);
+  const listboxRef = React.useRef<HTMLElement>(null);
 
   const handleRef = useForkRef(ref, rootRef);
 
@@ -437,6 +429,7 @@ const Select = React.forwardRef(function Select<TValue extends {}>(
     disabled,
     getButtonProps,
     getListboxProps,
+    getHiddenInputProps,
     getOptionMetadata,
     open: listboxOpen,
     value,
@@ -445,8 +438,11 @@ const Select = React.forwardRef(function Select<TValue extends {}>(
     defaultOpen: defaultListboxOpen,
     defaultValue,
     disabled: disabledProp,
+    getSerializedValue,
     listboxId,
     multiple: false,
+    name,
+    required,
     onChange,
     onOpenChange: handleOpenChange,
     open: listboxOpenProp,
@@ -488,6 +484,7 @@ const Select = React.forwardRef(function Select<TValue extends {}>(
       'aria-describedby': ariaDescribedby ?? formControl?.['aria-describedby'],
       'aria-label': ariaLabel,
       'aria-labelledby': ariaLabelledby ?? formControl?.labelId,
+      'aria-required': required ? 'true' : undefined,
       id: id ?? formControl?.htmlFor,
       name,
     },
@@ -599,10 +596,9 @@ const Select = React.forwardRef(function Select<TValue extends {}>(
         {endDecorator && <SlotEndDecorator {...endDecoratorProps}>{endDecorator}</SlotEndDecorator>}
 
         {indicator && <SlotIndicator {...indicatorProps}>{indicator}</SlotIndicator>}
+        <input {...getHiddenInputProps()} />
       </SlotRoot>
       {result}
-
-      {name && <input type="hidden" name={name} value={getSerializedValue(selectedOption)} />}
     </React.Fragment>
   );
 }) as SelectComponent;
@@ -730,6 +726,11 @@ Select.propTypes /* remove-proptypes */ = {
    * Function that customizes the rendering of the selected value.
    */
   renderValue: PropTypes.func,
+  /**
+   * If `true`, the Select cannot be empty when submitting form.
+   * @default false
+   */
+  required: PropTypes.bool,
   /**
    * The size of the component.
    */
diff --git a/packages/mui-joy/src/Select/SelectProps.ts b/packages/mui-joy/src/Select/SelectProps.ts
index e29fc6230703a2..0ab6e0c6822f9b 100644
--- a/packages/mui-joy/src/Select/SelectProps.ts
+++ b/packages/mui-joy/src/Select/SelectProps.ts
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { OverridableStringUnion, OverrideProps } from '@mui/types';
 import { PopperOwnProps } from '@mui/base/Popper';
+import { SelectValue } from '@mui/base/useSelect';
 import { SelectOption } from '@mui/base/useOption';
 import { ColorPaletteProp, SxProps, VariantProp, ApplyColorInversion } from '../styles/types';
 import { CreateSlotsAndSlotProps, SlotProps } from '../utils/types';
@@ -140,6 +141,11 @@ export interface SelectStaticProps {
    * Text to show when there is no selected value.
    */
   placeholder?: React.ReactNode;
+  /**
+   * If `true`, the Select cannot be empty when submitting form.
+   * @default false
+   */
+  required?: boolean;
   /**
    * The size of the component.
    */
@@ -159,41 +165,40 @@ export interface SelectStaticProps {
   variant?: OverridableStringUnion<VariantProp, SelectPropsVariantOverrides>;
 }
 
-export type SelectOwnProps<TValue extends {}> = SelectStaticProps &
+export type SelectOwnProps<OptionValue extends {}> = SelectStaticProps &
   SelectSlotsAndSlotProps & {
     /**
      * The default selected value. Use when the component is not controlled.
      */
-    defaultValue?: TValue | null;
-
+    defaultValue?: OptionValue | null;
     /**
      * A function to convert the currently selected value to a string.
      * Used to set a value of a hidden input associated with the select,
      * so that the selected value can be posted with a form.
      */
     getSerializedValue?: (
-      option: SelectOption<TValue> | null,
+      option: SelectValue<SelectOption<OptionValue>, false>,
     ) => React.InputHTMLAttributes<HTMLInputElement>['value'];
     /**
      * Callback fired when an option is selected.
      */
     onChange?: (
       event: React.MouseEvent | React.KeyboardEvent | React.FocusEvent | null,
-      value: TValue | null,
+      value: OptionValue | null,
     ) => void;
     /**
      * Function that customizes the rendering of the selected value.
      */
-    renderValue?: (option: SelectOption<TValue> | null) => React.ReactNode;
+    renderValue?: (option: SelectOption<OptionValue> | null) => React.ReactNode;
     /**
      * The selected value.
      * Set to `null` to deselect all options.
      */
-    value?: TValue | null;
+    value?: OptionValue | null;
   };
 
-export interface SelectOwnerState<TValue extends {}>
-  extends ApplyColorInversion<SelectOwnProps<TValue>> {
+export interface SelectOwnerState<OptionValue extends {}>
+  extends ApplyColorInversion<SelectOwnProps<OptionValue>> {
   /**
    * If `true`, the select button is active.
    */
@@ -212,14 +217,18 @@ export interface SelectOwnerState<TValue extends {}>
   open: boolean;
 }
 
-export interface SelectTypeMap<TValue extends {}, P = {}, D extends React.ElementType = 'button'> {
-  props: P & SelectOwnProps<TValue>;
+export interface SelectTypeMap<
+  OptionValue extends {},
+  P = {},
+  D extends React.ElementType = 'button',
+> {
+  props: P & SelectOwnProps<OptionValue>;
   defaultComponent: D;
 }
 
 export type SelectProps<
-  TValue extends {},
-  D extends React.ElementType = SelectTypeMap<TValue>['defaultComponent'],
-> = OverrideProps<SelectTypeMap<TValue, {}, D>, D> & {
+  OptionValue extends {},
+  D extends React.ElementType = SelectTypeMap<OptionValue>['defaultComponent'],
+> = OverrideProps<SelectTypeMap<OptionValue, {}, D>, D> & {
   component?: D;
 };
diff --git a/packages/mui-joy/src/Sheet/Sheet.test.tsx b/packages/mui-joy/src/Sheet/Sheet.test.tsx
index 210529638d6d8c..6b9c58e3752461 100644
--- a/packages/mui-joy/src/Sheet/Sheet.test.tsx
+++ b/packages/mui-joy/src/Sheet/Sheet.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Sheet, { sheetClasses as classes, SheetClassKey } from '@mui/joy/Sheet';
diff --git a/packages/mui-joy/src/Sheet/Sheet.tsx b/packages/mui-joy/src/Sheet/Sheet.tsx
index 3352b12e704d50..98a857b28375d2 100644
--- a/packages/mui-joy/src/Sheet/Sheet.tsx
+++ b/packages/mui-joy/src/Sheet/Sheet.tsx
@@ -69,7 +69,7 @@ export const SheetRoot = styled('div', {
       }),
       backgroundColor: theme.vars.palette.background.surface,
       position: 'relative',
-    },
+    } as const,
     {
       ...theme.typography['body-md'],
       ...variantStyle,
diff --git a/packages/mui-joy/src/Skeleton/Skeleton.test.tsx b/packages/mui-joy/src/Skeleton/Skeleton.test.tsx
index 0c130cd18a70c9..854409169b2710 100644
--- a/packages/mui-joy/src/Skeleton/Skeleton.test.tsx
+++ b/packages/mui-joy/src/Skeleton/Skeleton.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Skeleton, { skeletonClasses as classes } from '@mui/joy/Skeleton';
 
diff --git a/packages/mui-joy/src/Skeleton/Skeleton.tsx b/packages/mui-joy/src/Skeleton/Skeleton.tsx
index 250b1cca419781..5f26b0ea8e9adf 100644
--- a/packages/mui-joy/src/Skeleton/Skeleton.tsx
+++ b/packages/mui-joy/src/Skeleton/Skeleton.tsx
@@ -147,111 +147,116 @@ const SkeletonRoot = styled('span', {
         [theme.getColorSchemeSelector('dark')]: {
           '--unstable_wave-bg': 'rgba(255 255 255 / 0.1)',
         },
-      },
-      ownerState.variant === 'rectangular' && {
-        borderRadius: 'min(0.15em, 6px)',
-        height: 'auto',
-        width: '100%',
-        '&::before': {
-          position: 'absolute',
-        },
-        ...(!ownerState.animation && {
-          backgroundColor: theme.vars.palette.background.level3,
-        }),
-        ...(ownerState.level !== 'inherit' && {
-          ...theme.typography[ownerState.level!],
-        }),
-      },
-      ownerState.variant === 'circular' && {
-        borderRadius: '50%',
-        width: '100%',
-        height: '100%',
-        '&::before': {
-          position: 'absolute',
-        },
-        ...(!ownerState.animation && {
-          backgroundColor: theme.vars.palette.background.level3,
-        }),
-        ...(ownerState.level !== 'inherit' && {
-          ...theme.typography[ownerState.level!],
-        }),
-      },
-      ownerState.variant === 'text' && {
-        borderRadius: 'min(0.15em, 6px)',
-        background: 'transparent',
-        width: '100%',
-        ...(ownerState.level !== 'inherit' && {
-          ...theme.typography[ownerState.level || defaultLevel],
-          paddingBlockStart: `calc((${
-            theme.typography[ownerState.level || defaultLevel]?.lineHeight || 1
-          } - 1) * 0.56em)`,
-          paddingBlockEnd: `calc((${
-            theme.typography[ownerState.level || defaultLevel]?.lineHeight || 1
-          } - 1) * 0.44em)`,
+      } as const,
+      ownerState.variant === 'rectangular' &&
+        ({
+          borderRadius: 'min(0.15em, 6px)',
+          height: 'auto',
+          width: '100%',
           '&::before': {
-            height: '1em',
-            ...theme.typography[ownerState.level || defaultLevel],
-            ...(ownerState.animation === 'wave' && {
-              backgroundColor: theme.vars.palette.background.level3,
-            }),
-            ...(!ownerState.animation && {
-              backgroundColor: theme.vars.palette.background.level3,
-            }),
+            position: 'absolute',
+          },
+          ...(!ownerState.animation && {
+            backgroundColor: theme.vars.palette.background.level3,
+          }),
+          ...(ownerState.level !== 'inherit' && {
+            ...theme.typography[ownerState.level!],
+          }),
+        } as const),
+      ownerState.variant === 'circular' &&
+        ({
+          borderRadius: '50%',
+          width: '100%',
+          height: '100%',
+          '&::before': {
+            position: 'absolute',
           },
-          '&::after': {
-            height: '1em',
-            top: `calc((${
+          ...(!ownerState.animation && {
+            backgroundColor: theme.vars.palette.background.level3,
+          }),
+          ...(ownerState.level !== 'inherit' && {
+            ...theme.typography[ownerState.level!],
+          }),
+        } as const),
+      ownerState.variant === 'text' &&
+        ({
+          borderRadius: 'min(0.15em, 6px)',
+          background: 'transparent',
+          width: '100%',
+          ...(ownerState.level !== 'inherit' && {
+            ...theme.typography[ownerState.level || defaultLevel],
+            paddingBlockStart: `calc((${
               theme.typography[ownerState.level || defaultLevel]?.lineHeight || 1
             } - 1) * 0.56em)`,
-            ...theme.typography[ownerState.level || defaultLevel],
-          },
-        }),
-      },
-      ownerState.variant === 'inline' && {
-        display: 'inline',
-        position: 'initial',
-        borderRadius: 'min(0.15em, 6px)',
-        ...(!ownerState.animation && {
-          backgroundColor: theme.vars.palette.background.level3,
-        }),
-        ...(ownerState.level !== 'inherit' && {
-          ...theme.typography[ownerState.level!],
-        }),
-        WebkitMaskImage: '-webkit-radial-gradient(white, black)',
-        '&::before': {
-          position: 'absolute',
-          zIndex: 'var(--unstable_pseudo-zIndex)',
-          backgroundColor: theme.vars.palette.background.level3,
-        },
-        ...(ownerState.animation === 'pulse' && {
-          '&::after': {
-            content: '""',
+            paddingBlockEnd: `calc((${
+              theme.typography[ownerState.level || defaultLevel]?.lineHeight || 1
+            } - 1) * 0.44em)`,
+            '&::before': {
+              height: '1em',
+              ...theme.typography[ownerState.level || defaultLevel],
+              ...(ownerState.animation === 'wave' && {
+                backgroundColor: theme.vars.palette.background.level3,
+              }),
+              ...(!ownerState.animation && {
+                backgroundColor: theme.vars.palette.background.level3,
+              }),
+            },
+            '&::after': {
+              height: '1em',
+              top: `calc((${
+                theme.typography[ownerState.level || defaultLevel]?.lineHeight || 1
+              } - 1) * 0.56em)`,
+              ...theme.typography[ownerState.level || defaultLevel],
+            },
+          }),
+        } as const),
+      ownerState.variant === 'inline' &&
+        ({
+          display: 'inline',
+          position: 'initial',
+          borderRadius: 'min(0.15em, 6px)',
+          ...(!ownerState.animation && {
+            backgroundColor: theme.vars.palette.background.level3,
+          }),
+          ...(ownerState.level !== 'inherit' && {
+            ...theme.typography[ownerState.level!],
+          }),
+          WebkitMaskImage: '-webkit-radial-gradient(white, black)',
+          '&::before': {
             position: 'absolute',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
             zIndex: 'var(--unstable_pseudo-zIndex)',
             backgroundColor: theme.vars.palette.background.level3,
           },
-        }),
-      },
-      ownerState.variant === 'overlay' && {
-        borderRadius: theme.vars.radius.xs,
-        position: 'absolute',
-        width: '100%',
-        height: '100%',
-        zIndex: 'var(--unstable_pseudo-zIndex)',
-        ...(ownerState.animation === 'pulse' && {
-          backgroundColor: theme.vars.palette.background.surface,
-        }),
-        ...(ownerState.level !== 'inherit' && {
-          ...theme.typography[ownerState.level!],
-        }),
-        '&::before': {
+          ...(ownerState.animation === 'pulse' && {
+            '&::after': {
+              content: '""',
+              position: 'absolute',
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              zIndex: 'var(--unstable_pseudo-zIndex)',
+              backgroundColor: theme.vars.palette.background.level3,
+            },
+          }),
+        } as const),
+      ownerState.variant === 'overlay' &&
+        ({
+          borderRadius: theme.vars.radius.xs,
           position: 'absolute',
-        },
-      },
+          width: '100%',
+          height: '100%',
+          zIndex: 'var(--unstable_pseudo-zIndex)',
+          ...(ownerState.animation === 'pulse' && {
+            backgroundColor: theme.vars.palette.background.surface,
+          }),
+          ...(ownerState.level !== 'inherit' && {
+            ...theme.typography[ownerState.level!],
+          }),
+          '&::before': {
+            position: 'absolute',
+          },
+        } as const),
     ];
   },
 );
diff --git a/packages/mui-joy/src/Slider/Slider.test.tsx b/packages/mui-joy/src/Slider/Slider.test.tsx
index 40767eb0060e85..8e2a08410db6e6 100644
--- a/packages/mui-joy/src/Slider/Slider.test.tsx
+++ b/packages/mui-joy/src/Slider/Slider.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, describeJoyColorInversion } from 'test/utils';
+import {
+  describeConformance,
+  createRenderer,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import Slider, { sliderClasses as classes } from '@mui/joy/Slider';
 import { ThemeProvider } from '@mui/joy/styles';
 
diff --git a/packages/mui-joy/src/Slider/Slider.tsx b/packages/mui-joy/src/Slider/Slider.tsx
index 228d4de915c530..a517cf22549898 100644
--- a/packages/mui-joy/src/Slider/Slider.tsx
+++ b/packages/mui-joy/src/Slider/Slider.tsx
@@ -134,7 +134,7 @@ const SliderRoot = styled('span', {
       '@media print': {
         colorAdjust: 'exact',
       },
-    },
+    } as const,
   ];
 });
 
@@ -172,7 +172,7 @@ const SliderRail = styled('span', {
     ...(ownerState.track === 'inverted' && {
       opacity: 1,
     }),
-  },
+  } as const,
 ]);
 
 const SliderTrack = styled('span', {
@@ -208,7 +208,7 @@ const SliderTrack = styled('span', {
       ...(ownerState.track === false && {
         display: 'none',
       }),
-    },
+    } as const,
   ];
 });
 
diff --git a/packages/mui-joy/src/Stack/Stack.test.tsx b/packages/mui-joy/src/Stack/Stack.test.tsx
index 44dd7ecead741c..bf4552bd2abe00 100644
--- a/packages/mui-joy/src/Stack/Stack.test.tsx
+++ b/packages/mui-joy/src/Stack/Stack.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Stack, { stackClasses as classes } from '@mui/joy/Stack';
 
diff --git a/packages/mui-joy/src/SvgIcon/SvgIcon.test.tsx b/packages/mui-joy/src/SvgIcon/SvgIcon.test.tsx
index a24cf0f87cfe4c..47f169e59abf0f 100644
--- a/packages/mui-joy/src/SvgIcon/SvgIcon.test.tsx
+++ b/packages/mui-joy/src/SvgIcon/SvgIcon.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import SvgIcon, {
   svgIconClasses as classes,
diff --git a/packages/mui-joy/src/Switch/Switch.test.tsx b/packages/mui-joy/src/Switch/Switch.test.tsx
index ea44532064c45a..014c0baf54c62c 100644
--- a/packages/mui-joy/src/Switch/Switch.test.tsx
+++ b/packages/mui-joy/src/Switch/Switch.test.tsx
@@ -7,7 +7,7 @@ import {
   createRenderer,
   fireEvent,
   screen,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import Switch, { switchClasses as classes } from '@mui/joy/Switch';
 import { ThemeProvider } from '@mui/joy/styles';
 
diff --git a/packages/mui-joy/src/Switch/Switch.tsx b/packages/mui-joy/src/Switch/Switch.tsx
index 6e178f37b366f5..e44aa8310fc33b 100644
--- a/packages/mui-joy/src/Switch/Switch.tsx
+++ b/packages/mui-joy/src/Switch/Switch.tsx
@@ -65,23 +65,23 @@ const SwitchRoot = styled('div', {
     '--Switch-thumbShadow':
       ownerState.variant === 'soft' ? 'none' : '0 0 0 1px var(--Switch-trackBackground)', // create border-like if the thumb is bigger than the track
     ...(ownerState.size === 'sm' && {
-      '--Switch-trackWidth': '40px',
-      '--Switch-trackHeight': '20px',
-      '--Switch-thumbSize': '12px',
+      '--Switch-trackWidth': '32px',
+      '--Switch-trackHeight': '16px',
+      '--Switch-thumbSize': '8px',
       '--Switch-gap': '6px',
       fontSize: theme.vars.fontSize.sm,
     }),
     ...(ownerState.size === 'md' && {
-      '--Switch-trackWidth': '48px',
-      '--Switch-trackHeight': '24px',
-      '--Switch-thumbSize': '16px',
+      '--Switch-trackWidth': '40px',
+      '--Switch-trackHeight': '20px',
+      '--Switch-thumbSize': '12px',
       '--Switch-gap': '8px',
       fontSize: theme.vars.fontSize.md,
     }),
     ...(ownerState.size === 'lg' && {
-      '--Switch-trackWidth': '64px',
-      '--Switch-trackHeight': '32px',
-      '--Switch-thumbSize': '24px',
+      '--Switch-trackWidth': '48px',
+      '--Switch-trackHeight': '24px',
+      '--Switch-thumbSize': '16px',
       '--Switch-gap': '12px',
     }),
     '--unstable_paddingBlock': `max((var(--Switch-trackHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Switch-thumbSize)) / 2, 0px)`,
@@ -270,7 +270,6 @@ const Switch = React.forwardRef(function Switch(inProps, ref) {
     }, [registerEffect]);
   }
 
-  const disabledProp = inProps.disabled ?? formControl?.disabled ?? disabledExternalProp;
   const size = inProps.size ?? formControl?.size ?? sizeProp;
   const { getColor } = useColorInversion(variant);
   const color = getColor(
@@ -279,14 +278,8 @@ const Switch = React.forwardRef(function Switch(inProps, ref) {
   );
 
   const useSwitchProps = {
-    checked: checkedProp,
-    defaultChecked,
-    disabled: disabledProp,
-    onBlur,
-    onChange,
-    onFocus,
-    onFocusVisible,
-    readOnly: readOnlyProp,
+    disabled: inProps.disabled ?? formControl?.disabled ?? disabledExternalProp,
+    ...props,
   };
 
   const { getInputProps, checked, disabled, focusVisible, readOnly } = useSwitch(useSwitchProps);
diff --git a/packages/mui-joy/src/Tab/Tab.test.tsx b/packages/mui-joy/src/Tab/Tab.test.tsx
index a7ddb7a211d651..538a9845f194f7 100644
--- a/packages/mui-joy/src/Tab/Tab.test.tsx
+++ b/packages/mui-joy/src/Tab/Tab.test.tsx
@@ -1,6 +1,11 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, screen, describeJoyColorInversion } from 'test/utils';
+import {
+  describeConformance,
+  createRenderer,
+  screen,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { TabsProps } from '@mui/base/Tabs';
 import { useTabs, TabsProvider as BaseTabsProvider } from '@mui/base/useTabs';
 import { useTabsList, TabsListProvider as BaseTabsListProvider } from '@mui/base/useTabsList';
diff --git a/packages/mui-joy/src/Tab/Tab.tsx b/packages/mui-joy/src/Tab/Tab.tsx
index 2f1758ef5bc7c0..c9d8342d03b361 100644
--- a/packages/mui-joy/src/Tab/Tab.tsx
+++ b/packages/mui-joy/src/Tab/Tab.tsx
@@ -145,6 +145,7 @@ const Tab = React.forwardRef(function Tab(inProps, ref) {
     color: colorProp = 'neutral',
     disableIndicator = false,
     indicatorPlacement = row ? 'bottom' : 'right',
+    indicatorInset = false,
     slots = {},
     slotProps = {},
     ...other
@@ -175,6 +176,7 @@ const Tab = React.forwardRef(function Tab(inProps, ref) {
     ...props,
     disableIndicator,
     indicatorPlacement,
+    indicatorInset,
     orientation,
     row,
     active,
@@ -250,6 +252,7 @@ Tab.propTypes /* remove-proptypes */ = {
   disableIndicator: PropTypes.bool,
   /**
    * If `true`, the indicator stay within the padding based on the `Tabs` orientation.
+   * @default false
    */
   indicatorInset: PropTypes.bool,
   /**
diff --git a/packages/mui-joy/src/Tab/TabProps.ts b/packages/mui-joy/src/Tab/TabProps.ts
index fe2687c5d3d3e2..733a049f9941df 100644
--- a/packages/mui-joy/src/Tab/TabProps.ts
+++ b/packages/mui-joy/src/Tab/TabProps.ts
@@ -53,6 +53,7 @@ export interface TabTypeMap<P = {}, D extends React.ElementType = 'button'> {
     indicatorPlacement?: 'top' | 'bottom' | 'left' | 'right';
     /**
      * If `true`, the indicator stay within the padding based on the `Tabs` orientation.
+     * @default false
      */
     indicatorInset?: boolean;
     /**
diff --git a/packages/mui-joy/src/Tab/tabClasses.ts b/packages/mui-joy/src/Tab/tabClasses.ts
index 66dd937cb66db3..ebe71e544621ad 100644
--- a/packages/mui-joy/src/Tab/tabClasses.ts
+++ b/packages/mui-joy/src/Tab/tabClasses.ts
@@ -1,37 +1,37 @@
 import { generateUtilityClass, generateUtilityClasses } from '../className';
 
 export interface TabClasses {
-  /** Classname applied to the root element. */
+  /** Class name applied to the root element. */
   root: string;
-  /** Classname applied to the root element if `disabled={true}`. */
+  /** Class name applied to the root element if `disabled={true}`. */
   disabled: string;
-  /** Classname applied to the root element when its focus is visible. */
+  /** Class name applied to the root element when its focus is visible. */
   focusVisible: string;
-  /** Classname applied to the root element when it is selected. */
+  /** Class name applied to the root element when it is selected. */
   selected: string;
-  /** Classname applied to the root element if `orientation="horizontal"`. */
+  /** Class name applied to the root element if `orientation="horizontal"`. */
   horizontal: string;
-  /** Classname applied to the root element if `orientation="vertical"`. */
+  /** Class name applied to the root element if `orientation="vertical"`. */
   vertical: string;
-  /** Classname applied to the root element if `color="primary"`. */
+  /** Class name applied to the root element if `color="primary"`. */
   colorPrimary: string;
-  /** Classname applied to the root element if `color="neutral"`. */
+  /** Class name applied to the root element if `color="neutral"`. */
   colorNeutral: string;
-  /** Classname applied to the root element if `color="danger"`. */
+  /** Class name applied to the root element if `color="danger"`. */
   colorDanger: string;
-  /** Classname applied to the root element if `color="success"`. */
+  /** Class name applied to the root element if `color="success"`. */
   colorSuccess: string;
-  /** Classname applied to the root element if `color="warning"`. */
+  /** Class name applied to the root element if `color="warning"`. */
   colorWarning: string;
   /** Class name applied to the root element when color inversion is triggered. */
   colorContext: string;
-  /** Classname applied to the root element if `variant="plain"`. */
+  /** Class name applied to the root element if `variant="plain"`. */
   variantPlain: string;
-  /** Classname applied to the root element if `variant="outlined"`. */
+  /** Class name applied to the root element if `variant="outlined"`. */
   variantOutlined: string;
-  /** Classname applied to the root element if `variant="soft"`. */
+  /** Class name applied to the root element if `variant="soft"`. */
   variantSoft: string;
-  /** Classname applied to the root element if `variant="solid"`. */
+  /** Class name applied to the root element if `variant="solid"`. */
   variantSolid: string;
 }
 
diff --git a/packages/mui-joy/src/TabList/TabList.test.tsx b/packages/mui-joy/src/TabList/TabList.test.tsx
index e470696b27412c..5dbd76080dcacd 100644
--- a/packages/mui-joy/src/TabList/TabList.test.tsx
+++ b/packages/mui-joy/src/TabList/TabList.test.tsx
@@ -1,6 +1,11 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, screen, describeJoyColorInversion } from 'test/utils';
+import {
+  describeConformance,
+  createRenderer,
+  screen,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { TabsProps } from '@mui/base/Tabs';
 import { useTabs, TabsProvider as BaseTabsProvider } from '@mui/base/useTabs';
 import { ThemeProvider } from '@mui/joy/styles';
diff --git a/packages/mui-joy/src/TabList/TabList.tsx b/packages/mui-joy/src/TabList/TabList.tsx
index a2ddecfeb89b7e..0deee34964e486 100644
--- a/packages/mui-joy/src/TabList/TabList.tsx
+++ b/packages/mui-joy/src/TabList/TabList.tsx
@@ -117,6 +117,7 @@ const TabList = React.forwardRef(function TabList(inProps, ref) {
     size: sizeProp,
     disableUnderline = false,
     underlinePlacement = orientation === 'horizontal' ? 'bottom' : 'right',
+    tabFlex,
     sticky,
     slots = {},
     slotProps = {},
@@ -135,6 +136,7 @@ const TabList = React.forwardRef(function TabList(inProps, ref) {
     color,
     size,
     sticky,
+    tabFlex,
     nesting: false,
     disableUnderline,
     underlinePlacement,
diff --git a/packages/mui-joy/src/TabList/tabListClasses.ts b/packages/mui-joy/src/TabList/tabListClasses.ts
index 37a4ddf81f11cc..983603bad9afa2 100644
--- a/packages/mui-joy/src/TabList/tabListClasses.ts
+++ b/packages/mui-joy/src/TabList/tabListClasses.ts
@@ -3,31 +3,31 @@ import { generateUtilityClass, generateUtilityClasses } from '../className';
 export interface TabListClasses {
   /** Class name applied to the root element. */
   root: string;
-  /** Classname applied to the root element if `color="primary"`. */
+  /** Class name applied to the root element if `color="primary"`. */
   colorPrimary: string;
-  /** Classname applied to the root element if `color="neutral"`. */
+  /** Class name applied to the root element if `color="neutral"`. */
   colorNeutral: string;
-  /** Classname applied to the root element if `color="danger"`. */
+  /** Class name applied to the root element if `color="danger"`. */
   colorDanger: string;
-  /** Classname applied to the root element if `color="success"`. */
+  /** Class name applied to the root element if `color="success"`. */
   colorSuccess: string;
-  /** Classname applied to the root element if `color="warning"`. */
+  /** Class name applied to the root element if `color="warning"`. */
   colorWarning: string;
   /** Class name applied to the root element when color inversion is triggered. */
   colorContext: string;
-  /** Classname applied to the root element if `variant="plain"`. */
+  /** Class name applied to the root element if `variant="plain"`. */
   variantPlain: string;
-  /** Classname applied to the root element if `variant="outlined"`. */
+  /** Class name applied to the root element if `variant="outlined"`. */
   variantOutlined: string;
-  /** Classname applied to the root element if `variant="soft"`. */
+  /** Class name applied to the root element if `variant="soft"`. */
   variantSoft: string;
-  /** Classname applied to the root element if `variant="solid"`. */
+  /** Class name applied to the root element if `variant="solid"`. */
   variantSolid: string;
-  /** Classname applied to the root element if `size="sm"`. */
+  /** Class name applied to the root element if `size="sm"`. */
   sizeSm: string;
-  /** Classname applied to the root element if `size="md"`. */
+  /** Class name applied to the root element if `size="md"`. */
   sizeMd: string;
-  /** Classname applied to the root element if `size="lg"`. */
+  /** Class name applied to the root element if `size="lg"`. */
   sizeLg: string;
 }
 
diff --git a/packages/mui-joy/src/TabPanel/TabPanel.test.tsx b/packages/mui-joy/src/TabPanel/TabPanel.test.tsx
index 5b92545f915479..cab2e72d8dd44b 100644
--- a/packages/mui-joy/src/TabPanel/TabPanel.test.tsx
+++ b/packages/mui-joy/src/TabPanel/TabPanel.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, screen } from 'test/utils';
+import { describeConformance, createRenderer, screen } from '@mui-internal/test-utils';
 import { TabsProps } from '@mui/base/Tabs';
 import { useTabs, TabsProvider as BaseTabsProvider } from '@mui/base/useTabs';
 import { ThemeProvider } from '@mui/joy/styles';
diff --git a/packages/mui-joy/src/TabPanel/TabPanel.tsx b/packages/mui-joy/src/TabPanel/TabPanel.tsx
index 846e302af5a3d2..8adf06e5966d37 100644
--- a/packages/mui-joy/src/TabPanel/TabPanel.tsx
+++ b/packages/mui-joy/src/TabPanel/TabPanel.tsx
@@ -71,6 +71,7 @@ const TabPanel = React.forwardRef(function TabPanel(inProps, ref) {
     size: sizeProp,
     slots = {},
     slotProps = {},
+    keepMounted = false,
     ...other
   } = props;
 
@@ -106,6 +107,10 @@ const TabPanel = React.forwardRef(function TabPanel(inProps, ref) {
     className: classes.root,
   });
 
+  if (keepMounted) {
+    return <SlotRoot {...rootProps}>{children}</SlotRoot>;
+  }
+
   return <SlotRoot {...rootProps}>{!hidden && children}</SlotRoot>;
 }) as OverridableComponent<TabPanelTypeMap>;
 
@@ -131,6 +136,11 @@ TabPanel.propTypes /* remove-proptypes */ = {
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
+  /**
+   * Always keep the children in the DOM.
+   * @default false
+   */
+  keepMounted: PropTypes.bool,
   /**
    * The size of the component.
    */
diff --git a/packages/mui-joy/src/TabPanel/TabPanelProps.ts b/packages/mui-joy/src/TabPanel/TabPanelProps.ts
index 311a914cd6e9fe..3e7b4b2cd5666c 100644
--- a/packages/mui-joy/src/TabPanel/TabPanelProps.ts
+++ b/packages/mui-joy/src/TabPanel/TabPanelProps.ts
@@ -53,6 +53,11 @@ export interface TabPanelTypeMap<P = {}, D extends React.ElementType = 'div'> {
        * @default 'plain'
        */
       variant?: OverridableStringUnion<VariantProp, TabPanelPropsVariantOverrides>;
+      /**
+       * Always keep the children in the DOM.
+       * @default false
+       */
+      keepMounted?: boolean;
     } & TabPanelSlotsAndSlotProps;
   defaultComponent: D;
 }
diff --git a/packages/mui-joy/src/TabPanel/tabPanelClasses.ts b/packages/mui-joy/src/TabPanel/tabPanelClasses.ts
index 6defd3c6293266..0daab7dffa9320 100644
--- a/packages/mui-joy/src/TabPanel/tabPanelClasses.ts
+++ b/packages/mui-joy/src/TabPanel/tabPanelClasses.ts
@@ -1,39 +1,39 @@
 import { generateUtilityClass, generateUtilityClasses } from '../className';
 
 export interface TabPanelClasses {
-  /** Classname applied to the root element. */
+  /** Class name applied to the root element. */
   root: string;
-  /** Classname applied to the root element if the tab is not active. */
+  /** Class name applied to the root element if the tab is not active. */
   hidden: string;
-  /** Classname applied to the root element if `size="sm"`. */
+  /** Class name applied to the root element if `size="sm"`. */
   sizeSm: string;
-  /** Classname applied to the root element if `size="md"`. */
+  /** Class name applied to the root element if `size="md"`. */
   sizeMd: string;
-  /** Classname applied to the root element if `size="lg"`. */
+  /** Class name applied to the root element if `size="lg"`. */
   sizeLg: string;
   /** Class name applied to the root element if `orientation="horizontal"`. */
   horizontal: string;
   /** Class name applied to the root element if `orientation="vertical"`. */
   vertical: string;
-  /** Classname applied to the root element if `color="primary"`. */
+  /** Class name applied to the root element if `color="primary"`. */
   colorPrimary: string;
-  /** Classname applied to the root element if `color="neutral"`. */
+  /** Class name applied to the root element if `color="neutral"`. */
   colorNeutral: string;
-  /** Classname applied to the root element if `color="danger"`. */
+  /** Class name applied to the root element if `color="danger"`. */
   colorDanger: string;
-  /** Classname applied to the root element if `color="success"`. */
+  /** Class name applied to the root element if `color="success"`. */
   colorSuccess: string;
-  /** Classname applied to the root element if `color="warning"`. */
+  /** Class name applied to the root element if `color="warning"`. */
   colorWarning: string;
   /** Class name applied to the root element when color inversion is triggered. */
   colorContext: string;
-  /** Classname applied to the root element if `variant="plain"`. */
+  /** Class name applied to the root element if `variant="plain"`. */
   variantPlain: string;
-  /** Classname applied to the root element if `variant="outlined"`. */
+  /** Class name applied to the root element if `variant="outlined"`. */
   variantOutlined: string;
-  /** Classname applied to the root element if `variant="soft"`. */
+  /** Class name applied to the root element if `variant="soft"`. */
   variantSoft: string;
-  /** Classname applied to the root element if `variant="solid"`. */
+  /** Class name applied to the root element if `variant="solid"`. */
   variantSolid: string;
 }
 
diff --git a/packages/mui-joy/src/Table/Table.test.tsx b/packages/mui-joy/src/Table/Table.test.tsx
index 13c88b34a59962..843f73cf9bdf7b 100644
--- a/packages/mui-joy/src/Table/Table.test.tsx
+++ b/packages/mui-joy/src/Table/Table.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Table, { tableClasses as classes } from '@mui/joy/Table';
diff --git a/packages/mui-joy/src/Table/Table.tsx b/packages/mui-joy/src/Table/Table.tsx
index 2cb380410a1742..f194b6536960c8 100644
--- a/packages/mui-joy/src/Table/Table.tsx
+++ b/packages/mui-joy/src/Table/Table.tsx
@@ -185,7 +185,7 @@ const TableRoot = styled('table', {
           borderBottomRightRadius: 'var(--TableCell-cornerRadius, var(--unstable_actionRadius))',
         },
       },
-    },
+    } as const,
     (ownerState.borderAxis?.startsWith('x') || ownerState.borderAxis?.startsWith('both')) && {
       // insert border between rows
       [tableSelector.getHeaderCell()]: {
diff --git a/packages/mui-joy/src/Tabs/Tabs.test.tsx b/packages/mui-joy/src/Tabs/Tabs.test.tsx
index 3d470173bfb424..56052e1b00d5bd 100644
--- a/packages/mui-joy/src/Tabs/Tabs.test.tsx
+++ b/packages/mui-joy/src/Tabs/Tabs.test.tsx
@@ -1,6 +1,11 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, screen, describeJoyColorInversion } from 'test/utils';
+import {
+  describeConformance,
+  createRenderer,
+  screen,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import Tabs, { tabsClasses as classes } from '@mui/joy/Tabs';
 import SizeTabsContext from './SizeTabsContext';
diff --git a/packages/mui-joy/src/Tabs/tabsClasses.ts b/packages/mui-joy/src/Tabs/tabsClasses.ts
index 303eb528258596..8a37f8296e98d5 100644
--- a/packages/mui-joy/src/Tabs/tabsClasses.ts
+++ b/packages/mui-joy/src/Tabs/tabsClasses.ts
@@ -1,37 +1,37 @@
 import { generateUtilityClass, generateUtilityClasses } from '../className';
 
 export interface TabsClasses {
-  /** Classname applied to the root element. */
+  /** Class name applied to the root element. */
   root: string;
-  /** Classname applied to the root element if `orientation="horizontal"`. */
+  /** Class name applied to the root element if `orientation="horizontal"`. */
   horizontal: string;
-  /** Classname applied to the root element if `orientation="vertical"`. */
+  /** Class name applied to the root element if `orientation="vertical"`. */
   vertical: string;
-  /** Classname applied to the root element if `color="primary"`. */
+  /** Class name applied to the root element if `color="primary"`. */
   colorPrimary: string;
-  /** Classname applied to the root element if `color="neutral"`. */
+  /** Class name applied to the root element if `color="neutral"`. */
   colorNeutral: string;
-  /** Classname applied to the root element if `color="danger"`. */
+  /** Class name applied to the root element if `color="danger"`. */
   colorDanger: string;
-  /** Classname applied to the root element if `color="success"`. */
+  /** Class name applied to the root element if `color="success"`. */
   colorSuccess: string;
-  /** Classname applied to the root element if `color="warning"`. */
+  /** Class name applied to the root element if `color="warning"`. */
   colorWarning: string;
   /** Class name applied to the root element when color inversion is triggered. */
   colorContext: string;
-  /** Classname applied to the root element if `variant="plain"`. */
+  /** Class name applied to the root element if `variant="plain"`. */
   variantPlain: string;
-  /** Classname applied to the root element if `variant="outlined"`. */
+  /** Class name applied to the root element if `variant="outlined"`. */
   variantOutlined: string;
-  /** Classname applied to the root element if `variant="soft"`. */
+  /** Class name applied to the root element if `variant="soft"`. */
   variantSoft: string;
-  /** Classname applied to the root element if `variant="solid"`. */
+  /** Class name applied to the root element if `variant="solid"`. */
   variantSolid: string;
-  /** Classname applied to the root element if `size="sm"`. */
+  /** Class name applied to the root element if `size="sm"`. */
   sizeSm: string;
-  /** Classname applied to the root element if `size="md"`. */
+  /** Class name applied to the root element if `size="md"`. */
   sizeMd: string;
-  /** Classname applied to the root element if `size="lg"`. */
+  /** Class name applied to the root element if `size="lg"`. */
   sizeLg: string;
 }
 
diff --git a/packages/mui-joy/src/Textarea/Textarea.test.tsx b/packages/mui-joy/src/Textarea/Textarea.test.tsx
index dfe176c48421b9..9df58d9be64752 100644
--- a/packages/mui-joy/src/Textarea/Textarea.test.tsx
+++ b/packages/mui-joy/src/Textarea/Textarea.test.tsx
@@ -8,7 +8,7 @@ import {
   screen,
   act,
   fireEvent,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import Textarea, { textareaClasses as classes } from '@mui/joy/Textarea';
 import { ThemeProvider } from '@mui/joy/styles';
 
diff --git a/packages/mui-joy/src/Textarea/Textarea.tsx b/packages/mui-joy/src/Textarea/Textarea.tsx
index 214c9e5748079f..9c858dbbdefce3 100644
--- a/packages/mui-joy/src/Textarea/Textarea.tsx
+++ b/packages/mui-joy/src/Textarea/Textarea.tsx
@@ -58,16 +58,16 @@ const TextareaRoot = styled('div', {
           }),
       ...(ownerState.size === 'sm' && {
         '--Textarea-minHeight': '2rem',
-        '--Textarea-paddingBlock': 'calc(0.5rem - var(--variant-borderWidth, 0px))', // to match Input because <textarea> does not center the text at the middle like <input>
+        '--Textarea-paddingBlock': 'calc(0.375rem - 0.5px - var(--variant-borderWidth, 0px))', // to match Input because <textarea> does not center the text at the middle like <input>
         '--Textarea-paddingInline': '0.5rem',
         '--Textarea-decoratorChildHeight': 'min(1.5rem, var(--Textarea-minHeight))',
         '--Icon-fontSize': theme.vars.fontSize.xl,
       }),
       ...(ownerState.size === 'md' && {
-        '--Textarea-minHeight': '2.5rem',
-        '--Textarea-paddingBlock': 'calc(0.5rem - var(--variant-borderWidth, 0px))',
+        '--Textarea-minHeight': '2.25rem',
+        '--Textarea-paddingBlock': 'calc(0.375rem - var(--variant-borderWidth, 0px))',
         '--Textarea-paddingInline': '0.75rem',
-        '--Textarea-decoratorChildHeight': 'min(2rem, var(--Textarea-minHeight))',
+        '--Textarea-decoratorChildHeight': 'min(1.75rem, var(--Textarea-minHeight))',
         '--Icon-fontSize': theme.vars.fontSize.xl2,
       }),
       ...(ownerState.size === 'lg' && {
@@ -88,6 +88,9 @@ const TextareaRoot = styled('div', {
       '--Button-radius': 'var(--Textarea-decoratorChildRadius)',
       '--IconButton-radius': 'var(--Textarea-decoratorChildRadius)',
       boxSizing: 'border-box',
+      ...(ownerState.variant !== 'plain' && {
+        boxShadow: theme.shadow.xs,
+      }),
       minWidth: 0,
       minHeight: 'var(--Textarea-minHeight)',
       cursor: 'text',
@@ -115,7 +118,7 @@ const TextareaRoot = styled('div', {
         margin: 'calc(var(--variant-borderWidth, 0px) * -1)', // for outlined variant
         boxShadow: `var(--Textarea-focusedInset, inset) 0 0 0 calc(var(--Textarea-focused) * var(--Textarea-focusedThickness)) var(--Textarea-focusedHighlight)`,
       },
-    },
+    } as const,
     {
       '&:hover': {
         ...theme.variants[`${ownerState.variant!}Hover`]?.[ownerState.color!],
diff --git a/packages/mui-joy/src/ToggleButtonGroup/ToggleButtonGroup.test.tsx b/packages/mui-joy/src/ToggleButtonGroup/ToggleButtonGroup.test.tsx
index 40a27fe0703948..9ab59c31f052eb 100644
--- a/packages/mui-joy/src/ToggleButtonGroup/ToggleButtonGroup.test.tsx
+++ b/packages/mui-joy/src/ToggleButtonGroup/ToggleButtonGroup.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer, describeConformance, screen } from 'test/utils';
+import { createRenderer, describeConformance, screen } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/joy/styles';
 import ToggleButtonGroup, { toggleButtonGroupClasses as classes } from '@mui/joy/ToggleButtonGroup';
 import Button from '@mui/joy/Button';
diff --git a/packages/mui-joy/src/Tooltip/Tooltip.test.tsx b/packages/mui-joy/src/Tooltip/Tooltip.test.tsx
index fedcb3f3232120..92daed9f4dda4f 100644
--- a/packages/mui-joy/src/Tooltip/Tooltip.test.tsx
+++ b/packages/mui-joy/src/Tooltip/Tooltip.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { PopperProps } from '@mui/base';
 import { ThemeProvider } from '@mui/joy/styles';
diff --git a/packages/mui-joy/src/Typography/Typography.test.tsx b/packages/mui-joy/src/Typography/Typography.test.tsx
index a3432137248a05..b372586094dfe6 100644
--- a/packages/mui-joy/src/Typography/Typography.test.tsx
+++ b/packages/mui-joy/src/Typography/Typography.test.tsx
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  describeJoyColorInversion,
+} from '@mui-internal/test-utils';
 import Typography, { typographyClasses as classes, TypographyProps } from '@mui/joy/Typography';
 import { ThemeProvider } from '@mui/joy/styles';
 
diff --git a/packages/mui-joy/src/Typography/Typography.tsx b/packages/mui-joy/src/Typography/Typography.tsx
index 679c7884d2cd19..e1485cbbbcf4e6 100644
--- a/packages/mui-joy/src/Typography/Typography.tsx
+++ b/packages/mui-joy/src/Typography/Typography.tsx
@@ -87,6 +87,9 @@ const TypographyRoot = styled('span', {
         }
       : {
           display: 'block', // don't rely on user agent, always `block`.
+          ...(ownerState.unstable_hasSkeleton && {
+            position: 'relative',
+          }),
         }),
     ...((ownerState.startDecorator || ownerState.endDecorator) && {
       display: 'flex',
@@ -188,6 +191,7 @@ const Typography = React.forwardRef(function Typography(inProps, ref) {
 
   const level = nesting || inheriting ? inProps.level || 'inherit' : levelProp;
 
+  const hasSkeleton = isMuiElement(children, ['Skeleton']);
   const component =
     componentProp ||
     ((nesting
@@ -203,6 +207,7 @@ const Typography = React.forwardRef(function Typography(inProps, ref) {
     noWrap,
     nesting,
     variant,
+    unstable_hasSkeleton: hasSkeleton,
   };
 
   const classes = useUtilityClasses(ownerState);
@@ -237,7 +242,7 @@ const Typography = React.forwardRef(function Typography(inProps, ref) {
           <SlotStartDecorator {...startDecoratorProps}>{startDecorator}</SlotStartDecorator>
         )}
 
-        {isMuiElement(children, ['Skeleton'])
+        {hasSkeleton
           ? React.cloneElement(children as React.ReactElement, {
               variant: (children as React.ReactElement).props.variant || 'inline',
             })
diff --git a/packages/mui-joy/src/Typography/TypographyProps.ts b/packages/mui-joy/src/Typography/TypographyProps.ts
index 40f2cfe2187192..e2f962ca98de4b 100644
--- a/packages/mui-joy/src/Typography/TypographyProps.ts
+++ b/packages/mui-joy/src/Typography/TypographyProps.ts
@@ -130,4 +130,9 @@ export interface TypographyOwnerState extends ApplyColorInversion<TypographyProp
    * If `true`, the element is rendered in a Typography.
    */
   nesting: boolean;
+  /**
+   * @internal
+   * If `true`, the Skeleton is a direct child.
+   */
+  unstable_hasSkeleton?: boolean;
 }
diff --git a/packages/mui-joy/src/colors/colors.ts b/packages/mui-joy/src/colors/colors.ts
index 9962c44418ad1a..af76dfdb71431b 100644
--- a/packages/mui-joy/src/colors/colors.ts
+++ b/packages/mui-joy/src/colors/colors.ts
@@ -1,15 +1,15 @@
 const colors = {
   grey: {
-    50: '#F5F7FA',
-    100: '#EAEEF6',
+    50: '#FBFCFE',
+    100: '#F0F4F8',
     200: '#DDE7EE',
     300: '#CDD7E1',
     400: '#9FA6AD',
     500: '#636B74',
     600: '#555E68',
     700: '#32383E',
-    800: '#23272B',
-    900: '#121416',
+    800: '#171A1C',
+    900: '#0B0D0E',
   },
   blue: {
     50: '#EDF5FD',
diff --git a/packages/mui-joy/src/index.ts b/packages/mui-joy/src/index.ts
index a383212b7ae4b8..388ba8cd91d83b 100644
--- a/packages/mui-joy/src/index.ts
+++ b/packages/mui-joy/src/index.ts
@@ -4,6 +4,18 @@ export * from './styles';
 
 export { default as GlobalStyles } from './GlobalStyles';
 
+export { default as Accordion } from './Accordion';
+export * from './Accordion';
+
+export { default as AccordionDetails } from './AccordionDetails';
+export * from './AccordionDetails';
+
+export { default as AccordionGroup } from './AccordionGroup';
+export * from './AccordionGroup';
+
+export { default as AccordionSummary } from './AccordionSummary';
+export * from './AccordionSummary';
+
 export { default as Alert } from './Alert';
 export * from './Alert';
 
@@ -73,9 +85,21 @@ export * from './Container';
 export { default as CssBaseline } from './CssBaseline';
 export * from './CssBaseline';
 
+export { default as DialogActions } from './DialogActions';
+export * from './DialogActions';
+
+export { default as DialogContent } from './DialogContent';
+export * from './DialogContent';
+
+export { default as DialogTitle } from './DialogTitle';
+export * from './DialogTitle';
+
 export { default as Divider } from './Divider';
 export * from './Divider';
 
+export { default as Drawer } from './Drawer';
+export * from './Drawer';
+
 export { default as Dropdown } from './Dropdown';
 export * from './Dropdown';
 
diff --git a/packages/mui-joy/src/internal/svg-icons/KeyboardArrowDown.tsx b/packages/mui-joy/src/internal/svg-icons/KeyboardArrowDown.tsx
new file mode 100644
index 00000000000000..f7134fd93109c5
--- /dev/null
+++ b/packages/mui-joy/src/internal/svg-icons/KeyboardArrowDown.tsx
@@ -0,0 +1,11 @@
+'use client';
+import * as React from 'react';
+import createSvgIcon from '../../utils/createSvgIcon';
+
+/**
+ * @ignore - internal component.
+ */
+export default createSvgIcon(
+  <path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />,
+  'KeyboardArrowDown',
+);
diff --git a/packages/mui-joy/src/styles/ColorInversion.test.js b/packages/mui-joy/src/styles/ColorInversion.test.js
index 6da281dde59606..7b1a4af927157b 100644
--- a/packages/mui-joy/src/styles/ColorInversion.test.js
+++ b/packages/mui-joy/src/styles/ColorInversion.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import sinon from 'sinon';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import useThemeProps from './useThemeProps';
 import ThemeProvider from './ThemeProvider';
 import ColorInversion, { useColorInversion } from './ColorInversion';
diff --git a/packages/mui-joy/src/styles/CssVarsProvider.test.tsx b/packages/mui-joy/src/styles/CssVarsProvider.test.tsx
index b74577d7656c16..7d139fda1b3ec7 100644
--- a/packages/mui-joy/src/styles/CssVarsProvider.test.tsx
+++ b/packages/mui-joy/src/styles/CssVarsProvider.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, screen } from 'test/utils';
+import { createRenderer, screen } from '@mui-internal/test-utils';
 import { CssVarsProvider, extendTheme, useTheme, shouldSkipGeneratingVar } from '@mui/joy/styles';
 
 describe('[Joy] CssVarsProvider', () => {
@@ -152,6 +152,7 @@ describe('[Joy] CssVarsProvider', () => {
           solidActiveBg: 'var(--joy-palette-neutral-solidActiveBg)',
           solidDisabledColor: 'var(--joy-palette-neutral-solidDisabledColor)',
           solidDisabledBg: 'var(--joy-palette-neutral-solidDisabledBg)',
+          plainHoverColor: 'var(--joy-palette-neutral-plainHoverColor)',
           mainChannel: 'var(--joy-palette-neutral-mainChannel)',
           lightChannel: 'var(--joy-palette-neutral-lightChannel)',
           darkChannel: 'var(--joy-palette-neutral-darkChannel)',
diff --git a/packages/mui-joy/src/styles/ThemeProvider.test.tsx b/packages/mui-joy/src/styles/ThemeProvider.test.tsx
index ea4eabf0b0abdd..584192f0748373 100644
--- a/packages/mui-joy/src/styles/ThemeProvider.test.tsx
+++ b/packages/mui-joy/src/styles/ThemeProvider.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider, useTheme } from '@mui/joy/styles';
 import defaultTheme from './defaultTheme';
 
diff --git a/packages/mui-joy/src/styles/components.d.ts b/packages/mui-joy/src/styles/components.d.ts
index adae68d1efb83e..dd53c6ffd45614 100644
--- a/packages/mui-joy/src/styles/components.d.ts
+++ b/packages/mui-joy/src/styles/components.d.ts
@@ -1,5 +1,21 @@
 import { GlobalStateSlot } from '@mui/utils';
 import { CSSInterpolation } from '@mui/system';
+import { AccordionProps, AccordionOwnerState, AccordionSlot } from '../Accordion/AccordionProps';
+import {
+  AccordionGroupProps,
+  AccordionGroupOwnerState,
+  AccordionGroupSlot,
+} from '../AccordionGroup/AccordionGroupProps';
+import {
+  AccordionSummaryProps,
+  AccordionSummaryOwnerState,
+  AccordionSummarySlot,
+} from '../AccordionSummary/AccordionSummaryProps';
+import {
+  AccordionDetailsProps,
+  AccordionDetailsOwnerState,
+  AccordionDetailsSlot,
+} from '../AccordionDetails/AccordionDetailsProps';
 import {
   AspectRatioProps,
   AspectRatioOwnerState,
@@ -70,6 +86,21 @@ import {
   CircularProgressSlot,
 } from '../CircularProgress/CircularProgressProps';
 import { ContainerProps, ContainerSlot } from '../Container/ContainerProps';
+import {
+  DialogActionsProps,
+  DialogActionsOwnerState,
+  DialogActionsSlot,
+} from '../DialogActions/DialogActionsProps';
+import {
+  DialogContentProps,
+  DialogContentOwnerState,
+  DialogContentSlot,
+} from '../DialogContent/DialogContentProps';
+import {
+  DialogTitleProps,
+  DialogTitleOwnerState,
+  DialogTitleSlot,
+} from '../DialogTitle/DialogTitleProps';
 import {
   ScopedCssBaselineProps,
   ScopedCssBaselineOwnerState,
@@ -198,6 +229,22 @@ export type StyleOverrides<
 >;
 export interface Components<Theme = unknown> {
   // alphabetical order
+  JoyAccordion?: {
+    defaultProps?: Partial<AccordionProps>;
+    styleOverrides?: StyleOverrides<AccordionSlot, AccordionOwnerState, Theme>;
+  };
+  JoyAccordionGroup?: {
+    defaultProps?: Partial<AccordionGroupProps>;
+    styleOverrides?: StyleOverrides<AccordionGroupSlot, AccordionGroupOwnerState, Theme>;
+  };
+  JoyAccordionSummary?: {
+    defaultProps?: Partial<AccordionSummaryProps>;
+    styleOverrides?: StyleOverrides<AccordionSummarySlot, AccordionSummaryOwnerState, Theme>;
+  };
+  JoyAccordionDetails?: {
+    defaultProps?: Partial<AccordionDetailsProps>;
+    styleOverrides?: StyleOverrides<AccordionDetailsSlot, AccordionDetailsOwnerState, Theme>;
+  };
   JoyAlert?: {
     defaultProps?: Partial<AlertProps>;
     styleOverrides?: StyleOverrides<AlertSlot, AlertOwnerState, Theme>;
@@ -290,6 +337,18 @@ export interface Components<Theme = unknown> {
     defaultProps?: Partial<ContainerProps>;
     styleOverrides?: StyleOverrides<ContainerSlot, ContainerProps, Theme>;
   };
+  JoyDialogActions?: {
+    defaultProps?: Partial<DialogActionsProps>;
+    styleOverrides?: StyleOverrides<DialogActionsSlot, DialogActionsOwnerState, Theme>;
+  };
+  JoyDialogContent?: {
+    defaultProps?: Partial<DialogContentProps>;
+    styleOverrides?: StyleOverrides<DialogContentSlot, DialogContentOwnerState, Theme>;
+  };
+  JoyDialogTitle?: {
+    defaultProps?: Partial<DialogTitleProps>;
+    styleOverrides?: StyleOverrides<DialogTitleSlot, DialogTitleOwnerState, Theme>;
+  };
   JoyScopedCssBaseline?: {
     defaultProps?: Partial<ScopedCssBaselineProps>;
     styleOverrides?: StyleOverrides<ScopedCssBaselineSlot, ScopedCssBaselineOwnerState, Theme>;
diff --git a/packages/mui-joy/src/styles/extendTheme.spec.ts b/packages/mui-joy/src/styles/extendTheme.spec.ts
index 1139231a9c263e..7192f859fd1089 100644
--- a/packages/mui-joy/src/styles/extendTheme.spec.ts
+++ b/packages/mui-joy/src/styles/extendTheme.spec.ts
@@ -1,4 +1,8 @@
 import { expectType } from '@mui/types';
+import { AccordionOwnerState } from '@mui/joy/Accordion';
+import { AccordionGroupOwnerState } from '@mui/joy/AccordionGroup';
+import { AccordionSummaryOwnerState } from '@mui/joy/AccordionSummary';
+import { AccordionDetailsOwnerState } from '@mui/joy/AccordionDetails';
 import { AlertOwnerState } from '@mui/joy/Alert';
 import { AspectRatioOwnerState } from '@mui/joy/AspectRatio';
 import { AutocompleteOwnerState } from '@mui/joy/Autocomplete';
@@ -19,6 +23,9 @@ import { ChipDeleteOwnerState } from '@mui/joy/ChipDelete';
 import { CircularProgressOwnerState } from '@mui/joy/CircularProgress';
 import { ContainerProps } from '@mui/joy/Container';
 import { ScopedCssBaselineOwnerState } from '@mui/joy/ScopedCssBaseline';
+import { DialogActionsOwnerState } from '@mui/joy/DialogActions';
+import { DialogContentOwnerState } from '@mui/joy/DialogContent';
+import { DialogTitleOwnerState } from '@mui/joy/DialogTitle';
 import { DividerOwnerState } from '@mui/joy/Divider';
 import { FormControlOwnerState } from '@mui/joy/FormControl';
 import { FormHelperTextOwnerState } from '@mui/joy/FormHelperText';
@@ -74,6 +81,78 @@ extendTheme({
     },
   }),
   components: {
+    JoyAccordion: {
+      defaultProps: {
+        variant: 'soft',
+        color: 'primary',
+      },
+      styleOverrides: {
+        root: ({ ownerState }) => {
+          expectType<AccordionOwnerState & Record<string, unknown>, typeof ownerState>(ownerState);
+          return {};
+        },
+      },
+    },
+    JoyAccordionGroup: {
+      defaultProps: {
+        variant: 'soft',
+        color: 'primary',
+      },
+      styleOverrides: {
+        root: ({ ownerState }) => {
+          expectType<AccordionGroupOwnerState & Record<string, unknown>, typeof ownerState>(
+            ownerState,
+          );
+          return {};
+        },
+      },
+    },
+    JoyAccordionSummary: {
+      defaultProps: {
+        variant: 'soft',
+        color: 'primary',
+      },
+      styleOverrides: {
+        root: ({ ownerState }) => {
+          expectType<AccordionSummaryOwnerState & Record<string, unknown>, typeof ownerState>(
+            ownerState,
+          );
+          return {};
+        },
+        button: ({ ownerState }) => {
+          expectType<AccordionSummaryOwnerState & Record<string, unknown>, typeof ownerState>(
+            ownerState,
+          );
+          return {};
+        },
+        indicator: ({ ownerState }) => {
+          expectType<AccordionSummaryOwnerState & Record<string, unknown>, typeof ownerState>(
+            ownerState,
+          );
+          return {};
+        },
+      },
+    },
+    JoyAccordionDetails: {
+      defaultProps: {
+        variant: 'soft',
+        color: 'primary',
+      },
+      styleOverrides: {
+        root: ({ ownerState }) => {
+          expectType<AccordionDetailsOwnerState & Record<string, unknown>, typeof ownerState>(
+            ownerState,
+          );
+          return {};
+        },
+        content: ({ ownerState }) => {
+          expectType<AccordionDetailsOwnerState & Record<string, unknown>, typeof ownerState>(
+            ownerState,
+          );
+          return {};
+        },
+      },
+    },
     JoyAlert: {
       defaultProps: {
         variant: 'soft',
@@ -505,6 +584,45 @@ extendTheme({
         },
       },
     },
+    JoyDialogActions: {
+      defaultProps: {
+        buttonFlex: 1,
+      },
+      styleOverrides: {
+        root: ({ ownerState }) => {
+          expectType<DialogActionsOwnerState & Record<string, unknown>, typeof ownerState>(
+            ownerState,
+          );
+          return {};
+        },
+      },
+    },
+    JoyDialogContent: {
+      defaultProps: {
+        orientation: 'horizontal',
+      },
+      styleOverrides: {
+        root: ({ ownerState }) => {
+          expectType<DialogContentOwnerState & Record<string, unknown>, typeof ownerState>(
+            ownerState,
+          );
+          return {};
+        },
+      },
+    },
+    JoyDialogTitle: {
+      defaultProps: {
+        level: 'title-md',
+      },
+      styleOverrides: {
+        root: ({ ownerState }) => {
+          expectType<DialogTitleOwnerState & Record<string, unknown>, typeof ownerState>(
+            ownerState,
+          );
+          return {};
+        },
+      },
+    },
     JoyDivider: {
       defaultProps: {
         orientation: 'vertical',
diff --git a/packages/mui-joy/src/styles/extendTheme.test.js b/packages/mui-joy/src/styles/extendTheme.test.js
index 93d26913c93f62..88a47614004503 100644
--- a/packages/mui-joy/src/styles/extendTheme.test.js
+++ b/packages/mui-joy/src/styles/extendTheme.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { extendTheme, useTheme, CssVarsProvider } from '@mui/joy/styles';
 
 describe('extendTheme', () => {
diff --git a/packages/mui-joy/src/styles/extendTheme.ts b/packages/mui-joy/src/styles/extendTheme.ts
index 48a021a05f236c..20193542959c65 100644
--- a/packages/mui-joy/src/styles/extendTheme.ts
+++ b/packages/mui-joy/src/styles/extendTheme.ts
@@ -108,8 +108,8 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
     success: colors.green,
     warning: colors.yellow,
     common: {
-      white: '#FCFCFD',
-      black: '#09090B',
+      white: '#FFF',
+      black: '#000',
     },
   };
 
@@ -124,8 +124,8 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
 
   const createLightModeVariantVariables = (color: ColorPaletteProp) => ({
     plainColor: getCssVarColor(`palette-${color}-500`),
-    plainHoverBg: getCssVarColor(`palette-${color}-50`),
-    plainActiveBg: getCssVarColor(`palette-${color}-100`),
+    plainHoverBg: getCssVarColor(`palette-${color}-100`),
+    plainActiveBg: getCssVarColor(`palette-${color}-200`),
     plainDisabledColor: getCssVarColor(`palette-neutral-400`),
 
     outlinedColor: getCssVarColor(`palette-${color}-500`),
@@ -141,14 +141,14 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
     softActiveColor: getCssVarColor(`palette-${color}-800`),
     softActiveBg: getCssVarColor(`palette-${color}-300`),
     softDisabledColor: getCssVarColor(`palette-neutral-400`),
-    softDisabledBg: getCssVarColor(`palette-${color}-50`),
+    softDisabledBg: getCssVarColor(`palette-neutral-50`),
 
     solidColor: getCssVarColor(`palette-common-white`),
     solidBg: getCssVarColor(`palette-${color}-500`),
     solidHoverBg: getCssVarColor(`palette-${color}-600`),
     solidActiveBg: getCssVarColor(`palette-${color}-700`),
     solidDisabledColor: getCssVarColor(`palette-neutral-400`),
-    solidDisabledBg: getCssVarColor(`palette-${color}-100`),
+    solidDisabledBg: getCssVarColor(`palette-neutral-100`),
   });
 
   const createDarkModeVariantVariables = (color: ColorPaletteProp) => ({
@@ -170,14 +170,14 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
     softActiveColor: getCssVarColor(`palette-${color}-100`),
     softActiveBg: getCssVarColor(`palette-${color}-600`),
     softDisabledColor: getCssVarColor(`palette-neutral-500`),
-    softDisabledBg: getCssVarColor(`palette-${color}-900`),
+    softDisabledBg: getCssVarColor(`palette-neutral-800`),
 
     solidColor: getCssVarColor(`palette-common-white`),
     solidBg: getCssVarColor(`palette-${color}-500`),
     solidHoverBg: getCssVarColor(`palette-${color}-600`),
     solidActiveBg: getCssVarColor(`palette-${color}-700`),
     solidDisabledColor: getCssVarColor(`palette-neutral-500`),
-    solidDisabledBg: getCssVarColor(`palette-${color}-800`),
+    solidDisabledBg: getCssVarColor(`palette-neutral-800`),
   });
 
   const lightColorSystem = {
@@ -191,6 +191,7 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
         ...defaultColors.neutral,
         ...createLightModeVariantVariables('neutral'),
         plainColor: getCssVarColor('palette-neutral-700'),
+        plainHoverColor: getCssVarColor(`palette-neutral-900`),
         outlinedColor: getCssVarColor('palette-neutral-700'),
       },
       danger: {
@@ -206,8 +207,8 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
         ...createLightModeVariantVariables('warning'),
       },
       common: {
-        white: '#FBFCFD',
-        black: '#0E0E10',
+        white: '#FFF',
+        black: '#000',
       },
       text: {
         primary: getCssVarColor('palette-neutral-800'),
@@ -216,8 +217,8 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
         icon: getCssVarColor('palette-neutral-500'),
       },
       background: {
-        body: getCssVarColor('palette-neutral-50'),
-        surface: getCssVarColor('palette-common-white'),
+        body: getCssVarColor('palette-common-white'),
+        surface: getCssVarColor('palette-neutral-50'),
         popup: getCssVarColor('palette-common-white'),
         level1: getCssVarColor('palette-neutral-100'),
         level2: getCssVarColor('palette-neutral-200'),
@@ -231,7 +232,7 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
       divider: `rgba(${getCssVar(
         'palette-neutral-mainChannel',
         colorChannel(defaultColors.neutral[500]), // should be the same index as in `attachColorChannels`
-      )} / 0.3)`,
+      )} / 0.2)`,
       focusVisible: getCssVarColor('palette-primary-500'),
     },
     shadowRing: '0 0 #000',
@@ -248,6 +249,8 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
       neutral: {
         ...defaultColors.neutral,
         ...createDarkModeVariantVariables('neutral'),
+        plainColor: getCssVarColor('palette-neutral-300'),
+        plainHoverColor: getCssVarColor(`palette-neutral-300`),
       },
       danger: {
         ...defaultColors.danger,
@@ -262,8 +265,8 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
         ...createDarkModeVariantVariables('warning'),
       },
       common: {
-        white: '#FBFCFD',
-        black: '#0E0E10',
+        white: '#FFF',
+        black: '#000',
       },
       text: {
         primary: getCssVarColor('palette-neutral-100'),
@@ -447,7 +450,7 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
         fontFamily: getCssVar(`fontFamily-display, ${fontFamily.display}`),
         fontWeight: getCssVar(`fontWeight-lg, ${fontWeight.lg}`),
         fontSize: getCssVar(`fontSize-xl2, ${fontSize.xl2}`),
-        lineHeight: getCssVar(`lineHeight-md, ${lineHeight.md}`),
+        lineHeight: getCssVar(`lineHeight-xs, ${lineHeight.xs}`),
         letterSpacing: '-0.025em',
         color: getCssVar(`palette-text-primary, ${lightColorSystem.palette.text.primary}`),
       },
@@ -456,7 +459,7 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
         fontFamily: getCssVar(`fontFamily-display, ${fontFamily.display}`),
         fontWeight: getCssVar(`fontWeight-lg, ${fontWeight.lg}`),
         fontSize: getCssVar(`fontSize-xl, ${fontSize.xl}`),
-        lineHeight: getCssVar(`lineHeight-lg, ${lineHeight.lg}`),
+        lineHeight: getCssVar(`lineHeight-md, ${lineHeight.md}`),
         letterSpacing: '-0.025em',
         color: getCssVar(`palette-text-primary, ${lightColorSystem.palette.text.primary}`),
       },
@@ -465,7 +468,7 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
         fontFamily: getCssVar(`fontFamily-body, ${fontFamily.body}`),
         fontWeight: getCssVar(`fontWeight-lg, ${fontWeight.lg}`),
         fontSize: getCssVar(`fontSize-lg, ${fontSize.lg}`),
-        lineHeight: getCssVar(`lineHeight-xl, ${lineHeight.xl}`),
+        lineHeight: getCssVar(`lineHeight-xs, ${lineHeight.xs}`),
         color: getCssVar(`palette-text-primary, ${lightColorSystem.palette.text.primary}`),
       },
 
@@ -488,7 +491,7 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
       'body-lg': {
         fontFamily: getCssVar(`fontFamily-body, ${fontFamily.body}`),
         fontSize: getCssVar(`fontSize-lg, ${fontSize.lg}`),
-        lineHeight: getCssVar(`lineHeight-lg, ${lineHeight.lg}`),
+        lineHeight: getCssVar(`lineHeight-md, ${lineHeight.md}`),
         color: getCssVar(`palette-text-secondary, ${lightColorSystem.palette.text.secondary}`),
       },
 
@@ -502,7 +505,7 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
       'body-sm': {
         fontFamily: getCssVar(`fontFamily-body, ${fontFamily.body}`),
         fontSize: getCssVar(`fontSize-sm, ${fontSize.sm}`),
-        lineHeight: getCssVar(`lineHeight-sm, ${lineHeight.sm}`),
+        lineHeight: getCssVar(`lineHeight-md, ${lineHeight.md}`),
         color: getCssVar(`palette-text-tertiary, ${lightColorSystem.palette.text.tertiary}`),
       },
 
@@ -510,7 +513,7 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
         fontFamily: getCssVar(`fontFamily-body, ${fontFamily.body}`),
         fontWeight: getCssVar(`fontWeight-md, ${fontWeight.md}`),
         fontSize: getCssVar(`fontSize-xs, ${fontSize.xs}`),
-        lineHeight: getCssVar(`lineHeight-xl, ${lineHeight.xl}`),
+        lineHeight: getCssVar(`lineHeight-md, ${lineHeight.md}`),
         color: getCssVar(`palette-text-tertiary, ${lightColorSystem.palette.text.tertiary}`),
       },
     },
diff --git a/packages/mui-joy/src/styles/styleUtils.ts b/packages/mui-joy/src/styles/styleUtils.ts
index 8f6971f77608e4..e2ad445fe31f64 100644
--- a/packages/mui-joy/src/styles/styleUtils.ts
+++ b/packages/mui-joy/src/styles/styleUtils.ts
@@ -4,7 +4,7 @@ import { Theme, SxProps } from './types';
  * internal utility
  *
  * Why? to read `sx` values and attach component's CSS variables
- *      eg. <Card sx={{ borderRadius: 0 }} /> should attach
+ *      e.g. <Card sx={{ borderRadius: 0 }} /> should attach
  *          `--Card-radius: 0px` so that developers don't have to remember
  *
  * Why not reuse `styleFunctionSx`?
diff --git a/packages/mui-joy/src/styles/styled.test.tsx b/packages/mui-joy/src/styles/styled.test.tsx
index 8ce677f6efd539..7a555ddaababef 100644
--- a/packages/mui-joy/src/styles/styled.test.tsx
+++ b/packages/mui-joy/src/styles/styled.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { CssVarsProvider, ThemeProvider, styled, extendTheme } from '@mui/joy/styles';
 import defaultTheme from './defaultTheme';
 
diff --git a/packages/mui-joy/src/styles/variantColorInheritance.test.tsx b/packages/mui-joy/src/styles/variantColorInheritance.test.tsx
index e6271640e026a7..d6f967869565ee 100644
--- a/packages/mui-joy/src/styles/variantColorInheritance.test.tsx
+++ b/packages/mui-joy/src/styles/variantColorInheritance.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { VariantColorProvider, useVariantColor } from './variantColorInheritance';
 
 describe('VariantColorProvider', () => {
diff --git a/packages/mui-joy/src/styles/variantColorInheritance.tsx b/packages/mui-joy/src/styles/variantColorInheritance.tsx
index 7a2b6327394ad3..08bf2298c1f488 100644
--- a/packages/mui-joy/src/styles/variantColorInheritance.tsx
+++ b/packages/mui-joy/src/styles/variantColorInheritance.tsx
@@ -35,13 +35,14 @@ export function getChildVariantAndColor(
 export function useVariantColor(
   instanceVariant: VariantProp | undefined,
   instanceColor: ColorPaletteProp | undefined,
+  alwaysInheritColor: boolean = false,
 ) {
   const value = React.useContext(VariantColorContext);
   const [variant, color] =
     typeof value === 'string' ? (value.split(':') as [VariantProp, ColorPaletteProp]) : [];
   const result = getChildVariantAndColor(variant || undefined, color || undefined);
   result.variant = instanceVariant || result.variant;
-  result.color = instanceColor || result.color;
+  result.color = instanceColor || (alwaysInheritColor ? color : result.color);
   return result;
 }
 
diff --git a/packages/mui-joy/src/styles/variantUtils.test.js b/packages/mui-joy/src/styles/variantUtils.test.js
index 1f790a0239a73f..3d02f0452bf10c 100644
--- a/packages/mui-joy/src/styles/variantUtils.test.js
+++ b/packages/mui-joy/src/styles/variantUtils.test.js
@@ -240,6 +240,7 @@ describe('variant utils', () => {
       },
       outlinedDisabled: {
         primary: {
+          '--Icon-color': 'currentColor',
           color: 'var(--any-token)',
           borderColor: 'var(--any-token)',
           backgroundColor: 'var(--any-token)',
diff --git a/packages/mui-joy/src/styles/variantUtils.ts b/packages/mui-joy/src/styles/variantUtils.ts
index b96a85b75f632e..6d8f512b530a2b 100644
--- a/packages/mui-joy/src/styles/variantUtils.ts
+++ b/packages/mui-joy/src/styles/variantUtils.ts
@@ -67,6 +67,7 @@ export const createVariantStyle = (
         if (variantVar.includes('Disabled')) {
           result.pointerEvents = 'none';
           result.cursor = 'default';
+          result['--Icon-color'] = 'currentColor';
         }
         if (variantVar.match(/(Hover|Active|Disabled)/)) {
           assignCss(result as any, variantVar, cssVar);
@@ -280,7 +281,7 @@ export const createSoftInversion = (
           [prefixVar('--palette-text-tertiary')]: `rgba(${getCssVar(
             `palette-${color}-darkChannel`,
           )} / 0.68)`,
-          [prefixVar('--palette-text-icon')]: getCssVar(`palette-${color}-400`),
+          [prefixVar('--palette-text-icon')]: getCssVar(`palette-${color}-500`),
           [prefixVar('--palette-divider')]: `rgba(${getCssVar(
             `palette-${color}-mainChannel`,
           )} / 0.32)`,
diff --git a/packages/mui-joy/src/utils/useSlot.test.tsx b/packages/mui-joy/src/utils/useSlot.test.tsx
index 3bac136dc2ed64..0684216f95ac35 100644
--- a/packages/mui-joy/src/utils/useSlot.test.tsx
+++ b/packages/mui-joy/src/utils/useSlot.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { Popper } from '@mui/base/Popper';
 import { ColorPaletteProp, styled, VariantProp } from '../styles';
 import { CreateSlotsAndSlotProps, SlotProps } from './types';
diff --git a/packages/mui-joy/test/integration/TabsIntegration.test.tsx b/packages/mui-joy/test/integration/TabsIntegration.test.tsx
index b99a03e927a7a6..6a27f964e0cbb0 100644
--- a/packages/mui-joy/test/integration/TabsIntegration.test.tsx
+++ b/packages/mui-joy/test/integration/TabsIntegration.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import Tabs from '@mui/joy/Tabs';
 import TabList from '@mui/joy/TabList';
 import Tab from '@mui/joy/Tab';
diff --git a/packages/mui-joy/test/typescript/moduleAugmentation/CssVarsProvider.tsconfig.json b/packages/mui-joy/test/typescript/moduleAugmentation/CssVarsProvider.tsconfig.json
index aff4b899d0c7cd..aa8b86b7682ff0 100644
--- a/packages/mui-joy/test/typescript/moduleAugmentation/CssVarsProvider.tsconfig.json
+++ b/packages/mui-joy/test/typescript/moduleAugmentation/CssVarsProvider.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["CssVarsProvider.spec.tsx"]
 }
diff --git a/packages/mui-joy/test/typescript/moduleAugmentation/themeGetCssVar.tsconfig.json b/packages/mui-joy/test/typescript/moduleAugmentation/themeGetCssVar.tsconfig.json
index 8be9b7f9517582..b8b1d3db32ed6d 100644
--- a/packages/mui-joy/test/typescript/moduleAugmentation/themeGetCssVar.tsconfig.json
+++ b/packages/mui-joy/test/typescript/moduleAugmentation/themeGetCssVar.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["themeGetCssVar.spec.tsx"]
 }
diff --git a/packages/mui-joy/tsconfig.build.json b/packages/mui-joy/tsconfig.build.json
index c3b70f2c3afd4c..92aea03c9be6b9 100644
--- a/packages/mui-joy/tsconfig.build.json
+++ b/packages/mui-joy/tsconfig.build.json
@@ -1,7 +1,7 @@
 {
   // This config is for emitting declarations (.d.ts) only
   // Actual .ts source files are transpiled via babel
-  "extends": "./tsconfig",
+  "extends": "./tsconfig.json",
   "compilerOptions": {
     "composite": true,
     "declaration": true,
diff --git a/packages/mui-joy/tsconfig.json b/packages/mui-joy/tsconfig.json
index 017dc5222038a0..97d1135961157b 100644
--- a/packages/mui-joy/tsconfig.json
+++ b/packages/mui-joy/tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../tsconfig",
+  "extends": "../../tsconfig.json",
   "include": ["src/**/*", "test/integration/**/*"]
 }
diff --git a/packages/mui-lab/README.md b/packages/mui-lab/README.md
index f0b8fdb6fa742e..3a38ed547576ff 100644
--- a/packages/mui-lab/README.md
+++ b/packages/mui-lab/README.md
@@ -9,11 +9,7 @@ Install the package in your project directory with:
 <!-- #default-branch-switch -->
 
 ```bash
-// with npm
 npm install @mui/lab
-
-// with yarn
-yarn add @mui/lab
 ```
 
 The lab has peer dependencies on the Material Design components and on the Emotion library.
@@ -22,15 +18,11 @@ If you are not already using them in your project, you can install with:
 <!-- #default-branch-switch -->
 
 ```bash
-// with npm
 npm install @mui/material @emotion/react @emotion/styled
-
-// with yarn
-yarn add @mui/material @emotion/react @emotion/styled
 ```
 
 ## Documentation
 
 <!-- #default-branch-switch -->
 
-[The documentation](https://mui.com/components/about-the-lab/)
+Visit [https://mui.com/material-ui/about-the-lab/](https://mui.com/material-ui/about-the-lab/) to view the full documentation.
diff --git a/packages/mui-lab/package.json b/packages/mui-lab/package.json
index fc636ae24274fc..2a5bc0b929513c 100644
--- a/packages/mui-lab/package.json
+++ b/packages/mui-lab/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.139",
+  "version": "5.0.0-alpha.145",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -40,6 +40,28 @@
     "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/mui-lab/**/*.test.{js,ts,tsx}'",
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json"
   },
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@mui/base": "5.0.0-beta.16",
+    "@mui/system": "^5.14.10",
+    "@mui/types": "^7.2.4",
+    "@mui/utils": "^5.14.10",
+    "@mui/x-tree-view": "6.0.0-alpha.1",
+    "clsx": "^2.0.0",
+    "prop-types": "^15.8.1"
+  },
+  "devDependencies": {
+    "@mui-internal/test-utils": "^1.0.0",
+    "@types/chai": "^4.3.6",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@types/sinon": "^10.0.16",
+    "chai": "^4.3.8",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sinon": "^15.2.0"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
@@ -59,16 +81,6 @@
       "optional": true
     }
   },
-  "dependencies": {
-    "@babel/runtime": "^7.22.6",
-    "@mui/base": "5.0.0-beta.10",
-    "@mui/system": "^5.14.4",
-    "@mui/types": "^7.2.4",
-    "@mui/utils": "^5.14.4",
-    "clsx": "^2.0.0",
-    "prop-types": "^15.8.1",
-    "react-is": "^18.2.0"
-  },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
diff --git a/packages/mui-lab/src/AdapterDateFns/AdapterDateFns.ts b/packages/mui-lab/src/AdapterDateFns/AdapterDateFns.ts
index efbf0968906120..4a9ecc0d63af9c 100644
--- a/packages/mui-lab/src/AdapterDateFns/AdapterDateFns.ts
+++ b/packages/mui-lab/src/AdapterDateFns/AdapterDateFns.ts
@@ -16,7 +16,9 @@ const warn = () => {
   }
 };
 
-// tslint:disable-next-line:no-unnecessary-class
+/**
+ * @deprecated The AdapterDateFns class was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
+ */
 export default class AdapterDateFns {
   constructor() {
     warn();
diff --git a/packages/mui-lab/src/AdapterDayjs/AdapterDayjs.ts b/packages/mui-lab/src/AdapterDayjs/AdapterDayjs.ts
index 82f48c33ebe08a..084d3b419c7737 100644
--- a/packages/mui-lab/src/AdapterDayjs/AdapterDayjs.ts
+++ b/packages/mui-lab/src/AdapterDayjs/AdapterDayjs.ts
@@ -16,7 +16,9 @@ const warn = () => {
   }
 };
 
-// tslint:disable-next-line:no-unnecessary-class
+/**
+ * @deprecated The AdapterDayjs class was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
+ */
 export default class AdapterDayjs {
   constructor() {
     warn();
diff --git a/packages/mui-lab/src/AdapterLuxon/AdapterLuxon.ts b/packages/mui-lab/src/AdapterLuxon/AdapterLuxon.ts
index 10c5227c7ec016..598d911a75ba57 100644
--- a/packages/mui-lab/src/AdapterLuxon/AdapterLuxon.ts
+++ b/packages/mui-lab/src/AdapterLuxon/AdapterLuxon.ts
@@ -16,7 +16,9 @@ const warn = () => {
   }
 };
 
-// tslint:disable-next-line:no-unnecessary-class
+/**
+ * @deprecated The AdapterLuxon class was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
+ */
 export default class AdapterLuxon {
   constructor() {
     warn();
diff --git a/packages/mui-lab/src/AdapterMoment/AdapterMoment.ts b/packages/mui-lab/src/AdapterMoment/AdapterMoment.ts
index 20f9e001eb78d4..09838506f78799 100644
--- a/packages/mui-lab/src/AdapterMoment/AdapterMoment.ts
+++ b/packages/mui-lab/src/AdapterMoment/AdapterMoment.ts
@@ -16,7 +16,9 @@ const warn = () => {
   }
 };
 
-// tslint:disable-next-line:no-unnecessary-class
+/**
+ * @deprecated The AdapterMoment class was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
+ */
 export default class AdapterMoment {
   constructor() {
     warn();
diff --git a/packages/mui-lab/src/CalendarPicker/CalendarPicker.tsx b/packages/mui-lab/src/CalendarPicker/CalendarPicker.tsx
index b33a2734a4d9e0..a48bcf74f0a9bf 100644
--- a/packages/mui-lab/src/CalendarPicker/CalendarPicker.tsx
+++ b/packages/mui-lab/src/CalendarPicker/CalendarPicker.tsx
@@ -25,6 +25,7 @@ type CalendarPickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The CalendarPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const CalendarPicker = React.forwardRef(function DeprecatedCalendarPicker() {
diff --git a/packages/mui-lab/src/CalendarPickerSkeleton/CalendarPickerSkeleton.tsx b/packages/mui-lab/src/CalendarPickerSkeleton/CalendarPickerSkeleton.tsx
index afd2a96a55686b..ea35825a54a654 100644
--- a/packages/mui-lab/src/CalendarPickerSkeleton/CalendarPickerSkeleton.tsx
+++ b/packages/mui-lab/src/CalendarPickerSkeleton/CalendarPickerSkeleton.tsx
@@ -25,6 +25,7 @@ type CalendarPickerSkeletonComponent = ((
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The CalendarPickerSkeleton component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const CalendarPickerSkeleton = React.forwardRef(function DeprecatedCalendarPickerSkeleton() {
diff --git a/packages/mui-lab/src/ClockPicker/ClockPicker.tsx b/packages/mui-lab/src/ClockPicker/ClockPicker.tsx
index 3a7ff297cce72e..6aec81ba9ba4c1 100644
--- a/packages/mui-lab/src/ClockPicker/ClockPicker.tsx
+++ b/packages/mui-lab/src/ClockPicker/ClockPicker.tsx
@@ -25,6 +25,7 @@ type ClockPickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The ClockPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const ClockPicker = React.forwardRef(function DeprecatedClockPicker() {
diff --git a/packages/mui-lab/src/DateRangePicker/DateRangePicker.ts b/packages/mui-lab/src/DateRangePicker/DateRangePicker.ts
index 71d4150d30a1bb..a0e08d393c6d44 100644
--- a/packages/mui-lab/src/DateRangePicker/DateRangePicker.ts
+++ b/packages/mui-lab/src/DateRangePicker/DateRangePicker.ts
@@ -26,6 +26,7 @@ type DateRangePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The DateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DateRangePicker = React.forwardRef(function DeprecatedDateRangePicker() {
diff --git a/packages/mui-lab/src/DateRangePickerDay/DateRangePickerDay.ts b/packages/mui-lab/src/DateRangePickerDay/DateRangePickerDay.ts
index 96ef5c45913c5b..2b2c3db7ed6912 100644
--- a/packages/mui-lab/src/DateRangePickerDay/DateRangePickerDay.ts
+++ b/packages/mui-lab/src/DateRangePickerDay/DateRangePickerDay.ts
@@ -25,6 +25,7 @@ type DateRangePickerDayComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The DateRangePickerDay component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DateRangePickerDay = React.forwardRef(function DeprecatedDateRangePickerDay() {
diff --git a/packages/mui-lab/src/DateTimePicker/DateTimePicker.tsx b/packages/mui-lab/src/DateTimePicker/DateTimePicker.tsx
index 81b3ba04c41a52..f6f8ce2f12ac61 100644
--- a/packages/mui-lab/src/DateTimePicker/DateTimePicker.tsx
+++ b/packages/mui-lab/src/DateTimePicker/DateTimePicker.tsx
@@ -25,6 +25,7 @@ type DateTimePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The DateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DateTimePicker = React.forwardRef(function DeprecatedDateTimePicker() {
diff --git a/packages/mui-lab/src/DesktopDatePicker/DesktopDatePicker.tsx b/packages/mui-lab/src/DesktopDatePicker/DesktopDatePicker.tsx
index 9e4b0cc6f5eeb8..c1303a7831c480 100644
--- a/packages/mui-lab/src/DesktopDatePicker/DesktopDatePicker.tsx
+++ b/packages/mui-lab/src/DesktopDatePicker/DesktopDatePicker.tsx
@@ -25,6 +25,7 @@ type DesktopDatePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The DesktopDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DesktopDatePicker = React.forwardRef(function DeprecatedDesktopDatePicker<TDate>() {
diff --git a/packages/mui-lab/src/DesktopDateRangePicker/DesktopDateRangePicker.ts b/packages/mui-lab/src/DesktopDateRangePicker/DesktopDateRangePicker.ts
index 8ee65a6987819c..bc5697f3f97cdd 100644
--- a/packages/mui-lab/src/DesktopDateRangePicker/DesktopDateRangePicker.ts
+++ b/packages/mui-lab/src/DesktopDateRangePicker/DesktopDateRangePicker.ts
@@ -26,6 +26,7 @@ type DesktopDateRangePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The DesktopDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DesktopDateRangePicker = React.forwardRef(function DeprecatedDesktopDateRangePicker() {
diff --git a/packages/mui-lab/src/DesktopDateTimePicker/DesktopDateTimePicker.tsx b/packages/mui-lab/src/DesktopDateTimePicker/DesktopDateTimePicker.tsx
index 3f653a16979000..180ba02fa601d0 100644
--- a/packages/mui-lab/src/DesktopDateTimePicker/DesktopDateTimePicker.tsx
+++ b/packages/mui-lab/src/DesktopDateTimePicker/DesktopDateTimePicker.tsx
@@ -25,6 +25,7 @@ type DesktopDateTimePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The DesktopDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DesktopDateTimePicker = React.forwardRef(function DeprecatedDesktopDateTimePicker() {
diff --git a/packages/mui-lab/src/DesktopTimePicker/DesktopTimePicker.tsx b/packages/mui-lab/src/DesktopTimePicker/DesktopTimePicker.tsx
index 527063e6298dd4..4b0306748991c2 100644
--- a/packages/mui-lab/src/DesktopTimePicker/DesktopTimePicker.tsx
+++ b/packages/mui-lab/src/DesktopTimePicker/DesktopTimePicker.tsx
@@ -25,6 +25,7 @@ type DesktopTimePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The DesktopTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DesktopTimePicker = React.forwardRef(function DeprecatedDesktopTimePicker() {
diff --git a/packages/mui-lab/src/LoadingButton/LoadingButton.d.ts b/packages/mui-lab/src/LoadingButton/LoadingButton.d.ts
index 77e9b2e894cf89..8603a50e117072 100644
--- a/packages/mui-lab/src/LoadingButton/LoadingButton.d.ts
+++ b/packages/mui-lab/src/LoadingButton/LoadingButton.d.ts
@@ -3,55 +3,57 @@ import { OverrideProps } from '@mui/material/OverridableComponent';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 
+export interface LoadingButtonOwnProps {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ButtonClasses> & {
+    /** Styles applied to the root element. */
+    root?: string;
+    /** Styles applied to the root element if `loading={true}`. */
+    loading?: string;
+    /** Styles applied to the loadingIndicator element. */
+    loadingIndicator?: string;
+    /** Styles applied to the loadingIndicator element if `loadingPosition="center"`. */
+    loadingIndicatorCenter?: string;
+    /** Styles applied to the loadingIndicator element if `loadingPosition="start"`. */
+    loadingIndicatorStart?: string;
+    /** Styles applied to the loadingIndicator element if `loadingPosition="end"`. */
+    loadingIndicatorEnd?: string;
+    /** Styles applied to the endIcon element if `loading={true}` and `loadingPosition="end"`. */
+    endIconLoadingEnd?: string;
+    /** Styles applied to the startIcon element if `loading={true}` and `loadingPosition="start"`. */
+    startIconLoadingStart?: string;
+  };
+  /**
+   * If `true`, the loading indicator is shown and the button becomes disabled.
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * Element placed before the children if the button is in loading state.
+   * The node should contain an element with `role="progressbar"` with an accessible name.
+   * By default we render a `CircularProgress` that is labelled by the button itself.
+   * @default <CircularProgress color="inherit" size={16} />
+   */
+  loadingIndicator?: React.ReactNode;
+  /**
+   * The loading indicator can be positioned on the start, end, or the center of the button.
+   * @default 'center'
+   */
+  loadingPosition?: 'start' | 'end' | 'center';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export type LoadingButtonTypeMap<
-  P = {},
-  D extends React.ElementType = 'button',
+  AdditionalProps = {},
+  RootComponent extends React.ElementType = 'button',
 > = ExtendButtonTypeMap<{
-  props: P & {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ButtonClasses> & {
-      /** Styles applied to the root element. */
-      root?: string;
-      /** Styles applied to the root element if `loading={true}`. */
-      loading?: string;
-      /** Styles applied to the loadingIndicator element. */
-      loadingIndicator?: string;
-      /** Styles applied to the loadingIndicator element if `loadingPosition="center"`. */
-      loadingIndicatorCenter?: string;
-      /** Styles applied to the loadingIndicator element if `loadingPosition="start"`. */
-      loadingIndicatorStart?: string;
-      /** Styles applied to the loadingIndicator element if `loadingPosition="end"`. */
-      loadingIndicatorEnd?: string;
-      /** Styles applied to the endIcon element if `loading={true}` and `loadingPosition="end"`. */
-      endIconLoadingEnd?: string;
-      /** Styles applied to the startIcon element if `loading={true}` and `loadingPosition="start"`. */
-      startIconLoadingStart?: string;
-    };
-    /**
-     * If `true`, the loading indicator is shown.
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Element placed before the children if the button is in loading state.
-     * The node should contain an element with `role="progressbar"` with an accessible name.
-     * By default we render a `CircularProgress` that is labelled by the button itself.
-     * @default <CircularProgress color="inherit" size={16} />
-     */
-    loadingIndicator?: React.ReactNode;
-    /**
-     * The loading indicator can be positioned on the start, end, or the center of the button.
-     * @default 'center'
-     */
-    loadingPosition?: 'start' | 'end' | 'center';
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: D;
+  props: AdditionalProps & LoadingButtonOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
@@ -68,8 +70,8 @@ export type LoadingButtonTypeMap<
 declare const LoadingButton: ExtendButton<LoadingButtonTypeMap>;
 
 export type LoadingButtonProps<
-  D extends React.ElementType = LoadingButtonTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<LoadingButtonTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = LoadingButtonTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<LoadingButtonTypeMap<AdditionalProps, RootComponent>, RootComponent>;
 
 export default LoadingButton;
diff --git a/packages/mui-lab/src/LoadingButton/LoadingButton.js b/packages/mui-lab/src/LoadingButton/LoadingButton.js
index ea8a04ba1dc5ed..15d2b7574669d1 100644
--- a/packages/mui-lab/src/LoadingButton/LoadingButton.js
+++ b/packages/mui-lab/src/LoadingButton/LoadingButton.js
@@ -87,7 +87,7 @@ const LoadingButtonRoot = styled(Button, {
     }),
 }));
 
-const LoadingButtonLoadingIndicator = styled('div', {
+const LoadingButtonLoadingIndicator = styled('span', {
   name: 'MuiLoadingButton',
   slot: 'LoadingIndicator',
   overridesResolver: (props, styles) => {
@@ -208,7 +208,7 @@ LoadingButton.propTypes /* remove-proptypes */ = {
    */
   id: PropTypes.string,
   /**
-   * If `true`, the loading indicator is shown.
+   * If `true`, the loading indicator is shown and the button becomes disabled.
    * @default false
    */
   loading: PropTypes.bool,
diff --git a/packages/mui-lab/src/LoadingButton/LoadingButton.test.js b/packages/mui-lab/src/LoadingButton/LoadingButton.test.js
index 6de4f929436a77..ceea7217e298c8 100644
--- a/packages/mui-lab/src/LoadingButton/LoadingButton.test.js
+++ b/packages/mui-lab/src/LoadingButton/LoadingButton.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance, screen, within } from 'test/utils';
+import { createRenderer, describeConformance, screen, within } from '@mui-internal/test-utils';
 import { expect } from 'chai';
 import Button from '@mui/material/Button';
 import LoadingButton, { loadingButtonClasses as classes } from '@mui/lab/LoadingButton';
diff --git a/packages/mui-lab/src/LocalizationProvider/LocalizationProvider.tsx b/packages/mui-lab/src/LocalizationProvider/LocalizationProvider.tsx
index 08060259087200..683030386b6de4 100644
--- a/packages/mui-lab/src/LocalizationProvider/LocalizationProvider.tsx
+++ b/packages/mui-lab/src/LocalizationProvider/LocalizationProvider.tsx
@@ -24,6 +24,7 @@ type LocalizationProviderComponent = ((
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The LocalizationProvider component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const LocalizationProvider = React.forwardRef(function DeprecatedLocalizationProvider() {
diff --git a/packages/mui-lab/src/Masonry/Masonry.d.ts b/packages/mui-lab/src/Masonry/Masonry.d.ts
index 2ceb37bca28cdd..7f338898e34051 100644
--- a/packages/mui-lab/src/Masonry/Masonry.d.ts
+++ b/packages/mui-lab/src/Masonry/Masonry.d.ts
@@ -3,44 +3,49 @@ import { OverridableComponent, OverrideProps } from '@mui/material/OverridableCo
 import { Theme } from '@mui/material/styles';
 import { MasonryClasses } from './masonryClasses';
 
-export interface MasonryTypeMap<P = {}, D extends React.ElementType = 'div'> {
-  props: P & {
-    /**
-     * The content of the component.
-     */
-    children: NonNullable<React.ReactNode>;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<MasonryClasses>;
-    /**
-     * Number of columns.
-     * @default 4
-     */
-    columns?: ResponsiveStyleValue<number | string>;
-    /**
-     * The default number of columns of the component. This is provided for server-side rendering.
-     */
-    defaultColumns?: number;
-    /**
-     * The default height of the component in px. This is provided for server-side rendering.
-     */
-    defaultHeight?: number;
-    /**
-     * The default spacing of the component. Like `spacing`, it is a factor of the theme's spacing. This is provided for server-side rendering.
-     */
-    defaultSpacing?: number;
-    /**
-     * Defines the space between children. It is a factor of the theme's spacing.
-     * @default 1
-     */
-    spacing?: ResponsiveStyleValue<number | string>;
-    /**
-     * Allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: D;
+export interface MasonryOwnProps {
+  /**
+   * The content of the component.
+   */
+  children: NonNullable<React.ReactNode>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<MasonryClasses>;
+  /**
+   * Number of columns.
+   * @default 4
+   */
+  columns?: ResponsiveStyleValue<number | string>;
+  /**
+   * The default number of columns of the component. This is provided for server-side rendering.
+   */
+  defaultColumns?: number;
+  /**
+   * The default height of the component in px. This is provided for server-side rendering.
+   */
+  defaultHeight?: number;
+  /**
+   * The default spacing of the component. Like `spacing`, it is a factor of the theme's spacing. This is provided for server-side rendering.
+   */
+  defaultSpacing?: number;
+  /**
+   * Defines the space between children. It is a factor of the theme's spacing.
+   * @default 1
+   */
+  spacing?: ResponsiveStyleValue<number | string>;
+  /**
+   * Allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+export interface MasonryTypeMap<
+  AdditionalProps = {},
+  RootComponent extends React.ElementType = 'div',
+> {
+  props: AdditionalProps & MasonryOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
@@ -55,8 +60,8 @@ export interface MasonryTypeMap<P = {}, D extends React.ElementType = 'div'> {
 declare const Masonry: OverridableComponent<MasonryTypeMap>;
 
 export type MasonryProps<
-  D extends React.ElementType = MasonryTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<MasonryTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = MasonryTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<MasonryTypeMap<AdditionalProps, RootComponent>, RootComponent>;
 
 export default Masonry;
diff --git a/packages/mui-lab/src/Masonry/Masonry.js b/packages/mui-lab/src/Masonry/Masonry.js
index b29c236c3f4cfe..c48e32772f9170 100644
--- a/packages/mui-lab/src/Masonry/Masonry.js
+++ b/packages/mui-lab/src/Masonry/Masonry.js
@@ -287,7 +287,7 @@ const Masonry = React.forwardRef(function Masonry(inProps, ref) {
 
     const resizeObserver = new ResizeObserver(() => {
       // see https://github.com/mui/material-ui/issues/36909
-      animationFrame = window.requestAnimationFrame(handleResize);
+      animationFrame = requestAnimationFrame(handleResize);
     });
 
     if (masonryRef.current) {
diff --git a/packages/mui-lab/src/Masonry/Masonry.test.js b/packages/mui-lab/src/Masonry/Masonry.test.js
index f09a0c69b0ae27..7320e3aaaf49df 100644
--- a/packages/mui-lab/src/Masonry/Masonry.test.js
+++ b/packages/mui-lab/src/Masonry/Masonry.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { expect } from 'chai';
 import { createTheme } from '@mui/material/styles';
 import defaultTheme from '@mui/material/styles/defaultTheme';
diff --git a/packages/mui-lab/src/MobileDatePicker/MobileDatePicker.tsx b/packages/mui-lab/src/MobileDatePicker/MobileDatePicker.tsx
index 8a13eb1d296ca9..872f495b462a3a 100644
--- a/packages/mui-lab/src/MobileDatePicker/MobileDatePicker.tsx
+++ b/packages/mui-lab/src/MobileDatePicker/MobileDatePicker.tsx
@@ -25,6 +25,7 @@ type MobileDatePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The MobileDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const MobileDatePicker = React.forwardRef(function DeprecatedMobileDatePicker<TDate>(
diff --git a/packages/mui-lab/src/MobileDateRangePicker/MobileDateRangePicker.ts b/packages/mui-lab/src/MobileDateRangePicker/MobileDateRangePicker.ts
index b2eba7d6e7cf02..a5a9768e1e57aa 100644
--- a/packages/mui-lab/src/MobileDateRangePicker/MobileDateRangePicker.ts
+++ b/packages/mui-lab/src/MobileDateRangePicker/MobileDateRangePicker.ts
@@ -26,6 +26,7 @@ type MobileDateRangePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The MobileDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const MobileDateRangePicker = React.forwardRef(function DeprecatedMobileDateRangePicker() {
diff --git a/packages/mui-lab/src/MobileDateTimePicker/MobileDateTimePicker.tsx b/packages/mui-lab/src/MobileDateTimePicker/MobileDateTimePicker.tsx
index 76ff20ba78506c..44ae89292cb83a 100644
--- a/packages/mui-lab/src/MobileDateTimePicker/MobileDateTimePicker.tsx
+++ b/packages/mui-lab/src/MobileDateTimePicker/MobileDateTimePicker.tsx
@@ -25,6 +25,7 @@ type MobileDateTimePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The MobileDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const MobileDateTimePicker = React.forwardRef(function DeprecatedMobileDateTimePicker() {
diff --git a/packages/mui-lab/src/MobileTimePicker/MobileTimePicker.tsx b/packages/mui-lab/src/MobileTimePicker/MobileTimePicker.tsx
index 8b445265d2a167..7564ab4a52634e 100644
--- a/packages/mui-lab/src/MobileTimePicker/MobileTimePicker.tsx
+++ b/packages/mui-lab/src/MobileTimePicker/MobileTimePicker.tsx
@@ -25,6 +25,7 @@ type MobileTimePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The MobileTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const MobileTimePicker = React.forwardRef(function DeprecatedMobileTimePicker() {
diff --git a/packages/mui-lab/src/MonthPicker/MonthPicker.tsx b/packages/mui-lab/src/MonthPicker/MonthPicker.tsx
index 6600c52d508041..fc67166a17a2a3 100644
--- a/packages/mui-lab/src/MonthPicker/MonthPicker.tsx
+++ b/packages/mui-lab/src/MonthPicker/MonthPicker.tsx
@@ -25,6 +25,7 @@ type MonthPickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The MonthPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const MonthPicker = React.forwardRef(function DeprecatedMonthPicker() {
diff --git a/packages/mui-lab/src/PickersDay/PickersDay.tsx b/packages/mui-lab/src/PickersDay/PickersDay.tsx
index ddcab7b30a9008..663efd6d92aace 100644
--- a/packages/mui-lab/src/PickersDay/PickersDay.tsx
+++ b/packages/mui-lab/src/PickersDay/PickersDay.tsx
@@ -25,6 +25,7 @@ type PickersDayComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The PickersDay component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const PickersDay = React.forwardRef(function DeprecatedPickersDay<TDate>() {
diff --git a/packages/mui-lab/src/StaticDatePicker/StaticDatePicker.tsx b/packages/mui-lab/src/StaticDatePicker/StaticDatePicker.tsx
index 4c14c98fe5d045..cc93623efafca2 100644
--- a/packages/mui-lab/src/StaticDatePicker/StaticDatePicker.tsx
+++ b/packages/mui-lab/src/StaticDatePicker/StaticDatePicker.tsx
@@ -25,6 +25,7 @@ type StaticDatePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The StaticDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const StaticDatePicker = React.forwardRef(function DeprecatedStaticDatePicker() {
diff --git a/packages/mui-lab/src/StaticDateRangePicker/StaticDateRangePicker.ts b/packages/mui-lab/src/StaticDateRangePicker/StaticDateRangePicker.ts
index 368696abc4a9d3..ab9e86fe8bcfa0 100644
--- a/packages/mui-lab/src/StaticDateRangePicker/StaticDateRangePicker.ts
+++ b/packages/mui-lab/src/StaticDateRangePicker/StaticDateRangePicker.ts
@@ -26,6 +26,7 @@ type StaticDateRangePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The StaticDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const StaticDateRangePicker = React.forwardRef(function DeprecatedStaticDateRangePicker() {
diff --git a/packages/mui-lab/src/StaticDateTimePicker/StaticDateTimePicker.tsx b/packages/mui-lab/src/StaticDateTimePicker/StaticDateTimePicker.tsx
index f2a881ea36b8f9..2f234d6eee87d2 100644
--- a/packages/mui-lab/src/StaticDateTimePicker/StaticDateTimePicker.tsx
+++ b/packages/mui-lab/src/StaticDateTimePicker/StaticDateTimePicker.tsx
@@ -25,6 +25,7 @@ type StaticDateTimePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The StaticDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const StaticDateTimePicker = React.forwardRef(function DeprecatedStaticDateTimePicker() {
diff --git a/packages/mui-lab/src/StaticTimePicker/StaticTimePicker.tsx b/packages/mui-lab/src/StaticTimePicker/StaticTimePicker.tsx
index 4569a9d0223910..1a7dca9a3e9bdf 100644
--- a/packages/mui-lab/src/StaticTimePicker/StaticTimePicker.tsx
+++ b/packages/mui-lab/src/StaticTimePicker/StaticTimePicker.tsx
@@ -25,6 +25,7 @@ type StaticTimePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The StaticTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const StaticTimePicker = React.forwardRef(function DeprecatedStaticTimePicker() {
diff --git a/packages/mui-lab/src/TabContext/TabContext.test.js b/packages/mui-lab/src/TabContext/TabContext.test.js
index 802c39e44b1f32..657bae9e853620 100644
--- a/packages/mui-lab/src/TabContext/TabContext.test.js
+++ b/packages/mui-lab/src/TabContext/TabContext.test.js
@@ -2,7 +2,7 @@
 import * as React from 'react';
 import * as ReactDOMServer from 'react-dom/server';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import TabContext, { getPanelId, getTabId, useTabContext } from './TabContext';
 
 describe('<TabContext />', () => {
diff --git a/packages/mui-lab/src/TabList/TabList.d.ts b/packages/mui-lab/src/TabList/TabList.d.ts
index 50b89137409906..cf7a6dd2381a44 100644
--- a/packages/mui-lab/src/TabList/TabList.d.ts
+++ b/packages/mui-lab/src/TabList/TabList.d.ts
@@ -3,17 +3,19 @@ import { TabsTypeMap } from '@mui/material/Tabs';
 import { DistributiveOmit } from '@mui/types';
 import { OverridableComponent, OverrideProps } from '@mui/material/OverridableComponent';
 
+interface TabListOwnProps extends DistributiveOmit<TabsTypeMap['props'], 'children' | 'value'> {
+  /**
+   * A list of `<Tab />` elements.
+   */
+  children?: React.ReactNode;
+}
+
 export interface TabListTypeMap<
-  P = {},
-  D extends React.ElementType = TabsTypeMap['defaultComponent'],
+  AdditionalProps = {},
+  RootComponent extends React.ElementType = TabsTypeMap['defaultComponent'],
 > {
-  props: P & {
-    /**
-     * A list of `<Tab />` elements.
-     */
-    children?: React.ReactNode;
-  } & DistributiveOmit<TabsTypeMap['props'], 'children' | 'value'>;
-  defaultComponent: D;
+  props: AdditionalProps & TabListOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
@@ -32,8 +34,8 @@ declare const TabList: OverridableComponent<TabListTypeMap>;
 export type TabListClassKey = keyof NonNullable<TabListTypeMap['props']['classes']>;
 
 export type TabListProps<
-  D extends React.ElementType = TabListTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TabListTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TabListTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TabListTypeMap<AdditionalProps, RootComponent>, RootComponent>;
 
 export default TabList;
diff --git a/packages/mui-lab/src/TabList/TabList.test.js b/packages/mui-lab/src/TabList/TabList.test.js
index 8a99d65603c5b1..6419a4cb31c9f6 100644
--- a/packages/mui-lab/src/TabList/TabList.test.js
+++ b/packages/mui-lab/src/TabList/TabList.test.js
@@ -1,7 +1,7 @@
 // @ts-check
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Tab from '@mui/material/Tab';
 import Tabs, { tabsClasses as classes } from '@mui/material/Tabs';
 import TabList from './TabList';
diff --git a/packages/mui-lab/src/TabPanel/TabPanel.test.tsx b/packages/mui-lab/src/TabPanel/TabPanel.test.tsx
index 47908a1d1cd14b..00db045f2b2a60 100644
--- a/packages/mui-lab/src/TabPanel/TabPanel.test.tsx
+++ b/packages/mui-lab/src/TabPanel/TabPanel.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import TabPanel, { tabPanelClasses as classes } from '@mui/lab/TabPanel';
 import TabContext from '../TabContext';
 
diff --git a/packages/mui-lab/src/TimePicker/TimePicker.tsx b/packages/mui-lab/src/TimePicker/TimePicker.tsx
index bf7c00702bf0d7..8f44f244558cdc 100644
--- a/packages/mui-lab/src/TimePicker/TimePicker.tsx
+++ b/packages/mui-lab/src/TimePicker/TimePicker.tsx
@@ -25,6 +25,7 @@ type TimePickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The StaticTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const TimePicker = React.forwardRef(function DeprecatedTimePicker() {
diff --git a/packages/mui-lab/src/Timeline/Timeline.test.tsx b/packages/mui-lab/src/Timeline/Timeline.test.tsx
index 1c0aab5da7d025..bdec9ccdfdd988 100644
--- a/packages/mui-lab/src/Timeline/Timeline.test.tsx
+++ b/packages/mui-lab/src/Timeline/Timeline.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, screen } from 'test/utils';
+import { createRenderer, describeConformance, screen } from '@mui-internal/test-utils';
 import Timeline, { timelineClasses as classes } from '@mui/lab/Timeline';
 
 describe('<Timeline />', () => {
diff --git a/packages/mui-lab/src/Timeline/Timeline.tsx b/packages/mui-lab/src/Timeline/Timeline.tsx
index 9b932e063044ed..ee173569051da7 100644
--- a/packages/mui-lab/src/Timeline/Timeline.tsx
+++ b/packages/mui-lab/src/Timeline/Timeline.tsx
@@ -1,52 +1,12 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { SxProps } from '@mui/system';
-// eslint-disable-next-line no-restricted-imports -- importing types
-import { InternalStandardProps as StandardProps } from '@mui/material';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { styled, useThemeProps, Theme } from '@mui/material/styles';
+import { styled, useThemeProps } from '@mui/material/styles';
 import TimelineContext from './TimelineContext';
-import { getTimelineUtilityClass } from './timelineClasses';
+import { TimelineClassKey, getTimelineUtilityClass } from './timelineClasses';
 import convertTimelinePositionToClass from '../internal/convertTimelinePositionToClass';
-
-export type TimelineClassKey = keyof NonNullable<TimelineProps['classes']>;
-
-export interface TimelineProps extends StandardProps<React.HTMLAttributes<HTMLUListElement>> {
-  /**
-   * The position where the TimelineContent should appear relative to the time axis.
-   * @default 'right'
-   */
-  position?: 'left' | 'right' | 'alternate' | 'alternate-reverse';
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: {
-    /** Styles applied to the root element. */
-    root?: string;
-    /** Styles applied to the root element if `position="left"`. */
-    positionLeft?: string;
-    /** Styles applied to the root element if `position="right"`. */
-    positionRight?: string;
-    /** Styles applied to the root element if `position="alternate"`. */
-    positionAlternate?: string;
-    /** Styles applied to the root element if `position="alternate-reverse"`. */
-    positionAlternateReverse?: string;
-  };
-
-  /**
-   * className applied to the root element.
-   */
-  className?: string;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
+import { TimelineProps } from './Timeline.types';
 
 type OwnerState = TimelineProps;
 
diff --git a/packages/mui-lab/src/Timeline/Timeline.types.ts b/packages/mui-lab/src/Timeline/Timeline.types.ts
new file mode 100644
index 00000000000000..01e9cbf6df0176
--- /dev/null
+++ b/packages/mui-lab/src/Timeline/Timeline.types.ts
@@ -0,0 +1,29 @@
+// eslint-disable-next-line no-restricted-imports -- importing types
+import { InternalStandardProps as StandardProps } from '@mui/material';
+import { Theme } from '@mui/material/styles';
+import { SxProps } from '@mui/system';
+import { TimelineClasses } from './timelineClasses';
+
+export interface TimelineProps extends StandardProps<React.HTMLAttributes<HTMLUListElement>> {
+  /**
+   * The position where the TimelineContent should appear relative to the time axis.
+   * @default 'right'
+   */
+  position?: 'left' | 'right' | 'alternate' | 'alternate-reverse';
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TimelineClasses>;
+  /**
+   * className applied to the root element.
+   */
+  className?: string;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
diff --git a/packages/mui-lab/src/Timeline/index.tsx b/packages/mui-lab/src/Timeline/index.tsx
index 9ffa31a7b9a7f7..cea5887f8d7cbe 100644
--- a/packages/mui-lab/src/Timeline/index.tsx
+++ b/packages/mui-lab/src/Timeline/index.tsx
@@ -1,7 +1,5 @@
 export { default } from './Timeline';
-
-export type TimelineClassKey = import('./Timeline').TimelineClassKey;
-export type TimelineProps = import('./Timeline').TimelineProps;
+export * from './Timeline.types';
 
 export { default as timelineClasses } from './timelineClasses';
 export * from './timelineClasses';
diff --git a/packages/mui-lab/src/Timeline/timelineClasses.ts b/packages/mui-lab/src/Timeline/timelineClasses.ts
index 00a84bfe0d4f1c..85a5a971b24fff 100644
--- a/packages/mui-lab/src/Timeline/timelineClasses.ts
+++ b/packages/mui-lab/src/Timeline/timelineClasses.ts
@@ -1,11 +1,26 @@
 import generateUtilityClass from '@mui/material/generateUtilityClass';
 import generateUtilityClasses from '@mui/material/generateUtilityClasses';
 
+export interface TimelineClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `position="left"`. */
+  positionLeft: string;
+  /** Styles applied to the root element if `position="right"`. */
+  positionRight: string;
+  /** Styles applied to the root element if `position="alternate"`. */
+  positionAlternate: string;
+  /** Styles applied to the root element if `position="alternate-reverse"`. */
+  positionAlternateReverse: string;
+}
+
+export type TimelineClassKey = keyof TimelineClasses;
+
 export function getTimelineUtilityClass(slot: string) {
   return generateUtilityClass('MuiTimeline', slot);
 }
 
-const timelineClasses = generateUtilityClasses('MuiTimeline', [
+const timelineClasses: TimelineClasses = generateUtilityClasses('MuiTimeline', [
   'root',
   'positionLeft',
   'positionRight',
diff --git a/packages/mui-lab/src/TimelineConnector/TimelineConnector.test.js b/packages/mui-lab/src/TimelineConnector/TimelineConnector.test.js
index d6e9bf06b43172..48bb30ebca0a27 100644
--- a/packages/mui-lab/src/TimelineConnector/TimelineConnector.test.js
+++ b/packages/mui-lab/src/TimelineConnector/TimelineConnector.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import TimelineConnector, { timelineConnectorClasses as classes } from '@mui/lab/TimelineConnector';
 
 describe('<TimelineConnector />', () => {
diff --git a/packages/mui-lab/src/TimelineContent/TimelineContent.test.js b/packages/mui-lab/src/TimelineContent/TimelineContent.test.js
index 7af431ccf15dcf..bae2b2dd90e6c4 100644
--- a/packages/mui-lab/src/TimelineContent/TimelineContent.test.js
+++ b/packages/mui-lab/src/TimelineContent/TimelineContent.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Typography from '@mui/material/Typography';
 import Timeline from '@mui/lab/Timeline';
 import TimelineItem from '@mui/lab/TimelineItem';
diff --git a/packages/mui-lab/src/TimelineDot/TimelineDot.test.js b/packages/mui-lab/src/TimelineDot/TimelineDot.test.js
index 2e301df522812e..8a6619363b972a 100644
--- a/packages/mui-lab/src/TimelineDot/TimelineDot.test.js
+++ b/packages/mui-lab/src/TimelineDot/TimelineDot.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import TimelineDot, { timelineDotClasses as classes } from '@mui/lab/TimelineDot';
 
 describe('<TimelineDot />', () => {
diff --git a/packages/mui-lab/src/TimelineItem/TimelineItem.test.js b/packages/mui-lab/src/TimelineItem/TimelineItem.test.js
index 961d96a7e285a0..532af2a2fac603 100644
--- a/packages/mui-lab/src/TimelineItem/TimelineItem.test.js
+++ b/packages/mui-lab/src/TimelineItem/TimelineItem.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import TimelineItem, { timelineItemClasses as classes } from '@mui/lab/TimelineItem';
 
 describe('<TimelineItem />', () => {
diff --git a/packages/mui-lab/src/TimelineOppositeContent/TimelineOppositeContent.test.js b/packages/mui-lab/src/TimelineOppositeContent/TimelineOppositeContent.test.js
index d32183fdd18e0e..0b3087893f291e 100644
--- a/packages/mui-lab/src/TimelineOppositeContent/TimelineOppositeContent.test.js
+++ b/packages/mui-lab/src/TimelineOppositeContent/TimelineOppositeContent.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Typography from '@mui/material/Typography';
 import Timeline from '@mui/lab/Timeline';
 import TimelineItem from '@mui/lab/TimelineItem';
diff --git a/packages/mui-lab/src/TimelineSeparator/TimelineSeparator.test.js b/packages/mui-lab/src/TimelineSeparator/TimelineSeparator.test.js
index 22d69543ab8872..e2c9f61aa7d109 100644
--- a/packages/mui-lab/src/TimelineSeparator/TimelineSeparator.test.js
+++ b/packages/mui-lab/src/TimelineSeparator/TimelineSeparator.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import TimelineSeparator, { timelineSeparatorClasses as classes } from '@mui/lab/TimelineSeparator';
 
 describe('<TimelineSeparator />', () => {
diff --git a/packages/mui-lab/src/TreeItem/TreeItem.d.ts b/packages/mui-lab/src/TreeItem/TreeItem.d.ts
deleted file mode 100644
index 8ae9995b1d59e4..00000000000000
--- a/packages/mui-lab/src/TreeItem/TreeItem.d.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import * as React from 'react';
-import { InternalStandardProps as StandardProps, Theme } from '@mui/material';
-import { TransitionProps } from '@mui/material/transitions';
-import { SxProps } from '@mui/system';
-import { TreeItemContentProps } from './TreeItemContent';
-import { TreeItemClasses } from './treeItemClasses';
-
-export interface TreeItemProps
-  extends StandardProps<React.HTMLAttributes<HTMLLIElement>, 'onFocus'> {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<TreeItemClasses>;
-  /**
-   * The icon used to collapse the node.
-   */
-  collapseIcon?: React.ReactNode;
-  /**
-   * The component used for the content node.
-   * @default TreeItemContent
-   */
-  ContentComponent?: React.JSXElementConstructor<TreeItemContentProps>;
-  /**
-   * Props applied to ContentComponent
-   */
-  ContentProps?: React.HTMLAttributes<HTMLElement>;
-  /**
-   * If `true`, the node is disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * The icon displayed next to a end node.
-   */
-  endIcon?: React.ReactNode;
-  /**
-   * The icon used to expand the node.
-   */
-  expandIcon?: React.ReactNode;
-  /**
-   * The icon to display next to the tree node's label.
-   */
-  icon?: React.ReactNode;
-  /**
-   * This prop isn't supported.
-   * Use the `onNodeFocus` callback on the tree if you need to monitor a node's focus.
-   */
-  onFocus?: null;
-  /**
-   * The tree node label.
-   */
-  label?: React.ReactNode;
-  /**
-   * The id of the node.
-   */
-  nodeId: string;
-  /**
-   * The component used for the transition.
-   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Collapse
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps>;
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
-   */
-  TransitionProps?: TransitionProps;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-
-/**
- *
- * Demos:
- *
- * - [Tree View](https://mui.com/material-ui/react-tree-view/)
- *
- * API:
- *
- * - [TreeItem API](https://mui.com/material-ui/api/tree-item/)
- */
-export default function TreeItem(props: TreeItemProps): JSX.Element;
diff --git a/packages/mui-lab/src/TreeItem/TreeItem.js b/packages/mui-lab/src/TreeItem/TreeItem.js
deleted file mode 100644
index 9f8a819c9d6dc6..00000000000000
--- a/packages/mui-lab/src/TreeItem/TreeItem.js
+++ /dev/null
@@ -1,440 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { elementTypeAcceptingRef } from '@mui/utils';
-import Collapse from '@mui/material/Collapse';
-import { alpha, styled, useThemeProps } from '@mui/material/styles';
-import { ownerDocument, useForkRef, unsupportedProp } from '@mui/material/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import TreeViewContext from '../TreeView/TreeViewContext';
-import { DescendantProvider, useDescendant } from '../TreeView/descendants';
-import TreeItemContent from './TreeItemContent';
-import treeItemClasses, { getTreeItemUtilityClass } from './treeItemClasses';
-
-const useUtilityClasses = (ownerState) => {
-  const { classes } = ownerState;
-
-  const slots = {
-    root: ['root'],
-    content: ['content'],
-    expanded: ['expanded'],
-    selected: ['selected'],
-    focused: ['focused'],
-    disabled: ['disabled'],
-    iconContainer: ['iconContainer'],
-    label: ['label'],
-    group: ['group'],
-  };
-
-  return composeClasses(slots, getTreeItemUtilityClass, classes);
-};
-
-const TreeItemRoot = styled('li', {
-  name: 'MuiTreeItem',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
-})({
-  listStyle: 'none',
-  margin: 0,
-  padding: 0,
-  outline: 0,
-});
-
-const StyledTreeItemContent = styled(TreeItemContent, {
-  name: 'MuiTreeItem',
-  slot: 'Content',
-  overridesResolver: (props, styles) => {
-    return [
-      styles.content,
-      styles.iconContainer && {
-        [`& .${treeItemClasses.iconContainer}`]: styles.iconContainer,
-      },
-      styles.label && {
-        [`& .${treeItemClasses.label}`]: styles.label,
-      },
-    ];
-  },
-})(({ theme }) => ({
-  padding: '0 8px',
-  width: '100%',
-  display: 'flex',
-  alignItems: 'center',
-  cursor: 'pointer',
-  WebkitTapHighlightColor: 'transparent',
-  '&:hover': {
-    backgroundColor: (theme.vars || theme).palette.action.hover,
-    // Reset on touch devices, it doesn't add specificity
-    '@media (hover: none)': {
-      backgroundColor: 'transparent',
-    },
-  },
-  [`&.${treeItemClasses.disabled}`]: {
-    opacity: (theme.vars || theme).palette.action.disabledOpacity,
-    backgroundColor: 'transparent',
-  },
-  [`&.${treeItemClasses.focused}`]: {
-    backgroundColor: (theme.vars || theme).palette.action.focus,
-  },
-  [`&.${treeItemClasses.selected}`]: {
-    backgroundColor: theme.vars
-      ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})`
-      : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
-    '&:hover': {
-      backgroundColor: theme.vars
-        ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))`
-        : alpha(
-            theme.palette.primary.main,
-            theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity,
-          ),
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: theme.vars
-          ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})`
-          : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
-      },
-    },
-    [`&.${treeItemClasses.focused}`]: {
-      backgroundColor: theme.vars
-        ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))`
-        : alpha(
-            theme.palette.primary.main,
-            theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity,
-          ),
-    },
-  },
-  [`& .${treeItemClasses.iconContainer}`]: {
-    marginRight: 4,
-    width: 15,
-    display: 'flex',
-    flexShrink: 0,
-    justifyContent: 'center',
-    '& svg': {
-      fontSize: 18,
-    },
-  },
-  [`& .${treeItemClasses.label}`]: {
-    width: '100%',
-    // fixes overflow - see https://github.com/mui/material-ui/issues/27372
-    minWidth: 0,
-    paddingLeft: 4,
-    position: 'relative',
-    ...theme.typography.body1,
-  },
-}));
-
-const TreeItemGroup = styled(Collapse, {
-  name: 'MuiTreeItem',
-  slot: 'Group',
-  overridesResolver: (props, styles) => styles.group,
-})({
-  margin: 0,
-  padding: 0,
-  marginLeft: 17,
-});
-
-const TreeItem = React.forwardRef(function TreeItem(inProps, ref) {
-  const props = useThemeProps({ props: inProps, name: 'MuiTreeItem' });
-  const {
-    children,
-    className,
-    collapseIcon,
-    ContentComponent = TreeItemContent,
-    ContentProps,
-    endIcon,
-    expandIcon,
-    disabled: disabledProp,
-    icon,
-    id: idProp,
-    label,
-    nodeId,
-    onClick,
-    onMouseDown,
-    TransitionComponent = Collapse,
-    TransitionProps,
-    ...other
-  } = props;
-
-  const {
-    icons: contextIcons = {},
-    focus,
-    isExpanded,
-    isFocused,
-    isSelected,
-    isDisabled,
-    multiSelect,
-    disabledItemsFocusable,
-    mapFirstChar,
-    unMapFirstChar,
-    registerNode,
-    unregisterNode,
-    treeId,
-  } = React.useContext(TreeViewContext);
-
-  let id = null;
-
-  if (idProp != null) {
-    id = idProp;
-  } else if (treeId && nodeId) {
-    id = `${treeId}-${nodeId}`;
-  }
-
-  const [treeitemElement, setTreeitemElement] = React.useState(null);
-  const contentRef = React.useRef(null);
-  const handleRef = useForkRef(setTreeitemElement, ref);
-
-  const descendant = React.useMemo(
-    () => ({
-      element: treeitemElement,
-      id: nodeId,
-    }),
-    [nodeId, treeitemElement],
-  );
-
-  const { index, parentId } = useDescendant(descendant);
-
-  const expandable = Boolean(Array.isArray(children) ? children.length : children);
-  const expanded = isExpanded ? isExpanded(nodeId) : false;
-  const focused = isFocused ? isFocused(nodeId) : false;
-  const selected = isSelected ? isSelected(nodeId) : false;
-  const disabled = isDisabled ? isDisabled(nodeId) : false;
-
-  const ownerState = {
-    ...props,
-    expanded,
-    focused,
-    selected,
-    disabled,
-  };
-
-  const classes = useUtilityClasses(ownerState);
-
-  let displayIcon;
-  let expansionIcon;
-
-  if (expandable) {
-    if (!expanded) {
-      expansionIcon = expandIcon || contextIcons.defaultExpandIcon;
-    } else {
-      expansionIcon = collapseIcon || contextIcons.defaultCollapseIcon;
-    }
-  }
-
-  if (expandable) {
-    displayIcon = contextIcons.defaultParentIcon;
-  } else {
-    displayIcon = endIcon || contextIcons.defaultEndIcon;
-  }
-
-  React.useEffect(() => {
-    // On the first render a node's index will be -1. We want to wait for the real index.
-    if (registerNode && unregisterNode && index !== -1) {
-      registerNode({
-        id: nodeId,
-        idAttribute: id,
-        index,
-        parentId,
-        expandable,
-        disabled: disabledProp,
-      });
-
-      return () => {
-        unregisterNode(nodeId);
-      };
-    }
-
-    return undefined;
-  }, [registerNode, unregisterNode, parentId, index, nodeId, expandable, disabledProp, id]);
-
-  React.useEffect(() => {
-    if (mapFirstChar && unMapFirstChar && label) {
-      mapFirstChar(nodeId, contentRef.current.textContent.substring(0, 1).toLowerCase());
-
-      return () => {
-        unMapFirstChar(nodeId);
-      };
-    }
-    return undefined;
-  }, [mapFirstChar, unMapFirstChar, nodeId, label]);
-
-  let ariaSelected;
-  if (multiSelect) {
-    ariaSelected = selected;
-  } else if (selected) {
-    /* single-selection trees unset aria-selected on un-selected items.
-     *
-     * If the tree does not support multiple selection, aria-selected
-     * is set to true for the selected node and it is not present on any other node in the tree.
-     * Source: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
-     */
-    ariaSelected = true;
-  }
-
-  function handleFocus(event) {
-    // DOM focus stays on the tree which manages focus with aria-activedescendant
-    if (event.target === event.currentTarget) {
-      let rootElement;
-
-      if (typeof event.target.getRootNode === 'function') {
-        rootElement = event.target.getRootNode();
-      } else {
-        rootElement = ownerDocument(event.target);
-      }
-
-      rootElement.getElementById(treeId).focus({ preventScroll: true });
-    }
-
-    const unfocusable = !disabledItemsFocusable && disabled;
-    if (!focused && event.currentTarget === event.target && !unfocusable) {
-      focus(event, nodeId);
-    }
-  }
-
-  return (
-    <TreeItemRoot
-      className={clsx(classes.root, className)}
-      role="treeitem"
-      aria-expanded={expandable ? expanded : null}
-      aria-selected={ariaSelected}
-      aria-disabled={disabled || null}
-      ref={handleRef}
-      id={id}
-      tabIndex={-1}
-      {...other}
-      ownerState={ownerState}
-      onFocus={handleFocus}
-    >
-      <StyledTreeItemContent
-        as={ContentComponent}
-        ref={contentRef}
-        classes={{
-          root: classes.content,
-          expanded: classes.expanded,
-          selected: classes.selected,
-          focused: classes.focused,
-          disabled: classes.disabled,
-          iconContainer: classes.iconContainer,
-          label: classes.label,
-        }}
-        label={label}
-        nodeId={nodeId}
-        onClick={onClick}
-        onMouseDown={onMouseDown}
-        icon={icon}
-        expansionIcon={expansionIcon}
-        displayIcon={displayIcon}
-        ownerState={ownerState}
-        {...ContentProps}
-      />
-      {children && (
-        <DescendantProvider id={nodeId}>
-          <TreeItemGroup
-            as={TransitionComponent}
-            unmountOnExit
-            className={classes.group}
-            in={expanded}
-            component="ul"
-            role="group"
-            {...TransitionProps}
-          >
-            {children}
-          </TreeItemGroup>
-        </DescendantProvider>
-      )}
-    </TreeItemRoot>
-  );
-});
-
-TreeItem.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The icon used to collapse the node.
-   */
-  collapseIcon: PropTypes.node,
-  /**
-   * The component used for the content node.
-   * @default TreeItemContent
-   */
-  ContentComponent: elementTypeAcceptingRef,
-  /**
-   * Props applied to ContentComponent
-   */
-  ContentProps: PropTypes.object,
-  /**
-   * If `true`, the node is disabled.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * The icon displayed next to a end node.
-   */
-  endIcon: PropTypes.node,
-  /**
-   * The icon used to expand the node.
-   */
-  expandIcon: PropTypes.node,
-  /**
-   * The icon to display next to the tree node's label.
-   */
-  icon: PropTypes.node,
-  /**
-   * @ignore
-   */
-  id: PropTypes.string,
-  /**
-   * The tree node label.
-   */
-  label: PropTypes.node,
-  /**
-   * The id of the node.
-   */
-  nodeId: PropTypes.string.isRequired,
-  /**
-   * @ignore
-   */
-  onClick: PropTypes.func,
-  /**
-   * This prop isn't supported.
-   * Use the `onNodeFocus` callback on the tree if you need to monitor a node's focus.
-   */
-  onFocus: unsupportedProp,
-  /**
-   * @ignore
-   */
-  onMouseDown: PropTypes.func,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
-    PropTypes.func,
-    PropTypes.object,
-  ]),
-  /**
-   * The component used for the transition.
-   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Collapse
-   */
-  TransitionComponent: PropTypes.elementType,
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
-   */
-  TransitionProps: PropTypes.object,
-};
-
-export default TreeItem;
diff --git a/packages/mui-lab/src/TreeItem/TreeItem.test.js b/packages/mui-lab/src/TreeItem/TreeItem.test.js
deleted file mode 100644
index cd0d01b7612c0f..00000000000000
--- a/packages/mui-lab/src/TreeItem/TreeItem.test.js
+++ /dev/null
@@ -1,2318 +0,0 @@
-import * as React from 'react';
-import { expect } from 'chai';
-import PropTypes from 'prop-types';
-import { spy } from 'sinon';
-import {
-  describeConformance,
-  act,
-  createEvent,
-  createRenderer,
-  fireEvent,
-  screen,
-} from 'test/utils';
-import TreeView from '@mui/lab/TreeView';
-import TreeItem, { treeItemClasses as classes } from '@mui/lab/TreeItem';
-
-describe('<TreeItem />', () => {
-  const { render } = createRenderer();
-
-  describeConformance(<TreeItem nodeId="one" label="one" />, () => ({
-    classes,
-    inheritComponent: 'li',
-    render,
-    muiName: 'MuiTreeItem',
-    refInstanceof: window.HTMLLIElement,
-    skip: ['componentProp', 'componentsProp', 'themeVariants'],
-  }));
-
-  describe('warnings', () => {
-    beforeEach(() => {
-      PropTypes.resetWarningCache();
-    });
-
-    it('should warn if an onFocus callback is supplied', () => {
-      expect(() => {
-        PropTypes.checkPropTypes(
-          TreeItem.propTypes,
-          { nodeId: 'one', onFocus: () => {} },
-          'prop',
-          'TreeItem',
-        );
-      }).toErrorDev('Failed prop type: The prop `onFocus` is not supported.');
-    });
-
-    it('should warn if an `ContentComponent` that does not hold a ref is used', () => {
-      expect(() => {
-        PropTypes.checkPropTypes(
-          TreeItem.propTypes,
-          { nodeId: 'one', ContentComponent: () => {} },
-          'prop',
-          'TreeItem',
-        );
-      }).toErrorDev('Expected an element type that can hold a ref.');
-    });
-  });
-
-  it('should call onClick when clicked', () => {
-    const handleClick = spy();
-
-    const { getByText } = render(
-      <TreeView>
-        <TreeItem nodeId="test" label="test" onClick={handleClick} />
-      </TreeView>,
-    );
-
-    fireEvent.click(getByText('test'));
-
-    expect(handleClick.callCount).to.equal(1);
-  });
-
-  it('should display the right icons', () => {
-    const defaultEndIcon = <div data-test="defaultEndIcon" />;
-    const defaultExpandIcon = <div data-test="defaultExpandIcon" />;
-    const defaultCollapseIcon = <div data-test="defaultCollapseIcon" />;
-    const defaultParentIcon = <div data-test="defaultParentIcon" />;
-    const icon = <div data-test="icon" />;
-    const endIcon = <div data-test="endIcon" />;
-
-    const { getByTestId } = render(
-      <TreeView
-        defaultEndIcon={defaultEndIcon}
-        defaultExpandIcon={defaultExpandIcon}
-        defaultCollapseIcon={defaultCollapseIcon}
-        defaultParentIcon={defaultParentIcon}
-        defaultExpanded={['1']}
-      >
-        <TreeItem nodeId="1" label="1" data-testid="1">
-          <TreeItem nodeId="2" label="2" data-testid="2" />
-          <TreeItem nodeId="5" label="5" data-testid="5" icon={icon} />
-          <TreeItem nodeId="6" label="6" data-testid="6" endIcon={endIcon} />
-        </TreeItem>
-        <TreeItem nodeId="3" label="3" data-testid="3">
-          <TreeItem nodeId="4" label="4" data-testid="4" />
-        </TreeItem>
-      </TreeView>,
-    );
-
-    const getIcon = (testId) => getByTestId(testId).querySelector(`.${classes.iconContainer} div`);
-
-    expect(getIcon('1')).attribute('data-test').to.equal('defaultCollapseIcon');
-    expect(getIcon('2')).attribute('data-test').to.equal('defaultEndIcon');
-    expect(getIcon('3')).attribute('data-test').to.equal('defaultExpandIcon');
-    expect(getIcon('5')).attribute('data-test').to.equal('icon');
-    expect(getIcon('6')).attribute('data-test').to.equal('endIcon');
-  });
-
-  it('should allow conditional child', () => {
-    function TestComponent() {
-      const [hide, setState] = React.useState(false);
-
-      return (
-        <React.Fragment>
-          <button data-testid="button" type="button" onClick={() => setState(true)}>
-            Hide
-          </button>
-          <TreeView defaultExpanded={['1']}>
-            <TreeItem nodeId="1" data-testid="1">
-              {!hide && <TreeItem nodeId="2" data-testid="2" />}
-            </TreeItem>
-          </TreeView>
-        </React.Fragment>
-      );
-    }
-    const { getByTestId, queryByTestId } = render(<TestComponent />);
-
-    expect(getByTestId('1')).to.have.attribute('aria-expanded', 'true');
-    expect(getByTestId('2')).not.to.equal(null);
-    fireEvent.click(getByTestId('button'));
-    expect(getByTestId('1')).not.to.have.attribute('aria-expanded');
-    expect(queryByTestId('2')).to.equal(null);
-  });
-
-  it('should treat an empty array equally to no children', () => {
-    const { getByTestId } = render(
-      <TreeView defaultExpanded={['1']}>
-        <TreeItem nodeId="1" label="1" data-testid="1">
-          <TreeItem nodeId="2" label="2" data-testid="2">
-            {[]}
-          </TreeItem>
-        </TreeItem>
-      </TreeView>,
-    );
-
-    expect(getByTestId('2')).not.to.have.attribute('aria-expanded');
-  });
-
-  it('should not call onClick when children are clicked', () => {
-    const handleClick = spy();
-
-    const { getByText } = render(
-      <TreeView defaultExpanded={['one']}>
-        <TreeItem nodeId="one" label="one" onClick={handleClick}>
-          <TreeItem nodeId="two" label="two" />
-        </TreeItem>
-      </TreeView>,
-    );
-
-    fireEvent.click(getByText('two'));
-
-    expect(handleClick.callCount).to.equal(0);
-  });
-
-  it('should be able to use a custom id', () => {
-    const { getByRole } = render(
-      <TreeView>
-        <TreeItem id="customId" nodeId="test" label="test" data-testid="test" />
-      </TreeView>,
-    );
-
-    act(() => {
-      getByRole('tree').focus();
-    });
-
-    expect(getByRole('tree')).to.have.attribute('aria-activedescendant', 'customId');
-  });
-
-  describe('Accessibility', () => {
-    it('should have the role `treeitem`', () => {
-      const { getByTestId } = render(
-        <TreeView>
-          <TreeItem nodeId="test" label="test" data-testid="test" />
-        </TreeView>,
-      );
-
-      expect(getByTestId('test')).to.have.attribute('role', 'treeitem');
-    });
-
-    it('should add the role `group` to a component containing children', () => {
-      const { getByRole, getByText } = render(
-        <TreeView defaultExpanded={['test']}>
-          <TreeItem nodeId="test" label="test">
-            <TreeItem nodeId="test2" label="test2" />
-          </TreeItem>
-        </TreeView>,
-      );
-
-      expect(getByRole('group')).to.contain(getByText('test2'));
-    });
-
-    describe('aria-expanded', () => {
-      it('should have the attribute `aria-expanded=false` if collapsed', () => {
-        const { getByTestId } = render(
-          <TreeView>
-            <TreeItem nodeId="test" label="test" data-testid="test">
-              <TreeItem nodeId="test2" label="test2" />
-            </TreeItem>
-          </TreeView>,
-        );
-
-        expect(getByTestId('test')).to.have.attribute('aria-expanded', 'false');
-      });
-
-      it('should have the attribute `aria-expanded={true}` if expanded', () => {
-        const { getByTestId } = render(
-          <TreeView defaultExpanded={['test']}>
-            <TreeItem nodeId="test" label="test" data-testid="test">
-              <TreeItem nodeId="test2" label="test2" />
-            </TreeItem>
-          </TreeView>,
-        );
-
-        expect(getByTestId('test')).to.have.attribute('aria-expanded', 'true');
-      });
-
-      it('should not have the attribute `aria-expanded` if no children are present', () => {
-        const { getByTestId } = render(
-          <TreeView>
-            <TreeItem nodeId="test" label="test" data-testid="test" />
-          </TreeView>,
-        );
-
-        expect(getByTestId('test')).not.to.have.attribute('aria-expanded');
-      });
-    });
-
-    describe('aria-disabled', () => {
-      it('should not have the attribute `aria-disabled` if disabled is false', () => {
-        const { getByTestId } = render(
-          <TreeView>
-            <TreeItem nodeId="one" label="one" data-testid="one" />
-          </TreeView>,
-        );
-
-        expect(getByTestId('one')).not.to.have.attribute('aria-disabled');
-      });
-
-      it('should have the attribute `aria-disabled={true}` if disabled', () => {
-        const { getByTestId } = render(
-          <TreeView>
-            <TreeItem nodeId="one" label="one" disabled data-testid="one" />
-          </TreeView>,
-        );
-
-        expect(getByTestId('one')).to.have.attribute('aria-disabled', 'true');
-      });
-    });
-
-    describe('aria-selected', () => {
-      describe('single-select', () => {
-        it('should not have the attribute `aria-selected` if not selected', () => {
-          const { getByTestId } = render(
-            <TreeView>
-              <TreeItem nodeId="test" label="test" data-testid="test" />
-            </TreeView>,
-          );
-
-          expect(getByTestId('test')).not.to.have.attribute('aria-selected');
-        });
-
-        it('should have the attribute `aria-selected={true}` if selected', () => {
-          const { getByTestId } = render(
-            <TreeView defaultSelected={'test'}>
-              <TreeItem nodeId="test" label="test" data-testid="test" />
-            </TreeView>,
-          );
-
-          expect(getByTestId('test')).to.have.attribute('aria-selected', 'true');
-        });
-      });
-
-      describe('multi-select', () => {
-        it('should have the attribute `aria-selected=false` if not selected', () => {
-          const { getByTestId } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="test" label="test" data-testid="test" />
-            </TreeView>,
-          );
-
-          expect(getByTestId('test')).to.have.attribute('aria-selected', 'false');
-        });
-
-        it('should have the attribute `aria-selected={true}` if selected', () => {
-          const { getByTestId } = render(
-            <TreeView multiSelect defaultSelected={'test'}>
-              <TreeItem nodeId="test" label="test" data-testid="test" />
-            </TreeView>,
-          );
-
-          expect(getByTestId('test')).to.have.attribute('aria-selected', 'true');
-        });
-
-        it('should have the attribute `aria-selected` if disableSelection is true', () => {
-          const { getByTestId } = render(
-            <TreeView multiSelect disableSelection>
-              <TreeItem nodeId="test" label="test" data-testid="test" />
-            </TreeView>,
-          );
-
-          expect(getByTestId('test')).to.have.attribute('aria-selected', 'false');
-        });
-      });
-    });
-
-    describe('when a tree receives focus', () => {
-      it('should focus the first node if none of the nodes are selected before the tree receives focus', () => {
-        const { getByRole, getByTestId, queryAllByRole } = render(
-          <TreeView id="tree">
-            <TreeItem nodeId="1" label="one" data-testid="one" />
-            <TreeItem nodeId="2" label="two" />
-            <TreeItem nodeId="3" label="three" />
-          </TreeView>,
-        );
-
-        expect(queryAllByRole('treeitem', { selected: true })).to.have.length(0);
-
-        act(() => {
-          getByRole('tree').focus();
-        });
-
-        expect(getByTestId('one')).toHaveVirtualFocus();
-      });
-
-      it('should focus the selected node if a node is selected before the tree receives focus', () => {
-        const { getByTestId, getByRole } = render(
-          <TreeView selected="2" id="tree">
-            <TreeItem nodeId="1" label="one" data-testid="one" />
-            <TreeItem nodeId="2" label="two" data-testid="two" />
-            <TreeItem nodeId="3" label="three" />
-          </TreeView>,
-        );
-
-        expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-
-        act(() => {
-          getByRole('tree').focus();
-        });
-
-        expect(getByTestId('two')).toHaveVirtualFocus();
-      });
-
-      it('should work with programmatic focus', () => {
-        const { getByRole, getByTestId } = render(
-          <TreeView>
-            <TreeItem nodeId="1" label="one" data-testid="one" />
-            <TreeItem nodeId="2" label="two" data-testid="two" />
-          </TreeView>,
-        );
-
-        act(() => {
-          getByRole('tree').focus();
-        });
-
-        expect(getByTestId('one')).toHaveVirtualFocus();
-
-        act(() => {
-          getByTestId('two').focus();
-        });
-        expect(getByTestId('two')).toHaveVirtualFocus();
-      });
-
-      it('should work when focused node is removed', () => {
-        let removeActiveItem;
-        // a TreeItem which can remove from the tree by calling `removeActiveItem`
-        function ControlledTreeItem(props) {
-          const [mounted, setMounted] = React.useReducer(() => false, true);
-          removeActiveItem = setMounted;
-
-          if (!mounted) {
-            return null;
-          }
-          return <TreeItem {...props} />;
-        }
-
-        const { getByRole, getByTestId, getByText } = render(
-          <TreeView defaultExpanded={['parent']}>
-            <TreeItem nodeId="parent" label="parent" data-testid="parent">
-              <TreeItem nodeId="1" label="one" data-testid="one" />
-              <ControlledTreeItem nodeId="2" label="two" data-testid="two" />
-            </TreeItem>
-          </TreeView>,
-        );
-        const tree = getByRole('tree');
-
-        act(() => {
-          tree.focus();
-        });
-
-        expect(getByTestId('parent')).toHaveVirtualFocus();
-
-        fireEvent.click(getByText('two'));
-
-        expect(getByTestId('two')).toHaveVirtualFocus();
-
-        // generic action that removes an item.
-        // Could be promise based, or timeout, or another user interaction
-        act(() => {
-          removeActiveItem();
-        });
-
-        expect(getByTestId('parent')).toHaveVirtualFocus();
-      });
-
-      it('should focus on tree with scroll prevented', () => {
-        const { getByRole, getByTestId } = render(
-          <TreeView>
-            <TreeItem nodeId="1" label="one" data-testid="one" />
-            <TreeItem nodeId="2" label="two" data-testid="two" />
-          </TreeView>,
-        );
-        const focus = spy(getByRole('tree'), 'focus');
-
-        act(() => {
-          getByTestId('one').focus();
-        });
-
-        expect(focus.calledOnceWithExactly({ preventScroll: true })).to.equals(true);
-      });
-    });
-
-    describe('Navigation', () => {
-      describe('right arrow interaction', () => {
-        it('should open the node and not move the focus if focus is on a closed node', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" />
-              </TreeItem>
-            </TreeView>,
-          );
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'false');
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowRight' });
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-          expect(getByTestId('one')).toHaveVirtualFocus();
-        });
-
-        it('should move focus to the first child if focus is on an open node', () => {
-          const { getByTestId, getByRole } = render(
-            <TreeView defaultExpanded={['one']} id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeItem>
-            </TreeView>,
-          );
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowRight' });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-        });
-
-        it('should do nothing if focus is on an end node', () => {
-          const { getByRole, getByTestId, getByText } = render(
-            <TreeView defaultExpanded={['one']} id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeItem>
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('two'));
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowRight' });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-        });
-      });
-
-      describe('left arrow interaction', () => {
-        it('should close the node if focus is on an open node', () => {
-          render(
-            <TreeView id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" />
-              </TreeItem>
-            </TreeView>,
-          );
-          const [firstItem] = screen.getAllByRole('treeitem');
-          const firstItemLabel = screen.getByText('one');
-
-          fireEvent.click(firstItemLabel);
-
-          expect(firstItem).to.have.attribute('aria-expanded', 'true');
-
-          act(() => {
-            screen.getByRole('tree').focus();
-          });
-          fireEvent.keyDown(screen.getByRole('tree'), { key: 'ArrowLeft' });
-
-          expect(firstItem).to.have.attribute('aria-expanded', 'false');
-          expect(screen.getByTestId('one')).toHaveVirtualFocus();
-        });
-
-        it("should move focus to the node's parent node if focus is on a child node that is an end node", () => {
-          render(
-            <TreeView defaultExpanded={['one']} id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeItem>
-            </TreeView>,
-          );
-          const [firstItem] = screen.getAllByRole('treeitem');
-          const secondItemLabel = screen.getByText('two');
-
-          expect(firstItem).to.have.attribute('aria-expanded', 'true');
-
-          fireEvent.click(secondItemLabel);
-          act(() => {
-            screen.getByRole('tree').focus();
-          });
-
-          expect(screen.getByTestId('two')).toHaveVirtualFocus();
-          fireEvent.keyDown(screen.getByRole('tree'), { key: 'ArrowLeft' });
-
-          expect(screen.getByTestId('one')).toHaveVirtualFocus();
-          expect(firstItem).to.have.attribute('aria-expanded', 'true');
-        });
-
-        it("should move focus to the node's parent node if focus is on a child node that is closed", () => {
-          render(
-            <TreeView id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" data-testid="two">
-                  <TreeItem nodeId="three" label="three" />
-                </TreeItem>
-              </TreeItem>
-            </TreeView>,
-          );
-
-          fireEvent.click(screen.getByText('one'));
-
-          expect(screen.getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-
-          act(() => {
-            screen.getByTestId('two').focus();
-          });
-
-          expect(screen.getByTestId('two')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(screen.getByRole('tree'), { key: 'ArrowLeft' });
-
-          expect(screen.getByTestId('one')).toHaveVirtualFocus();
-          expect(screen.getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-        });
-
-        it('should do nothing if focus is on a root node that is closed', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" />
-              </TreeItem>
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'false');
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowLeft' });
-          expect(getByTestId('one')).toHaveVirtualFocus();
-        });
-
-        it('should do nothing if focus is on a root node that is an end node', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowLeft' });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-        });
-      });
-
-      describe('down arrow interaction', () => {
-        it('moves focus to a sibling node', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-        });
-
-        it('moves focus to a child node', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView defaultExpanded={['one']} id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeItem>
-            </TreeView>,
-          );
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-        });
-
-        it('moves focus to a child node works with a dynamic tree', () => {
-          function TestComponent() {
-            const [hide, setState] = React.useState(false);
-
-            return (
-              <React.Fragment>
-                <button
-                  data-testid="button"
-                  type="button"
-                  onClick={() => setState((value) => !value)}
-                >
-                  Toggle Hide
-                </button>
-                <TreeView defaultExpanded={['one']} id="tree">
-                  {!hide && (
-                    <TreeItem nodeId="one" label="one" data-testid="one">
-                      <TreeItem nodeId="two" label="two" data-testid="two" />
-                    </TreeItem>
-                  )}
-                  <TreeItem nodeId="three" label="three" />
-                </TreeView>
-              </React.Fragment>
-            );
-          }
-
-          const { getByRole, queryByTestId, getByTestId, getByText } = render(<TestComponent />);
-
-          expect(getByTestId('one')).not.to.equal(null);
-          fireEvent.click(getByText('Toggle Hide'));
-          expect(queryByTestId('one')).to.equal(null);
-          fireEvent.click(getByText('Toggle Hide'));
-          expect(getByTestId('one')).not.to.equal(null);
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-        });
-
-        it("moves focus to a parent's sibling", () => {
-          const { getByRole, getByTestId, getByText } = render(
-            <TreeView defaultExpanded={['one']} id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeItem>
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-            </TreeView>,
-          );
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-
-          fireEvent.click(getByText('two'));
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-
-          expect(getByTestId('three')).toHaveVirtualFocus();
-        });
-      });
-
-      describe('up arrow interaction', () => {
-        it('moves focus to a sibling node', () => {
-          const { getByRole, getByTestId, getByText } = render(
-            <TreeView id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('two'));
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp' });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-        });
-
-        it('moves focus to a parent', () => {
-          const { getByRole, getByTestId, getByText } = render(
-            <TreeView defaultExpanded={['one']} id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeItem>
-            </TreeView>,
-          );
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-
-          fireEvent.click(getByText('two'));
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp' });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-        });
-
-        it("moves focus to a sibling's child", () => {
-          const { getByRole, getByTestId, getByText } = render(
-            <TreeView defaultExpanded={['one']} id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeItem>
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-            </TreeView>,
-          );
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-
-          fireEvent.click(getByText('three'));
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('three')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp' });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-        });
-      });
-
-      describe('home key interaction', () => {
-        it('moves focus to the first node in the tree', () => {
-          const { getByRole, getByTestId, getByText } = render(
-            <TreeView id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('four'));
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('four')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'Home' });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-        });
-      });
-
-      describe('end key interaction', () => {
-        it('moves focus to the last node in the tree without expanded items', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'End' });
-
-          expect(getByTestId('four')).toHaveVirtualFocus();
-        });
-
-        it('moves focus to the last node in the tree with expanded items', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView defaultExpanded={['four', 'five']} id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four">
-                <TreeItem nodeId="five" label="five" data-testid="five">
-                  <TreeItem nodeId="six" label="six" data-testid="six" />
-                </TreeItem>
-              </TreeItem>
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'End' });
-
-          expect(getByTestId('six')).toHaveVirtualFocus();
-        });
-      });
-
-      describe('type-ahead functionality', () => {
-        it('moves focus to the next node with a name that starts with the typed character', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label={<span>two</span>} data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 't' });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'f' });
-
-          expect(getByTestId('four')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'o' });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-        });
-
-        it('moves focus to the next node with the same starting character', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 't' });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 't' });
-
-          expect(getByTestId('three')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 't' });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-        });
-
-        it('should not move focus when pressing a modifier key + letter', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView id="tree">
-              <TreeItem nodeId="apple" label="apple" data-testid="apple" />
-              <TreeItem nodeId="lemon" label="lemon" data-testid="lemon" />
-              <TreeItem nodeId="coconut" label="coconut" data-testid="coconut" />
-              <TreeItem nodeId="vanilla" label="vanilla" data-testid="vanilla" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('apple')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'v', ctrlKey: true });
-
-          expect(getByTestId('apple')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'v', metaKey: true });
-
-          expect(getByTestId('apple')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'v', shiftKey: true });
-
-          expect(getByTestId('apple')).toHaveVirtualFocus();
-        });
-
-        it('should not throw when an item is removed', () => {
-          function TestComponent() {
-            const [hide, setState] = React.useState(false);
-            return (
-              <React.Fragment>
-                <button type="button" onClick={() => setState(true)}>
-                  Hide
-                </button>
-                <TreeView id="tree">
-                  {!hide && <TreeItem nodeId="hide" label="ab" />}
-                  <TreeItem nodeId="keyDown" label="keyDown" data-testid="keyDown" />
-                  <TreeItem nodeId="navTo" label="ac" data-testid="navTo" />
-                </TreeView>
-              </React.Fragment>
-            );
-          }
-
-          const { getByRole, getByText, getByTestId } = render(<TestComponent />);
-          fireEvent.click(getByText('Hide'));
-          expect(getByTestId('navTo')).not.toHaveVirtualFocus();
-
-          expect(() => {
-            act(() => {
-              getByRole('tree').focus();
-            });
-
-            expect(getByTestId('keyDown')).toHaveVirtualFocus();
-
-            fireEvent.keyDown(getByRole('tree'), { key: 'a' });
-          }).not.to.throw();
-
-          expect(getByTestId('navTo')).toHaveVirtualFocus();
-        });
-      });
-
-      describe('asterisk key interaction', () => {
-        it('expands all siblings that are at the same level as the current node', () => {
-          const toggleSpy = spy();
-          const { getByRole, getByTestId } = render(
-            <TreeView onNodeToggle={toggleSpy}>
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeItem>
-              <TreeItem nodeId="three" label="three" data-testid="three">
-                <TreeItem nodeId="four" label="four" data-testid="four" />
-              </TreeItem>
-              <TreeItem nodeId="five" label="five" data-testid="five">
-                <TreeItem nodeId="six" label="six" data-testid="six">
-                  <TreeItem nodeId="seven" label="seven" data-testid="seven" />
-                </TreeItem>
-              </TreeItem>
-              <TreeItem nodeId="eight" label="eight" data-testid="eight" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'false');
-          expect(getByTestId('three')).to.have.attribute('aria-expanded', 'false');
-          expect(getByTestId('five')).to.have.attribute('aria-expanded', 'false');
-
-          fireEvent.keyDown(getByRole('tree'), { key: '*' });
-
-          expect(toggleSpy.args[0][1]).to.have.length(3);
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-          expect(getByTestId('three')).to.have.attribute('aria-expanded', 'true');
-          expect(getByTestId('five')).to.have.attribute('aria-expanded', 'true');
-          expect(getByTestId('six')).to.have.attribute('aria-expanded', 'false');
-          expect(getByTestId('eight')).not.to.have.attribute('aria-expanded');
-        });
-      });
-    });
-
-    describe('Expansion', () => {
-      describe('enter key interaction', () => {
-        it('expands a node with children', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView>
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeItem>
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'false');
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'Enter' });
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-        });
-
-        it('collapses a node with children', () => {
-          const { getByRole, getByTestId, getByText } = render(
-            <TreeView>
-              <TreeItem nodeId="one" label="one" data-testid="one">
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeItem>
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('one'));
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'Enter' });
-
-          expect(getByTestId('one')).to.have.attribute('aria-expanded', 'false');
-        });
-      });
-    });
-
-    describe('Single Selection', () => {
-      describe('keyboard', () => {
-        it('should select a node when space is pressed', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).not.to.have.attribute('aria-selected');
-
-          fireEvent.keyDown(getByRole('tree'), { key: ' ' });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-        });
-
-        it('should not deselect a node when space is pressed on a selected node', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView defaultSelected="one">
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-
-          fireEvent.keyDown(getByRole('tree'), { key: ' ' });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-        });
-
-        it('should not select a node when space is pressed and disableSelection', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView disableSelection>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-          fireEvent.keyDown(getByRole('tree'), { key: ' ' });
-
-          expect(getByTestId('one')).not.to.have.attribute('aria-selected');
-        });
-      });
-
-      describe('mouse', () => {
-        it('should select a node when click', () => {
-          const { getByText, getByTestId } = render(
-            <TreeView>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-            </TreeView>,
-          );
-
-          expect(getByTestId('one')).not.to.have.attribute('aria-selected');
-          fireEvent.click(getByText('one'));
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-        });
-
-        it('should not deselect a node when clicking a selected node', () => {
-          const { getByText, getByTestId } = render(
-            <TreeView defaultSelected="one">
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-            </TreeView>,
-          );
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          fireEvent.click(getByText('one'));
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-        });
-
-        it('should not select a node when click and disableSelection', () => {
-          const { getByText, getByTestId } = render(
-            <TreeView disableSelection>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('one'));
-          expect(getByTestId('one')).not.to.have.attribute('aria-selected');
-        });
-      });
-    });
-
-    describe('Multi Selection', () => {
-      describe('deselection', () => {
-        describe('mouse behavior when multiple nodes are selected', () => {
-          specify('clicking a selected node holding ctrl should deselect the node', () => {
-            const { getByText, getByTestId } = render(
-              <TreeView multiSelect defaultSelected={['one', 'two']}>
-                <TreeItem nodeId="one" label="one" data-testid="one" />
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeView>,
-            );
-
-            expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-            expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-            fireEvent.click(getByText('one'), { ctrlKey: true });
-            expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-            expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-          });
-
-          specify('clicking a selected node holding meta should deselect the node', () => {
-            const { getByText, getByTestId } = render(
-              <TreeView multiSelect defaultSelected={['one', 'two']}>
-                <TreeItem nodeId="one" label="one" data-testid="one" />
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeView>,
-            );
-
-            expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-            expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-            fireEvent.click(getByText('one'), { metaKey: true });
-            expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-            expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-          });
-        });
-
-        describe('mouse behavior when one node is selected', () => {
-          it('clicking a selected node shout not deselect the node', () => {
-            const { getByText, getByTestId } = render(
-              <TreeView multiSelect defaultSelected={['one']}>
-                <TreeItem nodeId="one" label="one" data-testid="one" />
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-              </TreeView>,
-            );
-
-            expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-            expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-            fireEvent.click(getByText('one'));
-            expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-            expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-          });
-        });
-
-        it('should deselect the node when pressing space on a selected node', () => {
-          const { getByTestId, getByRole } = render(
-            <TreeView multiSelect defaultSelected={['one']}>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          fireEvent.keyDown(getByRole('tree'), { key: ' ' });
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-        });
-      });
-
-      describe('range selection', () => {
-        specify('keyboard arrow', () => {
-          const { getByRole, getByTestId, getByText, queryAllByRole } = render(
-            <TreeView multiSelect defaultExpanded={['two']} id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-              <TreeItem nodeId="five" label="five" data-testid="five" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('three'));
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'true');
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown', shiftKey: true });
-
-          expect(getByTestId('four')).toHaveVirtualFocus();
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(2);
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown', shiftKey: true });
-
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'true');
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(3);
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp', shiftKey: true });
-
-          expect(getByTestId('four')).toHaveVirtualFocus();
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(2);
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp', shiftKey: true });
-
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(1);
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp', shiftKey: true });
-
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(2);
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp', shiftKey: true });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'false');
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(3);
-        });
-
-        specify('keyboard arrow does not select when selectionDisabled', () => {
-          const { getByRole, getByTestId, queryAllByRole } = render(
-            <TreeView disableSelection multiSelect id="tree">
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-              <TreeItem nodeId="five" label="five" data-testid="five" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown', shiftKey: true });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(0);
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp', shiftKey: true });
-
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(0);
-        });
-
-        specify('keyboard arrow merge', () => {
-          const { getByRole, getByTestId, getByText, queryAllByRole } = render(
-            <TreeView multiSelect defaultExpanded={['two']}>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-              <TreeItem nodeId="five" label="five" data-testid="five" />
-              <TreeItem nodeId="six" label="six" data-testid="six" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('three'));
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'true');
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp', shiftKey: true });
-          fireEvent.click(getByText('six'), { ctrlKey: true });
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp', shiftKey: true });
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp', shiftKey: true });
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp', shiftKey: true });
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp', shiftKey: true });
-
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(5);
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown', shiftKey: true });
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown', shiftKey: true });
-
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(3);
-        });
-
-        specify('keyboard space', () => {
-          const { getByRole, getByTestId, getByText } = render(
-            <TreeView multiSelect defaultExpanded={['two']}>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two">
-                <TreeItem nodeId="three" label="three" data-testid="three" />
-                <TreeItem nodeId="four" label="four" data-testid="four" />
-              </TreeItem>
-              <TreeItem nodeId="five" label="five" data-testid="five">
-                <TreeItem nodeId="six" label="six" data-testid="six" />
-                <TreeItem nodeId="seven" label="seven" data-testid="seven" />
-              </TreeItem>
-              <TreeItem nodeId="eight" label="eight" data-testid="eight" />
-              <TreeItem nodeId="nine" label="nine" data-testid="nine" />
-            </TreeView>,
-          );
-          const tree = getByRole('tree');
-
-          fireEvent.click(getByText('five'));
-          act(() => {
-            tree.focus();
-          });
-          for (let i = 0; i < 5; i += 1) {
-            fireEvent.keyDown(tree, { key: 'ArrowDown' });
-          }
-          fireEvent.keyDown(tree, { key: ' ', shiftKey: true });
-
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('six')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('seven')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('eight')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('nine')).to.have.attribute('aria-selected', 'true');
-          for (let i = 0; i < 9; i += 1) {
-            fireEvent.keyDown(tree, { key: 'ArrowUp' });
-          }
-          fireEvent.keyDown(tree, { key: ' ', shiftKey: true });
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('six')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('seven')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('eight')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('nine')).to.have.attribute('aria-selected', 'false');
-        });
-
-        specify('keyboard home and end', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView multiSelect defaultExpanded={['two', 'five']}>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two">
-                <TreeItem nodeId="three" label="three" data-testid="three" />
-                <TreeItem nodeId="four" label="four" data-testid="four" />
-              </TreeItem>
-              <TreeItem nodeId="five" label="five" data-testid="five">
-                <TreeItem nodeId="six" label="six" data-testid="six" />
-                <TreeItem nodeId="seven" label="seven" data-testid="seven" />
-              </TreeItem>
-              <TreeItem nodeId="eight" label="eight" data-testid="eight" />
-              <TreeItem nodeId="nine" label="nine" data-testid="nine" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByTestId('five').focus();
-          });
-
-          fireEvent.keyDown(getByRole('tree'), {
-            key: 'End',
-            shiftKey: true,
-            ctrlKey: true,
-          });
-
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('six')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('seven')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('eight')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('nine')).to.have.attribute('aria-selected', 'true');
-
-          fireEvent.keyDown(getByRole('tree'), {
-            key: 'Home',
-            shiftKey: true,
-            ctrlKey: true,
-          });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('six')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('seven')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('eight')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('nine')).to.have.attribute('aria-selected', 'false');
-        });
-
-        specify('keyboard home and end do not select when selectionDisabled', () => {
-          const { getByRole, getByText, queryAllByRole } = render(
-            <TreeView disableSelection multiSelect defaultExpanded={['two', 'five']}>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two">
-                <TreeItem nodeId="three" label="three" data-testid="three" />
-                <TreeItem nodeId="four" label="four" data-testid="four" />
-              </TreeItem>
-              <TreeItem nodeId="five" label="five" data-testid="five">
-                <TreeItem nodeId="six" label="six" data-testid="six" />
-                <TreeItem nodeId="seven" label="seven" data-testid="seven" />
-              </TreeItem>
-              <TreeItem nodeId="eight" label="eight" data-testid="eight" />
-              <TreeItem nodeId="nine" label="nine" data-testid="nine" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('five'));
-          fireEvent.click(getByText('five'));
-          // Focus node five
-          act(() => {
-            getByRole('tree').focus();
-          });
-          fireEvent.keyDown(getByRole('tree'), {
-            key: 'End',
-            shiftKey: true,
-            ctrlKey: true,
-          });
-
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(0);
-
-          fireEvent.keyDown(getByRole('tree'), {
-            key: 'Home',
-            shiftKey: true,
-            ctrlKey: true,
-          });
-
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(0);
-        });
-
-        specify('mouse', () => {
-          const { getByTestId, getByText } = render(
-            <TreeView multiSelect defaultExpanded={['two']}>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two">
-                <TreeItem nodeId="three" label="three" data-testid="three" />
-                <TreeItem nodeId="four" label="four" data-testid="four" />
-              </TreeItem>
-              <TreeItem nodeId="five" label="five" data-testid="five">
-                <TreeItem nodeId="six" label="six" data-testid="six" />
-                <TreeItem nodeId="seven" label="seven" data-testid="seven" />
-              </TreeItem>
-              <TreeItem nodeId="eight" label="eight" data-testid="eight" />
-              <TreeItem nodeId="nine" label="nine" data-testid="nine" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('five'));
-          fireEvent.click(getByText('nine'), { shiftKey: true });
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('six')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('seven')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('eight')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('nine')).to.have.attribute('aria-selected', 'true');
-          fireEvent.click(getByText('one'), { shiftKey: true });
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'true');
-        });
-
-        it('mouse behavior after deselection', () => {
-          const { getByTestId, getByText } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-              <TreeItem nodeId="five" label="five" data-testid="five" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('one'));
-          fireEvent.click(getByText('two'), { ctrlKey: true });
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-          fireEvent.click(getByText('two'), { ctrlKey: true });
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-
-          fireEvent.click(getByText('five'), { shiftKey: true });
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'true');
-          fireEvent.click(getByText('one'), { shiftKey: true });
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'false');
-        });
-
-        specify('mouse does not range select when selectionDisabled', () => {
-          const { getByText, queryAllByRole } = render(
-            <TreeView disableSelection multiSelect defaultExpanded={['two']}>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two">
-                <TreeItem nodeId="three" label="three" data-testid="three" />
-                <TreeItem nodeId="four" label="four" data-testid="four" />
-              </TreeItem>
-              <TreeItem nodeId="five" label="five" data-testid="five">
-                <TreeItem nodeId="six" label="six" data-testid="six" />
-                <TreeItem nodeId="seven" label="seven" data-testid="seven" />
-              </TreeItem>
-              <TreeItem nodeId="eight" label="eight" data-testid="eight" />
-              <TreeItem nodeId="nine" label="nine" data-testid="nine" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('five'));
-          fireEvent.click(getByText('nine'), { shiftKey: true });
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(0);
-        });
-      });
-
-      describe('multi selection', () => {
-        specify('keyboard', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-
-          fireEvent.keyDown(getByRole('tree'), { key: ' ' });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-          fireEvent.keyDown(getByRole('tree'), { key: ' ' });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-        });
-
-        specify('keyboard holding ctrl', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-
-          fireEvent.keyDown(getByRole('tree'), { key: ' ' });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-          fireEvent.keyDown(getByRole('tree'), { key: ' ', ctrlKey: true });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-        });
-
-        specify('mouse', () => {
-          const { getByText, getByTestId } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-            </TreeView>,
-          );
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-
-          fireEvent.click(getByText('one'));
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-
-          fireEvent.click(getByText('two'));
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-        });
-
-        specify('mouse using ctrl', () => {
-          const { getByTestId, getByText } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-            </TreeView>,
-          );
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-          fireEvent.click(getByText('one'));
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-          fireEvent.click(getByText('two'), { ctrlKey: true });
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-        });
-
-        specify('mouse using meta', () => {
-          const { getByTestId, getByText } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-            </TreeView>,
-          );
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-          fireEvent.click(getByText('one'));
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-          fireEvent.click(getByText('two'), { metaKey: true });
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-        });
-      });
-
-      specify('ctrl + a selects all', () => {
-        const { getByRole, queryAllByRole } = render(
-          <TreeView multiSelect>
-            <TreeItem nodeId="one" label="one" data-testid="one" />
-            <TreeItem nodeId="two" label="two" data-testid="two" />
-            <TreeItem nodeId="three" label="three" data-testid="three" />
-            <TreeItem nodeId="four" label="four" data-testid="four" />
-            <TreeItem nodeId="five" label="five" data-testid="five" />
-          </TreeView>,
-        );
-
-        act(() => {
-          getByRole('tree').focus();
-        });
-        fireEvent.keyDown(getByRole('tree'), { key: 'a', ctrlKey: true });
-
-        expect(queryAllByRole('treeitem', { selected: true })).to.have.length(5);
-      });
-
-      specify('ctrl + a does not select all when disableSelection', () => {
-        const { getByRole, queryAllByRole } = render(
-          <TreeView disableSelection multiSelect>
-            <TreeItem nodeId="one" label="one" data-testid="one" />
-            <TreeItem nodeId="two" label="two" data-testid="two" />
-            <TreeItem nodeId="three" label="three" data-testid="three" />
-            <TreeItem nodeId="four" label="four" data-testid="four" />
-            <TreeItem nodeId="five" label="five" data-testid="five" />
-          </TreeView>,
-        );
-
-        act(() => {
-          getByRole('tree').focus();
-        });
-        fireEvent.keyDown(getByRole('tree'), { key: 'a', ctrlKey: true });
-
-        expect(queryAllByRole('treeitem', { selected: true })).to.have.length(0);
-      });
-    });
-  });
-
-  describe('prop: disabled', () => {
-    describe('selection', () => {
-      describe('mouse', () => {
-        it('should prevent selection by mouse', () => {
-          const { getByText, getByTestId } = render(
-            <TreeView>
-              <TreeItem nodeId="one" label="one" disabled data-testid="one" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('one'));
-          expect(getByTestId('one')).not.to.have.attribute('aria-selected');
-        });
-
-        it('should prevent node triggering start of range selection', () => {
-          const { getByText, getByTestId } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" disabled data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('one'));
-          fireEvent.click(getByText('four'), { shiftKey: true });
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'false');
-        });
-
-        it('should prevent node being selected as part of range selection', () => {
-          const { getByText, getByTestId } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" disabled data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('one'));
-          fireEvent.click(getByText('four'), { shiftKey: true });
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'true');
-        });
-
-        it('should prevent node triggering end of range selection', () => {
-          const { getByText, getByTestId } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-              <TreeItem nodeId="four" label="four" disabled data-testid="four" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('one'));
-          fireEvent.click(getByText('four'), { shiftKey: true });
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'false');
-        });
-      });
-
-      describe('keyboard', () => {
-        describe('`disabledItemsFocusable={true}`', () => {
-          it('should prevent selection by keyboard', () => {
-            const { getByRole, getByTestId } = render(
-              <TreeView disabledItemsFocusable>
-                <TreeItem nodeId="one" label="one" disabled data-testid="one" />
-              </TreeView>,
-            );
-
-            act(() => {
-              getByTestId('one').focus();
-            });
-            expect(getByTestId('one')).toHaveVirtualFocus();
-            fireEvent.keyDown(getByRole('tree'), { key: ' ' });
-            expect(getByTestId('one')).not.to.have.attribute('aria-selected');
-          });
-
-          it('should not prevent next node being range selected by keyboard', () => {
-            const { getByRole, getByTestId } = render(
-              <TreeView multiSelect disabledItemsFocusable>
-                <TreeItem nodeId="one" label="one" disabled data-testid="one" />
-                <TreeItem nodeId="two" label="two" data-testid="two" />
-                <TreeItem nodeId="three" label="three" data-testid="three" />
-                <TreeItem nodeId="four" label="four" data-testid="four" />
-              </TreeView>,
-            );
-
-            act(() => {
-              getByTestId('one').focus();
-            });
-            expect(getByTestId('one')).toHaveVirtualFocus();
-            fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown', shiftKey: true });
-            expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-            expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-            expect(getByTestId('two')).toHaveVirtualFocus();
-          });
-
-          it('should prevent range selection by keyboard + arrow down', () => {
-            const { getByRole, getByTestId } = render(
-              <TreeView multiSelect disabledItemsFocusable>
-                <TreeItem nodeId="one" label="one" data-testid="one" />
-                <TreeItem nodeId="two" label="two" disabled data-testid="two" />
-              </TreeView>,
-            );
-
-            act(() => {
-              getByTestId('one').focus();
-            });
-            expect(getByTestId('one')).toHaveVirtualFocus();
-            fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown', shiftKey: true });
-            expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-            expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-            expect(getByTestId('two')).toHaveVirtualFocus();
-          });
-        });
-
-        describe('`disabledItemsFocusable=false`', () => {
-          it('should select the next non disabled node by keyboard + arrow down', () => {
-            const { getByRole, getByTestId } = render(
-              <TreeView multiSelect>
-                <TreeItem nodeId="one" label="one" data-testid="one" />
-                <TreeItem nodeId="two" label="two" disabled data-testid="two" />
-                <TreeItem nodeId="three" label="three" data-testid="three" />
-              </TreeView>,
-            );
-
-            act(() => {
-              getByTestId('one').focus();
-            });
-            expect(getByTestId('one')).toHaveVirtualFocus();
-            fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown', shiftKey: true });
-            expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-            expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-            expect(getByTestId('three')).toHaveVirtualFocus();
-            expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-            expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-            expect(getByTestId('three')).to.have.attribute('aria-selected', 'true');
-          });
-        });
-
-        it('should prevent range selection by keyboard + space', () => {
-          const { getByRole, getByTestId, getByText } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" disabled data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-              <TreeItem nodeId="five" label="five" data-testid="five" />
-            </TreeView>,
-          );
-          const tree = getByRole('tree');
-
-          fireEvent.click(getByText('one'));
-          act(() => {
-            tree.focus();
-          });
-          for (let i = 0; i < 5; i += 1) {
-            fireEvent.keyDown(tree, { key: 'ArrowDown' });
-          }
-          fireEvent.keyDown(tree, { key: ' ', shiftKey: true });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'true');
-        });
-
-        it('should prevent selection by ctrl + a', () => {
-          const { getByRole, queryAllByRole } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" disabled data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-              <TreeItem nodeId="five" label="five" data-testid="five" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'a', ctrlKey: true });
-          expect(queryAllByRole('treeitem', { selected: true })).to.have.length(4);
-        });
-
-        it('should prevent selection by keyboard end', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" disabled data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-              <TreeItem nodeId="five" label="five" data-testid="five" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-          expect(getByTestId('one')).toHaveVirtualFocus();
-          fireEvent.keyDown(getByRole('tree'), {
-            key: 'End',
-            shiftKey: true,
-            ctrlKey: true,
-          });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'true');
-        });
-
-        it('should prevent selection by keyboard home', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView multiSelect>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-              <TreeItem nodeId="three" label="three" disabled data-testid="three" />
-              <TreeItem nodeId="four" label="four" data-testid="four" />
-              <TreeItem nodeId="five" label="five" data-testid="five" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByTestId('five').focus();
-          });
-          expect(getByTestId('five')).toHaveVirtualFocus();
-          fireEvent.keyDown(getByRole('tree'), {
-            key: 'Home',
-            shiftKey: true,
-            ctrlKey: true,
-          });
-
-          expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('three')).to.have.attribute('aria-selected', 'false');
-          expect(getByTestId('four')).to.have.attribute('aria-selected', 'true');
-          expect(getByTestId('five')).to.have.attribute('aria-selected', 'true');
-        });
-      });
-    });
-
-    describe('focus', () => {
-      describe('`disabledItemsFocusable={true}`', () => {
-        it('should prevent focus by mouse', () => {
-          const focusSpy = spy();
-          const { getByText } = render(
-            <TreeView disabledItemsFocusable onNodeFocus={focusSpy}>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" disabled data-testid="two" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('two'));
-          expect(focusSpy.callCount).to.equal(0);
-        });
-
-        it('should not prevent programmatic focus', () => {
-          const { getByTestId } = render(
-            <TreeView disabledItemsFocusable>
-              <TreeItem nodeId="one" label="one" disabled data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByTestId('one').focus();
-          });
-          expect(getByTestId('one')).toHaveVirtualFocus();
-        });
-
-        it('should not prevent focus by type-ahead', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView disabledItemsFocusable>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" disabled data-testid="two" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-          expect(getByTestId('one')).toHaveVirtualFocus();
-          fireEvent.keyDown(getByRole('tree'), { key: 't' });
-          expect(getByTestId('two')).toHaveVirtualFocus();
-        });
-
-        it('should not prevent focus by arrow keys', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView disabledItemsFocusable>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" disabled data-testid="two" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-          expect(getByTestId('two')).toHaveVirtualFocus();
-        });
-
-        it('should be focused on tree focus', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView disabledItemsFocusable>
-              <TreeItem nodeId="one" label="one" disabled data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-        });
-      });
-
-      describe('`disabledItemsFocusable=false`', () => {
-        it('should prevent focus by mouse', () => {
-          const focusSpy = spy();
-          const { getByText } = render(
-            <TreeView onNodeFocus={focusSpy}>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" disabled data-testid="two" />
-            </TreeView>,
-          );
-
-          fireEvent.click(getByText('two'));
-          expect(focusSpy.callCount).to.equal(0);
-        });
-
-        it('should prevent programmatic focus', () => {
-          const { getByTestId } = render(
-            <TreeView>
-              <TreeItem nodeId="one" label="one" disabled data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByTestId('one').focus();
-          });
-          expect(getByTestId('one')).not.toHaveVirtualFocus();
-        });
-
-        it('should prevent focus by type-ahead', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" disabled data-testid="two" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-          expect(getByTestId('one')).toHaveVirtualFocus();
-          fireEvent.keyDown(getByRole('tree'), { key: 't' });
-          expect(getByTestId('one')).toHaveVirtualFocus();
-        });
-
-        it('should be skipped on navigation with arrow keys', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView>
-              <TreeItem nodeId="one" label="one" data-testid="one" />
-              <TreeItem nodeId="two" label="two" disabled data-testid="two" />
-              <TreeItem nodeId="three" label="three" data-testid="three" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('one')).toHaveVirtualFocus();
-
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-          expect(getByTestId('three')).toHaveVirtualFocus();
-        });
-
-        it('should not be focused on tree focus', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView>
-              <TreeItem nodeId="one" label="one" disabled data-testid="one" />
-              <TreeItem nodeId="two" label="two" data-testid="two" />
-            </TreeView>,
-          );
-
-          act(() => {
-            getByRole('tree').focus();
-          });
-
-          expect(getByTestId('two')).toHaveVirtualFocus();
-        });
-      });
-    });
-
-    describe('expansion', () => {
-      describe('`disabledItemsFocusable={true}`', () => {
-        it('should prevent expansion on enter', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView disabledItemsFocusable>
-              <TreeItem nodeId="one" label="one" />
-              <TreeItem nodeId="two" label="two" disabled data-testid="two">
-                <TreeItem nodeId="three" label="three" />
-              </TreeItem>
-            </TreeView>,
-          );
-
-          act(() => {
-            getByTestId('two').focus();
-          });
-          expect(getByTestId('two')).toHaveVirtualFocus();
-          expect(getByTestId('two')).to.have.attribute('aria-expanded', 'false');
-          fireEvent.keyDown(getByRole('tree'), { key: 'Enter' });
-          expect(getByTestId('two')).to.have.attribute('aria-expanded', 'false');
-        });
-
-        it('should prevent expansion on right arrow', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView disabledItemsFocusable>
-              <TreeItem nodeId="one" label="one" />
-              <TreeItem nodeId="two" label="two" disabled data-testid="two">
-                <TreeItem nodeId="three" label="three" />
-              </TreeItem>
-            </TreeView>,
-          );
-
-          act(() => {
-            getByTestId('two').focus();
-          });
-          expect(getByTestId('two')).toHaveVirtualFocus();
-          expect(getByTestId('two')).to.have.attribute('aria-expanded', 'false');
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowRight' });
-          expect(getByTestId('two')).to.have.attribute('aria-expanded', 'false');
-        });
-
-        it('should prevent collapse on left arrow', () => {
-          const { getByRole, getByTestId } = render(
-            <TreeView defaultExpanded={['two']} disabledItemsFocusable>
-              <TreeItem nodeId="one" label="one" />
-              <TreeItem nodeId="two" label="two" disabled data-testid="two">
-                <TreeItem nodeId="three" label="three" />
-              </TreeItem>
-            </TreeView>,
-          );
-
-          act(() => {
-            getByTestId('two').focus();
-          });
-          expect(getByTestId('two')).toHaveVirtualFocus();
-          expect(getByTestId('two')).to.have.attribute('aria-expanded', 'true');
-          fireEvent.keyDown(getByRole('tree'), { key: 'ArrowLeft' });
-          expect(getByTestId('two')).to.have.attribute('aria-expanded', 'true');
-        });
-      });
-
-      it('should prevent expansion on click', () => {
-        const { getByText, getByTestId } = render(
-          <TreeView>
-            <TreeItem nodeId="one" label="one" disabled data-testid="one">
-              <TreeItem nodeId="two" label="two" />
-            </TreeItem>
-          </TreeView>,
-        );
-
-        fireEvent.click(getByText('one'));
-        expect(getByTestId('one')).to.have.attribute('aria-expanded', 'false');
-      });
-    });
-
-    describe('event bindings', () => {
-      it('should not prevent onClick being fired', () => {
-        const handleClick = spy();
-
-        const { getByText } = render(
-          <TreeView>
-            <TreeItem nodeId="test" label="test" disabled onClick={handleClick} />
-          </TreeView>,
-        );
-
-        fireEvent.click(getByText('test'));
-
-        expect(handleClick.callCount).to.equal(1);
-      });
-    });
-
-    it('should disable child items when parent item is disabled', () => {
-      const { getByTestId } = render(
-        <TreeView defaultExpanded={['one']}>
-          <TreeItem nodeId="one" label="one" disabled data-testid="one">
-            <TreeItem nodeId="two" label="two" data-testid="two" />
-            <TreeItem nodeId="three" label="three" data-testid="three" />
-          </TreeItem>
-        </TreeView>,
-      );
-
-      expect(getByTestId('one')).to.have.attribute('aria-disabled', 'true');
-      expect(getByTestId('two')).to.have.attribute('aria-disabled', 'true');
-      expect(getByTestId('three')).to.have.attribute('aria-disabled', 'true');
-    });
-  });
-
-  describe('content customisation', () => {
-    it('should allow a custom ContentComponent', () => {
-      const mockContent = React.forwardRef((props, ref) => (
-        <div ref={ref}>MOCK CONTENT COMPONENT</div>
-      ));
-      const { container } = render(<TreeItem nodeId="one" ContentComponent={mockContent} />);
-      expect(container.textContent).to.equal('MOCK CONTENT COMPONENT');
-    });
-
-    it('should allow props to be passed to a custom ContentComponent', () => {
-      const mockContent = React.forwardRef((props, ref) => <div ref={ref}>{props.customProp}</div>);
-      const { container } = render(
-        <TreeItem
-          nodeId="one"
-          ContentComponent={mockContent}
-          ContentProps={{ customProp: 'ABCDEF' }}
-        />,
-      );
-      expect(container.textContent).to.equal('ABCDEF');
-    });
-  });
-
-  it('should be able to type in an child input', () => {
-    const { getByRole } = render(
-      <TreeView defaultExpanded={['one']}>
-        <TreeItem nodeId="one" label="one" data-testid="one">
-          <TreeItem
-            nodeId="two"
-            label={
-              <div>
-                <input type="text" />
-              </div>
-            }
-            data-testid="two"
-          />
-        </TreeItem>
-      </TreeView>,
-    );
-    const input = getByRole('textbox');
-    const keydownEvent = createEvent.keyDown(input, {
-      key: 'a',
-    });
-    keydownEvent.preventDefault = spy();
-    fireEvent(input, keydownEvent);
-    expect(keydownEvent.preventDefault.callCount).to.equal(0);
-  });
-
-  it('should not focus steal', () => {
-    let setActiveItemMounted;
-    // a TreeItem whose mounted state we can control with `setActiveItemMounted`
-    function ControlledTreeItem(props) {
-      const [mounted, setMounted] = React.useState(true);
-      setActiveItemMounted = setMounted;
-
-      if (!mounted) {
-        return null;
-      }
-      return <TreeItem {...props} />;
-    }
-    const { getByText, getByTestId, getByRole } = render(
-      <React.Fragment>
-        <button type="button">Some focusable element</button>
-        <TreeView id="tree">
-          <TreeItem nodeId="one" label="one" data-testid="one" />
-          <ControlledTreeItem nodeId="two" label="two" data-testid="two" />
-        </TreeView>
-      </React.Fragment>,
-    );
-
-    fireEvent.click(getByText('two'));
-    act(() => {
-      getByRole('tree').focus();
-    });
-
-    expect(getByTestId('two')).toHaveVirtualFocus();
-
-    act(() => {
-      getByRole('button').focus();
-    });
-
-    expect(getByRole('button')).toHaveFocus();
-
-    act(() => {
-      setActiveItemMounted(false);
-    });
-    act(() => {
-      setActiveItemMounted(true);
-    });
-
-    expect(getByRole('button')).toHaveFocus();
-  });
-});
diff --git a/packages/mui-lab/src/TreeItem/TreeItem.tsx b/packages/mui-lab/src/TreeItem/TreeItem.tsx
new file mode 100644
index 00000000000000..99a7f7b758c315
--- /dev/null
+++ b/packages/mui-lab/src/TreeItem/TreeItem.tsx
@@ -0,0 +1,49 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { TreeItem as XTreeItem, TreeItemProps } from '@mui/x-tree-view/TreeItem';
+
+let warnedOnce = false;
+
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(
+      [
+        'MUI: The TreeItem component was moved from `@mui/lab` to `@mui/x-tree-view`.',
+        'The component will no longer be exported from `@mui/lab` in the first release of October 2023.',
+        '',
+        "You should use `import { TreeItem } from '@mui/x-tree-view'`",
+        "or `import { TreeItem } from '@mui/x-tree-view/TreeItem'`",
+        '',
+        'More information about this migration on our blog: https://mui.com/blog/lab-tree-view-to-mui-x/.',
+      ].join('\n'),
+    );
+
+    warnedOnce = true;
+  }
+};
+
+/**
+ * @deprecated The TreeItem component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-tree-view-to-mui-x/.
+ * @ignore - do not document.
+ */
+const TreeItem = React.forwardRef(function DeprecatedTreeItem(
+  props: TreeItemProps,
+  ref: React.Ref<HTMLLIElement>,
+) {
+  warn();
+
+  return <XTreeItem {...props} ref={ref} />;
+});
+
+TreeItem.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+} as any;
+
+export default TreeItem;
diff --git a/packages/mui-lab/src/TreeItem/TreeItemContent.d.ts b/packages/mui-lab/src/TreeItem/TreeItemContent.d.ts
deleted file mode 100644
index 97bf66d5634472..00000000000000
--- a/packages/mui-lab/src/TreeItem/TreeItemContent.d.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { InternalStandardProps as StandardProps } from '@mui/material';
-import * as React from 'react';
-
-export interface TreeItemContentProps extends StandardProps<React.HTMLAttributes<HTMLElement>> {
-  /**
-   * className applied to the root element.
-   */
-  className?: string;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the content element when expanded. */
-    expanded: string;
-    /** State class applied to the content element when selected. */
-    selected: string;
-    /** State class applied to the content element when focused. */
-    focused: string;
-    /** State class applied to the element when disabled. */
-    disabled: string;
-    /** Styles applied to the tree node icon and collapse/expand icon. */
-    iconContainer: string;
-    /** Styles applied to the label element. */
-    label: string;
-  };
-  /**
-   * The tree node label.
-   */
-  label?: React.ReactNode;
-  /**
-   * The id of the node.
-   */
-  nodeId: string;
-  /**
-   * The icon to display next to the tree node's label.
-   */
-  icon?: React.ReactNode;
-  /**
-   * The icon to display next to the tree node's label. Either an expansion or collapse icon.
-   */
-  expansionIcon?: React.ReactNode;
-  /**
-   * The icon to display next to the tree node's label. Either a parent or end icon.
-   */
-  displayIcon?: React.ReactNode;
-}
-
-export type TreeItemContentClassKey = keyof NonNullable<TreeItemContentProps['classes']>;
diff --git a/packages/mui-lab/src/TreeItem/TreeItemContent.js b/packages/mui-lab/src/TreeItem/TreeItemContent.js
deleted file mode 100644
index 12b558021908d2..00000000000000
--- a/packages/mui-lab/src/TreeItem/TreeItemContent.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import useTreeItem from './useTreeItem';
-
-/**
- * @ignore - internal component.
- */
-const TreeItemContent = React.forwardRef(function TreeItemContent(props, ref) {
-  const {
-    classes,
-    className,
-    displayIcon,
-    expansionIcon,
-    icon: iconProp,
-    label,
-    nodeId,
-    onClick,
-    onMouseDown,
-    ...other
-  } = props;
-
-  const {
-    disabled,
-    expanded,
-    selected,
-    focused,
-    handleExpansion,
-    handleSelection,
-    preventSelection,
-  } = useTreeItem(nodeId);
-
-  const icon = iconProp || expansionIcon || displayIcon;
-
-  const handleMouseDown = (event) => {
-    preventSelection(event);
-
-    if (onMouseDown) {
-      onMouseDown(event);
-    }
-  };
-
-  const handleClick = (event) => {
-    handleExpansion(event);
-    handleSelection(event);
-
-    if (onClick) {
-      onClick(event);
-    }
-  };
-
-  return (
-    /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
-    <div
-      className={clsx(className, classes.root, {
-        [classes.expanded]: expanded,
-        [classes.selected]: selected,
-        [classes.focused]: focused,
-        [classes.disabled]: disabled,
-      })}
-      onClick={handleClick}
-      onMouseDown={handleMouseDown}
-      ref={ref}
-      {...other}
-    >
-      <div className={classes.iconContainer}>{icon}</div>
-      <div className={classes.label}>{label}</div>
-    </div>
-  );
-});
-
-TreeItemContent.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
-   */
-  classes: PropTypes.object,
-  /**
-   * className applied to the root element.
-   */
-  className: PropTypes.string,
-  /**
-   * The icon to display next to the tree node's label. Either a parent or end icon.
-   */
-  displayIcon: PropTypes.node,
-  /**
-   * The icon to display next to the tree node's label. Either an expansion or collapse icon.
-   */
-  expansionIcon: PropTypes.node,
-  /**
-   * The icon to display next to the tree node's label.
-   */
-  icon: PropTypes.node,
-  /**
-   * The tree node label.
-   */
-  label: PropTypes.node,
-  /**
-   * The id of the node.
-   */
-  nodeId: PropTypes.string.isRequired,
-  /**
-   * @ignore
-   */
-  onClick: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onMouseDown: PropTypes.func,
-};
-
-export default TreeItemContent;
diff --git a/packages/mui-lab/src/TreeItem/index.d.ts b/packages/mui-lab/src/TreeItem/index.d.ts
deleted file mode 100644
index 99e17f1eb99aec..00000000000000
--- a/packages/mui-lab/src/TreeItem/index.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export { default } from './TreeItem';
-export * from './TreeItem';
-export * from './TreeItemContent';
-export { default as useTreeItem } from './useTreeItem';
-
-export { default as treeItemClasses } from './treeItemClasses';
-export * from './treeItemClasses';
diff --git a/packages/mui-lab/src/TreeItem/index.js b/packages/mui-lab/src/TreeItem/index.js
deleted file mode 100644
index 6ed8fe956296d6..00000000000000
--- a/packages/mui-lab/src/TreeItem/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-export { default } from './TreeItem';
-export { default as useTreeItem } from './useTreeItem';
-
-export { default as treeItemClasses } from './treeItemClasses';
-export * from './treeItemClasses';
diff --git a/packages/mui-lab/src/TreeItem/index.ts b/packages/mui-lab/src/TreeItem/index.ts
new file mode 100644
index 00000000000000..806aec49566307
--- /dev/null
+++ b/packages/mui-lab/src/TreeItem/index.ts
@@ -0,0 +1,8 @@
+export { default } from './TreeItem';
+export { getTreeItemUtilityClass, treeItemClasses, useTreeItem } from '@mui/x-tree-view/TreeItem';
+export type {
+  TreeItemProps,
+  TreeItemClasses,
+  TreeItemClassKey,
+  TreeItemContentProps,
+} from '@mui/x-tree-view/TreeItem';
diff --git a/packages/mui-lab/src/TreeItem/treeItemClasses.ts b/packages/mui-lab/src/TreeItem/treeItemClasses.ts
deleted file mode 100644
index 368a888384af45..00000000000000
--- a/packages/mui-lab/src/TreeItem/treeItemClasses.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import generateUtilityClass from '@mui/material/generateUtilityClass';
-import generateUtilityClasses from '@mui/material/generateUtilityClasses';
-
-export interface TreeItemClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the transition component. */
-  group: string;
-  /** Styles applied to the content element. */
-  content: string;
-  /** State class applied to the content element when expanded. */
-  expanded: string;
-  /** State class applied to the content element when selected. */
-  selected: string;
-  /** State class applied to the content element when focused. */
-  focused: string;
-  /** State class applied to the element when disabled. */
-  disabled: string;
-  /** Styles applied to the tree node icon. */
-  iconContainer: string;
-  /** Styles applied to the label element. */
-  label: string;
-}
-
-export type TreeItemClassKey = keyof TreeItemClasses;
-
-export function getTreeItemUtilityClass(slot: string): string {
-  return generateUtilityClass('MuiTreeItem', slot);
-}
-
-const treeItemClasses: TreeItemClasses = generateUtilityClasses('MuiTreeItem', [
-  'root',
-  'group',
-  'content',
-  'expanded',
-  'selected',
-  'focused',
-  'disabled',
-  'iconContainer',
-  'label',
-]);
-
-export default treeItemClasses;
diff --git a/packages/mui-lab/src/TreeItem/useTreeItem.d.ts b/packages/mui-lab/src/TreeItem/useTreeItem.d.ts
deleted file mode 100644
index abec248fa67b02..00000000000000
--- a/packages/mui-lab/src/TreeItem/useTreeItem.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import * as React from 'react';
-
-export default function useTreeItem(nodeId: string): {
-  disabled: boolean;
-  expanded: boolean;
-  selected: boolean;
-  focused: boolean;
-  handleExpansion: (event: React.SyntheticEvent) => void;
-  handleSelection: (event: React.SyntheticEvent) => void;
-  preventSelection: (event: React.SyntheticEvent) => void;
-};
diff --git a/packages/mui-lab/src/TreeItem/useTreeItem.js b/packages/mui-lab/src/TreeItem/useTreeItem.js
deleted file mode 100644
index 6fcbcd07febf4e..00000000000000
--- a/packages/mui-lab/src/TreeItem/useTreeItem.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import * as React from 'react';
-import TreeViewContext from '../TreeView/TreeViewContext';
-
-export default function useTreeItem(nodeId) {
-  const {
-    focus,
-    isExpanded,
-    isExpandable,
-    isFocused,
-    isDisabled,
-    isSelected,
-    multiSelect,
-    selectNode,
-    selectRange,
-    toggleExpansion,
-  } = React.useContext(TreeViewContext);
-
-  const expandable = isExpandable ? isExpandable(nodeId) : false;
-  const expanded = isExpanded ? isExpanded(nodeId) : false;
-  const focused = isFocused ? isFocused(nodeId) : false;
-  const disabled = isDisabled ? isDisabled(nodeId) : false;
-  const selected = isSelected ? isSelected(nodeId) : false;
-
-  const handleExpansion = (event) => {
-    if (!disabled) {
-      if (!focused) {
-        focus(event, nodeId);
-      }
-
-      const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);
-
-      // If already expanded and trying to toggle selection don't close
-      if (expandable && !(multiple && isExpanded(nodeId))) {
-        toggleExpansion(event, nodeId);
-      }
-    }
-  };
-
-  const handleSelection = (event) => {
-    if (!disabled) {
-      if (!focused) {
-        focus(event, nodeId);
-      }
-
-      const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);
-
-      if (multiple) {
-        if (event.shiftKey) {
-          selectRange(event, { end: nodeId });
-        } else {
-          selectNode(event, nodeId, true);
-        }
-      } else {
-        selectNode(event, nodeId);
-      }
-    }
-  };
-
-  const preventSelection = (event) => {
-    if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {
-      // Prevent text selection
-      event.preventDefault();
-    }
-  };
-
-  return {
-    disabled,
-    expanded,
-    selected,
-    focused,
-    handleExpansion,
-    handleSelection,
-    preventSelection,
-  };
-}
diff --git a/packages/mui-lab/src/TreeView/TreeView.d.ts b/packages/mui-lab/src/TreeView/TreeView.d.ts
deleted file mode 100644
index 2c7c39d8586b72..00000000000000
--- a/packages/mui-lab/src/TreeView/TreeView.d.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-import * as React from 'react';
-import { InternalStandardProps as StandardProps } from '@mui/material';
-import { Theme } from '@mui/material/styles';
-import { SxProps } from '@mui/system';
-import { TreeViewClasses } from './treeViewClasses';
-
-export interface TreeViewPropsBase extends StandardProps<React.HTMLAttributes<HTMLUListElement>> {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<TreeViewClasses>;
-  /**
-   * The default icon used to collapse the node.
-   */
-  defaultCollapseIcon?: React.ReactNode;
-  /**
-   * The default icon displayed next to a end node. This is applied to all
-   * tree nodes and can be overridden by the TreeItem `icon` prop.
-   */
-  defaultEndIcon?: React.ReactNode;
-  /**
-   * Expanded node ids. (Uncontrolled)
-   * @default []
-   */
-  defaultExpanded?: string[];
-  /**
-   * The default icon used to expand the node.
-   */
-  defaultExpandIcon?: React.ReactNode;
-  /**
-   * The default icon displayed next to a parent node. This is applied to all
-   * parent nodes and can be overridden by the TreeItem `icon` prop.
-   */
-  defaultParentIcon?: React.ReactNode;
-  /**
-   * If `true`, will allow focus on disabled items.
-   * @default false
-   */
-  disabledItemsFocusable?: boolean;
-  /**
-   * If `true` selection is disabled.
-   * @default false
-   */
-  disableSelection?: boolean;
-  /**
-   * Expanded node ids. (Controlled)
-   */
-  expanded?: string[];
-  /**
-   * This prop is used to help implement the accessibility logic.
-   * If you don't provide this prop. It falls back to a randomly generated id.
-   */
-  id?: string;
-  /**
-   * Callback fired when tree items are focused.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback **Warning**: This is a generic event not a focus event.
-   * @param {string} value of the focused node.
-   */
-  onNodeFocus?: (event: React.SyntheticEvent, nodeId: string) => void;
-  /**
-   * Callback fired when tree items are expanded/collapsed.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   * @param {array} nodeIds The ids of the expanded nodes.
-   */
-  onNodeToggle?: (event: React.SyntheticEvent, nodeIds: string[]) => void;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-
-export interface MultiSelectTreeViewProps extends TreeViewPropsBase {
-  /**
-   * Selected node ids. (Uncontrolled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   * @default []
-   */
-  defaultSelected?: string[];
-  /**
-   * Selected node ids. (Controlled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   */
-  selected?: string[];
-  /**
-   * If true `ctrl` and `shift` will trigger multiselect.
-   * @default false
-   */
-  multiSelect?: true;
-  /**
-   * Callback fired when tree items are selected/unselected.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback
-   * @param {string[] | string} nodeIds Ids of the selected nodes. When `multiSelect` is true
-   * this is an array of strings; when false (default) a string.
-   */
-  onNodeSelect?: (event: React.SyntheticEvent, nodeIds: string[]) => void;
-}
-
-export interface SingleSelectTreeViewProps extends TreeViewPropsBase {
-  /**
-   * Selected node ids. (Uncontrolled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   * @default []
-   */
-  defaultSelected?: string;
-  /**
-   * Selected node ids. (Controlled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   */
-  selected?: string;
-  /**
-   * If true `ctrl` and `shift` will trigger multiselect.
-   * @default false
-   */
-  multiSelect?: false;
-  /**
-   * Callback fired when tree items are selected/unselected.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback
-   * @param {string[] | string} nodeIds Ids of the selected nodes. When `multiSelect` is true
-   * this is an array of strings; when false (default) a string.
-   */
-  onNodeSelect?: (event: React.SyntheticEvent, nodeIds: string) => void;
-}
-
-export type TreeViewProps = SingleSelectTreeViewProps | MultiSelectTreeViewProps;
-
-/**
- *
- * Demos:
- *
- * - [Tree View](https://mui.com/material-ui/react-tree-view/)
- *
- * API:
- *
- * - [TreeView API](https://mui.com/material-ui/api/tree-view/)
- */
-export default function TreeView(props: TreeViewProps): JSX.Element;
diff --git a/packages/mui-lab/src/TreeView/TreeView.js b/packages/mui-lab/src/TreeView/TreeView.js
deleted file mode 100644
index 37017852292bac..00000000000000
--- a/packages/mui-lab/src/TreeView/TreeView.js
+++ /dev/null
@@ -1,958 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { styled, useTheme, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import {
-  useControlled,
-  useForkRef,
-  ownerDocument,
-  unstable_useId as useId,
-} from '@mui/material/utils';
-import TreeViewContext from './TreeViewContext';
-import { DescendantProvider } from './descendants';
-import { getTreeViewUtilityClass } from './treeViewClasses';
-
-const useUtilityClasses = (ownerState) => {
-  const { classes } = ownerState;
-
-  const slots = {
-    root: ['root'],
-  };
-
-  return composeClasses(slots, getTreeViewUtilityClass, classes);
-};
-
-const TreeViewRoot = styled('ul', {
-  name: 'MuiTreeView',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
-})({
-  padding: 0,
-  margin: 0,
-  listStyle: 'none',
-  outline: 0,
-});
-
-function isPrintableCharacter(string) {
-  return string && string.length === 1 && string.match(/\S/);
-}
-
-function findNextFirstChar(firstChars, startIndex, char) {
-  for (let i = startIndex; i < firstChars.length; i += 1) {
-    if (char === firstChars[i]) {
-      return i;
-    }
-  }
-  return -1;
-}
-
-function noopSelection() {
-  return false;
-}
-
-const defaultDefaultExpanded = [];
-const defaultDefaultSelected = [];
-
-const TreeView = React.forwardRef(function TreeView(inProps, ref) {
-  const props = useThemeProps({ props: inProps, name: 'MuiTreeView' });
-  const {
-    children,
-    className,
-    defaultCollapseIcon,
-    defaultEndIcon,
-    defaultExpanded = defaultDefaultExpanded,
-    defaultExpandIcon,
-    defaultParentIcon,
-    defaultSelected = defaultDefaultSelected,
-    disabledItemsFocusable = false,
-    disableSelection = false,
-    expanded: expandedProp,
-    id: idProp,
-    multiSelect = false,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    onNodeFocus,
-    onNodeSelect,
-    onNodeToggle,
-    selected: selectedProp,
-    ...other
-  } = props;
-
-  const theme = useTheme();
-  const isRtl = theme.direction === 'rtl';
-
-  const ownerState = {
-    ...props,
-    defaultExpanded,
-    defaultSelected,
-    disabledItemsFocusable,
-    disableSelection,
-    multiSelect,
-  };
-
-  const classes = useUtilityClasses(ownerState);
-
-  const treeId = useId(idProp);
-
-  const treeRef = React.useRef(null);
-  const handleRef = useForkRef(treeRef, ref);
-
-  const [focusedNodeId, setFocusedNodeId] = React.useState(null);
-
-  const nodeMap = React.useRef({});
-
-  const firstCharMap = React.useRef({});
-
-  const [expanded, setExpandedState] = useControlled({
-    controlled: expandedProp,
-    default: defaultExpanded,
-    name: 'TreeView',
-    state: 'expanded',
-  });
-
-  const [selected, setSelectedState] = useControlled({
-    controlled: selectedProp,
-    default: defaultSelected,
-    name: 'TreeView',
-    state: 'selected',
-  });
-
-  /*
-   * Status Helpers
-   */
-  const isExpanded = React.useCallback(
-    (id) => (Array.isArray(expanded) ? expanded.indexOf(id) !== -1 : false),
-    [expanded],
-  );
-
-  const isExpandable = React.useCallback(
-    (id) => nodeMap.current[id] && nodeMap.current[id].expandable,
-    [],
-  );
-
-  const isSelected = React.useCallback(
-    (id) => (Array.isArray(selected) ? selected.indexOf(id) !== -1 : selected === id),
-    [selected],
-  );
-
-  const isDisabled = React.useCallback((id) => {
-    let node = nodeMap.current[id];
-
-    // This can be called before the node has been added to the node map.
-    if (!node) {
-      return false;
-    }
-
-    if (node.disabled) {
-      return true;
-    }
-
-    while (node.parentId != null) {
-      node = nodeMap.current[node.parentId];
-      if (node.disabled) {
-        return true;
-      }
-    }
-
-    return false;
-  }, []);
-
-  const isFocused = (id) => focusedNodeId === id;
-
-  /*
-   * Child Helpers
-   */
-
-  // Using Object.keys -> .map to mimic Object.values we should replace with Object.values() once we stop IE11 support.
-  const getChildrenIds = (id) =>
-    Object.keys(nodeMap.current)
-      .map((key) => {
-        return nodeMap.current[key];
-      })
-      .filter((node) => node.parentId === id)
-      .sort((a, b) => a.index - b.index)
-      .map((child) => child.id);
-
-  const getNavigableChildrenIds = (id) => {
-    let childrenIds = getChildrenIds(id);
-
-    if (!disabledItemsFocusable) {
-      childrenIds = childrenIds.filter((node) => !isDisabled(node));
-    }
-    return childrenIds;
-  };
-
-  /*
-   * Node Helpers
-   */
-
-  const getNextNode = (id) => {
-    // If expanded get first child
-    if (isExpanded(id) && getNavigableChildrenIds(id).length > 0) {
-      return getNavigableChildrenIds(id)[0];
-    }
-
-    let node = nodeMap.current[id];
-    while (node != null) {
-      // Try to get next sibling
-      const siblings = getNavigableChildrenIds(node.parentId);
-      const nextSibling = siblings[siblings.indexOf(node.id) + 1];
-
-      if (nextSibling) {
-        return nextSibling;
-      }
-
-      // If the sibling does not exist, go up a level to the parent and try again.
-      node = nodeMap.current[node.parentId];
-    }
-
-    return null;
-  };
-
-  const getPreviousNode = (id) => {
-    const node = nodeMap.current[id];
-    const siblings = getNavigableChildrenIds(node.parentId);
-    const nodeIndex = siblings.indexOf(id);
-
-    if (nodeIndex === 0) {
-      return node.parentId;
-    }
-
-    let currentNode = siblings[nodeIndex - 1];
-    while (isExpanded(currentNode) && getNavigableChildrenIds(currentNode).length > 0) {
-      currentNode = getNavigableChildrenIds(currentNode).pop();
-    }
-
-    return currentNode;
-  };
-
-  const getLastNode = () => {
-    let lastNode = getNavigableChildrenIds(null).pop();
-
-    while (isExpanded(lastNode)) {
-      lastNode = getNavigableChildrenIds(lastNode).pop();
-    }
-    return lastNode;
-  };
-  const getFirstNode = () => getNavigableChildrenIds(null)[0];
-  const getParent = (id) => nodeMap.current[id].parentId;
-
-  /**
-   * This is used to determine the start and end of a selection range so
-   * we can get the nodes between the two border nodes.
-   *
-   * It finds the nodes' common ancestor using
-   * a naive implementation of a lowest common ancestor algorithm
-   * (https://en.wikipedia.org/wiki/Lowest_common_ancestor).
-   * Then compares the ancestor's 2 children that are ancestors of nodeA and NodeB
-   * so we can compare their indexes to work out which node comes first in a depth first search.
-   * (https://en.wikipedia.org/wiki/Depth-first_search)
-   *
-   * Another way to put it is which node is shallower in a trémaux tree
-   * https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree
-   */
-  const findOrderInTremauxTree = (nodeAId, nodeBId) => {
-    if (nodeAId === nodeBId) {
-      return [nodeAId, nodeBId];
-    }
-
-    const nodeA = nodeMap.current[nodeAId];
-    const nodeB = nodeMap.current[nodeBId];
-
-    if (nodeA.parentId === nodeB.id || nodeB.parentId === nodeA.id) {
-      return nodeB.parentId === nodeA.id ? [nodeA.id, nodeB.id] : [nodeB.id, nodeA.id];
-    }
-
-    const aFamily = [nodeA.id];
-    const bFamily = [nodeB.id];
-
-    let aAncestor = nodeA.parentId;
-    let bAncestor = nodeB.parentId;
-
-    let aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;
-    let bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;
-
-    let continueA = true;
-    let continueB = true;
-
-    while (!bAncestorIsCommon && !aAncestorIsCommon) {
-      if (continueA) {
-        aFamily.push(aAncestor);
-        aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;
-        continueA = aAncestor !== null;
-        if (!aAncestorIsCommon && continueA) {
-          aAncestor = nodeMap.current[aAncestor].parentId;
-        }
-      }
-
-      if (continueB && !aAncestorIsCommon) {
-        bFamily.push(bAncestor);
-        bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;
-        continueB = bAncestor !== null;
-        if (!bAncestorIsCommon && continueB) {
-          bAncestor = nodeMap.current[bAncestor].parentId;
-        }
-      }
-    }
-
-    const commonAncestor = aAncestorIsCommon ? aAncestor : bAncestor;
-    const ancestorFamily = getChildrenIds(commonAncestor);
-
-    const aSide = aFamily[aFamily.indexOf(commonAncestor) - 1];
-    const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];
-
-    return ancestorFamily.indexOf(aSide) < ancestorFamily.indexOf(bSide)
-      ? [nodeAId, nodeBId]
-      : [nodeBId, nodeAId];
-  };
-
-  const getNodesInRange = (nodeA, nodeB) => {
-    const [first, last] = findOrderInTremauxTree(nodeA, nodeB);
-    const nodes = [first];
-
-    let current = first;
-
-    while (current !== last) {
-      current = getNextNode(current);
-      nodes.push(current);
-    }
-
-    return nodes;
-  };
-
-  /*
-   * Focus Helpers
-   */
-
-  const focus = (event, id) => {
-    if (id) {
-      setFocusedNodeId(id);
-
-      if (onNodeFocus) {
-        onNodeFocus(event, id);
-      }
-    }
-  };
-
-  const focusNextNode = (event, id) => focus(event, getNextNode(id));
-  const focusPreviousNode = (event, id) => focus(event, getPreviousNode(id));
-  const focusFirstNode = (event) => focus(event, getFirstNode());
-  const focusLastNode = (event) => focus(event, getLastNode());
-
-  const focusByFirstCharacter = (event, id, char) => {
-    let start;
-    let index;
-    const lowercaseChar = char.toLowerCase();
-
-    const firstCharIds = [];
-    const firstChars = [];
-    // This really only works since the ids are strings
-    Object.keys(firstCharMap.current).forEach((nodeId) => {
-      const firstChar = firstCharMap.current[nodeId];
-      const map = nodeMap.current[nodeId];
-      const visible = map.parentId ? isExpanded(map.parentId) : true;
-      const shouldBeSkipped = disabledItemsFocusable ? false : isDisabled(nodeId);
-
-      if (visible && !shouldBeSkipped) {
-        firstCharIds.push(nodeId);
-        firstChars.push(firstChar);
-      }
-    });
-
-    // Get start index for search based on position of currentItem
-    start = firstCharIds.indexOf(id) + 1;
-    if (start >= firstCharIds.length) {
-      start = 0;
-    }
-
-    // Check remaining slots in the menu
-    index = findNextFirstChar(firstChars, start, lowercaseChar);
-
-    // If not found in remaining slots, check from beginning
-    if (index === -1) {
-      index = findNextFirstChar(firstChars, 0, lowercaseChar);
-    }
-
-    // If match was found...
-    if (index > -1) {
-      focus(event, firstCharIds[index]);
-    }
-  };
-
-  /*
-   * Expansion Helpers
-   */
-
-  const toggleExpansion = (event, value = focusedNodeId) => {
-    let newExpanded;
-
-    if (expanded.indexOf(value) !== -1) {
-      newExpanded = expanded.filter((id) => id !== value);
-    } else {
-      newExpanded = [value].concat(expanded);
-    }
-
-    if (onNodeToggle) {
-      onNodeToggle(event, newExpanded);
-    }
-
-    setExpandedState(newExpanded);
-  };
-
-  const expandAllSiblings = (event, id) => {
-    const map = nodeMap.current[id];
-    const siblings = getChildrenIds(map.parentId);
-
-    const diff = siblings.filter((child) => isExpandable(child) && !isExpanded(child));
-
-    const newExpanded = expanded.concat(diff);
-
-    if (diff.length > 0) {
-      setExpandedState(newExpanded);
-
-      if (onNodeToggle) {
-        onNodeToggle(event, newExpanded);
-      }
-    }
-  };
-
-  /*
-   * Selection Helpers
-   */
-
-  const lastSelectedNode = React.useRef(null);
-  const lastSelectionWasRange = React.useRef(false);
-  const currentRangeSelection = React.useRef([]);
-
-  const handleRangeArrowSelect = (event, nodes) => {
-    let base = selected.slice();
-    const { start, next, current } = nodes;
-
-    if (!next || !current) {
-      return;
-    }
-
-    if (currentRangeSelection.current.indexOf(current) === -1) {
-      currentRangeSelection.current = [];
-    }
-
-    if (lastSelectionWasRange.current) {
-      if (currentRangeSelection.current.indexOf(next) !== -1) {
-        base = base.filter((id) => id === start || id !== current);
-        currentRangeSelection.current = currentRangeSelection.current.filter(
-          (id) => id === start || id !== current,
-        );
-      } else {
-        base.push(next);
-        currentRangeSelection.current.push(next);
-      }
-    } else {
-      base.push(next);
-      currentRangeSelection.current.push(current, next);
-    }
-
-    if (onNodeSelect) {
-      onNodeSelect(event, base);
-    }
-
-    setSelectedState(base);
-  };
-
-  const handleRangeSelect = (event, nodes) => {
-    let base = selected.slice();
-    const { start, end } = nodes;
-    // If last selection was a range selection ignore nodes that were selected.
-    if (lastSelectionWasRange.current) {
-      base = base.filter((id) => currentRangeSelection.current.indexOf(id) === -1);
-    }
-
-    let range = getNodesInRange(start, end);
-    range = range.filter((node) => !isDisabled(node));
-    currentRangeSelection.current = range;
-    let newSelected = base.concat(range);
-    newSelected = newSelected.filter((id, i) => newSelected.indexOf(id) === i);
-
-    if (onNodeSelect) {
-      onNodeSelect(event, newSelected);
-    }
-
-    setSelectedState(newSelected);
-  };
-
-  const handleMultipleSelect = (event, value) => {
-    let newSelected;
-    if (selected.indexOf(value) !== -1) {
-      newSelected = selected.filter((id) => id !== value);
-    } else {
-      newSelected = [value].concat(selected);
-    }
-
-    if (onNodeSelect) {
-      onNodeSelect(event, newSelected);
-    }
-
-    setSelectedState(newSelected);
-  };
-
-  const handleSingleSelect = (event, value) => {
-    const newSelected = multiSelect ? [value] : value;
-
-    if (onNodeSelect) {
-      onNodeSelect(event, newSelected);
-    }
-
-    setSelectedState(newSelected);
-  };
-
-  const selectNode = (event, id, multiple = false) => {
-    if (id) {
-      if (multiple) {
-        handleMultipleSelect(event, id);
-      } else {
-        handleSingleSelect(event, id);
-      }
-      lastSelectedNode.current = id;
-      lastSelectionWasRange.current = false;
-      currentRangeSelection.current = [];
-
-      return true;
-    }
-    return false;
-  };
-
-  const selectRange = (event, nodes, stacked = false) => {
-    const { start = lastSelectedNode.current, end, current } = nodes;
-    if (stacked) {
-      handleRangeArrowSelect(event, { start, next: end, current });
-    } else if (start != null && end != null) {
-      handleRangeSelect(event, { start, end });
-    }
-    lastSelectionWasRange.current = true;
-  };
-
-  const rangeSelectToFirst = (event, id) => {
-    if (!lastSelectedNode.current) {
-      lastSelectedNode.current = id;
-    }
-
-    const start = lastSelectionWasRange.current ? lastSelectedNode.current : id;
-
-    selectRange(event, {
-      start,
-      end: getFirstNode(),
-    });
-  };
-
-  const rangeSelectToLast = (event, id) => {
-    if (!lastSelectedNode.current) {
-      lastSelectedNode.current = id;
-    }
-
-    const start = lastSelectionWasRange.current ? lastSelectedNode.current : id;
-
-    selectRange(event, {
-      start,
-      end: getLastNode(),
-    });
-  };
-
-  const selectNextNode = (event, id) => {
-    if (!isDisabled(getNextNode(id))) {
-      selectRange(
-        event,
-        {
-          end: getNextNode(id),
-          current: id,
-        },
-        true,
-      );
-    }
-  };
-
-  const selectPreviousNode = (event, id) => {
-    if (!isDisabled(getPreviousNode(id))) {
-      selectRange(
-        event,
-        {
-          end: getPreviousNode(id),
-          current: id,
-        },
-        true,
-      );
-    }
-  };
-
-  const selectAllNodes = (event) => {
-    selectRange(event, { start: getFirstNode(), end: getLastNode() });
-  };
-
-  /*
-   * Mapping Helpers
-   */
-  const registerNode = React.useCallback((node) => {
-    const { id, index, parentId, expandable, idAttribute, disabled } = node;
-
-    nodeMap.current[id] = { id, index, parentId, expandable, idAttribute, disabled };
-  }, []);
-
-  const unregisterNode = React.useCallback((id) => {
-    const newMap = { ...nodeMap.current };
-    delete newMap[id];
-    nodeMap.current = newMap;
-
-    setFocusedNodeId((oldFocusedNodeId) => {
-      if (
-        oldFocusedNodeId === id &&
-        treeRef.current === ownerDocument(treeRef.current).activeElement
-      ) {
-        return getChildrenIds(null)[0];
-      }
-      return oldFocusedNodeId;
-    });
-  }, []);
-
-  const mapFirstChar = React.useCallback((id, firstChar) => {
-    firstCharMap.current[id] = firstChar;
-  }, []);
-
-  const unMapFirstChar = React.useCallback((id) => {
-    const newMap = { ...firstCharMap.current };
-    delete newMap[id];
-    firstCharMap.current = newMap;
-  }, []);
-
-  /**
-   * Event handlers and Navigation
-   */
-
-  const handleNextArrow = (event) => {
-    if (isExpandable(focusedNodeId)) {
-      if (isExpanded(focusedNodeId)) {
-        focusNextNode(event, focusedNodeId);
-      } else if (!isDisabled(focusedNodeId)) {
-        toggleExpansion(event);
-      }
-    }
-    return true;
-  };
-
-  const handlePreviousArrow = (event) => {
-    if (isExpanded(focusedNodeId) && !isDisabled(focusedNodeId)) {
-      toggleExpansion(event, focusedNodeId);
-      return true;
-    }
-
-    const parent = getParent(focusedNodeId);
-    if (parent) {
-      focus(event, parent);
-      return true;
-    }
-    return false;
-  };
-
-  const handleKeyDown = (event) => {
-    let flag = false;
-    const key = event.key;
-
-    // If the tree is empty there will be no focused node
-    if (event.altKey || event.currentTarget !== event.target || !focusedNodeId) {
-      return;
-    }
-
-    const ctrlPressed = event.ctrlKey || event.metaKey;
-    switch (key) {
-      case ' ':
-        if (!disableSelection && !isDisabled(focusedNodeId)) {
-          if (multiSelect && event.shiftKey) {
-            selectRange(event, { end: focusedNodeId });
-            flag = true;
-          } else if (multiSelect) {
-            flag = selectNode(event, focusedNodeId, true);
-          } else {
-            flag = selectNode(event, focusedNodeId);
-          }
-        }
-        event.stopPropagation();
-        break;
-      case 'Enter':
-        if (!isDisabled(focusedNodeId)) {
-          if (isExpandable(focusedNodeId)) {
-            toggleExpansion(event);
-            flag = true;
-          } else if (multiSelect) {
-            flag = selectNode(event, focusedNodeId, true);
-          } else {
-            flag = selectNode(event, focusedNodeId);
-          }
-        }
-        event.stopPropagation();
-        break;
-      case 'ArrowDown':
-        if (multiSelect && event.shiftKey && !disableSelection) {
-          selectNextNode(event, focusedNodeId);
-        }
-        focusNextNode(event, focusedNodeId);
-        flag = true;
-        break;
-      case 'ArrowUp':
-        if (multiSelect && event.shiftKey && !disableSelection) {
-          selectPreviousNode(event, focusedNodeId);
-        }
-        focusPreviousNode(event, focusedNodeId);
-        flag = true;
-        break;
-      case 'ArrowRight':
-        if (isRtl) {
-          flag = handlePreviousArrow(event);
-        } else {
-          flag = handleNextArrow(event);
-        }
-        break;
-      case 'ArrowLeft':
-        if (isRtl) {
-          flag = handleNextArrow(event);
-        } else {
-          flag = handlePreviousArrow(event);
-        }
-        break;
-      case 'Home':
-        if (
-          multiSelect &&
-          ctrlPressed &&
-          event.shiftKey &&
-          !disableSelection &&
-          !isDisabled(focusedNodeId)
-        ) {
-          rangeSelectToFirst(event, focusedNodeId);
-        }
-        focusFirstNode(event);
-        flag = true;
-        break;
-      case 'End':
-        if (
-          multiSelect &&
-          ctrlPressed &&
-          event.shiftKey &&
-          !disableSelection &&
-          !isDisabled(focusedNodeId)
-        ) {
-          rangeSelectToLast(event, focusedNodeId);
-        }
-        focusLastNode(event);
-        flag = true;
-        break;
-      default:
-        if (key === '*') {
-          expandAllSiblings(event, focusedNodeId);
-          flag = true;
-        } else if (multiSelect && ctrlPressed && key.toLowerCase() === 'a' && !disableSelection) {
-          selectAllNodes(event);
-          flag = true;
-        } else if (!ctrlPressed && !event.shiftKey && isPrintableCharacter(key)) {
-          focusByFirstCharacter(event, focusedNodeId, key);
-          flag = true;
-        }
-    }
-
-    if (flag) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-  };
-
-  const handleFocus = (event) => {
-    // if the event bubbled (which is React specific) we don't want to steal focus
-    if (event.target === event.currentTarget) {
-      const firstSelected = Array.isArray(selected) ? selected[0] : selected;
-      focus(event, firstSelected || getNavigableChildrenIds(null)[0]);
-    }
-
-    if (onFocus) {
-      onFocus(event);
-    }
-  };
-
-  const handleBlur = (event) => {
-    setFocusedNodeId(null);
-
-    if (onBlur) {
-      onBlur(event);
-    }
-  };
-
-  const activeDescendant = nodeMap.current[focusedNodeId]
-    ? nodeMap.current[focusedNodeId].idAttribute
-    : null;
-
-  return (
-    <TreeViewContext.Provider
-      // TODO: fix this lint error
-      // eslint-disable-next-line react/jsx-no-constructed-context-values
-      value={{
-        icons: { defaultCollapseIcon, defaultExpandIcon, defaultParentIcon, defaultEndIcon },
-        focus,
-        toggleExpansion,
-        isExpanded,
-        isExpandable,
-        isFocused,
-        isSelected,
-        isDisabled,
-        selectNode: disableSelection ? noopSelection : selectNode,
-        selectRange: disableSelection ? noopSelection : selectRange,
-        multiSelect,
-        disabledItemsFocusable,
-        mapFirstChar,
-        unMapFirstChar,
-        registerNode,
-        unregisterNode,
-        treeId,
-      }}
-    >
-      <DescendantProvider>
-        <TreeViewRoot
-          role="tree"
-          id={treeId}
-          aria-activedescendant={activeDescendant}
-          aria-multiselectable={multiSelect}
-          className={clsx(classes.root, className)}
-          ref={handleRef}
-          tabIndex={0}
-          onKeyDown={handleKeyDown}
-          onFocus={handleFocus}
-          onBlur={handleBlur}
-          ownerState={ownerState}
-          {...other}
-        >
-          {children}
-        </TreeViewRoot>
-      </DescendantProvider>
-    </TreeViewContext.Provider>
-  );
-});
-
-TreeView.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The default icon used to collapse the node.
-   */
-  defaultCollapseIcon: PropTypes.node,
-  /**
-   * The default icon displayed next to a end node. This is applied to all
-   * tree nodes and can be overridden by the TreeItem `icon` prop.
-   */
-  defaultEndIcon: PropTypes.node,
-  /**
-   * Expanded node ids. (Uncontrolled)
-   * @default []
-   */
-  defaultExpanded: PropTypes.arrayOf(PropTypes.string),
-  /**
-   * The default icon used to expand the node.
-   */
-  defaultExpandIcon: PropTypes.node,
-  /**
-   * The default icon displayed next to a parent node. This is applied to all
-   * parent nodes and can be overridden by the TreeItem `icon` prop.
-   */
-  defaultParentIcon: PropTypes.node,
-  /**
-   * Selected node ids. (Uncontrolled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   * @default []
-   */
-  defaultSelected: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.string]),
-  /**
-   * If `true`, will allow focus on disabled items.
-   * @default false
-   */
-  disabledItemsFocusable: PropTypes.bool,
-  /**
-   * If `true` selection is disabled.
-   * @default false
-   */
-  disableSelection: PropTypes.bool,
-  /**
-   * Expanded node ids. (Controlled)
-   */
-  expanded: PropTypes.arrayOf(PropTypes.string),
-  /**
-   * This prop is used to help implement the accessibility logic.
-   * If you don't provide this prop. It falls back to a randomly generated id.
-   */
-  id: PropTypes.string,
-  /**
-   * If true `ctrl` and `shift` will trigger multiselect.
-   * @default false
-   */
-  multiSelect: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  onBlur: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onFocus: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: PropTypes.func,
-  /**
-   * Callback fired when tree items are focused.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback **Warning**: This is a generic event not a focus event.
-   * @param {string} value of the focused node.
-   */
-  onNodeFocus: PropTypes.func,
-  /**
-   * Callback fired when tree items are selected/unselected.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback
-   * @param {string[] | string} nodeIds Ids of the selected nodes. When `multiSelect` is true
-   * this is an array of strings; when false (default) a string.
-   */
-  onNodeSelect: PropTypes.func,
-  /**
-   * Callback fired when tree items are expanded/collapsed.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   * @param {array} nodeIds The ids of the expanded nodes.
-   */
-  onNodeToggle: PropTypes.func,
-  /**
-   * Selected node ids. (Controlled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   */
-  selected: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
-    PropTypes.func,
-    PropTypes.object,
-  ]),
-};
-
-export default TreeView;
diff --git a/packages/mui-lab/src/TreeView/TreeView.test.js b/packages/mui-lab/src/TreeView/TreeView.test.js
deleted file mode 100644
index 7916cd7fad0735..00000000000000
--- a/packages/mui-lab/src/TreeView/TreeView.test.js
+++ /dev/null
@@ -1,463 +0,0 @@
-import * as React from 'react';
-import { expect } from 'chai';
-import { spy } from 'sinon';
-import {
-  act,
-  createRenderer,
-  ErrorBoundary,
-  fireEvent,
-  screen,
-  describeConformance,
-} from 'test/utils';
-import Portal from '@mui/material/Portal';
-import TreeView, { treeViewClasses as classes } from '@mui/lab/TreeView';
-import TreeItem from '@mui/lab/TreeItem';
-
-describe('<TreeView />', () => {
-  const { render } = createRenderer();
-
-  describeConformance(<TreeView />, () => ({
-    classes,
-    inheritComponent: 'ul',
-    render,
-    refInstanceof: window.HTMLUListElement,
-    muiName: 'MuiTreeView',
-    skip: ['componentProp', 'componentsProp', 'themeVariants'],
-  }));
-
-  describe('warnings', () => {
-    it('should warn when switching from controlled to uncontrolled of the expanded prop', () => {
-      const { setProps } = render(
-        <TreeView expanded={[]}>
-          <TreeItem nodeId="1" label="one" />
-        </TreeView>,
-      );
-
-      expect(() => {
-        setProps({ expanded: undefined });
-      }).toErrorDev(
-        'MUI: A component is changing the controlled expanded state of TreeView to be uncontrolled.',
-      );
-    });
-
-    it('should warn when switching from controlled to uncontrolled of the selected prop', () => {
-      const { setProps } = render(
-        <TreeView selected={[]}>
-          <TreeItem nodeId="1" label="one" />
-        </TreeView>,
-      );
-
-      expect(() => {
-        setProps({ selected: undefined });
-      }).toErrorDev(
-        'MUI: A component is changing the controlled selected state of TreeView to be uncontrolled.',
-      );
-    });
-
-    it('should not crash when shift clicking a clean tree', () => {
-      render(
-        <TreeView multiSelect>
-          <TreeItem nodeId="one" label="one" />
-          <TreeItem nodeId="two" label="two" />
-        </TreeView>,
-      );
-
-      fireEvent.click(screen.getByText('one'), { shiftKey: true });
-    });
-
-    it('should not crash when selecting multiple items in a deeply nested tree', () => {
-      render(
-        <TreeView multiSelect defaultExpanded={['1', '1.1', '2']}>
-          <TreeItem nodeId="1" label="Item 1">
-            <TreeItem nodeId="1.1" label="Item 1.1">
-              <TreeItem nodeId="1.1.1" data-testid="item-1.1.1" label="Item 1.1.1" />
-            </TreeItem>
-          </TreeItem>
-          <TreeItem nodeId="2" data-testid="item-2" label="Item 2" />
-        </TreeView>,
-      );
-      fireEvent.click(screen.getByText('Item 1.1.1'));
-      fireEvent.click(screen.getByText('Item 2'), { shiftKey: true });
-
-      expect(screen.getByTestId('item-1.1.1')).to.have.attribute('aria-selected', 'true');
-      expect(screen.getByTestId('item-2')).to.have.attribute('aria-selected', 'true');
-    });
-
-    it('should not crash on keydown on an empty tree', () => {
-      render(<TreeView />);
-
-      act(() => {
-        screen.getByRole('tree').focus();
-      });
-
-      fireEvent.keyDown(screen.getByRole('tree'), { key: ' ' });
-    });
-
-    it('should not crash when unmounting with duplicate ids', () => {
-      function CustomTreeItem() {
-        return <TreeItem nodeId="iojerogj" />;
-      }
-      function App() {
-        const [isVisible, hideTreeView] = React.useReducer(() => false, true);
-
-        return (
-          <React.Fragment>
-            <button onClick={hideTreeView} type="button">
-              Toggle
-            </button>
-            {isVisible && (
-              <TreeView>
-                <TreeItem nodeId="a" label="b">
-                  <CustomTreeItem nodeId="a" />
-                </TreeItem>
-              </TreeView>
-            )}
-          </React.Fragment>
-        );
-      }
-      const errorRef = React.createRef();
-      render(
-        <ErrorBoundary ref={errorRef}>
-          <App />
-        </ErrorBoundary>,
-      );
-
-      expect(() => {
-        act(() => {
-          screen.getByRole('button').click();
-        });
-      }).not.toErrorDev();
-    });
-  });
-
-  it('should call onKeyDown when a key is pressed', () => {
-    const handleKeyDown = spy();
-
-    const { getByRole } = render(
-      <TreeView onKeyDown={handleKeyDown}>
-        <TreeItem nodeId="test" label="test" data-testid="test" />
-      </TreeView>,
-    );
-    act(() => {
-      getByRole('tree').focus();
-    });
-
-    fireEvent.keyDown(getByRole('tree'), { key: 'Enter' });
-    fireEvent.keyDown(getByRole('tree'), { key: 'A' });
-    fireEvent.keyDown(getByRole('tree'), { key: ']' });
-
-    expect(handleKeyDown.callCount).to.equal(3);
-  });
-
-  it('should select node when Enter key is pressed ', () => {
-    const handleKeyDown = spy();
-
-    const { getByRole, getByTestId } = render(
-      <TreeView onKeyDown={handleKeyDown}>
-        <TreeItem nodeId="one" label="test" data-testid="one" />
-      </TreeView>,
-    );
-    act(() => {
-      getByRole('tree').focus();
-    });
-
-    expect(getByTestId('one')).not.to.have.attribute('aria-selected');
-
-    fireEvent.keyDown(getByRole('tree'), { key: 'Enter' });
-
-    expect(getByTestId('one')).to.have.attribute('aria-selected');
-  });
-
-  it('should call onFocus when tree is focused', () => {
-    const handleFocus = spy();
-    const { getByRole } = render(
-      <TreeView onFocus={handleFocus}>
-        <TreeItem nodeId="test" label="test" data-testid="test" />
-      </TreeView>,
-    );
-
-    act(() => {
-      getByRole('tree').focus();
-    });
-
-    expect(handleFocus.callCount).to.equal(1);
-  });
-
-  it('should call onBlur when tree is blurred', () => {
-    const handleBlur = spy();
-    const { getByRole } = render(
-      <TreeView onBlur={handleBlur}>
-        <TreeItem nodeId="test" label="test" data-testid="test" />
-      </TreeView>,
-    );
-
-    act(() => {
-      getByRole('tree').focus();
-    });
-    act(() => {
-      getByRole('tree').blur();
-    });
-
-    expect(handleBlur.callCount).to.equal(1);
-  });
-
-  it('should be able to be controlled with the expanded prop', () => {
-    function MyComponent() {
-      const [expandedState, setExpandedState] = React.useState([]);
-      const handleNodeToggle = (event, nodes) => {
-        setExpandedState(nodes);
-      };
-      return (
-        <TreeView expanded={expandedState} onNodeToggle={handleNodeToggle}>
-          <TreeItem nodeId="1" label="one" data-testid="one">
-            <TreeItem nodeId="2" label="two" />
-          </TreeItem>
-        </TreeView>
-      );
-    }
-
-    const { getByRole, getByTestId, getByText } = render(<MyComponent />);
-
-    expect(getByTestId('one')).to.have.attribute('aria-expanded', 'false');
-
-    fireEvent.click(getByText('one'));
-    act(() => {
-      getByRole('tree').focus();
-    });
-
-    expect(getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-
-    fireEvent.click(getByText('one'));
-
-    expect(getByTestId('one')).to.have.attribute('aria-expanded', 'false');
-
-    fireEvent.keyDown(getByRole('tree'), { key: '*' });
-
-    expect(getByTestId('one')).to.have.attribute('aria-expanded', 'true');
-  });
-
-  it('should be able to be controlled with the selected prop and singleSelect', () => {
-    function MyComponent() {
-      const [selectedState, setSelectedState] = React.useState(null);
-      const handleNodeSelect = (event, nodes) => {
-        setSelectedState(nodes);
-      };
-      return (
-        <TreeView selected={selectedState} onNodeSelect={handleNodeSelect}>
-          <TreeItem nodeId="1" label="one" data-testid="one" />
-          <TreeItem nodeId="2" label="two" data-testid="two" />
-        </TreeView>
-      );
-    }
-
-    const { getByTestId, getByText } = render(<MyComponent />);
-
-    expect(getByTestId('one')).not.to.have.attribute('aria-selected');
-    expect(getByTestId('two')).not.to.have.attribute('aria-selected');
-
-    fireEvent.click(getByText('one'));
-
-    expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-    expect(getByTestId('two')).not.to.have.attribute('aria-selected');
-
-    fireEvent.click(getByText('two'));
-
-    expect(getByTestId('one')).not.to.have.attribute('aria-selected');
-    expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-  });
-
-  it('should be able to be controlled with the selected prop and multiSelect', () => {
-    function MyComponent() {
-      const [selectedState, setSelectedState] = React.useState([]);
-      const handleNodeSelect = (event, nodes) => {
-        setSelectedState(nodes);
-      };
-      return (
-        <TreeView selected={selectedState} onNodeSelect={handleNodeSelect} multiSelect>
-          <TreeItem nodeId="1" label="one" data-testid="one" />
-          <TreeItem nodeId="2" label="two" data-testid="two" />
-        </TreeView>
-      );
-    }
-
-    const { getByTestId, getByText } = render(<MyComponent />);
-
-    expect(getByTestId('one')).to.have.attribute('aria-selected', 'false');
-    expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-
-    fireEvent.click(getByText('one'));
-
-    expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-    expect(getByTestId('two')).to.have.attribute('aria-selected', 'false');
-
-    fireEvent.click(getByText('two'), { ctrlKey: true });
-
-    expect(getByTestId('one')).to.have.attribute('aria-selected', 'true');
-    expect(getByTestId('two')).to.have.attribute('aria-selected', 'true');
-  });
-
-  it('should not error when component state changes', () => {
-    function MyComponent() {
-      const [, setState] = React.useState(1);
-
-      return (
-        <TreeView
-          onFocus={() => {
-            setState(Math.random);
-          }}
-          id="tree"
-        >
-          <TreeItem nodeId="one" label="one" data-testid="one">
-            <TreeItem nodeId="two" label="two" data-testid="two" />
-          </TreeItem>
-        </TreeView>
-      );
-    }
-
-    const { getByRole, getByText, getByTestId } = render(<MyComponent />);
-
-    fireEvent.click(getByText('one'));
-    // Clicks would normally focus tree
-    act(() => {
-      getByRole('tree').focus();
-    });
-
-    expect(getByTestId('one')).toHaveVirtualFocus();
-
-    fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-
-    expect(getByTestId('two')).toHaveVirtualFocus();
-
-    fireEvent.keyDown(getByRole('tree'), { key: 'ArrowUp' });
-
-    expect(getByTestId('one')).toHaveVirtualFocus();
-
-    fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-
-    expect(getByTestId('two')).toHaveVirtualFocus();
-  });
-
-  it('should support conditional rendered tree items', () => {
-    function TestComponent() {
-      const [hide, setState] = React.useState(false);
-
-      return (
-        <React.Fragment>
-          <button type="button" onClick={() => setState(true)}>
-            Hide
-          </button>
-          <TreeView>{!hide && <TreeItem nodeId="test" label="test" />}</TreeView>
-        </React.Fragment>
-      );
-    }
-
-    const { getByText, queryByText } = render(<TestComponent />);
-
-    expect(getByText('test')).not.to.equal(null);
-    fireEvent.click(getByText('Hide'));
-    expect(queryByText('test')).to.equal(null);
-  });
-
-  it('should work in a portal', () => {
-    const { getByRole, getByTestId } = render(
-      <Portal>
-        <TreeView id="tree">
-          <TreeItem nodeId="one" label="one" data-testid="one" />
-          <TreeItem nodeId="two" label="two" data-testid="two" />
-          <TreeItem nodeId="three" label="three" data-testid="three" />
-          <TreeItem nodeId="four" label="four" data-testid="four" />
-        </TreeView>
-      </Portal>,
-    );
-
-    act(() => {
-      getByRole('tree').focus();
-    });
-    fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-
-    expect(getByTestId('two')).toHaveVirtualFocus();
-
-    fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-
-    expect(getByTestId('three')).toHaveVirtualFocus();
-
-    fireEvent.keyDown(getByRole('tree'), { key: 'ArrowDown' });
-
-    expect(getByTestId('four')).toHaveVirtualFocus();
-  });
-
-  describe('onNodeFocus', () => {
-    it('should be called when node is focused', () => {
-      const focusSpy = spy();
-      const { getByRole } = render(
-        <TreeView onNodeFocus={focusSpy}>
-          <TreeItem nodeId="1" label="one" />
-        </TreeView>,
-      );
-
-      // First node receives focus when tree focused
-      act(() => {
-        getByRole('tree').focus();
-      });
-
-      expect(focusSpy.callCount).to.equal(1);
-      expect(focusSpy.args[0][1]).to.equal('1');
-    });
-  });
-
-  describe('onNodeToggle', () => {
-    it('should be called when a parent node label is clicked', () => {
-      const handleNodeToggle = spy();
-
-      const { getByText } = render(
-        <TreeView onNodeToggle={handleNodeToggle}>
-          <TreeItem nodeId="1" label="outer">
-            <TreeItem nodeId="2" label="inner" />
-          </TreeItem>
-        </TreeView>,
-      );
-
-      fireEvent.click(getByText('outer'));
-
-      expect(handleNodeToggle.callCount).to.equal(1);
-      expect(handleNodeToggle.args[0][1]).to.deep.equal(['1']);
-    });
-
-    it('should be called when a parent node icon is clicked', () => {
-      const handleNodeToggle = spy();
-
-      const { getByTestId } = render(
-        <TreeView onNodeToggle={handleNodeToggle}>
-          <TreeItem icon={<div data-testid="icon" />} nodeId="1" label="outer">
-            <TreeItem nodeId="2" label="inner" />
-          </TreeItem>
-        </TreeView>,
-      );
-
-      fireEvent.click(getByTestId('icon'));
-
-      expect(handleNodeToggle.callCount).to.equal(1);
-      expect(handleNodeToggle.args[0][1]).to.deep.equal(['1']);
-    });
-  });
-
-  describe('Accessibility', () => {
-    it('(TreeView) should have the role `tree`', () => {
-      const { getByRole } = render(<TreeView />);
-
-      expect(getByRole('tree')).not.to.equal(null);
-    });
-
-    it('(TreeView) should have the attribute `aria-multiselectable=false if using single select`', () => {
-      const { getByRole } = render(<TreeView />);
-
-      expect(getByRole('tree')).to.have.attribute('aria-multiselectable', 'false');
-    });
-
-    it('(TreeView) should have the attribute `aria-multiselectable=true if using multi select`', () => {
-      const { getByRole } = render(<TreeView multiSelect />);
-
-      expect(getByRole('tree')).to.have.attribute('aria-multiselectable', 'true');
-    });
-  });
-});
diff --git a/packages/mui-lab/src/TreeView/TreeView.tsx b/packages/mui-lab/src/TreeView/TreeView.tsx
new file mode 100644
index 00000000000000..4f1b237244b9f6
--- /dev/null
+++ b/packages/mui-lab/src/TreeView/TreeView.tsx
@@ -0,0 +1,49 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { TreeView as XTreeView, TreeViewProps } from '@mui/x-tree-view/TreeView';
+
+let warnedOnce = false;
+
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(
+      [
+        'MUI: The TreeView component was moved from `@mui/lab` to `@mui/x-tree-view`.',
+        'The component will no longer be exported from `@mui/lab` in the first release of October 2023.',
+        '',
+        "You should use `import { TreeView } from '@mui/x-tree-view'`",
+        "or `import { TreeView } from '@mui/x-tree-view/TreeView'`",
+        '',
+        'More information about this migration on our blog: https://mui.com/blog/lab-tree-view-to-mui-x/.',
+      ].join('\n'),
+    );
+
+    warnedOnce = true;
+  }
+};
+
+/**
+ * @deprecated The TreeItem component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-tree-view-to-mui-x/.
+ * @ignore - do not document.
+ */
+const TreeView = React.forwardRef(function DeprecatedTreeView(
+  props: TreeViewProps,
+  ref: React.Ref<HTMLUListElement>,
+) {
+  warn();
+
+  return <XTreeView {...props} ref={ref} />;
+});
+
+TreeView.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+} as any;
+
+export default TreeView;
diff --git a/packages/mui-lab/src/TreeView/TreeViewContext.js b/packages/mui-lab/src/TreeView/TreeViewContext.js
deleted file mode 100644
index 2531ce79b4be83..00000000000000
--- a/packages/mui-lab/src/TreeView/TreeViewContext.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import * as React from 'react';
-
-/**
- * @ignore - internal component.
- */
-const TreeViewContext = React.createContext({});
-
-if (process.env.NODE_ENV !== 'production') {
-  TreeViewContext.displayName = 'TreeViewContext';
-}
-
-export default TreeViewContext;
diff --git a/packages/mui-lab/src/TreeView/descendants.js b/packages/mui-lab/src/TreeView/descendants.js
deleted file mode 100644
index 8585eed5bde150..00000000000000
--- a/packages/mui-lab/src/TreeView/descendants.js
+++ /dev/null
@@ -1,202 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/material/utils';
-
-/** Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md
- *  Modified slightly to suit our purposes.
- */
-
-// To replace with .findIndex() once we stop IE11 support.
-function findIndex(array, comp) {
-  for (let i = 0; i < array.length; i += 1) {
-    if (comp(array[i])) {
-      return i;
-    }
-  }
-
-  return -1;
-}
-
-function binaryFindElement(array, element) {
-  let start = 0;
-  let end = array.length - 1;
-
-  while (start <= end) {
-    const middle = Math.floor((start + end) / 2);
-
-    if (array[middle].element === element) {
-      return middle;
-    }
-
-    // eslint-disable-next-line no-bitwise
-    if (array[middle].element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING) {
-      end = middle - 1;
-    } else {
-      start = middle + 1;
-    }
-  }
-
-  return start;
-}
-
-const DescendantContext = React.createContext({});
-
-if (process.env.NODE_ENV !== 'production') {
-  DescendantContext.displayName = 'DescendantContext';
-}
-
-function usePrevious(value) {
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
-}
-
-const noop = () => {};
-
-/**
- * This hook registers our descendant by passing it into an array. We can then
- * search that array by to find its index when registering it in the component.
- * We use this for focus management, keyboard navigation, and typeahead
- * functionality for some components.
- *
- * The hook accepts the element node
- *
- * Our main goals with this are:
- *   1) maximum composability,
- *   2) minimal API friction
- *   3) SSR compatibility*
- *   4) concurrent safe
- *   5) index always up-to-date with the tree despite changes
- *   6) works with memoization of any component in the tree (hopefully)
- *
- * * As for SSR, the good news is that we don't actually need the index on the
- * server for most use-cases, as we are only using it to determine the order of
- * composed descendants for keyboard navigation.
- */
-export function useDescendant(descendant) {
-  const [, forceUpdate] = React.useState();
-  const {
-    registerDescendant = noop,
-    unregisterDescendant = noop,
-    descendants = [],
-    parentId = null,
-  } = React.useContext(DescendantContext);
-
-  // This will initially return -1 because we haven't registered the descendant
-  // on the first render. After we register, this will then return the correct
-  // index on the following render and we will re-register descendants
-  // so that everything is up-to-date before the user interacts with a
-  // collection.
-  const index = findIndex(descendants, (item) => item.element === descendant.element);
-
-  const previousDescendants = usePrevious(descendants);
-
-  // We also need to re-register descendants any time ANY of the other
-  // descendants have changed. My brain was melting when I wrote this and it
-  // feels a little off, but checking in render and using the result in the
-  // effect's dependency array works well enough.
-  const someDescendantsHaveChanged = descendants.some((newDescendant, position) => {
-    return (
-      previousDescendants &&
-      previousDescendants[position] &&
-      previousDescendants[position].element !== newDescendant.element
-    );
-  });
-
-  // Prevent any flashing
-  useEnhancedEffect(() => {
-    if (descendant.element) {
-      registerDescendant({
-        ...descendant,
-        index,
-      });
-      return () => {
-        unregisterDescendant(descendant.element);
-      };
-    }
-    forceUpdate({});
-
-    return undefined;
-  }, [registerDescendant, unregisterDescendant, index, someDescendantsHaveChanged, descendant]);
-
-  return { parentId, index };
-}
-
-export function DescendantProvider(props) {
-  const { children, id } = props;
-
-  const [items, set] = React.useState([]);
-
-  const registerDescendant = React.useCallback(({ element, ...other }) => {
-    set((oldItems) => {
-      let newItems;
-      if (oldItems.length === 0) {
-        // If there are no items, register at index 0 and bail.
-        return [
-          {
-            ...other,
-            element,
-            index: 0,
-          },
-        ];
-      }
-
-      const index = binaryFindElement(oldItems, element);
-
-      if (oldItems[index] && oldItems[index].element === element) {
-        // If the element is already registered, just use the same array
-        newItems = oldItems;
-      } else {
-        // When registering a descendant, we need to make sure we insert in
-        // into the array in the same order that it appears in the DOM. So as
-        // new descendants are added or maybe some are removed, we always know
-        // that the array is up-to-date and correct.
-        //
-        // So here we look at our registered descendants and see if the new
-        // element we are adding appears earlier than an existing descendant's
-        // DOM node via `node.compareDocumentPosition`. If it does, we insert
-        // the new element at this index. Because `registerDescendant` will be
-        // called in an effect every time the descendants state value changes,
-        // we should be sure that this index is accurate when descendent
-        // elements come or go from our component.
-
-        const newItem = {
-          ...other,
-          element,
-          index,
-        };
-
-        // If an index is not found we will push the element to the end.
-        newItems = oldItems.slice();
-        newItems.splice(index, 0, newItem);
-      }
-      newItems.forEach((item, position) => {
-        item.index = position;
-      });
-      return newItems;
-    });
-  }, []);
-
-  const unregisterDescendant = React.useCallback((element) => {
-    set((oldItems) => oldItems.filter((item) => element !== item.element));
-  }, []);
-
-  const value = React.useMemo(
-    () => ({
-      descendants: items,
-      registerDescendant,
-      unregisterDescendant,
-      parentId: id,
-    }),
-    [items, registerDescendant, unregisterDescendant, id],
-  );
-
-  return <DescendantContext.Provider value={value}>{children}</DescendantContext.Provider>;
-}
-
-DescendantProvider.propTypes = {
-  children: PropTypes.node,
-  id: PropTypes.string,
-};
diff --git a/packages/mui-lab/src/TreeView/index.d.ts b/packages/mui-lab/src/TreeView/index.d.ts
deleted file mode 100644
index ce9c3ee836af8f..00000000000000
--- a/packages/mui-lab/src/TreeView/index.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export { default } from './TreeView';
-export * from './TreeView';
-
-export { default as treeViewClasses } from './treeViewClasses';
-export * from './treeViewClasses';
diff --git a/packages/mui-lab/src/TreeView/index.js b/packages/mui-lab/src/TreeView/index.js
deleted file mode 100644
index 8d842839e9aec0..00000000000000
--- a/packages/mui-lab/src/TreeView/index.js
+++ /dev/null
@@ -1,4 +0,0 @@
-export { default } from './TreeView';
-
-export { default as treeViewClasses } from './treeViewClasses';
-export * from './treeViewClasses';
diff --git a/packages/mui-lab/src/TreeView/index.ts b/packages/mui-lab/src/TreeView/index.ts
new file mode 100644
index 00000000000000..b711d11f019118
--- /dev/null
+++ b/packages/mui-lab/src/TreeView/index.ts
@@ -0,0 +1,10 @@
+export { default } from './TreeView';
+export { treeViewClasses, getTreeViewUtilityClass } from '@mui/x-tree-view/TreeView';
+export type {
+  TreeViewClassKey,
+  TreeViewClasses,
+  SingleSelectTreeViewProps,
+  MultiSelectTreeViewProps,
+  TreeViewPropsBase,
+  TreeViewProps,
+} from '@mui/x-tree-view/TreeView';
diff --git a/packages/mui-lab/src/TreeView/treeViewClasses.ts b/packages/mui-lab/src/TreeView/treeViewClasses.ts
deleted file mode 100644
index dfaee08490bd4f..00000000000000
--- a/packages/mui-lab/src/TreeView/treeViewClasses.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import generateUtilityClass from '@mui/material/generateUtilityClass';
-import generateUtilityClasses from '@mui/material/generateUtilityClasses';
-
-export interface TreeViewClasses {
-  /** Styles applied to the root element. */
-  root: string;
-}
-
-export type TreeViewClassKey = keyof TreeViewClasses;
-
-export function getTreeViewUtilityClass(slot: string): string {
-  return generateUtilityClass('MuiTreeView', slot);
-}
-
-const treeViewClasses: TreeViewClasses = generateUtilityClasses('MuiTreeView', ['root']);
-
-export default treeViewClasses;
diff --git a/packages/mui-lab/src/YearPicker/YearPicker.tsx b/packages/mui-lab/src/YearPicker/YearPicker.tsx
index 3fafa93355ea19..01bbf805e6d3c9 100644
--- a/packages/mui-lab/src/YearPicker/YearPicker.tsx
+++ b/packages/mui-lab/src/YearPicker/YearPicker.tsx
@@ -25,6 +25,7 @@ type YearPickerComponent = (<TDate>(
 ) => JSX.Element) & { propTypes?: any };
 
 /**
+ * @deprecated The YearPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const YearPicker = function DeprecatedYearPicker() {
diff --git a/packages/mui-lab/test/integration/Tabs.test.js b/packages/mui-lab/test/integration/Tabs.test.js
index 14537af5e135c3..4106b9f10a8e22 100644
--- a/packages/mui-lab/test/integration/Tabs.test.js
+++ b/packages/mui-lab/test/integration/Tabs.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import Tab from '@mui/material/Tab';
 import TabContext from '@mui/lab/TabContext';
 import TabList from '@mui/lab/TabList';
diff --git a/packages/mui-lab/tsconfig.json b/packages/mui-lab/tsconfig.json
index cdcaec3568a0b9..1a4b26d1b5715d 100644
--- a/packages/mui-lab/tsconfig.json
+++ b/packages/mui-lab/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     // @date-io libraries produce duplicate type `DateType`
     "skipLibCheck": true
diff --git a/packages/mui-material-next/README.md b/packages/mui-material-next/README.md
index 587f28b47fa8a1..4bf584a2ffe007 100644
--- a/packages/mui-material-next/README.md
+++ b/packages/mui-material-next/README.md
@@ -9,7 +9,7 @@ This package is a nursery for components that will ultimately replace the @mui/m
 Material UI v6's notable changes compared to v5 are:
 
 - Built using [@mui/base](https://mui.com/base-ui/getting-started/overview/)
-- Built with Typescript.
+- Built with TypeScript.
 - Implement [Material You](https://m3.material.io/) (Material Design 3).
 
 For migration steps when upgrading from v5, follow the [migration guide](/packages/mui-material-next/migration.md).
diff --git a/packages/mui-material-next/migration.md b/packages/mui-material-next/migration.md
index a104ec7c09156f..8c0392f6968044 100644
--- a/packages/mui-material-next/migration.md
+++ b/packages/mui-material-next/migration.md
@@ -92,6 +92,70 @@ The following example replaces the `MuiBadge-anchorOriginBottomLeftCircular` cla
 + .MuiBadge-anchorOriginBottomLeft.MuiBadge-overlapCircular
 ```
 
+## Button
+
+See the [ButtonBase](https://github.com/mui/material-ui/blob/master/packages/mui-material-next/migration.md#buttonbase) section for more breaking changes.
+
+## ButtonBase
+
+The breaking changes in this section apply to the following components:
+
+- `Button`
+- `ButtonBase`
+<!-- Add other ButtonBase-based components when those are migrated -->
+
+So the examples below are interchangeable for these components.
+
+### Removed focusRipple
+
+The `focusRipple` prop was removed as ripples are absent in Material You's focused states.
+
+### Prevent default on `key-up` and `key-down` events
+
+If you need to prevent default on a `key-up` and/or `key-down` event, then besides calling `preventDefault` you'll need to set `event.defaultMuiPrevented` to `true` as follows:
+
+```diff
+ const onKeyDown = (event) => {
+   event.preventDefault();
++  event.defaultMuiPrevented = true;
+ };
+
+ const onKeyUp = (event) => {
+   event.preventDefault();
++  event.defaultMuiPrevented = true;
+ };
+
+ <Button onKeyDown={onKeyDown} onKeyUp={onKeyUp}>
+   Button
+ </Button>
+```
+
+This is to ensure that default is prevented when the `ButtonBase` root is not a native button, for example, when the root element used is a `span`.
+
+## InputBase
+
+### Removed the `inputComponent` prop
+
+The `inputComponent` is deprecated in favor of `slots.input`:
+
+```diff
+ <InputBase
+-    inputComponent="textarea"
++    slots={{ input: 'textarea' }}
+ />
+```
+
+### Removed `inputProps`
+
+`inputProps` are deprecated in favor of `slotProps.input`:
+
+```diff
+ <InputBase
+-    inputProps={{ className: 'my-input' }}
++    slotProps={{ input: { className: 'my-input' } }}
+ />
+```
+
 ## Slider
 
 ### Thumb and Value Label slots must accept refs
diff --git a/packages/mui-material-next/package.json b/packages/mui-material-next/package.json
index 3213fcab377c7a..d23ba729f2d107 100644
--- a/packages/mui-material-next/package.json
+++ b/packages/mui-material-next/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/material-next",
-  "version": "6.0.0-alpha.96",
+  "version": "6.0.0-alpha.102",
   "private": false,
   "author": "MUI Team",
   "description": "v6-alpha: React components that implement Google's Material Design",
@@ -21,7 +21,7 @@
   "bugs": {
     "url": "https://github.com/mui/material-ui/issues"
   },
-  "homepage": "https://mui.com/material-ui/getting-started/",
+  "homepage": "https://mui.com/material-ui/",
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/mui"
@@ -39,6 +39,33 @@
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json",
     "typescript:module-augmentation": "node scripts/testModuleAugmentation.js"
   },
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@mui/base": "5.0.0-beta.16",
+    "@mui/material": "^5.14.10",
+    "@mui/system": "^5.14.10",
+    "@mui/types": "^7.2.4",
+    "@mui/utils": "^5.14.10",
+    "@types/react-transition-group": "^4.4.6",
+    "clsx": "^2.0.0",
+    "prop-types": "^15.8.1",
+    "react-transition-group": "^4.4.5"
+  },
+  "devDependencies": {
+    "@mui-internal/test-utils": "^1.0.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/chai": "^4.3.6",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@types/sinon": "^10.0.16",
+    "chai": "^4.3.8",
+    "lodash": "^4.17.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.15.0",
+    "sinon": "^15.2.0"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
@@ -57,21 +84,6 @@
       "optional": true
     }
   },
-  "dependencies": {
-    "@babel/runtime": "^7.22.6",
-    "@mui/base": "5.0.0-beta.10",
-    "@mui/material": "^5.14.4",
-    "@mui/system": "^5.14.4",
-    "@mui/types": "^7.2.4",
-    "@mui/utils": "^5.14.4",
-    "@popperjs/core": "^2.11.8",
-    "@types/react-transition-group": "^4.4.6",
-    "clsx": "^2.0.0",
-    "csstype": "^3.1.2",
-    "prop-types": "^15.8.1",
-    "react-is": "^18.2.0",
-    "react-transition-group": "^4.4.5"
-  },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
diff --git a/packages/mui-material-next/src/Badge/Badge.test.tsx b/packages/mui-material-next/src/Badge/Badge.test.tsx
index 0af87fc8dc9463..22d881a4e1a0a7 100644
--- a/packages/mui-material-next/src/Badge/Badge.test.tsx
+++ b/packages/mui-material-next/src/Badge/Badge.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Badge, { badgeClasses as classes } from '@mui/material-next/Badge';
 import { CssVarsProvider, extendTheme } from '@mui/material-next/styles';
 
diff --git a/packages/mui-material-next/src/Button/Button.test.js b/packages/mui-material-next/src/Button/Button.test.js
index 8c927ef761dec7..7edd62846b1603 100644
--- a/packages/mui-material-next/src/Button/Button.test.js
+++ b/packages/mui-material-next/src/Button/Button.test.js
@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { spy, stub } from 'sinon';
-import { describeConformance, createRenderer, fireEvent, act } from 'test/utils';
+import { spy } from 'sinon';
+import { describeConformance, createRenderer, fireEvent, act } from '@mui-internal/test-utils';
 import { camelCase } from 'lodash';
 import Button, { buttonClasses as classes } from '@mui/material-next/Button';
-import * as useTouchRipple from '@mui/material-next/Button/useTouchRipple';
 import { CssVarsProvider, extendTheme } from '@mui/material-next/styles';
 
 describe('<Button />', () => {
@@ -174,13 +173,32 @@ describe('<Button />', () => {
     expect(container.querySelector('button')).to.have.class(disabledClassName);
   });
 
+  it('should render focused class', () => {
+    const focusedClassName = 'testFocusedClassName';
+    const { container } = render(<Button classes={{ focusVisible: focusedClassName }} />);
+
+    const button = container.querySelector('button');
+    expect(button).not.to.equal(null);
+    expect(button).not.to.have.class(focusedClassName);
+
+    act(() => {
+      button.focus();
+    });
+
+    expect(button).to.have.class(focusedClassName);
+  });
+
   it('should render active class', () => {
-    const { container } = render(<Button />);
+    const activeClassName = 'testActiveClassName';
+    const { container } = render(<Button classes={{ active: activeClassName }} />);
 
     const button = container.querySelector('button');
+    expect(button).not.to.equal(null);
+    expect(button).not.to.have.class(activeClassName);
+
     fireEvent.mouseDown(button);
 
-    expect(button).to.have.class(classes.active);
+    expect(button).to.have.class(activeClassName);
   });
 
   describe('Event handlers', () => {
@@ -217,23 +235,4 @@ describe('<Button />', () => {
       });
     });
   });
-
-  describe('Ripple', () => {
-    it('should call ripple mouse down handler', () => {
-      const mouseDownSpy = spy();
-      stub(useTouchRipple, 'default').returns({
-        enableTouchRipple: true,
-        getRippleHandlers: () => ({
-          onMouseDown: mouseDownSpy,
-        }),
-      });
-      const { getByRole } = render(<Button>Hello World</Button>);
-
-      expect(mouseDownSpy.callCount).to.equal(0);
-
-      fireEvent.mouseDown(getByRole('button'));
-
-      expect(mouseDownSpy.callCount).to.equal(1);
-    });
-  });
 });
diff --git a/packages/mui-material-next/src/Button/Button.tsx b/packages/mui-material-next/src/Button/Button.tsx
index 76ea8c06ac3eb1..65888394fa55aa 100644
--- a/packages/mui-material-next/src/Button/Button.tsx
+++ b/packages/mui-material-next/src/Button/Button.tsx
@@ -1,43 +1,22 @@
 'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import {
-  elementTypeAcceptingRef,
-  refType,
-  unstable_capitalize as capitalize,
-  unstable_useForkRef as useForkRef,
-} from '@mui/utils';
-import { useButton } from '@mui/base/useButton';
-import { EventHandlers, useSlotProps } from '@mui/base/utils';
+import { unstable_capitalize as capitalize } from '@mui/utils';
+import { useSlotProps } from '@mui/base/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
-import { useThemeProps, alpha } from '@mui/system';
-import TouchRipple from './TouchRipple';
-import { TouchRippleActions } from './TouchRipple.types';
-import useTouchRipple from './useTouchRipple';
+import { useThemeProps, alpha, shouldForwardProp } from '@mui/system';
 import { MD3ColorSchemeTokens, styled } from '../styles';
-import buttonClasses, { getButtonUtilityClass } from './buttonClasses';
+import { getButtonUtilityClass } from './buttonClasses';
+import buttonBaseClasses from '../ButtonBase/buttonBaseClasses';
 import { ButtonProps, ExtendButton, ButtonTypeMap, ButtonOwnerState } from './Button.types';
+import ButtonBase from '../ButtonBase';
 
-const useUtilityClasses = (styleProps: ButtonOwnerState) => {
-  const {
-    classes,
-    color,
-    disabled,
-    active,
-    disableElevation,
-    focusVisible,
-    focusVisibleClassName,
-    fullWidth,
-    size,
-    variant,
-  } = styleProps;
+const useUtilityClasses = (ownerState: ButtonOwnerState) => {
+  const { classes, color, disableElevation, fullWidth, size, variant } = ownerState;
 
   const slots = {
     root: [
       'root',
-      disabled && 'disabled',
-      focusVisible && 'focusVisible',
-      active && 'active',
       variant,
       `color${capitalize(color ?? '')}`,
       `size${capitalize(size ?? '')}`,
@@ -51,11 +30,10 @@ const useUtilityClasses = (styleProps: ButtonOwnerState) => {
 
   const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
 
-  if (focusVisible && focusVisibleClassName) {
-    composedClasses.root += ` ${focusVisibleClassName}`;
-  }
-
-  return composedClasses;
+  return {
+    ...classes, // forward the focused, disabled, etc. classes to the ButtonBase
+    ...composedClasses,
+  };
 };
 
 const commonIconStyles = ({ size }: ButtonOwnerState) => ({
@@ -77,9 +55,10 @@ const commonIconStyles = ({ size }: ButtonOwnerState) => ({
   }),
 });
 
-export const ButtonRoot = styled('button', {
+export const ButtonRoot = styled(ButtonBase, {
   name: 'MuiButton',
   slot: 'Root',
+  shouldForwardProp: (prop) => shouldForwardProp(prop),
   overridesResolver: (props, styles) => {
     const { ownerState } = props;
 
@@ -282,29 +261,6 @@ export const ButtonRoot = styled('button', {
     '--md-comp-button-pressed-icon-color': labelTextColor[ownerState.variant ?? 'text'], // same as default
     '--md-comp-button-focused-icon-color': labelTextColor[ownerState.variant ?? 'text'], // same as default
     '--md-comp-button-disabled-icon-color': disabledLabelTextColor,
-    // Normalized styles for buttons
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    position: 'relative',
-    boxSizing: 'border-box',
-    WebkitTapHighlightColor: 'transparent',
-    // We disable the focus ring for mouse, touch and keyboard users.
-    outline: 0,
-    border: 0,
-    margin: `var(--Button-margin, 0)`, // Remove the margin in Safari by default
-    cursor: 'pointer',
-    userSelect: 'none',
-    verticalAlign: 'middle',
-    MozAppearance: 'none', // Reset
-    WebkitAppearance: 'none', // Reset
-    textDecoration: 'none',
-    '&::-moz-focus-inner': {
-      borderStyle: 'none', // Remove Firefox dotted outline.
-    },
-    '@media print': {
-      colorAdjust: 'exact',
-    },
     padding: '10px 24px',
     minWidth: 64,
     letterSpacing,
@@ -350,23 +306,21 @@ export const ButtonRoot = styled('button', {
       backgroundColor: hoveredContainerColor[ownerState.variant ?? 'text'],
       boxShadow: hoveredContainerElevation[ownerState.variant ?? 'text'],
     },
-    [`&.${buttonClasses.active}`]: {
+    [`&.${buttonBaseClasses.active}`]: {
       '--md-comp-button-icon-color': 'var(--md-comp-button-pressed-icon-color)',
       ...((ownerState.disableRipple || ownerState.disableTouchRipple) && {
         backgroundColor: pressedContainerColor[ownerState.variant ?? 'text'],
       }),
       boxShadow: pressedContainerElevation[ownerState.variant ?? 'text'],
     },
-    [`&.${buttonClasses.focusVisible}`]: {
+    [`&.${buttonBaseClasses.focusVisible}`]: {
       '--md-comp-button-icon-color': 'var(--md-comp-button-focused-icon-color)',
       backgroundColor: focusedContainerColor[ownerState.variant ?? 'text'],
       boxShadow: focusedContainerElevation[ownerState.variant ?? 'text'],
     },
-    [`&.${buttonClasses.disabled}`]: {
+    [`&.${buttonBaseClasses.disabled}`]: {
       // Allows developer to specify the disabled icon color var
       '--md-comp-button-icon-color': 'var(--md-comp-button-disabled-icon-color)',
-      pointerEvents: 'none', // Disable link interactions
-      cursor: 'default',
       color: disabledLabelTextColor,
       backgroundColor: disabledContainerColor[ownerState.variant ?? 'text'],
       boxShadow: tokens.sys.elevation[0],
@@ -414,108 +368,25 @@ const Button = React.forwardRef(function Button<
 >(inProps: ButtonProps<BaseComponentType>, ref: React.ForwardedRef<any>) {
   const props = useThemeProps({ props: inProps, name: 'MuiButton' });
   const {
-    action,
-    centerRipple = false,
     children,
-    className,
     classes: classesProp,
     color = 'primary',
-    component = 'button',
-    disabled = false,
-    focusableWhenDisabled = false,
     disableElevation = false,
-    disableRipple = false,
-    disableTouchRipple = false,
     endIcon: endIconProp,
-    focusVisibleClassName,
     fullWidth = false,
-    LinkComponent = 'a',
-    onBlur,
-    onContextMenu,
-    onDragLeave,
-    onFocusVisible,
-    onMouseDown,
-    onMouseLeave,
-    onMouseUp,
-    onTouchEnd,
-    onTouchMove,
-    onTouchStart,
     size = 'medium',
     startIcon: startIconProp,
-    tabIndex = 0,
-    TouchRippleProps,
-    type,
     variant = 'text',
     ...other
   } = props;
 
-  const buttonRef = React.useRef<HTMLButtonElement | HTMLAnchorElement | HTMLElement>(null);
-  const handleRef = useForkRef(buttonRef, ref);
-
-  const rippleRef = React.useRef<TouchRippleActions>(null);
-  let ComponentProp = component;
-
-  if (ComponentProp === 'button' && (other.href || other.to)) {
-    ComponentProp = LinkComponent;
-  }
-
-  const { focusVisible, active, setFocusVisible, getRootProps } = useButton({
-    disabled,
-    focusableWhenDisabled,
-    href: props.href,
-    onFocusVisible,
-    tabIndex,
-    // @ts-ignore
-    to: props.to,
-    type,
-    rootRef: handleRef,
-  });
-
-  React.useImperativeHandle(
-    action,
-    () => ({
-      focusVisible: () => {
-        setFocusVisible(true);
-        buttonRef.current!.focus();
-      },
-    }),
-    [setFocusVisible],
-  );
-
-  const { enableTouchRipple, getRippleHandlers } = useTouchRipple({
-    disabled,
-    disableRipple,
-    disableTouchRipple,
-    rippleRef,
-  });
-
-  if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useEffect(() => {
-      if (enableTouchRipple && !rippleRef.current) {
-        console.error(
-          [
-            'MUI: The `component` prop provided to Button is invalid.',
-            'Please make sure the children prop is rendered in this custom component.',
-          ].join('\n'),
-        );
-      }
-    }, [enableTouchRipple]);
-  }
-
   const ownerState = {
     ...props,
     classes: classesProp,
     color,
-    component,
-    disabled,
     disableElevation,
-    active,
-    focusVisible,
     fullWidth,
     size,
-    tabIndex,
-    type,
     variant,
   };
 
@@ -523,18 +394,13 @@ const Button = React.forwardRef(function Button<
 
   const rootProps = useSlotProps({
     elementType: ButtonRoot,
-    getSlotProps: (otherHandlers: EventHandlers) =>
-      getRootProps({
-        ...otherHandlers,
-        ...getRippleHandlers(props),
-      }),
     externalForwardedProps: other,
     externalSlotProps: {},
     additionalProps: {
-      as: ComponentProp,
+      classes,
+      ref,
     },
     ownerState,
-    className: [classes.root, className],
   });
 
   const startIcon = startIconProp && (
@@ -554,10 +420,6 @@ const Button = React.forwardRef(function Button<
       {startIcon}
       {children}
       {endIcon}
-      {enableTouchRipple ? (
-        /* TouchRipple is only needed client-side, x2 boost on the server. */
-        <TouchRipple center={centerRipple} {...TouchRippleProps} ref={rippleRef} />
-      ) : null}
     </ButtonRoot>
   );
 }) as ExtendButton<ButtonTypeMap>;
@@ -567,17 +429,6 @@ Button.propTypes /* remove-proptypes */ = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
-  /**
-   * A ref for imperative actions.
-   * It currently only supports `focusVisible()` action.
-   */
-  action: refType,
-  /**
-   * If `true`, the ripples are centered.
-   * They won't start at the cursor interaction position.
-   * @default false
-   */
-  centerRipple: PropTypes.bool,
   /**
    * The content of the component.
    */
@@ -586,10 +437,6 @@ Button.propTypes /* remove-proptypes */ = {
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
@@ -600,16 +447,6 @@ Button.propTypes /* remove-proptypes */ = {
     PropTypes.oneOf(['primary', 'secondary', 'tertiary']),
     PropTypes.string,
   ]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: elementTypeAcceptingRef,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: PropTypes.bool,
   /**
    * If `true`, no elevation is used.
    * @default false
@@ -629,65 +466,15 @@ Button.propTypes /* remove-proptypes */ = {
    * Element placed after the children.
    */
   endIcon: PropTypes.node,
-  /**
-   * @ignore
-   */
-  focusVisibleClassName: PropTypes.string,
   /**
    * If `true`, the button will take up the full width of its container.
    * @default false
    */
   fullWidth: PropTypes.bool,
-  /**
-   * The URL to link to when the button is clicked.
-   * If defined, an `a` element will be used as the root node.
-   */
-  href: PropTypes.string,
-  /**
-   * The component used to render a link when the `href` prop is provided.
-   * @default 'a'
-   */
-  LinkComponent: PropTypes.elementType,
-  /**
-   * @ignore
-   */
-  onBlur: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onContextMenu: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onDragLeave: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onFocusVisible: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onMouseDown: PropTypes.func,
   /**
    * @ignore
    */
-  onMouseLeave: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onMouseUp: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onTouchEnd: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onTouchMove: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onTouchStart: PropTypes.func,
+  href: PropTypes.string,
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
@@ -713,14 +500,6 @@ Button.propTypes /* remove-proptypes */ = {
    * @default 0
    */
   tabIndex: PropTypes.number,
-  /**
-   * Props applied to the `TouchRipple` element.
-   */
-  TouchRippleProps: PropTypes.object,
-  /**
-   * @ignore
-   */
-  type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),
   /**
    * The variant to use.
    * @default 'text'
diff --git a/packages/mui-material-next/src/Button/Button.types.ts b/packages/mui-material-next/src/Button/Button.types.ts
index 4a712d0bc009da..ace489b6303c3e 100644
--- a/packages/mui-material-next/src/Button/Button.types.ts
+++ b/packages/mui-material-next/src/Button/Button.types.ts
@@ -5,7 +5,6 @@ import {
   OverridableComponent,
   OverridableTypeMap,
 } from '@mui/types';
-import { TouchRippleProps } from './TouchRipple.types';
 import { SxProps } from '../styles/Theme.types';
 import { ButtonClasses } from './buttonClasses';
 
@@ -24,36 +23,6 @@ export type ButtonTypeMap<
   DefaultComponent extends React.ElementType = 'button',
 > = {
   props: AdditionalProps & {
-    /**
-     * A ref for imperative actions.
-     * It currently only supports `focusVisible()` action.
-     */
-    action?: React.Ref<ButtonActions>;
-    /**
-     * If `true`, the ripples are centered.
-     * They won't start at the cursor interaction position.
-     * @default false
-     */
-    centerRipple?: boolean;
-    /**
-     * This prop can help identify which element has keyboard focus.
-     * The class name will be applied when the element gains the focus through keyboard interaction.
-     * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
-     * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
-     * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
-     * if needed.
-     */
-    focusVisibleClassName?: string;
-    /**
-     * The component used to render a link when the `href` prop is provided.
-     * @default 'a'
-     */
-    LinkComponent?: React.ElementType;
-    /*
-     * Callback fired when the component is focused with a keyboard.
-     * We trigger a `onFocus` callback too.
-     */
-    onFocusVisible?: React.FocusEventHandler<any>;
     /**
      * The content of the component.
      */
@@ -69,11 +38,6 @@ export type ButtonTypeMap<
      * @default 'primary'
      */
     color?: OverridableStringUnion<'primary' | 'secondary' | 'tertiary', ButtonPropsColorOverrides>;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
     /**
      * If `true`, no elevation is used.
      * @default false
@@ -98,11 +62,6 @@ export type ButtonTypeMap<
      * @default false
      */
     fullWidth?: boolean;
-    /**
-     * The URL to link to when the button is clicked.
-     * If defined, an `a` element will be used as the root node.
-     */
-    href?: string;
     /**
      * The size of the component.
      * `small` is equivalent to the dense button styling.
@@ -121,10 +80,6 @@ export type ButtonTypeMap<
      * @default 0
      */
     tabIndex?: NonNullable<React.HTMLAttributes<any>['tabIndex']>;
-    /**
-     * Props applied to the `TouchRipple` element.
-     */
-    TouchRippleProps?: Partial<TouchRippleProps>;
     /**
      * The variant to use.
      * @default 'text'
@@ -137,16 +92,7 @@ export type ButtonTypeMap<
   defaultComponent: DefaultComponent;
 };
 
-export interface ButtonOwnerState extends ButtonProps {
-  /**
-   * If `true`, the button's focus is visible.
-   */
-  focusVisible?: boolean;
-  /**
-   * If `true`, the button is active.
-   */
-  active?: boolean;
-}
+export interface ButtonOwnerState extends ButtonProps {}
 
 /**
  * A utility to create component types that inherit props from the Button.
diff --git a/packages/mui-material-next/src/Button/buttonClasses.ts b/packages/mui-material-next/src/Button/buttonClasses.ts
index 46aee0f25c386b..ac219fe771e49f 100644
--- a/packages/mui-material-next/src/Button/buttonClasses.ts
+++ b/packages/mui-material-next/src/Button/buttonClasses.ts
@@ -1,5 +1,7 @@
-import generateUtilityClass from '@mui/material/generateUtilityClass';
-import generateUtilityClasses from '@mui/material/generateUtilityClasses';
+import {
+  unstable_generateUtilityClasses as generateUtilityClasses,
+  unstable_generateUtilityClass as generateUtilityClass,
+} from '@mui/utils';
 
 export interface ButtonClasses {
   /** Styles applied to the root element. */
@@ -16,12 +18,6 @@ export interface ButtonClasses {
   elevated: string;
   /** Styles applied to the root element if `disableElevation={true}`. */
   disableElevation: string;
-  /** State class applied to the ButtonBase root element if the button is keyboard focused. */
-  focusVisible: string;
-  /** State class applied to the root element if `disabled={true}`. */
-  disabled: string;
-  /** State class applied to the root element if the element is active. */
-  active: string;
   /** Styles applied to the root element if `color="primary"`. */
   colorPrimary: string;
   /** Styles applied to the root element if `color="secondary"`. */
@@ -65,9 +61,6 @@ const buttonClasses: ButtonClasses = generateUtilityClasses('MuiButton', [
   'colorSecondary',
   'colorTertiary',
   'disableElevation',
-  'focusVisible',
-  'disabled',
-  'active',
   'colorInherit',
   'sizeSmall',
   'sizeMedium',
diff --git a/packages/mui-material-next/src/ButtonBase/ButtonBase.test.tsx b/packages/mui-material-next/src/ButtonBase/ButtonBase.test.tsx
new file mode 100644
index 00000000000000..a5ae1e5528469c
--- /dev/null
+++ b/packages/mui-material-next/src/ButtonBase/ButtonBase.test.tsx
@@ -0,0 +1,1088 @@
+// @ts-check
+import * as React from 'react';
+import { expect } from 'chai';
+import { spy, stub } from 'sinon';
+import userEvent from '@testing-library/user-event';
+import {
+  describeConformance,
+  act,
+  createRenderer,
+  fireEvent,
+  screen,
+  focusVisible,
+  simulatePointerDevice,
+  programmaticFocusTriggersFocusVisible,
+} from '@mui-internal/test-utils';
+import PropTypes from 'prop-types';
+import { MuiCancellableEventHandler } from '@mui/base/utils/MuiCancellableEvent';
+import { CssVarsProvider, extendTheme } from '@mui/material-next/styles';
+import ButtonBase, { buttonBaseClasses as classes } from '@mui/material-next/ButtonBase';
+import { ButtonBaseActions } from './ButtonBase.types';
+import { TouchRippleActions } from './TouchRipple.types';
+
+// TODO v6: initialize @testing-library/user-event using userEvent.setup() instead of directly calling methods e.g. userEvent.click() for all related tests in this file
+// currently the setup() method uses the ClipboardEvent constructor which is incompatible with our lowest supported version of iOS Safari (12.2) https://github.com/mui/material-ui/blob/master/.browserslistrc#L44
+// userEvent.setup() requires Safari 14 or up to work
+
+describe('<ButtonBase />', () => {
+  const { render } = createRenderer();
+
+  // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14156632/
+  let canFireDragEvents = true;
+
+  before(() => {
+    // browser testing config
+    try {
+      const EventConstructor = window.DragEvent || window.Event;
+      // eslint-disable-next-line no-new
+      new EventConstructor('');
+    } catch (err) {
+      canFireDragEvents = false;
+    }
+  });
+
+  let originalMatchmedia: typeof window.matchMedia;
+
+  beforeEach(() => {
+    originalMatchmedia = window.matchMedia;
+    window.matchMedia = () =>
+      ({
+        addListener: () => {},
+        removeListener: () => {},
+      } as unknown as MediaQueryList);
+  });
+  afterEach(() => {
+    window.matchMedia = originalMatchmedia;
+  });
+
+  describeConformance(<ButtonBase />, () => ({
+    ThemeProvider: CssVarsProvider,
+    createTheme: extendTheme,
+    classes,
+    inheritComponent: 'button',
+    render,
+    refInstanceof: window.HTMLButtonElement,
+    testComponentPropWith: 'a',
+    muiName: 'MuiButtonBase',
+    testVariantProps: { disabled: true },
+    skip: ['componentsProp'],
+  }));
+
+  describe('root node', () => {
+    it('should have default button type "button"', () => {
+      const { getByText, setProps } = render(<ButtonBase>Hello</ButtonBase>);
+      expect(getByText('Hello')).to.have.attribute('type', 'button');
+
+      setProps({ type: undefined });
+      expect(getByText('Hello')).to.have.attribute('type', 'button');
+    });
+
+    it('should change the button type', () => {
+      const { getByText } = render(<ButtonBase type="submit">Hello</ButtonBase>);
+      expect(getByText('Hello')).to.have.attribute('type', 'submit');
+    });
+
+    it('should change the button component and add accessibility requirements', () => {
+      const { getByRole } = render(
+        <ButtonBase component="span" role="checkbox" aria-checked={false} />,
+      );
+      const checkbox = getByRole('checkbox');
+      expect(checkbox).to.have.property('nodeName', 'SPAN');
+      expect(checkbox).attribute('tabIndex').to.equal('0');
+    });
+
+    it('should not apply role="button" if type="button"', () => {
+      const { getByText } = render(<ButtonBase type="button">Hello</ButtonBase>);
+      expect(getByText('Hello')).not.to.have.attribute('role');
+    });
+
+    it('should change the button type to span and set role="button"', () => {
+      const { getByRole } = render(<ButtonBase component="span">Hello</ButtonBase>);
+      const button = getByRole('button');
+
+      expect(button).to.have.property('nodeName', 'SPAN');
+      expect(button).not.to.have.attribute('type');
+    });
+
+    it('should automatically change the button to an anchor element when href is provided', () => {
+      const { container } = render(<ButtonBase href="https://google.com">Hello</ButtonBase>);
+      const button = container.firstChild;
+
+      expect(button).to.have.property('nodeName', 'A');
+      expect(button).not.to.have.attribute('role');
+      expect(button).not.to.have.attribute('type');
+      expect(button).to.have.attribute('href', 'https://google.com');
+    });
+
+    it('should use custom LinkComponent when provided in the theme', () => {
+      const CustomLink = React.forwardRef((props, ref: React.ForwardedRef<HTMLAnchorElement>) => {
+        // eslint-disable-next-line jsx-a11y/anchor-has-content
+        return <a data-testid="customLink" ref={ref} {...props} />;
+      });
+      const theme = extendTheme({
+        components: {
+          MuiButtonBase: {
+            defaultProps: {
+              LinkComponent: CustomLink,
+            },
+          },
+        },
+      });
+
+      const { container, getByTestId } = render(
+        <CssVarsProvider theme={theme}>
+          <ButtonBase href="https://google.com">Hello</ButtonBase>
+        </CssVarsProvider>,
+      );
+      const button = container.firstChild;
+      expect(getByTestId('customLink')).not.to.equal(null);
+      expect(button).to.have.property('nodeName', 'A');
+      expect(button).to.have.attribute('href', 'https://google.com');
+    });
+
+    it('applies role="button" when an anchor is used without href', () => {
+      const { getByRole } = render(<ButtonBase component="a">Hello</ButtonBase>);
+      const button = getByRole('button');
+
+      expect(button).to.have.property('nodeName', 'A');
+      expect(button).not.to.have.attribute('type');
+    });
+
+    it('should not add role="button" if custom component and href are used', () => {
+      const CustomLink = React.forwardRef((props, ref: React.ForwardedRef<HTMLAnchorElement>) => {
+        // eslint-disable-next-line jsx-a11y/anchor-has-content
+        return <a data-testid="customLink" ref={ref} {...props} />;
+      });
+
+      const { container } = render(
+        <ButtonBase component={CustomLink} href="https://google.com">
+          Hello
+        </ButtonBase>,
+      );
+      const button = container.firstChild;
+      expect(button).to.have.property('nodeName', 'A');
+      expect(button).to.have.attribute('data-testid', 'customLink');
+      expect(button).to.have.attribute('href', 'https://google.com');
+      expect(button).not.to.have.attribute('role', 'button');
+    });
+
+    it('should not add role="button" if custom component and to are used', () => {
+      const CustomLink = React.forwardRef((props, ref: React.ForwardedRef<HTMLAnchorElement>) => {
+        // @ts-expect-error missing types in CustomLink
+        const { to, ...other } = props;
+        // eslint-disable-next-line jsx-a11y/anchor-has-content
+        return <a data-testid="customLink" ref={ref} {...other} href={to} />;
+      });
+
+      const { container } = render(
+        // @ts-expect-error missing types in CustomLink
+        <ButtonBase component={CustomLink} to="https://google.com">
+          Hello
+        </ButtonBase>,
+      );
+      const button = container.firstChild;
+      expect(button).not.to.have.attribute('role', 'button');
+    });
+  });
+
+  describe('event callbacks', () => {
+    it('should fire event callbacks', () => {
+      const onClick = spy();
+      const onBlur = spy();
+      const onFocus = spy();
+      const onKeyUp = spy();
+      const onKeyDown = spy();
+      const onMouseDown = spy();
+      const onMouseLeave = spy();
+      const onMouseUp = spy();
+      const onContextMenu = spy();
+      const onDragEnd = spy();
+      const onTouchStart = spy();
+      const onTouchEnd = spy();
+
+      const { getByText } = render(
+        <ButtonBase
+          onClick={onClick}
+          onBlur={onBlur}
+          onFocus={onFocus}
+          onKeyUp={onKeyUp}
+          onKeyDown={onKeyDown}
+          onMouseDown={onMouseDown}
+          onMouseLeave={onMouseLeave}
+          onMouseUp={onMouseUp}
+          onContextMenu={onContextMenu}
+          onDragEnd={onDragEnd}
+          onTouchEnd={onTouchEnd}
+          onTouchStart={onTouchStart}
+        >
+          Hello
+        </ButtonBase>,
+      );
+      const button = getByText('Hello');
+
+      // only run in supported browsers
+      if (typeof Touch !== 'undefined') {
+        const touch = new Touch({ identifier: 0, target: button, clientX: 0, clientY: 0 });
+
+        fireEvent.touchStart(button, { touches: [touch] });
+        expect(onTouchStart.callCount).to.equal(1);
+
+        fireEvent.touchEnd(button, { touches: [touch] });
+        expect(onTouchEnd.callCount).to.equal(1);
+      }
+
+      if (canFireDragEvents) {
+        fireEvent.dragEnd(button);
+        expect(onDragEnd.callCount).to.equal(1);
+      }
+
+      fireEvent.mouseDown(button);
+      expect(onMouseDown.callCount).to.equal(1);
+
+      fireEvent.mouseUp(button);
+      expect(onMouseUp.callCount).to.equal(1);
+
+      fireEvent.contextMenu(button);
+      expect(onContextMenu.callCount).to.equal(1);
+
+      fireEvent.click(button);
+      expect(onClick.callCount).to.equal(1);
+
+      act(() => {
+        button.focus();
+      });
+      expect(onFocus.callCount).to.equal(1);
+
+      fireEvent.keyDown(button);
+      expect(onKeyDown.callCount).to.equal(1);
+
+      fireEvent.keyUp(button);
+      expect(onKeyUp.callCount).to.equal(1);
+
+      act(() => {
+        button.blur();
+      });
+      expect(onBlur.callCount).to.equal(1);
+
+      fireEvent.mouseLeave(button);
+      expect(onMouseLeave.callCount).to.equal(1);
+    });
+  });
+
+  describe('ripple', () => {
+    describe('interactions', () => {
+      it('should start the ripple when the mouse is pressed', () => {
+        const { getByRole } = render(
+          <ButtonBase
+            TouchRippleProps={{
+              classes: {
+                rippleVisible: 'ripple-visible',
+                child: 'child',
+                childLeaving: 'child-leaving',
+              },
+            }}
+          />,
+        );
+        const button = getByRole('button');
+
+        fireEvent.mouseDown(button);
+
+        expect(button.querySelectorAll('.ripple-visible .child-leaving')).to.have.lengthOf(0);
+        expect(
+          button.querySelectorAll('.ripple-visible .child:not(.child-leaving)'),
+        ).to.have.lengthOf(1);
+      });
+
+      it('should stop the ripple when the mouse is released', () => {
+        const { getByRole } = render(
+          <ButtonBase
+            TouchRippleProps={{
+              classes: {
+                rippleVisible: 'ripple-visible',
+                child: 'child',
+                childLeaving: 'child-leaving',
+              },
+            }}
+          />,
+        );
+        const button = getByRole('button');
+        fireEvent.mouseDown(button);
+
+        fireEvent.mouseUp(button);
+
+        expect(button.querySelectorAll('.ripple-visible .child-leaving')).to.have.lengthOf(1);
+        expect(
+          button.querySelectorAll('.ripple-visible .child:not(.child-leaving)'),
+        ).to.have.lengthOf(0);
+      });
+
+      it('should stop the ripple when the button blurs', () => {
+        const { getByRole } = render(
+          <ButtonBase
+            TouchRippleProps={{
+              classes: {
+                rippleVisible: 'ripple-visible',
+                child: 'child',
+                childLeaving: 'child-leaving',
+              },
+            }}
+          />,
+        );
+        const button = getByRole('button');
+        fireEvent.mouseDown(button);
+
+        button.blur();
+
+        expect(button.querySelectorAll('.ripple-visible .child-leaving')).to.have.lengthOf(0);
+        expect(
+          button.querySelectorAll('.ripple-visible .child:not(.child-leaving)'),
+        ).to.have.lengthOf(1);
+      });
+
+      it('should restart the ripple when the mouse is pressed again', () => {
+        const { getByRole } = render(
+          <ButtonBase
+            TouchRippleProps={{
+              classes: {
+                rippleVisible: 'ripple-visible',
+                child: 'child',
+                childLeaving: 'child-leaving',
+              },
+            }}
+          />,
+        );
+        const button = getByRole('button');
+
+        fireEvent.mouseDown(button);
+
+        expect(button.querySelectorAll('.ripple-visible .child-leaving')).to.have.lengthOf(0);
+        expect(
+          button.querySelectorAll('.ripple-visible .child:not(.child-leaving)'),
+        ).to.have.lengthOf(1);
+
+        fireEvent.mouseUp(button);
+        fireEvent.mouseDown(button);
+
+        expect(button.querySelectorAll('.ripple-visible .child-leaving')).to.have.lengthOf(1);
+        expect(
+          button.querySelectorAll('.ripple-visible .child:not(.child-leaving)'),
+        ).to.have.lengthOf(1);
+      });
+
+      it('should stop the ripple when the mouse leaves', () => {
+        const { getByRole } = render(
+          <ButtonBase
+            TouchRippleProps={{
+              classes: {
+                rippleVisible: 'ripple-visible',
+                child: 'child',
+                childLeaving: 'child-leaving',
+              },
+            }}
+          />,
+        );
+        const button = getByRole('button');
+        fireEvent.mouseDown(button);
+
+        fireEvent.mouseLeave(button);
+
+        expect(button.querySelectorAll('.ripple-visible .child-leaving')).to.have.lengthOf(1);
+        expect(
+          button.querySelectorAll('.ripple-visible .child:not(.child-leaving)'),
+        ).to.have.lengthOf(0);
+      });
+
+      it('should stop the ripple when dragging has finished', function test() {
+        if (!canFireDragEvents) {
+          this.skip();
+        }
+        const { getByRole } = render(
+          <ButtonBase
+            TouchRippleProps={{
+              classes: {
+                rippleVisible: 'ripple-visible',
+                child: 'child',
+                childLeaving: 'child-leaving',
+              },
+            }}
+          />,
+        );
+        const button = getByRole('button');
+        fireEvent.mouseDown(button);
+
+        fireEvent.dragLeave(button);
+
+        expect(button.querySelectorAll('.ripple-visible .child-leaving')).to.have.lengthOf(1);
+        expect(
+          button.querySelectorAll('.ripple-visible .child:not(.child-leaving)'),
+        ).to.have.lengthOf(0);
+      });
+
+      it('should stop the ripple when the context menu opens', () => {
+        const { getByRole } = render(
+          <ButtonBase
+            TouchRippleProps={{
+              classes: {
+                rippleVisible: 'ripple-visible',
+                child: 'child',
+                childLeaving: 'child-leaving',
+              },
+            }}
+          />,
+        );
+        const button = getByRole('button');
+        fireEvent.mouseDown(button);
+
+        expect(button.querySelectorAll('.ripple-visible .child-leaving')).to.have.lengthOf(0);
+        expect(
+          button.querySelectorAll('.ripple-visible .child:not(.child-leaving)'),
+        ).to.have.lengthOf(1);
+
+        fireEvent.contextMenu(button);
+
+        expect(button.querySelectorAll('.ripple-visible .child-leaving')).to.have.lengthOf(1);
+        expect(
+          button.querySelectorAll('.ripple-visible .child:not(.child-leaving)'),
+        ).to.have.lengthOf(0);
+      });
+    });
+  });
+
+  describe('prop: centerRipple', () => {
+    it('centers the TouchRipple', () => {
+      const { container, getByRole } = render(
+        <ButtonBase
+          centerRipple
+          TouchRippleProps={{ classes: { root: 'touch-ripple', ripple: 'touch-ripple-ripple' } }}
+        >
+          Hello
+        </ButtonBase>,
+      );
+      // @ts-ignore
+      stub(container.querySelector('.touch-ripple'), 'getBoundingClientRect').callsFake(() => ({
+        width: 100,
+        height: 100,
+        bottom: 10,
+        left: 20,
+        top: 20,
+      }));
+      fireEvent.mouseDown(getByRole('button'), { clientX: 10, clientY: 10 });
+      const rippleRipple = container.querySelector('.touch-ripple-ripple');
+      expect(rippleRipple).not.to.equal(null);
+      // @ts-ignore
+      const rippleStyle = window.getComputedStyle(rippleRipple);
+      expect(rippleStyle).to.have.property('height', '101px');
+      expect(rippleStyle).to.have.property('width', '101px');
+    });
+
+    it('is disabled by default', () => {
+      const { container, getByRole } = render(
+        <ButtonBase
+          TouchRippleProps={{ classes: { root: 'touch-ripple', ripple: 'touch-ripple-ripple' } }}
+        >
+          Hello
+        </ButtonBase>,
+      );
+      // @ts-ignore
+      stub(container.querySelector('.touch-ripple'), 'getBoundingClientRect').callsFake(() => ({
+        width: 100,
+        height: 100,
+        bottom: 10,
+        left: 20,
+        top: 20,
+      }));
+      fireEvent.mouseDown(getByRole('button'), { clientX: 10, clientY: 10 });
+      const rippleRipple = container.querySelector('.touch-ripple-ripple');
+      expect(rippleRipple).not.to.equal(null);
+      // @ts-ignore
+      const rippleStyle = window.getComputedStyle(rippleRipple);
+      expect(rippleStyle).not.to.have.property('height', '101px');
+      expect(rippleStyle).not.to.have.property('width', '101px');
+    });
+  });
+
+  describe('prop: disabled', () => {
+    it('should have a the disabled property', () => {
+      const { getByText } = render(<ButtonBase disabled>Hello</ButtonBase>);
+      expect(getByText('Hello')).to.have.property('disabled');
+    });
+
+    it('should forward it to native buttons', () => {
+      const { getByText } = render(
+        <ButtonBase disabled component="button">
+          Hello
+        </ButtonBase>,
+      );
+      expect(getByText('Hello')).to.have.property('disabled', true);
+    });
+
+    it('should reset the focused state upon being disabled', () => {
+      const { getByText, setProps } = render(<ButtonBase>Hello</ButtonBase>);
+      const button = getByText('Hello');
+      simulatePointerDevice();
+
+      focusVisible(button);
+
+      expect(button).to.have.class(classes.focusVisible);
+
+      setProps({ disabled: true });
+
+      expect(button).not.to.have.class(classes.focusVisible);
+    });
+
+    it('should not use aria-disabled with button host', () => {
+      const { getByRole } = render(<ButtonBase disabled>Hello</ButtonBase>);
+      const button = getByRole('button');
+
+      expect(button).to.have.attribute('disabled');
+      expect(button).not.to.have.attribute('aria-disabled');
+    });
+
+    it('should use aria-disabled for other components', () => {
+      const { getByRole, setProps } = render(
+        <ButtonBase component="span" disabled>
+          Hello
+        </ButtonBase>,
+      );
+      const button = getByRole('button');
+
+      expect(button).not.to.have.attribute('disabled');
+      expect(button).to.have.attribute('aria-disabled', 'true');
+
+      setProps({ disabled: false });
+      expect(button).not.to.have.attribute('aria-disabled');
+    });
+  });
+
+  describe('prop: focusableWhenDisabled', () => {
+    it('should be focusable when disabled if focusableWhenDisabled is true', () => {
+      const { getByText } = render(
+        <ButtonBase disabled focusableWhenDisabled>
+          Hello
+        </ButtonBase>,
+      );
+      const button = getByText('Hello');
+      simulatePointerDevice();
+
+      focusVisible(button);
+
+      expect(button).to.have.class(classes.focusVisible);
+    });
+  });
+
+  describe('prop: component', () => {
+    it('should allow to use a link component', () => {
+      const Link = React.forwardRef((props, ref: React.ForwardedRef<HTMLDivElement>) => (
+        <div data-testid="link" ref={ref} {...props} />
+      ));
+      const { getByTestId } = render(<ButtonBase component={Link}>Hello</ButtonBase>);
+
+      expect(getByTestId('link')).to.have.attribute('role', 'button');
+    });
+  });
+
+  describe('event: focus', () => {
+    it('should call onFocus', async () => {
+      const onFocusSpy = spy();
+      render(
+        <ButtonBase component="div" onFocus={onFocusSpy}>
+          Hello
+        </ButtonBase>,
+      );
+
+      await userEvent.keyboard('[Tab]');
+
+      expect(onFocusSpy.callCount).to.equal(1);
+    });
+
+    it('when disabled should not call onFocus', async () => {
+      const onFocusSpy = spy();
+      render(
+        <ButtonBase component="div" disabled onFocus={onFocusSpy}>
+          Hello
+        </ButtonBase>,
+      );
+
+      await userEvent.keyboard('[Tab]');
+
+      expect(onFocusSpy.callCount).to.equal(0);
+    });
+
+    it('when disabled and focusableWhenDisabled should call onFocus', async () => {
+      const onFocusSpy = spy();
+      render(
+        <ButtonBase component="div" disabled onFocus={onFocusSpy} focusableWhenDisabled>
+          Hello
+        </ButtonBase>,
+      );
+
+      await userEvent.keyboard('[Tab]');
+
+      expect(onFocusSpy.callCount).to.equal(1);
+    });
+
+    it('has a focus-visible polyfill', () => {
+      const { getByText } = render(<ButtonBase>Hello</ButtonBase>);
+      const button = getByText('Hello');
+      simulatePointerDevice();
+
+      expect(button).not.to.have.class(classes.focusVisible);
+
+      act(() => {
+        button.focus();
+      });
+
+      if (programmaticFocusTriggersFocusVisible()) {
+        expect(button).to.have.class(classes.focusVisible);
+      } else {
+        expect(button).not.to.have.class(classes.focusVisible);
+      }
+
+      focusVisible(button);
+
+      expect(button).to.have.class(classes.focusVisible);
+    });
+
+    it('removes focus-visible if focus is re-targetted', () => {
+      const eventLog: string[] = [];
+      function Test() {
+        const focusRetargetRef = React.useRef<HTMLButtonElement>(null);
+        return (
+          <div
+            onFocus={() => {
+              const { current: focusRetarget } = focusRetargetRef;
+              if (focusRetarget === null) {
+                throw new TypeError('Nothing to focus. Test cannot work.');
+              }
+              focusRetarget.focus();
+            }}
+          >
+            <button ref={focusRetargetRef} type="button">
+              you cannot escape me
+            </button>
+            <ButtonBase
+              onBlur={() => eventLog.push('blur')}
+              onFocus={() => eventLog.push('focus')}
+              onFocusVisible={() => eventLog.push('focus-visible')}
+            >
+              Hello
+            </ButtonBase>
+          </div>
+        );
+      }
+      const { getByText } = render(<Test />);
+      const buttonBase = getByText('Hello');
+      const focusRetarget = getByText('you cannot escape me');
+      simulatePointerDevice();
+
+      focusVisible(buttonBase);
+
+      expect(focusRetarget).toHaveFocus();
+      expect(eventLog).to.deep.equal(['focus-visible', 'focus', 'blur']);
+      expect(buttonBase).not.to.have.class(classes.focusVisible);
+    });
+
+    it('onFocusVisibleHandler() should propagate call to onFocusVisible prop', () => {
+      const onFocusVisibleSpy = spy();
+      const { getByRole } = render(
+        <ButtonBase component="span" onFocusVisible={onFocusVisibleSpy}>
+          Hello
+        </ButtonBase>,
+      );
+      simulatePointerDevice();
+
+      focusVisible(getByRole('button'));
+
+      expect(onFocusVisibleSpy.calledOnce).to.equal(true);
+      expect(onFocusVisibleSpy.firstCall.args).to.have.lengthOf(1);
+    });
+
+    it('can be autoFocused', () => {
+      // as of react@16.8.6 autoFocus causes focus to be emitted before refs
+      // so we need to check if we're resilient against it
+      const { getByText } = render(<ButtonBase autoFocus>Hello</ButtonBase>);
+
+      expect(getByText('Hello')).toHaveFocus();
+    });
+  });
+
+  describe('event: keydown', () => {
+    describe('prop: onKeyDown', () => {
+      it('call it when keydown events are dispatched', () => {
+        const onKeyDownSpy = spy();
+        const { getByText } = render(
+          <ButtonBase autoFocus onKeyDown={onKeyDownSpy}>
+            Hello
+          </ButtonBase>,
+        );
+
+        fireEvent.keyDown(getByText('Hello'));
+
+        expect(onKeyDownSpy.callCount).to.equal(1);
+      });
+    });
+
+    describe('prop: disableTouchRipple', () => {
+      it('creates no ripples on click', () => {
+        const { getByText } = render(
+          <ButtonBase
+            disableTouchRipple
+            TouchRippleProps={{
+              classes: {
+                rippleVisible: 'ripple-visible',
+              },
+            }}
+          >
+            Hello
+          </ButtonBase>,
+        );
+        const button = getByText('Hello');
+
+        fireEvent.click(button);
+
+        expect(button).not.to.have.class('ripple-visible');
+      });
+    });
+
+    describe('prop: disableRipple', () => {
+      const touchRippleTestId = 'touch-ripple-test-id';
+
+      it('is enabled by default', () => {
+        const { getAllByTestId } = render(
+          <ButtonBase
+            TouchRippleProps={{
+              // @ts-ignore allow for test id
+              'data-testid': touchRippleTestId,
+            }}
+          >
+            Hello World
+          </ButtonBase>,
+        );
+
+        expect(getAllByTestId(touchRippleTestId).length).to.equal(1);
+      });
+
+      it('removes the TouchRipple when disableRipple is true', () => {
+        const { queryByTestId } = render(
+          <ButtonBase
+            TouchRippleProps={{
+              // @ts-ignore allow for test id
+              'data-testid': touchRippleTestId,
+            }}
+            disableRipple
+          >
+            Hello World
+          </ButtonBase>,
+        );
+
+        expect(queryByTestId(touchRippleTestId)).to.equal(null);
+      });
+    });
+
+    describe('keyboard accessibility for non interactive elements', () => {
+      it('does not call onClick when a spacebar is pressed on the element but prevents the default', () => {
+        const onKeyDown = spy();
+        const onClickSpy = spy();
+        const { getByRole } = render(
+          <ButtonBase onClick={onClickSpy} onKeyDown={onKeyDown} component="div">
+            Hello
+          </ButtonBase>,
+        );
+        const button = getByRole('button');
+
+        act(() => {
+          button.focus();
+          fireEvent.keyDown(button, {
+            key: ' ',
+          });
+        });
+
+        expect(onClickSpy.callCount).to.equal(0);
+        expect(onKeyDown.callCount).to.equal(1);
+        expect(onKeyDown.firstCall.args[0]).to.have.property('defaultPrevented', true);
+      });
+
+      it('does call onClick when a spacebar is released on the element', () => {
+        const onClickSpy = spy();
+        const { getByRole } = render(
+          <ButtonBase onClick={onClickSpy} component="div">
+            Hello
+          </ButtonBase>,
+        );
+        const button = getByRole('button');
+
+        act(() => {
+          button.focus();
+          fireEvent.keyUp(button, {
+            key: ' ',
+          });
+        });
+
+        expect(onClickSpy.callCount).to.equal(1);
+        expect(onClickSpy.firstCall.args[0]).to.have.property('defaultPrevented', false);
+      });
+
+      it('does not call onClick when a spacebar is released and the default is prevented', () => {
+        const onClickSpy = spy();
+        const onKeyUp: MuiCancellableEventHandler<React.KeyboardEvent> = (event) => {
+          event.preventDefault();
+          event.defaultMuiPrevented = true;
+        };
+        const { getByRole } = render(
+          <ButtonBase onClick={onClickSpy} onKeyUp={onKeyUp} component="div">
+            Hello
+          </ButtonBase>,
+        );
+        const button = getByRole('button');
+
+        act(() => {
+          button.focus();
+          fireEvent.keyUp(button, {
+            key: ' ',
+          });
+        });
+
+        expect(onClickSpy.callCount).to.equal(0);
+      });
+
+      it('calls onClick when Enter is pressed on the element', () => {
+        const onClickSpy = spy();
+        const { getByRole } = render(
+          <ButtonBase onClick={onClickSpy} component="div">
+            Hello
+          </ButtonBase>,
+        );
+        const button = getByRole('button');
+
+        act(() => {
+          button.focus();
+          fireEvent.keyDown(button, {
+            key: 'Enter',
+          });
+        });
+
+        expect(onClickSpy.calledOnce).to.equal(true);
+        expect(onClickSpy.firstCall.args[0]).to.have.property('defaultPrevented', true);
+      });
+
+      it('does not call onClick if Enter was pressed on a child', () => {
+        const onClickSpy = spy();
+        const onKeyDownSpy = spy();
+        render(
+          <ButtonBase onClick={onClickSpy} onKeyDown={onKeyDownSpy} component="div">
+            <input autoFocus type="text" />
+          </ButtonBase>,
+        );
+
+        fireEvent.keyDown(screen.getByRole('textbox'), {
+          key: 'Enter',
+        });
+
+        expect(onKeyDownSpy.callCount).to.equal(1);
+        expect(onClickSpy.callCount).to.equal(0);
+      });
+
+      it('does not call onClick if Space was released on a child', () => {
+        const onClickSpy = spy();
+        const onKeyUpSpy = spy();
+        render(
+          <ButtonBase onClick={onClickSpy} onKeyUp={onKeyUpSpy} component="div">
+            <input autoFocus type="text" />
+          </ButtonBase>,
+        );
+
+        fireEvent.keyUp(screen.getByRole('textbox'), {
+          key: ' ',
+        });
+
+        expect(onKeyUpSpy.callCount).to.equal(1);
+        expect(onClickSpy.callCount).to.equal(0);
+      });
+
+      it('prevents default with an anchor and empty href', () => {
+        const onClickSpy = spy();
+        const { getByRole } = render(
+          <ButtonBase component="a" onClick={onClickSpy}>
+            Hello
+          </ButtonBase>,
+        );
+        const button = getByRole('button');
+
+        act(() => {
+          button.focus();
+          fireEvent.keyDown(button, { key: 'Enter' });
+        });
+
+        expect(onClickSpy.calledOnce).to.equal(true);
+        expect(onClickSpy.firstCall.args[0]).to.have.property('defaultPrevented', true);
+      });
+
+      it('should ignore anchors with href', () => {
+        const onClick = spy();
+        const onKeyDown = spy();
+        const { getByText } = render(
+          <ButtonBase component="a" href="href" onClick={onClick} onKeyDown={onKeyDown}>
+            Hello
+          </ButtonBase>,
+        );
+        const button = getByText('Hello');
+
+        act(() => {
+          button.focus();
+          fireEvent.keyDown(button, {
+            key: 'Enter',
+          });
+        });
+
+        expect(onClick.callCount).to.equal(0);
+        expect(onKeyDown.callCount).to.equal(1);
+        expect(onKeyDown.firstCall.args[0]).to.have.property('defaultPrevented', false);
+      });
+    });
+  });
+
+  describe('prop: action', () => {
+    it('should be able to focus visible the button', () => {
+      /**
+       * @type {React.RefObject<import('./ButtonBase.types').ButtonBaseActions>}
+       */
+      const buttonActionsRef = React.createRef<ButtonBaseActions>();
+      const { getByText } = render(
+        <ButtonBase action={buttonActionsRef} focusVisibleClassName="focusVisible">
+          Hello
+        </ButtonBase>,
+      );
+
+      // @ts-ignore
+      expect(typeof buttonActionsRef.current.focusVisible).to.equal('function');
+
+      act(() => {
+        // @ts-ignore
+        buttonActionsRef.current.focusVisible();
+      });
+
+      expect(getByText('Hello')).toHaveFocus();
+      expect(getByText('Hello')).to.match('.focusVisible');
+    });
+  });
+
+  describe('warnings', () => {
+    beforeEach(() => {
+      PropTypes.resetWarningCache();
+    });
+
+    it('warns on invalid `component` prop: ref forward', function test() {
+      // Only run the test on node. On the browser the thrown error is not caught
+      if (!/jsdom/.test(window.navigator.userAgent)) {
+        this.skip();
+      }
+
+      function Component(props: React.HTMLAttributes<HTMLButtonElement>) {
+        return <button type="button" {...props} />;
+      }
+
+      expect(() => {
+        PropTypes.checkPropTypes(
+          ButtonBase.propTypes,
+          { classes: {}, component: Component },
+          'prop',
+          'MockedName',
+        );
+      }).toErrorDev(
+        'Invalid prop `component` supplied to `MockedName`. Expected an element type that can hold a ref',
+      );
+    });
+
+    it('warns on invalid `component` prop: prop forward', () => {
+      const Component = React.forwardRef((props, ref: React.ForwardedRef<HTMLButtonElement>) => (
+        <button type="button" ref={ref} {...props}>
+          Hello
+        </button>
+      ));
+
+      // cant match the error message here because flakiness with mocha watchmode
+
+      expect(() => {
+        render(<ButtonBase component={Component} />);
+      }).toErrorDev('Please make sure the children prop is rendered in this custom component.');
+    });
+  });
+
+  describe('prop: type', () => {
+    it('is `button` by default', () => {
+      render(<ButtonBase />);
+
+      expect(screen.getByRole('button')).to.have.property('type', 'button');
+    });
+
+    it('can be changed to other button types', () => {
+      render(<ButtonBase type="submit" />);
+
+      expect(screen.getByRole('button')).to.have.property('type', 'submit');
+    });
+
+    it('allows non-standard values', () => {
+      render(<ButtonBase type="fictional-type" />);
+
+      expect(screen.getByRole('button')).to.have.attribute('type', 'fictional-type');
+      // By spec non-supported types result in the default type for `<button>` which is `submit`
+      expect(screen.getByRole('button')).to.have.property('type', 'submit');
+    });
+
+    it('is forwarded to anchor components', () => {
+      render(<ButtonBase component="a" href="some-recording.ogg" download type="audio/ogg" />);
+
+      expect(screen.getByRole('link')).to.have.attribute('type', 'audio/ogg');
+      expect(screen.getByRole('link')).to.have.property('type', 'audio/ogg');
+    });
+
+    it('is forwarded to custom components', () => {
+      const CustomButton = React.forwardRef((props, ref: React.ForwardedRef<HTMLButtonElement>) => (
+        <button ref={ref} {...props} />
+      ));
+      render(<ButtonBase component={CustomButton} type="reset" />);
+
+      expect(screen.getByRole('button')).to.have.property('type', 'reset');
+    });
+  });
+
+  describe('prop: touchRippleRef', () => {
+    it('should return a ref', () => {
+      const ref = React.createRef<TouchRippleActions>();
+      render(<ButtonBase touchRippleRef={ref} />);
+      expect(ref.current).not.to.equal(null);
+    });
+  });
+
+  describe('classes', () => {
+    it('should render focus visible class', () => {
+      const { container } = render(<ButtonBase />);
+
+      const button = container.querySelector('button');
+      expect(button).not.to.equal(null);
+      act(() => {
+        button!.focus();
+      });
+
+      expect(button).to.have.class(classes.focusVisible);
+    });
+
+    it('should render active class', () => {
+      const { container } = render(<ButtonBase />);
+
+      const button = container.querySelector('button');
+      expect(button).not.to.equal(null);
+      fireEvent.mouseDown(button!);
+
+      expect(button).to.have.class(classes.active);
+    });
+  });
+
+  describe('prop: tabIndex', () => {
+    it('should apply user value of tabIndex', () => {
+      const { getByRole } = render(<ButtonBase tabIndex={5} />);
+
+      expect(getByRole('button')).to.have.property('tabIndex', 5);
+    });
+  });
+});
diff --git a/packages/mui-material-next/src/ButtonBase/ButtonBase.tsx b/packages/mui-material-next/src/ButtonBase/ButtonBase.tsx
new file mode 100644
index 00000000000000..de46813447ad93
--- /dev/null
+++ b/packages/mui-material-next/src/ButtonBase/ButtonBase.tsx
@@ -0,0 +1,318 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { elementTypeAcceptingRef, refType, unstable_useForkRef as useForkRef } from '@mui/utils';
+import {
+  EventHandlers,
+  unstable_composeClasses as composeClasses,
+  useButton,
+  useSlotProps,
+} from '@mui/base';
+import styled, { rootShouldForwardProp } from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import buttonBaseClasses, { getButtonBaseUtilityClass } from './buttonBaseClasses';
+import {
+  ButtonBaseOwnerState,
+  ButtonBaseProps,
+  ButtonBaseTypeMap,
+  ExtendButtonBase,
+} from './ButtonBase.types';
+import TouchRipple from './TouchRipple';
+import useTouchRipple from './useTouchRipple';
+import { TouchRippleActions } from './TouchRipple.types';
+
+const useUtilityClasses = (ownerState: ButtonBaseOwnerState) => {
+  const { disabled, focusVisible, active, focusVisibleClassName, classes } = ownerState;
+
+  const slots = {
+    root: ['root', disabled && 'disabled', active && 'active', focusVisible && 'focusVisible'],
+  };
+
+  const composedClasses = composeClasses(slots, getButtonBaseUtilityClass, classes);
+
+  if (focusVisible && focusVisibleClassName) {
+    composedClasses.root += ` ${focusVisibleClassName}`;
+  }
+
+  return composedClasses;
+};
+
+export const ButtonBaseRoot = styled('button', {
+  name: 'MuiButtonBase',
+  slot: 'Root',
+  shouldForwardProp: (prop) => rootShouldForwardProp(prop) && prop !== 'touchRippleRef',
+  overridesResolver: (props, styles) => styles.root,
+})({
+  display: 'inline-flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  position: 'relative',
+  boxSizing: 'border-box',
+  WebkitTapHighlightColor: 'transparent',
+  backgroundColor: 'transparent', // Reset default value
+  // We disable the focus ring for mouse, touch and keyboard users.
+  outline: 0,
+  border: 0,
+  margin: 0, // Remove the margin in Safari
+  borderRadius: 0,
+  padding: 0, // Remove the padding in Firefox
+  cursor: 'pointer',
+  userSelect: 'none',
+  verticalAlign: 'middle',
+  MozAppearance: 'none', // Reset
+  WebkitAppearance: 'none', // Reset
+  textDecoration: 'none',
+  // So we take precedent over the style of a native <a /> element.
+  color: 'inherit',
+  '&::-moz-focus-inner': {
+    borderStyle: 'none', // Remove Firefox dotted outline.
+  },
+  [`&.${buttonBaseClasses.disabled}`]: {
+    pointerEvents: 'none', // Disable link interactions
+    cursor: 'default',
+  },
+  '@media print': {
+    colorAdjust: 'exact',
+  },
+}) as React.ElementType<any>;
+
+/**
+ * `ButtonBase` contains as few styles as possible.
+ * It aims to be a simple building block for creating a button.
+ * It contains a load of style reset and some focus/ripple logic.
+ *
+ * Demos:
+ *
+ * - [Button](https://mui.com/material-ui/react-button/)
+ *
+ * API:
+ *
+ * - [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ */
+const ButtonBase = React.forwardRef(function ButtonBase<
+  BaseComponentType extends React.ElementType = ButtonBaseTypeMap['defaultComponent'],
+>(inProps: ButtonBaseProps<BaseComponentType>, ref: React.ForwardedRef<any>) {
+  const props = useThemeProps({ props: inProps, name: 'MuiButtonBase' });
+  const {
+    action,
+    centerRipple = false,
+    children,
+    component = 'button',
+    disabled = false,
+    disableRipple = false,
+    disableTouchRipple = false,
+    focusVisibleClassName,
+    focusableWhenDisabled = false,
+    LinkComponent = 'a',
+    tabIndex = 0,
+    TouchRippleProps,
+    touchRippleRef,
+    type,
+    ...other
+  } = props;
+
+  const buttonRef = React.useRef<HTMLButtonElement | HTMLAnchorElement | HTMLElement>(null);
+  const handleRef = useForkRef(buttonRef, ref);
+  const { focusVisible, active, setFocusVisible, getRootProps } = useButton({
+    disabled,
+    focusableWhenDisabled,
+    href: props.href,
+    to: props.to,
+    tabIndex,
+    rootRef: handleRef,
+  });
+
+  let ComponentProp = component;
+  if (ComponentProp === 'button' && (other.href || other.to)) {
+    ComponentProp = LinkComponent;
+  }
+
+  const rippleRef = React.useRef<TouchRippleActions>(null);
+  const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
+  const { enableTouchRipple, getRippleHandlers } = useTouchRipple({
+    disabled,
+    disableRipple,
+    disableTouchRipple,
+    rippleRef,
+  });
+
+  React.useImperativeHandle(
+    action,
+    () => ({
+      focusVisible: () => {
+        setFocusVisible(true);
+        buttonRef.current?.focus();
+      },
+    }),
+    [setFocusVisible],
+  );
+
+  const ownerState = {
+    ...props,
+    centerRipple,
+    component,
+    disabled,
+    disableRipple,
+    disableTouchRipple,
+    focusVisible,
+    active,
+  };
+
+  const classes = useUtilityClasses(ownerState);
+
+  const rootProps = useSlotProps({
+    elementType: ButtonBaseRoot,
+    getSlotProps: (otherHandlers: EventHandlers) => ({
+      ...getRootProps({
+        ...otherHandlers,
+        ...getRippleHandlers(props),
+      }),
+      // If provided, the type prop overrides useButton's type which is more restricted
+      ...(!!type && { type }),
+    }),
+    externalForwardedProps: other,
+    externalSlotProps: {},
+    additionalProps: {
+      as: ComponentProp,
+    },
+    ownerState,
+    className: classes.root,
+  });
+
+  if (process.env.NODE_ENV !== 'production') {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    React.useEffect(() => {
+      if (enableTouchRipple && !rippleRef.current) {
+        console.error(
+          [
+            'MUI: The `component` prop provided to ButtonBase is invalid.',
+            'Please make sure the children prop is rendered in this custom component.',
+          ].join('\n'),
+        );
+      }
+    }, [enableTouchRipple]);
+  }
+
+  return (
+    <ButtonBaseRoot {...rootProps}>
+      {children}
+      {enableTouchRipple ? (
+        /* TouchRipple is only needed client-side, x2 boost on the server. */
+        <TouchRipple center={centerRipple} {...TouchRippleProps} ref={handleRippleRef} />
+      ) : null}
+    </ButtonBaseRoot>
+  );
+}) as ExtendButtonBase<ButtonBaseTypeMap>;
+
+ButtonBase.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * A ref for imperative actions.
+   * It currently only supports `focusVisible()` action.
+   */
+  action: refType,
+  /**
+   * If `true`, the ripples are centered.
+   * They won't start at the cursor interaction position.
+   * @default false
+   */
+  centerRipple: PropTypes.bool,
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: elementTypeAcceptingRef,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: PropTypes.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: PropTypes.bool,
+  /**
+   * If `true`, the touch ripple effect is disabled.
+   * @default false
+   */
+  disableTouchRipple: PropTypes.bool,
+  /**
+   * If `true`, allows a disabled button to receive focus.
+   * @default false
+   */
+  focusableWhenDisabled: PropTypes.bool,
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName: PropTypes.string,
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href: PropTypes /* @typescript-to-proptypes-ignore */.any,
+  /**
+   * The component used to render a link when the `href` prop is provided.
+   * @default 'a'
+   */
+  LinkComponent: PropTypes.elementType,
+  /**
+   * Callback fired when the component is focused with a keyboard.
+   * We trigger a `onFocus` callback too.
+   */
+  onFocusVisible: PropTypes.func,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
+    PropTypes.func,
+    PropTypes.object,
+  ]),
+  /**
+   * @default 0
+   */
+  tabIndex: PropTypes.number,
+  /**
+   * Props applied to the `TouchRipple` element.
+   */
+  TouchRippleProps: PropTypes.object,
+  /**
+   * A ref that points to the `TouchRipple` element.
+   */
+  touchRippleRef: PropTypes.oneOfType([
+    PropTypes.func,
+    PropTypes.shape({
+      current: PropTypes.shape({
+        start: PropTypes.func.isRequired,
+        stop: PropTypes.func.isRequired,
+      }),
+    }),
+  ]),
+  /**
+   * Type attribute applied to the root component.
+   * @default 'button'
+   */
+  type: PropTypes.string,
+} as any;
+
+export default ButtonBase;
diff --git a/packages/mui-material-next/src/ButtonBase/ButtonBase.types.ts b/packages/mui-material-next/src/ButtonBase/ButtonBase.types.ts
new file mode 100644
index 00000000000000..1ed0777f27ecff
--- /dev/null
+++ b/packages/mui-material-next/src/ButtonBase/ButtonBase.types.ts
@@ -0,0 +1,141 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverrideProps, OverridableComponent, OverridableTypeMap } from '@mui/types';
+import { Theme } from '../styles';
+import { TouchRippleActions, TouchRippleProps } from './TouchRipple.types';
+import { ButtonBaseClasses } from './buttonBaseClasses';
+
+export interface ButtonBaseTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'button',
+> {
+  props: AdditionalProps & {
+    /**
+     * A ref for imperative actions.
+     * It currently only supports `focusVisible()` action.
+     */
+    action?: React.Ref<ButtonBaseActions>;
+    /**
+     * If `true`, the ripples are centered.
+     * They won't start at the cursor interaction position.
+     * @default false
+     */
+    centerRipple?: boolean;
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: Partial<ButtonBaseClasses>;
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the ripple effect is disabled.
+     *
+     * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+     * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+     * @default false
+     */
+    disableRipple?: boolean;
+    /**
+     * If `true`, the touch ripple effect is disabled.
+     * @default false
+     */
+    disableTouchRipple?: boolean;
+    /**
+     * If `true`, allows a disabled button to receive focus.
+     * @default false
+     */
+    focusableWhenDisabled?: boolean;
+    /**
+     * This prop can help identify which element has keyboard focus.
+     * The class name will be applied when the element gains the focus through keyboard interaction.
+     * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+     * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+     * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+     * if needed.
+     */
+    focusVisibleClassName?: string;
+    /**
+     * The URL to link to when the button is clicked.
+     * If defined, an `a` element will be used as the root node.
+     */
+    href?: string;
+    /**
+     * The component used to render a link when the `href` prop is provided.
+     * @default 'a'
+     */
+    LinkComponent?: React.ElementType;
+    /**
+     * Callback fired when the component is focused with a keyboard.
+     * We trigger a `onFocus` callback too.
+     */
+    onFocusVisible?: React.FocusEventHandler<any>;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * @default 0
+     */
+    tabIndex?: NonNullable<React.HTMLAttributes<any>['tabIndex']>;
+    /**
+     * Props applied to the `TouchRipple` element.
+     */
+    TouchRippleProps?: Partial<TouchRippleProps>;
+    /**
+     * A ref that points to the `TouchRipple` element.
+     */
+    touchRippleRef?: React.Ref<TouchRippleActions>;
+    /**
+     * Type attribute applied to the root component.
+     * @default 'button'
+     */
+    type?:
+      | React.ButtonHTMLAttributes<HTMLButtonElement>['type']
+      | React.AnchorHTMLAttributes<HTMLAnchorElement>['type'];
+  };
+  defaultComponent: DefaultComponent;
+}
+
+/**
+ * utility to create component types that inherit props from ButtonBase.
+ * This component has an additional overload if the `href` prop is set which
+ * can make extension quite tricky
+ */
+export interface ExtendButtonBaseTypeMap<TypeMap extends OverridableTypeMap> {
+  props: TypeMap['props'] & Omit<ButtonBaseTypeMap['props'], 'classes'>;
+  defaultComponent: TypeMap['defaultComponent'];
+}
+
+export type ExtendButtonBase<TypeMap extends OverridableTypeMap> = ((
+  props: { href: string } & OverrideProps<ExtendButtonBaseTypeMap<TypeMap>, 'a'>,
+) => JSX.Element) &
+  OverridableComponent<ExtendButtonBaseTypeMap<TypeMap>>;
+
+export type ButtonBaseProps<
+  RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<ButtonBaseTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+
+export interface ButtonBaseOwnerState extends ButtonBaseProps {
+  /**
+   * If `true`, the button is active.
+   */
+  active?: boolean;
+  /**
+   * If `true`, the button's focus is visible.
+   */
+  focusVisible?: boolean;
+}
+
+export interface ButtonBaseActions {
+  focusVisible(): void;
+}
diff --git a/packages/mui-material-next/src/Button/Ripple.test.js b/packages/mui-material-next/src/ButtonBase/Ripple.test.js
similarity index 97%
rename from packages/mui-material-next/src/Button/Ripple.test.js
rename to packages/mui-material-next/src/ButtonBase/Ripple.test.js
index 6993128652e400..fa583ab6a62244 100644
--- a/packages/mui-material-next/src/Button/Ripple.test.js
+++ b/packages/mui-material-next/src/ButtonBase/Ripple.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import Ripple from './Ripple';
 import classes from './touchRippleClasses';
 
diff --git a/packages/mui-material-next/src/Button/Ripple.tsx b/packages/mui-material-next/src/ButtonBase/Ripple.tsx
similarity index 100%
rename from packages/mui-material-next/src/Button/Ripple.tsx
rename to packages/mui-material-next/src/ButtonBase/Ripple.tsx
diff --git a/packages/mui-material-next/src/Button/TouchRipple.test.js b/packages/mui-material-next/src/ButtonBase/TouchRipple.test.js
similarity index 98%
rename from packages/mui-material-next/src/Button/TouchRipple.test.js
rename to packages/mui-material-next/src/ButtonBase/TouchRipple.test.js
index c2aedceff0a208..a056cea0f10d60 100644
--- a/packages/mui-material-next/src/Button/TouchRipple.test.js
+++ b/packages/mui-material-next/src/ButtonBase/TouchRipple.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, act, createRenderer } from 'test/utils';
+import { describeConformance, act, createRenderer } from '@mui-internal/test-utils';
 import TouchRipple, { DELAY_RIPPLE } from './TouchRipple';
 
 const cb = () => {};
diff --git a/packages/mui-material-next/src/Button/TouchRipple.tsx b/packages/mui-material-next/src/ButtonBase/TouchRipple.tsx
similarity index 100%
rename from packages/mui-material-next/src/Button/TouchRipple.tsx
rename to packages/mui-material-next/src/ButtonBase/TouchRipple.tsx
diff --git a/packages/mui-material-next/src/Button/TouchRipple.types.ts b/packages/mui-material-next/src/ButtonBase/TouchRipple.types.ts
similarity index 100%
rename from packages/mui-material-next/src/Button/TouchRipple.types.ts
rename to packages/mui-material-next/src/ButtonBase/TouchRipple.types.ts
diff --git a/packages/mui-material-next/src/ButtonBase/buttonBaseClasses.ts b/packages/mui-material-next/src/ButtonBase/buttonBaseClasses.ts
new file mode 100644
index 00000000000000..df950c4c9b47c6
--- /dev/null
+++ b/packages/mui-material-next/src/ButtonBase/buttonBaseClasses.ts
@@ -0,0 +1,30 @@
+import {
+  unstable_generateUtilityClasses as generateUtilityClasses,
+  unstable_generateUtilityClass as generateUtilityClass,
+} from '@mui/utils';
+
+export interface ButtonBaseClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** State class applied to the root element if `disabled={true}`. */
+  disabled: string;
+  /** State class applied to the root element if keyboard focused. */
+  focusVisible: string;
+  /** State class applied to the root element if the element is active. */
+  active: string;
+}
+
+export type ButtonBaseClassKey = keyof ButtonBaseClasses;
+
+export function getButtonBaseUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiButtonBase', slot);
+}
+
+const buttonBaseClasses: ButtonBaseClasses = generateUtilityClasses('MuiButtonBase', [
+  'root',
+  'disabled',
+  'focusVisible',
+  'active',
+]);
+
+export default buttonBaseClasses;
diff --git a/packages/mui-material-next/src/ButtonBase/index.ts b/packages/mui-material-next/src/ButtonBase/index.ts
new file mode 100644
index 00000000000000..80ec01dcc9e59d
--- /dev/null
+++ b/packages/mui-material-next/src/ButtonBase/index.ts
@@ -0,0 +1,5 @@
+'use client';
+export { default } from './ButtonBase';
+
+export { default as buttonBaseClasses } from './buttonBaseClasses';
+export * from './buttonBaseClasses';
diff --git a/packages/mui-material-next/src/Button/touchRippleClasses.ts b/packages/mui-material-next/src/ButtonBase/touchRippleClasses.ts
similarity index 100%
rename from packages/mui-material-next/src/Button/touchRippleClasses.ts
rename to packages/mui-material-next/src/ButtonBase/touchRippleClasses.ts
diff --git a/packages/mui-material-next/src/Button/useTouchRipple.ts b/packages/mui-material-next/src/ButtonBase/useTouchRipple.ts
similarity index 100%
rename from packages/mui-material-next/src/Button/useTouchRipple.ts
rename to packages/mui-material-next/src/ButtonBase/useTouchRipple.ts
diff --git a/packages/mui-material-next/src/Chip/Chip.d.ts b/packages/mui-material-next/src/Chip/Chip.d.ts
index 5c42b0cf2c02d5..6050f86081318b 100644
--- a/packages/mui-material-next/src/Chip/Chip.d.ts
+++ b/packages/mui-material-next/src/Chip/Chip.d.ts
@@ -12,7 +12,7 @@ export interface ChipPropsColorOverrides {}
 
 export interface ChipTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
   props: AdditionalProps & {
     /**
@@ -94,7 +94,7 @@ export interface ChipTypeMap<
      */
     variant?: OverridableStringUnion<'filled' | 'outlined', ChipPropsVariantOverrides>;
   };
-  defaultComponent: DefaultComponent;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material-next/src/Chip/Chip.test.js b/packages/mui-material-next/src/Chip/Chip.test.js
index 45f6cf1d9266a9..72362765fb4688 100644
--- a/packages/mui-material-next/src/Chip/Chip.test.js
+++ b/packages/mui-material-next/src/Chip/Chip.test.js
@@ -9,7 +9,7 @@ import {
   focusVisible,
   simulatePointerDevice,
   programmaticFocusTriggersFocusVisible,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { hexToRgb } from '@mui/system';
 import { createTheme } from '@mui/material/styles';
 import Avatar from '@mui/material/Avatar';
diff --git a/packages/mui-material-next/src/FormControl/FormControl.d.ts b/packages/mui-material-next/src/FormControl/FormControl.d.ts
new file mode 100644
index 00000000000000..6c23df2da656ba
--- /dev/null
+++ b/packages/mui-material-next/src/FormControl/FormControl.d.ts
@@ -0,0 +1,133 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion, OverridableComponent, OverrideProps } from '@mui/types';
+import { Theme } from '../styles';
+import { FormControlClasses } from './formControlClasses';
+
+export interface FormControlPropsSizeOverrides {}
+export interface FormControlPropsColorOverrides {}
+
+export interface FormControlOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<FormControlClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color?: OverridableStringUnion<
+    'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
+    FormControlPropsColorOverrides
+  >;
+  /**
+   * If `true`, the label, input and helper text should be displayed in a disabled state.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the label is displayed in an error state.
+   * @default false
+   */
+  error?: boolean;
+  /**
+   * If `true`, the component will take up the full width of its container.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * If `true`, the component is displayed in focused state.
+   */
+  focused?: boolean;
+  /**
+   * If `true`, the label is hidden.
+   * This is used to increase density for a `FilledInput`.
+   * Be sure to add `aria-label` to the `input` element.
+   * @default false
+   */
+  hiddenLabel?: boolean;
+  /**
+   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
+   * @default 'none'
+   */
+  margin?: 'dense' | 'normal' | 'none';
+  /**
+   * If `true`, the label will indicate that the `input` is required.
+   * @default false
+   */
+  required?: boolean;
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium', FormControlPropsSizeOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant?: 'standard' | 'outlined' | 'filled';
+}
+
+export interface FormControlTypeMap<
+  AdditionalProps = {},
+  RootComponent extends React.ElementType = 'div',
+> {
+  props: AdditionalProps & FormControlOwnProps;
+  defaultComponent: RootComponent;
+}
+
+/**
+ * Provides context such as filled/focused/error/required for form inputs.
+ * Relying on the context provides high flexibility and ensures that the state always stays
+ * consistent across the children of the `FormControl`.
+ * This context is used by the following components:
+ *
+ * *   FormLabel
+ * *   FormHelperText
+ * *   Input
+ * *   InputLabel
+ *
+ * You can find one composition example below and more going to [the demos](https://mui.com/material-ui/react-text-field/#components).
+ *
+ * ```jsx
+ * <FormControl>
+ *   <InputLabel htmlFor="my-input">Email address</InputLabel>
+ *   <Input id="my-input" aria-describedby="my-helper-text" />
+ *   <FormHelperText id="my-helper-text">We'll never share your email.</FormHelperText>
+ * </FormControl>
+ * ```
+ *
+ * ⚠️ Only one `InputBase` can be used within a FormControl because it creates visual inconsistencies.
+ * For instance, only one input can be focused at the same time, the state shouldn't be shared.
+ *
+ * Demos:
+ *
+ * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
+ * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
+ * - [Switch](https://mui.com/material-ui/react-switch/)
+ * - [Text Field](https://mui.com/material-ui/react-text-field/)
+ *
+ * API:
+ *
+ * - [FormControl API](https://mui.com/material-ui/api/form-control/)
+ */
+declare const FormControl: OverridableComponent<FormControlTypeMap>;
+
+export type FormControlProps<
+  RootComponent extends React.ElementType = FormControlTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<FormControlTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+
+export default FormControl;
diff --git a/packages/mui-material-next/src/FormControl/FormControl.js b/packages/mui-material-next/src/FormControl/FormControl.js
new file mode 100644
index 00000000000000..b7e291351e38fb
--- /dev/null
+++ b/packages/mui-material-next/src/FormControl/FormControl.js
@@ -0,0 +1,335 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
+import {
+  unstable_capitalize as capitalize,
+  unstable_isMuiElement as isMuiElement,
+} from '@mui/utils';
+import useThemeProps from '../styles/useThemeProps';
+import styled from '../styles/styled';
+import { isFilled, isAdornedStart } from '../InputBase/utils';
+import FormControlContext from './FormControlContext';
+import { getFormControlUtilityClasses } from './formControlClasses';
+
+const useUtilityClasses = (ownerState) => {
+  const { classes, margin, fullWidth } = ownerState;
+  const slots = {
+    root: ['root', margin !== 'none' && `margin${capitalize(margin)}`, fullWidth && 'fullWidth'],
+  };
+
+  return composeClasses(slots, getFormControlUtilityClasses, classes);
+};
+
+const FormControlRoot = styled('div', {
+  name: 'MuiFormControl',
+  slot: 'Root',
+  overridesResolver: ({ ownerState }, styles) => {
+    return {
+      ...styles.root,
+      ...styles[`margin${capitalize(ownerState.margin)}`],
+      ...(ownerState.fullWidth && styles.fullWidth),
+    };
+  },
+})(({ ownerState }) => ({
+  display: 'inline-flex',
+  flexDirection: 'column',
+  position: 'relative',
+  // Reset fieldset default style.
+  minWidth: 0,
+  padding: 0,
+  margin: 0,
+  border: 0,
+  verticalAlign: 'top', // Fix alignment issue on Safari.
+  ...(ownerState.margin === 'normal' && {
+    marginTop: 16,
+    marginBottom: 8,
+  }),
+  ...(ownerState.margin === 'dense' && {
+    marginTop: 8,
+    marginBottom: 4,
+  }),
+  ...(ownerState.fullWidth && {
+    width: '100%',
+  }),
+}));
+
+/**
+ * Provides context such as filled/focused/error/required for form inputs.
+ * Relying on the context provides high flexibility and ensures that the state always stays
+ * consistent across the children of the `FormControl`.
+ * This context is used by the following components:
+ *
+ *  - FormLabel
+ *  - FormHelperText
+ *  - Input
+ *  - InputLabel
+ *
+ * You can find one composition example below and more going to [the demos](/material-ui/react-text-field/#components).
+ *
+ * ```jsx
+ * <FormControl>
+ *   <InputLabel htmlFor="my-input">Email address</InputLabel>
+ *   <Input id="my-input" aria-describedby="my-helper-text" />
+ *   <FormHelperText id="my-helper-text">We'll never share your email.</FormHelperText>
+ * </FormControl>
+ * ```
+ *
+ * ⚠️ Only one `InputBase` can be used within a FormControl because it creates visual inconsistencies.
+ * For instance, only one input can be focused at the same time, the state shouldn't be shared.
+ */
+const FormControl = React.forwardRef(function FormControl(inProps, ref) {
+  const props = useThemeProps({ props: inProps, name: 'MuiFormControl' });
+  const {
+    children,
+    className,
+    color = 'primary',
+    component = 'div',
+    disabled = false,
+    error = false,
+    focused: visuallyFocused,
+    fullWidth = false,
+    hiddenLabel = false,
+    margin = 'none',
+    required = false,
+    size = 'medium',
+    variant = 'outlined',
+    ...other
+  } = props;
+
+  const ownerState = {
+    ...props,
+    color,
+    component,
+    disabled,
+    error,
+    fullWidth,
+    hiddenLabel,
+    margin,
+    required,
+    size,
+    variant,
+  };
+
+  const classes = useUtilityClasses(ownerState);
+
+  const [adornedStart, setAdornedStart] = React.useState(() => {
+    // We need to iterate through the children and find the Input in order
+    // to fully support server-side rendering.
+    let initialAdornedStart = false;
+
+    if (children) {
+      React.Children.forEach(children, (child) => {
+        if (!isMuiElement(child, ['Input', 'Select'])) {
+          return;
+        }
+
+        const input = isMuiElement(child, ['Select']) ? child.props.input : child;
+
+        if (input && isAdornedStart(input.props)) {
+          initialAdornedStart = true;
+        }
+      });
+    }
+    return initialAdornedStart;
+  });
+
+  const [filled, setFilled] = React.useState(() => {
+    // We need to iterate through the children and find the Input in order
+    // to fully support server-side rendering.
+    let initialFilled = false;
+
+    if (children) {
+      React.Children.forEach(children, (child) => {
+        if (!isMuiElement(child, ['Input', 'Select'])) {
+          return;
+        }
+
+        if (isFilled(child.props, true) || isFilled(child.props.inputProps, true)) {
+          initialFilled = true;
+        }
+      });
+    }
+
+    return initialFilled;
+  });
+
+  const [focusedState, setFocused] = React.useState(false);
+  if (disabled && focusedState) {
+    setFocused(false);
+  }
+
+  const focused = visuallyFocused !== undefined && !disabled ? visuallyFocused : focusedState;
+
+  let registerEffect;
+  if (process.env.NODE_ENV !== 'production') {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const registeredInput = React.useRef(false);
+    registerEffect = () => {
+      if (registeredInput.current) {
+        console.error(
+          [
+            'MUI: There are multiple `InputBase` components inside a FormControl.',
+            'This creates visual inconsistencies, only use one `InputBase`.',
+          ].join('\n'),
+        );
+      }
+
+      registeredInput.current = true;
+      return () => {
+        registeredInput.current = false;
+      };
+    };
+  }
+
+  const childContext = React.useMemo(() => {
+    return {
+      adornedStart,
+      setAdornedStart,
+      color,
+      disabled,
+      error,
+      filled,
+      focused,
+      fullWidth,
+      hiddenLabel,
+      size,
+      onBlur: () => {
+        setFocused(false);
+      },
+      onEmpty: () => {
+        setFilled(false);
+      },
+      onFilled: () => {
+        setFilled(true);
+      },
+      onFocus: () => {
+        setFocused(true);
+      },
+      registerEffect,
+      required,
+      variant,
+    };
+  }, [
+    adornedStart,
+    color,
+    disabled,
+    error,
+    filled,
+    focused,
+    fullWidth,
+    hiddenLabel,
+    registerEffect,
+    required,
+    size,
+    variant,
+  ]);
+
+  return (
+    <FormControlContext.Provider value={childContext}>
+      <FormControlRoot
+        as={component}
+        ownerState={ownerState}
+        className={clsx(classes.root, className)}
+        ref={ref}
+        {...other}
+      >
+        {children}
+      </FormControlRoot>
+    </FormControlContext.Provider>
+  );
+});
+
+FormControl.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([
+    PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']),
+    PropTypes.string,
+  ]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * If `true`, the label, input and helper text should be displayed in a disabled state.
+   * @default false
+   */
+  disabled: PropTypes.bool,
+  /**
+   * If `true`, the label is displayed in an error state.
+   * @default false
+   */
+  error: PropTypes.bool,
+  /**
+   * If `true`, the component is displayed in focused state.
+   */
+  focused: PropTypes.bool,
+  /**
+   * If `true`, the component will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: PropTypes.bool,
+  /**
+   * If `true`, the label is hidden.
+   * This is used to increase density for a `FilledInput`.
+   * Be sure to add `aria-label` to the `input` element.
+   * @default false
+   */
+  hiddenLabel: PropTypes.bool,
+  /**
+   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
+   * @default 'none'
+   */
+  margin: PropTypes.oneOf(['dense', 'none', 'normal']),
+  /**
+   * If `true`, the label will indicate that the `input` is required.
+   * @default false
+   */
+  required: PropTypes.bool,
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([
+    PropTypes.oneOf(['medium', 'small']),
+    PropTypes.string,
+  ]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
+    PropTypes.func,
+    PropTypes.object,
+  ]),
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant: PropTypes.oneOf(['filled', 'outlined', 'standard']),
+};
+
+export default FormControl;
diff --git a/packages/mui-material-next/src/FormControl/FormControl.test.js b/packages/mui-material-next/src/FormControl/FormControl.test.js
new file mode 100644
index 00000000000000..0027766b0f3a8e
--- /dev/null
+++ b/packages/mui-material-next/src/FormControl/FormControl.test.js
@@ -0,0 +1,374 @@
+/* eslint-disable mocha/no-skipped-tests */
+import * as React from 'react';
+import { expect } from 'chai';
+import { spy } from 'sinon';
+import { describeConformance, act, createRenderer } from '@mui-internal/test-utils';
+import FormControl, { formControlClasses as classes } from '@mui/material-next/FormControl';
+// TODO: replace with material-next/OutlinedInput
+import InputBase from '@mui/material-next/InputBase';
+// TODO: replace with material-next/Select
+import Select from '@mui/material/Select';
+import useFormControl from './useFormControl';
+
+describe('<FormControl />', () => {
+  const { render } = createRenderer();
+
+  function TestComponent(props) {
+    const context = useFormControl();
+    React.useEffect(() => {
+      props.contextCallback(context);
+    });
+    return null;
+  }
+
+  describeConformance(<FormControl />, () => ({
+    classes,
+    inheritComponent: 'div',
+    render,
+    refInstanceof: window.HTMLDivElement,
+    testComponentPropWith: 'fieldset',
+    muiName: 'MuiFormControl',
+    testVariantProps: { margin: 'dense' },
+    skip: ['componentsProp'],
+  }));
+
+  describe('initial state', () => {
+    it('should have no margin', () => {
+      const { container } = render(<FormControl />);
+      const root = container.firstChild;
+
+      expect(root).not.to.have.class(classes.marginNormal);
+      expect(root).not.to.have.class(classes.sizeSmall);
+    });
+
+    it('can have the margin normal class', () => {
+      const { container } = render(<FormControl margin="normal" />);
+      const root = container.firstChild;
+
+      expect(root).to.have.class(classes.marginNormal);
+      expect(root).not.to.have.class(classes.sizeSmall);
+    });
+
+    it('can have the margin dense class', () => {
+      const { container } = render(<FormControl margin="dense" />);
+      const root = container.firstChild;
+
+      expect(root).to.have.class(classes.marginDense);
+      expect(root).not.to.have.class(classes.marginNormal);
+    });
+
+    it('should not be filled initially', () => {
+      const readContext = spy();
+      render(
+        <FormControl>
+          <TestComponent contextCallback={readContext} />
+        </FormControl>,
+      );
+      expect(readContext.args[0][0]).to.have.property('filled', false);
+    });
+
+    it('should not be focused initially', () => {
+      const readContext = spy();
+      render(
+        <FormControl>
+          <TestComponent contextCallback={readContext} />
+        </FormControl>,
+      );
+      expect(readContext.args[0][0]).to.have.property('focused', false);
+    });
+  });
+
+  describe('prop: required', () => {
+    it('should not apply it to the DOM', () => {
+      const { container } = render(<FormControl required />);
+      expect(container.firstChild).not.to.have.attribute('required');
+    });
+  });
+
+  // TODO: needs InputBase + FormControl integrated
+  describe.skip('prop: disabled', () => {
+    it('will be unfocused if it gets disabled', () => {
+      const readContext = spy();
+      const { container, setProps } = render(
+        <FormControl>
+          <InputBase />
+          <TestComponent contextCallback={readContext} />
+        </FormControl>,
+      );
+      expect(readContext.args[0][0]).to.have.property('focused', false);
+
+      act(() => {
+        container.querySelector('input').focus();
+      });
+      expect(readContext.lastCall.args[0]).to.have.property('focused', true);
+
+      setProps({ disabled: true });
+      expect(readContext.lastCall.args[0]).to.have.property('focused', false);
+    });
+  });
+
+  describe('prop: focused', () => {
+    it('should display input in focused state', () => {
+      const readContext = spy();
+      const { container } = render(
+        <FormControl focused>
+          <InputBase />
+          <TestComponent contextCallback={readContext} />
+        </FormControl>,
+      );
+
+      expect(readContext.args[0][0]).to.have.property('focused', true);
+      container.querySelector('input').blur();
+      expect(readContext.args[0][0]).to.have.property('focused', true);
+    });
+
+    it('ignores focused when disabled', () => {
+      const readContext = spy();
+      render(
+        <FormControl focused disabled>
+          <InputBase />
+          <TestComponent contextCallback={readContext} />
+        </FormControl>,
+      );
+      expect(readContext.args[0][0]).to.include({ disabled: true, focused: false });
+    });
+  });
+
+  describe('input', () => {
+    // TODO: needs InputBase + FormControl integrated
+    it.skip('should be filled when a value is set', () => {
+      const readContext = spy();
+      render(
+        <FormControl>
+          <InputBase value="bar" />
+          <TestComponent contextCallback={readContext} />
+        </FormControl>,
+      );
+      expect(readContext.args[0][0]).to.have.property('filled', true);
+    });
+
+    // TODO: needs InputBase + FormControl integrated
+    it.skip('should be filled when a value is set through inputProps', () => {
+      const readContext = spy();
+      render(
+        <FormControl>
+          <InputBase inputProps={{ value: 'bar' }} />
+          <TestComponent contextCallback={readContext} />
+        </FormControl>,
+      );
+      expect(readContext.args[0][0]).to.have.property('filled', true);
+    });
+
+    // TODO: needs InputBase + FormControl integrated
+    it.skip('should be filled when a defaultValue is set', () => {
+      const readContext = spy();
+      render(
+        <FormControl>
+          <InputBase defaultValue="bar" />
+          <TestComponent contextCallback={readContext} />
+        </FormControl>,
+      );
+      expect(readContext.args[0][0]).to.have.property('filled', true);
+    });
+
+    it('should not be adornedStart with an endAdornment', () => {
+      const readContext = spy();
+      render(
+        <FormControl>
+          <InputBase endAdornment={<div />} />
+          <TestComponent contextCallback={readContext} />
+        </FormControl>,
+      );
+      expect(readContext.args[0][0]).to.have.property('adornedStart', false);
+    });
+
+    // TODO: needs InputBase + FormControl integrated
+    it.skip('should be adornedStart with a startAdornment', () => {
+      const readContext = spy();
+      render(
+        <FormControl>
+          <InputBase startAdornment={<div />} />
+          <TestComponent contextCallback={readContext} />
+        </FormControl>,
+      );
+      expect(readContext.args[0][0]).to.have.property('adornedStart', true);
+    });
+  });
+
+  // TODO: unskip and refactor when integrating material-next/Select
+  describe.skip('select', () => {
+    it('should not be adorned without a startAdornment', () => {
+      const readContext = spy();
+      render(
+        <FormControl>
+          <Select value="" />
+          <TestComponent contextCallback={readContext} />
+        </FormControl>,
+      );
+      expect(readContext.args[0][0]).to.have.property('adornedStart', false);
+    });
+
+    it('should be adorned with a startAdornment', () => {
+      const readContext = spy();
+      render(
+        <FormControl>
+          <Select value="" input={<InputBase startAdornment={<div />} />} />
+          <TestComponent contextCallback={readContext} />
+        </FormControl>,
+      );
+      expect(readContext.args[0][0].adornedStart, true);
+    });
+  });
+
+  describe('useFormControl', () => {
+    const FormController = React.forwardRef((_, ref) => {
+      const formControl = useFormControl();
+      React.useImperativeHandle(ref, () => formControl, [formControl]);
+      return null;
+    });
+
+    const FormControlled = React.forwardRef(function FormControlled(props, ref) {
+      return (
+        <FormControl {...props}>
+          <FormController ref={ref} />
+        </FormControl>
+      );
+    });
+
+    describe('from props', () => {
+      it('should have the required prop from the instance', () => {
+        const formControlRef = React.createRef();
+        const { setProps } = render(<FormControlled ref={formControlRef} />);
+
+        expect(formControlRef.current).to.have.property('required', false);
+
+        setProps({ required: true });
+        expect(formControlRef.current).to.have.property('required', true);
+      });
+
+      it('should have the error prop from the instance', () => {
+        const formControlRef = React.createRef();
+        const { setProps } = render(<FormControlled ref={formControlRef} />);
+
+        expect(formControlRef.current).to.have.property('error', false);
+
+        setProps({ error: true });
+        expect(formControlRef.current).to.have.property('error', true);
+      });
+
+      it('should have the margin prop from the instance', () => {
+        const formControlRef = React.createRef();
+        const { setProps } = render(<FormControlled ref={formControlRef} />);
+
+        expect(formControlRef.current).to.have.property('size', 'medium');
+
+        setProps({ size: 'small' });
+        expect(formControlRef.current).to.have.property('size', 'small');
+      });
+
+      it('should have the fullWidth prop from the instance', () => {
+        const formControlRef = React.createRef();
+        const { setProps } = render(<FormControlled ref={formControlRef} />);
+
+        expect(formControlRef.current).to.have.property('fullWidth', false);
+
+        setProps({ fullWidth: true });
+        expect(formControlRef.current).to.have.property('fullWidth', true);
+      });
+    });
+
+    describe('callbacks', () => {
+      describe('onFilled', () => {
+        it('should set the filled state', () => {
+          const formControlRef = React.createRef();
+          render(<FormControlled ref={formControlRef} />);
+
+          expect(formControlRef.current).to.have.property('filled', false);
+
+          act(() => {
+            formControlRef.current.onFilled();
+          });
+
+          expect(formControlRef.current).to.have.property('filled', true);
+
+          act(() => {
+            formControlRef.current.onFilled();
+          });
+
+          expect(formControlRef.current).to.have.property('filled', true);
+        });
+      });
+
+      describe('onEmpty', () => {
+        it('should clean the filled state', () => {
+          const formControlRef = React.createRef();
+          render(<FormControlled ref={formControlRef} />);
+
+          act(() => {
+            formControlRef.current.onFilled();
+          });
+
+          expect(formControlRef.current).to.have.property('filled', true);
+
+          act(() => {
+            formControlRef.current.onEmpty();
+          });
+
+          expect(formControlRef.current).to.have.property('filled', false);
+
+          act(() => {
+            formControlRef.current.onEmpty();
+          });
+
+          expect(formControlRef.current).to.have.property('filled', false);
+        });
+      });
+
+      describe('handleFocus', () => {
+        it('should set the focused state', () => {
+          const formControlRef = React.createRef();
+          render(<FormControlled ref={formControlRef} />);
+          expect(formControlRef.current).to.have.property('focused', false);
+
+          act(() => {
+            formControlRef.current.onFocus();
+          });
+
+          expect(formControlRef.current).to.have.property('focused', true);
+
+          act(() => {
+            formControlRef.current.onFocus();
+          });
+
+          expect(formControlRef.current).to.have.property('focused', true);
+        });
+      });
+
+      describe('handleBlur', () => {
+        it('should clear the focused state', () => {
+          const formControlRef = React.createRef();
+          render(<FormControlled ref={formControlRef} />);
+          expect(formControlRef.current).to.have.property('focused', false);
+
+          act(() => {
+            formControlRef.current.onFocus();
+          });
+
+          expect(formControlRef.current).to.have.property('focused', true);
+
+          act(() => {
+            formControlRef.current.onBlur();
+          });
+
+          expect(formControlRef.current).to.have.property('focused', false);
+
+          act(() => {
+            formControlRef.current.onBlur();
+          });
+
+          expect(formControlRef.current).to.have.property('focused', false);
+        });
+      });
+    });
+  });
+});
diff --git a/packages/mui-material-next/src/FormControl/FormControlContext.ts b/packages/mui-material-next/src/FormControl/FormControlContext.ts
new file mode 100644
index 00000000000000..606057104b1457
--- /dev/null
+++ b/packages/mui-material-next/src/FormControl/FormControlContext.ts
@@ -0,0 +1,36 @@
+import * as React from 'react';
+import type { FormControlProps } from './FormControl';
+
+type ContextFromPropsKey =
+  | 'color'
+  | 'disabled'
+  | 'error'
+  | 'fullWidth'
+  | 'hiddenLabel'
+  | 'margin'
+  | 'onBlur'
+  | 'onFocus'
+  | 'required'
+  | 'size'
+  | 'variant';
+
+export interface FormControlState extends Pick<FormControlProps, ContextFromPropsKey> {
+  adornedStart: boolean;
+  filled: boolean;
+  focused: boolean;
+  onEmpty: () => void;
+  onFilled: () => void;
+  registerEffect: () => void;
+  setAdornedStart: React.Dispatch<React.SetStateAction<boolean>>;
+}
+
+/**
+ * @ignore - internal component.
+ */
+const FormControlContext = React.createContext<FormControlState | undefined>(undefined);
+
+if (process.env.NODE_ENV !== 'production') {
+  FormControlContext.displayName = 'FormControlContext';
+}
+
+export default FormControlContext;
diff --git a/packages/mui-material-next/src/FormControl/formControlClasses.ts b/packages/mui-material-next/src/FormControl/formControlClasses.ts
new file mode 100644
index 00000000000000..adcdd4ff8cfd16
--- /dev/null
+++ b/packages/mui-material-next/src/FormControl/formControlClasses.ts
@@ -0,0 +1,32 @@
+import {
+  unstable_generateUtilityClass as generateUtilityClass,
+  unstable_generateUtilityClasses as generateUtilityClasses,
+} from '@mui/utils';
+
+export interface FormControlClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `margin="normal"`. */
+  marginNormal: string;
+  /** Styles applied to the root element if `margin="dense"`. */
+  marginDense: string;
+  /** Styles applied to the root element if `fullWidth={true}`. */
+  fullWidth: string;
+}
+
+export type FormControlClassKey = keyof FormControlClasses;
+
+export function getFormControlUtilityClasses(slot: string): string {
+  return generateUtilityClass('MuiFormControl', slot);
+}
+
+const formControlClasses: FormControlClasses = generateUtilityClasses('MuiFormControl', [
+  'root',
+  'marginNone',
+  'marginNormal',
+  'marginDense',
+  'fullWidth',
+  'disabled',
+]);
+
+export default formControlClasses;
diff --git a/packages/mui-material-next/src/FormControl/formControlState.js b/packages/mui-material-next/src/FormControl/formControlState.js
new file mode 100644
index 00000000000000..eb46904ff6cc0a
--- /dev/null
+++ b/packages/mui-material-next/src/FormControl/formControlState.js
@@ -0,0 +1,13 @@
+export default function formControlState({ props, states, muiFormControl }) {
+  return states.reduce((acc, state) => {
+    acc[state] = props[state];
+
+    if (muiFormControl) {
+      if (typeof props[state] === 'undefined') {
+        acc[state] = muiFormControl[state];
+      }
+    }
+
+    return acc;
+  }, {});
+}
diff --git a/packages/mui-material-next/src/FormControl/index.d.ts b/packages/mui-material-next/src/FormControl/index.d.ts
new file mode 100644
index 00000000000000..7eaec9a8312087
--- /dev/null
+++ b/packages/mui-material-next/src/FormControl/index.d.ts
@@ -0,0 +1,9 @@
+export { default } from './FormControl';
+export * from './FormControl';
+
+export { default as useFormControl } from './useFormControl';
+
+export { FormControlState } from './FormControlContext';
+
+export { default as formControlClasses } from './formControlClasses';
+export * from './formControlClasses';
diff --git a/packages/mui-material-next/src/FormControl/index.js b/packages/mui-material-next/src/FormControl/index.js
new file mode 100644
index 00000000000000..4112e5a979f5f1
--- /dev/null
+++ b/packages/mui-material-next/src/FormControl/index.js
@@ -0,0 +1,6 @@
+'use client';
+export { default } from './FormControl';
+export { default as useFormControl } from './useFormControl';
+
+export { default as formControlClasses } from './formControlClasses';
+export * from './formControlClasses';
diff --git a/packages/mui-material-next/src/FormControl/useFormControl.ts b/packages/mui-material-next/src/FormControl/useFormControl.ts
new file mode 100644
index 00000000000000..cf24c6cad1ffe8
--- /dev/null
+++ b/packages/mui-material-next/src/FormControl/useFormControl.ts
@@ -0,0 +1,7 @@
+'use client';
+import * as React from 'react';
+import FormControlContext, { FormControlState } from './FormControlContext';
+
+export default function useFormControl(): FormControlState | undefined {
+  return React.useContext(FormControlContext);
+}
diff --git a/packages/mui-material-next/src/Input/Input.d.ts b/packages/mui-material-next/src/Input/Input.d.ts
index 9f92699c6a06dc..3cc269c639798f 100644
--- a/packages/mui-material-next/src/Input/Input.d.ts
+++ b/packages/mui-material-next/src/Input/Input.d.ts
@@ -203,10 +203,10 @@ export interface InputOwnProps {
 
 export interface InputTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
   props: AdditionalProps & InputOwnProps;
-  defaultComponent: DefaultComponent;
+  defaultComponent: RootComponent;
 }
 
 export type InputProps<
diff --git a/packages/mui-material-next/src/Input/Input.test.js b/packages/mui-material-next/src/Input/Input.test.js
index 57cc9e4a9097fb..1882b3e36d6024 100644
--- a/packages/mui-material-next/src/Input/Input.test.js
+++ b/packages/mui-material-next/src/Input/Input.test.js
@@ -2,7 +2,13 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, act, createRenderer, fireEvent, screen } from 'test/utils';
+import {
+  describeConformance,
+  act,
+  createRenderer,
+  fireEvent,
+  screen,
+} from '@mui-internal/test-utils';
 import Input, { inputClasses as classes } from '@mui/material-next/Input';
 
 describe('<Input />', () => {
diff --git a/packages/mui-material-next/src/InputBase/InputBase.spec.tsx b/packages/mui-material-next/src/InputBase/InputBase.spec.tsx
new file mode 100644
index 00000000000000..df2dfc5892e1f3
--- /dev/null
+++ b/packages/mui-material-next/src/InputBase/InputBase.spec.tsx
@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { expectType } from '@mui/types';
+import InputBase from '@mui/material-next/InputBase';
+
+<InputBase
+  onInvalid={(event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {
+    expectType<React.FormEvent<HTMLInputElement | HTMLTextAreaElement>, typeof event>(event);
+  }}
+/>;
diff --git a/packages/mui-material-next/src/InputBase/InputBase.test.js b/packages/mui-material-next/src/InputBase/InputBase.test.js
new file mode 100644
index 00000000000000..3774b529c76751
--- /dev/null
+++ b/packages/mui-material-next/src/InputBase/InputBase.test.js
@@ -0,0 +1,697 @@
+/* eslint-disable mocha/no-skipped-tests */
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { expect } from 'chai';
+import { spy } from 'sinon';
+import {
+  describeConformance,
+  act,
+  createRenderer,
+  fireEvent,
+  screen,
+} from '@mui-internal/test-utils';
+import { ThemeProvider } from '@emotion/react';
+import FormControl, { useFormControl } from '@mui/material/FormControl';
+import InputAdornment from '@mui/material/InputAdornment';
+import TextField from '@mui/material/TextField';
+import { createTheme } from '@mui/material/styles';
+import Select from '@mui/material/Select';
+import InputBase, { inputBaseClasses as classes } from '@mui/material-next/InputBase';
+import { CssVarsProvider, extendTheme } from '@mui/material-next/styles';
+
+describe('<InputBase />', () => {
+  const { render } = createRenderer();
+
+  describeConformance(<InputBase />, () => ({
+    classes,
+    inheritComponent: 'div',
+    render,
+    refInstanceof: window.HTMLDivElement,
+    muiName: 'MuiInputBase',
+    testVariantProps: { size: 'small' },
+    testLegacyComponentsProp: false,
+    ThemeProvider: CssVarsProvider,
+    createTheme: extendTheme,
+    slots: {
+      root: { expectedClassName: classes.root },
+      input: { expectedClassName: classes.input, testWithElement: 'input' },
+    },
+    skip: ['componentProp', 'componentsProp'],
+  }));
+
+  it('should render an <input /> inside the div', () => {
+    const { container } = render(<InputBase />);
+    const input = container.querySelector('input');
+    expect(input).to.have.attribute('type', 'text');
+    expect(input).to.have.class(classes.input);
+    expect(input).not.to.have.attribute('required');
+  });
+
+  it('should add the right class when size is small', () => {
+    const { container } = render(<InputBase size="small" />);
+    expect(container.firstChild).to.have.class(classes.sizeSmall);
+  });
+
+  describe('multiline', () => {
+    it('should render a `textbox` with `aria-multiline`', () => {
+      render(<InputBase multiline />);
+
+      const textarea = screen.getByRole('textbox', { hidden: false });
+      // implicit `aria-multiline`
+      expect(textarea).to.have.tagName('textarea');
+    });
+
+    it('should render a `textbox` with `aria-multiline` if `rows` is specified', () => {
+      render(<InputBase multiline rows={4} />);
+
+      const textarea = screen.getByRole('textbox', { hidden: false });
+      // implicit `aria-multiline`
+      expect(textarea).to.have.tagName('textarea');
+    });
+
+    it('should forward the value to the textarea', () => {
+      render(<InputBase multiline maxRows={4} value="Hello" />);
+
+      const textarea = screen.getByRole('textbox', { hidden: false });
+      expect(textarea).to.have.value('Hello');
+    });
+
+    it('should preserve state when changing rows', () => {
+      const { setProps } = render(<InputBase multiline />);
+      const textarea = screen.getByRole('textbox', { hidden: false });
+      act(() => {
+        textarea.focus();
+      });
+
+      setProps({ rows: 4 });
+
+      expect(textarea).toHaveFocus();
+    });
+  });
+
+  describe('prop: disabled', () => {
+    it('should render a disabled <input />', () => {
+      const { container } = render(<InputBase disabled />);
+      const input = container.querySelector('input');
+      expect(input).to.have.class(classes.input);
+      expect(input).to.have.class(classes.disabled);
+    });
+
+    it('should reset the focused state if getting disabled', () => {
+      const handleBlur = spy();
+      const handleFocus = spy();
+      const { getByRole, setProps } = render(
+        <InputBase onBlur={handleBlur} onFocus={handleFocus} />,
+      );
+
+      act(() => {
+        getByRole('textbox').focus();
+      });
+      expect(handleFocus.callCount).to.equal(1);
+
+      setProps({ disabled: true });
+
+      expect(handleBlur.callCount).to.equal(1);
+      // // check if focus not initiated again
+      expect(handleFocus.callCount).to.equal(1);
+    });
+  });
+
+  describe('prop: readonly', () => {
+    it('should render a readonly <input />', () => {
+      const { getByRole } = render(<InputBase readOnly />);
+      const input = getByRole('textbox');
+      expect(input).to.have.class(classes.input);
+      expect(input).to.have.class(classes.readOnly);
+      expect(input).to.have.property('readOnly');
+    });
+  });
+
+  it('should fire event callbacks', () => {
+    const handleChange = spy();
+    const handleFocus = spy();
+    const handleBlur = spy();
+    const handleKeyUp = spy();
+    const handleKeyDown = spy();
+    const { getByRole } = render(
+      <InputBase
+        onChange={handleChange}
+        onFocus={handleFocus}
+        onBlur={handleBlur}
+        onKeyUp={handleKeyUp}
+        onKeyDown={handleKeyDown}
+      />,
+    );
+    const input = getByRole('textbox');
+
+    // simulating user input: gain focus, key input (keydown, (input), change, keyup), blur
+
+    act(() => {
+      input.focus();
+    });
+    expect(handleFocus.callCount).to.equal(1);
+
+    fireEvent.keyDown(input, { key: 'a' });
+    expect(handleKeyDown.callCount).to.equal(1);
+
+    fireEvent.change(input, { target: { value: 'a' } });
+    expect(handleChange.callCount).to.equal(1);
+
+    fireEvent.keyUp(input, { key: 'a' });
+    expect(handleKeyUp.callCount).to.equal(1);
+
+    act(() => {
+      input.blur();
+    });
+    expect(handleBlur.callCount).to.equal(1);
+  });
+
+  describe('controlled', () => {
+    it('should considered [] as controlled', () => {
+      const { getByRole } = render(<InputBase value={[]} />);
+      const input = getByRole('textbox');
+
+      expect(input).to.have.property('value', '');
+      fireEvent.change(input, { target: { value: 'do not work' } });
+      expect(input).to.have.property('value', '');
+    });
+  });
+
+  describe('errors', () => {
+    it("throws on change if the target isn't mocked", () => {
+      /**
+       * This component simulates a custom input component that hides the inner
+       * input value for security reasons e.g. react-stripe-element.
+       *
+       * A ref is exposed to trigger a change event instead of using fireEvent.change
+       */
+      const BadInputComponent = React.forwardRef(function BadInputComponent(props, ref) {
+        const { onChange } = props;
+
+        // simulates const handleChange = () => onChange({}) and passing that
+        // handler to the onChange prop of `input`
+        React.useImperativeHandle(ref, () => () => onChange({}));
+
+        return <input />;
+      });
+
+      BadInputComponent.propTypes = {
+        onChange: PropTypes.func.isRequired,
+      };
+
+      const triggerChangeRef = React.createRef();
+
+      expect(() => {
+        render(
+          <InputBase
+            slots={{ input: BadInputComponent }}
+            slotProps={{
+              input: {
+                ref: triggerChangeRef,
+              },
+            }}
+          />,
+        );
+      }).toErrorDev([
+        'MUI: You have provided a `slots.input` to the input component\nthat does not correctly handle the `ref` prop.\nMake sure the `ref` prop is called with a HTMLInputElement.',
+        // React 18 Strict Effects run mount effects twice
+        React.version.startsWith('18') &&
+          'MUI: You have provided a `slots.input` to the input component\nthat does not correctly handle the `ref` prop.\nMake sure the `ref` prop is called with a HTMLInputElement.',
+      ]);
+    });
+  });
+
+  describe('prop: slots', () => {
+    // TODO: delete, covered by describeConformance
+    xit('should accept any html component', () => {
+      const { getByTestId } = render(
+        <InputBase inputComponent="span" inputProps={{ 'data-testid': 'input-component' }} />,
+      );
+      expect(getByTestId('input-component')).to.have.property('nodeName', 'SPAN');
+    });
+
+    it('should inject onBlur and onFocus', () => {
+      let injectedProps;
+      const MyInputBase = React.forwardRef(function MyInputBase(props, ref) {
+        injectedProps = props;
+        const { ownerState, ...other } = props;
+        return <input ref={ref} {...other} />;
+      });
+
+      render(<InputBase slots={{ input: MyInputBase }} />);
+
+      expect(typeof injectedProps.onBlur).to.equal('function');
+      expect(typeof injectedProps.onFocus).to.equal('function');
+    });
+
+    // TODO: requires material-next/FormControl
+    describe.skip('target mock implementations', () => {
+      it('can just mock the value', () => {
+        const MockedValue = React.forwardRef(function MockedValue(props, ref) {
+          const { onChange } = props;
+
+          const handleChange = (event) => {
+            onChange({ target: { value: event.target.value } });
+          };
+
+          return <input ref={ref} onChange={handleChange} />;
+        });
+        MockedValue.propTypes = { onChange: PropTypes.func.isRequired };
+
+        function FilledState(props) {
+          const { filled } = useFormControl();
+          return <span {...props}>filled: {String(filled)}</span>;
+        }
+
+        const { getByRole, getByTestId } = render(
+          <FormControl>
+            <FilledState data-testid="filled" />
+            <InputBase inputComponent={MockedValue} />
+          </FormControl>,
+        );
+        expect(getByTestId('filled')).to.have.text('filled: false');
+
+        fireEvent.change(getByRole('textbox'), { target: { value: 1 } });
+        expect(getByTestId('filled')).to.have.text('filled: true');
+      });
+
+      it("can expose the input component's ref through the inputComponent prop", () => {
+        const FullTarget = React.forwardRef(function FullTarget(props, ref) {
+          return <input ref={ref} {...props} />;
+        });
+
+        function FilledState(props) {
+          const { filled } = useFormControl();
+          return <span {...props}>filled: {String(filled)}</span>;
+        }
+
+        const { getByRole, getByTestId } = render(
+          <FormControl>
+            <FilledState data-testid="filled" />
+            <InputBase inputComponent={FullTarget} />
+          </FormControl>,
+        );
+        expect(getByTestId('filled')).to.have.text('filled: false');
+
+        fireEvent.change(getByRole('textbox'), { target: { value: 1 } });
+        expect(getByTestId('filled')).to.have.text('filled: true');
+      });
+    });
+  });
+
+  // TODO: unskip and refactor when integrating material-next/FormControl
+
+  describe.skip('with FormControl', () => {
+    it('should have the formControl class', () => {
+      const { getByTestId } = render(
+        <FormControl>
+          <InputBase data-testid="root" />
+        </FormControl>,
+      );
+      expect(getByTestId('root')).to.have.class(classes.formControl);
+    });
+
+    describe('callbacks', () => {
+      it('should fire the onClick prop', () => {
+        const handleClick = spy();
+        const handleFocus = spy();
+        const { getByTestId } = render(
+          <FormControl>
+            <InputBase data-testid="root" onClick={handleClick} onFocus={handleFocus} />
+          </FormControl>,
+        );
+
+        fireEvent.click(getByTestId('root'));
+        expect(handleClick.callCount).to.equal(1);
+        expect(handleFocus.callCount).to.equal(1);
+      });
+    });
+
+    describe('error', () => {
+      it('should be overridden by props', () => {
+        function InputBaseInErrorForm(props) {
+          return (
+            <FormControl error>
+              <InputBase data-testid="root" {...props} />
+            </FormControl>
+          );
+        }
+
+        const { getByTestId, setProps } = render(<InputBaseInErrorForm />);
+        expect(getByTestId('root')).to.have.class(classes.error);
+
+        setProps({ error: false });
+        expect(getByTestId('root')).not.to.have.class(classes.error);
+
+        setProps({ error: true });
+        expect(getByTestId('root')).to.have.class(classes.error);
+      });
+    });
+
+    describe('size', () => {
+      it('should have the inputSizeSmall class in a dense context', () => {
+        const { container } = render(
+          <FormControl size="small">
+            <InputBase />
+          </FormControl>,
+        );
+        expect(container.querySelector('input')).to.have.class(classes.inputSizeSmall);
+      });
+
+      it('should be overridden by props', () => {
+        function InputBaseInFormWithMargin(props) {
+          return (
+            <FormControl size="medium">
+              <InputBase {...props} />
+            </FormControl>
+          );
+        }
+        const { container, setProps } = render(<InputBaseInFormWithMargin />);
+        expect(container.querySelector('input')).not.to.have.class(classes.inputSizeSmall);
+
+        setProps({ size: 'small' });
+        expect(container.querySelector('input')).to.have.class(classes.inputSizeSmall);
+      });
+
+      it('has an inputHiddenLabel class to further reduce margin', () => {
+        const { getByRole } = render(
+          <FormControl hiddenLabel margin="dense">
+            <InputBase />
+          </FormControl>,
+        );
+
+        expect(getByRole('textbox')).to.have.class(classes.inputHiddenLabel);
+      });
+    });
+
+    describe('required', () => {
+      it('should have the aria-required prop with value true', () => {
+        const { container } = render(
+          <FormControl required>
+            <InputBase />
+          </FormControl>,
+        );
+        const input = container.querySelector('input');
+        expect(input).to.have.property('required', true);
+      });
+    });
+
+    describe('focused', () => {
+      it('prioritizes context focus', () => {
+        const FormController = React.forwardRef((props, ref) => {
+          const { onBlur, onFocus } = useFormControl();
+
+          React.useImperativeHandle(ref, () => ({ onBlur, onFocus }), [onBlur, onFocus]);
+
+          return null;
+        });
+        const controlRef = React.createRef();
+        const { getByRole, getByTestId } = render(
+          <FormControl>
+            <FormController ref={controlRef} />
+            <InputBase data-testid="root" />
+          </FormControl>,
+        );
+
+        act(() => {
+          getByRole('textbox').focus();
+        });
+        expect(getByTestId('root')).to.have.class(classes.focused);
+
+        act(() => {
+          controlRef.current.onBlur();
+        });
+
+        expect(getByTestId('root')).not.to.have.class(classes.focused);
+
+        act(() => {
+          controlRef.current.onFocus();
+        });
+
+        expect(getByTestId('root')).to.have.class(classes.focused);
+      });
+
+      it('propagates focused state', () => {
+        function FocusedStateLabel(props) {
+          const { focused } = useFormControl();
+          return <label {...props}>focused: {String(focused)}</label>;
+        }
+        const { getByRole, getByTestId } = render(
+          <FormControl>
+            <FocusedStateLabel data-testid="label" htmlFor="input" />
+            <InputBase id="input" />
+          </FormControl>,
+        );
+        expect(getByTestId('label')).to.have.text('focused: false');
+
+        act(() => {
+          getByRole('textbox').focus();
+        });
+        expect(getByTestId('label')).to.have.text('focused: true');
+
+        act(() => {
+          getByRole('textbox').blur();
+        });
+        expect(getByTestId('label')).to.have.text('focused: false');
+      });
+    });
+
+    it('propagates filled state when uncontrolled', () => {
+      function FilledStateLabel(props) {
+        const { filled } = useFormControl();
+        return <label {...props}>filled: {String(filled)}</label>;
+      }
+      const { getByRole, getByTestId } = render(
+        <FormControl>
+          <FilledStateLabel data-testid="label" />
+          <InputBase />
+        </FormControl>,
+      );
+      expect(getByTestId('label')).to.have.text('filled: false');
+      const textbox = getByRole('textbox');
+
+      fireEvent.change(textbox, { target: { value: 'material' } });
+      expect(getByTestId('label')).to.have.text('filled: true');
+
+      fireEvent.change(textbox, { target: { value: '0' } });
+      expect(getByTestId('label')).to.have.text('filled: true');
+
+      fireEvent.change(textbox, { target: { value: '' } });
+      expect(getByTestId('label')).to.have.text('filled: false');
+    });
+
+    it('propagates filled state when controlled', () => {
+      function FilledStateLabel(props) {
+        const { filled } = useFormControl();
+        return <label {...props}>filled: {String(filled)}</label>;
+      }
+      function ControlledInputBase(props) {
+        return (
+          <FormControl>
+            <FilledStateLabel data-testid="label" />
+            <InputBase {...props} />
+          </FormControl>
+        );
+      }
+      const { getByTestId, setProps } = render(<ControlledInputBase value="" />);
+      expect(getByTestId('label')).to.have.text('filled: false');
+
+      setProps({ value: 'material' });
+      expect(getByTestId('label')).to.have.text('filled: true');
+
+      setProps({ value: 0 });
+      expect(getByTestId('label')).to.have.text('filled: true');
+
+      setProps({ value: '' });
+      expect(getByTestId('label')).to.have.text('filled: false');
+    });
+
+    describe('registering input', () => {
+      it("should warn if more than one input is rendered regardless how it's nested", () => {
+        expect(() => {
+          render(
+            <FormControl>
+              <InputBase />
+              <div>
+                {/* should work regardless how it's nested */}
+                <InputBase />
+              </div>
+            </FormControl>,
+          );
+        }).toErrorDev([
+          'MUI: There are multiple `InputBase` components inside a FormControl.\nThis creates visual inconsistencies, only use one `InputBase`.',
+          // React 18 Strict Effects run mount effects twice
+          React.version.startsWith('18') &&
+            'MUI: There are multiple `InputBase` components inside a FormControl.\nThis creates visual inconsistencies, only use one `InputBase`.',
+        ]);
+      });
+
+      it('should not warn if only one input is rendered', () => {
+        expect(() => {
+          render(
+            <FormControl>
+              <InputBase />
+            </FormControl>,
+          );
+        }).not.toErrorDev();
+      });
+    });
+  });
+
+  describe('prop: slotProps', () => {
+    it('should apply the props on the input', () => {
+      const { container } = render(
+        <InputBase slotProps={{ input: { className: 'foo', maxLength: 5 } }} />,
+      );
+      const input = container.querySelector('input');
+      expect(input).to.have.class('foo');
+      expect(input).to.have.class(classes.input);
+      expect(input).to.have.property('maxLength', 5);
+    });
+
+    it('should be able to get a ref', () => {
+      const inputRef = React.createRef();
+      const { container } = render(<InputBase slotProps={{ input: { ref: inputRef } }} />);
+      expect(inputRef.current).to.equal(container.querySelector('input'));
+    });
+
+    it('should not repeat the same classname', () => {
+      const { container } = render(<InputBase slotProps={{ input: { className: 'foo' } }} />);
+      const input = container.querySelector('input');
+      const matches = input.className.match(/foo/g);
+      expect(input).to.have.class('foo');
+      expect(matches).to.have.length(1);
+    });
+  });
+
+  describe('prop: slots and slotProps', () => {
+    it('should call onChange inputProp callback with all params sent from custom inputComponent', () => {
+      const INPUT_VALUE = 'material';
+      const OUTPUT_VALUE = 'test';
+
+      const MyInputBase = React.forwardRef(function MyInputBase(props, ref) {
+        const { onChange, ownerState, ...other } = props;
+
+        const handleChange = (e) => {
+          onChange(e.target.value, OUTPUT_VALUE);
+        };
+
+        return <input ref={ref} onChange={handleChange} {...other} />;
+      });
+
+      MyInputBase.propTypes = {
+        onChange: PropTypes.func.isRequired,
+      };
+
+      let outputArguments;
+      function parentHandleChange(...args) {
+        outputArguments = args;
+      }
+
+      const { getByRole } = render(
+        <InputBase
+          slots={{ input: MyInputBase }}
+          slotProps={{
+            input: {
+              onChange: parentHandleChange,
+            },
+          }}
+        />,
+      );
+      const textbox = getByRole('textbox');
+      fireEvent.change(textbox, { target: { value: INPUT_VALUE } });
+
+      expect(outputArguments.length).to.equal(2);
+      expect(outputArguments[0]).to.equal(INPUT_VALUE);
+      expect(outputArguments[1]).to.equal(OUTPUT_VALUE);
+    });
+  });
+
+  describe('prop: startAdornment, prop: endAdornment', () => {
+    it('should render adornment before input', () => {
+      const { getByTestId } = render(
+        <InputBase
+          startAdornment={
+            <InputAdornment data-testid="adornment" position="start">
+              $
+            </InputAdornment>
+          }
+        />,
+      );
+
+      expect(getByTestId('adornment')).not.to.equal(null);
+    });
+
+    it('should render adornment after input', () => {
+      const { getByTestId } = render(
+        <InputBase
+          endAdornment={
+            <InputAdornment data-testid="adornment" position="end">
+              $
+            </InputAdornment>
+          }
+        />,
+      );
+
+      expect(getByTestId('adornment')).not.to.equal(null);
+    });
+
+    // TODO: use material-next/Select
+    it('should allow a Select as an adornment', () => {
+      render(
+        <InputBase
+          value=""
+          name="text"
+          endAdornment={
+            <InputAdornment position="end">
+              <Select value="" name="suffix" />
+            </InputAdornment>
+          }
+          variant="standard"
+        />,
+      );
+    });
+  });
+
+  describe('prop: inputRef', () => {
+    it('should be able to access the native input', () => {
+      const inputRef = React.createRef();
+      const { container } = render(<InputBase inputRef={inputRef} />);
+      expect(inputRef.current).to.equal(container.querySelector('input'));
+    });
+
+    it('should be able to access the native textarea', () => {
+      const inputRef = React.createRef();
+      const { container } = render(<InputBase multiline inputRef={inputRef} />);
+      expect(inputRef.current).to.equal(container.querySelector('textarea'));
+    });
+  });
+
+  describe('prop: focused', () => {
+    it.skip('should render correct border color with `ThemeProvider` imported from `@emotion/react`', function test() {
+      if (/jsdom/.test(window.navigator.userAgent)) {
+        this.skip();
+      }
+      const theme = createTheme({
+        palette: {
+          mode: 'light',
+          primary: {
+            main: 'rgb(0, 191, 165)',
+          },
+        },
+      });
+      const { getByRole } = render(
+        <ThemeProvider theme={theme}>
+          <TextField focused label="Your email" />
+        </ThemeProvider>,
+      );
+      const fieldset = getByRole('textbox').nextSibling;
+      expect(fieldset).toHaveComputedStyle({
+        borderTopColor: 'rgb(0, 191, 165)',
+        borderRightColor: 'rgb(0, 191, 165)',
+        borderBottomColor: 'rgb(0, 191, 165)',
+        borderLeftColor: 'rgb(0, 191, 165)',
+      });
+    });
+  });
+});
diff --git a/packages/mui-material-next/src/InputBase/InputBase.tsx b/packages/mui-material-next/src/InputBase/InputBase.tsx
new file mode 100644
index 00000000000000..3b162a71ebe9f6
--- /dev/null
+++ b/packages/mui-material-next/src/InputBase/InputBase.tsx
@@ -0,0 +1,738 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import GlobalStyles from '@mui/material/GlobalStyles';
+import {
+  EventHandlers,
+  isHostComponent,
+  TextareaAutosize,
+  unstable_composeClasses as composeClasses,
+  useSlotProps,
+  WithOptionalOwnerState,
+} from '@mui/base';
+import { useInput } from '@mui/base/useInput';
+import {
+  refType,
+  unstable_capitalize as capitalize,
+  unstable_useEnhancedEffect as useEnhancedEffect,
+} from '@mui/utils';
+import { OverridableComponent } from '@mui/types';
+// import formControlState from '@mui/material/FormControl/formControlState';
+import FormControlContext from '@mui/material/FormControl/FormControlContext';
+import useFormControl from '@mui/material/FormControl/useFormControl';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import { isFilled } from './utils';
+import {
+  InputBaseInputSlotProps,
+  InputBaseOwnerState,
+  InputBaseProps,
+  InputBaseRootSlotProps,
+  InputBaseTypeMap,
+} from './InputBase.types';
+import inputBaseClasses, { getInputBaseUtilityClass } from './inputBaseClasses';
+
+const useUtilityClasses = (ownerState: InputBaseOwnerState) => {
+  const {
+    classes,
+    color = 'primary',
+    disabled,
+    error,
+    endAdornment,
+    focused,
+    formControl,
+    fullWidth,
+    hiddenLabel,
+    multiline,
+    readOnly,
+    size,
+    startAdornment,
+    type,
+  } = ownerState;
+  const slots = {
+    root: [
+      'root',
+      `color${capitalize(color)}`,
+      disabled && 'disabled',
+      error && 'error',
+      fullWidth && 'fullWidth',
+      focused && 'focused',
+      formControl && 'formControl',
+      size === 'small' && 'sizeSmall',
+      multiline && 'multiline',
+      Boolean(startAdornment) && 'adornedStart',
+      Boolean(endAdornment) && 'adornedEnd',
+      hiddenLabel && 'hiddenLabel',
+      readOnly && 'readOnly',
+    ],
+    input: [
+      'input',
+      disabled && 'disabled',
+      type === 'search' && 'inputTypeSearch',
+      multiline && 'inputMultiline',
+      size === 'small' && 'inputSizeSmall',
+      hiddenLabel && 'inputHiddenLabel',
+      Boolean(startAdornment) && 'inputAdornedStart',
+      Boolean(endAdornment) && 'inputAdornedEnd',
+      readOnly && 'readOnly',
+    ],
+  };
+
+  return composeClasses(slots, getInputBaseUtilityClass, classes);
+};
+
+export const InputBaseRoot = styled('div', {
+  name: 'MuiInputBase',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const { ownerState } = props;
+
+    return [
+      styles.root,
+      ownerState.formControl && styles.formControl,
+      ownerState.startAdornment && styles.adornedStart,
+      ownerState.endAdornment && styles.adornedEnd,
+      ownerState.error && styles.error,
+      ownerState.size === 'small' && styles.sizeSmall,
+      ownerState.multiline && styles.multiline,
+      ownerState.color && styles[`color${capitalize(ownerState.color)}`],
+      ownerState.fullWidth && styles.fullWidth,
+      ownerState.hiddenLabel && styles.hiddenLabel,
+    ];
+  },
+})<{ ownerState: InputBaseOwnerState }>(({ theme, ownerState }) => {
+  const { vars: tokens } = theme;
+
+  return {
+    fontFamily: tokens.sys.typescale.body[ownerState.size || 'medium'].family,
+    fontWeight: tokens.sys.typescale.body[ownerState.size || 'medium'].weight,
+    letterSpacing: tokens.sys.typescale.body[ownerState.size || 'medium'].tracking,
+    color: tokens.palette.text.primary,
+    lineHeight: '1.4375em', // 23px
+    boxSizing: 'border-box', // Prevent padding issue with fullWidth.
+    position: 'relative',
+    cursor: 'text',
+    display: 'inline-flex',
+    alignItems: 'center',
+    [`&.${inputBaseClasses.disabled}`]: {
+      color: tokens.palette.text.disabled,
+      cursor: 'default',
+    },
+    ...(ownerState.multiline && {
+      padding: '4px 0 5px',
+      ...(ownerState.size === 'small' && {
+        paddingTop: 1,
+      }),
+    }),
+    ...(ownerState.fullWidth && {
+      width: '100%',
+    }),
+  };
+});
+
+export const InputBaseInput = styled('input', {
+  name: 'MuiInputBase',
+  slot: 'Input',
+  overridesResolver: (props, styles) => {
+    const { ownerState } = props;
+
+    return [
+      styles.input,
+      ownerState.size === 'small' && styles.inputSizeSmall,
+      ownerState.multiline && styles.inputMultiline,
+      ownerState.type === 'search' && styles.inputTypeSearch,
+      ownerState.startAdornment && styles.inputAdornedStart,
+      ownerState.endAdornment && styles.inputAdornedEnd,
+      ownerState.hiddenLabel && styles.inputHiddenLabel,
+    ];
+  },
+})<{ ownerState: InputBaseOwnerState }>(({ theme, ownerState }) => {
+  const { vars: tokens } = theme;
+
+  const placeholder = {
+    color: 'currentColor',
+    opacity: tokens.opacity.inputPlaceholder,
+    transition: theme.transitions.create('opacity', {
+      duration: theme.transitions.duration.shorter,
+    }),
+  };
+
+  const placeholderHidden = {
+    opacity: '0 !important',
+  };
+
+  const placeholderVisible = {
+    opacity: tokens.opacity.inputPlaceholder,
+  };
+
+  return {
+    font: 'inherit',
+    letterSpacing: 'inherit',
+    color: 'currentColor',
+    padding: '4px 0 5px',
+    border: 0,
+    boxSizing: 'content-box',
+    background: 'none',
+    height: '1.4375em', // Reset 23pxthe native input line-height
+    margin: 0, // Reset for Safari
+    WebkitTapHighlightColor: 'transparent',
+    display: 'block',
+    // Make the flex item shrink with Firefox
+    minWidth: 0,
+    width: '100%', // Fix IE11 width issue
+    animationName: 'mui-auto-fill-cancel',
+    animationDuration: '10ms',
+    '&::-webkit-input-placeholder': placeholder,
+    '&::-moz-placeholder': placeholder, // Firefox 19+
+    '&:-ms-input-placeholder': placeholder, // IE11
+    '&::-ms-input-placeholder': placeholder, // Edge
+    '&:focus': {
+      outline: 0,
+    },
+    // Reset Firefox invalid required input style
+    '&:invalid': {
+      boxShadow: 'none',
+    },
+    '&::-webkit-search-decoration': {
+      // Remove the padding when type=search.
+      WebkitAppearance: 'none',
+    },
+    // Show and hide the placeholder logic
+    [`label[data-shrink=false] + .${inputBaseClasses.formControl} &`]: {
+      '&::-webkit-input-placeholder': placeholderHidden,
+      '&::-moz-placeholder': placeholderHidden, // Firefox 19+
+      '&:-ms-input-placeholder': placeholderHidden, // IE11
+      '&::-ms-input-placeholder': placeholderHidden, // Edge
+      '&:focus::-webkit-input-placeholder': placeholderVisible,
+      '&:focus::-moz-placeholder': placeholderVisible, // Firefox 19+
+      '&:focus:-ms-input-placeholder': placeholderVisible, // IE11
+      '&:focus::-ms-input-placeholder': placeholderVisible, // Edge
+    },
+    [`&.${inputBaseClasses.disabled}`]: {
+      opacity: 1, // Reset iOS opacity
+      WebkitTextFillColor: tokens.palette.text.disabled, // Fix opacity Safari bug
+    },
+    '&:-webkit-autofill': {
+      animationDuration: '5000s',
+      animationName: 'mui-auto-fill',
+    },
+    ...(ownerState.size === 'small' && {
+      paddingTop: 1,
+    }),
+    ...(ownerState.multiline && {
+      height: 'auto',
+      resize: 'none',
+      padding: 0,
+      paddingTop: 0,
+    }),
+    ...(ownerState.type === 'search' && {
+      // Improve type search style.
+      MozAppearance: 'textfield',
+    }),
+  };
+});
+
+const inputGlobalStyles = (
+  <GlobalStyles
+    styles={{
+      '@keyframes mui-auto-fill': { from: { display: 'block' } },
+      '@keyframes mui-auto-fill-cancel': { from: { display: 'block' } },
+    }}
+  />
+);
+
+/**
+ * `InputBase` contains as few styles as possible.
+ * It aims to be a simple building block for creating an input.
+ * It contains a load of style reset and some state logic.
+ */
+const InputBase = React.forwardRef(function InputBase<
+  BaseComponentType extends React.ElementType = InputBaseTypeMap['defaultComponent'],
+>(inProps: InputBaseProps<BaseComponentType>, forwardedRef: React.ForwardedRef<any>) {
+  const props = useThemeProps({ props: inProps, name: 'MuiInputBase' });
+  const {
+    'aria-describedby': ariaDescribedby,
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledby,
+    autoComplete,
+    autoFocus,
+    className,
+    color: colorProp,
+    defaultValue,
+    disabled: disabledProp,
+    disableInjectingGlobalStyles,
+    endAdornment,
+    error,
+    fullWidth = false,
+    id,
+    inputRef: inputRefProp,
+    margin,
+    maxRows,
+    minRows,
+    multiline = false,
+    name,
+    onBlur,
+    onChange,
+    onClick,
+    onFocus,
+    onKeyDown,
+    onKeyUp,
+    placeholder,
+    readOnly,
+    renderSuffix,
+    required,
+    rows,
+    size: sizeProp,
+    slotProps = {},
+    slots = {},
+    startAdornment,
+    type = 'text',
+    value,
+    ...other
+  } = props;
+
+  const { current: isControlled } = React.useRef(value != null);
+
+  // TODO: integrate material-next/FormControl
+  const muiFormControl = useFormControl();
+
+  /*
+  if (process.env.NODE_ENV !== 'production') {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    React.useEffect(() => {
+      if (muiFormControl) {
+        return muiFormControl.registerEffect();
+      }
+       return undefined;
+    }, [muiFormControl]);
+  }
+    const fcs = formControlState({
+    props,
+    muiFormControl,
+    states: ['color', 'disabled', 'error', 'hiddenLabel', 'size', 'required', 'filled'],
+  });
+   fcs.focused = muiFormControl ? muiFormControl.focused : focused;
+  */
+
+  const onFilled = muiFormControl && muiFormControl.onFilled;
+  const onEmpty = muiFormControl && muiFormControl.onEmpty;
+
+  // TODO: needs material-next/FormControl & material-next/Outlined|FilledInput
+  const checkDirty = React.useCallback(
+    (obj: any) => {
+      if (isFilled(obj)) {
+        if (onFilled) {
+          onFilled();
+        }
+      } else if (onEmpty) {
+        onEmpty();
+      }
+    },
+    [onFilled, onEmpty],
+  );
+
+  useEnhancedEffect(() => {
+    if (isControlled) {
+      checkDirty({ value });
+    }
+  }, [value, checkDirty, isControlled]);
+
+  const handleFocus = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {
+    if (onFocus) {
+      onFocus(event);
+    }
+
+    // if (muiFormControl && muiFormControl.onFocus) {
+    //   muiFormControl.onFocus(event);
+    // }
+  };
+
+  const handleBlur = (event?: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {
+    if (onBlur) {
+      onBlur(event);
+    }
+
+    // if (muiFormControl && muiFormControl.onBlur) {
+    //   muiFormControl.onBlur(event);
+    // }
+  };
+
+  const handleChange = (
+    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
+    ...args: any[]
+  ) => {
+    if (!isControlled && event.target != null) {
+      checkDirty({
+        value: event.target.value,
+      });
+    }
+
+    // Perform in the willUpdate
+    if (onChange) {
+      // @ts-ignore
+      onChange(event, ...args);
+    }
+  };
+
+  const handleClick = (event: React.PointerEvent) => {
+    if (onClick /* && !fcs.disabled */) {
+      onClick(event);
+    }
+  };
+
+  React.useEffect(() => {
+    if (muiFormControl) {
+      muiFormControl.setAdornedStart(Boolean(startAdornment));
+    }
+  }, [muiFormControl, startAdornment]);
+
+  const {
+    getRootProps,
+    getInputProps,
+    focused: focusedState,
+    // TODO: what if this `formControlContext` is completely ignored and the component uses a completely separate one similar to Joy
+    // formControlContext,
+    error: errorState,
+    disabled: disabledState,
+    inputRef,
+  } = useInput({
+    disabled: disabledProp,
+    defaultValue,
+    error,
+    onBlur: handleBlur,
+    onClick: handleClick,
+    onChange: handleChange,
+    onFocus: handleFocus,
+    required,
+    value,
+    inputRef: inputRefProp,
+  });
+
+  // TODO: integrate ownerState properties with material-next/FormControl: color, disabled, error, focused, hiddenLabel, size
+  const ownerState = {
+    ...props,
+    color: colorProp || 'primary',
+    disabled: disabledState,
+    endAdornment,
+    error: errorState,
+    focused: focusedState,
+    formControl: muiFormControl,
+    fullWidth,
+    hiddenLabel: false, // TODO: material-next/FormControl integration
+    multiline,
+    size: sizeProp,
+    startAdornment,
+    type,
+  };
+
+  const classes = useUtilityClasses(ownerState);
+
+  const propsToForwardToInputSlot = {
+    'aria-describedby': ariaDescribedby,
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledby,
+    autoComplete,
+    autoFocus,
+    id,
+    onKeyDown,
+    onKeyUp,
+    name,
+    placeholder,
+    readOnly,
+    type,
+  };
+
+  const Root = slots.root || InputBaseRoot;
+  const rootProps: WithOptionalOwnerState<InputBaseRootSlotProps> = useSlotProps({
+    elementType: Root,
+    getSlotProps: getRootProps,
+    externalSlotProps: slotProps.root,
+    externalForwardedProps: other,
+    additionalProps: {
+      ref: forwardedRef,
+    },
+    ownerState,
+    className: [classes.root, className],
+  });
+
+  const InputComponent = multiline
+    ? slots.textarea ?? TextareaAutosize
+    : slots.input ?? InputBaseInput;
+
+  const inputProps: WithOptionalOwnerState<InputBaseInputSlotProps> = useSlotProps({
+    // TextareaAutosize doesn't support ownerState, we manually change the
+    // elementType so ownerState is excluded from the return value (this doesn't
+    // affect other returned props)
+    elementType: InputComponent === TextareaAutosize ? 'textarea' : InputComponent,
+    getSlotProps: (otherHandlers: EventHandlers) => {
+      return getInputProps({
+        ...propsToForwardToInputSlot,
+        ...otherHandlers,
+      });
+    },
+    externalSlotProps: slotProps.input,
+    additionalProps: {
+      rows: multiline ? rows : undefined,
+      ...(multiline &&
+        !isHostComponent(InputComponent) && {
+          minRows: rows || minRows,
+          maxRows: rows || maxRows,
+        }),
+    },
+    ownerState,
+    className: classes.input,
+  });
+
+  if (process.env.NODE_ENV !== 'production') {
+    if (multiline) {
+      if (rows) {
+        if (minRows || maxRows) {
+          console.warn(
+            'MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set.',
+          );
+        }
+      }
+    }
+  }
+
+  const handleAutoFill = (event: React.AnimationEvent) => {
+    // Provide a fake value as Chrome might not let you access it for security reasons.
+    checkDirty(event.animationName === 'mui-auto-fill-cancel' ? inputRef : { value: 'x' });
+  };
+
+  // Check the input state on mount, in case it was filled by the user
+  // or auto filled by the browser before the hydration (for SSR).
+  React.useEffect(() => {
+    checkDirty(inputRef);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <React.Fragment>
+      {!disableInjectingGlobalStyles && inputGlobalStyles}
+      <Root {...rootProps}>
+        {startAdornment}
+        <FormControlContext.Provider value={undefined}>
+          <InputComponent onAnimationStart={handleAutoFill} rows={rows} {...inputProps} />
+        </FormControlContext.Provider>
+        {endAdornment}
+        {renderSuffix
+          ? renderSuffix({
+              // ...fcs,
+              startAdornment,
+            })
+          : null}
+      </Root>
+    </React.Fragment>
+  );
+}) as OverridableComponent<InputBaseTypeMap>;
+
+InputBase.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * @ignore
+   */
+  'aria-describedby': PropTypes.string,
+  /**
+   * Defines a string value that labels the current element.
+   * @see aria-labelledby.
+   */
+  'aria-label': PropTypes.string,
+  /**
+   * Identifies the element (or elements) that labels the current element.
+   * @see aria-describedby.
+   */
+  'aria-labelledby': PropTypes.string,
+  /**
+   * This prop helps users to fill forms faster, especially on mobile devices.
+   * The name can be confusing, as it's more like an autofill.
+   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+   */
+  autoComplete: PropTypes.string,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: PropTypes.bool,
+  /**
+   * @ignore
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
+   */
+  color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: PropTypes.any,
+  /**
+   * If `true`, the component is disabled.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  disabled: PropTypes.bool,
+  /**
+   * If `true`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application.
+   * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.
+   * @default false
+   */
+  disableInjectingGlobalStyles: PropTypes.bool,
+  /**
+   * End `InputAdornment` for this component.
+   */
+  endAdornment: PropTypes.node,
+  /**
+   * If `true`, the `input` will indicate an error.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  error: PropTypes.bool,
+  /**
+   * If `true`, the `input` will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: PropTypes.bool,
+  /**
+   * The id of the `input` element.
+   */
+  id: PropTypes.string,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: refType,
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
+   */
+  margin: PropTypes.oneOf(['dense', 'none']),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: PropTypes.number,
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: PropTypes.number,
+  /**
+   * If `true`, a `textarea` element is rendered.
+   * @default false
+   */
+  multiline: PropTypes.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: PropTypes.string,
+  /**
+   * Callback fired when the `input` is blurred.
+   *
+   * Notice that the first argument (event) might be undefined.
+   */
+  onBlur: PropTypes.func,
+  /**
+   * Callback fired when the value is changed.
+   *
+   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange: PropTypes.func,
+  /**
+   * @ignore
+   */
+  onClick: PropTypes.func,
+  /**
+   * @ignore
+   */
+  onFocus: PropTypes.func,
+  /**
+   * Callback fired when the `input` doesn't satisfy its constraints.
+   */
+  onInvalid: PropTypes.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: PropTypes.func,
+  /**
+   * @ignore
+   */
+  onKeyUp: PropTypes.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: PropTypes.string,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: PropTypes.bool,
+  /**
+   * @ignore
+   */
+  renderSuffix: PropTypes.func,
+  /**
+   * If `true`, the `input` element is required.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  required: PropTypes.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: PropTypes.number,
+  /**
+   * The size of the component.
+   */
+  size: PropTypes.oneOf(['small', 'medium']),
+  /**
+   * The props used for each slot inside the Input.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  }),
+  /**
+   * The components used for each slot inside the InputBase.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    input: PropTypes.elementType,
+    root: PropTypes.elementType,
+    textarea: PropTypes.elementType,
+  }),
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: PropTypes.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
+    PropTypes.func,
+    PropTypes.object,
+  ]),
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * @default 'text'
+   */
+  type: PropTypes.string,
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: PropTypes.any,
+} as any;
+
+export default InputBase;
diff --git a/packages/mui-material-next/src/InputBase/InputBase.types.ts b/packages/mui-material-next/src/InputBase/InputBase.types.ts
new file mode 100644
index 00000000000000..50880175c1e740
--- /dev/null
+++ b/packages/mui-material-next/src/InputBase/InputBase.types.ts
@@ -0,0 +1,302 @@
+import * as React from 'react';
+import { SlotComponentProps } from '@mui/base';
+import { FormControlState } from '@mui/material/FormControl';
+import { UseInputRootSlotProps } from '@mui/base/useInput';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion, OverrideProps, Simplify } from '@mui/types';
+import { Theme } from '../styles';
+import { InputBaseClasses } from './inputBaseClasses';
+
+export interface InputBasePropsSizeOverrides {}
+export interface InputBasePropsColorOverrides {}
+export interface InputBaseRootSlotPropsOverrides {}
+export interface InputBaseInputSlotPropsOverrides {}
+
+export interface SingleLineInputProps {
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows?: undefined;
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows?: undefined;
+  /**
+   * If `true`, a `textarea` element is rendered.
+   * @default false
+   */
+  multiline?: false;
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows?: undefined;
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * @default 'text'
+   */
+  type?: React.HTMLInputTypeAttribute;
+}
+
+export interface MultiLineInputProps {
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows?: number;
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows?: number;
+  /**
+   * If `true`, a `textarea` element is rendered.
+   * @default false
+   */
+  multiline: true;
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows?: number;
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * @default 'text'
+   */
+  type?: undefined;
+}
+
+export type InputBaseOwnProps = (SingleLineInputProps | MultiLineInputProps) & {
+  'aria-describedby'?: string;
+  /**
+   * This prop helps users to fill forms faster, especially on mobile devices.
+   * The name can be confusing, as it's more like an autofill.
+   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+   */
+  autoComplete?: string;
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus?: boolean;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<InputBaseClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
+   */
+  color?: OverridableStringUnion<
+    'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
+    InputBasePropsColorOverrides
+  >;
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue?: unknown;
+  /**
+   * If `true`, the component is disabled.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application.
+   * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.
+   * @default false
+   */
+  disableInjectingGlobalStyles?: boolean;
+  /**
+   * End `InputAdornment` for this component.
+   */
+  endAdornment?: React.ReactNode;
+  /**
+   * If `true`, the `input` will indicate an error.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  error?: boolean;
+  /**
+   * If `true`, the `input` will take up the full width of its container.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * The id of the `input` element.
+   */
+  id?: string;
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef?: React.Ref<any>;
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
+   */
+  margin?: 'dense' | 'none';
+  /**
+   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
+   * @default false
+   */
+  multiline?: boolean;
+  /**
+   * Name attribute of the `input` element.
+   */
+  name?: string;
+  /**
+   * Callback fired when the `input` is blurred.
+   *
+   * Notice that the first argument (event) might be undefined.
+   */
+  onBlur?: (event?: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+  /**
+   * Callback fired when the value is changed.
+   *
+   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+  onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  onKeyUp?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  /**
+   * Callback fired when the `input` doesn't satisfy its constraints.
+   */
+  onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder?: string;
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly?: boolean;
+  /**
+   * If `true`, the `input` element is required.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  required?: boolean;
+  renderSuffix?: (state: {
+    disabled?: boolean;
+    error?: boolean;
+    filled?: boolean;
+    focused?: boolean;
+    margin?: 'dense' | 'none' | 'normal';
+    required?: boolean;
+    startAdornment?: React.ReactNode;
+  }) => React.ReactNode;
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows?: string | number;
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows?: string | number;
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows?: string | number;
+  /**
+   * The size of the component.
+   */
+  size?: OverridableStringUnion<'small' | 'medium', InputBasePropsSizeOverrides>;
+  /**
+   * The props used for each slot inside the Input.
+   * @default {}
+   */
+  slotProps?: {
+    root?: SlotComponentProps<'div', InputBaseRootSlotPropsOverrides, InputBaseOwnerState>;
+    input?: SlotComponentProps<'input', InputBaseInputSlotPropsOverrides, InputBaseOwnerState>;
+  };
+  /**
+   * The components used for each slot inside the InputBase.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots?: InputBaseSlots;
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * @default 'text'
+   */
+  type?: string;
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value?: unknown;
+};
+
+export interface InputBaseSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+  /**
+   * The component that renders the input.
+   * @default 'input'
+   */
+  input?: React.ElementType;
+  /**
+   * The component that renders the textarea.
+   * @default 'textarea'
+   */
+  textarea?: React.ElementType;
+}
+
+export interface InputBaseTypeMap<
+  AdditionalProps = {},
+  RootComponentType extends React.ElementType = 'div',
+> {
+  props: InputBaseOwnProps & AdditionalProps;
+  defaultComponent: RootComponentType;
+}
+
+export type InputBaseProps<
+  RootComponentType extends React.ElementType = InputBaseTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<InputBaseTypeMap<AdditionalProps, RootComponentType>, RootComponentType>;
+
+export type InputBaseOwnerState = Simplify<
+  InputBaseOwnProps & {
+    formControl: FormControlState | undefined;
+    hiddenLabel?: boolean;
+    focused: boolean;
+    type: React.InputHTMLAttributes<HTMLInputElement>['type'] | undefined;
+  }
+>;
+
+export type InputBaseRootSlotProps = Simplify<
+  UseInputRootSlotProps & {
+    ownerState: InputBaseOwnerState;
+    className?: string;
+    children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
+  }
+>;
+
+export type InputBaseInputSlotProps = Simplify<
+  Omit<UseInputRootSlotProps, 'onClick'> & {
+    'aria-describedby': React.AriaAttributes['aria-describedby'];
+    'aria-label': React.AriaAttributes['aria-label'];
+    'aria-labelledby': React.AriaAttributes['aria-labelledby'];
+    autoComplete: string | undefined;
+    autoFocus: boolean | undefined;
+    className?: string;
+    id: string | undefined;
+    name: string | undefined;
+    onKeyDown: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUp: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    ownerState: InputBaseOwnerState;
+    placeholder: string | undefined;
+    readOnly: boolean | undefined;
+    ref: React.Ref<HTMLInputElement>;
+    type: React.HTMLInputTypeAttribute | undefined;
+  }
+>;
diff --git a/packages/mui-material-next/src/InputBase/index.d.ts b/packages/mui-material-next/src/InputBase/index.d.ts
new file mode 100644
index 00000000000000..b000508c465fb1
--- /dev/null
+++ b/packages/mui-material-next/src/InputBase/index.d.ts
@@ -0,0 +1,5 @@
+export { default } from './InputBase';
+export * from './InputBase';
+
+export { default as inputBaseClasses } from './inputBaseClasses';
+export * from './inputBaseClasses';
diff --git a/packages/mui-material-next/src/InputBase/index.js b/packages/mui-material-next/src/InputBase/index.js
new file mode 100644
index 00000000000000..305647eb07d08b
--- /dev/null
+++ b/packages/mui-material-next/src/InputBase/index.js
@@ -0,0 +1,5 @@
+'use client';
+export { default } from './InputBase';
+
+export { default as inputBaseClasses } from './inputBaseClasses';
+export * from './inputBaseClasses';
diff --git a/packages/mui-material-next/src/InputBase/inputBaseClasses.ts b/packages/mui-material-next/src/InputBase/inputBaseClasses.ts
new file mode 100644
index 00000000000000..6db998b77449e5
--- /dev/null
+++ b/packages/mui-material-next/src/InputBase/inputBaseClasses.ts
@@ -0,0 +1,78 @@
+import {
+  unstable_generateUtilityClass as generateUtilityClass,
+  unstable_generateUtilityClasses as generateUtilityClasses,
+} from '@mui/utils';
+
+export interface InputBaseClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if the component is a descendant of `FormControl`. */
+  formControl: string;
+  /** Styles applied to the root element if the component is focused. */
+  focused: string;
+  /** Styles applied to the root element if `disabled={true}`. */
+  disabled: string;
+  /** Styles applied to the root element if `startAdornment` is provided. */
+  adornedStart: string;
+  /** Styles applied to the root element if `endAdornment` is provided. */
+  adornedEnd: string;
+  /** State class applied to the root element if `error={true}`. */
+  error: string;
+  /** Styles applied to the input element if `size="small"`. */
+  sizeSmall: string;
+  /** Styles applied to the root element if `multiline={true}`. */
+  multiline: string;
+  /** Styles applied to the root element if the color is secondary. */
+  colorSecondary: string;
+  /** Styles applied to the root element if `fullWidth={true}`. */
+  fullWidth: string;
+  /** Styles applied to the root element if `hiddenLabel={true}`. */
+  hiddenLabel: string;
+  /** State class applied to the root element if `readOnly={true}`. */
+  readOnly: string;
+  /** Styles applied to the input element. */
+  input: string;
+  /** Styles applied to the input element if `size="small"`. */
+  inputSizeSmall: string;
+  /** Styles applied to the input element if `multiline={true}`. */
+  inputMultiline: string;
+  /** Styles applied to the input element if `type="search"`. */
+  inputTypeSearch: string;
+  /** Styles applied to the input element if `startAdornment` is provided. */
+  inputAdornedStart: string;
+  /** Styles applied to the input element if `endAdornment` is provided. */
+  inputAdornedEnd: string;
+  /** Styles applied to the input element if `hiddenLabel={true}`. */
+  inputHiddenLabel: string;
+}
+
+export type InputBaseClassKey = keyof InputBaseClasses;
+
+export function getInputBaseUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiInputBase', slot);
+}
+
+const inputBaseClasses: InputBaseClasses = generateUtilityClasses('MuiInputBase', [
+  'root',
+  'formControl',
+  'focused',
+  'disabled',
+  'adornedStart',
+  'adornedEnd',
+  'error',
+  'sizeSmall',
+  'multiline',
+  'colorSecondary',
+  'fullWidth',
+  'hiddenLabel',
+  'readOnly',
+  'input',
+  'inputSizeSmall',
+  'inputMultiline',
+  'inputTypeSearch',
+  'inputAdornedStart',
+  'inputAdornedEnd',
+  'inputHiddenLabel',
+]);
+
+export default inputBaseClasses;
diff --git a/packages/mui-material-next/src/InputBase/utils.test.js b/packages/mui-material-next/src/InputBase/utils.test.js
new file mode 100644
index 00000000000000..6d1161118fd59a
--- /dev/null
+++ b/packages/mui-material-next/src/InputBase/utils.test.js
@@ -0,0 +1,39 @@
+import { expect } from 'chai';
+import { hasValue, isFilled } from './utils';
+
+describe('Input/utils.js', () => {
+  describe('hasValue', () => {
+    ['', 0].forEach((value) => {
+      it(`is true for ${value}`, () => {
+        expect(hasValue(value)).to.equal(true);
+      });
+    });
+
+    [null, undefined].forEach((value) => {
+      it(`is false for ${value}`, () => {
+        expect(hasValue(value)).to.equal(false);
+      });
+    });
+  });
+
+  describe('isFilled', () => {
+    [' ', 0].forEach((value) => {
+      it(`is true for value ${value}`, () => {
+        expect(isFilled({ value })).to.equal(true);
+      });
+
+      it(`is true for SSR defaultValue ${value}`, () => {
+        expect(isFilled({ defaultValue: value }, true)).to.equal(true);
+      });
+    });
+    [null, undefined, ''].forEach((value) => {
+      it(`is false for value ${value}`, () => {
+        expect(isFilled({ value })).to.equal(false);
+      });
+
+      it(`is false for SSR defaultValue ${value}`, () => {
+        expect(isFilled({ defaultValue: value }, true)).to.equal(false);
+      });
+    });
+  });
+});
diff --git a/packages/mui-material-next/src/InputBase/utils.ts b/packages/mui-material-next/src/InputBase/utils.ts
new file mode 100644
index 00000000000000..c1d4568c218a25
--- /dev/null
+++ b/packages/mui-material-next/src/InputBase/utils.ts
@@ -0,0 +1,36 @@
+// Supports determination of isControlled().
+// Controlled input accepts its current value as a prop.
+//
+// @see https://facebook.github.io/react/docs/forms.html#controlled-components
+// @param value
+// @returns {boolean} true if string (including '') or number (including zero)
+
+export function hasValue(value: string | any[] | null | undefined) {
+  return value != null && !(Array.isArray(value) && value.length === 0);
+}
+
+// Determine if field is empty or filled.
+// Response determines if label is presented above field or as placeholder.
+//
+// @param obj
+// @param SSR
+// @returns {boolean} False when not present or empty string.
+//                    True when any number or string with length.
+export function isFilled(obj: any, SSR = false) {
+  return (
+    obj &&
+    ((hasValue(obj.value) && obj.value !== '') ||
+      (SSR && hasValue(obj.defaultValue) && obj.defaultValue !== ''))
+  );
+}
+
+// Determine if an Input is adorned on start.
+// It's corresponding to the left with LTR.
+//
+// @param obj
+// @returns {boolean} False when no adornments.
+//                    True when adorned at the start.
+export function isAdornedStart(obj: any) {
+  // TODO: integrate with form control
+  return obj.startAdornment;
+}
diff --git a/packages/mui-material-next/src/Slider/Slider.test.js b/packages/mui-material-next/src/Slider/Slider.test.js
index 2dd6de50c8a409..da7dc8d96917b4 100644
--- a/packages/mui-material-next/src/Slider/Slider.test.js
+++ b/packages/mui-material-next/src/Slider/Slider.test.js
@@ -2,7 +2,13 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { spy, stub } from 'sinon';
 import { expect } from 'chai';
-import { describeConformance, act, createRenderer, fireEvent, screen } from 'test/utils';
+import {
+  describeConformance,
+  act,
+  createRenderer,
+  fireEvent,
+  screen,
+} from '@mui-internal/test-utils';
 import { Slider as BaseSlider } from '@mui/base/Slider';
 import { CssVarsProvider, extendTheme } from '@mui/material-next/styles';
 import Slider, { sliderClasses as classes } from '@mui/material-next/Slider';
diff --git a/packages/mui-material-next/src/Slider/Slider.tsx b/packages/mui-material-next/src/Slider/Slider.tsx
index fb223045d4f321..edf51d8a6bbfb5 100644
--- a/packages/mui-material-next/src/Slider/Slider.tsx
+++ b/packages/mui-material-next/src/Slider/Slider.tsx
@@ -23,7 +23,7 @@ function Identity<Type>(x: Type): Type {
   return x;
 }
 
-const SliderRoot = styled('span', {
+export const SliderRoot = styled('span', {
   name: 'MuiSlider',
   slot: 'Root',
   overridesResolver: (props, styles) => {
@@ -95,21 +95,7 @@ const SliderRoot = styled('span', {
     },
   };
 });
-
-SliderRoot.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-} as any;
-
-export { SliderRoot };
-
-const SliderRail = styled('span', {
+export const SliderRail = styled('span', {
   name: 'MuiSlider',
   slot: 'Rail',
   overridesResolver: (props, styles) => styles.rail,
@@ -136,20 +122,7 @@ const SliderRail = styled('span', {
   }),
 }));
 
-SliderRail.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-} as any;
-
-export { SliderRail };
-
-const SliderTrack = styled('span', {
+export const SliderTrack = styled('span', {
   name: 'MuiSlider',
   slot: 'Track',
   overridesResolver: (props, styles) => styles.track,
@@ -184,20 +157,7 @@ const SliderTrack = styled('span', {
   };
 });
 
-SliderTrack.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-} as any;
-
-export { SliderTrack };
-
-const SliderThumb = styled('span', {
+export const SliderThumb = styled('span', {
   name: 'MuiSlider',
   slot: 'Thumb',
   shouldForwardProp: (prop) => shouldForwardProp(prop) && prop !== 'isOverlapping',
@@ -285,20 +245,7 @@ const SliderThumb = styled('span', {
   };
 });
 
-SliderThumb.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-} as any;
-
-export { SliderThumb };
-
-const SliderValueLabel = styled('span', {
+export const SliderValueLabel = styled('span', {
   name: 'MuiSlider',
   slot: 'ValueLabel',
   shouldForwardProp: (prop) =>
@@ -382,20 +329,7 @@ const SliderValueLabel = styled('span', {
   };
 });
 
-SliderValueLabel.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.element,
-} as any;
-
-export { SliderValueLabel };
-
-const SliderMark = styled('span', {
+export const SliderMark = styled('span', {
   name: 'MuiSlider',
   slot: 'Mark',
   shouldForwardProp: (prop) => shouldForwardProp(prop) && prop !== 'markActive',
@@ -429,20 +363,7 @@ const SliderMark = styled('span', {
   }),
 );
 
-SliderMark.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-} as any;
-
-export { SliderMark };
-
-const SliderMarkLabel = styled('span', {
+export const SliderMarkLabel = styled('span', {
   name: 'MuiSlider',
   slot: 'MarkLabel',
   shouldForwardProp: (prop) => shouldForwardProp(prop) && prop !== 'markLabelActive',
@@ -481,19 +402,6 @@ const SliderMarkLabel = styled('span', {
   },
 );
 
-SliderMarkLabel.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-} as any;
-
-export { SliderMarkLabel };
-
 const useUtilityClasses = (ownerState: SliderOwnerState) => {
   const { disabled, dragging, marked, orientation, track, classes, color, size } = ownerState;
 
diff --git a/packages/mui-material-next/src/Tab/Tab.d.ts b/packages/mui-material-next/src/Tab/Tab.d.ts
index ccf533f72e1fe2..50dd2de45ddf01 100644
--- a/packages/mui-material-next/src/Tab/Tab.d.ts
+++ b/packages/mui-material-next/src/Tab/Tab.d.ts
@@ -5,59 +5,61 @@ import { ExtendButtonBase, ExtendButtonBaseTypeMap } from '@mui/material/ButtonB
 import { OverrideProps } from '@mui/material/OverridableComponent';
 import { TabClasses } from './tabClasses';
 
+export interface TabOwnProps {
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children?: null;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TabClasses>;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple?: boolean;
+  /**
+   * The icon to display.
+   */
+  icon?: string | React.ReactElement;
+  /**
+   * The position of the icon relative to the label.
+   * @default 'top'
+   */
+  iconPosition?: 'top' | 'bottom' | 'start' | 'end';
+  /**
+   * The label element.
+   */
+  label?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * You can provide your own value. Otherwise, we fallback to the child position index.
+   */
+  value?: any;
+  /**
+   * Tab labels appear in a single row.
+   * They can use a second line if needed.
+   * @default false
+   */
+  wrapped?: boolean;
+}
+
 export type TabTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * This prop isn't supported.
-     * Use the `component` prop if you need to change the children structure.
-     */
-    children?: null;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<TabClasses>;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the  keyboard focus ripple is disabled.
-     * @default false
-     */
-    disableFocusRipple?: boolean;
-    /**
-     * The icon to display.
-     */
-    icon?: string | React.ReactElement;
-    /**
-     * The position of the icon relative to the label.
-     * @default 'top'
-     */
-    iconPosition?: 'top' | 'bottom' | 'start' | 'end';
-    /**
-     * The label element.
-     */
-    label?: React.ReactNode;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * You can provide your own value. Otherwise, we fallback to the child position index.
-     */
-    value?: any;
-    /**
-     * Tab labels appear in a single row.
-     * They can use a second line if needed.
-     * @default false
-     */
-    wrapped?: boolean;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & TabOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material-next/src/Tab/Tab.test.js b/packages/mui-material-next/src/Tab/Tab.test.js
index 9aada780240f64..ac5fdb6e89c8e9 100644
--- a/packages/mui-material-next/src/Tab/Tab.test.js
+++ b/packages/mui-material-next/src/Tab/Tab.test.js
@@ -3,7 +3,7 @@ import Tab, { tabClasses as classes } from '@mui/material/Tab';
 import { expect } from 'chai';
 import * as React from 'react';
 import { spy } from 'sinon';
-import { act, createRenderer, describeConformance, fireEvent } from 'test/utils';
+import { act, createRenderer, describeConformance, fireEvent } from '@mui-internal/test-utils';
 
 describe('<Tab />', () => {
   const { render } = createRenderer();
diff --git a/packages/mui-material-next/src/TabScrollButton/TabScrollButton.test.js b/packages/mui-material-next/src/TabScrollButton/TabScrollButton.test.js
index 4b4834d442141e..ee5440fc203fd8 100644
--- a/packages/mui-material-next/src/TabScrollButton/TabScrollButton.test.js
+++ b/packages/mui-material-next/src/TabScrollButton/TabScrollButton.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import TabScrollButton, {
   tabScrollButtonClasses as classes,
 } from '@mui/material-next/TabScrollButton';
diff --git a/packages/mui-material-next/src/TablePagination/TablePagination.d.ts b/packages/mui-material-next/src/TablePagination/TablePagination.d.ts
index d86cbde6daa134..33c27a8c781729 100644
--- a/packages/mui-material-next/src/TablePagination/TablePagination.d.ts
+++ b/packages/mui-material-next/src/TablePagination/TablePagination.d.ts
@@ -38,116 +38,125 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
   showLastButton: boolean;
 }
 
-export interface TablePaginationTypeMap<
-  AdditionalProps,
-  DefaultComponent extends React.ElementType,
-> {
-  props: AdditionalProps &
-    TablePaginationBaseProps & {
-      /**
-       * The component used for displaying the actions.
-       * Either a string to use a HTML element or a component.
-       * @default TablePaginationActions
-       */
-      ActionsComponent?: React.ElementType<TablePaginationActionsProps>;
-      /**
-       * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) component.
-       */
-      backIconButtonProps?: Partial<IconButtonProps>;
-      /**
-       * Override or extend the styles applied to the component.
-       */
-      classes?: Partial<TablePaginationClasses>;
-      /**
-       * The total number of rows.
-       *
-       * To enable server side pagination for an unknown number of items, provide -1.
-       */
-      count: number;
-      /**
-       * Accepts a function which returns a string value that provides a user-friendly name for the current page.
-       * This is important for screen reader users.
-       *
-       * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
-       * @param {string} type The link or button type to format ('first' | 'last' | 'next' | 'previous').
-       * @returns {string}
-       * @default function defaultGetAriaLabel(type) {
-       *   return `Go to ${type} page`;
-       * }
-       */
-      getItemAriaLabel?: (type: 'first' | 'last' | 'next' | 'previous') => string;
-      /**
-       * Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
-       * object.
-       *
-       * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
-       * @default function defaultLabelDisplayedRows({ from, to, count }) {
-       *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-       * }
-       */
-      labelDisplayedRows?: (paginationInfo: LabelDisplayedRowsArgs) => React.ReactNode;
-      /**
-       * Customize the rows per page label.
-       *
-       * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
-       * @default 'Rows per page:'
-       */
-      labelRowsPerPage?: React.ReactNode;
-      /**
-       * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
-       */
-      nextIconButtonProps?: Partial<IconButtonProps>;
-      /**
-       * Callback fired when the page is changed.
-       *
-       * @param {React.MouseEvent<HTMLButtonElement> | null} event The event source of the callback.
-       * @param {number} page The page selected.
-       */
-      onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
-      /**
-       * Callback fired when the number of rows per page is changed.
-       *
-       * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
-       */
-      onRowsPerPageChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-      /**
-       * The zero-based index of the current page.
-       */
-      page: number;
-      /**
-       * The number of rows per page.
-       *
-       * Set -1 to display all the rows.
-       */
-      rowsPerPage: number;
-      /**
-       * Customizes the options of the rows per page select field. If less than two options are
-       * available, no select field will be displayed.
-       * Use -1 for the value with a custom label to show all the rows.
-       * @default [10, 25, 50, 100]
-       */
-      rowsPerPageOptions?: Array<number | { value: number; label: string }>;
-      /**
-       * Props applied to the rows per page [`Select`](/material-ui/api/select/) element.
-       * @default {}
-       */
-      SelectProps?: Partial<SelectProps>;
-      /**
-       * If `true`, show the first-page button.
-       * @default false
-       */
-      showFirstButton?: boolean;
-      /**
-       * If `true`, show the last-page button.
-       * @default false
-       */
-      showLastButton?: boolean;
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-    };
-  defaultComponent: DefaultComponent;
+/**
+ * This type is kept for compatibility. Use `TablePaginationOwnProps` instead.
+ */
+export type TablePaginationBaseProps = Omit<TableCellProps, 'classes' | 'component' | 'children'>;
+
+export interface TablePaginationOwnProps extends TablePaginationBaseProps {
+  /**
+   * The component used for displaying the actions.
+   * Either a string to use a HTML element or a component.
+   * @default TablePaginationActions
+   */
+  ActionsComponent?: React.ElementType<TablePaginationActionsProps>;
+  /**
+   * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) component.
+   */
+  backIconButtonProps?: Partial<IconButtonProps>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TablePaginationClasses>;
+  /**
+   * The total number of rows.
+   *
+   * To enable server side pagination for an unknown number of items, provide -1.
+   */
+  count: number;
+  /**
+   * Accepts a function which returns a string value that provides a user-friendly name for the current page.
+   * This is important for screen reader users.
+   *
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * @param {string} type The link or button type to format ('first' | 'last' | 'next' | 'previous').
+   * @returns {string}
+   * @default function defaultGetAriaLabel(type) {
+   *   return `Go to ${type} page`;
+   * }
+   */
+  getItemAriaLabel?: (type: 'first' | 'last' | 'next' | 'previous') => string;
+  /**
+   * Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
+   * object.
+   *
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * @default function defaultLabelDisplayedRows({ from, to, count }) {
+   *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+   * }
+   */
+  labelDisplayedRows?: (paginationInfo: LabelDisplayedRowsArgs) => React.ReactNode;
+  /**
+   * Customize the rows per page label.
+   *
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * @default 'Rows per page:'
+   */
+  labelRowsPerPage?: React.ReactNode;
+  /**
+   * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
+   */
+  nextIconButtonProps?: Partial<IconButtonProps>;
+  /**
+   * Callback fired when the page is changed.
+   *
+   * @param {React.MouseEvent<HTMLButtonElement> | null} event The event source of the callback.
+   * @param {number} page The page selected.
+   */
+  onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
+  /**
+   * Callback fired when the number of rows per page is changed.
+   *
+   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
+   */
+  onRowsPerPageChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+  /**
+   * The zero-based index of the current page.
+   */
+  page: number;
+  /**
+   * The number of rows per page.
+   *
+   * Set -1 to display all the rows.
+   */
+  rowsPerPage: number;
+  /**
+   * Customizes the options of the rows per page select field. If less than two options are
+   * available, no select field will be displayed.
+   * Use -1 for the value with a custom label to show all the rows.
+   * @default [10, 25, 50, 100]
+   */
+  rowsPerPageOptions?: Array<
+    | number
+    | {
+        value: number;
+        label: string;
+      }
+  >;
+  /**
+   * Props applied to the rows per page [`Select`](/material-ui/api/select/) element.
+   * @default {}
+   */
+  SelectProps?: Partial<SelectProps>;
+  /**
+   * If `true`, show the first-page button.
+   * @default false
+   */
+  showFirstButton?: boolean;
+  /**
+   * If `true`, show the last-page button.
+   * @default false
+   */
+  showLastButton?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+export interface TablePaginationTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
+  props: AdditionalProps & TablePaginationOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
@@ -166,8 +175,6 @@ declare const TablePagination: OverridableComponent<
   TablePaginationTypeMap<{}, React.JSXElementConstructor<TablePaginationBaseProps>>
 >;
 
-export type TablePaginationBaseProps = Omit<TableCellProps, 'classes' | 'component' | 'children'>;
-
 export type TablePaginationProps<
   RootComponent extends React.ElementType = React.JSXElementConstructor<TablePaginationBaseProps>,
   AdditionalProps = {},
diff --git a/packages/mui-material-next/src/TablePagination/TablePagination.test.js b/packages/mui-material-next/src/TablePagination/TablePagination.test.js
index e3052bb9bbe3ab..aaf143d62a87b5 100644
--- a/packages/mui-material-next/src/TablePagination/TablePagination.test.js
+++ b/packages/mui-material-next/src/TablePagination/TablePagination.test.js
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import PropTypes from 'prop-types';
-import { describeConformance, fireEvent, createRenderer } from 'test/utils';
+import { describeConformance, fireEvent, createRenderer } from '@mui-internal/test-utils';
 import TableFooter from '@mui/material/TableFooter';
 import TableCell from '@mui/material/TableCell';
 import TableRow from '@mui/material/TableRow';
diff --git a/packages/mui-material-next/src/Tabs/ScrollbarSize.test.js b/packages/mui-material-next/src/Tabs/ScrollbarSize.test.js
index 261a636223a50b..eb6e6899303525 100644
--- a/packages/mui-material-next/src/Tabs/ScrollbarSize.test.js
+++ b/packages/mui-material-next/src/Tabs/ScrollbarSize.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy, stub } from 'sinon';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import ScrollbarSize from './ScrollbarSize';
 
 describe('<ScrollbarSize />', () => {
diff --git a/packages/mui-material-next/src/Tabs/Tabs.d.ts b/packages/mui-material-next/src/Tabs/Tabs.d.ts
index 69c3457f219e51..66150dfa1be10e 100644
--- a/packages/mui-material-next/src/Tabs/Tabs.d.ts
+++ b/packages/mui-material-next/src/Tabs/Tabs.d.ts
@@ -6,130 +6,132 @@ import { OverridableComponent, OverrideProps } from '@mui/material/OverridableCo
 import { TabScrollButtonProps } from '../TabScrollButton';
 import { TabsClasses } from './tabsClasses';
 
+export interface TabsOwnProps {
+  /**
+   * Callback fired when the component mounts.
+   * This is useful when you want to trigger an action programmatically.
+   * It supports two actions: `updateIndicator()` and `updateScrollButtons()`
+   *
+   * @param {object} actions This object contains all possible actions
+   * that can be triggered programmatically.
+   */
+  action?: React.Ref<TabsActions>;
+  /**
+   * If `true`, the scroll buttons aren't forced hidden on mobile.
+   * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
+   * @default false
+   */
+  allowScrollButtonsMobile?: boolean;
+  /**
+   * The label for the Tabs as a string.
+   */
+  'aria-label'?: string;
+  /**
+   * An id or list of ids separated by a space that label the Tabs.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * If `true`, the tabs are centered.
+   * This prop is intended for large views.
+   * @default false
+   */
+  centered?: boolean;
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TabsClasses>;
+  /**
+   * Determines the color of the indicator.
+   * @default 'primary'
+   */
+  indicatorColor?: 'secondary' | 'primary';
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {any} value We default to the index of the child (number)
+   */
+  onChange?: (event: React.SyntheticEvent, value: any) => void;
+  /**
+   * The component orientation (layout flow direction).
+   * @default 'horizontal'
+   */
+  orientation?: 'horizontal' | 'vertical';
+  /**
+   * The component used to render the scroll buttons.
+   * @default TabScrollButton
+   */
+  ScrollButtonComponent?: React.ElementType;
+  /**
+   * Determine behavior of scroll buttons when tabs are set to scroll:
+   *
+   * - `auto` will only present them when not all the items are visible.
+   * - `true` will always present them.
+   * - `false` will never present them.
+   *
+   * By default the scroll buttons are hidden on mobile.
+   * This behavior can be disabled with `allowScrollButtonsMobile`.
+   * @default 'auto'
+   */
+  scrollButtons?: 'auto' | true | false;
+  /**
+   * If `true` the selected tab changes on focus. Otherwise it only
+   * changes on activation.
+   */
+  selectionFollowsFocus?: boolean;
+  /**
+   * Props applied to the tab indicator element.
+   * @default  {}
+   */
+  TabIndicatorProps?: React.HTMLAttributes<HTMLDivElement>;
+  /**
+   * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
+   * @default {}
+   */
+  TabScrollButtonProps?: Partial<TabScrollButtonProps>;
+  /**
+   * Determines the color of the `Tab`.
+   * @default 'primary'
+   */
+  textColor?: 'secondary' | 'primary' | 'inherit';
+  /**
+   * The value of the currently selected `Tab`.
+   * If you don't want any selected `Tab`, you can set this prop to `false`.
+   */
+  value?: any;
+  /**
+   *  Determines additional display behavior of the tabs:
+   *
+   *  - `scrollable` will invoke scrolling properties and allow for horizontally
+   *  scrolling (or swiping) of the tab bar.
+   *  -`fullWidth` will make the tabs grow to use all the available space,
+   *  which should be used for small views, like on mobile.
+   *  - `standard` will render the default state.
+   * @default 'standard'
+   */
+  variant?: 'standard' | 'scrollable' | 'fullWidth';
+  /**
+   * If `true`, the scrollbar is visible. It can be useful when displaying
+   * a long vertical list of tabs.
+   * @default false
+   */
+  visibleScrollbar?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface TabsTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = typeof ButtonBase,
+  RootComponent extends React.ElementType = typeof ButtonBase,
 > {
-  props: AdditionalProps & {
-    /**
-     * Callback fired when the component mounts.
-     * This is useful when you want to trigger an action programmatically.
-     * It supports two actions: `updateIndicator()` and `updateScrollButtons()`
-     *
-     * @param {object} actions This object contains all possible actions
-     * that can be triggered programmatically.
-     */
-    action?: React.Ref<TabsActions>;
-    /**
-     * If `true`, the scroll buttons aren't forced hidden on mobile.
-     * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
-     * @default false
-     */
-    allowScrollButtonsMobile?: boolean;
-    /**
-     * The label for the Tabs as a string.
-     */
-    'aria-label'?: string;
-    /**
-     * An id or list of ids separated by a space that label the Tabs.
-     */
-    'aria-labelledby'?: string;
-    /**
-     * If `true`, the tabs are centered.
-     * This prop is intended for large views.
-     * @default false
-     */
-    centered?: boolean;
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<TabsClasses>;
-    /**
-     * Determines the color of the indicator.
-     * @default 'primary'
-     */
-    indicatorColor?: 'secondary' | 'primary';
-    /**
-     * Callback fired when the value changes.
-     *
-     * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
-     * @param {any} value We default to the index of the child (number)
-     */
-    onChange?: (event: React.SyntheticEvent, value: any) => void;
-    /**
-     * The component orientation (layout flow direction).
-     * @default 'horizontal'
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * The component used to render the scroll buttons.
-     * @default TabScrollButton
-     */
-    ScrollButtonComponent?: React.ElementType;
-    /**
-     * Determine behavior of scroll buttons when tabs are set to scroll:
-     *
-     * - `auto` will only present them when not all the items are visible.
-     * - `true` will always present them.
-     * - `false` will never present them.
-     *
-     * By default the scroll buttons are hidden on mobile.
-     * This behavior can be disabled with `allowScrollButtonsMobile`.
-     * @default 'auto'
-     */
-    scrollButtons?: 'auto' | true | false;
-    /**
-     * If `true` the selected tab changes on focus. Otherwise it only
-     * changes on activation.
-     */
-    selectionFollowsFocus?: boolean;
-    /**
-     * Props applied to the tab indicator element.
-     * @default  {}
-     */
-    TabIndicatorProps?: React.HTMLAttributes<HTMLDivElement>;
-    /**
-     * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
-     * @default {}
-     */
-    TabScrollButtonProps?: Partial<TabScrollButtonProps>;
-    /**
-     * Determines the color of the `Tab`.
-     * @default 'primary'
-     */
-    textColor?: 'secondary' | 'primary' | 'inherit';
-    /**
-     * The value of the currently selected `Tab`.
-     * If you don't want any selected `Tab`, you can set this prop to `false`.
-     */
-    value?: any;
-    /**
-     *  Determines additional display behavior of the tabs:
-     *
-     *  - `scrollable` will invoke scrolling properties and allow for horizontally
-     *  scrolling (or swiping) of the tab bar.
-     *  -`fullWidth` will make the tabs grow to use all the available space,
-     *  which should be used for small views, like on mobile.
-     *  - `standard` will render the default state.
-     * @default 'standard'
-     */
-    variant?: 'standard' | 'scrollable' | 'fullWidth';
-    /**
-     * If `true`, the scrollbar is visible. It can be useful when displaying
-     * a long vertical list of tabs.
-     * @default false
-     */
-    visibleScrollbar?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & TabsOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material-next/src/Tabs/Tabs.js b/packages/mui-material-next/src/Tabs/Tabs.js
index bff171b48e9d33..f2cc1b77a83c3b 100644
--- a/packages/mui-material-next/src/Tabs/Tabs.js
+++ b/packages/mui-material-next/src/Tabs/Tabs.js
@@ -146,10 +146,7 @@ const TabsIndicator = styled('span', {
   }),
 }));
 
-const TabsScrollbarSize = styled(ScrollbarSize, {
-  name: 'MuiTabs',
-  slot: 'ScrollbarSize',
-})({
+const TabsScrollbarSize = styled(ScrollbarSize)({
   overflowX: 'auto',
   overflowY: 'hidden',
   // Hide dimensionless scrollbar on macOS
diff --git a/packages/mui-material-next/src/Tabs/Tabs.test.js b/packages/mui-material-next/src/Tabs/Tabs.test.js
index cc68b2830a8fe8..085af0c5d1e9af 100644
--- a/packages/mui-material-next/src/Tabs/Tabs.test.js
+++ b/packages/mui-material-next/src/Tabs/Tabs.test.js
@@ -8,7 +8,7 @@ import {
   fireEvent,
   screen,
   strictModeDoubleLoggingSuppressed,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import Tab from '@mui/material-next/Tab';
diff --git a/packages/mui-material-next/src/index.ts b/packages/mui-material-next/src/index.ts
index be8cae0fdab6c1..33c0ac398f3aa6 100644
--- a/packages/mui-material-next/src/index.ts
+++ b/packages/mui-material-next/src/index.ts
@@ -6,9 +6,18 @@ export * from './Badge';
 export { default as Button } from './Button';
 export * from './Button';
 
+export { default as ButtonBase } from './ButtonBase';
+export * from './ButtonBase';
+
 export { default as Chip } from './Chip';
 export * from './Chip';
 
+export { default as FormControl } from './FormControl';
+export * from './FormControl';
+
+export { default as InputBase } from './InputBase';
+export * from './InputBase';
+
 export { default as Input } from './Input';
 
 export { default as Slider } from './Slider';
diff --git a/packages/mui-material-next/src/styles/styled.test.js b/packages/mui-material-next/src/styles/styled.test.js
index 28d4a0ef06dae6..720850622207fe 100644
--- a/packages/mui-material-next/src/styles/styled.test.js
+++ b/packages/mui-material-next/src/styles/styled.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, screen } from 'test/utils';
+import { createRenderer, screen } from '@mui-internal/test-utils';
 import { styled } from '@mui/material-next/styles';
 
 describe('styled', () => {
diff --git a/packages/mui-material-next/tsconfig.build.json b/packages/mui-material-next/tsconfig.build.json
index 3002c8ea68e3e5..99aed0580da8a7 100644
--- a/packages/mui-material-next/tsconfig.build.json
+++ b/packages/mui-material-next/tsconfig.build.json
@@ -1,7 +1,7 @@
 {
   // This config is for emitting declarations (.d.ts) only
   // Actual .ts source files are transpiled via babel
-  "extends": "./tsconfig",
+  "extends": "./tsconfig.json",
   "compilerOptions": {
     "composite": true,
     "declaration": true,
diff --git a/packages/mui-material-next/tsconfig.json b/packages/mui-material-next/tsconfig.json
index f8b0df49de6047..52d43eaaa9b975 100644
--- a/packages/mui-material-next/tsconfig.json
+++ b/packages/mui-material-next/tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../tsconfig",
+  "extends": "../../tsconfig.json",
   "include": ["src/**/*"]
 }
diff --git a/packages/mui-material/README.md b/packages/mui-material/README.md
index 64c573161c403f..ebeee870adc942 100644
--- a/packages/mui-material/README.md
+++ b/packages/mui-material/README.md
@@ -1,19 +1,53 @@
-# @mui/material
+<!-- markdownlint-disable-next-line -->
+<p align="center">
+  <a href="https://mui.com/material-ui/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="Material UI logo"></a>
+</p>
 
-React components that implement Google's Material Design.
+<h1 align="center">Material UI</h1>
+
+Material UI is a comprehensive library of components that features our implementation of Google's [Material Design](https://m2.material.io/design/introduction/) system.
 
 ## Installation
 
 Install the package in your project directory with:
 
 ```bash
-// with npm
-npm install @mui/material
-
-// with yarn
-yarn add @mui/material
+npm install @mui/material @emotion/react @emotion/styled
 ```
 
 ## Documentation
 
-[The documentation](https://mui.com/)
+Visit [https://mui.com/material-ui/](https://mui.com/material-ui/) to view the full documentation.
+
+## Questions
+
+For how-to questions that don't involve making changes to the code base, please use [Stack Overflow](https://stackoverflow.com/questions/tagged/material-ui) instead of GitHub issues.
+Use the "material-ui" tag on Stack Overflow to make it easier for the community to find your question.
+
+## Examples
+
+Our documentation features [a collection of example projects using Material UI](https://mui.com/material-ui/getting-started/example-projects/).
+
+## Contributing
+
+Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
+
+Contributing to Material UI is about more than just issues and pull requests!
+There are many other ways to [support MUI](https://mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
+
+## Changelog
+
+The [changelog](https://github.com/mui/material-ui/releases) is regularly updated to reflect what's changed in each new release.
+
+## Roadmap
+
+Future plans and high-priority features and enhancements can be found in our [roadmap](https://mui.com/material-ui/discover-more/roadmap/).
+
+## License
+
+This project is licensed under the terms of the
+[MIT license](/LICENSE).
+
+## Security
+
+For details of supported versions and contact details for reporting security issues, please refer to the [security policy](https://github.com/mui/material-ui/security/policy).
diff --git a/packages/mui-material/package.json b/packages/mui-material/package.json
index 77d0c62f165e86..381860fc3a8aed 100644
--- a/packages/mui-material/package.json
+++ b/packages/mui-material/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.14.4",
+  "version": "5.14.10",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -21,7 +21,7 @@
   "bugs": {
     "url": "https://github.com/mui/material-ui/issues"
   },
-  "homepage": "https://mui.com/material-ui/getting-started/",
+  "homepage": "https://mui.com/material-ui/",
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/mui"
@@ -41,6 +41,52 @@
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json",
     "typescript:module-augmentation": "node scripts/testModuleAugmentation.js"
   },
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@mui/base": "5.0.0-beta.16",
+    "@mui/core-downloads-tracker": "^5.14.10",
+    "@mui/system": "^5.14.10",
+    "@mui/types": "^7.2.4",
+    "@mui/utils": "^5.14.10",
+    "@types/react-transition-group": "^4.4.6",
+    "clsx": "^2.0.0",
+    "csstype": "^3.1.2",
+    "prop-types": "^15.8.1",
+    "react-is": "^18.2.0",
+    "react-transition-group": "^4.4.5"
+  },
+  "devDependencies": {
+    "@mui/icons-material": "^5.14.9",
+    "@mui/lab": "^5.0.0-alpha.145",
+    "@mui/styles": "^5.14.10",
+    "@mui-internal/test-utils": "^1.0.0",
+    "@popperjs/core": "^2.11.8",
+    "@rollup/plugin-replace": "^5.0.2",
+    "@testing-library/dom": "^9.3.1",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/chai": "^4.3.6",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@types/sinon": "^10.0.16",
+    "chai": "^4.3.8",
+    "css-mediaquery": "^0.1.2",
+    "express": "^4.18.2",
+    "fast-glob": "^3.3.1",
+    "fs-extra": "^11.1.1",
+    "lodash": "^4.17.21",
+    "playwright": "^1.37.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.15.0",
+    "rollup": "^3.29.2",
+    "rollup-plugin-babel": "^4.4.0",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-globals": "^1.4.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "sinon": "^15.2.0"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
@@ -59,20 +105,6 @@
       "optional": true
     }
   },
-  "dependencies": {
-    "@babel/runtime": "^7.22.6",
-    "@mui/base": "5.0.0-beta.10",
-    "@mui/core-downloads-tracker": "^5.14.4",
-    "@mui/system": "^5.14.4",
-    "@mui/types": "^7.2.4",
-    "@mui/utils": "^5.14.4",
-    "@types/react-transition-group": "^4.4.6",
-    "clsx": "^2.0.0",
-    "csstype": "^3.1.2",
-    "prop-types": "^15.8.1",
-    "react-is": "^18.2.0",
-    "react-transition-group": "^4.4.5"
-  },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
diff --git a/packages/mui-material/scripts/rollup.config.mjs b/packages/mui-material/scripts/rollup.config.mjs
index eb89d37c285116..7130eceb36e99c 100644
--- a/packages/mui-material/scripts/rollup.config.mjs
+++ b/packages/mui-material/scripts/rollup.config.mjs
@@ -101,6 +101,10 @@ const nestedFolder = {
       return resolveNestedImport('mui-base', importee);
     }
 
+    if (importee.indexOf('@mui/utils/') === 0) {
+      return resolveNestedImport('mui-utils', importee);
+    }
+
     if (importee.indexOf('@mui/private-theming/') === 0) {
       return resolveNestedImport('mui-private-theming', importee);
     }
diff --git a/packages/mui-material/src/Accordion/Accordion.d.ts b/packages/mui-material/src/Accordion/Accordion.d.ts
index 7d443c40476f5b..ca9becea5b1f40 100644
--- a/packages/mui-material/src/Accordion/Accordion.d.ts
+++ b/packages/mui-material/src/Accordion/Accordion.d.ts
@@ -8,7 +8,7 @@ import { ExtendPaperTypeMap } from '../Paper/Paper';
 
 export type AccordionTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > = ExtendPaperTypeMap<
   {
     props: AdditionalProps & {
@@ -65,7 +65,7 @@ export type AccordionTypeMap<
        */
       TransitionProps?: TransitionProps;
     };
-    defaultComponent: DefaultComponent;
+    defaultComponent: RootComponent;
   },
   'onChange' | 'classes'
 >;
diff --git a/packages/mui-material/src/Accordion/Accordion.test.js b/packages/mui-material/src/Accordion/Accordion.test.js
index ac7b9507bedd24..60d596a0abf0e2 100644
--- a/packages/mui-material/src/Accordion/Accordion.test.js
+++ b/packages/mui-material/src/Accordion/Accordion.test.js
@@ -2,7 +2,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, createRenderer, fireEvent } from 'test/utils';
+import { describeConformance, createRenderer, fireEvent } from '@mui-internal/test-utils';
 import Accordion, { accordionClasses as classes } from '@mui/material/Accordion';
 import Paper from '@mui/material/Paper';
 import AccordionSummary from '@mui/material/AccordionSummary';
diff --git a/packages/mui-material/src/AccordionActions/AccordionActions.test.js b/packages/mui-material/src/AccordionActions/AccordionActions.test.js
index 03ab384751d557..82f6abbc674d5d 100644
--- a/packages/mui-material/src/AccordionActions/AccordionActions.test.js
+++ b/packages/mui-material/src/AccordionActions/AccordionActions.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import AccordionActions, {
   accordionActionsClasses as classes,
 } from '@mui/material/AccordionActions';
diff --git a/packages/mui-material/src/AccordionDetails/AccordionDetails.test.js b/packages/mui-material/src/AccordionDetails/AccordionDetails.test.js
index 08d38664921cbd..ced854a3fbbbcb 100644
--- a/packages/mui-material/src/AccordionDetails/AccordionDetails.test.js
+++ b/packages/mui-material/src/AccordionDetails/AccordionDetails.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import AccordionDetails, {
   accordionDetailsClasses as classes,
 } from '@mui/material/AccordionDetails';
diff --git a/packages/mui-material/src/AccordionSummary/AccordionSummary.d.ts b/packages/mui-material/src/AccordionSummary/AccordionSummary.d.ts
index c015565cb62e84..daeca9e2d9b184 100644
--- a/packages/mui-material/src/AccordionSummary/AccordionSummary.d.ts
+++ b/packages/mui-material/src/AccordionSummary/AccordionSummary.d.ts
@@ -5,29 +5,31 @@ import { OverrideProps } from '../OverridableComponent';
 import { Theme } from '..';
 import { AccordionSummaryClasses } from './accordionSummaryClasses';
 
+export interface AccordionSummaryOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<AccordionSummaryClasses>;
+  /**
+   * The icon to display as the expand indicator.
+   */
+  expandIcon?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export type AccordionSummaryTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<AccordionSummaryClasses>;
-    /**
-     * The icon to display as the expand indicator.
-     */
-    expandIcon?: React.ReactNode;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & AccordionSummaryOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material/src/AccordionSummary/AccordionSummary.test.js b/packages/mui-material/src/AccordionSummary/AccordionSummary.test.js
index 10f24117c82498..8db043bb46dada 100644
--- a/packages/mui-material/src/AccordionSummary/AccordionSummary.test.js
+++ b/packages/mui-material/src/AccordionSummary/AccordionSummary.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, act, createRenderer, fireEvent } from 'test/utils';
+import { describeConformance, act, createRenderer, fireEvent } from '@mui-internal/test-utils';
 import AccordionSummary, {
   accordionSummaryClasses as classes,
 } from '@mui/material/AccordionSummary';
diff --git a/packages/mui-material/src/Alert/Alert.test.js b/packages/mui-material/src/Alert/Alert.test.js
index 430d6880d42a0d..8914928c7ff6b4 100644
--- a/packages/mui-material/src/Alert/Alert.test.js
+++ b/packages/mui-material/src/Alert/Alert.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, screen } from 'test/utils';
+import { createRenderer, describeConformance, screen } from '@mui-internal/test-utils';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import Alert, { alertClasses as classes } from '@mui/material/Alert';
 import Paper, { paperClasses } from '@mui/material/Paper';
diff --git a/packages/mui-material/src/AlertTitle/AlertTitle.d.ts b/packages/mui-material/src/AlertTitle/AlertTitle.d.ts
index e809926f6ec3f8..b9d7a90adae0e0 100644
--- a/packages/mui-material/src/AlertTitle/AlertTitle.d.ts
+++ b/packages/mui-material/src/AlertTitle/AlertTitle.d.ts
@@ -27,5 +27,6 @@ export interface AlertTitleProps extends StandardProps<React.HTMLAttributes<HTML
  * API:
  *
  * - [AlertTitle API](https://mui.com/material-ui/api/alert-title/)
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
 export default function AlertTitle(props: AlertTitleProps): JSX.Element;
diff --git a/packages/mui-material/src/AlertTitle/AlertTitle.test.js b/packages/mui-material/src/AlertTitle/AlertTitle.test.js
index d4485944128773..986029a69be08e 100644
--- a/packages/mui-material/src/AlertTitle/AlertTitle.test.js
+++ b/packages/mui-material/src/AlertTitle/AlertTitle.test.js
@@ -1,13 +1,14 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import AlertTitle, { alertTitleClasses as classes } from '@mui/material/AlertTitle';
+import Typography from '@mui/material/Typography';
 
 describe('<AlertTitle />', () => {
   const { render } = createRenderer();
 
   describeConformance(<AlertTitle />, () => ({
     classes,
-    inheritComponent: 'div',
+    inheritComponent: Typography,
     render,
     muiName: 'MuiAlertTitle',
     refInstanceof: window.HTMLDivElement,
diff --git a/packages/mui-material/src/AppBar/AppBar.d.ts b/packages/mui-material/src/AppBar/AppBar.d.ts
index c6bc0104e0ced0..bd4c841ee99ec7 100644
--- a/packages/mui-material/src/AppBar/AppBar.d.ts
+++ b/packages/mui-material/src/AppBar/AppBar.d.ts
@@ -8,41 +8,43 @@ import { ExtendPaperTypeMap } from '../Paper/Paper';
 
 export interface AppBarPropsColorOverrides {}
 
+export interface AppBarOwnProps {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<AppBarClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color?: OverridableStringUnion<PropTypes.Color | 'transparent', AppBarPropsColorOverrides>;
+  /**
+   * If true, the `color` prop is applied in dark mode.
+   * @default false
+   */
+  enableColorOnDark?: boolean;
+  /**
+   * The positioning type. The behavior of the different options is described
+   * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).
+   * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
+   * @default 'fixed'
+   */
+  position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export type AppBarTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'header',
+  RootComponent extends React.ElementType = 'header',
 > = ExtendPaperTypeMap<
   {
-    props: AdditionalProps & {
-      /**
-       * Override or extend the styles applied to the component.
-       */
-      classes?: Partial<AppBarClasses>;
-      /**
-       * The color of the component.
-       * It supports both default and custom theme colors, which can be added as shown in the
-       * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-       * @default 'primary'
-       */
-      color?: OverridableStringUnion<PropTypes.Color | 'transparent', AppBarPropsColorOverrides>;
-      /**
-       * If true, the `color` prop is applied in dark mode.
-       * @default false
-       */
-      enableColorOnDark?: boolean;
-      /**
-       * The positioning type. The behavior of the different options is described
-       * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).
-       * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
-       * @default 'fixed'
-       */
-      position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-    };
-    defaultComponent: DefaultComponent;
+    props: AdditionalProps & AppBarOwnProps;
+    defaultComponent: RootComponent;
   },
   'position' | 'color' | 'classes'
 >;
diff --git a/packages/mui-material/src/AppBar/AppBar.test.js b/packages/mui-material/src/AppBar/AppBar.test.js
index 066f137f40c5c3..33f2c038013a45 100644
--- a/packages/mui-material/src/AppBar/AppBar.test.js
+++ b/packages/mui-material/src/AppBar/AppBar.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, screen } from 'test/utils';
+import { createRenderer, describeConformance, screen } from '@mui-internal/test-utils';
 import AppBar, { appBarClasses as classes } from '@mui/material/AppBar';
 import Paper from '@mui/material/Paper';
 
diff --git a/packages/mui-material/src/Autocomplete/Autocomplete.test.js b/packages/mui-material/src/Autocomplete/Autocomplete.test.js
index dc8faf9fd23198..c2a42e332e7cf3 100644
--- a/packages/mui-material/src/Autocomplete/Autocomplete.test.js
+++ b/packages/mui-material/src/Autocomplete/Autocomplete.test.js
@@ -8,8 +8,9 @@ import {
   fireEvent,
   screen,
   strictModeDoubleLoggingSuppressed,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { spy } from 'sinon';
+import userEvent from '@testing-library/user-event';
 import Box from '@mui/system/Box';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import TextField from '@mui/material/TextField';
@@ -1385,6 +1386,70 @@ describe('<Autocomplete />', () => {
       expect(queryByTitle('Open').disabled).to.equal(true);
     });
 
+    it('clicks should not toggle the listbox open state when disabled', () => {
+      const { getByTestId, queryByRole } = render(
+        <Autocomplete
+          disabled
+          options={['one', 'two', 'three']}
+          renderInput={(params) => (
+            <TextField
+              {...params}
+              InputProps={{
+                ...params.InputProps,
+                'data-testid': 'test-input-root',
+              }}
+            />
+          )}
+        />,
+      );
+      const textbox = queryByRole('combobox');
+      const listbox = queryByRole('listbox', { hidden: true });
+
+      expect(textbox).to.have.attribute('aria-expanded', 'false');
+      expect(listbox).to.equal(null);
+
+      const inputBase = getByTestId('test-input-root');
+      fireEvent.click(inputBase);
+
+      expect(textbox).to.have.attribute('aria-expanded', 'false');
+      expect(listbox).to.equal(null);
+    });
+
+    it('mouseup should not toggle the listbox open state when disabled', async () => {
+      const { container, queryByRole } = render(
+        <Autocomplete
+          disabled
+          options={['one', 'two', 'three']}
+          renderInput={(params) => <TextField {...params} />}
+        />,
+      );
+
+      const textbox = queryByRole('combobox');
+      const listbox = queryByRole('listbox', { hidden: true });
+
+      expect(textbox).to.have.attribute('aria-expanded', 'false');
+      expect(listbox).to.equal(null);
+
+      // userEvent will fail at releasing MouseLeft if we target the
+      // <button> since it has "pointer-events: none"
+      const popupIndicator = container.querySelector(`.${classes.endAdornment}`);
+
+      // TODO v6: refactor using userEvent.setup() which doesn't work until we drop
+      //  iOS Safari 12.x support, see: https://github.com/mui/material-ui/pull/38325
+      await userEvent.pointer([
+        // this sequence does not work with fireEvent
+        // 1. point the cursor somewhere in the textbox and hold down MouseLeft
+        { keys: '[MouseLeft>]', target: textbox },
+        // 2. move the cursor over the popupIndicator
+        { pointerName: 'mouse', target: popupIndicator },
+        // 3. release MouseLeft
+        { keys: '[/MouseLeft]' },
+      ]);
+
+      expect(textbox).to.have.attribute('aria-expanded', 'false');
+      expect(listbox).to.equal(null);
+    });
+
     it('should not render the clear button', () => {
       const { queryByTitle } = render(
         <Autocomplete
diff --git a/packages/mui-material/src/Avatar/Avatar.d.ts b/packages/mui-material/src/Avatar/Avatar.d.ts
index 2b19c9cb69c307..daa7d9afa74b57 100644
--- a/packages/mui-material/src/Avatar/Avatar.d.ts
+++ b/packages/mui-material/src/Avatar/Avatar.d.ts
@@ -7,59 +7,58 @@ import { AvatarClasses } from './avatarClasses';
 
 export interface AvatarPropsVariantOverrides {}
 
+export interface AvatarOwnProps {
+  /**
+   * Used in combination with `src` or `srcSet` to
+   * provide an alt attribute for the rendered `img` element.
+   */
+  alt?: string;
+  /**
+   * Used to render icon or text elements inside the Avatar if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<AvatarClasses>;
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
+   * It can be used to listen for the loading error event.
+   */
+  imgProps?: React.ImgHTMLAttributes<HTMLImageElement> & {
+    sx?: SxProps<Theme>;
+  };
+  /**
+   * The `sizes` attribute for the `img` element.
+   */
+  sizes?: string;
+  /**
+   * The `src` attribute for the `img` element.
+   */
+  src?: string;
+  /**
+   * The `srcSet` attribute for the `img` element.
+   * Use this attribute for responsive image display.
+   */
+  srcSet?: string;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The shape of the avatar.
+   * @default 'circular'
+   */
+  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
+}
+
 export interface AvatarTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * Used in combination with `src` or `srcSet` to
-     * provide an alt attribute for the rendered `img` element.
-     */
-    alt?: string;
-    /**
-     * Used to render icon or text elements inside the Avatar if `src` is not set.
-     * This can be an element, or just a string.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<AvatarClasses>;
-    /**
-     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
-     * It can be used to listen for the loading error event.
-     */
-    imgProps?: React.ImgHTMLAttributes<HTMLImageElement> & {
-      sx?: SxProps<Theme>;
-    };
-    /**
-     * The `sizes` attribute for the `img` element.
-     */
-    sizes?: string;
-    /**
-     * The `src` attribute for the `img` element.
-     */
-    src?: string;
-    /**
-     * The `srcSet` attribute for the `img` element.
-     * Use this attribute for responsive image display.
-     */
-    srcSet?: string;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The shape of the avatar.
-     * @default 'circular'
-     */
-    variant?: OverridableStringUnion<
-      'circular' | 'rounded' | 'square',
-      AvatarPropsVariantOverrides
-    >;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & AvatarOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/Avatar/Avatar.js b/packages/mui-material/src/Avatar/Avatar.js
index d3aee2856b9e1f..e20b5afcce024b 100644
--- a/packages/mui-material/src/Avatar/Avatar.js
+++ b/packages/mui-material/src/Avatar/Avatar.js
@@ -164,8 +164,8 @@ const Avatar = React.forwardRef(function Avatar(inProps, ref) {
     children = (
       <AvatarImg
         alt={alt}
-        src={src}
         srcSet={srcSet}
+        src={src}
         sizes={sizes}
         ownerState={ownerState}
         className={classes.img}
diff --git a/packages/mui-material/src/Avatar/Avatar.test.js b/packages/mui-material/src/Avatar/Avatar.test.js
index 0d5ef55142e152..3ece7858bb378c 100644
--- a/packages/mui-material/src/Avatar/Avatar.test.js
+++ b/packages/mui-material/src/Avatar/Avatar.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, fireEvent, describeConformance } from 'test/utils';
+import { createRenderer, fireEvent, describeConformance } from '@mui-internal/test-utils';
 import { spy } from 'sinon';
 import Avatar, { avatarClasses as classes } from '@mui/material/Avatar';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
diff --git a/packages/mui-material/src/AvatarGroup/AvatarGroup.test.js b/packages/mui-material/src/AvatarGroup/AvatarGroup.test.js
index 632a2b182c3418..26764b881281b3 100644
--- a/packages/mui-material/src/AvatarGroup/AvatarGroup.test.js
+++ b/packages/mui-material/src/AvatarGroup/AvatarGroup.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import Avatar from '@mui/material/Avatar';
 import AvatarGroup, { avatarGroupClasses as classes } from '@mui/material/AvatarGroup';
 
diff --git a/packages/mui-material/src/Backdrop/Backdrop.d.ts b/packages/mui-material/src/Backdrop/Backdrop.d.ts
index 2e0457336f11cb..f383995b8a2cbc 100644
--- a/packages/mui-material/src/Backdrop/Backdrop.d.ts
+++ b/packages/mui-material/src/Backdrop/Backdrop.d.ts
@@ -8,94 +8,96 @@ import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 
 export interface BackdropComponentsPropsOverrides {}
 
+export interface BackdropOwnProps extends Partial<Omit<FadeProps, 'children'>> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components?: {
+    Root?: React.ElementType;
+  };
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps?: {
+    root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
+  };
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<BackdropClasses>;
+  /**
+   * If `true`, the backdrop is invisible.
+   * It can be used when rendering a popover or a custom select component.
+   * @default false
+   */
+  invisible?: boolean;
+  /**
+   * If `true`, the component is shown.
+   */
+  open: boolean;
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps?: {
+    root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
+  };
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots?: {
+    root?: React.ElementType;
+  };
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  transitionDuration?: TransitionProps['timeout'];
+  /**
+   * The component used for the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Fade
+   */
+  TransitionComponent?: React.JSXElementConstructor<
+    TransitionProps & {
+      children: React.ReactElement<any, any>;
+    }
+  >;
+}
+
 export interface BackdropTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps &
-    Partial<Omit<FadeProps, 'children'>> & {
-      /**
-       * The content of the component.
-       */
-      children?: React.ReactNode;
-      /**
-       * The components used for each slot inside.
-       *
-       * This prop is an alias for the `slots` prop.
-       * It's recommended to use the `slots` prop instead.
-       *
-       * @default {}
-       */
-      components?: {
-        Root?: React.ElementType;
-      };
-      /**
-       * The extra props for the slot components.
-       * You can override the existing props or add new ones.
-       *
-       * This prop is an alias for the `slotProps` prop.
-       * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-       *
-       * @default {}
-       */
-      componentsProps?: {
-        root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
-      };
-      /**
-       * Override or extend the styles applied to the component.
-       */
-      classes?: Partial<BackdropClasses>;
-      /**
-       * If `true`, the backdrop is invisible.
-       * It can be used when rendering a popover or a custom select component.
-       * @default false
-       */
-      invisible?: boolean;
-      /**
-       * If `true`, the component is shown.
-       */
-      open: boolean;
-      /**
-       * The extra props for the slot components.
-       * You can override the existing props or add new ones.
-       *
-       * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
-       *
-       * @default {}
-       */
-      slotProps?: {
-        root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
-      };
-      /**
-       * The components used for each slot inside.
-       *
-       * This prop is an alias for the `components` prop, which will be deprecated in the future.
-       *
-       * @default {}
-       */
-      slots?: {
-        root?: React.ElementType;
-      };
-
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-      /**
-       * The duration for the transition, in milliseconds.
-       * You may specify a single timeout for all transitions, or individually with an object.
-       */
-      transitionDuration?: TransitionProps['timeout'];
-      /**
-       * The component used for the transition.
-       * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-       * @default Fade
-       */
-      TransitionComponent?: React.JSXElementConstructor<
-        TransitionProps & { children: React.ReactElement<any, any> }
-      >;
-    };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & BackdropOwnProps;
+  defaultComponent: RootComponent;
 }
 
 type BackdropRootProps = NonNullable<BackdropTypeMap['props']['componentsProps']>['root'];
diff --git a/packages/mui-material/src/Backdrop/Backdrop.test.js b/packages/mui-material/src/Backdrop/Backdrop.test.js
index 6433b5712a7235..13a8f92f3f01d8 100644
--- a/packages/mui-material/src/Backdrop/Backdrop.test.js
+++ b/packages/mui-material/src/Backdrop/Backdrop.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Backdrop, { backdropClasses as classes } from '@mui/material/Backdrop';
 import Fade from '@mui/material/Fade';
 
diff --git a/packages/mui-material/src/Badge/Badge.d.ts b/packages/mui-material/src/Badge/Badge.d.ts
index f107d7f3d33db4..7bd1094e6c8b05 100644
--- a/packages/mui-material/src/Badge/Badge.d.ts
+++ b/packages/mui-material/src/Badge/Badge.d.ts
@@ -1,90 +1,158 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import { BadgeTypeMap as BaseBadgeTypeMap, ExtendBadgeTypeMap } from '@mui/base/Badge';
+import { OverridableStringUnion, Simplify } from '@mui/types';
+import { SlotComponentProps } from '@mui/base/utils';
 import { Theme } from '../styles';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { BadgeClasses } from './badgeClasses';
 
 export interface BadgePropsVariantOverrides {}
-
 export interface BadgePropsColorOverrides {}
+export interface BadgeRootSlotPropsOverrides {}
+export interface BadgeBadgeSlotPropsOverrides {}
+
+export type BadgeOwnerState = Simplify<
+  BadgeOwnProps & {
+    badgeContent: React.ReactNode;
+    invisible: boolean;
+    max: number;
+    displayValue: React.ReactNode;
+    showZero: boolean;
+    anchorOrigin: BadgeOrigin;
+    color: OverridableStringUnion<
+      'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning',
+      BadgePropsColorOverrides
+    >;
+    overlap: 'rectangular' | 'circular';
+    variant: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
+  }
+>;
 
 export interface BadgeOrigin {
   vertical: 'top' | 'bottom';
   horizontal: 'left' | 'right';
 }
 
-export type BadgeTypeMap<
-  DefaultComponent extends React.ElementType = 'span',
-  AdditionalProps = {},
-> = ExtendBadgeTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * The anchor of the badge.
-     * @default {
-     *   vertical: 'top',
-     *   horizontal: 'right',
-     * }
-     */
-    anchorOrigin?: BadgeOrigin;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<BadgeClasses>;
-    /**
-     * @ignore
-     */
-    className?: string;
-    /**
-     * The color of the component.
-     * It supports both default and custom theme colors, which can be added as shown in the
-     * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-     * @default 'default'
-     */
-    color?: OverridableStringUnion<
-      'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning',
-      BadgePropsColorOverrides
-    >;
-    /**
-     * The extra props for the slot components.
-     * You can override the existing props or add new ones.
-     *
-     * This prop is an alias for the `slotProps` prop.
-     * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-     *
-     * @default {}
-     */
-    componentsProps?: BaseBadgeTypeMap['props']['slotProps'];
-    /**
-     * The components used for each slot inside.
-     *
-     * This prop is an alias for the `slots` prop.
-     * It's recommended to use the `slots` prop instead.
-     *
-     * @default {}
-     */
-    components?: {
-      Root?: React.ElementType;
-      Badge?: React.ElementType;
-    };
-    /**
-     * Wrapped shape the badge should overlap.
-     * @default 'rectangular'
-     */
-    overlap?: 'rectangular' | 'circular';
+export interface BadgeOwnProps {
+  /**
+   * The anchor of the badge.
+   * @default {
+   *   vertical: 'top',
+   *   horizontal: 'right',
+   * }
+   */
+  anchorOrigin?: BadgeOrigin;
+  /**
+   * The content rendered within the badge.
+   */
+  badgeContent?: React.ReactNode;
+  /**
+   * The badge will be added relative to this node.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<BadgeClasses>;
+  /**
+   * @ignore
+   */
+  className?: string;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'default'
+   */
+  color?: OverridableStringUnion<
+    'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning',
+    BadgePropsColorOverrides
+  >;
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps?: BadgeOwnProps['slotProps'];
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components?: {
+    Root?: React.ElementType;
+    Badge?: React.ElementType;
+  };
+  /**
+   * If `true`, the badge is invisible.
+   * @default false
+   */
+  invisible?: boolean;
+  /**
+   * Max count to show.
+   * @default 99
+   */
+  max?: number;
+  /**
+   * Wrapped shape the badge should overlap.
+   * @default 'rectangular'
+   */
+  overlap?: 'rectangular' | 'circular';
+  /**
+   * The props used for each slot inside the Badge.
+   * @default {}
+   */
+  slotProps?: {
+    root?: SlotComponentProps<'span', BadgeRootSlotPropsOverrides, BadgeOwnerState>;
+    badge?: SlotComponentProps<'span', BadgeBadgeSlotPropsOverrides, BadgeOwnerState>;
+  };
+  /**
+   * The components used for each slot inside the Badge.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots?: {
     /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
+     * The component that renders the root.
+     * @default 'span'
      */
-    sx?: SxProps<Theme>;
+    root?: React.ElementType;
     /**
-     * The variant to use.
-     * @default 'standard'
+     * The component that renders the badge.
+     * @default 'span'
      */
-    variant?: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
+    badge?: React.ElementType;
   };
-  defaultComponent: DefaultComponent;
-}>;
+  /**
+   * Controls whether the badge is hidden when `badgeContent` is zero.
+   * @default false
+   */
+  showZero?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The variant to use.
+   * @default 'standard'
+   */
+  variant?: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
+}
+
+export interface BadgeTypeMap<
+  RootComponent extends React.ElementType = 'span',
+  AdditionalProps = {},
+> {
+  props: AdditionalProps & BadgeOwnProps;
+  defaultComponent: RootComponent;
+}
 
 type BadgeRootProps = NonNullable<BadgeTypeMap['props']['slotProps']>['root'];
 type BadgeBadgeProps = NonNullable<BadgeTypeMap['props']['slotProps']>['badge'];
diff --git a/packages/mui-material/src/Badge/Badge.test.js b/packages/mui-material/src/Badge/Badge.test.js
index 2206c1a8661a38..b76c788a843bf4 100644
--- a/packages/mui-material/src/Badge/Badge.test.js
+++ b/packages/mui-material/src/Badge/Badge.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Badge, { badgeClasses as classes } from '@mui/material/Badge';
 
 function findBadgeRoot(container) {
diff --git a/packages/mui-material/src/BottomNavigation/BottomNavigation.d.ts b/packages/mui-material/src/BottomNavigation/BottomNavigation.d.ts
index 3cbec3f280a31b..b335e6e536f47e 100644
--- a/packages/mui-material/src/BottomNavigation/BottomNavigation.d.ts
+++ b/packages/mui-material/src/BottomNavigation/BottomNavigation.d.ts
@@ -4,42 +4,44 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { BottomNavigationClasses } from './bottomNavigationClasses';
 
+export interface BottomNavigationOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<BottomNavigationClasses>;
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {any} value We default to the index of the child.
+   */
+  onChange?: (event: React.SyntheticEvent, value: any) => void;
+  /**
+   * If `true`, all `BottomNavigationAction`s will show their labels.
+   * By default, only the selected `BottomNavigationAction` will show its label.
+   * @default false
+   */
+  showLabels?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The value of the currently selected `BottomNavigationAction`.
+   */
+  value?: any;
+}
+
 export interface BottomNavigationTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<BottomNavigationClasses>;
-    /**
-     * Callback fired when the value changes.
-     *
-     * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
-     * @param {any} value We default to the index of the child.
-     */
-    onChange?: (event: React.SyntheticEvent, value: any) => void;
-    /**
-     * If `true`, all `BottomNavigationAction`s will show their labels.
-     * By default, only the selected `BottomNavigationAction` will show its label.
-     * @default false
-     */
-    showLabels?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The value of the currently selected `BottomNavigationAction`.
-     */
-    value?: any;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & BottomNavigationOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/BottomNavigation/BottomNavigation.test.js b/packages/mui-material/src/BottomNavigation/BottomNavigation.test.js
index b92cd86fab4cde..66fa1028947f76 100755
--- a/packages/mui-material/src/BottomNavigation/BottomNavigation.test.js
+++ b/packages/mui-material/src/BottomNavigation/BottomNavigation.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, createRenderer, fireEvent } from 'test/utils';
+import { describeConformance, createRenderer, fireEvent } from '@mui-internal/test-utils';
 import BottomNavigation, {
   bottomNavigationClasses as classes,
 } from '@mui/material/BottomNavigation';
diff --git a/packages/mui-material/src/BottomNavigationAction/BottomNavigationAction.d.ts b/packages/mui-material/src/BottomNavigationAction/BottomNavigationAction.d.ts
index 08d850dddbece3..7b32550d882e61 100644
--- a/packages/mui-material/src/BottomNavigationAction/BottomNavigationAction.d.ts
+++ b/packages/mui-material/src/BottomNavigationAction/BottomNavigationAction.d.ts
@@ -5,46 +5,48 @@ import { ButtonBaseTypeMap, ExtendButtonBase, ExtendButtonBaseTypeMap } from '..
 import { OverrideProps } from '../OverridableComponent';
 import { BottomNavigationActionClasses } from './bottomNavigationActionClasses';
 
+export interface BottomNavigationActionOwnProps {
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<BottomNavigationActionClasses>;
+  /**
+   * The icon to display.
+   */
+  icon?: React.ReactNode;
+  /**
+   * The label element.
+   */
+  label?: React.ReactNode;
+  /**
+   * If `true`, the `BottomNavigationAction` will show its label.
+   * By default, only the selected `BottomNavigationAction`
+   * inside `BottomNavigation` will show its label.
+   *
+   * The prop defaults to the value (`false`) inherited from the parent BottomNavigation component.
+   */
+  showLabel?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * You can provide your own value. Otherwise, we fallback to the child position index.
+   */
+  value?: any;
+}
+
 export type BottomNavigationActionTypeMap<
   AdditionalProps,
-  DefaultComponent extends React.ElementType,
+  RootComponent extends React.ElementType,
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * This prop isn't supported.
-     * Use the `component` prop if you need to change the children structure.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<BottomNavigationActionClasses>;
-    /**
-     * The icon to display.
-     */
-    icon?: React.ReactNode;
-    /**
-     * The label element.
-     */
-    label?: React.ReactNode;
-    /**
-     * If `true`, the `BottomNavigationAction` will show its label.
-     * By default, only the selected `BottomNavigationAction`
-     * inside `BottomNavigation` will show its label.
-     *
-     * The prop defaults to the value (`false`) inherited from the parent BottomNavigation component.
-     */
-    showLabel?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * You can provide your own value. Otherwise, we fallback to the child position index.
-     */
-    value?: any;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & BottomNavigationActionOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material/src/BottomNavigationAction/BottomNavigationAction.test.js b/packages/mui-material/src/BottomNavigationAction/BottomNavigationAction.test.js
index 70ecd2b506c3e6..57604a6232b138 100644
--- a/packages/mui-material/src/BottomNavigationAction/BottomNavigationAction.test.js
+++ b/packages/mui-material/src/BottomNavigationAction/BottomNavigationAction.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, createRenderer, within } from 'test/utils';
+import { describeConformance, createRenderer, within } from '@mui-internal/test-utils';
 import BottomNavigationAction, {
   bottomNavigationActionClasses as classes,
 } from '@mui/material/BottomNavigationAction';
diff --git a/packages/mui-material/src/Box/Box.test.js b/packages/mui-material/src/Box/Box.test.js
index 1e93edb14a417e..b25089a467b311 100644
--- a/packages/mui-material/src/Box/Box.test.js
+++ b/packages/mui-material/src/Box/Box.test.js
@@ -1,6 +1,7 @@
+/* eslint-disable material-ui/no-empty-box */
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';
diff --git a/packages/mui-material/src/Breadcrumbs/BreadcrumbCollapsed.test.js b/packages/mui-material/src/Breadcrumbs/BreadcrumbCollapsed.test.js
index 141b323a513aa5..a5d1542fe008b2 100644
--- a/packages/mui-material/src/Breadcrumbs/BreadcrumbCollapsed.test.js
+++ b/packages/mui-material/src/Breadcrumbs/BreadcrumbCollapsed.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { fireEvent, createRenderer } from 'test/utils';
+import { fireEvent, createRenderer } from '@mui-internal/test-utils';
 import BreadcrumbCollapsed from './BreadcrumbCollapsed';
 
 describe('<BreadcrumbCollapsed />', () => {
diff --git a/packages/mui-material/src/Breadcrumbs/Breadcrumbs.d.ts b/packages/mui-material/src/Breadcrumbs/Breadcrumbs.d.ts
index 9ce23f7a8c06a2..af7fb0280752cc 100644
--- a/packages/mui-material/src/Breadcrumbs/Breadcrumbs.d.ts
+++ b/packages/mui-material/src/Breadcrumbs/Breadcrumbs.d.ts
@@ -12,77 +12,79 @@ export interface BreadcrumbsOwnerState extends BreadcrumbsProps {
   expanded: boolean;
 }
 
-export interface BreadcrumbsTypeMap<
-  AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'nav',
-> {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<BreadcrumbsClasses>;
-    /**
-     * The components used for each slot inside the Breadcumb.
-     * Either a string to use a HTML element or a component.
-     * @default {}
-     */
-    slots?: {
-      CollapsedIcon?: React.ElementType;
-    };
+export interface BreadcrumbsOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<BreadcrumbsClasses>;
+  /**
+   * The components used for each slot inside the Breadcumb.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots?: {
+    CollapsedIcon?: React.ElementType;
+  };
+  /**
+   * The props used for each slot inside the Breadcumb.
+   * @default {}
+   */
+  slotProps?: {
     /**
-     * The props used for each slot inside the Breadcumb.
+     * Props applied to the CollapsedIcon slot.
      * @default {}
      */
-    slotProps?: {
-      /**
-       * Props applied to the CollapsedIcon slot.
-       * @default {}
-       */
-      collapsedIcon?: SlotComponentProps<
-        typeof SvgIcon,
-        BreadcrumbsCollapsedIconSlotPropsOverrides,
-        BreadcrumbsOwnerState
-      >;
-    };
-    /**
-     * Override the default label for the expand button.
-     *
-     * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
-     * @default 'Show path'
-     */
-    expandText?: string;
-    /**
-     * If max items is exceeded, the number of items to show after the ellipsis.
-     * @default 1
-     */
-    itemsAfterCollapse?: number;
-    /**
-     * If max items is exceeded, the number of items to show before the ellipsis.
-     * @default 1
-     */
-    itemsBeforeCollapse?: number;
-    /**
-     * Specifies the maximum number of breadcrumbs to display. When there are more
-     * than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse`
-     * will be shown, with an ellipsis in between.
-     * @default 8
-     */
-    maxItems?: number;
-    /**
-     * Custom separator node.
-     * @default '/'
-     */
-    separator?: React.ReactNode;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
+    collapsedIcon?: SlotComponentProps<
+      typeof SvgIcon,
+      BreadcrumbsCollapsedIconSlotPropsOverrides,
+      BreadcrumbsOwnerState
+    >;
   };
-  defaultComponent: DefaultComponent;
+  /**
+   * Override the default label for the expand button.
+   *
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * @default 'Show path'
+   */
+  expandText?: string;
+  /**
+   * If max items is exceeded, the number of items to show after the ellipsis.
+   * @default 1
+   */
+  itemsAfterCollapse?: number;
+  /**
+   * If max items is exceeded, the number of items to show before the ellipsis.
+   * @default 1
+   */
+  itemsBeforeCollapse?: number;
+  /**
+   * Specifies the maximum number of breadcrumbs to display. When there are more
+   * than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse`
+   * will be shown, with an ellipsis in between.
+   * @default 8
+   */
+  maxItems?: number;
+  /**
+   * Custom separator node.
+   * @default '/'
+   */
+  separator?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+export interface BreadcrumbsTypeMap<
+  AdditionalProps = {},
+  RootComponent extends React.ElementType = 'nav',
+> {
+  props: AdditionalProps & BreadcrumbsOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
@@ -94,6 +96,7 @@ export interface BreadcrumbsTypeMap<
  * API:
  *
  * - [Breadcrumbs API](https://mui.com/material-ui/api/breadcrumbs/)
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
 declare const Breadcrumbs: OverridableComponent<BreadcrumbsTypeMap>;
 
diff --git a/packages/mui-material/src/Breadcrumbs/Breadcrumbs.test.js b/packages/mui-material/src/Breadcrumbs/Breadcrumbs.test.js
index 9002f7388dc6e5..468fbf4a608224 100644
--- a/packages/mui-material/src/Breadcrumbs/Breadcrumbs.test.js
+++ b/packages/mui-material/src/Breadcrumbs/Breadcrumbs.test.js
@@ -6,8 +6,9 @@ import {
   createRenderer,
   screen,
   strictModeDoubleLoggingSuppressed,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import Breadcrumbs, { breadcrumbsClasses as classes } from '@mui/material/Breadcrumbs';
+import Typography from '@mui/material/Typography';
 import FirstPageIcon from '../internal/svg-icons/FirstPage';
 
 describe('<Breadcrumbs />', () => {
@@ -15,7 +16,7 @@ describe('<Breadcrumbs />', () => {
 
   describeConformance(<Breadcrumbs>Conformance?</Breadcrumbs>, () => ({
     classes,
-    inheritComponent: 'nav',
+    inheritComponent: Typography,
     render,
     muiName: 'MuiBreadcrumbs',
     refInstanceof: window.HTMLElement,
diff --git a/packages/mui-material/src/Button/Button.d.ts b/packages/mui-material/src/Button/Button.d.ts
index 1bd7dd18ece3d6..a3a758f65be1dd 100644
--- a/packages/mui-material/src/Button/Button.d.ts
+++ b/packages/mui-material/src/Button/Button.d.ts
@@ -12,82 +12,81 @@ export interface ButtonPropsColorOverrides {}
 
 export interface ButtonPropsSizeOverrides {}
 
+export interface ButtonOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ButtonClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color?: OverridableStringUnion<
+    'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning',
+    ButtonPropsColorOverrides
+  >;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation?: boolean;
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple?: boolean;
+  /**
+   * Element placed after the children.
+   */
+  endIcon?: React.ReactNode;
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href?: string;
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonPropsSizeOverrides>;
+  /**
+   * Element placed before the children.
+   */
+  startIcon?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonPropsVariantOverrides>;
+}
+
 export type ButtonTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'button',
+  RootComponent extends React.ElementType = 'button',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ButtonClasses>;
-    /**
-     * The color of the component.
-     * It supports both default and custom theme colors, which can be added as shown in the
-     * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-     * @default 'primary'
-     */
-    color?: OverridableStringUnion<
-      'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning',
-      ButtonPropsColorOverrides
-    >;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, no elevation is used.
-     * @default false
-     */
-    disableElevation?: boolean;
-    /**
-     * If `true`, the  keyboard focus ripple is disabled.
-     * @default false
-     */
-    disableFocusRipple?: boolean;
-    /**
-     * Element placed after the children.
-     */
-    endIcon?: React.ReactNode;
-    /**
-     * If `true`, the button will take up the full width of its container.
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * The URL to link to when the button is clicked.
-     * If defined, an `a` element will be used as the root node.
-     */
-    href?: string;
-    /**
-     * The size of the component.
-     * `small` is equivalent to the dense button styling.
-     * @default 'medium'
-     */
-    size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonPropsSizeOverrides>;
-    /**
-     * Element placed before the children.
-     */
-    startIcon?: React.ReactNode;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The variant to use.
-     * @default 'text'
-     */
-    variant?: OverridableStringUnion<
-      'text' | 'outlined' | 'contained',
-      ButtonPropsVariantOverrides
-    >;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ButtonOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material/src/Button/Button.js b/packages/mui-material/src/Button/Button.js
index 4b6fc9c348998e..ad9fb46f49afc8 100644
--- a/packages/mui-material/src/Button/Button.js
+++ b/packages/mui-material/src/Button/Button.js
@@ -11,6 +11,7 @@ import ButtonBase from '../ButtonBase';
 import capitalize from '../utils/capitalize';
 import buttonClasses, { getButtonUtilityClass } from './buttonClasses';
 import ButtonGroupContext from '../ButtonGroup/ButtonGroupContext';
+import ButtonGroupButtonContext from '../ButtonGroup/ButtonGroupButtonContext';
 
 const useUtilityClasses = (ownerState) => {
   const { color, disableElevation, fullWidth, size, variant, classes } = ownerState;
@@ -132,9 +133,7 @@ const ButtonRoot = styled(ButtonBase, {
           backgroundColor: theme.vars
             ? theme.vars.palette.Button.inheritContainedHoverBg
             : inheritContainedHoverBackgroundColor,
-          '@media (hover: hover)': {
-            boxShadow: (theme.vars || theme).shadows[4],
-          },
+          boxShadow: (theme.vars || theme).shadows[4],
           // Reset on touch devices, it doesn't add specificity
           '@media (hover: none)': {
             boxShadow: (theme.vars || theme).shadows[2],
@@ -300,6 +299,7 @@ const ButtonEndIcon = styled('span', {
 const Button = React.forwardRef(function Button(inProps, ref) {
   // props priority: `inProps` > `contextProps` > `themeDefaultProps`
   const contextProps = React.useContext(ButtonGroupContext);
+  const buttonGroupButtonContextPositionClassName = React.useContext(ButtonGroupButtonContext);
   const resolvedProps = resolveProps(contextProps, inProps);
   const props = useThemeProps({ props: resolvedProps, name: 'MuiButton' });
   const {
@@ -347,10 +347,12 @@ const Button = React.forwardRef(function Button(inProps, ref) {
     </ButtonEndIcon>
   );
 
+  const positionClassName = buttonGroupButtonContextPositionClassName || '';
+
   return (
     <ButtonRoot
       ownerState={ownerState}
-      className={clsx(contextProps.className, classes.root, className)}
+      className={clsx(contextProps.className, classes.root, className, positionClassName)}
       component={component}
       disabled={disabled}
       focusRipple={!disableFocusRipple}
diff --git a/packages/mui-material/src/Button/Button.spec.tsx b/packages/mui-material/src/Button/Button.spec.tsx
index 7afe9916b27fe6..47c8b063f455dd 100644
--- a/packages/mui-material/src/Button/Button.spec.tsx
+++ b/packages/mui-material/src/Button/Button.spec.tsx
@@ -66,7 +66,7 @@ const buttonTest = () => (
       Title
     </Button>
     <Button component="a">Simple Link</Button>
-    <Button component={(props) => <a {...props} />}>Complex Link</Button>
+    <Button component={(props: any) => <a {...props} />}>Complex Link</Button>
     <Button component={ReactRouterLink} to="/open-collective">
       Link
     </Button>
diff --git a/packages/mui-material/src/Button/Button.test.js b/packages/mui-material/src/Button/Button.test.js
index a531e303a12243..76381c29cec6f8 100644
--- a/packages/mui-material/src/Button/Button.test.js
+++ b/packages/mui-material/src/Button/Button.test.js
@@ -1,6 +1,12 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, act, createRenderer, fireEvent, screen } from 'test/utils';
+import {
+  describeConformance,
+  act,
+  createRenderer,
+  fireEvent,
+  screen,
+} from '@mui-internal/test-utils';
 import { ClassNames } from '@emotion/react';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import Button, { buttonClasses as classes } from '@mui/material/Button';
diff --git a/packages/mui-material/src/ButtonBase/ButtonBase.d.ts b/packages/mui-material/src/ButtonBase/ButtonBase.d.ts
index 6a6c256d87a48d..af1edc9aa88849 100644
--- a/packages/mui-material/src/ButtonBase/ButtonBase.d.ts
+++ b/packages/mui-material/src/ButtonBase/ButtonBase.d.ts
@@ -5,90 +5,92 @@ import { TouchRippleActions, TouchRippleProps } from './TouchRipple';
 import { OverrideProps, OverridableComponent, OverridableTypeMap } from '../OverridableComponent';
 import { ButtonBaseClasses } from './buttonBaseClasses';
 
+export interface ButtonBaseOwnProps {
+  /**
+   * A ref for imperative actions.
+   * It currently only supports `focusVisible()` action.
+   */
+  action?: React.Ref<ButtonBaseActions>;
+  /**
+   * If `true`, the ripples are centered.
+   * They won't start at the cursor interaction position.
+   * @default false
+   */
+  centerRipple?: boolean;
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ButtonBaseClasses>;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple?: boolean;
+  /**
+   * If `true`, the touch ripple effect is disabled.
+   * @default false
+   */
+  disableTouchRipple?: boolean;
+  /**
+   * If `true`, the base button will have a keyboard focus ripple.
+   * @default false
+   */
+  focusRipple?: boolean;
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName?: string;
+  /**
+   * The component used to render a link when the `href` prop is provided.
+   * @default 'a'
+   */
+  LinkComponent?: React.ElementType;
+  /**
+   * Callback fired when the component is focused with a keyboard.
+   * We trigger a `onFocus` callback too.
+   */
+  onFocusVisible?: React.FocusEventHandler<any>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * @default 0
+   */
+  tabIndex?: NonNullable<React.HTMLAttributes<any>['tabIndex']>;
+  /**
+   * Props applied to the `TouchRipple` element.
+   */
+  TouchRippleProps?: Partial<TouchRippleProps>;
+  /**
+   * A ref that points to the `TouchRipple` element.
+   */
+  touchRippleRef?: React.Ref<TouchRippleActions>;
+}
+
 export interface ButtonBaseTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'button',
+  RootComponent extends React.ElementType = 'button',
 > {
-  props: AdditionalProps & {
-    /**
-     * A ref for imperative actions.
-     * It currently only supports `focusVisible()` action.
-     */
-    action?: React.Ref<ButtonBaseActions>;
-    /**
-     * If `true`, the ripples are centered.
-     * They won't start at the cursor interaction position.
-     * @default false
-     */
-    centerRipple?: boolean;
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ButtonBaseClasses>;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the ripple effect is disabled.
-     *
-     * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-     * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-     * @default false
-     */
-    disableRipple?: boolean;
-    /**
-     * If `true`, the touch ripple effect is disabled.
-     * @default false
-     */
-    disableTouchRipple?: boolean;
-    /**
-     * If `true`, the base button will have a keyboard focus ripple.
-     * @default false
-     */
-    focusRipple?: boolean;
-    /**
-     * This prop can help identify which element has keyboard focus.
-     * The class name will be applied when the element gains the focus through keyboard interaction.
-     * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
-     * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
-     * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
-     * if needed.
-     */
-    focusVisibleClassName?: string;
-    /**
-     * The component used to render a link when the `href` prop is provided.
-     * @default 'a'
-     */
-    LinkComponent?: React.ElementType;
-    /**
-     * Callback fired when the component is focused with a keyboard.
-     * We trigger a `onFocus` callback too.
-     */
-    onFocusVisible?: React.FocusEventHandler<any>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * @default 0
-     */
-    tabIndex?: NonNullable<React.HTMLAttributes<any>['tabIndex']>;
-    /**
-     * Props applied to the `TouchRipple` element.
-     */
-    TouchRippleProps?: Partial<TouchRippleProps>;
-    /**
-     * A ref that points to the `TouchRipple` element.
-     */
-    touchRippleRef?: React.Ref<TouchRippleActions>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ButtonBaseOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/ButtonBase/ButtonBase.test.js b/packages/mui-material/src/ButtonBase/ButtonBase.test.js
index 079846a3ea0d78..27d5b00c226cd1 100644
--- a/packages/mui-material/src/ButtonBase/ButtonBase.test.js
+++ b/packages/mui-material/src/ButtonBase/ButtonBase.test.js
@@ -11,7 +11,7 @@ import {
   focusVisible,
   simulatePointerDevice,
   programmaticFocusTriggersFocusVisible,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import PropTypes from 'prop-types';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import ButtonBase, { buttonBaseClasses as classes } from '@mui/material/ButtonBase';
diff --git a/packages/mui-material/src/ButtonBase/Ripple.test.js b/packages/mui-material/src/ButtonBase/Ripple.test.js
index 4c445dc4f6c065..23e325362196b9 100644
--- a/packages/mui-material/src/ButtonBase/Ripple.test.js
+++ b/packages/mui-material/src/ButtonBase/Ripple.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import Ripple from './Ripple';
 import classes from './touchRippleClasses';
 
diff --git a/packages/mui-material/src/ButtonBase/TouchRipple.test.js b/packages/mui-material/src/ButtonBase/TouchRipple.test.js
index 5342e235152473..3c32076db30668 100644
--- a/packages/mui-material/src/ButtonBase/TouchRipple.test.js
+++ b/packages/mui-material/src/ButtonBase/TouchRipple.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, act, createRenderer } from 'test/utils';
+import { describeConformance, act, createRenderer } from '@mui-internal/test-utils';
 import TouchRipple, { DELAY_RIPPLE } from './TouchRipple';
 
 const cb = () => {};
diff --git a/packages/mui-material/src/ButtonGroup/ButtonGroup.d.ts b/packages/mui-material/src/ButtonGroup/ButtonGroup.d.ts
index 458e7da7204f0b..9cbb6b1b51d3c9 100644
--- a/packages/mui-material/src/ButtonGroup/ButtonGroup.d.ts
+++ b/packages/mui-material/src/ButtonGroup/ButtonGroup.d.ts
@@ -9,79 +9,81 @@ export interface ButtonGroupPropsColorOverrides {}
 export interface ButtonGroupPropsVariantOverrides {}
 export interface ButtonGroupPropsSizeOverrides {}
 
+export interface ButtonGroupOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ButtonGroupClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color?: OverridableStringUnion<
+    'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
+    ButtonGroupPropsColorOverrides
+  >;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation?: boolean;
+  /**
+   * If `true`, the button keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple?: boolean;
+  /**
+   * If `true`, the button ripple effect is disabled.
+   * @default false
+   */
+  disableRipple?: boolean;
+  /**
+   * If `true`, the buttons will take up the full width of its container.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * The component orientation (layout flow direction).
+   * @default 'horizontal'
+   */
+  orientation?: 'vertical' | 'horizontal';
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonGroupPropsSizeOverrides>;
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant?: OverridableStringUnion<
+    'text' | 'outlined' | 'contained',
+    ButtonGroupPropsVariantOverrides
+  >;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface ButtonGroupTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ButtonGroupClasses>;
-    /**
-     * The color of the component.
-     * It supports both default and custom theme colors, which can be added as shown in the
-     * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-     * @default 'primary'
-     */
-    color?: OverridableStringUnion<
-      'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
-      ButtonGroupPropsColorOverrides
-    >;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, no elevation is used.
-     * @default false
-     */
-    disableElevation?: boolean;
-    /**
-     * If `true`, the button keyboard focus ripple is disabled.
-     * @default false
-     */
-    disableFocusRipple?: boolean;
-    /**
-     * If `true`, the button ripple effect is disabled.
-     * @default false
-     */
-    disableRipple?: boolean;
-    /**
-     * If `true`, the buttons will take up the full width of its container.
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * The component orientation (layout flow direction).
-     * @default 'horizontal'
-     */
-    orientation?: 'vertical' | 'horizontal';
-    /**
-     * The size of the component.
-     * `small` is equivalent to the dense button styling.
-     * @default 'medium'
-     */
-    size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonGroupPropsSizeOverrides>;
-    /**
-     * The variant to use.
-     * @default 'outlined'
-     */
-    variant?: OverridableStringUnion<
-      'text' | 'outlined' | 'contained',
-      ButtonGroupPropsVariantOverrides
-    >;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ButtonGroupOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/ButtonGroup/ButtonGroup.js b/packages/mui-material/src/ButtonGroup/ButtonGroup.js
index f9b7fcccc38139..c9d548175044aa 100644
--- a/packages/mui-material/src/ButtonGroup/ButtonGroup.js
+++ b/packages/mui-material/src/ButtonGroup/ButtonGroup.js
@@ -9,6 +9,7 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import buttonGroupClasses, { getButtonGroupUtilityClass } from './buttonGroupClasses';
 import ButtonGroupContext from './ButtonGroupContext';
+import ButtonGroupButtonContext from './ButtonGroupButtonContext';
 
 const overridesResolver = (props, styles) => {
   const { ownerState } = props;
@@ -27,6 +28,15 @@ const overridesResolver = (props, styles) => {
       [`& .${buttonGroupClasses.grouped}`]:
         styles[`grouped${capitalize(ownerState.variant)}${capitalize(ownerState.color)}`],
     },
+    {
+      [`& .${buttonGroupClasses.firstButton}`]: styles.firstButton,
+    },
+    {
+      [`& .${buttonGroupClasses.lastButton}`]: styles.lastButton,
+    },
+    {
+      [`& .${buttonGroupClasses.middleButton}`]: styles.middleButton,
+    },
     styles.root,
     styles[ownerState.variant],
     ownerState.disableElevation === true && styles.disableElevation,
@@ -55,6 +65,9 @@ const useUtilityClasses = (ownerState) => {
       `grouped${capitalize(variant)}${capitalize(color)}`,
       disabled && 'disabled',
     ],
+    firstButton: ['firstButton'],
+    lastButton: ['lastButton'],
+    middleButton: ['middleButton'],
   };
 
   return composeClasses(slots, getButtonGroupUtilityClass, classes);
@@ -81,106 +94,106 @@ const ButtonGroupRoot = styled('div', {
   }),
   [`& .${buttonGroupClasses.grouped}`]: {
     minWidth: 40,
-    '&:not(:first-of-type)': {
-      ...(ownerState.orientation === 'horizontal' && {
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0,
-      }),
-      ...(ownerState.orientation === 'vertical' && {
-        borderTopRightRadius: 0,
-        borderTopLeftRadius: 0,
+    '&:hover': {
+      ...(ownerState.variant === 'contained' && {
+        boxShadow: 'none',
       }),
-      ...(ownerState.variant === 'outlined' &&
-        ownerState.orientation === 'horizontal' && {
-          marginLeft: -1,
-        }),
-      ...(ownerState.variant === 'outlined' &&
-        ownerState.orientation === 'vertical' && {
-          marginTop: -1,
-        }),
     },
-    '&:not(:last-of-type)': {
-      ...(ownerState.orientation === 'horizontal' && {
-        borderTopRightRadius: 0,
-        borderBottomRightRadius: 0,
+    ...(ownerState.variant === 'contained' && {
+      boxShadow: 'none',
+    }),
+  },
+  [`& .${buttonGroupClasses.firstButton},& .${buttonGroupClasses.middleButton}`]: {
+    ...(ownerState.orientation === 'horizontal' && {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0,
+    }),
+    ...(ownerState.orientation === 'vertical' && {
+      borderBottomRightRadius: 0,
+      borderBottomLeftRadius: 0,
+    }),
+    ...(ownerState.variant === 'text' &&
+      ownerState.orientation === 'horizontal' && {
+        borderRight: theme.vars
+          ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)`
+          : `1px solid ${
+              theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'
+            }`,
+        [`&.${buttonGroupClasses.disabled}`]: {
+          borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`,
+        },
       }),
-      ...(ownerState.orientation === 'vertical' && {
-        borderBottomRightRadius: 0,
-        borderBottomLeftRadius: 0,
+    ...(ownerState.variant === 'text' &&
+      ownerState.orientation === 'vertical' && {
+        borderBottom: theme.vars
+          ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)`
+          : `1px solid ${
+              theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'
+            }`,
+        [`&.${buttonGroupClasses.disabled}`]: {
+          borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`,
+        },
       }),
-      ...(ownerState.variant === 'text' &&
-        ownerState.orientation === 'horizontal' && {
-          borderRight: theme.vars
-            ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)`
-            : `1px solid ${
-                theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'
-              }`,
-          [`&.${buttonGroupClasses.disabled}`]: {
-            borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`,
-          },
-        }),
-      ...(ownerState.variant === 'text' &&
-        ownerState.orientation === 'vertical' && {
-          borderBottom: theme.vars
-            ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)`
-            : `1px solid ${
-                theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'
-              }`,
-          [`&.${buttonGroupClasses.disabled}`]: {
-            borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`,
-          },
-        }),
-      ...(ownerState.variant === 'text' &&
-        ownerState.color !== 'inherit' && {
-          borderColor: theme.vars
-            ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)`
-            : alpha(theme.palette[ownerState.color].main, 0.5),
-        }),
+    ...(ownerState.variant === 'text' &&
+      ownerState.color !== 'inherit' && {
+        borderColor: theme.vars
+          ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)`
+          : alpha(theme.palette[ownerState.color].main, 0.5),
+      }),
+    ...(ownerState.variant === 'outlined' &&
+      ownerState.orientation === 'horizontal' && {
+        borderRightColor: 'transparent',
+      }),
+    ...(ownerState.variant === 'outlined' &&
+      ownerState.orientation === 'vertical' && {
+        borderBottomColor: 'transparent',
+      }),
+    ...(ownerState.variant === 'contained' &&
+      ownerState.orientation === 'horizontal' && {
+        borderRight: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
+        [`&.${buttonGroupClasses.disabled}`]: {
+          borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`,
+        },
+      }),
+    ...(ownerState.variant === 'contained' &&
+      ownerState.orientation === 'vertical' && {
+        borderBottom: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
+        [`&.${buttonGroupClasses.disabled}`]: {
+          borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`,
+        },
+      }),
+    ...(ownerState.variant === 'contained' &&
+      ownerState.color !== 'inherit' && {
+        borderColor: (theme.vars || theme).palette[ownerState.color].dark,
+      }),
+    '&:hover': {
       ...(ownerState.variant === 'outlined' &&
         ownerState.orientation === 'horizontal' && {
-          borderRightColor: 'transparent',
+          borderRightColor: 'currentColor',
         }),
       ...(ownerState.variant === 'outlined' &&
         ownerState.orientation === 'vertical' && {
-          borderBottomColor: 'transparent',
+          borderBottomColor: 'currentColor',
         }),
-      ...(ownerState.variant === 'contained' &&
-        ownerState.orientation === 'horizontal' && {
-          borderRight: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
-          [`&.${buttonGroupClasses.disabled}`]: {
-            borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`,
-          },
-        }),
-      ...(ownerState.variant === 'contained' &&
-        ownerState.orientation === 'vertical' && {
-          borderBottom: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
-          [`&.${buttonGroupClasses.disabled}`]: {
-            borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`,
-          },
-        }),
-      ...(ownerState.variant === 'contained' &&
-        ownerState.color !== 'inherit' && {
-          borderColor: (theme.vars || theme).palette[ownerState.color].dark,
-        }),
-      '&:hover': {
-        ...(ownerState.variant === 'outlined' &&
-          ownerState.orientation === 'horizontal' && {
-            borderRightColor: 'currentColor',
-          }),
-        ...(ownerState.variant === 'outlined' &&
-          ownerState.orientation === 'vertical' && {
-            borderBottomColor: 'currentColor',
-          }),
-      },
     },
-    '&:hover': {
-      ...(ownerState.variant === 'contained' && {
-        boxShadow: 'none',
-      }),
-    },
-    ...(ownerState.variant === 'contained' && {
-      boxShadow: 'none',
+  },
+  [`& .${buttonGroupClasses.lastButton},& .${buttonGroupClasses.middleButton}`]: {
+    ...(ownerState.orientation === 'horizontal' && {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+    }),
+    ...(ownerState.orientation === 'vertical' && {
+      borderTopRightRadius: 0,
+      borderTopLeftRadius: 0,
     }),
+    ...(ownerState.variant === 'outlined' &&
+      ownerState.orientation === 'horizontal' && {
+        marginLeft: -1,
+      }),
+    ...(ownerState.variant === 'outlined' &&
+      ownerState.orientation === 'vertical' && {
+        marginTop: -1,
+      }),
   },
 }));
 
@@ -243,6 +256,22 @@ const ButtonGroup = React.forwardRef(function ButtonGroup(inProps, ref) {
     ],
   );
 
+  const getButtonPositionClassName = (index, childrenParam) => {
+    const isFirstButton = index === 0;
+    const isLastButton = index === React.Children.count(childrenParam) - 1;
+
+    if (isFirstButton && isLastButton) {
+      return '';
+    }
+    if (isFirstButton) {
+      return classes.firstButton;
+    }
+    if (isLastButton) {
+      return classes.lastButton;
+    }
+    return classes.middleButton;
+  };
+
   return (
     <ButtonGroupRoot
       as={component}
@@ -252,7 +281,19 @@ const ButtonGroup = React.forwardRef(function ButtonGroup(inProps, ref) {
       ownerState={ownerState}
       {...other}
     >
-      <ButtonGroupContext.Provider value={context}>{children}</ButtonGroupContext.Provider>
+      <ButtonGroupContext.Provider value={context}>
+        {React.Children.map(children, (child, index) => {
+          if (!React.isValidElement(child)) {
+            return child;
+          }
+
+          return (
+            <ButtonGroupButtonContext.Provider value={getButtonPositionClassName(index, children)}>
+              {child}
+            </ButtonGroupButtonContext.Provider>
+          );
+        })}
+      </ButtonGroupContext.Provider>
     </ButtonGroupRoot>
   );
 });
diff --git a/packages/mui-material/src/ButtonGroup/ButtonGroup.test.js b/packages/mui-material/src/ButtonGroup/ButtonGroup.test.js
index 283625bd5ef426..809ad92a059cd4 100644
--- a/packages/mui-material/src/ButtonGroup/ButtonGroup.test.js
+++ b/packages/mui-material/src/ButtonGroup/ButtonGroup.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, screen } from 'test/utils';
+import { createRenderer, describeConformance, screen } from '@mui-internal/test-utils';
 import ButtonGroup, { buttonGroupClasses as classes } from '@mui/material/ButtonGroup';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import Button, { buttonClasses } from '@mui/material/Button';
@@ -209,4 +209,46 @@ describe('<ButtonGroup />', () => {
       expect(screen.getByRole('button')).to.have.class(buttonClasses.outlinedSecondary);
     });
   });
+
+  describe('position classes', () => {
+    it('correctly applies position classes to buttons', () => {
+      render(
+        <ButtonGroup>
+          <Button>Button 1</Button>
+          <Button>Button 2</Button>
+          <Button>Button 3</Button>
+        </ButtonGroup>,
+      );
+
+      const firstButton = screen.getAllByRole('button')[0];
+      const middleButton = screen.getAllByRole('button')[1];
+      const lastButton = screen.getAllByRole('button')[2];
+
+      expect(firstButton).to.have.class(classes.firstButton);
+      expect(firstButton).not.to.have.class(classes.middleButton);
+      expect(firstButton).not.to.have.class(classes.lastButton);
+
+      expect(middleButton).to.have.class(classes.middleButton);
+      expect(middleButton).not.to.have.class(classes.firstButton);
+      expect(middleButton).not.to.have.class(classes.lastButton);
+
+      expect(lastButton).to.have.class(classes.lastButton);
+      expect(lastButton).not.to.have.class(classes.middleButton);
+      expect(lastButton).not.to.have.class(classes.firstButton);
+    });
+
+    it('does not apply any position classes to a single button', () => {
+      render(
+        <ButtonGroup>
+          <Button>Single Button</Button>
+        </ButtonGroup>,
+      );
+
+      const button = screen.getByRole('button');
+
+      expect(button).not.to.have.class(classes.firstButton);
+      expect(button).not.to.have.class(classes.middleButton);
+      expect(button).not.to.have.class(classes.lastButton);
+    });
+  });
 });
diff --git a/packages/mui-material/src/ButtonGroup/ButtonGroupButtonContext.ts b/packages/mui-material/src/ButtonGroup/ButtonGroupButtonContext.ts
new file mode 100644
index 00000000000000..8a93fe171954ef
--- /dev/null
+++ b/packages/mui-material/src/ButtonGroup/ButtonGroupButtonContext.ts
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+type ButtonPositionClassName = string;
+
+/**
+ * @ignore - internal component.
+ */
+const ButtonGroupButtonContext = React.createContext<ButtonPositionClassName | undefined>(
+  undefined,
+);
+
+if (process.env.NODE_ENV !== 'production') {
+  ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';
+}
+
+export default ButtonGroupButtonContext;
diff --git a/packages/mui-material/src/ButtonGroup/buttonGroupClasses.ts b/packages/mui-material/src/ButtonGroup/buttonGroupClasses.ts
index 55dec11fdfe720..433083e3ae20f9 100644
--- a/packages/mui-material/src/ButtonGroup/buttonGroupClasses.ts
+++ b/packages/mui-material/src/ButtonGroup/buttonGroupClasses.ts
@@ -14,6 +14,8 @@ export interface ButtonGroupClasses {
   disableElevation: string;
   /** State class applied to the child elements if `disabled={true}`. */
   disabled: string;
+  /** Styles applied to the first button in the button group. */
+  firstButton: string;
   /** Styles applied to the root element if `fullWidth={true}`. */
   fullWidth: string;
   /** Styles applied to the root element if `orientation="vertical"`. */
@@ -54,6 +56,10 @@ export interface ButtonGroupClasses {
   groupedContainedPrimary: string;
   /** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
   groupedContainedSecondary: string;
+  /** Styles applied to the last button in the button group. */
+  lastButton: string;
+  /** Styles applied to buttons in the middle of the button group. */
+  middleButton: string;
 }
 
 export type ButtonGroupClassKey = keyof ButtonGroupClasses;
@@ -69,6 +75,7 @@ const buttonGroupClasses: ButtonGroupClasses = generateUtilityClasses('MuiButton
   'text',
   'disableElevation',
   'disabled',
+  'firstButton',
   'fullWidth',
   'vertical',
   'grouped',
@@ -89,6 +96,8 @@ const buttonGroupClasses: ButtonGroupClasses = generateUtilityClasses('MuiButton
   'groupedContainedVertical',
   'groupedContainedPrimary',
   'groupedContainedSecondary',
+  'lastButton',
+  'middleButton',
 ]);
 
 export default buttonGroupClasses;
diff --git a/packages/mui-material/src/Card/Card.d.ts b/packages/mui-material/src/Card/Card.d.ts
index a061e30d33494b..41d2f725d61c18 100644
--- a/packages/mui-material/src/Card/Card.d.ts
+++ b/packages/mui-material/src/Card/Card.d.ts
@@ -9,27 +9,28 @@ import { CardClasses } from './cardClasses';
 // TODO: v6 remove this interface, it is not used
 export interface CardPropsColorOverrides {}
 
+export interface CardOwnProps extends DistributiveOmit<PaperOwnProps, 'classes'> {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<CardClasses>;
+  /**
+   * If `true`, the card will use raised styling.
+   * @default false
+   */
+  raised?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface CardTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps &
-    DistributiveOmit<PaperOwnProps, 'classes'> & {
-      /**
-       * Override or extend the styles applied to the component.
-       */
-      classes?: Partial<CardClasses>;
-      /**
-       * If `true`, the card will use raised styling.
-       * @default false
-       */
-      raised?: boolean;
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-    };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & CardOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/Card/Card.test.tsx b/packages/mui-material/src/Card/Card.test.tsx
index 11d7bb2a21c93a..d6ee9fdcd3bea1 100644
--- a/packages/mui-material/src/Card/Card.test.tsx
+++ b/packages/mui-material/src/Card/Card.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Card, { cardClasses as classes } from '@mui/material/Card';
 import Paper from '@mui/material/Paper';
 
diff --git a/packages/mui-material/src/CardActionArea/CardActionArea.d.ts b/packages/mui-material/src/CardActionArea/CardActionArea.d.ts
index 3f0cbbb26215ff..40a01c09c76910 100644
--- a/packages/mui-material/src/CardActionArea/CardActionArea.d.ts
+++ b/packages/mui-material/src/CardActionArea/CardActionArea.d.ts
@@ -5,22 +5,24 @@ import { ButtonBaseTypeMap, ExtendButtonBase, ExtendButtonBaseTypeMap } from '..
 import { OverrideProps } from '../OverridableComponent';
 import { CardActionAreaClasses } from './cardActionAreaClasses';
 
+export interface CardActionAreaOwnProps {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<CardActionAreaClasses>;
+  focusVisibleClassName?: string;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export type CardActionAreaTypeMap<
   AdditionalProps,
-  DefaultComponent extends React.ElementType,
+  RootComponent extends React.ElementType,
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<CardActionAreaClasses>;
-    focusVisibleClassName?: string;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & CardActionAreaOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material/src/CardActionArea/CardActionArea.test.js b/packages/mui-material/src/CardActionArea/CardActionArea.test.js
index d3d9db7d1ce49c..1d878f74a37e9b 100644
--- a/packages/mui-material/src/CardActionArea/CardActionArea.test.js
+++ b/packages/mui-material/src/CardActionArea/CardActionArea.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import CardActionArea, { cardActionAreaClasses as classes } from '@mui/material/CardActionArea';
 import ButtonBase from '@mui/material/ButtonBase';
 
diff --git a/packages/mui-material/src/CardActions/CardActions.test.js b/packages/mui-material/src/CardActions/CardActions.test.js
index 821827d7a516ff..734aa0c294be0a 100644
--- a/packages/mui-material/src/CardActions/CardActions.test.js
+++ b/packages/mui-material/src/CardActions/CardActions.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import CardActions, { cardActionsClasses as classes } from '@mui/material/CardActions';
 
 describe('<CardActions />', () => {
diff --git a/packages/mui-material/src/CardContent/CardContent.d.ts b/packages/mui-material/src/CardContent/CardContent.d.ts
index e18c8a5333e731..3792c10c2d0ac5 100644
--- a/packages/mui-material/src/CardContent/CardContent.d.ts
+++ b/packages/mui-material/src/CardContent/CardContent.d.ts
@@ -4,25 +4,27 @@ import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { Theme } from '..';
 import { CardContentClasses } from './cardContentClasses';
 
+export interface CardContentOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<CardContentClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface CardContentTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<CardContentClasses>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & CardContentOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/CardContent/CardContent.test.js b/packages/mui-material/src/CardContent/CardContent.test.js
index d7c92860c2f9f4..2ac705d5f40c49 100644
--- a/packages/mui-material/src/CardContent/CardContent.test.js
+++ b/packages/mui-material/src/CardContent/CardContent.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import CardContent, { cardContentClasses as classes } from '@mui/material/CardContent';
 
 describe('<CardContent />', () => {
diff --git a/packages/mui-material/src/CardHeader/CardHeader.d.ts b/packages/mui-material/src/CardHeader/CardHeader.d.ts
index ab924b7682f27d..cfa1cfd5942f4a 100644
--- a/packages/mui-material/src/CardHeader/CardHeader.d.ts
+++ b/packages/mui-material/src/CardHeader/CardHeader.d.ts
@@ -5,63 +5,73 @@ import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { Theme } from '..';
 import { CardHeaderClasses } from './cardHeaderClasses';
 
+export interface CardHeaderOwnProps<
+  TitleTypographyComponent extends React.ElementType = 'span',
+  SubheaderTypographyComponent extends React.ElementType = 'span',
+> {
+  /**
+   * The action to display in the card header.
+   */
+  action?: React.ReactNode;
+  /**
+   * The Avatar element to display.
+   */
+  avatar?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<CardHeaderClasses>;
+  /**
+   * If `true`, `subheader` and `title` won't be wrapped by a Typography component.
+   * This can be useful to render an alternative Typography variant by wrapping
+   * the `title` text, and optional `subheader` text
+   * with the Typography component.
+   * @default false
+   */
+  disableTypography?: boolean;
+  /**
+   * The content of the component.
+   */
+  subheader?: React.ReactNode;
+  /**
+   * These props will be forwarded to the subheader
+   * (as long as disableTypography is not `true`).
+   */
+  subheaderTypographyProps?: TypographyProps<
+    SubheaderTypographyComponent,
+    {
+      component?: SubheaderTypographyComponent;
+    }
+  >;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The content of the component.
+   */
+  title?: React.ReactNode;
+  /**
+   * These props will be forwarded to the title
+   * (as long as disableTypography is not `true`).
+   */
+  titleTypographyProps?: TypographyProps<
+    TitleTypographyComponent,
+    {
+      component?: TitleTypographyComponent;
+    }
+  >;
+}
+
 export interface CardHeaderTypeMap<
-  Props = {},
-  DefaultComponent extends React.ElementType = 'div',
+  AdditionalProps = {},
+  RootComponent extends React.ElementType = 'div',
   TitleTypographyComponent extends React.ElementType = 'span',
   SubheaderTypographyComponent extends React.ElementType = 'span',
 > {
-  props: Props & {
-    /**
-     * The action to display in the card header.
-     */
-    action?: React.ReactNode;
-    /**
-     * The Avatar element to display.
-     */
-    avatar?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<CardHeaderClasses>;
-    /**
-     * If `true`, `subheader` and `title` won't be wrapped by a Typography component.
-     * This can be useful to render an alternative Typography variant by wrapping
-     * the `title` text, and optional `subheader` text
-     * with the Typography component.
-     * @default false
-     */
-    disableTypography?: boolean;
-    /**
-     * The content of the component.
-     */
-    subheader?: React.ReactNode;
-    /**
-     * These props will be forwarded to the subheader
-     * (as long as disableTypography is not `true`).
-     */
-    subheaderTypographyProps?: TypographyProps<
-      SubheaderTypographyComponent,
-      { component?: SubheaderTypographyComponent }
-    >;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The content of the component.
-     */
-    title?: React.ReactNode;
-    /**
-     * These props will be forwarded to the title
-     * (as long as disableTypography is not `true`).
-     */
-    titleTypographyProps?: TypographyProps<
-      TitleTypographyComponent,
-      { component?: TitleTypographyComponent }
-    >;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps &
+    CardHeaderOwnProps<TitleTypographyComponent, SubheaderTypographyComponent>;
+  defaultComponent: RootComponent;
 }
 /**
  *
@@ -77,14 +87,14 @@ declare const CardHeader: OverridableCardHeader;
 
 export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {
   <
-    DefaultComponent extends React.ElementType = CardHeaderTypeMap['defaultComponent'],
-    Props = {},
+    RootComponent extends React.ElementType = CardHeaderTypeMap['defaultComponent'],
+    AdditionalProps = {},
     TitleTypographyComponent extends React.ElementType = 'span',
     SubheaderTypographyComponent extends React.ElementType = 'span',
   >(
     props: CardHeaderPropsWithComponent<
-      DefaultComponent,
-      Props,
+      RootComponent,
+      AdditionalProps,
       TitleTypographyComponent,
       SubheaderTypographyComponent
     >,
@@ -92,23 +102,23 @@ export interface OverridableCardHeader extends OverridableComponent<CardHeaderTy
 }
 
 export type CardHeaderProps<
-  DefaultComponent extends React.ElementType = CardHeaderTypeMap['defaultComponent'],
-  Props = {},
+  RootComponent extends React.ElementType = CardHeaderTypeMap['defaultComponent'],
+  AdditionalProps = {},
   TitleTypographyComponent extends React.ElementType = 'span',
   SubheaderTypographyComponent extends React.ElementType = 'span',
 > = OverrideProps<
   CardHeaderTypeMap<
-    Props,
-    DefaultComponent,
+    AdditionalProps,
+    RootComponent,
     TitleTypographyComponent,
     SubheaderTypographyComponent
   >,
-  DefaultComponent
+  RootComponent
 >;
 
 export type CardHeaderPropsWithComponent<
-  DefaultComponent extends React.ElementType = CardHeaderTypeMap['defaultComponent'],
-  Props = {},
+  RootComponent extends React.ElementType = CardHeaderTypeMap['defaultComponent'],
+  AdditionalProps = {},
   TitleTypographyComponent extends React.ElementType = 'span',
   SubheaderTypographyComponent extends React.ElementType = 'span',
 > = {
@@ -116,10 +126,10 @@ export type CardHeaderPropsWithComponent<
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component?: DefaultComponent;
+  component?: RootComponent;
 } & CardHeaderProps<
-  DefaultComponent,
-  Props,
+  RootComponent,
+  AdditionalProps,
   TitleTypographyComponent,
   SubheaderTypographyComponent
 >;
diff --git a/packages/mui-material/src/CardHeader/CardHeader.test.js b/packages/mui-material/src/CardHeader/CardHeader.test.js
index 59de5b89f0e2fe..e78678b846cf81 100644
--- a/packages/mui-material/src/CardHeader/CardHeader.test.js
+++ b/packages/mui-material/src/CardHeader/CardHeader.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { typographyClasses } from '@mui/material/Typography';
 import CardHeader, { cardHeaderClasses as classes } from '@mui/material/CardHeader';
 
diff --git a/packages/mui-material/src/CardMedia/CardMedia.d.ts b/packages/mui-material/src/CardMedia/CardMedia.d.ts
index f776c1bfa07aaf..59d56b2cfd5081 100644
--- a/packages/mui-material/src/CardMedia/CardMedia.d.ts
+++ b/packages/mui-material/src/CardMedia/CardMedia.d.ts
@@ -4,34 +4,36 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { CardMediaClasses } from './cardMediaClasses';
 
-export interface CardMediaTypeMap<AdditionalProps, DefaultComponent extends React.ElementType> {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<CardMediaClasses>;
-    /**
-     * Image to be displayed as a background image.
-     * Either `image` or `src` prop must be specified.
-     * Note that caller must specify height otherwise the image will not be visible.
-     */
-    image?: string;
-    /**
-     * An alias for `image` property.
-     * Available only with media components.
-     * Media components: `video`, `audio`, `picture`, `iframe`, `img`.
-     */
-    src?: string;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+export interface CardMediaOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<CardMediaClasses>;
+  /**
+   * Image to be displayed as a background image.
+   * Either `image` or `src` prop must be specified.
+   * Note that caller must specify height otherwise the image will not be visible.
+   */
+  image?: string;
+  /**
+   * An alias for `image` property.
+   * Available only with media components.
+   * Media components: `video`, `audio`, `picture`, `iframe`, `img`.
+   */
+  src?: string;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
+  props: AdditionalProps & CardMediaOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/CardMedia/CardMedia.test.js b/packages/mui-material/src/CardMedia/CardMedia.test.js
index 294346fe273fc7..b538f30603ac37 100644
--- a/packages/mui-material/src/CardMedia/CardMedia.test.js
+++ b/packages/mui-material/src/CardMedia/CardMedia.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, screen } from 'test/utils';
+import { createRenderer, describeConformance, screen } from '@mui-internal/test-utils';
 import CardMedia, { cardMediaClasses as classes } from '@mui/material/CardMedia';
 
 describe('<CardMedia />', () => {
diff --git a/packages/mui-material/src/Checkbox/Checkbox.js b/packages/mui-material/src/Checkbox/Checkbox.js
index 35f4f44862f1ce..993b5ecc3e9904 100644
--- a/packages/mui-material/src/Checkbox/Checkbox.js
+++ b/packages/mui-material/src/Checkbox/Checkbox.js
@@ -51,20 +51,18 @@ const CheckboxRoot = styled(SwitchBase, {
   color: (theme.vars || theme).palette.text.secondary,
   ...(!ownerState.disableRipple && {
     '&:hover': {
-      '@media (hover: hover)': {
-        backgroundColor: theme.vars
-          ? `rgba(${
-              ownerState.color === 'default'
-                ? theme.vars.palette.action.activeChannel
-                : theme.vars.palette.primary.mainChannel
-            } / ${theme.vars.palette.action.hoverOpacity})`
-          : alpha(
-              ownerState.color === 'default'
-                ? theme.palette.action.active
-                : theme.palette[ownerState.color].main,
-              theme.palette.action.hoverOpacity,
-            ),
-      },
+      backgroundColor: theme.vars
+        ? `rgba(${
+            ownerState.color === 'default'
+              ? theme.vars.palette.action.activeChannel
+              : theme.vars.palette.primary.mainChannel
+          } / ${theme.vars.palette.action.hoverOpacity})`
+        : alpha(
+            ownerState.color === 'default'
+              ? theme.palette.action.active
+              : theme.palette[ownerState.color].main,
+            theme.palette.action.hoverOpacity,
+          ),
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         backgroundColor: 'transparent',
diff --git a/packages/mui-material/src/Checkbox/Checkbox.test.js b/packages/mui-material/src/Checkbox/Checkbox.test.js
index 9d7f03b8b267cc..900c02f5879e62 100644
--- a/packages/mui-material/src/Checkbox/Checkbox.test.js
+++ b/packages/mui-material/src/Checkbox/Checkbox.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, act, createRenderer } from 'test/utils';
+import { describeConformance, act, createRenderer } from '@mui-internal/test-utils';
 import Checkbox, { checkboxClasses as classes } from '@mui/material/Checkbox';
 import FormControl from '@mui/material/FormControl';
 import ButtonBase from '@mui/material/ButtonBase';
diff --git a/packages/mui-material/src/Chip/Chip.d.ts b/packages/mui-material/src/Chip/Chip.d.ts
index 686b395cf3058b..ddb1241accf9e9 100644
--- a/packages/mui-material/src/Chip/Chip.d.ts
+++ b/packages/mui-material/src/Chip/Chip.d.ts
@@ -11,91 +11,93 @@ export interface ChipPropsSizeOverrides {}
 
 export interface ChipPropsColorOverrides {}
 
+export interface ChipOwnProps {
+  /**
+   * The Avatar element to display.
+   */
+  avatar?: React.ReactElement;
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children?: null;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ChipClasses>;
+  /**
+   * If `true`, the chip will appear clickable, and will raise when pressed,
+   * even if the onClick prop is not defined.
+   * If `false`, the chip will not appear clickable, even if onClick prop is defined.
+   * This can be used, for example,
+   * along with the component prop to indicate an anchor Chip is clickable.
+   * Note: this controls the UI and does not affect the onClick event.
+   */
+  clickable?: boolean;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'default'
+   */
+  color?: OverridableStringUnion<
+    'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
+    ChipPropsColorOverrides
+  >;
+  /**
+   * Override the default delete icon element. Shown only if `onDelete` is set.
+   */
+  deleteIcon?: React.ReactElement;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Icon element.
+   */
+  icon?: React.ReactElement;
+  /**
+   * The content of the component.
+   */
+  label?: React.ReactNode;
+  /**
+   * Callback fired when the delete icon is clicked.
+   * If set, the delete icon will be shown.
+   */
+  onDelete?: React.EventHandler<any>;
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides>;
+  /**
+   * If `true`, allows the disabled chip to escape focus.
+   * If `false`, allows the disabled chip to receive focus.
+   * @default false
+   */
+  skipFocusWhenDisabled?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   *  @ignore
+   */
+  tabIndex?: number;
+  /**
+   * The variant to use.
+   * @default 'filled'
+   */
+  variant?: OverridableStringUnion<'filled' | 'outlined', ChipPropsVariantOverrides>;
+}
+
 export interface ChipTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * The Avatar element to display.
-     */
-    avatar?: React.ReactElement;
-    /**
-     * This prop isn't supported.
-     * Use the `component` prop if you need to change the children structure.
-     */
-    children?: null;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ChipClasses>;
-    /**
-     * If `true`, the chip will appear clickable, and will raise when pressed,
-     * even if the onClick prop is not defined.
-     * If `false`, the chip will not appear clickable, even if onClick prop is defined.
-     * This can be used, for example,
-     * along with the component prop to indicate an anchor Chip is clickable.
-     * Note: this controls the UI and does not affect the onClick event.
-     */
-    clickable?: boolean;
-    /**
-     * The color of the component.
-     * It supports both default and custom theme colors, which can be added as shown in the
-     * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-     * @default 'default'
-     */
-    color?: OverridableStringUnion<
-      'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
-      ChipPropsColorOverrides
-    >;
-    /**
-     * Override the default delete icon element. Shown only if `onDelete` is set.
-     */
-    deleteIcon?: React.ReactElement;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Icon element.
-     */
-    icon?: React.ReactElement;
-    /**
-     * The content of the component.
-     */
-    label?: React.ReactNode;
-    /**
-     * Callback fired when the delete icon is clicked.
-     * If set, the delete icon will be shown.
-     */
-    onDelete?: React.EventHandler<any>;
-    /**
-     * The size of the component.
-     * @default 'medium'
-     */
-    size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides>;
-    /**
-     * If `true`, allows the disabled chip to escape focus.
-     * If `false`, allows the disabled chip to receive focus.
-     * @default false
-     */
-    skipFocusWhenDisabled?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     *  @ignore
-     */
-    tabIndex?: number;
-    /**
-     * The variant to use.
-     * @default 'filled'
-     */
-    variant?: OverridableStringUnion<'filled' | 'outlined', ChipPropsVariantOverrides>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ChipOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/Chip/Chip.js b/packages/mui-material/src/Chip/Chip.js
index 45d1640e2873db..b513703c86824f 100644
--- a/packages/mui-material/src/Chip/Chip.js
+++ b/packages/mui-material/src/Chip/Chip.js
@@ -92,6 +92,8 @@ const ChipRoot = styled('div', {
       borderRadius: 32 / 2,
       whiteSpace: 'nowrap',
       transition: theme.transitions.create(['background-color', 'box-shadow']),
+      // reset cursor explicitly in case ButtonBase is used
+      cursor: 'unset',
       // We disable the focus ring for mouse, touch and keyboard users.
       outline: 0,
       textDecoration: 'none',
@@ -150,11 +152,9 @@ const ChipRoot = styled('div', {
         cursor: 'pointer',
         margin: '0 5px 0 -6px',
         '&:hover': {
-          '@media (hover: hover)': {
-            color: theme.vars
-              ? `rgba(${theme.vars.palette.text.primaryChannel} / 0.4)`
-              : alpha(theme.palette.text.primary, 0.4),
-          },
+          color: theme.vars
+            ? `rgba(${theme.vars.palette.text.primaryChannel} / 0.4)`
+            : alpha(theme.palette.text.primary, 0.4),
         },
         ...(ownerState.size === 'small' && {
           fontSize: 16,
@@ -165,14 +165,9 @@ const ChipRoot = styled('div', {
           color: theme.vars
             ? `rgba(${theme.vars.palette[ownerState.color].contrastTextChannel} / 0.7)`
             : alpha(theme.palette[ownerState.color].contrastText, 0.7),
-          '&:active': {
+          '&:hover, &:active': {
             color: (theme.vars || theme).palette[ownerState.color].contrastText,
           },
-          '&:hover': {
-            '@media (hover: hover)': {
-              color: (theme.vars || theme).palette[ownerState.color].contrastText,
-            },
-          },
         }),
       },
       ...(ownerState.size === 'small' && {
@@ -206,14 +201,12 @@ const ChipRoot = styled('div', {
       WebkitTapHighlightColor: 'transparent',
       cursor: 'pointer',
       '&:hover': {
-        '@media (hover: hover)': {
-          backgroundColor: theme.vars
-            ? `rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))`
-            : alpha(
-                theme.palette.action.selected,
-                theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity,
-              ),
-        },
+        backgroundColor: theme.vars
+          ? `rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))`
+          : alpha(
+              theme.palette.action.selected,
+              theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity,
+            ),
       },
       [`&.${chipClasses.focusVisible}`]: {
         backgroundColor: theme.vars
@@ -243,9 +236,7 @@ const ChipRoot = styled('div', {
             theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700]
           }`,
       [`&.${chipClasses.clickable}:hover`]: {
-        '@media (hover: hover)': {
-          backgroundColor: (theme.vars || theme).palette.action.hover,
-        },
+        backgroundColor: (theme.vars || theme).palette.action.hover,
       },
       [`&.${chipClasses.focusVisible}`]: {
         backgroundColor: (theme.vars || theme).palette.action.focus,
@@ -278,13 +269,11 @@ const ChipRoot = styled('div', {
             : alpha(theme.palette[ownerState.color].main, 0.7)
         }`,
         [`&.${chipClasses.clickable}:hover`]: {
-          '@media (hover: hover)': {
-            backgroundColor: theme.vars
-              ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${
-                  theme.vars.palette.action.hoverOpacity
-                })`
-              : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
-          },
+          backgroundColor: theme.vars
+            ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${
+                theme.vars.palette.action.hoverOpacity
+              })`
+            : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
         },
         [`&.${chipClasses.focusVisible}`]: {
           backgroundColor: theme.vars
diff --git a/packages/mui-material/src/Chip/Chip.test.js b/packages/mui-material/src/Chip/Chip.test.js
index dd5c45175c6f48..9c46654465cb14 100644
--- a/packages/mui-material/src/Chip/Chip.test.js
+++ b/packages/mui-material/src/Chip/Chip.test.js
@@ -9,7 +9,7 @@ import {
   focusVisible,
   simulatePointerDevice,
   programmaticFocusTriggersFocusVisible,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import Avatar from '@mui/material/Avatar';
 import Chip, { chipClasses as classes } from '@mui/material/Chip';
 import {
diff --git a/packages/mui-material/src/CircularProgress/CircularProgress.d.ts b/packages/mui-material/src/CircularProgress/CircularProgress.d.ts
index d48f65edde9e6c..5d73c7bdfd21ca 100644
--- a/packages/mui-material/src/CircularProgress/CircularProgress.d.ts
+++ b/packages/mui-material/src/CircularProgress/CircularProgress.d.ts
@@ -31,7 +31,7 @@ export interface CircularProgressProps
   /**
    * The size of the component.
    * If using a number, the pixel unit is assumed.
-   * If using a string, you need to provide the CSS unit, e.g '3rem'.
+   * If using a string, you need to provide the CSS unit, e.g. '3rem'.
    * @default 40
    */
   size?: number | string;
diff --git a/packages/mui-material/src/CircularProgress/CircularProgress.js b/packages/mui-material/src/CircularProgress/CircularProgress.js
index e41d81b2207be9..8cd7cac96025b3 100644
--- a/packages/mui-material/src/CircularProgress/CircularProgress.js
+++ b/packages/mui-material/src/CircularProgress/CircularProgress.js
@@ -238,7 +238,7 @@ CircularProgress.propTypes /* remove-proptypes */ = {
   /**
    * The size of the component.
    * If using a number, the pixel unit is assumed.
-   * If using a string, you need to provide the CSS unit, e.g '3rem'.
+   * If using a string, you need to provide the CSS unit, e.g. '3rem'.
    * @default 40
    */
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
diff --git a/packages/mui-material/src/CircularProgress/CircularProgress.test.js b/packages/mui-material/src/CircularProgress/CircularProgress.test.js
index 9df1871fea0270..bc21d0569eb17e 100644
--- a/packages/mui-material/src/CircularProgress/CircularProgress.test.js
+++ b/packages/mui-material/src/CircularProgress/CircularProgress.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import CircularProgress, {
   circularProgressClasses as classes,
 } from '@mui/material/CircularProgress';
diff --git a/packages/mui-material/src/Collapse/Collapse.test.js b/packages/mui-material/src/Collapse/Collapse.test.js
index afc48de4aebaf5..e5489956ea46f5 100644
--- a/packages/mui-material/src/Collapse/Collapse.test.js
+++ b/packages/mui-material/src/Collapse/Collapse.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy, stub } from 'sinon';
-import { act, createRenderer, describeConformance } from 'test/utils';
+import { act, createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { Transition } from 'react-transition-group';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import Collapse, { collapseClasses as classes } from '@mui/material/Collapse';
diff --git a/packages/mui-material/src/Container/Container.d.ts b/packages/mui-material/src/Container/Container.d.ts
index 8bd092b7d52557..9416144afe2943 100644
--- a/packages/mui-material/src/Container/Container.d.ts
+++ b/packages/mui-material/src/Container/Container.d.ts
@@ -4,42 +4,44 @@ import { Theme } from '../styles';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { ContainerClasses } from './containerClasses';
 
+export interface ContainerOwnProps {
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ContainerClasses>;
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters?: boolean;
+  /**
+   * Set the max-width to match the min-width of the current breakpoint.
+   * This is useful if you'd prefer to design for a fixed set of sizes
+   * instead of trying to accommodate a fully fluid viewport.
+   * It's fluid by default.
+   * @default false
+   */
+  fixed?: boolean;
+  /**
+   * Determine the max-width of the container.
+   * The container width grows with the size of the screen.
+   * Set to `false` to disable `maxWidth`.
+   * @default 'lg'
+   */
+  maxWidth?: Breakpoint | false;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface ContainerTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ContainerClasses>;
-    /**
-     * If `true`, the left and right padding is removed.
-     * @default false
-     */
-    disableGutters?: boolean;
-    /**
-     * Set the max-width to match the min-width of the current breakpoint.
-     * This is useful if you'd prefer to design for a fixed set of sizes
-     * instead of trying to accommodate a fully fluid viewport.
-     * It's fluid by default.
-     * @default false
-     */
-    fixed?: boolean;
-    /**
-     * Determine the max-width of the container.
-     * The container width grows with the size of the screen.
-     * Set to `false` to disable `maxWidth`.
-     * @default 'lg'
-     */
-    maxWidth?: Breakpoint | false;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ContainerOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/Container/Container.test.js b/packages/mui-material/src/Container/Container.test.js
index c0ed5d82ab34b1..1747d8ffb00248 100644
--- a/packages/mui-material/src/Container/Container.test.js
+++ b/packages/mui-material/src/Container/Container.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import Container, { containerClasses as classes } from '@mui/material/Container';
 
 describe('<Container />', () => {
diff --git a/packages/mui-material/src/CssBaseline/CssBaseline.test.js b/packages/mui-material/src/CssBaseline/CssBaseline.test.js
index b6a443ac148bd0..af2be310779777 100644
--- a/packages/mui-material/src/CssBaseline/CssBaseline.test.js
+++ b/packages/mui-material/src/CssBaseline/CssBaseline.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import CssBaseline from '@mui/material/CssBaseline';
 import { ThemeProvider, createTheme, hexToRgb } from '@mui/material/styles';
 
diff --git a/packages/mui-material/src/Dialog/Dialog.test.js b/packages/mui-material/src/Dialog/Dialog.test.js
index 6373cf216ab6be..0280c5810a0e2a 100644
--- a/packages/mui-material/src/Dialog/Dialog.test.js
+++ b/packages/mui-material/src/Dialog/Dialog.test.js
@@ -1,7 +1,13 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, act, createRenderer, fireEvent, screen } from 'test/utils';
+import {
+  describeConformance,
+  act,
+  createRenderer,
+  fireEvent,
+  screen,
+} from '@mui-internal/test-utils';
 import Modal from '@mui/material/Modal';
 import Dialog, { dialogClasses as classes } from '@mui/material/Dialog';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
@@ -19,14 +25,14 @@ function userClick(element) {
 }
 
 /**
- * @param {typeof import('test/utils').screen} view
+ * @param {typeof import('@mui-internal/test-utils').screen} view
  */
 function findBackdrop(view) {
   return view.getByRole('dialog').parentElement;
 }
 
 /**
- * @param {typeof import('test/utils').screen} view
+ * @param {typeof import('@mui-internal/test-utils').screen} view
  */
 function clickBackdrop(view) {
   userClick(findBackdrop(view));
diff --git a/packages/mui-material/src/DialogActions/DialogActions.test.js b/packages/mui-material/src/DialogActions/DialogActions.test.js
index e852dc8669a48a..e5c0426fd8a836 100644
--- a/packages/mui-material/src/DialogActions/DialogActions.test.js
+++ b/packages/mui-material/src/DialogActions/DialogActions.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import DialogActions, { dialogActionsClasses as classes } from '@mui/material/DialogActions';
 
 describe('<DialogActions />', () => {
diff --git a/packages/mui-material/src/DialogContent/DialogContent.test.js b/packages/mui-material/src/DialogContent/DialogContent.test.js
index 7c482c8f66772e..ba7041fbbd59f7 100644
--- a/packages/mui-material/src/DialogContent/DialogContent.test.js
+++ b/packages/mui-material/src/DialogContent/DialogContent.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import DialogContent, { dialogContentClasses as classes } from '@mui/material/DialogContent';
 
 describe('<DialogContent />', () => {
diff --git a/packages/mui-material/src/DialogContentText/DialogContentText.d.ts b/packages/mui-material/src/DialogContentText/DialogContentText.d.ts
index fae69c4d85fa22..4241654030a832 100644
--- a/packages/mui-material/src/DialogContentText/DialogContentText.d.ts
+++ b/packages/mui-material/src/DialogContentText/DialogContentText.d.ts
@@ -5,21 +5,23 @@ import { OverrideProps, OverridableComponent } from '../OverridableComponent';
 import { Theme } from '../styles';
 import { DialogContentTextClasses } from './dialogContentTextClasses';
 
+export interface DialogContentTextOwnProps extends Omit<TypographyTypeMap['props'], 'classes'> {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DialogContentTextClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface DialogContentTextTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = TypographyTypeMap['defaultComponent'],
+  RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent'],
 > {
-  props: AdditionalProps & {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<DialogContentTextClasses>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  } & Omit<TypographyTypeMap['props'], 'classes'>;
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & DialogContentTextOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/DialogContentText/DialogContentText.test.js b/packages/mui-material/src/DialogContentText/DialogContentText.test.js
index 19c1b639ee40c7..e83e70d20f9312 100644
--- a/packages/mui-material/src/DialogContentText/DialogContentText.test.js
+++ b/packages/mui-material/src/DialogContentText/DialogContentText.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Typography from '@mui/material/Typography';
 import DialogContentText, {
   dialogContentTextClasses as classes,
diff --git a/packages/mui-material/src/DialogTitle/DialogTitle.d.ts b/packages/mui-material/src/DialogTitle/DialogTitle.d.ts
index 5d86c4e3129c01..3586405748dc38 100644
--- a/packages/mui-material/src/DialogTitle/DialogTitle.d.ts
+++ b/packages/mui-material/src/DialogTitle/DialogTitle.d.ts
@@ -5,25 +5,27 @@ import { Theme } from '../styles';
 import { TypographyTypeMap } from '../Typography';
 import { DialogTitleClasses } from './dialogTitleClasses';
 
+export interface DialogTitleOwnProps extends Omit<TypographyTypeMap['props'], 'classes'> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DialogTitleClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface DialogTitleTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = TypographyTypeMap['defaultComponent'],
+  RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent'],
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<DialogTitleClasses>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  } & Omit<TypographyTypeMap['props'], 'classes'>;
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & DialogTitleOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
@@ -35,6 +37,7 @@ export interface DialogTitleTypeMap<
  * API:
  *
  * - [DialogTitle API](https://mui.com/material-ui/api/dialog-title/)
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
 declare const DialogTitle: OverridableComponent<DialogTitleTypeMap>;
 
diff --git a/packages/mui-material/src/DialogTitle/DialogTitle.test.js b/packages/mui-material/src/DialogTitle/DialogTitle.test.js
index 8f6babaad09794..9ba57ca45486da 100644
--- a/packages/mui-material/src/DialogTitle/DialogTitle.test.js
+++ b/packages/mui-material/src/DialogTitle/DialogTitle.test.js
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
+import Typography from '@mui/material/Typography';
 import DialogTitle, { dialogTitleClasses as classes } from '@mui/material/DialogTitle';
 import Dialog from '@mui/material/Dialog';
 
@@ -9,7 +10,7 @@ describe('<DialogTitle />', () => {
 
   describeConformance(<DialogTitle>foo</DialogTitle>, () => ({
     classes,
-    inheritComponent: 'h2',
+    inheritComponent: Typography,
     render,
     muiName: 'MuiDialogTitle',
     refInstanceof: window.HTMLHeadingElement,
diff --git a/packages/mui-material/src/Divider/Divider.d.ts b/packages/mui-material/src/Divider/Divider.d.ts
index 1b7be60ea2dcec..0c1244ba7490ca 100644
--- a/packages/mui-material/src/Divider/Divider.d.ts
+++ b/packages/mui-material/src/Divider/Divider.d.ts
@@ -7,59 +7,58 @@ import { DividerClasses } from './dividerClasses';
 
 export interface DividerPropsVariantOverrides {}
 
+export interface DividerOwnProps {
+  /**
+   * Absolutely position the element.
+   * @default false
+   */
+  absolute?: boolean;
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DividerClasses>;
+  /**
+   * If `true`, a vertical divider will have the correct height when used in flex container.
+   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
+   * @default false
+   */
+  flexItem?: boolean;
+  /**
+   * If `true`, the divider will have a lighter color.
+   * @default false
+   */
+  light?: boolean;
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation?: 'horizontal' | 'vertical';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The text alignment.
+   * @default 'center'
+   */
+  textAlign?: 'center' | 'right' | 'left';
+  /**
+   * The variant to use.
+   * @default 'fullWidth'
+   */
+  variant?: OverridableStringUnion<'fullWidth' | 'inset' | 'middle', DividerPropsVariantOverrides>;
+}
+
 export interface DividerTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'hr',
+  RootComponent extends React.ElementType = 'hr',
 > {
-  props: AdditionalProps & {
-    /**
-     * Absolutely position the element.
-     * @default false
-     */
-    absolute?: boolean;
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<DividerClasses>;
-    /**
-     * If `true`, a vertical divider will have the correct height when used in flex container.
-     * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
-     * @default false
-     */
-    flexItem?: boolean;
-    /**
-     * If `true`, the divider will have a lighter color.
-     * @default false
-     */
-    light?: boolean;
-    /**
-     * The component orientation.
-     * @default 'horizontal'
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The text alignment.
-     * @default 'center'
-     */
-    textAlign?: 'center' | 'right' | 'left';
-    /**
-     * The variant to use.
-     * @default 'fullWidth'
-     */
-    variant?: OverridableStringUnion<
-      'fullWidth' | 'inset' | 'middle',
-      DividerPropsVariantOverrides
-    >;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & DividerOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/Divider/Divider.test.js b/packages/mui-material/src/Divider/Divider.test.js
index 91280cfa6e0419..cdba5d9675f424 100644
--- a/packages/mui-material/src/Divider/Divider.test.js
+++ b/packages/mui-material/src/Divider/Divider.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import Divider, { dividerClasses as classes } from '@mui/material/Divider';
 
 describe('<Divider />', () => {
diff --git a/packages/mui-material/src/Drawer/Drawer.d.ts b/packages/mui-material/src/Drawer/Drawer.d.ts
index 296ca1c0545346..ab7f745e9f1ae1 100644
--- a/packages/mui-material/src/Drawer/Drawer.d.ts
+++ b/packages/mui-material/src/Drawer/Drawer.d.ts
@@ -33,8 +33,10 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
   ModalProps?: Partial<ModalProps>;
   /**
    * Callback fired when the component requests to be closed.
+   * The `reason` parameter can optionally be used to control the response to `onClose`.
    *
    * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
   onClose?: ModalProps['onClose'];
   /**
diff --git a/packages/mui-material/src/Drawer/Drawer.js b/packages/mui-material/src/Drawer/Drawer.js
index bd6feaeee0a1d0..3b9491de5c4753 100644
--- a/packages/mui-material/src/Drawer/Drawer.js
+++ b/packages/mui-material/src/Drawer/Drawer.js
@@ -309,8 +309,10 @@ Drawer.propTypes /* remove-proptypes */ = {
   ModalProps: PropTypes.object,
   /**
    * Callback fired when the component requests to be closed.
+   * The `reason` parameter can optionally be used to control the response to `onClose`.
    *
    * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
   onClose: PropTypes.func,
   /**
diff --git a/packages/mui-material/src/Drawer/Drawer.test.js b/packages/mui-material/src/Drawer/Drawer.test.js
index c78c0f66e82c11..f410f654e621cd 100644
--- a/packages/mui-material/src/Drawer/Drawer.test.js
+++ b/packages/mui-material/src/Drawer/Drawer.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer, describeConformance, screen } from 'test/utils';
+import { createRenderer, describeConformance, screen } from '@mui-internal/test-utils';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import Drawer, { drawerClasses as classes } from '@mui/material/Drawer';
 import { getAnchor, isHorizontal } from './Drawer';
diff --git a/packages/mui-material/src/Fab/Fab.d.ts b/packages/mui-material/src/Fab/Fab.d.ts
index 5c272fee5541c4..8952dadb24eaba 100644
--- a/packages/mui-material/src/Fab/Fab.d.ts
+++ b/packages/mui-material/src/Fab/Fab.d.ts
@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { OverridableStringUnion } from '@mui/types';
 import { SxProps } from '@mui/system';
 import { PropTypes, Theme } from '..';
@@ -11,65 +12,67 @@ export interface FabPropsSizeOverrides {}
 
 export interface FabPropsColorOverrides {}
 
+export interface FabOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<FabClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'default'
+   */
+  color?: OverridableStringUnion<
+    PropTypes.Color | 'success' | 'error' | 'info' | 'warning',
+    FabPropsColorOverrides
+  >;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple?: boolean;
+  /**
+   * If `true`, the ripple effect is disabled.
+   */
+  disableRipple?: boolean;
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href?: string;
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'large'
+   */
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', FabPropsSizeOverrides>;
+  /**
+   * The variant to use.
+   * @default 'circular'
+   */
+  variant?: OverridableStringUnion<'circular' | 'extended', FabPropsVariantOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export type FabTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'button',
+  RootComponent extends React.ElementType = 'button',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<FabClasses>;
-    /**
-     * The color of the component.
-     * It supports both default and custom theme colors, which can be added as shown in the
-     * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-     * @default 'default'
-     */
-    color?: OverridableStringUnion<
-      PropTypes.Color | 'success' | 'error' | 'info' | 'warning',
-      FabPropsColorOverrides
-    >;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the  keyboard focus ripple is disabled.
-     * @default false
-     */
-    disableFocusRipple?: boolean;
-    /**
-     * If `true`, the ripple effect is disabled.
-     */
-    disableRipple?: boolean;
-    /**
-     * The URL to link to when the button is clicked.
-     * If defined, an `a` element will be used as the root node.
-     */
-    href?: string;
-    /**
-     * The size of the component.
-     * `small` is equivalent to the dense button styling.
-     * @default 'large'
-     */
-    size?: OverridableStringUnion<'small' | 'medium' | 'large', FabPropsSizeOverrides>;
-    /**
-     * The variant to use.
-     * @default 'circular'
-     */
-    variant?: OverridableStringUnion<'circular' | 'extended', FabPropsVariantOverrides>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & FabOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material/src/Fab/Fab.test.js b/packages/mui-material/src/Fab/Fab.test.js
index 78b91555a67cd7..df56852e626573 100644
--- a/packages/mui-material/src/Fab/Fab.test.js
+++ b/packages/mui-material/src/Fab/Fab.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, act, fireEvent } from 'test/utils';
+import { describeConformance, createRenderer, act, fireEvent } from '@mui-internal/test-utils';
 import Fab, { fabClasses as classes } from '@mui/material/Fab';
 import ButtonBase, { touchRippleClasses } from '@mui/material/ButtonBase';
 import Icon from '@mui/material/Icon';
diff --git a/packages/mui-material/src/Fade/Fade.test.js b/packages/mui-material/src/Fade/Fade.test.js
index 3b1621e5622c29..a4861623add6e1 100644
--- a/packages/mui-material/src/Fade/Fade.test.js
+++ b/packages/mui-material/src/Fade/Fade.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { Transition } from 'react-transition-group';
 import Fade from '@mui/material/Fade';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
diff --git a/packages/mui-material/src/FilledInput/FilledInput.test.js b/packages/mui-material/src/FilledInput/FilledInput.test.js
index 12d05b68974504..e7ce5fde0068d7 100644
--- a/packages/mui-material/src/FilledInput/FilledInput.test.js
+++ b/packages/mui-material/src/FilledInput/FilledInput.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import FilledInput, { filledInputClasses as classes } from '@mui/material/FilledInput';
 import InputBase from '@mui/material/InputBase';
 
diff --git a/packages/mui-material/src/FormControl/FormControl.d.ts b/packages/mui-material/src/FormControl/FormControl.d.ts
index f3ff6f89bd990b..e16a6d1b2f51ff 100644
--- a/packages/mui-material/src/FormControl/FormControl.d.ts
+++ b/packages/mui-material/src/FormControl/FormControl.d.ts
@@ -8,81 +8,83 @@ import { FormControlClasses } from './formControlClasses';
 export interface FormControlPropsSizeOverrides {}
 export interface FormControlPropsColorOverrides {}
 
+export interface FormControlOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<FormControlClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color?: OverridableStringUnion<
+    'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
+    FormControlPropsColorOverrides
+  >;
+  /**
+   * If `true`, the label, input and helper text should be displayed in a disabled state.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the label is displayed in an error state.
+   * @default false
+   */
+  error?: boolean;
+  /**
+   * If `true`, the component will take up the full width of its container.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * If `true`, the component is displayed in focused state.
+   */
+  focused?: boolean;
+  /**
+   * If `true`, the label is hidden.
+   * This is used to increase density for a `FilledInput`.
+   * Be sure to add `aria-label` to the `input` element.
+   * @default false
+   */
+  hiddenLabel?: boolean;
+  /**
+   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
+   * @default 'none'
+   */
+  margin?: 'dense' | 'normal' | 'none';
+  /**
+   * If `true`, the label will indicate that the `input` is required.
+   * @default false
+   */
+  required?: boolean;
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium', FormControlPropsSizeOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant?: 'standard' | 'outlined' | 'filled';
+}
+
 export interface FormControlTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<FormControlClasses>;
-    /**
-     * The color of the component.
-     * It supports both default and custom theme colors, which can be added as shown in the
-     * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-     * @default 'primary'
-     */
-    color?: OverridableStringUnion<
-      'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
-      FormControlPropsColorOverrides
-    >;
-    /**
-     * If `true`, the label, input and helper text should be displayed in a disabled state.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the label is displayed in an error state.
-     * @default false
-     */
-    error?: boolean;
-    /**
-     * If `true`, the component will take up the full width of its container.
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * If `true`, the component is displayed in focused state.
-     */
-    focused?: boolean;
-    /**
-     * If `true`, the label is hidden.
-     * This is used to increase density for a `FilledInput`.
-     * Be sure to add `aria-label` to the `input` element.
-     * @default false
-     */
-    hiddenLabel?: boolean;
-    /**
-     * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
-     * @default 'none'
-     */
-    margin?: 'dense' | 'normal' | 'none';
-    /**
-     * If `true`, the label will indicate that the `input` is required.
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * The size of the component.
-     * @default 'medium'
-     */
-    size?: OverridableStringUnion<'small' | 'medium', FormControlPropsSizeOverrides>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The variant to use.
-     * @default 'outlined'
-     */
-    variant?: 'standard' | 'outlined' | 'filled';
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & FormControlOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/FormControl/FormControl.test.js b/packages/mui-material/src/FormControl/FormControl.test.js
index 0cb5aa7d738929..1e905a6e098884 100644
--- a/packages/mui-material/src/FormControl/FormControl.test.js
+++ b/packages/mui-material/src/FormControl/FormControl.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, act, createRenderer } from 'test/utils';
+import { describeConformance, act, createRenderer } from '@mui-internal/test-utils';
 import FormControl, { formControlClasses as classes } from '@mui/material/FormControl';
 import Input from '@mui/material/Input';
 import Select from '@mui/material/Select';
diff --git a/packages/mui-material/src/FormControlLabel/FormControlLabel.test.js b/packages/mui-material/src/FormControlLabel/FormControlLabel.test.js
index f2ef25f819bd64..54711bbc7544d5 100644
--- a/packages/mui-material/src/FormControlLabel/FormControlLabel.test.js
+++ b/packages/mui-material/src/FormControlLabel/FormControlLabel.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import FormControlLabel, {
   formControlLabelClasses as classes,
 } from '@mui/material/FormControlLabel';
diff --git a/packages/mui-material/src/FormGroup/FormGroup.test.js b/packages/mui-material/src/FormGroup/FormGroup.test.js
index 9321816aa6c2db..6750ca848e023e 100644
--- a/packages/mui-material/src/FormGroup/FormGroup.test.js
+++ b/packages/mui-material/src/FormGroup/FormGroup.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import FormGroup, { formGroupClasses as classes } from '@mui/material/FormGroup';
 import FormControl from '@mui/material/FormControl';
 
diff --git a/packages/mui-material/src/FormHelperText/FormHelperText.d.ts b/packages/mui-material/src/FormHelperText/FormHelperText.d.ts
index 703f00bbd7b0d1..0869db3920d6b8 100644
--- a/packages/mui-material/src/FormHelperText/FormHelperText.d.ts
+++ b/packages/mui-material/src/FormHelperText/FormHelperText.d.ts
@@ -7,59 +7,61 @@ import { FormHelperTextClasses } from './formHelperTextClasses';
 
 export interface FormHelperTextPropsVariantOverrides {}
 
+export interface FormHelperTextOwnProps {
+  /**
+   * The content of the component.
+   *
+   * If `' '` is provided, the component reserves one line height for displaying a future message.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<FormHelperTextClasses>;
+  /**
+   * If `true`, the helper text should be displayed in a disabled state.
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, helper text should be displayed in an error state.
+   */
+  error?: boolean;
+  /**
+   * If `true`, the helper text should use filled classes key.
+   */
+  filled?: boolean;
+  /**
+   * If `true`, the helper text should use focused classes key.
+   */
+  focused?: boolean;
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   */
+  margin?: 'dense';
+  /**
+   * If `true`, the helper text should use required classes key.
+   */
+  required?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The variant to use.
+   */
+  variant?: OverridableStringUnion<
+    'standard' | 'outlined' | 'filled',
+    FormHelperTextPropsVariantOverrides
+  >;
+}
+
 export interface FormHelperTextTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'p',
+  RootComponent extends React.ElementType = 'p',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     *
-     * If `' '` is provided, the component reserves one line height for displaying a future message.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<FormHelperTextClasses>;
-    /**
-     * If `true`, the helper text should be displayed in a disabled state.
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, helper text should be displayed in an error state.
-     */
-    error?: boolean;
-    /**
-     * If `true`, the helper text should use filled classes key.
-     */
-    filled?: boolean;
-    /**
-     * If `true`, the helper text should use focused classes key.
-     */
-    focused?: boolean;
-    /**
-     * If `dense`, will adjust vertical spacing. This is normally obtained via context from
-     * FormControl.
-     */
-    margin?: 'dense';
-    /**
-     * If `true`, the helper text should use required classes key.
-     */
-    required?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The variant to use.
-     */
-    variant?: OverridableStringUnion<
-      'standard' | 'outlined' | 'filled',
-      FormHelperTextPropsVariantOverrides
-    >;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & FormHelperTextOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/FormHelperText/FormHelperText.test.js b/packages/mui-material/src/FormHelperText/FormHelperText.test.js
index 9d367aac2a5f07..1d56b54bd16a31 100644
--- a/packages/mui-material/src/FormHelperText/FormHelperText.test.js
+++ b/packages/mui-material/src/FormHelperText/FormHelperText.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import FormHelperText, { formHelperTextClasses as classes } from '@mui/material/FormHelperText';
 import FormControl from '@mui/material/FormControl';
 
diff --git a/packages/mui-material/src/FormLabel/FormLabel.d.ts b/packages/mui-material/src/FormLabel/FormLabel.d.ts
index f580b7fdeaf0cc..980c088469fb5d 100644
--- a/packages/mui-material/src/FormLabel/FormLabel.d.ts
+++ b/packages/mui-material/src/FormLabel/FormLabel.d.ts
@@ -7,6 +7,11 @@ import { FormLabelClasses } from './formLabelClasses';
 
 export interface FormLabelPropsColorOverrides {}
 
+/**
+ * This type is kept for compatibility. Use `FormLabelOwnProps` instead.
+ */
+export type FormLabelBaseProps = React.LabelHTMLAttributes<HTMLLabelElement>;
+
 export interface FormLabelOwnProps {
   /**
    * The content of the component.
@@ -53,10 +58,10 @@ export interface FormLabelOwnProps {
 
 export interface FormLabelTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'label',
+  RootComponent extends React.ElementType = 'label',
 > {
   props: AdditionalProps & FormLabelBaseProps & FormLabelOwnProps;
-  defaultComponent: DefaultComponent;
+  defaultComponent: RootComponent;
 }
 
 /**
@@ -73,8 +78,6 @@ export interface FormLabelTypeMap<
  */
 declare const FormLabel: OverridableComponent<FormLabelTypeMap>;
 
-export type FormLabelBaseProps = React.LabelHTMLAttributes<HTMLLabelElement>;
-
 export interface ExtendFormLabelTypeMap<TypeMap extends OverridableTypeMap> {
   props: TypeMap['props'] & Pick<FormLabelOwnProps, 'filled' | 'color'>;
   defaultComponent: TypeMap['defaultComponent'];
diff --git a/packages/mui-material/src/FormLabel/FormLabel.test.js b/packages/mui-material/src/FormLabel/FormLabel.test.js
index 3fd3411cd7756a..ca7dee45ad6604 100644
--- a/packages/mui-material/src/FormLabel/FormLabel.test.js
+++ b/packages/mui-material/src/FormLabel/FormLabel.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { expect } from 'chai';
-import { describeConformance, act, createRenderer } from 'test/utils';
+import { describeConformance, act, createRenderer } from '@mui-internal/test-utils';
 import FormLabel, { formLabelClasses as classes } from '@mui/material/FormLabel';
 import FormControl, { useFormControl } from '@mui/material/FormControl';
 import { hexToRgb } from '@mui/material/styles';
diff --git a/packages/mui-material/src/GlobalStyles/GlobalStyles.test.js b/packages/mui-material/src/GlobalStyles/GlobalStyles.test.js
index 17f9fb7086a77a..7d203be949b1c5 100644
--- a/packages/mui-material/src/GlobalStyles/GlobalStyles.test.js
+++ b/packages/mui-material/src/GlobalStyles/GlobalStyles.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import GlobalStyles from '@mui/material/GlobalStyles';
 import { ThemeProvider, createTheme } from '@mui/material//styles/';
 
diff --git a/packages/mui-material/src/Grid/Grid.d.ts b/packages/mui-material/src/Grid/Grid.d.ts
index 4639d6ce4fffe7..8df168eec79edb 100644
--- a/packages/mui-material/src/Grid/Grid.d.ts
+++ b/packages/mui-material/src/Grid/Grid.d.ts
@@ -83,77 +83,78 @@ type Breakpoints = IfEquals<
   CustomBreakpoints
 >;
 
+export interface GridOwnProps extends SystemProps<Theme>, Breakpoints {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<GridClasses>;
+  /**
+   * The number of columns.
+   * @default 12
+   */
+  columns?: ResponsiveStyleValue<number>;
+  /**
+   * Defines the horizontal space between the type `item` components.
+   * It overrides the value of the `spacing` prop.
+   */
+  columnSpacing?: ResponsiveStyleValue<GridSpacing>;
+  /**
+   * If `true`, the component will have the flex *container* behavior.
+   * You should be wrapping *items* with a *container*.
+   * @default false
+   */
+  container?: boolean;
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'row'
+   */
+  direction?: ResponsiveStyleValue<GridDirection>;
+  /**
+   * If `true`, the component will have the flex *item* behavior.
+   * You should be wrapping *items* with a *container*.
+   * @default false
+   */
+  item?: boolean;
+  /**
+   * Defines the vertical space between the type `item` components.
+   * It overrides the value of the `spacing` prop.
+   */
+  rowSpacing?: ResponsiveStyleValue<GridSpacing>;
+  /**
+   * Defines the space between the type `item` components.
+   * It can only be used on a type `container` component.
+   * @default 0
+   */
+  spacing?: ResponsiveStyleValue<GridSpacing>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * Defines the `flex-wrap` style property.
+   * It's applied for all screen sizes.
+   * @default 'wrap'
+   */
+  wrap?: GridWrap;
+  /**
+   * If `true`, it sets `min-width: 0` on the item.
+   * Refer to the limitations section of the documentation to better understand the use case.
+   * @default false
+   */
+  zeroMinWidth?: boolean;
+}
+
 export interface GridTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps &
-    SystemProps<Theme> & {
-      /**
-       * The content of the component.
-       */
-      children?: React.ReactNode;
-      /**
-       * Override or extend the styles applied to the component.
-       */
-      classes?: Partial<GridClasses>;
-      /**
-       * The number of columns.
-       * @default 12
-       */
-      columns?: ResponsiveStyleValue<number>;
-      /**
-       * Defines the horizontal space between the type `item` components.
-       * It overrides the value of the `spacing` prop.
-       */
-      columnSpacing?: ResponsiveStyleValue<GridSpacing>;
-      /**
-       * If `true`, the component will have the flex *container* behavior.
-       * You should be wrapping *items* with a *container*.
-       * @default false
-       */
-      container?: boolean;
-      /**
-       * Defines the `flex-direction` style property.
-       * It is applied for all screen sizes.
-       * @default 'row'
-       */
-      direction?: ResponsiveStyleValue<GridDirection>;
-      /**
-       * If `true`, the component will have the flex *item* behavior.
-       * You should be wrapping *items* with a *container*.
-       * @default false
-       */
-      item?: boolean;
-      /**
-       * Defines the vertical space between the type `item` components.
-       * It overrides the value of the `spacing` prop.
-       */
-      rowSpacing?: ResponsiveStyleValue<GridSpacing>;
-      /**
-       * Defines the space between the type `item` components.
-       * It can only be used on a type `container` component.
-       * @default 0
-       */
-      spacing?: ResponsiveStyleValue<GridSpacing>;
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-      /**
-       * Defines the `flex-wrap` style property.
-       * It's applied for all screen sizes.
-       * @default 'wrap'
-       */
-      wrap?: GridWrap;
-      /**
-       * If `true`, it sets `min-width: 0` on the item.
-       * Refer to the limitations section of the documentation to better understand the use case.
-       * @default false
-       */
-      zeroMinWidth?: boolean;
-    } & Breakpoints;
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & GridOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/Grid/Grid.test.js b/packages/mui-material/src/Grid/Grid.test.js
index c7b031abdb8446..72d581a9812272 100644
--- a/packages/mui-material/src/Grid/Grid.test.js
+++ b/packages/mui-material/src/Grid/Grid.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, screen } from 'test/utils';
+import { describeConformance, createRenderer, screen } from '@mui-internal/test-utils';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import defaultTheme from '@mui/material/styles/defaultTheme';
 import Grid, { gridClasses as classes } from '@mui/material/Grid';
diff --git a/packages/mui-material/src/Grow/Grow.test.js b/packages/mui-material/src/Grow/Grow.test.js
index 9848c3d54dc1af..6c156a3bda9c0d 100644
--- a/packages/mui-material/src/Grow/Grow.test.js
+++ b/packages/mui-material/src/Grow/Grow.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { Transition } from 'react-transition-group';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import Grow from '@mui/material/Grow';
diff --git a/packages/mui-material/src/Hidden/Hidden.d.ts b/packages/mui-material/src/Hidden/Hidden.d.ts
index 95b026223b7086..b56e7e43b1c519 100644
--- a/packages/mui-material/src/Hidden/Hidden.d.ts
+++ b/packages/mui-material/src/Hidden/Hidden.d.ts
@@ -25,22 +25,22 @@ export interface HiddenProps {
    */
   initialWidth?: Breakpoint;
   /**
-   * If `true`, screens this size and down are hidden.
+   * If `true`, component is hidden on screens below (but not including) this size.
    * @default false
    */
   lgDown?: boolean;
   /**
-   * If `true`, screens this size and up are hidden.
+   * If `true`, component is hidden on screens this size and above.
    * @default false
    */
   lgUp?: boolean;
   /**
-   * If `true`, screens this size and down are hidden.
+   * If `true`, component is hidden on screens below (but not including) this size.
    * @default false
    */
   mdDown?: boolean;
   /**
-   * If `true`, screens this size and up are hidden.
+   * If `true`, component is hidden on screens this size and above.
    * @default false
    */
   mdUp?: boolean;
@@ -49,32 +49,32 @@ export interface HiddenProps {
    */
   only?: Breakpoint | Breakpoint[];
   /**
-   * If `true`, screens this size and down are hidden.
+   * If `true`, component is hidden on screens below (but not including) this size.
    * @default false
    */
   smDown?: boolean;
   /**
-   * If `true`, screens this size and up are hidden.
+   * If `true`, component is hidden on screens this size and above.
    * @default false
    */
   smUp?: boolean;
   /**
-   * If `true`, screens this size and down are hidden.
+   * If `true`, component is hidden on screens below (but not including) this size.
    * @default false
    */
   xlDown?: boolean;
   /**
-   * If `true`, screens this size and up are hidden.
+   * If `true`, component is hidden on screens this size and above.
    * @default false
    */
   xlUp?: boolean;
   /**
-   * If `true`, screens this size and down are hidden.
+   * If `true`, component is hidden on screens below (but not including) this size.
    * @default false
    */
   xsDown?: boolean;
   /**
-   * If `true`, screens this size and up are hidden.
+   * If `true`, component is hidden on screens this size and above.
    * @default false
    */
   xsUp?: boolean;
diff --git a/packages/mui-material/src/Hidden/Hidden.test.js b/packages/mui-material/src/Hidden/Hidden.test.js
index 2ab58034152857..f5024fe11fb8fa 100644
--- a/packages/mui-material/src/Hidden/Hidden.test.js
+++ b/packages/mui-material/src/Hidden/Hidden.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import Hidden from '@mui/material/Hidden';
 
 describe('<Hidden />', () => {
diff --git a/packages/mui-material/src/Hidden/HiddenCss.test.js b/packages/mui-material/src/Hidden/HiddenCss.test.js
index 83f7c4f279b0a5..a77e5ebd557b8c 100644
--- a/packages/mui-material/src/Hidden/HiddenCss.test.js
+++ b/packages/mui-material/src/Hidden/HiddenCss.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, strictModeDoubleLoggingSuppressed } from 'test/utils';
+import { createRenderer, strictModeDoubleLoggingSuppressed } from '@mui-internal/test-utils';
 import HiddenCss from './HiddenCss';
 import { createTheme, ThemeProvider } from '../styles';
 import classes from './hiddenCssClasses';
diff --git a/packages/mui-material/src/Hidden/HiddenJs.test.js b/packages/mui-material/src/Hidden/HiddenJs.test.js
index d96dab021d81da..43cc2320c25648 100644
--- a/packages/mui-material/src/Hidden/HiddenJs.test.js
+++ b/packages/mui-material/src/Hidden/HiddenJs.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import HiddenJs from './HiddenJs';
 
 describe('<HiddenJs />', () => {
diff --git a/packages/mui-material/src/Icon/Icon.d.ts b/packages/mui-material/src/Icon/Icon.d.ts
index d66a87825db304..e29f7a1121e673 100644
--- a/packages/mui-material/src/Icon/Icon.d.ts
+++ b/packages/mui-material/src/Icon/Icon.d.ts
@@ -9,57 +9,59 @@ export interface IconPropsSizeOverrides {}
 
 export interface IconPropsColorOverrides {}
 
+export interface IconOwnProps {
+  /**
+   * The base class applied to the icon. Defaults to 'material-icons', but can be changed to any
+   * other base class that suits the icon font you're using (e.g. material-icons-rounded, fas, etc).
+   * @default 'material-icons'
+   */
+  baseClassName?: string;
+  /**
+   * The name of the icon font ligature.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<IconClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'inherit'
+   */
+  color?: OverridableStringUnion<
+    | 'inherit'
+    | 'action'
+    | 'disabled'
+    | 'primary'
+    | 'secondary'
+    | 'error'
+    | 'info'
+    | 'success'
+    | 'warning',
+    IconPropsColorOverrides
+  >;
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize?: OverridableStringUnion<
+    'inherit' | 'large' | 'medium' | 'small',
+    IconPropsSizeOverrides
+  >;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface IconTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'span',
+  RootComponent extends React.ElementType = 'span',
 > {
-  props: AdditionalProps & {
-    /**
-     * The base class applied to the icon. Defaults to 'material-icons', but can be changed to any
-     * other base class that suits the icon font you're using (e.g. material-icons-rounded, fas, etc).
-     * @default 'material-icons'
-     */
-    baseClassName?: string;
-    /**
-     * The name of the icon font ligature.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<IconClasses>;
-    /**
-     * The color of the component.
-     * It supports both default and custom theme colors, which can be added as shown in the
-     * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-     * @default 'inherit'
-     */
-    color?: OverridableStringUnion<
-      | 'inherit'
-      | 'action'
-      | 'disabled'
-      | 'primary'
-      | 'secondary'
-      | 'error'
-      | 'info'
-      | 'success'
-      | 'warning',
-      IconPropsColorOverrides
-    >;
-    /**
-     * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
-     * @default 'medium'
-     */
-    fontSize?: OverridableStringUnion<
-      'inherit' | 'large' | 'medium' | 'small',
-      IconPropsSizeOverrides
-    >;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & IconOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/Icon/Icon.test.js b/packages/mui-material/src/Icon/Icon.test.js
index e1c22af46319d5..c4acaff527e05e 100644
--- a/packages/mui-material/src/Icon/Icon.test.js
+++ b/packages/mui-material/src/Icon/Icon.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Icon, { iconClasses as classes } from '@mui/material/Icon';
 
 describe('<Icon />', () => {
diff --git a/packages/mui-material/src/IconButton/IconButton.d.ts b/packages/mui-material/src/IconButton/IconButton.d.ts
index a764796b81bb44..09b3c4d23c52eb 100644
--- a/packages/mui-material/src/IconButton/IconButton.d.ts
+++ b/packages/mui-material/src/IconButton/IconButton.d.ts
@@ -10,59 +10,61 @@ export interface IconButtonPropsColorOverrides {}
 
 export interface IconButtonPropsSizeOverrides {}
 
+export interface IconButtonOwnProps {
+  /**
+   * The icon to display.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<IconButtonClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'default'
+   */
+  color?: OverridableStringUnion<
+    'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
+    IconButtonPropsColorOverrides
+  >;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple?: boolean;
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge?: 'start' | 'end' | false;
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', IconButtonPropsSizeOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export type IconButtonTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'button',
+  RootComponent extends React.ElementType = 'button',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * The icon to display.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<IconButtonClasses>;
-    /**
-     * The color of the component.
-     * It supports both default and custom theme colors, which can be added as shown in the
-     * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-     * @default 'default'
-     */
-    color?: OverridableStringUnion<
-      'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
-      IconButtonPropsColorOverrides
-    >;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the  keyboard focus ripple is disabled.
-     * @default false
-     */
-    disableFocusRipple?: boolean;
-    /**
-     * If given, uses a negative margin to counteract the padding on one
-     * side (this is often helpful for aligning the left or right
-     * side of the icon with content above or below, without ruining the border
-     * size and shape).
-     * @default false
-     */
-    edge?: 'start' | 'end' | false;
-    /**
-     * The size of the component.
-     * `small` is equivalent to the dense button styling.
-     * @default 'medium'
-     */
-    size?: OverridableStringUnion<'small' | 'medium' | 'large', IconButtonPropsSizeOverrides>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & IconButtonOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material/src/IconButton/IconButton.test.js b/packages/mui-material/src/IconButton/IconButton.test.js
index 8dcad452cc84f7..7c744f92a59c47 100644
--- a/packages/mui-material/src/IconButton/IconButton.test.js
+++ b/packages/mui-material/src/IconButton/IconButton.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import PropTypes from 'prop-types';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { unstable_capitalize as capitalize } from '@mui/utils';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import IconButton, { iconButtonClasses as classes } from '@mui/material/IconButton';
diff --git a/packages/mui-material/src/ImageList/ImageList.d.ts b/packages/mui-material/src/ImageList/ImageList.d.ts
index 86a93a2a399d8b..618e3cbc990531 100644
--- a/packages/mui-material/src/ImageList/ImageList.d.ts
+++ b/packages/mui-material/src/ImageList/ImageList.d.ts
@@ -7,48 +7,50 @@ import { ImageListClasses } from './imageListClasses';
 
 export interface ImageListPropsVariantOverrides {}
 
+export interface ImageListOwnProps {
+  /**
+   * The content of the component, normally `ImageListItem`s.
+   */
+  children: NonNullable<React.ReactNode>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ImageListClasses>;
+  /**
+   * Number of columns.
+   * @default 2
+   */
+  cols?: number;
+  /**
+   * The gap between items in px.
+   * @default 4
+   */
+  gap?: number;
+  /**
+   * The height of one row in px.
+   * @default 'auto'
+   */
+  rowHeight?: number | 'auto';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The variant to use.
+   * @default 'standard'
+   */
+  variant?: OverridableStringUnion<
+    'masonry' | 'quilted' | 'standard' | 'woven',
+    ImageListPropsVariantOverrides
+  >;
+}
+
 export interface ImageListTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'ul',
+  RootComponent extends React.ElementType = 'ul',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component, normally `ImageListItem`s.
-     */
-    children: NonNullable<React.ReactNode>;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ImageListClasses>;
-    /**
-     * Number of columns.
-     * @default 2
-     */
-    cols?: number;
-    /**
-     * The gap between items in px.
-     * @default 4
-     */
-    gap?: number;
-    /**
-     * The height of one row in px.
-     * @default 'auto'
-     */
-    rowHeight?: number | 'auto';
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The variant to use.
-     * @default 'standard'
-     */
-    variant?: OverridableStringUnion<
-      'masonry' | 'quilted' | 'standard' | 'woven',
-      ImageListPropsVariantOverrides
-    >;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ImageListOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/ImageList/ImageList.test.js b/packages/mui-material/src/ImageList/ImageList.test.js
index 724dc0dabc8178..d57841ecc61442 100644
--- a/packages/mui-material/src/ImageList/ImageList.test.js
+++ b/packages/mui-material/src/ImageList/ImageList.test.js
@@ -1,6 +1,6 @@
 import { expect } from 'chai';
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import ImageList, { imageListClasses as classes } from '@mui/material/ImageList';
 
 const itemsData = [
diff --git a/packages/mui-material/src/ImageListItem/ImageListItem.d.ts b/packages/mui-material/src/ImageListItem/ImageListItem.d.ts
index acce86d80b9a50..09892699adfadb 100644
--- a/packages/mui-material/src/ImageListItem/ImageListItem.d.ts
+++ b/packages/mui-material/src/ImageListItem/ImageListItem.d.ts
@@ -4,35 +4,37 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { ImageListItemClasses } from './imageListItemClasses';
 
+export interface ImageListItemOwnProps {
+  /**
+   * The content of the component, normally an `<img>`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ImageListItemClasses>;
+  /**
+   * Width of the item in number of grid columns.
+   * @default 1
+   */
+  cols?: number;
+  /**
+   * Height of the item in number of grid rows.
+   * @default 1
+   */
+  rows?: number;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface ImageListItemTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'li',
+  RootComponent extends React.ElementType = 'li',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component, normally an `<img>`.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ImageListItemClasses>;
-    /**
-     * Width of the item in number of grid columns.
-     * @default 1
-     */
-    cols?: number;
-    /**
-     * Height of the item in number of grid rows.
-     * @default 1
-     */
-    rows?: number;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ImageListItemOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/ImageListItem/ImageListItem.js b/packages/mui-material/src/ImageListItem/ImageListItem.js
index a4ded4368963f1..3b6345586d0a83 100644
--- a/packages/mui-material/src/ImageListItem/ImageListItem.js
+++ b/packages/mui-material/src/ImageListItem/ImageListItem.js
@@ -101,6 +101,7 @@ const ImageListItem = React.forwardRef(function ImageListItem(inProps, ref) {
         gridColumnEnd: variant !== 'masonry' ? `span ${cols}` : undefined,
         gridRowEnd: variant !== 'masonry' ? `span ${rows}` : undefined,
         marginBottom: variant === 'masonry' ? gap : undefined,
+        breakInside: variant === 'masonry' ? 'avoid' : undefined,
         ...style,
       }}
       ownerState={ownerState}
diff --git a/packages/mui-material/src/ImageListItem/ImageListItem.test.js b/packages/mui-material/src/ImageListItem/ImageListItem.test.js
index d5be030ecccdde..6580c8ded5cd2e 100644
--- a/packages/mui-material/src/ImageListItem/ImageListItem.test.js
+++ b/packages/mui-material/src/ImageListItem/ImageListItem.test.js
@@ -1,6 +1,6 @@
 import { expect } from 'chai';
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import ImageList from '@mui/material/ImageList';
 import ImageListItem, { imageListItemClasses as classes } from '@mui/material/ImageListItem';
 
diff --git a/packages/mui-material/src/ImageListItemBar/ImageListItemBar.test.js b/packages/mui-material/src/ImageListItemBar/ImageListItemBar.test.js
index d1165a5c0595f3..64069aad1be4d6 100644
--- a/packages/mui-material/src/ImageListItemBar/ImageListItemBar.test.js
+++ b/packages/mui-material/src/ImageListItemBar/ImageListItemBar.test.js
@@ -1,6 +1,6 @@
 import { expect } from 'chai';
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import ImageListItemBar, {
   imageListItemBarClasses as classes,
 } from '@mui/material/ImageListItemBar';
diff --git a/packages/mui-material/src/Input/Input.test.js b/packages/mui-material/src/Input/Input.test.js
index 111685214225c6..37166718c3245f 100644
--- a/packages/mui-material/src/Input/Input.test.js
+++ b/packages/mui-material/src/Input/Input.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import InputBase from '@mui/material/InputBase';
 import Input, { inputClasses as classes } from '@mui/material/Input';
 
diff --git a/packages/mui-material/src/InputAdornment/InputAdornment.d.ts b/packages/mui-material/src/InputAdornment/InputAdornment.d.ts
index 477b3436843f49..14ad4b05d3f00d 100644
--- a/packages/mui-material/src/InputAdornment/InputAdornment.d.ts
+++ b/packages/mui-material/src/InputAdornment/InputAdornment.d.ts
@@ -4,46 +4,48 @@ import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { Theme } from '..';
 import { InputAdornmentClasses } from './inputAdornmentClasses';
 
+export interface InputAdornmentOwnProps {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<InputAdornmentClasses>;
+  /**
+   * The content of the component, normally an `IconButton` or string.
+   */
+  children?: React.ReactNode;
+  /**
+   * Disable pointer events on the root.
+   * This allows for the content of the adornment to focus the `input` on click.
+   * @default false
+   */
+  disablePointerEvents?: boolean;
+  /**
+   * If children is a string then disable wrapping in a Typography component.
+   * @default false
+   */
+  disableTypography?: boolean;
+  /**
+   * The position this adornment should appear relative to the `Input`.
+   */
+  position: 'start' | 'end';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The variant to use.
+   * Note: If you are using the `TextField` component or the `FormControl` component
+   * you do not have to set this manually.
+   */
+  variant?: 'standard' | 'outlined' | 'filled';
+}
+
 export interface InputAdornmentTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<InputAdornmentClasses>;
-    /**
-     * The content of the component, normally an `IconButton` or string.
-     */
-    children?: React.ReactNode;
-    /**
-     * Disable pointer events on the root.
-     * This allows for the content of the adornment to focus the `input` on click.
-     * @default false
-     */
-    disablePointerEvents?: boolean;
-    /**
-     * If children is a string then disable wrapping in a Typography component.
-     * @default false
-     */
-    disableTypography?: boolean;
-    /**
-     * The position this adornment should appear relative to the `Input`.
-     */
-    position: 'start' | 'end';
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The variant to use.
-     * Note: If you are using the `TextField` component or the `FormControl` component
-     * you do not have to set this manually.
-     */
-    variant?: 'standard' | 'outlined' | 'filled';
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & InputAdornmentOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/InputAdornment/InputAdornment.test.js b/packages/mui-material/src/InputAdornment/InputAdornment.test.js
index bf7020be5bec60..8cb9c32096e4b6 100644
--- a/packages/mui-material/src/InputAdornment/InputAdornment.test.js
+++ b/packages/mui-material/src/InputAdornment/InputAdornment.test.js
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, strictModeDoubleLoggingSuppressed } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  strictModeDoubleLoggingSuppressed,
+} from '@mui-internal/test-utils';
 import { typographyClasses } from '@mui/material/Typography';
 import InputAdornment, { inputAdornmentClasses as classes } from '@mui/material/InputAdornment';
 import TextField from '@mui/material/TextField';
diff --git a/packages/mui-material/src/InputBase/InputBase.js b/packages/mui-material/src/InputBase/InputBase.js
index 6f948212ec8afc..82a22a3b7471b0 100644
--- a/packages/mui-material/src/InputBase/InputBase.js
+++ b/packages/mui-material/src/InputBase/InputBase.js
@@ -78,7 +78,7 @@ const useUtilityClasses = (ownerState) => {
       fullWidth && 'fullWidth',
       focused && 'focused',
       formControl && 'formControl',
-      size === 'small' && 'sizeSmall',
+      size && size !== 'medium' && `size${capitalize(size)}`,
       multiline && 'multiline',
       startAdornment && 'adornedStart',
       endAdornment && 'adornedEnd',
@@ -440,7 +440,8 @@ const InputBase = React.forwardRef(function InputBase(inProps, ref) {
     if (inputRef.current && event.currentTarget === event.target) {
       inputRef.current.focus();
     }
-    if (onClick && !fcs.disabled) {
+
+    if (onClick) {
       onClick(event);
     }
   };
diff --git a/packages/mui-material/src/InputBase/InputBase.test.js b/packages/mui-material/src/InputBase/InputBase.test.js
index f2433ae573f7af..f890e3e7ccc41f 100644
--- a/packages/mui-material/src/InputBase/InputBase.test.js
+++ b/packages/mui-material/src/InputBase/InputBase.test.js
@@ -2,7 +2,13 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, act, createRenderer, fireEvent, screen } from 'test/utils';
+import {
+  describeConformance,
+  act,
+  createRenderer,
+  fireEvent,
+  screen,
+} from '@mui-internal/test-utils';
 import { ThemeProvider } from '@emotion/react';
 import FormControl, { useFormControl } from '@mui/material/FormControl';
 import InputAdornment from '@mui/material/InputAdornment';
@@ -129,6 +135,14 @@ describe('<InputBase />', () => {
       });
       expect(handleFocus.called).to.equal(false);
     });
+
+    it('fires the click event when the <input /> is disabled', () => {
+      const handleClick = spy();
+      const { getByRole } = render(<InputBase disabled onClick={handleClick} />);
+      const input = getByRole('textbox');
+      fireEvent.click(input);
+      expect(handleClick.callCount).to.equal(1);
+    });
   });
 
   describe('prop: readonly', () => {
diff --git a/packages/mui-material/src/InputLabel/InputLabel.d.ts b/packages/mui-material/src/InputLabel/InputLabel.d.ts
index 860db2e2d04e1f..d14ab786e97ab1 100644
--- a/packages/mui-material/src/InputLabel/InputLabel.d.ts
+++ b/packages/mui-material/src/InputLabel/InputLabel.d.ts
@@ -8,65 +8,67 @@ import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 
 export interface InputLabelPropsSizeOverrides {}
 
+export interface InputLabelOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<InputLabelClasses>;
+  color?: FormLabelProps['color'];
+  /**
+   * If `true`, the transition animation is disabled.
+   * @default false
+   */
+  disableAnimation?: boolean;
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the label is displayed in an error state.
+   */
+  error?: boolean;
+  /**
+   * If `true`, the `input` of this label is focused.
+   */
+  focused?: boolean;
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   */
+  margin?: 'dense';
+  /**
+   * if `true`, the label will indicate that the `input` is required.
+   */
+  required?: boolean;
+  /**
+   * If `true`, the label is shrunk.
+   */
+  shrink?: boolean;
+  /**
+   * The size of the component.
+   * @default 'normal'
+   */
+  size?: OverridableStringUnion<'small' | 'normal', InputLabelPropsSizeOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The variant to use.
+   */
+  variant?: 'standard' | 'outlined' | 'filled';
+}
+
 export type InputLabelTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'label',
+  RootComponent extends React.ElementType = 'label',
 > = ExtendFormLabelTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<InputLabelClasses>;
-    color?: FormLabelProps['color'];
-    /**
-     * If `true`, the transition animation is disabled.
-     * @default false
-     */
-    disableAnimation?: boolean;
-    /**
-     * If `true`, the component is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the label is displayed in an error state.
-     */
-    error?: boolean;
-    /**
-     * If `true`, the `input` of this label is focused.
-     */
-    focused?: boolean;
-    /**
-     * If `dense`, will adjust vertical spacing. This is normally obtained via context from
-     * FormControl.
-     */
-    margin?: 'dense';
-    /**
-     * if `true`, the label will indicate that the `input` is required.
-     */
-    required?: boolean;
-    /**
-     * If `true`, the label is shrunk.
-     */
-    shrink?: boolean;
-    /**
-     * The size of the component.
-     * @default 'normal'
-     */
-    size?: OverridableStringUnion<'small' | 'normal', InputLabelPropsSizeOverrides>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The variant to use.
-     */
-    variant?: 'standard' | 'outlined' | 'filled';
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & InputLabelOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material/src/InputLabel/InputLabel.js b/packages/mui-material/src/InputLabel/InputLabel.js
index 6fe139fee107f0..f6684a35a22bb0 100644
--- a/packages/mui-material/src/InputLabel/InputLabel.js
+++ b/packages/mui-material/src/InputLabel/InputLabel.js
@@ -7,6 +7,7 @@ import formControlState from '../FormControl/formControlState';
 import useFormControl from '../FormControl/useFormControl';
 import FormLabel, { formLabelClasses } from '../FormLabel';
 import useThemeProps from '../styles/useThemeProps';
+import capitalize from '../utils/capitalize';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import { getInputLabelUtilityClasses } from './inputLabelClasses';
 
@@ -18,7 +19,7 @@ const useUtilityClasses = (ownerState) => {
       formControl && 'formControl',
       !disableAnimation && 'animated',
       shrink && 'shrink',
-      size === 'small' && 'sizeSmall',
+      size && size !== 'normal' && `size${capitalize(size)}`,
       variant,
     ],
     asterisk: [required && 'asterisk'],
diff --git a/packages/mui-material/src/InputLabel/InputLabel.test.js b/packages/mui-material/src/InputLabel/InputLabel.test.js
index 3027ef9374aa11..1a1b2a7e038f7c 100644
--- a/packages/mui-material/src/InputLabel/InputLabel.test.js
+++ b/packages/mui-material/src/InputLabel/InputLabel.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { expect } from 'chai';
-import { describeConformance, act, createRenderer } from 'test/utils';
+import { describeConformance, act, createRenderer } from '@mui-internal/test-utils';
 import { ClassNames } from '@emotion/react';
 import FormControl from '@mui/material/FormControl';
 import Input from '@mui/material/Input';
diff --git a/packages/mui-material/src/LinearProgress/LinearProgress.test.js b/packages/mui-material/src/LinearProgress/LinearProgress.test.js
index ac41f4bb04c7d9..711f01a7b60238 100644
--- a/packages/mui-material/src/LinearProgress/LinearProgress.test.js
+++ b/packages/mui-material/src/LinearProgress/LinearProgress.test.js
@@ -5,7 +5,7 @@ import {
   screen,
   describeConformance,
   strictModeDoubleLoggingSuppressed,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import LinearProgress, { linearProgressClasses as classes } from '@mui/material/LinearProgress';
 
 describe('<LinearProgress />', () => {
diff --git a/packages/mui-material/src/Link/Link.d.ts b/packages/mui-material/src/Link/Link.d.ts
index 1851a2e609a0d0..99b9147a962c3a 100644
--- a/packages/mui-material/src/Link/Link.d.ts
+++ b/packages/mui-material/src/Link/Link.d.ts
@@ -6,45 +6,43 @@ import { Theme } from '../styles';
 import { TypographyOwnProps } from '../Typography';
 import { LinkClasses } from './linkClasses';
 
-export interface LinkTypeMap<
-  AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'a',
-> {
-  props: AdditionalProps &
-    LinkBaseProps & {
-      /**
-       * The content of the component.
-       */
-      children?: React.ReactNode;
-      /**
-       * Override or extend the styles applied to the component.
-       */
-      classes?: Partial<LinkClasses>;
-      /**
-       * The color of the link.
-       * @default 'primary'
-       */
-      color?: TypographyOwnProps['color'];
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-      /**
-       * `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.
-       */
-      TypographyClasses?: TypographyOwnProps['classes'];
-      /**
-       * Controls when the link should have an underline.
-       * @default 'always'
-       */
-      underline?: 'none' | 'hover' | 'always';
-      /**
-       * Applies the theme typography styles.
-       * @default 'inherit'
-       */
-      variant?: TypographyOwnProps['variant'];
-    };
-  defaultComponent: DefaultComponent;
+export interface LinkOwnProps extends DistributiveOmit<LinkBaseProps, 'classes'> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<LinkClasses>;
+  /**
+   * The color of the link.
+   * @default 'primary'
+   */
+  color?: TypographyOwnProps['color'];
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.
+   */
+  TypographyClasses?: TypographyOwnProps['classes'];
+  /**
+   * Controls when the link should have an underline.
+   * @default 'always'
+   */
+  underline?: 'none' | 'hover' | 'always';
+  /**
+   * Applies the theme typography styles.
+   * @default 'inherit'
+   */
+  variant?: TypographyOwnProps['variant'];
+}
+
+export interface LinkTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'a'> {
+  props: AdditionalProps & LinkOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/Link/Link.js b/packages/mui-material/src/Link/Link.js
index 6bb3be79c1a1d0..b82aa6d5450efb 100644
--- a/packages/mui-material/src/Link/Link.js
+++ b/packages/mui-material/src/Link/Link.js
@@ -48,9 +48,7 @@ const LinkRoot = styled(Typography, {
     ...(ownerState.underline === 'hover' && {
       textDecoration: 'none',
       '&:hover': {
-        '@media (hover: hover)': {
-          textDecoration: 'underline',
-        },
+        textDecoration: 'underline',
       },
     }),
     ...(ownerState.underline === 'always' && {
@@ -59,9 +57,7 @@ const LinkRoot = styled(Typography, {
         textDecorationColor: getTextDecoration({ theme, ownerState }),
       }),
       '&:hover': {
-        '@media (hover: hover)': {
-          textDecorationColor: 'inherit',
-        },
+        textDecorationColor: 'inherit',
       },
     }),
     // Same reset as ButtonBase.root
diff --git a/packages/mui-material/src/Link/Link.test.js b/packages/mui-material/src/Link/Link.test.js
index 14a934324e0cce..30130a42049a98 100644
--- a/packages/mui-material/src/Link/Link.test.js
+++ b/packages/mui-material/src/Link/Link.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { act, createRenderer, fireEvent, describeConformance } from 'test/utils';
+import { act, createRenderer, fireEvent, describeConformance } from '@mui-internal/test-utils';
 import Link, { linkClasses as classes } from '@mui/material/Link';
 import Typography, { typographyClasses } from '@mui/material/Typography';
 
diff --git a/packages/mui-material/src/List/List.d.ts b/packages/mui-material/src/List/List.d.ts
index b4e7430b798ced..19b0aaa68cbd94 100644
--- a/packages/mui-material/src/List/List.d.ts
+++ b/packages/mui-material/src/List/List.d.ts
@@ -4,41 +4,40 @@ import { Theme } from '..';
 import { OverridableComponent, OverridableTypeMap, OverrideProps } from '../OverridableComponent';
 import { ListClasses } from './listClasses';
 
-export interface ListTypeMap<
-  AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'ul',
-> {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ListClasses>;
-    /**
-     * If `true`, compact vertical padding designed for keyboard and mouse input is used for
-     * the list and list items.
-     * The prop is available to descendant components as the `dense` context.
-     * @default false
-     */
-    dense?: boolean;
-    /**
-     * If `true`, vertical padding is removed from the list.
-     * @default false
-     */
-    disablePadding?: boolean;
-    /**
-     * The content of the subheader, normally `ListSubheader`.
-     */
-    subheader?: React.ReactNode;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+export interface ListOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ListClasses>;
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
+   * the list and list items.
+   * The prop is available to descendant components as the `dense` context.
+   * @default false
+   */
+  dense?: boolean;
+  /**
+   * If `true`, vertical padding is removed from the list.
+   * @default false
+   */
+  disablePadding?: boolean;
+  /**
+   * The content of the subheader, normally `ListSubheader`.
+   */
+  subheader?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+export interface ListTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'ul'> {
+  props: AdditionalProps & ListOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/List/List.test.js b/packages/mui-material/src/List/List.test.js
index dbaaed4f12af2d..403a0fcd10da75 100644
--- a/packages/mui-material/src/List/List.test.js
+++ b/packages/mui-material/src/List/List.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import ListSubheader, { listSubheaderClasses } from '@mui/material/ListSubheader';
 import ListItem, { listItemClasses } from '@mui/material/ListItem';
 import List, { listClasses as classes } from '@mui/material/List';
diff --git a/packages/mui-material/src/ListItem/ListItem.d.ts b/packages/mui-material/src/ListItem/ListItem.d.ts
index 7ad0ae4d34f1a6..b4e22ee6ba1c8f 100644
--- a/packages/mui-material/src/ListItem/ListItem.d.ts
+++ b/packages/mui-material/src/ListItem/ListItem.d.ts
@@ -7,6 +7,9 @@ import { ListItemClasses } from './listItemClasses';
 
 export interface ListItemComponentsPropsOverrides {}
 
+/**
+ * This type is kept for compatibility. Use `ListItemOwnProps` instead.
+ */
 export interface ListItemBaseProps {
   /**
    * Defines the `align-items` style property.
@@ -84,55 +87,56 @@ export interface ListItemBaseProps {
   sx?: SxProps<Theme>;
 }
 
-export interface ListItemTypeMap<AdditionalProps, DefaultComponent extends React.ElementType> {
-  props: AdditionalProps &
-    ListItemBaseProps & {
-      /**
-       * The components used for each slot inside.
-       *
-       * This prop is an alias for the `slots` prop.
-       * It's recommended to use the `slots` prop instead.
-       *
-       * @default {}
-       */
-      components?: {
-        Root?: React.ElementType;
-      };
-      /**
-       * The extra props for the slot components.
-       * You can override the existing props or add new ones.
-       *
-       * This prop is an alias for the `slotProps` prop.
-       * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-       *
-       * @default {}
-       */
-      componentsProps?: {
-        root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
-      };
-      /**
-       * The extra props for the slot components.
-       * You can override the existing props or add new ones.
-       *
-       * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
-       *
-       * @default {}
-       */
-      slotProps?: {
-        root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
-      };
-      /**
-       * The components used for each slot inside.
-       *
-       * This prop is an alias for the `components` prop, which will be deprecated in the future.
-       *
-       * @default {}
-       */
-      slots?: {
-        root?: React.ElementType;
-      };
-    };
-  defaultComponent: DefaultComponent;
+export interface ListItemOwnProps extends ListItemBaseProps {
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components?: {
+    Root?: React.ElementType;
+  };
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps?: {
+    root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
+  };
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps?: {
+    root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
+  };
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots?: {
+    root?: React.ElementType;
+  };
+}
+
+export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
+  props: AdditionalProps & ListItemOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/ListItem/ListItem.test.js b/packages/mui-material/src/ListItem/ListItem.test.js
index 8552b641a0435b..1fb64bf733581b 100644
--- a/packages/mui-material/src/ListItem/ListItem.test.js
+++ b/packages/mui-material/src/ListItem/ListItem.test.js
@@ -1,7 +1,13 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import PropTypes from 'prop-types';
-import { describeConformance, act, createRenderer, fireEvent, queries } from 'test/utils';
+import {
+  describeConformance,
+  act,
+  createRenderer,
+  fireEvent,
+  queries,
+} from '@mui-internal/test-utils';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import ListItemText from '@mui/material/ListItemText';
 import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
diff --git a/packages/mui-material/src/ListItemAvatar/ListItemAvatar.test.js b/packages/mui-material/src/ListItemAvatar/ListItemAvatar.test.js
index 76ddec77e5a99e..ef933984736f5d 100644
--- a/packages/mui-material/src/ListItemAvatar/ListItemAvatar.test.js
+++ b/packages/mui-material/src/ListItemAvatar/ListItemAvatar.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import ListItemAvatar, { listItemAvatarClasses as classes } from '@mui/material/ListItemAvatar';
 
 describe('<ListItemAvatar />', () => {
diff --git a/packages/mui-material/src/ListItemButton/ListItemButton.d.ts b/packages/mui-material/src/ListItemButton/ListItemButton.d.ts
index 26d3addf58f8c4..9172789eaa7ea1 100644
--- a/packages/mui-material/src/ListItemButton/ListItemButton.d.ts
+++ b/packages/mui-material/src/ListItemButton/ListItemButton.d.ts
@@ -5,6 +5,10 @@ import { ExtendButtonBase, ExtendButtonBaseTypeMap } from '../ButtonBase';
 import { OverrideProps } from '../OverridableComponent';
 import { ListItemButtonClasses } from './listItemButtonClasses';
 
+/**
+ * This interface is kept for backward compatibility. To extend `LitItemButton`
+ * props through module augmentation, use `ListItemButtonOwnProps`.
+ */
 export interface ListItemButtonBaseProps {
   /**
    * Defines the `align-items` style property.
@@ -58,12 +62,14 @@ export interface ListItemButtonBaseProps {
   sx?: SxProps<Theme>;
 }
 
+export interface ListItemButtonOwnProps extends ListItemButtonBaseProps {}
+
 export type ListItemButtonTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & ListItemButtonBaseProps;
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ListItemButtonOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material/src/ListItemButton/ListItemButton.test.js b/packages/mui-material/src/ListItemButton/ListItemButton.test.js
index 0803b23f795338..ba95529f50fb2a 100644
--- a/packages/mui-material/src/ListItemButton/ListItemButton.test.js
+++ b/packages/mui-material/src/ListItemButton/ListItemButton.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, act, createRenderer, fireEvent } from 'test/utils';
+import { describeConformance, act, createRenderer, fireEvent } from '@mui-internal/test-utils';
 import ListItemButton, { listItemButtonClasses as classes } from '@mui/material/ListItemButton';
 import ButtonBase from '@mui/material/ButtonBase';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
diff --git a/packages/mui-material/src/ListItemIcon/ListItemIcon.test.js b/packages/mui-material/src/ListItemIcon/ListItemIcon.test.js
index 5c8b2482458e8e..541af1b1595457 100644
--- a/packages/mui-material/src/ListItemIcon/ListItemIcon.test.js
+++ b/packages/mui-material/src/ListItemIcon/ListItemIcon.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import ListItemIcon, { listItemIconClasses as classes } from '@mui/material/ListItemIcon';
 
 describe('<ListItemIcon />', () => {
diff --git a/packages/mui-material/src/ListItemSecondaryAction/ListItemSecondaryAction.test.js b/packages/mui-material/src/ListItemSecondaryAction/ListItemSecondaryAction.test.js
index e2e16012d35203..771082fd1883e5 100644
--- a/packages/mui-material/src/ListItemSecondaryAction/ListItemSecondaryAction.test.js
+++ b/packages/mui-material/src/ListItemSecondaryAction/ListItemSecondaryAction.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import ListItem from '@mui/material/ListItem';
 import ListItemSecondaryAction, {
   listItemSecondaryActionClasses as classes,
diff --git a/packages/mui-material/src/ListItemText/ListItemText.test.js b/packages/mui-material/src/ListItemText/ListItemText.test.js
index 74c763665191f8..f38cda46ea7f62 100644
--- a/packages/mui-material/src/ListItemText/ListItemText.test.js
+++ b/packages/mui-material/src/ListItemText/ListItemText.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Typography, { typographyClasses } from '@mui/material/Typography';
 import ListItemText, { listItemTextClasses as classes } from '@mui/material/ListItemText';
 
diff --git a/packages/mui-material/src/ListSubheader/ListSubheader.d.ts b/packages/mui-material/src/ListSubheader/ListSubheader.d.ts
index 4c2d8f9f678b4e..266cfab7118953 100644
--- a/packages/mui-material/src/ListSubheader/ListSubheader.d.ts
+++ b/packages/mui-material/src/ListSubheader/ListSubheader.d.ts
@@ -4,45 +4,47 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { ListSubheaderClasses } from './listSubheaderClasses';
 
+export interface ListSubheaderOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ListSubheaderClasses>;
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   * @default 'default'
+   */
+  color?: 'default' | 'primary' | 'inherit';
+  /**
+   * If `true`, the List Subheader will not have gutters.
+   * @default false
+   */
+  disableGutters?: boolean;
+  /**
+   * If `true`, the List Subheader will not stick to the top during scroll.
+   * @default false
+   */
+  disableSticky?: boolean;
+  /**
+   * If `true`, the List Subheader is indented.
+   * @default false
+   */
+  inset?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface ListSubheaderTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'li',
+  RootComponent extends React.ElementType = 'li',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ListSubheaderClasses>;
-    /**
-     * The color of the component. It supports those theme colors that make sense for this component.
-     * @default 'default'
-     */
-    color?: 'default' | 'primary' | 'inherit';
-    /**
-     * If `true`, the List Subheader will not have gutters.
-     * @default false
-     */
-    disableGutters?: boolean;
-    /**
-     * If `true`, the List Subheader will not stick to the top during scroll.
-     * @default false
-     */
-    disableSticky?: boolean;
-    /**
-     * If `true`, the List Subheader is indented.
-     * @default false
-     */
-    inset?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ListSubheaderOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/ListSubheader/ListSubheader.test.js b/packages/mui-material/src/ListSubheader/ListSubheader.test.js
index a22f9dcc689f64..9b0720a58d9599 100644
--- a/packages/mui-material/src/ListSubheader/ListSubheader.test.js
+++ b/packages/mui-material/src/ListSubheader/ListSubheader.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import ListSubheader, { listSubheaderClasses as classes } from '@mui/material/ListSubheader';
 
 describe('<ListSubheader />', () => {
diff --git a/packages/mui-material/src/ListSubheader/listSubheaderClasses.ts b/packages/mui-material/src/ListSubheader/listSubheaderClasses.ts
index 908966f5d0d709..693e66f905b5f2 100644
--- a/packages/mui-material/src/ListSubheader/listSubheaderClasses.ts
+++ b/packages/mui-material/src/ListSubheader/listSubheaderClasses.ts
@@ -1,4 +1,4 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 import generateUtilityClass from '../generateUtilityClass';
 
 export interface ListSubheaderClasses {
diff --git a/packages/mui-material/src/Menu/Menu.test.js b/packages/mui-material/src/Menu/Menu.test.js
index 902a5843441dd6..0287c5059c6d15 100644
--- a/packages/mui-material/src/Menu/Menu.test.js
+++ b/packages/mui-material/src/Menu/Menu.test.js
@@ -8,7 +8,7 @@ import {
   screen,
   fireEvent,
   strictModeDoubleLoggingSuppressed,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import Menu, { menuClasses as classes } from '@mui/material/Menu';
 import Popover from '@mui/material/Popover';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
diff --git a/packages/mui-material/src/MenuItem/MenuItem.d.ts b/packages/mui-material/src/MenuItem/MenuItem.d.ts
index b5395edad7c0a1..76f2fe665f8070 100644
--- a/packages/mui-material/src/MenuItem/MenuItem.d.ts
+++ b/packages/mui-material/src/MenuItem/MenuItem.d.ts
@@ -1,56 +1,59 @@
+import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '../styles';
 import { ExtendButtonBase, ExtendButtonBaseTypeMap } from '../ButtonBase';
 import { OverrideProps } from '../OverridableComponent';
 import { MenuItemClasses } from './menuItemClasses';
 
+export interface MenuItemOwnProps {
+  /**
+   * If `true`, the list item is focused during the first mount.
+   * Focus will also be triggered if the value changes from false to true.
+   * @default false
+   */
+  autoFocus?: boolean;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<MenuItemClasses>;
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+   * The prop defaults to the value inherited from the parent Menu component.
+   * @default false
+   */
+  dense?: boolean;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters?: boolean;
+  /**
+   * If `true`, a 1px light border is added to the bottom of the menu item.
+   * @default false
+   */
+  divider?: boolean;
+  /**
+   * If `true`, the component is selected.
+   * @default false
+   */
+  selected?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export type MenuItemTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'li',
+  RootComponent extends React.ElementType = 'li',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * If `true`, the list item is focused during the first mount.
-     * Focus will also be triggered if the value changes from false to true.
-     * @default false
-     */
-    autoFocus?: boolean;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<MenuItemClasses>;
-    /**
-     * If `true`, compact vertical padding designed for keyboard and mouse input is used.
-     * The prop defaults to the value inherited from the parent Menu component.
-     * @default false
-     */
-    dense?: boolean;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the left and right padding is removed.
-     * @default false
-     */
-    disableGutters?: boolean;
-    /**
-     * If `true`, a 1px light border is added to the bottom of the menu item.
-     * @default false
-     */
-    divider?: boolean;
-    /**
-     * If `true`, the component is selected.
-     * @default false
-     */
-    selected?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & MenuItemOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material/src/MenuItem/MenuItem.test.js b/packages/mui-material/src/MenuItem/MenuItem.test.js
index 4289ae49302788..b89f6b3ce692e3 100644
--- a/packages/mui-material/src/MenuItem/MenuItem.test.js
+++ b/packages/mui-material/src/MenuItem/MenuItem.test.js
@@ -1,7 +1,13 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { act, describeConformance, createRenderer, fireEvent, screen } from 'test/utils';
+import {
+  act,
+  describeConformance,
+  createRenderer,
+  fireEvent,
+  screen,
+} from '@mui-internal/test-utils';
 import MenuItem, { menuItemClasses as classes } from '@mui/material/MenuItem';
 import ButtonBase from '@mui/material/ButtonBase';
 import ListContext from '../List/ListContext';
diff --git a/packages/mui-material/src/MenuList/MenuList.d.ts b/packages/mui-material/src/MenuList/MenuList.d.ts
index 19ff9906bcb237..f177efc71b9cb6 100644
--- a/packages/mui-material/src/MenuList/MenuList.d.ts
+++ b/packages/mui-material/src/MenuList/MenuList.d.ts
@@ -2,44 +2,46 @@ import * as React from 'react';
 import { ExtendList, ExtendListTypeMap } from '../List';
 import { OverrideProps } from '../OverridableComponent';
 
+export interface MenuListOwnProps {
+  /**
+   * If `true`, will focus the `[role="menu"]` container and move into tab order.
+   * @default false
+   */
+  autoFocus?: boolean;
+  /**
+   * If `true`, will focus the first menuitem if `variant="menu"` or selected item
+   * if `variant="selectedMenu"`.
+   * @default false
+   */
+  autoFocusItem?: boolean;
+  /**
+   * MenuList contents, normally `MenuItem`s.
+   */
+  children?: React.ReactNode;
+  /**
+   * If `true`, will allow focus on disabled items.
+   * @default false
+   */
+  disabledItemsFocusable?: boolean;
+  /**
+   * If `true`, the menu items will not wrap focus.
+   * @default false
+   */
+  disableListWrap?: boolean;
+  /**
+   * The variant to use. Use `menu` to prevent selected items from impacting the initial focus
+   * and the vertical alignment relative to the anchor element.
+   * @default 'selectedMenu'
+   */
+  variant?: 'menu' | 'selectedMenu';
+}
+
 export type MenuListTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'ul',
+  RootComponent extends React.ElementType = 'ul',
 > = ExtendListTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * If `true`, will focus the `[role="menu"]` container and move into tab order.
-     * @default false
-     */
-    autoFocus?: boolean;
-    /**
-     * If `true`, will focus the first menuitem if `variant="menu"` or selected item
-     * if `variant="selectedMenu"`.
-     * @default false
-     */
-    autoFocusItem?: boolean;
-    /**
-     * MenuList contents, normally `MenuItem`s.
-     */
-    children?: React.ReactNode;
-    /**
-     * If `true`, will allow focus on disabled items.
-     * @default false
-     */
-    disabledItemsFocusable?: boolean;
-    /**
-     * If `true`, the menu items will not wrap focus.
-     * @default false
-     */
-    disableListWrap?: boolean;
-    /**
-     * The variant to use. Use `menu` to prevent selected items from impacting the initial focus
-     * and the vertical alignment relative to the anchor element.
-     * @default 'selectedMenu'
-     */
-    variant?: 'menu' | 'selectedMenu';
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & MenuListOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 export type MenuListClassKey = keyof NonNullable<MenuListTypeMap['props']['classes']>;
diff --git a/packages/mui-material/src/MenuList/MenuList.test.js b/packages/mui-material/src/MenuList/MenuList.test.js
index c59f6678e1af80..fb6b32e79ce029 100644
--- a/packages/mui-material/src/MenuList/MenuList.test.js
+++ b/packages/mui-material/src/MenuList/MenuList.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { stub } from 'sinon';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import Divider from '@mui/material/Divider';
 import MenuList from '@mui/material/MenuList';
 import MenuItem from '@mui/material/MenuItem';
diff --git a/packages/mui-material/src/MobileStepper/MobileStepper.test.js b/packages/mui-material/src/MobileStepper/MobileStepper.test.js
index fc124bd985f772..46d60b1c76157b 100644
--- a/packages/mui-material/src/MobileStepper/MobileStepper.test.js
+++ b/packages/mui-material/src/MobileStepper/MobileStepper.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance, fireEvent, screen } from 'test/utils';
+import { createRenderer, describeConformance, fireEvent, screen } from '@mui-internal/test-utils';
 import Paper, { paperClasses } from '@mui/material/Paper';
 import Button from '@mui/material/Button';
 import MobileStepper, { mobileStepperClasses as classes } from '@mui/material/MobileStepper';
diff --git a/packages/mui-material/src/Modal/Modal.d.ts b/packages/mui-material/src/Modal/Modal.d.ts
index a6b71f727cbae6..db21682663aae2 100644
--- a/packages/mui-material/src/Modal/Modal.d.ts
+++ b/packages/mui-material/src/Modal/Modal.d.ts
@@ -2,13 +2,11 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverrideProps } from '@mui/types';
 import { SlotComponentProps } from '@mui/base';
-import {
-  ModalTypeMap as BaseModalTypeMap,
-  ModalClasses as BaseModalClasses,
-} from '@mui/base/Modal';
+import { PortalProps } from '../Portal';
 import { Theme } from '../styles';
 import Backdrop, { BackdropProps } from '../Backdrop';
 import { OverridableComponent } from '../OverridableComponent';
+import { ModalClasses } from './modalClasses';
 
 export interface ModalComponentsPropsOverrides {}
 
@@ -16,94 +14,199 @@ export interface ModalOwnerState extends ModalProps {
   exited: boolean;
 }
 
+export interface ModalSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+  /**
+   * The component that renders the backdrop.
+   */
+  backdrop?: React.ElementType;
+}
+
+export interface ModalOwnProps {
+  /**
+   * A backdrop component. This prop enables custom backdrop rendering.
+   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
+   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
+   * @default styled(Backdrop, {
+   *   name: 'MuiModal',
+   *   slot: 'Backdrop',
+   *   overridesResolver: (props, styles) => {
+   *     return styles.backdrop;
+   *   },
+   * })({
+   *   zIndex: -1,
+   * })
+   */
+  BackdropComponent?: React.ElementType<BackdropProps>;
+  /**
+   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
+   * @deprecated Use `slotProps.backdrop` instead.
+   */
+  BackdropProps?: Partial<BackdropProps>;
+  /**
+   * A single child content element.
+   */
+  children: React.ReactElement;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ModalClasses>;
+  /**
+   * @ignore
+   */
+  className?: string;
+  /**
+   * When set to true the Modal waits until a nested Transition is completed before closing.
+   * @default false
+   */
+  closeAfterTransition?: boolean;
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components?: {
+    Root?: React.ElementType;
+    Backdrop?: React.ElementType;
+  };
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps?: {
+    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
+    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState>;
+  };
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container?: PortalProps['container'];
+  /**
+   * If `true`, the modal will not automatically shift focus to itself when it opens, and
+   * replace it to the last focused element when it closes.
+   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
+   *
+   * Generally this should never be set to `true` as it makes the modal less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableAutoFocus?: boolean;
+  /**
+   * If `true`, the modal will not prevent focus from leaving the modal while open.
+   *
+   * Generally this should never be set to `true` as it makes the modal less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableEnforceFocus?: boolean;
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown?: boolean;
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal?: PortalProps['disablePortal'];
+  /**
+   * If `true`, the modal will not restore focus to previously focused element once
+   * modal is hidden or unmounted.
+   * @default false
+   */
+  disableRestoreFocus?: boolean;
+  /**
+   * Disable the scroll lock behavior.
+   * @default false
+   */
+  disableScrollLock?: boolean;
+  /**
+   * If `true`, the backdrop is not rendered.
+   * @default false
+   */
+  hideBackdrop?: boolean;
+  /**
+   * Always keep the children in the DOM.
+   * This prop can be useful in SEO situation or
+   * when you want to maximize the responsiveness of the Modal.
+   * @default false
+   */
+  keepMounted?: boolean;
+  /**
+   * Callback fired when the backdrop is clicked.
+   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
+   */
+  onBackdropClick?: React.ReactEventHandler<{}>;
+  /**
+   * Callback fired when the component requests to be closed.
+   * The `reason` parameter can optionally be used to control the response to `onClose`.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
+   */
+  onClose?: {
+    bivarianceHack(event: {}, reason: 'backdropClick' | 'escapeKeyDown'): void;
+  }['bivarianceHack'];
+  /**
+   * A function called when a transition enters.
+   */
+  onTransitionEnter?: () => void;
+  /**
+   * A function called when a transition has exited.
+   */
+  onTransitionExited?: () => void;
+  /**
+   * If `true`, the component is shown.
+   */
+  open: boolean;
+  /**
+   * The components used for each slot inside the Modal.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots?: ModalSlots;
+  /**
+   * The props used for each slot inside the Modal.
+   * @default {}
+   */
+  slotProps?: {
+    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
+    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState>;
+  };
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface ModalTypeMap<
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
   AdditionalProps = {},
 > {
-  props: AdditionalProps & {
-    /**
-     * A backdrop component. This prop enables custom backdrop rendering.
-     * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-     * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-     * @default styled(Backdrop, {
-     *   name: 'MuiModal',
-     *   slot: 'Backdrop',
-     *   overridesResolver: (props, styles) => {
-     *     return styles.backdrop;
-     *   },
-     * })({
-     *   zIndex: -1,
-     * })
-     */
-    BackdropComponent?: React.ElementType<BackdropProps>;
-    /**
-     * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
-     * @deprecated Use `slotProps.backdrop` instead.
-     */
-    BackdropProps?: Partial<BackdropProps>;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<BaseModalClasses>;
-    /**
-     * @ignore
-     */
-    className?: string;
-    /**
-     * The components used for each slot inside.
-     *
-     * This prop is an alias for the `slots` prop.
-     * It's recommended to use the `slots` prop instead.
-     *
-     * @default {}
-     */
-    components?: {
-      Root?: React.ElementType;
-      Backdrop?: React.ElementType;
-    };
-    /**
-     * The extra props for the slot components.
-     * You can override the existing props or add new ones.
-     *
-     * This prop is an alias for the `slotProps` prop.
-     * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-     *
-     * @default {}
-     */
-    componentsProps?: {
-      root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
-      backdrop?: SlotComponentProps<
-        typeof Backdrop,
-        ModalComponentsPropsOverrides,
-        ModalOwnerState
-      >;
-    };
-    /**
-     * The props used for each slot inside the Modal.
-     * @default {}
-     */
-    slotProps?: {
-      root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
-      backdrop?: SlotComponentProps<
-        typeof Backdrop,
-        ModalComponentsPropsOverrides,
-        ModalOwnerState
-      >;
-    };
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  } & Omit<BaseModalTypeMap['props'], 'slotProps'>;
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ModalOwnProps;
+  defaultComponent: RootComponent;
 }
 
 type ModalRootProps = NonNullable<ModalTypeMap['props']['slotProps']>['root'];
 
 export declare const ModalRoot: React.FC<ModalRootProps>;
 
-export type ModalClassKey = keyof NonNullable<ModalProps['classes']>;
-
 /**
  * Modal is a lower-level construct that is leveraged by the following components:
  *
@@ -127,10 +230,6 @@ export type ModalClassKey = keyof NonNullable<ModalProps['classes']>;
  */
 declare const Modal: OverridableComponent<ModalTypeMap>;
 
-export type ModalClasses = Record<ModalClassKey, string>;
-
-export declare const modalClasses: ModalClasses;
-
 export type ModalProps<
   RootComponent extends React.ElementType = ModalTypeMap['defaultComponent'],
   AdditionalProps = {},
diff --git a/packages/mui-material/src/Modal/Modal.js b/packages/mui-material/src/Modal/Modal.js
index b342a73af5903a..1587a668aeb392 100644
--- a/packages/mui-material/src/Modal/Modal.js
+++ b/packages/mui-material/src/Modal/Modal.js
@@ -2,14 +2,27 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { Modal as ModalUnstyled, modalClasses as modalUnstyledClasses } from '@mui/base/Modal';
-import { isHostComponent, resolveComponentProps } from '@mui/base/utils';
 import { elementAcceptingRef, HTMLElementType } from '@mui/utils';
+import { useSlotProps } from '@mui/base';
+import { unstable_useModal as useModal } from '@mui/base/unstable_useModal';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
+import FocusTrap from '../Unstable_TrapFocus';
+import Portal from '../Portal';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import Backdrop from '../Backdrop';
+import { getModalUtilityClass } from './modalClasses';
 
-export const modalClasses = modalUnstyledClasses;
+const useUtilityClasses = (ownerState) => {
+  const { open, exited, classes } = ownerState;
+
+  const slots = {
+    root: ['root', !open && exited && 'hidden'],
+    backdrop: ['backdrop'],
+  };
+
+  return composeClasses(slots, getModalUtilityClass, classes);
+};
 
 const ModalRoot = styled('div', {
   name: 'MuiModal',
@@ -60,7 +73,7 @@ const Modal = React.forwardRef(function Modal(inProps, ref) {
   const {
     BackdropComponent = ModalBackdrop,
     BackdropProps,
-    classes,
+    classes: classesProp,
     className,
     closeAfterTransition = false,
     children,
@@ -78,6 +91,8 @@ const Modal = React.forwardRef(function Modal(inProps, ref) {
     keepMounted = false,
     onBackdropClick,
     onClose,
+    onTransitionEnter,
+    onTransitionExited,
     open,
     slotProps,
     slots,
@@ -86,10 +101,8 @@ const Modal = React.forwardRef(function Modal(inProps, ref) {
     ...other
   } = props;
 
-  const [exited, setExited] = React.useState(true);
-
-  const commonProps = {
-    container,
+  const propsWithDefaults = {
+    ...props,
     closeAfterTransition,
     disableAutoFocus,
     disableEnforceFocus,
@@ -99,58 +112,110 @@ const Modal = React.forwardRef(function Modal(inProps, ref) {
     disableScrollLock,
     hideBackdrop,
     keepMounted,
-    onBackdropClick,
-    onClose,
-    open,
   };
 
+  const {
+    getRootProps,
+    getBackdropProps,
+    getTransitionProps,
+    portalRef,
+    isTopModal,
+    exited,
+    hasTransition,
+  } = useModal({
+    ...propsWithDefaults,
+    rootRef: ref,
+  });
+
   const ownerState = {
-    ...props,
-    ...commonProps,
+    ...propsWithDefaults,
     exited,
   };
 
+  const classes = useUtilityClasses(ownerState);
+
+  const childProps = {};
+  if (children.props.tabIndex === undefined) {
+    childProps.tabIndex = '-1';
+  }
+
+  // It's a Transition like component
+  if (hasTransition) {
+    const { onEnter, onExited } = getTransitionProps();
+    childProps.onEnter = onEnter;
+    childProps.onExited = onExited;
+  }
+
   const RootSlot = slots?.root ?? components.Root ?? ModalRoot;
   const BackdropSlot = slots?.backdrop ?? components.Backdrop ?? BackdropComponent;
 
   const rootSlotProps = slotProps?.root ?? componentsProps.root;
   const backdropSlotProps = slotProps?.backdrop ?? componentsProps.backdrop;
 
+  const rootProps = useSlotProps({
+    elementType: RootSlot,
+    externalSlotProps: rootSlotProps,
+    externalForwardedProps: other,
+    getSlotProps: getRootProps,
+    additionalProps: {
+      ref,
+      as: component,
+    },
+    ownerState,
+    className: clsx(
+      className,
+      rootSlotProps?.className,
+      classes?.root,
+      !ownerState.open && ownerState.exited && classes?.hidden,
+    ),
+  });
+
+  const backdropProps = useSlotProps({
+    elementType: BackdropSlot,
+    externalSlotProps: backdropSlotProps,
+    additionalProps: BackdropProps,
+    getSlotProps: (otherHandlers) => {
+      return getBackdropProps({
+        ...otherHandlers,
+        onClick: (e) => {
+          if (onBackdropClick) {
+            onBackdropClick(e);
+          }
+          if (otherHandlers?.onClick) {
+            otherHandlers.onClick(e);
+          }
+        },
+      });
+    },
+    className: clsx(backdropSlotProps?.className, BackdropProps?.className, classes?.backdrop),
+    ownerState,
+  });
+
+  if (!keepMounted && !open && (!hasTransition || exited)) {
+    return null;
+  }
+
   return (
-    <ModalUnstyled
-      slots={{
-        root: RootSlot,
-        backdrop: BackdropSlot,
-      }}
-      slotProps={{
-        root: () => ({
-          ...resolveComponentProps(rootSlotProps, ownerState),
-          ...(!isHostComponent(RootSlot) && { as: component, theme }),
-          className: clsx(
-            className,
-            rootSlotProps?.className,
-            classes?.root,
-            !ownerState.open && ownerState.exited && classes?.hidden,
-          ),
-        }),
-        backdrop: () => ({
-          ...BackdropProps,
-          ...resolveComponentProps(backdropSlotProps, ownerState),
-          className: clsx(
-            backdropSlotProps?.className,
-            BackdropProps?.className,
-            classes?.backdrop,
-          ),
-        }),
-      }}
-      onTransitionEnter={() => setExited(false)}
-      onTransitionExited={() => setExited(true)}
-      ref={ref}
-      {...other}
-      {...commonProps}
-    >
-      {children}
-    </ModalUnstyled>
+    <Portal ref={portalRef} container={container} disablePortal={disablePortal}>
+      {/*
+       * Marking an element with the role presentation indicates to assistive technology
+       * that this element should be ignored; it exists to support the web application and
+       * is not meant for humans to interact with directly.
+       * https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
+       */}
+      <RootSlot {...rootProps}>
+        {!hideBackdrop && BackdropComponent ? <BackdropSlot {...backdropProps} /> : null}
+        <FocusTrap
+          disableEnforceFocus={disableEnforceFocus}
+          disableAutoFocus={disableAutoFocus}
+          disableRestoreFocus={disableRestoreFocus}
+          isEnabled={isTopModal}
+          open={open}
+        >
+          {React.cloneElement(children, childProps)}
+        </FocusTrap>
+      </RootSlot>
+    </Portal>
   );
 });
 
diff --git a/packages/mui-material/src/Modal/Modal.test.js b/packages/mui-material/src/Modal/Modal.test.js
index efea82a0e1f8bf..39ac7256c19033 100644
--- a/packages/mui-material/src/Modal/Modal.test.js
+++ b/packages/mui-material/src/Modal/Modal.test.js
@@ -3,7 +3,14 @@ import * as ReactDOM from 'react-dom';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import PropTypes from 'prop-types';
-import { act, createRenderer, fireEvent, within, describeConformance, screen } from 'test/utils';
+import {
+  act,
+  createRenderer,
+  fireEvent,
+  within,
+  describeConformance,
+  screen,
+} from '@mui-internal/test-utils';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import Fade from '@mui/material/Fade';
 import Modal, { modalClasses as classes } from '@mui/material/Modal';
@@ -871,4 +878,14 @@ describe('<Modal />', () => {
       expect(getByTestId('backdrop')).to.have.class('custom-backdrop');
     });
   });
+
+  it('should not warn when onTransitionEnter and onTransitionExited are provided', () => {
+    expect(() => {
+      render(
+        <Modal open onTransitionEnter={() => {}} onTransitionExited={() => {}}>
+          <div />
+        </Modal>,
+      );
+    }).not.toErrorDev();
+  });
 });
diff --git a/packages/mui-material/src/Modal/index.d.ts b/packages/mui-material/src/Modal/index.d.ts
index 6f0c97a21eb681..2a94278b0225b5 100644
--- a/packages/mui-material/src/Modal/index.d.ts
+++ b/packages/mui-material/src/Modal/index.d.ts
@@ -1,4 +1,7 @@
-export { ModalManager } from '@mui/base/Modal'; // exporting ModalManager
+export { ModalManager } from '@mui/base/unstable_useModal'; // exporting ModalManager
 
 export { default } from './Modal';
 export * from './Modal';
+
+export { default as modalClasses } from './modalClasses';
+export * from './modalClasses';
diff --git a/packages/mui-material/src/Modal/index.js b/packages/mui-material/src/Modal/index.js
index 093fd4beca5736..44d6b940d2800e 100644
--- a/packages/mui-material/src/Modal/index.js
+++ b/packages/mui-material/src/Modal/index.js
@@ -1,5 +1,7 @@
 'use client';
-export { ModalManager } from '@mui/base/Modal';
+export { ModalManager } from '@mui/base/unstable_useModal';
 
 export { default } from './Modal';
-export * from './Modal';
+
+export { default as modalClasses } from './modalClasses';
+export * from './modalClasses';
diff --git a/packages/mui-material/src/Modal/modalClasses.ts b/packages/mui-material/src/Modal/modalClasses.ts
new file mode 100644
index 00000000000000..454e43abced56c
--- /dev/null
+++ b/packages/mui-material/src/Modal/modalClasses.ts
@@ -0,0 +1,25 @@
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
+
+export interface ModalClasses {
+  /** Class name applied to the root element. */
+  root: string;
+  /** Class name applied to the root element if the `Modal` has exited. */
+  hidden: string;
+  /** Class name applied to the backdrop element. */
+  backdrop: string;
+}
+
+export type ModalClassKey = keyof ModalClasses;
+
+export function getModalUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiModal', slot);
+}
+
+const modalClasses: ModalClasses = generateUtilityClasses('MuiModal', [
+  'root',
+  'hidden',
+  'backdrop',
+]);
+
+export default modalClasses;
diff --git a/packages/mui-material/src/NativeSelect/NativeSelect.test.js b/packages/mui-material/src/NativeSelect/NativeSelect.test.js
index 0d0a538bba2a9a..a61b8b84f29b9b 100644
--- a/packages/mui-material/src/NativeSelect/NativeSelect.test.js
+++ b/packages/mui-material/src/NativeSelect/NativeSelect.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { createTheme, ThemeProvider, styled } from '@mui/material/styles';
 import NativeSelect, { nativeSelectClasses as classes } from '@mui/material/NativeSelect';
 import Input, { inputClasses } from '@mui/material/Input';
diff --git a/packages/mui-material/src/NativeSelect/NativeSelectInput.test.js b/packages/mui-material/src/NativeSelect/NativeSelectInput.test.js
index 28e4a4867f5a0c..268a8e7d197bb9 100644
--- a/packages/mui-material/src/NativeSelect/NativeSelectInput.test.js
+++ b/packages/mui-material/src/NativeSelect/NativeSelectInput.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, createRenderer, fireEvent } from 'test/utils';
+import { describeConformance, createRenderer, fireEvent } from '@mui-internal/test-utils';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import NativeSelectInput from './NativeSelectInput';
 import nativeSelectClasses from './nativeSelectClasses';
diff --git a/packages/mui-material/src/OutlinedInput/NotchedOutline.test.js b/packages/mui-material/src/OutlinedInput/NotchedOutline.test.js
index 5b398479a4ceba..071166efd9645a 100644
--- a/packages/mui-material/src/OutlinedInput/NotchedOutline.test.js
+++ b/packages/mui-material/src/OutlinedInput/NotchedOutline.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import NotchedOutline from './NotchedOutline';
 
diff --git a/packages/mui-material/src/OutlinedInput/OutlinedInput.test.js b/packages/mui-material/src/OutlinedInput/OutlinedInput.test.js
index cbca44086563f3..870d01a78609d7 100644
--- a/packages/mui-material/src/OutlinedInput/OutlinedInput.test.js
+++ b/packages/mui-material/src/OutlinedInput/OutlinedInput.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import OutlinedInput, { outlinedInputClasses as classes } from '@mui/material/OutlinedInput';
 import InputBase from '@mui/material/InputBase';
diff --git a/packages/mui-material/src/Pagination/Pagination.test.js b/packages/mui-material/src/Pagination/Pagination.test.js
index efe1ae31100c3f..5b755ec2991220 100644
--- a/packages/mui-material/src/Pagination/Pagination.test.js
+++ b/packages/mui-material/src/Pagination/Pagination.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import Pagination, { paginationClasses as classes } from '@mui/material/Pagination';
 import { paginationItemClasses } from '@mui/material/PaginationItem';
diff --git a/packages/mui-material/src/PaginationItem/PaginationItem.d.ts b/packages/mui-material/src/PaginationItem/PaginationItem.d.ts
index 9a3b0b79f0e619..36e628047c209c 100644
--- a/packages/mui-material/src/PaginationItem/PaginationItem.d.ts
+++ b/packages/mui-material/src/PaginationItem/PaginationItem.d.ts
@@ -12,92 +12,94 @@ export interface PaginationItemPropsSizeOverrides {}
 
 export interface PaginationItemPropsColorOverrides {}
 
+export interface PaginationItemOwnProps {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<PaginationItemClasses>;
+  /**
+   * The active color.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'standard'
+   */
+  color?: OverridableStringUnion<
+    'standard' | 'primary' | 'secondary',
+    PaginationItemPropsColorOverrides
+  >;
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components?: {
+    first?: React.ElementType;
+    last?: React.ElementType;
+    next?: React.ElementType;
+    previous?: React.ElementType;
+  };
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * The current page number.
+   */
+  page?: React.ReactNode;
+  /**
+   * If `true` the pagination item is selected.
+   * @default false
+   */
+  selected?: boolean;
+  /**
+   * The shape of the pagination item.
+   * @default 'circular'
+   */
+  shape?: 'circular' | 'rounded';
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', PaginationItemPropsSizeOverrides>;
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots?: {
+    first?: React.ElementType;
+    last?: React.ElementType;
+    next?: React.ElementType;
+    previous?: React.ElementType;
+  };
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The type of pagination item.
+   * @default 'page'
+   */
+  type?: UsePaginationItem['type'];
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant?: OverridableStringUnion<'text' | 'outlined', PaginationItemPropsVariantOverrides>;
+}
+
 export interface PaginationItemTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<PaginationItemClasses>;
-    /**
-     * The active color.
-     * It supports both default and custom theme colors, which can be added as shown in the
-     * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-     * @default 'standard'
-     */
-    color?: OverridableStringUnion<
-      'standard' | 'primary' | 'secondary',
-      PaginationItemPropsColorOverrides
-    >;
-    /**
-     * The components used for each slot inside.
-     *
-     * This prop is an alias for the `slots` prop.
-     * It's recommended to use the `slots` prop instead.
-     *
-     * @default {}
-     */
-    components?: {
-      first?: React.ElementType;
-      last?: React.ElementType;
-      next?: React.ElementType;
-      previous?: React.ElementType;
-    };
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The current page number.
-     */
-    page?: React.ReactNode;
-    /**
-     * If `true` the pagination item is selected.
-     * @default false
-     */
-    selected?: boolean;
-    /**
-     * The shape of the pagination item.
-     * @default 'circular'
-     */
-    shape?: 'circular' | 'rounded';
-    /**
-     * The size of the component.
-     * @default 'medium'
-     */
-    size?: OverridableStringUnion<'small' | 'medium' | 'large', PaginationItemPropsSizeOverrides>;
-    /**
-     * The components used for each slot inside.
-     *
-     * This prop is an alias for the `components` prop, which will be deprecated in the future.
-     *
-     * @default {}
-     */
-    slots?: {
-      first?: React.ElementType;
-      last?: React.ElementType;
-      next?: React.ElementType;
-      previous?: React.ElementType;
-    };
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The type of pagination item.
-     * @default 'page'
-     */
-    type?: UsePaginationItem['type'];
-    /**
-     * The variant to use.
-     * @default 'text'
-     */
-    variant?: OverridableStringUnion<'text' | 'outlined', PaginationItemPropsVariantOverrides>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & PaginationItemOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/PaginationItem/PaginationItem.test.js b/packages/mui-material/src/PaginationItem/PaginationItem.test.js
index 39efb6fe667581..c469b912380481 100644
--- a/packages/mui-material/src/PaginationItem/PaginationItem.test.js
+++ b/packages/mui-material/src/PaginationItem/PaginationItem.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import PaginationItem, { paginationItemClasses as classes } from '@mui/material/PaginationItem';
 
 describe('<PaginationItem />', () => {
diff --git a/packages/mui-material/src/Paper/Paper.d.ts b/packages/mui-material/src/Paper/Paper.d.ts
index 79f83abe781a23..4c35061f6e3395 100644
--- a/packages/mui-material/src/Paper/Paper.d.ts
+++ b/packages/mui-material/src/Paper/Paper.d.ts
@@ -40,10 +40,10 @@ export interface PaperOwnProps {
 
 export interface PaperTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
   props: AdditionalProps & PaperOwnProps;
-  defaultComponent: DefaultComponent;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/Paper/Paper.test.js b/packages/mui-material/src/Paper/Paper.test.js
index 98664deeaff0d3..46c1d427be721f 100644
--- a/packages/mui-material/src/Paper/Paper.test.js
+++ b/packages/mui-material/src/Paper/Paper.test.js
@@ -1,7 +1,11 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import PropTypes from 'prop-types';
-import { createRenderer, describeConformance, strictModeDoubleLoggingSuppressed } from 'test/utils';
+import {
+  createRenderer,
+  describeConformance,
+  strictModeDoubleLoggingSuppressed,
+} from '@mui-internal/test-utils';
 import Paper, { paperClasses as classes } from '@mui/material/Paper';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 
diff --git a/packages/mui-material/src/Popover/Popover.d.ts b/packages/mui-material/src/Popover/Popover.d.ts
index 8735a0dd97b0c8..54b4a7e8bd3527 100644
--- a/packages/mui-material/src/Popover/Popover.d.ts
+++ b/packages/mui-material/src/Popover/Popover.d.ts
@@ -91,9 +91,10 @@ export interface PopoverProps
   elevation?: number;
   /**
    * Specifies how close to the edge of the window the popover can appear.
+   * If null, the popover will not be constrained by the window.
    * @default 16
    */
-  marginThreshold?: number;
+  marginThreshold?: number | null;
   onClose?: ModalProps['onClose'];
   /**
    * If `true`, the component is shown.
diff --git a/packages/mui-material/src/Popover/Popover.js b/packages/mui-material/src/Popover/Popover.js
index 1d024103f46b2c..5059c4f7fbc229 100644
--- a/packages/mui-material/src/Popover/Popover.js
+++ b/packages/mui-material/src/Popover/Popover.js
@@ -125,6 +125,7 @@ const Popover = React.forwardRef(function Popover(inProps, ref) {
     TransitionComponent = Grow,
     transitionDuration: transitionDurationProp = 'auto',
     TransitionProps: { onEntering, ...TransitionProps } = {},
+    disableScrollLock = false,
     ...other
   } = props;
 
@@ -244,13 +245,17 @@ const Popover = React.forwardRef(function Popover(inProps, ref) {
       const widthThreshold = containerWindow.innerWidth - marginThreshold;
 
       // Check if the vertical axis needs shifting
-      if (top < marginThreshold) {
+      if (marginThreshold !== null && top < marginThreshold) {
         const diff = top - marginThreshold;
+
         top -= diff;
+
         elemTransformOrigin.vertical += diff;
-      } else if (bottom > heightThreshold) {
+      } else if (marginThreshold !== null && bottom > heightThreshold) {
         const diff = bottom - heightThreshold;
+
         top -= diff;
+
         elemTransformOrigin.vertical += diff;
       }
 
@@ -269,7 +274,7 @@ const Popover = React.forwardRef(function Popover(inProps, ref) {
       }
 
       // Check if the horizontal axis needs shifting
-      if (left < marginThreshold) {
+      if (marginThreshold !== null && left < marginThreshold) {
         const diff = left - marginThreshold;
         left -= diff;
         elemTransformOrigin.horizontal += diff;
@@ -309,6 +314,13 @@ const Popover = React.forwardRef(function Popover(inProps, ref) {
     setIsPositioned(true);
   }, [getPositioningStyle]);
 
+  React.useEffect(() => {
+    if (disableScrollLock) {
+      window.addEventListener('scroll', setPositioningStyles);
+    }
+    return () => window.removeEventListener('scroll', setPositioningStyles);
+  }, [anchorEl, disableScrollLock, setPositioningStyles]);
+
   const handleEntering = (element, isAppearing) => {
     if (onEntering) {
       onEntering(element, isAppearing);
@@ -403,7 +415,10 @@ const Popover = React.forwardRef(function Popover(inProps, ref) {
   });
 
   return (
-    <RootSlot {...rootProps} {...(!isHostComponent(RootSlot) && { slotProps: rootSlotPropsProp })}>
+    <RootSlot
+      {...rootProps}
+      {...(!isHostComponent(RootSlot) && { slotProps: rootSlotPropsProp, disableScrollLock })}
+    >
       <TransitionComponent
         appear
         in={open}
@@ -525,6 +540,11 @@ Popover.propTypes /* remove-proptypes */ = {
     HTMLElementType,
     PropTypes.func,
   ]),
+  /**
+   * Disable the scroll lock behavior.
+   * @default false
+   */
+  disableScrollLock: PropTypes.bool,
   /**
    * The elevation of the popover.
    * @default 8
@@ -532,6 +552,7 @@ Popover.propTypes /* remove-proptypes */ = {
   elevation: integerPropType,
   /**
    * Specifies how close to the edge of the window the popover can appear.
+   * If null, the popover will not be constrained by the window.
    * @default 16
    */
   marginThreshold: PropTypes.number,
diff --git a/packages/mui-material/src/Popover/Popover.test.js b/packages/mui-material/src/Popover/Popover.test.js
index 21c0a1735c19c3..3802fd4c228517 100644
--- a/packages/mui-material/src/Popover/Popover.test.js
+++ b/packages/mui-material/src/Popover/Popover.test.js
@@ -1,7 +1,13 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy, stub, match } from 'sinon';
-import { act, createMount, createRenderer, describeConformance, screen } from 'test/utils';
+import {
+  act,
+  createMount,
+  createRenderer,
+  describeConformance,
+  screen,
+} from '@mui-internal/test-utils';
 import PropTypes from 'prop-types';
 import Grow from '@mui/material/Grow';
 import Modal from '@mui/material/Modal';
@@ -844,8 +850,8 @@ describe('<Popover />', () => {
     });
   });
 
-  [0, 18, 16].forEach((marginThreshold) => {
-    describe(`positioning when \`marginThreshold=${marginThreshold}\``, () => {
+  describe('prop: marginThreshold', () => {
+    [0, 18, 16].forEach((marginThreshold) => {
       function getElementStyleOfOpenPopover(anchorEl = document.createElement('svg')) {
         let style;
         render(
@@ -858,7 +864,7 @@ describe('<Popover />', () => {
               },
             }}
             marginThreshold={marginThreshold}
-            PaperProps={{ component: FakePaper }}
+            slotProps={{ paper: { component: FakePaper } }}
           >
             <div />
           </Popover>,
@@ -866,98 +872,132 @@ describe('<Popover />', () => {
         return style;
       }
 
-      specify('when no movement is needed', () => {
-        const negative = marginThreshold === 0 ? '' : '-';
-        const positioningStyle = getElementStyleOfOpenPopover();
+      describe(`positioning when \`marginThreshold=${marginThreshold}\``, () => {
+        specify('when no movement is needed', () => {
+          const negative = marginThreshold === 0 ? '' : '-';
+          const positioningStyle = getElementStyleOfOpenPopover();
 
-        expect(positioningStyle.top).to.equal(`${marginThreshold}px`);
-        expect(positioningStyle.left).to.equal(`${marginThreshold}px`);
-        expect(positioningStyle.transformOrigin).to.match(
-          new RegExp(`${negative}${marginThreshold}px ${negative}${marginThreshold}px( 0px)?`),
-        );
-      });
-
-      specify('top < marginThreshold', () => {
-        const mockedAnchor = document.createElement('div');
-        stub(mockedAnchor, 'getBoundingClientRect').callsFake(() => ({
-          left: marginThreshold,
-          top: marginThreshold - 1,
-        }));
-        const positioningStyle = getElementStyleOfOpenPopover(mockedAnchor);
-
-        expect(positioningStyle.top).to.equal(`${marginThreshold}px`);
-        expect(positioningStyle.left).to.equal(`${marginThreshold}px`);
-        expect(positioningStyle.transformOrigin).to.match(/0px -1px( 0ms)?/);
-      });
-
-      describe('bottom > heightThreshold', () => {
-        let windowInnerHeight;
-
-        before(() => {
-          windowInnerHeight = window.innerHeight;
-          window.innerHeight = marginThreshold * 2;
-        });
-
-        after(() => {
-          window.innerHeight = windowInnerHeight;
+          expect(positioningStyle.top).to.equal(`${marginThreshold}px`);
+          expect(positioningStyle.left).to.equal(`${marginThreshold}px`);
+          expect(positioningStyle.transformOrigin).to.match(
+            new RegExp(`${negative}${marginThreshold}px ${negative}${marginThreshold}px( 0px)?`),
+          );
         });
 
-        specify('test', () => {
+        specify('top < marginThreshold', () => {
           const mockedAnchor = document.createElement('div');
           stub(mockedAnchor, 'getBoundingClientRect').callsFake(() => ({
             left: marginThreshold,
-            top: marginThreshold + 1,
+            top: marginThreshold - 1,
           }));
-
           const positioningStyle = getElementStyleOfOpenPopover(mockedAnchor);
 
           expect(positioningStyle.top).to.equal(`${marginThreshold}px`);
           expect(positioningStyle.left).to.equal(`${marginThreshold}px`);
-          expect(positioningStyle.transformOrigin).to.match(/0px 1px( 0px)?/);
+          expect(positioningStyle.transformOrigin).to.match(/0px -1px( 0px)?/);
         });
-      });
 
-      specify('left < marginThreshold', () => {
-        const mockedAnchor = document.createElement('div');
-        stub(mockedAnchor, 'getBoundingClientRect').callsFake(() => ({
-          left: marginThreshold - 1,
-          top: marginThreshold,
-        }));
-
-        const positioningStyle = getElementStyleOfOpenPopover(mockedAnchor);
+        describe('bottom > heightThreshold', () => {
+          let windowInnerHeight;
 
-        expect(positioningStyle.top).to.equal(`${marginThreshold}px`);
+          before(() => {
+            windowInnerHeight = window.innerHeight;
+            window.innerHeight = marginThreshold * 2;
+          });
 
-        expect(positioningStyle.left).to.equal(`${marginThreshold}px`);
+          after(() => {
+            window.innerHeight = windowInnerHeight;
+          });
 
-        expect(positioningStyle.transformOrigin).to.match(/-1px 0px( 0px)?/);
-      });
+          specify('test', () => {
+            const mockedAnchor = document.createElement('div');
+            stub(mockedAnchor, 'getBoundingClientRect').callsFake(() => ({
+              left: marginThreshold,
+              top: marginThreshold + 1,
+            }));
 
-      describe('right > widthThreshold', () => {
-        let innerWidthContainer;
+            const positioningStyle = getElementStyleOfOpenPopover(mockedAnchor);
 
-        before(() => {
-          innerWidthContainer = window.innerWidth;
-          window.innerWidth = marginThreshold * 2;
+            expect(positioningStyle.top).to.equal(`${marginThreshold}px`);
+            expect(positioningStyle.left).to.equal(`${marginThreshold}px`);
+            expect(positioningStyle.transformOrigin).to.match(/0px 1px( 0px)?/);
+          });
         });
 
-        after(() => {
-          window.innerWidth = innerWidthContainer;
-        });
-
-        specify('test', () => {
+        specify('left < marginThreshold', () => {
           const mockedAnchor = document.createElement('div');
           stub(mockedAnchor, 'getBoundingClientRect').callsFake(() => ({
-            left: marginThreshold + 1,
+            left: marginThreshold - 1,
             top: marginThreshold,
           }));
 
           const positioningStyle = getElementStyleOfOpenPopover(mockedAnchor);
 
           expect(positioningStyle.top).to.equal(`${marginThreshold}px`);
+
           expect(positioningStyle.left).to.equal(`${marginThreshold}px`);
-          expect(positioningStyle.transformOrigin).to.match(/1px 0px( 0px)?/);
+
+          expect(positioningStyle.transformOrigin).to.match(/-1px 0px( 0px)?/);
         });
+
+        describe('right > widthThreshold', () => {
+          let innerWidthContainer;
+
+          before(() => {
+            innerWidthContainer = window.innerWidth;
+            window.innerWidth = marginThreshold * 2;
+          });
+
+          after(() => {
+            window.innerWidth = innerWidthContainer;
+          });
+
+          specify('test', () => {
+            const mockedAnchor = document.createElement('div');
+            stub(mockedAnchor, 'getBoundingClientRect').callsFake(() => ({
+              left: marginThreshold + 1,
+              top: marginThreshold,
+            }));
+
+            const positioningStyle = getElementStyleOfOpenPopover(mockedAnchor);
+
+            expect(positioningStyle.top).to.equal(`${marginThreshold}px`);
+            expect(positioningStyle.left).to.equal(`${marginThreshold}px`);
+            expect(positioningStyle.transformOrigin).to.match(/1px 0px( 0px)?/);
+          });
+        });
+      });
+    });
+
+    describe('positioning when `marginThreshold=null`', () => {
+      it('should not apply the marginThreshold when marginThreshold is null', () => {
+        const mockedAnchor = document.createElement('div');
+        const valueOutsideWindow = -100;
+        stub(mockedAnchor, 'getBoundingClientRect').callsFake(() => ({
+          top: valueOutsideWindow,
+          left: valueOutsideWindow,
+        }));
+
+        let style;
+        render(
+          <Popover
+            anchorEl={mockedAnchor}
+            open
+            TransitionProps={{
+              onEntering: (node) => {
+                style = node.style;
+              },
+            }}
+            marginThreshold={null}
+            slotProps={{ paper: { component: FakePaper } }}
+          >
+            <div />
+          </Popover>,
+        );
+
+        expect(style.top).to.equal(`${valueOutsideWindow}px`);
+        expect(style.left).to.equal(`${valueOutsideWindow}px`);
+        expect(style.transformOrigin).to.match(/0px 0px( 0px)?/);
       });
     });
   });
diff --git a/packages/mui-material/src/Popper/Popper.test.js b/packages/mui-material/src/Popper/Popper.test.js
index 6fd5ff0aa0df02..74162a2c04da51 100644
--- a/packages/mui-material/src/Popper/Popper.test.js
+++ b/packages/mui-material/src/Popper/Popper.test.js
@@ -1,6 +1,12 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, act, createRenderer, fireEvent, screen } from 'test/utils';
+import {
+  describeConformance,
+  act,
+  createRenderer,
+  fireEvent,
+  screen,
+} from '@mui-internal/test-utils';
 import { ThemeProvider, createTheme } from '@mui/system';
 import Grow from '@mui/material/Grow';
 import Popper from '@mui/material/Popper';
diff --git a/packages/mui-material/src/Radio/Radio.js b/packages/mui-material/src/Radio/Radio.js
index 8c415bb63a5155..9d63b38de0d095 100644
--- a/packages/mui-material/src/Radio/Radio.js
+++ b/packages/mui-material/src/Radio/Radio.js
@@ -15,10 +15,10 @@ import radioClasses, { getRadioUtilityClass } from './radioClasses';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 
 const useUtilityClasses = (ownerState) => {
-  const { classes, color } = ownerState;
+  const { classes, color, size } = ownerState;
 
   const slots = {
-    root: ['root', `color${capitalize(color)}`],
+    root: ['root', `color${capitalize(color)}`, size !== 'medium' && `size${capitalize(size)}`],
   };
 
   return {
@@ -40,20 +40,18 @@ const RadioRoot = styled(SwitchBase, {
   color: (theme.vars || theme).palette.text.secondary,
   ...(!ownerState.disableRipple && {
     '&:hover': {
-      '@media (hover: hover)': {
-        backgroundColor: theme.vars
-          ? `rgba(${
-              ownerState.color === 'default'
-                ? theme.vars.palette.action.activeChannel
-                : theme.vars.palette[ownerState.color].mainChannel
-            } / ${theme.vars.palette.action.hoverOpacity})`
-          : alpha(
-              ownerState.color === 'default'
-                ? theme.palette.action.active
-                : theme.palette[ownerState.color].main,
-              theme.palette.action.hoverOpacity,
-            ),
-      },
+      backgroundColor: theme.vars
+        ? `rgba(${
+            ownerState.color === 'default'
+              ? theme.vars.palette.action.activeChannel
+              : theme.vars.palette[ownerState.color].mainChannel
+          } / ${theme.vars.palette.action.hoverOpacity})`
+        : alpha(
+            ownerState.color === 'default'
+              ? theme.palette.action.active
+              : theme.palette[ownerState.color].main,
+            theme.palette.action.hoverOpacity,
+          ),
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         backgroundColor: 'transparent',
diff --git a/packages/mui-material/src/Radio/Radio.test.js b/packages/mui-material/src/Radio/Radio.test.js
index 1baac9c16566be..c10574bf33bf53 100644
--- a/packages/mui-material/src/Radio/Radio.test.js
+++ b/packages/mui-material/src/Radio/Radio.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import Radio, { radioClasses as classes } from '@mui/material/Radio';
 import FormControl from '@mui/material/FormControl';
 import ButtonBase from '@mui/material/ButtonBase';
@@ -40,6 +40,15 @@ describe('<Radio />', () => {
     });
   });
 
+  describe('prop: size', () => {
+    it('add sizeSmall class to the root element when the size prop equals "small"', () => {
+      const { getByRole } = render(<Radio size="small" />);
+      const radio = getByRole('radio');
+      const root = radio.parentElement;
+      expect(root).to.have.class(classes.sizeSmall);
+    });
+  });
+
   describe('with FormControl', () => {
     describe('enabled', () => {
       it('should not have the disabled class', () => {
diff --git a/packages/mui-material/src/Radio/radioClasses.ts b/packages/mui-material/src/Radio/radioClasses.ts
index 2d69c7f28760c9..952a87a66349ff 100644
--- a/packages/mui-material/src/Radio/radioClasses.ts
+++ b/packages/mui-material/src/Radio/radioClasses.ts
@@ -12,6 +12,8 @@ export interface RadioClasses {
   colorPrimary: string;
   /** Styles applied to the root element if `color="secondary"`. */
   colorSecondary: string;
+  /** Styles applied to the root element if `size="small"`. */
+  sizeSmall: string;
 }
 
 export type RadioClassKey = keyof RadioClasses;
@@ -26,6 +28,7 @@ const radioClasses: RadioClasses = generateUtilityClasses('MuiRadio', [
   'disabled',
   'colorPrimary',
   'colorSecondary',
+  'sizeSmall',
 ]);
 
 export default radioClasses;
diff --git a/packages/mui-material/src/RadioGroup/RadioGroup.test.js b/packages/mui-material/src/RadioGroup/RadioGroup.test.js
index cbbd5ada49d98f..f0fb81a9869f50 100644
--- a/packages/mui-material/src/RadioGroup/RadioGroup.test.js
+++ b/packages/mui-material/src/RadioGroup/RadioGroup.test.js
@@ -2,7 +2,13 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import PropTypes from 'prop-types';
-import { describeConformance, act, createRenderer, fireEvent, screen } from 'test/utils';
+import {
+  describeConformance,
+  act,
+  createRenderer,
+  fireEvent,
+  screen,
+} from '@mui-internal/test-utils';
 import FormGroup from '@mui/material/FormGroup';
 import Radio from '@mui/material/Radio';
 import RadioGroup, { useRadioGroup } from '@mui/material/RadioGroup';
diff --git a/packages/mui-material/src/Rating/Rating.test.js b/packages/mui-material/src/Rating/Rating.test.js
index 8323fb3238ba35..edba69206fefed 100644
--- a/packages/mui-material/src/Rating/Rating.test.js
+++ b/packages/mui-material/src/Rating/Rating.test.js
@@ -1,7 +1,13 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { stub, spy } from 'sinon';
-import { act, describeConformance, createRenderer, fireEvent, screen } from 'test/utils';
+import {
+  act,
+  describeConformance,
+  createRenderer,
+  fireEvent,
+  screen,
+} from '@mui-internal/test-utils';
 import Rating, { ratingClasses as classes } from '@mui/material/Rating';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 
diff --git a/packages/mui-material/src/ScopedCssBaseline/ScopedCssBaseline.d.ts b/packages/mui-material/src/ScopedCssBaseline/ScopedCssBaseline.d.ts
index 4a6844a67e5483..d4224ff66fefea 100644
--- a/packages/mui-material/src/ScopedCssBaseline/ScopedCssBaseline.d.ts
+++ b/packages/mui-material/src/ScopedCssBaseline/ScopedCssBaseline.d.ts
@@ -1,34 +1,36 @@
-import { SxProps } from '@mui/system';
 import * as React from 'react';
+import { SxProps } from '@mui/system';
 import { Theme } from '../styles';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { ScopedCssBaselineClasses } from './scopedCssBaselineClasses';
 
+export interface ScopedCssBaselineOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ScopedCssBaselineClasses>;
+  /**
+   * Enable `color-scheme` CSS property to use `theme.palette.mode`.
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For browser support, check out https://caniuse.com/?search=color-scheme
+   */
+  enableColorScheme?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface ScopedCssBaselineTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ScopedCssBaselineClasses>;
-    /**
-     * Enable `color-scheme` CSS property to use `theme.palette.mode`.
-     * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
-     * For browser support, check out https://caniuse.com/?search=color-scheme
-     */
-    enableColorScheme?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ScopedCssBaselineOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/ScopedCssBaseline/ScopedCssBaseline.test.js b/packages/mui-material/src/ScopedCssBaseline/ScopedCssBaseline.test.js
index 860223aba311d7..8fef049dda9d3b 100644
--- a/packages/mui-material/src/ScopedCssBaseline/ScopedCssBaseline.test.js
+++ b/packages/mui-material/src/ScopedCssBaseline/ScopedCssBaseline.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import ScopedCssBaseline, {
   scopedCssBaselineClasses as classes,
 } from '@mui/material/ScopedCssBaseline';
diff --git a/packages/mui-material/src/Select/Select.js b/packages/mui-material/src/Select/Select.js
index a7142fbcb51bc1..97fcc1c6817d9c 100644
--- a/packages/mui-material/src/Select/Select.js
+++ b/packages/mui-material/src/Select/Select.js
@@ -17,6 +17,7 @@ import styled, { rootShouldForwardProp } from '../styles/styled';
 
 const useUtilityClasses = (ownerState) => {
   const { classes } = ownerState;
+
   return classes;
 };
 
@@ -73,6 +74,7 @@ const Select = React.forwardRef(function Select(inProps, ref) {
 
   const ownerState = { ...props, variant, classes: classesProp };
   const classes = useUtilityClasses(ownerState);
+  const { root, ...restOfClasses } = classes;
 
   const InputComponent =
     input ||
@@ -112,12 +114,12 @@ const Select = React.forwardRef(function Select(inProps, ref) {
                 SelectDisplayProps: { id, ...SelectDisplayProps },
               }),
           ...inputProps,
-          classes: inputProps ? deepmerge(classes, inputProps.classes) : classes,
+          classes: inputProps ? deepmerge(restOfClasses, inputProps.classes) : restOfClasses,
           ...(input ? input.props.inputProps : {}),
         },
         ...(multiple && native && variant === 'outlined' ? { notched: true } : {}),
         ref: inputComponentRef,
-        className: clsx(InputComponent.props.className, className),
+        className: clsx(InputComponent.props.className, className, classes.root),
         // If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.
         ...(!input && { variant }),
         ...other,
diff --git a/packages/mui-material/src/Select/Select.spec.tsx b/packages/mui-material/src/Select/Select.spec.tsx
index 505f2206daa22c..c745a4b631ce46 100644
--- a/packages/mui-material/src/Select/Select.spec.tsx
+++ b/packages/mui-material/src/Select/Select.spec.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import Select, { SelectChangeEvent } from '@mui/material/Select';
 import MenuItem from '@mui/material/MenuItem';
+import { createTheme } from '@mui/material/styles';
 
 function genericValueTest() {
   function handleChangeWithSameTypeAsSelect(event: SelectChangeEvent<number>) {}
@@ -44,4 +45,17 @@ function genericValueTest() {
 
   // disabledUnderline prop should be available (inherited from InputProps) and NOT throw typescript error
   <Select disableUnderline />;
+
+  // Tests presence of `root` class in SelectClasses
+  const theme = createTheme({
+    components: {
+      MuiSelect: {
+        styleOverrides: {
+          root: {
+            borderRadius: '8px',
+          },
+        },
+      },
+    },
+  });
 }
diff --git a/packages/mui-material/src/Select/Select.test.js b/packages/mui-material/src/Select/Select.test.js
index 6b8aa8a23bfd6a..8668adf7ca8f22 100644
--- a/packages/mui-material/src/Select/Select.test.js
+++ b/packages/mui-material/src/Select/Select.test.js
@@ -8,7 +8,7 @@ import {
   createRenderer,
   fireEvent,
   screen,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import MenuItem, { menuItemClasses } from '@mui/material/MenuItem';
 import ListSubheader from '@mui/material/ListSubheader';
@@ -835,6 +835,24 @@ describe('<Select />', () => {
 
       expect(getByTestId('paper').style).to.have.property('minWidth', '12px');
     });
+
+    // https://github.com/mui/material-ui/issues/38700
+    it('should merge `slotProps.paper` with the default Paper props', function test() {
+      if (/jsdom/.test(window.navigator.userAgent)) {
+        this.skip();
+      }
+
+      const { getByTestId, getByRole } = render(
+        <Select MenuProps={{ slotProps: { paper: { 'data-testid': 'paper' } } }} open value="10">
+          <MenuItem value="10">Ten</MenuItem>
+        </Select>,
+      );
+
+      const paper = getByTestId('paper');
+      const selectButton = getByRole('button', { hidden: true });
+
+      expect(paper.style).to.have.property('minWidth', `${selectButton.clientWidth}px`);
+    });
   });
 
   describe('prop: SelectDisplayProps', () => {
@@ -1029,6 +1047,20 @@ describe('<Select />', () => {
       expect(options[2]).to.have.attribute('aria-selected', 'true');
     });
 
+    it('should have aria-multiselectable=true when multiple is true', () => {
+      const { getByRole } = render(
+        <Select multiple value={[10, 30]}>
+          <MenuItem value={10}>Ten</MenuItem>
+          <MenuItem value={20}>Twenty</MenuItem>
+          <MenuItem value={30}>Thirty</MenuItem>
+        </Select>,
+      );
+
+      fireEvent.mouseDown(getByRole('button'));
+
+      expect(getByRole('listbox')).to.have.attribute('aria-multiselectable', 'true');
+    });
+
     it('should serialize multiple select display value', () => {
       const { getByRole } = render(
         <Select multiple value={[10, 20, 30]}>
diff --git a/packages/mui-material/src/Select/SelectInput.js b/packages/mui-material/src/Select/SelectInput.js
index ba51fc1925035a..90e5d4f25668a5 100644
--- a/packages/mui-material/src/Select/SelectInput.js
+++ b/packages/mui-material/src/Select/SelectInput.js
@@ -482,6 +482,11 @@ const SelectInput = React.forwardRef(function SelectInput(props, ref) {
 
   const classes = useUtilityClasses(ownerState);
 
+  const paperProps = {
+    ...MenuProps.PaperProps,
+    ...MenuProps.slotProps?.paper,
+  };
+
   return (
     <React.Fragment>
       <SelectSelect
@@ -544,14 +549,17 @@ const SelectInput = React.forwardRef(function SelectInput(props, ref) {
         MenuListProps={{
           'aria-labelledby': labelId,
           role: 'listbox',
+          'aria-multiselectable': multiple ? 'true' : undefined,
           disableListWrap: true,
           ...MenuProps.MenuListProps,
         }}
-        PaperProps={{
-          ...MenuProps.PaperProps,
-          style: {
-            minWidth: menuMinWidth,
-            ...(MenuProps.PaperProps != null ? MenuProps.PaperProps.style : null),
+        slotProps={{
+          paper: {
+            ...paperProps,
+            style: {
+              minWidth: menuMinWidth,
+              ...(paperProps != null ? paperProps.style : null),
+            },
           },
         }}
       >
diff --git a/packages/mui-material/src/Select/selectClasses.ts b/packages/mui-material/src/Select/selectClasses.ts
index 556196282b771e..583c40fe84e529 100644
--- a/packages/mui-material/src/Select/selectClasses.ts
+++ b/packages/mui-material/src/Select/selectClasses.ts
@@ -2,6 +2,8 @@ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/
 import generateUtilityClass from '../generateUtilityClass';
 
 export interface SelectClasses {
+  /** Styles applied to the root element. */
+  root: string;
   /** Styles applied to the select component `select` class. */
   select: string;
   /** Styles applied to the select component if `multiple={true}`. */
@@ -37,6 +39,7 @@ export function getSelectUtilityClasses(slot: string): string {
 }
 
 const selectClasses: SelectClasses = generateUtilityClasses('MuiSelect', [
+  'root',
   'select',
   'multiple',
   'filled',
diff --git a/packages/mui-material/src/Skeleton/Skeleton.d.ts b/packages/mui-material/src/Skeleton/Skeleton.d.ts
index d9d23fa1b4ef71..090feef3106453 100644
--- a/packages/mui-material/src/Skeleton/Skeleton.d.ts
+++ b/packages/mui-material/src/Skeleton/Skeleton.d.ts
@@ -7,49 +7,67 @@ import { SkeletonClasses } from './skeletonClasses';
 
 export interface SkeletonPropsVariantOverrides {}
 
+export interface SkeletonPropsSizeOverrides {}
+
+export interface SkeletonPropsShapeOverrides {}
+
+export interface SkeletonOwnProps {
+  /**
+   * The animation.
+   * If `false` the animation effect is disabled.
+   * @default 'pulse'
+   */
+  animation?: 'pulse' | 'wave' | false;
+  /**
+   * Optional children to infer width and height from.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<SkeletonClasses>;
+  /**
+   * Height of the skeleton.
+   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
+   */
+  height?: number | string;
+  /**
+   * The shape of the skeleton.
+   */
+  shape?: OverridableStringUnion<
+    'rectangular' | 'rounded' | 'circular',
+    SkeletonPropsShapeOverrides
+  >;
+  /**
+   * Determines whether the skeleton should scale to the element's text or bounding box.
+   */
+  size?: OverridableStringUnion<'text' | 'box', SkeletonPropsSizeOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The type of content that will be rendered.
+   * @default 'text'
+   * @deprecated Use `shape` prop to set the shape of the skeleton and `size` prop to set the scale adaptation.
+   */
+  variant?: OverridableStringUnion<
+    'text' | 'rectangular' | 'rounded' | 'circular',
+    SkeletonPropsVariantOverrides
+  >;
+  /**
+   * Width of the skeleton.
+   * Useful when the skeleton is inside an inline element with no width of its own.
+   */
+  width?: number | string;
+}
+
 export interface SkeletonTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'span',
+  RootComponent extends React.ElementType = 'span',
 > {
-  props: AdditionalProps & {
-    /**
-     * The animation.
-     * If `false` the animation effect is disabled.
-     * @default 'pulse'
-     */
-    animation?: 'pulse' | 'wave' | false;
-    /**
-     * Optional children to infer width and height from.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<SkeletonClasses>;
-    /**
-     * Height of the skeleton.
-     * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
-     */
-    height?: number | string;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The type of content that will be rendered.
-     * @default 'text'
-     */
-    variant?: OverridableStringUnion<
-      'text' | 'rectangular' | 'rounded' | 'circular',
-      SkeletonPropsVariantOverrides
-    >;
-    /**
-     * Width of the skeleton.
-     * Useful when the skeleton is inside an inline element with no width of its own.
-     */
-    width?: number | string;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & SkeletonOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/Skeleton/Skeleton.js b/packages/mui-material/src/Skeleton/Skeleton.js
index a71aa43641aca7..8c81103f752862 100644
--- a/packages/mui-material/src/Skeleton/Skeleton.js
+++ b/packages/mui-material/src/Skeleton/Skeleton.js
@@ -4,18 +4,19 @@ import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { keyframes, css } from '@mui/system';
 import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
-import { alpha, unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from '../styles';
+import { alpha } from '../styles';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getSkeletonUtilityClass } from './skeletonClasses';
 
 const useUtilityClasses = (ownerState) => {
-  const { classes, variant, animation, hasChildren, width, height } = ownerState;
+  const { classes, shape, size, animation, hasChildren, width, height } = ownerState;
 
   const slots = {
     root: [
       'root',
-      variant,
+      size,
+      shape,
       animation,
       hasChildren && 'withChildren',
       hasChildren && !width && 'fitContent',
@@ -60,10 +61,10 @@ const SkeletonRoot = styled('span', {
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const { ownerState } = props;
-
     return [
       styles.root,
-      styles[ownerState.variant],
+      ownerState.shape && styles[ownerState.shape],
+      ownerState.size && styles[ownerState.size],
       ownerState.animation !== false && styles[ownerState.animation],
       ownerState.hasChildren && styles.withChildren,
       ownerState.hasChildren && !ownerState.width && styles.fitContent,
@@ -71,55 +72,48 @@ const SkeletonRoot = styled('span', {
     ];
   },
 })(
-  ({ theme, ownerState }) => {
-    const radiusUnit = getUnit(theme.shape.borderRadius) || 'px';
-    const radiusValue = toUnitless(theme.shape.borderRadius);
-
-    return {
-      display: 'block',
-      // Create a "on paper" color with sufficient contrast retaining the color
-      backgroundColor: theme.vars
-        ? theme.vars.palette.Skeleton.bg
-        : alpha(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),
-      height: '1.2em',
-      ...(ownerState.variant === 'text' && {
-        marginTop: 0,
-        marginBottom: 0,
-        height: 'auto',
-        transformOrigin: '0 55%',
-        transform: 'scale(1, 0.60)',
-        borderRadius: `${radiusValue}${radiusUnit}/${
-          Math.round((radiusValue / 0.6) * 10) / 10
-        }${radiusUnit}`,
-        '&:empty:before': {
-          content: '"\\00a0"',
-        },
-      }),
-      ...(ownerState.variant === 'circular' && {
-        borderRadius: '50%',
+  ({ theme, ownerState }) => ({
+    display: 'block',
+    // Create a "on paper" color with sufficient contrast retaining the color
+    backgroundColor: theme.vars
+      ? theme.vars.palette.Skeleton.bg
+      : alpha(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),
+    height: '1.2em',
+    borderRadius: (theme.vars || theme).shape.borderRadius,
+    ...(ownerState.size === 'text' && {
+      marginTop: 0,
+      marginBottom: 0,
+      height: 'auto',
+      transformOrigin: '0 55%',
+      transform: 'scale(1, 0.60)',
+      '&:empty:before': {
+        content: '"\\00a0"',
+      },
+    }),
+    ...(ownerState.shape === 'circular' && {
+      borderRadius: '50%',
+    }),
+    ...(ownerState.shape === 'rectangular' && {
+      borderRadius: 0,
+    }),
+    ...(ownerState.hasChildren && {
+      '& > *': {
+        visibility: 'hidden',
+      },
+    }),
+    ...(ownerState.hasChildren &&
+      !ownerState.width && {
+        maxWidth: 'fit-content',
       }),
-      ...(ownerState.variant === 'rounded' && {
-        borderRadius: (theme.vars || theme).shape.borderRadius,
-      }),
-      ...(ownerState.hasChildren && {
-        '& > *': {
-          visibility: 'hidden',
-        },
+    ...(ownerState.hasChildren &&
+      !ownerState.height && {
+        height: 'auto',
       }),
-      ...(ownerState.hasChildren &&
-        !ownerState.width && {
-          maxWidth: 'fit-content',
-        }),
-      ...(ownerState.hasChildren &&
-        !ownerState.height && {
-          height: 'auto',
-        }),
-    };
-  },
+  }),
   ({ ownerState }) =>
     ownerState.animation === 'pulse' &&
     css`
-      animation: ${pulseKeyframe} 1.5s ease-in-out 0.5s infinite;
+      animation: ${pulseKeyframe} 2s ease-in-out 0.5s infinite;
     `,
   ({ ownerState, theme }) =>
     ownerState.animation === 'wave' &&
@@ -131,7 +125,7 @@ const SkeletonRoot = styled('span', {
       -webkit-mask-image: -webkit-radial-gradient(white, black);
 
       &::after {
-        animation: ${waveKeyframe} 1.6s linear 0.5s infinite;
+        animation: ${waveKeyframe} 2s linear 0.5s infinite;
         background: linear-gradient(
           90deg,
           transparent,
@@ -156,17 +150,25 @@ const Skeleton = React.forwardRef(function Skeleton(inProps, ref) {
     className,
     component = 'span',
     height,
+    // TODO v6: add defaults
+    shape,
+    size,
     style,
     variant = 'text',
     width,
     ...other
   } = props;
 
+  const sizeValue = size ?? (variant === 'text' ? variant : undefined);
+  const shapeValue =
+    shape ?? (['circular', 'rectangular', 'rounded'].includes(variant) ? variant : undefined);
+
   const ownerState = {
     ...props,
     animation,
     component,
-    variant,
+    size: sizeValue,
+    shape: shapeValue,
     hasChildren: Boolean(other.children),
   };
 
@@ -221,6 +223,14 @@ Skeleton.propTypes /* remove-proptypes */ = {
    * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
    */
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * The shape of the skeleton.
+   */
+  shape: PropTypes.oneOf(['circular', 'rectangular', 'rounded']),
+  /**
+   * Determines whether the skeleton should scale to the element's text or bounding box.
+   */
+  size: PropTypes.oneOf(['text', 'box']),
   /**
    * @ignore
    */
@@ -236,6 +246,7 @@ Skeleton.propTypes /* remove-proptypes */ = {
   /**
    * The type of content that will be rendered.
    * @default 'text'
+   * @deprecated Use `shape` prop to set the shape of the skeleton and `size` prop to set the scale adaptation.
    */
   variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([
     PropTypes.oneOf(['circular', 'rectangular', 'rounded', 'text']),
diff --git a/packages/mui-material/src/Skeleton/Skeleton.test.js b/packages/mui-material/src/Skeleton/Skeleton.test.js
index 8ec3201c3c7ef1..f217b8c8bb7abd 100644
--- a/packages/mui-material/src/Skeleton/Skeleton.test.js
+++ b/packages/mui-material/src/Skeleton/Skeleton.test.js
@@ -1,6 +1,6 @@
 import { expect } from 'chai';
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Skeleton, { skeletonClasses as classes } from '@mui/material/Skeleton';
 
 describe('<Skeleton />', () => {
@@ -67,4 +67,90 @@ describe('<Skeleton />', () => {
 
     expect(containerWithHeight.firstChild).not.to.have.class(classes.heightAuto);
   });
+
+  describe('Variant Prop', () => {
+    it('should get `text` class when no variant is specified', () => {
+      const { container } = render(
+        <Skeleton>
+          <span />
+        </Skeleton>,
+      );
+
+      expect(container.firstChild).to.have.class(classes.text);
+    });
+
+    it('should get `circular` when variant is set to `circular`', () => {
+      const { container } = render(
+        <Skeleton variant="circular">
+          <span />
+        </Skeleton>,
+      );
+
+      expect(container.firstChild).to.have.class(classes.circular);
+    });
+
+    it('should get `rounded` when variant is set to `rounded`', () => {
+      const { container } = render(
+        <Skeleton variant="rounded">
+          <span />
+        </Skeleton>,
+      );
+
+      expect(container.firstChild).to.have.class(classes.rounded);
+    });
+
+    it('should get `rectangular` when variant is set to `rectangular`', () => {
+      const { container } = render(
+        <Skeleton variant="rectangular">
+          <span />
+        </Skeleton>,
+      );
+
+      expect(container.firstChild).to.have.class(classes.rectangular);
+    });
+  });
+
+  describe('Size & Shape Prop', () => {
+    it('should get `box` class when size is set to `box`', () => {
+      const { container } = render(
+        <Skeleton size="box">
+          <span />
+        </Skeleton>,
+      );
+
+      expect(container.firstChild).to.have.class(classes.box);
+    });
+
+    it('should set `size` prop over `variant` prop', () => {
+      const { container } = render(
+        <Skeleton size="box" variant="text">
+          <span />
+        </Skeleton>,
+      );
+
+      expect(container.firstChild).to.have.class(classes.box);
+      expect(container.firstChild).not.to.have.class(classes.text);
+    });
+
+    it('should get `circular` when shape is set to `circular`', () => {
+      const { container } = render(
+        <Skeleton shape="circular">
+          <span />
+        </Skeleton>,
+      );
+
+      expect(container.firstChild).to.have.class(classes.circular);
+    });
+
+    it('should set `shape` prop over `variant` prop', () => {
+      const { container } = render(
+        <Skeleton variant="rounded" shape="rectangular">
+          <span />
+        </Skeleton>,
+      );
+
+      expect(container.firstChild).to.have.class(classes.rectangular);
+      expect(container.firstChild).not.to.have.class(classes.rounded);
+    });
+  });
 });
diff --git a/packages/mui-material/src/Skeleton/skeletonClasses.ts b/packages/mui-material/src/Skeleton/skeletonClasses.ts
index b57813f9d176b3..b9ad6bacc8ce4f 100644
--- a/packages/mui-material/src/Skeleton/skeletonClasses.ts
+++ b/packages/mui-material/src/Skeleton/skeletonClasses.ts
@@ -4,13 +4,15 @@ import generateUtilityClass from '../generateUtilityClass';
 export interface SkeletonClasses {
   /** Styles applied to the root element. */
   root: string;
-  /** Styles applied to the root element if `variant="text"`. */
+  /** Styles applied to the root element if `size="text"` or `variant="text"`. */
   text: string;
-  /** Styles applied to the root element if `variant="rectangular"`. */
+  /** Styles applied to the root element if `size="box"`. */
+  box: string;
+  /** Styles applied to the root element if `shape="rectangular"` or `variant="rectangular"`. */
   rectangular: string;
-  /** Styles applied to the root element if `variant="rounded"`. */
+  /** Styles applied to the root element if `shape="rounded"` or `variant="rounded"`. */
   rounded: string;
-  /** Styles applied to the root element if `variant="circular"`. */
+  /** Styles applied to the root element if `shape="circular"` or `variant="circular"`. */
   circular: string;
   /** Styles applied to the root element if `animation="pulse"`. */
   pulse: string;
@@ -33,6 +35,7 @@ export function getSkeletonUtilityClass(slot: string): string {
 const skeletonClasses: SkeletonClasses = generateUtilityClasses('MuiSkeleton', [
   'root',
   'text',
+  'box',
   'rectangular',
   'rounded',
   'circular',
diff --git a/packages/mui-material/src/Slide/Slide.test.js b/packages/mui-material/src/Slide/Slide.test.js
index 8fad53168b56b8..5f0a315ef0a3e6 100644
--- a/packages/mui-material/src/Slide/Slide.test.js
+++ b/packages/mui-material/src/Slide/Slide.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy, stub } from 'sinon';
-import { act, createRenderer, describeConformance } from 'test/utils';
+import { act, createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { Transition } from 'react-transition-group';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import Slide from '@mui/material/Slide';
diff --git a/packages/mui-material/src/Slider/Slider.d.ts b/packages/mui-material/src/Slider/Slider.d.ts
index 4ed6f79fa92dea..88f8fa340cc0e4 100644
--- a/packages/mui-material/src/Slider/Slider.d.ts
+++ b/packages/mui-material/src/Slider/Slider.d.ts
@@ -20,256 +20,258 @@ export interface SliderOwnerState extends SliderProps {
   focusedThumbIndex: number;
 }
 
+export interface SliderOwnProps {
+  /**
+   * The label of the slider.
+   */
+  'aria-label'?: string;
+  /**
+   * The id of the element containing a label for the slider.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * A string value that provides a user-friendly name for the current value of the slider.
+   */
+  'aria-valuetext'?: string;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color?: OverridableStringUnion<'primary' | 'secondary', SliderPropsColorOverrides>;
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components?: {
+    Root?: React.ElementType;
+    Track?: React.ElementType;
+    Rail?: React.ElementType;
+    Thumb?: React.ElementType;
+    Mark?: React.ElementType;
+    MarkLabel?: React.ElementType;
+    ValueLabel?: React.ElementType;
+    Input?: React.ElementType;
+  };
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps?: {
+    root?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
+    track?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
+    rail?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
+    thumb?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
+    mark?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
+    markLabel?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
+    valueLabel?: SlotComponentProps<
+      typeof SliderValueLabelComponent,
+      SliderComponentsPropsOverrides,
+      SliderOwnerState
+    >;
+    input?: SlotComponentProps<'input', SliderComponentsPropsOverrides, SliderOwnerState>;
+  };
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<SliderClasses>;
+  /**
+   * @ignore
+   */
+  className?: string;
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue?: number | number[];
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
+   * @default false
+   */
+  disableSwap?: boolean;
+  /**
+   * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
+   * This is important for screen reader users.
+   * @param {number} index The thumb label's index to format.
+   * @returns {string}
+   */
+  getAriaLabel?: (index: number) => string;
+  /**
+   * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
+   * This is important for screen reader users.
+   * @param {number} value The thumb label's value to format.
+   * @param {number} index The thumb label's index to format.
+   * @returns {string}
+   */
+  getAriaValueText?: (value: number, index: number) => string;
+  /**
+   * Marks indicate predetermined values to which the user can move the slider.
+   * If `true` the marks are spaced according the value of the `step` prop.
+   * If an array, it should contain objects with `value` and an optional `label` keys.
+   * @default false
+   */
+  marks?: boolean | Mark[];
+  /**
+   * The maximum allowed value of the slider.
+   * Should not be equal to min.
+   * @default 100
+   */
+  max?: number;
+  /**
+   * The minimum allowed value of the slider.
+   * Should not be equal to max.
+   * @default 0
+   */
+  min?: number;
+  /**
+   * Name attribute of the hidden `input` element.
+   */
+  name?: string;
+  /**
+   * Callback function that is fired when the slider's value changed.
+   *
+   * @param {Event} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (any).
+   * **Warning**: This is a generic event not a change event.
+   * @param {number | number[]} value The new value.
+   * @param {number} activeThumb Index of the currently moved thumb.
+   */
+  onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
+  /**
+   * Callback function that is fired when the `mouseup` is triggered.
+   *
+   * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {number | number[]} value The new value.
+   */
+  onChangeCommitted?: (event: React.SyntheticEvent | Event, value: number | number[]) => void;
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation?: 'horizontal' | 'vertical';
+  /**
+   * A transformation function, to change the scale of the slider.
+   * @param {any} x
+   * @returns {any}
+   * @default function Identity(x) {
+   *   return x;
+   * }
+   */
+  scale?: (value: number) => number;
+  /**
+   * The size of the slider.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium', SliderPropsSizeOverrides>;
+  /**
+   * The props used for each slot inside the Slider.
+   * @default {}
+   */
+  slotProps?: {
+    root?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
+    track?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
+    rail?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
+    thumb?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
+    mark?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
+    markLabel?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
+    valueLabel?: SlotComponentProps<
+      typeof SliderValueLabelComponent,
+      SliderComponentsPropsOverrides,
+      SliderOwnerState
+    >;
+    input?: SlotComponentProps<'input', SliderComponentsPropsOverrides, SliderOwnerState>;
+  };
+  /**
+   * The components used for each slot inside the Slider.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots?: {
+    root?: React.ElementType;
+    track?: React.ElementType;
+    rail?: React.ElementType;
+    thumb?: React.ElementType;
+    mark?: React.ElementType;
+    markLabel?: React.ElementType;
+    valueLabel?: React.ElementType;
+    input?: React.ElementType;
+  };
+  /**
+   * The granularity with which the slider can step through values. (A "discrete" slider.)
+   * The `min` prop serves as the origin for the valid values.
+   * We recommend (max - min) to be evenly divisible by the step.
+   *
+   * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.
+   * @default 1
+   */
+  step?: number | null;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * Tab index attribute of the hidden `input` element.
+   */
+  tabIndex?: number;
+  /**
+   * The track presentation:
+   *
+   * - `normal` the track will render a bar representing the slider value.
+   * - `inverted` the track will render a bar representing the remaining slider value.
+   * - `false` the track will render without a bar.
+   * @default 'normal'
+   */
+  track?: 'normal' | false | 'inverted';
+  /**
+   * The value of the slider.
+   * For ranged sliders, provide an array with two values.
+   */
+  value?: number | number[];
+  /**
+   * Controls when the value label is displayed:
+   *
+   * - `auto` the value label will display when the thumb is hovered or focused.
+   * - `on` will display persistently.
+   * - `off` will never display.
+   * @default 'off'
+   */
+  valueLabelDisplay?: 'on' | 'auto' | 'off';
+  /**
+   * The format function the value label's value.
+   *
+   * When a function is provided, it should have the following signature:
+   *
+   * - {number} value The value label's value to format
+   * - {number} index The value label's index to format
+   * @param {any} x
+   * @returns {any}
+   * @default function Identity(x) {
+   *   return x;
+   * }
+   */
+  valueLabelFormat?: string | ((value: number, index: number) => React.ReactNode);
+}
+
 export interface SliderTypeMap<
-  DefaultComponent extends React.ElementType = 'span',
+  RootComponent extends React.ElementType = 'span',
   AdditionalProps = {},
 > {
-  props: AdditionalProps & {
-    /**
-     * The label of the slider.
-     */
-    'aria-label'?: string;
-    /**
-     * The id of the element containing a label for the slider.
-     */
-    'aria-labelledby'?: string;
-    /**
-     * A string value that provides a user-friendly name for the current value of the slider.
-     */
-    'aria-valuetext'?: string;
-    /**
-     * The color of the component.
-     * It supports both default and custom theme colors, which can be added as shown in the
-     * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-     * @default 'primary'
-     */
-    color?: OverridableStringUnion<'primary' | 'secondary', SliderPropsColorOverrides>;
-    /**
-     * The components used for each slot inside.
-     *
-     * This prop is an alias for the `slots` prop.
-     * It's recommended to use the `slots` prop instead.
-     *
-     * @default {}
-     */
-    components?: {
-      Root?: React.ElementType;
-      Track?: React.ElementType;
-      Rail?: React.ElementType;
-      Thumb?: React.ElementType;
-      Mark?: React.ElementType;
-      MarkLabel?: React.ElementType;
-      ValueLabel?: React.ElementType;
-      Input?: React.ElementType;
-    };
-    /**
-     * The extra props for the slot components.
-     * You can override the existing props or add new ones.
-     *
-     * This prop is an alias for the `slotProps` prop.
-     * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-     *
-     * @default {}
-     */
-    componentsProps?: {
-      root?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-      track?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-      rail?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-      thumb?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-      mark?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-      markLabel?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-      valueLabel?: SlotComponentProps<
-        typeof SliderValueLabelComponent,
-        SliderComponentsPropsOverrides,
-        SliderOwnerState
-      >;
-      input?: SlotComponentProps<'input', SliderComponentsPropsOverrides, SliderOwnerState>;
-    };
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<SliderClasses>;
-    /**
-     * @ignore
-     */
-    className?: string;
-    /**
-     * The default value. Use when the component is not controlled.
-     */
-    defaultValue?: number | number[];
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
-     * @default false
-     */
-    disableSwap?: boolean;
-    /**
-     * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
-     * This is important for screen reader users.
-     * @param {number} index The thumb label's index to format.
-     * @returns {string}
-     */
-    getAriaLabel?: (index: number) => string;
-    /**
-     * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
-     * This is important for screen reader users.
-     * @param {number} value The thumb label's value to format.
-     * @param {number} index The thumb label's index to format.
-     * @returns {string}
-     */
-    getAriaValueText?: (value: number, index: number) => string;
-    /**
-     * Marks indicate predetermined values to which the user can move the slider.
-     * If `true` the marks are spaced according the value of the `step` prop.
-     * If an array, it should contain objects with `value` and an optional `label` keys.
-     * @default false
-     */
-    marks?: boolean | Mark[];
-    /**
-     * The maximum allowed value of the slider.
-     * Should not be equal to min.
-     * @default 100
-     */
-    max?: number;
-    /**
-     * The minimum allowed value of the slider.
-     * Should not be equal to max.
-     * @default 0
-     */
-    min?: number;
-    /**
-     * Name attribute of the hidden `input` element.
-     */
-    name?: string;
-    /**
-     * Callback function that is fired when the slider's value changed.
-     *
-     * @param {Event} event The event source of the callback.
-     * You can pull out the new value by accessing `event.target.value` (any).
-     * **Warning**: This is a generic event not a change event.
-     * @param {number | number[]} value The new value.
-     * @param {number} activeThumb Index of the currently moved thumb.
-     */
-    onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
-    /**
-     * Callback function that is fired when the `mouseup` is triggered.
-     *
-     * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
-     * @param {number | number[]} value The new value.
-     */
-    onChangeCommitted?: (event: React.SyntheticEvent | Event, value: number | number[]) => void;
-    /**
-     * The component orientation.
-     * @default 'horizontal'
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * A transformation function, to change the scale of the slider.
-     * @param {any} x
-     * @returns {any}
-     * @default function Identity(x) {
-     *   return x;
-     * }
-     */
-    scale?: (value: number) => number;
-    /**
-     * The size of the slider.
-     * @default 'medium'
-     */
-    size?: OverridableStringUnion<'small' | 'medium', SliderPropsSizeOverrides>;
-    /**
-     * The props used for each slot inside the Slider.
-     * @default {}
-     */
-    slotProps?: {
-      root?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-      track?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-      rail?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-      thumb?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-      mark?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-      markLabel?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-      valueLabel?: SlotComponentProps<
-        typeof SliderValueLabelComponent,
-        SliderComponentsPropsOverrides,
-        SliderOwnerState
-      >;
-      input?: SlotComponentProps<'input', SliderComponentsPropsOverrides, SliderOwnerState>;
-    };
-    /**
-     * The components used for each slot inside the Slider.
-     * Either a string to use a HTML element or a component.
-     * @default {}
-     */
-    slots?: {
-      root?: React.ElementType;
-      track?: React.ElementType;
-      rail?: React.ElementType;
-      thumb?: React.ElementType;
-      mark?: React.ElementType;
-      markLabel?: React.ElementType;
-      valueLabel?: React.ElementType;
-      input?: React.ElementType;
-    };
-    /**
-     * The granularity with which the slider can step through values. (A "discrete" slider.)
-     * The `min` prop serves as the origin for the valid values.
-     * We recommend (max - min) to be evenly divisible by the step.
-     *
-     * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.
-     * @default 1
-     */
-    step?: number | null;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * Tab index attribute of the hidden `input` element.
-     */
-    tabIndex?: number;
-    /**
-     * The track presentation:
-     *
-     * - `normal` the track will render a bar representing the slider value.
-     * - `inverted` the track will render a bar representing the remaining slider value.
-     * - `false` the track will render without a bar.
-     * @default 'normal'
-     */
-    track?: 'normal' | false | 'inverted';
-    /**
-     * The value of the slider.
-     * For ranged sliders, provide an array with two values.
-     */
-    value?: number | number[];
-    /**
-     * Controls when the value label is displayed:
-     *
-     * - `auto` the value label will display when the thumb is hovered or focused.
-     * - `on` will display persistently.
-     * - `off` will never display.
-     * @default 'off'
-     */
-    valueLabelDisplay?: 'on' | 'auto' | 'off';
-    /**
-     * The format function the value label's value.
-     *
-     * When a function is provided, it should have the following signature:
-     *
-     * - {number} value The value label's value to format
-     * - {number} index The value label's index to format
-     * @param {any} x
-     * @returns {any}
-     * @default function Identity(x) {
-     *   return x;
-     * }
-     */
-    valueLabelFormat?: string | ((value: number, index: number) => React.ReactNode);
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & SliderOwnProps;
+  defaultComponent: RootComponent;
 }
 
 export interface SliderValueLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
diff --git a/packages/mui-material/src/Slider/Slider.js b/packages/mui-material/src/Slider/Slider.js
index 88acc3a9e54637..09d6b08577fe98 100644
--- a/packages/mui-material/src/Slider/Slider.js
+++ b/packages/mui-material/src/Slider/Slider.js
@@ -15,14 +15,14 @@ import styled, { slotShouldForwardProp } from '../styles/styled';
 import useTheme from '../styles/useTheme';
 import shouldSpreadAdditionalProps from '../utils/shouldSpreadAdditionalProps';
 import capitalize from '../utils/capitalize';
-import SliderValueLabel from './SliderValueLabel';
+import BaseSliderValueLabel from './SliderValueLabel';
 import sliderClasses, { getSliderUtilityClass } from './sliderClasses';
 
 function Identity(x) {
   return x;
 }
 
-const SliderRoot = styled('span', {
+export const SliderRoot = styled('span', {
   name: 'MuiSlider',
   slot: 'Root',
   overridesResolver: (props, styles) => {
@@ -94,20 +94,7 @@ const SliderRoot = styled('span', {
   },
 }));
 
-SliderRoot.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-};
-
-export { SliderRoot };
-
-const SliderRail = styled('span', {
+export const SliderRail = styled('span', {
   name: 'MuiSlider',
   slot: 'Rail',
   overridesResolver: (props, styles) => styles.rail,
@@ -134,20 +121,7 @@ const SliderRail = styled('span', {
   }),
 }));
 
-SliderRail.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-};
-
-export { SliderRail };
-
-const SliderTrack = styled('span', {
+export const SliderTrack = styled('span', {
   name: 'MuiSlider',
   slot: 'Track',
   overridesResolver: (props, styles) => styles.track,
@@ -188,20 +162,7 @@ const SliderTrack = styled('span', {
   };
 });
 
-SliderTrack.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-};
-
-export { SliderTrack };
-
-const SliderThumb = styled('span', {
+export const SliderThumb = styled('span', {
   name: 'MuiSlider',
   slot: 'Thumb',
   overridesResolver: (props, styles) => {
@@ -284,20 +245,7 @@ const SliderThumb = styled('span', {
   },
 }));
 
-SliderThumb.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-};
-
-export { SliderThumb };
-
-const StyledSliderValueLabel = styled(SliderValueLabel, {
+export const SliderValueLabel = styled(BaseSliderValueLabel, {
   name: 'MuiSlider',
   slot: 'ValueLabel',
   overridesResolver: (props, styles) => styles.valueLabel,
@@ -360,20 +308,7 @@ const StyledSliderValueLabel = styled(SliderValueLabel, {
   }),
 }));
 
-StyledSliderValueLabel.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-};
-
-export { StyledSliderValueLabel as SliderValueLabel };
-
-const SliderMark = styled('span', {
+export const SliderMark = styled('span', {
   name: 'MuiSlider',
   slot: 'Mark',
   shouldForwardProp: (prop) => slotShouldForwardProp(prop) && prop !== 'markActive',
@@ -402,20 +337,7 @@ const SliderMark = styled('span', {
   }),
 }));
 
-SliderMark.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-};
-
-export { SliderMark };
-
-const SliderMarkLabel = styled('span', {
+export const SliderMarkLabel = styled('span', {
   name: 'MuiSlider',
   slot: 'MarkLabel',
   shouldForwardProp: (prop) => slotShouldForwardProp(prop) && prop !== 'markLabelActive',
@@ -444,19 +366,6 @@ const SliderMarkLabel = styled('span', {
   }),
 }));
 
-SliderMarkLabel.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-};
-
-export { SliderMarkLabel };
-
 const useUtilityClasses = (ownerState) => {
   const { disabled, dragging, marked, orientation, track, classes, color, size } = ownerState;
 
@@ -584,7 +493,7 @@ const Slider = React.forwardRef(function Slider(inputProps, ref) {
   const RailSlot = slots?.rail ?? components.Rail ?? SliderRail;
   const TrackSlot = slots?.track ?? components.Track ?? SliderTrack;
   const ThumbSlot = slots?.thumb ?? components.Thumb ?? SliderThumb;
-  const ValueLabelSlot = slots?.valueLabel ?? components.ValueLabel ?? StyledSliderValueLabel;
+  const ValueLabelSlot = slots?.valueLabel ?? components.ValueLabel ?? SliderValueLabel;
   const MarkSlot = slots?.mark ?? components.Mark ?? SliderMark;
   const MarkLabelSlot = slots?.markLabel ?? components.MarkLabel ?? SliderMarkLabel;
   const InputSlot = slots?.input ?? components.Input ?? 'input';
diff --git a/packages/mui-material/src/Slider/Slider.test.js b/packages/mui-material/src/Slider/Slider.test.js
index 728396a2cf84d1..0684d6eac6502e 100644
--- a/packages/mui-material/src/Slider/Slider.test.js
+++ b/packages/mui-material/src/Slider/Slider.test.js
@@ -2,7 +2,13 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { spy, stub } from 'sinon';
 import { expect } from 'chai';
-import { describeConformance, act, createRenderer, fireEvent, screen } from 'test/utils';
+import {
+  describeConformance,
+  act,
+  createRenderer,
+  fireEvent,
+  screen,
+} from '@mui-internal/test-utils';
 import { Slider as BaseSlider } from '@mui/base/Slider';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import Slider, { sliderClasses as classes } from '@mui/material/Slider';
diff --git a/packages/mui-material/src/Snackbar/Snackbar.d.ts b/packages/mui-material/src/Snackbar/Snackbar.d.ts
index 2a813a10418870..8256e2a0834bc8 100644
--- a/packages/mui-material/src/Snackbar/Snackbar.d.ts
+++ b/packages/mui-material/src/Snackbar/Snackbar.d.ts
@@ -56,10 +56,10 @@ export interface SnackbarProps extends StandardProps<React.HTMLAttributes<HTMLDi
    */
   disableWindowBlurListener?: boolean;
   /**
-   * When displaying multiple consecutive Snackbars from a parent rendering a single
-   * <Snackbar/>, add the key prop to ensure independent treatment of each message.
-   * e.g. <Snackbar key={message} />, otherwise, the message may update-in-place and
-   * features such as autoHideDuration may be canceled.
+   * When displaying multiple consecutive snackbars using a single parent-rendered
+   * `<Snackbar/>`, add the `key` prop to ensure independent treatment of each message.
+   * For instance, use `<Snackbar key={message} />`. Otherwise, messages might update
+   * in place, and features like `autoHideDuration` could be affected.
    */
   key?: any;
   /**
diff --git a/packages/mui-material/src/Snackbar/Snackbar.js b/packages/mui-material/src/Snackbar/Snackbar.js
index 7729b340429e6f..a5eb14a598a464 100644
--- a/packages/mui-material/src/Snackbar/Snackbar.js
+++ b/packages/mui-material/src/Snackbar/Snackbar.js
@@ -223,10 +223,10 @@ Snackbar.propTypes /* remove-proptypes */ = {
    */
   disableWindowBlurListener: PropTypes.bool,
   /**
-   * When displaying multiple consecutive Snackbars from a parent rendering a single
-   * <Snackbar/>, add the key prop to ensure independent treatment of each message.
-   * e.g. <Snackbar key={message} />, otherwise, the message may update-in-place and
-   * features such as autoHideDuration may be canceled.
+   * When displaying multiple consecutive snackbars using a single parent-rendered
+   * `<Snackbar/>`, add the `key` prop to ensure independent treatment of each message.
+   * For instance, use `<Snackbar key={message} />`. Otherwise, messages might update
+   * in place, and features like `autoHideDuration` could be affected.
    */
   key: () => null,
   /**
diff --git a/packages/mui-material/src/Snackbar/Snackbar.test.js b/packages/mui-material/src/Snackbar/Snackbar.test.js
index eb047ec23e714d..f7756616cfa040 100644
--- a/packages/mui-material/src/Snackbar/Snackbar.test.js
+++ b/packages/mui-material/src/Snackbar/Snackbar.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, act, createRenderer, fireEvent } from 'test/utils';
+import { describeConformance, act, createRenderer, fireEvent } from '@mui-internal/test-utils';
 import Snackbar, { snackbarClasses as classes } from '@mui/material/Snackbar';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 
diff --git a/packages/mui-material/src/SnackbarContent/SnackbarContent.test.js b/packages/mui-material/src/SnackbarContent/SnackbarContent.test.js
index 82098f59278357..0d1a0ac6886fce 100644
--- a/packages/mui-material/src/SnackbarContent/SnackbarContent.test.js
+++ b/packages/mui-material/src/SnackbarContent/SnackbarContent.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Paper from '@mui/material/Paper';
 import SnackbarContent, { snackbarContentClasses as classes } from '@mui/material/SnackbarContent';
 
diff --git a/packages/mui-material/src/SpeedDial/SpeedDial.test.js b/packages/mui-material/src/SpeedDial/SpeedDial.test.js
index ac7ad19fd3b3c7..c3776fffaa8b87 100644
--- a/packages/mui-material/src/SpeedDial/SpeedDial.test.js
+++ b/packages/mui-material/src/SpeedDial/SpeedDial.test.js
@@ -8,7 +8,7 @@ import {
   fireDiscreteEvent,
   screen,
   describeConformance,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import Icon from '@mui/material/Icon';
 import SpeedDial, { speedDialClasses as classes } from '@mui/material/SpeedDial';
 import SpeedDialAction from '@mui/material/SpeedDialAction';
diff --git a/packages/mui-material/src/SpeedDialAction/SpeedDialAction.test.js b/packages/mui-material/src/SpeedDialAction/SpeedDialAction.test.js
index a78f5bebd31de0..0a47c2da1e5db5 100644
--- a/packages/mui-material/src/SpeedDialAction/SpeedDialAction.test.js
+++ b/packages/mui-material/src/SpeedDialAction/SpeedDialAction.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, fireEvent } from 'test/utils';
+import { describeConformance, createRenderer, fireEvent } from '@mui-internal/test-utils';
 import Icon from '@mui/material/Icon';
 import Tooltip from '@mui/material/Tooltip';
 import { fabClasses } from '@mui/material/Fab';
diff --git a/packages/mui-material/src/SpeedDialIcon/SpeedDialIcon.test.js b/packages/mui-material/src/SpeedDialIcon/SpeedDialIcon.test.js
index fd09ff38ce2d0b..1ebce54b98ceee 100644
--- a/packages/mui-material/src/SpeedDialIcon/SpeedDialIcon.test.js
+++ b/packages/mui-material/src/SpeedDialIcon/SpeedDialIcon.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Icon from '@mui/material/Icon';
 import SpeedDialIcon, { speedDialIconClasses as classes } from '@mui/material/SpeedDialIcon';
 
diff --git a/packages/mui-material/src/Stack/Stack.d.ts b/packages/mui-material/src/Stack/Stack.d.ts
index d0dfc9e4ad2f18..fe13177c0b0aae 100644
--- a/packages/mui-material/src/Stack/Stack.d.ts
+++ b/packages/mui-material/src/Stack/Stack.d.ts
@@ -3,47 +3,48 @@ import { ResponsiveStyleValue, SxProps, SystemProps } from '@mui/system';
 import { OverrideProps, OverridableComponent } from '../OverridableComponent';
 import { Theme } from '../styles/createTheme';
 
+export interface StackOwnProps extends SystemProps<Theme> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'column'
+   */
+  direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
+  /**
+   * Defines the space between immediate children.
+   * @default 0
+   */
+  spacing?: ResponsiveStyleValue<number | string>;
+  /**
+   * Add an element between each child.
+   */
+  divider?: React.ReactNode;
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap?: boolean;
+  /**
+   * The system prop, which allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface StackTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps &
-    SystemProps<Theme> & {
-      /**
-       * The content of the component.
-       */
-      children?: React.ReactNode;
-      /**
-       * Defines the `flex-direction` style property.
-       * It is applied for all screen sizes.
-       * @default 'column'
-       */
-      direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
-      /**
-       * Defines the space between immediate children.
-       * @default 0
-       */
-      spacing?: ResponsiveStyleValue<number | string>;
-      /**
-       * Add an element between each child.
-       */
-      divider?: React.ReactNode;
-      /**
-       * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
-       *
-       * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
-       * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
-       *
-       * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
-       * @default false
-       */
-      useFlexGap?: boolean;
-      /**
-       * The system prop, which allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-    };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & StackOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/Stack/Stack.test.js b/packages/mui-material/src/Stack/Stack.test.js
index a95d40de219861..5e7d58fb4ac7d5 100644
--- a/packages/mui-material/src/Stack/Stack.test.js
+++ b/packages/mui-material/src/Stack/Stack.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import Stack, { stackClasses as classes } from '@mui/material/Stack';
 
 // The main tests are in mui-system Stack folder
diff --git a/packages/mui-material/src/Step/Step.d.ts b/packages/mui-material/src/Step/Step.d.ts
index 3effa7598ebb09..ccb6f1044ff242 100644
--- a/packages/mui-material/src/Step/Step.d.ts
+++ b/packages/mui-material/src/Step/Step.d.ts
@@ -4,53 +4,55 @@ import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { Theme } from '../styles';
 import { StepClasses } from './stepClasses';
 
+export interface StepOwnProps {
+  /**
+   * Sets the step as active. Is passed to child components.
+   */
+  active?: boolean;
+  /**
+   * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<StepClasses>;
+  /**
+   * Mark the step as completed. Is passed to child components.
+   */
+  completed?: boolean;
+  /**
+   * If `true`, the step is disabled, will also disable the button if
+   * `StepButton` is a child of `Step`. Is passed to child components.
+   */
+  disabled?: boolean;
+  /**
+   * Expand the step.
+   * @default false
+   */
+  expanded?: boolean;
+  /**
+   * The position of the step.
+   * The prop defaults to the value inherited from the parent Stepper component.
+   */
+  index?: number;
+  /**
+   * If `true`, the Step is displayed as rendered last.
+   * The prop defaults to the value inherited from the parent Stepper component.
+   */
+  last?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface StepTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * Sets the step as active. Is passed to child components.
-     */
-    active?: boolean;
-    /**
-     * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<StepClasses>;
-    /**
-     * Mark the step as completed. Is passed to child components.
-     */
-    completed?: boolean;
-    /**
-     * If `true`, the step is disabled, will also disable the button if
-     * `StepButton` is a child of `Step`. Is passed to child components.
-     */
-    disabled?: boolean;
-    /**
-     * Expand the step.
-     * @default false
-     */
-    expanded?: boolean;
-    /**
-     * The position of the step.
-     * The prop defaults to the value inherited from the parent Stepper component.
-     */
-    index?: number;
-    /**
-     * If `true`, the Step is displayed as rendered last.
-     * The prop defaults to the value inherited from the parent Stepper component.
-     */
-    last?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & StepOwnProps;
+  defaultComponent: RootComponent;
 }
 
 export type StepProps<
diff --git a/packages/mui-material/src/Step/Step.test.js b/packages/mui-material/src/Step/Step.test.js
index 9d744ff1082319..b502c0bc2e94d2 100644
--- a/packages/mui-material/src/Step/Step.test.js
+++ b/packages/mui-material/src/Step/Step.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Step, { stepClasses as classes } from '@mui/material/Step';
 import Stepper from '@mui/material/Stepper';
 import StepLabel, { stepLabelClasses } from '@mui/material/StepLabel';
diff --git a/packages/mui-material/src/StepButton/StepButton.d.ts b/packages/mui-material/src/StepButton/StepButton.d.ts
index 6cf99d0d9541e2..e5593d63872cc2 100644
--- a/packages/mui-material/src/StepButton/StepButton.d.ts
+++ b/packages/mui-material/src/StepButton/StepButton.d.ts
@@ -6,37 +6,39 @@ import { Theme } from '../styles';
 import { StepButtonClasses } from './stepButtonClasses';
 
 /**
- * @deprecated use `StepButtonProps['icon']` instead
+ * @deprecated use `StepButtonProps['icon']` instead.
  */
 export type StepButtonIcon = React.ReactNode;
 
+export interface StepButtonOwnProps {
+  /**
+   * Can be a `StepLabel` or a node to place inside `StepLabel` as children.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<StepButtonClasses>;
+  /**
+   * The icon displayed by the step label.
+   */
+  icon?: React.ReactNode;
+  /**
+   * The optional node to display.
+   */
+  optional?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export type StepButtonTypeMap<
   AdditionalProps,
-  DefaultComponent extends React.ElementType,
+  RootComponent extends React.ElementType,
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * Can be a `StepLabel` or a node to place inside `StepLabel` as children.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<StepButtonClasses>;
-    /**
-     * The icon displayed by the step label.
-     */
-    icon?: React.ReactNode;
-    /**
-     * The optional node to display.
-     */
-    optional?: React.ReactNode;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & StepButtonOwnProps;
+  defaultComponent: RootComponent;
 
   ignoredProps: 'disabled';
 }>;
diff --git a/packages/mui-material/src/StepButton/StepButton.test.js b/packages/mui-material/src/StepButton/StepButton.test.js
index c5ef4c5e400911..edd518ac105f4f 100644
--- a/packages/mui-material/src/StepButton/StepButton.test.js
+++ b/packages/mui-material/src/StepButton/StepButton.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { fireEvent } from '@testing-library/dom';
 import StepButton, { stepButtonClasses as classes } from '@mui/material/StepButton';
 import Step from '@mui/material/Step';
diff --git a/packages/mui-material/src/StepConnector/StepConnector.test.js b/packages/mui-material/src/StepConnector/StepConnector.test.js
index eff3dadaadcb4c..7407f76a23273d 100644
--- a/packages/mui-material/src/StepConnector/StepConnector.test.js
+++ b/packages/mui-material/src/StepConnector/StepConnector.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Stepper from '@mui/material/Stepper';
 import Step from '@mui/material/Step';
 import StepConnector, { stepConnectorClasses as classes } from '@mui/material/StepConnector';
diff --git a/packages/mui-material/src/StepContent/StepContent.test.js b/packages/mui-material/src/StepContent/StepContent.test.js
index 401e523b1fe00b..a6f8aa56581bbd 100644
--- a/packages/mui-material/src/StepContent/StepContent.test.js
+++ b/packages/mui-material/src/StepContent/StepContent.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import { collapseClasses } from '@mui/material/Collapse';
 import Stepper from '@mui/material/Stepper';
 import Step from '@mui/material/Step';
diff --git a/packages/mui-material/src/StepIcon/StepIcon.test.js b/packages/mui-material/src/StepIcon/StepIcon.test.js
index 0bc49f279d115a..759c001e330d24 100644
--- a/packages/mui-material/src/StepIcon/StepIcon.test.js
+++ b/packages/mui-material/src/StepIcon/StepIcon.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import StepIcon, { stepIconClasses as classes } from '@mui/material/StepIcon';
 
 describe('<StepIcon />', () => {
diff --git a/packages/mui-material/src/StepLabel/StepLabel.test.js b/packages/mui-material/src/StepLabel/StepLabel.test.js
index fb00e634650b86..799d2f1b1d2f9e 100644
--- a/packages/mui-material/src/StepLabel/StepLabel.test.js
+++ b/packages/mui-material/src/StepLabel/StepLabel.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Typography from '@mui/material/Typography';
 import Stepper from '@mui/material/Stepper';
 import Step from '@mui/material/Step';
diff --git a/packages/mui-material/src/Stepper/Stepper.d.ts b/packages/mui-material/src/Stepper/Stepper.d.ts
index 004f4d1c789a1b..05ed67c67e8662 100644
--- a/packages/mui-material/src/Stepper/Stepper.d.ts
+++ b/packages/mui-material/src/Stepper/Stepper.d.ts
@@ -7,53 +7,54 @@ import { StepperClasses } from './stepperClasses';
 
 export type Orientation = 'horizontal' | 'vertical';
 
+export interface StepperOwnProps extends Pick<PaperProps, 'elevation' | 'square' | 'variant'> {
+  /**
+   * Set the active step (zero based index).
+   * Set to -1 to disable all the steps.
+   * @default 0
+   */
+  activeStep?: number;
+  /**
+   * If set to 'true' and orientation is horizontal,
+   * then the step label will be positioned under the icon.
+   * @default false
+   */
+  alternativeLabel?: boolean;
+  /**
+   * Two or more `<Step />` components.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<StepperClasses>;
+  /**
+   * An element to be placed between each step.
+   * @default <StepConnector />
+   */
+  connector?: React.ReactElement<any, any> | null;
+  /**
+   * If set the `Stepper` will not assist in controlling steps for linear flow.
+   * @default false
+   */
+  nonLinear?: boolean;
+  /**
+   * The component orientation (layout flow direction).
+   * @default 'horizontal'
+   */
+  orientation?: Orientation;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface StepperTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps &
-    Pick<PaperProps, 'elevation' | 'square' | 'variant'> & {
-      /**
-       * Set the active step (zero based index).
-       * Set to -1 to disable all the steps.
-       * @default 0
-       */
-      activeStep?: number;
-      /**
-       * If set to 'true' and orientation is horizontal,
-       * then the step label will be positioned under the icon.
-       * @default false
-       */
-      alternativeLabel?: boolean;
-      /**
-       * Two or more `<Step />` components.
-       */
-      children?: React.ReactNode;
-      /**
-       * Override or extend the styles applied to the component.
-       */
-      classes?: Partial<StepperClasses>;
-      /**
-       * An element to be placed between each step.
-       * @default <StepConnector />
-       */
-      connector?: React.ReactElement<any, any> | null;
-      /**
-       * If set the `Stepper` will not assist in controlling steps for linear flow.
-       * @default false
-       */
-      nonLinear?: boolean;
-      /**
-       * The component orientation (layout flow direction).
-       * @default 'horizontal'
-       */
-      orientation?: Orientation;
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-    };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & StepperOwnProps;
+  defaultComponent: RootComponent;
 }
 
 export type StepperProps<
diff --git a/packages/mui-material/src/Stepper/Stepper.test.tsx b/packages/mui-material/src/Stepper/Stepper.test.tsx
index 17138c559727b3..d398d964d04ce7 100644
--- a/packages/mui-material/src/Stepper/Stepper.test.tsx
+++ b/packages/mui-material/src/Stepper/Stepper.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Step, { StepProps, stepClasses } from '@mui/material/Step';
 import StepLabel from '@mui/material/StepLabel';
 import StepConnector, { stepConnectorClasses } from '@mui/material/StepConnector';
diff --git a/packages/mui-material/src/SvgIcon/SvgIcon.d.ts b/packages/mui-material/src/SvgIcon/SvgIcon.d.ts
index bb0e779712d57f..6400abc7aea08d 100644
--- a/packages/mui-material/src/SvgIcon/SvgIcon.d.ts
+++ b/packages/mui-material/src/SvgIcon/SvgIcon.d.ts
@@ -9,84 +9,86 @@ export interface SvgIconPropsSizeOverrides {}
 
 export interface SvgIconPropsColorOverrides {}
 
+export interface SvgIconOwnProps {
+  /**
+   * Node passed into the SVG element.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<SvgIconClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color?: OverridableStringUnion<
+    | 'inherit'
+    | 'action'
+    | 'disabled'
+    | 'primary'
+    | 'secondary'
+    | 'error'
+    | 'info'
+    | 'success'
+    | 'warning',
+    SvgIconPropsColorOverrides
+  >;
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize?: OverridableStringUnion<
+    'inherit' | 'large' | 'medium' | 'small',
+    SvgIconPropsSizeOverrides
+  >;
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor?: string;
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox?: boolean;
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering?: string;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess?: string;
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox?: string;
+}
+
 export interface SvgIconTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'svg',
+  RootComponent extends React.ElementType = 'svg',
 > {
-  props: AdditionalProps & {
-    /**
-     * Node passed into the SVG element.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<SvgIconClasses>;
-    /**
-     * The color of the component.
-     * It supports both default and custom theme colors, which can be added as shown in the
-     * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-     * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
-     * @default 'inherit'
-     */
-    color?: OverridableStringUnion<
-      | 'inherit'
-      | 'action'
-      | 'disabled'
-      | 'primary'
-      | 'secondary'
-      | 'error'
-      | 'info'
-      | 'success'
-      | 'warning',
-      SvgIconPropsColorOverrides
-    >;
-    /**
-     * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
-     * @default 'medium'
-     */
-    fontSize?: OverridableStringUnion<
-      'inherit' | 'large' | 'medium' | 'small',
-      SvgIconPropsSizeOverrides
-    >;
-    /**
-     * Applies a color attribute to the SVG element.
-     */
-    htmlColor?: string;
-    /**
-     * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
-     * prop will be ignored.
-     * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
-     * `component`'s viewBox to the root node.
-     * @default false
-     */
-    inheritViewBox?: boolean;
-    /**
-     * The shape-rendering attribute. The behavior of the different options is described on the
-     * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
-     * If you are having issues with blurry icons you should investigate this prop.
-     */
-    shapeRendering?: string;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * Provides a human-readable title for the element that contains it.
-     * https://www.w3.org/TR/SVG-access/#Equivalent
-     */
-    titleAccess?: string;
-    /**
-     * Allows you to redefine what the coordinates without units mean inside an SVG element.
-     * For example, if the SVG element is 500 (width) by 200 (height),
-     * and you pass viewBox="0 0 50 20",
-     * this means that the coordinates inside the SVG will go from the top left corner (0,0)
-     * to bottom right (50,20) and each unit will be worth 10px.
-     * @default '0 0 24 24'
-     */
-    viewBox?: string;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & SvgIconOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/SvgIcon/SvgIcon.test.js b/packages/mui-material/src/SvgIcon/SvgIcon.test.js
index 27211f44e6811c..9adff89d0b00bc 100644
--- a/packages/mui-material/src/SvgIcon/SvgIcon.test.js
+++ b/packages/mui-material/src/SvgIcon/SvgIcon.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import SvgIcon, { svgIconClasses as classes } from '@mui/material/SvgIcon';
 
 describe('<SvgIcon />', () => {
diff --git a/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.js b/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.js
index f8f3aeec75986b..524d5afba37809 100644
--- a/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.js
+++ b/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.js
@@ -646,7 +646,7 @@ SwipeableDrawer.propTypes /* remove-proptypes */ = {
    *
    * @default false
    */
-  allowSwipeInChildren: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
+  allowSwipeInChildren: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
   /**
    * @ignore
    */
@@ -701,20 +701,20 @@ SwipeableDrawer.propTypes /* remove-proptypes */ = {
   /**
    * Callback fired when the component requests to be closed.
    *
-   * @param {object} event The event source of the callback.
+   * @param {React.SyntheticEvent<{}>} event The event source of the callback.
    */
   onClose: PropTypes.func.isRequired,
   /**
    * Callback fired when the component requests to be opened.
    *
-   * @param {object} event The event source of the callback.
+   * @param {React.SyntheticEvent<{}>} event The event source of the callback.
    */
   onOpen: PropTypes.func.isRequired,
   /**
    * If `true`, the component is shown.
    * @default false
    */
-  open: PropTypes.bool.isRequired,
+  open: PropTypes.bool,
   /**
    * @ignore
    */
diff --git a/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.test.js b/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.test.js
index f0b537504d53cd..0fe3afcd6e7def 100644
--- a/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.test.js
+++ b/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { fireEvent, createRenderer, describeConformance, screen } from 'test/utils';
+import { fireEvent, createRenderer, describeConformance, screen } from '@mui-internal/test-utils';
 import PropTypes, { checkPropTypes } from 'prop-types';
 import SwipeableDrawer from '@mui/material/SwipeableDrawer';
 import Drawer, { drawerClasses } from '@mui/material/Drawer';
diff --git a/packages/mui-material/src/Switch/Switch.test.js b/packages/mui-material/src/Switch/Switch.test.js
index af1934d0459f1b..6d34c4a10aa098 100644
--- a/packages/mui-material/src/Switch/Switch.test.js
+++ b/packages/mui-material/src/Switch/Switch.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, act, createRenderer, fireEvent } from 'test/utils';
+import { describeConformance, act, createRenderer, fireEvent } from '@mui-internal/test-utils';
 import Switch, { switchClasses as classes } from '@mui/material/Switch';
 import FormControl from '@mui/material/FormControl';
 
diff --git a/packages/mui-material/src/Tab/Tab.d.ts b/packages/mui-material/src/Tab/Tab.d.ts
index cd3a444504deea..dc19a6eed31db4 100644
--- a/packages/mui-material/src/Tab/Tab.d.ts
+++ b/packages/mui-material/src/Tab/Tab.d.ts
@@ -5,59 +5,61 @@ import { ExtendButtonBase, ExtendButtonBaseTypeMap } from '../ButtonBase';
 import { OverrideProps } from '../OverridableComponent';
 import { TabClasses } from './tabClasses';
 
+export interface TabOwnProps {
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children?: null;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TabClasses>;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple?: boolean;
+  /**
+   * The icon to display.
+   */
+  icon?: string | React.ReactElement;
+  /**
+   * The position of the icon relative to the label.
+   * @default 'top'
+   */
+  iconPosition?: 'top' | 'bottom' | 'start' | 'end';
+  /**
+   * The label element.
+   */
+  label?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * You can provide your own value. Otherwise, we fallback to the child position index.
+   */
+  value?: any;
+  /**
+   * Tab labels appear in a single row.
+   * They can use a second line if needed.
+   * @default false
+   */
+  wrapped?: boolean;
+}
+
 export type TabTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * This prop isn't supported.
-     * Use the `component` prop if you need to change the children structure.
-     */
-    children?: null;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<TabClasses>;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the  keyboard focus ripple is disabled.
-     * @default false
-     */
-    disableFocusRipple?: boolean;
-    /**
-     * The icon to display.
-     */
-    icon?: string | React.ReactElement;
-    /**
-     * The position of the icon relative to the label.
-     * @default 'top'
-     */
-    iconPosition?: 'top' | 'bottom' | 'start' | 'end';
-    /**
-     * The label element.
-     */
-    label?: React.ReactNode;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * You can provide your own value. Otherwise, we fallback to the child position index.
-     */
-    value?: any;
-    /**
-     * Tab labels appear in a single row.
-     * They can use a second line if needed.
-     * @default false
-     */
-    wrapped?: boolean;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & TabOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material/src/Tab/Tab.test.js b/packages/mui-material/src/Tab/Tab.test.js
index b52f9dc1e7b66c..4aabc73afffd9c 100644
--- a/packages/mui-material/src/Tab/Tab.test.js
+++ b/packages/mui-material/src/Tab/Tab.test.js
@@ -1,7 +1,7 @@
 import { expect } from 'chai';
 import * as React from 'react';
 import { spy } from 'sinon';
-import { act, createRenderer, describeConformance, fireEvent } from 'test/utils';
+import { act, createRenderer, describeConformance, fireEvent } from '@mui-internal/test-utils';
 import Tab, { tabClasses as classes } from '@mui/material/Tab';
 import ButtonBase from '@mui/material/ButtonBase';
 
diff --git a/packages/mui-material/src/TabScrollButton/TabScrollButton.d.ts b/packages/mui-material/src/TabScrollButton/TabScrollButton.d.ts
index 3af46711d867a4..e8d396e4a49b12 100644
--- a/packages/mui-material/src/TabScrollButton/TabScrollButton.d.ts
+++ b/packages/mui-material/src/TabScrollButton/TabScrollButton.d.ts
@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { SlotComponentProps } from '@mui/base';
-import { InternalStandardProps as StandardProps, SvgIcon, Theme } from '..';
+import { ButtonBaseProps } from '../ButtonBase';
+import { SvgIcon, Theme } from '..';
 import { TabScrollButtonClasses } from './tabScrollButtonClasses';
 
 export interface TabScrollButtonStartIconSlotPropsOverrides {}
@@ -11,7 +12,7 @@ export interface TabScrollButtonOwnerState extends TabScrollButtonProps {
   isRtl: boolean;
 }
 
-export interface TabScrollButtonProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
+export interface TabScrollButtonProps extends ButtonBaseProps {
   /**
    * The content of the component.
    */
diff --git a/packages/mui-material/src/TabScrollButton/TabScrollButton.spec.tsx b/packages/mui-material/src/TabScrollButton/TabScrollButton.spec.tsx
index c0449118ae062f..3fb299deb1d248 100644
--- a/packages/mui-material/src/TabScrollButton/TabScrollButton.spec.tsx
+++ b/packages/mui-material/src/TabScrollButton/TabScrollButton.spec.tsx
@@ -29,3 +29,6 @@ function SampleIcon() {
     }),
   }}
 />;
+
+// Test that ButtonBase props should be available
+<TabScrollButton direction="left" orientation="horizontal" centerRipple />;
diff --git a/packages/mui-material/src/TabScrollButton/TabScrollButton.test.js b/packages/mui-material/src/TabScrollButton/TabScrollButton.test.js
index 5148ae68313fc1..00aa3b267dffc7 100644
--- a/packages/mui-material/src/TabScrollButton/TabScrollButton.test.js
+++ b/packages/mui-material/src/TabScrollButton/TabScrollButton.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
 import TabScrollButton, { tabScrollButtonClasses as classes } from '@mui/material/TabScrollButton';
diff --git a/packages/mui-material/src/Table/Table.d.ts b/packages/mui-material/src/Table/Table.d.ts
index 965f71697f4873..cbc37912c61bbf 100644
--- a/packages/mui-material/src/Table/Table.d.ts
+++ b/packages/mui-material/src/Table/Table.d.ts
@@ -7,42 +7,44 @@ import { TableClasses } from './tableClasses';
 
 export interface TablePropsSizeOverrides {}
 
+export interface TableOwnProps {
+  /**
+   * The content of the table, normally `TableHead` and `TableBody`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TableClasses>;
+  /**
+   * Allows TableCells to inherit padding of the Table.
+   * @default 'normal'
+   */
+  padding?: 'normal' | 'checkbox' | 'none';
+  /**
+   * Allows TableCells to inherit size of the Table.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium', TablePropsSizeOverrides>;
+  /**
+   * Set the header sticky.
+   *
+   * ⚠️ It doesn't work with IE11.
+   * @default false
+   */
+  stickyHeader?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface TableTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'table',
+  RootComponent extends React.ElementType = 'table',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the table, normally `TableHead` and `TableBody`.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<TableClasses>;
-    /**
-     * Allows TableCells to inherit padding of the Table.
-     * @default 'normal'
-     */
-    padding?: 'normal' | 'checkbox' | 'none';
-    /**
-     * Allows TableCells to inherit size of the Table.
-     * @default 'medium'
-     */
-    size?: OverridableStringUnion<'small' | 'medium', TablePropsSizeOverrides>;
-    /**
-     * Set the header sticky.
-     *
-     * ⚠️ It doesn't work with IE11.
-     * @default false
-     */
-    stickyHeader?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & TableOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/Table/Table.test.js b/packages/mui-material/src/Table/Table.test.js
index 243748ef7c50fc..eeda37bc0b84bc 100644
--- a/packages/mui-material/src/Table/Table.test.js
+++ b/packages/mui-material/src/Table/Table.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Table, { tableClasses as classes } from '@mui/material/Table';
 import TableContext from './TableContext';
 
diff --git a/packages/mui-material/src/TableBody/TableBody.d.ts b/packages/mui-material/src/TableBody/TableBody.d.ts
index 769ab25d7da0ca..144f01676c378e 100644
--- a/packages/mui-material/src/TableBody/TableBody.d.ts
+++ b/packages/mui-material/src/TableBody/TableBody.d.ts
@@ -4,25 +4,27 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableBodyClasses } from './tableBodyClasses';
 
+export interface TableBodyOwnProps {
+  /**
+   * The content of the component, normally `TableRow`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TableBodyClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface TableBodyTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'tbody',
+  RootComponent extends React.ElementType = 'tbody',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component, normally `TableRow`.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<TableBodyClasses>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & TableBodyOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/TableBody/TableBody.test.js b/packages/mui-material/src/TableBody/TableBody.test.js
index be1e4789899b8a..1cfeaf78f72d82 100644
--- a/packages/mui-material/src/TableBody/TableBody.test.js
+++ b/packages/mui-material/src/TableBody/TableBody.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import TableBody, { tableBodyClasses as classes } from '@mui/material/TableBody';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 
diff --git a/packages/mui-material/src/TableCell/TableCell.test.js b/packages/mui-material/src/TableCell/TableCell.test.js
index 776ed9241ff7c6..ed27e168fb2944 100644
--- a/packages/mui-material/src/TableCell/TableCell.test.js
+++ b/packages/mui-material/src/TableCell/TableCell.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import TableCell, { tableCellClasses as classes } from '@mui/material/TableCell';
 import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
diff --git a/packages/mui-material/src/TableContainer/TableContainer.d.ts b/packages/mui-material/src/TableContainer/TableContainer.d.ts
index 6bd3ba74d298bd..053af18e278bfa 100644
--- a/packages/mui-material/src/TableContainer/TableContainer.d.ts
+++ b/packages/mui-material/src/TableContainer/TableContainer.d.ts
@@ -4,25 +4,27 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableContainerClasses } from './tableContainerClasses';
 
+export interface TableContainerOwnProps {
+  /**
+   * The content of the component, normally `Table`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TableContainerClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface TableContainerTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component, normally `Table`.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<TableContainerClasses>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & TableContainerOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/TableContainer/TableContainer.test.js b/packages/mui-material/src/TableContainer/TableContainer.test.js
index 2c2f58b42d54d3..4d28809934c7b8 100644
--- a/packages/mui-material/src/TableContainer/TableContainer.test.js
+++ b/packages/mui-material/src/TableContainer/TableContainer.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import TableContainer, { tableContainerClasses as classes } from '@mui/material/TableContainer';
 
 describe('<TableContainer />', () => {
diff --git a/packages/mui-material/src/TableFooter/TableFooter.d.ts b/packages/mui-material/src/TableFooter/TableFooter.d.ts
index 8c0441f06880ec..7dacb5fb80492b 100644
--- a/packages/mui-material/src/TableFooter/TableFooter.d.ts
+++ b/packages/mui-material/src/TableFooter/TableFooter.d.ts
@@ -4,25 +4,27 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableFooterClasses } from './tableFooterClasses';
 
+export interface TableFooterOwnProps {
+  /**
+   * The content of the component, normally `TableRow`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TableFooterClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface TableFooterTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'tfoot',
+  RootComponent extends React.ElementType = 'tfoot',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component, normally `TableRow`.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<TableFooterClasses>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & TableFooterOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/TableFooter/TableFooter.test.js b/packages/mui-material/src/TableFooter/TableFooter.test.js
index 7a25ee32fb8ecf..7663e25c27f4df 100644
--- a/packages/mui-material/src/TableFooter/TableFooter.test.js
+++ b/packages/mui-material/src/TableFooter/TableFooter.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import TableFooter, { tableFooterClasses as classes } from '@mui/material/TableFooter';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 
diff --git a/packages/mui-material/src/TableHead/TableHead.d.ts b/packages/mui-material/src/TableHead/TableHead.d.ts
index 446d039775ef70..8646071c5c0e4c 100644
--- a/packages/mui-material/src/TableHead/TableHead.d.ts
+++ b/packages/mui-material/src/TableHead/TableHead.d.ts
@@ -4,25 +4,27 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableHeadClasses } from './tableHeadClasses';
 
+export interface TableHeadOwnProps {
+  /**
+   * The content of the component, normally `TableRow`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TableHeadClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface TableHeadTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'thead',
+  RootComponent extends React.ElementType = 'thead',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component, normally `TableRow`.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<TableHeadClasses>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & TableHeadOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/TableHead/TableHead.test.js b/packages/mui-material/src/TableHead/TableHead.test.js
index f24289d0411003..5a7203d1d8b08a 100644
--- a/packages/mui-material/src/TableHead/TableHead.test.js
+++ b/packages/mui-material/src/TableHead/TableHead.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import TableHead, { tableHeadClasses as classes } from '@mui/material/TableHead';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 
diff --git a/packages/mui-material/src/TablePagination/TablePagination.d.ts b/packages/mui-material/src/TablePagination/TablePagination.d.ts
index da219dbd120ab8..3c72b57d9186b9 100644
--- a/packages/mui-material/src/TablePagination/TablePagination.d.ts
+++ b/packages/mui-material/src/TablePagination/TablePagination.d.ts
@@ -15,116 +15,119 @@ export interface LabelDisplayedRowsArgs {
   page: number;
 }
 
-export interface TablePaginationTypeMap<
-  AdditionalProps,
-  DefaultComponent extends React.ElementType,
-> {
-  props: AdditionalProps &
-    TablePaginationBaseProps & {
-      /**
-       * The component used for displaying the actions.
-       * Either a string to use a HTML element or a component.
-       * @default TablePaginationActions
-       */
-      ActionsComponent?: React.ElementType<TablePaginationActionsProps>;
-      /**
-       * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) component.
-       */
-      backIconButtonProps?: Partial<IconButtonProps>;
-      /**
-       * Override or extend the styles applied to the component.
-       */
-      classes?: Partial<TablePaginationClasses>;
-      /**
-       * The total number of rows.
-       *
-       * To enable server side pagination for an unknown number of items, provide -1.
-       */
-      count: number;
-      /**
-       * Accepts a function which returns a string value that provides a user-friendly name for the current page.
-       * This is important for screen reader users.
-       *
-       * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
-       * @param {string} type The link or button type to format ('first' | 'last' | 'next' | 'previous').
-       * @returns {string}
-       * @default function defaultGetAriaLabel(type) {
-       *   return `Go to ${type} page`;
-       * }
-       */
-      getItemAriaLabel?: (type: 'first' | 'last' | 'next' | 'previous') => string;
-      /**
-       * Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
-       * object.
-       *
-       * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
-       * @default function defaultLabelDisplayedRows({ from, to, count }) {
-       *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-       * }
-       */
-      labelDisplayedRows?: (paginationInfo: LabelDisplayedRowsArgs) => React.ReactNode;
-      /**
-       * Customize the rows per page label.
-       *
-       * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
-       * @default 'Rows per page:'
-       */
-      labelRowsPerPage?: React.ReactNode;
-      /**
-       * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
-       */
-      nextIconButtonProps?: Partial<IconButtonProps>;
-      /**
-       * Callback fired when the page is changed.
-       *
-       * @param {React.MouseEvent<HTMLButtonElement> | null} event The event source of the callback.
-       * @param {number} page The page selected.
-       */
-      onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
-      /**
-       * Callback fired when the number of rows per page is changed.
-       *
-       * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
-       */
-      onRowsPerPageChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-      /**
-       * The zero-based index of the current page.
-       */
-      page: number;
-      /**
-       * The number of rows per page.
-       *
-       * Set -1 to display all the rows.
-       */
-      rowsPerPage: number;
-      /**
-       * Customizes the options of the rows per page select field. If less than two options are
-       * available, no select field will be displayed.
-       * Use -1 for the value with a custom label to show all the rows.
-       * @default [10, 25, 50, 100]
-       */
-      rowsPerPageOptions?: Array<number | { value: number; label: string }>;
-      /**
-       * Props applied to the rows per page [`Select`](/material-ui/api/select/) element.
-       * @default {}
-       */
-      SelectProps?: Partial<SelectProps>;
-      /**
-       * If `true`, show the first-page button.
-       * @default false
-       */
-      showFirstButton?: boolean;
-      /**
-       * If `true`, show the last-page button.
-       * @default false
-       */
-      showLastButton?: boolean;
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-    };
-  defaultComponent: DefaultComponent;
+/**
+ * This type is kept for compatibility. Use `TablePaginationOwnProps` instead.
+ */
+export type TablePaginationBaseProps = Omit<TableCellProps, 'classes' | 'component' | 'children'>;
+
+export interface TablePaginationOwnProps extends TablePaginationBaseProps {
+  /**
+   * The component used for displaying the actions.
+   * Either a string to use a HTML element or a component.
+   * @default TablePaginationActions
+   */
+  ActionsComponent?: React.ElementType<TablePaginationActionsProps>;
+  /**
+   * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) component.
+   */
+  backIconButtonProps?: Partial<IconButtonProps>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TablePaginationClasses>;
+  /**
+   * The total number of rows.
+   *
+   * To enable server side pagination for an unknown number of items, provide -1.
+   */
+  count: number;
+  /**
+   * Accepts a function which returns a string value that provides a user-friendly name for the current page.
+   * This is important for screen reader users.
+   *
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * @param {string} type The link or button type to format ('first' | 'last' | 'next' | 'previous').
+   * @returns {string}
+   * @default function defaultGetAriaLabel(type) {
+   *   return `Go to ${type} page`;
+   * }
+   */
+  getItemAriaLabel?: (type: 'first' | 'last' | 'next' | 'previous') => string;
+  /**
+   * Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
+   * object.
+   *
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * @default function defaultLabelDisplayedRows({ from, to, count }) {
+   *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+   * }
+   */
+  labelDisplayedRows?: (paginationInfo: LabelDisplayedRowsArgs) => React.ReactNode;
+  /**
+   * Customize the rows per page label.
+   *
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * @default 'Rows per page:'
+   */
+  labelRowsPerPage?: React.ReactNode;
+  /**
+   * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
+   */
+  nextIconButtonProps?: Partial<IconButtonProps>;
+  /**
+   * Callback fired when the page is changed.
+   *
+   * @param {React.MouseEvent<HTMLButtonElement> | null} event The event source of the callback.
+   * @param {number} page The page selected.
+   */
+  onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
+  /**
+   * Callback fired when the number of rows per page is changed.
+   *
+   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
+   */
+  onRowsPerPageChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+  /**
+   * The zero-based index of the current page.
+   */
+  page: number;
+  /**
+   * The number of rows per page.
+   *
+   * Set -1 to display all the rows.
+   */
+  rowsPerPage: number;
+  /**
+   * Customizes the options of the rows per page select field. If less than two options are
+   * available, no select field will be displayed.
+   * Use -1 for the value with a custom label to show all the rows.
+   * @default [10, 25, 50, 100]
+   */
+  rowsPerPageOptions?: Array<number | { value: number; label: string }>;
+  /**
+   * Props applied to the rows per page [`Select`](/material-ui/api/select/) element.
+   * @default {}
+   */
+  SelectProps?: Partial<SelectProps>;
+  /**
+   * If `true`, show the first-page button.
+   * @default false
+   */
+  showFirstButton?: boolean;
+  /**
+   * If `true`, show the last-page button.
+   * @default false
+   */
+  showLastButton?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+export interface TablePaginationTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
+  props: AdditionalProps & TablePaginationOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
@@ -132,6 +135,7 @@ export interface TablePaginationTypeMap<
  *
  * Demos:
  *
+ * - [Pagination](https://mui.com/material-ui/react-pagination/)
  * - [Table](https://mui.com/material-ui/react-table/)
  *
  * API:
@@ -143,8 +147,6 @@ declare const TablePagination: OverridableComponent<
   TablePaginationTypeMap<{}, React.JSXElementConstructor<TablePaginationBaseProps>>
 >;
 
-export type TablePaginationBaseProps = Omit<TableCellProps, 'classes' | 'component' | 'children'>;
-
 export type TablePaginationProps<
   RootComponent extends React.ElementType = React.JSXElementConstructor<TablePaginationBaseProps>,
   AdditionalProps = {},
diff --git a/packages/mui-material/src/TablePagination/TablePagination.test.js b/packages/mui-material/src/TablePagination/TablePagination.test.js
index 53a3f7969ce6b4..2e7fb24023e358 100644
--- a/packages/mui-material/src/TablePagination/TablePagination.test.js
+++ b/packages/mui-material/src/TablePagination/TablePagination.test.js
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import PropTypes from 'prop-types';
-import { describeConformance, fireEvent, createRenderer } from 'test/utils';
+import { describeConformance, fireEvent, createRenderer } from '@mui-internal/test-utils';
 import TableFooter from '@mui/material/TableFooter';
 import TableCell from '@mui/material/TableCell';
 import TableRow from '@mui/material/TableRow';
diff --git a/packages/mui-material/src/TableRow/TableRow.d.ts b/packages/mui-material/src/TableRow/TableRow.d.ts
index aa696929aa91b5..7244439b1fc7a7 100644
--- a/packages/mui-material/src/TableRow/TableRow.d.ts
+++ b/packages/mui-material/src/TableRow/TableRow.d.ts
@@ -4,35 +4,37 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableRowClasses } from './tableRowClasses';
 
+export interface TableRowOwnProps {
+  /**
+   * Should be valid <tr> children such as `TableCell`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TableRowClasses>;
+  /**
+   * If `true`, the table row will shade on hover.
+   * @default false
+   */
+  hover?: boolean;
+  /**
+   * If `true`, the table row will have the selected shading.
+   * @default false
+   */
+  selected?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface TableRowTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'tr',
+  RootComponent extends React.ElementType = 'tr',
 > {
-  props: AdditionalProps & {
-    /**
-     * Should be valid <tr> children such as `TableCell`.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<TableRowClasses>;
-    /**
-     * If `true`, the table row will shade on hover.
-     * @default false
-     */
-    hover?: boolean;
-    /**
-     * If `true`, the table row will have the selected shading.
-     * @default false
-     */
-    selected?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & TableRowOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  * Will automatically set dynamic row height
diff --git a/packages/mui-material/src/TableRow/TableRow.test.js b/packages/mui-material/src/TableRow/TableRow.test.js
index 0c19fb067d1169..8d1adea00bf799 100644
--- a/packages/mui-material/src/TableRow/TableRow.test.js
+++ b/packages/mui-material/src/TableRow/TableRow.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import TableRow, { tableRowClasses as classes } from '@mui/material/TableRow';
 
 describe('<TableRow />', () => {
diff --git a/packages/mui-material/src/TableSortLabel/TableSortLabel.d.ts b/packages/mui-material/src/TableSortLabel/TableSortLabel.d.ts
index 2684795d4ce11e..6c62dcdd5ddf6e 100644
--- a/packages/mui-material/src/TableSortLabel/TableSortLabel.d.ts
+++ b/packages/mui-material/src/TableSortLabel/TableSortLabel.d.ts
@@ -5,45 +5,49 @@ import { ExtendButtonBase, ExtendButtonBaseTypeMap } from '../ButtonBase';
 import { OverrideProps } from '../OverridableComponent';
 import { TableSortLabelClasses } from './tableSortLabelClasses';
 
+export interface TableSortLabelOwnProps {
+  /**
+   * If `true`, the label will have the active styling (should be true for the sorted column).
+   * @default false
+   */
+  active?: boolean;
+  /**
+   * Label contents, the arrow will be appended automatically.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TableSortLabelClasses>;
+  /**
+   * The current sort direction.
+   * @default 'asc'
+   */
+  direction?: 'asc' | 'desc';
+  /**
+   * Hide sort icon when active is false.
+   * @default false
+   */
+  hideSortIcon?: boolean;
+  /**
+   * Sort icon to use.
+   * @default ArrowDownwardIcon
+   */
+  IconComponent?: React.JSXElementConstructor<{
+    className: string;
+  }>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export type TableSortLabelTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'span',
+  RootComponent extends React.ElementType = 'span',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * If `true`, the label will have the active styling (should be true for the sorted column).
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * Label contents, the arrow will be appended automatically.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<TableSortLabelClasses>;
-    /**
-     * The current sort direction.
-     * @default 'asc'
-     */
-    direction?: 'asc' | 'desc';
-    /**
-     * Hide sort icon when active is false.
-     * @default false
-     */
-    hideSortIcon?: boolean;
-    /**
-     * Sort icon to use.
-     * @default ArrowDownwardIcon
-     */
-    IconComponent?: React.JSXElementConstructor<{ className: string }>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & TableSortLabelOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material/src/TableSortLabel/TableSortLabel.test.js b/packages/mui-material/src/TableSortLabel/TableSortLabel.test.js
index 20eeb8326c71e4..74e4e0449a3f0e 100644
--- a/packages/mui-material/src/TableSortLabel/TableSortLabel.test.js
+++ b/packages/mui-material/src/TableSortLabel/TableSortLabel.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import SortIcon from '@mui/icons-material/Sort';
 import TableSortLabel, { tableSortLabelClasses as classes } from '@mui/material/TableSortLabel';
 import ButtonBase from '@mui/material/ButtonBase';
diff --git a/packages/mui-material/src/Tabs/ScrollbarSize.test.js b/packages/mui-material/src/Tabs/ScrollbarSize.test.js
index 261a636223a50b..eb6e6899303525 100644
--- a/packages/mui-material/src/Tabs/ScrollbarSize.test.js
+++ b/packages/mui-material/src/Tabs/ScrollbarSize.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy, stub } from 'sinon';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import ScrollbarSize from './ScrollbarSize';
 
 describe('<ScrollbarSize />', () => {
diff --git a/packages/mui-material/src/Tabs/Tabs.d.ts b/packages/mui-material/src/Tabs/Tabs.d.ts
index 336208b9c72135..32824ee0054d7e 100644
--- a/packages/mui-material/src/Tabs/Tabs.d.ts
+++ b/packages/mui-material/src/Tabs/Tabs.d.ts
@@ -3,7 +3,6 @@ import { SxProps } from '@mui/system';
 import { SlotComponentProps } from '@mui/base';
 import { OverridableStringUnion } from '@mui/types';
 import { Theme } from '../styles';
-import ButtonBase from '../ButtonBase';
 import { TabScrollButtonProps } from '../TabScrollButton';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TabsClasses } from './tabsClasses';
@@ -24,158 +23,162 @@ export interface TabsOwnerState extends TabsProps {
   scrollButtonsHideMobile: boolean;
 }
 
-export interface TabsTypeMap<
-  AdditionalProps = {},
-  DefaultComponent extends React.ElementType = typeof ButtonBase,
-> {
-  props: AdditionalProps & {
-    /**
-     * Callback fired when the component mounts.
-     * This is useful when you want to trigger an action programmatically.
-     * It supports two actions: `updateIndicator()` and `updateScrollButtons()`
-     *
-     * @param {object} actions This object contains all possible actions
-     * that can be triggered programmatically.
-     */
-    action?: React.Ref<TabsActions>;
-    /**
-     * If `true`, the scroll buttons aren't forced hidden on mobile.
-     * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
-     * @default false
-     */
-    allowScrollButtonsMobile?: boolean;
-    /**
-     * The label for the Tabs as a string.
-     */
-    'aria-label'?: string;
-    /**
-     * An id or list of ids separated by a space that label the Tabs.
-     */
-    'aria-labelledby'?: string;
-    /**
-     * If `true`, the tabs are centered.
-     * This prop is intended for large views.
-     * @default false
-     */
-    centered?: boolean;
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<TabsClasses>;
-    /**
-     * The components used for each slot inside.
-     * @default {}
-     */
-    slots?: {
-      StartScrollButtonIcon?: React.ElementType;
-      EndScrollButtonIcon?: React.ElementType;
-    };
-    /**
-     * The extra props for the slot components.
-     * You can override the existing props or add new ones.
-     * @default {}
-     */
-    slotProps?: {
-      startScrollButtonIcon?: SlotComponentProps<
-        typeof SvgIcon,
-        TabsStartScrollButtonIconSlotPropsOverrides,
-        TabsOwnerState
-      >;
-      endScrollButtonIcon?: SlotComponentProps<
-        typeof SvgIcon,
-        TabsEndScrollButtonIconSlotPropsOverrides,
-        TabsOwnerState
-      >;
-    };
-    /**
-     * Determines the color of the indicator.
-     * @default 'primary'
-     */
-    indicatorColor?: OverridableStringUnion<
-      'secondary' | 'primary',
-      TabsPropsIndicatorColorOverrides
+export interface TabsOwnProps {
+  /**
+   * Callback fired when the component mounts.
+   * This is useful when you want to trigger an action programmatically.
+   * It supports two actions: `updateIndicator()` and `updateScrollButtons()`
+   *
+   * @param {object} actions This object contains all possible actions
+   * that can be triggered programmatically.
+   */
+  action?: React.Ref<TabsActions>;
+  /**
+   * If `true`, the scroll buttons aren't forced hidden on mobile.
+   * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
+   * @default false
+   */
+  allowScrollButtonsMobile?: boolean;
+  /**
+   * The label for the Tabs as a string.
+   */
+  'aria-label'?: string;
+  /**
+   * An id or list of ids separated by a space that label the Tabs.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * If `true`, the tabs are centered.
+   * This prop is intended for large views.
+   * @default false
+   */
+  centered?: boolean;
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TabsClasses>;
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots?: {
+    StartScrollButtonIcon?: React.ElementType;
+    EndScrollButtonIcon?: React.ElementType;
+  };
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   * @default {}
+   */
+  slotProps?: {
+    startScrollButtonIcon?: SlotComponentProps<
+      typeof SvgIcon,
+      TabsStartScrollButtonIconSlotPropsOverrides,
+      TabsOwnerState
+    >;
+    endScrollButtonIcon?: SlotComponentProps<
+      typeof SvgIcon,
+      TabsEndScrollButtonIconSlotPropsOverrides,
+      TabsOwnerState
     >;
-    /**
-     * Callback fired when the value changes.
-     *
-     * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
-     * @param {any} value We default to the index of the child (number)
-     */
-    onChange?: (event: React.SyntheticEvent, value: any) => void;
-    /**
-     * The component orientation (layout flow direction).
-     * @default 'horizontal'
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * The component used to render the scroll buttons.
-     * @default TabScrollButton
-     */
-    ScrollButtonComponent?: React.ElementType;
-    /**
-     * Determine behavior of scroll buttons when tabs are set to scroll:
-     *
-     * - `auto` will only present them when not all the items are visible.
-     * - `true` will always present them.
-     * - `false` will never present them.
-     *
-     * By default the scroll buttons are hidden on mobile.
-     * This behavior can be disabled with `allowScrollButtonsMobile`.
-     * @default 'auto'
-     */
-    scrollButtons?: 'auto' | true | false;
-    /**
-     * If `true` the selected tab changes on focus. Otherwise it only
-     * changes on activation.
-     */
-    selectionFollowsFocus?: boolean;
-    /**
-     * Props applied to the tab indicator element.
-     * @default  {}
-     */
-    TabIndicatorProps?: React.HTMLAttributes<HTMLDivElement> & { sx?: SxProps<Theme> };
-    /**
-     * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
-     * @default {}
-     */
-    TabScrollButtonProps?: Partial<TabScrollButtonProps>;
-    /**
-     * Determines the color of the `Tab`.
-     * @default 'primary'
-     */
-    textColor?: 'secondary' | 'primary' | 'inherit';
-    /**
-     * The value of the currently selected `Tab`.
-     * If you don't want any selected `Tab`, you can set this prop to `false`.
-     */
-    value?: any;
-    /**
-     *  Determines additional display behavior of the tabs:
-     *
-     *  - `scrollable` will invoke scrolling properties and allow for horizontally
-     *  scrolling (or swiping) of the tab bar.
-     *  -`fullWidth` will make the tabs grow to use all the available space,
-     *  which should be used for small views, like on mobile.
-     *  - `standard` will render the default state.
-     * @default 'standard'
-     */
-    variant?: 'standard' | 'scrollable' | 'fullWidth';
-    /**
-     * If `true`, the scrollbar is visible. It can be useful when displaying
-     * a long vertical list of tabs.
-     * @default false
-     */
-    visibleScrollbar?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
+  };
+  /**
+   * Determines the color of the indicator.
+   * @default 'primary'
+   */
+  indicatorColor?: OverridableStringUnion<
+    'secondary' | 'primary',
+    TabsPropsIndicatorColorOverrides
+  >;
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {any} value We default to the index of the child (number)
+   */
+  onChange?: (event: React.SyntheticEvent, value: any) => void;
+  /**
+   * The component orientation (layout flow direction).
+   * @default 'horizontal'
+   */
+  orientation?: 'horizontal' | 'vertical';
+  /**
+   * The component used to render the scroll buttons.
+   * @default TabScrollButton
+   */
+  ScrollButtonComponent?: React.ElementType;
+  /**
+   * Determine behavior of scroll buttons when tabs are set to scroll:
+   *
+   * - `auto` will only present them when not all the items are visible.
+   * - `true` will always present them.
+   * - `false` will never present them.
+   *
+   * By default the scroll buttons are hidden on mobile.
+   * This behavior can be disabled with `allowScrollButtonsMobile`.
+   * @default 'auto'
+   */
+  scrollButtons?: 'auto' | true | false;
+  /**
+   * If `true` the selected tab changes on focus. Otherwise it only
+   * changes on activation.
+   */
+  selectionFollowsFocus?: boolean;
+  /**
+   * Props applied to the tab indicator element.
+   * @default  {}
+   */
+  TabIndicatorProps?: React.HTMLAttributes<HTMLDivElement> & {
     sx?: SxProps<Theme>;
   };
-  defaultComponent: DefaultComponent;
+  /**
+   * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
+   * @default {}
+   */
+  TabScrollButtonProps?: Partial<TabScrollButtonProps>;
+  /**
+   * Determines the color of the `Tab`.
+   * @default 'primary'
+   */
+  textColor?: 'secondary' | 'primary' | 'inherit';
+  /**
+   * The value of the currently selected `Tab`.
+   * If you don't want any selected `Tab`, you can set this prop to `false`.
+   */
+  value?: any;
+  /**
+   *  Determines additional display behavior of the tabs:
+   *
+   *  - `scrollable` will invoke scrolling properties and allow for horizontally
+   *  scrolling (or swiping) of the tab bar.
+   *  - `fullWidth` will make the tabs grow to use all the available space,
+   *  which should be used for small views, like on mobile.
+   *  - `standard` will render the default state.
+   * @default 'standard'
+   */
+  variant?: 'standard' | 'scrollable' | 'fullWidth';
+  /**
+   * If `true`, the scrollbar is visible. It can be useful when displaying
+   * a long vertical list of tabs.
+   * @default false
+   */
+  visibleScrollbar?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+export interface TabsTypeMap<
+  AdditionalProps = {},
+  RootComponent extends React.ElementType = 'div',
+> {
+  props: AdditionalProps & TabsOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/Tabs/Tabs.js b/packages/mui-material/src/Tabs/Tabs.js
index 12a9f9ba9fa24e..7dd9a9c6e34c90 100644
--- a/packages/mui-material/src/Tabs/Tabs.js
+++ b/packages/mui-material/src/Tabs/Tabs.js
@@ -213,10 +213,7 @@ const TabsIndicator = styled('span', {
   }),
 }));
 
-const TabsScrollbarSize = styled(ScrollbarSize, {
-  name: 'MuiTabs',
-  slot: 'ScrollbarSize',
-})({
+const TabsScrollbarSize = styled(ScrollbarSize)({
   overflowX: 'auto',
   overflowY: 'hidden',
   // Hide dimensionless scrollbar on macOS
@@ -936,7 +933,7 @@ Tabs.propTypes /* remove-proptypes */ = {
    *
    *  - `scrollable` will invoke scrolling properties and allow for horizontally
    *  scrolling (or swiping) of the tab bar.
-   *  -`fullWidth` will make the tabs grow to use all the available space,
+   *  - `fullWidth` will make the tabs grow to use all the available space,
    *  which should be used for small views, like on mobile.
    *  - `standard` will render the default state.
    * @default 'standard'
diff --git a/packages/mui-material/src/Tabs/Tabs.spec.tsx b/packages/mui-material/src/Tabs/Tabs.spec.tsx
index c52c946895b1db..979f67adcf5477 100644
--- a/packages/mui-material/src/Tabs/Tabs.spec.tsx
+++ b/packages/mui-material/src/Tabs/Tabs.spec.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { expectType } from '@mui/types';
 import Tabs from '@mui/material/Tabs';
 import SvgIcon from '@mui/material/SvgIcon';
 
@@ -50,3 +51,10 @@ function SampleIcon() {
     }),
   }}
 />;
+
+// Test for ref type
+<Tabs
+  ref={(elem) => {
+    expectType<HTMLDivElement | null, typeof elem>(elem);
+  }}
+/>;
diff --git a/packages/mui-material/src/Tabs/Tabs.test.js b/packages/mui-material/src/Tabs/Tabs.test.js
index 4ce124b5a04176..da655ecff49149 100644
--- a/packages/mui-material/src/Tabs/Tabs.test.js
+++ b/packages/mui-material/src/Tabs/Tabs.test.js
@@ -9,7 +9,7 @@ import {
   screen,
   strictModeDoubleLoggingSuppressed,
   waitFor,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
 import Tab from '@mui/material/Tab';
@@ -523,6 +523,37 @@ describe('<Tabs />', () => {
       });
       expect(tablistContainer.style.overflow).to.equal('');
     });
+
+    it('should handle theme styleOverrides for scrollable tabs without crashing', () => {
+      const theme = createTheme({
+        components: {
+          MuiTabs: {
+            styleOverrides: {
+              root: ({ ownerState: { orientation } }) => ({
+                ...(orientation === 'vertical'
+                  ? {
+                      background: 'magenta',
+                    }
+                  : {
+                      background: 'lime',
+                    }),
+              }),
+            },
+          },
+        },
+      });
+
+      expect(() =>
+        render(
+          <ThemeProvider theme={theme}>
+            <Tabs sx={{ width: 200 }} value={0} variant="scrollable">
+              <Tab label="First" />
+              <Tab label="Second" />
+            </Tabs>
+          </ThemeProvider>,
+        ),
+      ).not.to.throw();
+    });
   });
 
   describe('prop: !variant="scrollable"', () => {
diff --git a/packages/mui-material/src/TextField/TextField.d.ts b/packages/mui-material/src/TextField/TextField.d.ts
index 468affd862e276..33b83fb1c04450 100644
--- a/packages/mui-material/src/TextField/TextField.d.ts
+++ b/packages/mui-material/src/TextField/TextField.d.ts
@@ -111,10 +111,6 @@ export interface BaseTextFieldProps
   name?: string;
   onBlur?: InputBaseProps['onBlur'];
   onFocus?: StandardInputProps['onFocus'];
-  /**
-   * @ignore
-   */
-  onClick?: InputBaseProps['onClick'];
   /**
    * The short hint displayed in the `input` before the user enters a value.
    */
diff --git a/packages/mui-material/src/TextField/TextField.js b/packages/mui-material/src/TextField/TextField.js
index 32fe23de23958e..df210682e3412c 100644
--- a/packages/mui-material/src/TextField/TextField.js
+++ b/packages/mui-material/src/TextField/TextField.js
@@ -95,7 +95,6 @@ const TextField = React.forwardRef(function TextField(inProps, ref) {
     name,
     onBlur,
     onChange,
-    onClick,
     onFocus,
     placeholder,
     required = false,
@@ -170,7 +169,6 @@ const TextField = React.forwardRef(function TextField(inProps, ref) {
       onBlur={onBlur}
       onChange={onChange}
       onFocus={onFocus}
-      onClick={onClick}
       placeholder={placeholder}
       inputProps={inputProps}
       {...InputMore}
@@ -348,10 +346,6 @@ TextField.propTypes /* remove-proptypes */ = {
    * You can pull out the new value by accessing `event.target.value` (string).
    */
   onChange: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onClick: PropTypes.func,
   /**
    * @ignore
    */
diff --git a/packages/mui-material/src/TextField/TextField.test.js b/packages/mui-material/src/TextField/TextField.test.js
index 1891e41b9df46b..a0cb54184e6d46 100644
--- a/packages/mui-material/src/TextField/TextField.test.js
+++ b/packages/mui-material/src/TextField/TextField.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer, describeConformance, fireEvent } from 'test/utils';
+import { createRenderer, describeConformance, fireEvent } from '@mui-internal/test-utils';
 import FormControl from '@mui/material/FormControl';
 import { inputBaseClasses } from '@mui/material/InputBase';
 import MenuItem from '@mui/material/MenuItem';
@@ -155,22 +155,6 @@ describe('<TextField />', () => {
     });
   });
 
-  describe('prop: disabled', () => {
-    it('should not run click event when disabled', () => {
-      const handleClick = spy();
-      const { getByRole } = render(<TextField disabled onClick={handleClick} />);
-      fireEvent.click(getByRole('textbox'));
-      expect(handleClick.callCount).to.equal(0);
-    });
-
-    it('should not run click event when disabled and when onClick prop is set through InputProps', () => {
-      const handleClick = spy();
-      const { getByRole } = render(<TextField disabled InputProps={{ onClick: handleClick }} />);
-      fireEvent.click(getByRole('textbox'));
-      expect(handleClick.callCount).to.equal(0);
-    });
-  });
-
   describe('prop: select', () => {
     it('can render a <select /> when `native`', () => {
       const currencies = [
@@ -243,4 +227,23 @@ describe('<TextField />', () => {
       expect(getByRole('button')).toHaveAccessibleDescription('Foo bar');
     });
   });
+
+  describe('event: click', () => {
+    it('registers `onClick` on the root slot', () => {
+      const handleClick = spy((event) => event.currentTarget);
+      const { getByTestId, getByRole } = render(
+        <TextField data-testid="root" onClick={handleClick} />,
+      );
+
+      const input = getByRole('textbox');
+
+      const root = getByTestId('root');
+
+      fireEvent.click(input);
+
+      expect(handleClick.callCount).to.equal(1);
+      // return value is event.currentTarget
+      expect(handleClick.returned(root)).to.equal(true);
+    });
+  });
 });
diff --git a/packages/mui-material/src/ToggleButton/ToggleButton.d.ts b/packages/mui-material/src/ToggleButton/ToggleButton.d.ts
index 668d531471fda5..84ab792b656bc7 100644
--- a/packages/mui-material/src/ToggleButton/ToggleButton.d.ts
+++ b/packages/mui-material/src/ToggleButton/ToggleButton.d.ts
@@ -10,79 +10,81 @@ export interface ToggleButtonPropsSizeOverrides {}
 
 export interface ToggleButtonPropsColorOverrides {}
 
+export interface ToggleButtonOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ToggleButtonClasses>;
+  /**
+   * The color of the button when it is in an active state.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'standard'
+   */
+  color?: OverridableStringUnion<
+    'standard' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
+    ToggleButtonPropsColorOverrides
+  >;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple?: boolean;
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * Callback fired when the state changes.
+   *
+   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
+   * @param {any} value of the selected button.
+   */
+  onChange?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
+  /**
+   * Callback fired when the button is clicked.
+   *
+   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
+   * @param {any} value of the selected button.
+   */
+  onClick?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
+  /**
+   * If `true`, the button is rendered in an active state.
+   */
+  selected?: boolean;
+  /**
+   * The size of the component.
+   * The prop defaults to the value inherited from the parent ToggleButtonGroup component.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', ToggleButtonPropsSizeOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The value to associate with the button when selected in a
+   * ToggleButtonGroup.
+   */
+  value: NonNullable<unknown>;
+}
+
 export type ToggleButtonTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'button',
+  RootComponent extends React.ElementType = 'button',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ToggleButtonClasses>;
-    /**
-     * The color of the button when it is in an active state.
-     * It supports both default and custom theme colors, which can be added as shown in the
-     * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-     * @default 'standard'
-     */
-    color?: OverridableStringUnion<
-      'standard' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
-      ToggleButtonPropsColorOverrides
-    >;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the  keyboard focus ripple is disabled.
-     * @default false
-     */
-    disableFocusRipple?: boolean;
-    /**
-     * If `true`, the button will take up the full width of its container.
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Callback fired when the state changes.
-     *
-     * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
-     * @param {any} value of the selected button.
-     */
-    onChange?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
-    /**
-     * Callback fired when the button is clicked.
-     *
-     * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
-     * @param {any} value of the selected button.
-     */
-    onClick?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
-    /**
-     * If `true`, the button is rendered in an active state.
-     */
-    selected?: boolean;
-    /**
-     * The size of the component.
-     * The prop defaults to the value inherited from the parent ToggleButtonGroup component.
-     * @default 'medium'
-     */
-    size?: OverridableStringUnion<'small' | 'medium' | 'large', ToggleButtonPropsSizeOverrides>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The value to associate with the button when selected in a
-     * ToggleButtonGroup.
-     */
-    value: NonNullable<unknown>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ToggleButtonOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
diff --git a/packages/mui-material/src/ToggleButton/ToggleButton.test.js b/packages/mui-material/src/ToggleButton/ToggleButton.test.js
index d262aca1baa5b2..f0b11ae00b3842 100644
--- a/packages/mui-material/src/ToggleButton/ToggleButton.test.js
+++ b/packages/mui-material/src/ToggleButton/ToggleButton.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import ToggleButton, { toggleButtonClasses as classes } from '@mui/material/ToggleButton';
 import ButtonBase from '@mui/material/ButtonBase';
 
diff --git a/packages/mui-material/src/ToggleButtonGroup/ToggleButtonGroup.test.js b/packages/mui-material/src/ToggleButtonGroup/ToggleButtonGroup.test.js
index 37580b0bf8f5c1..a5e64d27e0a8c4 100644
--- a/packages/mui-material/src/ToggleButtonGroup/ToggleButtonGroup.test.js
+++ b/packages/mui-material/src/ToggleButtonGroup/ToggleButtonGroup.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, createRenderer, screen } from 'test/utils';
+import { describeConformance, createRenderer, screen } from '@mui-internal/test-utils';
 import ToggleButtonGroup, {
   toggleButtonGroupClasses as classes,
 } from '@mui/material/ToggleButtonGroup';
diff --git a/packages/mui-material/src/Toolbar/Toolbar.d.ts b/packages/mui-material/src/Toolbar/Toolbar.d.ts
index cb0be2b10e4a34..d5755f4d309999 100644
--- a/packages/mui-material/src/Toolbar/Toolbar.d.ts
+++ b/packages/mui-material/src/Toolbar/Toolbar.d.ts
@@ -7,36 +7,38 @@ import { ToolbarClasses } from './toolbarClasses';
 
 export interface ToolbarPropsVariantOverrides {}
 
+export interface ToolbarOwnProps {
+  /**
+   * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
+   * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ToolbarClasses>;
+  /**
+   * If `true`, disables gutter padding.
+   * @default false
+   */
+  disableGutters?: boolean;
+  /**
+   * The variant to use.
+   * @default 'regular'
+   */
+  variant?: OverridableStringUnion<'regular' | 'dense', ToolbarPropsVariantOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface ToolbarTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
-     * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ToolbarClasses>;
-    /**
-     * If `true`, disables gutter padding.
-     * @default false
-     */
-    disableGutters?: boolean;
-    /**
-     * The variant to use.
-     * @default 'regular'
-     */
-    variant?: OverridableStringUnion<'regular' | 'dense', ToolbarPropsVariantOverrides>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & ToolbarOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *
diff --git a/packages/mui-material/src/Toolbar/Toolbar.test.js b/packages/mui-material/src/Toolbar/Toolbar.test.js
index e47bb096b749c6..4c25e64e3ff726 100644
--- a/packages/mui-material/src/Toolbar/Toolbar.test.js
+++ b/packages/mui-material/src/Toolbar/Toolbar.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Toolbar, { toolbarClasses as classes } from '@mui/material/Toolbar';
 
 describe('<Toolbar />', () => {
diff --git a/packages/mui-material/src/Tooltip/Tooltip.test.js b/packages/mui-material/src/Tooltip/Tooltip.test.js
index ac548a591ca5a4..3449b13e53dd61 100644
--- a/packages/mui-material/src/Tooltip/Tooltip.test.js
+++ b/packages/mui-material/src/Tooltip/Tooltip.test.js
@@ -10,7 +10,7 @@ import {
   simulatePointerDevice,
   focusVisible,
   programmaticFocusTriggersFocusVisible,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import { camelCase } from 'lodash/string';
 import Tooltip, { tooltipClasses as classes } from '@mui/material/Tooltip';
 import { testReset } from './Tooltip';
diff --git a/packages/mui-material/src/Typography/Typography.d.ts b/packages/mui-material/src/Typography/Typography.d.ts
index 646847c39e0477..4a24b024f7385d 100644
--- a/packages/mui-material/src/Typography/Typography.d.ts
+++ b/packages/mui-material/src/Typography/Typography.d.ts
@@ -75,10 +75,10 @@ export interface TypographyOwnProps extends SystemProps<Theme> {
 
 export interface TypographyTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'span',
+  RootComponent extends React.ElementType = 'span',
 > {
   props: AdditionalProps & TypographyOwnProps;
-  defaultComponent: DefaultComponent;
+  defaultComponent: RootComponent;
 }
 
 /**
diff --git a/packages/mui-material/src/Typography/Typography.test.js b/packages/mui-material/src/Typography/Typography.test.js
index e6877e3339bb57..99ac1bf1be7247 100644
--- a/packages/mui-material/src/Typography/Typography.test.js
+++ b/packages/mui-material/src/Typography/Typography.test.js
@@ -1,7 +1,7 @@
 // @ts-check
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Typography, { typographyClasses as classes } from '@mui/material/Typography';
 
 describe('<Typography />', () => {
diff --git a/packages/mui-material/src/Unstable_Grid2/Grid2.test.js b/packages/mui-material/src/Unstable_Grid2/Grid2.test.js
index 43ccba34d379b0..034a45b4145ab4 100644
--- a/packages/mui-material/src/Unstable_Grid2/Grid2.test.js
+++ b/packages/mui-material/src/Unstable_Grid2/Grid2.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import Grid2, { grid2Classes as classes } from '@mui/material/Unstable_Grid2';
 
 // The main tests are in mui-system Unstable_Grid folder
diff --git a/packages/mui-material/src/Zoom/Zoom.test.js b/packages/mui-material/src/Zoom/Zoom.test.js
index 13adbead2d08f5..78a1da94103b5c 100644
--- a/packages/mui-material/src/Zoom/Zoom.test.js
+++ b/packages/mui-material/src/Zoom/Zoom.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import { Transition } from 'react-transition-group';
 import Zoom from '@mui/material/Zoom';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
diff --git a/packages/mui-material/src/internal/SwitchBase.test.js b/packages/mui-material/src/internal/SwitchBase.test.js
index f197f98ab76c42..a40e478f719c44 100644
--- a/packages/mui-material/src/internal/SwitchBase.test.js
+++ b/packages/mui-material/src/internal/SwitchBase.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { describeConformance, act, createRenderer } from 'test/utils';
+import { describeConformance, act, createRenderer } from '@mui-internal/test-utils';
 import SwitchBase from './SwitchBase';
 import FormControl, { useFormControl } from '../FormControl';
 import ButtonBase from '../ButtonBase';
diff --git a/packages/mui-material/src/styles/CssVarsProvider.test.js b/packages/mui-material/src/styles/CssVarsProvider.test.js
index b12643e48eb087..bb9c57846fa19d 100644
--- a/packages/mui-material/src/styles/CssVarsProvider.test.js
+++ b/packages/mui-material/src/styles/CssVarsProvider.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, screen } from 'test/utils';
+import { createRenderer, screen } from '@mui-internal/test-utils';
 import Box from '@mui/material/Box';
 import { Experimental_CssVarsProvider as CssVarsProvider, useTheme } from '@mui/material/styles';
 
diff --git a/packages/mui-material/src/styles/ThemeProvider.test.tsx b/packages/mui-material/src/styles/ThemeProvider.test.tsx
index b69df12d8ac103..48833d7d5e93ce 100644
--- a/packages/mui-material/src/styles/ThemeProvider.test.tsx
+++ b/packages/mui-material/src/styles/ThemeProvider.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@mui/material/styles';
 
 describe('ThemeProvider', () => {
diff --git a/packages/mui-material/src/styles/createTheme.test.js b/packages/mui-material/src/styles/createTheme.test.js
index 4e780610185c2d..d9737b9a3c52e1 100644
--- a/packages/mui-material/src/styles/createTheme.test.js
+++ b/packages/mui-material/src/styles/createTheme.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import Button from '@mui/material/Button';
 import Box from '@mui/material/Box';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
diff --git a/packages/mui-material/src/styles/experimental_extendTheme.test.js b/packages/mui-material/src/styles/experimental_extendTheme.test.js
index 092a76ba8c910f..04b73a0f7eebd0 100644
--- a/packages/mui-material/src/styles/experimental_extendTheme.test.js
+++ b/packages/mui-material/src/styles/experimental_extendTheme.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import Button from '@mui/material/Button';
 import {
   Experimental_CssVarsProvider as CssVarsProvider,
diff --git a/packages/mui-material/src/styles/styled.spec.tsx b/packages/mui-material/src/styles/styled.spec.tsx
index 5a15be60f0b7e0..e76d9757df168b 100644
--- a/packages/mui-material/src/styles/styled.spec.tsx
+++ b/packages/mui-material/src/styles/styled.spec.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable material-ui/no-empty-box */
 import * as React from 'react';
 import { styled, css, ThemeProvider, createTheme } from '@mui/material/styles';
 
diff --git a/packages/mui-material/src/styles/styled.test.js b/packages/mui-material/src/styles/styled.test.js
index a6e3f2d0b30600..3402325b32f36d 100644
--- a/packages/mui-material/src/styles/styled.test.js
+++ b/packages/mui-material/src/styles/styled.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, screen } from 'test/utils';
+import { createRenderer, screen } from '@mui-internal/test-utils';
 import createTheme from './createTheme';
 import styled from './styled';
 import ThemeProvider from './ThemeProvider';
diff --git a/packages/mui-material/src/useMediaQuery/useMediaQuery.test.js b/packages/mui-material/src/useMediaQuery/useMediaQuery.test.js
index 2d29f806cb5126..d2f91a1822ab53 100644
--- a/packages/mui-material/src/useMediaQuery/useMediaQuery.test.js
+++ b/packages/mui-material/src/useMediaQuery/useMediaQuery.test.js
@@ -6,7 +6,7 @@ import {
   screen,
   RenderCounter,
   strictModeDoubleLoggingSuppressed,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import mediaQuery from 'css-mediaquery';
 import { expect } from 'chai';
 import { stub } from 'sinon';
diff --git a/packages/mui-material/src/usePagination/usePagination.test.js b/packages/mui-material/src/usePagination/usePagination.test.js
index 93ed65e2a43c03..993c0c157670c8 100644
--- a/packages/mui-material/src/usePagination/usePagination.test.js
+++ b/packages/mui-material/src/usePagination/usePagination.test.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { expect } from 'chai';
 import usePagination from '@mui/material/usePagination';
 
diff --git a/packages/mui-material/src/useScrollTrigger/useScrollTrigger.test.js b/packages/mui-material/src/useScrollTrigger/useScrollTrigger.test.js
index b1ff89955d8f6f..664ac0894181d2 100644
--- a/packages/mui-material/src/useScrollTrigger/useScrollTrigger.test.js
+++ b/packages/mui-material/src/useScrollTrigger/useScrollTrigger.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { expect } from 'chai';
-import { act, createRenderer, RenderCounter, screen } from 'test/utils';
+import { act, createRenderer, RenderCounter, screen } from '@mui-internal/test-utils';
 import useScrollTrigger from '@mui/material/useScrollTrigger';
 import Container from '@mui/material/Container';
 import Box from '@mui/material/Box';
diff --git a/packages/mui-material/test/integration/DialogIntegration.test.js b/packages/mui-material/test/integration/DialogIntegration.test.js
index 47f9b16f9a0ecd..aa0a013092dec2 100644
--- a/packages/mui-material/test/integration/DialogIntegration.test.js
+++ b/packages/mui-material/test/integration/DialogIntegration.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, screen } from 'test/utils';
+import { createRenderer, screen } from '@mui-internal/test-utils';
 import Dialog from '@mui/material/Dialog';
 import DialogTitle from '@mui/material/DialogTitle';
 
diff --git a/packages/mui-material/test/integration/Menu.test.js b/packages/mui-material/test/integration/Menu.test.js
index f13e8c10fef95b..1f36ee815e6114 100644
--- a/packages/mui-material/test/integration/Menu.test.js
+++ b/packages/mui-material/test/integration/Menu.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { expect } from 'chai';
-import { act, createRenderer, fireEvent, screen } from 'test/utils';
+import { act, createRenderer, fireEvent, screen } from '@mui-internal/test-utils';
 import Button from '@mui/material/Button';
 import MenuItem from '@mui/material/MenuItem';
 import Menu from '@mui/material/Menu';
diff --git a/packages/mui-material/test/integration/MenuList.test.js b/packages/mui-material/test/integration/MenuList.test.js
index 9a5d7a4be63d27..ec2a3dc9535f81 100644
--- a/packages/mui-material/test/integration/MenuList.test.js
+++ b/packages/mui-material/test/integration/MenuList.test.js
@@ -7,7 +7,7 @@ import {
   fireEvent,
   screen,
   programmaticFocusTriggersFocusVisible,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import MenuList from '@mui/material/MenuList';
 import MenuItem from '@mui/material/MenuItem';
 import Divider from '@mui/material/Divider';
diff --git a/packages/mui-material/test/integration/NestedMenu.test.js b/packages/mui-material/test/integration/NestedMenu.test.js
index f85c631d547798..066971cbbab5f3 100644
--- a/packages/mui-material/test/integration/NestedMenu.test.js
+++ b/packages/mui-material/test/integration/NestedMenu.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, within } from 'test/utils';
+import { createRenderer, within } from '@mui-internal/test-utils';
 import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';
 
diff --git a/packages/mui-material/test/integration/PopperChildrenLayout.test.js b/packages/mui-material/test/integration/PopperChildrenLayout.test.js
index 9dca88ea85f718..a9c6bfad6a270c 100644
--- a/packages/mui-material/test/integration/PopperChildrenLayout.test.js
+++ b/packages/mui-material/test/integration/PopperChildrenLayout.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import Collapse from '@mui/material/Collapse';
 import Fade from '@mui/material/Fade';
 import Grow from '@mui/material/Grow';
diff --git a/packages/mui-material/test/integration/Select.test.js b/packages/mui-material/test/integration/Select.test.js
index 5c84179b168a7e..446fbb4671b2fc 100644
--- a/packages/mui-material/test/integration/Select.test.js
+++ b/packages/mui-material/test/integration/Select.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { act, createRenderer, fireEvent } from 'test/utils';
+import { act, createRenderer, fireEvent } from '@mui-internal/test-utils';
 import MenuItem from '@mui/material/MenuItem';
 import Select from '@mui/material/Select';
 import Dialog from '@mui/material/Dialog';
diff --git a/packages/mui-material/test/integration/TableCell.test.js b/packages/mui-material/test/integration/TableCell.test.js
index 6d1007ed6cceb7..17438f10e3a913 100644
--- a/packages/mui-material/test/integration/TableCell.test.js
+++ b/packages/mui-material/test/integration/TableCell.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import TableCell, { tableCellClasses as classes } from '@mui/material/TableCell';
 import Table from '@mui/material/Table';
 import TableFooter from '@mui/material/TableFooter';
diff --git a/packages/mui-material/test/integration/TableRow.test.js b/packages/mui-material/test/integration/TableRow.test.js
index 83f9dc6c9c4a75..dafad88ead09cf 100644
--- a/packages/mui-material/test/integration/TableRow.test.js
+++ b/packages/mui-material/test/integration/TableRow.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import TableFooter from '@mui/material/TableFooter';
 import TableHead from '@mui/material/TableHead';
 import TableRow, { tableRowClasses as classes } from '@mui/material/TableRow';
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/InputLabelCustomProps.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/InputLabelCustomProps.tsconfig.json
index f53a33cae0908f..482a1a997d99ea 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/InputLabelCustomProps.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/InputLabelCustomProps.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["InputLabelCustomProps.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/TooltipSlotSxProps.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/TooltipSlotSxProps.tsconfig.json
index 183ee60575b10c..7ec91168cd73a4 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/TooltipSlotSxProps.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/TooltipSlotSxProps.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["TooltipSlotSxProps.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/appBarProps.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/appBarProps.tsconfig.json
index e8919fc6c1b310..ab374de0d61919 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/appBarProps.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/appBarProps.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["appBarProps.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/badgeCustomProps.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/badgeCustomProps.tsconfig.json
index 2e3e1d2be1688d..31ab785bce4be7 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/badgeCustomProps.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/badgeCustomProps.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["badgeCustomProps.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/breakpointsOverrides.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/breakpointsOverrides.tsconfig.json
index 9a28b5ce16bea2..9b1c91b1a858d3 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/breakpointsOverrides.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/breakpointsOverrides.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["breakpointsOverrides.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/buttonCustomProps.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/buttonCustomProps.tsconfig.json
index 3d380777160fed..6272b4ca539335 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/buttonCustomProps.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/buttonCustomProps.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["buttonCustomProps.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/createTheme.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/createTheme.tsconfig.json
index 05b40669ab657c..9b3b9745d8c9f7 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/createTheme.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/createTheme.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["createTheme.spec.ts"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/formHelperTextCustomProps.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/formHelperTextCustomProps.tsconfig.json
index a87720ed386bf7..b795c74c11ca46 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/formHelperTextCustomProps.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/formHelperTextCustomProps.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["formHelperTextCustomProps.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/gridCustomBreakpoints.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/gridCustomBreakpoints.tsconfig.json
index c440b679ad3352..5b3782b7348d26 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/gridCustomBreakpoints.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/gridCustomBreakpoints.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["gridCustomBreakpoints.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/paletteColors.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/paletteColors.tsconfig.json
index 1ac2413778bef7..e7260d56274cab 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/paletteColors.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/paletteColors.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["paletteColors.spec.ts"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/progressProps.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/progressProps.tsconfig.json
index 5f95591f23824b..5a9da100b740aa 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/progressProps.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/progressProps.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["progressProps.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/reponsiveFontSizes.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/reponsiveFontSizes.tsconfig.json
index e9bf05b28e7bbb..39ecbfb8f9bf2a 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/reponsiveFontSizes.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/reponsiveFontSizes.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["responsiveFontSizes.spec.ts"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/styleOverridesCallback.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/styleOverridesCallback.tsconfig.json
index 11e671f45f81a4..80de83f04e9a37 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/styleOverridesCallback.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/styleOverridesCallback.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["styleOverridesCallback.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/systemTheme.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/systemTheme.tsconfig.json
index 228c3f416fe123..ae1265c8852828 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/systemTheme.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/systemTheme.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["systemTheme.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/tableCellCustomProps.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/tableCellCustomProps.tsconfig.json
index 31638de5fb0220..d06fcc7c9a4539 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/tableCellCustomProps.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/tableCellCustomProps.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["tableCellCustomProps.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/tabsCustomProps.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/tabsCustomProps.tsconfig.json
index 3ff1fde2044295..4f21062fd1ad88 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/tabsCustomProps.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/tabsCustomProps.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["tabsCustomProps.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/textFieldCustomProps.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/textFieldCustomProps.tsconfig.json
index 25c7ec5c973759..4354401fb6b084 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/textFieldCustomProps.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/textFieldCustomProps.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["textFieldCustomProps.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/themeComponents.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/themeComponents.tsconfig.json
index d108ee13b9a805..77dfb5efff0e92 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/themeComponents.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/themeComponents.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["themeComponents.spec.ts"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/themeCssVariables.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/themeCssVariables.tsconfig.json
index 46d8e363821a69..427c7226f66986 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/themeCssVariables.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/themeCssVariables.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["themeCssVariables.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/themeCustomNode.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/themeCustomNode.tsconfig.json
index db59bf8ec6de55..1ebc536b80be6a 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/themeCustomNode.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/themeCustomNode.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["themeCustomNode.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/themeGetCssVar.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/themeGetCssVar.tsconfig.json
index 8be9b7f9517582..b8b1d3db32ed6d 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/themeGetCssVar.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/themeGetCssVar.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["themeGetCssVar.spec.tsx"]
 }
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/typographyVariants.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/typographyVariants.tsconfig.json
index 963647cebb2508..41b2f5db19840c 100644
--- a/packages/mui-material/test/typescript/moduleAugmentation/typographyVariants.tsconfig.json
+++ b/packages/mui-material/test/typescript/moduleAugmentation/typographyVariants.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["typographyVariants.spec.tsx"]
 }
diff --git a/packages/mui-material/test/umd/run.js b/packages/mui-material/test/umd/run.js
index 7b6fdfd9a8e4de..c588fac3909c70 100644
--- a/packages/mui-material/test/umd/run.js
+++ b/packages/mui-material/test/umd/run.js
@@ -92,14 +92,7 @@ function App() {
 async function startBrowser() {
   // eslint-disable-next-line no-console
   console.info('browser: start');
-  const browser = await playwright.chromium.launch({
-    args: [
-      '--single-process', // Solve mono-thread issue on CircleCI
-      // https://github.com/GoogleChrome/puppeteer/blob/5d6535ca0c82efe2ca50450818d5fb20aa015658/docs/troubleshooting.md#setting-up-chrome-linux-sandbox
-      '--no-sandbox', // Solve user security sandboxing issue.
-      // '--disable-web-security', // Solve weird crossorigin anonymous issue on CircleCI
-    ],
-  });
+  const browser = await playwright.chromium.launch();
   const page = await browser.newPage();
   page.on('pageerror', (err) => {
     throw err;
diff --git a/packages/mui-material/tsconfig.build.json b/packages/mui-material/tsconfig.build.json
index c3b70f2c3afd4c..92aea03c9be6b9 100644
--- a/packages/mui-material/tsconfig.build.json
+++ b/packages/mui-material/tsconfig.build.json
@@ -1,7 +1,7 @@
 {
   // This config is for emitting declarations (.d.ts) only
   // Actual .ts source files are transpiled via babel
-  "extends": "./tsconfig",
+  "extends": "./tsconfig.json",
   "compilerOptions": {
     "composite": true,
     "declaration": true,
diff --git a/packages/mui-material/tsconfig.json b/packages/mui-material/tsconfig.json
index 95e08259e572d4..cb183f93333562 100644
--- a/packages/mui-material/tsconfig.json
+++ b/packages/mui-material/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig",
+  "extends": "../../tsconfig.json",
   "include": ["src/**/*", "test/**/*"],
   "exclude": ["test/typescript/moduleAugmentation", "src/types/OverridableComponentAugmentation.ts"]
 }
diff --git a/packages/mui-private-theming/package.json b/packages/mui-private-theming/package.json
index 61d5b6b0bf4c1e..e71b691c577266 100644
--- a/packages/mui-private-theming/package.json
+++ b/packages/mui-private-theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/private-theming",
-  "version": "5.14.4",
+  "version": "5.14.10",
   "private": false,
   "author": "MUI Team",
   "description": "Private - The React theme context to be shared between `@mui/styles` and `@mui/material`.",
@@ -20,7 +20,7 @@
   "bugs": {
     "url": "https://github.com/mui/material-ui/issues"
   },
-  "homepage": "https://mui.com/",
+  "homepage": "https://github.com/mui/material-ui/tree/master/packages/mui-private-theming",
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/mui"
@@ -37,6 +37,21 @@
     "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/mui-private-theming/**/*.test.{js,ts,tsx}'",
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json"
   },
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@mui/utils": "^5.14.10",
+    "prop-types": "^15.8.1"
+  },
+  "devDependencies": {
+    "@mui/material": "^5.14.10",
+    "@mui/styles": "^5.14.10",
+    "@mui/types": "^7.2.4",
+    "@mui-internal/test-utils": "^1.0.0",
+    "@types/chai": "^4.3.6",
+    "@types/react": "^18.2.21",
+    "chai": "^4.3.8",
+    "react": "^18.2.0"
+  },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0"
@@ -46,11 +61,6 @@
       "optional": true
     }
   },
-  "dependencies": {
-    "@babel/runtime": "^7.22.6",
-    "@mui/utils": "^5.14.4",
-    "prop-types": "^15.8.1"
-  },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
diff --git a/packages/mui-private-theming/src/ThemeProvider/ThemeProvider.test.js b/packages/mui-private-theming/src/ThemeProvider/ThemeProvider.test.js
index de0fe0cb55e789..2ad69ef6db96d8 100644
--- a/packages/mui-private-theming/src/ThemeProvider/ThemeProvider.test.js
+++ b/packages/mui-private-theming/src/ThemeProvider/ThemeProvider.test.js
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, RenderCounter, strictModeDoubleLoggingSuppressed } from 'test/utils';
+import {
+  createRenderer,
+  RenderCounter,
+  strictModeDoubleLoggingSuppressed,
+} from '@mui-internal/test-utils';
 import useTheme from '../useTheme';
 import ThemeProvider from './ThemeProvider';
 
diff --git a/packages/mui-private-theming/src/useTheme/useTheme.test.js b/packages/mui-private-theming/src/useTheme/useTheme.test.js
index 27ef06f7615e5c..77c28631d0aa8e 100644
--- a/packages/mui-private-theming/src/useTheme/useTheme.test.js
+++ b/packages/mui-private-theming/src/useTheme/useTheme.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import useTheme from './useTheme';
 import ThemeProvider from '../ThemeProvider';
 
diff --git a/packages/mui-private-theming/tsconfig.json b/packages/mui-private-theming/tsconfig.json
index 57220954971e1e..ee756997748e1c 100644
--- a/packages/mui-private-theming/tsconfig.json
+++ b/packages/mui-private-theming/tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../tsconfig",
+  "extends": "../../tsconfig.json",
   "include": ["src/**/*", "test/**/*"]
 }
diff --git a/packages/mui-styled-engine-sc/README.md b/packages/mui-styled-engine-sc/README.md
index e005a2144d2a9b..5e894fd4d42f80 100644
--- a/packages/mui-styled-engine-sc/README.md
+++ b/packages/mui-styled-engine-sc/README.md
@@ -7,4 +7,4 @@ It's designed for developers who would like to use `styled-components` as the ma
 
 <!-- #default-branch-switch -->
 
-[The documentation](https://mui.com/material-ui/guides/styled-engine/)
+Visit [https://mui.com/material-ui/guides/styled-components/](https://mui.com/material-ui/guides/styled-components/) to view the full documentation.
diff --git a/packages/mui-styled-engine-sc/package.json b/packages/mui-styled-engine-sc/package.json
index 792c0133cf0a6a..62b0126d565b4c 100644
--- a/packages/mui-styled-engine-sc/package.json
+++ b/packages/mui-styled-engine-sc/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/styled-engine-sc",
-  "version": "5.12.0",
+  "version": "5.14.10",
   "private": false,
   "author": "MUI Team",
   "description": "styled() API wrapper package for styled-components.",
@@ -20,7 +20,7 @@
   "bugs": {
     "url": "https://github.com/mui/material-ui/issues"
   },
-  "homepage": "https://mui.com/material-ui/guides/styled-engine/",
+  "homepage": "https://mui.com/material-ui/guides/styled-components/",
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/mui"
@@ -38,9 +38,19 @@
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json"
   },
   "dependencies": {
-    "@babel/runtime": "^7.22.6",
+    "@babel/runtime": "^7.22.15",
+    "csstype": "^3.1.2",
     "prop-types": "^15.8.1"
   },
+  "devDependencies": {
+    "@mui-internal/test-utils": "^1.0.0",
+    "@types/chai": "^4.3.6",
+    "@types/react": "^18.2.21",
+    "@types/styled-components": "^5.1.27",
+    "chai": "^4.3.8",
+    "react": "^18.2.0",
+    "styled-components": "^5.3.11"
+  },
   "peerDependencies": {
     "@types/styled-components": "^5.1.14",
     "styled-components": "^5.3.1"
diff --git a/packages/mui-styled-engine-sc/src/GlobalStyles/GlobalStyles.test.js b/packages/mui-styled-engine-sc/src/GlobalStyles/GlobalStyles.test.js
index d656f98c4bbc0b..a5c48b4d8cfd44 100644
--- a/packages/mui-styled-engine-sc/src/GlobalStyles/GlobalStyles.test.js
+++ b/packages/mui-styled-engine-sc/src/GlobalStyles/GlobalStyles.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider } from 'styled-components';
 import styled from '..';
 import GlobalStyles from './GlobalStyles';
diff --git a/packages/mui-styled-engine-sc/src/styled.test.js b/packages/mui-styled-engine-sc/src/styled.test.js
index 959fb6a518d91b..22d16ba1fe1bf7 100644
--- a/packages/mui-styled-engine-sc/src/styled.test.js
+++ b/packages/mui-styled-engine-sc/src/styled.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import styled from '@mui/styled-engine-sc';
 
 describe('styled', () => {
diff --git a/packages/mui-styled-engine-sc/tsconfig.json b/packages/mui-styled-engine-sc/tsconfig.json
index 57220954971e1e..ee756997748e1c 100644
--- a/packages/mui-styled-engine-sc/tsconfig.json
+++ b/packages/mui-styled-engine-sc/tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../tsconfig",
+  "extends": "../../tsconfig.json",
   "include": ["src/**/*", "test/**/*"]
 }
diff --git a/packages/mui-styled-engine/README.md b/packages/mui-styled-engine/README.md
index a3e61bc2d67844..083e5a7a20ab3b 100644
--- a/packages/mui-styled-engine/README.md
+++ b/packages/mui-styled-engine/README.md
@@ -8,4 +8,4 @@ It is used internally in the `@mui/system` package.
 
 <!-- #default-branch-switch -->
 
-[The documentation](https://mui.com/material-ui/guides/styled-engine/)
+Visit [https://mui.com/material-ui/guides/styled-components/](https://mui.com/material-ui/guides/styled-components/) to view the full documentation.
diff --git a/packages/mui-styled-engine/package.json b/packages/mui-styled-engine/package.json
index d6f57c55757650..d6cc1b96383028 100644
--- a/packages/mui-styled-engine/package.json
+++ b/packages/mui-styled-engine/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/styled-engine",
-  "version": "5.13.2",
+  "version": "5.14.10",
   "private": false,
   "author": "MUI Team",
   "description": "styled() API wrapper package for emotion.",
@@ -20,7 +20,7 @@
   "bugs": {
     "url": "https://github.com/mui/material-ui/issues"
   },
-  "homepage": "https://mui.com/material-ui/guides/styled-engine/",
+  "homepage": "https://mui.com/system/styled/",
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/mui"
@@ -38,11 +38,20 @@
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json"
   },
   "dependencies": {
-    "@babel/runtime": "^7.22.6",
+    "@babel/runtime": "^7.22.15",
     "@emotion/cache": "^11.11.0",
     "csstype": "^3.1.2",
     "prop-types": "^15.8.1"
   },
+  "devDependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui-internal/test-utils": "^1.0.0",
+    "@types/chai": "^4.3.6",
+    "@types/react": "^18.2.21",
+    "chai": "^4.3.8",
+    "react": "^18.2.0"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.4.1",
     "@emotion/styled": "^11.3.0",
diff --git a/packages/mui-styled-engine/src/GlobalStyles/GlobalStyles.test.js b/packages/mui-styled-engine/src/GlobalStyles/GlobalStyles.test.js
index 16ab9cb96c92ba..8febe0855b8ded 100644
--- a/packages/mui-styled-engine/src/GlobalStyles/GlobalStyles.test.js
+++ b/packages/mui-styled-engine/src/GlobalStyles/GlobalStyles.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { ThemeProvider } from '@emotion/react';
 import styled from '..';
 import GlobalStyles from './GlobalStyles';
diff --git a/packages/mui-styled-engine/tsconfig.json b/packages/mui-styled-engine/tsconfig.json
index 57220954971e1e..ee756997748e1c 100644
--- a/packages/mui-styled-engine/tsconfig.json
+++ b/packages/mui-styled-engine/tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../tsconfig",
+  "extends": "../../tsconfig.json",
   "include": ["src/**/*", "test/**/*"]
 }
diff --git a/packages/mui-styles/README.md b/packages/mui-styles/README.md
index c0786540831552..93587d0f4a587a 100644
--- a/packages/mui-styles/README.md
+++ b/packages/mui-styles/README.md
@@ -7,13 +7,9 @@ You can leverage our styling solution, even if you are not using our components.
 Install the package in your project directory with:
 
 ```bash
-// with npm
 npm install @mui/styles
-
-// with yarn
-yarn add @mui/styles
 ```
 
 ## Documentation
 
-[The documentation](https://mui.com/system/styles/basics/)
+Visit [https://mui.com/system/styles/basics/](https://mui.com/system/styles/basics/) to view the full documentation.
diff --git a/packages/mui-styles/package.json b/packages/mui-styles/package.json
index 9046dc5d6cb63a..70d0b9b68e4900 100644
--- a/packages/mui-styles/package.json
+++ b/packages/mui-styles/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/styles",
-  "version": "5.14.4",
+  "version": "5.14.10",
   "private": false,
   "author": "MUI Team",
   "description": "MUI Styles - The legacy JSS-based styling solution of Material UI.",
@@ -37,21 +37,12 @@
     "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/mui-styles/**/*.test.{js,ts,tsx}'",
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json"
   },
-  "peerDependencies": {
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "react": "^17.0.0"
-  },
-  "peerDependenciesMeta": {
-    "@types/react": {
-      "optional": true
-    }
-  },
   "dependencies": {
-    "@babel/runtime": "^7.22.6",
+    "@babel/runtime": "^7.22.15",
     "@emotion/hash": "^0.9.1",
-    "@mui/private-theming": "^5.14.4",
+    "@mui/private-theming": "^5.14.10",
     "@mui/types": "^7.2.4",
-    "@mui/utils": "^5.14.4",
+    "@mui/utils": "^5.14.10",
     "clsx": "^2.0.0",
     "csstype": "^3.1.2",
     "hoist-non-react-statics": "^3.3.2",
@@ -65,6 +56,28 @@
     "jss-plugin-vendor-prefixer": "^10.10.0",
     "prop-types": "^15.8.1"
   },
+  "devDependencies": {
+    "@mui/joy": "5.0.0-beta.7",
+    "@mui/material": "^5.14.10",
+    "@mui-internal/test-utils": "^1.0.0",
+    "@types/chai": "^4.3.6",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@types/sinon": "^10.0.16",
+    "chai": "^4.3.8",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sinon": "^15.2.0"
+  },
+  "peerDependencies": {
+    "@types/react": "^17.0.0 || ^18.0.0",
+    "react": "^17.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
diff --git a/packages/mui-styles/src/StylesProvider/StylesProvider.test.js b/packages/mui-styles/src/StylesProvider/StylesProvider.test.js
index b278c8a1855901..0c9945949a95ce 100644
--- a/packages/mui-styles/src/StylesProvider/StylesProvider.test.js
+++ b/packages/mui-styles/src/StylesProvider/StylesProvider.test.js
@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as ReactDOMServer from 'react-dom/server';
 import { expect } from 'chai';
 import { create, SheetsRegistry } from 'jss';
-import { createMount, strictModeDoubleLoggingSuppressed } from 'test/utils';
+import { createMount, strictModeDoubleLoggingSuppressed } from '@mui-internal/test-utils';
 import StylesProvider, { StylesContext } from './StylesProvider';
 import makeStyles from '../makeStyles';
 import createGenerateClassName from '../createGenerateClassName';
diff --git a/packages/mui-styles/src/ThemeProvider/ThemeProvider.test.js b/packages/mui-styles/src/ThemeProvider/ThemeProvider.test.js
index 8cbf9005935046..862ed5ffc1de7f 100644
--- a/packages/mui-styles/src/ThemeProvider/ThemeProvider.test.js
+++ b/packages/mui-styles/src/ThemeProvider/ThemeProvider.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import ThemeProvider from '@mui/private-theming/ThemeProvider';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import makeStyles from '../makeStyles';
 
 describe('ThemeProvider', () => {
diff --git a/packages/mui-styles/src/makeStyles/makeStyles.test.js b/packages/mui-styles/src/makeStyles/makeStyles.test.js
index 4e944c9220457d..7cddc8825c46d3 100644
--- a/packages/mui-styles/src/makeStyles/makeStyles.test.js
+++ b/packages/mui-styles/src/makeStyles/makeStyles.test.js
@@ -3,7 +3,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { SheetsRegistry } from 'jss';
 import { act } from 'react-dom/test-utils';
-import { createMount } from 'test/utils';
+import { createMount } from '@mui-internal/test-utils';
 import { createTheme } from '@mui/material/styles';
 import createGenerateClassName from '../createGenerateClassName';
 import makeStyles from './makeStyles';
diff --git a/packages/mui-styles/src/styled/styled.test.js b/packages/mui-styles/src/styled/styled.test.js
index ba90b28075d43d..ab34d9c4406612 100644
--- a/packages/mui-styles/src/styled/styled.test.js
+++ b/packages/mui-styles/src/styled/styled.test.js
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import PropTypes from 'prop-types';
 import { SheetsRegistry } from 'jss';
-import { createRenderer, screen } from 'test/utils';
+import { createRenderer, screen } from '@mui-internal/test-utils';
 import { createGenerateClassName } from '@mui/styles';
 import styled from './styled';
 import StylesProvider from '../StylesProvider';
diff --git a/packages/mui-styles/src/useThemeVariants/useThemeVariants.test.js b/packages/mui-styles/src/useThemeVariants/useThemeVariants.test.js
index 14fd15850a9d0c..5773f098072cc2 100644
--- a/packages/mui-styles/src/useThemeVariants/useThemeVariants.test.js
+++ b/packages/mui-styles/src/useThemeVariants/useThemeVariants.test.js
@@ -1,6 +1,10 @@
 import { expect } from 'chai';
 import * as React from 'react';
-import { createRenderer, screen, strictModeDoubleLoggingSuppressed } from 'test/utils';
+import {
+  createRenderer,
+  screen,
+  strictModeDoubleLoggingSuppressed,
+} from '@mui-internal/test-utils';
 import { createTheme } from '@mui/material/styles';
 import ThemeProvider from '../ThemeProvider';
 import useThemeVariants from './useThemeVariants';
diff --git a/packages/mui-styles/src/withStyles/withStyles.test.js b/packages/mui-styles/src/withStyles/withStyles.test.js
index 7dd4d0f8dc6a70..f739276ae56d0d 100644
--- a/packages/mui-styles/src/withStyles/withStyles.test.js
+++ b/packages/mui-styles/src/withStyles/withStyles.test.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { stub } from 'sinon';
 import { SheetsRegistry } from 'jss';
 import Input from '@mui/material/Input';
-import { createRenderer, screen } from 'test/utils';
+import { createRenderer, screen } from '@mui-internal/test-utils';
 import { isMuiElement } from '@mui/material/utils';
 import { createTheme } from '@mui/material/styles';
 import StylesProvider from '../StylesProvider';
diff --git a/packages/mui-styles/src/withTheme/withTheme.test.js b/packages/mui-styles/src/withTheme/withTheme.test.js
index 3f37b145a52713..44a200075daf2d 100644
--- a/packages/mui-styles/src/withTheme/withTheme.test.js
+++ b/packages/mui-styles/src/withTheme/withTheme.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import Input from '@mui/material/Input';
 import { isMuiElement } from '@mui/material/utils';
 import PropTypes from 'prop-types';
diff --git a/packages/mui-styles/test/theme-scoping.test.tsx b/packages/mui-styles/test/theme-scoping.test.tsx
index 66b747b7baba57..36338e944fdaf7 100644
--- a/packages/mui-styles/test/theme-scoping.test.tsx
+++ b/packages/mui-styles/test/theme-scoping.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import * as material from '@mui/material/styles';
 import * as joy from '@mui/joy/styles';
 import { makeStyles } from '@mui/styles';
diff --git a/packages/mui-styles/tsconfig.json b/packages/mui-styles/tsconfig.json
index 57220954971e1e..ee756997748e1c 100644
--- a/packages/mui-styles/tsconfig.json
+++ b/packages/mui-styles/tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../tsconfig",
+  "extends": "../../tsconfig.json",
   "include": ["src/**/*", "test/**/*"]
 }
diff --git a/packages/mui-system/README.md b/packages/mui-system/README.md
index 48e10bac517ae6..5f83a2b559a983 100644
--- a/packages/mui-system/README.md
+++ b/packages/mui-system/README.md
@@ -1,6 +1,6 @@
-# @mui/system
+# MUI System
 
-CSS utilities for rapidly laying out custom designs.
+MUI System is a collection of CSS utilities to help you rapidly lay out custom designs.
 
 ## Installation
 
@@ -9,15 +9,11 @@ Install the package in your project directory with:
 <!-- #default-branch-switch -->
 
 ```bash
-// with npm
 npm install @mui/system @emotion/react @emotion/styled
-
-// with yarn
-yarn add @mui/system @emotion/react @emotion/styled
 ```
 
 ## Documentation
 
 <!-- #default-branch-switch -->
 
-[The documentation](https://mui.com/system/getting-started/)
+Visit [https://mui.com/system/getting-started/](https://mui.com/system/getting-started/) to view the full documentation.
diff --git a/packages/mui-system/package.json b/packages/mui-system/package.json
index c18783c893e4c3..996d2c14e6ed35 100644
--- a/packages/mui-system/package.json
+++ b/packages/mui-system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "5.14.4",
+  "version": "5.14.10",
   "private": false,
   "author": "MUI Team",
   "description": "CSS utilities for rapidly laying out custom designs.",
@@ -39,6 +39,35 @@
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json",
     "typescript:module-augmentation": "node scripts/testModuleAugmentation.js"
   },
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@mui/private-theming": "^5.14.10",
+    "@mui/styled-engine": "^5.14.10",
+    "@mui/types": "^7.2.4",
+    "@mui/utils": "^5.14.10",
+    "clsx": "^2.0.0",
+    "csstype": "^3.1.2",
+    "prop-types": "^15.8.1"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui/joy": "5.0.0-beta.7",
+    "@mui/material": "^5.14.10",
+    "@mui/material-next": "6.0.0-alpha.102",
+    "@mui-internal/test-utils": "^1.0.0",
+    "@types/chai": "^4.3.6",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^18.2.21",
+    "@types/sinon": "^10.0.16",
+    "@types/styled-components": "^5.1.27",
+    "chai": "^4.3.8",
+    "fast-glob": "^3.3.1",
+    "lodash": "^4.17.21",
+    "react": "^18.2.0",
+    "sinon": "^15.2.0",
+    "styled-components": "^5.3.11"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
@@ -56,16 +85,6 @@
       "optional": true
     }
   },
-  "dependencies": {
-    "@babel/runtime": "^7.22.6",
-    "@mui/private-theming": "^5.14.4",
-    "@mui/styled-engine": "^5.13.2",
-    "@mui/types": "^7.2.4",
-    "@mui/utils": "^5.14.4",
-    "clsx": "^2.0.0",
-    "csstype": "^3.1.2",
-    "prop-types": "^15.8.1"
-  },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
diff --git a/packages/mui-system/src/Box/Box.d.ts b/packages/mui-system/src/Box/Box.d.ts
index 54b917af76e9d2..32bf76f15d13b5 100644
--- a/packages/mui-system/src/Box/Box.d.ts
+++ b/packages/mui-system/src/Box/Box.d.ts
@@ -170,27 +170,29 @@ export type SystemProps<Theme extends object = {}> = {
     | ((theme: Theme) => ResponsiveStyleValue<AllSystemCSSProperties[K]>);
 };
 
+export interface BoxOwnProps<Theme extends object = SystemTheme> extends SystemProps<SystemTheme> {
+  children?: React.ReactNode;
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component?: React.ElementType;
+  ref?: React.Ref<unknown>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export interface BoxTypeMap<
   AdditionalProps = {},
   RootComponent extends React.ElementType = 'div',
   Theme extends object = SystemTheme,
 > {
-  props: AdditionalProps &
-    SystemProps<Theme> & {
-      children?: React.ReactNode;
-      /**
-       * The component used for the root node.
-       * Either a string to use a HTML element or a component.
-       */
-      component?: React.ElementType;
-      ref?: React.Ref<unknown>;
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-    };
+  props: AdditionalProps & BoxOwnProps<Theme>;
   defaultComponent: RootComponent;
 }
+
 /**
  *
  * Demos:
diff --git a/packages/mui-system/src/Box/Box.test.js b/packages/mui-system/src/Box/Box.test.js
index f33c1263a8f5ca..c90d86f4aa74a8 100644
--- a/packages/mui-system/src/Box/Box.test.js
+++ b/packages/mui-system/src/Box/Box.test.js
@@ -1,7 +1,8 @@
+/* eslint-disable material-ui/no-empty-box */
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
-import { Box } from '@mui/system';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
+import { Box, createTheme, ThemeProvider } from '@mui/system';
 
 describe('<Box />', () => {
   const { render } = createRenderer();
@@ -278,4 +279,34 @@ describe('<Box />', () => {
 
     expect(getByTestId('regular-box')).to.have.class('MuiBox-root');
   });
+
+  describe('prop: maxWidth', () => {
+    it('should resolve breakpoints with custom units', function test() {
+      const isJSDOM = /jsdom/.test(window.navigator.userAgent);
+
+      if (isJSDOM) {
+        this.skip();
+      }
+
+      const theme = createTheme({
+        breakpoints: {
+          unit: 'rem',
+          values: {
+            xs: 10,
+          },
+        },
+      });
+
+      const { container } = render(
+        <ThemeProvider theme={theme}>
+          <Box maxWidth="xs" />,
+        </ThemeProvider>,
+      );
+
+      expect(container.firstChild).toHaveComputedStyle({
+        // 10rem x 16px = 160px
+        maxWidth: '160px',
+      });
+    });
+  });
 });
diff --git a/packages/mui-system/src/Container/Container.test.js b/packages/mui-system/src/Container/Container.test.js
index a9ec4a3880bb7f..66b70b2dca95b3 100644
--- a/packages/mui-system/src/Container/Container.test.js
+++ b/packages/mui-system/src/Container/Container.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer } from 'test/utils';
+import { describeConformance, createRenderer } from '@mui-internal/test-utils';
 import { Container, containerClasses as classes } from '@mui/system';
 
 describe('<Container />', () => {
diff --git a/packages/mui-system/src/GlobalStyles/GlobalStyles.test.tsx b/packages/mui-system/src/GlobalStyles/GlobalStyles.test.tsx
index fd278973209831..17178436fcdee9 100644
--- a/packages/mui-system/src/GlobalStyles/GlobalStyles.test.tsx
+++ b/packages/mui-system/src/GlobalStyles/GlobalStyles.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { GlobalStyles } from '@mui/system';
 
 describe('<GlobalStyles />', () => {
diff --git a/packages/mui-system/src/Stack/Stack.test.js b/packages/mui-system/src/Stack/Stack.test.js
index 355c90e820e959..7e190c6d1703f2 100644
--- a/packages/mui-system/src/Stack/Stack.test.js
+++ b/packages/mui-system/src/Stack/Stack.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, describeConformance } from 'test/utils';
+import { createRenderer, describeConformance } from '@mui-internal/test-utils';
 import Stack from '@mui/system/Stack';
 import { createTheme } from '@mui/system';
 import { style } from './createStack';
diff --git a/packages/mui-system/src/ThemeProvider/ThemeProvider.test.js b/packages/mui-system/src/ThemeProvider/ThemeProvider.test.js
index ccddf5420e9c6e..febe6050490f54 100644
--- a/packages/mui-system/src/ThemeProvider/ThemeProvider.test.js
+++ b/packages/mui-system/src/ThemeProvider/ThemeProvider.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { useTheme as usePrivateTheme } from '@mui/private-theming';
 import { ThemeContext } from '@mui/styled-engine';
 import { ThemeProvider } from '@mui/system';
diff --git a/packages/mui-system/src/Unstable_Grid/Grid.test.js b/packages/mui-system/src/Unstable_Grid/Grid.test.js
index b9f706a530362b..6e6d9094a9cd97 100644
--- a/packages/mui-system/src/Unstable_Grid/Grid.test.js
+++ b/packages/mui-system/src/Unstable_Grid/Grid.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { describeConformance, createRenderer, screen } from 'test/utils';
+import { describeConformance, createRenderer, screen } from '@mui-internal/test-utils';
 import { ThemeProvider, createTheme } from '@mui/system';
 import Grid, { gridClasses as classes } from '@mui/system/Unstable_Grid';
 
diff --git a/packages/mui-system/src/createBox.test.js b/packages/mui-system/src/createBox.test.js
index 5a875338d62d8f..12449e27112b5a 100644
--- a/packages/mui-system/src/createBox.test.js
+++ b/packages/mui-system/src/createBox.test.js
@@ -1,7 +1,8 @@
+/* eslint-disable material-ui/no-empty-box */
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { createBox, ThemeProvider } from '@mui/system';
 
 describe('createBox', () => {
diff --git a/packages/mui-system/src/createStyled.test.js b/packages/mui-system/src/createStyled.test.js
index 87f57efe543645..c03c503374db88 100644
--- a/packages/mui-system/src/createStyled.test.js
+++ b/packages/mui-system/src/createStyled.test.js
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import createStyled from './createStyled';
 
 describe('createStyled', () => {
diff --git a/packages/mui-system/src/createTheme/createTheme.test.js b/packages/mui-system/src/createTheme/createTheme.test.js
index c86c8911ccae13..9393292b1eb666 100644
--- a/packages/mui-system/src/createTheme/createTheme.test.js
+++ b/packages/mui-system/src/createTheme/createTheme.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { createTheme, styled, ThemeProvider } from '@mui/system';
 
 describe('createTheme', () => {
diff --git a/packages/mui-system/src/cssVars/createCssVarsProvider.js b/packages/mui-system/src/cssVars/createCssVarsProvider.js
index 8e00154609e3a4..ddd9398f91ce53 100644
--- a/packages/mui-system/src/cssVars/createCssVarsProvider.js
+++ b/packages/mui-system/src/cssVars/createCssVarsProvider.js
@@ -337,11 +337,11 @@ export default function createCssVarsProvider(options) {
      */
     disableStyleSheetGeneration: PropTypes.bool,
     /**
-     * Disable CSS transitions when switching between modes or color schemes
+     * Disable CSS transitions when switching between modes or color schemes.
      */
     disableTransitionOnChange: PropTypes.bool,
     /**
-     * The document to attach the attribute to
+     * The document to attach the attribute to.
      */
     documentNode: PropTypes.any,
     /**
@@ -349,7 +349,7 @@ export default function createCssVarsProvider(options) {
      */
     modeStorageKey: PropTypes.string,
     /**
-     * The window that attaches the 'storage' event listener
+     * The window that attaches the 'storage' event listener.
      * @default window
      */
     storageWindow: PropTypes.any,
diff --git a/packages/mui-system/src/cssVars/createCssVarsProvider.test.js b/packages/mui-system/src/cssVars/createCssVarsProvider.test.js
index c51e7207031427..85f2c04d76b637 100644
--- a/packages/mui-system/src/cssVars/createCssVarsProvider.test.js
+++ b/packages/mui-system/src/cssVars/createCssVarsProvider.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer, screen, fireEvent } from 'test/utils';
+import { createRenderer, screen, fireEvent } from '@mui-internal/test-utils';
 import createCssVarsTheme from './createCssVarsTheme';
 import createCssVarsProvider, { DISABLE_CSS_TRANSITION } from './createCssVarsProvider';
 import { DEFAULT_ATTRIBUTE, DEFAULT_MODE_STORAGE_KEY } from './getInitColorSchemeScript';
diff --git a/packages/mui-system/src/cssVars/getInitColorSchemeScript.test.js b/packages/mui-system/src/cssVars/getInitColorSchemeScript.test.js
index 28e8ba980a3dca..8340db5c31bbda 100644
--- a/packages/mui-system/src/cssVars/getInitColorSchemeScript.test.js
+++ b/packages/mui-system/src/cssVars/getInitColorSchemeScript.test.js
@@ -1,6 +1,6 @@
 /* eslint-disable no-eval */
 import { expect } from 'chai';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import getInitColorSchemeScript, {
   DEFAULT_ATTRIBUTE,
   DEFAULT_MODE_STORAGE_KEY,
diff --git a/packages/mui-system/src/cssVars/getInitColorSchemeScript.tsx b/packages/mui-system/src/cssVars/getInitColorSchemeScript.tsx
index d938a0ef8aeb2e..d392ddbc8d053d 100644
--- a/packages/mui-system/src/cssVars/getInitColorSchemeScript.tsx
+++ b/packages/mui-system/src/cssVars/getInitColorSchemeScript.tsx
@@ -57,31 +57,29 @@ export default function getInitColorSchemeScript(options?: GetInitColorSchemeScr
       key="mui-color-scheme-init"
       // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={{
-        __html: `(function() { try {
-        var mode = localStorage.getItem('${modeStorageKey}') || '${defaultMode}';
-        var cssColorScheme = mode;
-        var colorScheme = '';
-        if (mode === 'system') {
-          // handle system mode
-          var mql = window.matchMedia('(prefers-color-scheme: dark)');
-          if (mql.matches) {
-            cssColorScheme = 'dark';
-            colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-          } else {
-            cssColorScheme = 'light';
-            colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-          }
-        }
-        if (mode === 'light') {
-          colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-        }
-        if (mode === 'dark') {
-          colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-        }
-        if (colorScheme) {
-          ${colorSchemeNode}.setAttribute('${attribute}', colorScheme);
-        }
-      } catch (e) {} })();`,
+        __html: `(function() {
+try {
+  var mode = localStorage.getItem('${modeStorageKey}') || '${defaultMode}';
+  var colorScheme = '';
+  if (mode === 'system') {
+    // handle system mode
+    var mql = window.matchMedia('(prefers-color-scheme: dark)');
+    if (mql.matches) {
+      colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
+    } else {
+      colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
+    }
+  }
+  if (mode === 'light') {
+    colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
+  }
+  if (mode === 'dark') {
+    colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
+  }
+  if (colorScheme) {
+    ${colorSchemeNode}.setAttribute('${attribute}', colorScheme);
+  }
+} catch(e){}})();`,
       }}
     />
   );
diff --git a/packages/mui-system/src/cssVars/useCurrentColorScheme.test.js b/packages/mui-system/src/cssVars/useCurrentColorScheme.test.js
index 92ca222b75d294..ee1e91e56188d0 100644
--- a/packages/mui-system/src/cssVars/useCurrentColorScheme.test.js
+++ b/packages/mui-system/src/cssVars/useCurrentColorScheme.test.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer, fireEvent, act, screen } from 'test/utils';
+import { createRenderer, fireEvent, act, screen } from '@mui-internal/test-utils';
 import {
   DEFAULT_MODE_STORAGE_KEY,
   DEFAULT_COLOR_SCHEME_STORAGE_KEY,
diff --git a/packages/mui-system/src/index.d.ts b/packages/mui-system/src/index.d.ts
index d8476ed22a34ac..7f24359229a63d 100644
--- a/packages/mui-system/src/index.d.ts
+++ b/packages/mui-system/src/index.d.ts
@@ -32,7 +32,7 @@ export type BordersProps = PropsFor<typeof borders>;
 
 // breakpoints.js
 type DefaultBreakPoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export { handleBreakpoints } from './breakpoints';
+export { handleBreakpoints, mergeBreakpointsInOrder } from './breakpoints';
 
 /**
  * @returns An enhanced stylefunction that considers breakpoints
@@ -41,12 +41,6 @@ export function breakpoints<Props, Breakpoints extends string = DefaultBreakPoin
   styleFunction: StyleFunction<Props>,
 ): StyleFunction<Partial<Record<Breakpoints, Props>> & Props>;
 
-// restructures the breakpoints in the in the correct order and merges all styles args
-export function mergeBreakpointsInOrder(
-  breakpointsInput: { keys: string[]; up: (key: string) => string },
-  ...styles: object[]
-): object;
-
 export function compose<T extends Array<StyleFunction<any>>>(...args: T): ComposedStyleFunction<T>;
 
 export type DisplayProps = PropsFor<typeof display>;
diff --git a/packages/mui-system/src/sizing.js b/packages/mui-system/src/sizing.js
index 0454dfb1702845..096a5bf9f85256 100644
--- a/packages/mui-system/src/sizing.js
+++ b/packages/mui-system/src/sizing.js
@@ -16,8 +16,21 @@ export const maxWidth = (props) => {
     const styleFromPropValue = (propValue) => {
       const breakpoint =
         props.theme?.breakpoints?.values?.[propValue] || breakpointsValues[propValue];
+
+      if (!breakpoint) {
+        return {
+          maxWidth: sizingTransform(propValue),
+        };
+      }
+
+      if (props.theme?.breakpoints?.unit !== 'px') {
+        return {
+          maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`,
+        };
+      }
+
       return {
-        maxWidth: breakpoint || sizingTransform(propValue),
+        maxWidth: breakpoint,
       };
     };
     return handleBreakpoints(props, props.maxWidth, styleFromPropValue);
diff --git a/packages/mui-system/src/sizing.test.js b/packages/mui-system/src/sizing.test.js
index 0b5d322043d2ad..fbab61d41fde36 100644
--- a/packages/mui-system/src/sizing.test.js
+++ b/packages/mui-system/src/sizing.test.js
@@ -1,4 +1,5 @@
 import { expect } from 'chai';
+import { createTheme } from '@mui/system';
 import sizing from './sizing';
 
 describe('sizing', () => {
@@ -19,4 +20,26 @@ describe('sizing', () => {
       maxWidth: 0,
     });
   });
+
+  describe('maxWidth', () => {
+    it('should work with custom units', () => {
+      const theme = createTheme({
+        breakpoints: {
+          unit: 'rem',
+          values: {
+            xs: 10,
+          },
+        },
+      });
+
+      const output = sizing({
+        maxWidth: 'xs',
+        theme,
+      });
+
+      expect(output).to.deep.equal({
+        maxWidth: '10rem',
+      });
+    });
+  });
 });
diff --git a/packages/mui-system/src/styleFunctionSx/styleFunctionSx.test.js b/packages/mui-system/src/styleFunctionSx/styleFunctionSx.test.js
index 376cc2de5689b1..ba0d89c8fdb8f6 100644
--- a/packages/mui-system/src/styleFunctionSx/styleFunctionSx.test.js
+++ b/packages/mui-system/src/styleFunctionSx/styleFunctionSx.test.js
@@ -20,11 +20,11 @@ describe('styleFunctionSx', () => {
     breakpoints: {
       keys: ['xs', 'sm', 'md', 'lg', 'xl'],
       values: breakpointsValues,
+      unit: 'px',
       up: (key) => {
         return `@media (min-width:${breakpointsValues[key]}px)`;
       },
     },
-    unit: 'px',
     palette: {
       primary: {
         main: 'rgb(0, 0, 255)',
diff --git a/packages/mui-system/src/styled.test.js b/packages/mui-system/src/styled.test.js
index 995c4a7fabe95c..a2d5b82a2d8fc1 100644
--- a/packages/mui-system/src/styled.test.js
+++ b/packages/mui-system/src/styled.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, screen } from 'test/utils';
+import { createRenderer, screen } from '@mui-internal/test-utils';
 import { styled, createTheme, ThemeProvider } from '@mui/system';
 
 describe('styled', () => {
diff --git a/packages/mui-system/test/integration/theme-scoping.test.tsx b/packages/mui-system/test/integration/theme-scoping.test.tsx
index b1b6384850c730..bc3e1d3a69295d 100644
--- a/packages/mui-system/test/integration/theme-scoping.test.tsx
+++ b/packages/mui-system/test/integration/theme-scoping.test.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { createRenderer } from 'test/utils';
+import { createRenderer } from '@mui-internal/test-utils';
 import { ThemeContext } from '@mui/styled-engine';
 import * as material from '@mui/material';
 import * as joy from '@mui/joy';
diff --git a/packages/mui-system/test/typescript/moduleAugmentation/gridCustomBreakpoints.tsconfig.json b/packages/mui-system/test/typescript/moduleAugmentation/gridCustomBreakpoints.tsconfig.json
index c440b679ad3352..5b3782b7348d26 100644
--- a/packages/mui-system/test/typescript/moduleAugmentation/gridCustomBreakpoints.tsconfig.json
+++ b/packages/mui-system/test/typescript/moduleAugmentation/gridCustomBreakpoints.tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../../../../tsconfig",
+  "extends": "../../../../../tsconfig.json",
   "files": ["gridCustomBreakpoints.spec.tsx"]
 }
diff --git a/packages/mui-system/tsconfig.build.json b/packages/mui-system/tsconfig.build.json
index a45de38c5d2fd4..7696cbeba02fc7 100644
--- a/packages/mui-system/tsconfig.build.json
+++ b/packages/mui-system/tsconfig.build.json
@@ -1,7 +1,7 @@
 {
   // This config is for emitting declarations (.d.ts) only
   // Actual .ts source files are transpiled via babel
-  "extends": "./tsconfig",
+  "extends": "./tsconfig.json",
   "compilerOptions": {
     "composite": true,
     "declaration": true,
@@ -11,5 +11,6 @@
     "rootDir": "./src"
   },
   "include": ["src/**/*.ts*"],
-  "exclude": ["src/**/*.spec.ts*", "src/**/*.test.ts*"]
+  "exclude": ["src/**/*.spec.ts*", "src/**/*.test.ts*"],
+  "references": [{ "path": "../mui-utils/tsconfig.build.json" }]
 }
diff --git a/packages/mui-system/tsconfig.json b/packages/mui-system/tsconfig.json
index e2a561189be7c6..09c7a60fdb55a0 100644
--- a/packages/mui-system/tsconfig.json
+++ b/packages/mui-system/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig",
+  "extends": "../../tsconfig.json",
   "include": ["src/**/*", "test/**/*"],
   "exclude": ["test/typescript/moduleAugmentation"]
 }
diff --git a/packages/mui-types/package.json b/packages/mui-types/package.json
index 89b49335412fef..a051232226dd29 100644
--- a/packages/mui-types/package.json
+++ b/packages/mui-types/package.json
@@ -37,8 +37,11 @@
   "publishConfig": {
     "access": "public"
   },
+  "devDependencies": {
+    "@types/react": "^18.2.21"
+  },
   "peerDependencies": {
-    "@types/react": "*"
+    "@types/react": "^17.0.0 || ^18.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
diff --git a/packages/mui-types/tsconfig.json b/packages/mui-types/tsconfig.json
index 6e2e977ce1b789..ecd9465fd7fcc8 100644
--- a/packages/mui-types/tsconfig.json
+++ b/packages/mui-types/tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "../../tsconfig",
+  "extends": "../../tsconfig.json",
   "exclude": ["OverridableComponentAugmentation.ts"]
 }
diff --git a/packages/mui-utils/package.json b/packages/mui-utils/package.json
index e507d59b6148a0..94a3fe7261bf20 100644
--- a/packages/mui-utils/package.json
+++ b/packages/mui-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/utils",
-  "version": "5.14.4",
+  "version": "5.14.10",
   "private": false,
   "author": "MUI Team",
   "description": "Utility functions for React components.",
@@ -20,7 +20,7 @@
   "bugs": {
     "url": "https://github.com/mui/material-ui/issues"
   },
-  "homepage": "https://github.com/mui/material-ui/tree/master/packages/mui-utils",
+  "homepage": "private package",
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/mui"
@@ -38,21 +38,39 @@
     "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/mui-utils/**/*.test.{js,ts,tsx}'",
     "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json"
   },
-  "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0"
-  },
   "dependencies": {
-    "@babel/runtime": "^7.22.6",
+    "@babel/runtime": "^7.22.15",
     "@types/prop-types": "^15.7.5",
-    "@types/react-is": "^18.2.1",
     "prop-types": "^15.8.1",
     "react-is": "^18.2.0"
   },
   "devDependencies": {
-    "@babel/helper-module-imports": "^7.22.5",
-    "@types/babel-plugin-macros": "^3.1.0",
+    "@babel/helper-module-imports": "^7.22.15",
+    "@mui/types": "^7.2.4",
+    "@mui-internal/test-utils": "^1.0.0",
+    "@types/babel-plugin-macros": "^3.1.1",
+    "@types/chai": "^4.3.6",
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^18.17.18",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@types/react-is": "^18.2.1",
+    "@types/sinon": "^10.0.16",
     "babel-plugin-macros": "^3.1.0",
-    "babel-plugin-tester": "^11.0.4"
+    "babel-plugin-tester": "^11.0.4",
+    "chai": "^4.3.8",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sinon": "^15.2.0"
+  },
+  "peerDependencies": {
+    "@types/react": "^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
   },
   "sideEffects": false,
   "publishConfig": {
diff --git a/packages/mui-utils/src/capitalize/capitalize.test.js b/packages/mui-utils/src/capitalize/capitalize.test.js
index f78b1e5fa79200..3ae75b0bdc83c9 100644
--- a/packages/mui-utils/src/capitalize/capitalize.test.js
+++ b/packages/mui-utils/src/capitalize/capitalize.test.js
@@ -1,5 +1,5 @@
 import { expect } from 'chai';
-import capitalize from './capitalize';
+import capitalize from '@mui/utils/capitalize';
 
 describe('capitalize', () => {
   it('should work', () => {
diff --git a/packages/mui-utils/src/elementAcceptingRef.test.tsx b/packages/mui-utils/src/elementAcceptingRef.test.tsx
index 465721411cebfa..4fbdf45e95439b 100644
--- a/packages/mui-utils/src/elementAcceptingRef.test.tsx
+++ b/packages/mui-utils/src/elementAcceptingRef.test.tsx
@@ -26,6 +26,8 @@ describe('elementAcceptingRef', () => {
       function testAct() {
         checkPropType(element);
         if (shouldMount) {
+          // TODO: replace with React 18 implementation after https://github.com/testing-library/react-testing-library/issues/1216 is closed.
+          // eslint-disable-next-line react/no-deprecated
           ReactDOM.render(
             <React.Suspense fallback={<p />}>
               {React.cloneElement(element, { ref: React.createRef() })}
@@ -43,6 +45,7 @@ describe('elementAcceptingRef', () => {
     });
 
     afterEach(() => {
+      // eslint-disable-next-line react/no-deprecated
       ReactDOM.unmountComponentAtNode(rootNode);
     });
 
diff --git a/packages/mui-utils/src/elementTypeAcceptingRef.test.tsx b/packages/mui-utils/src/elementTypeAcceptingRef.test.tsx
index a39ec1610fcbee..4bf9a1a01ac794 100644
--- a/packages/mui-utils/src/elementTypeAcceptingRef.test.tsx
+++ b/packages/mui-utils/src/elementTypeAcceptingRef.test.tsx
@@ -26,6 +26,8 @@ describe('elementTypeAcceptingRef', () => {
       function testAct() {
         checkPropType(Component);
         if (shouldMount) {
+          // TODO: replace with React 18 implementation after https://github.com/testing-library/react-testing-library/issues/1216 is closed.
+          // eslint-disable-next-line react/no-deprecated
           ReactDOM.render(
             <React.Suspense fallback={<p />}>
               <Component ref={React.createRef()} />
@@ -47,6 +49,7 @@ describe('elementTypeAcceptingRef', () => {
     });
 
     afterEach(() => {
+      // eslint-disable-next-line react/no-deprecated
       ReactDOM.unmountComponentAtNode(rootNode);
     });
 
diff --git a/packages/mui-utils/src/generateUtilityClass/generateUtilityClass.ts b/packages/mui-utils/src/generateUtilityClass/generateUtilityClass.ts
index d4173a2c3f3e7a..ae9359b6e3a6c0 100644
--- a/packages/mui-utils/src/generateUtilityClass/generateUtilityClass.ts
+++ b/packages/mui-utils/src/generateUtilityClass/generateUtilityClass.ts
@@ -1,15 +1,18 @@
 import ClassNameGenerator from '../ClassNameGenerator';
 
+// If GlobalStateSlot is changed, GLOBAL_STATE_CLASSES in
+// \packages\api-docs-builder\utils\parseSlotsAndClasses.ts must be updated accordingly.
 export type GlobalStateSlot =
   | 'active'
   | 'checked'
   | 'completed'
   | 'disabled'
-  | 'readOnly'
   | 'error'
   | 'expanded'
   | 'focused'
   | 'focusVisible'
+  | 'open'
+  | 'readOnly'
   | 'required'
   | 'selected';
 
@@ -18,11 +21,12 @@ const globalStateClassesMapping: Record<GlobalStateSlot, string> = {
   checked: 'checked',
   completed: 'completed',
   disabled: 'disabled',
-  readOnly: 'readOnly',
   error: 'error',
   expanded: 'expanded',
   focused: 'focused',
   focusVisible: 'focusVisible',
+  open: 'open',
+  readOnly: 'readOnly',
   required: 'required',
   selected: 'selected',
 };
diff --git a/packages/mui-utils/src/integerPropType.d.ts b/packages/mui-utils/src/integerPropType.d.ts
new file mode 100644
index 00000000000000..36935fad6774f5
--- /dev/null
+++ b/packages/mui-utils/src/integerPropType.d.ts
@@ -0,0 +1,5 @@
+import PropTypes from 'prop-types';
+
+declare const integerPropType: PropTypes.Requireable<number>;
+
+export default integerPropType;
diff --git a/packages/mui-utils/src/useControlled/useControlled.test.js b/packages/mui-utils/src/useControlled/useControlled.test.js
index 0da2ceb0eddeb7..7319349f7343bb 100644
--- a/packages/mui-utils/src/useControlled/useControlled.test.js
+++ b/packages/mui-utils/src/useControlled/useControlled.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { act, createRenderer } from 'test/utils';
+import { act, createRenderer } from '@mui-internal/test-utils';
 import useControlled from './useControlled';
 
 const TestComponent = ({ value: valueProp, defaultValue, children }) => {
diff --git a/packages/mui-utils/src/useEnhancedEffect/useEnhancedEffect.ts b/packages/mui-utils/src/useEnhancedEffect/useEnhancedEffect.ts
index 97ab04557148cc..90d0d23e3f4c5d 100644
--- a/packages/mui-utils/src/useEnhancedEffect/useEnhancedEffect.ts
+++ b/packages/mui-utils/src/useEnhancedEffect/useEnhancedEffect.ts
@@ -1,6 +1,13 @@
 'use client';
 import * as React from 'react';
 
+/**
+ * A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.
+ * This is useful for effects that are only needed for client-side rendering but not for SSR.
+ *
+ * Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
+ * and confirm it doesn't apply to your use-case.
+ */
 const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 
 export default useEnhancedEffect;
diff --git a/packages/mui-utils/src/useEventCallback/useEventCallback.ts b/packages/mui-utils/src/useEventCallback/useEventCallback.ts
index babd9a5efccfd4..398945443adc90 100644
--- a/packages/mui-utils/src/useEventCallback/useEventCallback.ts
+++ b/packages/mui-utils/src/useEventCallback/useEventCallback.ts
@@ -3,7 +3,8 @@ import * as React from 'react';
 import useEnhancedEffect from '../useEnhancedEffect';
 
 /**
- * https://github.com/facebook/react/issues/14099#issuecomment-440013892
+ * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892
+ * See RFC in https://github.com/reactjs/rfcs/pull/220
  */
 function useEventCallback<Fn extends (...args: any[]) => any = (...args: unknown[]) => unknown>(
   fn: Fn,
diff --git a/packages/mui-utils/src/useForkRef/useForkRef.test.js b/packages/mui-utils/src/useForkRef/useForkRef.test.js
index c15179247a409b..57a7290a635b48 100644
--- a/packages/mui-utils/src/useForkRef/useForkRef.test.js
+++ b/packages/mui-utils/src/useForkRef/useForkRef.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, screen } from 'test/utils';
+import { createRenderer, screen } from '@mui-internal/test-utils';
 import useForkRef from './useForkRef';
 
 describe('useForkRef', () => {
diff --git a/packages/mui-utils/src/useId/useId.test.js b/packages/mui-utils/src/useId/useId.test.js
index ec238bdfaf932b..2d74f5eb00008a 100644
--- a/packages/mui-utils/src/useId/useId.test.js
+++ b/packages/mui-utils/src/useId/useId.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer, screen } from 'test/utils';
+import { createRenderer, screen } from '@mui-internal/test-utils';
 import useId from './useId';
 
 describe('useId', () => {
diff --git a/packages/mui-utils/src/useIsFocusVisible.test.js b/packages/mui-utils/src/useIsFocusVisible.test.js
index 52974ed1e1f941..a6c2d0224c399b 100644
--- a/packages/mui-utils/src/useIsFocusVisible.test.js
+++ b/packages/mui-utils/src/useIsFocusVisible.test.js
@@ -1,13 +1,13 @@
 import { expect } from 'chai';
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import * as ReactDOMClient from 'react-dom/client';
 import {
   act,
   createRenderer,
   focusVisible,
   simulatePointerDevice,
   programmaticFocusTriggersFocusVisible,
-} from 'test/utils';
+} from '@mui-internal/test-utils';
 import useIsFocusVisible, { teardown as teardownFocusVisible } from './useIsFocusVisible';
 import useForkRef from './useForkRef';
 
@@ -67,15 +67,20 @@ describe('useIsFocusVisible', () => {
     });
 
     let rootElement;
+    let reactRoot;
 
     beforeEach(() => {
       rootElement = document.createElement('div');
       document.body.appendChild(rootElement);
       rootElement.attachShadow({ mode: 'open' });
+      reactRoot = ReactDOMClient.createRoot(rootElement.shadowRoot);
     });
 
     afterEach(() => {
-      ReactDOM.unmountComponentAtNode(rootElement.shadowRoot);
+      act(() => {
+        reactRoot.unmount();
+      });
+
       teardownFocusVisible(rootElement.shadowRoot);
       document.body.removeChild(rootElement);
     });
diff --git a/packages/mui-utils/tsconfig.build.json b/packages/mui-utils/tsconfig.build.json
index f10360d400e902..873e49e4b48cf8 100644
--- a/packages/mui-utils/tsconfig.build.json
+++ b/packages/mui-utils/tsconfig.build.json
@@ -1,8 +1,9 @@
 {
   // This config is for emitting declarations (.d.ts) only
   // Actual .ts source files are transpiled via babel
-  "extends": "./tsconfig",
+  "extends": "./tsconfig.json",
   "compilerOptions": {
+    "composite": true,
     "declaration": true,
     "noEmit": false,
     "emitDeclarationOnly": true,
diff --git a/packages/mui-utils/tsconfig.json b/packages/mui-utils/tsconfig.json
index f4f5e329cf387e..88c4875ab6e81e 100644
--- a/packages/mui-utils/tsconfig.json
+++ b/packages/mui-utils/tsconfig.json
@@ -1,7 +1,7 @@
 {
-  "extends": "../../tsconfig",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "types": ["react", "mocha", "node"]
   },
-  "include": ["src/**/*", "../../test/utils/initMatchers.ts"]
+  "include": ["src/**/*"]
 }
diff --git a/packages/rsc-builder/buildRsc.ts b/packages/rsc-builder/buildRsc.ts
index e73a75cbd34051..3a4616d63a967f 100644
--- a/packages/rsc-builder/buildRsc.ts
+++ b/packages/rsc-builder/buildRsc.ts
@@ -6,7 +6,14 @@ import findHooks from '../api-docs-builder/utils/findHooks';
 
 type CommandOptions = { grep?: string };
 
-const PROJECTS = [
+type Project = {
+  name: string;
+  rootPath: string;
+  additionalPaths?: string[];
+  additionalFiles?: string[];
+};
+
+const PROJECTS: Project[] = [
   {
     name: 'base',
     rootPath: path.join(process.cwd(), 'packages/mui-base'),
@@ -35,6 +42,12 @@ const PROJECTS = [
     name: 'utils',
     rootPath: path.join(process.cwd(), 'packages/mui-utils'),
   },
+  {
+    name: 'icons-material',
+    rootPath: path.join(process.cwd(), 'packages/mui-icons-material'),
+    additionalPaths: ['custom'],
+    additionalFiles: ['src/utils/createSvgIcon.js'],
+  },
 ];
 
 async function processFile(
@@ -43,6 +56,10 @@ async function processFile(
     lineToPrepend?: string;
   } = {},
 ) {
+  if (!fse.statSync(filename).isFile()) {
+    return;
+  }
+
   const { lineToPrepend = `'use client';` } = options;
   const contents = await fse.readFile(filename, 'utf8');
 
@@ -71,6 +88,25 @@ function getIndexFile(directory: string) {
   };
 }
 
+async function findAll(
+  directories: string[],
+  grep: RegExp | null,
+  findFn: typeof findComponents | typeof findHooks,
+) {
+  const result = await Promise.all(
+    directories.map((dir) => {
+      return findFn(dir).filter((item) => {
+        if (grep === null) {
+          return true;
+        }
+        return grep.test(item.filename);
+      });
+    }),
+  );
+
+  return result.flat();
+}
+
 async function run(argv: yargs.ArgumentsCamelCase<CommandOptions>) {
   const grep = argv.grep == null ? null : new RegExp(argv.grep);
 
@@ -79,6 +115,15 @@ async function run(argv: yargs.ArgumentsCamelCase<CommandOptions>) {
 
     const projectSrc = path.join(project.rootPath, 'src');
 
+    let directories = [projectSrc];
+
+    if (Array.isArray(project?.additionalPaths)) {
+      directories = [
+        ...directories,
+        ...project.additionalPaths.map((p) => path.join(project.rootPath, p)),
+      ];
+    }
+
     const indexFile = getIndexFile(projectSrc);
 
     try {
@@ -88,12 +133,7 @@ async function run(argv: yargs.ArgumentsCamelCase<CommandOptions>) {
       throw error;
     }
 
-    const components = findComponents(projectSrc).filter((component) => {
-      if (grep === null) {
-        return true;
-      }
-      return grep.test(component.filename);
-    });
+    const components = await findAll(directories, grep, findComponents);
 
     components.forEach(async (component) => {
       try {
@@ -108,12 +148,7 @@ async function run(argv: yargs.ArgumentsCamelCase<CommandOptions>) {
       }
     });
 
-    const hooks = findHooks(projectSrc).filter((hook) => {
-      if (grep === null) {
-        return true;
-      }
-      return grep.test(hook.filename);
-    });
+    const hooks = await findAll(directories, grep, findHooks);
 
     hooks.forEach(async (hook) => {
       try {
@@ -127,6 +162,14 @@ async function run(argv: yargs.ArgumentsCamelCase<CommandOptions>) {
         throw error;
       }
     });
+
+    if (Array.isArray(project?.additionalFiles)) {
+      project.additionalFiles.forEach(async (file) => {
+        const fullPath = path.join(project.rootPath, file);
+        processFile(fullPath);
+      });
+    }
+
     return Promise.resolve();
   }, Promise.resolve());
 }
diff --git a/packages/rsc-builder/package.json b/packages/rsc-builder/package.json
index 4bccdcb25ee6f8..b0e525e91c2539 100644
--- a/packages/rsc-builder/package.json
+++ b/packages/rsc-builder/package.json
@@ -2,5 +2,13 @@
   "name": "rsc-builder",
   "version": "1.0.0",
   "private": "true",
-  "main": "./buildRsc.ts"
+  "main": "./buildRsc.ts",
+  "dependencies": {
+    "fs-extra": "^11.1.1",
+    "yargs": "^17.7.2"
+  },
+  "devDependencies": {
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^18.17.18"
+  }
 }
diff --git a/packages/test-utils/package.json b/packages/test-utils/package.json
new file mode 100644
index 00000000000000..77b5a42aa405bc
--- /dev/null
+++ b/packages/test-utils/package.json
@@ -0,0 +1,59 @@
+{
+  "name": "@mui-internal/test-utils",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "typescript": "tsc -p tsconfig.json"
+  },
+  "main": "src/index.ts",
+  "exports": {
+    ".": "./src/index.ts",
+    "./init": "./src/init.js",
+    "./initMatchers": "./src/initMatchers.ts",
+    "./initPlaywrightMatchers": "./src/initPlaywrightMatchers.ts",
+    "./KarmaReporterReactProfiler": "./src/KarmaReporterReactProfiler.js",
+    "./setupBabel": "./src/setupBabel.js",
+    "./setupBabelPlaywright": "./src/setupBabelPlaywright.js",
+    "./setupJSDOM": "./src/setupJSDOM.js",
+    "./setupKarma": "./src/setupKarma.js"
+  },
+  "dependencies": {
+    "@babel/plugin-transform-modules-commonjs": "^7.22.15",
+    "@babel/preset-typescript": "^7.22.15",
+    "@babel/register": "^7.22.15",
+    "@emotion/cache": "^11.11.0",
+    "@emotion/react": "^11.11.1",
+    "@mnajdova/enzyme-adapter-react-18": "^0.2.0",
+    "@testing-library/dom": "^9.3.1",
+    "@testing-library/react": "^14.0.0",
+    "chai": "^4.3.7",
+    "chai-dom": "^1.11.0",
+    "dom-accessibility-api": "^0.6.1",
+    "enzyme": "^3.11.0",
+    "format-util": "^1.0.5",
+    "fs-extra": "^11.1.1",
+    "jsdom": "^22.1.0",
+    "lodash": "^4.17.21",
+    "mocha": "^10.2.0",
+    "playwright": "^1.37.1",
+    "prop-types": "^15.8.1",
+    "react-test-renderer": "^18.2.0",
+    "sinon": "^15.2.0"
+  },
+  "devDependencies": {
+    "@types/chai": "^4.3.5",
+    "@types/chai-dom": "^1.11.1",
+    "@types/enzyme": "^3.10.13",
+    "@types/format-util": "^1.0.2",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@types/react-test-renderer": "^18.0.1",
+    "@types/sinon": "^10.0.16",
+    "typescript": "^5.1.6"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}
diff --git a/test/utils/KarmaReporterReactProfiler.js b/packages/test-utils/src/KarmaReporterReactProfiler.js
similarity index 100%
rename from test/utils/KarmaReporterReactProfiler.js
rename to packages/test-utils/src/KarmaReporterReactProfiler.js
diff --git a/test/utils/components.tsx b/packages/test-utils/src/components.tsx
similarity index 100%
rename from test/utils/components.tsx
rename to packages/test-utils/src/components.tsx
diff --git a/test/utils/createDOM.d.ts b/packages/test-utils/src/createDOM.d.ts
similarity index 100%
rename from test/utils/createDOM.d.ts
rename to packages/test-utils/src/createDOM.d.ts
diff --git a/test/utils/createDOM.js b/packages/test-utils/src/createDOM.js
similarity index 100%
rename from test/utils/createDOM.js
rename to packages/test-utils/src/createDOM.js
diff --git a/test/utils/createDescribe.ts b/packages/test-utils/src/createDescribe.ts
similarity index 100%
rename from test/utils/createDescribe.ts
rename to packages/test-utils/src/createDescribe.ts
diff --git a/test/utils/createMount.tsx b/packages/test-utils/src/createMount.tsx
similarity index 97%
rename from test/utils/createMount.tsx
rename to packages/test-utils/src/createMount.tsx
index 7e47dbb83a5750..406e8e65b793c5 100644
--- a/test/utils/createMount.tsx
+++ b/packages/test-utils/src/createMount.tsx
@@ -85,6 +85,7 @@ export default function createMount(options: CreateMountOptions = {}) {
 
   afterEach(() => {
     ReactDOMTestUtils.act(() => {
+      // eslint-disable-next-line react/no-deprecated
       ReactDOM.unmountComponentAtNode(container!);
     });
     container!.parentElement!.removeChild(container!);
@@ -103,6 +104,7 @@ export default function createMount(options: CreateMountOptions = {}) {
       );
     }
     ReactDOMTestUtils.act(() => {
+      // eslint-disable-next-line react/no-deprecated
       ReactDOM.unmountComponentAtNode(container!);
     });
 
diff --git a/test/utils/createRenderer.test.js b/packages/test-utils/src/createRenderer.test.js
similarity index 100%
rename from test/utils/createRenderer.test.js
rename to packages/test-utils/src/createRenderer.test.js
diff --git a/test/utils/createRenderer.tsx b/packages/test-utils/src/createRenderer.tsx
similarity index 99%
rename from test/utils/createRenderer.tsx
rename to packages/test-utils/src/createRenderer.tsx
index 0385f0b301fd1f..e3a9f7a43e6322 100644
--- a/test/utils/createRenderer.tsx
+++ b/packages/test-utils/src/createRenderer.tsx
@@ -723,10 +723,12 @@ export function fireTouchChangedEvent(
   target.getBoundingClientRect = originalGetBoundingClientRect;
 }
 
-export function act(callback: () => void) {
+function act<T>(callback: () => T | Promise<T>): Promise<T>;
+function act(callback: () => void): void;
+function act<T>(callback: () => void | T | Promise<T>) {
   return traceSync('act', () => rtlAct(callback));
 }
 
 export * from '@testing-library/react/pure';
-export { cleanup, fireEvent };
+export { act, cleanup, fireEvent };
 export const screen = within(document.body, { ...queries, ...customQueries });
diff --git a/test/utils/describeConformance.tsx b/packages/test-utils/src/describeConformance.tsx
similarity index 100%
rename from test/utils/describeConformance.tsx
rename to packages/test-utils/src/describeConformance.tsx
diff --git a/test/utils/describeConformanceUnstyled.tsx b/packages/test-utils/src/describeConformanceUnstyled.tsx
similarity index 92%
rename from test/utils/describeConformanceUnstyled.tsx
rename to packages/test-utils/src/describeConformanceUnstyled.tsx
index 7c62a61c43a538..09f6fa5eea9a09 100644
--- a/test/utils/describeConformanceUnstyled.tsx
+++ b/packages/test-utils/src/describeConformanceUnstyled.tsx
@@ -18,7 +18,7 @@ export interface UnstyledConformanceOptions
   render: (
     element: React.ReactElement<any, string | React.JSXElementConstructor<any>>,
     options?: RenderOptions | undefined,
-  ) => MuiRenderResult;
+  ) => Promise<MuiRenderResult> | MuiRenderResult;
   skip?: (keyof typeof fullSuite)[];
   testComponentPropWith?: string;
 }
@@ -66,7 +66,7 @@ function testPropForwarding(
     throwMissingPropError('render');
   }
 
-  it('forwards custom props to the root element if a component is provided', () => {
+  it('forwards custom props to the root element if a component is provided', async () => {
     const CustomRoot = React.forwardRef(
       ({ fooBar, lang }: WithCustomProp, ref: React.ForwardedRef<any>) => {
         // @ts-ignore
@@ -79,7 +79,7 @@ function testPropForwarding(
       fooBar: randomStringValue(),
     };
 
-    render(React.cloneElement(element, { slots: { root: CustomRoot }, ...otherProps }));
+    await render(React.cloneElement(element, { slots: { root: CustomRoot }, ...otherProps }));
 
     const customRoot = screen.getByTestId('custom-root');
     expect(customRoot).to.have.attribute('lang', otherProps.lang);
@@ -117,20 +117,20 @@ function testSlotsProp(element: React.ReactElement, getOptions: () => UnstyledCo
   ));
 
   forEachSlot(slots, (slotName, slotOptions) => {
-    it(`allows overriding the ${slotName} slot with a component`, () => {
+    it(`allows overriding the ${slotName} slot with a component`, async () => {
       const slotComponent = slotOptions.testWithComponent ?? CustomComponent;
 
       const components = {
         [slotName]: slotComponent,
       };
 
-      const { getByTestId } = render(React.cloneElement(element, { slots: components }));
+      const { getByTestId } = await render(React.cloneElement(element, { slots: components }));
       const renderedElement = getByTestId('custom');
       expect(renderedElement).to.have.class(slotOptions.expectedClassName);
     });
 
     if (slotOptions.testWithElement !== null) {
-      it(`allows overriding the ${slotName} slot with an element`, () => {
+      it(`allows overriding the ${slotName} slot with an element`, async () => {
         const slotElement = slotOptions.testWithElement ?? 'i';
 
         const components = {
@@ -143,7 +143,7 @@ function testSlotsProp(element: React.ReactElement, getOptions: () => UnstyledCo
           },
         };
 
-        const { getByTestId } = render(
+        const { getByTestId } = await render(
           React.cloneElement(element, { slots: components, slotProps }),
         );
         const renderedElement = getByTestId('customized');
@@ -153,18 +153,18 @@ function testSlotsProp(element: React.ReactElement, getOptions: () => UnstyledCo
     }
 
     if (slotOptions.isOptional) {
-      it(`allows omitting the optional ${slotName} slot by providing null`, () => {
+      it(`allows omitting the optional ${slotName} slot by providing null`, async () => {
         const components = {
           [slotName]: null,
         };
 
-        const { container } = render(React.cloneElement(element, { slots: components }));
+        const { container } = await render(React.cloneElement(element, { slots: components }));
         expect(container.querySelectorAll(`.${slotOptions.expectedClassName}`)).to.have.length(0);
       });
     }
   });
 
-  it('uses the component provided in the `component` prop when both `component` and `slots.root` are provided', () => {
+  it('uses the component provided in the `component` prop when both `component` and `slots.root` are provided', async () => {
     if (skip && skip.indexOf('componentProp') >= 0) {
       return;
     }
@@ -187,7 +187,7 @@ function testSlotsProp(element: React.ReactElement, getOptions: () => UnstyledCo
       ),
     );
 
-    const { queryByTestId } = render(
+    const { queryByTestId } = await render(
       React.cloneElement(element, {
         component: RootComponentA,
         slots: { root: RootComponentB },
@@ -214,19 +214,19 @@ function testSlotPropsProp(
   }
 
   forEachSlot(slots, (slotName, slotOptions) => {
-    it(`sets custom properties on the ${slotName} slot's element`, () => {
+    it(`sets custom properties on the ${slotName} slot's element`, async () => {
       const slotProps = {
         [slotName]: {
           'data-testid': 'custom',
         },
       };
 
-      const { getByTestId } = render(React.cloneElement(element, { slotProps }));
+      const { getByTestId } = await render(React.cloneElement(element, { slotProps }));
 
       expect(getByTestId('custom')).to.have.class(slotOptions.expectedClassName);
     });
 
-    it(`merges the class names provided in slotsProps.${slotName} with the built-in ones`, () => {
+    it(`merges the class names provided in slotsProps.${slotName} with the built-in ones`, async () => {
       const slotProps = {
         [slotName]: {
           'data-testid': 'custom',
@@ -234,7 +234,7 @@ function testSlotPropsProp(
         },
       };
 
-      const { getByTestId } = render(React.cloneElement(element, { slotProps }));
+      const { getByTestId } = await render(React.cloneElement(element, { slotProps }));
 
       expect(getByTestId('custom')).to.have.class(slotOptions.expectedClassName);
       expect(getByTestId('custom')).to.have.class(slotProps[slotName].className);
@@ -261,7 +261,7 @@ function testSlotPropsCallbacks(
   }
 
   forEachSlot(slots, (slotName, slotOptions) => {
-    it(`sets custom properties on the ${slotName} slot's element with a callback function`, () => {
+    it(`sets custom properties on the ${slotName} slot's element with a callback function`, async () => {
       const testId = randomStringValue();
       const className = randomStringValue();
 
@@ -272,7 +272,7 @@ function testSlotPropsCallbacks(
         }),
       };
 
-      const { getByTestId } = render(
+      const { getByTestId } = await render(
         React.cloneElement(element, { slotProps, 'data-testid': testId }),
       );
 
diff --git a/test/utils/describeJoyColorInversion.tsx b/packages/test-utils/src/describeJoyColorInversion.tsx
similarity index 100%
rename from test/utils/describeJoyColorInversion.tsx
rename to packages/test-utils/src/describeJoyColorInversion.tsx
diff --git a/test/utils/findOutermostIntrinsic.test.js b/packages/test-utils/src/findOutermostIntrinsic.test.js
similarity index 97%
rename from test/utils/findOutermostIntrinsic.test.js
rename to packages/test-utils/src/findOutermostIntrinsic.test.js
index 1e116d779051a3..f5d9b21e4c6cb6 100644
--- a/test/utils/findOutermostIntrinsic.test.js
+++ b/packages/test-utils/src/findOutermostIntrinsic.test.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createMount } from 'test/utils';
+import createMount from './createMount';
 import findOutermostIntrinsic from './findOutermostIntrinsic';
 
 describe('findOutermostIntrinsic', () => {
diff --git a/test/utils/findOutermostIntrinsic.ts b/packages/test-utils/src/findOutermostIntrinsic.ts
similarity index 100%
rename from test/utils/findOutermostIntrinsic.ts
rename to packages/test-utils/src/findOutermostIntrinsic.ts
diff --git a/test/utils/fireDiscreteEvent.ts b/packages/test-utils/src/fireDiscreteEvent.ts
similarity index 100%
rename from test/utils/fireDiscreteEvent.ts
rename to packages/test-utils/src/fireDiscreteEvent.ts
diff --git a/test/utils/focusVisible.ts b/packages/test-utils/src/focusVisible.ts
similarity index 100%
rename from test/utils/focusVisible.ts
rename to packages/test-utils/src/focusVisible.ts
diff --git a/test/utils/index.ts b/packages/test-utils/src/index.ts
similarity index 100%
rename from test/utils/index.ts
rename to packages/test-utils/src/index.ts
diff --git a/test/utils/init.js b/packages/test-utils/src/init.js
similarity index 100%
rename from test/utils/init.js
rename to packages/test-utils/src/init.js
diff --git a/test/utils/initMatchers.test.js b/packages/test-utils/src/initMatchers.test.js
similarity index 100%
rename from test/utils/initMatchers.test.js
rename to packages/test-utils/src/initMatchers.test.js
diff --git a/test/utils/initMatchers.ts b/packages/test-utils/src/initMatchers.ts
similarity index 99%
rename from test/utils/initMatchers.ts
rename to packages/test-utils/src/initMatchers.ts
index 4c4b0a3cacf080..845ff04244bd49 100644
--- a/test/utils/initMatchers.ts
+++ b/packages/test-utils/src/initMatchers.ts
@@ -163,7 +163,7 @@ chai.use((chaiAPI, utils) => {
     // `CSSStyleDeclaration` is not constructable
     // https://stackoverflow.com/a/52732909/3406963
     // this is not equivalent to the declaration from `getComputedStyle`
-    // e.g `getComputedStyle` would return a readonly declaration
+    // e.g. `getComputedStyle` would return a readonly declaration
     // let's hope this doesn't get passed around until it's no longer clear where it comes from
     const declaration = document.createElement('span').style;
 
diff --git a/test/utils/initPlaywrightMatchers.ts b/packages/test-utils/src/initPlaywrightMatchers.ts
similarity index 100%
rename from test/utils/initPlaywrightMatchers.ts
rename to packages/test-utils/src/initPlaywrightMatchers.ts
diff --git a/test/utils/mochaHooks.js b/packages/test-utils/src/mochaHooks.js
similarity index 100%
rename from test/utils/mochaHooks.js
rename to packages/test-utils/src/mochaHooks.js
diff --git a/test/utils/mochaHooks.test.js b/packages/test-utils/src/mochaHooks.test.js
similarity index 100%
rename from test/utils/mochaHooks.test.js
rename to packages/test-utils/src/mochaHooks.test.js
diff --git a/test/utils/setup.js b/packages/test-utils/src/setup.js
similarity index 100%
rename from test/utils/setup.js
rename to packages/test-utils/src/setup.js
diff --git a/packages/test-utils/src/setupBabel.js b/packages/test-utils/src/setupBabel.js
new file mode 100644
index 00000000000000..d1280280793940
--- /dev/null
+++ b/packages/test-utils/src/setupBabel.js
@@ -0,0 +1,7 @@
+require('@babel/register')({
+  extensions: ['.js', '.ts', '.tsx'],
+  // We have to apply `babel-plugin-module-resolve` to the files in `@mui/x-tree-view`.
+  // Otherwise we can't import `@mui/material` from `@mui/x-tree-view` in `yarn test:unit`.
+  // TODO: Remove once the lab do not export the tree view
+  ignore: [/node_modules(\/|\\)(?!.*(@mui(\/|\\)x-tree-view(\/|\\)([a-zA-Z/\\])+)\.js)/],
+});
diff --git a/test/utils/setupBabelPlaywright.js b/packages/test-utils/src/setupBabelPlaywright.js
similarity index 100%
rename from test/utils/setupBabelPlaywright.js
rename to packages/test-utils/src/setupBabelPlaywright.js
diff --git a/test/utils/setupJSDOM.js b/packages/test-utils/src/setupJSDOM.js
similarity index 100%
rename from test/utils/setupJSDOM.js
rename to packages/test-utils/src/setupJSDOM.js
diff --git a/test/utils/setupKarma.js b/packages/test-utils/src/setupKarma.js
similarity index 100%
rename from test/utils/setupKarma.js
rename to packages/test-utils/src/setupKarma.js
diff --git a/test/utils/until.js b/packages/test-utils/src/until.js
similarity index 100%
rename from test/utils/until.js
rename to packages/test-utils/src/until.js
diff --git a/test/utils/until.test.js b/packages/test-utils/src/until.test.js
similarity index 100%
rename from test/utils/until.test.js
rename to packages/test-utils/src/until.test.js
diff --git a/test/utils/userEvent.ts b/packages/test-utils/src/userEvent.ts
similarity index 100%
rename from test/utils/userEvent.ts
rename to packages/test-utils/src/userEvent.ts
diff --git a/packages/test-utils/tsconfig.json b/packages/test-utils/tsconfig.json
new file mode 100644
index 00000000000000..9a0c365b532095
--- /dev/null
+++ b/packages/test-utils/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "noEmit": true,
+    "noUnusedLocals": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
+}
diff --git a/packages/typescript-to-proptypes/package.json b/packages/typescript-to-proptypes/package.json
index b4ff921990529a..0f88f71bd006bb 100644
--- a/packages/typescript-to-proptypes/package.json
+++ b/packages/typescript-to-proptypes/package.json
@@ -20,26 +20,31 @@
     "test": "cd ../../ && cross-env NODE_ENV=test mocha --config packages/typescript-to-proptypes/.mocharc.js 'packages/typescript-to-proptypes/**/*.test.ts'",
     "typescript": "tsc -p tsconfig.json"
   },
-  "devDependencies": {
-    "@types/babel__core": "^7.20.1",
-    "@types/doctrine": "^0.0.5",
-    "@types/lodash": "^4.14.196",
-    "@types/node": "^18.17.1",
-    "@types/prettier": "^2.7.3",
-    "@types/react": "^18.2.17",
-    "@types/uuid": "^9.0.2",
-    "fast-glob": "^3.3.1",
-    "prettier": "^2.8.8",
-    "rimraf": "^5.0.1"
-  },
   "dependencies": {
-    "@babel/core": "^7.22.9",
+    "@babel/core": "^7.22.20",
     "@babel/plugin-syntax-class-properties": "^7.12.13",
     "@babel/plugin-syntax-jsx": "^7.22.5",
-    "@babel/types": "^7.22.5",
+    "@babel/plugin-syntax-typescript": "^7.22.5",
+    "@babel/types": "^7.22.19",
+    "@mui-internal/api-docs-builder": "^1.0.0",
     "doctrine": "^3.0.0",
     "lodash": "^4.17.21",
-    "typescript": "^4.9.5",
+    "typescript": "^5.1.6",
     "uuid": "^9.0.0"
+  },
+  "devDependencies": {
+    "@babel/register": "^7.22.15",
+    "@types/babel__core": "^7.20.2",
+    "@types/chai": "^4.3.6",
+    "@types/doctrine": "^0.0.6",
+    "@types/lodash": "^4.14.198",
+    "@types/node": "^18.17.18",
+    "@types/prettier": "^2.7.3",
+    "@types/react": "^18.2.21",
+    "@types/uuid": "^9.0.3",
+    "chai": "^4.3.8",
+    "fast-glob": "^3.3.1",
+    "prettier": "^2.8.8",
+    "rimraf": "^5.0.1"
   }
 }
diff --git a/packages/typescript-to-proptypes/src/types/props.ts b/packages/typescript-to-proptypes/src/createType.ts
similarity index 68%
rename from packages/typescript-to-proptypes/src/types/props.ts
rename to packages/typescript-to-proptypes/src/createType.ts
index b9a9e9465dc69c..4ca05ed12f4549 100644
--- a/packages/typescript-to-proptypes/src/types/props.ts
+++ b/packages/typescript-to-proptypes/src/createType.ts
@@ -1,29 +1,21 @@
 import _ from 'lodash';
-
-export interface BasePropType {
-  jsDoc: string | undefined;
-  type: string;
-}
-
-export type PropType =
-  | AnyType
-  | ArrayType
-  | BooleanType
-  | DOMElementType
-  | ElementType
-  | FunctionType
-  | InstanceOfType
-  | InterfaceType
-  | LiteralType
-  | NumericType
-  | ObjectType
-  | StringType
-  | UndefinedType
-  | UnionType;
-
-export interface AnyType extends BasePropType {
-  type: 'any';
-}
+import {
+  PropType,
+  ArrayType,
+  LiteralType,
+  BooleanType,
+  AnyType,
+  UnionType,
+  BasePropType,
+  ElementType,
+  DOMElementType,
+  InstanceOfType,
+  InterfaceType,
+  FunctionType,
+  StringType,
+  ObjectType,
+  NumericType,
+} from './models';
 
 export function createAnyType(init: { jsDoc: string | undefined }): AnyType {
   return {
@@ -32,11 +24,6 @@ export function createAnyType(init: { jsDoc: string | undefined }): AnyType {
   };
 }
 
-export interface ArrayType extends BasePropType {
-  arrayType: PropType;
-  type: 'array';
-}
-
 export function createArrayType(init: {
   arrayType: PropType;
   jsDoc: string | undefined;
@@ -48,10 +35,6 @@ export function createArrayType(init: {
   };
 }
 
-export interface BooleanType extends BasePropType {
-  type: 'boolean';
-}
-
 export function createBooleanType(init: { jsDoc: string | undefined }): BooleanType {
   return {
     type: 'boolean',
@@ -59,11 +42,6 @@ export function createBooleanType(init: { jsDoc: string | undefined }): BooleanT
   };
 }
 
-export interface DOMElementType extends BasePropType {
-  optional?: boolean;
-  type: 'DOMElementNode';
-}
-
 export function createDOMElementType(init: {
   optional: boolean | undefined;
   jsDoc: string | undefined;
@@ -75,11 +53,6 @@ export function createDOMElementType(init: {
   };
 }
 
-export interface ElementType extends BasePropType {
-  elementType: 'element' | 'node' | 'elementType';
-  type: 'ElementNode';
-}
-
 export function createElementType(init: {
   elementType: ElementType['elementType'];
   jsDoc: string | undefined;
@@ -91,10 +64,6 @@ export function createElementType(init: {
   };
 }
 
-export interface FunctionType extends BasePropType {
-  type: 'FunctionNode';
-}
-
 export function createFunctionType(init: { jsDoc: string | undefined }): FunctionType {
   return {
     type: 'FunctionNode',
@@ -102,11 +71,6 @@ export function createFunctionType(init: { jsDoc: string | undefined }): Functio
   };
 }
 
-export interface InstanceOfType extends BasePropType {
-  instance: string;
-  type: 'InstanceOfNode';
-}
-
 export function createInstanceOfType(init: {
   jsDoc: string | undefined;
   instance: string;
@@ -118,11 +82,6 @@ export function createInstanceOfType(init: {
   };
 }
 
-export interface InterfaceType extends BasePropType {
-  type: 'InterfaceNode';
-  types: ReadonlyArray<[string, PropType]>;
-}
-
 export function createInterfaceType(init: {
   jsDoc: string | undefined;
   types: ReadonlyArray<[string, PropType]> | undefined;
@@ -134,11 +93,6 @@ export function createInterfaceType(init: {
   };
 }
 
-export interface LiteralType extends BasePropType {
-  value: unknown;
-  type: 'LiteralNode';
-}
-
 export function createLiteralType(init: {
   value: unknown;
   jsDoc: string | undefined;
@@ -150,10 +104,6 @@ export function createLiteralType(init: {
   };
 }
 
-export interface NumericType extends BasePropType {
-  type: 'NumericNode';
-}
-
 export function createNumericType(init: { jsDoc: string | undefined }): NumericType {
   return {
     type: 'NumericNode',
@@ -161,10 +111,6 @@ export function createNumericType(init: { jsDoc: string | undefined }): NumericT
   };
 }
 
-export interface ObjectType extends BasePropType {
-  type: 'ObjectNode';
-}
-
 export function createObjectType(init: { jsDoc: string | undefined }): ObjectType {
   return {
     type: 'ObjectNode',
@@ -172,10 +118,6 @@ export function createObjectType(init: { jsDoc: string | undefined }): ObjectTyp
   };
 }
 
-export interface StringType extends BasePropType {
-  type: 'StringNode';
-}
-
 export function createStringType(init: { jsDoc: string | undefined }): StringType {
   return {
     type: 'StringNode',
@@ -194,11 +136,6 @@ export function createUndefinedType(init: { jsDoc: string | undefined }): Undefi
   };
 }
 
-export interface UnionType extends BasePropType {
-  type: 'UnionNode';
-  types: readonly PropType[];
-}
-
 export function uniqueUnionTypes(node: UnionType): UnionType {
   return {
     type: node.type,
diff --git a/packages/typescript-to-proptypes/src/generator.ts b/packages/typescript-to-proptypes/src/generatePropTypes.ts
similarity index 86%
rename from packages/typescript-to-proptypes/src/generator.ts
rename to packages/typescript-to-proptypes/src/generatePropTypes.ts
index face64ba54344c..004fbb17ab1416 100644
--- a/packages/typescript-to-proptypes/src/generator.ts
+++ b/packages/typescript-to-proptypes/src/generatePropTypes.ts
@@ -1,7 +1,8 @@
 import _ from 'lodash';
-import * as t from './types';
+import { PropTypeDefinition, PropTypesComponent, PropType, LiteralType } from './models';
+import { createDOMElementType, createBooleanType, uniqueUnionTypes } from './createType';
 
-export interface GenerateOptions {
+export interface GeneratePropTypesOptions {
   /**
    * If source itself written in typescript prop-types disable prop-types validation
    * by injecting propTypes as
@@ -18,7 +19,7 @@ export interface GenerateOptions {
    * Enable/disable the default sorting (ascending) or provide your own sort function
    * @default true
    */
-  sortProptypes?: boolean | ((a: t.PropTypeDefinition, b: t.PropTypeDefinition) => 0 | -1 | 1);
+  sortProptypes?: boolean | ((a: PropTypeDefinition, b: PropTypeDefinition) => 0 | -1 | 1);
   /**
    * The name used when importing prop-types
    * @default 'PropTypes'
@@ -40,7 +41,7 @@ export interface GenerateOptions {
    * @default Uses `generated` source
    */
   reconcilePropTypes?(
-    proptype: t.PropTypeDefinition,
+    proptype: PropTypeDefinition,
     previous: string | undefined,
     generated: string,
   ): string;
@@ -48,7 +49,7 @@ export interface GenerateOptions {
    * Control which PropTypes are included in the final result
    * @param proptype The current PropType about to be converted to text
    */
-  shouldInclude?(proptype: t.PropTypeDefinition): boolean | undefined;
+  shouldInclude?(proptype: PropTypeDefinition): boolean | undefined;
   /**
    * A comment that will be added to the start of the PropTypes code block
    * @example
@@ -62,18 +63,18 @@ export interface GenerateOptions {
    * If `undefined` is returned the default `sortLiteralUnions` will be used.
    */
   getSortLiteralUnions?: (
-    component: t.Component,
-    propType: t.PropTypeDefinition,
-  ) => ((a: t.LiteralType, b: t.LiteralType) => number) | undefined;
+    component: PropTypesComponent,
+    propType: PropTypeDefinition,
+  ) => ((a: LiteralType, b: LiteralType) => number) | undefined;
   /**
    * By default literals in unions are sorted by:
    * - numbers last, ascending
    * - anything else by their stringified value using localeCompare
    */
-  sortLiteralUnions?: (a: t.LiteralType, b: t.LiteralType) => number;
+  sortLiteralUnions?: (a: LiteralType, b: LiteralType) => number;
 }
 
-function defaultSortLiteralUnions(a: t.LiteralType, b: t.LiteralType) {
+function defaultSortLiteralUnions(a: LiteralType, b: LiteralType) {
   const { value: valueA } = a;
   const { value: valueB } = b;
   // numbers ascending
@@ -96,7 +97,10 @@ function defaultSortLiteralUnions(a: t.LiteralType, b: t.LiteralType) {
  * @param component The component to convert to code
  * @param options The options used to control the way the code gets generated
  */
-export function generate(component: t.Component, options: GenerateOptions = {}): string {
+export function generatePropTypes(
+  component: PropTypesComponent,
+  options: GeneratePropTypesOptions = {},
+): string {
   const {
     disablePropTypesTypeChecking = false,
     ensureBabelPluginTransformReactRemovePropTypesIntegration = false,
@@ -104,13 +108,13 @@ export function generate(component: t.Component, options: GenerateOptions = {}):
     includeJSDoc = true,
     sortProptypes = true,
     previousPropTypesSource = new Map<string, string>(),
-    reconcilePropTypes = (_prop: t.PropTypeDefinition, _previous: string, generated: string) =>
+    reconcilePropTypes = (_prop: PropTypeDefinition, _previous: string, generated: string) =>
       generated,
     shouldInclude,
     getSortLiteralUnions = () => defaultSortLiteralUnions,
   } = options;
 
-  function jsDoc(documentedNode: t.PropTypeDefinition | t.LiteralType): string {
+  function jsDoc(documentedNode: PropTypeDefinition | LiteralType): string {
     if (!includeJSDoc || !documentedNode.jsDoc) {
       return '';
     }
@@ -120,8 +124,8 @@ export function generate(component: t.Component, options: GenerateOptions = {}):
   }
 
   function generatePropType(
-    propType: t.PropType,
-    context: { component: t.Component; propTypeDefinition: t.PropTypeDefinition },
+    propType: PropType,
+    context: { component: PropTypesComponent; propTypeDefinition: PropTypeDefinition },
   ): string {
     if (propType.type === 'InterfaceNode') {
       return `${importedName}.shape({\n${propType.types
@@ -204,7 +208,7 @@ export function generate(component: t.Component, options: GenerateOptions = {}):
     }
 
     if (propType.type === 'UnionNode') {
-      const uniqueTypes = t.uniqueUnionTypes(propType).types;
+      const uniqueTypes = uniqueUnionTypes(propType).types;
       const isOptional = uniqueTypes.some(
         (type) =>
           type.type === 'UndefinedNode' || (type.type === 'LiteralNode' && type.value === 'null'),
@@ -217,14 +221,14 @@ export function generate(component: t.Component, options: GenerateOptions = {}):
 
       if (uniqueTypes.length === 2 && uniqueTypes.some((type) => type.type === 'DOMElementNode')) {
         return generatePropType(
-          t.createDOMElementType({ jsDoc: undefined, optional: isOptional }),
+          createDOMElementType({ jsDoc: undefined, optional: isOptional }),
           context,
         );
       }
 
       let [literals, rest] = _.partition(
         isOptional ? nonNullishUniqueTypes : uniqueTypes,
-        (type): type is t.LiteralType => type.type === 'LiteralNode',
+        (type): type is LiteralType => type.type === 'LiteralNode',
       );
 
       const sortLiteralUnions =
@@ -232,7 +236,7 @@ export function generate(component: t.Component, options: GenerateOptions = {}):
         defaultSortLiteralUnions;
       literals = literals.sort(sortLiteralUnions);
 
-      const nodeToStringName = (type: t.PropType): string => {
+      const nodeToStringName = (type: PropType): string => {
         if (type.type === 'InstanceOfNode') {
           return `${type.type}.${type.instance}`;
         }
@@ -248,7 +252,7 @@ export function generate(component: t.Component, options: GenerateOptions = {}):
       rest = rest.sort((a, b) => nodeToStringName(a).localeCompare(nodeToStringName(b)));
 
       if (literals.find((x) => x.value === 'true') && literals.find((x) => x.value === 'false')) {
-        rest.push(t.createBooleanType({ jsDoc: undefined }));
+        rest.push(createBooleanType({ jsDoc: undefined }));
         literals = literals.filter((x) => x.value !== 'true' && x.value !== 'false');
       }
 
@@ -278,8 +282,8 @@ export function generate(component: t.Component, options: GenerateOptions = {}):
   }
 
   function generatePropTypeDefinition(
-    propTypeDefinition: t.PropTypeDefinition,
-    context: { component: t.Component },
+    propTypeDefinition: PropTypeDefinition,
+    context: { component: PropTypesComponent },
   ): string {
     let isRequired: boolean | undefined = true;
 
diff --git a/packages/typescript-to-proptypes/src/getPropTypesFromFile.ts b/packages/typescript-to-proptypes/src/getPropTypesFromFile.ts
new file mode 100644
index 00000000000000..0da13bc41aaac8
--- /dev/null
+++ b/packages/typescript-to-proptypes/src/getPropTypesFromFile.ts
@@ -0,0 +1,565 @@
+import ts from 'typescript';
+import * as doctrine from 'doctrine';
+import {
+  GetPropsFromComponentDeclarationOptions,
+  getPropsFromComponentNode,
+} from '@mui-internal/api-docs-builder/utils/getPropsFromComponentNode';
+import { TypeScriptProject } from '@mui-internal/api-docs-builder/utils/createTypeScriptProject';
+import {
+  createUnionType,
+  createUndefinedType,
+  createAnyType,
+  createElementType,
+  createDOMElementType,
+  createArrayType,
+  createFunctionType,
+  createInstanceOfType,
+  createLiteralType,
+  createInterfaceType,
+  createNumericType,
+  createObjectType,
+  createStringType,
+} from './createType';
+import { PropTypeDefinition, PropTypesComponent, PropType } from './models';
+
+function getSymbolFileNames(symbol: ts.Symbol): Set<string> {
+  const declarations = symbol.getDeclarations() || [];
+
+  return new Set(declarations.map((declaration) => declaration.getSourceFile().fileName));
+}
+
+function getSymbolDocumentation({
+  symbol,
+  project,
+}: {
+  symbol: ts.Symbol | undefined;
+  project: TypeScriptProject;
+}): string | undefined {
+  if (symbol === undefined) {
+    return undefined;
+  }
+
+  const decl = symbol.getDeclarations();
+  if (decl) {
+    // @ts-ignore
+    const comments = ts.getJSDocCommentsAndTags(decl[0]) as readonly any[];
+    if (comments && comments.length === 1) {
+      const commentNode = comments[0];
+      if (ts.isJSDoc(commentNode)) {
+        return doctrine.unwrapComment(commentNode.getText()).trim();
+      }
+    }
+  }
+
+  const comment = ts.displayPartsToString(symbol.getDocumentationComment(project.checker));
+  return comment !== '' ? comment : undefined;
+}
+
+function checkType({
+  type,
+  location,
+  typeStack,
+  name,
+  project,
+}: {
+  type: ts.Type;
+  location: ts.Node;
+  typeStack: readonly number[];
+  name: string;
+  project: PropTypesProject;
+}): PropType {
+  // If the typeStack contains type.id we're dealing with an object that references itself.
+  // To prevent getting stuck in an infinite loop we just set it to an createObjectType
+  if (typeStack.includes((type as any).id)) {
+    return createObjectType({ jsDoc: undefined });
+  }
+
+  const typeNode = type as any;
+  const symbol = typeNode.aliasSymbol ? typeNode.aliasSymbol : typeNode.symbol;
+  const jsDoc = getSymbolDocumentation({ symbol, project });
+
+  {
+    const typeName = symbol ? project.checker.getFullyQualifiedName(symbol) : null;
+
+    switch (typeName) {
+      // Remove once global JSX namespace is no longer used by React
+      case 'global.JSX.Element':
+      case 'React.JSX.Element':
+      case 'React.ReactElement': {
+        return createElementType({ jsDoc, elementType: 'element' });
+      }
+      case 'React.ElementType': {
+        return createElementType({
+          jsDoc,
+          elementType: 'elementType',
+        });
+      }
+      case 'React.ReactNode': {
+        return createUnionType({
+          jsDoc,
+          types: [
+            createElementType({ elementType: 'node', jsDoc: undefined }),
+            createUndefinedType({ jsDoc: undefined }),
+          ],
+        });
+      }
+      case 'React.Component': {
+        return createInstanceOfType({ jsDoc, instance: typeName });
+      }
+      case 'Element':
+      case 'HTMLElement': {
+        return createDOMElementType({ jsDoc, optional: undefined });
+      }
+      case 'RegExp': {
+        return createInstanceOfType({ jsDoc, instance: 'RegExp' });
+      }
+      case 'Date': {
+        return createInstanceOfType({ jsDoc, instance: 'Date' });
+      }
+      default:
+        // continue with function execution
+        break;
+    }
+  }
+
+  if (project.checker.isArrayType(type)) {
+    // @ts-ignore
+    const arrayType: ts.Type = project.checker.getElementTypeOfArrayType(type);
+    return createArrayType({
+      arrayType: checkType({ type: arrayType, location, typeStack, name, project }),
+      jsDoc,
+    });
+  }
+
+  const isTupleType = project.checker.isTupleType(type);
+  if (isTupleType) {
+    return createArrayType({
+      arrayType: createUnionType({
+        jsDoc: undefined,
+        types: (type as any).typeArguments.map((x: ts.Type) =>
+          checkType({ type: x, location, typeStack, name, project }),
+        ),
+      }),
+      jsDoc,
+    });
+  }
+
+  if (type.isUnion()) {
+    const node = createUnionType({
+      jsDoc,
+      types: type.types.map((x) => checkType({ type: x, location, typeStack, name, project })),
+    });
+
+    return node.types.length === 1 ? node.types[0] : node;
+  }
+
+  if (type.flags & ts.TypeFlags.TypeParameter) {
+    const baseConstraintOfType = project.checker.getBaseConstraintOfType(type);
+
+    if (baseConstraintOfType) {
+      if (
+        baseConstraintOfType.flags & ts.TypeFlags.Object &&
+        baseConstraintOfType.symbol.members?.size === 0
+      ) {
+        return createAnyType({ jsDoc });
+      }
+
+      return checkType({ type: baseConstraintOfType!, location, typeStack, name, project });
+    }
+  }
+
+  if (type.flags & ts.TypeFlags.String) {
+    return createStringType({ jsDoc });
+  }
+
+  if (type.flags & ts.TypeFlags.Number) {
+    return createNumericType({ jsDoc });
+  }
+
+  if (type.flags & ts.TypeFlags.Undefined) {
+    return createUndefinedType({ jsDoc });
+  }
+
+  if (type.flags & ts.TypeFlags.Any || type.flags & ts.TypeFlags.Unknown) {
+    return createAnyType({ jsDoc });
+  }
+
+  if (type.flags & ts.TypeFlags.Literal) {
+    if (type.isLiteral()) {
+      return createLiteralType({
+        value: type.isStringLiteral() ? `"${type.value}"` : type.value,
+        jsDoc,
+      });
+    }
+    return createLiteralType({
+      jsDoc,
+      value: project.checker.typeToString(type),
+    });
+  }
+
+  if (type.flags & ts.TypeFlags.Null) {
+    return createLiteralType({ jsDoc, value: 'null' });
+  }
+
+  if (type.getCallSignatures().length) {
+    return createFunctionType({ jsDoc });
+  }
+
+  // () => new ClassInstance
+  if (type.getConstructSignatures().length) {
+    return createFunctionType({ jsDoc });
+  }
+
+  // Object-like type
+  {
+    const properties = type.getProperties();
+    if (properties.length) {
+      if (
+        project.shouldResolveObject({
+          name,
+          propertyCount: properties.length,
+          depth: typeStack.length,
+        })
+      ) {
+        const filtered = properties.filter((x) =>
+          project.shouldInclude({ name: x.getName(), depth: typeStack.length + 1 }),
+        );
+        if (filtered.length > 0) {
+          return createInterfaceType({
+            jsDoc,
+            types: filtered.map((x) => {
+              // eslint-disable-next-line @typescript-eslint/no-use-before-define -- TODO dependency cycle between checkSymbol and checkType
+              const definition = checkSymbol({
+                symbol: x,
+                location,
+                project,
+                typeStack: [...typeStack, (type as any).id],
+              });
+              definition.propType.jsDoc = definition.jsDoc;
+
+              return [definition.name, definition.propType];
+            }),
+          });
+        }
+      }
+
+      return createObjectType({ jsDoc });
+    }
+  }
+
+  // Object without properties or object keyword
+  if (
+    type.flags & ts.TypeFlags.Object ||
+    (type.flags & ts.TypeFlags.NonPrimitive && project.checker.typeToString(type) === 'object')
+  ) {
+    return createObjectType({ jsDoc });
+  }
+
+  console.warn(
+    `${project.reactComponentName}: Unable to handle node of type "ts.TypeFlags.${
+      ts.TypeFlags[type.flags]
+    }", using any`,
+  );
+  return createAnyType({ jsDoc });
+}
+
+function checkSymbol({
+  project,
+  symbol,
+  location,
+  typeStack,
+}: {
+  project: PropTypesProject;
+  symbol: ts.Symbol;
+  location: ts.Node;
+  typeStack: readonly number[];
+}): PropTypeDefinition {
+  const declarations = symbol.getDeclarations();
+  const declaration = declarations && declarations[0];
+  const symbolFilenames = getSymbolFileNames(symbol);
+  const jsDoc = getSymbolDocumentation({ symbol, project });
+
+  // TypeChecker keeps the name for
+  // { a: React.ElementType, b: React.ReactElement | boolean }
+  // but not
+  // { a?: React.ElementType, b: React.ReactElement }
+  // get around this by not using the TypeChecker
+  if (
+    declaration &&
+    ts.isPropertySignature(declaration) &&
+    declaration.type &&
+    ts.isTypeReferenceNode(declaration.type)
+  ) {
+    const name = declaration.type.typeName.getText();
+    if (
+      name === 'React.ElementType' ||
+      name === 'React.JSXElementConstructor' ||
+      name === 'React.ReactElement'
+    ) {
+      const elementNode = createElementType({
+        elementType: name === 'React.ReactElement' ? 'element' : 'elementType',
+        jsDoc,
+      });
+
+      return {
+        $$id: project.createPropTypeId(symbol),
+        name: symbol.getName(),
+        jsDoc,
+        filenames: symbolFilenames,
+        propType: declaration.questionToken
+          ? createUnionType({
+              jsDoc: elementNode.jsDoc,
+              types: [
+                createUndefinedType({ jsDoc: undefined }),
+                {
+                  ...elementNode,
+                  // jsDoc was hoisted to the union type
+                  jsDoc: undefined,
+                },
+              ],
+            })
+          : elementNode,
+      };
+    }
+  }
+
+  const symbolType = declaration
+    ? // The proptypes aren't detailed enough that we need all the different combinations
+      // so we just pick the first and ignore the rest
+      project.checker.getTypeOfSymbolAtLocation(symbol, declaration)
+    : project.checker.getTypeOfSymbolAtLocation(symbol, location);
+
+  let type: ts.Type;
+  if (declaration === undefined) {
+    type = symbolType;
+  } else {
+    const declaredType = project.checker.getTypeAtLocation(declaration);
+    const baseConstraintOfType = project.checker.getBaseConstraintOfType(declaredType);
+
+    if (baseConstraintOfType === undefined || baseConstraintOfType === declaredType) {
+      type = symbolType;
+    }
+    // get `React.ElementType` from `C extends React.ElementType`
+    else if (baseConstraintOfType.aliasSymbol?.escapedName === 'ElementType') {
+      type = baseConstraintOfType;
+    } else {
+      type = symbolType;
+    }
+  }
+
+  if (!type) {
+    throw new Error('No types found');
+  }
+
+  // Typechecker only gives the type "any" if it's present in a union
+  // This means the type of "a" in {a?:any} isn't "any | undefined"
+  // So instead we check for the questionmark to detect optional types
+  let parsedType: PropType | undefined;
+  if (
+    (type.flags & ts.TypeFlags.Any || type.flags & ts.TypeFlags.Unknown) &&
+    declaration &&
+    ts.isPropertySignature(declaration)
+  ) {
+    parsedType =
+      symbol.flags & ts.SymbolFlags.Optional
+        ? createUnionType({
+            jsDoc,
+            types: [createUndefinedType({ jsDoc: undefined }), createAnyType({ jsDoc: undefined })],
+          })
+        : createAnyType({ jsDoc });
+  } else {
+    parsedType = checkType({ type, location, typeStack, name: symbol.getName(), project });
+  }
+
+  return {
+    $$id: project.createPropTypeId(type),
+    name: symbol.getName(),
+    jsDoc,
+    propType: parsedType,
+    filenames: symbolFilenames,
+  };
+}
+
+/**
+ * Squashes props from:
+ * { variant: 'a', href: string } & { variant: 'b' }
+ * Into:
+ * { variant: 'a' | 'b', href?: string }
+ */
+function squashPropTypeDefinitions({
+  propTypeDefinitions,
+  onlyUsedInSomeSignatures,
+}: {
+  propTypeDefinitions: PropTypeDefinition[];
+  onlyUsedInSomeSignatures: boolean;
+}): PropTypeDefinition {
+  const distinctDefinitions = new Map<number, PropTypeDefinition>();
+  propTypeDefinitions.forEach((definition) => {
+    if (!distinctDefinitions.has(definition.$$id)) {
+      distinctDefinitions.set(definition.$$id, definition);
+    }
+  });
+
+  if (distinctDefinitions.size === 1 && !onlyUsedInSomeSignatures) {
+    return propTypeDefinitions[0];
+  }
+
+  const definitions = Array.from(distinctDefinitions.values());
+  const types = definitions.map((definition) => definition.propType);
+  if (onlyUsedInSomeSignatures) {
+    types.push(createUndefinedType({ jsDoc: undefined }));
+  }
+
+  return {
+    name: definitions[0].name,
+    jsDoc: definitions[0].jsDoc,
+    propType: createUnionType({
+      // TODO: jsDoc from squashing is dropped
+      jsDoc: undefined,
+      types,
+    }),
+    filenames: new Set(definitions.flatMap((definition) => Array.from(definition.filenames))),
+    $$id: definitions[0].$$id,
+  };
+}
+
+function generatePropTypesFromNode(
+  params: Omit<GetPropsFromComponentDeclarationOptions, 'project'> & { project: PropTypesProject },
+): PropTypesComponent | null {
+  const parsedComponent = getPropsFromComponentNode(params);
+  if (parsedComponent == null) {
+    return null;
+  }
+
+  const propsFilename =
+    parsedComponent.sourceFile !== undefined ? parsedComponent.sourceFile.fileName : undefined;
+
+  const types = Object.values(parsedComponent.props).map((prop) => {
+    const propTypeDefinitions = prop.signatures.map(({ symbol, componentType }) =>
+      checkSymbol({
+        symbol,
+        project: params.project,
+        location: parsedComponent.location,
+        typeStack: [(componentType as any).id],
+      }),
+    );
+
+    return squashPropTypeDefinitions({
+      propTypeDefinitions,
+      onlyUsedInSomeSignatures: prop.onlyUsedInSomeSignatures,
+    });
+  });
+
+  return {
+    name: parsedComponent.name,
+    types,
+    propsFilename,
+  };
+}
+
+export function getPropTypesFromFile({
+  filePath,
+  project,
+  shouldInclude: inShouldInclude,
+  shouldResolveObject: inShouldResolveObject,
+  checkDeclarations,
+}: GetPropTypesFromFileOptions) {
+  const sourceFile = project.program.getSourceFile(filePath);
+  const reactComponentName = filePath.match(/.*\/([^/]+)/)?.[1];
+  const components: PropTypesComponent[] = [];
+  const sigilIds: Map<ts.Symbol | ts.Type, number> = new Map();
+  /**
+   *
+   * @param sigil - Prefer ts.Type if available since these are re-used in the type checker. Symbols (especially those for literals) are oftentimes re-created on every usage.
+   */
+  function createPropTypeId(sigil: ts.Symbol | ts.Type) {
+    if (!sigilIds.has(sigil)) {
+      sigilIds.set(sigil, sigilIds.size);
+    }
+
+    return sigilIds.get(sigil)!;
+  }
+
+  const shouldResolveObject: PropTypesProject['shouldResolveObject'] = (data) => {
+    if (inShouldResolveObject) {
+      const result = inShouldResolveObject(data);
+      if (result !== undefined) {
+        return result;
+      }
+    }
+
+    return data.propertyCount <= 50 && data.depth <= 3;
+  };
+
+  const shouldInclude: PropTypesProject['shouldInclude'] = (data): boolean => {
+    // ref is a reserved prop name in React
+    // e.g. https://github.com/reactjs/rfcs/pull/107
+    // no need to add a prop-type
+    if (data.name === 'ref') {
+      return false;
+    }
+
+    if (inShouldInclude) {
+      const result = inShouldInclude(data);
+      if (result !== undefined) {
+        return result;
+      }
+    }
+
+    return true;
+  };
+
+  const propTypesProject: PropTypesProject = {
+    ...project,
+    reactComponentName,
+    shouldResolveObject,
+    shouldInclude,
+    createPropTypeId,
+  };
+
+  if (sourceFile) {
+    ts.forEachChild(sourceFile, (node) => {
+      const component = generatePropTypesFromNode({
+        project: propTypesProject,
+        node,
+        shouldInclude,
+        checkDeclarations,
+      });
+      if (component != null) {
+        components.push(component);
+      }
+    });
+  } else {
+    throw new Error(`Program doesn't contain file "${filePath}"`);
+  }
+
+  return components;
+}
+
+export interface GetPropTypesFromFileOptions
+  extends Pick<
+    GetPropsFromComponentDeclarationOptions,
+    'shouldInclude' | 'project' | 'checkDeclarations'
+  > {
+  filePath: string;
+  /**
+   * Called before the shape of an object is resolved
+   * @returns true to resolve the shape of the object, false to just use a object, or undefined to
+   * use the default behavior
+   * @default propertyCount <= 50 && depth <= 3
+   */
+  shouldResolveObject?: (data: {
+    name: string;
+    propertyCount: number;
+    depth: number;
+  }) => boolean | undefined;
+}
+
+interface PropTypesProject extends TypeScriptProject {
+  reactComponentName: string | undefined;
+  shouldResolveObject: NonNullable<GetPropTypesFromFileOptions['shouldResolveObject']>;
+  shouldInclude: NonNullable<GetPropTypesFromFileOptions['shouldInclude']>;
+  createPropTypeId: (sigil: ts.Symbol | ts.Type) => number;
+}
+
+// project.checker.getTypeAtLocation(property.declarations?.[0]!)
diff --git a/packages/typescript-to-proptypes/src/index.ts b/packages/typescript-to-proptypes/src/index.ts
index 3b197871be418a..0431fe53ca7658 100644
--- a/packages/typescript-to-proptypes/src/index.ts
+++ b/packages/typescript-to-proptypes/src/index.ts
@@ -1,8 +1,6 @@
-import * as ts from 'typescript';
-
-export { default as loadConfig } from './loadConfig';
-export * from './generator';
-export * from './parser';
-export * from './injector';
-export * from './types';
-export { ts };
+export { getPropTypesFromFile } from './getPropTypesFromFile';
+export type { GetPropTypesFromFileOptions } from './getPropTypesFromFile';
+export { injectPropTypesInFile } from './injectPropTypesInFile';
+export type { InjectPropTypesInFileOptions } from './injectPropTypesInFile';
+export { generatePropTypes } from './generatePropTypes';
+export type { GeneratePropTypesOptions } from './generatePropTypes';
diff --git a/packages/typescript-to-proptypes/src/injector.ts b/packages/typescript-to-proptypes/src/injectPropTypesInFile.ts
similarity index 85%
rename from packages/typescript-to-proptypes/src/injector.ts
rename to packages/typescript-to-proptypes/src/injectPropTypesInFile.ts
index f4f29ba9b3bf67..33be76a163c5ad 100644
--- a/packages/typescript-to-proptypes/src/injector.ts
+++ b/packages/typescript-to-proptypes/src/injectPropTypesInFile.ts
@@ -1,12 +1,12 @@
 import * as babel from '@babel/core';
 import * as babelTypes from '@babel/types';
 import { v4 as uuid } from 'uuid';
-import * as t from './types';
-import { generate, GenerateOptions } from './generator';
+import { generatePropTypes, GeneratePropTypesOptions } from './generatePropTypes';
+import { PropTypesComponent, PropTypeDefinition, LiteralType } from './models';
 
-export interface InjectOptions
+export interface InjectPropTypesInFileOptions
   extends Pick<
-    GenerateOptions,
+    GeneratePropTypesOptions,
     | 'sortProptypes'
     | 'includeJSDoc'
     | 'comment'
@@ -15,7 +15,7 @@ export interface InjectOptions
     | 'ensureBabelPluginTransformReactRemovePropTypesIntegration'
   > {
   /**
-   * By default all unused props are omitted from the result.
+   * By default, all unused props are omitted from the result.
    * Set this to true to include them instead.
    */
   includeUnusedProps?: boolean;
@@ -26,14 +26,14 @@ export interface InjectOptions
    * @default includeUnusedProps ? true : data.usedProps.includes(data.prop.name)
    */
   shouldInclude?(data: {
-    component: t.Component;
-    prop: t.PropTypeDefinition;
+    component: PropTypesComponent;
+    prop: PropTypeDefinition;
     usedProps: readonly string[];
   }): boolean | undefined;
   /**
    * You can override the order of literals in unions based on the proptype.
    *
-   * By default literals in unions are sorted by:
+   * By default, literals in unions are sorted by:
    * - numbers last, ascending
    * - anything else by their stringified value using localeCompare
    * Note: The order of the literals as they "appear" in the typings cannot be preserved.
@@ -41,9 +41,9 @@ export interface InjectOptions
    * By always returning 0 from the sort function you keep the order the type checker dictates.
    */
   getSortLiteralUnions?: (
-    component: t.Component,
-    propType: t.PropTypeDefinition,
-  ) => ((a: t.LiteralType, b: t.LiteralType) => number) | undefined;
+    component: PropTypesComponent,
+    propType: PropTypeDefinition,
+  ) => ((a: LiteralType, b: LiteralType) => number) | undefined;
   /**
    * Options passed to babel.transformSync
    */
@@ -132,21 +132,27 @@ function flattenTsAsExpression(node: babel.types.Node | null | undefined) {
   return node;
 }
 
-function plugin(
-  propTypes: t.Program,
-  options: InjectOptions,
-  mapOfPropTypes: Map<string, string>,
-): babel.PluginObj {
+function createBabelPlugin({
+  components,
+  options,
+  mapOfPropTypes,
+}: {
+  components: PropTypesComponent[];
+  options: InjectPropTypesInFileOptions;
+  mapOfPropTypes: Map<string, string>;
+}): babel.PluginObj {
   const {
     includeUnusedProps = false,
     reconcilePropTypes = (
-      _prop: t.PropTypeDefinition,
+      _prop: PropTypeDefinition,
       _previous: string | undefined,
       generated: string,
     ) => generated,
     ...otherOptions
   } = options;
-  const shouldInclude: Exclude<InjectOptions['shouldInclude'], undefined> = (data) => {
+  const shouldInclude: Exclude<InjectPropTypesInFileOptions['shouldInclude'], undefined> = (
+    data,
+  ) => {
     // key is a reserved prop name in React
     // e.g. https://github.com/reactjs/rfcs/pull/107
     // no need to add a prop-type if we won't generate the docs for it.
@@ -173,12 +179,12 @@ function plugin(
   function injectPropTypes(injectOptions: {
     path: babel.NodePath;
     usedProps: readonly string[];
-    props: t.Component;
+    props: PropTypesComponent;
     nodeName: string;
   }) {
     const { path, props, usedProps, nodeName } = injectOptions;
 
-    const source = generate(props, {
+    const source = generatePropTypes(props, {
       ...otherOptions,
       importedName: importName,
       previousPropTypesSource,
@@ -319,7 +325,7 @@ function plugin(
         if (!node.id) {
           return;
         }
-        const props = propTypes.body.find((prop) => prop.name === node.id!.name);
+        const props = components.find((component) => component.name === node.id!.name);
         if (!props) {
           return;
         }
@@ -353,7 +359,7 @@ function plugin(
         }
         const nodeName = node.id.name;
 
-        const props = propTypes.body.find((prop) => prop.name === nodeName);
+        const props = components.find((component) => component.name === nodeName);
         if (!props) {
           return;
         }
@@ -382,13 +388,22 @@ function plugin(
         ) {
           getFromProp(nodeInit.params[0]);
         } else if (babelTypes.isCallExpression(nodeInit)) {
-          // x = react.memo(props => <div/>)
-          const arg = nodeInit.arguments[0];
-          if (babelTypes.isArrowFunctionExpression(arg) || babelTypes.isFunctionExpression(arg)) {
-            getFromProp(arg.params[0]);
-          } else if ((nodeInit.callee as babel.types.Identifier)?.name?.match(/create[A-Z].*/)) {
-            // Any components that are created by a factory function, eg. System Box | Container | Grid.
+          if ((nodeInit.callee as babel.types.Identifier)?.name?.match(/create[A-Z].*/)) {
+            // Any components that are created by a factory function, e.g. System Box | Container | Grid.
             getFromProp(node);
+          } else {
+            // x = react.memo(props => <div/>) / react.forwardRef(props => <div />)
+            let resolvedNode: babel.Node = nodeInit;
+            while (babelTypes.isCallExpression(resolvedNode)) {
+              resolvedNode = resolvedNode.arguments[0];
+            }
+
+            if (
+              babelTypes.isArrowFunctionExpression(resolvedNode) ||
+              babelTypes.isFunctionExpression(resolvedNode)
+            ) {
+              getFromProp(resolvedNode.params[0]);
+            }
           }
         }
       },
@@ -406,7 +421,7 @@ function plugin(
         }
         const nodeName = node.id.name;
 
-        const props = propTypes.body.find((prop) => prop.name === nodeName);
+        const props = components.find((component) => component.name === nodeName);
         if (!props) {
           return;
         }
@@ -428,20 +443,24 @@ function plugin(
 
 /**
  * Injects the PropTypes from `parse` into the provided JavaScript code
- * @param propTypes Result from `parse` to inject into the JavaScript code
+ * @param components Result from `generateFilePropTypes` to inject into the JavaScript code
  * @param target The JavaScript code to add the PropTypes to
  * @param options Options controlling the final result
  */
-export function inject(
-  propTypes: t.Program,
-  target: string,
-  options: InjectOptions = {},
-): string | null {
-  if (propTypes.body.length === 0) {
+export function injectPropTypesInFile({
+  components,
+  target,
+  options = {},
+}: {
+  components: PropTypesComponent[];
+  target: string;
+  options?: InjectPropTypesInFileOptions;
+}): string | null {
+  if (components.length === 0) {
     return target;
   }
 
-  const propTypesToInject = new Map<string, string>();
+  const mapOfPropTypes = new Map<string, string>();
 
   const { plugins: babelPlugins = [], ...babelOptions } = options.babelOptions || {};
   const result = babel.transformSync(target, {
@@ -449,7 +468,7 @@ export function inject(
       require.resolve('@babel/plugin-syntax-class-properties'),
       require.resolve('@babel/plugin-syntax-jsx'),
       [require.resolve('@babel/plugin-syntax-typescript'), { isTSX: true }],
-      plugin(propTypes, options, propTypesToInject),
+      createBabelPlugin({ components, options, mapOfPropTypes }),
       ...(babelPlugins || []),
     ],
     configFile: false,
@@ -458,14 +477,14 @@ export function inject(
     ...babelOptions,
   });
 
-  let code = result && result.code;
+  let code = result?.code;
   if (!code) {
     return null;
   }
 
   // Replace the placeholders with the generated prop-types
   // Workaround for issues with comments getting removed and malformed
-  propTypesToInject.forEach((value, key) => {
+  mapOfPropTypes.forEach((value, key) => {
     code = code!.replace(key, `\n\n${value}\n\n`);
   });
 
diff --git a/packages/typescript-to-proptypes/src/loadConfig.ts b/packages/typescript-to-proptypes/src/loadConfig.ts
deleted file mode 100644
index c034028519ac9e..00000000000000
--- a/packages/typescript-to-proptypes/src/loadConfig.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import * as ts from 'typescript';
-
-/**
- * Loads and parses a `tsconfig` file and returns a `ts.CompilerOptions` object
- * @param tsConfigPath The location for a `tsconfig.json` file
- */
-export default function loadConfig(tsConfigPath: string) {
-  const { config, error } = ts.readConfigFile(tsConfigPath, (filePath) =>
-    fs.readFileSync(filePath).toString(),
-  );
-
-  if (error) {
-    throw error;
-  }
-
-  const { options, errors } = ts.parseJsonConfigFileContent(
-    config,
-    ts.sys,
-    path.dirname(tsConfigPath),
-  );
-
-  if (errors.length > 0) {
-    throw errors[0];
-  }
-
-  return options;
-}
diff --git a/packages/typescript-to-proptypes/src/models.ts b/packages/typescript-to-proptypes/src/models.ts
new file mode 100644
index 00000000000000..626461883336f1
--- /dev/null
+++ b/packages/typescript-to-proptypes/src/models.ts
@@ -0,0 +1,100 @@
+export interface PropTypeDefinition {
+  name: string;
+  jsDoc: string | undefined;
+  propType: PropType;
+  filenames: Set<string>;
+  /**
+   * @internal
+   */
+  $$id: number;
+}
+
+export interface PropTypesComponent {
+  name: string;
+  propsFilename?: string;
+  types: PropTypeDefinition[];
+}
+
+export type PropType =
+  | AnyType
+  | ArrayType
+  | BooleanType
+  | DOMElementType
+  | ElementType
+  | FunctionType
+  | InstanceOfType
+  | InterfaceType
+  | LiteralType
+  | NumericType
+  | ObjectType
+  | StringType
+  | UndefinedType
+  | UnionType;
+
+export interface BasePropType {
+  jsDoc: string | undefined;
+  type: string;
+}
+
+export interface UndefinedType extends BasePropType {
+  type: 'UndefinedNode';
+}
+
+export interface AnyType extends BasePropType {
+  type: 'any';
+}
+
+export interface ArrayType extends BasePropType {
+  arrayType: PropType;
+  type: 'array';
+}
+
+export interface BooleanType extends BasePropType {
+  type: 'boolean';
+}
+
+export interface DOMElementType extends BasePropType {
+  optional?: boolean;
+  type: 'DOMElementNode';
+}
+
+export interface ElementType extends BasePropType {
+  elementType: 'element' | 'node' | 'elementType';
+  type: 'ElementNode';
+}
+
+export interface FunctionType extends BasePropType {
+  type: 'FunctionNode';
+}
+
+export interface InstanceOfType extends BasePropType {
+  instance: string;
+  type: 'InstanceOfNode';
+}
+
+export interface InterfaceType extends BasePropType {
+  type: 'InterfaceNode';
+  types: ReadonlyArray<[string, PropType]>;
+}
+
+export interface LiteralType extends BasePropType {
+  value: unknown;
+  type: 'LiteralNode';
+}
+
+export interface NumericType extends BasePropType {
+  type: 'NumericNode';
+}
+
+export interface ObjectType extends BasePropType {
+  type: 'ObjectNode';
+}
+
+export interface StringType extends BasePropType {
+  type: 'StringNode';
+}
+
+export interface UnionType extends BasePropType {
+  type: 'UnionNode';
+  types: readonly PropType[];
+}
diff --git a/packages/typescript-to-proptypes/src/parser.ts b/packages/typescript-to-proptypes/src/parser.ts
deleted file mode 100644
index ae271bc5770589..00000000000000
--- a/packages/typescript-to-proptypes/src/parser.ts
+++ /dev/null
@@ -1,757 +0,0 @@
-import * as doctrine from 'doctrine';
-import * as ts from 'typescript';
-import * as t from './types';
-
-/**
- * Options that specify how the parser should act
- */
-export interface ParserOptions {
-  /**
-   * Called before a PropType is added to a component/object
-   * @returns true to include the PropType, false to skip it, or undefined to
-   * use the default behavior
-   * @default name !== 'ref'
-   */
-  shouldInclude: (data: { name: string; depth: number }) => boolean | undefined;
-  /**
-   * Called before the shape of an object is resolved
-   * @returns true to resolve the shape of the object, false to just use a object, or undefined to
-   * use the default behavior
-   * @default propertyCount <= 50 && depth <= 3
-   */
-  shouldResolveObject: (data: {
-    name: string;
-    propertyCount: number;
-    depth: number;
-  }) => boolean | undefined;
-  /**
-   * Control if const declarations should be checked
-   * @default false
-   * @example declare const Component: React.JSXElementConstructor<Props>;
-   */
-  checkDeclarations?: boolean;
-}
-
-/**
- * A wrapper for `ts.createProgram`
- * @param files The files to later be parsed with `parseFromProgram`
- * @param options The options to pass to the compiler
- */
-export function createTSProgram(files: readonly string[], options: ts.CompilerOptions) {
-  return ts.createProgram(files, options);
-}
-
-/**
- * Parses the specified file and returns the PropTypes as an AST
- * @param filePath The file to get the PropTypes from
- * @param program The program object returned by `createProgram`
- * @param parserOptions Options that specify how the parser should act
- */
-export function parseFromProgram(
-  filePath: string,
-  program: ts.Program,
-  parserOptions: Partial<ParserOptions> = {},
-) {
-  const { checkDeclarations = false } = parserOptions;
-
-  const sigilIds: Map<ts.Symbol | ts.Type, number> = new Map();
-  /**
-   *
-   * @param sigil - Prefer ts.Type if available since these are re-used in the type checker. Symbols (especially those for literals) are oftentimes re-created on every usage.
-   */
-  function createPropTypeId(sigil: ts.Symbol | ts.Type) {
-    if (!sigilIds.has(sigil)) {
-      sigilIds.set(sigil, sigilIds.size);
-    }
-
-    return sigilIds.get(sigil)!;
-  }
-
-  const shouldInclude: ParserOptions['shouldInclude'] = (data) => {
-    // ref is a reserved prop name in React
-    // e.g. https://github.com/reactjs/rfcs/pull/107
-    // no need to add a prop-type
-    if (data.name === 'ref') {
-      return false;
-    }
-
-    if (parserOptions.shouldInclude) {
-      const result = parserOptions.shouldInclude(data);
-      if (result !== undefined) {
-        return result;
-      }
-    }
-
-    return true;
-  };
-
-  const shouldResolveObject: ParserOptions['shouldResolveObject'] = (data) => {
-    if (parserOptions.shouldResolveObject) {
-      const result = parserOptions.shouldResolveObject(data);
-      if (result !== undefined) {
-        return result;
-      }
-    }
-
-    return data.propertyCount <= 50 && data.depth <= 3;
-  };
-
-  const checker = program.getTypeChecker();
-  const sourceFile = program.getSourceFile(filePath);
-  const reactComponentName = filePath.match(/.*\/([^/]+)/)?.[1];
-
-  const programNode = t.createProgram();
-  const reactImports: string[] = [];
-
-  function visitImports(node: ts.Node) {
-    if (
-      ts.isImportDeclaration(node) &&
-      ts.isStringLiteral(node.moduleSpecifier) &&
-      node.moduleSpecifier.text === 'react' &&
-      node.importClause
-    ) {
-      const imports = ['Component', 'PureComponent', 'memo', 'forwardRef'];
-
-      // import x from 'react'
-      if (node.importClause.name) {
-        const nameText = node.importClause.name.text;
-        reactImports.push(...imports.map((x) => `${nameText}.${x}`));
-      }
-
-      // import {x, y as z} from 'react'
-      const bindings = node.importClause.namedBindings;
-      if (bindings) {
-        if (ts.isNamedImports(bindings)) {
-          bindings.elements.forEach((spec) => {
-            const nameIdentifier = spec.propertyName || spec.name;
-            const nameText = nameIdentifier.getText();
-            if (imports.includes(nameText)) {
-              reactImports.push(spec.name.getText());
-            }
-          });
-        }
-        // import * as x from 'react'
-        else {
-          const nameText = bindings.name.text;
-          reactImports.push(...imports.map((x) => `${nameText}.${x}`));
-        }
-      }
-    }
-  }
-
-  function isTypeJSXElementLike(type: ts.Type): boolean {
-    if (type.isUnion()) {
-      return type.types.every(
-        (subType) => subType.flags & ts.TypeFlags.Null || isTypeJSXElementLike(subType),
-      );
-    }
-    if (type.symbol) {
-      const name = checker.getFullyQualifiedName(type.symbol);
-      return (
-        // Remove once global JSX namespace is no longer used by React
-        name === 'global.JSX.Element' ||
-        name === 'React.JSX.Element' ||
-        name === 'React.ReactElement'
-      );
-    }
-
-    return false;
-  }
-
-  function getDocumentation(symbol: ts.Symbol | undefined): string | undefined {
-    if (symbol === undefined) {
-      return undefined;
-    }
-
-    const decl = symbol.getDeclarations();
-    if (decl) {
-      // @ts-ignore
-      const comments = ts.getJSDocCommentsAndTags(decl[0]) as readonly any[];
-      if (comments && comments.length === 1) {
-        const commentNode = comments[0];
-        if (ts.isJSDoc(commentNode)) {
-          return doctrine.unwrapComment(commentNode.getText()).trim();
-        }
-      }
-    }
-
-    const comment = ts.displayPartsToString(symbol.getDocumentationComment(checker));
-    return comment !== '' ? comment : undefined;
-  }
-
-  function checkType(
-    type: ts.Type,
-    location: ts.Node,
-    typeStack: readonly number[],
-    name: string,
-  ): t.PropType {
-    // If the typeStack contains type.id we're dealing with an object that references itself.
-    // To prevent getting stuck in an infinite loop we just set it to an createObjectType
-    if (typeStack.includes((type as any).id)) {
-      return t.createObjectType({ jsDoc: undefined });
-    }
-
-    {
-      const typeNode = type as any;
-
-      const symbol = typeNode.aliasSymbol ? typeNode.aliasSymbol : typeNode.symbol;
-      const typeName = symbol ? checker.getFullyQualifiedName(symbol) : null;
-      switch (typeName) {
-        // Remove once global JSX namespace is no longer used by React
-        case 'global.JSX.Element':
-        case 'React.JSX.Element':
-        case 'React.ReactElement': {
-          return t.createElementType({ jsDoc: getDocumentation(symbol), elementType: 'element' });
-        }
-        case 'React.ElementType': {
-          return t.createElementType({
-            jsDoc: getDocumentation(symbol),
-            elementType: 'elementType',
-          });
-        }
-        case 'React.ReactNode': {
-          return t.createUnionType({
-            jsDoc: getDocumentation(symbol),
-            types: [
-              t.createElementType({ elementType: 'node', jsDoc: undefined }),
-              t.createUndefinedType({ jsDoc: undefined }),
-            ],
-          });
-        }
-        case 'React.Component': {
-          return t.createInstanceOfType({ jsDoc: getDocumentation(symbol), instance: typeName });
-        }
-        case 'Element':
-        case 'HTMLElement': {
-          return t.createDOMElementType({ jsDoc: getDocumentation(symbol), optional: undefined });
-        }
-        case 'RegExp': {
-          return t.createInstanceOfType({ jsDoc: getDocumentation(symbol), instance: 'RegExp' });
-        }
-        case 'Date': {
-          return t.createInstanceOfType({ jsDoc: getDocumentation(symbol), instance: 'Date' });
-        }
-        default:
-          // continue with function execution
-          break;
-      }
-    }
-
-    // @ts-ignore
-    if (checker.isArrayType(type)) {
-      // @ts-ignore
-      const arrayType: ts.Type = checker.getElementTypeOfArrayType(type);
-      return t.createArrayType({
-        arrayType: checkType(arrayType, location, typeStack, name),
-        jsDoc: getDocumentation(type.symbol),
-      });
-    }
-
-    // @ts-expect-error
-    const isTupleType = checker.isTupleType(type);
-    if (isTupleType) {
-      return t.createArrayType({
-        arrayType: t.createUnionType({
-          jsDoc: undefined,
-          types: (type as any).typeArguments.map((x: ts.Type) =>
-            checkType(x, location, typeStack, name),
-          ),
-        }),
-        jsDoc: getDocumentation(type.symbol),
-      });
-    }
-
-    if (type.isUnion()) {
-      const node = t.createUnionType({
-        jsDoc: getDocumentation(type.symbol),
-        types: type.types.map((x) => checkType(x, location, typeStack, name)),
-      });
-
-      return node.types.length === 1 ? node.types[0] : node;
-    }
-
-    if (type.flags & ts.TypeFlags.TypeParameter) {
-      const baseConstraintOfType = checker.getBaseConstraintOfType(type);
-
-      if (baseConstraintOfType) {
-        if (
-          baseConstraintOfType.flags & ts.TypeFlags.Object &&
-          baseConstraintOfType.symbol.members?.size === 0
-        ) {
-          return t.createAnyType({ jsDoc: getDocumentation(type.symbol) });
-        }
-
-        return checkType(baseConstraintOfType!, location, typeStack, name);
-      }
-    }
-
-    if (type.flags & ts.TypeFlags.String) {
-      return t.createStringType({ jsDoc: getDocumentation(type.symbol) });
-    }
-
-    if (type.flags & ts.TypeFlags.Number) {
-      return t.createNumericType({ jsDoc: getDocumentation(type.symbol) });
-    }
-
-    if (type.flags & ts.TypeFlags.Undefined) {
-      return t.createUndefinedType({ jsDoc: getDocumentation(type.symbol) });
-    }
-
-    if (type.flags & ts.TypeFlags.Any || type.flags & ts.TypeFlags.Unknown) {
-      return t.createAnyType({ jsDoc: getDocumentation(type.symbol) });
-    }
-
-    if (type.flags & ts.TypeFlags.Literal) {
-      if (type.isLiteral()) {
-        return t.createLiteralType({
-          value: type.isStringLiteral() ? `"${type.value}"` : type.value,
-          jsDoc: getDocumentation(type.symbol),
-        });
-      }
-      return t.createLiteralType({
-        jsDoc: getDocumentation(type.symbol),
-        value: checker.typeToString(type),
-      });
-    }
-
-    if (type.flags & ts.TypeFlags.Null) {
-      return t.createLiteralType({ jsDoc: getDocumentation(type.symbol), value: 'null' });
-    }
-
-    if (type.getCallSignatures().length) {
-      return t.createFunctionType({ jsDoc: getDocumentation(type.symbol) });
-    }
-
-    // () => new ClassInstance
-    if (type.getConstructSignatures().length) {
-      return t.createFunctionType({ jsDoc: getDocumentation(type.symbol) });
-    }
-
-    // Object-like type
-    {
-      const jsDoc = getDocumentation(type.symbol);
-      const properties = type.getProperties();
-      if (properties.length) {
-        if (
-          shouldResolveObject({ name, propertyCount: properties.length, depth: typeStack.length })
-        ) {
-          const filtered = properties.filter((symbol) =>
-            shouldInclude({ name: symbol.getName(), depth: typeStack.length + 1 }),
-          );
-          if (filtered.length > 0) {
-            return t.createInterfaceType({
-              jsDoc,
-              types: filtered.map((x) => {
-                // eslint-disable-next-line @typescript-eslint/no-use-before-define -- TODO dependency cycle between checkSymbol and checkType
-                const definition = checkSymbol(x, location, [...typeStack, (type as any).id]);
-                definition.propType.jsDoc = definition.jsDoc;
-
-                return [definition.name, definition.propType];
-              }),
-            });
-          }
-        }
-
-        return t.createObjectType({ jsDoc });
-      }
-    }
-
-    // Object without properties or object keyword
-    if (
-      type.flags & ts.TypeFlags.Object ||
-      (type.flags & ts.TypeFlags.NonPrimitive && checker.typeToString(type) === 'object')
-    ) {
-      return t.createObjectType({ jsDoc: getDocumentation(type.symbol) });
-    }
-
-    console.warn(
-      `${reactComponentName}: Unable to handle node of type "ts.TypeFlags.${
-        ts.TypeFlags[type.flags]
-      }", using any`,
-    );
-    return t.createAnyType({ jsDoc: getDocumentation(type.symbol) });
-  }
-
-  function getSymbolFileNames(symbol: ts.Symbol): Set<string> {
-    const declarations = symbol.getDeclarations() || [];
-
-    return new Set(declarations.map((declaration) => declaration.getSourceFile().fileName));
-  }
-
-  function checkSymbol(
-    symbol: ts.Symbol,
-    location: ts.Node,
-    typeStack: readonly number[],
-  ): t.PropTypeDefinition {
-    const declarations = symbol.getDeclarations();
-    const declaration = declarations && declarations[0];
-
-    const symbolFilenames = getSymbolFileNames(symbol);
-
-    // TypeChecker keeps the name for
-    // { a: React.ElementType, b: React.ReactElement | boolean }
-    // but not
-    // { a?: React.ElementType, b: React.ReactElement }
-    // get around this by not using the TypeChecker
-    if (
-      declaration &&
-      ts.isPropertySignature(declaration) &&
-      declaration.type &&
-      ts.isTypeReferenceNode(declaration.type)
-    ) {
-      const name = declaration.type.typeName.getText();
-      if (
-        name === 'React.ElementType' ||
-        name === 'React.JSXElementConstructor' ||
-        name === 'React.ReactElement'
-      ) {
-        const elementNode = t.createElementType({
-          elementType: name === 'React.ReactElement' ? 'element' : 'elementType',
-          jsDoc: getDocumentation(symbol),
-        });
-
-        return t.createPropTypeDefinition(
-          symbol.getName(),
-          getDocumentation(symbol),
-          declaration.questionToken
-            ? t.createUnionType({
-                jsDoc: elementNode.jsDoc,
-                types: [
-                  t.createUndefinedType({ jsDoc: undefined }),
-                  {
-                    ...elementNode,
-                    // jsDoc was hoisted to the union type
-                    jsDoc: undefined,
-                  },
-                ],
-              })
-            : elementNode,
-          symbolFilenames,
-          createPropTypeId(symbol),
-        );
-      }
-    }
-
-    const symbolType = declaration
-      ? // The proptypes aren't detailed enough that we need all the different combinations
-        // so we just pick the first and ignore the rest
-        checker.getTypeOfSymbolAtLocation(symbol, declaration)
-      : checker.getTypeOfSymbolAtLocation(symbol, location);
-
-    let type: ts.Type;
-    if (declaration === undefined) {
-      type = symbolType;
-    } else {
-      const declaredType = checker.getTypeAtLocation(declaration);
-      const baseConstraintOfType = checker.getBaseConstraintOfType(declaredType);
-
-      if (baseConstraintOfType === undefined || baseConstraintOfType === declaredType) {
-        type = symbolType;
-      }
-      // get `React.ElementType` from `C extends React.ElementType`
-      else if (baseConstraintOfType.aliasSymbol?.escapedName === 'ElementType') {
-        type = baseConstraintOfType;
-      } else {
-        type = symbolType;
-      }
-    }
-
-    if (!type) {
-      throw new Error('No types found');
-    }
-
-    // Typechecker only gives the type "any" if it's present in a union
-    // This means the type of "a" in {a?:any} isn't "any | undefined"
-    // So instead we check for the questionmark to detect optional types
-    let parsedType: t.PropType | undefined;
-    if (
-      (type.flags & ts.TypeFlags.Any || type.flags & ts.TypeFlags.Unknown) &&
-      declaration &&
-      ts.isPropertySignature(declaration)
-    ) {
-      parsedType =
-        symbol.flags & ts.SymbolFlags.Optional
-          ? t.createUnionType({
-              jsDoc: getDocumentation(symbol),
-              types: [
-                t.createUndefinedType({ jsDoc: undefined }),
-                t.createAnyType({ jsDoc: undefined }),
-              ],
-            })
-          : t.createAnyType({ jsDoc: getDocumentation(symbol) });
-    } else {
-      parsedType = checkType(type, location, typeStack, symbol.getName());
-    }
-
-    return t.createPropTypeDefinition(
-      symbol.getName(),
-      getDocumentation(symbol),
-      parsedType,
-      symbolFilenames,
-      createPropTypeId(type),
-    );
-  }
-
-  function parsePropsSymbol(
-    name: string,
-    symbol: ts.Symbol | undefined,
-    location: ts.Node,
-    propsSourceFile: ts.SourceFile | undefined,
-  ) {
-    const type =
-      symbol === undefined
-        ? checker.getTypeAtLocation(location)
-        : checker.getTypeOfSymbolAtLocation(symbol, location);
-    const properties = type
-      .getProperties()
-      .filter((property) => shouldInclude({ name: property.getName(), depth: 1 }));
-    if (properties.length === 0) {
-      return;
-    }
-
-    const propsFilename = propsSourceFile !== undefined ? propsSourceFile.fileName : undefined;
-
-    programNode.body.push(
-      t.createComponent(
-        name,
-        properties.map((property) => checkSymbol(property, location, [(type as any).id])),
-        propsFilename,
-      ),
-    );
-  }
-
-  function parseFunctionComponent(node: ts.VariableDeclaration | ts.FunctionDeclaration) {
-    if (!node.name) {
-      return;
-    }
-
-    const symbol = checker.getSymbolAtLocation(node.name);
-    if (!symbol) {
-      return;
-    }
-    const componentName = node.name.getText();
-
-    // Discriminate render functions to components
-    if (componentName[0].toUpperCase() !== componentName[0]) {
-      return;
-    }
-
-    const type = checker.getTypeOfSymbolAtLocation(symbol, symbol.valueDeclaration!);
-    type.getCallSignatures().forEach((signature) => {
-      if (!isTypeJSXElementLike(signature.getReturnType())) {
-        return;
-      }
-
-      parsePropsSymbol(
-        componentName,
-        signature.parameters[0],
-        signature.parameters[0].valueDeclaration!,
-        node.getSourceFile(),
-      );
-    });
-
-    // squash props
-    // { variant: 'a', href: string } & { variant: 'b' }
-    // to
-    // { variant: 'a' | 'b', href?: string }
-    const props: Record<string, t.PropTypeDefinition> = {};
-    const usedPropsPerSignature: Set<String>[] = [];
-    programNode.body = programNode.body.filter((componentNode) => {
-      if (componentNode.name === componentName) {
-        const usedProps: Set<string> = new Set();
-        // squash props
-        componentNode.types.forEach((typeNode) => {
-          usedProps.add(typeNode.name);
-
-          let { [typeNode.name]: currentTypeNode } = props;
-          if (currentTypeNode === undefined) {
-            currentTypeNode = typeNode;
-          } else if (currentTypeNode.$$id !== typeNode.$$id) {
-            currentTypeNode = t.createPropTypeDefinition(
-              currentTypeNode.name,
-              currentTypeNode.jsDoc,
-              t.createUnionType({
-                // TODO: jsDoc from squashing is dropped
-                jsDoc: undefined,
-                types: [currentTypeNode.propType, typeNode.propType],
-              }),
-              new Set(Array.from(currentTypeNode.filenames).concat(Array.from(typeNode.filenames))),
-              undefined,
-            );
-          }
-
-          props[typeNode.name] = currentTypeNode;
-        });
-
-        usedPropsPerSignature.push(usedProps);
-
-        // delete each signature, we'll add it later unionized
-        return false;
-      }
-      return true;
-    });
-
-    programNode.body.push(
-      t.createComponent(
-        componentName,
-        Object.entries(props).map(([name, propType]) => {
-          const onlyUsedInSomeSignatures = usedPropsPerSignature.some(
-            (usedProps) => !usedProps.has(name),
-          );
-          if (onlyUsedInSomeSignatures) {
-            // mark as optional
-            return {
-              ...propType,
-              propType: t.createUnionType({
-                // TODO: jsDoc from signatures is dropped
-                jsDoc: undefined,
-                types: [propType.propType, t.createUndefinedType({ jsDoc: undefined })],
-              }),
-            };
-          }
-          return propType;
-        }),
-        node.getSourceFile().fileName,
-      ),
-    );
-  }
-
-  function visit(node: ts.Node) {
-    // function x(props: type) { return <div/> }
-    if (
-      ts.isFunctionDeclaration(node) &&
-      node.name &&
-      node.parameters.length === 1 &&
-      checker
-        .getTypeAtLocation(node.name)
-        .getCallSignatures()
-        .some((signature) => isTypeJSXElementLike(signature.getReturnType()))
-    ) {
-      parseFunctionComponent(node);
-    }
-    // const x = ...
-    else if (ts.isVariableStatement(node)) {
-      ts.forEachChild(node.declarationList, (variableNode) => {
-        // x = (props: type) => { return <div/> }
-        // x = function(props: type) { return <div/> }
-        // x = function y(props: type) { return <div/> }
-        // x = react.memo((props:type) { return <div/> })
-
-        if (ts.isVariableDeclaration(variableNode) && variableNode.name) {
-          const type = checker.getTypeAtLocation(variableNode.name);
-          if (!variableNode.initializer) {
-            if (
-              checkDeclarations &&
-              type.aliasSymbol &&
-              type.aliasTypeArguments &&
-              checker.getFullyQualifiedName(type.aliasSymbol) === 'React.JSXElementConstructor'
-            ) {
-              const propsSymbol = type.aliasTypeArguments[0].getSymbol();
-              if (propsSymbol === undefined) {
-                throw new TypeError(
-                  'Unable to find symbol for `props`. This is a bug in typescript-to-proptypes.',
-                );
-              }
-              parsePropsSymbol(
-                variableNode.name.getText(),
-                propsSymbol,
-                variableNode.name,
-                node.getSourceFile(),
-              );
-            } else if (checkDeclarations) {
-              parseFunctionComponent(variableNode);
-            }
-          } else if (
-            (ts.isArrowFunction(variableNode.initializer) ||
-              ts.isFunctionExpression(variableNode.initializer)) &&
-            variableNode.initializer.parameters.length === 1
-          ) {
-            parseFunctionComponent(variableNode);
-          }
-          //  x = react.memo((props:type) { return <div/> })
-          else if (
-            ts.isCallExpression(variableNode.initializer) &&
-            variableNode.initializer.arguments.length > 0
-          ) {
-            const callString = variableNode.initializer.expression.getText();
-            const arg = variableNode.initializer.arguments[0];
-            if (
-              reactImports.includes(callString) &&
-              (ts.isArrowFunction(arg) || ts.isFunctionExpression(arg)) &&
-              arg.parameters.length > 0
-            ) {
-              const symbol = checker.getSymbolAtLocation(arg.parameters[0].name);
-              if (symbol) {
-                parsePropsSymbol(
-                  variableNode.name.getText(),
-                  symbol,
-                  symbol.valueDeclaration!,
-                  node.getSourceFile(),
-                );
-              }
-            }
-          }
-          // handle component factories: x = createComponent()
-          if (checkDeclarations && variableNode.initializer) {
-            if (
-              type
-                .getCallSignatures()
-                .some((signature) => isTypeJSXElementLike(signature.getReturnType()))
-            ) {
-              parseFunctionComponent(variableNode);
-            }
-          }
-        }
-      });
-    } else if (
-      ts.isClassDeclaration(node) &&
-      node.name &&
-      node.heritageClauses &&
-      node.heritageClauses.length === 1
-    ) {
-      const heritage = node.heritageClauses[0];
-      if (heritage.types.length !== 1) {
-        return;
-      }
-
-      const arg = heritage.types[0];
-      if (!arg.typeArguments) {
-        return;
-      }
-
-      if (reactImports.includes(arg.expression.getText())) {
-        parsePropsSymbol(
-          node.name.getText(),
-          undefined,
-          arg.typeArguments[0],
-          node.getSourceFile(),
-        );
-      }
-    }
-  }
-
-  if (sourceFile) {
-    ts.forEachChild(sourceFile, visitImports);
-    ts.forEachChild(sourceFile, visit);
-  } else {
-    throw new Error(`Program doesn't contain file "${filePath}"`);
-  }
-
-  return programNode;
-}
-
-/**
- * Creates a program, parses the specified file and returns the PropTypes as an AST, if you need to parse more than one file
- * use `createProgram` and `parseFromProgram` for better performance
- * @param filePath The file to parse
- * @param options The options from `loadConfig`
- * @param parserOptions Options that specify how the parser should act
- */
-export function parseFile(
-  filePath: string,
-  options: ts.CompilerOptions,
-  parserOptions: Partial<ParserOptions> = {},
-) {
-  const program = ts.createProgram([filePath], options);
-  return parseFromProgram(filePath, program, parserOptions);
-}
diff --git a/packages/typescript-to-proptypes/src/types/component.ts b/packages/typescript-to-proptypes/src/types/component.ts
deleted file mode 100644
index 72040a8959cd98..00000000000000
--- a/packages/typescript-to-proptypes/src/types/component.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { PropTypeDefinition } from './propTypeDefinition';
-
-export interface Component {
-  name: string;
-  propsFilename?: string;
-  types: PropTypeDefinition[];
-}
-
-export function createComponent(
-  name: string,
-  types: PropTypeDefinition[],
-  propsFilename: string | undefined,
-): Component {
-  return {
-    name,
-    types,
-    propsFilename,
-  };
-}
diff --git a/packages/typescript-to-proptypes/src/types/index.ts b/packages/typescript-to-proptypes/src/types/index.ts
deleted file mode 100644
index 13cff5f8dd61aa..00000000000000
--- a/packages/typescript-to-proptypes/src/types/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './propTypeDefinition';
-export * from './program';
-export * from './component';
-
-export * from './props';
diff --git a/packages/typescript-to-proptypes/src/types/program.ts b/packages/typescript-to-proptypes/src/types/program.ts
deleted file mode 100644
index b9dedded2393e0..00000000000000
--- a/packages/typescript-to-proptypes/src/types/program.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from './component';
-
-export interface Program {
-  body: Component[];
-}
-
-export function createProgram(body: Component[] = []): Program {
-  return {
-    body,
-  };
-}
diff --git a/packages/typescript-to-proptypes/src/types/propTypeDefinition.ts b/packages/typescript-to-proptypes/src/types/propTypeDefinition.ts
deleted file mode 100644
index 15c5932b2bca38..00000000000000
--- a/packages/typescript-to-proptypes/src/types/propTypeDefinition.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { PropType } from './props';
-
-export interface PropTypeDefinition {
-  name: string;
-  jsDoc: string | undefined;
-  propType: PropType;
-  filenames: Set<string>;
-  /**
-   * @internal
-   */
-  $$id: number | undefined;
-}
-
-export function createPropTypeDefinition(
-  name: string,
-  jsDoc: string | undefined,
-  propType: PropType,
-  filenames: Set<string>,
-  id: number | undefined,
-): PropTypeDefinition {
-  return {
-    name,
-    jsDoc,
-    propType,
-    filenames,
-    $$id: id,
-  };
-}
diff --git a/packages/typescript-to-proptypes/test/types.d.ts b/packages/typescript-to-proptypes/test/types.d.ts
index 16200bbc2e8177..27694d0f5754bc 100644
--- a/packages/typescript-to-proptypes/test/types.d.ts
+++ b/packages/typescript-to-proptypes/test/types.d.ts
@@ -1,7 +1,11 @@
-import { ParserOptions, GenerateOptions, InjectOptions } from '../src';
+import {
+  InjectPropTypesInFileOptions,
+  GetPropTypesFromFileOptions,
+  GeneratePropTypesOptions,
+} from '../src';
 
 export type TestOptions = {
-  parser?: Partial<ParserOptions>;
-  generator?: Partial<GenerateOptions>;
-  injector?: Partial<InjectOptions>;
+  parser?: GetPropTypesFromFileOptions;
+  generator?: GeneratePropTypesOptions;
+  injector?: InjectPropTypesInFileOptions;
 };
diff --git a/packages/typescript-to-proptypes/test/typescript-to-proptypes.test.ts b/packages/typescript-to-proptypes/test/typescript-to-proptypes.test.ts
index c077086b6ab127..9a47db1af5d892 100644
--- a/packages/typescript-to-proptypes/test/typescript-to-proptypes.test.ts
+++ b/packages/typescript-to-proptypes/test/typescript-to-proptypes.test.ts
@@ -1,9 +1,16 @@
 import path from 'path';
 import fs from 'fs';
+import * as ts from 'typescript';
 import { expect } from 'chai';
 import glob from 'fast-glob';
 import prettier from 'prettier';
-import * as ttp from '../src';
+import {
+  TypeScriptProject,
+  createTypeScriptProjectBuilder,
+} from '@mui-internal/api-docs-builder/utils/createTypeScriptProject';
+import { generatePropTypes } from '../src/generatePropTypes';
+import { injectPropTypesInFile } from '../src/injectPropTypesInFile';
+import { getPropTypesFromFile } from '../src/getPropTypesFromFile';
 import { TestOptions } from './types';
 
 const testCases = glob
@@ -23,26 +30,38 @@ const testCases = glob
   });
 
 describe('typescript-to-proptypes', () => {
-  let cachedProgram: ttp.ts.Program;
-  function getProgram() {
-    return cachedProgram;
+  let cachedProject: TypeScriptProject;
+  function getProject() {
+    return cachedProject;
   }
 
   before(function beforeHook() {
     // Creating a TS program might take a while.
     this.timeout(20000);
+
+    const buildProject = createTypeScriptProjectBuilder({
+      test: {
+        rootPath: path.join(__dirname, '..'),
+        tsConfigPath: 'tsconfig.json',
+      },
+    });
+
+    cachedProject = buildProject('test', {
+      files: testCases.map((testCase) => testCase.inputPath),
+    });
+
     // Create program for all files to speed up tests
-    cachedProgram = ttp.createTSProgram(
-      testCases.map((testCase) => testCase.inputPath),
-      ttp.loadConfig(path.resolve(__dirname, '../tsconfig.json')),
-    );
+    // cachedProject = ttp.createTSProgram(
+    //   testCases.map((testCase) => testCase.inputPath),
+    //   ttp.loadConfig(path.resolve(__dirname, '../tsconfig.json')),
+    // );
   });
 
   testCases.forEach((testCase) => {
     const { name: testName, inputPath, inputJS, outputPath } = testCase;
 
     it(testName, async () => {
-      const program = getProgram();
+      const project = getProject();
       let options: TestOptions = {};
       try {
         const optionsModule = await import(`./${testName}/options`);
@@ -51,7 +70,7 @@ describe('typescript-to-proptypes', () => {
         // Assume "Cannot find module" which means "no options".
       }
 
-      const ast = ttp.parseFromProgram(inputPath, program, options.parser);
+      const components = getPropTypesFromFile({ filePath: inputPath, project, ...options.parser });
 
       let inputSource = null;
       if (inputPath.endsWith('.d.ts')) {
@@ -61,10 +80,10 @@ describe('typescript-to-proptypes', () => {
           // ignore
         }
       } else {
-        inputSource = ttp.ts.transpileModule(fs.readFileSync(inputPath, 'utf8'), {
+        inputSource = ts.transpileModule(fs.readFileSync(inputPath, 'utf8'), {
           compilerOptions: {
-            target: ttp.ts.ScriptTarget.ESNext,
-            jsx: ttp.ts.JsxEmit.Preserve,
+            target: ts.ScriptTarget.ESNext,
+            jsx: ts.JsxEmit.Preserve,
           },
         }).outputText;
       }
@@ -72,14 +91,18 @@ describe('typescript-to-proptypes', () => {
       let result = '';
       // For d.ts files we just generate the AST
       if (!inputSource) {
-        result = ast.body
+        result = components
           .map((component) => {
-            return ttp.generate(component, options.generator);
+            return generatePropTypes(component, options.generator);
           })
           .join('\n');
       } else {
         // For .tsx? files we transpile them and inject the proptypes
-        const injected = ttp.inject(ast, inputSource, options.injector);
+        const injected = injectPropTypesInFile({
+          components,
+          target: inputSource,
+          options: options.injector,
+        });
         if (!injected) {
           throw new Error('Injection failed');
         }
diff --git a/packages/waterfall/sleep.mjs b/packages/waterfall/sleep.mjs
index 1ca84351fa20ba..608d27ddcf4371 100644
--- a/packages/waterfall/sleep.mjs
+++ b/packages/waterfall/sleep.mjs
@@ -1,6 +1,8 @@
-function sleep(delay = 0) {
+function sleep(duration) {
   return new Promise((resolve) => {
-    setTimeout(resolve, delay);
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
 
diff --git a/packages/zero-next-plugin/.eslintrc.json b/packages/zero-next-plugin/.eslintrc.json
new file mode 100644
index 00000000000000..54a33fd127fb66
--- /dev/null
+++ b/packages/zero-next-plugin/.eslintrc.json
@@ -0,0 +1,5 @@
+{
+  "rules": {
+    "@typescript-eslint/consistent-type-imports": "error"
+  }
+}
diff --git a/packages/zero-next-plugin/LICENSE b/packages/zero-next-plugin/LICENSE
new file mode 100644
index 00000000000000..6d201297b4f70f
--- /dev/null
+++ b/packages/zero-next-plugin/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Dario Lehmhus
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/zero-next-plugin/README.md b/packages/zero-next-plugin/README.md
new file mode 100644
index 00000000000000..cec32be4e491c7
--- /dev/null
+++ b/packages/zero-next-plugin/README.md
@@ -0,0 +1,3 @@
+# @mui/zero-vite-plugin
+
+Vite plugin to support MUI's `styled` processor.
diff --git a/packages/zero-next-plugin/package.json b/packages/zero-next-plugin/package.json
new file mode 100644
index 00000000000000..93a41d6de40ec7
--- /dev/null
+++ b/packages/zero-next-plugin/package.json
@@ -0,0 +1,64 @@
+{
+  "name": "@mui/zero-next-plugin",
+  "version": "0.0.1-alpha.3",
+  "private": true,
+  "author": "MUI Team",
+  "description": "Vite plugin for MUI zero styled implementation.",
+  "main": "./src/index.ts",
+  "keywords": [
+    "zero runtime",
+    "css-in-js",
+    "mui"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mui/material-ui.git",
+    "directory": "packages/zero-next-plugin"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/mui/material-ui/issues"
+  },
+  "homepage": "@TODO",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/mui"
+  },
+  "scripts": {
+    "build": "yarn build:legacy && yarn build:modern && yarn build:node && yarn build:stable && yarn build:types && yarn build:copy-files",
+    "build:legacy": "node ../../scripts/build.mjs legacy",
+    "build:modern": "node ../../scripts/build.mjs modern",
+    "build:node": "node ../../scripts/build.mjs node",
+    "build:stable": "node ../../scripts/build.mjs stable",
+    "build:copy-files": "node ../../scripts/copyFiles.mjs",
+    "build:types": "node ../../scripts/buildTypes.mjs",
+    "prebuild": "rimraf build tsconfig.build.tsbuildinfo",
+    "release": "yarn build && npm publish build",
+    "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/zero-babel-plugin/**/*.test.{js,ts,tsx}'",
+    "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json",
+    "typescript:module-augmentation": "node scripts/testModuleAugmentation.js"
+  },
+  "dependencies": {
+    "@babel/core": "^7.22.20",
+    "@babel/plugin-syntax-jsx": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.15",
+    "@linaria/babel-preset": "^4.5.4",
+    "@mui/zero-tag-processor": "0.0.1-alpha.4",
+    "file-system-cache": "2.0.2"
+  },
+  "devDependencies": {
+    "@types/babel__core": "^7.20.2",
+    "@types/loader-utils": "^2.0.4",
+    "next": "^13.4.19"
+  },
+  "peerDependencies": {
+    "next": ">=12.0.0 <14.0.0"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=12.0.0"
+  }
+}
diff --git a/packages/zero-next-plugin/src/VirtualModuleStore.ts b/packages/zero-next-plugin/src/VirtualModuleStore.ts
new file mode 100644
index 00000000000000..c2ee5030dd28fc
--- /dev/null
+++ b/packages/zero-next-plugin/src/VirtualModuleStore.ts
@@ -0,0 +1,78 @@
+import Cache, { type FileSystemCache } from 'file-system-cache';
+import path from 'path';
+import type * as Webpack from 'webpack';
+
+import VirtualModulesPlugin from './plugins/webpack-virtual-modules';
+import { isFSCache } from './utils';
+
+type CachedFile = {
+  path: string;
+  value: {
+    content: string;
+    path: string;
+  };
+};
+
+export default class VirtualModuleStore {
+  private vmInstances: Map<string, VirtualModulesPlugin> = new Map();
+
+  private initialCachedFiles: Record<string, string> = {};
+
+  private cssCache: FileSystemCache | undefined;
+
+  private dependencyCache: FileSystemCache | undefined;
+
+  constructor(config: Webpack.Configuration) {
+    this.addModule = this.addModule.bind(this);
+
+    if (isFSCache(config.cache)) {
+      const baseDir = config.cache.cacheDirectory || path.join(process.cwd(), '.linaria-cache');
+
+      const cachePath = path.join(baseDir, `linaria-${config.mode}`);
+      this.cssCache = Cache({
+        basePath: cachePath,
+        ns: config.cache.version,
+      });
+
+      this.cssCache.load().then((cachedFiles) => {
+        cachedFiles.files.forEach(({ value: { content, path: filePath } }: CachedFile) => {
+          this.initialCachedFiles[filePath] = content;
+          this.addModule(filePath, content, false);
+        });
+      });
+
+      this.dependencyCache = Cache({
+        basePath: cachePath,
+        ns: `${config.cache.version}-deps`,
+      });
+    }
+  }
+
+  public createStore(name = 'default') {
+    const vm = new VirtualModulesPlugin(this.initialCachedFiles);
+    this.vmInstances.set(name, vm);
+    return vm;
+  }
+
+  public addModule(filePath: string, content: string, addToCache = true) {
+    this.vmInstances.forEach((vm) => {
+      vm.writeModule(filePath, content);
+    });
+    if (this.cssCache && addToCache) {
+      this.cssCache.set(filePath, { content, path: filePath });
+    }
+  }
+
+  public addModuleDependencies(modulePath: string, deps: string[]) {
+    if (this.dependencyCache) {
+      this.dependencyCache.set(modulePath, deps);
+    }
+  }
+
+  public async getModuleDependencies(modulePath: string): Promise<string[] | null> {
+    if (this.dependencyCache) {
+      return this.dependencyCache.get(modulePath);
+    }
+    return null;
+  }
+}
diff --git a/packages/zero-next-plugin/src/index.ts b/packages/zero-next-plugin/src/index.ts
new file mode 100644
index 00000000000000..495d983caf848b
--- /dev/null
+++ b/packages/zero-next-plugin/src/index.ts
@@ -0,0 +1,165 @@
+import type { NextConfig } from 'next';
+import type * as NextServer from 'next/dist/server/config-shared';
+import path from 'path';
+import type * as Webpack from 'webpack';
+import { generateCss } from '@mui/zero-tag-processor/generateCss';
+
+import type { PluginOptions, Preprocessor } from '@linaria/babel-preset';
+import type { LinariaLoaderOptions } from './loaders/transformLoader';
+import { regexLinariaCSS, regexLinariaGlobalCSS } from './loaders/transformLoader';
+import ErrorPlugin from './plugins/errorPlugin';
+import { isCssLoader, isCssModule } from './utils';
+import VirtualModuleStore from './VirtualModuleStore';
+
+export interface ZeroPluginOptions extends PluginOptions {
+  /**
+   * An object of the themes that you want passed in as an argument in the callback argument of `styled`.
+   */
+  theme: unknown;
+  /**
+   * Prefix string to use in the generated css variables.
+   */
+  cssVariablesPrefix?: string;
+  /**
+   * Whether the css variables for the default theme should target the :root selector or not.
+   * @default true
+   */
+  injectDefaultThemeInRoot?: boolean;
+  // exclude?: FilterPattern;
+  sourceMap?: boolean;
+  preprocessor?: Preprocessor;
+}
+
+// Thanks https://github.com/Mistereo/next-linaria/blob/de4fd15269bd059e35797bb7250ce84cc8c5067c/index.js#L3
+// for the inspiration
+function traverseLoaders(rules: Webpack.RuleSetRule[]) {
+  for (let i = 0; i < rules.length; i += 1) {
+    const rule = rules[i];
+    if (isCssLoader(rule)) {
+      if (isCssModule(rule)) {
+        const nextGetLocalIdent = rule.options.modules.getLocalIdent;
+        const nextMode = rule.options.modules.mode;
+
+        // allow global css for *.linaria.global.css files
+        rule.options.modules.mode = (innerPath) => {
+          const isGlobal = regexLinariaGlobalCSS.test(innerPath);
+          if (isGlobal) {
+            return 'local';
+          }
+          return typeof nextMode === 'function' ? nextMode(innerPath) : nextMode;
+        };
+
+        // We don't want the default css-loader to generate classnames
+        // for linaria modules, since those are generated by linaria.
+        rule.options.modules.getLocalIdent = (context, _, exportName, ...rest) => {
+          if (regexLinariaCSS.test(context.resourcePath)) {
+            return exportName;
+          }
+          return nextGetLocalIdent(context, _, exportName, ...rest);
+        };
+      }
+    }
+    if (typeof rule.use === 'object') {
+      // FIXME: Can we do it without the typecast?
+      const useRules = rule.use as Webpack.RuleSetRule | Webpack.RuleSetRule[];
+      traverseLoaders(Array.isArray(useRules) ? useRules : [useRules]);
+    }
+    if (Array.isArray(rule.oneOf)) {
+      traverseLoaders(rule.oneOf as Webpack.RuleSetRule[]);
+    }
+  }
+}
+
+let moduleStore: VirtualModuleStore;
+
+export default function withZero(nextConfig: NextConfig, zeroConfig: ZeroPluginOptions) {
+  const {
+    theme,
+    cssVariablesPrefix = 'mui',
+    injectDefaultThemeInRoot = true,
+    babelOptions = {},
+    sourceMap = false,
+    displayName = false,
+  } = zeroConfig;
+
+  const webpack = (config: Webpack.Configuration, options: NextServer.WebpackConfigContext) => {
+    if (config.module?.rules && config.plugins) {
+      traverseLoaders(config.module.rules as Webpack.RuleSetRule[]);
+
+      // Add our store for virtual linaria css modules
+      if (!moduleStore) {
+        moduleStore = new VirtualModuleStore(config);
+      }
+      const vmPlugin = moduleStore.createStore(config.name);
+      vmPlugin.writeModule(
+        'node_modules/@mui/zero-runtime/styles.css',
+        generateCss(
+          {
+            cssVariablesPrefix,
+            themeArgs: {
+              theme,
+            },
+          },
+          {
+            defaultThemeKey: 'theme',
+            injectInRoot: injectDefaultThemeInRoot,
+          },
+        ),
+      );
+      config.plugins.push(vmPlugin);
+
+      // Show message when linaria cache is out of sync with webpack
+      config.plugins.push(new ErrorPlugin());
+
+      // Add css output loader with access to the module store
+      // in order to set the correct dependencies
+      config.module.rules.push({
+        test: regexLinariaCSS,
+        exclude: /node_modules/,
+        use: [
+          {
+            loader: path.resolve(__dirname, './loaders/outputCssLoader'),
+            options: {
+              moduleStore,
+            },
+          },
+        ],
+      });
+
+      // Add linaria loader to transform files
+      const linariaLoaderOptions: LinariaLoaderOptions = {
+        ...zeroConfig,
+        babelOptions: {
+          ...babelOptions,
+          presets: [...(babelOptions.presets ?? []), 'next/babel', '@linaria'],
+        },
+        themeArgs: {
+          theme,
+        },
+        sourceMap: sourceMap ?? process.env.NODE_ENV !== 'production',
+        displayName: displayName ?? process.env.NODE_ENV !== 'production',
+        moduleStore,
+      };
+      config.module.rules.push({
+        test: /\.(tsx|ts|js|mjs|jsx)$/,
+        exclude: /node_modules/,
+        use: [
+          {
+            loader: path.resolve(__dirname, './loaders/transformLoader'),
+            options: linariaLoaderOptions,
+          },
+        ],
+      });
+    }
+
+    if (typeof nextConfig.webpack === 'function') {
+      return nextConfig.webpack(config, options);
+    }
+    return config;
+  };
+
+  return {
+    ...nextConfig,
+    webpack,
+  };
+}
diff --git a/packages/zero-next-plugin/src/loaders/outputCssLoader.ts b/packages/zero-next-plugin/src/loaders/outputCssLoader.ts
new file mode 100644
index 00000000000000..10bf84b275f35a
--- /dev/null
+++ b/packages/zero-next-plugin/src/loaders/outputCssLoader.ts
@@ -0,0 +1,32 @@
+import type { RawLoaderDefinitionFunction } from 'webpack';
+import type VirtualModuleStore from '../VirtualModuleStore';
+
+type OutputLoaderOptions = {
+  moduleStore: VirtualModuleStore;
+};
+
+type LoaderType = RawLoaderDefinitionFunction<OutputLoaderOptions>;
+
+const cssOutputLoader: LoaderType = function cssOutputLoader(content, inputSourceMap) {
+  this.async();
+
+  const { moduleStore } = this.getOptions();
+  moduleStore
+    .getModuleDependencies(this.resourcePath)
+    .then((deps) => {
+      if (deps) {
+        deps.forEach((dep) => {
+          this.addDependency(dep);
+        });
+      }
+    })
+    .catch((err) => {
+      this.emitError(err);
+      console.error(`Error getting dependencies for ${this.resourcePath}`);
+    })
+    .finally(() => {
+      this.callback(null, content, inputSourceMap);
+    });
+};
+
+export default cssOutputLoader;
diff --git a/packages/zero-next-plugin/src/loaders/transformLoader.ts b/packages/zero-next-plugin/src/loaders/transformLoader.ts
new file mode 100644
index 00000000000000..4224d15cf1e27f
--- /dev/null
+++ b/packages/zero-next-plugin/src/loaders/transformLoader.ts
@@ -0,0 +1,152 @@
+/**
+ * This loader is based on the linaria webpack loader. Just some minor changes to support virtual modules and also adds support for sx prop transform to be able to be processed by linaria.
+ * https://github.com/callstack/linaria/blob/462739a781e31d5a8266957c0a4800292f452441/packages/webpack5-loader/src/index.ts
+ *
+ * This file contains a Webpack loader for Linaria.
+ * It uses the transform.ts function to generate class names from source code,
+ * returns transformed code without template literals and attaches generated source maps
+ */
+
+import type { PluginOptions, Preprocessor, Result } from '@linaria/babel-preset';
+import { transform } from '@linaria/babel-preset';
+import path from 'path';
+import { transformAsync as babelTransformAsync } from '@babel/core';
+import type { RawLoaderDefinitionFunction } from 'webpack';
+
+import type VirtualModuleStore from '../VirtualModuleStore';
+
+export const LINARIA_MODULE_EXTENSION = '.linaria.module';
+export const LINARIA_GLOBAL_EXTENSION = '.linaria.global';
+
+export const regexLinariaModuleCSS = /\.linaria\.module\.css$/;
+export const regexLinariaGlobalCSS = /\.linaria\.global\.css$/;
+export const regexLinariaCSS = /\.linaria\.(module|global)\.css$/;
+
+export type LinariaLoaderOptions = {
+  themeArgs?: Record<string, unknown>;
+  moduleStore: VirtualModuleStore;
+  preprocessor?: Preprocessor;
+  sourceMap?: boolean;
+} & Partial<PluginOptions>;
+
+type LoaderType = RawLoaderDefinitionFunction<LinariaLoaderOptions>;
+
+function convertSourceMap(
+  value: Parameters<LoaderType>[1],
+  filename: string,
+): Parameters<typeof transform>[1]['inputSourceMap'] {
+  if (typeof value === 'string' || !value) {
+    return undefined;
+  }
+
+  return {
+    ...value,
+    file: value.file ?? filename,
+    mappings: value.mappings ?? '',
+    names: value.names ?? [],
+    sources: value.sources ?? [],
+    version: value.version ?? 3,
+  };
+}
+
+const transformLoader: LoaderType = function transformLoader(content, inputSourceMap) {
+  // tell Webpack this loader is async
+  this.async();
+
+  const {
+    sourceMap = undefined,
+    preprocessor = undefined,
+    moduleStore,
+    ...rest
+  } = this.getOptions() || {};
+
+  const asyncResolve = (token: string, importer: string): Promise<string> => {
+    const context = path.isAbsolute(importer)
+      ? path.dirname(importer)
+      : path.join(process.cwd(), path.dirname(importer));
+    return new Promise((resolve, reject) => {
+      this.resolve(context, token, (err, result) => {
+        if (err) {
+          console.error(err);
+          reject(err);
+        } else if (result) {
+          this.addDependency(result);
+          resolve(result);
+        } else {
+          reject(new Error(`Cannot resolve ${token}`));
+        }
+      });
+    });
+  };
+  const contentString = content.toString();
+
+  babelTransformAsync(contentString, {
+    filename: this.resourcePath,
+    babelrc: false,
+    configFile: false,
+    presets: ['@babel/preset-typescript'],
+    plugins: ['@babel/plugin-syntax-jsx', ['@mui/zero-tag-processor/pre-linaria-plugin']],
+  }).then(
+    (babelResult) => {
+      transform(
+        babelResult?.code ?? contentString,
+        {
+          filename: this.resourcePath,
+          inputSourceMap: convertSourceMap(inputSourceMap, this.resourcePath),
+          pluginOptions: rest,
+          preprocessor,
+        },
+        asyncResolve,
+      ).then(
+        async (result: Result) => {
+          if (result.cssText) {
+            let { cssText } = result;
+
+            if (sourceMap) {
+              cssText += `/*# sourceMappingURL=data:application/json;base64,${Buffer.from(
+                result.cssSourceMapText || '',
+              ).toString('base64')}*/`;
+            }
+
+            await Promise.all(
+              result.dependencies?.map((dep) => asyncResolve(dep, this.resourcePath)) ?? [],
+            );
+
+            try {
+              const filename = path.basename(this.resourcePath, path.extname(this.resourcePath));
+              const fileDir = path.dirname(this.resourcePath);
+              const isGlobalStyle = filename.endsWith(LINARIA_GLOBAL_EXTENSION);
+
+              const cssModuleName = `${filename}${
+                isGlobalStyle ? '' : LINARIA_MODULE_EXTENSION
+              }.css`;
+
+              const fullPathToModule = path.join(fileDir, cssModuleName);
+
+              await Promise.all([
+                moduleStore.addModule(fullPathToModule, cssText),
+                moduleStore.addModuleDependencies(fullPathToModule, this.getDependencies()),
+              ]);
+
+              this.callback(
+                null,
+                `${result.code}\n\nrequire("./${cssModuleName}");`,
+                result.sourceMap ?? undefined,
+              );
+            } catch (err) {
+              this.callback(err as Error);
+            }
+
+            return;
+          }
+
+          this.callback(null, result.code, result.sourceMap ?? undefined);
+        },
+        (err: Error) => this.callback(err),
+      );
+    },
+    (err: Error) => this.callback(err),
+  );
+};
+
+export default transformLoader;
diff --git a/packages/zero-next-plugin/src/plugins/errorPlugin.ts b/packages/zero-next-plugin/src/plugins/errorPlugin.ts
new file mode 100644
index 00000000000000..a583a69a40cdcc
--- /dev/null
+++ b/packages/zero-next-plugin/src/plugins/errorPlugin.ts
@@ -0,0 +1,32 @@
+import type { Compiler } from 'webpack';
+import { WebpackError } from 'webpack';
+
+import { isFSCache } from '../utils';
+
+const cssRegex = /\.linaria\.(module|global)\.css/;
+
+export default class ErrorPlugin {
+  // eslint-disable-next-line class-methods-use-this
+  apply(compiler: Compiler) {
+    compiler.hooks.afterDone.tap('ErrorPlugin', (stats) => {
+      if (stats.hasErrors()) {
+        if (isFSCache(stats.compilation.compiler.options.cache)) {
+          const isLinariaRelated = stats.compilation.errors.some((error) => {
+            return cssRegex.test(error.message);
+          });
+
+          if (isLinariaRelated) {
+            stats.compilation.errors = stats.compilation.errors.filter(
+              (err) => !cssRegex.test(err.message),
+            );
+
+            const message =
+              '🔄 The Linaria cache seems to be out of sync with the webpack cache, please restart the server.\n For more details see: https://github.com/dlehmhus/next-with-linaria#good-to-know \n\n';
+
+            stats.compilation.errors.push(new WebpackError(message));
+          }
+        }
+      }
+    });
+  }
+}
diff --git a/packages/zero-next-plugin/src/plugins/webpack-virtual-modules/index.ts b/packages/zero-next-plugin/src/plugins/webpack-virtual-modules/index.ts
new file mode 100644
index 00000000000000..3104541b4a9967
--- /dev/null
+++ b/packages/zero-next-plugin/src/plugins/webpack-virtual-modules/index.ts
@@ -0,0 +1,225 @@
+/* eslint-disable no-underscore-dangle */
+// Thanks https://github.com/sysgears/webpack-virtual-modules/blob/ea53626016db74de66b14401b7377cbc3fc31059/src/index.ts
+// This is the webpack-virtual-modules package with the slight alteration that
+// we can write modules before the compiler is available.
+import path from 'path';
+
+import type { Compiler } from 'webpack';
+import VirtualStats from './virtual-stats';
+import {
+  checkActivation,
+  createWebpackData,
+  getData,
+  getFileStorage,
+  getModulePath,
+  getReadDirBackend,
+  getStatStorage,
+  setData,
+} from './vmUtils';
+
+let inode = 45000000;
+
+export default class VirtualModulesPlugin {
+  private _staticModules: Record<string, string> | null;
+
+  private _compiler: Compiler | null = null;
+
+  private _watcher: any = null;
+
+  public constructor(modules?: Record<string, string>) {
+    this._staticModules = modules || null;
+  }
+
+  public writeModule(filePath: string, contents: string): void {
+    // next-with-linaria patch, if not initialized yet, add to static modules
+    if (!this._compiler) {
+      if (!this._staticModules) {
+        this._staticModules = {};
+      }
+      this._staticModules[filePath] = contents;
+      return;
+    }
+
+    checkActivation(this);
+
+    const len = contents ? contents.length : 0;
+    const time = Date.now();
+    const date = new Date(time);
+
+    const stats = new VirtualStats({
+      dev: 8675309,
+      nlink: 0,
+      uid: 1000,
+      gid: 1000,
+      rdev: 0,
+      blksize: 4096,
+      ino: (inode += 1),
+      mode: 33188,
+      size: len,
+      blocks: Math.floor(len / 4096),
+      atime: date,
+      mtime: date,
+      ctime: date,
+      birthtime: date,
+    });
+    const modulePath = getModulePath(filePath, this._compiler);
+
+    if (process.env.WVM_DEBUG) {
+      // eslint-disable-next-line no-console
+      console.log(this._compiler.name, 'Write virtual module:', modulePath, contents);
+    }
+
+    // When using the WatchIgnorePlugin (https://github.com/webpack/webpack/blob/52184b897f40c75560b3630e43ca642fcac7e2cf/lib/WatchIgnorePlugin.js),
+    // the original watchFileSystem is stored in `wfs`. The following "unwraps" the ignoring
+    // wrappers, giving us access to the "real" watchFileSystem.
+    let finalWatchFileSystem = this._watcher && this._watcher.watchFileSystem;
+
+    while (finalWatchFileSystem && finalWatchFileSystem.wfs) {
+      finalWatchFileSystem = finalWatchFileSystem.wfs;
+    }
+
+    let finalInputFileSystem: any = this._compiler.inputFileSystem;
+    while (finalInputFileSystem && finalInputFileSystem._inputFileSystem) {
+      finalInputFileSystem = finalInputFileSystem._inputFileSystem;
+    }
+
+    finalInputFileSystem._writeVirtualFile(modulePath, stats, contents);
+    if (
+      finalWatchFileSystem &&
+      (finalWatchFileSystem.watcher.fileWatchers.size ||
+        finalWatchFileSystem.watcher.fileWatchers.length)
+    ) {
+      const fileWatchers =
+        finalWatchFileSystem.watcher.fileWatchers instanceof Map
+          ? Array.from(finalWatchFileSystem.watcher.fileWatchers.values())
+          : finalWatchFileSystem.watcher.fileWatchers;
+      for (let i = 0; i < fileWatchers.length; i += 1) {
+        let fileWatcher = fileWatchers[i];
+        if ('watcher' in fileWatcher) {
+          fileWatcher = fileWatcher.watcher;
+        }
+        if (fileWatcher.path === modulePath) {
+          if (process.env.DEBUG) {
+            // eslint-disable-next-line no-console
+            console.log(this._compiler.name, 'Emit file change:', modulePath, time);
+          }
+          delete fileWatcher.directoryWatcher._cachedTimeInfoEntries;
+          fileWatcher.emit('change', time, null);
+        }
+      }
+    }
+  }
+
+  public apply(compiler: Compiler) {
+    this._compiler = compiler;
+
+    const afterEnvironmentHook = () => {
+      let finalInputFileSystem: any = compiler.inputFileSystem;
+      while (finalInputFileSystem && finalInputFileSystem._inputFileSystem) {
+        finalInputFileSystem = finalInputFileSystem._inputFileSystem;
+      }
+
+      if (!finalInputFileSystem._writeVirtualFile) {
+        const originalPurge = finalInputFileSystem.purge;
+
+        finalInputFileSystem.purge = () => {
+          originalPurge.apply(finalInputFileSystem, []);
+          if (finalInputFileSystem._virtualFiles) {
+            Object.keys(finalInputFileSystem._virtualFiles).forEach((file) => {
+              const data = finalInputFileSystem._virtualFiles[file];
+              finalInputFileSystem._writeVirtualFile(file, data.stats, data.contents);
+            });
+          }
+        };
+
+        // @ts-ignore
+        finalInputFileSystem._writeVirtualFile = (file, stats, contents) => {
+          const statStorage = getStatStorage(finalInputFileSystem);
+          const fileStorage = getFileStorage(finalInputFileSystem);
+          const readDirStorage = getReadDirBackend(finalInputFileSystem);
+          finalInputFileSystem._virtualFiles = finalInputFileSystem._virtualFiles || {};
+          finalInputFileSystem._virtualFiles[file] = {
+            stats,
+            contents,
+          };
+          setData(statStorage, file, createWebpackData(stats));
+          setData(fileStorage, file, createWebpackData(contents));
+          const segments = file.split(/[\\/]/);
+          let count = segments.length - 1;
+          const minCount = segments[0] ? 1 : 0;
+          while (count > minCount) {
+            const dir = segments.slice(0, count).join(path.sep) || path.sep;
+            try {
+              finalInputFileSystem.readdirSync(dir);
+            } catch (e) {
+              const time = Date.now();
+              const dirStats = new VirtualStats({
+                dev: 8675309,
+                nlink: 0,
+                uid: 1000,
+                gid: 1000,
+                rdev: 0,
+                blksize: 4096,
+                ino: (inode += 1),
+                mode: 16877,
+                size: stats.size,
+                blocks: Math.floor(stats.size / 4096),
+                atime: time,
+                mtime: time,
+                ctime: time,
+                birthtime: time,
+              });
+
+              setData(readDirStorage, dir, createWebpackData([]));
+              setData(statStorage, dir, createWebpackData(dirStats));
+            }
+            let dirData = getData(getReadDirBackend(finalInputFileSystem), dir);
+            // Webpack v4 returns an array, webpack v5 returns an object
+            dirData = dirData[1] || dirData.result;
+            const filename = segments[count];
+            if (dirData.indexOf(filename) < 0) {
+              const files = dirData.concat([filename]).sort();
+              setData(getReadDirBackend(finalInputFileSystem), dir, createWebpackData(files));
+            } else {
+              break;
+            }
+            count -= 1;
+          }
+        };
+      }
+    };
+    const afterResolversHook = () => {
+      if (this._staticModules) {
+        const entries = Object.entries(this._staticModules);
+        for (let i = 0; i < entries.length; i += 1) {
+          const [filePath, contents] = entries[i];
+          this.writeModule(filePath, contents);
+        }
+        this._staticModules = null;
+      }
+    };
+
+    // @ts-ignore
+    const watchRunHook = (watcher, callback) => {
+      this._watcher = watcher.compiler || watcher;
+      const virtualFiles = (compiler as any).inputFileSystem._virtualFiles;
+      const fts = compiler.fileTimestamps as any;
+      if (virtualFiles && fts && typeof fts.set === 'function') {
+        Object.keys(virtualFiles).forEach((file) => {
+          fts.set(file, +virtualFiles[file].stats.mtime);
+        });
+      }
+      callback();
+    };
+
+    if (compiler.hooks) {
+      compiler.hooks.afterEnvironment.tap('VirtualModulesPlugin', afterEnvironmentHook);
+      compiler.hooks.afterResolvers.tap('VirtualModulesPlugin', afterResolversHook);
+      compiler.hooks.watchRun.tapAsync('VirtualModulesPlugin', watchRunHook);
+    } else {
+      (compiler as any).plugin('after-environment', afterEnvironmentHook);
+      (compiler as any).plugin('after-resolvers', afterResolversHook);
+      (compiler as any).plugin('watch-run', watchRunHook);
+    }
+  }
+}
diff --git a/packages/zero-next-plugin/src/plugins/webpack-virtual-modules/virtual-stats.js b/packages/zero-next-plugin/src/plugins/webpack-virtual-modules/virtual-stats.js
new file mode 100644
index 00000000000000..fbe85346c454f6
--- /dev/null
+++ b/packages/zero-next-plugin/src/plugins/webpack-virtual-modules/virtual-stats.js
@@ -0,0 +1,63 @@
+/* eslint-disable no-underscore-dangle */
+/* eslint-disable no-bitwise */
+/**
+ * Used to cache a stats object for the virtual file.
+ * Extracted from the `mock-fs` package.
+ *
+ * @author Tim Schaub http://tschaub.net/
+ * @author `webpack-virtual-modules` Contributors
+ * @link https://github.com/tschaub/mock-fs/blob/master/lib/binding.js
+ * @link https://github.com/tschaub/mock-fs/blob/master/license.md
+ */
+import constants from 'constants';
+
+export default class VirtualStats {
+  /**
+   * Create a new stats object.
+   *
+   * @param config Stats properties.
+   */
+  constructor(config) {
+    Object.keys(config).forEach((key) => {
+      if (!Object.prototype.hasOwnProperty.call(config, key)) {
+        return;
+      }
+      this[key] = config[key];
+    });
+  }
+
+  /**
+   * Check if mode indicates property.
+   */
+  _checkModeProperty(property) {
+    return (this.mode & constants.S_IFMT) === property;
+  }
+
+  isDirectory() {
+    return this._checkModeProperty(constants.S_IFDIR);
+  }
+
+  isFile() {
+    return this._checkModeProperty(constants.S_IFREG);
+  }
+
+  isBlockDevice() {
+    return this._checkModeProperty(constants.S_IFBLK);
+  }
+
+  isCharacterDevice() {
+    return this._checkModeProperty(constants.S_IFCHR);
+  }
+
+  isSymbolicLink() {
+    return this._checkModeProperty(constants.S_IFLNK);
+  }
+
+  isFIFO() {
+    return this._checkModeProperty(constants.S_IFIFO);
+  }
+
+  isSocket() {
+    return this._checkModeProperty(constants.S_IFSOCK);
+  }
+}
diff --git a/packages/zero-next-plugin/src/plugins/webpack-virtual-modules/vmUtils.js b/packages/zero-next-plugin/src/plugins/webpack-virtual-modules/vmUtils.js
new file mode 100644
index 00000000000000..b0b70c7444621c
--- /dev/null
+++ b/packages/zero-next-plugin/src/plugins/webpack-virtual-modules/vmUtils.js
@@ -0,0 +1,95 @@
+/* eslint-disable no-underscore-dangle */
+import * as path from 'node:path';
+
+export function checkActivation(instance) {
+  if (!instance._compiler) {
+    throw new Error('You must use this plugin only after creating webpack instance!');
+  }
+}
+
+export function getModulePath(filePath, compiler) {
+  return path.isAbsolute(filePath) ? filePath : path.join(compiler.context, filePath);
+}
+
+export function createWebpackData(result) {
+  return (backendOrStorage) => {
+    // In Webpack v5, this variable is a "Backend", and has the data stored in a field
+    // _data. In V4, the `_` prefix isn't present.
+    if (backendOrStorage._data) {
+      const curLevelIdx = backendOrStorage._currentLevel;
+      const curLevel = backendOrStorage._levels[curLevelIdx];
+      return {
+        result,
+        level: curLevel,
+      };
+    }
+    // Webpack 4
+    return [null, result];
+  };
+}
+
+export function getData(storage, key) {
+  // Webpack 5
+  if (storage._data instanceof Map) {
+    return storage._data.get(key);
+  }
+  if (storage._data) {
+    return storage.data[key];
+  }
+  if (storage.data instanceof Map) {
+    // Webpack v4
+    return storage.data.get(key);
+  }
+  return storage.data[key];
+}
+
+export function setData(backendOrStorage, key, valueFactory) {
+  const value = valueFactory(backendOrStorage);
+
+  // Webpack v5
+  if (backendOrStorage._data instanceof Map) {
+    backendOrStorage._data.set(key, value);
+  } else if (backendOrStorage._data) {
+    backendOrStorage.data[key] = value;
+  } else if (backendOrStorage.data instanceof Map) {
+    // Webpack 4
+    backendOrStorage.data.set(key, value);
+  } else {
+    backendOrStorage.data[key] = value;
+  }
+}
+
+export function getStatStorage(fileSystem) {
+  if (fileSystem._statStorage) {
+    // Webpack v4
+    return fileSystem._statStorage;
+  }
+  if (fileSystem._statBackend) {
+    // webpack v5
+    return fileSystem._statBackend;
+  }
+  // Unknown version?
+  throw new Error("Couldn't find a stat storage");
+}
+
+export function getFileStorage(fileSystem) {
+  if (fileSystem._readFileStorage) {
+    // Webpack v4
+    return fileSystem._readFileStorage;
+  }
+  if (fileSystem._readFileBackend) {
+    // Webpack v5
+    return fileSystem._readFileBackend;
+  }
+  throw new Error("Couldn't find a readFileStorage");
+}
+
+export function getReadDirBackend(fileSystem) {
+  if (fileSystem._readdirBackend) {
+    return fileSystem._readdirBackend;
+  }
+  if (fileSystem._readdirStorage) {
+    return fileSystem._readdirStorage;
+  }
+  throw new Error("Couldn't find a readDirStorage from Webpack Internals");
+}
diff --git a/packages/zero-next-plugin/src/utils.ts b/packages/zero-next-plugin/src/utils.ts
new file mode 100644
index 00000000000000..2c3ca80b9add65
--- /dev/null
+++ b/packages/zero-next-plugin/src/utils.ts
@@ -0,0 +1,54 @@
+import type * as Webpack from 'webpack';
+
+type CssModuleType = {
+  auto: boolean | RegExp | ((resourcePath: string) => boolean);
+  exportGlobals: boolean;
+  exportLocalsConvention:
+    | 'asIs'
+    | 'camelCase'
+    | 'camelCaseOnly'
+    | 'dashes'
+    | 'dashesOnly'
+    | ((name: string) => string);
+  exportOnlyLocals: boolean;
+  getLocalIdent: (
+    context: Webpack.LoaderContext<unknown>,
+    localIdentName: string,
+    exportName: string,
+    options: object,
+  ) => string;
+  localIdentContext: string;
+  localIdentHashDigest: string;
+  localIdentHashFunction: string;
+  localIdentHashSalt: string;
+  localIdentName: string;
+  localIdentRegExp: string | RegExp;
+  mode:
+    | 'local'
+    | 'global'
+    | 'pure'
+    | 'icss'
+    | ((resourcePath: string) => 'local' | 'global' | 'pure' | 'icss');
+  namedExport: boolean;
+};
+
+export function isCssModule(
+  rule: Webpack.RuleSetRule,
+): rule is Webpack.RuleSetRule & { options: { modules: CssModuleType } } {
+  return (
+    rule.options &&
+    typeof rule.options === 'object' &&
+    rule.options.modules &&
+    typeof rule.options.modules.getLocalIdent === 'function'
+  );
+}
+
+export function isCssLoader(rule: Webpack.RuleSetRule): boolean {
+  return typeof rule.loader === 'string' && rule.loader.includes('css-loader');
+}
+
+export function isFSCache(
+  cache: Webpack.Configuration['cache'],
+): cache is Webpack.FileCacheOptions {
+  return typeof cache === 'object' && cache.type === 'filesystem';
+}
diff --git a/packages/zero-next-plugin/tsconfig.build.json b/packages/zero-next-plugin/tsconfig.build.json
new file mode 100644
index 00000000000000..23e0628498f2f1
--- /dev/null
+++ b/packages/zero-next-plugin/tsconfig.build.json
@@ -0,0 +1,21 @@
+{
+  // This config is for emitting declarations (.d.ts) only
+  // Actual .ts source files are transpiled via babel
+  "extends": "./tsconfig",
+  "compilerOptions": {
+    "target": "ES2015",
+    "composite": true,
+    "declaration": true,
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "outDir": "build",
+    "rootDir": "./src"
+  },
+  "include": ["./src/**/*.ts", "./src/**/*.js"],
+  "exclude": ["src/**/*.spec.ts*", "src/**/*.test.ts*"],
+  "references": [
+    { "path": "../mui-system/tsconfig.build.json" },
+    { "path": "../mui-material/tsconfig.build.json" },
+    { "path": "../zero-tag-processor/tsconfig.build.json" }
+  ]
+}
diff --git a/packages/zero-next-plugin/tsconfig.json b/packages/zero-next-plugin/tsconfig.json
new file mode 100644
index 00000000000000..79f9a30c3552bd
--- /dev/null
+++ b/packages/zero-next-plugin/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig",
+  "include": ["src/**/*", "test/**/*"],
+  "compilerOptions": {
+    "lib": ["ES2022", "DOM"],
+    "target": "ES2015",
+    "types": ["mocha", "node", "chai"]
+  }
+}
diff --git a/packages/zero-runtime/.eslintrc.json b/packages/zero-runtime/.eslintrc.json
new file mode 100644
index 00000000000000..54a33fd127fb66
--- /dev/null
+++ b/packages/zero-runtime/.eslintrc.json
@@ -0,0 +1,5 @@
+{
+  "rules": {
+    "@typescript-eslint/consistent-type-imports": "error"
+  }
+}
diff --git a/packages/zero-runtime/README.md b/packages/zero-runtime/README.md
new file mode 100644
index 00000000000000..6ffaf477384095
--- /dev/null
+++ b/packages/zero-runtime/README.md
@@ -0,0 +1,3 @@
+# @mui/zero-runtime
+
+Runtime package for `styled`. It'll be an equivalent to `@mui/system` later on.
diff --git a/packages/zero-runtime/package.json b/packages/zero-runtime/package.json
new file mode 100644
index 00000000000000..bfd016c3a31969
--- /dev/null
+++ b/packages/zero-runtime/package.json
@@ -0,0 +1,68 @@
+{
+  "name": "@mui/zero-runtime",
+  "version": "0.0.1-alpha.4",
+  "private": true,
+  "author": "MUI Team",
+  "description": "Linaria tag processors for custom styled implementation.",
+  "main": "./src/index.ts",
+  "keywords": [
+    "zero runtime",
+    "css-in-js",
+    "mui"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mui/material-ui.git",
+    "directory": "packages/zero-tag-processor"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/mui/material-ui/issues"
+  },
+  "homepage": "@TODO",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/mui"
+  },
+  "scripts": {
+    "build": "yarn build:legacy && yarn build:modern && yarn build:node && yarn build:stable && yarn build:types && yarn build:copy-files",
+    "build:legacy": "node ../../scripts/build.mjs legacy",
+    "build:modern": "node ../../scripts/build.mjs modern",
+    "build:node": "node ../../scripts/build.mjs node",
+    "build:stable": "node ../../scripts/build.mjs stable",
+    "build:copy-files": "node ../../scripts/copyFiles.mjs styles.css",
+    "build:types": "node ../../scripts/buildTypes.mjs",
+    "prebuild": "rimraf build tsconfig.build.tsbuildinfo",
+    "release": "yarn build && npm publish build",
+    "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/zero-babel-plugin/**/*.test.{js,ts,tsx}'",
+    "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json",
+    "typescript:module-augmentation": "node scripts/testModuleAugmentation.js"
+  },
+  "dependencies": {
+    "clsx": "^2.0.0"
+  },
+  "devDependencies": {
+    "@types/chai": "^4.3.6",
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^18.17.18",
+    "@types/react": "^18.2.21",
+    "react": "^18.2.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=12.0.0"
+  },
+  "linaria": {
+    "tags": {
+      "styled": "@mui/zero-tag-processor/styled",
+      "default": "@mui/zero-tag-processor/styled",
+      "sx": "@mui/zero-tag-processor/sx"
+    }
+  }
+}
diff --git a/packages/zero-runtime/src/index.ts b/packages/zero-runtime/src/index.ts
new file mode 100644
index 00000000000000..274d74be27417b
--- /dev/null
+++ b/packages/zero-runtime/src/index.ts
@@ -0,0 +1,5 @@
+import styled from './styled';
+import sx from './sx';
+
+export { styled, sx };
+export default styled;
diff --git a/packages/zero-runtime/src/styled.d.ts b/packages/zero-runtime/src/styled.d.ts
new file mode 100644
index 00000000000000..949fdbd43c665d
--- /dev/null
+++ b/packages/zero-runtime/src/styled.d.ts
@@ -0,0 +1,15 @@
+// @TODO - Implement correct style definitions
+
+type HTMLElements = keyof JSX.IntrinsicElements;
+interface StyledFn {
+  (...args: any[]): any;
+}
+type StyledIndex = {
+  [key in HTMLElements]: (...args: any[]) => any;
+};
+
+type Styled = StyledFn & StyledIndex;
+
+declare const styled: Styled;
+
+export default styled;
diff --git a/packages/zero-runtime/src/styled.js b/packages/zero-runtime/src/styled.js
new file mode 100644
index 00000000000000..c213df882d35fc
--- /dev/null
+++ b/packages/zero-runtime/src/styled.js
@@ -0,0 +1,126 @@
+import * as React from 'react';
+import clsx from 'clsx';
+
+function getVariantClasses(componentProps, variants) {
+  const { ownerState = {} } = componentProps;
+  const variantClasses = variants
+    .filter(({ props: variantProps }) =>
+      Object.entries(variantProps).every(([propKey, propValue]) => {
+        return ownerState[propKey] === propValue || componentProps[propKey] === propValue;
+      }),
+    )
+    .map(({ className }) => className);
+  return variantClasses;
+}
+
+/**
+ * @TODO - Filter props and only pass necessary props to children
+ *
+ * This is the runtime `styled` function that finally renders the component
+ * after transpilation through linaria. It makes sure to add the base classes, variant classes if they satisfy the prop value and also adds dynamic css variables at runtime, if any.
+ * @param {Object} options
+ * @param {string} options.displayName Set by linaria. Mostly is same as the variable name. For this code, ```const Comp = styled(...)(...)```, `displayName` will be `Comp`.
+ * @param {string[]} options.classes List of class names that reference the inline css object styles.
+ * @param {Object} options.vars Dynamically generated css variables inlined directly on the element for runtime styling.
+ * @param {Object[]} options.variants
+ * @param {Object} options.variants.props
+ * @param {string} options.variants.className Classname generated for this specific variant through styled processor.
+ * @param {string} options.name
+ * @param {string} options.slot
+ * @param {Object} options.defaultProps Default props object copied over and inlined from theme object
+ */
+export default function styled(tag, options = {}) {
+  const {
+    displayName,
+    classes = [],
+    vars: cssVars = {},
+    variants = [],
+    name,
+    slot,
+    defaultProps = {},
+  } = options;
+  let componentName = 'Component';
+
+  if (name) {
+    if (slot) {
+      componentName = `${name}${slot}`;
+    } else {
+      componentName = name;
+    }
+  } else if (displayName) {
+    componentName = displayName;
+  }
+
+  const StyledComponent = React.forwardRef(function StyledComponent(
+    // eslint-disable-next-line react/prop-types
+    { as, className, sx, style, ...props },
+    ref,
+  ) {
+    // eslint-disable-next-line react/prop-types
+    const { ownerState, ...restProps } = props;
+    const Component = as ?? tag;
+    const varStyles = Object.entries(cssVars).reduce(
+      (acc, [cssVariable, [variableFunction, isUnitLess]]) => {
+        const value = variableFunction(props);
+        if (typeof value === 'string' || isUnitLess) {
+          acc[`--${cssVariable}`] = value;
+        } else {
+          acc[`--${cssVariable}`] = `${value}px`;
+        }
+        return acc;
+      },
+      {},
+    );
+    // eslint-disable-next-line react/prop-types
+    const sxClass = typeof sx === 'string' ? sx : sx?.className;
+    // eslint-disable-next-line react/prop-types
+    const sxVars = sx && typeof sx !== 'string' ? sx.vars : undefined;
+
+    if (sxVars) {
+      Object.entries(sxVars).forEach(([cssVariable, [value, isUnitLess]]) => {
+        if (typeof value === 'string' || isUnitLess) {
+          varStyles[`--${cssVariable}`] = value;
+        } else {
+          varStyles[`--${cssVariable}`] = `${value}px`;
+        }
+      });
+    }
+
+    const finalClassName = clsx(classes, sxClass, className, getVariantClasses(props, variants));
+
+    // eslint-disable-next-line no-underscore-dangle
+    if (!Component.__isStyled) {
+      return (
+        <Component
+          {...restProps}
+          ref={ref}
+          className={finalClassName}
+          style={{
+            ...style,
+            ...varStyles,
+          }}
+        />
+      );
+    }
+
+    return (
+      <Component
+        {...restProps}
+        ownerState={ownerState}
+        ref={ref}
+        className={finalClassName}
+        style={{
+          ...style,
+          ...varStyles,
+        }}
+      />
+    );
+  });
+
+  StyledComponent.displayName = `Styled(${componentName})`;
+  StyledComponent.defaultProps = defaultProps;
+  // eslint-disable-next-line no-underscore-dangle
+  StyledComponent.__isStyled = true;
+
+  return StyledComponent;
+}
diff --git a/packages/zero-runtime/src/sx.d.ts b/packages/zero-runtime/src/sx.d.ts
new file mode 100644
index 00000000000000..715e11b247182b
--- /dev/null
+++ b/packages/zero-runtime/src/sx.d.ts
@@ -0,0 +1,2 @@
+// @TODO - Implement correct style definitions
+export default function sx<T>(arg: T): T;
diff --git a/packages/zero-runtime/src/sx.js b/packages/zero-runtime/src/sx.js
new file mode 100644
index 00000000000000..e0a97713fdb3d6
--- /dev/null
+++ b/packages/zero-runtime/src/sx.js
@@ -0,0 +1,6 @@
+export default function sx() {
+  // @TODO - Add link to the documentation when we have it.
+  throw new Error(
+    'MUI: You were trying to call sx function directly without configuring your bundler. Make sure to install the bundler specific plugin and use it.',
+  );
+}
diff --git a/packages/zero-runtime/styles.css b/packages/zero-runtime/styles.css
new file mode 100644
index 00000000000000..2671046eb47bc4
--- /dev/null
+++ b/packages/zero-runtime/styles.css
@@ -0,0 +1,3 @@
+/**
+ * Placeholder file that gets populated with theme styles
+ */
diff --git a/packages/zero-runtime/tsconfig.build.json b/packages/zero-runtime/tsconfig.build.json
new file mode 100644
index 00000000000000..05dec83dca2af2
--- /dev/null
+++ b/packages/zero-runtime/tsconfig.build.json
@@ -0,0 +1,16 @@
+{
+  // This config is for emitting declarations (.d.ts) only
+  // Actual .ts source files are transpiled via babel
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "composite": true,
+    "declaration": true,
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "outDir": "build",
+    "rootDir": "./src"
+  },
+  "include": ["./src/**/*.ts*"],
+  "exclude": ["src/**/*.spec.ts*", "src/**/*.test.ts*"],
+  "references": []
+}
diff --git a/packages/zero-runtime/tsconfig.json b/packages/zero-runtime/tsconfig.json
new file mode 100644
index 00000000000000..4f80efafeb94ed
--- /dev/null
+++ b/packages/zero-runtime/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*", "test/**/*"],
+  "compilerOptions": {
+    "types": ["mocha", "node", "chai", "react"]
+  }
+}
diff --git a/packages/zero-tag-processor/.eslintrc.json b/packages/zero-tag-processor/.eslintrc.json
new file mode 100644
index 00000000000000..794e023d7cced9
--- /dev/null
+++ b/packages/zero-tag-processor/.eslintrc.json
@@ -0,0 +1,6 @@
+{
+  "rules": {
+    "@typescript-eslint/consistent-type-imports": "error",
+    "import/prefer-default-export": "off"
+  }
+}
diff --git a/packages/zero-tag-processor/README.md b/packages/zero-tag-processor/README.md
new file mode 100644
index 00000000000000..4faff8f921fce0
--- /dev/null
+++ b/packages/zero-tag-processor/README.md
@@ -0,0 +1,15 @@
+# @mui/zero-tag-processor
+
+`styled` processor for Linaria to support CSSObject syntax with theme support. Exploratory package not meant for production as of yet.
+
+## TODOs
+
+### `styled` call features
+
+- [x] Replacing usage of theme tokens (`primary.main`) inside the dynamic functions with equivalent css variables at build time.
+- [x] Restricting usage of `theme` object inside above functions.
+- [x] Generating theme classes with all the theme tokens.
+- [x] Optional processing of shorthands.
+- [ ] Copying over some of the logic from `@mui/system` to the package (mainly `styleFunctionSx` and it's dependencies.)
+- [ ] Typescript typings for `styled`
+- [ ] Tagged template support. This version only supports css objects and strings. You can interpolate theme and return tagged string. _We'll probably revisit at the end as right now we are focussed on style objects_.
diff --git a/packages/zero-tag-processor/package.json b/packages/zero-tag-processor/package.json
new file mode 100644
index 00000000000000..dad38daf908ffd
--- /dev/null
+++ b/packages/zero-tag-processor/package.json
@@ -0,0 +1,70 @@
+{
+  "name": "@mui/zero-tag-processor",
+  "version": "0.0.1-alpha.4",
+  "private": true,
+  "author": "MUI Team",
+  "description": "Linaria tag processors for custom styled implementation.",
+  "main": "./src/index.ts",
+  "keywords": [
+    "zero runtime",
+    "css-in-js",
+    "mui"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mui/material-ui.git",
+    "directory": "packages/zero-tag-processor"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/mui/material-ui/issues"
+  },
+  "homepage": "@TODO",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/mui"
+  },
+  "scripts": {
+    "build": "yarn build:legacy && yarn build:modern && yarn build:node && yarn build:stable && yarn build:types && yarn build:copy-files",
+    "build:legacy": "node ../../scripts/build.mjs legacy",
+    "build:modern": "node ../../scripts/build.mjs modern",
+    "build:node": "node ../../scripts/build.mjs node",
+    "build:stable": "node ../../scripts/build.mjs stable",
+    "build:copy-files": "node ../../scripts/copyFiles.mjs",
+    "build:types": "node ../../scripts/buildTypes.mjs",
+    "prebuild": "rimraf build tsconfig.build.tsbuildinfo",
+    "release": "yarn build && npm publish build",
+    "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/zero-babel-plugin/**/*.test.{js,ts,tsx}'",
+    "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json",
+    "typescript:module-augmentation": "node scripts/testModuleAugmentation.js"
+  },
+  "dependencies": {
+    "@babel/core": "^7.22.20",
+    "@babel/helper-module-imports": "^7.22.15",
+    "@babel/helper-plugin-utils": "^7.22.5",
+    "@babel/parser": "^7.22.16",
+    "@babel/types": "^7.22.19",
+    "@emotion/css": "^11.11.2",
+    "@linaria/tags": "^4.5.4",
+    "@linaria/utils": "^4.5.3",
+    "@mui/system": "^5.14.10",
+    "lodash.get": "^4.4.2"
+  },
+  "devDependencies": {
+    "@mui/material": "^5.14.10",
+    "@types/babel__core": "^7.20.2",
+    "@types/babel__helper-module-imports": "^7.18.1",
+    "@types/babel__helper-plugin-utils": "^7.10.0",
+    "@types/chai": "^4.3.6",
+    "@types/lodash.get": "^4.4.7",
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^18.17.18"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=12.0.0"
+  }
+}
diff --git a/packages/zero-tag-processor/src/generateCss.ts b/packages/zero-tag-processor/src/generateCss.ts
new file mode 100644
index 00000000000000..5f7ec194c26607
--- /dev/null
+++ b/packages/zero-tag-processor/src/generateCss.ts
@@ -0,0 +1,81 @@
+import createEmotion from '@emotion/css/create-instance';
+import type { Theme } from '@mui/material/styles';
+import type { PluginCustomOptions } from './utils/cssFnValueToVariable';
+
+type CssGenerationOptions = {
+  injectInRoot?: boolean;
+  defaultThemeKey?: string;
+};
+
+type RelevantTokenKey = keyof Pick<
+  Theme,
+  'palette' | 'shadows' | 'shape' | 'typography' | 'zIndex' | 'direction' | 'transitions'
+>;
+const topLevelTokenKeys: RelevantTokenKey[] = [
+  'palette',
+  'shadows',
+  'shape',
+  'typography',
+  'zIndex',
+  'direction',
+  'transitions',
+];
+
+type CssVarsObject = Record<string, string | number | undefined>;
+
+function iterateObject(
+  tokenObject: object | string | number | boolean,
+  cssVarsObject: CssVarsObject,
+  prefix: string[],
+) {
+  if (Array.isArray(tokenObject)) {
+    tokenObject.forEach((item, index) => {
+      iterateObject(item, cssVarsObject, prefix.concat(`${index}`));
+    });
+  } else if (typeof tokenObject === 'object') {
+    Object.entries(tokenObject).forEach(([key, value]) => {
+      iterateObject(value, cssVarsObject, prefix.concat(key));
+    });
+  } else if (['string', 'number', 'boolean'].includes(typeof tokenObject)) {
+    const cssVariableName = `--${prefix.filter(Boolean).join('-')}`;
+    cssVarsObject[cssVariableName] =
+      typeof tokenObject === 'string' ? tokenObject : tokenObject.toString();
+  }
+}
+
+function generateCssForTheme(theme: Theme, prefix = ['']) {
+  const cssVarsObject: CssVarsObject = {};
+  topLevelTokenKeys.forEach((themeKey: RelevantTokenKey) => {
+    const nestedPrefix = prefix.concat(themeKey);
+    const tokenValue = theme[themeKey];
+    iterateObject(tokenValue, cssVarsObject, nestedPrefix);
+  });
+  return cssVarsObject;
+}
+
+export function generateCss(
+  options: PluginCustomOptions,
+  generationOptions: CssGenerationOptions = {},
+) {
+  const { injectInRoot = true, defaultThemeKey = 'theme' } = generationOptions;
+  const { css, cache } = createEmotion({
+    key: 'mui-theme',
+  });
+  const { cssVariablesPrefix = 'mui', themeArgs } = options;
+  if (!themeArgs) {
+    return '';
+  }
+  let cssStr = '';
+  Object.entries(themeArgs).forEach(([themeKey, theme]) => {
+    const cssVarsObject = generateCssForTheme(theme as Theme, [cssVariablesPrefix]);
+    const cssThemeObject: Record<string, CssVarsObject> = {};
+    if (themeKey === defaultThemeKey && injectInRoot) {
+      cssThemeObject[':root'] = cssVarsObject;
+    } else {
+      cssThemeObject[`.${themeKey}`] = cssVarsObject;
+    }
+    const cssClass = css(cssThemeObject);
+    cssStr += cache.registered[cssClass];
+  });
+  return cssStr;
+}
diff --git a/packages/zero-tag-processor/src/pre-linaria-plugin.ts b/packages/zero-tag-processor/src/pre-linaria-plugin.ts
new file mode 100644
index 00000000000000..7f3fbe55d67b38
--- /dev/null
+++ b/packages/zero-tag-processor/src/pre-linaria-plugin.ts
@@ -0,0 +1,67 @@
+import { addNamed } from '@babel/helper-module-imports';
+import { declare } from '@babel/helper-plugin-utils';
+import { sxObjectExtractor } from './utils/sxObjectExtractor';
+
+const babelPlugin = declare((api) => {
+  api.assertVersion(7);
+  const { types: t } = api;
+  return {
+    name: '@mui/zero-babel-plugin',
+    visitor: {
+      JSXAttribute(path) {
+        const namePath = path.get('name');
+        const openingElement = path.findParent((p) => p.isJSXOpeningElement());
+        if (
+          !openingElement ||
+          !openingElement.isJSXOpeningElement() ||
+          !namePath.isJSXIdentifier() ||
+          namePath.node.name !== 'sx'
+        ) {
+          return;
+        }
+        const tagName = openingElement.get('name');
+        if (!tagName.isJSXIdentifier()) {
+          return;
+        }
+        const valuePath = path.get('value');
+        if (!valuePath.isJSXExpressionContainer()) {
+          return;
+        }
+        const expressionPath = valuePath.get('expression');
+        if (!expressionPath.isExpression()) {
+          return;
+        }
+        const sxIdentifier = addNamed(namePath, 'sx', '@mui/zero-runtime');
+        expressionPath.replaceWith(
+          t.callExpression(sxIdentifier, [expressionPath.node, t.identifier(tagName.node.name)]),
+        );
+      },
+      ObjectProperty(path) {
+        // @TODO - Maybe add support for React.createElement calls as well.
+        // Right now, it only checks for jsx(),jsxs(),jsxDEV() and jsxsDEV() calls.
+        const keyPath = path.get('key');
+        if (!keyPath.isIdentifier() || keyPath.node.name !== 'sx') {
+          return;
+        }
+        const valuePath = path.get('value');
+        if (!valuePath.isObjectExpression() && !valuePath.isArrowFunctionExpression()) {
+          return;
+        }
+        const parentJsxCall = path.findParent((p) => p.isCallExpression());
+        if (!parentJsxCall || !parentJsxCall.isCallExpression()) {
+          return;
+        }
+        const callee = parentJsxCall.get('callee');
+        if (!callee.isIdentifier() || !callee.node.name.includes('jsx')) {
+          return;
+        }
+        const jsxElement = parentJsxCall.get('arguments')[0];
+        sxObjectExtractor(valuePath);
+        const sxIdentifier = addNamed(keyPath, 'sx', '@mui/zero-runtime');
+        valuePath.replaceWith(t.callExpression(sxIdentifier, [valuePath.node, jsxElement.node]));
+      },
+    },
+  };
+});
+
+export default babelPlugin;
diff --git a/packages/zero-tag-processor/src/styled.ts b/packages/zero-tag-processor/src/styled.ts
new file mode 100644
index 00000000000000..aa0a0adecac3f2
--- /dev/null
+++ b/packages/zero-tag-processor/src/styled.ts
@@ -0,0 +1,487 @@
+import { BaseProcessor, buildSlug, toValidCSSIdentifier, validateParams } from '@linaria/tags';
+import type {
+  Expression,
+  Params,
+  TailProcessorParams,
+  ValueCache,
+  IOptions as IBaseOptions,
+  WrappedNode,
+} from '@linaria/tags';
+import { ValueType, slugify } from '@linaria/utils';
+import type {
+  IVariableContext,
+  Rules,
+  Replacements,
+  ExpressionValue,
+  LazyValue,
+} from '@linaria/utils';
+import { parseExpression } from '@babel/parser';
+import type { SourceLocation } from '@babel/types';
+import type { Theme } from '@mui/material/styles';
+import type { PluginCustomOptions } from './utils/cssFnValueToVariable';
+import { cssFnValueToVariable } from './utils/cssFnValueToVariable';
+import { processCssObject } from './utils/processCssObject';
+import { valueToLiteral } from './utils/valueToLiteral';
+
+type VariantData = {
+  props: Record<string, string | number | boolean | null>;
+  style: object;
+};
+
+type VariantDataTransformed = {
+  props: Record<string, string | number | boolean | null>;
+  className: string;
+};
+
+export type IOptions = IBaseOptions & PluginCustomOptions;
+type ComponentNames = keyof Exclude<Theme['components'], undefined>;
+
+type ComponentMeta = {
+  name?: ComponentNames;
+  // slot?: string;
+  skipVariantsResolver?: boolean;
+  skipSx?: boolean;
+};
+
+/**
+ * Linaria tag processor responsible for converting complex `styled()()` calls
+ * at build-time to simple `styled` calls supported by runtime.
+ *
+ * Ex -
+ * ```
+ * const SliderTrack = styled('h4', {
+ *   name: 'MuiSlider',
+ *   slot: 'Track',
+ *   overridesResolver: (props, styles) => styles.track,
+ * })({
+ *   fontSize: 13,
+ *   color: (props) => (props.isRed ? 'red' : 'blue'),
+ * });
+ * ```
+ *
+ * gets converted to a simple styled call with no nested calls -
+ *
+ * ```
+ * const SliderTrack = styled('h4', {
+ *   classes: ['h13ydq1s'],
+ *   vars: { 'b1xyu9xj-0': [(t) => (t.isRed ? 'red' : 'blue'), !1] },
+ *   variants: [],
+ *   name: 'MuiSlider',
+ *   slot: 'Track',
+ *   overridesResolver: (t, o) => o.track,
+ *   overrideStyles: {}
+ * })
+ * ```
+ *
+ * and this css
+ * ```css
+ * .h13ydq1s {
+ *   fontSize: 13px,
+ *   color: var(--b1xyu9xj-0);
+ * }
+ * ```
+ *
+ * For linaria tag processors, we need to implement 3 methods of BaseProcessor -
+ * 1. doEvaltimeReplacement
+ * 2. build
+ * 3. doRuntimeReplacement
+ */
+export default class StyledProcessor extends BaseProcessor {
+  variableIdx = 0;
+
+  component?: WrappedNode;
+
+  componentMetaArg?: LazyValue;
+
+  styleArgs: ExpressionValue[];
+
+  finalVariants: {
+    props: Record<string, string | number | boolean | null>;
+    className: string;
+  }[] = [];
+
+  overrides: Record<string, string> = {};
+
+  counterMap: Map<string, number> = new Map();
+
+  baseClasses: string[] = [];
+
+  collectedStyles: [string, string, ExpressionValue | null][] = [];
+
+  collectedVariables: [string, Expression, boolean][] = [];
+
+  collectedOverrides: [string, string][] = [];
+
+  collectedVariants: VariantDataTransformed[] = [];
+
+  originalLocation: SourceLocation | null = null;
+
+  defaultProps: Record<string, string | number | boolean | unknown> = {};
+
+  constructor(params: Params, ...args: TailProcessorParams) {
+    super(params, ...args);
+    if (params.length === 2) {
+      // no need to do any processing if it is an already transformed call.
+      throw BaseProcessor.SKIP;
+    }
+    validateParams(params, ['callee', ['call', 'member'], ['call', 'template']], 'Invalid params');
+    const [call, memberOrCall, styleCall] = params;
+    const [callType, componentArg, componentMetaArg] = memberOrCall;
+    const [, ...styleArgs] = styleCall;
+    this.componentMetaArg =
+      componentMetaArg && componentMetaArg.kind === ValueType.LAZY ? componentMetaArg : undefined;
+    this.styleArgs = styleArgs as ExpressionValue[];
+
+    if (callType === 'member') {
+      this.component = componentArg;
+    } else {
+      switch (componentArg.kind) {
+        case ValueType.CONST:
+          this.component = typeof componentArg.value === 'string' ? componentArg.value : undefined;
+          break;
+        case ValueType.LAZY:
+          this.component = {
+            node: componentArg.ex,
+            source: componentArg.source,
+          };
+          this.dependencies.push(componentArg);
+          break;
+        default:
+          this.component = 'FunctionalComponent';
+          break;
+      }
+      if (componentMetaArg && componentMetaArg.kind !== ValueType.FUNCTION) {
+        this.dependencies.push(componentMetaArg);
+      }
+    }
+    if (!this.component) {
+      throw new Error('Invalid usage of `styled` tag');
+    }
+    styleArgs.forEach((item) => {
+      if (!Array.isArray(item)) {
+        if ('kind' in item) {
+          // push item in dependencies so that they get evaluated and we receive its value in build call.
+          this.dependencies.push(item);
+        }
+      }
+    });
+    if (call[0] === 'callee') {
+      this.originalLocation = call[1].loc ?? null;
+    }
+  }
+
+  getClassName(key?: string) {
+    const mapKey = key ?? 'base';
+    if (!this.counterMap.has(mapKey)) {
+      this.counterMap.set(mapKey, 0);
+    }
+    const currentCount = this.counterMap.get(mapKey) as number;
+    this.counterMap.set(mapKey, currentCount + 1);
+
+    return `${this.className}${mapKey === 'base' ? '' : `-${mapKey}`}${
+      currentCount > 0 ? `-${currentCount}` : ''
+    }`;
+  }
+
+  /**
+   * There are 2 main phases in Linaria's processing, Evaltime and Runtime. During Evaltime, Linaria prepares minimal code that gets evaluated to get the actual values of the styled arguments. Here, we mostly want to replace the styled calls with a simple string/object of its classname. This is necessary for class composition. For ex, you could potentially do this -
+   * ```js
+   * const Component = styled(...)(...)
+   * const Component2 = styled()({
+   *   [`.${Component} &`]: {
+   *      color: 'red'
+   *   }
+   * })
+   * ```
+   * to further target `Component` rendered inside `Component2`.
+   */
+  doEvaltimeReplacement() {
+    this.replacer(this.value, false);
+  }
+
+  /**
+   * This is called by linaria after evaluating the code. Here, we get access to
+   * the actual values of the `styled` arguments which we can use to generate our styles.
+   *
+   * Order of processing styles -
+   * 1. CSS directly declared in styled call
+   * 2. CSS declared in theme object's styledOverrides
+   * 3. Variants declared in styled call
+   * 3. Variants declared in theme object
+   */
+  build(values: ValueCache): void {
+    // all the variant definitions are collected here so that we can
+    // variant styles after base styles for more specific targetting.
+    const variantsAccumulator: VariantData[] = [];
+    this.styleArgs.forEach((styleArg) => {
+      this.processStyle(values, styleArg, variantsAccumulator);
+    });
+    this.processOverrides(values, variantsAccumulator);
+    variantsAccumulator.forEach((variant) => {
+      this.processVariant(variant);
+    });
+    const artifacts: [Rules, Replacements][] = this.collectedStyles.map(([className, cssText]) => {
+      const rules: Rules = {
+        [`.${className}`]: {
+          className,
+          cssText,
+          displayName: this.displayName,
+          start: this.location?.start ?? null,
+        },
+      };
+      // @TODO - Refactor for finer location tracking in original code.
+      const replacements: Replacements = [
+        {
+          length: cssText.length,
+          original: {
+            start: {
+              column: this.location?.start.column ?? 0,
+              line: this.location?.start.line ?? 0,
+            },
+            end: {
+              column: this.location?.end.column ?? 0,
+              line: this.location?.end.line ?? 0,
+            },
+          },
+        },
+      ];
+      return [rules, replacements];
+    });
+    artifacts.forEach((artifact) => {
+      // linaria accesses artifacts array to get the final
+      // css definitions which are then exposed to the bundler.
+      this.artifacts.push(['css', artifact]);
+    });
+  }
+
+  /**
+   * This is the runtime phase where all of the css have been transformed and we finally want to replace the `styled` call with the code that we want in the final bundle. In this particular case, we replace the `styled` calls with
+   * ```js
+   * const Component = styled('div', {
+   *  displayName: 'Component',
+   *  name: 'MuiSlider',
+   *  slot: 'root',
+   *  classes: ['class', 'class-1', '...'],
+   *  vars: {
+   *    'var-id': [(props) => props.isRed ? 'red' : 'blue', false],
+   *    // ...
+   *  },
+   *  variants: [{
+   *    props: {
+   *    },
+   *    className: 'class-variant-1',
+   *  }],
+   *  // ...
+   * })
+   * ```
+   */
+  doRuntimeReplacement(): void {
+    const t = this.astService;
+    let componentName: Expression;
+    if (typeof this.component === 'string') {
+      if (this.component === 'FunctionalComponent') {
+        componentName = t.arrowFunctionExpression([], t.blockStatement([]));
+      } else {
+        componentName = t.stringLiteral(this.component);
+      }
+    } else if (this.component?.node) {
+      componentName = t.callExpression(t.identifier(this.component.node.name), []);
+    } else {
+      componentName = t.nullLiteral();
+    }
+    const argProperties: ReturnType<
+      typeof t.objectProperty | typeof t.spreadElement | typeof t.objectMethod
+    >[] = [];
+
+    if (this.baseClasses.length) {
+      const classNames = Array.from(new Set([this.className, ...this.baseClasses]));
+      argProperties.push(
+        t.objectProperty(
+          t.identifier('classes'),
+          t.arrayExpression(classNames.map((cls) => t.stringLiteral(cls))),
+        ),
+      );
+    }
+
+    const varProperties: ReturnType<typeof t.objectProperty>[] = this.collectedVariables.map(
+      ([variableId, expression, isUnitLess]) =>
+        t.objectProperty(
+          t.stringLiteral(variableId),
+          t.arrayExpression([expression, t.booleanLiteral(isUnitLess)]),
+        ),
+    );
+    if (varProperties.length) {
+      argProperties.push(t.objectProperty(t.identifier('vars'), t.objectExpression(varProperties)));
+    }
+    if (this.collectedVariants.length) {
+      argProperties.push(
+        t.objectProperty(t.identifier('variants'), valueToLiteral(this.collectedVariants)),
+      );
+    }
+
+    if (this.componentMetaArg) {
+      const parsedMeta = parseExpression(this.componentMetaArg.source);
+      if (parsedMeta.type === 'ObjectExpression') {
+        argProperties.push(...parsedMeta.properties);
+      }
+    }
+    if (this.defaultProps && Object.keys(this.defaultProps).length > 0) {
+      argProperties.push(
+        t.objectProperty(t.identifier('defaultProps'), valueToLiteral(this.defaultProps)),
+      );
+    }
+    this.replacer(
+      t.callExpression(t.identifier('styled'), [componentName, t.objectExpression(argProperties)]),
+      true,
+    );
+  }
+
+  /**
+   * Generates css for object directly provided as arguments in the styled call.
+   */
+  processStyle(values: ValueCache, styleArg: ExpressionValue, variantsAccumulator?: VariantData[]) {
+    if (styleArg.kind === ValueType.CONST) {
+      if (typeof styleArg.value === 'string') {
+        this.collectedStyles.push([this.getClassName(), styleArg.value, styleArg]);
+      }
+    } else {
+      const styleObjOrFn = values.get(styleArg.ex.name);
+      const finalStyle = this.processCss(
+        styleObjOrFn as object | Function,
+        styleArg,
+        variantsAccumulator,
+      );
+      const className = this.getClassName();
+      this.baseClasses.push(className);
+      this.collectedStyles.push([className, finalStyle, styleArg]);
+    }
+  }
+
+  /**
+   * Generates css for styleOverride objects in the theme object.
+   */
+  processOverrides(values: ValueCache, variantsAccumulator?: VariantData[]) {
+    if (!this.componentMetaArg) {
+      return;
+    }
+    const value = values.get(this.componentMetaArg.ex.name) as ComponentMeta;
+    const { themeArgs: { theme } = {} } = this.options as IOptions;
+    if (!value.name || !theme) {
+      return;
+    }
+    const componentData = (theme as Theme).components?.[value.name];
+    if (!componentData) {
+      return;
+    }
+    if ('styleOverrides' in componentData) {
+      const overrides = componentData.styleOverrides;
+      if (overrides && typeof overrides !== 'string') {
+        Object.entries(overrides).forEach(([key, overrideStyle]) => {
+          if (typeof overrideStyle === 'string') {
+            const className = this.getClassName();
+            this.collectedOverrides.push([key, className]);
+            this.collectedStyles.push([className, overrideStyle, null]);
+            return;
+          }
+          const finalStyle = this.processCss(overrideStyle, null, variantsAccumulator);
+          const className = this.getClassName();
+          this.collectedOverrides.push([key, className]);
+          this.baseClasses.push(className);
+          this.collectedStyles.push([className, finalStyle, null]);
+        });
+      }
+    }
+    if (!variantsAccumulator) {
+      return;
+    }
+    if ('variants' in componentData && componentData.variants) {
+      variantsAccumulator.push(...(componentData.variants as unknown as VariantData[]));
+    }
+    if ('defaultProps' in componentData && componentData.defaultProps) {
+      this.defaultProps = componentData.defaultProps;
+    }
+  }
+
+  /**
+   * Generates css for all the variants collected after processing direct css and styleOverride css.
+   */
+  processVariant(variant: VariantData) {
+    const { displayName } = this.options;
+    const className = this.getClassName(displayName ? 'variant' : undefined);
+    const styleObjOrFn = variant.style;
+    const finalStyle = this.processCss(styleObjOrFn, null);
+    this.collectedStyles.push([className, finalStyle, null]);
+    this.collectedVariants.push({
+      props: variant.props,
+      className,
+    });
+  }
+
+  processCss(
+    styleObjOrFn: Function | object,
+    styleArg: ExpressionValue | null,
+    variantsAccumulator?: VariantData[],
+  ) {
+    const { themeArgs } = this.options as IOptions;
+    const styleObj = typeof styleObjOrFn === 'function' ? styleObjOrFn(themeArgs) : styleObjOrFn;
+    if (styleObj.variants) {
+      variantsAccumulator?.push(...styleObj.variants);
+      delete styleObj.variants;
+    }
+    const res = cssFnValueToVariable({
+      styleObj,
+      expressionValue: styleArg,
+      getVariableName: (cssKey: string, source: string, hasUnit: boolean) =>
+        this.getCustomVariableId(cssKey, source, hasUnit),
+      filename: this.context.filename,
+      options: this.options as IOptions,
+    });
+    if (res.length) {
+      this.collectedVariables.push(...res);
+    }
+    return processCssObject(styleObj, themeArgs);
+  }
+
+  // Implementation taken from Linaria - https://github.com/callstack/linaria/blob/master/packages/react/src/processors/styled.ts#L284
+  protected getCustomVariableId(cssKey: string, source: string, hasUnit: boolean) {
+    const context = this.getVariableContext(cssKey, source, hasUnit);
+    const customSlugFn = this.options.variableNameSlug;
+    if (!customSlugFn) {
+      return toValidCSSIdentifier(`${this.slug}-${context.index}`);
+    }
+
+    return typeof customSlugFn === 'function'
+      ? customSlugFn(context)
+      : buildSlug(customSlugFn, context);
+  }
+
+  // Implementation taken from Linaria - https://github.com/callstack/linaria/blob/master/packages/react/src/processors/styled.ts#L362
+  protected getVariableContext(cssKey: string, source: string, hasUnit: boolean): IVariableContext {
+    const getIndex = () => {
+      // eslint-disable-next-line no-plusplus
+      return this.variableIdx++;
+    };
+
+    return {
+      componentName: this.displayName,
+      componentSlug: this.slug,
+      get index() {
+        return getIndex();
+      },
+      precedingCss: cssKey,
+      processor: this.constructor.name,
+      source: '',
+      unit: '',
+      valueSlug: slugify(`${source}${hasUnit}`),
+    };
+  }
+
+  public override get asSelector(): string {
+    return `.${this.className}`;
+  }
+
+  get value(): Expression {
+    const t = this.astService;
+    return t.stringLiteral(this.className);
+  }
+}
diff --git a/packages/zero-tag-processor/src/sx.ts b/packages/zero-tag-processor/src/sx.ts
new file mode 100644
index 00000000000000..32cda5de113abb
--- /dev/null
+++ b/packages/zero-tag-processor/src/sx.ts
@@ -0,0 +1,171 @@
+import type { Expression, Params, TailProcessorParams, ValueCache } from '@linaria/tags';
+import { BaseProcessor, buildSlug, toValidCSSIdentifier, validateParams } from '@linaria/tags';
+import { ValueType, slugify } from '@linaria/utils';
+import type { IVariableContext, ExpressionValue, Replacements, Rules } from '@linaria/utils';
+import type { IOptions } from './styled';
+import { processCssObject } from './utils/processCssObject';
+import { cssFnValueToVariable } from './utils/cssFnValueToVariable';
+
+export default class SxProcessor extends BaseProcessor {
+  sxArguments: ExpressionValue[] = [];
+
+  variableIdx: number = 0;
+
+  collectedVariables: [string, Expression, boolean][] = [];
+
+  constructor(params: Params, ...args: TailProcessorParams) {
+    super(params, ...args);
+    validateParams(params, ['callee', 'call'], 'Invalid usage of sx call.');
+    const [, [, ...sxCallArguments]] = params;
+    sxCallArguments.forEach((arg) => {
+      if ('kind' in arg) {
+        this.dependencies.push(arg);
+      }
+    });
+    this.sxArguments = sxCallArguments;
+  }
+
+  build(values: ValueCache) {
+    const [sxStyle, elementClassExpression] = this.sxArguments;
+    let elementClassName = '';
+    if (elementClassExpression.kind === ValueType.LAZY) {
+      const elementClassValue = values.get(elementClassExpression.ex.name);
+      if (typeof elementClassValue === 'string') {
+        elementClassName = elementClassValue;
+      }
+    }
+
+    let cssText: string = '';
+    if (sxStyle.kind === ValueType.CONST) {
+      if (sxStyle.ex.type === 'StringLiteral') {
+        cssText = sxStyle.ex.value;
+      }
+    } else {
+      const styleObjOrFn = values.get(sxStyle.ex.name);
+      cssText = this.processCss(styleObjOrFn, sxStyle);
+    }
+    const selector = elementClassName ? `.${elementClassName}${this.asSelector}` : this.asSelector;
+
+    if (!cssText) {
+      return;
+    }
+
+    const rules: Rules = {
+      [selector]: {
+        className: this.className,
+        cssText,
+        displayName: this.displayName,
+        start: this.location?.start ?? null,
+      },
+    };
+    const replacements: Replacements = [
+      {
+        length: cssText.length,
+        original: {
+          start: {
+            column: this.location?.start.column ?? 0,
+            line: this.location?.start.line ?? 0,
+          },
+          end: {
+            column: this.location?.end.column ?? 0,
+            line: this.location?.end.line ?? 0,
+          },
+        },
+      },
+    ];
+    this.artifacts.push(['css', [rules, replacements]]);
+  }
+
+  doEvaltimeReplacement() {
+    this.replacer(this.value, false);
+  }
+
+  doRuntimeReplacement() {
+    const t = this.astService;
+    if (this.collectedVariables.length) {
+      const varProperties: ReturnType<typeof t.objectProperty>[] = this.collectedVariables.map(
+        ([variableId, expression, isUnitLess]) => {
+          if (
+            expression.type === 'ArrowFunctionExpression' ||
+            expression.type === 'FunctionExpression'
+          ) {
+            return t.objectProperty(
+              t.stringLiteral(variableId),
+              t.arrayExpression([expression.body as Expression, t.booleanLiteral(isUnitLess)]),
+            );
+          }
+          return t.objectProperty(t.stringLiteral(variableId), t.nullLiteral());
+        },
+      );
+
+      const obj = t.objectExpression([
+        t.objectProperty(t.identifier('className'), t.stringLiteral(this.className)),
+        t.objectProperty(t.identifier('vars'), t.objectExpression(varProperties)),
+      ]);
+      this.replacer(obj, false);
+    } else {
+      this.replacer(this.value, false);
+    }
+  }
+
+  get asSelector(): string {
+    return `.${this.className}`;
+  }
+
+  get value(): Expression {
+    return this.astService.stringLiteral(this.className);
+  }
+
+  // Implementation taken from Linaria - https://github.com/callstack/linaria/blob/master/packages/react/src/processors/styled.ts#L284
+  protected getCustomVariableId(cssKey: string, source: string, hasUnit: boolean) {
+    const context = this.getVariableContext(cssKey, source, hasUnit);
+    const customSlugFn = this.options.variableNameSlug;
+    if (!customSlugFn) {
+      return toValidCSSIdentifier(`${this.slug}-${context.index}`);
+    }
+
+    return typeof customSlugFn === 'function'
+      ? customSlugFn(context)
+      : buildSlug(customSlugFn, context);
+  }
+
+  // Implementation taken from Linaria - https://github.com/callstack/linaria/blob/master/packages/react/src/processors/styled.ts#L362
+  protected getVariableContext(cssKey: string, source: string, hasUnit: boolean): IVariableContext {
+    const getIndex = () => {
+      // eslint-disable-next-line no-plusplus
+      return this.variableIdx++;
+    };
+
+    return {
+      componentName: this.displayName,
+      componentSlug: this.slug,
+      get index() {
+        return getIndex();
+      },
+      precedingCss: cssKey,
+      processor: this.constructor.name,
+      source: '',
+      unit: '',
+      valueSlug: slugify(`${source}${hasUnit}`),
+    };
+  }
+
+  private processCss(styleObjOrFn: unknown, expressionValue: ExpressionValue) {
+    const { themeArgs } = this.options as IOptions;
+    const styleObj = typeof styleObjOrFn === 'function' ? styleObjOrFn(themeArgs) : styleObjOrFn;
+
+    const res = cssFnValueToVariable({
+      styleObj,
+      expressionValue,
+      getVariableName: (cssKey: string, source: string, hasUnit: boolean) =>
+        this.getCustomVariableId(cssKey, source, hasUnit),
+      filename: this.context.filename,
+      options: this.options as IOptions,
+    });
+    if (res.length) {
+      this.collectedVariables.push(...res);
+    }
+
+    return processCssObject(styleObj, themeArgs);
+  }
+}
diff --git a/packages/zero-tag-processor/src/utils/checkStaticObjectOrArray.ts b/packages/zero-tag-processor/src/utils/checkStaticObjectOrArray.ts
new file mode 100644
index 00000000000000..536758c39a058a
--- /dev/null
+++ b/packages/zero-tag-processor/src/utils/checkStaticObjectOrArray.ts
@@ -0,0 +1,47 @@
+import type { NodePath } from '@babel/core';
+import type * as t from '@babel/types';
+
+export function isStaticObjectExpression(
+  nodePath: NodePath<t.ObjectExpression>,
+): nodePath is NodePath<t.ObjectExpression> {
+  const properties = nodePath.get('properties');
+  return properties.every((property): boolean => {
+    if (!property.isObjectProperty()) {
+      return false;
+    }
+    const key = property.get('key');
+    const value = property.get('value');
+    return (
+      (key.isIdentifier() && value.isLiteral()) ||
+      (value.isObjectExpression() && isStaticObjectExpression(value))
+    );
+  });
+}
+
+/**
+ * Recursively check if all items in an array or all keys and values in
+ * an object are static.
+ */
+export function isStaticObjectOrArrayExpression(
+  nodePath: NodePath<t.Expression>,
+): nodePath is NodePath<t.ArrayExpression> | NodePath<t.ObjectExpression> {
+  if (nodePath.isArrayExpression()) {
+    const elements = nodePath.get('elements');
+    return elements.every((item) => {
+      if (item.isLiteral()) {
+        return true;
+      }
+      if (item.isObjectExpression()) {
+        return isStaticObjectExpression(item);
+      }
+      if (item.isArrayExpression()) {
+        return isStaticObjectOrArrayExpression(nodePath);
+      }
+      return false;
+    });
+  }
+  if (nodePath.isObjectExpression()) {
+    return isStaticObjectExpression(nodePath);
+  }
+  return false;
+}
diff --git a/packages/zero-tag-processor/src/utils/cssFnValueToVariable.ts b/packages/zero-tag-processor/src/utils/cssFnValueToVariable.ts
new file mode 100644
index 00000000000000..9405edecb8ff97
--- /dev/null
+++ b/packages/zero-tag-processor/src/utils/cssFnValueToVariable.ts
@@ -0,0 +1,143 @@
+import type { ExpressionValue } from '@linaria/utils';
+import { transformSync, type Node } from '@babel/core';
+import { parseExpression } from '@babel/parser';
+import type { Expression } from '@linaria/tags';
+import type { Theme } from '@mui/material/styles';
+import { unstable_defaultSxConfig as defaultSxConfig } from '@mui/system/styleFunctionSx';
+import * as t from '@babel/types';
+import { isUnitLess } from './isUnitLess';
+import { cssFunctionTransformerPlugin } from './cssFunctionTransformerPlugin';
+
+interface StyleObj {
+  [key: string]: string | number | Function | StyleObj;
+}
+
+export type PluginCustomOptions = {
+  /**
+   * To generate css variables like this `--{cssVariablesPrefix}-palette-primary-main`
+   */
+  cssVariablesPrefix?: string;
+  /**
+   * Object to pass as parameter to the styled css callback functions.
+   */
+  themeArgs?: Record<string, unknown>;
+};
+
+type CssFnValueToVariableParams = {
+  styleObj: unknown;
+  expressionValue: ExpressionValue | null;
+  getVariableName: (cssKey: string, source: string, hasUnit: boolean) => string;
+  filename?: string | null;
+  options: PluginCustomOptions;
+};
+
+function transformThemeKeysInFn(
+  styleKey: string,
+  functionString: string,
+  options: PluginCustomOptions,
+  filename?: string,
+) {
+  const { themeArgs: { theme } = {} } = options;
+  const userTheme = theme as Theme;
+  const config = userTheme?.unstable_sxConfig ?? defaultSxConfig;
+  const cssPropOptions = config[styleKey];
+  const { themeKey } = cssPropOptions;
+
+  // return the function as-is if sxConfig does not contain
+  // this css key
+  if (!theme || !config || !cssPropOptions || !themeKey) {
+    return parseExpression(functionString);
+  }
+
+  const result = transformSync(functionString, {
+    plugins: [
+      [
+        cssFunctionTransformerPlugin,
+        {
+          styleKey,
+          options,
+        },
+      ],
+    ],
+    filename: filename ?? 'intermediate-fn.ts',
+    ast: true,
+    configFile: false,
+    babelrc: false,
+  });
+  const firstItem = result?.ast?.program.body[0];
+  if (!firstItem) {
+    return parseExpression(functionString);
+  }
+  if (firstItem.type === 'ExpressionStatement') {
+    return firstItem.expression;
+  }
+  if (firstItem.type === 'FunctionDeclaration') {
+    return t.functionExpression(null, firstItem.params, firstItem.body);
+  }
+  return parseExpression(functionString);
+}
+
+function iterateAndReplaceFunctions(
+  styleObj: unknown,
+  expressionValue: ExpressionValue | null,
+  getVariableName: (cssKey: string, source: string, hasUnit: boolean) => string,
+  options: PluginCustomOptions,
+  acc: [string, Node, boolean][],
+  filename?: string,
+) {
+  const css = styleObj as StyleObj;
+  Object.keys(css).forEach((key) => {
+    const value = css[key];
+
+    if (typeof value === 'object') {
+      if (!Array.isArray(value)) {
+        iterateAndReplaceFunctions(value, expressionValue, getVariableName, options, acc, filename);
+      }
+      return;
+    }
+
+    if (typeof value !== 'function') {
+      return;
+    }
+
+    try {
+      const fnString = value.toString();
+      const expression = transformThemeKeysInFn(key, fnString, options, filename);
+      const unitLess = isUnitLess(key);
+      const variableId = getVariableName(key, fnString, unitLess);
+      acc.push([variableId, expression, unitLess]);
+      css[key] = `var(--${variableId})`;
+    } catch (ex) {
+      const err = expressionValue?.buildCodeFrameError(
+        (ex as Error).message || 'Could not parse function expression.',
+      );
+      if (!err) {
+        throw ex;
+      }
+      err.cause = ex;
+      throw err;
+    }
+  });
+}
+
+/**
+ * Goes through the css object and identifies any keys where the value is a function and replaces the function with a variable id.
+ */
+export function cssFnValueToVariable({
+  styleObj,
+  expressionValue,
+  getVariableName,
+  filename,
+  options,
+}: CssFnValueToVariableParams) {
+  const acc: [string, Expression, boolean][] = [];
+  iterateAndReplaceFunctions(
+    styleObj,
+    expressionValue,
+    getVariableName,
+    options,
+    acc,
+    filename ?? undefined,
+  );
+  return acc;
+}
diff --git a/packages/zero-tag-processor/src/utils/cssFunctionTransformerPlugin.ts b/packages/zero-tag-processor/src/utils/cssFunctionTransformerPlugin.ts
new file mode 100644
index 00000000000000..562cb8cd9ef8b2
--- /dev/null
+++ b/packages/zero-tag-processor/src/utils/cssFunctionTransformerPlugin.ts
@@ -0,0 +1,90 @@
+import { declare } from '@babel/helper-plugin-utils';
+import defaultSxConfig from '@mui/system/styleFunctionSx/defaultSxConfig';
+import get from 'lodash.get';
+import type { Theme } from '@mui/material/styles';
+import type { PluginCustomOptions } from './cssFnValueToVariable';
+
+type BabelPluginOptions = {
+  styleKey: string;
+  options: PluginCustomOptions;
+};
+
+/**
+ * Replaces all usage of theme key strings inside runtime functions with it's equivalent css variable.
+ * For ex, for this function
+ * ```ts
+ * (props: any) => (props.isRed ? 'primary.main' : 'secondary.main')
+ * ```
+ * The output will be
+ * ```ts
+ * (props) => (props.isRed ? 'var(--mui-palette-primary-main)' : 'var(--mui-palette-secondary-main)')
+ * ```
+ */
+const cssFunctionTransformerPlugin = declare<BabelPluginOptions>((api, pluginOptions) => {
+  const { types: t } = api;
+  const {
+    options: { cssVariablesPrefix = 'mui', themeArgs: { theme } = {} },
+    styleKey,
+  } = pluginOptions;
+  const config = (theme as Theme)?.unstable_sxConfig ?? defaultSxConfig;
+  const cssPropOptions = config[styleKey];
+  const { themeKey } = cssPropOptions;
+  if (!theme || !config || !cssPropOptions || !themeKey) {
+    return {
+      name: '@mui/zero-internal/cssFunctionTransformerPlugin',
+      visitor: {},
+    };
+  }
+  const finalPrefix = cssVariablesPrefix ? `${cssVariablesPrefix}-` : '';
+
+  return {
+    name: '@mui/zero-internal/cssFunctionTransformerPlugin',
+    visitor: {
+      Program: {
+        exit(programPath) {
+          const expression = programPath.get('body')[0];
+          if (!expression.isExpressionStatement()) {
+            return;
+          }
+          const arrowFnExpression = expression.get('expression');
+          if (
+            !arrowFnExpression.isArrowFunctionExpression() &&
+            !arrowFnExpression.isFunctionExpression()
+          ) {
+            return;
+          }
+          // @NOTE: Very quick and dirty way of checking usage of `theme`
+          // variable inside the function. May give false positives in
+          // some cases. Refine over time as bugs are reported.
+          arrowFnExpression.traverse({
+            Identifier(path) {
+              const name = path.node.name;
+              const binding = path.scope.getBinding(name);
+              if (name === 'theme' && !binding) {
+                throw new Error(
+                  'You cannot use `theme` or other arguments inside runtime functions. Please use token shorthands (like `primary.main` for `theme.palette.primary.main`) if you want to access theme values.',
+                );
+              }
+            },
+          });
+        },
+      },
+      // @TODO - Maybe add support for plain strings in template
+      // literals as well.
+      StringLiteral(path) {
+        const val = path.node.value;
+        if (themeKey === 'typography' && val === 'inherit') {
+          return;
+        }
+        const themeValue = get(theme, `${themeKey}.${val}`);
+        if (typeof themeValue === 'undefined') {
+          return;
+        }
+        const themeKeyArr = val.split('.').join('-');
+        path.replaceWith(t.stringLiteral(`var(--${finalPrefix}${themeKey}-${themeKeyArr})`));
+      },
+    },
+  };
+});
+
+export { cssFunctionTransformerPlugin };
diff --git a/packages/zero-tag-processor/src/utils/isUnitLess.ts b/packages/zero-tag-processor/src/utils/isUnitLess.ts
new file mode 100644
index 00000000000000..34463093dc9104
--- /dev/null
+++ b/packages/zero-tag-processor/src/utils/isUnitLess.ts
@@ -0,0 +1,56 @@
+// Copied over from https://github.com/emotion-js/emotion/blob/main/packages/unitless/src/index.js
+// since typings of @emotion/unitless are broken. PR to fix here - https://github.com/emotion-js/emotion/pull/3088
+const unitlessKeys: { [key: string]: 1 } = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1,
+};
+
+export function isUnitLess(cssKey: string) {
+  return unitlessKeys[cssKey] === 1;
+}
diff --git a/packages/zero-tag-processor/src/utils/processCssObject.ts b/packages/zero-tag-processor/src/utils/processCssObject.ts
new file mode 100644
index 00000000000000..905bda3a846dfa
--- /dev/null
+++ b/packages/zero-tag-processor/src/utils/processCssObject.ts
@@ -0,0 +1,21 @@
+import type { CSSObject } from '@emotion/css';
+import { css, cache } from '@emotion/css';
+// @TODO - Ideally, this should be replicated here instead of importing.
+import styleFunctionSx from '@mui/system/styleFunctionSx';
+import type { PluginCustomOptions } from './cssFnValueToVariable';
+
+export function processCssObject(cssObj: object, themeArgs?: PluginCustomOptions['themeArgs']) {
+  const { theme } = themeArgs ?? {};
+  const processedObj = (
+    theme
+      ? styleFunctionSx({
+          // Does not support shorthand as of now because
+          // it also adds the spacing multiplier
+          sx: () => cssObj,
+          ...themeArgs,
+        })
+      : cssObj
+  ) as CSSObject;
+  const className = css(processedObj);
+  return cache.registered[className];
+}
diff --git a/packages/zero-tag-processor/src/utils/sxObjectExtractor.ts b/packages/zero-tag-processor/src/utils/sxObjectExtractor.ts
new file mode 100644
index 00000000000000..48b7f1020897f8
--- /dev/null
+++ b/packages/zero-tag-processor/src/utils/sxObjectExtractor.ts
@@ -0,0 +1,136 @@
+import type { NodePath } from '@babel/core';
+import { arrowFunctionExpression, cloneNode } from '@babel/types';
+import type {
+  ArrowFunctionExpression,
+  Expression,
+  Identifier,
+  ObjectExpression,
+  PrivateName,
+} from '@babel/types';
+import { findIdentifiers } from '@linaria/utils';
+import { isStaticObjectOrArrayExpression } from './checkStaticObjectOrArray';
+
+function validateObjectKey(
+  keyPath: NodePath<PrivateName | Expression>,
+  parentCall?: NodePath<ArrowFunctionExpression>,
+) {
+  const rootScope = keyPath.scope.getProgramParent();
+  if (keyPath.isIdentifier()) {
+    return;
+  }
+  const identifiers = findIdentifiers([keyPath]);
+  if (!identifiers.length) {
+    return;
+  }
+  if (!parentCall) {
+    throw keyPath.buildCodeFrameError('Expressions in css object keys are not supported.');
+  }
+  if (
+    !identifiers.every((item) => {
+      const binding = item.scope.getBinding(item.node.name);
+      if (!binding) {
+        return false;
+      }
+      if (
+        binding.path.findParent((parent) => parent === parentCall) ||
+        binding.path.scope === rootScope
+      ) {
+        return true;
+      }
+      return false;
+    })
+  ) {
+    throw keyPath.buildCodeFrameError(
+      'Variables in css object keys should only use the passed theme(s) object or variables that are defined in the root scope.',
+    );
+  }
+}
+
+function traverseObjectExpression(
+  nodePath: NodePath<ObjectExpression>,
+  parentCall?: NodePath<ArrowFunctionExpression>,
+) {
+  const rootScope = nodePath.scope.getProgramParent();
+  const properties = nodePath.get('properties');
+  properties.forEach((property) => {
+    if (property.isObjectProperty()) {
+      validateObjectKey(property.get('key'), parentCall);
+
+      const value = property.get('value');
+      if (!value.isExpression()) {
+        throw value.buildCodeFrameError(
+          'This value is not supported. It can only be static values or local variables.',
+        );
+      }
+      if (value.isObjectExpression()) {
+        traverseObjectExpression(value, parentCall);
+      } else if (value.isArrowFunctionExpression()) {
+        throw value.buildCodeFrameError(
+          'Arrow functions are not supported as values of sx object.',
+        );
+      } else if (!value.isLiteral() && !isStaticObjectOrArrayExpression(value)) {
+        const identifiers = findIdentifiers([value], 'referenced');
+        const themeIdentifiers: NodePath<Identifier>[] = [];
+        const localIdentifiers: NodePath<Identifier>[] = [];
+        identifiers.forEach((id) => {
+          if (!id.isIdentifier()) {
+            return;
+          }
+          const binding = id.scope.getBinding(id.node.name);
+          if (!binding) {
+            return;
+          }
+          if (binding.path.findParent((parent) => parent === parentCall)) {
+            themeIdentifiers.push(id);
+          } else if (binding.scope !== rootScope) {
+            localIdentifiers.push(id);
+          } else {
+            throw id.buildCodeFrameError(
+              'Consider moving this variable to the root scope if it has all static values.',
+            );
+          }
+        });
+        if (localIdentifiers.length) {
+          const arrowFn = arrowFunctionExpression(
+            localIdentifiers.map((i) => i.node),
+            cloneNode(value.node),
+          );
+          value.replaceWith(arrowFn);
+        }
+      }
+    } else if (property.isSpreadElement()) {
+      const identifiers = findIdentifiers([property.get('argument')]);
+      if (
+        !identifiers.every((id) => {
+          const binding = property.scope.getBinding(id.node.name);
+          if (!binding || binding.scope !== rootScope) {
+            return false;
+          }
+          return true;
+        })
+      ) {
+        throw property.buildCodeFrameError(
+          'You can only use variables that are defined in the root scope of the file.',
+        );
+      }
+    } else if (property.isObjectMethod()) {
+      throw property.buildCodeFrameError('sx prop object does not support ObjectMethods.');
+    } else {
+      throw property.buildCodeFrameError('Unknown property in object.');
+    }
+  });
+}
+
+export function sxObjectExtractor(nodePath: NodePath<ObjectExpression | ArrowFunctionExpression>) {
+  if (nodePath.isObjectExpression()) {
+    traverseObjectExpression(nodePath);
+  } else if (nodePath.isArrowFunctionExpression()) {
+    const body = nodePath.get('body');
+    if (!body.isObjectExpression()) {
+      throw body.buildCodeFrameError(
+        "sx prop only supports arrow functions that directly return an object, e.g. () => ({color: 'red'}). You can accept theme object in the params if required.",
+      );
+    }
+    traverseObjectExpression(body, nodePath);
+  }
+}
diff --git a/packages/zero-tag-processor/src/utils/valueToLiteral.ts b/packages/zero-tag-processor/src/utils/valueToLiteral.ts
new file mode 100644
index 00000000000000..b7fcc6154d6116
--- /dev/null
+++ b/packages/zero-tag-processor/src/utils/valueToLiteral.ts
@@ -0,0 +1,75 @@
+import type { types as t } from '@babel/core';
+import { type ExpressionValue, isSerializable } from '@linaria/utils';
+
+/**
+ * Converts a javascript primitive to its Babel AST node representation.
+ */
+export function valueToLiteral(value: unknown, expression?: ExpressionValue): t.Expression {
+  if (value === undefined) {
+    return {
+      type: 'Identifier',
+      name: 'undefined',
+    };
+  }
+
+  if (isSerializable(value)) {
+    if (value === null) {
+      return {
+        type: 'NullLiteral',
+      };
+    }
+
+    if (typeof value === 'string') {
+      return {
+        type: 'StringLiteral',
+        value,
+      };
+    }
+
+    if (typeof value === 'number') {
+      return {
+        type: 'NumericLiteral',
+        value,
+      };
+    }
+
+    if (typeof value === 'boolean') {
+      return {
+        type: 'BooleanLiteral',
+        value,
+      };
+    }
+
+    if (Array.isArray(value)) {
+      return {
+        type: 'ArrayExpression',
+        elements: value.map((v) => valueToLiteral(v, expression)),
+      };
+    }
+
+    return {
+      type: 'ObjectExpression',
+      properties: Object.entries(value).map(([key, v]) => ({
+        type: 'ObjectProperty',
+        key: key.match(/^[a-zA-Z]\w*$/)
+          ? {
+              type: 'Identifier',
+              name: key,
+            }
+          : {
+              type: 'StringLiteral',
+              value: key,
+            },
+        value: valueToLiteral(v, expression),
+        computed: false,
+        shorthand: false,
+      })),
+    };
+  }
+
+  throw (
+    expression?.buildCodeFrameError(
+      `The expression evaluated to '${value}', which is probably a mistake. If you want it to be inserted into CSS, explicitly cast or transform the value to a string, e.g. - 'String(${expression.source})'.`,
+    ) ?? new Error('Could not convert value to literal.')
+  );
+}
diff --git a/packages/zero-tag-processor/tsconfig.build.json b/packages/zero-tag-processor/tsconfig.build.json
new file mode 100644
index 00000000000000..d97878065b93d9
--- /dev/null
+++ b/packages/zero-tag-processor/tsconfig.build.json
@@ -0,0 +1,20 @@
+{
+  // This config is for emitting declarations (.d.ts) only
+  // Actual .ts source files are transpiled via babel
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "target": "ES2015",
+    "composite": true,
+    "declaration": true,
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "outDir": "build",
+    "rootDir": "./src"
+  },
+  "include": ["./src/**/*.ts*"],
+  "exclude": ["src/**/*.spec.ts*", "src/**/*.test.ts*"],
+  "references": [
+    { "path": "../mui-system/tsconfig.build.json" },
+    { "path": "../mui-material/tsconfig.build.json" }
+  ]
+}
diff --git a/packages/zero-tag-processor/tsconfig.json b/packages/zero-tag-processor/tsconfig.json
new file mode 100644
index 00000000000000..0b3c7e1b055d47
--- /dev/null
+++ b/packages/zero-tag-processor/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*", "test/**/*"],
+  "compilerOptions": {
+    "lib": ["ES2022", "DOM"],
+    "target": "ES2015",
+    "types": ["mocha", "node", "chai"]
+  }
+}
diff --git a/packages/zero-vite-plugin/.eslintrc.json b/packages/zero-vite-plugin/.eslintrc.json
new file mode 100644
index 00000000000000..54a33fd127fb66
--- /dev/null
+++ b/packages/zero-vite-plugin/.eslintrc.json
@@ -0,0 +1,5 @@
+{
+  "rules": {
+    "@typescript-eslint/consistent-type-imports": "error"
+  }
+}
diff --git a/packages/zero-vite-plugin/README.md b/packages/zero-vite-plugin/README.md
new file mode 100644
index 00000000000000..cec32be4e491c7
--- /dev/null
+++ b/packages/zero-vite-plugin/README.md
@@ -0,0 +1,3 @@
+# @mui/zero-vite-plugin
+
+Vite plugin to support MUI's `styled` processor.
diff --git a/packages/zero-vite-plugin/package.json b/packages/zero-vite-plugin/package.json
new file mode 100644
index 00000000000000..cd571c1a7cab01
--- /dev/null
+++ b/packages/zero-vite-plugin/package.json
@@ -0,0 +1,62 @@
+{
+  "name": "@mui/zero-vite-plugin",
+  "version": "0.0.1-alpha.4",
+  "private": true,
+  "author": "MUI Team",
+  "description": "Vite plugin for MUI zero styled implementation.",
+  "main": "./src/index.ts",
+  "keywords": [
+    "zero runtime",
+    "css-in-js",
+    "mui"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mui/material-ui.git",
+    "directory": "packages/zero-vite-plugin"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/mui/material-ui/issues"
+  },
+  "homepage": "@TODO",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/mui"
+  },
+  "scripts": {
+    "build": "yarn build:legacy && yarn build:modern && yarn build:node && yarn build:stable && yarn build:types && yarn build:copy-files",
+    "build:legacy": "node ../../scripts/build.mjs legacy",
+    "build:modern": "node ../../scripts/build.mjs modern",
+    "build:node": "node ../../scripts/build.mjs node",
+    "build:stable": "node ../../scripts/build.mjs stable",
+    "build:copy-files": "node ../../scripts/copyFiles.mjs",
+    "build:types": "node ../../scripts/buildTypes.mjs",
+    "prebuild": "rimraf build tsconfig.build.tsbuildinfo",
+    "release": "yarn build && npm publish build",
+    "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/zero-babel-plugin/**/*.test.{js,ts,tsx}'",
+    "typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{spec,d}.{ts,tsx}\" && tsc -p tsconfig.json",
+    "typescript:module-augmentation": "node scripts/testModuleAugmentation.js"
+  },
+  "dependencies": {
+    "@babel/core": "^7.22.20",
+    "@linaria/vite": "^4.5.4",
+    "@mui/zero-tag-processor": "0.0.1-alpha.4"
+  },
+  "devDependencies": {
+    "@types/babel__core": "^7.20.2",
+    "@types/chai": "^4.3.6",
+    "chai": "^4.3.8",
+    "vite": "^4.4.9"
+  },
+  "peerDependencies": {
+    "vite": "^4.0.0"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=12.0.0"
+  }
+}
diff --git a/packages/zero-vite-plugin/src/index.ts b/packages/zero-vite-plugin/src/index.ts
new file mode 100644
index 00000000000000..109dd77514e19f
--- /dev/null
+++ b/packages/zero-vite-plugin/src/index.ts
@@ -0,0 +1,97 @@
+import type { Plugin, PluginOption } from 'vite';
+import { generateCss } from '@mui/zero-tag-processor/generateCss';
+import { transformAsync } from '@babel/core';
+import baseLinaria from '@linaria/vite';
+
+type LinariaOptions = Exclude<Parameters<typeof baseLinaria>[0], undefined>;
+
+export interface ZeroVitePluginOptions extends LinariaOptions {
+  /**
+   * The theme object that you want to be passed to the `styled` function
+   */
+  theme: unknown;
+  /**
+   * Prefix string to use in the generated css variables.
+   */
+  cssVariablesPrefix?: string;
+  /**
+   * Whether the css variables for the default theme should target the :root selector or not.
+   * @default true
+   */
+  injectDefaultThemeInRoot?: boolean;
+}
+
+type LinariaWrapperOptions = Exclude<ZeroVitePluginOptions, 'theme'> & {
+  themeArgs: Record<string, unknown>;
+};
+
+const linaria = (options: LinariaWrapperOptions): Plugin => {
+  return baseLinaria(options);
+};
+
+export function zeroVitePlugin(options: ZeroVitePluginOptions): PluginOption {
+  const { cssVariablesPrefix = 'mui', injectDefaultThemeInRoot = true, theme } = options ?? {};
+
+  function injectMUITokensPlugin(): PluginOption {
+    return {
+      name: 'vite-mui-theme-injection-plugin',
+      load(id) {
+        if (id.endsWith('@mui/zero-runtime/styles.css')) {
+          return {
+            code: generateCss(
+              {
+                cssVariablesPrefix,
+                themeArgs: {
+                  theme,
+                },
+              },
+              {
+                defaultThemeKey: 'theme',
+                injectInRoot: injectDefaultThemeInRoot,
+              },
+            ),
+            map: null,
+          };
+        }
+        return null;
+      },
+    };
+  }
+  const extensions = ['.ts', '.tsx', '.js', '.jsx', '.mts', '.mjs', '.cts', '.cjs', '.mtsx'];
+
+  function intermediateBabelPlugin(): PluginOption {
+    return {
+      name: 'vite-intermediate-plugin',
+      async transform(code, id) {
+        const [filename] = id.split('?');
+        if (!extensions.some((ext) => filename.endsWith(ext))) {
+          return null;
+        }
+        const result = await transformAsync(code, {
+          filename,
+          babelrc: false,
+          configFile: false,
+          plugins: [['@mui/zero-tag-processor/pre-linaria-plugin']],
+        });
+        return {
+          code: result?.code ?? code,
+          map: result?.map,
+        };
+      },
+    };
+  }
+
+  const linariaPlugin = linaria({
+    cssVariablesPrefix,
+    themeArgs: {
+      theme,
+    },
+    ...options,
+    babelOptions: {
+      ...options?.babelOptions,
+      plugins: ['@babel/plugin-syntax-jsx'],
+    },
+  });
+
+  return [injectMUITokensPlugin(), intermediateBabelPlugin(), linariaPlugin];
+}
diff --git a/packages/zero-vite-plugin/tsconfig.build.json b/packages/zero-vite-plugin/tsconfig.build.json
new file mode 100644
index 00000000000000..3e6eaaa8ca2754
--- /dev/null
+++ b/packages/zero-vite-plugin/tsconfig.build.json
@@ -0,0 +1,21 @@
+{
+  // This config is for emitting declarations (.d.ts) only
+  // Actual .ts source files are transpiled via babel
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "target": "ES2015",
+    "composite": true,
+    "declaration": true,
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "outDir": "build",
+    "rootDir": "./src"
+  },
+  "include": ["./src/**/*.ts*"],
+  "exclude": ["src/**/*.spec.ts*", "src/**/*.test.ts*"],
+  "references": [
+    { "path": "../mui-system/tsconfig.build.json" },
+    { "path": "../mui-material/tsconfig.build.json" },
+    { "path": "../zero-tag-processor/tsconfig.build.json" }
+  ]
+}
diff --git a/packages/zero-vite-plugin/tsconfig.json b/packages/zero-vite-plugin/tsconfig.json
new file mode 100644
index 00000000000000..0b3c7e1b055d47
--- /dev/null
+++ b/packages/zero-vite-plugin/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*", "test/**/*"],
+  "compilerOptions": {
+    "lib": ["ES2022", "DOM"],
+    "target": "ES2015",
+    "types": ["mocha", "node", "chai"]
+  }
+}
diff --git a/renovate.json b/renovate.json
index 4a007afb3e1476..0fd37a390b3ada 100644
--- a/renovate.json
+++ b/renovate.json
@@ -19,7 +19,7 @@
     },
     {
       "groupName": "babel",
-      "matchPackagePatterns": "@babel/*"
+      "matchPackagePatterns": ["^@babel/", "^@types/babel"]
     },
     {
       "groupName": "Emotion",
diff --git a/scripts/buildTypes.mjs b/scripts/buildTypes.mjs
index 66495ecf56b368..4d1ef870ee8918 100644
--- a/scripts/buildTypes.mjs
+++ b/scripts/buildTypes.mjs
@@ -32,6 +32,73 @@ function rewriteImportPath(importPath) {
   throw new Error(`Don't know where to rewrite '${importPath}' to`);
 }
 
+async function rewriteImportPaths(declarationFile, publishDir) {
+  const code = await fse.readFile(declarationFile, { encoding: 'utf8' });
+  const basename = path.basename(declarationFile);
+
+  if (
+    // Only consider React components
+    basename[0] === basename[0].toUpperCase() &&
+    code.indexOf("import PropTypes from 'prop-types';") !== -1
+  ) {
+    throw new Error(
+      [
+        `${declarationFile} imports from 'prop-types', this is wrong.`,
+        "It's likely missing a cast to any on the propTypes declaration:",
+        'ComponentName.propTypes = { /* prop */ } as any;',
+      ].join('\n'),
+    );
+  }
+
+  let fixedCode = code;
+  const changes = [];
+
+  // find all type `import()`
+  // not to be confused with `import type`
+  const importTypeRegExp = /import\(([^)]+)\)/g;
+
+  let importTypeMatch;
+  // eslint-disable-next-line no-cond-assign -- Waiting for RegExp.prototype.matchAll
+  while ((importTypeMatch = importTypeRegExp.exec(code)) !== null) {
+    // First and last character are quotes.
+    // TypeScript mixes single and double quotes.
+    const importPath = importTypeMatch[1].slice(1, -1);
+    // In filesystem semantics `@mui/material` is a relative path.
+    // But when resolving imports these specifiers are considered "bare specifiers" and work differently.
+    // We're only interested in imports that are considered "relative path imports".
+    const isBareImportSpecifier = !importPath.startsWith('.');
+    if (!isBareImportSpecifier) {
+      const resolvedImport = path.resolve(declarationFile, importPath);
+      const importPathFromPublishDir = path.relative(publishDir, resolvedImport);
+      const isImportReachableWhenPublished = !importPathFromPublishDir.startsWith('.');
+
+      if (!isImportReachableWhenPublished) {
+        try {
+          const fixedImportPath = rewriteImportPath(
+            // ensure relative POSIX path
+            importPathFromPublishDir.replace(/\\/g, '/'),
+          );
+          const originalImportType = importTypeMatch[0];
+          const fixedImportType = importTypeMatch[0].replace(importPath, fixedImportPath);
+
+          // Make it easy to visually scan for the created lines.
+          changes.push(`-${chalk.bgRed(originalImportType)}\n+${chalk.bgGreen(fixedImportType)}`);
+          fixedCode = fixedCode.replace(originalImportType, fixedImportType);
+        } catch (error) {
+          throw new Error(`${declarationFile}: ${error}`);
+        }
+      }
+    }
+  }
+
+  const changed = changes.length > 0;
+  if (changed) {
+    await fse.writeFile(declarationFile, fixedCode);
+  }
+
+  return changes;
+}
+
 async function main() {
   const packageRoot = process.cwd();
 
@@ -52,73 +119,6 @@ async function main() {
     throw new Error(`Unable to find declaration files in '${publishDir}'`);
   }
 
-  async function rewriteImportPaths(declarationFile) {
-    const code = await fse.readFile(declarationFile, { encoding: 'utf8' });
-    const basename = path.basename(declarationFile);
-
-    if (
-      // Only consider React components
-      basename[0] === basename[0].toUpperCase() &&
-      code.indexOf("import PropTypes from 'prop-types';") !== -1
-    ) {
-      throw new Error(
-        [
-          `${declarationFile} imports from 'prop-types', this is wrong.`,
-          "It's likely missing a cast to any on the propTypes declaration:",
-          'ComponentName.propTypes = { /* prop */ } as any;',
-        ].join('\n'),
-      );
-    }
-
-    let fixedCode = code;
-    const changes = [];
-
-    // find all type `import()`
-    // not to be confused with `import type`
-    const importTypeRegExp = /import\(([^)]+)\)/g;
-
-    let importTypeMatch;
-    // eslint-disable-next-line no-cond-assign -- Waiting for RegExp.prototype.matchAll
-    while ((importTypeMatch = importTypeRegExp.exec(code)) !== null) {
-      // First and last character are quotes.
-      // TypeScript mixes single and double quotes.
-      const importPath = importTypeMatch[1].slice(1, -1);
-      // In filesystem semantics `@mui/material` is a relative path.
-      // But when resolving imports these specifiers are considered "bare specifiers" and work differently.
-      // We're only interested in imports that are considered "relative path imports".
-      const isBareImportSpecifier = !importPath.startsWith('.');
-      if (!isBareImportSpecifier) {
-        const resolvedImport = path.resolve(declarationFile, importPath);
-        const importPathFromPublishDir = path.relative(publishDir, resolvedImport);
-        const isImportReachableWhenPublished = !importPathFromPublishDir.startsWith('.');
-
-        if (!isImportReachableWhenPublished) {
-          try {
-            const fixedImportPath = rewriteImportPath(
-              // ensure relative POSIX path
-              importPathFromPublishDir.replace(/\\/g, '/'),
-            );
-            const originalImportType = importTypeMatch[0];
-            const fixedImportType = importTypeMatch[0].replace(importPath, fixedImportPath);
-
-            // Make it easy to visually scan for the created lines.
-            changes.push(`-${chalk.bgRed(originalImportType)}\n+${chalk.bgGreen(fixedImportType)}`);
-            fixedCode = fixedCode.replace(originalImportType, fixedImportType);
-          } catch (error) {
-            throw new Error(`${declarationFile}: ${error}`);
-          }
-        }
-      }
-    }
-
-    const changed = changes.length > 0;
-    if (changed) {
-      await fse.writeFile(declarationFile, fixedCode);
-    }
-
-    return changes;
-  }
-
   let rewrittenTally = 0;
   let errorTally = 0;
   await Promise.all(
diff --git a/scripts/copyFiles.mjs b/scripts/copyFiles.mjs
index 128ca8548bb070..6f0ddab28e686e 100644
--- a/scripts/copyFiles.mjs
+++ b/scripts/copyFiles.mjs
@@ -154,6 +154,7 @@ async function addLicense(packageData) {
 }
 
 async function run() {
+  const extraFiles = process.argv.slice(2);
   try {
     // TypeScript
     await typescriptCopy({ from: srcPath, to: buildPath });
@@ -161,12 +162,9 @@ async function run() {
     const packageData = await createPackageFile();
 
     await Promise.all(
-      [
-        // use enhanced readme from workspace root for `@mui/material`
-        packageData.name === '@mui/material' ? '../../README.md' : './README.md',
-        '../../CHANGELOG.md',
-        '../../LICENSE',
-      ].map((file) => includeFileInBuild(file)),
+      ['./README.md', '../../CHANGELOG.md', '../../LICENSE', ...extraFiles].map((file) =>
+        includeFileInBuild(file),
+      ),
     );
 
     await addLicense(packageData);
diff --git a/scripts/generateProptypes.ts b/scripts/generateProptypes.ts
index 003be07d9d3be9..09b923a9b33b79 100644
--- a/scripts/generateProptypes.ts
+++ b/scripts/generateProptypes.ts
@@ -5,12 +5,25 @@ import * as prettier from 'prettier';
 import glob from 'fast-glob';
 import * as _ from 'lodash';
 import * as yargs from 'yargs';
-import * as ttp from 'typescript-to-proptypes';
+import * as ts from 'typescript';
 import {
   fixBabelGeneratorIssues,
   fixLineEndings,
   getUnstyledFilename,
 } from '@mui-internal/docs-utilities';
+import {
+  getPropTypesFromFile,
+  injectPropTypesInFile,
+  InjectPropTypesInFileOptions,
+} from 'typescript-to-proptypes';
+import {
+  createTypeScriptProjectBuilder,
+  TypeScriptProject,
+} from '@mui-internal/api-docs-builder/utils/createTypeScriptProject';
+import {
+  CORE_TYPESCRIPT_PROJECTS,
+  CoreTypeScriptProjects,
+} from '@mui-internal/api-docs-builder/utils/coreTypeScriptProjects';
 
 const useExternalPropsFromInputBase = [
   'autoComplete',
@@ -120,20 +133,23 @@ const ignoreExternalDocumentation: Record<string, readonly string[]> = {
   Zoom: transitionCallbacks,
 };
 
-function sortBreakpointsLiteralByViewportAscending(a: ttp.LiteralType, b: ttp.LiteralType) {
+function sortBreakpointsLiteralByViewportAscending(a: ts.LiteralType, b: ts.LiteralType) {
   // default breakpoints ordered by their size ascending
   const breakpointOrder: readonly unknown[] = ['"xs"', '"sm"', '"md"', '"lg"', '"xl"'];
 
   return breakpointOrder.indexOf(a.value) - breakpointOrder.indexOf(b.value);
 }
 
-function sortSizeByScaleAscending(a: ttp.LiteralType, b: ttp.LiteralType) {
+function sortSizeByScaleAscending(a: ts.LiteralType, b: ts.LiteralType) {
   const sizeOrder: readonly unknown[] = ['"small"', '"medium"', '"large"'];
   return sizeOrder.indexOf(a.value) - sizeOrder.indexOf(b.value);
 }
 
 // Custom order of literal unions by component
-const getSortLiteralUnions: ttp.InjectOptions['getSortLiteralUnions'] = (component, propType) => {
+const getSortLiteralUnions: InjectPropTypesInFileOptions['getSortLiteralUnions'] = (
+  component,
+  propType,
+) => {
   if (
     component.name === 'Hidden' &&
     (propType.name === 'initialWidth' || propType.name === 'only')
@@ -148,22 +164,23 @@ const getSortLiteralUnions: ttp.InjectOptions['getSortLiteralUnions'] = (compone
   return undefined;
 };
 
-const tsconfig = ttp.loadConfig(path.resolve(__dirname, '../tsconfig.json'));
-
 const prettierConfig = prettier.resolveConfig.sync(process.cwd(), {
   config: path.join(__dirname, '../prettier.config.js'),
 });
 
 async function generateProptypes(
-  program: ttp.ts.Program,
+  project: TypeScriptProject,
   sourceFile: string,
-  tsFile: string = sourceFile,
+  tsFile: string,
 ): Promise<void> {
-  const proptypes = ttp.parseFromProgram(tsFile, program, {
+  const components = getPropTypesFromFile({
+    filePath: tsFile,
+    project,
     shouldResolveObject: ({ name }) => {
       if (
         name.toLowerCase().endsWith('classes') ||
         name === 'theme' ||
+        name === 'ownerState' ||
         (name.endsWith('Props') && name !== 'componentsProps' && name !== 'slotProps')
       ) {
         return false;
@@ -173,23 +190,23 @@ async function generateProptypes(
     checkDeclarations: true,
   });
 
-  if (proptypes.body.length === 0) {
+  if (components.length === 0) {
     return;
   }
 
-  // exclude internal slot components, eg. ButtonRoot
-  proptypes.body = proptypes.body.filter((data) => {
-    if (data.propsFilename?.endsWith('.tsx')) {
+  // exclude internal slot components, e.g. ButtonRoot
+  const cleanComponents = components.filter((component) => {
+    if (component.propsFilename?.endsWith('.tsx')) {
       // only check for .tsx
-      const match = data.propsFilename.match(/.*\/([A-Z][a-zA-Z]+)\.tsx/);
+      const match = component.propsFilename.match(/.*\/([A-Z][a-zA-Z]+)\.tsx/);
       if (match) {
-        return data.name === match[1];
+        return component.name === match[1];
       }
     }
     return true;
   });
 
-  proptypes.body.forEach((component) => {
+  cleanComponents.forEach((component) => {
     component.types.forEach((prop) => {
       if (
         !prop.jsDoc ||
@@ -202,9 +219,7 @@ async function generateProptypes(
   });
 
   const sourceContent = await fse.readFile(sourceFile, 'utf8');
-
   const isTsFile = /(\.(ts|tsx))/.test(sourceFile);
-
   // If the component inherits the props from some unstyled components
   // we don't want to add those propTypes again in the Material UI/Joy UI propTypes
   const unstyledFile = getUnstyledFilename(tsFile, true);
@@ -214,73 +229,77 @@ async function generateProptypes(
   const propsFile = tsFile.replace(/(\.d\.ts|\.tsx|\.ts)/g, 'Props.ts');
   const propsFileAlternative = tsFile.replace(/(\.d\.ts|\.tsx|\.ts)/g, '.types.ts');
   const generatedForTypeScriptFile = sourceFile === tsFile;
-  const result = ttp.inject(proptypes, sourceContent, {
-    disablePropTypesTypeChecking: generatedForTypeScriptFile,
-    babelOptions: {
-      filename: sourceFile,
-    },
-    comment: [
-      '----------------------------- Warning --------------------------------',
-      '| These PropTypes are generated from the TypeScript type definitions |',
-      isTsFile
-        ? '|     To update them edit TypeScript types and run "yarn proptypes"  |'
-        : '|     To update them edit the d.ts file and run "yarn proptypes"     |',
-      '----------------------------------------------------------------------',
-    ].join('\n'),
-    ensureBabelPluginTransformReactRemovePropTypesIntegration: true,
-    getSortLiteralUnions,
-    reconcilePropTypes: (prop, previous, generated) => {
-      const usedCustomValidator = previous !== undefined && !previous.startsWith('PropTypes');
-      const ignoreGenerated =
-        previous !== undefined &&
-        previous.startsWith('PropTypes /* @typescript-to-proptypes-ignore */');
-
-      if (
-        ignoreGenerated &&
-        // `ignoreGenerated` implies that `previous !== undefined`
-        previous!
-          .replace('PropTypes /* @typescript-to-proptypes-ignore */', 'PropTypes')
-          .replace(/\s/g, '') === generated.replace(/\s/g, '')
-      ) {
-        throw new Error(
-          `Unused \`@typescript-to-proptypes-ignore\` directive for prop '${prop.name}'.`,
-        );
-      }
+  const result = injectPropTypesInFile({
+    components,
+    target: sourceContent,
+    options: {
+      disablePropTypesTypeChecking: generatedForTypeScriptFile,
+      babelOptions: {
+        filename: sourceFile,
+      },
+      comment: [
+        '----------------------------- Warning --------------------------------',
+        '| These PropTypes are generated from the TypeScript type definitions |',
+        isTsFile
+          ? '|     To update them edit TypeScript types and run "yarn proptypes"  |'
+          : '|     To update them edit the d.ts file and run "yarn proptypes"     |',
+        '----------------------------------------------------------------------',
+      ].join('\n'),
+      ensureBabelPluginTransformReactRemovePropTypesIntegration: true,
+      getSortLiteralUnions,
+      reconcilePropTypes: (prop, previous, generated) => {
+        const usedCustomValidator = previous !== undefined && !previous.startsWith('PropTypes');
+        const ignoreGenerated =
+          previous !== undefined &&
+          previous.startsWith('PropTypes /* @typescript-to-proptypes-ignore */');
+
+        if (
+          ignoreGenerated &&
+          // `ignoreGenerated` implies that `previous !== undefined`
+          previous!
+            .replace('PropTypes /* @typescript-to-proptypes-ignore */', 'PropTypes')
+            .replace(/\s/g, '') === generated.replace(/\s/g, '')
+        ) {
+          throw new Error(
+            `Unused \`@typescript-to-proptypes-ignore\` directive for prop '${prop.name}'.`,
+          );
+        }
 
-      if (usedCustomValidator || ignoreGenerated) {
-        // `usedCustomValidator` and `ignoreGenerated` narrow `previous` to `string`
-        return previous!;
-      }
+        if (usedCustomValidator || ignoreGenerated) {
+          // `usedCustomValidator` and `ignoreGenerated` narrow `previous` to `string`
+          return previous!;
+        }
 
-      return generated;
-    },
-    shouldInclude: ({ component, prop }) => {
-      if (prop.name === 'children') {
-        return true;
-      }
-      let shouldDocument;
-      const { name: componentName } = component;
-
-      prop.filenames.forEach((filename) => {
-        const isExternal = filename !== tsFile;
-        const implementedByUnstyledVariant =
-          filename === unstyledFile || filename === unstyledPropsFile;
-        const implementedBySelfPropsFile =
-          filename === propsFile || filename === propsFileAlternative;
-        if (!isExternal || implementedByUnstyledVariant || implementedBySelfPropsFile) {
+        return generated;
+      },
+      shouldInclude: ({ component, prop }) => {
+        if (prop.name === 'children') {
+          return true;
+        }
+        let shouldDocument;
+        const { name: componentName } = component;
+
+        prop.filenames.forEach((filename) => {
+          const isExternal = filename !== tsFile;
+          const implementedByUnstyledVariant =
+            filename === unstyledFile || filename === unstyledPropsFile;
+          const implementedBySelfPropsFile =
+            filename === propsFile || filename === propsFileAlternative;
+          if (!isExternal || implementedByUnstyledVariant || implementedBySelfPropsFile) {
+            shouldDocument = true;
+          }
+        });
+
+        if (
+          useExternalDocumentation[componentName] &&
+          (useExternalDocumentation[componentName] === '*' ||
+            useExternalDocumentation[componentName].includes(prop.name))
+        ) {
           shouldDocument = true;
         }
-      });
 
-      if (
-        useExternalDocumentation[componentName] &&
-        (useExternalDocumentation[componentName] === '*' ||
-          useExternalDocumentation[componentName].includes(prop.name))
-      ) {
-        shouldDocument = true;
-      }
-
-      return shouldDocument;
+        return shouldDocument;
+      },
     },
   });
 
@@ -306,9 +325,10 @@ async function run(argv: HandlerArgv) {
     console.log(`Only considering declaration files matching ${filePattern}`);
   }
 
+  const buildProject = createTypeScriptProjectBuilder(CORE_TYPESCRIPT_PROJECTS);
+
   // Matches files where the folder and file both start with uppercase letters
   // Example: AppBar/AppBar.d.ts
-
   const allFiles = await Promise.all(
     [
       path.resolve(__dirname, '../packages/mui-system/src'),
@@ -340,17 +360,16 @@ async function run(argv: HandlerArgv) {
 
       return fileName === folderName;
     })
-    .filter((filePath) => {
-      return filePattern.test(filePath);
-    });
-  // May not be able to understand all files due to mismatch in TS versions.
-  // Check `program.getSyntacticDiagnostics()` if referenced files could not be compiled.
-  const program = ttp.createTSProgram(files, tsconfig);
+    .filter((filePath) => filePattern.test(filePath));
 
   const promises = files.map<Promise<void>>(async (tsFile) => {
     const sourceFile = tsFile.includes('.d.ts') ? tsFile.replace('.d.ts', '.js') : tsFile;
     try {
-      await generateProptypes(program, sourceFile, tsFile);
+      const projectName = tsFile.match(
+        /packages\/mui-([a-zA-Z-]+)\/src/,
+      )![1] as CoreTypeScriptProjects;
+      const project = buildProject(projectName);
+      await generateProptypes(project, sourceFile, tsFile);
     } catch (error: any) {
       error.message = `${tsFile}: ${error.message}`;
       throw error;
diff --git a/scripts/releaseChangelog.mjs b/scripts/releaseChangelog.mjs
index 44b3217a910b74..f99ebd539c9e18 100644
--- a/scripts/releaseChangelog.mjs
+++ b/scripts/releaseChangelog.mjs
@@ -1,7 +1,8 @@
 /* eslint-disable no-restricted-syntax */
+import childProcess from 'child_process';
 import { Octokit } from '@octokit/rest';
+import fetch from 'node-fetch';
 import chalk from 'chalk';
-import childProcess from 'child_process';
 import { promisify } from 'util';
 import yargs from 'yargs';
 
@@ -64,6 +65,9 @@ async function main(argv) {
   }
   const octokit = new Octokit({
     auth: githubToken,
+    request: {
+      fetch,
+    },
   });
 
   const latestTaggedVersion = await findLatestTaggedVersion();
diff --git a/test/README.md b/test/README.md
index 15e3e58a82e21e..14b7b929336bce 100644
--- a/test/README.md
+++ b/test/README.md
@@ -22,7 +22,7 @@ Thanks for writing tests! Here's a quick run-down on our current setup.
 
 ## Writing tests
 
-For all unit tests, please use the return value from `test/utils/createRenderer`.
+For all unit tests, please use the return value from `@mui-internal/test-utils/createRenderer`.
 It prepares the test suite and returns a function with the same interface as
 [`render` from `@testing-library/react`](https://testing-library.com/docs/react-testing-library/api#render).
 
@@ -248,7 +248,7 @@ Possible values for `version`:
 
 - default: `stable` (minimum supported React version)
 - a tag on npm e.g. `next`, `experimental` or `latest`
-- an older version e.g `^17.0.0`
+- an older version e.g. `^17.0.0`
 
 #### CI
 
diff --git a/test/bundling/fixtures/create-react-app/package.json b/test/bundling/fixtures/create-react-app/package.json
index 13816758e1aeb4..9539e2926560e1 100644
--- a/test/bundling/fixtures/create-react-app/package.json
+++ b/test/bundling/fixtures/create-react-app/package.json
@@ -25,7 +25,7 @@
   "devDependencies": {
     "concurrently": "7.4.0",
     "cross-env": "7.0.3",
-    "playwright": "1.36.2",
+    "playwright": "1.37.1",
     "serve": "14.0.1"
   },
   "browserslist": {
diff --git a/test/bundling/fixtures/create-react-app/testCreateReactAppIntegration.js b/test/bundling/fixtures/create-react-app/testCreateReactAppIntegration.js
index 2142cdc2cd2230..740140e7d79fed 100644
--- a/test/bundling/fixtures/create-react-app/testCreateReactAppIntegration.js
+++ b/test/bundling/fixtures/create-react-app/testCreateReactAppIntegration.js
@@ -4,9 +4,11 @@ const playwright = require('playwright');
  * @param {number} timeoutMS
  * @returns {Promise<void>}
  */
-function sleep(timeoutMS) {
+function sleep(duration) {
   return new Promise((resolve) => {
-    setTimeout(() => resolve(), timeoutMS);
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
 
diff --git a/test/bundling/fixtures/esbuild/index.html b/test/bundling/fixtures/esbuild/index.html
index 176527ecd4c4c0..e32840cd66f8a0 100644
--- a/test/bundling/fixtures/esbuild/index.html
+++ b/test/bundling/fixtures/esbuild/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
+    <meta charset="utf-8" />
     <title>Vite App</title>
   </head>
   <body>
diff --git a/test/bundling/fixtures/esbuild/package.json b/test/bundling/fixtures/esbuild/package.json
index f2e44d639a86e8..cd685a42da54e5 100644
--- a/test/bundling/fixtures/esbuild/package.json
+++ b/test/bundling/fixtures/esbuild/package.json
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "concurrently": "7.4.0",
-    "playwright": "1.36.2",
+    "playwright": "1.37.1",
     "serve": "14.0.1"
   }
 }
diff --git a/test/bundling/fixtures/esbuild/testEsbuildIntegration.js b/test/bundling/fixtures/esbuild/testEsbuildIntegration.js
index 2142cdc2cd2230..ce6eaa4f493a5d 100644
--- a/test/bundling/fixtures/esbuild/testEsbuildIntegration.js
+++ b/test/bundling/fixtures/esbuild/testEsbuildIntegration.js
@@ -4,12 +4,13 @@ const playwright = require('playwright');
  * @param {number} timeoutMS
  * @returns {Promise<void>}
  */
-function sleep(timeoutMS) {
+function sleep(duration) {
   return new Promise((resolve) => {
-    setTimeout(() => resolve(), timeoutMS);
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
-
 /**
  * Attempts page.goto with retries
  *
diff --git a/test/bundling/fixtures/gatsby/package.json b/test/bundling/fixtures/gatsby/package.json
index e59bc6f516524e..7ed282174b4f57 100644
--- a/test/bundling/fixtures/gatsby/package.json
+++ b/test/bundling/fixtures/gatsby/package.json
@@ -23,6 +23,6 @@
   },
   "devDependencies": {
     "concurrently": "7.4.0",
-    "playwright": "1.36.2"
+    "playwright": "1.37.1"
   }
 }
diff --git a/test/bundling/fixtures/gatsby/testGatsbyIntegration.js b/test/bundling/fixtures/gatsby/testGatsbyIntegration.js
index 639c6027069a42..5425d43055406c 100644
--- a/test/bundling/fixtures/gatsby/testGatsbyIntegration.js
+++ b/test/bundling/fixtures/gatsby/testGatsbyIntegration.js
@@ -4,9 +4,11 @@ const playwright = require('playwright');
  * @param {number} timeoutMS
  * @returns {Promise<void>}
  */
-function sleep(timeoutMS) {
+function sleep(duration) {
   return new Promise((resolve) => {
-    setTimeout(() => resolve(), timeoutMS);
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
 
diff --git a/test/bundling/fixtures/next-webpack4/package.json b/test/bundling/fixtures/next-webpack4/package.json
index ec754567b730f4..44d7ebb305aac0 100644
--- a/test/bundling/fixtures/next-webpack4/package.json
+++ b/test/bundling/fixtures/next-webpack4/package.json
@@ -23,6 +23,6 @@
   },
   "devDependencies": {
     "concurrently": "7.4.0",
-    "playwright": "1.36.2"
+    "playwright": "1.37.1"
   }
 }
diff --git a/test/bundling/fixtures/next-webpack4/testNextWebpack4Integration.js b/test/bundling/fixtures/next-webpack4/testNextWebpack4Integration.js
index 5f6fc1c70e3dba..23630f301c8834 100644
--- a/test/bundling/fixtures/next-webpack4/testNextWebpack4Integration.js
+++ b/test/bundling/fixtures/next-webpack4/testNextWebpack4Integration.js
@@ -4,9 +4,11 @@ const playwright = require('playwright');
  * @param {number} timeoutMS
  * @returns {Promise<void>}
  */
-function sleep(timeoutMS) {
+function sleep(duration) {
   return new Promise((resolve) => {
-    setTimeout(() => resolve(), timeoutMS);
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
 
diff --git a/test/bundling/fixtures/next-webpack5/package.json b/test/bundling/fixtures/next-webpack5/package.json
index 3edd561bd7a32f..a149ea2d06500c 100644
--- a/test/bundling/fixtures/next-webpack5/package.json
+++ b/test/bundling/fixtures/next-webpack5/package.json
@@ -23,6 +23,6 @@
   },
   "devDependencies": {
     "concurrently": "7.4.0",
-    "playwright": "1.36.2"
+    "playwright": "1.37.1"
   }
 }
diff --git a/test/bundling/fixtures/next-webpack5/testNextWebpack5Integration.js b/test/bundling/fixtures/next-webpack5/testNextWebpack5Integration.js
index 5f6fc1c70e3dba..23630f301c8834 100644
--- a/test/bundling/fixtures/next-webpack5/testNextWebpack5Integration.js
+++ b/test/bundling/fixtures/next-webpack5/testNextWebpack5Integration.js
@@ -4,9 +4,11 @@ const playwright = require('playwright');
  * @param {number} timeoutMS
  * @returns {Promise<void>}
  */
-function sleep(timeoutMS) {
+function sleep(duration) {
   return new Promise((resolve) => {
-    setTimeout(() => resolve(), timeoutMS);
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
 
diff --git a/test/bundling/fixtures/snowpack/package.json b/test/bundling/fixtures/snowpack/package.json
index 7324f216e3401e..95de7a32bbba37 100644
--- a/test/bundling/fixtures/snowpack/package.json
+++ b/test/bundling/fixtures/snowpack/package.json
@@ -24,7 +24,7 @@
   },
   "devDependencies": {
     "concurrently": "7.4.0",
-    "playwright": "1.36.2",
+    "playwright": "1.37.1",
     "serve": "14.0.1"
   }
 }
diff --git a/test/bundling/fixtures/snowpack/testSnowpackIntegration.js b/test/bundling/fixtures/snowpack/testSnowpackIntegration.js
index 32ef4ef36b0fa5..0885ee87964da4 100644
--- a/test/bundling/fixtures/snowpack/testSnowpackIntegration.js
+++ b/test/bundling/fixtures/snowpack/testSnowpackIntegration.js
@@ -4,9 +4,11 @@ const playwright = require('playwright');
  * @param {number} timeoutMS
  * @returns {Promise<void>}
  */
-function sleep(timeoutMS) {
+function sleep(duration) {
   return new Promise((resolve) => {
-    setTimeout(() => resolve(), timeoutMS);
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
 
diff --git a/test/bundling/fixtures/vite/index.html b/test/bundling/fixtures/vite/index.html
index 40bcd1a2f2b118..1f914aa5c9400c 100644
--- a/test/bundling/fixtures/vite/index.html
+++ b/test/bundling/fixtures/vite/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
+    <meta charset="utf-8" />
     <title>Vite App</title>
   </head>
   <body>
diff --git a/test/bundling/fixtures/vite/package.json b/test/bundling/fixtures/vite/package.json
index 10df9689c1e5b0..5908e2e9ce8dde 100644
--- a/test/bundling/fixtures/vite/package.json
+++ b/test/bundling/fixtures/vite/package.json
@@ -24,7 +24,7 @@
   },
   "devDependencies": {
     "concurrently": "7.4.0",
-    "playwright": "1.36.2",
+    "playwright": "1.37.1",
     "serve": "14.0.1"
   }
 }
diff --git a/test/bundling/fixtures/vite/testViteIntegration.js b/test/bundling/fixtures/vite/testViteIntegration.js
index 2142cdc2cd2230..740140e7d79fed 100644
--- a/test/bundling/fixtures/vite/testViteIntegration.js
+++ b/test/bundling/fixtures/vite/testViteIntegration.js
@@ -4,9 +4,11 @@ const playwright = require('playwright');
  * @param {number} timeoutMS
  * @returns {Promise<void>}
  */
-function sleep(timeoutMS) {
+function sleep(duration) {
   return new Promise((resolve) => {
-    setTimeout(() => resolve(), timeoutMS);
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
 
diff --git a/test/bundling/scripts/createFixture.js b/test/bundling/scripts/createFixture.js
index cbbe77c3231932..ebff14a70a4e7a 100644
--- a/test/bundling/scripts/createFixture.js
+++ b/test/bundling/scripts/createFixture.js
@@ -186,6 +186,7 @@ async function run(context) {
         fixtureTemplateValues,
       });
       break;
+    // TODO remove, no longer relevant since https://github.com/mui/material-ui/pull/38567
     case 'gatsby':
       await writeGatsbyFixture({
         fixtureUrl: resolveFixtureUrl('gatsby'),
diff --git a/test/e2e/.mocharc.js b/test/e2e/.mocharc.js
index 081b97d43754d5..92386403490464 100644
--- a/test/e2e/.mocharc.js
+++ b/test/e2e/.mocharc.js
@@ -4,5 +4,5 @@ module.exports = {
   slow: 500,
   timeout: (process.env.CIRCLECI === 'true' ? 4 : 2) * 1000, // Circle CI has low-performance CPUs.
   reporter: 'dot',
-  require: [require.resolve('../utils/setupBabelPlaywright')],
+  require: ['@mui-internal/test-utils/setupBabelPlaywright'],
 };
diff --git a/test/e2e/fixtures/FocusTrap/DisableEnforceFocusFocusTrap.tsx b/test/e2e/fixtures/FocusTrap/DisableEnforceFocusFocusTrap.tsx
new file mode 100644
index 00000000000000..ddb157a2631f23
--- /dev/null
+++ b/test/e2e/fixtures/FocusTrap/DisableEnforceFocusFocusTrap.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { FocusTrap } from '@mui/base/FocusTrap';
+
+export default function disableEnforceFocusFocusTrap() {
+  return (
+    <React.Fragment>
+      <button data-testid="initial-focus" type="button" autoFocus>
+        initial focus
+      </button>
+      <FocusTrap open disableEnforceFocus disableAutoFocus>
+        <div data-testid="root">
+          <button data-testid="inside-trap-focus" type="button">
+            inside focusable
+          </button>
+        </div>
+      </FocusTrap>
+    </React.Fragment>
+  );
+}
diff --git a/test/e2e/fixtures/TextField/OutlinedTextFieldOnClick.tsx b/test/e2e/fixtures/TextField/OutlinedTextFieldOnClick.tsx
new file mode 100644
index 00000000000000..c334cba11fb4d0
--- /dev/null
+++ b/test/e2e/fixtures/TextField/OutlinedTextFieldOnClick.tsx
@@ -0,0 +1,17 @@
+import * as React from 'react';
+import TextField from '@mui/material/TextField';
+
+export default function OutlinedTextFieldOnClick() {
+  const [isClicked, setIsClicked] = React.useState(false);
+  return (
+    <TextField
+      id="outlined-basic"
+      label="Outlined"
+      error={isClicked}
+      variant="outlined"
+      onClick={() => {
+        setIsClicked(true);
+      }}
+    />
+  );
+}
diff --git a/test/e2e/index.test.ts b/test/e2e/index.test.ts
index 41ee58e532f1d8..a5ceb4f2924b94 100644
--- a/test/e2e/index.test.ts
+++ b/test/e2e/index.test.ts
@@ -7,11 +7,14 @@ import type {
   MatcherOptions,
   SelectorMatcherOptions,
 } from '@testing-library/dom';
-import '../utils/initPlaywrightMatchers';
-
-function sleep(timeoutMS: number): Promise<void> {
-  return new Promise((resolve) => {
-    setTimeout(() => resolve(), timeoutMS);
+import '@mui-internal/test-utils/initMatchers';
+import '@mui-internal/test-utils/initPlaywrightMatchers';
+
+function sleep(duration: number): Promise<void> {
+  return new Promise<void>((resolve) => {
+    setTimeout(() => {
+      resolve();
+    }, duration);
   });
 }
 
@@ -172,6 +175,26 @@ describe('e2e', () => {
       await page.keyboard.press('Tab');
       await expect(screen.getByText('final tab target')).toHaveFocus();
     });
+
+    it('should not trap focus when clicking outside when disableEnforceFocus is set', async () => {
+      await renderFixture('FocusTrap/DisableEnforceFocusFocusTrap');
+
+      // initial focus is on the button outside of the trap focus
+      await expect(screen.getByTestId('initial-focus')).toHaveFocus();
+
+      // focus the button inside the trap focus
+      await page.keyboard.press('Tab');
+      await expect(screen.getByTestId('inside-trap-focus')).toHaveFocus();
+
+      // the focus is now trapped inside
+      await page.keyboard.press('Tab');
+      await expect(screen.getByTestId('inside-trap-focus')).toHaveFocus();
+
+      const initialFocus = (await screen.getByTestId('initial-focus'))!;
+      await initialFocus.click();
+
+      await expect(screen.getByTestId('initial-focus')).toHaveFocus();
+    });
   });
 
   describe('<Rating />', () => {
@@ -254,4 +277,15 @@ describe('e2e', () => {
       expect(pageErrors.length).to.equal(0);
     });
   });
+
+  describe('<TextField />', () => {
+    it('should fire `onClick` when clicking on the focused label position', async () => {
+      await renderFixture('TextField/OutlinedTextFieldOnClick');
+
+      // execute the click on the focused label position
+      await page.getByRole('textbox').click({ position: { x: 10, y: 10 } });
+      const errorSelector = page.locator('.MuiInputBase-root.Mui-error');
+      await errorSelector.waitFor();
+    });
+  });
 });
diff --git a/test/e2e/webpack.config.js b/test/e2e/webpack.config.js
index f8fcb9b0bcc200..dd10685c681072 100644
--- a/test/e2e/webpack.config.js
+++ b/test/e2e/webpack.config.js
@@ -31,6 +31,7 @@ module.exports = {
         options: {
           cacheDirectory: true,
           configFile: path.resolve(__dirname, '../../babel.config.js'),
+          envName: 'regressions',
         },
       },
       {
diff --git a/test/karma.conf.js b/test/karma.conf.js
index 9fa46fe93e3547..2f975fb47822bc 100644
--- a/test/karma.conf.js
+++ b/test/karma.conf.js
@@ -137,7 +137,7 @@ module.exports = function setKarmaConfig(config) {
           {
             test: /\.(js|mjs|jsx)$/,
             include:
-              /node_modules(\/|\\)(notistack|@mui(\/|\\)x-data-grid|@mui(\/|\\)x-data-grid-pro|@mui(\/|\\)x-license-pro|@mui(\/|\\)x-data-grid-generator|@mui(\/|\\)x-date-pickers-pro|@mui(\/|\\)x-date-pickers)/,
+              /node_modules(\/|\\)(notistack|@mui(\/|\\)x-data-grid|@mui(\/|\\)x-data-grid-pro|@mui(\/|\\)x-license-pro|@mui(\/|\\)x-data-grid-generator|@mui(\/|\\)x-date-pickers-pro|@mui(\/|\\)x-date-pickers|@mui(\/|\\)x-tree-view)/,
             use: {
               loader: 'babel-loader',
               options: {
diff --git a/test/karma.conf.profile.js b/test/karma.conf.profile.js
index b952e5a651d1f4..2d5f7ee2e3939d 100644
--- a/test/karma.conf.profile.js
+++ b/test/karma.conf.profile.js
@@ -39,7 +39,7 @@ module.exports = function setKarmaConfig(config) {
       'karma-chrome-launcher',
       'karma-sourcemap-loader',
       'karma-webpack',
-      require.resolve('./utils/KarmaReporterReactProfiler'),
+      '@mui-internal/test-utils/KarmaReporterReactProfiler',
     ],
     /**
      * possible values:
diff --git a/test/karma.tests.js b/test/karma.tests.js
index 4625479c8dea4c..8925bc09cc3bd4 100644
--- a/test/karma.tests.js
+++ b/test/karma.tests.js
@@ -1,5 +1,5 @@
-import './utils/init';
-import './utils/setupKarma';
+import '@mui-internal/test-utils/init';
+import '@mui-internal/test-utils/setupKarma';
 
 const materialIntegrationContext = require.context(
   '../packages/mui-material/test/integration',
diff --git a/test/package.json b/test/package.json
index 156ff50f118c4e..2bec94b730eaea 100644
--- a/test/package.json
+++ b/test/package.json
@@ -1,8 +1,44 @@
 {
-  "name": "test",
+  "name": "@mui-internal/tests",
   "version": "5.0.0",
   "private": true,
   "scripts": {
     "typescript": "tsc -p tsconfig.json"
+  },
+  "devDependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@emotion/cache": "^11.11.0",
+    "@emotion/react": "^11.11.1",
+    "@mui/base": "5.0.0-beta.16",
+    "@mui/icons-material": "^5.14.9",
+    "@mui/joy": "5.0.0-beta.7",
+    "@mui/lab": "5.0.0-alpha.145",
+    "@mui/material": "^5.14.10",
+    "@mui/material-next": "6.0.0-alpha.102",
+    "@mui/system": "^5.14.10",
+    "@mui-internal/test-utils": "^1.0.0",
+    "@playwright/test": "1.37.1",
+    "@testing-library/dom": "^9.3.1",
+    "@types/chai": "^4.3.6",
+    "@types/react": "^18.2.21",
+    "chai": "^4.3.8",
+    "docs": "^5.0.0",
+    "fast-glob": "^3.3.1",
+    "fs-extra": "^11.1.1",
+    "html-webpack-plugin": "^5.5.3",
+    "lodash": "^4.17.21",
+    "playwright": "^1.37.1",
+    "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.15.0",
+    "sinon": "^15.2.0",
+    "styled-components": "6.0.7",
+    "stylis": "4.2.0",
+    "stylis-plugin-rtl": "^2.1.1",
+    "stylis-plugin-rtl-sc": "npm:stylis-plugin-rtl@^1.1.0",
+    "webfontloader": "^1.6.28",
+    "webpack": "^5.88.2",
+    "yargs": "^17.7.2"
   }
 }
diff --git a/test/regressions/.mocharc.js b/test/regressions/.mocharc.js
index 2e476a33d3ddd1..66b9e6bc4905df 100644
--- a/test/regressions/.mocharc.js
+++ b/test/regressions/.mocharc.js
@@ -3,5 +3,5 @@ module.exports = {
   slow: 500,
   timeout: (process.env.CIRCLECI === 'true' ? 4 : 2) * 1000, // Circle CI has low-performance CPUs.
   reporter: 'dot',
-  require: [require.resolve('../utils/setupBabelPlaywright')],
+  require: ['@mui-internal/test-utils/setupBabelPlaywright'],
 };
diff --git a/test/regressions/fixtures/ButtonGroup/DifferentChildren.js b/test/regressions/fixtures/ButtonGroup/DifferentChildren.js
new file mode 100644
index 00000000000000..44f107dcc0badd
--- /dev/null
+++ b/test/regressions/fixtures/ButtonGroup/DifferentChildren.js
@@ -0,0 +1,40 @@
+import * as React from 'react';
+import Button from '@mui/material/Button';
+import ButtonGroup from '@mui/material/ButtonGroup';
+import Stack from '@mui/material/Stack';
+import Tooltip from '@mui/material/Tooltip';
+
+export default function DifferentChildren() {
+  return (
+    <Stack spacing={2}>
+      {/* It has one button with href which is rendered as anchor tag */}
+      <ButtonGroup variant="contained">
+        <Button href="##">Button 1</Button>
+        <Button>Button 2</Button>
+        <Button>Button 3</Button>
+      </ButtonGroup>
+
+      {/* With tooltip */}
+      <ButtonGroup>
+        <Tooltip title="tooltip">
+          <Button>Enabled</Button>
+        </Tooltip>
+        <Tooltip title="tooltip">
+          <span>
+            <Button disabled>Disabled</Button>
+          </span>
+        </Tooltip>
+        <Tooltip title="tooltip">
+          <span>
+            <Button disabled>Disabled</Button>
+          </span>
+        </Tooltip>
+      </ButtonGroup>
+
+      {/* Single button */}
+      <ButtonGroup>
+        <Button>Single Button</Button>
+      </ButtonGroup>
+    </Stack>
+  );
+}
diff --git a/test/regressions/fixtures/JoyColorInversion/JoyColorInversion.js b/test/regressions/fixtures/JoyColorInversion/JoyColorInversion.js
index 0be461f1fd3d8f..91600b1b10044e 100644
--- a/test/regressions/fixtures/JoyColorInversion/JoyColorInversion.js
+++ b/test/regressions/fixtures/JoyColorInversion/JoyColorInversion.js
@@ -59,7 +59,7 @@ export default function JoyColorInversion() {
       {renderComponents(<Alert>This is an alert.</Alert>)}
       {renderComponents(
         <AspectRatio sx={{ minWidth: 120 }}>
-          <Box>Image</Box>
+          <div>Image</div>
         </AspectRatio>,
       )}
       {renderComponents(<Avatar>MA</Avatar>)}
@@ -71,7 +71,7 @@ export default function JoyColorInversion() {
       {renderComponents(<Button>Button</Button>)}
       <Card sx={{ minWidth: 256 }}>
         <AspectRatio>
-          <Box>Image</Box>
+          <div>Image</div>
         </AspectRatio>
         <CardContent>Content</CardContent>
         <Divider />
diff --git a/test/regressions/fixtures/LinkJoy/LinkCard.js b/test/regressions/fixtures/LinkJoy/LinkCard.js
new file mode 100644
index 00000000000000..87d4b6251c6a03
--- /dev/null
+++ b/test/regressions/fixtures/LinkJoy/LinkCard.js
@@ -0,0 +1,26 @@
+import * as React from 'react';
+import Avatar from '@mui/joy/Avatar';
+import Box from '@mui/joy/Box';
+import Card from '@mui/joy/Card';
+import Link, { linkClasses } from '@mui/joy/Link';
+import Typography from '@mui/joy/Typography';
+
+export default function LinkCard() {
+  return (
+    <Box sx={{ p: 2 }}>
+      <Card variant="outlined" sx={{ display: 'flex', gap: 2 }}>
+        <Avatar size="lg" src="/static/images/avatar/1.jpg" />
+        <Link
+          overlay
+          href="#introduction"
+          underline="none"
+          className={linkClasses.focusVisible}
+          sx={{ display: 'flex', flexDirection: 'column', alignItems: 'start' }}
+        >
+          <Typography level="body-md">Joy UI</Typography>
+          <Typography level="body-sm">Components that spark joy!</Typography>
+        </Link>
+      </Card>
+    </Box>
+  );
+}
diff --git a/test/regressions/index.js b/test/regressions/index.js
index 91c9f252b5ed53..1f4d6b6956a02f 100644
--- a/test/regressions/index.js
+++ b/test/regressions/index.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import * as ReactDOM from 'react-dom';
+import * as ReactDOMClient from 'react-dom/client';
 import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom';
 import webfontloader from 'webfontloader';
 import TestViewer from './TestViewer';
@@ -32,7 +32,9 @@ const blacklist = [
   'docs-joy-tools/PaletteThemeViewer.png', // No need for theme tokens
   'docs-joy-tools/ShadowThemeViewer.png', // No need for theme tokens
   'docs-joy-customization-theme-typography/TypographyThemeViewer.png', // No need for theme tokens
+  'docs-joy-components-circular-progress/CircularProgressCountUp.png', // Flaky due to animation
   'docs-joy-components-divider/DividerChildPosition.png', // Needs interaction
+  'docs-joy-components-linear-progress/LinearProgressCountUp.png', // Flaky due to animation
   'docs-base-guides-working-with-tailwind-css/PlayerFinal.png', // No public components
   'docs-components-alert/TransitionAlerts.png', // Needs interaction
   'docs-components-app-bar/BackToTop.png', // Needs interaction
@@ -223,21 +225,31 @@ if (unusedBlacklistPatterns.size > 0) {
 const viewerRoot = document.getElementById('test-viewer');
 
 function FixtureRenderer({ component: FixtureComponent }) {
+  const viewerReactRoot = React.useRef(null);
+
   React.useLayoutEffect(() => {
-    const children = (
-      <TestViewer>
-        <FixtureComponent />
-      </TestViewer>
-    );
+    const renderTimeout = setTimeout(() => {
+      const children = (
+        <TestViewer>
+          <FixtureComponent />
+        </TestViewer>
+      );
 
-    ReactDOM.render(children, viewerRoot);
-  }, [FixtureComponent]);
+      if (viewerReactRoot.current === null) {
+        viewerReactRoot.current = ReactDOMClient.createRoot(viewerRoot);
+      }
+
+      viewerReactRoot.current.render(children);
+    });
 
-  React.useLayoutEffect(() => {
     return () => {
-      ReactDOM.unmountComponentAtNode(viewerRoot);
+      clearTimeout(renderTimeout);
+      setTimeout(() => {
+        viewerReactRoot.current.unmount();
+        viewerReactRoot.current = null;
+      });
     };
-  }, []);
+  }, [FixtureComponent]);
 
   return null;
 }
@@ -352,9 +364,5 @@ App.propTypes = {
 
 const container = document.getElementById('react-root');
 const children = <App fixtures={regressionFixtures.concat(demoFixtures)} />;
-if (typeof ReactDOM.unstable_createRoot === 'function') {
-  const root = ReactDOM.unstable_createRoot(container);
-  root.render(children);
-} else {
-  ReactDOM.render(children, container);
-}
+const reactRoot = ReactDOMClient.createRoot(container);
+reactRoot.render(children);
diff --git a/test/regressions/webpack.config.js b/test/regressions/webpack.config.js
index 38d960d8521101..f01402c61451df 100644
--- a/test/regressions/webpack.config.js
+++ b/test/regressions/webpack.config.js
@@ -11,6 +11,7 @@ module.exports = {
     // Helps debugging and build perf.
     // Bundle size is irrelevant for local serving
     minimize: false,
+    concatenateModules: false,
   },
   output: {
     path: path.resolve(__dirname, './build'),
@@ -32,11 +33,13 @@ module.exports = {
     rules: [
       {
         test: /\.(js|ts|tsx)$/,
-        exclude: /node_modules/,
+        // prism.js blocks @mui/markdown/prism from being interpreted as ESM in this build.
+        exclude: /node_modules|prism\.js/,
         loader: 'babel-loader',
         options: {
           cacheDirectory: true,
           configFile: path.resolve(__dirname, '../../babel.config.js'),
+          envName: 'regressions',
         },
       },
       {
@@ -51,11 +54,6 @@ module.exports = {
   },
   resolve: {
     ...webpackBaseConfig.resolve,
-    alias: {
-      ...webpackBaseConfig.resolve.alias,
-      '@material-ui/core': path.resolve(__dirname, '../../packages/mui-material/src'),
-      '@material-ui/styles': path.resolve(__dirname, '../../packages/mui-styles/src'),
-    },
     fallback: {
       // Exclude polyfill and treat 'fs' as an empty module since it is not required. next -> gzip-size relies on it.
       fs: false,
diff --git a/test/tsconfig.json b/test/tsconfig.json
index 798f9d363f0e6d..b7cc8d29136617 100644
--- a/test/tsconfig.json
+++ b/test/tsconfig.json
@@ -1,12 +1,13 @@
 {
   "extends": "../tsconfig.json",
-  "include": ["e2e/**/*", "regressions/**/*", "utils/**/*"],
   "compilerOptions": {
     "allowJs": true,
-    "noEmit": true,
     "noUnusedLocals": true,
     "skipLibCheck": true,
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "moduleResolution": "node16",
+    "types": ["mocha"]
   },
-  "exclude": ["node_modules"]
+  "include": ["e2e/**/*", "regressions/**/*"],
+  "exclude": ["node_modules", "*/build"]
 }
diff --git a/test/utils/setupBabel.js b/test/utils/setupBabel.js
deleted file mode 100644
index 175716b176ac01..00000000000000
--- a/test/utils/setupBabel.js
+++ /dev/null
@@ -1,7 +0,0 @@
-require('@babel/register')({
-  extensions: ['.js', '.ts', '.tsx'],
-  // We have to apply `babel-plugin-module-resolve` to the files in `@mui/x-date-pickers`.
-  // Otherwise we can't import `@mui/material` from `@mui/x-date-pickers` in `yarn test:unit`.
-  // TODO: Remove once the lab do not export the pickers
-  ignore: [/node_modules(\/|\\)(?!.*(@mui(\/|\\)x-date-pickers(\/|\\)([a-zA-Z/\\])+)\.js)/],
-});
diff --git a/tsconfig.json b/tsconfig.json
index ff9e54bfb84492..2c5723bbbe1591 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,6 +19,7 @@
       "@mui/lab": ["./packages/mui-lab/src"],
       "@mui/lab/*": ["./packages/mui-lab/src/*"],
       "@mui/markdown": ["./packages/markdown"],
+      "@mui/markdown/*": ["./packages/markdown/*"],
       "@mui/styled-engine": ["./packages/mui-styled-engine/src"],
       "@mui/styled-engine/*": ["./packages/mui-styled-engine/src/*"],
       "@mui/styled-engine-sc": ["./packages/mui-styled-engine-sc/src"],
@@ -32,13 +33,17 @@
       "@mui/types": ["./packages/mui-types"],
       "@mui/base": ["./packages/mui-base/src"],
       "@mui/base/*": ["./packages/mui-base/src/*"],
+      "@mui/utils": ["./packages/mui-utils/src"],
+      "@mui/utils/*": ["./packages/mui-utils/src/*"],
       "@mui/docs": ["./packages/mui-docs/src"],
       "@mui/docs/*": ["./packages/mui-docs/src/*"],
       "@mui/material-next": ["./packages/mui-material-next/src"],
       "@mui/material-next/*": ["./packages/mui-material-next/src/*"],
       "@mui/joy": ["./packages/mui-joy/src"],
       "@mui/joy/*": ["./packages/mui-joy/src/*"],
-      "test/*": ["./test/*"],
+      "@mui/zero-runtime/*": ["./packages/zero-runtime/src/*"],
+      "@mui/zero-tag-processor/*": ["./packages/zero-tag-processor/src/*"],
+      "@mui/zero-vite-plugin/*": ["./packages/zero-vite-plugin/src/*"],
       "typescript-to-proptypes": ["./packages/typescript-to-proptypes/src"]
     },
     // Otherwise we get react-native typings which conflict with dom.lib.
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index a12b5c108f60e0..0b9c59bdf248fb 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -9,9 +9,10 @@ module.exports = {
   resolve: {
     modules: [__dirname, 'node_modules'],
     alias: {
+      '@mui/markdown': path.resolve(__dirname, './packages/markdown'),
       '@mui/material': path.resolve(__dirname, './packages/mui-material/src'),
       '@mui/docs': path.resolve(__dirname, './packages/mui-docs/src'),
-      '@mui/icons-material': path.resolve(__dirname, './packages/mui-icons-material/lib'),
+      '@mui/icons-material': path.resolve(__dirname, './packages/mui-icons-material/lib/esm'),
       '@mui/lab': path.resolve(__dirname, './packages/mui-lab/src'),
       '@mui/styled-engine': path.resolve(__dirname, './packages/mui-styled-engine/src'),
       '@mui/styled-engine-sc': path.resolve(__dirname, './packages/mui-styled-engine-sc/src'),
diff --git a/yarn.lock b/yarn.lock
index ef8b031912ae3b..82aade9d3959f6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -34,109 +34,109 @@
   resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.9.3.tgz#2e22e830d36f0a9cf2c0ccd3c7f6d59435b77dfa"
   integrity sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ==
 
-"@algolia/cache-browser-local-storage@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.14.2.tgz#d5b1b90130ca87c6321de876e167df9ec6524936"
-  integrity sha512-FRweBkK/ywO+GKYfAWbrepewQsPTIEirhi1BdykX9mxvBPtGNKccYAxvGdDCumU1jL4r3cayio4psfzKMejBlA==
-  dependencies:
-    "@algolia/cache-common" "4.14.2"
-
-"@algolia/cache-common@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/cache-common/-/cache-common-4.14.2.tgz#b946b6103c922f0c06006fb6929163ed2c67d598"
-  integrity sha512-SbvAlG9VqNanCErr44q6lEKD2qoK4XtFNx9Qn8FK26ePCI8I9yU7pYB+eM/cZdS9SzQCRJBbHUumVr4bsQ4uxg==
-
-"@algolia/cache-in-memory@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/cache-in-memory/-/cache-in-memory-4.14.2.tgz#88e4a21474f9ac05331c2fa3ceb929684a395a24"
-  integrity sha512-HrOukWoop9XB/VFojPv1R5SVXowgI56T9pmezd/djh2JnVN/vXswhXV51RKy4nCpqxyHt/aGFSq2qkDvj6KiuQ==
-  dependencies:
-    "@algolia/cache-common" "4.14.2"
-
-"@algolia/client-account@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/client-account/-/client-account-4.14.2.tgz#b76ac1ba9ea71e8c3f77a1805b48350dc0728a16"
-  integrity sha512-WHtriQqGyibbb/Rx71YY43T0cXqyelEU0lB2QMBRXvD2X0iyeGl4qMxocgEIcbHyK7uqE7hKgjT8aBrHqhgc1w==
-  dependencies:
-    "@algolia/client-common" "4.14.2"
-    "@algolia/client-search" "4.14.2"
-    "@algolia/transporter" "4.14.2"
-
-"@algolia/client-analytics@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-4.14.2.tgz#ca04dcaf9a78ee5c92c5cb5e9c74cf031eb2f1fb"
-  integrity sha512-yBvBv2mw+HX5a+aeR0dkvUbFZsiC4FKSnfqk9rrfX+QrlNOKEhCG0tJzjiOggRW4EcNqRmaTULIYvIzQVL2KYQ==
-  dependencies:
-    "@algolia/client-common" "4.14.2"
-    "@algolia/client-search" "4.14.2"
-    "@algolia/requester-common" "4.14.2"
-    "@algolia/transporter" "4.14.2"
-
-"@algolia/client-common@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-4.14.2.tgz#e1324e167ffa8af60f3e8bcd122110fd0bfd1300"
-  integrity sha512-43o4fslNLcktgtDMVaT5XwlzsDPzlqvqesRi4MjQz2x4/Sxm7zYg5LRYFol1BIhG6EwxKvSUq8HcC/KxJu3J0Q==
-  dependencies:
-    "@algolia/requester-common" "4.14.2"
-    "@algolia/transporter" "4.14.2"
-
-"@algolia/client-personalization@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-4.14.2.tgz#656bbb6157a3dd1a4be7de65e457fda136c404ec"
-  integrity sha512-ACCoLi0cL8CBZ1W/2juehSltrw2iqsQBnfiu/Rbl9W2yE6o2ZUb97+sqN/jBqYNQBS+o0ekTMKNkQjHHAcEXNw==
-  dependencies:
-    "@algolia/client-common" "4.14.2"
-    "@algolia/requester-common" "4.14.2"
-    "@algolia/transporter" "4.14.2"
-
-"@algolia/client-search@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-4.14.2.tgz#357bdb7e640163f0e33bad231dfcc21f67dc2e92"
-  integrity sha512-L5zScdOmcZ6NGiVbLKTvP02UbxZ0njd5Vq9nJAmPFtjffUSOGEp11BmD2oMJ5QvARgx2XbX4KzTTNS5ECYIMWw==
-  dependencies:
-    "@algolia/client-common" "4.14.2"
-    "@algolia/requester-common" "4.14.2"
-    "@algolia/transporter" "4.14.2"
-
-"@algolia/logger-common@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/logger-common/-/logger-common-4.14.2.tgz#b74b3a92431f92665519d95942c246793ec390ee"
-  integrity sha512-/JGlYvdV++IcMHBnVFsqEisTiOeEr6cUJtpjz8zc0A9c31JrtLm318Njc72p14Pnkw3A/5lHHh+QxpJ6WFTmsA==
-
-"@algolia/logger-console@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/logger-console/-/logger-console-4.14.2.tgz#ec49cb47408f5811d4792598683923a800abce7b"
-  integrity sha512-8S2PlpdshbkwlLCSAB5f8c91xyc84VM9Ar9EdfE9UmX+NrKNYnWR1maXXVDQQoto07G1Ol/tYFnFVhUZq0xV/g==
-  dependencies:
-    "@algolia/logger-common" "4.14.2"
-
-"@algolia/requester-browser-xhr@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.14.2.tgz#a2cd4d9d8d90d53109cc7f3682dc6ebf20f798f2"
-  integrity sha512-CEh//xYz/WfxHFh7pcMjQNWgpl4wFB85lUMRyVwaDPibNzQRVcV33YS+63fShFWc2+42YEipFGH2iPzlpszmDw==
-  dependencies:
-    "@algolia/requester-common" "4.14.2"
-
-"@algolia/requester-common@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-common/-/requester-common-4.14.2.tgz#bc4e9e5ee16c953c0ecacbfb334a33c30c28b1a1"
-  integrity sha512-73YQsBOKa5fvVV3My7iZHu1sUqmjjfs9TteFWwPwDmnad7T0VTCopttcsM3OjLxZFtBnX61Xxl2T2gmG2O4ehg==
-
-"@algolia/requester-node-http@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-4.14.2.tgz#7c1223a1785decaab1def64c83dade6bea45e115"
-  integrity sha512-oDbb02kd1o5GTEld4pETlPZLY0e+gOSWjWMJHWTgDXbv9rm/o2cF7japO6Vj1ENnrqWvLBmW1OzV9g6FUFhFXg==
-  dependencies:
-    "@algolia/requester-common" "4.14.2"
-
-"@algolia/transporter@4.14.2":
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/@algolia/transporter/-/transporter-4.14.2.tgz#77c069047fb1a4359ee6a51f51829508e44a1e3d"
-  integrity sha512-t89dfQb2T9MFQHidjHcfhh6iGMNwvuKUvojAj+JsrHAGbuSy7yE4BylhLX6R0Q1xYRoC4Vvv+O5qIw/LdnQfsQ==
-  dependencies:
-    "@algolia/cache-common" "4.14.2"
-    "@algolia/logger-common" "4.14.2"
-    "@algolia/requester-common" "4.14.2"
+"@algolia/cache-browser-local-storage@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.19.1.tgz#d29f42775ed4d117182897ac164519c593faf399"
+  integrity sha512-FYAZWcGsFTTaSAwj9Std8UML3Bu8dyWDncM7Ls8g+58UOe4XYdlgzXWbrIgjaguP63pCCbMoExKr61B+ztK3tw==
+  dependencies:
+    "@algolia/cache-common" "4.19.1"
+
+"@algolia/cache-common@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/cache-common/-/cache-common-4.19.1.tgz#faa5eeacaffd6023c2cf26e9866bdb06193f9b26"
+  integrity sha512-XGghi3l0qA38HiqdoUY+wvGyBsGvKZ6U3vTiMBT4hArhP3fOGLXpIINgMiiGjTe4FVlTa5a/7Zf2bwlIHfRqqg==
+
+"@algolia/cache-in-memory@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/cache-in-memory/-/cache-in-memory-4.19.1.tgz#afe4f0f21149800358379871089e0141fb72415b"
+  integrity sha512-+PDWL+XALGvIginigzu8oU6eWw+o76Z8zHbBovWYcrtWOEtinbl7a7UTt3x3lthv+wNuFr/YD1Gf+B+A9V8n5w==
+  dependencies:
+    "@algolia/cache-common" "4.19.1"
+
+"@algolia/client-account@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/client-account/-/client-account-4.19.1.tgz#1fa65881baab79ad35af6bcf44646a13b8d5edc9"
+  integrity sha512-Oy0ritA2k7AMxQ2JwNpfaEcgXEDgeyKu0V7E7xt/ZJRdXfEpZcwp9TOg4TJHC7Ia62gIeT2Y/ynzsxccPw92GA==
+  dependencies:
+    "@algolia/client-common" "4.19.1"
+    "@algolia/client-search" "4.19.1"
+    "@algolia/transporter" "4.19.1"
+
+"@algolia/client-analytics@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-4.19.1.tgz#e6ed79acd4de5a0284c9696bf4e1c25278ba34db"
+  integrity sha512-5QCq2zmgdZLIQhHqwl55ZvKVpLM3DNWjFI4T+bHr3rGu23ew2bLO4YtyxaZeChmDb85jUdPDouDlCumGfk6wOg==
+  dependencies:
+    "@algolia/client-common" "4.19.1"
+    "@algolia/client-search" "4.19.1"
+    "@algolia/requester-common" "4.19.1"
+    "@algolia/transporter" "4.19.1"
+
+"@algolia/client-common@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-4.19.1.tgz#40a8387316fa61d62ad1091beb3a8e227f008e75"
+  integrity sha512-3kAIVqTcPrjfS389KQvKzliC559x+BDRxtWamVJt8IVp7LGnjq+aVAXg4Xogkur1MUrScTZ59/AaUd5EdpyXgA==
+  dependencies:
+    "@algolia/requester-common" "4.19.1"
+    "@algolia/transporter" "4.19.1"
+
+"@algolia/client-personalization@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-4.19.1.tgz#fe362e0684dc74c3504c3641c5a7488c6ae02e07"
+  integrity sha512-8CWz4/H5FA+krm9HMw2HUQenizC/DxUtsI5oYC0Jxxyce1vsr8cb1aEiSJArQT6IzMynrERif1RVWLac1m36xw==
+  dependencies:
+    "@algolia/client-common" "4.19.1"
+    "@algolia/requester-common" "4.19.1"
+    "@algolia/transporter" "4.19.1"
+
+"@algolia/client-search@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-4.19.1.tgz#5e54601aa5f5cea790cec3f2cde4af9d6403871e"
+  integrity sha512-mBecfMFS4N+yK/p0ZbK53vrZbL6OtWMk8YmnOv1i0LXx4pelY8TFhqKoTit3NPVPwoSNN0vdSN9dTu1xr1XOVw==
+  dependencies:
+    "@algolia/client-common" "4.19.1"
+    "@algolia/requester-common" "4.19.1"
+    "@algolia/transporter" "4.19.1"
+
+"@algolia/logger-common@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/logger-common/-/logger-common-4.19.1.tgz#0e46a11510f3e94e1afc0ac780ae52e9597be78f"
+  integrity sha512-i6pLPZW/+/YXKis8gpmSiNk1lOmYCmRI6+x6d2Qk1OdfvX051nRVdalRbEcVTpSQX6FQAoyeaui0cUfLYW5Elw==
+
+"@algolia/logger-console@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/logger-console/-/logger-console-4.19.1.tgz#656a6f4ebb5de39af6ef7095c398d9ab3cceb87d"
+  integrity sha512-jj72k9GKb9W0c7TyC3cuZtTr0CngLBLmc8trzZlXdfvQiigpUdvTi1KoWIb2ZMcRBG7Tl8hSb81zEY3zI2RlXg==
+  dependencies:
+    "@algolia/logger-common" "4.19.1"
+
+"@algolia/requester-browser-xhr@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.19.1.tgz#7341ea2f980b8980a2976110142026721e452187"
+  integrity sha512-09K/+t7lptsweRTueHnSnmPqIxbHMowejAkn9XIcJMLdseS3zl8ObnS5GWea86mu3vy4+8H+ZBKkUN82Zsq/zg==
+  dependencies:
+    "@algolia/requester-common" "4.19.1"
+
+"@algolia/requester-common@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-common/-/requester-common-4.19.1.tgz#f3396c77631b9d36e8d4d6f819a2c27f9ddbf7a1"
+  integrity sha512-BisRkcWVxrDzF1YPhAckmi2CFYK+jdMT60q10d7z3PX+w6fPPukxHRnZwooiTUrzFe50UBmLItGizWHP5bDzVQ==
+
+"@algolia/requester-node-http@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-4.19.1.tgz#ea210de9642628b3bdda1dd7fcd1fcb686da442e"
+  integrity sha512-6DK52DHviBHTG2BK/Vv2GIlEw7i+vxm7ypZW0Z7vybGCNDeWzADx+/TmxjkES2h15+FZOqVf/Ja677gePsVItA==
+  dependencies:
+    "@algolia/requester-common" "4.19.1"
+
+"@algolia/transporter@4.19.1":
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@algolia/transporter/-/transporter-4.19.1.tgz#b5787299740c4bec9ba05502d98c14b5999860c8"
+  integrity sha512-nkpvPWbpuzxo1flEYqNIbGz7xhfhGOKGAZS7tzC+TELgEmi7z99qRyTfNSUlW7LZmB3ACdnqAo+9A9KFBENviQ==
+  dependencies:
+    "@algolia/cache-common" "4.19.1"
+    "@algolia/logger-common" "4.19.1"
+    "@algolia/requester-common" "4.19.1"
 
 "@alloc/quick-lru@^5.2.0":
   version "5.2.0"
@@ -169,10 +169,10 @@
   resolved "https://registry.yarnpkg.com/@assemblyscript/loader/-/loader-0.10.1.tgz#70e45678f06c72fa2e350e8553ec4a4d72b92e06"
   integrity sha512-H71nDOOL8Y7kWRLqf6Sums+01Q5msqBW2KhDUTemh1tvY04eSkSXrK0uj/4mmY0Xr16/3zyZmsrxN7CKuRbNRg==
 
-"@babel/cli@^7.22.9":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.22.9.tgz#501b3614aeda7399371f6d5991404f069b059986"
-  integrity sha512-nb2O7AThqRo7/E53EGiuAkMaRbb7J5Qp3RvN+dmua1U+kydm0oznkhqbTEG15yk26G/C3yL6OdZjzgl+DMXVVA==
+"@babel/cli@^7.21.0", "@babel/cli@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.22.15.tgz#22ed82d76745a43caa60a89917bedb7c9b5bd145"
+  integrity sha512-prtg5f6zCERIaECeTZzd2fMtVjlfjhUcO+fBLQ6DXXdq5FljN+excVitJ2nogsusdf31LeqkjAfXZ7Xq+HmN8g==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.17"
     commander "^4.0.1"
@@ -185,45 +185,46 @@
     "@nicolo-ribaudo/chokidar-2" "2.1.8-no-fsevents.3"
     chokidar "^3.4.0"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.5.tgz#234d98e1551960604f1246e6475891a570ad5658"
-  integrity sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.22.13":
+  version "7.22.13"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.13.tgz#e3c1c099402598483b7a8c46a721d1038803755e"
+  integrity sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==
   dependencies:
-    "@babel/highlight" "^7.22.5"
+    "@babel/highlight" "^7.22.13"
+    chalk "^2.4.2"
 
-"@babel/compat-data@^7.20.5", "@babel/compat-data@^7.22.5", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.9.tgz#71cdb00a1ce3a329ce4cbec3a44f9fef35669730"
-  integrity sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==
+"@babel/compat-data@^7.20.5", "@babel/compat-data@^7.22.20", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.20.tgz#8df6e96661209623f1975d66c35ffca66f3306d0"
+  integrity sha512-BQYjKbpXjoXwFW5jGqiizJQQT/aC7pFm9Ok1OWssonuguICi264lbgMzRp2ZMmRSlfkX6DsWDDcsrctK8Rwfiw==
 
-"@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.22.9", "@babel/core@^7.7.5":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.9.tgz#bd96492c68822198f33e8a256061da3cf391f58f"
-  integrity sha512-G2EgeufBcYw27U4hhoIwFcgc1XU7TlXJ3mv04oOv1WCuo900U/anZSPzEqNjwdjgffkk2Gs0AN0dW1CKVLcG7w==
+"@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.21.0", "@babel/core@^7.22.20", "@babel/core@^7.22.9", "@babel/core@^7.7.5":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.20.tgz#e3d0eed84c049e2a2ae0a64d27b6a37edec385b7"
+  integrity sha512-Y6jd1ahLubuYweD/zJH+vvOY141v4f9igNQAQ+MBgq9JlHS2iTsZKn1aMsb3vGccZsXI16VzTBw52Xx0DWmtnA==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.22.5"
-    "@babel/generator" "^7.22.9"
-    "@babel/helper-compilation-targets" "^7.22.9"
-    "@babel/helper-module-transforms" "^7.22.9"
-    "@babel/helpers" "^7.22.6"
-    "@babel/parser" "^7.22.7"
-    "@babel/template" "^7.22.5"
-    "@babel/traverse" "^7.22.8"
-    "@babel/types" "^7.22.5"
+    "@babel/code-frame" "^7.22.13"
+    "@babel/generator" "^7.22.15"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-module-transforms" "^7.22.20"
+    "@babel/helpers" "^7.22.15"
+    "@babel/parser" "^7.22.16"
+    "@babel/template" "^7.22.15"
+    "@babel/traverse" "^7.22.20"
+    "@babel/types" "^7.22.19"
     convert-source-map "^1.7.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
-    json5 "^2.2.2"
+    json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@^7.12.11", "@babel/generator@^7.22.7", "@babel/generator@^7.22.9", "@babel/generator@^7.6.2":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.9.tgz#572ecfa7a31002fa1de2a9d91621fd895da8493d"
-  integrity sha512-KtLMbmicyuK2Ak/FTCJVbDnkN1SlT8/kceFTiuDiiRUUSMnHMidxSCdG4ndkTOHHpoomWe/4xkvHkEOncwjYIw==
+"@babel/generator@^7.12.11", "@babel/generator@^7.22.15", "@babel/generator@^7.22.9", "@babel/generator@^7.6.2":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.15.tgz#1564189c7ec94cb8f77b5e8a90c4d200d21b2339"
+  integrity sha512-Zu9oWARBqeVOW0dZOjXc3JObrzuqothQ3y/n1kUtrjCoCPLkXUwMvOo/F/TCfoHMbWIFlWwpZtkZVb9ga4U2pA==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.22.15"
     "@jridgewell/gen-mapping" "^0.3.2"
     "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
@@ -242,31 +243,31 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-compilation-targets@^7.20.7", "@babel/helper-compilation-targets@^7.22.5", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.22.9":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.9.tgz#f9d0a7aaaa7cd32a3f31c9316a69f5a9bcacb892"
-  integrity sha512-7qYrNM6HjpnPHJbopxmb8hSPoZ0gsX8IvUS32JGVoy+pU9e5N0nLr1VjJoR6kA4d9dmGLxNYOjeB8sUDal2WMw==
+"@babel/helper-compilation-targets@^7.20.7", "@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.5", "@babel/helper-compilation-targets@^7.22.6":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz#0698fc44551a26cf29f18d4662d5bf545a6cfc52"
+  integrity sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==
   dependencies:
     "@babel/compat-data" "^7.22.9"
-    "@babel/helper-validator-option" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.15"
     browserslist "^4.21.9"
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0", "@babel/helper-create-class-features-plugin@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.5.tgz#2192a1970ece4685fbff85b48da2c32fcb130b7c"
-  integrity sha512-xkb58MyOYIslxu3gKmVXmjTtUPvBU4odYzbiIQbWwLKIHCsx6UGZGX6F1IznMFVnDdirseUZopzN+ZRt8Xb33Q==
+"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0", "@babel/helper-create-class-features-plugin@^7.22.11", "@babel/helper-create-class-features-plugin@^7.22.15", "@babel/helper-create-class-features-plugin@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz#97a61b385e57fe458496fad19f8e63b63c867de4"
+  integrity sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.22.5"
     "@babel/helper-environment-visitor" "^7.22.5"
     "@babel/helper-function-name" "^7.22.5"
-    "@babel/helper-member-expression-to-functions" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.22.15"
     "@babel/helper-optimise-call-expression" "^7.22.5"
-    "@babel/helper-replace-supers" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.9"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.22.5"
-    semver "^6.3.0"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    semver "^6.3.1"
 
 "@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.5":
   version "7.22.5"
@@ -277,10 +278,10 @@
     regexpu-core "^5.3.1"
     semver "^6.3.0"
 
-"@babel/helper-define-polyfill-provider@^0.4.1":
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.1.tgz#af1429c4a83ac316a6a8c2cc8ff45cb5d2998d3a"
-  integrity sha512-kX4oXixDxG197yhX+J3Wp+NpL2wuCFjWQAr6yX2jtCnflK9ulMI51ULFGIrWiX1jGfvAxdHp+XQCcP2bZGPs9A==
+"@babel/helper-define-polyfill-provider@^0.4.2":
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz#82c825cadeeeee7aad237618ebbe8fa1710015d7"
+  integrity sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==
   dependencies:
     "@babel/helper-compilation-targets" "^7.22.6"
     "@babel/helper-plugin-utils" "^7.22.5"
@@ -288,10 +289,10 @@
     lodash.debounce "^4.0.8"
     resolve "^1.14.2"
 
-"@babel/helper-environment-visitor@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz#f06dd41b7c1f44e1f8da6c4055b41ab3a09a7e98"
-  integrity sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==
+"@babel/helper-environment-visitor@^7.22.20", "@babel/helper-environment-visitor@^7.22.5":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167"
+  integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==
 
 "@babel/helper-function-name@^7.22.5":
   version "7.22.5"
@@ -308,30 +309,30 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-member-expression-to-functions@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.5.tgz#0a7c56117cad3372fbf8d2fb4bf8f8d64a1e76b2"
-  integrity sha512-aBiH1NKMG0H2cGZqspNvsaBe6wNGjbJjuLy29aU+eDZjSbbN53BaxlpB02xm9v34pLTZ1nIQPFYn2qMZoa5BQQ==
+"@babel/helper-member-expression-to-functions@^7.22.15", "@babel/helper-member-expression-to-functions@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.15.tgz#b95a144896f6d491ca7863576f820f3628818621"
+  integrity sha512-qLNsZbgrNh0fDQBCPocSL8guki1hcPvltGDv/NxvUoABwFq7GkKSu1nRXeJkVZc+wJvne2E0RKQz+2SQrz6eAA==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.22.15"
 
-"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.16.0", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz#1a8f4c9f4027d23f520bd76b364d44434a72660c"
-  integrity sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.16.0", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.18.6", "@babel/helper-module-imports@^7.22.15", "@babel/helper-module-imports@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz#16146307acdc40cc00c3b2c647713076464bdbf0"
+  integrity sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.22.15"
 
-"@babel/helper-module-transforms@^7.22.5", "@babel/helper-module-transforms@^7.22.9":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.22.9.tgz#92dfcb1fbbb2bc62529024f72d942a8c97142129"
-  integrity sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==
+"@babel/helper-module-transforms@^7.22.15", "@babel/helper-module-transforms@^7.22.20", "@babel/helper-module-transforms@^7.22.5", "@babel/helper-module-transforms@^7.22.9":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.22.20.tgz#da9edc14794babbe7386df438f3768067132f59e"
+  integrity sha512-dLT7JVWIUUxKOs1UnJUBR3S70YK+pKX6AbJgB2vMIvEkZkrfJDbYDJesnPshtKV4LhDOR3Oc5YULeDizRek+5A==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.5"
-    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.20"
+    "@babel/helper-module-imports" "^7.22.15"
     "@babel/helper-simple-access" "^7.22.5"
     "@babel/helper-split-export-declaration" "^7.22.6"
-    "@babel/helper-validator-identifier" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.20"
 
 "@babel/helper-optimise-call-expression@^7.22.5":
   version "7.22.5"
@@ -340,32 +341,28 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
   integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
 
-"@babel/helper-remap-async-to-generator@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.5.tgz#14a38141a7bf2165ad38da61d61cf27b43015da2"
-  integrity sha512-cU0Sq1Rf4Z55fgz7haOakIyM7+x/uCFwXpLPaeRzfoUtAEAuUZjZvFPjL/rk5rW693dIgn2hng1W7xbT7lWT4g==
+"@babel/helper-remap-async-to-generator@^7.22.5", "@babel/helper-remap-async-to-generator@^7.22.9":
+  version "7.22.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.9.tgz#53a25b7484e722d7efb9c350c75c032d4628de82"
+  integrity sha512-8WWC4oR4Px+tr+Fp0X3RHDVfINGpF3ad1HIbrc8A77epiR6eMMc6jsgozkzT2uDiOOdoS9cLIQ+XD2XvI2WSmQ==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.22.5"
     "@babel/helper-environment-visitor" "^7.22.5"
-    "@babel/helper-wrap-function" "^7.22.5"
-    "@babel/types" "^7.22.5"
+    "@babel/helper-wrap-function" "^7.22.9"
 
-"@babel/helper-replace-supers@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.5.tgz#71bc5fb348856dea9fdc4eafd7e2e49f585145dc"
-  integrity sha512-aLdNM5I3kdI/V9xGNyKSF3X/gTyMUBohTZ+/3QdQKAA9vxIiy12E+8E2HoOP1/DjeqU+g6as35QHJNMDDYpuCg==
+"@babel/helper-replace-supers@^7.22.5", "@babel/helper-replace-supers@^7.22.9":
+  version "7.22.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.9.tgz#cbdc27d6d8d18cd22c81ae4293765a5d9afd0779"
+  integrity sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==
   dependencies:
     "@babel/helper-environment-visitor" "^7.22.5"
     "@babel/helper-member-expression-to-functions" "^7.22.5"
     "@babel/helper-optimise-call-expression" "^7.22.5"
-    "@babel/template" "^7.22.5"
-    "@babel/traverse" "^7.22.5"
-    "@babel/types" "^7.22.5"
 
 "@babel/helper-simple-access@^7.22.5":
   version "7.22.5"
@@ -381,7 +378,7 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-split-export-declaration@^7.22.5", "@babel/helper-split-export-declaration@^7.22.6":
+"@babel/helper-split-export-declaration@^7.22.6":
   version "7.22.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz#322c61b7310c0997fe4c323955667f18fcefb91c"
   integrity sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==
@@ -393,76 +390,82 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
   integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
 
-"@babel/helper-validator-identifier@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz#9544ef6a33999343c8740fa51350f30eeaaaf193"
-  integrity sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==
+"@babel/helper-validator-identifier@^7.22.19", "@babel/helper-validator-identifier@^7.22.20", "@babel/helper-validator-identifier@^7.22.5":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0"
+  integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
 
-"@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz#de52000a15a177413c8234fa3a8af4ee8102d0ac"
-  integrity sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==
+"@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz#694c30dfa1d09a6534cdfcafbe56789d36aba040"
+  integrity sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==
 
-"@babel/helper-wrap-function@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.5.tgz#44d205af19ed8d872b4eefb0d2fa65f45eb34f06"
-  integrity sha512-bYqLIBSEshYcYQyfks8ewYA8S30yaGSeRslcvKMvoUk6HHPySbxHq9YRi6ghhzEU+yhQv9bP/jXnygkStOcqZw==
+"@babel/helper-wrap-function@^7.22.9":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.10.tgz#d845e043880ed0b8c18bd194a12005cb16d2f614"
+  integrity sha512-OnMhjWjuGYtdoO3FmsEFWvBStBAe2QOgwOLsLNDjN+aaiMD8InJk1/O3HSD8lkqTjCgg5YI34Tz15KNNA3p+nQ==
   dependencies:
     "@babel/helper-function-name" "^7.22.5"
     "@babel/template" "^7.22.5"
-    "@babel/traverse" "^7.22.5"
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.22.10"
 
-"@babel/helpers@^7.22.6":
-  version "7.22.6"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.6.tgz#8e61d3395a4f0c5a8060f309fb008200969b5ecd"
-  integrity sha512-YjDs6y/fVOYFV8hAf1rxd1QvR9wJe1pDBZ2AREKq/SDayfPzgk0PBnVuTCE5X1acEpMMNOVUqoe+OwiZGJ+OaA==
+"@babel/helpers@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.15.tgz#f09c3df31e86e3ea0b7ff7556d85cdebd47ea6f1"
+  integrity sha512-7pAjK0aSdxOwR+CcYAqgWOGy5dcfvzsTIfFTb2odQqW47MDfv14UaJDY6eng8ylM2EaeKXdxaSWESbkmaQHTmw==
   dependencies:
-    "@babel/template" "^7.22.5"
-    "@babel/traverse" "^7.22.6"
-    "@babel/types" "^7.22.5"
+    "@babel/template" "^7.22.15"
+    "@babel/traverse" "^7.22.15"
+    "@babel/types" "^7.22.15"
 
-"@babel/highlight@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.5.tgz#aa6c05c5407a67ebce408162b7ede789b4d22031"
-  integrity sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==
+"@babel/highlight@^7.22.13":
+  version "7.22.13"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.13.tgz#9cda839e5d3be9ca9e8c26b6dd69e7548f0cbf16"
+  integrity sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==
   dependencies:
     "@babel/helper-validator-identifier" "^7.22.5"
-    chalk "^2.0.0"
+    chalk "^2.4.2"
     js-tokens "^4.0.0"
 
-"@babel/node@^7.22.6":
-  version "7.22.6"
-  resolved "https://registry.yarnpkg.com/@babel/node/-/node-7.22.6.tgz#a47b4f150f06bad1808823c4519690ded6c93911"
-  integrity sha512-Lt6v+RUQOTsEOXLv+KfjogLFkFfsLPPSoXZqmbngfVatkWjQPnFGHO0xjFRcN6XEvm3vsnZn+AWQiRpgZFsdIA==
+"@babel/node@^7.22.19":
+  version "7.22.19"
+  resolved "https://registry.yarnpkg.com/@babel/node/-/node-7.22.19.tgz#d0bd1e84e3d45eb2eeb68046d6dc22161786222b"
+  integrity sha512-VsKSO9aEHdO16NdtqkJfrXZ9Sxlna1BVnBbToWr1KGdI3cyIk6KqOoa8mWvpK280lJDOwJqxvnl994KmLhq1Yw==
   dependencies:
-    "@babel/register" "^7.22.5"
+    "@babel/register" "^7.22.15"
     commander "^4.0.1"
     core-js "^3.30.2"
     node-environment-flags "^1.0.5"
-    regenerator-runtime "^0.13.11"
+    regenerator-runtime "^0.14.0"
     v8flags "^3.1.1"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.22.5", "@babel/parser@^7.22.7", "@babel/parser@^7.8.3":
-  version "7.22.7"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.7.tgz#df8cf085ce92ddbdbf668a7f186ce848c9036cae"
-  integrity sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q==
+"@babel/parser@^7.1.0", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.22.15", "@babel/parser@^7.22.16", "@babel/parser@^7.8.3":
+  version "7.22.16"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.16.tgz#180aead7f247305cce6551bea2720934e2fa2c95"
+  integrity sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==
 
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.5.tgz#87245a21cd69a73b0b81bcda98d443d6df08f05e"
-  integrity sha512-NP1M5Rf+u2Gw9qfSO4ihjcTGW5zXTi36ITLd4/EoAcEhIZ0yjMqmftDNl3QC19CX7olhrjpyU454g/2W7X0jvQ==
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz#02dc8a03f613ed5fdc29fb2f728397c78146c962"
+  integrity sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.5.tgz#fef09f9499b1f1c930da8a0c419db42167d792ca"
-  integrity sha512-31Bb65aZaUwqCbWMnZPduIZxCBngHFlzyN6Dq6KAJjtx+lx6ohKHubc61OomYi7XwVD4Ol0XCVz4h+pYFR048g==
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz#2aeb91d337d4e1a1e7ce85b76a37f5301781200f"
+  integrity sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/plugin-transform-optional-chaining" "^7.22.5"
+    "@babel/plugin-transform-optional-chaining" "^7.22.15"
+
+"@babel/plugin-external-helpers@^7.18.6":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-external-helpers/-/plugin-external-helpers-7.22.5.tgz#92b0705b74756123f289388320e0e12c407fdf9a"
+  integrity sha512-ngnNEWxmykPk82mH4ajZT0qTztr3Je6hrMuKAslZVM8G1YZTENJSYwrIGtt6KOtznug3exmAtF4so/nPqJuA4A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/plugin-proposal-class-properties@^7.13.0", "@babel/plugin-proposal-class-properties@^7.18.6":
   version "7.18.6"
@@ -472,6 +475,14 @@
     "@babel/helper-create-class-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-proposal-export-namespace-from@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.18.9.tgz#5f7313ab348cdb19d590145f9247540e94761203"
+  integrity sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
 "@babel/plugin-proposal-nullish-coalescing-operator@^7.13.8", "@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz#fdd940a99a740e577d6c753ab6fbb43fdb9467e1"
@@ -531,14 +542,6 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
 
-"@babel/plugin-proposal-unicode-property-regex@^7.4.4":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.18.6.tgz#af613d2cd5e643643b65cded64207b15c85cb78e"
-  integrity sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
-
 "@babel/plugin-syntax-async-generators@^7.8.4":
   version "7.8.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
@@ -694,14 +697,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-async-generator-functions@^7.22.7":
-  version "7.22.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.7.tgz#053e76c0a903b72b573cb1ab7d6882174d460a1b"
-  integrity sha512-7HmE7pk/Fmke45TODvxvkxRMV9RazV+ZZzhOL9AG8G29TLrr3jkjwF7uJfxZ30EoXpO+LJkq4oA8NjO2DTnEDg==
+"@babel/plugin-transform-async-generator-functions@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.15.tgz#3b153af4a6b779f340d5b80d3f634f55820aefa3"
+  integrity sha512-jBm1Es25Y+tVoTi5rfd5t1KLmL8ogLKpXszboWOTTtGFGz2RKnQe2yn7HbZ+kb/B8N0FVSGQo874NSlOU1T4+w==
   dependencies:
     "@babel/helper-environment-visitor" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-remap-async-to-generator" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.9"
     "@babel/plugin-syntax-async-generators" "^7.8.4"
 
 "@babel/plugin-transform-async-to-generator@^7.22.5":
@@ -720,10 +723,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-block-scoping@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.22.5.tgz#8bfc793b3a4b2742c0983fadc1480d843ecea31b"
-  integrity sha512-EcACl1i5fSQ6bt+YGuU/XGCeZKStLmyVGytWkpyhCLeQVA0eu6Wtiw92V+I1T/hnezUv7j74dA/Ro69gWcU+hg==
+"@babel/plugin-transform-block-scoping@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.22.15.tgz#494eb82b87b5f8b1d8f6f28ea74078ec0a10a841"
+  integrity sha512-G1czpdJBZCtngoK1sJgloLiOHUnkb/bLZwqVZD8kXmq0ZnVfTTWUcs9OWtp0mBtYJ+4LQY1fllqBkOIPhXmFmw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
@@ -735,27 +738,27 @@
     "@babel/helper-create-class-features-plugin" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-class-static-block@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.5.tgz#3e40c46f048403472d6f4183116d5e46b1bff5ba"
-  integrity sha512-SPToJ5eYZLxlnp1UzdARpOGeC2GbHvr9d/UV0EukuVx8atktg194oe+C5BqQ8jRTkgLRVOPYeXRSBg1IlMoVRA==
+"@babel/plugin-transform-class-static-block@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz#dc8cc6e498f55692ac6b4b89e56d87cec766c974"
+  integrity sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.11"
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-class-static-block" "^7.14.5"
 
-"@babel/plugin-transform-classes@^7.22.6":
-  version "7.22.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.6.tgz#e04d7d804ed5b8501311293d1a0e6d43e94c3363"
-  integrity sha512-58EgM6nuPNG6Py4Z3zSuu0xWu2VfodiMi72Jt5Kj2FECmaYk1RrTXA45z6KBFsu9tRgwQDwIiY4FXTt+YsSFAQ==
+"@babel/plugin-transform-classes@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz#aaf4753aee262a232bbc95451b4bdf9599c65a0b"
+  integrity sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-compilation-targets" "^7.22.15"
     "@babel/helper-environment-visitor" "^7.22.5"
     "@babel/helper-function-name" "^7.22.5"
     "@babel/helper-optimise-call-expression" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-replace-supers" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.9"
     "@babel/helper-split-export-declaration" "^7.22.6"
     globals "^11.1.0"
 
@@ -767,14 +770,14 @@
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/template" "^7.22.5"
 
-"@babel/plugin-transform-destructuring@^7.22.5", "@babel/plugin-transform-destructuring@npm:@minh.nguyen/plugin-transform-destructuring@^7.5.2":
+"@babel/plugin-transform-destructuring@^7.22.15", "@babel/plugin-transform-destructuring@npm:@minh.nguyen/plugin-transform-destructuring@^7.5.2":
   version "7.5.2"
   resolved "https://registry.yarnpkg.com/@minh.nguyen/plugin-transform-destructuring/-/plugin-transform-destructuring-7.5.2.tgz#49de3e25c373fadd11471a2fc99ec0ce07d92f19"
   integrity sha512-DIzWFKl5nzSk9Hj9ZsEXAvvgHiyuAsw52queJMuKqfZOk1BOr9u1i2h0tc6tPF3rQieubP+eX4DPLTKSMpbyMg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-dotall-regex@^7.22.5", "@babel/plugin-transform-dotall-regex@^7.4.4":
+"@babel/plugin-transform-dotall-regex@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz#dbb4f0e45766eb544e193fb00e65a1dd3b2a4165"
   integrity sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==
@@ -789,10 +792,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-dynamic-import@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.5.tgz#d6908a8916a810468c4edff73b5b75bda6ad393e"
-  integrity sha512-0MC3ppTB1AMxd8fXjSrbPa7LT9hrImt+/fcj+Pg5YMD7UQyWp/02+JWpdnCymmsXwIx5Z+sYn1bwCn4ZJNvhqQ==
+"@babel/plugin-transform-dynamic-import@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz#2c7722d2a5c01839eaf31518c6ff96d408e447aa"
+  integrity sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-dynamic-import" "^7.8.3"
@@ -805,10 +808,10 @@
     "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-export-namespace-from@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.5.tgz#57c41cb1d0613d22f548fddd8b288eedb9973a5b"
-  integrity sha512-X4hhm7FRnPgd4nDA4b/5V280xCx6oL7Oob5+9qVS5C13Zq4bh1qq7LU0GgRU6b5dBWBvhGaXYVB4AcN6+ol6vg==
+"@babel/plugin-transform-export-namespace-from@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz#b3c84c8f19880b6c7440108f8929caf6056db26c"
+  integrity sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
@@ -821,10 +824,10 @@
     "@babel/helper-plugin-utils" "^7.19.0"
     "@babel/plugin-syntax-flow" "^7.18.6"
 
-"@babel/plugin-transform-for-of@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.5.tgz#ab1b8a200a8f990137aff9a084f8de4099ab173f"
-  integrity sha512-3kxQjX1dU9uudwSshyLeEipvrLjBCVthCgeTp6CzE/9JYrlAIaeekVxRpCWsDDfYTfRZRoCeZatCQvwo+wvK8A==
+"@babel/plugin-transform-for-of@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz#f64b4ccc3a4f131a996388fae7680b472b306b29"
+  integrity sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
@@ -837,10 +840,10 @@
     "@babel/helper-function-name" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-json-strings@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.5.tgz#14b64352fdf7e1f737eed68de1a1468bd2a77ec0"
-  integrity sha512-DuCRB7fu8MyTLbEQd1ew3R85nx/88yMoqo2uPSjevMj3yoN7CDM8jkgrY0wmVxfJZyJ/B9fE1iq7EQppWQmR5A==
+"@babel/plugin-transform-json-strings@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz#689a34e1eed1928a40954e37f74509f48af67835"
+  integrity sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-json-strings" "^7.8.3"
@@ -852,10 +855,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-logical-assignment-operators@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.5.tgz#66ae5f068fd5a9a5dc570df16f56c2a8462a9d6c"
-  integrity sha512-MQQOUW1KL8X0cDWfbwYP+TbVbZm16QmQXJQ+vndPtH/BoO0lOKpVoEDMI7+PskYxH+IiE0tS8xZye0qr1lGzSA==
+"@babel/plugin-transform-logical-assignment-operators@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz#24c522a61688bde045b7d9bc3c2597a4d948fc9c"
+  integrity sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
@@ -875,22 +878,22 @@
     "@babel/helper-module-transforms" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.5.tgz#7d9875908d19b8c0536085af7b053fd5bd651bfa"
-  integrity sha512-B4pzOXj+ONRmuaQTg05b3y/4DuFz3WcCNAXPLb2Q0GT0TrGKGxNKV4jwsXts+StaM0LQczZbOpj8o1DLPDJIiA==
+"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.22.15", "@babel/plugin-transform-modules-commonjs@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.15.tgz#b11810117ed4ee7691b29bd29fd9f3f98276034f"
+  integrity sha512-jWL4eh90w0HQOTKP2MoXXUpVxilxsB2Vl4ji69rSjS3EcZ/v4sBmn+A3NpepuJzBhOaEBbR7udonlHHn5DWidg==
   dependencies:
-    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.22.15"
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/helper-simple-access" "^7.22.5"
 
-"@babel/plugin-transform-modules-systemjs@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.5.tgz#18c31410b5e579a0092638f95c896c2a98a5d496"
-  integrity sha512-emtEpoaTMsOs6Tzz+nbmcePl6AKVtS1yC4YNAeMun9U8YCsgadPNxnOPQ8GhHFB2qdx+LZu9LgoC0Lthuu05DQ==
+"@babel/plugin-transform-modules-systemjs@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.11.tgz#3386be5875d316493b517207e8f1931d93154bb1"
+  integrity sha512-rIqHmHoMEOhI3VkVf5jQ15l539KrwhzqcBO6wdCNWPWc/JWt9ILNYNUssbRpeq0qWns8svuw8LnMNCvWBIJ8wA==
   dependencies:
     "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.22.9"
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/helper-validator-identifier" "^7.22.5"
 
@@ -917,18 +920,18 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-nullish-coalescing-operator@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.5.tgz#f8872c65776e0b552e0849d7596cddd416c3e381"
-  integrity sha512-6CF8g6z1dNYZ/VXok5uYkkBBICHZPiGEl7oDnAx2Mt1hlHVHOSIKWJaXHjQJA5VB43KZnXZDIexMchY4y2PGdA==
+"@babel/plugin-transform-nullish-coalescing-operator@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz#debef6c8ba795f5ac67cd861a81b744c5d38d9fc"
+  integrity sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
 
-"@babel/plugin-transform-numeric-separator@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.5.tgz#57226a2ed9e512b9b446517ab6fa2d17abb83f58"
-  integrity sha512-NbslED1/6M+sXiwwtcAB/nieypGw02Ejf4KtDeMkCEpP6gWFMX1wI9WKYua+4oBneCCEmulOkRpwywypVZzs/g==
+"@babel/plugin-transform-numeric-separator@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz#498d77dc45a6c6db74bb829c02a01c1d719cbfbd"
+  integrity sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-numeric-separator" "^7.10.4"
@@ -940,16 +943,16 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-object-rest-spread@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.5.tgz#9686dc3447df4753b0b2a2fae7e8bc33cdc1f2e1"
-  integrity sha512-Kk3lyDmEslH9DnvCDA1s1kkd3YWQITiBOHngOtDL9Pt6BZjzqb6hiOlb8VfjiiQJ2unmegBqZu0rx5RxJb5vmQ==
+"@babel/plugin-transform-object-rest-spread@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz#21a95db166be59b91cde48775310c0df6e1da56f"
+  integrity sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==
   dependencies:
-    "@babel/compat-data" "^7.22.5"
-    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-compilation-targets" "^7.22.15"
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-transform-parameters" "^7.22.5"
+    "@babel/plugin-transform-parameters" "^7.22.15"
 
 "@babel/plugin-transform-object-super@^7.22.5":
   version "7.22.5"
@@ -959,27 +962,27 @@
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/helper-replace-supers" "^7.22.5"
 
-"@babel/plugin-transform-optional-catch-binding@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.5.tgz#842080be3076703be0eaf32ead6ac8174edee333"
-  integrity sha512-pH8orJahy+hzZje5b8e2QIlBWQvGpelS76C63Z+jhZKsmzfNaPQ+LaW6dcJ9bxTpo1mtXbgHwy765Ro3jftmUg==
+"@babel/plugin-transform-optional-catch-binding@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz#461cc4f578a127bb055527b3e77404cad38c08e0"
+  integrity sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
 
-"@babel/plugin-transform-optional-chaining@^7.22.5", "@babel/plugin-transform-optional-chaining@^7.22.6":
-  version "7.22.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.6.tgz#4bacfe37001fe1901117672875e931d439811564"
-  integrity sha512-Vd5HiWml0mDVtcLHIoEU5sw6HOUW/Zk0acLs/SAeuLzkGNOPc9DB4nkUajemhCmTIz3eiaKREZn2hQQqF79YTg==
+"@babel/plugin-transform-optional-chaining@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.15.tgz#d7a5996c2f7ca4ad2ad16dbb74444e5c4385b1ba"
+  integrity sha512-ngQ2tBhq5vvSJw2Q2Z9i7ealNkpDMU0rGWnHPKqRZO0tzZ5tlaoz4hDvhXioOoaE0X2vfNss1djwg0DXlfu30A==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
 
-"@babel/plugin-transform-parameters@^7.20.7", "@babel/plugin-transform-parameters@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.5.tgz#c3542dd3c39b42c8069936e48717a8d179d63a18"
-  integrity sha512-AVkFUBurORBREOmHRKo06FjHYgjrabpdqRSwq6+C7R5iTCZOsM4QbcB27St0a4U6fffyAOqh3s/qEfybAhfivg==
+"@babel/plugin-transform-parameters@^7.20.7", "@babel/plugin-transform-parameters@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz#719ca82a01d177af358df64a514d64c2e3edb114"
+  integrity sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
@@ -991,13 +994,13 @@
     "@babel/helper-create-class-features-plugin" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-private-property-in-object@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.5.tgz#07a77f28cbb251546a43d175a1dda4cf3ef83e32"
-  integrity sha512-/9xnaTTJcVoBtSSmrVyhtSvO3kbqS2ODoh2juEU72c3aYonNF0OMGiaz2gjukyKM2wBBYJP38S4JiE0Wfb5VMQ==
+"@babel/plugin-transform-private-property-in-object@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz#ad45c4fc440e9cb84c718ed0906d96cf40f9a4e1"
+  integrity sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.11"
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
 
@@ -1029,16 +1032,16 @@
   dependencies:
     "@babel/plugin-transform-react-jsx" "^7.22.5"
 
-"@babel/plugin-transform-react-jsx@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.5.tgz#932c291eb6dd1153359e2a90cb5e557dcf068416"
-  integrity sha512-rog5gZaVbUip5iWDMTYbVM15XQq+RkUKhET/IHR6oizR+JEoN6CAfTTuHcK4vwUyzca30qqHqEpzBOnaRMWYMA==
+"@babel/plugin-transform-react-jsx@^7.22.15", "@babel/plugin-transform-react-jsx@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz#7e6266d88705d7c49f11c98db8b9464531289cd6"
+  integrity sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-module-imports" "^7.22.15"
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-jsx" "^7.22.5"
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.22.15"
 
 "@babel/plugin-transform-react-pure-annotations@^7.22.5":
   version "7.22.5"
@@ -1048,13 +1051,13 @@
     "@babel/helper-annotate-as-pure" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-regenerator@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.5.tgz#cd8a68b228a5f75fa01420e8cc2fc400f0fc32aa"
-  integrity sha512-rR7KePOE7gfEtNTh9Qw+iO3Q/e4DEsoQ+hdvM6QUDH7JRJ5qxq5AA52ZzBWbI5i9lfNuvySgOGP8ZN7LAmaiPw==
+"@babel/plugin-transform-regenerator@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz#8ceef3bd7375c4db7652878b0241b2be5d0c3cca"
+  integrity sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
-    regenerator-transform "^0.15.1"
+    regenerator-transform "^0.15.2"
 
 "@babel/plugin-transform-reserved-words@^7.22.5":
   version "7.22.5"
@@ -1063,16 +1066,16 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-runtime@^7.22.9":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.22.9.tgz#a87b11e170cbbfb018e6a2bf91f5c6e533b9e027"
-  integrity sha512-9KjBH61AGJetCPYp/IEyLEp47SyybZb0nDRpBvmtEkm+rUIwxdlKpyNHI1TmsGkeuLclJdleQHRZ8XLBnnh8CQ==
+"@babel/plugin-transform-runtime@^7.22.15", "@babel/plugin-transform-runtime@^7.22.9":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.22.15.tgz#3a625c4c05a39e932d7d34f5d4895cdd0172fdc9"
+  integrity sha512-tEVLhk8NRZSmwQ0DJtxxhTrCht1HVo8VaMzYT4w6lwyKBuHsgoioAUA7/6eT2fRfc5/23fuGdlwIxXhRVgWr4g==
   dependencies:
-    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-module-imports" "^7.22.15"
     "@babel/helper-plugin-utils" "^7.22.5"
-    babel-plugin-polyfill-corejs2 "^0.4.4"
-    babel-plugin-polyfill-corejs3 "^0.8.2"
-    babel-plugin-polyfill-regenerator "^0.5.1"
+    babel-plugin-polyfill-corejs2 "^0.4.5"
+    babel-plugin-polyfill-corejs3 "^0.8.3"
+    babel-plugin-polyfill-regenerator "^0.5.2"
     semver "^6.3.1"
 
 "@babel/plugin-transform-shorthand-properties@^7.22.5":
@@ -1111,20 +1114,20 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-typescript@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.5.tgz#5c0f7adfc1b5f38c4dbc8f79b1f0f8074134bd7d"
-  integrity sha512-SMubA9S7Cb5sGSFFUlqxyClTA9zWJ8qGQrppNUm05LtFuN1ELRFNndkix4zUJrC9F+YivWwa1dHMSyo0e0N9dA==
+"@babel/plugin-transform-typescript@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz#15adef906451d86349eb4b8764865c960eb54127"
+  integrity sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.15"
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-typescript" "^7.22.5"
 
-"@babel/plugin-transform-unicode-escapes@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.5.tgz#ce0c248522b1cb22c7c992d88301a5ead70e806c"
-  integrity sha512-biEmVg1IYB/raUO5wT1tgfacCef15Fbzhkx493D3urBI++6hpJ+RFG4SrWMn0NEZLfvilqKf3QDrRVZHo08FYg==
+"@babel/plugin-transform-unicode-escapes@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz#c723f380f40a2b2f57a62df24c9005834c8616d9"
+  integrity sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
@@ -1152,17 +1155,17 @@
     "@babel/helper-create-regexp-features-plugin" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/preset-env@^7.22.9":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.22.9.tgz#57f17108eb5dfd4c5c25a44c1977eba1df310ac7"
-  integrity sha512-wNi5H/Emkhll/bqPjsjQorSykrlfY5OWakd6AulLvMEytpKasMVUpVy8RL4qBIBs5Ac6/5i0/Rv0b/Fg6Eag/g==
+"@babel/preset-env@^7.20.2", "@babel/preset-env@^7.22.20", "@babel/preset-env@^7.22.9":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.22.20.tgz#de9e9b57e1127ce0a2f580831717f7fb677ceedb"
+  integrity sha512-11MY04gGC4kSzlPHRfvVkNAZhUxOvm7DCJ37hPDnUENwe06npjIRAfInEMTGSb4LZK5ZgDFkv5hw0lGebHeTyg==
   dependencies:
-    "@babel/compat-data" "^7.22.9"
-    "@babel/helper-compilation-targets" "^7.22.9"
+    "@babel/compat-data" "^7.22.20"
+    "@babel/helper-compilation-targets" "^7.22.15"
     "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-validator-option" "^7.22.5"
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.22.5"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.15"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.22.15"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.22.15"
     "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
     "@babel/plugin-syntax-async-generators" "^7.8.4"
     "@babel/plugin-syntax-class-properties" "^7.12.13"
@@ -1183,58 +1186,58 @@
     "@babel/plugin-syntax-top-level-await" "^7.14.5"
     "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
     "@babel/plugin-transform-arrow-functions" "^7.22.5"
-    "@babel/plugin-transform-async-generator-functions" "^7.22.7"
+    "@babel/plugin-transform-async-generator-functions" "^7.22.15"
     "@babel/plugin-transform-async-to-generator" "^7.22.5"
     "@babel/plugin-transform-block-scoped-functions" "^7.22.5"
-    "@babel/plugin-transform-block-scoping" "^7.22.5"
+    "@babel/plugin-transform-block-scoping" "^7.22.15"
     "@babel/plugin-transform-class-properties" "^7.22.5"
-    "@babel/plugin-transform-class-static-block" "^7.22.5"
-    "@babel/plugin-transform-classes" "^7.22.6"
+    "@babel/plugin-transform-class-static-block" "^7.22.11"
+    "@babel/plugin-transform-classes" "^7.22.15"
     "@babel/plugin-transform-computed-properties" "^7.22.5"
-    "@babel/plugin-transform-destructuring" "^7.22.5"
+    "@babel/plugin-transform-destructuring" "^7.22.15"
     "@babel/plugin-transform-dotall-regex" "^7.22.5"
     "@babel/plugin-transform-duplicate-keys" "^7.22.5"
-    "@babel/plugin-transform-dynamic-import" "^7.22.5"
+    "@babel/plugin-transform-dynamic-import" "^7.22.11"
     "@babel/plugin-transform-exponentiation-operator" "^7.22.5"
-    "@babel/plugin-transform-export-namespace-from" "^7.22.5"
-    "@babel/plugin-transform-for-of" "^7.22.5"
+    "@babel/plugin-transform-export-namespace-from" "^7.22.11"
+    "@babel/plugin-transform-for-of" "^7.22.15"
     "@babel/plugin-transform-function-name" "^7.22.5"
-    "@babel/plugin-transform-json-strings" "^7.22.5"
+    "@babel/plugin-transform-json-strings" "^7.22.11"
     "@babel/plugin-transform-literals" "^7.22.5"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.22.5"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.22.11"
     "@babel/plugin-transform-member-expression-literals" "^7.22.5"
     "@babel/plugin-transform-modules-amd" "^7.22.5"
-    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
-    "@babel/plugin-transform-modules-systemjs" "^7.22.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.15"
+    "@babel/plugin-transform-modules-systemjs" "^7.22.11"
     "@babel/plugin-transform-modules-umd" "^7.22.5"
     "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
     "@babel/plugin-transform-new-target" "^7.22.5"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.5"
-    "@babel/plugin-transform-numeric-separator" "^7.22.5"
-    "@babel/plugin-transform-object-rest-spread" "^7.22.5"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.11"
+    "@babel/plugin-transform-numeric-separator" "^7.22.11"
+    "@babel/plugin-transform-object-rest-spread" "^7.22.15"
     "@babel/plugin-transform-object-super" "^7.22.5"
-    "@babel/plugin-transform-optional-catch-binding" "^7.22.5"
-    "@babel/plugin-transform-optional-chaining" "^7.22.6"
-    "@babel/plugin-transform-parameters" "^7.22.5"
+    "@babel/plugin-transform-optional-catch-binding" "^7.22.11"
+    "@babel/plugin-transform-optional-chaining" "^7.22.15"
+    "@babel/plugin-transform-parameters" "^7.22.15"
     "@babel/plugin-transform-private-methods" "^7.22.5"
-    "@babel/plugin-transform-private-property-in-object" "^7.22.5"
+    "@babel/plugin-transform-private-property-in-object" "^7.22.11"
     "@babel/plugin-transform-property-literals" "^7.22.5"
-    "@babel/plugin-transform-regenerator" "^7.22.5"
+    "@babel/plugin-transform-regenerator" "^7.22.10"
     "@babel/plugin-transform-reserved-words" "^7.22.5"
     "@babel/plugin-transform-shorthand-properties" "^7.22.5"
     "@babel/plugin-transform-spread" "^7.22.5"
     "@babel/plugin-transform-sticky-regex" "^7.22.5"
     "@babel/plugin-transform-template-literals" "^7.22.5"
     "@babel/plugin-transform-typeof-symbol" "^7.22.5"
-    "@babel/plugin-transform-unicode-escapes" "^7.22.5"
+    "@babel/plugin-transform-unicode-escapes" "^7.22.10"
     "@babel/plugin-transform-unicode-property-regex" "^7.22.5"
     "@babel/plugin-transform-unicode-regex" "^7.22.5"
     "@babel/plugin-transform-unicode-sets-regex" "^7.22.5"
-    "@babel/preset-modules" "^0.1.5"
-    "@babel/types" "^7.22.5"
-    babel-plugin-polyfill-corejs2 "^0.4.4"
-    babel-plugin-polyfill-corejs3 "^0.8.2"
-    babel-plugin-polyfill-regenerator "^0.5.1"
+    "@babel/preset-modules" "0.1.6-no-external-plugins"
+    "@babel/types" "^7.22.19"
+    babel-plugin-polyfill-corejs2 "^0.4.5"
+    babel-plugin-polyfill-corejs3 "^0.8.3"
+    babel-plugin-polyfill-regenerator "^0.5.2"
     core-js-compat "^3.31.0"
     semver "^6.3.1"
 
@@ -1247,44 +1250,42 @@
     "@babel/helper-validator-option" "^7.18.6"
     "@babel/plugin-transform-flow-strip-types" "^7.18.6"
 
-"@babel/preset-modules@^0.1.5":
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.5.tgz#ef939d6e7f268827e1841638dc6ff95515e115d9"
-  integrity sha512-A57th6YRG7oR3cq/yt/Y84MvGgE0eJG2F1JLhKuyG+jFxEgrd/HAMJatiFtmOiZurz+0DkrvbheCLaV5f2JfjA==
+"@babel/preset-modules@0.1.6-no-external-plugins":
+  version "0.1.6-no-external-plugins"
+  resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a"
+  integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/plugin-proposal-unicode-property-regex" "^7.4.4"
-    "@babel/plugin-transform-dotall-regex" "^7.4.4"
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
-"@babel/preset-react@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.22.5.tgz#c4d6058fbf80bccad02dd8c313a9aaa67e3c3dd6"
-  integrity sha512-M+Is3WikOpEJHgR385HbuCITPTaPRaNkibTEa9oiofmJvIsrceb4yp9RL9Kb+TE8LznmeyZqpP+Lopwcx59xPQ==
+"@babel/preset-react@^7.18.6", "@babel/preset-react@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.22.15.tgz#9a776892b648e13cc8ca2edf5ed1264eea6b6afc"
+  integrity sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-validator-option" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.15"
     "@babel/plugin-transform-react-display-name" "^7.22.5"
-    "@babel/plugin-transform-react-jsx" "^7.22.5"
+    "@babel/plugin-transform-react-jsx" "^7.22.15"
     "@babel/plugin-transform-react-jsx-development" "^7.22.5"
     "@babel/plugin-transform-react-pure-annotations" "^7.22.5"
 
-"@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.22.5.tgz#16367d8b01d640e9a507577ed4ee54e0101e51c8"
-  integrity sha512-YbPaal9LxztSGhmndR46FmAbkJ/1fAsw293tSU+I5E5h+cnJ3d4GTwyUgGYmOXJYdGA+uNePle4qbaRzj2NISQ==
+"@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.21.0", "@babel/preset-typescript@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.22.15.tgz#43db30516fae1d417d748105a0bc95f637239d48"
+  integrity sha512-HblhNmh6yM+cU4VwbBRpxFhxsTdfS1zsvH9W+gEjD0ARV9+8B4sNfpI6GuhePti84nuvhiwKS539jKPFHskA9A==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-validator-option" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.15"
     "@babel/plugin-syntax-jsx" "^7.22.5"
-    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
-    "@babel/plugin-transform-typescript" "^7.22.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.15"
+    "@babel/plugin-transform-typescript" "^7.22.15"
 
-"@babel/register@^7.13.16", "@babel/register@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.22.5.tgz#e4d8d0f615ea3233a27b5c6ada6750ee59559939"
-  integrity sha512-vV6pm/4CijSQ8Y47RH5SopXzursN35RQINfGJkmOlcpAtGuf94miFvIPhCKGQN7WGIcsgG1BHEX2KVdTYwTwUQ==
+"@babel/register@^7.13.16", "@babel/register@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.22.15.tgz#c2c294a361d59f5fa7bcc8b97ef7319c32ecaec7"
+  integrity sha512-V3Q3EqoQdn65RCgTLwauZaTfd1ShhwPmbBv+1dkZV/HpCGMKVyn6oFcRlI7RaKqiDQjX2Qd3AuoEguBgdjIKlg==
   dependencies:
     clone-deep "^4.0.1"
     find-cache-dir "^2.0.0"
@@ -1297,53 +1298,61 @@
   resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
   integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
-"@babel/runtime-corejs2@^7.22.6":
-  version "7.22.6"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs2/-/runtime-corejs2-7.22.6.tgz#618b2219a7d82fa8fd4213c9e44c3bda7732ecde"
-  integrity sha512-GTJVRjzQIHUBwRzuWxPII87XoWxXzILBJrQh5gqIV6q6m231Y0BBA9NKta5FV5Lbl8z5gS3+m6YSoKJp0KQJ4g==
+"@babel/runtime-corejs2@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs2/-/runtime-corejs2-7.22.15.tgz#3f1de780aabb51ca9bfdc857f541eb8a2a8356fd"
+  integrity sha512-CcAMW2o5uqgeXIXYYPrgmaYj1HOLvQb2DrBi7+bELD4nUVSKk+Sth+yYuGqSRf+aAiOv3sIZJTUiJBhoASJRLg==
   dependencies:
     core-js "^2.6.12"
-    regenerator-runtime "^0.13.11"
+    regenerator-runtime "^0.14.0"
 
-"@babel/runtime@7.0.0", "@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.0", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.5", "@babel/runtime@^7.15.4", "@babel/runtime@^7.18.3", "@babel/runtime@^7.2.0", "@babel/runtime@^7.20.6", "@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.22.6", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
-  version "7.22.6"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.6.tgz#57d64b9ae3cff1d67eb067ae117dac087f5bd438"
-  integrity sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==
+"@babel/runtime-corejs3@^7.22.6":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.22.10.tgz#5ecc3d32faa70009f084cc2e087d79e5f5cdcca9"
+  integrity sha512-IcixfV2Jl3UrqZX4c81+7lVg5++2ufYJyAFW3Aux/ZTvY6LVYYhJ9rMgnbX0zGVq6eqfVpnoatTjZdVki/GmWA==
   dependencies:
-    regenerator-runtime "^0.13.11"
+    core-js-pure "^3.30.2"
+    regenerator-runtime "^0.14.0"
 
-"@babel/template@^7.22.5", "@babel/template@^7.6.0":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.5.tgz#0c8c4d944509875849bd0344ff0050756eefc6ec"
-  integrity sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==
+"@babel/runtime@7.0.0", "@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.0", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.5", "@babel/runtime@^7.15.4", "@babel/runtime@^7.18.3", "@babel/runtime@^7.2.0", "@babel/runtime@^7.20.6", "@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.22.11", "@babel/runtime@^7.22.15", "@babel/runtime@^7.22.6", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.15.tgz#38f46494ccf6cf020bd4eed7124b425e83e523b8"
+  integrity sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==
   dependencies:
-    "@babel/code-frame" "^7.22.5"
-    "@babel/parser" "^7.22.5"
-    "@babel/types" "^7.22.5"
+    regenerator-runtime "^0.14.0"
 
-"@babel/traverse@^7.1.6", "@babel/traverse@^7.22.5", "@babel/traverse@^7.22.6", "@babel/traverse@^7.22.8", "@babel/traverse@^7.4.5", "@babel/traverse@^7.8.3":
-  version "7.22.8"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.8.tgz#4d4451d31bc34efeae01eac222b514a77aa4000e"
-  integrity sha512-y6LPR+wpM2I3qJrsheCTwhIinzkETbplIgPBbwvqPKc+uljeA5gP+3nP8irdYt1mjQaDnlIcG+dw8OjAco4GXw==
+"@babel/template@^7.22.15", "@babel/template@^7.22.5", "@babel/template@^7.6.0":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.15.tgz#09576efc3830f0430f4548ef971dde1350ef2f38"
+  integrity sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==
   dependencies:
-    "@babel/code-frame" "^7.22.5"
-    "@babel/generator" "^7.22.7"
-    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/code-frame" "^7.22.13"
+    "@babel/parser" "^7.22.15"
+    "@babel/types" "^7.22.15"
+
+"@babel/traverse@^7.1.6", "@babel/traverse@^7.21.2", "@babel/traverse@^7.22.15", "@babel/traverse@^7.22.20", "@babel/traverse@^7.22.8", "@babel/traverse@^7.4.5", "@babel/traverse@^7.8.3":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.20.tgz#db572d9cb5c79e02d83e5618b82f6991c07584c9"
+  integrity sha512-eU260mPZbU7mZ0N+X10pxXhQFMGTeLb9eFS0mxehS8HZp9o1uSnFeWQuG1UPrlxgA7QoUzFhOnilHDp0AXCyHw==
+  dependencies:
+    "@babel/code-frame" "^7.22.13"
+    "@babel/generator" "^7.22.15"
+    "@babel/helper-environment-visitor" "^7.22.20"
     "@babel/helper-function-name" "^7.22.5"
     "@babel/helper-hoist-variables" "^7.22.5"
     "@babel/helper-split-export-declaration" "^7.22.6"
-    "@babel/parser" "^7.22.7"
-    "@babel/types" "^7.22.5"
+    "@babel/parser" "^7.22.16"
+    "@babel/types" "^7.22.19"
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.2.0", "@babel/types@^7.20.7", "@babel/types@^7.22.5", "@babel/types@^7.3.0", "@babel/types@^7.4.4", "@babel/types@^7.6.1":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.5.tgz#cd93eeaab025880a3a47ec881f4b096a5b786fbe"
-  integrity sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==
+"@babel/types@^7.0.0", "@babel/types@^7.2.0", "@babel/types@^7.20.7", "@babel/types@^7.22.10", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.4.4", "@babel/types@^7.6.1":
+  version "7.22.19"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.19.tgz#7425343253556916e440e662bb221a93ddb75684"
+  integrity sha512-P7LAw/LbojPzkgp5oznjE6tQEIWbp4PkkfrZDINTro9zgBRtI324/EYsiSI7lhPbpIQ+DCeR2NNmMWANGGfZsg==
   dependencies:
     "@babel/helper-string-parser" "^7.22.5"
-    "@babel/helper-validator-identifier" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.19"
     to-fast-properties "^2.0.0"
 
 "@bcoe/v8-coverage@^0.2.3":
@@ -1351,10 +1360,10 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@chakra-ui/anatomy@2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/anatomy/-/anatomy-2.2.0.tgz#788229829f853dcd03314cd7ddd4f19f056ec24e"
-  integrity sha512-cD8Ms5C8+dFda0LrORMdxiFhAZwOIY1BSlCadz6/mHUIgNdQy13AHPrXiq6qWdMslqVHq10k5zH7xMPLt6kjFg==
+"@chakra-ui/anatomy@2.2.1":
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/anatomy/-/anatomy-2.2.1.tgz#f7ef088dcb8be4f1d075f37101830199fb93f763"
+  integrity sha512-bbmyWTGwQo+aHYDMtLIj7k7hcWvwE7GFVDViLFArrrPhfUTDdQTNqhiDp1N7eh2HLyjNhc2MKXV8s2KTQqkmTg==
 
 "@chakra-ui/color-mode@2.2.0":
   version "2.2.0"
@@ -1394,46 +1403,46 @@
     csstype "^3.0.11"
     lodash.mergewith "4.6.2"
 
-"@chakra-ui/system@^2.6.0":
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/system/-/system-2.6.0.tgz#29f65bb0887ee0816bbb7b4b098ca5aa4918c409"
-  integrity sha512-MgAFRz9V1pW0dplwWsB99hx49LCC+LsrkMala7KXcP0OvWdrkjw+iu+voBksO3626+glzgIwlZW113Eja+7JEQ==
+"@chakra-ui/system@^2.6.1":
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/system/-/system-2.6.1.tgz#22ee50ddc9e1f56b974a0dd42d86108391a2f372"
+  integrity sha512-P5Q/XRWy3f1pXJ7IxDkV+Z6AT7GJeR2JlBnQl109xewVQcBLWWMIp702fFMFw8KZ2ALB/aYKtWm5EmQMddC/tg==
   dependencies:
     "@chakra-ui/color-mode" "2.2.0"
     "@chakra-ui/object-utils" "2.1.0"
     "@chakra-ui/react-utils" "2.0.12"
     "@chakra-ui/styled-system" "2.9.1"
-    "@chakra-ui/theme-utils" "2.0.19"
+    "@chakra-ui/theme-utils" "2.0.20"
     "@chakra-ui/utils" "2.0.15"
-    react-fast-compare "3.2.1"
+    react-fast-compare "3.2.2"
 
-"@chakra-ui/theme-tools@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/theme-tools/-/theme-tools-2.1.0.tgz#ad34f2fdda61305ac96f69ad9ce38ad12f8bfdbf"
-  integrity sha512-TKv4trAY8q8+DWdZrpSabTd3SZtZrnzFDwUdzhbWBhFEDEVR3fAkRTPpnPDtf1X9w1YErWn3QAcMACVFz4+vkw==
+"@chakra-ui/theme-tools@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/theme-tools/-/theme-tools-2.1.1.tgz#c7f3072ab533d7abc6a3831666be3c172f992554"
+  integrity sha512-n14L5L3ej3Zy+Xm/kDKO1G6/DkmieT7Li1C7NzMRcUj5C9YybQpyo7IZZ0BBUh3u+OVnKVhNC3d4P2NYDGRXmA==
   dependencies:
-    "@chakra-ui/anatomy" "2.2.0"
+    "@chakra-ui/anatomy" "2.2.1"
     "@chakra-ui/shared-utils" "2.0.5"
-    color2k "^2.0.0"
+    color2k "^2.0.2"
 
-"@chakra-ui/theme-utils@2.0.19":
-  version "2.0.19"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/theme-utils/-/theme-utils-2.0.19.tgz#47e6af43f8ef22403686b779ca1a869ab1b7a5ec"
-  integrity sha512-UQ+KvozTN86+0oA80rdQd1a++4rm4ulo+DEabkgwNpkK3yaWsucOxkDQpi2sMIMvw5X0oaWvNBZJuVyK7HdOXg==
+"@chakra-ui/theme-utils@2.0.20":
+  version "2.0.20"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/theme-utils/-/theme-utils-2.0.20.tgz#fdc4947ac4b95c16ff5885707c9a931c43b80cf6"
+  integrity sha512-IkAzSmwBlRIZ3dN2InDz0tf9SldbckVkgwylCobSFmYP8lnMjykL8Lex1BBo9U8UQjZxEDVZ+Qw6SeayKRntOQ==
   dependencies:
     "@chakra-ui/shared-utils" "2.0.5"
     "@chakra-ui/styled-system" "2.9.1"
-    "@chakra-ui/theme" "3.2.0"
+    "@chakra-ui/theme" "3.3.0"
     lodash.mergewith "4.6.2"
 
-"@chakra-ui/theme@3.2.0":
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/theme/-/theme-3.2.0.tgz#b8232d770e542895cf82535942a74ad803bb7133"
-  integrity sha512-q9mppdkhmaBnvOT8REr/lVNNBX/prwm50EzObJ+r+ErVhNQDc55gCFmtr+It3xlcCqmOteG6XUdwRCJz8qzOqg==
+"@chakra-ui/theme@3.3.0":
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/theme/-/theme-3.3.0.tgz#7fe364322e75c7bdfa45b96dd3db6dac7eb8f7ef"
+  integrity sha512-VHY2ax5Wqgfm83U/zYBk0GS0TGD8m41s/rxQgnEq8tU+ug1YZjvOZmtOq/VjfKP/bQraFhCt05zchcxXmDpEYg==
   dependencies:
-    "@chakra-ui/anatomy" "2.2.0"
+    "@chakra-ui/anatomy" "2.2.1"
     "@chakra-ui/shared-utils" "2.0.5"
-    "@chakra-ui/theme-tools" "2.1.0"
+    "@chakra-ui/theme-tools" "2.1.1"
 
 "@chakra-ui/utils@2.0.15":
   version "2.0.15"
@@ -1457,46 +1466,46 @@
   dependencies:
     "@jridgewell/trace-mapping" "0.3.9"
 
-"@csstools/css-parser-algorithms@^2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.3.0.tgz#0cc3a656dc2d638370ecf6f98358973bfbd00141"
-  integrity sha512-dTKSIHHWc0zPvcS5cqGP+/TPFUJB0ekJ9dGKvMAFoNuBFhDPBt9OMGNZiIA5vTiNdGHHBeScYPXIGBMnVOahsA==
+"@csstools/css-parser-algorithms@^2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.3.1.tgz#ec4fc764ba45d2bb7ee2774667e056aa95003f3a"
+  integrity sha512-xrvsmVUtefWMWQsGgFffqWSK03pZ1vfDki4IVIIUxxDKnGBzqNgv0A7SB1oXtVNEkcVO8xi1ZrTL29HhSu5kGA==
 
-"@csstools/css-tokenizer@^2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-2.1.1.tgz#07ae11a0a06365d7ec686549db7b729bc036528e"
-  integrity sha512-GbrTj2Z8MCTUv+52GE0RbFGM527xuXZ0Xa5g0Z+YN573uveS4G0qi6WNOMyz3yrFM/jaILTTwJ0+umx81EzqfA==
+"@csstools/css-tokenizer@^2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-2.2.0.tgz#9d70e6dcbe94e44c7400a2929928db35c4de32b5"
+  integrity sha512-wErmsWCbsmig8sQKkM6pFhr/oPha1bHfvxsUY5CYSQxwyhA9Ulrs8EqCgClhg4Tgg2XapVstGqSVcz0xOYizZA==
 
-"@csstools/media-query-list-parser@^2.1.2":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.2.tgz#6ef642b728d30c1009bfbba3211c7e4c11302728"
-  integrity sha512-M8cFGGwl866o6++vIY7j1AKuq9v57cf+dGepScwCcbut9ypJNr4Cj+LLTWligYUZ0uyhEoJDKt5lvyBfh2L3ZQ==
+"@csstools/media-query-list-parser@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.4.tgz#0017f99945f6c16dd81a7aacf6821770933c3a5c"
+  integrity sha512-V/OUXYX91tAC1CDsiY+HotIcJR+vPtzrX8pCplCpT++i8ThZZsq5F5dzZh/bDM3WUOjrvC1ljed1oSJxMfjqhw==
 
 "@csstools/selector-specificity@^3.0.0":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-3.0.0.tgz#798622546b63847e82389e473fd67f2707d82247"
   integrity sha512-hBI9tfBtuPIi885ZsZ32IMEU/5nlZH/KOVYJCOh7gyMxaVLGmLedYqFN6Ui1LXkI8JlC8IsuC0rF0btcRZKd5g==
 
-"@definitelytyped/header-parser@^0.0.163", "@definitelytyped/header-parser@latest":
-  version "0.0.163"
-  resolved "https://registry.yarnpkg.com/@definitelytyped/header-parser/-/header-parser-0.0.163.tgz#fdf5589a048e89b2a2adbd33d5d3d78ecd2a2ec6"
-  integrity sha512-Jr+/q+ESfc7uWldz/j11BfpjIN/gB4WmwhFENhWaMwM0W/9p0ShF+OiUqGhk2Q3Iz8v/oyWzSsxyxgasg9kCxQ==
+"@definitelytyped/header-parser@^0.0.178", "@definitelytyped/header-parser@latest":
+  version "0.0.178"
+  resolved "https://registry.yarnpkg.com/@definitelytyped/header-parser/-/header-parser-0.0.178.tgz#2cfd170a33b014d686135673fa7fac837cfe5556"
+  integrity sha512-16FFuaWW2Hq+a0Abyt+9gvPAT0w/ezy4eph3RbtLSqxH3T/UHDla1jgnp1DMvfNeBWaIqHxcr+Vrr7BPquw7mw==
   dependencies:
-    "@definitelytyped/typescript-versions" "^0.0.163"
+    "@definitelytyped/typescript-versions" "^0.0.178"
     "@types/parsimmon" "^1.10.1"
     parsimmon "^1.13.0"
 
-"@definitelytyped/typescript-versions@^0.0.163", "@definitelytyped/typescript-versions@latest":
-  version "0.0.163"
-  resolved "https://registry.yarnpkg.com/@definitelytyped/typescript-versions/-/typescript-versions-0.0.163.tgz#b3e018057a0437740102850de2c093c8cddd9e6f"
-  integrity sha512-+GWtJhC+7UaCUnJ+ZkA7bfGuPd6ZbJKEjbHqh76/gOXsqAUOMEa49ufsLlIPUbkEeQlnDNoTHCegE5X/Q+u+/A==
+"@definitelytyped/typescript-versions@^0.0.178", "@definitelytyped/typescript-versions@latest":
+  version "0.0.178"
+  resolved "https://registry.yarnpkg.com/@definitelytyped/typescript-versions/-/typescript-versions-0.0.178.tgz#98a92f2251f18b32122e808b968ca8e009d3b123"
+  integrity sha512-pPXy3z5gE4xnVgqIRApFcQ6M6kqtRK1gnqyGx/I0Yo1CH8RAsRvumCDB/KiZmQDpCHiy//E9dOIUFdquvC5t7g==
 
-"@definitelytyped/utils@^0.0.163", "@definitelytyped/utils@latest":
-  version "0.0.163"
-  resolved "https://registry.yarnpkg.com/@definitelytyped/utils/-/utils-0.0.163.tgz#1fb26bf5cf22a00c16924fcb115fe76a46817972"
-  integrity sha512-6MX5TxaQbG/j2RkCWbcbLvv+YNipKqY0eQJafDhwC/RprUocpg+uYVNlH8XzdKRWOGJ0pq7SZOsJD4C3A01ZXg==
+"@definitelytyped/utils@^0.0.178", "@definitelytyped/utils@latest":
+  version "0.0.178"
+  resolved "https://registry.yarnpkg.com/@definitelytyped/utils/-/utils-0.0.178.tgz#f403be41816690246a4e0244d125a0084b16462a"
+  integrity sha512-nYg3E51XpTodS0/5w5r1wM/DhPYhyqa9BP8ili4XgB5s9j4v4mDPX9Jwjns2q24derBvyhdUpzshKDh43aqwZw==
   dependencies:
-    "@definitelytyped/typescript-versions" "^0.0.163"
+    "@definitelytyped/typescript-versions" "^0.0.178"
     "@qiwi/npm-registry-client" "^8.9.1"
     "@types/node" "^14.14.35"
     charm "^1.0.2"
@@ -1510,20 +1519,20 @@
   resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
   integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
 
-"@docsearch/css@3.5.1":
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/@docsearch/css/-/css-3.5.1.tgz#4adf9884735bbfea621c3716e80ea97baa419b73"
-  integrity sha512-2Pu9HDg/uP/IT10rbQ+4OrTQuxIWdKVUEdcw9/w7kZJv9NeHS6skJx1xuRiFyoGKwAzcHXnLp7csE99sj+O1YA==
+"@docsearch/css@3.5.2":
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/@docsearch/css/-/css-3.5.2.tgz#610f47b48814ca94041df969d9fcc47b91fc5aac"
+  integrity sha512-SPiDHaWKQZpwR2siD0KQUwlStvIAnEyK6tAE2h2Wuoq8ue9skzhlyVQ1ddzOxX6khULnAALDiR/isSF3bnuciA==
 
-"@docsearch/react@^3.5.1":
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/@docsearch/react/-/react-3.5.1.tgz#35f4a75f948211d8bb6830d2147c575f96a85274"
-  integrity sha512-t5mEODdLzZq4PTFAm/dvqcvZFdPDMdfPE5rJS5SC8OUq9mPzxEy6b+9THIqNM9P0ocCb4UC5jqBrxKclnuIbzQ==
+"@docsearch/react@^3.5.2":
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/@docsearch/react/-/react-3.5.2.tgz#2e6bbee00eb67333b64906352734da6aef1232b9"
+  integrity sha512-9Ahcrs5z2jq/DcAvYtvlqEBHImbm4YJI8M9y0x6Tqg598P40HTEkX7hsMcIuThI+hTFxRGZ9hll0Wygm2yEjng==
   dependencies:
     "@algolia/autocomplete-core" "1.9.3"
     "@algolia/autocomplete-preset-algolia" "1.9.3"
-    "@docsearch/css" "3.5.1"
-    algoliasearch "^4.0.0"
+    "@docsearch/css" "3.5.2"
+    algoliasearch "^4.19.1"
 
 "@emotion/babel-plugin@^11.11.0":
   version "11.11.0"
@@ -1553,6 +1562,17 @@
     "@emotion/weak-memoize" "^0.3.1"
     stylis "4.2.0"
 
+"@emotion/css@^11.11.2":
+  version "11.11.2"
+  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-11.11.2.tgz#e5fa081d0c6e335352e1bc2b05953b61832dca5a"
+  integrity sha512-VJxe1ucoMYMS7DkiMdC2T7PWNbrEI0a39YRiyDvK2qq4lXwjRbVP/z4lpG+odCsRzadlR+1ywwrTzhdm5HNdew==
+  dependencies:
+    "@emotion/babel-plugin" "^11.11.0"
+    "@emotion/cache" "^11.11.0"
+    "@emotion/serialize" "^1.1.2"
+    "@emotion/sheet" "^1.2.2"
+    "@emotion/utils" "^1.2.1"
+
 "@emotion/hash@^0.9.1":
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.1.tgz#4ffb0055f7ef676ebc3a5a91fb621393294e2f43"
@@ -1661,7 +1681,7 @@
   resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
   integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
 
-"@emotion/unitless@^0.8.1":
+"@emotion/unitless@^0.8.0", "@emotion/unitless@^0.8.1":
   version "0.8.1"
   resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3"
   integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
@@ -1681,6 +1701,116 @@
   resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz#d0fce5d07b0620caa282b5131c297bb60f9d87e6"
   integrity sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==
 
+"@esbuild/android-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz#984b4f9c8d0377443cc2dfcef266d02244593622"
+  integrity sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==
+
+"@esbuild/android-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.18.20.tgz#fedb265bc3a589c84cc11f810804f234947c3682"
+  integrity sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==
+
+"@esbuild/android-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.18.20.tgz#35cf419c4cfc8babe8893d296cd990e9e9f756f2"
+  integrity sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==
+
+"@esbuild/darwin-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz#08172cbeccf95fbc383399a7f39cfbddaeb0d7c1"
+  integrity sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==
+
+"@esbuild/darwin-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz#d70d5790d8bf475556b67d0f8b7c5bdff053d85d"
+  integrity sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==
+
+"@esbuild/freebsd-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz#98755cd12707f93f210e2494d6a4b51b96977f54"
+  integrity sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==
+
+"@esbuild/freebsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz#c1eb2bff03915f87c29cece4c1a7fa1f423b066e"
+  integrity sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==
+
+"@esbuild/linux-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz#bad4238bd8f4fc25b5a021280c770ab5fc3a02a0"
+  integrity sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==
+
+"@esbuild/linux-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz#3e617c61f33508a27150ee417543c8ab5acc73b0"
+  integrity sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==
+
+"@esbuild/linux-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz#699391cccba9aee6019b7f9892eb99219f1570a7"
+  integrity sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==
+
+"@esbuild/linux-loong64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz#e6fccb7aac178dd2ffb9860465ac89d7f23b977d"
+  integrity sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==
+
+"@esbuild/linux-mips64el@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz#eeff3a937de9c2310de30622a957ad1bd9183231"
+  integrity sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==
+
+"@esbuild/linux-ppc64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz#2f7156bde20b01527993e6881435ad79ba9599fb"
+  integrity sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==
+
+"@esbuild/linux-riscv64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz#6628389f210123d8b4743045af8caa7d4ddfc7a6"
+  integrity sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==
+
+"@esbuild/linux-s390x@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz#255e81fb289b101026131858ab99fba63dcf0071"
+  integrity sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==
+
+"@esbuild/linux-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz#c7690b3417af318a9b6f96df3031a8865176d338"
+  integrity sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==
+
+"@esbuild/netbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz#30e8cd8a3dded63975e2df2438ca109601ebe0d1"
+  integrity sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==
+
+"@esbuild/openbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz#7812af31b205055874c8082ea9cf9ab0da6217ae"
+  integrity sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==
+
+"@esbuild/sunos-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz#d5c275c3b4e73c9b0ecd38d1ca62c020f887ab9d"
+  integrity sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==
+
+"@esbuild/win32-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz#73bc7f5a9f8a77805f357fab97f290d0e4820ac9"
+  integrity sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==
+
+"@esbuild/win32-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz#ec93cbf0ef1085cc12e71e0d661d20569ff42102"
+  integrity sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==
+
+"@esbuild/win32-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz#786c5f41f043b07afb1af37683d7c33668858f6d"
+  integrity sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==
+
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
@@ -1693,10 +1823,10 @@
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.6.2.tgz#1816b5f6948029c5eaacb0703b850ee0cb37d8f8"
   integrity sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==
 
-"@eslint/eslintrc@^2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.1.tgz#18d635e24ad35f7276e8a49d135c7d3ca6a46f93"
-  integrity sha512-9t7ZA7NGGK8ckelF0PQCfcxIUzs1Md5rrO6U/c+FIQNanea5UZC0wqKXH4vHBccmu4ZJgZ2idtPeW7+Q2npOEA==
+"@eslint/eslintrc@^2.1.2":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.2.tgz#c6936b4b328c64496692f76944e755738be62396"
+  integrity sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
@@ -1708,10 +1838,10 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@^8.46.0":
-  version "8.46.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.46.0.tgz#3f7802972e8b6fe3f88ed1aabc74ec596c456db6"
-  integrity sha512-a8TLtmPi8xzPkCbp/OGFUo5yhRkHM2Ko9kOWP4znJr0WAhWyThaw3PnwX4vOTWOAMsV2uRt32PPDcEz63esSaA==
+"@eslint/js@8.48.0":
+  version "8.48.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.48.0.tgz#642633964e217905436033a2bd08bf322849b7fb"
+  integrity sha512-ZSjtmelB7IJfWD2Fvb7+Z+ChTIKWq6kjda95fLcQKNS5aheVHn4IkfgRQE3sIIzTcSLwLcLZUD9UBt+V7+h+Pw==
 
 "@fast-csv/format@4.3.5":
   version "4.3.5"
@@ -1738,24 +1868,51 @@
     lodash.isundefined "^3.0.1"
     lodash.uniq "^4.5.0"
 
-"@fortawesome/fontawesome-common-types@6.4.0":
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.0.tgz#88da2b70d6ca18aaa6ed3687832e11f39e80624b"
-  integrity sha512-HNii132xfomg5QVZw0HwXXpN22s7VBHQBv9CeOu9tfJnhsWQNd2lmTNi8CSrnw5B+5YOmzu1UoPAyxaXsJ6RgQ==
+"@floating-ui/core@^1.4.1":
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.4.1.tgz#0d633f4b76052668afb932492ac452f7ebe97f17"
+  integrity sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==
+  dependencies:
+    "@floating-ui/utils" "^0.1.1"
 
-"@fortawesome/fontawesome-svg-core@^6.4.0":
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.0.tgz#3727552eff9179506e9203d72feb5b1063c11a21"
-  integrity sha512-Bertv8xOiVELz5raB2FlXDPKt+m94MQ3JgDfsVbrqNpLU9+UE2E18GKjLKw+d3XbeYPqg1pzyQKGsrzbw+pPaw==
+"@floating-ui/dom@^1.5.1":
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.5.1.tgz#88b70defd002fe851f17b4a25efb2d3c04d7a8d7"
+  integrity sha512-KwvVcPSXg6mQygvA1TjbN/gh///36kKtllIF8SUm0qpFj8+rvYrpvlYdL1JoA71SHpDqgSSdGOSoQ0Mp3uY5aw==
   dependencies:
-    "@fortawesome/fontawesome-common-types" "6.4.0"
+    "@floating-ui/core" "^1.4.1"
+    "@floating-ui/utils" "^0.1.1"
 
-"@fortawesome/free-solid-svg-icons@^6.4.0":
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.4.0.tgz#48c0e790847fa56299e2f26b82b39663b8ad7119"
-  integrity sha512-kutPeRGWm8V5dltFP1zGjQOEAzaLZj4StdQhWVZnfGFCvAPVvHh8qk5bRrU4KXnRRRNni5tKQI9PBAdI6MP8nQ==
+"@floating-ui/react-dom@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.0.2.tgz#fab244d64db08e6bed7be4b5fcce65315ef44d20"
+  integrity sha512-5qhlDvjaLmAst/rKb3VdlCinwTF4EYMiVxuuc/HVUjs46W0zgtbMmAZ1UTsDrRTxRmUEzl92mOtWbeeXL26lSQ==
+  dependencies:
+    "@floating-ui/dom" "^1.5.1"
+
+"@floating-ui/utils@^0.1.1":
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.1.1.tgz#1a5b1959a528e374e8037c4396c3e825d6cf4a83"
+  integrity sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw==
+
+"@fortawesome/fontawesome-common-types@6.4.2":
+  version "6.4.2"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz#1766039cad33f8ad87f9467b98e0d18fbc8f01c5"
+  integrity sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==
+
+"@fortawesome/fontawesome-svg-core@^6.4.2":
+  version "6.4.2"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz#37f4507d5ec645c8b50df6db14eced32a6f9be09"
+  integrity sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.4.2"
+
+"@fortawesome/free-solid-svg-icons@^6.4.2":
+  version "6.4.2"
+  resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.4.2.tgz#33a02c4cb6aa28abea7bc082a9626b7922099df4"
+  integrity sha512-sYwXurXUEQS32fZz9hVCUUv/xu49PEJEyUOsA51l6PU/qVgfbTb2glsTEaJngVVT8VqBATRIdh7XVgV1JF1LkA==
   dependencies:
-    "@fortawesome/fontawesome-common-types" "6.4.0"
+    "@fortawesome/fontawesome-common-types" "6.4.2"
 
 "@fortawesome/react-fontawesome@^0.2.0":
   version "0.2.0"
@@ -1799,12 +1956,12 @@
     query-string "^6.12.1"
     xcase "^2.0.1"
 
-"@googleapis/sheets@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@googleapis/sheets/-/sheets-5.0.1.tgz#3186ce75c7a1b695410e5a8945b7957bdfbc5218"
-  integrity sha512-DbbPi2kasYR6ETIPJf7JEHAPBOaqFuirQN4WCTS/DQiUHzQzFLX/xI2tiMCabm0Eop5niIDVh7lsVQLUU9XCTw==
+"@googleapis/sheets@^5.0.4":
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/@googleapis/sheets/-/sheets-5.0.4.tgz#39b7eb57a4e68c4079520f06f4c75a1f8551cc04"
+  integrity sha512-FE4erog7LvgJXjhs7FDP79xbUQfiZzJP+fpNrT7zjslESnR9A7qkLlRhEMLWvK5U+tYwqGczcYsERA3Fu8nz4w==
   dependencies:
-    googleapis-common "^6.0.3"
+    googleapis-common "^7.0.0"
 
 "@humanwhocodes/config-array@^0.11.10":
   version "0.11.10"
@@ -1859,11 +2016,11 @@
   integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
 
 "@jest/schemas@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.4.3.tgz#39cf1b8469afc40b6f5a2baaa146e332c4151788"
-  integrity sha512-VLYKXQmtmuEz6IxJsrZwzG9NvtkQsWNnWMsKxqWNu3+CnfzJQhp0WDDKWLVV9hLKr0l3SLLFRqcYHjhtyuDVxg==
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.6.3.tgz#430b5ce8a4e0044a7e3819663305a7b3091c8e03"
+  integrity sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==
   dependencies:
-    "@sinclair/typebox" "^0.25.16"
+    "@sinclair/typebox" "^0.27.8"
 
 "@jridgewell/gen-mapping@^0.1.0":
   version "0.1.1"
@@ -1882,10 +2039,10 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@jridgewell/resolve-uri@3.1.0", "@jridgewell/resolve-uri@^3.0.3":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
-  integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
+"@jridgewell/resolve-uri@^3.0.3", "@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz#c08679063f279615a3326583ba3a90d1d82cc721"
+  integrity sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==
 
 "@jridgewell/set-array@^1.0.0", "@jridgewell/set-array@^1.0.1":
   version "1.1.2"
@@ -1900,10 +2057,10 @@
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13":
-  version "1.4.14"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
-  integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13", "@jridgewell/sourcemap-codec@^1.4.14":
+  version "1.4.15"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
+  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
 
 "@jridgewell/trace-mapping@0.3.9":
   version "0.3.9"
@@ -1914,41 +2071,183 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
 "@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.17"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985"
-  integrity sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==
+  version "0.3.19"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz#f8a3249862f91be48d3127c3cfe992f79b4b8811"
+  integrity sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==
   dependencies:
-    "@jridgewell/resolve-uri" "3.1.0"
-    "@jridgewell/sourcemap-codec" "1.4.14"
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@lerna/child-process@7.1.4":
-  version "7.1.4"
-  resolved "https://registry.yarnpkg.com/@lerna/child-process/-/child-process-7.1.4.tgz#5ab64540b01a339ecc6787f4f06d29aee99d71d5"
-  integrity sha512-cSiMDx9oI9vvVT+V/WHcbqrksNoc9PIPFiks1lPS7zrVWkEbgA6REQyYmRd2H71kihzqhX5TJ20f2dWv6oEPdA==
+"@lerna/child-process@7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@lerna/child-process/-/child-process-7.3.0.tgz#c56488a8a881f22a64793bf9339c5a2450a18559"
+  integrity sha512-rA+fGUo2j/LEq6w1w8s6oVikLbJTWoIDVpYMc7bUCtwDOUuZKMQiRtjmpavY3fTm7ltu42f4AKflc2A70K4wvA==
   dependencies:
     chalk "^4.1.0"
     execa "^5.0.0"
     strong-log-transformer "^2.1.0"
 
-"@lerna/create@7.1.4":
-  version "7.1.4"
-  resolved "https://registry.yarnpkg.com/@lerna/create/-/create-7.1.4.tgz#bfff377c36734ef9a95e3fe8cb030d6498844928"
-  integrity sha512-D5YWXsXIxWb1aGqcbtttczg86zMzkNhcs00/BleFNxdNYlTRdjLIReELOGBGrq3Hij05UN+7Dv9EKnPFJVbqAw==
+"@lerna/create@7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@lerna/create/-/create-7.3.0.tgz#5438c231f617b8e825731390d394f8684af471d5"
+  integrity sha512-fjgiKjg9VXwQ4ZKKsrXICEKRiC3yo6+FprR0mc55uz0s5e9xupoSGLobUTTBdE7ncNB3ibqml8dfaAn/+ESajQ==
   dependencies:
-    "@lerna/child-process" "7.1.4"
+    "@lerna/child-process" "7.3.0"
+    "@npmcli/run-script" "6.0.2"
+    "@nx/devkit" ">=16.5.1 < 17"
+    "@octokit/plugin-enterprise-rest" "6.0.1"
+    "@octokit/rest" "19.0.11"
+    byte-size "8.1.1"
+    chalk "4.1.0"
+    clone-deep "4.0.1"
+    cmd-shim "6.0.1"
+    columnify "1.6.0"
+    conventional-changelog-core "5.0.1"
+    conventional-recommended-bump "7.0.1"
+    cosmiconfig "^8.2.0"
     dedent "0.7.0"
+    execa "5.0.0"
     fs-extra "^11.1.1"
+    get-stream "6.0.0"
+    git-url-parse "13.1.0"
+    glob-parent "5.1.2"
+    globby "11.1.0"
+    graceful-fs "4.2.11"
+    has-unicode "2.0.1"
+    ini "^1.3.8"
     init-package-json "5.0.0"
+    inquirer "^8.2.4"
+    is-ci "3.0.1"
+    is-stream "2.0.0"
+    js-yaml "4.1.0"
+    libnpmpublish "7.3.0"
+    load-json-file "6.2.0"
+    lodash "^4.17.21"
+    make-dir "4.0.0"
+    minimatch "3.0.5"
+    multimatch "5.0.0"
+    node-fetch "2.6.7"
     npm-package-arg "8.1.1"
+    npm-packlist "5.1.1"
+    npm-registry-fetch "^14.0.5"
+    npmlog "^6.0.2"
+    nx ">=16.5.1 < 17"
+    p-map "4.0.0"
+    p-map-series "2.1.0"
+    p-queue "6.6.2"
     p-reduce "^2.1.0"
     pacote "^15.2.0"
     pify "5.0.0"
+    read-cmd-shim "4.0.0"
+    read-package-json "6.0.4"
+    resolve-from "5.0.0"
+    rimraf "^4.4.1"
     semver "^7.3.4"
+    signal-exit "3.0.7"
     slash "^3.0.0"
+    ssri "^9.0.1"
+    strong-log-transformer "2.1.0"
+    tar "6.1.11"
+    temp-dir "1.0.0"
+    upath "2.0.1"
+    uuid "^9.0.0"
     validate-npm-package-license "^3.0.4"
     validate-npm-package-name "5.0.0"
+    write-file-atomic "5.0.1"
+    write-pkg "4.0.0"
+    yargs "16.2.0"
     yargs-parser "20.2.4"
 
+"@linaria/babel-preset@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@linaria/babel-preset/-/babel-preset-4.5.4.tgz#2b449cd518c9bb3b26a934ea98f5288fb9d5d675"
+  integrity sha512-AbOTqCb7XbQGAUNQkt8YxysXsek3qTEfXwj46bYLyFu/ADZ+ypmAUcmNJRJSjI0qAoS+ZFuK2dEpuwFVYeiveQ==
+  dependencies:
+    "@babel/core" "^7.22.9"
+    "@babel/generator" "^7.22.9"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.8"
+    "@babel/types" "^7.22.5"
+    "@linaria/core" "^4.5.4"
+    "@linaria/logger" "^4.5.0"
+    "@linaria/shaker" "^4.5.3"
+    "@linaria/tags" "^4.5.4"
+    "@linaria/utils" "^4.5.3"
+    cosmiconfig "^8.0.0"
+    source-map "^0.7.3"
+    stylis "^3.5.4"
+
+"@linaria/core@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@linaria/core/-/core-4.5.4.tgz#1bc989199e786da9cf21b0d26e1213687f886c96"
+  integrity sha512-vMs/5iU0stxjfbBCxobIgY+wSQx4G8ukNwrhjPVD+6bF9QrTwi5rl0mKaCMxaGMjnfsLRiiM3i+hnWLIEYLdSg==
+  dependencies:
+    "@linaria/logger" "^4.5.0"
+    "@linaria/tags" "^4.5.4"
+    "@linaria/utils" "^4.5.3"
+
+"@linaria/logger@^4.5.0":
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/@linaria/logger/-/logger-4.5.0.tgz#e5de815ffe7806822f47a559a512b98f66acea13"
+  integrity sha512-XdQLk242Cpcsc9a3Cz1ktOE5ysTo2TpxdeFQEPwMm8Z/+F/S6ZxBDdHYJL09srXWz3hkJr3oS2FPuMZNH1HIxw==
+  dependencies:
+    debug "^4.1.1"
+    picocolors "^1.0.0"
+
+"@linaria/shaker@^4.5.3":
+  version "4.5.3"
+  resolved "https://registry.yarnpkg.com/@linaria/shaker/-/shaker-4.5.3.tgz#0f6b588f61f2f3d425287a939256acbb64269a95"
+  integrity sha512-UeNw8HtY43pm+D0B+kq8BrW9GsRxm11zT7Lq3Qry8sX2mapvFqXaQ7VpTFHWEdkcbv7JOxBAMial2fu+ce/zqA==
+  dependencies:
+    "@babel/core" "^7.22.9"
+    "@babel/generator" "^7.22.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
+    "@babel/plugin-transform-runtime" "^7.22.9"
+    "@babel/plugin-transform-template-literals" "^7.22.5"
+    "@babel/preset-env" "^7.22.9"
+    "@linaria/logger" "^4.5.0"
+    "@linaria/utils" "^4.5.3"
+    babel-plugin-transform-react-remove-prop-types "^0.4.24"
+    ts-invariant "^0.10.3"
+
+"@linaria/tags@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@linaria/tags/-/tags-4.5.4.tgz#071ab024227433f783ea2d948904fc164731a912"
+  integrity sha512-HPxLB6HlJWLi6o8+8lTLegOmDnbMbuzEE+zzunaPZEGSoIIYx8HAv5VbY/sG/zNyxDElk6laiAwEVWN8h5/zxg==
+  dependencies:
+    "@babel/generator" "^7.22.9"
+    "@linaria/logger" "^4.5.0"
+    "@linaria/utils" "^4.5.3"
+
+"@linaria/utils@^4.5.3":
+  version "4.5.3"
+  resolved "https://registry.yarnpkg.com/@linaria/utils/-/utils-4.5.3.tgz#cf54f4096927ea347d01e814c1fb7aca7cf4063a"
+  integrity sha512-tSpxA3Zn0DKJ2n/YBnYAgiDY+MNvkmzAHrD8R9PKrpGaZ+wz1jQEmE1vGn1cqh8dJyWK0NzPAA8sf1cqa+RmAg==
+  dependencies:
+    "@babel/core" "^7.22.9"
+    "@babel/generator" "^7.22.9"
+    "@babel/plugin-proposal-export-namespace-from" "^7.18.9"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.8"
+    "@babel/types" "^7.22.5"
+    "@linaria/logger" "^4.5.0"
+    babel-merge "^3.0.0"
+    find-up "^5.0.0"
+    minimatch "^9.0.3"
+
+"@linaria/vite@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@linaria/vite/-/vite-4.5.4.tgz#bbccbd3de67715a8b6759a578c086c1ab31ec8d2"
+  integrity sha512-YhaLgTAfE7xzRLJwxWjo0Ak/YOJ+kPWuOm3lrkziclsvf1bbTUHlecmvth+2KuJG8HEPReekuyDErnwIQoD6sA==
+  dependencies:
+    "@linaria/babel-preset" "^4.5.4"
+    "@linaria/logger" "^4.5.0"
+    "@linaria/utils" "^4.5.3"
+    "@rollup/pluginutils" "^4.1.0"
+
 "@material-ui/types@^4.0.0":
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/@material-ui/types/-/types-4.1.1.tgz#b65e002d926089970a3271213a3ad7a21b17f02b"
@@ -1956,14 +2255,6 @@
   dependencies:
     "@types/react" "*"
 
-"@mdx-js/react@^2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-2.3.0.tgz#4208bd6d70f0d0831def28ef28c26149b03180b3"
-  integrity sha512-zQH//gdOmuu7nt2oJR29vFhDv88oGPmVw6BggmrHeMI+xgEkp1B2dX9/bMBSYtK0dyLX/aOmesKS09g222K1/g==
-  dependencies:
-    "@types/mdx" "^2.0.0"
-    "@types/react" ">=16"
-
 "@mnajdova/enzyme-adapter-react-18@^0.2.0":
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/@mnajdova/enzyme-adapter-react-18/-/enzyme-adapter-react-18-0.2.0.tgz#d73aa8c557b5522f1b11df51e784502860245f63"
@@ -1980,93 +2271,93 @@
     react-test-renderer "^18.0.0"
     semver "^5.7.0"
 
-"@mui/x-charts@^6.0.0-alpha.6":
-  version "6.0.0-alpha.6"
-  resolved "https://registry.yarnpkg.com/@mui/x-charts/-/x-charts-6.0.0-alpha.6.tgz#0c86df55163119eaa3996f4d4aa1aa8164e2e510"
-  integrity sha512-WAFwfu3LBDrztRDaH3Q6Ny83bDlTBX1vjQWYf5iTc2Fz3CPfpeLW3ipZOZpfc+GKno8dZ6vUohzyOqc2CXmQZQ==
+"@mui/x-charts@^6.0.0-alpha.9":
+  version "6.0.0-alpha.9"
+  resolved "https://registry.yarnpkg.com/@mui/x-charts/-/x-charts-6.0.0-alpha.9.tgz#c4d780a0c72beb79af76932b294e9c12a1d4561a"
+  integrity sha512-2DVTbyxsm3g0D6kztQP9W4W9OOGeIQ/g6Ip6gjHj2wOOqkDB36bZxwVG/HlJuaVFBL001vI2VkYJYy+helw9gA==
   dependencies:
-    "@babel/runtime" "^7.22.6"
-    clsx "^1.2.1"
+    "@babel/runtime" "^7.22.11"
+    clsx "^2.0.0"
     d3-color "^3.1.0"
     d3-scale "^4.0.2"
     d3-shape "^3.2.0"
     prop-types "^15.8.1"
 
-"@mui/x-data-grid-generator@6.10.2":
-  version "6.10.2"
-  resolved "https://registry.yarnpkg.com/@mui/x-data-grid-generator/-/x-data-grid-generator-6.10.2.tgz#376b945cdf13f06670fbfd12b4e518a130bbb831"
-  integrity sha512-PR+lGG2Fxj/pfVuHUzdF03PvT2gAqQBgJNacFL5FePCb0xKx9VCqpjyoN4iPcMDBYTRc3xhL8Pl63ATqDxP0mw==
+"@mui/x-data-grid-generator@6.12.1":
+  version "6.12.1"
+  resolved "https://registry.yarnpkg.com/@mui/x-data-grid-generator/-/x-data-grid-generator-6.12.1.tgz#b9077251dcd16efa0bbb80616065495a556293e7"
+  integrity sha512-Iqy5ACWCb19M0qGdO4IQPPvzSmYakc+ENm3a01H678hTXXOnkfBB94CwJ8YT/izvXBIXBfg50nkg+ZDUG3x5mw==
   dependencies:
-    "@babel/runtime" "^7.22.6"
-    "@mui/base" "^5.0.0-beta.7"
-    "@mui/x-data-grid-premium" "6.10.2"
+    "@babel/runtime" "^7.22.11"
+    "@mui/base" "^5.0.0-beta.13"
+    "@mui/x-data-grid-premium" "6.12.1"
     chance "^1.1.11"
-    clsx "^1.2.1"
+    clsx "^2.0.0"
     lru-cache "^7.18.3"
 
-"@mui/x-data-grid-premium@6.10.2":
-  version "6.10.2"
-  resolved "https://registry.yarnpkg.com/@mui/x-data-grid-premium/-/x-data-grid-premium-6.10.2.tgz#2fa741daa81ccf3e9a39f486042734afa135a4ed"
-  integrity sha512-U62iaBjfFfGkUbo41A5AFVvfk/4q65uRjbPlttiylWnzT+KkfbFmRfWbt78pxOpMevh+mqxMlhQTU/xW5sJd0g==
+"@mui/x-data-grid-premium@6.12.1":
+  version "6.12.1"
+  resolved "https://registry.yarnpkg.com/@mui/x-data-grid-premium/-/x-data-grid-premium-6.12.1.tgz#ca0984fad7933a0fc1204e1eeb659a8d6eb3a8b6"
+  integrity sha512-hiFMrbDZFfOS0fyfPyFqaaoqmcnQnyv75RAI3Fx0kQ9H8fr11qb03uoU0B2D5djIWgaz5ZkL8XFWvN4moeYQuQ==
   dependencies:
-    "@babel/runtime" "^7.22.6"
-    "@mui/utils" "^5.13.7"
-    "@mui/x-data-grid" "6.10.2"
-    "@mui/x-data-grid-pro" "6.10.2"
+    "@babel/runtime" "^7.22.11"
+    "@mui/utils" "^5.14.7"
+    "@mui/x-data-grid" "6.12.1"
+    "@mui/x-data-grid-pro" "6.12.1"
     "@mui/x-license-pro" "6.10.2"
     "@types/format-util" "^1.0.2"
-    clsx "^1.2.1"
+    clsx "^2.0.0"
     exceljs "^4.3.0"
     prop-types "^15.8.1"
     reselect "^4.1.8"
 
-"@mui/x-data-grid-pro@6.10.2":
-  version "6.10.2"
-  resolved "https://registry.yarnpkg.com/@mui/x-data-grid-pro/-/x-data-grid-pro-6.10.2.tgz#37a09cb100faffd218b6b05a9242863b63e78c31"
-  integrity sha512-9xB68J9mnvaH0kJyjOaIFiIxvvCZPQUlTmb7LpxsW5WsOOzpgbLJURVFITJ8GTDPfiwIlFGce624+HcDFHZN8Q==
+"@mui/x-data-grid-pro@6.12.1":
+  version "6.12.1"
+  resolved "https://registry.yarnpkg.com/@mui/x-data-grid-pro/-/x-data-grid-pro-6.12.1.tgz#5059786f0567bdf58c4ed89a1a1a860dd70efe0f"
+  integrity sha512-41rJbZy9+aE7uZLbdMmoERHIjMQ0W8cEq6WO9fcx3yjOzDPpIUvBbVglUs4oWrab/yYtfpwvJrScJBbD4HSV+g==
   dependencies:
-    "@babel/runtime" "^7.22.6"
-    "@mui/utils" "^5.13.7"
-    "@mui/x-data-grid" "6.10.2"
+    "@babel/runtime" "^7.22.11"
+    "@mui/utils" "^5.14.7"
+    "@mui/x-data-grid" "6.12.1"
     "@mui/x-license-pro" "6.10.2"
     "@types/format-util" "^1.0.2"
-    clsx "^1.2.1"
+    clsx "^2.0.0"
     prop-types "^15.8.1"
     reselect "^4.1.8"
 
-"@mui/x-data-grid@6.10.2":
-  version "6.10.2"
-  resolved "https://registry.yarnpkg.com/@mui/x-data-grid/-/x-data-grid-6.10.2.tgz#9aff72f550c4b96269debbfccaeb0a94e5677d77"
-  integrity sha512-s4+DF1RstnnOcxWyFdjKJoLdhAhbmb+4ode5t9q9mdl1imbrmD2BNXmG/OZS4nlwYsanvK8d6qQ8w/cT/5eLiw==
+"@mui/x-data-grid@6.12.1":
+  version "6.12.1"
+  resolved "https://registry.yarnpkg.com/@mui/x-data-grid/-/x-data-grid-6.12.1.tgz#8cb9f1d66049837121cc4187ff8173a0ef905a45"
+  integrity sha512-lSY1dFBv6yh2ffkkWeMM9c0ajpwIWn/da/ec0kY8OfLa79Hboh53mN09nopylZO8MHJGfDlPvduwuWcgWs+zFw==
   dependencies:
-    "@babel/runtime" "^7.22.6"
-    "@mui/utils" "^5.13.7"
-    clsx "^1.2.1"
+    "@babel/runtime" "^7.22.11"
+    "@mui/utils" "^5.14.7"
+    clsx "^2.0.0"
     prop-types "^15.8.1"
     reselect "^4.1.8"
 
-"@mui/x-date-pickers-pro@6.10.2":
-  version "6.10.2"
-  resolved "https://registry.yarnpkg.com/@mui/x-date-pickers-pro/-/x-date-pickers-pro-6.10.2.tgz#564d6a4ec8cf02fe4043fd7a277f3ffb38fb0b1a"
-  integrity sha512-KpnX86YJiS9be868Xc7XbLNZhTI4UXEe4+wg35VewJUEB5vPLbtnxCOzqevBODZpvNSD/rjQm/KzaGeGW4KhDQ==
+"@mui/x-date-pickers-pro@6.12.1":
+  version "6.12.1"
+  resolved "https://registry.yarnpkg.com/@mui/x-date-pickers-pro/-/x-date-pickers-pro-6.12.1.tgz#57935fa6a27949c3344649b89281507461c58c52"
+  integrity sha512-gD5rOBL4L8GIpGyGOqeDf/ibrzBj5NOEQnSkpcB5BErqZ6+uuNP9nkwBvCMxk1X6I6LiikpujvYr11jMhoVg3Q==
   dependencies:
-    "@babel/runtime" "^7.22.6"
-    "@mui/utils" "^5.13.7"
-    "@mui/x-date-pickers" "6.10.2"
+    "@babel/runtime" "^7.22.11"
+    "@mui/utils" "^5.14.7"
+    "@mui/x-date-pickers" "6.12.1"
     "@mui/x-license-pro" "6.10.2"
-    clsx "^1.2.1"
+    clsx "^2.0.0"
     prop-types "^15.8.1"
     react-transition-group "^4.4.5"
 
-"@mui/x-date-pickers@6.10.2":
-  version "6.10.2"
-  resolved "https://registry.yarnpkg.com/@mui/x-date-pickers/-/x-date-pickers-6.10.2.tgz#af9734994b6415e19f2f01c34b64f9772b05cc21"
-  integrity sha512-RZHvPj5UYGdV2FoBlTbtAtg1aaJ1sbdD9LM9vSgefQWMW0vFC4fSYtFACS4ptxK/8Q0FHyuVZF5bDO+TUAPxQg==
+"@mui/x-date-pickers@6.12.1":
+  version "6.12.1"
+  resolved "https://registry.yarnpkg.com/@mui/x-date-pickers/-/x-date-pickers-6.12.1.tgz#ffd30b61ee58267ffdb4f2d8e0b2181c4ac842e8"
+  integrity sha512-euMM7KNbqoOgIdf5P8T8KG74qqbpDvLp5k8yEVMx1zHeSiSZGofKpQrDFAMxjJRnJ0x1aJLIhFEc46O70fSAlA==
   dependencies:
-    "@babel/runtime" "^7.22.6"
-    "@mui/utils" "^5.13.7"
+    "@babel/runtime" "^7.22.11"
+    "@mui/utils" "^5.14.7"
     "@types/react-transition-group" "^4.4.6"
-    clsx "^1.2.1"
+    clsx "^2.0.0"
     prop-types "^15.8.1"
     react-transition-group "^4.4.5"
 
@@ -2078,66 +2369,73 @@
     "@babel/runtime" "^7.22.6"
     "@mui/utils" "^5.13.7"
 
-"@next/env@13.4.12":
-  version "13.4.12"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-13.4.12.tgz#0b88115ab817f178bf9dc0c5e7b367277595b58d"
-  integrity sha512-RmHanbV21saP/6OEPBJ7yJMuys68cIf8OBBWd7+uj40LdpmswVAwe1uzeuFyUsd6SfeITWT3XnQfn6wULeKwDQ==
-
-"@next/swc-darwin-arm64@13.4.12":
-  version "13.4.12"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.12.tgz#326c830b111de8a1a51ac0cbc3bcb157c4c4f92c"
-  integrity sha512-deUrbCXTMZ6ZhbOoloqecnUeNpUOupi8SE2tx4jPfNS9uyUR9zK4iXBvH65opVcA/9F5I/p8vDXSYbUlbmBjZg==
-
-"@next/swc-darwin-x64@13.4.12":
-  version "13.4.12"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.12.tgz#dd5c49fc092a8ffe4f30b7aa9bf6c5d2e40bbfa1"
-  integrity sha512-WRvH7RxgRHlC1yb5oG0ZLx8F7uci9AivM5/HGGv9ZyG2Als8Ij64GC3d+mQ5sJhWjusyU6T6V1WKTUoTmOB0zQ==
-
-"@next/swc-linux-arm64-gnu@13.4.12":
-  version "13.4.12"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.12.tgz#816cbe9d26ce4670ea99d95b66041e483ed122d6"
-  integrity sha512-YEKracAWuxp54tKiAvvq73PUs9lok57cc8meYRibTWe/VdPB2vLgkTVWFcw31YDuRXdEhdX0fWS6Q+ESBhnEig==
-
-"@next/swc-linux-arm64-musl@13.4.12":
-  version "13.4.12"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.12.tgz#670c8aee221628f65e5b299ee84db746e6c778b0"
-  integrity sha512-LhJR7/RAjdHJ2Isl2pgc/JaoxNk0KtBgkVpiDJPVExVWA1c6gzY57+3zWuxuyWzTG+fhLZo2Y80pLXgIJv7g3g==
-
-"@next/swc-linux-x64-gnu@13.4.12":
-  version "13.4.12"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.12.tgz#54c64e689f007ae463698dddc1c6637491c99cb4"
-  integrity sha512-1DWLL/B9nBNiQRng+1aqs3OaZcxC16Nf+mOnpcrZZSdyKHek3WQh6j/fkbukObgNGwmCoVevLUa/p3UFTTqgqg==
-
-"@next/swc-linux-x64-musl@13.4.12":
-  version "13.4.12"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.12.tgz#9cbddf4e542ef3d32284e0c36ce102facc015f8b"
-  integrity sha512-kEAJmgYFhp0VL+eRWmUkVxLVunn7oL9Mdue/FS8yzRBVj7Z0AnIrHpTIeIUl1bbdQq1VaoOztnKicAjfkLTRCQ==
-
-"@next/swc-win32-arm64-msvc@13.4.12":
-  version "13.4.12"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.12.tgz#3467a4b25429ccf49fd416388c9d19c80a4f6465"
-  integrity sha512-GMLuL/loR6yIIRTnPRY6UGbLL9MBdw2anxkOnANxvLvsml4F0HNIgvnU3Ej4BjbqMTNjD4hcPFdlEow4XHPdZA==
-
-"@next/swc-win32-ia32-msvc@13.4.12":
-  version "13.4.12"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.12.tgz#73494cd167191946833c680b28d6a42435d383a8"
-  integrity sha512-PhgNqN2Vnkm7XaMdRmmX0ZSwZXQAtamBVSa9A/V1dfKQCV1rjIZeiy/dbBnVYGdj63ANfsOR/30XpxP71W0eww==
-
-"@next/swc-win32-x64-msvc@13.4.12":
-  version "13.4.12"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.12.tgz#4a497edc4e8c5ee3c3eb27cf0eb39dfadff70874"
-  integrity sha512-Z+56e/Ljt0bUs+T+jPjhFyxYBcdY2RIq9ELFU+qAMQMteHo7ymbV7CKmlcX59RI9C4YzN8PgMgLyAoi916b5HA==
+"@mui/x-tree-view@6.0.0-alpha.1":
+  version "6.0.0-alpha.1"
+  resolved "https://registry.yarnpkg.com/@mui/x-tree-view/-/x-tree-view-6.0.0-alpha.1.tgz#fe499f8c43c01d28aca95cfb17491746ffcc3080"
+  integrity sha512-JUG3HmBrmGEALbCFg1b+i7h726e1dWYZs4db3syO1j+Q++E3nbvE4Lehp5yGTFm+8esH0Tny50tuJaa4WX6VSA==
+  dependencies:
+    "@babel/runtime" "^7.22.6"
+    "@mui/utils" "^5.14.3"
+    "@types/react-transition-group" "^4.4.6"
+    clsx "^2.0.0"
+    prop-types "^15.8.1"
+    react-transition-group "^4.4.5"
+
+"@next/env@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/env/-/env-13.4.19.tgz#46905b4e6f62da825b040343cbc233144e9578d3"
+  integrity sha512-FsAT5x0jF2kkhNkKkukhsyYOrRqtSxrEhfliniIq0bwWbuXLgyt3Gv0Ml+b91XwjwArmuP7NxCiGd++GGKdNMQ==
+
+"@next/swc-darwin-arm64@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.19.tgz#77ad462b5ced4efdc26cb5a0053968d2c7dac1b6"
+  integrity sha512-vv1qrjXeGbuF2mOkhkdxMDtv9np7W4mcBtaDnHU+yJG+bBwa6rYsYSCI/9Xm5+TuF5SbZbrWO6G1NfTh1TMjvQ==
+
+"@next/swc-darwin-x64@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.19.tgz#aebe38713a4ce536ee5f2a291673e14b715e633a"
+  integrity sha512-jyzO6wwYhx6F+7gD8ddZfuqO4TtpJdw3wyOduR4fxTUCm3aLw7YmHGYNjS0xRSYGAkLpBkH1E0RcelyId6lNsw==
+
+"@next/swc-linux-arm64-gnu@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.19.tgz#ec54db65b587939c7b94f9a84800f003a380f5a6"
+  integrity sha512-vdlnIlaAEh6H+G6HrKZB9c2zJKnpPVKnA6LBwjwT2BTjxI7e0Hx30+FoWCgi50e+YO49p6oPOtesP9mXDRiiUg==
+
+"@next/swc-linux-arm64-musl@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.19.tgz#1f5e2c1ea6941e7d530d9f185d5d64be04279d86"
+  integrity sha512-aU0HkH2XPgxqrbNRBFb3si9Ahu/CpaR5RPmN2s9GiM9qJCiBBlZtRTiEca+DC+xRPyCThTtWYgxjWHgU7ZkyvA==
+
+"@next/swc-linux-x64-gnu@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.19.tgz#96b0882492a2f7ffcce747846d3680730f69f4d1"
+  integrity sha512-htwOEagMa/CXNykFFeAHHvMJeqZfNQEoQvHfsA4wgg5QqGNqD5soeCer4oGlCol6NGUxknrQO6VEustcv+Md+g==
+
+"@next/swc-linux-x64-musl@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.19.tgz#f276b618afa321d2f7b17c81fc83f429fb0fd9d8"
+  integrity sha512-4Gj4vvtbK1JH8ApWTT214b3GwUh9EKKQjY41hH/t+u55Knxi/0wesMzwQRhppK6Ddalhu0TEttbiJ+wRcoEj5Q==
+
+"@next/swc-win32-arm64-msvc@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.19.tgz#1599ae0d401da5ffca0947823dac577697cce577"
+  integrity sha512-bUfDevQK4NsIAHXs3/JNgnvEY+LRyneDN788W2NYiRIIzmILjba7LaQTfihuFawZDhRtkYCv3JDC3B4TwnmRJw==
+
+"@next/swc-win32-ia32-msvc@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.19.tgz#55cdd7da90818f03e4da16d976f0cb22045d16fd"
+  integrity sha512-Y5kikILFAr81LYIFaw6j/NrOtmiM4Sf3GtOc0pn50ez2GCkr+oejYuKGcwAwq3jiTKuzF6OF4iT2INPoxRycEA==
+
+"@next/swc-win32-x64-msvc@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.19.tgz#648f79c4e09279212ac90d871646ae12d80cdfce"
+  integrity sha512-YzA78jBDXMYiINdPdJJwGgPNT3YqBNNGhsthsDoWHL9p24tEJn9ViQf/ZqTbwSpX/RrkPupLfuuTH2sf73JBAw==
 
 "@nicolo-ribaudo/chokidar-2@2.1.8-no-fsevents.3":
   version "2.1.8-no-fsevents.3"
   resolved "https://registry.yarnpkg.com/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz#323d72dd25103d0c4fbdce89dadf574a787b1f9b"
   integrity sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==
 
-"@nicolo-ribaudo/semver-v6@^6.3.3":
-  version "6.3.3"
-  resolved "https://registry.yarnpkg.com/@nicolo-ribaudo/semver-v6/-/semver-v6-6.3.3.tgz#ea6d23ade78a325f7a52750aab1526b02b628c29"
-  integrity sha512-3Yc1fUTs69MG/uZbJlLSI3JISMn2UV2rg+1D/vROUqZyh3l6iYHCs7GMp+M40ZD7yOdDbYjJcU1oTJhrc+dGKg==
-
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -2234,12 +2532,13 @@
   dependencies:
     "@nx/devkit" "16.5.2"
 
-"@nrwl/tao@16.5.2":
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/tao/-/tao-16.5.2.tgz#6b46b880e36ff0af4cceaf2409fd2055bf2cf2b1"
-  integrity sha512-4vQt0Jj9xHc8SpNgM2TxkPZrkjf4ayNW7elgt5rlOT1yD3Q1Fn3/VHb3cWtm/RC2vSckB4qUEuFGpdEU8wEnCg==
+"@nrwl/tao@16.8.1":
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/@nrwl/tao/-/tao-16.8.1.tgz#640522eef8905f358ce087e1f6a8489c69e3ebfb"
+  integrity sha512-hgGFLyEgONSofxnJsXN9NlUx4J8/YSLUkfZKdR8Qa97+JGZT8FEuk7NLFJOWdYYqROoCzXLHK0d+twFFNPS5BQ==
   dependencies:
-    nx "16.5.2"
+    nx "16.8.1"
+    tslib "^2.3.0"
 
 "@nx/devkit@16.5.2", "@nx/devkit@>=16.5.1 < 17":
   version "16.5.2"
@@ -2253,55 +2552,55 @@
     tmp "~0.2.1"
     tslib "^2.3.0"
 
-"@nx/nx-darwin-arm64@16.5.2":
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/@nx/nx-darwin-arm64/-/nx-darwin-arm64-16.5.2.tgz#0efcc62881eddd20e5bb8f881e6c8cc082c864f8"
-  integrity sha512-myiNbDJLhhVHRLo6z3TeiaUeYTWdvBR3RdHQq4szTgb82Bnn8ruzteRGGJwKZd551YlttRcieBysxzUzHkmVBg==
-
-"@nx/nx-darwin-x64@16.5.2":
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/@nx/nx-darwin-x64/-/nx-darwin-x64-16.5.2.tgz#6b03c1f4569411db7f8f90df90c820b083bde65f"
-  integrity sha512-m354qmKrv7a5eD9Qv8bGEmrLCBEyCS6/y0PyOR32Dmi7qwlgHsQ4FfVkOnlWefC5ednhFLJQT6yxwhg8cFGDxw==
-
-"@nx/nx-freebsd-x64@16.5.2":
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/@nx/nx-freebsd-x64/-/nx-freebsd-x64-16.5.2.tgz#931e8be5c70d87b87f17d8faf0b9089383df0505"
-  integrity sha512-qrR9yxcC2BLnw9JulecILmyp6Jco9unHHzQcfhLZTpw5c1PNHmZzHwJ3i3iNEf1o2kXEIa+SlOCis9ndvNQQVA==
-
-"@nx/nx-linux-arm-gnueabihf@16.5.2":
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-16.5.2.tgz#d9d865f99ba1128f6aa5b6bf0887bb743590eeb6"
-  integrity sha512-+I1Oj54caDymMsQuRu/l4ULS4RVvwDUM1nXey5JhWulDOUF//09Ckz03Q9p0NCnvBvQd3SyE65++PMfZrrurbA==
-
-"@nx/nx-linux-arm64-gnu@16.5.2":
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-16.5.2.tgz#c442df598108776cce297561555520ffbce251ea"
-  integrity sha512-4Q4jpgtNBTb4lMegFKS9hkzS/WttH3MxkgM//8qs1zhgUz/AsuXTitBo71E3xCnQl/i38p0eIpiKXXwBJeHgDw==
-
-"@nx/nx-linux-arm64-musl@16.5.2":
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-16.5.2.tgz#e07c0031f60372e726d2272fac5f3743c4d9591c"
-  integrity sha512-VLukS/pfenr/Qw/EUn3GPAREDVXuSmfKeYBQKkALXEK6cRVQhXFXMLGHgMemCYbpoUJyFtFEO94PKV7VU7wZPg==
-
-"@nx/nx-linux-x64-gnu@16.5.2":
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-16.5.2.tgz#0748beae6944b42276f4705bc41b9e06cefb1d55"
-  integrity sha512-TAGmY+MXbNl/aGg2KMvtg53rbmX0XHwnJRQtjhjqjAyvaOfFWI/WOqTU7xf/QCkXBUIK0D9xHWpALfA/fZFCBA==
-
-"@nx/nx-linux-x64-musl@16.5.2":
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-16.5.2.tgz#7b150081e21ba7aa0da511f80aae1c5d230d1664"
-  integrity sha512-YyWmqcNbZgU76+LThAt+0arx9C2ewfI5UUI6kooZRniAd408EA2xl5fx2AWLLrISGH4nTb5p20HGmeWfGqjHPA==
-
-"@nx/nx-win32-arm64-msvc@16.5.2":
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-16.5.2.tgz#f06f74b876c92d6b12cd351baff016b18bfd9a73"
-  integrity sha512-pl7LluCc/57kl9VZ1ES27ym16ps4zgfCIeJiF8Ne8C6ALgt7C3PEG6417sFqbQw5J7NhsZ1aTb3eJ9fa9hurhA==
-
-"@nx/nx-win32-x64-msvc@16.5.2":
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-16.5.2.tgz#6ae96b6a90924daba81350863da4f9d12884fe8e"
-  integrity sha512-bKSMElhzP37MkzWQ/Y12pQlesZ6TxwOOqwoaK/vHe6ZtxPxvG2+U8tQ21Nw5L3KyrDCnU5MJHGFtQVHHHt5MwA==
+"@nx/nx-darwin-arm64@16.8.1":
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-darwin-arm64/-/nx-darwin-arm64-16.8.1.tgz#fd85ed007d63d232700272cd07138ecac046525d"
+  integrity sha512-xOflqyIVcyLPzdJOZcucI+5ClwnTgK8zIvpjbxHokrO9McJJglhfUyP0bbTHpEpWqzA+GaPA/6/Qdu0ATzqQBQ==
+
+"@nx/nx-darwin-x64@16.8.1":
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-darwin-x64/-/nx-darwin-x64-16.8.1.tgz#de75b5052cb7ec93e238af632f0ea0f2d8822e66"
+  integrity sha512-JJGrlOvEpDMWnM6YKaA1WOnzHgiw5vRKEowX9ba+jxhmCvtdjbLSxi228kv92JtQPPQ91zvtsNM+BFY0EbPOlA==
+
+"@nx/nx-freebsd-x64@16.8.1":
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-freebsd-x64/-/nx-freebsd-x64-16.8.1.tgz#733dbe731af814b87a1429d7c087c4879192536c"
+  integrity sha512-aZdJQ7cIQfXOmfk4vRXvVYxuV68xz8YyhNZ0IvBfJ16uZQ+YNl4BpklRLEIdaloSbwz9M1NNewmL+AgklEBxlA==
+
+"@nx/nx-linux-arm-gnueabihf@16.8.1":
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-16.8.1.tgz#3d1e2130d26ecc335df21bf8a8afa566bd6b4ed5"
+  integrity sha512-JzjrTf7FFgikoVUbRs0hKvwHRR6SyqT4yIdk/YyiCt2mWY9w4m5DWtHM/9kJzhckkH9MY66m+X/zG6+NKsEMvg==
+
+"@nx/nx-linux-arm64-gnu@16.8.1":
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-16.8.1.tgz#f0f96dc4be17cac8a387367eaafe71a6b1948fc3"
+  integrity sha512-CF0s981myBWusW7iW2+fKPa7ceYYe+NO5EdKe9l27fpHDkcA71KZU3q7U823QpO/7tYvVdBevJp3CCn2/GBURQ==
+
+"@nx/nx-linux-arm64-musl@16.8.1":
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-16.8.1.tgz#65ed581e702ef882afd9d7f25b660e34e4c13690"
+  integrity sha512-X4TobxRt1dALvoeKC3/t1CqZCMUqtEhGG+KQLT/51sG54HdxmTAWRFlvj8PvLH0QSBk4e+uRZAo45qpt3iSnBg==
+
+"@nx/nx-linux-x64-gnu@16.8.1":
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-16.8.1.tgz#cc5c782a67e5b17f4e395d358d87ea5076606dba"
+  integrity sha512-lHvv2FD14Lpxh7muMLStH2tC1opQOaepO4nXwb1LaaoIpMym7kBgCK8AQuI98/oNQiMDXMNDKWQZCjxnJGDIPw==
+
+"@nx/nx-linux-x64-musl@16.8.1":
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-16.8.1.tgz#2837fb7d6590b5fe9f2eb42603d0e064771a8ded"
+  integrity sha512-c4gQvNgIjggD1A5sYhftQEC1PtAhV3sEnv60X00v9wmjl57Wj4Ty0TgyzpYglLysVRiko/B58S8NYS0jKvMmeA==
+
+"@nx/nx-win32-arm64-msvc@16.8.1":
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-16.8.1.tgz#d45d8abdd99f3b0dda83a673592299ffdc819895"
+  integrity sha512-GKHPy/MyGFoV9cdKgcWLZZK2vDdxt5bQ53ss0k+BDKRP+YwLKm7tJl23eeM7JdB4GLCBntEQPC+dBqxOA8Ze/w==
+
+"@nx/nx-win32-x64-msvc@16.8.1":
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-16.8.1.tgz#6ec1930aaf4d9dea19149d6b3d100b2c7e69d582"
+  integrity sha512-yHZ5FAcx54rVc31R0yIpniepkHMPwaxG23l8E/ZYbL1iPwE/Wc1HeUzUvxUuSXtguRp7ihcRhaUEPkcSl2EAVw==
 
 "@octokit/auth-token@^2.4.4":
   version "2.5.0"
@@ -2633,13 +2932,13 @@
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
   integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
 
-"@playwright/test@1.36.2":
-  version "1.36.2"
-  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.36.2.tgz#9edd68a02b0929c5d78d9479a654ceb981dfb592"
-  integrity sha512-2rVZeyPRjxfPH6J0oGJqE8YxiM1IBRyM8hyrXYK7eSiAqmbNhxwcLa7dZ7fy9Kj26V7FYia5fh9XJRq4Dqme+g==
+"@playwright/test@1.37.1":
+  version "1.37.1"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.37.1.tgz#e7f44ae0faf1be52d6360c6bbf689fd0057d9b6f"
+  integrity sha512-bq9zTli3vWJo8S3LwB91U0qDNQDpEXnw7knhxLM0nwDvexQAwx9tO8iKDZSqqneVq+URd/WIoz+BALMqUTgdSg==
   dependencies:
     "@types/node" "*"
-    playwright-core "1.36.2"
+    playwright-core "1.37.1"
   optionalDependencies:
     fsevents "2.3.2"
 
@@ -2711,10 +3010,10 @@
     "@react-spring/shared" "~9.7.3"
     "@react-spring/types" "~9.7.3"
 
-"@remix-run/router@1.7.2":
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.7.2.tgz#cba1cf0a04bc04cb66027c51fa600e9cbc388bc8"
-  integrity sha512-7Lcn7IqGMV+vizMPoEl5F0XDshcdDYtMI6uJLQdQz5CfZAwy3vvGKYSUk789qndt5dEC4HfSjviSYlSoHGL2+A==
+"@remix-run/router@1.8.0":
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.8.0.tgz#e848d2f669f601544df15ce2a313955e4bf0bafc"
+  integrity sha512-mrfKqIHnSZRyIzBcanNJmVQELTnX+qagEDlcKO90RgRBVOZGSGvZKeDihTRfWcqoDn5N/NkUcwWTccnpN18Tfg==
 
 "@rollup/plugin-replace@^5.0.2":
   version "5.0.2"
@@ -2724,6 +3023,14 @@
     "@rollup/pluginutils" "^5.0.1"
     magic-string "^0.27.0"
 
+"@rollup/pluginutils@^4.1.0":
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d"
+  integrity sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==
+  dependencies:
+    estree-walker "^2.0.1"
+    picomatch "^2.2.2"
+
 "@rollup/pluginutils@^5.0.1":
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz#012b8f53c71e4f6f9cb317e311df1404f56e7a33"
@@ -2747,10 +3054,10 @@
     make-fetch-happen "^11.0.1"
     tuf-js "^1.1.3"
 
-"@sinclair/typebox@^0.25.16":
-  version "0.25.24"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"
-  integrity sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==
+"@sinclair/typebox@^0.27.8":
+  version "0.27.8"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.27.8.tgz#6667fac16c436b5434a387a34dedb013198f6e6e"
+  integrity sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==
 
 "@sindresorhus/is@^4.0.0":
   version "4.6.0"
@@ -2792,14 +3099,14 @@
   resolved "https://registry.yarnpkg.com/@sinonjs/text-encoding/-/text-encoding-0.7.2.tgz#5981a8db18b56ba38ef0efb7d995b12aa7b51918"
   integrity sha512-sXXKG+uL9IrKqViTtao2Ws6dy0znu9sOaP1di/jKGW1M6VssO8vlpXCQcpZ+jisQ1tTFAC5Jo/EOzFbggBagFQ==
 
-"@slack/bolt@^3.13.2":
-  version "3.13.2"
-  resolved "https://registry.yarnpkg.com/@slack/bolt/-/bolt-3.13.2.tgz#7611e2cd49241643baf6d53201de06296cc5adfb"
-  integrity sha512-k7gj2oUS0B9H/lWPm9P1dcpKY5gvM/9usU+vCGvIylqlsVgFNY0Im2JySpQR3iLKuW+FwxtjRmsj1dt1BKNggw==
+"@slack/bolt@^3.13.3":
+  version "3.13.3"
+  resolved "https://registry.yarnpkg.com/@slack/bolt/-/bolt-3.13.3.tgz#bd06891675dd7a5de3bd6586b7a8d8b801e28a80"
+  integrity sha512-1rgPTJGpiT/RNeZ0neOAMQKzydX+CcwjObc5Eeq+3z7df8OiI3mqimj9N9Pjg6WePv4kpekvq1TdJIg+TyhINw==
   dependencies:
     "@slack/logger" "^3.0.0"
     "@slack/oauth" "^2.6.1"
-    "@slack/socket-mode" "^1.3.0"
+    "@slack/socket-mode" "^1.3.2"
     "@slack/types" "^2.8.0"
     "@slack/web-api" "^6.7.1"
     "@types/express" "^4.16.1"
@@ -2832,7 +3139,7 @@
     jsonwebtoken "^9.0.0"
     lodash.isstring "^4.0.1"
 
-"@slack/socket-mode@^1.3.0":
+"@slack/socket-mode@^1.3.2":
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/@slack/socket-mode/-/socket-mode-1.3.2.tgz#b3c4db146779cb63ec240a10de722deadd907305"
   integrity sha512-6LiwYE6k4DNbnctZZSLfERiOzWngAvXogxQEYzUkxeZgh2GC6EdmRq6OEbZXOBe71/K66YVx05VfR7B4b1ScTQ==
@@ -2848,24 +3155,24 @@
     p-queue "^2.4.2"
     ws "^7.5.3"
 
-"@slack/types@^2.0.0", "@slack/types@^2.8.0":
+"@slack/types@^2.8.0":
   version "2.8.0"
   resolved "https://registry.yarnpkg.com/@slack/types/-/types-2.8.0.tgz#11ea10872262a7e6f86f54e5bcd4f91e3a41fe91"
   integrity sha512-ghdfZSF0b4NC9ckBA8QnQgC9DJw2ZceDq0BIjjRSv6XAZBXJdWgxIsYz0TYnWSiqsKZGH2ZXbj9jYABZdH3OSQ==
 
-"@slack/web-api@^6.2.3", "@slack/web-api@^6.3.0", "@slack/web-api@^6.7.1":
-  version "6.8.1"
-  resolved "https://registry.yarnpkg.com/@slack/web-api/-/web-api-6.8.1.tgz#c6c1e7405c884c4d9048f8b1d3901bd138d00610"
-  integrity sha512-eMPk2S99S613gcu7odSw/LV+Qxr8A+RXvBD0GYW510wJuTERiTjP5TgCsH8X09+lxSumbDE88wvWbuFuvGa74g==
+"@slack/web-api@^6.2.3", "@slack/web-api@^6.3.0", "@slack/web-api@^6.7.1", "@slack/web-api@^6.9.0":
+  version "6.9.0"
+  resolved "https://registry.yarnpkg.com/@slack/web-api/-/web-api-6.9.0.tgz#d829dcfef490dbce8e338912706b6f39dcde3ad2"
+  integrity sha512-RME5/F+jvQmZHkoP+ogrDbixq1Ms1mBmylzuWq4sf3f7GCpMPWoiZ+WqWk+sism3vrlveKWIgO9R4Qg9fiRyoQ==
   dependencies:
     "@slack/logger" "^3.0.0"
-    "@slack/types" "^2.0.0"
+    "@slack/types" "^2.8.0"
     "@types/is-stream" "^1.1.0"
     "@types/node" ">=12.0.0"
     axios "^0.27.2"
     eventemitter3 "^3.1.0"
     form-data "^2.5.0"
-    is-electron "2.2.0"
+    is-electron "2.2.2"
     is-stream "^1.1.0"
     p-queue "^6.6.1"
     p-retry "^4.0.0"
@@ -3016,72 +3323,64 @@
   resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.4.3.tgz#af975e367743fa91989cd666666aec31a8f50591"
   integrity sha512-kCUc5MEwaEMakkO5x7aoD+DLi02ehmEM2QCGWvNqAS1dV/fAvORWEjnjsEIvml59M7Y5kCkWN6fCCyPOe8OL6Q==
 
-"@theme-ui/color-modes@^0.16.0":
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/@theme-ui/color-modes/-/color-modes-0.16.0.tgz#7e137b7b17be56a4620e90d9a68d6c32cc97e92e"
-  integrity sha512-yMfFzQz2uvbVPk4EyZD5/3AzXEQxgfUtTtnDMppqczVXgVk5RQXsUwz6VCMoVe+EwftLuaKgJZH3rgosLVRmvg==
+"@theme-ui/color-modes@^0.16.1":
+  version "0.16.1"
+  resolved "https://registry.yarnpkg.com/@theme-ui/color-modes/-/color-modes-0.16.1.tgz#9a06a29367d2e91fdb034dd84fd30b9508ee92e9"
+  integrity sha512-G2YoNEMwZroRS0DcftUG+E/8WM5/Osf8TRrQLLK+L43HJ4BmaWuBmVeyoNOaPBDlAuqMBx2203VRgoPmUaMqOg==
   dependencies:
-    "@theme-ui/core" "^0.16.0"
-    "@theme-ui/css" "^0.16.0"
+    "@theme-ui/core" "^0.16.1"
+    "@theme-ui/css" "^0.16.1"
     deepmerge "^4.2.2"
 
-"@theme-ui/components@^0.16.0":
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/@theme-ui/components/-/components-0.16.0.tgz#2bb29d03907230ea60c111c7a3b6e13b012abc06"
-  integrity sha512-bhg8qh6iCDnBm58OLtqhg6UTyfv2mlbCNFNiqpEJjw7zuRv6T67ndZHHJH6zQXTAuLFLvXe+aLi3si8VF5gmBg==
+"@theme-ui/components@^0.16.1":
+  version "0.16.1"
+  resolved "https://registry.yarnpkg.com/@theme-ui/components/-/components-0.16.1.tgz#14f677313f5117876048951fd3cc915a23a11978"
+  integrity sha512-3v56xR8Rn9LgLzknt4TXLSvnxmAZ//lN8lW87J5yKqp+reJUPDWqItLCOv899sMRcOMpihyMfHUpBRhSG/Aeng==
   dependencies:
     "@styled-system/color" "^5.1.2"
     "@styled-system/should-forward-prop" "^5.1.2"
     "@styled-system/space" "^5.1.2"
-    "@theme-ui/core" "^0.16.0"
-    "@theme-ui/css" "^0.16.0"
+    "@theme-ui/core" "^0.16.1"
+    "@theme-ui/css" "^0.16.1"
     "@types/styled-system" "^5.1.13"
 
-"@theme-ui/core@^0.16.0":
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/@theme-ui/core/-/core-0.16.0.tgz#184bcf4bf10e40336da52d2b430dc449f3cc4cc4"
-  integrity sha512-M2qkb3LsRXAjILjR4nFr7SpuVTM842WPEPnjTBg59obx5vPDFvormwL0ZaqvPjolu4qsJOjV1P7gMx9KgPE2qw==
+"@theme-ui/core@^0.16.1":
+  version "0.16.1"
+  resolved "https://registry.yarnpkg.com/@theme-ui/core/-/core-0.16.1.tgz#3a958523a468b9521fe740c2b3231a9d59efd44d"
+  integrity sha512-9Z0Fn50zdIWre0Apz3ObwfHXZ/zjw7NUhgRrSLYn/gdkJSPZZ8fcaY7Q2rnjfcrMt9DRCg5CPfQGLJqL1NY8xw==
   dependencies:
-    "@theme-ui/css" "^0.16.0"
+    "@theme-ui/css" "^0.16.1"
     deepmerge "^4.2.2"
 
-"@theme-ui/css@^0.16.0":
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/@theme-ui/css/-/css-0.16.0.tgz#3ac13e9cfc5241f8232a4114a336633cf3de04bc"
-  integrity sha512-4kGFw80XTDguziltO8RW7KBhW8ju3aCmbcbLG7ASor2CXmS91jSGr0ILcd973TfJpp/5f8pLfOXxdIiu9PeaVA==
+"@theme-ui/css@^0.16.1":
+  version "0.16.1"
+  resolved "https://registry.yarnpkg.com/@theme-ui/css/-/css-0.16.1.tgz#9c7a4f0e75b18dae3a0bb6cc9e673a03e13eed0a"
+  integrity sha512-8TO2DbiqPrRyTlGRIElDak/p0M4ykyd8LkeavyOF/sTE9s93AwyFcle6KYYMEULrJP49SyYiEvTif7J7Z50DhA==
   dependencies:
     csstype "^3.0.10"
 
-"@theme-ui/global@^0.16.0":
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/@theme-ui/global/-/global-0.16.0.tgz#06d27775fc9a1db4e9acbcee2e26b3c28689ce97"
-  integrity sha512-kI0DJ0WQ5Pp+rQIEECYbi5kDBxRrDsywlH1U9dLBtWuy7YcE0Mi6QHMEhHJToqaGKSVzl/9yAbcc26r4zUNZAg==
+"@theme-ui/global@^0.16.1":
+  version "0.16.1"
+  resolved "https://registry.yarnpkg.com/@theme-ui/global/-/global-0.16.1.tgz#085f994d4d14179ccbff036862f69b8e4c2667ca"
+  integrity sha512-2GHRYAz4meF5sn3XxwdFSJMENICSJNj6ZEfQyHaioIXt3t46wXdPpZNjCStxdElQ3QVQgYxY6jR+ILUFORaR0w==
   dependencies:
-    "@theme-ui/core" "^0.16.0"
-    "@theme-ui/css" "^0.16.0"
+    "@theme-ui/core" "^0.16.1"
+    "@theme-ui/css" "^0.16.1"
 
-"@theme-ui/theme-provider@^0.16.0":
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/@theme-ui/theme-provider/-/theme-provider-0.16.0.tgz#1f3efb79d4819ee47077f14c95abb07ce3f2005d"
-  integrity sha512-3PESCdcsERm/RfYFJE5Dysm4AgzmA+zv13DV0BIu/v9SFtfbvcoLGkMu5TghxOXcZiVDaps1EyGynovKvrdRYA==
+"@theme-ui/theme-provider@^0.16.1":
+  version "0.16.1"
+  resolved "https://registry.yarnpkg.com/@theme-ui/theme-provider/-/theme-provider-0.16.1.tgz#2532bd10c1da7b0cf2a96f85c02466999c6d4741"
+  integrity sha512-+/3BJYLIOC2DwTS76cqNhigRQJJ+qOT845DYF7t3TaG2fXDfgh16/DGZSnVjGOGc9dYE3C/ZFAYcVDVwO94Guw==
   dependencies:
-    "@theme-ui/color-modes" "^0.16.0"
-    "@theme-ui/core" "^0.16.0"
-    "@theme-ui/css" "^0.16.0"
+    "@theme-ui/color-modes" "^0.16.1"
+    "@theme-ui/core" "^0.16.1"
+    "@theme-ui/css" "^0.16.1"
 
 "@tootallnate/once@2":
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
   integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
 
-"@trendmicro/react-interpolate@^0.5.5":
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/@trendmicro/react-interpolate/-/react-interpolate-0.5.5.tgz#70a5040524b46475ee0104939f371db201886a0d"
-  integrity sha512-PjkRT3XeK30kGjmSRn//4L106ekZfFkjqQ85G8K1hDdT7aYdng0Hz1MSLJjW9XNiljdTNB8D8Sm4tiBhdz5P3A==
-  dependencies:
-    lodash.omit "^4.5.0"
-    prop-types "^15.5.8"
-
 "@trysound/sax@0.2.0":
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
@@ -3130,17 +3429,17 @@
   resolved "https://registry.yarnpkg.com/@types/autosuggest-highlight/-/autosuggest-highlight-3.2.0.tgz#716a1408b8d987a6b636cf30048cba101d9f1cae"
   integrity sha512-bTcsL4YYypjhKfPaImxuoMPiTyiUp7VGKytMr15/413IoazrOIfV/gca2ysI/IW0ftZYCPI5xppRm6IVX1Efqw==
 
-"@types/babel-plugin-macros@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@types/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#2679b34f93df6a0ac17ec9f42975be6833cc3d66"
-  integrity sha512-kxYWx+NISzy46KMgnXUthHJNbcGw9w1jn6e1LZAciTv8KKO5z9z1LakHnXCj5aYrwydZ5dGE3MAgEu4X/MdWkA==
+"@types/babel-plugin-macros@^3.1.1":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@types/babel-plugin-macros/-/babel-plugin-macros-3.1.1.tgz#73c2eb1b1aff4992e4ba8f434984b85e7fc6d5c5"
+  integrity sha512-pSCcaqY5GpyqOqq+3CUpbpOkQmgoGDPvKA389d4nWsjepN3To+iJdf7fDJoAnOe3U/xlO5Wd0SnjZvixjTr1Xw==
   dependencies:
     "@types/babel__core" "*"
 
-"@types/babel__core@*", "@types/babel__core@^7.20.1":
-  version "7.20.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.1.tgz#916ecea274b0c776fec721e333e55762d3a9614b"
-  integrity sha512-aACu/U/omhdk15O4Nfb+fHgH/z3QsfQzpnvRZhYhThms83ZnAOZz7zZAWO7mn2yyNQaA4xTO8GLK3uqFU4bYYw==
+"@types/babel__core@*", "@types/babel__core@^7.20.2":
+  version "7.20.2"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.2.tgz#215db4f4a35d710256579784a548907237728756"
+  integrity sha512-pNpr1T1xLUc2l3xJKuPtsEky3ybxN3m4fJkknfIpTCTfIZCDW57oAg+EfCgIIp2rvCe0Wn++/FfodDS4YXxBwA==
   dependencies:
     "@babel/parser" "^7.20.7"
     "@babel/types" "^7.20.7"
@@ -3155,6 +3454,21 @@
   dependencies:
     "@babel/types" "^7.0.0"
 
+"@types/babel__helper-module-imports@^7.18.1":
+  version "7.18.1"
+  resolved "https://registry.yarnpkg.com/@types/babel__helper-module-imports/-/babel__helper-module-imports-7.18.1.tgz#cb378c6223d29fb642b447a6836f5805c7b8e619"
+  integrity sha512-hcujLRN2xQo0PdF6/KRJ7+qSSDbISbfN6xvLcqPEmlepzK761/63OrMEuIDxqVQ43zyXWBV7grX6+zBK0aydGQ==
+  dependencies:
+    "@types/babel__core" "*"
+    "@types/babel__traverse" "*"
+
+"@types/babel__helper-plugin-utils@^7.10.0":
+  version "7.10.0"
+  resolved "https://registry.yarnpkg.com/@types/babel__helper-plugin-utils/-/babel__helper-plugin-utils-7.10.0.tgz#dcd2416f9c189d5837ab2a276368cf67134efe78"
+  integrity sha512-60YtHzhQ9HAkToHVV+TB4VLzBn9lrfgrsOjiJMtbv/c1jPdekBxaByd6DMsGBzROXWoIL6U3lEFvvbu69RkUoA==
+  dependencies:
+    "@types/babel__core" "*"
+
 "@types/babel__template@*":
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.1.tgz#3d1a48fd9d6c0edfd56f2ff578daed48f36c8969"
@@ -3163,12 +3477,12 @@
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
 
-"@types/babel__traverse@*":
-  version "7.18.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.1.tgz#ce5e2c8c272b99b7a9fd69fa39f0b4cd85028bd9"
-  integrity sha512-FSdLaZh2UxaMuLp9lixWaHq/golWTRWOnRsAXzDTDSDOQLuZb1nsdCt6pJSPWSEQt2eFZ2YVk3oYhn+1kLMeMA==
+"@types/babel__traverse@*", "@types/babel__traverse@^7.20.2":
+  version "7.20.2"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.2.tgz#4ddf99d95cfdd946ff35d2b65c978d9c9bf2645d"
+  integrity sha512-ojlGK1Hsfce93J0+kn3H5R73elidKUaZonirN33GSmgTUMpzI/MIFfSpF3haANe3G1bEBS9/9/QEqwTzwqFsKw==
   dependencies:
-    "@babel/types" "^7.3.0"
+    "@babel/types" "^7.20.7"
 
 "@types/body-parser@*":
   version "1.19.2"
@@ -3188,17 +3502,17 @@
     "@types/node" "*"
     "@types/responselike" "*"
 
-"@types/chai-dom@^1.11.0":
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/@types/chai-dom/-/chai-dom-1.11.0.tgz#e9bd01f3408b2ffd27755fe4418ff92ffd8f4e66"
-  integrity sha512-Aja99Mmnny+Sz+T2hBK3oEsrcy18yabplT0pGX/QwIke9jMJHdvHlV2f4Tmq5SqxTMYwt1Zjbisv/4r83EUIHw==
+"@types/chai-dom@^1.11.1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/@types/chai-dom/-/chai-dom-1.11.1.tgz#5f91fb34a612ccef177c70100c7c1b98a684d696"
+  integrity sha512-q+fs4jdKZFDhXOWBehY0jDGCp8nxVe11Ia8MxqlIsJC3Y2JU149PSBYF2li2F3uxJFSAl2Rf8XeLWonHglpcGw==
   dependencies:
     "@types/chai" "*"
 
-"@types/chai@*", "@types/chai@^4.3.5":
-  version "4.3.5"
-  resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.5.tgz#ae69bcbb1bebb68c4ac0b11e9d8ed04526b3562b"
-  integrity sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==
+"@types/chai@*", "@types/chai@^4.3.5", "@types/chai@^4.3.6":
+  version "4.3.6"
+  resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.6.tgz#7b489e8baf393d5dd1266fb203ddd4ea941259e6"
+  integrity sha512-VOVRLM1mBxIRxydiViqPcKn6MIxZytrbMpd6RJLIWKxUNr3zux8no0Oc7kJx0WAPIitgZ0gkrDS+btlqQpubpw==
 
 "@types/cheerio@*":
   version "0.22.31"
@@ -3224,10 +3538,10 @@
   resolved "https://registry.yarnpkg.com/@types/cors/-/cors-2.8.12.tgz#6b2c510a7ad7039e98e7b8d3d6598f4359e5c080"
   integrity sha512-vt+kDhq/M2ayberEtJcIN/hxXy1Pk+59g2FV/ZQceeaTyCtCucjL2Q7FXlFjtWn4n15KCr1NE2lNNFhp0lEThw==
 
-"@types/css-mediaquery@^0.1.1":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@types/css-mediaquery/-/css-mediaquery-0.1.1.tgz#0902ee5849b89a45390c2c9dccbb536a75a88511"
-  integrity sha512-JQ+sPiPlRUHmlL4e3DBUNbxVEb6p7dis78/uSDbQpkeCKVoepChZMWGPIVA2JIH0ylfkA9S+TZUdShlgDpFKrw==
+"@types/css-mediaquery@^0.1.2":
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@types/css-mediaquery/-/css-mediaquery-0.1.2.tgz#1fee61f44c9a2be91ec88bbe2ed56c6823fafa78"
+  integrity sha512-rCNkBpTDMU0eUxfSK3CqUU0VET/vcfF83am2XdWnlb8qoCntxehkTRPvmf/n7h1TtP9Xvn3LQyJqbr0aWAFEUw==
 
 "@types/d3-array@^3.0.3":
   version "3.0.4"
@@ -3280,10 +3594,10 @@
   resolved "https://registry.yarnpkg.com/@types/d3-timer/-/d3-timer-3.0.0.tgz#e2505f1c21ec08bda8915238e397fb71d2fc54ce"
   integrity sha512-HNB/9GHqu7Fo8AQiugyJbv6ZxYz58wef0esl4Mv828w1ZKpAshw/uFWVDUcIB9KKFeFKoxS3cHY07FFgtTRZ1g==
 
-"@types/doctrine@^0.0.5":
-  version "0.0.5"
-  resolved "https://registry.yarnpkg.com/@types/doctrine/-/doctrine-0.0.5.tgz#9768264221e8fd422e4989c8cfdab2ff781f4eb6"
-  integrity sha512-JJwEeFy8Sl9ctiugU4h4DGN9hCB47oyhUkM2H8g8xZr4tHTEXtmV4U6krKrU8Ng0S7RlG/J7fkta1rGu3pq+YQ==
+"@types/doctrine@^0.0.6":
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/@types/doctrine/-/doctrine-0.0.6.tgz#12ede1f7cd3797be5856277c85f031299ccd2641"
+  integrity sha512-KlEqPtaNBHBJ2/fVA4yLdD0Tc8zw34pKU4K5SHBIEwtLJ8xxumIC1xeG+4S+/9qhVj2MqC7O3Ld8WvDG4HqlgA==
 
 "@types/enzyme@^3.10.13":
   version "3.10.13"
@@ -3301,10 +3615,10 @@
     "@types/eslint" "*"
     "@types/estree" "*"
 
-"@types/eslint@*", "@types/eslint@^8.44.1":
-  version "8.44.1"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.44.1.tgz#d1811559bb6bcd1a76009e3f7883034b78a0415e"
-  integrity sha512-XpNDc4Z5Tb4x+SW1MriMVeIsMoONHCkWFMkR/aPJbzEsxqHy+4Glu/BqTdPrApfDeMaXbtNh6bseNgl5KaWrSg==
+"@types/eslint@*", "@types/eslint@^8.44.2":
+  version "8.44.2"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.44.2.tgz#0d21c505f98a89b8dd4d37fa162b09da6089199a"
+  integrity sha512-sdPRb9K6iL5XZOmBubg8yiFp5yS/JdUDQsq5e6h95km91MCYMuvp7mh1fjPEYUhvHepKpZOjnEaMBR4PxjWDzg==
   dependencies:
     "@types/estree" "*"
     "@types/json-schema" "*"
@@ -3338,10 +3652,10 @@
   resolved "https://registry.yarnpkg.com/@types/format-util/-/format-util-1.0.2.tgz#7d19feb1caf59b6ea99c83dfe795ffa3f06b87d7"
   integrity sha512-9SrLCpgzWo2yHHhiMOX0WwgDh37nSbDbWUsRc1ss++o8O97E3tB6SJiyUQM21UeUsKvZNuhDCmkRaINZ4uJAfg==
 
-"@types/fs-extra@^11.0.1":
-  version "11.0.1"
-  resolved "https://registry.yarnpkg.com/@types/fs-extra/-/fs-extra-11.0.1.tgz#f542ec47810532a8a252127e6e105f487e0a6ea5"
-  integrity sha512-MxObHvNl4A69ofaTRU8DFqvgzzv8s9yRtaPPm5gud9HDNvpB3GPQFvNuTWAI59B9huVGV5jXYJwbCsmBsOGYWA==
+"@types/fs-extra@^11.0.2":
+  version "11.0.2"
+  resolved "https://registry.yarnpkg.com/@types/fs-extra/-/fs-extra-11.0.2.tgz#23dc1ed7b2eba8ccd75568ac34e7a4e48aa2d087"
+  integrity sha512-c0hrgAOVYr21EX8J0jBMXGLMgJqVf/v6yxi0dLaJboW9aQPh16Id+z6w2Tx1hm+piJOLv8xPfVKZCLfjPw/IMQ==
   dependencies:
     "@types/jsonfile" "*"
     "@types/node" "*"
@@ -3384,15 +3698,6 @@
     ast-types "^0.14.1"
     recast "^0.20.3"
 
-"@types/jsdom@^21.1.1":
-  version "21.1.1"
-  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-21.1.1.tgz#e59e26352071267b507bf04d51841a1d7d3e8617"
-  integrity sha512-cZFuoVLtzKP3gmq9eNosUL1R50U+USkbLtUQ1bYVgl/lKp0FZM7Cq4aIHAL8oIvQ17uSHi7jXPtfDOdjPwBE7A==
-  dependencies:
-    "@types/node" "*"
-    "@types/tough-cookie" "*"
-    parse5 "^7.0.0"
-
 "@types/json-schema@*", "@types/json-schema@^7.0.12", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
   version "7.0.12"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.12.tgz#d70faba7039d5fca54c83c7dbab41051d2b6f6cb"
@@ -3429,6 +3734,21 @@
   dependencies:
     "@types/node" "*"
 
+"@types/loader-utils@^2.0.4":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@types/loader-utils/-/loader-utils-2.0.4.tgz#f1c9dd27392f163ee92394454563286dfc6e4778"
+  integrity sha512-I71X8yySVQW6DuXr78/McC+enpUYQ68JxAYlgVyuMvl5mb7jFUZpFAu1qURZcwvbITXwxPnrA7hbV0W3HHsbbg==
+  dependencies:
+    "@types/node" "*"
+    "@types/webpack" "^4"
+
+"@types/lodash.get@^4.4.7":
+  version "4.4.7"
+  resolved "https://registry.yarnpkg.com/@types/lodash.get/-/lodash.get-4.4.7.tgz#1ea63d8b94709f6bc9e231f252b31440abe312cf"
+  integrity sha512-af34Mj+KdDeuzsJBxc/XeTtOx0SZHZNLd+hdrn+PcKGQs0EG2TJTzQAOTCZTgDJCArahlCzLWSy8c2w59JRz7Q==
+  dependencies:
+    "@types/lodash" "*"
+
 "@types/lodash.mergewith@4.6.7":
   version "4.6.7"
   resolved "https://registry.yarnpkg.com/@types/lodash.mergewith/-/lodash.mergewith-4.6.7.tgz#eaa65aa5872abdd282f271eae447b115b2757212"
@@ -3436,10 +3756,10 @@
   dependencies:
     "@types/lodash" "*"
 
-"@types/lodash@*", "@types/lodash@^4.14.196":
-  version "4.14.196"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.196.tgz#a7c3d6fc52d8d71328b764e28e080b4169ec7a95"
-  integrity sha512-22y3o88f4a94mKljsZcanlNWPzO0uBsBdzLAngf2tp533LzZcQzb6+eZPJ+vCTt+bqF2XnvT9gejTLsAcJAJyQ==
+"@types/lodash@*", "@types/lodash@^4.14.198":
+  version "4.14.198"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.198.tgz#4d27465257011aedc741a809f1269941fa2c5d4c"
+  integrity sha512-trNJ/vtMZYMLhfN45uLq4ShQSw0/S7xCTLLVM+WM1rmFpba/VS42jVUgaO3w/NOLiWR/09lnYk0yMaA/atdIsg==
 
 "@types/markdown-to-jsx@^7.0.1":
   version "7.0.1"
@@ -3448,10 +3768,12 @@
   dependencies:
     markdown-to-jsx "*"
 
-"@types/marked@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@types/marked/-/marked-5.0.1.tgz#15acd796d722b91bf00738c8c8539aaf5034f0c6"
-  integrity sha512-Y3pAUzHKh605fN6fvASsz5FDSWbZcs/65Q6xYRmnIP9ZIYz27T4IOmXfH9gWJV1dpi7f1e7z7nBGUTx/a0ptpA==
+"@types/mdast@4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-4.0.0.tgz#9f9462d4584a8b3e3711ea8bb4a94c485559ab90"
+  integrity sha512-YLeG8CujC9adtj/kuDzq1N4tCDYKoZ5l/bnjq8d74+t/3q/tHquJOJKUQXJrLCflOHpKjXgcI/a929gpmLOEng==
+  dependencies:
+    "@types/unist" "*"
 
 "@types/mdast@^3.0.0":
   version "3.0.10"
@@ -3460,11 +3782,6 @@
   dependencies:
     "@types/unist" "*"
 
-"@types/mdx@^2.0.0":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@types/mdx/-/mdx-2.0.2.tgz#64be19baddba4323ae7893e077e98759316fe279"
-  integrity sha512-mJGfgj4aWpiKb8C0nnJJchs1sHBHn0HugkVfqqyQi7Wn6mBRksLeQsPOFvih/Pu8L1vlDzfe/LidhVHBeUk3aQ==
-
 "@types/mime@*":
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/@types/mime/-/mime-3.0.1.tgz#5f8f2bca0a5863cb69bc0b0acd88c96cb1d4ae10"
@@ -3485,10 +3802,10 @@
   resolved "https://registry.yarnpkg.com/@types/mocha/-/mocha-10.0.1.tgz#2f4f65bb08bc368ac39c96da7b2f09140b26851b"
   integrity sha512-/fvYntiO1GeICvqbQ3doGDIP97vWmvFt83GKguJ6prmQM2iXZfFcq6YE8KteFyRtX2/h5Hf91BYvPodJKFYv5Q==
 
-"@types/node@*", "@types/node@>=10.0.0", "@types/node@>=12", "@types/node@>=12.0.0", "@types/node@^14.0.1", "@types/node@^14.14.35", "@types/node@^18.17.1":
-  version "18.17.1"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.17.1.tgz#84c32903bf3a09f7878c391d31ff08f6fe7d8335"
-  integrity sha512-xlR1jahfizdplZYRU59JlUx9uzF1ARa8jbhM11ccpCJya8kvos5jwdm2ZAgxSCwOl0fq21svP18EVwPBXMQudw==
+"@types/node@*", "@types/node@>=10.0.0", "@types/node@>=12", "@types/node@>=12.0.0", "@types/node@^14.0.1", "@types/node@^14.14.35", "@types/node@^18.17.18":
+  version "18.17.18"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.17.18.tgz#acae19ad9011a2ab3d792232501c95085ba1838f"
+  integrity sha512-/4QOuy3ZpV7Ya1GTRz5CYSz3DgkKpyUptXuQ5PPce7uuyJAOR7r9FhkmxJfvcNUXyklbC63a+YvB3jxy7s9ngw==
 
 "@types/normalize-package-data@^2.4.0", "@types/normalize-package-data@^2.4.1":
   version "2.4.1"
@@ -3535,7 +3852,7 @@
   resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
   integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
 
-"@types/react-dom@^18.0.0", "@types/react-dom@^18.2.7":
+"@types/react-dom@18.2.7", "@types/react-dom@^18.0.0", "@types/react-dom@^18.2.7":
   version "18.2.7"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.7.tgz#67222a08c0a6ae0a0da33c3532348277c70abb63"
   integrity sha512-GRaAEriuT4zp9N4p1i8BDBYmEyfo+xQ3yHjJU4eiK5NDa1RmUZG+unZABUTK4/Ox/M+GaHwb6Ow8rUITrtjszA==
@@ -3565,10 +3882,10 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react-test-renderer@^18.0.0":
-  version "18.0.0"
-  resolved "https://registry.yarnpkg.com/@types/react-test-renderer/-/react-test-renderer-18.0.0.tgz#7b7f69ca98821ea5501b21ba24ea7b6139da2243"
-  integrity sha512-C7/5FBJ3g3sqUahguGi03O79b8afNeSD6T8/GU50oQrJCU0bVCCGQHaGKUbg2Ce8VQEEqTw8/HiS6lXHHdgkdQ==
+"@types/react-test-renderer@^18.0.1":
+  version "18.0.1"
+  resolved "https://registry.yarnpkg.com/@types/react-test-renderer/-/react-test-renderer-18.0.1.tgz#d3f308912fcc4491e4fbc134b906bb65bdee73f6"
+  integrity sha512-LjEF+jTUCjzd+Qq4eWqsmZvEWPA/l4L0my+YWN5US8Fo3wZOMiyrpBshHDFbkO8usjdO1B430mEWNU/i1MF7Qg==
   dependencies:
     "@types/react" "*"
 
@@ -3586,22 +3903,15 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@>=16", "@types/react@^16", "@types/react@^18.2.17":
-  version "18.2.17"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.17.tgz#baa565b17ddb649c2dac85b5eaf9e9a1fe0f3b4e"
-  integrity sha512-u+e7OlgPPh+aryjOm5UJMX32OvB2E3QASOAqVMY6Ahs90djagxwv2ya0IctglNbNTexC12qCSMZG47KPfy1hAA==
+"@types/react@*", "@types/react@18.2.21", "@types/react@^16", "@types/react@^18.2.21":
+  version "18.2.21"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.21.tgz#774c37fd01b522d0b91aed04811b58e4e0514ed9"
+  integrity sha512-neFKG/sBAwGxHgXiIxnbm3/AAVQ/cMRS93hvBpg8xYRbeQSPVABp9U2bRnPf0iI4+Ucdv3plSxKK+3CW2ENJxA==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
     csstype "^3.0.2"
 
-"@types/recharts@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@types/recharts/-/recharts-2.0.0.tgz#2fe20913b5d69b0fc0202c32ee7d9ffbfb36ac7a"
-  integrity sha512-O9iWQ9y0nu/EFslfBed6fZYJGzyjeSV+nv6S5UTLcoPVpeCUBJ1gap6VGfbYJJ59n+xQpVQnkaYZzhWmg8hifw==
-  dependencies:
-    recharts "*"
-
 "@types/resolve@0.0.8":
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194"
@@ -3639,10 +3949,10 @@
     "@types/mime" "*"
     "@types/node" "*"
 
-"@types/sinon@^10.0.15":
-  version "10.0.15"
-  resolved "https://registry.yarnpkg.com/@types/sinon/-/sinon-10.0.15.tgz#513fded9c3cf85e589bbfefbf02b2a0541186b48"
-  integrity sha512-3lrFNQG0Kr2LDzvjyjB6AMJk4ge+8iYhQfdnSwIwlG88FUOV43kPcQqDZkDa/h3WSZy6i8Fr0BSjfQtB1B3xuQ==
+"@types/sinon@^10.0.16":
+  version "10.0.16"
+  resolved "https://registry.yarnpkg.com/@types/sinon/-/sinon-10.0.16.tgz#4bf10313bd9aa8eef1e50ec9f4decd3dd455b4d3"
+  integrity sha512-j2Du5SYpXZjJVJtXBokASpPRj+e2z+VUhCPHmM6WMfe3dpHu6iVKJMU6AiBcMp/XTAYnEj6Wc1trJUWwZ0QaAQ==
   dependencies:
     "@types/sinonjs__fake-timers" "*"
 
@@ -3651,10 +3961,15 @@
   resolved "https://registry.yarnpkg.com/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.2.tgz#bf2e02a3dbd4aecaf95942ecd99b7402e03fad5e"
   integrity sha512-9GcLXF0/v3t80caGs5p2rRfkB+a8VBGLJZVih6CNFkx8IZ994wiKKLSRs9nuFwk1HevWs/1mnUmkApGrSGsShA==
 
-"@types/styled-components@5.1.26":
-  version "5.1.26"
-  resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.26.tgz#5627e6812ee96d755028a98dae61d28e57c233af"
-  integrity sha512-KuKJ9Z6xb93uJiIyxo/+ksS7yLjS1KzG6iv5i78dhVg/X3u5t1H7juRWqVmodIdz6wGVaIApo1u01kmFRdJHVw==
+"@types/source-list-map@*":
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
+  integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==
+
+"@types/styled-components@5.1.27", "@types/styled-components@^5.1.27":
+  version "5.1.27"
+  resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.27.tgz#1915eedba0d52f26ba5a383fccb7fe50e2e71106"
+  integrity sha512-oY9c1SdztRRF0QDQdwXEenfAjGN4WGUkaMpx5hvdTbYYqw01qoY2GrHi+kAR6SVofynzD6KbGoF5ITP0zh5pvg==
   dependencies:
     "@types/hoist-non-react-statics" "*"
     "@types/react" "*"
@@ -3667,21 +3982,28 @@
   dependencies:
     csstype "^3.0.2"
 
-"@types/stylis@^4.2.0":
+"@types/stylis@^4.0.2", "@types/stylis@^4.2.0":
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/@types/stylis/-/stylis-4.2.0.tgz#199a3f473f0c3a6f6e4e1b17cdbc967f274bdc6b"
   integrity sha512-n4sx2bqL0mW1tvDf/loQ+aMX7GQD3lc3fkCMC55VFNDu/vBOabO+LTIeXKM14xK0ppk5TUGcWRjiSpIlUpghKw==
 
-"@types/tough-cookie@*":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.2.tgz#6286b4c7228d58ab7866d19716f3696e03a09397"
-  integrity sha512-Q5vtl1W5ue16D+nIaW8JWebSSraJVlK+EthKn7e7UcD4KWsaSJ8BqGPXNaPghgtcn/fhvrN17Tv8ksUsQpiplw==
+"@types/tapable@^1":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.8.tgz#b94a4391c85666c7b73299fd3ad79d4faa435310"
+  integrity sha512-ipixuVrh2OdNmauvtT51o3d8z12p6LtFW9in7U79der/kwejjdNchQC5UMn5u/KxNoM7VHHOs/l8KS8uHxhODQ==
 
 "@types/tsscmp@^1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@types/tsscmp/-/tsscmp-1.0.0.tgz#761c885a530f9673ae6fda0cae38253ffd46cba6"
   integrity sha512-rj18XR6c4Ohds86Lq8MI1NMRrXes4eLo4H06e5bJyKucE1rXGsfBBbFGD2oDC+DSufQCpnU3TTW7QAiwLx+7Yw==
 
+"@types/uglify-js@*":
+  version "3.17.1"
+  resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.17.1.tgz#e0ffcef756476410e5bce2cb01384ed878a195b5"
+  integrity sha512-GkewRA4i5oXacU/n4MA9+bLgt5/L3F1mKrYvFGm7r2ouLXhRKjuWwo9XHNnbx6WF3vlGW21S3fCvgqxvxXXc5g==
+  dependencies:
+    source-map "^0.6.1"
+
 "@types/unist@*", "@types/unist@^2.0.0", "@types/unist@^2.0.2":
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.6.tgz#250a7b16c3b91f672a24552ec64678eeb1d3a08d"
@@ -3692,19 +4014,31 @@
   resolved "https://registry.yarnpkg.com/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz#b6725d5f4af24ace33b36fafd295136e75509f43"
   integrity sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==
 
-"@types/uuid@^9.0.2":
-  version "9.0.2"
-  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-9.0.2.tgz#ede1d1b1e451548d44919dc226253e32a6952c4b"
-  integrity sha512-kNnC1GFBLuhImSnV7w4njQkUiJi0ZXUycu1rUaouPqiKlXkh77JKgdRnTAp1x5eBwcIwbtI+3otwzuIDEuDoxQ==
+"@types/uuid@^9.0.3":
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-9.0.3.tgz#6cdd939b4316b4f81625de9f06028d848c4a1533"
+  integrity sha512-taHQQH/3ZyI3zP8M/puluDEIEvtQHVYcC6y3N8ijFtAd28+Ey/G4sg1u2gB01S8MwybLOKAp9/yCMu/uR5l3Ug==
 
-"@types/webpack@^5.28.1":
-  version "5.28.1"
-  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-5.28.1.tgz#c369baeff31abe54b45f7f29997e1623604198d6"
-  integrity sha512-qw1MqGZclCoBrpiSe/hokSgQM/su8Ocpl3L/YHE0L6moyaypg4+5F7Uzq7NgaPKPxUxUbQ4fLPLpDWdR27bCZw==
+"@types/webpack-sources@*":
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-3.2.0.tgz#16d759ba096c289034b26553d2df1bf45248d38b"
+  integrity sha512-Ft7YH3lEVRQ6ls8k4Ff1oB4jN6oy/XmU6tQISKdhfh+1mR+viZFphS6WL0IrtDOzvefmJg5a0s7ZQoRXwqTEFg==
   dependencies:
     "@types/node" "*"
-    tapable "^2.2.0"
-    webpack "^5"
+    "@types/source-list-map" "*"
+    source-map "^0.7.3"
+
+"@types/webpack@^4":
+  version "4.41.33"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.33.tgz#16164845a5be6a306bcbe554a8e67f9cac215ffc"
+  integrity sha512-PPajH64Ft2vWevkerISMtnZ8rTs4YmRbs+23c402J0INmxDKCrhZNvwZYtzx96gY2wAtXdrK1BS2fiC8MlLr3g==
+  dependencies:
+    "@types/node" "*"
+    "@types/tapable" "^1"
+    "@types/uglify-js" "*"
+    "@types/webpack-sources" "*"
+    anymatch "^3.0.0"
+    source-map "^0.6.0"
 
 "@types/ws@^7.4.7":
   version "7.4.7"
@@ -3725,50 +4059,49 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.2.1.tgz#41b79923fee46a745a3a50cba1c33c622aa3c79a"
-  integrity sha512-iZVM/ALid9kO0+I81pnp1xmYiFyqibAHzrqX4q5YvvVEyJqY+e6rfTXSCsc2jUxGNqJqTfFSSij/NFkZBiBzLw==
+"@typescript-eslint/eslint-plugin@^6.6.0":
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.6.0.tgz#19ba09aa34fd504696445100262e5a9e1b1d7024"
+  integrity sha512-CW9YDGTQnNYMIo5lMeuiIG08p4E0cXrXTbcZ2saT/ETE7dWUrNxlijsQeU04qAAKkILiLzdQz+cGFxCJjaZUmA==
   dependencies:
     "@eslint-community/regexpp" "^4.5.1"
-    "@typescript-eslint/scope-manager" "6.2.1"
-    "@typescript-eslint/type-utils" "6.2.1"
-    "@typescript-eslint/utils" "6.2.1"
-    "@typescript-eslint/visitor-keys" "6.2.1"
+    "@typescript-eslint/scope-manager" "6.6.0"
+    "@typescript-eslint/type-utils" "6.6.0"
+    "@typescript-eslint/utils" "6.6.0"
+    "@typescript-eslint/visitor-keys" "6.6.0"
     debug "^4.3.4"
     graphemer "^1.4.0"
     ignore "^5.2.4"
     natural-compare "^1.4.0"
-    natural-compare-lite "^1.4.0"
     semver "^7.5.4"
     ts-api-utils "^1.0.1"
 
-"@typescript-eslint/parser@^6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.2.1.tgz#e18a31eea1cca8841a565f1701960c8123ed07f9"
-  integrity sha512-Ld+uL1kYFU8e6btqBFpsHkwQ35rw30IWpdQxgOqOh4NfxSDH6uCkah1ks8R/RgQqI5hHPXMaLy9fbFseIe+dIg==
+"@typescript-eslint/parser@^6.6.0":
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.6.0.tgz#fe323a7b4eafb6d5ea82b96216561810394a739e"
+  integrity sha512-setq5aJgUwtzGrhW177/i+DMLqBaJbdwGj2CPIVFFLE0NCliy5ujIdLHd2D1ysmlmsjdL2GWW+hR85neEfc12w==
   dependencies:
-    "@typescript-eslint/scope-manager" "6.2.1"
-    "@typescript-eslint/types" "6.2.1"
-    "@typescript-eslint/typescript-estree" "6.2.1"
-    "@typescript-eslint/visitor-keys" "6.2.1"
+    "@typescript-eslint/scope-manager" "6.6.0"
+    "@typescript-eslint/types" "6.6.0"
+    "@typescript-eslint/typescript-estree" "6.6.0"
+    "@typescript-eslint/visitor-keys" "6.6.0"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.2.1.tgz#b6f43a867b84e5671fe531f2b762e0b68f7cf0c4"
-  integrity sha512-UCqBF9WFqv64xNsIEPfBtenbfodPXsJ3nPAr55mGPkQIkiQvgoWNo+astj9ZUfJfVKiYgAZDMnM6dIpsxUMp3Q==
+"@typescript-eslint/scope-manager@6.6.0":
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.6.0.tgz#57105d4419d6de971f7d2c30a2ff4ac40003f61a"
+  integrity sha512-pT08u5W/GT4KjPUmEtc2kSYvrH8x89cVzkA0Sy2aaOUIw6YxOIjA8ilwLr/1fLjOedX1QAuBpG9XggWqIIfERw==
   dependencies:
-    "@typescript-eslint/types" "6.2.1"
-    "@typescript-eslint/visitor-keys" "6.2.1"
+    "@typescript-eslint/types" "6.6.0"
+    "@typescript-eslint/visitor-keys" "6.6.0"
 
-"@typescript-eslint/type-utils@6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.2.1.tgz#8eb8a2cccdf39cd7cf93e02bd2c3782dc90b0525"
-  integrity sha512-fTfCgomBMIgu2Dh2Or3gMYgoNAnQm3RLtRp+jP7A8fY+LJ2+9PNpi5p6QB5C4RSP+U3cjI0vDlI3mspAkpPVbQ==
+"@typescript-eslint/type-utils@6.6.0":
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.6.0.tgz#14f651d13b884915c4fca0d27adeb652a4499e86"
+  integrity sha512-8m16fwAcEnQc69IpeDyokNO+D5spo0w1jepWWY2Q6y5ZKNuj5EhVQXjtVAeDDqvW6Yg7dhclbsz6rTtOvcwpHg==
   dependencies:
-    "@typescript-eslint/typescript-estree" "6.2.1"
-    "@typescript-eslint/utils" "6.2.1"
+    "@typescript-eslint/typescript-estree" "6.6.0"
+    "@typescript-eslint/utils" "6.6.0"
     debug "^4.3.4"
     ts-api-utils "^1.0.1"
 
@@ -3777,18 +4110,18 @@
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.62.0.tgz#258607e60effa309f067608931c3df6fed41fd2f"
   integrity sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==
 
-"@typescript-eslint/types@6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.2.1.tgz#7fcdeceb503aab601274bf5e210207050d88c8ab"
-  integrity sha512-528bGcoelrpw+sETlyM91k51Arl2ajbNT9L4JwoXE2dvRe1yd8Q64E4OL7vHYw31mlnVsf+BeeLyAZUEQtqahQ==
+"@typescript-eslint/types@6.6.0":
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.6.0.tgz#95e7ea650a2b28bc5af5ea8907114a48f54618c2"
+  integrity sha512-CB6QpJQ6BAHlJXdwUmiaXDBmTqIE2bzGTDLADgvqtHWuhfNP3rAOK7kAgRMAET5rDRr9Utt+qAzRBdu3AhR3sg==
 
-"@typescript-eslint/typescript-estree@6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.2.1.tgz#2af6e90c1e91cb725a5fe1682841a3f74549389e"
-  integrity sha512-G+UJeQx9AKBHRQBpmvr8T/3K5bJa485eu+4tQBxFq0KoT22+jJyzo1B50JDT9QdC1DEmWQfdKsa8ybiNWYsi0Q==
+"@typescript-eslint/typescript-estree@6.6.0":
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.6.0.tgz#373c420d2e12c28220f4a83352280a04823a91b7"
+  integrity sha512-hMcTQ6Al8MP2E6JKBAaSxSVw5bDhdmbCEhGW/V8QXkb9oNsFkA4SBuOMYVPxD3jbtQ4R/vSODBsr76R6fP3tbA==
   dependencies:
-    "@typescript-eslint/types" "6.2.1"
-    "@typescript-eslint/visitor-keys" "6.2.1"
+    "@typescript-eslint/types" "6.6.0"
+    "@typescript-eslint/visitor-keys" "6.6.0"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
@@ -3808,17 +4141,17 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.2.1.tgz#2aa4279ec13053d05615bcbde2398e1e8f08c334"
-  integrity sha512-eBIXQeupYmxVB6S7x+B9SdBeB6qIdXKjgQBge2J+Ouv8h9Cxm5dHf/gfAZA6dkMaag+03HdbVInuXMmqFB/lKQ==
+"@typescript-eslint/utils@6.6.0":
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.6.0.tgz#2d686c0f0786da6362d909e27a9de1c13ba2e7dc"
+  integrity sha512-mPHFoNa2bPIWWglWYdR0QfY9GN0CfvvXX1Sv6DlSTive3jlMTUy+an67//Gysc+0Me9pjitrq0LJp0nGtLgftw==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
     "@types/json-schema" "^7.0.12"
     "@types/semver" "^7.5.0"
-    "@typescript-eslint/scope-manager" "6.2.1"
-    "@typescript-eslint/types" "6.2.1"
-    "@typescript-eslint/typescript-estree" "6.2.1"
+    "@typescript-eslint/scope-manager" "6.6.0"
+    "@typescript-eslint/types" "6.6.0"
+    "@typescript-eslint/typescript-estree" "6.6.0"
     semver "^7.5.4"
 
 "@typescript-eslint/visitor-keys@5.62.0":
@@ -3829,12 +4162,12 @@
     "@typescript-eslint/types" "5.62.0"
     eslint-visitor-keys "^3.3.0"
 
-"@typescript-eslint/visitor-keys@6.2.1":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.2.1.tgz#442e7c09fe94b715a54ebe30e967987c3c41fbf4"
-  integrity sha512-iTN6w3k2JEZ7cyVdZJTVJx2Lv7t6zFA8DCrJEHD2mwfc16AEvvBWVhbFh34XyG2NORCd0viIgQY1+u7kPI0WpA==
+"@typescript-eslint/visitor-keys@6.6.0":
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.6.0.tgz#1109088b4346c8b2446f3845db526374d9a3bafc"
+  integrity sha512-L61uJT26cMOfFQ+lMZKoJNbAEckLe539VhTxiGHrWl5XSKQgA0RTBZJW2HFPy5T0ZvPVSD93QsrTKDkfNwJGyQ==
   dependencies:
-    "@typescript-eslint/types" "6.2.1"
+    "@typescript-eslint/types" "6.6.0"
     eslint-visitor-keys "^3.4.1"
 
 "@webassemblyjs/ast@1.11.6", "@webassemblyjs/ast@^1.11.5":
@@ -3958,22 +4291,20 @@
     "@webassemblyjs/ast" "1.11.6"
     "@xtuc/long" "4.2.2"
 
-"@webpack-cli/configtest@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@webpack-cli/configtest/-/configtest-1.2.0.tgz#7b20ce1c12533912c3b217ea68262365fa29a6f5"
-  integrity sha512-4FB8Tj6xyVkyqjj1OaTqCjXYULB9FMkqQ8yGrZjRDrYh0nOE+7Lhs45WioWQQMV+ceFlE368Ukhe6xdvJM9Egg==
+"@webpack-cli/configtest@^2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/configtest/-/configtest-2.1.1.tgz#3b2f852e91dac6e3b85fb2a314fb8bef46d94646"
+  integrity sha512-wy0mglZpDSiSS0XHrVR+BAdId2+yxPSoJW8fsna3ZpYSlufjvxnP4YbKTCBZnNIcGN4r6ZPXV55X4mYExOfLmw==
 
-"@webpack-cli/info@^1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@webpack-cli/info/-/info-1.5.0.tgz#6c78c13c5874852d6e2dd17f08a41f3fe4c261b1"
-  integrity sha512-e8tSXZpw2hPl2uMJY6fsMswaok5FdlGNRTktvFk2sD8RjH0hE2+XistawJx1vmKteh4NmGmNUrp+Tb2w+udPcQ==
-  dependencies:
-    envinfo "^7.7.3"
+"@webpack-cli/info@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/info/-/info-2.0.2.tgz#cc3fbf22efeb88ff62310cf885c5b09f44ae0fdd"
+  integrity sha512-zLHQdI/Qs1UyT5UBdWNqsARasIA+AaF8t+4u2aS2nEpBQh2mWIVb8qAklq0eUENnC5mOItrIB4LiS9xMtph18A==
 
-"@webpack-cli/serve@^1.7.0":
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-1.7.0.tgz#e1993689ac42d2b16e9194376cfb6753f6254db1"
-  integrity sha512-oxnCNGj88fL+xzV+dacXs44HcDwf1ovs3AuEzvP7mqXw7fQntqIhQ1BRmynh4qEKQSSSRSWVyXRjmTbZIX9V2Q==
+"@webpack-cli/serve@^2.0.5":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-2.0.5.tgz#325db42395cd49fe6c14057f9a900e427df8810e"
+  integrity sha512-lqaoKnRYBdo1UgDX8uF24AfGMifWK19TxPmM5FHc2vAGxrJ/qtyUyFBWoY1tISZdelsQ5fBcOusifo5o5wSJxQ==
 
 "@xtuc/ieee754@^1.2.0":
   version "1.2.0"
@@ -4080,6 +4411,13 @@ agent-base@^4.3.0:
   dependencies:
     es6-promisify "^5.0.0"
 
+agent-base@^7.0.2:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-7.1.0.tgz#536802b76bc0b34aa50195eb2442276d613e3434"
+  integrity sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==
+  dependencies:
+    debug "^4.3.4"
+
 agentkeepalive@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-4.2.1.tgz#a7975cbb9f83b367f06c90cc51ff28fe7d499717"
@@ -4159,25 +4497,25 @@ ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-algoliasearch@^4.0.0:
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-4.14.2.tgz#63f142583bfc3a9bd3cd4a1b098bf6fe58e56f6c"
-  integrity sha512-ngbEQonGEmf8dyEh5f+uOIihv4176dgbuOZspiuhmTTBRBuzWu3KCGHre6uHj5YyuC7pNvQGzB6ZNJyZi0z+Sg==
-  dependencies:
-    "@algolia/cache-browser-local-storage" "4.14.2"
-    "@algolia/cache-common" "4.14.2"
-    "@algolia/cache-in-memory" "4.14.2"
-    "@algolia/client-account" "4.14.2"
-    "@algolia/client-analytics" "4.14.2"
-    "@algolia/client-common" "4.14.2"
-    "@algolia/client-personalization" "4.14.2"
-    "@algolia/client-search" "4.14.2"
-    "@algolia/logger-common" "4.14.2"
-    "@algolia/logger-console" "4.14.2"
-    "@algolia/requester-browser-xhr" "4.14.2"
-    "@algolia/requester-common" "4.14.2"
-    "@algolia/requester-node-http" "4.14.2"
-    "@algolia/transporter" "4.14.2"
+algoliasearch@^4.19.1:
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-4.19.1.tgz#18111fb422eaf841737adb92d5ab12133d244218"
+  integrity sha512-IJF5b93b2MgAzcE/tuzW0yOPnuUyRgGAtaPv5UUywXM8kzqfdwZTO4sPJBzoGz1eOy6H9uEchsJsBFTELZSu+g==
+  dependencies:
+    "@algolia/cache-browser-local-storage" "4.19.1"
+    "@algolia/cache-common" "4.19.1"
+    "@algolia/cache-in-memory" "4.19.1"
+    "@algolia/client-account" "4.19.1"
+    "@algolia/client-analytics" "4.19.1"
+    "@algolia/client-common" "4.19.1"
+    "@algolia/client-personalization" "4.19.1"
+    "@algolia/client-search" "4.19.1"
+    "@algolia/logger-common" "4.19.1"
+    "@algolia/logger-console" "4.19.1"
+    "@algolia/requester-browser-xhr" "4.19.1"
+    "@algolia/requester-common" "4.19.1"
+    "@algolia/requester-node-http" "4.19.1"
+    "@algolia/transporter" "4.19.1"
 
 ansi-align@^3.0.1:
   version "3.0.1"
@@ -4252,10 +4590,10 @@ any-promise@^1.0.0:
   resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
   integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
 
-anymatch@~3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
-  integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
+anymatch@^3.0.0, anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
   dependencies:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
@@ -4402,11 +4740,6 @@ array-differ@^3.0.0:
   resolved "https://registry.yarnpkg.com/array-differ/-/array-differ-3.0.0.tgz#3cbb3d0f316810eafcc47624734237d6aee4ae6b"
   integrity sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==
 
-array-find@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/array-find/-/array-find-1.0.0.tgz#6c8e286d11ed768327f8e62ecee87353ca3e78b8"
-  integrity sha512-kO/vVCacW9mnpn3WPWbTVlEnOabK2L7LWi2HViURtCM46y1zb6I8UMjx4LgbiqadTgHnLInUronwn3ampNTJtQ==
-
 array-flatten@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
@@ -4459,14 +4792,14 @@ array.prototype.filter@^1.0.0:
     es-array-method-boxes-properly "^1.0.0"
     is-string "^1.0.7"
 
-array.prototype.find@^2.1.1:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/array.prototype.find/-/array.prototype.find-2.2.0.tgz#153b8a28ad8965cd86d3117b07e6596af6f2880d"
-  integrity sha512-sn40qmUiLYAcRb/1HsIQjTTZ1kCy8II8VtZJpMn2Aoen9twULhbWXisfh3HimGqMlHGUul0/TfKCnXg42LuPpQ==
+array.prototype.find@^2.1.1, array.prototype.find@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/array.prototype.find/-/array.prototype.find-2.2.1.tgz#769b8182a0b535c3d76ac025abab98ba1e12467b"
+  integrity sha512-I2ri5Z9uMpMvnsNrHre9l3PaX+z9D0/z6F7Yt2u15q7wt0I62g5kX6xUKR1SJiefgG+u2/gJUmM8B47XRvQR6w==
   dependencies:
     call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.4"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
     es-shim-unscopables "^1.0.0"
 
 array.prototype.findlastindex@^1.2.2:
@@ -4550,7 +4883,7 @@ arrify@^1.0.1:
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
   integrity sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==
 
-arrify@^2.0.0, arrify@^2.0.1:
+arrify@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-2.0.1.tgz#c9655e9331e0abcd588d2a7cad7e9956f66701fa"
   integrity sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==
@@ -4635,6 +4968,13 @@ async@^3.2.3:
   resolved "https://registry.yarnpkg.com/async/-/async-3.2.4.tgz#2d22e00f8cddeb5fde5dd33522b56d1cf569a81c"
   integrity sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==
 
+asynciterator.prototype@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz#8c5df0514936cdd133604dfcc9d3fb93f09b2b62"
+  integrity sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==
+  dependencies:
+    has-symbols "^1.0.3"
+
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
@@ -4645,13 +4985,13 @@ atob@^2.1.2:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
-autoprefixer@^10.4.14:
-  version "10.4.14"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.14.tgz#e28d49902f8e759dd25b153264e862df2705f79d"
-  integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
+autoprefixer@^10.4.15:
+  version "10.4.15"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.15.tgz#a1230f4aeb3636b89120b34a1f513e2f6834d530"
+  integrity sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==
   dependencies:
-    browserslist "^4.21.5"
-    caniuse-lite "^1.0.30001464"
+    browserslist "^4.21.10"
+    caniuse-lite "^1.0.30001520"
     fraction.js "^4.2.0"
     normalize-range "^0.1.2"
     picocolors "^1.0.0"
@@ -4669,10 +5009,10 @@ available-typed-arrays@^1.0.5:
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
   integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
 
-aws-sdk@^2.1009.0, aws-sdk@^2.1425.0:
-  version "2.1425.0"
-  resolved "https://registry.yarnpkg.com/aws-sdk/-/aws-sdk-2.1425.0.tgz#2c6d9f295720e16fae9de6131b4d495219944ba5"
-  integrity sha512-DbY5z7E8RsrX8/0pMBKMuh/rWFic3AghtU2AWkUdzxDi0cUSK7rOSPS/OIURU9Rh0jaNXoA0ujBDdx/CC5CvRA==
+aws-sdk@^2.1009.0, aws-sdk@^2.1450.0:
+  version "2.1450.0"
+  resolved "https://registry.yarnpkg.com/aws-sdk/-/aws-sdk-2.1450.0.tgz#d54a0bfc6d54391b3d39ff73c0398f435082c14c"
+  integrity sha512-EfZLImJ0XNuIdlx5McHX0rJbOiQHz+vEjnpGV08gXSzaq2cN3vSjE+L2Dju7KmaIh85FTYvLOf2REUuCLDpSRg==
   dependencies:
     buffer "4.9.2"
     events "1.1.1"
@@ -4755,6 +5095,14 @@ babel-loader@^9.1.3:
     find-cache-dir "^4.0.0"
     schema-utils "^4.0.0"
 
+babel-merge@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/babel-merge/-/babel-merge-3.0.0.tgz#9bd368d48116dab18b8f3e8022835479d80f3b50"
+  integrity sha512-eBOBtHnzt9xvnjpYNI5HmaPp/b2vMveE5XggzqHnQeHJ8mFIBrBv6WZEVIj5jJ2uwTItkqKo9gWzEEcBxEq0yw==
+  dependencies:
+    deepmerge "^2.2.1"
+    object.omit "^3.0.0"
+
 babel-plugin-istanbul@^6.1.1:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
@@ -4798,29 +5146,29 @@ babel-plugin-optimize-clsx@^2.6.2:
     lodash "^4.17.15"
     object-hash "^2.0.3"
 
-babel-plugin-polyfill-corejs2@^0.4.4:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.4.tgz#9f9a0e1cd9d645cc246a5e094db5c3aa913ccd2b"
-  integrity sha512-9WeK9snM1BfxB38goUEv2FLnA6ja07UMfazFHzCXUb3NyDZAwfXvQiURQ6guTTMeHcOsdknULm1PDhs4uWtKyA==
+babel-plugin-polyfill-corejs2@^0.4.5:
+  version "0.4.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz#8097b4cb4af5b64a1d11332b6fb72ef5e64a054c"
+  integrity sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==
   dependencies:
     "@babel/compat-data" "^7.22.6"
-    "@babel/helper-define-polyfill-provider" "^0.4.1"
-    "@nicolo-ribaudo/semver-v6" "^6.3.3"
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+    semver "^6.3.1"
 
-babel-plugin-polyfill-corejs3@^0.8.2:
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.2.tgz#d406c5738d298cd9c66f64a94cf8d5904ce4cc5e"
-  integrity sha512-Cid+Jv1BrY9ReW9lIfNlNpsI53N+FN7gE+f73zLAUbr9C52W4gKLWSByx47pfDJsEysojKArqOtOKZSVIIUTuQ==
+babel-plugin-polyfill-corejs3@^0.8.3:
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.3.tgz#b4f719d0ad9bb8e0c23e3e630c0c8ec6dd7a1c52"
+  integrity sha512-z41XaniZL26WLrvjy7soabMXrfPWARN25PZoriDEiLMxAp50AUW3t35BGQUMg5xK3UrpVTtagIDklxYa+MhiNA==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.4.1"
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
     core-js-compat "^3.31.0"
 
-babel-plugin-polyfill-regenerator@^0.5.1:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.1.tgz#ace7a5eced6dff7d5060c335c52064778216afd3"
-  integrity sha512-L8OyySuI6OSQ5hFy9O+7zFjyr4WhAfRjLIOkhQGYl+emwJkd/S4XXT1JpfrgR1jrQ1NcGiOh+yAdGlF8pnC3Jw==
+babel-plugin-polyfill-regenerator@^0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz#80d0f3e1098c080c8b5a65f41e9427af692dc326"
+  integrity sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.4.1"
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
 
 babel-plugin-react-remove-properties@^0.3.0:
   version "0.3.0"
@@ -5046,14 +5394,14 @@ browserify-zlib@^0.1.4:
   dependencies:
     pako "~0.2.0"
 
-browserslist@^4.14.5, browserslist@^4.21.5, browserslist@^4.21.9:
-  version "4.21.9"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.9.tgz#e11bdd3c313d7e2a9e87e8b4b0c7872b13897635"
-  integrity sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==
+browserslist@^4.14.5, browserslist@^4.21.10, browserslist@^4.21.9:
+  version "4.21.10"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.10.tgz#dbbac576628c13d3b2231332cb2ec5a46e015bb0"
+  integrity sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==
   dependencies:
-    caniuse-lite "^1.0.30001503"
-    electron-to-chromium "^1.4.431"
-    node-releases "^2.0.12"
+    caniuse-lite "^1.0.30001517"
+    electron-to-chromium "^1.4.477"
+    node-releases "^2.0.13"
     update-browserslist-db "^1.0.11"
 
 browserstack-local@^1.3.7:
@@ -5349,10 +5697,10 @@ camelize@^1.0.0:
   resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.0.tgz#164a5483e630fa4321e5af07020e531831b2609b"
   integrity sha512-W2lPwkBkMZwFlPCXhIlYgxu+7gC/NUlCtdK652DAJ1JdgV0sTrvuPFshNPrFa1TY2JOkLhgdeEBplB4ezEa+xg==
 
-caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001464, caniuse-lite@^1.0.30001503:
-  version "1.0.30001515"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001515.tgz#418aefeed9d024cd3129bfae0ccc782d4cb8f12b"
-  integrity sha512-eEFDwUOZbE24sb+Ecsx3+OvNETqjWIdabMy52oOkIgcUtAsQifjUG9q4U9dgTHJM2mfk4uEPxc0+xuFdJ629QA==
+caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001517, caniuse-lite@^1.0.30001520:
+  version "1.0.30001522"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001522.tgz#44b87a406c901269adcdb834713e23582dd71856"
+  integrity sha512-TKiyTVZxJGhsTszLuzb+6vUZSjVOAhClszBr2Ta2k9IwtNBT/4dzmL6aywt0HCgEZlmwJzXJd8yNiob6HgwTRg==
 
 caseless@~0.12.0:
   version "0.12.0"
@@ -5364,10 +5712,10 @@ chai-dom@^1.11.0:
   resolved "https://registry.yarnpkg.com/chai-dom/-/chai-dom-1.11.0.tgz#aa3af405b3d9b0470d185b17081ed23ca5fdaeb4"
   integrity sha512-ZzGlEfk1UhHH5+N0t9bDqstOxPEXmn3EyXvtsok5rfXVDOFDJbHVy12rED6ZwkJAUDs2w7/Da4Hlq2LB63kltg==
 
-chai@^4.3.7:
-  version "4.3.7"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-4.3.7.tgz#ec63f6df01829088e8bf55fca839bcd464a8ec51"
-  integrity sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==
+chai@^4.3.7, chai@^4.3.8:
+  version "4.3.8"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-4.3.8.tgz#40c59718ad6928da6629c70496fe990b2bb5b17c"
+  integrity sha512-vX4YvVVtxlfSZ2VecZgFUTU5qPCYsobVI2O9FmwEXBhDigYGQA6jRXCycIs1yJnnWbZ6/+a2zNIF5DfVCcJBFQ==
   dependencies:
     assertion-error "^1.1.0"
     check-error "^1.0.2"
@@ -5415,7 +5763,7 @@ chalk@^1.1.3:
     strip-ansi "^3.0.0"
     supports-color "^2.0.0"
 
-chalk@^2.0.0, chalk@^2.3.0:
+chalk@^2.3.0, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -5694,7 +6042,7 @@ clone@^1.0.2:
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
   integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
 
-clsx@^1.1.0, clsx@^1.1.1, clsx@^1.2.1:
+clsx@^1.1.0, clsx@^1.1.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.2.1.tgz#0ddc4a20a549b59c93a4116bb26f5294ca17dc12"
   integrity sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==
@@ -5759,10 +6107,10 @@ color-support@^1.1.3:
   resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
   integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
 
-color2k@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/color2k/-/color2k-2.0.0.tgz#86992c82e248c29f524023ed0822bc152c4fa670"
-  integrity sha512-DWX9eXOC4fbJNiuvdH4QSHvvfLWyFo9TuFp7V9OzdsbPAdrWAuYc8qvFP2bIQ/LKh4LrAVnJ6vhiQYPvAHdtTg==
+color2k@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/color2k/-/color2k-2.0.2.tgz#ac2b4aea11c822a6bcb70c768b5a289f4fffcebb"
+  integrity sha512-kJhwH5nAwb34tmyuqq/lgjEKzlFXn1U99NlnB6Ws4qVaERcRUYeYP1cBw6BJ4vxaWStAUEef4WMr7WjOCnBt8w==
 
 color@^4.2.3:
   version "4.2.3"
@@ -5822,7 +6170,7 @@ commander@^4.0.0, commander@^4.0.1:
   resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
   integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
 
-commander@^7.0.0, commander@^7.2.0:
+commander@^7.2.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
   integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
@@ -5918,10 +6266,10 @@ concat-stream@^2.0.0:
     readable-stream "^3.0.2"
     typedarray "^0.0.6"
 
-concurrently@^8.2.0:
-  version "8.2.0"
-  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-8.2.0.tgz#cdc9f621a4d913366600355d68254df2c5e782f3"
-  integrity sha512-nnLMxO2LU492mTUj9qX/az/lESonSZu81UznYDoXtz1IQf996ixVqPAgHXwvHiHCAef/7S8HIK+fTFK7Ifk8YA==
+concurrently@^8.2.1:
+  version "8.2.1"
+  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-8.2.1.tgz#bcab9cacc38c23c503839583151e0fa96fd5b584"
+  integrity sha512-nVraf3aXOpIcNud5pB9M82p1tynmZkrSGQ1p6X/VY8cJ+2LMVqAgXsJxYYefACSHbTYlm92O1xuhdGTjwoEvbQ==
   dependencies:
     chalk "^4.1.2"
     date-fns "^2.30.0"
@@ -5933,7 +6281,7 @@ concurrently@^8.2.0:
     tree-kill "^1.2.2"
     yargs "^17.7.2"
 
-confusing-browser-globals@^1.0.10, confusing-browser-globals@^1.0.11:
+confusing-browser-globals@^1.0.10:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz#ae40e9b57cdd3915408a2805ebd3a5585608dc81"
   integrity sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==
@@ -6085,6 +6433,11 @@ core-js-compat@^3.31.0:
   dependencies:
     browserslist "^4.21.9"
 
+core-js-pure@^3.30.2:
+  version "3.32.1"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.32.1.tgz#5775b88f9062885f67b6d7edce59984e89d276f3"
+  integrity sha512-f52QZwkFVDPf7UEQZGHKx6NYxsxmVGJe5DIvbzOdRMJlmT6yv0KDjR8rmy3ngr/t5wU54c7Sp/qIJH0ppbhVpQ==
+
 core-js@^2.6.11, core-js@^2.6.12:
   version "2.6.12"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec"
@@ -6124,7 +6477,7 @@ cosmiconfig@^7.0.0:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
-cosmiconfig@^8.2.0:
+cosmiconfig@^8.0.0, cosmiconfig@^8.2.0:
   version "8.2.0"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-8.2.0.tgz#f7d17c56a590856cd1e7cee98734dca272b0d8fd"
   integrity sha512-3rTMnFJA1tCOPwRxtgF4wd7Ab2qvDbL8jX+3smjIbS4HlZBagTlpERbdN7iAbWlrfxE3M8c27kTwTawQ7st+OQ==
@@ -6282,24 +6635,16 @@ css-select@^5.1.0:
     domutils "^3.0.1"
     nth-check "^2.0.1"
 
-css-to-react-native@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.0.0.tgz#62dbe678072a824a689bcfee011fc96e02a7d756"
-  integrity sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==
+css-to-react-native@^3.0.0, css-to-react-native@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.2.0.tgz#cdd8099f71024e149e4f6fe17a7d46ecd55f1e32"
+  integrity sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==
   dependencies:
     camelize "^1.0.0"
     css-color-keywords "^1.0.0"
     postcss-value-parser "^4.0.2"
 
-css-tree@^1.1.2, css-tree@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
-  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
-  dependencies:
-    mdn-data "2.0.14"
-    source-map "^0.6.1"
-
-css-tree@^2.3.1:
+css-tree@^2.2.1, css-tree@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20"
   integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==
@@ -6307,6 +6652,14 @@ css-tree@^2.3.1:
     mdn-data "2.0.30"
     source-map-js "^1.0.1"
 
+css-tree@~2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.2.1.tgz#36115d382d60afd271e377f9c5f67d02bd48c032"
+  integrity sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==
+  dependencies:
+    mdn-data "2.0.28"
+    source-map-js "^1.0.1"
+
 css-unit-converter@^1.1.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/css-unit-converter/-/css-unit-converter-1.1.2.tgz#4c77f5a1954e6dbff60695ecb214e3270436ab21"
@@ -6340,12 +6693,12 @@ cssjanus@^2.0.1:
   resolved "https://registry.yarnpkg.com/cssjanus/-/cssjanus-2.1.0.tgz#6f99070e0b7cc79f826ea48c63c03cb250713af1"
   integrity sha512-kAijbny3GmdOi9k+QT6DGIXqFvL96aksNlGr4Rhk9qXDZYWUojU4bRc3IHWxdaLNOqgEZHuXoe5Wl2l7dxLW5g==
 
-csso@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
-  integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
+csso@^5.0.5:
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-5.0.5.tgz#f9b7fe6cc6ac0b7d90781bb16d5e9874303e2ca6"
+  integrity sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==
   dependencies:
-    css-tree "^1.1.2"
+    css-tree "~2.2.0"
 
 cssstyle@^3.0.0:
   version "3.0.0"
@@ -6440,10 +6793,10 @@ damerau-levenshtein@^1.0.8:
   resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
   integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
 
-danger@^11.2.7:
-  version "11.2.7"
-  resolved "https://registry.yarnpkg.com/danger/-/danger-11.2.7.tgz#fb1344c09e1db805d9501c2e6a58c8b27dc9921f"
-  integrity sha512-Oqkrh6cqvJx+hVE/UHUFmkw/HqQ4as83lFvj37RDLfRQcJ4f4jnOtcci2heb5ik+NcR0GZwPJksAyfIhOc21ng==
+danger@^11.2.8:
+  version "11.2.8"
+  resolved "https://registry.yarnpkg.com/danger/-/danger-11.2.8.tgz#0e0375a5c311f93be8f53e9be1b44d8c5434b72f"
+  integrity sha512-d3iYhIJmo3V5WatWjsHbFpx/V5nz7fKsM7rQi91f/9CemLCH8wt3Jg1JKsEpiTHUtzNplOpudk0yFsWeHygd/w==
   dependencies:
     "@gitbeaker/node" "^21.3.0"
     "@octokit/rest" "^18.12.0"
@@ -6657,6 +7010,11 @@ deep-is@^0.1.3:
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
+deepmerge@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-2.2.1.tgz#5d3ff22a01c00f645405a2fbc17d0778a1801170"
+  integrity sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==
+
 deepmerge@^4.2.2:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
@@ -6941,10 +7299,15 @@ dot-prop@^5.1.0:
   dependencies:
     is-obj "^2.0.0"
 
-dotenv@~10.0.0:
+dotenv-expand@~10.0.0:
   version "10.0.0"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-10.0.0.tgz#3d4227b8fb95f81096cdd2b66653fb2c7085ba81"
-  integrity sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==
+  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-10.0.0.tgz#12605d00fb0af6d0a592e6558585784032e4ef37"
+  integrity sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==
+
+dotenv@~16.3.1:
+  version "16.3.1"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.3.1.tgz#369034de7d7e5b120972693352a3bf112172cc3e"
+  integrity sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==
 
 dts-critic@latest:
   version "3.3.11"
@@ -7028,10 +7391,10 @@ ejs@^3.1.7:
   dependencies:
     jake "^10.8.5"
 
-electron-to-chromium@^1.4.431:
-  version "1.4.457"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.457.tgz#3fdc7b4f97d628ac6b51e8b4b385befb362fe343"
-  integrity sha512-/g3UyNDmDd6ebeWapmAoiyy+Sy2HyJ+/X8KyvNeHfKRFfHaA2W8oF5fxD5F3tjBDcjpwo0iek6YNgxNXDBoEtA==
+electron-to-chromium@^1.4.477:
+  version "1.4.496"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.496.tgz#a57534b70d2bdee7e1ad7dbd4c91e560cbd08db1"
+  integrity sha512-qeXC3Zbykq44RCrBa4kr8v/dWzYJA8rAwpyh9Qd+NKWoJfjG5vvJqy9XOJ9H4P/lqulZBCgUWAYi+FeK5AuJ8g==
 
 emoji-regex@^10.2.1:
   version "10.2.1"
@@ -7222,7 +7585,7 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.19.0, es-abstract@^1.19.2, es-abstract@^1.19.4, es-abstract@^1.20.1, es-abstract@^1.20.4, es-abstract@^1.21.2:
+es-abstract@^1.19.0, es-abstract@^1.19.2, es-abstract@^1.20.1, es-abstract@^1.20.4, es-abstract@^1.21.2, es-abstract@^1.21.3:
   version "1.22.1"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.1.tgz#8b4e5fc5cefd7f1660f0f8e1a52900dfbc9d9ccc"
   integrity sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==
@@ -7287,6 +7650,26 @@ es-get-iterator@^1.0.2, es-get-iterator@^1.1.2:
     isarray "^2.0.5"
     stop-iteration-iterator "^1.0.0"
 
+es-iterator-helpers@^1.0.12:
+  version "1.0.13"
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.13.tgz#72101046ffc19baf9996adc70e6177a26e6e8084"
+  integrity sha512-LK3VGwzvaPWobO8xzXXGRUOGw8Dcjyfk62CsY/wfHN75CwsJPbuypOYJxK6g5RyEL8YDjIWcl6jgd8foO6mmrA==
+  dependencies:
+    asynciterator.prototype "^1.0.0"
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.21.3"
+    es-set-tostringtag "^2.0.1"
+    function-bind "^1.1.1"
+    get-intrinsic "^1.2.1"
+    globalthis "^1.0.3"
+    has-property-descriptors "^1.0.0"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.5"
+    iterator.prototype "^1.1.0"
+    safe-array-concat "^1.0.0"
+
 es-module-lexer@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.2.1.tgz#ba303831f63e6a394983fde2f97ad77b22324527"
@@ -7339,6 +7722,34 @@ es6-promisify@^5.0.0:
   dependencies:
     es6-promise "^4.0.3"
 
+esbuild@^0.18.10:
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.18.20.tgz#4709f5a34801b43b799ab7d6d82f7284a9b7a7a6"
+  integrity sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.18.20"
+    "@esbuild/android-arm64" "0.18.20"
+    "@esbuild/android-x64" "0.18.20"
+    "@esbuild/darwin-arm64" "0.18.20"
+    "@esbuild/darwin-x64" "0.18.20"
+    "@esbuild/freebsd-arm64" "0.18.20"
+    "@esbuild/freebsd-x64" "0.18.20"
+    "@esbuild/linux-arm" "0.18.20"
+    "@esbuild/linux-arm64" "0.18.20"
+    "@esbuild/linux-ia32" "0.18.20"
+    "@esbuild/linux-loong64" "0.18.20"
+    "@esbuild/linux-mips64el" "0.18.20"
+    "@esbuild/linux-ppc64" "0.18.20"
+    "@esbuild/linux-riscv64" "0.18.20"
+    "@esbuild/linux-s390x" "0.18.20"
+    "@esbuild/linux-x64" "0.18.20"
+    "@esbuild/netbsd-x64" "0.18.20"
+    "@esbuild/openbsd-x64" "0.18.20"
+    "@esbuild/sunos-x64" "0.18.20"
+    "@esbuild/win32-arm64" "0.18.20"
+    "@esbuild/win32-ia32" "0.18.20"
+    "@esbuild/win32-x64" "0.18.20"
+
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
@@ -7390,10 +7801,10 @@ eslint-config-airbnb@^19.0.4:
     object.assign "^4.1.2"
     object.entries "^1.1.5"
 
-eslint-config-prettier@^8.9.0:
-  version "8.9.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.9.0.tgz#094b6254b2804b0544f7cee535f802b6d29ee10b"
-  integrity sha512-+sbni7NfVXnOpnRadUA8S28AUlsZt9GjgFvABIRL9Hkn8KqNzOp+7Lw4QWtrwn20KzU3wqu1QoOj2m+7rKRqkA==
+eslint-config-prettier@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz#eb25485946dd0c66cd216a46232dc05451518d1f"
+  integrity sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==
 
 eslint-import-resolver-node@^0.3.7:
   version "0.3.7"
@@ -7404,22 +7815,22 @@ eslint-import-resolver-node@^0.3.7:
     is-core-module "^2.11.0"
     resolve "^1.22.1"
 
-eslint-import-resolver-webpack@^0.13.2:
-  version "0.13.2"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-webpack/-/eslint-import-resolver-webpack-0.13.2.tgz#fc813df0d08b9265cc7072d22393bda5198bdc1e"
-  integrity sha512-XodIPyg1OgE2h5BDErz3WJoK7lawxKTJNhgPNafRST6csC/MZC+L5P6kKqsZGRInpbgc02s/WZMrb4uGJzcuRg==
+eslint-import-resolver-webpack@^0.13.7:
+  version "0.13.7"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-webpack/-/eslint-import-resolver-webpack-0.13.7.tgz#49cd0108767b1f8ff81123c7e1ae362305aad47b"
+  integrity sha512-2a+meyMeABBRO4K53Oj1ygkmt5lhQS79Lmx2f684Qnv6gjvD4RLOM5jfPGTXwQ0A2K03WSoKt3HRQu/uBgxF7w==
   dependencies:
-    array-find "^1.0.0"
+    array.prototype.find "^2.2.1"
     debug "^3.2.7"
     enhanced-resolve "^0.9.1"
     find-root "^1.1.0"
     has "^1.0.3"
     interpret "^1.4.0"
-    is-core-module "^2.7.0"
+    is-core-module "^2.13.0"
     is-regex "^1.1.4"
     lodash "^4.17.21"
-    resolve "^1.20.0"
-    semver "^5.7.1"
+    resolve "^2.0.0-next.4"
+    semver "^5.7.2"
 
 eslint-module-utils@^2.8.0:
   version "2.8.0"
@@ -7445,10 +7856,10 @@ eslint-plugin-filenames@^1.3.2:
     lodash.snakecase "4.1.1"
     lodash.upperfirst "4.3.1"
 
-eslint-plugin-import@^2.28.0:
-  version "2.28.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.28.0.tgz#8d66d6925117b06c4018d491ae84469eb3cb1005"
-  integrity sha512-B8s/n+ZluN7sxj9eUf7/pRFERX0r5bnFA2dCaLHy2ZeaQEAz0k+ZZkFWRFHJAqxfxQDx6KLv9LeIki7cFdwW+Q==
+eslint-plugin-import@^2.28.1:
+  version "2.28.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz#63b8b5b3c409bfc75ebaf8fb206b07ab435482c4"
+  integrity sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==
   dependencies:
     array-includes "^3.1.6"
     array.prototype.findlastindex "^1.2.2"
@@ -7459,13 +7870,12 @@ eslint-plugin-import@^2.28.0:
     eslint-import-resolver-node "^0.3.7"
     eslint-module-utils "^2.8.0"
     has "^1.0.3"
-    is-core-module "^2.12.1"
+    is-core-module "^2.13.0"
     is-glob "^4.0.3"
     minimatch "^3.1.2"
     object.fromentries "^2.0.6"
     object.groupby "^1.0.0"
     object.values "^1.1.6"
-    resolve "^1.22.3"
     semver "^6.3.1"
     tsconfig-paths "^3.14.2"
 
@@ -7504,15 +7914,16 @@ eslint-plugin-react-hooks@^4.6.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
   integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
 
-eslint-plugin-react@^7.32.2:
-  version "7.32.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz#e71f21c7c265ebce01bcbc9d0955170c55571f10"
-  integrity sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==
+eslint-plugin-react@^7.33.2:
+  version "7.33.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz#69ee09443ffc583927eafe86ffebb470ee737608"
+  integrity sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==
   dependencies:
     array-includes "^3.1.6"
     array.prototype.flatmap "^1.3.1"
     array.prototype.tosorted "^1.1.1"
     doctrine "^2.1.0"
+    es-iterator-helpers "^1.0.12"
     estraverse "^5.3.0"
     jsx-ast-utils "^2.4.1 || ^3.0.0"
     minimatch "^3.1.2"
@@ -7522,7 +7933,7 @@ eslint-plugin-react@^7.32.2:
     object.values "^1.1.6"
     prop-types "^15.8.1"
     resolve "^2.0.0-next.4"
-    semver "^6.3.0"
+    semver "^6.3.1"
     string.prototype.matchall "^4.0.8"
 
 eslint-rule-composer@^0.3.0:
@@ -7558,20 +7969,20 @@ eslint-visitor-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.2:
-  version "3.4.2"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz#8c2095440eca8c933bedcadf16fefa44dbe9ba5f"
-  integrity sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint@^8.46.0:
-  version "8.46.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.46.0.tgz#a06a0ff6974e53e643acc42d1dcf2e7f797b3552"
-  integrity sha512-cIO74PvbW0qU8e0mIvk5IV3ToWdCq5FYG6gWPHHkx6gNdjlbAYvtfHmlCMXxjcoVaIdwy/IAt3+mDkZkfvb2Dg==
+eslint@^8.47.0, eslint@^8.48.0:
+  version "8.48.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.48.0.tgz#bf9998ba520063907ba7bfe4c480dc8be03c2155"
+  integrity sha512-sb6DLeIuRXxeM1YljSe1KEx9/YYeZFQWcV8Rq9HfigmdDEugjLEVEa1ozDjL6YDjBpQHPJxJzze+alxi4T3OLg==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@eslint-community/regexpp" "^4.6.1"
-    "@eslint/eslintrc" "^2.1.1"
-    "@eslint/js" "^8.46.0"
+    "@eslint/eslintrc" "^2.1.2"
+    "@eslint/js" "8.48.0"
     "@humanwhocodes/config-array" "^0.11.10"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@nodelib/fs.walk" "^1.2.8"
@@ -7582,7 +7993,7 @@ eslint@^8.46.0:
     doctrine "^3.0.0"
     escape-string-regexp "^4.0.0"
     eslint-scope "^7.2.2"
-    eslint-visitor-keys "^3.4.2"
+    eslint-visitor-keys "^3.4.3"
     espree "^9.6.1"
     esquery "^1.4.2"
     esutils "^2.0.2"
@@ -7663,7 +8074,7 @@ estree-walker@^0.6.1:
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
   integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==
 
-estree-walker@^2.0.2:
+estree-walker@^2.0.1, estree-walker@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
   integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
@@ -7920,7 +8331,7 @@ fast-glob@3.2.7:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
-fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.9, fast-glob@^3.3.0, fast-glob@^3.3.1:
+fast-glob@^3.2.12, fast-glob@^3.2.9, fast-glob@^3.3.0, fast-glob@^3.3.1:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.1.tgz#784b4e897340f3dbbef17413b3f11acf03c874c4"
   integrity sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==
@@ -7946,11 +8357,6 @@ fast-levenshtein@^2.0.6:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
-fast-text-encoding@^1.0.0:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/fast-text-encoding/-/fast-text-encoding-1.0.6.tgz#0aa25f7f638222e3396d72bf936afcf1d42d6867"
-  integrity sha512-VhXlQgj9ioXCqGstD37E/HBeqEGV/qOD/kmbVG8h5xKBYvM1L3lR1Zn4555cQ8GkYbJa8aJSipLPndE1k6zK2w==
-
 fast-url-parser@1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/fast-url-parser/-/fast-url-parser-1.1.3.tgz#f4af3ea9f34d8a271cf58ad2b3759f431f0b318d"
@@ -7996,6 +8402,14 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
+file-system-cache@2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/file-system-cache/-/file-system-cache-2.0.2.tgz#6b51d58c5786302146fa883529e0d7f88896e948"
+  integrity sha512-lp4BHO4CWqvRyx88Tt3quZic9ZMf4cJyquYq7UI8sH42Bm2ArlBBjKQAalZOo+UfaBassb7X123Lik5qZ/tSAA==
+  dependencies:
+    fs-extra "^11.1.0"
+    ramda "^0.28.0"
+
 filelist@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
@@ -8025,10 +8439,10 @@ filter-obj@^1.1.0:
   resolved "https://registry.yarnpkg.com/filter-obj/-/filter-obj-1.1.0.tgz#9b311112bc6c6127a16e016c6c5d7f19e0805c5b"
   integrity sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==
 
-final-form@^4.20.9:
-  version "4.20.9"
-  resolved "https://registry.yarnpkg.com/final-form/-/final-form-4.20.9.tgz#647b459f8c504d77ec8f6e280015ab172982af2f"
-  integrity sha512-shA1X/7v8RmukWMNRHx0l7+Bm41hOivY78IvOiBrPVHjyWFIyqqIEMCz7yTVRc9Ea+EU4WkZ5r4MH6whSo5taw==
+final-form@^4.20.10:
+  version "4.20.10"
+  resolved "https://registry.yarnpkg.com/final-form/-/final-form-4.20.10.tgz#1a484be6e9a91989121c054dcbd6f48bad051ecc"
+  integrity sha512-TL48Pi1oNHeMOHrKv1bCJUrWZDcD3DIG6AGYVNOnyZPr7Bd/pStN0pL+lfzF5BNoj/FclaoiaLenk4XUIFVYng==
   dependencies:
     "@babel/runtime" "^7.10.0"
 
@@ -8347,11 +8761,16 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@2.3.2, fsevents@~2.3.2:
+fsevents@2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
 
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
 fstream@^1.0.12:
   version "1.0.12"
   resolved "https://registry.yarnpkg.com/fstream/-/fstream-1.0.12.tgz#4e8ba8ee2d48be4f7d0de505455548eae5932045"
@@ -8410,34 +8829,16 @@ gauge@~2.7.3:
     strip-ansi "^3.0.1"
     wide-align "^1.1.0"
 
-gaxios@^5.0.0, gaxios@^5.0.1:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/gaxios/-/gaxios-5.1.0.tgz#133b77b45532be71eec72012b7e97c2320b6140a"
-  integrity sha512-aezGIjb+/VfsJtIcHGcBSerNEDdfdHeMros+RbYbGpmonKWQCOVOes0LVZhn1lDtIgq55qq0HaxymIoae3Fl/A==
-  dependencies:
-    extend "^3.0.2"
-    https-proxy-agent "^5.0.0"
-    is-stream "^2.0.0"
-    node-fetch "^2.6.7"
-
-gaxios@^6.0.0:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/gaxios/-/gaxios-6.0.3.tgz#ab815d4fb22dc100c0da60e5d00a048a93b0c7b4"
-  integrity sha512-ns+NiTWT9daIerko/qAj8HSPNuNNlzGGrEVB7y8MQ8CP0bymuR8fCql6Ec+rlh7b9BW18JDXQnJNXWMiWO3jlg==
+gaxios@^6.0.0, gaxios@^6.0.3:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/gaxios/-/gaxios-6.1.0.tgz#8ab08adbf9cc600368a57545f58e004ccf831ccb"
+  integrity sha512-EIHuesZxNyIkUGcTQKQPMICyOpDD/bi+LJIJx+NLsSGmnS7N+xCLRX5bi4e9yAu9AlSZdVq+qlyWWVuTh/483w==
   dependencies:
     extend "^3.0.2"
-    https-proxy-agent "^5.0.0"
+    https-proxy-agent "^7.0.1"
     is-stream "^2.0.0"
     node-fetch "^2.6.9"
 
-gcp-metadata@^5.3.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/gcp-metadata/-/gcp-metadata-5.3.0.tgz#6f45eb473d0cb47d15001476b48b663744d25408"
-  integrity sha512-FNTkdNEnBdlqF2oatizolQqNANMrcqJt6AAYt99B3y1aLLC8Hc5IOBb+ZnnzllodEEf6xMBp6wRcBbc16fa65w==
-  dependencies:
-    gaxios "^5.0.0"
-    json-bigint "^1.0.0"
-
 gcp-metadata@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/gcp-metadata/-/gcp-metadata-6.0.0.tgz#2ae12008bef8caa8726cba31fd0a641ebad5fb56"
@@ -8740,18 +9141,7 @@ globby@11.1.0, globby@^11.1.0:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
-globby@13.1.4:
-  version "13.1.4"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-13.1.4.tgz#2f91c116066bcec152465ba36e5caa4a13c01317"
-  integrity sha512-iui/IiiW+QrJ1X1hKH5qwlMQyv34wJAYwH1vrf8b9kBA4sNiif3gKsMHa+BrdnOpEudWjpotfa7LrTzB1ERS/g==
-  dependencies:
-    dir-glob "^3.0.1"
-    fast-glob "^3.2.11"
-    ignore "^5.2.0"
-    merge2 "^1.4.1"
-    slash "^4.0.0"
-
-globby@^13.1.4, globby@^13.2.2:
+globby@13.2.2, globby@^13.1.4, globby@^13.2.2:
   version "13.2.2"
   resolved "https://registry.yarnpkg.com/globby/-/globby-13.2.2.tgz#63b90b1bf68619c2135475cbd4e71e66aa090592"
   integrity sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==
@@ -8782,21 +9172,6 @@ goober@^2.0.33:
   resolved "https://registry.yarnpkg.com/goober/-/goober-2.1.13.tgz#e3c06d5578486212a76c9eba860cbc3232ff6d7c"
   integrity sha512-jFj3BQeleOoy7t93E9rZ2de+ScC4lQICLwiAQmKMg9F6roKGaLSHoCDYKkWlSafg138jejvq/mTdvmnwDQgqoQ==
 
-google-auth-library@^8.0.2:
-  version "8.9.0"
-  resolved "https://registry.yarnpkg.com/google-auth-library/-/google-auth-library-8.9.0.tgz#15a271eb2ec35d43b81deb72211bd61b1ef14dd0"
-  integrity sha512-f7aQCJODJFmYWN6PeNKzgvy9LI2tYmXnzpNDHEjG5sDNPgGb2FXQyTBnXeSH+PAtpKESFD+LmHw3Ox3mN7e1Fg==
-  dependencies:
-    arrify "^2.0.0"
-    base64-js "^1.3.0"
-    ecdsa-sig-formatter "^1.0.11"
-    fast-text-encoding "^1.0.0"
-    gaxios "^5.0.0"
-    gcp-metadata "^5.3.0"
-    gtoken "^6.1.0"
-    jws "^4.0.0"
-    lru-cache "^6.0.0"
-
 google-auth-library@^9.0.0:
   version "9.0.0"
   resolved "https://registry.yarnpkg.com/google-auth-library/-/google-auth-library-9.0.0.tgz#b159d22464c679a6a25cb46d48a4ac97f9f426a2"
@@ -8810,21 +9185,14 @@ google-auth-library@^9.0.0:
     jws "^4.0.0"
     lru-cache "^6.0.0"
 
-google-p12-pem@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/google-p12-pem/-/google-p12-pem-4.0.1.tgz#82841798253c65b7dc2a4e5fe9df141db670172a"
-  integrity sha512-WPkN4yGtz05WZ5EhtlxNDWPhC4JIic6G8ePitwUWy4l+XPVYec+a0j0Ts47PDtW59y3RwAhUd9/h9ZZ63px6RQ==
-  dependencies:
-    node-forge "^1.3.1"
-
-googleapis-common@^6.0.3:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/googleapis-common/-/googleapis-common-6.0.4.tgz#bd968bef2a478bcd3db51b27655502a11eaf8bf4"
-  integrity sha512-m4ErxGE8unR1z0VajT6AYk3s6a9gIMM6EkDZfkPnES8joeOlEtFEJeF8IyZkb0tjPXkktUfYrE4b3Li1DNyOwA==
+googleapis-common@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/googleapis-common/-/googleapis-common-7.0.0.tgz#a7b5262e320c922c25b123edea2a3958f15c3edd"
+  integrity sha512-58iSybJPQZ8XZNMpjrklICefuOuyJ0lMxfKmBqmaC0/xGT4SiOs4BE60LAOOGtBURy1n8fHa2X2YUNFEWWbXyQ==
   dependencies:
     extend "^3.0.2"
-    gaxios "^5.0.1"
-    google-auth-library "^8.0.2"
+    gaxios "^6.0.3"
+    google-auth-library "^9.0.0"
     qs "^6.7.0"
     url-template "^2.0.8"
     uuid "^9.0.0"
@@ -8863,15 +9231,6 @@ graphemer@^1.4.0:
   resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
   integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
 
-gtoken@^6.1.0:
-  version "6.1.2"
-  resolved "https://registry.yarnpkg.com/gtoken/-/gtoken-6.1.2.tgz#aeb7bdb019ff4c3ba3ac100bbe7b6e74dce0e8bc"
-  integrity sha512-4ccGpzz7YAr7lxrT2neugmXQ3hP9ho2gcaityLVkiUecAiwiy60Ii8gRbZeOsXV19fYaRjgBSshs8kXw+NKCPQ==
-  dependencies:
-    gaxios "^5.0.1"
-    google-p12-pem "^4.0.0"
-    jws "^4.0.0"
-
 gtoken@^7.0.0:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/gtoken/-/gtoken-7.0.1.tgz#b64bd01d88268ea3a3572c9076a85d1c48f1a455"
@@ -9237,6 +9596,14 @@ https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
     agent-base "6"
     debug "4"
 
+https-proxy-agent@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-7.0.1.tgz#0277e28f13a07d45c663633841e20a40aaafe0ab"
+  integrity sha512-Eun8zV0kcYS1g19r78osiQLEFIRspRUDd9tIfBCTBPBeMieF/EsJNL8VI3xOIdYRDEkjQnqOYPsZ2DsWsVsFwQ==
+  dependencies:
+    agent-base "^7.0.2"
+    debug "4"
+
 human-signals@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
@@ -9307,10 +9674,12 @@ ignore@^5.0.4, ignore@^5.1.4, ignore@^5.2.0, ignore@^5.2.4:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
   integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
 
-imask@^6.6.3:
-  version "6.6.3"
-  resolved "https://registry.yarnpkg.com/imask/-/imask-6.6.3.tgz#f9619cea770b97b5ef616acb036d27cf4a1b33d8"
-  integrity sha512-a9MTDhm+ET4G2IRcdUGuVTXHS05WsRNPGM5CeNJnXiXuoi4zv7g0/UDFLlRF4lBBeb8EWds4C4JVwhI0nuAIug==
+imask@^7.1.3:
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/imask/-/imask-7.1.3.tgz#d07e6f50effe353630323a58baf25c2f7a83c2eb"
+  integrity sha512-jZCqTI5Jgukhl2ff+znBQd8BiHOTlnFYCIgggzHYDdoJsHmSSWr1BaejcYBxsjy4ZIs8Rm0HhbOxQcobcdESRQ==
+  dependencies:
+    "@babel/runtime-corejs3" "^7.22.6"
 
 immediate@~3.0.5:
   version "3.0.6"
@@ -9429,10 +9798,10 @@ interpret@^1.0.0, interpret@^1.4.0:
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
   integrity sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==
 
-interpret@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/interpret/-/interpret-2.2.0.tgz#1a78a0b5965c40a5416d007ad6f50ad27c417df9"
-  integrity sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==
+interpret@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-3.1.1.tgz#5be0ceed67ca79c6c4bc5cf0d7ee843dcea110c4"
+  integrity sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==
 
 ip@^2.0.0:
   version "2.0.0"
@@ -9498,6 +9867,13 @@ is-arrayish@^0.3.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
   integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
 
+is-async-function@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.0.0.tgz#8e4418efd3e5d3a6ebb0164c05ef5afb69aa9646"
+  integrity sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
 is-bigint@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
@@ -9542,10 +9918,10 @@ is-ci@3.0.1:
   dependencies:
     ci-info "^3.2.0"
 
-is-core-module@^2.11.0, is-core-module@^2.12.0, is-core-module@^2.12.1, is-core-module@^2.5.0, is-core-module@^2.7.0, is-core-module@^2.8.1, is-core-module@^2.9.0:
-  version "2.12.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.1.tgz#0c0b6885b6f80011c71541ce15c8d66cf5a4f9fd"
-  integrity sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==
+is-core-module@^2.11.0, is-core-module@^2.13.0, is-core-module@^2.5.0, is-core-module@^2.8.1, is-core-module@^2.9.0:
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.0.tgz#bb52aa6e2cbd49a30c2ba68c42bf3435ba6072db"
+  integrity sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==
   dependencies:
     has "^1.0.3"
 
@@ -9603,17 +9979,17 @@ is-docker@^2.0.0, is-docker@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
   integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
 
-is-electron@2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-electron/-/is-electron-2.2.0.tgz#8943084f09e8b731b3a7a0298a7b5d56f6b7eef0"
-  integrity sha512-SpMppC2XR3YdxSzczXReBjqs2zGscWQpBIKqwXYBFic0ERaxNVgwLCHwOLZeESfdJQjX0RDvrJ1lBXX2ij+G1Q==
+is-electron@2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/is-electron/-/is-electron-2.2.2.tgz#3778902a2044d76de98036f5dc58089ac4d80bb9"
+  integrity sha512-FO/Rhvz5tuw4MCWkpMzHFKWD2LsfHzIb7i6MdPYZ/KW7AlxawyLkqdy+jPZP1WubqEADE3O4FUENlJHDfQASRg==
 
 is-extendable@^0.1.0, is-extendable@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
   integrity sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==
 
-is-extendable@^1.0.1:
+is-extendable@^1.0.0, is-extendable@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4"
   integrity sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==
@@ -9625,6 +10001,13 @@ is-extglob@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
+is-finalizationregistry@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz#c8749b65f17c133313e661b1289b95ad3dbd62e6"
+  integrity sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==
+  dependencies:
+    call-bind "^1.0.2"
+
 is-fullwidth-code-point@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
@@ -9637,7 +10020,7 @@ is-fullwidth-code-point@^3.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
-is-generator-function@^1.0.7:
+is-generator-function@^1.0.10, is-generator-function@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
   integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
@@ -10031,6 +10414,17 @@ iterate-value@^1.0.2:
     es-get-iterator "^1.0.2"
     iterate-iterator "^1.0.1"
 
+iterator.prototype@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.0.tgz#690c88b043d821f783843aaf725d7ac3b62e3b46"
+  integrity sha512-rjuhAk1AJ1fssphHD0IFV6TWL40CwRZ53FrztKx43yk2v6rguBYsY4Bj1VU4HmoMmKwZUlx7mfnhDf9cOp4YTw==
+  dependencies:
+    define-properties "^1.1.4"
+    get-intrinsic "^1.1.3"
+    has-symbols "^1.0.3"
+    has-tostringtag "^1.0.0"
+    reflect.getprototypeof "^1.0.3"
+
 jackspeak@^2.0.3:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.2.1.tgz#655e8cf025d872c9c03d3eb63e8f0c024fef16a6"
@@ -10278,7 +10672,7 @@ json5@^1.0.2:
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.0, json5@^2.1.1, json5@^2.1.2, json5@^2.2.2:
+json5@^2.1.0, json5@^2.1.1, json5@^2.1.2, json5@^2.2.2, json5@^2.2.3:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
@@ -10666,10 +11060,10 @@ kind-of@^6.0.0, kind-of@^6.0.2, kind-of@^6.0.3:
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
   integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
 
-known-css-properties@^0.27.0:
-  version "0.27.0"
-  resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.27.0.tgz#82a9358dda5fe7f7bd12b5e7142c0a205393c0c5"
-  integrity sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg==
+known-css-properties@^0.28.0:
+  version "0.28.0"
+  resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.28.0.tgz#8a8be010f368b3036fe6ab0ef4bbbed972bd6274"
+  integrity sha512-9pSL5XB4J+ifHP0e0jmmC98OGC1nL8/JjS+fi6mnTlIf//yt/MfVLtKg7S6nCtj/8KTcWX7nRlY0XywoYY1ISQ==
 
 language-subtag-registry@~0.3.2:
   version "0.3.22"
@@ -10690,13 +11084,13 @@ lazystream@^1.0.0:
   dependencies:
     readable-stream "^2.0.5"
 
-lerna@^7.1.4:
-  version "7.1.4"
-  resolved "https://registry.yarnpkg.com/lerna/-/lerna-7.1.4.tgz#0778732f4c77ead71a20ba1e9b0a77edc75cb383"
-  integrity sha512-/cabvmTTkmayyALIZx7OpHRex72i8xSOkiJchEkrKxAZHoLNaGSwqwKkj+x6WtmchhWl/gLlqwQXGRuxrJKiBw==
+lerna@^7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/lerna/-/lerna-7.3.0.tgz#efecafbdce15694e2f6841256e073a3a2061053e"
+  integrity sha512-Dt8TH+J+c9+3MhTYcm5OxnNzXb87WG7GPNj3kidjYJjJY7KxIMDNU37qBTYRWA1h3wAeNKBplXVQYUPkGcYgkQ==
   dependencies:
-    "@lerna/child-process" "7.1.4"
-    "@lerna/create" "7.1.4"
+    "@lerna/child-process" "7.3.0"
+    "@lerna/create" "7.3.0"
     "@npmcli/run-script" "6.0.2"
     "@nx/devkit" ">=16.5.1 < 17"
     "@octokit/plugin-enterprise-rest" "6.0.1"
@@ -10733,7 +11127,7 @@ lerna@^7.1.4:
     libnpmpublish "7.3.0"
     load-json-file "6.2.0"
     lodash "^4.17.21"
-    make-dir "3.1.0"
+    make-dir "4.0.0"
     minimatch "3.0.5"
     multimatch "5.0.0"
     node-fetch "2.6.7"
@@ -10976,6 +11370,11 @@ lodash.includes@^4.3.0:
   resolved "https://registry.yarnpkg.com/lodash.includes/-/lodash.includes-4.3.0.tgz#60bb98a87cb923c68ca1e51325483314849f553f"
   integrity sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==
 
+lodash.invokemap@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/lodash.invokemap/-/lodash.invokemap-4.6.0.tgz#1748cda5d8b0ef8369c4eb3ec54c21feba1f2d62"
+  integrity sha512-CfkycNtMqgUlfjfdh2BhKO/ZXrP8ePOX5lEU/g0R3ItJcnuxWDwokMGKx1hWcfOikmyOVx6X9IwWnDGlgKl61w==
+
 lodash.isboolean@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz#6c2e171db2a257cd96802fd43b01b20d5f5870f6"
@@ -11051,10 +11450,10 @@ lodash.mergewith@4.6.2, lodash.mergewith@^4.6.2:
   resolved "https://registry.yarnpkg.com/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz#617121f89ac55f59047c7aec1ccd6654c6590f55"
   integrity sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==
 
-lodash.omit@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.omit/-/lodash.omit-4.5.0.tgz#6eb19ae5a1ee1dd9df0b969e66ce0b7fa30b5e60"
-  integrity sha512-XeqSp49hNGmlkj2EJlfrQFIzQ6lXdNro9sddtQzcJY8QaoC2GO0DT7xaIokHeyM+mIT0mPMlPvkYzg2xCuHdZg==
+lodash.pullall@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/lodash.pullall/-/lodash.pullall-4.2.0.tgz#9d98b8518b7c965b0fae4099bd9fb7df8bbf38ba"
+  integrity sha512-VhqxBKH0ZxPpLhiu68YD1KnHmbhQJQctcipvmFnqIBDYzcIHzf3Zpu0tpeOKtR4x76p9yohc506eGdOjTmyIBg==
 
 lodash.snakecase@4.1.1:
   version "4.1.1"
@@ -11076,6 +11475,11 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
 
+lodash.uniqby@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz#d99c07a669e9e6d24e1362dfe266c67616af1302"
+  integrity sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==
+
 lodash.upperfirst@4.3.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/lodash.upperfirst/-/lodash.upperfirst-4.3.1.tgz#1365edf431480481ef0d1c68957a5ed99d49f7ce"
@@ -11194,12 +11598,12 @@ magic-string@^0.27.0:
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.4.13"
 
-make-dir@3.1.0, make-dir@^3.0.0, make-dir@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
-  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+make-dir@4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-4.0.0.tgz#c3c2307a771277cd9638305f915c29ae741b614e"
+  integrity sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==
   dependencies:
-    semver "^6.0.0"
+    semver "^7.5.3"
 
 make-dir@^2.0.0, make-dir@^2.1.0:
   version "2.1.0"
@@ -11209,6 +11613,13 @@ make-dir@^2.0.0, make-dir@^2.1.0:
     pify "^4.0.1"
     semver "^5.6.0"
 
+make-dir@^3.0.0, make-dir@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
+  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+  dependencies:
+    semver "^6.0.0"
+
 make-error@^1.1.1:
   version "1.3.6"
   resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz#2eb2e37ea9b67c4891f684a1394799af484cf7a2"
@@ -11295,40 +11706,40 @@ markdown-it@13.0.1:
     mdurl "^1.0.1"
     uc.micro "^1.0.5"
 
-markdown-to-jsx@*, markdown-to-jsx@^7.2.1:
-  version "7.2.1"
-  resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-7.2.1.tgz#87061fd3176ad926ef3d99493e5c57f6335e0c51"
-  integrity sha512-9HrdzBAo0+sFz9ZYAGT5fB8ilzTW+q6lPocRxrIesMO+aB40V9MgFfbfMXxlGjf22OpRy+IXlvVaQenicdpgbg==
+markdown-to-jsx@*, markdown-to-jsx@^7.3.2:
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-7.3.2.tgz#f286b4d112dad3028acc1e77dfe1f653b347e131"
+  integrity sha512-B+28F5ucp83aQm+OxNrPkS8z0tMKaeHiy0lHJs3LqCyDQFtWuenaIrkaVTgAm1pf1AU85LXltva86hlaT17i8Q==
 
 markdownlint-cli2-formatter-default@0.0.4:
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/markdownlint-cli2-formatter-default/-/markdownlint-cli2-formatter-default-0.0.4.tgz#81e26b0a50409c0357c6f0d38d8246946b236fab"
   integrity sha512-xm2rM0E+sWgjpPn1EesPXx5hIyrN2ddUnUwnbCsD/ONxYtw3PX6LydvdH6dciWAoFDpwzbHM1TO7uHfcMd6IYg==
 
-markdownlint-cli2@^0.8.1:
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/markdownlint-cli2/-/markdownlint-cli2-0.8.1.tgz#84b7c2bb900938d947b1c44bfa940d78656132f8"
-  integrity sha512-y0Siwt+RApKxSSb0CT9p7z1DcAO+ncjrB9IpC/jflJRIet4namCFmxLTbfBBQdPF6EntPk5yyXKe7vcoPGlnXw==
+markdownlint-cli2@^0.9.2:
+  version "0.9.2"
+  resolved "https://registry.yarnpkg.com/markdownlint-cli2/-/markdownlint-cli2-0.9.2.tgz#ed714905e0e4ce583e5c3d95134ba1e2d0287552"
+  integrity sha512-ndijEHIOikcs29W8068exHXlfkFviGFT/mPhREia7zSfQzHvTDkL2s+tWizvELjLHiKRO4KGTkkJyR3oeR8A5g==
   dependencies:
-    globby "13.1.4"
-    markdownlint "0.29.0"
+    globby "13.2.2"
+    markdownlint "0.30.0"
     markdownlint-cli2-formatter-default "0.0.4"
     micromatch "4.0.5"
-    strip-json-comments "5.0.0"
+    strip-json-comments "5.0.1"
     yaml "2.3.1"
 
-markdownlint-micromark@0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/markdownlint-micromark/-/markdownlint-micromark-0.1.5.tgz#a23400b101be32cd4336f2b6b4c47da31825524c"
-  integrity sha512-HvofNU4QCvfUCWnocQP1IAWaqop5wpWrB0mKB6SSh0fcpV0PdmQNS6tdUuFew1utpYlUvYYzz84oDkrD76GB9A==
+markdownlint-micromark@0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/markdownlint-micromark/-/markdownlint-micromark-0.1.7.tgz#c465091b30d61a56027ccbfb981c80c96448c165"
+  integrity sha512-BbRPTC72fl5vlSKv37v/xIENSRDYL/7X/XoFzZ740FGEbs9vZerLrIkFRY0rv7slQKxDczToYuMmqQFN61fi4Q==
 
-markdownlint@0.29.0:
-  version "0.29.0"
-  resolved "https://registry.yarnpkg.com/markdownlint/-/markdownlint-0.29.0.tgz#9647478b7d5485965c557502fe54ee5a550033f2"
-  integrity sha512-ASAzqpODstu/Qsk0xW5BPgWnK/qjpBQ4e7IpsSvvFXcfYIjanLTdwFRJK1SIEEh0fGSMKXcJf/qhaZYHyME0wA==
+markdownlint@0.30.0:
+  version "0.30.0"
+  resolved "https://registry.yarnpkg.com/markdownlint/-/markdownlint-0.30.0.tgz#e5b43f794c6810299cd4be86f8d54108e9169860"
+  integrity sha512-nInuFvI/rEzanAOArW5490Ez4EYpB5ODqVM0mcDYCPx9DKJWCQqCgejjiCvbSeE7sjbDscVtZmwr665qpF5xGA==
   dependencies:
     markdown-it "13.0.1"
-    markdownlint-micromark "0.1.5"
+    markdownlint-micromark "0.1.7"
 
 marked@^5.1.2:
   version "5.1.2"
@@ -11378,10 +11789,10 @@ mdast-util-to-string@^2.0.0:
   resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz#b8cfe6a713e1091cb5b728fc48885a4767f8b97b"
   integrity sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==
 
-mdn-data@2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
-  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
+mdn-data@2.0.28:
+  version "2.0.28"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.28.tgz#5ec48e7bef120654539069e1ae4ddc81ca490eba"
+  integrity sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==
 
 mdn-data@2.0.30:
   version "2.0.30"
@@ -11624,10 +12035,10 @@ minimatch@^8.0.2:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^9.0.0, minimatch@^9.0.1:
-  version "9.0.2"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.2.tgz#397e387fff22f6795844d00badc903a3d5de7057"
-  integrity sha512-PZOT9g5v2ojiTL7r1xF6plNHLtOeTpSlDI007As2NlA2aYBMfVom17yqa6QzhmDP8QOhn7LjHTg7DFCVSSa6yg==
+minimatch@^9.0.0, minimatch@^9.0.1, minimatch@^9.0.3:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
   dependencies:
     brace-expansion "^2.0.1"
 
@@ -11906,11 +12317,6 @@ napi-build-utils@^1.0.1:
   resolved "https://registry.yarnpkg.com/napi-build-utils/-/napi-build-utils-1.0.2.tgz#b1fddc0b2c46e380a0b7a76f984dd47c41a13806"
   integrity sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==
 
-natural-compare-lite@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
-  integrity sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==
-
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
@@ -11941,12 +12347,12 @@ nested-error-stacks@^2.1.1:
   resolved "https://registry.yarnpkg.com/nested-error-stacks/-/nested-error-stacks-2.1.1.tgz#26c8a3cee6cc05fbcf1e333cd2fc3e003326c0b5"
   integrity sha512-9iN1ka/9zmX1ZvLV9ewJYEk9h7RyRRtqdK0woXcqohu8EWIerfPUjYJPg0ULy0UqP7cslmdGc8xKDJcojlKiaw==
 
-next@13.4.12:
-  version "13.4.12"
-  resolved "https://registry.yarnpkg.com/next/-/next-13.4.12.tgz#809b21ea0aabbe88ced53252c88c4a5bd5af95df"
-  integrity sha512-eHfnru9x6NRmTMcjQp6Nz0J4XH9OubmzOa7CkWL+AUrUxpibub3vWwttjduu9No16dug1kq04hiUUpo7J3m3Xw==
+next@13.4.19, next@^13.4.19:
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/next/-/next-13.4.19.tgz#2326e02aeedee2c693d4f37b90e4f0ed6882b35f"
+  integrity sha512-HuPSzzAbJ1T4BD8e0bs6B9C1kWQ6gv8ykZoRWs5AQoiIuqbGHHdQO7Ljuvg05Q0Z24E2ABozHe6FxDvI6HfyAw==
   dependencies:
-    "@next/env" "13.4.12"
+    "@next/env" "13.4.19"
     "@swc/helpers" "0.5.1"
     busboy "1.6.0"
     caniuse-lite "^1.0.30001406"
@@ -11955,15 +12361,15 @@ next@13.4.12:
     watchpack "2.4.0"
     zod "3.21.4"
   optionalDependencies:
-    "@next/swc-darwin-arm64" "13.4.12"
-    "@next/swc-darwin-x64" "13.4.12"
-    "@next/swc-linux-arm64-gnu" "13.4.12"
-    "@next/swc-linux-arm64-musl" "13.4.12"
-    "@next/swc-linux-x64-gnu" "13.4.12"
-    "@next/swc-linux-x64-musl" "13.4.12"
-    "@next/swc-win32-arm64-msvc" "13.4.12"
-    "@next/swc-win32-ia32-msvc" "13.4.12"
-    "@next/swc-win32-x64-msvc" "13.4.12"
+    "@next/swc-darwin-arm64" "13.4.19"
+    "@next/swc-darwin-x64" "13.4.19"
+    "@next/swc-linux-arm64-gnu" "13.4.19"
+    "@next/swc-linux-arm64-musl" "13.4.19"
+    "@next/swc-linux-x64-gnu" "13.4.19"
+    "@next/swc-linux-x64-musl" "13.4.19"
+    "@next/swc-win32-arm64-msvc" "13.4.19"
+    "@next/swc-win32-ia32-msvc" "13.4.19"
+    "@next/swc-win32-x64-msvc" "13.4.19"
 
 nice-napi@^1.0.2:
   version "1.0.2"
@@ -12043,11 +12449,6 @@ node-fetch@^2.6.12, node-fetch@^2.6.7, node-fetch@^2.6.9:
   dependencies:
     whatwg-url "^5.0.0"
 
-node-forge@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
-  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
-
 node-gyp-build@^4.2.2, node-gyp-build@^4.3.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/node-gyp-build/-/node-gyp-build-4.5.0.tgz#7a64eefa0b21112f89f58379da128ac177f20e40"
@@ -12069,6 +12470,11 @@ node-gyp@^9.0.0:
     tar "^6.1.2"
     which "^2.0.2"
 
+node-machine-id@1.1.12:
+  version "1.1.12"
+  resolved "https://registry.yarnpkg.com/node-machine-id/-/node-machine-id-1.1.12.tgz#37904eee1e59b320bb9c5d6c0a59f3b469cb6267"
+  integrity sha512-QNABxbrPa3qEIfrE6GOJ7BYIuignnJw7iQ2YPbc3Nla1HzRJjXzZOiikfF8m7eAMfichLt3M4VgLOetqgDmgGQ==
+
 node-preload@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/node-preload/-/node-preload-0.2.1.tgz#c03043bb327f417a18fee7ab7ee57b408a144301"
@@ -12076,7 +12482,7 @@ node-preload@^0.2.1:
   dependencies:
     process-on-spawn "^1.0.0"
 
-node-releases@^2.0.12:
+node-releases@^2.0.13:
   version "2.0.13"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.13.tgz#d5ed1627c23e3461e819b02e57b75e4899b1c81d"
   integrity sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==
@@ -12289,12 +12695,12 @@ nwsapi@^2.2.4:
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.4.tgz#fd59d5e904e8e1f03c25a7d5a15cfa16c714a1e5"
   integrity sha512-NHj4rzRo0tQdijE9ZqAx6kYDcoRwYwSYzCA8MY3JzfxlrvEU0jhnhJT9BhqhJs7I/dKcrDm6TyulaRqZPIhN5g==
 
-nx@16.5.2, "nx@>=16.5.1 < 17":
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/nx/-/nx-16.5.2.tgz#a271513abe73324fdf2924277d5f273d807a6f0e"
-  integrity sha512-3XAkVBhXuoFgD7r0lASOh2589XSmBUjioevZb13lDjKDN/FHFWedwMZWtmmbzxBGO3EAWjl+3owBS1RIPm1UHw==
+nx@16.8.1, "nx@>=16.5.1 < 17", nx@^16.8.1:
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/nx/-/nx-16.8.1.tgz#b3b084da5f880c638debbefbf33eeccb96633595"
+  integrity sha512-K5KrwNdPz0eEe6SY5wrnhZcigjfIJkttPrIJRXNBQTE50NGcOfz1TjMXPdTWBxBCCua5PAealO3OrE8jpv+QnQ==
   dependencies:
-    "@nrwl/tao" "16.5.2"
+    "@nrwl/tao" "16.8.1"
     "@parcel/watcher" "2.0.4"
     "@yarnpkg/lockfile" "^1.1.0"
     "@yarnpkg/parsers" "3.0.0-rc.46"
@@ -12304,7 +12710,8 @@ nx@16.5.2, "nx@>=16.5.1 < 17":
     cli-cursor "3.1.0"
     cli-spinners "2.6.1"
     cliui "^7.0.2"
-    dotenv "~10.0.0"
+    dotenv "~16.3.1"
+    dotenv-expand "~10.0.0"
     enquirer "~2.3.6"
     fast-glob "3.2.7"
     figures "3.2.0"
@@ -12316,6 +12723,7 @@ nx@16.5.2, "nx@>=16.5.1 < 17":
     jsonc-parser "3.2.0"
     lines-and-columns "~2.0.3"
     minimatch "3.0.5"
+    node-machine-id "1.1.12"
     npm-run-path "^4.0.1"
     open "^8.4.0"
     semver "7.5.3"
@@ -12329,16 +12737,16 @@ nx@16.5.2, "nx@>=16.5.1 < 17":
     yargs "^17.6.2"
     yargs-parser "21.1.1"
   optionalDependencies:
-    "@nx/nx-darwin-arm64" "16.5.2"
-    "@nx/nx-darwin-x64" "16.5.2"
-    "@nx/nx-freebsd-x64" "16.5.2"
-    "@nx/nx-linux-arm-gnueabihf" "16.5.2"
-    "@nx/nx-linux-arm64-gnu" "16.5.2"
-    "@nx/nx-linux-arm64-musl" "16.5.2"
-    "@nx/nx-linux-x64-gnu" "16.5.2"
-    "@nx/nx-linux-x64-musl" "16.5.2"
-    "@nx/nx-win32-arm64-msvc" "16.5.2"
-    "@nx/nx-win32-x64-msvc" "16.5.2"
+    "@nx/nx-darwin-arm64" "16.8.1"
+    "@nx/nx-darwin-x64" "16.8.1"
+    "@nx/nx-freebsd-x64" "16.8.1"
+    "@nx/nx-linux-arm-gnueabihf" "16.8.1"
+    "@nx/nx-linux-arm64-gnu" "16.8.1"
+    "@nx/nx-linux-arm64-musl" "16.8.1"
+    "@nx/nx-linux-x64-gnu" "16.8.1"
+    "@nx/nx-linux-x64-musl" "16.8.1"
+    "@nx/nx-win32-arm64-msvc" "16.8.1"
+    "@nx/nx-win32-x64-msvc" "16.8.1"
 
 nyc@^15.1.0:
   version "15.1.0"
@@ -12488,6 +12896,13 @@ object.hasown@^1.1.2:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
+object.omit@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-3.0.0.tgz#0e3edc2fce2ba54df5577ff529f6d97bd8a522af"
+  integrity sha512-EO+BCv6LJfu+gBIF3ggLicFebFLN5zqzz/WWJlMFfkMyGth+oBkhxzDl0wx2W4GkLzuQs/FsSkXZb2IMWQqmBQ==
+  dependencies:
+    is-extendable "^1.0.0"
+
 object.pick@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
@@ -13061,7 +13476,7 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.0, picomatch@^2.3.1:
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.3.0, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -13092,14 +13507,14 @@ pinpoint@^1.1.0:
   integrity sha512-+04FTD9x7Cls2rihLlo57QDCcHoLBGn5Dk51SwtFBWkUWLxZaBXyNVpCw1S+atvE7GmnFjeaRZ0WLq3UYuqAdg==
 
 pirates@^4.0.1, pirates@^4.0.5:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
-  integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
+  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
 
-piscina@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/piscina/-/piscina-4.0.0.tgz#f8913d52b2000606d51aaa242f0813a0c77ca3b1"
-  integrity sha512-641nAmJS4k4iqpNUqfggqUBUMmlw0ZoM5VZKdQkV2e970Inn3Tk9kroCc1wpsYLD07vCwpys5iY0d3xI/9WkTg==
+piscina@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/piscina/-/piscina-4.1.0.tgz#809578ee3ab2ecf4cf71c2a062100b4b95a85b96"
+  integrity sha512-sjbLMi3sokkie+qmtZpkfMCUJTpbxJm/wvaPzU28vmYSsTSW8xk9JcFUsbqGJdtPpIQ9tuj+iDcTtgZjwnOSig==
   dependencies:
     eventemitter-asyncresource "^1.0.0"
     hdr-histogram-js "^2.0.1"
@@ -13140,17 +13555,17 @@ platform@^1.3.3:
   resolved "https://registry.yarnpkg.com/platform/-/platform-1.3.6.tgz#48b4ce983164b209c2d45a107adb31f473a6e7a7"
   integrity sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg==
 
-playwright-core@1.36.2:
-  version "1.36.2"
-  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.36.2.tgz#32382f2d96764c24c65a86ea336cf79721c2e50e"
-  integrity sha512-sQYZt31dwkqxOrP7xy2ggDfEzUxM1lodjhsQ3NMMv5uGTRDsLxU0e4xf4wwMkF2gplIxf17QMBCodSFgm6bFVQ==
+playwright-core@1.37.1:
+  version "1.37.1"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.37.1.tgz#cb517d52e2e8cb4fa71957639f1cd105d1683126"
+  integrity sha512-17EuQxlSIYCmEMwzMqusJ2ztDgJePjrbttaefgdsiqeLWidjYz9BxXaTaZWxH1J95SHGk6tjE+dwgWILJoUZfA==
 
-playwright@^1.36.2:
-  version "1.36.2"
-  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.36.2.tgz#4f25272209a31ad1138d7b9868e0325159f003e3"
-  integrity sha512-4Fmlq3KWsl85Bl4InJw1NC21aeQV0iSZuFvTDcy1F8zVmXmgQRe89GxF8zMSRt/KIS+2tUolak7EXVl9aC+JdA==
+playwright@^1.37.1:
+  version "1.37.1"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.37.1.tgz#6e488d82d7d98b9127c5db9c701f9c956ab47e76"
+  integrity sha512-bgUXRrQKhT48zHdxDYQTpf//0xDfDd5hLeEhjuSw8rXEGoT9YeElpfvs/izonTNY21IQZ7d3s22jLxYaAnubbQ==
   dependencies:
-    playwright-core "1.36.2"
+    playwright-core "1.37.1"
 
 please-upgrade-node@^3.2.0:
   version "3.2.0"
@@ -13248,10 +13663,10 @@ postcss@^7.0.26:
     picocolors "^0.2.1"
     source-map "^0.6.1"
 
-postcss@^8.4.23, postcss@^8.4.25, postcss@^8.4.27:
-  version "8.4.27"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.27.tgz#234d7e4b72e34ba5a92c29636734349e0d9c3057"
-  integrity sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==
+postcss@^8.4.23, postcss@^8.4.27, postcss@^8.4.29:
+  version "8.4.29"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.29.tgz#33bc121cf3b3688d4ddef50be869b2a54185a1dd"
+  integrity sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==
   dependencies:
     nanoid "^3.3.6"
     picocolors "^1.0.0"
@@ -13574,6 +13989,11 @@ rambda@^7.1.0:
   resolved "https://registry.yarnpkg.com/rambda/-/rambda-7.2.1.tgz#c533f6e2def4edcd59f967df938ace5dd6da56af"
   integrity sha512-Wswj8ZvzdI3VhaGPkZAxaCTwuMmGtgWt7Zxsgyo4P+iTmVnkojvyWaOep5q3ZjMIecW0wtQa66GWxaKkZ24RAA==
 
+ramda@^0.28.0:
+  version "0.28.0"
+  resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.28.0.tgz#acd785690100337e8b063cab3470019be427cc97"
+  integrity sha512-9QnLuG/kPVgWvMQ4aODhsBUFKOUmnbUnsSXACv+NCQZcHbeb+v8Lodp8OVxtRULN1/xOyYLLaL6npE6dMq5QTA==
+
 randexp@0.4.6:
   version "0.4.6"
   resolved "https://registry.yarnpkg.com/randexp/-/randexp-0.4.6.tgz#e986ad5e5e31dae13ddd6f7b3019aa7c87f60ca3"
@@ -13683,10 +14103,10 @@ react-event-listener@^0.6.0:
     prop-types "^15.6.0"
     warning "^4.0.1"
 
-react-fast-compare@3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.1.tgz#53933d9e14f364281d6cba24bfed7a4afb808b5f"
-  integrity sha512-xTYf9zFim2pEif/Fw16dBiXpe0hoy5PxcD8+OwBnTtNLfIm3g6WxhKNurY+6OmdH1u6Ta/W/Vl6vjbYP1MFnDg==
+react-fast-compare@3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.2.tgz#929a97a532304ce9fee4bcae44234f1ce2c21d49"
+  integrity sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==
 
 react-final-form@^6.5.9:
   version "6.5.9"
@@ -13695,12 +14115,12 @@ react-final-form@^6.5.9:
   dependencies:
     "@babel/runtime" "^7.15.4"
 
-react-imask@^6.6.3:
-  version "6.6.3"
-  resolved "https://registry.yarnpkg.com/react-imask/-/react-imask-6.6.3.tgz#febb3fb62e098d5cb51537e591bb2b6f7a7676ff"
-  integrity sha512-ZjqKXqBtc1LlFQWEj/SNuk4rQWXDdzLnDqCfNMnqdHHMqSvD1J+JuQZTuWgCCr5cLJxaXshDHW5AmhClk367Gw==
+react-imask@^7.1.3:
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/react-imask/-/react-imask-7.1.3.tgz#bb0131c643678532005f266e7df6d54b117eeaf6"
+  integrity sha512-anCnzdkqpDzNwe7ot76kQSvmnz4Sw7AW/QFjjLh3B87HVNv9e2oHC+1m9hQKSIui2Tqm7w68ooMgDFsCQlDMyg==
   dependencies:
-    imask "^6.6.3"
+    imask "^7.1.3"
     prop-types "^15.8.1"
 
 react-intersection-observer@^9.5.2:
@@ -13745,10 +14165,10 @@ react-lifecycles-compat@^3.0.4:
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
   integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
 
-react-number-format@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/react-number-format/-/react-number-format-5.2.2.tgz#60ee1152b33fee9e522e13846da9c9bf30993404"
-  integrity sha512-wCh64Z1HCwXcO2dbgkeYIaB+Rmp/fcsH8kAeRtUkc46dv1pIrgDjie2WkOqKBw8YqyqhwNdYgNFNQuuY+iGJ/g==
+react-number-format@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/react-number-format/-/react-number-format-5.3.1.tgz#840c257da9cb4b248990d8db46e4d23e8bac67ff"
+  integrity sha512-qpYcQLauIeEhCZUZY9jXZnnroOtdy3jYaS1zQ3M1Sr6r/KMOBEIGNIb7eKT19g2N1wbYgFgvDzs19hw5TrB8XQ==
   dependencies:
     prop-types "^15.7.2"
 
@@ -13779,20 +14199,20 @@ react-resize-detector@^8.0.4:
   dependencies:
     lodash "^4.17.21"
 
-react-router-dom@^6.14.2:
-  version "6.14.2"
-  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-6.14.2.tgz#88f520118b91aa60233bd08dbd3fdcaea3a68488"
-  integrity sha512-5pWX0jdKR48XFZBuJqHosX3AAHjRAzygouMTyimnBPOLdY3WjzUSKhus2FVMihUFWzeLebDgr4r8UeQFAct7Bg==
+react-router-dom@^6.15.0:
+  version "6.15.0"
+  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-6.15.0.tgz#6da7db61e56797266fbbef0d5e324d6ac443ee40"
+  integrity sha512-aR42t0fs7brintwBGAv2+mGlCtgtFQeOzK0BM1/OiqEzRejOZtpMZepvgkscpMUnKb8YO84G7s3LsHnnDNonbQ==
   dependencies:
-    "@remix-run/router" "1.7.2"
-    react-router "6.14.2"
+    "@remix-run/router" "1.8.0"
+    react-router "6.15.0"
 
-react-router@6.14.2:
-  version "6.14.2"
-  resolved "https://registry.yarnpkg.com/react-router/-/react-router-6.14.2.tgz#1f60994d8c369de7b8ba7a78d8f7ec23df76b300"
-  integrity sha512-09Zss2dE2z+T1D03IheqAFtK4UzQyX8nFPWx6jkwdYzGLXd5ie06A6ezS2fO6zJfEb/SpG6UocN2O1hfD+2urQ==
+react-router@6.15.0:
+  version "6.15.0"
+  resolved "https://registry.yarnpkg.com/react-router/-/react-router-6.15.0.tgz#bf2cb5a4a7ed57f074d4ea88db0d95033f39cac8"
+  integrity sha512-NIytlzvzLwJkCQj2HLefmeakxxWHWAP+02EGqWEZy+DgfHHKQMUoBBjUQLOtFInBMhWtb3hiUy6MfFgwLjXhqg==
   dependencies:
-    "@remix-run/router" "1.7.2"
+    "@remix-run/router" "1.8.0"
 
 react-runner@^1.0.3:
   version "1.0.3"
@@ -13882,10 +14302,10 @@ react-transition-group@^4.4.5:
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
-react-virtuoso@^4.4.2:
-  version "4.4.2"
-  resolved "https://registry.yarnpkg.com/react-virtuoso/-/react-virtuoso-4.4.2.tgz#752438e5031a9f72722371a52ae5ac7265f3e1c0"
-  integrity sha512-9uChSRSK5bTbKTxzuta4RqhfrlZSVHI/v8fHwmv3jmImS8FjdZ4Mzgqz9JKUp/yQo3dIHkR2QwidQeqxgYzPhQ==
+react-virtuoso@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/react-virtuoso/-/react-virtuoso-4.6.0.tgz#402d86363b6fc6408273615bae9be83e4ce73037"
+  integrity sha512-paQbkLA8U6dRe9srltWgPeoFCtNKqUYIcOpUR01JyznzaXWVzgZQE0M9KGi9vMoq8vHvHkGzuxJ6jDCS6uzePg==
 
 react-window@^1.8.9:
   version "1.8.9"
@@ -14014,9 +14434,9 @@ read@^2.0.0:
     mute-stream "~1.0.0"
 
 readable-stream@^2.0.0, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.3.6, readable-stream@~2.3.6:
-  version "2.3.7"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
-  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
   dependencies:
     core-util-is "~1.0.0"
     inherits "~2.0.3"
@@ -14074,10 +14494,10 @@ recast@^0.20.3, recast@^0.20.4:
     source-map "~0.6.1"
     tslib "^2.0.1"
 
-recast@^0.23.3:
-  version "0.23.3"
-  resolved "https://registry.yarnpkg.com/recast/-/recast-0.23.3.tgz#f205d1f46b2c6f730de413ab18f96c166263d85f"
-  integrity sha512-HbCVFh2ANP6a09nzD4lx7XthsxMOJWKX5pIcUwtLrmeEIl3I0DwjCoVXDE0Aobk+7k/mS3H50FK4iuYArpcT6Q==
+recast@^0.23.4:
+  version "0.23.4"
+  resolved "https://registry.yarnpkg.com/recast/-/recast-0.23.4.tgz#ca1bac7bfd3011ea5a28dfecb5df678559fb1ddf"
+  integrity sha512-qtEDqIZGVcSZCHniWwZWbRy79Dc6Wp3kT/UmDA2RJKBPg7+7k51aQBZirHmUGn5uvHf2rg8DkjizrN26k61ATw==
   dependencies:
     assert "^2.0.0"
     ast-types "^0.16.1"
@@ -14092,10 +14512,10 @@ recharts-scale@^0.4.4:
   dependencies:
     decimal.js-light "^2.4.1"
 
-recharts@*, recharts@2.7.2:
-  version "2.7.2"
-  resolved "https://registry.yarnpkg.com/recharts/-/recharts-2.7.2.tgz#6d813681910ad33a4bbf3bdd06c6f64f20b39319"
-  integrity sha512-HMKRBkGoOXHW+7JcRa6+MukPSifNtJlqbc+JreGVNA407VLE/vOP+8n3YYjprDVVIF9E2ZgwWnL3D7K/LUFzBg==
+recharts@2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/recharts/-/recharts-2.8.0.tgz#90c95136e2cb6930224c94a51adce607701284fc"
+  integrity sha512-nciXqQDh3aW8abhwUlA4EBOBusRHLNiKHfpRZiG/yjups1x+auHb2zWPuEcTn/IMiN47vVMMuF8Sr+vcQJtsmw==
   dependencies:
     classnames "^2.2.5"
     eventemitter3 "^4.0.1"
@@ -14114,12 +14534,12 @@ rechoir@^0.6.2:
   dependencies:
     resolve "^1.1.6"
 
-rechoir@^0.7.0:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.7.1.tgz#9478a96a1ca135b5e88fc027f03ee92d6c645686"
-  integrity sha512-/njmZ8s1wVeR6pjTZ+0nCnv8SpZNRMT2D1RLOJQESlYFDBvwpTA4KWJpZ+sBJ4+vhjILRcK7JIFdGCdxEAAitg==
+rechoir@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.8.0.tgz#49f866e0d32146142da3ad8f0eff352b3215ff22"
+  integrity sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==
   dependencies:
-    resolve "^1.9.0"
+    resolve "^1.20.0"
 
 redent@^3.0.0:
   version "3.0.0"
@@ -14152,6 +14572,18 @@ redux@^4.2.1:
   dependencies:
     "@babel/runtime" "^7.9.2"
 
+reflect.getprototypeof@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.3.tgz#2738fd896fcc3477ffbd4190b40c2458026b6928"
+  integrity sha512-TTAOZpkJ2YLxl7mVHWrNo3iDMEkYlva/kgFcXndqMgbo/AZUmmavEkdXV+hXtE4P8xdyEKRzalaFqZVuwIk/Nw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+    get-intrinsic "^1.1.1"
+    globalthis "^1.0.3"
+    which-builtin-type "^1.1.3"
+
 reflect.ownkeys@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/reflect.ownkeys/-/reflect.ownkeys-0.2.0.tgz#749aceec7f3fdf8b63f927a04809e90c5c0b3460"
@@ -14169,15 +14601,20 @@ regenerate@^1.4.2:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.13.11, regenerator-runtime@^0.13.9:
+regenerator-runtime@^0.13.9:
   version "0.13.11"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
 
-regenerator-transform@^0.15.1:
-  version "0.15.1"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.1.tgz#f6c4e99fc1b4591f780db2586328e4d9a9d8dc56"
-  integrity sha512-knzmNAcuyxV+gQCufkYcvOqX/qIIfHLv0u5x79kRxuGojfYVky1f15TzZEu2Avte8QGepvUNTnLskf8E6X6Vyg==
+regenerator-runtime@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz#5e19d68eb12d486f797e15a3c6a918f7cec5eb45"
+  integrity sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==
+
+regenerator-transform@^0.15.2:
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.2.tgz#5bbae58b522098ebdf09bca2f83838929001c7a4"
+  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
   dependencies:
     "@babel/runtime" "^7.8.4"
 
@@ -14371,12 +14808,12 @@ resolve-url@^0.2.1:
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
   integrity sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==
 
-resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.11.0, resolve@^1.11.1, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.1, resolve@^1.22.2, resolve@^1.22.3, resolve@^1.3.2, resolve@^1.9.0:
-  version "1.22.3"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.3.tgz#4b4055349ffb962600972da1fdc33c46a4eb3283"
-  integrity sha512-P8ur/gp/AmbEzjr729bZnLjXK5Z+4P0zhIJgBgzqRih7hL7BOukHGtSTA3ACMY467GRFz3duQsi0bDZdR7DKdw==
+resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.11.0, resolve@^1.11.1, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.1, resolve@^1.22.2, resolve@^1.3.2:
+  version "1.22.4"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.4.tgz#1dc40df46554cdaf8948a486a10f6ba1e2026c34"
+  integrity sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==
   dependencies:
-    is-core-module "^2.12.0"
+    is-core-module "^2.13.0"
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
@@ -14530,10 +14967,10 @@ rollup-pluginutils@^2.3.1, rollup-pluginutils@^2.8.1:
   dependencies:
     estree-walker "^0.6.1"
 
-rollup@^3.27.0:
-  version "3.27.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.27.0.tgz#15bd07e2e1cbfa9255bf6a3f04a432621c2f3550"
-  integrity sha512-aOltLCrYZ0FhJDm7fCqwTjIUEVjWjcydKBV/Zeid6Mn8BWgDCUBBWT5beM5ieForYNo/1ZHuGJdka26kvQ3Gzg==
+rollup@^3.27.1, rollup@^3.29.2:
+  version "3.29.2"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.29.2.tgz#cbc76cd5b03b9f9e93be991d23a1dff9c6d5b740"
+  integrity sha512-CJouHoZ27v6siztc21eEQGo0kIcE5D1gVPA571ez0mMYb25LGYGKnVNXpEj5MGlepmDWGXNjDB5q7uNiPHC11A==
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -14672,14 +15109,14 @@ semver-compare@^1.0.0:
   resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
   integrity sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==
 
-"semver@2 >=2.2.1 || 3.x || 4 || 5 || 7", semver@^7.0.0, semver@^7.1.1, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8, semver@^7.5.0, semver@^7.5.4:
+"semver@2 >=2.2.1 || 3.x || 4 || 5 || 7", semver@^7.0.0, semver@^7.1.1, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8, semver@^7.5.0, semver@^7.5.3, semver@^7.5.4:
   version "7.5.4"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
   integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
   dependencies:
     lru-cache "^6.0.0"
 
-"semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.6.0, semver@^5.7.0, semver@^5.7.1:
+"semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.6.0, semver@^5.7.0, semver@^5.7.1, semver@^5.7.2:
   version "5.7.2"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
   integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
@@ -14765,10 +15202,10 @@ serve-static@1.15.0:
     parseurl "~1.3.3"
     send "0.18.0"
 
-serve@^14.2.0:
-  version "14.2.0"
-  resolved "https://registry.yarnpkg.com/serve/-/serve-14.2.0.tgz#3d768e88fa13ad8644f2393599189707176e66b8"
-  integrity sha512-+HOw/XK1bW8tw5iBilBz/mJLWRzM8XM6MPxL4J/dKzdxq1vfdEWSwhaR7/yS8EJp5wzvP92p1qirysJvnEtjXg==
+serve@^14.2.1:
+  version "14.2.1"
+  resolved "https://registry.yarnpkg.com/serve/-/serve-14.2.1.tgz#3f078d292ed5e7b2c5a64f957af2765b0459798b"
+  integrity sha512-48er5fzHh7GCShLnNyPBRPEjs2I6QBozeGr02gaacROiyS/8ARADlj595j39iZXAqBbJHH/ivJJyPRWY9sQWZA==
   dependencies:
     "@zeit/schemas" "2.29.0"
     ajv "8.11.0"
@@ -14934,14 +15371,14 @@ sinon@^15.2.0:
     nise "^5.1.4"
     supports-color "^7.2.0"
 
-sirv@^1.0.7:
-  version "1.0.19"
-  resolved "https://registry.yarnpkg.com/sirv/-/sirv-1.0.19.tgz#1d73979b38c7fe91fcba49c85280daa9c2363b49"
-  integrity sha512-JuLThK3TnZG1TAKDwNIqNq6QA2afLOCcm+iE8D1Kj3GA40pSPsxQjjJl0J8X3tsR7T+CP1GavpzLwYkgVLWrZQ==
+sirv@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/sirv/-/sirv-2.0.3.tgz#ca5868b87205a74bef62a469ed0296abceccd446"
+  integrity sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==
   dependencies:
     "@polka/url" "^1.0.0-next.20"
     mrmime "^1.0.0"
-    totalist "^1.0.0"
+    totalist "^3.0.0"
 
 slash@3.0.0, slash@^3.0.0:
   version "3.0.0"
@@ -15095,6 +15532,11 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+source-map@^0.7.3:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
 sourcemap-codec@^1.4.8:
   version "1.4.8"
   resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
@@ -15217,11 +15659,6 @@ ssri@^9.0.0, ssri@^9.0.1:
   dependencies:
     minipass "^3.1.1"
 
-stable@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
-  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
-
 static-extend@^0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
@@ -15425,10 +15862,10 @@ strip-json-comments@3.1.1, strip-json-comments@^3.1.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
-strip-json-comments@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-5.0.0.tgz#ec101b766476a703031bc607e3c712569de2aa06"
-  integrity sha512-V1LGY4UUo0jgwC+ELQ2BNWfPa17TIuwBLg+j1AA/9RPzKINl1lhxVEu2r+ZTTO8aetIsUzE5Qj6LMSBkoGYKKw==
+strip-json-comments@5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-5.0.1.tgz#0d8b7d01b23848ed7dbdf4baaaa31a8250d8cfa0"
+  integrity sha512-0fk9zBqO67Nq5M/m45qHCJxylV/DhBlIOVExqgOMiCCrzrhU6tCibRXNqE3jwJLftzE9SNuZtYbpzcO+i9FiKw==
 
 strip-json-comments@^2.0.1, strip-json-comments@~2.0.1:
   version "2.0.1"
@@ -15449,6 +15886,31 @@ style-search@^0.1.0:
   resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902"
   integrity sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==
 
+styled-components@6.0.7:
+  version "6.0.7"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-6.0.7.tgz#1cf4a5e6b6181b29f941934df54af19b7ef05ab0"
+  integrity sha512-xIwWuiRMYR43mskVsW9MGTRjSo7ol4bcVjT595fGUp3OLBJOlOgaiKaxsHdC4a2HqWKqKnh0CmcRbk5ogyDjTg==
+  dependencies:
+    "@babel/cli" "^7.21.0"
+    "@babel/core" "^7.21.0"
+    "@babel/helper-module-imports" "^7.18.6"
+    "@babel/plugin-external-helpers" "^7.18.6"
+    "@babel/plugin-proposal-class-properties" "^7.18.6"
+    "@babel/plugin-proposal-object-rest-spread" "^7.20.7"
+    "@babel/preset-env" "^7.20.2"
+    "@babel/preset-react" "^7.18.6"
+    "@babel/preset-typescript" "^7.21.0"
+    "@babel/traverse" "^7.21.2"
+    "@emotion/is-prop-valid" "^1.2.1"
+    "@emotion/unitless" "^0.8.0"
+    "@types/stylis" "^4.0.2"
+    css-to-react-native "^3.2.0"
+    csstype "^3.1.2"
+    postcss "^8.4.23"
+    shallowequal "^1.1.0"
+    stylis "^4.3.0"
+    tslib "^2.5.0"
+
 styled-components@^5.3.11:
   version "5.3.11"
   resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.3.11.tgz#9fda7bf1108e39bf3f3e612fcc18170dedcd57a8"
@@ -15491,17 +15953,17 @@ styled-system@^5.1.5:
     "@styled-system/variant" "^5.1.5"
     object-assign "^4.1.1"
 
-stylelint-config-recommended@^12.0.0:
-  version "12.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-12.0.0.tgz#d0993232fca017065fd5acfcb52dd8a188784ef4"
-  integrity sha512-x6x8QNARrGO2sG6iURkzqL+Dp+4bJorPMMRNPScdvaUK8PsynriOcMW7AFDKqkWAS5wbue/u8fUT/4ynzcmqdQ==
+stylelint-config-recommended@^13.0.0:
+  version "13.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-13.0.0.tgz#c48a358cc46b629ea01f22db60b351f703e00597"
+  integrity sha512-EH+yRj6h3GAe/fRiyaoO2F9l9Tgg50AOFhaszyfov9v6ayXJ1IkSHwTxd7lB48FmOeSGDPLjatjO11fJpmarkQ==
 
-stylelint-config-standard@^33.0.0:
-  version "33.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-33.0.0.tgz#1f7bb299153a53874073e93829e37a475842f0f9"
-  integrity sha512-eyxnLWoXImUn77+ODIuW9qXBDNM+ALN68L3wT1lN2oNspZ7D9NVGlNHb2QCUn4xDug6VZLsh0tF8NyoYzkgTzg==
+stylelint-config-standard@^34.0.0:
+  version "34.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-34.0.0.tgz#309f3c48118a02aae262230c174282e40e766cf4"
+  integrity sha512-u0VSZnVyW9VSryBG2LSO+OQTjN7zF9XJaAJRX/4EwkmU0R2jYwmBSN10acqZisDitS0CLiEiGjX7+Hrq8TAhfQ==
   dependencies:
-    stylelint-config-recommended "^12.0.0"
+    stylelint-config-recommended "^13.0.0"
 
 stylelint-processor-styled-components@^1.10.0:
   version "1.10.0"
@@ -15513,14 +15975,14 @@ stylelint-processor-styled-components@^1.10.0:
     micromatch "^4.0.2"
     postcss "^7.0.26"
 
-stylelint@^15.10.2:
-  version "15.10.2"
-  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-15.10.2.tgz#0ee5a8371d3a2e1ff27fefd48309d3ddef7c3405"
-  integrity sha512-UxqSb3hB74g4DTO45QhUHkJMjKKU//lNUAOWyvPBVPZbCknJ5HjOWWZo+UDuhHa9FLeVdHBZXxu43eXkjyIPWg==
+stylelint@^15.10.3:
+  version "15.10.3"
+  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-15.10.3.tgz#995e4512fdad450fb83e13f3472001f6edb6469c"
+  integrity sha512-aBQMMxYvFzJJwkmg+BUUg3YfPyeuCuKo2f+LOw7yYbU8AZMblibwzp9OV4srHVeQldxvSFdz0/Xu8blq2AesiA==
   dependencies:
-    "@csstools/css-parser-algorithms" "^2.3.0"
-    "@csstools/css-tokenizer" "^2.1.1"
-    "@csstools/media-query-list-parser" "^2.1.2"
+    "@csstools/css-parser-algorithms" "^2.3.1"
+    "@csstools/css-tokenizer" "^2.2.0"
+    "@csstools/media-query-list-parser" "^2.1.4"
     "@csstools/selector-specificity" "^3.0.0"
     balanced-match "^2.0.0"
     colord "^2.9.3"
@@ -15528,7 +15990,7 @@ stylelint@^15.10.2:
     css-functions-list "^3.2.0"
     css-tree "^2.3.1"
     debug "^4.3.4"
-    fast-glob "^3.3.0"
+    fast-glob "^3.3.1"
     fastest-levenshtein "^1.0.16"
     file-entry-cache "^6.0.1"
     global-modules "^2.0.0"
@@ -15539,13 +16001,13 @@ stylelint@^15.10.2:
     import-lazy "^4.0.0"
     imurmurhash "^0.1.4"
     is-plain-object "^5.0.0"
-    known-css-properties "^0.27.0"
+    known-css-properties "^0.28.0"
     mathml-tag-names "^2.1.3"
     meow "^10.1.5"
     micromatch "^4.0.5"
     normalize-path "^3.0.0"
     picocolors "^1.0.0"
-    postcss "^8.4.25"
+    postcss "^8.4.27"
     postcss-resolve-nested-selector "^0.1.1"
     postcss-safe-parser "^6.0.0"
     postcss-selector-parser "^6.0.13"
@@ -15573,11 +16035,21 @@ stylis-plugin-rtl@^2.1.1:
   dependencies:
     cssjanus "^2.0.1"
 
-stylis@4.2.0, stylis@^4.2.0:
+stylis@4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
   integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
 
+stylis@^3.5.4:
+  version "3.5.4"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.4.tgz#f665f25f5e299cf3d64654ab949a57c768b73fbe"
+  integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==
+
+stylis@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.3.0.tgz#abe305a669fc3d8777e10eefcfc73ad861c5588c"
+  integrity sha512-E87pIogpwUsUwXw7dNyU4QDjdgVMy52m+XEOPEKUn161cCzWjjhPSQhByfd1CcNvrOLnXQ6OnnZDwnJrz/Z4YQ==
+
 sucrase@^3.21.0, sucrase@^3.32.0:
   version "3.32.0"
   resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.32.0.tgz#c4a95e0f1e18b6847127258a75cf360bc568d4a7"
@@ -15643,18 +16115,17 @@ svg-tags@^1.0.0:
   resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"
   integrity sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==
 
-svgo@^2.8.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.8.0.tgz#4ff80cce6710dc2795f0c7c74101e6764cfccd24"
-  integrity sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==
+svgo@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-3.0.2.tgz#5e99eeea42c68ee0dc46aa16da093838c262fe0a"
+  integrity sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==
   dependencies:
     "@trysound/sax" "0.2.0"
     commander "^7.2.0"
-    css-select "^4.1.3"
-    css-tree "^1.1.3"
-    csso "^4.2.0"
+    css-select "^5.1.0"
+    css-tree "^2.2.1"
+    csso "^5.0.5"
     picocolors "^1.0.0"
-    stable "^0.1.8"
 
 symbol-observable@^1.2.0:
   version "1.2.0"
@@ -15807,17 +16278,17 @@ text-table@^0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
-theme-ui@^0.16.0:
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/theme-ui/-/theme-ui-0.16.0.tgz#88b5d76e32529ff75cd044008158dde282a94f8d"
-  integrity sha512-XWMKYxWptYn3wbgyJeINf1PfVk45ZxoeukDtVsxqQ0FblWhbby2eHR36fFv8+YCIs03yhgCZkNzC68uHePWvgg==
+theme-ui@^0.16.1:
+  version "0.16.1"
+  resolved "https://registry.yarnpkg.com/theme-ui/-/theme-ui-0.16.1.tgz#7319456de50b6a81ac5876b4e95c83abfaaed52c"
+  integrity sha512-QozvNUorEbrFBZUwO5RaaHA+YU/aJLIpeB9vplJERW+vcauldilxhnAjr8KeTv8LY2QMU4iyWWreamJ8/5KzEQ==
   dependencies:
-    "@theme-ui/color-modes" "^0.16.0"
-    "@theme-ui/components" "^0.16.0"
-    "@theme-ui/core" "^0.16.0"
-    "@theme-ui/css" "^0.16.0"
-    "@theme-ui/global" "^0.16.0"
-    "@theme-ui/theme-provider" "^0.16.0"
+    "@theme-ui/color-modes" "^0.16.1"
+    "@theme-ui/components" "^0.16.1"
+    "@theme-ui/core" "^0.16.1"
+    "@theme-ui/css" "^0.16.1"
+    "@theme-ui/global" "^0.16.1"
+    "@theme-ui/theme-provider" "^0.16.1"
 
 theming@^3.3.0:
   version "3.3.0"
@@ -15836,7 +16307,7 @@ thenify-all@^1.0.0:
   dependencies:
     thenify ">= 3.1.0 < 4"
 
-thenify@3.3.1, "thenify@>= 3.1.0 < 4":
+"thenify@>= 3.1.0 < 4":
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
   integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
@@ -15930,10 +16401,10 @@ toidentifier@1.0.1:
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
   integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
 
-totalist@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/totalist/-/totalist-1.1.0.tgz#a4d65a3e546517701e3e5c37a47a70ac97fe56df"
-  integrity sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==
+totalist@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/totalist/-/totalist-3.0.1.tgz#ba3a3d600c915b1a97872348f79c127475f6acf8"
+  integrity sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==
 
 tough-cookie@^4.1.2:
   version "4.1.2"
@@ -16005,6 +16476,13 @@ ts-interface-checker@^0.1.9:
   resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
   integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
 
+ts-invariant@^0.10.3:
+  version "0.10.3"
+  resolved "https://registry.yarnpkg.com/ts-invariant/-/ts-invariant-0.10.3.tgz#3e048ff96e91459ffca01304dbc7f61c1f642f6c"
+  integrity sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==
+  dependencies:
+    tslib "^2.1.0"
+
 ts-node@^10.9.1:
   version "10.9.1"
   resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-10.9.1.tgz#e73de9102958af9e1f0b168a6ff320e25adcff4b"
@@ -16232,15 +16710,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
-"typescript@>=3 < 6":
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.1.3.tgz#8d84219244a6b40b6fb2b33cc1c062f715b9e826"
-  integrity sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==
-
-typescript@^4.9.5:
-  version "4.9.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
-  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
+"typescript@>=3 < 6", typescript@^5.1.6:
+  version "5.1.6"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.1.6.tgz#02f8ac202b6dad2c0dd5e0913745b47a37998274"
+  integrity sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==
 
 ua-parser-js@^0.7.30:
   version "0.7.33"
@@ -16472,6 +16945,18 @@ url@0.10.3:
     punycode "1.3.2"
     querystring "0.2.0"
 
+use-count-up@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/use-count-up/-/use-count-up-3.0.1.tgz#315edf4e4be91ead94e6dd34444349d9b8c2c6c3"
+  integrity sha512-jlVsXJYje6jh+xwQaCEYrwHoB+nRyillNEmr21bhe9kw7tpRzyrSq9jQs9UOlo+8hCFkuOmjUihL3IjEK/piVg==
+  dependencies:
+    use-elapsed-time "3.0.2"
+
+use-elapsed-time@3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/use-elapsed-time/-/use-elapsed-time-3.0.2.tgz#ef22bf520e60f9873fd102925a2d5cbc5d4faaf5"
+  integrity sha512-2EY9lJ5DWbAvT8wWiEp6Ztnl46DjXz2j78uhWbXaz/bg3OfpbgVucCAlcN8Bih6hTJfFTdVYX9L6ySMn5py/wQ==
+
 use-sync-external-store@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
@@ -16487,7 +16972,7 @@ util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
 
-util@^0.12.0, util@^0.12.4, util@^0.12.5:
+util@^0.12.0, util@^0.12.4:
   version "0.12.5"
   resolved "https://registry.yarnpkg.com/util/-/util-0.12.5.tgz#5f17a6059b73db61a875668781a1c2b136bd6fbc"
   integrity sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==
@@ -16628,6 +17113,17 @@ victory-vendor@^36.6.8:
     d3-time "^3.0.0"
     d3-timer "^3.0.1"
 
+vite@^4.4.9:
+  version "4.4.9"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.4.9.tgz#1402423f1a2f8d66fd8d15e351127c7236d29d3d"
+  integrity sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==
+  dependencies:
+    esbuild "^0.18.10"
+    postcss "^8.4.27"
+    rollup "^3.27.1"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
 vlq@^0.2.2:
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/vlq/-/vlq-0.2.3.tgz#8f3e4328cf63b1540c0d67e1b2778386f8975b26"
@@ -16682,38 +17178,46 @@ webidl-conversions@^7.0.0:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
   integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
 
-webpack-bundle-analyzer@^4.9.0:
-  version "4.9.0"
-  resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.9.0.tgz#fc093c4ab174fd3dcbd1c30b763f56d10141209d"
-  integrity sha512-+bXGmO1LyiNx0i9enBu3H8mv42sj/BJWhZNFwjz92tVnBa9J3JMGo2an2IXlEleoDOPn/Hofl5hr/xCpObUDtw==
+webpack-bundle-analyzer@^4.9.1:
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.9.1.tgz#d00bbf3f17500c10985084f22f1a2bf45cb2f09d"
+  integrity sha512-jnd6EoYrf9yMxCyYDPj8eutJvtjQNp8PHmni/e/ulydHBWhT5J3menXt3HEkScsu9YqMAcG4CfFjs3rj5pVU1w==
   dependencies:
     "@discoveryjs/json-ext" "0.5.7"
     acorn "^8.0.4"
     acorn-walk "^8.0.0"
-    chalk "^4.1.0"
     commander "^7.2.0"
+    escape-string-regexp "^4.0.0"
     gzip-size "^6.0.0"
-    lodash "^4.17.20"
+    is-plain-object "^5.0.0"
+    lodash.debounce "^4.0.8"
+    lodash.escape "^4.0.1"
+    lodash.flatten "^4.4.0"
+    lodash.invokemap "^4.6.0"
+    lodash.pullall "^4.2.0"
+    lodash.uniqby "^4.7.0"
     opener "^1.5.2"
-    sirv "^1.0.7"
+    picocolors "^1.0.0"
+    sirv "^2.0.3"
     ws "^7.3.1"
 
-webpack-cli@^4.10.0:
-  version "4.10.0"
-  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-4.10.0.tgz#37c1d69c8d85214c5a65e589378f53aec64dab31"
-  integrity sha512-NLhDfH/h4O6UOy+0LSso42xvYypClINuMNBVVzX4vX98TmTaTUxwRbXdhucbFMd2qLaCTcLq/PdYrvi8onw90w==
+webpack-cli@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-5.1.4.tgz#c8e046ba7eaae4911d7e71e2b25b776fcc35759b"
+  integrity sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==
   dependencies:
     "@discoveryjs/json-ext" "^0.5.0"
-    "@webpack-cli/configtest" "^1.2.0"
-    "@webpack-cli/info" "^1.5.0"
-    "@webpack-cli/serve" "^1.7.0"
+    "@webpack-cli/configtest" "^2.1.1"
+    "@webpack-cli/info" "^2.0.2"
+    "@webpack-cli/serve" "^2.0.5"
     colorette "^2.0.14"
-    commander "^7.0.0"
+    commander "^10.0.1"
     cross-spawn "^7.0.3"
+    envinfo "^7.7.3"
     fastest-levenshtein "^1.0.12"
     import-local "^3.0.2"
-    interpret "^2.2.0"
-    rechoir "^0.7.0"
+    interpret "^3.1.1"
+    rechoir "^0.8.0"
     webpack-merge "^5.7.3"
 
 webpack-merge@^4.1.5:
@@ -16736,7 +17240,7 @@ webpack-sources@^3.2.3:
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
-webpack@^5, webpack@^5.88.2:
+webpack@^5.88.2:
   version "5.88.2"
   resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.88.2.tgz#f62b4b842f1c6ff580f3fcb2ed4f0b579f4c210e"
   integrity sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==
@@ -16805,6 +17309,24 @@ which-boxed-primitive@^1.0.2:
     is-string "^1.0.5"
     is-symbol "^1.0.3"
 
+which-builtin-type@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.1.3.tgz#b1b8443707cc58b6e9bf98d32110ff0c2cbd029b"
+  integrity sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==
+  dependencies:
+    function.prototype.name "^1.1.5"
+    has-tostringtag "^1.0.0"
+    is-async-function "^2.0.0"
+    is-date-object "^1.0.5"
+    is-finalizationregistry "^1.0.2"
+    is-generator-function "^1.0.10"
+    is-regex "^1.1.4"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.0.2"
+    which-collection "^1.0.1"
+    which-typed-array "^1.1.9"
+
 which-collection@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.1.tgz#70eab71ebbbd2aefaf32f917082fc62cdcb70906"